diff --git a/.cargo/config.toml b/.cargo/config.toml
new file mode 100644
index 00000000..5963be51
--- /dev/null
+++ b/.cargo/config.toml
@@ -0,0 +1,9 @@
+# WASM targets for wasmtime.
+# wasm32-unknown-unknown is used by default (available on stable).
+# For full WASI support, install: rustup target add wasm32-wasi --toolchain nightly
+
+[target.wasm32-unknown-unknown]
+rustflags = ["-C", "target-feature=+atomics,+bulk-memory,+mutable-globals,+simd128"]
+
+[target.wasm32-wasi]
+rustflags = ["-C", "target-feature=+atomics,+bulk-memory,+mutable-globals,+simd128"]
diff --git a/.claude/rules/cleanup-downloads.md b/.claude/rules/cleanup-downloads.md
new file mode 100644
index 00000000..074a57a8
--- /dev/null
+++ b/.claude/rules/cleanup-downloads.md
@@ -0,0 +1,32 @@
+---
+description: Clean up any downloaded files after they are no longer needed.
+glob: "*"
+---
+
+# Clean Up Downloaded Files
+
+After downloading any files (archives, packages, binaries, datasets, temporary assets), remove them once they have served their purpose.
+
+## Rules
+
+1. After extracting an archive, delete the archive.
+2. After installing a package from a downloaded tarball, delete the tarball.
+3. After copying needed data from a downloaded file, delete the original download.
+4. After fetching a binary or tool for a one-time operation, delete it when done.
+
+## When to Clean
+
+Remove downloads immediately after:
+- Extracting an archive (`tar`, `unzip`, etc.)
+- Installing from a downloaded package
+- Copying data from a temporary file
+- Running a one-time tool or binary
+- Generating a build artifact that's already committed
+
+## What to Keep
+
+Do **not** delete:
+- Source code files
+- Configuration files
+- Build outputs that are part of the project
+- Files tracked by git
diff --git a/.claude/rules/commit-after-changes.md b/.claude/rules/commit-after-changes.md
new file mode 100644
index 00000000..beaac3e6
--- /dev/null
+++ b/.claude/rules/commit-after-changes.md
@@ -0,0 +1,9 @@
+---
+description: Always commit after every meaningful code change before moving to the next task.
+glob: "*"
+---
+
+# Commit After Changes
+
+After every meaningful code change (fix, feature, config update), stage and commit the files before moving to the next task.
+Do not batch multiple changes into a single commit unless they are part of the same atomic fix.
diff --git a/.claude/rules/escape-at-signs.md b/.claude/rules/escape-at-signs.md
new file mode 100644
index 00000000..2b8a023e
--- /dev/null
+++ b/.claude/rules/escape-at-signs.md
@@ -0,0 +1,15 @@
+---
+description: Escape @ symbols in commit messages and file content before committing to GitHub to prevent unwanted mentions.
+glob: "*"
+---
+
+# Escape @ Symbols Before Committing
+
+Always escape `@` symbols with a backslash (`\@`) in commit messages and any file content before committing to GitHub, to prevent GitHub from interpreting them as user or team mentions.
+
+Apply this to:
+- Commit messages
+- Markdown files
+- Any text that will be rendered by GitHub
+
+Example: `@username` → `\@username`
diff --git a/.claude/rules/playwright-verify.md b/.claude/rules/playwright-verify.md
new file mode 100644
index 00000000..9c908317
--- /dev/null
+++ b/.claude/rules/playwright-verify.md
@@ -0,0 +1,70 @@
+---
+description: Verify all visual and behavioral changes using Playwright MCP before claiming success.
+glob: "*"
+---
+
+# Verify with Playwright MCP
+
+After making any visual or behavioral change, verify it works correctly using Playwright MCP browser tools. Never claim a feature works without confirming it in a real browser.
+
+## When to Verify
+
+Run Playwright verification after:
+- CSS/style changes
+- Component rewrites
+- Layout modifications
+- Adding or removing UI elements
+- Changing responsive behavior
+- Dark mode adjustments
+
+## Verification Steps
+
+1. **Navigate** to the affected page using `playwright_browser_navigate`
+2. **Snapshot** the page using `playwright_browser_snapshot` to verify structure
+3. **Screenshot** using `playwright_browser_take_screenshot` for visual confirmation
+4. **Interact** with the changed elements (click, type, hover) to confirm behavior
+5. **Compare** against expected appearance — if broken, fix immediately
+
+## Example Workflow
+
+```
+# After changing upload page styles
+1. playwright_browser_navigate → http://localhost:5173/upload
+2. playwright_browser_snapshot → verify component structure
+3. playwright_browser_take_screenshot → visual check
+4. playwright_browser_click → test interactive elements
+5. Confirm no regressions
+```
+
+## Golden Path + Edge Cases
+
+Test both:
+- **Golden path**: the main happy flow (e.g., select files → upload → share)
+- **Edge cases**: empty states, error states, loading states, mobile viewports
+
+## Responsive Testing
+
+After CSS changes, verify at multiple viewports:
+
+```
+1. playwright_browser_resize → 1920x1080 (desktop)
+2. playwright_browser_resize → 768x1024 (tablet)
+3. playwright_browser_resize → 375x667 (mobile)
+```
+
+## Dark Mode Testing
+
+After style changes, toggle dark mode and verify:
+
+```
+1. playwright_browser_evaluate → toggle .dark class on <html>
+2. playwright_browser_snapshot → verify dark styles
+3. Confirm no broken contrast or missing overrides
+```
+
+## What NOT to Do
+
+1. **Do NOT** claim a change works without browser verification
+2. **Do NOT** skip verification for "small" CSS changes
+3. **Do NOT** assume Tailwind classes work without confirming the output
+4. **Do NOT** skip responsive verification after layout changes
diff --git a/.claude/rules/readable-typescript.md b/.claude/rules/readable-typescript.md
new file mode 100644
index 00000000..5cbdcc84
--- /dev/null
+++ b/.claude/rules/readable-typescript.md
@@ -0,0 +1,385 @@
+---
+description: Write verbose, readable TypeScript that prioritizes clarity, explicit intent, and a Python-like coding style.
+glob: "*.ts"
+---
+
+# Code Style: Readable, Pythonic TypeScript
+
+Write code for humans first.
+
+Optimize for:
+- Readability
+- Maintainability
+- Explicit intent
+- Ease of modification
+
+Avoid writing code that is merely shorter.
+
+## Naming
+
+Use descriptive names.
+
+Prefer:
+
+```ts
+const selectedFiles = files.filter(file => file.selected);
+const totalDownloadSize = calculateTotalDownloadSize(files);
+```
+
+Over:
+
+```ts
+const s = files.filter(f => f.selected);
+const t = calc(files);
+```
+
+Names should explain:
+- what a value contains
+- why it exists
+- how it is used
+
+Avoid unnecessary abbreviations.
+
+---
+
+## Functions
+
+Functions should do one thing.
+
+Prefer:
+
+```ts
+function getEnabledTrackers(trackers: Tracker[]): Tracker[] {
+    return trackers.filter(tracker => tracker.enabled);
+}
+```
+
+Over:
+
+```ts
+function process(trackers: Tracker[]) {
+    // 50 lines doing 7 different things
+}
+```
+
+Extract logic into well-named helpers whenever doing so improves readability.
+
+---
+
+## Prefer Expression-Oriented Code
+
+Favor transformations over step-by-step mutation.
+
+Prefer:
+
+```ts
+const activePeerAddresses = peers
+    .filter(peer => peer.connected)
+    .map(peer => peer.address);
+```
+
+Over:
+
+```ts
+const activePeerAddresses: string[] = [];
+
+for (const peer of peers) {
+    if (peer.connected) {
+        activePeerAddresses.push(peer.address);
+    }
+}
+```
+
+The code should communicate *what* is happening, not *how*.
+
+---
+
+## Iteration
+
+Prefer functional iteration methods:
+
+```ts
+map()
+filter()
+find()
+reduce()
+some()
+every()
+flatMap()
+forEach()
+```
+
+Prefer:
+
+```ts
+const trackerUrls = trackers.map(tracker => tracker.url);
+```
+
+Over:
+
+```ts
+const trackerUrls: string[] = [];
+
+for (const tracker of trackers) {
+    trackerUrls.push(tracker.url);
+}
+```
+
+Use loops only when they genuinely improve clarity.
+
+---
+
+## Object Operations
+
+Prefer object-oriented transformations.
+
+Use:
+
+```ts
+Object.entries()
+Object.keys()
+Object.values()
+Object.fromEntries()
+```
+
+Prefer:
+
+```ts
+const enabledSettings = Object.fromEntries(
+    Object.entries(settings)
+        .filter(([, value]) => value.enabled)
+);
+```
+
+Over manual property iteration.
+
+---
+
+## Immutability
+
+Prefer immutable updates.
+
+Use:
+
+```ts
+const updatedItems = items.with(index, newItem);
+const filteredItems = items.toSpliced(index, 1);
+```
+
+Instead of mutating arrays directly.
+
+Prefer:
+
+```ts
+return {
+    ...torrent,
+    progress: newProgress
+};
+```
+
+Over:
+
+```ts
+torrent.progress = newProgress;
+return torrent;
+```
+
+Mutation is acceptable when it clearly improves performance and the intent remains obvious.
+
+---
+
+## Early Returns
+
+Avoid unnecessary nesting.
+
+Prefer:
+
+```ts
+if (!torrent) {
+    return;
+}
+
+if (!torrent.started) {
+    return;
+}
+
+startDownload(torrent);
+```
+
+Over:
+
+```ts
+if (torrent) {
+    if (torrent.started) {
+        startDownload(torrent);
+    }
+}
+```
+
+Keep the happy path visible.
+
+---
+
+## Conditionals
+
+Prefer positive conditions.
+
+Prefer:
+
+```ts
+if (torrent.isComplete) {
+    return;
+}
+```
+
+Over:
+
+```ts
+if (!torrent.isComplete) {
+    // large block
+}
+```
+
+Reduce mental negation whenever possible.
+
+---
+
+## Destructuring
+
+Use destructuring when it improves readability.
+
+```ts
+const { name, size, priority } = file;
+```
+
+Avoid excessive destructuring that obscures data origins.
+
+---
+
+## Intermediate Variables
+
+Do not fear extra variables.
+
+Prefer:
+
+```ts
+const selectedFiles = files.filter(file => file.selected);
+
+const totalSelectedSize = selectedFiles.reduce(
+    (totalSize, file) => totalSize + file.size,
+    0
+);
+```
+
+Over:
+
+```ts
+const totalSelectedSize = files
+    .filter(file => file.selected)
+    .reduce((a, b) => a + b.size, 0);
+```
+
+when intermediate names make the logic easier to understand.
+
+---
+
+## Nesting
+
+Keep nesting shallow.
+
+Extract helpers instead of creating pyramids.
+
+Prefer:
+
+```ts
+const downloadableFiles = files.filter(isDownloadable);
+
+return downloadableFiles.map(createDownloadTask);
+```
+
+Over deeply nested callbacks.
+
+---
+
+## Explicitness
+
+Prefer code that explains itself.
+
+Prefer:
+
+```ts
+const hasAnyHighPriorityFiles = files.some(
+    file => file.priority === DownloadPriority.High
+);
+```
+
+Over:
+
+```ts
+const hasHigh = files.some(f => f.priority === 7);
+```
+
+Magic numbers and cryptic values should be replaced with named constants.
+
+---
+
+## Comments
+
+Use comments to explain *why*.
+
+Avoid comments that explain *what*.
+
+Good:
+
+```ts
+// Metadata may be incomplete while magnet resolution is in progress.
+```
+
+Bad:
+
+```ts
+// Increment index by one.
+index++;
+```
+
+Well-written code should explain itself.
+
+---
+
+## TypeScript
+
+Prefer explicit types for public APIs.
+
+```ts
+function getTorrentInfo(hash: string): TorrentInfo {
+    ...
+}
+```
+
+Allow local inference when the type is obvious.
+
+```ts
+const trackerCount = trackers.length;
+```
+
+Do not add redundant type annotations.
+
+---
+
+## Readability Rules
+
+When choosing between:
+- shorter vs clearer
+- clever vs obvious
+- compact vs explicit
+
+Always choose:
+
+- clearer
+- more explicit
+- easier to modify
+- easier to debug
+
+Future maintainers should understand the code without needing to mentally execute it.
+
+Write TypeScript as if it were clean Python with static types.
diff --git a/.claude/rules/shadcn-svelte-exact.md b/.claude/rules/shadcn-svelte-exact.md
new file mode 100644
index 00000000..1e451f84
--- /dev/null
+++ b/.claude/rules/shadcn-svelte-exact.md
@@ -0,0 +1,379 @@
+---
+description: Enforce exact shadcn-svelte documentation patterns for all Svelte component code. Never deviate from the official docs.
+glob: "*.svelte"
+---
+
+# shadcn-svelte: Follow Docs Exactly
+
+Every shadcn-svelte component usage in this project **must match the official documentation exactly**. Never invent your own patterns. Never guess. Always follow the docs verbatim.
+
+## Source of Truth
+
+The official registry documentation is the only reference:
+- **LLM docs**: `https://www.shadcn-svelte.com/llms.txt`
+- **Main docs**: `https://www.shadcn-svelte.com/docs`
+- **GitHub**: `https://github.com/huntabyte/shadcn-svelte`
+
+Before writing any shadcn-svelte component code, check the docs for the exact example. If unsure, look it up.
+
+---
+
+## Core Principles
+
+shadcn-svelte is **not a component library** — it's a code distribution system. Components are cloned into the project via CLI, giving full ownership. Built on:
+- **Bits UI** (headless accessible primitives) for ARIA + keyboard navigation
+- **Tailwind CSS v4** with OKLCH color space
+- **tailwind-variants** (`tv()`) for variant/size styling
+- **Svelte 5 runes** (`$state`, `$derived`, `$props()`, `$bindable`, `{#snippet}`)
+
+---
+
+## Import Patterns — EXACT
+
+### Single Components (named imports)
+
+```svelte
+<script lang="ts">
+  import { Button } from "$lib/components/ui/button/index.js";
+  import { Input } from "$lib/components/ui/input/index.js";
+  import { Badge } from "$lib/components/ui/badge/index.js";
+  import { Progress } from "$lib/components/ui/progress/index.js";
+</script>
+```
+
+### Compositional Components (namespace imports)
+
+```svelte
+<script lang="ts">
+  import * as Card from "$lib/components/ui/card/index.js";
+  import * as Dialog from "$lib/components/ui/dialog/index.js";
+  import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
+  import * as Select from "$lib/components/ui/select/index.js";
+  import * as Form from "$lib/components/ui/form/index.js";
+  import * as Tooltip from "$lib/components/ui/tooltip/index.js";
+  import * as Sidebar from "$lib/components/ui/sidebar/index.js";
+</script>
+```
+
+**Rule**: Compositional components (Card, Dialog, DropdownMenu, Form, Tooltip, Select, Sidebar, Sheet, etc.) **always** use `import * as X`. Single components (Button, Input, Badge, Progress, etc.) **always** use `import { X }`.
+
+---
+
+## Button Usage — EXACT
+
+```svelte
+<Button>Default</Button>
+<Button variant="outline">Outline</Button>
+<Button variant="secondary">Secondary</Button>
+<Button variant="ghost">Ghost</Button>
+<Button variant="destructive">Destructive</Button>
+<Button variant="link">Link</Button>
+<Button size="sm">Small</Button>
+<Button size="lg">Large</Button>
+<Button size="icon" aria-label="Submit">
+  <ArrowUpIcon />
+</Button>
+<Button href="/dashboard">Dashboard</Button>
+<Button class="rounded-full">Rounded</Button>
+```
+
+**Variants**: `default`, `outline`, `secondary`, `ghost`, `destructive`, `link`
+**Sizes**: `xs`, `sm`, `default`, `lg`, `icon`, `icon-xs`, `icon-sm`, `icon-lg`
+
+**Icons inside buttons need no margin** — spacing is automatic based on button size.
+
+**For non-button elements styled as buttons**, use `buttonVariants()`:
+
+```svelte
+<script lang="ts">
+  import { buttonVariants } from "$lib/components/ui/button/index.js";
+</script>
+
+<a class={buttonVariants({ variant: "outline" })}>Link as button</a>
+```
+
+---
+
+## Card Usage — EXACT
+
+```svelte
+<Card.Root class="w-full max-w-sm">
+  <Card.Header>
+    <Card.Title>Login</Card.Title>
+    <Card.Description>Enter your email below</Card.Description>
+  </Card.Header>
+  <Card.Content>
+    <Input placeholder="m@example.com" />
+  </Card.Content>
+  <Card.Footer>
+    <Button class="w-full">Login</Button>
+  </Card.Footer>
+</Card.Root>
+```
+
+**Parts**: `Card.Root`, `Card.Header`, `Card.Content`, `Card.Footer`, `Card.Title`, `Card.Description`
+
+---
+
+## Dialog Usage — EXACT
+
+```svelte
+<Dialog.Root>
+  <Dialog.Trigger class={buttonVariants({ variant: "outline" })}>
+    Open Dialog
+  </Dialog.Trigger>
+  <Dialog.Content class="sm:max-w-[425px]">
+    <Dialog.Header>
+      <Dialog.Title>Edit profile</Dialog.Title>
+      <Dialog.Description>Make changes here.</Dialog.Description>
+    </Dialog.Header>
+    <div class="grid gap-4">
+      <Input name="name" defaultValue="Pedro Duarte" />
+    </div>
+    <Dialog.Footer>
+      <Dialog.Close class={buttonVariants({ variant: "outline" })}>Cancel</Dialog.Close>
+      <Button>Save</Button>
+    </Dialog.Footer>
+  </Dialog.Content>
+</Dialog.Root>
+```
+
+**Parts**: `Dialog.Root`, `Dialog.Trigger`, `Dialog.Content`, `Dialog.Header`, `Dialog.Footer`, `Dialog.Title`, `Dialog.Description`, `Dialog.Close`, `Dialog.CloseIcon`
+
+**Critical**: `Dialog.Trigger` and `Dialog.Close` use `buttonVariants()` — not `<Button>` directly.
+
+---
+
+## Dropdown Menu Usage — EXACT
+
+```svelte
+<DropdownMenu.Root>
+  <DropdownMenu.Trigger>
+    {#snippet child({ props })}
+      <Button {...props} variant="outline">Open</Button>
+    {/snippet}
+  </DropdownMenu.Trigger>
+  <DropdownMenu.Content class="w-56" align="start">
+    <DropdownMenu.Label>My Account</DropdownMenu.Label>
+    <DropdownMenu.Group>
+      <DropdownMenu.Item>Profile</DropdownMenu.Item>
+      <DropdownMenu.Item>Billing</DropdownMenu.Item>
+    </DropdownMenu.Group>
+    <DropdownMenu.Separator />
+    <DropdownMenu.Item>Log out</DropdownMenu.Item>
+  </DropdownMenu.Content>
+</DropdownMenu.Root>
+```
+
+**Critical**: `DropdownMenu.Trigger` uses `{#snippet child({ props })}` — **not** `{#snippet children({ props })}`. This is the exact pattern from the docs.
+
+---
+
+## Form Usage — EXACT
+
+Forms use **Formsnap** + **sveltekit-superforms** + **Zod**.
+
+```svelte
+<script lang="ts">
+  import * as Form from "$lib/components/ui/form/index.js";
+  import { Input } from "$lib/components/ui/input/index.js";
+  import { formSchema } from "./schema";
+  import { superForm } from "sveltekit-superforms";
+  import { zod4Client } from "sveltekit-superforms/adapters";
+
+  const form = superForm(initialForm, {
+    validators: zod4Client(formSchema),
+  });
+  const { form: formData, enhance } = form;
+</script>
+
+<form method="POST" use:enhance>
+  <Form.Field {form} name="username">
+    <Form.Control>
+      {#snippet children({ props })}
+        <Form.Label>Username</Form.Label>
+        <Input {...props} bind:value={$formData.username} />
+      {/snippet}
+    </Form.Control>
+    <Form.Description>This is your public display name.</Form.Description>
+    <Form.FieldErrors />
+  </Form.Field>
+  <Form.Button>Submit</Form.Button>
+</form>
+```
+
+**Structure**: `Form.Field` → `Form.Control` → `{#snippet children({ props })}` → input with `{...props}` and `bind:value`
+**Validation**: Always use `Form.FieldErrors` for error display
+**Helper text**: Always use `Form.Description` for helper text
+
+---
+
+## Tooltip Usage — EXACT
+
+```svelte
+<script lang="ts">
+  import * as Tooltip from "$lib/components/ui/tooltip/index.js";
+</script>
+
+<Tooltip.Provider>
+  <Tooltip.Root>
+    <Tooltip.Trigger>
+      <Button>Hover</Button>
+    </Tooltip.Trigger>
+    <Tooltip.Content>
+      <p>Tooltip text</p>
+    </Tooltip.Content>
+  </Tooltip.Root>
+</Tooltip.Provider>
+```
+
+**Parts**: `Tooltip.Provider`, `Tooltip.Root`, `Tooltip.Trigger`, `Tooltip.Content`, `Tooltip.Arrow`
+
+---
+
+## Select Usage — EXACT
+
+```svelte
+<script lang="ts">
+  import * as Select from "$lib/components/ui/select/index.js";
+  let value = $state('');
+</script>
+
+<Select.Root type="single" bind:value={value}>
+  <Select.Trigger>
+    {value}
+  </Select.Trigger>
+  <Select.Content>
+    <Select.Item value="option1">Option 1</Select.Item>
+    <Select.Item value="option2">Option 2</Select.Item>
+  </Select.Content>
+</Select.Root>
+```
+
+**Parts**: `Select.Root` (with `type="single"` and `bind:value`), `Select.Trigger`, `Select.Content`, `Select.Item`, `Select.Group`, `Select.Label`, `Select.Separator`, `Select.Arrow`
+
+---
+
+## Theming — EXACT
+
+All colors controlled via **CSS custom properties** in global CSS. Convention is `--name` for background and `--name-foreground` for text color.
+
+```css
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+}
+```
+
+**Adding custom colors**:
+
+```css
+:root {
+  --warning: oklch(0.84 0.16 84);
+  --warning-foreground: oklch(0.28 0.07 46);
+}
+
+@theme inline {
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+}
+```
+
+Then use: `<div class="bg-warning text-warning-foreground">`
+
+---
+
+## Dark Mode — EXACT
+
+Use `mode-watcher` package:
+
+```svelte
+<script lang="ts">
+  import "../app.css";
+  import { ModeWatcher } from "mode-watcher";
+  let { children } = $props();
+</script>
+<ModeWatcher />
+{@render children?.()}
+```
+
+Toggle button:
+
+```svelte
+<script lang="ts">
+  import { toggleMode } from "mode-watcher";
+  import { Button } from "$lib/components/ui/button/index.js";
+</script>
+<Button onclick={toggleMode} variant="outline" size="icon">
+  <SunIcon class="dark:scale-0" />
+  <MoonIcon class="scale-0 dark:scale-100" />
+</Button>
+```
+
+Or dropdown selector with `setMode("light")`, `setMode("dark")`, `resetMode()`.
+
+---
+
+## Class Merging — EXACT
+
+Always use the `cn()` utility from `$lib/utils.ts`:
+
+```ts
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+```
+
+---
+
+## Icons — EXACT
+
+Always use `@lucide/svelte`:
+
+```svelte
+<script lang="ts">
+  import LockIcon from "@lucide/svelte/icons/lock";
+  import { ArrowUp } from "@lucide/svelte";
+</script>
+```
+
+---
+
+## What NOT to Do
+
+1. **Do NOT** manually copy component source — use CLI (`npx shadcn-svelte add`)
+2. **Do NOT** try to override component styles via props — edit component source directly
+3. **Do NOT** use `import Card from` for compositional components — always `import * as Card`
+4. **Do NOT** use `<Button>` inside `Dialog.Trigger` — use `buttonVariants()`
+5. **Do NOT** add margin classes to icons inside buttons — spacing is automatic
+6. **Do NOT** use media queries for dark mode — use `.dark` class + `mode-watcher`
+7. **Do NOT** change component class names directly — change CSS variables
+8. **Do NOT** invent your own component patterns — follow the docs exactly
+
+---
+
+## Enforcement
+
+When writing any shadcn-svelte component:
+1. Check the docs for the exact example
+2. Copy the pattern verbatim
+3. Adapt only the content (text, values, bindings)
+4. Never change the structure, props, or component hierarchy from the docs
diff --git a/.claude/rules/smart-css.md b/.claude/rules/smart-css.md
new file mode 100644
index 00000000..c5349e10
--- /dev/null
+++ b/.claude/rules/smart-css.md
@@ -0,0 +1,93 @@
+---
+description: Use smart CSS to reduce code while preserving existing styles. Verify changes with Playwright MCP.
+glob: "*.css"
+---
+
+# Smart CSS Optimization
+
+Reduce CSS code by consolidating redundant rules, using modern features, and leveraging Tailwind utility patterns — without breaking existing visual styles.
+
+## Principles
+
+1. **Preserve visual output** — never change the rendered appearance
+2. **Reduce duplication** — merge identical rules, extract shared patterns
+3. **Use modern CSS** — nesting, `:has()`, `color-mix()`, `oklch()`, custom properties
+4. **Leverage Tailwind** — replace custom CSS with Tailwind utilities where equivalent
+5. **Verify with Playwright** — visually confirm no regressions after changes
+
+## Optimization Techniques
+
+### Consolidate duplicate selectors
+
+```css
+/* BEFORE */
+.btn-primary { padding: 0.5rem 1rem; border-radius: 0.375rem; }
+.btn-secondary { padding: 0.5rem 1rem; border-radius: 0.375rem; }
+
+/* AFTER */
+.btn { padding: 0.5rem 1rem; border-radius: 0.375rem; }
+```
+
+### Use CSS nesting
+
+```css
+/* BEFORE */
+.card {}
+.card .title {}
+.card .description {}
+
+/* AFTER */
+.card {
+  .title {}
+  .description {}
+}
+```
+
+### Replace with Tailwind utilities
+
+```css
+/* BEFORE */
+.center-flex {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* AFTER — use class="flex items-center justify-center" directly */
+```
+
+### Use CSS custom properties for repetition
+
+```css
+/* BEFORE */
+.header { --spacing: 1rem; padding: var(--spacing); }
+.footer { --spacing: 1rem; padding: var(--spacing); }
+
+/* AFTER */
+:root { --spacing: 1rem; }
+```
+
+## Verify with Playwright MCP
+
+After every CSS change, verify visual correctness using Playwright MCP:
+
+1. Navigate to the affected page
+2. Take a snapshot or screenshot
+3. Compare against the expected appearance
+4. If styles are broken, revert the change immediately
+
+```
+# Example verification steps
+1. playwright_browser_navigate → affected page URL
+2. playwright_browser_snapshot → capture current state
+3. playwright_browser_take_screenshot → visual reference
+4. Confirm no style regressions
+```
+
+## What NOT to Do
+
+1. **Do NOT** remove CSS that affects layout or spacing
+2. **Do NOT** change colors or font sizes
+3. **Do NOT** remove responsive breakpoints
+4. **Do NOT** remove dark mode overrides
+5. **Do NOT** optimize CSS you don't fully understand — verify first
diff --git a/.claude/rules/track-plan-progress.md b/.claude/rules/track-plan-progress.md
new file mode 100644
index 00000000..a11b6347
--- /dev/null
+++ b/.claude/rules/track-plan-progress.md
@@ -0,0 +1,42 @@
+---
+description: Update PLAN.md after completing any task by marking the finished step as DONE.
+glob: "*"
+---
+
+# Track Plan Progress
+
+After completing any meaningful piece of work, update `PLAN.md` to reflect the change.
+
+## Rules
+
+1. After finishing a task, open `PLAN.md` and mark the completed step as **DONE**.
+2. If a new task or discovery emerges during work, add it to the plan before starting.
+3. Never leave `PLAN.md` stale — it is the single source of truth for what's done and what's next.
+4. When a phase is fully complete, mark the entire phase as **DONE**.
+
+## Format
+
+Use the Status column in tables or inline markers:
+
+```markdown
+| Task | Status | Detail |
+|---|---|---|
+| Create unified worker | DONE | Created chithi.worker.ts |
+| Rewrite WASM bindings | TODO Phase 1 | Replace wasm-bindgen with C ABI |
+```
+
+Or for step lists:
+
+```markdown
+#### Step 1.1: Create unified worker
+- [x] Merge crypto + rust workers into chithi.worker.ts
+- [ ] Add main-thread fallback
+```
+
+## When to Update
+
+Update `PLAN.md` immediately after:
+- Finishing a code change
+- Completing a refactoring
+- Discovering a new requirement or blocker
+- Changing the implementation approach
diff --git a/.claude/rules/wasmtime-performance-rust.md b/.claude/rules/wasmtime-performance-rust.md
new file mode 100644
index 00000000..01827669
--- /dev/null
+++ b/.claude/rules/wasmtime-performance-rust.md
@@ -0,0 +1,300 @@
+---
+description: Optimize all Rust code for wasmtime JIT performance when compiling to wasm32-unknown-unknown.
+glob: "*.rs"
+---
+
+# Rust for Wasmtime Performance
+
+All Rust code compiled to `wasm32-unknown-unknown` must be optimized for wasmtime's JIT execution model. Wasmtime uses Cranelift to compile WASM to native machine code — write Rust that maximizes this pipeline.
+
+## Target
+
+```toml
+[lib]
+crate-type = ["cdylib"]
+
+[dependencies]
+# NO wasm-bindgen for exports
+# NO PyO3
+# Pure C ABI only
+```
+
+---
+
+## C ABI Exports — EXACT
+
+All public exports use `#[no_mangle] pub extern "C"` with raw pointers and lengths. No Rust string/Vec crossing the boundary.
+
+```rust
+#[no_mangle]
+pub extern "C" fn encrypt_chunk(
+    data_ptr: *const u8,
+    data_len: u32,
+    key_ptr: *const u8,
+    key_len: u32,
+    nonce_ptr: *const u8,
+    nonce_len: u32,
+    out_ptr: *mut u8,
+    out_len: u32,
+) -> u32 {
+    let data = unsafe { std::slice::from_raw_parts(data_ptr, data_len as usize) };
+    let key = unsafe { std::slice::from_raw_parts(key_ptr, key_len as usize) };
+    let nonce = unsafe { std::slice::from_raw_parts(nonce_ptr, nonce_len as usize) };
+    let out = unsafe { std::slice::from_raw_parts_mut(out_ptr, out_len as usize) };
+
+    let written = do_encrypt(data, key, nonce, out);
+    written as u32
+}
+```
+
+**Rules**:
+- All buffer I/O: `(*const u8, len: u32)` for input, `(*mut u8, len: u32)` for output
+- Return `u32` for byte counts or status codes (0 = success, non-zero = error)
+- Never return `String`, `Vec<T>`, or `JsValue` across the boundary
+- Caller pre-allocates output buffer, callee writes into it
+
+---
+
+## Linear Memory Management
+
+WASM has a single flat linear memory. Manage it explicitly:
+
+```rust
+static ALLOCATOR: std::sync::Mutex<SimpleAllocator> = std::sync::Mutex::new(SimpleAllocator::new());
+
+#[no_mangle]
+pub extern "C" fn alloc(len: u32) -> u32 {
+    let mut allocator = ALLOCATOR.lock().unwrap();
+    allocator.allocate(len as usize) as u32
+}
+
+#[no_mangle]
+pub extern "C" fn dealloc(ptr: u32, len: u32) {
+    let mut allocator = ALLOCATOR.lock().unwrap();
+    allocator.deallocate(ptr as usize, len as usize)
+}
+```
+
+**Rules**:
+- Export `alloc` and `dealloc` for host-side memory management
+- Use a bump allocator or static pool — no `std::alloc` in WASM target
+- Caller is responsible for freeing allocated buffers
+- Keep allocations small and short-lived to minimize memory growth
+
+---
+
+## Minimize WASM-Boundary Crossings
+
+Each call across the WASM boundary has overhead (type conversion, trap checking, memory sync). Reduce crossings:
+
+```rust
+// GOOD: One call processes entire batch
+#[no_mangle]
+pub extern "C" fn encrypt_all(
+    data_ptr: *const u8,
+    data_len: u32,
+    key_ptr: *const u8,
+    key_len: u32,
+    nonce_ptr: *const u8,
+    nonce_len: u32,
+    out_ptr: *mut u8,
+    out_len: u32,
+) -> u32 {
+    // Internal chunking — host sees one call
+}
+
+// BAD: Host calls encrypt_chunk in a loop
+#[no_mangle]
+pub extern "C" fn encrypt_chunk(/* ... */) -> u32 {
+    // Called N times by host for N chunks
+}
+```
+
+**Rules**:
+- Provide bulk operations (`encrypt_all`, `decrypt_all`) alongside per-chunk operations
+- Batch internal work — minimize the number of exported function calls
+- Keep hot paths inside WASM — don't round-trip to host for intermediate results
+
+---
+
+## Optimize for Cranelift JIT
+
+Wasmtime's Cranelift compiler generates native code from WASM. Write code that Cranelift can optimize well:
+
+### Prefer tight loops
+
+```rust
+// GOOD: Cranelift can vectorize
+let mut output = [0u8; 1024];
+for i in 0..input.len() {
+    output[i] = input[i] ^ key[i % key.len()];
+}
+
+// BAD: Indirection prevents vectorization
+let results: Vec<u8> = input.iter()
+    .map(|&b| transform(b, key))
+    .collect();
+```
+
+### Avoid dynamic dispatch in hot paths
+
+```rust
+// GOOD: Monomorphized, inlinable
+fn encrypt_aes_gcm(data: &[u8], key: &[u8], nonce: &[u8]) -> [u8; 16] {
+    aes_gcm_encrypt(data, key, nonce)
+}
+
+// BAD: vtable call — Cranelift cannot inline
+trait Cipher {
+    fn encrypt(&self, data: &[u8]) -> Vec<u8>;
+}
+```
+
+### Keep stack usage low
+
+WASM has a limited stack (typically 5MB). Avoid large stack allocations:
+
+```rust
+// GOOD: Heap-allocated via WASM linear memory
+fn process_large_buffer(data_ptr: *const u8, len: u32) {
+    let data = unsafe { std::slice::from_raw_parts(data_ptr, len as usize) };
+    // Process in place or use output buffer
+}
+
+// BAD: Large stack allocation
+fn process_large_buffer(data: &[u8]) {
+    let mut buffer = [0u8; 65536]; // 64KB on stack
+}
+```
+
+---
+
+## Parallelism Inside WASM
+
+Use Rayon for parallel chunk processing within WASM:
+
+```rust
+use rayon::prelude::*;
+
+#[no_mangle]
+pub extern "C" fn encrypt_chunks_parallel(
+    chunks_ptr: *const Chunk,
+    chunk_count: u32,
+    key_ptr: *const u8,
+    key_len: u32,
+    results_ptr: *mut ChunkResult,
+) -> u32 {
+    let chunks = unsafe { std::slice::from_raw_parts(chunks_ptr, chunk_count as usize) };
+    let key = unsafe { std::slice::from_raw_parts(key_ptr, key_len as usize) };
+    let results = unsafe { std::slice::from_raw_parts_mut(results_ptr, chunk_count as usize) };
+
+    chunks.par_iter().enumerate().for_each(|(i, chunk)| {
+        let encrypted = encrypt_single_chunk(chunk.data(), key);
+        results[i] = ChunkResult::new(encrypted);
+    });
+
+    0 // success
+}
+```
+
+**Rules**:
+- Use `par_iter()` for independent chunk operations
+- Parallelism is most effective for large data sets (>1MB)
+- Keep per-chunk work significant enough to justify thread overhead
+
+---
+
+## Memory Layout Optimization
+
+WASM linear memory is contiguous. Optimize data layout:
+
+```rust
+// GOOD: Compact, cache-friendly
+#[repr(C)]
+pub struct ChunkInfo {
+    offset: u32,
+    length: u32,
+}
+
+// GOOD: Array of structs for sequential access
+let chunks: [ChunkInfo; N] = /* ... */;
+
+// BAD: Padding and indirection
+pub struct ChunkInfo {
+    name: String,       // heap pointer
+    data: Vec<u8>,      // heap pointer
+    metadata: Option<Box<Metadata>>, // double heap pointer
+}
+```
+
+**Rules**:
+- Use `#[repr(C)]` on all structs that cross the FFI boundary
+- Prefer arrays of structs (AoS) for sequential access
+- Avoid heap allocations in tight loops — use output buffers
+- Keep struct sizes small and aligned
+
+---
+
+## Release Build Optimizations
+
+```toml
+[profile.release]
+opt-level = 3           # Aggressive optimization
+lto = true              # Link-time optimization
+codegen-units = 1       # Single codegen unit for LTO
+panic = "abort"         # Smaller binary, no unwind tables
+strip = "symbols"       # Remove debug symbols
+```
+
+**Rules**:
+- Always build with `--release` for production WASM
+- LTO is critical for cross-crate inlining
+- `panic = "abort"` reduces binary size significantly
+- Test with debug builds, ship with release
+
+---
+
+## Measure, Don't Guess
+
+Profile WASM execution with wasmtime:
+
+```bash
+# Build
+cargo build --target wasm32-unknown-unknown --release
+
+# Profile with wasmtime
+wasmtime profile target/wasm32-unknown-unknown/release/chithi_wasm.wasm
+
+# Check binary size
+wasm-opt --metrics chithi_wasm.wasm
+```
+
+**Rules**:
+- Measure actual execution time, not Rust benchmark time
+- Monitor WASM binary size — smaller = faster JIT compile
+- Profile the critical path: key derivation → encryption → upload
+- Track linear memory growth — unexpected growth indicates leaks
+
+---
+
+## What NOT to Do
+
+1. **Do NOT** use `wasm-bindgen` for exported functions — pure C ABI only
+2. **Do NOT** return `String` or `Vec<T>` from exported functions
+3. **Do NOT** use `println!` or `eprintln!` — no stdout in WASM
+4. **Do NOT** allocate large buffers on the stack
+5. **Do NOT** use `std::thread` — use Rayon for parallelism
+6. **Do NOT** use `std::fs` or `std::net` — not available in `wasm32-unknown-unknown`
+7. **Do NOT** use `lazy_static` or `once_cell` with non-`const` initializers — WASM has no dynamic init
+8. **Do NOT** rely on system entropy (`/dev/urandom`) — use `getrandom` crate with `js` or WASI backend
+
+---
+
+## Enforcement
+
+When writing Rust for the WASM target:
+1. Use `#[no_mangle] pub extern "C"` for all exports
+2. All buffer I/O via `(*const u8, len: u32)` pattern
+3. Prefer bulk operations over per-item calls
+4. Optimize for Cranelift: tight loops, no dynamic dispatch, low stack
+5. Profile with wasmtime, not `criterion`
diff --git a/.claude/scheduled_tasks.lock b/.claude/scheduled_tasks.lock
new file mode 100644
index 00000000..f5b3a912
--- /dev/null
+++ b/.claude/scheduled_tasks.lock
@@ -0,0 +1 @@
+{"sessionId":"ae8e6001-63fe-46db-8e95-8a7b1893cd96","pid":34292,"acquiredAt":1784478433794}
\ No newline at end of file
diff --git a/.claude/settings.json b/.claude/settings.json
new file mode 100644
index 00000000..259a9591
--- /dev/null
+++ b/.claude/settings.json
@@ -0,0 +1,8 @@
+{
+  "mcpServers": {
+    "playwright": {
+      "command": "npx",
+      "args": ["@playwright/mcp@latest"]
+    }
+  }
+}
diff --git a/.claude/skills/tailwind-4-docs/SKILL.md b/.claude/skills/tailwind-4-docs/SKILL.md
new file mode 100644
index 00000000..46ffb188
--- /dev/null
+++ b/.claude/skills/tailwind-4-docs/SKILL.md
@@ -0,0 +1,77 @@
+---
+name: tailwind-4-docs
+description: Comprehensive Tailwind CSS v4 documentation snapshot and workflow guidance. Use when answering Tailwind v4 questions, selecting utilities/variants, configuring Tailwind v4, or migrating projects from v3 to v4 with official docs and gotcha checks.
+compatibility: Requires git, Python 3, and internet access to initialize the Tailwind docs snapshot from tailwindcss.com.
+---
+
+# Tailwind 4 Docs
+
+## Overview
+
+Use this skill to navigate a locally synced Tailwind CSS v4 documentation snapshot and answer development, configuration, migration, implementation, refactor, and review questions with official guidance.
+
+The docs snapshot is not bundled with this skill because the upstream repository is source-available but not open-source. Users must initialize the snapshot themselves and are responsible for complying with the upstream license.
+
+## Quick start
+
+1. Check whether the docs snapshot is initialized (`references/docs/` and `references/docs-index.tsx` exist).
+2. If the snapshot is missing or older than one week, stop and ask to run the initialization step in "Initialization" before continuing. Do not answer the user's question until the snapshot is initialized.
+3. Identify the topic (utility, variant, config, migration, compatibility, implementation, refactor, review).
+4. Find the matching doc in `references/docs-index.tsx`.
+5. Load only the relevant file from `references/docs/`.
+6. For implementation, refactor, or review tasks, also load `references/engineering-playbook.md`.
+7. Apply guidance and call out any breaking changes or constraints.
+
+## Initialization (required once per install)
+
+Run the sync script to download the Tailwind docs locally. This requires network access, git, and Python 3:
+
+```
+python skills/tailwind-4-docs/scripts/sync_tailwind_docs.py --accept-docs-license
+```
+
+This pulls content from `tailwindlabs/tailwindcss.com`. That repo is source-available and explicitly not open-source, so the user must accept its license before downloading and keep the snapshot local.
+
+If you cannot run tools or have no internet access, ask the user to run the exact command above in a terminal, then continue once `references/docs/` and `references/docs-index.tsx` exist.
+
+If the snapshot is missing or older than one week, you must ask for permission to run the command or ask the user to run it. Do not proceed with Tailwind guidance until the snapshot is initialized or refreshed.
+
+If initialization is blocked (no internet or no write access), use `references/gotchas.md` as a limited fallback and ask the user to consult the official docs. For implementation, refactor, or review tasks, `references/engineering-playbook.md` can also serve as a limited fallback.
+
+## References map
+
+- `references/docs/` is generated locally and contains the Tailwind v4 MDX docs snapshot.
+- `references/docs-index.tsx` is generated locally and contains the category and slug map used by the docs sidebar.
+- `references/docs-source.txt` captures the upstream repo, commit, and snapshot date (or reports that initialization is pending).
+- `references/engineering-playbook.md` is the agent-oriented implementation, refactor, and review guide.
+- `references/gotchas.md` provides a quick scan of common v4 migration pitfalls.
+
+## MDX handling
+
+- Treat `export const title` and `export const description` as metadata.
+- Read JSX callouts like `<TipInfo>` or `<TipBad>` as guidance text.
+
+## Common entry points
+
+- Migration: `references/docs/upgrade-guide.mdx`, `references/docs/compatibility.mdx`.
+- Implementation/refactor/review: `references/engineering-playbook.md`.
+- Gotchas overview: `references/gotchas.md`.
+- Configuration and directives: `references/docs/functions-and-directives.mdx`, `references/docs/adding-custom-styles.mdx`, `references/docs/theme.mdx`.
+- Variants and responsive patterns: `references/docs/hover-focus-and-other-states.mdx`, `references/docs/responsive-design.mdx`.
+- Core behavior: `references/docs/preflight.mdx`, `references/docs/detecting-classes-in-source-files.mdx`.
+
+## Migration checklist
+
+When upgrading from v3 to v4, always confirm the following in the docs:
+
+- Browser support and compatibility expectations.
+- Tooling changes: `@tailwindcss/postcss`, `@tailwindcss/cli`, `@tailwindcss/vite`.
+- Import syntax: `@import "tailwindcss"` replaces `@tailwind` directives.
+- Utility renames/removals, prefix format, and important modifier placement.
+- Changes to variants, transforms, and arbitrary value syntax.
+
+## Update workflow
+
+Run `scripts/sync_tailwind_docs.py` to refresh the snapshot. Use `--local-repo` if you already have a local clone of `tailwindlabs/tailwindcss.com` to speed up syncs. Always pass `--accept-docs-license`.
+
+---
diff --git a/.claude/skills/tailwind-4-docs/references/docs-source.txt b/.claude/skills/tailwind-4-docs/references/docs-source.txt
new file mode 100644
index 00000000..59892da8
--- /dev/null
+++ b/.claude/skills/tailwind-4-docs/references/docs-source.txt
@@ -0,0 +1,6 @@
+Status: Not initialized
+Source: https://github.com/tailwindlabs/tailwindcss.com
+Docs-Path: src/docs
+Index-Path: src/app/(docs)/docs/index.tsx
+Snapshot-Date: (none)
+Note: Run skills/tailwind-4-docs/scripts/sync_tailwind_docs.py --accept-docs-license to initialize.
diff --git a/.claude/skills/tailwind-4-docs/references/engineering-playbook.md b/.claude/skills/tailwind-4-docs/references/engineering-playbook.md
new file mode 100644
index 00000000..cfe5eb61
--- /dev/null
+++ b/.claude/skills/tailwind-4-docs/references/engineering-playbook.md
@@ -0,0 +1,312 @@
+# Tailwind Engineering Playbook
+
+Use this reference for implementation, refactor, and review tasks where you need practical engineering judgment in addition to the official Tailwind docs. Its purpose is to help you make good architectural decisions quickly when you are writing, reviewing or refactoring Tailwind code.
+
+## Default workflow
+
+1. Inspect the repo first.
+2. Find the Tailwind entrypoint CSS and any split files.
+3. Identify existing theme tokens, breakpoints, component classes, custom utilities, and formatting conventions.
+4. Prefer using the project's existing design language over inventing a new one.
+5. Keep the implementation as close to markup as possible.
+6. Only add new abstraction when repetition or lack of a design primitive actually justifies it.
+
+## Core mindset
+
+- The default move is to compose UI in markup with utilities.
+- Custom CSS is still valuable for tokens, utilities, component classes, rich text, and third-party markup.
+
+## The abstraction ladder
+
+Use this order by default:
+
+1. Compose with existing utilities in markup.
+2. If markup repeats, extract the markup into the project's native reusable abstraction, such as a component, partial, include, or template.
+3. If repeated values are missing from the system, add tokens with `@theme`.
+4. If a repeated low-level behavior is missing, add a custom utility with `@utility`.
+5. If a stable named visual primitive is justified, add a small component class in `@layer components`.
+6. Use `@apply` only as a narrow adapter, not as the main architecture.
+
+## What good reuse looks like
+
+The first level of reuse is the Tailwind design system itself:
+
+- spacing scale
+- color system
+- type scale
+- radius scale
+- shadow scale
+- breakpoint scale
+- container behavior
+
+The second level of reuse is markup reuse:
+
+- shared cards
+- buttons
+- hero sections
+- CTA blocks
+- pagination items
+- list items
+- nav items
+
+The third level of reuse is CSS abstraction:
+
+- tokens
+- custom utilities
+- custom variants
+- small component classes
+
+## Tokens first
+
+Create a token when a value is part of the design language and should be reusable:
+
+- brand colors
+- semantic surface or text colors
+- typography scale
+- font families
+- radii
+- shadows
+- spacing decisions that should be global
+- container widths
+- breakpoints
+
+Do not create tokens for one-off values too early.
+
+Use an arbitrary value first when the value:
+
+- is a real exception
+- appears only once
+- is unlikely to become part of the system
+
+Promote it into a token when:
+
+- it appears repeatedly
+- it has product meaning
+- design wants it governed centrally
+- a later redesign should update all usages together
+
+Prefer semantic token names where semantics matter, especially for colors:
+
+- `--color-primary`
+- `--color-surface-muted`
+- `--color-danger`
+
+Use `@theme` when the token should generate utilities or variants.
+Use `:root` only for regular CSS variables that are not supposed to create utility classes.
+
+## Arbitrary values
+
+Use them for:
+
+- one-off alignment or layout tuning
+- design details that are not system-level
+- third-party or generated markup constraints
+
+Do not let repeated arbitrary values accumulate. If the same value shows up several times, it is usually time for a token or a custom utility.
+
+## Custom utilities
+
+Use `@utility` when you need a low-level reusable behavior that Tailwind does not already provide.
+
+Good candidates:
+
+- a project container helper
+- a focus-ring preset
+- a custom text wrap helper
+- a low-level layout helper
+- a transition preset
+
+A custom utility should still feel like a utility:
+
+- one job
+- low level
+- composable
+- not semantic
+
+## Component classes
+
+Create component classes only for stable, intentional APIs:
+
+- `btn`
+- `card`
+- `badge`
+- `field-input`
+- `callout`
+- `rich-text`
+
+They are also appropriate when you need to style markup you don't control:
+
+- CMS-rendered content
+- third-party widgets
+- generated framework markup
+
+Do not create component classes just to hide utilities from templates.
+
+Good component classes are:
+
+- small
+- stable
+- easy to override
+- tied to real repeated primitives
+
+Bad component classes are:
+
+- page-specific
+- giant
+- bundles of unrelated concerns
+- substitutes for component extraction
+
+## Variant strategy for component classes
+
+When a component has likely variants, keep the base class neutral where possible.
+
+Example of good separation:
+
+- base class owns layout, spacing, and shared behavior
+- separate variant classes own tone or intent
+- size variants are separate classes
+
+This avoids a common problem where the base component class hardcodes colors or state behavior, then every exception has to fight the CSS.
+
+If you create a shared component abstraction, it should own its shared behavior consistently:
+
+- hover transitions
+- focus treatment
+- icon motion
+- spacing between label and icon
+- disabled or active states
+
+Do not leave half the behavior in the abstraction and the other half duplicated ad hoc in templates.
+
+## `@apply`
+
+Use `@apply` sparingly.
+
+Good uses:
+
+- styling third-party classes you don't control
+- adapting Tailwind styles to generated markup
+- tiny repeated patterns where markup extraction would be worse
+
+Bad uses:
+
+- hiding all utilities in CSS
+- creating giant semantic wrappers that are harder to reason about than the original markup
+
+If you are using `@apply` heavily to shorten templates, step back and reconsider the abstraction ladder.
+
+## Custom variants
+
+Use `@custom-variant` when a selector pattern is truly repeated and deserves to become a styling primitive.
+
+Good candidates:
+
+- app theme wrappers
+- data-attribute driven states
+- repeated container context selectors
+- CMS-specific context wrappers (e.g. dark page section, highlighted block)
+
+Do not create custom variants for one-off selector tricks unless the repetition is real.
+
+## Rich text and uncontrolled markup
+
+Rich text is a special case because you usually do not control the inner HTML.
+
+Use one of these approaches:
+
+- a scoped wrapper such as `.rich-text`
+- the official Typography plugin
+
+Do not globally style every `h1`, `p`, `ul`, or `table` in the whole app just to fix one content region.
+
+Scope the styling to the content container.
+
+## Generated DOM and JS-replaced markup
+
+When styling icons or widgets that are transformed by JavaScript, target the rendered DOM, not only the placeholder markup.
+
+Examples:
+
+- icon libraries that replace `<i>` with `<svg>`
+- component libraries that inject wrappers
+- widgets that rewrite class names or structure
+
+If a shared interaction depends on a specific child element, verify that the final rendered DOM still matches the selector.
+
+This matters a lot for:
+
+- transitions
+- hover effects
+- focus styles
+- icon animation
+- nested selectors in component classes
+
+## Responsive strategy
+
+Prefer mobile-first styling:
+
+- define the base case first
+- add larger breakpoint changes progressively
+
+Use breakpoint tokens intentionally. In v4, `--breakpoint-*` theme variables define which responsive variants exist.
+
+Do not blindly use every default breakpoint if the project intentionally removed or replaced some of them.
+
+## File organization
+
+For a CSS-first Tailwind v4 setup, this structure is usually sensible:
+
+- entrypoint CSS (`app.css` or `site.css`)
+- `theme.css` for tokens
+- `base.css` for minimal element defaults
+- `utilities.css` for low-level project utilities and variants
+- `components.css` for a small stable component API
+  - Bigger components, e.g. `rich-text.css` for scoped uncontrolled HTML
+
+## Refactor heuristics
+
+When refactoring an existing Tailwind codebase:
+
+1. Remove dead CSS before adding new CSS.
+2. Remove redundant utilities before extracting abstractions.
+3. Normalize obvious repeated primitives first.
+4. Keep the number of component classes intentionally small.
+5. Push page structure back into markup if CSS started owning too much layout.
+6. Merge inconsistent implementations of the same affordance.
+
+Watch for these smells:
+
+- several versions of the same button or card
+- repeated arbitrary shadows, radii, or spacing
+- identical hover interactions implemented in different ways
+- state logic split between a shared class and page-specific one-offs
+- component classes that are really page fragments in disguise
+
+## Review checklist
+
+Before finalizing a Tailwind change, check:
+
+- Are utilities sufficient here, or did I abstract too early?
+- If repetition exists, would extracting markup be better than adding CSS?
+- Should repeated values become tokens?
+- Are custom utilities truly low-level?
+- Are component classes small, stable, and override-friendly?
+- Are state and motion rules consistent across similar UI?
+- Will Tailwind detect every class I used?
+- Are dynamic classes mapped to full strings?
+- Is uncontrolled markup scoped instead of styled globally?
+- Is the responsive behavior mobile-first and intentional?
+- Can any CSS be deleted now?
+
+## Practical defaults
+
+When in doubt:
+
+- keep styling in markup first
+- reuse markup before reusing CSS
+- use tokens before arbitrary repetition
+- use custom utilities before semantic CSS wrappers
+- keep component classes few and durable
+- keep state behavior inside the shared abstraction if the abstraction exists
+- verify that rendered DOM matches your selectors
+- prefer deleting complexity over introducing a clever abstraction
diff --git a/.claude/skills/tailwind-4-docs/references/gotchas.md b/.claude/skills/tailwind-4-docs/references/gotchas.md
new file mode 100644
index 00000000..5a958769
--- /dev/null
+++ b/.claude/skills/tailwind-4-docs/references/gotchas.md
@@ -0,0 +1,22 @@
+# Tailwind CSS v4 gotchas (quick scan)
+
+- Browser support is modern-only: Safari 16.4+, Chrome 111+, Firefox 128+.
+- PostCSS plugin moved to `@tailwindcss/postcss`.
+- CLI moved to `@tailwindcss/cli`.
+- Vite plugin `@tailwindcss/vite` is recommended.
+- Import Tailwind with `@import "tailwindcss";` (no `@tailwind` directives).
+- Prefix syntax is `@import "tailwindcss" prefix(tw);` and classes use `tw:` at the start.
+- Important modifier goes at the end: `bg-red-500!`.
+- Utility renames and removals: see `references/docs/upgrade-guide.mdx` for the full list.
+- Default border and ring color now use `currentColor`; ring width default is 1px.
+- `space-*` and `divide-*` selectors changed; use flex/grid with `gap` if layouts break.
+- Custom utilities should use `@utility` instead of `@layer utilities` or `@layer components`.
+- `@theme` is for design tokens that should create utilities or variants; use `:root` only for plain CSS variables that should not generate Tailwind APIs.
+- `@theme` variables must be top-level, not nested under selectors or media queries.
+- Stacked variants apply left-to-right (reverse order from v3).
+- Arbitrary CSS variable syntax is `bg-(--brand-color)` (not `bg-[--brand-color]`).
+- Transform reset uses `scale-none`, `rotate-none`, `translate-none` (not `transform-none`).
+- `hover:` now only applies on devices that support hover; override if needed.
+- Tailwind scans source files as plain text, so dynamically concatenated class fragments are not detected.
+- Use `@source` for external or unusual source locations, and `@source inline()` only when safelisting is truly necessary.
+- CSS modules and component `<style>` blocks need `@reference` to access theme vars.
diff --git a/.claude/skills/tailwind-4-docs/scripts/sync_tailwind_docs.py b/.claude/skills/tailwind-4-docs/scripts/sync_tailwind_docs.py
new file mode 100644
index 00000000..13dd4ceb
--- /dev/null
+++ b/.claude/skills/tailwind-4-docs/scripts/sync_tailwind_docs.py
@@ -0,0 +1,124 @@
+#!/usr/bin/env python
+"""Sync Tailwind CSS docs snapshot into this skill.
+
+Clones the tailwindcss.com repo (or uses an existing local clone) and copies
+`src/docs` plus the docs index into references.
+"""
+
+from __future__ import annotations
+
+import argparse
+import datetime as dt
+import shutil
+import subprocess
+import tempfile
+from pathlib import Path
+
+DEFAULT_REPO_URL = "https://github.com/tailwindlabs/tailwindcss.com"
+DEFAULT_REF = "main"
+LICENSE_URL = "https://github.com/tailwindlabs/tailwindcss.com#license"
+
+
+def run(cmd: list[str], cwd: Path | None = None) -> str:
+    result = subprocess.run(cmd, cwd=cwd, check=True, capture_output=True, text=True)
+    return result.stdout.strip()
+
+
+def clone_repo(repo_url: str, ref: str, dest: Path) -> None:
+    run(["git", "clone", "--depth", "1", "--branch", ref, repo_url, str(dest)])
+
+
+def update_repo(repo_dir: Path, ref: str) -> None:
+    run(["git", "fetch", "--depth", "1", "origin", ref], cwd=repo_dir)
+    run(["git", "checkout", ref], cwd=repo_dir)
+    run(["git", "reset", "--hard", f"origin/{ref}"], cwd=repo_dir)
+
+
+def write_source_file(
+    path: Path,
+    repo_url: str,
+    commit: str,
+    commit_date: str,
+    snapshot_date: str,
+) -> None:
+    content = "\n".join(
+        [
+            f"Source: {repo_url}",
+            f"Commit: {commit}",
+            f"Commit-Date: {commit_date}",
+            "Docs-Path: src/docs",
+            "Index-Path: src/app/(docs)/docs/index.tsx",
+            f"Snapshot-Date: {snapshot_date}",
+            "",
+        ]
+    )
+    path.write_text(content, encoding="utf-8")
+
+
+def main() -> None:
+    parser = argparse.ArgumentParser()
+    parser.add_argument("--repo-url", default=DEFAULT_REPO_URL)
+    parser.add_argument("--ref", default=DEFAULT_REF)
+    parser.add_argument(
+        "--local-repo",
+        default=None,
+        help="Use an existing local repo clone instead of cloning a temp copy.",
+    )
+    parser.add_argument(
+        "--accept-docs-license",
+        action="store_true",
+        help="Acknowledge the Tailwind docs license before downloading.",
+    )
+    args = parser.parse_args()
+
+    if not args.accept_docs_license:
+        raise SystemExit(
+            "This script downloads docs from tailwindcss.com, which is source-available "
+            "but not open-source. Review the license and re-run with "
+            f"--accept-docs-license. License: {LICENSE_URL}"
+        )
+
+    skill_root = Path(__file__).resolve().parents[1]
+    references_dir = skill_root / "references"
+    docs_dir = references_dir / "docs"
+    index_out = references_dir / "docs-index.tsx"
+    source_out = references_dir / "docs-source.txt"
+
+    if args.local_repo:
+        repo_dir = Path(args.local_repo).resolve()
+        if not repo_dir.exists():
+            raise SystemExit(f"Local repo not found: {repo_dir}")
+        update_repo(repo_dir, args.ref)
+        cleanup = None
+    else:
+        temp_dir = tempfile.TemporaryDirectory()
+        repo_dir = Path(temp_dir.name)
+        clone_repo(args.repo_url, args.ref, repo_dir)
+        cleanup = temp_dir
+
+    try:
+        docs_src = repo_dir / "src" / "docs"
+        index_src = repo_dir / "src" / "app" / "(docs)" / "docs" / "index.tsx"
+
+        if not docs_src.exists():
+            raise SystemExit(f"Docs folder not found: {docs_src}")
+        if not index_src.exists():
+            raise SystemExit(f"Docs index not found: {index_src}")
+
+        if docs_dir.exists():
+            shutil.rmtree(docs_dir)
+        docs_dir.mkdir(parents=True, exist_ok=True)
+        shutil.copytree(docs_src, docs_dir, dirs_exist_ok=True)
+        shutil.copy2(index_src, index_out)
+
+        commit = run(["git", "rev-parse", "HEAD"], cwd=repo_dir)
+        commit_date = run(["git", "log", "-1", "--format=%ci"], cwd=repo_dir)
+        snapshot_date = dt.date.today().isoformat()
+        write_source_file(source_out, args.repo_url, commit, commit_date, snapshot_date)
+    finally:
+        if cleanup is not None:
+            cleanup.cleanup()
+
+
+if __name__ == "__main__":
+    main()
diff --git a/.gitignore b/.gitignore
index b2325586..63a0f930 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,8 @@
 
 data
 src/cli/nuitka-crash-report.xml
+/inspirations
+.playwright-mcp
+
+# Rust build artifacts
+target/
diff --git a/Cargo.lock b/Cargo.lock
new file mode 100644
index 00000000..fab77c32
--- /dev/null
+++ b/Cargo.lock
@@ -0,0 +1,942 @@
+# This file is automatically @generated by Cargo.
+# It is not intended for manual editing.
+version = 4
+
+[[package]]
+name = "aead"
+version = "0.5.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d122413f284cf2d62fb1b7db97e02edb8cda96d769b16e443a4f6195e35662b0"
+dependencies = [
+ "crypto-common 0.1.7",
+ "generic-array",
+]
+
+[[package]]
+name = "aes"
+version = "0.9.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f1fc76eaeac4c9164506c466d4ffdd8ec9d0c5bf57ee97177c4d8eceb3a0e138"
+dependencies = [
+ "cipher 0.5.2",
+ "cpubits",
+ "cpufeatures 0.3.0",
+]
+
+[[package]]
+name = "argon2"
+version = "0.5.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3c3610892ee6e0cbce8ae2700349fcf8f98adb0dbfbee85aec3c9179d29cc072"
+dependencies = [
+ "base64ct",
+ "blake2",
+ "cpufeatures 0.2.17",
+ "password-hash",
+]
+
+[[package]]
+name = "base64"
+version = "0.22.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72b3254f16251a8381aa12e40e3c4d2f0199f8c6508fbecb9d91f575e0fbb8c6"
+
+[[package]]
+name = "base64ct"
+version = "1.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2af50177e190e07a26ab74f8b1efbfe2ef87da2116221318cb1c2e82baf7de06"
+
+[[package]]
+name = "blake2"
+version = "0.10.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "46502ad458c9a52b69d4d4d32775c788b7a1b85e8bc9d482d92250fc0e3f8efe"
+dependencies = [
+ "digest 0.10.7",
+]
+
+[[package]]
+name = "block-buffer"
+version = "0.10.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3078c7629b62d3f0439517fa394996acacc5cbc91c5a20d8c658e77abd503a71"
+dependencies = [
+ "generic-array",
+]
+
+[[package]]
+name = "block-buffer"
+version = "0.12.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d2f6c7dbe95a6ed67ad9f18e57daf93a2f034c524b99fd2b76d18fdfeb6660aa"
+dependencies = [
+ "hybrid-array",
+]
+
+[[package]]
+name = "block-padding"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "710f1dd022ef4e93f8a438b4ba958de7f64308434fa6a87104481645cc30068b"
+dependencies = [
+ "hybrid-array",
+]
+
+[[package]]
+name = "bumpalo"
+version = "3.20.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72f5acc6cb2ba439de613abc23857ec3d78374d8ed5ac84e9d11336e87da8649"
+
+[[package]]
+name = "bzip2"
+version = "0.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f3a53fac24f34a81bc9954b5d6cfce0c21e18ec6959f44f56e8e90e4bb7c346c"
+dependencies = [
+ "libbz2-rs-sys",
+]
+
+[[package]]
+name = "cbc"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ce2dc9ee5f88d11e0beb842c88b33c8a5cf0d1329c4b19494af42b07dbfe8896"
+dependencies = [
+ "cipher 0.5.2",
+]
+
+[[package]]
+name = "cfg-if"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9330f8b2ff13f34540b44e946ef35111825727b38d33286ef986142615121801"
+
+[[package]]
+name = "chacha20"
+version = "0.9.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c3613f74bd2eac03dad61bd53dbe620703d4371614fe0bc3b9f04dd36fe4e818"
+dependencies = [
+ "cfg-if",
+ "cipher 0.4.4",
+ "cpufeatures 0.2.17",
+]
+
+[[package]]
+name = "chacha20poly1305"
+version = "0.10.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "10cd79432192d1c0f4e1a0fef9527696cc039165d729fb41b3f4f4f354c2dc35"
+dependencies = [
+ "aead",
+ "chacha20",
+ "cipher 0.4.4",
+ "poly1305",
+ "zeroize",
+]
+
+[[package]]
+name = "chithi-core"
+version = "0.1.0"
+dependencies = [
+ "argon2",
+ "base64",
+ "chacha20poly1305",
+ "ed25519",
+ "ed25519-dalek",
+ "hkdf",
+ "rand",
+ "serde",
+ "serde_json",
+ "sevenz-rust2",
+ "sha2 0.10.9",
+ "wasm_thread",
+]
+
+[[package]]
+name = "cipher"
+version = "0.4.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "773f3b9af64447d2ce9850330c473515014aa235e6a783b02db81ff39e4a3dad"
+dependencies = [
+ "crypto-common 0.1.7",
+ "inout 0.1.4",
+ "zeroize",
+]
+
+[[package]]
+name = "cipher"
+version = "0.5.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e8cf2a2c93cd704877c0858356ed03480ff301ee950b43f1cbe4573b088bfa6c"
+dependencies = [
+ "crypto-common 0.2.2",
+ "inout 0.2.2",
+]
+
+[[package]]
+name = "const-oid"
+version = "0.9.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c2459377285ad874054d797f3ccebf984978aa39129f6eafde5cdc8315b612f8"
+
+[[package]]
+name = "const-oid"
+version = "0.10.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a6ef517f0926dd24a1582492c791b6a4818a4d94e789a334894aa15b0d12f55c"
+
+[[package]]
+name = "cpubits"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "15b85f9c39137c3a891689859392b1bd49812121d0d61c9caf00d46ed5ce06ae"
+
+[[package]]
+name = "cpufeatures"
+version = "0.2.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "59ed5838eebb26a2bb2e58f6d5b5316989ae9d08bab10e0e6d103e656d1b0280"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "cpufeatures"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b2a41393f66f16b0823bb79094d54ac5fbd34ab292ddafb9a0456ac9f87d201"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "crc32fast"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9481c1c90cbf2ac953f07c8d4a58aa3945c425b7185c9154d67a65e4230da511"
+dependencies = [
+ "cfg-if",
+]
+
+[[package]]
+name = "crypto-common"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "78c8292055d1c1df0cce5d180393dc8cce0abec0a7102adb6c7b1eef6016d60a"
+dependencies = [
+ "generic-array",
+ "rand_core",
+ "typenum",
+]
+
+[[package]]
+name = "crypto-common"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ce6e4c961d6cd6c9a86db418387425e8bdeaf05b3c8bc1411e6dca4c252f1453"
+dependencies = [
+ "hybrid-array",
+]
+
+[[package]]
+name = "curve25519-dalek"
+version = "4.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "97fb8b7c4503de7d6ae7b42ab72a5a59857b4c937ec27a3d4539dba95b5ab2be"
+dependencies = [
+ "cfg-if",
+ "cpufeatures 0.2.17",
+ "curve25519-dalek-derive",
+ "digest 0.10.7",
+ "fiat-crypto",
+ "rustc_version",
+ "subtle",
+ "zeroize",
+]
+
+[[package]]
+name = "curve25519-dalek-derive"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f46882e17999c6cc590af592290432be3bce0428cb0d5f8b6715e4dc7b383eb3"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "der"
+version = "0.7.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e7c1832837b905bbfb5101e07cc24c8deddf52f93225eee6ead5f4d63d53ddcb"
+dependencies = [
+ "const-oid 0.9.6",
+ "zeroize",
+]
+
+[[package]]
+name = "digest"
+version = "0.10.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9ed9a281f7bc9b7576e61468ba615a66a5c8cfdff42420a70aa82701a3b1e292"
+dependencies = [
+ "block-buffer 0.10.4",
+ "crypto-common 0.1.7",
+ "subtle",
+]
+
+[[package]]
+name = "digest"
+version = "0.11.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f1dd6dbb5841937940781866fa1281a1ff7bd3bf827091440879f9994983d5c2"
+dependencies = [
+ "block-buffer 0.12.1",
+ "const-oid 0.10.2",
+ "crypto-common 0.2.2",
+]
+
+[[package]]
+name = "ed25519"
+version = "2.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "115531babc129696a58c64a4fef0a8bf9e9698629fb97e9e40767d235cfbcd53"
+dependencies = [
+ "pkcs8",
+ "signature",
+]
+
+[[package]]
+name = "ed25519-dalek"
+version = "2.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "70e796c081cee67dc755e1a36a0a172b897fab85fc3f6bc48307991f64e4eca9"
+dependencies = [
+ "curve25519-dalek",
+ "ed25519",
+ "serde",
+ "sha2 0.10.9",
+ "subtle",
+ "zeroize",
+]
+
+[[package]]
+name = "fiat-crypto"
+version = "0.2.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "28dea519a9695b9977216879a3ebfddf92f1c08c05d984f8996aecd6ecdc811d"
+
+[[package]]
+name = "futures"
+version = "0.3.33"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a88cf1f829d945f548cf8fec32c61b1f202b6d93b45848602fc02af4b12ad218"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-executor",
+ "futures-io",
+ "futures-sink",
+ "futures-task",
+ "futures-util",
+]
+
+[[package]]
+name = "futures-channel"
+version = "0.3.33"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "262590f4fe6afeb0bc83be1daa64e52657fe185690a958af7f3ad0e92085c5ae"
+dependencies = [
+ "futures-core",
+ "futures-sink",
+]
+
+[[package]]
+name = "futures-core"
+version = "0.3.33"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2cd50c473c80f6d7c3670a752354b8e569b1a7cbfdc0419ec88e5edad85e0dc7"
+
+[[package]]
+name = "futures-executor"
+version = "0.3.33"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6754879cc9f2c66f88c6e5c35344bb0bdb0708b0352b1201815667c7eabc7458"
+dependencies = [
+ "futures-core",
+ "futures-task",
+ "futures-util",
+]
+
+[[package]]
+name = "futures-io"
+version = "0.3.33"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4577ecaa3c4f96589d473f679a71b596316f6641bc350038b962a5daf0085d7a"
+
+[[package]]
+name = "futures-macro"
+version = "0.3.33"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2d6d3cde68c518367be28956066ddfef33813991b77a55005a69dae04bf3b10b"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "futures-sink"
+version = "0.3.33"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e34418ac499d6305c2fb5ad0ed2f6ac998c5f8ca209b4510f7f94242c647e307"
+
+[[package]]
+name = "futures-task"
+version = "0.3.33"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b231ed28831efb4a61a08580c4bc233ec56bc009f4cd8f52da2c3cb97df0c109"
+
+[[package]]
+name = "futures-util"
+version = "0.3.33"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a77a90a256fce34da66415271e30f94ee91c57b04b8a2c042d9cf3220179deaa"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-macro",
+ "futures-sink",
+ "futures-task",
+ "memchr",
+ "pin-project-lite",
+ "slab",
+]
+
+[[package]]
+name = "generic-array"
+version = "0.14.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "85649ca51fd72272d7821adaf274ad91c288277713d9c18820d8499a7ff69e9a"
+dependencies = [
+ "typenum",
+ "version_check",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.2.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ff2abc00be7fca6ebc474524697ae276ad847ad0a6b3faa4bcb027e9a4614ad0"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "wasi",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "300e883d756b2e4ec94e02791f39b04b522276138852cfc41d9fb7e904106099"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "libc",
+ "r-efi",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "hkdf"
+version = "0.12.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7b5f8eb2ad728638ea2c7d47a21db23b7b58a72ed6a38256b8a1849f15fbbdf7"
+dependencies = [
+ "hmac",
+]
+
+[[package]]
+name = "hmac"
+version = "0.12.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6c49c37c09c17a53d937dfbb742eb3a961d65a994e6bcdcf37e7399d0cc8ab5e"
+dependencies = [
+ "digest 0.10.7",
+]
+
+[[package]]
+name = "hybrid-array"
+version = "0.4.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "818356c5132c1fede50f837ca96afbe78ff42413047f4abb886217845e1b6c8c"
+dependencies = [
+ "typenum",
+]
+
+[[package]]
+name = "inout"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "879f10e63c20629ecabbb64a8010319738c66a5cd0c29b02d63d272b03751d01"
+dependencies = [
+ "generic-array",
+]
+
+[[package]]
+name = "inout"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4250ce6452e92010fdf7268ccc5d14faa80bb12fc741938534c58f16804e03c7"
+dependencies = [
+ "block-padding",
+ "hybrid-array",
+]
+
+[[package]]
+name = "itoa"
+version = "1.0.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f42a60cbdf9a97f5d2305f08a87dc4e09308d1276d28c869c684d7777685682"
+
+[[package]]
+name = "js-sys"
+version = "0.3.103"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "53b44bfcdb3f8d5837a46dae1ca9660a837176eee74a28b229bc626816589102"
+dependencies = [
+ "cfg-if",
+ "futures-util",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "libbz2-rs-sys"
+version = "0.2.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "34b357333733e8260735ba5894eb928c02ecc69c78715f01a8019e7fa7f2db4c"
+
+[[package]]
+name = "libc"
+version = "0.2.186"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "68ab91017fe16c622486840e4c83c9a37afeff978bd239b5293d61ece587de66"
+
+[[package]]
+name = "lzma-rust2"
+version = "0.16.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ca93e534d1142d1d0dcca6d25fe302508a5dfb40b302802904577725ea0b695b"
+
+[[package]]
+name = "memchr"
+version = "2.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cf8baf1c55e62ffcace7a9f06f4bd9cd3f0c4beb022d3b367256b91b87513d98"
+
+[[package]]
+name = "once_cell"
+version = "1.21.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9f7c3e4beb33f85d45ae3e3a1792185706c8e16d043238c593331cc7cd313b50"
+
+[[package]]
+name = "opaque-debug"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c08d65885ee38876c4f86fa503fb49d7b507c2b62552df7c70b2fce627e06381"
+
+[[package]]
+name = "password-hash"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "346f04948ba92c43e8469c1ee6736c7563d71012b17d40745260fe106aac2166"
+dependencies = [
+ "base64ct",
+ "rand_core",
+ "subtle",
+]
+
+[[package]]
+name = "pin-project-lite"
+version = "0.2.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a89322df9ebe1c1578d689c92318e070967d1042b512afbe49518723f4e6d5cd"
+
+[[package]]
+name = "pkcs8"
+version = "0.10.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f950b2377845cebe5cf8b5165cb3cc1a5e0fa5cfa3e1f7f55707d8fd82e0a7b7"
+dependencies = [
+ "der",
+ "spki",
+]
+
+[[package]]
+name = "poly1305"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8159bd90725d2df49889a078b54f4f79e87f1f8a8444194cdca81d38f5393abf"
+dependencies = [
+ "cpufeatures 0.2.17",
+ "opaque-debug",
+ "universal-hash",
+]
+
+[[package]]
+name = "ppv-lite86"
+version = "0.2.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "85eae3c4ed2f50dcfe72643da4befc30deadb458a9b590d720cde2f2b1e97da9"
+dependencies = [
+ "zerocopy",
+]
+
+[[package]]
+name = "proc-macro2"
+version = "1.0.106"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8fd00f0bb2e90d81d1044c2b32617f68fcb9fa3bb7640c23e9c748e53fb30934"
+dependencies = [
+ "unicode-ident",
+]
+
+[[package]]
+name = "quote"
+version = "1.0.46"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dfbc457d0c7a0759a614551b11a6409e5951f6c7537be1f1b7682b9ae9230368"
+dependencies = [
+ "proc-macro2",
+]
+
+[[package]]
+name = "r-efi"
+version = "6.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f8dcc9c7d52a811697d2151c701e0d08956f92b0e24136cf4cf27b57a6a0d9bf"
+
+[[package]]
+name = "rand"
+version = "0.8.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "22f6172bdec972074665ed81ed53b71da00bfc44b65a753cfde883ec4c702a1a"
+dependencies = [
+ "libc",
+ "rand_chacha",
+ "rand_core",
+]
+
+[[package]]
+name = "rand_chacha"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e6c10a63a0fa32252be49d21e7709d4d4baf8d231c2dbce1eaa8141b9b127d88"
+dependencies = [
+ "ppv-lite86",
+ "rand_core",
+]
+
+[[package]]
+name = "rand_core"
+version = "0.6.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ec0be4795e2f6a28069bec0b5ff3e2ac9bafc99e6a9a7dc3547996c5c816922c"
+dependencies = [
+ "getrandom 0.2.17",
+]
+
+[[package]]
+name = "rustc_version"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cfcb3a22ef46e85b45de6ee7e79d063319ebb6594faafcf1c225ea92ab6e9b92"
+dependencies = [
+ "semver",
+]
+
+[[package]]
+name = "rustversion"
+version = "1.0.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cf54715a573b99ac80df0bc206da022bcd442c974952c7b9720069370852e21f"
+
+[[package]]
+name = "semver"
+version = "1.0.28"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8a7852d02fc848982e0c167ef163aaff9cd91dc640ba85e263cb1ce46fae51cd"
+
+[[package]]
+name = "serde"
+version = "1.0.228"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9a8e94ea7f378bd32cbbd37198a4a91436180c5bb472411e48b5ec2e2124ae9e"
+dependencies = [
+ "serde_core",
+ "serde_derive",
+]
+
+[[package]]
+name = "serde_core"
+version = "1.0.228"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "41d385c7d4ca58e59fc732af25c3983b67ac852c1a25000afe1175de458b67ad"
+dependencies = [
+ "serde_derive",
+]
+
+[[package]]
+name = "serde_derive"
+version = "1.0.228"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d540f220d3187173da220f885ab66608367b6574e925011a9353e4badda91d79"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "serde_json"
+version = "1.0.150"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e8014e44b4736ed0538adeecded0fce2a272f22dc9578a7eb6b2d9993c74cfb9"
+dependencies = [
+ "itoa",
+ "memchr",
+ "serde",
+ "serde_core",
+ "zmij",
+]
+
+[[package]]
+name = "sevenz-rust2"
+version = "0.21.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b5d71c87d24cb22976f3f6e6c2c9296ef1f6958394e2b868d56ca01b082798a"
+dependencies = [
+ "aes",
+ "bzip2",
+ "cbc",
+ "crc32fast",
+ "getrandom 0.4.3",
+ "js-sys",
+ "lzma-rust2",
+ "sha2 0.11.0",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "sha2"
+version = "0.10.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a7507d819769d01a365ab707794a4084392c824f54a7a6a7862f8c3d0892b283"
+dependencies = [
+ "cfg-if",
+ "cpufeatures 0.2.17",
+ "digest 0.10.7",
+]
+
+[[package]]
+name = "sha2"
+version = "0.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "446ba717509524cb3f22f17ecc096f10f4822d76ab5c0b9822c5f9c284e825f4"
+dependencies = [
+ "cfg-if",
+ "cpufeatures 0.3.0",
+ "digest 0.11.3",
+]
+
+[[package]]
+name = "signature"
+version = "2.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "77549399552de45a898a580c1b41d445bf730df867cc44e6c0233bbc4b8329de"
+dependencies = [
+ "rand_core",
+]
+
+[[package]]
+name = "slab"
+version = "0.4.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0c790de23124f9ab44544d7ac05d60440adc586479ce501c1d6d7da3cd8c9cf5"
+
+[[package]]
+name = "spki"
+version = "0.7.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d91ed6c858b01f942cd56b37a94b3e0a1798290327d1236e4d9cf4eaca44d29d"
+dependencies = [
+ "base64ct",
+ "der",
+]
+
+[[package]]
+name = "subtle"
+version = "2.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "13c2bddecc57b384dee18652358fb23172facb8a2c51ccc10d74c157bdea3292"
+
+[[package]]
+name = "syn"
+version = "2.0.119"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "872831b642d1a07999a962a351ed35b955ea2cfc8f3862091e2a240a84f17297"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "unicode-ident",
+]
+
+[[package]]
+name = "typenum"
+version = "1.20.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6f5e870be6c3b371b77fe0ee0bafb859fa4964b4404c27de1d380043c4dda20"
+
+[[package]]
+name = "unicode-ident"
+version = "1.0.24"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e6e4313cd5fcd3dad5cafa179702e2b244f760991f45397d14d4ebf38247da75"
+
+[[package]]
+name = "universal-hash"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fc1de2c688dc15305988b563c3854064043356019f97a4b46276fe734c4f07ea"
+dependencies = [
+ "crypto-common 0.1.7",
+ "subtle",
+]
+
+[[package]]
+name = "version_check"
+version = "0.9.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b928f33d975fc6ad9f86c8f283853ad26bdd5b10b7f1542aa2fa15e2289105a"
+
+[[package]]
+name = "wasi"
+version = "0.11.1+wasi-snapshot-preview1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ccf3ec651a847eb01de73ccad15eb7d99f80485de043efb2f370cd654f4ea44b"
+
+[[package]]
+name = "wasm-bindgen"
+version = "0.2.126"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4b067c0c11094aef6b7a801c1e34a26affafdf3d051dba08456b868789aaf9a4"
+dependencies = [
+ "cfg-if",
+ "once_cell",
+ "rustversion",
+ "wasm-bindgen-macro",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-macro"
+version = "0.2.126"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "167ce5e579f6bcf889c4f7175a8a5a585de84e8ff93976ce393efa5f2837aab1"
+dependencies = [
+ "quote",
+ "wasm-bindgen-macro-support",
+]
+
+[[package]]
+name = "wasm-bindgen-macro-support"
+version = "0.2.126"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f3997c7839262f4ef12cf90b818d6340c18e80f263f1a94bf157d0ec4420380e"
+dependencies = [
+ "bumpalo",
+ "proc-macro2",
+ "quote",
+ "syn",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-shared"
+version = "0.2.126"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dc1b4cb0cc549fcf58d7dfc081778139b3d283a081644e833e84682ad71cea24"
+dependencies = [
+ "unicode-ident",
+]
+
+[[package]]
+name = "wasm_bindings"
+version = "0.1.0"
+dependencies = [
+ "argon2",
+ "chithi-core",
+ "getrandom 0.2.17",
+ "rand",
+ "sevenz-rust2",
+]
+
+[[package]]
+name = "wasm_thread"
+version = "0.3.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b7516db7f32decdadb1c3b8deb1b7d78b9df7606c5cc2f6241737c2ab3a0258e"
+dependencies = [
+ "futures",
+ "js-sys",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "web-sys"
+version = "0.3.103"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8622dcb61c0bcc9fffa6938bed81210af2da9a7e4a1a834b2e37a59b6dfb6141"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "zerocopy"
+version = "0.8.54"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b7cbbc0a705a0fd05cc3676525980d2bf5a9bc4adac6d6475209a7887cf59d19"
+dependencies = [
+ "zerocopy-derive",
+]
+
+[[package]]
+name = "zerocopy-derive"
+version = "0.8.54"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e2e817b7b52d0c7358d3246da9d69935ebb18116b2b102b4230dac079b4862f5"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "zeroize"
+version = "1.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e13c156562582aa81c60cb29407084cdb54c4164760106ab78e6c5b0858cf64e"
+
+[[package]]
+name = "zmij"
+version = "1.0.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "29666d0abbfad1e3dc4dcf6144730dd3a3ab225bbbdac83319345b1b44ccfc1b"
diff --git a/Cargo.toml b/Cargo.toml
new file mode 100644
index 00000000..c622958a
--- /dev/null
+++ b/Cargo.toml
@@ -0,0 +1,38 @@
+[workspace]
+members = [
+    "crates/chithi-core",
+    "crates/wasm_bindings",
+]
+resolver = "2"
+
+[workspace.package]
+version = "0.1.0"
+edition = "2024"
+
+[workspace.dependencies]
+chithi-core = { path = "crates/chithi-core", features = ["parallel"] }
+sevenz-rust2 = { version = "0.21", default-features = false, features = [
+    "compress",
+    "util",
+    "bzip2",
+    "aes256",
+] }
+argon2 = "0.5"
+sha2 = "0.10"
+rand = "0.8"
+serde = { version = "1", features = ["derive"] }
+serde_json = "1"
+wasm_thread = "0.3"
+getrandom = { version = "0.2", features = ["custom"] }
+ed25519 = { version = "2", features = ["pkcs8"] }
+hkdf = "0.12"
+base64 = "0.22"
+chacha20poly1305 = "0.10"
+ed25519-dalek = "2"
+
+[profile.release]
+opt-level = "z"
+lto = true
+codegen-units = 1
+strip = "symbols"
+panic = "abort"
diff --git a/PLAN.md b/PLAN.md
new file mode 100644
index 00000000..addd1336
--- /dev/null
+++ b/PLAN.md
@@ -0,0 +1,443 @@
+# Chithi Implementation Plan
+
+> **Status**: Active implementation — wiring frontend ↔ Django GraphQL backend, fixing critical gaps
+> **Date**: 2026-07-28
+> **Branch**: `feat/jxr-other`
+>
+> Three workstreams completed previously:
+> 1. **Frontend** — Apollo Client v4, GraphQL codegen, shadcn-svelte compliance, camelCase migration
+> 2. **Django + Strawberry-Django Backend** — full port from FastAPI, GraphQL schema, S3, Celery
+> 3. **WASM Multi-Core** — `wasm_thread` parallelism, XChaCha20-Poly1305, all cores utilized
+>
+> **Current focus**: Fix critical integration gaps, add missing mutations, wire file uploads/downloads, verify end-to-end.
+
+---
+
+## Current State Snapshot
+
+| Area | Status | Detail |
+|---|---|---|
+| **Rust WASM** | DONE | `wasm_thread` parallel feature, `+atomics,+simd128`, SharedArrayBuffer |
+| **JS Worker Pool** | DONE | `WORKER_CONCURRENCY = 1` (Rust handles parallelism) |
+| **Django Project** | DONE | Settings, mixins, models, Celery, S3 configured |
+| **GraphQL Schema** | DONE | Query/Mutation for all domain objects |
+| **S3 Service Layer** | DONE | `apps/files/services.py` — upload, download, delete, presigned URLs |
+| **Celery Expired Files** | DONE | Periodic task via django_celery_beat |
+| **Frontend GraphQL Client** | DONE | Apollo Client v4, codegen, generated types |
+| **Frontend TypeScript** | DONE | `npm run check` passes, 0 errors |
+| **Frontend Build** | DONE | `npm run build` succeeds |
+| **Django Migrations** | DONE | 39 migrations, SQLite + PostgreSQL compatible |
+| **Frontend camelCase Migration** | DONE | All GraphQL interfaces, query modules, and Svelte components migrated |
+| **shadcn-svelte Compliance** | DONE | 46 components, docs-exact patterns |
+| **WASM Parallel Verification** | DONE | 4 parallel call sites, 14/14 tests pass |
+| **Logout Mutation** | DONE | Added `logout` mutation returning `Boolean` |
+| **Backend URL** | DONE | Updated to `localhost:8002` |
+
+---
+
+## Phase 1: Fix Critical File Upload — Add `apollo-upload-client` 🔴 BLOCKER
+
+### 1.1 Install and configure `apollo-upload-client`
+
+**Problem**: The frontend sends file uploads via GraphQL `UPLOAD_FILE_MUTATION` which uses `$file: Upload!`. The current Apollo client uses `HttpLink` which does **NOT** support GraphQL multipart file uploads. This is the #1 blocker — file uploads will fail silently or throw a serialization error.
+
+**Files**:
+- `src/frontend/package.json` — add `apollo-upload-client` dependency
+- `src/frontend/src/lib/graphql/client.ts` — replace `HttpLink` with `createUploadLink`
+
+**Implementation**:
+
+```bash
+cd src/frontend
+npm install apollo-upload-client
+```
+
+Then update `client.ts`:
+
+```ts
+import { ApolloClient, InMemoryCache, ApolloLink } from '@apollo/client/core';
+import { createUploadLink } from 'apollo-upload-client';
+
+function getAuthHeaders(): Record<string, string> {
+  const token = typeof localStorage !== 'undefined' ? localStorage.getItem('access_token') : null;
+  if (!token) return {};
+  return { Authorization: `Bearer ${token}` };
+}
+
+const authLink = new ApolloLink((operation, forward) => {
+  operation.setContext({
+    headers: getAuthHeaders()
+  });
+  return forward(operation);
+});
+
+const uploadLink = createUploadLink({
+  uri: '/graphql/',
+  credentials: 'include',
+});
+
+export const client = new ApolloClient({
+  link: authLink.concat(uploadLink),
+  cache: new InMemoryCache()
+});
+```
+
+**Why**: `createUploadLink` detects `Upload` type variables and serializes them as multipart/form-data per the GraphQL Multipart Request Spec. `HttpLink` sends everything as JSON and cannot handle binary file uploads.
+
+**Status**: TODO
+
+### 1.2 Verify `strawberry-graphql` supports multipart file uploads
+
+**File**: `src/backend-django/core/settings.py`
+
+Strawberry-GraphQL requires `strawberry-graphql-django` with file upload support. The `UPLOAD_FILE_MUTATION` uses `Upload` type, and the Django view at `/graphql/` must handle multipart requests.
+
+Verify the GraphQL view is configured with `multipart_uploads_enabled=True`:
+
+```python
+from strawberry.django.views import AsyncGraphQLView
+
+class GraphQLView(AsyncGraphQLView):
+    # multipart_uploads_enabled is True by default in strawberry-graphql
+    pass
+```
+
+**Status**: VERIFY
+
+### 1.3 Verify upload mutation parameter names match
+
+**Frontend mutation** (`queries.ts`):
+```graphql
+mutation UploadFile($file: Upload!, $filename: String!, $expiresAt: Int!, $expireAfterNDownload: Int!, $numberOfFiles: Int)
+```
+
+**Django resolver** (`mutations/__init__.py`):
+```python
+async def upload_file(self, filename: str, file: Upload, expires_at: int, expire_after_n_download: int, number_of_files: int | None = None)
+```
+
+Strawberry auto-converts `expires_at` → `expiresAt` and `expire_after_n_download` → `expireAfterNDownload`. **This should match.**
+
+**Status**: VERIFY
+
+---
+
+## Phase 2: Fix Download Flow — Migrate to Presigned URL
+
+### 2.1 Update `fetch-decrypt.ts` to use presigned URL via GraphQL
+
+**Problem**: The frontend downloads from `Api.DOWNLOAD(slug)` which is a REST endpoint (`/download/{slug}/`). The Django backend has a `download_file_stream` GraphQL mutation that returns a presigned S3 URL. We need to migrate the download flow.
+
+**File**: `src/frontend/src/lib/functions/fetch-decrypt.ts`
+
+**Current flow**:
+```
+frontend → /download/{slug}/ (REST) → Django streams S3 → frontend decrypts
+```
+
+**New flow**:
+```
+frontend → downloadFileStream(fileKey: slug) (GraphQL) → returns presigned URL → frontend fetches from S3 → frontend decrypts
+```
+
+**Implementation**:
+
+```ts
+import { client } from '$lib/graphql/client.js';
+import { PasswordRequiredError } from '#errors/password';
+import { createDecryptedStream } from '#functions/streams';
+
+export interface FetchDecryptOptions { knownSize?: number; onProgress?: (percent: number) => void }
+
+export async function fetchDecryptedBlob(slug: string, key: string, password: string, opts: FetchDecryptOptions = {}): Promise<Blob> {
+  // Step 1: Get presigned URL via GraphQL
+  const { data } = await client.mutate({
+    mutation: gql`mutation DownloadFileStream($fileKey: String!) { downloadFileStream(fileKey: $fileKey) }`,
+    variables: { fileKey: slug }
+  });
+
+  const presignedUrl = data.downloadFileStream;
+
+  // Step 2: Fetch encrypted data from presigned URL
+  const res = await fetch(presignedUrl);
+  if (!res.ok) throw new Error(res.status === 404 ? 'File not found' : 'Download failed');
+  if (!res.body) throw new Error('No response body');
+
+  const total = opts.knownSize ?? parseInt(res.headers.get('content-length') ?? '0', 10);
+  const src = opts.onProgress && total > 0 ? wrapProgress(res.body, total, opts.onProgress) : res.body;
+  const stream = await createDecryptedStream(src, key, password);
+
+  const reader = stream.getReader();
+  let first: Uint8Array | undefined;
+  try {
+    const { done, value } = await reader.read();
+    if (!done) first = value;
+  } catch (e: any) {
+    if (e.name === 'OperationError') { await reader.cancel('Wrong password'); throw new PasswordRequiredError(); }
+    throw e;
+  }
+
+  const chunks: BlobPart[] = [];
+  if (first) chunks.push(first as BlobPart);
+  for (;;) { const { done, value } = await reader.read(); if (done) break; chunks.push(value as BlobPart); }
+  const blob = new Blob(chunks, { type: 'application/zip' });
+  if (chunks.length === 0 || blob.size < 4) throw new Error('Decryption produced no output data');
+  return blob;
+}
+```
+
+**Status**: TODO
+
+### 2.2 Remove `Api.DOWNLOAD` REST endpoint dependency
+
+After Phase 2.1, the `Api.DOWNLOAD` endpoint is no longer needed for downloads. The frontend will exclusively use the presigned URL flow. Keep the REST endpoint as a fallback for now, mark for removal after verification.
+
+**Status**: TODO (after verification)
+
+---
+
+## Phase 3: Start Django Server and Verify End-to-End
+
+### 3.1 Start Django development server
+
+```bash
+cd src/backend-django
+python manage.py runserver 8002
+```
+
+Verify `/graphql/` endpoint responds with introspection.
+
+**Status**: TODO
+
+### 3.2 Test GraphQL queries
+
+Hit the GraphQL endpoint with:
+- `config` query
+- `onboarding` query
+- `login` mutation
+- `fileInfo` query
+- `adminFiles` query
+
+**Status**: TODO
+
+### 3.3 Start frontend dev server and verify
+
+```bash
+cd src/frontend
+npm run dev
+```
+
+Verify:
+- Onboarding page loads
+- Login works
+- Config page loads
+- Admin pages load
+- **File upload flow works** (encrypt → upload via apollo-upload-client)
+- **File download flow works** (presigned URL → decrypt)
+
+**Status**: TODO
+
+---
+
+## Phase 4: Migrate Page Load Functions to GraphQL
+
+### 4.1 View/Download page load functions
+
+**Files**:
+- `src/frontend/src/routes/.../view/[slug]/+page.ts`
+- `src/frontend/src/routes/.../download/[slug]/+page.ts`
+
+Currently call `Api.FILE_INFO(params.slug)` via REST `fetch()`. Migrate to use the GraphQL client.
+
+**Status**: TODO (after Phase 3 verification)
+
+### 4.2 Reverse room REST calls
+
+**File**: `src/frontend/src/lib/queries/reverse.ts`
+
+Currently uses `Api.REVERSE.ROOM_DETAIL(room_id)` via REST. Django doesn't have reverse room models yet.
+
+**Status**: DEFER (reverse rooms not yet in Django)
+
+### 4.3 WebSocket state management
+
+**File**: `src/frontend/src/routes/.../upload/state.svelte.ts`
+
+Connects to `Api.STATE_WS` (WebSocket). Django doesn't have WebSocket support yet.
+
+**Status**: DEFER (needs Django Channels)
+
+---
+
+## Phase 5: WASM Multi-Core Verification
+
+### 5.1 Verify `wasm_thread` parallelism is enabled
+
+**Files**:
+- `crates/chithi-core/Cargo.toml` — `parallel` feature is default ✓
+- `crates/wasm_bindings/Cargo.toml` — inherits default features ✓
+- `src/frontend/src/lib/wasm/chithi_wasm.ts` — calls `wasmEncryptChunksParallel` ✓
+
+The Rust `encrypt_chunks_parallel` uses `wasm_thread::scope()` to spawn parallel threads per chunk. The `parallel` feature is enabled by default in `chithi-core`.
+
+**Status**: VERIFIED
+
+### 5.2 Verify WASM is compiled with `+atomics,+simd128`
+
+**File**: `src/frontend/src/lib/wasm/chithi_wasm.ts` and build script
+
+The WASM module must be compiled with `+atomics,+simd128` for `wasm_thread` to work. Check the build script.
+
+**Status**: VERIFY
+
+### 5.3 Verify SharedArrayBuffer is available
+
+The frontend must serve with correct COOP/COEP headers for `SharedArrayBuffer` (required by `wasm_thread`). Check `svelte.config.js` for headers.
+
+**Status**: VERIFY
+
+---
+
+## Phase 6: Add WebSocket Support to Django (Upload State)
+
+### 6.1 Install and configure Django Channels
+
+Add `channels` to `INSTALLED_APPS`, configure `ASGI_APPLICATION`, add WebSocket routing.
+
+### 6.2 Create upload state consumer
+
+Port the WebSocket state broadcasting from FastAPI to Django Channels, preserving Redis pub/sub for state sync.
+
+**Status**: DEFER (after Phase 3 verification)
+
+---
+
+## Execution Order and Parallelization
+
+```
+Phase 1.1 (install apollo-upload-client) ──┐
+Phase 1.2 (verify multipart support) ──────┤──→ Agent 1: Fix file upload pipeline
+Phase 1.3 (verify param names) ────────────┘
+                                          │
+Phase 2.1 (migrate download to presigned) ─┤──→ Agent 2: Fix download pipeline
+Phase 2.2 (remove REST dependency) ────────┘
+                                          │
+Phase 3.1 (start Django) ─────────────────┤
+Phase 3.2 (test GraphQL) ─────────────────┤──→ Sequential: Start servers, verify E2E
+Phase 3.3 (start frontend + verify) ──────┘
+                                          │
+Phase 4 (migrate page loads) ─────────────┤──→ Agent 3: REST → GraphQL migration
+Phase 5 (WASM verification) ──────────────┘
+```
+
+---
+
+## Verification Checklist
+
+### File Upload Pipeline
+- [ ] `apollo-upload-client` installed
+- [ ] `createUploadLink` configured in Apollo client
+- [ ] `HttpLink` replaced with `createUploadLink`
+- [ ] Strawberry multipart file upload supported
+- [ ] Upload mutation parameter names match
+- [ ] End-to-end: select files → encrypt → upload → S3
+
+### File Download Pipeline
+- [ ] `fetch-decrypt.ts` migrated to presigned URL flow
+- [ ] `downloadFileStream` mutation returns presigned URL
+- [ ] End-to-end: fetch presigned URL → download → decrypt → save
+
+### Django Backend
+- [ ] `python manage.py check` passes
+- [ ] GraphQL endpoint responds on port 8002
+- [ ] All queries resolve correctly
+- [ ] All mutations resolve correctly
+- [ ] S3 upload/download works
+
+### Frontend
+- [ ] `npm run check` passes (0 errors)
+- [ ] `npm run build` succeeds
+- [ ] Onboarding flow works
+- [ ] Login/logout works with JWT
+- [ ] Config page loads via GraphQL
+- [ ] Admin files page loads with pagination
+- [ ] Admin users page works (CRUD)
+- [ ] Instance info/stats pages work
+- [ ] Dark mode works on all pages
+- [ ] Responsive at 1920px, 768px, 375px
+
+### WASM Multi-Core
+- [ ] `parallel` feature enabled in chithi-core
+- [ ] WASM compiled with `+atomics,+simd128`
+- [ ] SharedArrayBuffer available (COOP/COEP headers)
+- [ ] Parallel encryption works in browser
+- [ ] Parallel decryption works in browser
+
+---
+
+## Critical Files Reference
+
+### Django Backend (Needs Fixes)
+- `src/backend-django/apps/graphql/mutations/__init__.py` — upload mutation, presigned URL
+- `src/backend-django/core/settings.py` — configured, port 8002
+- `src/backend-django/core/urls.py` — routes: /admin/, /graphql/, /files/
+- `src/backend-django/apps/files/services.py` — S3 operations, presigned URLs
+
+### Frontend (Needs Fixes)
+- `src/frontend/package.json` — add `apollo-upload-client`
+- `src/frontend/src/lib/graphql/client.ts` — replace `HttpLink` with `createUploadLink`
+- `src/frontend/src/lib/functions/fetch-decrypt.ts` — migrate to presigned URL
+- `src/frontend/src/routes/.../view/[slug]/+page.ts` — migrate to GraphQL
+- `src/frontend/src/routes/.../download/[slug]/+page.ts` — migrate to GraphQL
+
+### Frontend (Completed)
+- `src/frontend/src/lib/consts/backend.ts` — ✅ port updated to 8002
+- `src/frontend/codegen.ts` — ✅ schema URL updated
+- `src/frontend/src/lib/graphql/hooks.ts` — ✅ all interfaces camelCase
+- `src/frontend/src/lib/queries/*.ts` — ✅ all query modules camelCase
+- `src/frontend/src/lib/graphql/queries.ts` — ✅ UPLOAD_FILE_MUTATION uses `$file: Upload!`
+- `src/frontend/src/routes/**/+page.svelte` — ✅ all components use camelCase data access
+
+### Unchanged (Working Correctly)
+- `src/frontend/src/lib/workers/chithi.worker.ts` — WASM worker pool
+- `src/frontend/src/lib/wasm/chithi_wasm.ts` — WASM C ABI wrapper
+- `src/frontend/src/lib/functions/streams.ts` — encrypted stream helpers
+- `crates/chithi-core/src/chithi_cryto.rs` — parallel XChaCha20 encryption
+- `src/backend-django/apps/files/tasks.py` — Celery expired file cleanup
+
+---
+
+## Known Risks and Mitigations
+
+### Risk 1: `apollo-upload-client` compatibility with Apollo Client v4
+
+`apollo-upload-client` may need a specific version for Apollo Client v4. Check `package.json` for `@apollo/client` version and install a compatible `apollo-upload-client`.
+
+**Mitigation**: Use `npm install apollo-upload-client` and verify the peer dependency resolution. If incompatible, use `@apollo/client`'s built-in `FileUploadLink` (if available in v4).
+
+### Risk 2: Presigned URL CORS
+
+S3 presigned URLs may fail due to CORS if the S3 endpoint (MinIO) doesn't allow cross-origin requests from the frontend origin.
+
+**Mitigation**: Configure MinIO CORS policy to allow `GET` from `http://localhost:5173` (dev) and production origins.
+
+### Risk 3: SharedArrayBuffer requires COOP/COEP headers
+
+`wasm_thread` requires `SharedArrayBuffer` which requires `Cross-Origin-Opener-Policy: same-origin` and `Cross-Origin-Embedder-Policy: require-corp` headers.
+
+**Mitigation**: Ensure `svelte.config.js` sets these headers in the dev server and production server.
+
+### Risk 4: Large file uploads may timeout
+
+The current upload flow loads the entire encrypted blob into memory before sending. For large files, this could cause memory issues.
+
+**Mitigation**: After initial verification, consider streaming uploads via presigned URLs for large files.
+
+---
+
+## Notes
+
+- The `UPLOAD_FILE_MUTATION` already uses `$file: Upload!` in the GraphQL definition — the schema is correct, only the transport layer (`HttpLink` → `createUploadLink`) needs fixing.
+- The `download_file_stream` mutation already exists and returns a presigned URL — the frontend just needs to call it.
+- The WASM parallel encryption is already configured correctly with `wasm_thread` and the `parallel` feature enabled by default.
+- All camelCase migration is complete — frontend interfaces, query modules, and components all use camelCase matching the Strawberry-Django schema.
diff --git a/apps/docs/crypto-architecture.md b/apps/docs/crypto-architecture.md
new file mode 100644
index 00000000..66a37e9f
--- /dev/null
+++ b/apps/docs/crypto-architecture.md
@@ -0,0 +1,1048 @@
+# Encrypted File Sharing — Cryptography Architecture
+
+## Overview
+
+This system provides end-to-end encrypted file sharing inspired by Firefox Send's architecture. All cryptographic operations happen client-side — the server never sees plaintext data, passwords, or decryption keys. The frontend is a thin wrapper around Rust crypto compiled to WebAssembly, ensuring identical algorithms across all platforms.
+
+**Core properties:**
+- Zero-knowledge: server stores only ciphertext
+- Password optional: random 32-byte IKM or password-derived keys
+- Integrity: every encrypted chunk is authenticated via Poly1305
+- Parallel: chunk-level encryption/decryption via Rayon (Rust) or worker pool (browser)
+- Deterministic nonces: chunk index → unique nonce per chunk
+
+```mermaid
+graph LR
+    A[Plaintext Files] --> B[7z Compression]
+    B --> C[Split into 32 KB Chunks]
+    C --> D[XChaCha20-Poly1305 Encrypt]
+    D --> E[Upload Ciphertext]
+    E --> F[Share URL + Secret]
+    F --> G[Download Ciphertext]
+    G --> H[XChaCha20-Poly1305 Decrypt]
+    H --> I[Reassemble Chunks]
+    I --> J[7z Decompress]
+    J --> K[Plaintext Files]
+```
+
+## Algorithm Inventory
+
+| Component | Algorithm | Purpose | Key Size | Mode |
+|---|---|---|---|---|
+| Key derivation | Argon2id | Password/memory-hard hashing | 32B output | V0x13 |
+| Key expansion | HKDF-SHA256 | Domain-separated subkey derivation | 32B output | Extract-Expand |
+| Metadata encryption | XChaCha20-Poly1305 | Authenticated metadata protection | 256-bit | AEAD |
+| **Content encryption** | **XChaCha20-Poly1305** | **Authenticated bulk data encryption** | **256-bit** | **AEAD** |
+| Signatures | Ed25519 | Data authenticity | 256-bit seed | Pure EdDSA |
+| **Nonce derivation** | **XOR-based** | **Per-chunk deterministic nonce** | **24B** | **XOR seq** |
+
+---
+
+## 1. Key Derivation
+
+### Pipeline: Password/IKM → Master Key → Subkeys
+
+Raw input (either a user password or a random 32-byte IKM) passes through two stages:
+
+1. **Argon2id** — memory-hard key stretching
+2. **HKDF-SHA256** — key normalization/expansion
+
+```mermaid
+flowchart TD
+    P[Password or IKM bytes] --> A[Argon2id]
+    S[Salt - 32 random bytes] --> A
+    A --> M[Master Key - 32 bytes]
+    M --> H[HKDF-SHA256 Extract]
+    S --> H
+    H --> PRK[PRK - 32 bytes]
+    PRK --> E[HKDF Expand]
+    E --> EK[Encryption Key - 32 bytes]
+    E --> MK[Metadata Key - 32 bytes]
+    E --> AK[Auth Key - 32 bytes]
+    E --> NK[Nonce Base - 24 bytes]
+```
+
+### Argon2id Parameters
+
+| Parameter | Value | Rationale |
+|---|---|---|
+| Algorithm | Argon2id | Hybrid data-dependent/memory-hard resists both side-channel and GPU attacks |
+| Version | V0x13 | Stable, widely-audited |
+| Memory | 64 KiB | Lightweight for client-side/WASM operation |
+| Iterations | **8** | Balanced for WASM speed + brute-force resistance |
+| Parallelism | 1 | Single-thread for WASM compatibility |
+| Output length | 32 bytes | Feeds HKDF directly |
+
+### Argon2id Internals
+
+Argon2id combines the resistance properties of Argon2i (side-channel resistance) and Argon2d (GPU/jumbo-hash resistance):
+
+```mermaid
+flowchart LR
+    subgraph Argon2id
+    H1[First half: data-INDEPENDENT]
+    H2[Second half: data-DEPENDENT]
+    H1 --> H2
+    H2 --> Out[32-byte output]
+    end
+```
+
+- **First half** passes use data-independent indexing (like Argon2i) — prevents timing attacks that profile which memory locations are accessed
+- **Second half** passes use data-dependent indexing (like Argon2d) — prevents an attacker from computing different memory lanes in parallel
+
+### Argon2id in WASM
+
+The Argon2id implementation is compiled from Rust to WASM via `chithi_core.js`. The frontend calls `argon2DeriveWasm(password, salt, iterations, memoryCostKiB, hashLength)` which invokes the Rust function through `wasm-bindgen`:
+
+```mermaid
+sequenceDiagram
+    participant JS as JavaScript
+    participant WB as wasm-bindgen
+    participant R as Rust Argon2id
+
+    JS->>WB: argon2_derive(pwd, salt, 8, 64, 32)
+    WB->>WB: Copy inputs to WASM linear memory
+    WB->>R: argon2_derive(ptr_pwd, len, ptr_salt, len, iter, mem, out_len)
+    R->>R: Argon2id compute (64 KiB memory)
+    R->>R: Write 32-byte output to WASM linear memory
+    WB->>JS: Return Uint8Array(32)
+```
+
+### HKDF-SHA256
+
+The HKDF takes the Argon2id output and expands it into a usable key:
+
+```rust
+// Extract phase: produces a uniform PRK even if Argon2id output has bias
+let (prk, hkdf_instance) = Hkdf::<Sha256>::extract(Some(salt), &argon2_key);
+
+// Expand phase: derives the final 32-byte key
+hkdf_instance.expand(&[], &mut okm)?;
+```
+
+**Two-phase design:**
+- **Extract**: `PRK = HMAC-SHA256(salt, IKM)` — distills entropy into a fixed-length pseudorandom key
+- **Expand**: `OKM = HMAC-SHA256(PRK, info || 0x01)` — expands to desired length with domain separation
+
+The `info` parameter is empty here because the single 32-byte key is assigned to multiple roles structurally (the `Keychain` uses the same byte array for encryption, signing seed, and auth).
+
+---
+
+## 2. ChaCha20-Poly1305 (Metadata Encryption)
+
+### Why ChaCha20 over AES for metadata
+
+Metadata payloads are small (<10 KB) and structure is simple. ChaCha20-Poly1305 offers:
+- **Software-speed**: full-speed integer arithmetic, no AES-NI dependency
+- **Built-in authentication**: Poly1305 MAC prevents ciphertext tampering
+- **No padding needed**: stream cipher operates on arbitrary lengths
+- **WASM-friendly**: no platform-specific instruction set requirements
+
+### ChaCha20 Quarter-Round
+
+The core primitive is the quarter-round function, which operates on four 32-bit words:
+
+```mermaid
+flowchart TD
+    input["Input: a, b, c, d"]
+    q1["b ^= a; d += b"]
+    q2["c ^= d; b += c"]
+    q3["a ^= b; d += a"]
+    rot1["d <<= 16"]
+    q4["c ^= d; b += c"]
+    q5["a ^= b; d += a"]
+    rot2["d <<= 12"]
+    q6["c ^= d; b += c"]
+    q7["a ^= b; d += a"]
+    rot3["d <<= 8"]
+    q8["c ^= d; b += c"]
+    q9["a ^= b; d += a"]
+    rot4["d <<= 7"]
+    output["Output: a, b, c, d"]
+
+    input --> q1 --> q2 --> q3 --> rot1 --> q4 --> q5 --> rot6 --> rot2 --> q6 --> q7 --> q8 --> rot3 --> q8 --> q9 --> rot4 --> output
+```
+
+Each quarter-round mixes four state words through:
+1. **Add**: modular 32-bit addition
+2. **XOR**: bitwise exclusive-or
+3. **Rotate**: left rotation by fixed amounts (16, 12, 8, 7)
+
+### ChaCha20 Block Generation
+
+```mermaid
+flowchart TD
+    subgraph State-Initialization
+        C["Constant: 'expand 32-byte k'"]
+        K["Key: 32 bytes (8 words)"]
+        N["Nonce: 12 bytes (3 words)"]
+        Ctr["Counter: 4 bytes (1 word)"]
+    end
+
+    C --> State[4x4 matrix = 16 words = 512 bits]
+    K --> State
+    N --> State
+    Ctr --> State
+
+    State --> Sub1[10 rounds = 20 quarter-rounds]
+    Sub1 --> Add["Add original state mod 2^32"]
+    Add --> Serialize[Serialize to 64 bytes]
+    Serialize --> Keystream["Keystream block"]
+```
+
+**Structure:**
+- 4 constant words: `0x61707865, 0x3320646e, 0x79622d32, 0x6b206574` ("expand 32-byte k")
+- 8 key words
+- 1 counter word
+- 3 nonce words (96-bit / 12-byte nonce)
+
+**20 rounds** = 10 column rounds + 10 diagonal rounds of quarter-rounds. The output is added back to the initial state (Feistel-like property ensures invertibility).
+
+### Poly1305 MAC
+
+After ChaCha20 encryption, Poly1305 computes a 16-byte authentication tag:
+
+```mermaid
+flowchart LR
+    CT["Ciphertext"] --> Pad["Pad to 16-byte boundary"]
+    Pad --> FS["Feistel sum mod r"]
+    K["Poly1305 key (32 bytes): r || s"] --> FS
+    FS["Accumulate: result = (result + chunk) * r mod (2^128 - 2^64 - 1)"]
+    FS --> AddS["Add s mod 2^128"]
+    AddS --> Tag["16-byte tag"]
+```
+
+**Security guarantee:** Even if the attacker can choose messages, the probability of forging a valid tag is bounded by `(n+1)(n+2)/2^128` where `n` is the number of messages.
+
+### Encryption Flow
+
+```mermaid
+sequenceDiagram
+    participant S as Sender
+    participant R as Receiver
+
+    S->>S: Generate 12-byte random nonce
+    S->>S: ChaCha20(key, nonce) → keystream
+    S->>S: XOR plaintext with keystream → ciphertext
+    S->>S: Poly1305 MAC(ciphertext, key) → tag
+    S->>R: Send nonce || ciphertext || tag
+    R->>R: Split: nonce[12B] + ciphertext + tag[16B]
+    R->>R: ChaCha20(key, nonce) → keystream
+    R->>R: Poly1305 verify(ciphertext, key, tag)
+    R->>R: XOR ciphertext with keystream → plaintext
+```
+
+**On-the-wire format:** `Nonce (24 bytes) || ciphertext (variable) || poly1305 tag (16 bytes)`
+
+---
+
+## 3. XChaCha20-Poly1305 (Content Encryption)
+
+### Why XChaCha20-Poly1305 over AES-GCM
+
+The system uses XChaCha20-Poly1305 for both metadata and content encryption:
+
+| Property | AES-256-GCM | XChaCha20-Poly1305 |
+|---|---|---|
+| Confidentiality | Yes | Yes |
+| Integrity | Yes (16-byte auth tag) | Yes (16-byte Poly1305 tag) |
+| Padding | None needed | None needed |
+| WASM performance | AES-NI dependent | **Pure integer arithmetic** |
+| Nonce size | 12 bytes (96-bit) | **24 bytes (192-bit extended)** |
+| Collision resistance | 2^32 bound | **2^68 bound (extended nonce)** |
+
+XChaCha20-Poly1305 combines:
+- **ChaCha20 stream cipher** for confidentiality (counter-based keystream, 25-round variant)
+- **Poly1305** for authenticity (one-time polynomial MAC)
+- **Extended nonce (XNonce)**: 24-byte nonce folded via `HChaCha20` to derive subkey + 12-byte nonce
+
+### XChaCha20 Extended Nonce Folding
+
+XChaCha20 uses a 24-byte nonce instead of the standard 12-byte nonce. The extended nonce is folded into a subkey and 12-byte nonce via HChaCha20:
+
+```mermaid
+flowchart TD
+    subgraph XNonce-Folding
+        K["Key: 32 bytes"] --> HCHACHA["HChaCha20"]
+        N["Nonce: 24 bytes"] --> HCHACHA["HChaCha20"]
+        HCHACHA --> Out["Subkey: 16 bytes + Sub-nonce: 16 bytes (truncated to 12)"]
+        Out --> SubK["Subkey for ChaCha20"]
+        Out --> SubN["12-byte nonce for ChaCha20"]
+    end
+```
+
+
+### Per-Chunk Nonce Derivation
+
+Each chunk gets a unique nonce derived from a base IV plus the chunk index:
+
+```mermaid
+flowchart TD
+    BaseIV["Base IV (24 bytes)"]
+    Split["Split: first 20 bytes + last 4 bytes"]
+    First8["First 20 bytes (unchanged)"]
+    Last4["Last 4 bytes"]
+    ChunkIdx["Chunk index (u32)"]
+    XOR["XOR"]
+    ChunkIdx --> XOR
+    Last4 --> XOR
+    NewLast4["New last 4 bytes"]
+    XOR --> NewLast4
+    First8 --> Concat["Concatenate"]
+    NewLast4 --> Concat
+    Concat --> Nonce["Nonce (24 bytes)"]
+```
+
+**Algorithm:**
+```
+nonce[0..20] = base_iv[0..20]             // first 20 bytes unchanged
+nonce[20..24] = base_iv[20..24] XOR chunk_index  // last 4 bytes XOR with index
+```
+
+This ensures:
+- **Deterministic**: same chunk index always produces same nonce
+- **Unique per chunk**: different indices yield different nonces
+- **No counter state needed**: nonce is computed directly from index
+- **Safe for parallelism**: all nonces derivable independently
+
+### Chunk Encryption
+
+```mermaid
+flowchart TD
+    subgraph Encrypt-Chunk
+        P["Plaintext chunk (up to 32 KB)"]
+        K["XChaCha20 key (32 bytes)"]
+        N["Nonce (24 bytes)"]
+        K --> XCHACHA["XChaCha20-Poly1305 encrypt"]
+        N --> XCHACHA
+        P --> XCHACHA
+        XCHACHA --> CT["Ciphertext"]
+        XCHACHA --> Tag["Auth tag (16 bytes)"]
+        CT --> Concat["Concatenate"]
+        Tag --> Concat
+        Concat --> Output["chunk ciphertext || tag"]
+    end
+```
+
+**On-the-wire format per chunk:** `ciphertext (variable) || Poly1305 tag (16 bytes)`
+
+### Chunk Decryption
+
+```mermaid
+flowchart TD
+    subgraph Decrypt-Chunk
+        Input["Input: ciphertext || tag"]
+        Split["Split: ciphertext + tag[16B]"]
+        Split --> CT["Ciphertext"]
+        Split --> Tag["Auth tag (16 bytes)"]
+        K["XChaCha20 key (32 bytes)"]
+        N["Nonce (24 bytes)"]
+        K --> XCHACHA["XChaCha20-Poly1305 decrypt"]
+        N --> XCHACHA
+        CT --> XCHACHA
+        Tag --> XCHACHA
+        XCHACHA --> Verify["Verify tag"]
+        Verify -->|Valid| P["Plaintext chunk"]
+        Verify -->|Invalid| Err["Error: tampered data"]
+    end
+```
+
+### Parallel Encryption with Rayon
+
+Since each chunk uses an independent nonce (derived from chunk index), encryption order is deterministic but execution is parallel:
+
+```mermaid
+flowchart TD
+    Chunks["Chunks: [C0, C1, C2, C3, ...]"]
+    Split["Split across threads"]
+
+    subgraph Thread-0
+        T0["Encrypt C0 (nonce = base XOR 0)"]
+    end
+    subgraph Thread-1
+        T1["Encrypt C1 (nonce = base XOR 1)"]
+    end
+    subgraph Thread-2
+        T2["Encrypt C2 (nonce = base XOR 2)"]
+    end
+    subgraph Thread-3
+        T3["Encrypt C3 (nonce = base XOR 3)"]
+    end
+
+    Chunks --> Split
+    Split --> T0
+    Split --> T1
+    Split --> T2
+    Split --> T3
+
+    T0 --> Gather["Gather (preserve order)"]
+    T1 --> Gather
+    T2 --> Gather
+    T3 --> Gather
+    Gather --> Output["Encrypted chunks"]
+```
+
+Rayon's `par_iter().enumerate().map()` distributes chunks across threads. The enumeration ensures output order matches input order regardless of thread scheduling.
+
+
+---
+
+## 4. Ed25519 Signatures
+
+### Curve: Curve25519
+
+Ed25519 uses the twisted Edwards curve:
+```
+-x^2 + y^2 = 1 + d·x^2·y^2
+```
+where `d = -(121665/121666)` in the field GF(2^255 - 19).
+
+### Key Generation
+
+```mermaid
+flowchart TD
+    Seed["Seed (32 bytes)"] --> SHA512["SHA-512 hash"]
+    SHA512 --> Split["Split output"]
+    Split --> H0["Lower 32 bytes: modified → scalar s"]
+    Split --> H1["Upper 32 bytes: used for preprocessing"]
+
+    H0 --> Clamp["Clamp: clear bits 0,1,7; set bit 254"]
+    Clamp --> Mul["s · B (scalar multiplication)"]
+    B["Base point B"] --> Mul
+    Mul --> Pub["Public key: 32 bytes (compressed y)"]
+
+    H1 --> Pre["Precomputed table for fast signing"]
+```
+
+**Clamping** ensures the scalar is in the correct subgroup and resistant to small-subgroup attacks:
+- Bits 0, 1, 3 of first byte → cleared (ensures high cofactor)
+- Bit 7 of first byte → cleared
+- Bit 6 of last byte → set (ensures point is on prime-order subgroup)
+
+### Signing
+
+```mermaid
+flowchart TD
+    Msg["Message"] --> H1["SHA-512"]
+    SK["Secret key (32 bytes)"] --> H1
+    H1 --> Split["Split: r_bytes || ..."]
+    Split --> RScalar["r = int(r_bytes) mod L"]
+    RScalar --> RPoint["R = r · B"]
+    RPoint --> REncoded["Encode R: 32 bytes"]
+
+    Msg --> H2["SHA-512"]
+    REncoded --> H2["hash(R || public_key || message)"]
+    PubK["Public key"] --> H2
+
+    H2 --> SScalar["S = (r + k) mod L"]
+    SK --> SScalar["k = secret scalar"]
+    REncoded --> Combine["Combine: R || S"]
+    SScalar --> SInt["Encode S: 64 bytes little-endian"]
+    SInt --> Combine
+    Combine --> Sig["Signature: 64 bytes"]
+```
+
+### Verification
+
+```mermaid
+flowchart TD
+    Sig["Signature: R || S"] --> Split["Extract R, S"]
+    PubK["Public key"] --> H2["SHA-512"]
+    Msg["Message"] --> H2["hash(R || public_key || message)"]
+    H2 --> KPrime["k' = int(hash) mod L"]
+
+    Split --> SCheck["S · B ?= R + k' · A"]
+    SCheck --> RDec["Decode R from signature"]
+    KPrime --> AMul["k' · A (public key point)"]
+    SMul["S · B (base point)"]
+
+    SMul --> Add["Point addition"]
+    AMul --> Add
+    RDec --> Cmp["Constant-time compare"]
+    Add --> Cmp
+    Cmp --> Result["Valid / Invalid"]
+```
+
+**Constant-time comparison** prevents timing attacks that could distinguish valid from invalid signatures based on which byte differs first.
+
+---
+
+## 5. WASM Binding Layer
+
+### Architecture
+
+The Rust crypto library is compiled to WebAssembly and exposed to JavaScript via `wasm-bindgen`. The frontend imports these bindings through a TypeScript wrapper.
+
+```mermaid
+graph TD
+    subgraph Rust
+        SC[send_crypto.rs]
+        Seven[seven.rs]
+    end
+
+    subgraph WASM-Bindings
+        SCW[send_crypto WASM]
+        SevenW[seven WASM]
+    end
+
+    subgraph TypeScript
+        CW[chithi_wasm.ts]
+        Enc[encryption.ts]
+        Str[streams.ts]
+    end
+
+    subgraph Workers
+        EW[encrypt.worker.ts]
+        DW[decrypt.worker.ts]
+        SH[shared.ts]
+    end
+
+    SC --> SCW
+    Seven --> SevenW
+    SCW --> CW
+    SevenW --> CW
+    CW --> SH
+    SH --> EW
+    SH --> DW
+    CW --> Enc
+    CW --> Str
+```
+
+### WASM Function Exports
+
+The `wasm_binding` crate exports these crypto functions to JavaScript:
+
+| WASM Function | TypeScript Name | Purpose |
+|---|---|---|
+| `wasm_encrypt_chunk` | `wasmEncryptChunk` | XChaCha20-Poly1305 encrypt single chunk |
+| `wasm_decrypt_chunk` | `wasmDecryptChunk` | XChaCha20-Poly1305 decrypt single chunk |
+| `wasm_get_chunk_nonce` | `wasmGetChunkNonce` | Derive nonce from base IV + chunk index |
+| `wasm_encrypt_record` | — | XChaCha20-Poly1305 encrypt record |
+| `wasm_decrypt_record` | — | XChaCha20-Poly1305 decrypt record |
+| `wasm_derive_key` | `wasmDeriveKey` | Argon2id key derivation |
+| `wasm_generate_secret` | — | Generate random 32-byte secret |
+| `WasmKeychain` | `WasmKeychain` | Keychain class with metadata/signing ops |
+
+### WASM Initialization Flow
+
+```mermaid
+sequenceDiagram
+    participant App as App Startup
+    participant CW as chithi_wasm.ts
+    participant WB as wasm-bindgen
+    participant WASM as WASM Module
+
+    App->>CW: ensureInitialized()
+    CW->>WB: init()
+    WB->>WASM: Download .wasm binary
+    WASM->>WASM: Instantiate
+    WB->>CW: Ready
+    CW->>CW: Set initialized = true
+    CW-->>App: Promise resolves
+```
+
+The `ensureInitialized()` function is idempotent — multiple callers share a single init promise, avoiding redundant WASM downloads.
+
+### Memory Management
+
+```mermaid
+flowchart TD
+    subgraph WASM-Linear-Memory
+        Input["Input buffers: copied on call"]
+        Output["Output buffers: allocated in WASM"]
+        GC["Returned to JS as Uint8Array"]
+    end
+
+    Input --> Func["wasm_encrypt_chunk / wasm_decrypt_chunk"]
+    Func --> Output
+    Output --> GC
+    GC --> JSFree["JavaScript GC reclaims on next cycle"]
+```
+
+WASM functions return new `Uint8Array` instances. The underlying WASM linear memory is copied to JS heap and the WASM allocation is freed automatically by `wasm-bindgen`.
+
+---
+
+## 6. Frontend Streaming Architecture
+
+### Overview
+
+The frontend encrypts/decrypts data as a streaming TransformStream, splitting input into 64 KB chunks and dispatching them to a worker pool for parallel processing.
+
+```mermaid
+flowchart LR
+    subgraph Upload
+        Input[ReadableStream<Uint8Array>]
+        TS[TransformStream]
+        Output[Encrypted ReadableStream]
+    end
+
+    Input --> TS
+    TS --> Output
+
+    subgraph TransformStream
+        Split[Split into 64 KB chunks]
+        Pool[Worker Pool]
+        Order[Collect in order]
+    end
+
+    Split --> Pool
+    Pool --> Order
+```
+
+### Worker Pool
+
+```mermaid
+flowchart TD
+    subgraph Main-Thread
+        Dispatch["Round-robin dispatch"]
+        Collect["Ordered collection"]
+    end
+
+    subgraph Worker-0
+        W0["wasmEncryptChunk"]
+    end
+    subgraph Worker-1
+        W1["wasmEncryptChunk"]
+    end
+    subgraph Worker-2
+        W2["wasmEncryptChunk"]
+    end
+    subgraph Worker-N
+        WN["wasmEncryptChunk"]
+    end
+
+    Dispatch -->|"chunk 0"| W0
+    Dispatch -->|"chunk 1"| W1
+    Dispatch -->|"chunk 2"| W2
+    Dispatch -->|"chunk 3"| WN
+    Dispatch -->|"chunk 4"| W0
+    Dispatch -->|"chunk 5"| W1
+
+    W0 --> Collect
+    W1 --> Collect
+    W2 --> Collect
+    WN --> Collect
+```
+
+Each worker:
+1. Receives an `init` message with raw key bytes and base IV
+2. Initializes WASM independently
+3. Processes chunks via `wasmEncryptChunk(chunk, key, nonce)`
+4. Returns result with chunk index for ordering
+
+### Fallback Path
+
+If all workers fail to initialize, the main thread falls back to synchronous WASM calls:
+
+```mermaid
+flowchart TD
+    subgraph Main-Thread-Fallback
+        Check["Workers available?"]
+        Check -->|Yes| Pool["Dispatch to worker pool"]
+        Check -->|No| Direct["Direct wasmEncryptChunk call"]
+        Pool --> Collect["Collect results"]
+        Direct --> Collect
+    end
+```
+
+### Key Derivation in Frontend
+
+```mermaid
+flowchart TD
+    subgraph deriveSecrets
+        IKM["IKM (32 bytes)"]
+        Password["Optional password"]
+        XOR["XOR with password-derived bytes"]
+        Argon2["argon2DeriveWasm"]
+        SHA256_1["SHA-256(IKM + 'encryption-key')"]
+        SHA256_2["SHA-256(IKM + HKDF_IV_STR)"]
+        HKDFSalt["HKDF salt (16 bytes)"]
+        BaseIV["Base IV (24 bytes)"]
+        KeyRaw["Raw key (32 bytes)"]
+    end
+
+    IKM --> Argon2
+    Password -->|If set| XOR
+    XOR --> SHA256_1
+    SHA256_1 --> HKDFSalt
+    SHA256_2 --> BaseIV
+    IKM --> KeyRaw
+    HKDFSalt --> KeyRaw
+```
+
+The frontend derives:
+- **`keyRaw`**: 32-byte encryption key via `deriveEncryptionKey(finalIKM, hkdfSalt)`
+- **`baseIv`**: 12-byte base IV via SHA-256 of IKM + constant string
+- **Password integration**: if password is set, IKM is XORed with Argon2-derived bytes before key/IV derivation
+
+### Chunk Sizing
+
+| Constant | Value | Purpose |
+|---|---|---|
+| `CHUNK_SIZE` | 32,768 bytes (32 KB) | Optimal for Poly1305 tag overhead vs parallelism |
+| Poly1305 Tag | 16 bytes | Auth tag appended to each chunk |
+| Worker concurrency | Configurable | Default from `WORKER_CONCURRENCY` constant |
+
+---
+
+## 7. Complete Upload/Download Flow
+
+### Upload
+
+```mermaid
+sequenceDiagram
+    autonumber
+    participant U as User
+    participant C as Client
+    participant S as Server
+
+    U->>C: Select files + optional password
+    C->>C: Generate random IKM (32 bytes)
+    alt Password provided
+        C->>C: XOR IKM with Argon2-derived password bytes
+    end
+    C->>C: deriveSecrets(IKM) → { keyRaw, baseIv }
+    C->>C: ensureInitialized() — load WASM
+    C->>C: Compress files → 7z archive stream
+    C->>C: Split stream into 64 KB chunks
+    C->>C: Worker pool: wasmEncryptChunk(chunk, keyRaw, getChunkNonce(baseIv, idx))
+    C->>C: Collect encrypted chunks in order
+    C->>S: Upload encrypted stream
+    S->>S: Store ciphertext (no decryption possible)
+    S->>C: Return upload ID
+    C->>U: Share URL: https://host/download/{id}#{base64url(IKM)}
+```
+
+### Download
+
+```mermaid
+sequenceDiagram
+    autonumber
+    participant D as Downloader
+    participant C as Client
+    participant S as Server
+
+    D->>C: Open URL with #fragment secret
+    C->>C: Extract upload ID + IKM from URL
+    C->>S: Fetch encrypted data by ID
+    S->>C: Return encrypted stream
+    C->>C: deriveSecrets(IKM) → { keyRaw, baseIv }
+    C->>C: Worker pool: wasmDecryptChunk(chunk, keyRaw, getChunkNonce(baseIv, idx))
+    C->>C: Collect decrypted chunks in order
+    C->>C: Reassemble 7z archive
+    C->>C: Decompress 7z archive
+    C->>D: Present decrypted files
+```
+
+### Key Distribution
+
+The secret travels only in the URL fragment (`#`), which browsers **never send to the server**:
+
+```
+https://example.com/download/abc123#base64url_ikm
+     ^-- server sees this              ^-- only client sees this
+```
+
+---
+
+## 8. Threat Model
+
+```mermaid
+flowchart TD
+    subgraph Trusted
+        U["User / Client"]
+        Crypto["Crypto libraries (Rust/WASM)"]
+    end
+
+    subgraph Untrusted
+        S["Server"]
+        Net["Network"]
+    end
+
+    U -->|Ciphertext only| S
+    U -->|Ciphertext only| Net
+    S -->|Ciphertext only| Net
+    Net -->|Ciphertext only| U
+
+    style S fill:#f99
+    style Net fill:#f99
+    style U fill:#9f9
+    style Crypto fill:#9f9
+```
+
+| Threat | Mitigation |
+|---|---|
+| Server compromise | Server only holds ciphertext; secrets never transmitted to server |
+| Network eavesdropping | All data encrypted in transit; keys derived client-side |
+| Metadata leakage | Metadata encrypted with ChaCha20-Poly1305 (filenames, sizes) |
+| Replay attacks | Per-upload random salts, nonces, IVs ensure unique ciphertexts |
+| Tampering | **XChaCha20-Poly1305 auth tag per chunk**; Ed25519 signatures on payload; Poly1305 MAC on metadata |
+| Brute-force password | Argon2id with 64 KiB memory cost + 8 iterations slows guessing |
+| Side-channel (WASM) | XChaCha20 uses constant-time integer arithmetic |
+| Chunk reordering | Poly1305 tag verification rejects any modified chunk; ordered collection ensures correct reassembly |
+
+---
+
+## 9. Parameter Summary
+
+```mermaid
+erdiagram
+    PARAMETERS {
+        "KEY_DERIVATION_MEMORY" : u32 "64 * 1024"
+        "KEY_DERIVATION_ITERATIONS" : u32 "8"
+        "KEY_DERIVATION_PARALLELISM" : u32 "1"
+        "KEY_DERIVATION_LENGTH" : usize "32"
+        "CHUNK_SIZE : usize "32768 (32 KB)" (64 KB)"
+        "POLY1305_TAG_LENGTH" : usize "16"
+        "NONCE_LENGTH : usize "24""
+        "SALT_LENGTH" : usize "32"
+        "SIGNING_KEY_LENGTH" : usize "32"
+        "AUTH_KEY_LENGTH" : usize "32"
+        "MAX_CONTENT_LENGTH" : usize "100 MB"
+        "MAX_FILE_COUNT" : usize "100"
+        "MAX_METADATA_LENGTH" : usize "10 KB"
+    }
+```
+
+---
+
+## 10. Data Structures
+
+### Keychain
+
+```mermaid
+classDiagram
+    class Keychain {
+        -ikm: [u8; 32]
+        -salt: [u8; 32]
+        -secret: [u8; 32]
+        -signing_key: SigningKey
+        -auth_key: [u8; 32]
+        +new() Keychain
+        +from_password(password: str) Keychain
+        +generate_secret() String
+        +encrypt_metadata(metadata: str) Vec~u8~
+        +decrypt_metadata(data: Vec~u8~) String
+        +sign(data: Vec~u8~) Vec~u8~
+        +verify(data: Vec~u8~, signature: Vec~u8~) bool
+        +set_password(password: str) void
+        +export_auth_key() Vec~u8~
+        +salt() Vec~u8~
+        +ikm() Vec~u8~
+    }
+    class Metadata {
+        +filesize: u64
+        +filename: String
+        +filetype: String
+    }
+    Keychain --> Metadata : "encrypts/decrypts"
+```
+
+### Encrypted Chunk Format (XChaCha20-Poly1305)
+
+```
+┌─────────────────────────────────────────────────────────────┐
+│ Ciphertext (variable, no padding needed)                    │
+├─────────────────────────────────────────────────────────────┤
+│ Poly1305 Auth Tag (16 bytes)                                     │
+└─────────────────────────────────────────────────────────────┘
+```
+
+Total per chunk: `plaintext_length + 16` bytes (Poly1305 tag only, no padding)
+
+### Encrypted Metadata Format
+
+```
+┌─────────────────────────────────────────────────────────────┐
+│ Nonce (24 bytes)                                            │
+├─────────────────────────────────────────────────────────────┤
+│ ChaCha20-Poly1305 ciphertext (variable)                     │
+├─────────────────────────────────────────────────────────────┤
+│ Poly1305 tag (16 bytes)                                     │
+└─────────────────────────────────────────────────────────────┘
+```
+
+---
+
+## 11. Crate Dependencies
+
+```mermaid
+graph TD
+    subgraph Workspace
+        Core[chithi-core]
+        WASM[chithi-core-wasm]
+        Py[chithi-core-py]
+    end
+
+    subgraph Crypto
+        Argon2[argon2 0.5]
+        HKDF[hkdf 0.12]
+        SHA2[sha2 0.10]
+        ChaCha[chacha20poly1305 0.10]
+        Ed25519[ed25519-dalek 2]
+    end
+
+    subgraph Util
+        Base64[base64 0.22]
+        Rand[rand 0.8]
+        Cipher[cipher 0.4]
+        Rayon[rayon 1.10]
+    end
+
+    subgraph WASM-Toolchain
+        WB[wasm-bindgen 0.2]
+        JS[js-sys 0.3]
+        GetR[getrandom 0.2]
+    end
+
+    Core --> Argon2
+    Core --> HKDF
+    Core --> SHA2
+    Core --> ChaCha
+    Core --> Ed25519
+    Core --> Base64
+    Core --> Rand
+    Core --> Cipher
+    Core --> Rayon
+
+    WASM --> Core
+    WASM --> WB
+    WASM --> JS
+    WASM --> GetR
+
+    Py --> Core
+    Py --> PyO3[pyo3 0.22]
+```
+
+---
+
+## 12. Cross-Platform Consistency
+
+### Unified Crypto Path
+
+All platforms — Rust native, Python bindings, and WASM — use the **same Rust crypto code**. The frontend worker pool calls WASM functions that are thin wrappers around the same `encrypt_chunk`/`decrypt_chunk` functions used by the Rust core and Python bindings.
+
+```mermaid
+flowchart TD
+    subgraph Single-Source-of-Truth
+        SC[send_crypto.rs]
+    end
+
+    SC -->|Compile| Rust["Rust native binary"]
+    SC -->|wasm-bindgen| WASM["WASM module"]
+    SC -->|pyo3| Py["Python extension"]
+
+    Rust -->|encrypt_chunk| RResult["Identical output"]
+    WASM -->|wasm_encrypt_chunk| WResult["Identical output"]
+    Py -->|encrypt_chunk| PResult["Identical output"]
+```
+
+### Verification
+
+Data encrypted on any platform can be decrypted on any other:
+- **Frontend encrypts** → Rust/Python decrypts
+- **Python encrypts** → Frontend decrypts
+- **Rust encrypts** → Frontend/Python decrypts
+
+This is guaranteed because:
+1. Same XChaCha20-Poly1305 implementation
+2. Same nonce derivation (`get_chunk_nonce`)
+3. Same key derivation (`argon2DeriveWasm` / `argon2_derive`)
+4. Same chunk size (64 KB)
+
+---
+
+## 13. Performance Considerations
+
+### XChaCha20-Poly1305 in WASM
+
+| Factor | XChaCha20-Poly1305 |
+|---|---|---|
+| WASM performance | Pure integer arithmetic |
+| Auth tag | 16 bytes (built-in) | 16 bytes (built-in) |
+| Padding | None | None |
+| Parallelism | Per-chunk (nonce from index) | Per-chunk (unique nonce) |
+
+XChaCha20-Poly1305 is used for content encryption because:
+- XChaCha20 uses pure integer arithmetic, optimal in WASM
+- Poly1305 tag provides authenticated encryption integrity
+- No padding means slightly less overhead per chunk
+
+### Worker Pool Sizing
+
+The `WORKER_CONCURRENCY` constant controls parallelism:
+
+```mermaid
+flowchart LR
+    subgraph Optimal-Sizing
+        CPU["CPU cores"] --> Min["min(cores, WORKER_CONCURRENCY)"]
+        Min --> Workers["Active workers"]
+    end
+```
+
+Typical values:
+- **Desktop**: 4-8 workers (matches CPU cores)
+- **Mobile**: 2-4 workers (battery-conscious)
+- **WASM Rayon**: inherits from `init_rayon()` call
+
+### Memory Usage
+
+```mermaid
+flowchart TD
+    subgraph Per-Worker
+        WASM["WASM module (~200 KB)"]
+        Key["Key bytes (32 B)"]
+        BaseIV["Base IV (12 B)"]
+        Chunk["Chunk buffer (64 KB)"]
+    end
+    Workers["N workers"]
+    Workers --> WASM
+    Workers --> Key
+    Workers --> BaseIV
+    Workers --> Chunk
+```
+
+Total memory per worker: ~64 KB (chunk) + ~200 KB (WASM) = ~264 KB. With 8 workers: ~2 MB total.
+
+---
+
+## 14. Testing Strategy
+
+### Rust Unit Tests
+
+```mermaid
+graph TD
+    subgraph send_crypto.rs
+        T1[test_get_chunk_nonce]
+        T2[test_encrypt_decrypt_chunk_xchacha]
+        T3[test_encrypt_decrypt_chunk_empty]
+        T4[test_encrypt_decrypt_chunks_parallel]
+        T5[test_encrypt_decrypt_record]
+        T6[test_encrypt_decrypt_all]
+        T7[test_pad_unpad]
+        T8[test_keychain_new]
+        T9[test_derive_key]
+        T10[test_sign_verify]
+        T11[test_keychain_from_password]
+        T12[test_encrypt_decrypt_metadata]
+    end
+```
+
+### Frontend Tests
+
+| Test Suite | Scope | Environment |
+|---|---|---|
+| `encryption.client.test.ts` | Argon2id key derivation | Browser (Playwright) |
+| `streams.client.test.ts` | ZIP + stream encryption roundtrip | Browser (Playwright) |
+| `encryption.test.ts` | Key derivation, base64 encoding | Node.js (server) |
+| `streams.test.ts` | Stream creation, multipart | Node.js (server) |
+| `chithi_core.client.test.ts` | WASM Argon2 + 7z roundtrip | Browser (Playwright) |
+
+### Cross-Validation
+
+Data encrypted by the frontend must be decryptable by the Rust core and Python bindings, verified through integration tests that:
+1. Generate random data in Rust
+2. Encrypt via WASM from JavaScript
+3. Decrypt via Rust core
+4. Verify plaintext matches
diff --git a/crates/.gitignore b/crates/.gitignore
new file mode 100644
index 00000000..aee0f3ce
--- /dev/null
+++ b/crates/.gitignore
@@ -0,0 +1,6 @@
+# Build artifacts
+target/
+*.wasm
+*.so
+*.dylib
+*.dll
diff --git a/crates/chithi-core/Cargo.toml b/crates/chithi-core/Cargo.toml
new file mode 100644
index 00000000..3c35682d
--- /dev/null
+++ b/crates/chithi-core/Cargo.toml
@@ -0,0 +1,22 @@
+[package]
+name = "chithi-core"
+version.workspace = true
+edition.workspace = true
+
+[dependencies]
+sevenz-rust2 = { workspace = true }
+wasm_thread = { workspace = true, optional = true }
+argon2 = { workspace = true }
+sha2 = { workspace = true }
+ed25519 = { workspace = true }
+hkdf = { workspace = true }
+rand = { workspace = true }
+base64 = { workspace = true }
+chacha20poly1305 = { workspace = true }
+ed25519-dalek = { workspace = true }
+serde = { workspace = true }
+serde_json = { workspace = true }
+
+[features]
+default = ["parallel"]
+parallel = ["dep:wasm_thread"]
diff --git a/crates/chithi-core/src/chithi_cryto.rs b/crates/chithi-core/src/chithi_cryto.rs
new file mode 100644
index 00000000..00ff06e7
--- /dev/null
+++ b/crates/chithi-core/src/chithi_cryto.rs
@@ -0,0 +1,749 @@
+use chacha20poly1305::aead::{Aead, KeyInit};
+use base64::{Engine, engine::general_purpose::STANDARD as B64};
+use ed25519_dalek::{Signer, SigningKey, Verifier};
+use rand::rngs::OsRng;
+use rand::RngCore;
+use serde::{Deserialize, Serialize};
+use std::sync::atomic::{AtomicUsize, Ordering};
+use std::sync::{Arc, Mutex};
+
+/// Thread-safe progress callback that only fires when subscribed.
+/// Zero overhead when no listener registered.
+pub struct ProgressCallback {
+    /// Total bytes to process (used to compute percentage)
+    total: usize,
+    /// Atomic counter of bytes processed so far
+    processed: AtomicUsize,
+    /// Optional callback function — only called when Some
+    callback: Mutex<Option<Box<dyn FnMut(usize, usize) + Send>>>,
+}
+
+impl ProgressCallback {
+    /// Create with a callback — events will fire.
+    pub fn new<F>(total: usize, callback: F) -> Self
+    where
+        F: FnMut(usize, usize) + Send + 'static,
+    {
+        Self {
+            total,
+            processed: AtomicUsize::new(0),
+            callback: Mutex::new(Some(Box::new(callback))),
+        }
+    }
+
+    /// Create without a callback — zero overhead, no events fire.
+    pub fn noop(total: usize) -> Self {
+        Self {
+            total,
+            processed: AtomicUsize::new(0),
+            callback: Mutex::new(None),
+        }
+    }
+
+    /// Whether a listener is subscribed.
+    #[inline]
+    pub fn has_listener(&self) -> bool {
+        self.callback.lock().unwrap().is_some()
+    }
+
+    /// Report that `bytes` more data has been processed. Fires the callback.
+    #[inline]
+    pub fn report(&self, bytes: usize) {
+        let new_total = self.processed.fetch_add(bytes, Ordering::Relaxed) + bytes;
+        let clamped = if new_total > self.total {
+            self.total
+        } else {
+            new_total
+        };
+        if let Some(ref mut cb) = *self.callback.lock().unwrap() {
+            cb(clamped, self.total);
+        }
+    }
+
+    /// Get current processed bytes (thread-safe snapshot).
+    #[inline]
+    pub fn processed(&self) -> usize {
+        self.processed.load(Ordering::Relaxed)
+    }
+
+    #[inline]
+    pub fn total(&self) -> usize {
+        self.total
+    }
+}
+
+/// Clone the Arc wrapper for sharing across parallel threads.
+pub type Progress = Option<Arc<ProgressCallback>>;
+
+// XChaCha20-Poly1305 is the only record format. Wire: nonce[24] || ciphertext[N+16_tag]
+
+// Constants matching Firefox Send
+pub const MAX_CONTENT_LENGTH: usize = 100 * 1024 * 1024;
+pub const MAX_FILE_COUNT: usize = 100;
+pub const MAX_METADATA_LENGTH: usize = 10 * 1024;
+pub const MAX_EXPIRY_LENGTH: usize = 10;
+pub const MAX_PASSWORD_LENGTH: usize = 100;
+pub const MAX_DOWNLOADED_LENGTH: usize = 10;
+pub const MAX_VISITS_LENGTH: usize = 10;
+pub const KEY_DERIVATION_ITERATIONS: u32 = 8;
+pub const KEY_DERIVATION_MEMORY: u32 = 64 * 1024;
+pub const KEY_DERIVATION_PARALLELISM: u32 = 1;
+pub const KEY_DERIVATION_LENGTH: usize = 32;
+pub const NONCE_LENGTH: usize = 24;
+pub const PAD_LIMIT: usize = 128;
+pub const SALT_LENGTH: usize = 32;
+pub const SIGNING_KEY_LENGTH: usize = 32;
+pub const AUTH_KEY_LENGTH: usize = 32;
+pub const PADDING: u8 = 0x9;
+pub const CHUNK_SIZE: usize = 32 * 1024;
+
+fn make_signing_key(seed: &[u8; 32]) -> SigningKey {
+    let sk: ed25519_dalek::SecretKey = unsafe { core::mem::transmute_copy(seed) };
+    SigningKey::from_bytes(&sk)
+}
+
+/// Key derivation using Argon2id followed by HKDF-SHA256
+pub fn derive_key(password: &[u8], salt: &[u8]) -> Result<[u8; 32], String> {
+    let mut argon2_key = [0u8; 32];
+    argon2::Argon2::new(
+        argon2::Algorithm::Argon2id,
+        argon2::Version::V0x13,
+        argon2::Params::new(
+            KEY_DERIVATION_MEMORY,
+            KEY_DERIVATION_ITERATIONS,
+            KEY_DERIVATION_PARALLELISM,
+            Some(KEY_DERIVATION_LENGTH),
+        ).map_err(|e| format!("Invalid argon2 params: {e}"))?,
+    ).hash_password_into(password, salt, &mut argon2_key)
+        .map_err(|e| format!("Argon2 error: {e}"))?;
+
+    let (_prk, hkdf_instance) = hkdf::Hkdf::<sha2::Sha256>::extract(Some(salt), &argon2_key);
+    let mut okm = [0u8; 32];
+    hkdf_instance
+        .expand(&[], &mut okm)
+        .map_err(|_| "HKDF expand error".to_string())?;
+    Ok(okm)
+}
+
+/// Metadata structure for encrypted uploads
+#[derive(Debug, Clone)]
+pub struct Metadata {
+    pub filesize: u64,
+    pub filename: String,
+    pub filetype: String,
+}
+
+/// Core keychain that holds all crypto material
+pub struct Keychain {
+    ikm: [u8; 32],
+    salt: [u8; SALT_LENGTH],
+    secret: [u8; 32],
+    signing_key: SigningKey,
+    auth_key: [u8; AUTH_KEY_LENGTH],
+}
+
+impl Keychain {
+    pub fn new() -> Self {
+        let mut ikm = [0u8; 32];
+        let mut salt = [0u8; SALT_LENGTH];
+        OsRng.fill_bytes(&mut ikm);
+        OsRng.fill_bytes(&mut salt);
+        Self::from_raw(&ikm, &salt)
+    }
+
+    pub fn from_password(password: &str) -> Result<Self, String> {
+        let mut salt = [0u8; SALT_LENGTH];
+        OsRng.fill_bytes(&mut salt);
+        let derived = derive_key(password.as_bytes(), &salt)?;
+        let signing_key = make_signing_key(&derived);
+        Ok(Self {
+            ikm: derived,
+            salt,
+            secret: derived,
+            signing_key,
+            auth_key: derived,
+        })
+    }
+
+    fn from_raw(ikm: &[u8; 32], salt: &[u8; SALT_LENGTH]) -> Self {
+        let derived = derive_key(ikm, salt).unwrap_or([0u8; 32]);
+        let signing_key = make_signing_key(&derived);
+
+        Self {
+            ikm: *ikm,
+            salt: *salt,
+            secret: derived,
+            signing_key,
+            auth_key: derived,
+        }
+    }
+
+    pub fn generate_secret(&self) -> String {
+        let mut secret_bytes = [0u8; 32];
+        OsRng.fill_bytes(&mut secret_bytes);
+        B64.encode(secret_bytes)
+    }
+
+    pub fn encrypt_metadata(&self, metadata: &str) -> Result<Vec<u8>, String> {
+        use chacha20poly1305::aead::{Aead, KeyInit};
+        let cs = chacha20poly1305::XChaCha20Poly1305::new(&self.secret.into());
+        let mut nonce_bytes = [0u8; NONCE_LENGTH];
+        OsRng.fill_bytes(&mut nonce_bytes);
+        let nonce = chacha20poly1305::XNonce::from_slice(&nonce_bytes);
+
+        let ciphertext = cs
+            .encrypt(nonce, metadata.as_bytes())
+            .map_err(|e| format!("Encryption failed: {e}"))?;
+
+        let mut result = Vec::with_capacity(NONCE_LENGTH + ciphertext.len());
+        result.extend_from_slice(&nonce_bytes);
+        result.extend_from_slice(&ciphertext);
+        Ok(result)
+    }
+
+    pub fn decrypt_metadata(&self, data: &[u8]) -> Result<String, String> {
+        if data.len() < NONCE_LENGTH {
+            return Err("Data too short for decryption".to_string());
+        }
+
+        let nonce_bytes = &data[..NONCE_LENGTH];
+        let ciphertext = &data[NONCE_LENGTH..];
+
+        use chacha20poly1305::aead::{Aead, KeyInit};
+        let cs = chacha20poly1305::XChaCha20Poly1305::new(&self.secret.into());
+        let nonce = chacha20poly1305::XNonce::from_slice(nonce_bytes);
+
+        let plaintext = cs
+            .decrypt(nonce, ciphertext)
+            .map_err(|e| format!("Decryption failed: {e}"))?;
+
+        String::from_utf8(plaintext)
+            .map_err(|e| format!("Invalid UTF-8 in decrypted data: {e}"))
+    }
+
+    pub fn sign(&self, data: &[u8]) -> Vec<u8> {
+        self.signing_key.sign(data).to_vec()
+    }
+
+    pub fn verify(&self, data: &[u8], signature: &[u8]) -> bool {
+        let vk = self.signing_key.verifying_key();
+        let sig = match ed25519_dalek::Signature::from_slice(signature) {
+            Ok(s) => s,
+            Err(_) => return false,
+        };
+        vk.verify(data, &sig).is_ok()
+    }
+
+    pub fn set_password(&mut self, password: &str) -> Result<(), String> {
+        let mut salt = [0u8; SALT_LENGTH];
+        OsRng.fill_bytes(&mut salt);
+        let derived = derive_key(password.as_bytes(), &salt)?;
+        self.secret = derived;
+        self.salt = salt;
+        self.signing_key = make_signing_key(&derived);
+        self.auth_key = derived;
+        Ok(())
+    }
+
+    pub fn export_auth_key(&self) -> [u8; AUTH_KEY_LENGTH] {
+        self.auth_key
+    }
+
+    pub fn salt(&self) -> [u8; SALT_LENGTH] {
+        self.salt
+    }
+
+    pub fn ikm(&self) -> [u8; 32] {
+        self.ikm
+    }
+}
+
+/// Generate per-chunk nonce: base_iv with last 4 bytes XORed with chunk_index.
+pub fn get_chunk_nonce(base_iv: &[u8; 24], chunk_index: u32) -> [u8; 24] {
+    let mut nonce = *base_iv;
+    let idx = u32::from_be_bytes([nonce[20], nonce[21], nonce[22], nonce[23]]) ^ chunk_index;
+    nonce[20..24].copy_from_slice(&idx.to_be_bytes());
+    nonce
+}
+
+/// Encrypt a single chunk using XChaCha20-Poly1305 with explicit 24-byte nonce.
+pub fn encrypt_chunk(data: &[u8], key: &[u8; 32], nonce: &[u8; 24]) -> Result<Vec<u8>, String> {
+    let cipher = chacha20poly1305::XChaCha20Poly1305::new_from_slice(key)
+        .map_err(|_| "Invalid key length")?;
+    let xnonce = chacha20poly1305::XNonce::from_slice(nonce);
+    cipher.encrypt(xnonce, data)
+        .map_err(|e| format!("XChaCha20 encryption failed: {e}"))
+}
+
+/// Decrypt a single chunk using XChaCha20-Poly1305 with explicit 24-byte nonce.
+pub fn decrypt_chunk(data: &[u8], key: &[u8; 32], nonce: &[u8; 24]) -> Result<Vec<u8>, String> {
+    let cipher = chacha20poly1305::XChaCha20Poly1305::new_from_slice(key)
+        .map_err(|_| "Invalid key length")?;
+    let xnonce = chacha20poly1305::XNonce::from_slice(nonce);
+    cipher.decrypt(xnonce, data)
+        .map_err(|e| format!("XChaCha20 decryption failed: {e}"))
+}
+
+// --- Parallel chunk encryption (wasm_thread) ---
+
+/// Encrypt chunks in parallel, reporting progress when subscribed.
+#[cfg(feature = "parallel")]
+pub fn encrypt_chunks_parallel(
+    chunks: &[Vec<u8>],
+    key: &[u8; 32],
+    base_iv: &[u8; 24],
+    progress: Progress,
+) -> Result<Vec<Vec<u8>>, String> {
+    let key = *key;
+    let base_iv = *base_iv;
+    let chunks_owned: Vec<Vec<u8>> = chunks.to_vec();
+    wasm_thread::scope(|s| {
+        let handles: Vec<_> = chunks_owned
+            .into_iter()
+            .enumerate()
+            .map(|(i, chunk)| {
+                let prog = progress.clone();
+                s.spawn(move || {
+                    let result = encrypt_chunk(&chunk, &key, &get_chunk_nonce(&base_iv, i as u32));
+                    if let Some(ref prog) = prog { prog.report(chunk.len()); }
+                    result
+                })
+            })
+            .collect();
+        handles.into_iter().map(|h| h.join().unwrap_or_else(|e| panic!("{:?}", e))).collect()
+    })
+}
+
+/// Decrypt chunks in parallel, reporting progress when subscribed.
+#[cfg(feature = "parallel")]
+pub fn decrypt_chunks_parallel(
+    chunks: &[Vec<u8>],
+    key: &[u8; 32],
+    base_iv: &[u8; 24],
+    progress: Progress,
+) -> Result<Vec<Vec<u8>>, String> {
+    let key = *key;
+    let base_iv = *base_iv;
+    let chunks_owned: Vec<Vec<u8>> = chunks.to_vec();
+    wasm_thread::scope(|s| {
+        let handles: Vec<_> = chunks_owned
+            .into_iter()
+            .enumerate()
+            .map(|(i, chunk)| {
+                let prog = progress.clone();
+                s.spawn(move || {
+                    let plaintext_len = if chunk.len() > 16 { chunk.len() - 16 } else { 0 };
+                    let result = decrypt_chunk(&chunk, &key, &get_chunk_nonce(&base_iv, i as u32));
+                    if let Some(ref prog) = prog { prog.report(plaintext_len); }
+                    result
+                })
+            })
+            .collect();
+        handles.into_iter().map(|h| h.join().unwrap_or_else(|e| panic!("{:?}", e))).collect()
+    })
+}
+
+// --- Sequential chunk fallback (no parallel feature) ---
+
+/// Encrypt chunks sequentially, reporting progress when subscribed.
+#[cfg(not(feature = "parallel"))]
+pub fn encrypt_chunks_parallel(
+    chunks: &[Vec<u8>],
+    key: &[u8; 32],
+    base_iv: &[u8; 24],
+    progress: Progress,
+) -> Result<Vec<Vec<u8>>, String> {
+    chunks.iter()
+        .enumerate()
+        .map(|(i, chunk)| {
+            let result = encrypt_chunk(chunk, key, &get_chunk_nonce(base_iv, i as u32));
+            if let Some(ref prog) = progress { prog.report(chunk.len()); }
+            result
+        })
+        .collect()
+}
+
+/// Decrypt chunks sequentially, reporting progress when subscribed.
+#[cfg(not(feature = "parallel"))]
+pub fn decrypt_chunks_parallel(
+    chunks: &[Vec<u8>],
+    key: &[u8; 32],
+    base_iv: &[u8; 24],
+    progress: Progress,
+) -> Result<Vec<Vec<u8>>, String> {
+    chunks.iter()
+        .enumerate()
+        .map(|(i, chunk)| {
+            let plaintext_len = if chunk.len() > 16 { chunk.len() - 16 } else { 0 };
+            let result = decrypt_chunk(chunk, key, &get_chunk_nonce(base_iv, i as u32));
+            if let Some(ref prog) = progress { prog.report(plaintext_len); }
+            result
+        })
+        .collect()
+}
+
+// --- Chunk splitting/joining ---
+
+pub fn split_into_chunks(data: &[u8]) -> Vec<Vec<u8>> {
+    data.chunks(CHUNK_SIZE)
+        .map(|c| c.to_vec())
+        .collect()
+}
+
+pub fn join_chunks(chunks: &[Vec<u8>]) -> Vec<u8> {
+    let total_len: usize = chunks.iter().map(|c| c.len()).sum();
+    let mut result = Vec::with_capacity(total_len);
+    for chunk in chunks {
+        result.extend_from_slice(chunk);
+    }
+    result
+}
+
+// --- End-to-end parallel encrypt/decrypt ---
+// Encrypted chunks are larger than plaintext chunks (XChaCha20-Poly1305 adds 16-byte auth tag).
+// Format: [num_chunks: u32 BE][chunk0_len: u32 BE][chunk0...][chunk1_len: u32 BE][chunk1...]...
+
+pub fn parallel_encrypt_data(
+    data: &[u8],
+    key: &[u8; 32],
+    base_iv: &[u8; 24],
+    progress: Progress,
+) -> Result<Vec<u8>, String> {
+    let chunks = split_into_chunks(data);
+    let encrypted = encrypt_chunks_parallel(&chunks, key, base_iv, progress)?;
+
+    let total: usize = 4 + encrypted.iter().map(|c| 4 + c.len()).sum::<usize>();
+    let mut output = Vec::with_capacity(total);
+    output.extend_from_slice(&(encrypted.len() as u32).to_be_bytes());
+    for chunk in &encrypted {
+        output.extend_from_slice(&(chunk.len() as u32).to_be_bytes());
+        output.extend_from_slice(chunk);
+    }
+    Ok(output)
+}
+
+pub fn parallel_decrypt_data(
+    data: &[u8],
+    key: &[u8; 32],
+    base_iv: &[u8; 24],
+    progress: Progress,
+) -> Result<Vec<u8>, String> {
+    if data.len() < 4 {
+        return Err("Encrypted data too short".to_string());
+    }
+
+    let num_chunks = u32::from_be_bytes([data[0], data[1], data[2], data[3]]) as usize;
+    let mut offset = 4;
+    let mut encrypted_chunks = Vec::with_capacity(num_chunks);
+
+    for _ in 0..num_chunks {
+        if offset + 4 > data.len() {
+            return Err("Truncated chunk length header".to_string());
+        }
+        let chunk_len = u32::from_be_bytes([
+            data[offset], data[offset + 1], data[offset + 2], data[offset + 3],
+        ]) as usize;
+        offset += 4;
+
+        if offset + chunk_len > data.len() {
+            return Err("Truncated chunk data".to_string());
+        }
+        encrypted_chunks.push(data[offset..offset + chunk_len].to_vec());
+        offset += chunk_len;
+    }
+
+    let decrypted = decrypt_chunks_parallel(&encrypted_chunks, key, base_iv, progress)?;
+    Ok(join_chunks(&decrypted))
+}
+
+// --- PKCS7 padding ---
+
+/// Encrypt a single record using XChaCha20-Poly1305 with random 24-byte nonce.
+/// Wire format: nonce[24] || ciphertext[N+16_tag]
+pub fn encrypt_record(data: &[u8], key: &[u8; 32]) -> Result<Vec<u8>, String> {
+    let mut nonce = [0u8; 24];
+    OsRng.fill_bytes(&mut nonce);
+
+    let cipher = chacha20poly1305::XChaCha20Poly1305::new_from_slice(key)
+        .map_err(|_| "Invalid key length")?;
+    let xnonce = chacha20poly1305::XNonce::from_slice(&nonce);
+    let ciphertext = cipher.encrypt(xnonce, data)
+        .map_err(|e| format!("XChaCha20 record encryption failed: {e}"))?;
+
+    let mut result = Vec::with_capacity(24 + ciphertext.len());
+    result.extend_from_slice(&nonce);
+    result.extend_from_slice(&ciphertext);
+    Ok(result)
+}
+
+/// Decrypt a single record using XChaCha20-Poly1305.
+/// Wire format: nonce[24] || ciphertext[N+16_tag]
+pub fn decrypt_record(data: &[u8], key: &[u8; 32]) -> Result<Vec<u8>, String> {
+    if data.len() < 24 {
+        return Err("Record too short for decryption".to_string());
+    }
+    let cipher = chacha20poly1305::XChaCha20Poly1305::new_from_slice(key)
+        .map_err(|_| "Invalid key length")?;
+    let xnonce = chacha20poly1305::XNonce::from_slice(&data[..24]);
+    cipher.decrypt(xnonce, &data[24..])
+        .map_err(|e| format!("XChaCha20 record decryption failed: {e}"))
+}
+
+// --- Parallel record encryption ---
+
+#[cfg(feature = "parallel")]
+pub fn encrypt_all(records: &[Vec<u8>], key: &[u8; 32]) -> Result<Vec<Vec<u8>>, String> {
+    let key = *key;
+    let records_owned: Vec<Vec<u8>> = records.to_vec();
+    wasm_thread::scope(|s| {
+        let handles: Vec<_> = records_owned
+            .into_iter()
+            .map(|record| {
+                s.spawn(move || encrypt_record(&record, &key))
+            })
+            .collect();
+        handles.into_iter().map(|h| h.join().unwrap_or_else(|e| panic!("{:?}", e))).collect()
+    })
+}
+
+#[cfg(feature = "parallel")]
+pub fn decrypt_all(records: &[Vec<u8>], key: &[u8; 32]) -> Result<Vec<Vec<u8>>, String> {
+    let key = *key;
+    let records_owned: Vec<Vec<u8>> = records.to_vec();
+    wasm_thread::scope(|s| {
+        let handles: Vec<_> = records_owned
+            .into_iter()
+            .map(|record| {
+                s.spawn(move || decrypt_record(&record, &key))
+            })
+            .collect();
+        handles.into_iter().map(|h| h.join().unwrap_or_else(|e| panic!("{:?}", e))).collect()
+    })
+}
+
+#[cfg(not(feature = "parallel"))]
+pub fn encrypt_all(records: &[Vec<u8>], key: &[u8; 32]) -> Result<Vec<Vec<u8>>, String> {
+    records.iter()
+        .map(|record| encrypt_record(record, key))
+        .collect()
+}
+
+#[cfg(not(feature = "parallel"))]
+pub fn decrypt_all(records: &[Vec<u8>], key: &[u8; 32]) -> Result<Vec<Vec<u8>>, String> {
+    records.iter()
+        .map(|record| decrypt_record(record, key))
+        .collect()
+}
+
+// --- SDK-level upload/download bundle ---
+
+/// Serialized bundle produced by upload, consumed by download.
+#[derive(Debug, Serialize, Deserialize, Clone)]
+pub struct UploadBundle {
+    pub salt: Vec<u8>,
+    pub base_iv: Vec<u8>,
+    pub encrypted_data: Vec<u8>,
+    pub signature: Vec<u8>,
+}
+
+/// High-level upload: derive key from password, encrypt data in parallel chunks, sign.
+pub fn sdk_upload(data: &[u8], password: &str, progress: Progress) -> Result<UploadBundle, String> {
+    let keychain = Keychain::from_password(password)?;
+    let key = keychain.export_auth_key();
+    let salt = keychain.salt();
+    let mut base_iv = [0u8; 24];
+    OsRng.fill_bytes(&mut base_iv);
+
+    let encrypted = parallel_encrypt_data(data, &key, &base_iv, progress)?;
+    let signature = keychain.sign(&encrypted);
+
+    Ok(UploadBundle {
+        salt: salt.to_vec(),
+        base_iv: base_iv.to_vec(),
+        encrypted_data: encrypted,
+        signature,
+    })
+}
+
+/// High-level download: verify signature, derive key, decrypt data in parallel chunks.
+pub fn sdk_download(bundle: &UploadBundle, password: &str, progress: Progress) -> Result<Vec<u8>, String> {
+    if bundle.salt.len() != 32 {
+        return Err("Invalid salt length".to_string());
+    }
+    if bundle.base_iv.len() != 24 {
+        return Err("Invalid base_iv length".to_string());
+    }
+
+    let mut salt_arr = [0u8; 32];
+    salt_arr.copy_from_slice(&bundle.salt);
+
+    let mut base_iv_arr = [0u8; 24];
+    base_iv_arr.copy_from_slice(&bundle.base_iv);
+
+    let derived_key = derive_key(password.as_bytes(), &salt_arr)?;
+
+    let sk: ed25519_dalek::SecretKey = unsafe { core::mem::transmute_copy(&derived_key) };
+    let signing_key = SigningKey::from_bytes(&sk);
+    let vk = signing_key.verifying_key();
+    let sig = ed25519_dalek::Signature::from_slice(&bundle.signature)
+        .map_err(|_| "Invalid signature format".to_string())?;
+    vk.verify(&bundle.encrypted_data, &sig)
+        .map_err(|_| "Signature verification failed".to_string())?;
+
+    parallel_decrypt_data(&bundle.encrypted_data, &derived_key, &base_iv_arr, progress)
+}
+
+/// Serialize an UploadBundle to JSON bytes.
+pub fn bundle_to_json(bundle: &UploadBundle) -> Result<Vec<u8>, String> {
+    serde_json::to_vec(bundle)
+        .map_err(|e| format!("Failed to serialize bundle: {e}"))
+}
+
+/// Deserialize an UploadBundle from JSON bytes.
+pub fn bundle_from_json(data: &[u8]) -> Result<UploadBundle, String> {
+    serde_json::from_slice(data)
+        .map_err(|e| format!("Failed to deserialize bundle: {e}"))
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+
+    #[test]
+    fn test_derive_key() {
+        let salt = [0u8; 32];
+        let key = derive_key(b"test password", &salt).unwrap();
+        assert_eq!(key.len(), 32);
+    }
+
+    #[test]
+    fn test_keychain_new() {
+        let kc = Keychain::new();
+        assert_eq!(kc.ikm().len(), 32);
+    }
+
+    #[test]
+    fn test_keychain_from_password() {
+        let kc = Keychain::from_password("test password").unwrap();
+        assert_eq!(kc.salt().len(), 32);
+    }
+
+    #[test]
+    fn test_encrypt_decrypt_metadata() {
+        let kc = Keychain::new();
+        let metadata = "{\"filename\":\"test.txt\",\"filesize\":1024}";
+        let encrypted = kc.encrypt_metadata(metadata).unwrap();
+        let decrypted = kc.decrypt_metadata(&encrypted).unwrap();
+        assert_eq!(decrypted, metadata);
+    }
+
+    #[test]
+    fn test_sign_verify() {
+        let kc = Keychain::new();
+        let data = b"test data";
+        let sig = kc.sign(data);
+        assert!(kc.verify(data, &sig));
+        assert!(!kc.verify(b"other data", &sig));
+    }
+
+    #[test]
+    fn test_encrypt_decrypt_record() {
+        let key = [0u8; 32];
+        let data = b"test record data";
+        let encrypted = encrypt_record(data, &key).unwrap();
+        let decrypted = decrypt_record(&encrypted, &key).unwrap();
+        assert_eq!(decrypted, data);
+    }
+
+ 
+    #[test]
+    fn test_encrypt_decrypt_chunk_xchacha() {
+        let key = [0u8; 32];
+        let nonce = [0u8; 24];
+        let data = b"test chunk data for XChaCha20";
+        let encrypted = encrypt_chunk(data, &key, &nonce).unwrap();
+        let decrypted = decrypt_chunk(&encrypted, &key, &nonce).unwrap();
+        assert_eq!(decrypted, data);
+    }
+
+    #[test]
+    fn test_encrypt_decrypt_chunks_parallel() {
+        let key = [0u8; 32];
+        let base_iv = [0u8; 24];
+        let chunks = vec![vec![1, 2, 3], vec![4, 5, 6], vec![7, 8, 9]];
+        let encrypted = encrypt_chunks_parallel(&chunks, &key, &base_iv, None).unwrap();
+        let decrypted = decrypt_chunks_parallel(&encrypted, &key, &base_iv, None).unwrap();
+        assert_eq!(decrypted, chunks);
+    }
+
+    #[test]
+    fn test_encrypt_decrypt_all() {
+        let key = [0u8; 32];
+        let records = vec![vec![1, 2, 3], vec![4, 5, 6], vec![7, 8, 9]];
+        let encrypted = encrypt_all(&records, &key).unwrap();
+        let decrypted = decrypt_all(&encrypted, &key).unwrap();
+        assert_eq!(decrypted, records);
+    }
+
+    #[test]
+    fn test_parallel_encrypt_decrypt_data() {
+        let key = [0u8; 32];
+        let base_iv = [0u8; 24];
+        let data = vec![42u8; 100 * 1024];
+        let encrypted = parallel_encrypt_data(&data, &key, &base_iv, None).unwrap();
+        let decrypted = parallel_decrypt_data(&encrypted, &key, &base_iv, None).unwrap();
+        assert_eq!(decrypted, data);
+    }
+
+    #[test]
+    fn test_sdk_upload_download() {
+        let original = b"Hello, this is sensitive data that needs encryption!";
+        let password = "my_secure_password";
+
+        let bundle = sdk_upload(original, password, None).unwrap();
+        let decrypted = sdk_download(&bundle, password, None).unwrap();
+        assert_eq!(decrypted, original);
+
+        // Wrong password should fail
+        let err = sdk_download(&bundle, "wrong_password", None);
+        assert!(err.is_err());
+    }
+
+    #[test]
+    fn test_sdk_upload_download_large() {
+        let original = vec![42u8; 1 * 1024 * 1024]; // 1 MB
+        let password = "test_password";
+
+        let bundle = sdk_upload(&original, password, None).unwrap();
+        let decrypted = sdk_download(&bundle, password, None).unwrap();
+        assert_eq!(decrypted, original);
+    }
+
+    #[test]
+    fn test_bundle_serialization() {
+        let original = b"test data";
+        let bundle = sdk_upload(original, "password", None).unwrap();
+        let json = bundle_to_json(&bundle).unwrap();
+        let restored = bundle_from_json(&json).unwrap();
+        let decrypted = sdk_download(&restored, "password", None).unwrap();
+        assert_eq!(decrypted, original);
+    }
+
+    #[test]
+    fn test_progress_callback_fires() {
+        let key = [0u8; 32];
+        let base_iv = [0u8; 24];
+        let data = vec![42u8; 100 * 1024];
+        let reported = std::sync::Arc::new(std::sync::Mutex::new(0usize));
+        let reported_clone = reported.clone();
+        let callback = ProgressCallback::new(data.len(), move |processed, _total| {
+            let mut val = reported_clone.lock().unwrap();
+            *val = processed;
+        });
+        let progress = Some(std::sync::Arc::new(callback));
+        let encrypted = parallel_encrypt_data(&data, &key, &base_iv, progress).unwrap();
+        let decrypted = parallel_decrypt_data(&encrypted, &key, &base_iv, None).unwrap();
+        assert_eq!(decrypted, data);
+        assert_eq!(*reported.lock().unwrap(), data.len());
+    }
+}
diff --git a/crates/chithi-core/src/lib.rs b/crates/chithi-core/src/lib.rs
new file mode 100644
index 00000000..c78b78aa
--- /dev/null
+++ b/crates/chithi-core/src/lib.rs
@@ -0,0 +1,14 @@
+pub mod chithi_cryto;
+pub mod seven;
+
+// SDK-level re-exports
+pub use chithi_cryto::{
+    CHUNK_SIZE, Keychain, NONCE_LENGTH, Progress, ProgressCallback, SALT_LENGTH, UploadBundle,
+    bundle_from_json, bundle_to_json, decrypt_all, decrypt_chunk, decrypt_chunks_parallel,
+    decrypt_record, derive_key, encrypt_all, encrypt_chunk, encrypt_chunks_parallel,
+    encrypt_record, get_chunk_nonce, join_chunks, parallel_decrypt_data, parallel_encrypt_data,
+    sdk_download, sdk_upload, split_into_chunks,
+};
+pub use seven::{
+    SevenZBackend, SevenZDefault, sdk_compress_and_encrypt, sdk_decrypt_and_decompress,
+};
diff --git a/crates/chithi-core/src/seven.rs b/crates/chithi-core/src/seven.rs
new file mode 100644
index 00000000..27d49040
--- /dev/null
+++ b/crates/chithi-core/src/seven.rs
@@ -0,0 +1,179 @@
+use std::io::Cursor;
+
+use ed25519_dalek::{SigningKey, Verifier};
+use rand::rngs::OsRng;
+use rand::RngCore;
+use sevenz_rust2::encoder_options::{AesEncoderOptions, Lzma2Options};
+use sevenz_rust2::{ArchiveEntry, ArchiveReader, ArchiveWriter, EncoderMethod, Password};
+
+use crate::chithi_cryto::Progress;
+
+pub const SEVENZ_MAGIC: [u8; 6] = [0x37, 0x7A, 0xBC, 0xAF, 0x27, 0x1C];
+
+pub trait SevenZBackend {
+    fn compress(
+        files: &[(String, Vec<u8>)],
+        password: Option<&str>,
+    ) -> Result<Vec<u8>, String>;
+
+    fn decompress(
+        data: &[u8],
+        password: Option<&str>,
+    ) -> Result<Vec<(String, Vec<u8>)>, String>;
+
+    fn validate(data: &[u8]) -> bool;
+}
+
+pub struct SevenZDefault;
+
+impl SevenZBackend for SevenZDefault {
+    fn compress(
+        files: &[(String, Vec<u8>)],
+        password: Option<&str>,
+    ) -> Result<Vec<u8>, String> {
+        let buffer = vec![0u8; 32];
+        let cursor = Cursor::new(buffer);
+        let mut writer = ArchiveWriter::new(cursor)
+            .map_err(|e| format!("Failed to create 7z writer: {e}"))?;
+
+        if let Some(pwd) = password {
+            writer.set_content_methods(vec![
+                AesEncoderOptions::new(Password::new(pwd)).into(),
+                EncoderMethod::LZMA2.into(),
+            ]);
+        } else {
+            writer.set_content_methods(vec![Lzma2Options::from_level(9).into()]);
+        }
+
+        for (name, data) in files {
+            let entry = ArchiveEntry::new_file(name);
+            writer
+                .push_archive_entry(entry, Some(Cursor::new(data)))
+                .map_err(|e| format!("Failed to add file {name}: {e}"))?;
+        }
+
+        let cursor = writer.finish().map_err(|e| format!("Failed to finish archive: {e}"))?;
+        Ok(cursor.into_inner())
+    }
+
+    fn decompress(
+        data: &[u8],
+        password: Option<&str>,
+    ) -> Result<Vec<(String, Vec<u8>)>, String> {
+        let pwd = match password {
+            Some(p) => Password::new(p),
+            None => Password::empty(),
+        };
+
+        let source = Cursor::new(data);
+        let mut reader = ArchiveReader::new(source, pwd)
+            .map_err(|e| format!("Failed to open 7z archive: {e}"))?;
+
+        let mut entries = Vec::new();
+
+        reader
+            .for_each_entries(|entry, entry_reader| {
+                if !entry.is_directory() {
+                    let name = entry.name().to_string();
+                    let mut buf = Vec::new();
+                    entry_reader
+                        .read_to_end(&mut buf)
+                        .map_err(|e| std::io::Error::new(std::io::ErrorKind::Other, format!("Failed to read entry {}: {e}", name)))?;
+                    entries.push((name, buf));
+                }
+                Ok(true)
+            })
+            .map_err(|e| format!("Iteration error: {e}"))?;
+
+        Ok(entries)
+    }
+
+    fn validate(data: &[u8]) -> bool {
+        data.len() >= SEVENZ_MAGIC.len() && data[..SEVENZ_MAGIC.len()] == SEVENZ_MAGIC
+    }
+}
+
+/// Build a SigningKey from raw 32-byte seed material.
+fn signing_key_from_bytes(seed: &[u8; 32]) -> SigningKey {
+    let sk: ed25519_dalek::SecretKey = unsafe { core::mem::transmute_copy(seed) };
+    SigningKey::from_bytes(&sk)
+}
+
+/// SDK-level upload: compress files → encrypt in parallel.
+pub fn sdk_compress_and_encrypt(
+    files: &[(String, Vec<u8>)],
+    password: Option<&str>,
+    progress: Progress,
+) -> Result<Vec<u8>, String> {
+    use crate::chithi_cryto::{Keychain, parallel_encrypt_data};
+
+    // Step 1: compress
+    let compressed = SevenZDefault::compress(files, password)?;
+
+    // Step 2: encrypt in parallel
+    let keychain = match password {
+        Some(p) => Keychain::from_password(p)?,
+        None => Keychain::new(),
+    };
+    let key = keychain.export_auth_key();
+    let salt = keychain.salt();
+
+    let mut base_iv = [0u8; 24];
+    OsRng.fill_bytes(&mut base_iv);
+
+    let encrypted = parallel_encrypt_data(&compressed, &key, &base_iv, progress)?;
+    let signature = keychain.sign(&encrypted);
+
+    // Step 3: serialize: [salt(32)][base_iv(24)][signature_len(4)][signature][encrypted_data]
+    let sig_len = signature.len() as u32;
+    let total = 32 + 24 + 4 + sig_len as usize + encrypted.len();
+    let mut bundle = Vec::with_capacity(total);
+    bundle.extend_from_slice(&salt);
+    bundle.extend_from_slice(&base_iv);
+    bundle.extend_from_slice(&sig_len.to_be_bytes());
+    bundle.extend_from_slice(&signature);
+    bundle.extend_from_slice(&encrypted);
+
+    Ok(bundle)
+}
+
+/// SDK-level download: decrypt in parallel → decompress.
+pub fn sdk_decrypt_and_decompress(
+    bundle: &[u8],
+    password: Option<&str>,
+    progress: Progress,
+) -> Result<Vec<(String, Vec<u8>)>, String> {
+    use crate::chithi_cryto::{derive_key, parallel_decrypt_data};
+
+if bundle.len() < 32 + 24 + 4 {
+        return Err("Bundle too small".to_string());
+    }
+
+    let salt: [u8; 32] = bundle[..32].try_into().unwrap();
+    let base_iv: [u8; 24] = bundle[32..56].try_into().unwrap();
+    let sig_len = u32::from_be_bytes([
+        bundle[56], bundle[57], bundle[58], bundle[59],
+    ]) as usize;
+    let signature = &bundle[60..60 + sig_len];
+    let encrypted = &bundle[60 + sig_len..];
+
+    // Derive key from password + salt
+    let key = derive_key(
+        password.unwrap_or("").as_bytes(),
+        &salt,
+    )?;
+
+    // Verify signature
+    let signing_key = signing_key_from_bytes(&key);
+    let vk = signing_key.verifying_key();
+    let sig = ed25519_dalek::Signature::from_slice(signature)
+        .map_err(|_| "Invalid signature format".to_string())?;
+    vk.verify(encrypted, &sig)
+        .map_err(|_| "Signature verification failed".to_string())?;
+
+    // Decrypt in parallel
+    let decrypted = parallel_decrypt_data(encrypted, &key, &base_iv, progress)?;
+
+    // Decompress
+    SevenZDefault::decompress(&decrypted, password)
+}
diff --git a/crates/wasm_bindings/Cargo.toml b/crates/wasm_bindings/Cargo.toml
new file mode 100644
index 00000000..7c286ca1
--- /dev/null
+++ b/crates/wasm_bindings/Cargo.toml
@@ -0,0 +1,14 @@
+[package]
+name = "wasm_bindings"
+version.workspace = true
+edition.workspace = true
+
+[lib]
+crate-type = ["cdylib", "rlib"]
+
+[dependencies]
+chithi-core = { workspace = true }
+sevenz-rust2 = { workspace = true, features = ["aes256_wasm"] }
+getrandom = { workspace = true }
+argon2 = { workspace = true }
+rand = { workspace = true }
diff --git a/crates/wasm_bindings/src/chithi_cryto.rs b/crates/wasm_bindings/src/chithi_cryto.rs
new file mode 100644
index 00000000..a61697ef
--- /dev/null
+++ b/crates/wasm_bindings/src/chithi_cryto.rs
@@ -0,0 +1,738 @@
+use std::sync::atomic::{AtomicU32, Ordering};
+use std::sync::Mutex;
+use std::sync::Arc;
+
+use chithi_core::chithi_cryto::{
+    decrypt_all, decrypt_chunk, decrypt_chunks_parallel, decrypt_record,
+    encrypt_all, encrypt_chunk, encrypt_chunks_parallel, encrypt_record,
+    get_chunk_nonce, Keychain, parallel_decrypt_data, parallel_encrypt_data,
+    sdk_upload, sdk_download, bundle_to_json, bundle_from_json,
+    ProgressCallback,
+};
+use rand::rngs::OsRng;
+use rand::RngCore;
+
+use crate::{read_slice, write_slice, write_out_len, read_chunk_array, write_chunk_array};
+
+// ---------------------------------------------------------------------------
+// Linear memory allocator (simple bump pointer)
+// ---------------------------------------------------------------------------
+
+static HEAP_PTR: AtomicU32 = AtomicU32::new(0x10000);
+
+#[unsafe(no_mangle)]
+pub extern "C" fn chithi_alloc(len: u32) -> u32 {
+    HEAP_PTR.fetch_add(len, Ordering::Relaxed)
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn chithi_dealloc(_ptr: u32, _len: u32) {
+    // Bump allocator — no-op free. Memory reclaimed on module reload.
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn chithi_reset_heap() {
+    HEAP_PTR.store(0x10000, Ordering::Relaxed);
+}
+
+// ---------------------------------------------------------------------------
+// Multi-core detection
+// ---------------------------------------------------------------------------
+
+#[unsafe(no_mangle)]
+pub extern "C" fn chithi_available_parallelism() -> u32 {
+    std::thread::available_parallelism()
+        .map(|n| n.get() as u32)
+        .unwrap_or(1)
+}
+
+// ---------------------------------------------------------------------------
+// Event-driven progress callback bridge
+//
+// JS registers a callback: fn(progress: u32, total: u32, user_data: u32)
+// user_data is passed through unchanged so JS can carry context.
+// Pass callback_ptr = 0 to disable progress events.
+// ---------------------------------------------------------------------------
+
+type ProgressFn = unsafe extern "C" fn(processed: u32, total: u32, user_data: usize);
+
+struct CallbackBridge {
+    fn_ptr: ProgressFn,
+    user_data: usize,
+}
+
+impl CallbackBridge {
+    fn new(fn_ptr: usize, user_data: usize) -> Option<Self> {
+        if fn_ptr == 0 {
+            None
+        } else {
+            Some(Self {
+                fn_ptr: unsafe { std::mem::transmute(fn_ptr) },
+                user_data,
+            })
+        }
+    }
+
+    fn fire(&self, processed: usize, total: usize) {
+        unsafe {
+            (self.fn_ptr)(
+                processed.min(u32::MAX as usize) as u32,
+                total.min(u32::MAX as usize) as u32,
+                self.user_data,
+            );
+        }
+    }
+
+    fn into_progress(&self, total: usize) -> Option<Arc<ProgressCallback>> {
+        let bridge = self.clone();
+        Some(Arc::new(ProgressCallback::new(total, move |processed, _total| {
+            bridge.fire(processed, _total);
+        })))
+    }
+}
+
+impl Clone for CallbackBridge {
+    fn clone(&self) -> Self {
+        Self {
+            fn_ptr: self.fn_ptr,
+            user_data: self.user_data,
+        }
+    }
+}
+
+// ---------------------------------------------------------------------------
+// Key derivation
+// ---------------------------------------------------------------------------
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_derive_key(
+    password_ptr: u32,
+    password_len: u32,
+    salt_ptr: u32,
+    salt_len: u32,
+    out_ptr: u32,
+) -> i32 {
+    let password = read_slice(password_ptr, password_len);
+    let salt = read_slice(salt_ptr, salt_len);
+
+    match chithi_core::chithi_cryto::derive_key(password, salt) {
+        Ok(key) => {
+            write_slice(out_ptr, &key);
+            0
+        }
+        Err(_) => -1,
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_argon2_derive(
+    password_ptr: u32,
+    password_len: u32,
+    salt_ptr: u32,
+    salt_len: u32,
+    iterations: u32,
+    memory_cost_kib: u32,
+    hash_length: u32,
+    out_ptr: u32,
+) -> i32 {
+    let password = read_slice(password_ptr, password_len);
+    let salt = read_slice(salt_ptr, salt_len);
+
+    let params = match argon2::Params::new(memory_cost_kib, iterations, 1, Some(hash_length as usize)) {
+        Ok(p) => p,
+        Err(_) => return -2,
+    };
+    let mut out = vec![0u8; hash_length as usize];
+    match argon2::Argon2::new(
+        argon2::Algorithm::Argon2id,
+        argon2::Version::V0x13,
+        params,
+    ).hash_password_into(password, salt, &mut out) {
+        Ok(()) => {
+            write_slice(out_ptr, &out);
+            0
+        }
+        Err(_) => -1,
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_generate_secret(out_ptr: u32, out_len: u32) -> i32 {
+    let kc = Keychain::new();
+    let secret = kc.generate_secret();
+    let bytes = secret.as_bytes();
+    if bytes.len() > out_len as usize {
+        return -1;
+    }
+    write_slice(out_ptr, bytes);
+    bytes.len() as i32
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_generate_ikm(out_ptr: u32) -> i32 {
+    let mut ikm = [0u8; 32];
+    OsRng.fill_bytes(&mut ikm);
+    write_slice(out_ptr, &ikm);
+    0
+}
+
+// ---------------------------------------------------------------------------
+// Record encryption (XChaCha20-Poly1305)
+// ---------------------------------------------------------------------------
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_encrypt_record(
+    data_ptr: u32,
+    data_len: u32,
+    key_ptr: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+) -> i32 {
+    let data = read_slice(data_ptr, data_len);
+    let key_arr: [u8; 32] = read_slice(key_ptr, 32).try_into().map_err(|_| -1i32).unwrap();
+
+    match encrypt_record(data, &key_arr) {
+        Ok(result) => {
+            write_slice(out_ptr, &result);
+            write_out_len(out_len_ptr, result.len() as u32);
+            0
+        }
+        Err(_) => -1,
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_decrypt_record(
+    data_ptr: u32,
+    data_len: u32,
+    key_ptr: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+) -> i32 {
+    let data = read_slice(data_ptr, data_len);
+    let key_arr: [u8; 32] = read_slice(key_ptr, 32).try_into().map_err(|_| -1i32).unwrap();
+
+    match decrypt_record(data, &key_arr) {
+        Ok(result) => {
+            write_slice(out_ptr, &result);
+            write_out_len(out_len_ptr, result.len() as u32);
+            0
+        }
+        Err(_) => -1,
+    }
+}
+
+// ---------------------------------------------------------------------------
+// Chunk encryption (XChaCha20-Poly1305)
+// ---------------------------------------------------------------------------
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_encrypt_chunk(
+    data_ptr: u32,
+    data_len: u32,
+    key_ptr: u32,
+    nonce_ptr: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+) -> i32 {
+    let data = read_slice(data_ptr, data_len);
+    let key_arr: [u8; 32] = read_slice(key_ptr, 32).try_into().map_err(|_| -1i32).unwrap();
+    let nonce_arr: [u8; 24] = read_slice(nonce_ptr, 24).try_into().map_err(|_| -2i32).unwrap();
+
+    match encrypt_chunk(data, &key_arr, &nonce_arr) {
+        Ok(result) => {
+            write_slice(out_ptr, &result);
+            write_out_len(out_len_ptr, result.len() as u32);
+            0
+        }
+        Err(_) => -1,
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_decrypt_chunk(
+    data_ptr: u32,
+    data_len: u32,
+    key_ptr: u32,
+    nonce_ptr: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+) -> i32 {
+    let data = read_slice(data_ptr, data_len);
+    let key_arr: [u8; 32] = read_slice(key_ptr, 32).try_into().map_err(|_| -1i32).unwrap();
+    let nonce_arr: [u8; 24] = read_slice(nonce_ptr, 24).try_into().map_err(|_| -2i32).unwrap();
+
+    match decrypt_chunk(data, &key_arr, &nonce_arr) {
+        Ok(result) => {
+            write_slice(out_ptr, &result);
+            write_out_len(out_len_ptr, result.len() as u32);
+            0
+        }
+        Err(_) => -1,
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_get_chunk_nonce(
+    base_iv_ptr: u32,
+    chunk_index: u32,
+    out_ptr: u32,
+) -> i32 {
+    let base: [u8; 24] = read_slice(base_iv_ptr, 24).try_into().map_err(|_| -1i32).unwrap();
+    let nonce = get_chunk_nonce(&base, chunk_index);
+    write_slice(out_ptr, &nonce);
+    0
+}
+
+// ---------------------------------------------------------------------------
+// Batch chunk encryption — event-driven progress
+// ---------------------------------------------------------------------------
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_encrypt_chunks_parallel(
+    input_ptr: u32,
+    input_len: u32,
+    key_ptr: u32,
+    base_iv_ptr: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+    callback_fn: usize,
+    user_data: usize,
+) -> i32 {
+    let input = read_slice(input_ptr, input_len);
+    let chunks = match read_chunk_array(input) { Ok(c) => c, Err(e) => return e };
+    let key_arr: [u8; 32] = read_slice(key_ptr, 32).try_into().map_err(|_| -1i32).unwrap();
+    let iv_arr: [u8; 24] = read_slice(base_iv_ptr, 24).try_into().map_err(|_| -2i32).unwrap();
+
+    let total: usize = chunks.iter().map(|c| c.len()).sum();
+    let bridge = CallbackBridge::new(callback_fn, user_data);
+    let progress = bridge.as_ref().and_then(|b| b.into_progress(total));
+
+    match encrypt_chunks_parallel(&chunks, &key_arr, &iv_arr, progress) {
+        Ok(results) => {
+            let mut out_buf = Vec::new();
+            write_chunk_array(&mut out_buf, &results);
+            write_slice(out_ptr, &out_buf);
+            write_out_len(out_len_ptr, out_buf.len() as u32);
+            0
+        }
+        Err(_) => -1,
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_decrypt_chunks_parallel(
+    input_ptr: u32,
+    input_len: u32,
+    key_ptr: u32,
+    base_iv_ptr: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+    callback_fn: usize,
+    user_data: usize,
+) -> i32 {
+    let input = read_slice(input_ptr, input_len);
+    let chunks = match read_chunk_array(input) { Ok(c) => c, Err(e) => return e };
+    let key_arr: [u8; 32] = read_slice(key_ptr, 32).try_into().map_err(|_| -1i32).unwrap();
+    let iv_arr: [u8; 24] = read_slice(base_iv_ptr, 24).try_into().map_err(|_| -2i32).unwrap();
+
+    // Estimate total plaintext: each encrypted chunk is plaintext + 16-byte tag
+    let total: usize = chunks.iter().map(|c| if c.len() > 16 { c.len() - 16 } else { 0 }).sum();
+    let bridge = CallbackBridge::new(callback_fn, user_data);
+    let progress = bridge.as_ref().and_then(|b| b.into_progress(total));
+
+    match decrypt_chunks_parallel(&chunks, &key_arr, &iv_arr, progress) {
+        Ok(results) => {
+            let mut out_buf = Vec::new();
+            write_chunk_array(&mut out_buf, &results);
+            write_slice(out_ptr, &out_buf);
+            write_out_len(out_len_ptr, out_buf.len() as u32);
+            0
+        }
+        Err(_) => -1,
+    }
+}
+
+// ---------------------------------------------------------------------------
+// Batch record encryption (XChaCha20-Poly1305)
+// ---------------------------------------------------------------------------
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_encrypt_all(
+    input_ptr: u32,
+    input_len: u32,
+    key_ptr: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+) -> i32 {
+    let input = read_slice(input_ptr, input_len);
+    let records = match read_chunk_array(input) { Ok(c) => c, Err(e) => return e };
+    let key_arr: [u8; 32] = read_slice(key_ptr, 32).try_into().map_err(|_| -1i32).unwrap();
+
+    match encrypt_all(&records, &key_arr) {
+        Ok(results) => {
+            let mut out_buf = Vec::new();
+            write_chunk_array(&mut out_buf, &results);
+            write_slice(out_ptr, &out_buf);
+            write_out_len(out_len_ptr, out_buf.len() as u32);
+            0
+        }
+        Err(_) => -1,
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_decrypt_all(
+    input_ptr: u32,
+    input_len: u32,
+    key_ptr: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+) -> i32 {
+    let input = read_slice(input_ptr, input_len);
+    let records = match read_chunk_array(input) { Ok(c) => c, Err(e) => return e };
+    let key_arr: [u8; 32] = read_slice(key_ptr, 32).try_into().map_err(|_| -1i32).unwrap();
+
+    match decrypt_all(&records, &key_arr) {
+        Ok(results) => {
+            let mut out_buf = Vec::new();
+            write_chunk_array(&mut out_buf, &results);
+            write_slice(out_ptr, &out_buf);
+            write_out_len(out_len_ptr, out_buf.len() as u32);
+            0
+        }
+        Err(_) => -1,
+    }
+}
+
+// ---------------------------------------------------------------------------
+// End-to-end parallel encrypt/decrypt (single data buffer) — event-driven
+// ---------------------------------------------------------------------------
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_parallel_encrypt_data(
+    data_ptr: u32,
+    data_len: u32,
+    key_ptr: u32,
+    base_iv_ptr: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+    callback_fn: usize,
+    user_data: usize,
+) -> i32 {
+    let data = read_slice(data_ptr, data_len);
+    let key_arr: [u8; 32] = read_slice(key_ptr, 32).try_into().map_err(|_| -1i32).unwrap();
+    let iv_arr: [u8; 24] = read_slice(base_iv_ptr, 24).try_into().map_err(|_| -2i32).unwrap();
+
+    let bridge = CallbackBridge::new(callback_fn, user_data);
+    let progress = bridge.as_ref().and_then(|b| b.into_progress(data.len()));
+
+    match parallel_encrypt_data(data, &key_arr, &iv_arr, progress) {
+        Ok(result) => {
+            write_slice(out_ptr, &result);
+            write_out_len(out_len_ptr, result.len() as u32);
+            0
+        }
+        Err(_) => -1,
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_parallel_decrypt_data(
+    data_ptr: u32,
+    data_len: u32,
+    key_ptr: u32,
+    base_iv_ptr: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+    callback_fn: usize,
+    user_data: usize,
+) -> i32 {
+    let data = read_slice(data_ptr, data_len);
+    let key_arr: [u8; 32] = read_slice(key_ptr, 32).try_into().map_err(|_| -1i32).unwrap();
+    let iv_arr: [u8; 24] = read_slice(base_iv_ptr, 24).try_into().map_err(|_| -2i32).unwrap();
+
+    let bridge = CallbackBridge::new(callback_fn, user_data);
+    let progress = bridge.as_ref().and_then(|b| b.into_progress(data.len()));
+
+    match parallel_decrypt_data(data, &key_arr, &iv_arr, progress) {
+        Ok(result) => {
+            write_slice(out_ptr, &result);
+            write_out_len(out_len_ptr, result.len() as u32);
+            0
+        }
+        Err(_) => -1,
+    }
+}
+
+// ---------------------------------------------------------------------------
+// SDK-level upload/download (raw data, no compression) — event-driven
+// ---------------------------------------------------------------------------
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_upload_data(
+    data_ptr: u32,
+    data_len: u32,
+    password_ptr: u32,
+    password_len: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+    callback_fn: usize,
+    user_data: usize,
+) -> i32 {
+    let data = read_slice(data_ptr, data_len);
+    let password = match std::str::from_utf8(read_slice(password_ptr, password_len)) {
+        Ok(s) => s,
+        Err(_) => return -1,
+    };
+
+    let bridge = CallbackBridge::new(callback_fn, user_data);
+    let progress = bridge.as_ref().and_then(|b| b.into_progress(data.len()));
+
+    let bundle = match sdk_upload(data, password, progress) {
+        Ok(b) => b,
+        Err(_) => return -2,
+    };
+    let json_bytes = match bundle_to_json(&bundle) {
+        Ok(b) => b,
+        Err(_) => return -3,
+    };
+
+    write_slice(out_ptr, &json_bytes);
+    write_out_len(out_len_ptr, json_bytes.len() as u32);
+    0
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_download_data(
+    bundle_json_ptr: u32,
+    bundle_json_len: u32,
+    password_ptr: u32,
+    password_len: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+    callback_fn: usize,
+    user_data: usize,
+) -> i32 {
+    let json_bytes = read_slice(bundle_json_ptr, bundle_json_len);
+    let password = match std::str::from_utf8(read_slice(password_ptr, password_len)) {
+        Ok(s) => s,
+        Err(_) => return -1,
+    };
+
+    let bundle = match bundle_from_json(json_bytes) {
+        Ok(b) => b,
+        Err(_) => return -2,
+    };
+
+    // Estimate total from encrypted data length
+    let bridge = CallbackBridge::new(callback_fn, user_data);
+    let progress = bridge.as_ref().and_then(|b| b.into_progress(bundle.encrypted_data.len()));
+
+    let decrypted = match sdk_download(&bundle, password, progress) {
+        Ok(d) => d,
+        Err(_) => return -3,
+    };
+
+    write_slice(out_ptr, &decrypted);
+    write_out_len(out_len_ptr, decrypted.len() as u32);
+    0
+}
+
+// ---------------------------------------------------------------------------
+// Keychain — opaque handle (u32 pointer into WASM heap)
+// ---------------------------------------------------------------------------
+
+static KEYCHAIN_STORE: Mutex<Option<Keychain>> = Mutex::new(None);
+static KEYCHAIN_HANDLE: AtomicU32 = AtomicU32::new(0);
+
+#[unsafe(no_mangle)]
+pub extern "C" fn keychain_new() -> u32 {
+    let kc = Keychain::new();
+    let ptr = chithi_alloc(1);
+    *KEYCHAIN_STORE.lock().unwrap() = Some(kc);
+    KEYCHAIN_HANDLE.store(ptr, Ordering::Relaxed);
+    ptr
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn keychain_from_password(handle: u32, password_ptr: u32, password_len: u32) -> i32 {
+    let password = match std::str::from_utf8(read_slice(password_ptr, password_len)) {
+        Ok(s) => s,
+        Err(_) => return -1,
+    };
+    match Keychain::from_password(password) {
+        Ok(kc) => {
+            *KEYCHAIN_STORE.lock().unwrap() = Some(kc);
+            KEYCHAIN_HANDLE.store(handle, Ordering::Relaxed);
+            0
+        }
+        Err(_) => -1,
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn keychain_drop(handle: u32) {
+    if KEYCHAIN_HANDLE.load(Ordering::Relaxed) == handle {
+        KEYCHAIN_STORE.lock().unwrap().take();
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn keychain_set_password(handle: u32, password_ptr: u32, password_len: u32) -> i32 {
+    if KEYCHAIN_HANDLE.load(Ordering::Relaxed) != handle { return -1; }
+    let password = match std::str::from_utf8(read_slice(password_ptr, password_len)) {
+        Ok(s) => s,
+        Err(_) => return -2,
+    };
+    let mut store = KEYCHAIN_STORE.lock().unwrap();
+    if let Some(ref mut kc) = *store {
+        match kc.set_password(password) {
+            Ok(()) => 0,
+            Err(_) => -1,
+        }
+    } else {
+        -1
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn keychain_generate_secret(handle: u32, out_ptr: u32, out_len: u32) -> i32 {
+    if KEYCHAIN_HANDLE.load(Ordering::Relaxed) != handle { return -1; }
+    let store = KEYCHAIN_STORE.lock().unwrap();
+    if let Some(ref kc) = *store {
+        let secret = kc.generate_secret();
+        let bytes = secret.as_bytes();
+        if bytes.len() > out_len as usize { return -2; }
+        write_slice(out_ptr, bytes);
+        0
+    } else {
+        -1
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn keychain_encrypt_metadata(
+    handle: u32,
+    data_ptr: u32,
+    data_len: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+) -> i32 {
+    if KEYCHAIN_HANDLE.load(Ordering::Relaxed) != handle { return -1; }
+    let metadata = match std::str::from_utf8(read_slice(data_ptr, data_len)) {
+        Ok(s) => s,
+        Err(_) => return -2,
+    };
+    let store = KEYCHAIN_STORE.lock().unwrap();
+    if let Some(ref kc) = *store {
+        match kc.encrypt_metadata(metadata) {
+            Ok(result) => {
+                write_slice(out_ptr, &result);
+                write_out_len(out_len_ptr, result.len() as u32);
+                0
+            }
+            Err(_) => -1,
+        }
+    } else {
+        -1
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn keychain_decrypt_metadata(
+    handle: u32,
+    data_ptr: u32,
+    data_len: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+) -> i32 {
+    if KEYCHAIN_HANDLE.load(Ordering::Relaxed) != handle { return -1; }
+    let data = read_slice(data_ptr, data_len);
+    let store = KEYCHAIN_STORE.lock().unwrap();
+    if let Some(ref kc) = *store {
+        match kc.decrypt_metadata(data) {
+            Ok(result) => {
+                let bytes = result.as_bytes();
+                write_slice(out_ptr, bytes);
+                write_out_len(out_len_ptr, bytes.len() as u32);
+                0
+            }
+            Err(_) => -1,
+        }
+    } else {
+        -1
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn keychain_sign(handle: u32, data_ptr: u32, data_len: u32, out_ptr: u32) -> i32 {
+    if KEYCHAIN_HANDLE.load(Ordering::Relaxed) != handle { return -1; }
+    let data = read_slice(data_ptr, data_len);
+    let store = KEYCHAIN_STORE.lock().unwrap();
+    if let Some(ref kc) = *store {
+        let sig = kc.sign(data);
+        write_slice(out_ptr, &sig);
+        0
+    } else {
+        -1
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn keychain_verify(
+    handle: u32,
+    data_ptr: u32,
+    data_len: u32,
+    sig_ptr: u32,
+    sig_len: u32,
+) -> i32 {
+    if KEYCHAIN_HANDLE.load(Ordering::Relaxed) != handle { return -1; }
+    let data = read_slice(data_ptr, data_len);
+    let sig = read_slice(sig_ptr, sig_len);
+    let store = KEYCHAIN_STORE.lock().unwrap();
+    if let Some(ref kc) = *store {
+        if kc.verify(data, sig) { 1 } else { 0 }
+    } else {
+        -1
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn keychain_export_auth_key(handle: u32, out_ptr: u32) -> i32 {
+    if KEYCHAIN_HANDLE.load(Ordering::Relaxed) != handle { return -1; }
+    let store = KEYCHAIN_STORE.lock().unwrap();
+    if let Some(ref kc) = *store {
+        let key = kc.export_auth_key();
+        write_slice(out_ptr, &key);
+        0
+    } else {
+        -1
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn keychain_salt(handle: u32, out_ptr: u32) -> i32 {
+    if KEYCHAIN_HANDLE.load(Ordering::Relaxed) != handle { return -1; }
+    let store = KEYCHAIN_STORE.lock().unwrap();
+    if let Some(ref kc) = *store {
+        let s = kc.salt();
+        write_slice(out_ptr, &s);
+        0
+    } else {
+        -1
+    }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn keychain_ikm(handle: u32, out_ptr: u32) -> i32 {
+    if KEYCHAIN_HANDLE.load(Ordering::Relaxed) != handle { return -1; }
+    let store = KEYCHAIN_STORE.lock().unwrap();
+    if let Some(ref kc) = *store {
+        let i = kc.ikm();
+        write_slice(out_ptr, &i);
+        0
+    } else {
+        -1
+    }
+}
diff --git a/crates/wasm_bindings/src/lib.rs b/crates/wasm_bindings/src/lib.rs
new file mode 100644
index 00000000..9d2e9508
--- /dev/null
+++ b/crates/wasm_bindings/src/lib.rs
@@ -0,0 +1,99 @@
+mod seven;
+mod chithi_cryto;
+
+pub use seven::*;
+pub use chithi_cryto::*;
+
+// ---------------------------------------------------------------------------
+// Custom entropy source for getrandom on wasm32-unknown-unknown
+// ---------------------------------------------------------------------------
+
+use std::sync::atomic::{AtomicU64, Ordering};
+
+static ENTROPY_COUNTER: AtomicU64 = AtomicU64::new(0);
+
+/// Fill a buffer with random bytes using a counter-based PRNG.
+/// This is the fallback entropy source for wasm32-unknown-unknown where
+/// no system RNG is available. The getrandom crate with feature "custom"
+/// calls this function to seed its internal RNG.
+#[unsafe(no_mangle)]
+pub extern "C" fn __getrandom_custom(buffer: *mut u8, len: usize) -> u8 {
+    // Combine monotonic counter with current instruction pointer for entropy
+    let counter = ENTROPY_COUNTER.fetch_add(len as u64, Ordering::Relaxed);
+
+    // Simple XOR-shift PRNG seeded with counter
+    let mut state = counter.wrapping_add(counter.rotate_right(17)).wrapping_add(0x5A5A5A5A5A5A5A5A);
+
+    unsafe {
+        let mut i = 0;
+        while i < len {
+            // xorshift64 step
+            state ^= state << 13;
+            state ^= state >> 7;
+            state ^= state << 17;
+
+            for j in 0..8 {
+                if i + j < len {
+                    *buffer.add(i + j) = ((state >> (8 * j)) & 0xFF) as u8;
+                }
+            }
+            i += 8;
+        }
+    }
+
+    0 // 0 = success
+}
+
+// ---------------------------------------------------------------------------
+// Shared helpers for WASM linear memory access
+// ---------------------------------------------------------------------------
+
+/// Read a slice from WASM linear memory at the given pointer.
+pub fn read_slice(ptr: u32, len: u32) -> &'static [u8] {
+    unsafe { std::slice::from_raw_parts(ptr as *const u8, len as usize) }
+}
+
+/// Write bytes to WASM linear memory at the given pointer.
+pub fn write_slice(out_ptr: u32, data: &[u8]) {
+    unsafe {
+        std::ptr::copy_nonoverlapping(
+            data.as_ptr(),
+            out_ptr as *mut u8,
+            data.len(),
+        );
+    }
+}
+
+/// Write a u32 length to WASM linear memory.
+pub fn write_out_len(out_len_ptr: u32, len: u32) {
+    unsafe { std::ptr::write_volatile(out_len_ptr as *mut u32, len); }
+}
+
+// ---------------------------------------------------------------------------
+// Serialized chunk array format
+// [num_chunks: u32 BE][chunk0_len: u32 BE][chunk0...][chunk1_len: u32 BE][chunk1...]
+// ---------------------------------------------------------------------------
+
+pub fn read_chunk_array(data: &[u8]) -> Result<Vec<Vec<u8>>, i32> {
+    if data.len() < 4 { return Err(-1); }
+    let num = u32::from_be_bytes([data[0], data[1], data[2], data[3]]) as usize;
+    let mut offset = 4;
+    let mut chunks = Vec::with_capacity(num);
+    for _ in 0..num {
+        if offset + 4 > data.len() { return Err(-2); }
+        let len = u32::from_be_bytes([data[offset], data[offset+1], data[offset+2], data[offset+3]]) as usize;
+        offset += 4;
+        if offset + len > data.len() { return Err(-3); }
+        chunks.push(data[offset..offset+len].to_vec());
+        offset += len;
+    }
+    Ok(chunks)
+}
+
+pub fn write_chunk_array(out: &mut Vec<u8>, chunks: &[Vec<u8>]) {
+    out.extend_from_slice(&(chunks.len() as u32).to_be_bytes());
+    for chunk in chunks {
+        out.extend_from_slice(&(chunk.len() as u32).to_be_bytes());
+        out.extend_from_slice(chunk);
+    }
+}
diff --git a/crates/wasm_bindings/src/seven.rs b/crates/wasm_bindings/src/seven.rs
new file mode 100644
index 00000000..fdb916d9
--- /dev/null
+++ b/crates/wasm_bindings/src/seven.rs
@@ -0,0 +1,239 @@
+use std::sync::Arc;
+
+use chithi_core::seven::{sdk_compress_and_encrypt, sdk_decrypt_and_decompress, SevenZBackend, SevenZDefault};
+use chithi_core::chithi_cryto::ProgressCallback;
+
+use crate::{read_slice, write_slice, write_out_len};
+
+// ---------------------------------------------------------------------------
+// File array serialization format
+// [num_files: u32 BE][name0_len: u32 BE][name0 bytes][data0_len: u32 BE][data0 bytes]...
+// ---------------------------------------------------------------------------
+
+fn read_file_array(data: &[u8]) -> Result<Vec<(String, Vec<u8>)>, i32> {
+    if data.len() < 4 { return Err(-1); }
+    let num = u32::from_be_bytes([data[0], data[1], data[2], data[3]]) as usize;
+    let mut offset = 4;
+    let mut files = Vec::with_capacity(num);
+    for _ in 0..num {
+        if offset + 4 > data.len() { return Err(-2); }
+        let name_len = u32::from_be_bytes([data[offset], data[offset+1], data[offset+2], data[offset+3]]) as usize;
+        offset += 4;
+        if offset + name_len > data.len() { return Err(-3); }
+        let name = String::from_utf8(data[offset..offset+name_len].to_vec())
+            .map_err(|_| -4i32)?;
+        offset += name_len;
+
+        if offset + 4 > data.len() { return Err(-5); }
+        let data_len = u32::from_be_bytes([data[offset], data[offset+1], data[offset+2], data[offset+3]]) as usize;
+        offset += 4;
+        if offset + data_len > data.len() { return Err(-6); }
+        let file_data = data[offset..offset+data_len].to_vec();
+        offset += data_len;
+
+        files.push((name, file_data));
+    }
+    Ok(files)
+}
+
+fn write_file_array(out: &mut Vec<u8>, files: &[(String, Vec<u8>)]) {
+    out.extend_from_slice(&(files.len() as u32).to_be_bytes());
+    for (name, data) in files {
+        let name_bytes = name.as_bytes();
+        out.extend_from_slice(&(name_bytes.len() as u32).to_be_bytes());
+        out.extend_from_slice(name_bytes);
+        out.extend_from_slice(&(data.len() as u32).to_be_bytes());
+        out.extend_from_slice(data);
+    }
+}
+
+// ---------------------------------------------------------------------------
+// Event-driven callback bridge (same pattern as chithi_cryto.rs)
+// ---------------------------------------------------------------------------
+
+type ProgressFn = unsafe extern "C" fn(processed: u32, total: u32, user_data: usize);
+
+struct CallbackBridge {
+    fn_ptr: ProgressFn,
+    user_data: usize,
+}
+
+impl CallbackBridge {
+    fn new(fn_ptr: usize, user_data: usize) -> Option<Self> {
+        if fn_ptr == 0 {
+            None
+        } else {
+            Some(Self {
+                fn_ptr: unsafe { std::mem::transmute(fn_ptr) },
+                user_data,
+            })
+        }
+    }
+
+    fn fire(&self, processed: usize, total: usize) {
+        unsafe {
+            (self.fn_ptr)(
+                processed.min(u32::MAX as usize) as u32,
+                total.min(u32::MAX as usize) as u32,
+                self.user_data,
+            );
+        }
+    }
+
+    fn into_progress(&self, total: usize) -> Option<Arc<ProgressCallback>> {
+        let bridge = self.clone();
+        Some(Arc::new(ProgressCallback::new(total, move |processed, _total| {
+            bridge.fire(processed, _total);
+        })))
+    }
+}
+
+impl Clone for CallbackBridge {
+    fn clone(&self) -> Self {
+        Self {
+            fn_ptr: self.fn_ptr,
+            user_data: self.user_data,
+        }
+    }
+}
+
+// ---------------------------------------------------------------------------
+// 7z operations
+// ---------------------------------------------------------------------------
+
+#[unsafe(no_mangle)]
+pub extern "C" fn validate_7z(data_ptr: u32, data_len: u32) -> i32 {
+    let data = read_slice(data_ptr, data_len);
+    if SevenZDefault::validate(data) { 1 } else { 0 }
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn compress_7z(
+    input_ptr: u32,
+    input_len: u32,
+    password_ptr: u32,
+    password_len: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+) -> i32 {
+    let input = read_slice(input_ptr, input_len);
+    let files = match read_file_array(input) { Ok(f) => f, Err(e) => return e };
+
+    let password = match std::str::from_utf8(read_slice(password_ptr, password_len)) {
+        Ok(s) if !s.is_empty() => Some(s),
+        Ok(_) => None,
+        Err(_) => return -1,
+    };
+
+    let archive = match SevenZDefault::compress(&files, password) {
+        Ok(a) => a,
+        Err(_) => return -2,
+    };
+
+    write_slice(out_ptr, &archive);
+    write_out_len(out_len_ptr, archive.len() as u32);
+    0
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn decompress_7z(
+    data_ptr: u32,
+    data_len: u32,
+    password_ptr: u32,
+    password_len: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+) -> i32 {
+    let data = read_slice(data_ptr, data_len);
+
+    let password = match std::str::from_utf8(read_slice(password_ptr, password_len)) {
+        Ok(s) if !s.is_empty() => Some(s),
+        Ok(_) => None,
+        Err(_) => return -1,
+    };
+
+    let entries = match SevenZDefault::decompress(data, password) {
+        Ok(e) => e,
+        Err(_) => return -2,
+    };
+
+    let mut out_buf = Vec::new();
+    write_file_array(&mut out_buf, &entries);
+    write_slice(out_ptr, &out_buf);
+    write_out_len(out_len_ptr, out_buf.len() as u32);
+    0
+}
+
+// ---------------------------------------------------------------------------
+// SDK upload/download (compress + encrypt) — event-driven
+// ---------------------------------------------------------------------------
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_upload(
+    input_ptr: u32,
+    input_len: u32,
+    password_ptr: u32,
+    password_len: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+    callback_fn: usize,
+    user_data: usize,
+) -> i32 {
+    let input = read_slice(input_ptr, input_len);
+    let files = match read_file_array(input) { Ok(f) => f, Err(e) => return e };
+
+    if files.is_empty() { return -1; }
+
+    let password = match std::str::from_utf8(read_slice(password_ptr, password_len)) {
+        Ok(s) if !s.is_empty() => Some(s),
+        Ok(_) => None,
+        Err(_) => return -2,
+    };
+
+    let total: usize = files.iter().map(|(_, d)| d.len()).sum();
+    let bridge = CallbackBridge::new(callback_fn, user_data);
+    let progress = bridge.as_ref().and_then(|b| b.into_progress(total));
+
+    let bundle = match sdk_compress_and_encrypt(&files, password, progress) {
+        Ok(b) => b,
+        Err(_) => return -3,
+    };
+
+    write_slice(out_ptr, &bundle);
+    write_out_len(out_len_ptr, bundle.len() as u32);
+    0
+}
+
+#[unsafe(no_mangle)]
+pub extern "C" fn wasm_download(
+    bundle_ptr: u32,
+    bundle_len: u32,
+    password_ptr: u32,
+    password_len: u32,
+    out_ptr: u32,
+    out_len_ptr: u32,
+    callback_fn: usize,
+    user_data: usize,
+) -> i32 {
+    let bundle = read_slice(bundle_ptr, bundle_len);
+
+    let password = match std::str::from_utf8(read_slice(password_ptr, password_len)) {
+        Ok(s) if !s.is_empty() => Some(s),
+        Ok(_) => None,
+        Err(_) => return -1,
+    };
+
+    let bridge = CallbackBridge::new(callback_fn, user_data);
+    let progress = bridge.as_ref().and_then(|b| b.into_progress(bundle.len()));
+
+    let entries = match sdk_decrypt_and_decompress(bundle, password, progress) {
+        Ok(e) => e,
+        Err(_) => return -2,
+    };
+
+    let mut out_buf = Vec::new();
+    write_file_array(&mut out_buf, &entries);
+    write_slice(out_ptr, &out_buf);
+    write_out_len(out_len_ptr, out_buf.len() as u32);
+    0
+}
diff --git a/rust-toolchain.toml b/rust-toolchain.toml
new file mode 100644
index 00000000..fc8ca8c5
--- /dev/null
+++ b/rust-toolchain.toml
@@ -0,0 +1,3 @@
+[toolchain]
+channel = "nightly"
+targets = ["wasm32-unknown-unknown"]
diff --git a/src/backend/app/__init__.py b/scripts/__init__.py
similarity index 100%
rename from src/backend/app/__init__.py
rename to scripts/__init__.py
diff --git a/scripts/build_all.py b/scripts/build_all.py
new file mode 100644
index 00000000..dcecd8e2
--- /dev/null
+++ b/scripts/build_all.py
@@ -0,0 +1,64 @@
+"""Master build script — builds everything in the correct order.
+
+Usage:
+    python scripts/build_all.py              # Full build
+    python scripts/build_all.py --wasm-only  # Only build WASM
+    python scripts/build_all.py --python-only # Only build Python wheel
+    python scripts/build_all.py --check      # Verify toolchain
+"""
+
+import argparse
+import pathlib
+import subprocess
+import sys
+
+_SCRIPTS_DIR = pathlib.Path(__file__).resolve().parent
+
+
+def run(script: str, *args: str) -> None:
+    """Run a build script via subprocess."""
+    cmd = [sys.executable, str(_SCRIPTS_DIR / script), *args]
+    print(f"\n{'=' * 60}")
+    print(f"[RUN] {' '.join(cmd[3:])}")
+    print(f"{'=' * 60}")
+    try:
+        subprocess.run(cmd, check=True)
+    except subprocess.CalledProcessError as e:
+        print(f"[ERROR] {script} failed with exit code {e.returncode}")
+        sys.exit(e.returncode)
+
+
+def main() -> None:
+    parser = argparse.ArgumentParser(description="Build all chithi components")
+    parser.add_argument("--wasm-only", action="store_true", help="Build WASM only")
+    parser.add_argument("--python-only", action="store_true", help="Build Python wheel only")
+    parser.add_argument("--debug", action="store_true", help="Debug build")
+    parser.add_argument("--check", action="store_true", help="Check toolchain only")
+    parser.add_argument("--develop", action="store_true", help="Install Python in dev mode")
+    args = parser.parse_args()
+
+    if args.check:
+        run("build_wasm.py", "--check")
+        return
+
+    debug = ["--debug"] if args.debug else []
+
+    # Step 1 — build WASM once
+    if not args.python_only:
+        run("build_wasm.py", *debug)
+
+    if args.wasm_only:
+        print("\n[DONE] WASM build complete.")
+        return
+
+    # Step 2 — build Python SDK (reuse WASM)
+    run("build_python_sdk.py", *debug, "--no-wasm")
+
+    # Step 3 — build JS SDK (reuse WASM)
+    run("build_js_sdk.py", *debug, "--no-wasm")
+
+    print("\n[DONE] Full build complete.")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/scripts/build_and_copy_all.py b/scripts/build_and_copy_all.py
new file mode 100644
index 00000000..c2ed7b58
--- /dev/null
+++ b/scripts/build_and_copy_all.py
@@ -0,0 +1,60 @@
+"""Build all components and copy outputs to their final destinations.
+
+Usage:
+    python scripts/build_and_copy_all.py           # Build + copy everything
+    python scripts/build_and_copy_all.py --debug   # Debug build
+    python scripts/build_and_copy_all.py --check   # Verify toolchain
+"""
+
+import argparse
+import pathlib
+import subprocess
+import sys
+
+_SCRIPTS_DIR = pathlib.Path(__file__).resolve().parent
+
+
+def run(script: str, *args: str) -> None:
+    """Run a build script via subprocess."""
+    cmd = [sys.executable, str(_SCRIPTS_DIR / script), *args]
+    print(f"\n{'=' * 60}")
+    print(f"[RUN] {' '.join(cmd[3:])}")
+    print(f"{'=' * 60}")
+    try:
+        subprocess.run(cmd, check=True)
+    except subprocess.CalledProcessError as e:
+        print(f"[ERROR] {script} failed with exit code {e.returncode}")
+        sys.exit(e.returncode)
+
+
+def main() -> None:
+    parser = argparse.ArgumentParser(
+        description="Build all components and copy to final destinations.",
+    )
+    parser.add_argument("--debug", action="store_true", help="Debug build")
+    parser.add_argument("--check", action="store_true", help="Check toolchain only")
+    args = parser.parse_args()
+
+    if args.check:
+        run("build_wasm.py", "--check")
+        return
+
+    debug = ["--debug"] if args.debug else []
+
+    # Step 1 — build WASM once
+    run("build_wasm.py", *debug)
+
+    # Step 2 — build Python SDK (reuse WASM)
+    run("build_python_sdk.py", *debug, "--no-wasm")
+
+    # Step 3 — build JS SDK (reuse WASM)
+    run("build_js_sdk.py", *debug, "--no-wasm")
+
+    # Step 4 — copy Python wheel to CLI
+    run("build_python_wheel.py", "--skip-wasm")
+
+    print("\n[DONE] Full build and copy complete.")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/scripts/build_js_sdk.py b/scripts/build_js_sdk.py
new file mode 100644
index 00000000..4db4b681
--- /dev/null
+++ b/scripts/build_js_sdk.py
@@ -0,0 +1,404 @@
+"""Build the chithi JS SDK with WASM bundled inside.
+
+Usage:
+    python scripts/build_js_sdk.py                # Build + output dist/
+    python scripts/build_js_sdk.py --debug         # Debug WASM build
+    python scripts/build_js_sdk.py --no-wasm       # Skip WASM, reuse existing
+    python scripts/build_js_sdk.py --check         # Verify toolchain only
+    python scripts/build_js_sdk.py --info          # Print dist/ contents
+"""
+
+import argparse
+import json
+import logging
+import os
+import pathlib
+import shutil
+import subprocess
+import sys
+from typing import Final
+
+# ---------------------------------------------------------------------------
+# Paths
+# ---------------------------------------------------------------------------
+
+_REPO_ROOT: Final = pathlib.Path(__file__).resolve().parent.parent
+_CRATES_DIR: Final = _REPO_ROOT / "crates"
+_WASM_BINDINGS_DIR: Final = _CRATES_DIR / "wasm_bindings"
+_JS_SDK_DIR: Final = _REPO_ROOT / "sdks" / "js"
+_JS_DIST_DIR: Final = _JS_SDK_DIR / "dist"
+_WASM_OUTPUT_DIR: Final = _REPO_ROOT / "target"
+
+logger = logging.getLogger("build_js_sdk")
+
+# ---------------------------------------------------------------------------
+# Logging helpers
+# ---------------------------------------------------------------------------
+
+
+def _setup_logging(verbose: bool) -> None:
+    level = logging.DEBUG if verbose else logging.INFO
+    logging.basicConfig(
+        level=level,
+        format="%(asctime)s [%(levelname)s] %(message)s",
+        datefmt="%H:%M:%S",
+    )
+
+
+def _error(message: str, hint: str | None = None) -> None:
+    logger.error(message)
+    if hint:
+        logger.warning("Hint: %s", hint)
+    sys.exit(1)
+
+
+def _ok(message: str) -> None:
+    logger.info(message)
+
+
+def _warn(message: str) -> None:
+    logger.warning(message)
+
+
+# ---------------------------------------------------------------------------
+# Toolchain checks
+# ---------------------------------------------------------------------------
+
+
+def _find_command(name: str, install_hint: str) -> pathlib.Path:
+    """Find an executable in PATH or exit."""
+    path = shutil.which(name)
+    if path is None:
+        _error(
+            f"'{name}' not found in PATH.",
+            hint=install_hint,
+        )
+    return pathlib.Path(path)
+
+
+def check_toolchain() -> None:
+    """Verify Rust, Node.js, npm, and wasm32 target are available."""
+    # Rust
+    cargo = _find_command("cargo", "Install Rust from https://rustup.rs/")
+
+    result = subprocess.run(
+        [str(cargo), "--version"],
+        capture_output=True,
+        text=True,
+        timeout=15,
+    )
+    if result.returncode != 0:
+        _error(f"cargo error: {result.stderr.strip()}")
+
+    logger.info("Rust toolchain: %s", result.stdout.strip())
+
+    # wasm32 target
+    rustup = shutil.which("rustup")
+    if rustup:
+        target_result = subprocess.run(
+            [rustup, "target", "list", "--installed"],
+            capture_output=True,
+            text=True,
+            timeout=15,
+        )
+        if target_result.returncode == 0:
+            targets = target_result.stdout.strip().splitlines()
+            if "wasm32-unknown-unknown" not in targets:
+                _error(
+                    "wasm32-unknown-unknown target not installed.",
+                    hint="Run: rustup target add wasm32-unknown-unknown",
+                )
+            logger.debug("WASM target: installed")
+        else:
+            _warn("Could not verify installed targets.")
+    else:
+        _warn("rustup not found, skipping target verification.")
+
+    # Node.js
+    node = _find_command("node", "Install Node.js from https://nodejs.org/")
+    node_result = subprocess.run(
+        [str(node), "--version"],
+        capture_output=True,
+        text=True,
+        timeout=10,
+    )
+    if node_result.returncode == 0:
+        logger.info("Node.js: %s", node_result.stdout.strip())
+
+    # npm
+    npm = _find_command("npm", "Install npm with Node.js from https://nodejs.org/")
+    npm_result = subprocess.run(
+        [str(npm), "--version"],
+        capture_output=True,
+        text=True,
+        timeout=10,
+    )
+    if npm_result.returncode == 0:
+        logger.info("npm: %s", npm_result.stdout.strip())
+
+    _ok("Toolchain is ready.")
+
+
+# ---------------------------------------------------------------------------
+# WASM build
+# ---------------------------------------------------------------------------
+
+
+def build_wasm(debug: bool = False) -> pathlib.Path:
+    """Build the WASM module and return the .wasm path."""
+    cargo = _find_command("cargo", "Install Rust from https://rustup.rs/")
+
+    if not _WASM_BINDINGS_DIR.is_dir():
+        _error(
+            f"wasm_bindings crate not found at {_WASM_BINDINGS_DIR}.",
+        )
+
+    profile = "debug" if debug else "release"
+    cmd = [
+        str(cargo),
+        "build",
+        "-p",
+        "wasm_bindings",
+        "--target",
+        "wasm32-unknown-unknown",
+        "--target-dir",
+        str(_WASM_OUTPUT_DIR),
+    ]
+    if not debug:
+        cmd.append("--release")
+
+    logger.info("Building WASM: %s", " ".join(cmd[1:4]))
+
+    # Enable WASM GC support
+    env = os.environ.copy()
+    env["RUSTFLAGS"] = "-Ctarget-feature=+reference-types,+gc"
+
+    result = subprocess.run(
+        cmd,
+        cwd=str(_REPO_ROOT),
+        capture_output=True,
+        text=True,
+        env=env,
+    )
+
+    if result.returncode != 0:
+        logger.error(result.stderr)
+        _error(
+            "WASM build failed.",
+            hint="Try: cargo check -p wasm_bindings --target wasm32-unknown-unknown",
+        )
+
+    wasm_file = _WASM_OUTPUT_DIR / "wasm32-unknown-unknown" / profile / "wasm_bindings.wasm"
+
+    if not wasm_file.exists():
+        found = list(
+            (_WASM_OUTPUT_DIR / "wasm32-unknown-unknown" / profile).glob("*.wasm")
+        )
+        if found:
+            _warn(f"Expected wasm_bindings.wasm, found: {[f.name for f in found]}")
+        _error(f"WASM output not found at {wasm_file}")
+
+    size_kb = wasm_file.stat().st_size / 1024
+    _ok(f"Built wasm_bindings.wasm ({size_kb:.1f} KB)")
+    return wasm_file
+
+
+# ---------------------------------------------------------------------------
+# JS SDK build
+# ---------------------------------------------------------------------------
+
+
+def _install_deps() -> None:
+    """Install JS SDK dependencies."""
+    package_json = _JS_SDK_DIR / "package.json"
+    if not package_json.exists():
+        _error(f"package.json not found at {package_json}")
+
+    _find_command("node", "Install Node.js from https://nodejs.org/")
+    npm = _find_command("npm", "Install npm with Node.js from https://nodejs.org/")
+
+    # Check if node_modules exists
+    node_modules = _JS_SDK_DIR / "node_modules"
+    if not node_modules.exists():
+        logger.info("Installing JS SDK dependencies...")
+        result = subprocess.run(
+            [str(npm), "install"],
+            cwd=str(_JS_SDK_DIR),
+            capture_output=True,
+            text=True,
+        )
+        if result.returncode != 0:
+            logger.error(result.stderr)
+            _error(
+                "npm install failed.",
+                hint="Check package.json for errors.",
+            )
+        _ok("Dependencies installed.")
+    else:
+        logger.debug("node_modules already exists, skipping install.")
+
+
+def _copy_wasm_for_build(wasm_file: pathlib.Path) -> None:
+    """Copy the WASM module to the JS SDK root for the build step."""
+    dest = _JS_SDK_DIR / "chithi.wasm"
+    shutil.copy2(wasm_file, dest)
+    logger.info("Copied WASM to SDK root for bundling.")
+
+
+def _clean_wasm_after_build() -> None:
+    """Remove chithi.wasm from the JS SDK root after bundling.
+
+    The WASM is already baked into dist/index.js as compressed hex,
+    so the raw .wasm file is no longer needed.
+    """
+    leftover = _JS_SDK_DIR / "chithi.wasm"
+    if leftover.exists():
+        leftover.unlink()
+        logger.info("Removed chithi.wasm from SDK root (already baked into bundle).")
+    else:
+        logger.debug("No chithi.wasm to clean up.")
+
+
+def build_js_sdk() -> None:
+    """Build the JS SDK with WASM."""
+    _install_deps()
+
+    logger.info("Building JS SDK...")
+
+    npm = _find_command("npm", "Install npm with Node.js from https://nodejs.org/")
+    result = subprocess.run(
+        [str(npm), "run", "build"],
+        cwd=str(_JS_SDK_DIR),
+        capture_output=True,
+        text=True,
+        encoding="utf-8",
+        errors="replace",
+    )
+
+    if result.returncode != 0:
+        logger.error(result.stderr)
+        _error(
+            "JS SDK build failed.",
+            hint="Check TypeScript compilation errors above.",
+        )
+
+    # Check for dist/ contents
+    if _JS_DIST_DIR.exists():
+        js_files = list(_JS_DIST_DIR.glob("*.js"))
+        dts_files = list(_JS_DIST_DIR.glob("*.d.ts"))
+        logger.debug("Compiled %d .js files and %d .d.ts files.", len(js_files), len(dts_files))
+    else:
+        _error("dist/ directory not found after build.")
+
+    _clean_wasm_after_build()
+
+    _ok("JS SDK build complete.")
+
+
+# ---------------------------------------------------------------------------
+# Dist info
+# ---------------------------------------------------------------------------
+
+
+def _print_dist_info() -> None:
+    """Print dist/ directory contents and sizes."""
+    if not _JS_DIST_DIR.exists():
+        _warn("dist/ directory not found.")
+        return
+
+    logger.info("dist/ contents:")
+    for item in sorted(_JS_DIST_DIR.iterdir()):
+        if item.is_file():
+            size_kb = item.stat().st_size / 1024
+            logger.info("  %s (%.1f KB)", item.name, size_kb)
+        else:
+            logger.info("  %s/", item.name)
+
+    # Print package.json info
+    package_json = _JS_SDK_DIR / "package.json"
+    if package_json.exists():
+        with open(package_json, encoding="utf-8") as f:
+            pkg = json.load(f)
+        logger.info("Package: %s@%s", pkg.get("name"), pkg.get("version"))
+        logger.info("Main: %s", pkg.get("main"))
+        logger.info("Types: %s", pkg.get("types"))
+
+
+# ---------------------------------------------------------------------------
+# Main
+# ---------------------------------------------------------------------------
+
+
+def main() -> None:
+    parser = argparse.ArgumentParser(
+        description="Build chithi JS SDK with bundled WASM.",
+    )
+    parser.add_argument(
+        "--debug",
+        action="store_true",
+        help="Build WASM in debug mode.",
+    )
+    parser.add_argument(
+        "--verbose", "-v",
+        action="store_true",
+        help="Verbose output.",
+    )
+    parser.add_argument(
+        "--no-wasm",
+        action="store_true",
+        help="Skip WASM build (reuse existing chithi.wasm).",
+    )
+    parser.add_argument(
+        "--check",
+        action="store_true",
+        help="Verify toolchain and exit.",
+    )
+    parser.add_argument(
+        "--info",
+        action="store_true",
+        help="Print dist/ contents after build.",
+    )
+    args = parser.parse_args()
+
+    _setup_logging(args.verbose)
+
+    # Step 1 — toolchain
+    check_toolchain()
+    if args.check:
+        return
+
+    # Step 2 — build WASM (unless skipped)
+    if args.no_wasm:
+        existing_wasm = _JS_DIST_DIR / "chithi.wasm"
+        if existing_wasm.exists():
+            _ok(f"Reusing existing WASM at {existing_wasm}")
+            wasm_file = existing_wasm
+        else:
+            # Check src/ as fallback
+            src_wasm = _JS_SDK_DIR / "src" / "chithi.wasm"
+            if src_wasm.exists():
+                _ok(f"Reusing existing WASM at {src_wasm}")
+                wasm_file = src_wasm
+            else:
+                _error(
+                    "No existing WASM found and --no-wasm was specified.",
+                    hint="Remove --no-wasm to build WASM, or ensure chithi.wasm exists.",
+                )
+    else:
+        wasm_file = build_wasm(debug=args.debug)
+
+    # Step 3 — copy WASM for build
+    _copy_wasm_for_build(wasm_file)
+
+    # Step 4 — build JS SDK
+    build_js_sdk()
+
+    # Step 5 — info
+    if args.info:
+        _print_dist_info()
+
+    _ok(f"Done. JS SDK is at {_JS_DIST_DIR}")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/scripts/build_python_sdk.py b/scripts/build_python_sdk.py
new file mode 100644
index 00000000..ffbce256
--- /dev/null
+++ b/scripts/build_python_sdk.py
@@ -0,0 +1,372 @@
+"""Build the chithi-sdk Python wheel with WASM bundled inside.
+
+Usage:
+    python scripts/build_python_sdk.py             # Build + output .whl
+    python scripts/build_python_sdk.py --debug     # Debug WASM build
+    python scripts/build_python_sdk.py --no-wasm   # Skip WASM, reuse existing
+    python scripts/build_python_sdk.py --check     # Verify toolchain only
+"""
+
+import argparse
+import json
+import logging
+import os
+import pathlib
+import platform
+import shutil
+import subprocess
+import sys
+import tempfile
+import zipfile
+from typing import Final
+
+# ---------------------------------------------------------------------------
+# Paths
+# ---------------------------------------------------------------------------
+
+_REPO_ROOT: Final = pathlib.Path(__file__).resolve().parent.parent
+_CRATES_DIR: Final = _REPO_ROOT / "crates"
+_WASM_BINDINGS_DIR: Final = _CRATES_DIR / "wasm_bindings"
+_PYTHON_SDK_DIR: Final = _REPO_ROOT / "sdks" / "python"
+_SDK_SRC_DIR: Final = _PYTHON_SDK_DIR / "src" / "chithi_sdk"
+_WASM_OUTPUT_DIR: Final = _REPO_ROOT / "target"
+
+logger = logging.getLogger("build_python_sdk")
+
+# ---------------------------------------------------------------------------
+# Logging helpers
+# ---------------------------------------------------------------------------
+
+
+def _setup_logging(verbose: bool) -> None:
+    level = logging.DEBUG if verbose else logging.INFO
+    logging.basicConfig(
+        level=level,
+        format="%(asctime)s [%(levelname)s] %(message)s",
+        datefmt="%H:%M:%S",
+    )
+
+
+def _error(message: str, hint: str | None = None) -> None:
+    logger.error(message)
+    if hint:
+        logger.warning("Hint: %s", hint)
+    sys.exit(1)
+
+
+def _ok(message: str) -> None:
+    logger.info(message)
+
+
+def _warn(message: str) -> None:
+    logger.warning(message)
+
+
+# ---------------------------------------------------------------------------
+# Toolchain checks
+# ---------------------------------------------------------------------------
+
+
+def _find_command(name: str, install_hint: str) -> pathlib.Path:
+    """Find an executable in PATH or exit."""
+    path = shutil.which(name)
+    if path is None:
+        _error(
+            f"'{name}' not found in PATH.",
+            hint=install_hint,
+        )
+    return pathlib.Path(path)
+
+
+def check_toolchain() -> None:
+    """Verify Rust, cargo, and wasm32 target are available."""
+    cargo = _find_command("cargo", "Install Rust from https://rustup.rs/")
+
+    result = subprocess.run(
+        [str(cargo), "--version"],
+        capture_output=True,
+        text=True,
+        timeout=15,
+    )
+    if result.returncode != 0:
+        _error(f"cargo error: {result.stderr.strip()}")
+
+    logger.info("Rust toolchain: %s", result.stdout.strip())
+
+    rustup = shutil.which("rustup")
+    if rustup:
+        target_result = subprocess.run(
+            [rustup, "target", "list", "--installed"],
+            capture_output=True,
+            text=True,
+            timeout=15,
+        )
+        if target_result.returncode == 0:
+            targets = target_result.stdout.strip().splitlines()
+            if "wasm32-unknown-unknown" not in targets:
+                _error(
+                    "wasm32-unknown-unknown target not installed.",
+                    hint="Run: rustup target add wasm32-unknown-unknown",
+                )
+            logger.debug("WASM target: installed")
+        else:
+            _warn("Could not verify installed targets.")
+    else:
+        _warn("rustup not found, skipping target verification.")
+
+    _ok("Toolchain is ready.")
+
+
+# ---------------------------------------------------------------------------
+# WASM build
+# ---------------------------------------------------------------------------
+
+
+def build_wasm(debug: bool = False) -> pathlib.Path:
+    """Build the WASM module and return the .wasm path."""
+    cargo = _find_command("cargo", "Install Rust from https://rustup.rs/")
+
+    if not _WASM_BINDINGS_DIR.is_dir():
+        _error(
+            f"wasm_bindings crate not found at {_WASM_BINDINGS_DIR}.",
+        )
+
+    profile = "debug" if debug else "release"
+    cmd = [
+        str(cargo),
+        "build",
+        "-p",
+        "wasm_bindings",
+        "--target",
+        "wasm32-unknown-unknown",
+        "--target-dir",
+        str(_WASM_OUTPUT_DIR),
+    ]
+    if not debug:
+        cmd.append("--release")
+
+    logger.info("Building WASM: %s", " ".join(cmd[1:4]))
+
+    # Enable WASM GC support
+    env = os.environ.copy()
+    env["RUSTFLAGS"] = "-Ctarget-feature=+reference-types,+gc"
+
+    result = subprocess.run(
+        cmd,
+        cwd=str(_REPO_ROOT),
+        capture_output=True,
+        text=True,
+        env=env,
+    )
+
+    if result.returncode != 0:
+        logger.error(result.stderr)
+        _error(
+            "WASM build failed.",
+            hint="Try: cargo check -p wasm_bindings --target wasm32-unknown-unknown",
+        )
+
+    wasm_file = _WASM_OUTPUT_DIR / "wasm32-unknown-unknown" / profile / "wasm_bindings.wasm"
+
+    if not wasm_file.exists():
+        found = list(
+            (_WASM_OUTPUT_DIR / "wasm32-unknown-unknown" / profile).glob("*.wasm")
+        )
+        if found:
+            _warn(f"Expected wasm_bindings.wasm, found: {[f.name for f in found]}")
+        _error(f"WASM output not found at {wasm_file}")
+
+    size_kb = wasm_file.stat().st_size / 1024
+    _ok(f"Built wasm_bindings.wasm ({size_kb:.1f} KB)")
+    return wasm_file
+
+
+# ---------------------------------------------------------------------------
+# WASM bundle
+# ---------------------------------------------------------------------------
+
+
+def _bundle_wasm(wasm_file: pathlib.Path, dist_dir: pathlib.Path) -> pathlib.Path:
+    """Build a .whl with the WASM module bundled inside.
+
+    Creates a temporary build directory, copies the SDK source,
+    drops the .wasm file into place, runs the build backend,
+    and returns the path to the .whl in dist/.
+    """
+    pyproject = _PYTHON_SDK_DIR / "pyproject.toml"
+    if not pyproject.exists():
+        _error(f"pyproject.toml not found at {pyproject}")
+
+    # Use already-deployed WASM (avoids cargo output lock on Windows)
+    wasm_dest = _SDK_SRC_DIR / "chithi.wasm"
+    if not wasm_dest.exists():
+        shutil.copy2(wasm_file, wasm_dest)
+    logger.info("Bundled WASM into SDK source tree.")
+
+    # Build the wheel
+    dist_dir.mkdir(parents=True, exist_ok=True)
+    logger.info("Building wheel...")
+
+    # Try hatch first, fall back to pip
+    hatch = shutil.which("hatch")
+    if hatch:
+        cmd = [
+            hatch,
+            "build",
+            "--target",
+            "wheel",
+            "-d",
+            str(dist_dir),
+        ]
+    else:
+        cmd = [
+            sys.executable,
+            "-m",
+            "pip",
+            "wheel",
+            "--no-deps",
+            "-w",
+            str(dist_dir),
+            str(_PYTHON_SDK_DIR),
+        ]
+
+    result = subprocess.run(
+        cmd,
+        cwd=str(_PYTHON_SDK_DIR),
+        capture_output=True,
+        text=True,
+    )
+
+    if result.returncode != 0:
+        logger.error(result.stderr)
+        _error(
+            "Wheel build failed.",
+            hint="Ensure hatchling or pip is installed: pip install hatchling",
+        )
+
+    wheels = list(dist_dir.glob("*.whl"))
+    if not wheels:
+        _error("No .whl file found in dist/ after build.")
+
+    wheel = max(wheels, key=lambda p: p.stat().st_mtime)
+    size_mb = wheel.stat().st_size / (1024 * 1024)
+    _ok(f"Built wheel: {wheel.name} ({size_mb:.2f} MB)")
+
+    # Verify WASM is inside the wheel
+    with zipfile.ZipFile(wheel) as zf:
+        wasm_in_wheel = any("chithi.wasm" in name for name in zf.namelist())
+
+    if wasm_in_wheel:
+        _ok("WASM module is bundled inside the wheel.")
+    else:
+        _warn("WASM module not found inside the wheel — the wheel may not work.")
+
+    return wheel
+
+
+# ---------------------------------------------------------------------------
+# Wheel info
+# ---------------------------------------------------------------------------
+
+
+def _print_wheel_info(wheel_path: pathlib.Path) -> None:
+    """Print wheel contents and metadata."""
+    logger.info("Wheel contents:")
+    with zipfile.ZipFile(wheel_path) as zf:
+        for name in zf.namelist():
+            info = zf.getinfo(name)
+            size_kb = info.file_size / 1024
+            logger.info("  %s (%.1f KB)", name, size_kb)
+
+    # Print metadata
+    metadata_path = None
+    with zipfile.ZipFile(wheel_path) as zf:
+        for name in zf.namelist():
+            if name.endswith("METADATA"):
+                metadata_path = name
+                break
+
+    if metadata_path:
+        with zipfile.ZipFile(wheel_path) as zf:
+            metadata = zf.read(metadata_path).decode("utf-8")
+        logger.info("Package metadata:")
+        for line in metadata.splitlines()[:15]:
+            logger.info("  %s", line)
+
+
+# ---------------------------------------------------------------------------
+# Main
+# ---------------------------------------------------------------------------
+
+
+def main() -> None:
+    parser = argparse.ArgumentParser(
+        description="Build chithi-sdk Python wheel with bundled WASM.",
+    )
+    parser.add_argument(
+        "--debug",
+        action="store_true",
+        help="Build WASM in debug mode.",
+    )
+    parser.add_argument(
+        "--verbose", "-v",
+        action="store_true",
+        help="Verbose output.",
+    )
+    parser.add_argument(
+        "--no-wasm",
+        action="store_true",
+        help="Skip WASM build (reuse existing chithi.wasm).",
+    )
+    parser.add_argument(
+        "--check",
+        action="store_true",
+        help="Verify toolchain and exit.",
+    )
+    parser.add_argument(
+        "--output", "-o",
+        type=pathlib.Path,
+        default=None,
+        help="Output directory for the wheel (default: sdks/python/dist/).",
+    )
+    parser.add_argument(
+        "--info",
+        action="store_true",
+        help="Print wheel contents after build.",
+    )
+    args = parser.parse_args()
+
+    _setup_logging(args.verbose)
+    dist_dir = args.output or _PYTHON_SDK_DIR / "dist"
+
+    # Step 1 — toolchain
+    check_toolchain()
+    if args.check:
+        return
+
+    # Step 2 — build WASM (unless skipped)
+    if args.no_wasm:
+        existing_wasm = _SDK_SRC_DIR / "chithi.wasm"
+        if existing_wasm.exists():
+            _ok(f"Reusing existing WASM at {existing_wasm}")
+            wasm_file = existing_wasm
+        else:
+            _error(
+                "No existing WASM found and --no-wasm was specified.",
+                hint="Remove --no-wasm to build WASM, or ensure chithi.wasm exists in the SDK source.",
+            )
+    else:
+        wasm_file = build_wasm(debug=args.debug)
+
+    # Step 3 — build wheel
+    wheel = _bundle_wasm(wasm_file, dist_dir)
+
+    # Step 4 — info
+    if args.info:
+        _print_wheel_info(wheel)
+
+    _ok(f"Done. Wheel is at {wheel}")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/scripts/build_python_wheel.py b/scripts/build_python_wheel.py
new file mode 100644
index 00000000..2a9fc197
--- /dev/null
+++ b/scripts/build_python_wheel.py
@@ -0,0 +1,136 @@
+"""Build the chithi-sdk Python wheel and install to the CLI directory.
+
+Usage:
+    python scripts/build_python_wheel.py            # Build + install
+    python scripts/build_python_wheel.py --develop  # pip install -e for dev
+"""
+
+import argparse
+import pathlib
+import shutil
+import subprocess
+import sys
+
+_SCRIPTS_DIR = pathlib.Path(__file__).resolve().parent
+_PYTHON_BINDING_DIR = _SCRIPTS_DIR.parent / "sdks" / "python"
+_CLI_DIR = _SCRIPTS_DIR.parent / "src" / "cli"
+
+
+def find_python() -> str:
+    """Find the Python interpreter."""
+    return sys.executable
+
+
+def build_wasm_first() -> None:
+    """Ensure the WASM module is built before building the wheel."""
+    build_wasm = _SCRIPTS_DIR / "build_wasm.py"
+
+    if build_wasm.exists():
+        print("[WASM] Building WASM module first...")
+        subprocess.run(
+            [find_python(), str(build_wasm), "--no-deploy"],
+            check=True,
+        )
+        # Now deploy to Python binding dir
+        subprocess.run(
+            [find_python(), str(build_wasm)],
+            check=True,
+        )
+    else:
+        print("[WARN] build_wasm.py not found. Ensure WASM is built manually.")
+
+
+def build_wheel() -> pathlib.Path | None:
+    """Build the Python wheel using hatch/pip."""
+    python = find_python()
+    binding_dir = _PYTHON_BINDING_DIR
+
+    print(f"[BUILD] Building Python wheel from {binding_dir}")
+
+    # Try hatch first, fall back to pip wheel
+    if shutil.which("hatch"):
+        cmd = ["hatch", "build", "--target", "wheel", "-d", str(binding_dir / "dist")]
+    else:
+        cmd = [python, "-m", "pip", "wheel", "--no-deps", "-w", str(binding_dir / "dist"), str(binding_dir)]
+
+    try:
+        subprocess.run(cmd, check=True)
+    except subprocess.CalledProcessError as e:
+        print(f"[ERROR] Wheel build failed: {e}")
+        return None
+
+    # Find the .whl file
+    dist_dir = binding_dir / "dist"
+    wheels = list(dist_dir.glob("*.whl"))
+    if wheels:
+        print(f"[OK] Built wheel: {wheels[-1].name}")
+        return wheels[-1]
+    print("[WARN] No wheel found in dist/")
+    return None
+
+
+def install_wheel(wheel_path: pathlib.Path) -> None:
+    """Install the wheel into the CLI's Python environment."""
+    python = find_python()
+
+    print(f"[INSTALL] Installing wheel to CLI environment...")
+
+    cmd = [python, "-m", "pip", "install", "--force-reinstall", str(wheel_path)]
+    try:
+        subprocess.run(cmd, check=True)
+    except subprocess.CalledProcessError as e:
+        print(f"[ERROR] Wheel installation failed: {e}")
+        sys.exit(1)
+
+    print("[OK] Wheel installed.")
+
+
+def install_develop() -> None:
+    """Install the Python binding in development mode."""
+    python = find_python()
+    binding_dir = _PYTHON_BINDING_DIR
+
+    print(f"[DEV] Installing in development mode from {binding_dir}")
+
+    cmd = [python, "-m", "pip", "install", "-e", str(binding_dir)]
+    try:
+        subprocess.run(cmd, check=True)
+    except subprocess.CalledProcessError as e:
+        print(f"[ERROR] Dev install failed: {e}")
+        sys.exit(1)
+
+    print("[OK] Dev install complete.")
+
+
+def main() -> None:
+    parser = argparse.ArgumentParser(description="Build chithi-sdk Python wheel")
+    parser.add_argument(
+        "--develop", action="store_true",
+        help="Install in development mode (pip install -e)",
+    )
+    parser.add_argument(
+        "--skip-wasm", action="store_true",
+        help="Skip building the WASM module (assume it's already built)",
+    )
+    args = parser.parse_args()
+
+    if args.develop:
+        if not args.skip_wasm:
+            build_wasm_first()
+        install_develop()
+        return
+
+    # Default: build wheel + install
+    if not args.skip_wasm:
+        build_wasm_first()
+
+    wheel = build_wheel()
+    if wheel:
+        install_wheel(wheel)
+    else:
+        print("[WARN] Wheel build failed, trying dev install as fallback...")
+        install_develop()
+
+
+if __name__ == "__main__":
+    main()
diff --git a/scripts/build_wasm.py b/scripts/build_wasm.py
new file mode 100644
index 00000000..2cfddb44
--- /dev/null
+++ b/scripts/build_wasm.py
@@ -0,0 +1,278 @@
+"""Build the chithi WASM module and deploy to consumers.
+
+Usage:
+    python scripts/build_wasm.py          # Build and deploy
+    python scripts/build_wasm.py --debug  # Debug build
+    python scripts/build_wasm.py --check  # Only verify toolchain
+    python scripts/build_wasm.py --no-deploy  # Build only, skip deploy
+"""
+
+import argparse
+import json
+import os
+import pathlib
+import platform
+import shutil
+import subprocess
+import sys
+
+# ---------------------------------------------------------------------------
+# Paths
+# ---------------------------------------------------------------------------
+
+_REPO_ROOT = pathlib.Path(__file__).resolve().parent.parent
+_CRATES_DIR = _REPO_ROOT / "crates"
+_WASM_BINDINGS = _CRATES_DIR / "wasm_bindings"
+
+_FRONTEND_WASM_DIR = _REPO_ROOT / "src" / "frontend" / "src" / "lib" / "wasm"
+_CLI_WASM_DIR = _REPO_ROOT / "src" / "cli"
+_PYTHON_WASM_DIR = _REPO_ROOT / "sdks" / "python" / "src" / "chithi_sdk"
+_JS_WASM_DIR = _REPO_ROOT / "sdks" / "js" / "dist"
+
+# ---------------------------------------------------------------------------
+# Helpers
+# ---------------------------------------------------------------------------
+
+
+def _is_windows() -> bool:
+    return platform.system().lower() == "windows"
+
+
+def _error(message: str, hint: str | None = None) -> None:
+    """Print a styled error message and exit."""
+    print(f"\n[ERROR] {message}", file=sys.stderr)
+    if hint:
+        print(f"[HINT]  {hint}", file=sys.stderr)
+    sys.exit(1)
+
+
+def _warn(message: str) -> None:
+    print(f"[WARN]  {message}", file=sys.stderr)
+
+
+def _ok(message: str) -> None:
+    print(f"[OK]    {message}")
+
+
+def _info(message: str) -> None:
+    print(f"[INFO]  {message}")
+
+
+# ---------------------------------------------------------------------------
+# Toolchain checks
+# ---------------------------------------------------------------------------
+
+
+def _check_command(command: str, install_hint: str) -> str | None:
+    """Return the resolved path of *command*, or None if missing."""
+    path = shutil.which(command)
+    if path is None:
+        _error(
+            f"'{command}' is not available in PATH.",
+            hint=install_hint,
+        )
+    return path
+
+
+def check_toolchain() -> bool:
+    """Verify Rust, cargo, and the wasm32-unknown-unknown target are available."""
+    cargo = _check_command(
+        "cargo",
+        "Install Rust from https://rustup.rs/",
+    )
+
+    # Verify cargo actually works
+    try:
+        result = subprocess.run(
+            [cargo, "--version"],
+            capture_output=True,
+            text=True,
+            timeout=15,
+        )
+        if result.returncode != 0:
+            _error(
+                f"cargo returned an error: {result.stderr.strip()}",
+                hint="Re-run 'rustup update' to fix your toolchain.",
+            )
+    except subprocess.TimeoutExpired:
+        _error("cargo --version timed out.", hint="Check if cargo is hanging.")
+    except FileNotFoundError:
+        _error("cargo binary disappeared after detection.", hint="Reinstall Rust.")
+
+    _info(f"Rust toolchain: {result.stdout.strip()}")
+
+    # Check wasm32-unknown-unknown target via rustup
+    rustup = shutil.which("rustup")
+    if rustup:
+        try:
+            result = subprocess.run(
+                [rustup, "target", "list", "--installed"],
+                capture_output=True,
+                text=True,
+                timeout=15,
+            )
+            if result.returncode == 0 and "wasm32-unknown-unknown" not in result.stdout:
+                _error(
+                    "The 'wasm32-unknown-unknown' target is not installed.",
+                    hint="Run: rustup target add wasm32-unknown-unknown",
+                )
+        except subprocess.TimeoutExpired:
+            _warn("Checking targets timed out, skipping target check.")
+    else:
+        _warn("rustup not found in PATH, skipping target verification.")
+
+    _ok("Toolchain is ready.")
+    return True
+
+
+# ---------------------------------------------------------------------------
+# Build
+# ---------------------------------------------------------------------------
+
+
+def build_wasm(debug: bool = False) -> pathlib.Path:
+    """Compile the wasm_bindings crate and return the .wasm path."""
+    cargo = _check_command(
+        "cargo",
+        "Install Rust from https://rustup.rs/",
+    )
+
+    # Verify the crate exists
+    if not _WASM_BINDINGS.is_dir():
+        _error(
+            f"wasm_bindings crate directory not found at {_WASM_BINDINGS}",
+            hint="Check that 'crates/wasm_bindings' exists in the repo.",
+        )
+
+    cargo_toml = _WASM_BINDINGS / "Cargo.toml"
+    if not cargo_toml.is_file():
+        _error(
+            f"Cargo.toml not found at {cargo_toml}",
+            hint="The wasm_bindings crate is missing its manifest.",
+        )
+
+    profile = "debug" if debug else "release"
+    cmd = [
+        cargo,
+        "build",
+        "-p",
+        "wasm_bindings",
+        "--target",
+        "wasm32-unknown-unknown",
+        "--target-dir",
+        str(_REPO_ROOT / "target"),
+    ]
+    if not debug:
+        cmd.append("--release")
+
+    # Enable WASM GC support
+    env = os.environ.copy()
+    env["RUSTFLAGS"] = "-Ctarget-feature=+reference-types,+gc"
+
+    _info(f"Building: {' '.join(cmd)}")
+
+    try:
+        result = subprocess.run(
+            cmd,
+            cwd=str(_REPO_ROOT),
+            check=True,
+            env=env,
+        )
+    except subprocess.CalledProcessError as e:
+        _error(
+            f"WASM build failed with exit code {e.returncode}.",
+            hint="Check Rust compilation errors above. Try 'cargo check -p wasm_bindings --target wasm32-unknown-unknown' for a faster diagnostic.",
+        )
+    except FileNotFoundError:
+        _error("cargo disappeared after detection.", hint="Reinstall Rust.")
+
+    # Locate the .wasm output
+    wasm_dir = _REPO_ROOT / "target" / "wasm32-unknown-unknown" / profile
+    wasm_file = wasm_dir / "wasm_bindings.wasm"
+
+    if not wasm_file.exists():
+        # Scan for any .wasm in the target directory
+        if wasm_dir.exists():
+            found = list(wasm_dir.glob("*.wasm"))
+            if found:
+                _warn(f"Expected wasm_bindings.wasm, found: {[f.name for f in found]}")
+        _error(
+            f"WASM output not found at {wasm_file}",
+            hint="Check the build output above for compilation errors.",
+        )
+
+    size_kb = wasm_file.stat().st_size / 1024
+    _ok(f"Built wasm_bindings.wasm ({size_kb:.1f} KB)")
+    return wasm_file
+
+
+# ---------------------------------------------------------------------------
+# Deploy
+# ---------------------------------------------------------------------------
+
+
+def _copy_wasm(
+    wasm_file: pathlib.Path, dest_dir: pathlib.Path, name: str = "chithi.wasm"
+) -> None:
+    """Copy the WASM file to a destination directory."""
+    dest_dir.mkdir(parents=True, exist_ok=True)
+    dest = dest_dir / name
+    shutil.copy2(wasm_file, dest)
+    _info(f"Deployed to {dest}")
+
+
+def deploy(wasm_file: pathlib.Path) -> None:
+    """Copy the WASM module to all consumer directories."""
+    _copy_wasm(wasm_file, _FRONTEND_WASM_DIR, "chithi.wasm")
+    _copy_wasm(wasm_file, _CLI_WASM_DIR, "chithi.wasm")
+    _copy_wasm(wasm_file, _PYTHON_WASM_DIR, "chithi.wasm")
+    _copy_wasm(wasm_file, _JS_WASM_DIR, "chithi.wasm")
+    # Copy to JS SDK root for direct import
+    _copy_wasm(wasm_file, _REPO_ROOT / "sdks" / "js", "chithi.wasm")
+
+
+# ---------------------------------------------------------------------------
+# Main
+# ---------------------------------------------------------------------------
+
+
+def main() -> None:
+    parser = argparse.ArgumentParser(
+        description="Build the chithi WASM module and deploy to consumers.",
+    )
+    parser.add_argument(
+        "--debug",
+        action="store_true",
+        help="Build in debug mode (faster, larger binary).",
+    )
+    parser.add_argument(
+        "--check",
+        action="store_true",
+        help="Only verify the toolchain and exit.",
+    )
+    parser.add_argument(
+        "--no-deploy",
+        action="store_true",
+        help="Build only, do not copy the .wasm to consumers.",
+    )
+    args = parser.parse_args()
+
+    # Step 1 — toolchain
+    check_toolchain()
+    if args.check:
+        return
+
+    # Step 2 — build
+    wasm_file = build_wasm(debug=args.debug)
+
+    # Step 3 — deploy
+    if args.no_deploy:
+        _info("Skipping deployment (--no-deploy).")
+        return
+
+    deploy(wasm_file)
+    _ok("WASM build and deployment complete.")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/scripts/copy_js_sdk.py b/scripts/copy_js_sdk.py
new file mode 100644
index 00000000..27a4797d
--- /dev/null
+++ b/scripts/copy_js_sdk.py
@@ -0,0 +1,315 @@
+"""Copy the chithi-sdk JS package into src/frontend/src/vendor/ and install via npm.
+
+Usage:
+    python scripts/copy_js_sdk.py                # Copy built SDK + npm install
+    python scripts/copy_js_sdk.py --develop       # Symlink for live development
+    python scripts/copy_js_sdk.py --build         # Build SDK + copy
+"""
+
+import argparse
+import logging
+import pathlib
+import shutil
+import subprocess
+import sys
+from typing import Final
+
+# ---------------------------------------------------------------------------
+# Paths
+# ---------------------------------------------------------------------------
+
+_REPO_ROOT: Final = pathlib.Path(__file__).resolve().parent.parent
+_JS_SDK_DIR: Final = _REPO_ROOT / "sdks" / "js"
+_SDK_DIST_DIR: Final = _JS_SDK_DIR / "dist"
+_FRONTEND_DIR: Final = _REPO_ROOT / "src" / "frontend"
+_FRONTEND_SRC_DIR: Final = _FRONTEND_DIR / "src"
+_VENDOR_DIR: Final = _FRONTEND_SRC_DIR / "vendor"
+
+logger = logging.getLogger("copy_js_sdk")
+
+# ---------------------------------------------------------------------------
+# Logging helpers
+# ---------------------------------------------------------------------------
+
+
+def _setup_logging(verbose: bool) -> None:
+    level = logging.DEBUG if verbose else logging.INFO
+    logging.basicConfig(
+        level=level,
+        format="%(asctime)s [%(levelname)s] %(message)s",
+        datefmt="%H:%M:%S",
+    )
+
+
+def _error(message: str, hint: str | None = None) -> None:
+    logger.error(message)
+    if hint:
+        logger.warning("Hint: %s", hint)
+    sys.exit(1)
+
+
+def _ok(message: str) -> None:
+    logger.info(message)
+
+
+def _warn(message: str) -> None:
+    logger.warning(message)
+
+
+# ---------------------------------------------------------------------------
+# Helpers
+# ---------------------------------------------------------------------------
+
+
+def _has_npm() -> bool:
+    """Check if npm is available."""
+    try:
+        result = subprocess.run(
+            ["npm", "--version"],
+            capture_output=True,
+            text=True,
+        )
+        if result.returncode == 0:
+            logger.debug("npm: %s", result.stdout.strip())
+            return True
+    except FileNotFoundError:
+        pass
+    return False
+
+
+def _ensure_vendor_dir() -> None:
+    """Create the vendor/ directory if it doesn't exist."""
+    if not _VENDOR_DIR.exists():
+        logger.debug("Creating vendor directory: %s", _VENDOR_DIR)
+        _VENDOR_DIR.mkdir(parents=True, exist_ok=True)
+
+
+def _build_sdk() -> None:
+    """Build the JS SDK using npm."""
+    if not _has_npm():
+        _error(
+            "npm not found.",
+            hint="Install Node.js to build the JS SDK.",
+        )
+
+    logger.info("Building JS SDK...")
+
+    result = subprocess.run(
+        ["npm", "run", "build"],
+        cwd=str(_JS_SDK_DIR),
+        capture_output=True,
+        text=True,
+    )
+
+    if result.returncode != 0:
+        logger.error(result.stderr)
+        _error(
+            "JS SDK build failed.",
+            hint=f"Run 'npm run build' in {_JS_SDK_DIR} manually.",
+        )
+
+    _ok("JS SDK built successfully.")
+
+
+def _copy_sdk_to_vendor() -> None:
+    """Copy the built SDK dist/ into src/vendor/."""
+    if not _SDK_DIST_DIR.exists():
+        _error(
+            f"SDK dist/ directory not found at {_SDK_DIST_DIR}.",
+            hint="Run with --build to build the SDK first.",
+        )
+
+    dist_files = list(_SDK_DIST_DIR.iterdir())
+    if not dist_files:
+        _error(
+            f"SDK dist/ directory is empty: {_SDK_DIST_DIR}",
+            hint="Run with --build to build the SDK first.",
+        )
+
+    logger.debug("SDK dist contents: %s", [f.name for f in dist_files])
+
+    _ensure_vendor_dir()
+
+    # Remove existing target
+    target_sdk = _VENDOR_DIR / "chithi-sdk"
+    if target_sdk.exists():
+        logger.debug("Removing existing SDK: %s", target_sdk)
+        if target_sdk.is_symlink():
+            target_sdk.unlink()
+        else:
+            shutil.rmtree(str(target_sdk))
+
+    # Copy SDK dist/ as the package directory
+    logger.info("Copying SDK to vendor/chithi-sdk...")
+    shutil.copytree(
+        str(_SDK_DIST_DIR),
+        str(target_sdk),
+        symlinks=False,
+    )
+
+    # Copy the SDK's package.json (so npm can resolve metadata)
+    sdk_package = _JS_SDK_DIR / "package.json"
+    if sdk_package.exists():
+        target_package = target_sdk / "package.json"
+        if not target_package.exists():
+            logger.debug("Copying SDK package.json")
+            shutil.copy2(str(sdk_package), str(target_package))
+
+    _ok("SDK copied to vendor/ successfully.")
+
+
+def _symlink_sdk() -> None:
+    """Create a symlink from vendor/ to the SDK dist/ directory."""
+    if not _SDK_DIST_DIR.exists():
+        _error(
+            f"SDK dist/ directory not found at {_SDK_DIST_DIR}.",
+            hint="Run with --build to build the SDK first.",
+        )
+
+    _ensure_vendor_dir()
+
+    target_sdk = _VENDOR_DIR / "chithi-sdk"
+    if target_sdk.exists():
+        logger.debug("Removing existing target: %s", target_sdk)
+        if target_sdk.is_symlink():
+            target_sdk.unlink()
+        else:
+            shutil.rmtree(str(target_sdk))
+
+    logger.info("Symlinking SDK to vendor/chithi-sdk...")
+    target_sdk.symlink_to(
+        _SDK_DIST_DIR.resolve(),
+        target_is_directory=True,
+    )
+
+    _ok("SDK symlinked successfully.")
+
+
+def _npm_install() -> None:
+    """Install the vendor package into the frontend via npm install."""
+    if not _has_npm():
+        _error(
+            "npm not found.",
+            hint="Install Node.js to install the JS SDK.",
+        )
+
+    target_sdk = _VENDOR_DIR / "chithi-sdk"
+    logger.info("Installing vendor/chithi-sdk via npm install...")
+
+    cmd = [
+        "npm",
+        "install",
+        str(target_sdk),
+        "--save",
+    ]
+
+    result = subprocess.run(
+        cmd,
+        cwd=str(_FRONTEND_DIR),
+        capture_output=True,
+        text=True,
+    )
+
+    if result.returncode != 0:
+        logger.error(result.stderr)
+        _error(
+            "npm install failed.",
+            hint=f"Try: npm install {target_sdk}",
+        )
+
+    _ok("npm install complete.")
+
+
+def _cleanup_vendor() -> None:
+    """Remove the vendor/ directory after npm has installed the package."""
+    if not _VENDOR_DIR.exists():
+        return
+
+    logger.info("Cleaning up vendor/ directory...")
+    shutil.rmtree(str(_VENDOR_DIR))
+    _ok("Vendor directory removed.")
+
+
+def _verify_install() -> None:
+    """Verify that chithi-sdk is importable in the frontend."""
+    if not _has_npm():
+        _warn("npm not found — skipping verification.")
+        return
+
+    logger.info("Verifying installation...")
+
+    cmd = [
+        "node",
+        "-e",
+        "try { const p = require.resolve('chithi-sdk'); console.log(p); } catch(e) { console.error(e.message); process.exit(1); }",
+    ]
+
+    result = subprocess.run(
+        cmd,
+        cwd=str(_FRONTEND_DIR),
+        capture_output=True,
+        text=True,
+    )
+
+    if result.returncode != 0:
+        logger.error(result.stderr)
+        _error(
+            "chithi-sdk cannot be resolved.",
+            hint="The SDK may not be built or copied correctly.",
+        )
+
+    _ok(f"chithi-sdk resolved at {result.stdout.strip()}")
+
+
+# ---------------------------------------------------------------------------
+# Main
+# ---------------------------------------------------------------------------
+
+
+def main() -> None:
+    parser = argparse.ArgumentParser(
+        description="Copy chithi-sdk JS package into src/vendor/ and install via npm.",
+    )
+    parser.add_argument(
+        "--develop",
+        action="store_true",
+        help="Symlink SDK for live development (changes reflect immediately).",
+    )
+    parser.add_argument(
+        "--verbose", "-v",
+        action="store_true",
+        help="Verbose output.",
+    )
+    parser.add_argument(
+        "--build",
+        action="store_true",
+        help="Build the SDK before copying.",
+    )
+    parser.add_argument(
+        "--no-verify",
+        action="store_true",
+        help="Skip verification after installation.",
+    )
+    args = parser.parse_args()
+
+    _setup_logging(args.verbose)
+
+    if args.build:
+        _build_sdk()
+
+    if args.develop:
+        _symlink_sdk()
+    else:
+        _copy_sdk_to_vendor()
+
+    _npm_install()
+    _cleanup_vendor()
+
+    if not args.no_verify:
+        _verify_install()
+
+    _ok("Done. chithi-sdk is ready in the frontend environment.")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/scripts/copy_python_sdk.py b/scripts/copy_python_sdk.py
new file mode 100644
index 00000000..7b135707
--- /dev/null
+++ b/scripts/copy_python_sdk.py
@@ -0,0 +1,307 @@
+"""Copy the chithi-sdk Python wheel into cli/vendor/ and install via uv add.
+
+Usage:
+    python scripts/copy_python_sdk.py               # Copy wheel + uv add
+    python scripts/copy_python_sdk.py --develop      # uv add --editable
+    python scripts/copy_python_sdk.py --wheel <path> # Use specific wheel
+"""
+
+import argparse
+import logging
+import pathlib
+import shutil
+import subprocess
+import sys
+from typing import Final
+
+# ---------------------------------------------------------------------------
+# Paths
+# ---------------------------------------------------------------------------
+
+_REPO_ROOT: Final = pathlib.Path(__file__).resolve().parent.parent
+_PYTHON_SDK_DIR: Final = _REPO_ROOT / "sdks" / "python"
+_SDK_DIST_DIR: Final = _PYTHON_SDK_DIR / "dist"
+_CLI_DIR: Final = _REPO_ROOT / "src" / "cli"
+_CLI_VENDOR_DIR: Final = _CLI_DIR / "vendor"
+
+logger = logging.getLogger("copy_python_sdk")
+
+# ---------------------------------------------------------------------------
+# Logging helpers
+# ---------------------------------------------------------------------------
+
+
+def _setup_logging(verbose: bool) -> None:
+    level = logging.DEBUG if verbose else logging.INFO
+    logging.basicConfig(
+        level=level,
+        format="%(asctime)s [%(levelname)s] %(message)s",
+        datefmt="%H:%M:%S",
+    )
+
+
+def _error(message: str, hint: str | None = None) -> None:
+    logger.error(message)
+    if hint:
+        logger.warning("Hint: %s", hint)
+    sys.exit(1)
+
+
+def _ok(message: str) -> None:
+    logger.info(message)
+
+
+def _warn(message: str) -> None:
+    logger.warning(message)
+
+
+# ---------------------------------------------------------------------------
+# Helpers
+# ---------------------------------------------------------------------------
+
+
+def _has_uv() -> bool:
+    """Check if uv is available."""
+    try:
+        result = subprocess.run(
+            ["uv", "--version"],
+            capture_output=True,
+            text=True,
+        )
+        if result.returncode == 0:
+            logger.debug("uv: %s", result.stdout.strip())
+            return True
+    except FileNotFoundError:
+        pass
+    return False
+
+
+def _ensure_vendor_dir() -> None:
+    """Create the vendor/ directory if it doesn't exist."""
+    if not _CLI_VENDOR_DIR.exists():
+        logger.debug("Creating vendor directory: %s", _CLI_VENDOR_DIR)
+        _CLI_VENDOR_DIR.mkdir(parents=True, exist_ok=True)
+
+
+def _find_latest_wheel() -> pathlib.Path:
+    """Find the most recently built wheel in the SDK dist directory."""
+    if not _SDK_DIST_DIR.exists():
+        _error(
+            f"No dist/ directory at {_SDK_DIST_DIR}.",
+            hint="Run 'python scripts/build_python_sdk.py' to build the wheel first.",
+        )
+
+    wheels = list(_SDK_DIST_DIR.glob("*.whl"))
+    if not wheels:
+        _error(
+            f"No .whl files found in {_SDK_DIST_DIR}.",
+            hint="Run 'python scripts/build_python_sdk.py' to build the wheel first.",
+        )
+
+    wheel = max(wheels, key=lambda p: p.stat().st_mtime)
+    logger.debug("Found wheel: %s", wheel.name)
+    return wheel
+
+
+def _copy_wheel_to_vendor(wheel_path: pathlib.Path) -> pathlib.Path:
+    """Copy the wheel file into cli/vendor/ and return the new path."""
+    _ensure_vendor_dir()
+
+    dest = _CLI_VENDOR_DIR / wheel_path.name
+    if dest.exists():
+        logger.debug("Removing existing wheel: %s", dest)
+        dest.unlink()
+
+    logger.info("Copying %s to vendor/", wheel_path.name)
+    shutil.copy2(str(wheel_path), str(dest))
+    return dest
+
+
+def _uv_add_wheel(wheel_path: pathlib.Path) -> None:
+    """Add the wheel as a dependency using uv add, then sync."""
+    if not _has_uv():
+        _error(
+            "uv not found.",
+            hint="Install uv: https://docs.astral.sh/uv/getting-started/installation/",
+        )
+
+    logger.info("Adding %s via uv add...", wheel_path.name)
+
+    cmd = [
+        "uv",
+        "add",
+        str(wheel_path),
+    ]
+
+    result = subprocess.run(
+        cmd,
+        cwd=str(_CLI_DIR),
+        capture_output=True,
+        text=True,
+    )
+
+    if result.returncode != 0:
+        logger.error(result.stderr)
+        _error(
+            "uv add failed.",
+            hint=f"Try: uv add {wheel_path}",
+        )
+
+    _ok("Wheel added via uv successfully.")
+
+
+def _uv_sync() -> None:
+    """Sync the CLI environment using uv sync."""
+    if not _has_uv():
+        _error(
+            "uv not found.",
+            hint="Install uv: https://docs.astral.sh/uv/getting-started/installation/",
+        )
+
+    logger.info("Syncing CLI environment via uv sync...")
+
+    cmd = ["uv", "sync"]
+
+    result = subprocess.run(
+        cmd,
+        cwd=str(_CLI_DIR),
+        capture_output=True,
+        text=True,
+    )
+
+    if result.returncode != 0:
+        logger.error(result.stderr)
+        _error("uv sync failed.", hint="Try: uv sync")
+
+    _ok("uv sync complete.")
+
+
+def _cleanup_vendor() -> None:
+    """Remove the vendor/ directory after uv has synced the wheel."""
+    if not _CLI_VENDOR_DIR.exists():
+        return
+
+    logger.info("Cleaning up vendor/ directory...")
+    shutil.rmtree(str(_CLI_VENDOR_DIR))
+    _ok("Vendor directory removed.")
+
+
+def _uv_add_develop() -> None:
+    """Add the SDK as an editable dependency using uv add --editable."""
+    if not _has_uv():
+        _error(
+            "uv not found.",
+            hint="Install uv: https://docs.astral.sh/uv/getting-started/installation/",
+        )
+
+    logger.info("Adding SDK in development mode via uv add --editable...")
+
+    cmd = [
+        "uv",
+        "add",
+        "--editable",
+        str(_PYTHON_SDK_DIR),
+    ]
+
+    result = subprocess.run(
+        cmd,
+        cwd=str(_CLI_DIR),
+        capture_output=True,
+        text=True,
+    )
+
+    if result.returncode != 0:
+        logger.error(result.stderr)
+        _error(
+            "uv add --editable failed.",
+            hint=f"Try: uv add --editable {_PYTHON_SDK_DIR}",
+        )
+
+    _ok("Development installation complete.")
+
+
+def _verify_install() -> None:
+    """Verify that chithi_sdk is importable in the CLI environment."""
+    logger.info("Verifying installation...")
+
+    cmd = [
+        "uv",
+        "run",
+        "python",
+        "-c",
+        "import chithi_sdk; print(chithi_sdk.__file__)",
+    ]
+
+    result = subprocess.run(
+        cmd,
+        cwd=str(_CLI_DIR),
+        capture_output=True,
+        text=True,
+    )
+
+    if result.returncode != 0:
+        logger.error(result.stderr)
+        _error(
+            "chithi_sdk is not importable.",
+            hint="The SDK may not be installed correctly.",
+        )
+
+    _ok(f"chithi_sdk loaded from {result.stdout.strip()}")
+
+
+# ---------------------------------------------------------------------------
+# Main
+# ---------------------------------------------------------------------------
+
+
+def main() -> None:
+    parser = argparse.ArgumentParser(
+        description="Copy chithi-sdk Python wheel into cli/vendor/ and install via uv add.",
+    )
+    parser.add_argument(
+        "--develop",
+        action="store_true",
+        help="Install in development mode (uv add --editable).",
+    )
+    parser.add_argument(
+        "--verbose", "-v",
+        action="store_true",
+        help="Verbose output.",
+    )
+    parser.add_argument(
+        "--wheel",
+        type=pathlib.Path,
+        default=None,
+        help="Path to a specific .whl file to install.",
+    )
+    parser.add_argument(
+        "--no-verify",
+        action="store_true",
+        help="Skip verification after installation.",
+    )
+    args = parser.parse_args()
+
+    _setup_logging(args.verbose)
+
+    if args.develop:
+        _uv_add_develop()
+    else:
+        if args.wheel:
+            if not args.wheel.exists():
+                _error(f"Wheel not found: {args.wheel}")
+            wheel = _copy_wheel_to_vendor(args.wheel)
+        else:
+            wheel = _copy_wheel_to_vendor(_find_latest_wheel())
+
+        _uv_add_wheel(wheel)
+        _uv_sync()
+        _cleanup_vendor()
+
+    if not args.no_verify:
+        _verify_install()
+
+    _ok("Done. chithi-sdk is ready in the CLI environment.")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/sdks/js/.gitignore b/sdks/js/.gitignore
new file mode 100644
index 00000000..454af6e2
--- /dev/null
+++ b/sdks/js/.gitignore
@@ -0,0 +1,11 @@
+# WASM build artifacts — generated by scripts/build_wasm.py
+chithi.wasm
+dist/chithi.wasm
+src/chithi.wasm
+
+# Build outputs
+dist/
+
+# Node modules
+node_modules/
+package-lock.json
diff --git a/sdks/js/package.json b/sdks/js/package.json
new file mode 100644
index 00000000..0f85957f
--- /dev/null
+++ b/sdks/js/package.json
@@ -0,0 +1,29 @@
+{
+    "name": "chithi-sdk",
+    "version": "0.1.0",
+    "description": "Chithi SDK — encrypted file upload/download via WASM C ABI (browser only)",
+    "type": "module",
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "types": "./dist/index.d.ts"
+        }
+    },
+    "files": [
+        "dist/"
+    ],
+    "scripts": {
+        "build": "node --experimental-strip-types  ./scripts/build.ts",
+        "typecheck": "tsc --noEmit"
+    },
+    "devDependencies": {
+        "@types/node": "^26.1.2",
+        "typescript": "^7"
+    },
+    "engines": {
+        "node": ">=18"
+    }
+}
diff --git a/sdks/js/scripts/build.ts b/sdks/js/scripts/build.ts
new file mode 100644
index 00000000..00c099ea
--- /dev/null
+++ b/sdks/js/scripts/build.ts
@@ -0,0 +1,19 @@
+import { execSync } from 'node:child_process';
+import { cpSync, rmSync } from 'node:fs';
+import { resolve } from 'node:path';
+
+const root = resolve(import.meta.dirname, '..');
+
+// Clean dist/
+rmSync('dist', { recursive: true, force: true });
+
+// Compile TypeScript
+execSync(`tsc --project ${root}/tsconfig.json`, { stdio: 'inherit' });
+
+// Copy WASM to dist/
+const wasmSrc = resolve(root, 'chithi.wasm');
+try {
+    cpSync(wasmSrc, 'dist/chithi.wasm');
+} catch {
+    console.warn('Warning: chithi.wasm not found — skip copy (dev mode).');
+}
diff --git a/sdks/js/src/client.ts b/sdks/js/src/client.ts
new file mode 100644
index 00000000..dba0bbdb
--- /dev/null
+++ b/sdks/js/src/client.ts
@@ -0,0 +1,143 @@
+/**
+ * Chithi client — encrypted upload/download via WASM.
+ */
+
+import {
+    loadWasm,
+    alloc,
+    dealloc,
+    writeToWasm,
+    readFromWasm,
+    readU32,
+} from './wasm';
+import { serializeFiles, deserializeFiles } from './serialize';
+import type {
+    FileEntry,
+    UploadOptions,
+    DownloadOptions,
+    EncryptedBundle,
+    DownloadResult,
+} from './types';
+import { toUint8Array } from './types';
+
+type WasmFn = (...args: unknown[]) => unknown;
+
+export class Chithi {
+    #init: Promise<void> | null = null;
+
+    init(): Promise<void> {
+        if (this.#init) return this.#init;
+        this.#init = loadWasm().then(() => {});
+        return this.#init;
+    }
+
+    #ensure(): void {
+        if (!this.#init)
+            throw new Error(
+                'Chithi not initialized. Call chithi.init() first.',
+            );
+    }
+
+    async upload(
+        files: FileEntry[],
+        options: UploadOptions,
+    ): Promise<EncryptedBundle> {
+        this.#ensure();
+        const w = await loadWasm();
+        const normalized = files.map((f) => ({
+            name: f.name,
+            data: toUint8Array(f.data),
+        }));
+        const serialized = serializeFiles(normalized);
+        const pwd = new TextEncoder().encode(options.password);
+
+        const inputPtr = alloc(w, serialized.length);
+        const pwdPtr = alloc(w, pwd.length);
+        const outPtr = alloc(w, serialized.length * 4);
+        const outLenPtr = alloc(w, 4);
+
+        writeToWasm(w, inputPtr, serialized);
+        writeToWasm(w, pwdPtr, pwd);
+
+        const status = (w.exports.wasm_upload as WasmFn)(
+            inputPtr,
+            serialized.length,
+            pwdPtr,
+            pwd.length,
+            outPtr,
+            outLenPtr,
+            0,
+            0,
+        ) as number;
+
+        if (status !== 0) {
+            dealloc(w, inputPtr, serialized.length);
+            dealloc(w, pwdPtr, pwd.length);
+            dealloc(w, outPtr, serialized.length * 4);
+            dealloc(w, outLenPtr, 4);
+            throw new Error(`Upload failed with status ${status}`);
+        }
+
+        const outLen = readU32(w, outLenPtr);
+        const bundle = readFromWasm(w, outPtr, outLen);
+
+        dealloc(w, inputPtr, serialized.length);
+        dealloc(w, pwdPtr, pwd.length);
+        dealloc(w, outPtr, outLen);
+        dealloc(w, outLenPtr, 4);
+
+        return { bytes: bundle };
+    }
+
+    async download(
+        bundle: EncryptedBundle | Uint8Array,
+        options: DownloadOptions,
+    ): Promise<DownloadResult> {
+        this.#ensure();
+        const w = await loadWasm();
+        const bytes = 'bytes' in bundle ? bundle.bytes : bundle;
+        const pwd = new TextEncoder().encode(options.password);
+
+        const bundlePtr = alloc(w, bytes.length);
+        const pwdPtr = alloc(w, pwd.length);
+        const outPtr = alloc(w, bytes.length * 2);
+        const outLenPtr = alloc(w, 4);
+
+        writeToWasm(w, bundlePtr, bytes);
+        writeToWasm(w, pwdPtr, pwd);
+
+        const status = (w.exports.wasm_download as WasmFn)(
+            bundlePtr,
+            bytes.length,
+            pwdPtr,
+            pwd.length,
+            outPtr,
+            outLenPtr,
+            0,
+            0,
+        ) as number;
+
+        if (status !== 0) {
+            dealloc(w, bundlePtr, bytes.length);
+            dealloc(w, pwdPtr, pwd.length);
+            dealloc(w, outPtr, bytes.length * 2);
+            dealloc(w, outLenPtr, 4);
+            throw new Error(`Download failed with status ${status}`);
+        }
+
+        const outLen = readU32(w, outLenPtr);
+        const resultData = readFromWasm(w, outPtr, outLen);
+        const files = deserializeFiles(resultData);
+
+        dealloc(w, bundlePtr, bytes.length);
+        dealloc(w, pwdPtr, pwd.length);
+        dealloc(w, outPtr, outLen);
+        dealloc(w, outLenPtr, 4);
+
+        return { files };
+    }
+}
+
+export function createChithi(): Chithi {
+    return new Chithi();
+}
diff --git a/sdks/js/src/index.ts b/sdks/js/src/index.ts
new file mode 100644
index 00000000..f84a10a9
--- /dev/null
+++ b/sdks/js/src/index.ts
@@ -0,0 +1,29 @@
+/**
+ * Chithi SDK — encrypted file upload/download via WASM C ABI
+ *
+ * @module chithi-sdk
+ */
+
+export { Chithi, createChithi } from './client';
+export {
+    loadWasm,
+    alloc,
+    dealloc,
+    writeToWasm,
+    readFromWasm,
+    readU32,
+} from './wasm';
+export {
+    serializeFiles,
+    deserializeFiles,
+    serializeChunks,
+    deserializeChunks,
+} from './serialize';
+export { toUint8Array } from './types';
+export type {
+    FileEntry,
+    UploadOptions,
+    DownloadOptions,
+    EncryptedBundle,
+    DownloadResult,
+} from './types';
diff --git a/sdks/js/src/serialize.ts b/sdks/js/src/serialize.ts
new file mode 100644
index 00000000..37b270f3
--- /dev/null
+++ b/sdks/js/src/serialize.ts
@@ -0,0 +1,86 @@
+/**
+ * Serialization helpers for WASM C ABI wire format.
+ */
+
+function writeU32BE(view: DataView, offset: number, value: number): number {
+    view.setUint32(offset, value);
+    return offset + 4;
+}
+
+function readU32BE(view: DataView, offset: number): [number, number] {
+    return [view.getUint32(offset), offset + 4];
+}
+
+// ============================================================================
+// File array: [num: u32][nameLen: u32][name][dataLen: u32][data]...
+// ============================================================================
+
+export function serializeFiles(
+    files: { name: string; data: Uint8Array }[],
+): Uint8Array {
+    const enc = new TextEncoder();
+    const total =
+        4 +
+        files.reduce(
+            (n, f) => n + 4 + enc.encode(f.name).length + 4 + f.data.length,
+            0,
+        );
+    const buf = new Uint8Array(total);
+    const view = new DataView(buf.buffer);
+    let off = writeU32BE(view, 0, files.length);
+
+    for (const f of files) {
+        const nb = enc.encode(f.name);
+        off = writeU32BE(view, off, nb.length);
+        buf.set(nb, off);
+        off += nb.length;
+        off = writeU32BE(view, off, f.data.length);
+        buf.set(f.data, off);
+        off += f.data.length;
+    }
+    return buf;
+}
+
+export function deserializeFiles(
+    data: Uint8Array,
+): { name: string; data: Uint8Array }[] {
+    const view = new DataView(data.buffer, data.byteOffset, data.byteLength);
+    const dec = new TextDecoder();
+    let [num, off] = readU32BE(view, 0);
+    return Array.from({ length: num }, () => {
+        let [nl, o] = readU32BE(view, off);
+        const name = dec.decode(data.slice(o, o + nl));
+        off = o + nl;
+        let [dl, o2] = readU32BE(view, off);
+        off = o2 + dl;
+        return { name, data: data.slice(o2, off) };
+    });
+}
+
+// ============================================================================
+// Chunk array: [num: u32][len: u32][chunk]...
+// ============================================================================
+
+export function serializeChunks(chunks: Uint8Array[]): Uint8Array {
+    const total = 4 + chunks.reduce((n, c) => n + 4 + c.length, 0);
+    const buf = new Uint8Array(total);
+    const view = new DataView(buf.buffer);
+    let off = writeU32BE(view, 0, chunks.length);
+
+    for (const c of chunks) {
+        off = writeU32BE(view, off, c.length);
+        buf.set(c, off);
+        off += c.length;
+    }
+    return buf;
+}
+
+export function deserializeChunks(data: Uint8Array): Uint8Array[] {
+    const view = new DataView(data.buffer, data.byteOffset, data.byteLength);
+    let [num, off] = readU32BE(view, 0);
+    return Array.from({ length: num }, () => {
+        let [len, o] = readU32BE(view, off);
+        off = o + len;
+        return data.slice(o, off);
+    });
+}
diff --git a/sdks/js/src/types.ts b/sdks/js/src/types.ts
new file mode 100644
index 00000000..4690c824
--- /dev/null
+++ b/sdks/js/src/types.ts
@@ -0,0 +1,31 @@
+/**
+ * Data types for the Chithi SDK.
+ */
+
+export interface FileEntry {
+    name: string;
+    data: Uint8Array | ArrayBuffer | number[];
+}
+
+export interface UploadOptions {
+    password: string;
+}
+
+export interface DownloadOptions {
+    password: string;
+}
+
+export interface EncryptedBundle {
+    bytes: Uint8Array;
+}
+
+export interface DownloadResult {
+    files: FileEntry[];
+}
+
+export function toUint8Array(input: Uint8Array | ArrayBuffer | number[]): Uint8Array {
+    if (input instanceof Uint8Array) return input;
+    if (input instanceof ArrayBuffer) return new Uint8Array(input);
+    if (Array.isArray(input)) return new Uint8Array(input);
+    throw new TypeError('data must be Uint8Array, ArrayBuffer, or number[]');
+}
diff --git a/sdks/js/src/wasm.ts b/sdks/js/src/wasm.ts
new file mode 100644
index 00000000..ba1270ea
--- /dev/null
+++ b/sdks/js/src/wasm.ts
@@ -0,0 +1,59 @@
+/**
+ * WASM loader — loads chithi.wasm and provides memory helpers.
+ * Browser-only. WASM is loaded at runtime from the shipped .wasm file.
+ */
+
+interface WasmInstance {
+    memory: WebAssembly.Memory;
+    exports: Record<string, WebAssembly.ExportValue>;
+}
+
+type WasmFn = (...args: unknown[]) => unknown;
+
+let wasmReady: Promise<WasmInstance> | null = null;
+
+export async function loadWasm(): Promise<WasmInstance> {
+    if (wasmReady) return wasmReady;
+    wasmReady = WebAssembly.instantiate(
+        await fetch(new URL('./chithi.wasm', import.meta.url)).then((r) =>
+            r.arrayBuffer(),
+        ),
+        {},
+    ).then(({ instance }) => ({
+        memory: instance.exports.memory as WebAssembly.Memory,
+        exports: instance.exports as any,
+    }));
+    return wasmReady;
+}
+
+function mem(w: WasmInstance): Uint8Array {
+    return new Uint8Array(w.memory.buffer);
+}
+
+export function writeToWasm(
+    w: WasmInstance,
+    ptr: number,
+    data: Uint8Array,
+): void {
+    mem(w).set(data, ptr);
+}
+
+export function readFromWasm(
+    w: WasmInstance,
+    ptr: number,
+    len: number,
+): Uint8Array {
+    return mem(w).slice(ptr, ptr + len);
+}
+
+export function alloc(w: WasmInstance, len: number): number {
+    return (w.exports.chithi_alloc as WasmFn)(len) as number;
+}
+
+export function dealloc(w: WasmInstance, ptr: number, len: number): void {
+    (w.exports.chithi_dealloc as WasmFn)(ptr, len);
+}
+
+export function readU32(w: WasmInstance, ptr: number): number {
+    return new DataView(mem(w).buffer).getUint32(ptr, true);
+}
diff --git a/sdks/js/tsconfig.json b/sdks/js/tsconfig.json
new file mode 100644
index 00000000..aab74435
--- /dev/null
+++ b/sdks/js/tsconfig.json
@@ -0,0 +1,18 @@
+{
+    "compilerOptions": {
+        "target": "ESNEXT",
+        "module": "ESNext",
+        "moduleResolution": "bundler",
+        "declaration": true,
+        "declarationDir": "./dist",
+        "outDir": "./dist",
+        "rootDir": "./src",
+        "strict": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "forceConsistentCasingInFileNames": true,
+        "resolveJsonModule": true
+    },
+    "include": ["src/**/*.ts"],
+    "exclude": ["node_modules", "dist"]
+}
diff --git a/sdks/python/.gitignore b/sdks/python/.gitignore
new file mode 100644
index 00000000..2cb1bb41
--- /dev/null
+++ b/sdks/python/.gitignore
@@ -0,0 +1,7 @@
+# WASM build artifacts — generated by scripts/build_wasm.py
+src/chithi_sdk/chithi.wasm
+src/chithi_sdk/__pycache__/
+
+# Build outputs
+dist/
+*.egg-info/
diff --git a/sdks/python/pyproject.toml b/sdks/python/pyproject.toml
new file mode 100644
index 00000000..473c1a85
--- /dev/null
+++ b/sdks/python/pyproject.toml
@@ -0,0 +1,27 @@
+[project]
+name = "chithi-sdk"
+version = "0.1.0"
+description = "Chithi SDK — encrypted file upload/download via WASM + wasmtime"
+requires-python = ">=3.10"
+license = { text = "MIT" }
+dependencies = [
+    "wasmtime>=45.0.0",
+]
+classifiers = [
+    "Development Status :: 3 - Alpha",
+    "Intended Audience :: Developers",
+    "Programming Language :: Python :: 3",
+    "Topic :: Security :: Cryptography",
+    "Topic :: System :: Archiving :: Compression",
+]
+
+[project.optional-dependencies]
+dev = ["pytest", "ruff", "mypy"]
+
+[build-system]
+requires = ["hatchling"]
+build-backend = "hatchling.build"
+
+[tool.hatch.build.targets.wheel]
+packages = ["src/chithi_sdk"]
+artifacts = ["src/chithi_sdk/chithi.wasm"]
diff --git a/sdks/python/src/chithi_sdk/__init__.py b/sdks/python/src/chithi_sdk/__init__.py
new file mode 100644
index 00000000..bd63854e
--- /dev/null
+++ b/sdks/python/src/chithi_sdk/__init__.py
@@ -0,0 +1,11 @@
+"""Chithi SDK — encrypted file upload/download via WASM + wasmtime."""
+
+from .client import Chithi
+from .types import DownloadResult, EncryptedBundle, FileEntry
+
+__all__ = [
+    "Chithi",
+    "DownloadResult",
+    "EncryptedBundle",
+    "FileEntry",
+]
diff --git a/sdks/python/src/chithi_sdk/client.py b/sdks/python/src/chithi_sdk/client.py
new file mode 100644
index 00000000..6312cd32
--- /dev/null
+++ b/sdks/python/src/chithi_sdk/client.py
@@ -0,0 +1,120 @@
+"""Public API — Chithi client for encrypted upload/download."""
+
+from collections.abc import Sequence
+
+from .engine import _alloc, _dealloc, _ensure, _read_bytes, _read_u32, _write_bytes
+from .serialize import _deserialize_files, _serialize_files
+from .types import DownloadResult, EncryptedBundle, FileEntry
+
+
+class Chithi:
+    """Main SDK interface for encrypted upload/download."""
+
+    def upload(
+        self,
+        files: Sequence[tuple[str, bytes]],
+        password: str,
+    ) -> EncryptedBundle:
+        """Compress files into 7z archive and encrypt with password-derived key."""
+        inst, store = _ensure()
+
+        if not files:
+            raise ValueError("At least one file is required")
+        if not password:
+            raise ValueError("Password must not be empty")
+
+        serialized = _serialize_files(list(files))
+        pwd_bytes = password.encode("utf-8")
+
+        input_ptr = _alloc(store, inst, len(serialized))
+        pwd_ptr = _alloc(store, inst, len(pwd_bytes))
+        out_ptr = _alloc(store, inst, len(serialized) * 4)
+        out_len_ptr = _alloc(store, inst, 4)
+
+        _write_bytes(store, inst, input_ptr, serialized)
+        _write_bytes(store, inst, pwd_ptr, pwd_bytes)
+
+        fn = inst.exports.get_function("wasm_upload")
+        status = fn(
+            store,
+            input_ptr,
+            len(serialized),
+            pwd_ptr,
+            len(pwd_bytes),
+            out_ptr,
+            out_len_ptr,
+            0,
+            0,  # callback_fn, user_data
+        )
+
+        if status != 0:
+            _dealloc(store, inst, input_ptr, len(serialized))
+            _dealloc(store, inst, out_ptr, len(serialized) * 4)
+            _dealloc(store, inst, out_len_ptr, 4)
+            raise RuntimeError(f"Upload failed with status {status}")
+
+        out_len = _read_u32(store, inst, out_len_ptr)
+        bundle_data = _read_bytes(store, inst, out_ptr, out_len)
+
+        _dealloc(store, inst, input_ptr, len(serialized))
+        _dealloc(store, inst, pwd_ptr, len(pwd_bytes))
+        _dealloc(store, inst, out_ptr, out_len)
+        _dealloc(store, inst, out_len_ptr, 4)
+
+        return EncryptedBundle(bytes=bundle_data)
+
+    def download(
+        self,
+        bundle: EncryptedBundle | bytes,
+        password: str,
+    ) -> DownloadResult:
+        """Decrypt and decompress an encrypted bundle back to files."""
+        inst, store = _ensure()
+
+        if isinstance(bundle, EncryptedBundle):
+            bundle_bytes = bundle.bytes
+        else:
+            bundle_bytes = bundle
+
+        if not password:
+            raise ValueError("Password must not be empty")
+
+        pwd_bytes = password.encode("utf-8")
+
+        bundle_ptr = _alloc(store, inst, len(bundle_bytes))
+        pwd_ptr = _alloc(store, inst, len(pwd_bytes))
+        out_ptr = _alloc(store, inst, len(bundle_bytes) * 2)
+        out_len_ptr = _alloc(store, inst, 4)
+
+        _write_bytes(store, inst, bundle_ptr, bundle_bytes)
+        _write_bytes(store, inst, pwd_ptr, pwd_bytes)
+
+        fn = inst.exports.get_function("wasm_download")
+        status = fn(
+            store,
+            bundle_ptr,
+            len(bundle_bytes),
+            pwd_ptr,
+            len(pwd_bytes),
+            out_ptr,
+            out_len_ptr,
+            0,
+            0,
+        )
+
+        if status != 0:
+            _dealloc(store, inst, bundle_ptr, len(bundle_bytes))
+            _dealloc(store, inst, out_ptr, len(bundle_bytes) * 2)
+            _dealloc(store, inst, out_len_ptr, 4)
+            raise RuntimeError(f"Download failed with status {status}")
+
+        out_len = _read_u32(store, inst, out_len_ptr)
+        result_data = _read_bytes(store, inst, out_ptr, out_len)
+        files = _deserialize_files(result_data)
+
+        _dealloc(store, inst, bundle_ptr, len(bundle_bytes))
+        _dealloc(store, inst, pwd_ptr, len(pwd_bytes))
+        _dealloc(store, inst, out_ptr, out_len)
+        _dealloc(store, inst, out_len_ptr, 4)
+
+        return DownloadResult(files=[FileEntry(name=n, data=d) for n, d in files])
diff --git a/sdks/python/src/chithi_sdk/engine.py b/sdks/python/src/chithi_sdk/engine.py
new file mode 100644
index 00000000..f0595823
--- /dev/null
+++ b/sdks/python/src/chithi_sdk/engine.py
@@ -0,0 +1,60 @@
+"""WASM engine — loads chithi.wasm via wasmtime and provides memory helpers."""
+
+import pathlib
+import struct
+
+from wasmtime import Engine, Instance, Linker, Module, Store
+
+# Path to the compiled WASM module (bundled with the package).
+_WASM_PATH = pathlib.Path(__file__).parent / "chithi.wasm"
+
+_engine = Engine()
+_linker = Linker(_engine)
+_instance: Instance | None = None
+_store: Store | None = None
+
+
+def _ensure() -> tuple[Instance, Store]:
+    """Lazy-load the WASM module."""
+    global _instance, _store
+    if _instance is None:
+        if not _WASM_PATH.exists():
+            raise FileNotFoundError(
+                f"WASM module not found at {_WASM_PATH}. "
+                "Run 'python scripts/build_wasm.py' to build it."
+            )
+        module = Module.from_file(_engine, str(_WASM_PATH))
+        _store = Store(_engine)
+        _instance = _linker.instantiate(_store, module)
+    return _instance, _store
+
+
+def _alloc(store: Store, instance: Instance, length: int) -> int:
+    """Allocate memory in WASM linear memory."""
+    return instance.exports.get_function("chithi_alloc")(store, length)
+
+
+def _dealloc(store: Store, instance: Instance, ptr: int, length: int) -> None:
+    """Free memory in WASM linear memory."""
+    instance.exports.get_function("chithi_dealloc")(store, ptr, length)
+
+
+def _write_bytes(store: Store, instance: Instance, ptr: int, data: bytes) -> None:
+    """Write bytes to WASM linear memory."""
+    memory = instance.exports.get_memory("memory")
+    data_view = memory.data_ptr(store)
+    for i, b in enumerate(data):
+        data_view[ptr + i] = b
+
+
+def _read_bytes(store: Store, instance: Instance, ptr: int, length: int) -> bytes:
+    """Read bytes from WASM linear memory."""
+    memory = instance.exports.get_memory("memory")
+    data_view = memory.data_ptr(store)
+    return bytes(data_view[ptr:ptr + length])
+
+
+def _read_u32(store: Store, instance: Instance, ptr: int) -> int:
+    """Read a u32 from WASM linear memory (little-endian)."""
+    data = _read_bytes(store, instance, ptr, 4)
+    return struct.unpack("<I", data)[0]
diff --git a/sdks/python/src/chithi_sdk/serialize.py b/sdks/python/src/chithi_sdk/serialize.py
new file mode 100644
index 00000000..d8d5bf33
--- /dev/null
+++ b/sdks/python/src/chithi_sdk/serialize.py
@@ -0,0 +1,57 @@
+"""Serialization helpers for WASM C ABI wire format."""
+
+import struct
+
+
+def _serialize_files(files: list[tuple[str, bytes]]) -> bytes:
+    """[num:u32 BE][name_len:u32 BE][name][data_len:u32 BE][data]..."""
+    parts: list[bytes] = [struct.pack(">I", len(files))]
+    for name, data in files:
+        name_bytes = name.encode("utf-8")
+        parts.append(struct.pack(">I", len(name_bytes)))
+        parts.append(name_bytes)
+        parts.append(struct.pack(">I", len(data)))
+        parts.append(data)
+    return b"".join(parts)
+
+
+def _deserialize_files(data: bytes) -> list[tuple[str, bytes]]:
+    """Reverse of _serialize_files."""
+    offset = 0
+    num = struct.unpack(">I", data[offset:offset + 4])[0]
+    offset += 4
+    results: list[tuple[str, bytes]] = []
+    for _ in range(num):
+        name_len = struct.unpack(">I", data[offset:offset + 4])[0]
+        offset += 4
+        name = data[offset:offset + name_len].decode("utf-8")
+        offset += name_len
+        data_len = struct.unpack(">I", data[offset:offset + 4])[0]
+        offset += 4
+        file_data = data[offset:offset + data_len]
+        offset += data_len
+        results.append((name, file_data))
+    return results
+
+
+def _serialize_chunks(chunks: list[bytes]) -> bytes:
+    """[num:u32 BE][len0:u32 BE][chunk0]..."""
+    parts: list[bytes] = [struct.pack(">I", len(chunks))]
+    for chunk in chunks:
+        parts.append(struct.pack(">I", len(chunk)))
+        parts.append(chunk)
+    return b"".join(parts)
+
+
+def _deserialize_chunks(data: bytes) -> list[bytes]:
+    """Reverse of _serialize_chunks."""
+    offset = 0
+    num = struct.unpack(">I", data[offset:offset + 4])[0]
+    offset += 4
+    results: list[bytes] = []
+    for _ in range(num):
+        length = struct.unpack(">I", data[offset:offset + 4])[0]
+        offset += 4
+        results.append(data[offset:offset + length])
+        offset += length
+    return results
diff --git a/sdks/python/src/chithi_sdk/types.py b/sdks/python/src/chithi_sdk/types.py
new file mode 100644
index 00000000..914218b6
--- /dev/null
+++ b/sdks/python/src/chithi_sdk/types.py
@@ -0,0 +1,19 @@
+"""Data types for the Chithi SDK."""
+
+from dataclasses import dataclass
+
+
+@dataclass
+class FileEntry:
+    name: str
+    data: bytes
+
+
+@dataclass
+class EncryptedBundle:
+    bytes: bytes
+
+
+@dataclass
+class DownloadResult:
+    files: list[FileEntry]
diff --git a/skills-lock.json b/skills-lock.json
new file mode 100644
index 00000000..ef3a2efd
--- /dev/null
+++ b/skills-lock.json
@@ -0,0 +1,11 @@
+{
+  "version": 1,
+  "skills": {
+    "tailwind-4-docs": {
+      "source": "Lombiq/Tailwind-Agent-Skills",
+      "sourceType": "github",
+      "skillPath": "skills/tailwind-4-docs/SKILL.md",
+      "computedHash": "4900f575f24641b1af459cda37cbb8438ecf3f8f1a63148384197cb730895093"
+    }
+  }
+}
diff --git a/src/backend/.env.example b/src/backend/.env.example
new file mode 100644
index 00000000..0a68ed12
--- /dev/null
+++ b/src/backend/.env.example
@@ -0,0 +1,19 @@
+# Django
+SECRET_KEY=your-secret-key-here
+DEBUG=True
+
+# PostgreSQL
+POSTGRES_SERVER=localhost
+POSTGRES_PORT=5432
+POSTGRES_USER=postgres
+POSTGRES_PASSWORD=supersecretpassword
+POSTGRES_DB=chithi
+
+# RustFS / S3
+RUSTFS_ENDPOINT_URL=http://localhost:9000
+RUSTFS_ACCESS_KEY=rustfsadmin
+RUSTFS_SECRET_ACCESS_KEY=rustfsadmin
+RUSTFS_BUCKET_NAME=chithi
+
+# Celery / Redis
+CELERY_BROKER_URL=redis://localhost:6379/0
diff --git a/src/backend/.gitignore b/src/backend/.gitignore
index 7f3aae24..52c6acf1 100644
--- a/src/backend/.gitignore
+++ b/src/backend/.gitignore
@@ -1,215 +1,14 @@
-# Byte-compiled / optimized / DLL files
 __pycache__/
-*.py[codz]
-*$py.class
-
-# C extensions
-*.so
-
-# Distribution / packaging
-.Python
-develop-eggs/
-dist/
-downloads/
-eggs/
-.eggs/
-lib/
-lib64/
-parts/
-sdist/
-var/
-wheels/
-share/python-wheels/
+*.pyc
+*.pyo
 *.egg-info/
-.installed.cfg
 *.egg
-MANIFEST
-
-# PyInstaller
-#   Usually these files are written by a python script from a template
-#   before PyInstaller builds the exe, so as to inject date/other infos into it.
-*.manifest
-*.spec
-
-# Installer logs
-pip-log.txt
-pip-delete-this-directory.txt
-
-# Unit test / coverage reports
-htmlcov/
-.tox/
-.nox/
-.coverage
-.coverage.*
-.cache
-nosetests.xml
-coverage.xml
-*.cover
-*.py.cover
-.hypothesis/
-.pytest_cache/
-cover/
-
-# Translations
-*.mo
-*.pot
-
-# Django stuff:
-*.log
-local_settings.py
-db.sqlite3
-db.sqlite3-journal
-
-# Flask stuff:
-instance/
-.webassets-cache
-
-# Scrapy stuff:
-.scrapy
-
-# Sphinx documentation
-docs/_build/
-
-# PyBuilder
-.pybuilder/
-target/
-
-# Jupyter Notebook
-.ipynb_checkpoints
-
-# IPython
-profile_default/
-ipython_config.py
-
-# pyenv
-#   For a library or package, you might want to ignore these files since the code is
-#   intended to run in multiple environments; otherwise, check them in:
-# .python-version
-
-# pipenv
-#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
-#   However, in case of collaboration, if having platform-specific dependencies or dependencies
-#   having no cross-platform support, pipenv may install dependencies that don't work, or not
-#   install all needed dependencies.
-# Pipfile.lock
-
-# UV
-#   Similar to Pipfile.lock, it is generally recommended to include uv.lock in version control.
-#   This is especially recommended for binary packages to ensure reproducibility, and is more
-#   commonly ignored for libraries.
-# uv.lock
-
-# poetry
-#   Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
-#   This is especially recommended for binary packages to ensure reproducibility, and is more
-#   commonly ignored for libraries.
-#   https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
-# poetry.lock
-# poetry.toml
-
-# pdm
-#   Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
-#   pdm recommends including project-wide configuration in pdm.toml, but excluding .pdm-python.
-#   https://pdm-project.org/en/latest/usage/project/#working-with-version-control
-# pdm.lock
-# pdm.toml
-.pdm-python
-.pdm-build/
-
-# pixi
-#   Similar to Pipfile.lock, it is generally recommended to include pixi.lock in version control.
-# pixi.lock
-#   Pixi creates a virtual environment in the .pixi directory, just like venv module creates one
-#   in the .venv directory. It is recommended not to include this directory in version control.
-.pixi
-
-# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
-__pypackages__/
-
-# Celery stuff
-celerybeat-schedule
-celerybeat.pid
-
-# Redis
-*.rdb
-*.aof
-*.pid
-
-# RabbitMQ
-mnesia/
-rabbitmq/
-rabbitmq-data/
-
-# ActiveMQ
-activemq-data/
-
-# SageMath parsed files
-*.sage.py
-
-# Environments
+dist/
+build/
+*.egg-info
+staticfiles/
+media/
 .env
-.envrc
-.venv
-env/
 venv/
-ENV/
-env.bak/
-venv.bak/
-
-# Spyder project settings
-.spyderproject
-.spyproject
-
-# Rope project settings
-.ropeproject
-
-# mkdocs documentation
-/site
-
-# mypy
-.mypy_cache/
-.dmypy.json
-dmypy.json
-
-# Pyre type checker
-.pyre/
-
-# pytype static type analyzer
-.pytype/
-
-# Cython debug symbols
-cython_debug/
-
-# PyCharm
-#   JetBrains specific template is maintained in a separate JetBrains.gitignore that can
-#   be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
-#   and can be added to the global gitignore or merged into this file.  For a more nuclear
-#   option (not recommended) you can uncomment the following to ignore the entire idea folder.
-# .idea/
-
-# Abstra
-#   Abstra is an AI-powered process automation framework.
-#   Ignore directories containing user credentials, local state, and settings.
-#   Learn more at https://abstra.io/docs
-.abstra/
-
-# Visual Studio Code
-#   Visual Studio Code specific template is maintained in a separate VisualStudioCode.gitignore 
-#   that can be found at https://github.com/github/gitignore/blob/main/Global/VisualStudioCode.gitignore
-#   and can be added to the global gitignore or merged into this file. However, if you prefer, 
-#   you could uncomment the following to ignore the entire vscode folder
-# .vscode/
-
-# Ruff stuff:
-.ruff_cache/
-
-# PyPI configuration file
-.pypirc
-
-# Marimo
-marimo/_static/
-marimo/_lsp/
-__marimo__/
-
-# Streamlit
-.streamlit/secrets.toml
\ No newline at end of file
+.venv/
+db.sqlite3
diff --git a/src/backend/.python-version b/src/backend/.python-version
deleted file mode 100644
index 634f3364..00000000
--- a/src/backend/.python-version
+++ /dev/null
@@ -1 +0,0 @@
-cpython@3.14
diff --git a/src/backend/Dockerfile b/src/backend/Dockerfile
deleted file mode 100644
index f186d7d5..00000000
--- a/src/backend/Dockerfile
+++ /dev/null
@@ -1,51 +0,0 @@
-# First, build the application in the `/app` directory.
-# See `Dockerfile` for details.
-FROM ghcr.io/astral-sh/uv:python3.14-alpine AS builder
-ENV UV_COMPILE_BYTECODE=1 UV_LINK_MODE=copy
-
-# Disable Python downloads, because we want to use the system interpreter
-# across both images. If using a managed Python version, it needs to be
-# copied from the build image into the final image; see `standalone.Dockerfile`
-# for an example.
-ENV UV_PYTHON_DOWNLOADS=0
-
-
-WORKDIR /app
-RUN --mount=type=cache,target=/root/.cache/uv \
-    --mount=type=bind,source=uv.lock,target=uv.lock \
-    --mount=type=bind,source=pyproject.toml,target=pyproject.toml \
-    uv sync --frozen --no-install-project --no-default-groups
-COPY . /app
-RUN --mount=type=cache,target=/root/.cache/uv \
-    uv sync --frozen --no-default-groups
-
-# Remove the python build folder
-RUN rm -rf /app/build
-
-# Remove the .egg-info file that are created from setuptools
-RUN find /app -type d -name '*.egg-info' -exec rm -rf {} +
-
-# Then, use a final image without uv
-FROM python:3.14-alpine
-# It is important to use the image that matches the builder, as the path to the
-# Python executable must be the same, e.g., using `python:3.11-slim-bookworm`
-# will fail.
-
-## Create a non-root user and group for running the application
-RUN addgroup -S chithi \
-    && adduser -S -G chithi -h /app -s /bin/sh chithi
-
-# Copy the application from the builder and make it owned by the chithi user
-COPY --from=builder --chown=chithi:chithi /app /app
-
-# Place executables in the environment at the front of the path
-ENV PATH="/app/.venv/bin:$PATH"
-
-ENV HOST=127.0.0.1
-ENV PORT=8000
-EXPOSE 8000/udp 8000/tcp
-
-# Use a non-root user
-WORKDIR /app
-USER chithi
-
diff --git a/src/backend/LICENSE.md b/src/backend/LICENSE.md
deleted file mode 100644
index 509ac470..00000000
--- a/src/backend/LICENSE.md
+++ /dev/null
@@ -1,346 +0,0 @@
-# Mozilla Public License Version 2.0
-
-### 1. Definitions
-
-**1.1. “Contributor”**  
- means each individual or legal entity that creates, contributes to
-the creation of, or owns Covered Software.
-
-**1.2. “Contributor Version”**  
- means the combination of the Contributions of others (if any) used
-by a Contributor and that particular Contributor's Contribution.
-
-**1.3. “Contribution”**  
- means Covered Software of a particular Contributor.
-
-**1.4. “Covered Software”**  
- means Source Code Form to which the initial Contributor has attached
-the notice in Exhibit A, the Executable Form of such Source Code
-Form, and Modifications of such Source Code Form, in each case
-including portions thereof.
-
-**1.5. “Incompatible With Secondary Licenses”**  
- means
-
-- **(a)** that the initial Contributor has attached the notice described
-  in Exhibit B to the Covered Software; or
-- **(b)** that the Covered Software was made available under the terms of
-  version 1.1 or earlier of the License, but not also under the
-  terms of a Secondary License.
-
-**1.6. “Executable Form”**  
- means any form of the work other than Source Code Form.
-
-**1.7. “Larger Work”**  
- means a work that combines Covered Software with other material, in
-a separate file or files, that is not Covered Software.
-
-**1.8. “License”**  
- means this document.
-
-**1.9. “Licensable”**  
- means having the right to grant, to the maximum extent possible,
-whether at the time of the initial grant or subsequently, any and
-all of the rights conveyed by this License.
-
-**1.10. “Modifications”**  
- means any of the following:
-
-- **(a)** any file in Source Code Form that results from an addition to,
-  deletion from, or modification of the contents of Covered
-  Software; or
-- **(b)** any new file in Source Code Form that contains any Covered
-  Software.
-
-**1.11. “Patent Claims” of a Contributor**  
- means any patent claim(s), including without limitation, method,
-process, and apparatus claims, in any patent Licensable by such
-Contributor that would be infringed, but for the grant of the
-License, by the making, using, selling, offering for sale, having
-made, import, or transfer of either its Contributions or its
-Contributor Version.
-
-**1.12. “Secondary License”**  
- means either the GNU General Public License, Version 2.0, the GNU
-Lesser General Public License, Version 2.1, the GNU Affero General
-Public License, Version 3.0, or any later versions of those
-licenses.
-
-**1.13. “Source Code Form”**  
- means the form of the work preferred for making modifications.
-
-**1.14. “You” (or “Your”)**  
- means an individual or a legal entity exercising rights under this
-License. For legal entities, “You” includes any entity that
-controls, is controlled by, or is under common control with You. For
-purposes of this definition, “control” means **(a)** the power, direct
-or indirect, to cause the direction or management of such entity,
-whether by contract or otherwise, or **(b)** ownership of more than
-fifty percent (50%) of the outstanding shares or beneficial
-ownership of such entity.
-
-### 2. License Grants and Conditions
-
-#### 2.1. Grants
-
-Each Contributor hereby grants You a world-wide, royalty-free,
-non-exclusive license:
-
-- **(a)** under intellectual property rights (other than patent or trademark)
-  Licensable by such Contributor to use, reproduce, make available,
-  modify, display, perform, distribute, and otherwise exploit its
-  Contributions, either on an unmodified basis, with Modifications, or
-  as part of a Larger Work; and
-- **(b)** under Patent Claims of such Contributor to make, use, sell, offer
-  for sale, have made, import, and otherwise transfer either its
-  Contributions or its Contributor Version.
-
-#### 2.2. Effective Date
-
-The licenses granted in Section 2.1 with respect to any Contribution
-become effective for each Contribution on the date the Contributor first
-distributes such Contribution.
-
-#### 2.3. Limitations on Grant Scope
-
-The licenses granted in this Section 2 are the only rights granted under
-this License. No additional rights or licenses will be implied from the
-distribution or licensing of Covered Software under this License.
-Notwithstanding Section 2.1(b) above, no patent license is granted by a
-Contributor:
-
-- **(a)** for any code that a Contributor has removed from Covered Software;
-  or
-- **(b)** for infringements caused by: **(i)** Your and any other third party's
-  modifications of Covered Software, or **(ii)** the combination of its
-  Contributions with other software (except as part of its Contributor
-  Version); or
-- **(c)** under Patent Claims infringed by Covered Software in the absence of
-  its Contributions.
-
-This License does not grant any rights in the trademarks, service marks,
-or logos of any Contributor (except as may be necessary to comply with
-the notice requirements in Section 3.4).
-
-#### 2.4. Subsequent Licenses
-
-No Contributor makes additional grants as a result of Your choice to
-distribute the Covered Software under a subsequent version of this
-License (see Section 10.2) or under the terms of a Secondary License (if
-permitted under the terms of Section 3.3).
-
-#### 2.5. Representation
-
-Each Contributor represents that the Contributor believes its
-Contributions are its original creation(s) or it has sufficient rights
-to grant the rights to its Contributions conveyed by this License.
-
-#### 2.6. Fair Use
-
-This License is not intended to limit any rights You have under
-applicable copyright doctrines of fair use, fair dealing, or other
-equivalents.
-
-#### 2.7. Conditions
-
-Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted
-in Section 2.1.
-
-### 3. Responsibilities
-
-#### 3.1. Distribution of Source Form
-
-All distribution of Covered Software in Source Code Form, including any
-Modifications that You create or to which You contribute, must be under
-the terms of this License. You must inform recipients that the Source
-Code Form of the Covered Software is governed by the terms of this
-License, and how they can obtain a copy of this License. You may not
-attempt to alter or restrict the recipients' rights in the Source Code
-Form.
-
-#### 3.2. Distribution of Executable Form
-
-If You distribute Covered Software in Executable Form then:
-
-- **(a)** such Covered Software must also be made available in Source Code
-  Form, as described in Section 3.1, and You must inform recipients of
-  the Executable Form how they can obtain a copy of such Source Code
-  Form by reasonable means in a timely manner, at a charge no more
-  than the cost of distribution to the recipient; and
-
-- **(b)** You may distribute such Executable Form under the terms of this
-  License, or sublicense it under different terms, provided that the
-  license for the Executable Form does not attempt to limit or alter
-  the recipients' rights in the Source Code Form under this License.
-
-#### 3.3. Distribution of a Larger Work
-
-You may create and distribute a Larger Work under terms of Your choice,
-provided that You also comply with the requirements of this License for
-the Covered Software. If the Larger Work is a combination of Covered
-Software with a work governed by one or more Secondary Licenses, and the
-Covered Software is not Incompatible With Secondary Licenses, this
-License permits You to additionally distribute such Covered Software
-under the terms of such Secondary License(s), so that the recipient of
-the Larger Work may, at their option, further distribute the Covered
-Software under the terms of either this License or such Secondary
-License(s).
-
-#### 3.4. Notices
-
-You may not remove or alter the substance of any license notices
-(including copyright notices, patent notices, disclaimers of warranty,
-or limitations of liability) contained within the Source Code Form of
-the Covered Software, except that You may alter any license notices to
-the extent required to remedy known factual inaccuracies.
-
-#### 3.5. Application of Additional Terms
-
-You may choose to offer, and to charge a fee for, warranty, support,
-indemnity or liability obligations to one or more recipients of Covered
-Software. However, You may do so only on Your own behalf, and not on
-behalf of any Contributor. You must make it absolutely clear that any
-such warranty, support, indemnity, or liability obligation is offered by
-You alone, and You hereby agree to indemnify every Contributor for any
-liability incurred by such Contributor as a result of warranty, support,
-indemnity or liability terms You offer. You may include additional
-disclaimers of warranty and limitations of liability specific to any
-jurisdiction.
-
-### 4. Inability to Comply Due to Statute or Regulation
-
-If it is impossible for You to comply with any of the terms of this
-License with respect to some or all of the Covered Software due to
-statute, judicial order, or regulation then You must: **(a)** comply with
-the terms of this License to the maximum extent possible; and **(b)**
-describe the limitations and the code they affect. Such description must
-be placed in a text file included with all distributions of the Covered
-Software under this License. Except to the extent prohibited by statute
-or regulation, such description must be sufficiently detailed for a
-recipient of ordinary skill to be able to understand it.
-
-### 5. Termination
-
-**5.1.** The rights granted under this License will terminate automatically
-if You fail to comply with any of its terms. However, if You become
-compliant, then the rights granted under this License from a particular
-Contributor are reinstated **(a)** provisionally, unless and until such
-Contributor explicitly and finally terminates Your grants, and **(b)** on an
-ongoing basis, if such Contributor fails to notify You of the
-non-compliance by some reasonable means prior to 60 days after You have
-come back into compliance. Moreover, Your grants from a particular
-Contributor are reinstated on an ongoing basis if such Contributor
-notifies You of the non-compliance by some reasonable means, this is the
-first time You have received notice of non-compliance with this License
-from such Contributor, and You become compliant prior to 30 days after
-Your receipt of the notice.
-
-**5.2.** If You initiate litigation against any entity by asserting a patent
-infringement claim (excluding declaratory judgment actions,
-counter-claims, and cross-claims) alleging that a Contributor Version
-directly or indirectly infringes any patent, then the rights granted to
-You by any and all Contributors for the Covered Software under Section
-2.1 of this License shall terminate.
-
-**5.3.** In the event of termination under Sections 5.1 or 5.2 above, all
-end user license agreements (excluding distributors and resellers) which
-have been validly granted by You or Your distributors under this License
-prior to termination shall survive termination.
-
-### 6. Disclaimer of Warranty
-
-> Covered Software is provided under this License on an “as is”
-> basis, without warranty of any kind, either expressed, implied, or
-> statutory, including, without limitation, warranties that the
-> Covered Software is free of defects, merchantable, fit for a
-> particular purpose or non-infringing. The entire risk as to the
-> quality and performance of the Covered Software is with You.
-> Should any Covered Software prove defective in any respect, You
-> (not any Contributor) assume the cost of any necessary servicing,
-> repair, or correction. This disclaimer of warranty constitutes an
-> essential part of this License. No use of any Covered Software is
-> authorized under this License except under this disclaimer.
-
-### 7. Limitation of Liability
-
-> Under no circumstances and under no legal theory, whether tort
-> (including negligence), contract, or otherwise, shall any
-> Contributor, or anyone who distributes Covered Software as
-> permitted above, be liable to You for any direct, indirect,
-> special, incidental, or consequential damages of any character
-> including, without limitation, damages for lost profits, loss of
-> goodwill, work stoppage, computer failure or malfunction, or any
-> and all other commercial damages or losses, even if such party
-> shall have been informed of the possibility of such damages. This
-> limitation of liability shall not apply to liability for death or
-> personal injury resulting from such party's negligence to the
-> extent applicable law prohibits such limitation. Some
-> jurisdictions do not allow the exclusion or limitation of
-> incidental or consequential damages, so this exclusion and
-> limitation may not apply to You.
-
-### 8. Litigation
-
-Any litigation relating to this License may be brought only in the
-courts of a jurisdiction where the defendant maintains its principal
-place of business and such litigation shall be governed by laws of that
-jurisdiction, without reference to its conflict-of-law provisions.
-Nothing in this Section shall prevent a party's ability to bring
-cross-claims or counter-claims.
-
-### 9. Miscellaneous
-
-This License represents the complete agreement concerning the subject
-matter hereof. If any provision of this License is held to be
-unenforceable, such provision shall be reformed only to the extent
-necessary to make it enforceable. Any law or regulation which provides
-that the language of a contract shall be construed against the drafter
-shall not be used to construe this License against a Contributor.
-
-### 10. Versions of the License
-
-#### 10.1. New Versions
-
-Mozilla Foundation is the license steward. Except as provided in Section
-10.3, no one other than the license steward has the right to modify or
-publish new versions of this License. Each version will be given a
-distinguishing version number.
-
-#### 10.2. Effect of New Versions
-
-You may distribute the Covered Software under the terms of the version
-of the License under which You originally received the Covered Software,
-or under the terms of any subsequent version published by the license
-steward.
-
-#### 10.3. Modified Versions
-
-If you create software not governed by this License, and you want to
-create a new license for such software, you may create and use a
-modified version of this License if you rename the license and remove
-any references to the name of the license steward (except to note that
-such modified license differs from this License).
-
-#### 10.4. Distributing Source Code Form that is Incompatible With Secondary Licenses
-
-If You choose to distribute Source Code Form that is Incompatible With
-Secondary Licenses under the terms of this version of the License, the
-notice described in Exhibit B of this License must be attached.
-
-## Exhibit A - Source Code Form License Notice
-
-    This Source Code Form is subject to the terms of the Mozilla Public
-    License, v. 2.0. If a copy of the MPL was not distributed with this
-    file, You can obtain one at http://mozilla.org/MPL/2.0/.
-
-If it is not possible or desirable to put the notice in a particular
-file, then You may include the notice in a location (such as a LICENSE
-file in a relevant directory) where a recipient would be likely to look
-for such a notice.
-
-You may add additional accurate notices of copyright ownership.
-
-## Exhibit B - “Incompatible With Secondary Licenses” Notice
-
-    This Source Code Form is "Incompatible With Secondary Licenses", as
-    defined by the Mozilla Public License, v. 2.0.
diff --git a/src/backend/alembic.ini b/src/backend/alembic.ini
deleted file mode 100644
index 18473779..00000000
--- a/src/backend/alembic.ini
+++ /dev/null
@@ -1,147 +0,0 @@
-# A generic, single database configuration.
-
-[alembic]
-# path to migration scripts.
-# this is typically a path given in POSIX (e.g. forward slashes)
-# format, relative to the token %(here)s which refers to the location of this
-# ini file
-script_location = %(here)s/alembic
-
-# template used to generate migration file names; The default value is %%(rev)s_%%(slug)s
-# Uncomment the line below if you want the files to be prepended with date and time
-# see https://alembic.sqlalchemy.org/en/latest/tutorial.html#editing-the-ini-file
-# for all available tokens
-# file_template = %%(year)d_%%(month).2d_%%(day).2d_%%(hour).2d%%(minute).2d-%%(rev)s_%%(slug)s
-
-# sys.path path, will be prepended to sys.path if present.
-# defaults to the current working directory.  for multiple paths, the path separator
-# is defined by "path_separator" below.
-prepend_sys_path = .
-
-
-# timezone to use when rendering the date within the migration file
-# as well as the filename.
-# If specified, requires the tzdata library which can be installed by adding
-# `alembic[tz]` to the pip requirements.
-# string value is passed to ZoneInfo()
-# leave blank for localtime
-# timezone =
-
-# max length of characters to apply to the "slug" field
-# truncate_slug_length = 40
-
-# set to 'true' to run the environment during
-# the 'revision' command, regardless of autogenerate
-# revision_environment = false
-
-# set to 'true' to allow .pyc and .pyo files without
-# a source .py file to be detected as revisions in the
-# versions/ directory
-# sourceless = false
-
-# version location specification; This defaults
-# to <script_location>/versions.  When using multiple version
-# directories, initial revisions must be specified with --version-path.
-# The path separator used here should be the separator specified by "path_separator"
-# below.
-# version_locations = %(here)s/bar:%(here)s/bat:%(here)s/alembic/versions
-
-# path_separator; This indicates what character is used to split lists of file
-# paths, including version_locations and prepend_sys_path within configparser
-# files such as alembic.ini.
-# The default rendered in new alembic.ini files is "os", which uses os.pathsep
-# to provide os-dependent path splitting.
-#
-# Note that in order to support legacy alembic.ini files, this default does NOT
-# take place if path_separator is not present in alembic.ini.  If this
-# option is omitted entirely, fallback logic is as follows:
-#
-# 1. Parsing of the version_locations option falls back to using the legacy
-#    "version_path_separator" key, which if absent then falls back to the legacy
-#    behavior of splitting on spaces and/or commas.
-# 2. Parsing of the prepend_sys_path option falls back to the legacy
-#    behavior of splitting on spaces, commas, or colons.
-#
-# Valid values for path_separator are:
-#
-# path_separator = :
-# path_separator = ;
-# path_separator = space
-# path_separator = newline
-#
-# Use os.pathsep. Default configuration used for new projects.
-path_separator = os
-
-# set to 'true' to search source files recursively
-# in each "version_locations" directory
-# new in Alembic version 1.10
-# recursive_version_locations = false
-
-# the output encoding used when revision files
-# are written from script.py.mako
-# output_encoding = utf-8
-
-# database URL.  This is consumed by the user-maintained env.py script only.
-# other means of configuring database URLs may be customized within the env.py
-# file.
-; sqlalchemy.url = driver://user:pass@localhost/dbname
-
-
-[post_write_hooks]
-# post_write_hooks defines scripts or Python functions that are run
-# on newly generated revision scripts.  See the documentation for further
-# detail and examples
-
-# format using "black" - use the console_scripts runner, against the "black" entrypoint
-# hooks = black
-# black.type = console_scripts
-# black.entrypoint = black
-# black.options = -l 79 REVISION_SCRIPT_FILENAME
-
-# lint with attempts to fix using "ruff" - use the module runner, against the "ruff" module
-# hooks = ruff
-# ruff.type = module
-# ruff.module = ruff
-# ruff.options = check --fix REVISION_SCRIPT_FILENAME
-
-# Alternatively, use the exec runner to execute a binary found on your PATH
-# hooks = ruff
-# ruff.type = exec
-# ruff.executable = ruff
-# ruff.options = check --fix REVISION_SCRIPT_FILENAME
-
-# Logging configuration.  This is also consumed by the user-maintained
-# env.py script only.
-[loggers]
-keys = root,sqlalchemy,alembic
-
-[handlers]
-keys = console
-
-[formatters]
-keys = generic
-
-[logger_root]
-level = WARNING
-handlers = console
-qualname =
-
-[logger_sqlalchemy]
-level = WARNING
-handlers =
-qualname = sqlalchemy.engine
-
-[logger_alembic]
-level = INFO
-handlers =
-qualname = alembic
-
-[handler_console]
-class = StreamHandler
-args = (sys.stderr,)
-level = NOTSET
-formatter = generic
-
-[formatter_generic]
-format = %(levelname)-5.5s [%(name)s] %(message)s
-datefmt = %H:%M:%S
diff --git a/src/backend/alembic/README b/src/backend/alembic/README
deleted file mode 100644
index 98e4f9c4..00000000
--- a/src/backend/alembic/README
+++ /dev/null
@@ -1 +0,0 @@
-Generic single-database configuration.
\ No newline at end of file
diff --git a/src/backend/alembic/env.py b/src/backend/alembic/env.py
deleted file mode 100644
index 77cc1f7b..00000000
--- a/src/backend/alembic/env.py
+++ /dev/null
@@ -1,97 +0,0 @@
-# from sqlalchemy import engine_from_config
-import asyncio
-from logging.config import fileConfig
-
-from sqlalchemy import pool
-from sqlalchemy.ext.asyncio import create_async_engine
-
-from alembic import context
-
-# this is the Alembic Config object, which provides
-# access to the values within the .ini file in use.
-config = context.config
-
-# Interpret the config file for Python logging.
-# This line sets up loggers basically.
-if config.config_file_name is not None:
-    fileConfig(config.config_file_name)
-
-# add your model's MetaData object here
-# for 'autogenerate' support
-# from myapp import mymodel
-# target_metadata = mymodel.Base.metadata
-
-from app.models import SQLModel  # noqa
-from app.settings import settings  # noqa
-
-target_metadata = SQLModel.metadata
-
-# other values from the config, defined by the needs of env.py,
-# can be acquired:
-# my_important_option = config.get_main_option("my_important_option")
-# ... etc.
-
-
-def get_url():
-    return str(settings.SQLALCHEMY_DATABASE_URI)
-
-
-def do_run_migrations(connection):
-    """This internal helper actually runs the migrations sync-style
-    inside the async wrapper."""
-    context.configure(connection=connection, target_metadata=target_metadata)
-
-    with context.begin_transaction():
-        context.run_migrations()
-
-
-def run_migrations_offline() -> None:
-    """Run migrations in 'offline' mode.
-
-    This configures the context with just a URL
-    and not an Engine, though an Engine is acceptable
-    here as well.  By skipping the Engine creation
-    we don't even need a DBAPI to be available.
-
-    Calls to context.execute() here emit the given string to the
-    script output.
-
-    """
-    # url = config.get_main_option("sqlalchemy.url")
-    url = get_url()
-    context.configure(
-        url=url,
-        target_metadata=target_metadata,
-        literal_binds=True,
-        dialect_opts={"paramstyle": "named"},
-    )
-
-    with context.begin_transaction():
-        context.run_migrations()
-
-
-async def run_migrations_online() -> None:
-    """Run migrations in 'online' mode.
-
-    In this scenario we need to create an Engine
-    and associate a connection with the context.
-
-    """
-    configuration = config.get_section(config.config_ini_section)
-    configuration["sqlalchemy.url"] = get_url()  # type: ignore
-    connectable = create_async_engine(
-        get_url(),
-        poolclass=pool.NullPool,
-    )
-
-    async with connectable.connect() as connection:
-        # We use run_sync to bridge the async connection to the sync Alembic context
-        await connection.run_sync(do_run_migrations)
-
-    await connectable.dispose()
-
-
-if context.is_offline_mode():
-    run_migrations_offline()
-else:
-    asyncio.run(run_migrations_online())
diff --git a/src/backend/alembic/script.py.mako b/src/backend/alembic/script.py.mako
deleted file mode 100644
index 9ad97c6c..00000000
--- a/src/backend/alembic/script.py.mako
+++ /dev/null
@@ -1,31 +0,0 @@
-"""${message}
-
-Revision ID: ${up_revision}
-Revises: ${down_revision | comma,n}
-Create Date: ${create_date}
-
-"""
-
-from typing import Sequence
-
-import sqlalchemy as sa
-import sqlmodel.sql.sqltypes
-
-from alembic import op
-${imports if imports else ""}
-
-# revision identifiers, used by Alembic.
-revision: str = ${repr(up_revision)}
-down_revision: str | Sequence[str] | None = ${repr(down_revision)}
-branch_labels: str | Sequence[str] | None = ${repr(branch_labels)}
-depends_on: str | Sequence[str] | None = ${repr(depends_on)}
-
-
-def upgrade() -> None:
-    """Upgrade schema."""
-    ${upgrades if upgrades else "pass"}
-
-
-def downgrade() -> None:
-    """Downgrade schema."""
-    ${downgrades if downgrades else "pass"}
diff --git a/src/backend/alembic/versions/0174c68460fd_add_size_information_on_files.py b/src/backend/alembic/versions/0174c68460fd_add_size_information_on_files.py
deleted file mode 100644
index faaf5218..00000000
--- a/src/backend/alembic/versions/0174c68460fd_add_size_information_on_files.py
+++ /dev/null
@@ -1,35 +0,0 @@
-"""Add Size information on files
-
-Revision ID: 0174c68460fd
-Revises: b0f939de9dcb
-Create Date: 2026-01-17 15:21:59.784458
-
-"""
-
-from typing import Sequence
-
-import sqlalchemy as sa
-import sqlmodel.sql.sqltypes
-
-from alembic import op
-
-
-# revision identifiers, used by Alembic.
-revision: str = "0174c68460fd"
-down_revision: str | Sequence[str] | None = "b0f939de9dcb"
-branch_labels: str | Sequence[str] | None = None
-depends_on: str | Sequence[str] | None = None
-
-
-def upgrade() -> None:
-    """Upgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.add_column("file", sa.Column("size", sa.Integer(), nullable=False))
-    # ### end Alembic commands ###
-
-
-def downgrade() -> None:
-    """Downgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.drop_column("file", "size")
-    # ### end Alembic commands ###
diff --git a/src/backend/alembic/versions/553f32c34ead_make_datetime_objects_timezone_aware.py b/src/backend/alembic/versions/553f32c34ead_make_datetime_objects_timezone_aware.py
deleted file mode 100644
index 4260380f..00000000
--- a/src/backend/alembic/versions/553f32c34ead_make_datetime_objects_timezone_aware.py
+++ /dev/null
@@ -1,62 +0,0 @@
-"""Make datetime objects timezone aware
-
-Revision ID: 553f32c34ead
-Revises: f6bd9eb9dd41
-Create Date: 2026-01-31 13:43:49.881708
-
-"""
-
-from typing import Sequence
-
-import sqlalchemy as sa
-from sqlalchemy.dialects import postgresql
-
-from alembic import op
-
-# revision identifiers, used by Alembic.
-revision: str = "553f32c34ead"
-down_revision: str | Sequence[str] | None = "f6bd9eb9dd41"
-branch_labels: str | Sequence[str] | None = None
-depends_on: str | Sequence[str] | None = None
-
-
-def upgrade() -> None:
-    """Upgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.alter_column(
-        "file",
-        "expires_at",
-        existing_type=postgresql.TIMESTAMP(),
-        type_=sa.DateTime(timezone=True),
-        existing_nullable=False,
-    )
-    op.alter_column(
-        "file",
-        "created_at",
-        existing_type=postgresql.TIMESTAMP(),
-        type_=sa.DateTime(timezone=True),
-        existing_nullable=False,
-        existing_server_default=sa.text("CURRENT_TIMESTAMP"),
-    )
-    # ### end Alembic commands ###
-
-
-def downgrade() -> None:
-    """Downgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.alter_column(
-        "file",
-        "created_at",
-        existing_type=sa.DateTime(timezone=True),
-        type_=postgresql.TIMESTAMP(),
-        existing_nullable=False,
-        existing_server_default=sa.text("CURRENT_TIMESTAMP"),
-    )
-    op.alter_column(
-        "file",
-        "expires_at",
-        existing_type=sa.DateTime(timezone=True),
-        type_=postgresql.TIMESTAMP(),
-        existing_nullable=False,
-    )
-    # ### end Alembic commands ###
diff --git a/src/backend/alembic/versions/6d1b8bb8ce78_create_users_table.py b/src/backend/alembic/versions/6d1b8bb8ce78_create_users_table.py
deleted file mode 100644
index 906ae355..00000000
--- a/src/backend/alembic/versions/6d1b8bb8ce78_create_users_table.py
+++ /dev/null
@@ -1,45 +0,0 @@
-"""create users table
-
-Revision ID: 6d1b8bb8ce78
-Revises: cb303129bc56
-Create Date: 2025-12-22 13:30:00.041168
-
-"""
-
-from typing import Sequence
-
-import sqlalchemy as sa
-import sqlmodel.sql.sqltypes
-
-from alembic import op
-
-# revision identifiers, used by Alembic.
-revision: str = "6d1b8bb8ce78"
-down_revision: str | Sequence[str] | None = "cb303129bc56"
-branch_labels: str | Sequence[str] | None = None
-depends_on: str | Sequence[str] | None = None
-
-
-def upgrade() -> None:
-    """Upgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.create_table(
-        "user",
-        sa.Column("id", sa.Uuid(), server_default=sa.text("uuidv7()"), nullable=False),
-        sa.Column("username", sqlmodel.sql.sqltypes.AutoString(), nullable=False),
-        sa.Column("email", sqlmodel.sql.sqltypes.AutoString(), nullable=True),
-        sa.Column("password_hash", sqlmodel.sql.sqltypes.AutoString(), nullable=False),
-        sa.PrimaryKeyConstraint("id"),
-    )
-    op.create_index(op.f("ix_user_email"), "user", ["email"], unique=True)
-    op.create_index(op.f("ix_user_username"), "user", ["username"], unique=True)
-    # ### end Alembic commands ###
-
-
-def downgrade() -> None:
-    """Downgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.drop_index(op.f("ix_user_username"), table_name="user")
-    op.drop_index(op.f("ix_user_email"), table_name="user")
-    op.drop_table("user")
-    # ### end Alembic commands ###
diff --git a/src/backend/alembic/versions/8d12371fc44b_change_to_biginteger.py b/src/backend/alembic/versions/8d12371fc44b_change_to_biginteger.py
deleted file mode 100644
index 73a8bed4..00000000
--- a/src/backend/alembic/versions/8d12371fc44b_change_to_biginteger.py
+++ /dev/null
@@ -1,41 +0,0 @@
-"""Change to BigInteger
-
-Revision ID: 8d12371fc44b
-Revises: 0174c68460fd
-Create Date: 2026-01-28 23:50:41.499635
-
-"""
-
-from typing import Sequence
-
-import sqlalchemy as sa
-
-from alembic import op
-
-# revision identifiers, used by Alembic.
-revision: str = "8d12371fc44b"
-down_revision: str | Sequence[str] | None = "0174c68460fd"
-branch_labels: str | Sequence[str] | None = None
-depends_on: str | Sequence[str] | None = None
-
-
-def upgrade() -> None:
-    """Upgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.alter_column(
-        "file", "size", existing_type=sa.INTEGER(), type_=sa.BigInteger(), nullable=True
-    )
-    # ### end Alembic commands ###
-
-
-def downgrade() -> None:
-    """Downgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.alter_column(
-        "file",
-        "size",
-        existing_type=sa.BigInteger(),
-        type_=sa.INTEGER(),
-        nullable=False,
-    )
-    # ### end Alembic commands ###
diff --git a/src/backend/alembic/versions/9bdf8ded6482_make_number_of_files_nullable.py b/src/backend/alembic/versions/9bdf8ded6482_make_number_of_files_nullable.py
deleted file mode 100644
index a119b9d1..00000000
--- a/src/backend/alembic/versions/9bdf8ded6482_make_number_of_files_nullable.py
+++ /dev/null
@@ -1,33 +0,0 @@
-"""make number_of_files nullable
-
-Revision ID: 9bdf8ded6482
-Revises: bac557cb9bc0
-Create Date: 2026-05-15 18:33:54.953211
-
-"""
-
-from typing import Sequence
-
-import sqlalchemy as sa
-
-from alembic import op
-
-# revision identifiers, used by Alembic.
-revision: str = "9bdf8ded6482"
-down_revision: str | Sequence[str] | None = "bac557cb9bc0"
-branch_labels: str | Sequence[str] | None = None
-depends_on: str | Sequence[str] | None = None
-
-
-def upgrade() -> None:
-    """Upgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.add_column("file", sa.Column("number_of_files", sa.Integer(), nullable=True))
-    # ### end Alembic commands ###
-
-
-def downgrade() -> None:
-    """Downgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.drop_column("file", "number_of_files")
-    # ### end Alembic commands ###
diff --git a/src/backend/alembic/versions/b0f939de9dcb_.py b/src/backend/alembic/versions/b0f939de9dcb_.py
deleted file mode 100644
index 8deeef12..00000000
--- a/src/backend/alembic/versions/b0f939de9dcb_.py
+++ /dev/null
@@ -1,38 +0,0 @@
-"""empty message
-
-Revision ID: b0f939de9dcb
-Revises: dfb12aeef438
-Create Date: 2026-01-01 00:20:17.410265
-
-"""
-
-from typing import Sequence
-
-import sqlalchemy as sa
-import sqlmodel.sql.sqltypes
-
-from alembic import op
-
-# revision identifiers, used by Alembic.
-revision: str = "b0f939de9dcb"
-down_revision: str | Sequence[str] | None = "dfb12aeef438"
-branch_labels: str | Sequence[str] | None = None
-depends_on: str | Sequence[str] | None = None
-
-
-def upgrade() -> None:
-    """Upgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.add_column(
-        "file", sa.Column("key", sqlmodel.sql.sqltypes.AutoString(), nullable=False)
-    )
-    op.create_unique_constraint(None, "file", ["id", "key"])
-    # ### end Alembic commands ###
-
-
-def downgrade() -> None:
-    """Downgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.drop_constraint(None, "file", type_="unique")
-    op.drop_column("file", "key")
-    # ### end Alembic commands ###
diff --git a/src/backend/alembic/versions/bac557cb9bc0_addinstance_down_row.py b/src/backend/alembic/versions/bac557cb9bc0_addinstance_down_row.py
deleted file mode 100644
index 017819c2..00000000
--- a/src/backend/alembic/versions/bac557cb9bc0_addinstance_down_row.py
+++ /dev/null
@@ -1,43 +0,0 @@
-"""Addinstance down row
-
-Revision ID: bac557cb9bc0
-Revises: d228bf522042
-Create Date: 2026-04-25 12:34:48.026083
-
-"""
-
-from typing import Sequence
-
-import sqlalchemy as sa
-import sqlmodel.sql.sqltypes
-
-from alembic import op
-
-
-# revision identifiers, used by Alembic.
-revision: str = "bac557cb9bc0"
-down_revision: str | Sequence[str] | None = "d228bf522042"
-branch_labels: str | Sequence[str] | None = None
-depends_on: str | Sequence[str] | None = None
-
-
-def upgrade() -> None:
-    """Upgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.add_column(
-        "config",
-        sa.Column(
-            "allow_uploads",
-            sa.Boolean(),
-            nullable=False,
-            server_default=sa.text("true"),
-        ),
-    )
-    # ### end Alembic commands ###
-
-
-def downgrade() -> None:
-    """Downgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.drop_column("config", "allow_uploads")
-    # ### end Alembic commands ###
diff --git a/src/backend/alembic/versions/cb303129bc56_.py b/src/backend/alembic/versions/cb303129bc56_.py
deleted file mode 100644
index b503f758..00000000
--- a/src/backend/alembic/versions/cb303129bc56_.py
+++ /dev/null
@@ -1,69 +0,0 @@
-"""Initial migration: Create Config and File tables
-
-Revision ID: cb303129bc56
-Revises:
-Create Date: 2025-12-22 11:44:57.079785
-
-"""
-
-from typing import Sequence
-
-import sqlalchemy as sa
-import sqlmodel.sql.sqltypes
-from sqlalchemy.dialects import postgresql
-
-from alembic import op
-from app.models import Config
-
-# revision identifiers, used by Alembic.
-revision: str = "cb303129bc56"
-down_revision: str | Sequence[str] | None = None
-branch_labels: str | Sequence[str] | None = None
-depends_on: str | Sequence[str] | None = None
-
-
-def upgrade() -> None:
-    # 1. Create Config Table
-    op.create_table(
-        "config",
-        sa.Column("id", sa.Uuid(), server_default=sa.text("uuidv7()"), nullable=False),
-        sa.Column("total_storage_limit", sa.BigInteger(), nullable=True),
-        sa.Column("max_file_size_limit", sa.BigInteger(), nullable=True),
-        sa.Column("default_expiry", sa.Integer(), nullable=False),
-        sa.Column("default_number_of_downloads", sa.Integer(), nullable=False),
-        sa.Column(
-            "site_description", sqlmodel.sql.sqltypes.AutoString(), nullable=False
-        ),
-        sa.Column("download_configs", postgresql.ARRAY(sa.Integer()), nullable=True),
-        sa.Column("time_configs", postgresql.ARRAY(sa.Integer()), nullable=True),
-        sa.Column("allowed_file_types", postgresql.ARRAY(sa.String()), nullable=True),
-        sa.Column("banned_file_types", postgresql.ARRAY(sa.String()), nullable=True),
-        sa.PrimaryKeyConstraint("id"),
-    )
-
-    # 2. Create File Table
-    op.create_table(
-        "file",
-        sa.Column("id", sa.Uuid(), server_default=sa.text("uuidv7()"), nullable=False),
-        sa.Column("filename", sqlmodel.sql.sqltypes.AutoString(), nullable=False),
-        sa.Column("expires_at", sa.DateTime(), nullable=False),
-        sa.Column("expire_after_n_download", sa.Integer(), nullable=False),
-        sa.Column("download_count", sa.Integer(), nullable=False),
-        sa.Column(
-            "created_at",
-            sa.DateTime(timezone=True),
-            server_default=sa.text("CURRENT_TIMESTAMP"),
-            nullable=False,
-        ),
-        sa.PrimaryKeyConstraint("id"),
-    )
-
-    # 3. Seed Initial Data
-    config_instance = Config()
-    data = config_instance.model_dump(exclude={"id"})
-    op.bulk_insert(sa.table("config", *[sa.column(k) for k in data.keys()]), [data])
-
-
-def downgrade() -> None:
-    op.drop_table("file")
-    op.drop_table("config")
diff --git a/src/backend/alembic/versions/d228bf522042_migrate_to_biginteger.py b/src/backend/alembic/versions/d228bf522042_migrate_to_biginteger.py
deleted file mode 100644
index b699b14c..00000000
--- a/src/backend/alembic/versions/d228bf522042_migrate_to_biginteger.py
+++ /dev/null
@@ -1,45 +0,0 @@
-"""Migrate to BigInteger
-
-Revision ID: d228bf522042
-Revises: 553f32c34ead
-Create Date: 2026-03-12 05:33:48.614110
-
-"""
-
-from typing import Sequence
-
-import sqlalchemy as sa
-
-from alembic import op
-
-# revision identifiers, used by Alembic.
-revision: str = "d228bf522042"
-down_revision: str | Sequence[str] | None = "553f32c34ead"
-branch_labels: str | Sequence[str] | None = None
-depends_on: str | Sequence[str] | None = None
-
-
-def upgrade() -> None:
-    """Upgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.alter_column(
-        "file",
-        "expire_after_n_download",
-        existing_type=sa.INTEGER(),
-        type_=sa.BigInteger(),
-        nullable=True,
-    )
-    # ### end Alembic commands ###
-
-
-def downgrade() -> None:
-    """Downgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.alter_column(
-        "file",
-        "expire_after_n_download",
-        existing_type=sa.BigInteger(),
-        type_=sa.INTEGER(),
-        nullable=False,
-    )
-    # ### end Alembic commands ###
diff --git a/src/backend/alembic/versions/dfb12aeef438_.py b/src/backend/alembic/versions/dfb12aeef438_.py
deleted file mode 100644
index bfeccdfb..00000000
--- a/src/backend/alembic/versions/dfb12aeef438_.py
+++ /dev/null
@@ -1,48 +0,0 @@
-"""empty message
-
-Revision ID: dfb12aeef438
-Revises: 6d1b8bb8ce78
-Create Date: 2025-12-31 14:43:50.158958
-
-"""
-
-from typing import Sequence
-
-import sqlalchemy as sa
-from sqlalchemy.dialects import postgresql
-
-from alembic import op
-
-# revision identifiers, used by Alembic.
-revision: str = "dfb12aeef438"
-down_revision: str | Sequence[str] | None = "6d1b8bb8ce78"
-branch_labels: str | Sequence[str] | None = None
-depends_on: str | Sequence[str] | None = None
-
-
-def upgrade() -> None:
-    """Upgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.alter_column(
-        "file",
-        "created_at",
-        existing_type=postgresql.TIMESTAMP(timezone=True),
-        type_=sa.DateTime(),
-        existing_nullable=False,
-        existing_server_default=sa.text("CURRENT_TIMESTAMP"),
-    )
-    # ### end Alembic commands ###
-
-
-def downgrade() -> None:
-    """Downgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.alter_column(
-        "file",
-        "created_at",
-        existing_type=sa.DateTime(),
-        type_=postgresql.TIMESTAMP(timezone=True),
-        existing_nullable=False,
-        existing_server_default=sa.text("CURRENT_TIMESTAMP"),
-    )
-    # ### end Alembic commands ###
diff --git a/src/backend/alembic/versions/f6bd9eb9dd41_change_to_download_count_biginteger.py b/src/backend/alembic/versions/f6bd9eb9dd41_change_to_download_count_biginteger.py
deleted file mode 100644
index 3f5fe99d..00000000
--- a/src/backend/alembic/versions/f6bd9eb9dd41_change_to_download_count_biginteger.py
+++ /dev/null
@@ -1,45 +0,0 @@
-"""Change to download_count BigInteger
-
-Revision ID: f6bd9eb9dd41
-Revises: 8d12371fc44b
-Create Date: 2026-01-28 23:51:41.756366
-
-"""
-
-from typing import Sequence
-
-import sqlalchemy as sa
-
-from alembic import op
-
-# revision identifiers, used by Alembic.
-revision: str = "f6bd9eb9dd41"
-down_revision: str | Sequence[str] | None = "8d12371fc44b"
-branch_labels: str | Sequence[str] | None = None
-depends_on: str | Sequence[str] | None = None
-
-
-def upgrade() -> None:
-    """Upgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.alter_column(
-        "file",
-        "download_count",
-        existing_type=sa.INTEGER(),
-        type_=sa.BigInteger(),
-        nullable=True,
-    )
-    # ### end Alembic commands ###
-
-
-def downgrade() -> None:
-    """Downgrade schema."""
-    # ### commands auto generated by Alembic - please adjust! ###
-    op.alter_column(
-        "file",
-        "download_count",
-        existing_type=sa.BigInteger(),
-        type_=sa.INTEGER(),
-        nullable=False,
-    )
-    # ### end Alembic commands ###
diff --git a/src/backend/app/__main__.py b/src/backend/app/__main__.py
deleted file mode 100644
index 1af64d2e..00000000
--- a/src/backend/app/__main__.py
+++ /dev/null
@@ -1,15 +0,0 @@
-import typer
-
-from app.cli.add_user import app as add_user_app
-from app.cli.change_password import app as change_password_app
-from app.cli.list_users import app as list_users_app
-
-app = typer.Typer()
-
-app.add_typer(add_user_app)
-app.add_typer(change_password_app)
-app.add_typer(list_users_app)
-
-
-def main():
-    app()
diff --git a/src/backend/app/celery/__init__.py b/src/backend/app/celery/__init__.py
deleted file mode 100644
index 431eead8..00000000
--- a/src/backend/app/celery/__init__.py
+++ /dev/null
@@ -1,29 +0,0 @@
-import asyncio
-
-from celery import Celery
-from celery.signals import worker_process_init
-
-from app.db import engine
-from app.settings import settings
-
-celery = Celery(__name__)
-celery.conf.update(
-    broker_url=settings.CELERY_BROKER_URL,
-    result_backend=settings.CELERY_RESULT_BACKEND,
-)
-celery.autodiscover_tasks(["app.tasks"])
-
-
-@celery.on_after_configure.connect
-def setup_periodic_tasks(sender: Celery, **kwargs):
-    # from celery.schedules import crontab
-    # https://docs.celeryq.dev/en/main/userguide/periodic-tasks.html#entries
-    ...
-
-
-@worker_process_init.connect
-def reset_engine_on_fork(*args, **kwargs):
-    asyncio.run(engine.dispose())
-
-
-__all__ = ["celery"]
diff --git a/src/backend/app/cli/add_user.py b/src/backend/app/cli/add_user.py
deleted file mode 100644
index 9403d2e2..00000000
--- a/src/backend/app/cli/add_user.py
+++ /dev/null
@@ -1,54 +0,0 @@
-from getpass import getpass
-
-import asyncio
-import typer
-from sqlmodel import select
-
-from app.vendor.async_typer import AsyncTyper
-from app.db import AsyncSessionLocal
-from app.models import User
-from app.security import get_password_hash
-
-app = AsyncTyper()
-
-
-async def check_user_exists(username: str) -> bool:
-    async with AsyncSessionLocal() as session:
-        result = await session.exec(select(User).where(User.username == username))
-        existing = result.first()
-        return existing is not None
-
-
-async def add_user_async(username: str, email: str | None, password_hash: str):
-    async with AsyncSessionLocal() as session:
-        user = User(username=username, email=email, password_hash=password_hash)
-        session.add(user)
-        await session.commit()
-        await session.refresh(user)
-        typer.echo(f"User {username} added with id {user.id}.")
-
-
-@app.async_command()
-async def add_user(
-    email: str = typer.Option(None, help="Email for the new user"),
-    username: str = typer.Option(None, help="Username for the new user"),
-):
-    if not username:
-        username = await asyncio.to_thread(typer.prompt, "Username")
-
-    if await check_user_exists(username):
-        typer.echo(f"User {username} already exists!")
-        raise typer.Exit(code=1)
-
-    while True:
-        password = await asyncio.to_thread(getpass, "Password: ")
-        confirm_password = await asyncio.to_thread(getpass, "Confirm Password: ")
-
-        if password == confirm_password:
-            break
-        else:
-            typer.echo("Passwords do not match!")
-            typer.echo("Please type again")
-
-    hashed_password = await asyncio.to_thread(get_password_hash, password)
-    await add_user_async(username=username, email=email, password_hash=hashed_password)
diff --git a/src/backend/app/cli/change_password.py b/src/backend/app/cli/change_password.py
deleted file mode 100644
index 6d38e81a..00000000
--- a/src/backend/app/cli/change_password.py
+++ /dev/null
@@ -1,56 +0,0 @@
-from getpass import getpass
-
-import asyncio
-import typer
-from sqlmodel import select
-
-from app.vendor.async_typer import AsyncTyper
-from app.db import AsyncSessionLocal
-from app.models import User
-from app.security import get_password_hash
-
-app = AsyncTyper()
-
-
-async def check_user_exists(username: str) -> bool:
-    async with AsyncSessionLocal() as session:
-        result = await session.exec(select(User).where(User.username == username))
-        existing = result.first()
-        return existing is not None
-
-
-async def update_user_password(username: str, password):
-    async with AsyncSessionLocal() as session:
-        result = await session.exec(select(User).where(User.username == username))
-        found = result.first()
-        if not found:
-            typer.echo(f"User with {username} not found")
-            raise typer.Exit(code=1)
-
-        found.password_hash = password
-        session.add(found)
-        await session.commit()
-        await session.refresh(found)
-        typer.echo(f"User {username}'s password updated.")
-
-
-@app.async_command()
-async def change_password(
-    username: str = typer.Option(None, help="Username for the existing user"),
-):
-    if not username:
-        username = await asyncio.to_thread(typer.prompt, "Username")
-
-    if not await check_user_exists(username):
-        typer.echo(f"User {username} not found")
-        raise typer.Exit(code=1)
-
-    password = await asyncio.to_thread(getpass, "Password: ")
-    confirm_password = await asyncio.to_thread(getpass, "Confirm Password: ")
-
-    if password != confirm_password:
-        typer.echo("Passwords do not match!")
-        raise typer.Exit(code=1)
-
-    hashed_password = await asyncio.to_thread(get_password_hash, password)
-    await update_user_password(username, hashed_password)
diff --git a/src/backend/app/cli/list_users.py b/src/backend/app/cli/list_users.py
deleted file mode 100644
index 3adc1abd..00000000
--- a/src/backend/app/cli/list_users.py
+++ /dev/null
@@ -1,29 +0,0 @@
-import typer
-from sqlmodel import select
-
-from app.vendor.async_typer import AsyncTyper
-from app.db import AsyncSessionLocal
-from app.models import User
-
-app = AsyncTyper()
-
-
-async def list_users_async():
-    async with AsyncSessionLocal() as session:
-        result = await session.exec(select(User))
-        users = result.all()
-
-        if not users:
-            typer.echo("No users found.")
-            return
-
-        typer.echo(f"{'Username':<20} | {'Email':<30} | {'ID':<40}")
-        typer.echo("-" * 95)
-        for user in users:
-            email = str(user.email) if user.email else "N/A"
-            typer.echo(f"{user.username:<20} | {email:<30} | {user.id}")
-
-
-@app.async_command()
-async def list_users():
-    await list_users_async()
diff --git a/src/backend/app/converter/bytes.py b/src/backend/app/converter/bytes.py
deleted file mode 100644
index 5db775ab..00000000
--- a/src/backend/app/converter/bytes.py
+++ /dev/null
@@ -1,50 +0,0 @@
-class ByteSize:
-    def __init__(
-        self,
-        b: int = 0,
-        kb: int = 0,
-        mb: int = 0,
-        gb: int = 0,
-        tb: int = 0,
-        pb: int = 0,
-    ) -> None:
-        self._b: int = b
-        self._kb: int = kb
-        self._mb: int = mb
-        self._gb: int = gb
-        self._tb: int = tb
-        self._pb: int = pb
-
-    def total_bytes(self) -> int:
-        """Return total bytes as an integer"""
-        return (
-            self._b
-            + self._kb * 1024
-            + self._mb * 1024**2
-            + self._gb * 1024**3
-            + self._tb * 1024**4
-            + self._pb * 1024**5
-        )
-
-    def __repr__(self) -> str:
-        """Smart display using largest unit >= 1"""
-        bytes_val: int = self.total_bytes()
-        units: list[str] = ["PB", "TB", "GB", "MB", "KB", "B"]
-        factors: list[int] = [1024**5, 1024**4, 1024**3, 1024**2, 1024, 1]
-
-        for unit, factor in zip(units, factors):
-            val: float = bytes_val / factor
-            if val >= 1:
-                return f"{val:.2f} {unit}"
-        return f"{bytes_val} B"
-
-    # Arithmetic support
-    def __add__(self, other: ByteSize) -> ByteSize:
-        if isinstance(other, ByteSize):
-            return ByteSize(b=self.total_bytes() + other.total_bytes())
-        return NotImplemented  # type: ignore[return-value]
-
-    def __sub__(self, other: ByteSize) -> ByteSize:
-        if isinstance(other, ByteSize):
-            return ByteSize(b=self.total_bytes() - other.total_bytes())
-        return NotImplemented  # type: ignore[return-value]
diff --git a/src/backend/app/db.py b/src/backend/app/db.py
deleted file mode 100644
index 9b3b664d..00000000
--- a/src/backend/app/db.py
+++ /dev/null
@@ -1,16 +0,0 @@
-from sqlalchemy.ext.asyncio import async_sessionmaker, create_async_engine
-from sqlmodel.ext.asyncio.session import AsyncSession
-
-from app.settings import settings
-
-engine = create_async_engine(str(settings.SQLALCHEMY_DATABASE_URI), echo=True)
-
-
-AsyncSessionLocal = async_sessionmaker(
-    bind=engine, class_=AsyncSession, expire_on_commit=False
-)
-
-
-async def get_session():
-    async with AsyncSessionLocal() as session:
-        yield session
diff --git a/src/backend/app/deps.py b/src/backend/app/deps.py
deleted file mode 100644
index b44df03f..00000000
--- a/src/backend/app/deps.py
+++ /dev/null
@@ -1,98 +0,0 @@
-from typing import Annotated, AsyncGenerator
-
-import aioboto3
-import jwt
-from botocore.exceptions import ClientError
-from fastapi import Depends, HTTPException, Request, status
-from fastapi.security import HTTPAuthorizationCredentials, HTTPBearer
-from jwt import InvalidTokenError
-from pydantic import ValidationError
-from redis.asyncio import Redis
-from sqlmodel.ext.asyncio.session import AsyncSession
-from types_aiobotocore_s3 import S3Client
-
-from app import security
-from app.db import get_session
-from app.models import User
-from app.pagination import PaginationInput
-from app.schemas.token import TokenPayload
-from app.settings import settings
-from app.singletons.redis import RedisClient
-
-bearer_scheme = HTTPBearer(auto_error=False)
-
-
-async def get_token_from_cookie_or_header(
-    request: Request, credentials: HTTPAuthorizationCredentials = Depends(bearer_scheme)
-) -> HTTPAuthorizationCredentials:
-    token = request.cookies.get("access_token")
-    if token:
-        return HTTPAuthorizationCredentials(scheme="Bearer", credentials=token)
-
-    # Fallback to Authorization header
-    if credentials:
-        return credentials
-
-    # If no token found
-    raise HTTPException(
-        status_code=status.HTTP_403_FORBIDDEN,
-        detail="Could not validate credentials",
-    )
-
-
-async def get_current_user(session: SessionDep, token: TokenDep) -> User:
-    try:
-        payload = jwt.decode(
-            token.credentials, settings.SECRET_KEY, algorithms=[security.ALGORITHM]
-        )
-        token_data = TokenPayload(**payload)
-    except InvalidTokenError, ValidationError:
-        raise HTTPException(
-            status_code=status.HTTP_403_FORBIDDEN,
-            detail="Could not validate credentials",
-        )
-    user = await session.get(User, token_data.sub)
-    if not user:
-        raise HTTPException(status_code=404, detail="User not found")
-    return user
-
-
-async def get_s3_client() -> AsyncGenerator[S3Client, None]:
-    session = aioboto3.Session()
-    async with session.client(
-        "s3",
-        endpoint_url=settings.RUSTFS_ENDPOINT_URL,  # RustFS S3 API
-        aws_access_key_id=settings.RUSTFS_ACCESS_KEY,
-        aws_secret_access_key=settings.RUSTFS_SECRET_ACCESS_KEY,
-    ) as s3_client:
-        # Ensure bucket exists
-        try:
-            await s3_client.head_bucket(Bucket=settings.RUSTFS_BUCKET_NAME)
-        except ClientError:
-            await s3_client.create_bucket(Bucket=settings.RUSTFS_BUCKET_NAME)
-        yield s3_client
-
-
-async def get_redis():
-    redis_client = RedisClient.get()
-    yield redis_client
-
-
-SessionDep = Annotated[AsyncSession, Depends(get_session)]
-TokenDep = Annotated[
-    HTTPAuthorizationCredentials,
-    Depends(get_token_from_cookie_or_header),
-]
-CurrentUser = Annotated[User, Depends(get_current_user)]
-S3Dep = Annotated[S3Client, Depends(get_s3_client)]
-RedisDep = Annotated[Redis, Depends(get_redis)]
-PaginationDep = Annotated[PaginationInput, Depends()]
-
-__all__ = [
-    "SessionDep",
-    "CurrentUser",
-    "TokenDep",
-    "S3Dep",
-    "RedisDep",
-    "PaginationDep",
-]
diff --git a/src/backend/app/guards/rate_limit.py b/src/backend/app/guards/rate_limit.py
deleted file mode 100644
index 8b5709b4..00000000
--- a/src/backend/app/guards/rate_limit.py
+++ /dev/null
@@ -1,30 +0,0 @@
-import inspect
-from time import time_ns
-
-from fastapi_limiter.depends import RateLimiter
-from pyrate_limiter import BucketFactory, Limiter, Rate, RateItem
-from pyrate_limiter.buckets.redis_bucket import RedisBucket
-
-from app.singletons.redis import RedisClient
-
-
-class RedisBucketFactory(BucketFactory):
-    def __init__(self, *rates: Rate):
-        self.rates = list(rates)
-        self._buckets = {}
-
-    def wrap_item(self, name: str, weight: int = 1) -> RateItem:
-        return RateItem(name, time_ns() // 1_000_000, weight=weight)
-
-    async def get(self, item: RateItem) -> RedisBucket:
-        bucket_key = f"rate_limit:{item.name}"
-        if bucket_key not in self._buckets:
-            res = RedisBucket.init(self.rates, RedisClient.get(), bucket_key)
-            if inspect.isawaitable(res):
-                res = await res
-            self._buckets[bucket_key] = res
-        return self._buckets[bucket_key]
-
-
-def get_rate_limiter(*rates: Rate) -> RateLimiter:
-    return RateLimiter(limiter=Limiter(RedisBucketFactory(*rates)))
diff --git a/src/backend/app/lua/__init__.py b/src/backend/app/lua/__init__.py
deleted file mode 100644
index 5ff80155..00000000
--- a/src/backend/app/lua/__init__.py
+++ /dev/null
@@ -1,55 +0,0 @@
-import weakref
-from pathlib import Path
-from typing import Final
-
-BASE_DIR: Final = Path(__file__).parent
-
-
-class LuaModule:
-    """Typed representation of a loaded Lua file."""
-
-    __slots__ = ("__file__", "code")
-
-    def __init__(self, file: Path, code: str) -> None:
-        self.__file__ = str(file)
-        self.code = code
-
-    def __repr__(self) -> str:
-        return f"<LuaModule file={self.__file__!r}>"
-
-
-def _load_lua_file(path: Path) -> LuaModule:
-    return LuaModule(path, path.read_text("utf-8"))
-
-
-# Weak cache allows GC when unused
-_cache: weakref.WeakValueDictionary[str, LuaModule] = weakref.WeakValueDictionary()
-_paths: dict[str, Path] = {file.stem: file for file in BASE_DIR.glob("*.lua")}
-
-
-def __getattr__(name: str) -> LuaModule:
-    try:
-        module = _cache[name]
-    except KeyError:
-        try:
-            path = _paths[name]
-        except KeyError:
-            raise AttributeError(name) from None
-
-        module = _load_lua_file(path)
-        _cache[name] = module
-
-    return module
-
-
-# Typing hints for static analyzers
-json_remove_file_by_key: LuaModule
-json_remove_upload_by_key: LuaModule
-json_update_uploaded_bytes_by_key: LuaModule
-
-
-__all__ = [
-    "json_remove_file_by_key",
-    "json_remove_upload_by_key",
-    "json_update_uploaded_bytes_by_key",
-]
diff --git a/src/backend/app/lua/json_remove_file_by_key.lua b/src/backend/app/lua/json_remove_file_by_key.lua
deleted file mode 100644
index b8a732d0..00000000
--- a/src/backend/app/lua/json_remove_file_by_key.lua
+++ /dev/null
@@ -1,12 +0,0 @@
-local raw = redis.call('JSON.GET', KEYS[1], '$.files')
-if not raw then return nil end
-local outer = cjson.decode(raw)
-local files = outer[1]
-for i, f in ipairs(files) do
-    if f['key'] == ARGV[1] then
-        local removed = cjson.encode(f)
-        redis.call('JSON.DEL', KEYS[1], '$.files[' .. (i-1) .. ']')
-        return removed
-    end
-end
-return nil
\ No newline at end of file
diff --git a/src/backend/app/lua/json_remove_upload_by_key.lua b/src/backend/app/lua/json_remove_upload_by_key.lua
deleted file mode 100644
index 4d86063a..00000000
--- a/src/backend/app/lua/json_remove_upload_by_key.lua
+++ /dev/null
@@ -1,11 +0,0 @@
-local raw = redis.call('JSON.GET', KEYS[1], '$.active_uploads')
-if not raw then return nil end
-local outer = cjson.decode(raw)
-local uploads = outer[1]
-for i, u in ipairs(uploads) do
-    if u['upload_key'] == ARGV[1] then
-        redis.call('JSON.DEL', KEYS[1], '$.active_uploads[' .. (i-1) .. ']')
-        return 1
-    end
-end
-return nil
\ No newline at end of file
diff --git a/src/backend/app/lua/json_update_uploaded_bytes_by_key.lua b/src/backend/app/lua/json_update_uploaded_bytes_by_key.lua
deleted file mode 100644
index 87121a82..00000000
--- a/src/backend/app/lua/json_update_uploaded_bytes_by_key.lua
+++ /dev/null
@@ -1,11 +0,0 @@
-local raw = redis.call('JSON.GET', KEYS[1], '$.active_uploads')
-if not raw then return nil end
-local outer = cjson.decode(raw)
-local uploads = outer[1]
-for i, u in ipairs(uploads) do
-    if u['upload_key'] == ARGV[1] then
-        redis.call('JSON.SET', KEYS[1], '$.active_uploads[' .. (i-1) .. '].uploaded_bytes', ARGV[2])
-        return 1
-    end
-end
-return nil
\ No newline at end of file
diff --git a/src/backend/app/main.py b/src/backend/app/main.py
deleted file mode 100644
index da9f2826..00000000
--- a/src/backend/app/main.py
+++ /dev/null
@@ -1,127 +0,0 @@
-import asyncio
-from contextlib import asynccontextmanager
-from pathlib import Path
-
-from fastapi import FastAPI
-from fastapi.middleware.cors import CORSMiddleware
-
-from app.managers import WebSocketManager
-from app.settings import settings
-from app.singletons.redis import RedisClient
-from app.states.app import AppState, GlobalState
-
-
-@asynccontextmanager
-async def lifespan(app: FastAPI):
-    # Store base directory
-    app.state.base_dir = Path(__file__).resolve().parent.parent
-
-    # Initialise shared Redis client and start periodic state sync task
-    GlobalState.init_redis()
-
-    # Prune stale uploads persisted in Redis from previous runs
-    await AppState.cleanup_active_uploads()
-
-    async def _state_sync_loop() -> None:
-        try:
-            while True:
-                await AppState.state_sync()
-                await asyncio.sleep(settings.APP_STATE_SYNC_INTERVAL)
-        except asyncio.CancelledError:
-            return
-
-    state_sync_task = asyncio.create_task(_state_sync_loop())
-    app.state._state_sync_task = state_sync_task
-
-    # Start WebSocket manager pub/sub listener
-    ws_manager = WebSocketManager()
-    await ws_manager.start()
-    app.state.ws_manager = ws_manager
-
-    yield
-
-    # Shutdown: stop background state sync task, then other services
-    state_sync_task = getattr(app.state, "_state_sync_task", None)
-    if state_sync_task is not None:
-        state_sync_task.cancel()
-        try:
-            await state_sync_task
-        except asyncio.CancelledError:
-            pass
-
-    await ws_manager.stop()
-    await RedisClient.aclose()
-
-
-app = FastAPI(
-    root_path=settings.ROOT_PATH,
-    openapi_url="/openapi.json",
-    lifespan=lifespan,
-)
-app.add_middleware(
-    CORSMiddleware,
-    allow_origins=["*"],
-    allow_methods=["*"],
-    allow_headers=["*"],
-    allow_credentials=True,
-)
-
-from app.routes.http.admin.config import router as admin_config_router
-
-app.include_router(admin_config_router, prefix="/admin")
-
-from app.routes.http.admin.user import router as admin_user_router
-
-app.include_router(admin_user_router, prefix="/admin")
-
-from app.routes.http.admin.files import router as admin_file_router
-
-app.include_router(admin_file_router, prefix="/admin")
-
-from app.routes.http.config import router as config_router
-
-app.include_router(config_router)
-
-from app.routes.http.login import router as login_router
-
-app.include_router(login_router)
-
-from app.routes.http.user import router as user_router
-
-app.include_router(user_router)
-
-from app.routes.http.upload import router as upload_router
-
-app.include_router(upload_router)
-
-from app.routes.http.download import router as download_router
-
-app.include_router(download_router)
-
-from app.routes.http.information import router as information_router
-
-app.include_router(information_router)
-
-from app.routes.http.onboarding import router as onboarding_router
-
-app.include_router(onboarding_router)
-
-from app.routes.http.speedtest import router as speedtest_router
-
-app.include_router(speedtest_router)
-
-from app.routes.ws.state import router as ws_router
-
-app.include_router(ws_router)
-
-from app.routes.http.reverse import router as reverse_router
-
-app.include_router(reverse_router)
-
-from app.routes.ws.reverse import router as ws_reverse_router
-
-app.include_router(ws_reverse_router)
-
-from app.routes.http.instance import router as instance_router
-
-app.include_router(instance_router)
diff --git a/src/backend/app/managers/__init__.py b/src/backend/app/managers/__init__.py
deleted file mode 100644
index 110f6a4d..00000000
--- a/src/backend/app/managers/__init__.py
+++ /dev/null
@@ -1,3 +0,0 @@
-from .websocket import WebSocketManager
-
-__all__ = ["WebSocketManager"]
diff --git a/src/backend/app/managers/websocket.py b/src/backend/app/managers/websocket.py
deleted file mode 100644
index d632cea1..00000000
--- a/src/backend/app/managers/websocket.py
+++ /dev/null
@@ -1,71 +0,0 @@
-import asyncio
-import contextlib
-import logging
-
-from fastapi import WebSocket, WebSocketDisconnect
-from redis.asyncio.client import PubSub
-
-from app.settings import settings
-from app.singletons.redis import RedisClient
-from app.states.app import AppState
-
-logger = logging.getLogger(__name__)
-
-
-class WebSocketManager:
-    def __init__(self) -> None:
-        self._connections: set[WebSocket] = set()
-        self._pubsub: PubSub | None = None
-        self._listener_task: asyncio.Task[None] | None = None
-
-    async def connect(self, ws: WebSocket) -> None:
-        await ws.accept()
-        self._connections.add(ws)
-        # Send current state snapshot on connect
-        state = await AppState.get()
-        await ws.send_text(state.model_dump_json())
-
-    def disconnect(self, ws: WebSocket) -> None:
-        self._connections.discard(ws)
-
-    async def broadcast(self, state: AppState) -> None:
-        """Send serialised state to every WebSocket connected to *this* instance."""
-        payload = state.model_dump_json()
-        stale: list[WebSocket] = []
-        for ws in self._connections:
-            try:
-                await ws.send_text(payload)
-            except WebSocketDisconnect, RuntimeError:
-                stale.append(ws)
-        for ws in stale:
-            self._connections.discard(ws)
-
-    async def start(self) -> None:
-        """Subscribe to the state channel and start the background listener."""
-        redis_client = RedisClient.get()
-        self._pubsub = redis_client.pubsub()
-        await self._pubsub.subscribe(settings.STATE_CHANNEL)
-        self._listener_task = asyncio.create_task(self._listen())
-
-    async def stop(self) -> None:
-        """Unsubscribe and cancel the background listener."""
-        if self._listener_task is not None:
-            self._listener_task.cancel()
-            with contextlib.suppress(asyncio.CancelledError):
-                await self._listener_task
-        if self._pubsub is not None:
-            await self._pubsub.unsubscribe(settings.STATE_CHANNEL)
-            await self._pubsub.aclose()
-
-    async def _listen(self) -> None:
-        """Read messages from Redis pub/sub and broadcast to local clients."""
-        assert self._pubsub is not None
-        async for message in self._pubsub.listen():
-            if message["type"] != "message":
-                continue
-            try:
-                state = AppState.model_validate_json(message["data"])
-            except Exception:
-                logger.exception("Invalid state payload on pub/sub channel")
-                continue
-            await self.broadcast(state)
diff --git a/src/backend/app/models/__init__.py b/src/backend/app/models/__init__.py
deleted file mode 100644
index 13be992c..00000000
--- a/src/backend/app/models/__init__.py
+++ /dev/null
@@ -1,5 +0,0 @@
-from sqlmodel import SQLModel as SQLModel
-
-from .config import Config as Config
-from .files import File as File
-from .user import User as User
diff --git a/src/backend/app/models/config.py b/src/backend/app/models/config.py
deleted file mode 100644
index 5bb01796..00000000
--- a/src/backend/app/models/config.py
+++ /dev/null
@@ -1,117 +0,0 @@
-from datetime import timedelta
-from uuid import UUID
-
-from sqlalchemy import Boolean, Connection, FromClause, event
-from sqlalchemy.dialects.postgresql import ARRAY
-from sqlalchemy.orm import Mapper
-from sqlmodel import BigInteger, Column, Field, Integer, SQLModel, String, select, text
-
-from app.converter.bytes import ByteSize
-
-
-class ConfigUpdate(SQLModel):
-    total_storage_limit: int | None = None
-    max_file_size_limit: int | None = None
-    default_expiry: int | None = None
-    default_number_of_downloads: int | None = None
-    site_description: str | None = None
-    download_configs: list[int] | None = None
-    time_configs: list[int] | None = None
-    allowed_file_types: list[str] | None = None
-    banned_file_types: list[str] | None = None
-    allow_uploads: bool | None = None
-
-
-class ConfigIn(SQLModel):
-    # Max limits
-    total_storage_limit: int = Field(
-        default=ByteSize(gb=10).total_bytes(), sa_column=Column(BigInteger)
-    )
-    max_file_size_limit: int = Field(
-        default=ByteSize(mb=100).total_bytes(), sa_column=Column(BigInteger)
-    )
-
-    # Default constraints
-    default_expiry: int = int(timedelta(days=7).total_seconds())
-    default_number_of_downloads: int = 10
-
-    # Markdown fields
-    site_description: str = Field(
-        default="## Configurable File Sharing\n\nWelcome to your Chithi instance. It allows you to share file with a link that automatically expires. So you know what you are sharing is always private and doesn't stay on internet forever."
-    )
-
-    # Customizable fields
-    download_configs: list[int] = Field(
-        default=[10],
-        sa_column=Column(ARRAY(Integer)),
-    )
-    time_configs: list[int] = Field(
-        default=[int(timedelta(days=7).total_seconds())],
-        sa_column=Column(ARRAY(Integer)),
-    )
-
-    allowed_file_types: list[str] = Field(default=[], sa_column=Column(ARRAY(String)))
-    banned_file_types: list[str] = Field(default=[], sa_column=Column(ARRAY(String)))
-    allow_uploads: bool = Field(
-        default=True,
-        sa_column=Column(Boolean, server_default=text("true"), nullable=False),
-    )
-
-
-class Config(ConfigIn, table=True):
-    id: UUID = Field(
-        default=None,
-        primary_key=True,
-        sa_column_kwargs={
-            "server_default": text(
-                "uuidv7()",
-            )
-        },
-    )
-
-
-@event.listens_for(Config, "before_update")
-def validate_config_update(mapper: Mapper, connection: Connection, target: Config):
-    # ensure the expiry is one of the available time options
-    if target.default_expiry not in target.time_configs:
-        raise ValueError(
-            f"Conflict: {target.default_expiry} must be one of the values in {target.time_configs}"
-        )
-
-
-@event.listens_for(Config, "before_update")
-def validate_number_of_downloads(
-    mapper: Mapper, connection: Connection, target: Config
-):
-    if target.default_number_of_downloads not in target.download_configs:
-        raise ValueError(
-            "Conflict: default_number_of_downloads must be one of the values in download_configs"
-        )
-
-
-@event.listens_for(Config, "before_update")
-def validate_file_types_consistency(
-    mapper: Mapper, connection: Connection, target: Config
-):
-    if set(target.allowed_file_types) & set(target.banned_file_types):
-        raise ValueError(
-            "Conflict: allowed_file_types and banned_file_types cannot share common extensions"
-        )
-
-
-@event.listens_for(Config, "before_insert")
-def enforce_singleton[T](mapper: Mapper[T], connection: Connection, target: T) -> None:
-    table: FromClause = mapper.local_table
-
-    stmt = select(1).select_from(table).limit(1)
-
-    result = connection.execute(stmt).fetchone()
-    table_name = getattr(table, "name", "unknown_table")
-
-    if result is not None:
-        raise ValueError(f"Only one row is allowed in the '{table_name}' table.")
-
-
-@event.listens_for(Config, "before_delete")
-def prevent_config_deletion(mapper: Mapper, connection: Connection, target: Config):
-    raise ValueError("The configuration record cannot be deleted")
diff --git a/src/backend/app/models/files.py b/src/backend/app/models/files.py
deleted file mode 100644
index 65873a8b..00000000
--- a/src/backend/app/models/files.py
+++ /dev/null
@@ -1,92 +0,0 @@
-from datetime import datetime, timezone
-from typing import Self
-from uuid import UUID
-
-from pydantic import model_validator
-from sqlalchemy import BigInteger, Column, DateTime, UniqueConstraint, event, text
-from sqlalchemy.engine import Connection
-from sqlalchemy.orm import Mapper
-from sqlmodel import Field, SQLModel
-
-
-class FileInformationOut(SQLModel):
-    id: UUID
-    filename: str
-    size: int
-    number_of_files: int | None = None
-
-    download_count: int
-    created_at: datetime
-
-    expires_at: datetime
-    expire_after_n_download: int
-
-
-class FileOut(SQLModel):
-    # Unique Identifier for the S3 storage
-    key: str = Field()
-
-
-class File(FileOut, table=True):
-    id: UUID = Field(
-        default=None,
-        primary_key=True,
-        sa_column_kwargs={"server_default": text("uuidv7()")},
-    )
-    filename: str = Field()
-
-    # Control expiry
-    expires_at: datetime = Field(
-        sa_column=Column(DateTime(timezone=True), nullable=False)
-    )
-    expire_after_n_download: int = Field(sa_column=Column(BigInteger()))
-
-    # Tracking downloads
-    download_count: int = Field(default=0, sa_column=Column(BigInteger()))
-    created_at: datetime = Field(
-        sa_column=Column(DateTime(timezone=True), nullable=False)
-    )
-
-    size: int = Field(sa_column=Column(BigInteger()))
-    number_of_files: int | None = Field(default=None)
-
-    __table_args__ = (UniqueConstraint("id", "key"),)
-
-    @property
-    def is_expired(self) -> bool:
-        now = datetime.now(timezone.utc)
-        return (
-            now > self.expires_at or self.download_count >= self.expire_after_n_download
-        )
-
-    @model_validator(mode="after")
-    def validate_expire(self) -> Self:
-        if self.expires_at < self.created_at:
-            raise ValueError("Expiration time cannot be earlier than creation time")
-        return self
-
-
-@event.listens_for(File, "after_delete")
-def on_file_delete(mapper: Mapper, connection: Connection, target: File):
-    """
-    Event hook to evict the file from the global app state (Redis) after it is deleted from the DB.
-    This ensures that total_space_used is updated and the file is removed from active_uploads.
-    """
-    import asyncio
-
-    from app.states.app import AppState
-
-    # Capture values to avoid issues with target being detached/deleted
-    file_key = target.key
-    file_size = target.size
-
-    async def do_evict():
-        await AppState.evict_files(file_keys=[file_key], freed_bytes=file_size)
-
-    try:
-        loop = asyncio.get_running_loop()
-        loop.create_task(do_evict())
-    except RuntimeError:
-        # If no loop is running, we might be in a sync context.
-        # In this app, it's expected to have a loop in FastAPI or Celery async tasks.
-        pass
diff --git a/src/backend/app/models/onboarding.py b/src/backend/app/models/onboarding.py
deleted file mode 100644
index 11f18896..00000000
--- a/src/backend/app/models/onboarding.py
+++ /dev/null
@@ -1,9 +0,0 @@
-from sqlmodel import SQLModel
-
-
-class OnboardingOut(SQLModel):
-    onboarded: bool
-
-
-class OnboardingPOSTOut(SQLModel):
-    message: str
diff --git a/src/backend/app/models/user.py b/src/backend/app/models/user.py
deleted file mode 100644
index 032c6a50..00000000
--- a/src/backend/app/models/user.py
+++ /dev/null
@@ -1,33 +0,0 @@
-from uuid import UUID
-
-from sqlalchemy import text
-from sqlmodel import Field, SQLModel
-
-
-class UserUpdate(SQLModel):
-    username: str | None = None
-    email: str | None = None
-
-
-class UserCreate(SQLModel):
-    username: str
-    email: str | None = None
-    password: str
-
-
-class UserOut(SQLModel):
-    id: UUID = Field(
-        default=None,
-        primary_key=True,
-        sa_column_kwargs={
-            "server_default": text(
-                "uuidv7()",
-            )
-        },
-    )
-    username: str = Field(index=True, unique=True)
-    email: str | None = Field(default=None, index=True, unique=True)
-
-
-class User(UserOut, table=True):
-    password_hash: str = Field()
diff --git a/src/backend/app/pagination.py b/src/backend/app/pagination.py
deleted file mode 100644
index d4049384..00000000
--- a/src/backend/app/pagination.py
+++ /dev/null
@@ -1,93 +0,0 @@
-from typing import Any, Generic, TypeVar
-
-from pydantic import BaseModel, Field
-from sqlalchemy.sql import func
-from sqlmodel import SQLModel, select
-from sqlmodel.ext.asyncio.session import AsyncSession
-from sqlmodel.sql.expression import SelectOfScalar
-
-from app.settings import settings
-
-T = TypeVar("T", bound=SQLModel)
-
-
-class PaginationInput(BaseModel):
-    """Model passed in the request to validate pagination input."""
-
-    page: int = Field(default=1, ge=1, description="Requested page number")
-    page_size: int = Field(
-        default=10,
-        ge=1,
-        le=settings.MAX_RESULTS_PER_PAGE,
-        description="Requested number of items per page",
-    )
-
-
-class Page(BaseModel, Generic[T]):
-    """Model to represent a page of results along with pagination metadata."""
-
-    items: list[T] = Field(description="List of items on this Page")
-    total_items: int = Field(ge=0, description="Number of total items")
-    start_index: int = Field(ge=0, description="Starting item index")
-    end_index: int = Field(ge=0, description="Ending item index")
-    total_pages: int = Field(ge=0, description="Total number of pages")
-    current_page: int = Field(
-        ge=0, description="Page number (could differ from request)"
-    )
-    current_page_size: int = Field(
-        ge=0, description="Number of items per page (could differ from request)"
-    )
-    meta: dict[str, Any] = Field(
-        default_factory=dict, description="Extra metadata for the response"
-    )
-
-
-async def paginate(
-    query: SelectOfScalar[T],  # SQLModel select query
-    session: AsyncSession,
-    pagination_input: PaginationInput,
-    meta: dict[str, Any] | None = None,
-) -> Page[T]:
-    """Paginate the given query based on the pagination input."""
-
-    # Get the total number of items
-    total_items = await session.scalar(
-        select(func.count()).select_from(query.subquery())
-    )
-    assert isinstance(total_items, int), (
-        "A database error occurred when getting `total_items`"
-    )
-
-    # Handle out-of-bounds page requests by going to the last page instead of displaying
-    # empty data.
-    total_pages = (
-        total_items + pagination_input.page_size - 1
-    ) // pagination_input.page_size
-    # we don't want to have 0 page even if there is no item.
-    total_pages = max(total_pages, 1)
-    current_page = min(pagination_input.page, total_pages)
-
-    # Calculate the offset for pagination
-    offset = (current_page - 1) * pagination_input.page_size
-
-    # Apply limit and offset to the query
-    result = await session.exec(query.offset(offset).limit(pagination_input.page_size))
-
-    # Fetch the paginated items
-    items = list(result.all())
-
-    # Calculate the rest of pagination metadata
-    start_index = offset + 1 if total_items > 0 else 0
-    end_index = min(offset + pagination_input.page_size, total_items)
-
-    # Return the paginated response using the Page model
-    return Page[T](
-        items=items,
-        total_items=total_items,
-        start_index=start_index,
-        end_index=end_index,
-        total_pages=total_pages,
-        current_page_size=len(items),  # can differ from the requested page_size
-        current_page=current_page,  # can differ from the requested page
-        meta=meta or {},
-    )
diff --git a/src/backend/app/routes/http/admin/config.py b/src/backend/app/routes/http/admin/config.py
deleted file mode 100644
index 1f164db6..00000000
--- a/src/backend/app/routes/http/admin/config.py
+++ /dev/null
@@ -1,29 +0,0 @@
-from http import HTTPStatus
-
-from fastapi import APIRouter, HTTPException
-from sqlmodel import select
-
-from app.deps import CurrentUser, SessionDep
-from app.models.config import Config, ConfigUpdate
-
-router = APIRouter()
-
-
-@router.patch("/config", response_model=Config)
-async def change_config(
-    _: CurrentUser,  # Only check for login here
-    session: SessionDep,
-    config_in: ConfigUpdate,
-):
-    config_object = select(Config)
-    result = await session.exec(config_object)
-    config = result.first()
-    if not config:
-        raise HTTPException(status_code=HTTPStatus.NOT_FOUND, detail="Config not found")
-
-    update_dict = config_in.model_dump(exclude_unset=True)
-    config.sqlmodel_update(update_dict)
-    session.add(config)
-    await session.commit()
-    await session.refresh(config)
-    return config
diff --git a/src/backend/app/routes/http/admin/files.py b/src/backend/app/routes/http/admin/files.py
deleted file mode 100644
index 54ecd0bc..00000000
--- a/src/backend/app/routes/http/admin/files.py
+++ /dev/null
@@ -1,45 +0,0 @@
-from http import HTTPStatus
-
-from fastapi import APIRouter, BackgroundTasks, HTTPException
-from sqlmodel import col, select
-
-from app.deps import CurrentUser, PaginationDep, SessionDep
-from app.models.files import (
-    File,
-    FileInformationOut,
-    FileOut,
-)
-from app.pagination import Page, paginate
-from app.tasks import delete_expired_file
-
-router = APIRouter()
-
-
-@router.get("/files", response_model=Page[FileInformationOut])
-async def show_all_files(
-    _: CurrentUser,  # Only check for login here
-    session: SessionDep,
-    pagination: PaginationDep,
-):
-    return await paginate(
-        select(File).order_by(col(File.id).desc()), session, pagination
-    )
-
-
-@router.delete("/files/{id}")
-async def delete_file(
-    _: CurrentUser,
-    id: str,
-    session: SessionDep,
-    background_tasks: BackgroundTasks,
-):
-    query = select(File).where(File.id == id)
-    result = await session.exec(query)
-    file_object = result.one_or_none()
-
-    if not file_object:
-        raise HTTPException(status_code=HTTPStatus.NOT_FOUND, detail="File not found")
-
-    background_tasks.add_task(delete_expired_file.delay, id)
-
-    return FileOut(key=file_object.key)
diff --git a/src/backend/app/routes/http/admin/user.py b/src/backend/app/routes/http/admin/user.py
deleted file mode 100644
index 9c3c1c12..00000000
--- a/src/backend/app/routes/http/admin/user.py
+++ /dev/null
@@ -1,65 +0,0 @@
-from uuid import UUID
-
-from fastapi import APIRouter, HTTPException
-from sqlmodel import select
-
-from app.deps import CurrentUser, PaginationDep, SessionDep
-from app.models.user import User, UserCreate, UserOut, UserUpdate
-from app.pagination import Page, paginate
-from app.security import get_password_hash
-
-router = APIRouter()
-
-
-@router.get("/users", response_model=Page[UserOut])
-async def get_users(
-    session: SessionDep,
-    _: CurrentUser,
-    pagination: PaginationDep,
-):
-    return await paginate(select(User), session, pagination)
-
-
-@router.patch("/user", response_model=UserOut)
-async def change_user(
-    session: SessionDep,
-    user_in: UserUpdate,
-    user: CurrentUser,
-):
-    update_dict = user_in.model_dump(exclude_unset=True)
-    user.sqlmodel_update(update_dict)
-    session.add(user)
-    await session.commit()
-    await session.refresh(user)
-    return user
-
-
-@router.post("/user", response_model=UserOut)
-async def create_user(
-    session: SessionDep,
-    user_in: UserCreate,
-    _: CurrentUser,
-):
-    user = User(
-        username=user_in.username,
-        email=user_in.email,
-        password_hash=get_password_hash(user_in.password),
-    )
-    session.add(user)
-    await session.commit()
-    await session.refresh(user)
-    return user
-
-
-@router.delete("/user/{user_id}", response_model=UserOut)
-async def delete_user(
-    session: SessionDep,
-    user_id: UUID,
-    _: CurrentUser,
-):
-    user = await session.get(User, user_id)
-    if not user:
-        raise HTTPException(status_code=404, detail="User not found")
-    await session.delete(user)
-    await session.commit()
-    return user
diff --git a/src/backend/app/routes/http/config.py b/src/backend/app/routes/http/config.py
deleted file mode 100644
index 58125d98..00000000
--- a/src/backend/app/routes/http/config.py
+++ /dev/null
@@ -1,19 +0,0 @@
-from http import HTTPStatus
-
-from fastapi import APIRouter, HTTPException
-from sqlmodel import select
-
-from app.deps import SessionDep
-from app.models.config import Config
-
-router = APIRouter()
-
-
-@router.get("/config")
-async def get_config(session: SessionDep):
-    config_object = select(Config)
-    result = await session.exec(config_object)
-    config_object = result.first()
-    if not config_object:
-        raise HTTPException(status_code=HTTPStatus.NOT_FOUND, detail="Config not found")
-    return config_object
diff --git a/src/backend/app/routes/http/download.py b/src/backend/app/routes/http/download.py
deleted file mode 100644
index f837154f..00000000
--- a/src/backend/app/routes/http/download.py
+++ /dev/null
@@ -1,66 +0,0 @@
-from urllib.parse import quote
-
-from botocore.exceptions import ClientError
-from fastapi import APIRouter, BackgroundTasks, HTTPException
-from fastapi.responses import StreamingResponse
-from sqlmodel import select
-
-from app.deps import S3Dep, SessionDep
-from app.models.files import File
-from app.settings import settings
-from app.tasks.clean_file import delete_expired_file
-
-router = APIRouter()
-
-
-@router.get("/download/{key:path}")
-async def download_files(
-    key: str,
-    session: SessionDep,
-    s3: S3Dep,
-    background_tasks: BackgroundTasks,
-):
-    # Fetch file metadata
-    query = select(File).where(File.key == key)
-    result = await session.exec(query)
-    file_record = result.one_or_none()
-
-    if not file_record:
-        raise HTTPException(status_code=404, detail="File not found")
-    if file_record.is_expired:
-        raise HTTPException(status_code=410, detail="File is expired")
-
-    try:
-        # Get entire file from S3
-        s3_response = await s3.get_object(Bucket=settings.RUSTFS_BUCKET_NAME, Key=key)
-    except ClientError as e:
-        error_code = e.response.get("Error", {}).get("Code")
-        if error_code == "NoSuchKey":
-            raise HTTPException(status_code=404, detail="File not found in storage")
-        raise HTTPException(status_code=500, detail="Storage error")
-
-    # Increment download count immediately
-    file_record.download_count += 1
-    session.add(file_record)
-    await session.commit()
-
-    # Schedule deletion if limit reached (after response is sent)
-    if file_record.download_count >= file_record.expire_after_n_download:
-        background_tasks.add_task(delete_expired_file.delay, str(file_record.id))
-
-    async def stream_file():
-        try:
-            async for chunk in s3_response["Body"]:
-                yield chunk
-        finally:
-            s3_response["Body"].close()
-
-    safe_filename = quote(file_record.filename)
-    return StreamingResponse(
-        stream_file(),
-        status_code=200,
-        media_type=s3_response.get("ContentType", "application/octet-stream"),
-        headers={
-            "Content-Disposition": f"attachment; filename*=UTF-8''{safe_filename}"
-        },
-    )
diff --git a/src/backend/app/routes/http/information.py b/src/backend/app/routes/http/information.py
deleted file mode 100644
index 40acd341..00000000
--- a/src/backend/app/routes/http/information.py
+++ /dev/null
@@ -1,47 +0,0 @@
-from botocore.exceptions import ClientError
-from fastapi import APIRouter, HTTPException
-from sqlmodel import select
-
-from app.deps import S3Dep, SessionDep
-from app.models.files import File, FileInformationOut
-from app.settings import settings
-
-router = APIRouter()
-
-
-@router.get("/information/{key}", response_model=FileInformationOut)
-async def get_file_information(
-    key: str,
-    session: SessionDep,
-    s3: S3Dep,
-):
-    query = select(File).where(File.key == key)
-    result = await session.exec(query)
-    file_record = result.one_or_none()
-
-    if not file_record:
-        raise HTTPException(status_code=404, detail="File not found")
-
-    if file_record.is_expired:
-        raise HTTPException(status_code=410, detail="File is expired")
-
-    try:
-        s3_response = await s3.head_object(
-            Bucket=settings.RUSTFS_BUCKET_NAME,
-            Key=key,
-        )
-    except ClientError as e:
-        error_code = e.response.get("Error", {}).get("Code")
-        if error_code == "404" or error_code == "NoSuchKey":
-            raise HTTPException(status_code=404, detail="File not found in storage")
-        raise e
-
-    return {
-        "id": file_record.id,
-        "filename": file_record.filename,
-        "size": s3_response.get("ContentLength"),
-        "download_count": file_record.download_count,
-        "created_at": int(file_record.created_at.timestamp()),
-        "expires_at": file_record.expires_at,
-        "expire_after_n_download": file_record.expire_after_n_download,
-    }
diff --git a/src/backend/app/routes/http/instance.py b/src/backend/app/routes/http/instance.py
deleted file mode 100644
index ec733dd5..00000000
--- a/src/backend/app/routes/http/instance.py
+++ /dev/null
@@ -1,148 +0,0 @@
-import contextlib
-import json
-import platform
-from datetime import datetime, timedelta, timezone
-
-from fastapi import (
-    APIRouter,
-    Request,
-    __version__ as fastapi_version,
-)
-from sqlalchemy import text
-from sqlmodel import func, select
-
-from app.deps import RedisDep, SessionDep
-from app.models.files import (
-    File,
-)
-from app.schemas.information import InformationOut, InstanceStatisticsOut
-
-router = APIRouter()
-
-
-def _get_build_info(base_dir) -> dict:
-    """
-    Read build info from build-info.json.
-    Only in prod, for dev fallback to dev defaults.
-    """
-    build_info_path = base_dir / "build-info.json"
-
-    # Fallback dev values
-    dev_info = {
-        "version": "v0.0.0-dev",
-        "commit": "dev",
-        "is_release": False,
-    }
-
-    with contextlib.suppress(json.JSONDecodeError, IOError):
-        if build_info_path.exists():
-            with open(build_info_path, "r") as f:
-                return json.load(f)
-
-    return dev_info
-
-
-@router.get("/instance/information")
-async def get_instance_information(
-    request: Request,
-    redis: RedisDep,
-    session: SessionDep,
-):
-    # Redis Execution
-    info = await redis.info("server")
-    redis_version = info["redis_version"]
-
-    # Postgres Execution
-    postgres_version = await session.scalar(text("SHOW server_version"))
-
-    # Python Execution
-    python_version = platform.python_version()
-
-    # Build Info from app state
-    base_dir = request.app.state.base_dir
-    build_info = _get_build_info(base_dir)
-
-    return InformationOut(
-        python_version=python_version,
-        fastapi_version=fastapi_version,
-        redis_version=redis_version,
-        postgres_version=postgres_version,
-        version=build_info["version"],
-        commit=build_info["commit"],
-        is_release=build_info["is_release"],
-    )
-
-
-@router.get("/instance/statistics")
-async def get_instance_statistics(
-    session: SessionDep,
-    redis: RedisDep,
-):
-    now = datetime.now(timezone.utc)
-    soon = now + timedelta(days=1)
-
-    # Redis Execution
-    active_rooms_keys = await redis.keys("chithi:room:*")
-    active_rooms = len(active_rooms_keys)
-
-    # Total bytes
-    sum_bytes_query = select(func.coalesce(func.sum(File.size), 0)).select_from(File)
-    total_bytes = (await session.exec(sum_bytes_query)).one()
-
-    # Total files
-    total_files_query = select(func.count()).select_from(File)
-    total_files = (await session.exec(total_files_query)).one()
-
-    # Total downloads
-    total_downloads_query = select(func.coalesce(func.sum(File.download_count), 0)).select_from(File)
-    total_downloads = (await session.exec(total_downloads_query)).one()
-
-    # Active URLs
-    active_urls_query = (
-        select(func.count())
-        .select_from(File)
-        .where(
-            (File.expires_at >= now)
-            & (File.download_count < File.expire_after_n_download)
-        )
-    )
-    active_urls = (await session.exec(active_urls_query)).one()
-
-    # Expiring soon (within 24h and not already expired)
-    expiring_soon_query = (
-        select(func.count())
-        .select_from(File)
-        .where(
-            (File.expires_at >= now)
-            & (File.expires_at <= soon)
-            & (File.download_count < File.expire_after_n_download)
-        )
-    )
-    expiring_soon = (await session.exec(expiring_soon_query)).one()
-
-    # Links with download caps
-    # Assuming any file has a download cap as it's not nullable in DB
-    links_with_download_caps_query = select(func.count()).select_from(File)
-    links_with_download_caps = (
-        await session.exec(links_with_download_caps_query)
-    ).one()
-
-    # Latest expiry
-    latest_expiry_query = select(func.max(File.expires_at)).where(
-        (File.expires_at >= now) & (File.download_count < File.expire_after_n_download)
-    )
-    latest_expiry = (await session.exec(latest_expiry_query)).one()
-
-    meta = {
-        "total_bytes": total_bytes,
-        "total_files": total_files,
-        "total_downloads": total_downloads,
-        "active_urls": active_urls,
-        "active_rooms": active_rooms,
-        "links_with_download_caps": links_with_download_caps,
-        "expiring_soon": expiring_soon,
-    }
-    if latest_expiry:
-        meta["latest_expiry"] = int(latest_expiry.timestamp())
-
-    return InstanceStatisticsOut(**meta)
diff --git a/src/backend/app/routes/http/login.py b/src/backend/app/routes/http/login.py
deleted file mode 100644
index 814d2bc2..00000000
--- a/src/backend/app/routes/http/login.py
+++ /dev/null
@@ -1,57 +0,0 @@
-from datetime import timedelta
-from typing import Annotated
-
-from fastapi import APIRouter, Depends, HTTPException, status
-from fastapi.security import OAuth2PasswordRequestForm
-from pyrate_limiter import Duration, Rate
-from sqlmodel import or_, select
-
-from app import security
-from app.deps import SessionDep
-from app.guards.rate_limit import get_rate_limiter
-from app.models import User
-from app.schemas.token import Token
-from app.settings import settings
-
-router = APIRouter()
-
-
-@router.post(
-    "/login",
-    dependencies=[
-        Depends(get_rate_limiter(Rate(3, Duration.SECOND * 1))),
-        Depends(get_rate_limiter(Rate(60, Duration.MINUTE * 1))),
-    ],
-)
-async def login_endpoint(
-    session: SessionDep, form_data: Annotated[OAuth2PasswordRequestForm, Depends()]
-) -> Token:
-    # Look up user
-    statement = select(User).where(
-        or_(User.username == form_data.username, User.email == form_data.username)
-    )
-    result = await session.exec(statement)
-    user = result.first()
-
-    # Validate user and password
-
-    if not user or not security.verify_password(form_data.password, user.password_hash):
-        raise HTTPException(
-            status_code=status.HTTP_400_BAD_REQUEST,
-            detail="Incorrect email or password",
-        )
-
-    # Check status
-    # if not user.is_active:
-    #     raise HTTPException(
-    #         status_code=status.HTTP_400_BAD_REQUEST, detail="Inactive user"
-    #     )
-
-    # Generate Token
-    access_token_expires = timedelta(minutes=settings.ACCESS_TOKEN_EXPIRE_MINUTES)
-
-    token_string = security.create_access_token(
-        user.id, expires_delta=access_token_expires
-    )
-
-    return Token(access_token=token_string, token_type="bearer")
diff --git a/src/backend/app/routes/http/onboarding.py b/src/backend/app/routes/http/onboarding.py
deleted file mode 100644
index 2dafb31f..00000000
--- a/src/backend/app/routes/http/onboarding.py
+++ /dev/null
@@ -1,41 +0,0 @@
-from fastapi import APIRouter, HTTPException, status
-from sqlmodel import func, select
-
-from app.deps import SessionDep
-from app.models.onboarding import OnboardingOut, OnboardingPOSTOut
-from app.models.user import User, UserCreate
-from app.security import get_password_hash
-
-router = APIRouter(tags=["onboarding"])
-
-
-@router.get("/onboarding")
-async def get_onboarding_status(session: SessionDep):
-    count_statement = select(func.count()).select_from(User)
-    exec_result = await session.exec(count_statement)
-    count = exec_result.one()
-    return OnboardingOut(onboarded=count >= 1)
-
-
-@router.post("/onboarding", status_code=status.HTTP_201_CREATED)
-async def complete_onboarding(user_in: UserCreate, session: SessionDep):
-    count_statement = select(func.count()).select_from(User)
-    exec_result = await session.exec(count_statement)
-    count = exec_result.one()
-
-    if count >= 1:
-        raise HTTPException(
-            status_code=status.HTTP_403_FORBIDDEN,
-            detail="Onboarding already completed",
-        )
-
-    password_hash = get_password_hash(user_in.password)
-    user = User(
-        username=user_in.username,
-        email=user_in.email,
-        password_hash=password_hash,
-    )
-    session.add(user)
-    await session.commit()
-
-    return OnboardingPOSTOut(message="Onboarding completed successfully")
diff --git a/src/backend/app/routes/http/reverse.py b/src/backend/app/routes/http/reverse.py
deleted file mode 100644
index cf369558..00000000
--- a/src/backend/app/routes/http/reverse.py
+++ /dev/null
@@ -1,318 +0,0 @@
-import json
-import uuid
-from datetime import datetime, timezone
-from typing import Final
-
-from fastapi import APIRouter, Header, HTTPException, Request, UploadFile, status
-from sqlmodel import col, select
-from types_aiobotocore_s3.type_defs import CompletedPartTypeDef
-
-from app.converter.bytes import ByteSize
-from app.deps import S3Dep, SessionDep
-from app.models.config import Config
-from app.models.files import File
-from app.schemas.reverse import (
-    AddHostOut,
-    RoomCreateOut,
-    RoomFileEntry,
-    RoomIn,
-    RoomOut,
-)
-from app.settings import settings
-from app.states.room import RoomState
-from app.tasks.clean_file import delete_expired_file
-
-router = APIRouter(prefix="/reverse")
-
-CHUNK_SIZE: Final[int] = ByteSize(mb=8).total_bytes()
-
-
-@router.post("/rooms", status_code=status.HTTP_201_CREATED)
-async def create_room(body: RoomIn, session: SessionDep) -> RoomCreateOut:
-    # Determine default number_of_downloads from config if not provided
-    config_q = select(Config)
-    config_result = await session.exec(config_q)
-    config = config_result.first()
-    if not config:
-        raise HTTPException(
-            status_code=status.HTTP_503_SERVICE_UNAVAILABLE,
-            detail="Configuration not found",
-        )
-
-    number_of_downloads = (
-        body.number_of_downloads
-        if body.number_of_downloads is not None
-        else config.default_number_of_downloads
-    )
-
-    return await RoomState.create(
-        name=body.name,
-        expire_after=body.expire_after,
-        number_of_downloads=number_of_downloads,
-    )
-
-
-@router.get("/rooms/{room_id}")
-async def get_room(room_id: str) -> RoomOut:
-    room = await RoomState.get(room_id)
-    if room is None:
-        raise HTTPException(status_code=404, detail="Room not found or expired")
-    return room
-
-
-@router.delete("/rooms/{room_id}", status_code=status.HTTP_204_NO_CONTENT)
-async def delete_room(
-    room_id: str,
-    session: SessionDep,
-    x_host_token: str = Header(),
-) -> None:
-    if not await RoomState.verify_host(room_id, x_host_token):
-        raise HTTPException(status_code=403, detail="Invalid host token")
-
-    room = await RoomState.get(room_id, strip_keys=False)
-    if room is None:
-        raise HTTPException(status_code=404, detail="Room not found or expired")
-
-    # Schedule file cleanup (S3 + DB) via the existing file cleanup task
-    if room.files:
-        keys = [f.key for f in room.files]
-        result = await session.exec(select(File).where(col(File.key).in_(keys)))
-        for file_record in result.all():
-            delete_expired_file.delay(str(file_record.id))
-
-    await RoomState.publish_event(room_id, json.dumps({"type": "room_destroyed"}))
-    await RoomState.delete(room_id)
-
-
-@router.post("/rooms/{room_id}/hosts", status_code=status.HTTP_201_CREATED)
-async def add_host(
-    room_id: str,
-    x_host_token: str = Header(),
-) -> AddHostOut:
-    """An existing host can invite a new host to the room."""
-    if not await RoomState.verify_host(room_id, x_host_token):
-        raise HTTPException(status_code=403, detail="Invalid host token")
-
-    result = await RoomState.add_host(room_id)
-    if result is None:
-        raise HTTPException(status_code=404, detail="Room not found or expired")
-    return result
-
-
-@router.post("/rooms/{room_id}/upload")
-async def upload_file_to_room(
-    room_id: str,
-    file: UploadFile,
-    request: Request,
-    s3: S3Dep,
-    session: SessionDep,
-    x_host_token: str = Header(),
-) -> RoomFileEntry:
-    if not await RoomState.verify_host(room_id, x_host_token):
-        raise HTTPException(status_code=403, detail="Invalid host token")
-
-    room = await RoomState.get(room_id)
-    if room is None:
-        raise HTTPException(status_code=404, detail="Room not found or expired")
-
-    # Check room hasn't expired by time
-    if datetime.now(timezone.utc) > room.expires_at:
-        raise HTTPException(status_code=410, detail="Room has expired")
-
-    # Use a short opaque storage key (no room prefix)
-    file_key = str(uuid.uuid7())
-    filename = file.filename or str(uuid.uuid7())
-
-    # Track upload progress in RoomState
-    await RoomState.add_active_upload(room_id, file_key, filename, file.size or 0)
-
-    # Broadcast upload start to the room
-    await RoomState.publish_event(
-        room_id,
-        json.dumps(
-            {
-                "type": "upload_start",
-                "upload_key": file_key,
-                "filename": filename,
-                "size": file.size if file.size is not None else 0,
-            }
-        ),
-    )
-
-    # Multipart upload to RustFS
-    # Store filename in S3 metadata so the shareable download link works
-    # even after the room expires.
-    resp = await s3.create_multipart_upload(
-        Bucket=settings.RUSTFS_BUCKET_NAME,
-        Key=file_key,
-        ContentType=file.content_type or "application/octet-stream",
-        Metadata={"filename": filename},
-    )
-    upload_id = resp["UploadId"]
-    # boto3 type defs expect a sequence of CompletedPartTypeDef
-    parts: list[CompletedPartTypeDef] = []
-    part_number = 1
-    uploaded_size = 0
-    last_broadcast_size = 0
-    BROADCAST_THRESHOLD = ByteSize(kb=512).total_bytes()
-
-    try:
-        while True:
-            chunk = await file.read(CHUNK_SIZE)
-            if not chunk:
-                break
-
-            part_resp = await s3.upload_part(
-                Bucket=settings.RUSTFS_BUCKET_NAME,
-                Key=file_key,
-                UploadId=upload_id,
-                PartNumber=part_number,
-                Body=chunk,
-            )
-            part_entry: CompletedPartTypeDef = {
-                "ETag": part_resp["ETag"],
-                "PartNumber": part_number,
-            }
-            parts.append(part_entry)
-            uploaded_size += len(chunk)
-            part_number += 1
-
-            # Update upload progress in RoomState
-            await RoomState.update_active_upload(room_id, file_key, uploaded_size)
-
-            # Broadcast progress to the room (throttled)
-            if uploaded_size - last_broadcast_size >= BROADCAST_THRESHOLD:
-                await RoomState.publish_event(
-                    room_id,
-                    json.dumps(
-                        {
-                            "type": "upload_progress",
-                            "upload_key": file_key,
-                            "uploaded_bytes": uploaded_size,
-                        }
-                    ),
-                )
-                last_broadcast_size = uploaded_size
-
-            # If the client disconnected mid-upload, abort and evict
-            if await request.is_disconnected():
-                await s3.abort_multipart_upload(
-                    Bucket=settings.RUSTFS_BUCKET_NAME,
-                    Key=file_key,
-                    UploadId=upload_id,
-                )
-                await RoomState.remove_active_upload(room_id, file_key)
-                await RoomState.publish_event(
-                    room_id,
-                    json.dumps({"type": "upload_cancelled", "upload_key": file_key}),
-                )
-                raise HTTPException(status_code=499, detail="Client disconnected")
-
-        if not parts:
-            raise HTTPException(
-                status_code=status.HTTP_400_BAD_REQUEST,
-                detail="Empty file",
-            )
-
-        await s3.complete_multipart_upload(
-            Bucket=settings.RUSTFS_BUCKET_NAME,
-            Key=file_key,
-            UploadId=upload_id,
-            MultipartUpload={"Parts": parts},
-        )
-        await RoomState.remove_active_upload(room_id, file_key)
-        # Broadcast final progress
-        await RoomState.publish_event(
-            room_id,
-            json.dumps(
-                {
-                    "type": "upload_progress",
-                    "upload_key": file_key,
-                    "uploaded_bytes": uploaded_size,
-                }
-            ),
-        )
-    except HTTPException:
-        # Ensure failed uploads are removed from AppState
-        await RoomState.remove_active_upload(room_id, file_key)
-        await RoomState.publish_event(
-            room_id,
-            json.dumps({"type": "upload_cancelled", "upload_key": file_key}),
-        )
-        raise
-    except Exception:
-        await s3.abort_multipart_upload(
-            Bucket=settings.RUSTFS_BUCKET_NAME,
-            Key=file_key,
-            UploadId=upload_id,
-        )
-        # Ensure failed uploads are removed from AppState
-        await RoomState.remove_active_upload(room_id, file_key)
-        await RoomState.publish_event(
-            room_id,
-            json.dumps({"type": "upload_cancelled", "upload_key": file_key}),
-        )
-        raise HTTPException(
-            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
-            detail="Upload failed",
-        )
-
-    now = datetime.now(timezone.utc)
-
-    # Persist File record + schedule cleanup in background (non-blocking)
-    # Use the room's configured number_of_downloads if set, otherwise fall back to global config
-    number_of_downloads = getattr(room, "number_of_downloads", None)
-    if number_of_downloads is None:
-        config_q = select(Config)
-        config_result = await session.exec(config_q)
-        config = config_result.first()
-        if not config:
-            raise HTTPException(
-                status_code=status.HTTP_503_SERVICE_UNAVAILABLE,
-                detail="Configuration not found",
-            )
-        number_of_downloads = config.default_number_of_downloads
-
-    file_record = File(
-        key=file_key,
-        filename=filename,
-        size=uploaded_size,
-        created_at=now,
-        expires_at=room.expires_at,
-        expire_after_n_download=number_of_downloads,
-        download_count=0,
-    )
-
-    session.add(file_record)
-    await session.commit()
-    await session.refresh(file_record)
-
-    # Schedule async cleanup via Celery
-    delete_expired_file.apply_async((str(file_record.id),), eta=room.expires_at)
-
-    entry = RoomFileEntry(
-        key=file_key,
-        filename=filename,
-        size=uploaded_size,
-        uploaded_at=now,
-    )
-
-    # Persist in room state + fan-out event via pub/sub (atomic append)
-    added = await RoomState.add_file(room_id, entry)
-    if not added:
-        # Room vanished mid-upload clean up the S3 object
-        await s3.delete_object(Bucket=settings.RUSTFS_BUCKET_NAME, Key=file_key)
-        # Remove in-flight upload from global state
-        await RoomState.remove_active_upload(room_id, file_key)
-        raise HTTPException(status_code=404, detail="Room expired during upload")
-
-    return entry
-
-
-@router.get("/rooms/{room_id}/files")
-async def list_room_files(room_id: str) -> list[RoomFileEntry]:
-    """Late-joining clients call this to discover all files already in the room."""
-    room = await RoomState.get(room_id)
-    if room is None:
-        raise HTTPException(status_code=404, detail="Room not found or expired")
-    return room.files
diff --git a/src/backend/app/routes/http/speedtest.py b/src/backend/app/routes/http/speedtest.py
deleted file mode 100644
index 460e9263..00000000
--- a/src/backend/app/routes/http/speedtest.py
+++ /dev/null
@@ -1,84 +0,0 @@
-import os
-import time
-from typing import Annotated, AsyncIterator, Final
-
-from fastapi import APIRouter, Query, Request
-from fastapi.responses import StreamingResponse
-
-from app.converter.bytes import ByteSize
-from app.schemas.speedtest import LatencyPayload, UploadPayload
-from app.settings import settings
-
-router = APIRouter(prefix="/speedtest")
-
-# 1 MB chunk of random data
-CHUNK_SIZE: Final[int] = ByteSize(mb=1).total_bytes()
-RANDOM_BYTES: Final[bytes] = os.urandom(CHUNK_SIZE)
-
-
-@router.get("/download", tags=["Speedtest"])
-async def speedtest_download(
-    size: Annotated[
-        int,
-        Query(
-            alias="bytes",
-            description="Size in bytes to download",
-            ge=1,
-            le=settings.MAX_DOWNLOAD_SIZE,
-        ),
-    ] = settings.MAX_DOWNLOAD_SIZE,
-) -> StreamingResponse:
-    """
-    Download speedtest endpoint.
-
-    Streams a requested amount of bytes to measure client download speed.
-    """
-
-    async def iter_content() -> AsyncIterator[bytes]:
-        bytes_remaining: int = size
-
-        while bytes_remaining > 0:
-            yield_size: int = min(CHUNK_SIZE, bytes_remaining)
-
-            if yield_size == CHUNK_SIZE:
-                yield RANDOM_BYTES
-            else:
-                yield RANDOM_BYTES[:yield_size]
-
-            bytes_remaining -= yield_size
-
-    headers: dict[str, str] = {
-        "Content-Length": str(size),
-        "Cache-Control": "no-cache, no-store, must-revalidate",
-        "Pragma": "no-cache",
-        "Expires": "0",
-    }
-
-    return StreamingResponse(
-        iter_content(),
-        media_type="application/octet-stream",
-        headers=headers,
-    )
-
-
-@router.get("/latency", tags=["Speedtest"], response_model=LatencyPayload)
-async def speedtest_latency():
-    """
-    Latency speedtest endpoint.
-
-    Returns the current server timestamp to let clients measure round-trip latency.
-    """
-    return LatencyPayload(timestamp=time.time())
-
-
-@router.post("/upload", tags=["Speedtest"])
-async def speedtest_upload(request: Request):
-    """
-    Upload speedtest endpoint.
-    Reads and discards the request body.
-    """
-    bytes_received = 0
-    async for chunk in request.stream():
-        bytes_received += len(chunk)
-
-    return UploadPayload(bytes_received=bytes_received, timestamp=time.time())
diff --git a/src/backend/app/routes/http/upload.py b/src/backend/app/routes/http/upload.py
deleted file mode 100644
index d0ef6928..00000000
--- a/src/backend/app/routes/http/upload.py
+++ /dev/null
@@ -1,206 +0,0 @@
-import uuid
-from datetime import datetime, timedelta, timezone
-from typing import Annotated, Any
-
-from fastapi import (
-    APIRouter,
-    BackgroundTasks,
-    Form,
-    HTTPException,
-    Request,
-    UploadFile,
-    status,
-)
-from sqlmodel import select
-
-from app.converter.bytes import ByteSize
-from app.deps import S3Dep, SessionDep
-from app.models.config import Config
-from app.models.files import File, FileOut
-from app.settings import settings
-from app.states.app import UploadProgress
-from app.tasks.clean_file import delete_expired_file
-
-router = APIRouter()
-
-CHUNK_SIZE = ByteSize(
-    mb=8  # 8MB (S3 minimum for multipart)
-).total_bytes()
-
-
-async def _get_current_storage_used(session: SessionDep, s3: S3Dep) -> int:
-    """Sum the sizes (ContentLength) of currently active (non-expired) files."""
-    now = datetime.now(timezone.utc)
-    query = select(File).where(
-        File.expires_at > now, File.download_count < File.expire_after_n_download
-    )
-    result = await session.exec(query)
-    files = result.all()
-
-    total = 0
-    for f in files:
-        try:
-            resp = await s3.head_object(Bucket=settings.RUSTFS_BUCKET_NAME, Key=f.key)
-            total += resp.get("ContentLength", 0) or 0
-        except Exception:
-            # If the object is missing or head fails for any reason, ignore and continue
-            continue
-    return total
-
-
-@router.post("/upload")
-async def upload_file(
-    file: UploadFile,
-    filename: Annotated[str | None, Form()],
-    expire_after_n_download: Annotated[int, Form()],
-    expire_after: Annotated[int, Form()],
-    request: Request,
-    # Dependency Injection
-    s3: S3Dep,
-    session: SessionDep,
-    background_tasks: BackgroundTasks,
-    number_of_files: Annotated[int, Form()] = 1,
-) -> FileOut:
-    if not filename:
-        filename = uuid.uuid7()  # type: ignore
-
-    key = uuid.uuid7()
-
-    await UploadProgress.start(upload_key=str(key), filename=str(filename))
-
-    # Load the singleton config and determine current usage
-    config_q = select(Config)
-    config_result = await session.exec(config_q)
-    config = config_result.first()
-    if not config:
-        raise HTTPException(
-            status_code=status.HTTP_503_SERVICE_UNAVAILABLE,
-            detail="Configuration not found",
-        )
-
-    if not config.allow_uploads:
-        raise HTTPException(
-            status_code=status.HTTP_403_FORBIDDEN,
-            detail="Uploads are disabled on this instance",
-        )
-
-    total_limit = config.total_storage_limit
-    max_file_size_limit = config.max_file_size_limit
-    current_used = 0
-    if total_limit is not None:
-        current_used = await _get_current_storage_used(session, s3)
-        # Quick fail: no space at all left
-        if current_used >= total_limit:
-            raise HTTPException(
-                status_code=status.HTTP_413_REQUEST_ENTITY_TOO_LARGE,
-                detail="Storage quota exceeded",
-            )
-
-    resp = await s3.create_multipart_upload(
-        Bucket=settings.RUSTFS_BUCKET_NAME,
-        Key=str(key),
-        ContentType=file.content_type or "application/octet-stream",
-    )
-    upload_id = resp["UploadId"]
-    parts: list[Any] = []
-    part_number = 1
-    uploaded_size = 0
-
-    try:
-        while True:
-            chunk = await file.read(CHUNK_SIZE)
-            if not chunk:
-                break
-
-            # Enforce max file size limit
-            if (
-                max_file_size_limit is not None
-                and uploaded_size + len(chunk) > max_file_size_limit
-            ):
-                raise HTTPException(
-                    status_code=status.HTTP_413_REQUEST_ENTITY_TOO_LARGE,
-                    detail="File size exceeds the maximum allowed limit",
-                )
-
-            # Enforce total storage limit incrementally
-            if (
-                total_limit is not None
-                and current_used + uploaded_size + len(chunk) > total_limit
-            ):
-                # This will be caught by the outer except block which aborts the multipart upload
-                raise HTTPException(
-                    status_code=status.HTTP_413_REQUEST_ENTITY_TOO_LARGE,
-                    detail="Storage quota exceeded",
-                )
-
-            part = await s3.upload_part(
-                Bucket=settings.RUSTFS_BUCKET_NAME,
-                Key=str(key),
-                UploadId=upload_id,
-                PartNumber=part_number,
-                Body=chunk,
-            )
-
-            etag = part.get("ETag")
-            if not etag:
-                raise HTTPException(
-                    status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
-                    detail="Missing ETag from S3 upload part response",
-                )
-
-            parts.append({"PartNumber": part_number, "ETag": etag})
-            part_number += 1
-            uploaded_size += len(chunk)
-
-            # Update upload progress in global state
-            await UploadProgress.update(
-                upload_key=str(key), uploaded_bytes=uploaded_size
-            )
-
-            # If the client disconnected mid-upload, abort and evict
-            if await request.is_disconnected():
-                await s3.abort_multipart_upload(
-                    Bucket=settings.RUSTFS_BUCKET_NAME,
-                    Key=str(key),
-                    UploadId=upload_id,
-                )
-                await UploadProgress.cancel(upload_key=str(key))
-                raise HTTPException(status_code=499, detail="Client disconnected")
-
-        await s3.complete_multipart_upload(
-            Bucket=settings.RUSTFS_BUCKET_NAME,
-            Key=str(key),
-            UploadId=upload_id,
-            MultipartUpload={"Parts": parts},
-        )
-        await UploadProgress.finish(upload_key=str(key), final_size=uploaded_size)
-
-    except Exception:
-        await s3.abort_multipart_upload(
-            Bucket=settings.RUSTFS_BUCKET_NAME,
-            Key=str(key),
-            UploadId=upload_id,
-        )
-        # Remove this upload from state on failure/disconnect
-        await UploadProgress.cancel(upload_key=str(key))
-        raise
-    now = datetime.now(timezone.utc)
-    file_obj = File(
-        filename=str(filename),
-        size=uploaded_size,
-        expires_at=now + timedelta(seconds=expire_after),
-        expire_after_n_download=expire_after_n_download,
-        created_at=now,
-        key=str(key),
-        number_of_files=number_of_files,
-    )
-    session.add(file_obj)
-    await session.commit()
-    await session.refresh(file_obj)
-
-    background_tasks.add_task(
-        lambda: delete_expired_file.apply_async(
-            (str(file_obj.id),), eta=file_obj.expires_at
-        )
-    )
-    return FileOut(key=str(key))
diff --git a/src/backend/app/routes/http/user.py b/src/backend/app/routes/http/user.py
deleted file mode 100644
index 8651a812..00000000
--- a/src/backend/app/routes/http/user.py
+++ /dev/null
@@ -1,24 +0,0 @@
-from http import HTTPStatus
-
-from fastapi import APIRouter, HTTPException
-from sqlmodel import select
-
-from app.deps import CurrentUser, SessionDep
-from app.models import User
-from app.models.user import UserOut
-
-router = APIRouter()
-
-
-@router.get("/user", response_model=UserOut)
-async def get_current_user(
-    user: CurrentUser,
-    session: SessionDep,
-):
-    user_object = select(User).where(User.id == user.id)
-    result = await session.exec(user_object)
-    item = result.first()
-    if not item:
-        raise HTTPException(status_code=HTTPStatus.NOT_FOUND, detail="User not found")
-
-    return item
diff --git a/src/backend/app/routes/ws/reverse.py b/src/backend/app/routes/ws/reverse.py
deleted file mode 100644
index a008de8d..00000000
--- a/src/backend/app/routes/ws/reverse.py
+++ /dev/null
@@ -1,292 +0,0 @@
-import asyncio
-import json
-import logging
-import uuid
-from contextlib import suppress
-from typing import Annotated, Final
-
-from botocore.exceptions import ClientError
-from fastapi import APIRouter, Query, WebSocket, WebSocketDisconnect
-
-from app.converter.bytes import ByteSize
-from app.deps import RedisDep, S3Dep
-from app.schemas.reverse import RoomFileEntry, RoomFileEvent
-from app.settings import settings
-from app.states.app import UploadProgress
-from app.states.room import RoomState
-
-logger = logging.getLogger(__name__)
-router = APIRouter()
-
-S3_CHUNK_SIZE: Final[int] = ByteSize(kb=256).total_bytes()  # 256 KB read chunks
-
-s3_semaphore = asyncio.Semaphore(settings.MAX_CONCURRENT_S3_READS)
-
-
-async def _stream_file_to_ws(
-    ws: WebSocket,
-    entry: RoomFileEntry,
-    s3_client,
-    send_lock: asyncio.Lock,
-) -> None:
-    """Fetch one file from RustFS and relay every chunk to *ws*."""
-    upload_key = f"ws:{uuid.uuid4()}"
-    await UploadProgress.start(
-        upload_key=upload_key, filename=entry.filename, track_space=False
-    )
-
-    success = False
-    try:
-        try:
-            s3_response = await s3_client.get_object(
-                Bucket=settings.RUSTFS_BUCKET_NAME,
-                Key=entry.key,
-            )
-        except ClientError:
-            async with send_lock:
-                await ws.send_text(
-                    json.dumps(
-                        {
-                            "type": "file_error",
-                            "key": entry.key,
-                            "detail": "Not found in storage",
-                        }
-                    )
-                )
-            return
-
-        async with send_lock:
-            await ws.send_text(
-                json.dumps(
-                    {
-                        "type": "file_start",
-                        "key": entry.key,
-                        "filename": entry.filename,
-                        "size": entry.size,
-                    }
-                )
-            )
-
-        body = s3_response["Body"]
-        uploaded_bytes = 0
-        try:
-            async for chunk in body.iter_chunks(S3_CHUNK_SIZE):
-                async with send_lock:
-                    await ws.send_bytes(chunk)
-                uploaded_bytes += len(chunk)
-                await UploadProgress.update(
-                    upload_key=upload_key, uploaded_bytes=uploaded_bytes
-                )
-        finally:
-            body.close()
-
-        async with send_lock:
-            await ws.send_text(json.dumps({"type": "file_end", "key": entry.key}))
-
-        await UploadProgress.finish(upload_key=upload_key, final_size=entry.size)
-        success = True
-    except asyncio.CancelledError, Exception:
-        raise
-    finally:
-        if not success:
-            await UploadProgress.cancel(upload_key=upload_key)
-
-
-@router.websocket("/ws/reverse/rooms/{room_id}")
-async def room_ws(
-    ws: WebSocket,
-    s3_client: S3Dep,
-    redis_client: RedisDep,
-    room_id: str,
-    host_token: Annotated[str | None, Query()] = None,
-):
-    room = await RoomState.get(room_id, strip_keys=False)
-    if room is None:
-        await ws.close(code=4004, reason="Room not found or expired")
-        return
-
-    is_host = False
-    if host_token is not None:
-        is_host = await RoomState.verify_host(room_id, host_token)
-        if not is_host:
-            await ws.close(code=4003, reason="Invalid host token")
-            return
-
-    await ws.accept()
-
-    client_id = str(uuid.uuid4())
-    await RoomState.client_online(room_id, client_id, is_host)
-
-    pubsub = redis_client.pubsub()
-    channel = RoomState.channel_for(room_id)
-    await pubsub.subscribe(channel)
-
-    room = await RoomState.get(room_id, strip_keys=False)
-    if room is None:
-        await pubsub.unsubscribe(channel)
-        await pubsub.aclose()
-        await RoomState.client_offline(room_id, client_id, is_host)
-        await ws.close(code=4004, reason="Room expired")
-        return
-
-    # Send a public snapshot with stripped file keys
-    snapshot = room.model_dump(mode="json")
-    if isinstance(snapshot.get("files"), list):
-        prefix = f"rooms/{room_id}/"
-        for f in snapshot["files"]:
-            if isinstance(f, dict) and isinstance(f.get("key"), str):
-                k = f["key"]
-                if k.startswith(prefix):
-                    f["key"] = k.removeprefix(prefix)
-
-    await ws.send_text(json.dumps({"type": "snapshot", "room": snapshot}))
-
-    send_lock = asyncio.Lock()
-    done_event = asyncio.Event()
-
-    async def _dispatch_file(entry: RoomFileEntry) -> None:
-        async with s3_semaphore:
-            await _stream_file_to_ws(ws, entry, s3_client, send_lock)
-
-    async def _listen_and_stream() -> None:
-        seen_keys: set[str] = {e.key for e in room.files}
-
-        async with asyncio.TaskGroup() as tg:
-            # catch-up: files already in the snapshot
-            for entry in room.files:
-                tg.create_task(_dispatch_file(entry))
-
-            # real-time: events arriving while connected
-            async for message in pubsub.listen():
-                if message["type"] != "message":
-                    continue
-
-                try:
-                    data = json.loads(message["data"])
-                except Exception:
-                    continue
-
-                msg_type = data.get("type")
-
-                if msg_type == "room_destroyed":
-                    async with send_lock:
-                        await ws.send_text(json.dumps({"type": "room_destroyed"}))
-                    await ws.close(code=4001, reason="Room destroyed by host")
-                    done_event.set()
-                    return
-
-                if msg_type in ("host_count", "connection_counts"):
-                    async with send_lock:
-                        await ws.send_text(json.dumps(data))
-                    continue
-
-                if msg_type in ("upload_start", "upload_progress", "upload_cancelled"):
-                    async with send_lock:
-                        await ws.send_text(json.dumps(data))
-                    continue
-
-                try:
-                    event = RoomFileEvent.model_validate(data)
-                except Exception:
-                    logger.exception("Bad event on room channel %s", room_id)
-                    continue
-
-                if event.event == "file_added":
-                    # Notify frontend about the new file entry
-                    public_file = event.file.model_dump(mode="json")
-                    # strip key for public consumers
-                    if isinstance(public_file.get("key"), str):
-                        pk = public_file["key"]
-                        prefix = f"rooms/{room_id}/"
-                        if pk.startswith(prefix):
-                            public_file["key"] = pk.removeprefix(prefix)
-
-                    async with send_lock:
-                        await ws.send_text(
-                            json.dumps({"type": "file_added", "file": public_file})
-                        )
-
-                    if event.file.key in seen_keys:
-                        continue
-                    seen_keys.add(event.file.key)
-                    tg.create_task(_dispatch_file(event.file))
-
-                elif event.event == "file_removed":
-                    # send public key to clients
-                    public_key = event.file.key
-                    prefix = f"rooms/{room_id}/"
-                    if isinstance(public_key, str) and public_key.startswith(prefix):
-                        public_key = public_key.removeprefix(prefix)
-
-                    async with send_lock:
-                        await ws.send_text(
-                            json.dumps(
-                                {
-                                    "type": "file_removed",
-                                    "key": public_key,
-                                    "filename": event.file.filename,
-                                }
-                            )
-                        )
-
-    listen_task = asyncio.create_task(_listen_and_stream())
-
-    try:
-        while True:
-            message = await ws.receive_text()
-            try:
-                data = json.loads(message)
-                if data.get("type") == "request_file":
-                    file_key = data.get("key")
-                    if not file_key:
-                        continue
-
-                    # Search in existing files
-                    # Note: room.files might be slightly stale but _listen_and_stream
-                    # updates seen_keys. For a request_file, we should check the latest.
-                    current_room = await RoomState.get(room_id, strip_keys=False)
-                    if not current_room:
-                        continue
-
-                    entry = next(
-                        (f for f in current_room.files if f.key == file_key), None
-                    )
-                    if not entry:
-                        # Try with prefix if the client sent a stripped key
-                        prefix = f"rooms/{room_id}/"
-                        entry = next(
-                            (
-                                f
-                                for f in current_room.files
-                                if f.key == prefix + file_key
-                            ),
-                            None,
-                        )
-
-                    if entry:
-                        # Stream the file in the background (respecting semaphore)
-                        asyncio.create_task(_dispatch_file(entry))
-                    else:
-                        async with send_lock:
-                            await ws.send_text(
-                                json.dumps(
-                                    {
-                                        "type": "file_error",
-                                        "key": file_key,
-                                        "detail": "File not found in room",
-                                    }
-                                )
-                            )
-            except json.JSONDecodeError:
-                continue
-    except WebSocketDisconnect:
-        pass
-    finally:
-        await RoomState.client_offline(room_id, client_id, is_host)
-        listen_task.cancel()
-        done_event.set()
-        with suppress(asyncio.CancelledError, ExceptionGroup):
-            await listen_task
-
-        await pubsub.unsubscribe(channel)
-        await pubsub.aclose()
diff --git a/src/backend/app/routes/ws/state.py b/src/backend/app/routes/ws/state.py
deleted file mode 100644
index aef554e2..00000000
--- a/src/backend/app/routes/ws/state.py
+++ /dev/null
@@ -1,22 +0,0 @@
-from typing import TYPE_CHECKING
-
-from fastapi import APIRouter, WebSocket, WebSocketDisconnect
-
-if TYPE_CHECKING:
-    from app.managers.websocket import WebSocketManager
-router = APIRouter()
-
-
-@router.websocket("/ws/state")
-async def state_ws(ws: WebSocket):
-    manager: WebSocketManager = ws.app.state.ws_manager
-
-    try:
-        await manager.connect(ws)
-        # Keep the connection alive
-        while True:
-            await ws.receive_text()
-    except WebSocketDisconnect:
-        pass
-    finally:
-        manager.disconnect(ws)
diff --git a/src/backend/app/schemas/information.py b/src/backend/app/schemas/information.py
deleted file mode 100644
index 4aa13abd..00000000
--- a/src/backend/app/schemas/information.py
+++ /dev/null
@@ -1,30 +0,0 @@
-from typing import Optional
-from sqlmodel import Field, SQLModel
-
-
-class InformationOut(SQLModel):
-    python_version: str
-    fastapi_version: str
-    redis_version: str
-    postgres_version: str
-    version: str
-    commit: str
-    is_release: bool
-
-
-class InstanceStatisticsOut(SQLModel):
-    total_bytes: int = Field(description="Total size of all stored files in bytes")
-    total_files: int = Field(description="Total number of files stored")
-    total_downloads: int = Field(description="Total number of downloads across all files")
-    active_urls: int = Field(description="Number of currently active URLs")
-    active_rooms: int = Field(description="Number of currently active reverse rooms")
-    links_with_download_caps: int = Field(
-        description="Total number of links with download limits"
-    )
-    expiring_soon: int = Field(
-        description="Number of URLs expiring within the next 24 hours"
-    )
-    latest_expiry: Optional[int] = Field(
-        default=None,
-        description="Unix timestamp of the latest expiry among active URLs",
-    )
diff --git a/src/backend/app/schemas/reverse.py b/src/backend/app/schemas/reverse.py
deleted file mode 100644
index a79cb686..00000000
--- a/src/backend/app/schemas/reverse.py
+++ /dev/null
@@ -1,58 +0,0 @@
-from datetime import datetime
-from typing import Literal
-from sqlmodel import SQLModel
-
-
-class RoomFileEntry(SQLModel):
-    key: str
-    filename: str
-    size: int
-    uploaded_at: datetime
-
-
-class ActiveUpload(SQLModel):
-    upload_key: str
-    filename: str
-    size: int
-    uploaded_bytes: int = 0
-
-
-class RoomOut(SQLModel):
-    id: str
-    name: str
-    created_at: datetime
-    expires_at: datetime
-    files: list[RoomFileEntry] = []
-    active_uploads: list[ActiveUpload] = []
-    host_count: int = 1
-    connected_hosts: int = 0
-    connected_guests: int = 0
-    number_of_downloads: int | None
-
-
-class RoomCreateOut(RoomOut):
-    """Returned only once at room creation - includes the host secret."""
-
-    host_token: str
-
-
-class RoomCreate(SQLModel):
-    name: str
-    expire_after: int  # seconds from now
-
-
-class RoomIn(SQLModel):
-    name: str
-    expire_after: int  # seconds from now
-    number_of_downloads: int | None = None
-
-
-class AddHostOut(SQLModel):
-    host_token: str
-
-
-class RoomFileEvent(SQLModel):
-    """Pushed to WebSocket subscribers on file activity."""
-
-    event: Literal["file_added", "file_removed"]
-    file: RoomFileEntry
diff --git a/src/backend/app/schemas/speedtest.py b/src/backend/app/schemas/speedtest.py
deleted file mode 100644
index 7b11ef6e..00000000
--- a/src/backend/app/schemas/speedtest.py
+++ /dev/null
@@ -1,9 +0,0 @@
-from sqlmodel import SQLModel
-
-
-class UploadPayload(SQLModel):
-    bytes_received: int
-
-
-class LatencyPayload(SQLModel):
-    timestamp: float
diff --git a/src/backend/app/schemas/token.py b/src/backend/app/schemas/token.py
deleted file mode 100644
index 7d7d7a6d..00000000
--- a/src/backend/app/schemas/token.py
+++ /dev/null
@@ -1,16 +0,0 @@
-from typing import Literal
-
-from sqlmodel import SQLModel
-
-
-class Token(SQLModel):
-    access_token: str
-    token_type: Literal["bearer"]
-
-
-class TokenPayload(SQLModel):
-    sub: str | None = None
-
-
-class TokenValidOut(SQLModel):
-    valid: bool
diff --git a/src/backend/app/security.py b/src/backend/app/security.py
deleted file mode 100644
index f720100c..00000000
--- a/src/backend/app/security.py
+++ /dev/null
@@ -1,29 +0,0 @@
-from datetime import datetime, timedelta, timezone
-from typing import Any
-
-import jwt
-from pwdlib import PasswordHash
-
-from app.settings import settings
-
-# Initialize with recommended Argon2 settings
-password_hash = PasswordHash.recommended()
-
-ALGORITHM = "HS256"
-
-
-def create_access_token(subject: str | Any, expires_delta: timedelta) -> str:
-    expire = datetime.now(timezone.utc) + expires_delta
-    to_encode = {"exp": expire, "sub": str(subject)}
-    encoded_jwt = jwt.encode(to_encode, settings.SECRET_KEY, algorithm=ALGORITHM)
-    return encoded_jwt
-
-
-def get_password_hash(password: str) -> str:
-    """Hashes a plain text password."""
-    return password_hash.hash(password)
-
-
-def verify_password(plain_password: str, hashed_password: str) -> bool:
-    """Verifies a plain text password against a hash."""
-    return password_hash.verify(plain_password, hashed_password)
diff --git a/src/backend/app/settings.py b/src/backend/app/settings.py
deleted file mode 100644
index d0db3a65..00000000
--- a/src/backend/app/settings.py
+++ /dev/null
@@ -1,89 +0,0 @@
-import secrets
-from typing import Literal
-
-from pydantic import PostgresDsn, computed_field
-from pydantic_settings import BaseSettings, SettingsConfigDict
-
-from app.converter.bytes import ByteSize
-
-LOG_TYPES = Literal["warning", "info", "critical", "error", "debug"]
-
-
-class Settings(BaseSettings):
-    model_config = SettingsConfigDict(
-        # Use top level .env file (one level above ./backend/)
-        env_file="../.env",
-        env_ignore_empty=True,
-        extra="ignore",
-    )
-
-    POSTGRES_SERVER: str = "localhost"
-    POSTGRES_PORT: int = 5432
-    POSTGRES_USER: str = "postgres"
-    POSTGRES_PASSWORD: str = "supersecretpassword"
-    POSTGRES_DB: str = "chithi"
-
-    # --- SQLite Fields ---
-    USE_SQLITE: bool = False
-    SQLITE_DB: str = "sql_app.db"
-
-    @computed_field
-    @property
-    def SQLALCHEMY_DATABASE_URI(self) -> PostgresDsn | str:
-        if self.USE_SQLITE:
-            # SQLite uses 3 slashes for a relative path: sqlite:///./filename.db
-            return f"sqlite:///./{self.SQLITE_DB}"
-
-        return PostgresDsn.build(
-            scheme="postgresql+asyncpg",
-            username=self.POSTGRES_USER,
-            password=self.POSTGRES_PASSWORD,
-            host=self.POSTGRES_SERVER,
-            port=self.POSTGRES_PORT,
-            path=self.POSTGRES_DB,
-        )
-
-    # JWT
-    SECRET_KEY: str = secrets.token_urlsafe(32)
-
-    ACCESS_TOKEN_EXPIRE_MINUTES: int = (
-        60 * 60 * 24 * 8  # 60 minutes * 24 hours * 8 days = 8 days
-    )
-    # RustFS
-    RUSTFS_ENDPOINT_URL: str = "http://localhost:9000"
-    RUSTFS_ACCESS_KEY: str = "rustfsadmin"
-    RUSTFS_SECRET_ACCESS_KEY: str = "rustfsadmin"
-    RUSTFS_BUCKET_NAME: str = "chithi"
-
-    # Celery Backend
-    CELERY_BROKER_URL: str = "redis://localhost:6379/0"
-    CELERY_RESULT_BACKEND: str = "redis://localhost:6379/0"
-
-    # Reverse Proxy
-    ROOT_PATH: str = ""
-
-    # Redis
-
-    REDIS_ENDPOINT: str = "redis://localhost:6379/1"
-
-    # Speedtest
-
-    MAX_DOWNLOAD_SIZE: int = ByteSize(gb=30).total_bytes()
-
-    # State management
-
-    STATE_REDIS_KEY: str = "chithi:global_state"
-    STATE_CHANNEL: str = "chithi:state_changed"
-
-    # How often (seconds) to run `AppState.state_sync()` in background
-    APP_STATE_SYNC_INTERVAL: int = 30
-
-    # Instance Limits for S3 ops
-
-    MAX_CONCURRENT_S3_READS: int = 10
-
-    # Pagination
-    MAX_RESULTS_PER_PAGE: int = 50
-
-
-settings = Settings()  # type: ignore
diff --git a/src/backend/app/singletons/redis.py b/src/backend/app/singletons/redis.py
deleted file mode 100644
index b1d6ace7..00000000
--- a/src/backend/app/singletons/redis.py
+++ /dev/null
@@ -1,24 +0,0 @@
-import redis.asyncio as redis
-
-from app.settings import settings
-
-
-class RedisClient:
-    _instance: redis.Redis | None = None
-
-    @classmethod
-    def get(cls) -> redis.Redis:
-        if cls._instance is None:
-            cls._instance = redis.from_url(
-                settings.REDIS_ENDPOINT,
-                encoding="utf-8",
-                decode_responses=True,
-            )
-        return cls._instance
-
-    @classmethod
-    async def aclose(cls) -> None:
-        """Close the Redis client connection pool."""
-        if cls._instance is not None:
-            await cls._instance.aclose()
-            cls._instance = None
diff --git a/src/backend/app/states/_global.py b/src/backend/app/states/_global.py
deleted file mode 100644
index fbf122f9..00000000
--- a/src/backend/app/states/_global.py
+++ /dev/null
@@ -1,45 +0,0 @@
-from app.singletons.redis import RedisClient
-from typing import Any, Awaitable, ClassVar, cast
-
-import redis.asyncio as redis
-
-
-class GlobalState:
-    _redis: ClassVar[redis.Redis]
-
-    @classmethod
-    def init_redis(cls) -> None:
-        """Set the shared Redis client. Called once at startup."""
-        redis_client = RedisClient.get()
-        GlobalState._redis = redis_client
-
-    @classmethod
-    def _client(cls, redis_client: redis.Redis | None = None) -> redis.Redis:
-        if redis_client is not None:
-            return redis_client
-        if getattr(GlobalState, "_redis", None) is None:
-            GlobalState.init_redis()
-        return GlobalState._redis
-
-    @classmethod
-    async def _json_get(
-        cls, key: str, redis_client: redis.Redis | None = None
-    ) -> dict[str, Any] | None:
-        raw = await cast(Awaitable[Any], cls._client(redis_client).json().get(key))
-        if isinstance(raw, list):
-            return cast(dict[str, Any] | None, raw[0] if raw else None)
-        return cast(dict[str, Any] | None, raw)
-
-    @classmethod
-    async def _json_set(
-        cls, key: str, payload: dict[str, Any], redis_client: redis.Redis | None = None
-    ) -> None:
-        await cast(
-            Awaitable[Any], cls._client(redis_client).json().set(key, "$", payload)
-        )
-
-    @classmethod
-    async def _publish(
-        cls, channel: str, message: str, redis_client: redis.Redis | None = None
-    ) -> None:
-        await cls._client(redis_client).publish(channel, message)
diff --git a/src/backend/app/states/app.py b/src/backend/app/states/app.py
deleted file mode 100644
index 0fcf0dd6..00000000
--- a/src/backend/app/states/app.py
+++ /dev/null
@@ -1,324 +0,0 @@
-import asyncio
-import logging
-from datetime import datetime, timezone
-from typing import Any
-
-from pydantic import BaseModel
-from redis.asyncio import Redis
-
-from app.settings import settings
-
-from ._global import GlobalState
-
-
-class UploadProgress(GlobalState, BaseModel):
-    upload_key: str
-    filename: str
-    uploaded_bytes: int = 0
-    done: bool = False
-    last_updated: datetime | None = None
-    track_space: bool = True
-
-    @classmethod
-    async def start(
-        cls, upload_key: str, filename: str, track_space: bool = True
-    ) -> AppState:
-        """Register a new in-flight upload and set last_updated."""
-        current = await AppState.get()
-        now = datetime.now(timezone.utc)
-        current.active_uploads.append(
-            cls(
-                upload_key=upload_key,
-                filename=filename,
-                last_updated=now,
-                track_space=track_space,
-            )
-        )
-        await AppState.set(current)
-        return current
-
-    @classmethod
-    async def update(cls, upload_key: str, uploaded_bytes: int) -> AppState:
-        """Update the byte count and touch last_updated for an in-flight upload."""
-        current = await AppState.get()
-        now = datetime.now(timezone.utc)
-        for upload in current.active_uploads:
-            if upload.upload_key == upload_key:
-                if upload.track_space:
-                    # Add the delta to total_space_used so partial uploads are accounted
-                    delta = uploaded_bytes - (upload.uploaded_bytes or 0)
-                    if delta > 0:
-                        current.total_space_used += delta
-                upload.uploaded_bytes = uploaded_bytes
-                upload.last_updated = now
-                break
-        await AppState.set(current)
-        return current
-
-    @classmethod
-    async def finish(cls, upload_key: str, final_size: int) -> "AppState":
-        """Mark an upload as done, touch last_updated, and add its size to total_space_used."""
-        current = await AppState.get()
-        now = datetime.now(timezone.utc)
-        for upload in current.active_uploads:
-            if upload.upload_key == upload_key:
-                if upload.track_space:
-                    # If we tracked partial bytes earlier, only add the remaining delta
-                    delta = final_size - (upload.uploaded_bytes or 0)
-                    if delta > 0:
-                        current.total_space_used += delta
-                upload.done = True
-                upload.uploaded_bytes = final_size
-                upload.last_updated = now
-                break
-        await AppState.set(current)
-        return current
-
-    @classmethod
-    async def cancel(cls, upload_key: str) -> AppState:
-        """Remove a failed/disconnected upload from the active list without adjusting totals."""
-        current = await AppState.get()
-        # Subtract any tracked uploaded bytes from totals when cancelling
-        remaining = []
-        freed = 0
-        for u in current.active_uploads:
-            if u.upload_key == upload_key:
-                if u.track_space:
-                    freed += u.uploaded_bytes or 0
-            else:
-                remaining.append(u)
-        current.active_uploads = remaining
-        if freed > 0:
-            current.total_space_used = max(0, current.total_space_used - freed)
-        await AppState.set(current)
-        return current
-
-
-class AppState(GlobalState, BaseModel):
-    total_space_used: int = 0
-    total_available_space: int | None = None
-    active_uploads: list[UploadProgress] = []
-
-    @classmethod
-    async def state_sync(cls) -> None:
-        """Ensure a state document exists in RedisJSON, sync `total_available_space` from
-        Config, reconcile DB `File` rows with the backend storage (RustFS/S3), and
-        remove orphan objects or DB rows. Finally recompute `total_space_used`.
-        """
-        from sqlmodel import select
-
-        from app.db import get_session
-        from app.models.config import Config
-        from app.models.files import File
-
-        total_available_space: int | None = None
-
-        try:
-            async for session in get_session():
-                # Load config and DB file list using FastAPI session dependency
-                result = await session.exec(select(Config))
-                config = result.first()
-                total_available_space = config.total_storage_limit if config else None
-
-                # Ensure state exists and update available space. Use `patch`
-                # so we always write a canonical AppState JSON and remove any
-                # stale/unknown fields that might remain in Redis.
-                await cls.patch(total_available_space=total_available_space)
-
-                # Recompute total_space_used from DB for active (non-expired) files
-                now = datetime.now(timezone.utc)
-                active_q = select(File).where(
-                    File.expires_at > now,
-                    File.download_count < File.expire_after_n_download,
-                )
-                result = await session.exec(active_q)
-                active_files = result.all()
-                total_space_used = 0
-                for f in active_files:
-                    total_space_used += int(f.size or 0)
-
-                # Persist the recalculated totals
-                await cls.patch(
-                    total_space_used=total_space_used,
-                    total_available_space=total_available_space,
-                )
-                break
-        except Exception:
-            # Best-effort: update available space if we have it
-            try:
-                await cls.patch(total_available_space=total_available_space)
-            except Exception:
-                pass
-
-    @classmethod
-    async def get(cls, redis_client: Redis | None = None) -> AppState:
-        """Return the full current state from RedisJSON."""
-        data = await cls._json_get(settings.STATE_REDIS_KEY, redis_client=redis_client)
-        if data is None:
-            return cls()
-        return cls.model_validate(data)
-
-    @classmethod
-    async def set(cls, state: AppState, redis_client: Redis | None = None) -> None:
-        """Overwrite the entire state and notify all app instances."""
-        await cls._json_set(
-            settings.STATE_REDIS_KEY,
-            state.model_dump(mode="json"),
-            redis_client=redis_client,
-        )
-        await cls._publish(
-            settings.STATE_CHANNEL, state.model_dump_json(), redis_client=redis_client
-        )
-
-    @classmethod
-    async def evict_files(
-        cls, file_keys: list[str], freed_bytes: int, redis_client: Redis | None = None
-    ) -> None:
-        current = await cls.get(redis_client=redis_client)
-        key_set = set(file_keys)
-        current.active_uploads = [
-            u for u in current.active_uploads if u.upload_key not in key_set
-        ]
-        current.total_space_used = max(0, current.total_space_used - freed_bytes)
-        await cls.set(current, redis_client=redis_client)
-
-    @classmethod
-    async def patch(cls, **kwargs: Any) -> AppState:
-        """Partially update the state, persist, and notify."""
-        current = await cls.get()
-        updated = current.model_copy(update=kwargs)
-        updated = cls.model_validate(updated.model_dump())
-        await cls.set(updated)
-        return updated
-
-    @classmethod
-    async def cleanup_active_uploads(cls) -> None:
-        """Prune `active_uploads` entries that are clearly stale on startup.
-
-        Rules:
-        - Remove any transient websocket-stream uploads (keys starting with "ws:").
-        - For remaining upload keys, keep them only if they exist in the DB *or*
-          the storage backend (RustFS/S3). If an object is conclusively missing
-          from storage, remove the entry. On ambiguous S3 errors we conservatively
-          keep the upload entry.
-
-        This is a best-effort operation and will not raise on transient errors.
-        After pruning we trigger a state sync so totals are recomputed from DB.
-        """
-        from sqlmodel import select
-
-        from app.db import get_session
-        from app.models.files import File
-        from app.settings import settings
-
-        try:
-            current = await cls.get()
-        except Exception:
-            logging.exception("Failed to read app state from Redis during cleanup")
-            return
-
-        if not current.active_uploads:
-            return
-
-        # Partition keys: websocket stream uploads are ephemeral and can be dropped
-        non_ws_keys = [
-            u.upload_key
-            for u in current.active_uploads
-            if not str(u.upload_key).startswith("ws:")
-        ]
-
-        existing_keys: set[str] = set()
-
-        # Check DB for any of the non-ws keys using SQLModel selects.
-        try:
-            if non_ws_keys:
-                async for session in get_session():
-                    for k in non_ws_keys:
-                        try:
-                            result = await session.exec(
-                                select(File).where(File.key == k)
-                            )
-                            f = result.first()
-                            if f:
-                                existing_keys.add(str(f.key))
-                        except Exception:
-                            logging.exception("DB lookup failed for file key %s", k)
-                    break
-        except Exception:
-            logging.exception("DB lookup for active uploads failed during cleanup")
-
-        # Keys not in DB: check storage (S3/RustFS) to be sure object doesn't exist.
-        missing_keys = [k for k in non_ws_keys if k not in existing_keys]
-        if missing_keys:
-            try:
-                # Use the same S3 dependency the app exposes so behavior (bucket
-                # creation, config) stays consistent with request-handled paths.
-                from botocore.exceptions import ClientError
-
-                from app.deps import get_s3_client
-
-                sem = asyncio.Semaphore(settings.MAX_CONCURRENT_S3_READS)
-
-                async for s3_client in get_s3_client():
-
-                    async def _exists(key: str) -> bool:
-                        async with sem:
-                            try:
-                                await s3_client.head_object(
-                                    Bucket=settings.RUSTFS_BUCKET_NAME, Key=key
-                                )
-                                return True
-                            except ClientError as e:
-                                # Treat explicit 404 / NoSuchKey as missing; otherwise
-                                # conservatively assume the object may exist.
-                                try:
-                                    status = e.response.get("ResponseMetadata", {}).get(
-                                        "HTTPStatusCode"
-                                    )
-                                    code = e.response.get("Error", {}).get("Code")
-                                    if status == 404 or code in (
-                                        "NoSuchKey",
-                                        "NotFound",
-                                        "404",
-                                    ):
-                                        return False
-                                except Exception:
-                                    pass
-                                logging.exception(
-                                    "S3 head_object ambiguous failure for key %s", key
-                                )
-                                return True
-
-                    checks = await asyncio.gather(*(_exists(k) for k in missing_keys))
-                    for key, exists in zip(missing_keys, checks):
-                        if exists:
-                            existing_keys.add(key)
-                    break
-            except Exception:
-                logging.exception(
-                    "Failed to check storage backend for active uploads; leaving unknown keys intact"
-                )
-
-        # Build pruned list: keep only uploads that are either in DB/storage and drop ws:* entries
-        pruned = [
-            u
-            for u in current.active_uploads
-            if (
-                not str(u.upload_key).startswith("ws:")
-                and str(u.upload_key) in existing_keys
-            )
-        ]
-
-        # If anything changed, persist the pruned active_uploads and run a sync to recompute totals
-        if len(pruned) != len(current.active_uploads):
-            try:
-                updated = current.model_copy(update={"active_uploads": pruned})
-                await cls.set(updated)
-            except Exception:
-                logging.exception("Failed to persist pruned app state during cleanup")
-
-        # Recompute totals from DB and update available space
-        try:
-            await cls.state_sync()
-        except Exception:
-            logging.exception("state_sync failed after cleanup")
diff --git a/src/backend/app/states/room.py b/src/backend/app/states/room.py
deleted file mode 100644
index 3e064e50..00000000
--- a/src/backend/app/states/room.py
+++ /dev/null
@@ -1,324 +0,0 @@
-import hashlib
-import json
-import secrets
-import uuid
-from datetime import datetime, timedelta, timezone
-from typing import Any, Awaitable, cast
-
-from app import lua
-from app.schemas.reverse import (
-    ActiveUpload,
-    AddHostOut,
-    RoomCreateOut,
-    RoomFileEntry,
-    RoomFileEvent,
-    RoomOut,
-)
-from app.states._global import GlobalState
-
-
-def _room_key(room_id: str) -> str:
-    return f"chithi:room:{room_id}"
-
-
-def _room_channel(room_id: str) -> str:
-    return f"chithi:room:{room_id}:events"
-
-
-class RoomState(GlobalState):
-    """Manage rooms stored in Redis."""
-
-    @classmethod
-    async def create(
-        cls, name: str, expire_after: int, number_of_downloads: int
-    ) -> RoomCreateOut:
-        room_id = str(uuid.uuid7())
-        now = datetime.now(timezone.utc)
-
-        # Generate a cryptographically random host token; store its
-        # SHA-256 hash in Redis so the plaintext is never persisted.
-        host_token = secrets.token_urlsafe(32)
-        token_hash = hashlib.sha256(host_token.encode()).hexdigest()
-
-        # The Redis document includes host_token_hashes (internal) but
-        # RoomOut (public) never exposes it.
-        payload = {
-            "id": room_id,
-            "name": name,
-            "created_at": now.isoformat(),
-            "expires_at": (now + timedelta(seconds=expire_after)).isoformat(),
-            "files": [],
-            "active_uploads": [],
-            "host_token_hashes": [token_hash],
-            "number_of_downloads": number_of_downloads,
-        }
-        key = _room_key(room_id)
-        await cls._json_set(key, payload)
-        await cls._client().expire(key, expire_after)
-
-        return RoomCreateOut(
-            id=room_id,
-            name=name,
-            created_at=now,
-            expires_at=now + timedelta(seconds=expire_after),
-            files=[],
-            host_token=host_token,
-            number_of_downloads=number_of_downloads,
-        )
-
-    @classmethod
-    async def get(cls, room_id: str, *, strip_keys: bool = True) -> RoomOut | None:
-        """Retrieve a room.
-
-        By default (`strip_keys=True`) the returned `RoomOut` will contain
-        file entries whose `key` has the storage prefix removed so API
-        consumers see only the short id. Internal callers that need the
-        full storage key should pass `strip_keys=False`.
-        """
-        data = await cls._json_get(_room_key(room_id))
-        if data is None:
-            return None
-        # Compute host_count from internal field before stripping it
-        hashes = data.pop("host_token_hashes", [])
-        data.pop("host_token_hash", None)  # compat with old format
-        data["host_count"] = len(hashes) if isinstance(hashes, list) else 1
-
-        hosts_count, guests_count = await cls.get_connection_counts(room_id)
-        data["connected_hosts"] = hosts_count
-        data["connected_guests"] = guests_count
-
-        if not isinstance(data.get("active_uploads"), list):
-            data["active_uploads"] = []
-        if not isinstance(data.get("files"), list):
-            data["files"] = []
-        # Ensure a default for number_of_downloads for backward compatibility
-        if "number_of_downloads" not in data:
-            data["number_of_downloads"] = None
-
-        # Optionally remove the storage prefix from file keys for public
-        # responses while leaving the stored document unchanged.
-        if strip_keys and isinstance(data.get("files"), list):
-            prefix = f"rooms/{room_id}/"
-            new_files = []
-            for f in data["files"]:
-                if isinstance(f, dict) and isinstance(f.get("key"), str):
-                    key = f["key"]
-                    if key.startswith(prefix):
-                        f = {**f, "key": key.removeprefix(prefix)}
-                new_files.append(f)
-            data["files"] = new_files
-
-        return RoomOut.model_validate(data)
-
-    @classmethod
-    async def verify_host(cls, room_id: str, host_token: str) -> bool:
-        """Return True if *host_token* matches any stored hash for this room."""
-        data = await cls._json_get(_room_key(room_id))
-        if data is None:
-            return False
-        provided_hash = hashlib.sha256(host_token.encode()).hexdigest()
-        # Support new list format and legacy single-hash format
-        hashes = data.get("host_token_hashes", [])
-        if isinstance(hashes, list):
-            return any(secrets.compare_digest(h, provided_hash) for h in hashes)
-        stored_hash = data.get("host_token_hash", "")
-        return secrets.compare_digest(stored_hash, provided_hash)
-
-    @classmethod
-    async def add_host(cls, room_id: str) -> AddHostOut | None:
-        """Generate a new host token and append its hash to the room."""
-        key = _room_key(room_id)
-        data = await cls._json_get(key)
-        if data is None:
-            return None
-
-        host_token = secrets.token_urlsafe(32)
-        token_hash = hashlib.sha256(host_token.encode()).hexdigest()
-
-        client = cls._client()
-        try:
-            await client.execute_command(
-                "JSON.ARRAPPEND",
-                key,
-                "$.host_token_hashes",
-                json.dumps(token_hash),
-            )
-        except Exception:
-            return None
-
-        # Broadcast host count change so all clients update
-        hashes = data.get("host_token_hashes", [])
-        new_count = (len(hashes) if isinstance(hashes, list) else 1) + 1
-        await cls._publish(
-            _room_channel(room_id),
-            json.dumps({"type": "host_count", "count": new_count}),
-        )
-
-        return AddHostOut(host_token=host_token)
-
-    @classmethod
-    async def delete(cls, room_id: str) -> bool:
-        client = cls._client()
-        result = await client.delete(
-            _room_key(room_id),
-            cls._hosts_set_key(room_id),
-            cls._guests_set_key(room_id),
-        )
-        return result > 0
-
-    @classmethod
-    async def add_file(cls, room_id: str, entry: RoomFileEntry) -> bool:
-        """Atomically append a file entry to the room's files array.
-
-        Uses ``JSON.ARRAPPEND`` so concurrent uploads from different FastAPI
-        instances never clobber each other.
-
-        Returns True on success, False if the room no longer exists.
-        """
-        key = _room_key(room_id)
-        client = cls._client()
-        try:
-            await client.execute_command(
-                "JSON.ARRAPPEND",
-                key,
-                "$.files",
-                json.dumps(entry.model_dump(mode="json")),
-            )
-        except Exception:
-            # Key doesn't exist (room expired) or path missing
-            return False
-
-        # Fan-out notification - every subscribed instance picks this up
-        event = RoomFileEvent(event="file_added", file=entry)
-        await cls._publish(_room_channel(room_id), event.model_dump_json())
-        return True
-
-    @classmethod
-    async def remove_file(cls, room_id: str, file_key: str) -> RoomFileEntry | None:
-        """Atomically remove a file by key using a Lua script.
-
-        Returns the removed entry, or None if not found / room expired.
-        """
-        key = _room_key(room_id)
-        client = cls._client()
-        result_or_awaitable = client.eval(
-            lua.json_remove_file_by_key.code, 1, key, file_key
-        )
-        result = await cast(Awaitable[Any], result_or_awaitable)
-        if result is None:
-            return None
-
-        removed_entry = RoomFileEntry.model_validate_json(result)
-
-        event = RoomFileEvent(event="file_removed", file=removed_entry)
-        await cls._publish(_room_channel(room_id), event.model_dump_json())
-        return removed_entry
-
-    @classmethod
-    def channel_for(cls, room_id: str) -> str:
-        return _room_channel(room_id)
-
-    @classmethod
-    async def publish_event(cls, room_id: str, message: str) -> None:
-        await cls._publish(_room_channel(room_id), message)
-
-    @classmethod
-    def _hosts_set_key(cls, room_id: str) -> str:
-        return f"chithi:room:{room_id}:hosts:online"
-
-    @classmethod
-    def _guests_set_key(cls, room_id: str) -> str:
-        return f"chithi:room:{room_id}:guests:online"
-
-    @classmethod
-    async def add_active_upload(
-        cls, room_id: str, upload_key: str, filename: str, size: int
-    ) -> None:
-        key = _room_key(room_id)
-        entry = ActiveUpload(upload_key=upload_key, filename=filename, size=size)
-        try:
-            await cls._client().execute_command(
-                "JSON.ARRAPPEND",
-                key,
-                "$.active_uploads",
-                json.dumps(entry.model_dump(mode="json")),
-            )
-        except Exception:
-            return
-
-    @classmethod
-    async def update_active_upload(
-        cls, room_id: str, upload_key: str, uploaded_bytes: int
-    ) -> None:
-        key = _room_key(room_id)
-        await cls._client().execute_command(
-            "EVAL",
-            lua.json_update_uploaded_bytes_by_key.code,
-            1,
-            key,
-            upload_key,
-            uploaded_bytes,
-        )
-
-    @classmethod
-    async def remove_active_upload(cls, room_id: str, upload_key: str) -> None:
-        key = _room_key(room_id)
-        await cls._client().execute_command(
-            "EVAL", lua.json_remove_upload_by_key.code, 1, key, upload_key
-        )
-
-    @classmethod
-    async def client_online(cls, room_id: str, client_id: str, is_host: bool) -> None:
-        key = cls._hosts_set_key(room_id) if is_host else cls._guests_set_key(room_id)
-        client = cls._client()
-
-        await cast(Awaitable[Any], client.sadd(key, client_id))
-
-        await cast(Awaitable[Any], client.expire(key, 3600))
-
-        hosts_count, guests_count = await cls.get_connection_counts(room_id)
-        await cls.publish_event(
-            room_id,
-            json.dumps(
-                {
-                    "type": "connection_counts",
-                    "hosts": hosts_count,
-                    "guests": guests_count,
-                }
-            ),
-        )
-
-    @classmethod
-    async def client_offline(cls, room_id: str, client_id: str, is_host: bool) -> None:
-        key = cls._hosts_set_key(room_id) if is_host else cls._guests_set_key(room_id)
-        client = cls._client()
-        await cast(Awaitable[Any], client.srem(key, client_id))
-
-        hosts_count, guests_count = await cls.get_connection_counts(room_id)
-
-        # If all clients and hosts have left, destroy the room
-        if hosts_count == 0 and guests_count == 0:
-            await cls.delete(room_id)
-            return
-
-        await cls.publish_event(
-            room_id,
-            json.dumps(
-                {
-                    "type": "connection_counts",
-                    "hosts": hosts_count,
-                    "guests": guests_count,
-                }
-            ),
-        )
-
-    @classmethod
-    async def get_connection_counts(cls, room_id: str) -> tuple[int, int]:
-        client = cls._client()
-        hosts_result = client.scard(cls._hosts_set_key(room_id))
-        hosts = await cast(Awaitable[Any], hosts_result)
-
-        guests_result = client.scard(cls._guests_set_key(room_id))
-        guests = await cast(Awaitable[Any], guests_result)
-
-        return int(hosts), int(guests)
diff --git a/src/backend/app/tasks/__init__.py b/src/backend/app/tasks/__init__.py
deleted file mode 100644
index 64fbf70c..00000000
--- a/src/backend/app/tasks/__init__.py
+++ /dev/null
@@ -1 +0,0 @@
-from .clean_file import delete_expired_file as delete_expired_file
diff --git a/src/backend/app/tasks/clean_file.py b/src/backend/app/tasks/clean_file.py
deleted file mode 100644
index 4d08c774..00000000
--- a/src/backend/app/tasks/clean_file.py
+++ /dev/null
@@ -1,51 +0,0 @@
-from datetime import datetime, timezone
-
-from sqlmodel import or_, select
-
-from app.celery import celery
-from app.db import get_session
-from app.deps import get_s3_client
-from app.models.files import File
-from app.settings import settings
-
-
-@celery.task
-async def delete_expired_file(file_id: str):
-    async for session in get_session():
-        now = datetime.now(timezone.utc)
-
-        statement = select(File).where(
-            or_(
-                File.id == file_id,
-                File.download_count >= File.expire_after_n_download,
-                File.expires_at < now,
-            )
-        )
-        result = await session.exec(statement)
-        files_to_delete = result.all()
-
-        if not files_to_delete:
-            return "No files found to delete."
-
-        # Process deletions
-        async for s3_client in get_s3_client():
-            for file_obj in files_to_delete:
-                try:
-                    # Remove from S3
-                    await s3_client.delete_object(
-                        Bucket=settings.RUSTFS_BUCKET_NAME,
-                        Key=file_obj.key,
-                    )
-                    # Remove from Session
-                    await session.delete(file_obj)
-                except Exception as e:
-                    # If one file fails (e.g. S3 404), continue to others
-                    print(f"Excetpion raised while deleting: {e}")
-                    continue
-
-        # Commit all changes
-        await session.commit()
-
-        return f"Processed {len(files_to_delete)} deletions."
-
-
diff --git a/src/backend/app/vendor/async_typer.py b/src/backend/app/vendor/async_typer.py
deleted file mode 100644
index 4ca61c3c..00000000
--- a/src/backend/app/vendor/async_typer.py
+++ /dev/null
@@ -1,68 +0,0 @@
-import asyncio
-from collections import defaultdict
-from functools import wraps
-from inspect import iscoroutine
-from typing import (
-    Any,
-    Callable,
-    Coroutine,
-    DefaultDict,
-    Literal,
-    ParamSpec,
-    TypeVar,
-)
-
-import typer
-
-P = ParamSpec("P")
-R = TypeVar("R")
-
-EventType = Literal["startup", "shutdown"]
-
-SyncHandler = Callable[[], None]
-AsyncHandler = Callable[[], Coroutine[Any, Any, None]]
-EventHandler = SyncHandler | AsyncHandler
-
-
-class AsyncTyper(typer.Typer):
-    event_handlers: DefaultDict[EventType, list[EventHandler]]
-
-    def __init__(self, *args: Any, **kwargs: Any) -> None:
-        super().__init__(*args, **kwargs)
-        self.event_handlers = defaultdict(list)
-
-    def async_command(
-        self, *args: Any, **kwargs: Any
-    ) -> Callable[
-        [Callable[P, Coroutine[Any, Any, R]]],
-        Callable[P, Coroutine[Any, Any, R]],
-    ]:
-        def decorator(
-            async_func: Callable[P, Coroutine[Any, Any, R]],
-        ) -> Callable[P, Coroutine[Any, Any, R]]:
-            @wraps(async_func)
-            def sync_func(*_args: P.args, **_kwargs: P.kwargs) -> R:
-                async def runner() -> R:
-                    await self._run_handlers("startup")
-                    try:
-                        return await async_func(*_args, **_kwargs)
-                    finally:
-                        await self._run_handlers("shutdown")
-
-                return asyncio.run(runner())
-
-            self.command(*args, **kwargs)(sync_func)
-            return async_func
-
-        return decorator
-
-    def add_event_handler(
-        self, event_type: EventType, func: EventHandler
-    ) -> None:
-        self.event_handlers[event_type].append(func)
-
-    async def _run_handlers(self, event_type: EventType) -> None:
-        for handler in self.event_handlers[event_type]:
-            result = handler()
-            if iscoroutine(result):
-                await result
\ No newline at end of file
diff --git a/src/backend/app/cli/__init__.py b/src/backend/apps/__init__.py
similarity index 100%
rename from src/backend/app/cli/__init__.py
rename to src/backend/apps/__init__.py
diff --git a/src/backend/app/guards/__init__.py b/src/backend/apps/config/__init__.py
similarity index 100%
rename from src/backend/app/guards/__init__.py
rename to src/backend/apps/config/__init__.py
diff --git a/src/backend/apps/config/admin.py b/src/backend/apps/config/admin.py
new file mode 100644
index 00000000..54c2b17f
--- /dev/null
+++ b/src/backend/apps/config/admin.py
@@ -0,0 +1,8 @@
+from django.contrib import admin
+
+from .models import Config
+
+
+@admin.register(Config)
+class ConfigAdmin(admin.ModelAdmin):
+    pass
diff --git a/src/backend/apps/config/apps.py b/src/backend/apps/config/apps.py
new file mode 100644
index 00000000..a8d07bd4
--- /dev/null
+++ b/src/backend/apps/config/apps.py
@@ -0,0 +1,7 @@
+from django.apps import AppConfig
+
+
+class ConfigConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "apps.config"
+    verbose_name = "Config"
diff --git a/src/backend/apps/config/migrations/0001_initial.py b/src/backend/apps/config/migrations/0001_initial.py
new file mode 100644
index 00000000..afa11c84
--- /dev/null
+++ b/src/backend/apps/config/migrations/0001_initial.py
@@ -0,0 +1,35 @@
+# Generated by Django 6.0.5 on 2026-07-20 17:56
+
+import typing
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Config',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('total_storage_limit', models.BigIntegerField(default=10737418240)),
+                ('max_file_size_limit', models.BigIntegerField(default=104857600)),
+                ('default_expiry', models.BigIntegerField(default=604800)),
+                ('default_number_of_downloads', models.IntegerField(default=10)),
+                ('site_description', models.TextField(default='Secure file sharing service')),
+                ('download_configs', models.JSONField(blank=True, default=list)),
+                ('time_configs', models.JSONField(blank=True, default=list)),
+                ('allowed_file_types', models.JSONField(blank=True, default=list)),
+                ('banned_file_types', models.JSONField(blank=True, default=list)),
+                ('allow_uploads', models.BooleanField(default=True)),
+            ],
+            options={
+                'abstract': False,
+            },
+            bases=(models.Model, typing.Generic),
+        ),
+    ]
diff --git a/src/backend/app/states/__init__.py b/src/backend/apps/config/migrations/__init__.py
similarity index 100%
rename from src/backend/app/states/__init__.py
rename to src/backend/apps/config/migrations/__init__.py
diff --git a/src/backend/apps/config/models.py b/src/backend/apps/config/models.py
new file mode 100644
index 00000000..91e8c9a7
--- /dev/null
+++ b/src/backend/apps/config/models.py
@@ -0,0 +1,19 @@
+from django.db import models
+
+from mixins.models.base.singleton import SingletonModel
+
+
+class Config(SingletonModel):
+    total_storage_limit = models.BigIntegerField(default=10 * 1024 * 1024 * 1024)
+    max_file_size_limit = models.BigIntegerField(default=100 * 1024 * 1024)
+    default_expiry = models.BigIntegerField(default=7 * 24 * 3600)
+    default_number_of_downloads = models.IntegerField(default=10)
+    site_description = models.TextField(default="Secure file sharing service")
+    download_configs = models.JSONField(default=list, blank=True)
+    time_configs = models.JSONField(default=list, blank=True)
+    allowed_file_types = models.JSONField(default=list, blank=True)
+    banned_file_types = models.JSONField(default=list, blank=True)
+    allow_uploads = models.BooleanField(default=True)
+
+    def __str__(self) -> str:
+        return "Site Configuration"
diff --git a/src/backend/apps/files/__init__.py b/src/backend/apps/files/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/src/backend/apps/files/admin.py b/src/backend/apps/files/admin.py
new file mode 100644
index 00000000..e44c65cc
--- /dev/null
+++ b/src/backend/apps/files/admin.py
@@ -0,0 +1,12 @@
+from django.contrib import admin
+
+from .models import File
+
+
+@admin.register(File)
+class FileAdmin(admin.ModelAdmin):
+    list_display = ("filename", "key", "size", "download_count", "expires_at", "created_at")
+    list_filter = ("created_at", "expires_at")
+    search_fields = ("filename", "key")
+    readonly_fields = ("key", "size", "download_count", "created_at")
+    ordering = ("-created_at",)
diff --git a/src/backend/apps/files/apps.py b/src/backend/apps/files/apps.py
new file mode 100644
index 00000000..246f8165
--- /dev/null
+++ b/src/backend/apps/files/apps.py
@@ -0,0 +1,7 @@
+from django.apps import AppConfig
+
+
+class FilesConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "apps.files"
+    verbose_name = "Files"
diff --git a/src/backend/apps/files/migrations/0001_initial.py b/src/backend/apps/files/migrations/0001_initial.py
new file mode 100644
index 00000000..52317ca1
--- /dev/null
+++ b/src/backend/apps/files/migrations/0001_initial.py
@@ -0,0 +1,32 @@
+# Generated by Django 6.0.5 on 2026-07-20 17:56
+
+import uuid
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='File',
+            fields=[
+                ('created_at', models.DateTimeField(auto_now_add=True, verbose_name='Created At')),
+                ('id', models.UUIDField(default=uuid.uuid4, editable=False, primary_key=True, serialize=False)),
+                ('key', models.CharField(db_index=True, max_length=1024)),
+                ('filename', models.CharField(max_length=500)),
+                ('expires_at', models.DateTimeField()),
+                ('expire_after_n_download', models.BigIntegerField()),
+                ('download_count', models.BigIntegerField(default=0)),
+                ('size', models.BigIntegerField()),
+                ('number_of_files', models.IntegerField(blank=True, null=True)),
+            ],
+            options={
+                'ordering': ['-created_at'],
+            },
+        ),
+    ]
diff --git a/src/backend/apps/files/migrations/0002_alter_file_expire_after_n_download_alter_file_size.py b/src/backend/apps/files/migrations/0002_alter_file_expire_after_n_download_alter_file_size.py
new file mode 100644
index 00000000..238c2841
--- /dev/null
+++ b/src/backend/apps/files/migrations/0002_alter_file_expire_after_n_download_alter_file_size.py
@@ -0,0 +1,27 @@
+# Generated by Django 6.0.5 on 2026-07-20 18:00
+
+import apps.files.models
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("files", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="file",
+            name="expire_after_n_download",
+            field=models.BigIntegerField(
+                validators=[apps.files.models.validate_download_count]
+            ),
+        ),
+        migrations.AlterField(
+            model_name="file",
+            name="size",
+            field=models.BigIntegerField(
+                validators=[apps.files.models.validate_max_file_size]
+            ),
+        ),
+    ]
diff --git a/src/backend/apps/files/migrations/0003_room_roomfile_roomhost.py b/src/backend/apps/files/migrations/0003_room_roomfile_roomhost.py
new file mode 100644
index 00000000..1933a4eb
--- /dev/null
+++ b/src/backend/apps/files/migrations/0003_room_roomfile_roomhost.py
@@ -0,0 +1,51 @@
+# Generated by Django 6.0.7 on 2026-08-01 06:48
+
+import django.db.models.deletion
+import uuid
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('files', '0002_alter_file_expire_after_n_download_alter_file_size'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Room',
+            fields=[
+                ('id', models.UUIDField(default=uuid.uuid4, editable=False, primary_key=True, serialize=False)),
+                ('name', models.CharField(max_length=200)),
+                ('host_token', models.CharField(max_length=64, unique=True)),
+                ('expires_at', models.DateTimeField()),
+                ('expire_after_n_download', models.IntegerField(default=10)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+            ],
+        ),
+        migrations.CreateModel(
+            name='RoomFile',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('key', models.CharField(db_index=True, max_length=1024)),
+                ('filename', models.CharField(max_length=500)),
+                ('size', models.BigIntegerField()),
+                ('uploaded_at', models.DateTimeField(auto_now_add=True)),
+                ('room', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='files', to='files.room')),
+            ],
+            options={
+                'ordering': ['uploaded_at'],
+            },
+        ),
+        migrations.CreateModel(
+            name='RoomHost',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('host_token', models.CharField(max_length=64)),
+                ('room', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='hosts', to='files.room')),
+            ],
+            options={
+                'unique_together': {('room', 'host_token')},
+            },
+        ),
+    ]
diff --git a/src/backend/apps/files/migrations/__init__.py b/src/backend/apps/files/migrations/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/src/backend/apps/files/models.py b/src/backend/apps/files/models.py
new file mode 100644
index 00000000..310b55bd
--- /dev/null
+++ b/src/backend/apps/files/models.py
@@ -0,0 +1,33 @@
+from django.db import models
+from django.utils import timezone
+
+from apps.files.validators import validate_download_count, validate_max_file_size
+from mixins.models.fields import CreatedAtMixin, UUIDPrimaryKeyMixin
+
+
+class File(UUIDPrimaryKeyMixin, CreatedAtMixin):
+    """Uploaded file record."""
+
+    key = models.CharField(max_length=1024, db_index=True)
+    filename = models.CharField(max_length=500)
+    expires_at = models.DateTimeField()
+    expire_after_n_download = models.BigIntegerField(
+        validators=[validate_download_count]
+    )
+    download_count = models.BigIntegerField(default=0)
+    size = models.BigIntegerField(validators=[validate_max_file_size])
+    number_of_files = models.IntegerField(null=True, blank=True)
+
+    @property
+    def is_expired(self) -> bool:
+        """Check if the file has expired by time or download count."""
+        return (
+            timezone.now() >= self.expires_at
+            or self.download_count >= self.expire_after_n_download
+        )
+
+    def __str__(self) -> str:
+        return self.filename
+
+    class Meta:
+        ordering = ["-created_at"]
diff --git a/src/backend/apps/files/reverse_consumers.py b/src/backend/apps/files/reverse_consumers.py
new file mode 100644
index 00000000..bd9bd3e8
--- /dev/null
+++ b/src/backend/apps/files/reverse_consumers.py
@@ -0,0 +1,211 @@
+import json
+import logging
+
+from asgiref.sync import sync_to_async
+from channels.generic.websocket import AsyncWebsocketConsumer
+
+from apps.files.reverse_models import Room, RoomFile
+from apps.files.reverse_views import _serialize_room
+from apps.files.services import get_storage
+
+logger = logging.getLogger(__name__)
+
+ROOM_GROUP_PREFIX = "reverse_room_"
+
+CHUNK_SIZE = 64 * 1024  # 64KB chunks for WebSocket streaming
+
+
+class ReverseRoomConsumer(AsyncWebsocketConsumer):
+    """WebSocket consumer for reverse file sharing rooms.
+
+    Hosts connect with ?host_token=... and can upload files.
+    Guests connect without a token and receive files.
+    File data is multiplexed over the WebSocket — binary chunks for file
+    content, JSON frames for metadata.
+
+    Works in single-process mode (in-memory channel layer) and behind a
+    cluster (Redis channel layer) — all group messaging goes through the
+    channel layer, which is backed by Redis in production.
+    """
+
+    role: str = "guest"
+    room: Room | None = None
+    host_token: str = ""
+
+    async def connect(self):
+        room_id = self.scope["url_route"]["kwargs"].get("room_id")
+        if not room_id:
+            await self.close(code=4001)
+            return
+
+        try:
+            self.room = await Room.objects.aget(id=room_id)
+        except Room.DoesNotExist:
+            await self._send_json({"type": "error", "detail": "Room not found"})
+            await self.close(code=4004)
+            return
+
+        if self.room.is_expired:
+            await self._send_json({"type": "room_destroyed"})
+            await self.close(code=4010)
+            return
+
+        group_name = f"{ROOM_GROUP_PREFIX}{room_id}"
+
+        # Parse host token from query string
+        query = self.scope.get("query_string", b"").decode()
+        for param in query.split("&"):
+            if param.startswith("host_token="):
+                self.host_token = param.split("=", 1)[1]
+                break
+
+        # Validate host
+        is_valid_host = False
+        if self.host_token:
+            is_valid_host = await sync_to_async(
+                self.room.hosts.filter(host_token=self.host_token).exists
+            )()
+            if not is_valid_host:
+                is_valid_host = self.room.host_token == self.host_token
+
+        self.role = "host" if is_valid_host else "guest"
+
+        await self.accept()
+        await self.channel_layer.group_add(group_name, self.channel_name)
+
+        # Send room snapshot
+        files = await sync_to_async(list)(RoomFile.objects.filter(room=self.room))
+        host_count = await sync_to_async(self.room.hosts.count)()
+        snapshot = _serialize_room(self.room, files, host_count=host_count)
+        await self._send_json({"type": "snapshot", "room": snapshot})
+
+    async def disconnect(self, close_code):
+        if self.room:
+            group_name = f"{ROOM_GROUP_PREFIX}{self.room.id}"
+            await self.channel_layer.group_discard(group_name, self.channel_name)
+
+    async def receive(self, text_data):
+        if not self.room:
+            return
+
+        try:
+            data = json.loads(text_data)
+        except json.JSONDecodeError:
+            await self._send_json({"type": "file_error", "detail": "Invalid JSON"})
+            return
+
+        msg_type = data.get("type")
+
+        if msg_type in ("request_file", "download") and self.role == "guest":
+            file_key = data.get("key")
+            await self._stream_file(file_key)
+
+    # --- Channel layer group message handlers ---
+
+    async def file_added(self, event):
+        await self._send_json({"type": "file_added", **event})
+
+    async def file_start(self, event):
+        await self._send_json({"type": "file_start", **event})
+
+    async def file_end(self, event):
+        await self._send_json({"type": "file_end", **event})
+
+    async def file_error(self, event):
+        await self._send_json({"type": "file_error", **event})
+
+    async def file_removed(self, event):
+        await self._send_json({"type": "file_removed", **event})
+
+    async def room_destroyed(self, event):
+        await self._send_json({"type": "room_destroyed"})
+
+    async def snapshot(self, event):
+        await self._send_json({"type": "snapshot", "room": event.get("room")})
+
+    # --- Private helpers ---
+
+    async def _stream_file(self, file_key: str):
+        """Stream a file's content as binary WebSocket frames."""
+        if not self.room:
+            return
+
+        try:
+            room_file = await RoomFile.objects.filter(
+                room=self.room, key=file_key
+            ).afirst()
+        except Exception:
+            await self._send_json({
+                "type": "file_error",
+                "key": file_key,
+                "detail": "File not found",
+            })
+            return
+
+        if not room_file:
+            await self._send_json({
+                "type": "file_error",
+                "key": file_key,
+                "detail": "File not found",
+            })
+            return
+
+        # Signal file start to all clients in the room
+        group_name = f"{ROOM_GROUP_PREFIX}{self.room.id}"
+        await self.channel_layer.group_send(group_name, {
+            "type": "file_start",
+            "key": room_file.key,
+            "filename": room_file.filename,
+            "size": room_file.size,
+        })
+
+        # Stream file chunks to the requester
+        try:
+            from apps.files.services import (
+                get_storage,
+                is_s3_backend,
+                download_file_data,
+                LocalStorageBackend,
+            )
+
+            storage = get_storage()
+
+            if isinstance(storage, LocalStorageBackend):
+                # Local backend: read file in chunks and send
+                file_path = storage.download_file_path(room_file.key)
+                with open(file_path, "rb") as f:
+                    while True:
+                        chunk = f.read(CHUNK_SIZE)
+                        if not chunk:
+                            break
+                        await self.send(chunk)
+            else:
+                # S3 backend: use async streaming
+                body = await storage.download_stream(room_file.key)
+                try:
+                    while True:
+                        chunk = await body.read(CHUNK_SIZE)
+                        if not chunk:
+                            break
+                        await self.send(bytes(chunk))
+                finally:
+                    await body.close()
+
+            # Signal file end
+            await self.channel_layer.group_send(group_name, {
+                "type": "file_end",
+                "key": room_file.key,
+                "filename": room_file.filename,
+                "size": room_file.size,
+            })
+        except Exception as e:
+            logger.error(f"Error streaming file {file_key}: {e}")
+            await self.channel_layer.group_send(group_name, {
+                "type": "file_error",
+                "key": room_file.key,
+                "detail": str(e),
+            })
+
+    async def _send_json(self, data: dict):
+        """Send a JSON message over the WebSocket."""
+        await self.send(json.dumps(data))
diff --git a/src/backend/apps/files/reverse_models.py b/src/backend/apps/files/reverse_models.py
new file mode 100644
index 00000000..c5a57dcf
--- /dev/null
+++ b/src/backend/apps/files/reverse_models.py
@@ -0,0 +1,51 @@
+import secrets
+import uuid
+
+from django.db import models
+from django.utils import timezone
+
+
+class Room(models.Model):
+    """A reverse-file-share session."""
+
+    id = models.UUIDField(primary_key=True, default=uuid.uuid4, editable=False)
+    name = models.CharField(max_length=200)
+    host_token = models.CharField(max_length=64, unique=True)
+    expires_at = models.DateTimeField()
+    expire_after_n_download = models.IntegerField(default=10)
+    created_at = models.DateTimeField(auto_now_add=True)
+
+    def save(self, *args, **kwargs):
+        if not self.host_token:
+            self.host_token = secrets.token_urlsafe(32)
+        super().save(*args, **kwargs)
+
+    @property
+    def is_expired(self):
+        return timezone.now() >= self.expires_at
+
+    def __str__(self):
+        return f"Room({self.name})"
+
+
+class RoomFile(models.Model):
+    """A file uploaded to a reverse-share room."""
+
+    room = models.ForeignKey(Room, on_delete=models.CASCADE, related_name="files")
+    key = models.CharField(max_length=1024, db_index=True)
+    filename = models.CharField(max_length=500)
+    size = models.BigIntegerField()
+    uploaded_at = models.DateTimeField(auto_now_add=True)
+
+    class Meta:
+        ordering = ["uploaded_at"]
+
+
+class RoomHost(models.Model):
+    """An authorized host for a room."""
+
+    room = models.ForeignKey(Room, on_delete=models.CASCADE, related_name="hosts")
+    host_token = models.CharField(max_length=64)
+
+    class Meta:
+        unique_together = ("room", "host_token")
diff --git a/src/backend/apps/files/reverse_urls.py b/src/backend/apps/files/reverse_urls.py
new file mode 100644
index 00000000..c9fda4c2
--- /dev/null
+++ b/src/backend/apps/files/reverse_urls.py
@@ -0,0 +1,10 @@
+from django.urls import path
+
+from .reverse_views import create_room, room_detail, room_upload, add_room_host
+
+urlpatterns = [
+    path("rooms/", create_room, name="reverse_create_room"),
+    path("rooms/<uuid:room_id>/", room_detail, name="reverse_room_detail"),
+    path("rooms/<uuid:room_id>/upload/", room_upload, name="reverse_room_upload"),
+    path("rooms/<uuid:room_id>/hosts/", add_room_host, name="reverse_add_host"),
+]
diff --git a/src/backend/apps/files/reverse_views.py b/src/backend/apps/files/reverse_views.py
new file mode 100644
index 00000000..9b95e2bb
--- /dev/null
+++ b/src/backend/apps/files/reverse_views.py
@@ -0,0 +1,175 @@
+import json
+import logging
+import secrets
+
+from asgiref.sync import sync_to_async
+from django.http import JsonResponse, HttpResponseNotAllowed
+from django.utils import timezone
+from django.views.decorators.csrf import csrf_exempt
+
+from apps.files.reverse_models import Room, RoomFile, RoomHost
+from apps.files.services import upload_file_data
+from apps.graphql.consumers import broadcast_state
+
+logger = logging.getLogger(__name__)
+
+
+def _serialize_room_file(room_file: RoomFile) -> dict:
+    return {
+        "key": room_file.key,
+        "filename": room_file.filename,
+        "size": room_file.size,
+        "uploaded_at": int(room_file.uploaded_at.timestamp()),
+        "download_url": f"/files/{room_file.key}",
+    }
+
+
+def _serialize_room(room: Room, room_files: list[RoomFile], host_count: int | None = None) -> dict:
+    return {
+        "id": str(room.id),
+        "name": room.name,
+        "expires_at": room.expires_at.isoformat(),
+        "files": [_serialize_room_file(f) for f in room_files],
+        "active_uploads": [],
+        "host_count": host_count if host_count is not None else room.hosts.count(),
+        "connected_hosts": 0,
+        "connected_guests": 0,
+    }
+
+
+@csrf_exempt
+async def create_room(request):
+    """Create a new reverse-share room — POST /reverse/rooms/"""
+    if request.method != "POST":
+        return HttpResponseNotAllowed(["POST"])
+
+    try:
+        body = json.loads(request.body) if request.body else {}
+    except json.JSONDecodeError:
+        return JsonResponse({"detail": "Invalid JSON"}, status=400)
+
+    name = body.get("name", "Untitled Room")
+    expire_after = int(body.get("expire_after", 3600))
+    number_of_downloads = body.get("number_of_downloads")
+
+    room = await Room.objects.acreate(
+        name=name,
+        expires_at=timezone.now() + timezone.timedelta(seconds=expire_after),
+        expire_after_n_download=number_of_downloads or 10,
+    )
+
+    return JsonResponse({"id": str(room.id), "host_token": room.host_token})
+
+
+async def room_detail(request, room_id):
+    """Return room detail — GET /reverse/rooms/<id>/"""
+    if request.method != "GET":
+        return HttpResponseNotAllowed(["GET"])
+
+    try:
+        room = await Room.objects.aget(id=room_id)
+    except Room.DoesNotExist:
+        return JsonResponse({"detail": "Room not found"}, status=404)
+
+    if room.is_expired:
+        return JsonResponse({"detail": "Room expired"}, status=410)
+
+    files = await sync_to_async(list)(RoomFile.objects.filter(room=room))
+    host_count = await sync_to_async(room.hosts.count)()
+    data = _serialize_room(room, files, host_count=host_count)
+    return JsonResponse(data)
+
+
+@csrf_exempt
+async def room_upload(request, room_id):
+    """Upload a file to a room — POST /reverse/rooms/<id>/upload"""
+    if request.method != "POST":
+        return HttpResponseNotAllowed(["POST"])
+
+    try:
+        room = await Room.objects.aget(id=room_id)
+    except Room.DoesNotExist:
+        return JsonResponse({"detail": "Room not found"}, status=404)
+
+    if room.is_expired:
+        return JsonResponse({"detail": "Room expired"}, status=410)
+
+    # Verify host token
+    host_token = request.headers.get("X-Host-Token", "")
+    is_valid_host = await sync_to_async(
+        room.hosts.filter(host_token=host_token).exists
+    )() if host_token else False
+    if not is_valid_host:
+        is_valid_host = room.host_token == host_token
+
+    if not is_valid_host:
+        return JsonResponse({"detail": "Invalid host token"}, status=403)
+
+    # Parse multipart upload
+    uploaded = request.FILES.get("file")
+    if not uploaded:
+        return JsonResponse({"detail": "No file provided"}, status=400)
+
+    file_data = b"".join(uploaded.chunks())
+    file_key = f"reverse/{room_id}/{uploaded.name}"
+
+    # Store file data
+    await upload_file_data(key=file_key, data=file_data)
+
+    # Create DB record
+    room_file = await RoomFile.objects.acreate(
+        room=room,
+        key=file_key,
+        filename=uploaded.name,
+        size=len(file_data),
+    )
+
+    # Broadcast state (storage) and room update
+    await broadcast_state()
+
+    from channels.layers import get_channel_layer
+    from apps.files.reverse_consumers import ROOM_GROUP_PREFIX
+
+    layer = get_channel_layer()
+    group = f"{ROOM_GROUP_PREFIX}{room_id}"
+    await layer.group_send(group, {
+        "type": "file_added",
+        "file": _serialize_room_file(room_file),
+    })
+
+    return JsonResponse(_serialize_room_file(room_file))
+
+
+@csrf_exempt
+async def add_room_host(request, room_id):
+    """Add a new host to a room — POST /reverse/rooms/<id>/hosts"""
+    if request.method != "POST":
+        return HttpResponseNotAllowed(["POST"])
+
+    try:
+        room = await Room.objects.aget(id=room_id)
+    except Room.DoesNotExist:
+        return JsonResponse({"detail": "Room not found"}, status=404)
+
+    if room.is_expired:
+        return JsonResponse({"detail": "Room expired"}, status=410)
+
+    # Verify the requester is an existing host
+    host_token = request.headers.get("X-Host-Token", "")
+    is_valid_host = await sync_to_async(
+        room.hosts.filter(host_token=host_token).exists
+    )() if host_token else False
+    if not is_valid_host:
+        is_valid_host = room.host_token == host_token
+
+    if not is_valid_host:
+        return JsonResponse({"detail": "Invalid host token"}, status=403)
+
+    new_token = secrets.token_urlsafe(32)
+
+    await RoomHost.objects.acreate(
+        room=room,
+        host_token=new_token,
+    )
+
+    return JsonResponse({"host_token": new_token})
diff --git a/src/backend/apps/files/services.py b/src/backend/apps/files/services.py
new file mode 100644
index 00000000..c6fc581f
--- /dev/null
+++ b/src/backend/apps/files/services.py
@@ -0,0 +1,252 @@
+"""Storage service — supports both local filesystem and S3-compatible backends.
+
+If S3 settings are configured in Django settings, files are stored on S3.
+Otherwise files are stored on the local filesystem under MEDIA_ROOT.
+"""
+
+import io
+import logging
+import os
+from pathlib import Path
+
+from django.conf import settings
+from django.utils.deconstruct import deconstructible
+
+logger = logging.getLogger(__name__)
+
+# ---------------------------------------------------------------------------
+# S3 detection
+# ---------------------------------------------------------------------------
+
+
+def _has_s3_settings() -> bool:
+    """Return True if S3 settings are explicitly configured."""
+    access_key = getattr(settings, "AWS_ACCESS_KEY_ID", None)
+    secret_key = getattr(settings, "AWS_SECRET_ACCESS_KEY", None)
+    bucket = getattr(settings, "AWS_STORAGE_BUCKET_NAME", None)
+    return bool(access_key and secret_key and bucket)
+
+
+def is_s3_backend() -> bool:
+    """Return True if the active storage backend is S3."""
+    return _has_s3_settings()
+
+
+# ---------------------------------------------------------------------------
+# Local storage backend
+# ---------------------------------------------------------------------------
+
+
+class LocalStorageBackend:
+    """Store files on the local filesystem under MEDIA_ROOT."""
+
+    def __init__(self) -> None:
+        self.root = Path(settings.MEDIA_ROOT)
+        self.root.mkdir(parents=True, exist_ok=True)
+
+    async def upload(self, key: str, data: bytes) -> None:
+        path = self.root / key
+        path.parent.mkdir(parents=True, exist_ok=True)
+        path.write_bytes(data)
+
+    async def upload_stream(self, key: str, stream: io.BytesIO, size: int) -> None:
+        path = self.root / key
+        path.parent.mkdir(parents=True, exist_ok=True)
+        stream.seek(0)
+        path.write_bytes(stream.read(size))
+
+    async def download(self, key: str) -> bytes:
+        path = self.root / key
+        return path.read_bytes()
+
+    def download_file_path(self, key: str) -> Path:
+        """Return the path for direct file serving via FileResponse."""
+        path = self.root / key
+        if not path.exists():
+            raise FileNotFoundError(f"File not found: {key}")
+        return path
+
+    async def delete(self, key: str) -> bool:
+        path = self.root / key
+        if path.exists():
+            path.unlink()
+            return True
+        return False
+
+    async def exists(self, key: str) -> bool:
+        return (self.root / key).exists()
+
+    async def presigned_upload_url(self, key: str, expires_in: int = 3600) -> str | None:
+        return None
+
+    async def presigned_download_url(self, key: str, expires_in: int = 3600) -> str | None:
+        return None
+
+
+# ---------------------------------------------------------------------------
+# S3 storage backend (lazy import — aioboto3 only needed if S3 is configured)
+# ---------------------------------------------------------------------------
+
+
+class S3StorageBackend:
+    """Store files on an S3-compatible backend."""
+
+    def __init__(self) -> None:
+        import aioboto3  # noqa: F811 — lazy import
+
+        self._aioboto3 = aioboto3
+        self._bucket = settings.AWS_STORAGE_BUCKET_NAME  # type: ignore[attr-defined]
+
+    def _resource(self):
+        return self._aioboto3.resource(
+            "s3",
+            endpoint_url=getattr(settings, "AWS_S3_ENDPOINT_URL", None),
+            aws_access_key_id=settings.AWS_ACCESS_KEY_ID,  # type: ignore[attr-defined]
+            aws_secret_access_key=settings.AWS_SECRET_ACCESS_KEY,  # type: ignore[attr-defined]
+        )
+
+    def _client(self):
+        return self._aioboto3.client(
+            "s3",
+            endpoint_url=getattr(settings, "AWS_S3_ENDPOINT_URL", None),
+            aws_access_key_id=settings.AWS_ACCESS_KEY_ID,  # type: ignore[attr-defined]
+            aws_secret_access_key=settings.AWS_SECRET_ACCESS_KEY,  # type: ignore[attr-defined]
+        )
+
+    async def upload(self, key: str, data: bytes) -> None:
+        res = self._resource()
+        async with res as s3:
+            await s3.Object(self._bucket, key).put(Body=data)
+
+    async def upload_stream(self, key: str, stream: io.BytesIO, size: int) -> None:
+        res = self._resource()
+        async with res as s3:
+            await s3.Object(self._bucket, key).put(Body=stream, ContentLength=size)
+
+    async def download(self, key: str) -> bytes:
+        res = self._resource()
+        async with res as s3:
+            obj = await s3.Object(self._bucket, key).get()
+            body = obj["Body"]
+            data = await body.read()
+            await body.close()
+            return data
+
+    async def download_stream(self, key: str):
+        """Return an async body stream for streaming responses."""
+        res = self._resource()
+        async with res as s3:
+            obj = await s3.Object(self._bucket, key).get()
+            return obj["Body"]
+
+    async def delete(self, key: str) -> bool:
+        res = self._resource()
+        async with res as s3:
+            await s3.Object(self._bucket, key).delete()
+            return True
+
+    async def exists(self, key: str) -> bool:
+        res = self._resource()
+        async with res as s3:
+            try:
+                await s3.Object(self._bucket, key).load()
+                return True
+            except Exception:
+                return False
+
+    async def presigned_upload_url(self, key: str, expires_in: int = 3600) -> str:
+        res = self._resource()
+        async with res as s3:
+            return await s3.meta.client.generate_presigned_url(
+                "put_object",
+                Params={"Bucket": self._bucket, "Key": key},
+                ExpiresIn=expires_in,
+            )
+
+    async def presigned_download_url(self, key: str, expires_in: int = 3600) -> str:
+        res = self._resource()
+        async with res as s3:
+            return await s3.meta.client.generate_presigned_url(
+                "get_object",
+                Params={"Bucket": self._bucket, "Key": key},
+                ExpiresIn=expires_in,
+            )
+
+
+# ---------------------------------------------------------------------------
+# Singleton — pick the right backend at import time
+# ---------------------------------------------------------------------------
+
+_storage: LocalStorageBackend | S3StorageBackend | None = None
+
+
+def get_storage() -> LocalStorageBackend | S3StorageBackend:
+    """Return the configured storage backend singleton."""
+    global _storage
+    if _storage is None:
+        if _has_s3_settings():
+            _storage = S3StorageBackend()
+            logger.info("Storage backend: S3 (bucket=%s)", settings.AWS_STORAGE_BUCKET_NAME)  # type: ignore[attr-defined]
+        else:
+            _storage = LocalStorageBackend()
+            logger.info("Storage backend: local (root=%s)", settings.MEDIA_ROOT)
+    return _storage
+
+
+# ---------------------------------------------------------------------------
+# Convenience wrappers — forward to the active backend
+# ---------------------------------------------------------------------------
+
+
+async def upload_file_data(key: str, data: bytes) -> None:
+    """Upload bytes to the configured storage backend."""
+    await get_storage().upload(key, data)
+
+
+async def upload_file_stream(key: str, stream: io.BytesIO, size: int) -> None:
+    """Upload a stream to the configured storage backend."""
+    await get_storage().upload_stream(key, stream, size)
+
+
+async def download_file_data(key: str) -> bytes:
+    """Download file from storage and return bytes."""
+    return await get_storage().download(key)
+
+
+async def download_file_stream(key: str):
+    """Download file from storage and return the response stream."""
+    storage = get_storage()
+    if isinstance(storage, LocalStorageBackend):
+        raise NotImplementedError(
+            "Local storage does not support async streaming. "
+            "Use download_file_path() instead."
+        )
+    return await storage.download_stream(key)
+
+
+def download_file_path(key: str) -> Path:
+    """Get the local file path for direct serving (local backend only)."""
+    storage = get_storage()
+    if not isinstance(storage, LocalStorageBackend):
+        raise NotImplementedError("S3 backend does not support direct file paths.")
+    return storage.download_file_path(key)
+
+
+async def delete_file_from_storage(key: str) -> bool:
+    """Delete a file from storage."""
+    return await get_storage().delete(key)
+
+
+async def file_exists_in_storage(key: str) -> bool:
+    """Check if a file exists in storage."""
+    return await get_storage().exists(key)
+
+
+async def get_presigned_upload_url(key: str, expires_in: int = 3600) -> str | None:
+    """Generate a presigned URL for uploading (S3 only)."""
+    return await get_storage().presigned_upload_url(key, expires_in)
+
+
+async def get_presigned_download_url(key: str, expires_in: int = 3600) -> str | None:
+    """Generate a presigned URL for downloading (S3 only)."""
+    return await get_storage().presigned_download_url(key, expires_in)
diff --git a/src/backend/apps/files/speedtest.py b/src/backend/apps/files/speedtest.py
new file mode 100644
index 00000000..a9adef3b
--- /dev/null
+++ b/src/backend/apps/files/speedtest.py
@@ -0,0 +1,73 @@
+"""Speedtest endpoints — optimized for maximum throughput.
+
+These endpoints measure upload/download speed by streaming data
+with minimal overhead. They use pre-allocated random bytes to
+avoid per-request entropy cost.
+"""
+
+import os
+import time
+from typing import Iterator
+
+from django.http import HttpRequest, JsonResponse, StreamingHttpResponse
+from django.views.decorators.http import require_http_methods
+
+# Pre-allocate random bytes in memory — reused across requests.
+_CHUNK_SIZE: int = 256 * 1024  # 256KB — larger chunks = fewer syscalls
+_RANDOM_BYTES: bytes = os.urandom(_CHUNK_SIZE)
+
+# Maximum speedtest transfer size: 100MB
+_MAX_SIZE: int = 100_000_000
+
+
+@require_http_methods(["GET"])
+async def speedtest_download(request: HttpRequest) -> StreamingHttpResponse:
+    """Download speedtest — streams random bytes."""
+    try:
+        size: int = int(request.GET.get("bytes", _MAX_SIZE))
+    except (TypeError, ValueError):
+        size = _MAX_SIZE
+
+    size = max(1, min(size, _MAX_SIZE))
+
+    response: StreamingHttpResponse = StreamingHttpResponse(
+        _iter_download_chunks(size),
+        content_type="application/octet-stream",
+    )
+    response["Content-Length"] = str(size)
+    response["Cache-Control"] = "no-cache, no-store, must-revalidate"
+    response["Pragma"] = "no-cache"
+    response["Expires"] = "0"
+    return response
+
+
+def _iter_download_chunks(size: int) -> Iterator[bytes]:
+    """Yield chunks of random bytes up to *size* total."""
+    remaining: int = size
+    while remaining >= _CHUNK_SIZE:
+        yield _RANDOM_BYTES
+        remaining -= _CHUNK_SIZE
+    if remaining > 0:
+        yield _RANDOM_BYTES[:remaining]
+
+
+@require_http_methods(["POST"])
+async def speedtest_upload(request: HttpRequest) -> JsonResponse:
+    """Upload speedtest — reads and discards the request body."""
+    bytes_received: int = 0
+
+    # Read from the ASGI body for maximum speed
+    body: bytes = request.body
+    if body:
+        bytes_received = len(body)
+
+    return JsonResponse({
+        "bytes_received": bytes_received,
+        "timestamp": time.time(),
+    })
+
+
+@require_http_methods(["GET"])
+async def speedtest_latency(request: HttpRequest) -> JsonResponse:
+    """Latency test — returns server timestamp."""
+    return JsonResponse({"timestamp": time.time()})
diff --git a/src/backend/apps/files/speedtest_urls.py b/src/backend/apps/files/speedtest_urls.py
new file mode 100644
index 00000000..552b4e40
--- /dev/null
+++ b/src/backend/apps/files/speedtest_urls.py
@@ -0,0 +1,9 @@
+from django.urls import path
+
+from .speedtest import speedtest_download, speedtest_upload, speedtest_latency
+
+urlpatterns = [
+    path("download/", speedtest_download, name="speedtest_download"),
+    path("upload/", speedtest_upload, name="speedtest_upload"),
+    path("latency/", speedtest_latency, name="speedtest_latency"),
+]
diff --git a/src/backend/apps/files/tasks.py b/src/backend/apps/files/tasks.py
new file mode 100644
index 00000000..249d50e3
--- /dev/null
+++ b/src/backend/apps/files/tasks.py
@@ -0,0 +1,31 @@
+import logging
+
+from django.tasks import task
+from django.utils import timezone
+
+from apps.files.services import delete_file_from_storage
+from apps.files.models import File
+
+logger = logging.getLogger(__name__)
+
+
+@task
+def delete_expired_files() -> int:
+    """Delete expired files from storage and the database.
+
+    Uses the configured storage backend (local or S3) via services.py,
+    ensuring consistent behavior across environments.
+    """
+    now = timezone.now()
+    expired_files = File.objects.filter(expires_at__lte=now)
+    count = 0
+
+    for file_obj in expired_files:
+        try:
+            delete_file_from_storage(file_obj.key)
+        except Exception as e:
+            logger.error("Failed to delete file %s: %s", file_obj.key, e)
+        file_obj.delete()
+        count += 1
+
+    return count
diff --git a/src/backend/apps/files/urls.py b/src/backend/apps/files/urls.py
new file mode 100644
index 00000000..edd1aac3
--- /dev/null
+++ b/src/backend/apps/files/urls.py
@@ -0,0 +1,10 @@
+from django.urls import path
+
+from .views import download_file, get_file_info
+
+urlpatterns = [
+    # Download by UUID (matches frontend slug = File.id)
+    path("<uuid:file_id>/", download_file, name="download_file"),
+    # File info by UUID (matches frontend slug = File.id)
+    path("info/<uuid:file_id>/", get_file_info, name="get_file_info"),
+]
diff --git a/src/backend/apps/files/validators/__init__.py b/src/backend/apps/files/validators/__init__.py
new file mode 100644
index 00000000..56a4ced9
--- /dev/null
+++ b/src/backend/apps/files/validators/__init__.py
@@ -0,0 +1,9 @@
+from .max_file_size import validate_max_file_size
+from .download_count import validate_download_count
+from .expiry_duration import validate_expiry_duration
+
+__all__ = [
+    "validate_max_file_size",
+    "validate_download_count",
+    "validate_expiry_duration",
+]
diff --git a/src/backend/apps/files/validators/download_count.py b/src/backend/apps/files/validators/download_count.py
new file mode 100644
index 00000000..a803f2f2
--- /dev/null
+++ b/src/backend/apps/files/validators/download_count.py
@@ -0,0 +1,9 @@
+from django.core.exceptions import ValidationError
+
+from apps.config.models import Config
+
+
+def validate_download_count(value: int) -> None:
+    config = Config.load()
+    if config.download_configs and value not in config.download_configs:
+        raise ValidationError("Download count is not in the allowed configurations.")
diff --git a/src/backend/apps/files/validators/expiry_duration.py b/src/backend/apps/files/validators/expiry_duration.py
new file mode 100644
index 00000000..149ad8d7
--- /dev/null
+++ b/src/backend/apps/files/validators/expiry_duration.py
@@ -0,0 +1,9 @@
+from django.core.exceptions import ValidationError
+
+from apps.config.models import Config
+
+
+def validate_expiry_duration(value: int) -> None:
+    config = Config.load()
+    if config.time_configs and value not in config.time_configs:
+        raise ValidationError("Expiry duration is not in the allowed configurations.")
diff --git a/src/backend/apps/files/validators/max_file_size.py b/src/backend/apps/files/validators/max_file_size.py
new file mode 100644
index 00000000..aff6dbec
--- /dev/null
+++ b/src/backend/apps/files/validators/max_file_size.py
@@ -0,0 +1,8 @@
+from django.core.exceptions import ValidationError
+
+from apps.config.models import Config
+
+
+def validate_max_file_size(value: int) -> None:
+    if value > Config.load().max_file_size_limit:
+        raise ValidationError("File size exceeds the maximum allowed size.")
diff --git a/src/backend/apps/files/views.py b/src/backend/apps/files/views.py
new file mode 100644
index 00000000..bff3244b
--- /dev/null
+++ b/src/backend/apps/files/views.py
@@ -0,0 +1,112 @@
+import logging
+import mimetypes
+
+from asgiref.sync import sync_to_async
+from django.db.models import F
+from django.http import Http404, HttpResponse, JsonResponse
+from django.http import StreamingHttpResponse, FileResponse
+from django.utils import timezone
+from django.views.decorators.http import require_http_methods
+
+from apps.files.models import File
+from apps.files.services import get_storage, is_s3_backend, download_file_path
+
+logger = logging.getLogger(__name__)
+
+CHUNK_SIZE = 256 * 1024  # 256KB for faster streaming
+
+
+def _increment_download_count(file_id: str) -> None:
+    """Increment the download count for a file (sync)."""
+    File.objects.filter(id=file_id).update(
+        download_count=F("download_count") + 1
+    )
+
+
+@require_http_methods(["GET"])
+async def download_file(request, file_id):
+    """Stream file download by UUID — GET /files/<uuid>/
+
+    Atomic expiry enforcement:
+    - Uses F() expressions so expiry is evaluated at the database level,
+      preventing race conditions where a file expires between the check
+      and the increment.
+    - Download count is only incremented after the stream completes
+      successfully.
+    """
+    try:
+        file_obj = await File.objects.aget(id=file_id)
+    except File.DoesNotExist:
+        raise Http404("File not found")
+
+    now = timezone.now()
+
+    # Atomic expiry check: reject if already expired by time or download count.
+    # Uses F() expressions so the database evaluates the condition atomically.
+    if not await File.objects.filter(
+        id=file_obj.id,
+        expires_at__gt=now,
+        download_count__lt=F("expire_after_n_download"),
+    ).aexists():
+        return HttpResponse("File expired or download limit reached", status=410)
+
+    content_type, _ = mimetypes.guess_type(file_obj.filename)
+    content_type = content_type or "application/octet-stream"
+
+    if is_s3_backend():
+        # S3: async streaming with download count increment on completion
+        async def _stream():
+            body = await get_storage().download_stream(file_obj.key)
+            try:
+                while True:
+                    chunk = await body.read(CHUNK_SIZE)
+                    if not chunk:
+                        break
+                    yield chunk
+            finally:
+                await body.close()
+
+            # All chunks streamed — increment download count
+            await sync_to_async(_increment_download_count)(file_id)
+
+        response = StreamingHttpResponse(
+            _stream(),
+            content_type=content_type,
+        )
+    else:
+        # Local: FileResponse is memory-efficient and fast
+        file_path = download_file_path(file_obj.key)
+        response = FileResponse(
+            open(file_path, "rb"),
+            content_type=content_type,
+        )
+        # Increment download count after the response is fully sent
+        response.add_post_render_callback(
+            lambda r: _increment_download_count(file_id)
+        )
+
+    response["Content-Disposition"] = (
+        f'attachment; filename="{file_obj.filename}"'
+    )
+    response["Content-Length"] = str(file_obj.size)
+    return response
+
+
+@require_http_methods(["GET"])
+async def get_file_info(request, file_id):
+    """Return file metadata by UUID — GET /files/info/<uuid>/"""
+    try:
+        file_obj = await File.objects.aget(id=file_id)
+    except File.DoesNotExist:
+        raise Http404("File not found")
+
+    return JsonResponse({
+        "id": str(file_obj.id),
+        "key": file_obj.key,
+        "filename": file_obj.filename,
+        "size": file_obj.size,
+        "number_of_files": file_obj.number_of_files,
+        "download_count": file_obj.download_count,
+        "expires_at": file_obj.expires_at.isoformat(),
+        "is_expired": file_obj.is_expired,
+    })
diff --git a/src/backend/apps/graphql/__init__.py b/src/backend/apps/graphql/__init__.py
new file mode 100644
index 00000000..bea83b17
--- /dev/null
+++ b/src/backend/apps/graphql/__init__.py
@@ -0,0 +1,13 @@
+from strawberry.schema.schema import Schema
+
+__all__ = ["schema"]
+
+
+# Lazy import — schema references models, so it can't be imported at
+# module load time (Django apps aren't ready during app_config creation).
+def __getattr__(name) -> Schema:
+    if name == "schema":
+        from .schema import schema as _schema
+
+        return _schema
+    raise AttributeError(f"module {__name__!r} has no attribute {name!r}")
diff --git a/src/backend/apps/graphql/apps.py b/src/backend/apps/graphql/apps.py
new file mode 100644
index 00000000..99b0acb8
--- /dev/null
+++ b/src/backend/apps/graphql/apps.py
@@ -0,0 +1,7 @@
+from django.apps import AppConfig
+
+
+class GraphqlConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "apps.graphql"
+    verbose_name = "GraphQL"
diff --git a/src/backend/apps/graphql/auth.py b/src/backend/apps/graphql/auth.py
new file mode 100644
index 00000000..4bdfcd9e
--- /dev/null
+++ b/src/backend/apps/graphql/auth.py
@@ -0,0 +1,34 @@
+from datetime import UTC, datetime, timedelta
+
+import jwt
+from django.conf import settings
+from django.contrib.auth import get_user_model
+
+
+def get_jwt_tokens(user) -> tuple[str, str]:
+    """Generate access and refresh JWT tokens for a user."""
+    now = datetime.now(UTC)
+
+    access_token = jwt.encode(
+        {"user_id": str(user.id), "exp": now + timedelta(hours=1), "iat": now},
+        settings.SECRET_KEY,
+        algorithm="HS512",
+    )
+
+    refresh_token = jwt.encode(
+        {"user_id": str(user.id), "exp": now + timedelta(days=2), "iat": now},
+        settings.SECRET_KEY,
+        algorithm="HS512",
+    )
+
+    return access_token, refresh_token
+
+
+def get_user_from_jwt_token(token_string: str):
+    """Resolve a user from a JWT token string."""
+    try:
+        payload = jwt.decode(token_string, settings.SECRET_KEY, algorithms=["HS512"])
+        User = get_user_model()
+        return User.objects.get(id=payload["user_id"])
+    except (jwt.PyJWTError, User.DoesNotExist):
+        return None
diff --git a/src/backend/apps/graphql/consumers.py b/src/backend/apps/graphql/consumers.py
new file mode 100644
index 00000000..4459b661
--- /dev/null
+++ b/src/backend/apps/graphql/consumers.py
@@ -0,0 +1,102 @@
+import logging
+
+import strawberry
+from asgiref.sync import sync_to_async
+from channels.generic.websocket import AsyncJsonWebsocketConsumer
+from django.db.models import Sum
+from django.utils import timezone
+
+from apps.config.models import Config
+from apps.files.models import File
+
+logger = logging.getLogger(__name__)
+
+STATE_GROUP = "app_state"
+
+
+@strawberry.type
+class ActiveUpload:
+    upload_key: str
+    filename: str
+    uploaded_bytes: int
+    done: bool
+
+
+@strawberry.type
+class AppStateType:
+    total_space_used: int
+    total_available_space: int | None
+    active_uploads: list[ActiveUpload]
+
+
+class StateConsumer(AsyncJsonWebsocketConsumer):
+    """Broadcasts app state (storage usage, active uploads) to all connected clients.
+
+    Every client connecting to ws/state joins the STATE_GROUP.
+    The server pushes state snapshots whenever storage changes.
+    Works in single-process mode (in-memory layer) and behind a cluster (Redis).
+    """
+
+    async def connect(self):
+        await self.accept()
+        # Send initial state immediately
+        state = await _compute_state_standalone()
+        await self.send_json(state)
+        # Then join the group for future broadcasts
+        await self.channel_layer.group_add(STATE_GROUP, self.channel_name)
+
+    async def disconnect(self, close_code):
+        await self.channel_layer.group_discard(STATE_GROUP, self.channel_name)
+
+    async def receive_json(self, content):
+        # State is server-pushed only; no client messages expected
+        pass
+
+    async def state_update(self, event):
+        """Handler called when a state_update message arrives on the group."""
+        await self.send_json(event["data"])
+
+    async def _broadcast_state(self):
+        """Push current state to all connected clients."""
+        state = await _compute_state_standalone()
+        await self.channel_layer.group_send(
+            STATE_GROUP,
+            {"type": "state_update", "data": state},
+        )
+
+
+async def broadcast_state():
+    """Call this after any storage change to push a state update to all clients.
+
+    Usage:
+        await broadcast_state()
+    """
+    from channels.layers import get_channel_layer
+
+    layer = get_channel_layer()
+    state = await _compute_state_standalone()
+    await layer.group_send(
+        STATE_GROUP,
+        {"type": "state_update", "data": state},
+    )
+
+
+async def _compute_state_standalone() -> dict:
+    """Compute the current app state snapshot (standalone — no consumer needed)."""
+    def _query():
+        used = File.objects.filter(expires_at__gt=timezone.now()).aggregate(
+            total=Sum("size")
+        )["total"] or 0
+        try:
+            config = Config.load()
+            storage_limit = config.total_storage_limit
+        except Config.DoesNotExist:
+            storage_limit = None
+        remaining = (storage_limit - used) if storage_limit is not None else None
+        return {
+            "total_space_used": used,
+            "total_available_space": remaining,
+            "active_uploads": [],
+        }
+
+    return await sync_to_async(_query)()
diff --git a/src/backend/apps/graphql/middleware.py b/src/backend/apps/graphql/middleware.py
new file mode 100644
index 00000000..3fcf0aa0
--- /dev/null
+++ b/src/backend/apps/graphql/middleware.py
@@ -0,0 +1,27 @@
+import re
+
+from .auth import get_user_from_jwt_token
+
+
+class GraphQLJwtMiddleware:
+    """Resolve JWT tokens for GraphQL requests only."""
+
+    def __init__(self, get_response) -> None:
+        self.get_response = get_response
+
+    def __call__(self, request):
+        return self.get_response(request)
+
+    def process_view(self, request, view_func, view_args, view_kwargs) -> None:
+        if not request.path_info.startswith("/graphql"):
+            return None
+
+        auth_header = request.META.get("HTTP_AUTHORIZATION", "")
+        match = re.search(r"Bearer\s+(?P<token>\S+)", auth_header)
+        if not match:
+            return None
+
+        token_string = match.group("token")
+        user = get_user_from_jwt_token(token_string)
+        if user:
+            request.user = user
diff --git a/src/backend/apps/graphql/mutations/__init__.py b/src/backend/apps/graphql/mutations/__init__.py
new file mode 100644
index 00000000..f70bb008
--- /dev/null
+++ b/src/backend/apps/graphql/mutations/__init__.py
@@ -0,0 +1,6 @@
+from .auth import AuthMutation
+from .config import ConfigMutation
+from .file import FileMutation
+from .user import UserMutation
+
+__all__ = ["AuthMutation", "ConfigMutation", "FileMutation", "UserMutation"]
diff --git a/src/backend/apps/graphql/mutations/auth.py b/src/backend/apps/graphql/mutations/auth.py
new file mode 100644
index 00000000..14b476b3
--- /dev/null
+++ b/src/backend/apps/graphql/mutations/auth.py
@@ -0,0 +1,55 @@
+import strawberry
+from asgiref.sync import sync_to_async
+from django.contrib.auth import authenticate, get_user_model
+
+from apps.config.models import Config
+from apps.graphql.auth import get_jwt_tokens
+from apps.graphql.types import OnboardingPOSTOut, TokenResponse
+
+
+@strawberry.type
+class AuthMutation:
+    @strawberry.mutation
+    async def login(self, username: str, password: str) -> TokenResponse:
+        user = await sync_to_async(authenticate)(username=username, password=password)
+        if not user:
+            raise ValueError("Invalid credentials")
+        access, refresh = get_jwt_tokens(user)
+        return TokenResponse(access=access, refresh=refresh)
+
+    @strawberry.mutation
+    async def complete_onboarding(
+        self,
+        username: str,
+        email: str,
+        password: str,
+        site_description: str,
+    ) -> OnboardingPOSTOut:
+        User = get_user_model()
+        user = await sync_to_async(User.objects.create_superuser)(
+            username=username,
+            email=email,
+            password=password,
+        )
+        await sync_to_async(Config.objects.update_or_create)(
+            pk=1,
+            defaults={
+                "site_description": site_description,
+                "total_storage_limit": 10737418240,
+                "max_file_size_limit": 1073741824,
+                "default_expiry": 86400,
+                "default_number_of_downloads": 10,
+                "allow_uploads": True,
+            },
+        )
+        access, refresh = get_jwt_tokens(user)
+        return OnboardingPOSTOut(
+            access=access,
+            refresh=refresh,
+            onboarded=True,
+        )
+
+    @strawberry.mutation
+    def logout(self) -> bool:
+        # Client-side token cleanup. Server-side JWT is stateless.
+        return True
diff --git a/src/backend/apps/graphql/mutations/config.py b/src/backend/apps/graphql/mutations/config.py
new file mode 100644
index 00000000..c71b710c
--- /dev/null
+++ b/src/backend/apps/graphql/mutations/config.py
@@ -0,0 +1,34 @@
+import strawberry
+from asgiref.sync import sync_to_async
+
+from apps.config.models import Config
+from apps.graphql.types import ConfigType
+
+
+@strawberry.type
+class ConfigMutation:
+    @strawberry.mutation
+    async def update_config(
+        self,
+        total_storage_limit: int | None = None,
+        max_file_size_limit: int | None = None,
+        default_expiry: int | None = None,
+        default_number_of_downloads: int | None = None,
+        site_description: str | None = None,
+        allow_uploads: bool | None = None,
+    ) -> ConfigType:
+        config = await sync_to_async(Config.objects.get_or_create)(pk=1)[0]
+        if total_storage_limit is not None:
+            config.total_storage_limit = total_storage_limit
+        if max_file_size_limit is not None:
+            config.max_file_size_limit = max_file_size_limit
+        if default_expiry is not None:
+            config.default_expiry = default_expiry
+        if default_number_of_downloads is not None:
+            config.default_number_of_downloads = default_number_of_downloads
+        if site_description is not None:
+            config.site_description = site_description
+        if allow_uploads is not None:
+            config.allow_uploads = allow_uploads
+        await sync_to_async(config.save)()
+        return config
diff --git a/src/backend/apps/graphql/mutations/file.py b/src/backend/apps/graphql/mutations/file.py
new file mode 100644
index 00000000..814bde96
--- /dev/null
+++ b/src/backend/apps/graphql/mutations/file.py
@@ -0,0 +1,77 @@
+import strawberry
+from asgiref.sync import sync_to_async
+from strawberry.file_uploads import Upload
+from uuid import uuid4
+from django.utils import timezone
+
+from apps.config.models import Config
+from apps.files.models import File
+from apps.files.services import (
+    delete_file_from_storage,
+    upload_file_data,
+    get_presigned_download_url,
+)
+from apps.graphql.consumers import broadcast_state
+from apps.graphql.types import FileType
+
+
+@strawberry.type
+class FileMutation:
+    @strawberry.mutation
+    async def upload_file(
+        self,
+        filename: str,
+        file: Upload,
+        expires_at: int,
+        expire_after_n_download: int,
+        number_of_files: int | None = None,
+    ) -> FileType:
+        config = await sync_to_async(Config.load)()
+
+        # Check if uploads are allowed
+        if not config.allow_uploads:
+            raise ValueError("File uploads are currently disabled.")
+
+        # Read file data and validate size
+        file_data = await file.read()
+        file_size = len(file_data)
+
+        if file_size > config.max_file_size_limit:
+            raise ValueError(
+                f"File size {file_size} exceeds the maximum allowed size "
+                f"{config.max_file_size_limit}."
+            )
+
+        if expires_at > config.default_expiry:
+            raise ValueError(
+                f"Expiry duration {expires_at}s exceeds the maximum allowed "
+                f"{config.default_expiry}s."
+            )
+
+        key = str(uuid4())
+        await upload_file_data(key=key, data=file_data)
+        file_obj = await sync_to_async(File.objects.create)(
+            key=key,
+            filename=filename,
+            size=file_size,
+            expires_at=timezone.now() + timezone.timedelta(seconds=expires_at),
+            expire_after_n_download=expire_after_n_download,
+            number_of_files=number_of_files,
+        )
+        await broadcast_state()
+        return file_obj
+
+async def delete_file(self, file_id: strawberry.ID) -> bool:
+    try:
+        file_obj = await sync_to_async(File.objects.get)(id=file_id)
+        await delete_file_from_storage(file_obj.key)
+        await sync_to_async(file_obj.delete)()
+        await broadcast_state()
+        return True
+    except File.DoesNotExist:
+        return False
+
+    @strawberry.mutation
+    async def download_file_stream(self, file_key: str) -> str:
+        """Return a presigned URL for direct binary download from S3."""
+        return await get_presigned_download_url(file_key)
diff --git a/src/backend/apps/graphql/mutations/user.py b/src/backend/apps/graphql/mutations/user.py
new file mode 100644
index 00000000..ce075d25
--- /dev/null
+++ b/src/backend/apps/graphql/mutations/user.py
@@ -0,0 +1,54 @@
+import strawberry
+from asgiref.sync import sync_to_async
+from django.contrib.auth import get_user_model
+
+from apps.graphql.types import UserType
+
+
+@strawberry.type
+class UserMutation:
+    @strawberry.mutation
+    async def create_user(
+        self,
+        username: str,
+        password: str,
+        email: str | None = None,
+    ) -> UserType:
+        User = get_user_model()
+        return await sync_to_async(User.objects.create_user)(
+            username=username,
+            email=email or "",
+            password=password,
+        )
+
+    @strawberry.mutation
+    async def update_user(
+        self,
+        user_id: strawberry.ID,
+        username: str | None = None,
+        email: str | None = None,
+        is_staff: bool | None = None,
+        is_active: bool | None = None,
+    ) -> UserType:
+        User = get_user_model()
+        user = await sync_to_async(User.objects.get)(id=user_id)
+        if username is not None:
+            user.username = username
+        if email is not None:
+            user.email = email
+        if is_staff is not None:
+            user.is_staff = is_staff
+        if is_active is not None:
+            user.is_active = is_active
+        await sync_to_async(user.save)()
+        return user
+
+    @strawberry.mutation
+    async def delete_user(self, user_id: strawberry.ID) -> bool:
+        User = get_user_model()
+        try:
+            user = await sync_to_async(User.objects.get)(id=user_id)
+            await sync_to_async(user.delete)()
+            return True
+        except User.DoesNotExist:
+            return False
diff --git a/src/backend/apps/graphql/queries/__init__.py b/src/backend/apps/graphql/queries/__init__.py
new file mode 100644
index 00000000..51280a70
--- /dev/null
+++ b/src/backend/apps/graphql/queries/__init__.py
@@ -0,0 +1,13 @@
+from .config import ConfigQuery
+from .file import FileQuery
+from .instance import InstanceQuery
+from .onboarding import OnboardingQuery
+from .user import UserQuery
+
+__all__ = [
+    "ConfigQuery",
+    "FileQuery",
+    "InstanceQuery",
+    "OnboardingQuery",
+    "UserQuery",
+]
diff --git a/src/backend/apps/graphql/queries/config.py b/src/backend/apps/graphql/queries/config.py
new file mode 100644
index 00000000..ebbde998
--- /dev/null
+++ b/src/backend/apps/graphql/queries/config.py
@@ -0,0 +1,12 @@
+import strawberry
+from asgiref.sync import sync_to_async
+
+from apps.config.models import Config
+from apps.graphql.types import ConfigType
+
+
+@strawberry.type
+class ConfigQuery:
+    @strawberry.field
+    async def config(self) -> ConfigType:
+        return await sync_to_async(Config.load)()
diff --git a/src/backend/apps/graphql/queries/file.py b/src/backend/apps/graphql/queries/file.py
new file mode 100644
index 00000000..5b06cf86
--- /dev/null
+++ b/src/backend/apps/graphql/queries/file.py
@@ -0,0 +1,82 @@
+import strawberry
+from asgiref.sync import sync_to_async
+from django.core.paginator import Paginator
+from django.db.models import Sum, Count, Q
+from django.utils import timezone
+
+from apps.files.models import File
+from apps.graphql.types import FileType, PaginatedFiles, InstanceStatisticsType
+
+
+@strawberry.type
+class FileQuery:
+    # ── Files ──
+    @strawberry.field
+    async def files(self) -> list[FileType]:
+        return await sync_to_async(list)(File.objects.all())
+
+    @strawberry.field
+    async def file_info(self, key: str) -> FileType | None:
+        """Look up a file by its ID (UUID) or S3 key."""
+        from uuid import UUID
+
+        try:
+            file_id = UUID(key)
+            return await sync_to_async(File.objects.get)(id=file_id)
+        except (File.DoesNotExist, ValueError):
+            pass
+
+        try:
+            return await sync_to_async(File.objects.get)(key=key)
+        except File.DoesNotExist:
+            return None
+
+    # ── Admin Files (paginated) ──
+    @strawberry.field
+    async def admin_files(
+        self,
+        page: int = 1,
+        size: int = 10,
+        search: str | None = None,
+    ) -> PaginatedFiles:
+        qs = File.objects.all().order_by("-created_at")
+        if search:
+            qs = qs.filter(filename__icontains=search)
+
+        def _paginate():
+            paginator = Paginator(qs, size)
+            page_obj = paginator.get_page(page)
+            return PaginatedFiles(
+                items=list(page_obj),
+                total=paginator.count,
+                page=page,
+                size=size,
+                pages=paginator.num_pages,
+            )
+
+        return await sync_to_async(_paginate)()
+
+    # ── Instance Statistics ──
+    @strawberry.field
+    async def instance_statistics(self) -> InstanceStatisticsType:
+        from django.contrib.auth import get_user_model
+
+        now = timezone.now()
+        User = get_user_model()
+
+        def get_stats():
+            stats = File.objects.aggregate(
+                total_files=Count("pk"),
+                active_files=Count("pk", filter=Q(expires_at__gt=now)),
+                expired_files=Count("pk", filter=Q(expires_at__lte=now)),
+                total_storage_used=Sum("size"),
+            )
+            return InstanceStatisticsType(
+                total_files=stats["total_files"] or 0,
+                active_files=stats["active_files"] or 0,
+                expired_files=stats["expired_files"] or 0,
+                total_storage_used=stats["total_storage_used"] or 0,
+                total_users=User.objects.count(),
+            )
+
+        return await sync_to_async(get_stats)()
diff --git a/src/backend/apps/graphql/queries/instance.py b/src/backend/apps/graphql/queries/instance.py
new file mode 100644
index 00000000..76ada57f
--- /dev/null
+++ b/src/backend/apps/graphql/queries/instance.py
@@ -0,0 +1,16 @@
+import platform
+import sys
+import strawberry
+
+from apps.graphql.types import InstanceInfoType
+
+
+@strawberry.type
+class InstanceQuery:
+    @strawberry.field
+    async def instance_information(self) -> InstanceInfoType:
+        return InstanceInfoType(
+            backend_version="0.1.0",
+            python_version=sys.version,
+            platform=platform.system(),
+        )
diff --git a/src/backend/apps/graphql/queries/onboarding.py b/src/backend/apps/graphql/queries/onboarding.py
new file mode 100644
index 00000000..f74d63c8
--- /dev/null
+++ b/src/backend/apps/graphql/queries/onboarding.py
@@ -0,0 +1,22 @@
+import strawberry
+from asgiref.sync import sync_to_async
+from django.contrib.auth import get_user_model
+
+from apps.config.models import Config
+from apps.graphql.types import OnboardingType
+
+
+@strawberry.type
+class OnboardingQuery:
+    @strawberry.field
+    async def onboarding(self) -> OnboardingType:
+        User = get_user_model()
+        try:
+            await sync_to_async(Config.load)()
+            is_configured = True
+        except Config.DoesNotExist:
+            is_configured = False
+        return OnboardingType(
+            is_configured=is_configured,
+            has_users=await sync_to_async(User.objects.exists)(),
+        )
diff --git a/src/backend/apps/graphql/queries/user.py b/src/backend/apps/graphql/queries/user.py
new file mode 100644
index 00000000..c1f46191
--- /dev/null
+++ b/src/backend/apps/graphql/queries/user.py
@@ -0,0 +1,20 @@
+import strawberry
+from asgiref.sync import sync_to_async
+from django.contrib.auth import get_user_model
+from strawberry.types import Info
+
+from apps.graphql.types import UserType
+
+
+@strawberry.type
+class UserQuery:
+    # ── Users ──
+    @strawberry.field
+    async def users(self) -> list[UserType]:
+        User = get_user_model()
+        return await sync_to_async(list)(User.objects.all())
+
+    @strawberry.field
+    async def me(self, info: Info) -> UserType | None:
+        user = info.context.request.user
+        return user if user and user.is_authenticated else None
diff --git a/src/backend/apps/graphql/schema.py b/src/backend/apps/graphql/schema.py
new file mode 100644
index 00000000..9b1eb4de
--- /dev/null
+++ b/src/backend/apps/graphql/schema.py
@@ -0,0 +1,55 @@
+import strawberry
+from django.core.files.uploadedfile import UploadedFile
+from strawberry.file_uploads import UploadDefinition
+from strawberry.schema.config import StrawberryConfig
+
+from apps.graphql.mutations import (
+    AuthMutation,
+    ConfigMutation,
+    FileMutation,
+    UserMutation,
+)
+from apps.graphql.queries import (
+    ConfigQuery,
+    FileQuery,
+    InstanceQuery,
+    OnboardingQuery,
+    UserQuery,
+)
+from apps.graphql.subscriptions import Subscription
+
+# Enable experimental defer/stream for incremental delivery
+strawberry_config = StrawberryConfig(
+    auto_camel_case=True,
+    enable_experimental_incremental_execution=True,
+)
+
+
+@strawberry.type
+class Query(
+    ConfigQuery,
+    FileQuery,
+    InstanceQuery,
+    OnboardingQuery,
+    UserQuery,
+):
+    pass
+
+
+@strawberry.type
+class Mutation(
+    AuthMutation,
+    ConfigMutation,
+    FileMutation,
+    UserMutation,
+):
+    pass
+
+
+schema = strawberry.Schema(
+    query=Query,
+    mutation=Mutation,
+    subscription=Subscription,
+    config=strawberry_config,
+    scalar_overrides={UploadedFile: UploadDefinition},
+)
diff --git a/src/backend/apps/graphql/subscriptions.py b/src/backend/apps/graphql/subscriptions.py
new file mode 100644
index 00000000..63f07e0a
--- /dev/null
+++ b/src/backend/apps/graphql/subscriptions.py
@@ -0,0 +1,26 @@
+import strawberry
+
+from apps.graphql.consumers import AppStateType, _compute_state_standalone
+
+
+@strawberry.type
+class Subscription:
+    @strawberry.subscription
+    async def remaining_storage(self) -> AppStateType:
+        """Stream app-state snapshots (storage usage + active uploads).
+
+        Polls the DB periodically to emit fresh state.
+        The WebSocket StateConsumer on ws:/ws/state provides the same data
+        via channels groups — both paths share _compute_state_standalone()
+        so the system works identically in single-process and cluster modes.
+        """
+        # Emit an initial snapshot immediately
+        state = await _compute_state_standalone()
+        yield AppStateType(**state)
+
+        # Keep the subscription alive and push updates periodically.
+        # Strawberry's subscription transport handles the WebSocket lifecycle.
+        while True:
+            await asyncio.sleep(5)
+            state = await _compute_state_standalone()
+            yield AppStateType(**state)
diff --git a/src/backend/apps/graphql/types/__init__.py b/src/backend/apps/graphql/types/__init__.py
new file mode 100644
index 00000000..1fbfba25
--- /dev/null
+++ b/src/backend/apps/graphql/types/__init__.py
@@ -0,0 +1,23 @@
+from .common_types import (
+    InstanceInfoType,
+    InstanceStatisticsType,
+    OnboardingPOSTOut,
+    OnboardingType,
+    TokenResponse,
+)
+from .config_types import ConfigType
+from .file_types import FileChunk, FileType, PaginatedFiles
+from .user_types import UserType
+
+__all__ = [
+    "ConfigType",
+    "FileChunk",
+    "FileType",
+    "InstanceInfoType",
+    "InstanceStatisticsType",
+    "OnboardingPOSTOut",
+    "OnboardingType",
+    "PaginatedFiles",
+    "TokenResponse",
+    "UserType",
+]
diff --git a/src/backend/apps/graphql/types/common_types.py b/src/backend/apps/graphql/types/common_types.py
new file mode 100644
index 00000000..eaad24c0
--- /dev/null
+++ b/src/backend/apps/graphql/types/common_types.py
@@ -0,0 +1,38 @@
+import strawberry
+
+from apps.graphql.types.scalars import BigInt
+
+
+@strawberry.type
+class TokenResponse:
+    access: str
+    refresh: str
+
+
+@strawberry.type
+class OnboardingType:
+    is_configured: bool
+    has_users: bool
+
+
+@strawberry.type
+class InstanceInfoType:
+    backend_version: str
+    python_version: str
+    platform: str
+
+
+@strawberry.type
+class InstanceStatisticsType:
+    total_files: int
+    active_files: int
+    expired_files: int
+    total_storage_used: BigInt
+    total_users: int
+
+
+@strawberry.type
+class OnboardingPOSTOut:
+    access: str
+    refresh: str
+    onboarded: bool
\ No newline at end of file
diff --git a/src/backend/apps/graphql/types/config_types.py b/src/backend/apps/graphql/types/config_types.py
new file mode 100644
index 00000000..59f99c37
--- /dev/null
+++ b/src/backend/apps/graphql/types/config_types.py
@@ -0,0 +1,18 @@
+from strawberry_django import type
+
+from apps.config.models import Config
+from apps.graphql.types.scalars import BigInt
+
+
+@type(model=Config)
+class ConfigType:
+    total_storage_limit: BigInt
+    max_file_size_limit: BigInt
+    default_expiry: int
+    default_number_of_downloads: int
+    site_description: str
+    download_configs: list[int]
+    time_configs: list[int]
+    allowed_file_types: list[str]
+    banned_file_types: list[str]
+    allow_uploads: bool
diff --git a/src/backend/apps/graphql/types/file_types.py b/src/backend/apps/graphql/types/file_types.py
new file mode 100644
index 00000000..914dc98b
--- /dev/null
+++ b/src/backend/apps/graphql/types/file_types.py
@@ -0,0 +1,38 @@
+from datetime import datetime
+
+import strawberry
+from strawberry_django import type
+
+from apps.files.models import File
+from apps.graphql.types.scalars import BigInt
+
+
+@type(model=File)
+class FileType:
+    id: strawberry.ID
+    key: str
+    filename: str
+    size: BigInt
+    number_of_files: int | None
+    download_count: int
+    created_at: datetime
+    expires_at: datetime
+    expire_after_n_download: int
+    is_expired: bool
+
+
+@strawberry.type
+class FileChunk:
+    """A raw binary chunk for streaming downloads."""
+    data: bytes
+    index: int
+    is_last: bool
+
+
+@strawberry.type
+class PaginatedFiles:
+    items: list[FileType]
+    total: int
+    page: int
+    size: int
+    pages: int
\ No newline at end of file
diff --git a/src/backend/apps/graphql/types/scalars.py b/src/backend/apps/graphql/types/scalars.py
new file mode 100644
index 00000000..546bcd55
--- /dev/null
+++ b/src/backend/apps/graphql/types/scalars.py
@@ -0,0 +1,8 @@
+import strawberry
+
+BigInt = strawberry.scalar(
+    int,
+    description="Arbitrarily large integer",
+    serialize=lambda v: int(v),
+    parse_value=lambda v: int(v),
+)
diff --git a/src/backend/apps/graphql/types/user_types.py b/src/backend/apps/graphql/types/user_types.py
new file mode 100644
index 00000000..275924c5
--- /dev/null
+++ b/src/backend/apps/graphql/types/user_types.py
@@ -0,0 +1,14 @@
+from datetime import datetime
+
+import strawberry
+from strawberry_django import type
+
+from apps.users.models import User
+
+
+@type(model=User)
+class UserType:
+    id: strawberry.ID
+    username: str
+    email: str | None
+    created_at: datetime
diff --git a/src/backend/apps/graphql/urls.py b/src/backend/apps/graphql/urls.py
new file mode 100644
index 00000000..2eee60d7
--- /dev/null
+++ b/src/backend/apps/graphql/urls.py
@@ -0,0 +1,18 @@
+from django.urls import path
+from django.views.decorators.csrf import csrf_exempt
+
+from strawberry.django.views import AsyncGraphQLView
+
+from .schema import schema
+
+# csrf_exempt wraps the WSGI view callable returned by as_view()
+graphql_view = csrf_exempt(
+    AsyncGraphQLView.as_view(
+        schema=schema,
+        multipart_uploads_enabled=True,
+    )
+)
+
+urlpatterns = [
+    path("", graphql_view, name="graphql"),
+]
diff --git a/src/backend/apps/users/__init__.py b/src/backend/apps/users/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/src/backend/apps/users/admin.py b/src/backend/apps/users/admin.py
new file mode 100644
index 00000000..b7615d06
--- /dev/null
+++ b/src/backend/apps/users/admin.py
@@ -0,0 +1,27 @@
+from django.contrib import admin
+from django.contrib.auth.admin import UserAdmin
+
+from .models import User
+
+
+@admin.register(User)
+class UserAdminClass(UserAdmin):
+    list_display = ("username", "email", "is_staff", "is_superuser", "created_at")
+    list_filter = ("is_staff", "is_superuser", "is_active")
+    search_fields = ("username", "email")
+    ordering = ("-created_at",)
+
+    fieldsets = (
+        (None, {"fields": ("username", "email", "password")}),
+        ("Permissions", {"fields": ("is_staff", "is_superuser", "is_active")}),
+    )
+
+    add_fieldsets = (
+        (
+            None,
+            {
+                "classes": ("wide",),
+                "fields": ("username", "email", "password1", "password2"),
+            },
+        ),
+    )
diff --git a/src/backend/apps/users/apps.py b/src/backend/apps/users/apps.py
new file mode 100644
index 00000000..8858c89b
--- /dev/null
+++ b/src/backend/apps/users/apps.py
@@ -0,0 +1,7 @@
+from django.apps import AppConfig
+
+
+class UsersConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "apps.users"
+    verbose_name = "Users"
diff --git a/src/backend/apps/users/manager.py b/src/backend/apps/users/manager.py
new file mode 100644
index 00000000..4a5750ed
--- /dev/null
+++ b/src/backend/apps/users/manager.py
@@ -0,0 +1,18 @@
+from django.contrib.auth.models import BaseUserManager
+
+
+class UserManager(BaseUserManager):
+    """Manager for creating users and superusers."""
+
+    def create_user(self, username, password=None, email=None, **extra_fields):
+        if not username:
+            raise ValueError("Username is required")
+        user = self.model(username=username, email=email, **extra_fields)
+        user.set_password(password)
+        user.save()
+        return user
+
+    def create_superuser(self, username, password=None, email=None, **extra_fields):
+        extra_fields.setdefault("is_superuser", True)
+        extra_fields.setdefault("is_staff", True)
+        return self.create_user(username, password, email, **extra_fields)
diff --git a/src/backend/apps/users/migrations/0001_initial.py b/src/backend/apps/users/migrations/0001_initial.py
new file mode 100644
index 00000000..11589f58
--- /dev/null
+++ b/src/backend/apps/users/migrations/0001_initial.py
@@ -0,0 +1,35 @@
+# Generated by Django 6.0.5 on 2026-07-20 17:56
+
+import uuid
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ('auth', '0012_alter_user_first_name_max_length'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='User',
+            fields=[
+                ('password', models.CharField(max_length=128, verbose_name='password')),
+                ('last_login', models.DateTimeField(blank=True, null=True, verbose_name='last login')),
+                ('is_superuser', models.BooleanField(default=False, help_text='Designates that this user has all permissions without explicitly assigning them.', verbose_name='superuser status')),
+                ('created_at', models.DateTimeField(auto_now_add=True, verbose_name='Created At')),
+                ('id', models.UUIDField(default=uuid.uuid4, editable=False, primary_key=True, serialize=False)),
+                ('username', models.CharField(db_index=True, max_length=150, unique=True)),
+                ('email', models.EmailField(blank=True, db_index=True, max_length=254, null=True, unique=True)),
+                ('is_staff', models.BooleanField(default=False)),
+                ('is_active', models.BooleanField(default=True)),
+                ('groups', models.ManyToManyField(blank=True, help_text='The groups this user belongs to. A user will get all permissions granted to each of their groups.', related_name='user_set', related_query_name='user', to='auth.group', verbose_name='groups')),
+                ('user_permissions', models.ManyToManyField(blank=True, help_text='Specific permissions for this user.', related_name='user_set', related_query_name='user', to='auth.permission', verbose_name='user permissions')),
+            ],
+            options={
+                'ordering': ['-id'],
+            },
+        ),
+    ]
diff --git a/src/backend/apps/users/migrations/__init__.py b/src/backend/apps/users/migrations/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/src/backend/apps/users/models.py b/src/backend/apps/users/models.py
new file mode 100644
index 00000000..7f19a3fe
--- /dev/null
+++ b/src/backend/apps/users/models.py
@@ -0,0 +1,26 @@
+from django.contrib.auth.models import AbstractBaseUser, PermissionsMixin
+from django.db import models
+
+from mixins.models.fields import CreatedAtMixin, UUIDPrimaryKeyMixin
+
+from .manager import UserManager
+
+
+class User(UUIDPrimaryKeyMixin, CreatedAtMixin, AbstractBaseUser, PermissionsMixin):
+    """Custom user model replacing Django's default."""
+
+    username = models.CharField(max_length=150, unique=True, db_index=True)
+    email = models.EmailField(null=True, blank=True, unique=True, db_index=True)
+    is_staff = models.BooleanField(default=False)
+    is_active = models.BooleanField(default=True)
+
+    USERNAME_FIELD = "username"
+    REQUIRED_FIELDS = []
+
+    objects = UserManager()
+
+    def __str__(self) -> str:
+        return self.username
+
+    class Meta:
+        ordering = ["-id"]
diff --git a/src/backend/build/inject_version.py b/src/backend/build/inject_version.py
deleted file mode 100644
index 0596a76f..00000000
--- a/src/backend/build/inject_version.py
+++ /dev/null
@@ -1,55 +0,0 @@
-import json
-import os
-import subprocess
-from pathlib import Path
-
-
-def git(cmd: str) -> str | None:
-    """Run a git command and return its output, or None on failure."""
-    try:
-        result = subprocess.run(
-            cmd,
-            shell=True,
-            stdout=subprocess.PIPE,
-            stderr=subprocess.DEVNULL,
-            check=True,
-        )
-        return result.stdout.decode().strip()
-    except Exception:
-        return None
-
-
-# Resolve paths (equivalent to __dirname logic)
-current_dir = Path(__file__).resolve().parent
-out_path = current_dir.parent / "build-info.json"
-
-# Get commit hash
-commit = git("git rev-parse --short HEAD") or "unknown"
-
-# GitHub environment variables
-gh_ref_name = os.getenv("GITHUB_REF_NAME")
-gh_ref_type = os.getenv("GITHUB_REF_TYPE")
-
-# Determine version
-if gh_ref_type == "tag":
-    version = gh_ref_name or "unknown"
-else:
-    last_tag = git("git describe --tags --abbrev=0")
-    if last_tag:
-        version = f"{last_tag}-{commit}"
-    else:
-        version = f"v0.0.0-{commit}"
-
-# Build data
-build_data = {
-    "version": version,
-    "commit": commit,
-    "is_release": gh_ref_type == "tag",
-}
-
-# Write JSON
-with open(out_path, "w", encoding="utf-8") as f:
-    json.dump(build_data, f, indent=2)
-
-print(f"Build info JSON created at: {out_path}")
-print(f"Injected version: {version}, commit: {commit}")
diff --git a/src/backend/core/__init__.py b/src/backend/core/__init__.py
new file mode 100644
index 00000000..c387a739
--- /dev/null
+++ b/src/backend/core/__init__.py
@@ -0,0 +1 @@
+# Django app initialization
diff --git a/src/backend/core/asgi.py b/src/backend/core/asgi.py
new file mode 100644
index 00000000..0173a5f1
--- /dev/null
+++ b/src/backend/core/asgi.py
@@ -0,0 +1,19 @@
+import os
+
+import django
+from channels.routing import ProtocolTypeRouter
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "core.settings")
+
+# Initialize Django so apps are loaded before importing routing
+django.setup()
+
+from core.routing import websocket_application  # noqa: E402
+
+application = ProtocolTypeRouter(
+    {
+        "http": get_asgi_application(),
+        "websocket": websocket_application,
+    }
+)
diff --git a/src/backend/core/celery.py b/src/backend/core/celery.py
new file mode 100644
index 00000000..ce0d4277
--- /dev/null
+++ b/src/backend/core/celery.py
@@ -0,0 +1,3 @@
+import os
+
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "core.settings")
diff --git a/src/backend/core/middleware.py b/src/backend/core/middleware.py
new file mode 100644
index 00000000..16a7994b
--- /dev/null
+++ b/src/backend/core/middleware.py
@@ -0,0 +1,27 @@
+import re
+
+from apps.graphql.auth import get_user_from_jwt_token
+
+
+class GraphQLJwtMiddleware:
+    """Resolve JWT tokens for GraphQL requests only."""
+
+    def __init__(self, get_response) -> None:
+        self.get_response = get_response
+
+    def __call__(self, request):
+        return self.get_response(request)
+
+    def process_view(self, request, view_func, view_args, view_kwargs) -> None:
+        if not request.path_info.startswith("/graphql"):
+            return None
+
+        auth_header = request.META.get("HTTP_AUTHORIZATION", "")
+        match = re.search(r"Bearer\s+(?P<token>\S+)", auth_header)
+        if not match:
+            return None
+
+        token_string = match.group("token")
+        user = get_user_from_jwt_token(token_string)
+        if user:
+            request.user = user
diff --git a/src/backend/core/routing.py b/src/backend/core/routing.py
new file mode 100644
index 00000000..36b6b225
--- /dev/null
+++ b/src/backend/core/routing.py
@@ -0,0 +1,12 @@
+from channels.routing import URLRouter
+from django.urls import re_path
+
+from apps.graphql.consumers import StateConsumer
+from apps.files.reverse_consumers import ReverseRoomConsumer
+
+websocket_application = URLRouter(
+    [
+        re_path(r"^ws/state$", StateConsumer.as_asgi()),
+        re_path(r"^ws/reverse/rooms/(?P<room_id>[^/]+)$", ReverseRoomConsumer.as_asgi()),
+    ]
+)
diff --git a/src/backend/core/settings.py b/src/backend/core/settings.py
new file mode 100644
index 00000000..72de6fd6
--- /dev/null
+++ b/src/backend/core/settings.py
@@ -0,0 +1,172 @@
+import os
+from pathlib import Path
+
+import dj_database_url
+from dotenv import load_dotenv
+
+load_dotenv()
+
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+SECRET_KEY = os.environ.get(
+    "SECRET_KEY", "django-insecure-change-this-in-production-please"
+)
+DEBUG = os.environ.get("DEBUG", "True").lower() == "true"
+ALLOWED_HOSTS = ["*"]
+APPEND_SLASH = True
+CORS_ALLOW_ALL_ORIGINS = True
+CORS_ALLOW_CREDENTIALS = True
+
+INSTALLED_APPS = [
+    "daphne",
+    "channels",
+    "django.contrib.admin",
+    "django.contrib.auth",
+    "django.contrib.contenttypes",
+    "django.contrib.sessions",
+    "django.contrib.messages",
+    "django.contrib.staticfiles",
+    "corsheaders",
+    "apps.users",
+    "apps.files",
+    "apps.config",
+    "strawberry_django",
+    "apps.graphql",
+]
+
+MIDDLEWARE = [
+    "django.middleware.security.SecurityMiddleware",
+    "django.contrib.sessions.middleware.SessionMiddleware",
+    "corsheaders.middleware.CorsMiddleware",
+    "django.middleware.common.CommonMiddleware",
+    "django.middleware.csrf.CsrfViewMiddleware",
+    "django.contrib.auth.middleware.AuthenticationMiddleware",
+    "core.middleware.GraphQLJwtMiddleware",
+    "django.contrib.messages.middleware.MessageMiddleware",
+    "django.middleware.clickjacking.XFrameOptionsMiddleware",
+]
+
+ROOT_URLCONF = "core.urls"
+
+TEMPLATES = [
+    {
+        "BACKEND": "django.template.backends.django.DjangoTemplates",
+        "DIRS": [],
+        "APP_DIRS": True,
+        "OPTIONS": {
+            "context_processors": [
+                "django.template.context_processors.request",
+                "django.contrib.auth.context_processors.auth",
+                "django.contrib.messages.context_processors.messages",
+            ],
+        },
+    },
+]
+
+ASGI_APPLICATION = "core.asgi.application"
+
+# Channels — Redis in production (shared across cluster), in-memory in dev
+CHANNEL_LAYERS: dict = {
+    "default": {
+        "BACKEND": (
+            "channels_redis.core.RedisChannelLayer"
+            if os.environ.get("CELERY_BROKER_URL")
+            else "channels.layers.InMemoryChannelLayer"
+        ),
+        "CONFIG": {
+            "capacity": 150
+            if os.environ.get("CELERY_BROKER_URL")
+            else None,  # cap messages in Redis layer
+            "expiry": 10,  # expire idle messages after 10s
+        }
+        if os.environ.get("CELERY_BROKER_URL")
+        else {},
+    },
+}
+
+DATABASE_URL = os.environ.get(
+    "DATABASE_URL",
+    "sqlite:///db.sqlite3",
+)
+
+DATABASES = {
+    "default": dj_database_url.config(
+        default=DATABASE_URL,
+        conn_max_age=60,
+        conn_health_checks=True,
+    )
+}
+
+AUTH_PASSWORD_VALIDATORS = [
+    {
+        "NAME": "django.contrib.auth.password_validation.UserAttributeSimilarityValidator"
+    },
+    {"NAME": "django.contrib.auth.password_validation.MinimumLengthValidator"},
+    {"NAME": "django.contrib.auth.password_validation.CommonPasswordValidator"},
+    {"NAME": "django.contrib.auth.password_validation.NumericPasswordValidator"},
+]
+
+PASSWORD_HASHERS = ["django.contrib.auth.hashers.Argon2PasswordHasher"]
+
+LANGUAGE_CODE = "en-us"
+TIME_ZONE = "UTC"
+USE_I18N = True
+USE_TZ = True
+
+STATIC_URL = "static/"
+STATIC_ROOT = BASE_DIR / "staticfiles"
+MEDIA_URL = "/media/"
+MEDIA_ROOT = BASE_DIR / "media"
+
+# S3 settings — if defined, files are stored on S3; otherwise local filesystem
+AWS_S3_ENDPOINT_URL = os.environ.get("AWS_S3_ENDPOINT_URL", "")
+AWS_ACCESS_KEY_ID = os.environ.get("AWS_ACCESS_KEY_ID", "")
+AWS_SECRET_ACCESS_KEY = os.environ.get("AWS_SECRET_ACCESS_KEY", "")
+AWS_STORAGE_BUCKET_NAME = os.environ.get("AWS_STORAGE_BUCKET_NAME", "")
+
+DEFAULT_AUTO_FIELD = "django.db.models.BigAutoField"
+AUTH_USER_MODEL = "users.User"
+
+# Django Tasks framework — uses ImmediateBackend by default (runs tasks
+# synchronously in the same thread). In production, configure a proper
+# backend via the TASKS setting or use a management command for periodic jobs.
+TASKS = {
+    "default": {
+        "BACKEND": "django.tasks.backends.immediate.ImmediateBackend"
+        if DEBUG
+        else os.environ.get(
+            "DJANGO_TASKS_BACKEND",
+            "django.tasks.backends.database.DatabaseBackend",
+        ),
+    },
+}
+
+# Cache — use locmem for local dev, Redis in production
+if os.environ.get("CELERY_BROKER_URL"):
+    CACHES = {
+        "default": {
+            "BACKEND": "django.core.cache.backends.redis.RedisCache",
+            "LOCATION": os.environ.get("CELERY_BROKER_URL"),
+        }
+    }
+else:
+    CACHES = {
+        "default": {
+            "BACKEND": "django.core.cache.backends.locmem.LocMemCache",
+        }
+    }
+
+LOGGING = {
+    "version": 1,
+    "disable_existing_loggers": False,
+    "handlers": {"console": {"class": "logging.StreamHandler"}},
+    "loggers": {
+        "django.request": {
+            "handlers": ["console"],
+            "level": "ERROR",
+            "propagate": True,
+        },
+    },
+}
+
+STRAWBERRY = {"DJANGO": {"MUTATION_DEFAULT_ARGUMENTS": {}}}
diff --git a/src/backend/core/urls.py b/src/backend/core/urls.py
new file mode 100644
index 00000000..fd987cd3
--- /dev/null
+++ b/src/backend/core/urls.py
@@ -0,0 +1,15 @@
+from django.conf import settings
+from django.conf.urls.static import static
+from django.contrib import admin
+from django.urls import include, path
+
+urlpatterns = [
+    path("admin/", admin.site.urls),
+    path("graphql/", include("apps.graphql.urls")),
+    path("files/", include("apps.files.urls")),
+    path("speedtest/", include("apps.files.speedtest_urls")),
+    path("reverse/", include("apps.files.reverse_urls")),
+]
+
+if settings.DEBUG:
+    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
diff --git a/src/backend/manage.py b/src/backend/manage.py
new file mode 100644
index 00000000..ccea1635
--- /dev/null
+++ b/src/backend/manage.py
@@ -0,0 +1,23 @@
+#!/usr/bin/env python
+"""Django's command-line utility for administrative tasks."""
+
+import os
+import sys
+
+
+def main():
+    """Run administrative tasks."""
+    os.environ.setdefault("DJANGO_SETTINGS_MODULE", "core.settings")
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError as exc:
+        raise ImportError(
+            "Couldn't import Django. Are you sure it's installed and "
+            "available on your PYTHONPATH environment variable? Did you "
+            "forget to activate a virtual environment?"
+        ) from exc
+    execute_from_command_line(sys.argv)
+
+
+if __name__ == "__main__":
+    main()
diff --git a/src/backend/mixins/__init__.py b/src/backend/mixins/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/src/backend/mixins/models/__init__.py b/src/backend/mixins/models/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/src/backend/mixins/models/base/__init__.py b/src/backend/mixins/models/base/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/src/backend/mixins/models/base/singleton.py b/src/backend/mixins/models/base/singleton.py
new file mode 100644
index 00000000..77297dca
--- /dev/null
+++ b/src/backend/mixins/models/base/singleton.py
@@ -0,0 +1,24 @@
+from django.core.exceptions import ValidationError
+from django.db import models
+
+
+class SingletonModel[T: SingletonModel](models.Model):
+    """Abstract model that enforces a single instance in the database."""
+
+    class Meta:
+        abstract = True
+
+    def save(self, *args, **kwargs) -> None:
+        if not self.pk and self.__class__.objects.exists():
+            raise ValidationError(
+                f"Only one instance of {self.__class__.__name__} is allowed."
+            )
+        super().save(*args, **kwargs)
+
+    @classmethod
+    def load(cls) -> T:
+        """Return the single instance, creating it if it doesn't exist."""
+        instance = cls.objects.first()
+        if instance is None:
+            instance = cls.objects.create(pk=1)
+        return instance
diff --git a/src/backend/mixins/models/fields/__init__.py b/src/backend/mixins/models/fields/__init__.py
new file mode 100644
index 00000000..d910420d
--- /dev/null
+++ b/src/backend/mixins/models/fields/__init__.py
@@ -0,0 +1,2 @@
+from .created_at import CreatedAtMixin as CreatedAtMixin
+from .uuid_primary_key import UUIDPrimaryKeyMixin as UUIDPrimaryKeyMixin
diff --git a/src/backend/mixins/models/fields/created_at.py b/src/backend/mixins/models/fields/created_at.py
new file mode 100644
index 00000000..fbb2b07a
--- /dev/null
+++ b/src/backend/mixins/models/fields/created_at.py
@@ -0,0 +1,8 @@
+from django.db import models
+
+
+class CreatedAtMixin(models.Model):
+    created_at = models.DateTimeField(auto_now_add=True, verbose_name="Created At")
+
+    class Meta:
+        abstract = True
diff --git a/src/backend/mixins/models/fields/uuid_primary_key.py b/src/backend/mixins/models/fields/uuid_primary_key.py
new file mode 100644
index 00000000..c639f9cc
--- /dev/null
+++ b/src/backend/mixins/models/fields/uuid_primary_key.py
@@ -0,0 +1,10 @@
+from uuid import uuid4
+
+from django.db import models
+
+
+class UUIDPrimaryKeyMixin(models.Model):
+    id = models.UUIDField(primary_key=True, default=uuid4, editable=False)
+
+    class Meta:
+        abstract = True
diff --git a/src/backend/pyproject.toml b/src/backend/pyproject.toml
index a9446dd7..5e98e37b 100644
--- a/src/backend/pyproject.toml
+++ b/src/backend/pyproject.toml
@@ -1,78 +1,27 @@
 [project]
-name = "chithi_backend"
+name = "chithi-backend"
 version = "0.1.0"
-description = "The next generation end to end file sharing server"
-readme = "README.md"
-requires-python = ">=3.14"
+description = "Chithi Django + Strawberry-Django GraphQL backend"
+requires-python = ">=3.13"
 dependencies = [
-    # Fastapi
-    "fastapi>=0.127.0",
-    # Faster Loops
-    "uvloop>=0.22.1; sys_platform == 'linux'",
-    # ASGI server
-    "uvicorn>=0.40.0",
-    "websockets>=15.0.1",
-    "python-multipart>=0.0.21",
-    # Password Hashing
-    "pwdlib[argon2]>=0.3.0",
-    # Pydantic based settings manager
-    "pydantic-settings>=2.12.0",
-    # JWT
-    "pyjwt>=2.10.1",
-    # Database and ORM
-    "sqlmodel>=0.0.27",
-    "sqlalchemy[postgresql-asyncpg]>=2.0.45",
-    # Migration Engine
-    "alembic>=1.17.2",
-    # Cli
-    "typer>=0.20.1",
-    # Rustfs Upload
+    "django[argon2]>=6.0",
+    "psycopg[binary]>=3",
+    "strawberry-graphql-django>=0.86.0",
+    "channels[daphne]>=4.2.0",
+    "channels-redis>=4.2.0",
+    "PyJWT>=2.10.0",
+    "django-cors-headers>=4.7.0",
+    "python-dotenv>=1.2.2",
+    "boto3>=1.37",
+    "python-multipart>=0.0.18",
     "aioboto3>=15.5.0",
-    # Task queue
-    "celery>=5.6.1",
-    "celery-aio-pool>=0.1.0rc8",
-    "celery-types>=0.24.0",
-    # Redis for caching
-    "redis[hiredis]>=6.4.0",
-    # Mandatory type
-    "types-aiobotocore-s3>=2.25.2",
-    "types-aioboto3>=15.5.0",
-    # Rate limiting
-    "pyrate-limiter>=4.1.0",
-    "fastapi-limiter>=0.2.0",
+    "graphql-core==3.3.0rc0",
+    "dj-database-url>=3.1.2",
 ]
 
 [dependency-groups]
 dev = [
-    "fastapi-cli>=0.0.16",
-    "ruff>=0.14.10",
-    # Task runner
-    "poethepoet>=0.39.0",
-    # Type checker
-    "pyrefly>=0.59.1",
+    "django-debug-toolbar>=6.0.0",
+    "django-extensions>=4.1",
+    "ruff>=0.12.12",
 ]
-[tool.poe.tasks]
-dev = "fastapi dev ./app/main.py"
-
-[tool.setuptools]
-packages = ["app"]
-
-[tool.uv]
-default-groups = "all"
-package = true
-
-[project.scripts]
-backend = "app.__main__:main"
-
-[tool.ruff.lint]
-extend-select = ["I"] 
-
-[tool.ruff.format]
-skip-magic-trailing-comma = false  # Avoids conflict with isort.split-on-trailing-comma
-
-[tool.ruff.lint.isort]
-split-on-trailing-comma = true  # Keep this aligned with format.skip-magic-trailing-comma
-combine-as-imports = true
-
-[tool.pyrefly]
-strict = true
diff --git a/src/backend/scripts/start_backend.sh b/src/backend/scripts/start_backend.sh
deleted file mode 100644
index 90481e61..00000000
--- a/src/backend/scripts/start_backend.sh
+++ /dev/null
@@ -1,7 +0,0 @@
-#!/bin/sh
-set -e
-
-cd "$(dirname "$0")/.." || exit 1
-
-alembic upgrade head
-uvicorn app.main:app --host 0.0.0.0 --port 8000 --timeout-keep-alive 0 --limit-concurrency 1000
\ No newline at end of file
diff --git a/src/backend/scripts/start_celery.sh b/src/backend/scripts/start_celery.sh
deleted file mode 100755
index 15093161..00000000
--- a/src/backend/scripts/start_celery.sh
+++ /dev/null
@@ -1,12 +0,0 @@
-#!/bin/bash
-
-# Run celery worker using (nproc - 1) concurrency, fallback to 1
-CORES=$(nproc)
-if [ "$CORES" -gt 1 ]; then
-  CONCURRENCY=$((CORES - 1))
-else
-  CONCURRENCY=1
-fi
-
-export CELERY_CUSTOM_WORKER_POOL='celery_aio_pool.pool:AsyncIOPool'
-exec celery -A app.celery worker --pool=custom --concurrency "$CONCURRENCY" --loglevel=info --max-memory-per-child=131072
\ No newline at end of file
diff --git a/src/backend/scripts/start_celery_beat.sh b/src/backend/scripts/start_celery_beat.sh
deleted file mode 100644
index 49db1ebb..00000000
--- a/src/backend/scripts/start_celery_beat.sh
+++ /dev/null
@@ -1,4 +0,0 @@
-#!/bin/bash
-
-export CELERY_CUSTOM_WORKER_POOL='celery_aio_pool.pool:AsyncIOPool'
-exec celery -A app.celery beat --loglevel=info
\ No newline at end of file
diff --git a/src/backend/uv.lock b/src/backend/uv.lock
index 2a2eeb0b..fe50ebc0 100644
--- a/src/backend/uv.lock
+++ b/src/backend/uv.lock
@@ -1,6 +1,12 @@
 version = 1
 revision = 3
-requires-python = ">=3.14"
+requires-python = ">=3.13"
+resolution-markers = [
+    "python_full_version >= '3.14' and platform_python_implementation == 'PyPy' and sys_platform == 'win32'",
+    "(python_full_version >= '3.14' and platform_python_implementation != 'PyPy') or (python_full_version >= '3.14' and sys_platform != 'win32')",
+    "python_full_version < '3.14' and platform_python_implementation == 'PyPy' and sys_platform == 'win32'",
+    "(python_full_version < '3.14' and platform_python_implementation != 'PyPy') or (python_full_version < '3.14' and sys_platform != 'win32')",
+]
 
 [[package]]
 name = "aioboto3"
@@ -49,16 +55,16 @@ wheels = [
 
 [[package]]
 name = "aiohappyeyeballs"
-version = "2.6.2"
+version = "2.7.1"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/33/c6/61a2d7b7572279226bb2e7f61d7a19ca7c90da0329c93fa0d560cbf288d8/aiohappyeyeballs-2.6.2.tar.gz", hash = "sha256:e202810ee718bd01fc6ef49e8ea53d023d5cb6b581076d7925aa499fa55dbe64", size = 22591, upload-time = "2026-05-20T15:12:24.631Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/ce/f4/eec0465c2f67b2664688d0240b3212d5196fd89e741df67ddb81f8d35658/aiohappyeyeballs-2.7.1.tar.gz", hash = "sha256:065665c041c42a5938ed220bdcd7230f22527fbec085e1853d2402c8a3615d9d", size = 24757, upload-time = "2026-07-01T17:11:55.501Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/5f/fc/a7bf5b6e4e617b45f90f2d9d2a68519c249c81dd4fc2658c7a2a61c4f4b7/aiohappyeyeballs-2.6.2-py3-none-any.whl", hash = "sha256:4708045e2d7a6c6bdf8aafa8ed39649eaf926a4543b54560659129e3365953c4", size = 15062, upload-time = "2026-05-20T15:12:23.328Z" },
+    { url = "https://files.pythonhosted.org/packages/71/43/1947f06babed6b3f1d7f38b0c767f52df66bfb2bc10b468c4a7de9eceff2/aiohappyeyeballs-2.7.1-py3-none-any.whl", hash = "sha256:9243213661e29250eb41368e5daa826fc017156c3b8a11440826b2e3ed376472", size = 15038, upload-time = "2026-07-01T17:11:54.055Z" },
 ]
 
 [[package]]
 name = "aiohttp"
-version = "3.13.5"
+version = "3.14.3"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
     { name = "aiohappyeyeballs" },
@@ -69,42 +75,72 @@ dependencies = [
     { name = "propcache" },
     { name = "yarl" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/77/9a/152096d4808df8e4268befa55fba462f440f14beab85e8ad9bf990516918/aiohttp-3.13.5.tar.gz", hash = "sha256:9d98cc980ecc96be6eb4c1994ce35d28d8b1f5e5208a23b421187d1209dbb7d1", size = 7858271, upload-time = "2026-03-31T22:01:03.343Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/5d/ce/46572759afc859e867a5bc8ec3487315869013f59281ce61764f76d879de/aiohttp-3.13.5-cp314-cp314-macosx_10_13_universal2.whl", hash = "sha256:eb4639f32fd4a9904ab8fb45bf3383ba71137f3d9d4ba25b3b3f3109977c5b8c", size = 745721, upload-time = "2026-03-31T21:58:50.229Z" },
-    { url = "https://files.pythonhosted.org/packages/13/fe/8a2efd7626dbe6049b2ef8ace18ffda8a4dfcbe1bcff3ac30c0c7575c20b/aiohttp-3.13.5-cp314-cp314-macosx_10_13_x86_64.whl", hash = "sha256:7e5dc4311bd5ac493886c63cbf76ab579dbe4641268e7c74e48e774c74b6f2be", size = 497663, upload-time = "2026-03-31T21:58:52.232Z" },
-    { url = "https://files.pythonhosted.org/packages/9b/91/cc8cc78a111826c54743d88651e1687008133c37e5ee615fee9b57990fac/aiohttp-3.13.5-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:756c3c304d394977519824449600adaf2be0ccee76d206ee339c5e76b70ded25", size = 499094, upload-time = "2026-03-31T21:58:54.566Z" },
-    { url = "https://files.pythonhosted.org/packages/0a/33/a8362cb15cf16a3af7e86ed11962d5cd7d59b449202dc576cdc731310bde/aiohttp-3.13.5-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:ecc26751323224cf8186efcf7fbcbc30f4e1d8c7970659daf25ad995e4032a56", size = 1726701, upload-time = "2026-03-31T21:58:56.864Z" },
-    { url = "https://files.pythonhosted.org/packages/45/0c/c091ac5c3a17114bd76cbf85d674650969ddf93387876cf67f754204bd77/aiohttp-3.13.5-cp314-cp314-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:10a75acfcf794edf9d8db50e5a7ec5fc818b2a8d3f591ce93bc7b1210df016d2", size = 1683360, upload-time = "2026-03-31T21:58:59.072Z" },
-    { url = "https://files.pythonhosted.org/packages/23/73/bcee1c2b79bc275e964d1446c55c54441a461938e70267c86afaae6fba27/aiohttp-3.13.5-cp314-cp314-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:0f7a18f258d124cd678c5fe072fe4432a4d5232b0657fca7c1847f599233c83a", size = 1773023, upload-time = "2026-03-31T21:59:01.776Z" },
-    { url = "https://files.pythonhosted.org/packages/c7/ef/720e639df03004fee2d869f771799d8c23046dec47d5b81e396c7cda583a/aiohttp-3.13.5-cp314-cp314-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:df6104c009713d3a89621096f3e3e88cc323fd269dbd7c20afe18535094320be", size = 1853795, upload-time = "2026-03-31T21:59:04.568Z" },
-    { url = "https://files.pythonhosted.org/packages/bd/c9/989f4034fb46841208de7aeeac2c6d8300745ab4f28c42f629ba77c2d916/aiohttp-3.13.5-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:241a94f7de7c0c3b616627aaad530fe2cb620084a8b144d3be7b6ecfe95bae3b", size = 1730405, upload-time = "2026-03-31T21:59:07.221Z" },
-    { url = "https://files.pythonhosted.org/packages/ce/75/ee1fd286ca7dc599d824b5651dad7b3be7ff8d9a7e7b3fe9820d9180f7db/aiohttp-3.13.5-cp314-cp314-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:c974fb66180e58709b6fc402846f13791240d180b74de81d23913abe48e96d94", size = 1558082, upload-time = "2026-03-31T21:59:09.484Z" },
-    { url = "https://files.pythonhosted.org/packages/c3/20/1e9e6650dfc436340116b7aa89ff8cb2bbdf0abc11dfaceaad8f74273a10/aiohttp-3.13.5-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:6e27ea05d184afac78aabbac667450c75e54e35f62238d44463131bd3f96753d", size = 1692346, upload-time = "2026-03-31T21:59:12.068Z" },
-    { url = "https://files.pythonhosted.org/packages/d8/40/8ebc6658d48ea630ac7903912fe0dd4e262f0e16825aa4c833c56c9f1f56/aiohttp-3.13.5-cp314-cp314-musllinux_1_2_armv7l.whl", hash = "sha256:a79a6d399cef33a11b6f004c67bb07741d91f2be01b8d712d52c75711b1e07c7", size = 1698891, upload-time = "2026-03-31T21:59:14.552Z" },
-    { url = "https://files.pythonhosted.org/packages/d8/78/ea0ae5ec8ba7a5c10bdd6e318f1ba5e76fcde17db8275188772afc7917a4/aiohttp-3.13.5-cp314-cp314-musllinux_1_2_ppc64le.whl", hash = "sha256:c632ce9c0b534fbe25b52c974515ed674937c5b99f549a92127c85f771a78772", size = 1742113, upload-time = "2026-03-31T21:59:17.068Z" },
-    { url = "https://files.pythonhosted.org/packages/8a/66/9d308ed71e3f2491be1acb8769d96c6f0c47d92099f3bc9119cada27b357/aiohttp-3.13.5-cp314-cp314-musllinux_1_2_riscv64.whl", hash = "sha256:fceedde51fbd67ee2bcc8c0b33d0126cc8b51ef3bbde2f86662bd6d5a6f10ec5", size = 1553088, upload-time = "2026-03-31T21:59:19.541Z" },
-    { url = "https://files.pythonhosted.org/packages/da/a6/6cc25ed8dfc6e00c90f5c6d126a98e2cf28957ad06fa1036bd34b6f24a2c/aiohttp-3.13.5-cp314-cp314-musllinux_1_2_s390x.whl", hash = "sha256:f92995dfec9420bb69ae629abf422e516923ba79ba4403bc750d94fb4a6c68c1", size = 1757976, upload-time = "2026-03-31T21:59:22.311Z" },
-    { url = "https://files.pythonhosted.org/packages/c1/2b/cce5b0ffe0de99c83e5e36d8f828e4161e415660a9f3e58339d07cce3006/aiohttp-3.13.5-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:20ae0ff08b1f2c8788d6fb85afcb798654ae6ba0b747575f8562de738078457b", size = 1712444, upload-time = "2026-03-31T21:59:24.635Z" },
-    { url = "https://files.pythonhosted.org/packages/6c/cf/9e1795b4160c58d29421eafd1a69c6ce351e2f7c8d3c6b7e4ca44aea1a5b/aiohttp-3.13.5-cp314-cp314-win32.whl", hash = "sha256:b20df693de16f42b2472a9c485e1c948ee55524786a0a34345511afdd22246f3", size = 438128, upload-time = "2026-03-31T21:59:27.291Z" },
-    { url = "https://files.pythonhosted.org/packages/22/4d/eaedff67fc805aeba4ba746aec891b4b24cebb1a7d078084b6300f79d063/aiohttp-3.13.5-cp314-cp314-win_amd64.whl", hash = "sha256:f85c6f327bf0b8c29da7d93b1cabb6363fb5e4e160a32fa241ed2dce21b73162", size = 464029, upload-time = "2026-03-31T21:59:29.429Z" },
-    { url = "https://files.pythonhosted.org/packages/79/11/c27d9332ee20d68dd164dc12a6ecdef2e2e35ecc97ed6cf0d2442844624b/aiohttp-3.13.5-cp314-cp314t-macosx_10_13_universal2.whl", hash = "sha256:1efb06900858bb618ff5cee184ae2de5828896c448403d51fb633f09e109be0a", size = 778758, upload-time = "2026-03-31T21:59:31.547Z" },
-    { url = "https://files.pythonhosted.org/packages/04/fb/377aead2e0a3ba5f09b7624f702a964bdf4f08b5b6728a9799830c80041e/aiohttp-3.13.5-cp314-cp314t-macosx_10_13_x86_64.whl", hash = "sha256:fee86b7c4bd29bdaf0d53d14739b08a106fdda809ca5fe032a15f52fae5fe254", size = 512883, upload-time = "2026-03-31T21:59:34.098Z" },
-    { url = "https://files.pythonhosted.org/packages/bb/a6/aa109a33671f7a5d3bd78b46da9d852797c5e665bfda7d6b373f56bff2ec/aiohttp-3.13.5-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:20058e23909b9e65f9da62b396b77dfa95965cbe840f8def6e572538b1d32e36", size = 516668, upload-time = "2026-03-31T21:59:36.497Z" },
-    { url = "https://files.pythonhosted.org/packages/79/b3/ca078f9f2fa9563c36fb8ef89053ea2bb146d6f792c5104574d49d8acb63/aiohttp-3.13.5-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:8cf20a8d6868cb15a73cab329ffc07291ba8c22b1b88176026106ae39aa6df0f", size = 1883461, upload-time = "2026-03-31T21:59:38.723Z" },
-    { url = "https://files.pythonhosted.org/packages/b7/e3/a7ad633ca1ca497b852233a3cce6906a56c3225fb6d9217b5e5e60b7419d/aiohttp-3.13.5-cp314-cp314t-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:330f5da04c987f1d5bdb8ae189137c77139f36bd1cb23779ca1a354a4b027800", size = 1747661, upload-time = "2026-03-31T21:59:41.187Z" },
-    { url = "https://files.pythonhosted.org/packages/33/b9/cd6fe579bed34a906d3d783fe60f2fa297ef55b27bb4538438ee49d4dc41/aiohttp-3.13.5-cp314-cp314t-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:6f1cbf0c7926d315c3c26c2da41fd2b5d2fe01ac0e157b78caefc51a782196cf", size = 1863800, upload-time = "2026-03-31T21:59:43.84Z" },
-    { url = "https://files.pythonhosted.org/packages/c0/3f/2c1e2f5144cefa889c8afd5cf431994c32f3b29da9961698ff4e3811b79a/aiohttp-3.13.5-cp314-cp314t-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:53fc049ed6390d05423ba33103ded7281fe897cf97878f369a527070bd95795b", size = 1958382, upload-time = "2026-03-31T21:59:46.187Z" },
-    { url = "https://files.pythonhosted.org/packages/66/1d/f31ec3f1013723b3babe3609e7f119c2c2fb6ef33da90061a705ef3e1bc8/aiohttp-3.13.5-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:898703aa2667e3c5ca4c54ca36cd73f58b7a38ef87a5606414799ebce4d3fd3a", size = 1803724, upload-time = "2026-03-31T21:59:48.656Z" },
-    { url = "https://files.pythonhosted.org/packages/0e/b4/57712dfc6f1542f067daa81eb61da282fab3e6f1966fca25db06c4fc62d5/aiohttp-3.13.5-cp314-cp314t-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:0494a01ca9584eea1e5fbd6d748e61ecff218c51b576ee1999c23db7066417d8", size = 1640027, upload-time = "2026-03-31T21:59:51.284Z" },
-    { url = "https://files.pythonhosted.org/packages/25/3c/734c878fb43ec083d8e31bf029daae1beafeae582d1b35da234739e82ee7/aiohttp-3.13.5-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:6cf81fe010b8c17b09495cbd15c1d35afbc8fb405c0c9cf4738e5ae3af1d65be", size = 1806644, upload-time = "2026-03-31T21:59:53.753Z" },
-    { url = "https://files.pythonhosted.org/packages/20/a5/f671e5cbec1c21d044ff3078223f949748f3a7f86b14e34a365d74a5d21f/aiohttp-3.13.5-cp314-cp314t-musllinux_1_2_armv7l.whl", hash = "sha256:c564dd5f09ddc9d8f2c2d0a301cd30a79a2cc1b46dd1a73bef8f0038863d016b", size = 1791630, upload-time = "2026-03-31T21:59:56.239Z" },
-    { url = "https://files.pythonhosted.org/packages/0b/63/fb8d0ad63a0b8a99be97deac8c04dacf0785721c158bdf23d679a87aa99e/aiohttp-3.13.5-cp314-cp314t-musllinux_1_2_ppc64le.whl", hash = "sha256:2994be9f6e51046c4f864598fd9abeb4fba6e88f0b2152422c9666dcd4aea9c6", size = 1809403, upload-time = "2026-03-31T21:59:59.103Z" },
-    { url = "https://files.pythonhosted.org/packages/59/0c/bfed7f30662fcf12206481c2aac57dedee43fe1c49275e85b3a1e1742294/aiohttp-3.13.5-cp314-cp314t-musllinux_1_2_riscv64.whl", hash = "sha256:157826e2fa245d2ef46c83ea8a5faf77ca19355d278d425c29fda0beb3318037", size = 1634924, upload-time = "2026-03-31T22:00:02.116Z" },
-    { url = "https://files.pythonhosted.org/packages/17/d6/fd518d668a09fd5a3319ae5e984d4d80b9a4b3df4e21c52f02251ef5a32e/aiohttp-3.13.5-cp314-cp314t-musllinux_1_2_s390x.whl", hash = "sha256:a8aca50daa9493e9e13c0f566201a9006f080e7c50e5e90d0b06f53146a54500", size = 1836119, upload-time = "2026-03-31T22:00:04.756Z" },
-    { url = "https://files.pythonhosted.org/packages/78/b7/15fb7a9d52e112a25b621c67b69c167805cb1f2ab8f1708a5c490d1b52fe/aiohttp-3.13.5-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:3b13560160d07e047a93f23aaa30718606493036253d5430887514715b67c9d9", size = 1772072, upload-time = "2026-03-31T22:00:07.494Z" },
-    { url = "https://files.pythonhosted.org/packages/7e/df/57ba7f0c4a553fc2bd8b6321df236870ec6fd64a2a473a8a13d4f733214e/aiohttp-3.13.5-cp314-cp314t-win32.whl", hash = "sha256:9a0f4474b6ea6818b41f82172d799e4b3d29e22c2c520ce4357856fced9af2f8", size = 471819, upload-time = "2026-03-31T22:00:10.277Z" },
-    { url = "https://files.pythonhosted.org/packages/62/29/2f8418269e46454a26171bfdd6a055d74febf32234e474930f2f60a17145/aiohttp-3.13.5-cp314-cp314t-win_amd64.whl", hash = "sha256:18a2f6c1182c51baa1d28d68fea51513cb2a76612f038853c0ad3c145423d3d9", size = 505441, upload-time = "2026-03-31T22:00:12.791Z" },
+sdist = { url = "https://files.pythonhosted.org/packages/58/d9/22ce5786ac0c1653ae8b6c23bded02c1686d11f0dbb45b31ce128e0df985/aiohttp-3.14.3.tar.gz", hash = "sha256:9491196535a88924a60afd5b5f434b5b203b6cc616250878dbdb223a8f7844bc", size = 7971213, upload-time = "2026-07-23T01:57:27.037Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/57/be/5afd201cc0ab139029aadb75392efe85a293403d9dd3a3226161c21ce00c/aiohttp-3.14.3-cp313-cp313-android_21_arm64_v8a.whl", hash = "sha256:2e9878ae68e4a5f1c0abe4dd497dbc3d51946f5837b56759e2a02e78fa90ef86", size = 506269, upload-time = "2026-07-23T01:54:49.075Z" },
+    { url = "https://files.pythonhosted.org/packages/22/09/dec8189d62b45ade009f6792a2264b942a90cb88aeaf181239933cd72c3c/aiohttp-3.14.3-cp313-cp313-android_21_x86_64.whl", hash = "sha256:f3d2669fe7dec7fc359ecdb5984b29b50d85d5d00f8c1cb61de4f4a24ee42627", size = 515166, upload-time = "2026-07-23T01:54:51.894Z" },
+    { url = "https://files.pythonhosted.org/packages/28/24/2854869d29ed8a8b19d74f9ec6629515f7e04d02dd329d9d179201e58e47/aiohttp-3.14.3-cp313-cp313-ios_13_0_arm64_iphoneos.whl", hash = "sha256:cc7cb243a68167172f48c1fd43cee91ec4b1d40cefd190edd43369d1a6bc9c82", size = 486263, upload-time = "2026-07-23T01:54:54.223Z" },
+    { url = "https://files.pythonhosted.org/packages/d4/dd/57187c8be2a35aea65eaee3bd2c3dcbbcf0204f5106c89637e3610380cd1/aiohttp-3.14.3-cp313-cp313-ios_13_0_arm64_iphonesimulator.whl", hash = "sha256:78253b573e6ffab5028924fc98bc281aae05445969982a10864bc360dea2016c", size = 492299, upload-time = "2026-07-23T01:54:56.236Z" },
+    { url = "https://files.pythonhosted.org/packages/b9/11/06ae6ed8f0d414edf4068861e233d8fe23ee699bfd4b3ceb8663db948a62/aiohttp-3.14.3-cp313-cp313-ios_13_0_x86_64_iphonesimulator.whl", hash = "sha256:7041d52c3a7fa20c9e8c182b534704abb19502c8bdcbde7ab23bfda6f642394f", size = 502235, upload-time = "2026-07-23T01:54:58.377Z" },
+    { url = "https://files.pythonhosted.org/packages/7e/a3/559639c34a345d2cf7c52dff6838119f2eaf29eb508227b5b83f573af813/aiohttp-3.14.3-cp313-cp313-macosx_10_13_universal2.whl", hash = "sha256:ac74facc01463f138b0da5580329cfcc82818dea5656e83ddcd11268fc12ff80", size = 750883, upload-time = "2026-07-23T01:55:00.65Z" },
+    { url = "https://files.pythonhosted.org/packages/91/cd/41e131f13afd1e7b0172a9d9eda085ef90eb8439f41f0d279db81ed3ae60/aiohttp-3.14.3-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:d6218d92e450824e9b4881f44e8c09f1853b490f9a64130801024a4793b1b3b0", size = 508473, upload-time = "2026-07-23T01:55:02.945Z" },
+    { url = "https://files.pythonhosted.org/packages/bc/6b/e7f13410d391c6e55b4c007a8de024355389d7d459e3d64c42b2d33617e5/aiohttp-3.14.3-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:11fb37ef075669eee52ab1928fbf6e1741fada40409fa309ebde9607a962aebf", size = 509190, upload-time = "2026-07-23T01:55:05.173Z" },
+    { url = "https://files.pythonhosted.org/packages/97/21/6464573e53d69672cc1eada3e5c5cb2d2efa82701e8305a0f2047a576967/aiohttp-3.14.3-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:55bdcc472aafe2de4a253045cc128007a64f1e0264fb675791e132ea5edaa3bd", size = 1761478, upload-time = "2026-07-23T01:55:07.383Z" },
+    { url = "https://files.pythonhosted.org/packages/1a/81/d217043a4c17fbce360905e3b2bdd20139ebc9a2de836d035d179c4da006/aiohttp-3.14.3-cp313-cp313-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:c39846c3aad97a8530c89d7a3869a8f8e9e3762c6ac0504481e5c80948f7e807", size = 1735092, upload-time = "2026-07-23T01:55:09.803Z" },
+    { url = "https://files.pythonhosted.org/packages/a1/66/e13a02d0eeb1a9a502402a977abb4e4abff9fe4051c26f80558c57a7c975/aiohttp-3.14.3-cp313-cp313-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:5895ef58c4620afe02fa16044f023dc4dafec08158f9d08874a46a7dbc0341b8", size = 1800546, upload-time = "2026-07-23T01:55:12.012Z" },
+    { url = "https://files.pythonhosted.org/packages/26/5e/57d42fca1d18cb5acc1cad945d017fabc5d6ae71d8a08ad66be8dc3ee544/aiohttp-3.14.3-cp313-cp313-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:fa9467a8113aa69d3d7c55a70ef0b7c636010a40993f3df9d9d0d73b3eb7ef24", size = 1895250, upload-time = "2026-07-23T01:55:14.357Z" },
+    { url = "https://files.pythonhosted.org/packages/ca/1c/7da8d08e74d56f00070822f9638ff3f1c563f8ad87d1efa996c87bfc8644/aiohttp-3.14.3-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:d7d2deec16eeedf55f2c7cf75b521ea3856a5177e123844f8fd0f114ce252cb5", size = 1789289, upload-time = "2026-07-23T01:55:16.668Z" },
+    { url = "https://files.pythonhosted.org/packages/cd/0f/cf16bcf56896981c1a0319f5d5db9337994b5165730c48a8fa07e9b34be6/aiohttp-3.14.3-cp313-cp313-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:dd54d0e8717de95939766febac482ac0474d8ac3b048115f9f2b1d23a16e7db4", size = 1586706, upload-time = "2026-07-23T01:55:18.913Z" },
+    { url = "https://files.pythonhosted.org/packages/fe/6f/76eac12a7f2480e1e304f842efdb07db33256b0d9165b866b6ef0806c202/aiohttp-3.14.3-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:df82f3787c940c94986b34222d59c9e38843fba85139f36e85255a82ad5355a9", size = 1724652, upload-time = "2026-07-23T01:55:21.296Z" },
+    { url = "https://files.pythonhosted.org/packages/39/b6/19c8c592baeeb94b75f966547d40c02ac7590902306ec5863d5c027cf506/aiohttp-3.14.3-cp313-cp313-musllinux_1_2_armv7l.whl", hash = "sha256:42a67efc36300d052fb4508a53e8b6901b9284b599ae63945c377569c5fcc1e1", size = 1756239, upload-time = "2026-07-23T01:55:23.705Z" },
+    { url = "https://files.pythonhosted.org/packages/dc/c9/4e9383150296f97f873b680c4de8fb2cd88608fb9f48c79edcb111611abc/aiohttp-3.14.3-cp313-cp313-musllinux_1_2_ppc64le.whl", hash = "sha256:7a75aa63cbf9b21cfaf60dc2657e19df2c2867d91707d653fee171ffeedd1371", size = 1769161, upload-time = "2026-07-23T01:55:26.082Z" },
+    { url = "https://files.pythonhosted.org/packages/aa/1e/147bdc6cc5de5f3ab011be8bf5d6e786633249f22c20bae06f85e45f5387/aiohttp-3.14.3-cp313-cp313-musllinux_1_2_riscv64.whl", hash = "sha256:e92eb8acc45eb6a9f4935071a77edf5b85cc6f8dfad5cd99e97653c26593cdde", size = 1578759, upload-time = "2026-07-23T01:55:28.846Z" },
+    { url = "https://files.pythonhosted.org/packages/fd/31/78388a9d6040ece2e11df62ea229a822cf5e52d238374b220ae9975b2623/aiohttp-3.14.3-cp313-cp313-musllinux_1_2_s390x.whl", hash = "sha256:b014a6ed7cf912e787149fdc529166d3ceabac23f26efeea3158c9aba2354e7e", size = 1792025, upload-time = "2026-07-23T01:55:31.457Z" },
+    { url = "https://files.pythonhosted.org/packages/03/51/a3d29fdf2c25d796746af8ad6fe56a45d6256c38b0a8a2ed752e1160b3a2/aiohttp-3.14.3-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:3d4f72af88ac2474bb5bca640030320e3d38a0163a1d7533500e87be458eef71", size = 1768477, upload-time = "2026-07-23T01:55:33.87Z" },
+    { url = "https://files.pythonhosted.org/packages/29/a6/442e18b5afeade534d877a2dc3c3e392aff8d49787890b0cf84790410267/aiohttp-3.14.3-cp313-cp313-win32.whl", hash = "sha256:5f08ec777f35ee70720233b8b9811d3bb5d728137f30ac91b7457709c3261ac0", size = 451069, upload-time = "2026-07-23T01:55:36.121Z" },
+    { url = "https://files.pythonhosted.org/packages/9d/69/3d876ac02659f271cf7f6769f14a8e3de5b6e888ed8b5a7e998086a4cec8/aiohttp-3.14.3-cp313-cp313-win_amd64.whl", hash = "sha256:dff9461ec275f22135650d5ba4b4931a11f3958df7dfbb8db630000d4dee0883", size = 476518, upload-time = "2026-07-23T01:55:38.303Z" },
+    { url = "https://files.pythonhosted.org/packages/b2/0e/50d6e6471cd31edce8b282bdec59375a3a69124d8a989a0b1313355cae52/aiohttp-3.14.3-cp313-cp313-win_arm64.whl", hash = "sha256:ddcac3c6b382e81f1dd0499199d4136b877beb4cb5ef770bbbfba56c4b8f55d2", size = 447676, upload-time = "2026-07-23T01:55:40.451Z" },
+    { url = "https://files.pythonhosted.org/packages/c8/20/887fdcf832326571b370ffc347b3e70abe101096f3720126aac161b1d872/aiohttp-3.14.3-cp314-cp314-android_24_arm64_v8a.whl", hash = "sha256:49f7325beb0f85ef4aef5f48f490269575f83e6e2acad00a1d80b807eb027062", size = 509067, upload-time = "2026-07-23T01:55:42.618Z" },
+    { url = "https://files.pythonhosted.org/packages/ad/a3/92cec936f78cc4bf0fa5554ebe593b73459d94e3c62303e1902a4cccb6f7/aiohttp-3.14.3-cp314-cp314-android_24_x86_64.whl", hash = "sha256:e3be98a7c30b8c25d573dafba7171d66dfb05ee6a9070fc46535464ff97700a6", size = 514774, upload-time = "2026-07-23T01:55:44.937Z" },
+    { url = "https://files.pythonhosted.org/packages/29/ba/2a0c38df3fc557620b6a5acd98364af050053b6285b4dc7ee74100c63c18/aiohttp-3.14.3-cp314-cp314-ios_13_0_arm64_iphoneos.whl", hash = "sha256:614c61d478b83953e261d02bb2df750f17227cd33ef8002945bf5aebbde21919", size = 488134, upload-time = "2026-07-23T01:55:47.135Z" },
+    { url = "https://files.pythonhosted.org/packages/48/d6/d51b7d4bf309af3693940d8ffd2b9ed0b682434ef85959b7c9c137f60cf8/aiohttp-3.14.3-cp314-cp314-ios_13_0_arm64_iphonesimulator.whl", hash = "sha256:1caa7b0d05f3e3a36f87788c59e970a7ee1cefcfcbb924a9f138c4a6551c9cb7", size = 494201, upload-time = "2026-07-23T01:55:49.451Z" },
+    { url = "https://files.pythonhosted.org/packages/3f/5a/8f624384e5f1efabb5229b94157eb966b021e97bdb188c62860c2ae243c2/aiohttp-3.14.3-cp314-cp314-ios_13_0_x86_64_iphonesimulator.whl", hash = "sha256:dfa68deb2a443bdaa3ea5297b0699c1464f08aef3812b486d1348eee61b07dc0", size = 502766, upload-time = "2026-07-23T01:55:51.656Z" },
+    { url = "https://files.pythonhosted.org/packages/a6/26/4ff0164370deec18fb19254ee4ab10b7a73304ac0c860b13f5f84663759b/aiohttp-3.14.3-cp314-cp314-macosx_10_15_universal2.whl", hash = "sha256:e72ee89e28d907a18f46959b4eb0bb06701cc7f8cf4366e00029e2ccfaaf5924", size = 756557, upload-time = "2026-07-23T01:55:53.964Z" },
+    { url = "https://files.pythonhosted.org/packages/97/a3/7056b86dc0d9ec709ea9777eae3b0161428f943372f8b98c01c11593b682/aiohttp-3.14.3-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:ad4c8b7488d745d2ca4838ebd8ae5ba9b56341d30b1da43640e4ce87f9f49646", size = 510168, upload-time = "2026-07-23T01:55:56.22Z" },
+    { url = "https://files.pythonhosted.org/packages/85/ed/0357a015892fd68058bf2d39d3fd1958e459b997a7db30aaa6aaa434ae96/aiohttp-3.14.3-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:db332af25642007330fca8be5c4d194caf2bea7a7fc84415aff3497af5dfee6b", size = 512957, upload-time = "2026-07-23T01:55:58.437Z" },
+    { url = "https://files.pythonhosted.org/packages/47/d1/8aba53f15ccb2238405f5e9d30e2a8ca44f93878c26e7165ade00d374b1c/aiohttp-3.14.3-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:25bd2708db6bdf6a6630dd37bdcdfcb47c4434d22ac69c64665b802910140b30", size = 1750149, upload-time = "2026-07-23T01:56:00.856Z" },
+    { url = "https://files.pythonhosted.org/packages/49/bd/40c3fee327529284375c6701cbb0fa4600cc2e8432af1378f897e2ef7d3a/aiohttp-3.14.3-cp314-cp314-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:cef89a58e628c4efcac3275c2d68083f82426dcdc89c1492a6f654f9f7ea6ab9", size = 1707685, upload-time = "2026-07-23T01:56:03.371Z" },
+    { url = "https://files.pythonhosted.org/packages/2a/a3/ca0cc6724cca8114b05694abd916060758c79894c3aa5b012cdadc1bc28e/aiohttp-3.14.3-cp314-cp314-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:c23ec8ee9d5ab2f5421f9c7fffce208435607af27fd46d4a44e031954352838f", size = 1803911, upload-time = "2026-07-23T01:56:05.817Z" },
+    { url = "https://files.pythonhosted.org/packages/95/b5/85b099c299c3ffd38ad9b3e43694c8a346934e4a30c88c4fd5a841234f77/aiohttp-3.14.3-cp314-cp314-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:e2667f0bbe7eb6c74eae5e9691441ad186e5845ca3cff63230fc09c4e7514f5d", size = 1876929, upload-time = "2026-07-23T01:56:08.413Z" },
+    { url = "https://files.pythonhosted.org/packages/d5/b7/1da684a04175473fa4cddbf9a2f572e79514c3fd27a74597f43057d4f3da/aiohttp-3.14.3-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:18cb43369747b2ae007bd2655fb8e63a099c2ff1d207962943636dac989b3147", size = 1761112, upload-time = "2026-07-23T01:56:10.918Z" },
+    { url = "https://files.pythonhosted.org/packages/d1/16/bc4b55e3e5cb175fd69c53c90d60d2f47797cb343da5106e23863dc4dba4/aiohttp-3.14.3-cp314-cp314-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:d77640cc618c1d99fc4f8589c0f24a730adfa54eb1e57ef7bf0c8dfb78da898c", size = 1583500, upload-time = "2026-07-23T01:56:13.613Z" },
+    { url = "https://files.pythonhosted.org/packages/2a/e8/13a9d957a1ee40837f46aa30f0f4c657e673ad86a2e6362a9f9be20d26d9/aiohttp-3.14.3-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:53e5179d8abb5710f8e83ba207c41c8d1261fcffd4616500e15ca2b7a33be10a", size = 1713940, upload-time = "2026-07-23T01:56:15.969Z" },
+    { url = "https://files.pythonhosted.org/packages/38/05/d33c680c1bcf1c7e130f9cbfc1fc02fe8bb0c4af2a94a53dd5fb56131e5c/aiohttp-3.14.3-cp314-cp314-musllinux_1_2_armv7l.whl", hash = "sha256:cd817772b2fcf2b8c0905795318485f9ec16eae60b29feb7f4c77085311637f0", size = 1724413, upload-time = "2026-07-23T01:56:18.591Z" },
+    { url = "https://files.pythonhosted.org/packages/85/1d/af798d306f7a74b6a632dbcabcf62a4c91391b7582d2a8c6d7712e2cc54e/aiohttp-3.14.3-cp314-cp314-musllinux_1_2_ppc64le.whl", hash = "sha256:4e3ac92d90e92773b2362d506068e9a948192bd553e743c5b2429e28527c8661", size = 1770748, upload-time = "2026-07-23T01:56:21.074Z" },
+    { url = "https://files.pythonhosted.org/packages/a8/92/ad720d472556a995049206867765e9410969684f86ee09423ff9969044c1/aiohttp-3.14.3-cp314-cp314-musllinux_1_2_riscv64.whl", hash = "sha256:3f42e9b78301f11c8f861746175d8b9c1ccef713fcad9eab396e2f6db8ed4a22", size = 1577564, upload-time = "2026-07-23T01:56:23.475Z" },
+    { url = "https://files.pythonhosted.org/packages/60/ad/0ed7586cbef7a884e23a752fa2bb987a122e6a5dd50dab109258d0a95193/aiohttp-3.14.3-cp314-cp314-musllinux_1_2_s390x.whl", hash = "sha256:9d9edccfe496b476db5f398d97b865e9a6752bcf8aec4eef8390ce20fb64bb41", size = 1782080, upload-time = "2026-07-23T01:56:25.994Z" },
+    { url = "https://files.pythonhosted.org/packages/97/ea/dbaed0d73e8a69aad653b045dab451c67c2454bb731a37b45a86593e9422/aiohttp-3.14.3-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:1c5ec8fb1bcc31a8466f74aaf26c345d5c386fa4bd08a3f0eb9c7a4a3fe8b5bf", size = 1745813, upload-time = "2026-07-23T01:56:28.604Z" },
+    { url = "https://files.pythonhosted.org/packages/81/1b/6893d4bc57e434fc93a6c9217c637d967a0b651d989f6e3265179375754a/aiohttp-3.14.3-cp314-cp314-win32.whl", hash = "sha256:38901a84da3ce22249f6e860bf8f90d141bcab7da090cc398f8bb58c0e44b7da", size = 455872, upload-time = "2026-07-23T01:56:31.031Z" },
+    { url = "https://files.pythonhosted.org/packages/f5/8b/c7baa1ba1eda4db6989baefe5de6d99834921b84ebd7918624febcb9f290/aiohttp-3.14.3-cp314-cp314-win_amd64.whl", hash = "sha256:8b3b60de05f3dcb6f6a00f818bb2ec781cee4de0645f59ccaf99b1d1823b6100", size = 481030, upload-time = "2026-07-23T01:56:33.365Z" },
+    { url = "https://files.pythonhosted.org/packages/22/8c/c29d067df825a2df88ca432db848aa2fe8199598359cc06c12b09320cac9/aiohttp-3.14.3-cp314-cp314-win_arm64.whl", hash = "sha256:1576145bdceeb92382d899751e12743a3a5b8e460a841e3e50543859e54864dc", size = 453669, upload-time = "2026-07-23T01:56:35.731Z" },
+    { url = "https://files.pythonhosted.org/packages/6a/a4/9c033beb355d39b6147980597ec9645e4729243f686ee4dc73945de72030/aiohttp-3.14.3-cp314-cp314t-macosx_10_15_universal2.whl", hash = "sha256:8800c996b01c2772a783e3e46f3e1abd5823029adca0df54231960de9bfefa5b", size = 791403, upload-time = "2026-07-23T01:56:37.972Z" },
+    { url = "https://files.pythonhosted.org/packages/80/ca/87c32a0a7704583cfc49660bd817889bae5b830bf53b5dcb4e92145ac2da/aiohttp-3.14.3-cp314-cp314t-macosx_10_15_x86_64.whl", hash = "sha256:ebe8e504f058fe91223351cecd2d9d6946c9d241bb0250d898ffbdf584cc72b0", size = 526413, upload-time = "2026-07-23T01:56:40.523Z" },
+    { url = "https://files.pythonhosted.org/packages/9e/d8/8ec0e471248c500acdce2be3f46db8fb62b5eb60efef072529cc85ee1d26/aiohttp-3.14.3-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:30402d03a7c0ff52bce290b57e564e9079fd9d0cb545c8aba73f86a103162d2e", size = 532135, upload-time = "2026-07-23T01:56:42.876Z" },
+    { url = "https://files.pythonhosted.org/packages/fe/45/f8919fd936e8b79fcd9bda7b6d8e62613462a713f4f17987fd7c34399142/aiohttp-3.14.3-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:9fc7b5bfec6573f3ae844f457fdde5adeb713f8b8e4a81ad64fc207b49383716", size = 1922742, upload-time = "2026-07-23T01:56:45.528Z" },
+    { url = "https://files.pythonhosted.org/packages/f6/ec/9ca76b28a27525b0cc53e20842e0228b022f301ce1f436b7d814b4aaf2df/aiohttp-3.14.3-cp314-cp314t-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:8a5fd34f7f7410d1730d5c2ba873cacb2eed3fede366feb268a70ba22581ed8f", size = 1787371, upload-time = "2026-07-23T01:56:48.045Z" },
+    { url = "https://files.pythonhosted.org/packages/b1/04/6acdbf17315f7b55f1937e3387acb89a3cddeb4995689553d064af8e92ab/aiohttp-3.14.3-cp314-cp314t-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:270d3dace9ca2f10f0da5d8ebe519b7a310fc6112ed916e32df5866df0888553", size = 1912623, upload-time = "2026-07-23T01:56:50.605Z" },
+    { url = "https://files.pythonhosted.org/packages/86/e6/438b0c79ca6f45eb9fd9817dd4c01a91919a38c0de5ee9e05e2b4dc0ece7/aiohttp-3.14.3-cp314-cp314t-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:3ae5b3a59436d089b5395d910121a390feed4d00578eb95a0fd1a329fe963100", size = 2005515, upload-time = "2026-07-23T01:56:53.153Z" },
+    { url = "https://files.pythonhosted.org/packages/bb/6b/62cbd6577758699525f5c712d1ddef57d9875fbab0ae8d5f5a202fd598f8/aiohttp-3.14.3-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:2498f0fe69ead802f9675beca44a7c21c62fdaa4ec5145ea1c3ad6edbee29f85", size = 1879906, upload-time = "2026-07-23T01:56:55.818Z" },
+    { url = "https://files.pythonhosted.org/packages/00/95/18bcbf830a21dc3aae24d8f6b6feaf3db1d2090242d00a7868db2ffb0b67/aiohttp-3.14.3-cp314-cp314t-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:a0dc483c00da8b673abbb367eb6f8d8f4bcec30eb58529ea13cb42e7fd2dfa33", size = 1675849, upload-time = "2026-07-23T01:56:58.861Z" },
+    { url = "https://files.pythonhosted.org/packages/a9/19/47f4968659c5e23606c3790c80fc624e691c153d036148449ee84d31b287/aiohttp-3.14.3-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:c7d3a97c678d34fc5b59da671ee9cd630096ddc643e7b5a30d54a2a6f3574d3f", size = 1843496, upload-time = "2026-07-23T01:57:01.591Z" },
+    { url = "https://files.pythonhosted.org/packages/64/af/38c33c4dd82fddcb4e56c4653b6f1072a8edbc6b7fa15809f14932c41e2d/aiohttp-3.14.3-cp314-cp314t-musllinux_1_2_armv7l.whl", hash = "sha256:f8fb78a83c9e5f741ca3a68cfb455c1f5bb83b4e7249a3848b3cd78d0a8563b0", size = 1827746, upload-time = "2026-07-23T01:57:05.131Z" },
+    { url = "https://files.pythonhosted.org/packages/a1/9d/0537cda4885ac8f5b7053d164dd06312f4c483a4edcb8ee5b8aaf2a989bf/aiohttp-3.14.3-cp314-cp314t-musllinux_1_2_ppc64le.whl", hash = "sha256:74ab5b6a9fb13e873e5a90946588baecaf488745e1db1a4a5c433f971f035098", size = 1853810, upload-time = "2026-07-23T01:57:08.043Z" },
+    { url = "https://files.pythonhosted.org/packages/19/fe/26f9c5e6458385aa86497836b0dea6fb2f027827d63f37c7856cce9286ee/aiohttp-3.14.3-cp314-cp314t-musllinux_1_2_riscv64.whl", hash = "sha256:bd52f811e65f6fb634b1047159657c98f52b407f8efec907bcfc09da9a4c0a25", size = 1668895, upload-time = "2026-07-23T01:57:10.837Z" },
+    { url = "https://files.pythonhosted.org/packages/ec/4c/618b1db9b9ba079b8875d2cdf78e7c4a3bf72903bd5850fee7dd9544600a/aiohttp-3.14.3-cp314-cp314t-musllinux_1_2_s390x.whl", hash = "sha256:f0f177d1b195b9e06376cfd7d308d8a1b920909a609d03ac82a8c73bbb16d3b9", size = 1883833, upload-time = "2026-07-23T01:57:13.672Z" },
+    { url = "https://files.pythonhosted.org/packages/94/c6/bd959bd1e4771f9fd944e9e436224c48c77b018b73b519b5aad346335bcc/aiohttp-3.14.3-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:498c6c623134f8e09a3c4e60bcd607a0b4590dd7dbf08dd40851b27cbb520ccb", size = 1844251, upload-time = "2026-07-23T01:57:16.593Z" },
+    { url = "https://files.pythonhosted.org/packages/5e/19/08d41839658bdd44a0ed2480f3891705ecb487ce28c0dde62c9040c997e0/aiohttp-3.14.3-cp314-cp314t-win32.whl", hash = "sha256:b304db572b4368edd8dda8a2274f73156fe15558fca4a917cb8a09fc47af5963", size = 474180, upload-time = "2026-07-23T01:57:19.306Z" },
+    { url = "https://files.pythonhosted.org/packages/99/5d/3cd6ef0a2b2851f7ab913b5b079334781bd50ff56a323e4454063377a080/aiohttp-3.14.3-cp314-cp314t-win_amd64.whl", hash = "sha256:b20032766aedf6261c7a566585a40867d092ac03a0d81592d5370ef9b054f99b", size = 500528, upload-time = "2026-07-23T01:57:21.762Z" },
+    { url = "https://files.pythonhosted.org/packages/a4/37/cfd1ed540a4d318da025590d96b728e63713c09e9377950fc655dadeb856/aiohttp-3.14.3-cp314-cp314t-win_arm64.whl", hash = "sha256:2e1161602f45a54de2ce0905243a95f58cb42dcd378402f3697f5e0b21e9d2e7", size = 469280, upload-time = "2026-07-23T01:57:24.241Z" },
 ]
 
 [[package]]
@@ -128,62 +164,6 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/fb/76/641ae371508676492379f16e2fa48f4e2c11741bd63c48be4b12a6b09cba/aiosignal-1.4.0-py3-none-any.whl", hash = "sha256:053243f8b92b990551949e63930a839ff0cf0b0ebbe0597b0f3fb19e1a0fe82e", size = 7490, upload-time = "2025-07-03T22:54:42.156Z" },
 ]
 
-[[package]]
-name = "alembic"
-version = "1.18.4"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "mako" },
-    { name = "sqlalchemy" },
-    { name = "typing-extensions" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/94/13/8b084e0f2efb0275a1d534838844926f798bd766566b1375174e2448cd31/alembic-1.18.4.tar.gz", hash = "sha256:cb6e1fd84b6174ab8dbb2329f86d631ba9559dd78df550b57804d607672cedbc", size = 2056725, upload-time = "2026-02-10T16:00:47.195Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/d2/29/6533c317b74f707ea28f8d633734dbda2119bbadfc61b2f3640ba835d0f7/alembic-1.18.4-py3-none-any.whl", hash = "sha256:a5ed4adcf6d8a4cb575f3d759f071b03cd6e5c7618eb796cb52497be25bfe19a", size = 263893, upload-time = "2026-02-10T16:00:49.997Z" },
-]
-
-[[package]]
-name = "amqp"
-version = "5.3.1"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "vine" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/79/fc/ec94a357dfc6683d8c86f8b4cfa5416a4c36b28052ec8260c77aca96a443/amqp-5.3.1.tar.gz", hash = "sha256:cddc00c725449522023bad949f70fff7b48f0b1ade74d170a6f10ab044739432", size = 129013, upload-time = "2024-11-12T19:55:44.051Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/26/99/fc813cd978842c26c82534010ea849eee9ab3a13ea2b74e95cb9c99e747b/amqp-5.3.1-py3-none-any.whl", hash = "sha256:43b3319e1b4e7d1251833a93d672b4af1e40f3d632d479b98661a95f117880a2", size = 50944, upload-time = "2024-11-12T19:55:41.782Z" },
-]
-
-[[package]]
-name = "annotated-doc"
-version = "0.0.4"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/57/ba/046ceea27344560984e26a590f90bc7f4a75b06701f653222458922b558c/annotated_doc-0.0.4.tar.gz", hash = "sha256:fbcda96e87e9c92ad167c2e53839e57503ecfda18804ea28102353485033faa4", size = 7288, upload-time = "2025-11-10T22:07:42.062Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/1e/d3/26bf1008eb3d2daa8ef4cacc7f3bfdc11818d111f7e2d0201bc6e3b49d45/annotated_doc-0.0.4-py3-none-any.whl", hash = "sha256:571ac1dc6991c450b25a9c2d84a3705e2ae7a53467b5d111c24fa8baabbed320", size = 5303, upload-time = "2025-11-10T22:07:40.673Z" },
-]
-
-[[package]]
-name = "annotated-types"
-version = "0.7.0"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/ee/67/531ea369ba64dcff5ec9c3402f9f51bf748cec26dde048a2f973a4eea7f5/annotated_types-0.7.0.tar.gz", hash = "sha256:aff07c09a53a08bc8cfccb9c85b05f1aa9a2a6f23728d790723543408344ce89", size = 16081, upload-time = "2024-05-20T21:33:25.928Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/78/b6/6307fbef88d9b5ee7421e68d78a9f162e0da4900bc5f5793f6d3d0e34fb8/annotated_types-0.7.0-py3-none-any.whl", hash = "sha256:1f02e8b43a8fbbc3f3e0d4f0f4bfc8131bcb4eebe8849b8e5c773f3a1c582a53", size = 13643, upload-time = "2024-05-20T21:33:24.1Z" },
-]
-
-[[package]]
-name = "anyio"
-version = "4.13.0"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "idna" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/19/14/2c5dd9f512b66549ae92767a9c7b330ae88e1932ca57876909410251fe13/anyio-4.13.0.tar.gz", hash = "sha256:334b70e641fd2221c1505b3890c69882fe4a2df910cba14d97019b90b24439dc", size = 231622, upload-time = "2026-03-24T12:59:09.671Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/da/42/e921fccf5015463e32a3cf6ee7f980a6ed0f395ceeaa45060b61d86486c2/anyio-4.13.0-py3-none-any.whl", hash = "sha256:08b310f9e24a9594186fd75b4f73f4a4152069e3853f1ed8bfbf58369f4ad708", size = 114353, upload-time = "2026-03-24T12:59:08.246Z" },
-]
-
 [[package]]
 name = "argon2-cffi"
 version = "25.1.0"
@@ -228,27 +208,12 @@ wheels = [
 ]
 
 [[package]]
-name = "asyncpg"
-version = "0.31.0"
+name = "asgiref"
+version = "3.12.1"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/fe/cc/d18065ce2380d80b1bcce927c24a2642efd38918e33fd724bc4bca904877/asyncpg-0.31.0.tar.gz", hash = "sha256:c989386c83940bfbd787180f2b1519415e2d3d6277a70d9d0f0145ac73500735", size = 993667, upload-time = "2025-11-24T23:27:00.812Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/e6/26/3b59f2bdae5f640389becb1f673cded775287f5fc4f816309d9ca9a3f93d/asgiref-3.12.1.tar.gz", hash = "sha256:59dcb51c272ad209d59bed5708a64a333083e86017d7fcdd67498eeab7784340", size = 42378, upload-time = "2026-07-14T09:56:18.087Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/3c/36/e9450d62e84a13aea6580c83a47a437f26c7ca6fa0f0fd40b6670793ea30/asyncpg-0.31.0-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:f6b56b91bb0ffc328c4e3ed113136cddd9deefdf5f79ab448598b9772831df44", size = 660867, upload-time = "2025-11-24T23:26:17.631Z" },
-    { url = "https://files.pythonhosted.org/packages/82/4b/1d0a2b33b3102d210439338e1beea616a6122267c0df459ff0265cd5807a/asyncpg-0.31.0-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:334dec28cf20d7f5bb9e45b39546ddf247f8042a690bff9b9573d00086e69cb5", size = 638349, upload-time = "2025-11-24T23:26:19.689Z" },
-    { url = "https://files.pythonhosted.org/packages/41/aa/e7f7ac9a7974f08eff9183e392b2d62516f90412686532d27e196c0f0eeb/asyncpg-0.31.0-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:98cc158c53f46de7bb677fd20c417e264fc02b36d901cc2a43bd6cb0dc6dbfd2", size = 3410428, upload-time = "2025-11-24T23:26:21.275Z" },
-    { url = "https://files.pythonhosted.org/packages/6f/de/bf1b60de3dede5c2731e6788617a512bc0ebd9693eac297ee74086f101d7/asyncpg-0.31.0-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:9322b563e2661a52e3cdbc93eed3be7748b289f792e0011cb2720d278b366ce2", size = 3471678, upload-time = "2025-11-24T23:26:23.627Z" },
-    { url = "https://files.pythonhosted.org/packages/46/78/fc3ade003e22d8bd53aaf8f75f4be48f0b460fa73738f0391b9c856a9147/asyncpg-0.31.0-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:19857a358fc811d82227449b7ca40afb46e75b33eb8897240c3839dd8b744218", size = 3313505, upload-time = "2025-11-24T23:26:25.235Z" },
-    { url = "https://files.pythonhosted.org/packages/bf/e9/73eb8a6789e927816f4705291be21f2225687bfa97321e40cd23055e903a/asyncpg-0.31.0-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:ba5f8886e850882ff2c2ace5732300e99193823e8107e2c53ef01c1ebfa1e85d", size = 3434744, upload-time = "2025-11-24T23:26:26.944Z" },
-    { url = "https://files.pythonhosted.org/packages/08/4b/f10b880534413c65c5b5862f79b8e81553a8f364e5238832ad4c0af71b7f/asyncpg-0.31.0-cp314-cp314-win32.whl", hash = "sha256:cea3a0b2a14f95834cee29432e4ddc399b95700eb1d51bbc5bfee8f31fa07b2b", size = 532251, upload-time = "2025-11-24T23:26:28.404Z" },
-    { url = "https://files.pythonhosted.org/packages/d3/2d/7aa40750b7a19efa5d66e67fc06008ca0f27ba1bd082e457ad82f59aba49/asyncpg-0.31.0-cp314-cp314-win_amd64.whl", hash = "sha256:04d19392716af6b029411a0264d92093b6e5e8285ae97a39957b9a9c14ea72be", size = 604901, upload-time = "2025-11-24T23:26:30.34Z" },
-    { url = "https://files.pythonhosted.org/packages/ce/fe/b9dfe349b83b9dee28cc42360d2c86b2cdce4cb551a2c2d27e156bcac84d/asyncpg-0.31.0-cp314-cp314t-macosx_10_15_x86_64.whl", hash = "sha256:bdb957706da132e982cc6856bb2f7b740603472b54c3ebc77fe60ea3e57e1bd2", size = 702280, upload-time = "2025-11-24T23:26:32Z" },
-    { url = "https://files.pythonhosted.org/packages/6a/81/e6be6e37e560bd91e6c23ea8a6138a04fd057b08cf63d3c5055c98e81c1d/asyncpg-0.31.0-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:6d11b198111a72f47154fa03b85799f9be63701e068b43f84ac25da0bda9cb31", size = 682931, upload-time = "2025-11-24T23:26:33.572Z" },
-    { url = "https://files.pythonhosted.org/packages/a6/45/6009040da85a1648dd5bc75b3b0a062081c483e75a1a29041ae63a0bf0dc/asyncpg-0.31.0-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:18c83b03bc0d1b23e6230f5bf8d4f217dc9bc08644ce0502a9d91dc9e634a9c7", size = 3581608, upload-time = "2025-11-24T23:26:35.638Z" },
-    { url = "https://files.pythonhosted.org/packages/7e/06/2e3d4d7608b0b2b3adbee0d0bd6a2d29ca0fc4d8a78f8277df04e2d1fd7b/asyncpg-0.31.0-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:e009abc333464ff18b8f6fd146addffd9aaf63e79aa3bb40ab7a4c332d0c5e9e", size = 3498738, upload-time = "2025-11-24T23:26:37.275Z" },
-    { url = "https://files.pythonhosted.org/packages/7d/aa/7d75ede780033141c51d83577ea23236ba7d3a23593929b32b49db8ed36e/asyncpg-0.31.0-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:3b1fbcb0e396a5ca435a8826a87e5c2c2cc0c8c68eb6fadf82168056b0e53a8c", size = 3401026, upload-time = "2025-11-24T23:26:39.423Z" },
-    { url = "https://files.pythonhosted.org/packages/ba/7a/15e37d45e7f7c94facc1e9148c0e455e8f33c08f0b8a0b1deb2c5171771b/asyncpg-0.31.0-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:8df714dba348efcc162d2adf02d213e5fab1bd9f557e1305633e851a61814a7a", size = 3429426, upload-time = "2025-11-24T23:26:41.032Z" },
-    { url = "https://files.pythonhosted.org/packages/13/d5/71437c5f6ae5f307828710efbe62163974e71237d5d46ebd2869ea052d10/asyncpg-0.31.0-cp314-cp314t-win32.whl", hash = "sha256:1b41f1afb1033f2b44f3234993b15096ddc9cd71b21a42dbd87fc6a57b43d65d", size = 614495, upload-time = "2025-11-24T23:26:42.659Z" },
-    { url = "https://files.pythonhosted.org/packages/3c/d7/8fb3044eaef08a310acfe23dae9a8e2e07d305edc29a53497e52bc76eca7/asyncpg-0.31.0-cp314-cp314t-win_amd64.whl", hash = "sha256:bd4107bb7cdd0e9e65fae66a62afd3a249663b844fa34d479f6d5b3bef9c04c3", size = 706062, upload-time = "2025-11-24T23:26:44.086Z" },
+    { url = "https://files.pythonhosted.org/packages/c0/1b/54f4ad77cd8a584fa70746c47df988e002cf1ee1eba43364d46f87803647/asgiref-3.12.1-py3-none-any.whl", hash = "sha256:fe386d1c2bff7259ea95929266d12a8cf9a8b5a1c2598402967d8792e7a7c094", size = 25478, upload-time = "2026-07-14T09:56:16.926Z" },
 ]
 
 [[package]]
@@ -261,12 +226,42 @@ wheels = [
 ]
 
 [[package]]
-name = "billiard"
-version = "4.2.4"
+name = "autobahn"
+version = "26.7.1"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/58/23/b12ac0bcdfb7360d664f40a00b1bda139cbbbced012c34e375506dbd0143/billiard-4.2.4.tar.gz", hash = "sha256:55f542c371209e03cd5862299b74e52e4fbcba8250ba611ad94276b369b6a85f", size = 156537, upload-time = "2025-11-30T13:28:48.52Z" }
+dependencies = [
+    { name = "cbor2" },
+    { name = "cffi" },
+    { name = "cryptography" },
+    { name = "hyperlink" },
+    { name = "msgpack", marker = "platform_python_implementation == 'CPython'" },
+    { name = "txaio" },
+    { name = "u-msgpack-python", marker = "platform_python_implementation != 'CPython'" },
+    { name = "ujson" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/de/73/f109f563c27e048e45d135d81af19e6ca391e24905550b06bd1c9d674c57/autobahn-26.7.1.tar.gz", hash = "sha256:c6949a2c6eb95fb1c218837dbda0a59abbbebafb8b11098551c01a7061dfd245", size = 14056542, upload-time = "2026-07-15T19:14:01.246Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/cb/87/8bab77b323f16d67be364031220069f79159117dd5e43eeb4be2fef1ac9b/billiard-4.2.4-py3-none-any.whl", hash = "sha256:525b42bdec68d2b983347ac312f892db930858495db601b5836ac24e6477cde5", size = 87070, upload-time = "2025-11-30T13:28:47.016Z" },
+    { url = "https://files.pythonhosted.org/packages/36/92/2f6e57d9f9e6b86b9db362f58aaa6cfeadc2f3a6901ec95aab27ef232b5c/autobahn-26.7.1-cp313-cp313-macosx_15_0_arm64.whl", hash = "sha256:2ce48214b28f73338fabe0c7fd13d222cfab9e1dd2ef11660293522f64e76727", size = 1987052, upload-time = "2026-07-15T19:13:38.543Z" },
+    { url = "https://files.pythonhosted.org/packages/38/6d/f170134468e276fa9ea57eb1ae41f9cc0dcd0228e9d501f370fa50c0ee31/autobahn-26.7.1-cp313-cp313-manylinux_2_24_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:a5f285dce9b3dff3eb2ef6c818ac8ede24d96bd1edac340855170fc9825c38a9", size = 2082813, upload-time = "2026-07-15T19:13:39.686Z" },
+    { url = "https://files.pythonhosted.org/packages/0d/ce/b735fa933e9ba4fa8c3f9aa9ae68b4e2d4aadb0a92b38ade30e37a7d4795/autobahn-26.7.1-cp313-cp313-manylinux_2_24_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:66ab6e034e54f8c473df1a6b8031a3db46c16deebaf0c9b66db3e9137d2fab5e", size = 2254818, upload-time = "2026-07-15T19:13:40.951Z" },
+    { url = "https://files.pythonhosted.org/packages/df/3e/57855f4f52aa0ee64c6d8210637d0d9847de4c1082e03ddd2ffafd853d2d/autobahn-26.7.1-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:20b3eab7d483e93278f9d7345592eb6b465883a6e88c2823aad13c3f943452db", size = 682494, upload-time = "2026-07-15T19:13:42.193Z" },
+    { url = "https://files.pythonhosted.org/packages/3b/3c/3944f17dd2a06aee7d0d9f1c37b5a94518434d13ba2c38e738d33ca10daf/autobahn-26.7.1-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:cd840524ff190aee695a58e8acd8740ee66b4a0e6a58ccb41416ed2cbe48d43f", size = 3403666, upload-time = "2026-07-15T19:13:43.508Z" },
+    { url = "https://files.pythonhosted.org/packages/d9/40/187f83f4048705160bdac91235183e9d0f3bbe002be4da552cce640c239b/autobahn-26.7.1-cp313-cp313-win_amd64.whl", hash = "sha256:8d158b85f075975dd4d47e937c943588f7cbf8e46f3271544b55f5c6f6500071", size = 2174266, upload-time = "2026-07-15T19:13:45.161Z" },
+    { url = "https://files.pythonhosted.org/packages/51/3e/200471878093a502f8e8078c1ca19fd82acc68ae9ac363e395170da6dbe2/autobahn-26.7.1-cp314-cp314-macosx_15_0_arm64.whl", hash = "sha256:f3d1be925e3fb33fff5280c1bd02027047519812c400d3efa5477d3968686c94", size = 1987070, upload-time = "2026-07-15T19:13:47.112Z" },
+    { url = "https://files.pythonhosted.org/packages/61/d1/704f881fd2c52b056dc0f14e6d0d640b1f3ff43f3b84cf85d3631e3243f4/autobahn-26.7.1-cp314-cp314-manylinux_2_24_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:44f8094b0c0fa29a4963ce12130b7932469f89afa0242ff858d2b26541a81005", size = 2082939, upload-time = "2026-07-15T19:13:48.569Z" },
+    { url = "https://files.pythonhosted.org/packages/a8/27/84e76aec7abbcb502d4cd34ef5c859eaa19a3b707cda68ab7ce68478dd92/autobahn-26.7.1-cp314-cp314-manylinux_2_24_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:a0fcf9c3ff6b9b2bc85d6e1814a94d1d941d62f7df36d350b523d77df85d66ea", size = 2254983, upload-time = "2026-07-15T19:13:49.802Z" },
+    { url = "https://files.pythonhosted.org/packages/e6/81/a810732a10342c5d6b90d19f83fa2bc9b6126e7c0cda7c4df867e311aa2e/autobahn-26.7.1-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:4f82e5a113f6c1ff14cec99aa411f7da8fceec3dcd4647d7ebdfc0278811e14d", size = 3174295, upload-time = "2026-07-15T19:13:51.227Z" },
+    { url = "https://files.pythonhosted.org/packages/a6/c6/4886fdaecfeda013e085288a9d83bad6f1ded9995b8088ca933d9ec37201/autobahn-26.7.1-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:919309cbe41b28b0a3028e7c6fed52aca9fd21639619f372d3270c44341b6bdc", size = 3403713, upload-time = "2026-07-15T19:13:52.744Z" },
+    { url = "https://files.pythonhosted.org/packages/42/08/0106af17fcbe65a85040a8d98015bdcf2ef68144e12df500a72b91a5873e/autobahn-26.7.1-cp314-cp314-win_amd64.whl", hash = "sha256:354298aa0ab79861578f45f5bf543e4757c32070ff801282beda80c6c4f2a41e", size = 2206827, upload-time = "2026-07-15T19:13:54.499Z" },
+]
+
+[[package]]
+name = "automat"
+version = "25.4.16"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/e3/0f/d40bbe294bbf004d436a8bcbcfaadca8b5140d39ad0ad3d73d1a8ba15f14/automat-25.4.16.tar.gz", hash = "sha256:0017591a5477066e90d26b0e696ddc143baafd87b588cfac8100bc6be9634de0", size = 129977, upload-time = "2025-04-16T20:12:16.002Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/02/ff/1175b0b7371e46244032d43a56862d0af455823b5280a50c63d99cc50f18/automat-25.4.16-py3-none-any.whl", hash = "sha256:04e9bce696a8d5671ee698005af6e5a9fa15354140a87f4870744604dcdd3ba1", size = 42842, upload-time = "2025-04-16T20:12:14.447Z" },
 ]
 
 [[package]]
@@ -298,262 +293,337 @@ wheels = [
 ]
 
 [[package]]
-name = "botocore-stubs"
-version = "1.42.41"
+name = "cbor2"
+version = "5.9.0"
 source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "types-awscrt" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/0c/a8/a26608ff39e3a5866c6c79eda10133490205cbddd45074190becece3ff2a/botocore_stubs-1.42.41.tar.gz", hash = "sha256:dbeac2f744df6b814ce83ec3f3777b299a015cbea57a2efc41c33b8c38265825", size = 42411, upload-time = "2026-02-03T20:46:14.479Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/bd/cb/09939728be094d155b5d4ac262e39877875f5f7e36eea66beb359f647bd0/cbor2-5.9.0.tar.gz", hash = "sha256:85c7a46279ac8f226e1059275221e6b3d0e370d2bb6bd0500f9780781615bcea", size = 111231, upload-time = "2026-03-22T15:56:50.638Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/32/76/cab7af7f16c0b09347f2ebe7ffda7101132f786acb767666dce43055faab/botocore_stubs-1.42.41-py3-none-any.whl", hash = "sha256:9423110fb0e391834bd2ed44ae5f879d8cb370a444703d966d30842ce2bcb5f0", size = 66759, upload-time = "2026-02-03T20:46:13.02Z" },
+    { url = "https://files.pythonhosted.org/packages/81/c5/4901e21a8afe9448fd947b11e8f383903207cd6dd0800e5f5a386838de5b/cbor2-5.9.0-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:fbb06f34aa645b4deca66643bba3d400d20c15312d1fe88d429be60c1ab50f27", size = 71284, upload-time = "2026-03-22T15:56:22.836Z" },
+    { url = "https://files.pythonhosted.org/packages/1b/10/df643a381aebc3f05486de4813662bc58accb640fc3275cb276a75e89694/cbor2-5.9.0-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:ac684fe195c39821fca70d18afbf748f728aefbfbf88456018d299e559b8cae0", size = 287682, upload-time = "2026-03-22T15:56:24.024Z" },
+    { url = "https://files.pythonhosted.org/packages/c6/0c/8aa6b766059ae4a0ca1ec3ff96fe3823a69a7be880dba2e249f7fbe2700b/cbor2-5.9.0-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:2a54fbb32cb828c214f7f333a707e4aec61182e7efdc06ea5d9596d3ecee624a", size = 288009, upload-time = "2026-03-22T15:56:25.305Z" },
+    { url = "https://files.pythonhosted.org/packages/74/07/6236bc25c183a9cf7e8062e5dddf9eae9b0b14ebf14a58a69fe5a1e872c6/cbor2-5.9.0-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:4753a6d1bc71054d9179557bc65740860f185095ccb401d46637fff028a5b3ec", size = 280437, upload-time = "2026-03-22T15:56:26.479Z" },
+    { url = "https://files.pythonhosted.org/packages/4e/0a/84328d23c3c68874ac6497edb9b1900579a1028efa54734df3f1762bbc15/cbor2-5.9.0-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:380e534482b843e43442b87d8777a7bf9bed20cb7526f89b780c3400f617304b", size = 282247, upload-time = "2026-03-22T15:56:28.644Z" },
+    { url = "https://files.pythonhosted.org/packages/9b/f6/89b4627e09d028c8e5fcaf7cb55f225c33ce6e037ec1844e65d02bcfa945/cbor2-5.9.0-cp313-cp313-win_amd64.whl", hash = "sha256:dcf0f695873e5c94bd072d6af8698e72b8fb7f7a18f37e0bced1041b7111a6cf", size = 70089, upload-time = "2026-03-22T15:56:29.801Z" },
+    { url = "https://files.pythonhosted.org/packages/e2/7c/efadcd5f0102db692490e4e206988a2f98d39a09912090db497a2b800885/cbor2-5.9.0-cp313-cp313-win_arm64.whl", hash = "sha256:f7c9751a9611601ab326d8f5837f01379195bbf06175fb4effeb552140e7c9e8", size = 65466, upload-time = "2026-03-22T15:56:30.823Z" },
+    { url = "https://files.pythonhosted.org/packages/08/7d/9ccc36d10ef96e6038e48046ebe1ce35a1e7814da0e1e204d09e6ef09b8d/cbor2-5.9.0-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:23606d31ba1368bd1b6602e3020ee88fe9523ca80e8630faf6b2fc904fd84560", size = 71500, upload-time = "2026-03-22T15:56:31.876Z" },
+    { url = "https://files.pythonhosted.org/packages/70/e1/a6cca2cc72e13f00030c6a649f57ae703eb2c620806ab70c40db8eab33fa/cbor2-5.9.0-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:0322296b9d52f55880e300ba8ba09ecf644303b99b51138bbb1c0fb644fa7c3e", size = 286953, upload-time = "2026-03-22T15:56:33.292Z" },
+    { url = "https://files.pythonhosted.org/packages/08/3c/24cd5ef488a957d90e016f200a3aad820e4c2f85edd61c9fe4523007a1ee/cbor2-5.9.0-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:422817286c1d0ce947fb2f7eca9212b39bddd7231e8b452e2d2cc52f15332dba", size = 285454, upload-time = "2026-03-22T15:56:34.703Z" },
+    { url = "https://files.pythonhosted.org/packages/a4/35/dca96818494c0ba47cdd73e8d809b27fa91f8fa0ce32a068a09237687454/cbor2-5.9.0-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:9a4907e0c3035bb8836116854ed8e56d8aef23909d601fa59706320897ec2551", size = 279441, upload-time = "2026-03-22T15:56:35.888Z" },
+    { url = "https://files.pythonhosted.org/packages/a4/44/d3362378b16e53cf7e535a3f5aed8476e2109068154e24e31981ef5bde9e/cbor2-5.9.0-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:fb7afe77f8d269e42d7c4b515c6fd14f1ccc0625379fb6829b269f493d16eddd", size = 279673, upload-time = "2026-03-22T15:56:37.08Z" },
+    { url = "https://files.pythonhosted.org/packages/43/d1/3533a697e5842fff7c2f64912eb251f8dcab3a8b5d88e228d6eebc3b5021/cbor2-5.9.0-cp314-cp314-win_amd64.whl", hash = "sha256:86baf870d4c0bfc6f79de3801f3860a84ab76d9c8b0abb7f081f2c14c38d79d3", size = 71940, upload-time = "2026-03-22T15:56:38.366Z" },
+    { url = "https://files.pythonhosted.org/packages/ff/e2/c6ba75f3fb25dfa15ab6999cc8709c821987e9ed8e375d7f58539261bcb9/cbor2-5.9.0-cp314-cp314-win_arm64.whl", hash = "sha256:7221483fad0c63afa4244624d552abf89d7dfdbc5f5edfc56fc1ff2b4b818975", size = 67639, upload-time = "2026-03-22T15:56:39.39Z" },
+    { url = "https://files.pythonhosted.org/packages/42/ff/b83492b096fbef26e9cb62c1a4bf2d3cef579ea7b33138c6c37c4ae66f67/cbor2-5.9.0-py3-none-any.whl", hash = "sha256:27695cbd70c90b8de5c4a284642c2836449b14e2c2e07e3ffe0744cb7669a01b", size = 24627, upload-time = "2026-03-22T15:56:48.847Z" },
 ]
 
 [[package]]
-name = "celery"
-version = "5.6.3"
+name = "cffi"
+version = "2.1.0"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "billiard" },
-    { name = "click" },
-    { name = "click-didyoumean" },
-    { name = "click-plugins" },
-    { name = "click-repl" },
-    { name = "kombu" },
-    { name = "python-dateutil" },
-    { name = "tzlocal" },
-    { name = "vine" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/e8/b4/a1233943ab5c8ea05fb877a88a0a0622bf47444b99e4991a8045ac37ea1d/celery-5.6.3.tar.gz", hash = "sha256:177006bd2054b882e9f01be59abd8529e88879ef50d7918a7050c5a9f4e12912", size = 1742243, upload-time = "2026-03-26T12:14:51.76Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/cf/c9/6eccdda96e098f7ae843162db2d3c149c6931a24fda69fe4ab84d0027eb5/celery-5.6.3-py3-none-any.whl", hash = "sha256:0808f42f80909c4d5833202360ffafb2a4f83f4d8e23e1285d926610e9a7afa6", size = 451235, upload-time = "2026-03-26T12:14:49.491Z" },
+    { name = "pycparser", marker = "implementation_name != 'PyPy'" },
 ]
-
-[[package]]
-name = "celery-aio-pool"
-version = "0.1.0rc8"
+sdist = { url = "https://files.pythonhosted.org/packages/57/5f/ff100cae70ebe9d8df1c01a00e510e45d9adb5c1fdda84791b199141de97/cffi-2.1.0.tar.gz", hash = "sha256:efc1cdd798b1aaf39b4610bba7aad28c9bea9b910f25c784ccf9ec1fa719d1f9", size = 531036, upload-time = "2026-07-06T21:34:30.382Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/96/88/a996879e2eeccb815f6e3a5967b12a308257412acec882039d386bd2aa7b/cffi-2.1.0-cp313-cp313-ios_13_0_arm64_iphoneos.whl", hash = "sha256:10537b1df4967ca26d21e5072d7d54188354483b91dc75058968d3f0cf13fbda", size = 194331, upload-time = "2026-07-06T21:33:03.697Z" },
+    { url = "https://files.pythonhosted.org/packages/58/85/7ae00d5c8dd6266f4e944c3db630f3c5c9a98b61d469c714d848b1d8138a/cffi-2.1.0-cp313-cp313-ios_13_0_arm64_iphonesimulator.whl", hash = "sha256:a95b05f9baf29b91171b3a8bd2020b028835243e7b0ff6bb23e2a3c228518b1b", size = 196966, upload-time = "2026-07-06T21:33:05.353Z" },
+    { url = "https://files.pythonhosted.org/packages/8c/e9/45c3a76ad8d43ad9261f4c95436da61128d3ca545d72b9612c0ab5be0b1c/cffi-2.1.0-cp313-cp313-macosx_10_15_x86_64.whl", hash = "sha256:15faec4adfff450819f3aee0e2e02c812de6edb88203aa58807955db2003472a", size = 184795, upload-time = "2026-07-06T21:33:06.699Z" },
+    { url = "https://files.pythonhosted.org/packages/84/4c/82f132cb4418ee6d953d982b19191e87e2a6372c8a4ce36e50b69d6ade4a/cffi-2.1.0-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:716ff8ec22f20b4d988b12884086bcef0fc99737043e503f7a3935a6be99b1ea", size = 184746, upload-time = "2026-07-06T21:33:08.071Z" },
+    { url = "https://files.pythonhosted.org/packages/a0/1c/4ed5a0e5bdca6cbc275556de3328dd1b76fd0c11cc13c88fe66d1d8715f2/cffi-2.1.0-cp313-cp313-manylinux1_i686.manylinux2014_i686.manylinux_2_17_i686.manylinux_2_5_i686.whl", hash = "sha256:63960549e4f8dc41e31accb97b975abaecfc44c03e396c093a6436763c2ea7db", size = 214747, upload-time = "2026-07-06T21:33:09.671Z" },
+    { url = "https://files.pythonhosted.org/packages/3a/a6/e879bb68cc23a2bc9ba8f4b7d8019f0c2694bad2ab6c4a3701d429439f58/cffi-2.1.0-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:ff067a8d8d880e7809e4ac88eb009bb848870115317b306666502ccad30b147f", size = 222392, upload-time = "2026-07-06T21:33:10.896Z" },
+    { url = "https://files.pythonhosted.org/packages/88/f6/01890cfd63c08f8eb96a8319b0443690197d240a8bd6346048cf7bde9190/cffi-2.1.0-cp313-cp313-manylinux2014_ppc64le.manylinux_2_17_ppc64le.whl", hash = "sha256:3b926723c13eba9f81d2ef3820d63aeceec3b2d4639906047bf675cb8a7a500d", size = 210285, upload-time = "2026-07-06T21:33:12.251Z" },
+    { url = "https://files.pythonhosted.org/packages/a6/cf/2b684132056f438567b61e19d690dd31cd0921ace051e0a458be6074369e/cffi-2.1.0-cp313-cp313-manylinux2014_s390x.manylinux_2_17_s390x.whl", hash = "sha256:47ff3a8bfd8cb9da1af7524b965127095055654c177fcfc7578debcb015eecd0", size = 208801, upload-time = "2026-07-06T21:33:13.617Z" },
+    { url = "https://files.pythonhosted.org/packages/6f/08/f2e7d62c460faae0926f2d6e423694aa409ced3bc1fe2927a0a6e5f05416/cffi-2.1.0-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:799416bae98336e400981ff6e532d67d5c709cfb30afb79865a1315f94b0e224", size = 221808, upload-time = "2026-07-06T21:33:15.466Z" },
+    { url = "https://files.pythonhosted.org/packages/38/37/04f54b8e63a02f3d908332c9effbf8c366167c6f733ed8a3d4f79b7e2a1e/cffi-2.1.0-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:961be50688f7fba2fa65f63712d3b9b341a22311f5253460ce933f52f0de1c8c", size = 225241, upload-time = "2026-07-06T21:33:16.869Z" },
+    { url = "https://files.pythonhosted.org/packages/a9/d6/c72eecca433cd3e681c65ed313ab4835d9d4a379704d0f628a6a05f51c2e/cffi-2.1.0-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:bf5c6cf48238b0eb4c086978c492ad1cbc22373fc5b2d7353b3a598ce6db887a", size = 223588, upload-time = "2026-07-06T21:33:18.239Z" },
+    { url = "https://files.pythonhosted.org/packages/c6/4b/e706f67279140f92939da3475ad610df18bfd52d50f14953a8e5fede71d5/cffi-2.1.0-cp313-cp313-win32.whl", hash = "sha256:db3eb7d46527159a878ec3460e9d40615bc25ba337d477db681aea6e4f05c5d2", size = 175248, upload-time = "2026-07-06T21:33:19.799Z" },
+    { url = "https://files.pythonhosted.org/packages/5a/47/59eb7975cb0e4ef0afa764ea945b29a5bb4537a9f771cb7d6c8a5dd74c95/cffi-2.1.0-cp313-cp313-win_amd64.whl", hash = "sha256:8e74a6135550c4748af665b1b1118b6aab33b1fc6a16f9aff630af107c3b4512", size = 185717, upload-time = "2026-07-06T21:33:21.47Z" },
+    { url = "https://files.pythonhosted.org/packages/5a/af/34fee85c48f8d94efc8597bc09470c9dd274c145f1c12e0fbc6ab6d38d74/cffi-2.1.0-cp313-cp313-win_arm64.whl", hash = "sha256:2282cd5e38aa8accd03e99d1256af8411c84cdbee6a89d841b563fdbd1f3e50f", size = 180114, upload-time = "2026-07-06T21:33:22.515Z" },
+    { url = "https://files.pythonhosted.org/packages/d8/f0/81478e482afa03f6d18dc8f2afb5edc45b3080853b634b5ed91961be0998/cffi-2.1.0-cp314-cp314-ios_13_0_arm64_iphoneos.whl", hash = "sha256:d2117334c3af3bdcb9a88522b844a2bdb5efdc4f71c6c822df55486ae1c3347a", size = 194142, upload-time = "2026-07-06T21:33:23.657Z" },
+    { url = "https://files.pythonhosted.org/packages/7d/95/8de304305cd9204974b0ca051b86d307cafca13aa575a0ef1b44d92c0d8c/cffi-2.1.0-cp314-cp314-ios_13_0_arm64_iphonesimulator.whl", hash = "sha256:702c436735fbe99d59ada02a1f65cfc0d31c0ee8b7290912f8fbc5cd1e4b16c3", size = 196819, upload-time = "2026-07-06T21:33:25.007Z" },
+    { url = "https://files.pythonhosted.org/packages/20/71/7c8372d30e42415602ed9f268f7cfd66f1b855fed881ecd168bcb45dbc0b/cffi-2.1.0-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:1ff3456eab0d889592d1936d6125bbfbc7ae4d3354a700f8bd80450a66445d4d", size = 184965, upload-time = "2026-07-06T21:33:26.605Z" },
+    { url = "https://files.pythonhosted.org/packages/d6/5c/584e626835f0375c928176c04137c96927165cb8733cdb3150ec04e5ee5e/cffi-2.1.0-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:c4165821e131d6d4ca444347c2b694e2311bcfa3fe5a861cc72968f28867beac", size = 184952, upload-time = "2026-07-06T21:33:27.823Z" },
+    { url = "https://files.pythonhosted.org/packages/2e/d2/065fcae1c73979fac8e054462478d0ff8a29c40cdc2ed7ea5676a061df53/cffi-2.1.0-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:276f20fffd7b396e12516ba8edf9509210ac248cbbc5acbc39cd512f9f59ebe6", size = 222353, upload-time = "2026-07-06T21:33:29.178Z" },
+    { url = "https://files.pythonhosted.org/packages/ed/a5/e8bbb1ce5b3ac2f53ad6a10bde44318a5a8d99d4f4a000d44a6e39aeb3e4/cffi-2.1.0-cp314-cp314-manylinux2014_ppc64le.manylinux_2_17_ppc64le.whl", hash = "sha256:7d5980a3433d4b71a5e120f9dd551403d7824e31e2e67124fe2769c404c06913", size = 210051, upload-time = "2026-07-06T21:33:30.534Z" },
+    { url = "https://files.pythonhosted.org/packages/28/ed/c127d3ac36e899c965e3361357c3befacd6578c03f40125183e41c3b219e/cffi-2.1.0-cp314-cp314-manylinux2014_s390x.manylinux_2_17_s390x.whl", hash = "sha256:6ca4919c6e4f89aa99c42510b42cf54596892c00b3f9077f6bdd1505e24b9c8d", size = 208630, upload-time = "2026-07-06T21:33:31.753Z" },
+    { url = "https://files.pythonhosted.org/packages/cc/d7/97d3136f81db489ec8d1d67748c110d6c994268fd7528014aa9f2b085e4e/cffi-2.1.0-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:d53d10f7da99ae46f7373b9150393e9c5eab9b224909982b43832668de4779f5", size = 221593, upload-time = "2026-07-06T21:33:33.044Z" },
+    { url = "https://files.pythonhosted.org/packages/d3/27/93195977168ee63aed233a1a0993a2178798654d1f4bddcdd321d6fd3b21/cffi-2.1.0-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:c351efb95e832a853a29361675f33a7ce53de1a109cd73fd47af0712213aa4ce", size = 225146, upload-time = "2026-07-06T21:33:34.224Z" },
+    { url = "https://files.pythonhosted.org/packages/b3/c1/6dbd291ee2ae5a50a034aa057207081f545923bbf15dad4511e985aafff5/cffi-2.1.0-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:dbf7c7a88e2bac086f06d14577332760bdeecc42bdec8ac4077f6260557d9326", size = 223240, upload-time = "2026-07-06T21:33:35.57Z" },
+    { url = "https://files.pythonhosted.org/packages/0f/6f/ade5ce9863a57992a6ea3d0d10d7e29b8749fc127204b3d493d667b2815f/cffi-2.1.0-cp314-cp314-win32.whl", hash = "sha256:1854b724d00f6654c742097d5387569021be12d3a0f770eae1df8f8acfcc6acd", size = 177723, upload-time = "2026-07-06T21:33:51.626Z" },
+    { url = "https://files.pythonhosted.org/packages/41/de/92b9eeed4ae4a21d6fd9b2a2c8505cbed573299902ea73981cc13f7ff62c/cffi-2.1.0-cp314-cp314-win_amd64.whl", hash = "sha256:1b96bfe2c4bd825681b7d311ad6d9b7280a091f43e8f63da5729638083cd3bfb", size = 187937, upload-time = "2026-07-06T21:33:53.403Z" },
+    { url = "https://files.pythonhosted.org/packages/2e/1a/cc6ae6c2913a03aab8898eee57963cf1035b8df5872ed8b9115fcc7e2be8/cffi-2.1.0-cp314-cp314-win_arm64.whl", hash = "sha256:7d28dff1db6764108bc30788d85d61c876beff416d9a49cb9dd7c5a9f34f5804", size = 183001, upload-time = "2026-07-06T21:33:54.74Z" },
+    { url = "https://files.pythonhosted.org/packages/14/f0/134c00ce0779ec86dea2aa1aac69339c2741a8045072676763512363a2ea/cffi-2.1.0-cp314-cp314t-macosx_10_15_x86_64.whl", hash = "sha256:7ea6b3e2c4250ff1de21c630fe72d0f63eb95c2c32ffbf64a358cf4a8836d714", size = 188538, upload-time = "2026-07-06T21:33:36.792Z" },
+    { url = "https://files.pythonhosted.org/packages/50/d8/3b86aba791cb610d24e8a3e1b2cd529e71fa15096b04e4d4e360049d4a4c/cffi-2.1.0-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:6af371f3767faeffc6ac1ef57cdfd25844403e9d3f476c5537caee499de96376", size = 188230, upload-time = "2026-07-06T21:33:38.011Z" },
+    { url = "https://files.pythonhosted.org/packages/14/d0/117dcd9209255ad8571fbc8c92ef32593a1d294dcec91ddc4e4db50606f2/cffi-2.1.0-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:eb4e8997a49aa2c08a3e43c9045d224448b8941d88e7ac163c7d383e560cbf98", size = 223899, upload-time = "2026-07-06T21:33:39.514Z" },
+    { url = "https://files.pythonhosted.org/packages/b6/3d/f20f8b886b254e3ad10e15cd4186d3aed49f3e6a35ab37aab9f8f25f7c03/cffi-2.1.0-cp314-cp314t-manylinux2014_ppc64le.manylinux_2_17_ppc64le.whl", hash = "sha256:bf01d8c84cbea96b944c73b22182e6c7c432b3475632b8111dbfdc95ddad6e13", size = 211652, upload-time = "2026-07-06T21:33:40.851Z" },
+    { url = "https://files.pythonhosted.org/packages/28/3b/fad54de07260b93ddeef4b96d0131d57ea900675df1d410ae1deee52d7a6/cffi-2.1.0-cp314-cp314t-manylinux2014_s390x.manylinux_2_17_s390x.whl", hash = "sha256:33eb1ad83ebe8f313e0df035c406227d55a79456704a863fad9842136af5ad7d", size = 210755, upload-time = "2026-07-06T21:33:42.183Z" },
+    { url = "https://files.pythonhosted.org/packages/cc/82/3d5c705acb7abbba9bbd7d79b8e62e0f25b6120eb7ae6ac49f1b721722fe/cffi-2.1.0-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:ac0f1a2d0cfa7eea3f2aaf006ab6e70e8feeb16b75d65b7e5939982ca2f11056", size = 223933, upload-time = "2026-07-06T21:33:43.603Z" },
+    { url = "https://files.pythonhosted.org/packages/6c/d0/47e338384ab6b1004241002fa616301020cea4fc95f283506565d252f276/cffi-2.1.0-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:c16914df9fb7f500e440e6875fa23ff5e0b31db01fa9c06af98d59a91f0dc2e4", size = 226749, upload-time = "2026-07-06T21:33:45.046Z" },
+    { url = "https://files.pythonhosted.org/packages/70/25/65bd5b58ea4bfdfc15cde02cb5365f89ef8ab8b2adfb8fe5c4bd4233382f/cffi-2.1.0-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:5ecbd0499275d57506d397eebe1981cee87b47fcd9ef5c22cab7ed7644a39a94", size = 225703, upload-time = "2026-07-06T21:33:46.374Z" },
+    { url = "https://files.pythonhosted.org/packages/dc/78/aa01ac599a8a4322533d45a1f9bc93b338276d2d59dabbe7c6d92a775c81/cffi-2.1.0-cp314-cp314t-win32.whl", hash = "sha256:7d034dcffa09e9a46c93fa3a3be402096cb5354ac6e41ab8e5cc9cd8b642ad76", size = 182857, upload-time = "2026-07-06T21:33:47.696Z" },
+    { url = "https://files.pythonhosted.org/packages/b9/26/d00496b22de4d4228f32dde94ad996f350c8aad676d63bcca0743c8dea4d/cffi-2.1.0-cp314-cp314t-win_amd64.whl", hash = "sha256:0582a58f3051372229ca8e7f5f589f9e5632678208d8636fea3676711fdf7fe5", size = 194065, upload-time = "2026-07-06T21:33:48.953Z" },
+    { url = "https://files.pythonhosted.org/packages/d5/dd/0c7dbf815a579ff005008a2d815a55d6bb047c349eef536d9dc53d3f0a8d/cffi-2.1.0-cp314-cp314t-win_arm64.whl", hash = "sha256:510aeeeac94811b138077451da1fb18b308a5feab47dd2b603af55804155e1c8", size = 186404, upload-time = "2026-07-06T21:33:50.309Z" },
+    { url = "https://files.pythonhosted.org/packages/55/c7/8c8c50cb11c6750051daf12164098a9a6f027ac4356967fd4d800a07f242/cffi-2.1.0-cp315-cp315-ios_13_0_arm64_iphoneos.whl", hash = "sha256:2e9dabb9abcb7ad15938c7196ad5c1718a4e6d33cc79b4c0209bdb64c4a54a5c", size = 194121, upload-time = "2026-07-06T21:33:56.109Z" },
+    { url = "https://files.pythonhosted.org/packages/99/e2/67680bf19a6b60d2bb7ff83baefa2a4c3d2d7dc0f3277034b802e1fc504c/cffi-2.1.0-cp315-cp315-ios_13_0_arm64_iphonesimulator.whl", hash = "sha256:37f525a7e7e50c017fdebe58b787be310ad59357ae43a053943a6e1a6c526001", size = 196820, upload-time = "2026-07-06T21:33:57.288Z" },
+    { url = "https://files.pythonhosted.org/packages/ed/da/4bbe583a3b3a5c8c60892124fe17f3fa3656523faf0d3484eae90f091853/cffi-2.1.0-cp315-cp315-macosx_10_15_x86_64.whl", hash = "sha256:95f2954c2c9473d892eca6e0409f3568b37ab62a8eedb122461f73cc273476e3", size = 184936, upload-time = "2026-07-06T21:33:58.765Z" },
+    { url = "https://files.pythonhosted.org/packages/e5/4b/1f4c36ab273980d7aa75bb126ea4f8971f24a96108acad3a0a084028c57b/cffi-2.1.0-cp315-cp315-macosx_11_0_arm64.whl", hash = "sha256:cdf2448aab5f661c9315308ec8b93f4e8a1a67a3c733f8631067a2b67d5913dc", size = 185045, upload-time = "2026-07-06T21:34:00.085Z" },
+    { url = "https://files.pythonhosted.org/packages/ef/c3/ad299dc38f3583f8d916b299f028af418a9ec98bc695fcbebeae7420691c/cffi-2.1.0-cp315-cp315-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:90bec57cf82089383bd06a605b3eb8daebf7e5a668520beaf6e327a83a947699", size = 222342, upload-time = "2026-07-06T21:34:01.814Z" },
+    { url = "https://files.pythonhosted.org/packages/eb/d8/df4543cc087245044ed02ef3ad8e0a26619d0075ac7a77a12dc81177851b/cffi-2.1.0-cp315-cp315-manylinux2014_ppc64le.manylinux_2_17_ppc64le.whl", hash = "sha256:6274dcb2d15cef48daa73ed1be5a40d501d74dccd0cd6db364776d12cb6ba022", size = 210073, upload-time = "2026-07-06T21:34:03.255Z" },
+    { url = "https://files.pythonhosted.org/packages/2c/0e/fac738d73728c6cea2a88a2883dca54892496cbba88a1dc1f2909cb8a6f5/cffi-2.1.0-cp315-cp315-manylinux2014_s390x.manylinux_2_17_s390x.whl", hash = "sha256:2b71d409cccee78310ab5dec549aed052aaea483346e282c7b02362596e01bb0", size = 208551, upload-time = "2026-07-06T21:34:04.433Z" },
+    { url = "https://files.pythonhosted.org/packages/e6/3f/0b04a700dd64f465c93020253a793a82c9b4dff9961f48facd0df945d9b8/cffi-2.1.0-cp315-cp315-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:7d3538f9c0e50670f4deb93dbb696576e60590369cae2faf7de681e597a8a1f1", size = 221649, upload-time = "2026-07-06T21:34:06.157Z" },
+    { url = "https://files.pythonhosted.org/packages/5d/7c/b7379a5704c79eda57ce075869ba70a0368d1c850f803b3c0d078d39dcaf/cffi-2.1.0-cp315-cp315-musllinux_1_2_aarch64.whl", hash = "sha256:8f9ec95b8a043d3dfbc74d9abc6f7baf524dd27a8dc160b0a32ff9cdab650c28", size = 225203, upload-time = "2026-07-06T21:34:07.489Z" },
+    { url = "https://files.pythonhosted.org/packages/5a/02/d5e6c43ea85c41bda2a184a3418f195fe7cf602967a8d2b94e085b83deef/cffi-2.1.0-cp315-cp315-musllinux_1_2_x86_64.whl", hash = "sha256:af5e2915d41fe6c961694d7bfdc8562942638200f3ce2765dfb8b745cf997629", size = 223263, upload-time = "2026-07-06T21:34:08.712Z" },
+    { url = "https://files.pythonhosted.org/packages/2c/d8/772b8259bf75749adffb1c546828978381fb516f60cf701f6c83daf60c85/cffi-2.1.0-cp315-cp315-win32.whl", hash = "sha256:0a42c688d19fca6e095a53c6a6e2295a5b050a8b289f109adab02a9e61a25de6", size = 177696, upload-time = "2026-07-06T21:34:26.355Z" },
+    { url = "https://files.pythonhosted.org/packages/2f/dd/afa2191fc6d57fedd26e5844a2fe2fcc0bbfa00961bbaa5a41e4921e7cca/cffi-2.1.0-cp315-cp315-win_amd64.whl", hash = "sha256:bccbbb5ee76a61f9d99b5bf3846a51d7fca4b6a732fe46f89295610edaf41853", size = 187914, upload-time = "2026-07-06T21:34:27.58Z" },
+    { url = "https://files.pythonhosted.org/packages/05/ef/6cd4f8c671517162379dc79cfae5aea9106bc38abb89628d5c16adf6a838/cffi-2.1.0-cp315-cp315-win_arm64.whl", hash = "sha256:8d35c139744adb3e727cd51b1a18324bbe44b8bd41bf8322bca4d41289f48eda", size = 183004, upload-time = "2026-07-06T21:34:28.905Z" },
+    { url = "https://files.pythonhosted.org/packages/11/b6/12fc55092817a5faa26fb8c40c7f9d662e11a46ee248c137aafc42517d92/cffi-2.1.0-cp315-cp315t-macosx_10_15_x86_64.whl", hash = "sha256:f9912624a0c0b834b7520d7769b3644453aabc0a7e1c839da7359f050750e9bc", size = 188378, upload-time = "2026-07-06T21:34:09.926Z" },
+    { url = "https://files.pythonhosted.org/packages/8d/2e/cdac88979f295fde5daa69622c7d2111e56e7ceb94f211357fbe452339e4/cffi-2.1.0-cp315-cp315t-macosx_11_0_arm64.whl", hash = "sha256:df92f2aba50eb4d96718b68ef76f2e57a57b54f2fa62333496d16c6d585a85ca", size = 188319, upload-time = "2026-07-06T21:34:11.101Z" },
+    { url = "https://files.pythonhosted.org/packages/e0/27/1d0b408497e41a74795af122d7b603c418c5fed0171450f899afd04e594f/cffi-2.1.0-cp315-cp315t-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:0520e1f4c35f44e209cbbb421b67eec42e6a157f59444dfb6058874ff3610e5d", size = 223904, upload-time = "2026-07-06T21:34:12.606Z" },
+    { url = "https://files.pythonhosted.org/packages/8b/31/e115c985105dd7ffb32444505f18ceb874bb42d992af05d5dced7ecf1980/cffi-2.1.0-cp315-cp315t-manylinux2014_ppc64le.manylinux_2_17_ppc64le.whl", hash = "sha256:3681e031db29958a7502f5c0c9d6bbc4c36cb20f7b104086fa642d1799631ff8", size = 211554, upload-time = "2026-07-06T21:34:13.987Z" },
+    { url = "https://files.pythonhosted.org/packages/5a/67/9e6e09409336d9e515c58367e7cfcf4f89df06ad25252675595a58eb59d5/cffi-2.1.0-cp315-cp315t-manylinux2014_s390x.manylinux_2_17_s390x.whl", hash = "sha256:762f99479dcb369f60ab9017ad4ab97a36a1dd7c1ee5a3b15db0f4b8659120cd", size = 210795, upload-time = "2026-07-06T21:34:15.972Z" },
+    { url = "https://files.pythonhosted.org/packages/19/e5/d3cc82a4a0be7902af279c04181ad038449c096734464a5ae1de3e1401bd/cffi-2.1.0-cp315-cp315t-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:0611e7ebf90573a535ebdc33ae9da222d037853983e13359f580fab781ca017f", size = 223843, upload-time = "2026-07-06T21:34:17.509Z" },
+    { url = "https://files.pythonhosted.org/packages/b9/65/b434abc97ce7cecc2c640fde160507c0ecc7e21544b483ba3325d2e2ea17/cffi-2.1.0-cp315-cp315t-musllinux_1_2_aarch64.whl", hash = "sha256:86cf8755a791f72c85dc287128cc62d4f24d392e3f1e15837245623f4a33cccc", size = 226773, upload-time = "2026-07-06T21:34:19.05Z" },
+    { url = "https://files.pythonhosted.org/packages/b5/9f/d4dc66ca651eb1145a133314cda721abf13cfac3d28c4a0402263ae6ad75/cffi-2.1.0-cp315-cp315t-musllinux_1_2_x86_64.whl", hash = "sha256:ba00f661f8ba35d075c937174e27c2c421cec3942fd2e0ea3e66996757c0fdd9", size = 225719, upload-time = "2026-07-06T21:34:20.576Z" },
+    { url = "https://files.pythonhosted.org/packages/68/5a/e536c528bc8057496c360c0978559a2dc45653f89dd6151078aa7d8fca1a/cffi-2.1.0-cp315-cp315t-win32.whl", hash = "sha256:cb96698e3c7413d906ce83f8ffd245ec1bd94707541f299d0ce4d6b0193e982b", size = 182760, upload-time = "2026-07-06T21:34:22.059Z" },
+    { url = "https://files.pythonhosted.org/packages/d3/0b/0ffe8b82d3875bced5fa1e7986a7a46b748262a40ab7f60b475eb9fb1bb3/cffi-2.1.0-cp315-cp315t-win_amd64.whl", hash = "sha256:f146d154428a2523f9cc7936c02353c2459b8f6cf07d3cd1ee1c0a611109c5d5", size = 193769, upload-time = "2026-07-06T21:34:23.589Z" },
+    { url = "https://files.pythonhosted.org/packages/a0/17/1073b53b68c9b5ca6914adf5f8bf55aacc2d3be102418c90700160ea8605/cffi-2.1.0-cp315-cp315t-win_arm64.whl", hash = "sha256:cbb7640ce37159548d2147b5b8c241f962143d4c71231431820783f4dc78f210", size = 186405, upload-time = "2026-07-06T21:34:24.857Z" },
+]
+
+[[package]]
+name = "channels"
+version = "4.3.2"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "celery" },
+    { name = "asgiref" },
+    { name = "django" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/24/50/2d0962983fe1b21a4969454f804c12b5d10ad5ae335342b8520eed1d8899/celery_aio_pool-0.1.0rc8.tar.gz", hash = "sha256:47ffe9307a8be94eb39cc1c6607f49b18db2c797623fb6ea0825835dd50652f2", size = 24467, upload-time = "2024-12-09T15:31:13.997Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/74/92/b18d4bb54d14986a8b35215a1c9e6a7f9f4d57ca63ac9aee8290ebb4957d/channels-4.3.2.tar.gz", hash = "sha256:f2bb6bfb73ad7fb4705041d07613c7b4e69528f01ef8cb9fb6c21d9295f15667", size = 27023, upload-time = "2025-11-20T15:13:05.102Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/3f/ed/27407bd7aa280c9d6a3a33d541277bc35ad9a97d2eabac3c67e148da29fb/celery_aio_pool-0.1.0rc8-py3-none-any.whl", hash = "sha256:9a7631ea2759e6c8ae769fe668a3af34299a6ee730dabe57e36e66d66611b14a", size = 23305, upload-time = "2024-12-09T15:31:13.081Z" },
+    { url = "https://files.pythonhosted.org/packages/16/34/c32915288b7ef482377b6adc401192f98c6a99b3a145423d3b8aed807898/channels-4.3.2-py3-none-any.whl", hash = "sha256:fef47e9055a603900cf16cef85f050d522d9ac4b3daccf24835bd9580705c176", size = 31313, upload-time = "2025-11-20T15:13:02.357Z" },
 ]
 
-[[package]]
-name = "celery-types"
-version = "0.26.0"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "typing-extensions" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/fc/38/813dd7534e41682684d3a5c2cc4a8710e3acc51b364920b9c4d747c7b18f/celery_types-0.26.0.tar.gz", hash = "sha256:fa318136fdad83f83f1531deecd9fe664b5dfffff29f3c31e9120a46b8e3908f", size = 106210, upload-time = "2026-03-12T23:06:49.941Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/d9/e5/c5ec98f7fd7817d077c9a5a5e705d54f74d4ca08ee3f14dee881c93c0511/celery_types-0.26.0-py3-none-any.whl", hash = "sha256:eb9da76f461786091970df466ec647d9a27956399852542cb6cab9309970f950", size = 211260, upload-time = "2026-03-12T23:06:48.588Z" },
+[package.optional-dependencies]
+daphne = [
+    { name = "daphne" },
 ]
 
 [[package]]
-name = "cffi"
-version = "2.0.0"
+name = "channels-redis"
+version = "4.3.0"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "pycparser", marker = "implementation_name != 'PyPy'" },
+    { name = "asgiref" },
+    { name = "channels" },
+    { name = "msgpack" },
+    { name = "redis" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/eb/56/b1ba7935a17738ae8453301356628e8147c79dbb825bcbc73dc7401f9846/cffi-2.0.0.tar.gz", hash = "sha256:44d1b5909021139fe36001ae048dbdde8214afa20200eda0f64c068cac5d5529", size = 523588, upload-time = "2025-09-08T23:24:04.541Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/92/c4/3ce07396253a83250ee98564f8d7e9789fab8e58858f35d07a9a2c78de9f/cffi-2.0.0-cp314-cp314-macosx_10_13_x86_64.whl", hash = "sha256:fc33c5141b55ed366cfaad382df24fe7dcbc686de5be719b207bb248e3053dc5", size = 185320, upload-time = "2025-09-08T23:23:18.087Z" },
-    { url = "https://files.pythonhosted.org/packages/59/dd/27e9fa567a23931c838c6b02d0764611c62290062a6d4e8ff7863daf9730/cffi-2.0.0-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:c654de545946e0db659b3400168c9ad31b5d29593291482c43e3564effbcee13", size = 181487, upload-time = "2025-09-08T23:23:19.622Z" },
-    { url = "https://files.pythonhosted.org/packages/d6/43/0e822876f87ea8a4ef95442c3d766a06a51fc5298823f884ef87aaad168c/cffi-2.0.0-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:24b6f81f1983e6df8db3adc38562c83f7d4a0c36162885ec7f7b77c7dcbec97b", size = 220049, upload-time = "2025-09-08T23:23:20.853Z" },
-    { url = "https://files.pythonhosted.org/packages/b4/89/76799151d9c2d2d1ead63c2429da9ea9d7aac304603de0c6e8764e6e8e70/cffi-2.0.0-cp314-cp314-manylinux2014_ppc64le.manylinux_2_17_ppc64le.whl", hash = "sha256:12873ca6cb9b0f0d3a0da705d6086fe911591737a59f28b7936bdfed27c0d47c", size = 207793, upload-time = "2025-09-08T23:23:22.08Z" },
-    { url = "https://files.pythonhosted.org/packages/bb/dd/3465b14bb9e24ee24cb88c9e3730f6de63111fffe513492bf8c808a3547e/cffi-2.0.0-cp314-cp314-manylinux2014_s390x.manylinux_2_17_s390x.whl", hash = "sha256:d9b97165e8aed9272a6bb17c01e3cc5871a594a446ebedc996e2397a1c1ea8ef", size = 206300, upload-time = "2025-09-08T23:23:23.314Z" },
-    { url = "https://files.pythonhosted.org/packages/47/d9/d83e293854571c877a92da46fdec39158f8d7e68da75bf73581225d28e90/cffi-2.0.0-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:afb8db5439b81cf9c9d0c80404b60c3cc9c3add93e114dcae767f1477cb53775", size = 219244, upload-time = "2025-09-08T23:23:24.541Z" },
-    { url = "https://files.pythonhosted.org/packages/2b/0f/1f177e3683aead2bb00f7679a16451d302c436b5cbf2505f0ea8146ef59e/cffi-2.0.0-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:737fe7d37e1a1bffe70bd5754ea763a62a066dc5913ca57e957824b72a85e205", size = 222828, upload-time = "2025-09-08T23:23:26.143Z" },
-    { url = "https://files.pythonhosted.org/packages/c6/0f/cafacebd4b040e3119dcb32fed8bdef8dfe94da653155f9d0b9dc660166e/cffi-2.0.0-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:38100abb9d1b1435bc4cc340bb4489635dc2f0da7456590877030c9b3d40b0c1", size = 220926, upload-time = "2025-09-08T23:23:27.873Z" },
-    { url = "https://files.pythonhosted.org/packages/3e/aa/df335faa45b395396fcbc03de2dfcab242cd61a9900e914fe682a59170b1/cffi-2.0.0-cp314-cp314-win32.whl", hash = "sha256:087067fa8953339c723661eda6b54bc98c5625757ea62e95eb4898ad5e776e9f", size = 175328, upload-time = "2025-09-08T23:23:44.61Z" },
-    { url = "https://files.pythonhosted.org/packages/bb/92/882c2d30831744296ce713f0feb4c1cd30f346ef747b530b5318715cc367/cffi-2.0.0-cp314-cp314-win_amd64.whl", hash = "sha256:203a48d1fb583fc7d78a4c6655692963b860a417c0528492a6bc21f1aaefab25", size = 185650, upload-time = "2025-09-08T23:23:45.848Z" },
-    { url = "https://files.pythonhosted.org/packages/9f/2c/98ece204b9d35a7366b5b2c6539c350313ca13932143e79dc133ba757104/cffi-2.0.0-cp314-cp314-win_arm64.whl", hash = "sha256:dbd5c7a25a7cb98f5ca55d258b103a2054f859a46ae11aaf23134f9cc0d356ad", size = 180687, upload-time = "2025-09-08T23:23:47.105Z" },
-    { url = "https://files.pythonhosted.org/packages/3e/61/c768e4d548bfa607abcda77423448df8c471f25dbe64fb2ef6d555eae006/cffi-2.0.0-cp314-cp314t-macosx_10_13_x86_64.whl", hash = "sha256:9a67fc9e8eb39039280526379fb3a70023d77caec1852002b4da7e8b270c4dd9", size = 188773, upload-time = "2025-09-08T23:23:29.347Z" },
-    { url = "https://files.pythonhosted.org/packages/2c/ea/5f76bce7cf6fcd0ab1a1058b5af899bfbef198bea4d5686da88471ea0336/cffi-2.0.0-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:7a66c7204d8869299919db4d5069a82f1561581af12b11b3c9f48c584eb8743d", size = 185013, upload-time = "2025-09-08T23:23:30.63Z" },
-    { url = "https://files.pythonhosted.org/packages/be/b4/c56878d0d1755cf9caa54ba71e5d049479c52f9e4afc230f06822162ab2f/cffi-2.0.0-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:7cc09976e8b56f8cebd752f7113ad07752461f48a58cbba644139015ac24954c", size = 221593, upload-time = "2025-09-08T23:23:31.91Z" },
-    { url = "https://files.pythonhosted.org/packages/e0/0d/eb704606dfe8033e7128df5e90fee946bbcb64a04fcdaa97321309004000/cffi-2.0.0-cp314-cp314t-manylinux2014_ppc64le.manylinux_2_17_ppc64le.whl", hash = "sha256:92b68146a71df78564e4ef48af17551a5ddd142e5190cdf2c5624d0c3ff5b2e8", size = 209354, upload-time = "2025-09-08T23:23:33.214Z" },
-    { url = "https://files.pythonhosted.org/packages/d8/19/3c435d727b368ca475fb8742ab97c9cb13a0de600ce86f62eab7fa3eea60/cffi-2.0.0-cp314-cp314t-manylinux2014_s390x.manylinux_2_17_s390x.whl", hash = "sha256:b1e74d11748e7e98e2f426ab176d4ed720a64412b6a15054378afdb71e0f37dc", size = 208480, upload-time = "2025-09-08T23:23:34.495Z" },
-    { url = "https://files.pythonhosted.org/packages/d0/44/681604464ed9541673e486521497406fadcc15b5217c3e326b061696899a/cffi-2.0.0-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:28a3a209b96630bca57cce802da70c266eb08c6e97e5afd61a75611ee6c64592", size = 221584, upload-time = "2025-09-08T23:23:36.096Z" },
-    { url = "https://files.pythonhosted.org/packages/25/8e/342a504ff018a2825d395d44d63a767dd8ebc927ebda557fecdaca3ac33a/cffi-2.0.0-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:7553fb2090d71822f02c629afe6042c299edf91ba1bf94951165613553984512", size = 224443, upload-time = "2025-09-08T23:23:37.328Z" },
-    { url = "https://files.pythonhosted.org/packages/e1/5e/b666bacbbc60fbf415ba9988324a132c9a7a0448a9a8f125074671c0f2c3/cffi-2.0.0-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:6c6c373cfc5c83a975506110d17457138c8c63016b563cc9ed6e056a82f13ce4", size = 223437, upload-time = "2025-09-08T23:23:38.945Z" },
-    { url = "https://files.pythonhosted.org/packages/a0/1d/ec1a60bd1a10daa292d3cd6bb0b359a81607154fb8165f3ec95fe003b85c/cffi-2.0.0-cp314-cp314t-win32.whl", hash = "sha256:1fc9ea04857caf665289b7a75923f2c6ed559b8298a1b8c49e59f7dd95c8481e", size = 180487, upload-time = "2025-09-08T23:23:40.423Z" },
-    { url = "https://files.pythonhosted.org/packages/bf/41/4c1168c74fac325c0c8156f04b6749c8b6a8f405bbf91413ba088359f60d/cffi-2.0.0-cp314-cp314t-win_amd64.whl", hash = "sha256:d68b6cef7827e8641e8ef16f4494edda8b36104d79773a334beaa1e3521430f6", size = 191726, upload-time = "2025-09-08T23:23:41.742Z" },
-    { url = "https://files.pythonhosted.org/packages/ae/3a/dbeec9d1ee0844c679f6bb5d6ad4e9f198b1224f4e7a32825f47f6192b0c/cffi-2.0.0-cp314-cp314t-win_arm64.whl", hash = "sha256:0a1527a803f0a659de1af2e1fd700213caba79377e27e4693648c2923da066f9", size = 184195, upload-time = "2025-09-08T23:23:43.004Z" },
+sdist = { url = "https://files.pythonhosted.org/packages/ab/69/fd3407ad407a80e72ca53850eb7a4c306273e67d5bbb71a86d0e6d088439/channels_redis-4.3.0.tar.gz", hash = "sha256:740ee7b54f0e28cf2264a940a24453d3f00526a96931f911fcb69228ef245dd2", size = 31440, upload-time = "2025-07-22T13:48:46.087Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/df/fe/b7224a401ad227b263e5ba84753ffb5a88df048f3b15efd2797903543ce4/channels_redis-4.3.0-py3-none-any.whl", hash = "sha256:48f3e902ae2d5fef7080215524f3b4a1d3cea4e304150678f867a1a822c0d9f5", size = 20641, upload-time = "2025-07-22T13:48:44.545Z" },
 ]
 
 [[package]]
 name = "chithi-backend"
 version = "0.1.0"
-source = { editable = "." }
+source = { virtual = "." }
 dependencies = [
     { name = "aioboto3" },
-    { name = "alembic" },
-    { name = "celery" },
-    { name = "celery-aio-pool" },
-    { name = "celery-types" },
-    { name = "fastapi" },
-    { name = "fastapi-limiter" },
-    { name = "pwdlib", extra = ["argon2"] },
-    { name = "pydantic-settings" },
+    { name = "boto3" },
+    { name = "channels", extra = ["daphne"] },
+    { name = "channels-redis" },
+    { name = "dj-database-url" },
+    { name = "django", extra = ["argon2"] },
+    { name = "django-cors-headers" },
+    { name = "graphql-core" },
+    { name = "psycopg", extra = ["binary"] },
     { name = "pyjwt" },
-    { name = "pyrate-limiter" },
+    { name = "python-dotenv" },
     { name = "python-multipart" },
-    { name = "redis", extra = ["hiredis"] },
-    { name = "sqlalchemy", extra = ["postgresql-asyncpg"] },
-    { name = "sqlmodel" },
-    { name = "typer" },
-    { name = "types-aioboto3" },
-    { name = "types-aiobotocore-s3" },
-    { name = "uvicorn" },
-    { name = "uvloop", marker = "sys_platform == 'linux'" },
-    { name = "websockets" },
+    { name = "strawberry-graphql-django" },
 ]
 
 [package.dev-dependencies]
 dev = [
-    { name = "fastapi-cli" },
-    { name = "poethepoet" },
-    { name = "pyrefly" },
+    { name = "django-debug-toolbar" },
+    { name = "django-extensions" },
     { name = "ruff" },
 ]
 
 [package.metadata]
 requires-dist = [
     { name = "aioboto3", specifier = ">=15.5.0" },
-    { name = "alembic", specifier = ">=1.17.2" },
-    { name = "celery", specifier = ">=5.6.1" },
-    { name = "celery-aio-pool", specifier = ">=0.1.0rc8" },
-    { name = "celery-types", specifier = ">=0.24.0" },
-    { name = "fastapi", specifier = ">=0.127.0" },
-    { name = "fastapi-limiter", specifier = ">=0.2.0" },
-    { name = "pwdlib", extras = ["argon2"], specifier = ">=0.3.0" },
-    { name = "pydantic-settings", specifier = ">=2.12.0" },
-    { name = "pyjwt", specifier = ">=2.10.1" },
-    { name = "pyrate-limiter", specifier = ">=4.1.0" },
-    { name = "python-multipart", specifier = ">=0.0.21" },
-    { name = "redis", extras = ["hiredis"], specifier = ">=6.4.0" },
-    { name = "sqlalchemy", extras = ["postgresql-asyncpg"], specifier = ">=2.0.45" },
-    { name = "sqlmodel", specifier = ">=0.0.27" },
-    { name = "typer", specifier = ">=0.20.1" },
-    { name = "types-aioboto3", specifier = ">=15.5.0" },
-    { name = "types-aiobotocore-s3", specifier = ">=2.25.2" },
-    { name = "uvicorn", specifier = ">=0.40.0" },
-    { name = "uvloop", marker = "sys_platform == 'linux'", specifier = ">=0.22.1" },
-    { name = "websockets", specifier = ">=15.0.1" },
+    { name = "boto3", specifier = ">=1.37" },
+    { name = "channels", extras = ["daphne"], specifier = ">=4.2.0" },
+    { name = "channels-redis", specifier = ">=4.2.0" },
+    { name = "dj-database-url", specifier = ">=3.1.2" },
+    { name = "django", extras = ["argon2"], specifier = ">=6.0" },
+    { name = "django-cors-headers", specifier = ">=4.7.0" },
+    { name = "graphql-core", specifier = "==3.3.0rc0" },
+    { name = "psycopg", extras = ["binary"], specifier = ">=3" },
+    { name = "pyjwt", specifier = ">=2.10.0" },
+    { name = "python-dotenv", specifier = ">=1.2.2" },
+    { name = "python-multipart", specifier = ">=0.0.18" },
+    { name = "strawberry-graphql-django", specifier = ">=0.86.0" },
 ]
 
 [package.metadata.requires-dev]
 dev = [
-    { name = "fastapi-cli", specifier = ">=0.0.16" },
-    { name = "poethepoet", specifier = ">=0.39.0" },
-    { name = "pyrefly", specifier = ">=0.59.1" },
-    { name = "ruff", specifier = ">=0.14.10" },
+    { name = "django-debug-toolbar", specifier = ">=6.0.0" },
+    { name = "django-extensions", specifier = ">=4.1" },
+    { name = "ruff", specifier = ">=0.12.12" },
 ]
 
 [[package]]
-name = "click"
-version = "8.4.1"
+name = "constantly"
+version = "23.10.4"
 source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "colorama", marker = "sys_platform == 'win32'" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/9b/98/518d8e5081007684232226f475082b30087d0f585e8457db087298259f49/click-8.4.1.tar.gz", hash = "sha256:918b5633eddf6b41c32d4f454bf0de810065c74e3f7dbf8ee5452f8be88d3e96", size = 353007, upload-time = "2026-05-22T04:08:37.769Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/4d/6f/cb2a94494ff74aa9528a36c5b1422756330a75a8367bf20bd63171fc324d/constantly-23.10.4.tar.gz", hash = "sha256:aa92b70a33e2ac0bb33cd745eb61776594dc48764b06c35e0efd050b7f1c7cbd", size = 13300, upload-time = "2023-10-28T23:18:24.316Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/c7/0d/67e5b4109ea4a837e80daa87c2c696711955e40449a97e8926672534def2/click-8.4.1-py3-none-any.whl", hash = "sha256:482be17c6991b8c19c5429a1e995d9b0efdbb63172824c41f99965dc0ade8ec2", size = 116639, upload-time = "2026-05-22T04:08:35.26Z" },
+    { url = "https://files.pythonhosted.org/packages/b8/40/c199d095151addf69efdb4b9ca3a4f20f70e20508d6222bffb9b76f58573/constantly-23.10.4-py3-none-any.whl", hash = "sha256:3fd9b4d1c3dc1ec9757f3c52aef7e53ad9323dbe39f51dfd4c43853b68dfa3f9", size = 13547, upload-time = "2023-10-28T23:18:23.038Z" },
 ]
 
 [[package]]
-name = "click-didyoumean"
-version = "0.3.1"
+name = "cross-web"
+version = "0.7.0"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "click" },
+    { name = "typing-extensions" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/30/ce/217289b77c590ea1e7c24242d9ddd6e249e52c795ff10fac2c50062c48cb/click_didyoumean-0.3.1.tar.gz", hash = "sha256:4f82fdff0dbe64ef8ab2279bd6aa3f6a99c3b28c05aa09cbfc07c9d7fbb5a463", size = 3089, upload-time = "2024-03-24T08:22:07.499Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/4a/a0/bdb8370215987cc5bde497cb8b976b17ab14841566ecef2aab6ae3e6c7b0/cross_web-0.7.0.tar.gz", hash = "sha256:15fbc8b9a824a055db8127fd6e43e0773074f620fdecb6b2b587d3d0a2bdd459", size = 332407, upload-time = "2026-05-19T14:18:48.849Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/1b/5b/974430b5ffdb7a4f1941d13d83c64a0395114503cc357c6b9ae4ce5047ed/click_didyoumean-0.3.1-py3-none-any.whl", hash = "sha256:5c4bb6007cfea5f2fd6583a2fb6701a22a41eb98957e63d0fac41c10e7c3117c", size = 3631, upload-time = "2024-03-24T08:22:06.356Z" },
+    { url = "https://files.pythonhosted.org/packages/7a/4a/78b52ec2edcbd9b123638f4e0421fd8699ebe653ebf63ac5f82abd2665bc/cross_web-0.7.0-py3-none-any.whl", hash = "sha256:ddea9be3c68b48eaf16561847a5831a559786949c544b3701432e00a4e8d19d9", size = 25207, upload-time = "2026-05-19T14:18:47.614Z" },
 ]
 
 [[package]]
-name = "click-plugins"
-version = "1.1.1.2"
+name = "cryptography"
+version = "49.0.0"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "cffi", marker = "platform_python_implementation != 'PyPy'" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/1f/99/d1c90d6041656cc6ee229dc99cd67fd0cd5aec3c5f7d72fffc27cc750054/cryptography-49.0.0.tar.gz", hash = "sha256:f89660a348f4f78a92366240a61404e337586ef7f5909a2fef59ca88ef505493", size = 854345, upload-time = "2026-06-12T20:02:30.512Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/9b/22/adf66990e63584a68dfb50c24f48a125c07b1699899381c8151e63ed458c/cryptography-49.0.0-cp311-abi3-macosx_11_0_arm64.whl", hash = "sha256:966fe0e9c67490071f14c0d2b1cb2dfb3023c5ce39457343931415f08382f2db", size = 4032100, upload-time = "2026-06-12T20:02:32.143Z" },
+    { url = "https://files.pythonhosted.org/packages/09/41/3797cfaf69cae04a13ee78ebd83f0678d9c02b4779d21ce24445326f1a69/cryptography-49.0.0-cp311-abi3-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:36d1709f992593689b45bda411498d62c6e365f2ca00b84657d4dadd24de16db", size = 4692978, upload-time = "2026-06-12T20:01:21.305Z" },
+    { url = "https://files.pythonhosted.org/packages/e6/8b/43011f7ebe515a8aa20d61f290a326cd890c2e738e16e59eaff8d9c3a412/cryptography-49.0.0-cp311-abi3-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:0e959b578856a3924bc0cbb710fc12c387b9412a951389f3ca61704a9e25f325", size = 4716422, upload-time = "2026-06-12T20:01:48.566Z" },
+    { url = "https://files.pythonhosted.org/packages/4a/91/01ce7303a4579e6d3a6abef01bd322848e9ea7a219adcabc5048b9033571/cryptography-49.0.0-cp311-abi3-manylinux_2_28_aarch64.whl", hash = "sha256:53ecee2e23f7169b6117e99fc8a944e5e50f79e69758a83b52a00cb98ab2b2d2", size = 4700503, upload-time = "2026-06-12T20:02:47.091Z" },
+    { url = "https://files.pythonhosted.org/packages/62/99/a2c95cf8293f07491e9e27c20cc4dcd18176d944e674679adeb1d0173fd6/cryptography-49.0.0-cp311-abi3-manylinux_2_28_ppc64le.whl", hash = "sha256:2eda353d8a27bcbcaa4cbed18994a74ab4d19a2ca897db188ea269ab9b71419b", size = 5309779, upload-time = "2026-06-12T20:02:08.987Z" },
+    { url = "https://files.pythonhosted.org/packages/20/2c/0622f20ff02b2ef32558733443805dc82fd4c275be01b2d19d14676f3a1b/cryptography-49.0.0-cp311-abi3-manylinux_2_28_x86_64.whl", hash = "sha256:2afe9051da7ae7bd5905da5a949280c7d2bb75682e188f650a9d0f2756b834c6", size = 4749683, upload-time = "2026-06-12T20:02:03.335Z" },
+    { url = "https://files.pythonhosted.org/packages/a3/5b/c5246635d5fd3b64e0d45ae10e99fd32fe9676a79915ccfe5a61ba9af1a5/cryptography-49.0.0-cp311-abi3-manylinux_2_31_armv7l.whl", hash = "sha256:0b82e28ee398a386f0807bba7884d30f25218855690f45115831bcce5d90822c", size = 4337874, upload-time = "2026-06-12T20:02:54.323Z" },
+    { url = "https://files.pythonhosted.org/packages/6d/88/05563c7fe2e914e87d1a536d06fe83e66b4e1d95cb593e05aea375531da8/cryptography-49.0.0-cp311-abi3-manylinux_2_34_aarch64.whl", hash = "sha256:ccac2bfebc306b862133e3bb71f3f6ee8bb525240089b2d952e4144b3a6d5da7", size = 4700283, upload-time = "2026-06-12T20:01:34.822Z" },
+    { url = "https://files.pythonhosted.org/packages/c4/b6/d7696e4e890d6ae1469935164c9e5215c557671cb78d6e3f458ccceaa632/cryptography-49.0.0-cp311-abi3-manylinux_2_34_ppc64le.whl", hash = "sha256:d0527ce944105f257f605a827d6ebead966c752038b6e8656abb9c5edee6fc68", size = 5265844, upload-time = "2026-06-12T20:01:24.09Z" },
+    { url = "https://files.pythonhosted.org/packages/a9/3c/f3ad17eecc1a57b0ba236dc01f90e783c51f4a2f35f64777cc4f47a184b2/cryptography-49.0.0-cp311-abi3-manylinux_2_34_x86_64.whl", hash = "sha256:cbc77da8c523d5abd028635ba850a6966fcee2c82e2bf65a41d1d8afe0f98be9", size = 4749290, upload-time = "2026-06-12T20:01:30.848Z" },
+    { url = "https://files.pythonhosted.org/packages/4f/01/339573cf1023163a400b0b5d16f6d507de413b9f60be6fd1b77feeaf6737/cryptography-49.0.0-cp311-abi3-musllinux_1_2_aarch64.whl", hash = "sha256:b87e65d263b3e5d3bb92a57e2a6638e2f31110fa7aa890c7b2dbba42248d0a3f", size = 4834612, upload-time = "2026-06-12T20:01:29.246Z" },
+    { url = "https://files.pythonhosted.org/packages/71/fd/577302e213a1be9468f92d1afef66fcf1ef83d516819d9992ca547f592bd/cryptography-49.0.0-cp311-abi3-musllinux_1_2_x86_64.whl", hash = "sha256:66ec79c3904820572d7e987abdf304281f141d37ad9a489b8e97066e7b9b6459", size = 4980804, upload-time = "2026-06-12T20:01:42.853Z" },
+    { url = "https://files.pythonhosted.org/packages/1f/09/f42b1d190c5ba75f72062a387f8030d1d75f6ab035788f1d9c4b01de6525/cryptography-49.0.0-cp311-abi3-win_amd64.whl", hash = "sha256:e5dfc1e64de5677cec922ffa8da89c546d0415bf6efdf081842e5d44c84e1f0e", size = 3810026, upload-time = "2026-06-12T20:02:39.262Z" },
+    { url = "https://files.pythonhosted.org/packages/ec/9e/db72b3ae7fc9cfad53e630e56c6ae83b9b6ff0bf3718ffb8012d20b3aabf/cryptography-49.0.0-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:73a205dce83953d131a4aa1e0fd917a2fd1c5b1eef251e9d7152efefcbf5caf7", size = 4013892, upload-time = "2026-06-12T20:02:10.735Z" },
+    { url = "https://files.pythonhosted.org/packages/86/12/c48a424f38db03027be9f7ed5c7dc5de9933dbee992865f98b13727a009d/cryptography-49.0.0-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:196ecd6a36e4e9aa10270393bb98d8df88fccee0bf1e5128b91ae4eb4375896d", size = 4678835, upload-time = "2026-06-12T20:02:48.743Z" },
+    { url = "https://files.pythonhosted.org/packages/68/28/8a3ad4653662c93fc44dc4e5d8fd374c25c42e07b34bbfbadf49cf57a5a8/cryptography-49.0.0-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:7abcee80084cda3f7691f3eb1ce480d8df49cec637b429aa35986c1de71738aa", size = 4697239, upload-time = "2026-06-12T20:02:56.03Z" },
+    { url = "https://files.pythonhosted.org/packages/a8/b2/2193fc74f81aee4f9b62733133b73b5176718932ed8f2e4b03fa040480a6/cryptography-49.0.0-cp314-cp314t-manylinux_2_28_aarch64.whl", hash = "sha256:4ae387c9cb68ea569ca17e490d66d8142b81c3cc814bf179974b7d146e490bbb", size = 4685593, upload-time = "2026-06-12T20:02:50.666Z" },
+    { url = "https://files.pythonhosted.org/packages/47/f1/1d3eaa243bfc5de4a187b22aa8c048b3e4980bfbe830ac46e6bac2e66947/cryptography-49.0.0-cp314-cp314t-manylinux_2_28_ppc64le.whl", hash = "sha256:f37d847238971164fdbc68ade6f6574aecc9c0af714190e2083429ff68f4ce9d", size = 5289961, upload-time = "2026-06-12T20:01:46.468Z" },
+    { url = "https://files.pythonhosted.org/packages/58/39/2d51306721330c486495853eda1c567880ff036de15a14c4b74f399934af/cryptography-49.0.0-cp314-cp314t-manylinux_2_28_x86_64.whl", hash = "sha256:c2bc30226390d60ea19d9f82b19db005fe0452154a23c1c410c12ea801e43561", size = 4731145, upload-time = "2026-06-12T20:02:16.832Z" },
+    { url = "https://files.pythonhosted.org/packages/17/50/983e838c7fd0d87fd8c969bcdd328edaf5f756e38df5281637424c155873/cryptography-49.0.0-cp314-cp314t-manylinux_2_31_armv7l.whl", hash = "sha256:07cab27cc7b7e0fd28e5e26bb9eeedde5c135c868b46de4a27845abe94af6122", size = 4321719, upload-time = "2026-06-12T20:02:52.611Z" },
+    { url = "https://files.pythonhosted.org/packages/a7/f5/8f571d7e27c55bce9f76f026143bcb1e040a4233149ecca0bea5fa5dd5f7/cryptography-49.0.0-cp314-cp314t-manylinux_2_34_aarch64.whl", hash = "sha256:b20133d204d2bb56ba047642199603876c872026ca53e79c35b83772ab2cc505", size = 4685209, upload-time = "2026-06-12T20:02:07.282Z" },
+    { url = "https://files.pythonhosted.org/packages/e7/84/0e27016a6fc5a0886f797018b26aa42f40c09a82332bff77822a451deaaa/cryptography-49.0.0-cp314-cp314t-manylinux_2_34_ppc64le.whl", hash = "sha256:b970c6da94d5bb18629db453d14f2a1300f6bf59b61e9b82377931ef95504866", size = 5246285, upload-time = "2026-06-12T20:01:32.439Z" },
+    { url = "https://files.pythonhosted.org/packages/11/2d/5e1fb307cb5931881516b464c98774b3f2c36b5d4bb9a2830253cf553cad/cryptography-49.0.0-cp314-cp314t-manylinux_2_34_x86_64.whl", hash = "sha256:d8ecde755e2e91bf773fc94e8c9d730cd7f2007004cb492263a794ec3899a1c8", size = 4730441, upload-time = "2026-06-12T20:02:01.469Z" },
+    { url = "https://files.pythonhosted.org/packages/e4/c0/bff5a02ee731d207d6a1ed51732549d8c53d2bc8da1d10ec6f2844201d68/cryptography-49.0.0-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:e3fb64c420688e5319ae25113a354015abbd8dffbfbc41781a1ea66fc7622ac3", size = 4815869, upload-time = "2026-06-12T20:01:36.574Z" },
+    { url = "https://files.pythonhosted.org/packages/b9/26/814681d14248d95d73d5c3eea0c39a94eb8302df966f670a2c60de90974b/cryptography-49.0.0-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:32703d93296f5c1f4b53349ad3a250c2cae0fdecd3a3dd5d47e616d8d616af27", size = 4960948, upload-time = "2026-06-12T20:02:18.688Z" },
+    { url = "https://files.pythonhosted.org/packages/4c/fe/93ecac273d3738939d023612ad12cca9a3740a5345d69fda04134c43fd96/cryptography-49.0.0-cp314-cp314t-win_amd64.whl", hash = "sha256:33cd0565932807baddb67b96dbee92f2c374b5c89dee09fd74079aeb8c8dba61", size = 3799153, upload-time = "2026-06-12T20:01:39.059Z" },
+    { url = "https://files.pythonhosted.org/packages/19/2a/5bb823f5bedcf80718cea7fbc95ec5515cca3769633c4b01a32be7f30e7c/cryptography-49.0.0-cp39-abi3-macosx_11_0_arm64.whl", hash = "sha256:ec5e529fb80935c94fe7b729f9972b50e351a0e6b50aa294fd5cabb109fcc29a", size = 4025947, upload-time = "2026-06-12T20:01:25.745Z" },
+    { url = "https://files.pythonhosted.org/packages/3d/df/40577043ca124e17012f408ddddaeb213b856336ac82ddb3bc915f39e29f/cryptography-49.0.0-cp39-abi3-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:f78ff2c9ed8dc2d036b0f4d640e22522213d047c1b14e61205a7e55c80a494d4", size = 4692429, upload-time = "2026-06-12T20:01:53.628Z" },
+    { url = "https://files.pythonhosted.org/packages/2c/99/2d13299eb3dd27b02dcfaafcc91d6b5cb3329f7cbd6d8f51921acd566c1a/cryptography-49.0.0-cp39-abi3-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:35b151772baff2c74cba7fa290ceaff4c3b11c0c881eb93eb5dbc05a7cfbba18", size = 4700968, upload-time = "2026-06-12T20:02:45.383Z" },
+    { url = "https://files.pythonhosted.org/packages/a5/4d/9c0cd02f95e2602dd5e563da149ee0830abef3537be8b34dc56281ebe27a/cryptography-49.0.0-cp39-abi3-manylinux_2_28_aarch64.whl", hash = "sha256:0f21641cf4b30fca7aee061ced0ec7ad7b073518088b7c9969a297c0ae796c69", size = 4697758, upload-time = "2026-06-12T20:01:41.13Z" },
+    { url = "https://files.pythonhosted.org/packages/24/01/186c825898477d77e2324d5360fefe622ff1d8d1963ec0554e2cada8ec77/cryptography-49.0.0-cp39-abi3-manylinux_2_28_ppc64le.whl", hash = "sha256:9e82dcc8e56052715fb18b2429e3bca4823b1629136a2084fc45a9a5cecb9b64", size = 5298863, upload-time = "2026-06-12T20:02:24.579Z" },
+    { url = "https://files.pythonhosted.org/packages/b8/7b/62cbbab75d0659865bf0273790031544a0b16c8072d258f9428dcd8190dc/cryptography-49.0.0-cp39-abi3-manylinux_2_28_x86_64.whl", hash = "sha256:6f2debedf9ca60cf1d5bd466475638af5130f89965605cd818484d19987d3a21", size = 4735983, upload-time = "2026-06-12T20:01:50.14Z" },
+    { url = "https://files.pythonhosted.org/packages/6c/72/3e798c064bc39e471008075d0f9bc9daf77a80879c092e4a8e170c585ed4/cryptography-49.0.0-cp39-abi3-manylinux_2_31_armv7l.whl", hash = "sha256:8c25ceb16df5b9435f3f6a9829204985b0e0cbee3b48aacd432c7d2c850b44d9", size = 4334173, upload-time = "2026-06-12T20:01:44.743Z" },
+    { url = "https://files.pythonhosted.org/packages/f0/ee/6fca21d1ac73e06f8bef71940abfd4d2f6472b4bca284d770f32bd4086f6/cryptography-49.0.0-cp39-abi3-manylinux_2_34_aarch64.whl", hash = "sha256:28d8b15e6275f12c8a207dc309dfa957903c927d08d0cc937ee3f63f200693cc", size = 4697298, upload-time = "2026-06-12T20:02:20.918Z" },
+    { url = "https://files.pythonhosted.org/packages/67/d0/a5fcd3515f0bae49a7b6d0413cc1bdccdcc1fc0047037a0d480642cdc5d6/cryptography-49.0.0-cp39-abi3-manylinux_2_34_ppc64le.whl", hash = "sha256:6fc361c34fb6aac015ce19435876635e5c6d21db31998b0920f675f131e043b8", size = 5254338, upload-time = "2026-06-12T20:02:22.737Z" },
+    { url = "https://files.pythonhosted.org/packages/a0/84/84fe36f19caf857d61cb7fc9c63035a47ffabd84ea12d1d393148efa3615/cryptography-49.0.0-cp39-abi3-manylinux_2_34_x86_64.whl", hash = "sha256:2400ef9c9e2299a25614eb1dea3db54a69b1349efd043bfac9c67630d136df36", size = 4735650, upload-time = "2026-06-12T20:02:41.389Z" },
+    { url = "https://files.pythonhosted.org/packages/6c/a0/db537264e234f7273a73ec020873d6d6b39dfd8a53db78b550ca8320440e/cryptography-49.0.0-cp39-abi3-musllinux_1_2_aarch64.whl", hash = "sha256:67e1d20ad9ef3a563c59ef22e7a8a0b8210bd26604369ea4a30a7c66aefe504e", size = 4834820, upload-time = "2026-06-12T20:01:51.847Z" },
+    { url = "https://files.pythonhosted.org/packages/93/77/8df9eb486495979bccecd1062e2eaf435250e84437040295b57d09048b0b/cryptography-49.0.0-cp39-abi3-musllinux_1_2_x86_64.whl", hash = "sha256:42b0684e0e40cf26122427802486f6d93aea593612603a94fbf260c7eb1e9c1b", size = 4967968, upload-time = "2026-06-12T20:02:12.524Z" },
+    { url = "https://files.pythonhosted.org/packages/c2/e6/f60198ea8d9dfa15fff9ed4ca02ce362f6eadd9ba757dcc50634c4257b63/cryptography-49.0.0-cp39-abi3-win_amd64.whl", hash = "sha256:026ac7423e6fa66872d3bf889be5974507da3944f866f704fa200eadacd00001", size = 3785547, upload-time = "2026-06-12T20:02:26.847Z" },
+]
+
+[[package]]
+name = "daphne"
+version = "4.2.3"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "click" },
+    { name = "asgiref" },
+    { name = "autobahn" },
+    { name = "twisted", extra = ["tls"] },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/c3/a4/34847b59150da33690a36da3681d6bbc2ec14ee9a846bc30a6746e5984e4/click_plugins-1.1.1.2.tar.gz", hash = "sha256:d7af3984a99d243c131aa1a828331e7630f4a88a9741fd05c927b204bcf92261", size = 8343, upload-time = "2025-06-25T00:47:37.555Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/ed/23/81d442839029f3f343e536650ee49dbfb5a444520876fadb5b5f19f33c02/daphne-4.2.3.tar.gz", hash = "sha256:1c458f81926b37301cadc8ec1b6316d9a5db53fba061fc4826610395fe5d5c81", size = 47898, upload-time = "2026-07-21T13:15:19.753Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/3d/9a/2abecb28ae875e39c8cad711eb1186d8d14eab564705325e77e4e6ab9ae5/click_plugins-1.1.1.2-py2.py3-none-any.whl", hash = "sha256:008d65743833ffc1f5417bf0e78e8d2c23aab04d9745ba817bd3e71b0feb6aa6", size = 11051, upload-time = "2025-06-25T00:47:36.731Z" },
+    { url = "https://files.pythonhosted.org/packages/bd/0c/59e966c167880904f2e6a235c63169760dce58ba8062a7a153a6183539cc/daphne-4.2.3-py3-none-any.whl", hash = "sha256:34442c539a98111f4d8cac98a7204aeeb53811229bd96063e6fbe740e97078c9", size = 29715, upload-time = "2026-07-21T13:15:18.588Z" },
 ]
 
 [[package]]
-name = "click-repl"
-version = "0.3.0"
+name = "dj-database-url"
+version = "3.1.2"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "click" },
-    { name = "prompt-toolkit" },
+    { name = "django" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/cb/a2/57f4ac79838cfae6912f997b4d1a64a858fb0c86d7fcaae6f7b58d267fca/click-repl-0.3.0.tar.gz", hash = "sha256:17849c23dba3d667247dc4defe1757fff98694e90fe37474f3feebb69ced26a9", size = 10449, upload-time = "2023-06-15T12:43:51.141Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/03/f6/00b625e9d371b980aa261011d0dc906a16444cb688f94215e0dc86996eb5/dj_database_url-3.1.2.tar.gz", hash = "sha256:63c20e4bbaa51690dfd4c8d189521f6bf6bc9da9fcdb23d95d2ee8ee87f9ec62", size = 11490, upload-time = "2026-02-19T15:30:23.638Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/52/40/9d857001228658f0d59e97ebd4c346fe73e138c6de1bce61dc568a57c7f8/click_repl-0.3.0-py3-none-any.whl", hash = "sha256:fb7e06deb8da8de86180a33a9da97ac316751c094c6899382da7feeeeb51b812", size = 10289, upload-time = "2023-06-15T12:43:48.626Z" },
+    { url = "https://files.pythonhosted.org/packages/cf/a9/57c66006373381f1d3e5bd94216f1d371228a89f443d3030e010f73dd198/dj_database_url-3.1.2-py3-none-any.whl", hash = "sha256:544e015fee3efa5127a1eb1cca465f4ace578265b3671fe61d0ed7dbafb5ec8a", size = 8953, upload-time = "2026-02-19T15:30:39.37Z" },
 ]
 
 [[package]]
-name = "colorama"
-version = "0.4.6"
+name = "django"
+version = "6.0.7"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/d8/53/6f443c9a4a8358a93a6792e2acffb9d9d5cb0a5cfd8802644b7b1c9a02e4/colorama-0.4.6.tar.gz", hash = "sha256:08695f5cb7ed6e0531a20572697297273c47b8cae5a63ffc6d6ed5c201be6e44", size = 27697, upload-time = "2022-10-25T02:36:22.414Z" }
+dependencies = [
+    { name = "asgiref" },
+    { name = "sqlparse" },
+    { name = "tzdata", marker = "sys_platform == 'win32'" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/89/55/664f24ff81c9ea19cb7dfc851afeae1f3c2390c7aee01d4ded68b5c1580d/django-6.0.7.tar.gz", hash = "sha256:2998503fc083124fb58037084bfa00de323c7c743f05f1b4284e77bff0ab8890", size = 10921299, upload-time = "2026-07-07T13:51:26.485Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/d1/d6/3965ed04c63042e047cb6a3e6ed1a63a35087b6a609aa3a15ed8ac56c221/colorama-0.4.6-py2.py3-none-any.whl", hash = "sha256:4f1d9991f5acc0ca119f9d443620b77f9d6b33703e51011c16baf57afb285fc6", size = 25335, upload-time = "2022-10-25T02:36:20.889Z" },
+    { url = "https://files.pythonhosted.org/packages/ba/ec/1ce5334b6a2c52ce619c23a0be8d366a57a0e080ebb2d88266e5c849157c/django-6.0.7-py3-none-any.whl", hash = "sha256:a037427c2288443a8c02a1b02295a31c239663aa682bc50b1976afb7cf6a769e", size = 8373344, upload-time = "2026-07-07T13:51:20.007Z" },
+]
+
+[package.optional-dependencies]
+argon2 = [
+    { name = "argon2-cffi" },
 ]
 
 [[package]]
-name = "fastapi"
-version = "0.136.3"
+name = "django-cors-headers"
+version = "4.9.0"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "annotated-doc" },
-    { name = "pydantic" },
-    { name = "starlette" },
-    { name = "typing-extensions" },
-    { name = "typing-inspection" },
+    { name = "asgiref" },
+    { name = "django" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/81/2d/ff8d91d7b564d464629a0fd50a4489c97fcb836ac230bf3a7269232a9b1f/fastapi-0.136.3.tar.gz", hash = "sha256:e487fae93ad408e6f47641ee4dfe389864fd7bec92e547ea8498fc13f43e83ab", size = 396410, upload-time = "2026-05-23T18:53:15.192Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/21/39/55822b15b7ec87410f34cd16ce04065ff390e50f9e29f31d6d116fc80456/django_cors_headers-4.9.0.tar.gz", hash = "sha256:fe5d7cb59fdc2c8c646ce84b727ac2bca8912a247e6e68e1fb507372178e59e8", size = 21458, upload-time = "2025-09-18T10:40:52.326Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/e0/82/45359b62a067409bd929ae8a56b8ed13e5a8c8a61194b3c236920999ab83/fastapi-0.136.3-py3-none-any.whl", hash = "sha256:3d2a69bdf04b7e9f3afa292c3bc7a98816bbfafa10bc9b45f3f3700d2f761620", size = 117481, upload-time = "2026-05-23T18:53:16.924Z" },
+    { url = "https://files.pythonhosted.org/packages/30/d8/19ed1e47badf477d17fb177c1c19b5a21da0fd2d9f093f23be3fb86c5fab/django_cors_headers-4.9.0-py3-none-any.whl", hash = "sha256:15c7f20727f90044dcee2216a9fd7303741a864865f0c3657e28b7056f61b449", size = 12809, upload-time = "2025-09-18T10:40:50.843Z" },
 ]
 
 [[package]]
-name = "fastapi-cli"
-version = "0.0.24"
+name = "django-debug-toolbar"
+version = "7.0.0"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "rich-toolkit" },
-    { name = "typer" },
-    { name = "uvicorn", extra = ["standard"] },
+    { name = "django" },
+    { name = "sqlparse" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/6e/58/74797ae9e4610cfa0c6b34c8309096d3b20bb29be3b8b5fbf1004d10fa5f/fastapi_cli-0.0.24.tar.gz", hash = "sha256:1afc9c9e21d7ebc8a3ca5e31790cd8d837742be7e4f8b9236e99cb3451f0de00", size = 19043, upload-time = "2026-02-24T10:45:10.476Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/1e/ac/3ac674f99c64bfbcd9ae3d7f5f3577f23ea52884e5ac36842e1f024dce03/django_debug_toolbar-7.0.0.tar.gz", hash = "sha256:ef7494c5b459c149e87cc2da88d86e944064945e86bd7b2d879093586b5fefbf", size = 359560, upload-time = "2026-06-19T00:21:23.346Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/c7/4b/68f9fe268e535d79c76910519530026a4f994ce07189ac0dded45c6af825/fastapi_cli-0.0.24-py3-none-any.whl", hash = "sha256:4a1f78ed798f106b4fee85ca93b85d8fe33c0a3570f775964d37edb80b8f0edc", size = 12304, upload-time = "2026-02-24T10:45:09.552Z" },
+    { url = "https://files.pythonhosted.org/packages/4b/ab/684a56624f9ed35127e203e52d2c241f3b7b70d37cfa8cb2ba4fc8e1e8d7/django_debug_toolbar-7.0.0-py3-none-any.whl", hash = "sha256:656161388ce48384276342eeb16d532113ec670816fa1546cc3753730aa51b3d", size = 302038, upload-time = "2026-06-19T00:21:21.531Z" },
 ]
 
 [[package]]
-name = "fastapi-limiter"
-version = "0.2.0"
+name = "django-extensions"
+version = "4.1"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "fastapi" },
-    { name = "pyrate-limiter" },
+    { name = "django" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/b7/32/81f64b69a79345caca0a90d1601ae7c84c39438145793514ee82daac4fc6/fastapi_limiter-0.2.0.tar.gz", hash = "sha256:b042259f6280056b5b2b3f506edd76c8e0648d7a5ce86c3485216a4a0fd0ec14", size = 7401, upload-time = "2026-02-06T07:00:09.831Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/6d/b3/ed0f54ed706ec0b54fd251cc0364a249c6cd6c6ec97f04dc34be5e929eac/django_extensions-4.1.tar.gz", hash = "sha256:7b70a4d28e9b840f44694e3f7feb54f55d495f8b3fa6c5c0e5e12bcb2aa3cdeb", size = 283078, upload-time = "2025-04-11T01:15:39.617Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/c4/9b/35278a18254f187d55bb450ded6bc9a59c7b3010d164e1796f3dfb7aa73d/fastapi_limiter-0.2.0-py3-none-any.whl", hash = "sha256:e576ebb29cc9614c2f38471c60ed0e849024e9a1b7a2aeb4c2a31a6d708b4aea", size = 5219, upload-time = "2026-02-06T07:00:07.824Z" },
+    { url = "https://files.pythonhosted.org/packages/64/96/d967ca440d6a8e3861120f51985d8e5aec79b9a8bdda16041206adfe7adc/django_extensions-4.1-py3-none-any.whl", hash = "sha256:0699a7af28f2523bf8db309a80278519362cd4b6e1fd0a8cd4bf063e1e023336", size = 232980, upload-time = "2025-04-11T01:15:37.701Z" },
 ]
 
 [[package]]
@@ -562,6 +632,38 @@ version = "1.8.0"
 source = { registry = "https://pypi.org/simple" }
 sdist = { url = "https://files.pythonhosted.org/packages/2d/f5/c831fac6cc817d26fd54c7eaccd04ef7e0288806943f7cc5bbf69f3ac1f0/frozenlist-1.8.0.tar.gz", hash = "sha256:3ede829ed8d842f6cd48fc7081d7a41001a56f1f38603f9d49bf3020d59a31ad", size = 45875, upload-time = "2025-10-06T05:38:17.865Z" }
 wheels = [
+    { url = "https://files.pythonhosted.org/packages/2d/40/0832c31a37d60f60ed79e9dfb5a92e1e2af4f40a16a29abcc7992af9edff/frozenlist-1.8.0-cp313-cp313-macosx_10_13_universal2.whl", hash = "sha256:8d92f1a84bb12d9e56f818b3a746f3efba93c1b63c8387a73dde655e1e42282a", size = 85717, upload-time = "2025-10-06T05:36:27.341Z" },
+    { url = "https://files.pythonhosted.org/packages/30/ba/b0b3de23f40bc55a7057bd38434e25c34fa48e17f20ee273bbde5e0650f3/frozenlist-1.8.0-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:96153e77a591c8adc2ee805756c61f59fef4cf4073a9275ee86fe8cba41241f7", size = 49651, upload-time = "2025-10-06T05:36:28.855Z" },
+    { url = "https://files.pythonhosted.org/packages/0c/ab/6e5080ee374f875296c4243c381bbdef97a9ac39c6e3ce1d5f7d42cb78d6/frozenlist-1.8.0-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:f21f00a91358803399890ab167098c131ec2ddd5f8f5fd5fe9c9f2c6fcd91e40", size = 49417, upload-time = "2025-10-06T05:36:29.877Z" },
+    { url = "https://files.pythonhosted.org/packages/d5/4e/e4691508f9477ce67da2015d8c00acd751e6287739123113a9fca6f1604e/frozenlist-1.8.0-cp313-cp313-manylinux1_x86_64.manylinux_2_28_x86_64.manylinux_2_5_x86_64.whl", hash = "sha256:fb30f9626572a76dfe4293c7194a09fb1fe93ba94c7d4f720dfae3b646b45027", size = 234391, upload-time = "2025-10-06T05:36:31.301Z" },
+    { url = "https://files.pythonhosted.org/packages/40/76/c202df58e3acdf12969a7895fd6f3bc016c642e6726aa63bd3025e0fc71c/frozenlist-1.8.0-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:eaa352d7047a31d87dafcacbabe89df0aa506abb5b1b85a2fb91bc3faa02d822", size = 233048, upload-time = "2025-10-06T05:36:32.531Z" },
+    { url = "https://files.pythonhosted.org/packages/f9/c0/8746afb90f17b73ca5979c7a3958116e105ff796e718575175319b5bb4ce/frozenlist-1.8.0-cp313-cp313-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:03ae967b4e297f58f8c774c7eabcce57fe3c2434817d4385c50661845a058121", size = 226549, upload-time = "2025-10-06T05:36:33.706Z" },
+    { url = "https://files.pythonhosted.org/packages/7e/eb/4c7eefc718ff72f9b6c4893291abaae5fbc0c82226a32dcd8ef4f7a5dbef/frozenlist-1.8.0-cp313-cp313-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:f6292f1de555ffcc675941d65fffffb0a5bcd992905015f85d0592201793e0e5", size = 239833, upload-time = "2025-10-06T05:36:34.947Z" },
+    { url = "https://files.pythonhosted.org/packages/c2/4e/e5c02187cf704224f8b21bee886f3d713ca379535f16893233b9d672ea71/frozenlist-1.8.0-cp313-cp313-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:29548f9b5b5e3460ce7378144c3010363d8035cea44bc0bf02d57f5a685e084e", size = 245363, upload-time = "2025-10-06T05:36:36.534Z" },
+    { url = "https://files.pythonhosted.org/packages/1f/96/cb85ec608464472e82ad37a17f844889c36100eed57bea094518bf270692/frozenlist-1.8.0-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:ec3cc8c5d4084591b4237c0a272cc4f50a5b03396a47d9caaf76f5d7b38a4f11", size = 229314, upload-time = "2025-10-06T05:36:38.582Z" },
+    { url = "https://files.pythonhosted.org/packages/5d/6f/4ae69c550e4cee66b57887daeebe006fe985917c01d0fff9caab9883f6d0/frozenlist-1.8.0-cp313-cp313-musllinux_1_2_armv7l.whl", hash = "sha256:517279f58009d0b1f2e7c1b130b377a349405da3f7621ed6bfae50b10adf20c1", size = 243365, upload-time = "2025-10-06T05:36:40.152Z" },
+    { url = "https://files.pythonhosted.org/packages/7a/58/afd56de246cf11780a40a2c28dc7cbabbf06337cc8ddb1c780a2d97e88d8/frozenlist-1.8.0-cp313-cp313-musllinux_1_2_ppc64le.whl", hash = "sha256:db1e72ede2d0d7ccb213f218df6a078a9c09a7de257c2fe8fcef16d5925230b1", size = 237763, upload-time = "2025-10-06T05:36:41.355Z" },
+    { url = "https://files.pythonhosted.org/packages/cb/36/cdfaf6ed42e2644740d4a10452d8e97fa1c062e2a8006e4b09f1b5fd7d63/frozenlist-1.8.0-cp313-cp313-musllinux_1_2_s390x.whl", hash = "sha256:b4dec9482a65c54a5044486847b8a66bf10c9cb4926d42927ec4e8fd5db7fed8", size = 240110, upload-time = "2025-10-06T05:36:42.716Z" },
+    { url = "https://files.pythonhosted.org/packages/03/a8/9ea226fbefad669f11b52e864c55f0bd57d3c8d7eb07e9f2e9a0b39502e1/frozenlist-1.8.0-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:21900c48ae04d13d416f0e1e0c4d81f7931f73a9dfa0b7a8746fb2fe7dd970ed", size = 233717, upload-time = "2025-10-06T05:36:44.251Z" },
+    { url = "https://files.pythonhosted.org/packages/1e/0b/1b5531611e83ba7d13ccc9988967ea1b51186af64c42b7a7af465dcc9568/frozenlist-1.8.0-cp313-cp313-win32.whl", hash = "sha256:8b7b94a067d1c504ee0b16def57ad5738701e4ba10cec90529f13fa03c833496", size = 39628, upload-time = "2025-10-06T05:36:45.423Z" },
+    { url = "https://files.pythonhosted.org/packages/d8/cf/174c91dbc9cc49bc7b7aab74d8b734e974d1faa8f191c74af9b7e80848e6/frozenlist-1.8.0-cp313-cp313-win_amd64.whl", hash = "sha256:878be833caa6a3821caf85eb39c5ba92d28e85df26d57afb06b35b2efd937231", size = 43882, upload-time = "2025-10-06T05:36:46.796Z" },
+    { url = "https://files.pythonhosted.org/packages/c1/17/502cd212cbfa96eb1388614fe39a3fc9ab87dbbe042b66f97acb57474834/frozenlist-1.8.0-cp313-cp313-win_arm64.whl", hash = "sha256:44389d135b3ff43ba8cc89ff7f51f5a0bb6b63d829c8300f79a2fe4fe61bcc62", size = 39676, upload-time = "2025-10-06T05:36:47.8Z" },
+    { url = "https://files.pythonhosted.org/packages/d2/5c/3bbfaa920dfab09e76946a5d2833a7cbdf7b9b4a91c714666ac4855b88b4/frozenlist-1.8.0-cp313-cp313t-macosx_10_13_universal2.whl", hash = "sha256:e25ac20a2ef37e91c1b39938b591457666a0fa835c7783c3a8f33ea42870db94", size = 89235, upload-time = "2025-10-06T05:36:48.78Z" },
+    { url = "https://files.pythonhosted.org/packages/d2/d6/f03961ef72166cec1687e84e8925838442b615bd0b8854b54923ce5b7b8a/frozenlist-1.8.0-cp313-cp313t-macosx_10_13_x86_64.whl", hash = "sha256:07cdca25a91a4386d2e76ad992916a85038a9b97561bf7a3fd12d5d9ce31870c", size = 50742, upload-time = "2025-10-06T05:36:49.837Z" },
+    { url = "https://files.pythonhosted.org/packages/1e/bb/a6d12b7ba4c3337667d0e421f7181c82dda448ce4e7ad7ecd249a16fa806/frozenlist-1.8.0-cp313-cp313t-macosx_11_0_arm64.whl", hash = "sha256:4e0c11f2cc6717e0a741f84a527c52616140741cd812a50422f83dc31749fb52", size = 51725, upload-time = "2025-10-06T05:36:50.851Z" },
+    { url = "https://files.pythonhosted.org/packages/bc/71/d1fed0ffe2c2ccd70b43714c6cab0f4188f09f8a67a7914a6b46ee30f274/frozenlist-1.8.0-cp313-cp313t-manylinux1_x86_64.manylinux_2_28_x86_64.manylinux_2_5_x86_64.whl", hash = "sha256:b3210649ee28062ea6099cfda39e147fa1bc039583c8ee4481cb7811e2448c51", size = 284533, upload-time = "2025-10-06T05:36:51.898Z" },
+    { url = "https://files.pythonhosted.org/packages/c9/1f/fb1685a7b009d89f9bf78a42d94461bc06581f6e718c39344754a5d9bada/frozenlist-1.8.0-cp313-cp313t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:581ef5194c48035a7de2aefc72ac6539823bb71508189e5de01d60c9dcd5fa65", size = 292506, upload-time = "2025-10-06T05:36:53.101Z" },
+    { url = "https://files.pythonhosted.org/packages/e6/3b/b991fe1612703f7e0d05c0cf734c1b77aaf7c7d321df4572e8d36e7048c8/frozenlist-1.8.0-cp313-cp313t-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:3ef2d026f16a2b1866e1d86fc4e1291e1ed8a387b2c333809419a2f8b3a77b82", size = 274161, upload-time = "2025-10-06T05:36:54.309Z" },
+    { url = "https://files.pythonhosted.org/packages/ca/ec/c5c618767bcdf66e88945ec0157d7f6c4a1322f1473392319b7a2501ded7/frozenlist-1.8.0-cp313-cp313t-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:5500ef82073f599ac84d888e3a8c1f77ac831183244bfd7f11eaa0289fb30714", size = 294676, upload-time = "2025-10-06T05:36:55.566Z" },
+    { url = "https://files.pythonhosted.org/packages/7c/ce/3934758637d8f8a88d11f0585d6495ef54b2044ed6ec84492a91fa3b27aa/frozenlist-1.8.0-cp313-cp313t-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:50066c3997d0091c411a66e710f4e11752251e6d2d73d70d8d5d4c76442a199d", size = 300638, upload-time = "2025-10-06T05:36:56.758Z" },
+    { url = "https://files.pythonhosted.org/packages/fc/4f/a7e4d0d467298f42de4b41cbc7ddaf19d3cfeabaf9ff97c20c6c7ee409f9/frozenlist-1.8.0-cp313-cp313t-musllinux_1_2_aarch64.whl", hash = "sha256:5c1c8e78426e59b3f8005e9b19f6ff46e5845895adbde20ece9218319eca6506", size = 283067, upload-time = "2025-10-06T05:36:57.965Z" },
+    { url = "https://files.pythonhosted.org/packages/dc/48/c7b163063d55a83772b268e6d1affb960771b0e203b632cfe09522d67ea5/frozenlist-1.8.0-cp313-cp313t-musllinux_1_2_armv7l.whl", hash = "sha256:eefdba20de0d938cec6a89bd4d70f346a03108a19b9df4248d3cf0d88f1b0f51", size = 292101, upload-time = "2025-10-06T05:36:59.237Z" },
+    { url = "https://files.pythonhosted.org/packages/9f/d0/2366d3c4ecdc2fd391e0afa6e11500bfba0ea772764d631bbf82f0136c9d/frozenlist-1.8.0-cp313-cp313t-musllinux_1_2_ppc64le.whl", hash = "sha256:cf253e0e1c3ceb4aaff6df637ce033ff6535fb8c70a764a8f46aafd3d6ab798e", size = 289901, upload-time = "2025-10-06T05:37:00.811Z" },
+    { url = "https://files.pythonhosted.org/packages/b8/94/daff920e82c1b70e3618a2ac39fbc01ae3e2ff6124e80739ce5d71c9b920/frozenlist-1.8.0-cp313-cp313t-musllinux_1_2_s390x.whl", hash = "sha256:032efa2674356903cd0261c4317a561a6850f3ac864a63fc1583147fb05a79b0", size = 289395, upload-time = "2025-10-06T05:37:02.115Z" },
+    { url = "https://files.pythonhosted.org/packages/e3/20/bba307ab4235a09fdcd3cc5508dbabd17c4634a1af4b96e0f69bfe551ebd/frozenlist-1.8.0-cp313-cp313t-musllinux_1_2_x86_64.whl", hash = "sha256:6da155091429aeba16851ecb10a9104a108bcd32f6c1642867eadaee401c1c41", size = 283659, upload-time = "2025-10-06T05:37:03.711Z" },
+    { url = "https://files.pythonhosted.org/packages/fd/00/04ca1c3a7a124b6de4f8a9a17cc2fcad138b4608e7a3fc5877804b8715d7/frozenlist-1.8.0-cp313-cp313t-win32.whl", hash = "sha256:0f96534f8bfebc1a394209427d0f8a63d343c9779cda6fc25e8e121b5fd8555b", size = 43492, upload-time = "2025-10-06T05:37:04.915Z" },
+    { url = "https://files.pythonhosted.org/packages/59/5e/c69f733a86a94ab10f68e496dc6b7e8bc078ebb415281d5698313e3af3a1/frozenlist-1.8.0-cp313-cp313t-win_amd64.whl", hash = "sha256:5d63a068f978fc69421fb0e6eb91a9603187527c86b7cd3f534a5b77a592b888", size = 48034, upload-time = "2025-10-06T05:37:06.343Z" },
+    { url = "https://files.pythonhosted.org/packages/16/6c/be9d79775d8abe79b05fa6d23da99ad6e7763a1d080fbae7290b286093fd/frozenlist-1.8.0-cp313-cp313t-win_arm64.whl", hash = "sha256:bf0a7e10b077bf5fb9380ad3ae8ce20ef919a6ad93b4552896419ac7e1d8e042", size = 41749, upload-time = "2025-10-06T05:37:07.431Z" },
     { url = "https://files.pythonhosted.org/packages/f1/c8/85da824b7e7b9b6e7f7705b2ecaf9591ba6f79c1177f324c2735e41d36a2/frozenlist-1.8.0-cp314-cp314-macosx_10_13_universal2.whl", hash = "sha256:cee686f1f4cadeb2136007ddedd0aaf928ab95216e7691c63e50a8ec066336d0", size = 86127, upload-time = "2025-10-06T05:37:08.438Z" },
     { url = "https://files.pythonhosted.org/packages/8e/e8/a1185e236ec66c20afd72399522f142c3724c785789255202d27ae992818/frozenlist-1.8.0-cp314-cp314-macosx_10_13_x86_64.whl", hash = "sha256:119fb2a1bd47307e899c2fac7f28e85b9a543864df47aa7ec9d3c1b4545f096f", size = 49698, upload-time = "2025-10-06T05:37:09.48Z" },
     { url = "https://files.pythonhosted.org/packages/a1/93/72b1736d68f03fda5fdf0f2180fb6caaae3894f1b854d006ac61ecc727ee/frozenlist-1.8.0-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:4970ece02dbc8c3a92fcc5228e36a3e933a01a999f7094ff7c23fbd2beeaa67c", size = 49749, upload-time = "2025-10-06T05:37:10.569Z" },
@@ -598,204 +700,95 @@ wheels = [
 ]
 
 [[package]]
-name = "greenlet"
-version = "3.5.1"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/6d/6e/802acd792aebb2256fbbee8cacf2727faaeb6f240ac11008f09eae4414bc/greenlet-3.5.1.tar.gz", hash = "sha256:5a56aeb7d5d9cc4b3a735efb5095bd4b4f6f0e4f93e5ca876d0e2315137b7829", size = 197356, upload-time = "2026-05-20T15:05:03.917Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/8a/cb/c62454606daf5640369c94d8a9dd540599b1bfc090e2d2180cb77f4038d2/greenlet-3.5.1-cp314-cp314-macosx_11_0_universal2.whl", hash = "sha256:d8ab31c9de8651a2facdd5c5bb0011f2380dd1a7af78ce2adf4b56095294fc07", size = 285579, upload-time = "2026-05-20T13:08:56.396Z" },
-    { url = "https://files.pythonhosted.org/packages/ec/71/c4270398c2eba968a6071af1dfbdcaeee6ec1c24bc8b435b8cc452700da6/greenlet-3.5.1-cp314-cp314-manylinux_2_24_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:5e300185139abc337ade480c327183adf42a875ac7181bfe66d7d4efea31fbea", size = 651106, upload-time = "2026-05-20T14:00:09.448Z" },
-    { url = "https://files.pythonhosted.org/packages/1a/ab/71e34b78a44ec271fb5f550c17bc46d301ddc5953890d935f270b0dcdb5a/greenlet-3.5.1-cp314-cp314-manylinux_2_24_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:7ffdb990dcaa0234cf9845aead5df2e3c3a8b6507d409274dd87e0d5ab05ffc2", size = 663478, upload-time = "2026-05-20T14:05:45.88Z" },
-    { url = "https://files.pythonhosted.org/packages/c6/2d/2d80842910da44f78c286532d084b8a5c3717c844ae80ceb3858738ae89a/greenlet-3.5.1-cp314-cp314-manylinux_2_24_s390x.manylinux_2_28_s390x.whl", hash = "sha256:6c09df69dc1712d131332054a858a3e5cca400967fa3a672e2324fbb0971448c", size = 667767, upload-time = "2026-05-20T14:09:12.15Z" },
-    { url = "https://files.pythonhosted.org/packages/77/96/4efd6fa5c62c85426a0c19077a586258ebc3a2a146ff2493e4312a697a22/greenlet-3.5.1-cp314-cp314-manylinux_2_24_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:2f82b3597e9d83b63408affed0b48fd0f54935edac4302237b9a837be0dae33c", size = 660800, upload-time = "2026-05-20T13:14:29.129Z" },
-    { url = "https://files.pythonhosted.org/packages/e9/d3/dad2eecedfbb1ed7050a20dcfae40c1442b74bc7423608be2c7e03ee7133/greenlet-3.5.1-cp314-cp314-manylinux_2_39_riscv64.whl", hash = "sha256:a4764e0bfc6a4d114c865b32520805c16a990ef5f286a514413b05d5ecd6a23d", size = 470786, upload-time = "2026-05-20T14:01:42.064Z" },
-    { url = "https://files.pythonhosted.org/packages/7a/e0/6c71401a25cac7000261304e866a2f2cc04dc74810d40e2f118aa4799495/greenlet-3.5.1-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:c0141e37414c10164e702b8fb1473304221ad98f71600850c6ef7ff4880feba0", size = 1617518, upload-time = "2026-05-20T14:02:28.662Z" },
-    { url = "https://files.pythonhosted.org/packages/41/26/c5c06643e8c0af9e7bf18e16cb51d0ab7625155f0392e1c9015d66d556cd/greenlet-3.5.1-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:50ae25a67bea74ea41fb14b960bc532df73eb713417b2d61892dced82fe8d3bc", size = 1681593, upload-time = "2026-05-20T13:14:39.417Z" },
-    { url = "https://files.pythonhosted.org/packages/8a/bd/e11a108317485075e68af9d23039619b86b28130c3b50d227d42edece64b/greenlet-3.5.1-cp314-cp314-win_amd64.whl", hash = "sha256:8a17c42330e261299766b75ac1ea32caa437a9453c8f65d16a13140db378ecd3", size = 239800, upload-time = "2026-05-20T13:09:30.128Z" },
-    { url = "https://files.pythonhosted.org/packages/47/f8/8e8e8417b7bf28639a5a56356ef934d0375e1d0c70a57e04d7701e870ffe/greenlet-3.5.1-cp314-cp314-win_arm64.whl", hash = "sha256:7b5f5fae05b8ac6d176a61b60c394a8cbdc2b5b91b81793066e68745cf165e54", size = 236862, upload-time = "2026-05-20T13:09:10.498Z" },
-    { url = "https://files.pythonhosted.org/packages/90/12/41bf27fde4d3605d3773ae57751eda182b8be2f5398011c041173b1d9534/greenlet-3.5.1-cp314-cp314t-macosx_11_0_universal2.whl", hash = "sha256:ea8da1e900d758d078810d4255d8c6aa572181896a31ec79d779eb79c3adc9ad", size = 293637, upload-time = "2026-05-20T13:12:35.529Z" },
-    { url = "https://files.pythonhosted.org/packages/44/44/ba14b23e9757707050c2f397d305bbcae62e5d7cad122f8b6baec5ae4a1f/greenlet-3.5.1-cp314-cp314t-manylinux_2_24_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:a19570c52a21420dcbc94e661994bc325c0b5b11304540fed514586da5dc8f2e", size = 650840, upload-time = "2026-05-20T14:00:11.079Z" },
-    { url = "https://files.pythonhosted.org/packages/a8/37/5ddc2b686a6844f91abecef43411842426da2e1573f60b49ecf2547f4ae1/greenlet-3.5.1-cp314-cp314t-manylinux_2_24_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:3d955c89b75eeca4723d7cc14135f393cd47c32e2a6cb4a8e4c6e760a26b0986", size = 656416, upload-time = "2026-05-20T14:05:47.118Z" },
-    { url = "https://files.pythonhosted.org/packages/8c/46/5987dcd1a2570ba84f3b187536b2ca3ae97613387e57f5cfa99df068fe5e/greenlet-3.5.1-cp314-cp314t-manylinux_2_24_s390x.manylinux_2_28_s390x.whl", hash = "sha256:ea37d5a157eb9493820d3792ac4ece28619a394391d2b9f2f78057d396ff0f0f", size = 656607, upload-time = "2026-05-20T14:09:13.949Z" },
-    { url = "https://files.pythonhosted.org/packages/e1/f0/d17510297c35a2992712f0bf84de3779749999f7d3d63aa1f09db7c62dbe/greenlet-3.5.1-cp314-cp314t-manylinux_2_24_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:de2daaaebd1a5aa88c49045b6baf9310b3263796bd88db713edf37cf53e7bb4e", size = 654397, upload-time = "2026-05-20T13:14:30.696Z" },
-    { url = "https://files.pythonhosted.org/packages/2c/c1/6da0a9ddcc29d7e51ef14883fa3dc1e53b3f4ffba00582106c7bf55da1d8/greenlet-3.5.1-cp314-cp314t-manylinux_2_39_riscv64.whl", hash = "sha256:8d8a23250ea3ec7b36de8fa4b541e9e2db3ee82915cc060ab0631609ad8b28de", size = 488287, upload-time = "2026-05-20T14:01:43.143Z" },
-    { url = "https://files.pythonhosted.org/packages/37/eb/147387705bb89092645b012586e7273cb5ed3c90ef7eaf3a69173eaf0209/greenlet-3.5.1-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:3bfbd69cc349e43bf3a8ae1c85548ff0718efc887615c2db16c3833d7b0b072d", size = 1614469, upload-time = "2026-05-20T14:02:30.192Z" },
-    { url = "https://files.pythonhosted.org/packages/a6/4e/37ee0da7732b7aa9896f17e15579a9df34b9fcb9dd494f0adfa749af6623/greenlet-3.5.1-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:4378720dd888136c27215a0214d32a4d37c3852765d45bc37aad0623423cfd78", size = 1675115, upload-time = "2026-05-20T13:14:40.972Z" },
-    { url = "https://files.pythonhosted.org/packages/57/f3/97dfcf4a6eb5077f8a672234216fb5923eb89f2cab7081cb10b2cf75b605/greenlet-3.5.1-cp314-cp314t-win_amd64.whl", hash = "sha256:45718441607f9325d948db98cbc691276059316d0358c188c246da4e1d4d23d2", size = 245246, upload-time = "2026-05-20T13:12:22.646Z" },
-    { url = "https://files.pythonhosted.org/packages/5d/73/d7f72e34b582f694f4a9b248162db7b09cc458a259ba8f0c0bfa1a34ea7d/greenlet-3.5.1-cp315-cp315-macosx_11_0_universal2.whl", hash = "sha256:2baee5ca02031757ffe8cc3d69f0cc0aec7065ce362622da74f32d3bcab1c541", size = 285575, upload-time = "2026-05-20T13:12:07.043Z" },
-    { url = "https://files.pythonhosted.org/packages/df/59/fa9c6e87dc8ad27a95dabe2f29f372b733d05a8a67470f6c901ed9975655/greenlet-3.5.1-cp315-cp315-manylinux_2_24_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:9b1ec3274918a81d3ea778b9e75b56b72b33f300edb6cf7f3a7fe1dae56683de", size = 656428, upload-time = "2026-05-20T14:00:12.556Z" },
-    { url = "https://files.pythonhosted.org/packages/f6/f9/e753408871eaa61dfe35e619cfc67512b036fde99893685d50eea9e07146/greenlet-3.5.1-cp315-cp315-manylinux_2_24_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:111e2390ffffc47d5840b01711dd7fac07d4c09283d0283e7f3264b14e284c64", size = 667064, upload-time = "2026-05-20T14:05:48.662Z" },
-    { url = "https://files.pythonhosted.org/packages/dc/74/807a047255bf1e09303627c46dc043dca596b6958a354d904f32ab382005/greenlet-3.5.1-cp315-cp315-manylinux_2_24_s390x.manylinux_2_28_s390x.whl", hash = "sha256:10a9a1c0bfbc93d41156ffcb90c75fbc05544054faf15dcc1fdf9765f8b607f0", size = 672962, upload-time = "2026-05-20T14:09:15.532Z" },
-    { url = "https://files.pythonhosted.org/packages/96/27/5565b5b40389f1c7753003a07e21892fda8660926787036d5bc0308b8113/greenlet-3.5.1-cp315-cp315-manylinux_2_24_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:e630136e905fe5ff43e86945ae41220b6d1470956a39220e708110ac48d01ea5", size = 665697, upload-time = "2026-05-20T13:14:32.943Z" },
-    { url = "https://files.pythonhosted.org/packages/76/32/19d4e13225193c29b13e308015223f7d75fd3d8623d49dd19040d2ce8ec1/greenlet-3.5.1-cp315-cp315-manylinux_2_39_riscv64.whl", hash = "sha256:ef08c1567c78074b22d1a200183d52d04a14df447bf70bcbb6a3507a48e776fc", size = 476047, upload-time = "2026-05-20T14:01:44.39Z" },
-    { url = "https://files.pythonhosted.org/packages/cf/82/e7de4178c0c2d1c9a5a3be3cc0b33e46a85b3ee4a77c071bf7ad8600e079/greenlet-3.5.1-cp315-cp315-musllinux_1_2_aarch64.whl", hash = "sha256:975eac34b44a7077ca4d421348455b94f0f518246a7f14bc6d2fdcfe5b584368", size = 1621256, upload-time = "2026-05-20T14:02:31.91Z" },
-    { url = "https://files.pythonhosted.org/packages/00/10/f2dddcf7dacac17dfc68691809589adad06135eb28930429cf58a6467a2f/greenlet-3.5.1-cp315-cp315-musllinux_1_2_x86_64.whl", hash = "sha256:9ab3c3a0b2ae6198e67c898dad5215a49f9ae0d0081b3c3ec59f333e39eeca26", size = 1685956, upload-time = "2026-05-20T13:14:42.55Z" },
-    { url = "https://files.pythonhosted.org/packages/22/17/4a232b32133230ada52f70e9d7f5b65b0caef8772f01849bd8d149e7e4ca/greenlet-3.5.1-cp315-cp315-win_amd64.whl", hash = "sha256:cbfc69be86e10dcfef5b1e6269d1d6926552aa89ee39e1de3353360c1b6989ab", size = 239802, upload-time = "2026-05-20T13:13:15.481Z" },
-    { url = "https://files.pythonhosted.org/packages/c2/ae/4e623a7e6d4d2a5f4cb8e4c82de4169fc637942caae68d6e676b8a128ac5/greenlet-3.5.1-cp315-cp315-win_arm64.whl", hash = "sha256:92fd6d44ac5e5a887c8a5dc4a8ba0ba908527c31c12f78c6bc7dcfe8aab279f6", size = 236853, upload-time = "2026-05-20T13:15:37.301Z" },
-    { url = "https://files.pythonhosted.org/packages/7a/57/816d9cff29119da3505b3d6a5e14a8af89006ac36f47f891ff293ee05af1/greenlet-3.5.1-cp315-cp315t-macosx_11_0_universal2.whl", hash = "sha256:a6fdf2433a5441ef9a95464f7c3e674775da1c8c1177fff311cee1acad4626ed", size = 293877, upload-time = "2026-05-20T13:10:19.078Z" },
-    { url = "https://files.pythonhosted.org/packages/23/a1/59b0a7c7d140ff1a75626680b9a9899b79a9176cab298b394968fb023295/greenlet-3.5.1-cp315-cp315t-manylinux_2_24_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:7546556f0d649f99f6a361098a55f761181bb2ea12ff150bb16d26092ad88244", size = 655333, upload-time = "2026-05-20T14:00:14.758Z" },
-    { url = "https://files.pythonhosted.org/packages/72/1b/5efe127597625042218939d01855109f352779050768b670b52edcc16a6c/greenlet-3.5.1-cp315-cp315t-manylinux_2_24_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:d5ee3ea898009fa898f85f9982255d35278c477bebe185beca249cab42d4526c", size = 659443, upload-time = "2026-05-20T14:05:50.159Z" },
-    { url = "https://files.pythonhosted.org/packages/c9/9d/1dcdf7b95ab3cf8c7b6d7277c18a5e167312f2b362ddfcc5d5e6d8d84b43/greenlet-3.5.1-cp315-cp315t-manylinux_2_24_s390x.manylinux_2_28_s390x.whl", hash = "sha256:a57b0d05a0448eed231d59c0ceb287dde984551e54cbc51ac2d4865712838e9c", size = 659998, upload-time = "2026-05-20T14:09:16.912Z" },
-    { url = "https://files.pythonhosted.org/packages/6c/6d/c404246ea4d22d097a7426d0efb5b781bd7eb67715f09e79001bd552ab18/greenlet-3.5.1-cp315-cp315t-manylinux_2_24_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:a5c81f74d204d3edd136ebfd50dce53acbb776995d721a0fe801626cfc93b8cd", size = 658356, upload-time = "2026-05-20T13:14:35.091Z" },
-    { url = "https://files.pythonhosted.org/packages/05/7e/c4959664fc231d587d66d8e81f2095e98056ba1954beafdcbe635e251052/greenlet-3.5.1-cp315-cp315t-manylinux_2_39_riscv64.whl", hash = "sha256:b0703c2cef53e01baec47f7a3868009913ad71ec678bbecb42a6f40895e4ce62", size = 494470, upload-time = "2026-05-20T14:01:45.611Z" },
-    { url = "https://files.pythonhosted.org/packages/51/02/f8ee37fb6d2219329f350af241c27fcf12df57e723d11f6fc6d3bacdadaa/greenlet-3.5.1-cp315-cp315t-musllinux_1_2_aarch64.whl", hash = "sha256:2c18ef16bf6d4dd410e4dd52996888ea1497be26892fe5bbc73580aba4287b8e", size = 1619216, upload-time = "2026-05-20T14:02:33.403Z" },
-    { url = "https://files.pythonhosted.org/packages/93/c5/3dc9475ace2c7a3680da12372cddd7f1ac874eb410a1ac48d3e9dab83782/greenlet-3.5.1-cp315-cp315t-musllinux_1_2_x86_64.whl", hash = "sha256:17d86354f0ae6b61bf9be5148d0dd34e06c3cb7c602c671f79f29ac3b150e659", size = 1678427, upload-time = "2026-05-20T13:14:43.71Z" },
-    { url = "https://files.pythonhosted.org/packages/df/4e/750c15c317a41ffb36f0bf40b933e3d744a7dede61889f74443ea69690cf/greenlet-3.5.1-cp315-cp315t-win_amd64.whl", hash = "sha256:e7516cf6ae6b8a582c2770a0caed47b8a48373ed732c33d69a72913ae6ac923e", size = 245225, upload-time = "2026-05-20T13:13:59.366Z" },
-    { url = "https://files.pythonhosted.org/packages/4f/fd/d3baea2eeb7b617efd47e87ca06e2ec2c6118d303aa9e918e0ce16eadc10/greenlet-3.5.1-cp315-cp315t-win_arm64.whl", hash = "sha256:5028648bf2253ec4745add746129d3904121fa7fe871a76bed23c5720573ce0a", size = 239590, upload-time = "2026-05-20T13:13:37.382Z" },
-]
-
-[[package]]
-name = "h11"
-version = "0.16.0"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/01/ee/02a2c011bdab74c6fb3c75474d40b3052059d95df7e73351460c8588d963/h11-0.16.0.tar.gz", hash = "sha256:4e35b956cf45792e4caa5885e69fba00bdbc6ffafbfa020300e549b208ee5ff1", size = 101250, upload-time = "2025-04-24T03:35:25.427Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/04/4b/29cac41a4d98d144bf5f6d33995617b185d14b22401f75ca86f384e87ff1/h11-0.16.0-py3-none-any.whl", hash = "sha256:63cf8bbe7522de3bf65932fda1d9c2772064ffb3dae62d55932da54b31cb6c86", size = 37515, upload-time = "2025-04-24T03:35:24.344Z" },
-]
-
-[[package]]
-name = "hiredis"
-version = "3.3.1"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/97/d6/9bef6dc3052c168c93fbf7e6c0f2b12c45f0f741a2d30fd919096774343a/hiredis-3.3.1.tar.gz", hash = "sha256:da6f0302360e99d32bc2869772692797ebadd536e1b826d0103c72ba49d38698", size = 89101, upload-time = "2026-03-16T15:21:08.092Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/03/72/0450d6b449da58120c5497346eb707738f8f67b9e60c28a8ef90133fc81f/hiredis-3.3.1-cp314-cp314-macosx_10_15_universal2.whl", hash = "sha256:439f9a5cc8f9519ce208a24cdebfa0440fef26aa682a40ba2c92acb10a53f5e0", size = 82112, upload-time = "2026-03-16T15:20:02.865Z" },
-    { url = "https://files.pythonhosted.org/packages/22/c0/0be33a29bcd463e6cbb0282515dd4d0cdfe33c30c7afc6d4d8c460e23266/hiredis-3.3.1-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:3724f0e58c6ff76fd683429945491de71324ab1bc0ad943a8d68cb0932d24075", size = 46238, upload-time = "2026-03-16T15:20:03.896Z" },
-    { url = "https://files.pythonhosted.org/packages/62/f2/f999854bfaf3bcbee0f797f24706c182ecfaca825f6a582f6281a6aa97e0/hiredis-3.3.1-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:29fe35e3c6fe03204e75c86514f452591957a1e06b05d86e10d795455b71c355", size = 41891, upload-time = "2026-03-16T15:20:04.939Z" },
-    { url = "https://files.pythonhosted.org/packages/f2/c8/cd9ab90fec3a301d864d8ab6167aea387add8e2287969d89cbcd45d6b0e0/hiredis-3.3.1-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:d42f3a13290f89191568fc113d95a3d2c8759cdd8c3672f021d8b7436f909e75", size = 170485, upload-time = "2026-03-16T15:20:06.284Z" },
-    { url = "https://files.pythonhosted.org/packages/ac/9a/1ddf9ea236a292963146cbaf6722abeb9d503ca47d821267bb8b3b81c4f7/hiredis-3.3.1-cp314-cp314-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:2afc675b831f7552da41116fffffca4340f387dc03f56d6ec0c7895ab0b59a10", size = 182030, upload-time = "2026-03-16T15:20:07.857Z" },
-    { url = "https://files.pythonhosted.org/packages/d4/b8/e070a1dbf8a1bbb8814baa0b00836fbe3f10c7af8e11f942cc739c64e062/hiredis-3.3.1-cp314-cp314-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:4106201cd052d9eabe3cb7b5a24b0fe37307792bda4fcb3cf6ddd72f697828e8", size = 180543, upload-time = "2026-03-16T15:20:09.096Z" },
-    { url = "https://files.pythonhosted.org/packages/0d/bb/b5f4f98e44626e2446cd8a52ce6cb1fc1c99786b6e2db3bf09cea97b90cd/hiredis-3.3.1-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:8887bf0f31e4b550bd988c8863b527b6587d200653e9375cd91eea2b944b7424", size = 172356, upload-time = "2026-03-16T15:20:10.245Z" },
-    { url = "https://files.pythonhosted.org/packages/ef/93/73a77b54ba94e82f76d02563c588d8a062513062675f483a033a43015f2c/hiredis-3.3.1-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:1ac7697365dbe45109273b34227fee6826b276ead9a4a007e0877e1d3f0fcf21", size = 166433, upload-time = "2026-03-16T15:20:11.789Z" },
-    { url = "https://files.pythonhosted.org/packages/f3/c2/1b2dcbe5dc53a46a8cb05bed67d190a7e30bad2ad1f727ebe154dfeededd/hiredis-3.3.1-cp314-cp314-musllinux_1_2_ppc64le.whl", hash = "sha256:2b6da6e07359107c653a809b3cff2d9ccaeedbafe33c6f16434aef6f53ce4a2b", size = 177220, upload-time = "2026-03-16T15:20:12.991Z" },
-    { url = "https://files.pythonhosted.org/packages/02/09/f4314cf096552568b5ea785ceb60c424771f4d35a76c410ad39d258f74bc/hiredis-3.3.1-cp314-cp314-musllinux_1_2_s390x.whl", hash = "sha256:ce334915f5d31048f76a42c607bf26687cf045eb1bc852b7340f09729c6a64fc", size = 170475, upload-time = "2026-03-16T15:20:14.519Z" },
-    { url = "https://files.pythonhosted.org/packages/b1/2e/3f56e438efc8fc27ed4a3dbad58c0280061466473ec35d8f86c90c841a84/hiredis-3.3.1-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:ee11fd431f83d8a5b29d370b9d79a814d3218d30113bdcd44657e9bdf715fc92", size = 167913, upload-time = "2026-03-16T15:20:15.672Z" },
-    { url = "https://files.pythonhosted.org/packages/56/34/053e5ee91d6dc478faac661996d1fd4886c5acb7a1b5ac30e7d3c794bb51/hiredis-3.3.1-cp314-cp314-win32.whl", hash = "sha256:e0356561b4a97c83b9ee3de657a41b8d1a1781226853adaf47b550bb988fda6f", size = 21167, upload-time = "2026-03-16T15:20:17.013Z" },
-    { url = "https://files.pythonhosted.org/packages/ea/33/06776c641d17881a9031e337e81b3b934c38c2adbb83c85062d6b5f83b72/hiredis-3.3.1-cp314-cp314-win_amd64.whl", hash = "sha256:80aba5f85d6227faee628ae28d1c3b69c661806a0636548ac56c68782606454f", size = 23000, upload-time = "2026-03-16T15:20:17.966Z" },
-    { url = "https://files.pythonhosted.org/packages/dd/5a/94f9a505b2ff5376d4a05fb279b69d89bafa7219dd33f6944026e3e56f80/hiredis-3.3.1-cp314-cp314t-macosx_10_15_universal2.whl", hash = "sha256:907f7b5501a534030738f0f27459a612d2266fd0507b007bb8f3e6de08167920", size = 83039, upload-time = "2026-03-16T15:20:19.316Z" },
-    { url = "https://files.pythonhosted.org/packages/93/ae/d3752a8f03a1fca43d402389d2a2d234d3db54c4d1f07f26c1041ca3c5de/hiredis-3.3.1-cp314-cp314t-macosx_10_15_x86_64.whl", hash = "sha256:de94b409f49eb6a588ebdd5872e826caec417cd77c17af0fb94f2128427f1a2a", size = 46703, upload-time = "2026-03-16T15:20:20.401Z" },
-    { url = "https://files.pythonhosted.org/packages/9f/76/e32c868a2fa23cd82bacaffd38649d938173244a0e717ec1c0c76874dbdd/hiredis-3.3.1-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:79cd03e7ff550c17758a7520bf437c156d3d4c8bb74214deeafa69cda49c85a4", size = 42379, upload-time = "2026-03-16T15:20:21.705Z" },
-    { url = "https://files.pythonhosted.org/packages/c9/f6/d687d36a74ce6cf448826cf2e8edfc1eb37cc965308f74eb696aa97c69df/hiredis-3.3.1-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:6ffa7ba2e2da1f806f3181b9730b3e87ba9dbfec884806725d4584055ba3faa6", size = 180311, upload-time = "2026-03-16T15:20:23.037Z" },
-    { url = "https://files.pythonhosted.org/packages/db/ac/f520dc0066a62a15aa920c7dd0a2028c213f4862d5f901409ae92ee5d785/hiredis-3.3.1-cp314-cp314t-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:ee37fe8cf081b72dea72f96a0ee604f492ec02252eb77dc26ff6eec3f997b580", size = 190488, upload-time = "2026-03-16T15:20:24.357Z" },
-    { url = "https://files.pythonhosted.org/packages/4d/f5/ae10fff82d0f291e90c41bf10a5d6543a96aae00cccede01bf2b6f7e178d/hiredis-3.3.1-cp314-cp314t-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:9bfdeff778d3f7ff449ca5922ab773899e7d31e26a576028b06a5e9cf0ed8c34", size = 189210, upload-time = "2026-03-16T15:20:25.51Z" },
-    { url = "https://files.pythonhosted.org/packages/0f/8f/5be4344e542aa8d349a03d05486c59d9ca26f69c749d11e114bf34b84d50/hiredis-3.3.1-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:027ce4fabfeff5af5b9869d5524770877f9061d118bc36b85703ae3faf5aad8e", size = 180971, upload-time = "2026-03-16T15:20:26.631Z" },
-    { url = "https://files.pythonhosted.org/packages/41/a2/29e230226ec2a31f13f8a832fbafe366e263f3b090553ebe49bb4581a7bd/hiredis-3.3.1-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:dcea8c3f53674ae68e44b12e853b844a1d315250ca6677b11ec0c06aff85e86c", size = 175314, upload-time = "2026-03-16T15:20:27.848Z" },
-    { url = "https://files.pythonhosted.org/packages/89/2e/bf241707ad86b9f3ebfbc7ab89e19d5ec243ff92ca77644a383622e8740b/hiredis-3.3.1-cp314-cp314t-musllinux_1_2_ppc64le.whl", hash = "sha256:0b5ff2f643f4b452b0597b7fe6aa35d398cb31d8806801acfafb1558610ea2aa", size = 185652, upload-time = "2026-03-16T15:20:29.364Z" },
-    { url = "https://files.pythonhosted.org/packages/d0/c1/b39170d8bcccd01febd45af4ac6b43ff38e134a868e2ec167a82a036fb35/hiredis-3.3.1-cp314-cp314t-musllinux_1_2_s390x.whl", hash = "sha256:3586c8a5f56d34b9dddaaa9e76905f31933cac267251006adf86ec0eef7d0400", size = 179033, upload-time = "2026-03-16T15:20:30.549Z" },
-    { url = "https://files.pythonhosted.org/packages/b7/3a/4fe39a169115434f911abff08ff485b9b6201c168500e112b3f6a8110c0a/hiredis-3.3.1-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:a110d19881ca78a88583d3b07231e7c6864864f5f1f3491b638863ea45fa8708", size = 176126, upload-time = "2026-03-16T15:20:31.958Z" },
-    { url = "https://files.pythonhosted.org/packages/44/99/c1d0b0bc4f9e9150e24beb0dca2e186e32d5e749d0022e0d26453749ed51/hiredis-3.3.1-cp314-cp314t-win32.whl", hash = "sha256:98fd5b39410e9d69e10e90d0330e35650becaa5dd2548f509b9598f1f3c6124d", size = 22028, upload-time = "2026-03-16T15:20:33.33Z" },
-    { url = "https://files.pythonhosted.org/packages/35/d6/191e6741addc97bcf5e755661f8c82f0fd0aa35f07ece56e858da689b57e/hiredis-3.3.1-cp314-cp314t-win_amd64.whl", hash = "sha256:ab1f646ff531d70bfd25f01e60708dfa3d105eb458b7dedd9fe9a443039fd809", size = 23811, upload-time = "2026-03-16T15:20:34.292Z" },
-]
-
-[[package]]
-name = "httptools"
-version = "0.7.1"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/b5/46/120a669232c7bdedb9d52d4aeae7e6c7dfe151e99dc70802e2fc7a5e1993/httptools-0.7.1.tar.gz", hash = "sha256:abd72556974f8e7c74a259655924a717a2365b236c882c3f6f8a45fe94703ac9", size = 258961, upload-time = "2025-10-10T03:55:08.559Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/34/50/9d095fcbb6de2d523e027a2f304d4551855c2f46e0b82befd718b8b20056/httptools-0.7.1-cp314-cp314-macosx_10_13_universal2.whl", hash = "sha256:c08fe65728b8d70b6923ce31e3956f859d5e1e8548e6f22ec520a962c6757270", size = 203619, upload-time = "2025-10-10T03:54:54.321Z" },
-    { url = "https://files.pythonhosted.org/packages/07/f0/89720dc5139ae54b03f861b5e2c55a37dba9a5da7d51e1e824a1f343627f/httptools-0.7.1-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:7aea2e3c3953521c3c51106ee11487a910d45586e351202474d45472db7d72d3", size = 108714, upload-time = "2025-10-10T03:54:55.163Z" },
-    { url = "https://files.pythonhosted.org/packages/b3/cb/eea88506f191fb552c11787c23f9a405f4c7b0c5799bf73f2249cd4f5228/httptools-0.7.1-cp314-cp314-manylinux1_x86_64.manylinux_2_28_x86_64.manylinux_2_5_x86_64.whl", hash = "sha256:0e68b8582f4ea9166be62926077a3334064d422cf08ab87d8b74664f8e9058e1", size = 472909, upload-time = "2025-10-10T03:54:56.056Z" },
-    { url = "https://files.pythonhosted.org/packages/e0/4a/a548bdfae6369c0d078bab5769f7b66f17f1bfaa6fa28f81d6be6959066b/httptools-0.7.1-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:df091cf961a3be783d6aebae963cc9b71e00d57fa6f149025075217bc6a55a7b", size = 470831, upload-time = "2025-10-10T03:54:57.219Z" },
-    { url = "https://files.pythonhosted.org/packages/4d/31/14df99e1c43bd132eec921c2e7e11cda7852f65619bc0fc5bdc2d0cb126c/httptools-0.7.1-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:f084813239e1eb403ddacd06a30de3d3e09a9b76e7894dcda2b22f8a726e9c60", size = 452631, upload-time = "2025-10-10T03:54:58.219Z" },
-    { url = "https://files.pythonhosted.org/packages/22/d2/b7e131f7be8d854d48cb6d048113c30f9a46dca0c9a8b08fcb3fcd588cdc/httptools-0.7.1-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:7347714368fb2b335e9063bc2b96f2f87a9ceffcd9758ac295f8bbcd3ffbc0ca", size = 452910, upload-time = "2025-10-10T03:54:59.366Z" },
-    { url = "https://files.pythonhosted.org/packages/53/cf/878f3b91e4e6e011eff6d1fa9ca39f7eb17d19c9d7971b04873734112f30/httptools-0.7.1-cp314-cp314-win_amd64.whl", hash = "sha256:cfabda2a5bb85aa2a904ce06d974a3f30fb36cc63d7feaddec05d2050acede96", size = 88205, upload-time = "2025-10-10T03:55:00.389Z" },
-]
-
-[[package]]
-name = "idna"
-version = "3.16"
+name = "graphql-core"
+version = "3.3.0rc0"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/1a/88/bcf9709822fe69d02c2a6a77956c98ce6ea8ca8767a9aadcedc7eb6a2390/idna-3.16.tar.gz", hash = "sha256:d7a6da03db833450fca25d2358ac9ff06cd624577a4aea3a596d5c0f77b8e03d", size = 203770, upload-time = "2026-05-22T00:16:18.781Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/78/40/0d2c0c4b1f859d5dc7f11b431dea5f80a16ed163f9e186c8a9e7607259fe/graphql_core-3.3.0rc0.tar.gz", hash = "sha256:78e2894f758a615cbb93bf92b5def4dccfe7ee6ee9f61fe1c30395c33d1ce544", size = 637006, upload-time = "2026-06-19T20:40:08.953Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/94/16/70255075a9859a0e3adb789b68ceb0e210dec03934245fd98d248226572f/idna-3.16-py3-none-any.whl", hash = "sha256:cc246e3a3f89580c3a951b5ad298ca4638078b2cdd4f115654332b5c26daded5", size = 74165, upload-time = "2026-05-22T00:16:16.698Z" },
+    { url = "https://files.pythonhosted.org/packages/8c/89/efd877ac909125f050b9562afc1f4b1bc7c0a90bc2a03ed7b0cb21debca3/graphql_core-3.3.0rc0-py3-none-any.whl", hash = "sha256:5650ad4f881aded3f5392b09266ff774de22d017da1975865154d0aa15c3f4bc", size = 272886, upload-time = "2026-06-19T20:40:07.387Z" },
 ]
 
 [[package]]
-name = "jmespath"
-version = "1.1.0"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/d3/59/322338183ecda247fb5d1763a6cbe46eff7222eaeebafd9fa65d4bf5cb11/jmespath-1.1.0.tar.gz", hash = "sha256:472c87d80f36026ae83c6ddd0f1d05d4e510134ed462851fd5f754c8c3cbb88d", size = 27377, upload-time = "2026-01-22T16:35:26.279Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/14/2f/967ba146e6d58cf6a652da73885f52fc68001525b4197effc174321d70b4/jmespath-1.1.0-py3-none-any.whl", hash = "sha256:a5663118de4908c91729bea0acadca56526eb2698e83de10cd116ae0f4e97c64", size = 20419, upload-time = "2026-01-22T16:35:24.919Z" },
-]
-
-[[package]]
-name = "kombu"
-version = "5.6.2"
+name = "hyperlink"
+version = "21.0.0"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "amqp" },
-    { name = "packaging" },
-    { name = "tzdata" },
-    { name = "vine" },
+    { name = "idna" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/b6/a5/607e533ed6c83ae1a696969b8e1c137dfebd5759a2e9682e26ff1b97740b/kombu-5.6.2.tar.gz", hash = "sha256:8060497058066c6f5aed7c26d7cd0d3b574990b09de842a8c5aaed0b92cc5a55", size = 472594, upload-time = "2025-12-29T20:30:07.779Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/3a/51/1947bd81d75af87e3bb9e34593a4cf118115a8feb451ce7a69044ef1412e/hyperlink-21.0.0.tar.gz", hash = "sha256:427af957daa58bc909471c6c40f74c5450fa123dd093fc53efd2e91d2705a56b", size = 140743, upload-time = "2021-01-08T05:51:20.972Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/fb/0f/834427d8c03ff1d7e867d3db3d176470c64871753252b21b4f4897d1fa45/kombu-5.6.2-py3-none-any.whl", hash = "sha256:efcfc559da324d41d61ca311b0c64965ea35b4c55cc04ee36e55386145dace93", size = 214219, upload-time = "2025-12-29T20:30:05.74Z" },
+    { url = "https://files.pythonhosted.org/packages/6e/aa/8caf6a0a3e62863cbb9dab27135660acba46903b703e224f14f447e57934/hyperlink-21.0.0-py2.py3-none-any.whl", hash = "sha256:e6b14c37ecb73e89c77d78cdb4c2cc8f3fb59a885c5b3f819ff4ed80f25af1b4", size = 74638, upload-time = "2021-01-08T05:51:22.906Z" },
 ]
 
 [[package]]
-name = "mako"
-version = "1.3.12"
+name = "idna"
+version = "3.18"
 source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "markupsafe" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/00/62/791b31e69ae182791ec67f04850f2f062716bbd205483d63a215f3e062d3/mako-1.3.12.tar.gz", hash = "sha256:9f778e93289bd410bb35daadeb4fc66d95a746f0b75777b942088b7fd7af550a", size = 400219, upload-time = "2026-04-28T19:01:08.512Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/cd/63/9496c57188a2ee585e0f1db071d75089a11e98aa86eb99d9d7618fc1edce/idna-3.18.tar.gz", hash = "sha256:ffb385a7e039654cef1ab9ef32c6fafe283c0c0467bba1d9029738ce4a14a848", size = 196711, upload-time = "2026-06-02T14:34:07.794Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/bc/b1/a0ec7a5a9db730a08daef1fdfb8090435b82465abbf758a596f0ea88727e/mako-1.3.12-py3-none-any.whl", hash = "sha256:8f61569480282dbf557145ce441e4ba888be453c30989f879f0d652e39f53ea9", size = 78521, upload-time = "2026-04-28T19:01:10.393Z" },
+    { url = "https://files.pythonhosted.org/packages/1e/5e/d4e9f1a599fb8e573b7b87160658329fbf28d19eac2718f51fc3def3aa5a/idna-3.18-py3-none-any.whl", hash = "sha256:7f952cbe720b688055e3f87de14f5c3e5fdaa8bc3928985c4077ca689de849a2", size = 65455, upload-time = "2026-06-02T14:34:06.319Z" },
 ]
 
 [[package]]
-name = "markdown-it-py"
-version = "4.2.0"
+name = "incremental"
+version = "24.11.0"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "mdurl" },
+    { name = "packaging" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/06/ff/7841249c247aa650a76b9ee4bbaeae59370dc8bfd2f6c01f3630c35eb134/markdown_it_py-4.2.0.tar.gz", hash = "sha256:04a21681d6fbb623de53f6f364d352309d4094dd4194040a10fd51833e418d49", size = 82454, upload-time = "2026-05-07T12:08:28.36Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/ef/3c/82e84109e02c492f382c711c58a3dd91badda6d746def81a1465f74dc9f5/incremental-24.11.0.tar.gz", hash = "sha256:87d3480dbb083c1d736222511a8cf380012a8176c2456d01ef483242abbbcf8c", size = 24000, upload-time = "2025-11-28T02:30:17.861Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/b3/81/4da04ced5a082363ecfa159c010d200ecbd959ae410c10c0264a38cac0f5/markdown_it_py-4.2.0-py3-none-any.whl", hash = "sha256:9f7ebbcd14fe59494226453aed97c1070d83f8d24b6fc3a3bcf9a38092641c4a", size = 91687, upload-time = "2026-05-07T12:08:27.182Z" },
+    { url = "https://files.pythonhosted.org/packages/1d/55/0f4df2a44053867ea9cbea73fc588b03c55605cd695cee0a3d86f0029cb2/incremental-24.11.0-py3-none-any.whl", hash = "sha256:a34450716b1c4341fe6676a0598e88a39e04189f4dce5dc96f656e040baa10b3", size = 21109, upload-time = "2025-11-28T02:30:16.442Z" },
 ]
 
 [[package]]
-name = "markupsafe"
-version = "3.0.3"
+name = "jmespath"
+version = "1.1.0"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/7e/99/7690b6d4034fffd95959cbe0c02de8deb3098cc577c67bb6a24fe5d7caa7/markupsafe-3.0.3.tar.gz", hash = "sha256:722695808f4b6457b320fdc131280796bdceb04ab50fe1795cd540799ebe1698", size = 80313, upload-time = "2025-09-27T18:37:40.426Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/d3/59/322338183ecda247fb5d1763a6cbe46eff7222eaeebafd9fa65d4bf5cb11/jmespath-1.1.0.tar.gz", hash = "sha256:472c87d80f36026ae83c6ddd0f1d05d4e510134ed462851fd5f754c8c3cbb88d", size = 27377, upload-time = "2026-01-22T16:35:26.279Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/33/8a/8e42d4838cd89b7dde187011e97fe6c3af66d8c044997d2183fbd6d31352/markupsafe-3.0.3-cp314-cp314-macosx_10_13_x86_64.whl", hash = "sha256:eaa9599de571d72e2daf60164784109f19978b327a3910d3e9de8c97b5b70cfe", size = 11619, upload-time = "2025-09-27T18:37:06.342Z" },
-    { url = "https://files.pythonhosted.org/packages/b5/64/7660f8a4a8e53c924d0fa05dc3a55c9cee10bbd82b11c5afb27d44b096ce/markupsafe-3.0.3-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:c47a551199eb8eb2121d4f0f15ae0f923d31350ab9280078d1e5f12b249e0026", size = 12029, upload-time = "2025-09-27T18:37:07.213Z" },
-    { url = "https://files.pythonhosted.org/packages/da/ef/e648bfd021127bef5fa12e1720ffed0c6cbb8310c8d9bea7266337ff06de/markupsafe-3.0.3-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:f34c41761022dd093b4b6896d4810782ffbabe30f2d443ff5f083e0cbbb8c737", size = 24408, upload-time = "2025-09-27T18:37:09.572Z" },
-    { url = "https://files.pythonhosted.org/packages/41/3c/a36c2450754618e62008bf7435ccb0f88053e07592e6028a34776213d877/markupsafe-3.0.3-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:457a69a9577064c05a97c41f4e65148652db078a3a509039e64d3467b9e7ef97", size = 23005, upload-time = "2025-09-27T18:37:10.58Z" },
-    { url = "https://files.pythonhosted.org/packages/bc/20/b7fdf89a8456b099837cd1dc21974632a02a999ec9bf7ca3e490aacd98e7/markupsafe-3.0.3-cp314-cp314-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:e8afc3f2ccfa24215f8cb28dcf43f0113ac3c37c2f0f0806d8c70e4228c5cf4d", size = 22048, upload-time = "2025-09-27T18:37:11.547Z" },
-    { url = "https://files.pythonhosted.org/packages/9a/a7/591f592afdc734f47db08a75793a55d7fbcc6902a723ae4cfbab61010cc5/markupsafe-3.0.3-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:ec15a59cf5af7be74194f7ab02d0f59a62bdcf1a537677ce67a2537c9b87fcda", size = 23821, upload-time = "2025-09-27T18:37:12.48Z" },
-    { url = "https://files.pythonhosted.org/packages/7d/33/45b24e4f44195b26521bc6f1a82197118f74df348556594bd2262bda1038/markupsafe-3.0.3-cp314-cp314-musllinux_1_2_riscv64.whl", hash = "sha256:0eb9ff8191e8498cca014656ae6b8d61f39da5f95b488805da4bb029cccbfbaf", size = 21606, upload-time = "2025-09-27T18:37:13.485Z" },
-    { url = "https://files.pythonhosted.org/packages/ff/0e/53dfaca23a69fbfbbf17a4b64072090e70717344c52eaaaa9c5ddff1e5f0/markupsafe-3.0.3-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:2713baf880df847f2bece4230d4d094280f4e67b1e813eec43b4c0e144a34ffe", size = 23043, upload-time = "2025-09-27T18:37:14.408Z" },
-    { url = "https://files.pythonhosted.org/packages/46/11/f333a06fc16236d5238bfe74daccbca41459dcd8d1fa952e8fbd5dccfb70/markupsafe-3.0.3-cp314-cp314-win32.whl", hash = "sha256:729586769a26dbceff69f7a7dbbf59ab6572b99d94576a5592625d5b411576b9", size = 14747, upload-time = "2025-09-27T18:37:15.36Z" },
-    { url = "https://files.pythonhosted.org/packages/28/52/182836104b33b444e400b14f797212f720cbc9ed6ba34c800639d154e821/markupsafe-3.0.3-cp314-cp314-win_amd64.whl", hash = "sha256:bdc919ead48f234740ad807933cdf545180bfbe9342c2bb451556db2ed958581", size = 15341, upload-time = "2025-09-27T18:37:16.496Z" },
-    { url = "https://files.pythonhosted.org/packages/6f/18/acf23e91bd94fd7b3031558b1f013adfa21a8e407a3fdb32745538730382/markupsafe-3.0.3-cp314-cp314-win_arm64.whl", hash = "sha256:5a7d5dc5140555cf21a6fefbdbf8723f06fcd2f63ef108f2854de715e4422cb4", size = 14073, upload-time = "2025-09-27T18:37:17.476Z" },
-    { url = "https://files.pythonhosted.org/packages/3c/f0/57689aa4076e1b43b15fdfa646b04653969d50cf30c32a102762be2485da/markupsafe-3.0.3-cp314-cp314t-macosx_10_13_x86_64.whl", hash = "sha256:1353ef0c1b138e1907ae78e2f6c63ff67501122006b0f9abad68fda5f4ffc6ab", size = 11661, upload-time = "2025-09-27T18:37:18.453Z" },
-    { url = "https://files.pythonhosted.org/packages/89/c3/2e67a7ca217c6912985ec766c6393b636fb0c2344443ff9d91404dc4c79f/markupsafe-3.0.3-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:1085e7fbddd3be5f89cc898938f42c0b3c711fdcb37d75221de2666af647c175", size = 12069, upload-time = "2025-09-27T18:37:19.332Z" },
-    { url = "https://files.pythonhosted.org/packages/f0/00/be561dce4e6ca66b15276e184ce4b8aec61fe83662cce2f7d72bd3249d28/markupsafe-3.0.3-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:1b52b4fb9df4eb9ae465f8d0c228a00624de2334f216f178a995ccdcf82c4634", size = 25670, upload-time = "2025-09-27T18:37:20.245Z" },
-    { url = "https://files.pythonhosted.org/packages/50/09/c419f6f5a92e5fadde27efd190eca90f05e1261b10dbd8cbcb39cd8ea1dc/markupsafe-3.0.3-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:fed51ac40f757d41b7c48425901843666a6677e3e8eb0abcff09e4ba6e664f50", size = 23598, upload-time = "2025-09-27T18:37:21.177Z" },
-    { url = "https://files.pythonhosted.org/packages/22/44/a0681611106e0b2921b3033fc19bc53323e0b50bc70cffdd19f7d679bb66/markupsafe-3.0.3-cp314-cp314t-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:f190daf01f13c72eac4efd5c430a8de82489d9cff23c364c3ea822545032993e", size = 23261, upload-time = "2025-09-27T18:37:22.167Z" },
-    { url = "https://files.pythonhosted.org/packages/5f/57/1b0b3f100259dc9fffe780cfb60d4be71375510e435efec3d116b6436d43/markupsafe-3.0.3-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:e56b7d45a839a697b5eb268c82a71bd8c7f6c94d6fd50c3d577fa39a9f1409f5", size = 24835, upload-time = "2025-09-27T18:37:23.296Z" },
-    { url = "https://files.pythonhosted.org/packages/26/6a/4bf6d0c97c4920f1597cc14dd720705eca0bf7c787aebc6bb4d1bead5388/markupsafe-3.0.3-cp314-cp314t-musllinux_1_2_riscv64.whl", hash = "sha256:f3e98bb3798ead92273dc0e5fd0f31ade220f59a266ffd8a4f6065e0a3ce0523", size = 22733, upload-time = "2025-09-27T18:37:24.237Z" },
-    { url = "https://files.pythonhosted.org/packages/14/c7/ca723101509b518797fedc2fdf79ba57f886b4aca8a7d31857ba3ee8281f/markupsafe-3.0.3-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:5678211cb9333a6468fb8d8be0305520aa073f50d17f089b5b4b477ea6e67fdc", size = 23672, upload-time = "2025-09-27T18:37:25.271Z" },
-    { url = "https://files.pythonhosted.org/packages/fb/df/5bd7a48c256faecd1d36edc13133e51397e41b73bb77e1a69deab746ebac/markupsafe-3.0.3-cp314-cp314t-win32.whl", hash = "sha256:915c04ba3851909ce68ccc2b8e2cd691618c4dc4c4232fb7982bca3f41fd8c3d", size = 14819, upload-time = "2025-09-27T18:37:26.285Z" },
-    { url = "https://files.pythonhosted.org/packages/1a/8a/0402ba61a2f16038b48b39bccca271134be00c5c9f0f623208399333c448/markupsafe-3.0.3-cp314-cp314t-win_amd64.whl", hash = "sha256:4faffd047e07c38848ce017e8725090413cd80cbc23d86e55c587bf979e579c9", size = 15426, upload-time = "2025-09-27T18:37:27.316Z" },
-    { url = "https://files.pythonhosted.org/packages/70/bc/6f1c2f612465f5fa89b95bead1f44dcb607670fd42891d8fdcd5d039f4f4/markupsafe-3.0.3-cp314-cp314t-win_arm64.whl", hash = "sha256:32001d6a8fc98c8cb5c947787c5d08b0a50663d139f1305bac5885d98d9b40fa", size = 14146, upload-time = "2025-09-27T18:37:28.327Z" },
+    { url = "https://files.pythonhosted.org/packages/14/2f/967ba146e6d58cf6a652da73885f52fc68001525b4197effc174321d70b4/jmespath-1.1.0-py3-none-any.whl", hash = "sha256:a5663118de4908c91729bea0acadca56526eb2698e83de10cd116ae0f4e97c64", size = 20419, upload-time = "2026-01-22T16:35:24.919Z" },
 ]
 
 [[package]]
-name = "mdurl"
-version = "0.1.2"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/d6/54/cfe61301667036ec958cb99bd3efefba235e65cdeb9c84d24a8293ba1d90/mdurl-0.1.2.tar.gz", hash = "sha256:bb413d29f5eea38f31dd4754dd7377d4465116fb207585f97bf925588687c1ba", size = 8729, upload-time = "2022-08-14T12:40:10.846Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/b3/38/89ba8ad64ae25be8de66a6d463314cf1eb366222074cfda9ee839c56a4b4/mdurl-0.1.2-py3-none-any.whl", hash = "sha256:84008a41e51615a49fc9966191ff91509e3c40b939176e643fd50a5c2196b8f8", size = 9979, upload-time = "2022-08-14T12:40:09.779Z" },
+name = "msgpack"
+version = "1.2.1"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/31/f9/c0a1c127f9049db9155afc316952ea571720dd01833ff5e4d7e8e6352dbb/msgpack-1.2.1.tar.gz", hash = "sha256:04c721c2c7448767e9e3f2520a475663d8ee0f09c31890f6d2bd70fd636a9647", size = 183960, upload-time = "2026-06-18T16:13:52.594Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/b0/ac/dcddcab6f6c20ecb387ca5e980371cdb3f87ff69aeca388be97eebc4c074/msgpack-1.2.1-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:0a70e3cf2804a300d921bb0940426e35f4e489a23adfb77a808892241db0a064", size = 83151, upload-time = "2026-06-18T16:13:12.173Z" },
+    { url = "https://files.pythonhosted.org/packages/64/71/fbcfa83a1d6a9c6091942d1cfd070962244664b87427a9a49a6897b1b219/msgpack-1.2.1-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:491cc39455ca765fad51fb451bf2915eb2cf41192ab5801ce8d67c1d614fe056", size = 82351, upload-time = "2026-06-18T16:13:13.194Z" },
+    { url = "https://files.pythonhosted.org/packages/e3/10/ddf7b06db879e8792d13934ddda09ff20bd2a583fd84c9b59aae9b0e650b/msgpack-1.2.1-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:f310233ef7fb9c14e201c93639fe5f5260b005f56f0b29048e999c30935596cc", size = 407518, upload-time = "2026-06-18T16:13:14.233Z" },
+    { url = "https://files.pythonhosted.org/packages/79/d3/36a46a8ed992b781acbc05928bd5bee3c810cb0c3563bf81a7b0c04a1a76/msgpack-1.2.1-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:787c9bebb5833e8f6fc8abca3c0597683d8d87f56a8842b6b89c75a5f3176e2d", size = 416405, upload-time = "2026-06-18T16:13:15.435Z" },
+    { url = "https://files.pythonhosted.org/packages/f9/84/e8e9598b557c0ba6ddae901a73780a4c75ac667dddf59414b1e56a42fb34/msgpack-1.2.1-cp313-cp313-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:dc871b997a9370d855b7394465f2f350e847a5b806dd38dcc9c989e7d87da155", size = 376257, upload-time = "2026-06-18T16:13:17.022Z" },
+    { url = "https://files.pythonhosted.org/packages/40/16/738fe6d875ad7e2a9429c165322a4ec088f4f273cdfae63d96a89c467961/msgpack-1.2.1-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:85f57e960d877f2977f6430896191b04a21f8901b3b4baf2e4604329f4db5402", size = 397469, upload-time = "2026-06-18T16:13:18.287Z" },
+    { url = "https://files.pythonhosted.org/packages/ca/be/6d5952df75a7f24f35833af764c3a6860780364cb3a0030beb8099e1b2b4/msgpack-1.2.1-cp313-cp313-musllinux_1_2_riscv64.whl", hash = "sha256:1233ee2dd0cefba127583de50ea654677277047d238303521db35def3d7b2e7c", size = 372802, upload-time = "2026-06-18T16:13:19.685Z" },
+    { url = "https://files.pythonhosted.org/packages/e1/39/e2ef7dbf0473bcb8dc7c50bf782a892d67414877b63e47fc88eb189ef5e6/msgpack-1.2.1-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:e3dc2feb0876209d9c38aa56cb1de169bd6c4348f1aa48271f241226590993e6", size = 411273, upload-time = "2026-06-18T16:13:21.028Z" },
+    { url = "https://files.pythonhosted.org/packages/ef/c5/133f4512a56e983a93445c836c9d94d88f3bc2e0980ff4b9e577bd8416ce/msgpack-1.2.1-cp313-cp313-win32.whl", hash = "sha256:6d09badf350af2be9d189184e04e64cf54ad93569ab3d96fca58bd3e84aad707", size = 64471, upload-time = "2026-06-18T16:13:22.293Z" },
+    { url = "https://files.pythonhosted.org/packages/e2/98/577e10b055096a7dd40732358cabaf7180a20c79ed1dcdbb618e4b9deac7/msgpack-1.2.1-cp313-cp313-win_amd64.whl", hash = "sha256:33f14fba63278b714efe6ad07e50ea5f03d91537aa6a1c5f1ceca4cf44013ca9", size = 71274, upload-time = "2026-06-18T16:13:23.455Z" },
+    { url = "https://files.pythonhosted.org/packages/ba/ee/0c0048e7cfbef23c6a94791b8959ab28155232e7956de8a305b5ff588f05/msgpack-1.2.1-cp313-cp313-win_arm64.whl", hash = "sha256:afc5febcd4c99effbc02b528e49d6fd0760b2b7d48c05239e345a5fa6e743d9a", size = 64795, upload-time = "2026-06-18T16:13:24.687Z" },
+    { url = "https://files.pythonhosted.org/packages/77/58/cce442852c6b9e1639c7c8ac8fd9143121cb32dab0f308df4d1426a8eb9c/msgpack-1.2.1-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:05f340e47e7e47d2da8db9b53e1bb1d294369e9ef45a747441309f6650b8351d", size = 83610, upload-time = "2026-06-18T16:13:25.724Z" },
+    { url = "https://files.pythonhosted.org/packages/60/5c/15b4c7a0182f75ffa90751958ba36a9c01cafee367d49a3edc10ed140b01/msgpack-1.2.1-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:810b916696c86ef0deb3b74588480224df4c1b071136c34183e4a2a4284d7ac7", size = 83138, upload-time = "2026-06-18T16:13:26.781Z" },
+    { url = "https://files.pythonhosted.org/packages/b8/a6/99e58722feaffc5f2fbcc0c8c0d1451ab9f84097f7af87291b46af2390f4/msgpack-1.2.1-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:ca0dacff965c47afdc3749a8469d7302a8f801d6a28758d55120d75e66ce6889", size = 406090, upload-time = "2026-06-18T16:13:28.072Z" },
+    { url = "https://files.pythonhosted.org/packages/19/03/8c63e8cf52958534ef688625965ab04c269a6cadd8caef16758b380a821a/msgpack-1.2.1-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:0e2bf9280bceb5efca998435904b5d3e9fdbcc11d90dc9df30aec7973252b720", size = 412106, upload-time = "2026-06-18T16:13:29.427Z" },
+    { url = "https://files.pythonhosted.org/packages/63/d2/155d9e71b40e41fd934bc0c48b9b2770f22263e1ac20aad8e29fdca7be3f/msgpack-1.2.1-cp314-cp314-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:aa6c4be5d1c02a42b066ca6ddb71adf36432868fdcdb6ee87e634e86e0674190", size = 374851, upload-time = "2026-06-18T16:13:30.631Z" },
+    { url = "https://files.pythonhosted.org/packages/98/48/deaf2326262a8d5ea3295ce9649912ecd3f551ba7ec8e33c665d2ba583f3/msgpack-1.2.1-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:ec0e675d59150a6269ddc9139087c722292664a37d071a849c05c473350f1f2d", size = 396168, upload-time = "2026-06-18T16:13:31.977Z" },
+    { url = "https://files.pythonhosted.org/packages/10/2a/b4410f906c2ec0008f1608d3ab5143afc3ad3f4e6da0fed3ea2231d0bef4/msgpack-1.2.1-cp314-cp314-musllinux_1_2_riscv64.whl", hash = "sha256:dd3bfe82d53edfe4b7fc9a7ec9761e23a7a5b1dac22264505af428253c29ed24", size = 371959, upload-time = "2026-06-18T16:13:33.282Z" },
+    { url = "https://files.pythonhosted.org/packages/59/86/1edc67270099a528fa2093ea60fe191233cd238e4bd30cfacf7db79fc959/msgpack-1.2.1-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:5ad5467fc3f68b5468e06c5f788d712e9f8ffc8b0cd1bcb160c105c1ee92dae7", size = 408457, upload-time = "2026-06-18T16:13:34.567Z" },
+    { url = "https://files.pythonhosted.org/packages/82/90/8b630fef07d8c5ab457b71ff2c217910c83d333c7a68472c186e87cc504a/msgpack-1.2.1-cp314-cp314-win32.whl", hash = "sha256:98b58bdb89c46190e4609bb36abe17c6d4105ad13f9c5f8f6f64d320f8ced3fb", size = 65942, upload-time = "2026-06-18T16:13:36.056Z" },
+    { url = "https://files.pythonhosted.org/packages/16/f1/467b81e98b24dd3885d7b1857728797b4ffc76a7a7483af4fb321a07de3c/msgpack-1.2.1-cp314-cp314-win_amd64.whl", hash = "sha256:74847557e28ce71bd3c438a447ca90e4b507e997ddbdef8a12a7b283b86c156b", size = 72627, upload-time = "2026-06-18T16:13:37.079Z" },
+    { url = "https://files.pythonhosted.org/packages/a7/1d/5d8c4c89985feb6acefb82a09e501c60392261856d2408d20bfe4f0360b1/msgpack-1.2.1-cp314-cp314-win_arm64.whl", hash = "sha256:b50b727bd652bdc37d950336c848ef20ec54a4cafc38dce19b1cd86ad625d0f7", size = 66908, upload-time = "2026-06-18T16:13:38.23Z" },
+    { url = "https://files.pythonhosted.org/packages/1b/02/ad2afb678b4de94496cd432b581759b756a92c1192d8c767edd6b132efdc/msgpack-1.2.1-cp314-cp314t-macosx_10_15_x86_64.whl", hash = "sha256:8d00f177ca88a77c1cf848d204a38f249751650b601cb6532acc68805d8a8273", size = 86000, upload-time = "2026-06-18T16:13:39.44Z" },
+    { url = "https://files.pythonhosted.org/packages/54/74/0b797484013128837f3b1cbb6cea019277c4de4e377dc512b4d9a0f92940/msgpack-1.2.1-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:5bb9c386f0a329c035ddbab4b72d1028bf9627add8dda41070288563d57ed1b1", size = 86544, upload-time = "2026-06-18T16:13:40.447Z" },
+    { url = "https://files.pythonhosted.org/packages/a9/b4/b774d7eb95561739907fec675582f83203cf41c597a418c2589b4bfb8e9d/msgpack-1.2.1-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:20466cca18c49c7292a8984bc15d65857b171e7264bdcb5f96baf8be238791fc", size = 427661, upload-time = "2026-06-18T16:13:41.574Z" },
+    { url = "https://files.pythonhosted.org/packages/b2/f9/3243191dc9937e00756c8bc1b0272fed8f23758e43df2a3b46f533e5090f/msgpack-1.2.1-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:196300e7e5d6e74d50f1607ab9c06c4a1484c383cd22defd727902591f7e8dde", size = 426375, upload-time = "2026-06-18T16:13:42.936Z" },
+    { url = "https://files.pythonhosted.org/packages/23/c7/1693111db9944ba4ad4b67a1e788400d78a0b6af7a6523dc7e4e58f8274b/msgpack-1.2.1-cp314-cp314t-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:575957e79cd51903a4e8495a242442949641e08f1efd5197b43bebd3ea7682b4", size = 380495, upload-time = "2026-06-18T16:13:44.306Z" },
+    { url = "https://files.pythonhosted.org/packages/3e/2b/92f86956a0c13e8662f7e2ad630c4eb4db07497b967589bd5245e018b2c1/msgpack-1.2.1-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:8c2ed1e48cc0f460bf3c7780e7137ff21a4e18433451916f2442c1b21036cd7d", size = 410897, upload-time = "2026-06-18T16:13:45.629Z" },
+    { url = "https://files.pythonhosted.org/packages/da/ea/1479f72d200313a76fc2f823a79d1e07ed052ab7b8a0280640aa7b95de42/msgpack-1.2.1-cp314-cp314t-musllinux_1_2_riscv64.whl", hash = "sha256:5f6277e5f783c36786a145e0247fc189a03f35f84b251646e53592d2bc12b355", size = 378519, upload-time = "2026-06-18T16:13:46.998Z" },
+    { url = "https://files.pythonhosted.org/packages/f5/4d/fa006060ffa1011d32bfae826fe766fe73e02982183601633b7121058ab3/msgpack-1.2.1-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:f9389552ecf4784886345ead0647e4edc96bee37cbab05b75540f542f766c48c", size = 419815, upload-time = "2026-06-18T16:13:48.205Z" },
+    { url = "https://files.pythonhosted.org/packages/2f/e1/aab6c946570496b78e67804721f3d5e2d62a93081b9b37df77764ef56347/msgpack-1.2.1-cp314-cp314t-win32.whl", hash = "sha256:c1c79a604a2969a868a78b6ebd27a887e00c624f14f66b3038e0590cb23332d1", size = 70914, upload-time = "2026-06-18T16:13:49.385Z" },
+    { url = "https://files.pythonhosted.org/packages/13/0a/e608956488a2af014cfe6e3d665e090b8ee42aa14b07f8f95b8880d66b09/msgpack-1.2.1-cp314-cp314t-win_amd64.whl", hash = "sha256:f12038a35fabd52e56a3547bab42401af49a45caa6dd00b34c44de235bc93ee2", size = 77999, upload-time = "2026-06-18T16:13:50.467Z" },
+    { url = "https://files.pythonhosted.org/packages/d2/8a/27e2e57055176e366a46b85d02d68e7a5bcfbdd8474c9706375d965f24d3/msgpack-1.2.1-cp314-cp314t-win_arm64.whl", hash = "sha256:0adcf06ffde0777c0e1a9b771a2b1c4226ba1bbf748c8efcc02fcdeca3299107", size = 71160, upload-time = "2026-06-18T16:13:51.498Z" },
 ]
 
 [[package]]
@@ -804,6 +797,42 @@ version = "6.7.1"
 source = { registry = "https://pypi.org/simple" }
 sdist = { url = "https://files.pythonhosted.org/packages/1a/c2/c2d94cbe6ac1753f3fc980da97b3d930efe1da3af3c9f5125354436c073d/multidict-6.7.1.tar.gz", hash = "sha256:ec6652a1bee61c53a3e5776b6049172c53b6aaba34f18c9ad04f82712bac623d", size = 102010, upload-time = "2026-01-26T02:46:45.979Z" }
 wheels = [
+    { url = "https://files.pythonhosted.org/packages/f2/22/929c141d6c0dba87d3e1d38fbdf1ba8baba86b7776469f2bc2d3227a1e67/multidict-6.7.1-cp313-cp313-macosx_10_13_universal2.whl", hash = "sha256:2b41f5fed0ed563624f1c17630cb9941cf2309d4df00e494b551b5f3e3d67a23", size = 76174, upload-time = "2026-01-26T02:44:18.509Z" },
+    { url = "https://files.pythonhosted.org/packages/c7/75/bc704ae15fee974f8fccd871305e254754167dce5f9e42d88a2def741a1d/multidict-6.7.1-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:84e61e3af5463c19b67ced91f6c634effb89ef8bfc5ca0267f954451ed4bb6a2", size = 45116, upload-time = "2026-01-26T02:44:19.745Z" },
+    { url = "https://files.pythonhosted.org/packages/79/76/55cd7186f498ed080a18440c9013011eb548f77ae1b297206d030eb1180a/multidict-6.7.1-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:935434b9853c7c112eee7ac891bc4cb86455aa631269ae35442cb316790c1445", size = 43524, upload-time = "2026-01-26T02:44:21.571Z" },
+    { url = "https://files.pythonhosted.org/packages/e9/3c/414842ef8d5a1628d68edee29ba0e5bcf235dbfb3ccd3ea303a7fe8c72ff/multidict-6.7.1-cp313-cp313-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:432feb25a1cb67fe82a9680b4d65fb542e4635cb3166cd9c01560651ad60f177", size = 249368, upload-time = "2026-01-26T02:44:22.803Z" },
+    { url = "https://files.pythonhosted.org/packages/f6/32/befed7f74c458b4a525e60519fe8d87eef72bb1e99924fa2b0f9d97a221e/multidict-6.7.1-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:e82d14e3c948952a1a85503817e038cba5905a3352de76b9a465075d072fba23", size = 256952, upload-time = "2026-01-26T02:44:24.306Z" },
+    { url = "https://files.pythonhosted.org/packages/03/d6/c878a44ba877f366630c860fdf74bfb203c33778f12b6ac274936853c451/multidict-6.7.1-cp313-cp313-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:4cfb48c6ea66c83bcaaf7e4dfa7ec1b6bbcf751b7db85a328902796dfde4c060", size = 240317, upload-time = "2026-01-26T02:44:25.772Z" },
+    { url = "https://files.pythonhosted.org/packages/68/49/57421b4d7ad2e9e60e25922b08ceb37e077b90444bde6ead629095327a6f/multidict-6.7.1-cp313-cp313-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:1d540e51b7e8e170174555edecddbd5538105443754539193e3e1061864d444d", size = 267132, upload-time = "2026-01-26T02:44:27.648Z" },
+    { url = "https://files.pythonhosted.org/packages/b7/fe/ec0edd52ddbcea2a2e89e174f0206444a61440b40f39704e64dc807a70bd/multidict-6.7.1-cp313-cp313-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:273d23f4b40f3dce4d6c8a821c741a86dec62cded82e1175ba3d99be128147ed", size = 268140, upload-time = "2026-01-26T02:44:29.588Z" },
+    { url = "https://files.pythonhosted.org/packages/b0/73/6e1b01cbeb458807aa0831742232dbdd1fa92bfa33f52a3f176b4ff3dc11/multidict-6.7.1-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:9d624335fd4fa1c08a53f8b4be7676ebde19cd092b3895c421045ca87895b429", size = 254277, upload-time = "2026-01-26T02:44:30.902Z" },
+    { url = "https://files.pythonhosted.org/packages/6a/b2/5fb8c124d7561a4974c342bc8c778b471ebbeb3cc17df696f034a7e9afe7/multidict-6.7.1-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:12fad252f8b267cc75b66e8fc51b3079604e8d43a75428ffe193cd9e2195dfd6", size = 252291, upload-time = "2026-01-26T02:44:32.31Z" },
+    { url = "https://files.pythonhosted.org/packages/5a/96/51d4e4e06bcce92577fcd488e22600bd38e4fd59c20cb49434d054903bd2/multidict-6.7.1-cp313-cp313-musllinux_1_2_armv7l.whl", hash = "sha256:03ede2a6ffbe8ef936b92cb4529f27f42be7f56afcdab5ab739cd5f27fb1cbf9", size = 250156, upload-time = "2026-01-26T02:44:33.734Z" },
+    { url = "https://files.pythonhosted.org/packages/db/6b/420e173eec5fba721a50e2a9f89eda89d9c98fded1124f8d5c675f7a0c0f/multidict-6.7.1-cp313-cp313-musllinux_1_2_i686.whl", hash = "sha256:90efbcf47dbe33dcf643a1e400d67d59abeac5db07dc3f27d6bdeae497a2198c", size = 249742, upload-time = "2026-01-26T02:44:35.222Z" },
+    { url = "https://files.pythonhosted.org/packages/44/a3/ec5b5bd98f306bc2aa297b8c6f11a46714a56b1e6ef5ebda50a4f5d7c5fb/multidict-6.7.1-cp313-cp313-musllinux_1_2_ppc64le.whl", hash = "sha256:5c4b9bfc148f5a91be9244d6264c53035c8a0dcd2f51f1c3c6e30e30ebaa1c84", size = 262221, upload-time = "2026-01-26T02:44:36.604Z" },
+    { url = "https://files.pythonhosted.org/packages/cd/f7/e8c0d0da0cd1e28d10e624604e1a36bcc3353aaebdfdc3a43c72bc683a12/multidict-6.7.1-cp313-cp313-musllinux_1_2_s390x.whl", hash = "sha256:401c5a650f3add2472d1d288c26deebc540f99e2fb83e9525007a74cd2116f1d", size = 258664, upload-time = "2026-01-26T02:44:38.008Z" },
+    { url = "https://files.pythonhosted.org/packages/52/da/151a44e8016dd33feed44f730bd856a66257c1ee7aed4f44b649fb7edeb3/multidict-6.7.1-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:97891f3b1b3ffbded884e2916cacf3c6fc87b66bb0dde46f7357404750559f33", size = 249490, upload-time = "2026-01-26T02:44:39.386Z" },
+    { url = "https://files.pythonhosted.org/packages/87/af/a3b86bf9630b732897f6fc3f4c4714b90aa4361983ccbdcd6c0339b21b0c/multidict-6.7.1-cp313-cp313-win32.whl", hash = "sha256:e1c5988359516095535c4301af38d8a8838534158f649c05dd1050222321bcb3", size = 41695, upload-time = "2026-01-26T02:44:41.318Z" },
+    { url = "https://files.pythonhosted.org/packages/b2/35/e994121b0e90e46134673422dd564623f93304614f5d11886b1b3e06f503/multidict-6.7.1-cp313-cp313-win_amd64.whl", hash = "sha256:960c83bf01a95b12b08fd54324a4eb1d5b52c88932b5cba5d6e712bb3ed12eb5", size = 45884, upload-time = "2026-01-26T02:44:42.488Z" },
+    { url = "https://files.pythonhosted.org/packages/ca/61/42d3e5dbf661242a69c97ea363f2d7b46c567da8eadef8890022be6e2ab0/multidict-6.7.1-cp313-cp313-win_arm64.whl", hash = "sha256:563fe25c678aaba333d5399408f5ec3c383ca5b663e7f774dd179a520b8144df", size = 43122, upload-time = "2026-01-26T02:44:43.664Z" },
+    { url = "https://files.pythonhosted.org/packages/6d/b3/e6b21c6c4f314bb956016b0b3ef2162590a529b84cb831c257519e7fde44/multidict-6.7.1-cp313-cp313t-macosx_10_13_universal2.whl", hash = "sha256:c76c4bec1538375dad9d452d246ca5368ad6e1c9039dadcf007ae59c70619ea1", size = 83175, upload-time = "2026-01-26T02:44:44.894Z" },
+    { url = "https://files.pythonhosted.org/packages/fb/76/23ecd2abfe0957b234f6c960f4ade497f55f2c16aeb684d4ecdbf1c95791/multidict-6.7.1-cp313-cp313t-macosx_10_13_x86_64.whl", hash = "sha256:57b46b24b5d5ebcc978da4ec23a819a9402b4228b8a90d9c656422b4bdd8a963", size = 48460, upload-time = "2026-01-26T02:44:46.106Z" },
+    { url = "https://files.pythonhosted.org/packages/c4/57/a0ed92b23f3a042c36bc4227b72b97eca803f5f1801c1ab77c8a212d455e/multidict-6.7.1-cp313-cp313t-macosx_11_0_arm64.whl", hash = "sha256:e954b24433c768ce78ab7929e84ccf3422e46deb45a4dc9f93438f8217fa2d34", size = 46930, upload-time = "2026-01-26T02:44:47.278Z" },
+    { url = "https://files.pythonhosted.org/packages/b5/66/02ec7ace29162e447f6382c495dc95826bf931d3818799bbef11e8f7df1a/multidict-6.7.1-cp313-cp313t-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:3bd231490fa7217cc832528e1cd8752a96f0125ddd2b5749390f7c3ec8721b65", size = 242582, upload-time = "2026-01-26T02:44:48.604Z" },
+    { url = "https://files.pythonhosted.org/packages/58/18/64f5a795e7677670e872673aca234162514696274597b3708b2c0d276cce/multidict-6.7.1-cp313-cp313t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:253282d70d67885a15c8a7716f3a73edf2d635793ceda8173b9ecc21f2fb8292", size = 250031, upload-time = "2026-01-26T02:44:50.544Z" },
+    { url = "https://files.pythonhosted.org/packages/c8/ed/e192291dbbe51a8290c5686f482084d31bcd9d09af24f63358c3d42fd284/multidict-6.7.1-cp313-cp313t-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:0b4c48648d7649c9335cf1927a8b87fa692de3dcb15faa676c6a6f1f1aabda43", size = 228596, upload-time = "2026-01-26T02:44:51.951Z" },
+    { url = "https://files.pythonhosted.org/packages/1e/7e/3562a15a60cf747397e7f2180b0a11dc0c38d9175a650e75fa1b4d325e15/multidict-6.7.1-cp313-cp313t-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:98bc624954ec4d2c7cb074b8eefc2b5d0ce7d482e410df446414355d158fe4ca", size = 257492, upload-time = "2026-01-26T02:44:53.902Z" },
+    { url = "https://files.pythonhosted.org/packages/24/02/7d0f9eae92b5249bb50ac1595b295f10e263dd0078ebb55115c31e0eaccd/multidict-6.7.1-cp313-cp313t-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:1b99af4d9eec0b49927b4402bcbb58dea89d3e0db8806a4086117019939ad3dd", size = 255899, upload-time = "2026-01-26T02:44:55.316Z" },
+    { url = "https://files.pythonhosted.org/packages/00/e3/9b60ed9e23e64c73a5cde95269ef1330678e9c6e34dd4eb6b431b85b5a10/multidict-6.7.1-cp313-cp313t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:6aac4f16b472d5b7dc6f66a0d49dd57b0e0902090be16594dc9ebfd3d17c47e7", size = 247970, upload-time = "2026-01-26T02:44:56.783Z" },
+    { url = "https://files.pythonhosted.org/packages/3e/06/538e58a63ed5cfb0bd4517e346b91da32fde409d839720f664e9a4ae4f9d/multidict-6.7.1-cp313-cp313t-musllinux_1_2_aarch64.whl", hash = "sha256:21f830fe223215dffd51f538e78c172ed7c7f60c9b96a2bf05c4848ad49921c3", size = 245060, upload-time = "2026-01-26T02:44:58.195Z" },
+    { url = "https://files.pythonhosted.org/packages/b2/2f/d743a3045a97c895d401e9bd29aaa09b94f5cbdf1bd561609e5a6c431c70/multidict-6.7.1-cp313-cp313t-musllinux_1_2_armv7l.whl", hash = "sha256:f5dd81c45b05518b9aa4da4aa74e1c93d715efa234fd3e8a179df611cc85e5f4", size = 235888, upload-time = "2026-01-26T02:44:59.57Z" },
+    { url = "https://files.pythonhosted.org/packages/38/83/5a325cac191ab28b63c52f14f1131f3b0a55ba3b9aa65a6d0bf2a9b921a0/multidict-6.7.1-cp313-cp313t-musllinux_1_2_i686.whl", hash = "sha256:eb304767bca2bb92fb9c5bd33cedc95baee5bb5f6c88e63706533a1c06ad08c8", size = 243554, upload-time = "2026-01-26T02:45:01.054Z" },
+    { url = "https://files.pythonhosted.org/packages/20/1f/9d2327086bd15da2725ef6aae624208e2ef828ed99892b17f60c344e57ed/multidict-6.7.1-cp313-cp313t-musllinux_1_2_ppc64le.whl", hash = "sha256:c9035dde0f916702850ef66460bc4239d89d08df4d02023a5926e7446724212c", size = 252341, upload-time = "2026-01-26T02:45:02.484Z" },
+    { url = "https://files.pythonhosted.org/packages/e8/2c/2a1aa0280cf579d0f6eed8ee5211c4f1730bd7e06c636ba2ee6aafda302e/multidict-6.7.1-cp313-cp313t-musllinux_1_2_s390x.whl", hash = "sha256:af959b9beeb66c822380f222f0e0a1889331597e81f1ded7f374f3ecb0fd6c52", size = 246391, upload-time = "2026-01-26T02:45:03.862Z" },
+    { url = "https://files.pythonhosted.org/packages/e5/03/7ca022ffc36c5a3f6e03b179a5ceb829be9da5783e6fe395f347c0794680/multidict-6.7.1-cp313-cp313t-musllinux_1_2_x86_64.whl", hash = "sha256:41f2952231456154ee479651491e94118229844dd7226541788be783be2b5108", size = 243422, upload-time = "2026-01-26T02:45:05.296Z" },
+    { url = "https://files.pythonhosted.org/packages/dc/1d/b31650eab6c5778aceed46ba735bd97f7c7d2f54b319fa916c0f96e7805b/multidict-6.7.1-cp313-cp313t-win32.whl", hash = "sha256:df9f19c28adcb40b6aae30bbaa1478c389efd50c28d541d76760199fc1037c32", size = 47770, upload-time = "2026-01-26T02:45:06.754Z" },
+    { url = "https://files.pythonhosted.org/packages/ac/5b/2d2d1d522e51285bd61b1e20df8f47ae1a9d80839db0b24ea783b3832832/multidict-6.7.1-cp313-cp313t-win_amd64.whl", hash = "sha256:d54ecf9f301853f2c5e802da559604b3e95bb7a3b01a9c295c6ee591b9882de8", size = 53109, upload-time = "2026-01-26T02:45:08.044Z" },
+    { url = "https://files.pythonhosted.org/packages/3d/a3/cc409ba012c83ca024a308516703cf339bdc4b696195644a7215a5164a24/multidict-6.7.1-cp313-cp313t-win_arm64.whl", hash = "sha256:5a37ca18e360377cfda1d62f5f382ff41f2b8c4ccb329ed974cc2e1643440118", size = 45573, upload-time = "2026-01-26T02:45:09.349Z" },
     { url = "https://files.pythonhosted.org/packages/91/cc/db74228a8be41884a567e88a62fd589a913708fcf180d029898c17a9a371/multidict-6.7.1-cp314-cp314-macosx_10_15_universal2.whl", hash = "sha256:8f333ec9c5eb1b7105e3b84b53141e66ca05a19a605368c55450b6ba208cb9ee", size = 75190, upload-time = "2026-01-26T02:45:10.651Z" },
     { url = "https://files.pythonhosted.org/packages/d5/22/492f2246bb5b534abd44804292e81eeaf835388901f0c574bac4eeec73c5/multidict-6.7.1-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:a407f13c188f804c759fc6a9f88286a565c242a76b27626594c133b82883b5c2", size = 44486, upload-time = "2026-01-26T02:45:11.938Z" },
     { url = "https://files.pythonhosted.org/packages/f1/4f/733c48f270565d78b4544f2baddc2fb2a245e5a8640254b12c36ac7ac68e/multidict-6.7.1-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:0e161ddf326db5577c3a4cc2d8648f81456e8a20d40415541587a71620d7a7d1", size = 43219, upload-time = "2026-01-26T02:45:14.346Z" },
@@ -852,46 +881,46 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/df/b2/87e62e8c3e2f4b32e5fe99e0b86d576da1312593b39f47d8ceef365e95ed/packaging-26.2-py3-none-any.whl", hash = "sha256:5fc45236b9446107ff2415ce77c807cee2862cb6fac22b8a73826d0693b0980e", size = 100195, upload-time = "2026-04-24T20:15:22.081Z" },
 ]
 
-[[package]]
-name = "pastel"
-version = "0.2.1"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/76/f1/4594f5e0fcddb6953e5b8fe00da8c317b8b41b547e2b3ae2da7512943c62/pastel-0.2.1.tar.gz", hash = "sha256:e6581ac04e973cac858828c6202c1e1e81fee1dc7de7683f3e1ffe0bfd8a573d", size = 7555, upload-time = "2020-09-16T19:21:12.43Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/aa/18/a8444036c6dd65ba3624c63b734d3ba95ba63ace513078e1580590075d21/pastel-0.2.1-py2.py3-none-any.whl", hash = "sha256:4349225fcdf6c2bb34d483e523475de5bb04a5c10ef711263452cb37d7dd4364", size = 5955, upload-time = "2020-09-16T19:21:11.409Z" },
-]
-
-[[package]]
-name = "poethepoet"
-version = "0.46.0"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "pastel" },
-    { name = "pyyaml" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/3b/f5/d501fcb67e450fd3fae9db06050420c0c6043758cfa8c30ba40278211265/poethepoet-0.46.0.tar.gz", hash = "sha256:daf8469031879ef59ef0b34fdba83574d65e41eb9186e20cd0f7c89ce479b030", size = 117276, upload-time = "2026-05-15T15:52:02.548Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/af/01/a9d6ea30351919298d3dc237172ae6a60ce0224ecaaee289b671ab979c13/poethepoet-0.46.0-py3-none-any.whl", hash = "sha256:dc6d770a14792d124abac9066c5a707876027d1878ac9ca26cf57e9b2a96dc89", size = 150581, upload-time = "2026-05-15T15:52:01.118Z" },
-]
-
-[[package]]
-name = "prompt-toolkit"
-version = "3.0.52"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "wcwidth" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/a1/96/06e01a7b38dce6fe1db213e061a4602dd6032a8a97ef6c1a862537732421/prompt_toolkit-3.0.52.tar.gz", hash = "sha256:28cde192929c8e7321de85de1ddbe736f1375148b02f2e17edd840042b1be855", size = 434198, upload-time = "2025-08-27T15:24:02.057Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/84/03/0d3ce49e2505ae70cf43bc5bb3033955d2fc9f932163e84dc0779cc47f48/prompt_toolkit-3.0.52-py3-none-any.whl", hash = "sha256:9aac639a3bbd33284347de5ad8d68ecc044b91a762dc39b7c21095fcd6a19955", size = 391431, upload-time = "2025-08-27T15:23:59.498Z" },
-]
-
 [[package]]
 name = "propcache"
 version = "0.5.2"
 source = { registry = "https://pypi.org/simple" }
 sdist = { url = "https://files.pythonhosted.org/packages/ec/44/c87281c333769159c50594f22610f77398a47ccbfbbf23074e744e86f87c/propcache-0.5.2.tar.gz", hash = "sha256:01c4fc7480cd0598bb4b57022df55b9ca296da7fc5a8760bd8451a7e63a7d427", size = 50208, upload-time = "2026-05-08T21:02:12.199Z" }
 wheels = [
+    { url = "https://files.pythonhosted.org/packages/c5/09/f049e45385503fe67db75a6b6186a7b9f0c3930366dc960522c312a825b1/propcache-0.5.2-cp313-cp313-macosx_10_13_universal2.whl", hash = "sha256:099aaf4b4d1a02265b92a977edf00b5c4f63b3b17ac6de39b0d637c9cac0188a", size = 94457, upload-time = "2026-05-08T21:00:36.355Z" },
+    { url = "https://files.pythonhosted.org/packages/6b/65/83d1d05655baf63113731bd5a1008435e14f8d1e5a06cbe4ec5b23ad7a31/propcache-0.5.2-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:68ce1c44c7a813a7f71ea04315a8c7b330b63db99d059a797a4651bb6f69f117", size = 53835, upload-time = "2026-05-08T21:00:38.072Z" },
+    { url = "https://files.pythonhosted.org/packages/a9/12/a6ba6482bb5ea3260c000c9b20881c95fa11c6b30173715668259f844ed7/propcache-0.5.2-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:fc299c129490f55f254cd90be0deca4764e36e9a7c08b4aa588479a3bbed3098", size = 54545, upload-time = "2026-05-08T21:00:39.319Z" },
+    { url = "https://files.pythonhosted.org/packages/a9/19/7fa086f5764c59ec8a8e157cd93aa8497acc00aba9dcdec56bfffb32602d/propcache-0.5.2-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:a6ae2198be502c10f09b2516e7b5d019816924bc3183a43ce792a7bd6625e6f4", size = 59886, upload-time = "2026-05-08T21:00:40.621Z" },
+    { url = "https://files.pythonhosted.org/packages/a1/e4/5d7663dc8235956c8f5281698a3af1d351d8820341ddd890f59d9a9127f2/propcache-0.5.2-cp313-cp313-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:6041d31504dc1779d700e1edcfb08eea334b357620b06681a4eabb57a74e574e", size = 63261, upload-time = "2026-05-08T21:00:41.775Z" },
+    { url = "https://files.pythonhosted.org/packages/4a/4a/15a03adee24d6350da4292caeac44c34c033d2afe5e87eb370f38854560f/propcache-0.5.2-cp313-cp313-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:f7eabc04151c78a9f4d5bbb5f1faf571e4defeb4b585e0fe95b60ff2dbe4d3d7", size = 64184, upload-time = "2026-05-08T21:00:43.018Z" },
+    { url = "https://files.pythonhosted.org/packages/8b/c6/979176efdaa3d239e36d503d5af63a0a773b36662ed8f52e5b6a6d9fd40e/propcache-0.5.2-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:4db0ba63d693afd40d249bd93f842b5f144f8fcbb83de05660373bcf30517b1d", size = 61534, upload-time = "2026-05-08T21:00:44.507Z" },
+    { url = "https://files.pythonhosted.org/packages/c8/22/63e8cd1bae4c2d2be6493b6b7d10566ddafad88137cfbc99964a1119853c/propcache-0.5.2-cp313-cp313-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:1dbcf7675229b35d31abb6547d8ebc8c27a830ac3f9a794edff6254873ec7c0a", size = 61500, upload-time = "2026-05-08T21:00:45.796Z" },
+    { url = "https://files.pythonhosted.org/packages/60/5a/28e5d9acbac1cc9ccb67045e8c1b943aa8d79fdf39c93bd73cacd68008ea/propcache-0.5.2-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:d310c013aad2c72f1c3f2f8dd3279d460a858c551f97aeb8c63e4693cca7b4d2", size = 59994, upload-time = "2026-05-08T21:00:47.093Z" },
+    { url = "https://files.pythonhosted.org/packages/f3/40/db650677f554a95b9c01a7c9d93d629e93a15562f5deb4573c9ee136fed2/propcache-0.5.2-cp313-cp313-musllinux_1_2_armv7l.whl", hash = "sha256:06187263ddad280d05b4d8a8b3bb7d164cbebd469236544a42e6d9b28ac6a4fa", size = 56884, upload-time = "2026-05-08T21:00:48.376Z" },
+    { url = "https://files.pythonhosted.org/packages/80/45/70b39b89516ff8b96bf732fa6fded8cef20f293cb1508690101c3c07ec51/propcache-0.5.2-cp313-cp313-musllinux_1_2_ppc64le.whl", hash = "sha256:3115559b8effafd63b142ea5ed53d63a16ea6469cbc63dce4ee194b42db5d853", size = 63464, upload-time = "2026-05-08T21:00:49.954Z" },
+    { url = "https://files.pythonhosted.org/packages/f9/e2/fa59d3a89eac5534293124af4f1d0d0ada091ce4a0ab4610ce03fd2bdd8d/propcache-0.5.2-cp313-cp313-musllinux_1_2_riscv64.whl", hash = "sha256:c60462af8e6dc30c35407c7237ea908d777b22862bbee27bc4699c0d8bcdc45a", size = 61588, upload-time = "2026-05-08T21:00:51.281Z" },
+    { url = "https://files.pythonhosted.org/packages/0b/97/efb547a55c4bc7381cfb202d6a2239ac621045277bc1ea5dfd3a7f0516c0/propcache-0.5.2-cp313-cp313-musllinux_1_2_s390x.whl", hash = "sha256:40314bca9ac559716fe374094fc81c11dcc34b64fd6c585360f5775690505704", size = 64667, upload-time = "2026-05-08T21:00:52.602Z" },
+    { url = "https://files.pythonhosted.org/packages/92/56/f5c7d9b4b7595d5127da38974d791b2153f3d1eae6c674af3583ace92ad3/propcache-0.5.2-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:cfa21e036ce1e1db2be04ba3b85d2df1bb1702fa01932d984c5464c665228ff4", size = 62463, upload-time = "2026-05-08T21:00:54.303Z" },
+    { url = "https://files.pythonhosted.org/packages/bd/3b/484a3a65fc9f9f60c41dcd17b428bace5389544e2c680994534a20755066/propcache-0.5.2-cp313-cp313-win32.whl", hash = "sha256:f156a3529f38063b6dbaf356e15602a7f95f8055b1295a438433a6386f10463d", size = 38621, upload-time = "2026-05-08T21:00:55.808Z" },
+    { url = "https://files.pythonhosted.org/packages/1c/fd/3f0f10dba4dabad3bf53102be007abf55481067952bde0fdddff439e7c61/propcache-0.5.2-cp313-cp313-win_amd64.whl", hash = "sha256:dfed59d0a5aeb01e242e66ff0300bc4a265a7c05f612d30016f0b60b1017d757", size = 41649, upload-time = "2026-05-08T21:00:57.061Z" },
+    { url = "https://files.pythonhosted.org/packages/90/ec/6ce619cc32bb500a482f811f9cd509368b4e58e638d13f2c68f370d6b475/propcache-0.5.2-cp313-cp313-win_arm64.whl", hash = "sha256:ba338430e87ceb9c8f0cf754de38a9860560261e56c00376debd628698a7364f", size = 37636, upload-time = "2026-05-08T21:00:58.646Z" },
+    { url = "https://files.pythonhosted.org/packages/1b/82/c1d268bbbf2ef981c5bf0fbbe746db617c66e3bcefe431a1aa8943fbe23a/propcache-0.5.2-cp313-cp313t-macosx_10_13_universal2.whl", hash = "sha256:a592f5f3da71c8691c788c13cb6734b6d17663d2e1cb8caddf0673d01ef8847d", size = 98872, upload-time = "2026-05-08T21:00:59.889Z" },
+    { url = "https://files.pythonhosted.org/packages/f4/d4/52c871e73e864e6b34c0e2d58ac1ec5ccd149497ddc7ad2137ae98323a35/propcache-0.5.2-cp313-cp313t-macosx_10_13_x86_64.whl", hash = "sha256:6a997d0489e9668a384fcfd5061b857aa5361de73191cac204d04b889cfbbafa", size = 56257, upload-time = "2026-05-08T21:01:01.195Z" },
+    { url = "https://files.pythonhosted.org/packages/67/f0/9b90ca2a210b3d09bcfcd96ecd0f55545c091535abce2a45de2775cfd357/propcache-0.5.2-cp313-cp313t-macosx_11_0_arm64.whl", hash = "sha256:10734b5484ea113152ee25a91dccedf81631791805d2c9ccb054958e51842c94", size = 56696, upload-time = "2026-05-08T21:01:02.941Z" },
+    { url = "https://files.pythonhosted.org/packages/9d/0e/6e9d4ba07c8e56e21ddec1e75f12148142b21ca83a51871babce095334f4/propcache-0.5.2-cp313-cp313t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:cafca7e56c12bb02ae16d283742bef25a61122e9dab2b5b3f2ccbe589ce32164", size = 62378, upload-time = "2026-05-08T21:01:04.475Z" },
+    { url = "https://files.pythonhosted.org/packages/65/19/c10badaa463dde8a27ce884f8ee2ec37e6035b7c9f5ff0c8f74f06f08dac/propcache-0.5.2-cp313-cp313t-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:f064f8d2b59177878b7615df1735cd8fe3462ed6be8c7b217d17a276489c2b7f", size = 65283, upload-time = "2026-05-08T21:01:05.959Z" },
+    { url = "https://files.pythonhosted.org/packages/b0/b6/93bea99ca80e19cef6512a8580e5b7857bbe09422d9daa7fd4ef5723306c/propcache-0.5.2-cp313-cp313t-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:f78abfa8dfc32376fd1aacf597b2f2fbbe0ea751419aee718af5d4f82537ef8c", size = 66616, upload-time = "2026-05-08T21:01:07.228Z" },
+    { url = "https://files.pythonhosted.org/packages/83/e4/5c7462e50625f051f37fb38b8224f7639f667184bbd34424ec83819bb1b7/propcache-0.5.2-cp313-cp313t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:f7467da8a9822bf1a55336f877340c5bcbd3c482afc43a99771169f74a26dedc", size = 63773, upload-time = "2026-05-08T21:01:08.514Z" },
+    { url = "https://files.pythonhosted.org/packages/ca/b6/99238894047b13c823be25027e736626cd414a52a5e30d2c3347c2733529/propcache-0.5.2-cp313-cp313t-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:a6ddc6ac9e25de626c1f129c1b467d7ecd33ce2237d3fd0c4e429feef0a7ee1f", size = 63664, upload-time = "2026-05-08T21:01:09.874Z" },
+    { url = "https://files.pythonhosted.org/packages/85/1e/a3a1a63116a2b8edb415a8bb9a6f0c34bd03830b1e18e8ce2904e1dc1cf4/propcache-0.5.2-cp313-cp313t-musllinux_1_2_aarch64.whl", hash = "sha256:2f22cbbac9e26a8e864c0985ff1268d5d939d53d9d9411a9824279097e03a2cb", size = 62643, upload-time = "2026-05-08T21:01:11.132Z" },
+    { url = "https://files.pythonhosted.org/packages/e4/03/893cf147de2fc6543c5eaa07ad833170e7e2a2385725bbebe8c0503723bb/propcache-0.5.2-cp313-cp313t-musllinux_1_2_armv7l.whl", hash = "sha256:fc76378c62a0f04d0cd82fbb1a2cd2d7e28fcb40d5873f28a6c44e388aaa2751", size = 59595, upload-time = "2026-05-08T21:01:12.387Z" },
+    { url = "https://files.pythonhosted.org/packages/86/3b/04c1a2e12c57766568ba75ba72b3bf2042818d4c1425fab6fc07155c7cff/propcache-0.5.2-cp313-cp313t-musllinux_1_2_ppc64le.whl", hash = "sha256:acd2c8edba48e31e58a363b8cf4e5c7db3b04b3f9e371f601df30d9b0d244836", size = 65711, upload-time = "2026-05-08T21:01:13.676Z" },
+    { url = "https://files.pythonhosted.org/packages/1c/34/80f8d0099f8d6bacc4de1624c85672681c8cd1149ca2da0e38fd120b817f/propcache-0.5.2-cp313-cp313t-musllinux_1_2_riscv64.whl", hash = "sha256:452b5065457eb9991ec5eb38ff41d6cd4c991c9ac7c531c4d5849ae473a9a13f", size = 64247, upload-time = "2026-05-08T21:01:14.936Z" },
+    { url = "https://files.pythonhosted.org/packages/f3/1a/8b08f3a5f1037e9e370c55883ceeeee0f6dd0416fb2d2d67b8bfc91f2a79/propcache-0.5.2-cp313-cp313t-musllinux_1_2_s390x.whl", hash = "sha256:3430bb2bfe1331885c427745a751e774ee679fd4344f80b97bf879815fe8fa55", size = 67102, upload-time = "2026-05-08T21:01:16.281Z" },
+    { url = "https://files.pythonhosted.org/packages/34/68/8bdb7bb7756d76e005490649d10e4a8369e610c74d619f71e1aedf889e9c/propcache-0.5.2-cp313-cp313t-musllinux_1_2_x86_64.whl", hash = "sha256:cef6cea3922890dd6c9654971001fa797b526c16ab5e1e46c05fd6f877be7568", size = 64964, upload-time = "2026-05-08T21:01:17.57Z" },
+    { url = "https://files.pythonhosted.org/packages/0a/aa/50fb0b5d3968b61a510926ff8b8465f1d6e976b3ab74496d7a4b9fc42515/propcache-0.5.2-cp313-cp313t-win32.whl", hash = "sha256:72d61e16dd78228b58c5d47be830ff3da7e5f139abdf0aef9d86cde1c5cf2191", size = 42546, upload-time = "2026-05-08T21:01:18.946Z" },
+    { url = "https://files.pythonhosted.org/packages/ae/4c/0ddbae64321bd4a95bcbfc19307238016b5b1fee645c84626c8d539e5b74/propcache-0.5.2-cp313-cp313t-win_amd64.whl", hash = "sha256:0958834041a0166d343b8d2cedcd8bcbaeb4fdbe0cf08320c5379f143c3be6e7", size = 46330, upload-time = "2026-05-08T21:01:20.162Z" },
+    { url = "https://files.pythonhosted.org/packages/00/d9/9cddc8efb78d8af264c5ec9f6d10b62f57c515feda8d321595f56010fb23/propcache-0.5.2-cp313-cp313t-win_arm64.whl", hash = "sha256:6de8bd93ddde9b992cf2b2e0d796d501a19026b5b9fd87356d7d0779531a8d96", size = 40521, upload-time = "2026-05-08T21:01:21.399Z" },
     { url = "https://files.pythonhosted.org/packages/e2/ea/23ee535d90ce8bcc465a3028eb3cc0ce3bd1005f4bb27710b30587de798d/propcache-0.5.2-cp314-cp314-macosx_10_15_universal2.whl", hash = "sha256:46088abff4cba581dea21ae0467a480526cb25aa5f3c269e909f800328bc3999", size = 94662, upload-time = "2026-05-08T21:01:22.683Z" },
     { url = "https://files.pythonhosted.org/packages/b5/06/c5a52f419b5d8972f8d46a7577476090d8e3263ff589ce40b5ca4968d5be/propcache-0.5.2-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:fc88b26f08d634f7bc819a7852e5214f5802641ab8d9fd5326892292eee1993e", size = 53928, upload-time = "2026-05-08T21:01:23.986Z" },
     { url = "https://files.pythonhosted.org/packages/63/b1/4260d67d6bd85e58a66b72d54ce15d5de789b6f3870cc6bedf8ff9667401/propcache-0.5.2-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:97797ebb098e670a2f92dd66f32897e30d7615b14e7f59711de23e30a9072539", size = 54650, upload-time = "2026-05-08T21:01:25.305Z" },
@@ -930,105 +959,58 @@ wheels = [
 ]
 
 [[package]]
-name = "pwdlib"
-version = "0.3.0"
+name = "psycopg"
+version = "3.3.4"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/5f/41/a7c0d8a003c36ce3828ae3ed0391fe6a15aad65f082dbd6bec817ea95c0b/pwdlib-0.3.0.tar.gz", hash = "sha256:6ca30f9642a1467d4f5d0a4d18619de1c77f17dfccb42dd200b144127d3c83fc", size = 215810, upload-time = "2025-10-25T12:44:24.395Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/62/0c/9086a357d02a050fbb3270bf5043ac284dbfb845670e16c9389a41defc9e/pwdlib-0.3.0-py3-none-any.whl", hash = "sha256:f86c15c138858c09f3bba0a10984d4f9178158c55deaa72eac0210849b1a140d", size = 8633, upload-time = "2025-10-25T12:44:23.406Z" },
-]
-
-[package.optional-dependencies]
-argon2 = [
-    { name = "argon2-cffi" },
+dependencies = [
+    { name = "tzdata", marker = "sys_platform == 'win32'" },
 ]
-
-[[package]]
-name = "pycparser"
-version = "3.0"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/1b/7d/92392ff7815c21062bea51aa7b87d45576f649f16458d78b7cf94b9ab2e6/pycparser-3.0.tar.gz", hash = "sha256:600f49d217304a5902ac3c37e1281c9fe94e4d0489de643a9504c5cdfdfc6b29", size = 103492, upload-time = "2026-01-21T14:26:51.89Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/db/2f/cb91e5502ec9de1de6f1b76cfbf69531932725361168bb06963620c77e2e/psycopg-3.3.4.tar.gz", hash = "sha256:e21207764952cff81b6b8bdacad9a3939f2793367fdac2987b3aac36a651b5bc", size = 165799, upload-time = "2026-05-01T23:31:55.179Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/0c/c3/44f3fbbfa403ea2a7c779186dc20772604442dde72947e7d01069cbe98e3/pycparser-3.0-py3-none-any.whl", hash = "sha256:b727414169a36b7d524c1c3e31839a521725078d7b2ff038656844266160a992", size = 48172, upload-time = "2026-01-21T14:26:50.693Z" },
+    { url = "https://files.pythonhosted.org/packages/5c/e0/7b3dee031daae7743609ce3c746565d4a3ed7c2c186479eb48e34e838c64/psycopg-3.3.4-py3-none-any.whl", hash = "sha256:b6bbc25ccf05c8fad3b061d9db2ef0909a555171b84b07f29458a447253d679a", size = 213001, upload-time = "2026-05-01T23:20:50.816Z" },
 ]
 
-[[package]]
-name = "pydantic"
-version = "2.13.4"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "annotated-types" },
-    { name = "pydantic-core" },
-    { name = "typing-extensions" },
-    { name = "typing-inspection" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/18/a5/b60d21ac674192f8ab0ba4e9fd860690f9b4a6e51ca5df118733b487d8d6/pydantic-2.13.4.tar.gz", hash = "sha256:c40756b57adaa8b1efeeced5c196f3f3b7c435f90e84ea7f443901bec8099ef6", size = 844775, upload-time = "2026-05-06T13:43:05.343Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/fd/7b/122376b1fd3c62c1ed9dc80c931ace4844b3c55407b6fb2d199377c9736f/pydantic-2.13.4-py3-none-any.whl", hash = "sha256:45a282cde31d808236fd7ea9d919b128653c8b38b393d1c4ab335c62924d9aba", size = 472262, upload-time = "2026-05-06T13:43:02.641Z" },
+[package.optional-dependencies]
+binary = [
+    { name = "psycopg-binary", marker = "implementation_name != 'pypy'" },
 ]
 
 [[package]]
-name = "pydantic-core"
-version = "2.46.4"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "typing-extensions" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/9d/56/921726b776ace8d8f5db44c4ef961006580d91dc52b803c489fafd1aa249/pydantic_core-2.46.4.tar.gz", hash = "sha256:62f875393d7f270851f20523dd2e29f082bcc82292d66db2b64ea71f64b6e1c1", size = 471464, upload-time = "2026-05-06T13:37:06.98Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/8d/74/228a26ddad29c6672b805d9fd78e8d251cd04004fa7eed0e622096cd0250/pydantic_core-2.46.4-cp314-cp314-macosx_10_12_x86_64.whl", hash = "sha256:428e04521a40150c85216fc8b85e8d39fece235a9cf5e383761238c7fa9b96fb", size = 2102079, upload-time = "2026-05-06T13:38:41.019Z" },
-    { url = "https://files.pythonhosted.org/packages/ad/1f/8970b150a4b4365623ae00fc88603491f763c627311ae8031e3111356d6e/pydantic_core-2.46.4-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:23ace664830ee0bfe014a0c7bc248b1f7f25ed7ad103852c317624a1083af462", size = 1952179, upload-time = "2026-05-06T13:36:59.812Z" },
-    { url = "https://files.pythonhosted.org/packages/95/30/5211a831ae054928054b2f79731661087a2bc5c01e825c672b3a4a8f1b3e/pydantic_core-2.46.4-cp314-cp314-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:ce5c1d2a8b27468f433ca974829c44060b8097eedc39933e3c206a90ee49c4a9", size = 1978926, upload-time = "2026-05-06T13:37:39.933Z" },
-    { url = "https://files.pythonhosted.org/packages/57/e9/689668733b1eb67adeef047db3c2e8788fcf65a7fd9c9e2b46b7744fe245/pydantic_core-2.46.4-cp314-cp314-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:7283d57845ecf5a163403eb0702dfc220cc4fbdd18919cb5ccea4f95ee1cdab4", size = 2046785, upload-time = "2026-05-06T13:38:01.995Z" },
-    { url = "https://files.pythonhosted.org/packages/60/d9/6715260422ff50a2109878fd24d948a6c3446bb2664f34ee78cd972b3acd/pydantic_core-2.46.4-cp314-cp314-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:8daafc69c93ee8a0204506a3b6b30f586ef54028f52aeeeb5c4cfc5184fd5914", size = 2228733, upload-time = "2026-05-06T13:40:50.371Z" },
-    { url = "https://files.pythonhosted.org/packages/18/ae/fdb2f64316afca925640f8e70bb1a564b0ec2721c1389e25b8eb4bf9a299/pydantic_core-2.46.4-cp314-cp314-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:cd2213145bcc2ba85884d0ac63d222fece9209678f77b9b4d76f054c561adb28", size = 2307534, upload-time = "2026-05-06T13:37:21.531Z" },
-    { url = "https://files.pythonhosted.org/packages/89/1d/8eff589b45bb8190a9d12c49cfad0f176a5cbd1534908a6b5125e2886239/pydantic_core-2.46.4-cp314-cp314-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:7a5f930472650a82629163023e630d160863fce524c616f4e5186e5de9d9a49b", size = 2099732, upload-time = "2026-05-06T13:39:31.942Z" },
-    { url = "https://files.pythonhosted.org/packages/06/d5/ee5a3366637fee41dee51a1fc91562dcf12ddbc68fda34e6b253da2324bb/pydantic_core-2.46.4-cp314-cp314-manylinux_2_31_riscv64.whl", hash = "sha256:c1b3f518abeca3aa13c712fd202306e145abf59a18b094a6bafb2d2bbf59192c", size = 2129627, upload-time = "2026-05-06T13:37:25.033Z" },
-    { url = "https://files.pythonhosted.org/packages/94/33/2414be571d2c6a6c4d08be21f9292b6d3fdb08949a97b6dfe985017821db/pydantic_core-2.46.4-cp314-cp314-manylinux_2_5_i686.manylinux1_i686.whl", hash = "sha256:1a7dd0b3ee80d90150e3495a3a13ac34dbcbfd4f012996a6a1d8900e91b5c0fb", size = 2179141, upload-time = "2026-05-06T13:37:14.046Z" },
-    { url = "https://files.pythonhosted.org/packages/7b/79/7daa95be995be0eecc4cf75064cb33f9bbbfe3fe0158caf2f0d4a996a5c7/pydantic_core-2.46.4-cp314-cp314-musllinux_1_1_aarch64.whl", hash = "sha256:3fb702cd90b0446a3a1c5e470bfa0dd23c0233b676a9099ddcc964fa6ca13898", size = 2184325, upload-time = "2026-05-06T13:36:53.615Z" },
-    { url = "https://files.pythonhosted.org/packages/9f/cb/d0a382f5c0de8a222dc61c65348e0ce831b1f68e0a018450d31c2cace3a5/pydantic_core-2.46.4-cp314-cp314-musllinux_1_1_armv7l.whl", hash = "sha256:b8458003118a712e66286df6a707db01c52c0f52f7db8e4a38f0da1d3b94fc4e", size = 2323990, upload-time = "2026-05-06T13:40:29.971Z" },
-    { url = "https://files.pythonhosted.org/packages/05/db/d9ba624cc4a5aced1598e88c04fdbd8310c8a69b9d38b9a3d39ce3a61ed7/pydantic_core-2.46.4-cp314-cp314-musllinux_1_1_x86_64.whl", hash = "sha256:372429a130e469c9cd698925ce5fc50940b7a1336b0d82038e63d5bbc4edc519", size = 2369978, upload-time = "2026-05-06T13:37:23.027Z" },
-    { url = "https://files.pythonhosted.org/packages/f2/20/d15df15ba918c423461905802bfd2981c3af0bfa0e40d05e13edbfa48bc3/pydantic_core-2.46.4-cp314-cp314-win32.whl", hash = "sha256:85bb3611ff1802f3ee7fdd7dbff26b56f343fb432d57a4728fdd49b6ef35e2f4", size = 1966354, upload-time = "2026-05-06T13:38:03.499Z" },
-    { url = "https://files.pythonhosted.org/packages/fc/b6/6b8de4c0a7d7ab3004c439c80c5c1e0a3e8d78bbae19379b01960383d9e5/pydantic_core-2.46.4-cp314-cp314-win_amd64.whl", hash = "sha256:811ff8e9c313ab425368bcbb36e5c4ebd7108c2bbf4e4089cfbb0b01eff63fac", size = 2072238, upload-time = "2026-05-06T13:39:40.807Z" },
-    { url = "https://files.pythonhosted.org/packages/32/36/51eb763beec1f4cf59b1db243a7dcc39cbb41230f050a09b9d69faaf0a48/pydantic_core-2.46.4-cp314-cp314-win_arm64.whl", hash = "sha256:bfec22eab3c8cc2ceec0248aec886624116dc079afa027ecc8ad4a7e62010f8a", size = 2018251, upload-time = "2026-05-06T13:37:26.72Z" },
-    { url = "https://files.pythonhosted.org/packages/e8/91/855af51d625b23aa987116a19e231d2aaef9c4a415273ddc189b79a45fee/pydantic_core-2.46.4-cp314-cp314t-macosx_10_12_x86_64.whl", hash = "sha256:af8244b2bef6aaad6d92cda81372de7f8c8d36c9f0c3ea36e827c60e7d9467a0", size = 2099593, upload-time = "2026-05-06T13:39:47.682Z" },
-    { url = "https://files.pythonhosted.org/packages/fb/1b/8784a54c65edb5f49f0a14d6977cf1b209bba85a4c77445b255c2de58ab3/pydantic_core-2.46.4-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:5a4330cdbc57162e4b3aa303f588ba752257694c9c9be3e7ebb11b4aca659b5d", size = 1935226, upload-time = "2026-05-06T13:40:40.428Z" },
-    { url = "https://files.pythonhosted.org/packages/e8/e7/1955d28d1afc56dd4b3ad7cc0cf39df1b9852964cf16e5d13912756d6d6b/pydantic_core-2.46.4-cp314-cp314t-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:29c61fc04a3d840155ff08e475a04809278972fe6aef51e2720554e96367e34b", size = 1974605, upload-time = "2026-05-06T13:37:32.029Z" },
-    { url = "https://files.pythonhosted.org/packages/93/e2/3fedbf0ba7a22850e6e9fd78117f1c0f10f950182344d8a6c535d468fdd8/pydantic_core-2.46.4-cp314-cp314t-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:c50f2528cf200c5eed56faf3f4e22fcd5f38c157a8b78576e6ba3168ec35f000", size = 2030777, upload-time = "2026-05-06T13:38:55.239Z" },
-    { url = "https://files.pythonhosted.org/packages/f8/61/46be275fcaaba0b4f5b9669dd852267ce1ff616592dccf7a7845588df091/pydantic_core-2.46.4-cp314-cp314t-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:0cbe8b01f948de4286c74cdd6c667aceb38f5c1e26f0693b3983d9d74887c65e", size = 2236641, upload-time = "2026-05-06T13:37:08.096Z" },
-    { url = "https://files.pythonhosted.org/packages/60/db/12e93e46a8bac9988be3c016860f83293daea8c716c029c9ace279036f2f/pydantic_core-2.46.4-cp314-cp314t-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:617d7e2ca7dcb8c5cf6bcb8c59b8832c94b36196bbf1cbd1bfb56ed341905edd", size = 2286404, upload-time = "2026-05-06T13:40:20.221Z" },
-    { url = "https://files.pythonhosted.org/packages/e2/4a/4d8b19008f38d31c53b8219cfedc2e3d5de5fe99d90076b7e767de29274f/pydantic_core-2.46.4-cp314-cp314t-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:7027560ee92211647d0d34e3f7cd6f50da56399d26a9c8ad0da286d3869a53f3", size = 2109219, upload-time = "2026-05-06T13:38:12.153Z" },
-    { url = "https://files.pythonhosted.org/packages/88/70/3cbc40978fefb7bb09c6708d40d4ad1a5d70fd7213c3d17f971de868ec1f/pydantic_core-2.46.4-cp314-cp314t-manylinux_2_31_riscv64.whl", hash = "sha256:f99626688942fb746e545232e7726926f3be91b5975f8b55327665fafda991c7", size = 2110594, upload-time = "2026-05-06T13:40:02.971Z" },
-    { url = "https://files.pythonhosted.org/packages/9d/20/b8d36736216e29491125531685b2f9e61aa5b4b2599893f8268551da3338/pydantic_core-2.46.4-cp314-cp314t-manylinux_2_5_i686.manylinux1_i686.whl", hash = "sha256:fc3e9034a63de20e15e8ade85358bc6efc614008cab72898b4b4952bea0509ff", size = 2159542, upload-time = "2026-05-06T13:39:27.506Z" },
-    { url = "https://files.pythonhosted.org/packages/1d/a2/367df868eb584dacf6bf82a389272406d7178e301c4ac82545ab98bc2dd9/pydantic_core-2.46.4-cp314-cp314t-musllinux_1_1_aarch64.whl", hash = "sha256:97e7cf2be5c77b7d1a9713a05605d49460d02c6078d38d8bef3cbe323c548424", size = 2168146, upload-time = "2026-05-06T13:38:31.93Z" },
-    { url = "https://files.pythonhosted.org/packages/c1/b8/4460f77f7e201893f649a29ab355dddd3beee8a97bcb1a320db414f9a06e/pydantic_core-2.46.4-cp314-cp314t-musllinux_1_1_armv7l.whl", hash = "sha256:3bf92c5d0e00fefaab325a4d27828fe6b6e2a21848686b5b60d2d9eeb09d76c6", size = 2306309, upload-time = "2026-05-06T13:37:44.717Z" },
-    { url = "https://files.pythonhosted.org/packages/64/c4/be2639293acd87dc8ddbcec41a73cee9b2ebf996fe6d892a1a74e88ad3f7/pydantic_core-2.46.4-cp314-cp314t-musllinux_1_1_x86_64.whl", hash = "sha256:3ecbc122d18468d06ca279dc26a8c2e2d5acb10943bb35e36ae92096dc3b5565", size = 2369736, upload-time = "2026-05-06T13:37:05.645Z" },
-    { url = "https://files.pythonhosted.org/packages/30/a6/9f9f380dbb301f67023bf8f707aaa75daadf84f7152d95c410fd7e81d994/pydantic_core-2.46.4-cp314-cp314t-win32.whl", hash = "sha256:e846ae7835bf0703ae43f534ab79a867146dadd59dc9ca5c8b53d5c8f7c9ef02", size = 1955575, upload-time = "2026-05-06T13:38:51.116Z" },
-    { url = "https://files.pythonhosted.org/packages/40/1f/f1eb9eb350e795d1af8586289746f5c5677d16043040d63710e22abc43c9/pydantic_core-2.46.4-cp314-cp314t-win_amd64.whl", hash = "sha256:2108ba5c1c1eca18030634489dc544844144ee36357f2f9f780b93e7ddbb44b5", size = 2051624, upload-time = "2026-05-06T13:38:21.672Z" },
-    { url = "https://files.pythonhosted.org/packages/f6/d2/42dd53d0a85c27606f316d3aa5d2869c4e8470a5ed6dec30e4a1abe19192/pydantic_core-2.46.4-cp314-cp314t-win_arm64.whl", hash = "sha256:4fcbe087dbc2068af7eda3aa87634eba216dbda64d1ae73c8684b621d33f6596", size = 2017325, upload-time = "2026-05-06T13:40:52.723Z" },
-]
-
-[[package]]
-name = "pydantic-settings"
-version = "2.14.1"
+name = "psycopg-binary"
+version = "3.3.4"
 source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "pydantic" },
-    { name = "python-dotenv" },
-    { name = "typing-inspection" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/07/60/1d1e59c9c90d54591469ada7d268251f71c24bdb765f1a8a832cee8c6653/pydantic_settings-2.14.1.tar.gz", hash = "sha256:e874d3bec7e787b0c9958277956ed9b4dd5de6a80e162188fdaff7c5e26fd5fa", size = 235551, upload-time = "2026-05-08T13:40:06.542Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/ae/8d/f1af3832f5e6eb13ba94ee809e72b8ecb5eef226d27ee0bef7d963d943c7/pydantic_settings-2.14.1-py3-none-any.whl", hash = "sha256:6e3c7edfd8277687cdc598f56e5cff0e9bfff0910a3749deaa8d4401c3a2b9de", size = 60964, upload-time = "2026-05-08T13:40:04.958Z" },
+    { url = "https://files.pythonhosted.org/packages/09/43/13e9c406fbbf354580476e248a16b64802a376873ebe6339e30bb655572d/psycopg_binary-3.3.4-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:fbd1d4ed566895ad2d3bf4ddfd8bae90026930ddf29df3b9d91d32c8c47866a7", size = 4590377, upload-time = "2026-05-01T23:29:18.782Z" },
+    { url = "https://files.pythonhosted.org/packages/22/be/2923cd7c3683e7afdecf4f10796a18de02f5c5ddc0969aa2ad0a8cdd3bbd/psycopg_binary-3.3.4-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:75a9067e236f9b9ae3535b66fe99bddb33d39c0de10112e49b9ab11eee53dc31", size = 4669023, upload-time = "2026-05-01T23:29:25.884Z" },
+    { url = "https://files.pythonhosted.org/packages/96/a0/2c913d6fe13d6a8bd13597d36739bf47af063ad9399e402cfecab16f3c1e/psycopg_binary-3.3.4-cp313-cp313-manylinux2014_ppc64le.manylinux_2_17_ppc64le.whl", hash = "sha256:b56b603ebcea8aa10b46228b8410ba7f13e7c2ee54389d4d9be0927fd8ce2a70", size = 5467423, upload-time = "2026-05-01T23:29:33.416Z" },
+    { url = "https://files.pythonhosted.org/packages/e7/38/205d10bc1ad0df4a21c5c51659126bd3ea0ef98fcad1e852f78c249bb9c3/psycopg_binary-3.3.4-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:c677c4ad433cb7150c8cd304a0769ae3bcfbe5ea0676eb53faa7b1443b16d0d3", size = 5151137, upload-time = "2026-05-01T23:29:42.013Z" },
+    { url = "https://files.pythonhosted.org/packages/36/fc/f0381ddcd45eff3bb70dbca6823a996048d7f507b2ec3fc92c6fabc0fe87/psycopg_binary-3.3.4-cp313-cp313-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:26df2717e59c0473e4465a97dfb1b7afebaa479277870fd5784d1436470db47c", size = 6736671, upload-time = "2026-05-01T23:29:51.626Z" },
+    { url = "https://files.pythonhosted.org/packages/95/40/fa545ae152c24327651e5624e4902121e808270be36c10b12e9939be09bc/psycopg_binary-3.3.4-cp313-cp313-manylinux_2_38_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:1dc1f79fd16bb1f3f4421417a514607539f17804d95c7ed617265369d1981cae", size = 4979601, upload-time = "2026-05-01T23:29:56.961Z" },
+    { url = "https://files.pythonhosted.org/packages/86/e4/2f8a47ee97f90cd2b933d0463081d35631ff419de2b8c984a5f369857de0/psycopg_binary-3.3.4-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:136f199a407b5348b9b857c504aff60c77622a28482e7195839ce1b51238c4cc", size = 4510513, upload-time = "2026-05-01T23:30:07.243Z" },
+    { url = "https://files.pythonhosted.org/packages/0e/0e/94e842ff4a7f98ed162580ca2e8b8864b28c1e0350f2443f8ee47f821167/psycopg_binary-3.3.4-cp313-cp313-musllinux_1_2_ppc64le.whl", hash = "sha256:b6f5a29e9c775b9f12a1a717aa7a2c80f9e1db6f27ba44a5b59c80ac61d2ffcf", size = 4187243, upload-time = "2026-05-01T23:30:15.352Z" },
+    { url = "https://files.pythonhosted.org/packages/d0/83/fc6c174b672e29b7de996ea77b6cbddf46c891751c3355f6974292baa6b4/psycopg_binary-3.3.4-cp313-cp313-musllinux_1_2_riscv64.whl", hash = "sha256:ee17a2cf4943cde261adfad1bbc5bf38d6b3776d7afff74c7cabcbeaeb08c260", size = 3927347, upload-time = "2026-05-01T23:30:21.186Z" },
+    { url = "https://files.pythonhosted.org/packages/e9/65/768364d4a97a15b1a7f47ba52688c1686f22941d8332a8398cefc468e25f/psycopg_binary-3.3.4-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:5c4ab71be17bdca30cb34c34c4e1496e2f5d6f20c199c12bad226070b22ef9bf", size = 4236393, upload-time = "2026-05-01T23:30:26.211Z" },
+    { url = "https://files.pythonhosted.org/packages/bd/3b/218efbc9e645becd80cdf651acda05f85cfe546b7a9c0458c7cbc8fe1f74/psycopg_binary-3.3.4-cp313-cp313-win_amd64.whl", hash = "sha256:dbfdb9b6cc79f31104a7b162a2b921b765fcc62af6c00540a167a8de47e4ed38", size = 3564592, upload-time = "2026-05-01T23:30:31.764Z" },
+    { url = "https://files.pythonhosted.org/packages/48/a6/828c9185701dab71b234c2a76c38a08b098ebfec5020716b4e93807492b5/psycopg_binary-3.3.4-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:28b7398fdd19db3232c884fb24550bdfe951221f510e195e233299e4c9b78f97", size = 4607292, upload-time = "2026-05-01T23:30:38.962Z" },
+    { url = "https://files.pythonhosted.org/packages/92/58/5b40dbc9d839045c9dae956960e4fb6d20bcabe6c59a2aa34fc3a371913f/psycopg_binary-3.3.4-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:1fbaa292a3c8bb61b45df1ad3da1908ccee7cb889db9425e3557d9e34e2a4829", size = 4687023, upload-time = "2026-05-01T23:30:47.227Z" },
+    { url = "https://files.pythonhosted.org/packages/85/a9/793f0ac107a9003b48441d0d1f9f616d96e0f37458dd8dc12528ceff55fb/psycopg_binary-3.3.4-cp314-cp314-manylinux2014_ppc64le.manylinux_2_17_ppc64le.whl", hash = "sha256:94596f9e7633ee3f6440711d43bb70aa31cc0a46a900ab8b4201a366ace5c9e7", size = 5486985, upload-time = "2026-05-01T23:30:55.517Z" },
+    { url = "https://files.pythonhosted.org/packages/8f/26/42e8533497e2592334f68ec529cf5f840f7fa4e99575a4bb61aa184dbfbf/psycopg_binary-3.3.4-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:8c0056529e68dbe9184cd4019a1f3d8f3a4ead2f6fc7a5afcf27d3314edd1277", size = 5168745, upload-time = "2026-05-01T23:31:01.904Z" },
+    { url = "https://files.pythonhosted.org/packages/15/af/b7151776cc08d5935d45c833ec818a9beb417cf7c08239af1aafbdae78ee/psycopg_binary-3.3.4-cp314-cp314-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:2c09aad7051326e7603c14e50636db9c01f78272dc54b3accff03d46370461e6", size = 6761486, upload-time = "2026-05-01T23:31:14.511Z" },
+    { url = "https://files.pythonhosted.org/packages/d0/ed/c92533b9124712d592cbf1cd6c76da933a2e0acea81dfe1fbe7e735f0cff/psycopg_binary-3.3.4-cp314-cp314-manylinux_2_38_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:514404ed543efd620c85602b747df2a23cf1241b4067199e1a66f2d2757aaa41", size = 4997427, upload-time = "2026-05-01T23:31:20.901Z" },
+    { url = "https://files.pythonhosted.org/packages/a2/23/ccadfd0de416aa188356daa199453af24087b042e296088706d190ae0295/psycopg_binary-3.3.4-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:46893c26858be12cc49ca4226ed6a60b4bfccadd946b3bebb783a60b38788228", size = 4533549, upload-time = "2026-05-01T23:31:26.204Z" },
+    { url = "https://files.pythonhosted.org/packages/fd/a0/c8f43cee36386f7bc891ab41a9d31ea07cf9826038e732da79f26b1e5f34/psycopg_binary-3.3.4-cp314-cp314-musllinux_1_2_ppc64le.whl", hash = "sha256:df1d567fc430f6df15c9fcf67d87685fc49bdb325adc0db5af1adfb2f44eb5c9", size = 4210256, upload-time = "2026-05-01T23:31:33.884Z" },
+    { url = "https://files.pythonhosted.org/packages/4e/2c/c1547871be3790676e8868b38655496422f94f0978dfb66b74bdba2f1676/psycopg_binary-3.3.4-cp314-cp314-musllinux_1_2_riscv64.whl", hash = "sha256:6b9016b1714da4dd5ecaaa75b82098aa5a0b87854ce9b092e21c27c4ae23e014", size = 3946204, upload-time = "2026-05-01T23:31:39.626Z" },
+    { url = "https://files.pythonhosted.org/packages/c4/b1/f6670f00fa7ea601584623f6c11602ab92117d83eaff885e0210f6de7418/psycopg_binary-3.3.4-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:47c656a8a7ba6eb0cff1801a4caaa9c8bdc12d03080e273aff1c8ac39971a77e", size = 4255811, upload-time = "2026-05-01T23:31:44.986Z" },
+    { url = "https://files.pythonhosted.org/packages/eb/e6/5fff07a70d1f945ed90ae131c3bd76cab32beff7c58c6db15ad5820b6d1f/psycopg_binary-3.3.4-cp314-cp314-win_amd64.whl", hash = "sha256:c37e024c07308cd06cf3ec51bfd0e7f6157585a4d84d1bce4a7f5f7913719bf8", size = 3666849, upload-time = "2026-05-01T23:31:51.165Z" },
 ]
 
 [[package]]
-name = "pygments"
-version = "2.20.0"
+name = "pycparser"
+version = "3.0"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/c3/b2/bc9c9196916376152d655522fdcebac55e66de6603a76a02bca1b6414f6c/pygments-2.20.0.tar.gz", hash = "sha256:6757cd03768053ff99f3039c1a36d6c0aa0b263438fcab17520b30a303a82b5f", size = 4955991, upload-time = "2026-03-29T13:29:33.898Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/1b/7d/92392ff7815c21062bea51aa7b87d45576f649f16458d78b7cf94b9ab2e6/pycparser-3.0.tar.gz", hash = "sha256:600f49d217304a5902ac3c37e1281c9fe94e4d0489de643a9504c5cdfdfc6b29", size = 103492, upload-time = "2026-01-21T14:26:51.89Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/f4/7e/a72dd26f3b0f4f2bf1dd8923c85f7ceb43172af56d63c7383eb62b332364/pygments-2.20.0-py3-none-any.whl", hash = "sha256:81a9e26dd42fd28a23a2d169d86d7ac03b46e2f8b59ed4698fb4785f946d0176", size = 1231151, upload-time = "2026-03-29T13:29:30.038Z" },
+    { url = "https://files.pythonhosted.org/packages/0c/c3/44f3fbbfa403ea2a7c779186dc20772604442dde72947e7d01069cbe98e3/pycparser-3.0-py3-none-any.whl", hash = "sha256:b727414169a36b7d524c1c3e31839a521725078d7b2ff038656844266160a992", size = 48172, upload-time = "2026-01-21T14:26:50.693Z" },
 ]
 
 [[package]]
@@ -1041,29 +1023,15 @@ wheels = [
 ]
 
 [[package]]
-name = "pyrate-limiter"
-version = "4.1.0"
+name = "pyopenssl"
+version = "26.3.0"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/33/0c/6e78218e6ef726be35a4c0a5e2e281e36ddd940566800219e96d13de99ad/pyrate_limiter-4.1.0.tar.gz", hash = "sha256:be1ac413a263aa410b98757d1b01a880650948a1fc3a959512f15865eb58dbf3", size = 306136, upload-time = "2026-03-22T14:43:03.739Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/c7/fd/57181fafae08385d00ea2702be246ab8035352a0a8e1f63391c2bcad74d4/pyrate_limiter-4.1.0-py3-none-any.whl", hash = "sha256:2696b4e4a6cffb3d40fc76662baccb766697893f0979e12bebbfc7d3b6b19603", size = 38197, upload-time = "2026-03-22T14:43:01.975Z" },
+dependencies = [
+    { name = "cryptography" },
 ]
-
-[[package]]
-name = "pyrefly"
-version = "1.0.0"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/9f/3a/9045b0097ac58979c7c30a4fa0e673db942d4adbc7b6d439bd54ae58c441/pyrefly-1.0.0.tar.gz", hash = "sha256:5c2b810ffcebd84be71de5df1223651edee951653a66935c6f091e957c452455", size = 5677995, upload-time = "2026-05-12T20:12:46.812Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/74/b7/da07bae88f5a9506b4def6f2f4903cf4c3b8831e560dba8fa18ca08f758f/pyopenssl-26.3.0.tar.gz", hash = "sha256:589de7fae1c9ea670d18422ed00fc04da787bbde8e1454aea872aa57b49ad341", size = 182024, upload-time = "2026-06-12T20:28:07.458Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/f4/c6/90788819bac9c61dd7bacba53b79f3c12d47ccbe5e51b3d6d89f2387e1d2/pyrefly-1.0.0-py3-none-macosx_10_12_x86_64.whl", hash = "sha256:e355a0908555348ed4b9585ef25c76ff566673e345c866c325f1633f44d890b6", size = 13122950, upload-time = "2026-05-12T20:12:20.711Z" },
-    { url = "https://files.pythonhosted.org/packages/82/91/a3cf2a1e87d336eaa804a1e6fc93266faf6dc2a97eecdbc7eae289628022/pyrefly-1.0.0-py3-none-macosx_11_0_arm64.whl", hash = "sha256:a7038efc3a40f8294edee339895633cf22db268c0d434cdbcbefc34f78a9ecc3", size = 12599494, upload-time = "2026-05-12T20:12:23.495Z" },
-    { url = "https://files.pythonhosted.org/packages/cd/ab/74d1e11e737e99b1c003ecc5d7d2e846c4ea1f328966bfdbbd0ac63fad0a/pyrefly-1.0.0-py3-none-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:da331ca515ed1c08791da2b5f664cf9c1294c48fd802133262e7d5d51e0f4416", size = 12995507, upload-time = "2026-05-12T20:12:25.951Z" },
-    { url = "https://files.pythonhosted.org/packages/7c/ac/2df0899f8464c97e5d995f994c97c5cb5b0f58610432aa90d26d924e1db5/pyrefly-1.0.0-py3-none-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:c74219d8f3e63cdaa5501a0b21d1c9d37011820f9606728d0ed06f09ae86a878", size = 13947693, upload-time = "2026-05-12T20:12:29.188Z" },
-    { url = "https://files.pythonhosted.org/packages/6b/3e/b247c24321e36f04b7d51f9ccf3df93e5009e4b29939524b36ec2e17dc2a/pyrefly-1.0.0-py3-none-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:c0d05543b1bb6ee6d64149eb5d6b2fb15aa72d3962d6a97abca0afaca8b0c131", size = 13925803, upload-time = "2026-05-12T20:12:31.904Z" },
-    { url = "https://files.pythonhosted.org/packages/61/16/cfa2d61a4aa1e1f7bca48bb37acd01c6a09db4864b16a54f9587092765ff/pyrefly-1.0.0-py3-none-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:1382d5b1fcdb49a4de9f34d112d2bddf290a78ff93ee8149492ad5f1077ddffc", size = 13470398, upload-time = "2026-05-12T20:12:35.302Z" },
-    { url = "https://files.pythonhosted.org/packages/cb/2b/6372c7dddb326223e24a46b17efd0d4bd7b4fe22c821e523157577eed2d2/pyrefly-1.0.0-py3-none-win32.whl", hash = "sha256:aa8b5d0e47080e3202a2547b39f7a5a61d2c781c712b3b67884f745ca2c759d2", size = 12222643, upload-time = "2026-05-12T20:12:38.618Z" },
-    { url = "https://files.pythonhosted.org/packages/be/ad/1d23be700b6b2ddaeb362360c7145917a8edbbf7240ae428d40541772fce/pyrefly-1.0.0-py3-none-win_amd64.whl", hash = "sha256:c8abcb0f2082e83c890375128f9cff4aa4d3f210b85eea7b3046c1ae764e77f5", size = 13146369, upload-time = "2026-05-12T20:12:41.423Z" },
-    { url = "https://files.pythonhosted.org/packages/8c/38/16589134f3012fd097a10dcc85771555f1a5fb76e04b682597180743af30/pyrefly-1.0.0-py3-none-win_arm64.whl", hash = "sha256:d150fa9e40e8392832be81c3bcfc0497c146674ce4d0f8e04e1ec29e775ffb8c", size = 12538326, upload-time = "2026-05-12T20:12:43.996Z" },
+    { url = "https://files.pythonhosted.org/packages/54/18/1dd71c9b43192ab83f1d531ad6002dc81108ac36c475f79fb7a295abe2f4/pyopenssl-26.3.0-py3-none-any.whl", hash = "sha256:46367f8f66b92271e6d218da9c87607e1ef5a0bc5c8dea5bb3db82f395c385a3", size = 56008, upload-time = "2026-06-12T20:28:05.999Z" },
 ]
 
 [[package]]
@@ -1089,103 +1057,45 @@ wheels = [
 
 [[package]]
 name = "python-multipart"
-version = "0.0.29"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/4e/fe/70bd71a6738b09a0bdf6480ca6436b167469ca4578b2a0efbe390b4b0e70/python_multipart-0.0.29.tar.gz", hash = "sha256:643e93849196645e2dbdd81a0f8829a23123ad7f797a84a364c6fb3563f18904", size = 45678, upload-time = "2026-05-17T17:29:47.654Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/8f/cb/769cfc37177252872a45a71f3fbdde9d51b471a3f3c14bfe95dde3407386/python_multipart-0.0.29-py3-none-any.whl", hash = "sha256:2ddcc971cef266225f54f552d8fa10bcfbb1f14446caec199060daac59ff2d69", size = 29640, upload-time = "2026-05-17T17:29:45.69Z" },
-]
-
-[[package]]
-name = "pyyaml"
-version = "6.0.3"
+version = "0.0.32"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/05/8e/961c0007c59b8dd7729d542c61a4d537767a59645b82a0b521206e1e25c2/pyyaml-6.0.3.tar.gz", hash = "sha256:d76623373421df22fb4cf8817020cbb7ef15c725b9d5e45f17e189bfc384190f", size = 130960, upload-time = "2025-09-25T21:33:16.546Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/5b/42/55c32bb9b12693c092ad250a0e82edb5b31ddeda6eb772de5f308b3804ad/python_multipart-0.0.32.tar.gz", hash = "sha256:be54b7f3fa167bb83e4fcd936b887b708f4e57fe75911c02aebf53efaf8d938e", size = 46881, upload-time = "2026-06-04T16:18:58.647Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/9d/8c/f4bd7f6465179953d3ac9bc44ac1a8a3e6122cf8ada906b4f96c60172d43/pyyaml-6.0.3-cp314-cp314-macosx_10_13_x86_64.whl", hash = "sha256:8d1fab6bb153a416f9aeb4b8763bc0f22a5586065f86f7664fc23339fc1c1fac", size = 181814, upload-time = "2025-09-25T21:32:35.712Z" },
-    { url = "https://files.pythonhosted.org/packages/bd/9c/4d95bb87eb2063d20db7b60faa3840c1b18025517ae857371c4dd55a6b3a/pyyaml-6.0.3-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:34d5fcd24b8445fadc33f9cf348c1047101756fd760b4dacb5c3e99755703310", size = 173809, upload-time = "2025-09-25T21:32:36.789Z" },
-    { url = "https://files.pythonhosted.org/packages/92/b5/47e807c2623074914e29dabd16cbbdd4bf5e9b2db9f8090fa64411fc5382/pyyaml-6.0.3-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:501a031947e3a9025ed4405a168e6ef5ae3126c59f90ce0cd6f2bfc477be31b7", size = 766454, upload-time = "2025-09-25T21:32:37.966Z" },
-    { url = "https://files.pythonhosted.org/packages/02/9e/e5e9b168be58564121efb3de6859c452fccde0ab093d8438905899a3a483/pyyaml-6.0.3-cp314-cp314-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:b3bc83488de33889877a0f2543ade9f70c67d66d9ebb4ac959502e12de895788", size = 836355, upload-time = "2025-09-25T21:32:39.178Z" },
-    { url = "https://files.pythonhosted.org/packages/88/f9/16491d7ed2a919954993e48aa941b200f38040928474c9e85ea9e64222c3/pyyaml-6.0.3-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:c458b6d084f9b935061bc36216e8a69a7e293a2f1e68bf956dcd9e6cbcd143f5", size = 794175, upload-time = "2025-09-25T21:32:40.865Z" },
-    { url = "https://files.pythonhosted.org/packages/dd/3f/5989debef34dc6397317802b527dbbafb2b4760878a53d4166579111411e/pyyaml-6.0.3-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:7c6610def4f163542a622a73fb39f534f8c101d690126992300bf3207eab9764", size = 755228, upload-time = "2025-09-25T21:32:42.084Z" },
-    { url = "https://files.pythonhosted.org/packages/d7/ce/af88a49043cd2e265be63d083fc75b27b6ed062f5f9fd6cdc223ad62f03e/pyyaml-6.0.3-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:5190d403f121660ce8d1d2c1bb2ef1bd05b5f68533fc5c2ea899bd15f4399b35", size = 789194, upload-time = "2025-09-25T21:32:43.362Z" },
-    { url = "https://files.pythonhosted.org/packages/23/20/bb6982b26a40bb43951265ba29d4c246ef0ff59c9fdcdf0ed04e0687de4d/pyyaml-6.0.3-cp314-cp314-win_amd64.whl", hash = "sha256:4a2e8cebe2ff6ab7d1050ecd59c25d4c8bd7e6f400f5f82b96557ac0abafd0ac", size = 156429, upload-time = "2025-09-25T21:32:57.844Z" },
-    { url = "https://files.pythonhosted.org/packages/f4/f4/a4541072bb9422c8a883ab55255f918fa378ecf083f5b85e87fc2b4eda1b/pyyaml-6.0.3-cp314-cp314-win_arm64.whl", hash = "sha256:93dda82c9c22deb0a405ea4dc5f2d0cda384168e466364dec6255b293923b2f3", size = 143912, upload-time = "2025-09-25T21:32:59.247Z" },
-    { url = "https://files.pythonhosted.org/packages/7c/f9/07dd09ae774e4616edf6cda684ee78f97777bdd15847253637a6f052a62f/pyyaml-6.0.3-cp314-cp314t-macosx_10_13_x86_64.whl", hash = "sha256:02893d100e99e03eda1c8fd5c441d8c60103fd175728e23e431db1b589cf5ab3", size = 189108, upload-time = "2025-09-25T21:32:44.377Z" },
-    { url = "https://files.pythonhosted.org/packages/4e/78/8d08c9fb7ce09ad8c38ad533c1191cf27f7ae1effe5bb9400a46d9437fcf/pyyaml-6.0.3-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:c1ff362665ae507275af2853520967820d9124984e0f7466736aea23d8611fba", size = 183641, upload-time = "2025-09-25T21:32:45.407Z" },
-    { url = "https://files.pythonhosted.org/packages/7b/5b/3babb19104a46945cf816d047db2788bcaf8c94527a805610b0289a01c6b/pyyaml-6.0.3-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:6adc77889b628398debc7b65c073bcb99c4a0237b248cacaf3fe8a557563ef6c", size = 831901, upload-time = "2025-09-25T21:32:48.83Z" },
-    { url = "https://files.pythonhosted.org/packages/8b/cc/dff0684d8dc44da4d22a13f35f073d558c268780ce3c6ba1b87055bb0b87/pyyaml-6.0.3-cp314-cp314t-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:a80cb027f6b349846a3bf6d73b5e95e782175e52f22108cfa17876aaeff93702", size = 861132, upload-time = "2025-09-25T21:32:50.149Z" },
-    { url = "https://files.pythonhosted.org/packages/b1/5e/f77dc6b9036943e285ba76b49e118d9ea929885becb0a29ba8a7c75e29fe/pyyaml-6.0.3-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:00c4bdeba853cc34e7dd471f16b4114f4162dc03e6b7afcc2128711f0eca823c", size = 839261, upload-time = "2025-09-25T21:32:51.808Z" },
-    { url = "https://files.pythonhosted.org/packages/ce/88/a9db1376aa2a228197c58b37302f284b5617f56a5d959fd1763fb1675ce6/pyyaml-6.0.3-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:66e1674c3ef6f541c35191caae2d429b967b99e02040f5ba928632d9a7f0f065", size = 805272, upload-time = "2025-09-25T21:32:52.941Z" },
-    { url = "https://files.pythonhosted.org/packages/da/92/1446574745d74df0c92e6aa4a7b0b3130706a4142b2d1a5869f2eaa423c6/pyyaml-6.0.3-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:16249ee61e95f858e83976573de0f5b2893b3677ba71c9dd36b9cf8be9ac6d65", size = 829923, upload-time = "2025-09-25T21:32:54.537Z" },
-    { url = "https://files.pythonhosted.org/packages/f0/7a/1c7270340330e575b92f397352af856a8c06f230aa3e76f86b39d01b416a/pyyaml-6.0.3-cp314-cp314t-win_amd64.whl", hash = "sha256:4ad1906908f2f5ae4e5a8ddfce73c320c2a1429ec52eafd27138b7f1cbe341c9", size = 174062, upload-time = "2025-09-25T21:32:55.767Z" },
-    { url = "https://files.pythonhosted.org/packages/f1/12/de94a39c2ef588c7e6455cfbe7343d3b2dc9d6b6b2f40c4c6565744c873d/pyyaml-6.0.3-cp314-cp314t-win_arm64.whl", hash = "sha256:ebc55a14a21cb14062aa4162f906cd962b28e2e9ea38f9b4391244cd8de4ae0b", size = 149341, upload-time = "2025-09-25T21:32:56.828Z" },
+    { url = "https://files.pythonhosted.org/packages/e1/04/e8135ebd1ad02c56ec633277529b2602ff99ff634be76cdba5744cf554fd/python_multipart-0.0.32-py3-none-any.whl", hash = "sha256:ff6d3f776f16878c894e52e107296ffc890e913c611b1a4ec6c44e2821fe2e23", size = 30042, upload-time = "2026-06-04T16:18:57.319Z" },
 ]
 
 [[package]]
 name = "redis"
-version = "7.4.0"
+version = "8.1.0"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/7b/7f/3759b1d0d72b7c92f0d70ffd9dc962b7b7b5ee74e135f9d7d8ab06b8a318/redis-7.4.0.tar.gz", hash = "sha256:64a6ea7bf567ad43c964d2c30d82853f8df927c5c9017766c55a1d1ed95d18ad", size = 4943913, upload-time = "2026-03-24T09:14:37.53Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/a8/99/604f0b666d4c616d891cf77ebb9db6bb21601344c051aebf1b72b9ff915f/redis-8.1.0.tar.gz", hash = "sha256:6e1a19beef9225c83efd689c7e6b7da2d5215b1f42cd13b7fc3714d0a09c7b25", size = 5254356, upload-time = "2026-07-30T08:51:00.269Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/74/3a/95deec7db1eb53979973ebd156f3369a72732208d1391cd2e5d127062a32/redis-7.4.0-py3-none-any.whl", hash = "sha256:a9c74a5c893a5ef8455a5adb793a31bb70feb821c86eccb62eebef5a19c429ec", size = 409772, upload-time = "2026-03-24T09:14:35.968Z" },
-]
-
-[package.optional-dependencies]
-hiredis = [
-    { name = "hiredis" },
-]
-
-[[package]]
-name = "rich"
-version = "15.0.0"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "markdown-it-py" },
-    { name = "pygments" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/c0/8f/0722ca900cc807c13a6a0c696dacf35430f72e0ec571c4275d2371fca3e9/rich-15.0.0.tar.gz", hash = "sha256:edd07a4824c6b40189fb7ac9bc4c52536e9780fbbfbddf6f1e2502c31b068c36", size = 230680, upload-time = "2026-04-12T08:24:00.75Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/82/3b/64d4899d73f91ba49a8c18a8ff3f0ea8f1c1d75481760df8c68ef5235bf5/rich-15.0.0-py3-none-any.whl", hash = "sha256:33bd4ef74232fb73fe9279a257718407f169c09b78a87ad3d296f548e27de0bb", size = 310654, upload-time = "2026-04-12T08:24:02.83Z" },
-]
-
-[[package]]
-name = "rich-toolkit"
-version = "0.19.10"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "click" },
-    { name = "rich" },
-    { name = "typing-extensions" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/fa/02/32217f3657ae91a0ea7cf1d74ade78f44352f830d00c468f753ddb3d4980/rich_toolkit-0.19.10.tar.gz", hash = "sha256:dc2e8c515ef9fbb4894e62bd41a2d2960dd7c2f505b5084894604d5ccfee3f09", size = 198167, upload-time = "2026-05-21T10:11:42.397Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/35/84/a005adcb4d1e6846ba3d62768090c3b943e3f6d8dc5c47af64f33584c4a7/rich_toolkit-0.19.10-py3-none-any.whl", hash = "sha256:93a41f67a09aefe90379f1729495c2fee9ccbcc8cfda48e2ca2ae54a995e32b1", size = 33907, upload-time = "2026-05-21T10:11:43.578Z" },
+    { url = "https://files.pythonhosted.org/packages/66/9d/c5731f6e3608663d4d3656fd8d3aecee8b509c3082818f5a13eae925baea/redis-8.1.0-py3-none-any.whl", hash = "sha256:a4fe1aac3d3b3cc791d4b3d5931c5a956045dc951ee74d1c913ee3ac4d2ee9fb", size = 560618, upload-time = "2026-07-30T08:50:58.497Z" },
 ]
 
 [[package]]
 name = "ruff"
-version = "0.15.14"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/dc/8a/8bce2894573e9dae6ff4d77fe34ad727d79b9e6238ad288c5638990d90f6/ruff-0.15.14.tar.gz", hash = "sha256:48e866b165be4a9bdbf310f7d3c9a07edef2fe8cd63ffeb4e00bb590506ebf9f", size = 4700910, upload-time = "2026-05-21T14:34:55.177Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/b9/c8/74a92c6ff9fcfb4f1f947126d3ebee8389276e161ecc85de5bda7cda51bd/ruff-0.15.14-py3-none-linux_armv6l.whl", hash = "sha256:8dd2db9416e487c8d4b01fa7056bb02c4d05969d4f8d17a08c229c2f4ff3c108", size = 10739177, upload-time = "2026-05-21T14:34:37.332Z" },
-    { url = "https://files.pythonhosted.org/packages/45/91/254a35c20acc38a7223c9d2d594af12e794432464f2cdeb52af1dc4a892d/ruff-0.15.14-py3-none-macosx_10_12_x86_64.whl", hash = "sha256:be4ff55af755bd71a00ab3dc6bd7ffc467bd76e0df6881e286c2e3d23e8fb43b", size = 11144969, upload-time = "2026-05-21T14:34:43.978Z" },
-    { url = "https://files.pythonhosted.org/packages/56/9e/d13e40f83b8d0a94430e6778ce1d94a43b38cf2efe63278bdd2b4c65abbf/ruff-0.15.14-py3-none-macosx_11_0_arm64.whl", hash = "sha256:48d5909d7d06276ce7dde6d32bfa4b0d4cb2651145cd8ee4b440722cbc77832f", size = 10478207, upload-time = "2026-05-21T14:34:48.378Z" },
-    { url = "https://files.pythonhosted.org/packages/8d/f1/b15a7839fa4f332f8acec78e20564f26bb2d866e3d21710b877fd0263000/ruff-0.15.14-py3-none-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:ca8cbfa94c4f90984a67561978602746d4cd27103568f745fa90eee3f0d4107d", size = 10818459, upload-time = "2026-05-21T14:34:22.318Z" },
-    { url = "https://files.pythonhosted.org/packages/45/33/53d651177f84f94b400a0e27f8824eeada3dddc9d5ee8aeb048f4352a520/ruff-0.15.14-py3-none-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:9a6bbc0333f1ab053423bcbf6226477d266ca7cec7738c4c8e3f55647803f3c4", size = 10541800, upload-time = "2026-05-21T14:34:20.209Z" },
-    { url = "https://files.pythonhosted.org/packages/b8/a6/868f87e0bf9786ed24b5d0d0ad8676b8a94fd1912f42cddf9cfc7857818a/ruff-0.15.14-py3-none-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:8a24a4f7605d7003a6674d4387651effd939dead3fddd0f36561eb77a9a2e542", size = 11342149, upload-time = "2026-05-21T14:34:46.365Z" },
-    { url = "https://files.pythonhosted.org/packages/a7/8b/38cd5c19faffdcc05a408d2b78edccc69492ab9720eadb49ea15ef80d768/ruff-0.15.14-py3-none-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:049b5326e53ed80978f2fc041a280603f69dd6b0c95464342a2bb4572d9d9e2f", size = 12212563, upload-time = "2026-05-21T14:34:28.579Z" },
-    { url = "https://files.pythonhosted.org/packages/3e/4d/a3c5b874a556d5731e3e657aaf04311bb76f0a5c3ec220ed43051be6b64b/ruff-0.15.14-py3-none-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:d4ed42e6696c8dfa5f06728e6441993901f548eb92d73bc472cb5a38d1395fbf", size = 11493299, upload-time = "2026-05-21T14:34:41.836Z" },
-    { url = "https://files.pythonhosted.org/packages/1e/c0/56472c251d09858a53e51efbd485b09e1995d8731668b76d52e5dd6ee0f1/ruff-0.15.14-py3-none-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:715c543cf450c4888251f91c52f1942a800541d9bddd7ac060aa4e6b77ae7cba", size = 11455931, upload-time = "2026-05-21T14:34:57.276Z" },
-    { url = "https://files.pythonhosted.org/packages/2c/4a/e2e7b4d8dbf233d4eace59c75bc3435fa6d8bd3bae82d351d4e4300c0fd1/ruff-0.15.14-py3-none-manylinux_2_31_riscv64.whl", hash = "sha256:72ebab6013ec887d439d8b7593737a0a4ffb06d45d209d4e4bf2e92813082d3f", size = 11400794, upload-time = "2026-05-21T14:34:39.773Z" },
-    { url = "https://files.pythonhosted.org/packages/97/c7/83c0539fe34c3e09136204d1e75d6052492364e0b3cb05e9465423f567d7/ruff-0.15.14-py3-none-musllinux_1_2_aarch64.whl", hash = "sha256:49072d36abdbe97a8dd7f480afe9c675699c0c495d4c84076e2c1203c4550581", size = 10804759, upload-time = "2026-05-21T14:34:31.045Z" },
-    { url = "https://files.pythonhosted.org/packages/86/a6/18f2bfc095a2ab4a78745644e428205532ce6653a5d0fa8501572891534d/ruff-0.15.14-py3-none-musllinux_1_2_armv7l.whl", hash = "sha256:958522aee105068640c2c2ceae08f413ae44d922f52a1374ac13d6a96032fc93", size = 10539517, upload-time = "2026-05-21T14:34:53.064Z" },
-    { url = "https://files.pythonhosted.org/packages/54/3a/5a8b3b69c654d4e4bf1d246ac5b49cbcdac6eaab6905925f8915f31e3b80/ruff-0.15.14-py3-none-musllinux_1_2_i686.whl", hash = "sha256:f3707da619a143a2e8830e2abab8224478d69ace2d28cb6c20543ae97c36bf61", size = 11065169, upload-time = "2026-05-21T14:34:24.484Z" },
-    { url = "https://files.pythonhosted.org/packages/ed/c5/8864e4e7925b836ea354b31d57641ec03830564e281a8b6f061f8c3e0ec1/ruff-0.15.14-py3-none-musllinux_1_2_x86_64.whl", hash = "sha256:bb01d645694e3ec0102105d07ef2d53703970407d59c04e59d3ba0b7a1d53553", size = 11560214, upload-time = "2026-05-21T14:34:50.975Z" },
-    { url = "https://files.pythonhosted.org/packages/36/38/012bf76752e1f89ed50b77b99532d90f3a3e287bc7918e1fc0948ac866ac/ruff-0.15.14-py3-none-win32.whl", hash = "sha256:6d0c1ad2a0ab718d39b6d8fd2217981ce4d625cd96a720095f798fb47d8b13e6", size = 10805548, upload-time = "2026-05-21T14:34:33.453Z" },
-    { url = "https://files.pythonhosted.org/packages/d1/b7/4ea2c170f10ad760fff2a5250beb18897719dc8b52b53a24cddbb9dd3f19/ruff-0.15.14-py3-none-win_amd64.whl", hash = "sha256:802342981e056db3851a7836e5b070f8f15f67d4a685ae2a6160939d364b2902", size = 11939523, upload-time = "2026-05-21T14:34:18.077Z" },
-    { url = "https://files.pythonhosted.org/packages/62/d5/bc97ff895ec35cf3925d4bd60f3b39d822f377a446906ec9bcc87405e59b/ruff-0.15.14-py3-none-win_arm64.whl", hash = "sha256:ff47b90a9ef6a40c9e2f3b479c1fb78531adf055b94c1eba0a7ba04b31951826", size = 11208607, upload-time = "2026-05-21T14:34:26.525Z" },
+version = "0.15.22"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/3a/06/ae069393fc66e8ff33036d4b368003833bf6e88ccf182e17e7a2f1c754fd/ruff-0.15.22.tar.gz", hash = "sha256:3f15175b1fb580126f58285a5dae6b2ea89000136d980c64499211f116b54809", size = 4785063, upload-time = "2026-07-16T15:14:13.244Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/23/18/ee54b7ae1e121be7a28ea6da4b67564ebb0530e183a54415ab7e3bcd2c4e/ruff-0.15.22-py3-none-linux_armv6l.whl", hash = "sha256:44423e73493737f5e7c5b41d475483898ff37afcdae38bc3da5085e29af1c2d8", size = 10781258, upload-time = "2026-07-16T15:13:19.452Z" },
+    { url = "https://files.pythonhosted.org/packages/2f/d2/2520cb14761ddbeaf57642a76942fc36adcbdbe53b4532241995f6fc485c/ruff-0.15.22-py3-none-macosx_10_12_x86_64.whl", hash = "sha256:b82c6482946e9eda7ff2e091d25b8bad3f718684e1916d41bd56873cee05b697", size = 10999477, upload-time = "2026-07-16T15:13:23.318Z" },
+    { url = "https://files.pythonhosted.org/packages/c9/10/74e53572aa758dfaa678c2a2646b5c5515d884b7ca56be4d2ce03ca4b560/ruff-0.15.22-py3-none-macosx_11_0_arm64.whl", hash = "sha256:11c1c715af53a09f714e011106bffc419751ec8232fcb5da42173284ea3fec6f", size = 10466716, upload-time = "2026-07-16T15:13:26.162Z" },
+    { url = "https://files.pythonhosted.org/packages/1e/cc/44eaaf0844e028182f2d0a8f2190d0f359159aed0a9e5ab861d892f1ae2a/ruff-0.15.22-py3-none-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:742a29cf29bddb7c8327895d6a10e0e6c5b38a96dd407af9b5d0857f809c0576", size = 10892644, upload-time = "2026-07-16T15:13:29.229Z" },
+    { url = "https://files.pythonhosted.org/packages/9f/21/8edf559014d2b0f82beea19cfb713993ad802ccda16868769979c6090a84/ruff-0.15.22-py3-none-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:72af58b951b0ae395935ae79763dc349bc0eb706319d28f7a33ad2cfb3cfc178", size = 10576719, upload-time = "2026-07-16T15:13:32.35Z" },
+    { url = "https://files.pythonhosted.org/packages/bf/1e/3a13abd392a3b50b62e5938a831f9ab6e588358cacad5c18545b716d2182/ruff-0.15.22-py3-none-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:62d425005c1835eb24e2ee4161cb90e8db263415f4a71c8c72c33abaa6c0c224", size = 11376494, upload-time = "2026-07-16T15:13:35.958Z" },
+    { url = "https://files.pythonhosted.org/packages/bf/3e/422d3d95bcf04dd78e1aeac22184d4f9a8fb2c01865d39d44618484a0317/ruff-0.15.22-py3-none-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:e8b9b3f8779a4f08c969defc3c8c35abffaa757e601ed5ae66d6d1db6519969a", size = 12208370, upload-time = "2026-07-16T15:13:39.185Z" },
+    { url = "https://files.pythonhosted.org/packages/1e/91/5d065a0e0a02bf4813f5119ad278462eed081d2b832eb7c021ade0ec9e65/ruff-0.15.22-py3-none-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:1e0dd1b2e4d3d585f897a0d137cbf4eaf6223bef4e8ce34d6bb12556c5f9249e", size = 11581098, upload-time = "2026-07-16T15:13:42.132Z" },
+    { url = "https://files.pythonhosted.org/packages/f6/f9/a0d4871d12fae702eb1f41b686caf05f1f8b124dc6db6f784f53d74918fa/ruff-0.15.22-py3-none-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:365523eb91d9224e1bcb03b022fbf0facb8f9e23792a2c53d9d4b3924bdbdebb", size = 11399422, upload-time = "2026-07-16T15:13:45.2Z" },
+    { url = "https://files.pythonhosted.org/packages/18/80/c843a5176cddbceb0b7e8dd41cf9993490796c1c469348d384f5a5c13c56/ruff-0.15.22-py3-none-manylinux_2_31_riscv64.whl", hash = "sha256:fabfd168afdf29fee5be98b831efa9683c94d7c5a3b58b9ce5a2e38444589a74", size = 11381683, upload-time = "2026-07-16T15:13:48.46Z" },
+    { url = "https://files.pythonhosted.org/packages/d4/00/8485de0ae92239438a36cfc51350db9b9e85c9ebdfaea91b18e422706662/ruff-0.15.22-py3-none-musllinux_1_2_aarch64.whl", hash = "sha256:225dbf095a87f1d9f90f5fd7924d2613ee452a75a4308c63a8f50f761787aa7c", size = 10850295, upload-time = "2026-07-16T15:13:51.655Z" },
+    { url = "https://files.pythonhosted.org/packages/fa/91/24977ec2ec72eaf15e4394ace2959fdff2dd1e14f03e005e838023407169/ruff-0.15.22-py3-none-musllinux_1_2_armv7l.whl", hash = "sha256:1877d63b9d24ed278744f1523fd11b85540566d54641f97c566d7d9dc5ca5296", size = 10579640, upload-time = "2026-07-16T15:13:54.79Z" },
+    { url = "https://files.pythonhosted.org/packages/9c/47/9b51216951974df1f263ac19da550d34252e0ed7218c25f10c5ef9ed7517/ruff-0.15.22-py3-none-musllinux_1_2_i686.whl", hash = "sha256:a1606c510bd7215680d32efab38965f7cdec3ef69f5170a3f4791404ffdd5262", size = 11105077, upload-time = "2026-07-16T15:13:57.915Z" },
+    { url = "https://files.pythonhosted.org/packages/c2/47/20e9d4a3b8016778acea5fc32bb50d35d207500a17ddb529ffa6996feef8/ruff-0.15.22-py3-none-musllinux_1_2_x86_64.whl", hash = "sha256:630479b18625f5ffc373f77603a22a9f8ac0acd7ff0501178b5db28ec71e9c64", size = 11490980, upload-time = "2026-07-16T15:14:01.032Z" },
+    { url = "https://files.pythonhosted.org/packages/4d/76/3f72d8fc38c1cb77b38c56a70da9d0c17700cc1cc50f9649c9d3c8f5ba71/ruff-0.15.22-py3-none-win32.whl", hash = "sha256:e5ba0e4a13fd14abbed2a77b517a3911290c6c6c59ef67784328d1668fab76cf", size = 10789165, upload-time = "2026-07-16T15:14:04.16Z" },
+    { url = "https://files.pythonhosted.org/packages/cb/46/4965251734c2b6fcdca1b1b187d20bcac3af0ee5b083b89c910bb961ce3a/ruff-0.15.22-py3-none-win_amd64.whl", hash = "sha256:9be63ba1eb936acd2d1342fb8337c356353706fce233b2a15a09a97037e6acde", size = 11938297, upload-time = "2026-07-16T15:14:07.316Z" },
+    { url = "https://files.pythonhosted.org/packages/57/c9/e69b1ff4c8b69093ef08b8919ab767af0569666865b39c30a8795d88d3c6/ruff-0.15.22-py3-none-win_arm64.whl", hash = "sha256:e1168075b72158510839f250027659cdd78476f40507dd517892304c41318661", size = 11298172, upload-time = "2026-07-16T15:14:10.51Z" },
 ]
 
 [[package]]
@@ -1201,12 +1111,16 @@ wheels = [
 ]
 
 [[package]]
-name = "shellingham"
-version = "1.5.4"
+name = "service-identity"
+version = "26.1.0"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/58/15/8b3609fd3830ef7b27b655beb4b4e9c62313a4e8da8c676e142cc210d58e/shellingham-1.5.4.tar.gz", hash = "sha256:8dbca0739d487e5bd35ab3ca4b36e11c4078f3a234bfce294b0a0291363404de", size = 10310, upload-time = "2023-10-24T04:13:40.426Z" }
+dependencies = [
+    { name = "attrs" },
+    { name = "cryptography" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/61/87/ad52e2c582c0f0e7f0a1b86950494c38d67422dc0f5ed9044a5fb9569a49/service_identity-26.1.0.tar.gz", hash = "sha256:6358c52882c96e66ac4a55eb3a72c7dd4a70763f8cc6fa4e70abde2656f4bf3b", size = 42898, upload-time = "2026-05-30T12:04:55.184Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/e0/f9/0595336914c5619e5f28a1fb793285925a8cd4b432c9da0a987836c7f822/shellingham-1.5.4-py2.py3-none-any.whl", hash = "sha256:7ecfff8f2fd72616f7481040475a65b2bf8af90a56c89140852d1120324e8686", size = 9755, upload-time = "2023-10-24T04:13:38.866Z" },
+    { url = "https://files.pythonhosted.org/packages/93/eb/2433e1af4ff903499144de4846569fb3300b816179ae99a03c2f011b666a/service_identity-26.1.0-py3-none-any.whl", hash = "sha256:68c32dadbb69135fb951077677e07cd7f6031020f3a8c8f47a28cda8a0742118", size = 11370, upload-time = "2026-05-30T12:04:53.911Z" },
 ]
 
 [[package]]
@@ -1219,172 +1133,150 @@ wheels = [
 ]
 
 [[package]]
-name = "sqlalchemy"
-version = "2.0.50"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "greenlet", marker = "platform_machine == 'AMD64' or platform_machine == 'WIN32' or platform_machine == 'aarch64' or platform_machine == 'amd64' or platform_machine == 'ppc64le' or platform_machine == 'win32' or platform_machine == 'x86_64'" },
-    { name = "typing-extensions" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/57/da/6fbf010c8ebb347679d0d100b22fe9ba5e13fd04046c5df7280d2f0bf706/sqlalchemy-2.0.50.tar.gz", hash = "sha256:af5607d11ef90fd6a5c0549fe0045dce1663d427426bcfb506dcb5346a85a3b9", size = 9907424, upload-time = "2026-05-24T19:20:04.018Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/df/32/10ac51b4be7cdecd7e93d069251c86dfbf70b7adbd7c67b48ccea6c49e1c/sqlalchemy-2.0.50-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:c966932507a4d7d0a37314927dbfcd89720e3f37d2a1e3352e7ae7939fa8e8a0", size = 2158519, upload-time = "2026-05-24T19:27:56.472Z" },
-    { url = "https://files.pythonhosted.org/packages/5a/76/e703d2f7681d7d66c4c891af3f07c7ccf4c76ad7f18351de035b5eda007a/sqlalchemy-2.0.50-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:faffef4bcc20a1892e65e155293d99d60855bbbc79250ab712819cfd56a8e6bb", size = 3282063, upload-time = "2026-05-24T20:09:38.57Z" },
-    { url = "https://files.pythonhosted.org/packages/31/26/ef168b184a25701f9995e8fb7e503fafd7a99c1c77cda1bc1a26ea2ed486/sqlalchemy-2.0.50-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:6c206aec519a2e7bd08abbfb33436e325fd22c632d9c21a9047e376ce241646e", size = 3287069, upload-time = "2026-05-24T20:17:21.942Z" },
-    { url = "https://files.pythonhosted.org/packages/c2/15/765acc2bc693bccc43ca4a95d5b69750da8aaf6db1b5c616536e087f8920/sqlalchemy-2.0.50-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:bef4ac756363227ef6402a75fee025a4bc690f92328e825868939b3b3a446a6d", size = 3230453, upload-time = "2026-05-24T20:09:40.398Z" },
-    { url = "https://files.pythonhosted.org/packages/63/61/08e03c3adbf5db0087a0b6816746fec8f3032fb2f7fc899a9bb9b2a48ce4/sqlalchemy-2.0.50-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:96fbee6b19c19cd1556c8bf9419447cf2ec149ffcab7ab64348c23e54ef8547f", size = 3252413, upload-time = "2026-05-24T20:17:24.067Z" },
-    { url = "https://files.pythonhosted.org/packages/03/0c/370a1f2db38436c615e10134c8a37de3688e74084792380695f3f5083860/sqlalchemy-2.0.50-cp314-cp314-win32.whl", hash = "sha256:8f00e3eb43ba30eb1b238ee03a8a62309486d1321eda3328bb611e0340033ad8", size = 2120063, upload-time = "2026-05-24T19:50:11.08Z" },
-    { url = "https://files.pythonhosted.org/packages/7f/a0/fe92bb9817863bc13ba093bda931979a26cc2ca69f8e8f26d07add3d7c6f/sqlalchemy-2.0.50-cp314-cp314-win_amd64.whl", hash = "sha256:15708c613cd5005b7dffe1f66ee6a63ee8f5e46799f71c70ebad74178c676a39", size = 2145830, upload-time = "2026-05-24T19:50:12.452Z" },
-    { url = "https://files.pythonhosted.org/packages/cc/ff/e5640a98a0b2f491eb8fde10fb6c773621a2e44340de231fafcc9370f4a9/sqlalchemy-2.0.50-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:3699dac4be410e97049a1658e9480da9cde956594aa0f3aebc60b88f21c5ba70", size = 2178435, upload-time = "2026-05-24T19:42:58.889Z" },
-    { url = "https://files.pythonhosted.org/packages/b7/85/337116e186f1236375b5fb70c21cfac98e8e8ab0d3a47be838dc47a59e08/sqlalchemy-2.0.50-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:f96233858e3df43932ac11589e22520da6e8aeb624b03fedfeebb0e8ea213086", size = 3566059, upload-time = "2026-05-24T20:01:20.848Z" },
-    { url = "https://files.pythonhosted.org/packages/96/34/bb0e190e161c3c2c24314a65add57218be14a4a9486886b7f5047c1ff7c8/sqlalchemy-2.0.50-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:c4e70c46fad30c3bcc6a4708bc0130a3173e11a5b25f0ea4a9d8911b450f1f52", size = 3535366, upload-time = "2026-05-24T20:03:56.768Z" },
-    { url = "https://files.pythonhosted.org/packages/df/5a/a7f759f97e4fd499c5d4e4488c760d5a7fbecf3028b465a04274fcd52384/sqlalchemy-2.0.50-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:1918a3cf564d16d95bca7301005f41ab2ad50b07cd3b9da50d3ed986db148d6a", size = 3474879, upload-time = "2026-05-24T20:01:23.058Z" },
-    { url = "https://files.pythonhosted.org/packages/9d/d9/2907ea38eb60687d297bf9c39e5ee58053c87b57fe8a9cae97090cecbf10/sqlalchemy-2.0.50-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:b00098cdbdbd38c7be3d568b0c9c3122b8c0ec62b911b57cd5e6e0254d60a76d", size = 3486117, upload-time = "2026-05-24T20:03:59.052Z" },
-    { url = "https://files.pythonhosted.org/packages/f2/e3/5aa06f167559f8c0bdae487e297d23ba548150ab016a3418265d617a4985/sqlalchemy-2.0.50-cp314-cp314t-win32.whl", hash = "sha256:1fbd55a969d7ac44a98e3dec75016074f809fa08f871585ace58dde110d1bf3e", size = 2150823, upload-time = "2026-05-24T20:08:58.644Z" },
-    { url = "https://files.pythonhosted.org/packages/65/9b/112fb8f977582d7489d036e409e3723948bcf5320b3ac465f3c481bbe8f9/sqlalchemy-2.0.50-cp314-cp314t-win_amd64.whl", hash = "sha256:c5c3cdb753a9004183e1ccb634b41611654c989e61bc68617ce878e46d6f1e51", size = 2185794, upload-time = "2026-05-24T20:09:00.319Z" },
-    { url = "https://files.pythonhosted.org/packages/d0/10/f7220e9b784d295d241c86ed99aeb537f92afcd469a64861f2717e9bb077/sqlalchemy-2.0.50-py3-none-any.whl", hash = "sha256:92064363517a3ff8212b5a93b8c62876579d8dfd1ca5b561335f30152d884fa9", size = 1943861, upload-time = "2026-05-24T19:59:01.119Z" },
-]
-
-[package.optional-dependencies]
-postgresql-asyncpg = [
-    { name = "asyncpg" },
-    { name = "greenlet" },
-]
-
-[[package]]
-name = "sqlmodel"
-version = "0.0.38"
+name = "sqlparse"
+version = "0.5.5"
 source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "pydantic" },
-    { name = "sqlalchemy" },
-    { name = "typing-extensions" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/64/0d/26ec1329960ea9430131fe63f63a95ea4cb8971d49c891ff7e1f3255421c/sqlmodel-0.0.38.tar.gz", hash = "sha256:d583ec237b14103809f74e8630032bc40ab68cd6b754a610f0813c56911a547b", size = 86710, upload-time = "2026-04-02T21:03:55.571Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/72/c7/10c60af0607ab6fa136264f7f39d205932218516226d38585324ffda705d/sqlmodel-0.0.38-py3-none-any.whl", hash = "sha256:84e3fa990a77395461ded72a6c73173438ce8449d5c1c4d97fbff1b1df692649", size = 27294, upload-time = "2026-04-02T21:03:56.406Z" },
-]
-
-[[package]]
-name = "starlette"
-version = "1.1.0"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "anyio" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/95/66/4d20cdf39a8d6a51e663b7038e3b828ff211d3891a43a713fe7e4643f3a8/starlette-1.1.0.tar.gz", hash = "sha256:e83c7fe0ddecd8719c5b840080325aec0260acec86e9832899e377b91d65e90f", size = 2660060, upload-time = "2026-05-23T16:55:41.376Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/90/76/437d71068094df0726366574cf3432a4ed754217b436eb7429415cf2d480/sqlparse-0.5.5.tar.gz", hash = "sha256:e20d4a9b0b8585fdf63b10d30066c7c94c5d7a7ec47c889a2d83a3caa93ff28e", size = 120815, upload-time = "2025-12-19T07:17:45.073Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/93/79/920b8e0a8b20f793e8d64855095cb8febabf6175b8550b6f7a547d813891/starlette-1.1.0-py3-none-any.whl", hash = "sha256:7f0dfd38e428aad5cb6f9f667f0ca1d2d8ca3f3385dccac8305f79ec98458382", size = 72899, upload-time = "2026-05-23T16:55:39.201Z" },
+    { url = "https://files.pythonhosted.org/packages/49/4b/359f28a903c13438ef59ebeee215fb25da53066db67b305c125f1c6d2a25/sqlparse-0.5.5-py3-none-any.whl", hash = "sha256:12a08b3bf3eec877c519589833aed092e2444e68240a3577e8e26148acc7b1ba", size = 46138, upload-time = "2025-12-19T07:17:46.573Z" },
 ]
 
 [[package]]
-name = "typer"
-version = "0.25.1"
+name = "strawberry-graphql"
+version = "0.322.0"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "annotated-doc" },
-    { name = "click" },
-    { name = "rich" },
-    { name = "shellingham" },
+    { name = "cross-web" },
+    { name = "graphql-core" },
+    { name = "packaging" },
+    { name = "python-dateutil" },
+    { name = "typing-extensions" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/e4/51/9aed62104cea109b820bbd6c14245af756112017d309da813ef107d42e7e/typer-0.25.1.tar.gz", hash = "sha256:9616eb8853a09ffeabab1698952f33c6f29ffdbceb4eaeecf571880e8d7664cc", size = 122276, upload-time = "2026-04-30T19:32:16.964Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/47/45/0036c5be11d5a66bcaddc242d6c7255270edf8646ff14e330a205a49307c/strawberry_graphql-0.322.0.tar.gz", hash = "sha256:48b33ce1253c29da1bb6778ea7688f849d03822c8919ac5668cd1980e64384c3", size = 233437, upload-time = "2026-07-18T10:36:12.866Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/3f/f9/2b3ff4e56e5fa7debfaf9eb135d0da96f3e9a1d5b27222223c7296336e5f/typer-0.25.1-py3-none-any.whl", hash = "sha256:75caa44ed46a03fb2dab8808753ffacdbfea88495e74c85a28c5eefcf5f39c89", size = 58409, upload-time = "2026-04-30T19:32:18.271Z" },
+    { url = "https://files.pythonhosted.org/packages/8f/6f/7996d66a0afdcfda3f68787a3a77f9bc3ed0e503664b0e7302ffcf09a980/strawberry_graphql-0.322.0-py3-none-any.whl", hash = "sha256:601c0bfb49099b55325bc2f4298bd88860ebaa0af6134ffdf342a129c382626d", size = 336881, upload-time = "2026-07-18T10:36:11.198Z" },
 ]
 
 [[package]]
-name = "types-aioboto3"
-version = "15.5.0"
+name = "strawberry-graphql-django"
+version = "0.86.5"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "botocore-stubs" },
-    { name = "types-aiobotocore" },
-    { name = "types-s3transfer" },
+    { name = "asgiref" },
+    { name = "django" },
+    { name = "strawberry-graphql" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/56/76/e162ea2ef8d414d4f36f28a6e0b6078ccef3f2f9d5f957859f303995c528/types_aioboto3-15.5.0.tar.gz", hash = "sha256:5769a1c3df7ca1abedf3656ddf0b970c9b0436d0f88cf4686040b55cd2a02925", size = 81059, upload-time = "2025-10-31T01:11:54.445Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/5f/69/51890516980580dd867d12404545a76539d33d8f3d46c30504b42b1c5dd4/strawberry_graphql_django-0.86.5.tar.gz", hash = "sha256:0a3675a31f4b1e6515252050400f74809c555349a8c0dd60837cfb7d989efc9f", size = 93631, upload-time = "2026-07-16T15:37:33.255Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/ec/1d/e187fbe9771dffb5f0801e315ac23a6c383c14d1cbb90da6ca3ad1ea9b06/types_aioboto3-15.5.0-py3-none-any.whl", hash = "sha256:8aed7c9b6fe9b59e6ce74f7a6db7b8a9912a34c8f80ed639fac1fa59d6b20aa1", size = 42521, upload-time = "2025-10-31T01:11:47.832Z" },
+    { url = "https://files.pythonhosted.org/packages/9d/a5/13a8533034c91efa8f30dae66ca08937a609a4bfd311a50ea32ef1afc224/strawberry_graphql_django-0.86.5-py3-none-any.whl", hash = "sha256:6d2b2860be53b620a642467efe7cf41b481329e65480747af66864503e438e86", size = 117708, upload-time = "2026-07-16T15:37:32.032Z" },
 ]
 
 [[package]]
-name = "types-aiobotocore"
-version = "3.7.0"
+name = "twisted"
+version = "26.4.0"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "botocore-stubs" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/76/e8/ef1fcb876937dbdddc0f01b5df4ed53f33b166a6367d80a9014d5e5f091d/types_aiobotocore-3.7.0.tar.gz", hash = "sha256:fe35de52c12e5fdb89ca60b3989766e7fe827e3d2e95fcf4583e91581945205c", size = 87992, upload-time = "2026-05-10T03:19:32.353Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/f9/68/0cdfd7df415ee3e769c8e8f9bd8013c64c88cdd7306f72453a02123c58f9/types_aiobotocore-3.7.0-py3-none-any.whl", hash = "sha256:ff4139b3eae22d242b6b39ba56048344b2b86f67daeeca4680da1a6e191681fd", size = 54804, upload-time = "2026-05-10T03:19:29.487Z" },
+    { name = "attrs" },
+    { name = "automat" },
+    { name = "constantly" },
+    { name = "hyperlink" },
+    { name = "incremental" },
+    { name = "typing-extensions" },
+    { name = "zope-interface" },
 ]
-
-[[package]]
-name = "types-aiobotocore-s3"
-version = "3.7.0"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/94/ce/5b7baa06cde79ab5f083f56f060ccd2b60f6249127d70bbb8a37aafbdcd4/types_aiobotocore_s3-3.7.0.tar.gz", hash = "sha256:6ec738853dbba9133707991b98ea4dab19f7c62e02b3cca016e6cd8e3d684576", size = 77662, upload-time = "2026-05-10T03:17:35.088Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/db/97/6e9beb1e78247ae6dc34114f27d538cf2cb183c4afcd3609dfdf2b0439c8/twisted-26.4.0.tar.gz", hash = "sha256:dbfd0fe1ee409d0243fdd7a6a6ff14f4948cec1fd78e0376291f805e1501fae9", size = 3575095, upload-time = "2026-05-11T11:24:51.861Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/e9/ac/67240c3804a3e1c1e8f0f402155d7ed5351faf7a2085136083e5ca3f26b8/types_aiobotocore_s3-3.7.0-py3-none-any.whl", hash = "sha256:5dbb5479ece3e1aceaccac224fc3dd1ab7d912c4457419bd19e88a0a5b3844fc", size = 85450, upload-time = "2026-05-10T03:17:33.061Z" },
+    { url = "https://files.pythonhosted.org/packages/a6/57/bcf4e2370dd218c9aa68a9140a65d86729c73f1d529f7e94786c2766fc72/twisted-26.4.0-py3-none-any.whl", hash = "sha256:dc25ea0ebf6511c24f03232ee9f4afa54b291c5d897990e3a39cc4d14a1ef4c0", size = 3230362, upload-time = "2026-05-11T11:24:49.5Z" },
 ]
 
-[[package]]
-name = "types-awscrt"
-version = "0.31.3"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/76/26/0aa563e229c269c528a3b8c709fc671ac2a5c564732fab0852ac6ee006cf/types_awscrt-0.31.3.tar.gz", hash = "sha256:09d3eaf00231e0f47e101bd9867e430873bc57040050e2a3bd8305cb4fc30865", size = 18178, upload-time = "2026-03-08T02:31:14.569Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/3e/e5/47a573bbbd0a790f8f9fe452f7188ea72b212d21c9be57d5fc0cbc442075/types_awscrt-0.31.3-py3-none-any.whl", hash = "sha256:e5ce65a00a2ab4f35eacc1e3d700d792338d56e4823ee7b4dbe017f94cfc4458", size = 43340, upload-time = "2026-03-08T02:31:13.38Z" },
+[package.optional-dependencies]
+tls = [
+    { name = "idna" },
+    { name = "pyopenssl" },
+    { name = "service-identity" },
 ]
 
 [[package]]
-name = "types-s3transfer"
-version = "0.16.0"
+name = "txaio"
+version = "26.6.1"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/fe/64/42689150509eb3e6e82b33ee3d89045de1592488842ddf23c56957786d05/types_s3transfer-0.16.0.tar.gz", hash = "sha256:b4636472024c5e2b62278c5b759661efeb52a81851cde5f092f24100b1ecb443", size = 13557, upload-time = "2025-12-08T08:13:09.928Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/49/de/52729cab9d2c8de679ad015e87f11f69e092d6fb3084eb9a39735df09ce7/txaio-26.6.1.tar.gz", hash = "sha256:3ee900b2331c93457530fddbccc1a320c4e2d7ac8f9073d01c3fbe87762ccb35", size = 134555, upload-time = "2026-06-18T14:38:59.096Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/98/27/e88220fe6274eccd3bdf95d9382918716d312f6f6cef6a46332d1ee2feff/types_s3transfer-0.16.0-py3-none-any.whl", hash = "sha256:1c0cd111ecf6e21437cb410f5cddb631bfb2263b77ad973e79b9c6d0cb24e0ef", size = 19247, upload-time = "2025-12-08T08:13:08.426Z" },
+    { url = "https://files.pythonhosted.org/packages/91/68/075bf851e11c9ef65bd6a0426791f0d9a0c7dae0e7f6e0b16ca67334b456/txaio-26.6.1-py3-none-any.whl", hash = "sha256:91a84a7825485a367c0b070c7399824c0e1a1e8c071cbdf3882dd3146dab587b", size = 31399, upload-time = "2026-06-18T14:38:57.774Z" },
 ]
 
 [[package]]
 name = "typing-extensions"
-version = "4.15.0"
+version = "4.16.0"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/72/94/1a15dd82efb362ac84269196e94cf00f187f7ed21c242792a923cdb1c61f/typing_extensions-4.15.0.tar.gz", hash = "sha256:0cea48d173cc12fa28ecabc3b837ea3cf6f38c6d1136f85cbaaf598984861466", size = 109391, upload-time = "2025-08-25T13:49:26.313Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/f6/cc/6253133b5bb138fc3306cebfbda2c520f545d36b5be2c7255cc528bb45d6/typing_extensions-4.16.0.tar.gz", hash = "sha256:dc983d19a509c94dba722ee6abd33940f7c05a89e243c47e907eb4db6f1a43e5", size = 113555, upload-time = "2026-07-02T08:40:05.92Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/18/67/36e9267722cc04a6b9f15c7f3441c2363321a3ea07da7ae0c0707beb2a9c/typing_extensions-4.15.0-py3-none-any.whl", hash = "sha256:f0fa19c6845758ab08074a0cfa8b7aecb71c999ca73d62883bc25cc018c4e548", size = 44614, upload-time = "2025-08-25T13:49:24.86Z" },
-]
-
-[[package]]
-name = "typing-inspection"
-version = "0.4.2"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "typing-extensions" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/55/e3/70399cb7dd41c10ac53367ae42139cf4b1ca5f36bb3dc6c9d33acdb43655/typing_inspection-0.4.2.tar.gz", hash = "sha256:ba561c48a67c5958007083d386c3295464928b01faa735ab8547c5692e87f464", size = 75949, upload-time = "2025-10-01T02:14:41.687Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/dc/9b/47798a6c91d8bdb567fe2698fe81e0c6b7cb7ef4d13da4114b41d239f65d/typing_inspection-0.4.2-py3-none-any.whl", hash = "sha256:4ed1cacbdc298c220f1bd249ed5287caa16f34d44ef4e9c3d0cbad5b521545e7", size = 14611, upload-time = "2025-10-01T02:14:40.154Z" },
+    { url = "https://files.pythonhosted.org/packages/49/d3/b8441a820a491ddfc024b0b0cf0393375b75ea13866d9c66727e54c2fc80/typing_extensions-4.16.0-py3-none-any.whl", hash = "sha256:481caa481374e813c1b176ada14e97f1f67a4539ce9cfeb3f350d78d6370c2e8", size = 45571, upload-time = "2026-07-02T08:40:04.659Z" },
 ]
 
 [[package]]
 name = "tzdata"
-version = "2026.2"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/ba/19/1b9b0e29f30c6d35cb345486df41110984ea67ae69dddbc0e8a100999493/tzdata-2026.2.tar.gz", hash = "sha256:9173fde7d80d9018e02a662e168e5a2d04f87c41ea174b139fbef642eda62d10", size = 198254, upload-time = "2026-04-24T15:22:08.651Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/ce/e4/dccd7f47c4b64213ac01ef921a1337ee6e30e8c6466046018326977efd95/tzdata-2026.2-py2.py3-none-any.whl", hash = "sha256:bbe9af844f658da81a5f95019480da3a89415801f6cc966806612cc7169bffe7", size = 349321, upload-time = "2026-04-24T15:22:05.876Z" },
-]
-
-[[package]]
-name = "tzlocal"
-version = "5.3.1"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "tzdata", marker = "sys_platform == 'win32'" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/8b/2e/c14812d3d4d9cd1773c6be938f89e5735a1f11a9f184ac3639b93cef35d5/tzlocal-5.3.1.tar.gz", hash = "sha256:cceffc7edecefea1f595541dbd6e990cb1ea3d19bf01b2809f362a03dd7921fd", size = 30761, upload-time = "2025-03-05T21:17:41.549Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/c2/14/e2a54fabd4f08cd7af1c07030603c3356b74da07f7cc056e600436edfa17/tzlocal-5.3.1-py3-none-any.whl", hash = "sha256:eb1a66c3ef5847adf7a834f1be0800581b683b5608e74f86ecbcef8ab91bb85d", size = 18026, upload-time = "2025-03-05T21:17:39.857Z" },
+version = "2026.3"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/92/ff/5a28bdfd8c3ebec42564ac7d0e54ca3db65044a9314a97f9564fa7a1e926/tzdata-2026.3.tar.gz", hash = "sha256:4a1518b8993086a7982523e071643f3c0e5f213e75b21318e78bcabfff9d1415", size = 198674, upload-time = "2026-07-10T08:50:37.887Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/e5/6d/b53b99a9f2766d095985947a5782f1702cabb129a34f7a802d7197af832f/tzdata-2026.3-py2.py3-none-any.whl", hash = "sha256:dc096730c87af6cab1b171c9d532be840741ff5d459015e7f6947bd7d7e54931", size = 348168, upload-time = "2026-07-10T08:50:36.46Z" },
+]
+
+[[package]]
+name = "u-msgpack-python"
+version = "2.8.0"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/36/9d/a40411a475e7d4838994b7f6bcc6bfca9acc5b119ce3a7503608c4428b49/u-msgpack-python-2.8.0.tar.gz", hash = "sha256:b801a83d6ed75e6df41e44518b4f2a9c221dc2da4bcd5380e3a0feda520bc61a", size = 18167, upload-time = "2023-05-18T09:28:12.187Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/b1/5e/512aeb40fd819f4660d00f96f5c7371ee36fc8c6b605128c5ee59e0b28c6/u_msgpack_python-2.8.0-py2.py3-none-any.whl", hash = "sha256:1d853d33e78b72c4228a2025b4db28cda81214076e5b0422ed0ae1b1b2bb586a", size = 10590, upload-time = "2023-05-18T09:28:10.323Z" },
+]
+
+[[package]]
+name = "ujson"
+version = "5.13.0"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/89/7a/c8bb37c8f6f3623d60c33d15d18cd6d6655d0f9c3eb31a9969f76361b199/ujson-5.13.0.tar.gz", hash = "sha256:d62e3d7625384c08082abad81a077af587fdef2761bb14c3822f4234b8d07d75", size = 7166784, upload-time = "2026-06-14T22:36:50.209Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/a7/f1/fe8a467d8ff5821e076b96f398d3acfe3cd568d900e6ccb41b215592b152/ujson-5.13.0-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:46998fc8d11aec34a20e2010905e7059732a3d192d9a3c3fe4f9ffd146c87ec8", size = 56746, upload-time = "2026-06-14T22:35:43.398Z" },
+    { url = "https://files.pythonhosted.org/packages/6a/c0/c7ab82d6471dfa7e4fd68ae6ff2c6a50d077c05d6ecdea0cec8af635b2c4/ujson-5.13.0-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:ee03ce288ba25b05cf0de87203165642277a25caa4f00a437e13152e5214e310", size = 54388, upload-time = "2026-06-14T22:35:44.586Z" },
+    { url = "https://files.pythonhosted.org/packages/10/e6/4e9e998d991ff88bbc93b21daa63bba2baa61c6f952dbcec937cf7304ebe/ujson-5.13.0-cp313-cp313-manylinux1_i686.manylinux2014_i686.manylinux_2_17_i686.manylinux_2_5_i686.whl", hash = "sha256:cdf33b588a81b05d0b585c66f83050c49cb670623424d10e4d1ad37ba2f7eed9", size = 60051, upload-time = "2026-06-14T22:35:45.567Z" },
+    { url = "https://files.pythonhosted.org/packages/9c/11/876dff43f05417a01c6119f0fa10e01f1226631c5927ef08f56876b2bb67/ujson-5.13.0-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:4cabd73c114ce93c21d7db2e2d8e16217fd8a5b2b3ec754629eebef5c262d47f", size = 53438, upload-time = "2026-06-14T22:35:46.623Z" },
+    { url = "https://files.pythonhosted.org/packages/09/02/f9dbf6c3e46d700eb1d9ed637567221a06eeb1ec289633be992ef54d7a34/ujson-5.13.0-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:ffc61fc756a64f4d169a78cc638d769e3c324f45fc51997626abf4e5e5dd6460", size = 55060, upload-time = "2026-06-14T22:35:47.647Z" },
+    { url = "https://files.pythonhosted.org/packages/bc/3d/7e49a70265a1e5ed1b5e8edd5f54d57ae41e2134faeae9b16f6f5a0eae20/ujson-5.13.0-cp313-cp313-manylinux_2_24_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:2c00323c13a35822c9a67a26c0b2a0787510bf1ef490922b58009b362d1a3e21", size = 58189, upload-time = "2026-06-14T22:35:48.617Z" },
+    { url = "https://files.pythonhosted.org/packages/66/34/b64278f67e19052f09810576c7e50b3da8d4f5218b226046324d4d5c24b4/ujson-5.13.0-cp313-cp313-manylinux_2_24_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:496e662a6b46d5f936d77fb68259cece19213bb2301ddd520dbd75ac7c90c5f4", size = 57941, upload-time = "2026-06-14T22:35:49.674Z" },
+    { url = "https://files.pythonhosted.org/packages/a9/8c/51513357a5c75bf3e5bae46accfdb3e6e6f5caeb72ca8b253ec45ba853fb/ujson-5.13.0-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:7fd41b86444df14f8b4b7afaaa9f27bacfbf8c18380872317aeab6cd125dcede", size = 1037688, upload-time = "2026-06-14T22:35:50.699Z" },
+    { url = "https://files.pythonhosted.org/packages/54/5a/dc6afe071d6b977390d2dc41e15800a2716f317988dd03187cffe7b4d624/ujson-5.13.0-cp313-cp313-musllinux_1_2_i686.whl", hash = "sha256:bf3c2c4ea55d4187903fcdc689a9bf5b0fc72d8c0eaff39db18c1f337c8832c1", size = 1197141, upload-time = "2026-06-14T22:35:52.052Z" },
+    { url = "https://files.pythonhosted.org/packages/50/23/b473d101412c68527cb502a8728f96ab307aa7bfa75d6ea2037e2c7f74e8/ujson-5.13.0-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:b6eca7751d61045a9b1e7f9a8c97ac24b164f085b60bef1c4668654bb2338011", size = 1090235, upload-time = "2026-06-14T22:35:53.589Z" },
+    { url = "https://files.pythonhosted.org/packages/fa/0a/8e583cce90f9f91ca1bedb3e628b6f5642aed91feb29b197431268d4c4be/ujson-5.13.0-cp313-cp313-win32.whl", hash = "sha256:b63d3820f978bc8e98cc3f1fe26a33b0d2ea237733a23fe5e9cb5d51f466bd97", size = 40069, upload-time = "2026-06-14T22:35:55.019Z" },
+    { url = "https://files.pythonhosted.org/packages/b4/b5/1fe203bc294e98fdd65606883692ad8dc0aaac73838b89c99c3513404424/ujson-5.13.0-cp313-cp313-win_amd64.whl", hash = "sha256:17a59d5cf23ef98f7c9314524976b4b288374d83200add01d953024fb06404f9", size = 41098, upload-time = "2026-06-14T22:35:55.966Z" },
+    { url = "https://files.pythonhosted.org/packages/50/5e/aceadce24fdb7cbc67f02286b1d4e91a575aaef5afb876c9908d6e6e5769/ujson-5.13.0-cp313-cp313-win_arm64.whl", hash = "sha256:b49516fbe803ff30d6caa9ccc3799ec7f968992747ce3099eae4758928577b53", size = 38877, upload-time = "2026-06-14T22:35:56.936Z" },
+    { url = "https://files.pythonhosted.org/packages/1c/9a/b5139d696f5328f3cab70b9ec046f15e3f49497a4de6280974640602f539/ujson-5.13.0-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:cc9dfd41fed397ab03bb9d9fe1cbd83301211c772a17536033ce7d68877ac82b", size = 56897, upload-time = "2026-06-14T22:35:57.974Z" },
+    { url = "https://files.pythonhosted.org/packages/53/55/477183aeddfdf0f88ae039ffee0ed866cfb993da0c0c9aa915807554aef8/ujson-5.13.0-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:ca7ef2fa6c408a7c0f558e4d33d93b32ddc35ed6d3cfc505747931a64b7465d5", size = 54451, upload-time = "2026-06-14T22:35:58.932Z" },
+    { url = "https://files.pythonhosted.org/packages/ea/63/55e5f23e156b4c8bca095d828b4cd3180c0b42aa3501ef88836d79606fea/ujson-5.13.0-cp314-cp314-manylinux1_i686.manylinux2014_i686.manylinux_2_17_i686.manylinux_2_5_i686.whl", hash = "sha256:a554b2e5bee85030369514cef8b0b913cebe1a4c2c0c13541966d50bcba22b1a", size = 60053, upload-time = "2026-06-14T22:35:59.969Z" },
+    { url = "https://files.pythonhosted.org/packages/26/b6/08c6cf5548bd6f4bb557c9fa7e8edf87324bb04c17249d1966028d61dde0/ujson-5.13.0-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:ea939ff629ab03ae970d03eca6d1febd8ed55ba38ca44aec64ce997537cd3fa0", size = 53481, upload-time = "2026-06-14T22:36:01.007Z" },
+    { url = "https://files.pythonhosted.org/packages/6e/b3/0ac9a03551467784067f505df1bb875c639ba32f1da79ce467ab15911ada/ujson-5.13.0-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:b98bf2faa5e37ecfe752226ea08290031e375a0c43d425a0b955fb3e702a2a71", size = 55058, upload-time = "2026-06-14T22:36:02.297Z" },
+    { url = "https://files.pythonhosted.org/packages/ba/be/ec91029aec067174473d022fa0f6c3c1431a173f888d7599739f05c668eb/ujson-5.13.0-cp314-cp314-manylinux_2_24_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:9a4b92344b16e414aeb609e57f62c466500e53c94f1698f5b149dc0b7223ec3e", size = 58225, upload-time = "2026-06-14T22:36:03.321Z" },
+    { url = "https://files.pythonhosted.org/packages/29/33/a948f329252ece3f9c93d177243de6e677927ebc6ac44256742dbbef3c39/ujson-5.13.0-cp314-cp314-manylinux_2_24_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:7df805aad707507a1fa165fb716218ca3a89f142125dc4b23c9fcc08fa402d97", size = 57930, upload-time = "2026-06-14T22:36:04.385Z" },
+    { url = "https://files.pythonhosted.org/packages/f1/0c/c33655218b8e0a8adbf066de0b999cae5c324061f3eaa4dda17423145d9e/ujson-5.13.0-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:7576bdbef327c3528f011002a2d74486f6fe4e33289bdb7a042b7f1a6e9d8285", size = 1037728, upload-time = "2026-06-14T22:36:05.467Z" },
+    { url = "https://files.pythonhosted.org/packages/2c/bd/d286947525ea7ce3f2d8dc55c15b9ffbe425bc455c96af7b8f8a402599a9/ujson-5.13.0-cp314-cp314-musllinux_1_2_i686.whl", hash = "sha256:6eee5d7cce3f32a468905f9ff61807a60287a90258d849460f6fa826e810870d", size = 1197146, upload-time = "2026-06-14T22:36:06.839Z" },
+    { url = "https://files.pythonhosted.org/packages/3c/3c/9eb916377050b0785f048a34588c1c390ddd41ae00b78db68ee1ad022356/ujson-5.13.0-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:144e9d8a454cfa727e0f755e1863738ed68068583bda5463052cb446835bd56c", size = 1090223, upload-time = "2026-06-14T22:36:08.329Z" },
+    { url = "https://files.pythonhosted.org/packages/dd/5f/242fd97a2628b842d4bfaa9b18e1f68187f934d67503291ebbaab1254637/ujson-5.13.0-cp314-cp314-win32.whl", hash = "sha256:576f35c35b918d67d41b933878062ec0a5c9f4d1e9e14e04aeef35384963feae", size = 41223, upload-time = "2026-06-14T22:36:09.644Z" },
+    { url = "https://files.pythonhosted.org/packages/23/f3/7f2bd9ca0c507142d0c22347b3d6f8803be1d8851c31707e57f5923fdbea/ujson-5.13.0-cp314-cp314-win_amd64.whl", hash = "sha256:d5e206e9f849ead27e51ef8da44e52b38da7c6dbd929a7340ab44533edcda8d7", size = 42265, upload-time = "2026-06-14T22:36:11.043Z" },
+    { url = "https://files.pythonhosted.org/packages/b0/29/3e9a8fba321c031315f6d263510969a5d01f41fc471b5be107e413c1b2f8/ujson-5.13.0-cp314-cp314-win_arm64.whl", hash = "sha256:dc470179775468f9a007d3a6a2734624248c94bf47c6645e808c7e50a5070d1a", size = 40205, upload-time = "2026-06-14T22:36:12.286Z" },
+    { url = "https://files.pythonhosted.org/packages/12/e9/1c543837c6a3c6672361882a0fa269bd02daf9cc4c0ca88a9dccd9df98d9/ujson-5.13.0-cp314-cp314t-macosx_10_15_x86_64.whl", hash = "sha256:69b4e36bb7d5f413ba8c00c8006b2ec627cc5ace97301462f6aadb66ec9d2979", size = 57402, upload-time = "2026-06-14T22:36:13.238Z" },
+    { url = "https://files.pythonhosted.org/packages/99/e4/39862f0f7174ff07cfd1e2d0c9065ded34aeebdb7db8daf2f0e5bf89b46f/ujson-5.13.0-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:8b644d50f66de5490c1823c7176618cead5e8e8a88cba9f40a6308ca52e79267", size = 54973, upload-time = "2026-06-14T22:36:14.432Z" },
+    { url = "https://files.pythonhosted.org/packages/02/66/f53d3b32c3f177f846ca6b624e832f29000d8a213a2d8768e254bd470ced/ujson-5.13.0-cp314-cp314t-manylinux1_i686.manylinux2014_i686.manylinux_2_17_i686.manylinux_2_5_i686.whl", hash = "sha256:15107aaa4f559d55201165ec32abb35c283a861be1fa67229578cb7d93fcd93a", size = 60683, upload-time = "2026-06-14T22:36:15.806Z" },
+    { url = "https://files.pythonhosted.org/packages/e6/d4/dddc4646d2633c85c938c2ded7d5a9711cdad5be1e13b31b7dad76f61c83/ujson-5.13.0-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:6e343c5f0c058523f1edbf6ae4eceb4e0d934205a53bbdd8d9a945c83324662a", size = 54167, upload-time = "2026-06-14T22:36:16.952Z" },
+    { url = "https://files.pythonhosted.org/packages/5f/c0/d8608c3f4d3f05e6441364b63fde1d279700135c1a6577a773662c07fbcc/ujson-5.13.0-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:02200035bc80e830f076ffc1b329a94c295aee6d9de8c9043647cb9a7bd4f76f", size = 55568, upload-time = "2026-06-14T22:36:17.975Z" },
+    { url = "https://files.pythonhosted.org/packages/22/8e/dd12b735aaba0806c3d70c18184d50e1f9712e0757c7c0a4f376450cfe28/ujson-5.13.0-cp314-cp314t-manylinux_2_24_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:d7f19b81b73ff28f5c5022ee794f94122bfcda07a76423078e349465d71223a1", size = 59086, upload-time = "2026-06-14T22:36:19.071Z" },
+    { url = "https://files.pythonhosted.org/packages/48/43/ad41e8752d5ec3a590a5e7b426a54e36b7aab911d9b5a4f7384dc62507ab/ujson-5.13.0-cp314-cp314t-manylinux_2_24_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:82e1393e6dbe3c95fdfc95c6c528890e191351a1f024ef51126cf1f22543af52", size = 58667, upload-time = "2026-06-14T22:36:20.171Z" },
+    { url = "https://files.pythonhosted.org/packages/e1/8e/b44a6afb77b94118655c029081b7932d64bb4c5b1c8ba2b7f5808b5d0bc2/ujson-5.13.0-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:38afcf994b28ed85ea2420e2a8d79a37d0a77348b3daf53850c16edda66f942d", size = 1038553, upload-time = "2026-06-14T22:36:21.245Z" },
+    { url = "https://files.pythonhosted.org/packages/7e/93/fab1d786174c8780eb3e386c73f1925a435e97fbf77c957fea4fca83994d/ujson-5.13.0-cp314-cp314t-musllinux_1_2_i686.whl", hash = "sha256:1bdf2518971586f2b413156c49d9dd8b56cc990a8647081e1bd00af60564d469", size = 1197938, upload-time = "2026-06-14T22:36:22.585Z" },
+    { url = "https://files.pythonhosted.org/packages/f3/bc/2f073bb708f9d128f5d1cb39063a5f6421b1ce94c61be8661c55a189f407/ujson-5.13.0-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:751ad01042472f1c7c02f5c597c7aee79834e82a6cc384ca302173bbc8e8deb8", size = 1090938, upload-time = "2026-06-14T22:36:23.947Z" },
+    { url = "https://files.pythonhosted.org/packages/c4/67/cdaa50bba29d7dc9eb19212755b09bb96f56596e75957c3717c6b85454de/ujson-5.13.0-cp314-cp314t-win32.whl", hash = "sha256:74f3dd61aeb01b7b2a6754e400224e819279041b3867935a55ccf57fb86a43b2", size = 41802, upload-time = "2026-06-14T22:36:25.418Z" },
+    { url = "https://files.pythonhosted.org/packages/bd/66/a6e669e90083febdf6c0600d3807f6017fd4d3962d5bd6ddc605c73a06e5/ujson-5.13.0-cp314-cp314t-win_amd64.whl", hash = "sha256:5c31317d5e4504dae8f98795358b6082fc0ef96e7394806db0a76a4a8717f446", size = 42790, upload-time = "2026-06-14T22:36:26.614Z" },
+    { url = "https://files.pythonhosted.org/packages/3d/5f/fcc6c6a9d711fd8b020ca8ff65148212f0a712c809d173cd949e58de68c6/ujson-5.13.0-cp314-cp314t-win_arm64.whl", hash = "sha256:aefd3c9c95f9b62348956396ff7b31818476f8f54dc4a4e64cbd4f0491db6fca", size = 40708, upload-time = "2026-06-14T22:36:27.721Z" },
 ]
 
 [[package]]
@@ -1396,148 +1288,22 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/7f/3e/5db95bcf282c52709639744ca2a8b149baccf648e39c8cc87553df9eae0c/urllib3-2.7.0-py3-none-any.whl", hash = "sha256:9fb4c81ebbb1ce9531cce37674bbc6f1360472bc18ca9a553ede278ef7276897", size = 131087, upload-time = "2026-05-07T16:13:17.151Z" },
 ]
 
-[[package]]
-name = "uvicorn"
-version = "0.48.0"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "click" },
-    { name = "h11" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/e6/bf/f6544ba992ddb9a6077343a576f9844f7f8f06ab819aefd00206e9255f18/uvicorn-0.48.0.tar.gz", hash = "sha256:a5504207195d08c2511bf9125ede5ac4a4b71725d519e758d01dcf0bc2d31c37", size = 91074, upload-time = "2026-05-24T12:08:41.925Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/01/be/72532be3da7acc5fdfbccdb95215cd04f995a0886532a5b423f929cda4cc/uvicorn-0.48.0-py3-none-any.whl", hash = "sha256:48097851328b87ec36117d3d575234519eb58c2b22d79666e9bbc6c49a761dad", size = 71410, upload-time = "2026-05-24T12:08:40.258Z" },
-]
-
-[package.optional-dependencies]
-standard = [
-    { name = "colorama", marker = "sys_platform == 'win32'" },
-    { name = "httptools" },
-    { name = "python-dotenv" },
-    { name = "pyyaml" },
-    { name = "uvloop", marker = "platform_python_implementation != 'PyPy' and sys_platform != 'cygwin' and sys_platform != 'win32'" },
-    { name = "watchfiles" },
-    { name = "websockets" },
-]
-
-[[package]]
-name = "uvloop"
-version = "0.22.1"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/06/f0/18d39dbd1971d6d62c4629cc7fa67f74821b0dc1f5a77af43719de7936a7/uvloop-0.22.1.tar.gz", hash = "sha256:6c84bae345b9147082b17371e3dd5d42775bddce91f885499017f4607fdaf39f", size = 2443250, upload-time = "2025-10-16T22:17:19.342Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/90/cd/b62bdeaa429758aee8de8b00ac0dd26593a9de93d302bff3d21439e9791d/uvloop-0.22.1-cp314-cp314-macosx_10_13_universal2.whl", hash = "sha256:3879b88423ec7e97cd4eba2a443aa26ed4e59b45e6b76aabf13fe2f27023a142", size = 1362067, upload-time = "2025-10-16T22:16:44.503Z" },
-    { url = "https://files.pythonhosted.org/packages/0d/f8/a132124dfda0777e489ca86732e85e69afcd1ff7686647000050ba670689/uvloop-0.22.1-cp314-cp314-macosx_10_13_x86_64.whl", hash = "sha256:4baa86acedf1d62115c1dc6ad1e17134476688f08c6efd8a2ab076e815665c74", size = 752423, upload-time = "2025-10-16T22:16:45.968Z" },
-    { url = "https://files.pythonhosted.org/packages/a3/94/94af78c156f88da4b3a733773ad5ba0b164393e357cc4bd0ab2e2677a7d6/uvloop-0.22.1-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:297c27d8003520596236bdb2335e6b3f649480bd09e00d1e3a99144b691d2a35", size = 4272437, upload-time = "2025-10-16T22:16:47.451Z" },
-    { url = "https://files.pythonhosted.org/packages/b5/35/60249e9fd07b32c665192cec7af29e06c7cd96fa1d08b84f012a56a0b38e/uvloop-0.22.1-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:c1955d5a1dd43198244d47664a5858082a3239766a839b2102a269aaff7a4e25", size = 4292101, upload-time = "2025-10-16T22:16:49.318Z" },
-    { url = "https://files.pythonhosted.org/packages/02/62/67d382dfcb25d0a98ce73c11ed1a6fba5037a1a1d533dcbb7cab033a2636/uvloop-0.22.1-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:b31dc2fccbd42adc73bc4e7cdbae4fc5086cf378979e53ca5d0301838c5682c6", size = 4114158, upload-time = "2025-10-16T22:16:50.517Z" },
-    { url = "https://files.pythonhosted.org/packages/f0/7a/f1171b4a882a5d13c8b7576f348acfe6074d72eaf52cccef752f748d4a9f/uvloop-0.22.1-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:93f617675b2d03af4e72a5333ef89450dfaa5321303ede6e67ba9c9d26878079", size = 4177360, upload-time = "2025-10-16T22:16:52.646Z" },
-    { url = "https://files.pythonhosted.org/packages/79/7b/b01414f31546caf0919da80ad57cbfe24c56b151d12af68cee1b04922ca8/uvloop-0.22.1-cp314-cp314t-macosx_10_13_universal2.whl", hash = "sha256:37554f70528f60cad66945b885eb01f1bb514f132d92b6eeed1c90fd54ed6289", size = 1454790, upload-time = "2025-10-16T22:16:54.355Z" },
-    { url = "https://files.pythonhosted.org/packages/d4/31/0bb232318dd838cad3fa8fb0c68c8b40e1145b32025581975e18b11fab40/uvloop-0.22.1-cp314-cp314t-macosx_10_13_x86_64.whl", hash = "sha256:b76324e2dc033a0b2f435f33eb88ff9913c156ef78e153fb210e03c13da746b3", size = 796783, upload-time = "2025-10-16T22:16:55.906Z" },
-    { url = "https://files.pythonhosted.org/packages/42/38/c9b09f3271a7a723a5de69f8e237ab8e7803183131bc57c890db0b6bb872/uvloop-0.22.1-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:badb4d8e58ee08dad957002027830d5c3b06aea446a6a3744483c2b3b745345c", size = 4647548, upload-time = "2025-10-16T22:16:57.008Z" },
-    { url = "https://files.pythonhosted.org/packages/c1/37/945b4ca0ac27e3dc4952642d4c900edd030b3da6c9634875af6e13ae80e5/uvloop-0.22.1-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:b91328c72635f6f9e0282e4a57da7470c7350ab1c9f48546c0f2866205349d21", size = 4467065, upload-time = "2025-10-16T22:16:58.206Z" },
-    { url = "https://files.pythonhosted.org/packages/97/cc/48d232f33d60e2e2e0b42f4e73455b146b76ebe216487e862700457fbf3c/uvloop-0.22.1-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:daf620c2995d193449393d6c62131b3fbd40a63bf7b307a1527856ace637fe88", size = 4328384, upload-time = "2025-10-16T22:16:59.36Z" },
-    { url = "https://files.pythonhosted.org/packages/e4/16/c1fd27e9549f3c4baf1dc9c20c456cd2f822dbf8de9f463824b0c0357e06/uvloop-0.22.1-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:6cde23eeda1a25c75b2e07d39970f3374105d5eafbaab2a4482be82f272d5a5e", size = 4296730, upload-time = "2025-10-16T22:17:00.744Z" },
-]
-
-[[package]]
-name = "vine"
-version = "5.1.0"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/bd/e4/d07b5f29d283596b9727dd5275ccbceb63c44a1a82aa9e4bfd20426762ac/vine-5.1.0.tar.gz", hash = "sha256:8b62e981d35c41049211cf62a0a1242d8c1ee9bd15bb196ce38aefd6799e61e0", size = 48980, upload-time = "2023-11-05T08:46:53.857Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/03/ff/7c0c86c43b3cbb927e0ccc0255cb4057ceba4799cd44ae95174ce8e8b5b2/vine-5.1.0-py3-none-any.whl", hash = "sha256:40fdf3c48b2cfe1c38a49e9ae2da6fda88e4794c810050a728bd7413811fb1dc", size = 9636, upload-time = "2023-11-05T08:46:51.205Z" },
-]
-
-[[package]]
-name = "watchfiles"
-version = "1.2.0"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "anyio" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/cd/41/5e1a4bb12aac5f1493fa1bdc11154eca3b258ca4eba65d39c473fe19d8e9/watchfiles-1.2.0.tar.gz", hash = "sha256:c995fba777f1ea992f090f9236e9284cf7a5d1a0130dd5a3d82c598cacd76838", size = 108252, upload-time = "2026-05-18T04:32:04.251Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/e7/54/a9c7ea9a82a4ac65e7004c0a03920b5cdd2f9c3b678757d9cd425aa51d53/watchfiles-1.2.0-cp314-cp314-macosx_10_12_x86_64.whl", hash = "sha256:b8c8358484d5fa12ef34f05b7f4168eaf1932f408725ff6d023c33ec17bd79d4", size = 400205, upload-time = "2026-05-18T04:32:05.153Z" },
-    { url = "https://files.pythonhosted.org/packages/aa/5d/c9ab3534374a4a67450696905d6ef16a04405448b8dc52bd752ae50423d4/watchfiles-1.2.0-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:9f04b092229ad2c50126dd3c922c8822e51e605993764a33058d4a791ab42281", size = 392508, upload-time = "2026-05-18T04:30:54.849Z" },
-    { url = "https://files.pythonhosted.org/packages/26/ca/1ad30103535cf0cecd7b993e8d50edc5351b1820e38f2d22e3df58962feb/watchfiles-1.2.0-cp314-cp314-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:7a7ce236284f002a156f70add88efe5c70879cccbb658be0822c54b1306fc09d", size = 452448, upload-time = "2026-05-18T04:30:53.727Z" },
-    { url = "https://files.pythonhosted.org/packages/37/a1/ceee2cdf2afbd715fa07758d39c9859513eae411b23196f7fd039e5feedd/watchfiles-1.2.0-cp314-cp314-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:b9909cc2b48468b575eefa944919e1fe8a36c5849d5c7c168f80a8c1db69398e", size = 459605, upload-time = "2026-05-18T04:30:23.312Z" },
-    { url = "https://files.pythonhosted.org/packages/e8/f6/421e30fd1cb3907a84ed92ab3f1983e37ba2dca015e9a894a048418417a2/watchfiles-1.2.0-cp314-cp314-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:0a37faaed405c67e28e6be45a1fa4f206ef5a2860f27c237db9fa30704c38242", size = 490757, upload-time = "2026-05-18T04:30:47.358Z" },
-    { url = "https://files.pythonhosted.org/packages/41/b0/55ed1b97ed08be7bba6f9a541cac15f2a858e1d74d2b07b6da70a82aab00/watchfiles-1.2.0-cp314-cp314-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:9649193aa27bd9ff2e80ff29bfaa93085496c7a3a377592823cc58b77ee88add", size = 568672, upload-time = "2026-05-18T04:30:38.915Z" },
-    { url = "https://files.pythonhosted.org/packages/d1/cf/d8ae8a80dd7bafab395ea7681c10237311bbf34d37704a8c744e7cf31fc7/watchfiles-1.2.0-cp314-cp314-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:4e4ff8e37f99cf1da89e255e07c9c4b37c214038c4283707bdec308cb1b0ea1f", size = 464197, upload-time = "2026-05-18T04:30:09.914Z" },
-    { url = "https://files.pythonhosted.org/packages/7c/8a/3076c496ca8dafe0e8cd03fcebdfc47be4b1174b4e5b24ff6e396e6b3af2/watchfiles-1.2.0-cp314-cp314-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:054dc20fd2e3132b4c3883b4a00d72fd6e1f56fdaf89fccd12e8057d74cd74d7", size = 453181, upload-time = "2026-05-18T04:30:14.829Z" },
-    { url = "https://files.pythonhosted.org/packages/e5/10/9745e17c98e7b8a86454df0a3c7b5686bd650383f1e9f26e4ebcbd6cc0c0/watchfiles-1.2.0-cp314-cp314-manylinux_2_31_riscv64.whl", hash = "sha256:e140ed30ebde76796b686e67c182cff10ea2fbab186fafd1560f74bb5a473a6e", size = 465109, upload-time = "2026-05-18T04:30:28.123Z" },
-    { url = "https://files.pythonhosted.org/packages/8f/95/8ef4a95481d3e0cb52d62a06fa6e972e81424be2d9698b91a2fecca9904c/watchfiles-1.2.0-cp314-cp314-musllinux_1_1_aarch64.whl", hash = "sha256:bb7e52ecf68ba46d22df23467b87cffeb2146908aa523ebfe803019618cfda06", size = 630653, upload-time = "2026-05-18T04:31:49.304Z" },
-    { url = "https://files.pythonhosted.org/packages/fd/e4/3b3bf36b0f829b50c6ebcb8d031583863c59f923d6a6af3d485e470d0fac/watchfiles-1.2.0-cp314-cp314-musllinux_1_1_x86_64.whl", hash = "sha256:23282a321c8baf9b3a3c4afff673f9fe65eb7fdc2338d765ccad9d3d1916a5ba", size = 657838, upload-time = "2026-05-18T04:31:06.497Z" },
-    { url = "https://files.pythonhosted.org/packages/21/b1/6cbbb50c1f3002ab568777d44aa21206dfb8807a840990c4037523b51812/watchfiles-1.2.0-cp314-cp314-win32.whl", hash = "sha256:c0db965c5f79aa49fe672d297cf1febc5ad149b658594944f49a54a2b96270a7", size = 275108, upload-time = "2026-05-18T04:30:06.891Z" },
-    { url = "https://files.pythonhosted.org/packages/92/45/190ce6db8dcb4536682cf75d3889ff1a27182a58cb519d343cb6d9ea63d8/watchfiles-1.2.0-cp314-cp314-win_amd64.whl", hash = "sha256:71283b39fd17e5408eb123bd37aeecfd9d54c81fc184421943208aadb879d103", size = 288441, upload-time = "2026-05-18T04:32:12.901Z" },
-    { url = "https://files.pythonhosted.org/packages/74/0d/3eae1c2313ab08378431d907c3f8095ecca00f3eda33111cf4f0f2591799/watchfiles-1.2.0-cp314-cp314-win_arm64.whl", hash = "sha256:c5c19526f4e54a00f2666a6c0e9e40d582c09e865055ea7378bf0009aab857b3", size = 280684, upload-time = "2026-05-18T04:31:26.902Z" },
-    { url = "https://files.pythonhosted.org/packages/b1/75/fb64e6c25d6b5ca636d03df34ffb1c6e9873303e76d27967e045f8df088f/watchfiles-1.2.0-cp314-cp314t-macosx_10_12_x86_64.whl", hash = "sha256:d73a585accffa5ae39c17264c36ec3166d2fad7000c780f5ef83b2722afb9dd2", size = 398857, upload-time = "2026-05-18T04:32:17.108Z" },
-    { url = "https://files.pythonhosted.org/packages/73/4e/9f7adf01754cbf81843722ccfec169d8f26c69778281a302855cecd2ee08/watchfiles-1.2.0-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:ae99b14c5f21e026e0e9d96f40e07d8570ebee6cafd9d8fc318354606daa7a28", size = 392413, upload-time = "2026-05-18T04:31:07.911Z" },
-    { url = "https://files.pythonhosted.org/packages/47/c8/bec626bcc2d69f44b9acb24ce7d60ed7b16b73628eea747fcbd169d8edda/watchfiles-1.2.0-cp314-cp314t-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:4429f3b105524a10b72c3a819b091c495d2811d419c1e1e8df773a5a5974f831", size = 452409, upload-time = "2026-05-18T04:31:20.142Z" },
-    { url = "https://files.pythonhosted.org/packages/00/b7/b6362068e81e7c556d155a34c35d40ac3ef42d747b06d7f6e5bf58e359c2/watchfiles-1.2.0-cp314-cp314t-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:43d818978d06062d9b22c4fab2ebe44cf5213d42dc8e62bda8c2760cfa2eeb33", size = 458827, upload-time = "2026-05-18T04:32:06.219Z" },
-    { url = "https://files.pythonhosted.org/packages/67/f8/9a813fa42afb1e0b4625e75f0479826644d3ee8dc287e093799bc01f390c/watchfiles-1.2.0-cp314-cp314t-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:b9f732dc58b2dbe69e464ccf8fff7a03b0dd0be439da4c0720d3558527d3d6b4", size = 490104, upload-time = "2026-05-18T04:31:56.034Z" },
-    { url = "https://files.pythonhosted.org/packages/2f/bf/27dfb6094ca4c9aad21298b5525b6c53cb36121ee454331d05161e58d130/watchfiles-1.2.0-cp314-cp314t-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:8f200104103feb097de4cab8fe4f5dd18a2026934c7dea98c55a2f5fd6d5a33b", size = 571360, upload-time = "2026-05-18T04:31:57.133Z" },
-    { url = "https://files.pythonhosted.org/packages/fb/39/44a096d67270ea93df91d33877dbe91fbda3aa4f8ec2edf799d93eda8736/watchfiles-1.2.0-cp314-cp314t-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:63ac26eefbf4af1741247d6fb68b11c49a25b2f7413fbd318a83a12aaa9cf666", size = 464644, upload-time = "2026-05-18T04:30:57.33Z" },
-    { url = "https://files.pythonhosted.org/packages/0e/80/c7472203bad6268e3ef1ad260739704847898938ad7ea8b63a5131f46b50/watchfiles-1.2.0-cp314-cp314t-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0c4997d4e4a55f0d02b6cde327322daf3a0400e5df6c6b15948994bf72497925", size = 454771, upload-time = "2026-05-18T04:30:48.736Z" },
-    { url = "https://files.pythonhosted.org/packages/51/cf/3b10b268b4b7f0fc26e9debb5eef1998b515887840f444cd3ec80c688755/watchfiles-1.2.0-cp314-cp314t-manylinux_2_31_riscv64.whl", hash = "sha256:4c887eba18b7945ac73067a8b4a66f21cd46c2539b2bc68588f7be6c7eb6d26b", size = 463494, upload-time = "2026-05-18T04:31:33.826Z" },
-    { url = "https://files.pythonhosted.org/packages/3d/3e/a4302545cd589262a0dc7d140e86f7688eba3f9c72776c27f7e23b8864c4/watchfiles-1.2.0-cp314-cp314t-musllinux_1_1_aarch64.whl", hash = "sha256:3416ff151bb6b5a8d8d11664974fbef4d9305b9b2957839ab5a270468fd8df30", size = 629383, upload-time = "2026-05-18T04:31:15.596Z" },
-    { url = "https://files.pythonhosted.org/packages/db/99/d5649df0a9a410d45b7c882304d0b790903ac9b6e8f2cfd12114e0c6b9f2/watchfiles-1.2.0-cp314-cp314t-musllinux_1_1_x86_64.whl", hash = "sha256:0e831a271c035d89789cffc386b6aa1375f39f1cd25eb7ca0997e4970d152fc5", size = 656093, upload-time = "2026-05-18T04:31:58.707Z" },
-    { url = "https://files.pythonhosted.org/packages/92/b9/362702539275019a54dd2e94511b31a9b89c5f9e6a21966de7eb692549fc/watchfiles-1.2.0-cp315-cp315-macosx_10_12_x86_64.whl", hash = "sha256:37a6721cdf3f65dbb13aa9503510ccb4451603ac837e44d265d7992a597e1374", size = 400109, upload-time = "2026-05-18T04:31:16.879Z" },
-    { url = "https://files.pythonhosted.org/packages/8f/75/71d5ba62db781e5587bded1d944c675374bc4aa37ff33d5018d98e8b6538/watchfiles-1.2.0-cp315-cp315-macosx_11_0_arm64.whl", hash = "sha256:2b37d10b5a63bd4d87e18472d80fa525bd670586fae62e5dd580452764879b65", size = 392167, upload-time = "2026-05-18T04:31:28.058Z" },
-    { url = "https://files.pythonhosted.org/packages/3c/01/c66dd95d0423fe30d31820e2d1d5bda773764131bbb6ac0cb1cf303ac328/watchfiles-1.2.0-cp315-cp315-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:0a105bc2283f67e8fbec74253ec2d94925de92ed72c0393f1206bf326b7b7b69", size = 452372, upload-time = "2026-05-18T04:31:00.836Z" },
-    { url = "https://files.pythonhosted.org/packages/91/15/2fe99557e72f85627c6a8eed50d889e8d101623e060a22ad75b875cb932d/watchfiles-1.2.0-cp315-cp315-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:5327989a465505f05cfe06f04fa9d0c2fd5432bb243e10e6f012b1bdca3c8579", size = 459596, upload-time = "2026-05-18T04:31:34.96Z" },
-    { url = "https://files.pythonhosted.org/packages/ed/23/d4acfa0023367428ed48351b3b9b267893037b6cadae55620c61c24bcfd4/watchfiles-1.2.0-cp315-cp315-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:ecb47f183a8025b2aa18b546725c3657e542112ae9c0613a2af79b4fa8d04ad7", size = 490869, upload-time = "2026-05-18T04:31:59.923Z" },
-    { url = "https://files.pythonhosted.org/packages/a4/5f/3164cbdce06c9fb95c4f7b9e2f9760b5e2797af43a9ecc317ef42a23a278/watchfiles-1.2.0-cp315-cp315-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:8520a4ab0e37f770afc34459c4f8f7019e153f9124dc101c15538365875d1ab2", size = 571641, upload-time = "2026-05-18T04:32:00.948Z" },
-    { url = "https://files.pythonhosted.org/packages/41/e6/85d3731c55e65cd7690f3f803d24c139588aaf863e4bf2148fe7a7fa1a19/watchfiles-1.2.0-cp315-cp315-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:71cd71740ed2c15211ebb237ced4e39a1cdf6f80566e5fe95428da1626f4fde6", size = 464444, upload-time = "2026-05-18T04:30:34.298Z" },
-    { url = "https://files.pythonhosted.org/packages/f4/7d/562641012b8b09872742c3b8adf9629ec479fd78f8d68ae4a0c13da8add6/watchfiles-1.2.0-cp315-cp315-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:f88af53d6ddaf72179ef613ddc905e6f4785f712b49b80b3bef9f3525e6194b4", size = 453593, upload-time = "2026-05-18T04:31:23.464Z" },
-    { url = "https://files.pythonhosted.org/packages/56/fe/cb8ef3d6f929d14158fdaaad9925985b7310abc9384dcd4d82dd0016fb59/watchfiles-1.2.0-cp315-cp315-manylinux_2_31_riscv64.whl", hash = "sha256:cee9d5efd929efdac5f7e58f72b3376f676b64050a91c5b99a7094c5b2317488", size = 465096, upload-time = "2026-05-18T04:31:30.384Z" },
-    { url = "https://files.pythonhosted.org/packages/25/91/80908e835e100527a9267147b08c0eee1fa6ab0ffec15edc04d1d44885f7/watchfiles-1.2.0-cp315-cp315-musllinux_1_1_aarch64.whl", hash = "sha256:b718bf356bbc15e559bd8ef41782b573b8ae0e3f177ab244b440568d7ea02cfb", size = 630638, upload-time = "2026-05-18T04:30:49.89Z" },
-    { url = "https://files.pythonhosted.org/packages/46/4b/95ab2f256bb4af3cb2eb23b9317bda984ee6e0f11733a5c004a6c95b06e3/watchfiles-1.2.0-cp315-cp315-musllinux_1_1_x86_64.whl", hash = "sha256:922c0e019fe68b3ae392965a766b02a71ba1168c932cebc3733cd52c5fe5b377", size = 657684, upload-time = "2026-05-18T04:31:32.027Z" },
-]
-
-[[package]]
-name = "wcwidth"
-version = "0.7.0"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/2c/ee/afaf0f85a9a18fe47a67f1e4422ed6cf1fe642f0ae0a2f81166231303c52/wcwidth-0.7.0.tar.gz", hash = "sha256:90e3a7ea092341c44b99562e75d09e4d5160fe7a3974c6fb842a101a95e7eed0", size = 182132, upload-time = "2026-05-02T16:04:12.653Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/41/52/e465037f5375f43533d1a80b6923955201596a99142ed524d77b571a1418/wcwidth-0.7.0-py3-none-any.whl", hash = "sha256:5d69154c429a82910e241c738cd0e2976fac8a2dd47a1a805f4afed1c0f136f2", size = 110825, upload-time = "2026-05-02T16:04:11.033Z" },
-]
-
-[[package]]
-name = "websockets"
-version = "16.0"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/04/24/4b2031d72e840ce4c1ccb255f693b15c334757fc50023e4db9537080b8c4/websockets-16.0.tar.gz", hash = "sha256:5f6261a5e56e8d5c42a4497b364ea24d94d9563e8fbd44e78ac40879c60179b5", size = 179346, upload-time = "2026-01-10T09:23:47.181Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/f3/1d/e88022630271f5bd349ed82417136281931e558d628dd52c4d8621b4a0b2/websockets-16.0-cp314-cp314-macosx_10_15_universal2.whl", hash = "sha256:8cc451a50f2aee53042ac52d2d053d08bf89bcb31ae799cb4487587661c038a0", size = 177406, upload-time = "2026-01-10T09:23:12.178Z" },
-    { url = "https://files.pythonhosted.org/packages/f2/78/e63be1bf0724eeb4616efb1ae1c9044f7c3953b7957799abb5915bffd38e/websockets-16.0-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:daa3b6ff70a9241cf6c7fc9e949d41232d9d7d26fd3522b1ad2b4d62487e9904", size = 175085, upload-time = "2026-01-10T09:23:13.511Z" },
-    { url = "https://files.pythonhosted.org/packages/bb/f4/d3c9220d818ee955ae390cf319a7c7a467beceb24f05ee7aaaa2414345ba/websockets-16.0-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:fd3cb4adb94a2a6e2b7c0d8d05cb94e6f1c81a0cf9dc2694fb65c7e8d94c42e4", size = 175328, upload-time = "2026-01-10T09:23:14.727Z" },
-    { url = "https://files.pythonhosted.org/packages/63/bc/d3e208028de777087e6fb2b122051a6ff7bbcca0d6df9d9c2bf1dd869ae9/websockets-16.0-cp314-cp314-manylinux1_x86_64.manylinux_2_28_x86_64.manylinux_2_5_x86_64.whl", hash = "sha256:781caf5e8eee67f663126490c2f96f40906594cb86b408a703630f95550a8c3e", size = 185044, upload-time = "2026-01-10T09:23:15.939Z" },
-    { url = "https://files.pythonhosted.org/packages/ad/6e/9a0927ac24bd33a0a9af834d89e0abc7cfd8e13bed17a86407a66773cc0e/websockets-16.0-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:caab51a72c51973ca21fa8a18bd8165e1a0183f1ac7066a182ff27107b71e1a4", size = 186279, upload-time = "2026-01-10T09:23:17.148Z" },
-    { url = "https://files.pythonhosted.org/packages/b9/ca/bf1c68440d7a868180e11be653c85959502efd3a709323230314fda6e0b3/websockets-16.0-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:19c4dc84098e523fd63711e563077d39e90ec6702aff4b5d9e344a60cb3c0cb1", size = 185711, upload-time = "2026-01-10T09:23:18.372Z" },
-    { url = "https://files.pythonhosted.org/packages/c4/f8/fdc34643a989561f217bb477cbc47a3a07212cbda91c0e4389c43c296ebf/websockets-16.0-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:a5e18a238a2b2249c9a9235466b90e96ae4795672598a58772dd806edc7ac6d3", size = 184982, upload-time = "2026-01-10T09:23:19.652Z" },
-    { url = "https://files.pythonhosted.org/packages/dd/d1/574fa27e233764dbac9c52730d63fcf2823b16f0856b3329fc6268d6ae4f/websockets-16.0-cp314-cp314-win32.whl", hash = "sha256:a069d734c4a043182729edd3e9f247c3b2a4035415a9172fd0f1b71658a320a8", size = 177915, upload-time = "2026-01-10T09:23:21.458Z" },
-    { url = "https://files.pythonhosted.org/packages/8a/f1/ae6b937bf3126b5134ce1f482365fde31a357c784ac51852978768b5eff4/websockets-16.0-cp314-cp314-win_amd64.whl", hash = "sha256:c0ee0e63f23914732c6d7e0cce24915c48f3f1512ec1d079ed01fc629dab269d", size = 178381, upload-time = "2026-01-10T09:23:22.715Z" },
-    { url = "https://files.pythonhosted.org/packages/06/9b/f791d1db48403e1f0a27577a6beb37afae94254a8c6f08be4a23e4930bc0/websockets-16.0-cp314-cp314t-macosx_10_15_universal2.whl", hash = "sha256:a35539cacc3febb22b8f4d4a99cc79b104226a756aa7400adc722e83b0d03244", size = 177737, upload-time = "2026-01-10T09:23:24.523Z" },
-    { url = "https://files.pythonhosted.org/packages/bd/40/53ad02341fa33b3ce489023f635367a4ac98b73570102ad2cdd770dacc9a/websockets-16.0-cp314-cp314t-macosx_10_15_x86_64.whl", hash = "sha256:b784ca5de850f4ce93ec85d3269d24d4c82f22b7212023c974c401d4980ebc5e", size = 175268, upload-time = "2026-01-10T09:23:25.781Z" },
-    { url = "https://files.pythonhosted.org/packages/74/9b/6158d4e459b984f949dcbbb0c5d270154c7618e11c01029b9bbd1bb4c4f9/websockets-16.0-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:569d01a4e7fba956c5ae4fc988f0d4e187900f5497ce46339c996dbf24f17641", size = 175486, upload-time = "2026-01-10T09:23:27.033Z" },
-    { url = "https://files.pythonhosted.org/packages/e5/2d/7583b30208b639c8090206f95073646c2c9ffd66f44df967981a64f849ad/websockets-16.0-cp314-cp314t-manylinux1_x86_64.manylinux_2_28_x86_64.manylinux_2_5_x86_64.whl", hash = "sha256:50f23cdd8343b984957e4077839841146f67a3d31ab0d00e6b824e74c5b2f6e8", size = 185331, upload-time = "2026-01-10T09:23:28.259Z" },
-    { url = "https://files.pythonhosted.org/packages/45/b0/cce3784eb519b7b5ad680d14b9673a31ab8dcb7aad8b64d81709d2430aa8/websockets-16.0-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:152284a83a00c59b759697b7f9e9cddf4e3c7861dd0d964b472b70f78f89e80e", size = 186501, upload-time = "2026-01-10T09:23:29.449Z" },
-    { url = "https://files.pythonhosted.org/packages/19/60/b8ebe4c7e89fb5f6cdf080623c9d92789a53636950f7abacfc33fe2b3135/websockets-16.0-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:bc59589ab64b0022385f429b94697348a6a234e8ce22544e3681b2e9331b5944", size = 186062, upload-time = "2026-01-10T09:23:31.368Z" },
-    { url = "https://files.pythonhosted.org/packages/88/a8/a080593f89b0138b6cba1b28f8df5673b5506f72879322288b031337c0b8/websockets-16.0-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:32da954ffa2814258030e5a57bc73a3635463238e797c7375dc8091327434206", size = 185356, upload-time = "2026-01-10T09:23:32.627Z" },
-    { url = "https://files.pythonhosted.org/packages/c2/b6/b9afed2afadddaf5ebb2afa801abf4b0868f42f8539bfe4b071b5266c9fe/websockets-16.0-cp314-cp314t-win32.whl", hash = "sha256:5a4b4cc550cb665dd8a47f868c8d04c8230f857363ad3c9caf7a0c3bf8c61ca6", size = 178085, upload-time = "2026-01-10T09:23:33.816Z" },
-    { url = "https://files.pythonhosted.org/packages/9f/3e/28135a24e384493fa804216b79a6a6759a38cc4ff59118787b9fb693df93/websockets-16.0-cp314-cp314t-win_amd64.whl", hash = "sha256:b14dc141ed6d2dde437cddb216004bcac6a1df0935d79656387bd41632ba0bbd", size = 178531, upload-time = "2026-01-10T09:23:35.016Z" },
-    { url = "https://files.pythonhosted.org/packages/6f/28/258ebab549c2bf3e64d2b0217b973467394a9cea8c42f70418ca2c5d0d2e/websockets-16.0-py3-none-any.whl", hash = "sha256:1637db62fad1dc833276dded54215f2c7fa46912301a24bd94d45d46a011ceec", size = 171598, upload-time = "2026-01-10T09:23:45.395Z" },
-]
-
 [[package]]
 name = "wrapt"
 version = "1.17.3"
 source = { registry = "https://pypi.org/simple" }
 sdist = { url = "https://files.pythonhosted.org/packages/95/8f/aeb76c5b46e273670962298c23e7ddde79916cb74db802131d49a85e4b7d/wrapt-1.17.3.tar.gz", hash = "sha256:f66eb08feaa410fe4eebd17f2a2c8e2e46d3476e9f8c783daa8e09e0faa666d0", size = 55547, upload-time = "2025-08-12T05:53:21.714Z" }
 wheels = [
+    { url = "https://files.pythonhosted.org/packages/fc/f6/759ece88472157acb55fc195e5b116e06730f1b651b5b314c66291729193/wrapt-1.17.3-cp313-cp313-macosx_10_13_universal2.whl", hash = "sha256:a47681378a0439215912ef542c45a783484d4dd82bac412b71e59cf9c0e1cea0", size = 54003, upload-time = "2025-08-12T05:51:48.627Z" },
+    { url = "https://files.pythonhosted.org/packages/4f/a9/49940b9dc6d47027dc850c116d79b4155f15c08547d04db0f07121499347/wrapt-1.17.3-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:54a30837587c6ee3cd1a4d1c2ec5d24e77984d44e2f34547e2323ddb4e22eb77", size = 39025, upload-time = "2025-08-12T05:51:37.156Z" },
+    { url = "https://files.pythonhosted.org/packages/45/35/6a08de0f2c96dcdd7fe464d7420ddb9a7655a6561150e5fc4da9356aeaab/wrapt-1.17.3-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:16ecf15d6af39246fe33e507105d67e4b81d8f8d2c6598ff7e3ca1b8a37213f7", size = 39108, upload-time = "2025-08-12T05:51:58.425Z" },
+    { url = "https://files.pythonhosted.org/packages/0c/37/6faf15cfa41bf1f3dba80cd3f5ccc6622dfccb660ab26ed79f0178c7497f/wrapt-1.17.3-cp313-cp313-manylinux1_x86_64.manylinux_2_28_x86_64.manylinux_2_5_x86_64.whl", hash = "sha256:6fd1ad24dc235e4ab88cda009e19bf347aabb975e44fd5c2fb22a3f6e4141277", size = 88072, upload-time = "2025-08-12T05:52:37.53Z" },
+    { url = "https://files.pythonhosted.org/packages/78/f2/efe19ada4a38e4e15b6dff39c3e3f3f73f5decf901f66e6f72fe79623a06/wrapt-1.17.3-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:0ed61b7c2d49cee3c027372df5809a59d60cf1b6c2f81ee980a091f3afed6a2d", size = 88214, upload-time = "2025-08-12T05:52:15.886Z" },
+    { url = "https://files.pythonhosted.org/packages/40/90/ca86701e9de1622b16e09689fc24b76f69b06bb0150990f6f4e8b0eeb576/wrapt-1.17.3-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:423ed5420ad5f5529db9ce89eac09c8a2f97da18eb1c870237e84c5a5c2d60aa", size = 87105, upload-time = "2025-08-12T05:52:17.914Z" },
+    { url = "https://files.pythonhosted.org/packages/fd/e0/d10bd257c9a3e15cbf5523025252cc14d77468e8ed644aafb2d6f54cb95d/wrapt-1.17.3-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:e01375f275f010fcbf7f643b4279896d04e571889b8a5b3f848423d91bf07050", size = 87766, upload-time = "2025-08-12T05:52:39.243Z" },
+    { url = "https://files.pythonhosted.org/packages/e8/cf/7d848740203c7b4b27eb55dbfede11aca974a51c3d894f6cc4b865f42f58/wrapt-1.17.3-cp313-cp313-win32.whl", hash = "sha256:53e5e39ff71b3fc484df8a522c933ea2b7cdd0d5d15ae82e5b23fde87d44cbd8", size = 36711, upload-time = "2025-08-12T05:53:10.074Z" },
+    { url = "https://files.pythonhosted.org/packages/57/54/35a84d0a4d23ea675994104e667ceff49227ce473ba6a59ba2c84f250b74/wrapt-1.17.3-cp313-cp313-win_amd64.whl", hash = "sha256:1f0b2f40cf341ee8cc1a97d51ff50dddb9fcc73241b9143ec74b30fc4f44f6cb", size = 38885, upload-time = "2025-08-12T05:53:08.695Z" },
+    { url = "https://files.pythonhosted.org/packages/01/77/66e54407c59d7b02a3c4e0af3783168fff8e5d61def52cda8728439d86bc/wrapt-1.17.3-cp313-cp313-win_arm64.whl", hash = "sha256:7425ac3c54430f5fc5e7b6f41d41e704db073309acfc09305816bc6a0b26bb16", size = 36896, upload-time = "2025-08-12T05:52:55.34Z" },
     { url = "https://files.pythonhosted.org/packages/02/a2/cd864b2a14f20d14f4c496fab97802001560f9f41554eef6df201cd7f76c/wrapt-1.17.3-cp314-cp314-macosx_10_13_universal2.whl", hash = "sha256:cf30f6e3c077c8e6a9a7809c94551203c8843e74ba0c960f4a98cd80d4665d39", size = 54132, upload-time = "2025-08-12T05:51:49.864Z" },
     { url = "https://files.pythonhosted.org/packages/d5/46/d011725b0c89e853dc44cceb738a307cde5d240d023d6d40a82d1b4e1182/wrapt-1.17.3-cp314-cp314-macosx_10_13_x86_64.whl", hash = "sha256:e228514a06843cae89621384cfe3a80418f3c04aadf8a3b14e46a7be704e4235", size = 39091, upload-time = "2025-08-12T05:51:38.935Z" },
     { url = "https://files.pythonhosted.org/packages/2e/9e/3ad852d77c35aae7ddebdbc3b6d35ec8013af7d7dddad0ad911f3d891dae/wrapt-1.17.3-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:5ea5eb3c0c071862997d6f3e02af1d055f381b1d25b286b9d6644b79db77657c", size = 39172, upload-time = "2025-08-12T05:51:59.365Z" },
@@ -1563,48 +1329,93 @@ wheels = [
 
 [[package]]
 name = "yarl"
-version = "1.24.2"
+version = "1.24.5"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
     { name = "idna" },
     { name = "multidict" },
     { name = "propcache" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/79/12/1e8f37460ea0f7eb59c221fdaf0ed75e7ac43e97f8093b9c6f411df50a78/yarl-1.24.2.tar.gz", hash = "sha256:9ac374123c6fd7abf64d1fec93962b0bd4ee2c19751755a762a72dd96c0378f8", size = 210798, upload-time = "2026-05-19T21:31:05.599Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/40/0e/e08087695fc12789263821c5dc0f8dc52b5b17efd0887cacf419f8a43ba3/yarl-1.24.2-cp314-cp314-macosx_10_15_universal2.whl", hash = "sha256:f9312b3c02d9b3d23840f67952913c9c8721d7f1b7db305289faefa878f364c2", size = 129670, upload-time = "2026-05-19T21:29:56.631Z" },
-    { url = "https://files.pythonhosted.org/packages/3a/98/ab4b5ed1b1b5cd973c8a3eb994c3a6aefb6ce6d399e21bb5f0316c33815c/yarl-1.24.2-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:a4f4d6cd615823bfc7fb7e9b5987c3f41666371d870d51058f77e2680fbe9630", size = 91916, upload-time = "2026-05-19T21:29:58.645Z" },
-    { url = "https://files.pythonhosted.org/packages/ba/b1/5297bb6a7df4782f7605bffc43b31f5044070935fbbcaa6c705a07e6ac65/yarl-1.24.2-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:0c3063e5c0a8e8e62fae6c2596fa01da1561e4cd1da6fec5789f5cf99a8aefd8", size = 91625, upload-time = "2026-05-19T21:30:00.412Z" },
-    { url = "https://files.pythonhosted.org/packages/02/a7/45baabfff76829264e623b185cff0c340d7e11bf3e1cd9ea37e7d17934bd/yarl-1.24.2-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:fecd17873a096036c1c87ab3486f1aef7f269ada7f23f7f856f93b1cc7744f14", size = 104574, upload-time = "2026-05-19T21:30:02.544Z" },
-    { url = "https://files.pythonhosted.org/packages/f3/40/3a5ab144d3d650ca37d4f4b57e56169be8af3ca34c448793e064b30baaed/yarl-1.24.2-cp314-cp314-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:a46d1ab4ba4d32e6dc80daf8a28ce0bd83d08df52fbc32f3e288663427734535", size = 97534, upload-time = "2026-05-19T21:30:04.319Z" },
-    { url = "https://files.pythonhosted.org/packages/9c/b5/5658fef3681fb5776b4513b052bec750009f47b3a592251c705d75375798/yarl-1.24.2-cp314-cp314-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:73e68edf6dfd5f73f9ca127d84e2a6f9213c65bdffb736bda19524c0564fcd14", size = 111481, upload-time = "2026-05-19T21:30:05.988Z" },
-    { url = "https://files.pythonhosted.org/packages/4c/06/fdcd7dde037f00866dce123ed4ba23dba94beb56fc4cf561668d27be37f2/yarl-1.24.2-cp314-cp314-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:a296ca617f2d25fbceafb962b88750d627e5984e75732c712154d058ae8d79a3", size = 111529, upload-time = "2026-05-19T21:30:07.738Z" },
-    { url = "https://files.pythonhosted.org/packages/c2/53/d81269aaafccea0d33396c03035de997b743f11e648e6e27a0df99c72980/yarl-1.24.2-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:e51b2cf5ec89a8b8470177641ed62a3ba22d74e1e898e06ad53aa77972487208", size = 107338, upload-time = "2026-05-19T21:30:09.713Z" },
-    { url = "https://files.pythonhosted.org/packages/ae/04/23049463f729bd899df203a7960505a75333edd499cda8aa1d5a82b64df5/yarl-1.24.2-cp314-cp314-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:310fc687f7b2044ec54e372c8cbe923bb88f5c37bded0d3079e5791c2fc3cf50", size = 106147, upload-time = "2026-05-19T21:30:11.365Z" },
-    { url = "https://files.pythonhosted.org/packages/14/18/04a4b5830b43ed5e4c5015b40e9f6241ad91487d71611061b4e111d6ac80/yarl-1.24.2-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:297a2fe352ecf858b30a98f87948746ec16f001d279f84aebdbd3bd965e2f1bd", size = 104272, upload-time = "2026-05-19T21:30:12.978Z" },
-    { url = "https://files.pythonhosted.org/packages/5a/f7/8cffdf319aee7a7c1dbd07b61d91c3e3fda460c7a93b5f93e445f3806c4c/yarl-1.24.2-cp314-cp314-musllinux_1_2_armv7l.whl", hash = "sha256:2a263e76b97bc42bdcd7c5f4953dec1f7cd62a1112fa7f869e57255229390d67", size = 99962, upload-time = "2026-05-19T21:30:15.001Z" },
-    { url = "https://files.pythonhosted.org/packages/d7/39/b3cce3b7dbef64ac700ad4cea156a207d01bede0f507587616c364b5468e/yarl-1.24.2-cp314-cp314-musllinux_1_2_ppc64le.whl", hash = "sha256:822519b64cf0b474f1a0aaef1dc621438ea46bb77c94df97a5b4d213a7d8a8b1", size = 111063, upload-time = "2026-05-19T21:30:16.683Z" },
-    { url = "https://files.pythonhosted.org/packages/a1/ea/100818505e7ebf165c7242ff17fdf7d9fee79e27234aeca871c1082920d7/yarl-1.24.2-cp314-cp314-musllinux_1_2_riscv64.whl", hash = "sha256:b6067060d9dc594899ba83e6db6c48c68d1e494a6dab158156ed86977ca7bcb1", size = 105438, upload-time = "2026-05-19T21:30:18.769Z" },
-    { url = "https://files.pythonhosted.org/packages/8f/d2/e075a0b32aa6625087de9e653087df0759fed5de4a435fef594181102a77/yarl-1.24.2-cp314-cp314-musllinux_1_2_s390x.whl", hash = "sha256:0063adad533e57171b79db3943b229d40dfafeeee579767f96541f106bac5f1b", size = 111458, upload-time = "2026-05-19T21:30:21.024Z" },
-    { url = "https://files.pythonhosted.org/packages/e6/5c/ceea7ba98b65c8eb8d947fdc52f9bedfcd43c6a57c9e3c90c17be8f324a3/yarl-1.24.2-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:ee8e3fb34513e8dc082b586ef4910c98335d43a6fab688cd44d4851bacfce3e8", size = 107589, upload-time = "2026-05-19T21:30:23.412Z" },
-    { url = "https://files.pythonhosted.org/packages/fa/d9/5582d57e2b2db9b85eb6663a22efdd78e08805f3f5389566e9fcad254d1b/yarl-1.24.2-cp314-cp314-win_amd64.whl", hash = "sha256:afb00d7fd8e0f285ca29a44cc50df2d622ff2f7a6d933fa641577b5f9d5f3db0", size = 94424, upload-time = "2026-05-19T21:30:25.425Z" },
-    { url = "https://files.pythonhosted.org/packages/92/10/7dc07a0e22806a9280f42a57361395506e800c64e22737cd7b0886feab42/yarl-1.24.2-cp314-cp314-win_arm64.whl", hash = "sha256:68cf6eacd6028ef1142bc4b48376b81566385ca6f9e7dde3b0fa91be08ffcb57", size = 88690, upload-time = "2026-05-19T21:30:27.623Z" },
-    { url = "https://files.pythonhosted.org/packages/9e/13/d5b8e2c8667db955bcb3de233f18798fefe7edf1d7429c2c9d4f9c401114/yarl-1.24.2-cp314-cp314t-macosx_10_15_universal2.whl", hash = "sha256:221ce1dd921ac4f603957f17d7c18c5cc0797fbb52f156941f92e04605d1d67b", size = 136248, upload-time = "2026-05-19T21:30:29.297Z" },
-    { url = "https://files.pythonhosted.org/packages/de/46/a4a97c05c9c9b8fd266bb2a0df12992c7fbd02391eb9640583411b6dab32/yarl-1.24.2-cp314-cp314t-macosx_10_15_x86_64.whl", hash = "sha256:5f3224db28173a00d7afacdee07045cc4673dfab2b15492c7ae10deddbece761", size = 95084, upload-time = "2026-05-19T21:30:31.031Z" },
-    { url = "https://files.pythonhosted.org/packages/95/b2/845cf2074a015e6fe0d0808cf1a2d9e868386c4220d657ebd8302b199043/yarl-1.24.2-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:c557165320d6244ebe3a02431b2a201a20080e02f41f0cfa0ccc47a183765da8", size = 95272, upload-time = "2026-05-19T21:30:33.062Z" },
-    { url = "https://files.pythonhosted.org/packages/fe/16/e69d4aa244aef45235ddfebc0e04036a6829842bc5a6a795aedc6c998d23/yarl-1.24.2-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:904065e6e85b1fa54d0d87438bd58c14c0bad97aad654ad1077fd9d87e8478ed", size = 101497, upload-time = "2026-05-19T21:30:34.842Z" },
-    { url = "https://files.pythonhosted.org/packages/15/94/c07107715d621076863ee88b3ddf183fa5e9d4aba5769623c9979828410a/yarl-1.24.2-cp314-cp314t-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:8cec2a38d70edc10e0e856ceda886af5327a017ccbde8e1de1bd44d300357543", size = 94002, upload-time = "2026-05-19T21:30:37.724Z" },
-    { url = "https://files.pythonhosted.org/packages/a9/35/fc1bbdd895b5e4010b8fdd037f7ed3aa289d3863e08231b30231ca9a0815/yarl-1.24.2-cp314-cp314t-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:e7484b9361ed222ee1ca5b4337aa4cbdcc4618ce5aff57d9ef1582fd95893fc0", size = 106524, upload-time = "2026-05-19T21:30:40.196Z" },
-    { url = "https://files.pythonhosted.org/packages/1f/f2/32b66d0a4ba47c296cf86d03e2c67bff58399fe6d6d84d5205c04c66cc6d/yarl-1.24.2-cp314-cp314t-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:84f9670b89f34db07f81e53aee83e0b938a3412329d51c8f922488be7fcc4024", size = 106165, upload-time = "2026-05-19T21:30:41.888Z" },
-    { url = "https://files.pythonhosted.org/packages/95/47/37cb5ff50c5e825d4d38e81bb04d1b7e96bf960f7ab89f9850b162f3f114/yarl-1.24.2-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:abb2759733d63a28b4956500a5dd57140f26486c92b2caedfb964ab7d9b79dbf", size = 103010, upload-time = "2026-05-19T21:30:43.985Z" },
-    { url = "https://files.pythonhosted.org/packages/6f/d2/4597912315096f7bb359e46e13bf8b60994fcbb2db29b804c0902ef4eff5/yarl-1.24.2-cp314-cp314t-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:081c2bf54efe03774d0311172bc04fedf9ca01e644d4cd8c805688e527209bdc", size = 101128, upload-time = "2026-05-19T21:30:46.291Z" },
-    { url = "https://files.pythonhosted.org/packages/b9/d5/c8e86e120521e646013d02a8e3b8884392e28494be8f392366e50d208efc/yarl-1.24.2-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:86746bef442aa479107fe28132e1277237f9c24c2f00b0b0cf22b3ee0904f2bb", size = 101382, upload-time = "2026-05-19T21:30:48.085Z" },
-    { url = "https://files.pythonhosted.org/packages/fa/98/70b229236118f89dbeb739b76f10225bbf53b5497725502594c9a01d699a/yarl-1.24.2-cp314-cp314t-musllinux_1_2_armv7l.whl", hash = "sha256:2d07d21d0bc4b17558e8de0b02fbfdf1e347d3bb3699edd00bb92e7c57925420", size = 95964, upload-time = "2026-05-19T21:30:49.785Z" },
-    { url = "https://files.pythonhosted.org/packages/87/f8/56c386981e3c8648d279fdef2397ffec577e8320fd5649745e34d54faeb7/yarl-1.24.2-cp314-cp314t-musllinux_1_2_ppc64le.whl", hash = "sha256:4fb1ac3fc5fecd8ae7453ea237e4d22b49befa70266dfe1629924245c21a0c7f", size = 106204, upload-time = "2026-05-19T21:30:51.862Z" },
-    { url = "https://files.pythonhosted.org/packages/1a/1e/765afe97811ca35933e2a7de70ac57b1997ea2e4ee895719ee7a231fb7e5/yarl-1.24.2-cp314-cp314t-musllinux_1_2_riscv64.whl", hash = "sha256:4da31a5512ed1729ca8d8aacde3f7faeb8843cde3165d6bcf7f88f74f17bb8aa", size = 101510, upload-time = "2026-05-19T21:30:53.62Z" },
-    { url = "https://files.pythonhosted.org/packages/ee/78/393913f4b9039e1edd09ae8a9bbb9d539be909a8abf6d8a2084585bed4b7/yarl-1.24.2-cp314-cp314t-musllinux_1_2_s390x.whl", hash = "sha256:533ded4dceb5f1f3da7906244f4e82cf46cfd40d84c69a1faf5ac506aa65ecbe", size = 105584, upload-time = "2026-05-19T21:30:55.962Z" },
-    { url = "https://files.pythonhosted.org/packages/78/87/deb17b7049bbe74ea11a713b86f8f27800cc1c8648b0b797243ebb4830ba/yarl-1.24.2-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:7b3a85525f6e7eeabcfdd372862b21ee1915db1b498a04e8bf0e389b607ff0bd", size = 103410, upload-time = "2026-05-19T21:30:57.962Z" },
-    { url = "https://files.pythonhosted.org/packages/8f/be/f9f7594e23b5b93affff0318e4593c1920331bcaefda326cabcad94296a1/yarl-1.24.2-cp314-cp314t-win_amd64.whl", hash = "sha256:a7624b1ca46ca5d7b864ef0d2f8efe3091454085ee1855b4e992314529972215", size = 102980, upload-time = "2026-05-19T21:30:59.735Z" },
-    { url = "https://files.pythonhosted.org/packages/65/a4/ba80dccd3593ff1f01051a818694d07b58cb8232677ee9a22a5a1f93a9fc/yarl-1.24.2-cp314-cp314t-win_arm64.whl", hash = "sha256:e434a45ce2e7a947f951fc5a8944c8cc080b7e59f9c50ae80fd39107cf88126d", size = 91219, upload-time = "2026-05-19T21:31:01.934Z" },
-    { url = "https://files.pythonhosted.org/packages/fd/4d/4b880086bd0d3e034d25647be1d830afc3e3f610e98c4ab3490af6b1b6d5/yarl-1.24.2-py3-none-any.whl", hash = "sha256:2783d9226db8797636cd6896e4de81feed252d1db72265686c9558d97a4d94b9", size = 53576, upload-time = "2026-05-19T21:31:03.909Z" },
+sdist = { url = "https://files.pythonhosted.org/packages/31/33/ebe9e3d1f86c7a0b51094c0a146392045ca1631d2664889539dec8088a33/yarl-1.24.5.tar.gz", hash = "sha256:e81b83143bee16329c23db3c1b2d82b29892fcbcb849186d2f6e98a5abe9a57f", size = 228679, upload-time = "2026-07-20T02:07:45.435Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/e1/63/64ef361967cc983573149dc1515d531db5da8a4c92d22bb833d59e01b313/yarl-1.24.5-cp313-cp313-macosx_10_13_universal2.whl", hash = "sha256:79af890482fc94648e8cde4c68620378f7fef60932710fa17a66abc039244da2", size = 135075, upload-time = "2026-07-20T02:05:59.671Z" },
+    { url = "https://files.pythonhosted.org/packages/bb/89/55920fd853ce43e608adbc3962456f0d649d6bb15250dc2988321da0fe1c/yarl-1.24.5-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:46c2f213e23a04b93a392942d782eb9e413e6ef6bf7c8c53884e599a5c174dcb", size = 97225, upload-time = "2026-07-20T02:06:01.769Z" },
+    { url = "https://files.pythonhosted.org/packages/15/f0/7688d3f2cfff7590df2af38ec46d969f4281a4dddb08a9ad2eafbcdddf98/yarl-1.24.5-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:92ab3e11448f2ff7bf53c5a26eff0edc086898ec8b21fb154b85839ce1d88075", size = 96751, upload-time = "2026-07-20T02:06:03.676Z" },
+    { url = "https://files.pythonhosted.org/packages/05/1a/a851a0f94aaaf379dd4f901bfc80f634280bec51eb260b47363e2a4cd62e/yarl-1.24.5-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:ebb0ec7f17803063d5aeb982f3b1bd2b2f4e4fae6751226cbd6ba1fcfe9e63ff", size = 107960, upload-time = "2026-07-20T02:06:05.699Z" },
+    { url = "https://files.pythonhosted.org/packages/6c/a8/faea066c12f9c77ca0de90641f1655f9dd7b412477bf28c76d692f3aecff/yarl-1.24.5-cp313-cp313-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:82632daed195dcc8ea664e8556dc9bdbd671960fb3776bd92806ce05792c2448", size = 103500, upload-time = "2026-07-20T02:06:07.556Z" },
+    { url = "https://files.pythonhosted.org/packages/fb/9c/1e67084c2a6e2f2db0e3be798328cb3be42c0119b621d25461479a224d21/yarl-1.24.5-cp313-cp313-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:53e549287ef628fecba270045c9701b0c564563a9b0577d24a4ec75b8ab8040f", size = 115780, upload-time = "2026-07-20T02:06:09.599Z" },
+    { url = "https://files.pythonhosted.org/packages/58/86/1f94664e147474337e3359f52012cf3d02f825f694317b178bfba1078c62/yarl-1.24.5-cp313-cp313-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:fcd3b77e2f17bbe4ca56ec7bcb07992647d19d0b9c05d84886dcd6f9eb810afd", size = 115308, upload-time = "2026-07-20T02:06:11.352Z" },
+    { url = "https://files.pythonhosted.org/packages/0a/43/8e55ae7538ba5f28ccb3c845c6dd4549cf7016d5992e5326512519107cdd/yarl-1.24.5-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:d46b86567dd4e248c6c159fcbcdcce01e0a5c8a7cd2334a0fff759d0fa075b16", size = 110574, upload-time = "2026-07-20T02:06:13.129Z" },
+    { url = "https://files.pythonhosted.org/packages/ce/ba/a889ec8765cedcf2ac44dcb02d6a21e4861399b243b263c5f2dde27ee740/yarl-1.24.5-cp313-cp313-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:7f72c74aa99359e27a2ee8d6613fefa28b5f76a983c083074dfc2aaa4ab46213", size = 109914, upload-time = "2026-07-20T02:06:15.243Z" },
+    { url = "https://files.pythonhosted.org/packages/9c/c3/e45f821af67b791c2dbbe4a9f4137a1d33f8d386654a05a0c3f47bdfa25d/yarl-1.24.5-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:3f45789ce415a7ec0820dc4f82925f9b5f7732070be1dec1f5f23ec381435a24", size = 107712, upload-time = "2026-07-20T02:06:17.443Z" },
+    { url = "https://files.pythonhosted.org/packages/02/00/2ab0f42c9857fcb490bfaa6647b14540b53d241ab209f23220b958cc5832/yarl-1.24.5-cp313-cp313-musllinux_1_2_armv7l.whl", hash = "sha256:6e73e7fe93f17a7b191f52ec9da9dd8c06a8fe735a1ecbd13b97d1c723bff385", size = 104251, upload-time = "2026-07-20T02:06:19.259Z" },
+    { url = "https://files.pythonhosted.org/packages/7a/70/709d9a286e98af2c7fd8e4e6cada658b5c0e30d87dd7e2a63c2fb5767217/yarl-1.24.5-cp313-cp313-musllinux_1_2_ppc64le.whl", hash = "sha256:4a36f9becdd4c5c52a20c3e9484128b070b1dcfc8944c006f3a528295a359a9c", size = 115319, upload-time = "2026-07-20T02:06:21.207Z" },
+    { url = "https://files.pythonhosted.org/packages/5c/6c/3eaa515142991fe84cfc483ff986492211f1978f90161ccefdbec919d09b/yarl-1.24.5-cp313-cp313-musllinux_1_2_riscv64.whl", hash = "sha256:7bcbe0fcf850eae67b6b01749815a4f7161c560a844c769ad7b48fcd99f791c4", size = 109163, upload-time = "2026-07-20T02:06:23.006Z" },
+    { url = "https://files.pythonhosted.org/packages/bb/64/711dafce66c323a3144d470547a71c5384c57623308ac8bb5e4b903ac148/yarl-1.24.5-cp313-cp313-musllinux_1_2_s390x.whl", hash = "sha256:24e861e9630e0daddcb9191fb187f60f034e17a4426f8101279f0c475cd74144", size = 115435, upload-time = "2026-07-20T02:06:24.923Z" },
+    { url = "https://files.pythonhosted.org/packages/cf/f3/9b9d0e6d84bea851eb1ba99e4bdc755b86fd813e49ec86dfe42f26befdef/yarl-1.24.5-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:9335a099ad87287c37fe5d1a982ff392fa5efe5d14b40a730b1ec1d6a41382b4", size = 110691, upload-time = "2026-07-20T02:06:26.973Z" },
+    { url = "https://files.pythonhosted.org/packages/86/e4/62a06b7e87c4246ac76b7c2da136f972eb4a3a1fc94abb07e7022d6fdb0a/yarl-1.24.5-cp313-cp313-win_amd64.whl", hash = "sha256:2dbe06fc16bc91502bca713704022182e5729861ae00277c3a23354b40929740", size = 97454, upload-time = "2026-07-20T02:06:29.163Z" },
+    { url = "https://files.pythonhosted.org/packages/9e/c9/5fc8025b318ab10db413b61056bd0d95c557a70e8df4210c7511f866329c/yarl-1.24.5-cp313-cp313-win_arm64.whl", hash = "sha256:6b8536851f9f65e7f00c7a1d49ba7f2be0ffe2c11555367fc9f50d9f842410a1", size = 92813, upload-time = "2026-07-20T02:06:31.113Z" },
+    { url = "https://files.pythonhosted.org/packages/a9/08/5f3085fef9564217074db9dd8573de1795bc82cde61a7ad10b6a7234a569/yarl-1.24.5-cp314-cp314-macosx_10_15_universal2.whl", hash = "sha256:2729fcfc4f6a596fb0c50f32090400aa9367774ac296a00387e65098c0befa76", size = 135680, upload-time = "2026-07-20T02:06:33.273Z" },
+    { url = "https://files.pythonhosted.org/packages/98/35/ba9436e579bd48a8801f2021d842d9ab4994c26e4c7dd3a4c1f1bcb57a9e/yarl-1.24.5-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:ff330d3c30db4eb6b01d79e29d2d0b407a7ecad39cfd9ec993ece57396a2ec0d", size = 97395, upload-time = "2026-07-20T02:06:35.259Z" },
+    { url = "https://files.pythonhosted.org/packages/18/a9/a07f76f3c44e02b25cc743af5ef93eef27f7013eadca770451b6a6ccb5db/yarl-1.24.5-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:e42d75862735da90e7fc5a7b23db0c976f737113a54b3c9777a9b665e9cbff75", size = 97223, upload-time = "2026-07-20T02:06:37.216Z" },
+    { url = "https://files.pythonhosted.org/packages/77/f7/a9a1d6fa7dd9e388f95b30f6ad3ec4e285f6c8f61f44ce16070c3fcfe414/yarl-1.24.5-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:a3732e66413163e72508da9eff9ce9d2846fde51fae45d3605393d3e6cd303e9", size = 108777, upload-time = "2026-07-20T02:06:39.292Z" },
+    { url = "https://files.pythonhosted.org/packages/2f/44/e0b86c302471fabd6f02808ecf2ac52b8412b624787849d4bf2cdb466f6f/yarl-1.24.5-cp314-cp314-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:5b8ee53be440a0cffc991a27be3057e0530122548dbe7c0892df08822fce5ede", size = 103119, upload-time = "2026-07-20T02:06:41.456Z" },
+    { url = "https://files.pythonhosted.org/packages/d1/16/9c16d180bf8faaf223225eb50e1245870ff1ae0e302a27153988e65c51fd/yarl-1.24.5-cp314-cp314-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:af3aefa655adb5869491fa907e652290386800ae99cc50095cba71e2c6aefdca", size = 116471, upload-time = "2026-07-20T02:06:43.696Z" },
+    { url = "https://files.pythonhosted.org/packages/d2/8d/b219b9df28a02ce95cfbdd41d2f7caa5669d0ff979c1c9975697145e33c5/yarl-1.24.5-cp314-cp314-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:2120b96872df4a117cde97d270bac96aea7cc52205d305cf4611df694a487027", size = 115974, upload-time = "2026-07-20T02:06:45.874Z" },
+    { url = "https://files.pythonhosted.org/packages/9b/e8/f20557aca240d88e69850ad1ee91756821d094bb1310565c04d25c6682a2/yarl-1.24.5-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:66410eb6345d467151934b49bfa70fb32f5b35a6140baa40ad97d6436abea2e9", size = 110830, upload-time = "2026-07-20T02:06:47.852Z" },
+    { url = "https://files.pythonhosted.org/packages/db/18/199b85109a53eeca64ee19c9cca228287e8e4ab0cc1a09b28f530e65cce0/yarl-1.24.5-cp314-cp314-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:4af7b7e1be0a69bee8210735fe6dcfc38879adfac6d62e789d53ba432d1ffa41", size = 110054, upload-time = "2026-07-20T02:06:49.84Z" },
+    { url = "https://files.pythonhosted.org/packages/aa/2f/ed28147f8cd7f48c49367c90713b30a555284b6105a6a56f3a05568da795/yarl-1.24.5-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:fa139875ff98ab97da323cfadfaff08900d1ad42f1b5087b0b812a55c5a06373", size = 108312, upload-time = "2026-07-20T02:06:51.835Z" },
+    { url = "https://files.pythonhosted.org/packages/c5/c5/55e16ae0a5c227cea8df1c6871ba57d614a34243146c05729caf2a1bd9c5/yarl-1.24.5-cp314-cp314-musllinux_1_2_armv7l.whl", hash = "sha256:0055afc45e864b92729ac7600e2d102c17bef060647e74bca75fa84d66b9ff36", size = 103662, upload-time = "2026-07-20T02:06:54.061Z" },
+    { url = "https://files.pythonhosted.org/packages/8d/ea/dbd7c2caec459c9a426f18b02688ecbfb58620d0f6a3422d24769fbaf8ab/yarl-1.24.5-cp314-cp314-musllinux_1_2_ppc64le.whl", hash = "sha256:f0e466ed7511fe9d459a819edbc6c2585c0b6eabde9fa8a8947552468a7a6ef0", size = 116090, upload-time = "2026-07-20T02:06:56.015Z" },
+    { url = "https://files.pythonhosted.org/packages/06/84/39ce4ce3059e07fece5fbdbee8c4053406af9aca911ce9fa5f8548aab6af/yarl-1.24.5-cp314-cp314-musllinux_1_2_riscv64.whl", hash = "sha256:f141474e85b7e54998ec5180530a7cda99ab29e282fa50e0756d89981a9b43c5", size = 109523, upload-time = "2026-07-20T02:06:57.926Z" },
+    { url = "https://files.pythonhosted.org/packages/a9/8b/71ff44137b405c64a7788075669c24010019f57a7464b78c3a6cbee539d9/yarl-1.24.5-cp314-cp314-musllinux_1_2_s390x.whl", hash = "sha256:e2935f8c39e3b03e83519292d78f075189978f3f4adc15a78144c7c8e2a1cba5", size = 116084, upload-time = "2026-07-20T02:06:59.868Z" },
+    { url = "https://files.pythonhosted.org/packages/62/c0/423078fdd4042e1862c11f0ffd977a0ffa393783c12bee94685923bc189e/yarl-1.24.5-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:9d1216a7f6f77836617dba35687c5b78a4170afc3c3f18fc788f785ba26565c4", size = 111006, upload-time = "2026-07-20T02:07:01.907Z" },
+    { url = "https://files.pythonhosted.org/packages/cf/52/6daa2ee9d95e5c98b8128f8df91eb692eb423ab274b8cf08db52152fad26/yarl-1.24.5-cp314-cp314-win_amd64.whl", hash = "sha256:5ba4f78df2bcc19f764a4b26a8a4f5049c110090ad5825993aacb052bf8003ad", size = 99215, upload-time = "2026-07-20T02:07:03.852Z" },
+    { url = "https://files.pythonhosted.org/packages/ec/0e/464a847d7359e0da75dd9fc5c1d1aa35d0159ea31e5f8e66a3c1c29ff3d0/yarl-1.24.5-cp314-cp314-win_arm64.whl", hash = "sha256:9e4e16c73d717c5cf27626c524d0a2e261ad20e46932b2670f64ad5dde23e26f", size = 94566, upload-time = "2026-07-20T02:07:06.074Z" },
+    { url = "https://files.pythonhosted.org/packages/e2/55/e03acc4446772660bc335e86e41ef31e4d0d838fd641531a11a5ee33b493/yarl-1.24.5-cp314-cp314t-macosx_10_15_universal2.whl", hash = "sha256:e1ae548a9d901adca07899a4147a7c826bbcc06239d3ce9a59f57886a28a4c88", size = 142533, upload-time = "2026-07-20T02:07:08.284Z" },
+    { url = "https://files.pythonhosted.org/packages/ae/71/4acd3a1fc7cf14345cdb302665ecd2097f62c365b4f14ca17d4f37775cf9/yarl-1.24.5-cp314-cp314t-macosx_10_15_x86_64.whl", hash = "sha256:ff405d91509d88e8d44129cd87b18d70acd1f0c1aeabd7bc3c46792b1fe2acba", size = 100776, upload-time = "2026-07-20T02:07:10.197Z" },
+    { url = "https://files.pythonhosted.org/packages/ff/0b/cfb76b7fe99686db264bff829779a539d923e7564ffd7ef18da6c54c3774/yarl-1.24.5-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:47e98aab9d8d82ff682e7b0b5dded33bf138a32b817fcf7fa3b27b2d7c412928", size = 100913, upload-time = "2026-07-20T02:07:12.357Z" },
+    { url = "https://files.pythonhosted.org/packages/8b/3f/7116e782992abbd4fb6948488aec72078895e929a23078290739e8396fce/yarl-1.24.5-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:f0a658a6d3fafee5c6f63c58f3e785c8c43c93fbc02bf9f2b6663f8185e0971f", size = 106507, upload-time = "2026-07-20T02:07:14.173Z" },
+    { url = "https://files.pythonhosted.org/packages/33/90/d4d2d73ee78229cc889872eb8e085d8f5c6f51abdb178409fd9b23cf74fd/yarl-1.24.5-cp314-cp314t-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:4377407001ca3c057773f44d8ddd6358fa5f691407c1ba92210bd3cf8d9e4c95", size = 99219, upload-time = "2026-07-20T02:07:16.019Z" },
+    { url = "https://files.pythonhosted.org/packages/3e/fa/a6df1a9bccd644eec00abee0dff4277416222cec435330fd1f2858523ec1/yarl-1.24.5-cp314-cp314t-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:7c0494a31a1ac5461a226e7947a9c9b78c44e1dc7185164fa7e9651557a5d9bc", size = 111804, upload-time = "2026-07-20T02:07:18.141Z" },
+    { url = "https://files.pythonhosted.org/packages/8a/9e/7b2a1f4bcc20e9447156dd2b1c4d01f70d9df0759025ee7d09a84ffae134/yarl-1.24.5-cp314-cp314t-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:a7cff474ab7cd149765bb784cf6d78b32e18e20473fb7bda860bce98ab58e9da", size = 110943, upload-time = "2026-07-20T02:07:20.06Z" },
+    { url = "https://files.pythonhosted.org/packages/08/ff/22c92affb0f9b623ca753d27d968b5625b868f12c6378d049d55ae247643/yarl-1.24.5-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:cbb833ccacdb5519eff9b8b71ee618cc2801c878e77e288775d77c3a2ced858a", size = 108251, upload-time = "2026-07-20T02:07:22.217Z" },
+    { url = "https://files.pythonhosted.org/packages/45/44/5769b96298c1e195fb412997b6090af2a84105cf59c17613558a2d011d1f/yarl-1.24.5-cp314-cp314t-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:82f75e05912e84b7a0fe57075d9c59de3cb352b928330f2eb69b2e1f54c3e1f0", size = 106025, upload-time = "2026-07-20T02:07:24.083Z" },
+    { url = "https://files.pythonhosted.org/packages/4c/40/009e8e791fd9762c0e1567e69248acb4f49064597e1680874c16dd8bb798/yarl-1.24.5-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:16a2f5010280020e90f5330257e6944bc33e73593b136cc5a241e6c1dc292498", size = 106573, upload-time = "2026-07-20T02:07:26.248Z" },
+    { url = "https://files.pythonhosted.org/packages/20/c6/b7480578f8a0a80946f36ad6df547ecec704f9ba69d2de60f8aa6f1c1cbf/yarl-1.24.5-cp314-cp314t-musllinux_1_2_armv7l.whl", hash = "sha256:ffcd54362564dc1a30fb74d8b8a6e5a6b11ebd5e27266adc3b7427a21a6c9104", size = 100751, upload-time = "2026-07-20T02:07:28.098Z" },
+    { url = "https://files.pythonhosted.org/packages/d4/27/4476f3360b91a48c5cf125e91f59a3bd35299d84a431a258d57f5977bb11/yarl-1.24.5-cp314-cp314t-musllinux_1_2_ppc64le.whl", hash = "sha256:0465ec8cedc2349b97a6b595ace64084a50c6e839eca40aa0626f38b8350e331", size = 111643, upload-time = "2026-07-20T02:07:30.88Z" },
+    { url = "https://files.pythonhosted.org/packages/4c/4b/5cdd3e5ee944e8af31e52f6cd3d3af5fd7b937e036ccbbba2c9ffebede95/yarl-1.24.5-cp314-cp314t-musllinux_1_2_riscv64.whl", hash = "sha256:4db9aecb141cb7a5447171b57aa1ed3a8fee06af40b992ffc31206c0b0121550", size = 106312, upload-time = "2026-07-20T02:07:33.06Z" },
+    { url = "https://files.pythonhosted.org/packages/18/86/f406b0c2a6f99575de2da671ef47aa06f89a5be83a27a46971c3b86cecdb/yarl-1.24.5-cp314-cp314t-musllinux_1_2_s390x.whl", hash = "sha256:f540c013589084679a6c7fac07096b10159737918174f5dfc5e11bf5bca4dfe6", size = 110379, upload-time = "2026-07-20T02:07:35.155Z" },
+    { url = "https://files.pythonhosted.org/packages/f0/6c/9f3adfbd3b30b4fa0f7ccb3a83eba2c1152d3fff554d535e640ba0f7ba2b/yarl-1.24.5-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:a61834fb15d81322d872eaafd333838ae7c9cea84067f232656f75965933d047", size = 108497, upload-time = "2026-07-20T02:07:37.35Z" },
+    { url = "https://files.pythonhosted.org/packages/dd/37/91eb2e5ca883a529c1b390348a74cd9fc0512171727f547ce70bfe02be5c/yarl-1.24.5-cp314-cp314t-win_amd64.whl", hash = "sha256:5c88e5815a49d289e599f3513aa7fde0bc2092ff188f99c940f007f90f53d104", size = 102450, upload-time = "2026-07-20T02:07:39.578Z" },
+    { url = "https://files.pythonhosted.org/packages/bf/f4/ed5c402ac8fde4403ed3366c2716bfddc8a6677ebd59f3d62772cc7fe468/yarl-1.24.5-cp314-cp314t-win_arm64.whl", hash = "sha256:cf139c02f5f23ef6532040a30ff662c00a318c952334f211046b8e60b7f17688", size = 97222, upload-time = "2026-07-20T02:07:41.55Z" },
+    { url = "https://files.pythonhosted.org/packages/61/02/962c1cbfc401a30c1d034dc67ff395f64b52302c6d62de556c1fca99acc0/yarl-1.24.5-py3-none-any.whl", hash = "sha256:a33700d13d9b7d84fd10947b09ff69fb9a792e519c8cb9764a3ca70baa6c23a7", size = 58612, upload-time = "2026-07-20T02:07:43.461Z" },
+]
+
+[[package]]
+name = "zope-interface"
+version = "8.5"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/08/dc/50550cfcbb2ea3cbca5f1d7ed05c8aa840f831a0f2d63aec0a953f7c590e/zope_interface-8.5.tar.gz", hash = "sha256:7a3ba1c5877f0f3e3906b02ddf793abed2becc2948116414ce0e1dd820b68d6d", size = 257957, upload-time = "2026-05-26T06:50:14.574Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/f4/8c/4c15755d701f2ec0e80d64a18e1ebaf5be2c584c0ec153fd516f5d13eada/zope_interface-8.5-cp313-cp313-macosx_10_9_x86_64.whl", hash = "sha256:28e80457c134d1fa57a7d758004dece348654e1b1467ac22dcdc20fc1d127c52", size = 212512, upload-time = "2026-05-26T06:49:38.996Z" },
+    { url = "https://files.pythonhosted.org/packages/9a/2e/4360c54c465db042cc8fbeeec92abac28b4cedbf6ba63c1f092fd08a190f/zope_interface-8.5-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:09495ce9d559c06b70f2d4855b3e4f48a822a9ddc8be1d30c5b4e5be14ae1ace", size = 212541, upload-time = "2026-05-26T06:49:41.186Z" },
+    { url = "https://files.pythonhosted.org/packages/aa/a5/692a2b8d70f78e848793231d5fae5fecbf8d0cccd73430fdc34802a6d3c1/zope_interface-8.5-cp313-cp313-manylinux1_i686.manylinux2014_i686.manylinux_2_17_i686.manylinux_2_5_i686.whl", hash = "sha256:7849ad8fa90763cc1087f4dda78ca3a233e950b3e08fac7079297c9cafbbd7bb", size = 265191, upload-time = "2026-05-26T06:49:43.449Z" },
+    { url = "https://files.pythonhosted.org/packages/70/8d/454a9cfc7a050c394ab4f11b3371f7897828b7415e096afff724637e65e0/zope_interface-8.5-cp313-cp313-manylinux1_x86_64.manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_5_x86_64.whl", hash = "sha256:5578c9421ca409a1f39f153d6f7803e4cde01da592ec75a9ac5e1b777d18d33b", size = 270626, upload-time = "2026-05-26T06:49:45.425Z" },
+    { url = "https://files.pythonhosted.org/packages/51/8c/db8409cfa3575b8e9b4800babd7d49f8228433cd1f0c56814bd0ada49c33/zope_interface-8.5-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:e1bd7d96b4ca5fa311f54c9eac16dce4886b428c1531dbe06067763ccdf123b4", size = 270444, upload-time = "2026-05-26T06:49:47.025Z" },
+    { url = "https://files.pythonhosted.org/packages/4a/df/a386940e41469ef615e100a216d8b386521e9e598817147f87932ca203c4/zope_interface-8.5-cp313-cp313-win_amd64.whl", hash = "sha256:0c8123d2a4dfde2a613c7cb772605477724782c20bc2e0ad1d9435376a6a44a3", size = 215021, upload-time = "2026-05-26T06:49:48.478Z" },
+    { url = "https://files.pythonhosted.org/packages/89/75/477eb5669b6b2a7a843decd1a075e9b1971a8720017654143a7183abd3d9/zope_interface-8.5-cp313-cp313-win_arm64.whl", hash = "sha256:6d02be14f3173c6c7288bc2fdf530090c01c3cf8764ad46c68024686f364278e", size = 213610, upload-time = "2026-05-26T06:49:50.01Z" },
+    { url = "https://files.pythonhosted.org/packages/d4/19/5032e954827fdf02db2d2f49737ac4378bb9cfc2cd95a8f2e2a5ae2ec01a/zope_interface-8.5-cp314-cp314-macosx_10_9_x86_64.whl", hash = "sha256:ffaecf013251a89d0de6feb49a46eba48ad8cbbf8a40aeb6045e459e7bec6784", size = 212597, upload-time = "2026-05-26T06:49:51.63Z" },
+    { url = "https://files.pythonhosted.org/packages/f1/53/3ef644012cf8a6a234a2d6134aab5a5c65ac5467c86296865501d4fbc406/zope_interface-8.5-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:126fa9d1c52295ae076d4cf968634f0a1826afa408a20808b57ff72877b8f69f", size = 212626, upload-time = "2026-05-26T06:49:53.236Z" },
+    { url = "https://files.pythonhosted.org/packages/32/67/bc8b4f465d388039255003e230c284a175cedf1203c692f23cb7bff64efe/zope_interface-8.5-cp314-cp314-manylinux1_i686.manylinux2014_i686.manylinux_2_17_i686.manylinux_2_5_i686.whl", hash = "sha256:3090e3a663d20194756a59a272e0c8508b889341e31d5894223331fe6b4f9b21", size = 266827, upload-time = "2026-05-26T06:49:54.873Z" },
+    { url = "https://files.pythonhosted.org/packages/a7/eb/37d05b935ede53d79690fecc8d201440084418e590bcfc05f384451c7593/zope_interface-8.5-cp314-cp314-manylinux1_x86_64.manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_5_x86_64.whl", hash = "sha256:9342fb74e2afefdb081bf1df727d209ea56995c6e13f5a0540e6d7aff4beafb8", size = 270139, upload-time = "2026-05-26T06:49:57.116Z" },
+    { url = "https://files.pythonhosted.org/packages/8b/0b/fd0c54579e2ce8dc6cf1a757903f3374bc6fbda929a46af9e0f53cb0e5f0/zope_interface-8.5-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:6c54725d818f1b57a7efb8b16528326e1f3c257b602b32393fd255c45af8799d", size = 270338, upload-time = "2026-05-26T06:49:58.698Z" },
+    { url = "https://files.pythonhosted.org/packages/c1/1d/c420dcd777bb761067ea92879ac766694a5ca78608185f1aecea64cbfc11/zope_interface-8.5-cp314-cp314-win_amd64.whl", hash = "sha256:29d74febbae1afeb6834c4ccbf42e242a673c860060f09e53142825270456140", size = 215789, upload-time = "2026-05-26T06:50:00.405Z" },
+    { url = "https://files.pythonhosted.org/packages/62/94/50b5eb8f94e527edceac14f9955e58917424ea79bb572ddc18548561cbc2/zope_interface-8.5-cp314-cp314-win_arm64.whl", hash = "sha256:633c8c49396f38df030340797c533e9fe460d1b5d1e42d88e55e938e525f548c", size = 213757, upload-time = "2026-05-26T06:50:01.973Z" },
+    { url = "https://files.pythonhosted.org/packages/17/6f/5d5f32c4dfcdb16ce2ec5363da686840f13c13e1a1214cb70b49e1cd6d9f/zope_interface-8.5-cp314-cp314t-macosx_10_9_x86_64.whl", hash = "sha256:133999820fdbae513c36c03d6f29ef87317aaa3edef39112222b155083664714", size = 213591, upload-time = "2026-05-26T06:50:03.529Z" },
+    { url = "https://files.pythonhosted.org/packages/f3/55/de0c3459ff717fce3342f9a29464c281fdeb0d36c3171ee88d119d5f0650/zope_interface-8.5-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:8bd75c96966e573232f0599deaff717564828031c7f05563ccc1ac35c5ee0304", size = 213733, upload-time = "2026-05-26T06:50:05.101Z" },
+    { url = "https://files.pythonhosted.org/packages/c2/95/d97430abd5ae9677e8b9295b58720c0064a5b557dbb6b8bf5928484cf0d8/zope_interface-8.5-cp314-cp314t-manylinux1_i686.manylinux2014_i686.manylinux_2_17_i686.manylinux_2_5_i686.whl", hash = "sha256:14b0e9799351d4c34fe99afd67f0cdd76e55ba15c66a98699d5fc22ea8241e08", size = 294905, upload-time = "2026-05-26T06:50:07.384Z" },
+    { url = "https://files.pythonhosted.org/packages/41/ec/a0f8f3dad6e74992f4654bdd94802be0929eabca7b871cac3b6fbb5e961b/zope_interface-8.5-cp314-cp314t-manylinux1_x86_64.manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_5_x86_64.whl", hash = "sha256:0cd6a732ac84b94eb1ef9222a117347a27efd294ee16810ffdf7ecd307677ed5", size = 300885, upload-time = "2026-05-26T06:50:08.997Z" },
+    { url = "https://files.pythonhosted.org/packages/0f/da/6881b48803a0ee8d23eb5efa30fce3ed218a2bd9de5758ce489d224fee81/zope_interface-8.5-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:798b7c87d0e59a7d5d086d642208d0d8700ff0d55c4029134b3c479c3bfb110f", size = 304672, upload-time = "2026-05-26T06:50:10.563Z" },
+    { url = "https://files.pythonhosted.org/packages/2e/0e/b4c01320859ff1d585438bc231fd60bd258d096359bccf6654fecdf0cffb/zope_interface-8.5-cp314-cp314t-win_amd64.whl", hash = "sha256:0fc3a9d45f114d27eaa1e53beeb144533689edca8a9f66505b1e8e8b3f075e42", size = 217241, upload-time = "2026-05-26T06:50:12.171Z" },
 ]
diff --git a/src/cli/app/__main__.py b/src/cli/app/__main__.py
index fb972c34..d7693f8a 100644
--- a/src/cli/app/__main__.py
+++ b/src/cli/app/__main__.py
@@ -1,5 +1,11 @@
+import io
+import sys
+
 from app.main import app
 
+if sys.stdout.encoding != "utf-8":
+    sys.stdout = io.TextIOWrapper(sys.stdout.buffer, encoding="utf-8")
+
 
 def main() -> None:
     """Invoke the CLI application."""
diff --git a/src/cli/app/builder/urls.py b/src/cli/app/builder/urls.py
index b407a70c..786e7e7d 100644
--- a/src/cli/app/builder/urls.py
+++ b/src/cli/app/builder/urls.py
@@ -28,7 +28,7 @@ def __ensure_trailing_slash(url: str) -> str:
         return url
 
     @classmethod
-    def resolve(cls, initial_url: str | None = None) -> "UrlBuilder":
+    def resolve(cls, initial_url: str | None = None) -> UrlBuilder:
         """Resolve URLs from input, settings, or interactive prompts."""
         url_candidate = initial_url or settings.INSTANCE_URL
 
diff --git a/src/cli/app/chithi_core_bridge.py b/src/cli/app/chithi_core_bridge.py
new file mode 100644
index 00000000..aeb03bbc
--- /dev/null
+++ b/src/cli/app/chithi_core_bridge.py
@@ -0,0 +1,17 @@
+"""Bridge to the chithi WASM module via wasmtime.
+
+The WASM module is built by scripts/build_wasm.py and installed
+by scripts/build_python_wheel.py. It provides all crypto and
+compression functions through a wasmtime-based Python bridge.
+"""
+
+try:
+    from chithi_sdk import Chithi, FileEntry, EncryptedBundle, DownloadResult  # type: ignore
+except ImportError as e:
+    raise ImportError(
+        "Cannot import chithi_sdk. "
+        "Ensure the WASM module is built and installed:\n"
+        "  python scripts/build_all.py"
+    ) from e
+
+__all__ = ["Chithi", "FileEntry", "EncryptedBundle", "DownloadResult"]
diff --git a/src/cli/app/chithi_exceptions.py b/src/cli/app/chithi_exceptions.py
new file mode 100644
index 00000000..58e353a8
--- /dev/null
+++ b/src/cli/app/chithi_exceptions.py
@@ -0,0 +1,26 @@
+"""Custom exceptions for the Chithi SDK."""
+
+
+class ChithiError(Exception):
+    """Base exception for all Chithi SDK errors."""
+
+
+class ValidationError(ChithiError):
+    """Raised when input validation fails.
+
+    Examples: empty file list, missing password, malformed bundle.
+    """
+
+
+class CryptoError(ChithiError):
+    """Raised when encryption or decryption fails.
+
+    Examples: wrong password, corrupted data, signature mismatch.
+    """
+
+
+class CompressionError(ChithiError):
+    """Raised when compression or decompression fails.
+
+    Examples: invalid archive format, corrupted 7z data.
+    """
diff --git a/src/cli/app/chithi_types.py b/src/cli/app/chithi_types.py
new file mode 100644
index 00000000..c4468bc9
--- /dev/null
+++ b/src/cli/app/chithi_types.py
@@ -0,0 +1,29 @@
+"""Type definitions for the Chithi SDK."""
+
+from __future__ import annotations
+
+from dataclasses import dataclass, field
+from typing import Tuple
+
+
+@dataclass(frozen=True)
+class EncryptedBundle:
+    """An encrypted bundle produced by Chithi.upload().
+
+    Contains the encrypted data along with all necessary crypto metadata
+    (salt, initialization vector, signature) for decryption.
+
+    Attributes:
+        raw: Raw bundle bytes including crypto metadata and encrypted data.
+    """
+    raw: bytes
+
+    def __len__(self) -> int:
+        return len(self.raw)
+
+    def __repr__(self) -> str:
+        return f"EncryptedBundle(size={len(self.raw):,} bytes)"
+
+
+FileEntry = Tuple[str, bytes]
+"""A (filename, data) tuple representing a file."""
diff --git a/src/cli/app/commands/download.py b/src/cli/app/commands/download.py
index 8d7c927c..4a6c7d16 100644
--- a/src/cli/app/commands/download.py
+++ b/src/cli/app/commands/download.py
@@ -8,8 +8,7 @@
 
 from app import client
 from app.builder.urls import UrlBuilder
-from app.helpers.archive import decompress
-from app.helpers.crypto import base64url_to_ikm, decrypt
+from app.helpers.archive import decrypt_and_decompress
 
 app = typer.AsyncTyper(help="Download encrypted files via Chithi.")
 console: Console = Console()
@@ -25,25 +24,30 @@ async def download(
 ) -> None:
     """Download a file from the public instance."""
     try:
+        if not password:
+            password = typer.prompt("Enter decryption password", hide_input=True)
+            if not password:
+                error_console.print("[red]Password must not be empty.[/red]")
+                raise typer.Exit(code=1)
+
         slug = ""
-        key_secret = ""
         inferred_url: str | None = None
 
         # Parse the input link
         if "://" in link:
             parsed = urlparse(link)
-            key_secret = parsed.fragment
             path_parts = [p for p in parsed.path.split("/") if p]
-            if not key_secret or not path_parts:
+            if not path_parts:
                 raise ValueError(
                     "Link must be in format: https://domain/download/SLUG#KEY"
                 )
             slug = path_parts[-1]
             inferred_url = f"{parsed.scheme}://{parsed.netloc}"
         elif "#" in link:
-            slug, key_secret = link.split("#", 1)
+            slug, _ = link.split("#", 1)
         else:
-            raise ValueError("Invalid format. Use URL or SLUG#KEY")
+            # Plain slug
+            slug = link
 
         urls = UrlBuilder.resolve(initial_url=(instance_url or inferred_url))
 
@@ -51,22 +55,20 @@ async def download(
         with tempfile.TemporaryDirectory(prefix="chithi_") as tmp_dir:
             tmp_path = Path(tmp_dir)
             tmp_dl = tmp_path / "encrypted.bin"
-            tmp_zip = tmp_path / "decrypted.zip"
 
-            # Download
+            # Download encrypted bundle
             async with client.Client(urls) as c:
                 await c.download_to_file(slug, tmp_dl)
 
-            # Decrypt
-            ikm = base64url_to_ikm(key_secret)
-            decrypt(tmp_dl, tmp_zip, ikm=ikm, password=password)
+            # Read bundle data
+            bundle_data = tmp_dl.read_bytes()
 
-            #  Decompress
+            # Decrypt and decompress using SDK (parallel across all cores)
             out_path = output.resolve()
-            decompress(tmp_zip, out_path, password=password)
+            decrypt_and_decompress(bundle_data, out_path, password=password)
 
-            console.print(f"\n[green]✓ Success! Extracted to {out_path}[/green]")
+            console.print(f"\n[green]Success! Extracted to {out_path}[/green]")
 
     except Exception as exc:
-        error_console.print(f"[red]✗ Download failed: {exc}[/red]")
+        error_console.print(f"[red]Download failed: {exc}[/red]")
         raise typer.Exit(1)
diff --git a/src/cli/app/commands/upload.py b/src/cli/app/commands/upload.py
index 89163004..41846254 100644
--- a/src/cli/app/commands/upload.py
+++ b/src/cli/app/commands/upload.py
@@ -1,4 +1,3 @@
-import os
 import tempfile
 from pathlib import Path
 from typing import Annotated, Any
@@ -8,10 +7,7 @@
 
 from app import client
 from app.builder.urls import UrlBuilder
-from app.helpers.archive import compress
-from app.helpers.crypto import encrypt, generate_ikm, ikm_to_base64url
-from app.helpers.file import cleanup
-from app.helpers.print import print_compact_qr
+from app.helpers.archive import compress_and_encrypt
 
 app: typer.AsyncTyper = typer.AsyncTyper(help="Upload encrypted files via Chithi.")
 console: Console = Console()
@@ -32,9 +28,19 @@ async def upload(
     no_qr: Annotated[
         bool, typer.Option("--no-qr", help="Do not print the QR code.")
     ] = False,
+    save_qr: Annotated[
+        Path | None, typer.Option("--save-qr", help="Export QR code as SVG to this path.")
+    ] = None,
 ) -> None:
     """Compress, encrypt, and upload a file or folder, then print the share link."""
     try:
+        # Require a password (SDK enforces non-empty)
+        if not password:
+            password = typer.prompt("Enter encryption password", hide_input=True)
+            if not password:
+                error_console.print("[red]Password must not be empty.[/red]")
+                raise typer.Exit(code=1)
+
         # Resolve URLs based on input/prompts
         urls = UrlBuilder.resolve(instance_url)
 
@@ -55,24 +61,20 @@ async def upload(
             assert expire_seconds is not None
             assert expire_downloads is not None
 
-            # Setup temporary paths
-            fd_zip, tmp_zip_str = tempfile.mkstemp(suffix=".zip", prefix="chithi_")
-            os.close(fd_zip)
-            fd_enc, tmp_enc_str = tempfile.mkstemp(suffix=".enc", prefix="chithi_")
-            os.close(fd_enc)
+            # Compress and encrypt using SDK (parallel across all cores)
+            bundle = compress_and_encrypt(path, password=password)
 
-            tmp_zip, tmp_enc = Path(tmp_zip_str), Path(tmp_enc_str)
+            # Write bundle to temp file for upload
+            fd, tmp_path_str = tempfile.mkstemp(suffix=".enc", prefix="chithi_")
+            tmp_path = Path(tmp_path_str)
 
             try:
-                # Processing: Compress -> Encrypt -> Upload
-                compress(path, tmp_zip, password=password)
-                ikm = generate_ikm()
-                encrypt(tmp_zip, tmp_enc, ikm=ikm, password=password)
-                key_secret = ikm_to_base64url(ikm)
+                tmp_path.write_bytes(bundle.raw)
 
+                # Upload encrypted bundle
                 result: dict[str, Any] = await c.upload_file(
-                    tmp_enc,
-                    filename=filename or path.name,
+                    tmp_path,
+                    filename=filename or f"{path.name}.enc",
                     expire_after_n_download=expire_downloads,
                     expire_after=expire_seconds,
                 )
@@ -85,27 +87,31 @@ async def upload(
                         "Server response did not include a file identifier."
                     )
 
-                # Construct the link
-                download_url = urls.share_url(slug, key_secret)
+                # Construct the link (key not needed in URL - bundle contains all metadata)
+                download_url = urls.share_url(slug, "")
 
             finally:
-                cleanup(tmp_zip, tmp_enc)
+                tmp_path.unlink(missing_ok=True)
 
         # UI Output Logic
         if minimal:
-            # Clean output for scripts or pipes
             console.print(download_url, highlight=False, markup=False)
         else:
-            # Pretty output
             console.print("\n[green]✓ Upload complete![/green]")
             if not no_qr:
-                print_compact_qr(download_url, console)
+                from app.helpers.print import print_branded_qr
+
+                print_branded_qr(download_url, console)
             console.print(f"\n  Download URL : {download_url}")
-            if password:
-                console.print(
-                    "  [yellow]⚠ Password-protected. Recipients will need the password to decrypt.[/yellow]"
-                )
+            console.print(
+                "  [yellow]Password-protected. Recipients will need the password to decrypt.[/yellow]"
+            )
+            if save_qr:
+                from app.helpers.print import export_qr_svg
+
+                export_qr_svg(download_url, str(save_qr))
+                console.print(f"  [dim]QR code saved to {save_qr}[/dim]")
 
     except Exception as exc:
-        error_console.print(f"[red]✗ Upload failed: {exc}[/red]")
+        error_console.print(f"[red]Upload failed: {exc}[/red]")
         raise typer.Exit(code=1)
diff --git a/src/cli/app/constants/crypto.py b/src/cli/app/constants/crypto.py
deleted file mode 100644
index 2d2cdd3d..00000000
--- a/src/cli/app/constants/crypto.py
+++ /dev/null
@@ -1,9 +0,0 @@
-from typing import Final
-
-CHUNK_SIZE: Final[int] = 64 * 1024  # 64 KiB chunks
-GCM_TAG_LEN: Final[int] = 16
-ENC_CHUNK_SIZE: Final[int] = CHUNK_SIZE + GCM_TAG_LEN
-
-HKDF_SALT_STR: Final[bytes] = b"chithi-salt-v1"
-HKDF_IV_STR: Final[bytes] = b"chithi-iv-v1"
-AES_KEY_STR: Final[bytes] = b"aes-key"
diff --git a/src/cli/app/helpers/archive.py b/src/cli/app/helpers/archive.py
index 6b8adb7f..94da6c69 100644
--- a/src/cli/app/helpers/archive.py
+++ b/src/cli/app/helpers/archive.py
@@ -1,88 +1,121 @@
-import os
-import tempfile
 from pathlib import Path
 
-import pyzipper
-from tqdm import tqdm
+from app.chithi_core_bridge import chithi_core
+from app.chithi_exceptions import ChithiError, CryptoError, ValidationError
+from app.chithi_types import EncryptedBundle
+
+__all__ = [
+    "compress_and_encrypt",
+    "decrypt_and_decompress",
+    "read_file_entry",
+    "read_directory_entries",
+    "EncryptedBundle",
+]
+
+
+def read_file_entry(filepath: Path) -> tuple[str, bytes]:
+    """Read a single file and return (name, data)."""
+    path = Path(filepath)
+    if not path.exists():
+        raise ValidationError(f"File not found: {path}")
+    if not path.is_file():
+        raise ValidationError(f"Not a file: {path}")
+    return (path.name, path.read_bytes())
+
+
+def read_directory_entries(dirpath: Path) -> list[tuple[str, bytes]]:
+    """Read all files in a directory and return list of (relative_path, data)."""
+    path = Path(dirpath)
+    if not path.exists():
+        raise ValidationError(f"Directory not found: {path}")
+    if not path.is_dir():
+        raise ValidationError(f"Not a directory: {path}")
+
+    entries: list[tuple[str, bytes]] = []
+    for f in sorted(path.rglob("*")):
+        if f.is_file():
+            rel = str(f.relative_to(path))
+            entries.append((rel, f.read_bytes()))
+    return entries
+
+
+def compress_and_encrypt(
+    source: Path, *, password: str
+) -> EncryptedBundle:
+    """Compress and encrypt a file or directory.
+
+    Pipeline:
+    1. Read file(s) into memory
+    2. Compress into 7z archive (LZMA2)
+    3. Split into 32KB chunks
+    4. Encrypt each chunk with AES-256-GCM (parallel across all cores)
+    5. Sign bundle with Ed25519
+
+    Args:
+        source: Path to a file or directory.
+        password: Encryption password.
+
+    Returns:
+        EncryptedBundle containing the encrypted data and crypto metadata.
+    """
+    if source.is_file():
+        files = [(source.name, source.read_bytes())]
+    else:
+        files = read_directory_entries(source)
+
+    if not files:
+        raise ValidationError("No files to encrypt")
+    if not password:
+        raise ValidationError("Password must not be empty")
+
+    try:
+        bundle_bytes = chithi_core.upload(files, password)
+    except ValueError as e:
+        raise ChithiError(str(e)) from e
+
+    return EncryptedBundle(bytes(bundle_bytes))
+
+
+def decrypt_and_decompress(
+    bundle: EncryptedBundle | bytes,
+    output_dir: Path,
+    *,
+    password: str,
+) -> list[Path]:
+    """Decrypt and decompress a bundle to disk.
+
+    Pipeline:
+    1. Verify Ed25519 signature
+    2. Derive encryption key (Argon2id + HKDF)
+    3. Decrypt chunks with AES-256-GCM (parallel across all cores)
+    4. Decompress 7z archive (LZMA2)
+    5. Write files to output directory
+
+    Args:
+        bundle: Encrypted bundle or raw bytes.
+        output_dir: Directory to write files to.
+        password: Decryption password.
+
+    Returns:
+        List of Path objects for the written files.
+    """
+    if not password:
+        raise ValidationError("Password must not be empty")
 
+    raw_bytes: bytes = bundle.raw if isinstance(bundle, EncryptedBundle) else bytes(bundle)
 
-def _get_source_size(source: Path) -> int:
-    """Return the size of a file or total size of a directory tree."""
-    if source.is_file():
-        return source.stat().st_size
-    return sum(f.stat().st_size for f in source.rglob("*") if f.is_file())
+    try:
+        raw_files = chithi_core.download(raw_bytes, password)
+    except ValueError as e:
+        raise CryptoError(f"Decryption failed: {e}") from e
 
+    output_dir.mkdir(parents=True, exist_ok=True)
+    written: list[Path] = []
 
-def compress(source: Path, dest: Path, password: str | None = None) -> Path:
-    """
-    Compress a file or directory to a ZIP archive using pyzipper.
-    Enables AES-256 encryption if password is set.
-    """
-    total_size = _get_source_size(source)
-
-    encryption_kwargs = {}
-    if password:
-        encryption_kwargs["encryption"] = pyzipper.WZ_AES
-
-    with tqdm(
-        total=total_size,
-        unit="B",
-        unit_scale=True,
-        desc="Compressing",
-        leave=False,
-    ) as pbar:
-        with pyzipper.AESZipFile(
-            str(dest),
-            mode="w",
-            compression=pyzipper.ZIP_DEFLATED,
-            compresslevel=9,
-            **encryption_kwargs,
-        ) as zf:
-            if password:
-                zf.setpassword(password.encode("utf-8"))
-                zf.setencryption(pyzipper.WZ_AES, nbits=256)
-
-            if source.is_dir():
-                files = [f for f in source.rglob("*") if f.is_file()]
-                for f in files:
-                    arcname = str(f.relative_to(source.parent))
-                    zf.write(f, arcname=arcname)
-                    pbar.update(f.stat().st_size)
-            else:
-                zf.write(source, arcname=source.name)
-                pbar.update(total_size)
-
-    return dest
-
-
-def decompress(archive: Path, dest: Path, password: str | None = None) -> Path:
-    """Extract a ZIP archive to *dest*."""
-    dest.mkdir(parents=True, exist_ok=True)
-
-    with pyzipper.AESZipFile(str(archive), "r") as zf:
-        if password:
-            zf.setpassword(password.encode("utf-8"))
-
-        infos = zf.infolist()
-        total_size = sum(i.file_size for i in infos if not i.is_dir())
-
-        with tqdm(
-            total=total_size,
-            unit="B",
-            unit_scale=True,
-            desc="Extracting",
-            leave=False,
-        ) as pbar:
-            for info in infos:
-                zf.extract(info, path=str(dest))
-                if not info.is_dir():
-                    pbar.update(info.file_size)
-
-    return dest
-
-
-def create_temp_archive() -> Path:
-    """Create a temporary path for a ZIP archive."""
-    fd, path = tempfile.mkstemp(suffix=".zip", prefix="chithi_")
-    os.close(fd)
-    return Path(path)
+    for name, data in raw_files:
+        dest = output_dir / name
+        dest.parent.mkdir(parents=True, exist_ok=True)
+        dest.write_bytes(bytes(data))
+        written.append(dest)
+
+    return written
diff --git a/src/cli/app/helpers/crypto.py b/src/cli/app/helpers/crypto.py
index 4dbdc505..80c427ab 100644
--- a/src/cli/app/helpers/crypto.py
+++ b/src/cli/app/helpers/crypto.py
@@ -1,167 +1,114 @@
-import base64
-import hashlib
-import os
-import struct
-from pathlib import Path
-from typing import Tuple
-
-from cryptography.hazmat.primitives.ciphers.aead import AESGCM
-from cryptography.hazmat.primitives.kdf.argon2 import Argon2id
-from tqdm import tqdm
-
-from app.constants.crypto import (
-    AES_KEY_STR,
-    CHUNK_SIZE,
-    ENC_CHUNK_SIZE,
-    HKDF_IV_STR,
-    HKDF_SALT_STR,
-)
-
-
-def generate_ikm() -> bytes:
-    """Generate a random 32-byte IKM."""
-    return os.urandom(32)
-
-
-def ikm_to_base64url(ikm: bytes) -> str:
-    """Encode IKM as URL-safe base64 without padding."""
-    return base64.urlsafe_b64encode(ikm).rstrip(b"=").decode("ascii")
-
-
-def base64url_to_ikm(s: str) -> bytes:
-    """Decode URL-safe base64 into IKM bytes."""
-    s += "=" * (-len(s) % 4)
-    return base64.urlsafe_b64decode(s)
-
-
-def encrypt(src: Path, dst: Path, ikm: bytes, password: str | None = None) -> Path:
-    """Encrypt file using AES-256-GCM streaming."""
-    aes_key, base_iv = _derive_secrets(ikm, password)
-    aes = AESGCM(aes_key)
-
-    file_size = src.stat().st_size
-    chunk_idx = 0
-
-    with (
-        open(src, "rb") as fin,
-        open(dst, "wb") as fout,
-        tqdm(
-            total=file_size,
-            unit="B",
-            unit_scale=True,
-            desc="Encrypting",
-            leave=False,
-        ) as pbar,
-    ):
-        while True:
-            block = fin.read(CHUNK_SIZE)
-            if not block:
-                break
-
-            iv = _get_chunk_iv(base_iv, chunk_idx)
-            ct = aes.encrypt(iv, block, None)
-            fout.write(ct)
-
-            chunk_idx += 1
-            pbar.update(len(block))
-
-    return dst
-
-
-def decrypt(src: Path, dst: Path, ikm: bytes, password: str | None = None) -> Path:
-    """Decrypt file using AES-256-GCM streaming."""
-    aes_key, base_iv = _derive_secrets(ikm, password)
-    aes = AESGCM(aes_key)
-
-    file_size = src.stat().st_size
-    chunk_idx = 0
-
-    with (
-        open(src, "rb") as fin,
-        open(dst, "wb") as fout,
-        tqdm(
-            total=file_size,
-            unit="B",
-            unit_scale=True,
-            desc="Decrypting",
-            leave=False,
-        ) as pbar,
-    ):
-        while True:
-            ct = fin.read(ENC_CHUNK_SIZE)
-            if not ct:
-                break
-
-            iv = _get_chunk_iv(base_iv, chunk_idx)
-            pt = aes.decrypt(iv, ct, None)
-            fout.write(pt)
-
-            chunk_idx += 1
-            pbar.update(len(ct))
-
-    return dst
-
-
-def _derive_secrets(ikm: bytes, password: str | None) -> Tuple[bytes, bytes]:
-    """Derive AES key and IV from IKM + Password."""
-    # Salt
-    derived_salt = hashlib.sha256(ikm + HKDF_SALT_STR).digest()
-
-    # Mix Password
-    final_ikm = ikm
-    if password:
-        salt_bytes = derived_salt[:16]
-        pb = _argon2(
-            password.encode(),
-            salt_bytes,
-            iterations=32,
-            memory=16_384,
-        )
-        # XOR
-        length = max(len(ikm), len(pb))
-        a = ikm.ljust(length, b"\x00")
-        b = pb.ljust(length, b"\x00")
-        final_ikm = bytes(x ^ y for x, y in zip(a, b))
-
-    # HKDF Salt & Base IV
-    hkdf_salt = hashlib.sha256(final_ikm + AES_KEY_STR).digest()[:16]
-    base_iv = hashlib.sha256(final_ikm + HKDF_IV_STR).digest()[:12]
-
-    #  AES Key
-    aes_key = _argon2(
-        final_ikm,
-        hkdf_salt,
-        iterations=8,
-        memory=64 * 1024,
-    )
-
-    return aes_key, base_iv
-
-
-def _argon2(password: bytes, salt: bytes, iterations: int, memory: int) -> bytes:
-    """Run Argon2id with provided parameters."""
-    kdf = Argon2id(
-        salt=salt,
-        length=32,
-        iterations=iterations,
-        lanes=1,
-        memory_cost=memory,
-    )
-    return kdf.derive(password)
-
-
-def _get_chunk_iv(base_iv: bytes, index: int) -> bytes:
-    """Derive a per-chunk IV by XORing the index into the base IV."""
-    iv = bytearray(base_iv)
-    existing = struct.unpack_from("!I", iv, 8)[0]
-    struct.pack_into("!I", iv, 8, existing ^ index)
-    return bytes(iv)
-
-
-def xor_nonce(base: bytes, counter: int) -> bytes:
-    """XOR *counter* into the last 4 bytes of *base* to derive a per-block nonce."""
-    b = bytearray(base)
-    c_bytes = struct.pack("!I", counter)
-    for i in range(4):
-        b[-(4 - i)] ^= c_bytes[i]
-    return bytes(b)
+from app.chithi_core_bridge import chithi_core
+from app.chithi_exceptions import ChithiError, CryptoError, ValidationError
+from app.chithi_types import EncryptedBundle
+
+__all__ = [
+    "encrypt_files",
+    "decrypt_bundle",
+    "encrypt_data",
+    "decrypt_data",
+    "ChithiError",
+    "CryptoError",
+    "ValidationError",
+    "EncryptedBundle",
+]
+
+
+def encrypt_files(files: list[tuple[str, bytes]], *, password: str) -> EncryptedBundle:
+    """Compress and encrypt files into an encrypted bundle.
+
+    Pipeline:
+    1. Files are compressed into a 7z archive (LZMA2)
+    2. Archive is split into 32KB chunks
+    3. Each chunk is encrypted with AES-256-GCM (parallel across all cores)
+    4. Bundle is signed with Ed25519
+
+    Args:
+        files: List of (filename, data) tuples.
+        password: Encryption password.
+
+    Returns:
+        EncryptedBundle containing the encrypted data and crypto metadata.
+    """
+    if not password:
+        raise ValidationError("Password must not be empty")
+    if not files:
+        raise ValidationError("At least one file is required")
+
+    try:
+        bundle_bytes = chithi_core.upload(files, password)
+    except ValueError as e:
+        raise ChithiError(str(e)) from e
+
+    return EncryptedBundle(bytes(bundle_bytes))
+
+
+def decrypt_bundle(
+    bundle: EncryptedBundle | bytes, *, password: str
+) -> list[tuple[str, bytes]]:
+    """Decrypt and decompress an encrypted bundle.
+
+    Pipeline:
+    1. Verify Ed25519 signature
+    2. Derive encryption key from password (Argon2id + HKDF)
+    3. Decrypt chunks with AES-256-GCM (parallel across all cores)
+    4. Decompress 7z archive (LZMA2)
+
+    Args:
+        bundle: Encrypted bundle from encrypt_files() or raw bytes.
+        password: The same password used during encryption.
+
+    Returns:
+        List of (filename, data) tuples matching the original files.
+    """
+    if not password:
+        raise ValidationError("Password must not be empty")
+
+    raw_bytes: bytes = bundle.raw if isinstance(bundle, EncryptedBundle) else bytes(bundle)
+
+    try:
+        raw_files = chithi_core.download(raw_bytes, password)
+    except ValueError as e:
+        raise CryptoError(f"Decryption failed: {e}") from e
+
+    return [(name, bytes(data)) for name, data in raw_files]
+
+
+def encrypt_data(data: bytes, *, password: str) -> bytes:
+    """Encrypt raw data without compression.
+
+    Args:
+        data: Raw bytes to encrypt.
+        password: Encryption password.
+
+    Returns:
+        JSON-serialized encrypted bundle as bytes.
+    """
+    if not data:
+        raise ValidationError("Data must not be empty")
+    if not password:
+        raise ValidationError("Password must not be empty")
+
+    try:
+        return bytes(chithi_core.upload_data(data, password))
+    except ValueError as e:
+        raise ChithiError(str(e)) from e
+
+
+def decrypt_data(bundle_json: bytes, *, password: str) -> bytes:
+    """Decrypt raw data (no decompression).
+
+    Args:
+        bundle_json: JSON-serialized bundle from encrypt_data().
+        password: The same password used during encrypt_data().
+
+    Returns:
+        Decrypted raw bytes.
+    """
+    if not password:
+        raise ValidationError("Password must not be empty")
+
+    try:
+        return bytes(chithi_core.download_data(bundle_json, password))
+    except ValueError as e:
+        raise CryptoError(f"Decryption failed: {e}") from e
diff --git a/src/cli/app/helpers/print.py b/src/cli/app/helpers/print.py
index 2e7adec4..383dff3e 100644
--- a/src/cli/app/helpers/print.py
+++ b/src/cli/app/helpers/print.py
@@ -1,48 +1,71 @@
-import qrcode
-from qrcode.constants import ERROR_CORRECT_L
-from qrcode.exceptions import DataOverflowError
+from io import BytesIO
+
+from PIL import Image
+from qrcode import QRCode
+from qrcode.image.svg import SvgPathFillImage
 from rich.console import Console
+from rich.segment import Segment
+from rich.style import Style
 
 
-def print_compact_qr(url: str, console: Console = Console()) -> None:
-    """
-    Renders a URL as the smallest possible QR code (Version 1, 21x21)
-    using Unicode half-blocks (▄/▀/█) to minimize terminal height.
-    """
-    qr = qrcode.QRCode(
-        version=1,
-        error_correction=ERROR_CORRECT_L,
-        box_size=1,
-        border=0,
-    )
+def _qr_svg(url: str) -> bytes:
+    """Generate a QR code SVG using the qrcode library."""
+    qr = QRCode(error_correction=2)  # H
+    qr.add_data(url)
+    img = qr.make_image(image_factory=SvgPathFillImage)
+    return img.to_string()
+
+
+def _qr_png(url: str) -> bytes:
+    """Render QR code SVG to PNG via resvg at module-level resolution."""
+    from resvg_py import svg_to_bytes
+
+    qr = QRCode(error_correction=2)
     qr.add_data(url)
+    qr.make()
+    size = qr.modules_count + 8
+
+    svg_data = _qr_svg(url).decode()
+    svg_data = svg_data.replace("mm", "")  # resvg rejects mm with explicit px
+    return svg_to_bytes(svg_string=svg_data, width=size, height=size)
+
+
+class _SegmentRenderable:
+    """Wrap a list of Segments so Console.print can render them."""
+
+    def __init__(self, segments: list[Segment]) -> None:
+        self.segments = segments
+
+    def __rich_console__(self, console: Console, options):
+        return iter(self.segments)
+
+
+def print_branded_qr(url: str, console: Console = Console()) -> None:
+    """Render QR code to terminal.
+
+    Uses resvg to rasterize the QR SVG, then prints each pixel as a
+    full-block cell so the QR stays compact and readable.
+    """
+    png_data = _qr_png(url)
+    img = Image.open(BytesIO(png_data)).convert("RGBA")
+    w, h = img.size
+
+    DARK_BG = Style(bgcolor="#000000")
+    LIGHT_BG = Style(bgcolor="#ffffff")
+
+    for y in range(h):
+        row: list[Segment] = []
+        for x in range(w):
+            r, g, b, _a = img.getpixel((x, y))  # type: ignore[assignment]
+            brightness = (r + g + b) / 3
+            style = LIGHT_BG if brightness > 128 else DARK_BG
+            row.append(Segment(" ", style))
+        row.append(Segment("\n"))
+        console.print(_SegmentRenderable(row))
+
 
-    try:
-        # Force Version 1 (21x21)
-        qr.make(fit=False)
-    except DataOverflowError:
-        # Fallback if the URL is too long for Version 1
-        qr.version = None
-        qr.make(fit=True)
-
-    matrix = qr.get_matrix()
-
-    # We iterate 2 rows at a time because one terminal line = 2 vertical pixels
-    for y in range(0, len(matrix), 2):
-        line = ""
-        for x in range(len(matrix[0])):
-            upper = matrix[y][x]
-            lower = matrix[y + 1][x] if (y + 1) < len(matrix) else False
-
-            # Map combinations to half-block characters
-            if upper and lower:
-                line += " "  # Both black
-            elif upper and not lower:
-                line += "▄"  # Top black, bottom white
-            elif not upper and lower:
-                line += "▀"  # Top white, bottom black
-            else:
-                line += "█"  # Both white
-
-        # Use white on black to ensure contrast in most terminals
-        console.print(line, style="white on black", highlight=False)
+def export_qr_svg(url: str, path: str) -> None:
+    """Export QR code as SVG file."""
+    svg_data = _qr_svg(url)
+    with open(path, "wb") as f:
+        f.write(svg_data)
diff --git a/src/cli/app/qr.py b/src/cli/app/qr.py
new file mode 100644
index 00000000..54ced24e
--- /dev/null
+++ b/src/cli/app/qr.py
@@ -0,0 +1,541 @@
+"""QR code encoder from scratch — byte mode, versions 1–10, EC levels L/M/Q/H.
+
+Follows ISO/IEC 18004 / GB 18284.  No third-party QR libraries.
+"""
+
+from __future__ import annotations
+
+# ═══════════════════════════════════════════════════════════════════════════
+# 1. GF(256) arithmetic  (primitive polynomial 0x11D = x^8+x^4+x^3+x^2+1)
+# ═══════════════════════════════════════════════════════════════════════════
+
+_GF_EXP: list[int] = [0] * 512
+_GF_EXP[0] = 1
+_GF_LOG: list[int] = [0] * 256
+
+__v = 1
+for __i in range(254):
+    __v <<= 1
+    if __v & 0x100:
+        __v ^= 0x11D
+    _GF_EXP[__i + 1] = __v
+    _GF_EXP[__i + 1 + 255] = __v
+    _GF_LOG[__v] = __i + 1
+
+del __v, __i
+
+
+def _gf_mul(a: int, b: int) -> int:
+    """Multiply two elements in GF(256)."""
+    if a == 0 or b == 0:
+        return 0
+    return _GF_EXP[_GF_LOG[a] + _GF_LOG[b]]
+
+
+# ═══════════════════════════════════════════════════════════════════════════
+# 2. Reed-Solomon encoder
+# ═══════════════════════════════════════════════════════════════════════════
+
+def _rs_gen(nsym: int) -> list[int]:
+    """Generator polynomial of degree *nsym* over GF(256)."""
+    g = [1]
+    for i in range(nsym):
+        ng = [0] * (len(g) + 1)
+        for j in range(len(g)):
+            ng[j] ^= g[j]
+            ng[j + 1] ^= _gf_mul(g[j], _GF_EXP[i])
+        g = ng
+    return g
+
+
+def _rs_encode(data: bytes, nsym: int) -> bytes:
+    """Append *nsym* RS error-correction codewords to *data*."""
+    g = _rs_gen(nsym)
+    reg = bytearray(data) + bytearray(nsym)
+    for i in range(len(data)):
+        coef = reg[i]
+        if coef:
+            for j in range(len(g)):
+                reg[i + j] ^= _gf_mul(g[j], coef)
+    return bytes(reg[len(data) :])
+
+
+# ═══════════════════════════════════════════════════════════════════════════
+# 3. QR code parameters  (ISO/IEC 18004 Tables 2-3)
+# ═══════════════════════════════════════════════════════════════════════════
+
+def _size(ver: int) -> int:
+    """Module count for a given version."""
+    return 21 + 4 * (ver - 1)
+
+
+# EC codewords per block (same for all versions within a given EC level)
+_EC_PER_BLOCK = {0: 10, 1: 7, 2: 13, 3: 17}  # L M Q H
+
+# Capacity: (version, ec) -> (data_codewords, [(codewords_per_block, num_blocks), ...])
+_CAPACITY: dict[tuple[int, int], tuple[int, list[tuple[int, int]]]] = {
+    (1, 0): (16, [(16, 1)]),
+    (1, 1): (19, [(19, 1)]),
+    (1, 2): (16, [(16, 1)]),
+    (1, 3): (16, [(16, 1)]),
+    (2, 0): (28, [(28, 1)]),
+    (2, 1): (34, [(34, 1)]),
+    (2, 2): (28, [(28, 1)]),
+    (2, 3): (28, [(28, 1)]),
+    (3, 0): (44, [(16, 2)]),
+    (3, 1): (55, [(18, 2)]),
+    (3, 2): (44, [(22, 2)]),
+    (3, 3): (44, [(11, 4)]),
+    (4, 0): (64, [(20, 2)]),
+    (4, 1): (80, [(24, 2)]),
+    (4, 2): (64, [(26, 2)]),
+    (4, 3): (64, [(16, 4)]),
+    (5, 0): (86, [(24, 2)]),
+    (5, 1): (108, [(30, 2)]),
+    (5, 2): (86, [(22, 4)]),
+    (5, 3): (86, [(20, 4)]),
+    (6, 0): (108, [(26, 2)]),
+    (6, 1): (136, [(36, 2)]),
+    (6, 2): (108, [(20, 4)]),
+    (6, 3): (108, [(18, 6)]),
+    (7, 0): (124, [(30, 2)]),
+    (7, 1): (156, [(36, 2)]),
+    (7, 2): (124, [(24, 4)]),
+    (7, 3): (124, [(22, 6)]),
+    (8, 0): (154, [(28, 2)]),
+    (8, 1): (194, [(42, 2)]),
+    (8, 2): (154, [(24, 4)]),
+    (8, 3): (154, [(26, 6)]),
+    (9, 0): (182, [(32, 2)]),
+    (9, 1): (232, [(44, 2)]),
+    (9, 2): (182, [(24, 4)]),
+    (9, 3): (182, [(28, 7)]),
+    (10, 0): (216, [(28, 2)]),
+    (10, 1): (274, [(40, 2)]),
+    (10, 2): (216, [(40, 4)]),
+    (10, 3): (216, [(24, 8)]),
+}
+
+# Alignment-pattern row/column positions per version (ISO/IEC 18004 Table 3)
+_ALIGNMENT: dict[int, list[int]] = {
+    1: [],
+    2: [6, 22],
+    3: [6, 26],
+    4: [6, 30],
+    5: [6, 34],
+    6: [6, 22, 38],
+    7: [6, 24, 42],
+    8: [6, 26, 46],
+    9: [6, 28, 52],
+    10: [6, 30, 54],
+}
+
+
+# ═══════════════════════════════════════════════════════════════════════════
+# 4. Data encoding  (byte mode)
+# ═══════════════════════════════════════════════════════════════════════════
+
+def _total_raw_codewords(ver: int) -> int:
+    """Total codewords in the raw code (data + EC)."""
+    return 4 * ver * ver + 26 * ver + 16
+
+
+def _data_capacity_bits(ver: int, ec: int) -> int:
+    """Bits available for data (including mode, length, terminator, padding)."""
+    total = _total_raw_codewords(ver)
+    ec_total = _EC_PER_BLOCK[ec] * sum(nb for _, nb in _CAPACITY[(ver, ec)][1])
+    return (total - ec_total) * 8
+
+
+def _encode_stream(msg: bytes, ver: int, ec: int) -> bytes:
+    """Build the data codeword stream (mode + length + data + terminator + pad)."""
+    cc_bits = 8  # character count bits for versions 1-20
+    data_bits = 8 * len(msg)
+    avail = _data_capacity_bits(ver, ec) - 4 - cc_bits
+    if data_bits > avail:
+        raise OverflowError("Message too long")
+
+    stream: list[int] = []
+
+    # Mode indicator (byte = 0100)
+    for i in range(3, -1, -1):
+        stream.append((0b0100 >> i) & 1)
+
+    # Character count
+    for i in range(cc_bits - 1, -1, -1):
+        stream.append((len(msg) >> i) & 1)
+
+    # Data
+    for byte in msg:
+        for i in range(7, -1, -1):
+            stream.append((byte >> i) & 1)
+
+    # Terminator
+    remaining = _data_capacity_bits(ver, ec) - len(stream)
+    term = min(4, remaining)
+    stream.extend([0] * term)
+
+    # Pad to byte boundary
+    while len(stream) % 8 != 0 and len(stream) < _data_capacity_bits(ver, ec):
+        stream.append(0)
+
+    # Pad codewords
+    patterns = [0xEC, 0x11]  # 11101100, 00010001
+    pidx = 0
+    while len(stream) < _data_capacity_bits(ver, ec):
+        pat = patterns[pidx % 2]
+        for i in range(7, -1, -1):
+            if len(stream) < _data_capacity_bits(ver, ec):
+                stream.append((pat >> i) & 1)
+        pidx += 1
+
+    # Convert bit stream to bytes
+    out = bytearray()
+    for i in range(0, len(stream), 8):
+        byte = 0
+        for bit in stream[i : i + 8]:
+            byte = (byte << 1) | bit
+        out.append(byte)
+    return bytes(out)
+
+
+# ═══════════════════════════════════════════════════════════════════════════
+# 5. Error correction & interleaving
+# ═══════════════════════════════════════════════════════════════════════════
+
+def _add_ec(data: bytes, ver: int, ec: int) -> bytes:
+    """Add RS error correction and interleave blocks."""
+    dcw, dist = _CAPACITY[(ver, ec)]
+    nsym = _EC_PER_BLOCK[ec]
+
+    # Split data into blocks
+    data_blocks: list[bytes] = []
+    ec_blocks: list[bytes] = []
+    offset = 0
+    for cw_per_block, num_blocks in dist:
+        for _ in range(num_blocks):
+            block = data[offset : offset + cw_per_block]
+            data_blocks.append(block)
+            ec_blocks.append(_rs_encode(block, nsym))
+            offset += cw_per_block
+
+    # Interleave: data block 0 byte 0, data block 1 byte 0, ..., then EC
+    max_data_len = max(len(b) for b in data_blocks)
+    out = bytearray()
+    for i in range(max_data_len):
+        for db in data_blocks:
+            out.append(db[i])
+    for i in range(nsym):
+        for eb in ec_blocks:
+            out.append(eb[i])
+
+    return bytes(out)
+
+
+# ═══════════════════════════════════════════════════════════════════════════
+# 6. Matrix construction
+# ═══════════════════════════════════════════════════════════════════════════
+
+def _reserved(n: int, ver: int) -> list[list[bool]]:
+    """Mark cells reserved by structural elements."""
+    r = [[False] * n for _ in range(n)]
+
+    def _rect(t: int, l: int, h: int, w: int) -> None:
+        for row in range(max(0, t), min(n, t + h)):
+            for col in range(max(0, l), min(n, l + w)):
+                r[row][col] = True
+
+    # Finder + separator (9×9)
+    _rect(0, 0, 9, 9)
+    _rect(0, n - 7, 9, 9)
+    _rect(n - 7, 0, 9, 9)
+
+    # Timing patterns
+    for i in range(9, n - 7):
+        r[6][i] = True
+        r[i][6] = True
+
+    # Alignment patterns
+    for pos in _ALIGNMENT.get(ver, []):
+        for i in range(n):
+            r[pos][i] = True
+            r[i][pos] = True
+
+    # Format info areas (avoid row 6 and col 6 — timing pattern takes priority)
+    for i in range(8):
+        r[8][i] = True  # left of top-left finder
+        r[i][8] = True  # above top-left finder
+    r[8][8] = True  # diagonal
+    for i in range(n - 7, n):
+        r[8][i] = True  # right of bottom-left finder
+        r[i][8] = True  # above bottom-left finder
+
+    # Dark module
+    r[n - 8][8] = True
+
+    return r
+
+
+def _finder(m: list[list[int]], tr: int, tc: int) -> None:
+    """Place a 7×7 finder pattern at (tr, tc)."""
+    for dy in range(7):
+        for dx in range(7):
+            if dy in (0, 6) or dx in (0, 6):
+                m[tr + dy][tc + dx] = 1
+            elif 2 <= dy <= 4 and 2 <= dx <= 4:
+                m[tr + dy][tc + dx] = 1
+            elif 1 <= dy <= 4 and 1 <= dx <= 4:
+                m[tr + dy][tc + dx] = 0
+            else:
+                m[tr + dy][tc + dx] = 0
+
+
+def _alignment(m: list[list[int]], cr: int, cc: int) -> None:
+    """Place a 5×5 alignment pattern centred at (cr, cc)."""
+    pattern = [
+        [1, 1, 1, 1, 1],
+        [1, 0, 0, 0, 1],
+        [1, 0, 1, 0, 1],
+        [1, 0, 0, 0, 1],
+        [1, 1, 1, 1, 1],
+    ]
+    for dy in range(5):
+        for dx in range(5):
+            m[cr - 2 + dy][cc - 2 + dx] = pattern[dy][dx]
+
+
+def _format_bits(m: list[list[int]], n: int, fmt: int) -> None:
+    """Write format information into reserved cells."""
+    # Along row 8, left of top-left finder
+    for i in range(8):
+        m[8][i] = (fmt >> i) & 1
+    # Above top-left finder (row 1..7, bit 1..7)
+    for i in range(1, 8):
+        m[i][8] = (fmt >> i) & 1
+    s = n - 7
+    # Along row 8, right of bottom-left finder
+    for i in range(7):
+        m[8][s + i] = (fmt >> (i + 9)) & 1
+    # Above bottom-left finder (rows n-1..n-7, bits 14..8)
+    for i in range(7):
+        m[n - 1 - i][8] = (fmt >> (14 - i)) & 1
+
+
+def _fill(
+    m: list[list[int]],
+    res: list[list[bool]],
+    codewords: bytes,
+) -> None:
+    """Zigzag data bits into the matrix from bottom-right."""
+    n = len(m)
+    bits = []
+    for byte in codewords:
+        for i in range(7, -1, -1):
+            bits.append((byte >> i) & 1)
+
+    bit_pos = 0
+    total = len(bits)
+    up = True
+    row = n - 1
+    col = n - 1
+
+    while col > 0:
+        if col == 6:
+            col -= 1
+        while bit_pos < total and 0 <= row < n:
+            if not res[row][col]:
+                m[row][col] = bits[bit_pos]
+                bit_pos += 1
+            if bit_pos < total and not res[row][col - 1]:
+                m[row][col - 1] = bits[bit_pos]
+                bit_pos += 1
+            row += -1 if up else 1
+        if up:
+            row = n - 2
+        else:
+            row = 1
+        col -= 2
+        up = not up
+
+
+# ═══════════════════════════════════════════════════════════════════════════
+# 7. Masking
+# ═══════════════════════════════════════════════════════════════════════════
+
+_MASKS = [
+    lambda r, c: (r + c) % 2 == 0,
+    lambda r, c: r % 2 == 0,
+    lambda r, c: c % 3 == 0,
+    lambda r, c: (r + c) % 3 == 0,
+    lambda r, c: (r // 2 + c // 3) % 2 == 0,
+    lambda r, c: (r * c) % 2 + (r * c) % 3 == 0,
+    lambda r, c: ((r * c) % 2 + (r * c) % 3) % 2 == 0,
+    lambda r, c: ((r + c) % 2 + (r * c) % 3) % 2 == 0,
+]
+
+
+def _mask_apply(
+    m: list[list[int]],
+    res: list[list[bool]],
+    mask: int,
+) -> list[list[int]]:
+    n = len(m)
+    out = [row[:] for row in m]
+    f = _MASKS[mask]
+    for r in range(n):
+        for c in range(n):
+            if not res[r][c] and f(r, c):
+                out[r][c] ^= 1
+    return out
+
+
+# ═══════════════════════════════════════════════════════════════════════════
+# 8. Penalty scoring  (ISO/IEC 18004 Annex E)
+# ═══════════════════════════════════════════════════════════════════════════
+
+def _penalty(m: list[list[int]]) -> int:
+    n = len(m)
+    p = 0
+
+    # Rule 1 — consecutive same-colour modules
+    for r in range(n):
+        run = 1
+        for c in range(1, n):
+            if m[r][c] == m[r][c - 1]:
+                run += 1
+                if run == 5:
+                    p += 3
+                elif run > 5:
+                    p += 1
+            else:
+                run = 1
+    for c in range(n):
+        run = 1
+        for r in range(1, n):
+            if m[r][c] == m[r - 1][c]:
+                run += 1
+                if run == 5:
+                    p += 3
+                elif run > 5:
+                    p += 1
+            else:
+                run = 1
+
+    # Rule 2 — 2×2 blocks
+    for r in range(n - 1):
+        for c in range(n - 1):
+            if m[r][c] == m[r][c + 1] == m[r + 1][c] == m[r + 1][c + 1]:
+                p += 3
+
+    # Rule 3 — finder-like patterns
+    a_pat = [1, 0, 1, 1, 0, 1, 0, 0, 0, 0, 1]
+    b_pat = [0, 0, 0, 0, 1, 0, 1, 1, 0, 1, 0]
+    for r in range(n):
+        for c in range(n - 10):
+            strip = [m[r][c + k] for k in range(11)]
+            if strip == a_pat or strip == b_pat:
+                p += 40
+    for c in range(n):
+        for r in range(n - 10):
+            strip = [m[r + k][c] for k in range(11)]
+            if strip == a_pat or strip == b_pat:
+                p += 40
+
+    # Rule 4 — dark module proportion
+    dark = sum(m[r][c] for r in range(n) for c in range(n))
+    pct = dark * 100 // (n * n)
+    diff = abs(pct - 50)
+    p += (diff // 5) * 10
+
+    return p
+
+
+# ═══════════════════════════════════════════════════════════════════════════
+# 9. Format information  (BCH(15, 5), generator 10100110111)
+# ═══════════════════════════════════════════════════════════════════════════
+
+def _format_info(ec: int, mask: int) -> int:
+    """Compute 15-bit format information word."""
+    data = (ec << 13) | (mask << 10)
+    remainder = data
+    for i in range(14, -1, -1):
+        if remainder & (1 << i):
+            remainder ^= 0x537 << (i - 10)
+    return (data << 10) | remainder | 0x5412
+
+
+# Pre-computed for EC-H (ec=3) to avoid runtime errors:
+_FMT_H = {
+    0: 0x5412, 1: 0x512A, 2: 0x5E25, 3: 0x5B1D,
+    4: 0x45F1, 5: 0x40C9, 6: 0x4FC6, 7: 0x4AFE,
+}
+
+
+# ═══════════════════════════════════════════════════════════════════════════
+# 10. Public API
+# ═══════════════════════════════════════════════════════════════════════════
+
+def matrix(text: str, ec: int = 3) -> list[list[int]]:
+    """Encode *text* into a QR code matrix.
+
+    ec: 0=L, 1=M, 2=Q, 3=H  (default H).
+    Returns a 2-D list: 1 = dark module, 0 = light module.
+    """
+    msg = text.encode("utf-8")
+
+    # Pick smallest version that fits
+    ver = 1
+    data = b""
+    while ver <= 10:
+        try:
+            data = _encode_stream(msg, ver, ec)
+            break
+        except OverflowError:
+            ver += 1
+    else:
+        raise OverflowError("Message too long for supported versions (1-10)")
+
+    n = _size(ver)
+    res = _reserved(n, ver)
+
+    # Error correction + interleave
+    cw = _add_ec(data, ver, ec)
+
+    # Build matrix
+    m = [[0] * n for _ in range(n)]
+
+    # Finder patterns
+    _finder(m, 0, 0)
+    _finder(m, 0, n - 7)
+    _finder(m, n - 7, 0)
+
+    # Alignment patterns
+    for ar in _ALIGNMENT.get(ver, []):
+        for ac in _ALIGNMENT.get(ver, []):
+            if res[ar][ac]:
+                _alignment(m, ar, ac)
+
+    # Timing patterns (between separator and alignment/dark-module area)
+    for i in range(9, n - 7):
+        m[6][i] = (i - 9) % 2
+        m[i][6] = (i - 9) % 2
+
+    # Dark module
+    m[n - 8][8] = 1
+
+    # Fill data
+    _fill(m, res, cw)
+
+    # Try all 8 masks, pick lowest penalty
+    best_m, best_sc, best_fmt = None, float("inf"), 0
+    for mask in range(8):
+        masked = _mask_apply(m, res, mask)
+        fmt = _FMT_H[mask] if ec == 3 else _format_info(ec, mask)
+        _format_bits(masked, n, fmt)
+        sc = _penalty(masked)
+        if sc < best_sc:
+            best_sc = sc
+            best_m = masked
+            best_fmt = fmt
+
+    return best_m
diff --git a/src/cli/assets/logo.svg b/src/cli/assets/logo.svg
new file mode 100644
index 00000000..62dbf1b4
--- /dev/null
+++ b/src/cli/assets/logo.svg
@@ -0,0 +1,19 @@
+<svg width="130" height="130" viewBox="0 0 130 130" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="2.5" y="2.5" width="125" height="125" rx="21.5" stroke="url(#paint0_linear_0_1)" stroke-width="5" />
+    <path d="M81.0417 62.7083H48.9583C46.427 62.7083 44.375 64.7604 44.375 67.2917V83.3333C44.375 85.8646 46.427 87.9167 48.9583 87.9167H81.0417C83.573 87.9167 85.625 85.8646 85.625 83.3333V67.2917C85.625 64.7604 83.573 62.7083 81.0417 62.7083Z" stroke="url(#paint1_linear_0_1)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M53.5417 62.7083V53.5417C53.5417 50.5027 54.7489 47.5883 56.8977 45.4394C59.0466 43.2905 61.9611 42.0833 65 42.0833C68.0389 42.0833 70.9534 43.2905 73.1023 45.4394C75.2511 47.5883 76.4583 50.5027 76.4583 53.5417V62.7083" stroke="url(#paint2_linear_0_1)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" />
+    <defs>
+        <linearGradient id="paint0_linear_0_1" x1="125" y1="65.2963" x2="5.00001" y2="64.7037" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#E20505" />
+            <stop offset="1" stop-color="#E90F13" />
+        </linearGradient>
+        <linearGradient id="paint1_linear_0_1" x1="65" y1="62.7083" x2="65" y2="87.9167" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F70606" />
+            <stop offset="0.9999" stop-color="#D410B3" />
+        </linearGradient>
+        <linearGradient id="paint2_linear_0_1" x1="65" y1="42.0833" x2="65" y2="62.7083" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F70606" />
+            <stop offset="0.9999" stop-color="#D410B3" />
+        </linearGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/src/cli/chithi.wasm b/src/cli/chithi.wasm
new file mode 100644
index 00000000..b7334600
Binary files /dev/null and b/src/cli/chithi.wasm differ
diff --git a/src/cli/pyproject.toml b/src/cli/pyproject.toml
index cf1e631a..ce452d66 100644
--- a/src/cli/pyproject.toml
+++ b/src/cli/pyproject.toml
@@ -1,42 +1,40 @@
 [project]
 name = "cli"
 version = "0.1.0"
-description = "Add your description here"
+description = "Chithi CLI - Upload & download encrypted files"
 readme = "README.md"
 requires-python = ">=3.14"
 dependencies = [
     # CLI
-    "async-typer>=0.1.10",
-    # Http Client
+    "async-typer>=0.2.1",
+    # HTTP Client
     "httpx2[brotli,http2,zstd]>=2.2.0",
-    # Encryption (AES-256-GCM + Argon2id KDF)
-    "cryptography==46.0.3",
-    # ZIP with WinZip AES-256 support (matches web front-end)
-    "pyzipper>=0.3.6",
     # Progress bars
     "tqdm>=4.67.0",
     # Env handling
     "pydantic-settings>=2.12.0",
     # Console Lib
     "rich>=14.3.2",
+    "rich-pixels>=3.0.1",
+    # QR Code
     "qrcode>=8.2",
+    # Image Converter
+    "resvg_py>=0.3.2",
     # Types
+    "types-qrcode>=8.2.0.20260518",
     "types-tqdm>=4.67.3.20260408",
-    "types-qrcode>=8.2.0.20260408",
+    "chithi-sdk",
 ]
 
 
 [dependency-groups]
-build = ["nuitka>=2.8.9", "zstandard>=0.25.0"]
-dev = [
-    "poethepoet>=0.39.0",
-    "pyrefly>=0.62.0",
-    "ruff>=0.15.12",
-]
+build = ["nuitka>=2.8.9", "zstandard>=0.25.0", "maturin>=1.0.0"]
+dev = ["poethepoet>=0.39.0", "pyrefly>=0.62.0", "ruff>=0.15.12"]
 
 [tool.poe.tasks]
 nuitka-build = "python build.py"
 nuitka-debug = "python build.py debug"
+build-native = "maturin develop --manifest-path ../../core/Cargo.toml"
 
 [tool.setuptools]
 packages = ["app"]
@@ -45,18 +43,21 @@ packages = ["app"]
 package = true
 default-groups = ['build', 'dev']
 
+[tool.uv.sources]
+chithi-sdk = { path = "vendor/chithi_sdk-0.1.0-py3-none-any.whl" }
+
 
 [project.scripts]
 chithi = "app.__main__:main"
 
 [tool.ruff.lint]
-extend-select = ["I"] 
+extend-select = ["I"]
 
 [tool.ruff.format]
-skip-magic-trailing-comma = false  # Avoids conflict with isort.split-on-trailing-comma
+skip-magic-trailing-comma = false
 
 [tool.ruff.lint.isort]
-split-on-trailing-comma = true  # Keep this aligned with format.skip-magic-trailing-comma
+split-on-trailing-comma = true
 combine-as-imports = true
 
 [tool.pyrefly]
diff --git a/src/cli/test_logo.py b/src/cli/test_logo.py
new file mode 100644
index 00000000..e69de29b
diff --git a/src/cli/test_qr_output.png b/src/cli/test_qr_output.png
new file mode 100644
index 00000000..b8d646d1
Binary files /dev/null and b/src/cli/test_qr_output.png differ
diff --git a/src/cli/test_qr_output.svg b/src/cli/test_qr_output.svg
new file mode 100644
index 00000000..fca6203c
--- /dev/null
+++ b/src/cli/test_qr_output.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><rect width="25" height="25" fill="white"/><rect x="2" y="2" width="1" height="1"/><rect x="3" y="2" width="1" height="1"/><rect x="4" y="2" width="1" height="1"/><rect x="5" y="2" width="1" height="1"/><rect x="6" y="2" width="1" height="1"/><rect x="7" y="2" width="1" height="1"/><rect x="8" y="2" width="1" height="1"/><rect x="11" y="2" width="1" height="1"/><rect x="14" y="2" width="1" height="1"/><rect x="16" y="2" width="1" height="1"/><rect x="17" y="2" width="1" height="1"/><rect x="18" y="2" width="1" height="1"/><rect x="19" y="2" width="1" height="1"/><rect x="20" y="2" width="1" height="1"/><rect x="21" y="2" width="1" height="1"/><rect x="22" y="2" width="1" height="1"/><rect x="2" y="3" width="1" height="1"/><rect x="8" y="3" width="1" height="1"/><rect x="16" y="3" width="1" height="1"/><rect x="22" y="3" width="1" height="1"/><rect x="2" y="4" width="1" height="1"/><rect x="4" y="4" width="1" height="1"/><rect x="5" y="4" width="1" height="1"/><rect x="6" y="4" width="1" height="1"/><rect x="8" y="4" width="1" height="1"/><rect x="10" y="4" width="1" height="1"/><rect x="12" y="4" width="1" height="1"/><rect x="15" y="4" width="1" height="1"/><rect x="16" y="4" width="1" height="1"/><rect x="18" y="4" width="1" height="1"/><rect x="19" y="4" width="1" height="1"/><rect x="20" y="4" width="1" height="1"/><rect x="22" y="4" width="1" height="1"/><rect x="2" y="5" width="1" height="1"/><rect x="4" y="5" width="1" height="1"/><rect x="5" y="5" width="1" height="1"/><rect x="6" y="5" width="1" height="1"/><rect x="8" y="5" width="1" height="1"/><rect x="10" y="5" width="1" height="1"/><rect x="11" y="5" width="1" height="1"/><rect x="14" y="5" width="1" height="1"/><rect x="16" y="5" width="1" height="1"/><rect x="18" y="5" width="1" height="1"/><rect x="19" y="5" width="1" height="1"/><rect x="20" y="5" width="1" height="1"/><rect x="22" y="5" width="1" height="1"/><rect x="2" y="6" width="1" height="1"/><rect x="4" y="6" width="1" height="1"/><rect x="5" y="6" width="1" height="1"/><rect x="6" y="6" width="1" height="1"/><rect x="8" y="6" width="1" height="1"/><rect x="10" y="6" width="1" height="1"/><rect x="13" y="6" width="1" height="1"/><rect x="16" y="6" width="1" height="1"/><rect x="18" y="6" width="1" height="1"/><rect x="19" y="6" width="1" height="1"/><rect x="20" y="6" width="1" height="1"/><rect x="22" y="6" width="1" height="1"/><rect x="2" y="7" width="1" height="1"/><rect x="8" y="7" width="1" height="1"/><rect x="12" y="7" width="1" height="1"/><rect x="15" y="7" width="1" height="1"/><rect x="16" y="7" width="1" height="1"/><rect x="22" y="7" width="1" height="1"/><rect x="2" y="8" width="1" height="1"/><rect x="3" y="8" width="1" height="1"/><rect x="4" y="8" width="1" height="1"/><rect x="5" y="8" width="1" height="1"/><rect x="6" y="8" width="1" height="1"/><rect x="7" y="8" width="1" height="1"/><rect x="8" y="8" width="1" height="1"/><rect x="12" y="8" width="1" height="1"/><rect x="14" y="8" width="1" height="1"/><rect x="16" y="8" width="1" height="1"/><rect x="17" y="8" width="1" height="1"/><rect x="18" y="8" width="1" height="1"/><rect x="19" y="8" width="1" height="1"/><rect x="20" y="8" width="1" height="1"/><rect x="21" y="8" width="1" height="1"/><rect x="22" y="8" width="1" height="1"/><rect x="13" y="9" width="1" height="1"/><rect x="2" y="10" width="1" height="1"/><rect x="4" y="10" width="1" height="1"/><rect x="5" y="10" width="1" height="1"/><rect x="6" y="10" width="1" height="1"/><rect x="12" y="10" width="1" height="1"/><rect x="15" y="10" width="1" height="1"/><rect x="16" y="10" width="1" height="1"/><rect x="18" y="10" width="1" height="1"/><rect x="19" y="10" width="1" height="1"/><rect x="21" y="10" width="1" height="1"/><rect x="2" y="11" width="1" height="1"/><rect x="5" y="11" width="1" height="1"/><rect x="11" y="11" width="1" height="1"/><rect x="14" y="11" width="1" height="1"/><rect x="17" y="11" width="1" height="1"/><rect x="20" y="11" width="1" height="1"/><rect x="21" y="11" width="1" height="1"/><rect x="22" y="11" width="1" height="1"/><rect x="4" y="12" width="1" height="1"/><rect x="7" y="12" width="1" height="1"/><rect x="8" y="12" width="1" height="1"/><rect x="10" y="12" width="1" height="1"/><rect x="13" y="12" width="1" height="1"/><rect x="16" y="12" width="1" height="1"/><rect x="19" y="12" width="1" height="1"/><rect x="21" y="12" width="1" height="1"/><rect x="22" y="12" width="1" height="1"/><rect x="3" y="13" width="1" height="1"/><rect x="6" y="13" width="1" height="1"/><rect x="9" y="13" width="1" height="1"/><rect x="12" y="13" width="1" height="1"/><rect x="15" y="13" width="1" height="1"/><rect x="18" y="13" width="1" height="1"/><rect x="21" y="13" width="1" height="1"/><rect x="2" y="14" width="1" height="1"/><rect x="5" y="14" width="1" height="1"/><rect x="8" y="14" width="1" height="1"/><rect x="11" y="14" width="1" height="1"/><rect x="14" y="14" width="1" height="1"/><rect x="17" y="14" width="1" height="1"/><rect x="20" y="14" width="1" height="1"/><rect x="22" y="14" width="1" height="1"/><rect x="4" y="15" width="1" height="1"/><rect x="7" y="15" width="1" height="1"/><rect x="10" y="15" width="1" height="1"/><rect x="13" y="15" width="1" height="1"/><rect x="16" y="15" width="1" height="1"/><rect x="19" y="15" width="1" height="1"/><rect x="2" y="16" width="1" height="1"/><rect x="3" y="16" width="1" height="1"/><rect x="4" y="16" width="1" height="1"/><rect x="5" y="16" width="1" height="1"/><rect x="6" y="16" width="1" height="1"/><rect x="7" y="16" width="1" height="1"/><rect x="8" y="16" width="1" height="1"/><rect x="10" y="16" width="1" height="1"/><rect x="12" y="16" width="1" height="1"/><rect x="15" y="16" width="1" height="1"/><rect x="18" y="16" width="1" height="1"/><rect x="2" y="17" width="1" height="1"/><rect x="8" y="17" width="1" height="1"/><rect x="10" y="17" width="1" height="1"/><rect x="11" y="17" width="1" height="1"/><rect x="14" y="17" width="1" height="1"/><rect x="17" y="17" width="1" height="1"/><rect x="20" y="17" width="1" height="1"/><rect x="22" y="17" width="1" height="1"/><rect x="2" y="18" width="1" height="1"/><rect x="4" y="18" width="1" height="1"/><rect x="5" y="18" width="1" height="1"/><rect x="6" y="18" width="1" height="1"/><rect x="8" y="18" width="1" height="1"/><rect x="13" y="18" width="1" height="1"/><rect x="16" y="18" width="1" height="1"/><rect x="19" y="18" width="1" height="1"/><rect x="2" y="19" width="1" height="1"/><rect x="4" y="19" width="1" height="1"/><rect x="5" y="19" width="1" height="1"/><rect x="6" y="19" width="1" height="1"/><rect x="8" y="19" width="1" height="1"/><rect x="10" y="19" width="1" height="1"/><rect x="12" y="19" width="1" height="1"/><rect x="15" y="19" width="1" height="1"/><rect x="18" y="19" width="1" height="1"/><rect x="2" y="20" width="1" height="1"/><rect x="4" y="20" width="1" height="1"/><rect x="5" y="20" width="1" height="1"/><rect x="6" y="20" width="1" height="1"/><rect x="8" y="20" width="1" height="1"/><rect x="10" y="20" width="1" height="1"/><rect x="11" y="20" width="1" height="1"/><rect x="14" y="20" width="1" height="1"/><rect x="17" y="20" width="1" height="1"/><rect x="20" y="20" width="1" height="1"/><rect x="2" y="21" width="1" height="1"/><rect x="8" y="21" width="1" height="1"/><rect x="11" y="21" width="1" height="1"/><rect x="13" y="21" width="1" height="1"/><rect x="15" y="21" width="1" height="1"/><rect x="16" y="21" width="1" height="1"/><rect x="22" y="21" width="1" height="1"/><rect x="2" y="22" width="1" height="1"/><rect x="3" y="22" width="1" height="1"/><rect x="4" y="22" width="1" height="1"/><rect x="5" y="22" width="1" height="1"/><rect x="6" y="22" width="1" height="1"/><rect x="7" y="22" width="1" height="1"/><rect x="8" y="22" width="1" height="1"/><rect x="10" y="22" width="1" height="1"/><rect x="11" y="22" width="1" height="1"/><rect x="16" y="22" width="1" height="1"/><rect x="18" y="22" width="1" height="1"/></svg>
\ No newline at end of file
diff --git a/src/cli/uv.lock b/src/cli/uv.lock
index 1d6d1a56..56585068 100644
--- a/src/cli/uv.lock
+++ b/src/cli/uv.lock
@@ -34,14 +34,14 @@ wheels = [
 
 [[package]]
 name = "async-typer"
-version = "0.1.10"
+version = "0.2.1"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
     { name = "typer" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/25/5f/04c052bf7f8633f7fd3dd67cd8f3542a2aff432fa1e5b14b737465b44e0f/async_typer-0.1.10.tar.gz", hash = "sha256:69a857a2b66a8604e4bac3b5c44a6384b35da9f5314c7847da561e874b2bad39", size = 2093, upload-time = "2025-08-27T14:22:04.073Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/43/ea/9e328f928389846ad2296a8acacb87cf0a9d6f05be88f04865c29c15ce26/async_typer-0.2.1.tar.gz", hash = "sha256:d8fecae239cc16186055252f3d64f9aba04788985c5bd4ed9f9b743fd4d78bde", size = 13143, upload-time = "2026-05-31T03:20:48.284Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/b7/97/1d78783a1a568537f5d29c236dfc3e1723fbc651d3c94005ac5724aa26ca/async_typer-0.1.10-py3-none-any.whl", hash = "sha256:25aadaf6e54c1d47a9c2d6a2bbb0832a2a2fe700be4bb52f38843514d724b380", size = 2598, upload-time = "2025-08-27T14:22:02.964Z" },
+    { url = "https://files.pythonhosted.org/packages/90/ba/460be3d859eee666881c2d09a9567d9f9d99e90b4d38415fd7bf03f9926d/async_typer-0.2.1-py3-none-any.whl", hash = "sha256:7d6feaa38da063f276f5d761ffac5774b49f51233c707038e953260bf5abf755", size = 7691, upload-time = "2026-05-31T03:20:47.47Z" },
 ]
 
 [[package]]
@@ -125,18 +125,39 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/ae/3a/dbeec9d1ee0844c679f6bb5d6ad4e9f198b1224f4e7a32825f47f6192b0c/cffi-2.0.0-cp314-cp314t-win_arm64.whl", hash = "sha256:0a1527a803f0a659de1af2e1fd700213caba79377e27e4693648c2923da066f9", size = 184195, upload-time = "2025-09-08T23:23:43.004Z" },
 ]
 
+[[package]]
+name = "chithi-sdk"
+version = "0.1.0"
+source = { path = "vendor/chithi_sdk-0.1.0-py3-none-any.whl" }
+dependencies = [
+    { name = "wasmtime" },
+]
+wheels = [
+    { filename = "chithi_sdk-0.1.0-py3-none-any.whl", hash = "sha256:7eed9f573c1360fd3d578e23e074077a3c62eb7aa9f3ebe009134a7bcb145254" },
+]
+
+[package.metadata]
+requires-dist = [
+    { name = "mypy", marker = "extra == 'dev'" },
+    { name = "pytest", marker = "extra == 'dev'" },
+    { name = "ruff", marker = "extra == 'dev'" },
+    { name = "wasmtime", specifier = ">=45.0.0" },
+]
+provides-extras = ["dev"]
+
 [[package]]
 name = "cli"
 version = "0.1.0"
 source = { editable = "." }
 dependencies = [
     { name = "async-typer" },
-    { name = "cryptography" },
+    { name = "chithi-sdk" },
     { name = "httpx2", extra = ["brotli", "http2"] },
     { name = "pydantic-settings" },
-    { name = "pyzipper" },
     { name = "qrcode" },
+    { name = "resvg-py" },
     { name = "rich" },
+    { name = "rich-pixels" },
     { name = "tqdm" },
     { name = "types-qrcode" },
     { name = "types-tqdm" },
@@ -144,6 +165,7 @@ dependencies = [
 
 [package.dev-dependencies]
 build = [
+    { name = "maturin" },
     { name = "nuitka" },
     { name = "zstandard" },
 ]
@@ -155,20 +177,22 @@ dev = [
 
 [package.metadata]
 requires-dist = [
-    { name = "async-typer", specifier = ">=0.1.10" },
-    { name = "cryptography", specifier = "==46.0.3" },
+    { name = "async-typer", specifier = ">=0.2.1" },
+    { name = "chithi-sdk", path = "vendor/chithi_sdk-0.1.0-py3-none-any.whl" },
     { name = "httpx2", extras = ["brotli", "http2", "zstd"], specifier = ">=2.2.0" },
     { name = "pydantic-settings", specifier = ">=2.12.0" },
-    { name = "pyzipper", specifier = ">=0.3.6" },
     { name = "qrcode", specifier = ">=8.2" },
+    { name = "resvg-py", specifier = ">=0.3.2" },
     { name = "rich", specifier = ">=14.3.2" },
+    { name = "rich-pixels", specifier = ">=3.0.1" },
     { name = "tqdm", specifier = ">=4.67.0" },
-    { name = "types-qrcode", specifier = ">=8.2.0.20260408" },
+    { name = "types-qrcode", specifier = ">=8.2.0.20260518" },
     { name = "types-tqdm", specifier = ">=4.67.3.20260408" },
 ]
 
 [package.metadata.requires-dev]
 build = [
+    { name = "maturin", specifier = ">=1.0.0" },
     { name = "nuitka", specifier = ">=2.8.9" },
     { name = "zstandard", specifier = ">=0.25.0" },
 ]
@@ -199,62 +223,6 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/d1/d6/3965ed04c63042e047cb6a3e6ed1a63a35087b6a609aa3a15ed8ac56c221/colorama-0.4.6-py2.py3-none-any.whl", hash = "sha256:4f1d9991f5acc0ca119f9d443620b77f9d6b33703e51011c16baf57afb285fc6", size = 25335, upload-time = "2022-10-25T02:36:20.889Z" },
 ]
 
-[[package]]
-name = "cryptography"
-version = "46.0.3"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "cffi", marker = "platform_python_implementation != 'PyPy'" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/9f/33/c00162f49c0e2fe8064a62cb92b93e50c74a72bc370ab92f86112b33ff62/cryptography-46.0.3.tar.gz", hash = "sha256:a8b17438104fed022ce745b362294d9ce35b4c2e45c1d958ad4a4b019285f4a1", size = 749258, upload-time = "2025-10-15T23:18:31.74Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/1d/42/9c391dd801d6cf0d561b5890549d4b27bafcc53b39c31a817e69d87c625b/cryptography-46.0.3-cp311-abi3-macosx_10_9_universal2.whl", hash = "sha256:109d4ddfadf17e8e7779c39f9b18111a09efb969a301a31e987416a0191ed93a", size = 7225004, upload-time = "2025-10-15T23:16:52.239Z" },
-    { url = "https://files.pythonhosted.org/packages/1c/67/38769ca6b65f07461eb200e85fc1639b438bdc667be02cf7f2cd6a64601c/cryptography-46.0.3-cp311-abi3-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:09859af8466b69bc3c27bdf4f5d84a665e0f7ab5088412e9e2ec49758eca5cbc", size = 4296667, upload-time = "2025-10-15T23:16:54.369Z" },
-    { url = "https://files.pythonhosted.org/packages/5c/49/498c86566a1d80e978b42f0d702795f69887005548c041636df6ae1ca64c/cryptography-46.0.3-cp311-abi3-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:01ca9ff2885f3acc98c29f1860552e37f6d7c7d013d7334ff2a9de43a449315d", size = 4450807, upload-time = "2025-10-15T23:16:56.414Z" },
-    { url = "https://files.pythonhosted.org/packages/4b/0a/863a3604112174c8624a2ac3c038662d9e59970c7f926acdcfaed8d61142/cryptography-46.0.3-cp311-abi3-manylinux_2_28_aarch64.whl", hash = "sha256:6eae65d4c3d33da080cff9c4ab1f711b15c1d9760809dad6ea763f3812d254cb", size = 4299615, upload-time = "2025-10-15T23:16:58.442Z" },
-    { url = "https://files.pythonhosted.org/packages/64/02/b73a533f6b64a69f3cd3872acb6ebc12aef924d8d103133bb3ea750dc703/cryptography-46.0.3-cp311-abi3-manylinux_2_28_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:e5bf0ed4490068a2e72ac03d786693adeb909981cc596425d09032d372bcc849", size = 4016800, upload-time = "2025-10-15T23:17:00.378Z" },
-    { url = "https://files.pythonhosted.org/packages/25/d5/16e41afbfa450cde85a3b7ec599bebefaef16b5c6ba4ec49a3532336ed72/cryptography-46.0.3-cp311-abi3-manylinux_2_28_ppc64le.whl", hash = "sha256:5ecfccd2329e37e9b7112a888e76d9feca2347f12f37918facbb893d7bb88ee8", size = 4984707, upload-time = "2025-10-15T23:17:01.98Z" },
-    { url = "https://files.pythonhosted.org/packages/c9/56/e7e69b427c3878352c2fb9b450bd0e19ed552753491d39d7d0a2f5226d41/cryptography-46.0.3-cp311-abi3-manylinux_2_28_x86_64.whl", hash = "sha256:a2c0cd47381a3229c403062f764160d57d4d175e022c1df84e168c6251a22eec", size = 4482541, upload-time = "2025-10-15T23:17:04.078Z" },
-    { url = "https://files.pythonhosted.org/packages/78/f6/50736d40d97e8483172f1bb6e698895b92a223dba513b0ca6f06b2365339/cryptography-46.0.3-cp311-abi3-manylinux_2_34_aarch64.whl", hash = "sha256:549e234ff32571b1f4076ac269fcce7a808d3bf98b76c8dd560e42dbc66d7d91", size = 4299464, upload-time = "2025-10-15T23:17:05.483Z" },
-    { url = "https://files.pythonhosted.org/packages/00/de/d8e26b1a855f19d9994a19c702fa2e93b0456beccbcfe437eda00e0701f2/cryptography-46.0.3-cp311-abi3-manylinux_2_34_ppc64le.whl", hash = "sha256:c0a7bb1a68a5d3471880e264621346c48665b3bf1c3759d682fc0864c540bd9e", size = 4950838, upload-time = "2025-10-15T23:17:07.425Z" },
-    { url = "https://files.pythonhosted.org/packages/8f/29/798fc4ec461a1c9e9f735f2fc58741b0daae30688f41b2497dcbc9ed1355/cryptography-46.0.3-cp311-abi3-manylinux_2_34_x86_64.whl", hash = "sha256:10b01676fc208c3e6feeb25a8b83d81767e8059e1fe86e1dc62d10a3018fa926", size = 4481596, upload-time = "2025-10-15T23:17:09.343Z" },
-    { url = "https://files.pythonhosted.org/packages/15/8d/03cd48b20a573adfff7652b76271078e3045b9f49387920e7f1f631d125e/cryptography-46.0.3-cp311-abi3-musllinux_1_2_aarch64.whl", hash = "sha256:0abf1ffd6e57c67e92af68330d05760b7b7efb243aab8377e583284dbab72c71", size = 4426782, upload-time = "2025-10-15T23:17:11.22Z" },
-    { url = "https://files.pythonhosted.org/packages/fa/b1/ebacbfe53317d55cf33165bda24c86523497a6881f339f9aae5c2e13e57b/cryptography-46.0.3-cp311-abi3-musllinux_1_2_x86_64.whl", hash = "sha256:a04bee9ab6a4da801eb9b51f1b708a1b5b5c9eb48c03f74198464c66f0d344ac", size = 4698381, upload-time = "2025-10-15T23:17:12.829Z" },
-    { url = "https://files.pythonhosted.org/packages/96/92/8a6a9525893325fc057a01f654d7efc2c64b9de90413adcf605a85744ff4/cryptography-46.0.3-cp311-abi3-win32.whl", hash = "sha256:f260d0d41e9b4da1ed1e0f1ce571f97fe370b152ab18778e9e8f67d6af432018", size = 3055988, upload-time = "2025-10-15T23:17:14.65Z" },
-    { url = "https://files.pythonhosted.org/packages/7e/bf/80fbf45253ea585a1e492a6a17efcb93467701fa79e71550a430c5e60df0/cryptography-46.0.3-cp311-abi3-win_amd64.whl", hash = "sha256:a9a3008438615669153eb86b26b61e09993921ebdd75385ddd748702c5adfddb", size = 3514451, upload-time = "2025-10-15T23:17:16.142Z" },
-    { url = "https://files.pythonhosted.org/packages/2e/af/9b302da4c87b0beb9db4e756386a7c6c5b8003cd0e742277888d352ae91d/cryptography-46.0.3-cp311-abi3-win_arm64.whl", hash = "sha256:5d7f93296ee28f68447397bf5198428c9aeeab45705a55d53a6343455dcb2c3c", size = 2928007, upload-time = "2025-10-15T23:17:18.04Z" },
-    { url = "https://files.pythonhosted.org/packages/f5/e2/a510aa736755bffa9d2f75029c229111a1d02f8ecd5de03078f4c18d91a3/cryptography-46.0.3-cp314-cp314t-macosx_10_9_universal2.whl", hash = "sha256:00a5e7e87938e5ff9ff5447ab086a5706a957137e6e433841e9d24f38a065217", size = 7158012, upload-time = "2025-10-15T23:17:19.982Z" },
-    { url = "https://files.pythonhosted.org/packages/73/dc/9aa866fbdbb95b02e7f9d086f1fccfeebf8953509b87e3f28fff927ff8a0/cryptography-46.0.3-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:c8daeb2d2174beb4575b77482320303f3d39b8e81153da4f0fb08eb5fe86a6c5", size = 4288728, upload-time = "2025-10-15T23:17:21.527Z" },
-    { url = "https://files.pythonhosted.org/packages/c5/fd/bc1daf8230eaa075184cbbf5f8cd00ba9db4fd32d63fb83da4671b72ed8a/cryptography-46.0.3-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:39b6755623145ad5eff1dab323f4eae2a32a77a7abef2c5089a04a3d04366715", size = 4435078, upload-time = "2025-10-15T23:17:23.042Z" },
-    { url = "https://files.pythonhosted.org/packages/82/98/d3bd5407ce4c60017f8ff9e63ffee4200ab3e23fe05b765cab805a7db008/cryptography-46.0.3-cp314-cp314t-manylinux_2_28_aarch64.whl", hash = "sha256:db391fa7c66df6762ee3f00c95a89e6d428f4d60e7abc8328f4fe155b5ac6e54", size = 4293460, upload-time = "2025-10-15T23:17:24.885Z" },
-    { url = "https://files.pythonhosted.org/packages/26/e9/e23e7900983c2b8af7a08098db406cf989d7f09caea7897e347598d4cd5b/cryptography-46.0.3-cp314-cp314t-manylinux_2_28_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:78a97cf6a8839a48c49271cdcbd5cf37ca2c1d6b7fdd86cc864f302b5e9bf459", size = 3995237, upload-time = "2025-10-15T23:17:26.449Z" },
-    { url = "https://files.pythonhosted.org/packages/91/15/af68c509d4a138cfe299d0d7ddb14afba15233223ebd933b4bbdbc7155d3/cryptography-46.0.3-cp314-cp314t-manylinux_2_28_ppc64le.whl", hash = "sha256:dfb781ff7eaa91a6f7fd41776ec37c5853c795d3b358d4896fdbb5df168af422", size = 4967344, upload-time = "2025-10-15T23:17:28.06Z" },
-    { url = "https://files.pythonhosted.org/packages/ca/e3/8643d077c53868b681af077edf6b3cb58288b5423610f21c62aadcbe99f4/cryptography-46.0.3-cp314-cp314t-manylinux_2_28_x86_64.whl", hash = "sha256:6f61efb26e76c45c4a227835ddeae96d83624fb0d29eb5df5b96e14ed1a0afb7", size = 4466564, upload-time = "2025-10-15T23:17:29.665Z" },
-    { url = "https://files.pythonhosted.org/packages/0e/43/c1e8726fa59c236ff477ff2b5dc071e54b21e5a1e51aa2cee1676f1c986f/cryptography-46.0.3-cp314-cp314t-manylinux_2_34_aarch64.whl", hash = "sha256:23b1a8f26e43f47ceb6d6a43115f33a5a37d57df4ea0ca295b780ae8546e8044", size = 4292415, upload-time = "2025-10-15T23:17:31.686Z" },
-    { url = "https://files.pythonhosted.org/packages/42/f9/2f8fefdb1aee8a8e3256a0568cffc4e6d517b256a2fe97a029b3f1b9fe7e/cryptography-46.0.3-cp314-cp314t-manylinux_2_34_ppc64le.whl", hash = "sha256:b419ae593c86b87014b9be7396b385491ad7f320bde96826d0dd174459e54665", size = 4931457, upload-time = "2025-10-15T23:17:33.478Z" },
-    { url = "https://files.pythonhosted.org/packages/79/30/9b54127a9a778ccd6d27c3da7563e9f2d341826075ceab89ae3b41bf5be2/cryptography-46.0.3-cp314-cp314t-manylinux_2_34_x86_64.whl", hash = "sha256:50fc3343ac490c6b08c0cf0d704e881d0d660be923fd3076db3e932007e726e3", size = 4466074, upload-time = "2025-10-15T23:17:35.158Z" },
-    { url = "https://files.pythonhosted.org/packages/ac/68/b4f4a10928e26c941b1b6a179143af9f4d27d88fe84a6a3c53592d2e76bf/cryptography-46.0.3-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:22d7e97932f511d6b0b04f2bfd818d73dcd5928db509460aaf48384778eb6d20", size = 4420569, upload-time = "2025-10-15T23:17:37.188Z" },
-    { url = "https://files.pythonhosted.org/packages/a3/49/3746dab4c0d1979888f125226357d3262a6dd40e114ac29e3d2abdf1ec55/cryptography-46.0.3-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:d55f3dffadd674514ad19451161118fd010988540cee43d8bc20675e775925de", size = 4681941, upload-time = "2025-10-15T23:17:39.236Z" },
-    { url = "https://files.pythonhosted.org/packages/fd/30/27654c1dbaf7e4a3531fa1fc77986d04aefa4d6d78259a62c9dc13d7ad36/cryptography-46.0.3-cp314-cp314t-win32.whl", hash = "sha256:8a6e050cb6164d3f830453754094c086ff2d0b2f3a897a1d9820f6139a1f0914", size = 3022339, upload-time = "2025-10-15T23:17:40.888Z" },
-    { url = "https://files.pythonhosted.org/packages/f6/30/640f34ccd4d2a1bc88367b54b926b781b5a018d65f404d409aba76a84b1c/cryptography-46.0.3-cp314-cp314t-win_amd64.whl", hash = "sha256:760f83faa07f8b64e9c33fc963d790a2edb24efb479e3520c14a45741cd9b2db", size = 3494315, upload-time = "2025-10-15T23:17:42.769Z" },
-    { url = "https://files.pythonhosted.org/packages/ba/8b/88cc7e3bd0a8e7b861f26981f7b820e1f46aa9d26cc482d0feba0ecb4919/cryptography-46.0.3-cp314-cp314t-win_arm64.whl", hash = "sha256:516ea134e703e9fe26bcd1277a4b59ad30586ea90c365a87781d7887a646fe21", size = 2919331, upload-time = "2025-10-15T23:17:44.468Z" },
-    { url = "https://files.pythonhosted.org/packages/fd/23/45fe7f376a7df8daf6da3556603b36f53475a99ce4faacb6ba2cf3d82021/cryptography-46.0.3-cp38-abi3-macosx_10_9_universal2.whl", hash = "sha256:cb3d760a6117f621261d662bccc8ef5bc32ca673e037c83fbe565324f5c46936", size = 7218248, upload-time = "2025-10-15T23:17:46.294Z" },
-    { url = "https://files.pythonhosted.org/packages/27/32/b68d27471372737054cbd34c84981f9edbc24fe67ca225d389799614e27f/cryptography-46.0.3-cp38-abi3-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:4b7387121ac7d15e550f5cb4a43aef2559ed759c35df7336c402bb8275ac9683", size = 4294089, upload-time = "2025-10-15T23:17:48.269Z" },
-    { url = "https://files.pythonhosted.org/packages/26/42/fa8389d4478368743e24e61eea78846a0006caffaf72ea24a15159215a14/cryptography-46.0.3-cp38-abi3-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:15ab9b093e8f09daab0f2159bb7e47532596075139dd74365da52ecc9cb46c5d", size = 4440029, upload-time = "2025-10-15T23:17:49.837Z" },
-    { url = "https://files.pythonhosted.org/packages/5f/eb/f483db0ec5ac040824f269e93dd2bd8a21ecd1027e77ad7bdf6914f2fd80/cryptography-46.0.3-cp38-abi3-manylinux_2_28_aarch64.whl", hash = "sha256:46acf53b40ea38f9c6c229599a4a13f0d46a6c3fa9ef19fc1a124d62e338dfa0", size = 4297222, upload-time = "2025-10-15T23:17:51.357Z" },
-    { url = "https://files.pythonhosted.org/packages/fd/cf/da9502c4e1912cb1da3807ea3618a6829bee8207456fbbeebc361ec38ba3/cryptography-46.0.3-cp38-abi3-manylinux_2_28_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:10ca84c4668d066a9878890047f03546f3ae0a6b8b39b697457b7757aaf18dbc", size = 4012280, upload-time = "2025-10-15T23:17:52.964Z" },
-    { url = "https://files.pythonhosted.org/packages/6b/8f/9adb86b93330e0df8b3dcf03eae67c33ba89958fc2e03862ef1ac2b42465/cryptography-46.0.3-cp38-abi3-manylinux_2_28_ppc64le.whl", hash = "sha256:36e627112085bb3b81b19fed209c05ce2a52ee8b15d161b7c643a7d5a88491f3", size = 4978958, upload-time = "2025-10-15T23:17:54.965Z" },
-    { url = "https://files.pythonhosted.org/packages/d1/a0/5fa77988289c34bdb9f913f5606ecc9ada1adb5ae870bd0d1054a7021cc4/cryptography-46.0.3-cp38-abi3-manylinux_2_28_x86_64.whl", hash = "sha256:1000713389b75c449a6e979ffc7dcc8ac90b437048766cef052d4d30b8220971", size = 4473714, upload-time = "2025-10-15T23:17:56.754Z" },
-    { url = "https://files.pythonhosted.org/packages/14/e5/fc82d72a58d41c393697aa18c9abe5ae1214ff6f2a5c18ac470f92777895/cryptography-46.0.3-cp38-abi3-manylinux_2_34_aarch64.whl", hash = "sha256:b02cf04496f6576afffef5ddd04a0cb7d49cf6be16a9059d793a30b035f6b6ac", size = 4296970, upload-time = "2025-10-15T23:17:58.588Z" },
-    { url = "https://files.pythonhosted.org/packages/78/06/5663ed35438d0b09056973994f1aec467492b33bd31da36e468b01ec1097/cryptography-46.0.3-cp38-abi3-manylinux_2_34_ppc64le.whl", hash = "sha256:71e842ec9bc7abf543b47cf86b9a743baa95f4677d22baa4c7d5c69e49e9bc04", size = 4940236, upload-time = "2025-10-15T23:18:00.897Z" },
-    { url = "https://files.pythonhosted.org/packages/fc/59/873633f3f2dcd8a053b8dd1d38f783043b5fce589c0f6988bf55ef57e43e/cryptography-46.0.3-cp38-abi3-manylinux_2_34_x86_64.whl", hash = "sha256:402b58fc32614f00980b66d6e56a5b4118e6cb362ae8f3fda141ba4689bd4506", size = 4472642, upload-time = "2025-10-15T23:18:02.749Z" },
-    { url = "https://files.pythonhosted.org/packages/3d/39/8e71f3930e40f6877737d6f69248cf74d4e34b886a3967d32f919cc50d3b/cryptography-46.0.3-cp38-abi3-musllinux_1_2_aarch64.whl", hash = "sha256:ef639cb3372f69ec44915fafcd6698b6cc78fbe0c2ea41be867f6ed612811963", size = 4423126, upload-time = "2025-10-15T23:18:04.85Z" },
-    { url = "https://files.pythonhosted.org/packages/cd/c7/f65027c2810e14c3e7268353b1681932b87e5a48e65505d8cc17c99e36ae/cryptography-46.0.3-cp38-abi3-musllinux_1_2_x86_64.whl", hash = "sha256:3b51b8ca4f1c6453d8829e1eb7299499ca7f313900dd4d89a24b8b87c0a780d4", size = 4686573, upload-time = "2025-10-15T23:18:06.908Z" },
-    { url = "https://files.pythonhosted.org/packages/0a/6e/1c8331ddf91ca4730ab3086a0f1be19c65510a33b5a441cb334e7a2d2560/cryptography-46.0.3-cp38-abi3-win32.whl", hash = "sha256:6276eb85ef938dc035d59b87c8a7dc559a232f954962520137529d77b18ff1df", size = 3036695, upload-time = "2025-10-15T23:18:08.672Z" },
-    { url = "https://files.pythonhosted.org/packages/90/45/b0d691df20633eff80955a0fc7695ff9051ffce8b69741444bd9ed7bd0db/cryptography-46.0.3-cp38-abi3-win_amd64.whl", hash = "sha256:416260257577718c05135c55958b674000baef9a1c7d9e8f306ec60d71db850f", size = 3501720, upload-time = "2025-10-15T23:18:10.632Z" },
-    { url = "https://files.pythonhosted.org/packages/e8/cb/2da4cc83f5edb9c3257d09e1e7ab7b23f049c7962cae8d842bbef0a9cec9/cryptography-46.0.3-cp38-abi3-win_arm64.whl", hash = "sha256:d89c3468de4cdc4f08a57e214384d0471911a3830fcdaf7a8cc587e42a866372", size = 2918740, upload-time = "2025-10-15T23:18:12.277Z" },
-]
-
 [[package]]
 name = "h11"
 version = "0.16.0"
@@ -353,6 +321,27 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/b3/81/4da04ced5a082363ecfa159c010d200ecbd959ae410c10c0264a38cac0f5/markdown_it_py-4.2.0-py3-none-any.whl", hash = "sha256:9f7ebbcd14fe59494226453aed97c1070d83f8d24b6fc3a3bcf9a38092641c4a", size = 91687, upload-time = "2026-05-07T12:08:27.182Z" },
 ]
 
+[[package]]
+name = "maturin"
+version = "1.14.1"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/e7/b3/addd877f871fb1860d46d3a4f206ecb10b946c85846805e6367631926fd3/maturin-1.14.1.tar.gz", hash = "sha256:9d6577a62cd08e0ceba7a0db06fb098e0c9b1b3429bad747a4f3a18215a1b3df", size = 369637, upload-time = "2026-06-19T05:19:49.774Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/f4/f0/97c5a5bd9c71653a066c0976a484eaaae50b9369557838a4176b7b0bdaa5/maturin-1.14.1-py3-none-linux_armv6l.whl", hash = "sha256:522292398945442cdafa9daeb2271b2340fbde57027b818f923f88eab04174f8", size = 10207496, upload-time = "2026-06-19T05:19:09.321Z" },
+    { url = "https://files.pythonhosted.org/packages/fe/83/294bca639b0e052f1e2f65199b3db258780c7d4e31408b934c9c974a1379/maturin-1.14.1-py3-none-macosx_10_12_x86_64.macosx_11_0_arm64.macosx_10_12_universal2.whl", hash = "sha256:ffe5ad71f21d1e6603c4dd75f7fee34adf5ed5ebcebb692886549888ebb329ed", size = 19680113, upload-time = "2026-06-19T05:19:13.43Z" },
+    { url = "https://files.pythonhosted.org/packages/43/b6/79c881410a3b1c187f7eb3d407aecae646c6a4433d630d72200359015e83/maturin-1.14.1-py3-none-macosx_10_12_x86_64.whl", hash = "sha256:f3306078070c1508fd715b9116070cbcaff5959024272a9f1e6f5cb29768b86c", size = 10169205, upload-time = "2026-06-19T05:19:16.615Z" },
+    { url = "https://files.pythonhosted.org/packages/93/9d/44b6f26dcb7f7a04c5501ac2dbb6ca1490150682baa525ca5860504f9eab/maturin-1.14.1-py3-none-manylinux_2_12_i686.manylinux2010_i686.musllinux_1_1_i686.whl", hash = "sha256:cd457cd88961156e26379e1155bd287cc0ec1c8b2f1582b0660fb31b87c8842d", size = 10188098, upload-time = "2026-06-19T05:19:19.736Z" },
+    { url = "https://files.pythonhosted.org/packages/1a/bd/9c0d5d6983905ce2c9edaa073a7e89355a9cf7f396988e05d32f1c37785d/maturin-1.14.1-py3-none-manylinux_2_12_x86_64.manylinux2010_x86_64.musllinux_1_1_x86_64.whl", hash = "sha256:dfc54ae32e6fcb18302193ab9a30b0b25eefffba994ae13238974805533ef75e", size = 10627576, upload-time = "2026-06-19T05:19:22.713Z" },
+    { url = "https://files.pythonhosted.org/packages/e5/33/b096412bd6a7cb399652b260666f901adf88a687181a6dbd6a3f89f0a94e/maturin-1.14.1-py3-none-manylinux_2_17_aarch64.manylinux2014_aarch64.musllinux_1_1_aarch64.whl", hash = "sha256:a131d912b5267e640bc96d70f4914e10590aed64082ec9abacba7cea52004224", size = 10085181, upload-time = "2026-06-19T05:19:25.69Z" },
+    { url = "https://files.pythonhosted.org/packages/56/8d/08c3bf469c38a23c9e6c877e338193001eb604d010fedc08341974e38528/maturin-1.14.1-py3-none-manylinux_2_17_armv7l.manylinux2014_armv7l.musllinux_1_1_armv7l.whl", hash = "sha256:be18fc568fb76884c0205456336892a75105ec398e6b667cd777c6268bd06d69", size = 10026363, upload-time = "2026-06-19T05:19:28.904Z" },
+    { url = "https://files.pythonhosted.org/packages/3a/a4/c4d1a92839f8745ab4aab988a7db884a79d6d710bd3b286fcf9316dece1a/maturin-1.14.1-py3-none-manylinux_2_17_ppc64le.manylinux2014_ppc64le.musllinux_1_1_ppc64le.whl", hash = "sha256:994a0c8ba3ad8a92b3a9ee1b02645d200d610216b15cff5102b0fe65e8e08666", size = 13321347, upload-time = "2026-06-19T05:19:32.411Z" },
+    { url = "https://files.pythonhosted.org/packages/b3/fa/170f04624d03fd07d2a8b1b67de83a127af93aef9eaa425839553347297b/maturin-1.14.1-py3-none-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:be80866363e605d137991b491a741a84cde9ae350183c4c85f49690ca9aaaa65", size = 10877609, upload-time = "2026-06-19T05:19:35.448Z" },
+    { url = "https://files.pythonhosted.org/packages/61/ad/1ae2e1d0ded282bf2c55ac13f0811d87deb425e200ae64a15785675dede9/maturin-1.14.1-py3-none-manylinux_2_31_riscv64.musllinux_1_1_riscv64.whl", hash = "sha256:5282dffd4b539d2be245f4e5b1a5ab6bc1033b58f4a4872f5833f9d43c954aa4", size = 10417316, upload-time = "2026-06-19T05:19:38.28Z" },
+    { url = "https://files.pythonhosted.org/packages/fb/27/bf677183920718da49cd7982d6a3ffc440aad8919329f571d189f81b7bdf/maturin-1.14.1-py3-none-win32.whl", hash = "sha256:1a04de0a20188f95c721b5702eed18140bdcccb28c386797093eca3f62f4d4e0", size = 8931293, upload-time = "2026-06-19T05:19:41.183Z" },
+    { url = "https://files.pythonhosted.org/packages/63/4b/585adeb9167b08d3cdff0032a938b0e72655c92003df4f52c3f696a1bcc2/maturin-1.14.1-py3-none-win_amd64.whl", hash = "sha256:3c9f94640ecc4895e94abaf834a0684430032c865b2748a36c12461fd9252fdd", size = 10314067, upload-time = "2026-06-19T05:19:44.389Z" },
+    { url = "https://files.pythonhosted.org/packages/51/d4/dac8c0720ae246be1700afb6fbdbbea20fe35b13f6570b2f70faa005df77/maturin-1.14.1-py3-none-win_arm64.whl", hash = "sha256:15cea8fcb3ba47dd636f50092bb34baea8b04ac777392f23e6bf8a9a61efb894", size = 9718943, upload-time = "2026-06-19T05:19:47.49Z" },
+]
+
 [[package]]
 name = "mdurl"
 version = "0.1.2"
@@ -432,25 +421,6 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/0c/c3/44f3fbbfa403ea2a7c779186dc20772604442dde72947e7d01069cbe98e3/pycparser-3.0-py3-none-any.whl", hash = "sha256:b727414169a36b7d524c1c3e31839a521725078d7b2ff038656844266160a992", size = 48172, upload-time = "2026-01-21T14:26:50.693Z" },
 ]
 
-[[package]]
-name = "pycryptodomex"
-version = "3.23.0"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/c9/85/e24bf90972a30b0fcd16c73009add1d7d7cd9140c2498a68252028899e41/pycryptodomex-3.23.0.tar.gz", hash = "sha256:71909758f010c82bc99b0abf4ea12012c98962fbf0583c2164f8b84533c2e4da", size = 4922157, upload-time = "2025-05-17T17:23:41.434Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/dd/9c/1a8f35daa39784ed8adf93a694e7e5dc15c23c741bbda06e1d45f8979e9e/pycryptodomex-3.23.0-cp37-abi3-macosx_10_9_universal2.whl", hash = "sha256:06698f957fe1ab229a99ba2defeeae1c09af185baa909a31a5d1f9d42b1aaed6", size = 2499240, upload-time = "2025-05-17T17:22:46.953Z" },
-    { url = "https://files.pythonhosted.org/packages/7a/62/f5221a191a97157d240cf6643747558759126c76ee92f29a3f4aee3197a5/pycryptodomex-3.23.0-cp37-abi3-macosx_10_9_x86_64.whl", hash = "sha256:b2c2537863eccef2d41061e82a881dcabb04944c5c06c5aa7110b577cc487545", size = 1644042, upload-time = "2025-05-17T17:22:49.098Z" },
-    { url = "https://files.pythonhosted.org/packages/8c/fd/5a054543c8988d4ed7b612721d7e78a4b9bf36bc3c5ad45ef45c22d0060e/pycryptodomex-3.23.0-cp37-abi3-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:43c446e2ba8df8889e0e16f02211c25b4934898384c1ec1ec04d7889c0333587", size = 2186227, upload-time = "2025-05-17T17:22:51.139Z" },
-    { url = "https://files.pythonhosted.org/packages/c8/a9/8862616a85cf450d2822dbd4fff1fcaba90877907a6ff5bc2672cafe42f8/pycryptodomex-3.23.0-cp37-abi3-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:f489c4765093fb60e2edafdf223397bc716491b2b69fe74367b70d6999257a5c", size = 2272578, upload-time = "2025-05-17T17:22:53.676Z" },
-    { url = "https://files.pythonhosted.org/packages/46/9f/bda9c49a7c1842820de674ab36c79f4fbeeee03f8ff0e4f3546c3889076b/pycryptodomex-3.23.0-cp37-abi3-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:bdc69d0d3d989a1029df0eed67cc5e8e5d968f3724f4519bd03e0ec68df7543c", size = 2312166, upload-time = "2025-05-17T17:22:56.585Z" },
-    { url = "https://files.pythonhosted.org/packages/03/cc/870b9bf8ca92866ca0186534801cf8d20554ad2a76ca959538041b7a7cf4/pycryptodomex-3.23.0-cp37-abi3-musllinux_1_2_aarch64.whl", hash = "sha256:6bbcb1dd0f646484939e142462d9e532482bc74475cecf9c4903d4e1cd21f003", size = 2185467, upload-time = "2025-05-17T17:22:59.237Z" },
-    { url = "https://files.pythonhosted.org/packages/96/e3/ce9348236d8e669fea5dd82a90e86be48b9c341210f44e25443162aba187/pycryptodomex-3.23.0-cp37-abi3-musllinux_1_2_i686.whl", hash = "sha256:8a4fcd42ccb04c31268d1efeecfccfd1249612b4de6374205376b8f280321744", size = 2346104, upload-time = "2025-05-17T17:23:02.112Z" },
-    { url = "https://files.pythonhosted.org/packages/a5/e9/e869bcee87beb89040263c416a8a50204f7f7a83ac11897646c9e71e0daf/pycryptodomex-3.23.0-cp37-abi3-musllinux_1_2_x86_64.whl", hash = "sha256:55ccbe27f049743a4caf4f4221b166560d3438d0b1e5ab929e07ae1702a4d6fd", size = 2271038, upload-time = "2025-05-17T17:23:04.872Z" },
-    { url = "https://files.pythonhosted.org/packages/8d/67/09ee8500dd22614af5fbaa51a4aee6e342b5fa8aecf0a6cb9cbf52fa6d45/pycryptodomex-3.23.0-cp37-abi3-win32.whl", hash = "sha256:189afbc87f0b9f158386bf051f720e20fa6145975f1e76369303d0f31d1a8d7c", size = 1771969, upload-time = "2025-05-17T17:23:07.115Z" },
-    { url = "https://files.pythonhosted.org/packages/69/96/11f36f71a865dd6df03716d33bd07a67e9d20f6b8d39820470b766af323c/pycryptodomex-3.23.0-cp37-abi3-win_amd64.whl", hash = "sha256:52e5ca58c3a0b0bd5e100a9fbc8015059b05cffc6c66ce9d98b4b45e023443b9", size = 1803124, upload-time = "2025-05-17T17:23:09.267Z" },
-    { url = "https://files.pythonhosted.org/packages/f9/93/45c1cdcbeb182ccd2e144c693eaa097763b08b38cded279f0053ed53c553/pycryptodomex-3.23.0-cp37-abi3-win_arm64.whl", hash = "sha256:02d87b80778c171445d67e23d1caef279bf4b25c3597050ccd2e13970b57fd51", size = 1707161, upload-time = "2025-05-17T17:23:11.414Z" },
-]
-
 [[package]]
 name = "pydantic"
 version = "2.13.4"
@@ -582,18 +552,6 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/f1/12/de94a39c2ef588c7e6455cfbe7343d3b2dc9d6b6b2f40c4c6565744c873d/pyyaml-6.0.3-cp314-cp314t-win_arm64.whl", hash = "sha256:ebc55a14a21cb14062aa4162f906cd962b28e2e9ea38f9b4391244cd8de4ae0b", size = 149341, upload-time = "2025-09-25T21:32:56.828Z" },
 ]
 
-[[package]]
-name = "pyzipper"
-version = "0.4.0"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "pycryptodomex" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/8b/5a/548039b202f85fcdfbadaddde2f4182c6dbf7730bbe005b24f903ae886ee/pyzipper-0.4.0.tar.gz", hash = "sha256:a4b96afcac04c5589d5abdc6158dd362166374e3cc6810aa441e65f8a17cb9e3", size = 36780, upload-time = "2026-05-14T04:06:28.903Z" }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/1e/9a/db7b20df854ea3a7f25ee9d7bc31ff3ecce085843bcf4c06bd9c1dcc34e0/pyzipper-0.4.0-py3-none-any.whl", hash = "sha256:aa7b8a0fe741d67aac36ead85f6e735af107b72f84e0775f2ed565fc0d3a2f02", size = 36643, upload-time = "2026-05-14T04:06:27.332Z" },
-]
-
 [[package]]
 name = "qrcode"
 version = "8.2"
@@ -606,6 +564,41 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/dd/b8/d2d6d731733f51684bbf76bf34dab3b70a9148e8f2cef2bb544fccec681a/qrcode-8.2-py3-none-any.whl", hash = "sha256:16e64e0716c14960108e85d853062c9e8bba5ca8252c0b4d0231b9df4060ff4f", size = 45986, upload-time = "2025-05-01T15:44:22.781Z" },
 ]
 
+[[package]]
+name = "resvg-py"
+version = "0.3.2"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/22/2c/6fbd726597184bbcdf371b8adbf249f8d784fb332d6e82ddc1c5cce36b85/resvg_py-0.3.2.tar.gz", hash = "sha256:7eefcbb18b1c86703eb3577cdcc5f6edb94c76dacb340a07b5a052e16047333a", size = 2329387, upload-time = "2026-05-15T16:34:12.087Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/a2/ec/699de825a450208d02650e8e0d9fa8fff057c125d775cdc455a4d1a5aec7/resvg_py-0.3.2-cp314-cp314-android_24_arm64_v8a.whl", hash = "sha256:da3326876bdfe93407c0afd9e6d61b8f78e4357cbb922e28aa4367bf10add2bc", size = 1126562, upload-time = "2026-05-15T16:34:01.265Z" },
+    { url = "https://files.pythonhosted.org/packages/3d/35/2250dd97158c2ceff690976a9f9332b51ddaa0aca096a2a9aa3b589757fd/resvg_py-0.3.2-cp314-cp314-android_24_x86_64.whl", hash = "sha256:b68f7b11aac933952449925ff1fa381503a77260ffe12f902125f4581477a541", size = 1136310, upload-time = "2026-05-15T16:32:08.519Z" },
+    { url = "https://files.pythonhosted.org/packages/b3/0f/6ca26bde9f7e9cfd5ed4352121404b70d6bc7b1c1cc6c1829b411b4ea0e4/resvg_py-0.3.2-cp314-cp314-macosx_10_12_x86_64.whl", hash = "sha256:6afef0dbcd30ad6a4e1be35fbb2c6706286fec70508e0246c9bdeea580ef4555", size = 1039782, upload-time = "2026-05-15T16:33:37.51Z" },
+    { url = "https://files.pythonhosted.org/packages/f1/77/d32d248e145676c57b991bcffebebbe373345beb7e5546fe95e04cd025a0/resvg_py-0.3.2-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:eeba3965a0e102de8909a9370ec56e605a9006cc9ce3293edd26c3b3b782c6ba", size = 992606, upload-time = "2026-05-15T16:32:22.855Z" },
+    { url = "https://files.pythonhosted.org/packages/ae/b9/78e2d4036897b89a7c0ee24b39055e4306dc9a6707c2c9773caaf08452bd/resvg_py-0.3.2-cp314-cp314-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:1d13be473fcbe71a29e18263054b2d13f470b82a30aa24469d7dafe522058505", size = 1167276, upload-time = "2026-05-15T16:33:23.442Z" },
+    { url = "https://files.pythonhosted.org/packages/9c/c9/0ca04eb80223a8b32a117c141ba718f444abd29e37474f0d0e3fc88d5762/resvg_py-0.3.2-cp314-cp314-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:6b04e5d14977cef633b0a00d335f6727c9c27b024bf4a853d90277906ae2c390", size = 1108715, upload-time = "2026-05-15T16:33:51.882Z" },
+    { url = "https://files.pythonhosted.org/packages/f6/9d/b3e8af1bbdd213406bd6511a20c6fca2799b89de3b6a891efcbd8c40e150/resvg_py-0.3.2-cp314-cp314-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:becdb22ff66023b0f8f4f378a056e40c7d5a02c1ca81bd796591dd3ddffd756c", size = 1261294, upload-time = "2026-05-15T16:32:17.929Z" },
+    { url = "https://files.pythonhosted.org/packages/03/ab/171611be6b7fdd1ed52ad7b1dfd5d77e8647b2ffb143ddd267fcf5a97181/resvg_py-0.3.2-cp314-cp314-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:5207bf2c246535ec9bdae28ba6cb92854f9511509ef1cb01733b1e9740198da8", size = 1243506, upload-time = "2026-05-15T16:32:06.79Z" },
+    { url = "https://files.pythonhosted.org/packages/62/38/5cbb28b62af89e728fa4d4fcc27f74924a3b322cdc3e013bf5ad7ba26708/resvg_py-0.3.2-cp314-cp314-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:65aa10f815e06ed063d93d949da481c73492fb6409260fa1e836ba523f9099e0", size = 1166748, upload-time = "2026-05-15T16:34:15.82Z" },
+    { url = "https://files.pythonhosted.org/packages/8e/cb/6db137aa9f804eab38060e747f66b19895fa4b83d3f945e6b289a209f79f/resvg_py-0.3.2-cp314-cp314-manylinux_2_5_i686.manylinux1_i686.whl", hash = "sha256:aa1dfb6e1ac37fefa55e9767459680069f58297902375106e201fcaedd481dcc", size = 1235336, upload-time = "2026-05-15T16:33:08.482Z" },
+    { url = "https://files.pythonhosted.org/packages/64/47/dd466c9837d846f2080b524303f80c6d835e5e7f4a8d13df56cb8ce336f3/resvg_py-0.3.2-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:65b9ed1f42fde56211c4b1b47389beebd67861a971d65eba5e67e52b3e80f03d", size = 1344899, upload-time = "2026-05-15T16:33:09.505Z" },
+    { url = "https://files.pythonhosted.org/packages/5c/c2/b46e2f6968f5bd286241362a8d3eee706e5c5bd3d0a9dd6bcdb66de33847/resvg_py-0.3.2-cp314-cp314-musllinux_1_2_armv7l.whl", hash = "sha256:ab559b5845ed45aabd474710bff2d7a73a6bc6026b78fb73f958408fb373f5cd", size = 1385514, upload-time = "2026-05-15T16:32:12.995Z" },
+    { url = "https://files.pythonhosted.org/packages/45/4b/ce6d866b4251314bc814925edf258127c0926bfb3e2ade97dbc6fb724ea3/resvg_py-0.3.2-cp314-cp314-musllinux_1_2_i686.whl", hash = "sha256:4fdd946a0fbcc00423d2f7de3c95f84b5573d50011e515a9f1edf1518ae522e1", size = 1407769, upload-time = "2026-05-15T16:33:30.924Z" },
+    { url = "https://files.pythonhosted.org/packages/5f/71/f6df102c0f4f33e9b1df3cd042526ac434f519e9fbc5fe229cb1801bbac6/resvg_py-0.3.2-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:66874a19209a905b278320e91739d8419f85870f9dda4fdaaf9bbd8dad83610f", size = 1385486, upload-time = "2026-05-15T16:33:32.162Z" },
+    { url = "https://files.pythonhosted.org/packages/cd/a3/2f09c62b333dbcbf199468d3edf1fc23efcd8a7db30f8775173d0c1bb0d0/resvg_py-0.3.2-cp314-cp314-win32.whl", hash = "sha256:a19034354e4af48993b9397123049344ab4766c2b44c72d5fdc0ee49c27023cc", size = 966152, upload-time = "2026-05-15T16:32:59.512Z" },
+    { url = "https://files.pythonhosted.org/packages/4d/9e/a6720b7fff4eab79d73dbf4d3a88689996d8bc4f6d0ff6855e542c3013df/resvg_py-0.3.2-cp314-cp314-win_amd64.whl", hash = "sha256:1276bb7d4a0c73c1a6b9c08bae54d85affc934b762f5843d892a516d2c023d97", size = 982133, upload-time = "2026-05-15T16:33:48.136Z" },
+    { url = "https://files.pythonhosted.org/packages/58/91/b2c0db947388f8242cb96fb946c1d1ca08ecc00cea471f7f4fad0f13f42b/resvg_py-0.3.2-cp314-cp314-win_arm64.whl", hash = "sha256:415509d213eaba339b4118a6e36cca7b6ee760b21703cdfdc8d9c934e30bb99b", size = 919643, upload-time = "2026-05-15T16:33:19.488Z" },
+    { url = "https://files.pythonhosted.org/packages/c8/47/f7900962e2fd3258cf8314e9f15c9abd8f585dcae545aff9b28571cab648/resvg_py-0.3.2-cp314-cp314t-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:854a4bb16b8c61177ab543f2711c7b6a0d1f84fd3e8644aaf5e01587fe4c2750", size = 1167258, upload-time = "2026-05-15T16:32:39.754Z" },
+    { url = "https://files.pythonhosted.org/packages/bc/04/830a64eccb2d2cd632405c01c178144b48fcbe8e5a1d82a7a66776414610/resvg_py-0.3.2-cp314-cp314t-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:57840840a1728003a2c7cde85f66241a6b9197746c9a02c374aa533ef2292ce3", size = 1108459, upload-time = "2026-05-15T16:33:10.933Z" },
+    { url = "https://files.pythonhosted.org/packages/ca/75/edf102ef26eaffd4d03fa105d8905c927c8d78e80343801371643d40a8c7/resvg_py-0.3.2-cp314-cp314t-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:877a7b9056395c73644d8987ab93c99996aa3283843b49ad2a4443a3b44cf969", size = 1261223, upload-time = "2026-05-15T16:32:20.25Z" },
+    { url = "https://files.pythonhosted.org/packages/69/52/84306200924474cc2d34db82d9f505fc36e66e147dd5667a05a80c05a0d9/resvg_py-0.3.2-cp314-cp314t-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:991bccafe6487010f9b635e0c01620550d49f504020dbc4a5a75702efdfc8294", size = 1243430, upload-time = "2026-05-15T16:33:24.752Z" },
+    { url = "https://files.pythonhosted.org/packages/d3/09/5b1d4f082028e5d31a3a03b02c4c046c4c86640e3087ac884eb41d20f540/resvg_py-0.3.2-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:b44b2b41bca6437976226a11acd41cb7b77fa06ed007d0953648d76d0ba6f4db", size = 1344561, upload-time = "2026-05-15T16:33:14.724Z" },
+    { url = "https://files.pythonhosted.org/packages/bd/34/70dfea52bd5b6db319e73be08000ab7a7bcbc77672c00ac441d409f69fb1/resvg_py-0.3.2-cp314-cp314t-musllinux_1_2_armv7l.whl", hash = "sha256:4004e7d1f3cab2000646400fc131388e2a86b092c3814288facd21bde54c7938", size = 1385394, upload-time = "2026-05-15T16:32:38.478Z" },
+    { url = "https://files.pythonhosted.org/packages/32/27/f14b87436f22c7bac0274125c0a06068b70e4daa65eedf9cfc72246be1e2/resvg_py-0.3.2-cp314-cp314t-musllinux_1_2_i686.whl", hash = "sha256:ddda286dc5a1e9a2a4ae35a5b700b81eacf400c560c3032d59a40a45f5f4fbfb", size = 1408038, upload-time = "2026-05-15T16:32:44.549Z" },
+    { url = "https://files.pythonhosted.org/packages/8c/46/731565006f07c3b42176fdc4f2997a6d7d86900a14db4ddc2b92e98a2307/resvg_py-0.3.2-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:deda8a5ca6a3d9d74c201c95727a9e53491171c56f747c9e938d9e72295257d8", size = 1385478, upload-time = "2026-05-15T16:34:06.541Z" },
+    { url = "https://files.pythonhosted.org/packages/d6/05/f91153ca2bbc59e20d6af19f10645e82703627ba959fd68043487cde23bf/resvg_py-0.3.2-cp315-cp315-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:9cc5361e73e4f1ff7de8c65827d8e0de9577b9bab08684341ccf2fdeb1893426", size = 1166748, upload-time = "2026-05-15T16:34:21.646Z" },
+    { url = "https://files.pythonhosted.org/packages/e0/ce/c0455dbc89cfa79bde16c785028838ed4c8a1abedfb095d26b29ec29edda/resvg_py-0.3.2-cp315-cp315-manylinux_2_5_i686.manylinux1_i686.whl", hash = "sha256:fc21bdd26a4a791c93192566f65dc1e521519973f4e92e2f0147aa9ddb9f3fec", size = 1235334, upload-time = "2026-05-15T16:33:39.89Z" },
+]
+
 [[package]]
 name = "rich"
 version = "15.0.0"
@@ -619,6 +612,19 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/82/3b/64d4899d73f91ba49a8c18a8ff3f0ea8f1c1d75481760df8c68ef5235bf5/rich-15.0.0-py3-none-any.whl", hash = "sha256:33bd4ef74232fb73fe9279a257718407f169c09b78a87ad3d296f548e27de0bb", size = 310654, upload-time = "2026-04-12T08:24:02.83Z" },
 ]
 
+[[package]]
+name = "rich-pixels"
+version = "3.0.1"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "pillow" },
+    { name = "rich" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/31/71/6d5cd4b8d67cd49366eda19aaf37f20094ce562223a91166109202590237/rich_pixels-3.0.1.tar.gz", hash = "sha256:4a81977d45437ce5009cdcaf70af80256c3bdfab870e87ab802c577ba4133235", size = 24631, upload-time = "2024-03-30T09:37:52.834Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/08/72/7264494bc0944db1166b73c88f19d9ddfc584dbbc77c210cd0f52f59c511/rich_pixels-3.0.1-py3-none-any.whl", hash = "sha256:e82c5aa0d00885609675494f16e1ef814c68fa795634f1d6917cae9159b755e1", size = 6004, upload-time = "2024-03-30T09:37:51.169Z" },
+]
+
 [[package]]
 name = "ruff"
 version = "0.15.14"
@@ -746,6 +752,25 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/7f/3e/5db95bcf282c52709639744ca2a8b149baccf648e39c8cc87553df9eae0c/urllib3-2.7.0-py3-none-any.whl", hash = "sha256:9fb4c81ebbb1ce9531cce37674bbc6f1360472bc18ca9a553ede278ef7276897", size = 131087, upload-time = "2026-05-07T16:13:17.151Z" },
 ]
 
+[[package]]
+name = "wasmtime"
+version = "47.0.1"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/2c/94/95cab3216e1015379b4d3ad7c43ead61c3d7fbde7c5051aa46676e74a288/wasmtime-47.0.1.tar.gz", hash = "sha256:fab6ee0e87354f14ef228fa71b40841dd3c2c713f6efce636af234b4e3e6edcc", size = 129028, upload-time = "2026-07-20T18:50:19.684Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/9b/97/127fac4881fe00c63b76dfdceb6f1478e94be83cbba443340f3c94463e37/wasmtime-47.0.1-py3-none-android_26_arm64_v8a.whl", hash = "sha256:844d85628e50929143f03af9a34b3cf5c9148747debced80c14776d27e18173c", size = 8872099, upload-time = "2026-07-20T18:50:00.035Z" },
+    { url = "https://files.pythonhosted.org/packages/cf/d4/9bd5b086f260c6868fe63947d944eed310f8b508768e932d3f1b120bf773/wasmtime-47.0.1-py3-none-android_26_x86_64.whl", hash = "sha256:749c5c1271ca208f1026001ddc65984fa98113e583521d47ae7e11bc96bf337d", size = 9886842, upload-time = "2026-07-20T18:50:02.202Z" },
+    { url = "https://files.pythonhosted.org/packages/b5/c2/470db1a8a4fd3080ec91700613526ec5c8f3699bf07cf1aa7c09812063c8/wasmtime-47.0.1-py3-none-any.whl", hash = "sha256:5146a700c93909e797e0f6c05707c992fc75f4f5f5c5ecf826a9aff689ec6af1", size = 8069916, upload-time = "2026-07-20T18:50:03.946Z" },
+    { url = "https://files.pythonhosted.org/packages/4a/07/3df9b8dba5d0abf7ea3df5d12048cb2fe4d026f3df14ad9693f81ae71654/wasmtime-47.0.1-py3-none-macosx_10_13_x86_64.whl", hash = "sha256:8b4ec103273ec3dce86efe6793d41f83df713983d9cbc5c9662adbb56cf00ffe", size = 9646308, upload-time = "2026-07-20T18:50:05.504Z" },
+    { url = "https://files.pythonhosted.org/packages/dc/b2/fc660c451b7969a9eef8d35f505837ffc8e8a21064f18255a8f0347c1318/wasmtime-47.0.1-py3-none-macosx_11_0_arm64.whl", hash = "sha256:58da69f71750e844e32614c1805246ffca4c8b032d46a8145faa26c228c6c5ac", size = 8455235, upload-time = "2026-07-20T18:50:07.246Z" },
+    { url = "https://files.pythonhosted.org/packages/5e/ba/f321faaad1d616b94fe70a62ebb7e4054cfe41a6a46aa796ad2bb07fa08c/wasmtime-47.0.1-py3-none-manylinux1_x86_64.whl", hash = "sha256:9724600b036c6e95c4fe952e29fad83b4f02bdc11d23f25c4ee3ffff2c1d7257", size = 9963365, upload-time = "2026-07-20T18:50:08.973Z" },
+    { url = "https://files.pythonhosted.org/packages/d7/93/f12469c859fed8332961c4efa68c1f1981542b9ce95248b617255938a55d/wasmtime-47.0.1-py3-none-manylinux2014_aarch64.whl", hash = "sha256:4f72162ceed1d50de8226fac6b12e1ecce54883a0c3f7355bb141eae40df488a", size = 8822179, upload-time = "2026-07-20T18:50:11.056Z" },
+    { url = "https://files.pythonhosted.org/packages/ab/24/545c7a118750f997986127e826ae900070c515081b48dba8c7ac175a7956/wasmtime-47.0.1-py3-none-musllinux_1_2_aarch64.whl", hash = "sha256:0aeb53d4c8e682cccebbaac48882939b34e71a1243b622129de3e6834728044d", size = 8857887, upload-time = "2026-07-20T18:50:13.39Z" },
+    { url = "https://files.pythonhosted.org/packages/ab/a1/1640bf06ee0515a3eac1a84ae1805cab5407af6226ad52a9e6034d43974f/wasmtime-47.0.1-py3-none-musllinux_1_2_x86_64.whl", hash = "sha256:f900fa571a9a5668b6210de9ecca1c5b66db14d85b7c36514c3d307d4f4cdc90", size = 10013249, upload-time = "2026-07-20T18:50:15.031Z" },
+    { url = "https://files.pythonhosted.org/packages/90/e4/8603bd4a360edbe5178efe4e7b48f1677749a96a3caa3fc68ab23b0de62c/wasmtime-47.0.1-py3-none-win_amd64.whl", hash = "sha256:4e46a4a29092a2ac1001159d5673e2a23996f4474261c791401867b1630429f4", size = 8069924, upload-time = "2026-07-20T18:50:16.902Z" },
+    { url = "https://files.pythonhosted.org/packages/e3/c6/183b9cff18b77d7f87ade1ae48ae971b25de3b367bf3c8e65ab253751444/wasmtime-47.0.1-py3-none-win_arm64.whl", hash = "sha256:812058e7b40b73defa1d5118c25faa674920b7833c0a22cf79f0ff4eadee0c32", size = 6962708, upload-time = "2026-07-20T18:50:18.404Z" },
+]
+
 [[package]]
 name = "zstandard"
 version = "0.25.0"
diff --git a/src/frontend/.agents/skills/apollo-client/SKILL.md b/src/frontend/.agents/skills/apollo-client/SKILL.md
new file mode 100644
index 00000000..b9934e2c
--- /dev/null
+++ b/src/frontend/.agents/skills/apollo-client/SKILL.md
@@ -0,0 +1,168 @@
+---
+name: apollo-client
+description: >
+  Guide for building React applications with Apollo Client 4.x. Use this skill when:
+  (1) setting up Apollo Client in a React project,
+  (2) writing GraphQL queries or mutations with hooks,
+  (3) configuring caching or cache policies,
+  (4) managing local state with reactive variables,
+  (5) troubleshooting Apollo Client errors or performance issues.
+license: MIT
+compatibility: React 18+, React 19 (Suspense/RSC). Works with Next.js, Vite, CRA, and other React frameworks.
+metadata:
+  author: apollographql
+  version: "1.0.0"
+allowed-tools: Bash(npm:*) Bash(npx:*) Bash(node:*) Read Write Edit Glob Grep
+---
+
+# Apollo Client 4.x Guide
+
+Apollo Client is a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL. Version 4.x brings improved caching, better TypeScript support, and React 19 compatibility.
+
+## Integration Guides
+
+Choose the integration guide that matches your application setup:
+
+- **[Client-Side Apps](references/integration-client.md)** - For client-side React applications without SSR (Vite, Create React App, etc.)
+- **[Next.js App Router](references/integration-nextjs.md)** - For Next.js applications using the App Router with React Server Components
+- **[React Router Framework Mode](references/integration-react-router.md)** - For React Router 7 applications with streaming SSR
+- **[TanStack Start](references/integration-tanstack-start.md)** - For TanStack Start applications with modern routing
+
+Each guide includes installation steps, configuration, and framework-specific patterns optimized for that environment.
+
+## Quick Reference
+
+### Basic Query
+
+```tsx
+import { gql } from "@apollo/client";
+import { useQuery } from "@apollo/client/react";
+
+const GET_USER = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+    }
+  }
+`;
+
+function UserProfile({ userId }: { userId: string }) {
+  const { loading, error, data, dataState } = useQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  if (loading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error.message}</p>;
+
+  // TypeScript note: for stricter type narrowing, you can also check `dataState === "complete"` before accessing data
+  return <div>{data?.user.name}</div>;
+}
+```
+
+### Basic Mutation
+
+```tsx
+import { gql } from "@apollo/client";
+import { useMutation } from "@apollo/client/react";
+
+const CREATE_USER = gql`
+  mutation CreateUser($input: CreateUserInput!) {
+    createUser(input: $input) {
+      id
+      name
+    }
+  }
+`;
+
+function CreateUserForm() {
+  const [createUser, { loading, error }] = useMutation(CREATE_USER);
+
+  const handleSubmit = async (name: string) => {
+    await createUser({ variables: { input: { name } } });
+  };
+
+  return <button onClick={() => handleSubmit("John")}>Create User</button>;
+}
+```
+
+### Suspense Query
+
+```tsx
+import { Suspense } from "react";
+import { useSuspenseQuery } from "@apollo/client/react";
+
+function UserProfile({ userId }: { userId: string }) {
+  const { data } = useSuspenseQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  return <div>{data.user.name}</div>;
+}
+
+function App() {
+  return (
+    <Suspense fallback={<p>Loading user...</p>}>
+      <UserProfile userId="1" />
+    </Suspense>
+  );
+}
+```
+
+## Reference Files
+
+Detailed documentation for specific topics:
+
+- [TypeScript Code Generation](references/typescript-codegen.md) - GraphQL Code Generator setup for type-safe operations
+- [Queries](references/queries.md) - useQuery, useLazyQuery, polling, refetching
+- [Suspense Hooks](references/suspense-hooks.md) - useSuspenseQuery, useBackgroundQuery, useReadQuery, useLoadableQuery
+- [Mutations](references/mutations.md) - useMutation, optimistic UI, cache updates
+- [Fragments](references/fragments.md) - Fragment colocation, useFragment, useSuspenseFragment, data masking
+- [Caching](references/caching.md) - InMemoryCache, typePolicies, cache manipulation
+- [State Management](references/state-management.md) - Reactive variables, local state
+- [Error Handling](references/error-handling.md) - Error policies, error links, retries
+- [Troubleshooting](references/troubleshooting.md) - Common issues and solutions
+
+## Key Rules
+
+### Query Best Practices
+
+- **Each page should generally only have one query, composed from colocated fragments.** Use `useFragment` or `useSuspenseFragment` in all non-page-components. Use `@defer` to allow slow fields below the fold to stream in later and avoid blocking the page load.
+- **Fragments are for colocation, not reuse.** Each fragment should describe exactly the data needs of a specific component, not be shared across components for common fields. See [Fragments reference](references/fragments.md) for details on fragment colocation and data masking.
+- Always handle `loading` and `error` states in UI when using non-suspenseful hooks (`useQuery`, `useLazyQuery`). When using Suspense hooks (`useSuspenseQuery`, `useBackgroundQuery`), React handles this through `<Suspense>` boundaries and error boundaries.
+- Use `fetchPolicy` to control cache behavior per query
+- Use the TypeScript type server to look up documentation for functions and options (Apollo Client has extensive docblocks)
+
+### Mutation Best Practices
+
+- **If the schema permits, mutation return values should return everything necessary to update the cache.** Neither manual updates nor refetching should be necessary.
+- If the mutation response is insufficient, carefully weigh manual cache manipulation vs refetching. Manual updates risk missing server logic. Consider optimistic updates with a granular refetch if needed.
+- Handle errors gracefully in the UI
+- Use `refetchQueries` sparingly (prefer letting the cache update automatically)
+
+### Caching Best Practices
+
+- Configure `keyFields` for types without `id` field
+- Disable normalization by setting `keyFields: false` for types that don't include an identifier and are meant to group related fields under the parent
+- Use `typePolicies` for pagination and computed fields
+- Understand cache normalization to debug issues
+- **Enable [data masking](references/fragments.md#data-masking) for all new applications** - it prevents components from accessing fragment data they don't own, enforcing proper data boundaries and preventing over-rendering
+
+### Performance
+
+- Avoid over-fetching with proper field selection
+- Configure appropriate `fetchPolicy` per use case
+- Use `@defer` for incremental delivery of deferred query parts, and `@stream` for streaming list fields (`@stream` available in Apollo Client 4.1+)
+- **Prefer Suspense hooks (`useSuspenseQuery`, `useBackgroundQuery`) in modern applications** for better loading state handling and code simplicity
+
+## Ground Rules
+
+- ALWAYS use Apollo Client 4.x patterns (not v3 or earlier)
+- ALWAYS wrap your app with `ApolloProvider`
+- ALWAYS handle loading and error states when using non-suspenseful hooks
+- PREFER Suspense hooks (`useSuspenseQuery`, `useBackgroundQuery`) in modern applications for better DX
+- NEVER store Apollo Client in React state (use module-level or context)
+- PREFER `cache-first` for read-heavy data, `network-only` for real-time data
+- USE TypeScript for better type safety with GraphQL
+- IMPLEMENT proper cache updates instead of refetching entire queries
+- ADVISE the human steering you to look into Apollo DevTools when collaboratively debugging Apollo Client issues
diff --git a/src/frontend/.agents/skills/apollo-client/references/caching.md b/src/frontend/.agents/skills/apollo-client/references/caching.md
new file mode 100644
index 00000000..399b8f75
--- /dev/null
+++ b/src/frontend/.agents/skills/apollo-client/references/caching.md
@@ -0,0 +1,560 @@
+# Caching Reference
+
+## Table of Contents
+
+- [InMemoryCache Setup](#inmemorycache-setup)
+- [Cache Normalization](#cache-normalization)
+- [Type Policies](#type-policies)
+- [Field Policies](#field-policies)
+- [Pagination](#pagination)
+- [Cache Manipulation](#cache-manipulation)
+- [Garbage Collection](#garbage-collection)
+
+## InMemoryCache Setup
+
+### Basic Configuration
+
+```typescript
+import { InMemoryCache } from "@apollo/client";
+
+const cache = new InMemoryCache({
+  // Custom type policies
+  typePolicies: {
+    Query: {
+      fields: {
+        // Query-level field policies
+      },
+    },
+    User: {
+      keyFields: ["id"],
+      fields: {
+        // User-level field policies
+      },
+    },
+  },
+
+  // Custom type name handling (rare)
+  possibleTypes: {
+    Character: ["Human", "Droid"],
+    Node: ["User", "Post", "Comment"],
+  },
+});
+```
+
+### Constructor Options
+
+```typescript
+new InMemoryCache({
+  // Define how types are identified in cache
+  typePolicies: {
+    /* ... */
+  },
+
+  // Interface/union type mappings between supertypes and their subtypes
+  possibleTypes: {
+    /* ... */
+  },
+
+  // Custom function to generate cache IDs (rare)
+  dataIdFromObject: (object) => {
+    if (object.__typename === "Book") {
+      return `Book:${object.isbn}`;
+    }
+    return defaultDataIdFromObject(object);
+  },
+});
+```
+
+## Cache Normalization
+
+Apollo Client normalizes data by splitting query results into individual objects and storing them by unique identifier.
+
+### How Normalization Works
+
+```graphql
+# Query
+query GetPost {
+  post(id: "1") {
+    id
+    title
+    author {
+      id
+      name
+    }
+  }
+}
+```
+
+```typescript
+// Normalized cache structure
+{
+  'Post:1': {
+    __typename: 'Post',
+    id: '1',
+    title: 'Hello World',
+    author: { __ref: 'User:42' }
+  },
+  'User:42': {
+    __typename: 'User',
+    id: '42',
+    name: 'John'
+  },
+  ROOT_QUERY: {
+    'post({"id":"1"})': { __ref: 'Post:1' }
+  }
+}
+```
+
+### Benefits of Normalization
+
+1. **Automatic updates**: When `User:42` is updated anywhere, all components showing that user update
+2. **Deduplication**: Same objects aren't stored multiple times
+3. **Efficient updates**: Only changed objects trigger re-renders
+
+## Type Policies
+
+### keyFields
+
+Customize how objects are identified in the cache.
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    // Use ISBN instead of id for books
+    Book: {
+      keyFields: ["isbn"],
+    },
+
+    // Composite key
+    UserSession: {
+      keyFields: ["userId", "deviceId"],
+    },
+
+    // Nested key
+    Review: {
+      keyFields: ["book", ["isbn"], "reviewer", ["id"]],
+    },
+
+    // No key fields (singleton, only one object in cache per type)
+    AppSettings: {
+      keyFields: [],
+    },
+
+    // Disable normalization (objects of this type will be stored with their
+    // parent entity. The same object might end up multiple times in the cache
+    // and run out of sync. Use with caution, only if this object really relates
+    // to a property of their parent entity and cannot exist on its own.)
+    Address: {
+      keyFields: false,
+    },
+  },
+});
+```
+
+### merge Functions
+
+Control how incoming data merges with existing data.
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    User: {
+      fields: {
+        // Deep merge profile object
+        profile: {
+          merge: true, // Shorthand for deep merge
+        },
+
+        // Custom merge logic
+        notifications: {
+          merge(existing = [], incoming, { mergeObjects }) {
+            // Prepend new notifications
+            return [...incoming, ...existing];
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+## Field Policies
+
+### read Function
+
+Transform cached data when reading.
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    User: {
+      fields: {
+        // Computed field
+        fullName: {
+          read(_, { readField }) {
+            const firstName = readField("firstName");
+            const lastName = readField("lastName");
+            return `${firstName} ${lastName}`;
+          },
+        },
+
+        // Transform existing field
+        birthDate: {
+          read(existing) {
+            return existing ? new Date(existing) : null;
+          },
+        },
+
+        // Default value
+        role: {
+          read(existing = "USER") {
+            return existing;
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+### merge Function
+
+Control how incoming data is stored.
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    User: {
+      fields: {
+        // Accumulate items instead of replacing
+        friends: {
+          merge(existing = [], incoming) {
+            return [...existing, ...incoming];
+          },
+        },
+
+        // Merge objects deeply
+        settings: {
+          merge(existing, incoming, { mergeObjects }) {
+            return mergeObjects(existing, incoming);
+          },
+        },
+      },
+    },
+
+    Query: {
+      fields: {
+        // Merge paginated results
+        posts: {
+          keyArgs: ["category"], // Only category affects cache key
+          merge(existing = { items: [] }, incoming) {
+            return {
+              ...incoming,
+              items: [...existing.items, ...incoming.items],
+            };
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+### keyArgs
+
+Control which arguments affect cache storage.
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    Query: {
+      fields: {
+        // Different cache entry per userId only
+        // (limit, offset don't create new entries)
+        userPosts: {
+          keyArgs: ["userId"],
+        },
+
+        // No arguments affect cache key
+        // (useful for pagination)
+        feed: {
+          keyArgs: false,
+        },
+
+        // Nested argument
+        search: {
+          keyArgs: ["filter", ["category", "status"]],
+        },
+      },
+    },
+  },
+});
+```
+
+## Pagination
+
+### Offset-Based Pagination
+
+```typescript
+import { offsetLimitPagination } from "@apollo/client/utilities";
+
+const cache = new InMemoryCache({
+  typePolicies: {
+    Query: {
+      fields: {
+        posts: offsetLimitPagination(),
+
+        // With key arguments
+        userPosts: offsetLimitPagination(["userId"]),
+      },
+    },
+  },
+});
+```
+
+### Cursor-Based Pagination (Relay Style)
+
+```typescript
+import { relayStylePagination } from "@apollo/client/utilities";
+
+const cache = new InMemoryCache({
+  typePolicies: {
+    Query: {
+      fields: {
+        posts: relayStylePagination(),
+
+        // With key arguments
+        userPosts: relayStylePagination(["userId"]),
+      },
+    },
+  },
+});
+```
+
+### Custom Pagination
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    Query: {
+      fields: {
+        feed: {
+          keyArgs: false,
+
+          merge(existing, incoming, { args }) {
+            const merged = existing ? existing.slice(0) : [];
+            const offset = args?.offset ?? 0;
+
+            for (let i = 0; i < incoming.length; i++) {
+              merged[offset + i] = incoming[i];
+            }
+
+            return merged;
+          },
+
+          read(existing, { args }) {
+            const offset = args?.offset ?? 0;
+            const limit = args?.limit ?? existing?.length ?? 0;
+            return existing?.slice(offset, offset + limit);
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+### fetchMore for Pagination
+
+```tsx
+function PostList() {
+  const { data, fetchMore, loading } = useQuery(GET_POSTS, {
+    variables: { offset: 0, limit: 10 },
+  });
+
+  const loadMore = () => {
+    fetchMore({
+      variables: {
+        offset: data.posts.length,
+      },
+      // With proper type policies, no updateQuery needed
+    });
+  };
+
+  return (
+    <div>
+      {data?.posts.map((post) => <PostCard key={post.id} post={post} />)}
+      <button onClick={loadMore} disabled={loading}>
+        Load More
+      </button>
+    </div>
+  );
+}
+```
+
+## Cache Manipulation
+
+### cache.readQuery
+
+```typescript
+// Read data from cache
+const data = cache.readQuery({
+  query: GET_TODOS,
+});
+
+// With variables
+const userData = cache.readQuery({
+  query: GET_USER,
+  variables: { id: "1" },
+});
+```
+
+### cache.writeQuery
+
+```typescript
+// Write data to cache
+cache.writeQuery({
+  query: GET_TODOS,
+  data: {
+    todos: [
+      { __typename: "Todo", id: "1", text: "Buy milk", completed: false },
+    ],
+  },
+});
+
+// With variables
+cache.writeQuery({
+  query: GET_USER,
+  variables: { id: "1" },
+  data: {
+    user: { __typename: "User", id: "1", name: "John" },
+  },
+});
+```
+
+### cache.readFragment / cache.writeFragment
+
+```typescript
+// Read a specific object - use cache.identify for safety
+const user = cache.readFragment({
+  id: cache.identify({ __typename: "User", id: "1" }),
+  fragment: gql`
+    fragment UserFragment on User {
+      id
+      name
+      email
+    }
+  `,
+});
+
+// Apollo Client 4.1+: Use 'from' parameter (recommended)
+const user = cache.readFragment({
+  from: { __typename: "User", id: "1" },
+  fragment: gql`
+    fragment UserFragment on User {
+      id
+      name
+      email
+    }
+  `,
+});
+
+// Update a specific object
+cache.writeFragment({
+  id: cache.identify({ __typename: "User", id: "1" }),
+  fragment: gql`
+    fragment UpdateUser on User {
+      name
+    }
+  `,
+  data: {
+    name: "Jane",
+  },
+});
+
+// Apollo Client 4.1+: Use 'from' parameter (recommended)
+cache.writeFragment({
+  from: { __typename: "User", id: "1" },
+  fragment: gql`
+    fragment UpdateUser on User {
+      name
+    }
+  `,
+  data: {
+    name: "Jane",
+  },
+});
+```
+
+### cache.modify
+
+```typescript
+// Modify fields directly
+cache.modify({
+  id: cache.identify(user),
+  fields: {
+    // Set new value
+    name: () => "New Name",
+
+    // Transform existing value
+    postCount: (existing) => existing + 1,
+
+    // Delete field
+    temporaryField: (_, { DELETE }) => DELETE,
+
+    // Add to array
+    friends: (existing, { toReference }) => [
+      ...existing,
+      toReference({ __typename: "User", id: "2" }),
+    ],
+  },
+});
+```
+
+### cache.evict
+
+```typescript
+// Remove object from cache
+cache.evict({ id: "User:1" });
+
+// Remove specific field
+cache.evict({ id: "User:1", fieldName: "friends" });
+
+// Remove with broadcast (trigger re-renders)
+cache.evict({ id: "User:1", broadcast: true });
+```
+
+## Garbage Collection
+
+### Manual Garbage Collection
+
+```typescript
+// After evicting objects, clean up dangling references
+cache.evict({ id: "User:1" });
+cache.gc();
+```
+
+### Retaining Objects
+
+```typescript
+// Prevent objects from being garbage collected
+const release = cache.retain("User:1");
+
+// Later, allow GC
+release();
+cache.gc();
+```
+
+### Inspecting Cache
+
+```typescript
+// Get all cached data
+const cacheContents = cache.extract();
+
+// Restore cache state
+cache.restore(previousCacheContents);
+
+// Get identified object cache key
+const userId = cache.identify({ __typename: "User", id: "1" });
+// Returns: 'User:1'
+```
diff --git a/src/frontend/.agents/skills/apollo-client/references/error-handling.md b/src/frontend/.agents/skills/apollo-client/references/error-handling.md
new file mode 100644
index 00000000..36af6c51
--- /dev/null
+++ b/src/frontend/.agents/skills/apollo-client/references/error-handling.md
@@ -0,0 +1,350 @@
+# Error Handling Reference (Apollo Client 4.x)
+
+Note that Apollo Client 4.x handles errors differently than Apollo Client 3.x.
+This reference documents the updated error handling mechanisms, error types, and best practices for managing errors in your Apollo Client applications.
+For older Apollo Client 3.x error handling documentation, see [Apollo Client 3.x Error Handling](https://www.apollographql.com/docs/react/v3/data/error-handling).
+
+## Table of Contents
+
+- [Understanding Errors](#understanding-errors)
+- [Error Types](#error-types)
+- [Identifying Error Types](#identifying-error-types)
+- [GraphQL Error Policies](#graphql-error-policies)
+- [Error Links](#error-links)
+- [Retry Link](#retry-link)
+- [Error Boundaries](#error-boundaries)
+
+## Understanding Errors
+
+Errors in Apollo Client fall into two main categories: **GraphQL errors** and **network errors**. Each category has specific error classes that provide detailed information about what went wrong.
+
+### GraphQL Errors
+
+GraphQL errors are related to server-side execution of a GraphQL operation:
+
+- **Syntax errors** (e.g., malformed query)
+- **Validation errors** (e.g., query includes a non-existent schema field)
+- **Resolver errors** (e.g., error while populating a query field)
+
+If a syntax or validation error occurs, the server doesn't execute the operation. If resolver errors occur, the server can still return partial data.
+
+Example server response with GraphQL error:
+
+```json
+{
+  "errors": [
+    {
+      "message": "Cannot query field \"nonexistentField\" on type \"Query\".",
+      "locations": [{ "line": 2, "column": 3 }],
+      "extensions": {
+        "code": "GRAPHQL_VALIDATION_FAILED"
+      }
+    }
+  ],
+  "data": null
+}
+```
+
+In Apollo Client 4.x, GraphQL errors are represented by the [`CombinedGraphQLErrors`](https://apollographql.com/docs/react/api/errors/CombinedGraphQLErrors) error type.
+
+### Network Errors
+
+Network errors occur when attempting to communicate with your GraphQL server:
+
+- `4xx` or `5xx` HTTP response status codes
+- Network unavailability
+- JSON parsing failures
+- Custom errors from Apollo Link request handlers
+
+Network errors might be represented by special error types, but if an api such as the `fetch` API throws a native error (e.g., `TypeError`), Apollo Client will pass it through as-is.
+Thrown values that don't fulfill the standard `ErrorLike` interface are wrapped in the [`UnconventionalError`](https://apollographql.com/docs/react/api/errors/UnconventionalError) class, which fulfills the `ErrorLike` interface. As such, you can expect any error returned by Apollo Client to fulfill the `ErrorLike` interface.
+
+```ts
+export interface ErrorLike {
+  message: string;
+  name: string;
+  stack?: string;
+}
+```
+
+## Error Types
+
+Apollo Client 4.x provides specific error classes for different error scenarios:
+
+### CombinedGraphQLErrors
+
+Represents GraphQL errors returned by the server. Most common error type in applications.
+
+```tsx
+import { CombinedGraphQLErrors } from "@apollo/client/errors";
+
+function UserProfile({ userId }: { userId: string }) {
+  const { data, error } = useQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  // no need to check for nullishness of error, CombinedGraphQLErrors.is handles that
+  if (CombinedGraphQLErrors.is(error)) {
+    // Handle GraphQL errors
+    return (
+      <div>
+        {error.graphQLErrors.map((err, i) => (
+          <p key={i}>GraphQL Error: {err.message}</p>
+        ))}
+      </div>
+    );
+  }
+
+  return data ? <Profile user={data.user} /> : null;
+}
+```
+
+### CombinedProtocolErrors
+
+Represents fatal transport-level errors during multipart HTTP subscription execution.
+
+### ServerError
+
+Occurs when the server responds with a non-200 HTTP status code.
+
+```tsx
+import { ServerError } from "@apollo/client/errors";
+
+if (ServerError.is(error)) {
+  console.error("Server error:", error.statusCode, error.result);
+}
+```
+
+### ServerParseError
+
+Occurs when the server response cannot be parsed as valid JSON.
+
+```tsx
+import { ServerParseError } from "@apollo/client/errors";
+
+if (ServerParseError.is(error)) {
+  console.error("Invalid JSON response:", error.bodyText);
+}
+```
+
+### LocalStateError
+
+Represents errors in local state configuration or execution.
+
+### UnconventionalError
+
+Wraps non-standard errors (e.g., thrown symbols or objects) to ensure consistent error handling.
+
+## Identifying Error Types
+
+Every Apollo Client error class provides a static `is` method that reliably determines whether an error is of that specific type. This is more robust than `instanceof` because it avoids false positives/negatives.
+
+```ts
+import {
+  CombinedGraphQLErrors,
+  CombinedProtocolErrors,
+  LocalStateError,
+  ServerError,
+  ServerParseError,
+  UnconventionalError,
+  ErrorLike,
+} from "@apollo/client/errors";
+
+// Anything returned in the `error` field of Apollo Client hooks or methods is of type `ErrorLike` or `undefined`.
+function handleError(error?: ErrorLike) {
+  if (CombinedGraphQLErrors.is(error)) {
+    // Handle GraphQL errors
+    console.error("GraphQL errors:", error.graphQLErrors);
+  } else if (CombinedProtocolErrors.is(error)) {
+    // Handle multipart subscription protocol errors
+  } else if (LocalStateError.is(error)) {
+    // Handle errors thrown by the LocalState class
+  } else if (ServerError.is(error)) {
+    // Handle server HTTP errors
+    console.error("Server error:", error.statusCode);
+  } else if (ServerParseError.is(error)) {
+    // Handle JSON parse errors
+  } else if (UnconventionalError.is(error)) {
+    // Handle errors thrown by irregular types
+  } else if (error) {
+    // Handle other errors
+  }
+}
+```
+
+## GraphQL Error Policies
+
+If a GraphQL operation produces errors, the server's response might still include partial data:
+
+```json
+{
+  "data": {
+    "getInt": 12,
+    "getString": null
+  },
+  "errors": [
+    {
+      "message": "Failed to get string!"
+    }
+  ]
+}
+```
+
+By default, Apollo Client throws away partial data and populates the `error` field. You can use partial results by defining an **error policy**:
+
+| Policy   | Description                                                                                                                                                                  |
+| -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `none`   | (Default) If the response includes errors, they are returned in `error` and response `data` is set to `undefined` even if the server returns `data`.                         |
+| `ignore` | Errors are ignored (`error` is not populated), and any returned `data` is cached and rendered as if no errors occurred. `data` may be `undefined` if a network error occurs. |
+| `all`    | Both `data` and `error` are populated and any returned `data` is cached, enabling you to render both partial results and error information.                                  |
+
+### Setting an Error Policy
+
+```tsx
+const MY_QUERY = gql`
+  query WillFail {
+    badField # This field's resolver produces an error
+    goodField # This field is populated successfully
+  }
+`;
+
+function ShowingSomeErrors() {
+  const { loading, error, data } = useQuery(MY_QUERY, { errorPolicy: "all" });
+
+  if (loading) return <span>loading...</span>;
+
+  return (
+    <div>
+      <h2>Good: {data?.goodField}</h2>
+      {error && <pre>Bad: {error.message}</pre>}
+    </div>
+  );
+}
+```
+
+### Avoid setting a Global Error Policy
+
+While it is possible to set a global error policy using `defaultOptions`, in practice this is discouraged as it can lead to unexpected behavior and type safety issues. The return types of the TypeScript hooks may change depending on the `errorPolicy` passed into the hook, and this can conceptually not take global `defaultOptions` error policies into account. As such, it is best to set the `errorPolicy` per operation as needed.
+
+## Error Links
+
+The `ErrorLink` can be used to e.g. log error globally or perform specific side effects based on errors happening.
+
+An `ErrorLink` can't be used to swallow errors fully, but it can be used to retry an operation after handling an error, in which case the error wouldn't propagate. Otherwise, the most common use for `ErrorLink` is logging.
+
+```ts
+import { ErrorLink } from "@apollo/client/link/error";
+
+const errorLink = new ErrorLink(({ error, operation, forward }) => {
+  if (someCondition(error)) {
+    // Retry the request, returning the new observable
+    return forward(operation);
+  }
+
+  // Log the error for any unhandled GraphQL errors or network errors.
+  console.log(`[Error]: ${error.message}`);
+
+  // If nothing is returned from the error handler callback, the error will be
+  // emitted from the link chain as normal.
+});
+```
+
+### Retry Link
+
+Alternatively, you can use the `RetryLink` from `@apollo/client/link/retry` to implement retry logic for failed operations.
+
+```typescript
+import { RetryLink } from "@apollo/client/link/retry";
+
+const retryLink = new RetryLink({
+  delay: {
+    initial: 300,
+    max: Infinity,
+    jitter: true,
+  },
+  attempts: {
+    max: 5,
+    retryIf: (error, operation) => {
+      // Retry on network errors
+      return !!error && operation.operationName !== "SensitiveOperation";
+    },
+  },
+});
+
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  link: from([retryLink, errorLink, httpLink]),
+});
+```
+
+### Custom Retry Logic
+
+```typescript
+const retryLink = new RetryLink({
+  attempts: (count, operation, error) => {
+    // Don't retry mutations
+    if (
+      operation.query.definitions.some(
+        (def) =>
+          def.kind === "OperationDefinition" && def.operation === "mutation"
+      )
+    ) {
+      return false;
+    }
+
+    // Retry up to 3 times on network errors
+    return count < 3 && !!error;
+  },
+  delay: (count) => {
+    // Exponential backoff
+    return Math.min(1000 * Math.pow(2, count), 30000);
+  },
+});
+```
+
+## Error Boundaries
+
+When using suspenseful hooks, you should use React Error Boundaries for graceful error handling.
+
+### Non-suspense per-Component Error Handling
+
+```tsx
+import {
+  CombinedGraphQLErrors,
+  ServerError,
+  ServerParseError,
+} from "@apollo/client/errors";
+
+function SafeUserList() {
+  const { data, error, loading, refetch } = useQuery(GET_USERS, {
+    errorPolicy: "all",
+    notifyOnNetworkStatusChange: true,
+  });
+
+  // Handle network errors
+  if (ServerError.is(error) || ServerParseError.is(error)) {
+    return (
+      <Alert severity="error">
+        <AlertTitle>Connection Error</AlertTitle>
+        Failed to load users. Please check your internet connection.
+        <Button onClick={() => refetch()}>Retry</Button>
+      </Alert>
+    );
+  }
+
+  // Handle GraphQL errors but still show available data
+  return (
+    <div>
+      {CombinedGraphQLErrors.is(error) && (
+        <Alert severity="warning">
+          Some data may be incomplete: {error.graphQLErrors[0].message}
+        </Alert>
+      )}
+
+      {loading && <LinearProgress />}
+
+      {data?.users && <UserList users={data.users} />}
+    </div>
+  );
+}
+```
diff --git a/src/frontend/.agents/skills/apollo-client/references/fragments.md b/src/frontend/.agents/skills/apollo-client/references/fragments.md
new file mode 100644
index 00000000..7c3deb30
--- /dev/null
+++ b/src/frontend/.agents/skills/apollo-client/references/fragments.md
@@ -0,0 +1,804 @@
+# Fragments Reference
+
+GraphQL fragments define a set of fields for a specific type. In Apollo Client, fragments are especially powerful when colocated with components to define each component's data requirements independently, creating a clear separation of concerns and enabling better component composition.
+
+## Table of Contents
+
+- [What Are Fragments](#what-are-fragments)
+- [Basic Fragment Syntax](#basic-fragment-syntax)
+- [Fragment Colocation](#fragment-colocation)
+- [Fragment Reading Hooks](#fragment-reading-hooks)
+- [Data Masking](#data-masking)
+- [Fragment Registry](#fragment-registry)
+- [TypeScript Integration](#typescript-integration)
+- [Best Practices](#best-practices)
+
+## What Are Fragments
+
+A GraphQL fragment defines a set of fields for a specific GraphQL type. Fragments are defined on a specific GraphQL type and can be included in operations using the spread operator (`...`).
+
+In Apollo Client, fragments serve a specific purpose:
+
+**Fragments are for colocation, not reuse.** Each component should declare its data needs in a dedicated fragment. This allows components to independently evolve their data requirements without creating artificial dependencies between unrelated parts of your application.
+
+Fragments enable:
+
+1. **Component colocation**: Define the exact data requirements for a component alongside the component code
+2. **Independent evolution**: Change a component's data needs without affecting other components
+3. **Code organization**: Compose fragments together to build complete queries that mirror your component hierarchy
+
+## Basic Fragment Syntax
+
+### Defining a Fragment
+
+```typescript
+import { gql } from "@apollo/client";
+
+const USER_FRAGMENT = gql`
+  fragment UserFields on User {
+    id
+    name
+    email
+    avatarUrl
+  }
+`;
+```
+
+Every fragment includes:
+
+- A unique name (`UserFields`)
+- The type it operates on (`User`)
+- The fields to select
+
+### Using Fragments in Queries
+
+Include fragments in queries using the spread operator:
+
+```typescript
+const GET_USER = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      ...UserFields
+    }
+  }
+
+  ${USER_FRAGMENT}
+`;
+```
+
+When using GraphQL Code Generator with the recommended configuration (typescript, typescript-operations, and typed-document-node plugins), fragments defined in your source files are automatically picked up and generated into typed document nodes. The generated fragment documents already include the fragment definition, so you don't need to interpolate them manually into queries.
+
+## Fragment Colocation
+
+Fragment colocation is the practice of defining fragments in the same file as the component that uses them. This creates a clear contract between components and their data requirements.
+
+### Why Colocate Fragments
+
+- **Locality**: Data requirements live next to the code that uses them
+- **Maintainability**: Changes to component UI and data needs happen together
+- **Type safety**: TypeScript can infer exact types from colocated fragments
+- **Independence**: Components can evolve their data requirements without affecting other components
+
+### Colocation Pattern
+
+The recommended pattern for colocating fragments with components:
+
+```tsx
+import { gql, FragmentType } from "@apollo/client";
+import { useSuspenseFragment } from "@apollo/client/react";
+
+// Fragment definition
+// This will be picked up by Codegen to create `UserCard_UserFragmentDoc` in `./fragments.generated.ts`.
+// As that generated fragment document is correctly typed, we use that in the code going forward.
+// This fragment will never be consumed in runtime code, so it is wrapped in `if (false)` so the bundler can omit it when bundling.
+if (false) {
+  gql`
+    fragment UserCard_user on User {
+      id
+      name
+      email
+      avatarUrl
+    }
+  `;
+}
+
+// This has been created from above fragment definition by CodeGen and is a correctly typed `TypedDocumentNode`
+import { UserCard_UserFragmentDoc } from "./fragments.generated.ts";
+
+// Component receives the (partially masked) parent object
+export function UserCard({
+  user,
+}: {
+  user: FragmentType<typeof UserCard_UserFragmentDoc>;
+}) {
+  // Creates a subscription to the fragment in the cache
+  const { data } = useSuspenseFragment({
+    fragment: UserCard_UserFragmentDoc,
+    fragmentName: "UserCard_user",
+    from: user,
+  });
+
+  return (
+    <div>
+      <img src={data.avatarUrl} alt={data.name} />
+      <h2>{data.name}</h2>
+      <p>{data.email}</p>
+    </div>
+  );
+}
+```
+
+### Naming Convention
+
+A suggested naming pattern for fragments follows this convention:
+
+```text
+{ComponentName}_{propName}
+```
+
+Where `propName` is the name of the prop the component receives containing the fragment data.
+
+Examples:
+
+- `UserCard_user` - Fragment for the `user` prop in the UserCard component
+- `PostList_posts` - Fragment for the `posts` prop in the PostList component
+- `CommentItem_comment` - Fragment for the `comment` prop in the CommentItem component
+
+This convention makes it clear which component owns which fragment. However, you can choose a different naming convention based on your project's needs.
+
+**Note**: A component might accept fragment data through multiple props, in which case it would have multiple associated fragments. For example, a `CommentCard` component might accept both a `comment` prop and an `author` prop, resulting in `CommentCard_comment` and `CommentCard_author` fragments.
+
+### Composing Fragments
+
+Parent components compose child fragments to build complete queries:
+
+```tsx
+// Child component
+import { gql } from "@apollo/client";
+
+if (false) {
+  gql`
+    fragment UserAvatar_user on User {
+      id
+      avatarUrl
+      name
+    }
+  `;
+}
+
+// Parent component composes child fragments
+if (false) {
+  gql`
+    fragment UserProfile_user on User {
+      id
+      name
+      email
+      bio
+      ...UserAvatar_user
+    }
+  `;
+}
+
+// Page-level query composes all fragments
+if (false) {
+  gql`
+    query UserProfilePage($id: ID!) {
+      user(id: $id) {
+        ...UserProfile_user
+      }
+    }
+  `;
+}
+```
+
+This creates a hierarchy that mirrors your component tree.
+
+## Fragment Reading Hooks
+
+Apollo Client provides hooks to read fragment data within components. These hooks work with data masking to ensure components only access the data they explicitly requested.
+
+### useSuspenseFragment
+
+For components using Suspense and concurrent features:
+
+```tsx
+import { useSuspenseFragment } from "@apollo/client/react";
+import { FragmentType } from "@apollo/client";
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+function UserCard({
+  user,
+}: {
+  user: FragmentType<typeof UserCard_UserFragmentDoc>;
+}) {
+  const { data } = useSuspenseFragment({
+    fragment: UserCard_UserFragmentDoc,
+    fragmentName: "UserCard_user",
+    from: user,
+  });
+
+  return <div>{data.name}</div>;
+}
+```
+
+### useFragment
+
+For components not using Suspense:
+
+```tsx
+import { useFragment } from "@apollo/client/react";
+import { FragmentType } from "@apollo/client";
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+function UserCard({
+  user,
+}: {
+  user: FragmentType<typeof UserCard_UserFragmentDoc>;
+}) {
+  const { data, complete } = useFragment({
+    fragment: UserCard_UserFragmentDoc,
+    fragmentName: "UserCard_user",
+    from: user,
+  });
+
+  if (!complete) {
+    return <div>Loading...</div>;
+  }
+
+  return <div>{data.name}</div>;
+}
+```
+
+The `complete` field indicates whether all fragment data is available in the cache.
+
+### Hook Options
+
+Both hooks accept these options:
+
+```typescript
+{
+  // The fragment document (required)
+  fragment: TypedDocumentNode,
+
+  // The fragment name (optional in most cases)
+  // Only required if the fragment document contains multiple definitions
+  fragmentName?: string,
+
+  // The source data containing the fragment (required)
+  // Can be a single object or an array of objects
+  from: FragmentType<typeof fragment> | Array<FragmentType<typeof fragment>>,
+
+  // Variables for the fragment (optional)
+  variables?: Variables,
+}
+```
+
+When `from` is an array, the hook returns an array of results, allowing you to read fragments from multiple objects efficiently. **Note**: Array support for the `from` parameter was added in Apollo Client 4.1.0.
+
+## Data Masking
+
+Data masking is a feature that prevents components from accessing data they didn't explicitly request through their fragments. This enforces proper data boundaries and prevents over-rendering.
+
+### Enabling Data Masking
+
+Enable data masking when creating your Apollo Client:
+
+```typescript
+import { ApolloClient, InMemoryCache } from "@apollo/client";
+
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  dataMasking: true, // Enable data masking
+});
+```
+
+### How Data Masking Works
+
+With data masking enabled:
+
+1. Fragments return opaque `FragmentType` objects
+2. Components must use `useFragment` or `useSuspenseFragment` to unmask data
+3. Components can only access fields defined in their own fragments
+4. TypeScript enforces these boundaries at compile time
+
+Without data masking:
+
+```tsx
+// ❌ Without data masking - component can access any data from parent
+function UserCard({ user }: { user: User }) {
+  // Can access any User field, even if not in fragment
+  return <div>{user.privateData}</div>;
+}
+```
+
+With data masking:
+
+```tsx
+// ✅ With data masking - component can only access its fragment data
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+function UserCard({
+  user,
+}: {
+  user: FragmentType<typeof UserCard_UserFragmentDoc>;
+}) {
+  const { data } = useSuspenseFragment({
+    fragment: UserCard_UserFragmentDoc,
+    from: user,
+  });
+
+  // TypeScript error: 'privateData' doesn't exist on fragment type
+  // return <div>{data.privateData}</div>;
+
+  // Only fields from the fragment are accessible
+  return <div>{data.name}</div>;
+}
+```
+
+### Benefits of Data Masking
+
+- **Prevents over-rendering**: Components only re-render when their specific data changes
+- **Enforces boundaries**: Components can't accidentally depend on data they don't own
+- **Better refactoring**: Safe to modify parent queries without breaking child components
+- **Type safety**: TypeScript catches attempts to access unavailable fields
+
+## Fragment Registry
+
+The fragment registry is an **alternative approach** to GraphQL Code Generator's automatic fragment inlining by name. It allows you to register fragments globally, making them available throughout your application by name reference.
+
+**Important**: GraphQL Code Generator automatically inlines fragments by name wherever they're used in your queries. Either approach is sufficient on its own—**you don't need to combine them**.
+
+### Creating a Fragment Registry
+
+```typescript
+import { ApolloClient, InMemoryCache } from "@apollo/client";
+import { createFragmentRegistry } from "@apollo/client/cache";
+
+export const fragmentRegistry = createFragmentRegistry();
+
+const client = new ApolloClient({
+  cache: new InMemoryCache({
+    fragments: fragmentRegistry,
+  }),
+});
+```
+
+### Registering Fragments
+
+Register fragments after defining them:
+
+```typescript
+import { gql } from "@apollo/client";
+import { fragmentRegistry } from "./apollo/client";
+
+const USER_FRAGMENT = gql`
+  fragment UserFields on User {
+    id
+    name
+    email
+  }
+`;
+
+fragmentRegistry.register(USER_FRAGMENT);
+```
+
+With colocated fragments:
+
+```tsx
+import { fragmentRegistry } from "@/apollo/client";
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+// Register the fragment globally
+fragmentRegistry.register(UserCard_UserFragmentDoc);
+```
+
+### Using Registered Fragments
+
+Once registered, fragments can be referenced by name in queries without explicit imports:
+
+```tsx
+// Fragment is available by name because it's registered
+const GET_USER = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      ...UserCard_user
+    }
+  }
+`;
+```
+
+### Approaches for Fragment Composition
+
+There are three approaches to make child fragments available in parent queries:
+
+1. **GraphQL Code Generator inlining** (Recommended): CodeGen automatically inlines fragments by name. No manual work needed—just reference fragments by name in your queries.
+
+2. **Fragment Registry**: Manually register fragments to make them available by name. Useful for runtime scenarios where CodeGen isn't available.
+
+3. **Manual interpolation**: Explicitly import and interpolate child fragments into parent fragments:
+
+   ```typescript
+   import { CHILD_FRAGMENT } from "./ChildComponent";
+
+   const PARENT_FRAGMENT = gql`
+     fragment Parent_data on Data {
+       field
+       ...Child_data
+     }
+     ${CHILD_FRAGMENT}
+   `;
+   ```
+
+### Pros and Cons
+
+**GraphQL Code Generator inlining**:
+
+- ✅ Less work: Automatic, no manual registration needed
+- ❌ Larger bundle: Fragments are inlined into every query that uses them
+
+**Fragment Registry**:
+
+- ✅ Smaller bundle: Fragments are registered once, referenced by name
+- ❌ More work: Requires manual registration of each fragment
+- ❌ May cause issues with lazy-loaded modules if the module is not loaded before the query is executed
+- ✅ Best for deeply nested component trees where bundle size matters
+
+**Manual interpolation**:
+
+- ❌ Most work: Manual imports and interpolation required
+- ✅ Explicit: Clear fragment dependencies in code
+
+### Recommendation
+
+For most applications using GraphQL Code Generator (as shown in this guide), **use the automatic inlining**—it requires no additional setup and works seamlessly. Consider the fragment registry only if bundle size becomes a concern in applications with deeply nested component trees.
+
+## TypeScript Integration
+
+Apollo Client provides strong TypeScript support for fragments through GraphQL Code Generator.
+
+### Generated Types
+
+GraphQL Code Generator produces typed fragment documents:
+
+```typescript
+// Generated file: fragments.generated.ts
+export type UserCard_UserFragment = {
+  __typename: "User";
+  id: string;
+  name: string;
+  email: string;
+  avatarUrl: string;
+} & { " $fragmentName"?: "UserCard_UserFragment" };
+
+export const UserCard_UserFragmentDoc: TypedDocumentNode<
+  UserCard_UserFragment,
+  never
+>;
+```
+
+### Type-Safe Fragment Usage
+
+Use `FragmentType` to accept masked fragment data:
+
+```tsx
+import { FragmentType } from "@apollo/client";
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+function UserCard({
+  user,
+}: {
+  user: FragmentType<typeof UserCard_UserFragmentDoc>;
+}) {
+  const { data } = useSuspenseFragment({
+    fragment: UserCard_UserFragmentDoc,
+    from: user,
+  });
+
+  // 'data' is fully typed as UserCard_UserFragment
+  return <div>{data.name}</div>;
+}
+```
+
+### Fragment Type Inference
+
+TypeScript infers types from fragment documents automatically:
+
+```tsx
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+// Types are inferred from the fragment
+const { data } = useSuspenseFragment({
+  fragment: UserCard_UserFragmentDoc,
+  from: user,
+});
+
+// data.name is string
+// data.email is string
+// data.nonExistentField is a TypeScript error
+```
+
+### Parent-Child Type Safety
+
+When passing fragment data from parent to child:
+
+```tsx
+// Parent query
+const { data } = useSuspenseQuery(GET_USER);
+
+// TypeScript ensures the query includes UserCard_user fragment
+// before allowing it to be passed to UserCard
+<UserCard user={data.user} />;
+```
+
+## Best Practices
+
+### Prefer Colocation Over Reuse
+
+**Fragments are for colocation, not reuse.** Each component should declare its data needs in a dedicated fragment, even if multiple components currently need the same fields.
+
+Sharing fragments between components just because they happen to need the same fields today creates artificial dependencies. When one component's requirements change, the shared fragment must be updated, causing all components using it to over-fetch data they don't need.
+
+```tsx
+// ✅ Good: Each component has its own fragment
+if (false) {
+  gql`
+    fragment UserCard_user on User {
+      id
+      name
+      email
+      avatarUrl
+    }
+  `;
+
+  gql`
+    fragment UserListItem_user on User {
+      id
+      name
+      email
+    }
+  `;
+}
+
+// If UserCard later needs 'bio', only UserCard_user changes
+// UserListItem doesn't over-fetch 'bio'
+```
+
+```tsx
+// ❌ Avoid: Sharing a generic fragment across components
+const COMMON_USER_FIELDS = gql`
+  fragment CommonUserFields on User {
+    id
+    name
+    email
+  }
+`;
+
+// UserCard and UserListItem both use CommonUserFields
+// When UserCard needs 'bio', adding it to CommonUserFields
+// causes UserListItem to over-fetch unnecessarily
+```
+
+This independence allows each component to evolve its data requirements without affecting unrelated parts of your application.
+
+### One Query Per Page
+
+Compose all page data requirements into a single query at the page level:
+
+```tsx
+// ✅ Good: Single page-level query
+if (false) {
+  gql`
+    query UserProfilePage($id: ID!) {
+      user(id: $id) {
+        ...UserHeader_user
+        ...UserPosts_user
+        ...UserFriends_user
+      }
+    }
+  `;
+}
+```
+
+```tsx
+// ❌ Avoid: Multiple queries in different components
+function UserProfile() {
+  const { data: userData } = useQuery(GET_USER);
+  const { data: postsData } = useQuery(GET_USER_POSTS);
+  const { data: friendsData } = useQuery(GET_USER_FRIENDS);
+  // ...
+}
+```
+
+### Use Fragment-Reading Hooks in Components
+
+Non-page components should use `useFragment` or `useSuspenseFragment`:
+
+```tsx
+// ✅ Good: Component reads fragment data
+import { FragmentType } from "@apollo/client";
+import { useSuspenseFragment } from "@apollo/client/react";
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+function UserCard({
+  user,
+}: {
+  user: FragmentType<typeof UserCard_UserFragmentDoc>;
+}) {
+  const { data } = useSuspenseFragment({
+    fragment: UserCard_UserFragmentDoc,
+    from: user,
+  });
+  return <div>{data.name}</div>;
+}
+```
+
+```tsx
+// ❌ Avoid: Component uses query hook
+function UserCard({ userId }: { userId: string }) {
+  const { data } = useQuery(GET_USER, { variables: { id: userId } });
+  return <div>{data.user.name}</div>;
+}
+```
+
+### Request Only Required Fields
+
+Keep fragments minimal and only request fields the component actually uses:
+
+```tsx
+// ✅ Good: Only necessary fields
+if (false) {
+  gql`
+    fragment UserListItem_user on User {
+      id
+      name
+    }
+  `;
+}
+```
+
+```tsx
+// ❌ Avoid: Requesting unused fields
+if (false) {
+  gql`
+    fragment UserListItem_user on User {
+      id
+      name
+      email
+      bio
+      friends {
+        id
+        name
+      }
+      posts {
+        id
+        title
+      }
+    }
+  `;
+}
+```
+
+### Use @defer for Below-the-Fold Content
+
+The `@defer` directive allows you to defer loading of non-critical fields, enabling faster initial page loads by prioritizing essential data. The deferred fields are delivered via incremental delivery and arrive after the non-deferred data, allowing the UI to progressively render as data becomes available.
+
+Defer slow fields that aren't immediately visible:
+
+```tsx
+if (false) {
+  gql`
+    query ProductPage($id: ID!) {
+      product(id: $id) {
+        id
+        name
+        price
+        ...ProductReviews_product @defer
+      }
+    }
+  `;
+}
+```
+
+This allows the page to render quickly while reviews load in the background.
+
+### Handle Client-Only Fields
+
+Use the `@client` directive for fields resolved locally:
+
+```tsx
+if (false) {
+  gql`
+    fragment TodoItem_todo on Todo {
+      id
+      text
+      completed
+      isSelected @client
+    }
+  `;
+}
+```
+
+### Enable Data Masking for New Applications
+
+Always enable data masking in new applications:
+
+```typescript
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  dataMasking: true,
+});
+```
+
+This enforces proper boundaries from the start and prevents accidental coupling between components.
+
+## Apollo Client Data Masking vs GraphQL-Codegen Fragment Masking
+
+Apollo Client's data masking and GraphQL Code Generator's fragment masking are different features that serve different purposes:
+
+### GraphQL-Codegen Fragment Masking
+
+GraphQL Code Generator's fragment masking (when using the client preset) is a **type-level** feature:
+
+- Masks data only at the TypeScript type level
+- The actual runtime data remains fully accessible on the object
+- Using their `useFragment` hook simply "unmasks" the data on a type level
+- Does not prevent accidental access to data at runtime
+- Parent components receive all data and pass it down
+- This means the parent component has to be subscribed to all data
+
+### Apollo Client Data Masking
+
+Apollo Client's data masking is a **runtime** feature with significant performance benefits:
+
+- Removes data at the runtime level, not just the type level
+- The `useFragment` and `useSuspenseFragment` hooks create cache subscriptions
+- Parent objects are sparse and only contain unmasked data
+- Prevents accidental access to data that should be masked
+
+### Key Benefits of Apollo Client Data Masking
+
+**1. No Accidental Data Access**
+
+With runtime data masking, masked fields are not present in the parent object at all. You cannot accidentally access them, even if you bypass TypeScript type checking.
+
+**2. Fewer Re-renders**
+
+Apollo Client's approach creates more efficient subscriptions:
+
+- **Without data masking**: Parent component subscribes to all fields (including masked ones). When a masked child field changes, the parent re-renders to pass that runtime data down the tree.
+- **With data masking**: Parent component only subscribes to its own unmasked fields. Subscriptions on masked fields happen lower in the React component tree when the child component calls `useSuspenseFragment`. When a masked field changes, only the child component that subscribed to it re-renders.
+
+### Example
+
+```tsx
+import { FragmentType } from "@apollo/client";
+import { useSuspenseQuery, useSuspenseFragment } from "@apollo/client/react";
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+function ParentComponent() {
+  const { data } = useSuspenseQuery(GET_USER);
+
+  // With Apollo Client data masking:
+  // - data.user only contains unmasked fields
+  // - Parent doesn't re-render when child-specific fields change
+
+  return <UserCard user={data.user} />;
+}
+
+function UserCard({
+  user,
+}: {
+  user: FragmentType<typeof UserCard_UserFragmentDoc>;
+}) {
+  // Creates a cache subscription specifically for UserCard_user fields
+  const { data } = useSuspenseFragment({
+    fragment: UserCard_UserFragmentDoc,
+    from: user,
+  });
+
+  // Only this component re-renders when these fields change
+  return <div>{data.name}</div>;
+}
+```
+
+This granular subscription approach improves performance in large applications with deeply nested component trees.
diff --git a/src/frontend/.agents/skills/apollo-client/references/integration-client.md b/src/frontend/.agents/skills/apollo-client/references/integration-client.md
new file mode 100644
index 00000000..6e359217
--- /dev/null
+++ b/src/frontend/.agents/skills/apollo-client/references/integration-client.md
@@ -0,0 +1,336 @@
+# Apollo Client Integration for Client-Side Apps
+
+This guide covers setting up Apollo Client in client-side React applications without server-side rendering (SSR). This includes applications using Vite, Parcel, Create React App, or other bundlers that don't implement SSR.
+
+For applications with SSR, use one of the framework-specific integration guides instead:
+
+- [Next.js App Router](integration-nextjs.md)
+- [React Router Framework Mode](integration-react-router.md)
+- [TanStack Start](integration-tanstack-start.md)
+
+## Installation
+
+```bash
+npm install @apollo/client graphql rxjs
+```
+
+## TypeScript Code Generation (optional but recommended)
+
+For type-safe GraphQL operations with TypeScript, see the [TypeScript Code Generation guide](typescript-codegen.md).
+
+## Setup Steps
+
+### Step 1: Create Client
+
+```typescript
+import { ApolloClient, InMemoryCache, HttpLink } from "@apollo/client";
+
+// Recommended: Use HttpOnly cookies for authentication
+const httpLink = new HttpLink({
+  uri: "https://your-graphql-endpoint.com/graphql",
+  credentials: "include", // Sends cookies with requests (secure when using HttpOnly cookies)
+});
+
+const client = new ApolloClient({
+  link: httpLink,
+  cache: new InMemoryCache(),
+});
+```
+
+If you need manual token management (less secure, only when HttpOnly cookies aren't available):
+
+```typescript
+import { ApolloClient, InMemoryCache, HttpLink } from "@apollo/client";
+import { SetContextLink } from "@apollo/client/link/context";
+
+const httpLink = new HttpLink({
+  uri: "https://your-graphql-endpoint.com/graphql",
+});
+
+const authLink = new SetContextLink(({ headers }) => {
+  const token = localStorage.getItem("token");
+  return {
+    headers: {
+      ...headers,
+      authorization: token ? `Bearer ${token}` : "",
+    },
+  };
+});
+
+const client = new ApolloClient({
+  link: authLink.concat(httpLink),
+  cache: new InMemoryCache(),
+});
+```
+
+### Step 2: Setup Provider
+
+```tsx
+import { ApolloProvider } from "@apollo/client";
+import App from "./App";
+
+function Root() {
+  return (
+    <ApolloProvider client={client}>
+      <App />
+    </ApolloProvider>
+  );
+}
+```
+
+### Step 3: Execute Query
+
+```tsx
+import { gql } from "@apollo/client";
+import { useQuery } from "@apollo/client/react";
+
+const GET_USERS = gql`
+  query GetUsers {
+    users {
+      id
+      name
+      email
+    }
+  }
+`;
+
+function UserList() {
+  const { loading, error, data, dataState } = useQuery(GET_USERS);
+
+  if (loading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error.message}</p>;
+
+  // TypeScript note: for stricter type narrowing, you can also check `dataState === "complete"` before accessing data
+  return (
+    <ul>{data?.users.map((user) => <li key={user.id}>{user.name}</li>)}</ul>
+  );
+}
+```
+
+## Basic Query Usage
+
+### Using Variables
+
+```tsx
+const GET_USER = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+      email
+    }
+  }
+`;
+
+function UserProfile({ userId }: { userId: string }) {
+  const { loading, error, data, dataState } = useQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  if (loading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error.message}</p>;
+
+  // TypeScript note: for stricter type narrowing, you can also check `dataState === "complete"` before accessing data
+  return <div>{data?.user.name}</div>;
+}
+```
+
+> **Note for TypeScript users**: Use [`dataState`](https://www.apollographql.com/docs/react/data/typescript#type-narrowing-data-with-datastate) for more robust type safety and better type narrowing in Apollo Client 4.x.
+
+### TypeScript Integration
+
+For complete examples with loading, error handling, and `dataState` for type narrowing, see [Basic Query Usage](#basic-query-usage) above.
+
+#### Usage with Generated Types
+
+For type-safe operations with code generation, see the [TypeScript Code Generation guide](typescript-codegen.md).
+
+Quick example:
+
+```typescript
+import { gql } from "@apollo/client";
+import { useQuery } from "@apollo/client/react";
+import { GetUserDocument } from "./queries.generated";
+
+// Define your query with the if (false) pattern for code generation
+if (false) {
+  gql`
+    query GetUser($id: ID!) {
+      user(id: $id) {
+        id
+        name
+        email
+      }
+    }
+  `;
+}
+
+function UserProfile({ userId }: { userId: string }) {
+  // Types are automatically inferred from GetUserDocument
+  const { data } = useQuery(GetUserDocument, {
+    variables: { id: userId },
+  });
+
+  return <div>{data.user.name}</div>;
+}
+```
+
+#### Usage with Manual Type Annotations
+
+If not using code generation, define types alongside your queries using `TypedDocumentNode`:
+
+```typescript
+import { gql, TypedDocumentNode } from "@apollo/client";
+import { useQuery } from "@apollo/client/react";
+
+interface GetUserData {
+  user: {
+    id: string;
+    name: string;
+    email: string;
+  };
+}
+
+interface GetUserVariables {
+  id: string;
+}
+
+// Types should always be defined via TypedDocumentNode alongside your queries/mutations, not at the useQuery/useMutation call site
+const GET_USER: TypedDocumentNode<GetUserData, GetUserVariables> = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+      email
+    }
+  }
+`;
+
+function UserProfile({ userId }: { userId: string }) {
+  const { data } = useQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  // data.user is automatically typed from GET_USER
+  return <div>{data.user.name}</div>;
+}
+```
+
+## Basic Mutation Usage
+
+```tsx
+import { gql, TypedDocumentNode } from "@apollo/client";
+import { useMutation } from "@apollo/client/react";
+
+interface CreateUserMutation {
+  createUser: {
+    id: string;
+    name: string;
+    email: string;
+  };
+}
+
+interface CreateUserMutationVariables {
+  input: {
+    name: string;
+    email: string;
+  };
+}
+
+const CREATE_USER: TypedDocumentNode<
+  CreateUserMutation,
+  CreateUserMutationVariables
+> = gql`
+  mutation CreateUser($input: CreateUserInput!) {
+    createUser(input: $input) {
+      id
+      name
+      email
+    }
+  }
+`;
+
+function CreateUserForm() {
+  const [createUser, { loading, error }] = useMutation(CREATE_USER);
+
+  const handleSubmit = async (formData: FormData) => {
+    const { data } = await createUser({
+      variables: {
+        input: {
+          name: formData.get("name") as string,
+          email: formData.get("email") as string,
+        },
+      },
+    });
+    if (data) {
+      console.log("Created user:", data.createUser);
+    }
+  };
+
+  return (
+    <form
+      onSubmit={(e) => {
+        e.preventDefault();
+        handleSubmit(new FormData(e.currentTarget));
+      }}
+    >
+      <input name="name" placeholder="Name" />
+      <input name="email" placeholder="Email" />
+      <button type="submit" disabled={loading}>
+        {loading ? "Creating..." : "Create User"}
+      </button>
+      {error && <p>Error: {error.message}</p>}
+    </form>
+  );
+}
+```
+
+## Client Configuration Options
+
+```typescript
+const client = new ApolloClient({
+  // Required: The cache implementation
+  cache: new InMemoryCache({
+    typePolicies: {
+      Query: {
+        fields: {
+          // Field-level cache configuration
+        },
+      },
+    },
+  }),
+
+  // Network layer
+  link: new HttpLink({ uri: "/graphql" }),
+
+  // Avoid defaultOptions if possible as they break TypeScript expectations.
+  // Configure options per-query/mutation instead for better type safety.
+  // defaultOptions: {
+  //   watchQuery: { fetchPolicy: 'cache-and-network' },
+  // },
+
+  // DevTools are enabled by default in development
+  // Only configure when enabling in production
+  devtools: {
+    enabled: true, // Only needed for production
+  },
+
+  // Custom name for this client instance
+  clientAwareness: {
+    name: "web-client",
+    version: "1.0.0",
+  },
+});
+```
+
+## Important Considerations
+
+1. **Choose Your Hook Strategy:** Decide if your application should be based on Suspense. If it is, use suspenseful hooks like `useSuspenseQuery` (see [Suspense Hooks guide](suspense-hooks.md)), otherwise use non-suspenseful hooks like `useQuery` (see [Queries guide](queries.md)).
+
+2. **Client-Side Only:** This setup is for client-side apps without SSR. The Apollo Client instance is created once and reused throughout the application lifecycle.
+
+3. **Authentication:** Prefer HttpOnly cookies with `credentials: "include"` in `HttpLink` options to avoid exposing tokens to JavaScript. If manual token management is necessary, use `SetContextLink` to dynamically add authentication headers from `localStorage` or other client-side storage.
+
+4. **Environment Variables:** Store your GraphQL endpoint URL in environment variables for different environments (development, staging, production).
+
+5. **Error Handling:** Always handle `loading` and `error` states when using `useQuery` or `useLazyQuery`. For Suspense-based hooks (`useSuspenseQuery`), React handles this through `<Suspense>` boundaries and error boundaries.
diff --git a/src/frontend/.agents/skills/apollo-client/references/integration-nextjs.md b/src/frontend/.agents/skills/apollo-client/references/integration-nextjs.md
new file mode 100644
index 00000000..118c24de
--- /dev/null
+++ b/src/frontend/.agents/skills/apollo-client/references/integration-nextjs.md
@@ -0,0 +1,325 @@
+# Apollo Client Integration with Next.js App Router
+
+This guide covers integrating Apollo Client in a Next.js application using the App Router architecture with support for both React Server Components (RSC) and Client Components.
+
+## What is supported?
+
+### React Server Components
+
+Apollo Client provides a shared client instance across all server components for a single request, preventing duplicate GraphQL requests and optimizing server-side rendering.
+
+### React Client Components
+
+When using the `app` directory, client components are rendered both on the server (SSR) and in the browser. Apollo Client enables you to execute GraphQL queries on the server and use the results to hydrate your browser-side cache, delivering fully-rendered pages to users.
+
+## Installation
+
+Install Apollo Client and the Next.js integration package:
+
+```bash
+npm install @apollo/client@latest @apollo/client-integration-nextjs graphql rxjs
+```
+
+> **TypeScript users:** For type-safe GraphQL operations, see the [TypeScript Code Generation guide](typescript-codegen.md).
+
+## Setup for React Server Components (RSC)
+
+### Step 1: Create Apollo Client Configuration
+
+Create an `ApolloClient.ts` file in your app directory:
+
+```typescript
+import { HttpLink } from "@apollo/client";
+import {
+  registerApolloClient,
+  ApolloClient,
+  InMemoryCache,
+} from "@apollo/client-integration-nextjs";
+
+export const { getClient, query, PreloadQuery } = registerApolloClient(() => {
+  return new ApolloClient({
+    cache: new InMemoryCache(),
+    link: new HttpLink({
+      // Use an absolute URL for SSR (relative URLs cannot be used in SSR)
+      uri: "https://your-api.com/graphql",
+      fetchOptions: {
+        // Optional: Next.js-specific fetch options for caching and revalidation
+        // See: https://nextjs.org/docs/app/api-reference/functions/fetch
+      },
+    }),
+  });
+});
+```
+
+### Step 2: Use in Server Components
+
+You can now use the `getClient` function or the `query` shortcut in your server components:
+
+```typescript
+import { query } from "./ApolloClient";
+
+async function UserProfile({ userId }: { userId: string }) {
+  const { data } = await query({
+    query: GET_USER,
+    variables: { id: userId },
+  });
+
+  return <div>{data.user.name}</div>;
+}
+```
+
+### Override Next.js Fetch Options
+
+You can override Next.js-specific `fetch` options per query using `context.fetchOptions`:
+
+```typescript
+const { data } = await getClient().query({
+  query: GET_USER,
+  context: {
+    fetchOptions: {
+      next: { revalidate: 60 }, // Revalidate every 60 seconds
+    },
+  },
+});
+```
+
+## Setup for Client Components (SSR and Browser)
+
+### Step 1: Create Apollo Wrapper Component
+
+Create `app/ApolloWrapper.tsx`:
+
+```typescript
+"use client";
+
+import { HttpLink } from "@apollo/client";
+import {
+  ApolloNextAppProvider,
+  ApolloClient,
+  InMemoryCache,
+} from "@apollo/client-integration-nextjs";
+
+function makeClient() {
+  const httpLink = new HttpLink({
+    // Use an absolute URL for SSR
+    uri: "https://your-api.com/graphql",
+    fetchOptions: {
+      // Optional: Next.js-specific fetch options
+      // Note: This doesn't work with `export const dynamic = "force-static"`
+    },
+  });
+
+  return new ApolloClient({
+    cache: new InMemoryCache(),
+    link: httpLink,
+  });
+}
+
+export function ApolloWrapper({ children }: React.PropsWithChildren) {
+  return (
+    <ApolloNextAppProvider makeClient={makeClient}>
+      {children}
+    </ApolloNextAppProvider>
+  );
+}
+```
+
+### Step 2: Wrap Root Layout
+
+Wrap your `RootLayout` in the `ApolloWrapper` component in `app/layout.tsx`:
+
+```typescript
+import { ApolloWrapper } from "./ApolloWrapper";
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>
+        <ApolloWrapper>{children}</ApolloWrapper>
+      </body>
+    </html>
+  );
+}
+```
+
+> **Note:** This works even if your layout is a React Server Component. It ensures all Client Components share the same Apollo Client instance through `ApolloNextAppProvider`.
+
+### Step 3: Use Apollo Client Hooks in Client Components
+
+For optimal streaming SSR, use suspense-enabled hooks like `useSuspenseQuery` and `useFragment`:
+
+```typescript
+"use client";
+
+import { useSuspenseQuery } from "@apollo/client/react";
+
+export function UserProfile({ userId }: { userId: string }) {
+  const { data } = useSuspenseQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  return <div>{data.user.name}</div>;
+}
+```
+
+## Preloading Data from RSC to Client Components
+
+You can preload data in React Server Components to populate the cache of your Client Components.
+
+### Step 1: Use PreloadQuery in Server Components
+
+```tsx
+import { PreloadQuery } from "./ApolloClient";
+import { Suspense } from "react";
+
+export default async function Page() {
+  return (
+    <PreloadQuery query={GET_USER} variables={{ id: "1" }}>
+      <Suspense fallback={<>Loading...</>}>
+        <ClientChild />
+      </Suspense>
+    </PreloadQuery>
+  );
+}
+```
+
+### Step 2: Consume with useSuspenseQuery in Client Components
+
+```tsx
+"use client";
+
+import { useSuspenseQuery } from "@apollo/client/react";
+
+export function ClientChild() {
+  const { data } = useSuspenseQuery(GET_USER, {
+    variables: { id: "1" },
+  });
+
+  return <div>{data.user.name}</div>;
+}
+```
+
+> **Important:** Data fetched this way should be considered client data and never referenced in Server Components. `PreloadQuery` prevents mixing server data and client data by creating a separate `ApolloClient` instance.
+
+### Using with useReadQuery
+
+For advanced use cases, you can use `PreloadQuery` with `useReadQuery` to avoid request waterfalls:
+
+```tsx
+<PreloadQuery query={GET_USER} variables={{ id: "1" }}>
+  {(queryRef) => (
+    <Suspense fallback={<>Loading...</>}>
+      <ClientChild queryRef={queryRef} />
+    </Suspense>
+  )}
+</PreloadQuery>
+```
+
+In your Client Component:
+
+```tsx
+"use client";
+
+import {
+  useQueryRefHandlers,
+  useReadQuery,
+  QueryRef,
+} from "@apollo/client/react";
+
+export function ClientChild({ queryRef }: { queryRef: QueryRef<TQueryData> }) {
+  const { refetch } = useQueryRefHandlers(queryRef);
+  const { data } = useReadQuery(queryRef);
+
+  return <div>{data.user.name}</div>;
+}
+```
+
+## Handling Multipart Responses (@defer) in SSR
+
+When using the `@defer` directive, `useSuspenseQuery` will only suspend until the initial response is received. To handle deferred data properly, you have three strategies:
+
+### Strategy 1: Use PreloadQuery with useReadQuery
+
+`PreloadQuery` allows deferred data to be fully transported and streamed chunk-by-chunk.
+
+### Strategy 2: Remove @defer Fragments
+
+Use `RemoveMultipartDirectivesLink` to strip `@defer` directives from queries during SSR:
+
+```typescript
+import { RemoveMultipartDirectivesLink } from "@apollo/client-integration-nextjs";
+
+new RemoveMultipartDirectivesLink({
+  stripDefer: true, // Default: true
+});
+```
+
+You can exclude specific fragments from stripping by labeling them:
+
+```graphql
+query myQuery {
+  fastField
+  ... @defer(label: "SsrDontStrip1") {
+    slowField1
+  }
+}
+```
+
+### Strategy 3: Wait for Deferred Data
+
+Use `AccumulateMultipartResponsesLink` to debounce the initial response:
+
+```typescript
+import { AccumulateMultipartResponsesLink } from "@apollo/client-integration-nextjs";
+
+new AccumulateMultipartResponsesLink({
+  cutoffDelay: 100, // Wait up to 100ms for incremental data
+});
+```
+
+### Combined Approach: SSRMultipartLink
+
+Combine both strategies with `SSRMultipartLink`:
+
+```typescript
+import { SSRMultipartLink } from "@apollo/client-integration-nextjs";
+
+new SSRMultipartLink({
+  stripDefer: true,
+  cutoffDelay: 100,
+});
+```
+
+## Testing
+
+Reset singleton instances between tests using the `resetApolloClientSingletons` helper:
+
+```typescript
+import { resetApolloClientSingletons } from "@apollo/client-integration-nextjs";
+
+afterEach(resetApolloClientSingletons);
+```
+
+## Debugging
+
+Enable verbose logging in your `app/ApolloWrapper.tsx`:
+
+```typescript
+import { setLogVerbosity } from "@apollo/client";
+
+setLogVerbosity("debug");
+```
+
+## Important Considerations
+
+1. **Separate RSC and SSR Queries:** Avoid overlapping queries between RSC and SSR. RSC queries don't update in the browser, while SSR queries can update dynamically as the cache changes.
+
+2. **Use Absolute URLs:** Always use absolute URLs in `HttpLink` for SSR, as relative URLs cannot be used in server-side rendering.
+
+3. **Streaming SSR:** For optimal performance, use `useSuspenseQuery` and `useFragment` to take advantage of React 18's streaming SSR capabilities.
+
+4. **Suspense Boundaries:** Place `Suspense` boundaries at meaningful places in your UI for the best user experience.
diff --git a/src/frontend/.agents/skills/apollo-client/references/integration-react-router.md b/src/frontend/.agents/skills/apollo-client/references/integration-react-router.md
new file mode 100644
index 00000000..741205bf
--- /dev/null
+++ b/src/frontend/.agents/skills/apollo-client/references/integration-react-router.md
@@ -0,0 +1,256 @@
+# Apollo Client Integration with React Router Framework Mode
+
+This guide covers integrating Apollo Client in a React Router 7 application with support for modern streaming SSR.
+
+## Installation
+
+Install Apollo Client and the React Router integration package:
+
+```bash
+npm install @apollo/client-integration-react-router @apollo/client graphql rxjs
+```
+
+> **TypeScript users:** For type-safe GraphQL operations, see the [TypeScript Code Generation guide](typescript-codegen.md).
+
+## Setup
+
+### Step 1: Create Apollo Configuration
+
+Create an `app/apollo.ts` file that exports a `makeClient` function and an `apolloLoader`:
+
+```typescript
+import { HttpLink, InMemoryCache } from "@apollo/client";
+import {
+  createApolloLoaderHandler,
+  ApolloClient,
+} from "@apollo/client-integration-react-router";
+
+// `request` will be available on the server during SSR or in loaders, but not in the browser
+export const makeClient = (request?: Request) => {
+  return new ApolloClient({
+    cache: new InMemoryCache(),
+    link: new HttpLink({ uri: "https://your-graphql-endpoint.com/graphql" }),
+  });
+};
+
+export const apolloLoader = createApolloLoaderHandler(makeClient);
+```
+
+> **Important:** `ApolloClient` must be imported from `@apollo/client-integration-react-router`, not from `@apollo/client`.
+
+### Step 2: Reveal Entry Files
+
+Run the following command to create the entry files if they don't exist:
+
+```bash
+npx react-router reveal
+```
+
+This will create `app/entry.client.tsx` and `app/entry.server.tsx`.
+
+### Step 3: Configure Client Entry
+
+Adjust `app/entry.client.tsx` to wrap your app in `ApolloProvider`:
+
+```typescript
+import { makeClient } from "./apollo";
+import { ApolloProvider } from "@apollo/client";
+import { StrictMode, startTransition } from "react";
+import { hydrateRoot } from "react-dom/client";
+import { HydratedRouter } from "react-router/dom";
+
+startTransition(() => {
+  const client = makeClient();
+  hydrateRoot(
+    document,
+    <StrictMode>
+      <ApolloProvider client={client}>
+        <HydratedRouter />
+      </ApolloProvider>
+    </StrictMode>
+  );
+});
+```
+
+### Step 4: Configure Server Entry
+
+Adjust `app/entry.server.tsx` to wrap your app in `ApolloProvider` during SSR:
+
+```typescript
+import { makeClient } from "./apollo";
+import { ApolloProvider } from "@apollo/client";
+// ... other imports
+
+export default function handleRequest(
+  request: Request,
+  responseStatusCode: number,
+  responseHeaders: Headers,
+  routerContext: EntryContext
+) {
+  return new Promise((resolve, reject) => {
+    // ... existing code
+
+    const client = makeClient(request);
+
+    const { pipe, abort } = renderToPipeableStream(
+      <ApolloProvider client={client}>
+        <ServerRouter
+          context={routerContext}
+          url={request.url}
+          abortDelay={ABORT_DELAY}
+        />
+      </ApolloProvider>,
+      {
+        [readyOption]() {
+          shellRendered = true;
+          // ... rest of the handler
+        },
+        // ... other options
+      }
+    );
+  });
+}
+```
+
+### Step 5: Add Hydration Helper
+
+Add `<ApolloHydrationHelper>` to `app/root.tsx`:
+
+```typescript
+import { ApolloHydrationHelper } from "@apollo/client-integration-react-router";
+import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
+
+export function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <ApolloHydrationHelper>{children}</ApolloHydrationHelper>
+        <ScrollRestoration />
+        <Scripts />
+      </body>
+    </html>
+  );
+}
+
+export default function App() {
+  return <Outlet />;
+}
+```
+
+## Usage
+
+### Using apolloLoader with useReadQuery
+
+You can now use the `apolloLoader` function to create Apollo-enabled loaders for your routes:
+
+```typescript
+import { gql } from "@apollo/client";
+import { useReadQuery } from "@apollo/client/react";
+import { useLoaderData } from "react-router";
+import type { Route } from "./+types/my-route";
+import type { TypedDocumentNode } from "@apollo/client";
+import { apolloLoader } from "./apollo";
+
+// TypedDocumentNode definition with types
+const GET_USER: TypedDocumentNode<
+  { user: { id: string; name: string; email: string } },
+  { id: string }
+> = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+      email
+    }
+  }
+`;
+
+export const loader = apolloLoader<Route.LoaderArgs>()(({ preloadQuery }) => {
+  const userQueryRef = preloadQuery(GET_USER, {
+    variables: { id: "1" },
+  });
+
+  return {
+    userQueryRef,
+  };
+});
+
+export default function UserPage() {
+  const { userQueryRef } = useLoaderData<typeof loader>();
+  const { data } = useReadQuery(userQueryRef);
+
+  return (
+    <div>
+      <h1>{data.user.name}</h1>
+      <p>{data.user.email}</p>
+    </div>
+  );
+}
+```
+
+> **Important:** To provide better TypeScript support, `apolloLoader` is a method that you need to call twice: `apolloLoader<LoaderArgs>()(loader)`
+
+### Multiple Queries in a Loader
+
+You can preload multiple queries in a single loader:
+
+```typescript
+import { gql } from "@apollo/client";
+import { useReadQuery } from "@apollo/client/react";
+import { useLoaderData } from "react-router";
+import type { Route } from "./+types/my-route";
+import { apolloLoader } from "./apollo";
+
+// TypedDocumentNode definitions omitted for brevity
+
+export const loader = apolloLoader<Route.LoaderArgs>()(({ preloadQuery }) => {
+  const userQueryRef = preloadQuery(GET_USER, {
+    variables: { id: "1" },
+  });
+
+  const postsQueryRef = preloadQuery(GET_POSTS, {
+    variables: { userId: "1" },
+  });
+
+  return {
+    userQueryRef,
+    postsQueryRef,
+  };
+});
+
+export default function UserPage() {
+  const { userQueryRef, postsQueryRef } = useLoaderData<typeof loader>();
+  const { data: userData } = useReadQuery(userQueryRef);
+  const { data: postsData } = useReadQuery(postsQueryRef);
+
+  return (
+    <div>
+      <h1>{userData.user.name}</h1>
+      <h2>Posts</h2>
+      <ul>
+        {postsData.posts.map((post) => (
+          <li key={post.id}>{post.title}</li>
+        ))}
+      </ul>
+    </div>
+  );
+}
+```
+
+## Important Considerations
+
+1. **Import ApolloClient from Integration Package:** Always import `ApolloClient` from `@apollo/client-integration-react-router`, not from `@apollo/client`, to ensure proper SSR hydration.
+
+2. **TypeScript Support:** The `apolloLoader` function requires double invocation for proper TypeScript type inference: `apolloLoader<LoaderArgs>()(loader)`.
+
+3. **Request Context:** The `makeClient` function receives the `Request` object during SSR and in loaders, but not in the browser. Use this to set up auth headers or other request-specific configuration.
+
+4. **Streaming SSR:** The integration fully supports React's streaming SSR capabilities. Place `Suspense` boundaries strategically for optimal user experience.
+
+5. **Cache Hydration:** The `ApolloHydrationHelper` component ensures that data loaded on the server is properly hydrated on the client, preventing unnecessary refetches.
diff --git a/src/frontend/.agents/skills/apollo-client/references/integration-tanstack-start.md b/src/frontend/.agents/skills/apollo-client/references/integration-tanstack-start.md
new file mode 100644
index 00000000..0294e393
--- /dev/null
+++ b/src/frontend/.agents/skills/apollo-client/references/integration-tanstack-start.md
@@ -0,0 +1,378 @@
+# Apollo Client Integration with TanStack Start
+
+This guide covers integrating Apollo Client in a TanStack Start application with support for modern streaming SSR.
+
+> **Note:** When using `npx create-tsrouter-app` to create a new TanStack Start application, you can choose Apollo Client in the setup wizard to have all of this configuration automatically set up for you.
+
+## Installation
+
+Install Apollo Client and the TanStack Start integration package:
+
+```bash
+npm install @apollo/client-integration-tanstack-start @apollo/client graphql rxjs
+```
+
+> **TypeScript users:** For type-safe GraphQL operations, see the [TypeScript Code Generation guide](typescript-codegen.md).
+
+## Setup
+
+### Step 1: Configure Root Route with Context
+
+In your `routes/__root.tsx`, change from `createRootRoute` to `createRootRouteWithContext` to provide the right context type:
+
+```typescript
+import type { ApolloClientIntegration } from "@apollo/client-integration-tanstack-start";
+import {
+  createRootRouteWithContext,
+  Outlet,
+} from "@tanstack/react-router";
+
+export const Route = createRootRouteWithContext<ApolloClientIntegration.RouterContext>()({
+  component: RootComponent,
+});
+
+function RootComponent() {
+  return (
+    <html>
+      <head>
+        <meta charSet="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>My App</title>
+      </head>
+      <body>
+        <Outlet />
+      </body>
+    </html>
+  );
+}
+```
+
+### Step 2: Set Up Apollo Client in Router
+
+In your `router.tsx`, set up your Apollo Client instance and run `routerWithApolloClient`:
+
+```typescript
+import {
+  routerWithApolloClient,
+  ApolloClient,
+  InMemoryCache,
+} from "@apollo/client-integration-tanstack-start";
+import { HttpLink } from "@apollo/client";
+import { createRouter } from "@tanstack/react-router";
+import { routeTree } from "./routeTree.gen";
+
+export function getRouter() {
+  const apolloClient = new ApolloClient({
+    cache: new InMemoryCache(),
+    link: new HttpLink({ uri: "https://your-graphql-endpoint.com/graphql" }),
+  });
+
+  const router = createRouter({
+    routeTree,
+    context: {
+      ...routerWithApolloClient.defaultContext,
+    },
+  });
+
+  return routerWithApolloClient(router, apolloClient);
+}
+```
+
+> **Important:** `ApolloClient` and `InMemoryCache` must be imported from `@apollo/client-integration-tanstack-start`, not from `@apollo/client`.
+
+## Usage
+
+### Option 1: Loader with preloadQuery and useReadQuery
+
+Use the `preloadQuery` function in your route loader to preload data during navigation:
+
+```typescript
+import { gql } from "@apollo/client";
+import { useReadQuery } from "@apollo/client/react";
+import { createFileRoute } from "@tanstack/react-router";
+import type { TypedDocumentNode } from "@apollo/client";
+
+// TypedDocumentNode definition with types
+const GET_USER: TypedDocumentNode<
+  { user: { id: string; name: string; email: string } },
+  { id: string }
+> = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+      email
+    }
+  }
+`;
+
+export const Route = createFileRoute("/user/$userId")({
+  component: RouteComponent,
+  loader: ({ context: { preloadQuery }, params }) => {
+    const queryRef = preloadQuery(GET_USER, {
+      variables: { id: params.userId },
+    });
+
+    return {
+      queryRef,
+    };
+  },
+});
+
+function RouteComponent() {
+  const { queryRef } = Route.useLoaderData();
+  const { data } = useReadQuery(queryRef);
+
+  return (
+    <div>
+      <h1>{data.user.name}</h1>
+      <p>{data.user.email}</p>
+    </div>
+  );
+}
+```
+
+### Option 2: Direct useSuspenseQuery in Component
+
+You can also use Apollo Client's suspenseful hooks directly in your component without a loader:
+
+```typescript
+import { gql } from "@apollo/client";
+import { useSuspenseQuery } from "@apollo/client/react";
+import { createFileRoute } from "@tanstack/react-router";
+import type { TypedDocumentNode } from "@apollo/client";
+
+// TypedDocumentNode definition with types
+const GET_POSTS: TypedDocumentNode<{
+  posts: Array<{ id: string; title: string; content: string }>;
+}> = gql`
+  query GetPosts {
+    posts {
+      id
+      title
+      content
+    }
+  }
+`;
+
+export const Route = createFileRoute("/posts")({
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  const { data } = useSuspenseQuery(GET_POSTS);
+
+  return (
+    <div>
+      <h1>Posts</h1>
+      <ul>
+        {data.posts.map((post) => (
+          <li key={post.id}>
+            <h2>{post.title}</h2>
+            <p>{post.content}</p>
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}
+```
+
+### Multiple Queries in a Loader
+
+You can preload multiple queries in a single loader:
+
+```typescript
+import { gql } from "@apollo/client";
+import { useReadQuery } from "@apollo/client/react";
+import { createFileRoute } from "@tanstack/react-router";
+
+// TypedDocumentNode definitions omitted for brevity
+
+export const Route = createFileRoute("/dashboard")({
+  component: RouteComponent,
+  loader: ({ context: { preloadQuery } }) => {
+    const userQueryRef = preloadQuery(GET_USER, {
+      variables: { id: "current" },
+    });
+
+    const statsQueryRef = preloadQuery(GET_STATS, {
+      variables: { period: "month" },
+    });
+
+    return {
+      userQueryRef,
+      statsQueryRef,
+    };
+  },
+});
+
+function RouteComponent() {
+  const { userQueryRef, statsQueryRef } = Route.useLoaderData();
+  const { data: userData } = useReadQuery(userQueryRef);
+  const { data: statsData } = useReadQuery(statsQueryRef);
+
+  return (
+    <div>
+      <h1>Welcome, {userData.user.name}</h1>
+      <div>
+        <h2>Monthly Stats</h2>
+        <p>Views: {statsData.stats.views}</p>
+        <p>Clicks: {statsData.stats.clicks}</p>
+      </div>
+    </div>
+  );
+}
+```
+
+### Using useQueryRefHandlers for Refetching
+
+When using `useReadQuery`, you can get refetch functionality from `useQueryRefHandlers`:
+
+> **Important:** Always call `useQueryRefHandlers` before `useReadQuery`. These two hooks interact with the same `queryRef`, and calling them in the wrong order could cause subtle bugs.
+
+```typescript
+import { useReadQuery, useQueryRefHandlers, QueryRef } from "@apollo/client/react";
+
+function UserComponent({ queryRef }: { queryRef: QueryRef<GetUserQuery> }) {
+  const { refetch } = useQueryRefHandlers(queryRef);
+  const { data } = useReadQuery(queryRef);
+
+  return (
+    <div>
+      <h1>{data.user.name}</h1>
+      <button onClick={() => refetch()}>Refresh</button>
+    </div>
+  );
+}
+```
+
+## Important Considerations
+
+1. **Import from Integration Package:** Always import `ApolloClient` and `InMemoryCache` from `@apollo/client-integration-tanstack-start`, not from `@apollo/client`, to ensure proper SSR hydration.
+
+2. **Context Type:** Use `createRootRouteWithContext<ApolloClientIntegration.RouterContext>()` to provide proper TypeScript types for the `preloadQuery` function in loaders.
+
+3. **Loader vs Component Queries:**
+
+   - Use `preloadQuery` in loaders when you want to start fetching data before the component renders
+   - Use `useSuspenseQuery` directly in components for simpler cases or when data fetching can wait until render
+
+4. **Streaming SSR:** The integration fully supports React's streaming SSR capabilities. Place `Suspense` boundaries strategically for optimal user experience.
+
+5. **Cache Management:** The Apollo Client instance is shared across all routes, so cache updates from one route will be reflected in all routes that use the same data.
+
+6. **Authentication:** Use Apollo Client's `SetContextLink` for dynamic auth tokens.
+
+## Advanced Configuration
+
+### Adding Authentication
+
+For authentication in TanStack Start with SSR support, you need to handle both server and client environments differently. Use `createIsomorphicFn` to provide environment-specific implementations:
+
+```typescript
+import {
+  ApolloClient,
+  InMemoryCache,
+  routerWithApolloClient,
+} from "@apollo/client-integration-tanstack-start";
+import { ApolloLink, HttpLink } from "@apollo/client";
+import { SetContextLink } from "@apollo/client/link/context";
+import { createIsomorphicFn } from "@tanstack/react-start";
+import { createRouter } from "@tanstack/react-router";
+import { getSession, getCookie } from "@tanstack/react-start/server";
+import { routeTree } from "./routeTree.gen";
+
+// Create isomorphic link that uses different implementations per environment
+const createAuthLink = createIsomorphicFn()
+  .server(() => {
+    // Server-only: Can access server-side functions like `getCookies`, `getCookie`, `getSession`, etc. exported from `"@tanstack/react-start/server"`
+    return new SetContextLink(async (prevContext) => {
+      return {
+        headers: {
+          ...prevContext.headers,
+          authorization: getCookie("Authorization"),
+        },
+      };
+    });
+  })
+  .client(() => {
+    // Client-only: Can access `localStorage` or other browser APIs
+    return new SetContextLink((prevContext) => {
+      return {
+        headers: {
+          ...prevContext.headers,
+          authorization: localStorage.getItem("authToken") ?? "",
+        },
+      };
+    });
+  });
+
+export function getRouter() {
+  const httpLink = new HttpLink({
+    uri: "https://your-graphql-endpoint.com/graphql",
+  });
+
+  const apolloClient = new ApolloClient({
+    cache: new InMemoryCache(),
+    link: ApolloLink.from([createAuthLink(), httpLink]),
+  });
+
+  const router = createRouter({
+    routeTree,
+    context: {
+      ...routerWithApolloClient.defaultContext,
+    },
+  });
+
+  return routerWithApolloClient(router, apolloClient);
+}
+```
+
+> **Important:** The `getRouter` function is called both on the server and client, so it must not contain environment-specific code. Use `createIsomorphicFn` to provide different implementations:
+>
+> - **Server:** Can access server-only functions like `getSession`, `getCookies`, `getCookie` from `@tanstack/react-start/server` to access authentication information in request or session data
+> - **Client:** Can use `localStorage` or other browser APIs to access auth tokens (if setting `credentials: "include"` is sufficient, try to prefer that over manually setting auth headers client-side)
+>
+> This ensures your authentication works correctly in both SSR and browser contexts.
+
+### Custom Cache Configuration
+
+```typescript
+import {
+  ApolloClient,
+  InMemoryCache,
+} from "@apollo/client-integration-tanstack-start";
+import { HttpLink } from "@apollo/client";
+import { createRouter } from "@tanstack/react-router";
+import { routeTree } from "./routeTree.gen";
+import { routerWithApolloClient } from "@apollo/client-integration-tanstack-start";
+
+export function getRouter() {
+  const apolloClient = new ApolloClient({
+    cache: new InMemoryCache({
+      typePolicies: {
+        Query: {
+          fields: {
+            posts: {
+              merge(existing = [], incoming) {
+                return [...existing, ...incoming];
+              },
+            },
+          },
+        },
+      },
+    }),
+    link: new HttpLink({ uri: "https://your-graphql-endpoint.com/graphql" }),
+  });
+
+  const router = createRouter({
+    routeTree,
+    context: {
+      ...routerWithApolloClient.defaultContext,
+    },
+  });
+
+  return routerWithApolloClient(router, apolloClient);
+}
+```
diff --git a/src/frontend/.agents/skills/apollo-client/references/mutations.md b/src/frontend/.agents/skills/apollo-client/references/mutations.md
new file mode 100644
index 00000000..3ea3c4c7
--- /dev/null
+++ b/src/frontend/.agents/skills/apollo-client/references/mutations.md
@@ -0,0 +1,549 @@
+# Mutations Reference
+
+## Table of Contents
+
+- [useMutation Hook](#usemutation-hook)
+- [Mutation Variables](#mutation-variables)
+- [Loading and Error States](#loading-and-error-states)
+- [Optimistic UI](#optimistic-ui)
+- [Cache Updates](#cache-updates)
+- [Refetch Queries](#refetch-queries)
+- [Error Handling](#error-handling)
+
+## useMutation Hook
+
+The `useMutation` hook is used to execute GraphQL mutations.
+
+### Basic Usage
+
+```tsx
+import { gql } from "@apollo/client";
+import { useMutation } from "@apollo/client/react";
+
+const ADD_TODO = gql`
+  mutation AddTodo($text: String!) {
+    addTodo(text: $text) {
+      id
+      text
+      completed
+    }
+  }
+`;
+
+function AddTodo() {
+  const [addTodo, { data, loading, error }] = useMutation(ADD_TODO);
+
+  return (
+    <form
+      onSubmit={(e) => {
+        e.preventDefault();
+        const form = e.currentTarget;
+        const text = new FormData(form).get("text") as string;
+        addTodo({ variables: { text } });
+        form.reset();
+      }}
+    >
+      <input name="text" placeholder="Add todo" />
+      <button type="submit" disabled={loading}>
+        Add
+      </button>
+      {error && <p>Error: {error.message}</p>}
+    </form>
+  );
+}
+```
+
+### Return Tuple
+
+```typescript
+const [
+  mutateFunction, // Function to call to execute mutation
+  {
+    data, // Mutation result data
+    loading, // True while mutation is in flight
+    error, // ApolloError if mutation failed
+    called, // True if mutation has been called
+    reset, // Reset mutation state
+    client, // Apollo Client instance
+  },
+] = useMutation(MUTATION);
+```
+
+## Mutation Variables
+
+### Variables in Options
+
+```tsx
+const [createUser] = useMutation(CREATE_USER, {
+  variables: {
+    input: {
+      name: "Default User",
+      email: "default@example.com",
+    },
+  },
+});
+
+// Call with default variables
+await createUser();
+
+// Override variables
+await createUser({
+  variables: {
+    input: {
+      name: "Custom User",
+      email: "custom@example.com",
+    },
+  },
+});
+```
+
+### TypeScript Types
+
+Use `TypedDocumentNode` instead of generic type parameters:
+
+```typescript
+import { gql, TypedDocumentNode } from "@apollo/client";
+
+interface CreateUserData {
+  createUser: {
+    id: string;
+    name: string;
+    email: string;
+  };
+}
+
+interface CreateUserVariables {
+  input: {
+    name: string;
+    email: string;
+  };
+}
+
+const CREATE_USER: TypedDocumentNode<CreateUserData, CreateUserVariables> = gql`
+  mutation CreateUser($input: CreateUserInput!) {
+    createUser(input: $input) {
+      id
+      name
+      email
+    }
+  }
+`;
+
+const [createUser, { data, loading }] = useMutation(CREATE_USER);
+
+const { data } = await createUser({
+  variables: {
+    input: { name: "John", email: "john@example.com" },
+  },
+});
+
+// data.createUser is fully typed
+```
+
+## Loading and Error States
+
+### Handling in UI
+
+```tsx
+function CreatePost() {
+  const [createPost, { loading, error, data, reset }] =
+    useMutation(CREATE_POST);
+
+  if (data) {
+    return (
+      <div>
+        <p>Post created: {data.createPost.title}</p>
+        <button onClick={reset}>Create another</button>
+      </div>
+    );
+  }
+
+  return (
+    <form onSubmit={handleSubmit}>
+      <input name="title" disabled={loading} />
+      <textarea name="content" disabled={loading} />
+      <button type="submit" disabled={loading}>
+        {loading ? "Creating..." : "Create Post"}
+      </button>
+      {error && (
+        <div className="error">
+          <p>Failed to create post: {error.message}</p>
+          <button onClick={reset}>Try again</button>
+        </div>
+      )}
+    </form>
+  );
+}
+```
+
+### Async/Await Pattern
+
+If you only need the promise without using the hook's loading/data state, use `client.mutate` instead:
+
+```tsx
+import { useApolloClient } from "@apollo/client/react";
+
+function CreatePost() {
+  const client = useApolloClient();
+
+  async function handleSubmit(formData: FormData) {
+    try {
+      const { data } = await client.mutate({
+        mutation: CREATE_POST,
+        variables: {
+          input: {
+            title: formData.get("title"),
+            content: formData.get("content"),
+          },
+        },
+      });
+      console.log("Created:", data.createPost);
+      router.push(`/posts/${data.createPost.id}`);
+    } catch (error) {
+      console.error("Failed to create post:", error);
+    }
+  }
+
+  return (
+    <form
+      onSubmit={(e) => {
+        e.preventDefault();
+        handleSubmit(new FormData(e.currentTarget));
+      }}
+    >
+      ...
+    </form>
+  );
+}
+```
+
+If you do use the hook's state, e.g. because you want to render the `loading` state, errors or returned `data`, you can also use the `useMutation` hook with `async..await` in your handler:
+
+```tsx
+function CreatePost() {
+  const [createPost, { loading }] = useMutation(CREATE_POST);
+
+  async function handleSubmit(formData: FormData) {
+    try {
+      const { data } = await createPost({
+        variables: {
+          input: {
+            title: formData.get("title"),
+            content: formData.get("content"),
+          },
+        },
+      });
+      console.log("Created:", data.createPost);
+      router.push(`/posts/${data.createPost.id}`);
+    } catch (error) {
+      console.error("Failed to create post:", error);
+    }
+  }
+
+  return (
+    <form
+      onSubmit={(e) => {
+        e.preventDefault();
+        handleSubmit(new FormData(e.currentTarget));
+      }}
+    >
+      <button type="submit" disabled={loading}>
+        {loading ? "Creating..." : "Create Post"}
+      </button>
+    </form>
+  );
+}
+```
+
+## Optimistic UI
+
+Optimistic UI immediately reflects the expected result of a mutation before the server responds.
+
+### Basic Optimistic Response
+
+**Important**: `optimisticResponse` needs to be a full valid response for the mutation. A partial result might result in subtle errors.
+
+```tsx
+const [addTodo] = useMutation(ADD_TODO, {
+  optimisticResponse: {
+    addTodo: {
+      __typename: "Todo",
+      id: "temp-id",
+      text: "New todo",
+      completed: false,
+    },
+  },
+});
+```
+
+### Dynamic Optimistic Response
+
+```tsx
+function TodoList() {
+  const [addTodo] = useMutation(ADD_TODO);
+
+  const handleAdd = (text: string) => {
+    addTodo({
+      variables: { text },
+      optimisticResponse: {
+        addTodo: {
+          __typename: "Todo",
+          id: `temp-${Date.now()}`,
+          text,
+          completed: false,
+        },
+      },
+    });
+  };
+
+  return <AddTodoForm onAdd={handleAdd} />;
+}
+```
+
+### Optimistic Response with Cache Update
+
+```tsx
+const [toggleTodo] = useMutation(TOGGLE_TODO, {
+  optimisticResponse: ({ id }) => ({
+    toggleTodo: {
+      __typename: "Todo",
+      id,
+      completed: true, // Assume success
+    },
+  }),
+  update: (cache, { data }) => {
+    // This runs twice: once with optimistic data, once with server data
+    cache.modify({
+      id: cache.identify(data.toggleTodo),
+      fields: {
+        completed: () => data.toggleTodo.completed,
+      },
+    });
+  },
+});
+```
+
+## Cache Updates
+
+### Using update Function
+
+```tsx
+const [addTodo] = useMutation(ADD_TODO, {
+  update: (cache, { data }) => {
+    // Read existing todos from cache
+    const existingTodos = cache.readQuery<{ todos: Todo[] }>({
+      query: GET_TODOS,
+    });
+
+    // Write updated list back to cache
+    cache.writeQuery({
+      query: GET_TODOS,
+      data: {
+        todos: [...(existingTodos?.todos ?? []), data.addTodo],
+      },
+    });
+  },
+});
+```
+
+### cache.modify
+
+```tsx
+const [deleteTodo] = useMutation(DELETE_TODO, {
+  update: (cache, { data }) => {
+    cache.modify({
+      fields: {
+        todos: (existingTodos: Reference[], { readField }) => {
+          return existingTodos.filter(
+            (todoRef) => readField("id", todoRef) !== data.deleteTodo.id
+          );
+        },
+      },
+    });
+  },
+});
+```
+
+### cache.evict
+
+```tsx
+const [deleteUser] = useMutation(DELETE_USER, {
+  update: (cache, { data }) => {
+    // Remove the user object from cache entirely
+    cache.evict({ id: cache.identify(data.deleteUser) });
+    // Clean up dangling references
+    cache.gc();
+  },
+});
+```
+
+### Updating Related Queries
+
+```tsx
+const [createPost] = useMutation(CREATE_POST, {
+  update: (cache, { data }) => {
+    // Update author's post count
+    cache.modify({
+      id: cache.identify({ __typename: "User", id: data.createPost.authorId }),
+      fields: {
+        postCount: (existing) => existing + 1,
+        posts: (existing, { toReference }) => [
+          ...existing,
+          toReference(data.createPost),
+        ],
+      },
+    });
+
+    // Add to feed
+    cache.modify({
+      fields: {
+        feed: (existing, { toReference }) => [
+          toReference(data.createPost),
+          ...existing,
+        ],
+      },
+    });
+  },
+});
+```
+
+## Refetch Queries
+
+### Basic Refetch
+
+There are three refetch notations:
+
+- **String**: `refetchQueries: ['getTodos']` - refetches all active `getTodos` queries
+- **Query document**: `refetchQueries: [GET_TODOS]` - refetches all active queries using this document
+- **Object**: `refetchQueries: [{ query: GET_TODOS }, { query: GET_TODOS, variables: { page: 25 } }]` - **fetches** the query, regardless if it's actively used in the UI
+
+```tsx
+const [addTodo] = useMutation(ADD_TODO, {
+  // Refetch all active GET_TODOS queries
+  refetchQueries: ["getTodos"],
+  // Or: refetchQueries: [GET_TODOS],
+});
+
+// Fetch specific query with variables (even if not active)
+const [addTodo] = useMutation(ADD_TODO, {
+  refetchQueries: [{ query: GET_TODOS }, { query: GET_TODO_COUNT }],
+});
+```
+
+### Conditional Refetch
+
+```tsx
+const [addTodo] = useMutation(ADD_TODO, {
+  refetchQueries: (result) => {
+    if (result.data?.addTodo.priority === "HIGH") {
+      return [{ query: GET_HIGH_PRIORITY_TODOS }];
+    }
+    return [{ query: GET_TODOS }];
+  },
+});
+```
+
+### Refetch Active Queries
+
+```tsx
+const [addTodo] = useMutation(ADD_TODO, {
+  refetchQueries: "active", // Refetch all active queries
+  // Or: 'all' to refetch all queries (including inactive)
+});
+```
+
+### awaitRefetchQueries
+
+```tsx
+const [addTodo] = useMutation(ADD_TODO, {
+  refetchQueries: [{ query: GET_TODOS }],
+  awaitRefetchQueries: true, // Wait for refetch before resolving mutation
+});
+```
+
+### onQueryUpdated
+
+Returning `true` from `onQueryUpdated` causes a refetch. Don't call `refetch()` manually inside `onQueryUpdated`, as it won't retain the query and might cancel it early.
+
+```tsx
+const [addTodo] = useMutation(ADD_TODO, {
+  update: (cache, { data }) => {
+    // Update cache...
+  },
+  onQueryUpdated: (observableQuery) => {
+    // Called for each query affected by cache update
+    console.log(`Query ${observableQuery.queryName} was updated`);
+    // Return true to refetch
+    return true;
+  },
+});
+```
+
+## Error Handling
+
+### Error Policy
+
+```tsx
+const [createUser, { loading }] = useMutation(CREATE_USER, {
+  errorPolicy: "all", // Return both data and errors
+});
+
+const { data, errors } = await createUser({
+  variables: { input },
+});
+
+// Handle partial success
+if (data?.createUser) {
+  console.log("User created:", data.createUser);
+}
+if (errors) {
+  console.warn("Some errors occurred:", errors);
+}
+```
+
+### onError Callback
+
+```tsx
+const [createUser] = useMutation(CREATE_USER, {
+  onError: (error) => {
+    // Handle error globally
+    toast.error(`Failed to create user: ${error.message}`);
+
+    // Log to error tracking service
+    Sentry.captureException(error);
+  },
+  onCompleted: (data) => {
+    toast.success(`User ${data.createUser.name} created!`);
+  },
+});
+```
+
+### Field-Level Errors
+
+```tsx
+const [createUser] = useMutation(CREATE_USER, {
+  errorPolicy: "all",
+});
+
+const handleSubmit = async (input: CreateUserInput) => {
+  const { data, errors } = await createUser({
+    variables: { input },
+  });
+
+  // Handle GraphQL validation errors
+  const fieldErrors = errors?.reduce(
+    (acc, error) => {
+      const field = error.extensions?.field as string;
+      if (field) {
+        acc[field] = error.message;
+      }
+      return acc;
+    },
+    {} as Record<string, string>
+  );
+
+  if (fieldErrors?.email) {
+    setEmailError(fieldErrors.email);
+  }
+};
+```
diff --git a/src/frontend/.agents/skills/apollo-client/references/queries.md b/src/frontend/.agents/skills/apollo-client/references/queries.md
new file mode 100644
index 00000000..68806d37
--- /dev/null
+++ b/src/frontend/.agents/skills/apollo-client/references/queries.md
@@ -0,0 +1,416 @@
+# Queries Reference
+
+> **Note**: In most applications, there should only be one use of a query hook per page. Use fragment-reading hooks (`useFragment`, `useSuspenseFragment`) with component-colocated fragments and data masking for the rest of the page components.
+
+## Table of Contents
+
+- [useQuery Hook](#usequery-hook)
+- [Query Variables](#query-variables)
+- [Loading and Error States](#loading-and-error-states)
+- [useLazyQuery](#uselazyquery)
+- [Polling and Refetching](#polling-and-refetching)
+- [Fetch Policies](#fetch-policies)
+- [Conditional Queries](#conditional-queries)
+
+## useQuery Hook
+
+The `useQuery` hook is the primary way to fetch data in Apollo Client in non-suspenseful applications. It returns loading and error states that must be handled.
+
+> **Note**: In suspenseful applications, use `useSuspenseQuery` or `useBackgroundQuery` instead. See the [Suspense Hooks reference](suspense-hooks.md) for more details.
+
+### Basic Usage
+
+```tsx
+import { gql } from "@apollo/client";
+import { useQuery } from "@apollo/client/react";
+
+const GET_DOGS = gql`
+  query GetDogs {
+    dogs {
+      id
+      breed
+      displayImage
+    }
+  }
+`;
+
+function Dogs() {
+  const { loading, error, data } = useQuery(GET_DOGS);
+
+  if (loading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error.message}</p>;
+
+  return <ul>{data?.dogs.map((dog) => <li key={dog.id}>{dog.breed}</li>)}</ul>;
+}
+```
+
+### Return Object
+
+```typescript
+const {
+  data, // Query result data
+  loading, // True during initial load
+  error, // ApolloError if request failed
+  networkStatus, // Detailed network state (1-8)
+  dataState, // For TypeScript type narrowing (AC 4.x)
+  refetch, // Function to re-execute query
+  fetchMore, // Function for pagination
+  startPolling, // Start polling at interval
+  stopPolling, // Stop polling
+  subscribeToMore, // Add subscription to query
+  updateQuery, // Manually update query result
+  client, // Apollo Client instance
+  called, // True if query has been executed
+  previousData, // Previous data (useful during loading)
+} = useQuery(QUERY);
+```
+
+## Query Variables
+
+### Basic Variables
+
+```tsx
+const GET_DOG = gql`
+  query GetDog($breed: String!) {
+    dog(breed: $breed) {
+      id
+      displayImage
+    }
+  }
+`;
+
+function DogPhoto({ breed }: { breed: string }) {
+  const { loading, error, data } = useQuery(GET_DOG, {
+    variables: { breed },
+  });
+
+  if (loading) return null;
+  if (error) return <p>Error: {error.message}</p>;
+
+  return <img src={data.dog.displayImage} alt={breed} />;
+}
+```
+
+### TypeScript Types
+
+Use `TypedDocumentNode` instead of generic type parameters for better type safety:
+
+```typescript
+import { gql, TypedDocumentNode } from "@apollo/client";
+import { useQuery } from "@apollo/client/react";
+
+interface GetDogData {
+  dog: {
+    id: string;
+    displayImage: string;
+  };
+}
+
+interface GetDogVariables {
+  breed: string;
+}
+
+const GET_DOG: TypedDocumentNode<GetDogData, GetDogVariables> = gql`
+  query GetDog($breed: String!) {
+    dog(breed: $breed) {
+      id
+      displayImage
+    }
+  }
+`;
+
+const { data } = useQuery(GET_DOG, {
+  variables: { breed: "bulldog" },
+});
+
+// data?.dog is fully typed
+```
+
+### Dynamic Variables
+
+```tsx
+function DogSelector() {
+  const [breed, setBreed] = useState("bulldog");
+
+  // Query automatically re-runs when breed changes
+  const { data } = useQuery(GET_DOG, {
+    variables: { breed },
+  });
+
+  return (
+    <select value={breed} onChange={(e) => setBreed(e.target.value)}>
+      <option value="bulldog">Bulldog</option>
+      <option value="poodle">Poodle</option>
+    </select>
+  );
+}
+```
+
+## Loading and Error States
+
+### Using Previous Data
+
+```tsx
+function UserProfile({ userId }: { userId: string }) {
+  const { loading, data, previousData } = useQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  // Show previous data while loading new data
+  const displayData = data ?? previousData;
+
+  return (
+    <div>
+      {loading && <LoadingSpinner />}
+      {displayData && <UserCard user={displayData.user} />}
+    </div>
+  );
+}
+```
+
+### Network Status
+
+```tsx
+import { NetworkStatus } from "@apollo/client";
+
+function Dogs() {
+  const { loading, error, data, networkStatus, refetch } = useQuery(GET_DOGS, {
+    notifyOnNetworkStatusChange: true,
+  });
+
+  if (networkStatus === NetworkStatus.refetch) {
+    return <p>Refetching...</p>;
+  }
+
+  if (loading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error.message}</p>;
+
+  return (
+    <>
+      <button onClick={() => refetch()}>Refresh</button>
+      <ul>
+        {data.dogs.map((dog) => (
+          <li key={dog.id}>{dog.breed}</li>
+        ))}
+      </ul>
+    </>
+  );
+}
+```
+
+## useLazyQuery
+
+Use `useLazyQuery` when you want to execute a query in response to a user-triggered event (like a button click) rather than on component mount.
+
+**Important**: `useLazyQuery` doesn't guarantee a network request - it only sets variables. If data is already in the cache, this isn't a "refetch". Only use `useLazyQuery` if you consume the second tuple value (loading, data, error states) to synchronize cache data with the component. If you only need the promise, use `client.query` directly instead.
+
+### Basic Usage
+
+```tsx
+import { gql } from "@apollo/client";
+import { useLazyQuery } from "@apollo/client/react";
+
+const GET_DOG_PHOTO = gql`
+  query GetDogPhoto($breed: String!) {
+    dog(breed: $breed) {
+      id
+      displayImage
+    }
+  }
+`;
+
+function DelayedQuery() {
+  const [getDog, { loading, error, data, called }] =
+    useLazyQuery(GET_DOG_PHOTO);
+
+  if (called && loading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error.message}</p>;
+
+  return (
+    <div>
+      {data?.dog && <img src={data.dog.displayImage} />}
+      <button onClick={() => getDog({ variables: { breed: "bulldog" } })}>
+        Get Bulldog Photo
+      </button>
+    </div>
+  );
+}
+```
+
+### When to Use client.query Instead
+
+If you only need the promise result and don't consume the loading/error/data states from the hook, use `client.query` instead:
+
+```tsx
+import { useApolloClient } from "@apollo/client/react";
+
+function SearchDogs() {
+  const client = useApolloClient();
+  const [search, setSearch] = useState("");
+
+  const handleSearch = async () => {
+    try {
+      const { data } = await client.query({
+        query: SEARCH_DOGS,
+        variables: { query: search },
+      });
+      console.log("Found dogs:", data.searchDogs);
+    } catch (error) {
+      console.error("Search failed:", error);
+    }
+  };
+
+  return (
+    <div>
+      <input value={search} onChange={(e) => setSearch(e.target.value)} />
+      <button onClick={handleSearch}>Search</button>
+    </div>
+  );
+}
+```
+
+## Polling and Refetching
+
+### Polling
+
+```tsx
+function LiveFeed() {
+  const { data, startPolling, stopPolling } = useQuery(GET_FEED, {
+    pollInterval: 5000, // Poll every 5 seconds
+  });
+
+  // Or control polling dynamically
+  useEffect(() => {
+    startPolling(5000);
+    return () => stopPolling();
+  }, [startPolling, stopPolling]);
+
+  return <Feed items={data?.feed} />;
+}
+```
+
+### Manual Refetching
+
+```tsx
+function DogList() {
+  const { data, refetch } = useQuery(GET_DOGS);
+
+  return (
+    <div>
+      <button onClick={() => refetch()}>Refresh</button>
+      <button onClick={() => refetch({ breed: "poodle" })}>
+        Refetch Poodles
+      </button>
+      <ul>{data?.dogs.map((dog) => <li key={dog.id}>{dog.breed}</li>)}</ul>
+    </div>
+  );
+}
+```
+
+## Fetch Policies
+
+Control how the query interacts with the cache.
+
+| Policy              | Description                                                |
+| ------------------- | ---------------------------------------------------------- |
+| `cache-first`       | Return cached data if available, otherwise fetch (default) |
+| `cache-only`        | Only return cached data, never fetch                       |
+| `cache-and-network` | Return cached data immediately, then fetch and update      |
+| `network-only`      | Always fetch, update cache, ignore cached data             |
+| `no-cache`          | Always fetch, never read or write cache                    |
+| `standby`           | Same as cache-first but doesn't auto-update                |
+
+### Usage Examples
+
+```tsx
+// Real-time data - always fetch
+const { data } = useQuery(GET_NOTIFICATIONS, {
+  fetchPolicy: "network-only",
+});
+
+// Static data - prefer cache
+const { data } = useQuery(GET_CATEGORIES, {
+  fetchPolicy: "cache-first",
+});
+
+// Show cached data while fetching fresh data
+const { data, loading } = useQuery(GET_POSTS, {
+  fetchPolicy: "cache-and-network",
+});
+
+// Fetch once, then use cache
+const { data } = useQuery(GET_USER_PROFILE, {
+  fetchPolicy: "network-only",
+  nextFetchPolicy: "cache-first",
+});
+```
+
+### nextFetchPolicy
+
+```tsx
+// First request: network-only
+// Subsequent requests: cache-first
+const { data } = useQuery(GET_POSTS, {
+  fetchPolicy: "network-only",
+  nextFetchPolicy: "cache-first",
+});
+
+// Or use a function for more control
+const { data } = useQuery(GET_POSTS, {
+  fetchPolicy: "network-only",
+  nextFetchPolicy: (currentFetchPolicy, { reason, observable }) => {
+    if (reason === "after-fetch") {
+      return "cache-first";
+    }
+    return currentFetchPolicy;
+  },
+});
+```
+
+## Conditional Queries
+
+### Using skipToken (Recommended)
+
+Use `skipToken` to conditionally skip queries without TypeScript issues:
+
+```tsx
+import { skipToken } from "@apollo/client";
+
+function UserProfile({ userId }: { userId: string | null }) {
+  const { data } = useQuery(
+    GET_USER,
+    !userId ? skipToken : (
+      {
+        variables: { id: userId },
+      }
+    )
+  );
+
+  return userId ? <Profile user={data?.user} /> : <p>Select a user</p>;
+}
+```
+
+### Skip Option (Alternative)
+
+```tsx
+function UserProfile({ userId }: { userId: string | null }) {
+  const { data } = useQuery(GET_USER, {
+    variables: { id: userId! },
+    skip: !userId, // Don't execute if no userId
+  });
+
+  return userId ? <Profile user={data?.user} /> : <p>Select a user</p>;
+}
+```
+
+> **Note**: Using `skipToken` is preferred over `skip` as it avoids TypeScript issues with required variables and the non-null assertion operator.
+
+### SSR Skip
+
+```tsx
+// Skip during server-side rendering
+const { data } = useQuery(GET_USER_LOCATION, {
+  skip: typeof window === "undefined",
+  ssr: false,
+});
+```
diff --git a/src/frontend/.agents/skills/apollo-client/references/state-management.md b/src/frontend/.agents/skills/apollo-client/references/state-management.md
new file mode 100644
index 00000000..023a6f56
--- /dev/null
+++ b/src/frontend/.agents/skills/apollo-client/references/state-management.md
@@ -0,0 +1,428 @@
+# State Management Reference
+
+## Table of Contents
+
+- [Reactive Variables](#reactive-variables)
+- [Local-Only Fields](#local-only-fields)
+- [LocalState Resolvers](#localstate-resolvers)
+- [Combining Remote and Local State](#combining-remote-and-local-state)
+- [useReactiveVar Hook](#usereactivevar-hook)
+
+## Reactive Variables
+
+Reactive variables are a way to store local state outside of the Apollo Client cache while still triggering reactive updates.
+
+**Important**: Reactive variables store a single value that notifies `ApolloClient` instances when changed. They do not have separate values per ApolloClient instance. In multi-user environments like SSR, global or module-level reactive variables could be shared between users and cause data leaks. In frameworks that use SSR, always avoid storing reactive variables as globals.
+
+### Creating Reactive Variables
+
+```typescript
+import { makeVar } from "@apollo/client";
+
+// Simple reactive variable
+export const isLoggedInVar = makeVar<boolean>(false);
+
+// Object reactive variable
+export const cartItemsVar = makeVar<CartItem[]>([]);
+
+// Complex state
+interface AppState {
+  theme: "light" | "dark";
+  sidebarOpen: boolean;
+  notifications: Notification[];
+}
+
+export const appStateVar = makeVar<AppState>({
+  theme: "light",
+  sidebarOpen: true,
+  notifications: [],
+});
+```
+
+### Reading Reactive Variables
+
+```tsx
+// Direct read (non-reactive)
+const isLoggedIn = isLoggedInVar();
+
+// Reactive read in component
+import { useReactiveVar } from "@apollo/client/react";
+
+function AuthButton() {
+  const isLoggedIn = useReactiveVar(isLoggedInVar);
+
+  return isLoggedIn ?
+      <button onClick={() => isLoggedInVar(false)}>Logout</button>
+    : <button onClick={() => isLoggedInVar(true)}>Login</button>;
+}
+```
+
+### Updating Reactive Variables
+
+```typescript
+// Set new value
+isLoggedInVar(true);
+
+// Update based on current value
+cartItemsVar([...cartItemsVar(), newItem]);
+
+// Update object state
+appStateVar({
+  ...appStateVar(),
+  theme: "dark",
+});
+
+// Helper function pattern
+export function toggleSidebar() {
+  const current = appStateVar();
+  appStateVar({ ...current, sidebarOpen: !current.sidebarOpen });
+}
+
+export function addNotification(notification: Notification) {
+  const current = appStateVar();
+  appStateVar({
+    ...current,
+    notifications: [...current.notifications, notification],
+  });
+}
+```
+
+## Local-Only Fields
+
+Local-only fields are fields defined in queries but resolved entirely on the client using the `@client` directive.
+
+**Important**: To use any `@client` fields, you need to add `LocalState` to the `ApolloClient` initialization:
+
+```typescript
+import { ApolloClient, InMemoryCache } from "@apollo/client";
+import { LocalState } from "@apollo/client/local-state";
+
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  localState: new LocalState({}),
+  // ... other options
+});
+```
+
+> **Note**: `LocalState` is an Apollo Client 4.x concept and did not exist as a class in previous versions. In previous versions, a `localState` option was not necessary, and local resolvers (if used) could be passed directly to the `ApolloClient` constructor.
+
+### Basic @client Fields
+
+```tsx
+const GET_USER_WITH_LOCAL = gql`
+  query GetUserWithLocal($id: ID!) {
+    user(id: $id) {
+      id
+      name
+      email
+      # Local-only fields
+      isSelected @client
+      displayName @client
+    }
+  }
+`;
+
+function UserCard({ userId }: { userId: string }) {
+  const { data } = useQuery(GET_USER_WITH_LOCAL, {
+    variables: { id: userId },
+  });
+
+  return (
+    <div className={data?.user.isSelected ? "selected" : ""}>
+      <h2>{data?.user.displayName}</h2>
+      <p>{data?.user.email}</p>
+    </div>
+  );
+}
+```
+
+### Local Field Read Functions (Type Policies)
+
+Local field `read` functions are defined in entity-level type policies. You can use reactive variables inside these `read` functions, along with other calculations or derived values:
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    User: {
+      fields: {
+        // Simple local field from reactive variable
+        isSelected: {
+          read(_, { readField }) {
+            const id = readField("id");
+            return selectedUsersVar().includes(id);
+          },
+        },
+
+        // Computed local field (derived value)
+        displayName: {
+          read(_, { readField }) {
+            const name = readField("name");
+            const email = readField("email");
+            return name || email?.split("@")[0] || "Anonymous";
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+## LocalState Resolvers
+
+### Query-Level Local Resolvers
+
+Query-level local fields can be defined using `LocalState` resolvers. **Note**: Do not read reactive variables inside LocalState resolvers - this is not a documented/tested feature. It might not behave as expected.
+
+```typescript
+import { LocalState } from "@apollo/client/local-state";
+
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  localState: new LocalState({
+    resolvers: {
+      Query: {
+        // Read from localStorage
+        theme: () => {
+          if (typeof window !== "undefined") {
+            return localStorage.getItem("theme") || "light";
+          }
+          return "light";
+        },
+
+        // Read from cache
+        currentUser: (_, __, { cache }) => {
+          if (typeof window === "undefined") return null;
+          const userId = localStorage.getItem("currentUserId");
+          if (!userId) return null;
+          return cache.readFragment({
+            id: cache.identify({ __typename: "User", id: userId }),
+            fragment: gql`
+              fragment CurrentUser on User {
+                id
+                name
+                email
+              }
+            `,
+          });
+        },
+
+        // Compute value
+        isOnline: () => {
+          if (typeof navigator !== "undefined") {
+            return navigator.onLine;
+          }
+          return true;
+        },
+      },
+    },
+  }),
+});
+```
+
+### Using Local Query Fields
+
+```tsx
+const GET_AUTH_STATE = gql`
+  query GetAuthState {
+    isLoggedIn @client
+    currentUser @client {
+      id
+      name
+      email
+    }
+  }
+`;
+
+function AuthStatus() {
+  const { data } = useQuery(GET_AUTH_STATE);
+
+  if (!data?.isLoggedIn) {
+    return <LoginButton />;
+  }
+
+  return <UserMenu user={data.currentUser} />;
+}
+```
+
+## Combining Remote and Local State
+
+### Mixing Remote and Local Fields
+
+```tsx
+const GET_PRODUCTS = gql`
+  query GetProducts {
+    products {
+      id
+      name
+      price
+      # Local fields
+      quantity @client
+      isInCart @client
+    }
+  }
+`;
+
+const cache = new InMemoryCache({
+  typePolicies: {
+    Product: {
+      fields: {
+        quantity: {
+          read(_, { readField }) {
+            const id = readField("id");
+            const cartItem = cartItemsVar().find(
+              (item) => item.productId === id
+            );
+            return cartItem?.quantity ?? 0;
+          },
+        },
+
+        isInCart: {
+          read(_, { readField }) {
+            const id = readField("id");
+            return cartItemsVar().some((item) => item.productId === id);
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+### Local Mutations
+
+```tsx
+import { LocalState } from "@apollo/client/local-state";
+
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  localState: new LocalState({
+    resolvers: {
+      Mutation: {
+        addToCart: (_, { productId, quantity }, { cache }) => {
+          // Read current cart from cache
+          const { cart } = cache.readQuery({ query: GET_CART }) || { cart: [] };
+
+          const existing = cart.find((item) => item.productId === productId);
+
+          const updatedCart =
+            existing ?
+              cart.map((item) =>
+                item.productId === productId ?
+                  { ...item, quantity: item.quantity + quantity }
+                : item
+              )
+            : [...cart, { productId, quantity, __typename: "CartItem" }];
+
+          // Write updated cart back to cache
+          cache.writeQuery({
+            query: GET_CART,
+            data: { cart: updatedCart },
+          });
+
+          return true;
+        },
+      },
+    },
+  }),
+});
+
+const ADD_TO_CART = gql`
+  mutation AddToCart($productId: ID!, $quantity: Int!) {
+    addToCart(productId: $productId, quantity: $quantity) @client
+  }
+`;
+```
+
+### Persisting Local State
+
+```typescript
+// Create a helper function to permanently subscribe to reactive variable changes, without creating memory leaks
+function subscribeToVariable<T>(
+  weakRef: WeakRef<ReactiveVar<T>>,
+  listener: ReactiveListener<T>
+) {
+  weakRef.deref()?.onNextChange((value) => {
+    listener(value);
+    subscribeToVariable(weakRef, listener);
+  });
+}
+
+// Create reactive variable with persistence
+const persistentCartVar = makeVar<CartItem[]>(
+  typeof window !== "undefined" && localStorage.getItem("cart") ?
+    JSON.parse(localStorage.getItem("cart")!)
+  : []
+);
+
+// Save to localStorage when reactive variable changes
+subscribeToVariable(new WeakRef(persistentCartVar), (items) => {
+  try {
+    if (typeof window !== "undefined") {
+      localStorage.setItem("cart", JSON.stringify(items));
+    }
+  } catch (error) {
+    console.error("Failed to persist cart:", error);
+  }
+});
+```
+
+## useReactiveVar Hook
+
+The `useReactiveVar` hook subscribes a component to reactive variable updates.
+
+### Basic Usage
+
+```tsx
+import { useReactiveVar } from "@apollo/client/react";
+
+function ThemeToggle() {
+  const theme = useReactiveVar(themeVar);
+
+  return (
+    <button onClick={() => themeVar(theme === "light" ? "dark" : "light")}>
+      Current: {theme}
+    </button>
+  );
+}
+```
+
+### With Derived State
+
+```tsx
+function CartSummary() {
+  const cartItems = useReactiveVar(cartItemsVar);
+
+  // Derived values are computed on each render
+  const totalItems = cartItems.reduce((sum, item) => sum + item.quantity, 0);
+  const totalPrice = cartItems.reduce(
+    (sum, item) => sum + item.price * item.quantity,
+    0
+  );
+
+  return (
+    <div>
+      <p>Items: {totalItems}</p>
+      <p>Total: ${totalPrice.toFixed(2)}</p>
+    </div>
+  );
+}
+```
+
+### Multiple Reactive Variables
+
+```tsx
+function AppLayout() {
+  const theme = useReactiveVar(themeVar);
+  const sidebarOpen = useReactiveVar(sidebarOpenVar);
+  const isLoggedIn = useReactiveVar(isLoggedInVar);
+
+  return (
+    <div className={`app ${theme}`}>
+      {isLoggedIn && sidebarOpen && <Sidebar />}
+      <main>
+        <Outlet />
+      </main>
+    </div>
+  );
+}
+```
diff --git a/src/frontend/.agents/skills/apollo-client/references/suspense-hooks.md b/src/frontend/.agents/skills/apollo-client/references/suspense-hooks.md
new file mode 100644
index 00000000..622d0daa
--- /dev/null
+++ b/src/frontend/.agents/skills/apollo-client/references/suspense-hooks.md
@@ -0,0 +1,773 @@
+# Suspense Hooks Reference
+
+> **Note**: Suspense hooks are the recommended approach for data fetching in modern React applications (React 18+). They provide cleaner code, better loading state handling, and enable streaming SSR.
+
+## Table of Contents
+
+- [useSuspenseQuery Hook](#usesuspensequery-hook)
+- [useBackgroundQuery and useReadQuery](#usebackgroundquery-and-usereadquery)
+- [useLoadableQuery](#useloadablequery)
+- [createQueryPreloader](#createquerypreloader)
+- [useQueryRefHandlers](#usequeryrefhandlers)
+- [Distinguishing Queries with queryKey](#distinguishing-queries-with-querykey)
+- [Suspense Boundaries and Error Handling](#suspense-boundaries-and-error-handling)
+- [Transitions](#transitions)
+- [Avoiding Request Waterfalls](#avoiding-request-waterfalls)
+- [Fetch Policies](#fetch-policies)
+- [Streaming SSR or React Server Components](#streaming-ssr-or-react-server-components)
+- [Conditional Queries](#conditional-queries)
+
+## useSuspenseQuery Hook
+
+The `useSuspenseQuery` hook is the Suspense-ready replacement for `useQuery`. It initiates a network request and causes the component calling it to suspend while the request is made. Unlike `useQuery`, it does not return `loading` states—these are handled by React's Suspense boundaries and error boundaries.
+
+### Basic Usage
+
+```tsx
+import { Suspense } from "react";
+import { useSuspenseQuery } from "@apollo/client/react";
+import { GET_DOG } from "./queries.generated";
+
+function App() {
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <Dog id="3" />
+    </Suspense>
+  );
+}
+
+function Dog({ id }: { id: string }) {
+  const { data } = useSuspenseQuery(GET_DOG, {
+    variables: { id },
+  });
+
+  // data is always defined when this component renders
+  return <div>Name: {data.dog.name}</div>;
+}
+```
+
+### Return Object
+
+```typescript
+const {
+  data, // Query result data
+  dataState, // With default options: "complete" | "streaming"
+  // With returnPartialData: also "partial"
+  // With errorPolicy "all" or "ignore": also "empty"
+  error, // ApolloError (only when errorPolicy is "all" or "ignore")
+  networkStatus, // NetworkStatus.ready, NetworkStatus.loading, etc.
+  client, // Apollo Client instance
+  refetch, // Function to re-execute query
+  fetchMore, // Function for pagination
+} = useSuspenseQuery(QUERY, options);
+```
+
+### Key Differences from useQuery
+
+- **No `loading` boolean**: Component suspends instead of returning `loading: true`
+- **Error handling**: With default `errorPolicy` (`none`), errors are thrown and caught by error boundaries. With `errorPolicy: "all"` or `"ignore"`, the `error` property is returned and `data` may be `undefined`.
+- **`data` availability**: With default `errorPolicy` (`none`), `data` is guaranteed to be present when the component renders. With `errorPolicy: "all"` or `"ignore"`, when `dataState` is `empty`, `data` may be `undefined`.
+- **Suspense boundaries**: Must wrap component with `<Suspense>` to handle loading state
+
+### Changing Variables
+
+When variables change, `useSuspenseQuery` automatically re-runs the query. If the data is not in the cache, the component suspends again.
+
+```tsx
+import { useState } from "react";
+import { GET_DOGS } from "./queries.generated";
+
+function DogSelector() {
+  const { data } = useSuspenseQuery(GET_DOGS);
+  const [selectedDog, setSelectedDog] = useState(data.dogs[0].id);
+
+  return (
+    <>
+      <select
+        value={selectedDog}
+        onChange={(e) => setSelectedDog(e.target.value)}
+      >
+        {data.dogs.map((dog) => (
+          <option key={dog.id} value={dog.id}>
+            {dog.name}
+          </option>
+        ))}
+      </select>
+      <Suspense fallback={<div>Loading...</div>}>
+        <Dog id={selectedDog} />
+      </Suspense>
+    </>
+  );
+}
+
+function Dog({ id }: { id: string }) {
+  const { data } = useSuspenseQuery(GET_DOG, {
+    variables: { id },
+  });
+
+  return (
+    <>
+      <div>Name: {data.dog.name}</div>
+      <div>Breed: {data.dog.breed}</div>
+    </>
+  );
+}
+```
+
+### Rendering Partial Data
+
+Use `returnPartialData` to render immediately with partial cache data instead of suspending. The component will still suspend if there is no data in the cache.
+
+```tsx
+function Dog({ id }: { id: string }) {
+  const { data } = useSuspenseQuery(GET_DOG, {
+    variables: { id },
+    returnPartialData: true,
+  });
+
+  return (
+    <>
+      <div>Name: {data.dog?.name ?? "Unknown"}</div>
+      {data.dog?.breed && <div>Breed: {data.dog.breed}</div>}
+    </>
+  );
+}
+```
+
+## useBackgroundQuery and useReadQuery
+
+Use `useBackgroundQuery` with `useReadQuery` to avoid request waterfalls by starting a query in a parent component and reading the result in a child component. This pattern enables the parent to start fetching data before the child component renders.
+
+### Basic Usage
+
+```tsx
+import { Suspense } from "react";
+import { useBackgroundQuery, useReadQuery } from "@apollo/client/react";
+
+function Parent() {
+  // Start fetching immediately
+  const [queryRef] = useBackgroundQuery(GET_DOG, {
+    variables: { id: "3" },
+  });
+
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <Child queryRef={queryRef} />
+    </Suspense>
+  );
+}
+
+function Child({ queryRef }: { queryRef: QueryRef<DogData> }) {
+  // Read the query result
+  const { data } = useReadQuery(queryRef);
+
+  return <div>Name: {data.dog.name}</div>;
+}
+```
+
+### When to Use
+
+- **Avoiding waterfalls**: Start fetching data in a parent (preferably above a suspense boundary) before child components render
+- **Preloading data**: Begin fetching before the component that needs the data is ready
+- **Parallel queries**: Start multiple queries at once in a parent component
+
+### Return Values
+
+`useBackgroundQuery` returns a tuple:
+
+```typescript
+const [
+  queryRef, // QueryRef to pass to useReadQuery
+  { refetch, fetchMore, subscribeToMore }, // Helper functions
+] = useBackgroundQuery(QUERY, options);
+```
+
+`useReadQuery` returns the query result:
+
+```typescript
+const {
+  data, // Query result data (always defined)
+  dataState, // "complete" | "streaming" | "partial" | "empty"
+  error, // ApolloError (if errorPolicy allows)
+  networkStatus, // Detailed network state (1-8)
+} = useReadQuery(queryRef);
+```
+
+## useLoadableQuery
+
+Use `useLoadableQuery` to imperatively load a query in response to a user interaction (like a button click) instead of on component mount.
+
+### Basic Usage
+
+```tsx
+import { Suspense } from "react";
+import { useLoadableQuery, useReadQuery } from "@apollo/client/react";
+import { GET_GREETING } from "./queries.generated";
+
+function App() {
+  const [loadGreeting, queryRef] = useLoadableQuery(GET_GREETING);
+
+  return (
+    <>
+      <button
+        onClick={() => loadGreeting({ variables: { language: "english" } })}
+      >
+        Load Greeting
+      </button>
+      <Suspense fallback={<div>Loading...</div>}>
+        {queryRef && <Greeting queryRef={queryRef} />}
+      </Suspense>
+    </>
+  );
+}
+
+function Greeting({ queryRef }: { queryRef: QueryRef<GreetingData> }) {
+  const { data } = useReadQuery(queryRef);
+
+  return <div>{data.greeting.message}</div>;
+}
+```
+
+### Return Values
+
+```typescript
+const [
+  loadQuery, // Function to load the query
+  queryRef, // QueryRef (null until loadQuery is called)
+  { refetch, fetchMore, subscribeToMore, reset }, // Helper functions
+] = useLoadableQuery(QUERY, options);
+```
+
+### When to Use
+
+- **User-triggered fetching**: Load data in response to user actions
+- **Lazy loading**: Defer data fetching until it's actually needed
+- **Progressive disclosure**: Load data for UI elements that may not be initially visible
+
+## createQueryPreloader
+
+The `createQueryPreloader` function creates a `preloadQuery` function that can be used to initiate queries outside of React components. This is useful for preloading data before a component renders, such as in route loaders or event handlers.
+
+### Basic Usage
+
+```tsx
+import { ApolloClient, InMemoryCache } from "@apollo/client";
+import { createQueryPreloader } from "@apollo/client/react";
+
+const client = new ApolloClient({
+  uri: "https://your-graphql-endpoint.com/graphql",
+  cache: new InMemoryCache(),
+});
+
+// Create a preload function
+export const preloadQuery = createQueryPreloader(client);
+```
+
+### Using preloadQuery with Route Loaders
+
+> **Note**: This example applies to React Router in non-framework mode. For React Router framework mode, see [integration-react-router.md](./integration-react-router.md).
+
+Use the preload function with React Router's `loader` function to begin loading data during route transitions:
+
+```tsx
+import { preloadQuery } from "@/lib/apollo-client";
+import { GET_DOG } from "./queries.generated";
+
+// React Router loader function
+export async function loader({ params }: { params: { id: string } }) {
+  return preloadQuery({
+    query: GET_DOG,
+    variables: { id: params.id },
+  });
+}
+
+// Route component
+export default function DogRoute() {
+  const queryRef = useLoaderData();
+
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <DogDetails queryRef={queryRef} />
+    </Suspense>
+  );
+}
+
+function DogDetails({ queryRef }: { queryRef: QueryRef<DogData> }) {
+  const { data } = useReadQuery(queryRef);
+
+  return (
+    <div>
+      <h1>{data.dog.name}</h1>
+      <p>Breed: {data.dog.breed}</p>
+    </div>
+  );
+}
+```
+
+### Preventing Route Transitions Until Query Loads
+
+Use `preloadQuery.toPromise(queryRef)` to prevent route transitions until the query finishes loading:
+
+```tsx
+export async function loader({ params }: { params: { id: string } }) {
+  const queryRef = preloadQuery({
+    query: GET_DOG,
+    variables: { id: params.id },
+  });
+
+  // Wait for the query to complete before transitioning
+  return preloadQuery.toPromise(queryRef);
+}
+```
+
+When `preloadQuery.toPromise()` is used, the route transition waits for the query to complete, and the data renders immediately without showing a loading fallback.
+
+> **Note**: `preloadQuery.toPromise()` resolves with the `queryRef` itself (not the data) to encourage using `useReadQuery` for cache updates. If you need raw query data in your loader, use `client.query()` directly.
+
+### With Next.js Server Components
+
+> **Note**: For Next.js App Router, use the `PreloadQuery` component from `@apollo/client-integration-nextjs` instead. See [integration-nextjs.md](./integration-nextjs.md) for details.
+
+## useQueryRefHandlers
+
+The `useQueryRefHandlers` hook provides access to `refetch` and `fetchMore` functions for queries initiated with `preloadQuery`, `useBackgroundQuery`, or `useLoadableQuery`. This is useful when you need to refetch or paginate data in components where the `queryRef` is passed through.
+
+> **Important:** Always call `useQueryRefHandlers` before `useReadQuery`. These two hooks interact with the same `queryRef`, and calling them in the wrong order could cause subtle bugs.
+
+### Basic Usage
+
+```tsx
+import { useQueryRefHandlers } from "@apollo/client/react";
+
+function Breeds({ queryRef }: { queryRef: QueryRef<BreedsData> }) {
+  const { refetch } = useQueryRefHandlers(queryRef);
+  const { data } = useReadQuery(queryRef);
+  const [isPending, startTransition] = useTransition();
+
+  return (
+    <div>
+      <button
+        disabled={isPending}
+        onClick={() => {
+          startTransition(() => {
+            refetch();
+          });
+        }}
+      >
+        {isPending ? "Refetching..." : "Refetch breeds"}
+      </button>
+      <ul>
+        {data.breeds.map((breed) => (
+          <li key={breed.id}>{breed.name}</li>
+        ))}
+      </ul>
+    </div>
+  );
+}
+```
+
+### With Pagination
+
+Use `fetchMore` to implement pagination:
+
+```tsx
+function Posts({ queryRef }: { queryRef: QueryRef<PostsData> }) {
+  const { fetchMore } = useQueryRefHandlers(queryRef);
+  const { data } = useReadQuery(queryRef);
+  const [isPending, startTransition] = useTransition();
+
+  return (
+    <div>
+      <ul>
+        {data.posts.map((post) => (
+          <li key={post.id}>{post.title}</li>
+        ))}
+      </ul>
+      <button
+        disabled={isPending}
+        onClick={() => {
+          startTransition(() => {
+            fetchMore({
+              variables: {
+                offset: data.posts.length,
+              },
+            });
+          });
+        }}
+      >
+        {isPending ? "Loading..." : "Load more"}
+      </button>
+    </div>
+  );
+}
+```
+
+### When to Use
+
+- **Preloaded queries**: Access refetch/fetchMore for queries initiated with `preloadQuery`
+- **Background queries**: Use in child components receiving `queryRef` from `useBackgroundQuery`
+- **Loadable queries**: Refetch or paginate queries initiated with `useLoadableQuery`
+- **React transitions**: Integrate with transitions to avoid showing loading fallbacks during refetches
+
+## Distinguishing Queries with queryKey
+
+Apollo Client uses the combination of `query` and `variables` to uniquely identify each query. When multiple components use the same `query` and `variables`, they share the same identity and suspend at the same time, regardless of which component initiates the request.
+
+Use the `queryKey` option to ensure each hook has a unique identity:
+
+```tsx
+function UserProfile() {
+  // First query with unique key
+  const { data: userData } = useSuspenseQuery(GET_USER, {
+    variables: { id: "1" },
+    queryKey: ["user-profile"],
+  });
+
+  // Second query with same query and variables but different key
+  const { data: userPreview } = useSuspenseQuery(GET_USER, {
+    variables: { id: "1" },
+    queryKey: ["user-preview"],
+  });
+
+  return (
+    <div>
+      <UserCard user={userData.user} />
+      <UserSidebar user={userPreview.user} />
+    </div>
+  );
+}
+```
+
+### When to Use
+
+- **Multiple instances**: When rendering multiple components that use the same query and variables
+- **Preventing shared suspension**: When you want independent control over when each query suspends
+- **Separate cache entries**: When you need to maintain separate cache states for the same query
+
+> **Note**: Each item in the `queryKey` array must be a stable identifier to prevent infinite fetches.
+
+## Suspense Boundaries and Error Handling
+
+### Suspense Boundaries
+
+Wrap components that use Suspense hooks with `<Suspense>` boundaries to handle loading states. Place boundaries strategically to control the granularity of loading indicators.
+
+```tsx
+function App() {
+  return (
+    <>
+      {/* Top-level loading for entire page */}
+      <Suspense fallback={<PageSpinner />}>
+        <Header />
+        <Content />
+      </Suspense>
+    </>
+  );
+}
+
+function Content() {
+  return (
+    <>
+      <MainSection />
+      {/* Granular loading for sidebar */}
+      <Suspense fallback={<SidebarSkeleton />}>
+        <Sidebar />
+      </Suspense>
+    </>
+  );
+}
+```
+
+### Error Boundaries
+
+Suspense hooks throw errors to React error boundaries instead of returning them. Use error boundaries to handle GraphQL errors.
+
+```tsx
+import { ErrorBoundary } from "react-error-boundary";
+
+function App() {
+  return (
+    <ErrorBoundary
+      fallback={({ error }) => (
+        <div>
+          <h2>Something went wrong</h2>
+          <p>{error.message}</p>
+        </div>
+      )}
+    >
+      <Suspense fallback={<div>Loading...</div>}>
+        <Dog id="3" />
+      </Suspense>
+    </ErrorBoundary>
+  );
+}
+```
+
+### Custom Error Policies
+
+Use `errorPolicy` to control how errors are handled:
+
+```tsx
+function Dog({ id }: { id: string }) {
+  const { data, error } = useSuspenseQuery(GET_DOG, {
+    variables: { id },
+    errorPolicy: "all", // Return both data and errors
+  });
+
+  return (
+    <>
+      <div>Name: {data?.dog?.name ?? "Unknown"}</div>
+      {error && <div>Warning: {error.message}</div>}
+    </>
+  );
+}
+```
+
+## Transitions
+
+Use React transitions to avoid showing loading UI when updating state. Transitions keep the previous UI visible while new data is fetching.
+
+### Using startTransition
+
+```tsx
+import { useState, Suspense, startTransition } from "react";
+
+function DogSelector() {
+  const { data } = useSuspenseQuery(GET_DOGS);
+  const [selectedDog, setSelectedDog] = useState(data.dogs[0].id);
+
+  return (
+    <>
+      <select
+        value={selectedDog}
+        onChange={(e) => {
+          // Wrap state update in startTransition
+          startTransition(() => {
+            setSelectedDog(e.target.value);
+          });
+        }}
+      >
+        {data.dogs.map((dog) => (
+          <option key={dog.id} value={dog.id}>
+            {dog.name}
+          </option>
+        ))}
+      </select>
+      <Suspense fallback={<div>Loading...</div>}>
+        <Dog id={selectedDog} />
+      </Suspense>
+    </>
+  );
+}
+```
+
+### Using useTransition
+
+Use `useTransition` to get an `isPending` flag for visual feedback during transitions.
+
+```tsx
+import { useState, Suspense, useTransition } from "react";
+
+function DogSelector() {
+  const [isPending, startTransition] = useTransition();
+  const { data } = useSuspenseQuery(GET_DOGS);
+  const [selectedDog, setSelectedDog] = useState(data.dogs[0].id);
+
+  return (
+    <>
+      <select
+        style={{ opacity: isPending ? 0.5 : 1 }}
+        value={selectedDog}
+        onChange={(e) => {
+          startTransition(() => {
+            setSelectedDog(e.target.value);
+          });
+        }}
+      >
+        {data.dogs.map((dog) => (
+          <option key={dog.id} value={dog.id}>
+            {dog.name}
+          </option>
+        ))}
+      </select>
+      <Suspense fallback={<div>Loading...</div>}>
+        <Dog id={selectedDog} />
+      </Suspense>
+    </>
+  );
+}
+```
+
+## Avoiding Request Waterfalls
+
+Request waterfalls occur when a child component waits for the parent to finish rendering before it can start fetching its own data. Use `useBackgroundQuery` to start fetching child data earlier in the component tree.
+
+> **Note**: When one query depends on the result of another query (e.g., the child query needs an ID from the parent query), the waterfall is unavoidable. The best solution is to restructure your schema to fetch all needed data in a single nested query.
+
+### Example: Independent Queries
+
+When queries don't depend on each other, use `useBackgroundQuery` to start them in parallel:
+
+```tsx
+const GET_USER = gql`
+  query GetUser($id: String!) {
+    user(id: $id) {
+      id
+      name
+    }
+  }
+`;
+
+const GET_POSTS = gql`
+  query GetPosts {
+    posts {
+      id
+      title
+    }
+  }
+`;
+
+function Parent() {
+  // Both queries start immediately - no waterfall
+  const [userRef] = useBackgroundQuery(GET_USER, {
+    variables: { id: "1" },
+  });
+
+  const [postsRef] = useBackgroundQuery(GET_POSTS);
+
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <UserProfile queryRef={userRef} />
+      <PostsList queryRef={postsRef} />
+    </Suspense>
+  );
+}
+
+function UserProfile({ queryRef }: { queryRef: QueryRef<UserData> }) {
+  const { data } = useReadQuery(queryRef);
+
+  return <div>User: {data.user.name}</div>;
+}
+
+function PostsList({ queryRef }: { queryRef: QueryRef<PostsData> }) {
+  const { data } = useReadQuery(queryRef);
+
+  return (
+    <ul>
+      {data.posts.map((post) => (
+        <li key={post.id}>{post.title}</li>
+      ))}
+    </ul>
+  );
+}
+```
+
+## Fetch Policies
+
+Suspense hooks support most of the same fetch policies as `useQuery`, controlling how the query interacts with the cache. Note that `cache-only` and `standby` are not supported by Suspense hooks.
+
+| Policy              | Description                                                |
+| ------------------- | ---------------------------------------------------------- |
+| `cache-first`       | Return cached data if available, otherwise fetch (default) |
+| `cache-and-network` | Return cached data immediately, then fetch and update      |
+| `network-only`      | Always fetch, update cache, ignore cached data             |
+| `no-cache`          | Always fetch, never read or write cache                    |
+
+### Usage Examples
+
+```tsx
+// Always fetch fresh data
+const { data } = useSuspenseQuery(GET_NOTIFICATIONS, {
+  fetchPolicy: "network-only",
+});
+
+// Prefer cached data
+const { data } = useSuspenseQuery(GET_CATEGORIES, {
+  fetchPolicy: "cache-first",
+});
+
+// Show cached data while fetching fresh data
+const { data } = useSuspenseQuery(GET_POSTS, {
+  fetchPolicy: "cache-and-network",
+});
+```
+
+## Streaming SSR or React Server Components
+
+Apollo Client integrates with modern React frameworks that support Streaming SSR and React Server Components. For detailed setup instructions specific to your framework, see:
+
+- **Next.js App Router**: [integration-nextjs.md](./integration-nextjs.md) - Includes React Server Components, PreloadQuery component, and streaming SSR
+- **React Router**: [integration-react-router.md](./integration-react-router.md) - Framework mode with SSR support
+- **TanStack Start**: [integration-tanstack-start.md](./integration-tanstack-start.md) - Full-stack React framework with SSR
+
+These guides cover:
+
+- Framework-specific client setup and configuration
+- Preloading queries for optimal performance
+- Streaming SSR with `useBackgroundQuery` and Suspense
+- Error handling in server-rendered environments
+
+## Conditional Queries
+
+### Using skipToken
+
+Use `skipToken` to conditionally skip queries without TypeScript issues. When `skipToken` is used, the component won't suspend and `data` will be `undefined`.
+
+```tsx
+import { skipToken } from "@apollo/client";
+
+const GET_USER = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+      email
+    }
+  }
+`;
+
+function UserProfile({ userId }: { userId: string | null }) {
+  const { data, dataState } = useSuspenseQuery(
+    GET_USER,
+    !userId ? skipToken : (
+      {
+        variables: { id: userId },
+      }
+    )
+  );
+
+  if (dataState !== "complete") {
+    return <p>Select a user</p>;
+  }
+
+  return <Profile user={data.user} />;
+}
+```
+
+### Conditional Rendering
+
+Alternatively, use conditional rendering to control when Suspense hooks are called. This provides better type safety and clearer component logic.
+
+```tsx
+function UserProfile({ userId }: { userId: string | null }) {
+  if (!userId) {
+    return <p>Select a user</p>;
+  }
+
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <UserDetails userId={userId} />
+    </Suspense>
+  );
+}
+
+function UserDetails({ userId }: { userId: string }) {
+  const { data } = useSuspenseQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  return <Profile user={data.user} />;
+}
+```
+
+> **Note**: Using conditional rendering with `skipToken` provides better type safety and avoids issues with required variables. The `skip` option is deprecated in favor of `skipToken`.
diff --git a/src/frontend/.agents/skills/apollo-client/references/troubleshooting.md b/src/frontend/.agents/skills/apollo-client/references/troubleshooting.md
new file mode 100644
index 00000000..379cbed2
--- /dev/null
+++ b/src/frontend/.agents/skills/apollo-client/references/troubleshooting.md
@@ -0,0 +1,487 @@
+# Troubleshooting Reference
+
+## Table of Contents
+
+- [Setup Issues](#setup-issues)
+- [Cache Issues](#cache-issues)
+- [TypeScript Issues](#typescript-issues)
+- [Performance Issues](#performance-issues)
+- [DevTools Usage](#devtools-usage)
+- [Common Error Messages](#common-error-messages)
+
+## Setup Issues
+
+### Provider Not Found
+
+**Error:** `Could not find "client" in the context or passed in as an option`
+
+**Cause:** Component is not wrapped with `ApolloProvider`.
+
+**Solution:**
+
+```tsx
+// Ensure ApolloProvider wraps your app
+import { ApolloProvider } from "@apollo/client";
+
+function App() {
+  return (
+    <ApolloProvider client={client}>
+      <YourApp />
+    </ApolloProvider>
+  );
+}
+```
+
+### Multiple Apollo Clients
+
+**Problem:** Unintended cache isolation or conflicting states.
+
+**Solution:** Use a single client instance or explicitly manage multiple clients:
+
+```tsx
+// Single client (recommended)
+const client = new ApolloClient({
+  /* ... */
+});
+
+export function App() {
+  return (
+    <ApolloProvider client={client}>
+      <Router />
+    </ApolloProvider>
+  );
+}
+
+// Multiple clients (rare use case)
+const publicClient = new ApolloClient({
+  uri: "/public/graphql",
+  cache: new InMemoryCache(),
+});
+const adminClient = new ApolloClient({
+  uri: "/admin/graphql",
+  cache: new InMemoryCache(),
+});
+
+function AdminSection() {
+  return (
+    <ApolloProvider client={adminClient}>
+      <AdminDashboard />
+    </ApolloProvider>
+  );
+}
+```
+
+### Client Created in Component
+
+**Problem:** New client on every render causes cache loss.
+
+**Solution:** Create client outside component or use a ref pattern:
+
+```tsx
+// Bad - new client on every render
+function App() {
+  const client = new ApolloClient({
+    /* ... */
+  }); // Don't do this!
+  return <ApolloProvider client={client}>...</ApolloProvider>;
+}
+
+// Module-level client definition
+// Okay if there is a 100% guarantee this application will never use SSR
+const client = new ApolloClient({
+  /* ... */
+});
+function App() {
+  return <ApolloProvider client={client}>...</ApolloProvider>;
+}
+
+// Good - store Apollo Client in a ref that is initialized once
+function useApolloClient(makeApolloClient: () => ApolloClient): ApolloClient {
+  const storeRef = useRef<ApolloClient | null>(null);
+  if (!storeRef.current) {
+    storeRef.current = makeApolloClient();
+  }
+  return storeRef.current;
+}
+
+// Better - singleton global in non-SSR environments to survive unmounts
+const singleton = Symbol.for("ApolloClientSingleton");
+declare global {
+  interface Window {
+    [singleton]?: ApolloClient;
+  }
+}
+
+function useApolloClient(makeApolloClient: () => ApolloClient): ApolloClient {
+  const storeRef = useRef<ApolloClient | null>(null);
+  if (!storeRef.current) {
+    if (typeof window === "undefined") {
+      storeRef.current = makeApolloClient();
+    } else {
+      window[singleton] ??= makeApolloClient();
+      storeRef.current = window[singleton];
+    }
+  }
+  return storeRef.current;
+}
+// Note: this second option might need manual removal between tests
+```
+
+## Cache Issues
+
+### Stale Data Not Updating
+
+**Problem:** UI doesn't reflect mutations or other updates.
+
+**Solution 1:** Verify cache key identification:
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    // Ensure proper identification
+    Product: {
+      keyFields: ["id"], // or ['sku'] if no id field
+    },
+  },
+});
+```
+
+**Solution 2:** Update cache after mutations:
+
+```tsx
+const [deleteProduct] = useMutation(DELETE_PRODUCT, {
+  update: (cache, { data }) => {
+    cache.evict({ id: cache.identify(data.deleteProduct) });
+    cache.gc();
+  },
+});
+```
+
+**Solution 3:** Use appropriate fetch policy:
+
+```tsx
+const { data } = useQuery(GET_PRODUCTS, {
+  fetchPolicy: "cache-and-network", // Always fetch fresh data
+});
+```
+
+### Missing Cache Updates After Mutation
+
+**Problem:** New items don't appear in lists after creation.
+
+**Solution:** Manually update the cache:
+
+```tsx
+const [createProduct] = useMutation(CREATE_PRODUCT, {
+  update: (cache, { data }) => {
+    const existing = cache.readQuery<{ products: Product[] }>({
+      query: GET_PRODUCTS,
+    });
+
+    cache.writeQuery({
+      query: GET_PRODUCTS,
+      data: {
+        products: [...(existing?.products ?? []), data.createProduct],
+      },
+    });
+  },
+});
+```
+
+### Pagination Cache Issues
+
+**Problem:** Paginated data not merging correctly.
+
+**Solution:** Configure proper type policies:
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    Query: {
+      fields: {
+        products: {
+          keyArgs: ["category"], // Only category creates new cache entries
+          merge(existing = [], incoming) {
+            return [...existing, ...incoming];
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+### Cache Normalization Problems
+
+**Problem:** Objects with same ID showing different data in different queries.
+
+**Debug:** Check cache contents:
+
+```typescript
+// In DevTools console or component
+console.log(client.cache.extract());
+```
+
+**Solution:** Ensure consistent `__typename` and `id` fields:
+
+```graphql
+query GetUsers {
+  users {
+    id # Always include id
+    name
+  }
+}
+```
+
+## TypeScript Issues
+
+### Type Generation Setup
+
+**Problem:** No type safety for GraphQL operations.
+
+**Solution:** Set up GraphQL Code Generator with the [recommended starter configuration](https://www.apollographql.com/docs/react/development-testing/graphql-codegen#recommended-starter-configuration), as described in the [Skill](../SKILL.md).
+
+### Using Generated Types
+
+```tsx
+import { useQuery } from "@apollo/client/react";
+import { GetUsersDocument, GetUsersQuery } from "./generated/graphql";
+
+function UserList() {
+  // Fully typed without manual type annotations
+  const { data, loading, error } = useQuery(GetUsersDocument);
+
+  // data.users is automatically typed as GetUsersQuery['users']
+  return (
+    <ul>{data?.users.map((user) => <li key={user.id}>{user.name}</li>)}</ul>
+  );
+}
+```
+
+## Performance Issues
+
+### Over-Fetching
+
+**Problem:** Fetching more data than needed.
+
+**Solution:** Select only required fields:
+
+```graphql
+# Bad - fetching everything
+query GetUsers {
+  users {
+    id
+    name
+    email
+    profile { ... }
+    posts { ... }
+    friends { ... }
+  }
+}
+
+# Good - fetch what's needed
+query GetUserNames {
+  users {
+    id
+    name
+  }
+}
+```
+
+### N+1 Queries
+
+**Problem:** Multiple network requests for related data.
+
+**Solution:** Structure queries to batch requests. Best practice: use query colocation and compose queries from fragments defined on child components.
+
+```graphql
+# Bad - separate queries
+query GetUser($id: ID!) {
+  user(id: $id) {
+    id
+    name
+  }
+}
+query GetUserPosts($userId: ID!) {
+  posts(userId: $userId) {
+    id
+    title
+  }
+}
+
+# Good - single query
+query GetUserWithPosts($id: ID!) {
+  user(id: $id) {
+    id
+    name
+    posts {
+      id
+      title
+    }
+  }
+}
+```
+
+### Unnecessary Re-Renders
+
+**Problem:** Components re-render when unrelated cache data changes.
+
+**Solution:** Use `useFragment` and data masking for selective field reading. If that is not possible, `useQuery` with `@nonreactive` directives might be an alternative.
+
+```tsx
+// Prefer useFragment with data masking
+const { data } = useFragment({
+  fragment: USER_FRAGMENT,
+  from: { __typename: "User", id },
+});
+
+// Alternative: use @nonreactive directive
+const GET_USER = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+      # This field won't trigger re-renders when it changes
+      metadata @nonreactive {
+        lastSeen
+        preferences
+      }
+    }
+  }
+`;
+
+const { data } = useQuery(GET_USER, {
+  variables: { id },
+});
+```
+
+### Cache Misses
+
+**Debug:** Use Apollo DevTools to inspect cache.
+
+```typescript
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  // DevTools are enabled by default in development
+  // Only configure this when you need to enable them in production
+  devtools: {
+    enabled: true,
+  },
+});
+```
+
+## DevTools Usage
+
+### Installing Apollo DevTools
+
+Install the browser extension:
+
+- [Chrome](https://chrome.google.com/webstore/detail/apollo-client-devtools/jdkknkkbebbapilgoeccciglkfbmbnfm)
+- [Firefox](https://addons.mozilla.org/en-US/firefox/addon/apollo-developer-tools/)
+
+### Enabling DevTools
+
+DevTools are enabled by default in development. Only configure this setting if you need to enable them in production:
+
+```typescript
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  devtools: {
+    enabled: true, // Set to true to enable in production
+  },
+});
+```
+
+### DevTools Features
+
+1. **Cache Inspector**: View normalized cache contents
+2. **Queries**: See active queries and their states
+3. **Mutations**: Track mutation history
+4. **Explorer**: Build and test queries against your schema
+5. **Memoization Limits**: Monitor and track cache memoization
+6. **Cache Writes**: Track all writes to the cache
+
+### Debugging Cache
+
+```typescript
+// Log cache contents
+console.log(JSON.stringify(client.cache.extract(), null, 2));
+
+// Check specific object using cache.identify
+console.log(
+  client.cache.readFragment({
+    id: cache.identify({ __typename: "User", id: 1 }),
+    fragment: gql`
+      fragment _ on User {
+        id
+        name
+        email
+      }
+    `,
+  })
+);
+```
+
+## Common Error Messages
+
+### "Missing field 'X' in {...}"
+
+**Cause:** Query doesn't include required field for cache normalization.
+
+**Solution:** Include `id` and `__typename`:
+
+```graphql
+query GetUsers {
+  users {
+    id # Required for caching
+    __typename # Usually added automatically
+    name
+  }
+}
+```
+
+**Additional advice**: Read the full error message thoroughly.
+
+### "Store reset while query was in flight"
+
+**Cause:** `client.resetStore()` called during active queries.
+
+**Solution:** Wait for queries to complete or use `clearStore()`:
+
+```typescript
+// Option 1: Clear without refetching
+await client.clearStore();
+
+// Option 2: Reset and refetch active queries
+await client.resetStore();
+```
+
+### "Invariant Violation: X"
+
+**Cause:** Various configuration or usage errors.
+
+**Common fixes:**
+
+- Ensure `ApolloProvider` wraps the component tree
+- Check that `gql` tagged templates are valid GraphQL
+- Verify cache configuration matches your schema
+
+### "Cannot read property 'X' of undefined"
+
+**Cause:** Accessing data before query completes.
+
+**Solution:** Check `dataState` for proper type narrowing:
+
+```tsx
+const { data, dataState } = useQuery(GET_USER);
+
+// dataState can be "complete", "partial", "streaming", or "empty"
+// It describes the completeness of the data, not a loading state
+if (dataState === "empty") return <Spinner />;
+
+// Now data is guaranteed to exist
+return <div>{data.user.name}</div>;
+
+// Or use optional chaining
+return <div>{data?.user?.name}</div>;
+```
diff --git a/src/frontend/.agents/skills/apollo-client/references/typescript-codegen.md b/src/frontend/.agents/skills/apollo-client/references/typescript-codegen.md
new file mode 100644
index 00000000..91d01d2a
--- /dev/null
+++ b/src/frontend/.agents/skills/apollo-client/references/typescript-codegen.md
@@ -0,0 +1,133 @@
+# TypeScript Code Generation
+
+This guide covers setting up GraphQL Code Generator for type-safe Apollo Client usage with TypeScript.
+
+## Installation
+
+```bash
+npm install -D @graphql-codegen/cli @graphql-codegen/typescript @graphql-codegen/typescript-operations @graphql-codegen/typed-document-node
+```
+
+## Configuration
+
+Create a `codegen.ts` file in your project root:
+
+```typescript
+// codegen.ts
+import { CodegenConfig } from "@graphql-codegen/cli";
+
+const config: CodegenConfig = {
+  overwrite: true,
+  schema: "<URL_OF_YOUR_GRAPHQL_API>",
+  // This assumes that all your source files are in a top-level `src/` directory - you might need to adjust this to your file structure
+  documents: ["src/**/*.{ts,tsx}"],
+  // Don't exit with non-zero status when there are no documents
+  ignoreNoDocuments: true,
+  generates: {
+    // Use a path that works the best for the structure of your application
+    "./src/types/__generated__/graphql.ts": {
+      plugins: ["typescript", "typescript-operations", "typed-document-node"],
+      config: {
+        avoidOptionals: {
+          // Use `null` for nullable fields instead of optionals
+          field: true,
+          // Allow nullable input fields to remain unspecified
+          inputValue: false,
+        },
+        // Use `unknown` instead of `any` for unconfigured scalars
+        defaultScalarType: "unknown",
+        // Apollo Client always includes `__typename` fields
+        nonOptionalTypename: true,
+        // Apollo Client doesn't add the `__typename` field to root types so
+        // don't generate a type for the `__typename` for root operation types.
+        skipTypeNameForRoot: true,
+      },
+    },
+  },
+};
+
+export default config;
+```
+
+## Enable Data Masking
+
+To enable data masking with GraphQL Code Generator, create a type declaration file to inform Apollo Client about the generated types:
+
+```typescript
+// apollo-client.d.ts
+import { GraphQLCodegenDataMasking } from "@apollo/client/masking";
+
+declare module "@apollo/client" {
+  export interface TypeOverrides
+    extends GraphQLCodegenDataMasking.TypeOverrides {}
+}
+```
+
+## Running Code Generation
+
+Add a script to your `package.json`:
+
+```json
+{
+  "scripts": {
+    "codegen": "graphql-codegen"
+  }
+}
+```
+
+Run code generation:
+
+```bash
+npm run codegen
+```
+
+## Usage with Apollo Client
+
+The typed-document-node plugin generates `TypedDocumentNode` types that Apollo Client hooks automatically infer.
+
+### Defining Operations
+
+Define your operations inline with the `if (false)` pattern. This allows GraphQL Code Generator to detect and extract operations without executing the code at runtime (bundlers omit this dead code during minification):
+
+```typescript
+import { gql } from "@apollo/client";
+
+// This query will never be consumed in runtime code, so it is wrapped in `if (false)` so the bundler can omit it when bundling.
+if (false) {
+  gql`
+    query GetUser($id: ID!) {
+      user(id: $id) {
+        id
+        name
+        email
+      }
+    }
+  `;
+}
+```
+
+### Using Generated Types
+
+After running `npm run codegen`, import the generated `TypedDocumentNode`:
+
+```typescript
+import { useQuery } from "@apollo/client/react";
+import { GetUserDocument } from "./queries.generated";
+
+function UserProfile({ userId }: { userId: string }) {
+  // Types are automatically inferred from GetUserDocument
+  const { data } = useQuery(GetUserDocument, {
+    variables: { id: userId },
+  });
+
+  // ... other logic ...
+
+  return <div>{data?.user.name}</div>;
+}
+```
+
+## Important Notes
+
+- The typed-document-node plugin might have a bundle size tradeoff but can prevent inconsistencies and is best suited for usage with LLMs, so it is recommended for most applications.
+- See the [GraphQL Code Generator documentation](https://www.apollographql.com/docs/react/development-testing/graphql-codegen#recommended-starter-configuration) for other recommended configuration patterns if required.
+- Apollo Client hooks automatically infer types from `TypedDocumentNode` - never use manual generics like `useQuery<QueryType, VariablesType>()`.
diff --git a/src/frontend/.claude/skills/apollo-client/SKILL.md b/src/frontend/.claude/skills/apollo-client/SKILL.md
new file mode 100644
index 00000000..b9934e2c
--- /dev/null
+++ b/src/frontend/.claude/skills/apollo-client/SKILL.md
@@ -0,0 +1,168 @@
+---
+name: apollo-client
+description: >
+  Guide for building React applications with Apollo Client 4.x. Use this skill when:
+  (1) setting up Apollo Client in a React project,
+  (2) writing GraphQL queries or mutations with hooks,
+  (3) configuring caching or cache policies,
+  (4) managing local state with reactive variables,
+  (5) troubleshooting Apollo Client errors or performance issues.
+license: MIT
+compatibility: React 18+, React 19 (Suspense/RSC). Works with Next.js, Vite, CRA, and other React frameworks.
+metadata:
+  author: apollographql
+  version: "1.0.0"
+allowed-tools: Bash(npm:*) Bash(npx:*) Bash(node:*) Read Write Edit Glob Grep
+---
+
+# Apollo Client 4.x Guide
+
+Apollo Client is a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL. Version 4.x brings improved caching, better TypeScript support, and React 19 compatibility.
+
+## Integration Guides
+
+Choose the integration guide that matches your application setup:
+
+- **[Client-Side Apps](references/integration-client.md)** - For client-side React applications without SSR (Vite, Create React App, etc.)
+- **[Next.js App Router](references/integration-nextjs.md)** - For Next.js applications using the App Router with React Server Components
+- **[React Router Framework Mode](references/integration-react-router.md)** - For React Router 7 applications with streaming SSR
+- **[TanStack Start](references/integration-tanstack-start.md)** - For TanStack Start applications with modern routing
+
+Each guide includes installation steps, configuration, and framework-specific patterns optimized for that environment.
+
+## Quick Reference
+
+### Basic Query
+
+```tsx
+import { gql } from "@apollo/client";
+import { useQuery } from "@apollo/client/react";
+
+const GET_USER = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+    }
+  }
+`;
+
+function UserProfile({ userId }: { userId: string }) {
+  const { loading, error, data, dataState } = useQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  if (loading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error.message}</p>;
+
+  // TypeScript note: for stricter type narrowing, you can also check `dataState === "complete"` before accessing data
+  return <div>{data?.user.name}</div>;
+}
+```
+
+### Basic Mutation
+
+```tsx
+import { gql } from "@apollo/client";
+import { useMutation } from "@apollo/client/react";
+
+const CREATE_USER = gql`
+  mutation CreateUser($input: CreateUserInput!) {
+    createUser(input: $input) {
+      id
+      name
+    }
+  }
+`;
+
+function CreateUserForm() {
+  const [createUser, { loading, error }] = useMutation(CREATE_USER);
+
+  const handleSubmit = async (name: string) => {
+    await createUser({ variables: { input: { name } } });
+  };
+
+  return <button onClick={() => handleSubmit("John")}>Create User</button>;
+}
+```
+
+### Suspense Query
+
+```tsx
+import { Suspense } from "react";
+import { useSuspenseQuery } from "@apollo/client/react";
+
+function UserProfile({ userId }: { userId: string }) {
+  const { data } = useSuspenseQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  return <div>{data.user.name}</div>;
+}
+
+function App() {
+  return (
+    <Suspense fallback={<p>Loading user...</p>}>
+      <UserProfile userId="1" />
+    </Suspense>
+  );
+}
+```
+
+## Reference Files
+
+Detailed documentation for specific topics:
+
+- [TypeScript Code Generation](references/typescript-codegen.md) - GraphQL Code Generator setup for type-safe operations
+- [Queries](references/queries.md) - useQuery, useLazyQuery, polling, refetching
+- [Suspense Hooks](references/suspense-hooks.md) - useSuspenseQuery, useBackgroundQuery, useReadQuery, useLoadableQuery
+- [Mutations](references/mutations.md) - useMutation, optimistic UI, cache updates
+- [Fragments](references/fragments.md) - Fragment colocation, useFragment, useSuspenseFragment, data masking
+- [Caching](references/caching.md) - InMemoryCache, typePolicies, cache manipulation
+- [State Management](references/state-management.md) - Reactive variables, local state
+- [Error Handling](references/error-handling.md) - Error policies, error links, retries
+- [Troubleshooting](references/troubleshooting.md) - Common issues and solutions
+
+## Key Rules
+
+### Query Best Practices
+
+- **Each page should generally only have one query, composed from colocated fragments.** Use `useFragment` or `useSuspenseFragment` in all non-page-components. Use `@defer` to allow slow fields below the fold to stream in later and avoid blocking the page load.
+- **Fragments are for colocation, not reuse.** Each fragment should describe exactly the data needs of a specific component, not be shared across components for common fields. See [Fragments reference](references/fragments.md) for details on fragment colocation and data masking.
+- Always handle `loading` and `error` states in UI when using non-suspenseful hooks (`useQuery`, `useLazyQuery`). When using Suspense hooks (`useSuspenseQuery`, `useBackgroundQuery`), React handles this through `<Suspense>` boundaries and error boundaries.
+- Use `fetchPolicy` to control cache behavior per query
+- Use the TypeScript type server to look up documentation for functions and options (Apollo Client has extensive docblocks)
+
+### Mutation Best Practices
+
+- **If the schema permits, mutation return values should return everything necessary to update the cache.** Neither manual updates nor refetching should be necessary.
+- If the mutation response is insufficient, carefully weigh manual cache manipulation vs refetching. Manual updates risk missing server logic. Consider optimistic updates with a granular refetch if needed.
+- Handle errors gracefully in the UI
+- Use `refetchQueries` sparingly (prefer letting the cache update automatically)
+
+### Caching Best Practices
+
+- Configure `keyFields` for types without `id` field
+- Disable normalization by setting `keyFields: false` for types that don't include an identifier and are meant to group related fields under the parent
+- Use `typePolicies` for pagination and computed fields
+- Understand cache normalization to debug issues
+- **Enable [data masking](references/fragments.md#data-masking) for all new applications** - it prevents components from accessing fragment data they don't own, enforcing proper data boundaries and preventing over-rendering
+
+### Performance
+
+- Avoid over-fetching with proper field selection
+- Configure appropriate `fetchPolicy` per use case
+- Use `@defer` for incremental delivery of deferred query parts, and `@stream` for streaming list fields (`@stream` available in Apollo Client 4.1+)
+- **Prefer Suspense hooks (`useSuspenseQuery`, `useBackgroundQuery`) in modern applications** for better loading state handling and code simplicity
+
+## Ground Rules
+
+- ALWAYS use Apollo Client 4.x patterns (not v3 or earlier)
+- ALWAYS wrap your app with `ApolloProvider`
+- ALWAYS handle loading and error states when using non-suspenseful hooks
+- PREFER Suspense hooks (`useSuspenseQuery`, `useBackgroundQuery`) in modern applications for better DX
+- NEVER store Apollo Client in React state (use module-level or context)
+- PREFER `cache-first` for read-heavy data, `network-only` for real-time data
+- USE TypeScript for better type safety with GraphQL
+- IMPLEMENT proper cache updates instead of refetching entire queries
+- ADVISE the human steering you to look into Apollo DevTools when collaboratively debugging Apollo Client issues
diff --git a/src/frontend/.claude/skills/apollo-client/references/caching.md b/src/frontend/.claude/skills/apollo-client/references/caching.md
new file mode 100644
index 00000000..399b8f75
--- /dev/null
+++ b/src/frontend/.claude/skills/apollo-client/references/caching.md
@@ -0,0 +1,560 @@
+# Caching Reference
+
+## Table of Contents
+
+- [InMemoryCache Setup](#inmemorycache-setup)
+- [Cache Normalization](#cache-normalization)
+- [Type Policies](#type-policies)
+- [Field Policies](#field-policies)
+- [Pagination](#pagination)
+- [Cache Manipulation](#cache-manipulation)
+- [Garbage Collection](#garbage-collection)
+
+## InMemoryCache Setup
+
+### Basic Configuration
+
+```typescript
+import { InMemoryCache } from "@apollo/client";
+
+const cache = new InMemoryCache({
+  // Custom type policies
+  typePolicies: {
+    Query: {
+      fields: {
+        // Query-level field policies
+      },
+    },
+    User: {
+      keyFields: ["id"],
+      fields: {
+        // User-level field policies
+      },
+    },
+  },
+
+  // Custom type name handling (rare)
+  possibleTypes: {
+    Character: ["Human", "Droid"],
+    Node: ["User", "Post", "Comment"],
+  },
+});
+```
+
+### Constructor Options
+
+```typescript
+new InMemoryCache({
+  // Define how types are identified in cache
+  typePolicies: {
+    /* ... */
+  },
+
+  // Interface/union type mappings between supertypes and their subtypes
+  possibleTypes: {
+    /* ... */
+  },
+
+  // Custom function to generate cache IDs (rare)
+  dataIdFromObject: (object) => {
+    if (object.__typename === "Book") {
+      return `Book:${object.isbn}`;
+    }
+    return defaultDataIdFromObject(object);
+  },
+});
+```
+
+## Cache Normalization
+
+Apollo Client normalizes data by splitting query results into individual objects and storing them by unique identifier.
+
+### How Normalization Works
+
+```graphql
+# Query
+query GetPost {
+  post(id: "1") {
+    id
+    title
+    author {
+      id
+      name
+    }
+  }
+}
+```
+
+```typescript
+// Normalized cache structure
+{
+  'Post:1': {
+    __typename: 'Post',
+    id: '1',
+    title: 'Hello World',
+    author: { __ref: 'User:42' }
+  },
+  'User:42': {
+    __typename: 'User',
+    id: '42',
+    name: 'John'
+  },
+  ROOT_QUERY: {
+    'post({"id":"1"})': { __ref: 'Post:1' }
+  }
+}
+```
+
+### Benefits of Normalization
+
+1. **Automatic updates**: When `User:42` is updated anywhere, all components showing that user update
+2. **Deduplication**: Same objects aren't stored multiple times
+3. **Efficient updates**: Only changed objects trigger re-renders
+
+## Type Policies
+
+### keyFields
+
+Customize how objects are identified in the cache.
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    // Use ISBN instead of id for books
+    Book: {
+      keyFields: ["isbn"],
+    },
+
+    // Composite key
+    UserSession: {
+      keyFields: ["userId", "deviceId"],
+    },
+
+    // Nested key
+    Review: {
+      keyFields: ["book", ["isbn"], "reviewer", ["id"]],
+    },
+
+    // No key fields (singleton, only one object in cache per type)
+    AppSettings: {
+      keyFields: [],
+    },
+
+    // Disable normalization (objects of this type will be stored with their
+    // parent entity. The same object might end up multiple times in the cache
+    // and run out of sync. Use with caution, only if this object really relates
+    // to a property of their parent entity and cannot exist on its own.)
+    Address: {
+      keyFields: false,
+    },
+  },
+});
+```
+
+### merge Functions
+
+Control how incoming data merges with existing data.
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    User: {
+      fields: {
+        // Deep merge profile object
+        profile: {
+          merge: true, // Shorthand for deep merge
+        },
+
+        // Custom merge logic
+        notifications: {
+          merge(existing = [], incoming, { mergeObjects }) {
+            // Prepend new notifications
+            return [...incoming, ...existing];
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+## Field Policies
+
+### read Function
+
+Transform cached data when reading.
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    User: {
+      fields: {
+        // Computed field
+        fullName: {
+          read(_, { readField }) {
+            const firstName = readField("firstName");
+            const lastName = readField("lastName");
+            return `${firstName} ${lastName}`;
+          },
+        },
+
+        // Transform existing field
+        birthDate: {
+          read(existing) {
+            return existing ? new Date(existing) : null;
+          },
+        },
+
+        // Default value
+        role: {
+          read(existing = "USER") {
+            return existing;
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+### merge Function
+
+Control how incoming data is stored.
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    User: {
+      fields: {
+        // Accumulate items instead of replacing
+        friends: {
+          merge(existing = [], incoming) {
+            return [...existing, ...incoming];
+          },
+        },
+
+        // Merge objects deeply
+        settings: {
+          merge(existing, incoming, { mergeObjects }) {
+            return mergeObjects(existing, incoming);
+          },
+        },
+      },
+    },
+
+    Query: {
+      fields: {
+        // Merge paginated results
+        posts: {
+          keyArgs: ["category"], // Only category affects cache key
+          merge(existing = { items: [] }, incoming) {
+            return {
+              ...incoming,
+              items: [...existing.items, ...incoming.items],
+            };
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+### keyArgs
+
+Control which arguments affect cache storage.
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    Query: {
+      fields: {
+        // Different cache entry per userId only
+        // (limit, offset don't create new entries)
+        userPosts: {
+          keyArgs: ["userId"],
+        },
+
+        // No arguments affect cache key
+        // (useful for pagination)
+        feed: {
+          keyArgs: false,
+        },
+
+        // Nested argument
+        search: {
+          keyArgs: ["filter", ["category", "status"]],
+        },
+      },
+    },
+  },
+});
+```
+
+## Pagination
+
+### Offset-Based Pagination
+
+```typescript
+import { offsetLimitPagination } from "@apollo/client/utilities";
+
+const cache = new InMemoryCache({
+  typePolicies: {
+    Query: {
+      fields: {
+        posts: offsetLimitPagination(),
+
+        // With key arguments
+        userPosts: offsetLimitPagination(["userId"]),
+      },
+    },
+  },
+});
+```
+
+### Cursor-Based Pagination (Relay Style)
+
+```typescript
+import { relayStylePagination } from "@apollo/client/utilities";
+
+const cache = new InMemoryCache({
+  typePolicies: {
+    Query: {
+      fields: {
+        posts: relayStylePagination(),
+
+        // With key arguments
+        userPosts: relayStylePagination(["userId"]),
+      },
+    },
+  },
+});
+```
+
+### Custom Pagination
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    Query: {
+      fields: {
+        feed: {
+          keyArgs: false,
+
+          merge(existing, incoming, { args }) {
+            const merged = existing ? existing.slice(0) : [];
+            const offset = args?.offset ?? 0;
+
+            for (let i = 0; i < incoming.length; i++) {
+              merged[offset + i] = incoming[i];
+            }
+
+            return merged;
+          },
+
+          read(existing, { args }) {
+            const offset = args?.offset ?? 0;
+            const limit = args?.limit ?? existing?.length ?? 0;
+            return existing?.slice(offset, offset + limit);
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+### fetchMore for Pagination
+
+```tsx
+function PostList() {
+  const { data, fetchMore, loading } = useQuery(GET_POSTS, {
+    variables: { offset: 0, limit: 10 },
+  });
+
+  const loadMore = () => {
+    fetchMore({
+      variables: {
+        offset: data.posts.length,
+      },
+      // With proper type policies, no updateQuery needed
+    });
+  };
+
+  return (
+    <div>
+      {data?.posts.map((post) => <PostCard key={post.id} post={post} />)}
+      <button onClick={loadMore} disabled={loading}>
+        Load More
+      </button>
+    </div>
+  );
+}
+```
+
+## Cache Manipulation
+
+### cache.readQuery
+
+```typescript
+// Read data from cache
+const data = cache.readQuery({
+  query: GET_TODOS,
+});
+
+// With variables
+const userData = cache.readQuery({
+  query: GET_USER,
+  variables: { id: "1" },
+});
+```
+
+### cache.writeQuery
+
+```typescript
+// Write data to cache
+cache.writeQuery({
+  query: GET_TODOS,
+  data: {
+    todos: [
+      { __typename: "Todo", id: "1", text: "Buy milk", completed: false },
+    ],
+  },
+});
+
+// With variables
+cache.writeQuery({
+  query: GET_USER,
+  variables: { id: "1" },
+  data: {
+    user: { __typename: "User", id: "1", name: "John" },
+  },
+});
+```
+
+### cache.readFragment / cache.writeFragment
+
+```typescript
+// Read a specific object - use cache.identify for safety
+const user = cache.readFragment({
+  id: cache.identify({ __typename: "User", id: "1" }),
+  fragment: gql`
+    fragment UserFragment on User {
+      id
+      name
+      email
+    }
+  `,
+});
+
+// Apollo Client 4.1+: Use 'from' parameter (recommended)
+const user = cache.readFragment({
+  from: { __typename: "User", id: "1" },
+  fragment: gql`
+    fragment UserFragment on User {
+      id
+      name
+      email
+    }
+  `,
+});
+
+// Update a specific object
+cache.writeFragment({
+  id: cache.identify({ __typename: "User", id: "1" }),
+  fragment: gql`
+    fragment UpdateUser on User {
+      name
+    }
+  `,
+  data: {
+    name: "Jane",
+  },
+});
+
+// Apollo Client 4.1+: Use 'from' parameter (recommended)
+cache.writeFragment({
+  from: { __typename: "User", id: "1" },
+  fragment: gql`
+    fragment UpdateUser on User {
+      name
+    }
+  `,
+  data: {
+    name: "Jane",
+  },
+});
+```
+
+### cache.modify
+
+```typescript
+// Modify fields directly
+cache.modify({
+  id: cache.identify(user),
+  fields: {
+    // Set new value
+    name: () => "New Name",
+
+    // Transform existing value
+    postCount: (existing) => existing + 1,
+
+    // Delete field
+    temporaryField: (_, { DELETE }) => DELETE,
+
+    // Add to array
+    friends: (existing, { toReference }) => [
+      ...existing,
+      toReference({ __typename: "User", id: "2" }),
+    ],
+  },
+});
+```
+
+### cache.evict
+
+```typescript
+// Remove object from cache
+cache.evict({ id: "User:1" });
+
+// Remove specific field
+cache.evict({ id: "User:1", fieldName: "friends" });
+
+// Remove with broadcast (trigger re-renders)
+cache.evict({ id: "User:1", broadcast: true });
+```
+
+## Garbage Collection
+
+### Manual Garbage Collection
+
+```typescript
+// After evicting objects, clean up dangling references
+cache.evict({ id: "User:1" });
+cache.gc();
+```
+
+### Retaining Objects
+
+```typescript
+// Prevent objects from being garbage collected
+const release = cache.retain("User:1");
+
+// Later, allow GC
+release();
+cache.gc();
+```
+
+### Inspecting Cache
+
+```typescript
+// Get all cached data
+const cacheContents = cache.extract();
+
+// Restore cache state
+cache.restore(previousCacheContents);
+
+// Get identified object cache key
+const userId = cache.identify({ __typename: "User", id: "1" });
+// Returns: 'User:1'
+```
diff --git a/src/frontend/.claude/skills/apollo-client/references/error-handling.md b/src/frontend/.claude/skills/apollo-client/references/error-handling.md
new file mode 100644
index 00000000..36af6c51
--- /dev/null
+++ b/src/frontend/.claude/skills/apollo-client/references/error-handling.md
@@ -0,0 +1,350 @@
+# Error Handling Reference (Apollo Client 4.x)
+
+Note that Apollo Client 4.x handles errors differently than Apollo Client 3.x.
+This reference documents the updated error handling mechanisms, error types, and best practices for managing errors in your Apollo Client applications.
+For older Apollo Client 3.x error handling documentation, see [Apollo Client 3.x Error Handling](https://www.apollographql.com/docs/react/v3/data/error-handling).
+
+## Table of Contents
+
+- [Understanding Errors](#understanding-errors)
+- [Error Types](#error-types)
+- [Identifying Error Types](#identifying-error-types)
+- [GraphQL Error Policies](#graphql-error-policies)
+- [Error Links](#error-links)
+- [Retry Link](#retry-link)
+- [Error Boundaries](#error-boundaries)
+
+## Understanding Errors
+
+Errors in Apollo Client fall into two main categories: **GraphQL errors** and **network errors**. Each category has specific error classes that provide detailed information about what went wrong.
+
+### GraphQL Errors
+
+GraphQL errors are related to server-side execution of a GraphQL operation:
+
+- **Syntax errors** (e.g., malformed query)
+- **Validation errors** (e.g., query includes a non-existent schema field)
+- **Resolver errors** (e.g., error while populating a query field)
+
+If a syntax or validation error occurs, the server doesn't execute the operation. If resolver errors occur, the server can still return partial data.
+
+Example server response with GraphQL error:
+
+```json
+{
+  "errors": [
+    {
+      "message": "Cannot query field \"nonexistentField\" on type \"Query\".",
+      "locations": [{ "line": 2, "column": 3 }],
+      "extensions": {
+        "code": "GRAPHQL_VALIDATION_FAILED"
+      }
+    }
+  ],
+  "data": null
+}
+```
+
+In Apollo Client 4.x, GraphQL errors are represented by the [`CombinedGraphQLErrors`](https://apollographql.com/docs/react/api/errors/CombinedGraphQLErrors) error type.
+
+### Network Errors
+
+Network errors occur when attempting to communicate with your GraphQL server:
+
+- `4xx` or `5xx` HTTP response status codes
+- Network unavailability
+- JSON parsing failures
+- Custom errors from Apollo Link request handlers
+
+Network errors might be represented by special error types, but if an api such as the `fetch` API throws a native error (e.g., `TypeError`), Apollo Client will pass it through as-is.
+Thrown values that don't fulfill the standard `ErrorLike` interface are wrapped in the [`UnconventionalError`](https://apollographql.com/docs/react/api/errors/UnconventionalError) class, which fulfills the `ErrorLike` interface. As such, you can expect any error returned by Apollo Client to fulfill the `ErrorLike` interface.
+
+```ts
+export interface ErrorLike {
+  message: string;
+  name: string;
+  stack?: string;
+}
+```
+
+## Error Types
+
+Apollo Client 4.x provides specific error classes for different error scenarios:
+
+### CombinedGraphQLErrors
+
+Represents GraphQL errors returned by the server. Most common error type in applications.
+
+```tsx
+import { CombinedGraphQLErrors } from "@apollo/client/errors";
+
+function UserProfile({ userId }: { userId: string }) {
+  const { data, error } = useQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  // no need to check for nullishness of error, CombinedGraphQLErrors.is handles that
+  if (CombinedGraphQLErrors.is(error)) {
+    // Handle GraphQL errors
+    return (
+      <div>
+        {error.graphQLErrors.map((err, i) => (
+          <p key={i}>GraphQL Error: {err.message}</p>
+        ))}
+      </div>
+    );
+  }
+
+  return data ? <Profile user={data.user} /> : null;
+}
+```
+
+### CombinedProtocolErrors
+
+Represents fatal transport-level errors during multipart HTTP subscription execution.
+
+### ServerError
+
+Occurs when the server responds with a non-200 HTTP status code.
+
+```tsx
+import { ServerError } from "@apollo/client/errors";
+
+if (ServerError.is(error)) {
+  console.error("Server error:", error.statusCode, error.result);
+}
+```
+
+### ServerParseError
+
+Occurs when the server response cannot be parsed as valid JSON.
+
+```tsx
+import { ServerParseError } from "@apollo/client/errors";
+
+if (ServerParseError.is(error)) {
+  console.error("Invalid JSON response:", error.bodyText);
+}
+```
+
+### LocalStateError
+
+Represents errors in local state configuration or execution.
+
+### UnconventionalError
+
+Wraps non-standard errors (e.g., thrown symbols or objects) to ensure consistent error handling.
+
+## Identifying Error Types
+
+Every Apollo Client error class provides a static `is` method that reliably determines whether an error is of that specific type. This is more robust than `instanceof` because it avoids false positives/negatives.
+
+```ts
+import {
+  CombinedGraphQLErrors,
+  CombinedProtocolErrors,
+  LocalStateError,
+  ServerError,
+  ServerParseError,
+  UnconventionalError,
+  ErrorLike,
+} from "@apollo/client/errors";
+
+// Anything returned in the `error` field of Apollo Client hooks or methods is of type `ErrorLike` or `undefined`.
+function handleError(error?: ErrorLike) {
+  if (CombinedGraphQLErrors.is(error)) {
+    // Handle GraphQL errors
+    console.error("GraphQL errors:", error.graphQLErrors);
+  } else if (CombinedProtocolErrors.is(error)) {
+    // Handle multipart subscription protocol errors
+  } else if (LocalStateError.is(error)) {
+    // Handle errors thrown by the LocalState class
+  } else if (ServerError.is(error)) {
+    // Handle server HTTP errors
+    console.error("Server error:", error.statusCode);
+  } else if (ServerParseError.is(error)) {
+    // Handle JSON parse errors
+  } else if (UnconventionalError.is(error)) {
+    // Handle errors thrown by irregular types
+  } else if (error) {
+    // Handle other errors
+  }
+}
+```
+
+## GraphQL Error Policies
+
+If a GraphQL operation produces errors, the server's response might still include partial data:
+
+```json
+{
+  "data": {
+    "getInt": 12,
+    "getString": null
+  },
+  "errors": [
+    {
+      "message": "Failed to get string!"
+    }
+  ]
+}
+```
+
+By default, Apollo Client throws away partial data and populates the `error` field. You can use partial results by defining an **error policy**:
+
+| Policy   | Description                                                                                                                                                                  |
+| -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `none`   | (Default) If the response includes errors, they are returned in `error` and response `data` is set to `undefined` even if the server returns `data`.                         |
+| `ignore` | Errors are ignored (`error` is not populated), and any returned `data` is cached and rendered as if no errors occurred. `data` may be `undefined` if a network error occurs. |
+| `all`    | Both `data` and `error` are populated and any returned `data` is cached, enabling you to render both partial results and error information.                                  |
+
+### Setting an Error Policy
+
+```tsx
+const MY_QUERY = gql`
+  query WillFail {
+    badField # This field's resolver produces an error
+    goodField # This field is populated successfully
+  }
+`;
+
+function ShowingSomeErrors() {
+  const { loading, error, data } = useQuery(MY_QUERY, { errorPolicy: "all" });
+
+  if (loading) return <span>loading...</span>;
+
+  return (
+    <div>
+      <h2>Good: {data?.goodField}</h2>
+      {error && <pre>Bad: {error.message}</pre>}
+    </div>
+  );
+}
+```
+
+### Avoid setting a Global Error Policy
+
+While it is possible to set a global error policy using `defaultOptions`, in practice this is discouraged as it can lead to unexpected behavior and type safety issues. The return types of the TypeScript hooks may change depending on the `errorPolicy` passed into the hook, and this can conceptually not take global `defaultOptions` error policies into account. As such, it is best to set the `errorPolicy` per operation as needed.
+
+## Error Links
+
+The `ErrorLink` can be used to e.g. log error globally or perform specific side effects based on errors happening.
+
+An `ErrorLink` can't be used to swallow errors fully, but it can be used to retry an operation after handling an error, in which case the error wouldn't propagate. Otherwise, the most common use for `ErrorLink` is logging.
+
+```ts
+import { ErrorLink } from "@apollo/client/link/error";
+
+const errorLink = new ErrorLink(({ error, operation, forward }) => {
+  if (someCondition(error)) {
+    // Retry the request, returning the new observable
+    return forward(operation);
+  }
+
+  // Log the error for any unhandled GraphQL errors or network errors.
+  console.log(`[Error]: ${error.message}`);
+
+  // If nothing is returned from the error handler callback, the error will be
+  // emitted from the link chain as normal.
+});
+```
+
+### Retry Link
+
+Alternatively, you can use the `RetryLink` from `@apollo/client/link/retry` to implement retry logic for failed operations.
+
+```typescript
+import { RetryLink } from "@apollo/client/link/retry";
+
+const retryLink = new RetryLink({
+  delay: {
+    initial: 300,
+    max: Infinity,
+    jitter: true,
+  },
+  attempts: {
+    max: 5,
+    retryIf: (error, operation) => {
+      // Retry on network errors
+      return !!error && operation.operationName !== "SensitiveOperation";
+    },
+  },
+});
+
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  link: from([retryLink, errorLink, httpLink]),
+});
+```
+
+### Custom Retry Logic
+
+```typescript
+const retryLink = new RetryLink({
+  attempts: (count, operation, error) => {
+    // Don't retry mutations
+    if (
+      operation.query.definitions.some(
+        (def) =>
+          def.kind === "OperationDefinition" && def.operation === "mutation"
+      )
+    ) {
+      return false;
+    }
+
+    // Retry up to 3 times on network errors
+    return count < 3 && !!error;
+  },
+  delay: (count) => {
+    // Exponential backoff
+    return Math.min(1000 * Math.pow(2, count), 30000);
+  },
+});
+```
+
+## Error Boundaries
+
+When using suspenseful hooks, you should use React Error Boundaries for graceful error handling.
+
+### Non-suspense per-Component Error Handling
+
+```tsx
+import {
+  CombinedGraphQLErrors,
+  ServerError,
+  ServerParseError,
+} from "@apollo/client/errors";
+
+function SafeUserList() {
+  const { data, error, loading, refetch } = useQuery(GET_USERS, {
+    errorPolicy: "all",
+    notifyOnNetworkStatusChange: true,
+  });
+
+  // Handle network errors
+  if (ServerError.is(error) || ServerParseError.is(error)) {
+    return (
+      <Alert severity="error">
+        <AlertTitle>Connection Error</AlertTitle>
+        Failed to load users. Please check your internet connection.
+        <Button onClick={() => refetch()}>Retry</Button>
+      </Alert>
+    );
+  }
+
+  // Handle GraphQL errors but still show available data
+  return (
+    <div>
+      {CombinedGraphQLErrors.is(error) && (
+        <Alert severity="warning">
+          Some data may be incomplete: {error.graphQLErrors[0].message}
+        </Alert>
+      )}
+
+      {loading && <LinearProgress />}
+
+      {data?.users && <UserList users={data.users} />}
+    </div>
+  );
+}
+```
diff --git a/src/frontend/.claude/skills/apollo-client/references/fragments.md b/src/frontend/.claude/skills/apollo-client/references/fragments.md
new file mode 100644
index 00000000..7c3deb30
--- /dev/null
+++ b/src/frontend/.claude/skills/apollo-client/references/fragments.md
@@ -0,0 +1,804 @@
+# Fragments Reference
+
+GraphQL fragments define a set of fields for a specific type. In Apollo Client, fragments are especially powerful when colocated with components to define each component's data requirements independently, creating a clear separation of concerns and enabling better component composition.
+
+## Table of Contents
+
+- [What Are Fragments](#what-are-fragments)
+- [Basic Fragment Syntax](#basic-fragment-syntax)
+- [Fragment Colocation](#fragment-colocation)
+- [Fragment Reading Hooks](#fragment-reading-hooks)
+- [Data Masking](#data-masking)
+- [Fragment Registry](#fragment-registry)
+- [TypeScript Integration](#typescript-integration)
+- [Best Practices](#best-practices)
+
+## What Are Fragments
+
+A GraphQL fragment defines a set of fields for a specific GraphQL type. Fragments are defined on a specific GraphQL type and can be included in operations using the spread operator (`...`).
+
+In Apollo Client, fragments serve a specific purpose:
+
+**Fragments are for colocation, not reuse.** Each component should declare its data needs in a dedicated fragment. This allows components to independently evolve their data requirements without creating artificial dependencies between unrelated parts of your application.
+
+Fragments enable:
+
+1. **Component colocation**: Define the exact data requirements for a component alongside the component code
+2. **Independent evolution**: Change a component's data needs without affecting other components
+3. **Code organization**: Compose fragments together to build complete queries that mirror your component hierarchy
+
+## Basic Fragment Syntax
+
+### Defining a Fragment
+
+```typescript
+import { gql } from "@apollo/client";
+
+const USER_FRAGMENT = gql`
+  fragment UserFields on User {
+    id
+    name
+    email
+    avatarUrl
+  }
+`;
+```
+
+Every fragment includes:
+
+- A unique name (`UserFields`)
+- The type it operates on (`User`)
+- The fields to select
+
+### Using Fragments in Queries
+
+Include fragments in queries using the spread operator:
+
+```typescript
+const GET_USER = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      ...UserFields
+    }
+  }
+
+  ${USER_FRAGMENT}
+`;
+```
+
+When using GraphQL Code Generator with the recommended configuration (typescript, typescript-operations, and typed-document-node plugins), fragments defined in your source files are automatically picked up and generated into typed document nodes. The generated fragment documents already include the fragment definition, so you don't need to interpolate them manually into queries.
+
+## Fragment Colocation
+
+Fragment colocation is the practice of defining fragments in the same file as the component that uses them. This creates a clear contract between components and their data requirements.
+
+### Why Colocate Fragments
+
+- **Locality**: Data requirements live next to the code that uses them
+- **Maintainability**: Changes to component UI and data needs happen together
+- **Type safety**: TypeScript can infer exact types from colocated fragments
+- **Independence**: Components can evolve their data requirements without affecting other components
+
+### Colocation Pattern
+
+The recommended pattern for colocating fragments with components:
+
+```tsx
+import { gql, FragmentType } from "@apollo/client";
+import { useSuspenseFragment } from "@apollo/client/react";
+
+// Fragment definition
+// This will be picked up by Codegen to create `UserCard_UserFragmentDoc` in `./fragments.generated.ts`.
+// As that generated fragment document is correctly typed, we use that in the code going forward.
+// This fragment will never be consumed in runtime code, so it is wrapped in `if (false)` so the bundler can omit it when bundling.
+if (false) {
+  gql`
+    fragment UserCard_user on User {
+      id
+      name
+      email
+      avatarUrl
+    }
+  `;
+}
+
+// This has been created from above fragment definition by CodeGen and is a correctly typed `TypedDocumentNode`
+import { UserCard_UserFragmentDoc } from "./fragments.generated.ts";
+
+// Component receives the (partially masked) parent object
+export function UserCard({
+  user,
+}: {
+  user: FragmentType<typeof UserCard_UserFragmentDoc>;
+}) {
+  // Creates a subscription to the fragment in the cache
+  const { data } = useSuspenseFragment({
+    fragment: UserCard_UserFragmentDoc,
+    fragmentName: "UserCard_user",
+    from: user,
+  });
+
+  return (
+    <div>
+      <img src={data.avatarUrl} alt={data.name} />
+      <h2>{data.name}</h2>
+      <p>{data.email}</p>
+    </div>
+  );
+}
+```
+
+### Naming Convention
+
+A suggested naming pattern for fragments follows this convention:
+
+```text
+{ComponentName}_{propName}
+```
+
+Where `propName` is the name of the prop the component receives containing the fragment data.
+
+Examples:
+
+- `UserCard_user` - Fragment for the `user` prop in the UserCard component
+- `PostList_posts` - Fragment for the `posts` prop in the PostList component
+- `CommentItem_comment` - Fragment for the `comment` prop in the CommentItem component
+
+This convention makes it clear which component owns which fragment. However, you can choose a different naming convention based on your project's needs.
+
+**Note**: A component might accept fragment data through multiple props, in which case it would have multiple associated fragments. For example, a `CommentCard` component might accept both a `comment` prop and an `author` prop, resulting in `CommentCard_comment` and `CommentCard_author` fragments.
+
+### Composing Fragments
+
+Parent components compose child fragments to build complete queries:
+
+```tsx
+// Child component
+import { gql } from "@apollo/client";
+
+if (false) {
+  gql`
+    fragment UserAvatar_user on User {
+      id
+      avatarUrl
+      name
+    }
+  `;
+}
+
+// Parent component composes child fragments
+if (false) {
+  gql`
+    fragment UserProfile_user on User {
+      id
+      name
+      email
+      bio
+      ...UserAvatar_user
+    }
+  `;
+}
+
+// Page-level query composes all fragments
+if (false) {
+  gql`
+    query UserProfilePage($id: ID!) {
+      user(id: $id) {
+        ...UserProfile_user
+      }
+    }
+  `;
+}
+```
+
+This creates a hierarchy that mirrors your component tree.
+
+## Fragment Reading Hooks
+
+Apollo Client provides hooks to read fragment data within components. These hooks work with data masking to ensure components only access the data they explicitly requested.
+
+### useSuspenseFragment
+
+For components using Suspense and concurrent features:
+
+```tsx
+import { useSuspenseFragment } from "@apollo/client/react";
+import { FragmentType } from "@apollo/client";
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+function UserCard({
+  user,
+}: {
+  user: FragmentType<typeof UserCard_UserFragmentDoc>;
+}) {
+  const { data } = useSuspenseFragment({
+    fragment: UserCard_UserFragmentDoc,
+    fragmentName: "UserCard_user",
+    from: user,
+  });
+
+  return <div>{data.name}</div>;
+}
+```
+
+### useFragment
+
+For components not using Suspense:
+
+```tsx
+import { useFragment } from "@apollo/client/react";
+import { FragmentType } from "@apollo/client";
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+function UserCard({
+  user,
+}: {
+  user: FragmentType<typeof UserCard_UserFragmentDoc>;
+}) {
+  const { data, complete } = useFragment({
+    fragment: UserCard_UserFragmentDoc,
+    fragmentName: "UserCard_user",
+    from: user,
+  });
+
+  if (!complete) {
+    return <div>Loading...</div>;
+  }
+
+  return <div>{data.name}</div>;
+}
+```
+
+The `complete` field indicates whether all fragment data is available in the cache.
+
+### Hook Options
+
+Both hooks accept these options:
+
+```typescript
+{
+  // The fragment document (required)
+  fragment: TypedDocumentNode,
+
+  // The fragment name (optional in most cases)
+  // Only required if the fragment document contains multiple definitions
+  fragmentName?: string,
+
+  // The source data containing the fragment (required)
+  // Can be a single object or an array of objects
+  from: FragmentType<typeof fragment> | Array<FragmentType<typeof fragment>>,
+
+  // Variables for the fragment (optional)
+  variables?: Variables,
+}
+```
+
+When `from` is an array, the hook returns an array of results, allowing you to read fragments from multiple objects efficiently. **Note**: Array support for the `from` parameter was added in Apollo Client 4.1.0.
+
+## Data Masking
+
+Data masking is a feature that prevents components from accessing data they didn't explicitly request through their fragments. This enforces proper data boundaries and prevents over-rendering.
+
+### Enabling Data Masking
+
+Enable data masking when creating your Apollo Client:
+
+```typescript
+import { ApolloClient, InMemoryCache } from "@apollo/client";
+
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  dataMasking: true, // Enable data masking
+});
+```
+
+### How Data Masking Works
+
+With data masking enabled:
+
+1. Fragments return opaque `FragmentType` objects
+2. Components must use `useFragment` or `useSuspenseFragment` to unmask data
+3. Components can only access fields defined in their own fragments
+4. TypeScript enforces these boundaries at compile time
+
+Without data masking:
+
+```tsx
+// ❌ Without data masking - component can access any data from parent
+function UserCard({ user }: { user: User }) {
+  // Can access any User field, even if not in fragment
+  return <div>{user.privateData}</div>;
+}
+```
+
+With data masking:
+
+```tsx
+// ✅ With data masking - component can only access its fragment data
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+function UserCard({
+  user,
+}: {
+  user: FragmentType<typeof UserCard_UserFragmentDoc>;
+}) {
+  const { data } = useSuspenseFragment({
+    fragment: UserCard_UserFragmentDoc,
+    from: user,
+  });
+
+  // TypeScript error: 'privateData' doesn't exist on fragment type
+  // return <div>{data.privateData}</div>;
+
+  // Only fields from the fragment are accessible
+  return <div>{data.name}</div>;
+}
+```
+
+### Benefits of Data Masking
+
+- **Prevents over-rendering**: Components only re-render when their specific data changes
+- **Enforces boundaries**: Components can't accidentally depend on data they don't own
+- **Better refactoring**: Safe to modify parent queries without breaking child components
+- **Type safety**: TypeScript catches attempts to access unavailable fields
+
+## Fragment Registry
+
+The fragment registry is an **alternative approach** to GraphQL Code Generator's automatic fragment inlining by name. It allows you to register fragments globally, making them available throughout your application by name reference.
+
+**Important**: GraphQL Code Generator automatically inlines fragments by name wherever they're used in your queries. Either approach is sufficient on its own—**you don't need to combine them**.
+
+### Creating a Fragment Registry
+
+```typescript
+import { ApolloClient, InMemoryCache } from "@apollo/client";
+import { createFragmentRegistry } from "@apollo/client/cache";
+
+export const fragmentRegistry = createFragmentRegistry();
+
+const client = new ApolloClient({
+  cache: new InMemoryCache({
+    fragments: fragmentRegistry,
+  }),
+});
+```
+
+### Registering Fragments
+
+Register fragments after defining them:
+
+```typescript
+import { gql } from "@apollo/client";
+import { fragmentRegistry } from "./apollo/client";
+
+const USER_FRAGMENT = gql`
+  fragment UserFields on User {
+    id
+    name
+    email
+  }
+`;
+
+fragmentRegistry.register(USER_FRAGMENT);
+```
+
+With colocated fragments:
+
+```tsx
+import { fragmentRegistry } from "@/apollo/client";
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+// Register the fragment globally
+fragmentRegistry.register(UserCard_UserFragmentDoc);
+```
+
+### Using Registered Fragments
+
+Once registered, fragments can be referenced by name in queries without explicit imports:
+
+```tsx
+// Fragment is available by name because it's registered
+const GET_USER = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      ...UserCard_user
+    }
+  }
+`;
+```
+
+### Approaches for Fragment Composition
+
+There are three approaches to make child fragments available in parent queries:
+
+1. **GraphQL Code Generator inlining** (Recommended): CodeGen automatically inlines fragments by name. No manual work needed—just reference fragments by name in your queries.
+
+2. **Fragment Registry**: Manually register fragments to make them available by name. Useful for runtime scenarios where CodeGen isn't available.
+
+3. **Manual interpolation**: Explicitly import and interpolate child fragments into parent fragments:
+
+   ```typescript
+   import { CHILD_FRAGMENT } from "./ChildComponent";
+
+   const PARENT_FRAGMENT = gql`
+     fragment Parent_data on Data {
+       field
+       ...Child_data
+     }
+     ${CHILD_FRAGMENT}
+   `;
+   ```
+
+### Pros and Cons
+
+**GraphQL Code Generator inlining**:
+
+- ✅ Less work: Automatic, no manual registration needed
+- ❌ Larger bundle: Fragments are inlined into every query that uses them
+
+**Fragment Registry**:
+
+- ✅ Smaller bundle: Fragments are registered once, referenced by name
+- ❌ More work: Requires manual registration of each fragment
+- ❌ May cause issues with lazy-loaded modules if the module is not loaded before the query is executed
+- ✅ Best for deeply nested component trees where bundle size matters
+
+**Manual interpolation**:
+
+- ❌ Most work: Manual imports and interpolation required
+- ✅ Explicit: Clear fragment dependencies in code
+
+### Recommendation
+
+For most applications using GraphQL Code Generator (as shown in this guide), **use the automatic inlining**—it requires no additional setup and works seamlessly. Consider the fragment registry only if bundle size becomes a concern in applications with deeply nested component trees.
+
+## TypeScript Integration
+
+Apollo Client provides strong TypeScript support for fragments through GraphQL Code Generator.
+
+### Generated Types
+
+GraphQL Code Generator produces typed fragment documents:
+
+```typescript
+// Generated file: fragments.generated.ts
+export type UserCard_UserFragment = {
+  __typename: "User";
+  id: string;
+  name: string;
+  email: string;
+  avatarUrl: string;
+} & { " $fragmentName"?: "UserCard_UserFragment" };
+
+export const UserCard_UserFragmentDoc: TypedDocumentNode<
+  UserCard_UserFragment,
+  never
+>;
+```
+
+### Type-Safe Fragment Usage
+
+Use `FragmentType` to accept masked fragment data:
+
+```tsx
+import { FragmentType } from "@apollo/client";
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+function UserCard({
+  user,
+}: {
+  user: FragmentType<typeof UserCard_UserFragmentDoc>;
+}) {
+  const { data } = useSuspenseFragment({
+    fragment: UserCard_UserFragmentDoc,
+    from: user,
+  });
+
+  // 'data' is fully typed as UserCard_UserFragment
+  return <div>{data.name}</div>;
+}
+```
+
+### Fragment Type Inference
+
+TypeScript infers types from fragment documents automatically:
+
+```tsx
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+// Types are inferred from the fragment
+const { data } = useSuspenseFragment({
+  fragment: UserCard_UserFragmentDoc,
+  from: user,
+});
+
+// data.name is string
+// data.email is string
+// data.nonExistentField is a TypeScript error
+```
+
+### Parent-Child Type Safety
+
+When passing fragment data from parent to child:
+
+```tsx
+// Parent query
+const { data } = useSuspenseQuery(GET_USER);
+
+// TypeScript ensures the query includes UserCard_user fragment
+// before allowing it to be passed to UserCard
+<UserCard user={data.user} />;
+```
+
+## Best Practices
+
+### Prefer Colocation Over Reuse
+
+**Fragments are for colocation, not reuse.** Each component should declare its data needs in a dedicated fragment, even if multiple components currently need the same fields.
+
+Sharing fragments between components just because they happen to need the same fields today creates artificial dependencies. When one component's requirements change, the shared fragment must be updated, causing all components using it to over-fetch data they don't need.
+
+```tsx
+// ✅ Good: Each component has its own fragment
+if (false) {
+  gql`
+    fragment UserCard_user on User {
+      id
+      name
+      email
+      avatarUrl
+    }
+  `;
+
+  gql`
+    fragment UserListItem_user on User {
+      id
+      name
+      email
+    }
+  `;
+}
+
+// If UserCard later needs 'bio', only UserCard_user changes
+// UserListItem doesn't over-fetch 'bio'
+```
+
+```tsx
+// ❌ Avoid: Sharing a generic fragment across components
+const COMMON_USER_FIELDS = gql`
+  fragment CommonUserFields on User {
+    id
+    name
+    email
+  }
+`;
+
+// UserCard and UserListItem both use CommonUserFields
+// When UserCard needs 'bio', adding it to CommonUserFields
+// causes UserListItem to over-fetch unnecessarily
+```
+
+This independence allows each component to evolve its data requirements without affecting unrelated parts of your application.
+
+### One Query Per Page
+
+Compose all page data requirements into a single query at the page level:
+
+```tsx
+// ✅ Good: Single page-level query
+if (false) {
+  gql`
+    query UserProfilePage($id: ID!) {
+      user(id: $id) {
+        ...UserHeader_user
+        ...UserPosts_user
+        ...UserFriends_user
+      }
+    }
+  `;
+}
+```
+
+```tsx
+// ❌ Avoid: Multiple queries in different components
+function UserProfile() {
+  const { data: userData } = useQuery(GET_USER);
+  const { data: postsData } = useQuery(GET_USER_POSTS);
+  const { data: friendsData } = useQuery(GET_USER_FRIENDS);
+  // ...
+}
+```
+
+### Use Fragment-Reading Hooks in Components
+
+Non-page components should use `useFragment` or `useSuspenseFragment`:
+
+```tsx
+// ✅ Good: Component reads fragment data
+import { FragmentType } from "@apollo/client";
+import { useSuspenseFragment } from "@apollo/client/react";
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+function UserCard({
+  user,
+}: {
+  user: FragmentType<typeof UserCard_UserFragmentDoc>;
+}) {
+  const { data } = useSuspenseFragment({
+    fragment: UserCard_UserFragmentDoc,
+    from: user,
+  });
+  return <div>{data.name}</div>;
+}
+```
+
+```tsx
+// ❌ Avoid: Component uses query hook
+function UserCard({ userId }: { userId: string }) {
+  const { data } = useQuery(GET_USER, { variables: { id: userId } });
+  return <div>{data.user.name}</div>;
+}
+```
+
+### Request Only Required Fields
+
+Keep fragments minimal and only request fields the component actually uses:
+
+```tsx
+// ✅ Good: Only necessary fields
+if (false) {
+  gql`
+    fragment UserListItem_user on User {
+      id
+      name
+    }
+  `;
+}
+```
+
+```tsx
+// ❌ Avoid: Requesting unused fields
+if (false) {
+  gql`
+    fragment UserListItem_user on User {
+      id
+      name
+      email
+      bio
+      friends {
+        id
+        name
+      }
+      posts {
+        id
+        title
+      }
+    }
+  `;
+}
+```
+
+### Use @defer for Below-the-Fold Content
+
+The `@defer` directive allows you to defer loading of non-critical fields, enabling faster initial page loads by prioritizing essential data. The deferred fields are delivered via incremental delivery and arrive after the non-deferred data, allowing the UI to progressively render as data becomes available.
+
+Defer slow fields that aren't immediately visible:
+
+```tsx
+if (false) {
+  gql`
+    query ProductPage($id: ID!) {
+      product(id: $id) {
+        id
+        name
+        price
+        ...ProductReviews_product @defer
+      }
+    }
+  `;
+}
+```
+
+This allows the page to render quickly while reviews load in the background.
+
+### Handle Client-Only Fields
+
+Use the `@client` directive for fields resolved locally:
+
+```tsx
+if (false) {
+  gql`
+    fragment TodoItem_todo on Todo {
+      id
+      text
+      completed
+      isSelected @client
+    }
+  `;
+}
+```
+
+### Enable Data Masking for New Applications
+
+Always enable data masking in new applications:
+
+```typescript
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  dataMasking: true,
+});
+```
+
+This enforces proper boundaries from the start and prevents accidental coupling between components.
+
+## Apollo Client Data Masking vs GraphQL-Codegen Fragment Masking
+
+Apollo Client's data masking and GraphQL Code Generator's fragment masking are different features that serve different purposes:
+
+### GraphQL-Codegen Fragment Masking
+
+GraphQL Code Generator's fragment masking (when using the client preset) is a **type-level** feature:
+
+- Masks data only at the TypeScript type level
+- The actual runtime data remains fully accessible on the object
+- Using their `useFragment` hook simply "unmasks" the data on a type level
+- Does not prevent accidental access to data at runtime
+- Parent components receive all data and pass it down
+- This means the parent component has to be subscribed to all data
+
+### Apollo Client Data Masking
+
+Apollo Client's data masking is a **runtime** feature with significant performance benefits:
+
+- Removes data at the runtime level, not just the type level
+- The `useFragment` and `useSuspenseFragment` hooks create cache subscriptions
+- Parent objects are sparse and only contain unmasked data
+- Prevents accidental access to data that should be masked
+
+### Key Benefits of Apollo Client Data Masking
+
+**1. No Accidental Data Access**
+
+With runtime data masking, masked fields are not present in the parent object at all. You cannot accidentally access them, even if you bypass TypeScript type checking.
+
+**2. Fewer Re-renders**
+
+Apollo Client's approach creates more efficient subscriptions:
+
+- **Without data masking**: Parent component subscribes to all fields (including masked ones). When a masked child field changes, the parent re-renders to pass that runtime data down the tree.
+- **With data masking**: Parent component only subscribes to its own unmasked fields. Subscriptions on masked fields happen lower in the React component tree when the child component calls `useSuspenseFragment`. When a masked field changes, only the child component that subscribed to it re-renders.
+
+### Example
+
+```tsx
+import { FragmentType } from "@apollo/client";
+import { useSuspenseQuery, useSuspenseFragment } from "@apollo/client/react";
+import { UserCard_UserFragmentDoc } from "./fragments.generated";
+
+function ParentComponent() {
+  const { data } = useSuspenseQuery(GET_USER);
+
+  // With Apollo Client data masking:
+  // - data.user only contains unmasked fields
+  // - Parent doesn't re-render when child-specific fields change
+
+  return <UserCard user={data.user} />;
+}
+
+function UserCard({
+  user,
+}: {
+  user: FragmentType<typeof UserCard_UserFragmentDoc>;
+}) {
+  // Creates a cache subscription specifically for UserCard_user fields
+  const { data } = useSuspenseFragment({
+    fragment: UserCard_UserFragmentDoc,
+    from: user,
+  });
+
+  // Only this component re-renders when these fields change
+  return <div>{data.name}</div>;
+}
+```
+
+This granular subscription approach improves performance in large applications with deeply nested component trees.
diff --git a/src/frontend/.claude/skills/apollo-client/references/integration-client.md b/src/frontend/.claude/skills/apollo-client/references/integration-client.md
new file mode 100644
index 00000000..6e359217
--- /dev/null
+++ b/src/frontend/.claude/skills/apollo-client/references/integration-client.md
@@ -0,0 +1,336 @@
+# Apollo Client Integration for Client-Side Apps
+
+This guide covers setting up Apollo Client in client-side React applications without server-side rendering (SSR). This includes applications using Vite, Parcel, Create React App, or other bundlers that don't implement SSR.
+
+For applications with SSR, use one of the framework-specific integration guides instead:
+
+- [Next.js App Router](integration-nextjs.md)
+- [React Router Framework Mode](integration-react-router.md)
+- [TanStack Start](integration-tanstack-start.md)
+
+## Installation
+
+```bash
+npm install @apollo/client graphql rxjs
+```
+
+## TypeScript Code Generation (optional but recommended)
+
+For type-safe GraphQL operations with TypeScript, see the [TypeScript Code Generation guide](typescript-codegen.md).
+
+## Setup Steps
+
+### Step 1: Create Client
+
+```typescript
+import { ApolloClient, InMemoryCache, HttpLink } from "@apollo/client";
+
+// Recommended: Use HttpOnly cookies for authentication
+const httpLink = new HttpLink({
+  uri: "https://your-graphql-endpoint.com/graphql",
+  credentials: "include", // Sends cookies with requests (secure when using HttpOnly cookies)
+});
+
+const client = new ApolloClient({
+  link: httpLink,
+  cache: new InMemoryCache(),
+});
+```
+
+If you need manual token management (less secure, only when HttpOnly cookies aren't available):
+
+```typescript
+import { ApolloClient, InMemoryCache, HttpLink } from "@apollo/client";
+import { SetContextLink } from "@apollo/client/link/context";
+
+const httpLink = new HttpLink({
+  uri: "https://your-graphql-endpoint.com/graphql",
+});
+
+const authLink = new SetContextLink(({ headers }) => {
+  const token = localStorage.getItem("token");
+  return {
+    headers: {
+      ...headers,
+      authorization: token ? `Bearer ${token}` : "",
+    },
+  };
+});
+
+const client = new ApolloClient({
+  link: authLink.concat(httpLink),
+  cache: new InMemoryCache(),
+});
+```
+
+### Step 2: Setup Provider
+
+```tsx
+import { ApolloProvider } from "@apollo/client";
+import App from "./App";
+
+function Root() {
+  return (
+    <ApolloProvider client={client}>
+      <App />
+    </ApolloProvider>
+  );
+}
+```
+
+### Step 3: Execute Query
+
+```tsx
+import { gql } from "@apollo/client";
+import { useQuery } from "@apollo/client/react";
+
+const GET_USERS = gql`
+  query GetUsers {
+    users {
+      id
+      name
+      email
+    }
+  }
+`;
+
+function UserList() {
+  const { loading, error, data, dataState } = useQuery(GET_USERS);
+
+  if (loading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error.message}</p>;
+
+  // TypeScript note: for stricter type narrowing, you can also check `dataState === "complete"` before accessing data
+  return (
+    <ul>{data?.users.map((user) => <li key={user.id}>{user.name}</li>)}</ul>
+  );
+}
+```
+
+## Basic Query Usage
+
+### Using Variables
+
+```tsx
+const GET_USER = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+      email
+    }
+  }
+`;
+
+function UserProfile({ userId }: { userId: string }) {
+  const { loading, error, data, dataState } = useQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  if (loading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error.message}</p>;
+
+  // TypeScript note: for stricter type narrowing, you can also check `dataState === "complete"` before accessing data
+  return <div>{data?.user.name}</div>;
+}
+```
+
+> **Note for TypeScript users**: Use [`dataState`](https://www.apollographql.com/docs/react/data/typescript#type-narrowing-data-with-datastate) for more robust type safety and better type narrowing in Apollo Client 4.x.
+
+### TypeScript Integration
+
+For complete examples with loading, error handling, and `dataState` for type narrowing, see [Basic Query Usage](#basic-query-usage) above.
+
+#### Usage with Generated Types
+
+For type-safe operations with code generation, see the [TypeScript Code Generation guide](typescript-codegen.md).
+
+Quick example:
+
+```typescript
+import { gql } from "@apollo/client";
+import { useQuery } from "@apollo/client/react";
+import { GetUserDocument } from "./queries.generated";
+
+// Define your query with the if (false) pattern for code generation
+if (false) {
+  gql`
+    query GetUser($id: ID!) {
+      user(id: $id) {
+        id
+        name
+        email
+      }
+    }
+  `;
+}
+
+function UserProfile({ userId }: { userId: string }) {
+  // Types are automatically inferred from GetUserDocument
+  const { data } = useQuery(GetUserDocument, {
+    variables: { id: userId },
+  });
+
+  return <div>{data.user.name}</div>;
+}
+```
+
+#### Usage with Manual Type Annotations
+
+If not using code generation, define types alongside your queries using `TypedDocumentNode`:
+
+```typescript
+import { gql, TypedDocumentNode } from "@apollo/client";
+import { useQuery } from "@apollo/client/react";
+
+interface GetUserData {
+  user: {
+    id: string;
+    name: string;
+    email: string;
+  };
+}
+
+interface GetUserVariables {
+  id: string;
+}
+
+// Types should always be defined via TypedDocumentNode alongside your queries/mutations, not at the useQuery/useMutation call site
+const GET_USER: TypedDocumentNode<GetUserData, GetUserVariables> = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+      email
+    }
+  }
+`;
+
+function UserProfile({ userId }: { userId: string }) {
+  const { data } = useQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  // data.user is automatically typed from GET_USER
+  return <div>{data.user.name}</div>;
+}
+```
+
+## Basic Mutation Usage
+
+```tsx
+import { gql, TypedDocumentNode } from "@apollo/client";
+import { useMutation } from "@apollo/client/react";
+
+interface CreateUserMutation {
+  createUser: {
+    id: string;
+    name: string;
+    email: string;
+  };
+}
+
+interface CreateUserMutationVariables {
+  input: {
+    name: string;
+    email: string;
+  };
+}
+
+const CREATE_USER: TypedDocumentNode<
+  CreateUserMutation,
+  CreateUserMutationVariables
+> = gql`
+  mutation CreateUser($input: CreateUserInput!) {
+    createUser(input: $input) {
+      id
+      name
+      email
+    }
+  }
+`;
+
+function CreateUserForm() {
+  const [createUser, { loading, error }] = useMutation(CREATE_USER);
+
+  const handleSubmit = async (formData: FormData) => {
+    const { data } = await createUser({
+      variables: {
+        input: {
+          name: formData.get("name") as string,
+          email: formData.get("email") as string,
+        },
+      },
+    });
+    if (data) {
+      console.log("Created user:", data.createUser);
+    }
+  };
+
+  return (
+    <form
+      onSubmit={(e) => {
+        e.preventDefault();
+        handleSubmit(new FormData(e.currentTarget));
+      }}
+    >
+      <input name="name" placeholder="Name" />
+      <input name="email" placeholder="Email" />
+      <button type="submit" disabled={loading}>
+        {loading ? "Creating..." : "Create User"}
+      </button>
+      {error && <p>Error: {error.message}</p>}
+    </form>
+  );
+}
+```
+
+## Client Configuration Options
+
+```typescript
+const client = new ApolloClient({
+  // Required: The cache implementation
+  cache: new InMemoryCache({
+    typePolicies: {
+      Query: {
+        fields: {
+          // Field-level cache configuration
+        },
+      },
+    },
+  }),
+
+  // Network layer
+  link: new HttpLink({ uri: "/graphql" }),
+
+  // Avoid defaultOptions if possible as they break TypeScript expectations.
+  // Configure options per-query/mutation instead for better type safety.
+  // defaultOptions: {
+  //   watchQuery: { fetchPolicy: 'cache-and-network' },
+  // },
+
+  // DevTools are enabled by default in development
+  // Only configure when enabling in production
+  devtools: {
+    enabled: true, // Only needed for production
+  },
+
+  // Custom name for this client instance
+  clientAwareness: {
+    name: "web-client",
+    version: "1.0.0",
+  },
+});
+```
+
+## Important Considerations
+
+1. **Choose Your Hook Strategy:** Decide if your application should be based on Suspense. If it is, use suspenseful hooks like `useSuspenseQuery` (see [Suspense Hooks guide](suspense-hooks.md)), otherwise use non-suspenseful hooks like `useQuery` (see [Queries guide](queries.md)).
+
+2. **Client-Side Only:** This setup is for client-side apps without SSR. The Apollo Client instance is created once and reused throughout the application lifecycle.
+
+3. **Authentication:** Prefer HttpOnly cookies with `credentials: "include"` in `HttpLink` options to avoid exposing tokens to JavaScript. If manual token management is necessary, use `SetContextLink` to dynamically add authentication headers from `localStorage` or other client-side storage.
+
+4. **Environment Variables:** Store your GraphQL endpoint URL in environment variables for different environments (development, staging, production).
+
+5. **Error Handling:** Always handle `loading` and `error` states when using `useQuery` or `useLazyQuery`. For Suspense-based hooks (`useSuspenseQuery`), React handles this through `<Suspense>` boundaries and error boundaries.
diff --git a/src/frontend/.claude/skills/apollo-client/references/integration-nextjs.md b/src/frontend/.claude/skills/apollo-client/references/integration-nextjs.md
new file mode 100644
index 00000000..118c24de
--- /dev/null
+++ b/src/frontend/.claude/skills/apollo-client/references/integration-nextjs.md
@@ -0,0 +1,325 @@
+# Apollo Client Integration with Next.js App Router
+
+This guide covers integrating Apollo Client in a Next.js application using the App Router architecture with support for both React Server Components (RSC) and Client Components.
+
+## What is supported?
+
+### React Server Components
+
+Apollo Client provides a shared client instance across all server components for a single request, preventing duplicate GraphQL requests and optimizing server-side rendering.
+
+### React Client Components
+
+When using the `app` directory, client components are rendered both on the server (SSR) and in the browser. Apollo Client enables you to execute GraphQL queries on the server and use the results to hydrate your browser-side cache, delivering fully-rendered pages to users.
+
+## Installation
+
+Install Apollo Client and the Next.js integration package:
+
+```bash
+npm install @apollo/client@latest @apollo/client-integration-nextjs graphql rxjs
+```
+
+> **TypeScript users:** For type-safe GraphQL operations, see the [TypeScript Code Generation guide](typescript-codegen.md).
+
+## Setup for React Server Components (RSC)
+
+### Step 1: Create Apollo Client Configuration
+
+Create an `ApolloClient.ts` file in your app directory:
+
+```typescript
+import { HttpLink } from "@apollo/client";
+import {
+  registerApolloClient,
+  ApolloClient,
+  InMemoryCache,
+} from "@apollo/client-integration-nextjs";
+
+export const { getClient, query, PreloadQuery } = registerApolloClient(() => {
+  return new ApolloClient({
+    cache: new InMemoryCache(),
+    link: new HttpLink({
+      // Use an absolute URL for SSR (relative URLs cannot be used in SSR)
+      uri: "https://your-api.com/graphql",
+      fetchOptions: {
+        // Optional: Next.js-specific fetch options for caching and revalidation
+        // See: https://nextjs.org/docs/app/api-reference/functions/fetch
+      },
+    }),
+  });
+});
+```
+
+### Step 2: Use in Server Components
+
+You can now use the `getClient` function or the `query` shortcut in your server components:
+
+```typescript
+import { query } from "./ApolloClient";
+
+async function UserProfile({ userId }: { userId: string }) {
+  const { data } = await query({
+    query: GET_USER,
+    variables: { id: userId },
+  });
+
+  return <div>{data.user.name}</div>;
+}
+```
+
+### Override Next.js Fetch Options
+
+You can override Next.js-specific `fetch` options per query using `context.fetchOptions`:
+
+```typescript
+const { data } = await getClient().query({
+  query: GET_USER,
+  context: {
+    fetchOptions: {
+      next: { revalidate: 60 }, // Revalidate every 60 seconds
+    },
+  },
+});
+```
+
+## Setup for Client Components (SSR and Browser)
+
+### Step 1: Create Apollo Wrapper Component
+
+Create `app/ApolloWrapper.tsx`:
+
+```typescript
+"use client";
+
+import { HttpLink } from "@apollo/client";
+import {
+  ApolloNextAppProvider,
+  ApolloClient,
+  InMemoryCache,
+} from "@apollo/client-integration-nextjs";
+
+function makeClient() {
+  const httpLink = new HttpLink({
+    // Use an absolute URL for SSR
+    uri: "https://your-api.com/graphql",
+    fetchOptions: {
+      // Optional: Next.js-specific fetch options
+      // Note: This doesn't work with `export const dynamic = "force-static"`
+    },
+  });
+
+  return new ApolloClient({
+    cache: new InMemoryCache(),
+    link: httpLink,
+  });
+}
+
+export function ApolloWrapper({ children }: React.PropsWithChildren) {
+  return (
+    <ApolloNextAppProvider makeClient={makeClient}>
+      {children}
+    </ApolloNextAppProvider>
+  );
+}
+```
+
+### Step 2: Wrap Root Layout
+
+Wrap your `RootLayout` in the `ApolloWrapper` component in `app/layout.tsx`:
+
+```typescript
+import { ApolloWrapper } from "./ApolloWrapper";
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>
+        <ApolloWrapper>{children}</ApolloWrapper>
+      </body>
+    </html>
+  );
+}
+```
+
+> **Note:** This works even if your layout is a React Server Component. It ensures all Client Components share the same Apollo Client instance through `ApolloNextAppProvider`.
+
+### Step 3: Use Apollo Client Hooks in Client Components
+
+For optimal streaming SSR, use suspense-enabled hooks like `useSuspenseQuery` and `useFragment`:
+
+```typescript
+"use client";
+
+import { useSuspenseQuery } from "@apollo/client/react";
+
+export function UserProfile({ userId }: { userId: string }) {
+  const { data } = useSuspenseQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  return <div>{data.user.name}</div>;
+}
+```
+
+## Preloading Data from RSC to Client Components
+
+You can preload data in React Server Components to populate the cache of your Client Components.
+
+### Step 1: Use PreloadQuery in Server Components
+
+```tsx
+import { PreloadQuery } from "./ApolloClient";
+import { Suspense } from "react";
+
+export default async function Page() {
+  return (
+    <PreloadQuery query={GET_USER} variables={{ id: "1" }}>
+      <Suspense fallback={<>Loading...</>}>
+        <ClientChild />
+      </Suspense>
+    </PreloadQuery>
+  );
+}
+```
+
+### Step 2: Consume with useSuspenseQuery in Client Components
+
+```tsx
+"use client";
+
+import { useSuspenseQuery } from "@apollo/client/react";
+
+export function ClientChild() {
+  const { data } = useSuspenseQuery(GET_USER, {
+    variables: { id: "1" },
+  });
+
+  return <div>{data.user.name}</div>;
+}
+```
+
+> **Important:** Data fetched this way should be considered client data and never referenced in Server Components. `PreloadQuery` prevents mixing server data and client data by creating a separate `ApolloClient` instance.
+
+### Using with useReadQuery
+
+For advanced use cases, you can use `PreloadQuery` with `useReadQuery` to avoid request waterfalls:
+
+```tsx
+<PreloadQuery query={GET_USER} variables={{ id: "1" }}>
+  {(queryRef) => (
+    <Suspense fallback={<>Loading...</>}>
+      <ClientChild queryRef={queryRef} />
+    </Suspense>
+  )}
+</PreloadQuery>
+```
+
+In your Client Component:
+
+```tsx
+"use client";
+
+import {
+  useQueryRefHandlers,
+  useReadQuery,
+  QueryRef,
+} from "@apollo/client/react";
+
+export function ClientChild({ queryRef }: { queryRef: QueryRef<TQueryData> }) {
+  const { refetch } = useQueryRefHandlers(queryRef);
+  const { data } = useReadQuery(queryRef);
+
+  return <div>{data.user.name}</div>;
+}
+```
+
+## Handling Multipart Responses (@defer) in SSR
+
+When using the `@defer` directive, `useSuspenseQuery` will only suspend until the initial response is received. To handle deferred data properly, you have three strategies:
+
+### Strategy 1: Use PreloadQuery with useReadQuery
+
+`PreloadQuery` allows deferred data to be fully transported and streamed chunk-by-chunk.
+
+### Strategy 2: Remove @defer Fragments
+
+Use `RemoveMultipartDirectivesLink` to strip `@defer` directives from queries during SSR:
+
+```typescript
+import { RemoveMultipartDirectivesLink } from "@apollo/client-integration-nextjs";
+
+new RemoveMultipartDirectivesLink({
+  stripDefer: true, // Default: true
+});
+```
+
+You can exclude specific fragments from stripping by labeling them:
+
+```graphql
+query myQuery {
+  fastField
+  ... @defer(label: "SsrDontStrip1") {
+    slowField1
+  }
+}
+```
+
+### Strategy 3: Wait for Deferred Data
+
+Use `AccumulateMultipartResponsesLink` to debounce the initial response:
+
+```typescript
+import { AccumulateMultipartResponsesLink } from "@apollo/client-integration-nextjs";
+
+new AccumulateMultipartResponsesLink({
+  cutoffDelay: 100, // Wait up to 100ms for incremental data
+});
+```
+
+### Combined Approach: SSRMultipartLink
+
+Combine both strategies with `SSRMultipartLink`:
+
+```typescript
+import { SSRMultipartLink } from "@apollo/client-integration-nextjs";
+
+new SSRMultipartLink({
+  stripDefer: true,
+  cutoffDelay: 100,
+});
+```
+
+## Testing
+
+Reset singleton instances between tests using the `resetApolloClientSingletons` helper:
+
+```typescript
+import { resetApolloClientSingletons } from "@apollo/client-integration-nextjs";
+
+afterEach(resetApolloClientSingletons);
+```
+
+## Debugging
+
+Enable verbose logging in your `app/ApolloWrapper.tsx`:
+
+```typescript
+import { setLogVerbosity } from "@apollo/client";
+
+setLogVerbosity("debug");
+```
+
+## Important Considerations
+
+1. **Separate RSC and SSR Queries:** Avoid overlapping queries between RSC and SSR. RSC queries don't update in the browser, while SSR queries can update dynamically as the cache changes.
+
+2. **Use Absolute URLs:** Always use absolute URLs in `HttpLink` for SSR, as relative URLs cannot be used in server-side rendering.
+
+3. **Streaming SSR:** For optimal performance, use `useSuspenseQuery` and `useFragment` to take advantage of React 18's streaming SSR capabilities.
+
+4. **Suspense Boundaries:** Place `Suspense` boundaries at meaningful places in your UI for the best user experience.
diff --git a/src/frontend/.claude/skills/apollo-client/references/integration-react-router.md b/src/frontend/.claude/skills/apollo-client/references/integration-react-router.md
new file mode 100644
index 00000000..741205bf
--- /dev/null
+++ b/src/frontend/.claude/skills/apollo-client/references/integration-react-router.md
@@ -0,0 +1,256 @@
+# Apollo Client Integration with React Router Framework Mode
+
+This guide covers integrating Apollo Client in a React Router 7 application with support for modern streaming SSR.
+
+## Installation
+
+Install Apollo Client and the React Router integration package:
+
+```bash
+npm install @apollo/client-integration-react-router @apollo/client graphql rxjs
+```
+
+> **TypeScript users:** For type-safe GraphQL operations, see the [TypeScript Code Generation guide](typescript-codegen.md).
+
+## Setup
+
+### Step 1: Create Apollo Configuration
+
+Create an `app/apollo.ts` file that exports a `makeClient` function and an `apolloLoader`:
+
+```typescript
+import { HttpLink, InMemoryCache } from "@apollo/client";
+import {
+  createApolloLoaderHandler,
+  ApolloClient,
+} from "@apollo/client-integration-react-router";
+
+// `request` will be available on the server during SSR or in loaders, but not in the browser
+export const makeClient = (request?: Request) => {
+  return new ApolloClient({
+    cache: new InMemoryCache(),
+    link: new HttpLink({ uri: "https://your-graphql-endpoint.com/graphql" }),
+  });
+};
+
+export const apolloLoader = createApolloLoaderHandler(makeClient);
+```
+
+> **Important:** `ApolloClient` must be imported from `@apollo/client-integration-react-router`, not from `@apollo/client`.
+
+### Step 2: Reveal Entry Files
+
+Run the following command to create the entry files if they don't exist:
+
+```bash
+npx react-router reveal
+```
+
+This will create `app/entry.client.tsx` and `app/entry.server.tsx`.
+
+### Step 3: Configure Client Entry
+
+Adjust `app/entry.client.tsx` to wrap your app in `ApolloProvider`:
+
+```typescript
+import { makeClient } from "./apollo";
+import { ApolloProvider } from "@apollo/client";
+import { StrictMode, startTransition } from "react";
+import { hydrateRoot } from "react-dom/client";
+import { HydratedRouter } from "react-router/dom";
+
+startTransition(() => {
+  const client = makeClient();
+  hydrateRoot(
+    document,
+    <StrictMode>
+      <ApolloProvider client={client}>
+        <HydratedRouter />
+      </ApolloProvider>
+    </StrictMode>
+  );
+});
+```
+
+### Step 4: Configure Server Entry
+
+Adjust `app/entry.server.tsx` to wrap your app in `ApolloProvider` during SSR:
+
+```typescript
+import { makeClient } from "./apollo";
+import { ApolloProvider } from "@apollo/client";
+// ... other imports
+
+export default function handleRequest(
+  request: Request,
+  responseStatusCode: number,
+  responseHeaders: Headers,
+  routerContext: EntryContext
+) {
+  return new Promise((resolve, reject) => {
+    // ... existing code
+
+    const client = makeClient(request);
+
+    const { pipe, abort } = renderToPipeableStream(
+      <ApolloProvider client={client}>
+        <ServerRouter
+          context={routerContext}
+          url={request.url}
+          abortDelay={ABORT_DELAY}
+        />
+      </ApolloProvider>,
+      {
+        [readyOption]() {
+          shellRendered = true;
+          // ... rest of the handler
+        },
+        // ... other options
+      }
+    );
+  });
+}
+```
+
+### Step 5: Add Hydration Helper
+
+Add `<ApolloHydrationHelper>` to `app/root.tsx`:
+
+```typescript
+import { ApolloHydrationHelper } from "@apollo/client-integration-react-router";
+import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
+
+export function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <ApolloHydrationHelper>{children}</ApolloHydrationHelper>
+        <ScrollRestoration />
+        <Scripts />
+      </body>
+    </html>
+  );
+}
+
+export default function App() {
+  return <Outlet />;
+}
+```
+
+## Usage
+
+### Using apolloLoader with useReadQuery
+
+You can now use the `apolloLoader` function to create Apollo-enabled loaders for your routes:
+
+```typescript
+import { gql } from "@apollo/client";
+import { useReadQuery } from "@apollo/client/react";
+import { useLoaderData } from "react-router";
+import type { Route } from "./+types/my-route";
+import type { TypedDocumentNode } from "@apollo/client";
+import { apolloLoader } from "./apollo";
+
+// TypedDocumentNode definition with types
+const GET_USER: TypedDocumentNode<
+  { user: { id: string; name: string; email: string } },
+  { id: string }
+> = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+      email
+    }
+  }
+`;
+
+export const loader = apolloLoader<Route.LoaderArgs>()(({ preloadQuery }) => {
+  const userQueryRef = preloadQuery(GET_USER, {
+    variables: { id: "1" },
+  });
+
+  return {
+    userQueryRef,
+  };
+});
+
+export default function UserPage() {
+  const { userQueryRef } = useLoaderData<typeof loader>();
+  const { data } = useReadQuery(userQueryRef);
+
+  return (
+    <div>
+      <h1>{data.user.name}</h1>
+      <p>{data.user.email}</p>
+    </div>
+  );
+}
+```
+
+> **Important:** To provide better TypeScript support, `apolloLoader` is a method that you need to call twice: `apolloLoader<LoaderArgs>()(loader)`
+
+### Multiple Queries in a Loader
+
+You can preload multiple queries in a single loader:
+
+```typescript
+import { gql } from "@apollo/client";
+import { useReadQuery } from "@apollo/client/react";
+import { useLoaderData } from "react-router";
+import type { Route } from "./+types/my-route";
+import { apolloLoader } from "./apollo";
+
+// TypedDocumentNode definitions omitted for brevity
+
+export const loader = apolloLoader<Route.LoaderArgs>()(({ preloadQuery }) => {
+  const userQueryRef = preloadQuery(GET_USER, {
+    variables: { id: "1" },
+  });
+
+  const postsQueryRef = preloadQuery(GET_POSTS, {
+    variables: { userId: "1" },
+  });
+
+  return {
+    userQueryRef,
+    postsQueryRef,
+  };
+});
+
+export default function UserPage() {
+  const { userQueryRef, postsQueryRef } = useLoaderData<typeof loader>();
+  const { data: userData } = useReadQuery(userQueryRef);
+  const { data: postsData } = useReadQuery(postsQueryRef);
+
+  return (
+    <div>
+      <h1>{userData.user.name}</h1>
+      <h2>Posts</h2>
+      <ul>
+        {postsData.posts.map((post) => (
+          <li key={post.id}>{post.title}</li>
+        ))}
+      </ul>
+    </div>
+  );
+}
+```
+
+## Important Considerations
+
+1. **Import ApolloClient from Integration Package:** Always import `ApolloClient` from `@apollo/client-integration-react-router`, not from `@apollo/client`, to ensure proper SSR hydration.
+
+2. **TypeScript Support:** The `apolloLoader` function requires double invocation for proper TypeScript type inference: `apolloLoader<LoaderArgs>()(loader)`.
+
+3. **Request Context:** The `makeClient` function receives the `Request` object during SSR and in loaders, but not in the browser. Use this to set up auth headers or other request-specific configuration.
+
+4. **Streaming SSR:** The integration fully supports React's streaming SSR capabilities. Place `Suspense` boundaries strategically for optimal user experience.
+
+5. **Cache Hydration:** The `ApolloHydrationHelper` component ensures that data loaded on the server is properly hydrated on the client, preventing unnecessary refetches.
diff --git a/src/frontend/.claude/skills/apollo-client/references/integration-tanstack-start.md b/src/frontend/.claude/skills/apollo-client/references/integration-tanstack-start.md
new file mode 100644
index 00000000..0294e393
--- /dev/null
+++ b/src/frontend/.claude/skills/apollo-client/references/integration-tanstack-start.md
@@ -0,0 +1,378 @@
+# Apollo Client Integration with TanStack Start
+
+This guide covers integrating Apollo Client in a TanStack Start application with support for modern streaming SSR.
+
+> **Note:** When using `npx create-tsrouter-app` to create a new TanStack Start application, you can choose Apollo Client in the setup wizard to have all of this configuration automatically set up for you.
+
+## Installation
+
+Install Apollo Client and the TanStack Start integration package:
+
+```bash
+npm install @apollo/client-integration-tanstack-start @apollo/client graphql rxjs
+```
+
+> **TypeScript users:** For type-safe GraphQL operations, see the [TypeScript Code Generation guide](typescript-codegen.md).
+
+## Setup
+
+### Step 1: Configure Root Route with Context
+
+In your `routes/__root.tsx`, change from `createRootRoute` to `createRootRouteWithContext` to provide the right context type:
+
+```typescript
+import type { ApolloClientIntegration } from "@apollo/client-integration-tanstack-start";
+import {
+  createRootRouteWithContext,
+  Outlet,
+} from "@tanstack/react-router";
+
+export const Route = createRootRouteWithContext<ApolloClientIntegration.RouterContext>()({
+  component: RootComponent,
+});
+
+function RootComponent() {
+  return (
+    <html>
+      <head>
+        <meta charSet="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>My App</title>
+      </head>
+      <body>
+        <Outlet />
+      </body>
+    </html>
+  );
+}
+```
+
+### Step 2: Set Up Apollo Client in Router
+
+In your `router.tsx`, set up your Apollo Client instance and run `routerWithApolloClient`:
+
+```typescript
+import {
+  routerWithApolloClient,
+  ApolloClient,
+  InMemoryCache,
+} from "@apollo/client-integration-tanstack-start";
+import { HttpLink } from "@apollo/client";
+import { createRouter } from "@tanstack/react-router";
+import { routeTree } from "./routeTree.gen";
+
+export function getRouter() {
+  const apolloClient = new ApolloClient({
+    cache: new InMemoryCache(),
+    link: new HttpLink({ uri: "https://your-graphql-endpoint.com/graphql" }),
+  });
+
+  const router = createRouter({
+    routeTree,
+    context: {
+      ...routerWithApolloClient.defaultContext,
+    },
+  });
+
+  return routerWithApolloClient(router, apolloClient);
+}
+```
+
+> **Important:** `ApolloClient` and `InMemoryCache` must be imported from `@apollo/client-integration-tanstack-start`, not from `@apollo/client`.
+
+## Usage
+
+### Option 1: Loader with preloadQuery and useReadQuery
+
+Use the `preloadQuery` function in your route loader to preload data during navigation:
+
+```typescript
+import { gql } from "@apollo/client";
+import { useReadQuery } from "@apollo/client/react";
+import { createFileRoute } from "@tanstack/react-router";
+import type { TypedDocumentNode } from "@apollo/client";
+
+// TypedDocumentNode definition with types
+const GET_USER: TypedDocumentNode<
+  { user: { id: string; name: string; email: string } },
+  { id: string }
+> = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+      email
+    }
+  }
+`;
+
+export const Route = createFileRoute("/user/$userId")({
+  component: RouteComponent,
+  loader: ({ context: { preloadQuery }, params }) => {
+    const queryRef = preloadQuery(GET_USER, {
+      variables: { id: params.userId },
+    });
+
+    return {
+      queryRef,
+    };
+  },
+});
+
+function RouteComponent() {
+  const { queryRef } = Route.useLoaderData();
+  const { data } = useReadQuery(queryRef);
+
+  return (
+    <div>
+      <h1>{data.user.name}</h1>
+      <p>{data.user.email}</p>
+    </div>
+  );
+}
+```
+
+### Option 2: Direct useSuspenseQuery in Component
+
+You can also use Apollo Client's suspenseful hooks directly in your component without a loader:
+
+```typescript
+import { gql } from "@apollo/client";
+import { useSuspenseQuery } from "@apollo/client/react";
+import { createFileRoute } from "@tanstack/react-router";
+import type { TypedDocumentNode } from "@apollo/client";
+
+// TypedDocumentNode definition with types
+const GET_POSTS: TypedDocumentNode<{
+  posts: Array<{ id: string; title: string; content: string }>;
+}> = gql`
+  query GetPosts {
+    posts {
+      id
+      title
+      content
+    }
+  }
+`;
+
+export const Route = createFileRoute("/posts")({
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  const { data } = useSuspenseQuery(GET_POSTS);
+
+  return (
+    <div>
+      <h1>Posts</h1>
+      <ul>
+        {data.posts.map((post) => (
+          <li key={post.id}>
+            <h2>{post.title}</h2>
+            <p>{post.content}</p>
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}
+```
+
+### Multiple Queries in a Loader
+
+You can preload multiple queries in a single loader:
+
+```typescript
+import { gql } from "@apollo/client";
+import { useReadQuery } from "@apollo/client/react";
+import { createFileRoute } from "@tanstack/react-router";
+
+// TypedDocumentNode definitions omitted for brevity
+
+export const Route = createFileRoute("/dashboard")({
+  component: RouteComponent,
+  loader: ({ context: { preloadQuery } }) => {
+    const userQueryRef = preloadQuery(GET_USER, {
+      variables: { id: "current" },
+    });
+
+    const statsQueryRef = preloadQuery(GET_STATS, {
+      variables: { period: "month" },
+    });
+
+    return {
+      userQueryRef,
+      statsQueryRef,
+    };
+  },
+});
+
+function RouteComponent() {
+  const { userQueryRef, statsQueryRef } = Route.useLoaderData();
+  const { data: userData } = useReadQuery(userQueryRef);
+  const { data: statsData } = useReadQuery(statsQueryRef);
+
+  return (
+    <div>
+      <h1>Welcome, {userData.user.name}</h1>
+      <div>
+        <h2>Monthly Stats</h2>
+        <p>Views: {statsData.stats.views}</p>
+        <p>Clicks: {statsData.stats.clicks}</p>
+      </div>
+    </div>
+  );
+}
+```
+
+### Using useQueryRefHandlers for Refetching
+
+When using `useReadQuery`, you can get refetch functionality from `useQueryRefHandlers`:
+
+> **Important:** Always call `useQueryRefHandlers` before `useReadQuery`. These two hooks interact with the same `queryRef`, and calling them in the wrong order could cause subtle bugs.
+
+```typescript
+import { useReadQuery, useQueryRefHandlers, QueryRef } from "@apollo/client/react";
+
+function UserComponent({ queryRef }: { queryRef: QueryRef<GetUserQuery> }) {
+  const { refetch } = useQueryRefHandlers(queryRef);
+  const { data } = useReadQuery(queryRef);
+
+  return (
+    <div>
+      <h1>{data.user.name}</h1>
+      <button onClick={() => refetch()}>Refresh</button>
+    </div>
+  );
+}
+```
+
+## Important Considerations
+
+1. **Import from Integration Package:** Always import `ApolloClient` and `InMemoryCache` from `@apollo/client-integration-tanstack-start`, not from `@apollo/client`, to ensure proper SSR hydration.
+
+2. **Context Type:** Use `createRootRouteWithContext<ApolloClientIntegration.RouterContext>()` to provide proper TypeScript types for the `preloadQuery` function in loaders.
+
+3. **Loader vs Component Queries:**
+
+   - Use `preloadQuery` in loaders when you want to start fetching data before the component renders
+   - Use `useSuspenseQuery` directly in components for simpler cases or when data fetching can wait until render
+
+4. **Streaming SSR:** The integration fully supports React's streaming SSR capabilities. Place `Suspense` boundaries strategically for optimal user experience.
+
+5. **Cache Management:** The Apollo Client instance is shared across all routes, so cache updates from one route will be reflected in all routes that use the same data.
+
+6. **Authentication:** Use Apollo Client's `SetContextLink` for dynamic auth tokens.
+
+## Advanced Configuration
+
+### Adding Authentication
+
+For authentication in TanStack Start with SSR support, you need to handle both server and client environments differently. Use `createIsomorphicFn` to provide environment-specific implementations:
+
+```typescript
+import {
+  ApolloClient,
+  InMemoryCache,
+  routerWithApolloClient,
+} from "@apollo/client-integration-tanstack-start";
+import { ApolloLink, HttpLink } from "@apollo/client";
+import { SetContextLink } from "@apollo/client/link/context";
+import { createIsomorphicFn } from "@tanstack/react-start";
+import { createRouter } from "@tanstack/react-router";
+import { getSession, getCookie } from "@tanstack/react-start/server";
+import { routeTree } from "./routeTree.gen";
+
+// Create isomorphic link that uses different implementations per environment
+const createAuthLink = createIsomorphicFn()
+  .server(() => {
+    // Server-only: Can access server-side functions like `getCookies`, `getCookie`, `getSession`, etc. exported from `"@tanstack/react-start/server"`
+    return new SetContextLink(async (prevContext) => {
+      return {
+        headers: {
+          ...prevContext.headers,
+          authorization: getCookie("Authorization"),
+        },
+      };
+    });
+  })
+  .client(() => {
+    // Client-only: Can access `localStorage` or other browser APIs
+    return new SetContextLink((prevContext) => {
+      return {
+        headers: {
+          ...prevContext.headers,
+          authorization: localStorage.getItem("authToken") ?? "",
+        },
+      };
+    });
+  });
+
+export function getRouter() {
+  const httpLink = new HttpLink({
+    uri: "https://your-graphql-endpoint.com/graphql",
+  });
+
+  const apolloClient = new ApolloClient({
+    cache: new InMemoryCache(),
+    link: ApolloLink.from([createAuthLink(), httpLink]),
+  });
+
+  const router = createRouter({
+    routeTree,
+    context: {
+      ...routerWithApolloClient.defaultContext,
+    },
+  });
+
+  return routerWithApolloClient(router, apolloClient);
+}
+```
+
+> **Important:** The `getRouter` function is called both on the server and client, so it must not contain environment-specific code. Use `createIsomorphicFn` to provide different implementations:
+>
+> - **Server:** Can access server-only functions like `getSession`, `getCookies`, `getCookie` from `@tanstack/react-start/server` to access authentication information in request or session data
+> - **Client:** Can use `localStorage` or other browser APIs to access auth tokens (if setting `credentials: "include"` is sufficient, try to prefer that over manually setting auth headers client-side)
+>
+> This ensures your authentication works correctly in both SSR and browser contexts.
+
+### Custom Cache Configuration
+
+```typescript
+import {
+  ApolloClient,
+  InMemoryCache,
+} from "@apollo/client-integration-tanstack-start";
+import { HttpLink } from "@apollo/client";
+import { createRouter } from "@tanstack/react-router";
+import { routeTree } from "./routeTree.gen";
+import { routerWithApolloClient } from "@apollo/client-integration-tanstack-start";
+
+export function getRouter() {
+  const apolloClient = new ApolloClient({
+    cache: new InMemoryCache({
+      typePolicies: {
+        Query: {
+          fields: {
+            posts: {
+              merge(existing = [], incoming) {
+                return [...existing, ...incoming];
+              },
+            },
+          },
+        },
+      },
+    }),
+    link: new HttpLink({ uri: "https://your-graphql-endpoint.com/graphql" }),
+  });
+
+  const router = createRouter({
+    routeTree,
+    context: {
+      ...routerWithApolloClient.defaultContext,
+    },
+  });
+
+  return routerWithApolloClient(router, apolloClient);
+}
+```
diff --git a/src/frontend/.claude/skills/apollo-client/references/mutations.md b/src/frontend/.claude/skills/apollo-client/references/mutations.md
new file mode 100644
index 00000000..3ea3c4c7
--- /dev/null
+++ b/src/frontend/.claude/skills/apollo-client/references/mutations.md
@@ -0,0 +1,549 @@
+# Mutations Reference
+
+## Table of Contents
+
+- [useMutation Hook](#usemutation-hook)
+- [Mutation Variables](#mutation-variables)
+- [Loading and Error States](#loading-and-error-states)
+- [Optimistic UI](#optimistic-ui)
+- [Cache Updates](#cache-updates)
+- [Refetch Queries](#refetch-queries)
+- [Error Handling](#error-handling)
+
+## useMutation Hook
+
+The `useMutation` hook is used to execute GraphQL mutations.
+
+### Basic Usage
+
+```tsx
+import { gql } from "@apollo/client";
+import { useMutation } from "@apollo/client/react";
+
+const ADD_TODO = gql`
+  mutation AddTodo($text: String!) {
+    addTodo(text: $text) {
+      id
+      text
+      completed
+    }
+  }
+`;
+
+function AddTodo() {
+  const [addTodo, { data, loading, error }] = useMutation(ADD_TODO);
+
+  return (
+    <form
+      onSubmit={(e) => {
+        e.preventDefault();
+        const form = e.currentTarget;
+        const text = new FormData(form).get("text") as string;
+        addTodo({ variables: { text } });
+        form.reset();
+      }}
+    >
+      <input name="text" placeholder="Add todo" />
+      <button type="submit" disabled={loading}>
+        Add
+      </button>
+      {error && <p>Error: {error.message}</p>}
+    </form>
+  );
+}
+```
+
+### Return Tuple
+
+```typescript
+const [
+  mutateFunction, // Function to call to execute mutation
+  {
+    data, // Mutation result data
+    loading, // True while mutation is in flight
+    error, // ApolloError if mutation failed
+    called, // True if mutation has been called
+    reset, // Reset mutation state
+    client, // Apollo Client instance
+  },
+] = useMutation(MUTATION);
+```
+
+## Mutation Variables
+
+### Variables in Options
+
+```tsx
+const [createUser] = useMutation(CREATE_USER, {
+  variables: {
+    input: {
+      name: "Default User",
+      email: "default@example.com",
+    },
+  },
+});
+
+// Call with default variables
+await createUser();
+
+// Override variables
+await createUser({
+  variables: {
+    input: {
+      name: "Custom User",
+      email: "custom@example.com",
+    },
+  },
+});
+```
+
+### TypeScript Types
+
+Use `TypedDocumentNode` instead of generic type parameters:
+
+```typescript
+import { gql, TypedDocumentNode } from "@apollo/client";
+
+interface CreateUserData {
+  createUser: {
+    id: string;
+    name: string;
+    email: string;
+  };
+}
+
+interface CreateUserVariables {
+  input: {
+    name: string;
+    email: string;
+  };
+}
+
+const CREATE_USER: TypedDocumentNode<CreateUserData, CreateUserVariables> = gql`
+  mutation CreateUser($input: CreateUserInput!) {
+    createUser(input: $input) {
+      id
+      name
+      email
+    }
+  }
+`;
+
+const [createUser, { data, loading }] = useMutation(CREATE_USER);
+
+const { data } = await createUser({
+  variables: {
+    input: { name: "John", email: "john@example.com" },
+  },
+});
+
+// data.createUser is fully typed
+```
+
+## Loading and Error States
+
+### Handling in UI
+
+```tsx
+function CreatePost() {
+  const [createPost, { loading, error, data, reset }] =
+    useMutation(CREATE_POST);
+
+  if (data) {
+    return (
+      <div>
+        <p>Post created: {data.createPost.title}</p>
+        <button onClick={reset}>Create another</button>
+      </div>
+    );
+  }
+
+  return (
+    <form onSubmit={handleSubmit}>
+      <input name="title" disabled={loading} />
+      <textarea name="content" disabled={loading} />
+      <button type="submit" disabled={loading}>
+        {loading ? "Creating..." : "Create Post"}
+      </button>
+      {error && (
+        <div className="error">
+          <p>Failed to create post: {error.message}</p>
+          <button onClick={reset}>Try again</button>
+        </div>
+      )}
+    </form>
+  );
+}
+```
+
+### Async/Await Pattern
+
+If you only need the promise without using the hook's loading/data state, use `client.mutate` instead:
+
+```tsx
+import { useApolloClient } from "@apollo/client/react";
+
+function CreatePost() {
+  const client = useApolloClient();
+
+  async function handleSubmit(formData: FormData) {
+    try {
+      const { data } = await client.mutate({
+        mutation: CREATE_POST,
+        variables: {
+          input: {
+            title: formData.get("title"),
+            content: formData.get("content"),
+          },
+        },
+      });
+      console.log("Created:", data.createPost);
+      router.push(`/posts/${data.createPost.id}`);
+    } catch (error) {
+      console.error("Failed to create post:", error);
+    }
+  }
+
+  return (
+    <form
+      onSubmit={(e) => {
+        e.preventDefault();
+        handleSubmit(new FormData(e.currentTarget));
+      }}
+    >
+      ...
+    </form>
+  );
+}
+```
+
+If you do use the hook's state, e.g. because you want to render the `loading` state, errors or returned `data`, you can also use the `useMutation` hook with `async..await` in your handler:
+
+```tsx
+function CreatePost() {
+  const [createPost, { loading }] = useMutation(CREATE_POST);
+
+  async function handleSubmit(formData: FormData) {
+    try {
+      const { data } = await createPost({
+        variables: {
+          input: {
+            title: formData.get("title"),
+            content: formData.get("content"),
+          },
+        },
+      });
+      console.log("Created:", data.createPost);
+      router.push(`/posts/${data.createPost.id}`);
+    } catch (error) {
+      console.error("Failed to create post:", error);
+    }
+  }
+
+  return (
+    <form
+      onSubmit={(e) => {
+        e.preventDefault();
+        handleSubmit(new FormData(e.currentTarget));
+      }}
+    >
+      <button type="submit" disabled={loading}>
+        {loading ? "Creating..." : "Create Post"}
+      </button>
+    </form>
+  );
+}
+```
+
+## Optimistic UI
+
+Optimistic UI immediately reflects the expected result of a mutation before the server responds.
+
+### Basic Optimistic Response
+
+**Important**: `optimisticResponse` needs to be a full valid response for the mutation. A partial result might result in subtle errors.
+
+```tsx
+const [addTodo] = useMutation(ADD_TODO, {
+  optimisticResponse: {
+    addTodo: {
+      __typename: "Todo",
+      id: "temp-id",
+      text: "New todo",
+      completed: false,
+    },
+  },
+});
+```
+
+### Dynamic Optimistic Response
+
+```tsx
+function TodoList() {
+  const [addTodo] = useMutation(ADD_TODO);
+
+  const handleAdd = (text: string) => {
+    addTodo({
+      variables: { text },
+      optimisticResponse: {
+        addTodo: {
+          __typename: "Todo",
+          id: `temp-${Date.now()}`,
+          text,
+          completed: false,
+        },
+      },
+    });
+  };
+
+  return <AddTodoForm onAdd={handleAdd} />;
+}
+```
+
+### Optimistic Response with Cache Update
+
+```tsx
+const [toggleTodo] = useMutation(TOGGLE_TODO, {
+  optimisticResponse: ({ id }) => ({
+    toggleTodo: {
+      __typename: "Todo",
+      id,
+      completed: true, // Assume success
+    },
+  }),
+  update: (cache, { data }) => {
+    // This runs twice: once with optimistic data, once with server data
+    cache.modify({
+      id: cache.identify(data.toggleTodo),
+      fields: {
+        completed: () => data.toggleTodo.completed,
+      },
+    });
+  },
+});
+```
+
+## Cache Updates
+
+### Using update Function
+
+```tsx
+const [addTodo] = useMutation(ADD_TODO, {
+  update: (cache, { data }) => {
+    // Read existing todos from cache
+    const existingTodos = cache.readQuery<{ todos: Todo[] }>({
+      query: GET_TODOS,
+    });
+
+    // Write updated list back to cache
+    cache.writeQuery({
+      query: GET_TODOS,
+      data: {
+        todos: [...(existingTodos?.todos ?? []), data.addTodo],
+      },
+    });
+  },
+});
+```
+
+### cache.modify
+
+```tsx
+const [deleteTodo] = useMutation(DELETE_TODO, {
+  update: (cache, { data }) => {
+    cache.modify({
+      fields: {
+        todos: (existingTodos: Reference[], { readField }) => {
+          return existingTodos.filter(
+            (todoRef) => readField("id", todoRef) !== data.deleteTodo.id
+          );
+        },
+      },
+    });
+  },
+});
+```
+
+### cache.evict
+
+```tsx
+const [deleteUser] = useMutation(DELETE_USER, {
+  update: (cache, { data }) => {
+    // Remove the user object from cache entirely
+    cache.evict({ id: cache.identify(data.deleteUser) });
+    // Clean up dangling references
+    cache.gc();
+  },
+});
+```
+
+### Updating Related Queries
+
+```tsx
+const [createPost] = useMutation(CREATE_POST, {
+  update: (cache, { data }) => {
+    // Update author's post count
+    cache.modify({
+      id: cache.identify({ __typename: "User", id: data.createPost.authorId }),
+      fields: {
+        postCount: (existing) => existing + 1,
+        posts: (existing, { toReference }) => [
+          ...existing,
+          toReference(data.createPost),
+        ],
+      },
+    });
+
+    // Add to feed
+    cache.modify({
+      fields: {
+        feed: (existing, { toReference }) => [
+          toReference(data.createPost),
+          ...existing,
+        ],
+      },
+    });
+  },
+});
+```
+
+## Refetch Queries
+
+### Basic Refetch
+
+There are three refetch notations:
+
+- **String**: `refetchQueries: ['getTodos']` - refetches all active `getTodos` queries
+- **Query document**: `refetchQueries: [GET_TODOS]` - refetches all active queries using this document
+- **Object**: `refetchQueries: [{ query: GET_TODOS }, { query: GET_TODOS, variables: { page: 25 } }]` - **fetches** the query, regardless if it's actively used in the UI
+
+```tsx
+const [addTodo] = useMutation(ADD_TODO, {
+  // Refetch all active GET_TODOS queries
+  refetchQueries: ["getTodos"],
+  // Or: refetchQueries: [GET_TODOS],
+});
+
+// Fetch specific query with variables (even if not active)
+const [addTodo] = useMutation(ADD_TODO, {
+  refetchQueries: [{ query: GET_TODOS }, { query: GET_TODO_COUNT }],
+});
+```
+
+### Conditional Refetch
+
+```tsx
+const [addTodo] = useMutation(ADD_TODO, {
+  refetchQueries: (result) => {
+    if (result.data?.addTodo.priority === "HIGH") {
+      return [{ query: GET_HIGH_PRIORITY_TODOS }];
+    }
+    return [{ query: GET_TODOS }];
+  },
+});
+```
+
+### Refetch Active Queries
+
+```tsx
+const [addTodo] = useMutation(ADD_TODO, {
+  refetchQueries: "active", // Refetch all active queries
+  // Or: 'all' to refetch all queries (including inactive)
+});
+```
+
+### awaitRefetchQueries
+
+```tsx
+const [addTodo] = useMutation(ADD_TODO, {
+  refetchQueries: [{ query: GET_TODOS }],
+  awaitRefetchQueries: true, // Wait for refetch before resolving mutation
+});
+```
+
+### onQueryUpdated
+
+Returning `true` from `onQueryUpdated` causes a refetch. Don't call `refetch()` manually inside `onQueryUpdated`, as it won't retain the query and might cancel it early.
+
+```tsx
+const [addTodo] = useMutation(ADD_TODO, {
+  update: (cache, { data }) => {
+    // Update cache...
+  },
+  onQueryUpdated: (observableQuery) => {
+    // Called for each query affected by cache update
+    console.log(`Query ${observableQuery.queryName} was updated`);
+    // Return true to refetch
+    return true;
+  },
+});
+```
+
+## Error Handling
+
+### Error Policy
+
+```tsx
+const [createUser, { loading }] = useMutation(CREATE_USER, {
+  errorPolicy: "all", // Return both data and errors
+});
+
+const { data, errors } = await createUser({
+  variables: { input },
+});
+
+// Handle partial success
+if (data?.createUser) {
+  console.log("User created:", data.createUser);
+}
+if (errors) {
+  console.warn("Some errors occurred:", errors);
+}
+```
+
+### onError Callback
+
+```tsx
+const [createUser] = useMutation(CREATE_USER, {
+  onError: (error) => {
+    // Handle error globally
+    toast.error(`Failed to create user: ${error.message}`);
+
+    // Log to error tracking service
+    Sentry.captureException(error);
+  },
+  onCompleted: (data) => {
+    toast.success(`User ${data.createUser.name} created!`);
+  },
+});
+```
+
+### Field-Level Errors
+
+```tsx
+const [createUser] = useMutation(CREATE_USER, {
+  errorPolicy: "all",
+});
+
+const handleSubmit = async (input: CreateUserInput) => {
+  const { data, errors } = await createUser({
+    variables: { input },
+  });
+
+  // Handle GraphQL validation errors
+  const fieldErrors = errors?.reduce(
+    (acc, error) => {
+      const field = error.extensions?.field as string;
+      if (field) {
+        acc[field] = error.message;
+      }
+      return acc;
+    },
+    {} as Record<string, string>
+  );
+
+  if (fieldErrors?.email) {
+    setEmailError(fieldErrors.email);
+  }
+};
+```
diff --git a/src/frontend/.claude/skills/apollo-client/references/queries.md b/src/frontend/.claude/skills/apollo-client/references/queries.md
new file mode 100644
index 00000000..68806d37
--- /dev/null
+++ b/src/frontend/.claude/skills/apollo-client/references/queries.md
@@ -0,0 +1,416 @@
+# Queries Reference
+
+> **Note**: In most applications, there should only be one use of a query hook per page. Use fragment-reading hooks (`useFragment`, `useSuspenseFragment`) with component-colocated fragments and data masking for the rest of the page components.
+
+## Table of Contents
+
+- [useQuery Hook](#usequery-hook)
+- [Query Variables](#query-variables)
+- [Loading and Error States](#loading-and-error-states)
+- [useLazyQuery](#uselazyquery)
+- [Polling and Refetching](#polling-and-refetching)
+- [Fetch Policies](#fetch-policies)
+- [Conditional Queries](#conditional-queries)
+
+## useQuery Hook
+
+The `useQuery` hook is the primary way to fetch data in Apollo Client in non-suspenseful applications. It returns loading and error states that must be handled.
+
+> **Note**: In suspenseful applications, use `useSuspenseQuery` or `useBackgroundQuery` instead. See the [Suspense Hooks reference](suspense-hooks.md) for more details.
+
+### Basic Usage
+
+```tsx
+import { gql } from "@apollo/client";
+import { useQuery } from "@apollo/client/react";
+
+const GET_DOGS = gql`
+  query GetDogs {
+    dogs {
+      id
+      breed
+      displayImage
+    }
+  }
+`;
+
+function Dogs() {
+  const { loading, error, data } = useQuery(GET_DOGS);
+
+  if (loading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error.message}</p>;
+
+  return <ul>{data?.dogs.map((dog) => <li key={dog.id}>{dog.breed}</li>)}</ul>;
+}
+```
+
+### Return Object
+
+```typescript
+const {
+  data, // Query result data
+  loading, // True during initial load
+  error, // ApolloError if request failed
+  networkStatus, // Detailed network state (1-8)
+  dataState, // For TypeScript type narrowing (AC 4.x)
+  refetch, // Function to re-execute query
+  fetchMore, // Function for pagination
+  startPolling, // Start polling at interval
+  stopPolling, // Stop polling
+  subscribeToMore, // Add subscription to query
+  updateQuery, // Manually update query result
+  client, // Apollo Client instance
+  called, // True if query has been executed
+  previousData, // Previous data (useful during loading)
+} = useQuery(QUERY);
+```
+
+## Query Variables
+
+### Basic Variables
+
+```tsx
+const GET_DOG = gql`
+  query GetDog($breed: String!) {
+    dog(breed: $breed) {
+      id
+      displayImage
+    }
+  }
+`;
+
+function DogPhoto({ breed }: { breed: string }) {
+  const { loading, error, data } = useQuery(GET_DOG, {
+    variables: { breed },
+  });
+
+  if (loading) return null;
+  if (error) return <p>Error: {error.message}</p>;
+
+  return <img src={data.dog.displayImage} alt={breed} />;
+}
+```
+
+### TypeScript Types
+
+Use `TypedDocumentNode` instead of generic type parameters for better type safety:
+
+```typescript
+import { gql, TypedDocumentNode } from "@apollo/client";
+import { useQuery } from "@apollo/client/react";
+
+interface GetDogData {
+  dog: {
+    id: string;
+    displayImage: string;
+  };
+}
+
+interface GetDogVariables {
+  breed: string;
+}
+
+const GET_DOG: TypedDocumentNode<GetDogData, GetDogVariables> = gql`
+  query GetDog($breed: String!) {
+    dog(breed: $breed) {
+      id
+      displayImage
+    }
+  }
+`;
+
+const { data } = useQuery(GET_DOG, {
+  variables: { breed: "bulldog" },
+});
+
+// data?.dog is fully typed
+```
+
+### Dynamic Variables
+
+```tsx
+function DogSelector() {
+  const [breed, setBreed] = useState("bulldog");
+
+  // Query automatically re-runs when breed changes
+  const { data } = useQuery(GET_DOG, {
+    variables: { breed },
+  });
+
+  return (
+    <select value={breed} onChange={(e) => setBreed(e.target.value)}>
+      <option value="bulldog">Bulldog</option>
+      <option value="poodle">Poodle</option>
+    </select>
+  );
+}
+```
+
+## Loading and Error States
+
+### Using Previous Data
+
+```tsx
+function UserProfile({ userId }: { userId: string }) {
+  const { loading, data, previousData } = useQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  // Show previous data while loading new data
+  const displayData = data ?? previousData;
+
+  return (
+    <div>
+      {loading && <LoadingSpinner />}
+      {displayData && <UserCard user={displayData.user} />}
+    </div>
+  );
+}
+```
+
+### Network Status
+
+```tsx
+import { NetworkStatus } from "@apollo/client";
+
+function Dogs() {
+  const { loading, error, data, networkStatus, refetch } = useQuery(GET_DOGS, {
+    notifyOnNetworkStatusChange: true,
+  });
+
+  if (networkStatus === NetworkStatus.refetch) {
+    return <p>Refetching...</p>;
+  }
+
+  if (loading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error.message}</p>;
+
+  return (
+    <>
+      <button onClick={() => refetch()}>Refresh</button>
+      <ul>
+        {data.dogs.map((dog) => (
+          <li key={dog.id}>{dog.breed}</li>
+        ))}
+      </ul>
+    </>
+  );
+}
+```
+
+## useLazyQuery
+
+Use `useLazyQuery` when you want to execute a query in response to a user-triggered event (like a button click) rather than on component mount.
+
+**Important**: `useLazyQuery` doesn't guarantee a network request - it only sets variables. If data is already in the cache, this isn't a "refetch". Only use `useLazyQuery` if you consume the second tuple value (loading, data, error states) to synchronize cache data with the component. If you only need the promise, use `client.query` directly instead.
+
+### Basic Usage
+
+```tsx
+import { gql } from "@apollo/client";
+import { useLazyQuery } from "@apollo/client/react";
+
+const GET_DOG_PHOTO = gql`
+  query GetDogPhoto($breed: String!) {
+    dog(breed: $breed) {
+      id
+      displayImage
+    }
+  }
+`;
+
+function DelayedQuery() {
+  const [getDog, { loading, error, data, called }] =
+    useLazyQuery(GET_DOG_PHOTO);
+
+  if (called && loading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error.message}</p>;
+
+  return (
+    <div>
+      {data?.dog && <img src={data.dog.displayImage} />}
+      <button onClick={() => getDog({ variables: { breed: "bulldog" } })}>
+        Get Bulldog Photo
+      </button>
+    </div>
+  );
+}
+```
+
+### When to Use client.query Instead
+
+If you only need the promise result and don't consume the loading/error/data states from the hook, use `client.query` instead:
+
+```tsx
+import { useApolloClient } from "@apollo/client/react";
+
+function SearchDogs() {
+  const client = useApolloClient();
+  const [search, setSearch] = useState("");
+
+  const handleSearch = async () => {
+    try {
+      const { data } = await client.query({
+        query: SEARCH_DOGS,
+        variables: { query: search },
+      });
+      console.log("Found dogs:", data.searchDogs);
+    } catch (error) {
+      console.error("Search failed:", error);
+    }
+  };
+
+  return (
+    <div>
+      <input value={search} onChange={(e) => setSearch(e.target.value)} />
+      <button onClick={handleSearch}>Search</button>
+    </div>
+  );
+}
+```
+
+## Polling and Refetching
+
+### Polling
+
+```tsx
+function LiveFeed() {
+  const { data, startPolling, stopPolling } = useQuery(GET_FEED, {
+    pollInterval: 5000, // Poll every 5 seconds
+  });
+
+  // Or control polling dynamically
+  useEffect(() => {
+    startPolling(5000);
+    return () => stopPolling();
+  }, [startPolling, stopPolling]);
+
+  return <Feed items={data?.feed} />;
+}
+```
+
+### Manual Refetching
+
+```tsx
+function DogList() {
+  const { data, refetch } = useQuery(GET_DOGS);
+
+  return (
+    <div>
+      <button onClick={() => refetch()}>Refresh</button>
+      <button onClick={() => refetch({ breed: "poodle" })}>
+        Refetch Poodles
+      </button>
+      <ul>{data?.dogs.map((dog) => <li key={dog.id}>{dog.breed}</li>)}</ul>
+    </div>
+  );
+}
+```
+
+## Fetch Policies
+
+Control how the query interacts with the cache.
+
+| Policy              | Description                                                |
+| ------------------- | ---------------------------------------------------------- |
+| `cache-first`       | Return cached data if available, otherwise fetch (default) |
+| `cache-only`        | Only return cached data, never fetch                       |
+| `cache-and-network` | Return cached data immediately, then fetch and update      |
+| `network-only`      | Always fetch, update cache, ignore cached data             |
+| `no-cache`          | Always fetch, never read or write cache                    |
+| `standby`           | Same as cache-first but doesn't auto-update                |
+
+### Usage Examples
+
+```tsx
+// Real-time data - always fetch
+const { data } = useQuery(GET_NOTIFICATIONS, {
+  fetchPolicy: "network-only",
+});
+
+// Static data - prefer cache
+const { data } = useQuery(GET_CATEGORIES, {
+  fetchPolicy: "cache-first",
+});
+
+// Show cached data while fetching fresh data
+const { data, loading } = useQuery(GET_POSTS, {
+  fetchPolicy: "cache-and-network",
+});
+
+// Fetch once, then use cache
+const { data } = useQuery(GET_USER_PROFILE, {
+  fetchPolicy: "network-only",
+  nextFetchPolicy: "cache-first",
+});
+```
+
+### nextFetchPolicy
+
+```tsx
+// First request: network-only
+// Subsequent requests: cache-first
+const { data } = useQuery(GET_POSTS, {
+  fetchPolicy: "network-only",
+  nextFetchPolicy: "cache-first",
+});
+
+// Or use a function for more control
+const { data } = useQuery(GET_POSTS, {
+  fetchPolicy: "network-only",
+  nextFetchPolicy: (currentFetchPolicy, { reason, observable }) => {
+    if (reason === "after-fetch") {
+      return "cache-first";
+    }
+    return currentFetchPolicy;
+  },
+});
+```
+
+## Conditional Queries
+
+### Using skipToken (Recommended)
+
+Use `skipToken` to conditionally skip queries without TypeScript issues:
+
+```tsx
+import { skipToken } from "@apollo/client";
+
+function UserProfile({ userId }: { userId: string | null }) {
+  const { data } = useQuery(
+    GET_USER,
+    !userId ? skipToken : (
+      {
+        variables: { id: userId },
+      }
+    )
+  );
+
+  return userId ? <Profile user={data?.user} /> : <p>Select a user</p>;
+}
+```
+
+### Skip Option (Alternative)
+
+```tsx
+function UserProfile({ userId }: { userId: string | null }) {
+  const { data } = useQuery(GET_USER, {
+    variables: { id: userId! },
+    skip: !userId, // Don't execute if no userId
+  });
+
+  return userId ? <Profile user={data?.user} /> : <p>Select a user</p>;
+}
+```
+
+> **Note**: Using `skipToken` is preferred over `skip` as it avoids TypeScript issues with required variables and the non-null assertion operator.
+
+### SSR Skip
+
+```tsx
+// Skip during server-side rendering
+const { data } = useQuery(GET_USER_LOCATION, {
+  skip: typeof window === "undefined",
+  ssr: false,
+});
+```
diff --git a/src/frontend/.claude/skills/apollo-client/references/state-management.md b/src/frontend/.claude/skills/apollo-client/references/state-management.md
new file mode 100644
index 00000000..023a6f56
--- /dev/null
+++ b/src/frontend/.claude/skills/apollo-client/references/state-management.md
@@ -0,0 +1,428 @@
+# State Management Reference
+
+## Table of Contents
+
+- [Reactive Variables](#reactive-variables)
+- [Local-Only Fields](#local-only-fields)
+- [LocalState Resolvers](#localstate-resolvers)
+- [Combining Remote and Local State](#combining-remote-and-local-state)
+- [useReactiveVar Hook](#usereactivevar-hook)
+
+## Reactive Variables
+
+Reactive variables are a way to store local state outside of the Apollo Client cache while still triggering reactive updates.
+
+**Important**: Reactive variables store a single value that notifies `ApolloClient` instances when changed. They do not have separate values per ApolloClient instance. In multi-user environments like SSR, global or module-level reactive variables could be shared between users and cause data leaks. In frameworks that use SSR, always avoid storing reactive variables as globals.
+
+### Creating Reactive Variables
+
+```typescript
+import { makeVar } from "@apollo/client";
+
+// Simple reactive variable
+export const isLoggedInVar = makeVar<boolean>(false);
+
+// Object reactive variable
+export const cartItemsVar = makeVar<CartItem[]>([]);
+
+// Complex state
+interface AppState {
+  theme: "light" | "dark";
+  sidebarOpen: boolean;
+  notifications: Notification[];
+}
+
+export const appStateVar = makeVar<AppState>({
+  theme: "light",
+  sidebarOpen: true,
+  notifications: [],
+});
+```
+
+### Reading Reactive Variables
+
+```tsx
+// Direct read (non-reactive)
+const isLoggedIn = isLoggedInVar();
+
+// Reactive read in component
+import { useReactiveVar } from "@apollo/client/react";
+
+function AuthButton() {
+  const isLoggedIn = useReactiveVar(isLoggedInVar);
+
+  return isLoggedIn ?
+      <button onClick={() => isLoggedInVar(false)}>Logout</button>
+    : <button onClick={() => isLoggedInVar(true)}>Login</button>;
+}
+```
+
+### Updating Reactive Variables
+
+```typescript
+// Set new value
+isLoggedInVar(true);
+
+// Update based on current value
+cartItemsVar([...cartItemsVar(), newItem]);
+
+// Update object state
+appStateVar({
+  ...appStateVar(),
+  theme: "dark",
+});
+
+// Helper function pattern
+export function toggleSidebar() {
+  const current = appStateVar();
+  appStateVar({ ...current, sidebarOpen: !current.sidebarOpen });
+}
+
+export function addNotification(notification: Notification) {
+  const current = appStateVar();
+  appStateVar({
+    ...current,
+    notifications: [...current.notifications, notification],
+  });
+}
+```
+
+## Local-Only Fields
+
+Local-only fields are fields defined in queries but resolved entirely on the client using the `@client` directive.
+
+**Important**: To use any `@client` fields, you need to add `LocalState` to the `ApolloClient` initialization:
+
+```typescript
+import { ApolloClient, InMemoryCache } from "@apollo/client";
+import { LocalState } from "@apollo/client/local-state";
+
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  localState: new LocalState({}),
+  // ... other options
+});
+```
+
+> **Note**: `LocalState` is an Apollo Client 4.x concept and did not exist as a class in previous versions. In previous versions, a `localState` option was not necessary, and local resolvers (if used) could be passed directly to the `ApolloClient` constructor.
+
+### Basic @client Fields
+
+```tsx
+const GET_USER_WITH_LOCAL = gql`
+  query GetUserWithLocal($id: ID!) {
+    user(id: $id) {
+      id
+      name
+      email
+      # Local-only fields
+      isSelected @client
+      displayName @client
+    }
+  }
+`;
+
+function UserCard({ userId }: { userId: string }) {
+  const { data } = useQuery(GET_USER_WITH_LOCAL, {
+    variables: { id: userId },
+  });
+
+  return (
+    <div className={data?.user.isSelected ? "selected" : ""}>
+      <h2>{data?.user.displayName}</h2>
+      <p>{data?.user.email}</p>
+    </div>
+  );
+}
+```
+
+### Local Field Read Functions (Type Policies)
+
+Local field `read` functions are defined in entity-level type policies. You can use reactive variables inside these `read` functions, along with other calculations or derived values:
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    User: {
+      fields: {
+        // Simple local field from reactive variable
+        isSelected: {
+          read(_, { readField }) {
+            const id = readField("id");
+            return selectedUsersVar().includes(id);
+          },
+        },
+
+        // Computed local field (derived value)
+        displayName: {
+          read(_, { readField }) {
+            const name = readField("name");
+            const email = readField("email");
+            return name || email?.split("@")[0] || "Anonymous";
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+## LocalState Resolvers
+
+### Query-Level Local Resolvers
+
+Query-level local fields can be defined using `LocalState` resolvers. **Note**: Do not read reactive variables inside LocalState resolvers - this is not a documented/tested feature. It might not behave as expected.
+
+```typescript
+import { LocalState } from "@apollo/client/local-state";
+
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  localState: new LocalState({
+    resolvers: {
+      Query: {
+        // Read from localStorage
+        theme: () => {
+          if (typeof window !== "undefined") {
+            return localStorage.getItem("theme") || "light";
+          }
+          return "light";
+        },
+
+        // Read from cache
+        currentUser: (_, __, { cache }) => {
+          if (typeof window === "undefined") return null;
+          const userId = localStorage.getItem("currentUserId");
+          if (!userId) return null;
+          return cache.readFragment({
+            id: cache.identify({ __typename: "User", id: userId }),
+            fragment: gql`
+              fragment CurrentUser on User {
+                id
+                name
+                email
+              }
+            `,
+          });
+        },
+
+        // Compute value
+        isOnline: () => {
+          if (typeof navigator !== "undefined") {
+            return navigator.onLine;
+          }
+          return true;
+        },
+      },
+    },
+  }),
+});
+```
+
+### Using Local Query Fields
+
+```tsx
+const GET_AUTH_STATE = gql`
+  query GetAuthState {
+    isLoggedIn @client
+    currentUser @client {
+      id
+      name
+      email
+    }
+  }
+`;
+
+function AuthStatus() {
+  const { data } = useQuery(GET_AUTH_STATE);
+
+  if (!data?.isLoggedIn) {
+    return <LoginButton />;
+  }
+
+  return <UserMenu user={data.currentUser} />;
+}
+```
+
+## Combining Remote and Local State
+
+### Mixing Remote and Local Fields
+
+```tsx
+const GET_PRODUCTS = gql`
+  query GetProducts {
+    products {
+      id
+      name
+      price
+      # Local fields
+      quantity @client
+      isInCart @client
+    }
+  }
+`;
+
+const cache = new InMemoryCache({
+  typePolicies: {
+    Product: {
+      fields: {
+        quantity: {
+          read(_, { readField }) {
+            const id = readField("id");
+            const cartItem = cartItemsVar().find(
+              (item) => item.productId === id
+            );
+            return cartItem?.quantity ?? 0;
+          },
+        },
+
+        isInCart: {
+          read(_, { readField }) {
+            const id = readField("id");
+            return cartItemsVar().some((item) => item.productId === id);
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+### Local Mutations
+
+```tsx
+import { LocalState } from "@apollo/client/local-state";
+
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  localState: new LocalState({
+    resolvers: {
+      Mutation: {
+        addToCart: (_, { productId, quantity }, { cache }) => {
+          // Read current cart from cache
+          const { cart } = cache.readQuery({ query: GET_CART }) || { cart: [] };
+
+          const existing = cart.find((item) => item.productId === productId);
+
+          const updatedCart =
+            existing ?
+              cart.map((item) =>
+                item.productId === productId ?
+                  { ...item, quantity: item.quantity + quantity }
+                : item
+              )
+            : [...cart, { productId, quantity, __typename: "CartItem" }];
+
+          // Write updated cart back to cache
+          cache.writeQuery({
+            query: GET_CART,
+            data: { cart: updatedCart },
+          });
+
+          return true;
+        },
+      },
+    },
+  }),
+});
+
+const ADD_TO_CART = gql`
+  mutation AddToCart($productId: ID!, $quantity: Int!) {
+    addToCart(productId: $productId, quantity: $quantity) @client
+  }
+`;
+```
+
+### Persisting Local State
+
+```typescript
+// Create a helper function to permanently subscribe to reactive variable changes, without creating memory leaks
+function subscribeToVariable<T>(
+  weakRef: WeakRef<ReactiveVar<T>>,
+  listener: ReactiveListener<T>
+) {
+  weakRef.deref()?.onNextChange((value) => {
+    listener(value);
+    subscribeToVariable(weakRef, listener);
+  });
+}
+
+// Create reactive variable with persistence
+const persistentCartVar = makeVar<CartItem[]>(
+  typeof window !== "undefined" && localStorage.getItem("cart") ?
+    JSON.parse(localStorage.getItem("cart")!)
+  : []
+);
+
+// Save to localStorage when reactive variable changes
+subscribeToVariable(new WeakRef(persistentCartVar), (items) => {
+  try {
+    if (typeof window !== "undefined") {
+      localStorage.setItem("cart", JSON.stringify(items));
+    }
+  } catch (error) {
+    console.error("Failed to persist cart:", error);
+  }
+});
+```
+
+## useReactiveVar Hook
+
+The `useReactiveVar` hook subscribes a component to reactive variable updates.
+
+### Basic Usage
+
+```tsx
+import { useReactiveVar } from "@apollo/client/react";
+
+function ThemeToggle() {
+  const theme = useReactiveVar(themeVar);
+
+  return (
+    <button onClick={() => themeVar(theme === "light" ? "dark" : "light")}>
+      Current: {theme}
+    </button>
+  );
+}
+```
+
+### With Derived State
+
+```tsx
+function CartSummary() {
+  const cartItems = useReactiveVar(cartItemsVar);
+
+  // Derived values are computed on each render
+  const totalItems = cartItems.reduce((sum, item) => sum + item.quantity, 0);
+  const totalPrice = cartItems.reduce(
+    (sum, item) => sum + item.price * item.quantity,
+    0
+  );
+
+  return (
+    <div>
+      <p>Items: {totalItems}</p>
+      <p>Total: ${totalPrice.toFixed(2)}</p>
+    </div>
+  );
+}
+```
+
+### Multiple Reactive Variables
+
+```tsx
+function AppLayout() {
+  const theme = useReactiveVar(themeVar);
+  const sidebarOpen = useReactiveVar(sidebarOpenVar);
+  const isLoggedIn = useReactiveVar(isLoggedInVar);
+
+  return (
+    <div className={`app ${theme}`}>
+      {isLoggedIn && sidebarOpen && <Sidebar />}
+      <main>
+        <Outlet />
+      </main>
+    </div>
+  );
+}
+```
diff --git a/src/frontend/.claude/skills/apollo-client/references/suspense-hooks.md b/src/frontend/.claude/skills/apollo-client/references/suspense-hooks.md
new file mode 100644
index 00000000..622d0daa
--- /dev/null
+++ b/src/frontend/.claude/skills/apollo-client/references/suspense-hooks.md
@@ -0,0 +1,773 @@
+# Suspense Hooks Reference
+
+> **Note**: Suspense hooks are the recommended approach for data fetching in modern React applications (React 18+). They provide cleaner code, better loading state handling, and enable streaming SSR.
+
+## Table of Contents
+
+- [useSuspenseQuery Hook](#usesuspensequery-hook)
+- [useBackgroundQuery and useReadQuery](#usebackgroundquery-and-usereadquery)
+- [useLoadableQuery](#useloadablequery)
+- [createQueryPreloader](#createquerypreloader)
+- [useQueryRefHandlers](#usequeryrefhandlers)
+- [Distinguishing Queries with queryKey](#distinguishing-queries-with-querykey)
+- [Suspense Boundaries and Error Handling](#suspense-boundaries-and-error-handling)
+- [Transitions](#transitions)
+- [Avoiding Request Waterfalls](#avoiding-request-waterfalls)
+- [Fetch Policies](#fetch-policies)
+- [Streaming SSR or React Server Components](#streaming-ssr-or-react-server-components)
+- [Conditional Queries](#conditional-queries)
+
+## useSuspenseQuery Hook
+
+The `useSuspenseQuery` hook is the Suspense-ready replacement for `useQuery`. It initiates a network request and causes the component calling it to suspend while the request is made. Unlike `useQuery`, it does not return `loading` states—these are handled by React's Suspense boundaries and error boundaries.
+
+### Basic Usage
+
+```tsx
+import { Suspense } from "react";
+import { useSuspenseQuery } from "@apollo/client/react";
+import { GET_DOG } from "./queries.generated";
+
+function App() {
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <Dog id="3" />
+    </Suspense>
+  );
+}
+
+function Dog({ id }: { id: string }) {
+  const { data } = useSuspenseQuery(GET_DOG, {
+    variables: { id },
+  });
+
+  // data is always defined when this component renders
+  return <div>Name: {data.dog.name}</div>;
+}
+```
+
+### Return Object
+
+```typescript
+const {
+  data, // Query result data
+  dataState, // With default options: "complete" | "streaming"
+  // With returnPartialData: also "partial"
+  // With errorPolicy "all" or "ignore": also "empty"
+  error, // ApolloError (only when errorPolicy is "all" or "ignore")
+  networkStatus, // NetworkStatus.ready, NetworkStatus.loading, etc.
+  client, // Apollo Client instance
+  refetch, // Function to re-execute query
+  fetchMore, // Function for pagination
+} = useSuspenseQuery(QUERY, options);
+```
+
+### Key Differences from useQuery
+
+- **No `loading` boolean**: Component suspends instead of returning `loading: true`
+- **Error handling**: With default `errorPolicy` (`none`), errors are thrown and caught by error boundaries. With `errorPolicy: "all"` or `"ignore"`, the `error` property is returned and `data` may be `undefined`.
+- **`data` availability**: With default `errorPolicy` (`none`), `data` is guaranteed to be present when the component renders. With `errorPolicy: "all"` or `"ignore"`, when `dataState` is `empty`, `data` may be `undefined`.
+- **Suspense boundaries**: Must wrap component with `<Suspense>` to handle loading state
+
+### Changing Variables
+
+When variables change, `useSuspenseQuery` automatically re-runs the query. If the data is not in the cache, the component suspends again.
+
+```tsx
+import { useState } from "react";
+import { GET_DOGS } from "./queries.generated";
+
+function DogSelector() {
+  const { data } = useSuspenseQuery(GET_DOGS);
+  const [selectedDog, setSelectedDog] = useState(data.dogs[0].id);
+
+  return (
+    <>
+      <select
+        value={selectedDog}
+        onChange={(e) => setSelectedDog(e.target.value)}
+      >
+        {data.dogs.map((dog) => (
+          <option key={dog.id} value={dog.id}>
+            {dog.name}
+          </option>
+        ))}
+      </select>
+      <Suspense fallback={<div>Loading...</div>}>
+        <Dog id={selectedDog} />
+      </Suspense>
+    </>
+  );
+}
+
+function Dog({ id }: { id: string }) {
+  const { data } = useSuspenseQuery(GET_DOG, {
+    variables: { id },
+  });
+
+  return (
+    <>
+      <div>Name: {data.dog.name}</div>
+      <div>Breed: {data.dog.breed}</div>
+    </>
+  );
+}
+```
+
+### Rendering Partial Data
+
+Use `returnPartialData` to render immediately with partial cache data instead of suspending. The component will still suspend if there is no data in the cache.
+
+```tsx
+function Dog({ id }: { id: string }) {
+  const { data } = useSuspenseQuery(GET_DOG, {
+    variables: { id },
+    returnPartialData: true,
+  });
+
+  return (
+    <>
+      <div>Name: {data.dog?.name ?? "Unknown"}</div>
+      {data.dog?.breed && <div>Breed: {data.dog.breed}</div>}
+    </>
+  );
+}
+```
+
+## useBackgroundQuery and useReadQuery
+
+Use `useBackgroundQuery` with `useReadQuery` to avoid request waterfalls by starting a query in a parent component and reading the result in a child component. This pattern enables the parent to start fetching data before the child component renders.
+
+### Basic Usage
+
+```tsx
+import { Suspense } from "react";
+import { useBackgroundQuery, useReadQuery } from "@apollo/client/react";
+
+function Parent() {
+  // Start fetching immediately
+  const [queryRef] = useBackgroundQuery(GET_DOG, {
+    variables: { id: "3" },
+  });
+
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <Child queryRef={queryRef} />
+    </Suspense>
+  );
+}
+
+function Child({ queryRef }: { queryRef: QueryRef<DogData> }) {
+  // Read the query result
+  const { data } = useReadQuery(queryRef);
+
+  return <div>Name: {data.dog.name}</div>;
+}
+```
+
+### When to Use
+
+- **Avoiding waterfalls**: Start fetching data in a parent (preferably above a suspense boundary) before child components render
+- **Preloading data**: Begin fetching before the component that needs the data is ready
+- **Parallel queries**: Start multiple queries at once in a parent component
+
+### Return Values
+
+`useBackgroundQuery` returns a tuple:
+
+```typescript
+const [
+  queryRef, // QueryRef to pass to useReadQuery
+  { refetch, fetchMore, subscribeToMore }, // Helper functions
+] = useBackgroundQuery(QUERY, options);
+```
+
+`useReadQuery` returns the query result:
+
+```typescript
+const {
+  data, // Query result data (always defined)
+  dataState, // "complete" | "streaming" | "partial" | "empty"
+  error, // ApolloError (if errorPolicy allows)
+  networkStatus, // Detailed network state (1-8)
+} = useReadQuery(queryRef);
+```
+
+## useLoadableQuery
+
+Use `useLoadableQuery` to imperatively load a query in response to a user interaction (like a button click) instead of on component mount.
+
+### Basic Usage
+
+```tsx
+import { Suspense } from "react";
+import { useLoadableQuery, useReadQuery } from "@apollo/client/react";
+import { GET_GREETING } from "./queries.generated";
+
+function App() {
+  const [loadGreeting, queryRef] = useLoadableQuery(GET_GREETING);
+
+  return (
+    <>
+      <button
+        onClick={() => loadGreeting({ variables: { language: "english" } })}
+      >
+        Load Greeting
+      </button>
+      <Suspense fallback={<div>Loading...</div>}>
+        {queryRef && <Greeting queryRef={queryRef} />}
+      </Suspense>
+    </>
+  );
+}
+
+function Greeting({ queryRef }: { queryRef: QueryRef<GreetingData> }) {
+  const { data } = useReadQuery(queryRef);
+
+  return <div>{data.greeting.message}</div>;
+}
+```
+
+### Return Values
+
+```typescript
+const [
+  loadQuery, // Function to load the query
+  queryRef, // QueryRef (null until loadQuery is called)
+  { refetch, fetchMore, subscribeToMore, reset }, // Helper functions
+] = useLoadableQuery(QUERY, options);
+```
+
+### When to Use
+
+- **User-triggered fetching**: Load data in response to user actions
+- **Lazy loading**: Defer data fetching until it's actually needed
+- **Progressive disclosure**: Load data for UI elements that may not be initially visible
+
+## createQueryPreloader
+
+The `createQueryPreloader` function creates a `preloadQuery` function that can be used to initiate queries outside of React components. This is useful for preloading data before a component renders, such as in route loaders or event handlers.
+
+### Basic Usage
+
+```tsx
+import { ApolloClient, InMemoryCache } from "@apollo/client";
+import { createQueryPreloader } from "@apollo/client/react";
+
+const client = new ApolloClient({
+  uri: "https://your-graphql-endpoint.com/graphql",
+  cache: new InMemoryCache(),
+});
+
+// Create a preload function
+export const preloadQuery = createQueryPreloader(client);
+```
+
+### Using preloadQuery with Route Loaders
+
+> **Note**: This example applies to React Router in non-framework mode. For React Router framework mode, see [integration-react-router.md](./integration-react-router.md).
+
+Use the preload function with React Router's `loader` function to begin loading data during route transitions:
+
+```tsx
+import { preloadQuery } from "@/lib/apollo-client";
+import { GET_DOG } from "./queries.generated";
+
+// React Router loader function
+export async function loader({ params }: { params: { id: string } }) {
+  return preloadQuery({
+    query: GET_DOG,
+    variables: { id: params.id },
+  });
+}
+
+// Route component
+export default function DogRoute() {
+  const queryRef = useLoaderData();
+
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <DogDetails queryRef={queryRef} />
+    </Suspense>
+  );
+}
+
+function DogDetails({ queryRef }: { queryRef: QueryRef<DogData> }) {
+  const { data } = useReadQuery(queryRef);
+
+  return (
+    <div>
+      <h1>{data.dog.name}</h1>
+      <p>Breed: {data.dog.breed}</p>
+    </div>
+  );
+}
+```
+
+### Preventing Route Transitions Until Query Loads
+
+Use `preloadQuery.toPromise(queryRef)` to prevent route transitions until the query finishes loading:
+
+```tsx
+export async function loader({ params }: { params: { id: string } }) {
+  const queryRef = preloadQuery({
+    query: GET_DOG,
+    variables: { id: params.id },
+  });
+
+  // Wait for the query to complete before transitioning
+  return preloadQuery.toPromise(queryRef);
+}
+```
+
+When `preloadQuery.toPromise()` is used, the route transition waits for the query to complete, and the data renders immediately without showing a loading fallback.
+
+> **Note**: `preloadQuery.toPromise()` resolves with the `queryRef` itself (not the data) to encourage using `useReadQuery` for cache updates. If you need raw query data in your loader, use `client.query()` directly.
+
+### With Next.js Server Components
+
+> **Note**: For Next.js App Router, use the `PreloadQuery` component from `@apollo/client-integration-nextjs` instead. See [integration-nextjs.md](./integration-nextjs.md) for details.
+
+## useQueryRefHandlers
+
+The `useQueryRefHandlers` hook provides access to `refetch` and `fetchMore` functions for queries initiated with `preloadQuery`, `useBackgroundQuery`, or `useLoadableQuery`. This is useful when you need to refetch or paginate data in components where the `queryRef` is passed through.
+
+> **Important:** Always call `useQueryRefHandlers` before `useReadQuery`. These two hooks interact with the same `queryRef`, and calling them in the wrong order could cause subtle bugs.
+
+### Basic Usage
+
+```tsx
+import { useQueryRefHandlers } from "@apollo/client/react";
+
+function Breeds({ queryRef }: { queryRef: QueryRef<BreedsData> }) {
+  const { refetch } = useQueryRefHandlers(queryRef);
+  const { data } = useReadQuery(queryRef);
+  const [isPending, startTransition] = useTransition();
+
+  return (
+    <div>
+      <button
+        disabled={isPending}
+        onClick={() => {
+          startTransition(() => {
+            refetch();
+          });
+        }}
+      >
+        {isPending ? "Refetching..." : "Refetch breeds"}
+      </button>
+      <ul>
+        {data.breeds.map((breed) => (
+          <li key={breed.id}>{breed.name}</li>
+        ))}
+      </ul>
+    </div>
+  );
+}
+```
+
+### With Pagination
+
+Use `fetchMore` to implement pagination:
+
+```tsx
+function Posts({ queryRef }: { queryRef: QueryRef<PostsData> }) {
+  const { fetchMore } = useQueryRefHandlers(queryRef);
+  const { data } = useReadQuery(queryRef);
+  const [isPending, startTransition] = useTransition();
+
+  return (
+    <div>
+      <ul>
+        {data.posts.map((post) => (
+          <li key={post.id}>{post.title}</li>
+        ))}
+      </ul>
+      <button
+        disabled={isPending}
+        onClick={() => {
+          startTransition(() => {
+            fetchMore({
+              variables: {
+                offset: data.posts.length,
+              },
+            });
+          });
+        }}
+      >
+        {isPending ? "Loading..." : "Load more"}
+      </button>
+    </div>
+  );
+}
+```
+
+### When to Use
+
+- **Preloaded queries**: Access refetch/fetchMore for queries initiated with `preloadQuery`
+- **Background queries**: Use in child components receiving `queryRef` from `useBackgroundQuery`
+- **Loadable queries**: Refetch or paginate queries initiated with `useLoadableQuery`
+- **React transitions**: Integrate with transitions to avoid showing loading fallbacks during refetches
+
+## Distinguishing Queries with queryKey
+
+Apollo Client uses the combination of `query` and `variables` to uniquely identify each query. When multiple components use the same `query` and `variables`, they share the same identity and suspend at the same time, regardless of which component initiates the request.
+
+Use the `queryKey` option to ensure each hook has a unique identity:
+
+```tsx
+function UserProfile() {
+  // First query with unique key
+  const { data: userData } = useSuspenseQuery(GET_USER, {
+    variables: { id: "1" },
+    queryKey: ["user-profile"],
+  });
+
+  // Second query with same query and variables but different key
+  const { data: userPreview } = useSuspenseQuery(GET_USER, {
+    variables: { id: "1" },
+    queryKey: ["user-preview"],
+  });
+
+  return (
+    <div>
+      <UserCard user={userData.user} />
+      <UserSidebar user={userPreview.user} />
+    </div>
+  );
+}
+```
+
+### When to Use
+
+- **Multiple instances**: When rendering multiple components that use the same query and variables
+- **Preventing shared suspension**: When you want independent control over when each query suspends
+- **Separate cache entries**: When you need to maintain separate cache states for the same query
+
+> **Note**: Each item in the `queryKey` array must be a stable identifier to prevent infinite fetches.
+
+## Suspense Boundaries and Error Handling
+
+### Suspense Boundaries
+
+Wrap components that use Suspense hooks with `<Suspense>` boundaries to handle loading states. Place boundaries strategically to control the granularity of loading indicators.
+
+```tsx
+function App() {
+  return (
+    <>
+      {/* Top-level loading for entire page */}
+      <Suspense fallback={<PageSpinner />}>
+        <Header />
+        <Content />
+      </Suspense>
+    </>
+  );
+}
+
+function Content() {
+  return (
+    <>
+      <MainSection />
+      {/* Granular loading for sidebar */}
+      <Suspense fallback={<SidebarSkeleton />}>
+        <Sidebar />
+      </Suspense>
+    </>
+  );
+}
+```
+
+### Error Boundaries
+
+Suspense hooks throw errors to React error boundaries instead of returning them. Use error boundaries to handle GraphQL errors.
+
+```tsx
+import { ErrorBoundary } from "react-error-boundary";
+
+function App() {
+  return (
+    <ErrorBoundary
+      fallback={({ error }) => (
+        <div>
+          <h2>Something went wrong</h2>
+          <p>{error.message}</p>
+        </div>
+      )}
+    >
+      <Suspense fallback={<div>Loading...</div>}>
+        <Dog id="3" />
+      </Suspense>
+    </ErrorBoundary>
+  );
+}
+```
+
+### Custom Error Policies
+
+Use `errorPolicy` to control how errors are handled:
+
+```tsx
+function Dog({ id }: { id: string }) {
+  const { data, error } = useSuspenseQuery(GET_DOG, {
+    variables: { id },
+    errorPolicy: "all", // Return both data and errors
+  });
+
+  return (
+    <>
+      <div>Name: {data?.dog?.name ?? "Unknown"}</div>
+      {error && <div>Warning: {error.message}</div>}
+    </>
+  );
+}
+```
+
+## Transitions
+
+Use React transitions to avoid showing loading UI when updating state. Transitions keep the previous UI visible while new data is fetching.
+
+### Using startTransition
+
+```tsx
+import { useState, Suspense, startTransition } from "react";
+
+function DogSelector() {
+  const { data } = useSuspenseQuery(GET_DOGS);
+  const [selectedDog, setSelectedDog] = useState(data.dogs[0].id);
+
+  return (
+    <>
+      <select
+        value={selectedDog}
+        onChange={(e) => {
+          // Wrap state update in startTransition
+          startTransition(() => {
+            setSelectedDog(e.target.value);
+          });
+        }}
+      >
+        {data.dogs.map((dog) => (
+          <option key={dog.id} value={dog.id}>
+            {dog.name}
+          </option>
+        ))}
+      </select>
+      <Suspense fallback={<div>Loading...</div>}>
+        <Dog id={selectedDog} />
+      </Suspense>
+    </>
+  );
+}
+```
+
+### Using useTransition
+
+Use `useTransition` to get an `isPending` flag for visual feedback during transitions.
+
+```tsx
+import { useState, Suspense, useTransition } from "react";
+
+function DogSelector() {
+  const [isPending, startTransition] = useTransition();
+  const { data } = useSuspenseQuery(GET_DOGS);
+  const [selectedDog, setSelectedDog] = useState(data.dogs[0].id);
+
+  return (
+    <>
+      <select
+        style={{ opacity: isPending ? 0.5 : 1 }}
+        value={selectedDog}
+        onChange={(e) => {
+          startTransition(() => {
+            setSelectedDog(e.target.value);
+          });
+        }}
+      >
+        {data.dogs.map((dog) => (
+          <option key={dog.id} value={dog.id}>
+            {dog.name}
+          </option>
+        ))}
+      </select>
+      <Suspense fallback={<div>Loading...</div>}>
+        <Dog id={selectedDog} />
+      </Suspense>
+    </>
+  );
+}
+```
+
+## Avoiding Request Waterfalls
+
+Request waterfalls occur when a child component waits for the parent to finish rendering before it can start fetching its own data. Use `useBackgroundQuery` to start fetching child data earlier in the component tree.
+
+> **Note**: When one query depends on the result of another query (e.g., the child query needs an ID from the parent query), the waterfall is unavoidable. The best solution is to restructure your schema to fetch all needed data in a single nested query.
+
+### Example: Independent Queries
+
+When queries don't depend on each other, use `useBackgroundQuery` to start them in parallel:
+
+```tsx
+const GET_USER = gql`
+  query GetUser($id: String!) {
+    user(id: $id) {
+      id
+      name
+    }
+  }
+`;
+
+const GET_POSTS = gql`
+  query GetPosts {
+    posts {
+      id
+      title
+    }
+  }
+`;
+
+function Parent() {
+  // Both queries start immediately - no waterfall
+  const [userRef] = useBackgroundQuery(GET_USER, {
+    variables: { id: "1" },
+  });
+
+  const [postsRef] = useBackgroundQuery(GET_POSTS);
+
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <UserProfile queryRef={userRef} />
+      <PostsList queryRef={postsRef} />
+    </Suspense>
+  );
+}
+
+function UserProfile({ queryRef }: { queryRef: QueryRef<UserData> }) {
+  const { data } = useReadQuery(queryRef);
+
+  return <div>User: {data.user.name}</div>;
+}
+
+function PostsList({ queryRef }: { queryRef: QueryRef<PostsData> }) {
+  const { data } = useReadQuery(queryRef);
+
+  return (
+    <ul>
+      {data.posts.map((post) => (
+        <li key={post.id}>{post.title}</li>
+      ))}
+    </ul>
+  );
+}
+```
+
+## Fetch Policies
+
+Suspense hooks support most of the same fetch policies as `useQuery`, controlling how the query interacts with the cache. Note that `cache-only` and `standby` are not supported by Suspense hooks.
+
+| Policy              | Description                                                |
+| ------------------- | ---------------------------------------------------------- |
+| `cache-first`       | Return cached data if available, otherwise fetch (default) |
+| `cache-and-network` | Return cached data immediately, then fetch and update      |
+| `network-only`      | Always fetch, update cache, ignore cached data             |
+| `no-cache`          | Always fetch, never read or write cache                    |
+
+### Usage Examples
+
+```tsx
+// Always fetch fresh data
+const { data } = useSuspenseQuery(GET_NOTIFICATIONS, {
+  fetchPolicy: "network-only",
+});
+
+// Prefer cached data
+const { data } = useSuspenseQuery(GET_CATEGORIES, {
+  fetchPolicy: "cache-first",
+});
+
+// Show cached data while fetching fresh data
+const { data } = useSuspenseQuery(GET_POSTS, {
+  fetchPolicy: "cache-and-network",
+});
+```
+
+## Streaming SSR or React Server Components
+
+Apollo Client integrates with modern React frameworks that support Streaming SSR and React Server Components. For detailed setup instructions specific to your framework, see:
+
+- **Next.js App Router**: [integration-nextjs.md](./integration-nextjs.md) - Includes React Server Components, PreloadQuery component, and streaming SSR
+- **React Router**: [integration-react-router.md](./integration-react-router.md) - Framework mode with SSR support
+- **TanStack Start**: [integration-tanstack-start.md](./integration-tanstack-start.md) - Full-stack React framework with SSR
+
+These guides cover:
+
+- Framework-specific client setup and configuration
+- Preloading queries for optimal performance
+- Streaming SSR with `useBackgroundQuery` and Suspense
+- Error handling in server-rendered environments
+
+## Conditional Queries
+
+### Using skipToken
+
+Use `skipToken` to conditionally skip queries without TypeScript issues. When `skipToken` is used, the component won't suspend and `data` will be `undefined`.
+
+```tsx
+import { skipToken } from "@apollo/client";
+
+const GET_USER = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+      email
+    }
+  }
+`;
+
+function UserProfile({ userId }: { userId: string | null }) {
+  const { data, dataState } = useSuspenseQuery(
+    GET_USER,
+    !userId ? skipToken : (
+      {
+        variables: { id: userId },
+      }
+    )
+  );
+
+  if (dataState !== "complete") {
+    return <p>Select a user</p>;
+  }
+
+  return <Profile user={data.user} />;
+}
+```
+
+### Conditional Rendering
+
+Alternatively, use conditional rendering to control when Suspense hooks are called. This provides better type safety and clearer component logic.
+
+```tsx
+function UserProfile({ userId }: { userId: string | null }) {
+  if (!userId) {
+    return <p>Select a user</p>;
+  }
+
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <UserDetails userId={userId} />
+    </Suspense>
+  );
+}
+
+function UserDetails({ userId }: { userId: string }) {
+  const { data } = useSuspenseQuery(GET_USER, {
+    variables: { id: userId },
+  });
+
+  return <Profile user={data.user} />;
+}
+```
+
+> **Note**: Using conditional rendering with `skipToken` provides better type safety and avoids issues with required variables. The `skip` option is deprecated in favor of `skipToken`.
diff --git a/src/frontend/.claude/skills/apollo-client/references/troubleshooting.md b/src/frontend/.claude/skills/apollo-client/references/troubleshooting.md
new file mode 100644
index 00000000..379cbed2
--- /dev/null
+++ b/src/frontend/.claude/skills/apollo-client/references/troubleshooting.md
@@ -0,0 +1,487 @@
+# Troubleshooting Reference
+
+## Table of Contents
+
+- [Setup Issues](#setup-issues)
+- [Cache Issues](#cache-issues)
+- [TypeScript Issues](#typescript-issues)
+- [Performance Issues](#performance-issues)
+- [DevTools Usage](#devtools-usage)
+- [Common Error Messages](#common-error-messages)
+
+## Setup Issues
+
+### Provider Not Found
+
+**Error:** `Could not find "client" in the context or passed in as an option`
+
+**Cause:** Component is not wrapped with `ApolloProvider`.
+
+**Solution:**
+
+```tsx
+// Ensure ApolloProvider wraps your app
+import { ApolloProvider } from "@apollo/client";
+
+function App() {
+  return (
+    <ApolloProvider client={client}>
+      <YourApp />
+    </ApolloProvider>
+  );
+}
+```
+
+### Multiple Apollo Clients
+
+**Problem:** Unintended cache isolation or conflicting states.
+
+**Solution:** Use a single client instance or explicitly manage multiple clients:
+
+```tsx
+// Single client (recommended)
+const client = new ApolloClient({
+  /* ... */
+});
+
+export function App() {
+  return (
+    <ApolloProvider client={client}>
+      <Router />
+    </ApolloProvider>
+  );
+}
+
+// Multiple clients (rare use case)
+const publicClient = new ApolloClient({
+  uri: "/public/graphql",
+  cache: new InMemoryCache(),
+});
+const adminClient = new ApolloClient({
+  uri: "/admin/graphql",
+  cache: new InMemoryCache(),
+});
+
+function AdminSection() {
+  return (
+    <ApolloProvider client={adminClient}>
+      <AdminDashboard />
+    </ApolloProvider>
+  );
+}
+```
+
+### Client Created in Component
+
+**Problem:** New client on every render causes cache loss.
+
+**Solution:** Create client outside component or use a ref pattern:
+
+```tsx
+// Bad - new client on every render
+function App() {
+  const client = new ApolloClient({
+    /* ... */
+  }); // Don't do this!
+  return <ApolloProvider client={client}>...</ApolloProvider>;
+}
+
+// Module-level client definition
+// Okay if there is a 100% guarantee this application will never use SSR
+const client = new ApolloClient({
+  /* ... */
+});
+function App() {
+  return <ApolloProvider client={client}>...</ApolloProvider>;
+}
+
+// Good - store Apollo Client in a ref that is initialized once
+function useApolloClient(makeApolloClient: () => ApolloClient): ApolloClient {
+  const storeRef = useRef<ApolloClient | null>(null);
+  if (!storeRef.current) {
+    storeRef.current = makeApolloClient();
+  }
+  return storeRef.current;
+}
+
+// Better - singleton global in non-SSR environments to survive unmounts
+const singleton = Symbol.for("ApolloClientSingleton");
+declare global {
+  interface Window {
+    [singleton]?: ApolloClient;
+  }
+}
+
+function useApolloClient(makeApolloClient: () => ApolloClient): ApolloClient {
+  const storeRef = useRef<ApolloClient | null>(null);
+  if (!storeRef.current) {
+    if (typeof window === "undefined") {
+      storeRef.current = makeApolloClient();
+    } else {
+      window[singleton] ??= makeApolloClient();
+      storeRef.current = window[singleton];
+    }
+  }
+  return storeRef.current;
+}
+// Note: this second option might need manual removal between tests
+```
+
+## Cache Issues
+
+### Stale Data Not Updating
+
+**Problem:** UI doesn't reflect mutations or other updates.
+
+**Solution 1:** Verify cache key identification:
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    // Ensure proper identification
+    Product: {
+      keyFields: ["id"], // or ['sku'] if no id field
+    },
+  },
+});
+```
+
+**Solution 2:** Update cache after mutations:
+
+```tsx
+const [deleteProduct] = useMutation(DELETE_PRODUCT, {
+  update: (cache, { data }) => {
+    cache.evict({ id: cache.identify(data.deleteProduct) });
+    cache.gc();
+  },
+});
+```
+
+**Solution 3:** Use appropriate fetch policy:
+
+```tsx
+const { data } = useQuery(GET_PRODUCTS, {
+  fetchPolicy: "cache-and-network", // Always fetch fresh data
+});
+```
+
+### Missing Cache Updates After Mutation
+
+**Problem:** New items don't appear in lists after creation.
+
+**Solution:** Manually update the cache:
+
+```tsx
+const [createProduct] = useMutation(CREATE_PRODUCT, {
+  update: (cache, { data }) => {
+    const existing = cache.readQuery<{ products: Product[] }>({
+      query: GET_PRODUCTS,
+    });
+
+    cache.writeQuery({
+      query: GET_PRODUCTS,
+      data: {
+        products: [...(existing?.products ?? []), data.createProduct],
+      },
+    });
+  },
+});
+```
+
+### Pagination Cache Issues
+
+**Problem:** Paginated data not merging correctly.
+
+**Solution:** Configure proper type policies:
+
+```typescript
+const cache = new InMemoryCache({
+  typePolicies: {
+    Query: {
+      fields: {
+        products: {
+          keyArgs: ["category"], // Only category creates new cache entries
+          merge(existing = [], incoming) {
+            return [...existing, ...incoming];
+          },
+        },
+      },
+    },
+  },
+});
+```
+
+### Cache Normalization Problems
+
+**Problem:** Objects with same ID showing different data in different queries.
+
+**Debug:** Check cache contents:
+
+```typescript
+// In DevTools console or component
+console.log(client.cache.extract());
+```
+
+**Solution:** Ensure consistent `__typename` and `id` fields:
+
+```graphql
+query GetUsers {
+  users {
+    id # Always include id
+    name
+  }
+}
+```
+
+## TypeScript Issues
+
+### Type Generation Setup
+
+**Problem:** No type safety for GraphQL operations.
+
+**Solution:** Set up GraphQL Code Generator with the [recommended starter configuration](https://www.apollographql.com/docs/react/development-testing/graphql-codegen#recommended-starter-configuration), as described in the [Skill](../SKILL.md).
+
+### Using Generated Types
+
+```tsx
+import { useQuery } from "@apollo/client/react";
+import { GetUsersDocument, GetUsersQuery } from "./generated/graphql";
+
+function UserList() {
+  // Fully typed without manual type annotations
+  const { data, loading, error } = useQuery(GetUsersDocument);
+
+  // data.users is automatically typed as GetUsersQuery['users']
+  return (
+    <ul>{data?.users.map((user) => <li key={user.id}>{user.name}</li>)}</ul>
+  );
+}
+```
+
+## Performance Issues
+
+### Over-Fetching
+
+**Problem:** Fetching more data than needed.
+
+**Solution:** Select only required fields:
+
+```graphql
+# Bad - fetching everything
+query GetUsers {
+  users {
+    id
+    name
+    email
+    profile { ... }
+    posts { ... }
+    friends { ... }
+  }
+}
+
+# Good - fetch what's needed
+query GetUserNames {
+  users {
+    id
+    name
+  }
+}
+```
+
+### N+1 Queries
+
+**Problem:** Multiple network requests for related data.
+
+**Solution:** Structure queries to batch requests. Best practice: use query colocation and compose queries from fragments defined on child components.
+
+```graphql
+# Bad - separate queries
+query GetUser($id: ID!) {
+  user(id: $id) {
+    id
+    name
+  }
+}
+query GetUserPosts($userId: ID!) {
+  posts(userId: $userId) {
+    id
+    title
+  }
+}
+
+# Good - single query
+query GetUserWithPosts($id: ID!) {
+  user(id: $id) {
+    id
+    name
+    posts {
+      id
+      title
+    }
+  }
+}
+```
+
+### Unnecessary Re-Renders
+
+**Problem:** Components re-render when unrelated cache data changes.
+
+**Solution:** Use `useFragment` and data masking for selective field reading. If that is not possible, `useQuery` with `@nonreactive` directives might be an alternative.
+
+```tsx
+// Prefer useFragment with data masking
+const { data } = useFragment({
+  fragment: USER_FRAGMENT,
+  from: { __typename: "User", id },
+});
+
+// Alternative: use @nonreactive directive
+const GET_USER = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+      # This field won't trigger re-renders when it changes
+      metadata @nonreactive {
+        lastSeen
+        preferences
+      }
+    }
+  }
+`;
+
+const { data } = useQuery(GET_USER, {
+  variables: { id },
+});
+```
+
+### Cache Misses
+
+**Debug:** Use Apollo DevTools to inspect cache.
+
+```typescript
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  // DevTools are enabled by default in development
+  // Only configure this when you need to enable them in production
+  devtools: {
+    enabled: true,
+  },
+});
+```
+
+## DevTools Usage
+
+### Installing Apollo DevTools
+
+Install the browser extension:
+
+- [Chrome](https://chrome.google.com/webstore/detail/apollo-client-devtools/jdkknkkbebbapilgoeccciglkfbmbnfm)
+- [Firefox](https://addons.mozilla.org/en-US/firefox/addon/apollo-developer-tools/)
+
+### Enabling DevTools
+
+DevTools are enabled by default in development. Only configure this setting if you need to enable them in production:
+
+```typescript
+const client = new ApolloClient({
+  cache: new InMemoryCache(),
+  devtools: {
+    enabled: true, // Set to true to enable in production
+  },
+});
+```
+
+### DevTools Features
+
+1. **Cache Inspector**: View normalized cache contents
+2. **Queries**: See active queries and their states
+3. **Mutations**: Track mutation history
+4. **Explorer**: Build and test queries against your schema
+5. **Memoization Limits**: Monitor and track cache memoization
+6. **Cache Writes**: Track all writes to the cache
+
+### Debugging Cache
+
+```typescript
+// Log cache contents
+console.log(JSON.stringify(client.cache.extract(), null, 2));
+
+// Check specific object using cache.identify
+console.log(
+  client.cache.readFragment({
+    id: cache.identify({ __typename: "User", id: 1 }),
+    fragment: gql`
+      fragment _ on User {
+        id
+        name
+        email
+      }
+    `,
+  })
+);
+```
+
+## Common Error Messages
+
+### "Missing field 'X' in {...}"
+
+**Cause:** Query doesn't include required field for cache normalization.
+
+**Solution:** Include `id` and `__typename`:
+
+```graphql
+query GetUsers {
+  users {
+    id # Required for caching
+    __typename # Usually added automatically
+    name
+  }
+}
+```
+
+**Additional advice**: Read the full error message thoroughly.
+
+### "Store reset while query was in flight"
+
+**Cause:** `client.resetStore()` called during active queries.
+
+**Solution:** Wait for queries to complete or use `clearStore()`:
+
+```typescript
+// Option 1: Clear without refetching
+await client.clearStore();
+
+// Option 2: Reset and refetch active queries
+await client.resetStore();
+```
+
+### "Invariant Violation: X"
+
+**Cause:** Various configuration or usage errors.
+
+**Common fixes:**
+
+- Ensure `ApolloProvider` wraps the component tree
+- Check that `gql` tagged templates are valid GraphQL
+- Verify cache configuration matches your schema
+
+### "Cannot read property 'X' of undefined"
+
+**Cause:** Accessing data before query completes.
+
+**Solution:** Check `dataState` for proper type narrowing:
+
+```tsx
+const { data, dataState } = useQuery(GET_USER);
+
+// dataState can be "complete", "partial", "streaming", or "empty"
+// It describes the completeness of the data, not a loading state
+if (dataState === "empty") return <Spinner />;
+
+// Now data is guaranteed to exist
+return <div>{data.user.name}</div>;
+
+// Or use optional chaining
+return <div>{data?.user?.name}</div>;
+```
diff --git a/src/frontend/.claude/skills/apollo-client/references/typescript-codegen.md b/src/frontend/.claude/skills/apollo-client/references/typescript-codegen.md
new file mode 100644
index 00000000..91d01d2a
--- /dev/null
+++ b/src/frontend/.claude/skills/apollo-client/references/typescript-codegen.md
@@ -0,0 +1,133 @@
+# TypeScript Code Generation
+
+This guide covers setting up GraphQL Code Generator for type-safe Apollo Client usage with TypeScript.
+
+## Installation
+
+```bash
+npm install -D @graphql-codegen/cli @graphql-codegen/typescript @graphql-codegen/typescript-operations @graphql-codegen/typed-document-node
+```
+
+## Configuration
+
+Create a `codegen.ts` file in your project root:
+
+```typescript
+// codegen.ts
+import { CodegenConfig } from "@graphql-codegen/cli";
+
+const config: CodegenConfig = {
+  overwrite: true,
+  schema: "<URL_OF_YOUR_GRAPHQL_API>",
+  // This assumes that all your source files are in a top-level `src/` directory - you might need to adjust this to your file structure
+  documents: ["src/**/*.{ts,tsx}"],
+  // Don't exit with non-zero status when there are no documents
+  ignoreNoDocuments: true,
+  generates: {
+    // Use a path that works the best for the structure of your application
+    "./src/types/__generated__/graphql.ts": {
+      plugins: ["typescript", "typescript-operations", "typed-document-node"],
+      config: {
+        avoidOptionals: {
+          // Use `null` for nullable fields instead of optionals
+          field: true,
+          // Allow nullable input fields to remain unspecified
+          inputValue: false,
+        },
+        // Use `unknown` instead of `any` for unconfigured scalars
+        defaultScalarType: "unknown",
+        // Apollo Client always includes `__typename` fields
+        nonOptionalTypename: true,
+        // Apollo Client doesn't add the `__typename` field to root types so
+        // don't generate a type for the `__typename` for root operation types.
+        skipTypeNameForRoot: true,
+      },
+    },
+  },
+};
+
+export default config;
+```
+
+## Enable Data Masking
+
+To enable data masking with GraphQL Code Generator, create a type declaration file to inform Apollo Client about the generated types:
+
+```typescript
+// apollo-client.d.ts
+import { GraphQLCodegenDataMasking } from "@apollo/client/masking";
+
+declare module "@apollo/client" {
+  export interface TypeOverrides
+    extends GraphQLCodegenDataMasking.TypeOverrides {}
+}
+```
+
+## Running Code Generation
+
+Add a script to your `package.json`:
+
+```json
+{
+  "scripts": {
+    "codegen": "graphql-codegen"
+  }
+}
+```
+
+Run code generation:
+
+```bash
+npm run codegen
+```
+
+## Usage with Apollo Client
+
+The typed-document-node plugin generates `TypedDocumentNode` types that Apollo Client hooks automatically infer.
+
+### Defining Operations
+
+Define your operations inline with the `if (false)` pattern. This allows GraphQL Code Generator to detect and extract operations without executing the code at runtime (bundlers omit this dead code during minification):
+
+```typescript
+import { gql } from "@apollo/client";
+
+// This query will never be consumed in runtime code, so it is wrapped in `if (false)` so the bundler can omit it when bundling.
+if (false) {
+  gql`
+    query GetUser($id: ID!) {
+      user(id: $id) {
+        id
+        name
+        email
+      }
+    }
+  `;
+}
+```
+
+### Using Generated Types
+
+After running `npm run codegen`, import the generated `TypedDocumentNode`:
+
+```typescript
+import { useQuery } from "@apollo/client/react";
+import { GetUserDocument } from "./queries.generated";
+
+function UserProfile({ userId }: { userId: string }) {
+  // Types are automatically inferred from GetUserDocument
+  const { data } = useQuery(GetUserDocument, {
+    variables: { id: userId },
+  });
+
+  // ... other logic ...
+
+  return <div>{data?.user.name}</div>;
+}
+```
+
+## Important Notes
+
+- The typed-document-node plugin might have a bundle size tradeoff but can prevent inconsistencies and is best suited for usage with LLMs, so it is recommended for most applications.
+- See the [GraphQL Code Generator documentation](https://www.apollographql.com/docs/react/development-testing/graphql-codegen#recommended-starter-configuration) for other recommended configuration patterns if required.
+- Apollo Client hooks automatically infer types from `TypedDocumentNode` - never use manual generics like `useQuery<QueryType, VariablesType>()`.
diff --git a/src/frontend/.gitignore b/src/frontend/.gitignore
index 3b462cb0..6c4b1008 100644
--- a/src/frontend/.gitignore
+++ b/src/frontend/.gitignore
@@ -8,6 +8,13 @@ node_modules
 /.svelte-kit
 /build
 
+# WASM build artifacts (built from crates/wasm_bindings/)
+src/lib/wasm/*.wasm
+src/lib/wasm/*.js
+src/lib/wasm/*.d.ts
+src/lib/wasm/*.bg.*
+!src/lib/wasm/chithi_wasm.ts
+
 # OS
 .DS_Store
 Thumbs.db
diff --git a/src/frontend/PLAN.md b/src/frontend/PLAN.md
new file mode 100644
index 00000000..f2ca30f5
--- /dev/null
+++ b/src/frontend/PLAN.md
@@ -0,0 +1,137 @@
+# Svelte Frontend Improvement Plan
+
+> **Date**: 2026-07-31
+> **Branch**: `feat/jxr-other`
+> **Source**: Comprehensive codebase exploration + static analysis
+
+---
+
+## Quick Wins (Low Risk, High Impact)
+
+### 1. Remove duplicate `vite.config.js`
+
+**Problem**: Both `vite.config.js` and `vite.config.ts` exist. Vite loads whichever it finds first, creating unpredictable behavior. The `.js` file is a minimal stale version.
+
+**Action**: Delete `vite.config.js`, merge `optimizeDeps.exclude` into `vite.config.ts`.
+
+**Status**: TODO
+
+### 2. Remove unused npm dependencies
+
+**Problem**: Several packages are installed but never imported:
+
+| Package | Type | Reason |
+|---------|------|--------|
+| `urql` | runtime | Leftover from GraphQL client migration, Apollo is used instead |
+| `takumi-js` | runtime | No imports found |
+| `superforms` | runtime | No imports found |
+| `sveltekit-superforms` | dev | No imports found |
+| `wabt` | dev | No imports found |
+| `bowser` | dev | No imports found |
+| `hash-wasm` | dev | No imports found |
+| `caniuse-lite` | dev | No imports found |
+| `@internationalized/date` | dev | No imports found |
+| `@testing-library/svelte` | dev | No test files import it |
+
+**Action**: Run `npm uninstall` on each, verify `npm run check` and `npm run build` still pass.
+
+**Status**: TODO
+
+### 3. Move `graphql` to devDependencies
+
+**Problem**: `graphql` v17 is in `dependencies` but only imported for the `DocumentNode` type in `hooks.ts` — a build-time need.
+
+**Action**: `npm move graphql --dev`
+
+**Status**: TODO
+
+### 4. Replace remaining `onMount` with `$effect.pre`
+
+**Problem**: `upload/+page.svelte` uses `onMount` from legacy Svelte for `window.history.pushState`. Everything else uses Svelte 5 runes.
+
+**Action**: Replace with `$effect.pre`.
+
+**Status**: TODO
+
+### 5. Add user-facing error toasts where only `console.error` exists
+
+**Problem**: Several catch blocks log to console but don't inform the user:
+- `once/[slug]/+page.svelte` — `console.error(e)` with no toast
+- `view/[slug]/+page.svelte` — `console.error(e)` with no toast
+- `download/[slug]/+page.svelte` — `console.error(e)` with no toast
+
+**Action**: Add `toast.error()` calls from `svelte-sonner` in these catch blocks.
+
+**Status**: TODO
+
+---
+
+## Medium Priority
+
+### 6. Fix module-level Apollo subscription in `auth.ts`
+
+**Problem**: `lib/queries/auth.ts` creates a `watchQuery` at module load time — it starts even when no component uses it and never cleans up. Memory leak risk.
+
+**Action**: Move the subscription into the `useAuth` hook or a component that calls it, with proper `$effect` cleanup.
+
+**Status**: TODO
+
+### 7. Add keyboard accessibility to clickable `Card.Root` elements
+
+**Problem**: Home page cards and reverse share cards use `onclick` on `Card.Root` without `role="button"` or `tabindex`, making them unreachable via keyboard.
+
+**Action**: Add `role="button" tabindex="0" onkeydown={(e) => e.key === 'Enter' && ...}` or replace with `<Button>` wrappers.
+
+**Status**: TODO
+
+### 8. Consolidate TanStack Query or remove it
+
+**Problem**: TanStack Query is set up (`QueryClientProvider`, devtools) but underutilized — most data fetching uses custom Apollo `watchQuery` wrappers. This is either redundant or an incomplete migration.
+
+**Decision needed**: Either migrate Apollo queries to TanStack Query hooks, or remove TanStack Query entirely.
+
+**Status**: TODO (decision required)
+
+---
+
+## Nice-to-Have
+
+### 9. Add loading states to GraphQL queries
+
+**Problem**: The custom `watchQuery` hooks in `graphql/hooks.ts` return `{ data, loading, error }` but some components don't render loading skeletons.
+
+**Action**: Add `Skeleton` components from shadcn-svelte where queries can take >500ms.
+
+**Status**: TODO
+
+### 10. Add error boundaries per route group
+
+**Problem**: The global `+error.svelte` handles all errors generically. A failure in one route group shouldn't break the entire app.
+
+**Action**: Add `+error.svelte` in `(needs_onboarding)` and `(navbar_and_footer)` route groups.
+
+**Status**: TODO
+
+### 11. Migrate reverse room queries to GraphQL
+
+**Problem**: `lib/queries/reverse.ts` uses raw `fetch()` calls with a TODO to migrate to GraphQL.
+
+**Action**: Create GraphQL mutations/queries for reverse room operations. Depends on Django backend having reverse room models.
+
+**Status**: DEFER (backend dependency)
+
+---
+
+## Verification Checklist
+
+- [ ] `vite.config.js` removed, `vite.config.ts` has all settings
+- [ ] Unused dependencies removed, `npm install` is cleaner
+- [ ] `graphql` moved to devDependencies
+- [ ] `onMount` replaced with `$effect.pre`
+- [ ] Error toasts added to `once/`, `view/`, `download/` pages
+- [ ] Module-level Apollo subscription moved into a hook
+- [ ] Clickable cards have keyboard accessibility
+- [ ] TanStack Query decision made (keep or remove)
+- [ ] `npm run check` passes (0 errors)
+- [ ] `npm run build` succeeds
+- [ ] Playwright visual verification — no regressions
diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index d028949b..dee0e63f 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -8,6 +8,10 @@
 			"name": "chithi",
 			"version": "0.0.1",
 			"dependencies": {
+				"@apollo/client": "^4.2.8",
+				"@internationalized/date": "^3.12.2",
+				"apollo-upload-client": "^19.0.0",
+				"embla-carousel-svelte": "^8.6.0",
 				"takumi-js": "^1.0.15"
 			},
 			"devDependencies": {
@@ -19,18 +23,22 @@
 				"@discourse/gif": "^1.0.0",
 				"@discourse/heic": "^1.0.0",
 				"@discourse/jxr": "^1.0.0",
+				"@discourse/webp": "^1.5.0",
 				"@eslint/compat": "^2.0.5",
 				"@eslint/js": "^10.0.1",
 				"@fontsource-variable/geist": "^5.2.8",
 				"@fontsource-variable/jetbrains-mono": "^5.2.8",
+				"@graphql-codegen/cli": "^7.2.0",
+				"@graphql-codegen/typescript": "^6.1.0",
+				"@graphql-codegen/typescript-operations": "^6.1.2",
+				"@graphql-codegen/typescript-resolvers": "^6.1.0",
 				"@icons-pack/svelte-simple-icons": "^7.2.0",
-				"@internationalized/date": "^3.12.1",
+				"@jsquash/avif": "^2.1.1",
 				"@jsquash/jxl": "^1.3.0",
 				"@jsquash/oxipng": "^2.3.0",
 				"@jsquash/png": "^3.1.1",
 				"@jsquash/qoi": "^1.1.0",
-				"@jsquash/webp": "^1.1.0",
-				"@lucide/svelte": "^1.16.0",
+				"@lucide/svelte": "^1.22.0",
 				"@resvg/resvg-wasm": "^2.6.2",
 				"@sveltejs/adapter-node": "^5.5.4",
 				"@sveltejs/kit": "^2.58.0",
@@ -40,13 +48,13 @@
 				"@tailwindcss/vite": "=4.3.0",
 				"@tanstack/svelte-query": "^6.1.25",
 				"@tanstack/svelte-query-devtools": "^6.1.25",
+				"@tanstack/table-core": "^8.21.3",
 				"@types/caniuse-lite": "^1.0.5",
 				"@types/d3": "^7.4.3",
 				"@types/node": "^25.6.0",
 				"@types/nprogress": "^0.2.3",
 				"@types/qrcode": "^1.5.6",
 				"@vitest/browser-playwright": "^4.1.5",
-				"@zip.js/zip.js": "^2.8.26",
 				"bits-ui": "^2.18.0",
 				"bowser": "^2.14.1",
 				"caniuse-lite": "^1.0.30001587",
@@ -59,7 +67,8 @@
 				"eslint-plugin-svelte": "^3.17.1",
 				"formsnap": "^2.0.1",
 				"globals": "^17.5.0",
-				"hash-wasm": "^4.12.0",
+				"graphql": "^17.0.2",
+				"graphql-tag-pluck": "^0.8.7",
 				"layerchart": "^2.0.0-next.48",
 				"mode-watcher": "^1.1.0",
 				"nprogress": "^0.2.0",
@@ -77,7 +86,7 @@
 				"remark-rehype": "^11.1.2",
 				"rollup-plugin-visualizer": "^7.0.1",
 				"sass-embedded": "^1.99.0",
-				"shadcn-svelte": "^1.2.7",
+				"shadcn-svelte": "^1.3.0",
 				"superforms": "^0.0.1",
 				"svelte": "^5.55.5",
 				"svelte-check": "^4.4.6",
@@ -87,16 +96,79 @@
 				"tailwind-merge": "^3.5.0",
 				"tailwind-variants": "^3.2.2",
 				"tailwindcss": "^4.2.4",
+				"temporal-polyfill": "^0.3.2",
 				"tw-animate-css": "^1.4.0",
 				"typescript": "^6.0.3",
 				"typescript-eslint": "^8.59.1",
 				"unified": "^11.0.5",
 				"uuid": "^14.0.0",
+				"vaul-svelte": "^1.0.0-next.7",
 				"vite": "^8.0.9",
+				"vite-plugin-top-level-await": "^1.6.0",
+				"vite-plugin-wasm": "^3.6.0",
 				"vitest": "^4.1.4",
 				"zod": "^4.3.6"
 			}
 		},
+		"node_modules/@apollo/client": {
+			"version": "4.2.8",
+			"resolved": "https://registry.npmjs.org/@apollo/client/-/client-4.2.8.tgz",
+			"integrity": "sha512-Iw/e/5fpOx+/2CgtcFNLdwxtdPzwTfmD4mYRjHA1UBdkfe6WOtWLRQeRESCUJCh49blXwp9I496A0MIoLgmCsw==",
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-typed-document-node/core": "^3.1.1",
+				"@wry/caches": "^1.0.0",
+				"@wry/equality": "^0.5.6",
+				"@wry/trie": "^0.5.0",
+				"graphql-tag": "^2.12.6",
+				"optimism": "^0.18.0",
+				"tslib": "^2.3.0"
+			},
+			"peerDependencies": {
+				"graphql": "^16.0.0 || ^17.0.0",
+				"graphql-ws": "^5.5.5 || ^6.0.3",
+				"react": "^17.0.0 || ^18.0.0 || >=19.0.0-rc",
+				"react-dom": "^17.0.0 || ^18.0.0 || >=19.0.0-rc",
+				"rxjs": "^7.3.0",
+				"subscriptions-transport-ws": "^0.9.0 || ^0.11.0"
+			},
+			"peerDependenciesMeta": {
+				"graphql-ws": {
+					"optional": true
+				},
+				"react": {
+					"optional": true
+				},
+				"react-dom": {
+					"optional": true
+				},
+				"subscriptions-transport-ws": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@ardatan/relay-compiler": {
+			"version": "13.0.2",
+			"resolved": "https://registry.npmjs.org/@ardatan/relay-compiler/-/relay-compiler-13.0.2.tgz",
+			"integrity": "sha512-VFpv9UP820SiwDUPYtq7PmD3jifzZlevkQ26bhbSzFeruSTys0eHzQCZyKg+IhgmZzwPI9AFjPe26ABNjGeIKg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/runtime": "^8.0.0",
+				"immutable": "^5.1.9",
+				"invariant": "^2.2.4"
+			},
+			"peerDependencies": {
+				"graphql": "*"
+			}
+		},
+		"node_modules/@ardatan/relay-compiler/node_modules/@babel/runtime": {
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-8.0.0.tgz",
+			"integrity": "sha512-sL6cvO2IfkSu/iU+zs2S/w01B7A8V7suXSIKEN4hPFFdZoiPGxrj5pAG0lCaqLWiEIrjKzdznIWuaLcxPR53qw==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/@ark/schema": {
 			"version": "0.56.0",
 			"resolved": "https://registry.npmjs.org/@ark/schema/-/schema-0.56.0.tgz",
@@ -116,6 +188,244 @@
 			"license": "MIT",
 			"optional": true
 		},
+		"node_modules/@babel/code-frame": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
+			"integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-validator-identifier": "^7.29.7",
+				"js-tokens": "^4.0.0",
+				"picocolors": "^1.1.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/compat-data": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz",
+			"integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/core": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz",
+			"integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/code-frame": "^7.29.7",
+				"@babel/generator": "^7.29.7",
+				"@babel/helper-compilation-targets": "^7.29.7",
+				"@babel/helper-module-transforms": "^7.29.7",
+				"@babel/helpers": "^7.29.7",
+				"@babel/parser": "^7.29.7",
+				"@babel/template": "^7.29.7",
+				"@babel/traverse": "^7.29.7",
+				"@babel/types": "^7.29.7",
+				"@jridgewell/remapping": "^2.3.5",
+				"convert-source-map": "^2.0.0",
+				"debug": "^4.1.0",
+				"gensync": "^1.0.0-beta.2",
+				"json5": "^2.2.3",
+				"semver": "^6.3.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/babel"
+			}
+		},
+		"node_modules/@babel/core/node_modules/semver": {
+			"version": "6.3.1",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+			"integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+			"dev": true,
+			"license": "ISC",
+			"bin": {
+				"semver": "bin/semver.js"
+			}
+		},
+		"node_modules/@babel/generator": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.7.tgz",
+			"integrity": "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/parser": "^7.29.7",
+				"@babel/types": "^7.29.7",
+				"@jridgewell/gen-mapping": "^0.3.12",
+				"@jridgewell/trace-mapping": "^0.3.28",
+				"jsesc": "^3.0.2"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-compilation-targets": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz",
+			"integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/compat-data": "^7.29.7",
+				"@babel/helper-validator-option": "^7.29.7",
+				"browserslist": "^4.24.0",
+				"lru-cache": "^5.1.1",
+				"semver": "^6.3.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+			"version": "6.3.1",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+			"integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+			"dev": true,
+			"license": "ISC",
+			"bin": {
+				"semver": "bin/semver.js"
+			}
+		},
+		"node_modules/@babel/helper-globals": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz",
+			"integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-module-imports": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.29.7.tgz",
+			"integrity": "sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/traverse": "^7.29.7",
+				"@babel/types": "^7.29.7"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-module-transforms": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz",
+			"integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-module-imports": "^7.29.7",
+				"@babel/helper-validator-identifier": "^7.29.7",
+				"@babel/traverse": "^7.29.7"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"peerDependencies": {
+				"@babel/core": "^7.0.0"
+			}
+		},
+		"node_modules/@babel/helper-plugin-utils": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.29.7.tgz",
+			"integrity": "sha512-G7sHYigPY17oO5SYWnfD/0MTBwVR781S/JI643e/JhUYgVgWE/61SoW3NH9KWUKyKq5LVh3npif99Wkt6j86Jw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-string-parser": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+			"integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-validator-identifier": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+			"integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-validator-option": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz",
+			"integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helpers": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz",
+			"integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/template": "^7.29.7",
+				"@babel/types": "^7.29.7"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/parser": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
+			"integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/types": "^7.29.7"
+			},
+			"bin": {
+				"parser": "bin/babel-parser.js"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@babel/plugin-syntax-import-assertions": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.29.7.tgz",
+			"integrity": "sha512-/An1OCBN93thpBAGyfsK2pcf0jvju1SAtKkL2Ny++B5Sy6sqgzXDQH1cZxWbF96Wuk+bn41MDA9bLd4VVAw6rw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-plugin-utils": "^7.29.7"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"peerDependencies": {
+				"@babel/core": "^7.0.0-0"
+			}
+		},
 		"node_modules/@babel/runtime": {
 			"version": "7.29.2",
 			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.2.tgz",
@@ -127,6 +437,54 @@
 				"node": ">=6.9.0"
 			}
 		},
+		"node_modules/@babel/template": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz",
+			"integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/code-frame": "^7.29.7",
+				"@babel/parser": "^7.29.7",
+				"@babel/types": "^7.29.7"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/traverse": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.7.tgz",
+			"integrity": "sha512-EhlfNQtZ+NK22w5BM61ciuiq1m58ed33Wr1Xan//ZRTy6hgjnwyCffRYwzsGXdASJSUJ1guZILsErh1eQcl+zw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/code-frame": "^7.29.7",
+				"@babel/generator": "^7.29.7",
+				"@babel/helper-globals": "^7.29.7",
+				"@babel/parser": "^7.29.7",
+				"@babel/template": "^7.29.7",
+				"@babel/types": "^7.29.7",
+				"debug": "^4.3.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/types": {
+			"version": "7.29.7",
+			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
+			"integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-string-parser": "^7.29.7",
+				"@babel/helper-validator-identifier": "^7.29.7"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
 		"node_modules/@blazediff/core": {
 			"version": "1.9.1",
 			"resolved": "https://registry.npmjs.org/@blazediff/core/-/core-1.9.1.tgz",
@@ -610,6 +968,16 @@
 			"dev": true,
 			"license": "Apache-2.0"
 		},
+		"node_modules/@discourse/webp": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/@discourse/webp/-/webp-1.5.0.tgz",
+			"integrity": "sha512-2dXuEED+ISG26RbWij3NvdQmgHCD8ssnPoHMd0LnLKJc/dtd2lqg1dhrrA/WYDxfFoJaoGepoxFOsqe0d2/wqw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"wasm-feature-detect": "^1.2.11"
+			}
+		},
 		"node_modules/@emnapi/core": {
 			"version": "1.10.0",
 			"resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz",
@@ -644,6 +1012,50 @@
 				"tslib": "^2.4.0"
 			}
 		},
+		"node_modules/@envelop/core": {
+			"version": "5.5.1",
+			"resolved": "https://registry.npmjs.org/@envelop/core/-/core-5.5.1.tgz",
+			"integrity": "sha512-3DQg8sFskDo386TkL5j12jyRAdip/8yzK3x7YGbZBgobZ4aKXrvDU0GppU0SnmrpQnNaiTUsxBs9LKkwQ/eyvw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@envelop/instrumentation": "^1.0.0",
+				"@envelop/types": "^5.2.1",
+				"@whatwg-node/promise-helpers": "^1.2.4",
+				"tslib": "^2.5.0"
+			},
+			"engines": {
+				"node": ">=18.0.0"
+			}
+		},
+		"node_modules/@envelop/instrumentation": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/@envelop/instrumentation/-/instrumentation-1.0.0.tgz",
+			"integrity": "sha512-cxgkB66RQB95H3X27jlnxCRNTmPuSTgmBAq6/4n2Dtv4hsk4yz8FadA1ggmd0uZzvKqWD6CR+WFgTjhDqg7eyw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@whatwg-node/promise-helpers": "^1.2.1",
+				"tslib": "^2.5.0"
+			},
+			"engines": {
+				"node": ">=18.0.0"
+			}
+		},
+		"node_modules/@envelop/types": {
+			"version": "5.2.1",
+			"resolved": "https://registry.npmjs.org/@envelop/types/-/types-5.2.1.tgz",
+			"integrity": "sha512-CsFmA3u3c2QoLDTfEpGr4t25fjMU31nyvse7IzWTvb0ZycuPjMjb0fjlheh+PbhBYb9YLugnT2uY6Mwcg1o+Zg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@whatwg-node/promise-helpers": "^1.0.0",
+				"tslib": "^2.5.0"
+			},
+			"engines": {
+				"node": ">=18.0.0"
+			}
+		},
 		"node_modules/@epic-web/invariant": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/@epic-web/invariant/-/invariant-1.0.0.tgz",
@@ -808,6 +1220,13 @@
 			"license": "MIT",
 			"optional": true
 		},
+		"node_modules/@fastify/busboy": {
+			"version": "3.2.0",
+			"resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-3.2.0.tgz",
+			"integrity": "sha512-m9FVDXU3GT2ITSe0UaMA5rU3QkfC/UXtCU8y0gSN/GugTqtVldOBWIB5V6V3sbmenVZUIpU6f+mPEO2+m5iTaA==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/@floating-ui/core": {
 			"version": "1.7.5",
 			"resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz",
@@ -856,111 +1275,1466 @@
 				"url": "https://github.com/sponsors/ayuhito"
 			}
 		},
-		"node_modules/@hapi/hoek": {
-			"version": "9.3.0",
-			"resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
-			"integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==",
-			"dev": true,
-			"license": "BSD-3-Clause",
-			"optional": true
-		},
-		"node_modules/@hapi/topo": {
-			"version": "5.1.0",
-			"resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz",
-			"integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==",
-			"dev": true,
-			"license": "BSD-3-Clause",
-			"optional": true,
-			"dependencies": {
-				"@hapi/hoek": "^9.0.0"
-			}
-		},
-		"node_modules/@humanfs/core": {
-			"version": "0.19.2",
-			"resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
-			"integrity": "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==",
+		"node_modules/@graphql-codegen/add": {
+			"version": "7.1.0",
+			"resolved": "https://registry.npmjs.org/@graphql-codegen/add/-/add-7.1.0.tgz",
+			"integrity": "sha512-bytJg1kel5zfgK3JSYbGwtpbNe6F9OPZSR6DiMDe9RVxblAgl6w4zEEPd/mM3rhNJ1VmGYLbNnf5e1eUfXQEbg==",
 			"dev": true,
-			"license": "Apache-2.0",
+			"license": "MIT",
 			"dependencies": {
-				"@humanfs/types": "^0.15.0"
+				"@graphql-codegen/plugin-helpers": "^7.1.0",
+				"tslib": "^2.8.0"
 			},
 			"engines": {
-				"node": ">=18.18.0"
+				"node": ">=16"
+			},
+			"peerDependencies": {
+				"graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
 			}
 		},
-		"node_modules/@humanfs/node": {
-			"version": "0.16.8",
+		"node_modules/@graphql-codegen/cli": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/@graphql-codegen/cli/-/cli-7.2.0.tgz",
+			"integrity": "sha512-JPJw2vquEIpO3b8XJyxFVTrYi6WRn/OKu/SlzQA+IwAVT7GZPeG+AHmfRXAvpVMj31899nTpQYEQGUxx3ZqubQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/generator": "^7.18.13",
+				"@babel/template": "^7.18.10",
+				"@babel/types": "^7.18.13",
+				"@graphql-codegen/client-preset": "^6.1.0",
+				"@graphql-codegen/core": "^6.2.0",
+				"@graphql-codegen/plugin-helpers": "^7.1.0",
+				"@graphql-tools/apollo-engine-loader": "^8.0.28",
+				"@graphql-tools/code-file-loader": "^8.1.28",
+				"@graphql-tools/git-loader": "^8.0.32",
+				"@graphql-tools/github-loader": "^9.0.6",
+				"@graphql-tools/graphql-file-loader": "^8.1.11",
+				"@graphql-tools/json-file-loader": "^8.0.26",
+				"@graphql-tools/load": "^8.1.8",
+				"@graphql-tools/merge": "^9.0.6",
+				"@graphql-tools/url-loader": "^9.0.6",
+				"@graphql-tools/utils": "^11.2.0",
+				"@inquirer/prompts": "^8.3.2",
+				"@whatwg-node/fetch": "^0.10.0",
+				"chalk": "^5.6.0",
+				"cosmiconfig": "^9.0.0",
+				"debounce": "^3.0.0",
+				"detect-indent": "^7.0.0",
+				"graphql-config": "^5.1.6",
+				"is-glob": "^4.0.1",
+				"jiti": "^2.3.0",
+				"json-to-pretty-yaml": "^1.2.2",
+				"listr2": "^10.2.1",
+				"log-symbols": "^7.0.0",
+				"micromatch": "^4.0.5",
+				"shell-quote": "^1.7.3",
+				"string-env-interpolation": "^1.0.1",
+				"ts-log": "^3.0.0",
+				"tslib": "^2.4.0",
+				"yaml": "^2.3.1",
+				"yargs": "^18.0.0"
+			},
+			"bin": {
+				"gql-gen": "esm/bin.js",
+				"graphql-code-generator": "esm/bin.js",
+				"graphql-codegen": "esm/bin.js",
+				"graphql-codegen-cjs": "cjs/bin.js",
+				"graphql-codegen-esm": "esm/bin.js"
+			},
+			"engines": {
+				"node": ">=16"
+			},
+			"peerDependencies": {
+				"@parcel/watcher": "^2.1.0",
+				"graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@parcel/watcher": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@graphql-codegen/cli/node_modules/ansi-regex": {
+			"version": "6.2.2",
+			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+			"integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-regex?sponsor=1"
+			}
+		},
+		"node_modules/@graphql-codegen/cli/node_modules/ansi-styles": {
+			"version": "6.2.3",
+			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+			"integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
+			}
+		},
+		"node_modules/@graphql-codegen/cli/node_modules/cliui": {
+			"version": "9.0.1",
+			"resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
+			"integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"string-width": "^7.2.0",
+				"strip-ansi": "^7.1.0",
+				"wrap-ansi": "^9.0.0"
+			},
+			"engines": {
+				"node": ">=20"
+			}
+		},
+		"node_modules/@graphql-codegen/cli/node_modules/cliui/node_modules/string-width": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+			"integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"emoji-regex": "^10.3.0",
+				"get-east-asian-width": "^1.0.0",
+				"strip-ansi": "^7.1.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/@graphql-codegen/cli/node_modules/emoji-regex": {
+			"version": "10.6.0",
+			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+			"integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@graphql-codegen/cli/node_modules/string-width": {
+			"version": "8.2.2",
+			"resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz",
+			"integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"get-east-asian-width": "^1.5.0",
+				"strip-ansi": "^7.1.2"
+			},
+			"engines": {
+				"node": ">=20"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/@graphql-codegen/cli/node_modules/strip-ansi": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+			"integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-regex": "^6.2.2"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/strip-ansi?sponsor=1"
+			}
+		},
+		"node_modules/@graphql-codegen/cli/node_modules/wrap-ansi": {
+			"version": "9.0.2",
+			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+			"integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^6.2.1",
+				"string-width": "^7.0.0",
+				"strip-ansi": "^7.1.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+			}
+		},
+		"node_modules/@graphql-codegen/cli/node_modules/wrap-ansi/node_modules/string-width": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+			"integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"emoji-regex": "^10.3.0",
+				"get-east-asian-width": "^1.0.0",
+				"strip-ansi": "^7.1.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/@graphql-codegen/cli/node_modules/y18n": {
+			"version": "5.0.8",
+			"resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+			"integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+			"dev": true,
+			"license": "ISC",
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@graphql-codegen/cli/node_modules/yaml": {
+			"version": "2.9.0",
+			"resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
+			"integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
+			"dev": true,
+			"license": "ISC",
+			"bin": {
+				"yaml": "bin.mjs"
+			},
+			"engines": {
+				"node": ">= 14.6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/eemeli"
+			}
+		},
+		"node_modules/@graphql-codegen/cli/node_modules/yargs": {
+			"version": "18.1.0",
+			"resolved": "https://registry.npmjs.org/yargs/-/yargs-18.1.0.tgz",
+			"integrity": "sha512-2rAgRKu54VsHkqI0/tYkmluGXHD4KW7yZoycuqDQ15QOTnc2VVfy0nN/1eMhnQLO00A+dwtK20xuCnc1YGeUyg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"cliui": "^9.0.1",
+				"escalade": "^3.1.1",
+				"get-caller-file": "^2.0.5",
+				"string-width": "^8.2.1",
+				"y18n": "^5.0.5",
+				"yargs-parser": "^22.0.0"
+			},
+			"engines": {
+				"node": "^20.19.0 || ^22.12.0 || >=23"
+			}
+		},
+		"node_modules/@graphql-codegen/cli/node_modules/yargs-parser": {
+			"version": "22.0.0",
+			"resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-22.0.0.tgz",
+			"integrity": "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==",
+			"dev": true,
+			"license": "ISC",
+			"engines": {
+				"node": "^20.19.0 || ^22.12.0 || >=23"
+			}
+		},
+		"node_modules/@graphql-codegen/client-preset": {
+			"version": "6.1.0",
+			"resolved": "https://registry.npmjs.org/@graphql-codegen/client-preset/-/client-preset-6.1.0.tgz",
+			"integrity": "sha512-mGmBuwrOU5oRoaWFodx8g9xu1jecYIiydqvk88QsAIsyMcZwuoybs1lyne85TovpBHjH5CC2wnZGsbDQfcgOCQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-plugin-utils": "^7.20.2",
+				"@babel/template": "^7.20.7",
+				"@graphql-codegen/add": "^7.1.0",
+				"@graphql-codegen/gql-tag-operations": "^6.1.0",
+				"@graphql-codegen/plugin-helpers": "^7.1.0",
+				"@graphql-codegen/typed-document-node": "^7.1.0",
+				"@graphql-codegen/typescript": "^6.1.0",
+				"@graphql-codegen/typescript-operations": "^6.1.0",
+				"@graphql-codegen/visitor-plugin-common": "^7.2.0",
+				"@graphql-tools/documents": "^1.0.0",
+				"@graphql-tools/utils": "^11.2.0",
+				"@graphql-typed-document-node/core": "3.2.0",
+				"tslib": "^2.8.0"
+			},
+			"engines": {
+				"node": ">=16"
+			},
+			"peerDependencies": {
+				"graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0",
+				"graphql-sock": "^1.0.0"
+			},
+			"peerDependenciesMeta": {
+				"graphql-sock": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@graphql-codegen/core": {
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/@graphql-codegen/core/-/core-6.2.0.tgz",
+			"integrity": "sha512-RZadhhwYhuy2ZdIGK40vYVBMzXEFGkCC+58MUC/F2af/gKznEYNzHgmNBUBCk/BTklyUsNu0mIXmyGE4tTA0PA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-codegen/plugin-helpers": "^7.1.0",
+				"@graphql-tools/schema": "^10.0.0",
+				"@graphql-tools/utils": "^11.2.0",
+				"tslib": "^2.8.0"
+			},
+			"engines": {
+				"node": ">=16"
+			},
+			"peerDependencies": {
+				"graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-codegen/gql-tag-operations": {
+			"version": "6.1.0",
+			"resolved": "https://registry.npmjs.org/@graphql-codegen/gql-tag-operations/-/gql-tag-operations-6.1.0.tgz",
+			"integrity": "sha512-AmMcZFwonufvWJnQm7I0lBxKpAm+35BcCrOOvUlBoviohiR17aPoTGAOaNAEtpcpI86lnZ9m9AXUdiKMdm8nnQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-codegen/plugin-helpers": "^7.1.0",
+				"@graphql-codegen/visitor-plugin-common": "^7.2.0",
+				"@graphql-tools/utils": "^11.2.0",
+				"auto-bind": "^5.0.0",
+				"tslib": "^2.8.0"
+			},
+			"engines": {
+				"node": ">=16"
+			},
+			"peerDependencies": {
+				"graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-codegen/plugin-helpers": {
+			"version": "7.1.0",
+			"resolved": "https://registry.npmjs.org/@graphql-codegen/plugin-helpers/-/plugin-helpers-7.1.0.tgz",
+			"integrity": "sha512-ieJH7kZ5oSZKBPJs7CvHMrFY/CLYLklqv74ir93qMwRna6geZsbIMoJzTDBXohxcQTITiProiYSGrEtZjIpYGg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/utils": "^11.2.0",
+				"change-case-all": "^2.1.0",
+				"common-tags": "1.8.2",
+				"import-from": "4.0.0",
+				"tslib": "^2.8.0"
+			},
+			"engines": {
+				"node": ">=16"
+			},
+			"peerDependencies": {
+				"graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-codegen/schema-ast": {
+			"version": "6.1.0",
+			"resolved": "https://registry.npmjs.org/@graphql-codegen/schema-ast/-/schema-ast-6.1.0.tgz",
+			"integrity": "sha512-/xuGkM5gUNFRoaQLumKbENdX7Hc8ha49z9OXsEZY8E+46mMjqzXGF0NtCJ892cmoX7EUgI5c8T+LZqS2upx2Aw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-codegen/plugin-helpers": "^7.1.0",
+				"@graphql-tools/utils": "^11.2.0",
+				"tslib": "^2.8.0"
+			},
+			"engines": {
+				"node": ">=16"
+			},
+			"peerDependencies": {
+				"graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-codegen/typed-document-node": {
+			"version": "7.1.0",
+			"resolved": "https://registry.npmjs.org/@graphql-codegen/typed-document-node/-/typed-document-node-7.1.0.tgz",
+			"integrity": "sha512-V6H+ItyqXtYY+JQb76LAoN627Xfzpn29/ifwCFAv61iEepzNzh86sa+yZclflr0G8LDmhcVY5hpPJd3a1qbOfw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-codegen/plugin-helpers": "^7.1.0",
+				"@graphql-codegen/visitor-plugin-common": "^7.2.0",
+				"auto-bind": "^5.0.0",
+				"change-case-all": "^2.1.0",
+				"tslib": "^2.8.0"
+			},
+			"engines": {
+				"node": ">=16"
+			},
+			"peerDependencies": {
+				"graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-codegen/typescript": {
+			"version": "6.1.0",
+			"resolved": "https://registry.npmjs.org/@graphql-codegen/typescript/-/typescript-6.1.0.tgz",
+			"integrity": "sha512-2Hu3111O/AwV28Ap7tNsixlmXSAJuQbQArQklx+IC/tNswpckZnCfmlcBtTJrGU1+mJXEneJXGfb2XWvKjbhlQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-codegen/plugin-helpers": "^7.1.0",
+				"@graphql-codegen/schema-ast": "^6.1.0",
+				"@graphql-codegen/visitor-plugin-common": "^7.2.0",
+				"auto-bind": "^5.0.0",
+				"tslib": "~2.8.0"
+			},
+			"engines": {
+				"node": ">=16"
+			},
+			"peerDependencies": {
+				"graphql": "^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-codegen/typescript-operations": {
+			"version": "6.1.2",
+			"resolved": "https://registry.npmjs.org/@graphql-codegen/typescript-operations/-/typescript-operations-6.1.2.tgz",
+			"integrity": "sha512-EP9xry09q4cOVaf/aC4NO3/SwvXRNzlJIe4dhfA0xyy45Taix5yDL3jeJpmJIv03sa7nK5udVs5vZqdHFU8Xmw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-codegen/plugin-helpers": "^7.1.0",
+				"@graphql-codegen/schema-ast": "^6.1.0",
+				"@graphql-codegen/visitor-plugin-common": "^7.2.2",
+				"auto-bind": "^5.0.0",
+				"tslib": "^2.8.0"
+			},
+			"engines": {
+				"node": ">=16"
+			},
+			"peerDependencies": {
+				"graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0",
+				"graphql-sock": "^1.0.0"
+			},
+			"peerDependenciesMeta": {
+				"graphql-sock": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@graphql-codegen/typescript-resolvers": {
+			"version": "6.1.0",
+			"resolved": "https://registry.npmjs.org/@graphql-codegen/typescript-resolvers/-/typescript-resolvers-6.1.0.tgz",
+			"integrity": "sha512-5I8ymPQZEh2ShDaOrFcrF6DQaJQ5Z0hEIqYwMW8VboH4N8OMdyRZ3vMbiEPdfS+rfaoCf+f660+hKfrmK+JGuQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-codegen/plugin-helpers": "^7.1.0",
+				"@graphql-codegen/typescript": "^6.1.0",
+				"@graphql-codegen/visitor-plugin-common": "^7.2.0",
+				"@graphql-tools/utils": "^11.2.0",
+				"auto-bind": "^5.0.0",
+				"tslib": "^2.8.0"
+			},
+			"engines": {
+				"node": ">=16"
+			},
+			"peerDependencies": {
+				"graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0",
+				"graphql-sock": "^1.0.0"
+			},
+			"peerDependenciesMeta": {
+				"graphql-sock": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@graphql-codegen/visitor-plugin-common": {
+			"version": "7.2.2",
+			"resolved": "https://registry.npmjs.org/@graphql-codegen/visitor-plugin-common/-/visitor-plugin-common-7.2.2.tgz",
+			"integrity": "sha512-nOkAVd8J8r2YdHm9Z4YrBiy+3IQgE8Ndn/EiRWTvWuemMEhioBWyvdlnbq5rHmIo2bNdRQ5ghs0Q3jw7YBrwLQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-codegen/plugin-helpers": "^7.1.0",
+				"@graphql-tools/optimize": "^2.0.0",
+				"@graphql-tools/relay-operation-optimizer": "^7.1.1",
+				"@graphql-tools/utils": "^11.2.0",
+				"auto-bind": "^5.0.0",
+				"change-case-all": "^2.1.0",
+				"dependency-graph": "^1.0.0",
+				"graphql-tag": "^2.11.0",
+				"parse-filepath": "^1.0.2",
+				"tslib": "^2.8.0"
+			},
+			"engines": {
+				"node": ">=16"
+			},
+			"peerDependencies": {
+				"graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-hive/signal": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@graphql-hive/signal/-/signal-2.0.0.tgz",
+			"integrity": "sha512-Pz8wB3K0iU6ae9S1fWfsmJX24CcGeTo6hE7T44ucmV/ALKRj+bxClmqrYcDT7v3f0d12Rh4FAXBb6gon+WkDpQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=20.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/apollo-engine-loader": {
+			"version": "8.0.34",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/apollo-engine-loader/-/apollo-engine-loader-8.0.34.tgz",
+			"integrity": "sha512-pxmrIbUtpiH2/Dx0093EQ0x7dXWdlfAZ97uSY280CkUxIB8EYZeNeV2pvk6HksZzBtHrprLRysrjnegLOmQBRA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/utils": "^11.2.2",
+				"@whatwg-node/fetch": "^0.10.13",
+				"sync-fetch": "0.6.0",
+				"tslib": "^2.4.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/batch-execute": {
+			"version": "10.0.9",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/batch-execute/-/batch-execute-10.0.9.tgz",
+			"integrity": "sha512-khIgAPlyaWJ3dVX6SsqOkABZCH1Gii32WHn3xMzavupsxPCfb/9G3zjdswptzTFrOcZ92dWo7MXvwNFkRfNN4w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/utils": "^11.0.0",
+				"@whatwg-node/promise-helpers": "^1.3.2",
+				"dataloader": "^2.2.3",
+				"tslib": "^2.8.1"
+			},
+			"engines": {
+				"node": ">=20.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/code-file-loader": {
+			"version": "8.1.36",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/code-file-loader/-/code-file-loader-8.1.36.tgz",
+			"integrity": "sha512-EAIogV/vUmcrNa4icqnx5Xr5z3uLNSZ6867DEJyizuUfOCnD5JzCBQNsBjOBl3R5rzUiV3+GGSzzo15/jLN4oQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/graphql-tag-pluck": "8.3.35",
+				"@graphql-tools/utils": "^11.2.2",
+				"globby": "^11.0.3",
+				"tslib": "^2.4.0",
+				"unixify": "^1.0.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/delegate": {
+			"version": "12.1.0",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/delegate/-/delegate-12.1.0.tgz",
+			"integrity": "sha512-g1vDjYKzPwqnnxcBxwVUdAUqCZdx995RFtoyyy2CNzjXBxUOAZHgw/F2LKXhwnVWdtTsT20bb8hPqUIuNmetDQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/batch-execute": "^10.0.9",
+				"@graphql-tools/executor": "^1.4.13",
+				"@graphql-tools/schema": "^10.0.29",
+				"@graphql-tools/utils": "^11.0.0",
+				"@repeaterjs/repeater": "^3.0.6",
+				"@whatwg-node/promise-helpers": "^1.3.2",
+				"dataloader": "^2.2.3",
+				"tslib": "^2.8.1"
+			},
+			"engines": {
+				"node": ">=20.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/documents": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/documents/-/documents-1.0.1.tgz",
+			"integrity": "sha512-aweoMH15wNJ8g7b2r4C4WRuJxZ0ca8HtNO54rkye/3duxTkW4fGBEutCx03jCIr5+a1l+4vFJNP859QnAVBVCA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"lodash.sortby": "^4.7.0",
+				"tslib": "^2.4.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/executor": {
+			"version": "1.5.7",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/executor/-/executor-1.5.7.tgz",
+			"integrity": "sha512-UcXVClkBml+qyGEsQxfEaAkboqySVGFUd9ivn7pDc9jZSckgF6zL21cNxuRH5ZA2exneV3PTtcc0I0rDOdE0Tg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/utils": "^11.2.2",
+				"@graphql-typed-document-node/core": "^3.2.0",
+				"@repeaterjs/repeater": "^3.1.0",
+				"@whatwg-node/disposablestack": "^0.0.6",
+				"@whatwg-node/promise-helpers": "^1.0.0",
+				"tslib": "^2.4.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/executor-common": {
+			"version": "1.0.6",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/executor-common/-/executor-common-1.0.6.tgz",
+			"integrity": "sha512-23/K5C+LSlHDI0mj2SwCJ33RcELCcyDUgABm1Z8St7u/4Z5+95i925H/NAjUyggRjiaY8vYtNiMOPE49aPX1sg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@envelop/core": "^5.4.0",
+				"@graphql-tools/utils": "^11.0.0"
+			},
+			"engines": {
+				"node": ">=20.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/executor-graphql-ws": {
+			"version": "3.1.5",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/executor-graphql-ws/-/executor-graphql-ws-3.1.5.tgz",
+			"integrity": "sha512-WXRsfwu9AkrORD9nShrd61OwwxeQ5+eXYcABRR3XPONFIS8pWQfDJGGqxql9/227o/s0DV5SIfkBURb5Knzv+A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/executor-common": "^1.0.6",
+				"@graphql-tools/utils": "^11.0.0",
+				"@whatwg-node/disposablestack": "^0.0.6",
+				"graphql-ws": "^6.0.6",
+				"isows": "^1.0.7",
+				"tslib": "^2.8.1",
+				"ws": "^8.18.3"
+			},
+			"engines": {
+				"node": ">=20.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/executor-http": {
+			"version": "3.3.0",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/executor-http/-/executor-http-3.3.0.tgz",
+			"integrity": "sha512-IkKXIjSg9U8MNsQUBVJAXE4+LSxaQ0cs7p5JTALLGDABY1o17vPDRwWALsX81AXD5dY27ihi/+OhGMueW/Fopg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-hive/signal": "^2.0.0",
+				"@graphql-tools/executor-common": "^1.0.6",
+				"@graphql-tools/utils": "^11.0.0",
+				"@repeaterjs/repeater": "^3.0.4",
+				"@whatwg-node/disposablestack": "^0.0.6",
+				"@whatwg-node/fetch": "^0.10.13",
+				"@whatwg-node/promise-helpers": "^1.3.2",
+				"meros": "^1.3.2",
+				"tslib": "^2.8.1"
+			},
+			"engines": {
+				"node": ">=20.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/executor-legacy-ws": {
+			"version": "1.1.32",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/executor-legacy-ws/-/executor-legacy-ws-1.1.32.tgz",
+			"integrity": "sha512-rmSp846dAgEGtwdQ7ntdgpLJzzRvw5rE8sR7ASPci2QoIn3McxVYwjq52SMNntoH4VaBeI/BrpyQIN5L68zAfA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/utils": "^11.2.2",
+				"@types/ws": "^8.0.0",
+				"isomorphic-ws": "^5.0.0",
+				"tslib": "^2.4.0",
+				"ws": "^8.21.1"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/git-loader": {
+			"version": "8.0.40",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/git-loader/-/git-loader-8.0.40.tgz",
+			"integrity": "sha512-aQkcTTymjeQBREoH8/x5JZWt/banq9D7fs8Gqqd2HGirh8JBYGoEbKm45bSdUqCLnqsOJ2oal5A73rsC7ASASw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/graphql-tag-pluck": "8.3.35",
+				"@graphql-tools/utils": "^11.2.2",
+				"is-glob": "4.0.3",
+				"micromatch": "^4.0.8",
+				"tslib": "^2.4.0",
+				"unixify": "^1.0.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/github-loader": {
+			"version": "9.1.6",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/github-loader/-/github-loader-9.1.6.tgz",
+			"integrity": "sha512-hWsCcTZJ5NLKDUYynZjK7kVh/xmc/MpnLkBII+WQHCLOOXimaESZRnUuoo/nMqOwBKghBC0iF1nHiG9PqD9t3w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/executor-http": "^3.3.0",
+				"@graphql-tools/graphql-tag-pluck": "^8.3.35",
+				"@graphql-tools/utils": "^11.2.2",
+				"@whatwg-node/fetch": "^0.10.13",
+				"@whatwg-node/promise-helpers": "^1.0.0",
+				"sync-fetch": "0.6.0",
+				"tslib": "^2.4.0"
+			},
+			"engines": {
+				"node": ">=20.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/graphql-file-loader": {
+			"version": "8.1.18",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/graphql-file-loader/-/graphql-file-loader-8.1.18.tgz",
+			"integrity": "sha512-MBbAPFfGZN+jaRQQkqfY1Ztj4ftFgk9m7zh0h1jQC83xsVJ8zvMk2TGwg7g3lEGqa0cLOOEp/a1/78MSdhj2Zg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/import": "^7.1.18",
+				"@graphql-tools/utils": "^11.2.2",
+				"globby": "^11.0.3",
+				"tslib": "^2.4.0",
+				"unixify": "^1.0.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/graphql-tag-pluck": {
+			"version": "8.3.35",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/graphql-tag-pluck/-/graphql-tag-pluck-8.3.35.tgz",
+			"integrity": "sha512-k6udGhRFzf/FnfV/pl+2dxVURHtqdOj8evG3xFJahMS9bSMLkmTRCqTaR8e+ErYZEUODE2zCSPth3JLQEfAEqQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/core": "^7.29.7",
+				"@babel/parser": "^7.29.3",
+				"@babel/plugin-syntax-import-assertions": "^7.26.0",
+				"@babel/traverse": "^7.26.10",
+				"@babel/types": "^7.26.10",
+				"@graphql-tools/utils": "^11.2.2",
+				"tslib": "^2.4.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/import": {
+			"version": "7.1.18",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/import/-/import-7.1.18.tgz",
+			"integrity": "sha512-/lCEk28rbUiypbX8jl5x0RBiHDsXk3YJ5jAU1nlqXEdxNiNI6p5ts+vt0N7UximIuolwV7BeRxLn5RUejyKZYQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/utils": "^11.2.2",
+				"resolve-from": "5.0.0",
+				"tslib": "^2.4.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/json-file-loader": {
+			"version": "8.0.32",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/json-file-loader/-/json-file-loader-8.0.32.tgz",
+			"integrity": "sha512-PJ06nGC836vWWLCAPignLKAnIF+CKNkXlCIe9zkkb02jFPNdG5nA0PUxa1rqt/lqZd/x/ravZQ4yM47pxtLajg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/utils": "^11.2.2",
+				"globby": "^11.0.3",
+				"tslib": "^2.4.0",
+				"unixify": "^1.0.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/load": {
+			"version": "8.1.15",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/load/-/load-8.1.15.tgz",
+			"integrity": "sha512-QpCve0kf1IxNOWAk99VjS4CEZinQjKAfsgDDRWGUg9+9TqBbvCdsLAQshykHcfueEUPetVRVqqqOIRKo9eJ2xQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/schema": "^10.0.38",
+				"@graphql-tools/utils": "^11.2.2",
+				"p-limit": "3.1.0",
+				"tslib": "^2.4.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/merge": {
+			"version": "9.2.2",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/merge/-/merge-9.2.2.tgz",
+			"integrity": "sha512-DSLLAztOIQId7QE3m8Ehk5lV+0pjxNSSRDHPzlYQ9E4KJ9AoUMBprC4C+eX3v4srh05S2ujm5/veqAr5yEWFSQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/utils": "^11.2.2",
+				"tslib": "^2.4.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/optimize": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/optimize/-/optimize-2.0.0.tgz",
+			"integrity": "sha512-nhdT+CRGDZ+bk68ic+Jw1OZ99YCDIKYA5AlVAnBHJvMawSx9YQqQAIj4refNc1/LRieGiuWvhbG3jvPVYho0Dg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"tslib": "^2.4.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/relay-operation-optimizer": {
+			"version": "7.1.8",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/relay-operation-optimizer/-/relay-operation-optimizer-7.1.8.tgz",
+			"integrity": "sha512-s16NYT+66VSLCITBURoGNTwh+YvZRSlW3MtFJC2gsvrHZHf6KpCvIR3Qju4yh0FtCoN7Wg7yOI/JT/UzaMEOwQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@ardatan/relay-compiler": "^13.0.2",
+				"@graphql-tools/utils": "^11.2.2",
+				"tslib": "^2.4.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/schema": {
+			"version": "10.0.38",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/schema/-/schema-10.0.38.tgz",
+			"integrity": "sha512-Kckk2/vm+rELJ7ijvFaAn9ouWSVUTD0D4SJIvYF4rKeuQHAfCzE/jzMFonZVpTXleqJjPXLZjVbuaMorw7A5Og==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/merge": "^9.2.2",
+				"@graphql-tools/utils": "^11.2.2",
+				"tslib": "^2.4.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/url-loader": {
+			"version": "9.1.6",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/url-loader/-/url-loader-9.1.6.tgz",
+			"integrity": "sha512-BUFafQJv1OVZ/pZvzqXx4oLi2SKeqiWUAIDgz9HGRF/UpJuLY98tYMFzxhYurXg7lAuJMrDjUfl2nFSCX743Nw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/executor-graphql-ws": "^3.1.4",
+				"@graphql-tools/executor-http": "^3.3.0",
+				"@graphql-tools/executor-legacy-ws": "^1.1.32",
+				"@graphql-tools/utils": "^11.2.2",
+				"@graphql-tools/wrap": "^11.1.1",
+				"@types/ws": "^8.0.0",
+				"@whatwg-node/fetch": "^0.10.13",
+				"@whatwg-node/promise-helpers": "^1.0.0",
+				"isomorphic-ws": "^5.0.0",
+				"sync-fetch": "0.6.0",
+				"tslib": "^2.4.0",
+				"ws": "^8.21.1"
+			},
+			"engines": {
+				"node": ">=20.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/utils": {
+			"version": "11.2.2",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-11.2.2.tgz",
+			"integrity": "sha512-Do2A/t6ayqOma8m7PvpYMsCBswL+NB35BQSng4GWSBqafL2/BnfAZy/NSENPwV721Rm2fG0BHETFC0+FJJZmLw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-typed-document-node/core": "^3.1.1",
+				"@whatwg-node/promise-helpers": "^1.0.0",
+				"cross-inspect": "1.0.1",
+				"tslib": "^2.4.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-tools/wrap": {
+			"version": "11.1.20",
+			"resolved": "https://registry.npmjs.org/@graphql-tools/wrap/-/wrap-11.1.20.tgz",
+			"integrity": "sha512-nustNS7MhcyomrhSVJvb5HFjyPtWE+XAH7qBoy1n6zokC6UwFnagyHJFuHKllTz4ONcKw91BdDogHuW9KC3cUA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/delegate": "^12.1.0",
+				"@graphql-tools/schema": "^10.0.29",
+				"@graphql-tools/utils": "^11.0.0",
+				"@whatwg-node/promise-helpers": "^1.3.2",
+				"tslib": "^2.8.1"
+			},
+			"engines": {
+				"node": ">=20.0.0"
+			},
+			"peerDependencies": {
+				"graphql": "^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@graphql-typed-document-node/core": {
+			"version": "3.2.0",
+			"resolved": "https://registry.npmjs.org/@graphql-typed-document-node/core/-/core-3.2.0.tgz",
+			"integrity": "sha512-mB9oAsNCm9aM3/SOv4YtBMqZbYj10R7dkq8byBqxGY/ncFwhf2oQzMV+LCRlWoDSEBJ3COiR1yeDvMtsoOsuFQ==",
+			"license": "MIT",
+			"peerDependencies": {
+				"graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/@hapi/hoek": {
+			"version": "9.3.0",
+			"resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
+			"integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"optional": true
+		},
+		"node_modules/@hapi/topo": {
+			"version": "5.1.0",
+			"resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz",
+			"integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"optional": true,
+			"dependencies": {
+				"@hapi/hoek": "^9.0.0"
+			}
+		},
+		"node_modules/@humanfs/core": {
+			"version": "0.19.2",
+			"resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
+			"integrity": "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@humanfs/types": "^0.15.0"
+			},
+			"engines": {
+				"node": ">=18.18.0"
+			}
+		},
+		"node_modules/@humanfs/node": {
+			"version": "0.16.8",
 			"resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.8.tgz",
 			"integrity": "sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==",
 			"dev": true,
-			"license": "Apache-2.0",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@humanfs/core": "^0.19.2",
+				"@humanfs/types": "^0.15.0",
+				"@humanwhocodes/retry": "^0.4.0"
+			},
+			"engines": {
+				"node": ">=18.18.0"
+			}
+		},
+		"node_modules/@humanfs/types": {
+			"version": "0.15.0",
+			"resolved": "https://registry.npmjs.org/@humanfs/types/-/types-0.15.0.tgz",
+			"integrity": "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=18.18.0"
+			}
+		},
+		"node_modules/@humanwhocodes/module-importer": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+			"integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=12.22"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/nzakas"
+			}
+		},
+		"node_modules/@humanwhocodes/retry": {
+			"version": "0.4.3",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+			"integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=18.18"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/nzakas"
+			}
+		},
+		"node_modules/@icons-pack/svelte-simple-icons": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/@icons-pack/svelte-simple-icons/-/svelte-simple-icons-7.2.0.tgz",
+			"integrity": "sha512-zH4YByltlMBipdijJ1ZN4YGmxn2LKLCt+wCDC1rF0+3yor95Df090lZ5wfsN/UN4JsLjr7e6nxp6MOsEfYv/cQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=24",
+				"pnpm": ">=10"
+			},
+			"peerDependencies": {
+				"@sveltejs/kit": "^2.5.0",
+				"svelte": "^5.0.0"
+			}
+		},
+		"node_modules/@inquirer/ansi": {
+			"version": "2.0.7",
+			"resolved": "https://registry.npmjs.org/@inquirer/ansi/-/ansi-2.0.7.tgz",
+			"integrity": "sha512-3eTuUO1vH2cZm2ZKHeQxnOqlTi9EfZDGgIe3BL3I4u+rJHocr9Fz86M4fjYABPvFnQG/gGK551HqDiIcETwU6Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
+			}
+		},
+		"node_modules/@inquirer/checkbox": {
+			"version": "5.2.1",
+			"resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-5.2.1.tgz",
+			"integrity": "sha512-b6xmA/VlTe0ZgDQHDui+Nav470u7u49nRd8/iuhOcQPO9Ch7lGuogydhi2VOmNlZ+zXcM8IcPuNSwQcdJaF/kw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@inquirer/ansi": "^2.0.7",
+				"@inquirer/core": "^11.2.1",
+				"@inquirer/figures": "^2.0.7",
+				"@inquirer/type": "^4.0.7"
+			},
+			"engines": {
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@inquirer/confirm": {
+			"version": "6.1.1",
+			"resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-6.1.1.tgz",
+			"integrity": "sha512-eb8DBZcz/2qHWQda4rk2JiQk5h9QV/cVHi1yjt0f69WFZMRFn0sJTye3EAP8icut8UDMjQPsaH5KbcOogefrFQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@inquirer/core": "^11.2.1",
+				"@inquirer/type": "^4.0.7"
+			},
+			"engines": {
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@inquirer/core": {
+			"version": "11.2.1",
+			"resolved": "https://registry.npmjs.org/@inquirer/core/-/core-11.2.1.tgz",
+			"integrity": "sha512-Qd6GJT1yVyrZZCfN8W2qKF5ApmqryXRhRKCuip8h01x2w/esJQ2XIYc6f9abMIHgKQdBfFTSOdbHRLAhuM09UA==",
+			"dev": true,
+			"license": "MIT",
 			"dependencies": {
-				"@humanfs/core": "^0.19.2",
-				"@humanfs/types": "^0.15.0",
-				"@humanwhocodes/retry": "^0.4.0"
+				"@inquirer/ansi": "^2.0.7",
+				"@inquirer/figures": "^2.0.7",
+				"@inquirer/type": "^4.0.7",
+				"cli-width": "^4.1.0",
+				"fast-wrap-ansi": "^0.2.0",
+				"mute-stream": "^3.0.0",
+				"signal-exit": "^4.1.0"
 			},
 			"engines": {
-				"node": ">=18.18.0"
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
 			}
 		},
-		"node_modules/@humanfs/types": {
-			"version": "0.15.0",
-			"resolved": "https://registry.npmjs.org/@humanfs/types/-/types-0.15.0.tgz",
-			"integrity": "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==",
+		"node_modules/@inquirer/editor": {
+			"version": "5.2.2",
+			"resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-5.2.2.tgz",
+			"integrity": "sha512-ZRVd/oD+sYsUd5zVm0NflqEzlqfYCyHNsqkHl2oWXEUHs12tCbcSFi+wVFEvD8+LGRaMUsVrE7qeo6lSG/S1Vg==",
 			"dev": true,
-			"license": "Apache-2.0",
+			"license": "MIT",
+			"dependencies": {
+				"@inquirer/core": "^11.2.1",
+				"@inquirer/external-editor": "^3.0.3",
+				"@inquirer/type": "^4.0.7"
+			},
 			"engines": {
-				"node": ">=18.18.0"
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
 			}
 		},
-		"node_modules/@humanwhocodes/module-importer": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-			"integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+		"node_modules/@inquirer/expand": {
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-5.1.1.tgz",
+			"integrity": "sha512-YmQpenjbFSHAK3sOd44puHh3V1KXXr+JiNpUztoSQ4drLh2rTVzTap/YtlAVu/5xavifIlBfNEzJ/neZJ1a/1g==",
 			"dev": true,
-			"license": "Apache-2.0",
+			"license": "MIT",
+			"dependencies": {
+				"@inquirer/core": "^11.2.1",
+				"@inquirer/type": "^4.0.7"
+			},
 			"engines": {
-				"node": ">=12.22"
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
 			},
-			"funding": {
-				"type": "github",
-				"url": "https://github.com/sponsors/nzakas"
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
 			}
 		},
-		"node_modules/@humanwhocodes/retry": {
-			"version": "0.4.3",
-			"resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
-			"integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+		"node_modules/@inquirer/external-editor": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/@inquirer/external-editor/-/external-editor-3.0.3.tgz",
+			"integrity": "sha512-6thf5I8q7lZwzGLAxPaaGEREEkZ3nyePPDQ1oyobblxmEE8mqTLguScP7pDjUTAibiyb4hfXl+qjUEJ+di/aNA==",
 			"dev": true,
-			"license": "Apache-2.0",
+			"license": "MIT",
+			"dependencies": {
+				"chardet": "^2.1.1",
+				"iconv-lite": "^0.7.2"
+			},
 			"engines": {
-				"node": ">=18.18"
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@inquirer/external-editor/node_modules/iconv-lite": {
+			"version": "0.7.3",
+			"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.3.tgz",
+			"integrity": "sha512-IKXpvIzjnC9XTAUbVBcMfGS0EPaIXtW6v+zr+RRp+hqULEpo0owZax6wyRwPOJbWbzjYspQwusTsfVr0ifh4uQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"safer-buffer": ">= 2.1.2 < 3.0.0"
+			},
+			"engines": {
+				"node": ">=0.10.0"
 			},
 			"funding": {
-				"type": "github",
-				"url": "https://github.com/sponsors/nzakas"
+				"type": "opencollective",
+				"url": "https://opencollective.com/express"
 			}
 		},
-		"node_modules/@icons-pack/svelte-simple-icons": {
-			"version": "7.2.0",
-			"resolved": "https://registry.npmjs.org/@icons-pack/svelte-simple-icons/-/svelte-simple-icons-7.2.0.tgz",
-			"integrity": "sha512-zH4YByltlMBipdijJ1ZN4YGmxn2LKLCt+wCDC1rF0+3yor95Df090lZ5wfsN/UN4JsLjr7e6nxp6MOsEfYv/cQ==",
+		"node_modules/@inquirer/figures": {
+			"version": "2.0.7",
+			"resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-2.0.7.tgz",
+			"integrity": "sha512-aJ8TBPOGB6f/2qziPfElISTCEd5XOYTFckA2SGjhNmiKzfK/u4ot3v0DUzGVdUnKjN10EqnnEPck36BkyfLnJw==",
 			"dev": true,
 			"license": "MIT",
 			"engines": {
-				"node": ">=24",
-				"pnpm": ">=10"
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
+			}
+		},
+		"node_modules/@inquirer/input": {
+			"version": "5.1.2",
+			"resolved": "https://registry.npmjs.org/@inquirer/input/-/input-5.1.2.tgz",
+			"integrity": "sha512-9K/DDBSQpOyZSkt6sOVP9Vo0TR7atX2kuILsUu0x3wVcVbe97lJwIJKMLdMw25tDYuXl/qp6erT0Xs1rfmcfZg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@inquirer/core": "^11.2.1",
+				"@inquirer/type": "^4.0.7"
+			},
+			"engines": {
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
 			},
 			"peerDependencies": {
-				"@sveltejs/kit": "^2.5.0",
-				"svelte": "^5.0.0"
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@inquirer/number": {
+			"version": "4.1.1",
+			"resolved": "https://registry.npmjs.org/@inquirer/number/-/number-4.1.1.tgz",
+			"integrity": "sha512-XF4IXAbPnGPgw0wsbC/i2tPcyfdZgDpUlhsqU0SfT4IRIGWha6Xm9VRgN5yYxJq+jnyXlfXI/nQ3ulfk0iEICA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@inquirer/core": "^11.2.1",
+				"@inquirer/type": "^4.0.7"
+			},
+			"engines": {
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@inquirer/password": {
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/@inquirer/password/-/password-5.1.1.tgz",
+			"integrity": "sha512-3XBfF7DAsp5qeDsvN5Rd1HmbNokVvEQoUM0QLrRcybC9nX96w3Pbmu7qUsb3IT3J3jBvs2+mTXaKHOUsgHMLzg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@inquirer/ansi": "^2.0.7",
+				"@inquirer/core": "^11.2.1",
+				"@inquirer/type": "^4.0.7"
+			},
+			"engines": {
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@inquirer/prompts": {
+			"version": "8.5.2",
+			"resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-8.5.2.tgz",
+			"integrity": "sha512-IYR/3C/paEVVQYQvdDlFZVjRCJVYHHON0XXMH91KO9GSxs0TdKYWlUdvfQl2EfAHDxUaN3IBffkE/BDTh5nJ6g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@inquirer/checkbox": "^5.2.1",
+				"@inquirer/confirm": "^6.1.1",
+				"@inquirer/editor": "^5.2.2",
+				"@inquirer/expand": "^5.1.1",
+				"@inquirer/input": "^5.1.2",
+				"@inquirer/number": "^4.1.1",
+				"@inquirer/password": "^5.1.1",
+				"@inquirer/rawlist": "^5.3.1",
+				"@inquirer/search": "^4.2.1",
+				"@inquirer/select": "^5.2.1"
+			},
+			"engines": {
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@inquirer/rawlist": {
+			"version": "5.3.1",
+			"resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-5.3.1.tgz",
+			"integrity": "sha512-QqdTqQddL3qPX/PPrjobpsO25NZ4dWXgTLenrR445L2ptLEYE6Z+PD5c5CNDJNx4ugRgELAIpSIJxZaO2jJ2Og==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@inquirer/core": "^11.2.1",
+				"@inquirer/type": "^4.0.7"
+			},
+			"engines": {
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@inquirer/search": {
+			"version": "4.2.1",
+			"resolved": "https://registry.npmjs.org/@inquirer/search/-/search-4.2.1.tgz",
+			"integrity": "sha512-xJj8QWKRSrfKoBIITLZK61dD3zwo0Rz11fgDImku30/Oe81zMdIdGgrLY2h6RkJ+KZ/GhNYIRMKnH/62qBTA5g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@inquirer/core": "^11.2.1",
+				"@inquirer/figures": "^2.0.7",
+				"@inquirer/type": "^4.0.7"
+			},
+			"engines": {
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@inquirer/select": {
+			"version": "5.2.1",
+			"resolved": "https://registry.npmjs.org/@inquirer/select/-/select-5.2.1.tgz",
+			"integrity": "sha512-FlDndEUww8m7BfukO2nJa25vhD+H5jxxCv4oGioKqzyWz3nPHhhw4LKdYRSlXuAx7DsdWia7iyaBPKKS95Evfw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@inquirer/ansi": "^2.0.7",
+				"@inquirer/core": "^11.2.1",
+				"@inquirer/figures": "^2.0.7",
+				"@inquirer/type": "^4.0.7"
+			},
+			"engines": {
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@inquirer/type": {
+			"version": "4.0.7",
+			"resolved": "https://registry.npmjs.org/@inquirer/type/-/type-4.0.7.tgz",
+			"integrity": "sha512-t28inv14nMQ1PhKpsJPY+kEs/c00qzeCOS2gTNRyTjG5d6qsVA2fItxW4hkvGZ5lvanGLdtCzVIx5dwdRpN1+g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=23.5.0 || ^22.13.0 || ^20.17.0"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
 			}
 		},
 		"node_modules/@internationalized/date": {
 			"version": "3.12.2",
 			"resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.12.2.tgz",
 			"integrity": "sha512-FY1Y+H64NDs+HAF6omlnWxm3mEpfgaCSWtL5l551ZZfImA+kGjPFgrnJrGjH6lfmLL0g8Z/mBu1R3kufeCp6Jw==",
-			"dev": true,
 			"license": "Apache-2.0",
 			"dependencies": {
 				"@swc/helpers": "^0.5.0"
@@ -1016,6 +2790,16 @@
 				"@jridgewell/sourcemap-codec": "^1.4.14"
 			}
 		},
+		"node_modules/@jsquash/avif": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/@jsquash/avif/-/avif-2.1.1.tgz",
+			"integrity": "sha512-LMRxd0fMgfCLtobDh0/sFYJMMiRJTNYSEEWvRDKXlAeZ08t3gI5V+1thIT0XjXJ+SVG7Zug9B0XPyx0Ti5VRNA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"wasm-feature-detect": "^1.2.11"
+			}
+		},
 		"node_modules/@jsquash/jxl": {
 			"version": "1.3.0",
 			"resolved": "https://registry.npmjs.org/@jsquash/jxl/-/jxl-1.3.0.tgz",
@@ -1050,16 +2834,6 @@
 			"dev": true,
 			"license": "Apache-2.0"
 		},
-		"node_modules/@jsquash/webp": {
-			"version": "1.5.0",
-			"resolved": "https://registry.npmjs.org/@jsquash/webp/-/webp-1.5.0.tgz",
-			"integrity": "sha512-KggLoj2MnRSfIqTeKe1EmbljTX2vuV7mh79k89PCL1pyqiDULcPM1L47twxXt0hkb68F70bXiL31MxsuoZtKFw==",
-			"dev": true,
-			"license": "Apache-2.0",
-			"dependencies": {
-				"wasm-feature-detect": "^1.2.11"
-			}
-		},
 		"node_modules/@layerstack/svelte-actions": {
 			"version": "1.0.1-next.18",
 			"resolved": "https://registry.npmjs.org/@layerstack/svelte-actions/-/svelte-actions-1.0.1-next.18.tgz",
@@ -1302,9 +3076,9 @@
 			}
 		},
 		"node_modules/@lucide/svelte": {
-			"version": "1.17.0",
-			"resolved": "https://registry.npmjs.org/@lucide/svelte/-/svelte-1.17.0.tgz",
-			"integrity": "sha512-q06YCFBN5CO8cd1ADmLCxWRVMVb7xxvHzqC0lvNoxGa+FLW6Cd1Y1AOxgbQk4Iwe68vkAMCRveNHint4WoaVKg==",
+			"version": "1.22.0",
+			"resolved": "https://registry.npmjs.org/@lucide/svelte/-/svelte-1.22.0.tgz",
+			"integrity": "sha512-eaNC3GGu9ma7mviB9vPL6OnawXqxdvRnoAQSq5l15mBlsuwD7kozZ7pzPXSlT6OwSl7hz4qTk+ZU3OEewwi5gQ==",
 			"dev": true,
 			"license": "ISC",
 			"peerDependencies": {
@@ -1337,6 +3111,44 @@
 				"@emnapi/runtime": "^1.7.1"
 			}
 		},
+		"node_modules/@nodelib/fs.scandir": {
+			"version": "2.1.5",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+			"integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.stat": "2.0.5",
+				"run-parallel": "^1.1.9"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@nodelib/fs.stat": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+			"integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@nodelib/fs.walk": {
+			"version": "1.2.8",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+			"integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.scandir": "2.1.5",
+				"fastq": "^1.6.0"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
 		"node_modules/@oxc-project/types": {
 			"version": "0.133.0",
 			"resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.133.0.tgz",
@@ -1476,9 +3288,6 @@
 				"arm"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -1500,9 +3309,6 @@
 				"arm"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -1524,9 +3330,6 @@
 				"arm64"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -1548,9 +3351,6 @@
 				"arm64"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -1571,10 +3371,7 @@
 			"cpu": [
 				"x64"
 			],
-			"dev": true,
-			"libc": [
-				"glibc"
-			],
+			"dev": true,
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -1596,9 +3393,6 @@
 				"x64"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -1690,6 +3484,13 @@
 			"license": "MIT",
 			"optional": true
 		},
+		"node_modules/@repeaterjs/repeater": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/@repeaterjs/repeater/-/repeater-3.1.0.tgz",
+			"integrity": "sha512-TaoVksZRSx2KWYYpyLQtMQXXeS98VsgZImzW65xmiVgbYhXLk+aEsmzPLirqVuE4/XuUapH2iMtxUzaBNDzdSQ==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/@resvg/resvg-wasm": {
 			"version": "2.6.2",
 			"resolved": "https://registry.npmjs.org/@resvg/resvg-wasm/-/resvg-wasm-2.6.2.tgz",
@@ -1793,9 +3594,6 @@
 				"arm64"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -1813,9 +3611,6 @@
 				"arm64"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -1833,9 +3628,6 @@
 				"ppc64"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -1853,9 +3645,6 @@
 				"s390x"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -1873,9 +3662,6 @@
 				"x64"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -1893,9 +3679,6 @@
 				"x64"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2055,6 +3838,24 @@
 				}
 			}
 		},
+		"node_modules/@rollup/plugin-virtual": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/@rollup/plugin-virtual/-/plugin-virtual-3.0.2.tgz",
+			"integrity": "sha512-10monEYsBp3scM4/ND4LNH5Rxvh3e/cVeL3jWTgZ2SrQ+BmUoQcopVQvnaMcOnykb1VkxUFuDAN+0FnpTFRy2A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=14.0.0"
+			},
+			"peerDependencies": {
+				"rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+			},
+			"peerDependenciesMeta": {
+				"rollup": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/@rollup/pluginutils": {
 			"version": "5.3.0",
 			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz",
@@ -2170,9 +3971,6 @@
 				"arm"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2187,9 +3985,6 @@
 				"arm"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2204,9 +3999,6 @@
 				"arm64"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2221,9 +4013,6 @@
 				"arm64"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2238,9 +4027,6 @@
 				"loong64"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2255,9 +4041,6 @@
 				"loong64"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2272,9 +4055,6 @@
 				"ppc64"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2289,9 +4069,6 @@
 				"ppc64"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2306,9 +4083,6 @@
 				"riscv64"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2323,9 +4097,6 @@
 				"riscv64"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2340,9 +4111,6 @@
 				"s390x"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2357,9 +4125,6 @@
 				"x64"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2374,9 +4139,6 @@
 				"x64"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2569,36 +4331,322 @@
 				}
 			}
 		},
-		"node_modules/@sveltejs/vite-plugin-svelte": {
-			"version": "7.1.2",
-			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-7.1.2.tgz",
-			"integrity": "sha512-DrUBA2UXRfDmUX/ZTiEopd3X40yavsJF1FX2RygcuIScHL7o5YX1fMvoYnDhjeJQC4weCOklirpNWlcb2NiSeA==",
+		"node_modules/@sveltejs/vite-plugin-svelte": {
+			"version": "7.1.2",
+			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-7.1.2.tgz",
+			"integrity": "sha512-DrUBA2UXRfDmUX/ZTiEopd3X40yavsJF1FX2RygcuIScHL7o5YX1fMvoYnDhjeJQC4weCOklirpNWlcb2NiSeA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"deepmerge": "^4.3.1",
+				"magic-string": "^0.30.21",
+				"obug": "^2.1.0",
+				"vitefu": "^1.1.2"
+			},
+			"engines": {
+				"node": "^20.19 || ^22.12 || >=24"
+			},
+			"peerDependencies": {
+				"svelte": "^5.46.4",
+				"vite": "^8.0.0-beta.7 || ^8.0.0"
+			}
+		},
+		"node_modules/@swc/core": {
+			"version": "1.15.41",
+			"resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.41.tgz",
+			"integrity": "sha512-03nQq/082QRJJiOvp3FGbgxTGyyxMxohPTjhk/W9bD2J0tk4ukITI7goOhOO2WbaHn/lsPmo/zf8+DIXhwpgYQ==",
+			"dev": true,
+			"hasInstallScript": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@swc/counter": "^0.1.3",
+				"@swc/types": "^0.1.26"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/swc"
+			},
+			"optionalDependencies": {
+				"@swc/core-darwin-arm64": "1.15.41",
+				"@swc/core-darwin-x64": "1.15.41",
+				"@swc/core-linux-arm-gnueabihf": "1.15.41",
+				"@swc/core-linux-arm64-gnu": "1.15.41",
+				"@swc/core-linux-arm64-musl": "1.15.41",
+				"@swc/core-linux-ppc64-gnu": "1.15.41",
+				"@swc/core-linux-s390x-gnu": "1.15.41",
+				"@swc/core-linux-x64-gnu": "1.15.41",
+				"@swc/core-linux-x64-musl": "1.15.41",
+				"@swc/core-win32-arm64-msvc": "1.15.41",
+				"@swc/core-win32-ia32-msvc": "1.15.41",
+				"@swc/core-win32-x64-msvc": "1.15.41"
+			},
+			"peerDependencies": {
+				"@swc/helpers": ">=0.5.17"
+			},
+			"peerDependenciesMeta": {
+				"@swc/helpers": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@swc/core-darwin-arm64": {
+			"version": "1.15.41",
+			"resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.41.tgz",
+			"integrity": "sha512-kREh6J5paQFvP3i7f/4FbqRNOJREutVFVOkder4GVyCBQ39YmER55cW/y1NNjwrchzFqgYswFn0mMDCqbqKzrw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "Apache-2.0 AND MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@swc/core-darwin-x64": {
+			"version": "1.15.41",
+			"resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.41.tgz",
+			"integrity": "sha512-N8B56ESFazZAWZyIkecADSPCwlLEinW7QLMEeotCpv4J7VXwfH+OLkmRL8o96UZ+1355fwHxDTS6/wK7yucvkA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "Apache-2.0 AND MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@swc/core-linux-arm-gnueabihf": {
+			"version": "1.15.41",
+			"resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.41.tgz",
+			"integrity": "sha512-6XrId2fyle0mS5xxON8rU84mPd2Cq1kDJRj+4BnQKTd7u+2kSA6Ww+JkOP0iTNqOqt9OXhPOEAjBHAuonWcdCg==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "Apache-2.0",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@swc/core-linux-arm64-gnu": {
+			"version": "1.15.41",
+			"resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.41.tgz",
+			"integrity": "sha512-ynLIarxlkVnqHn1D0fKOVht6mNU5ks6lrH+MY3kkS+XFaGGgDxFZVjWKJlkYTKm3RCvBTfA8Ng5fLufXheMRKQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"libc": [
+				"glibc"
+			],
+			"license": "Apache-2.0 AND MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@swc/core-linux-arm64-musl": {
+			"version": "1.15.41",
+			"resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.41.tgz",
+			"integrity": "sha512-dXu/5vd4gh8symyhRF+4G7gOPkjmb4pONhh7sl+6GSiW0LOKZlfu5kXmyFbTz9smOT7jgr002qY9b1nujjXt2A==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"libc": [
+				"musl"
+			],
+			"license": "Apache-2.0 AND MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@swc/core-linux-ppc64-gnu": {
+			"version": "1.15.41",
+			"resolved": "https://registry.npmjs.org/@swc/core-linux-ppc64-gnu/-/core-linux-ppc64-gnu-1.15.41.tgz",
+			"integrity": "sha512-XGO6zVPXoPE0gf/XnI4jBbafNT13AYgoh6ns0JCSdOetI/kqVf0vhpz7NuNgAzZrMVCsmieqjPoTwViDgh4mOQ==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"libc": [
+				"glibc"
+			],
+			"license": "Apache-2.0 AND MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@swc/core-linux-s390x-gnu": {
+			"version": "1.15.41",
+			"resolved": "https://registry.npmjs.org/@swc/core-linux-s390x-gnu/-/core-linux-s390x-gnu-1.15.41.tgz",
+			"integrity": "sha512-0WUglRwyZtW+iMi7J3iFdrCxreZZIKf4egTwEQfIYRsqFax69A0OrFj+NIoFSE03xBT/IFRrg+S8K6f9Ky+4hA==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"libc": [
+				"glibc"
+			],
+			"license": "Apache-2.0 AND MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@swc/core-linux-x64-gnu": {
+			"version": "1.15.41",
+			"resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.41.tgz",
+			"integrity": "sha512-VxkuQK59c0tHm6uJZCUrS3cyA2JhGGfdU6e41SZz0x/JS+4Sm7C1mIc97In14vkZJopEt7yXA2TouCqZDSygEA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"libc": [
+				"glibc"
+			],
+			"license": "Apache-2.0 AND MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@swc/core-linux-x64-musl": {
+			"version": "1.15.41",
+			"resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.41.tgz",
+			"integrity": "sha512-/0qXIu1ZxggLuovLb22vFfKHq2AA4n6Whw5UwmVCHk4pkw7KWnPIQpMCEqUMPsNkFJig7PPp/TSYFu8ZEb2rtQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"libc": [
+				"musl"
+			],
+			"license": "Apache-2.0 AND MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@swc/core-win32-arm64-msvc": {
+			"version": "1.15.41",
+			"resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.41.tgz",
+			"integrity": "sha512-Y481sMNZM6rECh9VO4+y26N1lWEDAyxnBZskUf37fl90uHE946VHfmiVQWT0uMFOhyJJFovGTRuF4W82dwewUg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "Apache-2.0 AND MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@swc/core-win32-ia32-msvc": {
+			"version": "1.15.41",
+			"resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.41.tgz",
+			"integrity": "sha512-BAchBD5qeUzy3hiPSLJtaaoSm4blCLyYffOF1bGE4ETcV+OisqjUAwDQMJj++4bTpvMCDzwC+Bj3PmQyBCtscw==",
+			"cpu": [
+				"ia32"
+			],
 			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"deepmerge": "^4.3.1",
-				"magic-string": "^0.30.21",
-				"obug": "^2.1.0",
-				"vitefu": "^1.1.2"
-			},
+			"license": "Apache-2.0 AND MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
 			"engines": {
-				"node": "^20.19 || ^22.12 || >=24"
-			},
-			"peerDependencies": {
-				"svelte": "^5.46.4",
-				"vite": "^8.0.0-beta.7 || ^8.0.0"
+				"node": ">=10"
 			}
 		},
-		"node_modules/@swc/helpers": {
-			"version": "0.5.21",
-			"resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.21.tgz",
-			"integrity": "sha512-jI/VAmtdjB/RnI8GTnokyX7Ug8c+g+ffD6QRLa6XQewtnGyukKkKSk3wLTM3b5cjt1jNh9x0jfVlagdN2gDKQg==",
+		"node_modules/@swc/core-win32-x64-msvc": {
+			"version": "1.15.41",
+			"resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.41.tgz",
+			"integrity": "sha512-WOkA+fJ/ViVBQDsSV9JC52NACTe5PhlurA6viASDZGb7HR3KS01ZG7RZ+Bg6SVQFIoq3gSbTsskQVe6EbHFAYw==",
+			"cpu": [
+				"x64"
+			],
 			"dev": true,
+			"license": "Apache-2.0 AND MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@swc/counter": {
+			"version": "0.1.3",
+			"resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+			"integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+			"dev": true,
+			"license": "Apache-2.0"
+		},
+		"node_modules/@swc/helpers": {
+			"version": "0.5.23",
+			"resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.23.tgz",
+			"integrity": "sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==",
 			"license": "Apache-2.0",
 			"dependencies": {
 				"tslib": "^2.8.0"
 			}
 		},
+		"node_modules/@swc/types": {
+			"version": "0.1.26",
+			"resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.26.tgz",
+			"integrity": "sha512-lyMwd7WGgG79RS7EERZV3T8wMdmPq3xwyg+1nmAM64kIhx5yl+juO2PYIHb7vTiPgPCj8LYjsNV2T5wiQHUEaw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@swc/counter": "^0.1.3"
+			}
+		},
+		"node_modules/@swc/wasm": {
+			"version": "1.15.41",
+			"resolved": "https://registry.npmjs.org/@swc/wasm/-/wasm-1.15.41.tgz",
+			"integrity": "sha512-wFocmIRY5pSvqxzvJbsKiHyP6oNrSPqBbicF1TV3n0E1ZekSQm/hG9cbRYwxd2pVGL4Nmg8JNpIeLSwRS97Gdg==",
+			"dev": true,
+			"license": "Apache-2.0"
+		},
 		"node_modules/@tailwindcss/forms": {
 			"version": "0.5.11",
 			"resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.11.tgz",
@@ -2745,9 +4793,6 @@
 				"arm64"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2765,9 +4810,6 @@
 				"arm64"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2785,9 +4827,6 @@
 				"x64"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -2805,9 +4844,6 @@
 				"x64"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -3036,9 +5072,6 @@
 			"cpu": [
 				"arm64"
 			],
-			"libc": [
-				"glibc"
-			],
 			"license": "(MIT OR Apache-2.0)",
 			"optional": true,
 			"os": [
@@ -3055,9 +5088,6 @@
 			"cpu": [
 				"arm64"
 			],
-			"libc": [
-				"musl"
-			],
 			"license": "(MIT OR Apache-2.0)",
 			"optional": true,
 			"os": [
@@ -3074,9 +5104,6 @@
 			"cpu": [
 				"x64"
 			],
-			"libc": [
-				"glibc"
-			],
 			"license": "(MIT OR Apache-2.0)",
 			"optional": true,
 			"os": [
@@ -3093,9 +5120,6 @@
 			"cpu": [
 				"x64"
 			],
-			"libc": [
-				"musl"
-			],
 			"license": "(MIT OR Apache-2.0)",
 			"optional": true,
 			"os": [
@@ -3222,6 +5246,20 @@
 				"svelte": "^5.25.0"
 			}
 		},
+		"node_modules/@tanstack/table-core": {
+			"version": "8.21.3",
+			"resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.3.tgz",
+			"integrity": "sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			}
+		},
 		"node_modules/@tybys/wasm-util": {
 			"version": "0.10.2",
 			"resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.2.tgz",
@@ -3670,6 +5708,16 @@
 			"license": "MIT",
 			"optional": true
 		},
+		"node_modules/@types/ws": {
+			"version": "8.18.1",
+			"resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+			"integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/node": "*"
+			}
+		},
 		"node_modules/@typeschema/class-validator": {
 			"version": "0.3.0",
 			"resolved": "https://registry.npmjs.org/@typeschema/class-validator/-/class-validator-0.3.0.tgz",
@@ -4155,18 +6203,111 @@
 				"url": "https://opencollective.com/vitest"
 			}
 		},
-		"node_modules/@zip.js/zip.js": {
-			"version": "2.8.26",
-			"resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.8.26.tgz",
-			"integrity": "sha512-RQ4h9F6DOiHxpdocUDrOl6xBM+yOtz+LkUol47AVWcfebGBDpZ7w7Xvz9PS24JgXvLGiXXzSAfdCdVy1tPlaFA==",
+		"node_modules/@whatwg-node/disposablestack": {
+			"version": "0.0.6",
+			"resolved": "https://registry.npmjs.org/@whatwg-node/disposablestack/-/disposablestack-0.0.6.tgz",
+			"integrity": "sha512-LOtTn+JgJvX8WfBVJtF08TGrdjuFzGJc4mkP8EdDI8ADbvO7kiexYep1o8dwnt0okb0jYclCDXF13xU7Ge4zSw==",
 			"dev": true,
-			"license": "BSD-3-Clause",
+			"license": "MIT",
+			"dependencies": {
+				"@whatwg-node/promise-helpers": "^1.0.0",
+				"tslib": "^2.6.3"
+			},
+			"engines": {
+				"node": ">=18.0.0"
+			}
+		},
+		"node_modules/@whatwg-node/fetch": {
+			"version": "0.10.13",
+			"resolved": "https://registry.npmjs.org/@whatwg-node/fetch/-/fetch-0.10.13.tgz",
+			"integrity": "sha512-b4PhJ+zYj4357zwk4TTuF2nEe0vVtOrwdsrNo5hL+u1ojXNhh1FgJ6pg1jzDlwlT4oBdzfSwaBwMCtFCsIWg8Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@whatwg-node/node-fetch": "^0.8.3",
+				"urlpattern-polyfill": "^10.0.0"
+			},
+			"engines": {
+				"node": ">=18.0.0"
+			}
+		},
+		"node_modules/@whatwg-node/node-fetch": {
+			"version": "0.8.6",
+			"resolved": "https://registry.npmjs.org/@whatwg-node/node-fetch/-/node-fetch-0.8.6.tgz",
+			"integrity": "sha512-BDMdYFcerLQkwA2RTldxOqRCs6ZQD1S7UgP3pUdGUkcbgTrP/V5ko77ZkCww9DHmC4lpoYuwigGfQYj285gMvA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@fastify/busboy": "^3.1.1",
+				"@whatwg-node/disposablestack": "^0.0.6",
+				"@whatwg-node/promise-helpers": "^1.3.2",
+				"tslib": "^2.6.3"
+			},
 			"engines": {
-				"bun": ">=0.7.0",
-				"deno": ">=1.0.0",
 				"node": ">=18.0.0"
 			}
 		},
+		"node_modules/@whatwg-node/promise-helpers": {
+			"version": "1.3.2",
+			"resolved": "https://registry.npmjs.org/@whatwg-node/promise-helpers/-/promise-helpers-1.3.2.tgz",
+			"integrity": "sha512-Nst5JdK47VIl9UcGwtv2Rcgyn5lWtZ0/mhRQ4G8NN2isxpq2TO30iqHzmwoJycjWuyUfg3GFXqP/gFHXeV57IA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"tslib": "^2.6.3"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
+		"node_modules/@wry/caches": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/@wry/caches/-/caches-1.0.1.tgz",
+			"integrity": "sha512-bXuaUNLVVkD20wcGBWRyo7j9N3TxePEWFZj2Y+r9OoUzfqmavM84+mFykRicNsBqatba5JLay1t48wxaXaWnlA==",
+			"license": "MIT",
+			"dependencies": {
+				"tslib": "^2.3.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/@wry/context": {
+			"version": "0.7.4",
+			"resolved": "https://registry.npmjs.org/@wry/context/-/context-0.7.4.tgz",
+			"integrity": "sha512-jmT7Sb4ZQWI5iyu3lobQxICu2nC/vbUhP0vIdd6tHC9PTfenmRmuIFqktc6GH9cgi+ZHnsLWPvfSvc4DrYmKiQ==",
+			"license": "MIT",
+			"dependencies": {
+				"tslib": "^2.3.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/@wry/equality": {
+			"version": "0.5.7",
+			"resolved": "https://registry.npmjs.org/@wry/equality/-/equality-0.5.7.tgz",
+			"integrity": "sha512-BRFORjsTuQv5gxcXsuDXx6oGRhuVsEGwZy6LOzRRfgu+eSfxbhUQ9L9YtSEIuIjY/o7g3iWFjrc5eSY1GXP2Dw==",
+			"license": "MIT",
+			"dependencies": {
+				"tslib": "^2.3.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/@wry/trie": {
+			"version": "0.5.0",
+			"resolved": "https://registry.npmjs.org/@wry/trie/-/trie-0.5.0.tgz",
+			"integrity": "sha512-FNoYzHawTMk/6KMQoEG5O4PuioX19UbwdQKF44yw0nLfOypfQdjtfZzo/UIJWAJ23sNIFbD1Ug9lbaDGMwbqQA==",
+			"license": "MIT",
+			"dependencies": {
+				"tslib": "^2.3.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/acorn": {
 			"version": "8.16.0",
 			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
@@ -4207,6 +6348,22 @@
 				"url": "https://github.com/sponsors/epoberezkin"
 			}
 		},
+		"node_modules/ansi-escapes": {
+			"version": "7.3.0",
+			"resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.3.0.tgz",
+			"integrity": "sha512-BvU8nYgGQBxcmMuEeUEmNTvrMVjJNSH7RgW24vXexN4Ven6qCvy4TntnvlnwnMLTVlcRQQdbRY8NKnaIoeWDNg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"environment": "^1.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/ansi-regex": {
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -4233,6 +6390,33 @@
 				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
 			}
 		},
+		"node_modules/apollo-upload-client": {
+			"version": "19.0.0",
+			"resolved": "https://registry.npmjs.org/apollo-upload-client/-/apollo-upload-client-19.0.0.tgz",
+			"integrity": "sha512-SOORV4GB71Pd1Ktdb5D8qBthu/gtTQirTx6rAhgujR+Z24dwmLU47hUERFVeffnFpCMRsir/V5ijOSfqqJdC4A==",
+			"license": "MIT",
+			"dependencies": {
+				"extract-files": "^13.0.0"
+			},
+			"engines": {
+				"node": "^20.9.0 || >=22.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jaydenseric"
+			},
+			"peerDependencies": {
+				"@apollo/client": "^4.0.0",
+				"graphql": "14 - 16",
+				"rxjs": "^7.3.0"
+			}
+		},
+		"node_modules/argparse": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+			"integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+			"dev": true,
+			"license": "Python-2.0"
+		},
 		"node_modules/aria-query": {
 			"version": "5.3.1",
 			"resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.1.tgz",
@@ -4267,6 +6451,16 @@
 				"arkregex": "0.0.5"
 			}
 		},
+		"node_modules/array-union": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+			"integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/assertion-error": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
@@ -4277,6 +6471,19 @@
 				"node": ">=12"
 			}
 		},
+		"node_modules/auto-bind": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/auto-bind/-/auto-bind-5.0.1.tgz",
+			"integrity": "sha512-ooviqdwwgfIfNmDwo94wlshcdzfO64XV0Cg6oDsDYBJfITDz1EngD2z7DkbvCWn+XIMsIqW27sEVF6qcpJrRcg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/axobject-query": {
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
@@ -4308,6 +6515,19 @@
 				"node": "18 || 20 || >=22"
 			}
 		},
+		"node_modules/baseline-browser-mapping": {
+			"version": "2.11.4",
+			"resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.4.tgz",
+			"integrity": "sha512-s4+sLr9mZ/CyqeRritFeYV/Zx73OAtmaHn6kkBS1XRoJn1hrg3xIDUcpicAEX68tkcIN0iBCgti31C8zxtkhsQ==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"bin": {
+				"baseline-browser-mapping": "dist/cli.cjs"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
 		"node_modules/bits-ui": {
 			"version": "2.18.1",
 			"resolved": "https://registry.npmjs.org/bits-ui/-/bits-ui-2.18.1.tgz",
@@ -4353,6 +6573,60 @@
 				"node": "18 || 20 || >=22"
 			}
 		},
+		"node_modules/braces": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+			"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fill-range": "^7.1.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/browserslist": {
+			"version": "4.28.7",
+			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.7.tgz",
+			"integrity": "sha512-JxV13hNrFxqjOc8alRbq9dK1MM79NEXYpma2B2J4wAtpWS5zIEIKqWPGCl7N4o7Uc7B7itylh7SuDujATRyyTw==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/browserslist"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/browserslist"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"baseline-browser-mapping": "^2.10.44",
+				"caniuse-lite": "^1.0.30001806",
+				"electron-to-chromium": "^1.5.393",
+				"node-releases": "^2.0.51",
+				"update-browserslist-db": "^1.2.3"
+			},
+			"bin": {
+				"browserslist": "cli.js"
+			},
+			"engines": {
+				"node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+			}
+		},
+		"node_modules/buffer-from": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+			"integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/bundle-name": {
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-4.1.0.tgz",
@@ -4369,6 +6643,16 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/callsites": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+			"integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/camelcase": {
 			"version": "8.0.0",
 			"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-8.0.0.tgz",
@@ -4384,9 +6668,9 @@
 			}
 		},
 		"node_modules/caniuse-lite": {
-			"version": "1.0.30001793",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001793.tgz",
-			"integrity": "sha512-iwSsYWaCOoh26cV8NwNRViHlrfUvYsHDfRVcbtmw0Kg6PJIZZXwMkj1442FYLBGkeUf1juAsU3DTfxW579mrPA==",
+			"version": "1.0.30001806",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001806.tgz",
+			"integrity": "sha512-72Cuvd95zbSYPKq6Fhg8eDJRlzgWDf7/mtoZv6Qe/DYNCEBdNxoA3+rZAU2ZhGCpZlns3EssFavaZomckT5Uuw==",
 			"dev": true,
 			"funding": [
 				{
@@ -4421,8 +6705,41 @@
 			"integrity": "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==",
 			"dev": true,
 			"license": "MIT",
-			"engines": {
-				"node": ">=18"
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/chalk": {
+			"version": "5.6.2",
+			"resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+			"integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^12.17.0 || ^14.13 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/chalk?sponsor=1"
+			}
+		},
+		"node_modules/change-case": {
+			"version": "5.4.4",
+			"resolved": "https://registry.npmjs.org/change-case/-/change-case-5.4.4.tgz",
+			"integrity": "sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/change-case-all": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/change-case-all/-/change-case-all-2.1.0.tgz",
+			"integrity": "sha512-v6b0WWWkZUMHVuYk82l+WROgkUm4qEN2w5hKRNWtEOYwWqUGoi8C6xH0l1RLF1EoWqDFK6MFclmN3od6ws3/uw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"change-case": "^5.2.0",
+				"sponge-case": "^2.0.2",
+				"swap-case": "^3.0.2",
+				"title-case": "^3.0.3"
 			}
 		},
 		"node_modules/character-entities": {
@@ -4458,6 +6775,13 @@
 				"url": "https://github.com/sponsors/wooorm"
 			}
 		},
+		"node_modules/chardet": {
+			"version": "2.2.0",
+			"resolved": "https://registry.npmjs.org/chardet/-/chardet-2.2.0.tgz",
+			"integrity": "sha512-rddelWYNPRrXq6PtNEN2S3f6t9ILzvqaN5pVgi4kqt9jHQaXIial9PznB5iSPVlQSLNaaH22ItWz3EJtQ10+OA==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/chokidar": {
 			"version": "5.0.0",
 			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
@@ -4488,6 +6812,95 @@
 				"validator": "^13.15.22"
 			}
 		},
+		"node_modules/cli-cursor": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-5.0.0.tgz",
+			"integrity": "sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"restore-cursor": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/cli-truncate": {
+			"version": "5.2.0",
+			"resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-5.2.0.tgz",
+			"integrity": "sha512-xRwvIOMGrfOAnM1JYtqQImuaNtDEv9v6oIYAs4LIHwTiKee8uwvIi363igssOC0O5U04i4AlENs79LQLu9tEMw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"slice-ansi": "^8.0.0",
+				"string-width": "^8.2.0"
+			},
+			"engines": {
+				"node": ">=20"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/cli-truncate/node_modules/ansi-regex": {
+			"version": "6.2.2",
+			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+			"integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-regex?sponsor=1"
+			}
+		},
+		"node_modules/cli-truncate/node_modules/string-width": {
+			"version": "8.2.2",
+			"resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz",
+			"integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"get-east-asian-width": "^1.5.0",
+				"strip-ansi": "^7.1.2"
+			},
+			"engines": {
+				"node": ">=20"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/cli-truncate/node_modules/strip-ansi": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+			"integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-regex": "^6.2.2"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/strip-ansi?sponsor=1"
+			}
+		},
+		"node_modules/cli-width": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz",
+			"integrity": "sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==",
+			"dev": true,
+			"license": "ISC",
+			"engines": {
+				"node": ">= 12"
+			}
+		},
 		"node_modules/cliui": {
 			"version": "6.0.0",
 			"resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
@@ -4574,6 +6987,16 @@
 				"node": ">= 10"
 			}
 		},
+		"node_modules/common-tags": {
+			"version": "1.8.2",
+			"resolved": "https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz",
+			"integrity": "sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=4.0.0"
+			}
+		},
 		"node_modules/commondir": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
@@ -4598,6 +7021,33 @@
 				"node": ">= 0.6"
 			}
 		},
+		"node_modules/cosmiconfig": {
+			"version": "9.0.2",
+			"resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.2.tgz",
+			"integrity": "sha512-gtTZxTDau1wL7Y7zifc2dd8jHSK/k6BTx/2Xp/BpdlAdnlYWFVt7qhJqgwi7637yRwRQ3qL4ZidbB4I8tA5VOg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"env-paths": "^2.2.1",
+				"import-fresh": "^3.3.0",
+				"js-yaml": "^4.1.0",
+				"parse-json": "^5.2.0"
+			},
+			"engines": {
+				"node": ">=14"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/d-fischer"
+			},
+			"peerDependencies": {
+				"typescript": ">=4.9.5"
+			},
+			"peerDependenciesMeta": {
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/crelt": {
 			"version": "1.0.6",
 			"resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
@@ -4623,6 +7073,19 @@
 				"node": ">=20"
 			}
 		},
+		"node_modules/cross-inspect": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/cross-inspect/-/cross-inspect-1.0.1.tgz",
+			"integrity": "sha512-Pcw1JTvZLSJH83iiGWt6fRcT+BjZlCDRVwYLbUcHzv/CRpB7r0MlSrGbIyQvVSNyGnbt7G4AXuyCiDR3POvZ1A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"tslib": "^2.4.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
 		"node_modules/cross-spawn": {
 			"version": "7.0.6",
 			"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -5172,6 +7635,23 @@
 				"node": ">=12"
 			}
 		},
+		"node_modules/data-uri-to-buffer": {
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
+			"integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 12"
+			}
+		},
+		"node_modules/dataloader": {
+			"version": "2.2.3",
+			"resolved": "https://registry.npmjs.org/dataloader/-/dataloader-2.2.3.tgz",
+			"integrity": "sha512-y2krtASINtPFS1rSDjacrFgn1dcUuoREVabwlOGOe4SdxenREqwjwjElAdwvbGM7kgZz9a3KVicWR7vcz8rnzA==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/dayjs": {
 			"version": "1.11.20",
 			"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.20.tgz",
@@ -5180,6 +7660,19 @@
 			"license": "MIT",
 			"optional": true
 		},
+		"node_modules/debounce": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/debounce/-/debounce-3.0.0.tgz",
+			"integrity": "sha512-64byRbF0/AirwbuHqB3/ZpMG9/nckDa6ZA0yd6UnaQNwbbemCOwvz2sL5sjXLHhZHADyiwLm0M5qMhltUUx+TA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=20"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/debug": {
 			"version": "4.4.3",
 			"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -5292,6 +7785,16 @@
 				"robust-predicates": "^3.0.2"
 			}
 		},
+		"node_modules/dependency-graph": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-1.0.0.tgz",
+			"integrity": "sha512-cW3gggJ28HZ/LExwxP2B++aiKxhJXMSIt9K48FOXQkm+vuG5gyatXnLsONRJdzO/7VfjDIiaOOa/bs4l464Lwg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=4"
+			}
+		},
 		"node_modules/dequal": {
 			"version": "2.0.3",
 			"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@@ -5366,6 +7869,19 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/dir-glob": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+			"integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"path-type": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/dlv": {
 			"version": "1.1.3",
 			"resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
@@ -5386,6 +7902,41 @@
 				"fast-check": "^3.23.1"
 			}
 		},
+		"node_modules/electron-to-chromium": {
+			"version": "1.5.396",
+			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.396.tgz",
+			"integrity": "sha512-yHiw2Y3C3H9U6TMbOfoWK/BPreiOPXRfTWPBwQBoZG6/8TB6eOPnsy5oaRYuatR7Fw2SJ4kKforgufeo7fq0EQ==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/embla-carousel": {
+			"version": "8.6.0",
+			"resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-8.6.0.tgz",
+			"integrity": "sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==",
+			"license": "MIT"
+		},
+		"node_modules/embla-carousel-reactive-utils": {
+			"version": "8.6.0",
+			"resolved": "https://registry.npmjs.org/embla-carousel-reactive-utils/-/embla-carousel-reactive-utils-8.6.0.tgz",
+			"integrity": "sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==",
+			"license": "MIT",
+			"peerDependencies": {
+				"embla-carousel": "8.6.0"
+			}
+		},
+		"node_modules/embla-carousel-svelte": {
+			"version": "8.6.0",
+			"resolved": "https://registry.npmjs.org/embla-carousel-svelte/-/embla-carousel-svelte-8.6.0.tgz",
+			"integrity": "sha512-ZDsKk8Sdv+AUTygMYcwZjfRd1DTh+JSUzxkOo8b9iKAkYjg+39mzbY/lwHsE3jXSpKxdKWS69hPSNuzlOGtR2Q==",
+			"license": "MIT",
+			"dependencies": {
+				"embla-carousel": "8.6.0",
+				"embla-carousel-reactive-utils": "8.6.0"
+			},
+			"peerDependencies": {
+				"svelte": "^3.49.0 || ^4.0.0 || ^5.0.0"
+			}
+		},
 		"node_modules/emoji-regex": {
 			"version": "8.0.0",
 			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -5407,6 +7958,39 @@
 				"node": ">=10.13.0"
 			}
 		},
+		"node_modules/env-paths": {
+			"version": "2.2.1",
+			"resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+			"integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/environment": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz",
+			"integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/error-ex": {
+			"version": "1.3.4",
+			"resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+			"integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-arrayish": "^0.2.1"
+			}
+		},
 		"node_modules/es-errors": {
 			"version": "1.3.0",
 			"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
@@ -5694,6 +8278,13 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/eventemitter3": {
+			"version": "5.0.4",
+			"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.4.tgz",
+			"integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/expect-type": {
 			"version": "1.3.0",
 			"resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.3.0.tgz",
@@ -5711,6 +8302,21 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/extract-files": {
+			"version": "13.0.0",
+			"resolved": "https://registry.npmjs.org/extract-files/-/extract-files-13.0.0.tgz",
+			"integrity": "sha512-FXD+2Tsr8Iqtm3QZy1Zmwscca7Jx3mMC5Crr+sEP1I303Jy1CYMuYCm7hRTplFNg3XdUavErkxnTzpaqdSoi6g==",
+			"license": "MIT",
+			"dependencies": {
+				"is-plain-obj": "^4.1.0"
+			},
+			"engines": {
+				"node": "^14.17.0 || ^16.0.0 || >= 18.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jaydenseric"
+			}
+		},
 		"node_modules/fast-check": {
 			"version": "3.23.2",
 			"resolved": "https://registry.npmjs.org/fast-check/-/fast-check-3.23.2.tgz",
@@ -5742,6 +8348,36 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/fast-glob": {
+			"version": "3.3.3",
+			"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+			"integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.stat": "^2.0.2",
+				"@nodelib/fs.walk": "^1.2.3",
+				"glob-parent": "^5.1.2",
+				"merge2": "^1.3.0",
+				"micromatch": "^4.0.8"
+			},
+			"engines": {
+				"node": ">=8.6.0"
+			}
+		},
+		"node_modules/fast-glob/node_modules/glob-parent": {
+			"version": "5.1.2",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"is-glob": "^4.0.1"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
 		"node_modules/fast-json-stable-stringify": {
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
@@ -5756,6 +8392,43 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/fast-string-truncated-width": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/fast-string-truncated-width/-/fast-string-truncated-width-3.0.3.tgz",
+			"integrity": "sha512-0jjjIEL6+0jag3l2XWWizO64/aZVtpiGE3t0Zgqxv0DPuxiMjvB3M24fCyhZUO4KomJQPj3LTSUnDP3GpdwC0g==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/fast-string-width": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/fast-string-width/-/fast-string-width-3.0.2.tgz",
+			"integrity": "sha512-gX8LrtNEI5hq8DVUfRQMbr5lpaS4nMIWV+7XEbXk2b8kiQIizgnlr12B4dA3ZEx3308ze0O4Q1R+cHts8kyUJg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fast-string-truncated-width": "^3.0.2"
+			}
+		},
+		"node_modules/fast-wrap-ansi": {
+			"version": "0.2.2",
+			"resolved": "https://registry.npmjs.org/fast-wrap-ansi/-/fast-wrap-ansi-0.2.2.tgz",
+			"integrity": "sha512-7F2Fl+TjRSenLqlU3UjSH0iyqopqoZIu7eZVpEirP2g1GtWa2G/ecEmBdgz31+Mxr+ELclgg6sokpSFIQiZ02Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fast-string-width": "^3.0.2"
+			}
+		},
+		"node_modules/fastq": {
+			"version": "1.20.1",
+			"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+			"integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"reusify": "^1.0.4"
+			}
+		},
 		"node_modules/fdir": {
 			"version": "6.5.0",
 			"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
@@ -5774,6 +8447,30 @@
 				}
 			}
 		},
+		"node_modules/fetch-blob": {
+			"version": "3.2.0",
+			"resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz",
+			"integrity": "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/jimmywarting"
+				},
+				{
+					"type": "paypal",
+					"url": "https://paypal.me/jimmywarting"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"node-domexception": "^1.0.0",
+				"web-streams-polyfill": "^3.0.3"
+			},
+			"engines": {
+				"node": "^12.20 || >= 14.13"
+			}
+		},
 		"node_modules/file-entry-cache": {
 			"version": "8.0.0",
 			"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
@@ -5787,6 +8484,19 @@
 				"node": ">=16.0.0"
 			}
 		},
+		"node_modules/fill-range": {
+			"version": "7.1.1",
+			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+			"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"to-regex-range": "^5.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/find-up": {
 			"version": "5.0.0",
 			"resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -5825,6 +8535,19 @@
 			"dev": true,
 			"license": "ISC"
 		},
+		"node_modules/formdata-polyfill": {
+			"version": "4.0.10",
+			"resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
+			"integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fetch-blob": "^3.1.2"
+			},
+			"engines": {
+				"node": ">=12.20.0"
+			}
+		},
 		"node_modules/formsnap": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/formsnap/-/formsnap-2.0.1.tgz",
@@ -5891,6 +8614,16 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/gensync": {
+			"version": "1.0.0-beta.2",
+			"resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+			"integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
 		"node_modules/get-caller-file": {
 			"version": "2.0.5",
 			"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
@@ -5950,6 +8683,27 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/globby": {
+			"version": "11.1.0",
+			"resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+			"integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"array-union": "^2.1.0",
+				"dir-glob": "^3.0.1",
+				"fast-glob": "^3.2.9",
+				"ignore": "^5.2.0",
+				"merge2": "^1.4.1",
+				"slash": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/graceful-fs": {
 			"version": "4.2.11",
 			"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
@@ -5957,6 +8711,130 @@
 			"dev": true,
 			"license": "ISC"
 		},
+		"node_modules/graphql": {
+			"version": "17.0.2",
+			"resolved": "https://registry.npmjs.org/graphql/-/graphql-17.0.2.tgz",
+			"integrity": "sha512-FRWbddMxfkjiB7z+aQDWIR+E34xo9I8c9mtK2RPv8PmMzKRvrdsreHL/Ui/TmwHJfhHChEtsFPyMHKI+xuarQQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^22.0.0 || ^24.0.0 || ^25.0.0 || >=26.0.0"
+			}
+		},
+		"node_modules/graphql-config": {
+			"version": "5.1.6",
+			"resolved": "https://registry.npmjs.org/graphql-config/-/graphql-config-5.1.6.tgz",
+			"integrity": "sha512-fCkYnm4Kdq3un0YIM4BCZHVR5xl0UeLP6syxxO7KAstdY7QVyVvTHP0kRPDYEP1v08uwtJVgis5sj3IOTLOniQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@graphql-tools/graphql-file-loader": "^8.0.0",
+				"@graphql-tools/json-file-loader": "^8.0.0",
+				"@graphql-tools/load": "^8.1.0",
+				"@graphql-tools/merge": "^9.0.0",
+				"@graphql-tools/url-loader": "^9.0.0",
+				"@graphql-tools/utils": "^11.0.0",
+				"cosmiconfig": "^8.1.0",
+				"jiti": "^2.0.0",
+				"minimatch": "^10.0.0",
+				"string-env-interpolation": "^1.0.1",
+				"tslib": "^2.4.0"
+			},
+			"engines": {
+				"node": ">= 16.0.0"
+			},
+			"peerDependencies": {
+				"cosmiconfig-toml-loader": "^1.0.0",
+				"graphql": "^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0"
+			},
+			"peerDependenciesMeta": {
+				"cosmiconfig-toml-loader": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/graphql-config/node_modules/cosmiconfig": {
+			"version": "8.3.6",
+			"resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz",
+			"integrity": "sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"import-fresh": "^3.3.0",
+				"js-yaml": "^4.1.0",
+				"parse-json": "^5.2.0",
+				"path-type": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=14"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/d-fischer"
+			},
+			"peerDependencies": {
+				"typescript": ">=4.9.5"
+			},
+			"peerDependenciesMeta": {
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/graphql-tag": {
+			"version": "2.12.7",
+			"resolved": "https://registry.npmjs.org/graphql-tag/-/graphql-tag-2.12.7.tgz",
+			"integrity": "sha512-xnE/NFzy+0eIesvAsREJZ284zTl/wYuBAvpsFSDhRGRdRHdnE90M21Q3xAWyYInb0J756c6x0pIQ62+vtvOs1Q==",
+			"license": "MIT",
+			"dependencies": {
+				"tslib": "^2.1.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"peerDependencies": {
+				"graphql": "^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+			}
+		},
+		"node_modules/graphql-tag-pluck": {
+			"version": "0.8.7",
+			"resolved": "https://registry.npmjs.org/graphql-tag-pluck/-/graphql-tag-pluck-0.8.7.tgz",
+			"integrity": "sha512-yuWcQislvBPHorFQzmZ9/yY0nPD1rn1kBNOr6iPXzT+iJ/i/pciq8Z7ilnVJAGKaJXV58ovD+AWWYYjX6IFF9g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/parser": "^7.4.4",
+				"@babel/traverse": "^7.4.4",
+				"@babel/types": "^7.4.4",
+				"source-map-support": "^0.5.12"
+			}
+		},
+		"node_modules/graphql-ws": {
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/graphql-ws/-/graphql-ws-6.2.0.tgz",
+			"integrity": "sha512-A0kH9R7JZNh4AKKHykmJdOb5IgRya07uCrhYOXm1UDyxCwc/6jEi5+UMUhoBVj/hsowJHRK7Y3LllMdlNJR+HA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=20"
+			},
+			"peerDependencies": {
+				"@fastify/websocket": "^10 || ^11",
+				"crossws": "~0.3",
+				"graphql": "^15.10.1 || ^16 || ^17",
+				"ws": "^8"
+			},
+			"peerDependenciesMeta": {
+				"@fastify/websocket": {
+					"optional": true
+				},
+				"crossws": {
+					"optional": true
+				},
+				"ws": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/has-flag": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -5967,13 +8845,6 @@
 				"node": ">=8"
 			}
 		},
-		"node_modules/hash-wasm": {
-			"version": "4.12.0",
-			"resolved": "https://registry.npmjs.org/hash-wasm/-/hash-wasm-4.12.0.tgz",
-			"integrity": "sha512-+/2B2rYLb48I/evdOIhP+K/DD2ca2fgBjp6O+GBEnCDk2e4rpeXIK8GvIyRPjTezgmWn9gmKwkQjjx6BtqDHVQ==",
-			"dev": true,
-			"license": "MIT"
-		},
 		"node_modules/hasown": {
 			"version": "2.0.3",
 			"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
@@ -6076,12 +8947,52 @@
 			}
 		},
 		"node_modules/immutable": {
-			"version": "5.1.5",
-			"resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.5.tgz",
-			"integrity": "sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==",
+			"version": "5.1.9",
+			"resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.9.tgz",
+			"integrity": "sha512-m8nVez3rwrgmWxtLMt1ZYXB2Lv7OKYn/disyxAlSDYAlKSlFoPPfIAmAM/M5xqL4m4C/wAPw7S2/CNaUii1Hxg==",
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/import-fresh": {
+			"version": "3.3.1",
+			"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+			"integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"parent-module": "^1.0.0",
+				"resolve-from": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/import-fresh/node_modules/resolve-from": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+			"integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/import-from": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/import-from/-/import-from-4.0.0.tgz",
+			"integrity": "sha512-P9J71vT5nLlDeV8FHs5nNxaLbrpfAV5cF5srvbZfpwpcJoM/xZR3hiv+q+SAnuSmuGbXMWud063iIMx/V/EWZQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12.2"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/imurmurhash": {
 			"version": "0.1.4",
 			"resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -6109,6 +9020,37 @@
 				"node": ">=12"
 			}
 		},
+		"node_modules/invariant": {
+			"version": "2.2.4",
+			"resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+			"integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"loose-envify": "^1.0.0"
+			}
+		},
+		"node_modules/is-absolute": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/is-absolute/-/is-absolute-1.0.0.tgz",
+			"integrity": "sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-relative": "^1.0.0",
+				"is-windows": "^1.0.1"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/is-arrayish": {
+			"version": "0.2.1",
+			"resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+			"integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/is-core-module": {
 			"version": "2.16.2",
 			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz",
@@ -6213,11 +9155,20 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/is-number": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.12.0"
+			}
+		},
 		"node_modules/is-plain-obj": {
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
 			"integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
-			"dev": true,
 			"license": "MIT",
 			"engines": {
 				"node": ">=12"
@@ -6236,6 +9187,55 @@
 				"@types/estree": "*"
 			}
 		},
+		"node_modules/is-relative": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz",
+			"integrity": "sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-unc-path": "^1.0.0"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/is-unc-path": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-1.0.0.tgz",
+			"integrity": "sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"unc-path-regex": "^0.1.2"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/is-unicode-supported": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz",
+			"integrity": "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/is-windows": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+			"integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
 		"node_modules/is-wsl": {
 			"version": "3.1.1",
 			"resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.1.tgz",
@@ -6259,6 +9259,32 @@
 			"dev": true,
 			"license": "ISC"
 		},
+		"node_modules/isomorphic-ws": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/isomorphic-ws/-/isomorphic-ws-5.0.0.tgz",
+			"integrity": "sha512-muId7Zzn9ywDsyXgTIafTry2sV3nySZeUDe6YedVd1Hvuuep5AsIlqK+XefWpYTyJG5e503F2xIuT2lcU6rCSw==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"ws": "*"
+			}
+		},
+		"node_modules/isows": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/isows/-/isows-1.0.7.tgz",
+			"integrity": "sha512-I1fSfDCZL5P0v33sVqeTDSpcstAg/N+wF5HS033mogOVIp4B+oHC7oOCsA3axAbBSGTJ8QubbNmnIRN/h8U7hg==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/wevm"
+				}
+			],
+			"license": "MIT",
+			"peerDependencies": {
+				"ws": "*"
+			}
+		},
 		"node_modules/jiti": {
 			"version": "2.7.0",
 			"resolved": "https://registry.npmjs.org/jiti/-/jiti-2.7.0.tgz",
@@ -6284,6 +9310,49 @@
 				"@sideway/pinpoint": "^2.0.0"
 			}
 		},
+		"node_modules/js-tokens": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+			"integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/js-yaml": {
+			"version": "4.3.0",
+			"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.0.tgz",
+			"integrity": "sha512-1td788aAnnZ5qs7V2QIRl1owjtYpbKt749Y3xauqQgwIIGF/xXWz1wMTEBx5O3LK3lXLVuqXPdPxj2BoFHaW9Q==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/puzrin"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/nodeca"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"argparse": "^2.0.1"
+			},
+			"bin": {
+				"js-yaml": "bin/js-yaml.js"
+			}
+		},
+		"node_modules/jsesc": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+			"integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"jsesc": "bin/jsesc"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/json-buffer": {
 			"version": "3.0.1",
 			"resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
@@ -6291,6 +9360,13 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/json-parse-even-better-errors": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+			"integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/json-schema-to-ts": {
 			"version": "3.1.1",
 			"resolved": "https://registry.npmjs.org/json-schema-to-ts/-/json-schema-to-ts-3.1.1.tgz",
@@ -6320,6 +9396,33 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/json-to-pretty-yaml": {
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/json-to-pretty-yaml/-/json-to-pretty-yaml-1.2.2.tgz",
+			"integrity": "sha512-rvm6hunfCcqegwYaG5T4yKJWxc9FXFgBVrcTZ4XfSVRwa5HA/Xs+vB/Eo9treYYHCeNM0nrSUr82V/M31Urc7A==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"remedial": "^1.0.7",
+				"remove-trailing-spaces": "^1.0.6"
+			},
+			"engines": {
+				"node": ">= 0.2.0"
+			}
+		},
+		"node_modules/json5": {
+			"version": "2.2.3",
+			"resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+			"integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"json5": "lib/cli.js"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/keyv": {
 			"version": "4.5.4",
 			"resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -6348,9 +9451,9 @@
 			"license": "MIT"
 		},
 		"node_modules/layerchart": {
-			"version": "2.0.0-next.64",
-			"resolved": "https://registry.npmjs.org/layerchart/-/layerchart-2.0.0-next.64.tgz",
-			"integrity": "sha512-vkD8CBPQOFslC8AGgHvTc1lXOJYuj+Fzimjle7Gxu/GUXQ83m68G+H3zhMTB61Q8aXEu4ytz4vVuwuOB+5JD+Q==",
+			"version": "2.0.0-next.48",
+			"resolved": "https://registry.npmjs.org/layerchart/-/layerchart-2.0.0-next.48.tgz",
+			"integrity": "sha512-XoEYBztamA8lMxtF/Jz3aDX0HMk8dI+o4fK9fSl8ecT2Tdx3DQUjtKGtlQAOFdwC/AWifeLmKq5cMTQt9COZPQ==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -6582,9 +9685,6 @@
 				"arm64"
 			],
 			"dev": true,
-			"libc": [
-				"glibc"
-			],
 			"license": "MPL-2.0",
 			"optional": true,
 			"os": [
@@ -6606,9 +9706,6 @@
 				"arm64"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MPL-2.0",
 			"optional": true,
 			"os": [
@@ -6629,10 +9726,7 @@
 			"cpu": [
 				"x64"
 			],
-			"dev": true,
-			"libc": [
-				"glibc"
-			],
+			"dev": true,
 			"license": "MPL-2.0",
 			"optional": true,
 			"os": [
@@ -6654,9 +9748,6 @@
 				"x64"
 			],
 			"dev": true,
-			"libc": [
-				"musl"
-			],
 			"license": "MPL-2.0",
 			"optional": true,
 			"os": [
@@ -6722,6 +9813,107 @@
 				"node": ">=10"
 			}
 		},
+		"node_modules/lines-and-columns": {
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+			"integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/listr2": {
+			"version": "10.2.2",
+			"resolved": "https://registry.npmjs.org/listr2/-/listr2-10.2.2.tgz",
+			"integrity": "sha512-JtNtbZj8q5BnDMR7trpwvwk3RIrANtIVzEUm8w7amp6xelLgyuq+4WZoTH913XaQAoH/cNdYhaNzBPA2U3xbDw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"cli-truncate": "^5.2.0",
+				"eventemitter3": "^5.0.4",
+				"log-update": "^6.1.0",
+				"rfdc": "^1.4.1",
+				"wrap-ansi": "^10.0.0"
+			},
+			"engines": {
+				"node": ">=22.13.0"
+			}
+		},
+		"node_modules/listr2/node_modules/ansi-regex": {
+			"version": "6.2.2",
+			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+			"integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-regex?sponsor=1"
+			}
+		},
+		"node_modules/listr2/node_modules/ansi-styles": {
+			"version": "6.2.3",
+			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+			"integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
+			}
+		},
+		"node_modules/listr2/node_modules/string-width": {
+			"version": "8.2.2",
+			"resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz",
+			"integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"get-east-asian-width": "^1.5.0",
+				"strip-ansi": "^7.1.2"
+			},
+			"engines": {
+				"node": ">=20"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/listr2/node_modules/strip-ansi": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+			"integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-regex": "^6.2.2"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/strip-ansi?sponsor=1"
+			}
+		},
+		"node_modules/listr2/node_modules/wrap-ansi": {
+			"version": "10.0.0",
+			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-10.0.0.tgz",
+			"integrity": "sha512-SGcvg80f0wUy2/fXES19feHMz8E0JoXv2uNgHOu4Dgi2OrCy1lqwFYEJz1BLbDI0exjPMe/ZdzZ/YpGECBG/aQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^6.2.3",
+				"string-width": "^8.2.0",
+				"strip-ansi": "^7.1.2"
+			},
+			"engines": {
+				"node": ">=20"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+			}
+		},
 		"node_modules/locate-character": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
@@ -6745,6 +9937,168 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/lodash.sortby": {
+			"version": "4.7.0",
+			"resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz",
+			"integrity": "sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/log-symbols": {
+			"version": "7.0.1",
+			"resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-7.0.1.tgz",
+			"integrity": "sha512-ja1E3yCr9i/0hmBVaM0bfwDjnGy8I/s6PP4DFp+yP+a+mrHO4Rm7DtmnqROTUkHIkqffC84YY7AeqX6oFk0WFg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-unicode-supported": "^2.0.0",
+				"yoctocolors": "^2.1.1"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/log-update": {
+			"version": "6.1.0",
+			"resolved": "https://registry.npmjs.org/log-update/-/log-update-6.1.0.tgz",
+			"integrity": "sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-escapes": "^7.0.0",
+				"cli-cursor": "^5.0.0",
+				"slice-ansi": "^7.1.0",
+				"strip-ansi": "^7.1.0",
+				"wrap-ansi": "^9.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/log-update/node_modules/ansi-regex": {
+			"version": "6.2.2",
+			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+			"integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-regex?sponsor=1"
+			}
+		},
+		"node_modules/log-update/node_modules/ansi-styles": {
+			"version": "6.2.3",
+			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+			"integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
+			}
+		},
+		"node_modules/log-update/node_modules/emoji-regex": {
+			"version": "10.6.0",
+			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+			"integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/log-update/node_modules/is-fullwidth-code-point": {
+			"version": "5.1.0",
+			"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.1.0.tgz",
+			"integrity": "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"get-east-asian-width": "^1.3.1"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/log-update/node_modules/slice-ansi": {
+			"version": "7.1.2",
+			"resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.2.tgz",
+			"integrity": "sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^6.2.1",
+				"is-fullwidth-code-point": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/slice-ansi?sponsor=1"
+			}
+		},
+		"node_modules/log-update/node_modules/string-width": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+			"integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"emoji-regex": "^10.3.0",
+				"get-east-asian-width": "^1.0.0",
+				"strip-ansi": "^7.1.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/log-update/node_modules/strip-ansi": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+			"integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-regex": "^6.2.2"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/strip-ansi?sponsor=1"
+			}
+		},
+		"node_modules/log-update/node_modules/wrap-ansi": {
+			"version": "9.0.2",
+			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+			"integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^6.2.1",
+				"string-width": "^7.0.0",
+				"strip-ansi": "^7.1.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+			}
+		},
 		"node_modules/longest-streak": {
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz",
@@ -6756,6 +10110,29 @@
 				"url": "https://github.com/sponsors/wooorm"
 			}
 		},
+		"node_modules/loose-envify": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+			"integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"js-tokens": "^3.0.0 || ^4.0.0"
+			},
+			"bin": {
+				"loose-envify": "cli.js"
+			}
+		},
+		"node_modules/lru-cache": {
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+			"integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"yallist": "^3.0.2"
+			}
+		},
 		"node_modules/lz-string": {
 			"version": "1.5.0",
 			"resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
@@ -6776,6 +10153,16 @@
 				"@jridgewell/sourcemap-codec": "^1.5.5"
 			}
 		},
+		"node_modules/map-cache": {
+			"version": "0.2.2",
+			"resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
+			"integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
 		"node_modules/mdast-util-from-markdown": {
 			"version": "2.0.3",
 			"resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.3.tgz",
@@ -6897,6 +10284,34 @@
 			"dev": true,
 			"license": "ISC"
 		},
+		"node_modules/merge2": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+			"integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/meros": {
+			"version": "1.3.2",
+			"resolved": "https://registry.npmjs.org/meros/-/meros-1.3.2.tgz",
+			"integrity": "sha512-Q3mobPbvEx7XbwhnC1J1r60+5H6EZyNccdzSz0eGexJRwouUtTZxPVRGdqKtxlpD84ScK4+tIGldkqDtCKdI0A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=13"
+			},
+			"peerDependencies": {
+				"@types/node": ">=13"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/micromark": {
 			"version": "4.0.2",
 			"resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.2.tgz",
@@ -7360,6 +10775,33 @@
 			],
 			"license": "MIT"
 		},
+		"node_modules/micromatch": {
+			"version": "4.0.8",
+			"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+			"integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"braces": "^3.0.3",
+				"picomatch": "^2.3.1"
+			},
+			"engines": {
+				"node": ">=8.6"
+			}
+		},
+		"node_modules/micromatch/node_modules/picomatch": {
+			"version": "2.3.2",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+			"integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8.6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
 		"node_modules/mimic-function": {
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/mimic-function/-/mimic-function-5.0.1.tgz",
@@ -7493,6 +10935,16 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/mute-stream": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-3.0.0.tgz",
+			"integrity": "sha512-dkEJPVvun4FryqBmZ5KhDo0K9iDXAwn08tMLDinNdRBNPcYEDiWYysLcc6k3mjTMlbP9KyylvRpd4wFtwrT9rw==",
+			"dev": true,
+			"license": "ISC",
+			"engines": {
+				"node": "^20.17.0 || >=22.9.0"
+			}
+		},
 		"node_modules/nanoid": {
 			"version": "3.3.12",
 			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
@@ -7527,6 +10979,46 @@
 			"license": "MIT",
 			"optional": true
 		},
+		"node_modules/node-domexception": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+			"integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
+			"deprecated": "Use your platform's native DOMException instead",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/jimmywarting"
+				},
+				{
+					"type": "github",
+					"url": "https://paypal.me/jimmywarting"
+				}
+			],
+			"license": "MIT",
+			"engines": {
+				"node": ">=10.5.0"
+			}
+		},
+		"node_modules/node-fetch": {
+			"version": "3.3.2",
+			"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz",
+			"integrity": "sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"data-uri-to-buffer": "^4.0.0",
+				"fetch-blob": "^3.1.4",
+				"formdata-polyfill": "^4.0.10"
+			},
+			"engines": {
+				"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/node-fetch"
+			}
+		},
 		"node_modules/node-fetch-native": {
 			"version": "1.6.7",
 			"resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.6.7.tgz",
@@ -7534,6 +11026,29 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/node-releases": {
+			"version": "2.0.51",
+			"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.51.tgz",
+			"integrity": "sha512-wRNIrw4DmVLKQlbgOMdkMx27Wrpzes2hh5Jtbi2bjPd+4wJstWIqP5A+lscnqbm0xxmT5Bpg8Lec5ItEBwx6BQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/normalize-path": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+			"integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"remove-trailing-separator": "^1.0.1"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
 		"node_modules/normalize-url": {
 			"version": "8.1.1",
 			"resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-8.1.1.tgz",
@@ -7566,6 +11081,22 @@
 			],
 			"license": "MIT"
 		},
+		"node_modules/onetime": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/onetime/-/onetime-7.0.0.tgz",
+			"integrity": "sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"mimic-function": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/open": {
 			"version": "11.0.0",
 			"resolved": "https://registry.npmjs.org/open/-/open-11.0.0.tgz",
@@ -7587,6 +11118,18 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/optimism": {
+			"version": "0.18.1",
+			"resolved": "https://registry.npmjs.org/optimism/-/optimism-0.18.1.tgz",
+			"integrity": "sha512-mLXNwWPa9dgFyDqkNi54sjDyNJ9/fTI6WGBLgnXku1vdKY/jovHfZT5r+aiVeFFLOz+foPNOm5YJ4mqgld2GBQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@wry/caches": "^1.0.0",
+				"@wry/context": "^0.7.0",
+				"@wry/trie": "^0.5.0",
+				"tslib": "^2.3.0"
+			}
+		},
 		"node_modules/optionator": {
 			"version": "0.9.4",
 			"resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -7647,6 +11190,53 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/parent-module": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+			"integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"callsites": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/parse-filepath": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/parse-filepath/-/parse-filepath-1.0.2.tgz",
+			"integrity": "sha512-FwdRXKCohSVeXqwtYonZTXtbGJKrn+HNyWDYVcp5yuJlesTwNH4rsmRZ+GrKAPJ5bLpRxESMeS+Rl0VCHRvB2Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-absolute": "^1.0.0",
+				"map-cache": "^0.2.0",
+				"path-root": "^0.1.1"
+			},
+			"engines": {
+				"node": ">=0.8"
+			}
+		},
+		"node_modules/parse-json": {
+			"version": "5.2.0",
+			"resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+			"integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/code-frame": "^7.0.0",
+				"error-ex": "^1.3.1",
+				"json-parse-even-better-errors": "^2.3.0",
+				"lines-and-columns": "^1.1.6"
+			},
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/path-exists": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -7674,6 +11264,39 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/path-root": {
+			"version": "0.1.1",
+			"resolved": "https://registry.npmjs.org/path-root/-/path-root-0.1.1.tgz",
+			"integrity": "sha512-QLcPegTHF11axjfojBIoDygmS2E3Lf+8+jI6wOVmNVenrKSo3mFdSGiIgdSHenczw3wPtlVMQaFVwGmM7BJdtg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"path-root-regex": "^0.1.0"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/path-root-regex": {
+			"version": "0.1.2",
+			"resolved": "https://registry.npmjs.org/path-root-regex/-/path-root-regex-0.1.2.tgz",
+			"integrity": "sha512-4GlJ6rZDhQZFE0DPVKh0e9jmZ5egZfxTkp7bcRDuPlJXbAwhxcl2dINPUAsjLdejqaLsCeg8axcLjIbvBjN4pQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/path-type": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+			"integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/pathe": {
 			"version": "2.0.3",
 			"resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
@@ -8112,6 +11735,27 @@
 				"node": ">=10.13.0"
 			}
 		},
+		"node_modules/queue-microtask": {
+			"version": "1.2.3",
+			"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+			"integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"license": "MIT"
+		},
 		"node_modules/readdirp": {
 			"version": "5.0.0",
 			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
@@ -8226,6 +11870,30 @@
 				"url": "https://opencollective.com/unified"
 			}
 		},
+		"node_modules/remedial": {
+			"version": "1.0.8",
+			"resolved": "https://registry.npmjs.org/remedial/-/remedial-1.0.8.tgz",
+			"integrity": "sha512-/62tYiOe6DzS5BqVsNpH/nkGlX45C/Sp6V+NtiN6JQNS1Viay7cWkazmRkrQrdFj2eshDe96SIQNIoMxqhzBOg==",
+			"dev": true,
+			"license": "(MIT OR Apache-2.0)",
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/remove-trailing-separator": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
+			"integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/remove-trailing-spaces": {
+			"version": "1.0.9",
+			"resolved": "https://registry.npmjs.org/remove-trailing-spaces/-/remove-trailing-spaces-1.0.9.tgz",
+			"integrity": "sha512-xzG7w5IRijvIkHIjDk65URsJJ7k4J95wmcArY5PRcmjldIOl7oTvG8+X2Ag690R7SfwiOcHrWZKVc1Pp5WIOzA==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/require-directory": {
 			"version": "2.1.1",
 			"resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
@@ -8265,6 +11933,51 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/resolve-from": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+			"integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/restore-cursor": {
+			"version": "5.1.0",
+			"resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-5.1.0.tgz",
+			"integrity": "sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"onetime": "^7.0.0",
+				"signal-exit": "^4.1.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/reusify": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+			"integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"iojs": ">=1.0.0",
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/rfdc": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+			"integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/robust-predicates": {
 			"version": "3.0.3",
 			"resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.3.tgz",
@@ -8540,6 +12253,30 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/run-parallel": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+			"integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"queue-microtask": "^1.2.2"
+			}
+		},
 		"node_modules/runed": {
 			"version": "0.35.1",
 			"resolved": "https://registry.npmjs.org/runed/-/runed-0.35.1.tgz",
@@ -8793,7 +12530,6 @@
 				"arm"
 			],
 			"dev": true,
-			"libc": "glibc",
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -8811,7 +12547,6 @@
 				"arm64"
 			],
 			"dev": true,
-			"libc": "glibc",
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -8829,7 +12564,6 @@
 				"arm"
 			],
 			"dev": true,
-			"libc": "musl",
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -8847,7 +12581,6 @@
 				"arm64"
 			],
 			"dev": true,
-			"libc": "musl",
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -8865,7 +12598,6 @@
 				"riscv64"
 			],
 			"dev": true,
-			"libc": "musl",
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -8883,7 +12615,6 @@
 				"x64"
 			],
 			"dev": true,
-			"libc": "musl",
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -8901,7 +12632,6 @@
 				"riscv64"
 			],
 			"dev": true,
-			"libc": "glibc",
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -8919,7 +12649,6 @@
 				"x64"
 			],
 			"dev": true,
-			"libc": "glibc",
 			"license": "MIT",
 			"optional": true,
 			"os": [
@@ -9040,52 +12769,134 @@
 			"dev": true,
 			"license": "MIT",
 			"engines": {
-				"node": ">=20"
+				"node": ">=20"
+			}
+		},
+		"node_modules/shebang-command": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+			"integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"shebang-regex": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/shebang-regex": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+			"integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/shell-quote": {
+			"version": "1.10.0",
+			"resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.10.0.tgz",
+			"integrity": "sha512-w1aiOKwKuRgtwAReIIj89puqg+I7GvX4IbLrvmhXbzQsj1+Zwi4VO3+fa6ZF91TWSjIxoEkKnMeHcLEODK5ZXA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/siginfo": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+			"integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/signal-exit": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+			"integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+			"dev": true,
+			"license": "ISC",
+			"engines": {
+				"node": ">=14"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/sirv": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
+			"integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@polka/url": "^1.0.0-next.24",
+				"mrmime": "^2.0.0",
+				"totalist": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/slash": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+			"integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
 			}
 		},
-		"node_modules/shebang-command": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-			"integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+		"node_modules/slice-ansi": {
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-8.0.0.tgz",
+			"integrity": "sha512-stxByr12oeeOyY2BlviTNQlYV5xOj47GirPr4yA1hE9JCtxfQN0+tVbkxwCtYDQWhEKWFHsEK48ORg5jrouCAg==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"shebang-regex": "^3.0.0"
+				"ansi-styles": "^6.2.3",
+				"is-fullwidth-code-point": "^5.1.0"
 			},
 			"engines": {
-				"node": ">=8"
+				"node": ">=20"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/slice-ansi?sponsor=1"
 			}
 		},
-		"node_modules/shebang-regex": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-			"integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+		"node_modules/slice-ansi/node_modules/ansi-styles": {
+			"version": "6.2.3",
+			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+			"integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
 			"dev": true,
 			"license": "MIT",
 			"engines": {
-				"node": ">=8"
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
 			}
 		},
-		"node_modules/siginfo": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
-			"integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
-			"dev": true,
-			"license": "ISC"
-		},
-		"node_modules/sirv": {
-			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
-			"integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
+		"node_modules/slice-ansi/node_modules/is-fullwidth-code-point": {
+			"version": "5.1.0",
+			"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.1.0.tgz",
+			"integrity": "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@polka/url": "^1.0.0-next.24",
-				"mrmime": "^2.0.0",
-				"totalist": "^3.0.0"
+				"get-east-asian-width": "^1.3.1"
 			},
 			"engines": {
 				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
 		"node_modules/sort-object-keys": {
@@ -9137,6 +12948,27 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/source-map-support": {
+			"version": "0.5.21",
+			"resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+			"integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"buffer-from": "^1.0.0",
+				"source-map": "^0.6.0"
+			}
+		},
+		"node_modules/source-map-support/node_modules/source-map": {
+			"version": "0.6.1",
+			"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+			"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
 		"node_modules/space-separated-tokens": {
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
@@ -9148,6 +12980,13 @@
 				"url": "https://github.com/sponsors/wooorm"
 			}
 		},
+		"node_modules/sponge-case": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/sponge-case/-/sponge-case-2.0.3.tgz",
+			"integrity": "sha512-i4h9ZGRfxV6Xw3mpZSFOfbXjf0cQcYmssGWutgNIfFZ2VM+YIWfD71N/kjjwK6X/AAHzBr+rciEcn/L34S8TGw==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/stackback": {
 			"version": "0.0.2",
 			"resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
@@ -9162,6 +13001,13 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/string-env-interpolation": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/string-env-interpolation/-/string-env-interpolation-1.0.1.tgz",
+			"integrity": "sha512-78lwMoCcn0nNu8LszbP1UA7g55OeE4v7rCeWnM5B453rnNr4aq+5it3FEYtZrSEiMvHZOZ9Jlqb0OD0M2VInqg==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/string-width": {
 			"version": "4.2.3",
 			"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
@@ -9615,6 +13461,13 @@
 				}
 			}
 		},
+		"node_modules/swap-case": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/swap-case/-/swap-case-3.0.3.tgz",
+			"integrity": "sha512-6p4op8wE9CQv7uDFzulI6YXUw4lD9n4oQierdbFThEKVWVQcbQcUjdP27W8XE7V4QnWmnq9jueSHceyyQnqQVA==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/sync-child-process": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/sync-child-process/-/sync-child-process-1.0.2.tgz",
@@ -9628,6 +13481,21 @@
 				"node": ">=16.0.0"
 			}
 		},
+		"node_modules/sync-fetch": {
+			"version": "0.6.0",
+			"resolved": "https://registry.npmjs.org/sync-fetch/-/sync-fetch-0.6.0.tgz",
+			"integrity": "sha512-IELLEvzHuCfc1uTsshPK58ViSdNqXxlml1U+fmwJIKLYKOr/rAtBrorE2RYm5IHaMpDNlmC0fr1LAvdXvyheEQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"node-fetch": "^3.3.2",
+				"timeout-signal": "^2.0.0",
+				"whatwg-mimetype": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
 		"node_modules/sync-message-port": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/sync-message-port/-/sync-message-port-1.2.0.tgz",
@@ -9708,6 +13576,33 @@
 				"url": "https://opencollective.com/webpack"
 			}
 		},
+		"node_modules/temporal-polyfill": {
+			"version": "0.3.2",
+			"resolved": "https://registry.npmjs.org/temporal-polyfill/-/temporal-polyfill-0.3.2.tgz",
+			"integrity": "sha512-TzHthD/heRK947GNiSu3Y5gSPpeUDH34+LESnfsq8bqpFhsB79HFBX8+Z834IVX68P3EUyRPZK5bL/1fh437Eg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"temporal-spec": "0.3.1"
+			}
+		},
+		"node_modules/temporal-spec": {
+			"version": "0.3.1",
+			"resolved": "https://registry.npmjs.org/temporal-spec/-/temporal-spec-0.3.1.tgz",
+			"integrity": "sha512-B4TUhezh9knfSIMwt7RVggApDRJZo73uZdj8AacL2mZ8RP5KtLianh2MXxL06GN9ESYiIsiuoLQhgVfwe55Yhw==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/timeout-signal": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/timeout-signal/-/timeout-signal-2.0.0.tgz",
+			"integrity": "sha512-YBGpG4bWsHoPvofT6y/5iqulfXIiIErl5B0LdtHT1mGXDFTAhhRrbUpTvBgYbovr+3cKblya2WAOcpoy90XguA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=16"
+			}
+		},
 		"node_modules/tiny-case": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/tiny-case/-/tiny-case-1.0.3.tgz",
@@ -9760,6 +13655,29 @@
 				"node": ">=14.0.0"
 			}
 		},
+		"node_modules/title-case": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/title-case/-/title-case-3.0.3.tgz",
+			"integrity": "sha512-e1zGYRvbffpcHIrnuqT0Dh+gEJtDaxDSoG4JAIpq4oDFyooziLBIiYQv0GBT4FUAnUop5uZ1hiIAj7oAF6sOCA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"tslib": "^2.0.3"
+			}
+		},
+		"node_modules/to-regex-range": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+			"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-number": "^7.0.0"
+			},
+			"engines": {
+				"node": ">=8.0"
+			}
+		},
 		"node_modules/toposort": {
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/toposort/-/toposort-2.0.2.tgz",
@@ -9831,11 +13749,21 @@
 				"node": ">=14.13.1"
 			}
 		},
+		"node_modules/ts-log": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/ts-log/-/ts-log-3.0.2.tgz",
+			"integrity": "sha512-esq6hx2lM66sQV1YcFkIYTqrWWabmqBqobKHyn1CswdI5FgfQhkmiKiRWVGBNlIbdjBxEIkNvMIwLKKPgRYZLQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=20",
+				"npm": ">=10"
+			}
+		},
 		"node_modules/tslib": {
 			"version": "2.8.1",
 			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
 			"integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-			"dev": true,
 			"license": "0BSD"
 		},
 		"node_modules/tw-animate-css": {
@@ -9921,6 +13849,16 @@
 				"typescript": ">=4.8.4 <6.1.0"
 			}
 		},
+		"node_modules/unc-path-regex": {
+			"version": "0.1.2",
+			"resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz",
+			"integrity": "sha512-eXL4nmJT7oCpkZsHZUOJo8hcX3GbsiDOa0Qu9F646fi8dT3XuSVopVqAcEiVzSKKH7UoDti23wNX3qGFxcW5Qg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
 		"node_modules/undici-types": {
 			"version": "7.24.6",
 			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.24.6.tgz",
@@ -10021,6 +13959,50 @@
 				"url": "https://opencollective.com/unified"
 			}
 		},
+		"node_modules/unixify": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/unixify/-/unixify-1.0.0.tgz",
+			"integrity": "sha512-6bc58dPYhCMHHuwxldQxO3RRNZ4eCogZ/st++0+fcC1nr0jiGUtAdBJ2qzmLQWSxbtz42pWt4QQMiZ9HvZf5cg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"normalize-path": "^2.1.1"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/update-browserslist-db": {
+			"version": "1.2.3",
+			"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+			"integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/browserslist"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/browserslist"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"escalade": "^3.2.0",
+				"picocolors": "^1.1.1"
+			},
+			"bin": {
+				"update-browserslist-db": "cli.js"
+			},
+			"peerDependencies": {
+				"browserslist": ">= 4.21.0"
+			}
+		},
 		"node_modules/uri-js": {
 			"version": "4.4.1",
 			"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -10031,6 +14013,13 @@
 				"punycode": "^2.1.0"
 			}
 		},
+		"node_modules/urlpattern-polyfill": {
+			"version": "10.1.0",
+			"resolved": "https://registry.npmjs.org/urlpattern-polyfill/-/urlpattern-polyfill-10.1.0.tgz",
+			"integrity": "sha512-IGjKp/o0NL3Bso1PymYURCJxMPNAf/ILOpendP9f5B6e1rTJgdgiOvgfoT8VxCAdY+Wisb9uhGaJJf3yZ2V9nw==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/util-deprecate": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -10086,6 +14075,61 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/vaul-svelte": {
+			"version": "1.0.0-next.7",
+			"resolved": "https://registry.npmjs.org/vaul-svelte/-/vaul-svelte-1.0.0-next.7.tgz",
+			"integrity": "sha512-7zN7Bi3dFQixvvbUJY9uGDe7Ws/dGZeBQR2pXdXmzQiakjrxBvWo0QrmsX3HK+VH+SZOltz378cmgmCS9f9rSg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"runed": "^0.23.2",
+				"svelte-toolbelt": "^0.7.1"
+			},
+			"engines": {
+				"node": ">=18",
+				"pnpm": ">=8.7.0"
+			},
+			"peerDependencies": {
+				"svelte": "^5.0.0"
+			}
+		},
+		"node_modules/vaul-svelte/node_modules/runed": {
+			"version": "0.23.4",
+			"resolved": "https://registry.npmjs.org/runed/-/runed-0.23.4.tgz",
+			"integrity": "sha512-9q8oUiBYeXIDLWNK5DfCWlkL0EW3oGbk845VdKlPeia28l751VpfesaB/+7pI6rnbx1I6rqoZ2fZxptOJLxILA==",
+			"dev": true,
+			"funding": [
+				"https://github.com/sponsors/huntabyte",
+				"https://github.com/sponsors/tglide"
+			],
+			"dependencies": {
+				"esm-env": "^1.0.0"
+			},
+			"peerDependencies": {
+				"svelte": "^5.7.0"
+			}
+		},
+		"node_modules/vaul-svelte/node_modules/svelte-toolbelt": {
+			"version": "0.7.1",
+			"resolved": "https://registry.npmjs.org/svelte-toolbelt/-/svelte-toolbelt-0.7.1.tgz",
+			"integrity": "sha512-HcBOcR17Vx9bjaOceUvxkY3nGmbBmCBBbuWLLEWO6jtmWH8f/QoWmbyUfQZrpDINH39en1b8mptfPQT9VKQ1xQ==",
+			"dev": true,
+			"funding": [
+				"https://github.com/sponsors/huntabyte"
+			],
+			"dependencies": {
+				"clsx": "^2.1.1",
+				"runed": "^0.23.2",
+				"style-to-object": "^1.0.8"
+			},
+			"engines": {
+				"node": ">=18",
+				"pnpm": ">=8.7.0"
+			},
+			"peerDependencies": {
+				"svelte": "^5.0.0"
+			}
+		},
 		"node_modules/vfile": {
 			"version": "6.0.3",
 			"resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
@@ -10194,6 +14238,47 @@
 				}
 			}
 		},
+		"node_modules/vite-plugin-top-level-await": {
+			"version": "1.6.0",
+			"resolved": "https://registry.npmjs.org/vite-plugin-top-level-await/-/vite-plugin-top-level-await-1.6.0.tgz",
+			"integrity": "sha512-bNhUreLamTIkoulCR9aDXbTbhLk6n1YE8NJUTTxl5RYskNRtzOR0ASzSjBVRtNdjIfngDXo11qOsybGLNsrdww==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@rollup/plugin-virtual": "^3.0.2",
+				"@swc/core": "^1.12.14",
+				"@swc/wasm": "^1.12.14",
+				"uuid": "10.0.0"
+			},
+			"peerDependencies": {
+				"vite": ">=2.8"
+			}
+		},
+		"node_modules/vite-plugin-top-level-await/node_modules/uuid": {
+			"version": "10.0.0",
+			"resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
+			"integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
+			"deprecated": "uuid@10 and below is no longer supported.  For ESM codebases, update to uuid@latest.  For CommonJS codebases, use uuid@11 (but be aware this version will likely be deprecated in 2028).",
+			"dev": true,
+			"funding": [
+				"https://github.com/sponsors/broofa",
+				"https://github.com/sponsors/ctavan"
+			],
+			"license": "MIT",
+			"bin": {
+				"uuid": "dist/bin/uuid"
+			}
+		},
+		"node_modules/vite-plugin-wasm": {
+			"version": "3.6.0",
+			"resolved": "https://registry.npmjs.org/vite-plugin-wasm/-/vite-plugin-wasm-3.6.0.tgz",
+			"integrity": "sha512-mL/QPziiIA4RAA6DkaZZzOstdwbW5jO4Vz7Zenj0wieKWBlNvIvX5L5ljum9lcUX0ShNfBgCNLKTjNkRVVqcsw==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"vite": "^2 || ^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+			}
+		},
 		"node_modules/vite/node_modules/fsevents": {
 			"version": "2.3.3",
 			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -10333,6 +14418,26 @@
 			"dev": true,
 			"license": "Apache-2.0"
 		},
+		"node_modules/web-streams-polyfill": {
+			"version": "3.3.3",
+			"resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.3.3.tgz",
+			"integrity": "sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/whatwg-mimetype": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+			"integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			}
+		},
 		"node_modules/which": {
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -10399,9 +14504,9 @@
 			}
 		},
 		"node_modules/ws": {
-			"version": "8.21.0",
-			"resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz",
-			"integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==",
+			"version": "8.21.1",
+			"resolved": "https://registry.npmjs.org/ws/-/ws-8.21.1.tgz",
+			"integrity": "sha512-+0NTnW77fFN/DjQi6k/Sq/Yvk4Sgajw7urW8V+asjXnRgDs9gyGkdb7EzgfhA4goXsRIZKE28fzIXBHEzhuiWw==",
 			"dev": true,
 			"license": "MIT",
 			"engines": {
@@ -10444,6 +14549,13 @@
 			"dev": true,
 			"license": "ISC"
 		},
+		"node_modules/yallist": {
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+			"integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+			"dev": true,
+			"license": "ISC"
+		},
 		"node_modules/yaml": {
 			"version": "1.10.3",
 			"resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.3.tgz",
@@ -10570,6 +14682,19 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/yoctocolors": {
+			"version": "2.2.0",
+			"resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.2.0.tgz",
+			"integrity": "sha512-xYqdZFUK/VYazNl/oCDYN+3WloWQwMfZxBoiNt6qNyk+xfOdi598muWE42rNZFp1kNOiqW936q5RhUdnpqElSg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/yup": {
 			"version": "1.7.1",
 			"resolved": "https://registry.npmjs.org/yup/-/yup-1.7.1.tgz",
diff --git a/src/frontend/package.json b/src/frontend/package.json
index 127c12bf..19826d93 100644
--- a/src/frontend/package.json
+++ b/src/frontend/package.json
@@ -7,6 +7,7 @@
 		"build": "vite build",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"codegen": "graphql-codegen --config scripts/codegen.ts",
 		"dev": "vite dev",
 		"format": "prettier --write .",
 		"lint": "prettier --check . && eslint .",
@@ -17,6 +18,10 @@
 		"update-ui": "node --experimental-strip-types scripts/update-ui.ts"
 	},
 	"dependencies": {
+		"@apollo/client": "^4.2.8",
+		"@internationalized/date": "^3.12.2",
+		"apollo-upload-client": "^19.0.0",
+		"embla-carousel-svelte": "^8.6.0",
 		"takumi-js": "^1.0.15"
 	},
 	"devDependencies": {
@@ -28,18 +33,22 @@
 		"@discourse/gif": "^1.0.0",
 		"@discourse/heic": "^1.0.0",
 		"@discourse/jxr": "^1.0.0",
+		"@discourse/webp": "^1.5.0",
 		"@eslint/compat": "^2.0.5",
 		"@eslint/js": "^10.0.1",
 		"@fontsource-variable/geist": "^5.2.8",
 		"@fontsource-variable/jetbrains-mono": "^5.2.8",
+		"@graphql-codegen/cli": "^7.2.0",
+		"@graphql-codegen/typescript": "^6.1.0",
+		"@graphql-codegen/typescript-operations": "^6.1.2",
+		"@graphql-codegen/typescript-resolvers": "^6.1.0",
 		"@icons-pack/svelte-simple-icons": "^7.2.0",
-		"@internationalized/date": "^3.12.1",
+		"@jsquash/avif": "^2.1.1",
 		"@jsquash/jxl": "^1.3.0",
 		"@jsquash/oxipng": "^2.3.0",
 		"@jsquash/png": "^3.1.1",
 		"@jsquash/qoi": "^1.1.0",
-		"@jsquash/webp": "^1.1.0",
-		"@lucide/svelte": "^1.16.0",
+		"@lucide/svelte": "^1.22.0",
 		"@resvg/resvg-wasm": "^2.6.2",
 		"@sveltejs/adapter-node": "^5.5.4",
 		"@sveltejs/kit": "^2.58.0",
@@ -49,13 +58,13 @@
 		"@tailwindcss/vite": "=4.3.0",
 		"@tanstack/svelte-query": "^6.1.25",
 		"@tanstack/svelte-query-devtools": "^6.1.25",
+		"@tanstack/table-core": "^8.21.3",
 		"@types/caniuse-lite": "^1.0.5",
 		"@types/d3": "^7.4.3",
 		"@types/node": "^25.6.0",
 		"@types/nprogress": "^0.2.3",
 		"@types/qrcode": "^1.5.6",
 		"@vitest/browser-playwright": "^4.1.5",
-		"@zip.js/zip.js": "^2.8.26",
 		"bits-ui": "^2.18.0",
 		"bowser": "^2.14.1",
 		"caniuse-lite": "^1.0.30001587",
@@ -68,7 +77,8 @@
 		"eslint-plugin-svelte": "^3.17.1",
 		"formsnap": "^2.0.1",
 		"globals": "^17.5.0",
-		"hash-wasm": "^4.12.0",
+		"graphql": "^17.0.2",
+		"graphql-tag-pluck": "^0.8.7",
 		"layerchart": "^2.0.0-next.48",
 		"mode-watcher": "^1.1.0",
 		"nprogress": "^0.2.0",
@@ -86,7 +96,7 @@
 		"remark-rehype": "^11.1.2",
 		"rollup-plugin-visualizer": "^7.0.1",
 		"sass-embedded": "^1.99.0",
-		"shadcn-svelte": "^1.2.7",
+		"shadcn-svelte": "^1.3.0",
 		"superforms": "^0.0.1",
 		"svelte": "^5.55.5",
 		"svelte-check": "^4.4.6",
@@ -96,13 +106,20 @@
 		"tailwind-merge": "^3.5.0",
 		"tailwind-variants": "^3.2.2",
 		"tailwindcss": "^4.2.4",
+		"temporal-polyfill": "^0.3.2",
 		"tw-animate-css": "^1.4.0",
 		"typescript": "^6.0.3",
 		"typescript-eslint": "^8.59.1",
 		"unified": "^11.0.5",
 		"uuid": "^14.0.0",
+		"vaul-svelte": "^1.0.0-next.7",
 		"vite": "^8.0.9",
+		"vite-plugin-top-level-await": "^1.6.0",
+		"vite-plugin-wasm": "^3.6.0",
 		"vitest": "^4.1.4",
 		"zod": "^4.3.6"
+	},
+	"allowScripts": {
+		"@swc/core@1.15.41": true
 	}
 }
diff --git a/src/frontend/scripts/codegen.ts b/src/frontend/scripts/codegen.ts
new file mode 100644
index 00000000..4fef9255
--- /dev/null
+++ b/src/frontend/scripts/codegen.ts
@@ -0,0 +1,26 @@
+import type { CodegenConfig } from '@graphql-codegen/cli';
+
+const config: CodegenConfig = {
+	overwrite: true,
+	schema: 'http://localhost:8000/graphql/',
+	documents: ['src/lib/graphql/queries.ts'],
+	ignoreNoDocuments: true,
+	generates: {
+		'src/lib/graphql/generated/': {
+			preset: 'client',
+			presetConfig: {
+				// Disable fragment masking - Apollo recommends this for simpler usage
+				fragmentMasking: false
+			},
+			config: {
+				// Apollo Client always includes __typename fields
+				nonOptionalTypename: true,
+				// Fix verbatimModuleSyntax compatibility
+				strictScalars: false,
+				maybeValue: 'T | null'
+			}
+		}
+	}
+};
+
+export default config;
diff --git a/src/frontend/scripts/update-ui.ts b/src/frontend/scripts/update-ui.ts
index a8b0bfcd..faa458db 100644
--- a/src/frontend/scripts/update-ui.ts
+++ b/src/frontend/scripts/update-ui.ts
@@ -75,7 +75,13 @@ async function main() {
 		process.exit(0);
 	}
 
-	const cmd = `npx shadcn-svelte@latest add ${components.join(' ')}`;
+	const shadcnBin = path.join(projectRoot, 'node_modules', 'shadcn-svelte', 'dist', 'index.mjs');
+	if (!(await exists(shadcnBin))) {
+		console.error('shadcn-svelte not installed. Run: npm install -D shadcn-svelte@latest');
+		process.exit(1);
+	}
+
+	const cmd = `node --experimental-strip-types "${shadcnBin}" add ${components.join(' ')}`;
 	console.log('Will run:', cmd);
 
 	if (argv.dryRun) {
@@ -84,7 +90,7 @@ async function main() {
 	}
 
 	try {
-		execSync(cmd, { stdio: 'inherit' });
+		execSync(cmd, { stdio: 'inherit', cwd: projectRoot });
 	} catch (err: any) {
 		console.error('Command failed:', err && err.message ? err.message : err);
 		process.exit(1);
diff --git a/src/frontend/skills-lock.json b/src/frontend/skills-lock.json
new file mode 100644
index 00000000..22fe6905
--- /dev/null
+++ b/src/frontend/skills-lock.json
@@ -0,0 +1,11 @@
+{
+	"version": 1,
+	"skills": {
+		"apollo-client": {
+			"source": "apollographql/skills",
+			"sourceType": "github",
+			"skillPath": "skills/apollo-client/SKILL.md",
+			"computedHash": "8ed0af80d00a7a41ce838a39979e18dfe66193a9a5c2b5ac66e70bec1f6a16a1"
+		}
+	}
+}
diff --git a/src/frontend/src/css/tailwind.css b/src/frontend/src/css/tailwind.css
index 7dfbec37..6fb62f3f 100644
--- a/src/frontend/src/css/tailwind.css
+++ b/src/frontend/src/css/tailwind.css
@@ -1,4 +1,4 @@
-@import 'tailwindcss';
+@import 'tailwindcss/index.css';
 @import 'tw-animate-css';
 @plugin '@tailwindcss/typography';
 
@@ -42,23 +42,30 @@
 	--sidebar-accent-foreground: oklch(0.205 0 0);
 	--sidebar-border: oklch(0.922 0 0);
 	--sidebar-ring: oklch(0.708 0 0);
+
+	/* Grid pattern gradients - theme-adaptive via color-mix */
+	--grid-gradient: linear-gradient(to_right, color-mix(in oklch, var(--foreground) 5%, transparent) 1px, transparent 1px),
+	                 linear-gradient(to_bottom, color-mix(in oklch, var(--foreground) 5%, transparent) 1px, transparent 1px);
 }
 
 .dark {
+	--dark-surface: oklch(0.14479 0.00002 271.152);
+	--dark-text: oklch(0.985 0 0);
+
 	--background: oklch(10.668% 0.00001 271.152);
-	--foreground: oklch(0.985 0 0);
-	--card: oklch(14.479% 0.00002 271.152);
-	--card-foreground: oklch(0.985 0 0);
-	--popover: oklch(14.479% 0.00002 271.152);
-	--popover-foreground: oklch(0.985 0 0);
+	--foreground: var(--dark-text);
+	--card: var(--dark-surface);
+	--card-foreground: var(--dark-text);
+	--popover: var(--dark-surface);
+	--popover-foreground: var(--dark-text);
 	--primary: oklch(0.922 0 0);
-	--primary-foreground: oklch(14.479% 0.00002 271.152);
-	--secondary: oklch(14.479% 0.00002 271.152);
-	--secondary-foreground: oklch(0.985 0 0);
-	--muted: oklch(14.479% 0.00002 271.152);
+	--primary-foreground: var(--dark-surface);
+	--secondary: var(--dark-surface);
+	--secondary-foreground: var(--dark-text);
+	--muted: var(--dark-surface);
 	--muted-foreground: oklch(0.708 0 0);
 	--accent: oklch(0.371 0 0);
-	--accent-foreground: oklch(0.985 0 0);
+	--accent-foreground: var(--dark-text);
 	--destructive: oklch(0.704 0.191 22.216);
 	--border: oklch(1 0 0 / 10%);
 	--input: oklch(1 0 0 / 15%);
@@ -68,12 +75,12 @@
 	--chart-3: oklch(0.769 0.188 70.08);
 	--chart-4: oklch(0.627 0.265 303.9);
 	--chart-5: oklch(0.645 0.246 16.439);
-	--sidebar: oklch(14.479% 0.00002 271.152);
-	--sidebar-foreground: oklch(0.985 0 0);
+	--sidebar: var(--dark-surface);
+	--sidebar-foreground: var(--dark-text);
 	--sidebar-primary: oklch(0.922 0 0);
-	--sidebar-primary-foreground: oklch(14.479% 0.00002 271.152);
+	--sidebar-primary-foreground: var(--dark-surface);
 	--sidebar-accent: oklch(10.668% 0.00001 271.152);
-	--sidebar-accent-foreground: oklch(0.985 0 0);
+	--sidebar-accent-foreground: var(--dark-text);
 	--sidebar-border: oklch(1 0 0 / 10%);
 	--sidebar-ring: oklch(0.439 0 0);
 }
diff --git a/src/frontend/src/lib/assets/fonts/Geist.woff2 b/src/frontend/src/lib/assets/fonts/Geist.woff2
deleted file mode 100644
index 93552f55..00000000
Binary files a/src/frontend/src/lib/assets/fonts/Geist.woff2 and /dev/null differ
diff --git a/src/frontend/src/lib/assets/fonts/JetBrainsMono.woff2 b/src/frontend/src/lib/assets/fonts/JetBrainsMono.woff2
deleted file mode 100644
index cd5102a4..00000000
Binary files a/src/frontend/src/lib/assets/fonts/JetBrainsMono.woff2 and /dev/null differ
diff --git a/src/frontend/src/lib/components/CodeViewer.svelte b/src/frontend/src/lib/components/CodeViewer.svelte
index 4b355476..9a56b54f 100644
--- a/src/frontend/src/lib/components/CodeViewer.svelte
+++ b/src/frontend/src/lib/components/CodeViewer.svelte
@@ -10,8 +10,6 @@
 	} from '@codemirror/language';
 	import { tags } from '@lezer/highlight';
 	import { languages } from '@codemirror/language-data';
-	import { onDestroy } from 'svelte';
-
 	let { text, filename } = $props<{
 		text: string;
 		filename: string;
@@ -172,10 +170,8 @@
 				});
 			});
 		}
-	});
 
-	onDestroy(() => {
-		view?.destroy();
+		return () => view?.destroy();
 	});
 </script>
 
diff --git a/src/frontend/src/lib/components/CommandPalette.svelte b/src/frontend/src/lib/components/CommandPalette.svelte
new file mode 100644
index 00000000..08bdef0c
--- /dev/null
+++ b/src/frontend/src/lib/components/CommandPalette.svelte
@@ -0,0 +1,54 @@
+<script lang="ts">
+  import { goto } from '$app/navigation';
+  import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from '$lib/components/ui/command/index.js';
+  import { setMode } from 'mode-watcher';
+
+  let open = $state(false);
+
+  $effect(() => {
+    const handleKey = (e: KeyboardEvent) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
+        e.preventDefault();
+        open = !open;
+      }
+    };
+    document.addEventListener('keydown', handleKey);
+    return () => document.removeEventListener('keydown', handleKey);
+  });
+
+  function navigate(to: string) {
+    open = false;
+    goto(to);
+  }
+
+  function toggleTheme() {
+    const isDark = document.documentElement.classList.contains('dark');
+    setMode(isDark ? 'light' : 'dark');
+  }
+</script>
+
+<CommandDialog bind:open>
+  <CommandInput placeholder="Type a command or search..." />
+  <CommandList>
+    <CommandEmpty>No results found.</CommandEmpty>
+    <CommandGroup heading="Pages">
+      <CommandItem onclick={() => navigate('/')}>Home</CommandItem>
+      <CommandItem onclick={() => navigate('/upload/')}>Upload</CommandItem>
+      <CommandItem onclick={() => navigate('/speedtest/')}>Speed Test</CommandItem>
+      <CommandItem onclick={() => navigate('/reverse/')}>Reverse Transfer</CommandItem>
+    </CommandGroup>
+    <CommandSeparator />
+    <CommandGroup heading="Admin">
+      <CommandItem onclick={() => navigate('/admin/config')}>Settings</CommandItem>
+      <CommandItem onclick={() => navigate('/admin/users')}>Users</CommandItem>
+      <CommandItem onclick={() => navigate('/admin/urls')}>URLs</CommandItem>
+    </CommandGroup>
+    <CommandSeparator />
+    <CommandGroup heading="Appearance">
+      <CommandItem onclick={toggleTheme}>
+        Toggle Theme
+        <CommandShortcut>Ctrl+K</CommandShortcut>
+      </CommandItem>
+    </CommandGroup>
+  </CommandList>
+</CommandDialog>
diff --git a/src/frontend/src/lib/components/FancyGrid.svelte b/src/frontend/src/lib/components/FancyGrid.svelte
index e94d869a..d04118a3 100644
--- a/src/frontend/src/lib/components/FancyGrid.svelte
+++ b/src/frontend/src/lib/components/FancyGrid.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { cn } from '$lib/utils';
 
-	let { class: className = '' } = $props();
+	const { class: className = '' } = $props();
 </script>
 
 <div class={cn(`absolute inset-0 z-0 overflow-hidden`, className)}>
@@ -18,6 +18,6 @@
 
 	<!-- Grid Pattern -->
 	<div
-		class="absolute inset-0 bg-[linear-gradient(to_right,#00000008_1px,transparent_1px),linear-gradient(to_bottom,#00000008_1px,transparent_1px)] mask-[radial-gradient(ellipse_at_center,black,transparent_80%)] bg-size-[40px_40px] dark:bg-[linear-gradient(to_right,#ffffff08_1px,transparent_1px),linear-gradient(to_bottom,#ffffff08_1px,transparent_1px)]"
+		class="absolute inset-0 bg-[var(--grid-gradient)] mask-[radial-gradient(ellipse_at_center,black,transparent_80%)] bg-size-[40px_40px]"
 	></div>
 </div>
diff --git a/src/frontend/src/lib/components/FileViewerOverlay.svelte b/src/frontend/src/lib/components/FileViewerOverlay.svelte
index 490e13ff..dae56121 100644
--- a/src/frontend/src/lib/components/FileViewerOverlay.svelte
+++ b/src/frontend/src/lib/components/FileViewerOverlay.svelte
@@ -1,119 +1,96 @@
 <script lang="ts">
-	import { Button } from '$lib/components/ui/button';
-	import { Spinner } from '$lib/components/ui/spinner';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import { Spinner } from '$lib/components/ui/spinner/index.js';
 	import { Download, Link, Check, ArrowLeft, Copy, WandSparkles } from '@lucide/svelte';
 	import { fade } from 'svelte/transition';
 	import CodeViewer from '$lib/components/CodeViewer.svelte';
+	import { autoDownload } from '$lib/functions/browser-download';
 	import { detectMimeFromBlob } from '$lib/functions/mime';
 	import { getImageSupportInfo, type ImageSupportInfo } from '$lib/functions/media-support';
 	import ConverterWorker from '$lib/workers/file-converter.worker?worker';
 
-	let {
-		filename,
-		contentText = null,
-		contentUrl = null,
-		onclose,
-		ondownload,
-		oncopylink
-	} = $props<{
+	interface Props {
 		filename: string;
 		contentText?: string | null;
 		contentUrl?: string | null;
 		onclose?: () => void;
 		ondownload?: () => void;
 		oncopylink?: () => void;
-	}>();
-
-	let copied = $state(false);
-	let copyTimeout: ReturnType<typeof setTimeout> | undefined;
-
-	const handleCopyLink = () => {
-		oncopylink?.();
-		copied = true;
-		clearTimeout(copyTimeout);
-		copyTimeout = setTimeout(() => {
-			copied = false;
-		}, 2000);
+	}
+
+	const { filename, contentText = null, contentUrl = null, onclose, ondownload, oncopylink }: Props = $props();
+
+	/* --- Utility: one-shot flash --- */
+	const createFlash = (duration = 2000) => {
+		let active = $state(false);
+		let timer: ReturnType<typeof setTimeout> | undefined;
+		const flash = () => {
+			active = true;
+			clearTimeout(timer);
+			timer = setTimeout(() => (active = false), duration);
+		};
+		return { get active() { return active; }, flash };
 	};
 
-	let textCopied = $state(false);
-	let textCopyTimeout: ReturnType<typeof setTimeout> | undefined;
-
-	const handleCopyText = () => {
-		if (!contentText) return;
-		navigator.clipboard.writeText(contentText);
-		textCopied = true;
-		clearTimeout(textCopyTimeout);
-		textCopyTimeout = setTimeout(() => {
-			textCopied = false;
-		}, 2000);
-	};
+	const linkFlash = createFlash();
+	const textFlash = createFlash();
 
+	/* --- Derived basics --- */
 	const baseName = $derived(filename.split(/[/\\]/).at(-1) ?? filename);
-	const unopenableExtensions = [
-		'.exe',
-		'.bin',
-		'.so',
-		'.dll',
-		'.msi',
-		'.app',
-		'.dmg',
-		'.pkg',
-		'.iso',
-		'.vmdk',
-		'.a',
-		'.lib',
-		'.obj',
-		'.o',
-		'.pyc',
-		'.pyo',
-		'.pyd',
-		'.deb',
-		'.rpm'
-	];
+
 	const isUnopenable = $derived(
-		unopenableExtensions.some((ext) => filename.toLowerCase().endsWith(ext))
+		[
+			'.exe', '.bin', '.so', '.dll', '.msi', '.app', '.dmg', '.pkg', '.iso',
+			'.vmdk', '.a', '.lib', '.obj', '.o', '.pyc', '.pyo', '.pyd', '.deb', '.rpm'
+		].some((ext) => filename.toLowerCase().endsWith(ext))
 	);
 
-	type MediaKind = 'image' | 'video' | 'audio' | 'other';
-	type ImageInfo = { title: string; message?: string | null; mime?: string | null };
-	type IconComponent = typeof Link;
-	type ToolbarAction = {
-		key: string;
-		label: string;
-		activeLabel?: string;
-		icon: IconComponent;
-		activeIcon?: IconComponent;
-		onClick: () => void;
-		disabled?: boolean;
-		active?: boolean;
-		isVisible: boolean;
+	/* --- Conversion type mapping --- */
+	type ConversionType = 'heic' | 'svg' | 'jxl' | 'jxr' | 'qoi' | 'webp' | 'png' | 'gif';
+
+	const mimeToType: Record<string, ConversionType> = {
+		'image/heic': 'heic',
+		'image/heif': 'heic',
+		'image/svg+xml': 'svg',
+		'image/jxl': 'jxl',
+		'image/jxr': 'jxr',
+		'image/qoi': 'qoi',
+		'image/webp': 'webp',
+		'image/png': 'png',
+		'image/gif': 'gif'
 	};
 
-	const heicExtensions = ['.heic', '.heif'];
-	const jxrExtensions = ['.jxr', '.wdp', '.hdp'];
-	const qoiExtensions = ['.qoi'];
-	const webpExtensions = ['.webp'];
-	const pngExtensions = [...heicExtensions, ...jxrExtensions, ...qoiExtensions, ...webpExtensions];
+	const convertibleMimes = new Set(Object.keys(mimeToType));
+
+	const conversionLabelMap: Record<ConversionType, string> = {
+		heic: 'HEIC', svg: 'SVG', jxl: 'JXL', jxr: 'JXR',
+		qoi: 'QOI', webp: 'WEBP', png: 'PNG', gif: 'GIF'
+	};
+
+	/* --- Sniffing state --- */
+	type MediaKind = 'image' | 'video' | 'audio' | 'other';
 	let sniffedKind = $state<MediaKind | null>(null);
 	let sniffedMime = $state<string | null>(null);
 	let imageSupport = $state<ImageSupportInfo | null>(null);
 	let sourceBlob = $state<Blob | null>(null);
+
+	const conversionType = $derived<ConversionType | null>(sniffedMime ? mimeToType[sniffedMime] ?? null : null);
+
+	/* --- Conversion state (PNG preview) --- */
 	let convertedBlob = $state<Blob | null>(null);
 	let convertedUrl = $state<string | null>(null);
 	let converting = $state(false);
 	let conversionStarted = $state(false);
 	let conversionError = $state<string | null>(null);
-	let conversionToken = 0;
+	let isOptimizing = $state(false);
 	let conversionPromise: Promise<Blob | null> | null = null;
-	let isOptimizing = $state(false); // Tracks oxipng status
+
+	/* --- GIF→WebP conversion state --- */
 	let gifConverting = $state(false);
 	let gifOptimizing = $state(false);
-	let gifConversionToken = 0;
 	let gifConversionPromise: Promise<Blob | null> | null = null;
 
 	const resetConversionState = () => {
-		conversionToken += 1;
 		conversionPromise = null;
 		converting = false;
 		conversionStarted = false;
@@ -122,408 +99,290 @@
 		convertedUrl = null;
 		sourceBlob = null;
 		isOptimizing = false;
-		gifConversionToken += 1;
 		gifConversionPromise = null;
 		gifConverting = false;
 		gifOptimizing = false;
 	};
 
+	/* --- Filename helpers --- */
+	const specialExtensions = ['.heic', '.heif', '.jxr', '.wdp', '.hdp', '.qoi', '.webp'];
+
 	const getPngFilename = (name: string) => {
 		const lower = name.toLowerCase();
-		const matched = pngExtensions.find((ext) => lower.endsWith(ext));
+		const matched = specialExtensions.find((ext) => lower.endsWith(ext));
 		if (matched) return `${name.slice(0, -matched.length)}.png`;
 		if (lower.endsWith('.svg') || lower.endsWith('.jxl')) return `${name.slice(0, -4)}.png`;
 		return `${name}.png`;
 	};
 
 	const getWebpFilename = (name: string) => {
-		const lower = name.toLowerCase();
-		if (lower.endsWith('.gif')) return `${name.slice(0, -4)}.webp`;
-		return `${name}.webp`;
+		return name.toLowerCase().endsWith('.gif') ? `${name.slice(0, -4)}.webp` : `${name}.webp`;
 	};
 
+	/* --- Download helpers --- */
 	const downloadBlob = (blob: Blob, name: string) => {
-		const blobUrl = URL.createObjectURL(blob);
-		const a = document.createElement('a');
-		a.href = blobUrl;
-		a.download = name;
-		a.style.display = 'none';
-		document.body.appendChild(a);
-		a.click();
-		document.body.removeChild(a);
-		URL.revokeObjectURL(blobUrl);
+		const url = URL.createObjectURL(blob);
+		autoDownload(url, name);
+		URL.revokeObjectURL(url);
 	};
 
-	const downloadFromUrl = (url: string, name: string) => {
-		const a = document.createElement('a');
-		a.href = url;
-		a.download = name;
-		a.style.display = 'none';
-		document.body.appendChild(a);
-		a.click();
-		document.body.removeChild(a);
-	};
+	/* --- Generic worker conversion runner --- */
+	const runConversion = (opts: {
+		type: ConversionType;
+		expectedMime: string;
+		setOptimizing: (v: boolean) => void;
+		onSuccess: (blob: Blob) => void;
+		onError: () => void;
+		blob?: Blob | null;
+		text?: string | null;
+		optimize?: boolean;
+	}): Promise<Blob | null> => {
+		const { type, expectedMime, setOptimizing, onSuccess, onError, blob, text, optimize = false } = opts;
+
+		return new Promise<Blob | null>((resolve, reject) => {
+			const worker = new ConverterWorker();
+
+			worker.onmessage = (e) => {
+				const { data } = e;
 
-	const startConversion = async (optimize = false) => {
-		// Only return cached blob if we're not explicitly requesting optimization
-		if (!optimize && convertedBlob) return convertedBlob;
-		if (conversionPromise && !optimize) return await conversionPromise;
+				if (data.type === 'status' && data.status === 'optimizing') {
+					setOptimizing(true);
+					return;
+				}
+
+				if (data.type === 'success') {
+					if (!data.outputBlob || !(data.outputBlob instanceof Blob)) {
+						reject(new Error('Worker returned invalid blob'));
+						worker.terminate();
+						return;
+					}
+					if ((data.outputMime ?? expectedMime) !== expectedMime) {
+						reject(new Error('Worker returned unexpected output format'));
+						worker.terminate();
+						return;
+					}
+					onSuccess(data.outputBlob);
+					resolve(data.outputBlob);
+					worker.terminate();
+				} else if (data.type === 'error') {
+					onError();
+					reject(new Error(data.message));
+					worker.terminate();
+				}
+			};
+
+			worker.onerror = () => {
+				reject(new Error('Worker error'));
+				worker.terminate();
+			};
+
+			worker.postMessage({ type, blob, text, optimize });
+		});
+	}
+
+	/* --- PNG conversion (preview + download) --- */
+	const startConversion = async (forceOptimize = false) => {
+		if (!forceOptimize && convertedBlob) return convertedBlob;
+		if (conversionPromise && !forceOptimize) return await conversionPromise;
 
-		const token = conversionToken;
 		converting = true;
 		conversionStarted = true;
 		conversionError = null;
 		isOptimizing = false;
 
 		conversionPromise = (async () => {
-			try {
-				const isHeic = sniffedMime === 'image/heic' || sniffedMime === 'image/heif';
-				const isSvg = sniffedMime === 'image/svg+xml';
-				const isJxl = sniffedMime === 'image/jxl';
-				const isJxr = sniffedMime === 'image/jxr';
-				const isQoi = sniffedMime === 'image/qoi';
-				const isWebp = sniffedMime === 'image/webp';
-				const isPng = sniffedMime === 'image/png';
-
-				let type: 'heic' | 'svg' | 'jxl' | 'jxr' | 'qoi' | 'webp' | 'png' | null = null;
-				if (isHeic) {
-					type = 'heic';
-				} else if (isSvg) {
-					type = 'svg';
-				} else if (isJxl) {
-					type = 'jxl';
-				} else if (isJxr) {
-					type = 'jxr';
-				} else if (isQoi) {
-					type = 'qoi';
-				} else if (isWebp) {
-					type = 'webp';
-				} else if (isPng) {
-					type = 'png';
-				}
-
-				if (!type) return null;
+			const type = conversionType;
+			if (!type || type === 'gif') return null;
 
-				let svgText: string | null = null;
-				if (type === 'svg') {
-					svgText = contentText;
-					if (!svgText && contentUrl) {
-						const response = await fetch(contentUrl);
-						svgText = await response.text();
-					}
-				}
+			let svgText: string | null = null;
+			if (type === 'svg') {
+				svgText = contentText ?? (contentUrl ? await fetch(contentUrl).then((r) => r.text()) : null);
+			}
 
-				const worker = new ConverterWorker();
-
-				return await new Promise<Blob | null>((resolve, reject) => {
-					worker.onmessage = (e) => {
-						const { data } = e;
-
-						// Handle optimization status update from worker
-						if (data.type === 'status' && data.status === 'optimizing') {
-							isOptimizing = true;
-							return;
-						}
-
-						if (data.type === 'success') {
-							const outputBlob = data.outputBlob;
-							const outputMime = data.outputMime ?? 'image/png';
-							if (token === conversionToken) {
-								if (!outputBlob || !(outputBlob instanceof Blob)) {
-									reject(new Error('Worker returned invalid blob'));
-									worker.terminate();
-									return;
-								}
-								if (outputMime !== 'image/png') {
-									reject(new Error('Worker returned unexpected output format'));
-									worker.terminate();
-									return;
-								}
-								convertedBlob = outputBlob;
-								convertedUrl = URL.createObjectURL(outputBlob);
-								conversionError = null;
-								isOptimizing = false;
-								resolve(outputBlob);
-							} else {
-								resolve(null);
-							}
-							worker.terminate();
-							return;
-						}
-
-						if (data.type === 'error') {
-							if (token === conversionToken) {
-								conversionError = `Could not convert this ${sniffedMime?.split('/')[1]?.toUpperCase()} image.`;
-								isOptimizing = false;
-							}
-							reject(new Error(data.message));
-							worker.terminate();
-						}
-					};
-					worker.onerror = (event) => {
-						if (token === conversionToken) isOptimizing = false;
-						reject(event);
-						worker.terminate();
-					};
-					// Send source data to the worker for conversion
-					worker.postMessage({
-						type,
-						blob: sourceBlob,
-						text: svgText,
-						optimize
-					});
+			try {
+				return await runConversion({
+					type,
+					expectedMime: 'image/png',
+					setOptimizing: (v) => (isOptimizing = v),
+					onSuccess: (blob) => {
+						convertedBlob = blob;
+						convertedUrl = URL.createObjectURL(blob);
+						conversionError = null;
+						isOptimizing = false;
+					},
+					onError: () => {
+						conversionError = `Could not convert this ${sniffedMime?.split('/')[1]?.toUpperCase()} image.`;
+						isOptimizing = false;
+					},
+					blob: sourceBlob,
+					text: svgText,
+					optimize: forceOptimize
 				});
-			} catch (error) {
-				console.error('Conversion failed:', error);
-				if (token === conversionToken) {
-					conversionError = `Could not convert this ${sniffedMime?.split('/')[1]?.toUpperCase()} image.`;
-					isOptimizing = false;
-				}
+			} catch {
+				conversionError = `Could not convert this ${sniffedMime?.split('/')[1]?.toUpperCase()} image.`;
+				isOptimizing = false;
 				return null;
 			} finally {
-				if (token === conversionToken) {
-					converting = false;
-					conversionPromise = null;
-				}
+				converting = false;
+				conversionPromise = null;
 			}
 		})();
+
 		return await conversionPromise;
 	};
 
+	/* --- GIF → WebP conversion --- */
 	const startGifToWebpConversion = async () => {
 		if (gifConversionPromise) return await gifConversionPromise;
 		if (!sourceBlob) return null;
 
-		gifConversionToken += 1;
-		const token = gifConversionToken;
 		gifConverting = true;
 		gifOptimizing = true;
 
-		gifConversionPromise = new Promise<Blob | null>((resolve, reject) => {
-			const worker = new ConverterWorker();
-			worker.onmessage = (e) => {
-				const { data } = e;
-				if (data.type === 'status' && data.status === 'optimizing') {
-					gifOptimizing = true;
-					return;
-				}
-				if (data.type === 'success') {
-					const outputBlob = data.outputBlob;
-					const outputMime = data.outputMime ?? null;
-					if (token === gifConversionToken) {
-						if (!outputBlob || !(outputBlob instanceof Blob)) {
-							reject(new Error('Worker returned invalid blob'));
-							worker.terminate();
-							return;
-						}
-						if (outputMime !== 'image/webp') {
-							reject(new Error('Worker returned unexpected output format'));
-							worker.terminate();
-							return;
-						}
-						resolve(outputBlob);
-					} else {
-						resolve(null);
-					}
-					worker.terminate();
-					return;
-				}
-				if (data.type === 'error') {
-					if (token === gifConversionToken) {
-						reject(new Error(data.message));
-						worker.terminate();
-					}
-				}
-			};
-			worker.onerror = (event) => {
-				if (token === gifConversionToken) {
-					reject(event);
-					worker.terminate();
-				}
-			};
-			worker.postMessage({
-				type: 'gif',
-				blob: sourceBlob,
-				optimize: true
-			});
+		gifConversionPromise = runConversion({
+			type: 'gif',
+			expectedMime: 'image/webp',
+			setOptimizing: (v) => (gifOptimizing = v),
+			onSuccess: () => {},
+			onError: () => {},
+			blob: sourceBlob,
+			optimize: true
 		}).finally(() => {
-			if (token === gifConversionToken) {
-				gifConverting = false;
-				gifOptimizing = false;
-				gifConversionPromise = null;
-			}
+			gifConverting = false;
+			gifOptimizing = false;
+			gifConversionPromise = null;
 		});
 
 		return await gifConversionPromise;
 	};
 
+	/* --- Download handlers --- */
 	const handleDownloadOriginal = () => {
-		if (ondownload) {
-			ondownload();
-			return;
-		}
-		if (contentText !== null) {
-			downloadBlob(new Blob([contentText], { type: 'text/plain' }), baseName);
-			return;
-		}
-		if (contentUrl) downloadFromUrl(contentUrl, baseName);
+		ondownload?.();
+		if (contentText !== null) downloadBlob(new Blob([contentText], { type: 'text/plain' }), baseName);
+		else if (contentUrl) autoDownload(contentUrl, baseName);
 	};
 
 	const handleDownloadPng = async () => {
-		const pngBlob = await startConversion(false); // Fast conversion, no optimization
-		if (pngBlob) {
-			downloadBlob(pngBlob, getPngFilename(baseName));
-		}
+		const blob = await startConversion(false);
+		blob && downloadBlob(blob, getPngFilename(baseName));
 	};
 
 	const handleOptimizePng = async () => {
-		const pngBlob = await startConversion(true); // Explicit optimization requested
-		if (pngBlob) {
-			downloadBlob(pngBlob, getPngFilename(baseName));
-		}
+		const blob = await startConversion(true);
+		blob && downloadBlob(blob, getPngFilename(baseName));
 	};
 
 	const handleDownloadWebp = async () => {
-		const webpBlob = await startGifToWebpConversion();
-		if (webpBlob) {
-			downloadBlob(webpBlob, getWebpFilename(baseName));
-		}
+		const blob = await startGifToWebpConversion();
+		blob && downloadBlob(blob, getWebpFilename(baseName));
 	};
 
+	/* --- Sniff effect --- */
 	$effect(() => {
 		sniffedKind = null;
 		sniffedMime = null;
 		imageSupport = null;
 		resetConversionState();
 		if (!contentUrl || contentText !== null || isUnopenable) return;
+
 		let cancelled = false;
 
-		const sniff = async () => {
+		(async () => {
 			try {
 				const response = await fetch(contentUrl);
 				const blob = await response.blob();
 				const detectedMime = await detectMimeFromBlob(blob);
-				const blobMime = blob.type && blob.type !== 'application/octet-stream' ? blob.type : null;
-				const mime = detectedMime ?? blobMime;
-				const kind: MediaKind = mime?.startsWith('image/')
-					? 'image'
-					: mime?.startsWith('video/')
-						? 'video'
-						: mime?.startsWith('audio/')
-							? 'audio'
-							: 'other';
+				const mime = detectedMime ?? (blob.type !== 'application/octet-stream' ? blob.type : null);
+
+				const kind: MediaKind = mime?.startsWith('image/') ? 'image'
+					: mime?.startsWith('video/') ? 'video'
+					: mime?.startsWith('audio/') ? 'audio'
+					: 'other';
+
 				if (!cancelled) {
 					sniffedMime = mime;
 					sniffedKind = kind;
-					if (
-						mime === 'image/heic' ||
-						mime === 'image/heif' ||
-						mime === 'image/jxl' ||
-						mime === 'image/jxr' ||
-						mime === 'image/qoi' ||
-						mime === 'image/svg+xml' ||
-						mime === 'image/webp' ||
-						mime === 'image/gif' ||
-						mime === 'image/png'
-					) {
-						sourceBlob = blob;
-					}
-				}
+					if (mime && convertibleMimes.has(mime)) sourceBlob = blob;
 
-				if (kind === 'image' && mime) {
-					const supportInfo = await getImageSupportInfo(mime);
-					if (!cancelled) imageSupport = supportInfo;
+					if (kind === 'image' && mime) {
+						imageSupport = await getImageSupportInfo(mime);
+					}
 				}
 			} catch {
 				if (!cancelled) sniffedKind = 'other';
 			}
-		};
-
-		sniff();
+		})();
 
-		return () => {
-			cancelled = true;
-		};
+		return () => (cancelled = true);
 	});
 
+	/* --- Cleanup converted URL --- */
 	$effect(() => {
 		const url = convertedUrl;
-		return () => {
-			if (url) URL.revokeObjectURL(url);
-		};
+		return () => { if (url) URL.revokeObjectURL(url); };
 	});
 
-	const isHeic = $derived(sniffedMime === 'image/heic' || sniffedMime === 'image/heif');
-	const isJxl = $derived(sniffedMime === 'image/jxl');
-	const isJxr = $derived(sniffedMime === 'image/jxr');
-	const isQoi = $derived(sniffedMime === 'image/qoi');
-	const isSvg = $derived(sniffedMime === 'image/svg+xml');
-	const isWebp = $derived(sniffedMime === 'image/webp');
-	const isPng = $derived(sniffedMime === 'image/png');
-	const isGif = $derived(sniffedMime === 'image/gif');
+	/* --- Derived flags --- */
+	const isConvertible = $derived(conversionType != null && conversionType !== 'gif');
+	const isGif = $derived(conversionType === 'gif');
 	const isImage = $derived(sniffedKind === 'image');
 	const isVideo = $derived(sniffedKind === 'video');
 	const isAudio = $derived(sniffedKind === 'audio');
 	const isPending = $derived(sniffedKind === null);
-	const isImageUnsupported = $derived(
-		!isHeic &&
-			!isJxl &&
-			!isJxr &&
-			!isQoi &&
-			!isSvg &&
-			!isWebp &&
-			!isPng &&
-			imageSupport?.status === 'unsupported'
-	);
-	const imageSupportMessage = $derived(imageSupport?.message ?? null);
-	const isConvertible = $derived(isHeic || isJxl || isJxr || isQoi || isSvg || isWebp || isPng);
+	const isImageUnsupported = $derived(!isConvertible && imageSupport?.status === 'unsupported');
 	const shouldAutoConvert = $derived(
-		isConvertible && (!isWebp || imageSupport?.status === 'unsupported')
+		isConvertible || (conversionType === 'webp' && imageSupport?.status === 'unsupported')
 	);
+
+	const conversionFormatLabel = $derived(conversionType ? conversionLabelMap[conversionType] : 'PNG');
+
+	type ImageInfo = { title: string; message?: string | null; mime?: string | null };
+
 	const imageInfo = $derived<ImageInfo | null>(
 		isConvertible && conversionStarted && !converting && !convertedUrl
-			? {
-					title:
-						conversionError ??
-						`Unable to preview this ${sniffedMime?.split('/')[1]?.toUpperCase()} image.`,
-					message: imageSupportMessage,
-					mime: sniffedMime
-				}
+			? { title: conversionError ?? `Unable to preview this ${sniffedMime?.split('/')[1]?.toUpperCase()} image.`, message: imageSupport?.message ?? null, mime: sniffedMime }
 			: isImageUnsupported
-				? {
-						title: 'This image format is not supported in this browser.',
-						message: imageSupportMessage,
-						mime: sniffedMime
-					}
+				? { title: 'This image format is not supported in this browser.', message: imageSupport?.message ?? null, mime: sniffedMime }
 				: null
 	);
 
+	/* --- Toolbar --- */
+	type IconComponent = typeof Link;
+
+	interface ToolbarAction {
+		key: string;
+		label: string;
+		activeLabel?: string;
+		icon: IconComponent;
+		activeIcon?: IconComponent;
+		onClick: () => void;
+		disabled?: boolean;
+		active?: boolean;
+		isVisible: boolean;
+	}
+
 	const toolbarActions = $derived<ToolbarAction[]>([
 		{
 			key: 'copy-text',
 			isVisible: contentText !== null && !isUnopenable,
-			label: 'Copy Text',
-			activeLabel: 'Copied Text',
-			icon: Copy,
-			activeIcon: Check,
-			active: textCopied,
-			onClick: handleCopyText
+			label: 'Copy Text', activeLabel: 'Copied Text',
+			icon: Copy, activeIcon: Check,
+			active: textFlash.active,
+			onClick: () => { contentText && navigator.clipboard.writeText(contentText); textFlash.flash(); }
 		},
 		{
 			key: 'copy-link',
 			isVisible: Boolean(oncopylink),
-			label: 'Copy Link',
-			activeLabel: 'Copied Link',
-			icon: Link,
-			activeIcon: Check,
-			active: copied,
-			onClick: handleCopyLink
+			label: 'Copy Link', activeLabel: 'Copied Link',
+			icon: Link, activeIcon: Check,
+			active: linkFlash.active,
+			onClick: () => { oncopylink?.(); linkFlash.flash(); }
 		},
 		{
 			key: 'save-original',
 			isVisible: Boolean(ondownload) && isConvertible,
-			label: 'Save Original',
-			icon: Download,
+			label: 'Save Original', icon: Download,
 			onClick: handleDownloadOriginal
 		},
 		{
@@ -551,11 +410,13 @@
 			disabled: gifConverting
 		}
 	]);
-	const visibleToolbarActions = $derived(toolbarActions.filter((action) => action.isVisible));
 
+	const visibleToolbarActions = $derived(toolbarActions.filter((a) => a.isVisible));
+
+	/* --- Auto-convert on source ready --- */
 	$effect(() => {
 		if (!sourceBlob || !shouldAutoConvert) return;
-		startConversion(false); // Default to fast conversion for preview
+		startConversion(false);
 	});
 
 	const handleKeydown = (event: KeyboardEvent) => {
@@ -565,25 +426,13 @@
 
 <svelte:window on:keydown={handleKeydown} />
 <div class="fixed inset-0 z-50" role="dialog" aria-modal="true" in:fade={{ duration: 200 }}>
-	<button
-		type="button"
-		class="absolute inset-0 bg-black/80"
-		aria-label="Close viewer"
-		onclick={() => onclose?.()}
-	></button>
+	<button type="button" class="absolute inset-0 bg-black/80" aria-label="Close viewer" onclick={() => onclose?.()}></button>
 	<div class="pointer-events-none relative z-10 flex h-full flex-col text-white">
 		<!-- Toolbar -->
-		<div
-			class="pointer-events-auto flex h-12 shrink-0 items-center justify-between border-b border-white/10 bg-black/70 px-4 text-xs text-white/80 backdrop-blur"
-		>
+		<div class="pointer-events-auto flex h-12 shrink-0 items-center justify-between border-b border-white/10 bg-black/70 px-4 text-xs text-white/80 backdrop-blur">
 			<div class="flex items-center gap-3 overflow-hidden">
 				{#if onclose}
-					<Button
-						variant="ghost"
-						size="sm"
-						class="h-7 shrink-0 gap-1.5 px-2 text-white/70 hover:bg-white/10 hover:text-white"
-						onclick={onclose}
-					>
+					<Button variant="ghost" size="sm" class="h-7 shrink-0 gap-1.5 px-2 text-white/70 hover:bg-white/10 hover:text-white" onclick={onclose}>
 						<ArrowLeft class="h-4 w-4" /> Back
 					</Button>
 				{/if}
@@ -592,13 +441,7 @@
 			<div class="flex items-center gap-1">
 				{#each visibleToolbarActions as action (action.key)}
 					{@const Icon = action.active ? (action.activeIcon ?? action.icon) : action.icon}
-					<Button
-						variant="ghost"
-						size="sm"
-						class="h-7 gap-1.5 px-2 text-xs text-white/70 hover:bg-white/10 hover:text-white cursor-pointer"
-						disabled={action.disabled}
-						onclick={action.onClick}
-					>
+					<Button variant="ghost" size="sm" class="h-7 gap-1.5 px-2 text-xs text-white/70 hover:bg-white/10 hover:text-white cursor-pointer" disabled={action.disabled} onclick={action.onClick}>
 						<Icon class="h-3.5 w-3.5" />
 						{action.active ? (action.activeLabel ?? action.label) : action.label}
 					</Button>
@@ -612,9 +455,7 @@
 					<div class="flex h-full items-center justify-center">
 						<div class="max-w-md rounded-lg border border-white/10 bg-black/60 p-6 text-center">
 							<p class="text-sm font-semibold">This file type cannot be previewed.</p>
-							<p class="mt-2 text-xs text-white/60">
-								Binary files and executables are not supported for online viewing.
-							</p>
+							<p class="mt-2 text-xs text-white/60">Binary files and executables are not supported for online viewing.</p>
 						</div>
 					</div>
 				{:else if contentText !== null}
@@ -623,78 +464,36 @@
 					</div>
 				{:else if contentUrl}
 					{#if isPending}
-						<div class="flex h-full items-center justify-center text-xs text-white/60">
-							Detecting file type...
-						</div>
+						<div class="flex h-full items-center justify-center text-xs text-white/60">Detecting file type...</div>
 					{:else if isImage}
 						{#if convertedUrl}
 							<div class="flex h-full items-center justify-center">
-								<img
-									src={convertedUrl}
-									alt={baseName}
-									title={baseName}
-									class="max-h-full max-w-full rounded-lg object-contain shadow-2xl"
-								/>
+								<img src={convertedUrl} alt={baseName} title={baseName} class="max-h-full max-w-full rounded-lg object-contain shadow-2xl" />
 							</div>
 						{:else if converting}
 							<div class="flex h-full items-center justify-center text-xs text-white/60">
 								<div class="flex items-center gap-2">
 									<Spinner class="size-4" />
-									<span>
-										{isOptimizing ? 'Optimizing PNG...' : 'Converting'}
-										{#if isHeic}
-											HEIC
-										{:else if isJxl}
-											JXL
-										{:else if isJxr}
-											JXR
-										{:else if isQoi}
-											QOI
-										{:else if isWebp}
-											WEBP
-										{:else if isSvg}
-											SVG
-										{:else}
-											PNG
-										{/if} to PNG...
-									</span>
+									<span>{isOptimizing ? 'Optimizing PNG...' : `Converting ${conversionFormatLabel} to PNG...`}</span>
 								</div>
 							</div>
 						{:else if imageInfo}
 							<div class="flex h-full items-center justify-center">
 								<div class="max-w-md rounded-lg border border-white/10 bg-black/60 p-6 text-center">
 									<p class="text-sm font-semibold">{imageInfo.title}</p>
-									{#if imageInfo.message}
-										<p class="mt-2 text-xs text-white/60">{imageInfo.message}</p>
-									{/if}
-									{#if imageInfo.mime}
-										<p class="mt-2 text-xs text-white/40">Detected: {imageInfo.mime}</p>
-									{/if}
+									{#if imageInfo.message}<p class="mt-2 text-xs text-white/60">{imageInfo.message}</p>{/if}
+									{#if imageInfo.mime}<p class="mt-2 text-xs text-white/40">Detected: {imageInfo.mime}</p>{/if}
 								</div>
 							</div>
 						{:else}
 							<div class="flex h-full items-center justify-center">
-								<img
-									src={contentUrl}
-									alt={baseName}
-									title={baseName}
-									class="max-h-full max-w-full rounded-lg object-contain shadow-2xl"
-								/>
+								<img src={contentUrl} alt={baseName} title={baseName} class="max-h-full max-w-full rounded-lg object-contain shadow-2xl" />
 							</div>
 						{/if}
 					{:else if isVideo}
 						<div class="flex h-full items-center justify-center">
-							<video
-								src={contentUrl}
-								class="max-h-full w-full max-w-5xl rounded-lg bg-black shadow-2xl"
-								controls
-							>
-								<track
-									kind="captions"
-									label="Captions"
-									srclang="en"
-									src="data:text-vtt,WEBVTT%0A%0A00:00.000%20--%3E%2000:00.001%0A"
-								/>
+							<video src={contentUrl} class="max-h-full w-full max-w-5xl rounded-lg bg-black shadow-2xl" controls>
+								<track kind="captions" label="Captions" srclang="en" src="data:text-vtt,WEBVTT%0A%0A00:00.000%20--%3E%2000:00.001%0A" />
 							</video>
 						</div>
 					{:else if isAudio}
@@ -703,12 +502,7 @@
 						</div>
 					{:else}
 						<div class="h-full overflow-hidden rounded-lg border border-white/10 bg-black">
-							<iframe
-								src={contentUrl}
-								title={baseName}
-								class="h-full w-full border-0"
-								sandbox="allow-same-origin allow-scripts"
-							></iframe>
+							<iframe src={contentUrl} title={baseName} class="h-full w-full border-0" sandbox="allow-same-origin allow-scripts"></iframe>
 						</div>
 					{/if}
 				{/if}
diff --git a/src/frontend/src/lib/components/ui/accordion/accordion-content.svelte b/src/frontend/src/lib/components/ui/accordion/accordion-content.svelte
new file mode 100644
index 00000000..b0617aec
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/accordion/accordion-content.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { Accordion as AccordionPrimitive } from "bits-ui";
+	import { cn, type WithoutChild } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithoutChild<AccordionPrimitive.ContentProps> = $props();
+</script>
+
+<AccordionPrimitive.Content
+	bind:ref
+	data-slot="accordion-content"
+	class="data-open:animate-accordion-down data-closed:animate-accordion-up text-sm overflow-hidden"
+	{...restProps}
+>
+	<div
+		class={cn(
+			"pt-0 pb-2.5 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4",
+			className
+		)}
+	>
+		{@render children?.()}
+	</div>
+</AccordionPrimitive.Content>
diff --git a/src/frontend/src/lib/components/ui/accordion/accordion-item.svelte b/src/frontend/src/lib/components/ui/accordion/accordion-item.svelte
new file mode 100644
index 00000000..9d3919dd
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/accordion/accordion-item.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Accordion as AccordionPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: AccordionPrimitive.ItemProps = $props();
+</script>
+
+<AccordionPrimitive.Item
+	bind:ref
+	data-slot="accordion-item"
+	class={cn("not-last:border-b", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/accordion/accordion-trigger.svelte b/src/frontend/src/lib/components/ui/accordion/accordion-trigger.svelte
new file mode 100644
index 00000000..2a465557
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/accordion/accordion-trigger.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	import { Accordion as AccordionPrimitive } from "bits-ui";
+	import { cn, type WithoutChild } from "$lib/utils.js";
+	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
+	import ChevronUpIcon from '@lucide/svelte/icons/chevron-up';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		level = 3,
+		children,
+		...restProps
+	}: WithoutChild<AccordionPrimitive.TriggerProps> & {
+		level?: AccordionPrimitive.HeaderProps["level"];
+	} = $props();
+</script>
+
+<AccordionPrimitive.Header {level} class="flex">
+	<AccordionPrimitive.Trigger
+		data-slot="accordion-trigger"
+		bind:ref
+		class={cn(
+			"focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground rounded-lg py-2.5 text-left text-sm font-medium hover:underline focus-visible:ring-3 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50",
+			className
+		)}
+		{...restProps}
+	>
+		{@render children?.()}
+		<ChevronDownIcon data-slot="accordion-trigger-icon" class="cn-accordion-trigger-icon pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" />
+		<ChevronUpIcon data-slot="accordion-trigger-icon" class="cn-accordion-trigger-icon pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" />
+	</AccordionPrimitive.Trigger>
+</AccordionPrimitive.Header>
diff --git a/src/frontend/src/lib/components/ui/accordion/accordion.svelte b/src/frontend/src/lib/components/ui/accordion/accordion.svelte
new file mode 100644
index 00000000..b19a3c5c
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/accordion/accordion.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { Accordion as AccordionPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		class: className,
+		...restProps
+	}: AccordionPrimitive.RootProps = $props();
+</script>
+
+<AccordionPrimitive.Root
+	bind:ref
+	bind:value={value as never}
+	data-slot="accordion"
+	class={cn("cn-accordion flex w-full flex-col", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/accordion/index.ts b/src/frontend/src/lib/components/ui/accordion/index.ts
new file mode 100644
index 00000000..ac343a10
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/accordion/index.ts
@@ -0,0 +1,16 @@
+import Root from "./accordion.svelte";
+import Content from "./accordion-content.svelte";
+import Item from "./accordion-item.svelte";
+import Trigger from "./accordion-trigger.svelte";
+
+export {
+	Root,
+	Content,
+	Item,
+	Trigger,
+	//
+	Root as Accordion,
+	Content as AccordionContent,
+	Item as AccordionItem,
+	Trigger as AccordionTrigger,
+};
diff --git a/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte
new file mode 100644
index 00000000..7e63004f
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+	import {
+		buttonVariants,
+		type ButtonVariant,
+		type ButtonSize,
+	} from "$lib/components/ui/button/index.js";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		variant = "default",
+		size = "default",
+		...restProps
+	}: AlertDialogPrimitive.ActionProps & {
+		variant?: ButtonVariant;
+		size?: ButtonSize;
+	} = $props();
+</script>
+
+<AlertDialogPrimitive.Action
+	bind:ref
+	data-slot="alert-dialog-action"
+	class={cn(buttonVariants({ variant, size }), "cn-alert-dialog-action", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte
new file mode 100644
index 00000000..a4ce03c8
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+	import {
+		buttonVariants,
+		type ButtonVariant,
+		type ButtonSize,
+	} from "$lib/components/ui/button/index.js";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		variant = "outline",
+		size = "default",
+		...restProps
+	}: AlertDialogPrimitive.CancelProps & {
+		variant?: ButtonVariant;
+		size?: ButtonSize;
+	} = $props();
+</script>
+
+<AlertDialogPrimitive.Cancel
+	bind:ref
+	data-slot="alert-dialog-cancel"
+	class={cn(buttonVariants({ variant, size }), "cn-alert-dialog-cancel", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte
new file mode 100644
index 00000000..c9b3eb32
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+	import AlertDialogPortal from "./alert-dialog-portal.svelte";
+	import AlertDialogOverlay from "./alert-dialog-overlay.svelte";
+	import { cn, type WithoutChild, type WithoutChildrenOrChild } from "$lib/utils.js";
+	import type { ComponentProps } from "svelte";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		size = "default",
+		portalProps,
+		...restProps
+	}: WithoutChild<AlertDialogPrimitive.ContentProps> & {
+		size?: "default" | "sm";
+		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof AlertDialogPortal>>;
+	} = $props();
+</script>
+
+<AlertDialogPortal {...portalProps}>
+	<AlertDialogOverlay />
+	<AlertDialogPrimitive.Content
+		bind:ref
+		data-slot="alert-dialog-content"
+		data-size={size}
+		class={cn(
+			"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-popover text-popover-foreground ring-foreground/10 gap-4 rounded-xl p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none",
+			className
+		)}
+		{...restProps}
+	/>
+</AlertDialogPortal>
diff --git a/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte
new file mode 100644
index 00000000..5024f3f2
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: AlertDialogPrimitive.DescriptionProps = $props();
+</script>
+
+<AlertDialogPrimitive.Description
+	bind:ref
+	data-slot="alert-dialog-description"
+	class={cn("text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte
new file mode 100644
index 00000000..f4214db3
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="alert-dialog-footer"
+	class={cn(
+		"bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte
new file mode 100644
index 00000000..d6df4d35
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="alert-dialog-header"
+	class={cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-media.svelte b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-media.svelte
new file mode 100644
index 00000000..3f634f3c
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-media.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="alert-dialog-media"
+	class={cn("bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte
new file mode 100644
index 00000000..9ffcc858
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: AlertDialogPrimitive.OverlayProps = $props();
+</script>
+
+<AlertDialogPrimitive.Overlay
+	bind:ref
+	data-slot="alert-dialog-overlay"
+	class={cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-portal.svelte b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-portal.svelte
new file mode 100644
index 00000000..f0a19a8c
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-portal.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+
+	let { ...restProps }: AlertDialogPrimitive.PortalProps = $props();
+</script>
+
+<AlertDialogPrimitive.Portal {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte
new file mode 100644
index 00000000..652da331
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: AlertDialogPrimitive.TitleProps = $props();
+</script>
+
+<AlertDialogPrimitive.Title
+	bind:ref
+	data-slot="alert-dialog-title"
+	class={cn("text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-trigger.svelte b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-trigger.svelte
new file mode 100644
index 00000000..b22d1d50
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog-trigger.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: AlertDialogPrimitive.TriggerProps = $props();
+</script>
+
+<AlertDialogPrimitive.Trigger bind:ref data-slot="alert-dialog-trigger" {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog.svelte b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog.svelte
new file mode 100644
index 00000000..7ea78bb4
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert-dialog/alert-dialog.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+
+	let { open = $bindable(false), ...restProps }: AlertDialogPrimitive.RootProps = $props();
+</script>
+
+<AlertDialogPrimitive.Root bind:open {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/alert-dialog/index.ts b/src/frontend/src/lib/components/ui/alert-dialog/index.ts
new file mode 100644
index 00000000..ca81c2a9
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert-dialog/index.ts
@@ -0,0 +1,40 @@
+import Root from "./alert-dialog.svelte";
+import Portal from "./alert-dialog-portal.svelte";
+import Trigger from "./alert-dialog-trigger.svelte";
+import Title from "./alert-dialog-title.svelte";
+import Action from "./alert-dialog-action.svelte";
+import Cancel from "./alert-dialog-cancel.svelte";
+import Footer from "./alert-dialog-footer.svelte";
+import Header from "./alert-dialog-header.svelte";
+import Overlay from "./alert-dialog-overlay.svelte";
+import Content from "./alert-dialog-content.svelte";
+import Description from "./alert-dialog-description.svelte";
+import Media from "./alert-dialog-media.svelte";
+
+export {
+	Root,
+	Title,
+	Action,
+	Cancel,
+	Portal,
+	Footer,
+	Header,
+	Trigger,
+	Overlay,
+	Content,
+	Description,
+	Media,
+	//
+	Root as AlertDialog,
+	Title as AlertDialogTitle,
+	Action as AlertDialogAction,
+	Cancel as AlertDialogCancel,
+	Portal as AlertDialogPortal,
+	Footer as AlertDialogFooter,
+	Header as AlertDialogHeader,
+	Trigger as AlertDialogTrigger,
+	Overlay as AlertDialogOverlay,
+	Content as AlertDialogContent,
+	Description as AlertDialogDescription,
+	Media as AlertDialogMedia,
+};
diff --git a/src/frontend/src/lib/components/ui/alert/alert-action.svelte b/src/frontend/src/lib/components/ui/alert/alert-action.svelte
new file mode 100644
index 00000000..1877d38c
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert/alert-action.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="alert-action"
+	class={cn("absolute top-2 right-2", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/alert/alert-description.svelte b/src/frontend/src/lib/components/ui/alert/alert-description.svelte
new file mode 100644
index 00000000..7ee60395
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert/alert-description.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="alert-description"
+	class={cn(
+		"text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/alert/alert-title.svelte b/src/frontend/src/lib/components/ui/alert/alert-title.svelte
new file mode 100644
index 00000000..3e339a3a
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert/alert-title.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="alert-title"
+	class={cn(
+		"font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/alert/alert.svelte b/src/frontend/src/lib/components/ui/alert/alert.svelte
new file mode 100644
index 00000000..abf74873
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert/alert.svelte
@@ -0,0 +1,43 @@
+<script lang="ts" module>
+	import { type VariantProps, tv } from "tailwind-variants";
+
+	export const alertVariants = tv({
+		base: "grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 group/alert relative w-full",
+		variants: {
+			variant: {
+				default: "bg-card text-card-foreground",
+				destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+		},
+	});
+
+	export type AlertVariant = VariantProps<typeof alertVariants>["variant"];
+</script>
+
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		variant = "default",
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		variant?: AlertVariant;
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="alert"
+	role="alert"
+	class={cn(alertVariants({ variant }), className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/alert/index.ts b/src/frontend/src/lib/components/ui/alert/index.ts
new file mode 100644
index 00000000..071b113c
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/alert/index.ts
@@ -0,0 +1,17 @@
+import Root from "./alert.svelte";
+import Description from "./alert-description.svelte";
+import Title from "./alert-title.svelte";
+import Action from "./alert-action.svelte";
+export { alertVariants, type AlertVariant } from "./alert.svelte";
+
+export {
+	Root,
+	Description,
+	Title,
+	Action,
+	//
+	Root as Alert,
+	Description as AlertDescription,
+	Title as AlertTitle,
+	Action as AlertAction,
+};
diff --git a/src/frontend/src/lib/components/ui/aspect-ratio/aspect-ratio.svelte b/src/frontend/src/lib/components/ui/aspect-ratio/aspect-ratio.svelte
new file mode 100644
index 00000000..815aab03
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/aspect-ratio/aspect-ratio.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { AspectRatio as AspectRatioPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: AspectRatioPrimitive.RootProps = $props();
+</script>
+
+<AspectRatioPrimitive.Root bind:ref data-slot="aspect-ratio" {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/aspect-ratio/index.ts b/src/frontend/src/lib/components/ui/aspect-ratio/index.ts
new file mode 100644
index 00000000..985c75fd
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/aspect-ratio/index.ts
@@ -0,0 +1,3 @@
+import Root from "./aspect-ratio.svelte";
+
+export { Root, Root as AspectRatio };
diff --git a/src/frontend/src/lib/components/ui/button/button.svelte b/src/frontend/src/lib/components/ui/button/button.svelte
index 9c97ac4a..89cedcb7 100644
--- a/src/frontend/src/lib/components/ui/button/button.svelte
+++ b/src/frontend/src/lib/components/ui/button/button.svelte
@@ -1,45 +1,38 @@
 <script lang="ts" module>
-	import { cn, type WithElementRef } from '$lib/utils.js';
-	import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
-	import { type VariantProps, tv } from 'tailwind-variants';
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
+	import { type VariantProps, tv } from "tailwind-variants";
 
 	export const buttonVariants = tv({
 		base: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 		variants: {
 			variant: {
-				default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',
-				outline:
-					'border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground',
-				secondary:
-					'bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',
-				ghost:
-					'hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground',
-				destructive:
-					'bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30',
-				link: 'text-primary underline-offset-4 hover:underline'
+				default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+				outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+				secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+				ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+				destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
+				link: "text-primary underline-offset-4 hover:underline",
 			},
 			size: {
-				default:
-					'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
+				default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
 				xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
 				sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-				lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
-				icon: 'size-8',
-				'icon-xs':
-					"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-				'icon-sm':
-					'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',
-				'icon-lg': 'size-9'
-			}
+				lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+				icon: "size-8",
+				"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+				"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+				"icon-lg": "size-9",
+			},
 		},
 		defaultVariants: {
-			variant: 'default',
-			size: 'default'
-		}
+			variant: "default",
+			size: "default",
+		},
 	});
 
-	export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
-	export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
+	export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
+	export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
 
 	export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
 		WithElementRef<HTMLAnchorAttributes> & {
@@ -51,11 +44,11 @@
 <script lang="ts">
 	let {
 		class: className,
-		variant = 'default',
-		size = 'default',
+		variant = "default",
+		size = "default",
 		ref = $bindable(null),
 		href = undefined,
-		type = 'button',
+		type = "button",
 		disabled,
 		children,
 		...restProps
@@ -69,7 +62,7 @@
 		class={cn(buttonVariants({ variant, size }), className)}
 		href={disabled ? undefined : href}
 		aria-disabled={disabled}
-		role={disabled ? 'link' : undefined}
+		role={disabled ? "link" : undefined}
 		tabindex={disabled ? -1 : undefined}
 		{...restProps}
 	>
diff --git a/src/frontend/src/lib/components/ui/button/index.ts b/src/frontend/src/lib/components/ui/button/index.ts
index d3caf085..fb585d76 100644
--- a/src/frontend/src/lib/components/ui/button/index.ts
+++ b/src/frontend/src/lib/components/ui/button/index.ts
@@ -2,16 +2,16 @@ import Root, {
 	type ButtonProps,
 	type ButtonSize,
 	type ButtonVariant,
-	buttonVariants
-} from './button.svelte';
+	buttonVariants,
+} from "./button.svelte";
 
 export {
+	Root,
+	type ButtonProps as Props,
 	//
 	Root as Button,
 	buttonVariants,
-	Root,
 	type ButtonProps,
 	type ButtonSize,
 	type ButtonVariant,
-	type ButtonProps as Props
 };
diff --git a/src/frontend/src/lib/components/ui/carousel/carousel-content.svelte b/src/frontend/src/lib/components/ui/carousel/carousel-content.svelte
new file mode 100644
index 00000000..84c71f8c
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/carousel/carousel-content.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+	import emblaCarouselSvelte from "embla-carousel-svelte";
+	import type { HTMLAttributes } from "svelte/elements";
+	import { getEmblaContext } from "./context.js";
+	import { cn, type WithElementRef } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+
+	const emblaCtx = getEmblaContext("<Carousel.Content/>");
+</script>
+
+<div
+	data-slot="carousel-content"
+	class="overflow-hidden"
+	use:emblaCarouselSvelte={{
+		options: {
+			container: "[data-embla-container]",
+			slides: "[data-embla-slide]",
+			...emblaCtx.options,
+			axis: emblaCtx.orientation === "horizontal" ? "x" : "y",
+		},
+		plugins: emblaCtx.plugins,
+	}}
+	onemblaInit={emblaCtx.onInit}
+>
+	<div
+		bind:this={ref}
+		class={cn(
+			"flex",
+			emblaCtx.orientation === "horizontal" ? "-ms-4" : "-mt-4 flex-col",
+			className
+		)}
+		data-embla-container=""
+		{...restProps}
+	>
+		{@render children?.()}
+	</div>
+</div>
diff --git a/src/frontend/src/lib/components/ui/carousel/carousel-item.svelte b/src/frontend/src/lib/components/ui/carousel/carousel-item.svelte
new file mode 100644
index 00000000..ebf16491
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/carousel/carousel-item.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { getEmblaContext } from "./context.js";
+	import { cn, type WithElementRef } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+
+	const emblaCtx = getEmblaContext("<Carousel.Item/>");
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="carousel-item"
+	role="group"
+	aria-roledescription="slide"
+	class={cn(
+		"min-w-0 shrink-0 grow-0 basis-full",
+		emblaCtx.orientation === "horizontal" ? "ps-4" : "pt-4",
+		className
+	)}
+	data-embla-slide=""
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/carousel/carousel-next.svelte b/src/frontend/src/lib/components/ui/carousel/carousel-next.svelte
new file mode 100644
index 00000000..adce0c18
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/carousel/carousel-next.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+	import type { WithoutChildren } from "bits-ui";
+	import { getEmblaContext } from "./context.js";
+	import { cn } from "$lib/utils.js";
+	import { Button, type Props } from "$lib/components/ui/button/index.js";
+	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		variant = "outline",
+		size = "icon-sm",
+		...restProps
+	}: WithoutChildren<Props> = $props();
+
+	const emblaCtx = getEmblaContext("<Carousel.Next/>");
+</script>
+
+<Button
+	data-slot="carousel-next"
+	{variant}
+	{size}
+	aria-disabled={!emblaCtx.canScrollNext}
+	disabled={!emblaCtx.canScrollNext}
+	class={cn(
+		"cn-carousel-next absolute touch-manupulation",
+		emblaCtx.orientation === "horizontal"
+			? "-end-12 top-1/2 -translate-y-1/2"
+			: "start-1/2 -bottom-12 -translate-x-1/2 rotate-90",
+		className
+	)}
+	onclick={emblaCtx.scrollNext}
+	onkeydown={emblaCtx.handleKeyDown}
+	bind:ref
+	{...restProps}
+>
+	<ChevronRightIcon />
+	<span class="sr-only">Next slide</span>
+</Button>
diff --git a/src/frontend/src/lib/components/ui/carousel/carousel-previous.svelte b/src/frontend/src/lib/components/ui/carousel/carousel-previous.svelte
new file mode 100644
index 00000000..faab8dd5
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/carousel/carousel-previous.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+	import type { WithoutChildren } from "bits-ui";
+	import { getEmblaContext } from "./context.js";
+	import { cn } from "$lib/utils.js";
+	import { Button, type Props } from "$lib/components/ui/button/index.js";
+	import ChevronLeftIcon from "@lucide/svelte/icons/chevron-left";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		variant = "outline",
+		size = "icon-sm",
+		...restProps
+	}: WithoutChildren<Props> = $props();
+
+	const emblaCtx = getEmblaContext("<Carousel.Previous/>");
+</script>
+
+<Button
+	data-slot="carousel-previous"
+	{variant}
+	{size}
+	aria-disabled={!emblaCtx.canScrollPrev}
+	disabled={!emblaCtx.canScrollPrev}
+	class={cn(
+		"cn-carousel-previous absolute touch-manupulation",
+		emblaCtx.orientation === "horizontal"
+			? "-start-12 top-1/2 -translate-y-1/2"
+			: "start-1/2 -top-12 -translate-x-1/2 rotate-90",
+		className
+	)}
+	onclick={emblaCtx.scrollPrev}
+	onkeydown={emblaCtx.handleKeyDown}
+	{...restProps}
+	bind:ref
+>
+	<ChevronLeftIcon />
+	<span class="sr-only">Previous slide</span>
+</Button>
diff --git a/src/frontend/src/lib/components/ui/carousel/carousel.svelte b/src/frontend/src/lib/components/ui/carousel/carousel.svelte
new file mode 100644
index 00000000..b3933b88
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/carousel/carousel.svelte
@@ -0,0 +1,94 @@
+<script lang="ts">
+	import {
+		type CarouselAPI,
+		type CarouselProps,
+		type EmblaContext,
+		setEmblaContext,
+	} from "./context.js";
+	import { cn, type WithElementRef } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		opts = {},
+		plugins = [],
+		setApi = () => {},
+		orientation = "horizontal",
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<CarouselProps> = $props();
+
+	// svelte-ignore state_referenced_locally
+	let carouselState = $state<EmblaContext>({
+		api: undefined,
+		scrollPrev,
+		scrollNext,
+		orientation,
+		canScrollNext: false,
+		canScrollPrev: false,
+		handleKeyDown,
+		options: opts,
+		plugins,
+		onInit,
+		scrollSnaps: [],
+		selectedIndex: 0,
+		scrollTo,
+	});
+
+	setEmblaContext(carouselState);
+
+	function scrollPrev() {
+		carouselState.api?.scrollPrev();
+	}
+
+	function scrollNext() {
+		carouselState.api?.scrollNext();
+	}
+
+	function scrollTo(index: number, jump?: boolean) {
+		carouselState.api?.scrollTo(index, jump);
+	}
+
+	function onSelect() {
+		if (!carouselState.api) return;
+		carouselState.selectedIndex = carouselState.api.selectedScrollSnap();
+		carouselState.canScrollNext = carouselState.api.canScrollNext();
+		carouselState.canScrollPrev = carouselState.api.canScrollPrev();
+	}
+
+	function handleKeyDown(e: KeyboardEvent) {
+		if (e.key === "ArrowLeft") {
+			e.preventDefault();
+			scrollPrev();
+		} else if (e.key === "ArrowRight") {
+			e.preventDefault();
+			scrollNext();
+		}
+	}
+
+	function onInit(event: CustomEvent<CarouselAPI>) {
+		carouselState.api = event.detail;
+		setApi(carouselState.api);
+
+		carouselState.scrollSnaps = carouselState.api.scrollSnapList();
+		carouselState.api.on("select", onSelect);
+		onSelect();
+	}
+
+	$effect(() => {
+		return () => {
+			carouselState.api?.off("select", onSelect);
+		};
+	});
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="carousel"
+	class={cn("relative", className)}
+	role="region"
+	aria-roledescription="carousel"
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/carousel/context.ts b/src/frontend/src/lib/components/ui/carousel/context.ts
new file mode 100644
index 00000000..b286ed6b
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/carousel/context.ts
@@ -0,0 +1,56 @@
+import type { WithElementRef } from "$lib/utils.js";
+import type {
+	EmblaCarouselSvelteType,
+	default as emblaCarouselSvelte,
+} from "embla-carousel-svelte";
+import { getContext, hasContext, setContext } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+
+export type CarouselAPI =
+	NonNullable<NonNullable<EmblaCarouselSvelteType["$$_attributes"]>["on:emblaInit"]> extends (
+		evt: CustomEvent<infer CarouselAPI>
+	) => void
+		? CarouselAPI
+		: never;
+
+type EmblaCarouselConfig = NonNullable<Parameters<typeof emblaCarouselSvelte>[1]>;
+
+export type CarouselOptions = EmblaCarouselConfig["options"];
+export type CarouselPlugins = EmblaCarouselConfig["plugins"];
+
+export type CarouselProps = {
+	opts?: CarouselOptions;
+	plugins?: CarouselPlugins;
+	setApi?: (api: CarouselAPI | undefined) => void;
+	orientation?: "horizontal" | "vertical";
+} & WithElementRef<HTMLAttributes<HTMLDivElement>>;
+
+const EMBLA_CAROUSEL_CONTEXT = Symbol("EMBLA_CAROUSEL_CONTEXT");
+
+export type EmblaContext = {
+	api: CarouselAPI | undefined;
+	orientation: "horizontal" | "vertical";
+	scrollNext: () => void;
+	scrollPrev: () => void;
+	canScrollNext: boolean;
+	canScrollPrev: boolean;
+	handleKeyDown: (e: KeyboardEvent) => void;
+	options: CarouselOptions;
+	plugins: CarouselPlugins;
+	onInit: (e: CustomEvent<CarouselAPI>) => void;
+	scrollTo: (index: number, jump?: boolean) => void;
+	scrollSnaps: number[];
+	selectedIndex: number;
+};
+
+export function setEmblaContext(config: EmblaContext): EmblaContext {
+	setContext(EMBLA_CAROUSEL_CONTEXT, config);
+	return config;
+}
+
+export function getEmblaContext(name = "This component") {
+	if (!hasContext(EMBLA_CAROUSEL_CONTEXT)) {
+		throw new Error(`${name} must be used within a <Carousel.Root> component`);
+	}
+	return getContext<ReturnType<typeof setEmblaContext>>(EMBLA_CAROUSEL_CONTEXT);
+}
diff --git a/src/frontend/src/lib/components/ui/carousel/index.ts b/src/frontend/src/lib/components/ui/carousel/index.ts
new file mode 100644
index 00000000..957fc74a
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/carousel/index.ts
@@ -0,0 +1,19 @@
+import Root from "./carousel.svelte";
+import Content from "./carousel-content.svelte";
+import Item from "./carousel-item.svelte";
+import Previous from "./carousel-previous.svelte";
+import Next from "./carousel-next.svelte";
+
+export {
+	Root,
+	Content,
+	Item,
+	Previous,
+	Next,
+	//
+	Root as Carousel,
+	Content as CarouselContent,
+	Item as CarouselItem,
+	Previous as CarouselPrevious,
+	Next as CarouselNext,
+};
diff --git a/src/frontend/src/lib/components/ui/chart/chart-style.svelte b/src/frontend/src/lib/components/ui/chart/chart-style.svelte
index 18efa41d..4cdc9dbc 100644
--- a/src/frontend/src/lib/components/ui/chart/chart-style.svelte
+++ b/src/frontend/src/lib/components/ui/chart/chart-style.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { THEMES, type ChartConfig } from './chart-utils.js';
 
-	let { id, config }: { id: string; config: ChartConfig } = $props();
+	const { id, config }: { id: string; config: ChartConfig } = $props();
 
 	const colorConfig = $derived(
 		config ? Object.entries(config).filter(([, config]) => config.theme || config.color) : null
diff --git a/src/frontend/src/lib/components/ui/checkbox/checkbox.svelte b/src/frontend/src/lib/components/ui/checkbox/checkbox.svelte
new file mode 100644
index 00000000..27b0da68
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/checkbox/checkbox.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+	import { Checkbox as CheckboxPrimitive } from "bits-ui";
+	import { cn, type WithoutChildrenOrChild } from "$lib/utils.js";
+	import CheckIcon from '@lucide/svelte/icons/check';
+	import MinusIcon from '@lucide/svelte/icons/minus';
+
+	let {
+		ref = $bindable(null),
+		checked = $bindable(false),
+		indeterminate = $bindable(false),
+		class: className,
+		...restProps
+	}: WithoutChildrenOrChild<CheckboxPrimitive.RootProps> = $props();
+</script>
+
+<CheckboxPrimitive.Root
+	bind:ref
+	data-slot="checkbox"
+	class={cn(
+		"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50",
+		className
+	)}
+	bind:checked
+	bind:indeterminate
+	{...restProps}
+>
+	{#snippet children({ checked, indeterminate })}
+		<div
+			data-slot="checkbox-indicator"
+			class="[&>svg]:size-3.5 grid place-content-center text-current transition-none"
+		>
+			{#if checked}
+				<CheckIcon  />
+			{:else if indeterminate}
+				<MinusIcon  />
+			{/if}
+		</div>
+	{/snippet}
+</CheckboxPrimitive.Root>
diff --git a/src/frontend/src/lib/components/ui/checkbox/index.ts b/src/frontend/src/lib/components/ui/checkbox/index.ts
new file mode 100644
index 00000000..6d92d945
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/checkbox/index.ts
@@ -0,0 +1,6 @@
+import Root from "./checkbox.svelte";
+export {
+	Root,
+	//
+	Root as Checkbox,
+};
diff --git a/src/frontend/src/lib/components/ui/collapsible/collapsible-content.svelte b/src/frontend/src/lib/components/ui/collapsible/collapsible-content.svelte
new file mode 100644
index 00000000..bdabb559
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/collapsible/collapsible-content.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Collapsible as CollapsiblePrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: CollapsiblePrimitive.ContentProps = $props();
+</script>
+
+<CollapsiblePrimitive.Content bind:ref data-slot="collapsible-content" {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/collapsible/collapsible-trigger.svelte b/src/frontend/src/lib/components/ui/collapsible/collapsible-trigger.svelte
new file mode 100644
index 00000000..ece7ad68
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/collapsible/collapsible-trigger.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Collapsible as CollapsiblePrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: CollapsiblePrimitive.TriggerProps = $props();
+</script>
+
+<CollapsiblePrimitive.Trigger bind:ref data-slot="collapsible-trigger" {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/collapsible/collapsible.svelte b/src/frontend/src/lib/components/ui/collapsible/collapsible.svelte
new file mode 100644
index 00000000..39cdd4e4
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/collapsible/collapsible.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+	import { Collapsible as CollapsiblePrimitive } from "bits-ui";
+
+	let {
+		ref = $bindable(null),
+		open = $bindable(false),
+		...restProps
+	}: CollapsiblePrimitive.RootProps = $props();
+</script>
+
+<CollapsiblePrimitive.Root bind:ref bind:open data-slot="collapsible" {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/collapsible/index.ts b/src/frontend/src/lib/components/ui/collapsible/index.ts
new file mode 100644
index 00000000..169b4791
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/collapsible/index.ts
@@ -0,0 +1,13 @@
+import Root from "./collapsible.svelte";
+import Trigger from "./collapsible-trigger.svelte";
+import Content from "./collapsible-content.svelte";
+
+export {
+	Root,
+	Content,
+	Trigger,
+	//
+	Root as Collapsible,
+	Content as CollapsibleContent,
+	Trigger as CollapsibleTrigger,
+};
diff --git a/src/frontend/src/lib/components/ui/command/command-dialog.svelte b/src/frontend/src/lib/components/ui/command/command-dialog.svelte
new file mode 100644
index 00000000..63b445c2
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/command/command-dialog.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+	import type { Command as CommandPrimitive, Dialog as DialogPrimitive } from "bits-ui";
+	import type { Snippet } from "svelte";
+	import Command from "./command.svelte";
+	import * as Dialog from "$lib/components/ui/dialog/index.js";
+	import { cn, type WithoutChildrenOrChild } from "$lib/utils.js";
+
+	let {
+		open = $bindable(false),
+		ref = $bindable(null),
+		value = $bindable(""),
+		title = "Command Palette",
+		description = "Search for a command to run...",
+		showCloseButton = false,
+		portalProps,
+		children,
+		class: className,
+		...restProps
+	}: WithoutChildrenOrChild<DialogPrimitive.RootProps> &
+		WithoutChildrenOrChild<CommandPrimitive.RootProps> & {
+			portalProps?: DialogPrimitive.PortalProps;
+			children: Snippet;
+			title?: string;
+			description?: string;
+			showCloseButton?: boolean;
+			class?: string;
+		} = $props();
+</script>
+
+<Dialog.Root bind:open {...restProps}>
+	<Dialog.Header class="sr-only">
+		<Dialog.Title>{title}</Dialog.Title>
+		<Dialog.Description>{description}</Dialog.Description>
+	</Dialog.Header>
+	<Dialog.Content
+		class={cn("rounded-xl! top-1/3 translate-y-0 overflow-hidden p-0", className)}
+		{showCloseButton}
+		{portalProps}
+	>
+		<Command {...restProps} bind:value bind:ref {children} />
+	</Dialog.Content>
+</Dialog.Root>
diff --git a/src/frontend/src/lib/components/ui/command/command-empty.svelte b/src/frontend/src/lib/components/ui/command/command-empty.svelte
new file mode 100644
index 00000000..6726cd8d
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/command/command-empty.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: CommandPrimitive.EmptyProps = $props();
+</script>
+
+<CommandPrimitive.Empty
+	bind:ref
+	data-slot="command-empty"
+	class={cn("py-6 text-center text-sm", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/command/command-group.svelte b/src/frontend/src/lib/components/ui/command/command-group.svelte
new file mode 100644
index 00000000..f5da0df8
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/command/command-group.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	import { Command as CommandPrimitive, useId } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		heading,
+		value,
+		...restProps
+	}: CommandPrimitive.GroupProps & {
+		heading?: string;
+	} = $props();
+</script>
+
+<CommandPrimitive.Group
+	bind:ref
+	data-slot="command-group"
+	class={cn("text-foreground **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium", className)}
+	value={value ?? heading ?? `----${useId()}`}
+	{...restProps}
+>
+	{#if heading}
+		<CommandPrimitive.GroupHeading
+			class="text-muted-foreground px-2 py-1.5 text-xs font-medium"
+		>
+			{heading}
+		</CommandPrimitive.GroupHeading>
+	{/if}
+	<CommandPrimitive.GroupItems {children} />
+</CommandPrimitive.Group>
diff --git a/src/frontend/src/lib/components/ui/command/command-input.svelte b/src/frontend/src/lib/components/ui/command/command-input.svelte
new file mode 100644
index 00000000..1ca256ff
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/command/command-input.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+	import * as InputGroup from "$lib/components/ui/input-group/index.js";
+	import SearchIcon from '@lucide/svelte/icons/search';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		value = $bindable(""),
+		...restProps
+	}: CommandPrimitive.InputProps = $props();
+</script>
+
+<div data-slot="command-input-wrapper" class="p-1 pb-0">
+	<InputGroup.Root class="bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!">
+		<CommandPrimitive.Input
+			{value}
+			data-slot="command-input"
+			class={cn(
+				"w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+				className
+			)}
+			{...restProps}
+		>
+			{#snippet child({ props })}
+				<InputGroup.Input {...props} bind:value bind:ref />
+			{/snippet}
+		</CommandPrimitive.Input>
+		<InputGroup.Addon>
+			<SearchIcon class="size-4 shrink-0 opacity-50" />
+		</InputGroup.Addon>
+	</InputGroup.Root>
+</div>
diff --git a/src/frontend/src/lib/components/ui/command/command-item.svelte b/src/frontend/src/lib/components/ui/command/command-item.svelte
new file mode 100644
index 00000000..42468404
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/command/command-item.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+	import CheckIcon from '@lucide/svelte/icons/check';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: CommandPrimitive.ItemProps = $props();
+</script>
+
+<CommandPrimitive.Item
+	bind:ref
+	data-slot="command-item"
+	class={cn(
+		"group/command-item data-selected:bg-muted data-selected:text-foreground data-selected:*:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+	<CheckIcon class="cn-command-item-indicator ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" />
+</CommandPrimitive.Item>
diff --git a/src/frontend/src/lib/components/ui/command/command-link-item.svelte b/src/frontend/src/lib/components/ui/command/command-link-item.svelte
new file mode 100644
index 00000000..ada6d2c4
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/command/command-link-item.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: CommandPrimitive.LinkItemProps = $props();
+</script>
+
+<CommandPrimitive.LinkItem
+	bind:ref
+	data-slot="command-item"
+	class={cn(
+		"aria-selected:bg-accent aria-selected:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		className
+	)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/command/command-list.svelte b/src/frontend/src/lib/components/ui/command/command-list.svelte
new file mode 100644
index 00000000..f663bd3e
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/command/command-list.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: CommandPrimitive.ListProps = $props();
+</script>
+
+<CommandPrimitive.List
+	bind:ref
+	data-slot="command-list"
+	class={cn("no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/command/command-loading.svelte b/src/frontend/src/lib/components/ui/command/command-loading.svelte
new file mode 100644
index 00000000..19dd2985
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/command/command-loading.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: CommandPrimitive.LoadingProps = $props();
+</script>
+
+<CommandPrimitive.Loading bind:ref {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/command/command-separator.svelte b/src/frontend/src/lib/components/ui/command/command-separator.svelte
new file mode 100644
index 00000000..35c4c957
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/command/command-separator.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: CommandPrimitive.SeparatorProps = $props();
+</script>
+
+<CommandPrimitive.Separator
+	bind:ref
+	data-slot="command-separator"
+	class={cn("bg-border -mx-1 h-px", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/command/command-shortcut.svelte b/src/frontend/src/lib/components/ui/command/command-shortcut.svelte
new file mode 100644
index 00000000..5322e6af
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/command/command-shortcut.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+</script>
+
+<span
+	bind:this={ref}
+	data-slot="command-shortcut"
+	class={cn("text-muted-foreground group-data-selected/command-item:text-foreground ml-auto text-xs tracking-widest", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</span>
diff --git a/src/frontend/src/lib/components/ui/command/command.svelte b/src/frontend/src/lib/components/ui/command/command.svelte
new file mode 100644
index 00000000..c814599b
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/command/command.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { cn } from "$lib/utils.js";
+	import { Command as CommandPrimitive } from "bits-ui";
+
+	export type CommandRootApi = CommandPrimitive.Root;
+
+	let {
+		api = $bindable(null),
+		ref = $bindable(null),
+		value = $bindable(""),
+		class: className,
+		...restProps
+	}: CommandPrimitive.RootProps & {
+		api?: CommandRootApi | null;
+	} = $props();
+</script>
+
+<CommandPrimitive.Root
+	bind:this={api}
+	bind:value
+	bind:ref
+	data-slot="command"
+	class={cn("bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/command/index.ts b/src/frontend/src/lib/components/ui/command/index.ts
new file mode 100644
index 00000000..5435fbe8
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/command/index.ts
@@ -0,0 +1,37 @@
+import Root from "./command.svelte";
+import Loading from "./command-loading.svelte";
+import Dialog from "./command-dialog.svelte";
+import Empty from "./command-empty.svelte";
+import Group from "./command-group.svelte";
+import Item from "./command-item.svelte";
+import Input from "./command-input.svelte";
+import List from "./command-list.svelte";
+import Separator from "./command-separator.svelte";
+import Shortcut from "./command-shortcut.svelte";
+import LinkItem from "./command-link-item.svelte";
+
+export {
+	Root,
+	Dialog,
+	Empty,
+	Group,
+	Item,
+	LinkItem,
+	Input,
+	List,
+	Separator,
+	Shortcut,
+	Loading,
+	//
+	Root as Command,
+	Dialog as CommandDialog,
+	Empty as CommandEmpty,
+	Group as CommandGroup,
+	Item as CommandItem,
+	LinkItem as CommandLinkItem,
+	Input as CommandInput,
+	List as CommandList,
+	Separator as CommandSeparator,
+	Shortcut as CommandShortcut,
+	Loading as CommandLoading,
+};
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte
new file mode 100644
index 00000000..9ffcfbe7
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte
@@ -0,0 +1,41 @@
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+	import { cn, type WithoutChildrenOrChild } from "$lib/utils.js";
+	import type { Snippet } from "svelte";
+	import CheckIcon from '@lucide/svelte/icons/check';
+
+	let {
+		ref = $bindable(null),
+		checked = $bindable(false),
+		indeterminate = $bindable(false),
+		class: className,
+		inset,
+		children: childrenProp,
+		...restProps
+	}: WithoutChildrenOrChild<ContextMenuPrimitive.CheckboxItemProps> & {
+		inset?: boolean;
+		children?: Snippet;
+	} = $props();
+</script>
+
+<ContextMenuPrimitive.CheckboxItem
+	bind:ref
+	bind:checked
+	bind:indeterminate
+	data-slot="context-menu-checkbox-item"
+	data-inset={inset}
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ checked })}
+		<span class="absolute right-2 pointer-events-none">
+			{#if checked}
+				<CheckIcon  />
+			{/if}
+		</span>
+		{@render childrenProp?.()}
+	{/snippet}
+</ContextMenuPrimitive.CheckboxItem>
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-content.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-content.svelte
new file mode 100644
index 00000000..5f324200
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-content.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+	import ContextMenuPortal from "./context-menu-portal.svelte";
+	import type { ComponentProps } from "svelte";
+	import type { WithoutChildrenOrChild } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		portalProps,
+		class: className,
+		...restProps
+	}: ContextMenuPrimitive.ContentProps & {
+		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof ContextMenuPortal>>;
+	} = $props();
+</script>
+
+<ContextMenuPortal {...portalProps}>
+	<ContextMenuPrimitive.Content
+		bind:ref
+		data-slot="context-menu-content"
+		class={cn(
+			"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 overflow-x-hidden overflow-y-auto outline-none",
+			className
+		)}
+		{...restProps}
+	/>
+</ContextMenuPortal>
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-group-heading.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-group-heading.svelte
new file mode 100644
index 00000000..0c0f4599
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-group-heading.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		...restProps
+	}: ContextMenuPrimitive.GroupHeadingProps & {
+		inset?: boolean;
+	} = $props();
+</script>
+
+<ContextMenuPrimitive.GroupHeading
+	bind:ref
+	data-slot="context-menu-group-heading"
+	data-inset={inset}
+	class={cn("text-foreground px-2 py-1.5 text-sm font-medium data-inset:ps-8", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-group.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-group.svelte
new file mode 100644
index 00000000..c7c1e06a
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-group.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: ContextMenuPrimitive.GroupProps = $props();
+</script>
+
+<ContextMenuPrimitive.Group bind:ref data-slot="context-menu-group" {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-item.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-item.svelte
new file mode 100644
index 00000000..fccba283
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-item.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		variant = "default",
+		...restProps
+	}: ContextMenuPrimitive.ItemProps & {
+		inset?: boolean;
+		variant?: "default" | "destructive";
+	} = $props();
+</script>
+
+<ContextMenuPrimitive.Item
+	bind:ref
+	data-slot="context-menu-item"
+	data-inset={inset}
+	data-variant={variant}
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-label.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-label.svelte
new file mode 100644
index 00000000..8b9e9c69
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-label.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		inset?: boolean;
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="context-menu-label"
+	data-inset={inset}
+	class={cn("text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7 data-inset:pl-8", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-portal.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-portal.svelte
new file mode 100644
index 00000000..96b1e3e4
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-portal.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+
+	let { ...restProps }: ContextMenuPrimitive.PortalProps = $props();
+</script>
+
+<ContextMenuPrimitive.Portal {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-radio-group.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-radio-group.svelte
new file mode 100644
index 00000000..964cb55f
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-radio-group.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(""),
+		...restProps
+	}: ContextMenuPrimitive.RadioGroupProps = $props();
+</script>
+
+<ContextMenuPrimitive.RadioGroup
+	bind:ref
+	bind:value
+	data-slot="context-menu-radio-group"
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-radio-item.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-radio-item.svelte
new file mode 100644
index 00000000..ad4e56f9
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-radio-item.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+	import { cn, type WithoutChild } from "$lib/utils.js";
+	import CheckIcon from '@lucide/svelte/icons/check';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		children: childrenProp,
+		...restProps
+	}: WithoutChild<ContextMenuPrimitive.RadioItemProps> & {
+		inset?: boolean;
+	} = $props();
+</script>
+
+<ContextMenuPrimitive.RadioItem
+	bind:ref
+	data-slot="context-menu-radio-item"
+	data-inset={inset}
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ checked })}
+		<span class="absolute right-2 pointer-events-none">
+			{#if checked}
+				<CheckIcon  />
+			{/if}
+		</span>
+		{@render childrenProp?.({ checked })}
+	{/snippet}
+</ContextMenuPrimitive.RadioItem>
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-separator.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-separator.svelte
new file mode 100644
index 00000000..7f5b237b
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-separator.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: ContextMenuPrimitive.SeparatorProps = $props();
+</script>
+
+<ContextMenuPrimitive.Separator
+	bind:ref
+	data-slot="context-menu-separator"
+	class={cn("bg-border -mx-1 my-1 h-px", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-shortcut.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-shortcut.svelte
new file mode 100644
index 00000000..3305abc2
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-shortcut.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+</script>
+
+<span
+	bind:this={ref}
+	data-slot="context-menu-shortcut"
+	class={cn("text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</span>
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-sub-content.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-sub-content.svelte
new file mode 100644
index 00000000..fa46397d
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-sub-content.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: ContextMenuPrimitive.SubContentProps = $props();
+</script>
+
+<ContextMenuPrimitive.SubContent
+	bind:ref
+	data-slot="context-menu-sub-content"
+	class={cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-popover text-popover-foreground min-w-32 rounded-lg border p-1 shadow-lg duration-100", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte
new file mode 100644
index 00000000..af016c55
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+	import { cn, type WithoutChild } from "$lib/utils.js";
+	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		children,
+		...restProps
+	}: WithoutChild<ContextMenuPrimitive.SubTriggerProps> & {
+		inset?: boolean;
+	} = $props();
+</script>
+
+<ContextMenuPrimitive.SubTrigger
+	bind:ref
+	data-slot="context-menu-sub-trigger"
+	data-inset={inset}
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-inset:ps-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+	<ChevronRightIcon class="ml-auto" />
+</ContextMenuPrimitive.SubTrigger>
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-sub.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-sub.svelte
new file mode 100644
index 00000000..a03827b9
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-sub.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+
+	let { open = $bindable(false), ...restProps }: ContextMenuPrimitive.SubProps = $props();
+</script>
+
+<ContextMenuPrimitive.Sub bind:open {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu-trigger.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu-trigger.svelte
new file mode 100644
index 00000000..f6a1542f
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu-trigger.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: ContextMenuPrimitive.TriggerProps = $props();
+</script>
+
+<ContextMenuPrimitive.Trigger
+	bind:ref
+	data-slot="context-menu-trigger"
+	class={cn("cn-context-menu-trigger select-none", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/context-menu/context-menu.svelte b/src/frontend/src/lib/components/ui/context-menu/context-menu.svelte
new file mode 100644
index 00000000..cfaefb39
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/context-menu.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+
+	let { open = $bindable(false), ...restProps }: ContextMenuPrimitive.RootProps = $props();
+</script>
+
+<ContextMenuPrimitive.Root bind:open {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/context-menu/index.ts b/src/frontend/src/lib/components/ui/context-menu/index.ts
new file mode 100644
index 00000000..cbeaee10
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/context-menu/index.ts
@@ -0,0 +1,52 @@
+import Root from "./context-menu.svelte";
+import Sub from "./context-menu-sub.svelte";
+import Portal from "./context-menu-portal.svelte";
+import Trigger from "./context-menu-trigger.svelte";
+import Group from "./context-menu-group.svelte";
+import RadioGroup from "./context-menu-radio-group.svelte";
+import Item from "./context-menu-item.svelte";
+import GroupHeading from "./context-menu-group-heading.svelte";
+import Content from "./context-menu-content.svelte";
+import Shortcut from "./context-menu-shortcut.svelte";
+import RadioItem from "./context-menu-radio-item.svelte";
+import Separator from "./context-menu-separator.svelte";
+import SubContent from "./context-menu-sub-content.svelte";
+import SubTrigger from "./context-menu-sub-trigger.svelte";
+import CheckboxItem from "./context-menu-checkbox-item.svelte";
+import Label from "./context-menu-label.svelte";
+
+export {
+	Root,
+	Sub,
+	Portal,
+	Item,
+	GroupHeading,
+	Label,
+	Group,
+	Trigger,
+	Content,
+	Shortcut,
+	Separator,
+	RadioItem,
+	SubContent,
+	SubTrigger,
+	RadioGroup,
+	CheckboxItem,
+	//
+	Root as ContextMenu,
+	Sub as ContextMenuSub,
+	Portal as ContextMenuPortal,
+	Item as ContextMenuItem,
+	GroupHeading as ContextMenuGroupHeading,
+	Group as ContextMenuGroup,
+	Content as ContextMenuContent,
+	Trigger as ContextMenuTrigger,
+	Shortcut as ContextMenuShortcut,
+	RadioItem as ContextMenuRadioItem,
+	Separator as ContextMenuSeparator,
+	RadioGroup as ContextMenuRadioGroup,
+	SubContent as ContextMenuSubContent,
+	SubTrigger as ContextMenuSubTrigger,
+	CheckboxItem as ContextMenuCheckboxItem,
+	Label as ContextMenuLabel,
+};
diff --git a/src/frontend/src/lib/components/ui/data-table/data-table.svelte.ts b/src/frontend/src/lib/components/ui/data-table/data-table.svelte.ts
new file mode 100644
index 00000000..f3c30a7f
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/data-table/data-table.svelte.ts
@@ -0,0 +1,142 @@
+import {
+	type RowData,
+	type TableOptions,
+	type TableOptionsResolved,
+	type TableState,
+	type Updater,
+	createTable,
+} from "@tanstack/table-core";
+
+/**
+ * Creates a reactive TanStack table object for Svelte.
+ * @param options Table options to create the table with.
+ * @returns A reactive table object.
+ * @example
+ * ```svelte
+ * <script>
+ *   const table = createSvelteTable({ ... })
+ * </script>
+ *
+ * <table>
+ *   <thead>
+ *     {#each table.getHeaderGroups() as headerGroup}
+ *       <tr>
+ *         {#each headerGroup.headers as header}
+ *           <th colspan={header.colSpan}>
+ *         	   <FlexRender content={header.column.columnDef.header} context={header.getContext()} />
+ *         	 </th>
+ *         {/each}
+ *       </tr>
+ *     {/each}
+ *   </thead>
+ * 	 <!-- ... -->
+ * </table>
+ * ```
+ */
+export function createSvelteTable<TData extends RowData>(options: TableOptions<TData>) {
+	const resolvedOptions: TableOptionsResolved<TData> = mergeObjects(
+		{
+			state: {},
+			onStateChange() {},
+			renderFallbackValue: null,
+			mergeOptions: (
+				defaultOptions: TableOptions<TData>,
+				options: Partial<TableOptions<TData>>
+			) => {
+				return mergeObjects(defaultOptions, options);
+			},
+		},
+		options
+	);
+
+	const table = createTable(resolvedOptions);
+	let state = $state<TableState>(table.initialState);
+
+	function updateOptions() {
+		table.setOptions(() => {
+			return mergeObjects(resolvedOptions, options, {
+				state: mergeObjects(state, options.state || {}),
+
+				onStateChange: (updater: Updater<TableState>) => {
+					if (updater instanceof Function) state = updater(state);
+					else state = mergeObjects(state, updater);
+
+					options.onStateChange?.(updater);
+				},
+			});
+		});
+	}
+
+	updateOptions();
+
+	$effect.pre(() => {
+		updateOptions();
+	});
+
+	return table;
+}
+
+type MaybeThunk<T extends object> = T | (() => T | null | undefined);
+type Intersection<T extends readonly unknown[]> = (T extends [infer H, ...infer R]
+	? H & Intersection<R>
+	: unknown) & {};
+
+/**
+ * Lazily merges several objects (or thunks) while preserving
+ * getter semantics from every source.
+ *
+ * Proxy-based to avoid known WebKit recursion issue.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function mergeObjects<Sources extends readonly MaybeThunk<any>[]>(
+	...sources: Sources
+): Intersection<{ [K in keyof Sources]: Sources[K] }> {
+	const resolve = <T extends object>(src: MaybeThunk<T>): T | undefined =>
+		typeof src === "function" ? (src() ?? undefined) : src;
+
+	const findSourceWithKey = (key: PropertyKey) => {
+		for (let i = sources.length - 1; i >= 0; i--) {
+			const obj = resolve(sources[i]);
+			if (obj && key in obj) return obj;
+		}
+		return undefined;
+	};
+
+	return new Proxy(Object.create(null), {
+		get(_, key) {
+			const src = findSourceWithKey(key);
+
+			return src?.[key as never];
+		},
+
+		has(_, key) {
+			return !!findSourceWithKey(key);
+		},
+
+		ownKeys(): (string | symbol)[] {
+			// eslint-disable-next-line svelte/prefer-svelte-reactivity
+			const all = new Set<string | symbol>();
+			for (const s of sources) {
+				const obj = resolve(s);
+				if (obj) {
+					for (const k of Reflect.ownKeys(obj) as (string | symbol)[]) {
+						all.add(k);
+					}
+				}
+			}
+			return [...all];
+		},
+
+		getOwnPropertyDescriptor(_, key) {
+			const src = findSourceWithKey(key);
+			if (!src) return undefined;
+			return {
+				configurable: true,
+				enumerable: true,
+				// eslint-disable-next-line @typescript-eslint/no-explicit-any
+				value: (src as any)[key],
+				writable: true,
+			};
+		},
+	}) as Intersection<{ [K in keyof Sources]: Sources[K] }>;
+}
diff --git a/src/frontend/src/lib/components/ui/data-table/flex-render.svelte b/src/frontend/src/lib/components/ui/data-table/flex-render.svelte
new file mode 100644
index 00000000..ac82a581
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/data-table/flex-render.svelte
@@ -0,0 +1,40 @@
+<script
+	lang="ts"
+	generics="TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>"
+>
+	import type { CellContext, ColumnDefTemplate, HeaderContext } from "@tanstack/table-core";
+	import { RenderComponentConfig, RenderSnippetConfig } from "./render-helpers.js";
+	import type { Attachment } from "svelte/attachments";
+	type Props = {
+		/** The cell or header field of the current cell's column definition. */
+		content?: TContext extends HeaderContext<TData, TValue>
+			? ColumnDefTemplate<HeaderContext<TData, TValue>>
+			: TContext extends CellContext<TData, TValue>
+				? ColumnDefTemplate<CellContext<TData, TValue>>
+				: never;
+		/** The result of the `getContext()` function of the header or cell */
+		context: TContext;
+
+		/** Used to pass attachments that can't be gotten through context */
+		attach?: Attachment;
+	};
+
+	let { content, context, attach }: Props = $props();
+</script>
+
+{#if typeof content === "string"}
+	{content}
+{:else if content instanceof Function}
+	<!-- It's unlikely that a CellContext will be passed to a Header -->
+	<!-- eslint-disable-next-line @typescript-eslint/no-explicit-any -->
+	{@const result = content(context as any)}
+	{#if result instanceof RenderComponentConfig}
+		{@const { component: Component, props } = result}
+		<Component {...props} {attach} />
+	{:else if result instanceof RenderSnippetConfig}
+		{@const { snippet, params } = result}
+		{@render snippet({ ...params, attach })}
+	{:else}
+		{result}
+	{/if}
+{/if}
diff --git a/src/frontend/src/lib/components/ui/data-table/index.ts b/src/frontend/src/lib/components/ui/data-table/index.ts
new file mode 100644
index 00000000..5f4e77ea
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/data-table/index.ts
@@ -0,0 +1,3 @@
+export { default as FlexRender } from "./flex-render.svelte";
+export { renderComponent, renderSnippet } from "./render-helpers.js";
+export { createSvelteTable } from "./data-table.svelte.js";
diff --git a/src/frontend/src/lib/components/ui/data-table/render-helpers.ts b/src/frontend/src/lib/components/ui/data-table/render-helpers.ts
new file mode 100644
index 00000000..fa036d62
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/data-table/render-helpers.ts
@@ -0,0 +1,111 @@
+import type { Component, ComponentProps, Snippet } from "svelte";
+
+/**
+ * A helper class to make it easy to identify Svelte components in
+ * `columnDef.cell` and `columnDef.header` properties.
+ *
+ * > NOTE: This class should only be used internally by the adapter. If you're
+ * reading this and you don't know what this is for, you probably don't need it.
+ *
+ * @example
+ * ```svelte
+ * {@const result = content(context as any)}
+ * {#if result instanceof RenderComponentConfig}
+ *   {@const { component: Component, props } = result}
+ *   <Component {...props} />
+ * {/if}
+ * ```
+ */
+export class RenderComponentConfig<TComponent extends Component> {
+	component: TComponent;
+	props: ComponentProps<TComponent> | Record<string, never>;
+	constructor(
+		component: TComponent,
+		props: ComponentProps<TComponent> | Record<string, never> = {}
+	) {
+		this.component = component;
+		this.props = props;
+	}
+}
+
+/**
+ * A helper class to make it easy to identify Svelte Snippets in `columnDef.cell` and `columnDef.header` properties.
+ *
+ * > NOTE: This class should only be used internally by the adapter. If you're
+ * reading this and you don't know what this is for, you probably don't need it.
+ *
+ * @example
+ * ```svelte
+ * {@const result = content(context as any)}
+ * {#if result instanceof RenderSnippetConfig}
+ *   {@const { snippet, params } = result}
+ *   {@render snippet(params)}
+ * {/if}
+ * ```
+ */
+export class RenderSnippetConfig<TProps> {
+	snippet: Snippet<[TProps]>;
+	params: TProps;
+	constructor(snippet: Snippet<[TProps]>, params: TProps) {
+		this.snippet = snippet;
+		this.params = params;
+	}
+}
+
+/**
+ * A helper function to help create cells from Svelte components through ColumnDef's `cell` and `header` properties.
+ *
+ * This is only to be used with Svelte Components - use `renderSnippet` for Svelte Snippets.
+ *
+ * @param component A Svelte component
+ * @param props The props to pass to `component`
+ * @returns A `RenderComponentConfig` object that helps svelte-table know how to render the header/cell component.
+ * @example
+ * ```ts
+ * // +page.svelte
+ * const defaultColumns = [
+ *   columnHelper.accessor('name', {
+ *     header: header => renderComponent(SortHeader, { label: 'Name', header }),
+ *   }),
+ *   columnHelper.accessor('state', {
+ *     header: header => renderComponent(SortHeader, { label: 'State', header }),
+ *   }),
+ * ]
+ * ```
+ * @see {@link https://tanstack.com/table/latest/docs/guide/column-defs}
+ */
+export function renderComponent<
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	T extends Component<any>,
+	Props extends ComponentProps<T>,
+>(component: T, props: Props = {} as Props) {
+	return new RenderComponentConfig(component, props);
+}
+
+/**
+ * A helper function to help create cells from Svelte Snippets through ColumnDef's `cell` and `header` properties.
+ *
+ * The snippet must only take one parameter.
+ *
+ * This is only to be used with Snippets - use `renderComponent` for Svelte Components.
+ *
+ * @param snippet
+ * @param params
+ * @returns - A `RenderSnippetConfig` object that helps svelte-table know how to render the header/cell snippet.
+ * @example
+ * ```ts
+ * // +page.svelte
+ * const defaultColumns = [
+ *   columnHelper.accessor('name', {
+ *     cell: cell => renderSnippet(nameSnippet, { name: cell.row.name }),
+ *   }),
+ *   columnHelper.accessor('state', {
+ *     cell: cell => renderSnippet(stateSnippet, { state: cell.row.state }),
+ *   }),
+ * ]
+ * ```
+ * @see {@link https://tanstack.com/table/latest/docs/guide/column-defs}
+ */
+export function renderSnippet<TProps>(snippet: Snippet<[TProps]>, params: TProps = {} as TProps) {
+	return new RenderSnippetConfig(snippet, params);
+}
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog-close.svelte b/src/frontend/src/lib/components/ui/dialog/dialog-close.svelte
index 41417047..de68f2f0 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog-close.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog-close.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { Dialog as DialogPrimitive } from "bits-ui";
 
 	let {
 		ref = $bindable(null),
-		type = 'button',
+		type = "button",
 		...restProps
 	}: DialogPrimitive.CloseProps = $props();
 </script>
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog-content.svelte b/src/frontend/src/lib/components/ui/dialog/dialog-content.svelte
index 80db472c..c0551ee3 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog-content.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog-content.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
-	import DialogPortal from './dialog-portal.svelte';
-	import type { Snippet } from 'svelte';
-	import * as Dialog from './index.js';
-	import { cn, type WithoutChildrenOrChild } from '$lib/utils.js';
-	import type { ComponentProps } from 'svelte';
-	import { Button } from '$lib/components/ui/button/index.js';
+	import { Dialog as DialogPrimitive } from "bits-ui";
+	import DialogPortal from "./dialog-portal.svelte";
+	import type { Snippet } from "svelte";
+	import * as Dialog from "./index.js";
+	import { cn, type WithoutChildrenOrChild } from "$lib/utils.js";
+	import type { ComponentProps } from "svelte";
+	import { Button } from "$lib/components/ui/button/index.js";
 	import XIcon from '@lucide/svelte/icons/x';
 
 	let {
@@ -28,7 +28,7 @@
 		bind:ref
 		data-slot="dialog-content"
 		class={cn(
-			'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none',
+			"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none",
 			className
 		)}
 		{...restProps}
@@ -38,7 +38,7 @@
 			<DialogPrimitive.Close data-slot="dialog-close">
 				{#snippet child({ props })}
 					<Button variant="ghost" class="absolute top-2 right-2" size="icon-sm" {...props}>
-						<XIcon />
+						<XIcon  />
 						<span class="sr-only">Close</span>
 					</Button>
 				{/snippet}
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog-description.svelte b/src/frontend/src/lib/components/ui/dialog/dialog-description.svelte
index fc9852d4..0102d910 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog-description.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog-description.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { Dialog as DialogPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
 
 	let {
 		ref = $bindable(null),
@@ -12,9 +12,6 @@
 <DialogPrimitive.Description
 	bind:ref
 	data-slot="dialog-description"
-	class={cn(
-		'text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3',
-		className
-	)}
+	class={cn("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog-footer.svelte b/src/frontend/src/lib/components/ui/dialog/dialog-footer.svelte
index c2eab11c..e23160ae 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog-footer.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog-footer.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from '$lib/utils.js';
-	import type { HTMLAttributes } from 'svelte/elements';
-	import { Dialog as DialogPrimitive } from 'bits-ui';
-	import { Button } from '$lib/components/ui/button/index.js';
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+	import { Dialog as DialogPrimitive } from "bits-ui";
+	import { Button } from "$lib/components/ui/button/index.js";
 
 	let {
 		ref = $bindable(null),
@@ -18,10 +18,7 @@
 <div
 	bind:this={ref}
 	data-slot="dialog-footer"
-	class={cn(
-		'bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',
-		className
-	)}
+	class={cn("bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog-header.svelte b/src/frontend/src/lib/components/ui/dialog/dialog-header.svelte
index bfc8d40b..c3ce8a24 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog-header.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog-header.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "$lib/utils.js";
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="dialog-header"
-	class={cn('gap-2 flex flex-col', className)}
+	class={cn("gap-2 flex flex-col", className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog-overlay.svelte b/src/frontend/src/lib/components/ui/dialog/dialog-overlay.svelte
index f8842463..19f69f05 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog-overlay.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog-overlay.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { Dialog as DialogPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
 
 	let {
 		ref = $bindable(null),
@@ -12,9 +12,6 @@
 <DialogPrimitive.Overlay
 	bind:ref
 	data-slot="dialog-overlay"
-	class={cn(
-		'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50',
-		className
-	)}
+	class={cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog-portal.svelte b/src/frontend/src/lib/components/ui/dialog/dialog-portal.svelte
index a60a85e7..ccfa79ca 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog-portal.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog-portal.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { Dialog as DialogPrimitive } from "bits-ui";
 
 	let { ...restProps }: DialogPrimitive.PortalProps = $props();
 </script>
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog-title.svelte b/src/frontend/src/lib/components/ui/dialog/dialog-title.svelte
index f3aa7210..6ff1a4a5 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog-title.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog-title.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+	import { Dialog as DialogPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +12,6 @@
 <DialogPrimitive.Title
 	bind:ref
 	data-slot="dialog-title"
-	class={cn('text-base leading-none font-medium', className)}
+	class={cn("text-base leading-none font-medium", className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog-trigger.svelte b/src/frontend/src/lib/components/ui/dialog/dialog-trigger.svelte
index 92645417..589ee0c3 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog-trigger.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog-trigger.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { Dialog as DialogPrimitive } from "bits-ui";
 
 	let {
 		ref = $bindable(null),
-		type = 'button',
+		type = "button",
 		...restProps
 	}: DialogPrimitive.TriggerProps = $props();
 </script>
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog.svelte b/src/frontend/src/lib/components/ui/dialog/dialog.svelte
index c1444b2a..211672c6 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { Dialog as DialogPrimitive } from "bits-ui";
 
 	let { open = $bindable(false), ...restProps }: DialogPrimitive.RootProps = $props();
 </script>
diff --git a/src/frontend/src/lib/components/ui/dialog/index.ts b/src/frontend/src/lib/components/ui/dialog/index.ts
index 705073d3..076cef52 100644
--- a/src/frontend/src/lib/components/ui/dialog/index.ts
+++ b/src/frontend/src/lib/components/ui/dialog/index.ts
@@ -1,34 +1,34 @@
-import Close from './dialog-close.svelte';
-import Content from './dialog-content.svelte';
-import Description from './dialog-description.svelte';
-import Footer from './dialog-footer.svelte';
-import Header from './dialog-header.svelte';
-import Overlay from './dialog-overlay.svelte';
-import Portal from './dialog-portal.svelte';
-import Title from './dialog-title.svelte';
-import Trigger from './dialog-trigger.svelte';
-import Root from './dialog.svelte';
+import Root from "./dialog.svelte";
+import Portal from "./dialog-portal.svelte";
+import Title from "./dialog-title.svelte";
+import Footer from "./dialog-footer.svelte";
+import Header from "./dialog-header.svelte";
+import Overlay from "./dialog-overlay.svelte";
+import Content from "./dialog-content.svelte";
+import Description from "./dialog-description.svelte";
+import Trigger from "./dialog-trigger.svelte";
+import Close from "./dialog-close.svelte";
 
 export {
-	Close,
+	Root,
+	Title,
+	Portal,
+	Footer,
+	Header,
+	Trigger,
+	Overlay,
 	Content,
 	Description,
+	Close,
 	//
 	Root as Dialog,
-	Close as DialogClose,
-	Content as DialogContent,
-	Description as DialogDescription,
+	Title as DialogTitle,
+	Portal as DialogPortal,
 	Footer as DialogFooter,
 	Header as DialogHeader,
-	Overlay as DialogOverlay,
-	Portal as DialogPortal,
-	Title as DialogTitle,
 	Trigger as DialogTrigger,
-	Footer,
-	Header,
-	Overlay,
-	Portal,
-	Root,
-	Title,
-	Trigger
+	Overlay as DialogOverlay,
+	Content as DialogContent,
+	Description as DialogDescription,
+	Close as DialogClose,
 };
diff --git a/src/frontend/src/lib/components/ui/drawer/drawer-close.svelte b/src/frontend/src/lib/components/ui/drawer/drawer-close.svelte
new file mode 100644
index 00000000..95c24796
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/drawer/drawer-close.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Drawer as DrawerPrimitive } from "vaul-svelte";
+
+	let { ref = $bindable(null), ...restProps }: DrawerPrimitive.CloseProps = $props();
+</script>
+
+<DrawerPrimitive.Close bind:ref data-slot="drawer-close" {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/drawer/drawer-content.svelte b/src/frontend/src/lib/components/ui/drawer/drawer-content.svelte
new file mode 100644
index 00000000..c5b6cb9f
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/drawer/drawer-content.svelte
@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { Drawer as DrawerPrimitive } from "vaul-svelte";
+	import DrawerPortal from "./drawer-portal.svelte";
+	import DrawerOverlay from "./drawer-overlay.svelte";
+	import { cn } from "$lib/utils.js";
+	import type { ComponentProps } from "svelte";
+	import type { WithoutChildrenOrChild } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		portalProps,
+		children,
+		...restProps
+	}: DrawerPrimitive.ContentProps & {
+		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof DrawerPortal>>;
+	} = $props();
+</script>
+
+<DrawerPortal {...portalProps}>
+	<DrawerOverlay />
+	<DrawerPrimitive.Content
+		bind:ref
+		data-slot="drawer-content"
+		class={cn("bg-popover text-popover-foreground flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50", className)}
+		{...restProps}
+	>
+		<div
+			class="bg-muted mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block bg-muted mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
+		></div>
+		{@render children?.()}
+	</DrawerPrimitive.Content>
+</DrawerPortal>
diff --git a/src/frontend/src/lib/components/ui/drawer/drawer-description.svelte b/src/frontend/src/lib/components/ui/drawer/drawer-description.svelte
new file mode 100644
index 00000000..2763a1aa
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/drawer/drawer-description.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Drawer as DrawerPrimitive } from "vaul-svelte";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: DrawerPrimitive.DescriptionProps = $props();
+</script>
+
+<DrawerPrimitive.Description
+	bind:ref
+	data-slot="drawer-description"
+	class={cn("text-muted-foreground text-sm", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/drawer/drawer-footer.svelte b/src/frontend/src/lib/components/ui/drawer/drawer-footer.svelte
new file mode 100644
index 00000000..56a1fc6e
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/drawer/drawer-footer.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="drawer-footer"
+	class={cn("gap-2 p-4 mt-auto flex flex-col", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/drawer/drawer-header.svelte b/src/frontend/src/lib/components/ui/drawer/drawer-header.svelte
new file mode 100644
index 00000000..861f956d
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/drawer/drawer-header.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="drawer-header"
+	class={cn("gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left flex flex-col", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/drawer/drawer-nested.svelte b/src/frontend/src/lib/components/ui/drawer/drawer-nested.svelte
new file mode 100644
index 00000000..834af946
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/drawer/drawer-nested.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { Drawer as DrawerPrimitive } from "vaul-svelte";
+
+	let {
+		shouldScaleBackground = true,
+		open = $bindable(false),
+		activeSnapPoint = $bindable(null),
+		...restProps
+	}: DrawerPrimitive.RootProps = $props();
+</script>
+
+<DrawerPrimitive.NestedRoot {shouldScaleBackground} bind:open bind:activeSnapPoint {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/drawer/drawer-overlay.svelte b/src/frontend/src/lib/components/ui/drawer/drawer-overlay.svelte
new file mode 100644
index 00000000..84df1e8b
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/drawer/drawer-overlay.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Drawer as DrawerPrimitive } from "vaul-svelte";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: DrawerPrimitive.OverlayProps = $props();
+</script>
+
+<DrawerPrimitive.Overlay
+	bind:ref
+	data-slot="drawer-overlay"
+	class={cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/drawer/drawer-portal.svelte b/src/frontend/src/lib/components/ui/drawer/drawer-portal.svelte
new file mode 100644
index 00000000..5a0dd740
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/drawer/drawer-portal.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Drawer as DrawerPrimitive } from "vaul-svelte";
+
+	let { ...restProps }: DrawerPrimitive.PortalProps = $props();
+</script>
+
+<DrawerPrimitive.Portal {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/drawer/drawer-title.svelte b/src/frontend/src/lib/components/ui/drawer/drawer-title.svelte
new file mode 100644
index 00000000..fc3649b0
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/drawer/drawer-title.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Drawer as DrawerPrimitive } from "vaul-svelte";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: DrawerPrimitive.TitleProps = $props();
+</script>
+
+<DrawerPrimitive.Title
+	bind:ref
+	data-slot="drawer-title"
+	class={cn("text-foreground text-base font-medium", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/drawer/drawer-trigger.svelte b/src/frontend/src/lib/components/ui/drawer/drawer-trigger.svelte
new file mode 100644
index 00000000..f1877d8e
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/drawer/drawer-trigger.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Drawer as DrawerPrimitive } from "vaul-svelte";
+
+	let { ref = $bindable(null), ...restProps }: DrawerPrimitive.TriggerProps = $props();
+</script>
+
+<DrawerPrimitive.Trigger bind:ref data-slot="drawer-trigger" {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/drawer/drawer.svelte b/src/frontend/src/lib/components/ui/drawer/drawer.svelte
new file mode 100644
index 00000000..0cb57ff9
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/drawer/drawer.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { Drawer as DrawerPrimitive } from "vaul-svelte";
+
+	let {
+		shouldScaleBackground = true,
+		open = $bindable(false),
+		activeSnapPoint = $bindable(null),
+		...restProps
+	}: DrawerPrimitive.RootProps = $props();
+</script>
+
+<DrawerPrimitive.Root {shouldScaleBackground} bind:open bind:activeSnapPoint {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/drawer/index.ts b/src/frontend/src/lib/components/ui/drawer/index.ts
new file mode 100644
index 00000000..1656cac5
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/drawer/index.ts
@@ -0,0 +1,38 @@
+import Root from "./drawer.svelte";
+import Content from "./drawer-content.svelte";
+import Description from "./drawer-description.svelte";
+import Overlay from "./drawer-overlay.svelte";
+import Footer from "./drawer-footer.svelte";
+import Header from "./drawer-header.svelte";
+import Title from "./drawer-title.svelte";
+import NestedRoot from "./drawer-nested.svelte";
+import Close from "./drawer-close.svelte";
+import Trigger from "./drawer-trigger.svelte";
+import Portal from "./drawer-portal.svelte";
+
+export {
+	Root,
+	NestedRoot,
+	Content,
+	Description,
+	Overlay,
+	Footer,
+	Header,
+	Title,
+	Trigger,
+	Portal,
+	Close,
+
+	//
+	Root as Drawer,
+	NestedRoot as DrawerNestedRoot,
+	Content as DrawerContent,
+	Description as DrawerDescription,
+	Overlay as DrawerOverlay,
+	Footer as DrawerFooter,
+	Header as DrawerHeader,
+	Title as DrawerTitle,
+	Trigger as DrawerTrigger,
+	Portal as DrawerPortal,
+	Close as DrawerClose,
+};
diff --git a/src/frontend/src/lib/components/ui/hover-card/hover-card-content.svelte b/src/frontend/src/lib/components/ui/hover-card/hover-card-content.svelte
new file mode 100644
index 00000000..f5cb652c
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/hover-card/hover-card-content.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	import { LinkPreview as HoverCardPrimitive } from "bits-ui";
+	import { cn, type WithoutChildrenOrChild } from "$lib/utils.js";
+	import HoverCardPortal from "./hover-card-portal.svelte";
+	import type { ComponentProps } from "svelte";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		align = "center",
+		sideOffset = 4,
+		portalProps,
+		...restProps
+	}: HoverCardPrimitive.ContentProps & {
+		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof HoverCardPortal>>;
+	} = $props();
+</script>
+
+<HoverCardPortal {...portalProps}>
+	<HoverCardPrimitive.Content
+		bind:ref
+		data-slot="hover-card-content"
+		{align}
+		{sideOffset}
+		class={cn(
+			"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 origin-(--transform-origin) outline-hidden",
+			className
+		)}
+		{...restProps}
+	/>
+</HoverCardPortal>
diff --git a/src/frontend/src/lib/components/ui/hover-card/hover-card-portal.svelte b/src/frontend/src/lib/components/ui/hover-card/hover-card-portal.svelte
new file mode 100644
index 00000000..6c62dc26
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/hover-card/hover-card-portal.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { LinkPreview as HoverCardPrimitive } from "bits-ui";
+
+	let { ...restProps }: HoverCardPrimitive.PortalProps = $props();
+</script>
+
+<HoverCardPrimitive.Portal {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/hover-card/hover-card-trigger.svelte b/src/frontend/src/lib/components/ui/hover-card/hover-card-trigger.svelte
new file mode 100644
index 00000000..322172bb
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/hover-card/hover-card-trigger.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { LinkPreview as HoverCardPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: HoverCardPrimitive.TriggerProps = $props();
+</script>
+
+<HoverCardPrimitive.Trigger bind:ref data-slot="hover-card-trigger" {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/hover-card/hover-card.svelte b/src/frontend/src/lib/components/ui/hover-card/hover-card.svelte
new file mode 100644
index 00000000..51916569
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/hover-card/hover-card.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { LinkPreview as HoverCardPrimitive } from "bits-ui";
+
+	let { open = $bindable(false), ...restProps }: HoverCardPrimitive.RootProps = $props();
+</script>
+
+<HoverCardPrimitive.Root bind:open {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/hover-card/index.ts b/src/frontend/src/lib/components/ui/hover-card/index.ts
new file mode 100644
index 00000000..dd312fb9
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/hover-card/index.ts
@@ -0,0 +1,15 @@
+import Root from "./hover-card.svelte";
+import Content from "./hover-card-content.svelte";
+import Trigger from "./hover-card-trigger.svelte";
+import Portal from "./hover-card-portal.svelte";
+
+export {
+	Root,
+	Content,
+	Trigger,
+	Portal,
+	Root as HoverCard,
+	Content as HoverCardContent,
+	Trigger as HoverCardTrigger,
+	Portal as HoverCardPortal,
+};
diff --git a/src/frontend/src/lib/components/ui/input-group/index.ts b/src/frontend/src/lib/components/ui/input-group/index.ts
new file mode 100644
index 00000000..fe1f55d8
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/input-group/index.ts
@@ -0,0 +1,22 @@
+import Root from "./input-group.svelte";
+import Addon from "./input-group-addon.svelte";
+import Button from "./input-group-button.svelte";
+import Input from "./input-group-input.svelte";
+import Text from "./input-group-text.svelte";
+import Textarea from "./input-group-textarea.svelte";
+
+export {
+	Root,
+	Addon,
+	Button,
+	Input,
+	Text,
+	Textarea,
+	//
+	Root as InputGroup,
+	Addon as InputGroupAddon,
+	Button as InputGroupButton,
+	Input as InputGroupInput,
+	Text as InputGroupText,
+	Textarea as InputGroupTextarea,
+};
diff --git a/src/frontend/src/lib/components/ui/input-group/input-group-addon.svelte b/src/frontend/src/lib/components/ui/input-group/input-group-addon.svelte
new file mode 100644
index 00000000..ea075eaa
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/input-group/input-group-addon.svelte
@@ -0,0 +1,52 @@
+<script lang="ts" module>
+	import { tv, type VariantProps } from "tailwind-variants";
+	export const inputGroupAddonVariants = tv({
+		base: "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none",
+		variants: {
+			align: {
+				"inline-start": "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first",
+				"inline-end": "pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last",
+				"block-start":
+					"px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
+				"block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start",
+			},
+		},
+		defaultVariants: {
+			align: "inline-start",
+		},
+	});
+
+	export type InputGroupAddonAlign = VariantProps<typeof inputGroupAddonVariants>["align"];
+</script>
+
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		align = "inline-start",
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		align?: InputGroupAddonAlign;
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	role="group"
+	data-slot="input-group-addon"
+	data-align={align}
+	class={cn(inputGroupAddonVariants({ align }), className)}
+	onclick={(e) => {
+		if ((e.target as HTMLElement).closest("button")) {
+			return;
+		}
+		e.currentTarget.parentElement?.querySelector("input")?.focus();
+	}}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/input-group/input-group-button.svelte b/src/frontend/src/lib/components/ui/input-group/input-group-button.svelte
new file mode 100644
index 00000000..adb05b96
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/input-group/input-group-button.svelte
@@ -0,0 +1,49 @@
+<script lang="ts" module>
+	import { tv, type VariantProps } from "tailwind-variants";
+
+	const inputGroupButtonVariants = tv({
+		base: "gap-2 text-sm flex items-center shadow-none",
+		variants: {
+			size: {
+				xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+				sm: "cn-input-group-button-size-sm",
+				"icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
+				"icon-sm": "size-8 p-0 has-[>svg]:p-0",
+			},
+		},
+		defaultVariants: {
+			size: "xs",
+		},
+	});
+
+	export type InputGroupButtonSize = VariantProps<typeof inputGroupButtonVariants>["size"];
+</script>
+
+<script lang="ts">
+	import { cn } from "$lib/utils.js";
+	import type { ComponentProps } from "svelte";
+	import { Button } from "$lib/components/ui/button/index.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		type = "button",
+		variant = "ghost",
+		size = "xs",
+		...restProps
+	}: Omit<ComponentProps<typeof Button>, "href" | "size"> & {
+		size?: InputGroupButtonSize;
+	} = $props();
+</script>
+
+<Button
+	bind:ref
+	{type}
+	data-size={size}
+	{variant}
+	class={cn(inputGroupButtonVariants({ size }), className)}
+	{...restProps}
+>
+	{@render children?.()}
+</Button>
diff --git a/src/frontend/src/lib/components/ui/input-group/input-group-input.svelte b/src/frontend/src/lib/components/ui/input-group/input-group-input.svelte
new file mode 100644
index 00000000..316c0cb2
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/input-group/input-group-input.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn } from "$lib/utils.js";
+	import type { ComponentProps } from "svelte";
+	import { Input } from "$lib/components/ui/input/index.js";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		class: className,
+		...props
+	}: ComponentProps<typeof Input> = $props();
+</script>
+
+<Input
+	bind:ref
+	data-slot="input-group-control"
+	class={cn("rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1", className)}
+	bind:value
+	{...props}
+/>
diff --git a/src/frontend/src/lib/components/ui/input-group/input-group-text.svelte b/src/frontend/src/lib/components/ui/input-group/input-group-text.svelte
new file mode 100644
index 00000000..77907c65
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/input-group/input-group-text.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+</script>
+
+<span
+	bind:this={ref}
+	class={cn("text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</span>
diff --git a/src/frontend/src/lib/components/ui/input-group/input-group-textarea.svelte b/src/frontend/src/lib/components/ui/input-group/input-group-textarea.svelte
new file mode 100644
index 00000000..9fbabe6d
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/input-group/input-group-textarea.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn } from "$lib/utils.js";
+	import { Textarea } from "$lib/components/ui/textarea/index.js";
+	import type { ComponentProps } from "svelte";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		class: className,
+		...props
+	}: ComponentProps<typeof Textarea> = $props();
+</script>
+
+<Textarea
+	bind:ref
+	data-slot="input-group-control"
+	class={cn("rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none", className)}
+	bind:value
+	{...props}
+/>
diff --git a/src/frontend/src/lib/components/ui/input-group/input-group.svelte b/src/frontend/src/lib/components/ui/input-group/input-group.svelte
new file mode 100644
index 00000000..42b91be4
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/input-group/input-group.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...props
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="input-group"
+	role="group"
+	class={cn(
+		"group/input-group border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto",
+		className
+	)}
+	{...props}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/input/index.ts b/src/frontend/src/lib/components/ui/input/index.ts
index dc1f1273..f47b6d3f 100644
--- a/src/frontend/src/lib/components/ui/input/index.ts
+++ b/src/frontend/src/lib/components/ui/input/index.ts
@@ -1,7 +1,7 @@
-import Root from './input.svelte';
+import Root from "./input.svelte";
 
 export {
+	Root,
 	//
 	Root as Input,
-	Root
 };
diff --git a/src/frontend/src/lib/components/ui/input/input.svelte b/src/frontend/src/lib/components/ui/input/input.svelte
index 3755bfde..fe7db38f 100644
--- a/src/frontend/src/lib/components/ui/input/input.svelte
+++ b/src/frontend/src/lib/components/ui/input/input.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
-	import { cn, type WithElementRef } from '$lib/utils.js';
+	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
+	import { cn, type WithElementRef } from "$lib/utils.js";
 
-	type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;
+	type InputType = Exclude<HTMLInputTypeAttribute, "file">;
 
 	type Props = WithElementRef<
-		Omit<HTMLInputAttributes, 'type'> &
-			({ type: 'file'; files?: FileList } | { type?: InputType; files?: undefined })
+		Omit<HTMLInputAttributes, "type"> &
+			({ type: "file"; files?: FileList } | { type?: InputType; files?: undefined })
 	>;
 
 	let {
@@ -15,17 +15,17 @@
 		type,
 		files = $bindable(),
 		class: className,
-		'data-slot': dataSlot = 'input',
+		"data-slot": dataSlot = "input",
 		...restProps
 	}: Props = $props();
 </script>
 
-{#if type === 'file'}
+{#if type === "file"}
 	<input
 		bind:this={ref}
 		data-slot={dataSlot}
 		class={cn(
-			'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
+			"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
 			className
 		)}
 		type="file"
@@ -38,7 +38,7 @@
 		bind:this={ref}
 		data-slot={dataSlot}
 		class={cn(
-			'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
+			"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
 			className
 		)}
 		{type}
diff --git a/src/frontend/src/lib/components/ui/kbd/index.ts b/src/frontend/src/lib/components/ui/kbd/index.ts
new file mode 100644
index 00000000..6aa7f075
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/kbd/index.ts
@@ -0,0 +1,10 @@
+import Root from "./kbd.svelte";
+import Group from "./kbd-group.svelte";
+
+export {
+	Root,
+	Group,
+	//
+	Root as Kbd,
+	Group as KbdGroup,
+};
diff --git a/src/frontend/src/lib/components/ui/kbd/kbd-group.svelte b/src/frontend/src/lib/components/ui/kbd/kbd-group.svelte
new file mode 100644
index 00000000..1676c673
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/kbd/kbd-group.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
+</script>
+
+<kbd
+	bind:this={ref}
+	data-slot="kbd-group"
+	class={cn("gap-1 inline-flex items-center", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</kbd>
diff --git a/src/frontend/src/lib/components/ui/kbd/kbd.svelte b/src/frontend/src/lib/components/ui/kbd/kbd.svelte
new file mode 100644
index 00000000..034ef5a4
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/kbd/kbd.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
+</script>
+
+<kbd
+	bind:this={ref}
+	data-slot="kbd"
+	class={cn(
+		"bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</kbd>
diff --git a/src/frontend/src/lib/components/ui/popover/index.ts b/src/frontend/src/lib/components/ui/popover/index.ts
new file mode 100644
index 00000000..5f180363
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/popover/index.ts
@@ -0,0 +1,28 @@
+import Root from "./popover.svelte";
+import Close from "./popover-close.svelte";
+import Content from "./popover-content.svelte";
+import Description from "./popover-description.svelte";
+import Header from "./popover-header.svelte";
+import Title from "./popover-title.svelte";
+import Trigger from "./popover-trigger.svelte";
+import Portal from "./popover-portal.svelte";
+
+export {
+	Root,
+	Content,
+	Description,
+	Header,
+	Title,
+	Trigger,
+	Close,
+	Portal,
+	//
+	Root as Popover,
+	Content as PopoverContent,
+	Description as PopoverDescription,
+	Header as PopoverHeader,
+	Title as PopoverTitle,
+	Trigger as PopoverTrigger,
+	Close as PopoverClose,
+	Portal as PopoverPortal,
+};
diff --git a/src/frontend/src/lib/components/ui/popover/popover-close.svelte b/src/frontend/src/lib/components/ui/popover/popover-close.svelte
new file mode 100644
index 00000000..c360925a
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/popover/popover-close.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: PopoverPrimitive.CloseProps = $props();
+</script>
+
+<PopoverPrimitive.Close bind:ref data-slot="popover-close" {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/popover/popover-content.svelte b/src/frontend/src/lib/components/ui/popover/popover-content.svelte
new file mode 100644
index 00000000..dd9a38f8
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/popover/popover-content.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from "bits-ui";
+	import PopoverPortal from "./popover-portal.svelte";
+	import { cn, type WithoutChildrenOrChild } from "$lib/utils.js";
+	import type { ComponentProps } from "svelte";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		sideOffset = 4,
+		align = "center",
+		portalProps,
+		...restProps
+	}: PopoverPrimitive.ContentProps & {
+		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof PopoverPortal>>;
+	} = $props();
+</script>
+
+<PopoverPortal {...portalProps}>
+	<PopoverPrimitive.Content
+		bind:ref
+		data-slot="popover-content"
+		{sideOffset}
+		{align}
+		class={cn(
+			"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 w-72 origin-(--transform-origin) outline-hidden",
+			className
+		)}
+		{...restProps}
+	/>
+</PopoverPortal>
diff --git a/src/frontend/src/lib/components/ui/popover/popover-description.svelte b/src/frontend/src/lib/components/ui/popover/popover-description.svelte
new file mode 100644
index 00000000..c28ab236
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/popover/popover-description.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="popover-description"
+	class={cn("text-muted-foreground", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/popover/popover-header.svelte b/src/frontend/src/lib/components/ui/popover/popover-header.svelte
new file mode 100644
index 00000000..69b85b1a
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/popover/popover-header.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="popover-header"
+	class={cn("flex flex-col gap-0.5 text-sm", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/popover/popover-portal.svelte b/src/frontend/src/lib/components/ui/popover/popover-portal.svelte
new file mode 100644
index 00000000..dd8265fe
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/popover/popover-portal.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from "bits-ui";
+
+	let { ...restProps }: PopoverPrimitive.PortalProps = $props();
+</script>
+
+<PopoverPrimitive.Portal {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/popover/popover-title.svelte b/src/frontend/src/lib/components/ui/popover/popover-title.svelte
new file mode 100644
index 00000000..ee9f2ff5
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/popover/popover-title.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="popover-title"
+	class={cn("font-medium", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/popover/popover-trigger.svelte b/src/frontend/src/lib/components/ui/popover/popover-trigger.svelte
new file mode 100644
index 00000000..586323c7
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/popover/popover-trigger.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { cn } from "$lib/utils.js";
+	import { Popover as PopoverPrimitive } from "bits-ui";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: PopoverPrimitive.TriggerProps = $props();
+</script>
+
+<PopoverPrimitive.Trigger
+	bind:ref
+	data-slot="popover-trigger"
+	class={cn("", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/popover/popover.svelte b/src/frontend/src/lib/components/ui/popover/popover.svelte
new file mode 100644
index 00000000..6b1aa5f9
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/popover/popover.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from "bits-ui";
+
+	let { open = $bindable(false), ...restProps }: PopoverPrimitive.RootProps = $props();
+</script>
+
+<PopoverPrimitive.Root bind:open {...restProps} />
diff --git a/src/frontend/src/lib/components/ui/radio-group/index.ts b/src/frontend/src/lib/components/ui/radio-group/index.ts
new file mode 100644
index 00000000..90b33fe5
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/radio-group/index.ts
@@ -0,0 +1,10 @@
+import Root from "./radio-group.svelte";
+import Item from "./radio-group-item.svelte";
+
+export {
+	Root,
+	Item,
+	//
+	Root as RadioGroup,
+	Item as RadioGroupItem,
+};
diff --git a/src/frontend/src/lib/components/ui/radio-group/radio-group-item.svelte b/src/frontend/src/lib/components/ui/radio-group/radio-group-item.svelte
new file mode 100644
index 00000000..e27c3b0c
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/radio-group/radio-group-item.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+	import CircleIcon from '@lucide/svelte/icons/circle';
+	import { cn, type WithoutChildrenOrChild } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: WithoutChildrenOrChild<RadioGroupPrimitive.ItemProps> = $props();
+</script>
+
+<RadioGroupPrimitive.Item
+	bind:ref
+	data-slot="radio-group-item"
+	class={cn(
+		"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-3 aria-invalid:ring-3 group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50",
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ checked })}
+		<div data-slot="radio-group-indicator" class="flex size-4 items-center justify-center">
+			{#if checked}
+				<CircleIcon class="bg-primary-foreground absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full" />
+			{/if}
+		</div>
+	{/snippet}
+</RadioGroupPrimitive.Item>
diff --git a/src/frontend/src/lib/components/ui/radio-group/radio-group.svelte b/src/frontend/src/lib/components/ui/radio-group/radio-group.svelte
new file mode 100644
index 00000000..9d3dd864
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/radio-group/radio-group.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		value = $bindable(""),
+		...restProps
+	}: RadioGroupPrimitive.RootProps = $props();
+</script>
+
+<RadioGroupPrimitive.Root
+	bind:ref
+	bind:value
+	data-slot="radio-group"
+	class={cn("grid gap-2 w-full", className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/slider/index.ts b/src/frontend/src/lib/components/ui/slider/index.ts
new file mode 100644
index 00000000..820f209c
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/slider/index.ts
@@ -0,0 +1,7 @@
+import Root from "./slider.svelte";
+
+export {
+	Root,
+	//
+	Root as Slider,
+};
diff --git a/src/frontend/src/lib/components/ui/slider/slider.svelte b/src/frontend/src/lib/components/ui/slider/slider.svelte
new file mode 100644
index 00000000..cce1c7c3
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/slider/slider.svelte
@@ -0,0 +1,52 @@
+<script lang="ts">
+	import { Slider as SliderPrimitive } from "bits-ui";
+	import { cn, type WithoutChildrenOrChild } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		orientation = "horizontal",
+		class: className,
+		...restProps
+	}: WithoutChildrenOrChild<SliderPrimitive.RootProps> = $props();
+</script>
+
+<!--
+Discriminated Unions + Destructing (required for bindable) do not
+get along, so we shut typescript up by casting `value` to `never`.
+-->
+<SliderPrimitive.Root
+	bind:ref
+	bind:value={value as never}
+	data-slot="slider"
+	{orientation}
+	class={cn(
+		"data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col",
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ thumbItems })}
+		<span
+			data-slot="slider-track"
+			data-orientation={orientation}
+			class={cn(
+				"bg-muted rounded-full data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1 bg-muted relative grow overflow-hidden data-horizontal:w-full data-vertical:h-full"
+			)}
+		>
+			<SliderPrimitive.Range
+				data-slot="slider-range"
+				class={cn(
+					"bg-primary absolute select-none data-horizontal:h-full data-vertical:w-full"
+				)}
+			/>
+		</span>
+		{#each thumbItems as thumb (thumb.index)}
+			<SliderPrimitive.Thumb
+				data-slot="slider-thumb"
+				index={thumb.index}
+				class="border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50"
+			/>
+		{/each}
+	{/snippet}
+</SliderPrimitive.Root>
diff --git a/src/frontend/src/lib/components/ui/textarea/index.ts b/src/frontend/src/lib/components/ui/textarea/index.ts
index 9ccb3bff..ace797a8 100644
--- a/src/frontend/src/lib/components/ui/textarea/index.ts
+++ b/src/frontend/src/lib/components/ui/textarea/index.ts
@@ -1,7 +1,7 @@
-import Root from './textarea.svelte';
+import Root from "./textarea.svelte";
 
 export {
 	Root,
 	//
-	Root as Textarea
+	Root as Textarea,
 };
diff --git a/src/frontend/src/lib/components/ui/textarea/textarea.svelte b/src/frontend/src/lib/components/ui/textarea/textarea.svelte
index 00ad9f32..2e779ff6 100644
--- a/src/frontend/src/lib/components/ui/textarea/textarea.svelte
+++ b/src/frontend/src/lib/components/ui/textarea/textarea.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { cn, type WithElementRef, type WithoutChildren } from '$lib/utils.js';
-	import type { HTMLTextareaAttributes } from 'svelte/elements';
+	import { cn, type WithElementRef, type WithoutChildren } from "$lib/utils.js";
+	import type { HTMLTextareaAttributes } from "svelte/elements";
 
 	let {
 		ref = $bindable(null),
 		value = $bindable(),
 		class: className,
-		'data-slot': dataSlot = 'textarea',
+		"data-slot": dataSlot = "textarea",
 		...restProps
 	}: WithoutChildren<WithElementRef<HTMLTextareaAttributes>> = $props();
 </script>
@@ -15,7 +15,7 @@
 	bind:this={ref}
 	data-slot={dataSlot}
 	class={cn(
-		'border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50',
+		"border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50",
 		className
 	)}
 	bind:value
diff --git a/src/frontend/src/lib/components/ui/toggle/index.ts b/src/frontend/src/lib/components/ui/toggle/index.ts
new file mode 100644
index 00000000..8cb2936f
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/toggle/index.ts
@@ -0,0 +1,13 @@
+import Root from "./toggle.svelte";
+export {
+	toggleVariants,
+	type ToggleSize,
+	type ToggleVariant,
+	type ToggleVariants,
+} from "./toggle.svelte";
+
+export {
+	Root,
+	//
+	Root as Toggle,
+};
diff --git a/src/frontend/src/lib/components/ui/toggle/toggle.svelte b/src/frontend/src/lib/components/ui/toggle/toggle.svelte
new file mode 100644
index 00000000..8e50317e
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/toggle/toggle.svelte
@@ -0,0 +1,51 @@
+<script lang="ts" module>
+	import { type VariantProps, tv } from "tailwind-variants";
+
+	export const toggleVariants = tv({
+		base: "hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[state=on]:bg-muted gap-1 rounded-lg text-sm font-medium transition-all [&_svg:not([class*='size-'])]:size-4 group/toggle hover:bg-muted inline-flex items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		variants: {
+			variant: {
+				default: "bg-transparent",
+				outline: "border-input hover:bg-muted border bg-transparent",
+			},
+			size: {
+				default: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+				sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+				lg: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+			size: "default",
+		},
+	});
+
+	export type ToggleVariant = VariantProps<typeof toggleVariants>["variant"];
+	export type ToggleSize = VariantProps<typeof toggleVariants>["size"];
+	export type ToggleVariants = VariantProps<typeof toggleVariants>;
+</script>
+
+<script lang="ts">
+	import { Toggle as TogglePrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		pressed = $bindable(false),
+		class: className,
+		size = "default",
+		variant = "default",
+		...restProps
+	}: TogglePrimitive.RootProps & {
+		variant?: ToggleVariant;
+		size?: ToggleSize;
+	} = $props();
+</script>
+
+<TogglePrimitive.Root
+	bind:ref
+	bind:pressed
+	data-slot="toggle"
+	class={cn(toggleVariants({ variant, size }), className)}
+	{...restProps}
+/>
diff --git a/src/frontend/src/lib/components/ui/typography/index.ts b/src/frontend/src/lib/components/ui/typography/index.ts
new file mode 100644
index 00000000..b2fd344c
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/index.ts
@@ -0,0 +1,45 @@
+import H1 from "./typography-h1.svelte";
+import H2 from "./typography-h2.svelte";
+import H3 from "./typography-h3.svelte";
+import H4 from "./typography-h4.svelte";
+import P from "./typography-p.svelte";
+import Blockquote from "./typography-blockquote.svelte";
+import TableWrapper from "./typography-table.svelte";
+import Ul from "./typography-ul.svelte";
+import Ol from "./typography-ol.svelte";
+import InlineCode from "./typography-inline-code.svelte";
+import Lead from "./typography-lead.svelte";
+import Large from "./typography-large.svelte";
+import Small from "./typography-small.svelte";
+import Mutated from "./typography-muted.svelte";
+
+export {
+    H1,
+    H2,
+    H3,
+    H4,
+    P,
+    Blockquote,
+    TableWrapper,
+    Ul,
+    Ol,
+    InlineCode,
+    Lead,
+    Large,
+    Small,
+    Mutated,
+    H1 as TypographyH1,
+    H2 as TypographyH2,
+    H3 as TypographyH3,
+    H4 as TypographyH4,
+    P as TypographyP,
+    Blockquote as TypographyBlockquote,
+    TableWrapper as TypographyTable,
+    Ul as TypographyUl,
+    Ol as TypographyOl,
+    InlineCode as TypographyInlineCode,
+    Lead as TypographyLead,
+    Large as TypographyLarge,
+    Small as TypographySmall,
+    Mutated as TypographyMuted,
+};
diff --git a/src/frontend/src/lib/components/ui/typography/typography-blockquote.svelte b/src/frontend/src/lib/components/ui/typography/typography-blockquote.svelte
new file mode 100644
index 00000000..f057130e
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/typography-blockquote.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn } from "$lib/utils.js";
+    let { class: className, children, ...restProps }: HTMLAttributes<HTMLQuoteElement> = $props();
+</script>
+
+<blockquote
+    {...restProps}
+    class={cn("mt-6 border-l-2 pl-6 italic", className)}
+>
+    {@render children?.()}
+</blockquote>
diff --git a/src/frontend/src/lib/components/ui/typography/typography-h1.svelte b/src/frontend/src/lib/components/ui/typography/typography-h1.svelte
new file mode 100644
index 00000000..c5ac5c24
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/typography-h1.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn } from "$lib/utils.js";
+    let { class: className, children, ...restProps }: HTMLAttributes<HTMLHeadingElement> = $props();
+</script>
+
+<h1
+    {...restProps}
+    class={cn(
+        "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",
+        className
+    )}
+>
+    {@render children?.()}
+</h1>
diff --git a/src/frontend/src/lib/components/ui/typography/typography-h2.svelte b/src/frontend/src/lib/components/ui/typography/typography-h2.svelte
new file mode 100644
index 00000000..00070ce0
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/typography-h2.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn } from "$lib/utils.js";
+    let { class: className, children, ...restProps }: HTMLAttributes<HTMLHeadingElement> = $props();
+</script>
+
+<h2
+    {...restProps}
+    class={cn(
+        "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:border-none",
+        className
+    )}
+>
+    {@render children?.()}
+</h2>
diff --git a/src/frontend/src/lib/components/ui/typography/typography-h3.svelte b/src/frontend/src/lib/components/ui/typography/typography-h3.svelte
new file mode 100644
index 00000000..8865b134
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/typography-h3.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn } from "$lib/utils.js";
+    let { class: className, children, ...restProps }: HTMLAttributes<HTMLHeadingElement> = $props();
+</script>
+
+<h3
+    {...restProps}
+    class={cn("scroll-m-20 text-2xl font-semibold tracking-tight", className)}
+>
+    {@render children?.()}
+</h3>
diff --git a/src/frontend/src/lib/components/ui/typography/typography-h4.svelte b/src/frontend/src/lib/components/ui/typography/typography-h4.svelte
new file mode 100644
index 00000000..d3f02b14
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/typography-h4.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn } from "$lib/utils.js";
+    let { class: className, children, ...restProps }: HTMLAttributes<HTMLHeadingElement> = $props();
+</script>
+
+<h4
+    {...restProps}
+    class={cn("scroll-m-20 text-xl font-semibold tracking-tight", className)}
+>
+    {@render children?.()}
+</h4>
diff --git a/src/frontend/src/lib/components/ui/typography/typography-inline-code.svelte b/src/frontend/src/lib/components/ui/typography/typography-inline-code.svelte
new file mode 100644
index 00000000..d4287338
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/typography-inline-code.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn } from "$lib/utils.js";
+    let { class: className, children, ...restProps }: HTMLAttributes<HTMLElement> = $props();
+</script>
+
+<code
+    {...restProps}
+    class={cn(
+        "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
+        className
+    )}
+>
+    {@render children?.()}
+</code>
diff --git a/src/frontend/src/lib/components/ui/typography/typography-large.svelte b/src/frontend/src/lib/components/ui/typography/typography-large.svelte
new file mode 100644
index 00000000..dd744d52
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/typography-large.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn } from "$lib/utils.js";
+    let { class: className, children, ...restProps }: HTMLAttributes<HTMLDivElement> = $props();
+</script>
+
+<div
+    {...restProps}
+    class={cn("text-xl font-semibold", className)}
+>
+    {@render children?.()}
+</div>
diff --git a/src/frontend/src/lib/components/ui/typography/typography-lead.svelte b/src/frontend/src/lib/components/ui/typography/typography-lead.svelte
new file mode 100644
index 00000000..16488cdb
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/typography-lead.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn } from "$lib/utils.js";
+    let { class: className, children, ...restProps }: HTMLAttributes<HTMLParagraphElement> = $props();
+</script>
+
+<p
+    {...restProps}
+    class={cn("text-xl text-muted-foreground", className)}
+>
+    {@render children?.()}
+</p>
diff --git a/src/frontend/src/lib/components/ui/typography/typography-muted.svelte b/src/frontend/src/lib/components/ui/typography/typography-muted.svelte
new file mode 100644
index 00000000..6cedcffd
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/typography-muted.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn } from "$lib/utils.js";
+    let { class: className, children, ...restProps }: HTMLAttributes<HTMLParagraphElement> = $props();
+</script>
+
+<p
+    {...restProps}
+    class={cn("text-sm text-muted-foreground", className)}
+>
+    {@render children?.()}
+</p>
diff --git a/src/frontend/src/lib/components/ui/typography/typography-ol.svelte b/src/frontend/src/lib/components/ui/typography/typography-ol.svelte
new file mode 100644
index 00000000..def9d3e9
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/typography-ol.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn } from "$lib/utils.js";
+    let { class: className, children, ...restProps }: HTMLAttributes<HTMLOListElement> = $props();
+</script>
+
+<ol
+    {...restProps}
+    class={cn("my-6 ml-6 list-decimal [&>li]:mt-2", className)}
+>
+    {@render children?.()}
+</ol>
diff --git a/src/frontend/src/lib/components/ui/typography/typography-p.svelte b/src/frontend/src/lib/components/ui/typography/typography-p.svelte
new file mode 100644
index 00000000..42c81204
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/typography-p.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn } from "$lib/utils.js";
+    let { class: className, children, ...restProps }: HTMLAttributes<HTMLParagraphElement> = $props();
+</script>
+
+<p
+    {...restProps}
+    class={cn("leading-7 [&:not(:first-child)]:mt-6", className)}
+>
+    {@render children?.()}
+</p>
diff --git a/src/frontend/src/lib/components/ui/typography/typography-small.svelte b/src/frontend/src/lib/components/ui/typography/typography-small.svelte
new file mode 100644
index 00000000..22d628ba
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/typography-small.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn } from "$lib/utils.js";
+    let { class: className, children, ...restProps }: HTMLAttributes<HTMLElement> = $props();
+</script>
+
+<small
+    {...restProps}
+    class={cn("text-sm font-medium leading-none", className)}
+>
+    {@render children?.()}
+</small>
diff --git a/src/frontend/src/lib/components/ui/typography/typography-table.svelte b/src/frontend/src/lib/components/ui/typography/typography-table.svelte
new file mode 100644
index 00000000..5426edce
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/typography-table.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn } from "$lib/utils.js";
+    let { class: className, children, ...restProps }: HTMLAttributes<HTMLTableElement> = $props();
+</script>
+
+<div class={cn("my-6 w-full overflow-y-auto", className)}>
+    <table {...restProps}>
+        {@render children?.()}
+    </table>
+</div>
diff --git a/src/frontend/src/lib/components/ui/typography/typography-ul.svelte b/src/frontend/src/lib/components/ui/typography/typography-ul.svelte
new file mode 100644
index 00000000..206a46b1
--- /dev/null
+++ b/src/frontend/src/lib/components/ui/typography/typography-ul.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { HTMLAttributes } from 'svelte/elements';
+    import { cn } from "$lib/utils.js";
+    let { class: className, children, ...restProps }: HTMLAttributes<HTMLUListElement> = $props();
+</script>
+
+<ul
+    {...restProps}
+    class={cn("my-6 ml-6 list-disc [&>li]:mt-2", className)}
+>
+    {@render children?.()}
+</ul>
diff --git a/src/frontend/src/lib/consts/backend.ts b/src/frontend/src/lib/consts/backend.ts
index 5e8353e9..f9962466 100644
--- a/src/frontend/src/lib/consts/backend.ts
+++ b/src/frontend/src/lib/consts/backend.ts
@@ -62,10 +62,10 @@ export class Api {
 
 	// --- Parameterized Routes ---
 	static FILE_INFO(slug: string) {
-		return this.#url(`information/${slug}`);
+		return this.#url(`files/info/${slug}`);
 	}
 	static DOWNLOAD(slug: string) {
-		return this.#url(`download/${slug}`);
+		return this.#url(`files/${slug}`);
 	}
 
 	// --- Admin Namespace ---
diff --git a/src/frontend/src/lib/consts/concurrency.ts b/src/frontend/src/lib/consts/concurrency.ts
index ed577da3..76152737 100644
--- a/src/frontend/src/lib/consts/concurrency.ts
+++ b/src/frontend/src/lib/consts/concurrency.ts
@@ -1 +1 @@
-export const WORKER_CONCURRENCY = Math.max(1, navigator?.hardwareConcurrency * 2 || 4); // bound to cpu
+export const WORKER_CONCURRENCY = 1; // Rust wasm_thread handles all multi-core parallelism
diff --git a/src/frontend/src/lib/consts/encryption.ts b/src/frontend/src/lib/consts/encryption.ts
index 5b90fa78..e55cfedc 100644
--- a/src/frontend/src/lib/consts/encryption.ts
+++ b/src/frontend/src/lib/consts/encryption.ts
@@ -1,8 +1,7 @@
 // Deterministic derivation constants
-export var HKDF_SALT_STR = 'chithi-salt-v1';
-export var HKDF_IV_STR = 'chithi-iv-v1';
+export const HKDF_SALT_STR = 'chithi-salt-v1';
+export const HKDF_IV_STR = 'chithi-iv-v1';
 
-// Argon2 parameter defaults and safety cap
-export var MAX_ARGON2_MEMORY_KIB = 512 * 1024 - 1; // cap: <512 MiB in KiB units
-export var DEFAULT_ARGON2_MEMORY_KIB = 64 * 1024; // 64 MiB default
-export var DEFAULT_ARGON2_ITERATIONS = 8;
+export const MAX_ARGON2_MEMORY_KIB = 512 * 1024 - 1; // cap: <512 MiB in KiB units
+export const DEFAULT_ARGON2_MEMORY_KIB = 64 * 1024; // 64 MiB default
+export const DEFAULT_ARGON2_ITERATIONS = 8;
diff --git a/src/frontend/src/lib/database/index.ts b/src/frontend/src/lib/database/index.ts
index b823ad57..adb20c9c 100644
--- a/src/frontend/src/lib/database/index.ts
+++ b/src/frontend/src/lib/database/index.ts
@@ -1,153 +1,72 @@
-import { writable } from 'svelte/store';
+import type { UploadEntry } from './types';
+import { syncEntries } from './recent-uploads.svelte';
 
-const DB_NAME = 'chithi_db';
-const STORE_NAME = 'uploads';
-const DB_VERSION = 1;
+const DB = 'chithi_db', STORE = 'uploads', VER = 1;
 
-export interface UploadEntry {
-	id: string;
-	name: string;
-	link: string;
-	expiry: number;
-	downloadLimit: string;
-	downloadCount?: number;
-	createdAt: number;
-	size: string;
-}
+const openDB = () => new Promise<IDBDatabase>((resolve, reject) => {
+  const req = indexedDB.open(DB, VER);
+  req.onerror = () => reject(req.error);
+  req.onsuccess = () => resolve(req.result);
+  req.onupgradeneeded = (e) => { const db = (e.target as IDBOpenDBRequest).result; if (!db.objectStoreNames.contains(STORE)) db.createObjectStore(STORE, { keyPath: 'id' }); };
+});
 
-export const recentUploads = writable<UploadEntry[]>([]);
+const waitTx = (tx: IDBTransaction) => new Promise<void>((resolve, reject) => {
+  tx.oncomplete = () => resolve();
+  tx.onerror = () => reject(tx.error);
+});
 
-const openDB = (): Promise<IDBDatabase> => {
-	if (typeof indexedDB === 'undefined') {
-		return Promise.reject(new Error('IndexedDB is not supported'));
-	}
-	return new Promise((resolve, reject) => {
-		const request = indexedDB.open(DB_NAME, DB_VERSION);
-		request.onerror = () => reject(request.error);
-		request.onsuccess = () => resolve(request.result);
-		request.onupgradeneeded = (event) => {
-			const db = (event.target as IDBOpenDBRequest).result;
-			if (!db.objectStoreNames.contains(STORE_NAME)) {
-				db.createObjectStore(STORE_NAME, { keyPath: 'id' });
-			}
-		};
-	});
-};
-
-export const getHistory = async (): Promise<UploadEntry[]> => {
-	try {
-		const db = await openDB();
-		const tx = db.transaction(STORE_NAME, 'readonly');
-		const store = tx.objectStore(STORE_NAME);
-		const request = store.getAll();
-
-		return new Promise((resolve, reject) => {
-			request.onsuccess = () => {
-				const entries = request.result as UploadEntry[];
-				const now = Date.now();
-				// Return only non-expired entries
-				resolve(
-					entries
-						.filter((e) => e.expiry > now)
-						.map((e) => {
-							// Normalize legacy links that used a query parameter into fragment form
-							if (e.link.includes('?secret=')) {
-								e.link = e.link.replace('?secret=', '#');
-							}
-							return e;
-						})
-						.sort((a, b) => b.createdAt - a.createdAt)
-				);
-			};
-			request.onerror = () => reject(request.error);
-		});
-	} catch (err) {
-		console.error('Failed to load history', err);
-		return [];
-	}
-};
+const refresh = async () => { const entries = await getHistory(); syncEntries(entries); };
 
-const refreshStore = async () => {
-	const entries = await getHistory();
-	recentUploads.set(entries);
+const write = async <T>(fn: (store: IDBObjectStore) => Promise<T>) => {
+  const db = await openDB();
+  const tx = db.transaction(STORE, 'readwrite');
+  await fn(tx.objectStore(STORE));
+  await waitTx(tx);
+  await refresh();
 };
 
-export const addHistoryEntry = async (entry: UploadEntry) => {
-	try {
-		const db = await openDB();
-		const tx = db.transaction(STORE_NAME, 'readwrite');
-		const store = tx.objectStore(STORE_NAME);
-		store.add(entry);
-		await new Promise((resolve) => (tx.oncomplete = resolve));
-		await refreshStore();
-	} catch (err) {
-		console.error('Failed to add history entry', err);
-		throw err;
-	}
-};
+const now = () => Temporal.Now.instant().epochMilliseconds;
 
-export const deleteHistoryEntry = async (id: string) => {
-	try {
-		const db = await openDB();
-		const tx = db.transaction(STORE_NAME, 'readwrite');
-		const store = tx.objectStore(STORE_NAME);
-		store.delete(id);
-		await new Promise((resolve) => (tx.oncomplete = resolve));
-		await refreshStore();
-	} catch (err) {
-		console.error('Failed to delete history entry', err);
-		throw err;
-	}
+export const getHistory = async (): Promise<UploadEntry[]> => {
+  try {
+    const db = await openDB();
+    const tx = db.transaction(STORE, 'readonly');
+    return new Promise((resolve, reject) => {
+      const req = tx.objectStore(STORE).getAll();
+      req.onsuccess = () => {
+        const t = now();
+        for (const e of req.result as UploadEntry[]) if (e.link.includes('?secret=')) e.link = e.link.replace('?secret=', '#');
+        resolve(req.result.filter((e: UploadEntry) => e.expiry > t).sort((a: UploadEntry, b: UploadEntry) => b.createdAt - a.createdAt));
+      };
+      req.onerror = () => reject(req.error);
+    });
+  } catch { return []; }
 };
 
-export const cleanupExpiredEntries = async () => {
-	try {
-		const db = await openDB();
-		const tx = db.transaction(STORE_NAME, 'readwrite');
-		const store = tx.objectStore(STORE_NAME);
-		const request = store.getAll();
-
-		await new Promise<void>((resolve, reject) => {
-			request.onsuccess = () => {
-				const entries = request.result as UploadEntry[];
-				const now = Date.now();
-				entries.forEach((entry) => {
-					if (entry.expiry <= now) {
-						store.delete(entry.id);
-					}
-				});
-			};
-			tx.oncomplete = () => resolve();
-			tx.onerror = () => reject(tx.error);
-		});
-		await refreshStore();
-	} catch (err) {
-		console.error('Failed to cleanup history', err);
-	}
+const withError = async <T>(name: string, fn: () => Promise<T>): Promise<T | void> => {
+  try { return await fn(); } catch (err) { console.error(`Failed to ${name}`, err); if (name !== 'cleanup history') throw err; }
 };
 
-export const updateHistoryEntry = async (id: string, updates: Partial<UploadEntry>) => {
-	try {
-		const db = await openDB();
-		const tx = db.transaction(STORE_NAME, 'readwrite');
-		const store = tx.objectStore(STORE_NAME);
-		const request = store.get(id);
-
-		await new Promise<void>((resolve, reject) => {
-			request.onsuccess = () => {
-				const entry = request.result as UploadEntry;
-				if (entry) {
-					const updatedEntry = { ...entry, ...updates };
-					store.put(updatedEntry);
-				}
-				resolve();
-			};
-			request.onerror = () => reject(request.error);
-			tx.oncomplete = () => resolve();
-		});
-		await refreshStore();
-	} catch (err) {
-		console.error('Failed to update history entry', err);
-		throw err;
-	}
-};
+export const addHistoryEntry = (entry: UploadEntry) => withError('add history entry', () => write(async (s) => {
+  await new Promise<void>((resolve, reject) => {
+    const req = s.add(entry);
+    req.onsuccess = () => resolve();
+    req.onerror = () => reject(req.error);
+  });
+}));
+export const deleteHistoryEntry = (id: string) => withError('delete history entry', () => write(async (s) => {
+  await new Promise<void>((resolve, reject) => {
+    const req = s.delete(id);
+    req.onsuccess = () => resolve();
+    req.onerror = () => reject(req.error);
+  });
+}));
+export const updateHistoryEntry = (id: string, updates: Partial<UploadEntry>) => withError('update history entry', () => write(async (s) => {
+  const entry = await new Promise<UploadEntry>((r, j) => { const req = s.get(id); req.onsuccess = () => r(req.result); req.onerror = () => j(req.error); });
+  if (entry) s.put({ ...entry, ...updates });
+}));
+export const cleanupExpiredEntries = () => withError('cleanup history', () => write(async (s) => {
+  const entries = await new Promise<UploadEntry[]>((r, j) => { const req = s.getAll(); req.onsuccess = () => r(req.result); req.onerror = () => j(req.error); });
+  const t = now();
+  for (const e of entries) if (e.expiry <= t) s.delete(e.id);
+}));
diff --git a/src/frontend/src/lib/database/recent-uploads.svelte.ts b/src/frontend/src/lib/database/recent-uploads.svelte.ts
new file mode 100644
index 00000000..cc4f7e37
--- /dev/null
+++ b/src/frontend/src/lib/database/recent-uploads.svelte.ts
@@ -0,0 +1,10 @@
+import type { UploadEntry } from './types';
+
+let list = $state<UploadEntry[]>([]);
+
+export const recentUploads = {
+  get entries(): UploadEntry[] { return list; },
+  clear() { list = []; },
+};
+
+export const syncEntries = (entries: UploadEntry[]) => { list = entries; };
diff --git a/src/frontend/src/lib/database/types.ts b/src/frontend/src/lib/database/types.ts
new file mode 100644
index 00000000..d1da346d
--- /dev/null
+++ b/src/frontend/src/lib/database/types.ts
@@ -0,0 +1,10 @@
+export interface UploadEntry {
+	id: string;
+	name: string;
+	link: string;
+	expiry: number;
+	downloadLimit: string;
+	downloadCount?: number;
+	createdAt: number;
+	size: string;
+}
diff --git a/src/frontend/src/lib/errors/password.ts b/src/frontend/src/lib/errors/password.ts
new file mode 100644
index 00000000..cee40f02
--- /dev/null
+++ b/src/frontend/src/lib/errors/password.ts
@@ -0,0 +1,6 @@
+export class PasswordRequiredError extends Error {
+	constructor() {
+		super('Password required for decryption');
+		this.name = 'PasswordRequiredError';
+	}
+}
diff --git a/src/frontend/src/lib/functions/browser-download.ts b/src/frontend/src/lib/functions/browser-download.ts
new file mode 100644
index 00000000..1a8c6e2e
--- /dev/null
+++ b/src/frontend/src/lib/functions/browser-download.ts
@@ -0,0 +1,9 @@
+/** Trigger a browser download via a temporary <a> element */
+export const autoDownload = (url: string, filename: string) => {
+	const a = document.createElement('a');
+	a.href = url;
+	a.download = filename;
+	document.body.appendChild(a);
+	a.click();
+	document.body.removeChild(a);
+};
diff --git a/src/frontend/src/lib/functions/bytes.test.ts b/src/frontend/src/lib/functions/bytes.test.ts
new file mode 100644
index 00000000..1aaa244b
--- /dev/null
+++ b/src/frontend/src/lib/functions/bytes.test.ts
@@ -0,0 +1,82 @@
+import { describe, it, expect } from 'vitest';
+import { formatBytes, formatFileSize, bytesToNumber, B_VALS } from './bytes';
+
+describe('formatBytes', () => {
+    it('should return 0 MB for zero bytes', () => {
+        expect(formatBytes(0)).toEqual({ val: 0, unit: 'MB' });
+    });
+
+    it('should format bytes', () => {
+        const result = formatBytes(500);
+        expect(result.unit).toBe('Bytes');
+        expect(result.val).toBe(500);
+    });
+
+    it('should format kilobytes', () => {
+        const result = formatBytes(1536); // 1.5 KB
+        expect(result.unit).toBe('KB');
+        expect(result.val).toBe(1.5);
+    });
+
+    it('should format megabytes', () => {
+        const result = formatBytes(1572864); // 1.5 MB
+        expect(result.unit).toBe('MB');
+        expect(result.val).toBe(1.5);
+    });
+
+    it('should format gigabytes', () => {
+        const result = formatBytes(1610612736); // 1.5 GB
+        expect(result.unit).toBe('GB');
+        expect(result.val).toBe(1.5);
+    });
+
+    it('should format terabytes', () => {
+        const result = formatBytes(1649267441664); // 1.5 TB
+        expect(result.unit).toBe('TB');
+        expect(result.val).toBe(1.5);
+    });
+});
+
+describe('formatFileSize', () => {
+    it('should return "0 Bytes" for zero', () => {
+        expect(formatFileSize(0)).toBe('0 Bytes');
+    });
+
+    it('should format with unit name', () => {
+        expect(formatFileSize(1024)).toBe('1 KB');
+        expect(formatFileSize(1048576)).toBe('1 MB');
+    });
+
+    it('should format partial units', () => {
+        expect(formatFileSize(1536)).toBe('1.5 KB');
+    });
+
+    it('should format large files', () => {
+        const result = formatFileSize(2147483648); // 2 GB
+        expect(result).toBe('2 GB');
+    });
+});
+
+describe('bytesToNumber', () => {
+    it('should convert KB to bytes', () => {
+        expect(bytesToNumber(1, 'KB')).toBe(1024);
+    });
+
+    it('should convert MB to bytes', () => {
+        expect(bytesToNumber(1, 'MB')).toBe(1048576);
+    });
+
+    it('should convert GB to bytes', () => {
+        expect(bytesToNumber(1, 'GB')).toBe(1073741824);
+    });
+
+    it('should handle fractional values', () => {
+        const result = bytesToNumber(1.5, 'MB');
+        expect(result).toBe(1572864);
+    });
+
+    it('should floor the result', () => {
+        const result = bytesToNumber(1.999, 'KB');
+        expect(result).toBe(2046); // 1.999 * 1024 = 2046.976, floored to 2046
+    });
+});
diff --git a/src/frontend/src/lib/functions/bytes.ts b/src/frontend/src/lib/functions/bytes.ts
index 64a01709..319f01a2 100644
--- a/src/frontend/src/lib/functions/bytes.ts
+++ b/src/frontend/src/lib/functions/bytes.ts
@@ -10,23 +10,19 @@ export type ByteUnit = keyof typeof B_VALS;
 
 const BYTE_UNITS = Object.keys(B_VALS) as ByteUnit[];
 
-export const formatBytes = (bytes: number): { val: number; unit: ByteUnit } => {
-	if (!bytes) return { val: 0, unit: 'MB' };
-
-	const i = Math.floor(Math.log(bytes) / Math.log(1024));
-
-	return {
-		val: +(bytes / 1024 ** i).toFixed(2),
-		unit: BYTE_UNITS[i]
-	};
+const byteInfo = (bytes: number): { val: number; unit: ByteUnit } => {
+	const i = Math.floor(Math.log2(bytes) / 10);
+	return { val: +(bytes / 1024 ** i).toFixed(2), unit: BYTE_UNITS[i] };
 };
 
-export const bytesToNumber = (value: number, unit: ByteUnit) => Math.floor(value * B_VALS[unit]);
+export const formatBytes = (bytes: number): { val: number; unit: ByteUnit } =>
+	!bytes ? { val: 0, unit: 'MB' } : byteInfo(bytes);
+
+export const bytesToNumber = (value: number, unit: ByteUnit): number =>
+	Math.floor(value * B_VALS[unit]);
 
 export const formatFileSize = (bytes: number): string => {
 	if (!bytes) return '0 Bytes';
-
-	const i = Math.floor(Math.log(bytes) / Math.log(1024));
-
-	return `${+(bytes / 1024 ** i).toFixed(2)} ${BYTE_UNITS[i]}`;
-};
+	const { val, unit } = byteInfo(bytes);
+	return `${val} ${unit}`;
+}
diff --git a/src/frontend/src/lib/functions/dates.ts b/src/frontend/src/lib/functions/dates.ts
new file mode 100644
index 00000000..58b20bf5
--- /dev/null
+++ b/src/frontend/src/lib/functions/dates.ts
@@ -0,0 +1,18 @@
+function toZdt(instant: Temporal.Instant) {
+  return instant.toZonedDateTimeISO(Temporal.Now.timeZoneId());
+}
+
+export function formatDate(value: string | number | undefined, options?: Intl.DateTimeFormatOptions): string {
+  if (!value) return 'N/A';
+  try {
+    const instant = Temporal.Instant.from(String(value));
+    return toZdt(instant).toLocaleString('en-US', { dateStyle: 'medium', timeStyle: 'short', ...options });
+  } catch { return 'N/A'; }
+}
+
+export function formatDateLong(ts: number): string {
+  try {
+    const instant = Temporal.Instant.from(ts.toString());
+    return toZdt(instant).toLocaleString('en-US', { dateStyle: 'long', timeStyle: 'short' });
+  } catch { return 'N/A'; }
+}
diff --git a/src/frontend/src/lib/functions/download.ts b/src/frontend/src/lib/functions/download.ts
index e6f19602..a2b54d39 100644
--- a/src/frontend/src/lib/functions/download.ts
+++ b/src/frontend/src/lib/functions/download.ts
@@ -1,149 +1,19 @@
-import { Api } from '#consts/backend';
-import { createDecryptedStream } from '#functions/streams';
-import { ZipReader } from '@zip.js/zip.js';
-
-export class PasswordRequiredError extends Error {
-	constructor() {
-		super('Password required for decryption');
-		this.name = 'PasswordRequiredError';
-	}
-}
-
-export async function downloadAndDecryptFile(
-	slug: string,
-	key: string,
-	password: string,
-	filename: string,
-	fileSize: number,
-	_numberOfFiles: number,
-	onProgress: (percent: number) => void
-) {
-	const res = await fetch(Api.DOWNLOAD(slug));
-	if (!res.ok) throw new Error('Download failed');
-	if (!res.body) throw new Error('No response body');
-
-	const totalSize = fileSize;
-	let loaded = 0;
-
-	const reader = res.body.getReader();
-	const streamWithProgress = new ReadableStream({
-		async pull(controller) {
-			try {
-				const { done, value } = await reader.read();
-				if (done) {
-					controller.close();
-					return;
-				}
-				loaded += value.byteLength;
-				if (totalSize > 0) {
-					onProgress(Math.round((loaded / totalSize) * 100));
-				}
-				controller.enqueue(value);
-			} catch (e) {
-				controller.error(e);
-				throw e;
-			}
-		},
-		cancel(reason) {
-			return reader.cancel(reason);
-		}
-	});
-
-	const { stream: decryptedStream } = await createDecryptedStream(
-		streamWithProgress,
-		key,
-		password
-	);
-
-	const decReader = decryptedStream.getReader();
-	let firstChunk: Uint8Array | undefined;
-	let isDone = false;
-
-	try {
-		const { done, value } = await decReader.read();
-		isDone = done;
-		if (!done) firstChunk = value;
-	} catch (e: any) {
-		if (e.name === 'OperationError') {
-			await reader.cancel('Wrong password');
-			throw new PasswordRequiredError();
-		}
-		throw e;
-	}
-
-	const verifiedStream = new ReadableStream({
-		async start(controller) {
-			if (firstChunk) controller.enqueue(firstChunk);
-			if (isDone) controller.close();
-		},
-		async pull(controller) {
-			const { done, value } = await decReader.read();
-			if (done) {
-				controller.close();
-				return;
-			}
-			controller.enqueue(value);
-		},
-		cancel(reason) {
-			return decReader.cancel(reason);
-		}
-	});
-
-	let finalStream = verifiedStream;
-	let finalDownloadName = filename.toLowerCase().endsWith('.zip') ? filename : `${filename}.zip`;
-
-	const zipReader = new ZipReader(verifiedStream);
-	let entries;
-	try {
-		entries = await zipReader.getEntries();
-	} catch (err) {
-		await zipReader.close();
-		throw err;
-	}
-
-	const firstEntry = entries.find((e) => !e.directory);
-	if (!firstEntry) {
-		await zipReader.close();
-		throw new Error('No files found in the archive');
-	}
-
-	finalDownloadName = firstEntry.filename.split(/[/\\]/).pop() || firstEntry.filename;
-	const { readable, writable } = new TransformStream();
-	// Start extracting in the background
-	firstEntry
-		.getData(writable, { password: password?.length ? password : undefined })
-		.then(() => zipReader.close())
-		.catch((err) => {
-			console.error('Failed to extract:', err);
-			writable.abort(err);
-			zipReader.close().catch(() => undefined);
-		});
-	finalStream = readable;
-
-	const chunks: Uint8Array[] = [];
-	const finalReader = finalStream.getReader();
-	while (true) {
-		const { done, value } = await finalReader.read();
-		if (done) break;
-		chunks.push(value);
-	}
-	const blob = new Blob(chunks as any);
-
-	if ((window as any).showSaveFilePicker) {
-		const handle = await (window as any).showSaveFilePicker({
-			suggestedName: finalDownloadName
-		});
-		const writable = await handle.createWritable();
-		await blob.stream().pipeTo(writable);
-	} else {
-		const url = window.URL.createObjectURL(blob);
-		const a = document.createElement('a');
-		a.href = url;
-		a.download = finalDownloadName;
-		a.style.display = 'none';
-		document.body.appendChild(a);
-		a.click();
-		window.URL.revokeObjectURL(url);
-		document.body.removeChild(a);
-	}
+import { autoDownload } from '#functions/browser-download';
+import { fetchDecryptedBlob } from '#functions/fetch-decrypt';
+import { validateZipBlob } from '#functions/zip-validate';
+
+export async function downloadAndDecryptFile(slug: string, key: string, password: string, filename: string, fileSize: number, _numberOfFiles: number, onProgress: (p: number) => void) {
+  const blob = await fetchDecryptedBlob(slug, key, password, { knownSize: fileSize, onProgress });
+  await validateZipBlob(blob);
+
+  const downloadName = filename.toLowerCase().endsWith('.zip') ? filename : `${filename}.zip`;
+
+  if ((window as any).showSaveFilePicker) {
+    const handle = await (window as any).showSaveFilePicker({ suggestedName: downloadName });
+    await blob.stream().pipeTo(await handle.createWritable());
+  } else {
+    const url = URL.createObjectURL(blob);
+    autoDownload(url, downloadName);
+    URL.revokeObjectURL(url);
+  }
 }
diff --git a/src/frontend/src/lib/functions/encryption.client.test.ts b/src/frontend/src/lib/functions/encryption.client.test.ts
new file mode 100644
index 00000000..7983e0cf
--- /dev/null
+++ b/src/frontend/src/lib/functions/encryption.client.test.ts
@@ -0,0 +1,195 @@
+import { describe, it, expect, beforeAll } from 'vitest';
+import {
+    bytesToBase64,
+    base64ToBytes,
+    base64url,
+    base64urlToBytes,
+    xorBytes,
+} from './encryption';
+
+describe('base64 utilities', () => {
+    it('should encode and decode bytes roundtrip', () => {
+        const original = new Uint8Array([1, 2, 3, 255, 0, 128]);
+        const encoded = bytesToBase64(original);
+        const decoded = base64ToBytes(encoded);
+        expect(decoded).toEqual(original);
+    });
+
+    it('should handle empty input', () => {
+        const empty = new Uint8Array([]);
+        expect(bytesToBase64(empty)).toBe('');
+        expect(base64ToBytes('')).toEqual(empty);
+    });
+
+    it('should produce standard base64 output', () => {
+        const input = new Uint8Array([97, 100, 109, 105, 110]); // "admin"
+        expect(bytesToBase64(input)).toBe('YWRtaW4=');
+    });
+});
+
+describe('base64url utilities', () => {
+    it('should encode and decode roundtrip', () => {
+        const original = new Uint8Array([1, 2, 3, 255, 0, 128, 64]);
+        const encoded = base64url(original);
+        const decoded = base64urlToBytes(encoded);
+        expect(decoded).toEqual(original);
+    });
+
+    it('should replace + with - and / with _', () => {
+        const input = new Uint8Array([0xfb, 0xff, 0xff]); // produces + and / in standard base64
+        const encoded = base64url(input);
+        expect(encoded).not.toContain('+');
+        expect(encoded).not.toContain('/');
+        expect(encoded).not.toContain('=');
+    });
+
+    it('should strip padding', () => {
+        const input = new Uint8Array([1, 2, 3]);
+        const encoded = base64url(input);
+        expect(encoded.endsWith('=')).toBe(false);
+    });
+
+    it('should handle empty input', () => {
+        const empty = new Uint8Array([]);
+        expect(base64url(empty)).toBe('');
+        expect(base64urlToBytes('')).toEqual(empty);
+    });
+});
+
+describe('xorBytes', () => {
+    it('should xor two equal-length arrays', () => {
+        const a = new Uint8Array([0xff, 0x0f, 0xf0]);
+        const b = new Uint8Array([0xf0, 0xf0, 0x0f]);
+        const result = xorBytes(a, b);
+        expect(result).toEqual(new Uint8Array([0x0f, 0xff, 0xff]));
+    });
+
+    it('should xor with self to produce zeros', () => {
+        const a = new Uint8Array([1, 2, 3, 4, 5]);
+        const result = xorBytes(a, a);
+        expect(result).toEqual(new Uint8Array([0, 0, 0, 0, 0]));
+    });
+
+    it('should handle different length arrays', () => {
+        const a = new Uint8Array([1, 2, 3, 4, 5]);
+        const b = new Uint8Array([1, 2]);
+        const result = xorBytes(a, b);
+        expect(result.length).toBe(5);
+        expect(result[0]).toBe(0); // 1 ^ 1
+        expect(result[1]).toBe(0); // 2 ^ 2
+        expect(result[2]).toBe(3); // 3 ^ 0
+    });
+
+    it('should xor with empty array to produce identity', () => {
+        const a = new Uint8Array([42, 99]);
+        const b = new Uint8Array([]);
+        const result = xorBytes(a, b);
+        expect(result).toEqual(a);
+    });
+});
+
+describe('XChaCha20-Poly1305 encryption roundtrip via WASM', async () => {
+    const { ensureInitialized, wasmEncryptChunk, wasmDecryptChunk, wasmGetChunkNonce } = await import('#wasm/chithi_wasm');
+
+    beforeAll(async () => {
+        await ensureInitialized();
+    });
+
+    it('should encrypt and decrypt a chunk', () => {
+        const key = crypto.getRandomValues(new Uint8Array(32));
+        const nonce = crypto.getRandomValues(new Uint8Array(24));
+        const plaintext = new TextEncoder().encode('Hello, encrypted world!');
+
+        const encrypted = wasmEncryptChunk(plaintext, key, nonce);
+        const decrypted = wasmDecryptChunk(encrypted, key, nonce);
+        expect(new TextDecoder().decode(decrypted)).toBe('Hello, encrypted world!');
+    });
+
+    it('should produce ciphertext longer than plaintext (auth tag)', () => {
+        const key = crypto.getRandomValues(new Uint8Array(32));
+        const nonce = crypto.getRandomValues(new Uint8Array(24));
+        const plaintext = new Uint8Array([1, 2, 3, 4, 5]);
+
+        const encrypted = wasmEncryptChunk(plaintext, key, nonce);
+        expect(encrypted.length).toBe(plaintext.length + 16);
+    });
+
+    it('should handle empty plaintext', () => {
+        const key = crypto.getRandomValues(new Uint8Array(32));
+        const nonce = crypto.getRandomValues(new Uint8Array(24));
+        const plaintext = new Uint8Array([]);
+
+        const encrypted = wasmEncryptChunk(plaintext, key, nonce);
+        expect(encrypted.length).toBe(16);
+
+        const decrypted = wasmDecryptChunk(encrypted, key, nonce);
+        expect(decrypted.length).toBe(0);
+    });
+
+    it('should handle large data (1 MB)', () => {
+        const key = crypto.getRandomValues(new Uint8Array(32));
+        const nonce = crypto.getRandomValues(new Uint8Array(24));
+        const size = 1024 * 1024;
+        const plaintext = crypto.getRandomValues(new Uint8Array(size));
+
+        const encrypted = wasmEncryptChunk(plaintext, key, nonce);
+        expect(encrypted.length).toBe(size + 16);
+
+        const decrypted = wasmDecryptChunk(encrypted, key, nonce);
+        expect(decrypted).toEqual(plaintext);
+    });
+
+    it('should derive correct per-chunk nonces via wasmGetChunkNonce', () => {
+        const baseIv = crypto.getRandomValues(new Uint8Array(24));
+        const nonce0 = wasmGetChunkNonce(baseIv, 0);
+        expect(nonce0).toEqual(baseIv);
+
+        const nonce1 = wasmGetChunkNonce(baseIv, 1);
+        expect(nonce1.length).toBe(24);
+        expect(nonce1).not.toEqual(nonce0);
+    });
+});
+
+describe('HKDF key derivation', () => {
+    it('should derive 32-byte key material from IKM using Web Crypto HKDF', async () => {
+        const ikm = crypto.getRandomValues(new Uint8Array(32));
+        const salt = crypto.getRandomValues(new Uint8Array(16));
+
+        const keyMaterial = await crypto.subtle.importKey(
+            'raw',
+            ikm,
+            'HKDF',
+            false,
+            ['deriveBits'],
+        );
+
+        const derivedBits = await crypto.subtle.deriveBits(
+            { name: 'HKDF', hash: 'SHA-256', salt, info: new TextEncoder().encode('encryption-key') },
+            keyMaterial,
+            256,
+        );
+
+        expect(derivedBits.byteLength).toBe(32);
+    });
+
+    it('should produce different keys for different info strings', async () => {
+        const ikm = crypto.getRandomValues(new Uint8Array(32));
+        const salt = crypto.getRandomValues(new Uint8Array(16));
+
+        const keyMaterial = await crypto.subtle.importKey('raw', ikm, 'HKDF', false, ['deriveBits']);
+
+        const bits1 = await crypto.subtle.deriveBits(
+            { name: 'HKDF', hash: 'SHA-256', salt, info: new TextEncoder().encode('key-1') },
+            keyMaterial,
+            256,
+        );
+
+        const bits2 = await crypto.subtle.deriveBits(
+            { name: 'HKDF', hash: 'SHA-256', salt, info: new TextEncoder().encode('key-2') },
+            keyMaterial,
+            256,
+        );
+
+        expect(bits1).not.toEqual(bits2);
+    });
+});
diff --git a/src/frontend/src/lib/functions/encryption.ts b/src/frontend/src/lib/functions/encryption.ts
index 3637c9da..71d0c0a5 100644
--- a/src/frontend/src/lib/functions/encryption.ts
+++ b/src/frontend/src/lib/functions/encryption.ts
@@ -1,105 +1,47 @@
-import {
-	DEFAULT_ARGON2_ITERATIONS,
-	DEFAULT_ARGON2_MEMORY_KIB,
-	MAX_ARGON2_MEMORY_KIB
-} from '#consts/encryption';
+import { DEFAULT_ARGON2_ITERATIONS, DEFAULT_ARGON2_MEMORY_KIB, MAX_ARGON2_MEMORY_KIB } from '#consts/encryption';
+import { argon2DeriveWasm } from '#wasm/chithi_wasm';
 
 export function bytesToBase64(u8: Uint8Array) {
-	let binary = '';
-	for (let i = 0; i < u8.byteLength; i++) {
-		binary += String.fromCharCode(u8[i]);
-	}
-	return btoa(binary);
+  let binary = '';
+  for (let i = 0; i < u8.byteLength; i++) binary += String.fromCharCode(u8[i]);
+  return btoa(binary);
 }
 
 export function base64ToBytes(b64: string) {
-	const binary = atob(b64);
-	const len = binary.length;
-	const bytes = new Uint8Array(len);
-	for (let i = 0; i < len; i++) {
-		bytes[i] = binary.charCodeAt(i);
-	}
-	return bytes;
+  const bytes = new Uint8Array(atob(b64).length);
+  for (let i = 0; i < bytes.length; i++) bytes[i] = atob(b64).charCodeAt(i);
+  return bytes;
 }
 
 export function base64url(u8: Uint8Array) {
-	return bytesToBase64(u8).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
+  return bytesToBase64(u8).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
 }
 
 export function base64urlToBytes(str: string) {
-	let b64 = str.replace(/-/g, '+').replace(/_/g, '/');
-	while (b64.length % 4) {
-		b64 += '=';
-	}
-	return base64ToBytes(b64);
+  let b64 = str.replace(/-/g, '+').replace(/_/g, '/');
+  while (b64.length % 4) b64 += '=';
+  return base64ToBytes(b64);
 }
 
 export function xorBytes(a: Uint8Array, b: Uint8Array) {
-	const out = new Uint8Array(Math.max(a.length, b.length));
-	for (let i = 0; i < out.length; i++) {
-		out[i] = (a[i] || 0) ^ (b[i] || 0);
-	}
-	return out;
-}
-
-// Derive AES-256-GCM key from ikm using Argon2id
-export async function deriveAESKeyFromIKM(
-	ikm: Uint8Array,
-	hkdfSalt: Uint8Array,
-	info?: Uint8Array
-) {
-	// Use stronger Argon2 parameters for key derivation (more work, memory-capped)
-	const derivedBits = await argon2Derive(
-		ikm,
-		hkdfSalt,
-		DEFAULT_ARGON2_ITERATIONS,
-		DEFAULT_ARGON2_MEMORY_KIB,
-		32,
-		1
-	);
-	// Import key as exportable so we can pass raw key material to workers for parallel encryption
-	return await crypto.subtle.importKey('raw', derivedBits as any, { name: 'AES-GCM' }, true, [
-		'encrypt',
-		'decrypt'
-	]);
+  const out = new Uint8Array(Math.max(a.length, b.length));
+  for (let i = 0; i < out.length; i++) out[i] = (a[i] || 0) ^ (b[i] || 0);
+  return out;
 }
 
 export async function argon2Derive(
-	password: string | Uint8Array,
-	salt: Uint8Array,
-	iterations: number,
-	memorySize = DEFAULT_ARGON2_MEMORY_KIB,
-	hashLength = 32,
-	parallelism = 1
+  password: string | Uint8Array,
+  salt: Uint8Array,
+  iterations: number,
+  memorySize = DEFAULT_ARGON2_MEMORY_KIB,
+  hashLength = 32,
 ) {
-	// Cap memory to avoid excessive allocations in constrained environments (<512 MiB)
-	const memKb = Math.min(memorySize, MAX_ARGON2_MEMORY_KIB);
-	const { argon2id } = await import('hash-wasm');
-	return await argon2id({
-		password,
-		salt,
-		iterations,
-		memorySize: memKb,
-		hashLength,
-		parallelism,
-		outputType: 'binary'
-	});
+  const pwdBytes = typeof password === 'string' ? new TextEncoder().encode(password) : password;
+  return await argon2DeriveWasm(pwdBytes, salt, iterations, Math.min(memorySize, MAX_ARGON2_MEMORY_KIB), hashLength);
 }
 
-export type InnerEncryptionMeta = {
-	cipher: 'AES-GCM';
-	hkdf: { hash: 'SHA-512'; salt: string };
-	iv: string;
-	size?: number;
-};
-
-export const CHUNK_SIZE = 64 * 1024; // 64KB
-
-export function getChunkIv(baseIv: Uint8Array, chunkIndex: number): Uint8Array {
-	const iv = new Uint8Array(baseIv);
-	const view = new DataView(iv.buffer, iv.byteOffset, iv.byteLength);
-	// XOR the chunk index into the last 4 bytes (big-endian)
-	const last4 = view.getUint32(8, false);
-	view.setUint32(8, last4 ^ chunkIndex, false);
-	return iv;
+export async function deriveEncryptionKey(ikm: Uint8Array, hkdfSalt: Uint8Array): Promise<Uint8Array> {
+  return await argon2DeriveWasm(ikm, hkdfSalt, DEFAULT_ARGON2_ITERATIONS, Math.min(DEFAULT_ARGON2_MEMORY_KIB, MAX_ARGON2_MEMORY_KIB), 32);
 }
+
+export const CHUNK_SIZE = 64 * 1024;
diff --git a/src/frontend/src/lib/functions/fetch-decrypt.ts b/src/frontend/src/lib/functions/fetch-decrypt.ts
new file mode 100644
index 00000000..9b7784f8
--- /dev/null
+++ b/src/frontend/src/lib/functions/fetch-decrypt.ts
@@ -0,0 +1,47 @@
+import { Api } from '#consts/backend';
+import { PasswordRequiredError } from '#errors/password';
+import { createDecryptedStream } from '#functions/streams';
+
+export interface FetchDecryptOptions { knownSize?: number; onProgress?: (percent: number) => void }
+
+export async function fetchDecryptedBlob(slug: string, key: string, password: string, opts: FetchDecryptOptions = {}): Promise<Blob> {
+  const res = await fetch(Api.DOWNLOAD(slug));
+  if (!res.ok) throw new Error(res.status === 404 ? 'File not found' : res.status === 410 ? 'File expired or limit reached' : 'Download failed');
+  if (!res.body) throw new Error('No response body');
+
+  const total = opts.knownSize ?? parseInt(res.headers.get('content-length') ?? '0', 10);
+  const src = opts.onProgress && total > 0 ? wrapProgress(res.body, total, opts.onProgress) : res.body;
+  const stream = await createDecryptedStream(src, key, password);
+
+  const reader = stream.getReader();
+  let first: Uint8Array | undefined;
+  try {
+    const { done, value } = await reader.read();
+    if (!done) first = value;
+  } catch (e: any) {
+    if (e.name === 'OperationError') { await reader.cancel('Wrong password'); throw new PasswordRequiredError(); }
+    throw e;
+  }
+
+  const chunks: BlobPart[] = [];
+  if (first) chunks.push(first as BlobPart);
+  for (;;) { const { done, value } = await reader.read(); if (done) break; chunks.push(value as BlobPart); }
+  const blob = new Blob(chunks, { type: 'application/zip' });
+  if (chunks.length === 0 || blob.size < 4) throw new Error('Decryption produced no output data');
+  return blob;
+}
+
+function wrapProgress(src: ReadableStream<Uint8Array>, total: number, onProgress: (p: number) => void): ReadableStream<Uint8Array> {
+  let loaded = 0;
+  const r = src.getReader();
+  return new ReadableStream({
+    async pull(c) {
+      const { done, value } = await r.read();
+      if (done) { c.close(); return; }
+      loaded += value.byteLength;
+      onProgress(Math.round((loaded / total) * 100));
+      c.enqueue(value);
+    },
+    cancel(reason) { return r.cancel(reason); },
+  });
+}
diff --git a/src/frontend/src/lib/functions/file-tree.ts b/src/frontend/src/lib/functions/file-tree.ts
new file mode 100644
index 00000000..34172b04
--- /dev/null
+++ b/src/frontend/src/lib/functions/file-tree.ts
@@ -0,0 +1,56 @@
+async function traverse(item: FileSystemEntry, path = ''): Promise<File[]> {
+  if (item.isFile) {
+    return new Promise((resolve) => {
+      (item as FileSystemFileEntry).file(
+        (f) => { if (path) (f as any).relativePath = path + f.name; resolve([f]); },
+        () => resolve([]),
+      );
+    });
+  }
+  if (item.isDirectory) {
+    const reader = (item as FileSystemDirectoryEntry).createReader();
+    const entries: FileSystemEntry[] = [];
+    const read = async () => {
+      const result = await new Promise<FileSystemEntry[]>((rj, rej) => reader.readEntries(rj, rej));
+      if (result.length) { entries.push(...result); await read(); }
+    };
+    await read();
+    return (await Promise.all(entries.map((e) => traverse(e, path + item.name + '/')))).flat();
+  }
+  return [];
+}
+
+export { traverse as traverseFileTree };
+
+export const hasFileItems = (items: DataTransferItemList) =>
+  Array.from(items).some((i) => i.kind === 'file');
+
+export const clipboardFiles = async (items: DataTransferItemList): Promise<File[]> => {
+  const promises: Promise<File[]>[] = [];
+  for (let i = 0; i < items.length; i++) {
+    const item = items[i];
+    if (item.kind !== 'file') continue;
+    const entry = (item as any).webkitGetAsEntry;
+    if (entry) promises.push(traverse(entry()));
+    else { const f = item.getAsFile(); if (f) promises.push(Promise.resolve([f])); }
+  }
+  return (await Promise.all(promises)).flat();
+};
+
+export const dropFiles = async (items: DataTransferItemList): Promise<{ files: File[], folderName?: string }> => {
+  const { files } = await processDataTransfer(Array.from(items));
+  return { files, folderName: files[0] ? (files[0] as File & { webkitRelativePath?: string }).webkitRelativePath?.split('/')[0] : undefined };
+};
+
+export async function processDataTransfer(items: DataTransferItem[]): Promise<{ files: File[]; folderName?: string }> {
+  const promises = items.map(async (item) => {
+    const entry = (item as any).webkitGetAsEntry?.();
+    if (entry) return traverse(entry);
+    const file = item.kind === 'file' ? item.getAsFile?.() : null;
+    return file ? [file] : [];
+  });
+  const files = (await Promise.all(promises)).flat();
+  const folderEntry = items.find((i) => { const e = (i as any).webkitGetAsEntry?.(); return e?.isDirectory; });
+  const folderName = folderEntry ? (folderEntry as any).webkitGetAsEntry().name : undefined;
+  return { files, folderName };
+}
diff --git a/src/frontend/src/lib/functions/media-support.ts b/src/frontend/src/lib/functions/media-support.ts
index 1ae5830f..33bcf9c7 100644
--- a/src/frontend/src/lib/functions/media-support.ts
+++ b/src/frontend/src/lib/functions/media-support.ts
@@ -149,128 +149,31 @@ const getBrowserInfo = (): BrowserInfo | null => {
 	const version = parseVersion(browser.version ?? null);
 	if (version === null) return null;
 
+	const isMobile = platform.type === 'mobile' || platform.type === 'tablet';
 	const name = browser.name;
 
-	if (os.name === 'iOS') {
-		return {
-			agent: 'ios_saf',
-			version
-		};
-	}
-
-	if (platform.type === 'mobile' || platform.type === 'tablet') {
-		if (name === 'Chrome') {
-			return {
-				agent: 'and_chr',
-				version
-			};
-		}
-		if (name === 'Firefox') {
-			return {
-				agent: 'and_ff',
-				version
-			};
-		}
-		if (name === 'UC Browser') {
-			return {
-				agent: 'and_uc',
-				version
-			};
-		}
-		if (name === 'QQ Browser') {
-			return {
-				agent: 'and_qq',
-				version
-			};
-		}
-		if (name === 'Baidu') {
-			return {
-				agent: 'baidu',
-				version
-			};
-		}
-		if (name === 'Android Browser') {
-			return {
-				agent: 'android',
-				version
-			};
-		}
-		if (name === 'BlackBerry') {
-			return {
-				agent: 'bb',
-				version
-			};
-		}
-		if (name === 'Opera Mini') {
-			return {
-				agent: 'op_mini',
-				version
-			};
-		}
-		if (name === 'Opera') {
-			return {
-				agent: 'op_mob',
-				version
-			};
-		}
-		if (name === 'Internet Explorer') {
-			return {
-				agent: 'ie_mob',
-				version
-			};
-		}
-	}
-
-	if (name === 'Chrome') {
-		return {
-			agent: 'chrome',
-			version
-		};
-	}
-
-	if (name === 'Firefox') {
-		return {
-			agent: 'firefox',
-			version
-		};
-	}
-
-	if (name === 'Microsoft Edge') {
-		return {
-			agent: 'edge',
-			version
-		};
-	}
-
-	if (name === 'Opera') {
-		return {
-			agent: 'opera',
-			version
-		};
-	}
-
-	if (name === 'Safari') {
-		return {
-			agent: 'safari',
-			version
-		};
-	}
-
-	if (name === 'Samsung Internet for Android') {
-		return {
-			agent: 'samsung',
-			version
-		};
-	}
-
-	if (name === 'Internet Explorer') {
-		return {
-			agent: 'ie',
-			version
-		};
-	}
-
-	return null;
+	let agent: AgentKey | null = os.name === 'iOS' ? 'ios_saf'
+		: isMobile && name === 'Chrome' ? 'and_chr'
+		: isMobile && name === 'Firefox' ? 'and_ff'
+		: isMobile && name === 'UC Browser' ? 'and_uc'
+		: isMobile && name === 'QQ Browser' ? 'and_qq'
+		: isMobile && name === 'Baidu' ? 'baidu'
+		: isMobile && name === 'Android Browser' ? 'android'
+		: isMobile && name === 'BlackBerry' ? 'bb'
+		: isMobile && name === 'Opera Mini' ? 'op_mini'
+		: isMobile && name === 'Opera' ? 'op_mob'
+		: isMobile && name === 'Internet Explorer' ? 'ie_mob'
+		: name === 'Chrome' ? 'chrome'
+		: name === 'Firefox' ? 'firefox'
+		: name === 'Microsoft Edge' ? 'edge'
+		: name === 'Opera' ? 'opera'
+		: name === 'Safari' ? 'safari'
+		: name === 'Samsung Internet for Android' ? 'samsung'
+		: name === 'Internet Explorer' ? 'ie'
+		: null;
+
+	if (!agent) return null;
+	return { agent, version };
 };
 
 const getMinSupportedVersion = (stats: Record<string, string>) => {
diff --git a/src/frontend/src/lib/functions/security.ts b/src/frontend/src/lib/functions/security.ts
index 88d3ed1d..13fa089f 100644
--- a/src/frontend/src/lib/functions/security.ts
+++ b/src/frontend/src/lib/functions/security.ts
@@ -1,8 +1,7 @@
-// Browser only Implementation
 async function sha256(message: string) {
 	const msgBuffer = new TextEncoder().encode(message);
 	const hashBuffer = await crypto.subtle.digest('SHA-256', msgBuffer);
-	const hashArray = Array.from(new Uint8Array(hashBuffer));
+	const hashArray = [...new Uint8Array(hashBuffer)];
 	return hashArray.map((b) => b.toString(16).padStart(2, '0')).join('');
 }
 
diff --git a/src/frontend/src/lib/functions/streams.client.test.ts b/src/frontend/src/lib/functions/streams.client.test.ts
new file mode 100644
index 00000000..51a0a1d7
--- /dev/null
+++ b/src/frontend/src/lib/functions/streams.client.test.ts
@@ -0,0 +1,138 @@
+import { describe, it, expect } from 'vitest';
+import { createZipStream } from './streams';
+
+describe('createZipStream', () => {
+    it('should create a valid zip stream from files', async () => {
+        const files = [
+            new File(['Hello, World!'], 'hello.txt', { type: 'text/plain' }),
+            new File([new Uint8Array([1, 2, 3, 4, 5])], 'binary.bin', { type: 'application/octet-stream' }),
+        ];
+
+        const stream = await createZipStream(files);
+        const reader = stream.getReader();
+        const chunks: Uint8Array[] = [];
+
+        while (true) {
+            const { done, value } = await reader.read();
+            if (done) break;
+            chunks.push(value);
+        }
+
+        const total = chunks.reduce((sum, c) => sum + c.length, 0);
+        expect(total).toBeGreaterThan(0);
+
+        // Verify ZIP magic bytes (PK = 0x50 0x4b)
+        const firstChunk = chunks[0]!;
+        expect(firstChunk![0]).toBe(0x50);
+        expect(firstChunk![1]).toBe(0x4b);
+    });
+
+    it('should handle single file', async () => {
+        const files = [
+            new File(['single file content'], 'only.txt', { type: 'text/plain' }),
+        ];
+
+        const stream = await createZipStream(files);
+        const reader = stream.getReader();
+        const chunks: Uint8Array[] = [];
+
+        while (true) {
+            const { done, value } = await reader.read();
+            if (done) break;
+            chunks.push(value);
+        }
+
+        expect(chunks.length).toBeGreaterThan(0);
+    });
+
+    it('should handle files with same name (deduplication)', async () => {
+        const files = [
+            new File(['content A'], 'file.txt', { type: 'text/plain' }),
+            new File(['content B'], 'file.txt', { type: 'text/plain' }),
+        ];
+
+        const stream = await createZipStream(files);
+        const reader = stream.getReader();
+        const chunks: Uint8Array[] = [];
+
+        while (true) {
+            const { done, value } = await reader.read();
+            if (done) break;
+            chunks.push(value);
+        }
+
+        const total = chunks.reduce((sum, c) => sum + c.length, 0);
+        expect(total).toBeGreaterThan(0);
+    });
+
+    it('should handle large file', async () => {
+        const largeContent = crypto.getRandomValues(new Uint8Array(1024 * 1024)); // 1 MB
+        const files = [new File([largeContent], 'large.bin', { type: 'application/octet-stream' })];
+
+        const stream = await createZipStream(files);
+        const reader = stream.getReader();
+        const chunks: Uint8Array[] = [];
+
+        while (true) {
+            const { done, value } = await reader.read();
+            if (done) break;
+            chunks.push(value);
+        }
+
+        const total = chunks.reduce((sum, c) => sum + c.length, 0);
+        // Compressed size of random data is slightly larger due to zip overhead
+        expect(total).toBeGreaterThan(1024 * 1024);
+    });
+});
+
+describe('createMultipartStream', () => {
+    it('should produce valid multipart/form-data', async () => {
+        const { createMultipartStream } = await import('./streams');
+        const boundary = '----FormBoundary123';
+        const fileContent = new TextEncoder().encode('file data here');
+        const fileStream = new ReadableStream({
+            start(controller) {
+                controller.enqueue(fileContent);
+                controller.close();
+            },
+        });
+
+        const stream = createMultipartStream(
+            boundary,
+            { slug: 'test-slug', key: 'test-key' },
+            'file',
+            'test.txt',
+            fileStream,
+        );
+
+        const reader = stream.getReader();
+        const chunks: Uint8Array[] = [];
+
+        while (true) {
+            const { done, value } = await reader.read();
+            if (done) break;
+            chunks.push(value);
+        }
+
+        const decoder = new TextDecoder();
+        const full = decoder.decode(concatUint8Arrays(chunks));
+
+        expect(full).toContain(`--${boundary}`);
+        expect(full).toContain('name="slug"');
+        expect(full).toContain('test-slug');
+        expect(full).toContain('name="file"; filename="test.txt"');
+        expect(full).toContain('file data here');
+        expect(full).toContain(`--${boundary}--`);
+    });
+});
+
+function concatUint8Arrays(arrays: Uint8Array[]): Uint8Array {
+    const total = arrays.reduce((sum, a) => sum + a.length, 0);
+    const result = new Uint8Array(total);
+    let offset = 0;
+    for (const a of arrays) {
+        result.set(a, offset);
+        offset += a.length;
+    }
+    return result;
+}
diff --git a/src/frontend/src/lib/functions/streams.ts b/src/frontend/src/lib/functions/streams.ts
index 6a4fae46..0cf1bb14 100644
--- a/src/frontend/src/lib/functions/streams.ts
+++ b/src/frontend/src/lib/functions/streams.ts
@@ -1,714 +1,228 @@
 import { WORKER_CONCURRENCY } from '#consts/concurrency';
 import { HKDF_IV_STR, HKDF_SALT_STR } from '#consts/encryption';
-import DecryptWorker from '#workers/decrypt.worker?worker';
-import EncryptWorker from '#workers/encrypt.worker?worker';
-import { ZipWriter } from '@zip.js/zip.js';
-import {
-	CHUNK_SIZE,
-	argon2Derive,
-	base64url,
-	base64urlToBytes,
-	deriveAESKeyFromIKM,
-	getChunkIv,
-	xorBytes
-} from './encryption';
+import ChithiWorker from '#workers/chithi.worker?worker';
+import { CHUNK_SIZE, argon2Derive, base64url, base64urlToBytes, deriveEncryptionKey, xorBytes } from './encryption';
+import { wasmEncryptChunk, wasmDecryptChunk, wasmGetChunkNonce, ensureInitialized } from '#wasm/chithi_wasm';
 
 const usedNames = new Map<string, number>();
 const makeUnique = (name: string) => {
-	if (!usedNames.has(name)) {
-		usedNames.set(name, 1);
-		return name;
-	}
-	const count = usedNames.get(name) || 1;
-	usedNames.set(name, count + 1);
-
-	const lastDot = name.lastIndexOf('.');
-	if (lastDot > 0) {
-		const base = name.slice(0, lastDot);
-		const ext = name.slice(lastDot);
-		return `${base}_${count}${ext}`;
-	}
-	return `${name}_${count}`;
+  const count = usedNames.get(name) ?? 0;
+  usedNames.set(name, count + 1);
+  if (!count) return name;
+  const dot = name.lastIndexOf('.');
+  return dot > 0 ? `${name.slice(0, dot)}_${count}${name.slice(dot)}` : `${name}_${count}`;
 };
 
+const enc = new TextEncoder();
 async function deriveSecrets(ikm: Uint8Array, password?: string) {
-	const enc = new TextEncoder();
-	const derivedSalt = await crypto.subtle.digest(
-		'SHA-256',
-		new Uint8Array([...ikm, ...enc.encode(HKDF_SALT_STR)])
-	);
-	let finalIKM = ikm;
-
-	if (password && password.length > 0) {
-		const saltBytes = new Uint8Array(derivedSalt).slice(0, 16);
-		const passwordBytes = new TextEncoder().encode(password);
-		const pb = await argon2Derive(passwordBytes, saltBytes, 32, 16384, 32, 1);
-		finalIKM = xorBytes(ikm, pb);
-	}
-
-	const hkdfSalt = new Uint8Array(
-		await crypto.subtle.digest('SHA-256', new Uint8Array([...finalIKM, ...enc.encode('aes-key')]))
-	).slice(0, 16);
-
-	const baseIv = new Uint8Array(
-		await crypto.subtle.digest('SHA-256', new Uint8Array([...finalIKM, ...enc.encode(HKDF_IV_STR)]))
-	).slice(0, 12);
-
-	const aesKey = await deriveAESKeyFromIKM(finalIKM, hkdfSalt);
-
-	return { aesKey, baseIv, finalIKM };
+  let finalIKM = ikm;
+  if (password?.length) {
+    const salt = new Uint8Array(await crypto.subtle.digest('SHA-256', new Uint8Array([...ikm, ...enc.encode(HKDF_SALT_STR)]))).slice(0, 16);
+    finalIKM = xorBytes(ikm, await argon2Derive(enc.encode(password), salt, 32, 16384, 32));
+  }
+  const hkdfSalt = new Uint8Array(await crypto.subtle.digest('SHA-256', new Uint8Array([...finalIKM, ...enc.encode('encryption-key')]))).slice(0, 16);
+  const baseIv = new Uint8Array(await crypto.subtle.digest('SHA-256', new Uint8Array([...finalIKM, ...enc.encode(HKDF_IV_STR)]))).slice(0, 24);
+  const keyRaw = await deriveEncryptionKey(finalIKM, hkdfSalt);
+  return { keyRaw, baseIv, finalIKM };
+}
+
+interface WCtx {
+  workers: Worker[]; next: number; results: Map<number, Uint8Array>; qi: number;
+  pending: number; doneRes: (() => void) | null; doneRej: ((e: any) => void) | null;
+  ended: boolean; ctrl: ReadableStreamDefaultController<Uint8Array> | TransformStreamDefaultController<Uint8Array> | null;
+  processed: number; chunkSizes?: Map<number, number>; origSize?: number;
+  onProgress?: (p: number, t?: number) => void;
+}
+
+type WCtor = new () => Worker;
+
+async function initPool(ctx: WCtx, Ctor: WCtor, keyRaw: Uint8Array, baseIv: Uint8Array, n: number, onMsg: (d: any) => Promise<void>, label: string) {
+  const inits = Array.from({ length: n }, (_, i) => new Promise<Worker | null>((res) => {
+    try {
+      const w = new Ctor();
+      let ready = false;
+      w.onmessage = (e) => { if (e.data?.type === 'ready' && !ready) { ready = true; res(w); } else onMsg(e.data); };
+      w.onerror = () => { if (!ready) { ready = true; console.warn(`${label} ${i} failed.`); res(null); } };
+      const [kc, ivc] = [keyRaw.slice(0), baseIv.buffer.slice(0)];
+      w.postMessage({ type: 'init', keyRaw: kc, baseIv: ivc }, [kc, ivc]);
+    } catch { console.warn(`${label} init failed.`); res(null); }
+  }));
+  ctx.workers = (await Promise.all(inits)).filter(Boolean) as Worker[];
+  if (!ctx.workers.length) console.warn(`All ${label} workers failed. Using main-thread fallback.`);
+}
+
+function dispatch(ctx: WCtx, type: 'encrypt' | 'decrypt', idx: number, chunk: Uint8Array) {
+  ctx.pending++;
+  const buf = chunk.buffer.slice(chunk.byteOffset, chunk.byteOffset + chunk.byteLength);
+  ctx.workers[ctx.next].postMessage({ type, index: idx, chunk: buf }, [buf]);
+  ctx.next = (ctx.next + 1) % ctx.workers.length;
+}
+
+function flush(ctx: WCtx, fallback = 0) {
+  while (ctx.results.has(ctx.qi)) {
+    const r = ctx.results.get(ctx.qi)!.valueOf() as Uint8Array;
+    ctx.results.delete(ctx.qi);
+    ctx.ctrl!.enqueue(r);
+    ctx.processed += ctx.chunkSizes?.get(ctx.qi) ?? fallback ?? r.byteLength;
+    ctx.qi++;
+    ctx.onProgress?.(ctx.processed, ctx.origSize);
+  }
+  if (ctx.ended && !ctx.pending && ctx.doneRes) {
+    ctx.onProgress?.(ctx.origSize ?? ctx.processed, ctx.origSize);
+    ctx.doneRes();
+  }
+}
+
+function fail(ctx: WCtx, e: Error) { ctx.doneRej?.(e); ctx.ctrl?.error(e); }
+
+async function proc(ctx: WCtx, idx: number, chunk: Uint8Array, keyRaw: Uint8Array, baseIv: Uint8Array, op: 'encrypt' | 'decrypt') {
+  if (ctx.workers.length) { dispatch(ctx, op, idx, chunk); return; }
+  ctx.pending++;
+  try {
+    const nonce = wasmGetChunkNonce(baseIv, idx);
+    const encryptFn = op === 'encrypt' ? wasmEncryptChunk : wasmDecryptChunk;
+    const result = encryptFn(chunk, keyRaw, nonce);
+    ctx.pending--;
+    ctx.results.set(idx, result);
+    flush(ctx, chunk.byteLength);
+  } catch (err) { fail(ctx, err as Error); }
 }
 
-interface EncryptionContext {
-	chunkSizes: Map<number, number>;
-	processedTotal: number;
-	workers: Worker[];
-	nextWorker: number;
-	encryptedMap: Map<number, Uint8Array>;
-	nextToEnqueue: number;
-	pendingCount: number;
-	allDoneResolve: (() => void) | null;
-	allDoneReject: ((e: any) => void) | null;
-	streamEnded: boolean;
-	controllerRef: TransformStreamDefaultController<Uint8Array> | null;
-	originalSize?: number;
-	onProgress?: (processed: number, total?: number) => void;
-}
-
-async function handleEncryptionError(ctx: EncryptionContext, e: any): Promise<void> {
-	if (ctx.allDoneReject) ctx.allDoneReject(e);
-	if (ctx.controllerRef) ctx.controllerRef.error(e);
-}
-
-async function handleWorkerEncryptedMessage(ctx: EncryptionContext, data: any): Promise<void> {
-	if (data?.type === 'encrypted') {
-		ctx.pendingCount--;
-		ctx.encryptedMap.set(data.index, new Uint8Array(data.encrypted));
-		while (ctx.encryptedMap.has(ctx.nextToEnqueue)) {
-			const arr = ctx.encryptedMap.get(ctx.nextToEnqueue)!;
-			ctx.encryptedMap.delete(ctx.nextToEnqueue);
-			ctx.controllerRef!.enqueue(arr);
-			ctx.nextToEnqueue++;
-			const sz = ctx.chunkSizes.get(ctx.nextToEnqueue - 1) || 0;
-			ctx.processedTotal += sz;
-			if (ctx.onProgress) ctx.onProgress(ctx.processedTotal, ctx.originalSize);
-		}
-		if (ctx.streamEnded && ctx.pendingCount === 0) {
-			if (ctx.allDoneResolve) ctx.allDoneResolve();
-			if (ctx.onProgress) ctx.onProgress(ctx.originalSize ?? ctx.processedTotal, ctx.originalSize);
-		}
-	} else if (data?.type === 'error') {
-		await handleEncryptionError(ctx, new Error(data.message || 'Worker error'));
-	}
-}
-
-async function initializeEncryptionWorkers(
-	ctx: EncryptionContext,
-	aesKey: CryptoKey,
-	baseIv: Uint8Array,
-	concurrency: number
-): Promise<void> {
-	const keyRaw = await crypto.subtle.exportKey('raw', aesKey);
-	const initPromises: Promise<Worker | null>[] = [];
-
-	for (let i = 0; i < concurrency; i++) {
-		initPromises.push(
-			new Promise<Worker | null>((resolve) => {
-				try {
-					const w = new EncryptWorker();
-					let resolved = false;
-
-					w.onmessage = (ev) => {
-						if (ev.data?.type === 'ready' && !resolved) {
-							resolved = true;
-							resolve(w);
-						} else {
-							handleWorkerEncryptedMessage(ctx, ev.data);
-						}
-					};
-
-					w.onerror = (e) => {
-						if (!resolved) {
-							resolved = true;
-							console.warn(`EncryptWorker ${i} failed to load. Falling back to main thread.`, e);
-							resolve(null);
-						}
-					};
-
-					const keyCopy = keyRaw.slice(0);
-					const ivCopy = baseIv.buffer.slice(0);
-					w.postMessage({ type: 'init', keyRaw: keyCopy, baseIv: ivCopy }, [keyCopy, ivCopy]);
-				} catch (err) {
-					console.warn(`EncryptWorker ${i} instantiation failed.`, err);
-					resolve(null);
-				}
-			})
-		);
-	}
-
-	const results = await Promise.all(initPromises);
-	ctx.workers = results.filter(Boolean) as Worker[];
-
-	if (ctx.workers.length === 0) {
-		console.warn('All encryption workers failed. Using main-thread AES-GCM fallback.');
-	}
-}
-async function encryptChunkWithWorker(
-	ctx: EncryptionContext,
-	index: number,
-	chunkData: Uint8Array
-): Promise<void> {
-	ctx.pendingCount++;
-	const transferable = chunkData.buffer.slice(
-		chunkData.byteOffset,
-		chunkData.byteOffset + chunkData.byteLength
-	);
-	const w = ctx.workers[ctx.nextWorker];
-	ctx.nextWorker = (ctx.nextWorker + 1) % ctx.workers.length;
-	w.postMessage({ type: 'encrypt', index, chunk: transferable }, [transferable]);
-}
-
-async function encryptChunkFallback(
-	ctx: EncryptionContext,
-	index: number,
-	chunkData: Uint8Array,
-	aesKey: CryptoKey,
-	baseIv: Uint8Array
-): Promise<void> {
-	ctx.pendingCount++;
-	try {
-		const iv = getChunkIv(baseIv, index);
-		const buf = chunkData.buffer.slice(
-			chunkData.byteOffset,
-			chunkData.byteOffset + chunkData.byteLength
-		);
-		const encrypted = await crypto.subtle.encrypt(
-			{ name: 'AES-GCM', iv: iv as any },
-			aesKey,
-			buf as ArrayBuffer
-		);
-		ctx.pendingCount--;
-		ctx.encryptedMap.set(index, new Uint8Array(encrypted));
-		while (ctx.encryptedMap.has(ctx.nextToEnqueue)) {
-			const arr = ctx.encryptedMap.get(ctx.nextToEnqueue)!;
-			ctx.encryptedMap.delete(ctx.nextToEnqueue);
-			ctx.controllerRef!.enqueue(arr);
-			ctx.nextToEnqueue++;
-			const szInline = ctx.chunkSizes.get(ctx.nextToEnqueue - 1) ?? chunkData.byteLength;
-			ctx.processedTotal += szInline;
-			if (ctx.onProgress) ctx.onProgress(ctx.processedTotal, ctx.originalSize);
-		}
-		if (ctx.streamEnded && ctx.pendingCount === 0) {
-			if (ctx.allDoneResolve) ctx.allDoneResolve();
-			if (ctx.onProgress) ctx.onProgress(ctx.originalSize ?? ctx.processedTotal, ctx.originalSize);
-		}
-	} catch (err) {
-		await handleEncryptionError(ctx, err);
-	}
-}
-
-async function assignEncryptionChunk(
-	ctx: EncryptionContext,
-	index: number,
-	chunkData: Uint8Array,
-	aesKey: CryptoKey,
-	baseIv: Uint8Array
-): Promise<void> {
-	if (ctx.workers.length > 0) {
-		await encryptChunkWithWorker(ctx, index, chunkData);
-	} else {
-		await encryptChunkFallback(ctx, index, chunkData, aesKey, baseIv);
-	}
-}
-
-interface DecryptionContext {
-	workers: Worker[];
-	nextWorker: number;
-	decryptedMap: Map<number, Uint8Array>;
-	nextToEnqueue: number;
-	pendingCount: number;
-	allDoneResolve: (() => void) | null;
-	allDoneReject: ((e: any) => void) | null;
-	streamEnded: boolean;
-	controllerRef: ReadableStreamDefaultController<Uint8Array> | null;
-	processedTotal: number;
-	originalSize?: number;
-	onProgress?: (processed: number, total?: number) => void;
-}
-
-async function handleDecryptionError(ctx: DecryptionContext, e: any): Promise<void> {
-	if (ctx.allDoneReject) ctx.allDoneReject(e);
-	if (ctx.controllerRef) ctx.controllerRef.error(e);
-}
-
-async function handleWorkerDecryptedMessage(ctx: DecryptionContext, data: any): Promise<void> {
-	if (data?.type === 'decrypted') {
-		ctx.pendingCount--;
-		ctx.decryptedMap.set(data.index, new Uint8Array(data.decrypted));
-		while (ctx.decryptedMap.has(ctx.nextToEnqueue)) {
-			const arr = ctx.decryptedMap.get(ctx.nextToEnqueue)!;
-			ctx.decryptedMap.delete(ctx.nextToEnqueue);
-			ctx.controllerRef!.enqueue(arr);
-			ctx.nextToEnqueue++;
-			ctx.processedTotal += arr.byteLength;
-			if (ctx.onProgress) ctx.onProgress(ctx.processedTotal, ctx.originalSize);
-		}
-		if (ctx.streamEnded && ctx.pendingCount === 0 && ctx.allDoneResolve) {
-			if (ctx.onProgress) ctx.onProgress(ctx.originalSize ?? ctx.processedTotal, ctx.originalSize);
-			ctx.allDoneResolve();
-		}
-	} else if (data?.type === 'error') {
-		const err = new Error(data.message || 'Worker error');
-		if (data.name) err.name = data.name;
-		await handleDecryptionError(ctx, err);
-	}
-}
-
-async function initializeDecryptionWorkers(
-	ctx: DecryptionContext,
-	aesKey: CryptoKey,
-	baseIv: Uint8Array,
-	concurrency: number
-): Promise<void> {
-	const keyRaw = await crypto.subtle.exportKey('raw', aesKey);
-	const initPromises: Promise<Worker | null>[] = [];
-
-	for (let i = 0; i < concurrency; i++) {
-		initPromises.push(
-			new Promise<Worker | null>((resolve) => {
-				try {
-					const w = new DecryptWorker();
-					let resolved = false;
-
-					w.onmessage = (ev) => {
-						if (ev.data?.type === 'ready' && !resolved) {
-							resolved = true;
-							resolve(w);
-						} else {
-							handleWorkerDecryptedMessage(ctx, ev.data);
-						}
-					};
-
-					w.onerror = (e) => {
-						if (!resolved) {
-							resolved = true;
-							console.warn(`DecryptWorker ${i} failed to load. Falling back to main thread.`, e);
-							resolve(null);
-						}
-					};
-
-					const keyCopy = keyRaw.slice(0);
-					const ivCopy = baseIv.buffer.slice(0);
-					w.postMessage({ type: 'init', keyRaw: keyCopy, baseIv: ivCopy }, [keyCopy, ivCopy]);
-				} catch (err) {
-					console.warn(`DecryptWorker ${i} instantiation failed.`, err);
-					resolve(null);
-				}
-			})
-		);
-	}
-
-	const results = await Promise.all(initPromises);
-	ctx.workers = results.filter(Boolean) as Worker[];
-
-	if (ctx.workers.length === 0) {
-		console.warn('All decryption workers failed. Using main-thread AES-GCM fallback.');
-	}
-}
-async function decryptChunkWithWorker(
-	ctx: DecryptionContext,
-	index: number,
-	chunkBuf: Uint8Array
-): Promise<void> {
-	ctx.pendingCount++;
-	const transferable = chunkBuf.buffer.slice(
-		chunkBuf.byteOffset,
-		chunkBuf.byteOffset + chunkBuf.byteLength
-	);
-	const w = ctx.workers[ctx.nextWorker];
-	ctx.nextWorker = (ctx.nextWorker + 1) % ctx.workers.length;
-	w.postMessage({ type: 'decrypt', index, chunk: transferable }, [transferable]);
-}
-
-async function decryptChunkFallback(
-	ctx: DecryptionContext,
-	index: number,
-	chunkBuf: Uint8Array,
-	aesKey: CryptoKey,
-	baseIv: Uint8Array
-): Promise<void> {
-	ctx.pendingCount++;
-	try {
-		const iv = getChunkIv(baseIv, index);
-		const buf = chunkBuf.buffer as ArrayBuffer;
-		const decrypted = await crypto.subtle.decrypt({ name: 'AES-GCM', iv: iv as any }, aesKey, buf);
-		ctx.pendingCount--;
-		ctx.decryptedMap.set(index, new Uint8Array(decrypted));
-		if (ctx.controllerRef) {
-			while (ctx.decryptedMap.has(ctx.nextToEnqueue)) {
-				const arr = ctx.decryptedMap.get(ctx.nextToEnqueue)!;
-				ctx.decryptedMap.delete(ctx.nextToEnqueue);
-				ctx.controllerRef.enqueue(arr);
-				ctx.nextToEnqueue++;
-				ctx.processedTotal += arr.byteLength;
-				if (ctx.onProgress) ctx.onProgress(ctx.processedTotal, ctx.originalSize);
-			}
-		}
-		if (ctx.streamEnded && ctx.pendingCount === 0 && ctx.allDoneResolve) {
-			if (ctx.onProgress) ctx.onProgress(ctx.originalSize ?? ctx.processedTotal, ctx.originalSize);
-			ctx.allDoneResolve();
-		}
-	} catch (err) {
-		await handleDecryptionError(ctx, err);
-	}
-}
-
-async function assignDecryptionChunk(
-	ctx: DecryptionContext,
-	index: number,
-	chunkBuf: Uint8Array,
-	aesKey: CryptoKey,
-	baseIv: Uint8Array
-): Promise<void> {
-	if (ctx.workers.length > 0) {
-		await decryptChunkWithWorker(ctx, index, chunkBuf);
-	} else {
-		await decryptChunkFallback(ctx, index, chunkBuf, aesKey, baseIv);
-	}
-}
-
-async function writeZipFiles(
-	zipWriter: ZipWriter<any>,
-	writable: WritableStream<Uint8Array>,
-	files: File[],
-	password?: string,
-	signal?: AbortSignal
-): Promise<void> {
-	try {
-		for (const file of files) {
-			let filename = (file as any).relativePath || file.name;
-			filename = makeUnique(filename);
-			try {
-				await zipWriter.add(filename, file.stream(), {
-					password: password?.length ? password : undefined,
-					encryptionStrength: password?.length ? 3 : undefined,
-					level: 9,
-					signal
-				});
-			} catch (err: any) {
-				const msg = String(err?.message || err || '');
-				if (msg.includes('File already exists') || msg.includes('already exists')) {
-					const altName = makeUnique((file as any).relativePath || file.name);
-					await zipWriter.add(altName, file.stream(), {
-						password: password?.length ? password : undefined,
-						encryptionStrength: password?.length ? 3 : undefined,
-						level: 9,
-						signal
-					});
-				} else {
-					throw err;
-				}
-			}
-		}
-		await zipWriter.close();
-	} catch (error) {
-		console.error('Error creating zip stream:', error);
-		try {
-			await writable.abort(error);
-		} catch (e) {
-			// ignore
-		}
-	}
-}
-
-export async function createZipStream(
-	files: File[],
-	password?: string,
-	signal?: AbortSignal
-): Promise<ReadableStream<Uint8Array>> {
-	const { readable, writable } = new TransformStream();
-	const zipWriter = new ZipWriter(writable, {
-		bufferedWrite: true,
-		useCompressionStream: true
-	});
-	writeZipFiles(zipWriter, writable, files, password, signal);
-	return readable;
-}
 
 export async function createEncryptedStream(
-	inputStream: ReadableStream<Uint8Array>,
-	password?: string,
-	originalSize?: number,
-	onProgress?: (processed: number, total?: number) => void,
-	ikm_override?: Uint8Array
+  inputStream: ReadableStream<Uint8Array>, password?: string, origSize?: number,
+  onProgress?: (p: number, t?: number) => void, ikmOverride?: Uint8Array
 ) {
-	const ikm = ikm_override ?? crypto.getRandomValues(new Uint8Array(32));
-	const { aesKey, baseIv } = await deriveSecrets(ikm, password);
-	const chunks: Uint8Array[] = [];
-	let bufferedBytes = 0;
-	let chunkIndex = 0;
-	let allDonePromise: Promise<void> | null = null;
-
-	const ctx: EncryptionContext = {
-		chunkSizes: new Map<number, number>(),
-		processedTotal: 0,
-		workers: [],
-		nextWorker: 0,
-		encryptedMap: new Map<number, Uint8Array>(),
-		nextToEnqueue: 0,
-		pendingCount: 0,
-		allDoneResolve: null,
-		allDoneReject: null,
-		streamEnded: false,
-		controllerRef: null,
-		originalSize,
-		onProgress
-	};
-
-	function readChunk(size: number): Uint8Array {
-		const out = new Uint8Array(size);
-		let offset = 0;
-
-		while (offset < size) {
-			const first = chunks[0];
-			const take = Math.min(first.length, size - offset);
-			out.set(first.subarray(0, take), offset);
-
-			if (take === first.length) {
-				chunks.shift();
-			} else {
-				chunks[0] = first.subarray(take);
-			}
-			offset += take;
-			bufferedBytes -= take;
-		}
-		return out;
-	}
-
-	const transformer = new TransformStream<Uint8Array, Uint8Array>({
-		async start(controller) {
-			ctx.controllerRef = controller;
-			allDonePromise = new Promise<void>((res, rej) => {
-				ctx.allDoneResolve = res;
-				ctx.allDoneReject = rej;
-			});
-			await initializeEncryptionWorkers(ctx, aesKey, baseIv, WORKER_CONCURRENCY);
-		},
-
-		async transform(chunk) {
-			chunks.push(chunk);
-			bufferedBytes += chunk.length;
-
-			while (bufferedBytes >= CHUNK_SIZE) {
-				const chunkData = readChunk(CHUNK_SIZE);
-				const index = chunkIndex++;
-				ctx.chunkSizes.set(index, chunkData.byteLength);
-				await assignEncryptionChunk(ctx, index, chunkData, aesKey, baseIv);
-			}
-		},
-
-		async flush() {
-			if (bufferedBytes > 0 || chunkIndex === 0) {
-				const chunkData = readChunk(bufferedBytes);
-				const index = chunkIndex++;
-				ctx.chunkSizes.set(index, chunkData.byteLength);
-				await assignEncryptionChunk(ctx, index, chunkData, aesKey, baseIv);
-			}
-			ctx.streamEnded = true;
-			if (ctx.pendingCount > 0) {
-				await allDonePromise;
-			}
-			try {
-				for (const w of ctx.workers) w.terminate();
-			} catch {}
-		}
-	});
-
-	return {
-		stream: inputStream.pipeThrough(transformer),
-		keySecret: base64url(ikm)
-	};
+  const ikm = ikmOverride ?? crypto.getRandomValues(new Uint8Array(32));
+  const { keyRaw, baseIv } = await deriveSecrets(ikm, password);
+  const chunks: Uint8Array[] = [], ctx: WCtx = {
+    workers: [], next: 0, results: new Map(), qi: 0, pending: 0, doneRes: null, doneRej: null,
+    ended: false, ctrl: null, processed: 0, chunkSizes: new Map(), origSize, onProgress,
+  };
+  let buf = 0;
+  const allDone = new Promise<void>((r, j) => { ctx.doneRes = r; ctx.doneRej = j; });
+
+  const read = (size: number) => {
+    const out = new Uint8Array(size);
+    let off = 0;
+    while (off < size) {
+      const first = chunks[0]!;
+      const take = Math.min(first.length, size - off);
+      out.set(first.subarray(0, take), off);
+      chunks[0] = take === first.length ? chunks.shift()! : first.subarray(take);
+      off += take; buf -= take;
+    }
+    return out;
+  };
+
+  const transformer = new TransformStream<Uint8Array, Uint8Array>({
+    async start(controller) {
+      ctx.ctrl = controller;
+      await ensureInitialized();
+      await initPool(ctx, ChithiWorker, keyRaw, baseIv, WORKER_CONCURRENCY,
+        async (d) => { if (d?.type === 'encrypted') { ctx.pending--; ctx.results.set(d.index, new Uint8Array(d.encrypted)); flush(ctx); } else fail(ctx, new Error(d?.message || 'Worker error')); },
+        'ChithiWorker');
+    },
+    async transform(chunk) {
+      chunks.push(chunk); buf += chunk.length;
+      while (buf >= CHUNK_SIZE) { ctx.chunkSizes!.set(ctx.qi, CHUNK_SIZE); await proc(ctx, ctx.qi++, read(CHUNK_SIZE), keyRaw, baseIv, 'encrypt'); }
+    },
+    async flush() {
+      if (buf > 0) { ctx.chunkSizes!.set(ctx.qi, buf); await proc(ctx, ctx.qi++, read(buf), keyRaw, baseIv, 'encrypt'); }
+      ctx.ended = true;
+      if (ctx.pending > 0) await allDone;
+      ctx.workers.forEach(w => { try { w.terminate(); } catch { /* noop */ } });
+    },
+  });
+
+  return { stream: inputStream.pipeThrough(transformer), keySecret: base64url(ikm) };
 }
 
 export async function createDecryptedStream(
-	inputStream: ReadableStream<Uint8Array>,
-	keySecret: string,
-	password?: string,
-	originalSize?: number,
-	onProgress?: (processed: number, total?: number) => void
+  inputStream: ReadableStream<Uint8Array>, keySecret: string, password?: string,
+  origSize?: number, onProgress?: (p: number, t?: number) => void
 ) {
-	const ikm = base64urlToBytes(keySecret);
-	const { aesKey, baseIv } = await deriveSecrets(ikm, password);
-	const reader = inputStream.getReader();
-	let buffer = new Uint8Array(0);
-
-	const TAG_LEN = 16;
-	const ENC_CHUNK_SIZE = CHUNK_SIZE + TAG_LEN;
-	let chunkIndex = 0;
-
-	const ctx: DecryptionContext = {
-		workers: [],
-		nextWorker: 0,
-		decryptedMap: new Map<number, Uint8Array>(),
-		nextToEnqueue: 0,
-		pendingCount: 0,
-		allDoneResolve: null,
-		allDoneReject: null,
-		streamEnded: false,
-		controllerRef: null,
-		processedTotal: 0,
-		originalSize,
-		onProgress
-	};
-
-	const allDonePromise = new Promise<void>((res, rej) => {
-		ctx.allDoneResolve = res;
-		ctx.allDoneReject = rej;
-	});
-
-	const stream = new ReadableStream<Uint8Array>({
-		async start(controller) {
-			ctx.controllerRef = controller;
-			await initializeDecryptionWorkers(ctx, aesKey, baseIv, WORKER_CONCURRENCY);
-		},
-		async pull(controller) {
-			while (buffer.length < ENC_CHUNK_SIZE) {
-				const { done, value } = await reader.read();
-				if (done) break;
-				const newBuf = new Uint8Array(buffer.length + value.length);
-				newBuf.set(buffer);
-				newBuf.set(value, buffer.length);
-				buffer = newBuf;
-			}
-
-			if (buffer.length === 0) {
-				if (ctx.pendingCount === 0) {
-					controller.close();
-					return;
-				}
-				ctx.streamEnded = true;
-				await allDonePromise;
-				controller.close();
-				return;
-			}
-
-			let currentChunkSize = ENC_CHUNK_SIZE;
-			let isLast = false;
-			if (buffer.length < ENC_CHUNK_SIZE) {
-				currentChunkSize = buffer.length;
-				isLast = true;
-			}
-
-			const chunkData = buffer.slice(0, currentChunkSize);
-			buffer = buffer.slice(currentChunkSize);
-
-			const index = chunkIndex++;
-			await assignDecryptionChunk(ctx, index, chunkData, aesKey, baseIv);
-
-			if (isLast && ctx.pendingCount === 0) {
-				while (ctx.decryptedMap.has(ctx.nextToEnqueue)) {
-					const arr = ctx.decryptedMap.get(ctx.nextToEnqueue)!;
-					ctx.decryptedMap.delete(ctx.nextToEnqueue);
-					controller.enqueue(arr);
-					ctx.nextToEnqueue++;
-					ctx.processedTotal += arr.byteLength;
-					if (ctx.onProgress) ctx.onProgress(ctx.processedTotal, ctx.originalSize);
-				}
-				controller.close();
-			}
-		},
-		async cancel() {
-			for (const w of ctx.workers) {
-				try {
-					w.terminate();
-				} catch (e) {}
-			}
-		}
-	});
-
-	allDonePromise
-		.then(async () => {
-			for (const w of ctx.workers) w.terminate();
-		})
-		.catch(async () => {
-			for (const w of ctx.workers) w.terminate();
-		});
-
-	return { stream };
+  const { keyRaw, baseIv } = await deriveSecrets(base64urlToBytes(keySecret), password);
+  const reader = inputStream.getReader();
+  let buffer = new Uint8Array(0);
+  const TAG = 16, ECS = CHUNK_SIZE + TAG, ci = { v: 0 };
+
+  const ctx: WCtx = {
+    workers: [], next: 0, results: new Map(), qi: 0, pending: 0, doneRes: null, doneRej: null,
+    ended: false, ctrl: null, processed: 0, origSize, onProgress,
+  };
+  const allDone = new Promise<void>((r, j) => { ctx.doneRes = r; ctx.doneRej = j; });
+  const term = () => ctx.workers.forEach(w => { try { w.terminate(); } catch { /* noop */ } });
+  allDone.then(term).catch(term);
+
+  return new ReadableStream<Uint8Array>({
+    async start(controller) {
+      ctx.ctrl = controller;
+      await ensureInitialized();
+      await initPool(ctx, ChithiWorker, keyRaw, baseIv, WORKER_CONCURRENCY,
+        async (d) => {
+          if (d?.type === 'decrypted') { ctx.pending--; ctx.results.set(d.index, new Uint8Array(d.decrypted)); flush(ctx); }
+          else { const err = new Error(d?.message || 'Worker error'); if (d?.name) err.name = d.name; fail(ctx, err); }
+        },
+        'ChithiWorker');
+    },
+    async pull(controller) {
+      while (buffer.length < ECS) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        const nb = new Uint8Array(buffer.length + value.length);
+        nb.set(buffer); nb.set(value, buffer.length);
+        buffer = nb;
+      }
+      if (!buffer.length) {
+        if (!ctx.pending) controller.close();
+        else { ctx.ended = true; await allDone; controller.close(); }
+        return;
+      }
+      const last = buffer.length < ECS;
+      const data = buffer.slice(0, last ? buffer.length : ECS);
+      buffer = buffer.slice(last ? buffer.length : ECS);
+      await proc(ctx, ci.v++, data, keyRaw, baseIv, 'decrypt');
+      if (last && !ctx.pending) { flush(ctx); controller.close(); }
+    },
+    cancel() { term(); },
+  });
 }
 
 export function createMultipartStream(
-	boundary: string,
-	fields: Record<string, string>,
-	fileField: string,
-	filename: string,
-	fileStream: ReadableStream<Uint8Array>
+  boundary: string, fields: Record<string, string>, fileField: string,
+  filename: string, fileStream: ReadableStream<Uint8Array>
 ): ReadableStream<Uint8Array> {
-	const encoder = new TextEncoder();
-	const preAmbleParts: Uint8Array[] = [];
-	for (const [key, value] of Object.entries(fields)) {
-		preAmbleParts.push(encoder.encode(`--${boundary}\r\n`));
-		preAmbleParts.push(encoder.encode(`Content-Disposition: form-data; name="${key}"\r\n\r\n`));
-		preAmbleParts.push(encoder.encode(`${value}\r\n`));
-	}
-	preAmbleParts.push(encoder.encode(`--${boundary}\r\n`));
-	preAmbleParts.push(
-		encoder.encode(
-			`Content-Disposition: form-data; name="${fileField}"; filename="${filename}"\r\n`
-		)
-	);
-	preAmbleParts.push(encoder.encode(`Content-Type: application/octet-stream\r\n\r\n`));
-
-	const postAmble = encoder.encode(`\r\n--${boundary}--\r\n`);
-
-	let state: 'preamble' | 'file' | 'postamble' | 'done' = 'preamble';
-	let preambleIndex = 0;
-	let fileReader: ReadableStreamDefaultReader<Uint8Array> | null = null;
-
-	return new ReadableStream({
-		async pull(controller) {
-			while (true) {
-				if (state === 'preamble') {
-					if (preambleIndex < preAmbleParts.length) {
-						controller.enqueue(preAmbleParts[preambleIndex]);
-						preambleIndex++;
-						return;
-					} else {
-						state = 'file';
-						fileReader = fileStream.getReader();
-						continue;
-					}
-				}
-
-				if (state === 'file') {
-					const { done, value } = await fileReader!.read();
-					if (done) {
-						state = 'postamble';
-						continue;
-					}
-					controller.enqueue(value);
-					return;
-				}
-
-				if (state === 'postamble') {
-					controller.enqueue(postAmble);
-					state = 'done';
-					controller.close();
-					return;
-				}
-
-				if (state === 'done') {
-					controller.close();
-					return;
-				}
-			}
-		},
-		cancel() {
-			if (fileReader) {
-				fileReader.cancel();
-			} else {
-				fileStream.cancel();
-			}
-		}
-	});
+  const parts: Uint8Array[] = [];
+  for (const [k, v] of Object.entries(fields)) {
+    parts.push(enc.encode(`--${boundary}\r\nContent-Disposition: form-data; name="${k}"\r\n\r\n${v}\r\n`));
+  }
+  parts.push(enc.encode(`--${boundary}\r\nContent-Disposition: form-data; name="${fileField}"; filename="${filename}"\r\nContent-Type: application/octet-stream\r\n\r\n`));
+  const post = enc.encode(`\r\n--${boundary}--\r\n`);
+
+  let phase: 0 | 1 | 2 | 3 = 0;
+  let pi = 0;
+  let fileReader: ReadableStreamDefaultReader<Uint8Array> | null = null;
+
+  return new ReadableStream({
+    async pull(controller) {
+      for (;;) {
+        if (phase === 0) {
+          if (pi < parts.length) { controller.enqueue(parts[pi++]); return; }
+          phase = 1; fileReader = fileStream.getReader();
+          continue;
+        }
+        if (phase === 1) {
+          const { done, value } = await fileReader!.read();
+          if (done) { phase = 2; continue; }
+          controller.enqueue(value);
+          return;
+        }
+        if (phase === 2) { controller.enqueue(post); phase = 3; return; }
+        controller.close();
+        return;
+      }
+    },
+    cancel() { fileReader?.cancel() ?? fileStream.cancel(); },
+  });
 }
diff --git a/src/frontend/src/lib/functions/string-conversion.ts b/src/frontend/src/lib/functions/string-conversion.ts
index 44c1f1e6..3526c97c 100644
--- a/src/frontend/src/lib/functions/string-conversion.ts
+++ b/src/frontend/src/lib/functions/string-conversion.ts
@@ -1,8 +1 @@
-export function kebab_to_initials(s: string) {
-	return s
-		.split('-')
-		.map((w: String) => w[0])
-		.join('')
-		.slice(0, 2)
-		.toUpperCase();
-}
+export const kebab_to_initials = (s: string) => s.split('-').map((w: string) => w[0]).join('').slice(0, 2).toUpperCase();
diff --git a/src/frontend/src/lib/functions/times.ts b/src/frontend/src/lib/functions/times.ts
index 53b1c5fc..ba8a5e71 100644
--- a/src/frontend/src/lib/functions/times.ts
+++ b/src/frontend/src/lib/functions/times.ts
@@ -1,18 +1,19 @@
 const T_VALS = {
 	Seconds: 1,
 	Minutes: 60,
-	Hours: 3600,
-	Days: 86400,
-	Weeks: 604800,
-	Months: 2592000
+	Hours: 60 * 60,
+	Days: 24 * 60 * 60,
+	Weeks: 7 * 24 * 60 * 60,
+	Months: 30 * 24 * 60 * 60
 } as const;
 export type TimeUnit = keyof typeof T_VALS;
 export const T_UNITS = Object.keys(T_VALS) as TimeUnit[];
+
 export function formatSeconds(seconds: number): { val: number; unit: TimeUnit } {
-	if (!seconds || seconds === 0) return { val: 0, unit: 'Seconds' };
-	for (const unit of [...T_UNITS].reverse()) {
+	if (!seconds) return { val: 0, unit: 'Seconds' };
+	for (const unit of T_UNITS.toReversed()) {
 		if (seconds >= T_VALS[unit]) {
-			return { val: parseFloat((seconds / T_VALS[unit]).toFixed(2)), unit };
+			return { val: Number((seconds / T_VALS[unit]).toFixed(2)), unit };
 		}
 	}
 	return { val: seconds, unit: 'Seconds' };
diff --git a/src/frontend/src/lib/functions/urls.ts b/src/frontend/src/lib/functions/urls.ts
index 6d013c26..d726db8e 100644
--- a/src/frontend/src/lib/functions/urls.ts
+++ b/src/frontend/src/lib/functions/urls.ts
@@ -1,20 +1,17 @@
-export function resolve_partial_path(path: string) {
-	return new URL(path, window.location.href).pathname;
-}
+export const resolve_partial_path = (path: string) => new URL(path, window.location.href).pathname;
 
-export function strip_trailing_slash(input: string) {
+export const strip_trailing_slash = (input: string) => {
 	if (!input || input === '/') return input;
 
-	// Split off query string and hash
 	const [path, query = ''] = input.split('?');
 	const [cleanPath, hash = ''] = path.split('#');
 
 	const normalizedPath = cleanPath.replace(/\/+$/, '');
 
 	return normalizedPath + (query ? '?' + query : '') + (hash ? '#' + hash : '');
-}
+};
 
-export function validateRedirectUrl(url: string, origin: string): string {
+export const validateRedirectUrl = (url: string, origin: string): string => {
 	try {
 		const parsed = new URL(url, origin);
 
@@ -30,4 +27,4 @@ export function validateRedirectUrl(url: string, origin: string): string {
 		if (e instanceof Error) throw e;
 		throw new Error('Malformed redirect URL.');
 	}
-}
+};
diff --git a/src/frontend/src/lib/functions/viewer.ts b/src/frontend/src/lib/functions/viewer.ts
index 4a3fa983..bc654d8d 100644
--- a/src/frontend/src/lib/functions/viewer.ts
+++ b/src/frontend/src/lib/functions/viewer.ts
@@ -20,7 +20,6 @@ const looksLikeText = (bytes: Uint8Array) => {
 // We export a function that takes a file entry text and check if it's a viewable code text
 export async function createViewableText(
 	blob: Blob,
-	_filename: string,
 	mimeHint: string | null = null
 ): Promise<string | null> {
 	const mime = mimeHint ?? (blob.type || null);
diff --git a/src/frontend/src/lib/functions/zip-validate.ts b/src/frontend/src/lib/functions/zip-validate.ts
new file mode 100644
index 00000000..1df5ec94
--- /dev/null
+++ b/src/frontend/src/lib/functions/zip-validate.ts
@@ -0,0 +1,22 @@
+const SEVENZ_MAGIC = new Uint8Array([0x37, 0x7A, 0xBC, 0xAF, 0x27, 0x1C]);
+
+function validate(data: Uint8Array): void {
+    if (data.length < SEVENZ_MAGIC.length) {
+        throw new Error(`Decrypted data is too small (${data.length} bytes) to be a valid archive.`);
+    }
+    if (!SEVENZ_MAGIC.every((b, i) => data[i] === b)) {
+        throw new Error('Decrypted data does not start with 7z magic bytes.');
+    }
+}
+
+export function validateZipBuffer(data: Uint8Array): void { validate(data); }
+
+export async function validateZipBlob(blob: Blob): Promise<void> {
+    const header = new Uint8Array(await blob.slice(0, SEVENZ_MAGIC.length).arrayBuffer());
+    if (!SEVENZ_MAGIC.every((b, i) => header[i] === b)) {
+        throw new Error('Decrypted data does not start with 7z magic bytes.');
+    }
+    if (blob.size < SEVENZ_MAGIC.length) {
+        throw new Error(`Decrypted data is too small (${blob.size} bytes) to be a valid archive.`);
+    }
+}
diff --git a/src/frontend/src/lib/graphql/apollo-upload-client.d.ts b/src/frontend/src/lib/graphql/apollo-upload-client.d.ts
new file mode 100644
index 00000000..bdcc4e79
--- /dev/null
+++ b/src/frontend/src/lib/graphql/apollo-upload-client.d.ts
@@ -0,0 +1,14 @@
+declare module 'apollo-upload-client/UploadHttpLink.mjs' {
+  import { ApolloLink } from '@apollo/client/core';
+
+  interface UploadHttpLinkOptions {
+    uri?: string;
+    credentials?: RequestCredentials;
+    fetch?: typeof fetch;
+    headers?: Record<string, string>;
+  }
+
+  export default class UploadHttpLink extends ApolloLink {
+    constructor(options?: UploadHttpLinkOptions);
+  }
+}
diff --git a/src/frontend/src/lib/graphql/client.ts b/src/frontend/src/lib/graphql/client.ts
new file mode 100644
index 00000000..d9f2a523
--- /dev/null
+++ b/src/frontend/src/lib/graphql/client.ts
@@ -0,0 +1,31 @@
+import { ApolloClient, InMemoryCache, ApolloLink } from '@apollo/client/core';
+import UploadHttpLink from 'apollo-upload-client/UploadHttpLink.mjs';
+import { Api } from '#consts/backend';
+
+function getAuthHeaders(): Record<string, string> {
+  const token = typeof localStorage !== 'undefined' ? localStorage.getItem('access_token') : null;
+  if (!token) return {};
+  return { Authorization: `Bearer ${token}` };
+}
+
+const authLink = new ApolloLink((operation, forward) => {
+  operation.setContext({
+    headers: getAuthHeaders()
+  });
+  return forward(operation);
+});
+
+const uploadLink = new UploadHttpLink({
+  uri: `${Api.BASE}/graphql/`,
+  credentials: 'include',
+  fetch
+});
+
+export const client = new ApolloClient({
+  link: authLink.concat(uploadLink),
+  cache: new InMemoryCache()
+});
+
+export function getAuthHeadersForClient(): Record<string, string> {
+  return getAuthHeaders();
+}
diff --git a/src/frontend/src/lib/graphql/generated/gql.ts b/src/frontend/src/lib/graphql/generated/gql.ts
new file mode 100644
index 00000000..0d208581
--- /dev/null
+++ b/src/frontend/src/lib/graphql/generated/gql.ts
@@ -0,0 +1,193 @@
+/* eslint-disable */
+import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
+import * as types from './graphql';
+
+/**
+ * Map of all GraphQL operations in the project.
+ *
+ * This map has several performance disadvantages:
+ * 1. It is not tree-shakeable, so it will include all operations in the project.
+ * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.
+ * 3. It does not support dead code elimination, so it will add unused operations.
+ *
+ * Therefore it is highly recommended to use the babel or swc plugin for production.
+ * Learn more about it here: https://the-guild.dev/graphql/codegen/plugins/presets/preset-client#reducing-bundle-size
+ */
+type Documents = {
+	'\n\tquery Config {\n\t\tconfig {\n\t\t\ttotalStorageLimit\n\t\t\tmaxFileSizeLimit\n\t\t\tdefaultExpiry\n\t\t\tdefaultNumberOfDownloads\n\t\t\tsiteDescription\n\t\t\tdownloadConfigs\n\t\t\ttimeConfigs\n\t\t\tallowedFileTypes\n\t\t\tbannedFileTypes\n\t\t\tallowUploads\n\t\t}\n\t}\n': typeof types.ConfigDocument;
+	'\n\tquery Onboarding {\n\t\tonboarding {\n\t\t\tisConfigured\n\t\t\thasUsers\n\t\t}\n\t}\n': typeof types.OnboardingDocument;
+	'\n\tquery Me {\n\t\tme {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n': typeof types.MeDocument;
+	'\n\tquery InstanceInformation {\n\t\tinstanceInformation {\n\t\t\tbackendVersion\n\t\t\tpythonVersion\n\t\t\tplatform\n\t\t}\n\t}\n': typeof types.InstanceInformationDocument;
+	'\n\tquery InstanceStatistics {\n\t\tinstanceStatistics {\n\t\t\ttotalFiles\n\t\t\tactiveFiles\n\t\t\texpiredFiles\n\t\t\ttotalStorageUsed\n\t\t\ttotalUsers\n\t\t}\n\t}\n': typeof types.InstanceStatisticsDocument;
+	'\n\tquery FileInfo($slug: String!) {\n\t\tfileInfo(key: $slug) {\n\t\t\tid\n\t\t\tkey\n\t\t\tfilename\n\t\t\tsize\n\t\t\tnumberOfFiles\n\t\t\tdownloadCount\n\t\t\tcreatedAt\n\t\t\texpiresAt\n\t\t\texpireAfterNDownload\n\t\t\tisExpired\n\t\t}\n\t}\n': typeof types.FileInfoDocument;
+	'\n\tquery AdminFiles($page: Int, $size: Int, $search: String) {\n\t\tadminFiles(page: $page, size: $size, search: $search) {\n\t\t\titems {\n\t\t\t\tid\n\t\t\t\tkey\n\t\t\t\tfilename\n\t\t\t\tsize\n\t\t\t\tnumberOfFiles\n\t\t\t\tdownloadCount\n\t\t\t\tcreatedAt\n\t\t\t\texpiresAt\n\t\t\t\texpireAfterNDownload\n\t\t\t\tisExpired\n\t\t\t}\n\t\t\ttotal\n\t\t\tpage\n\t\t\tsize\n\t\t\tpages\n\t\t}\n\t}\n': typeof types.AdminFilesDocument;
+	'\n\tquery Users {\n\t\tusers {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n': typeof types.UsersDocument;
+	'\n\tmutation Login($username: String!, $password: String!) {\n\t\tlogin(username: $username, password: $password) {\n\t\t\taccess\n\t\t\trefresh\n\t\t}\n\t}\n': typeof types.LoginDocument;
+	'\n\tmutation Logout {\n\t\tlogout\n\t}\n': typeof types.LogoutDocument;
+	'\n\tmutation UploadFile(\n\t\t$file: Upload!\n\t\t$filename: String!\n\t\t$expiresAt: Int!\n\t\t$expireAfterNDownload: Int!\n\t\t$numberOfFiles: Int\n\t) {\n\t\tuploadFile(\n\t\t\tfile: $file\n\t\t\tfilename: $filename\n\t\t\texpiresAt: $expiresAt\n\t\t\texpireAfterNDownload: $expireAfterNDownload\n\t\t\tnumberOfFiles: $numberOfFiles\n\t\t) {\n\t\t\tid\n\t\t\tkey\n\t\t\tfilename\n\t\t\tsize\n\t\t\tnumberOfFiles\n\t\t\tdownloadCount\n\t\t\tcreatedAt\n\t\t\texpiresAt\n\t\t\texpireAfterNDownload\n\t\t\tisExpired\n\t\t}\n\t}\n': typeof types.UploadFileDocument;
+	'\n\tmutation CompleteOnboarding(\n\t\t$username: String!\n\t\t$email: String!\n\t\t$password: String!\n\t\t$siteDescription: String!\n\t) {\n\t\tcompleteOnboarding(\n\t\t\tusername: $username\n\t\t\temail: $email\n\t\t\tpassword: $password\n\t\t\tsiteDescription: $siteDescription\n\t\t) {\n\t\t\taccess\n\t\t\trefresh\n\t\t\tonboarded\n\t\t}\n\t}\n': typeof types.CompleteOnboardingDocument;
+	'\n\tmutation DeleteFile($fileId: ID!) {\n\t\tdeleteFile(fileId: $fileId)\n\t}\n': typeof types.DeleteFileDocument;
+	'\n\tmutation CreateUser($username: String!, $password: String!, $email: String) {\n\t\tcreateUser(username: $username, password: $password, email: $email) {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n': typeof types.CreateUserDocument;
+	'\n\tmutation UpdateUser($userId: ID!, $username: String, $email: String) {\n\t\tupdateUser(userId: $userId, username: $username, email: $email) {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n': typeof types.UpdateUserDocument;
+	'\n\tmutation DeleteUser($userId: ID!) {\n\t\tdeleteUser(userId: $userId)\n\t}\n': typeof types.DeleteUserDocument;
+	'\n\tmutation UpdateConfig(\n\t\t$totalStorageLimit: Int\n\t\t$maxFileSizeLimit: Int\n\t\t$defaultExpiry: Int\n\t\t$defaultNumberOfDownloads: Int\n\t\t$siteDescription: String\n\t\t$allowUploads: Boolean\n\t) {\n\t\tupdateConfig(\n\t\t\ttotalStorageLimit: $totalStorageLimit\n\t\t\tmaxFileSizeLimit: $maxFileSizeLimit\n\t\t\tdefaultExpiry: $defaultExpiry\n\t\t\tdefaultNumberOfDownloads: $defaultNumberOfDownloads\n\t\t\tsiteDescription: $siteDescription\n\t\t\tallowUploads: $allowUploads\n\t\t) {\n\t\t\ttotalStorageLimit\n\t\t\tmaxFileSizeLimit\n\t\t\tdefaultExpiry\n\t\t\tdefaultNumberOfDownloads\n\t\t\tsiteDescription\n\t\t\tdownloadConfigs\n\t\t\ttimeConfigs\n\t\t\tallowedFileTypes\n\t\t\tbannedFileTypes\n\t\t\tallowUploads\n\t\t}\n\t}\n': typeof types.UpdateConfigDocument;
+};
+const documents: Documents = {
+	'\n\tquery Config {\n\t\tconfig {\n\t\t\ttotalStorageLimit\n\t\t\tmaxFileSizeLimit\n\t\t\tdefaultExpiry\n\t\t\tdefaultNumberOfDownloads\n\t\t\tsiteDescription\n\t\t\tdownloadConfigs\n\t\t\ttimeConfigs\n\t\t\tallowedFileTypes\n\t\t\tbannedFileTypes\n\t\t\tallowUploads\n\t\t}\n\t}\n':
+		types.ConfigDocument,
+	'\n\tquery Onboarding {\n\t\tonboarding {\n\t\t\tisConfigured\n\t\t\thasUsers\n\t\t}\n\t}\n':
+		types.OnboardingDocument,
+	'\n\tquery Me {\n\t\tme {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n':
+		types.MeDocument,
+	'\n\tquery InstanceInformation {\n\t\tinstanceInformation {\n\t\t\tbackendVersion\n\t\t\tpythonVersion\n\t\t\tplatform\n\t\t}\n\t}\n':
+		types.InstanceInformationDocument,
+	'\n\tquery InstanceStatistics {\n\t\tinstanceStatistics {\n\t\t\ttotalFiles\n\t\t\tactiveFiles\n\t\t\texpiredFiles\n\t\t\ttotalStorageUsed\n\t\t\ttotalUsers\n\t\t}\n\t}\n':
+		types.InstanceStatisticsDocument,
+	'\n\tquery FileInfo($slug: String!) {\n\t\tfileInfo(key: $slug) {\n\t\t\tid\n\t\t\tkey\n\t\t\tfilename\n\t\t\tsize\n\t\t\tnumberOfFiles\n\t\t\tdownloadCount\n\t\t\tcreatedAt\n\t\t\texpiresAt\n\t\t\texpireAfterNDownload\n\t\t\tisExpired\n\t\t}\n\t}\n':
+		types.FileInfoDocument,
+	'\n\tquery AdminFiles($page: Int, $size: Int, $search: String) {\n\t\tadminFiles(page: $page, size: $size, search: $search) {\n\t\t\titems {\n\t\t\t\tid\n\t\t\t\tkey\n\t\t\t\tfilename\n\t\t\t\tsize\n\t\t\t\tnumberOfFiles\n\t\t\t\tdownloadCount\n\t\t\t\tcreatedAt\n\t\t\t\texpiresAt\n\t\t\t\texpireAfterNDownload\n\t\t\t\tisExpired\n\t\t\t}\n\t\t\ttotal\n\t\t\tpage\n\t\t\tsize\n\t\t\tpages\n\t\t}\n\t}\n':
+		types.AdminFilesDocument,
+	'\n\tquery Users {\n\t\tusers {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n':
+		types.UsersDocument,
+	'\n\tmutation Login($username: String!, $password: String!) {\n\t\tlogin(username: $username, password: $password) {\n\t\t\taccess\n\t\t\trefresh\n\t\t}\n\t}\n':
+		types.LoginDocument,
+	'\n\tmutation Logout {\n\t\tlogout\n\t}\n': types.LogoutDocument,
+	'\n\tmutation UploadFile(\n\t\t$file: Upload!\n\t\t$filename: String!\n\t\t$expiresAt: Int!\n\t\t$expireAfterNDownload: Int!\n\t\t$numberOfFiles: Int\n\t) {\n\t\tuploadFile(\n\t\t\tfile: $file\n\t\t\tfilename: $filename\n\t\t\texpiresAt: $expiresAt\n\t\t\texpireAfterNDownload: $expireAfterNDownload\n\t\t\tnumberOfFiles: $numberOfFiles\n\t\t) {\n\t\t\tid\n\t\t\tkey\n\t\t\tfilename\n\t\t\tsize\n\t\t\tnumberOfFiles\n\t\t\tdownloadCount\n\t\t\tcreatedAt\n\t\t\texpiresAt\n\t\t\texpireAfterNDownload\n\t\t\tisExpired\n\t\t}\n\t}\n':
+		types.UploadFileDocument,
+	'\n\tmutation CompleteOnboarding(\n\t\t$username: String!\n\t\t$email: String!\n\t\t$password: String!\n\t\t$siteDescription: String!\n\t) {\n\t\tcompleteOnboarding(\n\t\t\tusername: $username\n\t\t\temail: $email\n\t\t\tpassword: $password\n\t\t\tsiteDescription: $siteDescription\n\t\t) {\n\t\t\taccess\n\t\t\trefresh\n\t\t\tonboarded\n\t\t}\n\t}\n':
+		types.CompleteOnboardingDocument,
+	'\n\tmutation DeleteFile($fileId: ID!) {\n\t\tdeleteFile(fileId: $fileId)\n\t}\n':
+		types.DeleteFileDocument,
+	'\n\tmutation CreateUser($username: String!, $password: String!, $email: String) {\n\t\tcreateUser(username: $username, password: $password, email: $email) {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n':
+		types.CreateUserDocument,
+	'\n\tmutation UpdateUser($userId: ID!, $username: String, $email: String) {\n\t\tupdateUser(userId: $userId, username: $username, email: $email) {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n':
+		types.UpdateUserDocument,
+	'\n\tmutation DeleteUser($userId: ID!) {\n\t\tdeleteUser(userId: $userId)\n\t}\n':
+		types.DeleteUserDocument,
+	'\n\tmutation UpdateConfig(\n\t\t$totalStorageLimit: Int\n\t\t$maxFileSizeLimit: Int\n\t\t$defaultExpiry: Int\n\t\t$defaultNumberOfDownloads: Int\n\t\t$siteDescription: String\n\t\t$allowUploads: Boolean\n\t) {\n\t\tupdateConfig(\n\t\t\ttotalStorageLimit: $totalStorageLimit\n\t\t\tmaxFileSizeLimit: $maxFileSizeLimit\n\t\t\tdefaultExpiry: $defaultExpiry\n\t\t\tdefaultNumberOfDownloads: $defaultNumberOfDownloads\n\t\t\tsiteDescription: $siteDescription\n\t\t\tallowUploads: $allowUploads\n\t\t) {\n\t\t\ttotalStorageLimit\n\t\t\tmaxFileSizeLimit\n\t\t\tdefaultExpiry\n\t\t\tdefaultNumberOfDownloads\n\t\t\tsiteDescription\n\t\t\tdownloadConfigs\n\t\t\ttimeConfigs\n\t\t\tallowedFileTypes\n\t\t\tbannedFileTypes\n\t\t\tallowUploads\n\t\t}\n\t}\n':
+		types.UpdateConfigDocument
+};
+
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ *
+ *
+ * @example
+ * ```ts
+ * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);
+ * ```
+ *
+ * The query argument is unknown!
+ * Please regenerate the types.
+ */
+export function graphql(source: string): unknown;
+
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tquery Config {\n\t\tconfig {\n\t\t\ttotalStorageLimit\n\t\t\tmaxFileSizeLimit\n\t\t\tdefaultExpiry\n\t\t\tdefaultNumberOfDownloads\n\t\t\tsiteDescription\n\t\t\tdownloadConfigs\n\t\t\ttimeConfigs\n\t\t\tallowedFileTypes\n\t\t\tbannedFileTypes\n\t\t\tallowUploads\n\t\t}\n\t}\n'
+): (typeof documents)['\n\tquery Config {\n\t\tconfig {\n\t\t\ttotalStorageLimit\n\t\t\tmaxFileSizeLimit\n\t\t\tdefaultExpiry\n\t\t\tdefaultNumberOfDownloads\n\t\t\tsiteDescription\n\t\t\tdownloadConfigs\n\t\t\ttimeConfigs\n\t\t\tallowedFileTypes\n\t\t\tbannedFileTypes\n\t\t\tallowUploads\n\t\t}\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tquery Onboarding {\n\t\tonboarding {\n\t\t\tisConfigured\n\t\t\thasUsers\n\t\t}\n\t}\n'
+): (typeof documents)['\n\tquery Onboarding {\n\t\tonboarding {\n\t\t\tisConfigured\n\t\t\thasUsers\n\t\t}\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tquery Me {\n\t\tme {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n'
+): (typeof documents)['\n\tquery Me {\n\t\tme {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tquery InstanceInformation {\n\t\tinstanceInformation {\n\t\t\tbackendVersion\n\t\t\tpythonVersion\n\t\t\tplatform\n\t\t}\n\t}\n'
+): (typeof documents)['\n\tquery InstanceInformation {\n\t\tinstanceInformation {\n\t\t\tbackendVersion\n\t\t\tpythonVersion\n\t\t\tplatform\n\t\t}\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tquery InstanceStatistics {\n\t\tinstanceStatistics {\n\t\t\ttotalFiles\n\t\t\tactiveFiles\n\t\t\texpiredFiles\n\t\t\ttotalStorageUsed\n\t\t\ttotalUsers\n\t\t}\n\t}\n'
+): (typeof documents)['\n\tquery InstanceStatistics {\n\t\tinstanceStatistics {\n\t\t\ttotalFiles\n\t\t\tactiveFiles\n\t\t\texpiredFiles\n\t\t\ttotalStorageUsed\n\t\t\ttotalUsers\n\t\t}\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tquery FileInfo($slug: String!) {\n\t\tfileInfo(key: $slug) {\n\t\t\tid\n\t\t\tkey\n\t\t\tfilename\n\t\t\tsize\n\t\t\tnumberOfFiles\n\t\t\tdownloadCount\n\t\t\tcreatedAt\n\t\t\texpiresAt\n\t\t\texpireAfterNDownload\n\t\t\tisExpired\n\t\t}\n\t}\n'
+): (typeof documents)['\n\tquery FileInfo($slug: String!) {\n\t\tfileInfo(key: $slug) {\n\t\t\tid\n\t\t\tkey\n\t\t\tfilename\n\t\t\tsize\n\t\t\tnumberOfFiles\n\t\t\tdownloadCount\n\t\t\tcreatedAt\n\t\t\texpiresAt\n\t\t\texpireAfterNDownload\n\t\t\tisExpired\n\t\t}\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tquery AdminFiles($page: Int, $size: Int, $search: String) {\n\t\tadminFiles(page: $page, size: $size, search: $search) {\n\t\t\titems {\n\t\t\t\tid\n\t\t\t\tkey\n\t\t\t\tfilename\n\t\t\t\tsize\n\t\t\t\tnumberOfFiles\n\t\t\t\tdownloadCount\n\t\t\t\tcreatedAt\n\t\t\t\texpiresAt\n\t\t\t\texpireAfterNDownload\n\t\t\t\tisExpired\n\t\t\t}\n\t\t\ttotal\n\t\t\tpage\n\t\t\tsize\n\t\t\tpages\n\t\t}\n\t}\n'
+): (typeof documents)['\n\tquery AdminFiles($page: Int, $size: Int, $search: String) {\n\t\tadminFiles(page: $page, size: $size, search: $search) {\n\t\t\titems {\n\t\t\t\tid\n\t\t\t\tkey\n\t\t\t\tfilename\n\t\t\t\tsize\n\t\t\t\tnumberOfFiles\n\t\t\t\tdownloadCount\n\t\t\t\tcreatedAt\n\t\t\t\texpiresAt\n\t\t\t\texpireAfterNDownload\n\t\t\t\tisExpired\n\t\t\t}\n\t\t\ttotal\n\t\t\tpage\n\t\t\tsize\n\t\t\tpages\n\t\t}\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tquery Users {\n\t\tusers {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n'
+): (typeof documents)['\n\tquery Users {\n\t\tusers {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tmutation Login($username: String!, $password: String!) {\n\t\tlogin(username: $username, password: $password) {\n\t\t\taccess\n\t\t\trefresh\n\t\t}\n\t}\n'
+): (typeof documents)['\n\tmutation Login($username: String!, $password: String!) {\n\t\tlogin(username: $username, password: $password) {\n\t\t\taccess\n\t\t\trefresh\n\t\t}\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tmutation Logout {\n\t\tlogout\n\t}\n'
+): (typeof documents)['\n\tmutation Logout {\n\t\tlogout\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tmutation UploadFile(\n\t\t$file: Upload!\n\t\t$filename: String!\n\t\t$expiresAt: Int!\n\t\t$expireAfterNDownload: Int!\n\t\t$numberOfFiles: Int\n\t) {\n\t\tuploadFile(\n\t\t\tfile: $file\n\t\t\tfilename: $filename\n\t\t\texpiresAt: $expiresAt\n\t\t\texpireAfterNDownload: $expireAfterNDownload\n\t\t\tnumberOfFiles: $numberOfFiles\n\t\t) {\n\t\t\tid\n\t\t\tkey\n\t\t\tfilename\n\t\t\tsize\n\t\t\tnumberOfFiles\n\t\t\tdownloadCount\n\t\t\tcreatedAt\n\t\t\texpiresAt\n\t\t\texpireAfterNDownload\n\t\t\tisExpired\n\t\t}\n\t}\n'
+): (typeof documents)['\n\tmutation UploadFile(\n\t\t$file: Upload!\n\t\t$filename: String!\n\t\t$expiresAt: Int!\n\t\t$expireAfterNDownload: Int!\n\t\t$numberOfFiles: Int\n\t) {\n\t\tuploadFile(\n\t\t\tfile: $file\n\t\t\tfilename: $filename\n\t\t\texpiresAt: $expiresAt\n\t\t\texpireAfterNDownload: $expireAfterNDownload\n\t\t\tnumberOfFiles: $numberOfFiles\n\t\t) {\n\t\t\tid\n\t\t\tkey\n\t\t\tfilename\n\t\t\tsize\n\t\t\tnumberOfFiles\n\t\t\tdownloadCount\n\t\t\tcreatedAt\n\t\t\texpiresAt\n\t\t\texpireAfterNDownload\n\t\t\tisExpired\n\t\t}\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tmutation CompleteOnboarding(\n\t\t$username: String!\n\t\t$email: String!\n\t\t$password: String!\n\t\t$siteDescription: String!\n\t) {\n\t\tcompleteOnboarding(\n\t\t\tusername: $username\n\t\t\temail: $email\n\t\t\tpassword: $password\n\t\t\tsiteDescription: $siteDescription\n\t\t) {\n\t\t\taccess\n\t\t\trefresh\n\t\t\tonboarded\n\t\t}\n\t}\n'
+): (typeof documents)['\n\tmutation CompleteOnboarding(\n\t\t$username: String!\n\t\t$email: String!\n\t\t$password: String!\n\t\t$siteDescription: String!\n\t) {\n\t\tcompleteOnboarding(\n\t\t\tusername: $username\n\t\t\temail: $email\n\t\t\tpassword: $password\n\t\t\tsiteDescription: $siteDescription\n\t\t) {\n\t\t\taccess\n\t\t\trefresh\n\t\t\tonboarded\n\t\t}\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tmutation DeleteFile($fileId: ID!) {\n\t\tdeleteFile(fileId: $fileId)\n\t}\n'
+): (typeof documents)['\n\tmutation DeleteFile($fileId: ID!) {\n\t\tdeleteFile(fileId: $fileId)\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tmutation CreateUser($username: String!, $password: String!, $email: String) {\n\t\tcreateUser(username: $username, password: $password, email: $email) {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n'
+): (typeof documents)['\n\tmutation CreateUser($username: String!, $password: String!, $email: String) {\n\t\tcreateUser(username: $username, password: $password, email: $email) {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tmutation UpdateUser($userId: ID!, $username: String, $email: String) {\n\t\tupdateUser(userId: $userId, username: $username, email: $email) {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n'
+): (typeof documents)['\n\tmutation UpdateUser($userId: ID!, $username: String, $email: String) {\n\t\tupdateUser(userId: $userId, username: $username, email: $email) {\n\t\t\tid\n\t\t\tusername\n\t\t\temail\n\t\t\tcreatedAt\n\t\t}\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tmutation DeleteUser($userId: ID!) {\n\t\tdeleteUser(userId: $userId)\n\t}\n'
+): (typeof documents)['\n\tmutation DeleteUser($userId: ID!) {\n\t\tdeleteUser(userId: $userId)\n\t}\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+	source: '\n\tmutation UpdateConfig(\n\t\t$totalStorageLimit: Int\n\t\t$maxFileSizeLimit: Int\n\t\t$defaultExpiry: Int\n\t\t$defaultNumberOfDownloads: Int\n\t\t$siteDescription: String\n\t\t$allowUploads: Boolean\n\t) {\n\t\tupdateConfig(\n\t\t\ttotalStorageLimit: $totalStorageLimit\n\t\t\tmaxFileSizeLimit: $maxFileSizeLimit\n\t\t\tdefaultExpiry: $defaultExpiry\n\t\t\tdefaultNumberOfDownloads: $defaultNumberOfDownloads\n\t\t\tsiteDescription: $siteDescription\n\t\t\tallowUploads: $allowUploads\n\t\t) {\n\t\t\ttotalStorageLimit\n\t\t\tmaxFileSizeLimit\n\t\t\tdefaultExpiry\n\t\t\tdefaultNumberOfDownloads\n\t\t\tsiteDescription\n\t\t\tdownloadConfigs\n\t\t\ttimeConfigs\n\t\t\tallowedFileTypes\n\t\t\tbannedFileTypes\n\t\t\tallowUploads\n\t\t}\n\t}\n'
+): (typeof documents)['\n\tmutation UpdateConfig(\n\t\t$totalStorageLimit: Int\n\t\t$maxFileSizeLimit: Int\n\t\t$defaultExpiry: Int\n\t\t$defaultNumberOfDownloads: Int\n\t\t$siteDescription: String\n\t\t$allowUploads: Boolean\n\t) {\n\t\tupdateConfig(\n\t\t\ttotalStorageLimit: $totalStorageLimit\n\t\t\tmaxFileSizeLimit: $maxFileSizeLimit\n\t\t\tdefaultExpiry: $defaultExpiry\n\t\t\tdefaultNumberOfDownloads: $defaultNumberOfDownloads\n\t\t\tsiteDescription: $siteDescription\n\t\t\tallowUploads: $allowUploads\n\t\t) {\n\t\t\ttotalStorageLimit\n\t\t\tmaxFileSizeLimit\n\t\t\tdefaultExpiry\n\t\t\tdefaultNumberOfDownloads\n\t\t\tsiteDescription\n\t\t\tdownloadConfigs\n\t\t\ttimeConfigs\n\t\t\tallowedFileTypes\n\t\t\tbannedFileTypes\n\t\t\tallowUploads\n\t\t}\n\t}\n'];
+
+export function graphql(source: string) {
+	return (documents as any)[source] ?? {};
+}
+
+export type DocumentType<TDocumentNode extends DocumentNode<any, any>> =
+	TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;
diff --git a/src/frontend/src/lib/graphql/generated/graphql.ts b/src/frontend/src/lib/graphql/generated/graphql.ts
new file mode 100644
index 00000000..02d81f67
--- /dev/null
+++ b/src/frontend/src/lib/graphql/generated/graphql.ts
@@ -0,0 +1,1128 @@
+/* eslint-disable */
+/** Internal type. DO NOT USE DIRECTLY. */
+type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
+/** Internal type. DO NOT USE DIRECTLY. */
+export type Incremental<T> =
+	| T
+	| { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
+import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
+export type ConfigQueryVariables = Exact<{ [key: string]: never }>;
+
+export type ConfigQuery = {
+	__typename: 'Query';
+	config: {
+		__typename: 'ConfigType';
+		totalStorageLimit: number;
+		maxFileSizeLimit: number;
+		defaultExpiry: number;
+		defaultNumberOfDownloads: number;
+		siteDescription: string;
+		downloadConfigs: Array<number>;
+		timeConfigs: Array<number>;
+		allowedFileTypes: Array<string>;
+		bannedFileTypes: Array<string>;
+		allowUploads: boolean;
+	};
+};
+
+export type OnboardingQueryVariables = Exact<{ [key: string]: never }>;
+
+export type OnboardingQuery = {
+	__typename: 'Query';
+	onboarding: { __typename: 'OnboardingType'; isConfigured: boolean; hasUsers: boolean };
+};
+
+export type MeQueryVariables = Exact<{ [key: string]: never }>;
+
+export type MeQuery = {
+	__typename: 'Query';
+	me: {
+		__typename: 'UserType';
+		id: string;
+		username: string;
+		email: string | null;
+		createdAt: unknown;
+	} | null;
+};
+
+export type InstanceInformationQueryVariables = Exact<{ [key: string]: never }>;
+
+export type InstanceInformationQuery = {
+	__typename: 'Query';
+	instanceInformation: {
+		__typename: 'InstanceInfoType';
+		backendVersion: string;
+		pythonVersion: string;
+		platform: string;
+	};
+};
+
+export type InstanceStatisticsQueryVariables = Exact<{ [key: string]: never }>;
+
+export type InstanceStatisticsQuery = {
+	__typename: 'Query';
+	instanceStatistics: {
+		__typename: 'InstanceStatisticsType';
+		totalFiles: number;
+		activeFiles: number;
+		expiredFiles: number;
+		totalStorageUsed: number;
+		totalUsers: number;
+	};
+};
+
+export type FileInfoQueryVariables = Exact<{
+	slug: string;
+}>;
+
+export type FileInfoQuery = {
+	__typename: 'Query';
+	fileInfo: {
+		__typename: 'FileType';
+		id: string;
+		key: string;
+		filename: string;
+		size: number;
+		numberOfFiles: number | null;
+		downloadCount: number;
+		createdAt: unknown;
+		expiresAt: unknown;
+		expireAfterNDownload: number;
+		isExpired: boolean;
+	} | null;
+};
+
+export type AdminFilesQueryVariables = Exact<{
+	page?: number | null | undefined;
+	size?: number | null | undefined;
+	search?: string | null | undefined;
+}>;
+
+export type AdminFilesQuery = {
+	__typename: 'Query';
+	adminFiles: {
+		__typename: 'PaginatedFiles';
+		total: number;
+		page: number;
+		size: number;
+		pages: number;
+		items: Array<{
+			__typename: 'FileType';
+			id: string;
+			key: string;
+			filename: string;
+			size: number;
+			numberOfFiles: number | null;
+			downloadCount: number;
+			createdAt: unknown;
+			expiresAt: unknown;
+			expireAfterNDownload: number;
+			isExpired: boolean;
+		}>;
+	};
+};
+
+export type UsersQueryVariables = Exact<{ [key: string]: never }>;
+
+export type UsersQuery = {
+	__typename: 'Query';
+	users: Array<{
+		__typename: 'UserType';
+		id: string;
+		username: string;
+		email: string | null;
+		createdAt: unknown;
+	}>;
+};
+
+export type LoginMutationVariables = Exact<{
+	username: string;
+	password: string;
+}>;
+
+export type LoginMutation = {
+	__typename: 'Mutation';
+	login: { __typename: 'TokenResponse'; access: string; refresh: string };
+};
+
+export type LogoutMutationVariables = Exact<{ [key: string]: never }>;
+
+export type LogoutMutation = { __typename: 'Mutation'; logout: boolean };
+
+export type UploadFileMutationVariables = Exact<{
+	file: unknown;
+	filename: string;
+	expiresAt: number;
+	expireAfterNDownload: number;
+	numberOfFiles?: number | null | undefined;
+}>;
+
+export type UploadFileMutation = {
+	__typename: 'Mutation';
+	uploadFile: {
+		__typename: 'FileType';
+		id: string;
+		key: string;
+		filename: string;
+		size: number;
+		numberOfFiles: number | null;
+		downloadCount: number;
+		createdAt: unknown;
+		expiresAt: unknown;
+		expireAfterNDownload: number;
+		isExpired: boolean;
+	};
+};
+
+export type CompleteOnboardingMutationVariables = Exact<{
+	username: string;
+	email: string;
+	password: string;
+	siteDescription: string;
+}>;
+
+export type CompleteOnboardingMutation = {
+	__typename: 'Mutation';
+	completeOnboarding: {
+		__typename: 'OnboardingPOSTOut';
+		access: string;
+		refresh: string;
+		onboarded: boolean;
+	};
+};
+
+export type DeleteFileMutationVariables = Exact<{
+	fileId: string | number;
+}>;
+
+export type DeleteFileMutation = { __typename: 'Mutation'; deleteFile: boolean };
+
+export type CreateUserMutationVariables = Exact<{
+	username: string;
+	password: string;
+	email?: string | null | undefined;
+}>;
+
+export type CreateUserMutation = {
+	__typename: 'Mutation';
+	createUser: {
+		__typename: 'UserType';
+		id: string;
+		username: string;
+		email: string | null;
+		createdAt: unknown;
+	};
+};
+
+export type UpdateUserMutationVariables = Exact<{
+	userId: string | number;
+	username?: string | null | undefined;
+	email?: string | null | undefined;
+}>;
+
+export type UpdateUserMutation = {
+	__typename: 'Mutation';
+	updateUser: {
+		__typename: 'UserType';
+		id: string;
+		username: string;
+		email: string | null;
+		createdAt: unknown;
+	};
+};
+
+export type DeleteUserMutationVariables = Exact<{
+	userId: string | number;
+}>;
+
+export type DeleteUserMutation = { __typename: 'Mutation'; deleteUser: boolean };
+
+export type UpdateConfigMutationVariables = Exact<{
+	totalStorageLimit?: number | null | undefined;
+	maxFileSizeLimit?: number | null | undefined;
+	defaultExpiry?: number | null | undefined;
+	defaultNumberOfDownloads?: number | null | undefined;
+	siteDescription?: string | null | undefined;
+	allowUploads?: boolean | null | undefined;
+}>;
+
+export type UpdateConfigMutation = {
+	__typename: 'Mutation';
+	updateConfig: {
+		__typename: 'ConfigType';
+		totalStorageLimit: number;
+		maxFileSizeLimit: number;
+		defaultExpiry: number;
+		defaultNumberOfDownloads: number;
+		siteDescription: string;
+		downloadConfigs: Array<number>;
+		timeConfigs: Array<number>;
+		allowedFileTypes: Array<string>;
+		bannedFileTypes: Array<string>;
+		allowUploads: boolean;
+	};
+};
+
+export const ConfigDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'query',
+			name: { kind: 'Name', value: 'Config' },
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'config' },
+						selectionSet: {
+							kind: 'SelectionSet',
+							selections: [
+								{ kind: 'Field', name: { kind: 'Name', value: 'totalStorageLimit' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'maxFileSizeLimit' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'defaultExpiry' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'defaultNumberOfDownloads' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'siteDescription' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'downloadConfigs' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'timeConfigs' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'allowedFileTypes' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'bannedFileTypes' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'allowUploads' } }
+							]
+						}
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<ConfigQuery, ConfigQueryVariables>;
+export const OnboardingDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'query',
+			name: { kind: 'Name', value: 'Onboarding' },
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'onboarding' },
+						selectionSet: {
+							kind: 'SelectionSet',
+							selections: [
+								{ kind: 'Field', name: { kind: 'Name', value: 'isConfigured' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'hasUsers' } }
+							]
+						}
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<OnboardingQuery, OnboardingQueryVariables>;
+export const MeDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'query',
+			name: { kind: 'Name', value: 'Me' },
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'me' },
+						selectionSet: {
+							kind: 'SelectionSet',
+							selections: [
+								{ kind: 'Field', name: { kind: 'Name', value: 'id' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'username' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'email' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'createdAt' } }
+							]
+						}
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<MeQuery, MeQueryVariables>;
+export const InstanceInformationDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'query',
+			name: { kind: 'Name', value: 'InstanceInformation' },
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'instanceInformation' },
+						selectionSet: {
+							kind: 'SelectionSet',
+							selections: [
+								{ kind: 'Field', name: { kind: 'Name', value: 'backendVersion' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'pythonVersion' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'platform' } }
+							]
+						}
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<InstanceInformationQuery, InstanceInformationQueryVariables>;
+export const InstanceStatisticsDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'query',
+			name: { kind: 'Name', value: 'InstanceStatistics' },
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'instanceStatistics' },
+						selectionSet: {
+							kind: 'SelectionSet',
+							selections: [
+								{ kind: 'Field', name: { kind: 'Name', value: 'totalFiles' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'activeFiles' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'expiredFiles' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'totalStorageUsed' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'totalUsers' } }
+							]
+						}
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<InstanceStatisticsQuery, InstanceStatisticsQueryVariables>;
+export const FileInfoDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'query',
+			name: { kind: 'Name', value: 'FileInfo' },
+			variableDefinitions: [
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'slug' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+					}
+				}
+			],
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'fileInfo' },
+						arguments: [
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'key' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'slug' } }
+							}
+						],
+						selectionSet: {
+							kind: 'SelectionSet',
+							selections: [
+								{ kind: 'Field', name: { kind: 'Name', value: 'id' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'key' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'filename' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'size' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'numberOfFiles' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'downloadCount' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'createdAt' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'expiresAt' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'expireAfterNDownload' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'isExpired' } }
+							]
+						}
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<FileInfoQuery, FileInfoQueryVariables>;
+export const AdminFilesDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'query',
+			name: { kind: 'Name', value: 'AdminFiles' },
+			variableDefinitions: [
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'page' } },
+					type: { kind: 'NamedType', name: { kind: 'Name', value: 'Int' } }
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'size' } },
+					type: { kind: 'NamedType', name: { kind: 'Name', value: 'Int' } }
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'search' } },
+					type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+				}
+			],
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'adminFiles' },
+						arguments: [
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'page' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'page' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'size' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'size' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'search' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'search' } }
+							}
+						],
+						selectionSet: {
+							kind: 'SelectionSet',
+							selections: [
+								{
+									kind: 'Field',
+									name: { kind: 'Name', value: 'items' },
+									selectionSet: {
+										kind: 'SelectionSet',
+										selections: [
+											{ kind: 'Field', name: { kind: 'Name', value: 'id' } },
+											{ kind: 'Field', name: { kind: 'Name', value: 'key' } },
+											{ kind: 'Field', name: { kind: 'Name', value: 'filename' } },
+											{ kind: 'Field', name: { kind: 'Name', value: 'size' } },
+											{ kind: 'Field', name: { kind: 'Name', value: 'numberOfFiles' } },
+											{ kind: 'Field', name: { kind: 'Name', value: 'downloadCount' } },
+											{ kind: 'Field', name: { kind: 'Name', value: 'createdAt' } },
+											{ kind: 'Field', name: { kind: 'Name', value: 'expiresAt' } },
+											{ kind: 'Field', name: { kind: 'Name', value: 'expireAfterNDownload' } },
+											{ kind: 'Field', name: { kind: 'Name', value: 'isExpired' } }
+										]
+									}
+								},
+								{ kind: 'Field', name: { kind: 'Name', value: 'total' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'page' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'size' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'pages' } }
+							]
+						}
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<AdminFilesQuery, AdminFilesQueryVariables>;
+export const UsersDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'query',
+			name: { kind: 'Name', value: 'Users' },
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'users' },
+						selectionSet: {
+							kind: 'SelectionSet',
+							selections: [
+								{ kind: 'Field', name: { kind: 'Name', value: 'id' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'username' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'email' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'createdAt' } }
+							]
+						}
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<UsersQuery, UsersQueryVariables>;
+export const LoginDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'mutation',
+			name: { kind: 'Name', value: 'Login' },
+			variableDefinitions: [
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'username' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+					}
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'password' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+					}
+				}
+			],
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'login' },
+						arguments: [
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'username' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'username' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'password' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'password' } }
+							}
+						],
+						selectionSet: {
+							kind: 'SelectionSet',
+							selections: [
+								{ kind: 'Field', name: { kind: 'Name', value: 'access' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'refresh' } }
+							]
+						}
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<LoginMutation, LoginMutationVariables>;
+export const LogoutDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'mutation',
+			name: { kind: 'Name', value: 'Logout' },
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [{ kind: 'Field', name: { kind: 'Name', value: 'logout' } }]
+			}
+		}
+	]
+} as unknown as DocumentNode<LogoutMutation, LogoutMutationVariables>;
+export const UploadFileDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'mutation',
+			name: { kind: 'Name', value: 'UploadFile' },
+			variableDefinitions: [
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'file' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'Upload' } }
+					}
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'filename' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+					}
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'expiresAt' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'Int' } }
+					}
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'expireAfterNDownload' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'Int' } }
+					}
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'numberOfFiles' } },
+					type: { kind: 'NamedType', name: { kind: 'Name', value: 'Int' } }
+				}
+			],
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'uploadFile' },
+						arguments: [
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'file' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'file' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'filename' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'filename' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'expiresAt' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'expiresAt' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'expireAfterNDownload' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'expireAfterNDownload' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'numberOfFiles' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'numberOfFiles' } }
+							}
+						],
+						selectionSet: {
+							kind: 'SelectionSet',
+							selections: [
+								{ kind: 'Field', name: { kind: 'Name', value: 'id' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'key' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'filename' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'size' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'numberOfFiles' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'downloadCount' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'createdAt' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'expiresAt' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'expireAfterNDownload' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'isExpired' } }
+							]
+						}
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<UploadFileMutation, UploadFileMutationVariables>;
+export const CompleteOnboardingDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'mutation',
+			name: { kind: 'Name', value: 'CompleteOnboarding' },
+			variableDefinitions: [
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'username' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+					}
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'email' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+					}
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'password' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+					}
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'siteDescription' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+					}
+				}
+			],
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'completeOnboarding' },
+						arguments: [
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'username' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'username' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'email' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'email' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'password' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'password' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'siteDescription' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'siteDescription' } }
+							}
+						],
+						selectionSet: {
+							kind: 'SelectionSet',
+							selections: [
+								{ kind: 'Field', name: { kind: 'Name', value: 'access' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'refresh' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'onboarded' } }
+							]
+						}
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<CompleteOnboardingMutation, CompleteOnboardingMutationVariables>;
+export const DeleteFileDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'mutation',
+			name: { kind: 'Name', value: 'DeleteFile' },
+			variableDefinitions: [
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'fileId' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'ID' } }
+					}
+				}
+			],
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'deleteFile' },
+						arguments: [
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'fileId' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'fileId' } }
+							}
+						]
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<DeleteFileMutation, DeleteFileMutationVariables>;
+export const CreateUserDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'mutation',
+			name: { kind: 'Name', value: 'CreateUser' },
+			variableDefinitions: [
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'username' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+					}
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'password' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+					}
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'email' } },
+					type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+				}
+			],
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'createUser' },
+						arguments: [
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'username' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'username' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'password' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'password' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'email' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'email' } }
+							}
+						],
+						selectionSet: {
+							kind: 'SelectionSet',
+							selections: [
+								{ kind: 'Field', name: { kind: 'Name', value: 'id' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'username' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'email' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'createdAt' } }
+							]
+						}
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<CreateUserMutation, CreateUserMutationVariables>;
+export const UpdateUserDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'mutation',
+			name: { kind: 'Name', value: 'UpdateUser' },
+			variableDefinitions: [
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'userId' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'ID' } }
+					}
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'username' } },
+					type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'email' } },
+					type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+				}
+			],
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'updateUser' },
+						arguments: [
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'userId' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'userId' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'username' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'username' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'email' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'email' } }
+							}
+						],
+						selectionSet: {
+							kind: 'SelectionSet',
+							selections: [
+								{ kind: 'Field', name: { kind: 'Name', value: 'id' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'username' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'email' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'createdAt' } }
+							]
+						}
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<UpdateUserMutation, UpdateUserMutationVariables>;
+export const DeleteUserDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'mutation',
+			name: { kind: 'Name', value: 'DeleteUser' },
+			variableDefinitions: [
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'userId' } },
+					type: {
+						kind: 'NonNullType',
+						type: { kind: 'NamedType', name: { kind: 'Name', value: 'ID' } }
+					}
+				}
+			],
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'deleteUser' },
+						arguments: [
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'userId' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'userId' } }
+							}
+						]
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<DeleteUserMutation, DeleteUserMutationVariables>;
+export const UpdateConfigDocument = {
+	kind: 'Document',
+	definitions: [
+		{
+			kind: 'OperationDefinition',
+			operation: 'mutation',
+			name: { kind: 'Name', value: 'UpdateConfig' },
+			variableDefinitions: [
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'totalStorageLimit' } },
+					type: { kind: 'NamedType', name: { kind: 'Name', value: 'Int' } }
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'maxFileSizeLimit' } },
+					type: { kind: 'NamedType', name: { kind: 'Name', value: 'Int' } }
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'defaultExpiry' } },
+					type: { kind: 'NamedType', name: { kind: 'Name', value: 'Int' } }
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'defaultNumberOfDownloads' } },
+					type: { kind: 'NamedType', name: { kind: 'Name', value: 'Int' } }
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'siteDescription' } },
+					type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } }
+				},
+				{
+					kind: 'VariableDefinition',
+					variable: { kind: 'Variable', name: { kind: 'Name', value: 'allowUploads' } },
+					type: { kind: 'NamedType', name: { kind: 'Name', value: 'Boolean' } }
+				}
+			],
+			selectionSet: {
+				kind: 'SelectionSet',
+				selections: [
+					{
+						kind: 'Field',
+						name: { kind: 'Name', value: 'updateConfig' },
+						arguments: [
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'totalStorageLimit' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'totalStorageLimit' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'maxFileSizeLimit' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'maxFileSizeLimit' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'defaultExpiry' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'defaultExpiry' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'defaultNumberOfDownloads' },
+								value: {
+									kind: 'Variable',
+									name: { kind: 'Name', value: 'defaultNumberOfDownloads' }
+								}
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'siteDescription' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'siteDescription' } }
+							},
+							{
+								kind: 'Argument',
+								name: { kind: 'Name', value: 'allowUploads' },
+								value: { kind: 'Variable', name: { kind: 'Name', value: 'allowUploads' } }
+							}
+						],
+						selectionSet: {
+							kind: 'SelectionSet',
+							selections: [
+								{ kind: 'Field', name: { kind: 'Name', value: 'totalStorageLimit' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'maxFileSizeLimit' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'defaultExpiry' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'defaultNumberOfDownloads' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'siteDescription' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'downloadConfigs' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'timeConfigs' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'allowedFileTypes' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'bannedFileTypes' } },
+								{ kind: 'Field', name: { kind: 'Name', value: 'allowUploads' } }
+							]
+						}
+					}
+				]
+			}
+		}
+	]
+} as unknown as DocumentNode<UpdateConfigMutation, UpdateConfigMutationVariables>;
diff --git a/src/frontend/src/lib/graphql/generated/index.ts b/src/frontend/src/lib/graphql/generated/index.ts
new file mode 100644
index 00000000..8a12aabd
--- /dev/null
+++ b/src/frontend/src/lib/graphql/generated/index.ts
@@ -0,0 +1 @@
+export * from './gql';
diff --git a/src/frontend/src/lib/graphql/use-query.svelte.ts b/src/frontend/src/lib/graphql/use-query.svelte.ts
new file mode 100644
index 00000000..390c3d98
--- /dev/null
+++ b/src/frontend/src/lib/graphql/use-query.svelte.ts
@@ -0,0 +1,66 @@
+import type { DocumentNode } from 'graphql';
+import { client } from './client.js';
+
+// ─── Types ─────────────────────────────────────────────────────────────────────
+
+export interface QueryState<Data = any> {
+	data: Data | undefined;
+	error: string | undefined;
+	fetching: boolean;
+	stale: boolean;
+}
+
+export interface QueryStateWithData<Data = any> extends QueryState<Data> {
+	data: NonNullable<QueryState<Data>['data']>;
+}
+
+// ─── Query Helper ──────────────────────────────────────────────────────────────
+
+/**
+ * Create a reactive query state backed by an Apollo watchQuery.
+ * The subscription is cleaned up when the component is destroyed (via $effect cleanup).
+ */
+export function createQueryStore<Data>(query: DocumentNode, variables: Record<string, any> = {}) {
+	let state = $state<QueryState<Data>>({
+		data: undefined,
+		error: undefined,
+		fetching: true,
+		stale: false
+	});
+
+	const observable = client.watchQuery<Data>({ query, variables });
+
+	const subscription = observable.subscribe({
+		next(result) {
+			state.fetching = result.loading;
+			state.stale = false;
+			state.data = result.data as Data | undefined;
+			state.error = result.error?.message ?? undefined;
+		},
+		error(err) {
+			state.fetching = false;
+			state.error = err.message;
+		}
+	});
+
+	$effect(() => {
+		return () => {
+			subscription.unsubscribe();
+		};
+	});
+
+	return state;
+}
+
+// ─── Mutation Helper ───────────────────────────────────────────────────────────
+
+/**
+ * Execute a GraphQL mutation and return its result.
+ * Returns a promise that resolves to the mutation result.
+ */
+export async function executeMutation<Data = any>(
+	mutation: DocumentNode,
+	variables: Record<string, any> = {}
+) {
+	return await client.mutate<Data>({ mutation, variables });
+}
diff --git a/src/frontend/src/lib/queries/admin_users.ts b/src/frontend/src/lib/queries/admin_users.ts
deleted file mode 100644
index 8ea25679..00000000
--- a/src/frontend/src/lib/queries/admin_users.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Api } from '#consts/backend';
-import { createQuery, useQueryClient } from '@tanstack/svelte-query';
-
-export const usersQueryKey = ['admin-users'];
-
-export const useUsersQuery = (page: () => number, size: number) => {
-	const queryClient = useQueryClient();
-
-	const users = createQuery(() => ({
-		queryKey: [...usersQueryKey, page()],
-		queryFn: async () => {
-			const res = await fetch(`${Api.ADMIN.USERS}?page=${page()}&size=${size}`, {
-				credentials: 'include'
-			});
-
-			if (!res.ok) {
-				throw new Error('Failed to fetch users');
-			}
-
-			return res.json();
-		}
-	}));
-
-	const createUser = async (user_in: any) => {
-		const res = await fetch(Api.ADMIN.USER_CREATE, {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json'
-			},
-			body: JSON.stringify(user_in),
-			credentials: 'include'
-		});
-
-		if (!res.ok) {
-			const error = await res.json().catch(() => ({}));
-			throw new Error(error.detail || 'Failed to create user');
-		}
-
-		const data = await res.json();
-		queryClient.invalidateQueries({ queryKey: usersQueryKey });
-		return data;
-	};
-
-	const deleteUser = async (user_id: string) => {
-		const res = await fetch(Api.ADMIN.USER_DELETE(user_id), {
-			method: 'DELETE',
-			credentials: 'include'
-		});
-
-		if (!res.ok) {
-			const error = await res.json().catch(() => ({}));
-			throw new Error(error.detail || 'Failed to delete user');
-		}
-
-		const data = await res.json();
-		queryClient.invalidateQueries({ queryKey: usersQueryKey });
-		return data;
-	};
-
-	return { users, createUser, deleteUser };
-};
diff --git a/src/frontend/src/lib/queries/auth.ts b/src/frontend/src/lib/queries/auth.ts
deleted file mode 100644
index b101705b..00000000
--- a/src/frontend/src/lib/queries/auth.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { Api } from '#consts/backend';
-import { browser } from '$app/environment';
-import { login as loginRemote, logout as logoutRemote } from '$lib/remote/auth.remote';
-import { user_store } from '$lib/store/user.svelte';
-import { createQuery, useQueryClient } from '@tanstack/svelte-query';
-
-export const queryKey = ['auth-user'];
-
-const resolveFetch = (fetch?: typeof globalThis.fetch) => fetch ?? globalThis.fetch;
-
-const fetchUser = async ({ fetch }: { fetch?: typeof globalThis.fetch }) => {
-	if (browser && user_store.is_authenticated === false) return null;
-
-	let runtimeFetch = resolveFetch(fetch);
-
-	const res = await runtimeFetch(Api.USER, {
-		credentials: 'include'
-	});
-
-	const AUTH_ERRORS = new Set([401, 403]);
-	if (!res.ok || AUTH_ERRORS.has(res.status)) {
-		if (browser) user_store.unauthenticate();
-		await logoutRemote();
-		return null;
-	}
-
-	const data = await res.json();
-	if (browser) user_store.authenticate();
-	return data;
-};
-
-export const prefetch = async ({ queryClient, fetch }: { queryClient: any; fetch: any }) => {
-	await queryClient.prefetchQuery({
-		queryKey: queryKey,
-		queryFn: () => fetchUser({ fetch }),
-		staleTime: Infinity,
-		retry: false
-	});
-};
-
-export const useAuth = () => {
-	const queryClient = useQueryClient();
-
-	const query = createQuery(() => ({
-		queryKey: queryKey,
-		queryFn: () => fetchUser({}),
-		staleTime: Infinity,
-		retry: false
-	}));
-
-	const login = async (username: string, password: string) => {
-		if (!browser) return;
-		try {
-			await loginRemote({ username, password });
-			user_store.authenticate();
-			await queryClient.invalidateQueries({ queryKey });
-		} catch (error: any) {
-			user_store.unauthenticate();
-			throw new Error(error?.message || 'Invalid username or password');
-		}
-	};
-
-	const updateUser = async (data: { username?: string; email?: string | null }) => {
-		if (!browser) return;
-		const runtimeFetch = resolveFetch();
-
-		const res = await runtimeFetch(Api.ADMIN.USER_UPDATE, {
-			method: 'PATCH',
-			headers: {
-				'Content-Type': 'application/json'
-			},
-			credentials: 'include',
-			body: JSON.stringify(data)
-		});
-
-		if (!res.ok) {
-			const err = await res.json();
-			throw new Error(err.detail || 'Failed to update user');
-		}
-
-		await queryClient.invalidateQueries({ queryKey: queryKey });
-		return res.json();
-	};
-
-	return {
-		user: query,
-		login,
-		updateUser
-	};
-};
diff --git a/src/frontend/src/lib/queries/config.ts b/src/frontend/src/lib/queries/config.ts
deleted file mode 100644
index 12516bc5..00000000
--- a/src/frontend/src/lib/queries/config.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { Api } from '#consts/backend';
-import { createQuery, useQueryClient } from '@tanstack/svelte-query';
-
-const queryKey = ['config'];
-const resolveFetch = (fetch?: typeof globalThis.fetch) => fetch ?? globalThis.fetch;
-
-const fetchConfig = async ({ fetch }: { fetch?: typeof globalThis.fetch }) => {
-	const runtimeFetch = resolveFetch(fetch);
-	const res = await runtimeFetch(Api.CONFIG, {
-		credentials: 'include'
-	});
-
-	return res.json();
-};
-
-export const prefetch = async ({ queryClient, fetch }: { queryClient: any; fetch: any }) => {
-	await queryClient.prefetchQuery({
-		queryKey: queryKey,
-		queryFn: () => fetchConfig({ fetch }),
-		staleTime: 10,
-		retry: true
-	});
-};
-
-type ConfigUpdate = {
-	// Storage constraints
-	total_storage_limit?: number;
-	max_file_size_limit?: number;
-
-	// Default constraints
-	default_expiry?: number;
-	default_number_of_downloads?: number;
-
-	// Markdown
-	site_description?: string;
-
-	// Customizable fields
-	download_configs?: number[];
-	time_configs?: number[];
-
-	// File type restrictions
-	allowed_file_types?: string[];
-	banned_file_types?: string[];
-
-	// Features
-	allow_uploads?: boolean;
-};
-
-export const useConfigQuery = () => {
-	const queryClient = useQueryClient();
-
-	const query = createQuery(() => ({
-		queryKey: ['config'],
-		queryFn: () => fetchConfig({}),
-		staleTime: 10,
-		retry: true
-	}));
-
-	const update_config = async (data: Partial<ConfigUpdate>) => {
-		const res = await fetch(Api.ADMIN.CONFIG, {
-			method: 'PATCH',
-			headers: {
-				'Content-Type': 'application/json'
-			},
-			credentials: 'include',
-			body: JSON.stringify(data)
-		});
-		if (res.ok) {
-			await queryClient.invalidateQueries({ queryKey: ['config'] });
-		}
-	};
-
-	return {
-		config: query,
-		update_config
-	};
-};
diff --git a/src/frontend/src/lib/queries/files.ts b/src/frontend/src/lib/queries/files.ts
deleted file mode 100644
index 8305019f..00000000
--- a/src/frontend/src/lib/queries/files.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { Api } from '#consts/backend';
-import { createQuery, useQueryClient } from '@tanstack/svelte-query';
-
-export type FileInfo = {
-	id: string;
-	filename: string;
-	folder_name?: string;
-	size?: number;
-	created_at: string;
-	expires_at?: string;
-	expire_after_n_download?: number;
-	download_count?: number;
-};
-
-export type PaginatedFiles = {
-	items: FileInfo[];
-	total_items: number;
-	start_index: number;
-	end_index: number;
-	total_pages: number;
-	current_page: number;
-	current_page_size: number;
-};
-
-const queryKey = ['admin-files'];
-
-export const useFilesQuery = (page: () => number = () => 1, pageSize: number = 20) => {
-	const queryClient = useQueryClient();
-	const query = createQuery(() => ({
-		queryKey: [...queryKey, page(), pageSize],
-		queryFn: async () => {
-			const url = new URL(Api.ADMIN.FILES, window.location.origin);
-			url.searchParams.set('page', page().toString());
-			url.searchParams.set('page_size', pageSize.toString());
-
-			const res = await fetch(url.toString(), {
-				credentials: 'include'
-			});
-
-			if (!res.ok) {
-				if (res.status === 401) {
-					throw new Error('Authentication failed');
-				}
-				throw new Error(`Failed to fetch files: ${res.statusText}`);
-			}
-			return res.json() as Promise<PaginatedFiles>;
-		},
-		refetchInterval: 1000, // 1 second
-		retry: true
-	}));
-
-	const revokeFile = async (id: string) => {
-		const res = await fetch(Api.ADMIN.FILE_REVOKE(id), {
-			method: 'DELETE',
-			credentials: 'include'
-		});
-
-		if (res.ok) {
-			await queryClient.invalidateQueries({ queryKey: [...queryKey] });
-		} else {
-			throw new Error('Failed to revoke file');
-		}
-	};
-
-	return {
-		files: query,
-		revokeFile
-	};
-};
diff --git a/src/frontend/src/lib/queries/instance.ts b/src/frontend/src/lib/queries/instance.ts
deleted file mode 100644
index dc531615..00000000
--- a/src/frontend/src/lib/queries/instance.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { Api } from '#consts/backend';
-import { createQuery } from '@tanstack/svelte-query';
-
-const queryKey = ['instance-information'];
-const statisticsQueryKey = ['instance-statistics'];
-
-const resolveFetch = (fetch?: typeof globalThis.fetch) => fetch ?? globalThis.fetch;
-
-const fetchInstanceInformation = async ({ fetch }: { fetch?: typeof globalThis.fetch } = {}) => {
-	const runtimeFetch = resolveFetch(fetch);
-	const res = await runtimeFetch(Api.INSTANCE);
-	if (!res.ok) {
-		throw new Error('Failed to fetch instance information');
-	}
-	return res.json();
-};
-
-const fetchInstanceStatistics = async ({ fetch }: { fetch?: typeof globalThis.fetch } = {}) => {
-	const runtimeFetch = resolveFetch(fetch);
-	const res = await runtimeFetch(Api.INSTANCE_STATISTICS);
-	if (!res.ok) {
-		throw new Error('Failed to fetch instance statistics');
-	}
-	return res.json();
-};
-
-export const prefetchInstanceInformation = async ({
-	queryClient,
-	fetch
-}: {
-	queryClient: any;
-	fetch: any;
-}) => {
-	await queryClient.prefetchQuery({
-		queryKey: queryKey,
-		queryFn: () => fetchInstanceInformation({ fetch }),
-		staleTime: 1000 * 60 * 5, // 5 minutes
-		retry: true
-	});
-};
-
-export const prefetchInstanceStatistics = async ({
-	queryClient,
-	fetch
-}: {
-	queryClient: any;
-	fetch: any;
-}) => {
-	await queryClient.prefetchQuery({
-		queryKey: statisticsQueryKey,
-		queryFn: () => fetchInstanceStatistics({ fetch }),
-		staleTime: 1000 * 60 * 5, // 5 minutes
-		retry: true
-	});
-};
-
-export const useInstanceInformationQuery = () => {
-	return createQuery(() => ({
-		queryKey: queryKey,
-		queryFn: () => fetchInstanceInformation({}),
-		staleTime: 1000 * 60 * 5 // 5 minutes
-	}));
-};
-
-export const useInstanceStatisticsQuery = () => {
-	return createQuery(() => ({
-		queryKey: statisticsQueryKey,
-		queryFn: () => fetchInstanceStatistics({}),
-		staleTime: 1000 * 60 * 5 // 5 minutes
-	}));
-};
diff --git a/src/frontend/src/lib/queries/onboarding.ts b/src/frontend/src/lib/queries/onboarding.ts
deleted file mode 100644
index ec79a53f..00000000
--- a/src/frontend/src/lib/queries/onboarding.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Api } from '#consts/backend';
-import { createQuery, useQueryClient } from '@tanstack/svelte-query';
-
-const queryKey = ['onboarding-status'];
-
-const resolveFetch = (fetch?: typeof globalThis.fetch) => fetch ?? globalThis.fetch;
-
-const fetchOnboarding = async ({ fetch }: { fetch?: typeof globalThis.fetch }) => {
-	const runtimeFetch = resolveFetch(fetch);
-	const res = await runtimeFetch(Api.ONBOARDING, { credentials: 'include' });
-	if (!res.ok) {
-		throw new Error('Failed to fetch onboarding status');
-	}
-	return res.json() as Promise<{ onboarded: boolean }>;
-};
-
-export const prefetch = async ({ queryClient, fetch }: { queryClient: any; fetch: any }) => {
-	await queryClient.prefetchQuery({
-		queryKey: queryKey,
-		queryFn: () => fetchOnboarding({ fetch }),
-		staleTime: 10,
-		retry: false
-	});
-};
-
-export const useOnboarding = () => {
-	const queryClient = useQueryClient();
-
-	const status = createQuery(() => ({
-		queryKey: queryKey,
-		queryFn: () => fetchOnboarding({}),
-		retry: false
-	}));
-
-	const completeOnboarding = async (user: {
-		username: string;
-		email: string;
-		password: string;
-	}) => {
-		const res = await fetch(Api.ONBOARDING, {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json'
-			},
-			body: JSON.stringify(user)
-		});
-
-		if (!res.ok) {
-			const err = await res.json();
-			throw new Error(err.detail || 'Failed to complete onboarding');
-		}
-
-		await queryClient.invalidateQueries({ queryKey: queryKey });
-		return res.json();
-	};
-
-	return {
-		status,
-		completeOnboarding
-	};
-};
diff --git a/src/frontend/src/lib/remote/auth.remote.ts b/src/frontend/src/lib/remote/auth.remote.ts
index 782efdd7..561e89fc 100644
--- a/src/frontend/src/lib/remote/auth.remote.ts
+++ b/src/frontend/src/lib/remote/auth.remote.ts
@@ -1,5 +1,6 @@
 import { Api } from '#consts/backend';
 import { command, getRequestEvent } from '$app/server';
+import { LoginDocument, LogoutDocument } from '$lib/graphql/generated/graphql.js';
 import { user_store } from '$lib/store/user.svelte';
 import { z } from 'zod';
 
@@ -8,25 +9,30 @@ const loginSchema = z.object({
 	password: z.string().min(1)
 });
 
+const GRAPHQL_URL = `${Api.BASE}/graphql/`;
+
 export const login = command(loginSchema, async ({ username, password }) => {
 	const { fetch, cookies, url } = getRequestEvent();
 
-	const form = new FormData();
-	form.append('username', username);
-	form.append('password', password);
-
-	const res = await fetch(Api.LOGIN, {
+	const res = await fetch(GRAPHQL_URL, {
 		method: 'POST',
-		body: form
+		headers: {
+			'Content-Type': 'application/json'
+		},
+		body: JSON.stringify({
+			query: LoginDocument,
+			variables: { username, password }
+		})
 	});
 
 	if (!res.ok) {
 		const err = await res.json().catch(() => ({}));
-		throw new Error(err?.detail || 'Invalid username or password');
+		const message = err?.errors?.[0]?.message || err?.detail || 'Invalid username or password';
+		throw new Error(message);
 	}
 
 	const data = await res.json().catch(() => ({}));
-	const token = data?.access_token;
+	const token = data?.data?.login?.access;
 	if (!token) {
 		throw new Error('Failed to login');
 	}
@@ -44,8 +50,24 @@ export const login = command(loginSchema, async ({ username, password }) => {
 });
 
 export const logout = command(async () => {
-	const { cookies } = getRequestEvent();
+	const { fetch, cookies } = getRequestEvent();
+
 	cookies.delete('access_token', { path: '/' });
+
+	try {
+		await fetch(GRAPHQL_URL, {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json'
+			},
+			body: JSON.stringify({
+				query: LogoutDocument
+			})
+		});
+	} catch {
+		// Best-effort server-side logout; cookie is already cleared.
+	}
+
 	user_store.unauthenticate();
 	return { success: true };
 });
diff --git a/src/frontend/src/lib/svgs/complete.svelte b/src/frontend/src/lib/svgs/complete.svelte
index 399491df..41aa3a86 100644
--- a/src/frontend/src/lib/svgs/complete.svelte
+++ b/src/frontend/src/lib/svgs/complete.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	let { class: klass } = $props();
+	const { class: klass } = $props();
 </script>
 
 <svg
diff --git a/src/frontend/src/lib/wasm/chithi_wasm.ts b/src/frontend/src/lib/wasm/chithi_wasm.ts
new file mode 100644
index 00000000..d1a656bd
--- /dev/null
+++ b/src/frontend/src/lib/wasm/chithi_wasm.ts
@@ -0,0 +1,657 @@
+/**
+ * Chithi WASM wrapper — C ABI interface for the frontend.
+ *
+ * Wraps the raw WASM C ABI exports in a safe, ergonomic API.
+ * The WASM module is loaded from chithi.wasm (built by scripts/build_wasm.py).
+ */
+
+import init, { getMemory, getInstance } from "./wasm_bindings.js";
+
+let initialized = false;
+let initPromise: Promise<void> | null = null;
+
+// ============================================================================
+// Memory helpers
+// ============================================================================
+
+function _getExports() {
+    const inst = getInstance();
+    if (!inst) throw new Error("WASM not initialized");
+    return inst.exports;
+}
+
+function _alloc(len: number): number {
+    return (_getExports().chithi_alloc as any)(len);
+}
+
+function _dealloc(ptr: number, len: number): void {
+    (_getExports().chithi_dealloc as any)(ptr, len);
+}
+
+function _writeBytes(ptr: number, data: Uint8Array): void {
+    const mem = getMemory();
+    if (!mem) throw new Error("WASM memory not available");
+    new Uint8Array(mem.buffer).set(data, ptr);
+}
+
+function _readBytes(ptr: number, len: number): Uint8Array {
+    const mem = getMemory();
+    if (!mem) throw new Error("WASM memory not available");
+    return new Uint8Array(mem.buffer).slice(ptr, ptr + len);
+}
+
+function _readU32(ptr: number): number {
+    const mem = getMemory();
+    if (!mem) throw new Error("WASM memory not available");
+    return new DataView(mem.buffer).getUint32(ptr, true);
+}
+
+// ============================================================================
+// Initialization
+// ============================================================================
+
+export async function ensureInitialized(): Promise<void> {
+    if (initialized) return;
+    if (initPromise) return initPromise;
+    initPromise = init().then(() => { initialized = true; });
+    try {
+        await initPromise;
+    } finally {
+        initPromise = null;
+    }
+}
+
+// ============================================================================
+// 7z operations
+// ============================================================================
+
+export interface SevenEntry {
+    name: string;
+    data: Uint8Array;
+}
+
+function _serializeFiles(files: { name: string; data: Uint8Array }[]): Uint8Array {
+    const encoder = new TextEncoder();
+    let total = 4;
+    for (const f of files) {
+        const nb = encoder.encode(f.name);
+        total += 4 + nb.length + 4 + f.data.length;
+    }
+    const result = new Uint8Array(total);
+    const view = new DataView(result.buffer);
+    view.setUint32(0, files.length);
+    let off = 4;
+    for (const f of files) {
+        const nb = encoder.encode(f.name);
+        view.setUint32(off, nb.length); off += 4;
+        result.set(nb, off); off += nb.length;
+        view.setUint32(off, f.data.length); off += 4;
+        result.set(f.data, off); off += f.data.length;
+    }
+    return result;
+}
+
+function _deserializeFiles(data: Uint8Array): SevenEntry[] {
+    const view = new DataView(data.buffer, data.byteOffset, data.byteLength);
+    const decoder = new TextDecoder();
+    let num = view.getUint32(0);
+    let off = 4;
+    const results: SevenEntry[] = [];
+    for (let i = 0; i < num; i++) {
+        const nl = view.getUint32(off); off += 4;
+        const name = decoder.decode(data.slice(off, off + nl)); off += nl;
+        const dl = view.getUint32(off); off += 4;
+        const fd = data.slice(off, off + dl); off += dl;
+        results.push({ name, data: fd });
+    }
+    return results;
+}
+
+export function compress7z(entries: SevenEntry[], password?: string): Uint8Array {
+    const serialized = _serializeFiles(entries);
+    const pwd = password?.length ? new TextEncoder().encode(password) : new Uint8Array(0);
+
+    const inputPtr = _alloc(serialized.length);
+    const pwdPtr = pwd.length > 0 ? _alloc(pwd.length) : 0;
+    const outPtr = _alloc(serialized.length * 2);
+    const outLenPtr = _alloc(4);
+
+    _writeBytes(inputPtr, serialized);
+    if (pwd.length > 0) _writeBytes(pwdPtr, pwd);
+
+    const status = (_getExports().compress_7z as any)(
+        inputPtr, serialized.length,
+        pwdPtr, pwd.length,
+        outPtr, outLenPtr,
+    );
+    if (status !== 0) throw new Error(`compress_7z failed: ${status}`);
+
+    const outLen = _readU32(outLenPtr);
+    const result = _readBytes(outPtr, outLen);
+
+    _dealloc(inputPtr, serialized.length);
+    if (pwd.length > 0) _dealloc(pwdPtr, pwd.length);
+    _dealloc(outPtr, outLen);
+    _dealloc(outLenPtr, 4);
+    return result;
+}
+
+export function decompress7z(data: Uint8Array, password?: string): Promise<SevenEntry[]> {
+    return new Promise((resolve, reject) => {
+        try {
+            const pwd = new TextEncoder().encode(password ?? "");
+            const dataPtr = _alloc(data.length);
+            const pwdPtr = pwd.length > 0 ? _alloc(pwd.length) : 0;
+            const outPtr = _alloc(data.length * 2);
+            const outLenPtr = _alloc(4);
+
+            _writeBytes(dataPtr, data);
+            if (pwd.length > 0) _writeBytes(pwdPtr, pwd);
+
+            const status = (_getExports().decompress_7z as any)(
+                dataPtr, data.length,
+                pwdPtr, pwd.length,
+                outPtr, outLenPtr,
+            );
+            if (status !== 0) throw new Error(`decompress_7z failed: ${status}`);
+
+            const outLen = _readU32(outLenPtr);
+            const resultData = _readBytes(outPtr, outLen);
+            const entries = _deserializeFiles(resultData);
+
+            _dealloc(dataPtr, data.length);
+            if (pwd.length > 0) _dealloc(pwdPtr, pwd.length);
+            _dealloc(outPtr, outLen);
+            _dealloc(outLenPtr, 4);
+
+            resolve(entries);
+        } catch (e) {
+            reject(e);
+        }
+    });
+}
+
+export function validate7z(data: Uint8Array): boolean {
+    const dataPtr = _alloc(data.length);
+    _writeBytes(dataPtr, data);
+    const result = (_getExports().validate_7z as any)(dataPtr, data.length);
+    _dealloc(dataPtr, data.length);
+    return result === 1;
+}
+
+// ============================================================================
+// Key derivation
+// ============================================================================
+
+export function wasmDeriveKey(password: Uint8Array, salt: Uint8Array): Uint8Array {
+    const pwdPtr = _alloc(password.length);
+    const saltPtr = _alloc(salt.length);
+    const outPtr = _alloc(32);
+    _writeBytes(pwdPtr, password);
+    _writeBytes(saltPtr, salt);
+    const status = (_getExports().wasm_derive_key as any)(pwdPtr, password.length, saltPtr, salt.length, outPtr);
+    if (status !== 0) throw new Error(`derive_key failed: ${status}`);
+    const result = _readBytes(outPtr, 32);
+    _dealloc(pwdPtr, password.length);
+    _dealloc(saltPtr, salt.length);
+    _dealloc(outPtr, 32);
+    return result;
+}
+
+export function argon2DeriveWasm(
+    password: Uint8Array, salt: Uint8Array,
+    iterations: number, memoryCostKib: number, hashLength: number,
+): Uint8Array {
+    const pwdPtr = _alloc(password.length);
+    const saltPtr = _alloc(salt.length);
+    const outPtr = _alloc(hashLength);
+    _writeBytes(pwdPtr, password);
+    _writeBytes(saltPtr, salt);
+    const status = (_getExports().wasm_argon2_derive as any)(
+        pwdPtr, password.length, saltPtr, salt.length,
+        iterations, memoryCostKib, hashLength, outPtr,
+    );
+    if (status !== 0) throw new Error(`argon2_derive failed: ${status}`);
+    const result = _readBytes(outPtr, hashLength);
+    _dealloc(pwdPtr, password.length);
+    _dealloc(saltPtr, salt.length);
+    _dealloc(outPtr, hashLength);
+    return result;
+}
+
+export function generateIkmWasm(): Uint8Array {
+    const outPtr = _alloc(32);
+    (_getExports().wasm_generate_ikm as any)(outPtr);
+    const result = _readBytes(outPtr, 32);
+    _dealloc(outPtr, 32);
+    return result;
+}
+
+export function wasmGenerateSecret(): string {
+    const outPtr = _alloc(64);
+    const len = (_getExports().wasm_generate_secret as any)(outPtr, 64);
+    if (len < 0) throw new Error(`generate_secret failed: ${len}`);
+    const result = new TextDecoder().decode(_readBytes(outPtr, len));
+    _dealloc(outPtr, 64);
+    return result;
+}
+
+// ============================================================================
+// Chunk encryption (XChaCha20-Poly1305)
+// ============================================================================
+
+export function wasmEncryptChunk(data: Uint8Array, key: Uint8Array, nonce: Uint8Array): Uint8Array {
+    const dataPtr = _alloc(data.length);
+    const keyPtr = _alloc(32);
+    const noncePtr = _alloc(24);
+    const outPtr = _alloc(data.length + 16);
+    const outLenPtr = _alloc(4);
+    _writeBytes(dataPtr, data);
+    _writeBytes(keyPtr, key);
+    _writeBytes(noncePtr, nonce);
+    const status = (_getExports().wasm_encrypt_chunk as any)(dataPtr, data.length, keyPtr, noncePtr, outPtr, outLenPtr);
+    if (status !== 0) throw new Error(`encrypt_chunk failed: ${status}`);
+    const outLen = _readU32(outLenPtr);
+    const result = _readBytes(outPtr, outLen);
+    _dealloc(dataPtr, data.length);
+    _dealloc(keyPtr, 32);
+    _dealloc(noncePtr, 24);
+    _dealloc(outPtr, outLen);
+    _dealloc(outLenPtr, 4);
+    return result;
+}
+
+export function wasmDecryptChunk(data: Uint8Array, key: Uint8Array, nonce: Uint8Array): Uint8Array {
+    const dataPtr = _alloc(data.length);
+    const keyPtr = _alloc(32);
+    const noncePtr = _alloc(24);
+    const outPtr = _alloc(data.length);
+    const outLenPtr = _alloc(4);
+    _writeBytes(dataPtr, data);
+    _writeBytes(keyPtr, key);
+    _writeBytes(noncePtr, nonce);
+    const status = (_getExports().wasm_decrypt_chunk as any)(dataPtr, data.length, keyPtr, noncePtr, outPtr, outLenPtr);
+    if (status !== 0) throw new Error(`decrypt_chunk failed: ${status}`);
+    const outLen = _readU32(outLenPtr);
+    const result = _readBytes(outPtr, outLen);
+    _dealloc(dataPtr, data.length);
+    _dealloc(keyPtr, 32);
+    _dealloc(noncePtr, 24);
+    _dealloc(outPtr, outLen);
+    _dealloc(outLenPtr, 4);
+    return result;
+}
+
+export function wasmGetChunkNonce(baseIv: Uint8Array, chunkIndex: number): Uint8Array {
+    const basePtr = _alloc(24);
+    const outPtr = _alloc(24);
+    _writeBytes(basePtr, baseIv);
+    (_getExports().wasm_get_chunk_nonce as any)(basePtr, chunkIndex, outPtr);
+    const result = _readBytes(outPtr, 24);
+    _dealloc(basePtr, 24);
+    _dealloc(outPtr, 24);
+    return result;
+}
+
+// ============================================================================
+// Batch operations
+// ============================================================================
+
+function _serializeChunks(chunks: Uint8Array[]): Uint8Array {
+    let total = 4;
+    for (const c of chunks) total += 4 + c.length;
+    const result = new Uint8Array(total);
+    const view = new DataView(result.buffer);
+    view.setUint32(0, chunks.length);
+    let off = 4;
+    for (const c of chunks) {
+        view.setUint32(off, c.length); off += 4;
+        result.set(c, off); off += c.length;
+    }
+    return result;
+}
+
+function _deserializeChunks(data: Uint8Array): Uint8Array[] {
+    const view = new DataView(data.buffer, data.byteOffset, data.byteLength);
+    const num = view.getUint32(0);
+    let off = 4;
+    const results: Uint8Array[] = [];
+    for (let i = 0; i < num; i++) {
+        const len = view.getUint32(off); off += 4;
+        results.push(data.slice(off, off + len));
+        off += len;
+    }
+    return results;
+}
+
+export function wasmEncryptChunksParallel(
+    chunks: Uint8Array[], key: Uint8Array, baseIv: Uint8Array,
+): Uint8Array[] {
+    const serialized = _serializeChunks(chunks);
+    const inputPtr = _alloc(serialized.length);
+    const keyPtr = _alloc(32);
+    const ivPtr = _alloc(24);
+    const outPtr = _alloc(serialized.length * 2);
+    const outLenPtr = _alloc(4);
+    _writeBytes(inputPtr, serialized);
+    _writeBytes(keyPtr, key);
+    _writeBytes(ivPtr, baseIv);
+    const status = (_getExports().wasm_encrypt_chunks_parallel as any)(
+        inputPtr, serialized.length, keyPtr, ivPtr, outPtr, outLenPtr, 0, 0,
+    );
+    if (status !== 0) throw new Error(`encrypt_chunks_parallel failed: ${status}`);
+    const outLen = _readU32(outLenPtr);
+    const resultData = _readBytes(outPtr, outLen);
+    const results = _deserializeChunks(resultData);
+    _dealloc(inputPtr, serialized.length);
+    _dealloc(keyPtr, 32);
+    _dealloc(ivPtr, 24);
+    _dealloc(outPtr, outLen);
+    _dealloc(outLenPtr, 4);
+    return results;
+}
+
+export function wasmDecryptChunksParallel(
+    chunks: Uint8Array[], key: Uint8Array, baseIv: Uint8Array,
+): Uint8Array[] {
+    const serialized = _serializeChunks(chunks);
+    const inputPtr = _alloc(serialized.length);
+    const keyPtr = _alloc(32);
+    const ivPtr = _alloc(24);
+    const outPtr = _alloc(serialized.length * 2);
+    const outLenPtr = _alloc(4);
+    _writeBytes(inputPtr, serialized);
+    _writeBytes(keyPtr, key);
+    _writeBytes(ivPtr, baseIv);
+    const status = (_getExports().wasm_decrypt_chunks_parallel as any)(
+        inputPtr, serialized.length, keyPtr, ivPtr, outPtr, outLenPtr, 0, 0,
+    );
+    if (status !== 0) throw new Error(`decrypt_chunks_parallel failed: ${status}`);
+    const outLen = _readU32(outLenPtr);
+    const resultData = _readBytes(outPtr, outLen);
+    const results = _deserializeChunks(resultData);
+    _dealloc(inputPtr, serialized.length);
+    _dealloc(keyPtr, 32);
+    _dealloc(ivPtr, 24);
+    _dealloc(outPtr, outLen);
+    _dealloc(outLenPtr, 4);
+    return results;
+}
+
+export function wasmEncryptAll(records: Uint8Array[], key: Uint8Array): Uint8Array[] {
+    const serialized = _serializeChunks(records);
+    const inputPtr = _alloc(serialized.length);
+    const keyPtr = _alloc(32);
+    const outPtr = _alloc(serialized.length * 2);
+    const outLenPtr = _alloc(4);
+    _writeBytes(inputPtr, serialized);
+    _writeBytes(keyPtr, key);
+    const status = (_getExports().wasm_encrypt_all as any)(inputPtr, serialized.length, keyPtr, outPtr, outLenPtr);
+    if (status !== 0) throw new Error(`encrypt_all failed: ${status}`);
+    const outLen = _readU32(outLenPtr);
+    const resultData = _readBytes(outPtr, outLen);
+    const results = _deserializeChunks(resultData);
+    _dealloc(inputPtr, serialized.length);
+    _dealloc(keyPtr, 32);
+    _dealloc(outPtr, outLen);
+    _dealloc(outLenPtr, 4);
+    return results;
+}
+
+export function wasmDecryptAll(records: Uint8Array[], key: Uint8Array): Uint8Array[] {
+    const serialized = _serializeChunks(records);
+    const inputPtr = _alloc(serialized.length);
+    const keyPtr = _alloc(32);
+    const outPtr = _alloc(serialized.length * 2);
+    const outLenPtr = _alloc(4);
+    _writeBytes(inputPtr, serialized);
+    _writeBytes(keyPtr, key);
+    const status = (_getExports().wasm_decrypt_all as any)(inputPtr, serialized.length, keyPtr, outPtr, outLenPtr);
+    if (status !== 0) throw new Error(`decrypt_all failed: ${status}`);
+    const outLen = _readU32(outLenPtr);
+    const resultData = _readBytes(outPtr, outLen);
+    const results = _deserializeChunks(resultData);
+    _dealloc(inputPtr, serialized.length);
+    _dealloc(keyPtr, 32);
+    _dealloc(outPtr, outLen);
+    _dealloc(outLenPtr, 4);
+    return results;
+}
+
+// ============================================================================
+// SDK-level upload/download
+// ============================================================================
+
+export async function upload(
+    files: { name: string; data: Uint8Array }[],
+    password: string,
+): Promise<Uint8Array> {
+    const serialized = _serializeFiles(files);
+    const pwd = new TextEncoder().encode(password);
+    const inputPtr = _alloc(serialized.length);
+    const pwdPtr = _alloc(pwd.length);
+    const outPtr = _alloc(serialized.length * 4);
+    const outLenPtr = _alloc(4);
+    _writeBytes(inputPtr, serialized);
+    _writeBytes(pwdPtr, pwd);
+    const status = (_getExports().wasm_upload as any)(
+        inputPtr, serialized.length, pwdPtr, pwd.length,
+        outPtr, outLenPtr, 0, 0,
+    );
+    if (status !== 0) throw new Error(`upload failed: ${status}`);
+    const outLen = _readU32(outLenPtr);
+    const result = _readBytes(outPtr, outLen);
+    _dealloc(inputPtr, serialized.length);
+    _dealloc(pwdPtr, pwd.length);
+    _dealloc(outPtr, outLen);
+    _dealloc(outLenPtr, 4);
+    return result;
+}
+
+export async function download(
+    bundle: Uint8Array,
+    password: string,
+): Promise<SevenEntry[]> {
+    const pwd = new TextEncoder().encode(password);
+    const bundlePtr = _alloc(bundle.length);
+    const pwdPtr = _alloc(pwd.length);
+    const outPtr = _alloc(bundle.length * 2);
+    const outLenPtr = _alloc(4);
+    _writeBytes(bundlePtr, bundle);
+    _writeBytes(pwdPtr, pwd);
+    const status = (_getExports().wasm_download as any)(
+        bundlePtr, bundle.length, pwdPtr, pwd.length,
+        outPtr, outLenPtr, 0, 0,
+    );
+    if (status !== 0) throw new Error(`download failed: ${status}`);
+    const outLen = _readU32(outLenPtr);
+    const resultData = _readBytes(outPtr, outLen);
+    const entries = _deserializeFiles(resultData);
+    _dealloc(bundlePtr, bundle.length);
+    _dealloc(pwdPtr, pwd.length);
+    _dealloc(outPtr, outLen);
+    _dealloc(outLenPtr, 4);
+    return entries;
+}
+
+export async function uploadData(data: Uint8Array, password: string): Promise<string> {
+    const pwd = new TextEncoder().encode(password);
+    const dataPtr = _alloc(data.length);
+    const pwdPtr = _alloc(pwd.length);
+    const outPtr = _alloc(data.length * 4);
+    const outLenPtr = _alloc(4);
+    _writeBytes(dataPtr, data);
+    _writeBytes(pwdPtr, pwd);
+    const status = (_getExports().wasm_upload_data as any)(
+        dataPtr, data.length, pwdPtr, pwd.length,
+        outPtr, outLenPtr, 0, 0,
+    );
+    if (status !== 0) throw new Error(`upload_data failed: ${status}`);
+    const outLen = _readU32(outLenPtr);
+    const resultBytes = _readBytes(outPtr, outLen);
+    const result = new TextDecoder().decode(resultBytes);
+    _dealloc(dataPtr, data.length);
+    _dealloc(pwdPtr, pwd.length);
+    _dealloc(outPtr, outLen);
+    _dealloc(outLenPtr, 4);
+    return result;
+}
+
+export async function downloadData(bundleJson: string, password: string): Promise<Uint8Array> {
+    const jsonBytes = new TextEncoder().encode(bundleJson);
+    const pwd = new TextEncoder().encode(password);
+    const jsonPtr = _alloc(jsonBytes.length);
+    const pwdPtr = _alloc(pwd.length);
+    const outPtr = _alloc(jsonBytes.length * 4);
+    const outLenPtr = _alloc(4);
+    _writeBytes(jsonPtr, jsonBytes);
+    _writeBytes(pwdPtr, pwd);
+    const status = (_getExports().wasm_download_data as any)(
+        jsonPtr, jsonBytes.length, pwdPtr, pwd.length,
+        outPtr, outLenPtr, 0, 0,
+    );
+    if (status !== 0) throw new Error(`download_data failed: ${status}`);
+    const outLen = _readU32(outLenPtr);
+    const result = _readBytes(outPtr, outLen);
+    _dealloc(jsonPtr, jsonBytes.length);
+    _dealloc(pwdPtr, pwd.length);
+    _dealloc(outPtr, outLen);
+    _dealloc(outLenPtr, 4);
+    return result;
+}
+
+// ============================================================================
+// Keychain — C ABI handle-based
+// ============================================================================
+
+export class WasmKeychain {
+    private handle: number = 0;
+    private alive: boolean = true;
+
+    constructor() {
+        this.handle = (_getExports().keychain_new as any)();
+    }
+
+    static fromPassword(password: string): WasmKeychain {
+        const kc = new WasmKeychain();
+        const pwd = new TextEncoder().encode(password);
+        const pwdPtr = _alloc(pwd.length);
+        _writeBytes(pwdPtr, pwd);
+        const status = (_getExports().keychain_from_password as any)(kc.handle, pwdPtr, pwd.length);
+        _dealloc(pwdPtr, pwd.length);
+        if (status !== 0) throw new Error(`keychain_from_password failed: ${status}`);
+        return kc;
+    }
+
+    setPassword(password: string): void {
+        const pwd = new TextEncoder().encode(password);
+        const pwdPtr = _alloc(pwd.length);
+        _writeBytes(pwdPtr, pwd);
+        const status = (_getExports().keychain_set_password as any)(this.handle, pwdPtr, pwd.length);
+        _dealloc(pwdPtr, pwd.length);
+        if (status !== 0) throw new Error(`set_password failed: ${status}`);
+    }
+
+    generateSecret(): string {
+        const outPtr = _alloc(64);
+        const len = (_getExports().keychain_generate_secret as any)(this.handle, outPtr, 64);
+        if (len < 0) throw new Error(`generate_secret failed: ${len}`);
+        const result = new TextDecoder().decode(_readBytes(outPtr, len));
+        _dealloc(outPtr, 64);
+        return result;
+    }
+
+    encryptMetadata(metadata: string): Uint8Array {
+        const data = new TextEncoder().encode(metadata);
+        const dataPtr = _alloc(data.length);
+        const outPtr = _alloc(data.length * 2);
+        const outLenPtr = _alloc(4);
+        _writeBytes(dataPtr, data);
+        const status = (_getExports().keychain_encrypt_metadata as any)(
+            this.handle, dataPtr, data.length, outPtr, outLenPtr,
+        );
+        if (status !== 0) throw new Error(`encrypt_metadata failed: ${status}`);
+        const outLen = _readU32(outLenPtr);
+        const result = _readBytes(outPtr, outLen);
+        _dealloc(dataPtr, data.length);
+        _dealloc(outPtr, outLen);
+        _dealloc(outLenPtr, 4);
+        return result;
+    }
+
+    decryptMetadata(data: Uint8Array): string {
+        const dataPtr = _alloc(data.length);
+        const outPtr = _alloc(data.length);
+        const outLenPtr = _alloc(4);
+        _writeBytes(dataPtr, data);
+        const status = (_getExports().keychain_decrypt_metadata as any)(
+            this.handle, dataPtr, data.length, outPtr, outLenPtr,
+        );
+        if (status !== 0) throw new Error(`decrypt_metadata failed: ${status}`);
+        const outLen = _readU32(outLenPtr);
+        const result = new TextDecoder().decode(_readBytes(outPtr, outLen));
+        _dealloc(dataPtr, data.length);
+        _dealloc(outPtr, outLen);
+        _dealloc(outLenPtr, 4);
+        return result;
+    }
+
+    sign(data: Uint8Array): Uint8Array {
+        const dataPtr = _alloc(data.length);
+        const outPtr = _alloc(64);
+        _writeBytes(dataPtr, data);
+        (_getExports().keychain_sign as any)(this.handle, dataPtr, data.length, outPtr);
+        const result = _readBytes(outPtr, 64);
+        _dealloc(dataPtr, data.length);
+        _dealloc(outPtr, 64);
+        return result;
+    }
+
+    verify(data: Uint8Array, signature: Uint8Array): boolean {
+        const dataPtr = _alloc(data.length);
+        const sigPtr = _alloc(signature.length);
+        _writeBytes(dataPtr, data);
+        _writeBytes(sigPtr, signature);
+        const result = (_getExports().keychain_verify as any)(
+            this.handle, dataPtr, data.length, sigPtr, signature.length,
+        );
+        _dealloc(dataPtr, data.length);
+        _dealloc(sigPtr, signature.length);
+        return result === 1;
+    }
+
+    exportAuthKey(): Uint8Array {
+        const outPtr = _alloc(32);
+        (_getExports().keychain_export_auth_key as any)(this.handle, outPtr);
+        const result = _readBytes(outPtr, 32);
+        _dealloc(outPtr, 32);
+        return result;
+    }
+
+    salt(): Uint8Array {
+        const outPtr = _alloc(32);
+        (_getExports().keychain_salt as any)(this.handle, outPtr);
+        const result = _readBytes(outPtr, 32);
+        _dealloc(outPtr, 32);
+        return result;
+    }
+
+    ikm(): Uint8Array {
+        const outPtr = _alloc(32);
+        (_getExports().keychain_ikm as any)(this.handle, outPtr);
+        const result = _readBytes(outPtr, 32);
+        _dealloc(outPtr, 32);
+        return result;
+    }
+
+    free(): void {
+        if (this.alive && this.handle) {
+            (_getExports().keychain_drop as any)(this.handle);
+            this.alive = false;
+        }
+    }
+
+    [Symbol.dispose](): void {
+        this.free();
+    }
+}
diff --git a/src/frontend/src/lib/workers/chithi.worker.ts b/src/frontend/src/lib/workers/chithi.worker.ts
new file mode 100644
index 00000000..8c75c178
--- /dev/null
+++ b/src/frontend/src/lib/workers/chithi.worker.ts
@@ -0,0 +1,158 @@
+import {
+  ensureInitialized,
+  wasmEncryptChunk,
+  wasmDecryptChunk,
+  wasmGetChunkNonce,
+  wasmEncryptChunksParallel,
+  wasmDecryptChunksParallel,
+  wasmEncryptAll,
+  wasmDecryptAll,
+  argon2DeriveWasm,
+  wasmDeriveKey,
+  generateIkmWasm,
+  compress7z,
+  decompress7z,
+  validate7z
+} from '#wasm/chithi_wasm';
+
+let keyRaw: Uint8Array | null = null;
+let baseIv: Uint8Array | null = null;
+let ready = false;
+
+self.onmessage = async (e: MessageEvent) => {
+  const msg = e.data as Record<string, unknown>;
+  try {
+    // --- Initialization ---
+    if (msg.type === 'init') {
+      if (!ready) {
+        await ensureInitialized();
+        ready = true;
+      }
+      keyRaw = new Uint8Array(msg.keyRaw as unknown as ArrayBuffer);
+      baseIv = new Uint8Array(msg.baseIv as unknown as ArrayBuffer);
+      self.postMessage({ type: 'ready' });
+      return;
+    }
+
+    if (!ready) {
+      self.postMessage({ type: 'error', message: 'WASM not initialized' });
+      return;
+    }
+
+ // --- Per-chunk encrypt / decrypt (used by stream pipeline) ---
+    if (msg.type === 'encrypt' && keyRaw && baseIv) {
+      const nonce = wasmGetChunkNonce(baseIv, msg.index as number);
+      const result = wasmEncryptChunk(
+        new Uint8Array(msg.chunk as unknown as ArrayBuffer),
+        keyRaw,
+        nonce
+      );
+      self.postMessage({ type: 'encrypted', index: msg.index, encrypted: result });
+      return;
+    }
+
+    if (msg.type === 'decrypt' && keyRaw && baseIv) {
+      const nonce = wasmGetChunkNonce(baseIv, msg.index as number);
+      const result = wasmDecryptChunk(
+        new Uint8Array(msg.chunk as unknown as ArrayBuffer),
+        keyRaw,
+        nonce
+      );
+      self.postMessage({ type: 'decrypted', index: msg.index, decrypted: result });
+      return;
+    }
+
+    // --- Parallel chunk operations ---
+    if (msg.type === 'encrypt-parallel' && keyRaw && baseIv) {
+      const chunks = (msg.chunks as Uint8Array[]).map(c => new Uint8Array(c.buffer ?? new ArrayBuffer(0)));
+      const results = wasmEncryptChunksParallel(chunks, keyRaw, baseIv);
+      self.postMessage({ type: 'encrypted-batch', results });
+      return;
+    }
+
+    if (msg.type === 'decrypt-parallel' && keyRaw && baseIv) {
+      const chunks = (msg.chunks as Uint8Array[]).map(c => new Uint8Array(c.buffer ?? new ArrayBuffer(0)));
+      const results = wasmDecryptChunksParallel(chunks, keyRaw, baseIv);
+      self.postMessage({ type: 'decrypted-batch', results });
+      return;
+    }
+
+    // --- All-at-once encrypt / decrypt ---
+    if (msg.type === 'encrypt-all' && keyRaw) {
+      const records = [new Uint8Array((msg.data as Uint8Array).buffer ?? new ArrayBuffer(0))];
+      const result = wasmEncryptAll(records, keyRaw);
+      self.postMessage({ type: 'encrypted-all', encrypted: result });
+      return;
+    }
+
+    if (msg.type === 'decrypt-all' && keyRaw) {
+      const records = [new Uint8Array((msg.data as Uint8Array).buffer ?? new ArrayBuffer(0))];
+      const result = wasmDecryptAll(records, keyRaw);
+      self.postMessage({ type: 'decrypted-all', decrypted: result });
+      return;
+    }
+
+    // --- Argon2 key derivation ---
+    if (msg.type === 'argon2-derive') {
+      const result = argon2DeriveWasm(
+        new Uint8Array(msg.password as unknown as ArrayBuffer),
+        new Uint8Array(msg.salt as unknown as ArrayBuffer),
+        msg.iterations as number,
+        msg.memoryCostKib as number,
+        msg.hashLength as number
+      );
+      self.postMessage({ type: 'derived', key: result });
+      return;
+    }
+
+    // --- WASM key derivation (HKDF-style) ---
+    if (msg.type === 'derive-key') {
+      const result = wasmDeriveKey(
+        new Uint8Array(msg.ikm as unknown as ArrayBuffer),
+        new Uint8Array(msg.salt as unknown as ArrayBuffer)
+      );
+      self.postMessage({ type: 'key-derived', key: result });
+      return;
+    }
+
+    // --- IKM generation ---
+    if (msg.type === 'generate-ikm') {
+      const ikm = generateIkmWasm();
+      self.postMessage({ type: 'ikm-generated', ikm });
+      return;
+    }
+
+    // --- 7z compression ---
+    if (msg.type === 'compress-7z') {
+      const entries = msg.entries as Array<{ name: string; data: Uint8Array }>;
+      const result = compress7z(entries, msg.password as string | undefined);
+      self.postMessage({ type: 'compressed', data: result });
+      return;
+    }
+
+    // --- 7z decompression ---
+    if (msg.type === 'decompress-7z') {
+      const data = new Uint8Array(msg.data as unknown as ArrayBuffer);
+      const result = await decompress7z(data, msg.password as string | undefined);
+      self.postMessage({ type: 'decompressed', entries: result });
+      return;
+    }
+
+    // --- 7z validation ---
+    if (msg.type === 'validate-7z') {
+      const data = new Uint8Array(msg.data as unknown as ArrayBuffer);
+      const valid = validate7z(data);
+      self.postMessage({ type: 'validated', valid });
+      return;
+    }
+
+    // --- Unknown message ---
+    self.postMessage({ type: 'error', message: `Unknown message type: ${msg.type}` });
+  } catch (err) {
+    self.postMessage({
+      type: 'error',
+      message: (err as Error)?.message ?? String(err),
+      index: msg.index as number
+    });
+  }
+};
diff --git a/src/frontend/src/lib/workers/decrypt.worker.ts b/src/frontend/src/lib/workers/decrypt.worker.ts
deleted file mode 100644
index 0d184429..00000000
--- a/src/frontend/src/lib/workers/decrypt.worker.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { getChunkIv } from '#functions/encryption';
-
-let aesKey: CryptoKey | null = null;
-let baseIv: Uint8Array | null = null;
-
-interface InitMessage {
-	type: 'init';
-	keyRaw: ArrayBuffer;
-	baseIv: ArrayBuffer;
-}
-
-interface DecryptMessage {
-	type: 'decrypt';
-	index: number;
-	chunk: ArrayBuffer;
-}
-
-self.addEventListener('message', async (ev: MessageEvent) => {
-	const msg = ev.data as InitMessage | DecryptMessage;
-	try {
-		if (msg.type === 'init') {
-			// Import the raw key for AES-GCM
-			aesKey = await crypto.subtle.importKey('raw', msg.keyRaw, { name: 'AES-GCM' }, false, [
-				'decrypt'
-			]);
-			baseIv = new Uint8Array(msg.baseIv);
-			(self as any).postMessage({ type: 'ready' });
-			return;
-		}
-
-		if (msg.type === 'decrypt') {
-			if (!aesKey || !baseIv) {
-				(self as any).postMessage({
-					type: 'error',
-					index: msg.index,
-					message: 'Worker not initialized'
-				});
-				return;
-			}
-
-			const chunk = new Uint8Array(msg.chunk);
-			const iv = getChunkIv(baseIv, msg.index);
-			try {
-				const buf = chunk.buffer.slice(chunk.byteOffset, chunk.byteOffset + chunk.byteLength);
-				const decrypted = await crypto.subtle.decrypt(
-					{ name: 'AES-GCM', iv: iv as any },
-					aesKey,
-					buf
-				);
-				(self as any).postMessage({ type: 'decrypted', index: msg.index, decrypted }, [decrypted]);
-			} catch (e: any) {
-				(self as any).postMessage({
-					type: 'error',
-					index: msg.index,
-					name: e?.name,
-					message: e?.message ?? String(e)
-				});
-			}
-		}
-	} catch (e: any) {
-		(self as any).postMessage({ type: 'error', name: e?.name, message: e?.message ?? String(e) });
-	}
-});
diff --git a/src/frontend/src/lib/workers/encrypt.worker.ts b/src/frontend/src/lib/workers/encrypt.worker.ts
deleted file mode 100644
index b94aff44..00000000
--- a/src/frontend/src/lib/workers/encrypt.worker.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { getChunkIv } from '#functions/encryption';
-
-let aesKey: CryptoKey | null = null;
-let baseIv: Uint8Array | null = null;
-
-interface InitMessage {
-	type: 'init';
-	keyRaw: ArrayBuffer;
-	baseIv: ArrayBuffer;
-}
-
-interface EncryptMessage {
-	type: 'encrypt';
-	index: number;
-	chunk: ArrayBuffer;
-}
-
-self.addEventListener('message', async (ev: MessageEvent) => {
-	const msg = ev.data as InitMessage | EncryptMessage;
-	try {
-		if (msg.type === 'init') {
-			// Import the raw key for AES-GCM
-			aesKey = await crypto.subtle.importKey('raw', msg.keyRaw, { name: 'AES-GCM' }, false, [
-				'encrypt'
-			]);
-			baseIv = new Uint8Array(msg.baseIv);
-			(self as any).postMessage({ type: 'ready' });
-			return;
-		}
-
-		if (msg.type === 'encrypt') {
-			if (!aesKey || !baseIv) {
-				(self as any).postMessage({
-					type: 'error',
-					index: msg.index,
-					message: 'Worker not initialized'
-				});
-				return;
-			}
-
-			const chunk = new Uint8Array(msg.chunk);
-			const iv = getChunkIv(baseIv, msg.index);
-			try {
-				const buf = chunk.buffer.slice(chunk.byteOffset, chunk.byteOffset + chunk.byteLength);
-				const encrypted = await crypto.subtle.encrypt(
-					{ name: 'AES-GCM', iv: iv as any },
-					aesKey,
-					buf
-				);
-				// Transfer the encrypted ArrayBuffer back
-				(self as any).postMessage({ type: 'encrypted', index: msg.index, encrypted }, [encrypted]);
-			} catch (e: any) {
-				(self as any).postMessage({
-					type: 'error',
-					index: msg.index,
-					message: e?.message ?? String(e)
-				});
-			}
-		}
-	} catch (e: any) {
-		(self as any).postMessage({ type: 'error', message: e?.message ?? String(e) });
-	}
-});
diff --git a/src/frontend/src/lib/workers/file-converter.worker.ts b/src/frontend/src/lib/workers/file-converter.worker.ts
index 30ddd8b0..b704d83c 100644
--- a/src/frontend/src/lib/workers/file-converter.worker.ts
+++ b/src/frontend/src/lib/workers/file-converter.worker.ts
@@ -6,23 +6,23 @@ import decodeHeic, { init as initHeic } from '@discourse/heic/decode';
 import decodeJxr, { init as initJxr } from '@discourse/jxr/decode';
 // #endregion
 // #region jsquash imports
+import decodeWebp, { init as initWebp } from '@discourse/webp/decode';
+import encodeWebp, { init as initWebpEncode } from '@discourse/webp/encode';
 import decodeJxl, { init as initJxl } from '@jsquash/jxl/decode';
 import optimisePng, { init as initOxipng } from '@jsquash/oxipng/optimise';
 import encodePng, { init as initPng } from '@jsquash/png/encode';
 import decodeQoi, { init as initQoi } from '@jsquash/qoi/decode';
-import decodeWebp, { init as initWebp } from '@jsquash/webp/decode';
-import encodeWebp, { init as initWebpEncode } from '@jsquash/webp/encode';
 // #endregion
 
 // Vite will resolve these WASM URLs at build time.
 import gifWasmUrl from '@discourse/gif/codec/pkg/squoosh_gif_bg.wasm?url';
 import heicWasmUrl from '@discourse/heic/codec/dec/heic_dec.wasm?url';
 import jxrWasmUrl from '@discourse/jxr/codec/dec/jxr_dec.wasm?url';
+import webpWasmUrl from '@discourse/webp/codec/dec/webp_dec.wasm?url';
 import jxlWasmUrl from '@jsquash/jxl/codec/dec/jxl_dec.wasm?url';
 import oxipngWasmUrl from '@jsquash/oxipng/codec/pkg-parallel/squoosh_oxipng_bg.wasm?url';
 import pngWasmUrl from '@jsquash/png/codec/pkg/squoosh_png_bg.wasm?url';
 import qoiWasmUrl from '@jsquash/qoi/codec/dec/qoi_dec.wasm?url';
-import webpWasmUrl from '@jsquash/webp/codec/dec/webp_dec.wasm?url';
 import resvgWasmUrl from '@resvg/resvg-wasm/index_bg.wasm?url';
 
 let gifInitialized = false;
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/+layout.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/+layout.svelte
index b5428a27..8ddd074f 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/+layout.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/+layout.svelte
@@ -1,14 +1,16 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
-	import { useAuth } from '#queries/auth';
 	import { page } from '$app/state';
-	import * as Empty from '$lib/components/ui/empty/index';
+	import * as Empty from '$lib/components/ui/empty/index.js';
 	import { Lock } from '@lucide/svelte';
-	import { Button } from '$lib/components/ui/button';
+	import { Button } from '$lib/components/ui/button/index.js';
 	import { user_store } from '$lib/store/user.svelte';
+	import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+	import { MeDocument } from '$lib/graphql/generated/graphql.js';
+	import type { MeQuery } from '$lib/graphql/generated/graphql.js';
 
-	const { user: userData } = useAuth();
-	let { children } = $props();
+	const meQuery = createQueryStore<MeQuery>(MeDocument);
+	const { children } = $props();
 
 	$effect(() => {
 		if (user_store.is_authenticated === false) {
@@ -17,12 +19,11 @@
 	});
 </script>
 
-{#if userData.isLoading && user_store.is_authenticated !== false}
+{#if meQuery.fetching && user_store.is_authenticated !== false}
 	<div class="flex min-h-svh w-full flex-1 items-center justify-center p-4">
-		<!-- You could add a spinner here if you want -->
 		<div class="animate-pulse text-muted-foreground">Checking authentication...</div>
 	</div>
-{:else if [null, undefined].includes(userData.data)}
+{:else if (meQuery.data?.me === null || meQuery.data?.me === undefined)}
 	<div class="flex min-h-svh w-full flex-1 items-center justify-center p-4">
 		<Empty.Root>
 			<Empty.Header class="text-center">
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/+layout.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/+layout.svelte
index 79d57afe..5b77eb7e 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/+layout.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/+layout.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import * as Sidebar from '$lib/components/ui/sidebar/index';
-	import * as Breadcrumb from '$lib/components/ui/breadcrumb/index';
-	import { Separator } from '$lib/components/ui/separator/index';
+	import * as Sidebar from '$lib/components/ui/sidebar/index.js';
+	import * as Breadcrumb from '$lib/components/ui/breadcrumb/index.js';
+	import { Separator } from '$lib/components/ui/separator/index.js';
 	import AppSidebar from './app-sidebar.svelte';
 	import { page } from '$app/state';
 
-	let { children } = $props();
+	const { children } = $props();
 
 	const breadcrumbMap: Record<string, string> = {
 		'/admin/user': 'Profile',
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/app-sidebar.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/app-sidebar.svelte
index f1c5ac34..be8a9c0f 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/app-sidebar.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/app-sidebar.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import * as Sidebar from '$lib/components/ui/sidebar/index';
+	import * as Sidebar from '$lib/components/ui/sidebar/index.js';
 	import { Settings, UserPen, Link, Users } from '@lucide/svelte';
 	import favicon from '$lib/assets/logo.svg';
 	const items = [
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/+page.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/+page.svelte
index 1b72f8da..13d5b757 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/+page.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/+page.svelte
@@ -1,10 +1,14 @@
 <script lang="ts">
-	import { LoaderCircle } from '@lucide/svelte';
+	import { Spinner } from '$lib/components/ui/spinner/index.js';
+	import { H2, Mutated, InlineCode } from '$lib/components/ui/typography/index.js';
 	import { fade } from 'svelte/transition';
 	import { page } from '$app/state';
-	import { useConfigQuery } from '#queries/config';
+	import { createQueryStore, executeMutation } from '$lib/graphql/use-query.svelte.js';
+	import { client } from '$lib/graphql/client.js';
+	import { ConfigDocument, type ConfigQuery, UpdateConfigDocument } from '$lib/graphql/generated/graphql.js';
 	import { formatBytes, type ByteUnit } from '#functions/bytes';
 	import { type TimeUnit } from '#functions/times';
+	import * as Tabs from '$lib/components/ui/tabs/index.js';
 	import ConfigLoadingSkeleton from './config_loading_skeleton.svelte';
 
 	const { default: StorageFilesCard } = await import('./storage_file_card.svelte');
@@ -12,12 +16,23 @@
 	const { default: FileSecurityCard } = await import('./file_security_card.svelte');
 	const { default: SiteDescriptionCard } = await import('./site_description_card.svelte');
 
-	const { config: configQuery, update_config } = useConfigQuery();
+	const configQuery = createQueryStore<ConfigQuery>(ConfigDocument);
 
-	let configData = $derived(configQuery.data);
+	async function updateConfig(payload: any) {
+		try {
+			await executeMutation(UpdateConfigDocument, payload);
+			await client.query({ query: ConfigDocument });
+		} catch (error) {
+			console.error('Save failed:', error);
+		}
+	}
+
+	let activeTab = $state('storage');
+
+	let configData = $derived(configQuery.data?.config);
 	let descDraft = $state('');
 	let previewMarkdown = $derived(
-		descDraft ? String(descDraft) : (configData?.site_description ?? '')
+		descDraft ? String(descDraft) : (configData?.siteDescription ?? '')
 	);
 
 	let editing = $state<
@@ -57,7 +72,7 @@
 	function startEdit(type: 'storage' | 'file') {
 		if (!configData) return;
 		const bytes =
-			type === 'storage' ? configData.total_storage_limit : configData.max_file_size_limit;
+			type === 'storage' ? configData.totalStorageLimit : configData.maxFileSizeLimit;
 		const f = formatBytes(bytes);
 		editVal = f.val;
 		editUnit = f.unit;
@@ -66,7 +81,7 @@
 
 	async function save(payload: any) {
 		try {
-			await update_config(payload);
+			await updateConfig(payload);
 		} catch (error) {
 			console.error('Save failed:', error);
 		}
@@ -74,44 +89,60 @@
 
 	function openDescriptionEditor() {
 		editing = 'desc';
-		descDraft = configData?.site_description ?? '';
+		descDraft = configData?.siteDescription ?? '';
 	}
 </script>
 
 <div class="flex items-center justify-between space-y-2 pb-6">
 	<div>
-		<h2 class="text-3xl font-bold tracking-tight">Settings</h2>
-		<p class="text-muted-foreground">
-			Manage your <code>{page.url.origin}</code> chithi instance.
-		</p>
+		<H2>Settings</H2>
+		<Mutated>
+			Manage your <InlineCode>{page.url.origin}</InlineCode> chithi instance.
+		</Mutated>
 	</div>
 </div>
 
 <div class="space-y-6">
-	{#if configQuery.isFetching}
+	{#if configQuery.fetching}
 		<div
 			in:fade
 			class="fixed top-24 right-10 z-50 flex items-center gap-2 rounded-full border bg-background/80 px-3 py-1 text-xs font-semibold tracking-wider text-muted-foreground uppercase shadow-sm backdrop-blur-sm"
 		>
-			<LoaderCircle class="size-3.5 animate-spin" /> Syncing
+			<Spinner class="size-3.5" /> Syncing
 		</div>
 	{/if}
 
-	{#if configQuery.isLoading}
+	{#if configQuery.fetching}
 		<ConfigLoadingSkeleton />
 	{:else if configData}
-		<StorageFilesCard {configData} bind:editing bind:editVal bind:editUnit {startEdit} {save} />
-		<RetentionPolicyCard {configData} bind:editing bind:tempInput {save} />
-		<FileSecurityCard {configData} bind:editing bind:tempInput {save} />
-		<SiteDescriptionCard
-			bind:editing
-			bind:descDraft
-			{previewMarkdown}
-			{descWordCount}
-			{descExceeds}
-			wordLimit={LIMITS.site_description.words}
-			{save}
-			openEditor={openDescriptionEditor}
-		/>
+		<Tabs.Root bind:value={activeTab} class="space-y-4">
+			<Tabs.List class="flex gap-2">
+				<Tabs.Trigger value="storage">Storage</Tabs.Trigger>
+				<Tabs.Trigger value="retention">Retention</Tabs.Trigger>
+				<Tabs.Trigger value="security">Security</Tabs.Trigger>
+				<Tabs.Trigger value="description">Description</Tabs.Trigger>
+			</Tabs.List>
+			<Tabs.Content value="storage">
+				<StorageFilesCard {configData} bind:editing bind:editVal bind:editUnit {startEdit} {save} />
+			</Tabs.Content>
+			<Tabs.Content value="retention">
+				<RetentionPolicyCard {configData} bind:editing bind:tempInput {save} />
+			</Tabs.Content>
+			<Tabs.Content value="security">
+				<FileSecurityCard {configData} bind:editing bind:tempInput {save} />
+			</Tabs.Content>
+			<Tabs.Content value="description">
+				<SiteDescriptionCard
+					bind:editing
+					bind:descDraft
+					{previewMarkdown}
+					{descWordCount}
+					{descExceeds}
+					wordLimit={LIMITS.site_description.words}
+					{save}
+					openEditor={openDescriptionEditor}
+				/>
+			</Tabs.Content>
+		</Tabs.Root>
 	{/if}
 </div>
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/config_loading_skeleton.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/config_loading_skeleton.svelte
index c4daabeb..c103aca3 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/config_loading_skeleton.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/config_loading_skeleton.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Skeleton } from '$lib/components/ui/skeleton';
+	import { Skeleton } from '$lib/components/ui/skeleton/index.js';
 </script>
 
 <div class="space-y-6">
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/file_security_card.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/file_security_card.svelte
index 0af1eecd..9b59e2b3 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/file_security_card.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/file_security_card.svelte
@@ -1,183 +1,129 @@
 <script lang="ts">
-	import * as Card from '$lib/components/ui/card';
-	import * as Item from '$lib/components/ui/item';
-	import { Button } from '$lib/components/ui/button';
-	import { Input } from '$lib/components/ui/input';
-	import { Badge } from '$lib/components/ui/badge';
-	import { X } from '@lucide/svelte';
-	import { sanitizeExt } from '#functions/sanitize';
-	import type { TimeUnit } from '#functions/times';
+  import * as Card from '$lib/components/ui/card/index.js';
+  import * as Item from '$lib/components/ui/item/index.js';
+  import { Button } from '$lib/components/ui/button/index.js';
+  import { Input } from '$lib/components/ui/input/index.js';
+  import { Badge } from '$lib/components/ui/badge/index.js';
+  import { X } from '@lucide/svelte';
+  import { sanitizeExt } from '#functions/sanitize';
+  import type { ConfigQuery } from '$lib/graphql/generated/graphql.js';
 
-	let {
-		configData,
-		editing = $bindable(),
-		tempInput = $bindable(),
-		save
-	}: {
-		configData: any;
-		editing: 'storage' | 'file' | 'desc' | 'time' | 'allowed' | 'banned' | 'steps' | null;
-		tempInput: {
-			dl: number;
-			time: number;
-			timeUnit: TimeUnit;
-			allowedStr: string;
-			bannedStr: string;
-		};
-		save: (payload: any) => Promise<void>;
-	} = $props();
+  let {
+    configData,
+    editing = $bindable(),
+    tempInput = $bindable(),
+    save
+  }: {
+    configData: ConfigQuery['config'];
+    editing: 'storage' | 'file' | 'desc' | 'time' | 'allowed' | 'banned' | 'steps' | null;
+    tempInput: { allowedStr: string; bannedStr: string };
+    save: (payload: any) => Promise<void>;
+  } = $props();
+
+  const addAllowed = () => {
+    const ext = sanitizeExt(tempInput.allowedStr);
+    if (!ext) return;
+    save({ allowedFileTypes: [...new Set([...(configData.allowedFileTypes || []), ext])] });
+    tempInput.allowedStr = '';
+  };
+
+  const addBanned = () => {
+    const ext = sanitizeExt(tempInput.bannedStr);
+    if (!ext) return;
+    save({ bannedFileTypes: [...new Set([...(configData.bannedFileTypes || []), ext])] });
+    tempInput.bannedStr = '';
+  };
 </script>
 
 <Card.Root class="border bg-background">
-	<Card.Header class="px-6 py-4">
-		<Card.Title class="text-base font-medium">File Security</Card.Title>
-	</Card.Header>
-	<Card.Content class="grid gap-4 p-6 pt-0 md:grid-cols-2">
-		<Item.Root variant="outline" class="block p-4">
-			<div class="space-y-4">
-				<Item.Content>
-					<Item.Title>Allowed Extensions</Item.Title>
-					<Item.Description class="line-clamp-none">Whitelist specific file types.</Item.Description
-					>
-				</Item.Content>
-				<Item.Actions>
-					<div class="flex w-full items-center gap-2">
-						<Input
-							placeholder="Add extension (e.g. pdf)..."
-							bind:value={tempInput.allowedStr}
-							onkeydown={(e: any) => {
-								if (editing === 'allowed' && e.key === 'Enter') {
-									const ext = sanitizeExt(tempInput.allowedStr);
-									if (ext)
-										save({
-											allowed_file_types: [
-												...new Set([...(configData.allowed_file_types || []), ext])
-											]
-										});
-									tempInput.allowedStr = '';
-								}
-							}}
-							onfocus={() => (editing = 'allowed')}
-							class="min-w-0 flex-1 bg-background"
-						/>
-						{#if editing === 'allowed' && tempInput.allowedStr}
-							<Button
-								size="sm"
-								onclick={() => {
-									const ext = sanitizeExt(tempInput.allowedStr);
-									if (ext)
-										save({
-											allowed_file_types: [
-												...new Set([...(configData.allowed_file_types || []), ext])
-											]
-										});
-									tempInput.allowedStr = '';
-								}}>Add</Button
-							>
-						{/if}
-					</div>
-				</Item.Actions>
-				<Item.Footer
-					class="flex min-h-10 flex-wrap justify-start gap-2 rounded-md border bg-muted/20 p-3"
-				>
-					{#if !configData.allowed_file_types?.length}
-						<span class="p-1 text-xs text-muted-foreground italic"
-							>All files types are allowed.</span
-						>
-					{:else}
-						{#each configData.allowed_file_types as type}
-							<Badge
-								variant="outline"
-								class="gap-1 border-emerald-500/20 bg-emerald-500/10 pr-1 text-emerald-600"
-							>
-								{type}
-								<button
-									onclick={() =>
-										save({
-											allowed_file_types: configData.allowed_file_types.filter(
-												(t: any) => t !== type
-											)
-										})}
-									class="cursor-pointer rounded-full p-0.5 hover:bg-emerald-500/20"
-								>
-									<X class="size-3" />
-								</button>
-							</Badge>
-						{/each}
-					{/if}
-				</Item.Footer>
-			</div>
-		</Item.Root>
+  <Card.Header class="px-6 py-4">
+    <Card.Title class="text-base font-medium">File Security</Card.Title>
+  </Card.Header>
+  <Card.Content class="grid gap-4 p-6 pt-0 md:grid-cols-2">
+    <!-- Allowed Extensions -->
+    <Item.Root variant="outline" class="block p-4">
+      <div class="space-y-4">
+        <Item.Content>
+          <Item.Title>Allowed Extensions</Item.Title>
+          <Item.Description class="line-clamp-none">Whitelist specific file types.</Item.Description>
+        </Item.Content>
+        <Item.Actions>
+          <div class="flex w-full items-center gap-2">
+            <Input
+              placeholder="Add extension (e.g. pdf)..."
+              bind:value={tempInput.allowedStr}
+              onkeydown={(e: KeyboardEvent) => {
+                if (editing === 'allowed' && e.key === 'Enter') addAllowed();
+              }}
+              onfocus={() => (editing = 'allowed')}
+              class="min-w-0 flex-1 bg-background"
+            />
+            {#if editing === 'allowed' && tempInput.allowedStr}
+              <Button size="sm" onclick={addAllowed}>Add</Button>
+            {/if}
+          </div>
+        </Item.Actions>
+        <Item.Footer class="flex min-h-10 flex-wrap justify-start gap-2 rounded-md border bg-muted/20 p-3">
+          {#if !configData.allowedFileTypes?.length}
+            <span class="p-1 text-xs text-muted-foreground italic">All files types are allowed.</span>
+          {:else}
+            {#each configData.allowedFileTypes as type}
+              <Badge variant="outline" class="gap-1 border-emerald-500/20 bg-emerald-500/10 pr-1 text-emerald-600">
+                {type}
+                <button
+                  onclick={() => save({ allowedFileTypes: configData.allowedFileTypes.filter((t: string) => t !== type) })}
+                  class="cursor-pointer rounded-full p-0.5 hover:bg-emerald-500/20"
+                >
+                  <X class="size-3" />
+                </button>
+              </Badge>
+            {/each}
+          {/if}
+        </Item.Footer>
+      </div>
+    </Item.Root>
 
-		<Item.Root variant="outline" class="block p-4">
-			<div class="space-y-4">
-				<Item.Content>
-					<Item.Title>Banned Extensions</Item.Title>
-					<Item.Description class="line-clamp-none">Blacklist specific file types.</Item.Description
-					>
-				</Item.Content>
-				<Item.Actions>
-					<div class="flex w-full items-center gap-2">
-						<Input
-							placeholder="Add extension (e.g. exe)..."
-							bind:value={tempInput.bannedStr}
-							onkeydown={(e: any) => {
-								if (editing === 'banned' && e.key === 'Enter') {
-									const ext = sanitizeExt(tempInput.bannedStr);
-									if (ext)
-										save({
-											banned_file_types: [
-												...new Set([...(configData.banned_file_types || []), ext])
-											]
-										});
-									tempInput.bannedStr = '';
-								}
-							}}
-							onfocus={() => (editing = 'banned')}
-							class="min-w-0 flex-1 bg-background"
-						/>
-						{#if editing === 'banned' && tempInput.bannedStr}
-							<Button
-								size="sm"
-								onclick={() => {
-									const ext = sanitizeExt(tempInput.bannedStr);
-									if (ext)
-										save({
-											banned_file_types: [
-												...new Set([...(configData.banned_file_types || []), ext])
-											]
-										});
-									tempInput.bannedStr = '';
-								}}>Add</Button
-							>
-						{/if}
-					</div>
-				</Item.Actions>
-				<Item.Footer
-					class="flex min-h-10 flex-wrap justify-start gap-2 rounded-md border bg-muted/20 p-3"
-				>
-					{#if !configData.banned_file_types?.length}
-						<span class="p-1 text-xs text-muted-foreground italic">No file types are banned.</span>
-					{:else}
-						{#each configData.banned_file_types as type}
-							<Badge
-								variant="outline"
-								class="gap-1 border-destructive/20 bg-destructive/10 pr-1 text-destructive"
-							>
-								{type}
-								<button
-									onclick={() =>
-										save({
-											banned_file_types: configData.banned_file_types.filter((t: any) => t !== type)
-										})}
-									class="cursor-pointer rounded-full p-0.5 hover:bg-destructive/20"
-								>
-									<X class="size-3" />
-								</button>
-							</Badge>
-						{/each}
-					{/if}
-				</Item.Footer>
-			</div>
-		</Item.Root>
-	</Card.Content>
+    <!-- Banned Extensions -->
+    <Item.Root variant="outline" class="block p-4">
+      <div class="space-y-4">
+        <Item.Content>
+          <Item.Title>Banned Extensions</Item.Title>
+          <Item.Description class="line-clamp-none">Blacklist specific file types.</Item.Description>
+        </Item.Content>
+        <Item.Actions>
+          <div class="flex w-full items-center gap-2">
+            <Input
+              placeholder="Add extension (e.g. exe)..."
+              bind:value={tempInput.bannedStr}
+              onkeydown={(e: KeyboardEvent) => {
+                if (editing === 'banned' && e.key === 'Enter') addBanned();
+              }}
+              onfocus={() => (editing = 'banned')}
+              class="min-w-0 flex-1 bg-background"
+            />
+            {#if editing === 'banned' && tempInput.bannedStr}
+              <Button size="sm" onclick={addBanned}>Add</Button>
+            {/if}
+          </div>
+        </Item.Actions>
+        <Item.Footer class="flex min-h-10 flex-wrap justify-start gap-2 rounded-md border bg-muted/20 p-3">
+          {#if !configData.bannedFileTypes?.length}
+            <span class="p-1 text-xs text-muted-foreground italic">No file types are banned.</span>
+          {:else}
+            {#each configData.bannedFileTypes as type}
+              <Badge variant="outline" class="gap-1 border-destructive/20 bg-destructive/10 pr-1 text-destructive">
+                {type}
+                <button
+                  onclick={() => save({ bannedFileTypes: configData.bannedFileTypes.filter((t: string) => t !== type) })}
+                  class="cursor-pointer rounded-full p-0.5 hover:bg-destructive/20"
+                >
+                  <X class="size-3" />
+                </button>
+              </Badge>
+            {/each}
+          {/if}
+        </Item.Footer>
+      </div>
+    </Item.Root>
+  </Card.Content>
 </Card.Root>
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/retention_policy_card.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/retention_policy_card.svelte
index fedac74e..c1643c85 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/retention_policy_card.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/retention_policy_card.svelte
@@ -1,253 +1,208 @@
 <script lang="ts">
-	import * as Card from '$lib/components/ui/card';
-	import * as Item from '$lib/components/ui/item';
-	import { Button } from '$lib/components/ui/button';
-	import { Input } from '$lib/components/ui/input';
-	import { Badge } from '$lib/components/ui/badge';
-	import * as Select from '$lib/components/ui/select';
-	import { X } from '@lucide/svelte';
-	import { slide } from 'svelte/transition';
-	import { formatSeconds, secondsToNumber, T_UNITS, type TimeUnit } from '#functions/times';
+  import * as Card from '$lib/components/ui/card/index.js';
+  import * as Item from '$lib/components/ui/item/index.js';
+  import { Button } from '$lib/components/ui/button/index.js';
+  import { Input } from '$lib/components/ui/input/index.js';
+  import { Badge } from '$lib/components/ui/badge/index.js';
+  import * as Select from '$lib/components/ui/select/index.js';
+  import { X } from '@lucide/svelte';
+  import { slide } from 'svelte/transition';
+  import { formatSeconds, secondsToNumber, T_UNITS, type TimeUnit } from '#functions/times';
+  import type { ConfigQuery } from '$lib/graphql/generated/graphql.js';
 
-	let {
-		configData,
-		editing = $bindable(),
-		tempInput = $bindable(),
-		save
-	}: {
-		configData: any;
-		editing: 'storage' | 'file' | 'desc' | 'time' | 'allowed' | 'banned' | 'steps' | null;
-		tempInput: {
-			dl: number;
-			time: number;
-			timeUnit: TimeUnit;
-			allowedStr: string;
-			bannedStr: string;
-		};
-		save: (payload: any) => Promise<void>;
-	} = $props();
+  type EditingMode = 'storage' | 'file' | 'desc' | 'time' | 'allowed' | 'banned' | 'steps' | null;
+
+  let {
+    configData,
+    editing = $bindable(),
+    tempInput = $bindable(),
+    save
+  }: {
+    configData: ConfigQuery['config'];
+    editing: EditingMode;
+    tempInput: {
+      dl: number;
+      time: number;
+      timeUnit: TimeUnit;
+      allowedStr: string;
+      bannedStr: string;
+    };
+    save: (payload: Record<string, unknown>) => Promise<void>;
+  } = $props();
+
+  const addTimeItem = (key: string) => {
+    const secs = secondsToNumber(tempInput.time, tempInput.timeUnit);
+    save({ [key]: [...configData[key as 'timeConfigs'] as number[], secs].sort((a, b) => a - b) });
+  };
+
+  const addDlItem = (key: string) => {
+    save({ [key]: [...configData[key as 'downloadConfigs'] as number[], tempInput.dl].sort((a, b) => a - b) });
+  };
+
+  function toggleMode(mode: EditingMode) {
+    if (editing === mode) {
+      editing = null;
+    } else {
+      editing = mode;
+      if (mode === 'time') {
+        tempInput.time = 1;
+        tempInput.timeUnit = 'Hours';
+      } else if (mode === 'steps') {
+        tempInput.dl = 1;
+      }
+    }
+  }
 </script>
 
 <Card.Root class="border bg-background">
-	<Card.Header class="px-6 py-4">
-		<Card.Title class="text-base font-medium">Retention Policy</Card.Title>
-	</Card.Header>
-	<Card.Content class="p-0">
-		<Item.Group>
-			<Item.Root>
-				<Item.Content>
-					<Item.Title>Default Expiry</Item.Title>
-					<Item.Description class="line-clamp-none text-wrap">
-						The default retention period applied to uploads if none is specified.
-					</Item.Description>
-				</Item.Content>
-				<Item.Actions class="w-full md:w-auto md:min-w-75">
-					<Select.Root
-						type="single"
-						value={String(configData.default_expiry)}
-						onValueChange={(v) => save({ default_expiry: Number(v) })}
-					>
-						<Select.Trigger class="w-full bg-background font-mono">
-							{formatSeconds(configData.default_expiry).val}
-							{formatSeconds(configData.default_expiry).unit}
-						</Select.Trigger>
-						<Select.Content>
-							{#each configData.time_configs as t}
-								{@const f = formatSeconds(t)}
-								<Select.Item value={String(t)} label="{f.val} {f.unit}">
-									{f.val}
-									{f.unit}
-								</Select.Item>
-							{/each}
-						</Select.Content>
-					</Select.Root>
-				</Item.Actions>
-			</Item.Root>
+  <Card.Header class="px-6 py-4">
+    <Card.Title class="text-base font-medium">Retention Policy</Card.Title>
+  </Card.Header>
+  <Card.Content class="p-0">
+    <Item.Group>
+      <Item.Root>
+        <Item.Content>
+          <Item.Title>Default Expiry</Item.Title>
+          <Item.Description class="line-clamp-none text-wrap">
+            The default retention period applied to uploads if none is specified.
+          </Item.Description>
+        </Item.Content>
+        <Item.Actions class="w-full md:w-auto md:min-w-75">
+          <Select.Root
+            type="single"
+            value={String(configData.defaultExpiry)}
+            onValueChange={(v) => save({ defaultExpiry: Number(v) })}
+          >
+            <Select.Trigger class="w-full bg-background font-mono">
+              {@const f = formatSeconds(configData.defaultExpiry)}
+              {f.val} {f.unit}
+            </Select.Trigger>
+            <Select.Content>
+              {#each configData.timeConfigs as t}
+                {@const f = formatSeconds(t)}
+                <Select.Item value={String(t)} label="{f.val} {f.unit}">{f.val} {f.unit}</Select.Item>
+              {/each}
+            </Select.Content>
+          </Select.Root>
+        </Item.Actions>
+      </Item.Root>
 
-			<Item.Separator />
+      <Item.Separator />
 
-			<Item.Root>
-				<Item.Content>
-					<Item.Title>Default Download Limit</Item.Title>
-					<Item.Description class="line-clamp-none text-wrap">
-						The default maximum number of downloads for a file.
-					</Item.Description>
-				</Item.Content>
-				<Item.Actions class="w-full md:w-auto md:min-w-75">
-					<Select.Root
-						type="single"
-						value={String(configData.default_number_of_downloads)}
-						onValueChange={(v) => save({ default_number_of_downloads: Number(v) })}
-					>
-						<Select.Trigger class="w-full bg-background font-mono">
-							{configData.default_number_of_downloads}x
-						</Select.Trigger>
-						<Select.Content>
-							{#each configData.download_configs as dl}
-								<Select.Item value={String(dl)} label="{dl}x">{dl}x</Select.Item>
-							{/each}
-						</Select.Content>
-					</Select.Root>
-				</Item.Actions>
-			</Item.Root>
+      <Item.Root>
+        <Item.Content>
+          <Item.Title>Default Download Limit</Item.Title>
+          <Item.Description class="line-clamp-none text-wrap">
+            The default maximum number of downloads for a file.
+          </Item.Description>
+        </Item.Content>
+        <Item.Actions class="w-full md:w-auto md:min-w-75">
+          <Select.Root
+            type="single"
+            value={String(configData.defaultNumberOfDownloads)}
+            onValueChange={(v) => save({ defaultNumberOfDownloads: Number(v) })}
+          >
+            <Select.Trigger class="w-full bg-background font-mono">
+              {configData.defaultNumberOfDownloads}x
+            </Select.Trigger>
+            <Select.Content>
+              {#each configData.downloadConfigs as dl}
+                <Select.Item value={String(dl)} label="{dl}x">{dl}x</Select.Item>
+              {/each}
+            </Select.Content>
+          </Select.Root>
+        </Item.Actions>
+      </Item.Root>
 
-			<Item.Separator />
+      <Item.Separator />
 
-			<Item.Root class="flex-col items-stretch gap-4">
-				<div class="flex items-start justify-between gap-4">
-					<Item.Content>
-						<Item.Title>Time Presets</Item.Title>
-						<Item.Description class="line-clamp-none"
-							>Time options available to users.</Item.Description
-						>
-					</Item.Content>
-					<Item.Actions>
-						<Button
-							variant="outline"
-							size="sm"
-							onclick={() => {
-								editing = editing === 'time' ? null : 'time';
-								if (editing === 'time') {
-									tempInput.time = 1;
-									tempInput.timeUnit = 'Hours';
-								}
-							}}
-						>
-							{editing === 'time' ? 'Done' : 'Edit'}
-						</Button>
-					</Item.Actions>
-				</div>
+      <!-- Time Presets -->
+      <Item.Root class="flex-col items-stretch gap-4">
+        <div class="flex items-start justify-between gap-4">
+          <Item.Content>
+            <Item.Title>Time Presets</Item.Title>
+            <Item.Description class="line-clamp-none">Time options available to users.</Item.Description>
+          </Item.Content>
+          <Item.Actions>
+            <Button variant="outline" size="sm" onclick={() => toggleMode('time')}>
+              {editing === 'time' ? 'Done' : 'Edit'}
+            </Button>
+          </Item.Actions>
+        </div>
 
-				<Item.Footer
-					class="flex min-h-16 flex-wrap items-center justify-start gap-2 rounded-lg border bg-muted/20 p-4"
-				>
-					{#each configData.time_configs as t, i}
-						{@const f = formatSeconds(t)}
-						<Badge
-							variant="secondary"
-							class="h-8 border-border bg-background px-3 text-sm font-normal hover:bg-background"
-						>
-							{f.val}
-							{f.unit}
-							{#if editing === 'time'}
-								<div class="mx-2 h-3 w-px bg-border"></div>
-								<button
-									onclick={() =>
-										save({
-											time_configs: configData.time_configs.filter(
-												(_: any, idx: number) => idx !== i
-											)
-										})}
-									class="cursor-pointer text-muted-foreground hover:text-foreground"
-								>
-									<X class="size-3" />
-								</button>
-							{/if}
-						</Badge>
-					{/each}
-					{#if editing === 'time'}
-						<div in:slide class="ml-2 flex items-center gap-2 border-l pl-2">
-							<Input
-								type="number"
-								bind:value={tempInput.time}
-								class="h-8 w-20 border-border bg-background"
-								min="1"
-							/>
-							<Select.Root type="single" bind:value={tempInput.timeUnit}>
-								<Select.Trigger class="h-8 w-25 border-border bg-background"
-									>{tempInput.timeUnit}</Select.Trigger
-								>
-								<Select.Content>
-									{#each T_UNITS as u}
-										<Select.Item value={u} label={u}>{u}</Select.Item>
-									{/each}
-								</Select.Content>
-							</Select.Root>
-							<Button
-								size="sm"
-								class="h-8"
-								onclick={() => {
-									const secs = secondsToNumber(tempInput.time, tempInput.timeUnit);
-									const newTimeConfigs = [...configData.time_configs, secs].sort((a, b) => a - b);
-									save({ time_configs: newTimeConfigs });
-								}}>Add</Button
-							>
-						</div>
-					{/if}
-				</Item.Footer>
-			</Item.Root>
+        <Item.Footer class="flex min-h-16 flex-wrap items-center justify-start gap-2 rounded-lg border bg-muted/20 p-4">
+          {#each configData.timeConfigs as item, i}
+            <Badge variant="secondary" class="h-8 border-border bg-background px-3 text-sm font-normal hover:bg-background">
+              {@const label = `${formatSeconds(item).val} ${formatSeconds(item).unit}`}
+              {label}
+              {#if editing === 'time'}
+                <div class="mx-2 h-3 w-px bg-border"></div>
+                <button
+                  onclick={() => save({ timeConfigs: configData.timeConfigs.filter((_: number, idx: number) => idx !== i) })}
+                  class="cursor-pointer text-muted-foreground hover:text-foreground"
+                >
+                  <X class="size-3" />
+                </button>
+              {/if}
+            </Badge>
+          {/each}
+          {#if editing === 'time'}
+            <div in:slide class="ml-2 flex items-center gap-2 border-l pl-2">
+              <Input type="number" bind:value={tempInput.time} class="h-8 w-20 border-border bg-background" min="1" />
+              <Select.Root type="single" bind:value={tempInput.timeUnit}>
+                <Select.Trigger class="h-8 w-25 border-border bg-background">{tempInput.timeUnit}</Select.Trigger>
+                <Select.Content>
+                  {#each T_UNITS as u}
+                    <Select.Item value={u} label={u}>{u}</Select.Item>
+                  {/each}
+                </Select.Content>
+              </Select.Root>
+              <Button size="sm" class="h-8" onclick={() => addTimeItem('timeConfigs')}>Add</Button>
+            </div>
+          {/if}
+        </Item.Footer>
+      </Item.Root>
 
-			<Item.Separator />
+      <Item.Separator />
 
-			<Item.Root class="flex-col items-stretch gap-4">
-				<div class="flex items-start justify-between gap-4">
-					<Item.Content>
-						<Item.Title>Download Limit Presets</Item.Title>
-						<Item.Description class="line-clamp-none">
-							Download count options available to users.
-						</Item.Description>
-					</Item.Content>
-					<Item.Actions>
-						<Button
-							variant="outline"
-							size="sm"
-							onclick={() => {
-								editing = editing === 'steps' ? null : 'steps';
-								if (editing === 'steps') tempInput.dl = 1;
-							}}
-						>
-							{editing === 'steps' ? 'Done' : 'Edit'}
-						</Button>
-					</Item.Actions>
-				</div>
+      <!-- Download Limit Presets -->
+      <Item.Root class="flex-col items-stretch gap-4">
+        <div class="flex items-start justify-between gap-4">
+          <Item.Content>
+            <Item.Title>Download Limit Presets</Item.Title>
+            <Item.Description class="line-clamp-none">Download count options available to users.</Item.Description>
+          </Item.Content>
+          <Item.Actions>
+            <Button variant="outline" size="sm" onclick={() => toggleMode('steps')}>
+              {editing === 'steps' ? 'Done' : 'Edit'}
+            </Button>
+          </Item.Actions>
+        </div>
 
-				<Item.Footer
-					class="flex min-h-16 flex-wrap items-center justify-start gap-2 rounded-lg border bg-muted/20 p-4"
-				>
-					{#each configData.download_configs as dl, i}
-						<Badge
-							variant="secondary"
-							class="h-8 border-border bg-background px-3 text-sm font-normal hover:bg-background"
-						>
-							{dl}x
-							{#if editing === 'steps'}
-								<div class="mx-2 h-3 w-px bg-border"></div>
-								<button
-									onclick={() =>
-										save({
-											download_configs: configData.download_configs.filter(
-												(_: any, idx: number) => idx !== i
-											)
-										})}
-									class="cursor-pointer text-muted-foreground hover:text-foreground"
-								>
-									<X class="size-3" />
-								</button>
-							{/if}
-						</Badge>
-					{/each}
-					{#if editing === 'steps'}
-						<div in:slide class="ml-2 flex items-center gap-2 border-l pl-2">
-							<Input
-								type="number"
-								bind:value={tempInput.dl}
-								class="h-8 w-20 border-border bg-background"
-								min="1"
-							/>
-							<Button
-								size="sm"
-								class="h-8"
-								onclick={() => {
-									const newList = [...configData.download_configs, tempInput.dl].sort(
-										(a, b) => a - b
-									);
-									save({ download_configs: newList });
-								}}>Add</Button
-							>
-						</div>
-					{/if}
-				</Item.Footer>
-			</Item.Root>
-		</Item.Group>
-	</Card.Content>
+        <Item.Footer class="flex min-h-16 flex-wrap items-center justify-start gap-2 rounded-lg border bg-muted/20 p-4">
+          {#each configData.downloadConfigs as item, i}
+            <Badge variant="secondary" class="h-8 border-border bg-background px-3 text-sm font-normal hover:bg-background">
+              {@const label = `${item}x`}
+              {label}
+              {#if editing === 'steps'}
+                <div class="mx-2 h-3 w-px bg-border"></div>
+                <button
+                  onclick={() => save({ downloadConfigs: configData.downloadConfigs.filter((_: number, idx: number) => idx !== i) })}
+                  class="cursor-pointer text-muted-foreground hover:text-foreground"
+                >
+                  <X class="size-3" />
+                </button>
+              {/if}
+            </Badge>
+          {/each}
+          {#if editing === 'steps'}
+            <div in:slide class="ml-2 flex items-center gap-2 border-l pl-2">
+              <Input type="number" bind:value={tempInput.dl} class="h-8 w-20 border-border bg-background" min="1" />
+              <Button size="sm" class="h-8" onclick={() => addDlItem('downloadConfigs')}>Add</Button>
+            </div>
+          {/if}
+        </Item.Footer>
+      </Item.Root>
+    </Item.Group>
+  </Card.Content>
 </Card.Root>
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/site_description_card.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/site_description_card.svelte
index 04de4350..607a8d7a 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/site_description_card.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/site_description_card.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import * as Card from '$lib/components/ui/card';
-	import { Button } from '$lib/components/ui/button';
+	import * as Card from '$lib/components/ui/card/index.js';
+	import { Button } from '$lib/components/ui/button/index.js';
 	import { fade, slide } from 'svelte/transition';
 	import { markdown_to_html } from '$lib/markdown/markdown';
 
@@ -67,7 +67,7 @@
 					<Button variant="ghost" onclick={() => (editing = null)}>Cancel</Button>
 					<Button
 						onclick={() => {
-							save({ site_description: descDraft });
+							save({ siteDescription: descDraft });
 							editing = null;
 						}}
 						disabled={descExceeds}>Save Changes</Button
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/storage_file_card.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/storage_file_card.svelte
index 9de07e33..f216336b 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/storage_file_card.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/storage_file_card.svelte
@@ -1,141 +1,122 @@
 <script lang="ts">
-	import * as Card from '$lib/components/ui/card';
-	import * as Item from '$lib/components/ui/item';
-	import { Button } from '$lib/components/ui/button';
-	import { Input } from '$lib/components/ui/input';
-	import * as Select from '$lib/components/ui/select';
-	import { Switch } from '$lib/components/ui/switch';
-	import { slide } from 'svelte/transition';
-	import { B_VALS, bytesToNumber, formatBytes, type ByteUnit } from '#functions/bytes';
+  import * as Card from '$lib/components/ui/card/index.js';
+  import * as Item from '$lib/components/ui/item/index.js';
+  import { Button } from '$lib/components/ui/button/index.js';
+  import { Input } from '$lib/components/ui/input/index.js';
+  import * as Select from '$lib/components/ui/select/index.js';
+  import { Switch } from '$lib/components/ui/switch/index.js';
+  import { slide } from 'svelte/transition';
+  import { B_VALS, bytesToNumber, formatBytes, type ByteUnit } from '#functions/bytes';
+  import type { ConfigQuery } from '$lib/graphql/generated/graphql.js';
 
-	let {
-		configData,
-		editing = $bindable(),
-		editVal = $bindable(),
-		editUnit = $bindable(),
-		startEdit,
-		save
-	}: {
-		configData: any;
-		editing: 'storage' | 'file' | 'desc' | 'time' | 'allowed' | 'banned' | 'steps' | null;
-		editVal: number;
-		editUnit: ByteUnit;
-		startEdit: (type: 'storage' | 'file') => void;
-		save: (payload: any) => Promise<void>;
-	} = $props();
+  let {
+    configData,
+    editing = $bindable(),
+    editVal = $bindable(),
+    editUnit = $bindable(),
+    startEdit,
+    save
+  }: {
+    configData: ConfigQuery['config'];
+    editing: 'storage' | 'file' | 'desc' | 'time' | 'allowed' | 'banned' | 'steps' | null;
+    editVal: number;
+    editUnit: ByteUnit;
+    startEdit: (type: 'storage' | 'file') => void;
+    save: (payload: any) => Promise<void>;
+  } = $props();
+
+  const sizeConfigs = $derived.by(() => {
+    const configs: {
+      key: 'totalStorageLimit' | 'maxFileSizeLimit';
+      editKey: 'storage' | 'file';
+      title: string;
+      description: string;
+    }[] = [
+      {
+        key: 'totalStorageLimit',
+        editKey: 'storage',
+        title: 'Storage Limit',
+        description:
+          'The total storage capacity allocated for this instance. Older files may be pruned if this limit is reached.',
+      },
+      {
+        key: 'maxFileSizeLimit',
+        editKey: 'file',
+        title: 'Max File Size',
+        description: 'The permissible size limit for a single file upload.',
+      },
+    ];
+    return configs;
+  });
 </script>
 
 <Card.Root class="border bg-background">
-	<Card.Header class="px-6 py-4">
-		<Card.Title class="text-base font-medium">Storage & Files</Card.Title>
-	</Card.Header>
-	<Card.Content class="p-0">
-		<Item.Group>
-			<Item.Root>
-				<Item.Content>
-					<Item.Title>Storage Limit</Item.Title>
-					<Item.Description class="line-clamp-none text-wrap">
-						The total storage capacity allocated for this instance. Older files may be pruned if
-						this limit is reached.
-					</Item.Description>
-				</Item.Content>
-				<Item.Actions class="w-full flex-col items-end gap-2 md:w-auto md:min-w-75">
-					{#if editing === 'storage'}
-						<div in:slide class="flex w-full gap-2">
-							<Input type="number" bind:value={editVal} class="bg-background" min="0" step="0.01" />
-							<Select.Root type="single" bind:value={editUnit}>
-								<Select.Trigger class="w-25">{editUnit}</Select.Trigger>
-								<Select.Content>
-									{#each Object.keys(B_VALS) as u}
-										<Select.Item value={u} label={u}>{u}</Select.Item>
-									{/each}
-								</Select.Content>
-							</Select.Root>
-						</div>
-						<div class="flex gap-2">
-							<Button variant="ghost" size="sm" onclick={() => (editing = null)}>Cancel</Button>
-							<Button
-								size="sm"
-								onclick={() => {
-									save({ total_storage_limit: bytesToNumber(editVal, editUnit) });
-									editing = null;
-								}}>Save</Button
-							>
-						</div>
-					{:else}
-						{@const f = formatBytes(configData.total_storage_limit)}
-						<div
-							class="flex w-full items-center justify-between rounded-md border bg-muted/20 px-3 py-2 text-sm"
-						>
-							<span class="font-mono font-medium">{f.val} {f.unit}</span>
-						</div>
-						<Button variant="outline" size="sm" onclick={() => startEdit('storage')}>Edit</Button>
-					{/if}
-				</Item.Actions>
-			</Item.Root>
-
-			<Item.Separator />
-
-			<Item.Root>
-				<Item.Content>
-					<Item.Title>Max File Size</Item.Title>
-					<Item.Description class="line-clamp-none text-wrap">
-						The permissible size limit for a single file upload.
-					</Item.Description>
-				</Item.Content>
-				<Item.Actions class="w-full flex-col items-end gap-2 md:w-auto md:min-w-75">
-					{#if editing === 'file'}
-						<div in:slide class="flex w-full gap-2">
-							<Input type="number" bind:value={editVal} class="bg-background" min="0" step="0.01" />
-							<Select.Root type="single" bind:value={editUnit}>
-								<Select.Trigger class="w-25">{editUnit}</Select.Trigger>
-								<Select.Content>
-									{#each Object.keys(B_VALS) as u}
-										<Select.Item value={u} label={u}>{u}</Select.Item>
-									{/each}
-								</Select.Content>
-							</Select.Root>
-						</div>
-						<div class="flex gap-2">
-							<Button variant="ghost" size="sm" onclick={() => (editing = null)}>Cancel</Button>
-							<Button
-								size="sm"
-								onclick={() => {
-									save({ max_file_size_limit: bytesToNumber(editVal, editUnit) });
-									editing = null;
-								}}>Save</Button
-							>
-						</div>
-					{:else}
-						{@const f = formatBytes(configData.max_file_size_limit)}
-						<div
-							class="flex w-full items-center justify-between rounded-md border bg-muted/20 px-3 py-2 text-sm"
-						>
-							<span class="font-mono font-medium">{f.val} {f.unit}</span>
-						</div>
-						<Button variant="outline" size="sm" onclick={() => startEdit('file')}>Edit</Button>
-					{/if}
-				</Item.Actions>
-			</Item.Root>
+  <Card.Header class="px-6 py-4">
+    <Card.Title class="text-base font-medium">Storage & Files</Card.Title>
+  </Card.Header>
+  <Card.Content class="p-0">
+    <Item.Group>
+      {#each sizeConfigs as cfg, i}
+        {#if i > 0}<Item.Separator />{/if}
+        <Item.Root>
+          <Item.Content>
+            <Item.Title>{cfg.title}</Item.Title>
+            <Item.Description class="line-clamp-none text-wrap">{cfg.description}</Item.Description>
+          </Item.Content>
+          <Item.Actions class="w-full flex-col items-end gap-2 md:w-auto md:min-w-75">
+            {#if editing === cfg.editKey}
+              <div in:slide class="flex w-full gap-2">
+                <Input type="number" bind:value={editVal} class="bg-background" min="0" step="0.01" />
+                <Select.Root type="single" bind:value={editUnit}>
+                  <Select.Trigger class="w-25">{editUnit}</Select.Trigger>
+                  <Select.Content>
+                    {#each Object.keys(B_VALS) as u}
+                      <Select.Item value={u} label={u}>{u}</Select.Item>
+                    {/each}
+                  </Select.Content>
+                </Select.Root>
+              </div>
+              <div class="flex gap-2">
+                <Button variant="ghost" size="sm" onclick={() => (editing = null)}>Cancel</Button>
+                <Button
+                  size="sm"
+                  onclick={() => {
+                    save({ [cfg.key]: bytesToNumber(editVal, editUnit) });
+                    editing = null;
+                  }}>Save</Button
+                >
+              </div>
+            {:else}
+              {@const f = formatBytes(configData[cfg.key])}
+              <div
+                class="flex w-full items-center justify-between rounded-md border bg-muted/20 px-3 py-2 text-sm"
+              >
+                <span class="font-mono font-medium">{f.val} {f.unit}</span>
+              </div>
+              <Button variant="outline" size="sm" onclick={() => startEdit(cfg.editKey)}>Edit</Button>
+            {/if}
+          </Item.Actions>
+        </Item.Root>
+      {/each}
 
-			<Item.Separator />
+      <Item.Separator />
 
-			<Item.Root>
-				<Item.Content>
-					<Item.Title>Allow Uploads</Item.Title>
-					<Item.Description class="line-clamp-none text-wrap">
-						Enable or disable file uploads on this instance. Existing files can still be downloaded.
-					</Item.Description>
-				</Item.Content>
-				<Item.Actions
-					class="flex w-full items-center justify-end gap-2 md:w-auto md:min-w-75 [&_[data-slot=switch-thumb][data-state=checked]]:translate-x-[calc(100%-2px)] [&_[data-slot=switch-thumb][data-state=unchecked]]:translate-x-0 [&_[data-slot=switch][data-state=checked]]:bg-primary [&_[data-slot=switch][data-state=unchecked]]:bg-input"
-				>
-					<Switch
-						checked={configData.allow_uploads}
-						onCheckedChange={(checked) => save({ allow_uploads: checked })}
-					/>
-				</Item.Actions>
-			</Item.Root>
-		</Item.Group>
-	</Card.Content>
+      <Item.Root>
+        <Item.Content>
+          <Item.Title>Allow Uploads</Item.Title>
+          <Item.Description class="line-clamp-none text-wrap">
+            Enable or disable file uploads on this instance. Existing files can still be downloaded.
+          </Item.Description>
+        </Item.Content>
+        <Item.Actions
+          class="flex w-full items-center justify-end gap-2 md:w-auto md:min-w-75 [&_[data-slot=switch-thumb][data-state=checked]]:translate-x-[calc(100%-2px)] [&_[data-slot=switch-thumb][data-state=unchecked]]:translate-x-0 [&_[data-slot=switch][data-state=checked]]:bg-primary [&_[data-slot=switch][data-state=unchecked]]:bg-input"
+        >
+          <Switch
+            checked={configData.allowUploads}
+            onCheckedChange={(checked) => save({ allowUploads: checked })}
+          />
+        </Item.Actions>
+      </Item.Root>
+    </Item.Group>
+  </Card.Content>
 </Card.Root>
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/urls/+page.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/urls/+page.svelte
index fe280ad9..cfb9e19d 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/urls/+page.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/urls/+page.svelte
@@ -1,8 +1,12 @@
 <script lang="ts">
-	import * as Dialog from '$lib/components/ui/dialog';
-	import { Button } from '$lib/components/ui/button';
-	import * as Pagination from '$lib/components/ui/pagination';
-	import { useFilesQuery } from '#queries/files';
+	import * as AlertDialog from '$lib/components/ui/alert-dialog/index.js';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import * as Pagination from '$lib/components/ui/pagination/index.js';
+	import { H2, Mutated, InlineCode } from '$lib/components/ui/typography/index.js';
+	import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+	import { AdminFilesDocument, type AdminFilesQuery, DeleteFileDocument } from '$lib/graphql/generated/graphql.js';
+	import { executeMutation } from '$lib/graphql/use-query.svelte.js';
+	import { formatDate } from '$lib/functions/dates';
 	import { toast } from 'svelte-sonner';
 	import { page } from '$app/state';
 
@@ -11,9 +15,30 @@
 	let currentPage = $state(1);
 	const pageSize = 20;
 
-	const { files, revokeFile } = useFilesQuery(() => currentPage, pageSize);
+	const filesState = createQueryStore<AdminFilesQuery>(AdminFilesDocument, { page: currentPage, size: pageSize });
+	const files = $derived({
+		data: filesState.data?.adminFiles ? {
+			items: filesState.data.adminFiles.items.map(item => ({
+				id: item.id, filename: item.filename, size: item.size,
+				createdAt: item.createdAt, expiresAt: item.expiresAt,
+				expireAfterNDownload: item.expireAfterNDownload, downloadCount: item.downloadCount
+			})),
+			totalItems: filesState.data.adminFiles.total,
+			startIndex: ((filesState.data.adminFiles.page ?? 1) - 1) * (filesState.data.adminFiles.size ?? 20) + 1,
+			endIndex: Math.min((filesState.data.adminFiles.page ?? 1) * (filesState.data.adminFiles.size ?? 20), filesState.data.adminFiles.total),
+			totalPages: filesState.data.adminFiles.pages,
+			currentPage: filesState.data.adminFiles.page,
+			currentPageSize: filesState.data.adminFiles.size
+		} : undefined,
+		error: filesState.error,
+		isLoading: filesState.fetching
+	});
 
-	let totalItems = $derived(files.data?.total_items ?? 0);
+	async function revokeFile(id: string) {
+		await executeMutation(DeleteFileDocument, { fileId: id });
+	}
+
+	let totalItems = $derived(files.data?.totalItems ?? 0);
 
 	// States
 	let isRevoking = $state(false);
@@ -39,23 +64,14 @@
 			isRevoking = false;
 		}
 	}
-
-	function formatDate(dateStr?: string) {
-		if (!dateStr) return 'N/A';
-		const date = new Date(dateStr).toLocaleString(undefined, {
-			dateStyle: 'medium',
-			timeStyle: 'short'
-		});
-		return date;
-	}
 </script>
 
 <div class="flex items-center justify-between space-y-2 pb-6">
 	<div>
-		<h2 class="text-3xl font-bold tracking-tight">Settings</h2>
-		<p class="text-muted-foreground">
-			Manage your <code>{page.url.origin}</code> chithi instance's uploads.
-		</p>
+		<H2>URLs</H2>
+		<Mutated>
+			Manage your <InlineCode>{page.url.origin}</InlineCode> chithi instance's uploads.
+		</Mutated>
 	</div>
 </div>
 
@@ -90,15 +106,15 @@
 		</Pagination.Root>
 	</div>
 
-	<Dialog.Root bind:open={isRevokeDialogOpen}>
-		<Dialog.Content>
-			<Dialog.Header>
-				<Dialog.Title>Revoke URL</Dialog.Title>
-				<Dialog.Description>
+	<AlertDialog.Root open={isRevokeDialogOpen}>
+		<AlertDialog.Content>
+			<AlertDialog.Header>
+				<AlertDialog.Title>Revoke URL</AlertDialog.Title>
+				<AlertDialog.Description>
 					Are you sure you want to revoke this URL? This cannot be undone.
-				</Dialog.Description>
-			</Dialog.Header>
-			<Dialog.Footer>
+				</AlertDialog.Description>
+			</AlertDialog.Header>
+			<AlertDialog.Footer>
 				<Button variant="outline" onclick={() => (isRevokeDialogOpen = false)} disabled={isRevoking}
 					>Cancel</Button
 				>
@@ -109,7 +125,7 @@
 						Revoke
 					{/if}
 				</Button>
-			</Dialog.Footer>
-		</Dialog.Content>
-	</Dialog.Root>
+			</AlertDialog.Footer>
+		</AlertDialog.Content>
+	</AlertDialog.Root>
 </div>
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/urls/outstanding_urls_card.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/urls/outstanding_urls_card.svelte
index e4e769b1..422d4264 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/urls/outstanding_urls_card.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/urls/outstanding_urls_card.svelte
@@ -1,10 +1,38 @@
 <script lang="ts">
-	import * as Card from '$lib/components/ui/card';
-	import * as Table from '$lib/components/ui/table';
-	import { Button } from '$lib/components/ui/button';
-	import { Skeleton } from '$lib/components/ui/skeleton';
-	import { Trash2, FileIcon, FolderIcon, Download, Clock, CalendarClock } from '@lucide/svelte';
+	import * as Card from '$lib/components/ui/card/index.js';
+	import * as Table from '$lib/components/ui/table/index.js';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import { Input } from '$lib/components/ui/input/index.js';
+	import { Skeleton } from '$lib/components/ui/skeleton/index.js';
+	import {
+		Trash2,
+		FileIcon,
+		FolderIcon,
+		Download,
+		Clock,
+		CalendarClock,
+		ArrowUpDown,
+		ArrowUp,
+		ArrowDown,
+		Search
+	} from '@lucide/svelte';
 	import { formatFileSize } from '#functions/bytes';
+	import { createSvelteTable } from '$lib/components/ui/data-table/data-table.svelte';
+	import { renderSnippet } from '$lib/components/ui/data-table/render-helpers.js';
+	import FlexRender from '$lib/components/ui/data-table/flex-render.svelte';
+	import type { ColumnDef } from '@tanstack/table-core';
+	import { getCoreRowModel } from '@tanstack/table-core';
+
+	type FileRow = {
+		id: string;
+		filename: string;
+		folderName?: string;
+		size?: number;
+		createdAt?: string;
+		expiresAt?: string;
+		expireAfterNDownload?: number;
+		downloadCount?: number;
+	};
 
 	let {
 		files,
@@ -17,23 +45,258 @@
 		openRevokeDialog: (id: string) => void;
 		formatDate: (dateStr?: string) => string;
 	} = $props();
+
+	let globalFilter = $state('');
+	let sortCol = $state<'filename' | 'size' | 'created_at' | 'downloads' | null>(null);
+	let sortDir = $state<'asc' | 'desc' | null>(null);
+
+	function toggleSort(col: 'filename' | 'size' | 'created_at' | 'downloads') {
+		if (sortCol === col) {
+			if (sortDir === 'asc') sortDir = 'desc';
+			else if (sortDir === 'desc') {
+				sortDir = null;
+				sortCol = null;
+			} else sortDir = 'asc';
+		} else {
+			sortCol = col;
+			sortDir = 'asc';
+		}
+	}
+
+	function getSortIcon(col: 'filename' | 'size' | 'created_at' | 'downloads') {
+		if (sortCol !== col) return ArrowUpDown;
+		if (sortDir === 'asc') return ArrowUp;
+		if (sortDir === 'desc') return ArrowDown;
+		return ArrowUpDown;
+	}
+
+	function isSortActive(col: 'filename' | 'size' | 'created_at' | 'downloads') {
+		return sortCol === col;
+	}
+
+	const processedFiles = $derived.by(() => {
+		let items: FileRow[] = files.data?.items ?? [];
+
+		if (globalFilter) {
+			const filter = globalFilter.toLowerCase();
+			items = items.filter(
+				(f) =>
+					f.filename.toLowerCase().includes(filter) ||
+					(f.folderName && f.folderName.toLowerCase().includes(filter))
+			);
+		}
+
+		if (sortCol && sortDir) {
+			items = [...items].sort((a, b) => {
+				let cmp = 0;
+				switch (sortCol) {
+					case 'filename':
+						cmp = (a.filename ?? '').localeCompare(b.filename ?? '');
+						break;
+					case 'size':
+						cmp = (a.size ?? 0) - (b.size ?? 0);
+						break;
+					case 'created_at':
+						cmp = (a.createdAt ?? '') > (b.createdAt ?? '') ? 1 : -1;
+						break;
+					case 'downloads':
+						cmp = (a.downloadCount ?? 0) - (b.downloadCount ?? 0);
+						break;
+				}
+				return sortDir === 'asc' ? cmp : -cmp;
+			});
+		}
+
+		return items;
+	});
+
+	// Column definitions for TanStack Table
+	const columns: ColumnDef<FileRow>[] = [
+		{
+			accessorKey: 'filename',
+			meta: { className: 'w-[40%]' },
+			header: 'File Name',
+			cell: (ctx) => renderSnippet(filenameCellSnippet, { row: ctx.row })
+		},
+		{
+			accessorKey: 'size',
+			header: () => renderSnippet(sizeHeaderSnippet),
+			cell: (ctx) => renderSnippet(sizeCellSnippet, { row: ctx.row })
+		},
+		{
+			accessorKey: 'createdAt',
+			header: () => renderSnippet(activityHeaderSnippet),
+			cell: (ctx) => renderSnippet(activityCellSnippet, { row: ctx.row })
+		},
+		{
+			id: 'downloads',
+			accessorFn: (row) => row.downloadCount,
+			header: () => renderSnippet(downloadsHeaderSnippet),
+			cell: (ctx) => renderSnippet(downloadsCellSnippet, { row: ctx.row })
+		},
+		{
+			id: 'action',
+			meta: { className: 'text-right' },
+			header: 'Action',
+			cell: (ctx) => renderSnippet(actionCellSnippet, { row: ctx.row })
+		}
+	];
+
+	// eslint-disable-next-line svelte/state_referenced_locally
+	const table = createSvelteTable<FileRow>({
+		data: processedFiles,
+		columns,
+		getCoreRowModel: getCoreRowModel()
+	});
 </script>
 
+{#snippet filenameCellSnippet({ row }: { row: { original: FileRow } })}
+	<div class="flex items-center gap-3">
+		<div class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-primary/10">
+			{#if row.original.folderName}
+				<FolderIcon class="h-4 w-4 text-primary" />
+			{:else}
+				<FileIcon class="h-4 w-4 text-primary" />
+			{/if}
+		</div>
+		<div class="flex flex-col">
+			<span class="max-w-50 truncate lg:max-w-75" title={row.original.filename}>
+				{row.original.filename}
+			</span>
+			{#if row.original.folderName}
+				<span class="text-xs text-muted-foreground">in {row.original.folderName}</span>
+			{/if}
+		</div>
+	</div>
+{/snippet}
+
+{#snippet sizeHeaderSnippet()}
+	<span class="flex items-center gap-1">
+		Size
+		{#if getSortIcon('size') === ArrowUp}
+			<ArrowUp class={isSortActive('size') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{:else if getSortIcon('size') === ArrowDown}
+			<ArrowDown class={isSortActive('size') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{:else}
+			<ArrowUpDown class={isSortActive('size') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{/if}
+	</span>
+{/snippet}
+
+{#snippet sizeCellSnippet({ row }: { row: { original: FileRow } })}
+	<span class="whitespace-nowrap text-muted-foreground">
+		{row.original.size ? formatFileSize(row.original.size) : '-'}
+	</span>
+{/snippet}
+
+{#snippet activityHeaderSnippet()}
+	<span class="flex items-center gap-1">
+		Activity
+		{#if getSortIcon('created_at') === ArrowUp}
+			<ArrowUp class={isSortActive('created_at') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{:else if getSortIcon('created_at') === ArrowDown}
+			<ArrowDown class={isSortActive('created_at') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{:else}
+			<ArrowUpDown class={isSortActive('created_at') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{/if}
+	</span>
+{/snippet}
+
+{#snippet activityCellSnippet({ row }: { row: { original: FileRow } })}
+	<div class="flex flex-col gap-1 text-xs text-muted-foreground">
+		<span class="flex items-center gap-1.5" title="Created At">
+			<Clock class="h-3 w-3" />
+			{formatDate(row.original.createdAt)}
+		</span>
+		{#if row.original.expiresAt}
+			<span class="flex items-center gap-1.5 text-orange-600/80" title="Expires At">
+				<CalendarClock class="h-3 w-3" />
+				{formatDate(row.original.expiresAt)}
+			</span>
+		{/if}
+	</div>
+{/snippet}
+
+{#snippet downloadsHeaderSnippet()}
+	<span class="flex items-center gap-1">
+		Downloads
+		{#if getSortIcon('downloads') === ArrowUp}
+			<ArrowUp class={isSortActive('downloads') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{:else if getSortIcon('downloads') === ArrowDown}
+			<ArrowDown class={isSortActive('downloads') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{:else}
+			<ArrowUpDown class={isSortActive('downloads') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{/if}
+	</span>
+{/snippet}
+
+{#snippet downloadsCellSnippet({ row }: { row: { original: FileRow } })}
+	{#if row.original.downloadCount !== undefined}
+		<div class="flex items-center gap-1.5 text-sm text-muted-foreground">
+			<Download class="h-3.5 w-3.5" />
+			<span>{row.original.downloadCount}</span>
+			{#if row.original.expireAfterNDownload}
+				<span class="opacity-50">/ {row.original.expireAfterNDownload}</span>
+			{/if}
+		</div>
+	{/if}
+{/snippet}
+
+{#snippet actionCellSnippet({ row }: { row: { original: FileRow } })}
+	<Button
+		variant="ghost"
+		size="icon"
+		class="h-8 w-8 text-muted-foreground opacity-100 transition-all hover:bg-destructive/10 hover:text-destructive lg:opacity-0 lg:group-hover:opacity-100"
+		onclick={() => openRevokeDialog(row.original.id)}
+		disabled={isRevoking}
+		title="Revoke URL"
+	>
+		<Trash2 class="h-4 w-4" />
+	</Button>
+{/snippet}
+
 <Card.Root class="border bg-background">
 	<Card.Header class="px-6 py-4">
 		<Card.Title class="text-base font-medium">Outstanding URLs</Card.Title>
 		<Card.Description>Review active file links and revoke them when needed.</Card.Description>
 	</Card.Header>
+
+	<!-- Filter -->
+	<div class="px-6 pb-4">
+		<div class="relative max-w-sm">
+			<Search class="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+			<Input placeholder="Filter by name..." bind:value={globalFilter} class="pl-9" />
+		</div>
+	</div>
+
 	<Card.Content class="p-0">
 		<Table.Root>
 			<Table.Header>
-				<Table.Row>
-					<Table.Head class="w-[40%]">File Name</Table.Head>
-					<Table.Head>Size</Table.Head>
-					<Table.Head>Activity</Table.Head>
-					<Table.Head>Downloads</Table.Head>
-					<Table.Head class="text-right">Action</Table.Head>
-				</Table.Row>
+				{#each table.getHeaderGroups() as headerGroup}
+					<Table.Row>
+						{#each headerGroup.headers as header}
+							<Table.Head
+								class={header.column.id === 'size' ||
+								header.column.id === 'created_at' ||
+								header.column.id === 'downloads'
+									? 'cursor-pointer select-none'
+									: ''}
+								onclick={header.column.id === 'size'
+									? () => toggleSort('size')
+									: header.column.id === 'created_at'
+										? () => toggleSort('created_at')
+										: header.column.id === 'downloads'
+											? () => toggleSort('downloads')
+											: undefined}
+							>
+								<FlexRender
+									content={header.column.columnDef.header}
+									context={header.getContext()}
+								/>
+							</Table.Head>
+						{/each}
+					</Table.Row>
+				{/each}
 			</Table.Header>
 
 			<Table.Body>
@@ -49,84 +312,24 @@
 					{/each}
 				{:else if files.error}
 					<Table.Row>
-						<Table.Cell colspan={5} class="h-24 text-center text-destructive">
+						<Table.Cell colspan={columns.length} class="h-24 text-center text-destructive">
 							Error loading files: {files.error.message}
 						</Table.Cell>
 					</Table.Row>
-				{:else if !files.data || !files.data.items || files.data.items.length === 0}
+				{:else if processedFiles.length === 0}
 					<Table.Row>
-						<Table.Cell colspan={5} class="h-32 text-center text-muted-foreground">
-							No outstanding URLs found.
+						<Table.Cell colspan={columns.length} class="h-32 text-center text-muted-foreground">
+							{globalFilter ? 'No files match your filter.' : 'No outstanding URLs found.'}
 						</Table.Cell>
 					</Table.Row>
 				{:else}
-					{#each files.data.items as file (file.id)}
+					{#each table.getRowModel().rows as row}
 						<Table.Row class="group">
-							<Table.Cell class="font-medium">
-								<div class="flex items-center gap-3">
-									<div
-										class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-primary/10"
-									>
-										{#if file.folder_name}
-											<FolderIcon class="h-4 w-4 text-primary" />
-										{:else}
-											<FileIcon class="h-4 w-4 text-primary" />
-										{/if}
-									</div>
-									<div class="flex flex-col">
-										<span class="max-w-50 truncate lg:max-w-75" title={file.filename}>
-											{file.filename}
-										</span>
-										{#if file.folder_name}
-											<span class="text-xs text-muted-foreground">in {file.folder_name}</span>
-										{/if}
-									</div>
-								</div>
-							</Table.Cell>
-
-							<Table.Cell class="whitespace-nowrap text-muted-foreground">
-								{file.size ? formatFileSize(file.size) : '-'}
-							</Table.Cell>
-
-							<Table.Cell>
-								<div class="flex flex-col gap-1 text-xs text-muted-foreground">
-									<span class="flex items-center gap-1.5" title="Created At">
-										<Clock class="h-3 w-3" />
-										{formatDate(file.created_at)}
-									</span>
-									{#if file.expires_at}
-										<span class="flex items-center gap-1.5 text-orange-600/80" title="Expires At">
-											<CalendarClock class="h-3 w-3" />
-											{formatDate(file.expires_at)}
-										</span>
-									{/if}
-								</div>
-							</Table.Cell>
-
-							<Table.Cell>
-								{#if file.download_count !== undefined}
-									<div class="flex items-center gap-1.5 text-sm text-muted-foreground">
-										<Download class="h-3.5 w-3.5" />
-										<span>{file.download_count}</span>
-										{#if file.expire_after_n_download}
-											<span class="opacity-50">/ {file.expire_after_n_download}</span>
-										{/if}
-									</div>
-								{/if}
-							</Table.Cell>
-
-							<Table.Cell class="text-right">
-								<Button
-									variant="ghost"
-									size="icon"
-									class="h-8 w-8 text-muted-foreground opacity-100 transition-all hover:bg-destructive/10 hover:text-destructive lg:opacity-0 lg:group-hover:opacity-100"
-									onclick={() => openRevokeDialog(file.id)}
-									disabled={isRevoking}
-									title="Revoke URL"
-								>
-									<Trash2 class="h-4 w-4" />
-								</Button>
-							</Table.Cell>
+							{#each row.getVisibleCells() as cell}
+								<Table.Cell>
+									<FlexRender content={cell.column.columnDef.cell} context={cell.getContext()} />
+								</Table.Cell>
+							{/each}
 						</Table.Row>
 					{/each}
 				{/if}
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/user/+page.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/user/+page.svelte
index bb8191b4..e340dae4 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/user/+page.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/user/+page.svelte
@@ -1,13 +1,17 @@
 <script lang="ts">
-	import * as Card from '$lib/components/ui/card';
-	import { useAuth } from '#queries/auth';
+	import * as Card from '$lib/components/ui/card/index.js';
+	import { H2, Mutated } from '$lib/components/ui/typography/index.js';
+	import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+	import { MeDocument, UpdateUserDocument } from '$lib/graphql/generated/graphql.js';
+	import type { MeQuery, UpdateUserMutation } from '$lib/graphql/generated/graphql.js';
+	import { client } from '$lib/graphql/client.js';
 	import { kebab_to_initials } from '#functions/string-conversion';
 	import { make_libravatar_url } from '#functions/libravatar';
 
 	const { default: ProfileFieldsGroup } = await import('./profile_fields_group.svelte');
 	const { default: ProfileSubmitSection } = await import('./profile_submit_section.svelte');
 
-	const { user, updateUser } = useAuth();
+	const meQuery = createQueryStore<MeQuery>(MeDocument);
 
 	let username = $state('');
 	let email = $state('');
@@ -52,9 +56,9 @@
 	});
 
 	$effect(() => {
-		if (user.data) {
-			username = user.data.username;
-			email = user.data.email || '';
+		if (meQuery.data?.me) {
+			username = meQuery.data.me.username;
+			email = meQuery.data.me.email || '';
 		}
 	});
 
@@ -65,10 +69,17 @@
 		success = null;
 
 		try {
-			await updateUser({
-				username,
-				email: email ? email : null
+			const currentUser = meQuery.data?.me;
+			if (!currentUser) throw new Error('No authenticated user');
+			const result = await client.mutate<UpdateUserMutation>({
+				mutation: UpdateUserDocument,
+				variables: {
+					userId: currentUser.id,
+					username,
+					email: email ? email : null
+				}
 			});
+			if (result.error) throw new Error(result.error.message);
 			success = 'Profile updated successfully';
 			// Clear success message after 3 seconds
 			setTimeout(() => {
@@ -84,8 +95,8 @@
 
 <div class="flex items-center justify-between space-y-2 pb-6">
 	<div>
-		<h2 class="text-3xl font-bold tracking-tight">Settings</h2>
-		<p class="text-muted-foreground">Manage your public profile and private details.</p>
+		<H2>Profile</H2>
+		<Mutated>Manage your public profile and private details.</Mutated>
 	</div>
 </div>
 
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/user/profile_fields_group.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/user/profile_fields_group.svelte
index 2811fd0f..04a93aac 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/user/profile_fields_group.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/user/profile_fields_group.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import * as Item from '$lib/components/ui/item';
-	import { Input } from '$lib/components/ui/input';
-	import * as Avatar from '$lib/components/ui/avatar';
-	import { Skeleton } from '$lib/components/ui/skeleton';
+	import * as Item from '$lib/components/ui/item/index.js';
+	import { Input } from '$lib/components/ui/input/index.js';
+	import * as Avatar from '$lib/components/ui/avatar/index.js';
+	import { Skeleton } from '$lib/components/ui/skeleton/index.js';
 
 	let {
 		username = $bindable(),
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/user/profile_submit_section.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/user/profile_submit_section.svelte
index f3ded7a5..f6884a32 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/user/profile_submit_section.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/user/profile_submit_section.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Button } from '$lib/components/ui/button';
-	import { LoaderCircle } from '@lucide/svelte';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import { Spinner } from '$lib/components/ui/spinner/index.js';
 	import { fade } from 'svelte/transition';
 
 	let {
@@ -29,7 +29,7 @@
 	<div class="flex justify-end">
 		<Button type="submit" disabled={loading}>
 			{#if loading}
-				<LoaderCircle class="mr-2 size-4 animate-spin" />
+				<Spinner />
 				Saving...
 			{:else}
 				Save Changes
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/users/+page.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/users/+page.svelte
index c6dfefcc..0b4c1273 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/users/+page.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/users/+page.svelte
@@ -1,42 +1,175 @@
 <script lang="ts">
-	import { useAuth } from '#queries/auth';
-	import { useUsersQuery } from '#queries/admin_users';
-	import * as Table from '$lib/components/ui/table';
-	import * as Card from '$lib/components/ui/card';
-	import * as Pagination from '$lib/components/ui/pagination';
-	import { Button } from '$lib/components/ui/button';
-	import { Trash2, UserPlus } from '@lucide/svelte';
+	import { H2, Mutated } from '$lib/components/ui/typography/index.js';
+	import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+	import { MeDocument, UsersDocument, CreateUserDocument, DeleteUserDocument } from '$lib/graphql/generated/graphql.js';
+	import type { MeQuery, UsersQuery, CreateUserMutation, DeleteUserMutation } from '$lib/graphql/generated/graphql.js';
+	import { client } from '$lib/graphql/client.js';
+	import * as Table from '$lib/components/ui/table/index.js';
+	import * as Card from '$lib/components/ui/card/index.js';
+	import * as Pagination from '$lib/components/ui/pagination/index.js';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import { Input } from '$lib/components/ui/input/index.js';
+	import { Trash2, UserPlus, ArrowUpDown, ArrowUp, ArrowDown, Search } from '@lucide/svelte';
 	import { toast } from 'svelte-sonner';
+	import { createSvelteTable } from '$lib/components/ui/data-table/data-table.svelte';
+	import { renderSnippet } from '$lib/components/ui/data-table/render-helpers.js';
+	import FlexRender from '$lib/components/ui/data-table/flex-render.svelte';
+	import type { ColumnDef } from '@tanstack/table-core';
+	import { getCoreRowModel } from '@tanstack/table-core';
 
 	const { default: CreateUserDialog } = await import('./create_user_dialog.svelte');
 	const { default: DeleteUserDialog } = await import('./delete_user_dialog.svelte');
 
+	type UserRow = { id: string; username: string; email?: string | null };
+
 	let currentPage = $state(1);
 	const pageSize = 20;
 
-	const { user } = useAuth();
-	const { users } = useUsersQuery(() => currentPage, pageSize);
+	const meQuery = createQueryStore<MeQuery>(MeDocument);
+	const usersQuery = createQueryStore<UsersQuery>(UsersDocument);
 
 	let isCreateDialogOpen = $state(false);
 	let isDeleteDialogOpen = $state(false);
 	let userToDelete = $state<string | null>(null);
+	let globalFilter = $state('');
+
+	let usersList = $derived(usersQuery.data?.users ?? []);
+	let totalItems = $derived(usersList.length);
+
+	// Sort state
+	let sortDir = $state<'asc' | 'desc' | null>(null);
+	let sortCol = $state<'username' | 'email' | null>(null);
+
+	// Apply client-side sorting and filtering to current page data
+	const processedUsers = $derived.by(() => {
+		let items: UserRow[] = usersList.map(u => ({ id: u.id, username: u.username, email: u.email }));
+
+		// Filter
+		if (globalFilter) {
+			const filter = globalFilter.toLowerCase();
+			items = items.filter(
+				(u) =>
+					u.username.toLowerCase().includes(filter) ||
+					(u.email && u.email.toLowerCase().includes(filter))
+			);
+		}
+
+		// Sort
+		if (sortCol && sortDir) {
+			const col = sortCol as 'username' | 'email';
+			items = [...items].sort((a, b) => {
+				const aVal = (a as any)[col] ?? '';
+				const bVal = (b as any)[col] ?? '';
+				const cmp = String(aVal).localeCompare(String(bVal));
+				return sortDir === 'asc' ? cmp : -cmp;
+			});
+		}
+
+		return items;
+	});
 
-	let totalItems = $derived(users.data?.total_items ?? 0);
+	function toggleSort(col: 'username' | 'email') {
+		if (sortCol === col) {
+			if (sortDir === 'asc') sortDir = 'desc';
+			else if (sortDir === 'desc') {
+				sortDir = null;
+				sortCol = null;
+			} else sortDir = 'asc';
+		} else {
+			sortCol = col;
+			sortDir = 'asc';
+		}
+	}
+
+	function getSortIcon(col: 'username' | 'email') {
+		if (sortCol !== col) return ArrowUpDown;
+		if (sortDir === 'asc') return ArrowUp;
+		if (sortDir === 'desc') return ArrowDown;
+		return ArrowUpDown;
+	}
+
+	function isSortActive(col: 'username' | 'email') {
+		return sortCol === col;
+	}
 
 	function requestDelete(userId: string) {
-		if (userId === user.data?.id) {
+		if (userId === meQuery.data?.me.id) {
 			toast.error('Cannot delete yourself.');
 			return;
 		}
 		userToDelete = userId;
 		isDeleteDialogOpen = true;
 	}
+
+	// Column definitions for TanStack Table
+	const columns: ColumnDef<UserRow>[] = [
+		{
+			accessorKey: 'username',
+			header: () => renderSnippet(usernameHeaderSnippet),
+			cell: (info) => info.getValue()
+		},
+		{
+			accessorKey: 'email',
+			header: () => renderSnippet(emailHeaderSnippet),
+			cell: (info) => (info.getValue() as string) || '-'
+		},
+		{
+			id: 'actions',
+			meta: { className: 'text-right' },
+			header: 'Actions',
+			cell: (ctx) => renderSnippet(actionsCellSnippet, { row: ctx.row })
+		}
+	];
+
+	// eslint-disable-next-line svelte/state_referenced_locally
+	const table = createSvelteTable<UserRow>({
+		data: processedUsers,
+		columns,
+		getCoreRowModel: getCoreRowModel()
+	});
 </script>
 
+{#snippet usernameHeaderSnippet()}
+	<span class="flex items-center gap-1">
+		Username
+		{#if getSortIcon('username') === ArrowUp}
+			<ArrowUp class={isSortActive('username') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{:else if getSortIcon('username') === ArrowDown}
+			<ArrowDown class={isSortActive('username') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{:else}
+			<ArrowUpDown class={isSortActive('username') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{/if}
+	</span>
+{/snippet}
+
+{#snippet emailHeaderSnippet()}
+	<span class="flex items-center gap-1">
+		Email
+		{#if getSortIcon('email') === ArrowUp}
+			<ArrowUp class={isSortActive('email') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{:else if getSortIcon('email') === ArrowDown}
+			<ArrowDown class={isSortActive('email') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{:else}
+			<ArrowUpDown class={isSortActive('email') ? 'h-4 w-4' : 'h-4 w-4 opacity-30'} />
+		{/if}
+	</span>
+{/snippet}
+
+{#snippet actionsCellSnippet({ row }: { row: { original: UserRow } })}
+	<Button
+		variant="ghost"
+		size="icon"
+		disabled={row.original.id === meQuery.data?.me.id}
+		onclick={() => requestDelete(row.original.id)}
+	>
+		<Trash2 class="h-4 w-4 cursor-pointer text-destructive" />
+	</Button>
+{/snippet}
+
 <div class="flex items-center justify-between space-y-2 pb-6">
 	<div>
-		<h2 class="text-3xl font-bold tracking-tight">Users</h2>
-		<p class="text-muted-foreground">Manage system users.</p>
+		<H2>Users</H2>
+		<Mutated>Manage system users.</Mutated>
 	</div>
 
 	<div>
@@ -47,50 +180,67 @@
 	</div>
 </div>
 
+<!-- Search -->
+<div class="mb-4">
+	<div class="relative max-w-sm">
+		<Search class="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+		<Input placeholder="Filter users..." bind:value={globalFilter} class="pl-9" />
+	</div>
+</div>
+
 <Card.Root>
 	<Card.Content class="p-0">
 		<Table.Root>
 			<Table.Header>
-				<Table.Row>
-					<Table.Head>Username</Table.Head>
-					<Table.Head>Email</Table.Head>
-					<Table.Head class="text-right">Actions</Table.Head>
-				</Table.Row>
+				{#each table.getHeaderGroups() as headerGroup}
+					<Table.Row>
+						{#each headerGroup.headers as header}
+							<Table.Head
+								class={header.column.id === 'username' || header.column.id === 'email'
+									? 'cursor-pointer select-none'
+									: ''}
+								onclick={header.column.id === 'username'
+									? () => toggleSort('username')
+									: header.column.id === 'email'
+										? () => toggleSort('email')
+										: undefined}
+							>
+								<FlexRender
+									content={header.column.columnDef.header}
+									context={header.getContext()}
+								/>
+							</Table.Head>
+						{/each}
+					</Table.Row>
+				{/each}
 			</Table.Header>
 			<Table.Body>
-				{#if users.isLoading}
+				{#if usersQuery.fetching}
 					<Table.Row>
-						<Table.Cell colspan={3} class="py-8 text-center text-muted-foreground">
+						<Table.Cell colspan={columns.length} class="py-8 text-center text-muted-foreground">
 							Loading users...
 						</Table.Cell>
 					</Table.Row>
 				{:else if users.error}
 					<Table.Row>
-						<Table.Cell colspan={3} class="py-8 text-center text-muted-foreground">
-							Failed to load users: {users.error.message}
+						<Table.Cell colspan={columns.length} class="py-8 text-center text-muted-foreground">
+							Failed to load users: {users.error}
 						</Table.Cell>
 					</Table.Row>
-				{:else if !users.data?.items || users.data.items.length === 0}
+				{:else if processedUsers.length === 0}
 					<Table.Row>
-						<Table.Cell colspan={3} class="py-8 text-center text-muted-foreground">
-							No users found.
+						<Table.Cell colspan={columns.length} class="py-8 text-center text-muted-foreground">
+							{globalFilter ? 'No users match your filter.' : 'No users found.'}
 						</Table.Cell>
 					</Table.Row>
 				{:else}
-					{#each users.data.items as u}
+					{#each table.getRowModel().rows as row}
 						<Table.Row>
-							<Table.Cell>{u.username}</Table.Cell>
-							<Table.Cell>{u.email || '-'}</Table.Cell>
-							<Table.Cell class="text-right">
-								<Button
-									variant="ghost"
-									size="icon"
-									disabled={u.id === user.data?.id}
-									onclick={() => requestDelete(u.id)}
-								>
-									<Trash2 class="h-4 w-4 cursor-pointer text-destructive" />
-								</Button>
-							</Table.Cell>
+							{#each row.getVisibleCells() as cell}
+								<Table.Cell class={cell.column.id === 'actions' ? 'text-right' : ''}>
+									<FlexRender content={cell.column.columnDef.cell} context={cell.getContext()} />
+								</Table.Cell>
+							{/each}
 						</Table.Row>
 					{/each}
 				{/if}
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/users/create_user_dialog.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/users/create_user_dialog.svelte
index e0f3a977..34d4eed7 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/users/create_user_dialog.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/users/create_user_dialog.svelte
@@ -12,31 +12,36 @@
 </script>
 
 <script lang="ts">
-	import * as Dialog from '$lib/components/ui/dialog';
-	import * as Form from '$lib/components/ui/form/index';
-	import { Input } from '$lib/components/ui/input';
-	import { Button } from '$lib/components/ui/button';
-	import { useUsersQuery } from '#queries/admin_users';
+	import * as Dialog from '$lib/components/ui/dialog/index.js';
+	import * as Form from '$lib/components/ui/form/index.js';
+	import { Input } from '$lib/components/ui/input/index.js';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import { client } from '$lib/graphql/client.js';
+	import { CreateUserDocument } from '$lib/graphql/generated/graphql.js';
+	import type { CreateUserMutation } from '$lib/graphql/generated/graphql.js';
 	import { toast } from 'svelte-sonner';
 	import { superForm, defaults } from 'sveltekit-superforms';
 	import { zod4, zod4Client } from 'sveltekit-superforms/adapters';
-	import { User, Mail, Lock, LoaderCircle, UserPlus, Eye, EyeOff } from '@lucide/svelte';
+	import { User, Mail, Lock, UserPlus, Eye, EyeOff } from '@lucide/svelte';
+	import { Spinner } from '$lib/components/ui/spinner/index.js';
 
 	let { open = $bindable(false) } = $props<{ open: boolean }>();
 
-	const { createUser } = useUsersQuery(() => 1, 20);
-
 	const form = superForm(defaults(zod4(schema)), {
 		SPA: true,
 		validators: zod4Client(schema),
 		onUpdate: async ({ form: f }) => {
 			if (f.valid) {
 				try {
-					await createUser({
-						username: f.data.username,
-						email: f.data.email || null,
-						password: f.data.password
+					const result = await client.mutate<CreateUserMutation>({
+						mutation: CreateUserDocument,
+						variables: {
+							username: f.data.username,
+							password: f.data.password,
+							email: f.data.email || undefined
+						}
 					});
+					if (result.error) throw new Error(result.error.message);
 					toast.success('User created successfully.');
 					open = false;
 					form.reset();
@@ -177,7 +182,7 @@
 					class="h-11 px-8 font-semibold shadow-lg shadow-primary/20 transition-all hover:brightness-105 active:scale-[0.98] disabled:opacity-70"
 				>
 					{#if $submitting}
-						<LoaderCircle class="mr-2 size-4 animate-spin" />
+						<Spinner />
 						Creating...
 					{:else}
 						Create User
diff --git a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/users/delete_user_dialog.svelte b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/users/delete_user_dialog.svelte
index 23ee0ce5..c0989fe1 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/users/delete_user_dialog.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/users/delete_user_dialog.svelte
@@ -1,7 +1,9 @@
 <script lang="ts">
-	import * as Dialog from '$lib/components/ui/dialog';
-	import { Button } from '$lib/components/ui/button';
-	import { useUsersQuery } from '#queries/admin_users';
+	import * as AlertDialog from '$lib/components/ui/alert-dialog/index.js';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import { client } from '$lib/graphql/client.js';
+	import { DeleteUserDocument } from '$lib/graphql/generated/graphql.js';
+	import type { DeleteUserMutation } from '$lib/graphql/generated/graphql.js';
 	import { toast } from 'svelte-sonner';
 
 	let { open = $bindable(false), userId = $bindable(null) } = $props<{
@@ -9,14 +11,17 @@
 		userId: string | null;
 	}>();
 
-	const { deleteUser } = useUsersQuery(() => 1, 20);
 	let isDeleting = $state(false);
 
 	async function handleDelete() {
 		if (!userId) return;
 		isDeleting = true;
 		try {
-			await deleteUser(userId);
+			const result = await client.mutate<DeleteUserMutation>({
+				mutation: DeleteUserDocument,
+				variables: { userId }
+			});
+			if (result.error) throw new Error(result.error.message);
 			toast.success('User deleted successfully.');
 			open = false;
 			userId = null;
@@ -28,19 +33,19 @@
 	}
 </script>
 
-<Dialog.Root bind:open>
-	<Dialog.Content>
-		<Dialog.Header>
-			<Dialog.Title>Are you absolutely sure?</Dialog.Title>
-			<Dialog.Description>
+<AlertDialog.Root {open}>
+	<AlertDialog.Content>
+		<AlertDialog.Header>
+			<AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
+			<AlertDialog.Description>
 				This action cannot be undone. This will permanently delete the user account.
-			</Dialog.Description>
-		</Dialog.Header>
-		<Dialog.Footer>
+			</AlertDialog.Description>
+		</AlertDialog.Header>
+		<AlertDialog.Footer>
 			<Button variant="outline" onclick={() => (open = false)}>Cancel</Button>
 			<Button variant="destructive" disabled={isDeleting} onclick={handleDelete}>
 				{isDeleting ? 'Deleting...' : 'Delete User'}
 			</Button>
-		</Dialog.Footer>
-	</Dialog.Content>
-</Dialog.Root>
+		</AlertDialog.Footer>
+	</AlertDialog.Content>
+</AlertDialog.Root>
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/(ignore_slash)/download/[slug]/+page.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/(ignore_slash)/download/[slug]/+page.svelte
index dab7d836..fe865509 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/(ignore_slash)/download/[slug]/+page.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/(ignore_slash)/download/[slug]/+page.svelte
@@ -1,221 +1,179 @@
 <script lang="ts">
-	import * as Card from '$lib/components/ui/card';
-	import { Button } from '$lib/components/ui/button';
-	import { Input } from '$lib/components/ui/input';
-	import { FileText, CircleAlert, LoaderCircle, Download, KeyRound } from '@lucide/svelte';
-	import { page } from '$app/state';
-	import { fly } from 'svelte/transition';
-	import { Api } from '#consts/backend';
-	import { downloadAndDecryptFile, PasswordRequiredError } from '#functions/download';
-	import { formatFileSize } from '#functions/bytes';
-	import { toast } from 'svelte-sonner';
-	import { Progress } from '$lib/components/ui/progress';
-	import CompleteSvg from '$lib/svgs/complete.svelte';
-	import { cubicOut } from 'svelte/easing';
-	import { Tween } from 'svelte/motion';
+  import * as Card from '$lib/components/ui/card/index.js';
+  import { Button } from '$lib/components/ui/button/index.js';
+  import { Input } from '$lib/components/ui/input/index.js';
+  import * as InputGroup from '$lib/components/ui/input-group/index.js';
+  import { FileText, CircleAlert, Download, KeyRound, HardDrive, File } from '@lucide/svelte';
+  import { Spinner } from '$lib/components/ui/spinner/index.js';
+  import * as HoverCard from '$lib/components/ui/hover-card/index.js';
+  import { page } from '$app/state';
+  import { fly } from 'svelte/transition';
+  import { downloadAndDecryptFile } from '#functions/download';
+  import { PasswordRequiredError } from '#errors/password';
+  import { formatFileSize } from '#functions/bytes';
+  import { toast } from 'svelte-sonner';
+  import { Progress } from '$lib/components/ui/progress/index.js';
+  import CompleteSvg from '$lib/svgs/complete.svelte';
+  import { cubicOut } from 'svelte/easing';
+  import { Tween } from 'svelte/motion';
+  import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+  import { FileInfoDocument, type FileInfoQuery } from '$lib/graphql/generated/graphql.js';
 
-	// Key is provided in the URL fragment (after '#') and must be present there
-	let key = $derived(page.url.hash ? page.url.hash.slice(1).trim() : null);
-	let slug = $derived(page.params.slug);
+  const key = $derived(page.url.hash ? page.url.hash.slice(1).trim() : null);
+  const slug = $derived(page.params.slug);
+  let phase = $state<'ready' | 'downloading' | 'needs_password' | 'completed' | 'error'>('ready');
+  const fileInfoState = createQueryStore<FileInfoQuery>(FileInfoDocument, { slug: slug ?? '' });
+  const fileInfo = $derived({
+    isPending: fileInfoState.fetching,
+    isError: !!fileInfoState.error,
+    error: fileInfoState.error ? new Error(fileInfoState.error) : undefined,
+    data: fileInfoState.data?.fileInfo
+      ? { filename: fileInfoState.data.fileInfo.filename || 'file', fileSize: fileInfoState.data.fileInfo.size || 0, numberOfFiles: fileInfoState.data.fileInfo.numberOfFiles ?? 0 }
+      : undefined
+  });
+  const hasKey = $derived(Boolean(key && slug));
+  const status = $derived(hasKey && fileInfo.isPending ? 'checking' : hasKey && fileInfo.isError ? 'error' : phase);
+  const errorMsg = $derived(fileInfo.error?.message ?? 'An error occurred');
+  const filename = $derived(fileInfo.data?.filename ?? 'file');
+  const fileSize = $derived(fileInfo.data?.fileSize ?? 0);
+  let password = $state('');
+  let prog = $state(new Tween(0, { duration: 500, easing: cubicOut }));
 
-	let status = $state<
-		'checking' | 'ready' | 'needs_password' | 'error' | 'downloading' | 'completed'
-	>('checking');
-	let errorMsg = $state('');
-	let filename = $state('file');
-	let fileSize = $state(0);
-	let numberOfFiles = $state(0);
-	let password = $state('');
-	let downloadProgress = $state(new Tween(0, { duration: 500, easing: cubicOut }));
-
-	async function startCheck() {
-		if (!key || !slug) {
-			status = 'error';
-			errorMsg = 'Missing decryption key';
-			return;
-		}
-		status = 'checking';
-		try {
-			const res = await fetch(Api.FILE_INFO(slug));
-			if (!res.ok) {
-				if (res.status === 404) throw new Error('File not found');
-				if (res.status === 410) throw new Error('File expired or limit reached');
-				throw new Error('Failed to get file info');
-			}
-
-			const info = await res.json();
-			filename = info.filename;
-			fileSize = info.size;
-			numberOfFiles = info.number_of_files || 0;
-			status = 'ready';
-		} catch (e: any) {
-			status = 'error';
-			errorMsg = e.message || 'An error occurred';
-		}
-	}
-
-	$effect.pre(() => {
-		startCheck();
-	});
-
-	async function handlePasswordSubmit() {
-		if (!key) return;
-		try {
-			await handleDownload();
-		} catch (e) {
-			// Error handled in handleDownload or here?
-			// handleDownload sets status.
-		}
-	}
-
-	async function handleDownload() {
-		if (!key || !slug) return;
-		const previousStatus = status;
-		status = 'downloading';
-		downloadProgress = new Tween(0, { duration: 500, easing: cubicOut });
-
-		try {
-			await downloadAndDecryptFile(
-				slug,
-				key,
-				password,
-				filename,
-				fileSize,
-				numberOfFiles,
-				(p) => (downloadProgress.target = p)
-			);
-
-			status = 'completed';
-			toast.success('Download complete');
-			if (password) {
-				toast.info('Note: The downloaded zip file is also encrypted with your password.');
-			}
-		} catch (e: any) {
-			console.error(e);
-			if (e instanceof PasswordRequiredError) {
-				status = 'needs_password';
-				toast.info('Password required for decryption');
-			} else if (previousStatus === 'needs_password' && password) {
-				// Retrying with password failed generically? Assume wrong password
-				toast.error('Download failed: Incorrect password?');
-				status = 'needs_password';
-			} else if (e.name === 'AbortError') {
-				status = 'ready';
-			} else {
-				toast.error('Download failed: ' + e.message);
-				status = 'error';
-				errorMsg = 'Download failed';
-			}
-		}
-	}
+  async function handleDownload() {
+    if (!key || !slug) return;
+    const prev = phase;
+    phase = 'downloading';
+    prog = new Tween(0, { duration: 500, easing: cubicOut });
+    try {
+      const numberOfFiles = fileInfo.data?.numberOfFiles ?? 0;
+      await downloadAndDecryptFile(slug, key, password, filename, fileSize, numberOfFiles, (p) => prog.target = p);
+      phase = 'completed';
+      toast.success('Download complete');
+      if (password) toast.info('Note: The downloaded zip file is also encrypted with your password.');
+    } catch (e: any) {
+      if (e instanceof PasswordRequiredError) {
+        phase = 'needs_password';
+        toast.info('Password required for decryption');
+      } else if (prev === 'needs_password' && password) {
+        toast.error('Download failed: Incorrect password?');
+        phase = 'needs_password';
+      } else if (e.name === 'AbortError') {
+        phase = 'ready';
+      } else {
+        toast.error('Download failed: ' + e.message);
+        phase = 'error';
+      }
+    }
+  }
 </script>
 
 <Card.Root class="relative z-10 mx-auto w-full max-w-5xl border-border bg-card">
-	<Card.Content class="p-6">
-		<div class="flex min-h-150 flex-col items-center justify-center">
-			<div class="w-full max-w-lg">
-				<Card.Header class="px-0 text-center">
-					<Card.Title class="text-2xl font-bold">Download files</Card.Title>
-					<Card.Description class="text-muted-foreground">
-						This file was shared via Chithi with end-to-end encryption and a link that automatically
-						expires.
-					</Card.Description>
-				</Card.Header>
-				<Card.Content class="w-full px-0">
-					{#if status === 'checking'}
-						<div class="flex flex-col items-center justify-center py-8">
-							<LoaderCircle class="mb-4 h-8 w-8 animate-spin text-primary" />
-							<p class="text-muted-foreground">Verifying key and checking file...</p>
-						</div>
-					{:else if status === 'error'}
-						{#if !key}
-							<div in:fly={{ y: 20, duration: 800 }} class="mx-auto w-full max-w-lg">
-								<Card.Header class="px-0 text-center">
-									<div
-										class="mx-auto my-3 flex h-20 w-20 items-center justify-center rounded-full bg-destructive/10"
-									>
-										<KeyRound class="h-10 w-10 text-destructive" />
-									</div>
-									<Card.Title class="text-2xl font-bold">Decryption Key Required</Card.Title>
-									<Card.Description class="mt-2 text-muted-foreground">
-										{errorMsg || 'The decryption key is missing.'}
-									</Card.Description>
-								</Card.Header>
-								<Card.Footer class="mt-6 flex w-full flex-col gap-6 px-0">
-									<Button class="w-full cursor-pointer" variant="outline" href="/">Go Home</Button>
-								</Card.Footer>
-							</div>
-						{:else}
-							<div class="flex flex-col items-center justify-center py-8 text-destructive">
-								<CircleAlert class="mb-4 h-12 w-12" />
-								<p class="font-medium">{errorMsg}</p>
-							</div>
-						{/if}
-					{:else if status === 'needs_password'}
-						<div class="mx-auto flex w-full max-w-sm flex-col items-center gap-2 py-8">
-							<div class="flex w-full items-center">
-								<Input
-									type="password"
-									placeholder="Password"
-									class="rounded-r-none focus-visible:z-10"
-									bind:value={password}
-									onkeydown={(e) => e.key === 'Enter' && handlePasswordSubmit()}
-								/>
-								<Button class="rounded-l-none" onclick={handlePasswordSubmit}>Unlock</Button>
-							</div>
-							<p class="text-xs text-muted-foreground">Enter password to decrypt the download.</p>
-						</div>
-					{:else if status === 'completed'}
-						<div
-							in:fly={{ y: 10, duration: 400 }}
-							class="flex flex-col items-center justify-center py-4"
-						>
-							<div class="mb-6 flex flex-col items-center text-muted-foreground">
-								<CompleteSvg class="pointer-events-none select-none" />
-							</div>
-
-							<div class="flex w-full gap-3 pt-2">
-								<Button variant="outline" class="flex-1" href="/">Go home</Button>
-								<Button class="flex-1" onclick={() => (status = 'ready')}>Download Again</Button>
-							</div>
-						</div>
-					{:else}
-						<div class="mb-6 flex items-center gap-4 rounded-lg border bg-background/50 p-4">
-							<div class="rounded bg-primary/10 p-2 text-primary">
-								{#if status === 'downloading'}
-									<Download class="h-6 w-6 " />
-								{:else}
-									<FileText class="h-6 w-6" />
-								{/if}
-							</div>
-							<div class="flex-1 overflow-hidden">
-								<p class="truncate font-medium">{filename}</p>
-								<p class="text-xs text-muted-foreground">{formatFileSize(fileSize)}</p>
-							</div>
-						</div>
-
-						<Card.Footer class="flex w-full flex-col gap-6 px-0">
-							{#if status === 'downloading'}
-								<div class="w-full space-y-2">
-									<Progress value={downloadProgress.current} class="h-2" />
-									<div class="flex justify-between text-xs text-muted-foreground">
-										<span>{Math.round(downloadProgress.current)}%</span>
-										<span class="flex items-center">
-											<Download class="mr-2 h-3 w-3 animate-bounce" />
-											Decrypting & Downloading...
-										</span>
-									</div>
-								</div>
-							{:else}
-								<Button class="w-full cursor-pointer" size="lg" onclick={handleDownload}>
-									<Download class="mr-2 h-4 w-4" />
-									Download
-								</Button>
-							{/if}
-						</Card.Footer>
-					{/if}
-				</Card.Content>
-			</div>
-		</div>
-	</Card.Content>
+  <Card.Content class="p-6">
+    <div class="flex min-h-150 flex-col items-center justify-center">
+      <div class="w-full max-w-lg">
+        <Card.Header class="px-0 text-center">
+          <Card.Title class="text-2xl font-bold">Download files</Card.Title>
+          <Card.Description class="text-muted-foreground">This file was shared via Chithi with end-to-end encryption and a link that automatically expires.</Card.Description>
+        </Card.Header>
+        <Card.Content class="w-full px-0">
+          {#if status === 'checking'}
+            <div class="flex flex-col items-center justify-center py-8">
+              <Spinner class="mb-4 size-8 text-primary" />
+              <p class="text-muted-foreground">Verifying key and checking file...</p>
+            </div>
+          {:else if status === 'error'}
+            {#if !key}
+              <div in:fly={{ y: 20, duration: 800 }} class="mx-auto w-full max-w-lg">
+                <Card.Header class="px-0 text-center">
+                  <div class="mx-auto my-3 flex h-20 w-20 items-center justify-center rounded-full bg-destructive/10">
+                    <KeyRound class="h-10 w-10 text-destructive" />
+                  </div>
+                  <Card.Title class="text-2xl font-bold">Decryption Key Required</Card.Title>
+                  <Card.Description class="mt-2 text-muted-foreground">{errorMsg || 'The decryption key is missing.'}</Card.Description>
+                </Card.Header>
+                <Card.Footer class="mt-6 flex w-full flex-col gap-6 px-0">
+                  <Button class="w-full cursor-pointer" variant="outline" href="/">Go Home</Button>
+                </Card.Footer>
+              </div>
+            {:else}
+              <div class="flex flex-col items-center justify-center py-8 text-destructive">
+                <CircleAlert class="mb-4 h-12 w-12" />
+                <p class="font-medium">{errorMsg}</p>
+              </div>
+            {/if}
+          {:else if status === 'needs_password'}
+            <div class="mx-auto flex w-full max-w-sm flex-col items-center gap-2 py-8">
+              <InputGroup.Root class="w-full">
+                <Input type="password" placeholder="Password" bind:value={password} onkeydown={(e) => e.key === 'Enter' && handleDownload()} />
+                <InputGroup.Button>
+                  <Button onclick={handleDownload}>Unlock</Button>
+                </InputGroup.Button>
+              </InputGroup.Root>
+              <p class="text-xs text-muted-foreground">Enter password to decrypt the download.</p>
+            </div>
+          {:else if status === 'completed'}
+            <div in:fly={{ y: 10, duration: 400 }} class="flex flex-col items-center justify-center py-4">
+              <div class="mb-6 flex flex-col items-center text-muted-foreground">
+                <CompleteSvg class="pointer-events-none select-none" />
+              </div>
+              <div class="flex w-full gap-3 pt-2">
+                <Button variant="outline" class="flex-1" href="/">Go home</Button>
+                <Button class="flex-1" onclick={() => phase = 'ready'}>Download Again</Button>
+              </div>
+            </div>
+          {:else}
+            <HoverCard.Root>
+              <HoverCard.Trigger class="mb-6 flex w-full items-center gap-4 rounded-lg border bg-background/50 p-4 cursor-default">
+                <div class="rounded bg-primary/10 p-2 text-primary">
+                  {#if status === 'downloading'}
+                    <Download class="h-6 w-6" />
+                  {:else}
+                    <FileText class="h-6 w-6" />
+                  {/if}
+                </div>
+                <div class="flex-1 overflow-hidden">
+                  <p class="truncate font-medium">{filename}</p>
+                  <p class="text-xs text-muted-foreground">{formatFileSize(fileSize)}</p>
+                </div>
+              </HoverCard.Trigger>
+              <HoverCard.Content class="w-80">
+                <div class="space-y-2">
+                  <p class="text-sm font-medium">{filename}</p>
+                  <div class="flex items-center gap-2 text-xs text-muted-foreground">
+                    <HardDrive class="h-3 w-3" />
+                    <span>{formatFileSize(fileSize)}</span>
+                  </div>
+                  {#if fileInfo.data?.numberOfFiles}
+                    <div class="flex items-center gap-2 text-xs text-muted-foreground">
+                      <File class="h-3 w-3" />
+                      <span>{fileInfo.data.numberOfFiles} file{fileInfo.data.numberOfFiles === 1 ? '' : 's'}</span>
+                    </div>
+                  {/if}
+                </div>
+              </HoverCard.Content>
+            </HoverCard.Root>
+            <Card.Footer class="flex w-full flex-col gap-6 px-0">
+              {#if status === 'downloading'}
+                <div class="w-full space-y-2">
+                  <Progress value={prog.current} class="h-2" />
+                  <div class="flex justify-between text-xs text-muted-foreground">
+                    <span>{Math.round(prog.current)}%</span>
+                    <span class="flex items-center">
+                      <Download class="mr-2 h-3 w-3 animate-bounce" />
+                      Decrypting & Downloading...
+                    </span>
+                  </div>
+                </div>
+              {:else}
+                <Button class="w-full cursor-pointer" size="lg" onclick={handleDownload}>
+                  <Download class="mr-2 h-4 w-4" />
+                  Download
+                </Button>
+              {/if}
+            </Card.Footer>
+          {/if}
+        </Card.Content>
+      </div>
+    </div>
+  </Card.Content>
 </Card.Root>
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/(ignore_slash)/view/[slug]/+page.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/(ignore_slash)/view/[slug]/+page.svelte
index 37fe1a7b..5ffc02ee 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/(ignore_slash)/view/[slug]/+page.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/(ignore_slash)/view/[slug]/+page.svelte
@@ -1,491 +1,268 @@
 <script lang="ts">
-	import * as Card from '$lib/components/ui/card';
-	import { Button } from '$lib/components/ui/button';
-	import { Input } from '$lib/components/ui/input';
-	import { ScrollArea } from '$lib/components/ui/scroll-area';
-	import {
-		FileText,
-		CircleAlert,
-		LoaderCircle,
-		Download,
-		KeyRound,
-		Eye,
-		File,
-		Folder,
-		ExternalLink,
-		Image as ImageIcon,
-		FileCode,
-		FolderOpen,
-		FilePlay,
-		FileHeadphone
-	} from '@lucide/svelte';
-	import { page } from '$app/state';
-	import { goto } from '$app/navigation';
-	import { fly, fade } from 'svelte/transition';
-	import { Api } from '#consts/backend';
-	import { PasswordRequiredError } from '#functions/download';
-	import { createDecryptedStream } from '#functions/streams';
-	import { formatFileSize } from '#functions/bytes';
-	import { toast } from 'svelte-sonner';
-	import { Progress } from '$lib/components/ui/progress';
-	import { cubicOut } from 'svelte/easing';
-	import { Tween } from 'svelte/motion';
-	import { ZipReader, BlobReader, BlobWriter, type Entry } from '@zip.js/zip.js';
-	import { detectMimeFromBlob } from '#functions/mime';
-	import { createViewableText } from '$lib/functions/viewer';
-	import FileViewerOverlay from '$lib/components/FileViewerOverlay.svelte';
-
-	let key = $derived(page.url.hash ? page.url.hash.slice(1).trim() : null);
-	let slug = $derived(page.params.slug);
-	let fileParam = $derived(page.url.searchParams.get('file'));
-
-	let status = $state<
-		'checking' | 'ready' | 'needs_password' | 'error' | 'downloading' | 'unzipping' | 'listing'
-	>('checking');
-
-	let errorMsg = $state('');
-	let filename = $state('file');
-	let fileSize = $state(0);
-	let password = $state('');
-	let downloadProgress = $state(new Tween(0, { duration: 500, easing: cubicOut }));
-
-	let zipEntries = $state<Entry[]>([]);
-	let decryptedBlob = $state<Blob | null>(null);
-
-	// Viewer state
-	let viewingFile = $state<{ text: string | null; url: string | null; filename: string } | null>(
-		null
-	);
-
-	function getFileIcon(name: string) {
-		const n = name.toLowerCase();
-		if (n.match(/\.(png|jpg|jpeg|gif|webp|svg|ico|bmp|avif|jxl|jxr|hdp|wdp)$/)) return ImageIcon;
-		if (n.match(/\.(mp4|webm|ogv|mov|mkv)$/)) return FilePlay;
-		if (n.match(/\.(mp3|wav|ogg|m4a|aac|flac)$/)) return FileHeadphone;
-		if (
-			n.match(
-				/\.(txt|md|json|js|ts|svelte|html|css|scss|xml|log|csv|sh|yaml|yml|sql|py|java|c|cpp|h|go|rs|php|rb)$/
-			)
-		)
-			return FileCode;
-		return File;
-	}
-
-	async function startCheck() {
-		if (!key || !slug) {
-			status = 'error';
-			errorMsg = 'Missing decryption key';
-			return;
-		}
-		status = 'checking';
-		try {
-			const res = await fetch(Api.FILE_INFO(slug));
-			if (!res.ok) {
-				if (res.status === 404) throw new Error('File not found');
-				if (res.status === 410) throw new Error('File expired or limit reached');
-				throw new Error('Failed to get file info');
-			}
-			const info = await res.json();
-			filename = info.filename;
-			fileSize = info.size;
-			status = 'ready';
-		} catch (e: any) {
-			status = 'error';
-			errorMsg = e.message || 'An error occurred';
-		}
-	}
-
-	$effect.pre(() => {
-		startCheck();
-	});
-
-	async function handlePasswordSubmit() {
-		if (!key) return;
-		await fetchAndUnzip();
-	}
-
-	async function fetchAndUnzip() {
-		if (!key || !slug) return;
-		const previousStatus = status;
-		status = 'downloading';
-		downloadProgress = new Tween(0, { duration: 500, easing: cubicOut });
-
-		try {
-			const blob = await downloadFileBlob(
-				slug,
-				key,
-				password,
-				fileSize,
-				(p) => (downloadProgress.target = p)
-			);
-			decryptedBlob = blob;
-
-			status = 'unzipping';
-			const reader = new ZipReader(new BlobReader(blob));
-			zipEntries = await reader.getEntries();
-			status = 'listing';
-			toast.success('Files extracted successfully');
-
-			// Auto-open file from URL param if it exactly matches an entry
-			if (fileParam) {
-				const match = zipEntries.find((e) => e.filename === fileParam);
-				if (match) openEntry(match);
-			}
-		} catch (e: any) {
-			console.error(e);
-			if (e instanceof PasswordRequiredError) {
-				status = 'needs_password';
-				toast.info('Password required for decryption');
-			} else if (previousStatus === 'needs_password' && password) {
-				toast.error('Incorrect password?');
-				status = 'needs_password';
-			} else if (e.name === 'AbortError') {
-				status = 'ready';
-			} else {
-				toast.error('Failed: ' + e.message);
-				status = 'error';
-				errorMsg = 'Processing failed: ' + e.message;
-			}
-		}
-	}
-
-	async function downloadFileBlob(
-		slug: string,
-		key: string,
-		password: string,
-		totalSize: number,
-		onProgress: (percent: number) => void
-	): Promise<Blob> {
-		const res = await fetch(Api.DOWNLOAD(slug));
-		if (!res.ok) throw new Error('Download failed');
-		if (!res.body) throw new Error('No response body');
-
-		let loaded = 0;
-		const reader = res.body.getReader();
-		const streamWithProgress = new ReadableStream({
-			async pull(controller) {
-				const { done, value } = await reader.read();
-				if (done) {
-					controller.close();
-					return;
-				}
-				loaded += value.byteLength;
-				if (totalSize > 0) onProgress(Math.round((loaded / totalSize) * 100));
-				controller.enqueue(value);
-			},
-			cancel(reason) {
-				return reader.cancel(reason);
-			}
-		});
-
-		const { stream: decryptedStream } = await createDecryptedStream(
-			streamWithProgress,
-			key,
-			password
-		);
-		const decReader = decryptedStream.getReader();
-		let firstChunk: Uint8Array | undefined;
-
-		try {
-			const { done, value } = await decReader.read();
-			if (!done) firstChunk = value;
-		} catch (e: any) {
-			if (e.name === 'OperationError') {
-				await reader.cancel('Wrong password');
-				throw new PasswordRequiredError();
-			}
-			throw e;
-		}
-
-		const chunks: Uint8Array[] = [];
-		if (firstChunk) chunks.push(firstChunk);
-		while (true) {
-			const { done, value } = await decReader.read();
-			if (done) break;
-			chunks.push(value);
-		}
-
-		return new Blob(chunks as BlobPart[], { type: 'application/zip' });
-	}
-
-	function setFileParam(name: string | null) {
-		const url = new URL(page.url);
-		if (name) {
-			url.searchParams.set('file', name);
-		} else {
-			url.searchParams.delete('file');
-		}
-		goto(url.toString(), { replaceState: true, keepFocus: true, noScroll: true });
-	}
-
-	async function openEntry(entry: Entry) {
-		if (entry.directory || !entry.getData) return;
-		const rawBlob = await entry.getData(new BlobWriter('application/octet-stream'));
-		const detectedMime = await detectMimeFromBlob(rawBlob);
-		const viewBlob = detectedMime ? rawBlob.slice(0, rawBlob.size, detectedMime) : rawBlob;
-
-		const text = await createViewableText(viewBlob, entry.filename, detectedMime);
-		if (text !== null) {
-			viewingFile = { text, url: null, filename: entry.filename };
-			setFileParam(entry.filename);
-			return;
-		}
-
-		const url = URL.createObjectURL(viewBlob);
-		viewingFile = { text: null, url, filename: entry.filename };
-		setFileParam(entry.filename);
-	}
-
-	function closeViewer() {
-		if (viewingFile?.url) URL.revokeObjectURL(viewingFile.url);
-		viewingFile = null;
-		setFileParam(null);
-	}
-
-	function copyViewerLink() {
-		if (!viewingFile) return;
-		const url = new URL(page.url);
-		url.searchParams.set('file', viewingFile.filename);
-		navigator.clipboard.writeText(url.toString());
-	}
-
-	async function saveEntry(entry: Entry) {
-		if (entry.directory || !entry.getData) return;
-		const blob = await entry.getData(new BlobWriter());
-		const url = URL.createObjectURL(blob);
-		const a = document.createElement('a');
-		a.href = url;
-		a.download = entry.filename.split('/').pop() || 'file';
-		a.style.display = 'none';
-		document.body.appendChild(a);
-		a.click();
-		URL.revokeObjectURL(url);
-		document.body.removeChild(a);
-	}
-
-	function handleDownloadOriginal() {
-		if (!decryptedBlob) return;
-		const downloadName = filename.toLowerCase().endsWith('.zip') ? filename : `${filename}.zip`;
-		const url = URL.createObjectURL(decryptedBlob);
-		const a = document.createElement('a');
-		a.href = url;
-		a.download = downloadName;
-		a.style.display = 'none';
-		document.body.appendChild(a);
-		a.click();
-		URL.revokeObjectURL(url);
-		document.body.removeChild(a);
-	}
+  import * as Card from '$lib/components/ui/card/index.js';
+  import { Button } from '$lib/components/ui/button/index.js';
+  import { Input } from '$lib/components/ui/input/index.js';
+  import * as InputGroup from '$lib/components/ui/input-group/index.js';
+  import { FileText, CircleAlert, Download, KeyRound, Eye } from '@lucide/svelte';
+  import { Spinner } from '$lib/components/ui/spinner/index.js';
+  import { page } from '$app/state';
+  import { goto } from '$app/navigation';
+  import { fly, fade } from 'svelte/transition';
+  import { fetchDecryptedBlob } from '$lib/functions/fetch-decrypt';
+  import { PasswordRequiredError } from '#errors/password';
+  import { formatFileSize } from '#functions/bytes';
+  import { toast } from 'svelte-sonner';
+  import { Progress } from '$lib/components/ui/progress/index.js';
+  import { cubicOut } from 'svelte/easing';
+  import { Tween } from 'svelte/motion';
+
+  import { detectMimeFromBlob } from '#functions/mime';
+  import { createViewableText } from '$lib/functions/viewer';
+  import FileViewerOverlay from '$lib/components/FileViewerOverlay.svelte';
+  import { autoDownload } from '$lib/functions/browser-download';
+  import { validateZipBlob } from '#functions/zip-validate';
+  import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+  import { FileInfoDocument, type FileInfoQuery } from '$lib/graphql/generated/graphql.js';
+
+  const key = $derived(page.url.hash ? page.url.hash.slice(1).trim() : null);
+  const slug = $derived(page.params.slug);
+  const fileParam = $derived(page.url.searchParams.get('file'));
+  const fileInfoState = createQueryStore<FileInfoQuery>(FileInfoDocument, { slug: slug ?? '' });
+  const fileInfo = $derived({
+    isPending: fileInfoState.fetching,
+    isError: !!fileInfoState.error,
+    error: fileInfoState.error ? new Error(fileInfoState.error) : undefined,
+    data: fileInfoState.data?.fileInfo
+      ? { filename: fileInfoState.data.fileInfo.filename || 'file', fileSize: fileInfoState.data.fileInfo.size || 0, numberOfFiles: fileInfoState.data.fileInfo.numberOfFiles ?? 0 }
+      : undefined
+  });
+  const hasKey = $derived(Boolean(key && slug));
+  let phase = $state<'ready' | 'needs_password' | 'downloading' | 'unzipping' | 'listing' | 'error'>('ready');
+  const status = $derived(
+    hasKey && fileInfo.isPending ? 'checking'
+    : hasKey && fileInfo.isError ? 'error'
+    : phase
+  );
+  const errorMsg = $derived(fileInfo.error?.message ?? 'An error occurred');
+  const filename = $derived(fileInfo.data?.filename ?? 'file');
+  const fileSize = $derived(fileInfo.data?.fileSize ?? 0);
+  let password = $state('');
+  let prog = $state(new Tween(0, { duration: 500, easing: cubicOut }));
+  let decryptedBlob = $state<Blob | null>(null);
+  let viewingFile = $state<{ text: string | null; url: string | null; filename: string } | null>(null);
+
+  function fileIcon(n: string) {
+    const lower = n.toLowerCase();
+    if (lower.match(/\.(png|jpg|jpeg|gif|webp|svg|ico|bmp|avif|jxl|jxr|hdp|wdp)$/)) return ImageIcon;
+    if (lower.match(/\.(mp4|webm|ogv|mov|mkv)$/)) return FilePlay;
+    if (lower.match(/\.(mp3|wav|ogg|m4a|aac|flac)$/)) return FileHeadphone;
+    if (lower.match(/\.(txt|md|json|js|ts|svelte|html|css|scss|xml|log|csv|sh|yaml|yml|sql|py|java|c|cpp|h|go|rs|php|rb)$/)) return FileCode;
+    return File;
+  }
+
+  function setFileParam(name: string | null) {
+    const url = new URL(page.url);
+    if (name) {
+      url.searchParams.set('file', name);
+    } else {
+      url.searchParams.delete('file');
+    }
+    goto(url.toString(), { replaceState: true, keepFocus: true, noScroll: true });
+  }
+
+  async function fetchAndDecrypt() {
+    if (!key || !slug) return;
+    const prev = phase;
+    phase = 'downloading';
+    prog = new Tween(0, { duration: 500, easing: cubicOut });
+    try {
+      const blob = await fetchDecryptedBlob(slug, key, password, { knownSize: fileSize, onProgress: (p) => prog.target = p });
+      decryptedBlob = blob;
+      await validateZipBlob(blob);
+      phase = 'listing';
+      toast.success('File decrypted successfully');
+    } catch (e: any) {
+      if (e instanceof PasswordRequiredError) {
+        phase = 'needs_password';
+        toast.info('Password required for decryption');
+      } else if (e.message?.includes('End of central directory') || e.message?.includes('missing end marker') || e.message?.includes('too small')) {
+        phase = 'error';
+        if (e.message?.includes('missing end marker')) {
+          toast.error('The decrypted archive appears truncated or corrupted.');
+        } else {
+          toast.error('The decrypted data is not a valid archive.');
+        }
+      } else if (prev === 'needs_password' && password) {
+        toast.error('Incorrect password?');
+        phase = 'needs_password';
+      } else if (e.name === 'AbortError') {
+        phase = 'ready';
+      } else {
+        toast.error('Failed: ' + e.message);
+        phase = 'error';
+      }
+    }
+  }
+
+  async function openDecryptedFile() {
+    if (!decryptedBlob) return;
+    const detectedMime = await detectMimeFromBlob(decryptedBlob);
+    const viewBlob = detectedMime ? decryptedBlob.slice(0, decryptedBlob.size, detectedMime) : decryptedBlob;
+    const text = await createViewableText(viewBlob, detectedMime);
+    if (text !== null) {
+      viewingFile = { text, url: null, filename };
+      setFileParam(filename);
+      return;
+    }
+    const url = URL.createObjectURL(viewBlob);
+    viewingFile = { text: null, url, filename };
+    setFileParam(filename);
+  }
+
+  function closeViewer() {
+    if (viewingFile?.url) URL.revokeObjectURL(viewingFile.url);
+    viewingFile = null;
+    setFileParam(null);
+  }
+
+  function copyViewerLink() {
+    if (!viewingFile) return;
+    const url = new URL(page.url);
+    url.searchParams.set('file', viewingFile.filename);
+    navigator.clipboard.writeText(url.toString());
+  }
+
+  function downloadOriginal() {
+    if (!decryptedBlob) return;
+    const name = filename.toLowerCase().endsWith('.zip') ? filename : `${filename}.zip`;
+    const url = URL.createObjectURL(decryptedBlob);
+    autoDownload(url, name);
+    URL.revokeObjectURL(url);
+  }
 </script>
 
 <Card.Root class="relative z-10 mx-auto w-full max-w-5xl border-border bg-card">
-	<Card.Content class="p-6">
-		<div class="flex min-h-150 flex-col items-center justify-center">
-			{#if status === 'checking'}
-				<div class="flex flex-col items-center justify-center py-8">
-					<LoaderCircle class="mb-4 h-8 w-8 animate-spin text-primary" />
-					<p class="text-muted-foreground">Verifying key and file...</p>
-				</div>
-			{/if}
-
-			{#if status === 'error'}
-				{#if !key}
-					<div in:fly={{ y: 20, duration: 800 }} class="mx-auto w-full max-w-lg">
-						<Card.Header class="px-0 text-center">
-							<div
-								class="mx-auto my-3 flex h-20 w-20 items-center justify-center rounded-full bg-destructive/10"
-							>
-								<KeyRound class="h-10 w-10 text-destructive" />
-							</div>
-							<Card.Title class="text-2xl font-bold">Decryption Key Required</Card.Title>
-							<Card.Description class="mt-2 text-muted-foreground">
-								{errorMsg || 'The decryption key is missing.'}
-							</Card.Description>
-						</Card.Header>
-						<Card.Footer class="mt-6 flex w-full flex-col gap-6 px-0">
-							<Button class="w-full" variant="outline" href="/">Go Home</Button>
-						</Card.Footer>
-					</div>
-				{:else}
-					<div class="flex flex-col items-center justify-center py-8 text-destructive">
-						<CircleAlert class="mb-4 h-12 w-12" />
-						<p class="font-medium">{errorMsg}</p>
-						<Button variant="outline" class="mt-4" onclick={() => location.reload()}>Retry</Button>
-					</div>
-				{/if}
-			{/if}
-
-			{#if status === 'ready' || status === 'needs_password' || status === 'downloading' || status === 'unzipping'}
-				<div class="w-full max-w-lg">
-					<Card.Header class="px-0 text-center">
-						<Card.Title class="text-2xl font-bold">View Archive</Card.Title>
-						<Card.Description class="text-muted-foreground">
-							Decrypt and view contents of this archive directly in your browser.
-						</Card.Description>
-					</Card.Header>
-
-					<Card.Content class="w-full px-0">
-						{#if status === 'needs_password'}
-							<div class="mx-auto flex w-full max-w-sm flex-col items-center gap-2 py-8">
-								<div class="flex w-full items-center">
-									<Input
-										type="password"
-										placeholder="Password"
-										class="rounded-r-none focus-visible:z-10"
-										bind:value={password}
-										onkeydown={(e) => e.key === 'Enter' && handlePasswordSubmit()}
-									/>
-									<Button class="rounded-l-none" onclick={handlePasswordSubmit}>Unlock</Button>
-								</div>
-								<p class="text-xs text-muted-foreground">Enter password to decrypt the archive.</p>
-							</div>
-						{:else}
-							<div class="mb-6 flex items-center gap-4 rounded-lg border bg-background/50 p-4">
-								<div class="rounded bg-primary/10 p-2 text-primary">
-									{#if status === 'downloading' || status === 'unzipping'}
-										<LoaderCircle class="h-6 w-6 animate-spin" />
-									{:else}
-										<FileText class="h-6 w-6" />
-									{/if}
-								</div>
-								<div class="flex-1 overflow-hidden">
-									<p class="truncate font-medium">{filename}</p>
-									<p class="text-xs text-muted-foreground">{formatFileSize(fileSize)}</p>
-								</div>
-							</div>
-
-							<Card.Footer class="flex w-full flex-col gap-6 px-0">
-								{#if status === 'downloading' || status === 'unzipping'}
-									<div class="w-full space-y-2">
-										<Progress value={downloadProgress.current} class="h-2" />
-										<div class="flex justify-between text-xs text-muted-foreground">
-											<span>{Math.round(downloadProgress.current)}%</span>
-											<span class="flex items-center">
-												{#if status === 'unzipping'}
-													<FolderOpen class="mr-2 h-3 w-3 animate-pulse" />
-													Unzipping...
-												{:else}
-													<Download class="mr-2 h-3 w-3 animate-bounce" />
-													Decrypting...
-												{/if}
-											</span>
-										</div>
-									</div>
-								{:else}
-									<Button class="w-full" size="lg" onclick={fetchAndUnzip}>
-										<Eye class="mr-2 h-4 w-4" />
-										View Contents
-									</Button>
-								{/if}
-							</Card.Footer>
-						{/if}
-					</Card.Content>
-				</div>
-			{/if}
-
-			{#if status === 'listing'}
-				{#if viewingFile}
-					<div class="w-full" in:fade={{ duration: 200 }}>
-						<FileViewerOverlay
-							filename={viewingFile.filename}
-							contentText={viewingFile.text}
-							contentUrl={viewingFile.url}
-							onclose={closeViewer}
-							oncopylink={copyViewerLink}
-							ondownload={() => {
-								if (!viewingFile) return;
-								const blobUrl =
-									viewingFile.url ||
-									URL.createObjectURL(new Blob([viewingFile.text!], { type: 'text/plain' }));
-								const a = document.createElement('a');
-								a.href = blobUrl;
-								a.download = viewingFile.filename.split('/').pop() || 'file';
-								a.style.display = 'none';
-								document.body.appendChild(a);
-								a.click();
-								document.body.removeChild(a);
-								if (!viewingFile.url) URL.revokeObjectURL(blobUrl);
-							}}
-						/>
-					</div>
-				{:else}
-					<div class="w-full" in:fade={{ duration: 300 }}>
-						<div class="mb-4 flex items-center justify-between">
-							<div>
-								<h2 class="text-xl font-bold">Contents of {filename}</h2>
-								<p class="text-sm text-muted-foreground">{zipEntries.length} items found</p>
-							</div>
-							<Button variant="outline" onclick={handleDownloadOriginal}>
-								<Download class="mr-2 h-4 w-4" />
-								Download Original
-							</Button>
-						</div>
-
-						<div class="rounded-md border">
-							<ScrollArea class="h-125">
-								<div class="p-2">
-									{#each zipEntries as entry}
-										<div
-											class="group flex w-full items-center gap-3 rounded-md p-2 transition-colors hover:bg-muted/50"
-										>
-											<button
-												class="flex flex-1 cursor-pointer items-center gap-3 overflow-hidden border-0 bg-transparent p-0 text-left"
-												onclick={() => openEntry(entry)}
-											>
-												{#if entry.directory}
-													<Folder class="h-5 w-5 shrink-0 text-primary" />
-												{:else}
-													{@const Icon = getFileIcon(entry.filename)}
-													<Icon class="h-5 w-5 shrink-0 text-primary" />
-												{/if}
-
-												<div class="flex-1 overflow-hidden">
-													<p class="truncate text-sm font-medium">{entry.filename}</p>
-													{#if !entry.directory}
-														<p class="text-xs text-muted-foreground">
-															{formatFileSize(entry.uncompressedSize)}
-														</p>
-													{/if}
-												</div>
-											</button>
-
-											{#if !entry.directory}
-												<div
-													class="flex gap-1 opacity-0 transition-opacity group-hover:opacity-100"
-												>
-													<Button
-														variant="ghost"
-														size="icon"
-														class="h-8 w-8"
-														title="View File"
-														onclick={() => openEntry(entry)}
-													>
-														<ExternalLink class="h-4 w-4" />
-													</Button>
-													<Button
-														variant="ghost"
-														size="icon"
-														class="h-8 w-8"
-														title="Save File"
-														onclick={() => saveEntry(entry)}
-													>
-														<Download class="h-4 w-4" />
-													</Button>
-												</div>
-											{/if}
-										</div>
-									{/each}
-									{#if zipEntries.length === 0}
-										<div class="p-8 text-center text-muted-foreground">
-											No files found in this archive.
-										</div>
-									{/if}
-								</div>
-							</ScrollArea>
-						</div>
-					</div>
-				{/if}
-			{/if}
-		</div>
-	</Card.Content>
+  <Card.Content class="p-6">
+    <div class="flex min-h-150 flex-col items-center justify-center">
+      {#if status === 'checking'}
+        <div class="flex flex-col items-center justify-center py-8">
+          <Spinner class="mb-4 size-8 text-primary" />
+          <p class="text-muted-foreground">Verifying key and file...</p>
+        </div>
+      {/if}
+      {#if status === 'error'}
+        {#if !key}
+          <div in:fly={{ y: 20, duration: 800 }} class="mx-auto w-full max-w-lg">
+            <Card.Header class="px-0 text-center">
+              <div class="mx-auto my-3 flex h-20 w-20 items-center justify-center rounded-full bg-destructive/10">
+                <KeyRound class="h-10 w-10 text-destructive" />
+              </div>
+              <Card.Title class="text-2xl font-bold">Decryption Key Required</Card.Title>
+              <Card.Description class="mt-2 text-muted-foreground">{errorMsg || 'The decryption key is missing.'}</Card.Description>
+            </Card.Header>
+            <Card.Footer class="mt-6 flex w-full flex-col gap-6 px-0">
+              <Button class="w-full" variant="outline" href="/">Go Home</Button>
+            </Card.Footer>
+          </div>
+        {:else}
+          <div class="flex flex-col items-center justify-center py-8 text-destructive">
+            <CircleAlert class="mb-4 h-12 w-12" />
+            <p class="font-medium">{errorMsg}</p>
+            <Button variant="outline" class="mt-4" onclick={() => location.reload()}>Retry</Button>
+          </div>
+        {/if}
+      {/if}
+      {#if status === 'ready' || status === 'needs_password' || status === 'downloading' || status === 'unzipping'}
+        <div class="w-full max-w-lg">
+          <Card.Header class="px-0 text-center">
+            <Card.Title class="text-2xl font-bold">View Archive</Card.Title>
+            <Card.Description class="text-muted-foreground">Decrypt and view contents of this archive directly in your browser.</Card.Description>
+          </Card.Header>
+          <Card.Content class="w-full px-0">
+            {#if status === 'needs_password'}
+              <div class="mx-auto flex w-full max-w-sm flex-col items-center gap-2 py-8">
+                <InputGroup.Root class="w-full">
+                  <Input type="password" placeholder="Password" bind:value={password} onkeydown={(e) => e.key === 'Enter' && fetchAndDecrypt()} />
+                  <InputGroup.Button>
+                    <Button onclick={fetchAndDecrypt}>Unlock</Button>
+                  </InputGroup.Button>
+                </InputGroup.Root>
+                <p class="text-xs text-muted-foreground">Enter password to decrypt the archive.</p>
+              </div>
+            {:else}
+              <div class="mb-6 flex items-center gap-4 rounded-lg border bg-background/50 p-4">
+                <div class="rounded bg-primary/10 p-2 text-primary">
+                  {#if status === 'downloading' || status === 'unzipping'}
+                    <Spinner class="size-6" />
+                  {:else}
+                    <FileText class="h-6 w-6" />
+                  {/if}
+                </div>
+                <div class="flex-1 overflow-hidden">
+                  <p class="truncate font-medium">{filename}</p>
+                  <p class="text-xs text-muted-foreground">{formatFileSize(fileSize)}</p>
+                </div>
+              </div>
+              <Card.Footer class="flex w-full flex-col gap-6 px-0">
+                {#if status === 'downloading' || status === 'unzipping'}
+                  <div class="w-full space-y-2">
+                    <Progress value={prog.current} class="h-2" />
+                    <div class="flex justify-between text-xs text-muted-foreground">
+                      <span>{Math.round(prog.current)}%</span>
+                      <span class="flex items-center">
+                        {#if status === 'unzipping'}
+                          <FolderOpen class="mr-2 h-3 w-3 animate-pulse" />Unzipping...
+                        {:else}
+                          <Download class="mr-2 h-3 w-3 animate-bounce" />Decrypting...
+                        {/if}
+                      </span>
+                    </div>
+                  </div>
+                {:else}
+                  <Button class="w-full" size="lg" onclick={fetchAndDecrypt}><Eye class="mr-2 h-4 w-4" />Decrypt</Button>
+                {/if}
+              </Card.Footer>
+            {/if}
+          </Card.Content>
+        </div>
+      {/if}
+      {#if status === 'listing'}
+        {#if viewingFile}
+          <div class="w-full" in:fade={{ duration: 200 }}>
+            <FileViewerOverlay
+              filename={viewingFile.filename}
+              contentText={viewingFile.text}
+              contentUrl={viewingFile.url}
+              onclose={closeViewer}
+              oncopylink={copyViewerLink}
+              ondownload={() => {
+                if (!viewingFile) return;
+                const blobUrl = viewingFile.url || URL.createObjectURL(
+                  new Blob([viewingFile.text!], { type: 'text/plain' })
+                );
+                autoDownload(blobUrl, viewingFile.filename.split('/').pop() || 'file');
+                if (!viewingFile.url) URL.revokeObjectURL(blobUrl);
+              }}
+            />
+          </div>
+        {:else}
+          <div class="w-full max-w-lg" in:fade={{ duration: 300 }}>
+            <div class="mb-6 flex items-center gap-4 rounded-lg border bg-background/50 p-4">
+              <div class="rounded bg-primary/10 p-2 text-primary">
+                <FileText class="h-6 w-6" />
+              </div>
+              <div class="flex-1 overflow-hidden">
+                <p class="truncate font-medium">{filename}</p>
+                <p class="text-xs text-muted-foreground">{formatFileSize(fileSize)}</p>
+              </div>
+            </div>
+            <div class="flex flex-col gap-3">
+              <Button class="w-full" size="lg" onclick={openDecryptedFile}><Eye class="mr-2 h-4 w-4" />View File</Button>
+              <Button variant="outline" class="w-full" onclick={downloadOriginal}><Download class="mr-2 h-4 w-4" />Download Original</Button>
+            </div>
+          </div>
+        {/if}
+      {/if}
+    </div>
+  </Card.Content>
 </Card.Root>
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/+layout.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/+layout.svelte
index 3c5e0053..549a3866 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/+layout.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/+layout.svelte
@@ -10,39 +10,37 @@
 		Gauge,
 		Info
 	} from '@lucide/svelte';
-	import Button from '$lib/components/ui/button/button.svelte';
+	import { Button } from '$lib/components/ui/button/index.js';
 	import { toggleMode } from 'mode-watcher';
-	import * as Avatar from '$lib/components/ui/avatar';
-	import * as Dropdown from '$lib/components/ui/dropdown-menu';
-	import { useAuth } from '#queries/auth';
-	import { Label } from '$lib/components/ui/label';
+	import * as Avatar from '$lib/components/ui/avatar/index.js';
+	import * as Dropdown from '$lib/components/ui/dropdown-menu/index.js';
+	import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+	import { MeDocument, type MeQuery } from '$lib/graphql/generated/graphql.js';
+	import { Label } from '$lib/components/ui/label/index.js';
 	import { kebab_to_initials } from '#functions/string-conversion';
 	import { make_libravatar_url } from '#functions/libravatar';
 	import { page } from '$app/state';
-	import * as Tooltip from '$lib/components/ui/tooltip';
+	import * as Tooltip from '$lib/components/ui/tooltip/index.js';
 	import favicon from '$lib/assets/logo.svg';
 	import { PUBLIC_INSTANCE_URL } from '#consts/urls';
 	import { env } from '$env/dynamic/public';
 	import { SiGithub, SiUpptime } from '@icons-pack/svelte-simple-icons';
+	import CommandPalette from '$lib/components/CommandPalette.svelte';
 	import type { Component } from 'svelte';
-	const { user: userData } = useAuth();
-
-	let { children } = $props();
-
-	let initials = $derived(kebab_to_initials(userData.data?.username ?? ''));
 
+	const userData = createQueryStore<MeQuery>(MeDocument);
+	const { children } = $props();
+	const initials = $derived(kebab_to_initials(userData.data?.me?.username ?? ''));
 	let flagForRestart = $state(false);
-
-	let hashedAvatar = $derived(await make_libravatar_url(userData.data?.email ?? ''));
-
-	function programmedNavigation(event: Event) {
-		const anchorElement = event.currentTarget as HTMLAnchorElement;
-		const href = anchorElement.getAttribute('href');
-		if (href === page.url.pathname) {
-			// Switch between true and false
+	const hashedAvatar = $derived(await make_libravatar_url(userData.data?.me?.email ?? ''));
+	const samePageNav = (e: Event) => {
+		if ((e.currentTarget as HTMLAnchorElement).href === page.url.href)
 			flagForRestart = !flagForRestart;
-		}
-	}
+	};
+	const themeIcon = 'h-[1.2rem] w-[1.2rem] transition-all';
+	const sunClass = `${themeIcon} scale-100 rotate-0 dark:scale-0 dark:-rotate-90`;
+	const moonClass = `${themeIcon} absolute scale-0 rotate-90 dark:scale-100 dark:rotate-0`;
+
 	type LinkItem = {
 		name: string;
 		href: string;
@@ -52,59 +50,18 @@
 	};
 
 	const adminLinks = [
-		{
-			href: '/admin/config',
-			name: 'Config',
-			icon: SlidersVertical,
-			order: 2
-		},
-		{
-			href: '/admin/user',
-			name: 'Customize User',
-			icon: UserCog,
-			order: 1
-		},
-
-		{
-			href: '/admin/urls',
-			name: 'Outstanding URLs',
-			icon: Link,
-			order: 3
-		}
+		{ href: '/admin/user', name: 'Customize User', icon: UserCog, order: 1 },
+		{ href: '/admin/config', name: 'Config', icon: SlidersVertical, order: 2 },
+		{ href: '/admin/urls', name: 'Outstanding URLs', icon: Link, order: 3 }
 	];
 	const baseRightFooterLinks: LinkItem[] = [
-		{
-			href: 'https://docs.chithi.dev',
-			name: 'Documentation',
-			icon: BookOpenText,
-			order: 3
-		},
-		{
-			href: PUBLIC_INSTANCE_URL,
-			name: 'Public Instances',
-			icon: SiUpptime,
-			order: 2
-		},
-		{
-			href: 'https://github.com/chithi-dev/chithi',
-			name: 'Source',
-			icon: SiGithub,
-			order: 1
-		}
+		{ href: 'https://github.com/chithi-dev/chithi', name: 'Source', icon: SiGithub, order: 1 },
+		{ href: PUBLIC_INSTANCE_URL, name: 'Public Instances', icon: SiUpptime, order: 2 },
+		{ href: 'https://docs.chithi.dev', name: 'Documentation', icon: BookOpenText, order: 3 }
 	];
 	const leftFooterLinks: LinkItem[] = [
-		{
-			href: '/speedtest',
-			name: 'Speedtest',
-			icon: Gauge,
-			order: 1
-		},
-		{
-			href: '/informations',
-			name: 'Information about the instance',
-			icon: Info,
-			order: 2
-		}
+		{ href: '/speedtest', name: 'Speedtest', icon: Gauge, order: 1 },
+		{ href: '/informations', name: 'Information about the instance', icon: Info, order: 2 }
 	];
 
 	const donationPlatforms = [
@@ -130,63 +87,50 @@
 		}
 	];
 
-	const seenRightFooterLinks = new Set(baseRightFooterLinks.map((link) => link.href));
-	let donationOrder = baseRightFooterLinks.length;
+	const seen = new Set(baseRightFooterLinks.map((l) => l.href));
+	let order = baseRightFooterLinks.length;
 	const donationLinks: LinkItem[] = [];
-
-	for (const platform of donationPlatforms) {
-		const href = (env as Record<string, string | undefined>)[platform.key];
-		if (!href || seenRightFooterLinks.has(href)) continue;
-
-		seenRightFooterLinks.add(href);
-		donationOrder += 1;
-		donationLinks.push({
-			href,
-			name: platform.name,
-			icon: Link,
-			order: donationOrder,
-			iconLoader: platform.iconLoader
-		});
+	for (const p of donationPlatforms) {
+		const href = (env as Record<string, string | undefined>)[p.key];
+		if (!href || seen.has(href)) continue;
+		seen.add(href);
+		order++;
+		donationLinks.push({ href, name: p.name, icon: Link, order, iconLoader: p.iconLoader });
 	}
 
 	let rightFooterLinks: LinkItem[] = $state([...baseRightFooterLinks, ...donationLinks]);
-
-	const donationIconPromises = new Map<string, Promise<void>>();
+	const iconPromises = new Map<string, Promise<void>>();
 
 	$effect.pre(() => {
 		for (const link of rightFooterLinks) {
-			if (!link.iconLoader || donationIconPromises.has(link.href)) continue;
-
+			if (!link.iconLoader || iconPromises.has(link.href)) continue;
 			const promise = link
 				.iconLoader()
 				.then((mod) => {
-					rightFooterLinks = rightFooterLinks.map((item) =>
-						item.href === link.href ? { ...item, icon: mod.default } : item
+					rightFooterLinks = rightFooterLinks.map((i) =>
+						i.href === link.href ? { ...i, icon: mod.default } : i
 					);
 				})
 				.catch(() => undefined);
-
-			donationIconPromises.set(link.href, promise);
+			iconPromises.set(link.href, promise);
 		}
 	});
 </script>
 
-{#snippet footerLink(footer_item: LinkItem)}
-	<div style="order:{footer_item.order}">
+{#snippet footerLink(item: LinkItem)}
+	<div style="order:{item.order}">
 		<Tooltip.Provider delayDuration={100}>
 			<Tooltip.Root>
-				<Tooltip.Trigger>
-					<Button
+				<Tooltip.Trigger
+					><Button
 						variant="ghost"
 						size="icon"
-						aria-label={footer_item.name}
+						aria-label={item.name}
 						class="transition-colors hover:text-foreground"
-						href={footer_item.href}
-					>
-						<footer_item.icon />
-					</Button>
-				</Tooltip.Trigger>
-				<Tooltip.Content>{footer_item.name}</Tooltip.Content>
+						href={item.href}><item.icon /></Button
+					></Tooltip.Trigger
+				>
+				<Tooltip.Content>{item.name}</Tooltip.Content>
 			</Tooltip.Root>
 		</Tooltip.Provider>
 	</div>
@@ -195,71 +139,59 @@
 <div
 	class="relative flex min-h-svh min-w-screen flex-col overflow-hidden bg-background text-foreground"
 >
-	<!-- Top Bar -->
-	<header
+		<CommandPalette />
+		<header
 		class="sticky top-0 z-50 flex items-center justify-between bg-transparent p-4 backdrop-blur-md transition-colors duration-500"
 	>
-		<a href="/" class="flex items-center gap-2" onclick={programmedNavigation}>
-			<img src={favicon} alt="logo" class="h-6 w-6" />
-			<h1 class="text-2xl font-bold md:text-xl">Chithi</h1>
-		</a>
-
+		<a href="/" class="flex items-center gap-2" onclick={samePageNav}
+			><img src={favicon} alt="logo" class="h-6 w-6" />
+			<h1 class="text-2xl font-bold md:text-xl">Chithi</h1></a
+		>
 		<div class="flex items-center gap-2">
-			{#if userData.data}
+			{#if userData.data?.me}
 				<Dropdown.Root>
-					<Dropdown.Trigger>
-						<div class="my-0.5">
-							<Avatar.Root>
-								{#if hashedAvatar}
-									<Avatar.Image src={hashedAvatar} alt="@{userData.data.username}" />
-								{/if}
-								<Avatar.Fallback>{initials}</Avatar.Fallback>
-							</Avatar.Root>
-						</div>
-					</Dropdown.Trigger>
-
+					<Dropdown.Trigger
+						><div class="my-0.5">
+							<Avatar.Root
+								>{#if hashedAvatar}<Avatar.Image
+										src={hashedAvatar}
+										alt="@{userData.data.me!.username}"
+									/>{/if}<Avatar.Fallback>{initials}</Avatar.Fallback></Avatar.Root
+							>
+						</div></Dropdown.Trigger
+					>
 					<Dropdown.Content align="end" sideOffset={4} class="w-48">
 						<Dropdown.Item onSelect={(e) => e.preventDefault()}>
 							<div class="flex w-full items-center justify-between gap-2">
-								<Label class="cursor-pointer" onclick={toggleMode}>Theme</Label>
-
-								<Button onclick={toggleMode} variant="outline" size="icon" class="relative">
-									<SunIcon
-										class="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"
-									/>
-									<MoonIcon
-										class="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"
-									/>
-									<span class="sr-only">Toggle theme</span>
-								</Button>
+								<Label class="cursor-pointer" onclick={toggleMode}>Theme</Label><Button
+									onclick={toggleMode}
+									variant="outline"
+									size="icon"
+									class="relative"
+									><SunIcon class={sunClass} /><MoonIcon class={moonClass} /><span class="sr-only"
+										>Toggle theme</span
+									></Button
+								>
 							</div>
 						</Dropdown.Item>
-
 						<Dropdown.Separator />
 						<Dropdown.Sub>
 							<Dropdown.SubTrigger>Admin</Dropdown.SubTrigger>
 							<Dropdown.SubContent>
-								{#each adminLinks as item}
-									<Dropdown.Item>
-										<a
+								{#each adminLinks as item}<Dropdown.Item
+										><a
 											href={item.href}
 											class="flex w-full items-center gap-2"
-											style="order:{item.order}"
-										>
-											<item.icon />
-											{item.name}
-										</a>
-									</Dropdown.Item>
-								{/each}
-								<!-- <Dropdown.Separator /> -->
+											style="order:{item.order}"><item.icon />{item.name}</a
+										></Dropdown.Item
+									>{/each}
 							</Dropdown.SubContent>
 						</Dropdown.Sub>
-						<Dropdown.Item class="mt-1 flex items-center gap-2" variant="destructive">
-							<a href="/logout?next={page.url.pathname}" class="flex w-full items-center gap-2">
-								<LogOut class="h-4 w-4" />
-								Logout
-							</a>
-						</Dropdown.Item>
+						<Dropdown.Item class="mt-1 flex items-center gap-2" variant="destructive"
+							><a href="/logout?next={page.url.pathname}" class="flex w-full items-center gap-2"
+								><LogOut class="h-4 w-4" />Logout</a
+							></Dropdown.Item
+						>
 					</Dropdown.Content>
 				</Dropdown.Root>
 			{:else}
@@ -271,29 +203,20 @@
 						e.preventDefault();
 						toggleMode();
 					}}
+					><SunIcon class={sunClass} /><MoonIcon class={moonClass} /><span class="sr-only"
+						>Toggle theme</span
+					></Button
 				>
-					<SunIcon
-						class="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"
-					/>
-					<MoonIcon
-						class="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"
-					/>
-					<span class="sr-only">Toggle theme</span>
-				</Button>
 			{/if}
 		</div>
 	</header>
-
-	<!-- Main Content -->
-	{#key flagForRestart}
-		<main class="relative flex flex-1 items-center justify-center overflow-hidden p-4">
+	{#key flagForRestart}<main
+			class="relative flex flex-1 items-center justify-center overflow-hidden p-4"
+		>
 			<div class="relative z-10 w-full max-w-5xl shadow-[0_0_15px_-12px_var(--primary)]">
 				{@render children()}
 			</div>
-		</main>
-	{/key}
-
-	<!-- Footer -->
+		</main>{/key}
 	<footer class="bg-transparent p-4 backdrop-blur-md transition-colors duration-500">
 		<div class="mx-auto w-full">
 			<nav class="flex flex-row items-center justify-between text-sm text-muted-foreground">
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/+page.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/+page.svelte
index f98e1379..5795dbe4 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/+page.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/+page.svelte
@@ -1,20 +1,14 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
 	import { toast } from 'svelte-sonner';
-	import {
-		Card,
-		CardContent,
-		CardDescription,
-		CardFooter,
-		CardHeader,
-		CardTitle
-	} from '$lib/components/ui/card';
-	import { Button } from '$lib/components/ui/button';
-	import { Input } from '$lib/components/ui/input';
-	import { Label } from '$lib/components/ui/label';
+	import * as Card from '$lib/components/ui/card/index.js';
+	import { Button, buttonVariants } from '$lib/components/ui/button/index.js';
+	import { Input } from '$lib/components/ui/input/index.js';
+	import * as Field from '$lib/components/ui/field/index.js';
 	import { Upload, Gauge, ArrowLeftRight, PlugZap } from '@lucide/svelte';
+	import * as Sheet from '$lib/components/ui/sheet/index.js';
 
-	let showReconnect = $state(false);
+	let reconnectOpen = $state(false);
 	let reconnectUrl = $state('');
 
 	function handleReconnect() {
@@ -51,69 +45,78 @@
 
 		<div class="grid gap-4 sm:grid-cols-2">
 			<a href="/upload/" class="no-underline">
-				<Card class="h-full cursor-pointer transition-shadow hover:shadow-md">
-					<CardHeader class="flex flex-col items-center text-center">
+				<Card.Root class="h-full cursor-pointer transition-shadow hover:shadow-md" tabindex="0">
+					<Card.Header class="flex flex-col items-center text-center">
 						<Upload class="mb-2 h-8 w-8 text-primary" />
-						<CardTitle>Upload</CardTitle>
-						<CardDescription>
+						<Card.Title>Upload</Card.Title>
+						<Card.Description>
 							Send a file securely with an expiring, password-protected link.
-						</CardDescription>
-					</CardHeader>
-				</Card>
+						</Card.Description>
+					</Card.Header>
+				</Card.Root>
 			</a>
 
 			<a href="/reverse/" class="no-underline">
-				<Card class="h-full cursor-pointer transition-shadow hover:shadow-md">
-					<CardHeader class="flex flex-col items-center text-center">
+				<Card.Root class="h-full cursor-pointer transition-shadow hover:shadow-md" tabindex="0">
+					<Card.Header class="flex flex-col items-center text-center">
 						<ArrowLeftRight class="mb-2 h-8 w-8 text-primary" />
-						<CardTitle>Reverse Share</CardTitle>
-						<CardDescription>
+						<Card.Title>Reverse Share</Card.Title>
+						<Card.Description>
 							Create or join a room for real-time peer file transfer.
-						</CardDescription>
-					</CardHeader>
-				</Card>
+						</Card.Description>
+					</Card.Header>
+				</Card.Root>
 			</a>
 
 			<a href="/speedtest/" class="no-underline sm:col-span-2">
-				<Card class="h-full cursor-pointer transition-shadow hover:shadow-md">
-					<CardHeader class="flex flex-col items-center text-center">
+				<Card.Root class="h-full cursor-pointer transition-shadow hover:shadow-md" tabindex="0">
+					<Card.Header class="flex flex-col items-center text-center">
 						<Gauge class="mb-2 h-8 w-8 text-primary" />
-						<CardTitle>Speed Test</CardTitle>
-						<CardDescription>
+						<Card.Title>Speed Test</Card.Title>
+						<Card.Description>
 							Measure your upload and download speeds to this server.
-						</CardDescription>
-					</CardHeader>
-				</Card>
+						</Card.Description>
+					</Card.Header>
+				</Card.Root>
 			</a>
 		</div>
 
-		{#if showReconnect}
-			<Card>
-				<CardHeader>
-					<CardTitle class="flex items-center gap-2">
+		<Sheet.Root bind:open={reconnectOpen}>
+			<Sheet.Trigger>
+				{#snippet child({ props })}
+					<Button {...props} variant="outline" class="mx-auto flex items-center gap-2 mt-4">
+						<PlugZap class="h-4 w-4" />
+						Reconnect to Room
+					</Button>
+				{/snippet}
+			</Sheet.Trigger>
+			<Sheet.Content class="sm:max-w-md">
+				<Sheet.Header>
+					<Sheet.Title class="flex items-center gap-2">
 						<PlugZap class="h-5 w-5" />
 						Reconnect to Room
-					</CardTitle>
-					<CardDescription>
+					</Sheet.Title>
+					<Sheet.Description>
 						Paste the host link you received when creating the room (the URL with the # token).
-					</CardDescription>
-				</CardHeader>
-				<CardContent>
-					<div class="space-y-2">
-						<Label for="reconnect-url">Host Link</Label>
-						<Input
-							id="reconnect-url"
-							placeholder="https://…/reverse/room-id#host-token"
-							bind:value={reconnectUrl}
-							onkeydown={(e) => e.key === 'Enter' && handleReconnect()}
-						/>
-					</div>
-				</CardContent>
-				<CardFooter class="flex gap-2">
-					<Button variant="outline" onclick={() => (showReconnect = false)}>Cancel</Button>
-					<Button onclick={handleReconnect} class="flex-1">Reconnect</Button>
-				</CardFooter>
-			</Card>
-		{/if}
+					</Sheet.Description>
+				</Sheet.Header>
+				<div class="grid gap-4 py-4">
+					<Field.Field class="space-y-2">
+						<Field.Label>Host Link</Field.Label>
+						<Field.Content>
+							<Input
+								placeholder="https://…/reverse/room-id#host-token"
+								bind:value={reconnectUrl}
+								onkeydown={(e) => { e.key === 'Enter' && handleReconnect(); reconnectOpen = false; }}
+							/>
+						</Field.Content>
+					</Field.Field>
+				</div>
+				<Sheet.Footer class="flex gap-2">
+					<Sheet.Close class={buttonVariants({ variant: "outline" })}>Cancel</Sheet.Close>
+					<Button class="flex-1" onclick={() => { handleReconnect(); reconnectOpen = false; }}>Reconnect</Button>
+				</Sheet.Footer>
+			</Sheet.Content>
+		</Sheet.Root>
 	</div>
 </div>
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/+page.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/+page.svelte
index e7e1317a..2023b98b 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/+page.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/+page.svelte
@@ -2,22 +2,18 @@
 	import { goto } from '$app/navigation';
 	import { page } from '$app/state';
 	import { toast } from 'svelte-sonner';
-	import {
-		Card,
-		CardContent,
-		CardDescription,
-		CardFooter,
-		CardHeader,
-		CardTitle
-	} from '$lib/components/ui/card';
-	import { Button } from '$lib/components/ui/button';
-	import { Input } from '$lib/components/ui/input';
-	import * as Select from '$lib/components/ui/select';
-	import { Label } from '$lib/components/ui/label';
-	import { Upload, Download, ArrowLeft, LoaderCircle } from '@lucide/svelte';
+	import * as Card from '$lib/components/ui/card/index.js';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import { Input } from '$lib/components/ui/input/index.js';
+	import * as Select from '$lib/components/ui/select/index.js';
+	import * as Field from '$lib/components/ui/field/index.js';
+	import { Upload, Download, ArrowLeft } from '@lucide/svelte';
+	import { Spinner } from '$lib/components/ui/spinner/index.js';
 	import { Api } from '#consts/backend';
-	import { useConfigQuery } from '#queries/config';
+	import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+	import { ConfigDocument, type ConfigQuery } from '$lib/graphql/generated/graphql.js';
 	import { base64url } from '#functions/encryption';
+	import { H1, P } from '$lib/components/ui/typography/index.js';
 
 	type LandingView = 'main' | 'create' | 'join';
 	let landingView = $state<LandingView>('main');
@@ -29,12 +25,12 @@
 	let joinId = $state('');
 	let isCreating = $state(false);
 
-	const { config: configData } = useConfigQuery();
+	const configData = createQueryStore<ConfigQuery>(ConfigDocument);
 	let defaultDownloadLimitSet = $state(false);
 
 	$effect(() => {
-		if (configData.data?.default_number_of_downloads && !defaultDownloadLimitSet) {
-			numberOfDownloads = configData.data.default_number_of_downloads.toString();
+		if (configData.data?.config?.defaultNumberOfDownloads && !defaultDownloadLimitSet) {
+			numberOfDownloads = configData.data.config.defaultNumberOfDownloads.toString();
 			defaultDownloadLimitSet = true;
 		}
 	});
@@ -92,142 +88,148 @@
 <div class="flex min-h-[70vh] items-center justify-center p-4">
 	<div class="w-full max-w-2xl space-y-6">
 		<div class="space-y-1 text-center">
-			<h1 class="text-3xl font-bold tracking-tight">Reverse File Share</h1>
-			<p class="text-muted-foreground">
+			<H1>Reverse File Share</H1>
+			<P class="text-muted-foreground">
 				Host a room to push files to everyone - clients receive them in real time or download via a
 				permanent link.
-			</p>
+			</P>
 		</div>
 
 		{#if landingView === 'main'}
 			<div class="grid gap-4 sm:grid-cols-2">
-				<Card
-					class="cursor-pointer transition-shadow hover:shadow-md"
+				<Card.Root
+					class="cursor-pointer transition-shadow hover:shadow-md" tabindex="0"
 					onclick={() => (landingView = 'create')}
 				>
-					<CardHeader>
-						<CardTitle class="flex items-center gap-2">
+					<Card.Header>
+						<Card.Title class="flex items-center gap-2">
 							<Upload class="h-5 w-5" />
 							Create a Room
-						</CardTitle>
-						<CardDescription>
+						</Card.Title>
+						<Card.Description>
 							Host a room and share files. Guests receive them in real time via WebSocket.
-						</CardDescription>
-					</CardHeader>
-				</Card>
+						</Card.Description>
+					</Card.Header>
+				</Card.Root>
 
-				<Card
-					class="cursor-pointer transition-shadow hover:shadow-md"
+				<Card.Root
+					class="cursor-pointer transition-shadow hover:shadow-md" tabindex="0"
 					onclick={() => (landingView = 'join')}
 				>
-					<CardHeader>
-						<CardTitle class="flex items-center gap-2">
+					<Card.Header>
+						<Card.Title class="flex items-center gap-2">
 							<Download class="h-5 w-5" />
 							Join a Room
-						</CardTitle>
-						<CardDescription>
+						</Card.Title>
+						<Card.Description>
 							Enter a room ID or follow a shared link to receive files from the host.
-						</CardDescription>
-					</CardHeader>
-				</Card>
+						</Card.Description>
+					</Card.Header>
+				</Card.Root>
 			</div>
 		{:else if landingView === 'create'}
-			<Card>
-				<CardHeader>
-					<CardTitle class="flex items-center gap-2">
+			<Card.Root>
+				<Card.Header>
+					<Card.Title class="flex items-center gap-2">
 						<Upload class="h-5 w-5" />
 						Create a Room
-					</CardTitle>
-				</CardHeader>
-				<CardContent class="space-y-4">
-					<div class="space-y-2">
-						<Label for="room-name">Room Name</Label>
-						<Input
-							id="room-name"
-							placeholder="My share session"
-							bind:value={roomName}
-							onkeydown={(e) => e.key === 'Enter' && createRoom()}
-						/>
-					</div>
-					<div class="space-y-2">
-						<Label for="downloads">Number of downloads</Label>
-						<Select.Root type="single" bind:value={numberOfDownloads}>
-							<Select.Trigger class="w-full">
-								{numberOfDownloads === ''
-									? 'Use default'
-									: `${numberOfDownloads} ${numberOfDownloads === '1' ? 'download' : 'downloads'}`}
-							</Select.Trigger>
-							<Select.Content>
-								<Select.Item value="">Use default</Select.Item>
-								{#if configData.data?.download_configs}
-									{#each configData.data.download_configs as limit}
-										<Select.Item value={limit.toString()}
-											>{limit} {limit === 1 ? 'download' : 'downloads'}</Select.Item
-										>
-									{/each}
-								{:else}
-									<Select.Item value="1">1 download</Select.Item>
-								{/if}
-							</Select.Content>
-						</Select.Root>
-						<p class="text-xs text-muted-foreground">
+					</Card.Title>
+				</Card.Header>
+				<Card.Content class="space-y-4">
+					<Field.Field class="space-y-2">
+						<Field.Label>Room Name</Field.Label>
+						<Field.Content>
+							<Input
+								placeholder="My share session"
+								bind:value={roomName}
+								onkeydown={(e) => e.key === 'Enter' && createRoom()}
+							/>
+						</Field.Content>
+					</Field.Field>
+					<Field.Field class="space-y-2">
+						<Field.Label>Number of downloads</Field.Label>
+						<Field.Content>
+							<Select.Root type="single" bind:value={numberOfDownloads}>
+								<Select.Trigger class="w-full">
+									{numberOfDownloads === ''
+										? 'Use default'
+										: `${numberOfDownloads} ${numberOfDownloads === '1' ? 'download' : 'downloads'}`}
+								</Select.Trigger>
+								<Select.Content>
+									<Select.Item value="">Use default</Select.Item>
+									{#if configData.data?.config?.downloadConfigs}
+										{#each configData.data.config.downloadConfigs as limit}
+											<Select.Item value={limit.toString()}
+												>{limit} {limit === 1 ? 'download' : 'downloads'}</Select.Item
+											>
+										{/each}
+									{:else}
+										<Select.Item value="1">1 download</Select.Item>
+									{/if}
+								</Select.Content>
+							</Select.Root>
+						</Field.Content>
+						<Field.Description class="text-xs text-muted-foreground">
 							Leave as "Use default" to apply server default.
-						</p>
-					</div>
-					<div class="space-y-2">
-						<Label for="expire">Expires after (seconds)</Label>
-						<Input id="expire" type="number" min="60" max="86400" bind:value={expireAfter} />
-						<p class="text-xs text-muted-foreground">
+						</Field.Description>
+					</Field.Field>
+					<Field.Field class="space-y-2">
+						<Field.Label>Expires after (seconds)</Field.Label>
+						<Field.Content>
+							<Input type="number" min="60" max="86400" bind:value={expireAfter} />
+						</Field.Content>
+						<Field.Description class="text-xs text-muted-foreground">
 							{#if expireAfter >= 3600}
 								{(expireAfter / 3600).toFixed(1)} hour(s)
 							{:else}
 								{Math.round(expireAfter / 60)} minute(s)
 							{/if}
-						</p>
-					</div>
-				</CardContent>
-				<CardFooter class="flex gap-2">
+						</Field.Description>
+					</Field.Field>
+				</Card.Content>
+				<Card.Footer class="flex gap-2">
 					<Button variant="outline" onclick={() => (landingView = 'main')}>
 						<ArrowLeft class="mr-1 h-4 w-4" />
 						Back
 					</Button>
 					<Button onclick={createRoom} disabled={isCreating} class="flex-1">
 						{#if isCreating}
-							<LoaderCircle class="mr-2 h-4 w-4 animate-spin" />
+							<Spinner />
 							Creating…
 						{:else}
 							Create Room
 						{/if}
 					</Button>
-				</CardFooter>
-			</Card>
+				</Card.Footer>
+			</Card.Root>
 		{:else if landingView === 'join'}
-			<Card>
-				<CardHeader>
-					<CardTitle class="flex items-center gap-2">
+			<Card.Root>
+				<Card.Header>
+					<Card.Title class="flex items-center gap-2">
 						<Download class="h-5 w-5" />
 						Join a Room
-					</CardTitle>
-				</CardHeader>
-				<CardContent class="space-y-4">
-					<div class="space-y-2">
-						<Label for="room-id">Room ID</Label>
-						<Input
-							id="room-id"
-							placeholder="Paste room ID here"
-							bind:value={joinId}
-							onkeydown={(e) => e.key === 'Enter' && goJoin()}
-						/>
-					</div>
-				</CardContent>
-				<CardFooter class="flex gap-2">
+					</Card.Title>
+				</Card.Header>
+				<Card.Content class="space-y-4">
+					<Field.Field class="space-y-2">
+						<Field.Label>Room ID</Field.Label>
+						<Field.Content>
+							<Input
+								placeholder="Paste room ID here"
+								bind:value={joinId}
+								onkeydown={(e) => e.key === 'Enter' && goJoin()}
+							/>
+						</Field.Content>
+					</Field.Field>
+				</Card.Content>
+				<Card.Footer class="flex gap-2">
 					<Button variant="outline" onclick={() => (landingView = 'main')}>
 						<ArrowLeft class="mr-1 h-4 w-4" />
 						Back
 					</Button>
 					<Button onclick={goJoin} class="flex-1">Join Room</Button>
-				</CardFooter>
-			</Card>
+				</Card.Footer>
+			</Card.Root>
 		{/if}
 	</div>
 </div>
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/+page.ts b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/+page.ts
index 2f3fa40b..04af5f65 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/+page.ts
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/+page.ts
@@ -1,11 +1,12 @@
-import { prefetch } from '#queries/config';
+import { client } from '$lib/graphql/client.js';
+import { ConfigDocument } from '$lib/graphql/generated/graphql.js';
 import { definePageMetaTags } from 'svelte-meta-tags';
 import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ parent, fetch }) => {
 	const { queryClient } = await parent();
 
-	prefetch({ queryClient: queryClient, fetch });
+	await client.query({ query: ConfigDocument });
 
 	const pageTags = definePageMetaTags({
 		title: 'Reverse',
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/+error.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/+error.svelte
index 371e76fb..cd4802be 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/+error.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/+error.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Button } from '$lib/components/ui/button';
+	import { Button } from '$lib/components/ui/button/index.js';
 	import { ArrowLeft, CircleAlert } from '@lucide/svelte';
 	import { goto } from '$app/navigation';
 </script>
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/client.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/client.svelte
index f6085c72..f969bafe 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/client.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/client.svelte
@@ -1,738 +1,464 @@
 <script lang="ts">
-	import { onDestroy, onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/state';
-	import { cubicOut } from 'svelte/easing';
-	import { Tween } from 'svelte/motion';
-	import { toast } from 'svelte-sonner';
-	import {
-		Card,
-		CardContent,
-		CardDescription,
-		CardFooter,
-		CardHeader,
-		CardTitle
-	} from '$lib/components/ui/card';
-	import { Button } from '$lib/components/ui/button';
-	import { Input } from '$lib/components/ui/input';
-	import { Label } from '$lib/components/ui/label';
-	import { Progress } from '$lib/components/ui/progress';
-	import { Badge } from '$lib/components/ui/badge';
-	import { Separator } from '$lib/components/ui/separator';
-	import { ScrollArea } from '$lib/components/ui/scroll-area';
-	import * as Tooltip from '$lib/components/ui/tooltip/index';
-	import {
-		Download,
-		Copy,
-		Check,
-		Link,
-		Users,
-		FileIcon,
-		LoaderCircle,
-		ArrowLeft,
-		Wifi,
-		WifiOff,
-		Zap,
-		MousePointerClick
-	} from '@lucide/svelte';
-	import { formatFileSize } from '#functions/bytes';
-	import { Api } from '#consts/backend';
-	import { createDecryptedStream } from '#functions/streams';
-	import { resolve } from '$app/paths';
-	import { extractEncryptionKey } from './utils';
-	import { getDisplayFilename, handleBinaryChunk } from './functions';
-	import type { DownloadedFile, ReceiveState, RemoteUpload, RoomFileEntry, RoomOut } from './types';
-
-	let { room_id }: { room_id: string } = $props();
-	let roomKey = $derived(extractEncryptionKey(page.url.hash.slice(1)));
-
-	const downloadPageHref = (fileKey: string) =>
-		resolve(`/download/${fileKey}${roomKey ? `#${roomKey}` : ''}`);
-
-	type LoadStatus = 'loading' | 'not_found' | 'error' | 'loaded';
-	let loadStatus = $state<LoadStatus>('loading');
-	let room = $state<RoomOut | null>(null);
-	let roomFiles = $state<RoomFileEntry[]>([]);
-	let hostCount = $state(1);
-
-	// Client streaming
-	let receiveState = $state<ReceiveState>({ type: 'idle' });
-	let downloadedFiles = $state<DownloadedFile[]>([]);
-	let decryptionProgress = $state(new Tween(0, { duration: 500, easing: cubicOut }));
-	let isDecrypting = $state(false);
-
-	type DownloadPreference = 'eager' | 'manual' | null;
-	let downloadPreference = $state<DownloadPreference>(null);
-
-	$effect(() => {
-		if (downloadPreference === 'eager' && receiveState.type === 'idle') {
-			const next = roomFiles.find((f) => !downloadedFiles.some((d) => d.key === f.key));
-			if (next) downloadFile(next);
-		}
-	});
-
-	// WebSocket
-	let ws = $state<WebSocket | null>(null);
-	let wsConnected = $state(false);
-	let remoteUploads = $state<RemoteUpload[]>([]);
-
-	// UI states
-	let copiedShareLink = $state(false);
-	let copiedFileKeys = $state(new Set<string>());
-	let showKeyPrompt = $state(false);
-	let keyInput = $state('');
-
-	const shareUrl = $derived(
-		typeof window !== 'undefined'
-			? `${window.location.origin}/reverse/${room_id}`
-			: `/reverse/${room_id}`
-	);
-
-	const streamProgress = $derived(
-		receiveState.type === 'streaming' && receiveState.size > 0
-			? Math.min((receiveState.received / receiveState.size) * 100, 100)
-			: 0
-	);
-
-	const isAnyStreaming = $derived(receiveState.type === 'streaming');
-	const isAnyProcessing = $derived(receiveState.type === 'processing');
-	const currentTransferKey = $derived(
-		receiveState.type === 'streaming' || receiveState.type === 'processing'
-			? receiveState.key
-			: null
-	);
-
-	function submitKey() {
-		const k = keyInput.trim();
-		if (!k) {
-			toast.error('Please enter an encryption key');
-			return;
-		}
-		// Since roomKey is derived from hash, we need to update hash to set it permanently
-		// but for the prompt, we can just trigger a reload if we were at a wrong hash.
-		// Actually, the prompt is for when there is NO hash.
-		window.location.hash = k;
-		showKeyPrompt = false;
-		toast.success('Encryption key set');
-		loadRoom();
-	}
-
-	async function loadRoom() {
-		loadStatus = 'loading';
-		try {
-			const res = await fetch(Api.REVERSE.ROOM_DETAIL(room_id), { credentials: 'include' });
-			if (res.status === 404) {
-				loadStatus = 'not_found';
-				return;
-			}
-			if (!res.ok) throw new Error();
-
-			const data: RoomOut = await res.json();
-			room = data;
-			roomFiles = structuredClone(data.files);
-			hostCount = data.host_count ?? 1;
-			loadStatus = 'loaded';
-
-			if (!roomKey) showKeyPrompt = true;
-			connectWebSocket();
-		} catch {
-			loadStatus = 'error';
-		}
-	}
-
-	function connectWebSocket() {
-		ws?.close();
-		const socket = new WebSocket(`${Api.REVERSE.WS_URL}/${room_id}`);
-		// prefer ArrayBuffer for binary frames to avoid Blob conversion
-		socket.binaryType = 'arraybuffer';
-		ws = socket;
-
-		socket.onopen = () => (wsConnected = true);
-		socket.onclose = () => {
-			wsConnected = false;
-			ws = null;
-		};
-		socket.onerror = () => {
-			wsConnected = false;
-			toast.error('WebSocket connection error');
-		};
-
-		socket.onmessage = async (ev) => {
-			if (ev.data instanceof ArrayBuffer || ev.data instanceof Blob) {
-				console.debug(
-					'[reverse/client] binary frame received, size=',
-					ev.data instanceof ArrayBuffer ? ev.data.byteLength : (ev.data as Blob).size
-				);
-				handleBinaryChunk(receiveState, ev.data);
-				return;
-			}
-
-			try {
-				const msg = JSON.parse(ev.data);
-				const { type } = msg;
-
-				switch (type) {
-					case 'snapshot': {
-						const r = msg.room as RoomOut;
-						room = r;
-						roomFiles = structuredClone(r.files);
-						hostCount = r.host_count ?? 1;
-						remoteUploads =
-							r.active_uploads?.map((u) => ({
-								key: u.upload_key,
-								filename: u.filename,
-								size: u.size,
-								uploadedBytes: u.uploaded_bytes,
-								progress: new Tween(
-									u.size > 0 ? Math.min((u.uploaded_bytes / u.size) * 100, 100) : 0,
-									{
-										duration: 300,
-										easing: cubicOut
-									}
-								)
-							})) ?? [];
-						break;
-					}
-					case 'host_count':
-						hostCount = msg.count;
-						break;
-					case 'connection_counts':
-						if (room) {
-							room.connected_hosts = msg.hosts;
-							room.connected_guests = msg.guests;
-						}
-						break;
-					case 'upload_start': {
-						const key = msg.upload_key;
-						if (!remoteUploads.some((u) => u.key === key)) {
-							remoteUploads = [
-								...remoteUploads,
-								{
-									key,
-									filename: msg.filename,
-									size: msg.size,
-									uploadedBytes: 0,
-									progress: new Tween(0, { duration: 300, easing: cubicOut })
-								}
-							];
-						}
-						break;
-					}
-					case 'upload_progress': {
-						const upload = remoteUploads.find((u) => u.key === msg.upload_key);
-						if (upload) {
-							upload.uploadedBytes = msg.uploaded_bytes;
-							upload.progress.target =
-								upload.size > 0 ? Math.min((msg.uploaded_bytes / upload.size) * 100, 100) : 0;
-						}
-						break;
-					}
-					case 'upload_cancelled':
-						remoteUploads = remoteUploads.filter((u) => u.key !== msg.upload_key);
-						break;
-					case 'file_added': {
-						const file = msg.file as RoomFileEntry;
-						if (!roomFiles.some((f) => f.key === file.key)) {
-							roomFiles = [...roomFiles, file];
-						}
-						remoteUploads = remoteUploads.filter((u) => u.key !== file.key);
-						break;
-					}
-					case 'file_start':
-						if (receiveState.type === 'idle') {
-							if (downloadPreference === 'eager') {
-								// Skip if already in memory
-								if (downloadedFiles.some((d) => d.key === msg.key)) {
-									return;
-								}
-								receiveState = {
-									type: 'streaming',
-									key: msg.key,
-									filename: msg.filename,
-									size: msg.size,
-									received: 0,
-									chunks: []
-								};
-							}
-						} else if (receiveState.type === 'streaming' && receiveState.key === msg.key) {
-							// Already set up by downloadFile, just confirm size/filename
-							receiveState.size = msg.size;
-							receiveState.filename = msg.filename;
-						}
-						break;
-					case 'file_end':
-						if (receiveState.type === 'streaming' && receiveState.key === msg.key) {
-							const { key, filename, size, chunks } = receiveState;
-							// Guard against concurrent file_end processing (e.g. multiple hosts)
-							receiveState = { type: 'processing', key, filename, size };
-
-							console.debug(
-								'[reverse/client] file_end for',
-								key,
-								'filename=',
-								filename,
-								'chunks=',
-								chunks.length,
-								'expected_size=',
-								size
-							);
-							try {
-								let finalBlob = new Blob(chunks);
-								if (roomKey) {
-									isDecrypting = true;
-									decryptionProgress = new Tween(0, { duration: 500, easing: cubicOut });
-									const { stream: decryptedStream } = await createDecryptedStream(
-										finalBlob.stream() as any,
-										roomKey,
-										undefined,
-										finalBlob.size,
-										(processed, total) => {
-											if (total && total > 0) {
-												decryptionProgress.target = Math.min(
-													100,
-													Math.round((processed / total) * 100)
-												);
-											}
-										}
-									);
-									finalBlob = await new Response(decryptedStream as any).blob();
-									isDecrypting = false;
-									decryptionProgress.target = 100;
-								}
-								const objectUrl = URL.createObjectURL(finalBlob);
-								downloadedFiles = [...downloadedFiles, { key, filename, size, objectUrl }];
-								toast.success(`Received: ${filename}`);
-
-								// Trigger download automatically
-								const a = document.createElement('a');
-								a.href = objectUrl;
-								a.download = filename;
-								a.click();
-							} catch {
-								toast.error(`Decryption failed for ${filename}`);
-							} finally {
-								receiveState = { type: 'idle' };
-								isDecrypting = false;
-							}
-						}
-						break;
-					case 'file_error':
-						if (receiveState.type === 'streaming' && receiveState.key === msg.key) {
-							receiveState = { type: 'idle' };
-						}
-						toast.error(`File error: ${msg.detail}`);
-						break;
-					case 'file_removed':
-						roomFiles = roomFiles.filter((f) => f.key !== msg.key);
-						downloadedFiles = downloadedFiles.filter((f) => f.key !== msg.key);
-						break;
-					case 'room_destroyed':
-						toast.info('The host has closed the room.');
-						cleanup();
-						goto('/reverse');
-						break;
-				}
-			} catch {
-				/* ignore invalid JSON */
-			}
-		};
-	}
-
-	async function copyShareLink() {
-		const url = roomKey ? `${shareUrl}#${roomKey}` : shareUrl;
-		await navigator.clipboard.writeText(url);
-		copiedShareLink = true;
-		setTimeout(() => (copiedShareLink = false), 2000);
-	}
-
-	async function copyDownloadLink(key: string) {
-		const url = downloadPageHref(key);
-		await navigator.clipboard.writeText(url);
-		copiedFileKeys = new Set([...copiedFileKeys, key]);
-		setTimeout(() => {
-			copiedFileKeys.delete(key);
-			copiedFileKeys = new Set(copiedFileKeys);
-		}, 2000);
-	}
-
-	function leaveRoom() {
-		cleanup();
-		goto('/reverse');
-	}
-
-	async function downloadFile(f: RoomFileEntry) {
-		const downloaded = downloadedFiles.find((d) => d.key === f.key);
-		if (downloaded?.objectUrl) {
-			const a = document.createElement('a');
-			a.href = downloaded.objectUrl;
-			a.download = f.filename;
-			a.click();
-			return;
-		}
-
-		if (receiveState.type !== 'idle') {
-			toast.error('Another file is currently being received.');
-			return;
-		}
-
-		receiveState = {
-			type: 'streaming',
-			key: f.key,
-			filename: f.filename,
-			size: f.size,
-			received: 0,
-			chunks: []
-		};
-
-		if (wsConnected && ws) {
-			ws.send(JSON.stringify({ type: 'request_file', key: f.key }));
-		} else {
-			toast.error('WebSocket not connected. Cannot request file.');
-			receiveState = { type: 'idle' };
-		}
-	}
-
-	function cleanup() {
-		ws?.close();
-		downloadedFiles.forEach((f) => f.objectUrl && URL.revokeObjectURL(f.objectUrl));
-	}
-
-	onMount(() => {
-		if (roomKey) loadRoom();
-		else showKeyPrompt = true;
-	});
-	onDestroy(cleanup);
+  import { goto } from '$app/navigation';
+  import { page } from '$app/state';
+  import { cubicOut } from 'svelte/easing';
+  import { Tween } from 'svelte/motion';
+  import { toast } from 'svelte-sonner';
+  import * as Card from '$lib/components/ui/card/index.js';
+  import { Button } from '$lib/components/ui/button/index.js';
+  import { Input } from '$lib/components/ui/input/index.js';
+  import * as Field from '$lib/components/ui/field/index.js';
+  import { Progress } from '$lib/components/ui/progress/index.js';
+  import { Badge } from '$lib/components/ui/badge/index.js';
+  import { Separator } from '$lib/components/ui/separator/index.js';
+  import { ScrollArea } from '$lib/components/ui/scroll-area/index.js';
+  import * as Tooltip from '$lib/components/ui/tooltip/index.js';
+  import { Download, Copy, Check, Link, Users, FileIcon, ArrowLeft, Wifi, WifiOff, Zap, MousePointerClick } from '@lucide/svelte';
+  import { Spinner } from '$lib/components/ui/spinner/index.js';
+  import { formatFileSize } from '#functions/bytes';
+  import { formatDate } from '#functions/dates';
+  import { autoDownload } from '$lib/functions/browser-download';
+  import { Api } from '#consts/backend';
+  import { createDecryptedStream } from '#functions/streams';
+  import { resolve } from '$app/paths';
+  import { extractEncryptionKey } from './utils';
+  import { getDisplayFilename } from './functions';
+  import { useWsReconnect } from './ws-reconnect.svelte';
+  import type { DownloadedFile, ReceiveState, RemoteUpload, RoomFileEntry, RoomOut } from './types';
+
+  const { room_id }: { room_id: string } = $props();
+  let roomKey = $derived(extractEncryptionKey(page.url.hash.slice(1)));
+  const downloadHref = (key: string) => resolve(`/download/${key}${roomKey ? `#${roomKey}` : ''}`);
+  let loadStatus = $state<'loading' | 'not_found' | 'error' | 'loaded'>('loading');
+  let room = $state<RoomOut | null>(null);
+  let roomFiles = $state<RoomFileEntry[]>([]);
+  let hostCount = $state(1);
+  let receiveState = $state<ReceiveState>({ type: 'idle' });
+  let downloadedFiles = $state<DownloadedFile[]>([]);
+  let decryptionProgress = $state(new Tween(0, { duration: 500, easing: cubicOut }));
+  let isDecrypting = $state(false);
+  let downloadPreference = $state<'eager' | 'manual' | null>(null);
+
+  $effect(() => {
+    if (downloadPreference === 'eager' && receiveState.type === 'idle') {
+      const next = roomFiles.find((f) => !downloadedFiles.some((d) => d.key === f.key));
+      if (next) downloadFile(next);
+    }
+  });
+
+  let remoteUploads = $state<RemoteUpload[]>([]);
+  const { connected: wsConnected, send: wsSend, close: wsClose } = useWsReconnect({
+    get_room_id: () => room_id,
+    get_host_token: () => undefined,
+    get_receive_state: () => receiveState,
+    get_downloaded_files: () => downloadedFiles,
+    get_room_key: () => roomKey,
+
+    onSnapshot: (r) => {
+      const ro = r as unknown as RoomOut;
+      room = ro;
+      roomFiles = structuredClone(ro.files);
+      hostCount = ro.host_count ?? 1;
+      remoteUploads = ro.active_uploads?.map((u) => ({
+        key: u.upload_key,
+        filename: u.filename,
+        size: u.size,
+        uploadedBytes: u.uploaded_bytes,
+        progress: new Tween(
+          u.size > 0 ? Math.min((u.uploaded_bytes / u.size) * 100, 100) : 0,
+          { duration: 300, easing: cubicOut }
+        )
+      })) ?? [];
+    },
+
+    onHostCount: (c: number) => {
+      hostCount = c;
+    },
+
+    onUploadStart: (entry) => {
+      if (!remoteUploads.some((u) => u.key === entry.key)) {
+        remoteUploads = [...remoteUploads, { ...entry, uploadedBytes: 0, progress: new Tween(0, { duration: 300, easing: cubicOut }) }];
+      }
+    },
+
+    onUploadProgress: (k: string, b: number) => {
+      const upload = remoteUploads.find((u) => u.key === k);
+      if (upload) {
+        upload.uploadedBytes = b;
+        upload.progress.target = Math.min((b / upload.size) * 100, 100);
+      }
+    },
+
+    onUploadCancelled: (k: string) => {
+      remoteUploads = remoteUploads.filter((u) => u.key !== k);
+    },
+
+    onFileStart: (k: string, fn: string, sz: number) => {
+      if (downloadPreference === 'eager' && receiveState.type === 'idle') {
+        receiveState = { type: 'streaming', key: k, filename: fn, size: sz, received: 0, chunks: [] };
+      } else if (receiveState.type === 'streaming' && receiveState.key === k) {
+        receiveState.filename = fn;
+      }
+    },
+
+    onFileEnd: async (k: string, fn: string, sz: number) => {
+      if (receiveState.type === 'streaming' && receiveState.key === k) {
+        const { key: rk, filename: rf, size: rs, chunks } = receiveState;
+        receiveState = { type: 'processing', key: rk, filename: rf, size: rs };
+        try {
+          let blob = new Blob(chunks as BlobPart[]);
+          if (roomKey) {
+            isDecrypting = true;
+            decryptionProgress = new Tween(0, { duration: 500, easing: cubicOut });
+            const decryptedStream = await createDecryptedStream(
+              blob.stream() as any,
+              roomKey,
+              undefined,
+              blob.size,
+              (processed, total) => {
+                if (total && total > 0) {
+                  decryptionProgress.target = Math.min(100, Math.round((processed / total) * 100));
+                }
+              }
+            );
+            blob = await new Response(decryptedStream as any).blob();
+            isDecrypting = false;
+            decryptionProgress.target = 100;
+          }
+          const url = URL.createObjectURL(blob);
+          downloadedFiles = [...downloadedFiles, { key: rk, filename: rf, size: rs, objectUrl: url }];
+          toast.success(`Received: ${rf}`);
+          autoDownload(url, rf);
+        } catch {
+          toast.error(`Decryption failed for ${rf}`);
+          receiveState = { type: 'idle' };
+        }
+      }
+    },
+
+    onFileError: (detail: string, k: string) => {
+      if (receiveState.type === 'streaming' && receiveState.key === k) {
+        receiveState = { type: 'idle' };
+      }
+      toast.error(`File error: ${detail}`);
+    },
+
+    onRoomDestroyed: () => {
+      cleanup();
+      toast.info('The host has closed the room.');
+      goto('/reverse');
+    },
+
+    onFileRemoved: (k: string) => {
+      roomFiles = roomFiles.filter((f) => f.key !== k);
+    },
+
+    onConnectionCounts: (h: number, g: number) => {
+      if (room) {
+        room.connected_hosts = h;
+        room.connected_guests = g;
+      }
+    },
+  });
+
+  let copiedShareLink = $state(false);
+  let copiedFileKeys = $state(new Set<string>());
+  let showKeyPrompt = $state(false);
+  let keyInput = $state('');
+  const shareUrl = $derived(
+    typeof window !== 'undefined'
+      ? `${window.location.origin}/reverse/${room_id}`
+      : `/reverse/${room_id}`
+  );
+  const streamProgress = $derived(
+    receiveState.type === 'streaming' && receiveState.size > 0
+      ? Math.min((receiveState.received / receiveState.size) * 100, 100)
+      : 0
+  );
+  const isStreaming = $derived(receiveState.type === 'streaming');
+  const isProcessing = $derived(receiveState.type === 'processing');
+  const transferKey = $derived((isStreaming || isProcessing) ? (receiveState as any).key : null);
+
+  function submitKey() {
+    const k = keyInput.trim();
+    if (!k) {
+      toast.error('Please enter an encryption key');
+      return;
+    }
+    window.location.hash = k;
+    showKeyPrompt = false;
+    toast.success('Encryption key set');
+    loadRoom();
+  }
+
+  async function loadRoom() {
+    loadStatus = 'loading';
+    try {
+      const res = await fetch(Api.REVERSE.ROOM_DETAIL(room_id), { credentials: 'include' });
+      if (res.status === 404) {
+        loadStatus = 'not_found';
+        return;
+      }
+      if (!res.ok) throw new Error();
+      const data: RoomOut = await res.json();
+      room = data;
+      roomFiles = structuredClone(data.files);
+      hostCount = data.host_count ?? 1;
+      loadStatus = 'loaded';
+      if (!roomKey) showKeyPrompt = true;
+    } catch {
+      loadStatus = 'error';
+    }
+  }
+
+  async function copyShareLink() {
+    const url = roomKey ? `${shareUrl}#${roomKey}` : shareUrl;
+    await navigator.clipboard.writeText(url);
+    copiedShareLink = true;
+    setTimeout(() => copiedShareLink = false, 2000);
+  }
+
+  async function copyDownloadLink(k: string) {
+    await navigator.clipboard.writeText(downloadHref(k));
+    copiedFileKeys = new Set([...copiedFileKeys, k]);
+    setTimeout(() => {
+      copiedFileKeys.delete(k);
+      copiedFileKeys = new Set(copiedFileKeys);
+    }, 2000);
+  }
+
+  function leaveRoom() {
+    cleanup();
+    goto('/reverse');
+  }
+
+  async function downloadFile(f: RoomFileEntry) {
+    const dl = downloadedFiles.find((d) => d.key === f.key);
+    if (dl?.objectUrl) {
+      autoDownload(dl.objectUrl, f.filename);
+      return;
+    }
+    if (receiveState.type !== 'idle') {
+      toast.error('Another file is currently being received.');
+      return;
+    }
+    receiveState = { type: 'streaming', key: f.key, filename: f.filename, size: f.size, received: 0, chunks: [] };
+    if (wsConnected) wsSend({ type: 'request_file', key: f.key });
+    else {
+      toast.error('WebSocket not connected. Cannot request file.');
+      receiveState = { type: 'idle' };
+    }
+  }
+
+  function cleanup() {
+    downloadedFiles.forEach((f) => f.objectUrl && URL.revokeObjectURL(f.objectUrl));
+  }
+
+  $effect(() => {
+    if (roomKey) loadRoom();
+    else showKeyPrompt = true;
+    return () => { wsClose(); cleanup(); };
+  });
 </script>
 
 {#if showKeyPrompt}
-	<div class="flex min-h-[70vh] items-center justify-center p-4">
-		<div class="w-full max-w-2xl">
-			<Card>
-				<CardHeader>
-					<CardTitle class="flex items-center gap-2">
-						<Download class="h-5 w-5" />
-						Enter Room Key
-					</CardTitle>
-				</CardHeader>
-				<CardContent class="space-y-4">
-					<div class="space-y-2">
-						<Label for="room-key">Room Key</Label>
-						<Input
-							id="room-key"
-							type="password"
-							placeholder="Paste room key here"
-							bind:value={keyInput}
-							onkeydown={(e) => e.key === 'Enter' && submitKey()}
-						/>
-					</div>
-					<p class="text-sm text-muted-foreground">
-						This key is required to decrypt files sent to this room.
-					</p>
-				</CardContent>
-				<CardFooter class="flex gap-2">
-					<Button variant="outline" onclick={() => goto('/reverse')}>
-						<ArrowLeft class="mr-1 h-4 w-4" />
-						Back
-					</Button>
-					<Button onclick={submitKey} class="flex-1">Enter Key</Button>
-				</CardFooter>
-			</Card>
-		</div>
-	</div>
+  <div class="flex min-h-[70vh] items-center justify-center p-4">
+    <div class="w-full max-w-2xl">
+      <Card.Root>
+        <Card.Header><Card.Title class="flex items-center gap-2"><Download class="h-5 w-5" />Enter Room Key</Card.Title></Card.Header>
+        <Card.Content class="space-y-4">
+          <Field.Field>
+            <Field.Label>Room Key</Field.Label>
+            <Field.Content>
+              <Input type="password" placeholder="Paste room key here" bind:value={keyInput} onkeydown={(e) => e.key === 'Enter' && submitKey()} />
+            </Field.Content>
+          </Field.Field>
+          <p class="text-sm text-muted-foreground">This key is required to decrypt files sent to this room.</p>
+        </Card.Content>
+        <Card.Footer class="flex gap-2">
+          <Button variant="outline" onclick={() => goto('/reverse')}><ArrowLeft class="mr-1 h-4 w-4" />Back</Button>
+          <Button onclick={submitKey} class="flex-1">Enter Key</Button>
+        </Card.Footer>
+      </Card.Root>
+    </div>
+  </div>
 {:else if loadStatus === 'loading'}
-	<div class="flex min-h-[70vh] items-center justify-center">
-		<div class="flex items-center gap-3 text-muted-foreground">
-			<LoaderCircle class="h-6 w-6 animate-spin" />
-			<span>Loading room…</span>
-		</div>
-	</div>
+  <div class="flex min-h-[70vh] items-center justify-center">
+    <div class="flex items-center gap-3 text-muted-foreground">
+      <Spinner class="size-6" />
+      <span>Loading room…</span>
+    </div>
+  </div>
 {:else if loadStatus === 'not_found'}
-	<div class="flex min-h-[70vh] items-center justify-center p-4">
-		<div class="space-y-4 text-center">
-			<h2 class="text-2xl font-bold">Room Not Found</h2>
-			<p class="text-muted-foreground">This room doesn't exist or has expired.</p>
-			<Button onclick={() => goto('/reverse')}>
-				<ArrowLeft class="mr-2 h-4 w-4" />
-				Back to Reverse Share
-			</Button>
-		</div>
-	</div>
+  <div class="flex min-h-[70vh] items-center justify-center p-4">
+    <div class="space-y-4 text-center">
+      <h2 class="text-2xl font-bold">Room Not Found</h2>
+      <p class="text-muted-foreground">This room doesn't exist or has expired.</p>
+      <Button onclick={() => goto('/reverse')}><ArrowLeft class="mr-2 h-4 w-4" />Back to Reverse Share</Button>
+    </div>
+  </div>
 {:else if loadStatus === 'error'}
-	<div class="flex min-h-[70vh] items-center justify-center p-4">
-		<div class="space-y-4 text-center">
-			<h2 class="text-2xl font-bold">Something went wrong</h2>
-			<p class="text-muted-foreground">Failed to load the room. Please try again.</p>
-			<div class="flex justify-center gap-2">
-				<Button variant="outline" onclick={() => goto('/reverse')}>
-					<ArrowLeft class="mr-2 h-4 w-4" />
-					Go Back
-				</Button>
-				<Button onclick={loadRoom}>Retry</Button>
-			</div>
-		</div>
-	</div>
+  <div class="flex min-h-[70vh] items-center justify-center p-4">
+    <div class="space-y-4 text-center">
+      <h2 class="text-2xl font-bold">Something went wrong</h2>
+      <p class="text-muted-foreground">Failed to load the room. Please try again.</p>
+      <div class="flex justify-center gap-2">
+        <Button variant="outline" onclick={() => goto('/reverse')}><ArrowLeft class="mr-2 h-4 w-4" />Go Back</Button>
+        <Button onclick={loadRoom}>Retry</Button>
+      </div>
+    </div>
+  </div>
 {:else if loadStatus === 'loaded' && room}
-	{#if downloadPreference === null}
-		<div class="mx-auto flex min-h-[60vh] max-w-2xl flex-col items-center justify-center p-4">
-			<div class="mb-8 space-y-2 text-center">
-				<h2 class="text-3xl font-bold tracking-tight">How should we handle downloads?</h2>
-				<p class="text-lg text-muted-foreground">
-					Choose how you want to receive files from the host.
-				</p>
-			</div>
-
-			<div class="grid w-full gap-6 sm:grid-cols-2">
-				<Card
-					class="relative cursor-pointer border-2 border-primary bg-primary/5 transition-all hover:border-primary/50 hover:shadow-lg"
-					onclick={() => (downloadPreference = 'eager')}
-				>
-					<div class="absolute -top-3 left-1/2 -translate-x-1/2">
-						<Badge class="bg-primary px-3 py-1 text-primary-foreground shadow-md">Recommended</Badge
-						>
-					</div>
-					<CardHeader class="flex flex-col items-center pt-8 pb-2 text-center">
-						<div class="mb-3 rounded-full bg-primary/20 p-4">
-							<Zap class="h-8 w-8 text-primary" />
-						</div>
-						<CardTitle class="text-xl">Eager Download</CardTitle>
-					</CardHeader>
-					<CardContent class="text-center text-muted-foreground">
-						Files are automatically downloaded as soon as they are shared. Perfect for real-time
-						collaboration.
-					</CardContent>
-					<CardFooter class="justify-center pb-6">
-						<Button class="w-full">Select Eager</Button>
-					</CardFooter>
-				</Card>
-
-				<Card
-					class="cursor-pointer border-2 border-transparent transition-all hover:border-primary/50 hover:shadow-lg"
-					onclick={() => (downloadPreference = 'manual')}
-				>
-					<CardHeader class="flex flex-col items-center pt-8 pb-2 text-center">
-						<div class="mb-3 rounded-full bg-muted p-4">
-							<MousePointerClick class="h-8 w-8 text-muted-foreground" />
-						</div>
-						<CardTitle class="text-xl">Manual Download</CardTitle>
-					</CardHeader>
-					<CardContent class="text-center text-muted-foreground">
-						Review shared files first and choose which ones to download. Best for limited bandwidth.
-					</CardContent>
-					<CardFooter class="justify-center pb-6">
-						<Button variant="outline" class="w-full">Select Manual</Button>
-					</CardFooter>
-				</Card>
-			</div>
-		</div>
-	{:else}
-		<div class="mx-auto max-w-3xl space-y-6 p-4">
-			<!-- Header -->
-			<div class="flex flex-wrap items-center justify-between gap-3">
-				<div class="space-y-1">
-					<div class="flex items-center gap-2">
-						<h1 class="text-2xl font-bold">{room.name}</h1>
-						<Badge variant="secondary">Guest</Badge>
-						<Tooltip.Provider>
-							<Tooltip.Root>
-								<Tooltip.Trigger>
-									<Badge variant="outline" class="gap-1">
-										<Users class="h-3 w-3" />
-										{room.connected_hosts}
-										{room.connected_hosts === 1 ? 'host' : 'hosts'}
-									</Badge>
-								</Tooltip.Trigger>
-								<Tooltip.Content>
-									{room.connected_hosts} host{room.connected_hosts === 1 ? '' : 's'} online
-								</Tooltip.Content>
-							</Tooltip.Root>
-						</Tooltip.Provider>
-						<Tooltip.Provider>
-							<Tooltip.Root>
-								<Tooltip.Trigger>
-									{#if wsConnected}
-										<Wifi class="h-4 w-4 text-muted-foreground" />
-									{:else}
-										<WifiOff class="h-4 w-4 text-destructive" />
-									{/if}
-								</Tooltip.Trigger>
-								<Tooltip.Content>
-									{wsConnected ? 'WebSocket connected' : 'Disconnected'}
-								</Tooltip.Content>
-							</Tooltip.Root>
-						</Tooltip.Provider>
-					</div>
-					<p class="text-sm text-muted-foreground">
-						Expires: {new Date(room.expires_at).toLocaleString()}
-					</p>
-				</div>
-
-				<div class="flex items-center gap-2">
-					<Tooltip.Provider>
-						<Tooltip.Root>
-							<Tooltip.Trigger>
-								<Button variant="outline" size="sm" onclick={copyShareLink}>
-									{#if copiedShareLink}
-										<Check class="mr-1 h-4 w-4 text-green-500" />
-										Copied!
-									{:else}
-										<Link class="mr-1 h-4 w-4" />
-										Share Link
-									{/if}
-								</Button>
-							</Tooltip.Trigger>
-							<Tooltip.Content>{shareUrl}</Tooltip.Content>
-						</Tooltip.Root>
-					</Tooltip.Provider>
-
-					<Button variant="outline" size="sm" onclick={leaveRoom}>
-						<ArrowLeft class="mr-1 h-4 w-4" />
-						Leave
-					</Button>
-				</div>
-			</div>
-
-			<Separator />
-
-			<!-- Available Files -->
-			<Card>
-				<CardHeader>
-					<CardTitle class="flex items-center justify-between text-base">
-						<span class="flex items-center gap-2">
-							<Users class="h-4 w-4" />
-							Available Files
-						</span>
-						<Badge variant="outline">{roomFiles.length + remoteUploads.length}</Badge>
-					</CardTitle>
-					<CardDescription>
-						Files are streamed to you automatically. Once received, they are saved to your browser
-						memory for instant access.
-					</CardDescription>
-				</CardHeader>
-				<CardContent>
-					{#if roomFiles.length === 0 && remoteUploads.length === 0}
-						<div class="flex flex-col items-center gap-2 py-8 text-sm text-muted-foreground">
-							<FileIcon class="h-8 w-8 opacity-40" />
-							<span>Waiting for host to share files…</span>
-						</div>
-					{:else}
-						<ScrollArea class="max-h-96 w-full rounded-md border p-2">
-							<div class="space-y-2">
-								{#each remoteUploads as u}
-									<div class="space-y-1 rounded-md border bg-muted/20 px-3 py-2">
-										<div class="flex items-center gap-2">
-											<FileIcon class="h-4 w-4 shrink-0 text-muted-foreground" />
-											<span class="min-w-0 flex-1 truncate text-sm"
-												>{getDisplayFilename(u.filename)}</span
-											>
-											<span class="shrink-0 text-xs text-muted-foreground">
-												{formatFileSize(u.uploadedBytes)} / {formatFileSize(u.size)}
-											</span>
-											<LoaderCircle class="h-4 w-4 shrink-0 animate-spin text-muted-foreground" />
-										</div>
-										<Progress value={u.progress.current} max={100} class="h-1" />
-									</div>
-								{/each}
-
-								{#each roomFiles as f}
-									{@const downloaded = downloadedFiles.find((d) => d.key === f.key)}
-									{@const isThisStreaming =
-										receiveState.type === 'streaming' && receiveState.key === f.key}
-									{@const isThisProcessing =
-										receiveState.type === 'processing' && receiveState.key === f.key}
-									{@const isAnyActive = isAnyStreaming || isAnyProcessing}
-									{@const displayName = getDisplayFilename(f.filename)}
-									<div class="rounded-md border px-3 py-2">
-										<div class="flex items-center gap-3">
-											<FileIcon class="h-4 w-4 shrink-0 text-muted-foreground" />
-											<div class="min-w-0 flex-1">
-												<div class="flex items-center gap-2">
-													<p class="truncate text-sm font-medium">
-														{displayName}
-													</p>
-													{#if downloaded}
-														<Badge
-															variant="outline"
-															class="h-4 border-green-200 bg-green-50 px-1 text-[10px] text-green-600 uppercase"
-														>
-															Saved
-														</Badge>
-													{/if}
-												</div>
-												<p class="text-xs text-muted-foreground">{formatFileSize(f.size)}</p>
-											</div>
-
-											{#if isThisStreaming || isThisProcessing}
-												<div class="flex items-center gap-2 text-xs text-muted-foreground">
-													{#if isDecrypting || isThisProcessing}
-														<span class="animate-pulse">Decrypting…</span>
-														<span class="font-mono">{decryptionProgress.current.toFixed(0)}%</span>
-													{:else}
-														<span class="animate-pulse">Receiving…</span>
-														<span class="font-mono">{streamProgress.toFixed(0)}%</span>
-													{/if}
-												</div>
-											{/if}
-
-											<div class="flex items-center gap-1">
-												<Button
-													size="sm"
-													variant="ghost"
-													class="h-7 shrink-0 px-2"
-													onclick={() => copyDownloadLink(f.key)}
-												>
-													{#if copiedFileKeys.has(f.key)}
-														<Check class="h-3.5 w-3.5 text-green-500" />
-													{:else}
-														<Copy class="h-3.5 w-3.5" />
-													{/if}
-												</Button>
-												{#if downloaded}
-													<Button
-														size="sm"
-														variant="default"
-														class="h-7 shrink-0 gap-1 px-2 text-xs"
-														onclick={() => downloadFile(f)}
-														disabled={isAnyActive && currentTransferKey !== f.key}
-													>
-														<Download class="h-3.5 w-3.5" />
-														Save
-													</Button>
-												{:else}
-													<Button
-														size="sm"
-														variant="outline"
-														class="h-7 shrink-0 gap-1 px-2 text-xs"
-														onclick={() => downloadFile(f)}
-														disabled={isAnyActive && currentTransferKey !== f.key}
-													>
-														<Download class="h-3.5 w-3.5" />
-														Download
-													</Button>
-												{/if}
-
-												<a
-													href={downloadPageHref(f.key)}
-													class="inline-flex h-7 shrink-0 items-center gap-1 px-2 text-xs"
-												>
-													<Link class="h-3.5 w-3.5" />
-													<span>Download Page</span>
-												</a>
-											</div>
-										</div>
-										{#if isThisStreaming || isThisProcessing}
-											{#if isDecrypting || isThisProcessing}
-												<Progress value={decryptionProgress.current} max={100} class="mt-2 h-1" />
-											{:else}
-												<Progress value={streamProgress} max={100} class="mt-2 h-1" />
-											{/if}
-										{/if}
-									</div>
-								{/each}
-							</div>
-						</ScrollArea>
-					{/if}
-				</CardContent>
-			</Card>
-		</div>
-	{/if}
+  {#if downloadPreference === null}
+    <div class="mx-auto flex min-h-[60vh] max-w-2xl flex-col items-center justify-center p-4">
+      <div class="mb-8 space-y-2 text-center">
+        <h2 class="text-3xl font-bold tracking-tight">How should we handle downloads?</h2>
+        <p class="text-lg text-muted-foreground">Choose how you want to receive files from the host.</p>
+      </div>
+      <div class="grid w-full gap-6 sm:grid-cols-2">
+        <Card.Root class="relative cursor-pointer border-2 border-primary bg-primary/5 transition-all hover:border-primary/50 hover:shadow-lg" onclick={() => downloadPreference = 'eager'}>
+          <div class="absolute -top-3 left-1/2 -translate-x-1/2">
+            <Badge class="bg-primary px-3 py-1 text-primary-foreground shadow-md">Recommended</Badge>
+          </div>
+          <Card.Header class="flex flex-col items-center pt-8 pb-2 text-center">
+            <div class="mb-3 rounded-full bg-primary/20 p-4"><Zap class="h-8 w-8 text-primary" /></div>
+            <Card.Title class="text-xl">Eager Download</Card.Title>
+          </Card.Header>
+          <Card.Content class="text-center text-muted-foreground">Files are automatically downloaded as soon as they are shared. Perfect for real-time collaboration.</Card.Content>
+          <Card.Footer class="justify-center pb-6"><Button class="w-full">Select Eager</Button></Card.Footer>
+        </Card.Root>
+        <Card.Root class="cursor-pointer border-2 border-transparent transition-all hover:border-primary/50 hover:shadow-lg" onclick={() => downloadPreference = 'manual'}>
+          <Card.Header class="flex flex-col items-center pt-8 pb-2 text-center">
+            <div class="mb-3 rounded-full bg-muted p-4"><MousePointerClick class="h-8 w-8 text-muted-foreground" /></div>
+            <Card.Title class="text-xl">Manual Download</Card.Title>
+          </Card.Header>
+          <Card.Content class="text-center text-muted-foreground">Review shared files first and choose which ones to download. Best for limited bandwidth.</Card.Content>
+          <Card.Footer class="justify-center pb-6"><Button variant="outline" class="w-full">Select Manual</Button></Card.Footer>
+        </Card.Root>
+      </div>
+    </div>
+  {:else}
+    <div class="mx-auto max-w-3xl space-y-6 p-4">
+      <div class="flex flex-wrap items-center justify-between gap-3">
+        <div class="space-y-1">
+          <div class="flex items-center gap-2">
+            <h1 class="text-2xl font-bold">{room.name}</h1>
+            <Badge variant="secondary">Guest</Badge>
+            <Tooltip.Provider>
+              <Tooltip.Root>
+                <Tooltip.Trigger><Badge variant="outline" class="gap-1"><Users class="h-3 w-3" />{room.connected_hosts} {room.connected_hosts === 1 ? 'host' : 'hosts'}</Badge></Tooltip.Trigger>
+                <Tooltip.Content>{room.connected_hosts} host{room.connected_hosts === 1 ? '' : 's'} online</Tooltip.Content>
+              </Tooltip.Root>
+            </Tooltip.Provider>
+            <Tooltip.Provider>
+              <Tooltip.Root>
+                <Tooltip.Trigger>
+                  {#if wsConnected}<Wifi class="h-4 w-4 text-muted-foreground" />{:else}<WifiOff class="h-4 w-4 text-destructive" />{/if}
+                </Tooltip.Trigger>
+                <Tooltip.Content>{wsConnected ? 'WebSocket connected' : 'Disconnected'}</Tooltip.Content>
+              </Tooltip.Root>
+            </Tooltip.Provider>
+          </div>
+          <p class="text-sm text-muted-foreground">Expires: {formatDate(room.expires_at)}</p>
+        </div>
+        <div class="flex items-center gap-2">
+          <Tooltip.Provider>
+            <Tooltip.Root>
+              <Tooltip.Trigger>
+                <Button variant="outline" size="sm" onclick={copyShareLink}>
+                  {#if copiedShareLink}<Check class="mr-1 h-4 w-4 text-green-500" />Copied!{:else}<Link class="mr-1 h-4 w-4" />Share Link{/if}
+                </Button>
+              </Tooltip.Trigger>
+              <Tooltip.Content>{shareUrl}</Tooltip.Content>
+            </Tooltip.Root>
+          </Tooltip.Provider>
+          <Button variant="outline" size="sm" onclick={leaveRoom}><ArrowLeft class="mr-1 h-4 w-4" />Leave</Button>
+        </div>
+      </div>
+      <Separator />
+      <Card.Root>
+        <Card.Header>
+          <Card.Title class="flex items-center justify-between text-base">
+            <span class="flex items-center gap-2"><Users class="h-4 w-4" />Available Files</span>
+            <Badge variant="outline">{roomFiles.length + remoteUploads.length}</Badge>
+          </Card.Title>
+          <Card.Description>Files are streamed to you automatically. Once received, they are saved to your browser memory for instant access.</Card.Description>
+        </Card.Header>
+        <Card.Content>
+          {#if roomFiles.length === 0 && remoteUploads.length === 0}
+            <div class="flex flex-col items-center gap-2 py-8 text-sm text-muted-foreground">
+              <FileIcon class="h-8 w-8 opacity-40" />
+              <span>Waiting for host to share files…</span>
+            </div>
+          {:else}
+            <ScrollArea class="max-h-96 w-full rounded-md border p-2">
+              <div class="space-y-2">
+                {#each remoteUploads as u}
+                  <div class="space-y-1 rounded-md border bg-muted/20 px-3 py-2">
+                    <div class="flex items-center gap-2">
+                      <FileIcon class="h-4 w-4 shrink-0 text-muted-foreground" />
+                      <span class="min-w-0 flex-1 truncate text-sm">{getDisplayFilename(u.filename)}</span>
+                      <span class="shrink-0 text-xs text-muted-foreground">{formatFileSize(u.uploadedBytes)} / {formatFileSize(u.size)}</span>
+                      <Spinner class="size-4 shrink-0 text-muted-foreground" />
+                    </div>
+                    <Progress value={u.progress.current} max={100} class="h-1" />
+                  </div>
+                {/each}
+                {#each roomFiles as f}
+                  {@const dl = downloadedFiles.find((d) => d.key === f.key)}
+                  {@const streaming = receiveState.type === 'streaming' && receiveState.key === f.key}
+                  {@const processing = receiveState.type === 'processing' && receiveState.key === f.key}
+                  {@const active = isStreaming || isProcessing}
+                  <div class="rounded-md border px-3 py-2">
+                    <div class="flex items-center gap-3">
+                      <FileIcon class="h-4 w-4 shrink-0 text-muted-foreground" />
+                      <div class="min-w-0 flex-1">
+                        <div class="flex items-center gap-2">
+                          <p class="truncate text-sm font-medium">{getDisplayFilename(f.filename)}</p>
+                          {#if dl}<Badge variant="outline" class="h-4 border-green-200 bg-green-50 px-1 text-[10px] text-green-600 uppercase">Saved</Badge>{/if}
+                        </div>
+                        <p class="text-xs text-muted-foreground">{formatFileSize(f.size)}</p>
+                      </div>
+                      {#if streaming || processing}
+                        <div class="flex items-center gap-2 text-xs text-muted-foreground">
+                          {#if isDecrypting || processing}
+                            <span class="animate-pulse">Decrypting…</span>
+                            <span class="font-mono">{decryptionProgress.current.toFixed(0)}%</span>
+                          {:else}
+                            <span class="animate-pulse">Receiving…</span>
+                            <span class="font-mono">{streamProgress.toFixed(0)}%</span>
+                          {/if}
+                        </div>
+                      {/if}
+                      <div class="flex items-center gap-1">
+                        <Button size="sm" variant="ghost" class="h-7 shrink-0 px-2" onclick={() => copyDownloadLink(f.key)}>
+                          {#if copiedFileKeys.has(f.key)}<Check class="h-3.5 w-3.5 text-green-500" />{:else}<Copy class="h-3.5 w-3.5" />{/if}
+                        </Button>
+                        {#if dl}
+                          <Button size="sm" variant="default" class="h-7 shrink-0 gap-1 px-2 text-xs" onclick={() => downloadFile(f)} disabled={active && transferKey !== f.key}>
+                            <Download class="h-3.5 w-3.5" />Save
+                          </Button>
+                        {:else}
+                          <Button size="sm" variant="outline" class="h-7 shrink-0 gap-1 px-2 text-xs" onclick={() => downloadFile(f)} disabled={active && transferKey !== f.key}>
+                            <Download class="h-3.5 w-3.5" />Download
+                          </Button>
+                        {/if}
+                        <a href={downloadHref(f.key)} class="inline-flex h-7 shrink-0 items-center gap-1 px-2 text-xs">
+                          <Link class="h-3.5 w-3.5" /><span>Download Page</span>
+                        </a>
+                      </div>
+                    </div>
+                    {#if streaming || processing}
+                      {#if isDecrypting || processing}<Progress value={decryptionProgress.current} max={100} class="mt-2 h-1" />
+                      {:else}<Progress value={streamProgress} max={100} class="mt-2 h-1" />{/if}
+                    {/if}
+                  </div>
+                {/each}
+              </div>
+            </ScrollArea>
+          {/if}
+        </Card.Content>
+      </Card.Root>
+    </div>
+  {/if}
 {/if}
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/functions.ts b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/functions.ts
index 8eae779f..d780e1e8 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/functions.ts
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/functions.ts
@@ -1,27 +1,11 @@
 import type { ReceiveState } from './types';
 
-/**
- * Strips .zip extension if present
- */
-export const getDisplayFilename = (filename: string) =>
-	filename.endsWith('.zip') ? filename.slice(0, -4) : filename;
-
-/**
- * Handles incoming binary chunks for a streaming file transfer.
- * Mutates the receiveState object if it is in 'streaming' mode.
- */
-export async function handleBinaryChunk(
-	receiveState: ReceiveState,
-	data: ArrayBuffer | Blob
-): Promise<void> {
-	if (receiveState.type !== 'streaming') return;
-	const buf = data instanceof Blob ? await data.arrayBuffer() : data;
-
-	// If we've already received the full file, ignore subsequent chunks (e.g. from duplicate host streams)
-	if (receiveState.size > 0 && receiveState.received >= receiveState.size) {
-		return;
-	}
-
-	receiveState.chunks.push(buf as any);
-	receiveState.received += buf.byteLength;
+export const getDisplayFilename = (f: string) => f.endsWith('.zip') ? f.slice(0, -4) : f;
+
+export async function handleBinaryChunk(state: ReceiveState, data: ArrayBuffer | Blob): Promise<void> {
+  if (state.type !== 'streaming') return;
+  const buf = data instanceof Blob ? await data.arrayBuffer() : data;
+  if (state.size > 0 && state.received >= state.size) return;
+  state.chunks.push(new Uint8Array(buf));
+  state.received += buf.byteLength;
 }
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/host.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/host.svelte
index c740c9aa..8f73d0e3 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/host.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/host.svelte
@@ -1,945 +1,813 @@
 <script lang="ts">
-	import { onDestroy, onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/state';
-	import { cubicOut } from 'svelte/easing';
-	import { Tween } from 'svelte/motion';
-	import { toast } from 'svelte-sonner';
-	import {
-		Card,
-		CardContent,
-		CardDescription,
-		CardFooter,
-		CardHeader,
-		CardTitle
-	} from '$lib/components/ui/card';
-	import { ScrollArea } from '$lib/components/ui/scroll-area';
-	import { Button } from '$lib/components/ui/button';
-	import { Progress } from '$lib/components/ui/progress';
-	import { Badge } from '$lib/components/ui/badge';
-	import { Separator } from '$lib/components/ui/separator';
-	import * as Tooltip from '$lib/components/ui/tooltip/index';
-	import {
-		Upload,
-		Download,
-		Copy,
-		Check,
-		Link,
-		Plus,
-		X,
-		Users,
-		FileIcon,
-		LoaderCircle,
-		ArrowLeft,
-		Wifi,
-		WifiOff,
-		UserPlus
-	} from '@lucide/svelte';
-	import { formatFileSize } from '#functions/bytes';
-	import { Api } from '#consts/backend';
-	import {
-		createZipStream,
-		createEncryptedStream,
-		createDecryptedStream
-	} from '#functions/streams';
-	import { base64urlToBytes } from '#functions/encryption';
-	import { resolve } from '$app/paths';
-	import { extractEncryptionKey, extractHostToken } from './utils';
-	import { getDisplayFilename, handleBinaryChunk } from './functions';
-	import type {
-		DownloadedFile,
-		ReceiveState,
-		RemoteUpload,
-		RoomFileEntry,
-		RoomOut,
-		UploadEntry
-	} from './types';
-
-	let { room_id }: { room_id: string } = $props();
-	let hostToken = $derived(extractHostToken(page.url.hash.slice(1)));
-	let roomKey = $derived(extractEncryptionKey(page.url.hash.slice(1)));
-
-	const downloadPageHref = (fileKey: string) =>
-		resolve(`/download/${fileKey}${roomKey ? `#${roomKey}` : ''}`);
-
-	type LoadStatus = 'loading' | 'not_found' | 'error' | 'loaded';
-	let loadStatus = $state<LoadStatus>('loading');
-	let room = $state<RoomOut | null>(null);
-	let roomFiles = $state<RoomFileEntry[]>([]);
-	let hostCount = $state(1);
-
-	// Host upload
-	let pendingFiles = $state<File[]>([]);
-	let fileInput = $state<HTMLInputElement>();
-	let uploads = $state<UploadEntry[]>([]);
-	let isUploading = $state(false);
-	const overallProgress = new Tween(0, { duration: 400, easing: cubicOut });
-	let encryptionProgress = $state(new Tween(0, { duration: 500, easing: cubicOut }));
-	let isEncrypting = $state(false);
-
-	// Client streaming
-	let receiveState = $state<ReceiveState>({ type: 'idle' });
-	let downloadedFiles = $state<DownloadedFile[]>([]);
-	let decryptionProgress = $state(new Tween(0, { duration: 500, easing: cubicOut }));
-	let isDecrypting = $state(false);
-
-	// WebSocket
-	let ws = $state<WebSocket | null>(null);
-	let wsConnected = $state(false);
-	let remoteUploads = $state<RemoteUpload[]>([]);
-
-	// Copy/UI states
-	let copiedShareLink = $state(false);
-	let copiedFileKeys = $state(new Set<string>());
-	let copiedInviteLink = $state(false);
-	let isInviting = $state(false);
-
-	const shareUrl = $derived(
-		typeof window !== 'undefined'
-			? `${window.location.origin}/reverse/${room_id}`
-			: `/reverse/${room_id}`
-	);
-
-	const totalUploadSize = $derived(pendingFiles.reduce((s, f) => s + f.size, 0));
-	const completedUploads = $derived(uploads.filter((u) => u.status === 'done').length);
-	const totalUploads = $derived(uploads.length);
-
-	const streamProgress = $derived(
-		receiveState.type === 'streaming' && receiveState.size > 0
-			? Math.min((receiveState.received / receiveState.size) * 100, 100)
-			: 0
-	);
-
-	const isAnyStreaming = $derived(receiveState.type === 'streaming');
-	const isAnyProcessing = $derived(receiveState.type === 'processing');
-	const currentTransferKey = $derived(
-		receiveState.type === 'streaming' || receiveState.type === 'processing'
-			? receiveState.key
-			: null
-	);
-
-	async function loadRoom() {
-		loadStatus = 'loading';
-		try {
-			const res = await fetch(`${Api.REVERSE.ROOMS}/${room_id}`, { credentials: 'include' });
-			if (res.status === 404) {
-				loadStatus = 'not_found';
-				return;
-			}
-			if (!res.ok) throw new Error();
-
-			const data: RoomOut = await res.json();
-			room = data;
-			roomFiles = structuredClone(data.files);
-			hostCount = data.host_count ?? 1;
-			loadStatus = 'loaded';
-			connectWebSocket();
-		} catch {
-			loadStatus = 'error';
-		}
-	}
-
-	function connectWebSocket() {
-		ws?.close();
-		const socket = new WebSocket(Api.REVERSE.WS_URL(room_id, hostToken));
-		// prefer ArrayBuffer for binary frames to avoid Blob conversion
-		socket.binaryType = 'arraybuffer';
-		ws = socket;
-
-		socket.onopen = () => (wsConnected = true);
-		socket.onclose = () => {
-			wsConnected = false;
-			ws = null;
-		};
-		socket.onerror = () => {
-			wsConnected = false;
-			toast.error('WebSocket connection error');
-		};
-
-		socket.onmessage = async (ev) => {
-			if (ev.data instanceof ArrayBuffer || ev.data instanceof Blob) {
-				console.debug(
-					'[reverse/host] binary frame received, size=',
-					ev.data instanceof ArrayBuffer ? ev.data.byteLength : (ev.data as Blob).size
-				);
-				handleBinaryChunk(receiveState, ev.data);
-				return;
-			}
-
-			try {
-				const msg = JSON.parse(ev.data);
-				const { type } = msg;
-
-				switch (type) {
-					case 'snapshot': {
-						const r = msg.room as RoomOut;
-						room = r;
-						roomFiles = structuredClone(r.files);
-						hostCount = r.host_count ?? 1;
-						remoteUploads =
-							r.active_uploads?.map((u) => ({
-								key: u.upload_key,
-								filename: u.filename,
-								size: u.size,
-								uploadedBytes: u.uploaded_bytes,
-								progress: new Tween(
-									u.size > 0 ? Math.min((u.uploaded_bytes / u.size) * 100, 100) : 0,
-									{
-										duration: 300,
-										easing: cubicOut
-									}
-								)
-							})) ?? [];
-						break;
-					}
-					case 'host_count':
-						hostCount = msg.count;
-						break;
-					case 'connection_counts':
-						if (room) {
-							room.connected_hosts = msg.hosts;
-							room.connected_guests = msg.guests;
-						}
-						break;
-					case 'upload_start': {
-						const key = msg.upload_key;
-						if (!remoteUploads.some((u) => u.key === key)) {
-							remoteUploads = [
-								...remoteUploads,
-								{
-									key,
-									filename: msg.filename,
-									size: msg.size,
-									uploadedBytes: 0,
-									progress: new Tween(0, { duration: 300, easing: cubicOut })
-								}
-							];
-						}
-						break;
-					}
-					case 'upload_progress': {
-						const upload = remoteUploads.find((u) => u.key === msg.upload_key);
-						if (upload) {
-							upload.uploadedBytes = msg.uploaded_bytes;
-							upload.progress.target =
-								upload.size > 0 ? Math.min((msg.uploaded_bytes / upload.size) * 100, 100) : 0;
-						}
-						break;
-					}
-					case 'upload_cancelled':
-						remoteUploads = remoteUploads.filter((u) => u.key !== msg.upload_key);
-						break;
-					case 'file_added': {
-						const file = msg.file as RoomFileEntry;
-						if (!roomFiles.some((f) => f.key === file.key)) {
-							roomFiles = [...roomFiles, file];
-						}
-						remoteUploads = remoteUploads.filter((u) => u.key !== file.key);
-						break;
-					}
-					case 'file_start':
-						if (receiveState.type === 'idle') {
-							// Skip if already in memory
-							if (downloadedFiles.some((d) => d.key === msg.key)) {
-								return;
-							}
-							// server started streaming without an explicit client request
-							receiveState = {
-								type: 'streaming',
-								key: msg.key,
-								filename: msg.filename,
-								size: msg.size,
-								received: 0,
-								chunks: []
-							};
-						} else if (receiveState.type === 'streaming' && receiveState.key === msg.key) {
-							// confirm metadata for an in-progress request
-							receiveState.size = msg.size;
-							receiveState.filename = msg.filename;
-						}
-						break;
-					case 'file_end':
-						if (receiveState.type === 'streaming' && receiveState.key === msg.key) {
-							const { key, filename, size, chunks } = receiveState;
-							// Guard against concurrent file_end processing (e.g. multiple hosts)
-							receiveState = { type: 'processing', key, filename, size };
-
-							console.debug(
-								'[reverse/host] file_end for',
-								key,
-								'filename=',
-								filename,
-								'chunks=',
-								chunks.length,
-								'expected_size=',
-								size
-							);
-							try {
-								let finalBlob = new Blob(chunks);
-								if (roomKey) {
-									isDecrypting = true;
-									decryptionProgress = new Tween(0, { duration: 500, easing: cubicOut });
-									const { stream: decryptedStream } = await createDecryptedStream(
-										finalBlob.stream() as any,
-										roomKey,
-										undefined,
-										finalBlob.size,
-										(processed, total) => {
-											if (total && total > 0) {
-												decryptionProgress.target = Math.min(
-													100,
-													Math.round((processed / total) * 100)
-												);
-											}
-										}
-									);
-									finalBlob = await new Response(decryptedStream as any).blob();
-									isDecrypting = false;
-									decryptionProgress.target = 100;
-								}
-								const objectUrl = URL.createObjectURL(finalBlob);
-								downloadedFiles = [...downloadedFiles, { key, filename, size, objectUrl }];
-								toast.success(`Received: ${filename}`);
-
-								const a = document.createElement('a');
-								a.href = objectUrl;
-								a.download = filename;
-								a.click();
-							} catch {
-								toast.error(`Decryption failed for ${filename}`);
-							} finally {
-								receiveState = { type: 'idle' };
-								isDecrypting = false;
-							}
-						}
-						break;
-					case 'file_error':
-						if (receiveState.type === 'streaming' && receiveState.key === msg.key) {
-							receiveState = { type: 'idle' };
-						}
-						toast.error(`File error: ${msg.detail}`);
-						break;
-					case 'file_removed':
-						roomFiles = roomFiles.filter((f) => f.key !== msg.key);
-						downloadedFiles = downloadedFiles.filter((f) => f.key !== msg.key);
-						break;
-					case 'room_destroyed':
-						toast.info('The room has been destroyed.');
-						cleanup();
-						goto('/reverse');
-						break;
-				}
-			} catch {
-				/* ignore invalid JSON */
-			}
-		};
-	}
-
-	function addFiles(selected: FileList | null) {
-		if (selected) pendingFiles = [...pendingFiles, ...Array.from(selected)];
-	}
-
-	const removePendingFile = (index: number) => {
-		pendingFiles = pendingFiles.filter((_, i) => i !== index);
-	};
-
-	async function uploadAll() {
-		if (!room || pendingFiles.length === 0) return;
-		if (!roomKey) {
-			toast.error('Cannot upload to an unencrypted room.');
-			return;
-		}
-		isUploading = true;
-		overallProgress.set(0, { duration: 0 });
-
-		const batch: UploadEntry[] = pendingFiles.map((f) => ({
-			file: f,
-			progress: new Tween(0, { duration: 300, easing: cubicOut }),
-			status: 'pending'
-		}));
-		uploads = [...uploads, ...batch];
-		pendingFiles = [];
-
-		const ikm = base64urlToBytes(roomKey);
-
-		for (const entry of batch) {
-			entry.status = 'uploading';
-			uploads = [...uploads];
-
-			try {
-				isEncrypting = true;
-				encryptionProgress.set(0, { duration: 0 });
-
-				const zipStream = await createZipStream([entry.file]);
-				const { stream: encryptedStream } = await createEncryptedStream(
-					zipStream,
-					undefined,
-					entry.file.size,
-					(processed, total) => {
-						if (total && total > 0) {
-							encryptionProgress.target = Math.min(100, (processed / total) * 100);
-						}
-					},
-					ikm
-				);
-
-				const encryptedBlob = await new Response(encryptedStream).blob();
-				encryptionProgress.target = 100;
-
-				// Allow time for the progress bar to animate to 100%
-				await new Promise((r) => setTimeout(r, 600));
-				isEncrypting = false;
-
-				const filename = `${entry.file.name}.zip`;
-
-				const fileEntry = await uploadFileXhr(encryptedBlob, filename, (pct) => {
-					entry.progress.target = pct;
-					const done = uploads.filter((u) => u.status === 'done').length;
-					overallProgress.target = ((done + pct / 100) / batch.length) * 100;
-					uploads = [...uploads];
-				});
-				entry.status = 'done';
-				entry.entry = fileEntry;
-				if (!roomFiles.some((f) => f.key === fileEntry.key)) {
-					roomFiles = [...roomFiles, fileEntry];
-				}
-
-				// Add to downloadedFiles so it shows as "Saved" instead of "Download"
-				const objectUrl = URL.createObjectURL(entry.file);
-				downloadedFiles = [
-					...downloadedFiles,
-					{
-						key: fileEntry.key,
-						filename: entry.file.name,
-						size: entry.file.size,
-						objectUrl
-					}
-				];
-			} catch (e: any) {
-				entry.status = 'error';
-				toast.error(`Upload failed for ${entry.file.name}: ${e.message || String(e)}`);
-			} finally {
-				isEncrypting = false;
-			}
-			uploads = [...uploads];
-		}
-
-		overallProgress.target = 100;
-		isUploading = false;
-	}
-
-	function uploadFileXhr(
-		file: Blob,
-		filename: string,
-		onProgress: (pct: number) => void
-	): Promise<RoomFileEntry> {
-		return new Promise((resolve, reject) => {
-			const fd = new FormData();
-			fd.append('file', file, filename);
-
-			const xhr = new XMLHttpRequest();
-			xhr.open('POST', `${Api.REVERSE.ROOMS}/${room_id}/upload`);
-			xhr.withCredentials = true;
-			xhr.setRequestHeader('X-Host-Token', hostToken);
-
-			xhr.upload.onprogress = (e) => {
-				if (e.lengthComputable) onProgress((e.loaded / e.total) * 100);
-			};
-
-			xhr.onload = () => {
-				if (xhr.status >= 200 && xhr.status < 300) {
-					try {
-						resolve(JSON.parse(xhr.responseText));
-					} catch {
-						reject(new Error('Invalid server response'));
-					}
-				} else {
-					let detail = `HTTP ${xhr.status}`;
-					try {
-						detail = JSON.parse(xhr.responseText).detail || detail;
-					} catch {
-						/* ignore */
-					}
-					reject(new Error(detail));
-				}
-			};
-			xhr.onerror = () => reject(new Error('Network error'));
-			xhr.send(fd);
-		});
-	}
-
-	async function copyShareLink() {
-		const url = roomKey ? `${shareUrl}#${roomKey}` : shareUrl;
-		await navigator.clipboard.writeText(url);
-		copiedShareLink = true;
-		setTimeout(() => (copiedShareLink = false), 2000);
-	}
-
-	async function inviteHost() {
-		isInviting = true;
-		try {
-			const res = await fetch(`${Api.REVERSE.ROOMS}/${room_id}/hosts`, {
-				method: 'POST',
-				credentials: 'include',
-				headers: { 'X-Host-Token': hostToken }
-			});
-			if (!res.ok) throw new Error((await res.json()).detail || `HTTP ${res.status}`);
-
-			const { host_token } = await res.json();
-			const inviteUrl = `${window.location.origin}/reverse/${room_id}#${host_token}${roomKey ? `:${roomKey}` : ''}`;
-			await navigator.clipboard.writeText(inviteUrl);
-			copiedInviteLink = true;
-			toast.success('Host invite link copied to clipboard');
-			setTimeout(() => (copiedInviteLink = false), 3000);
-		} catch (e: any) {
-			toast.error(`Failed to create invite: ${e.message || String(e)}`);
-		} finally {
-			isInviting = false;
-		}
-	}
-
-	async function copyDownloadLink(key: string) {
-		const url = downloadPageHref(key);
-		await navigator.clipboard.writeText(url);
-		copiedFileKeys = new Set([...copiedFileKeys, key]);
-		setTimeout(() => {
-			copiedFileKeys.delete(key);
-			copiedFileKeys = new Set(copiedFileKeys);
-		}, 2000);
-	}
-
-	function leaveRoom() {
-		cleanup();
-		goto('/reverse');
-	}
-
-	async function downloadFile(f: RoomFileEntry) {
-		const downloaded = downloadedFiles.find((d) => d.key === f.key);
-		if (downloaded?.objectUrl) {
-			const a = document.createElement('a');
-			a.href = downloaded.objectUrl;
-			a.download = f.filename;
-			a.click();
-			return;
-		}
-
-		if (receiveState.type !== 'idle') {
-			toast.error('Another file is currently being received.');
-			return;
-		}
-
-		receiveState = {
-			type: 'streaming',
-			key: f.key,
-			filename: f.filename,
-			size: f.size,
-			received: 0,
-			chunks: []
-		};
-
-		// Request file via WebSocket; backend will stream file_start, bytes, file_end
-		if (wsConnected && ws) {
-			ws.send(JSON.stringify({ type: 'request_file', key: f.key }));
-		} else {
-			receiveState = { type: 'idle' };
-			toast.error('WebSocket not connected. Cannot request file.');
-		}
-	}
-
-	function cleanup() {
-		ws?.close();
-		downloadedFiles.forEach((f) => f.objectUrl && URL.revokeObjectURL(f.objectUrl));
-	}
-
-	onMount(loadRoom);
-	onDestroy(cleanup);
+  import { goto } from '$app/navigation';
+  import { page } from '$app/state';
+  import { cubicOut } from 'svelte/easing';
+  import { Tween } from 'svelte/motion';
+  import { toast } from 'svelte-sonner';
+  import * as Card from '$lib/components/ui/card/index.js';
+  import { ScrollArea } from '$lib/components/ui/scroll-area/index.js';
+  import { Button } from '$lib/components/ui/button/index.js';
+  import { Input } from '$lib/components/ui/input/index.js';
+  import * as Field from '$lib/components/ui/field/index.js';
+  import { Progress } from '$lib/components/ui/progress/index.js';
+  import { Badge } from '$lib/components/ui/badge/index.js';
+  import { Separator } from '$lib/components/ui/separator/index.js';
+  import * as Tooltip from '$lib/components/ui/tooltip/index.js';
+  import {
+    Upload, Download, Copy, Check, Link, Plus, X, Users,
+    FileIcon, ArrowLeft, Wifi, WifiOff, UserPlus
+  } from '@lucide/svelte';
+  import { Spinner } from '$lib/components/ui/spinner/index.js';
+  import { formatFileSize } from '#functions/bytes';
+  import { formatDate } from '#functions/dates';
+  import { autoDownload } from '$lib/functions/browser-download';
+  import { Api } from '#consts/backend';
+  import { createZipStream, createEncryptedStream, createDecryptedStream } from '#functions/streams';
+  import { base64urlToBytes } from '#functions/encryption';
+  import { resolve } from '$app/paths';
+  import { extractEncryptionKey, extractHostToken } from './utils';
+  import { getDisplayFilename } from './functions';
+  import { useWsReconnect } from './ws-reconnect.svelte';
+  import type { DownloadedFile, ReceiveState, RemoteUpload, RoomFileEntry, RoomOut, UploadEntry } from './types';
+
+  const { room_id }: { room_id: string } = $props();
+  let hostToken = $derived(extractHostToken(page.url.hash.slice(1)));
+  let roomKey = $derived(extractEncryptionKey(page.url.hash.slice(1)));
+
+  const downloadPageHref = (fileKey: string) =>
+    resolve(`/download/${fileKey}${roomKey ? `#${roomKey}` : ''}`);
+
+  let loadStatus = $state<'loading' | 'not_found' | 'error' | 'loaded'>('loading');
+  let room = $state<RoomOut | null>(null);
+  let roomFiles = $state<RoomFileEntry[]>([]);
+  let hostCount = $state(1);
+
+  // Host key prompt
+  let showKeyPrompt = $state(false);
+  let keyInput = $state('');
+
+  // Host upload
+  let pendingFiles = $state<File[]>([]);
+  let fileInput = $state<HTMLInputElement>();
+  let uploads = $state<UploadEntry[]>([]);
+  let isUploading = $state(false);
+  const overallProgress = new Tween(0, { duration: 400, easing: cubicOut });
+  let encryptionProgress = $state(new Tween(0, { duration: 500, easing: cubicOut }));
+  let isEncrypting = $state(false);
+
+  // Client streaming (download)
+  let receiveState = $state<ReceiveState>({ type: 'idle' });
+  let downloadedFiles = $state<DownloadedFile[]>([]);
+  let decryptionProgress = $state(new Tween(0, { duration: 500, easing: cubicOut }));
+  let isDecrypting = $state(false);
+
+  // Remote uploads from other hosts
+  let remoteUploads = $state<RemoteUpload[]>([]);
+
+  // Copy/UI states
+  let copiedShareLink = $state(false);
+  let copiedFileKeys = $state(new Set<string>());
+  let copiedInviteLink = $state(false);
+  let isInviting = $state(false);
+
+  const shareUrl = $derived(
+    typeof window !== 'undefined'
+      ? `${window.location.origin}/reverse/${room_id}`
+      : `/reverse/${room_id}`
+  );
+
+  const totalUploadSize = $derived(pendingFiles.reduce((s, f) => s + f.size, 0));
+  const completedUploads = $derived(uploads.filter((u) => u.status === 'done').length);
+  const totalUploads = $derived(uploads.length);
+
+  const streamProgress = $derived(
+    receiveState.type === 'streaming' && receiveState.size > 0
+      ? Math.min((receiveState.received / receiveState.size) * 100, 100)
+      : 0
+  );
+
+  const isAnyStreaming = $derived(receiveState.type === 'streaming');
+  const isAnyProcessing = $derived(receiveState.type === 'processing');
+  const currentTransferKey = $derived(
+    receiveState.type === 'streaming' || receiveState.type === 'processing'
+      ? receiveState.key
+      : null
+  );
+
+  function submitKey() {
+    const k = keyInput.trim();
+    if (!k) { toast.error('Please enter an encryption key'); return; }
+    window.location.hash = k;
+    showKeyPrompt = false;
+    toast.success('Encryption key set');
+    loadRoom();
+  }
+
+  async function loadRoom() {
+    loadStatus = 'loading';
+    try {
+      const res = await fetch(Api.REVERSE.ROOM_DETAIL(room_id), { credentials: 'include' });
+      if (res.status === 404) { loadStatus = 'not_found'; return; }
+      if (!res.ok) throw new Error();
+      const data: RoomOut = await res.json();
+      room = data;
+      roomFiles = structuredClone(data.files);
+      hostCount = data.host_count ?? 1;
+      loadStatus = 'loaded';
+    } catch { loadStatus = 'error'; }
+  }
+
+  let ws = useWsReconnect({
+    get_room_id: () => room_id,
+    get_host_token: () => hostToken || undefined,
+    get_receive_state: () => receiveState,
+    get_downloaded_files: () => downloadedFiles,
+    get_room_key: () => roomKey,
+    onSnapshot: (r) => {
+      const ro = r as unknown as RoomOut;
+      room = ro;
+      roomFiles = structuredClone(ro.files);
+      hostCount = ro.host_count ?? 1;
+      remoteUploads = ro.active_uploads?.map((u) => ({
+        key: u.upload_key,
+        filename: u.filename,
+        size: u.size,
+        uploadedBytes: u.uploaded_bytes,
+        progress: new Tween(
+          u.size > 0 ? Math.min((u.uploaded_bytes / u.size) * 100, 100) : 0,
+          { duration: 300, easing: cubicOut }
+        )
+      })) ?? [];
+    },
+    onHostCount: (c: number) => { hostCount = c; },
+    onConnectionCounts: (h: number, g: number) => {
+      if (room) { room.connected_hosts = h; room.connected_guests = g; }
+    },
+    onUploadStart: (entry) => {
+      if (!remoteUploads.some((u) => u.key === entry.key)) {
+        remoteUploads = [...remoteUploads, { ...entry, uploadedBytes: 0 }];
+      }
+    },
+    onUploadProgress: (k: string, b: number) => {
+      const u = remoteUploads.find((u) => u.key === k);
+      if (u) { u.uploadedBytes = b; }
+    },
+    onUploadCancelled: (k: string) => {
+      remoteUploads = remoteUploads.filter((u) => u.key !== k);
+    },
+    onFileStart: (k: string, fn: string, sz: number) => {
+      if (receiveState.type === 'idle') {
+        if (downloadedFiles.some((d) => d.key === k)) return;
+        receiveState = { type: 'streaming', key: k, filename: fn, size: sz, received: 0, chunks: [] };
+      } else if (receiveState.type === 'streaming' && receiveState.key === k) {
+        receiveState.filename = fn;
+      }
+    },
+    onFileEnd: async (k: string, fn: string, sz: number) => {
+      if (receiveState.type === 'streaming' && receiveState.key === k) {
+        const { key: rk, filename: rf, size: rs, chunks } = receiveState;
+        receiveState = { type: 'processing', key: rk, filename: rf, size: rs };
+        try {
+          let blob: Blob = new Blob(chunks as unknown as BlobPart[]);
+          if (roomKey) {
+            isDecrypting = true;
+            decryptionProgress = new Tween(0, { duration: 500, easing: cubicOut });
+            const decryptedStream = await createDecryptedStream(
+              blob.stream() as any,
+              roomKey,
+              undefined,
+              blob.size,
+              (p, t) => { if (t && t > 0) decryptionProgress.target = Math.min(100, Math.round((p / t) * 100)); }
+            );
+            blob = await new Response(decryptedStream as any).blob();
+            isDecrypting = false;
+            decryptionProgress.target = 100;
+          }
+          const url = URL.createObjectURL(blob);
+          downloadedFiles = [...downloadedFiles, { key: rk, filename: rf, size: rs, objectUrl: url }];
+          toast.success(`Received: ${rf}`);
+          autoDownload(url, rf);
+        } catch {
+          toast.error(`Decryption failed for ${rf}`);
+        } finally {
+          receiveState = { type: 'idle' };
+          isDecrypting = false;
+        }
+      }
+    },
+    onFileError: (detail: string, k: string) => {
+      if (receiveState.type === 'streaming' && receiveState.key === k) receiveState = { type: 'idle' };
+      toast.error(`File error: ${detail}`);
+    },
+    onFileRemoved: (k: string) => {
+      roomFiles = roomFiles.filter((f) => f.key !== k);
+      downloadedFiles = downloadedFiles.filter((f) => f.key !== k);
+    },
+    onRoomDestroyed: () => {
+      ws.close();
+      toast.info('The room has been destroyed.');
+      goto('/reverse');
+    },
+  });
+
+  $effect(() => {
+    if (roomKey) loadRoom();
+    else showKeyPrompt = true;
+    return () => { ws.close(); cleanup(); };
+  });
+
+  function addFiles(selected: FileList | null) {
+    if (selected) pendingFiles = [...pendingFiles, ...Array.from(selected)];
+  }
+
+  const removePendingFile = (index: number) => {
+    pendingFiles = pendingFiles.filter((_, i) => i !== index);
+  };
+
+  async function uploadAll() {
+    if (!room || pendingFiles.length === 0) return;
+    if (!roomKey) {
+      toast.error('Cannot upload to an unencrypted room.');
+      return;
+    }
+    isUploading = true;
+    overallProgress.set(0, { duration: 0 });
+
+    const batch: UploadEntry[] = pendingFiles.map((f) => ({
+      file: f,
+      progress: new Tween(0, { duration: 300, easing: cubicOut }),
+      status: 'pending'
+    }));
+    uploads = [...uploads, ...batch];
+    pendingFiles = [];
+
+    const ikm = base64urlToBytes(roomKey);
+
+    for (const entry of batch) {
+      entry.status = 'uploading';
+      uploads = [...uploads];
+
+      try {
+        isEncrypting = true;
+        encryptionProgress.set(0, { duration: 0 });
+
+        const zipStream = await createZipStream([entry.file]);
+        const { stream: encryptedStream } = await createEncryptedStream(
+          zipStream,
+          undefined,
+          entry.file.size,
+          (processed, total) => {
+            if (total && total > 0) {
+              encryptionProgress.target = Math.min(100, (processed / total) * 100);
+            }
+          },
+          ikm
+        );
+
+        const encryptedBlob = await new Response(encryptedStream).blob();
+        encryptionProgress.target = 100;
+
+        // Allow time for the progress bar to animate to 100%
+        await new Promise((r) => setTimeout(r, 600));
+        isEncrypting = false;
+
+        const filename = `${entry.file.name}.zip`;
+
+        const fileEntry = await uploadFileXhr(encryptedBlob, filename, (pct) => {
+          entry.progress.target = pct;
+          const done = uploads.filter((u) => u.status === 'done').length;
+          overallProgress.target = ((done + pct / 100) / batch.length) * 100;
+          uploads = [...uploads];
+        });
+        entry.status = 'done';
+        entry.entry = fileEntry;
+        if (!roomFiles.some((f) => f.key === fileEntry.key)) {
+          roomFiles = [...roomFiles, fileEntry];
+        }
+
+        // Add to downloadedFiles so it shows as "Saved" instead of "Download"
+        const objectUrl = URL.createObjectURL(entry.file);
+        downloadedFiles = [
+          ...downloadedFiles,
+          { key: fileEntry.key, filename: entry.file.name, size: entry.file.size, objectUrl }
+        ];
+      } catch (e: any) {
+        entry.status = 'error';
+        toast.error(`Upload failed for ${entry.file.name}: ${e.message || String(e)}`);
+      } finally {
+        isEncrypting = false;
+      }
+      uploads = [...uploads];
+    }
+
+    overallProgress.target = 100;
+    isUploading = false;
+  }
+
+  function uploadFileXhr(
+    file: Blob,
+    filename: string,
+    onProgress: (pct: number) => void
+  ): Promise<RoomFileEntry> {
+    return new Promise((resolve, reject) => {
+      const fd = new FormData();
+      fd.append('file', file, filename);
+
+      const xhr = new XMLHttpRequest();
+      xhr.open('POST', Api.REVERSE.ROOM_UPLOAD(room_id));
+      xhr.withCredentials = true;
+      xhr.setRequestHeader('X-Host-Token', hostToken);
+
+      xhr.upload.onprogress = (e) => {
+        if (e.lengthComputable) onProgress((e.loaded / e.total) * 100);
+      };
+
+      xhr.onload = () => {
+        if (xhr.status >= 200 && xhr.status < 300) {
+          try {
+            resolve(JSON.parse(xhr.responseText));
+          } catch {
+            reject(new Error('Invalid server response'));
+          }
+        } else {
+          let detail = `HTTP ${xhr.status}`;
+          try {
+            detail = JSON.parse(xhr.responseText).detail || detail;
+          } catch {
+            /* ignore */
+          }
+          reject(new Error(detail));
+        }
+      };
+      xhr.onerror = () => reject(new Error('Network error'));
+      xhr.send(fd);
+    });
+  }
+
+  async function copyShareLink() {
+    const url = roomKey ? `${shareUrl}#${roomKey}` : shareUrl;
+    await navigator.clipboard.writeText(url);
+    copiedShareLink = true;
+    setTimeout(() => copiedShareLink = false, 2000);
+  }
+
+  async function inviteHost() {
+    isInviting = true;
+    try {
+      const res = await fetch(Api.REVERSE.ROOM_HOSTS(room_id), {
+        method: 'POST',
+        credentials: 'include',
+        headers: { 'X-Host-Token': hostToken }
+      });
+      if (!res.ok) throw new Error((await res.json()).detail || `HTTP ${res.status}`);
+
+      const { host_token } = await res.json();
+      const inviteUrl = `${window.location.origin}/reverse/${room_id}#${host_token}${roomKey ? `:${roomKey}` : ''}`;
+      await navigator.clipboard.writeText(inviteUrl);
+      copiedInviteLink = true;
+      toast.success('Host invite link copied to clipboard');
+      setTimeout(() => copiedInviteLink = false, 3000);
+    } catch (e: any) {
+      toast.error(`Failed to create invite: ${e.message || String(e)}`);
+    } finally {
+      isInviting = false;
+    }
+  }
+
+  async function copyDownloadLink(key: string) {
+    const url = downloadPageHref(key);
+    await navigator.clipboard.writeText(url);
+    copiedFileKeys = new Set([...copiedFileKeys, key]);
+    setTimeout(() => {
+      copiedFileKeys.delete(key);
+      copiedFileKeys = new Set(copiedFileKeys);
+    }, 2000);
+  }
+
+  function leaveRoom() {
+    ws.close();
+    cleanup();
+    goto('/reverse');
+  }
+
+  async function downloadFile(f: RoomFileEntry) {
+    const downloaded = downloadedFiles.find((d) => d.key === f.key);
+    if (downloaded?.objectUrl) {
+      autoDownload(downloaded.objectUrl, f.filename);
+      return;
+    }
+
+    if (receiveState.type !== 'idle') {
+      toast.error('Another file is currently being received.');
+      return;
+    }
+
+    receiveState = {
+      type: 'streaming',
+      key: f.key,
+      filename: f.filename,
+      size: f.size,
+      received: 0,
+      chunks: []
+    };
+
+    if (ws.connected) ws.send({ type: 'request_file', key: f.key });
+    else {
+      toast.error('WebSocket not connected. Cannot request file.');
+      receiveState = { type: 'idle' };
+    }
+  }
+
+  function cleanup() {
+    downloadedFiles.forEach((f) => f.objectUrl && URL.revokeObjectURL(f.objectUrl));
+  }
 </script>
 
-{#if loadStatus === 'loading'}
-	<div class="flex min-h-[70vh] items-center justify-center">
-		<div class="flex items-center gap-3 text-muted-foreground">
-			<LoaderCircle class="h-6 w-6 animate-spin" />
-			<span>Loading room…</span>
-		</div>
-	</div>
+{#if showKeyPrompt}
+  <div class="flex min-h-[70vh] items-center justify-center p-4">
+    <div class="w-full max-w-2xl">
+      <Card.Root>
+        <Card.Header><Card.Title class="flex items-center gap-2"><Upload class="h-5 w-5" />Enter Room Key</Card.Title></Card.Header>
+        <Card.Content class="space-y-4">
+          <Field.Field>
+            <Field.Label>Room Key</Field.Label>
+            <Field.Content>
+              <Input type="password" placeholder="Paste room key here" bind:value={keyInput} onkeydown={(e) => e.key === 'Enter' && submitKey()} />
+            </Field.Content>
+          </Field.Field>
+          <p class="text-sm text-muted-foreground">This key is required to encrypt and decrypt files in this room.</p>
+        </Card.Content>
+        <Card.Footer class="flex gap-2">
+          <Button variant="outline" onclick={() => goto('/reverse')}><ArrowLeft class="mr-1 h-4 w-4" />Back</Button>
+          <Button onclick={submitKey} class="flex-1">Enter Key</Button>
+        </Card.Footer>
+      </Card.Root>
+    </div>
+  </div>
+{:else if loadStatus === 'loading'}
+  <div class="flex min-h-[70vh] items-center justify-center">
+    <div class="flex items-center gap-3 text-muted-foreground"><Spinner class="size-6" /><span>Loading room…</span></div>
+  </div>
 {:else if loadStatus === 'not_found'}
-	<div class="flex min-h-[70vh] items-center justify-center p-4">
-		<div class="space-y-4 text-center">
-			<h2 class="text-2xl font-bold">Room Not Found</h2>
-			<p class="text-muted-foreground">This room doesn't exist or has expired.</p>
-			<Button onclick={() => goto('/reverse')}>
-				<ArrowLeft class="mr-2 h-4 w-4" />
-				Back to Reverse Share
-			</Button>
-		</div>
-	</div>
+  <div class="flex min-h-[70vh] items-center justify-center p-4">
+    <div class="space-y-4 text-center">
+      <h2 class="text-2xl font-bold">Room Not Found</h2>
+      <p class="text-muted-foreground">This room doesn't exist or has expired.</p>
+      <Button onclick={() => goto('/reverse')}><ArrowLeft class="mr-2 h-4 w-4" />Back to Reverse Share</Button>
+    </div>
+  </div>
 {:else if loadStatus === 'error'}
-	<div class="flex min-h-[70vh] items-center justify-center p-4">
-		<div class="space-y-4 text-center">
-			<h2 class="text-2xl font-bold">Something went wrong</h2>
-			<p class="text-muted-foreground">Failed to load the room. Please try again.</p>
-			<div class="flex justify-center gap-2">
-				<Button variant="outline" onclick={() => goto('/reverse')}>
-					<ArrowLeft class="mr-2 h-4 w-4" />
-					Go Back
-				</Button>
-				<Button onclick={loadRoom}>Retry</Button>
-			</div>
-		</div>
-	</div>
+  <div class="flex min-h-[70vh] items-center justify-center p-4">
+    <div class="space-y-4 text-center">
+      <h2 class="text-2xl font-bold">Something went wrong</h2>
+      <p class="text-muted-foreground">Failed to load the room. Please try again.</p>
+      <div class="flex justify-center gap-2">
+        <Button variant="outline" onclick={() => goto('/reverse')}><ArrowLeft class="mr-2 h-4 w-4" />Go Back</Button>
+        <Button onclick={loadRoom}>Retry</Button>
+      </div>
+    </div>
+  </div>
 {:else if loadStatus === 'loaded' && room}
-	<div class="mx-auto max-w-3xl space-y-6 p-4">
-		<!-- Header -->
-		<div class="flex flex-wrap items-center justify-between gap-3">
-			<div class="space-y-1">
-				<div class="flex items-center gap-2">
-					<h1 class="text-2xl font-bold">{room.name}</h1>
-					<Badge variant="default">Host</Badge>
-					<Tooltip.Provider>
-						<Tooltip.Root>
-							<Tooltip.Trigger>
-								<Badge variant="outline" class="gap-1">
-									<Users class="h-3 w-3" />
-									{room.connected_hosts}
-									{room.connected_hosts === 1 ? 'host' : 'hosts'}
-								</Badge>
-							</Tooltip.Trigger>
-							<Tooltip.Content>
-								{room.connected_hosts} host{room.connected_hosts === 1 ? '' : 's'} online
-							</Tooltip.Content>
-						</Tooltip.Root>
-					</Tooltip.Provider>
-					<Tooltip.Provider>
-						<Tooltip.Root>
-							<Tooltip.Trigger>
-								{#if wsConnected}
-									<Wifi class="h-4 w-4 text-muted-foreground" />
-								{:else}
-									<WifiOff class="h-4 w-4 text-destructive" />
-								{/if}
-							</Tooltip.Trigger>
-							<Tooltip.Content>
-								{wsConnected ? 'WebSocket connected' : 'Disconnected'}
-							</Tooltip.Content>
-						</Tooltip.Root>
-					</Tooltip.Provider>
-				</div>
-				<p class="text-sm text-muted-foreground">
-					Expires: {new Date(room.expires_at).toLocaleString()}
-				</p>
-			</div>
-
-			<div class="flex items-center gap-2">
-				<Tooltip.Provider>
-					<Tooltip.Root>
-						<Tooltip.Trigger>
-							<Button variant="outline" size="sm" onclick={copyShareLink}>
-								{#if copiedShareLink}
-									<Check class="mr-1 h-4 w-4 text-green-500" />
-									Copied!
-								{:else}
-									<Link class="mr-1 h-4 w-4" />
-									Share Link
-								{/if}
-							</Button>
-						</Tooltip.Trigger>
-						<Tooltip.Content>{shareUrl}</Tooltip.Content>
-					</Tooltip.Root>
-				</Tooltip.Provider>
-
-				<Tooltip.Provider>
-					<Tooltip.Root>
-						<Tooltip.Trigger>
-							<Button variant="outline" size="sm" onclick={inviteHost} disabled={isInviting}>
-								{#if copiedInviteLink}
-									<Check class="mr-1 h-4 w-4 text-green-500" />
-									Copied!
-								{:else if isInviting}
-									<LoaderCircle class="mr-1 h-4 w-4 animate-spin" />
-									Inviting…
-								{:else}
-									<UserPlus class="mr-1 h-4 w-4" />
-									Invite Host
-								{/if}
-							</Button>
-						</Tooltip.Trigger>
-						<Tooltip.Content>Generate and copy a host invite link</Tooltip.Content>
-					</Tooltip.Root>
-				</Tooltip.Provider>
-
-				<Button variant="outline" size="sm" onclick={leaveRoom}>
-					<ArrowLeft class="mr-1 h-4 w-4" />
-					Leave
-				</Button>
-			</div>
-		</div>
-
-		<Separator />
-
-		<!-- Upload Section -->
-		<Card>
-			<CardHeader>
-				<CardTitle class="flex items-center gap-2 text-base">
-					<Upload class="h-4 w-4" />
-					Upload Files
-				</CardTitle>
-				<CardDescription>
-					Files you upload are pushed to all connected clients via WebSocket.
-				</CardDescription>
-			</CardHeader>
-			<CardContent class="space-y-4">
-				<div
-					class="flex cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/30 px-6 py-10 transition-colors hover:border-primary/60"
-					onclick={() => fileInput?.click()}
-					onkeydown={(e) => e.key === 'Enter' && fileInput?.click()}
-					role="button"
-					tabindex="0"
-					ondragover={(e) => e.preventDefault()}
-					ondrop={(e) => {
-						e.preventDefault();
-						addFiles(e.dataTransfer?.files ?? null);
-					}}
-				>
-					<Plus class="mb-2 h-8 w-8 text-muted-foreground" />
-					<p class="text-sm text-muted-foreground">Click or drop files here</p>
-					<input
-						bind:this={fileInput}
-						type="file"
-						multiple
-						class="hidden"
-						onchange={(e) => addFiles((e.currentTarget as HTMLInputElement).files)}
-					/>
-				</div>
-
-				{#if pendingFiles.length > 0}
-					<ScrollArea class="max-h-64 w-full rounded-md border p-2">
-						<div class="space-y-2">
-							<p class="text-xs font-medium tracking-wide text-muted-foreground uppercase">
-								Queued — {formatFileSize(totalUploadSize)}
-							</p>
-							{#each pendingFiles as file, i}
-								<div class="flex items-center gap-3 rounded-md border px-3 py-2">
-									<FileIcon class="h-4 w-4 shrink-0 text-muted-foreground" />
-									<span class="min-w-0 flex-1 truncate text-sm">{file.name}</span>
-									<span class="shrink-0 text-xs text-muted-foreground"
-										>{formatFileSize(file.size)}</span
-									>
-									<Button
-										variant="ghost"
-										size="icon"
-										class="h-7 w-7 shrink-0 text-muted-foreground hover:text-destructive"
-										onclick={() => removePendingFile(i)}
-										aria-label="Remove"
-									>
-										<X class="h-4 w-4" />
-									</Button>
-								</div>
-							{/each}
-						</div>
-					</ScrollArea>
-				{/if}
-
-				{#if isUploading || (uploads.length > 0 && completedUploads < totalUploads)}
-					<div class="space-y-1">
-						<div class="flex justify-between text-xs">
-							<span class="text-muted-foreground"
-								>Overall — {completedUploads}/{totalUploads} files</span
-							>
-							<span class="text-muted-foreground">{overallProgress.current.toFixed(0)}%</span>
-						</div>
-						<Progress value={overallProgress.current} max={100} />
-					</div>
-				{/if}
-
-				{#if uploads.length > 0}
-					<div class="space-y-2">
-						{#each uploads as u}
-							<div class="space-y-1 rounded-md border px-3 py-2">
-								<div class="flex items-center gap-2">
-									<FileIcon class="h-4 w-4 shrink-0 text-muted-foreground" />
-									<span class="min-w-0 flex-1 truncate text-sm">{u.file.name}</span>
-									<span class="shrink-0 text-xs text-muted-foreground"
-										>{formatFileSize(u.file.size)}</span
-									>
-									{#if u.status === 'done'}
-										<Check class="h-4 w-4 shrink-0 text-green-500" />
-									{:else if u.status === 'error'}
-										<X class="h-4 w-4 shrink-0 text-destructive" />
-									{:else if u.status === 'uploading'}
-										{#if isEncrypting}
-											<span class="animate-pulse text-xs text-muted-foreground">Encrypting…</span>
-										{:else}
-											<LoaderCircle class="h-4 w-4 shrink-0 animate-spin text-muted-foreground" />
-										{/if}
-									{/if}
-								</div>
-								{#if u.status === 'uploading' || u.status === 'pending'}
-									{#if u.status === 'uploading' && isEncrypting}
-										<Progress value={encryptionProgress.current} max={100} class="h-1" />
-									{:else}
-										<Progress value={u.progress.current} max={100} class="h-1" />
-									{/if}
-								{/if}
-							</div>
-						{/each}
-					</div>
-				{/if}
-			</CardContent>
-			<CardFooter>
-				<Button
-					onclick={uploadAll}
-					disabled={pendingFiles.length === 0 || isUploading}
-					class="w-full"
-				>
-					{#if isUploading}
-						<LoaderCircle class="mr-2 h-4 w-4 animate-spin" />
-						Uploading…
-					{:else}
-						<Upload class="mr-2 h-4 w-4" />
-						Upload {pendingFiles.length > 0
-							? `${pendingFiles.length} file${pendingFiles.length > 1 ? 's' : ''}`
-							: 'Files'}
-					{/if}
-				</Button>
-			</CardFooter>
-		</Card>
-
-		<!-- Shared Files List -->
-		<Card>
-			<CardHeader>
-				<CardTitle class="flex items-center justify-between text-base">
-					<span class="flex items-center gap-2">
-						<Users class="h-4 w-4" />
-						Shared Files
-					</span>
-					<Badge variant="outline">{roomFiles.length + remoteUploads.length}</Badge>
-				</CardTitle>
-			</CardHeader>
-			<CardContent>
-				{#if roomFiles.length === 0 && remoteUploads.length === 0}
-					<div class="flex flex-col items-center gap-2 py-8 text-sm text-muted-foreground">
-						<FileIcon class="h-8 w-8 opacity-40" />
-						<span>No files uploaded yet.</span>
-					</div>
-				{:else}
-					<ScrollArea class="max-h-96 w-full rounded-md border p-2">
-						<div class="space-y-2">
-							{#each remoteUploads as u}
-								<div class="space-y-1 rounded-md border bg-muted/20 px-3 py-2">
-									<div class="flex items-center gap-2">
-										<FileIcon class="h-4 w-4 shrink-0 text-muted-foreground" />
-										<span class="min-w-0 flex-1 truncate text-sm"
-											>{getDisplayFilename(u.filename)}</span
-										>
-										<span class="shrink-0 text-xs text-muted-foreground">
-											{formatFileSize(u.uploadedBytes)} / {formatFileSize(u.size)}
-										</span>
-										<LoaderCircle class="h-4 w-4 shrink-0 animate-spin text-muted-foreground" />
-									</div>
-									<Progress value={u.progress.current} max={100} class="h-1" />
-								</div>
-							{/each}
-
-							{#each roomFiles as f}
-								{@const downloaded = downloadedFiles.find((d) => d.key === f.key)}
-								{@const isThisStreaming =
-									receiveState.type === 'streaming' && receiveState.key === f.key}
-								{@const isThisProcessing =
-									receiveState.type === 'processing' && receiveState.key === f.key}
-								{@const isAnyActive = isAnyStreaming || isAnyProcessing}
-								{@const displayName = getDisplayFilename(f.filename)}
-								<div class="rounded-md border px-3 py-2">
-									<div class="flex items-center gap-3">
-										<FileIcon class="h-4 w-4 shrink-0 text-muted-foreground" />
-										<div class="min-w-0 flex-1">
-											<div class="flex items-center gap-2">
-												<p class="truncate text-sm font-medium">
-													{displayName}
-												</p>
-												{#if downloaded}
-													<Badge
-														variant="outline"
-														class="h-4 border-green-200 bg-green-50 px-1 text-[10px] text-green-600 uppercase"
-													>
-														Saved
-													</Badge>
-												{/if}
-											</div>
-											<p class="text-xs text-muted-foreground">{formatFileSize(f.size)}</p>
-										</div>
-
-										{#if isThisStreaming || isThisProcessing}
-											<div class="flex items-center gap-2 text-xs text-muted-foreground">
-												{#if isDecrypting || isThisProcessing}
-													<span class="animate-pulse">Decrypting…</span>
-													<span class="font-mono">{decryptionProgress.current.toFixed(0)}%</span>
-												{:else}
-													<span class="animate-pulse">Receiving…</span>
-													<span class="font-mono">{streamProgress.toFixed(0)}%</span>
-												{/if}
-											</div>
-										{/if}
-
-										<div class="flex items-center gap-1">
-											<Button
-												size="sm"
-												variant="ghost"
-												class="h-7 shrink-0 px-2"
-												onclick={() => copyDownloadLink(f.key)}
-											>
-												{#if copiedFileKeys.has(f.key)}
-													<Check class="h-3.5 w-3.5 text-green-500" />
-												{:else}
-													<Copy class="h-3.5 w-3.5" />
-												{/if}
-											</Button>
-
-											{#if downloaded}
-												<Button
-													size="sm"
-													variant="default"
-													class="h-7 shrink-0 gap-1 px-2 text-xs"
-													onclick={() => downloadFile(f)}
-													disabled={isAnyActive && currentTransferKey !== f.key}
-												>
-													<Download class="h-3.5 w-3.5" />
-													Save
-												</Button>
-											{:else}
-												<Button
-													size="sm"
-													variant="outline"
-													class="h-7 shrink-0 gap-1 px-2 text-xs"
-													onclick={() => downloadFile(f)}
-													disabled={isAnyActive && currentTransferKey !== f.key}
-												>
-													<Download class="h-3.5 w-3.5" />
-													Download
-												</Button>
-											{/if}
-
-											<a
-												href={downloadPageHref(f.key)}
-												class="inline-flex h-7 shrink-0 items-center gap-1 px-2 text-xs"
-											>
-												<Link class="h-3.5 w-3.5" />
-												<span>Download Page</span>
-											</a>
-										</div>
-									</div>
-									{#if isThisStreaming || isThisProcessing}
-										{#if isDecrypting || isThisProcessing}
-											<Progress value={decryptionProgress.current} max={100} class="mt-2 h-1" />
-										{:else}
-											<Progress value={streamProgress} max={100} class="mt-2 h-1" />
-										{/if}
-									{/if}
-								</div>
-							{/each}
-						</div>
-					</ScrollArea>
-				{/if}
-			</CardContent>
-		</Card>
-	</div>
+  <div class="mx-auto max-w-3xl space-y-6 p-4">
+    <!-- Header -->
+    <div class="flex flex-wrap items-center justify-between gap-3">
+      <div class="space-y-1">
+        <div class="flex items-center gap-2">
+          <h1 class="text-2xl font-bold">{room.name}</h1>
+          <Badge variant="default">Host</Badge>
+          <Tooltip.Provider>
+            <Tooltip.Root>
+              <Tooltip.Trigger>
+                <Badge variant="outline" class="gap-1">
+                  <Users class="h-3 w-3" />
+                  {room.connected_hosts}
+                  {room.connected_hosts === 1 ? 'host' : 'hosts'}
+                </Badge>
+              </Tooltip.Trigger>
+              <Tooltip.Content>
+                {room.connected_hosts} host{room.connected_hosts === 1 ? '' : 's'} online
+              </Tooltip.Content>
+            </Tooltip.Root>
+          </Tooltip.Provider>
+          <Tooltip.Provider>
+            <Tooltip.Root>
+              <Tooltip.Trigger>
+                {#if ws.connected}
+                  <Wifi class="h-4 w-4 text-muted-foreground" />
+                {:else}
+                  <WifiOff class="h-4 w-4 text-destructive" />
+                {/if}
+              </Tooltip.Trigger>
+              <Tooltip.Content>
+                {ws.connected ? 'WebSocket connected' : 'Disconnected'}
+              </Tooltip.Content>
+            </Tooltip.Root>
+          </Tooltip.Provider>
+        </div>
+        <p class="text-sm text-muted-foreground">
+          Expires: {formatDate(room.expires_at)}
+        </p>
+      </div>
+
+      <div class="flex items-center gap-2">
+        <Tooltip.Provider>
+          <Tooltip.Root>
+            <Tooltip.Trigger>
+              <Button variant="outline" size="sm" onclick={copyShareLink}>
+                {#if copiedShareLink}
+                  <Check class="mr-1 h-4 w-4 text-green-500" />
+                  Copied!
+                {:else}
+                  <Link class="mr-1 h-4 w-4" />
+                  Share Link
+                {/if}
+              </Button>
+            </Tooltip.Trigger>
+            <Tooltip.Content>{shareUrl}</Tooltip.Content>
+          </Tooltip.Root>
+        </Tooltip.Provider>
+
+        <Tooltip.Provider>
+          <Tooltip.Root>
+            <Tooltip.Trigger>
+              <Button variant="outline" size="sm" onclick={inviteHost} disabled={isInviting}>
+                {#if copiedInviteLink}
+                  <Check class="mr-1 h-4 w-4 text-green-500" />
+                  Copied!
+                {:else if isInviting}
+                  <Spinner class="mr-1" />
+                  Inviting…
+                {:else}
+                  <UserPlus class="mr-1 h-4 w-4" />
+                  Invite Host
+                {/if}
+              </Button>
+            </Tooltip.Trigger>
+            <Tooltip.Content>Generate and copy a host invite link</Tooltip.Content>
+          </Tooltip.Root>
+        </Tooltip.Provider>
+
+        <Button variant="outline" size="sm" onclick={leaveRoom}>
+          <ArrowLeft class="mr-1 h-4 w-4" />
+          Leave
+        </Button>
+      </div>
+    </div>
+
+    <Separator />
+
+    <!-- Upload Section -->
+    <Card.Root>
+      <Card.Header>
+        <Card.Title class="flex items-center gap-2 text-base">
+          <Upload class="h-4 w-4" />
+          Upload Files
+        </Card.Title>
+        <Card.Description>
+          Files you upload are pushed to all connected clients via WebSocket.
+        </Card.Description>
+      </Card.Header>
+      <Card.Content class="space-y-4">
+        <div
+          class="flex cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/30 px-6 py-10 transition-colors hover:border-primary/60"
+          onclick={() => fileInput?.click()}
+          onkeydown={(e) => e.key === 'Enter' && fileInput?.click()}
+          role="button"
+          tabindex="0"
+          ondragover={(e) => e.preventDefault()}
+          ondrop={(e) => {
+            e.preventDefault();
+            addFiles(e.dataTransfer?.files ?? null);
+          }}
+        >
+          <Plus class="mb-2 h-8 w-8 text-muted-foreground" />
+          <p class="text-sm text-muted-foreground">Click or drop files here</p>
+          <input
+            bind:this={fileInput}
+            type="file"
+            multiple
+            class="hidden"
+            onchange={(e) => addFiles((e.currentTarget as HTMLInputElement).files)}
+          />
+        </div>
+
+        {#if pendingFiles.length > 0}
+          <ScrollArea class="max-h-64 w-full rounded-md border p-2">
+            <div class="space-y-2">
+              <p class="text-xs font-medium tracking-wide text-muted-foreground uppercase">
+                Queued — {formatFileSize(totalUploadSize)}
+              </p>
+              {#each pendingFiles as file, i}
+                <div class="flex items-center gap-3 rounded-md border px-3 py-2">
+                  <FileIcon class="h-4 w-4 shrink-0 text-muted-foreground" />
+                  <span class="min-w-0 flex-1 truncate text-sm">{file.name}</span>
+                  <span class="shrink-0 text-xs text-muted-foreground">{formatFileSize(file.size)}</span>
+                  <Button
+                    variant="ghost"
+                    size="icon"
+                    class="h-7 w-7 shrink-0 text-muted-foreground hover:text-destructive"
+                    onclick={() => removePendingFile(i)}
+                    aria-label="Remove"
+                  >
+                    <X class="h-4 w-4" />
+                  </Button>
+                </div>
+              {/each}
+            </div>
+          </ScrollArea>
+        {/if}
+
+        {#if isUploading || (uploads.length > 0 && completedUploads < totalUploads)}
+          <div class="space-y-1">
+            <div class="flex justify-between text-xs">
+              <span class="text-muted-foreground">Overall — {completedUploads}/{totalUploads} files</span>
+              <span class="text-muted-foreground">{overallProgress.current.toFixed(0)}%</span>
+            </div>
+            <Progress value={overallProgress.current} max={100} />
+          </div>
+        {/if}
+
+        {#if uploads.length > 0}
+          <div class="space-y-2">
+            {#each uploads as u}
+              <div class="space-y-1 rounded-md border px-3 py-2">
+                <div class="flex items-center gap-2">
+                  <FileIcon class="h-4 w-4 shrink-0 text-muted-foreground" />
+                  <span class="min-w-0 flex-1 truncate text-sm">{u.file.name}</span>
+                  <span class="shrink-0 text-xs text-muted-foreground">{formatFileSize(u.file.size)}</span>
+                  {#if u.status === 'done'}
+                    <Check class="h-4 w-4 shrink-0 text-green-500" />
+                  {:else if u.status === 'error'}
+                    <X class="h-4 w-4 shrink-0 text-destructive" />
+                  {:else if u.status === 'uploading'}
+                    {#if isEncrypting}
+                      <span class="animate-pulse text-xs text-muted-foreground">Encrypting…</span>
+                    {:else}
+                      <Spinner class="size-4 shrink-0 text-muted-foreground" />
+                    {/if}
+                  {/if}
+                </div>
+                {#if u.status === 'uploading' || u.status === 'pending'}
+                  {#if u.status === 'uploading' && isEncrypting}
+                    <Progress value={encryptionProgress.current} max={100} class="h-1" />
+                  {:else}
+                    <Progress value={u.progress.current} max={100} class="h-1" />
+                  {/if}
+                {/if}
+              </div>
+            {/each}
+          </div>
+        {/if}
+      </Card.Content>
+      <Card.Footer>
+        <Button
+          onclick={uploadAll}
+          disabled={pendingFiles.length === 0 || isUploading}
+          class="w-full"
+        >
+          {#if isUploading}
+            <Spinner />
+            Uploading…
+          {:else}
+            <Upload class="mr-2 h-4 w-4" />
+            Upload {pendingFiles.length > 0
+              ? `${pendingFiles.length} file${pendingFiles.length > 1 ? 's' : ''}`
+              : 'Files'}
+          {/if}
+        </Button>
+      </Card.Footer>
+    </Card.Root>
+
+    <!-- Shared Files List -->
+    <Card.Root>
+      <Card.Header>
+        <Card.Title class="flex items-center justify-between text-base">
+          <span class="flex items-center gap-2">
+            <Users class="h-4 w-4" />
+            Shared Files
+          </span>
+          <Badge variant="outline">{roomFiles.length + remoteUploads.length}</Badge>
+        </Card.Title>
+      </Card.Header>
+      <Card.Content>
+        {#if roomFiles.length === 0 && remoteUploads.length === 0}
+          <div class="flex flex-col items-center gap-2 py-8 text-sm text-muted-foreground">
+            <FileIcon class="h-8 w-8 opacity-40" />
+            <span>No files uploaded yet.</span>
+          </div>
+        {:else}
+          <ScrollArea class="max-h-96 w-full rounded-md border p-2">
+            <div class="space-y-2">
+              {#each remoteUploads as u}
+                <div class="space-y-1 rounded-md border bg-muted/20 px-3 py-2">
+                  <div class="flex items-center gap-2">
+                    <FileIcon class="h-4 w-4 shrink-0 text-muted-foreground" />
+                    <span class="min-w-0 flex-1 truncate text-sm">{getDisplayFilename(u.filename)}</span>
+                    <span class="shrink-0 text-xs text-muted-foreground">
+                      {formatFileSize(u.uploadedBytes)} / {formatFileSize(u.size)}
+                    </span>
+                    <Spinner class="size-4 shrink-0 text-muted-foreground" />
+                  </div>
+                  <Progress value={u.progress.current} max={100} class="h-1" />
+                </div>
+              {/each}
+
+              {#each roomFiles as f}
+                {@const downloaded = downloadedFiles.find((d) => d.key === f.key)}
+                {@const isThisStreaming = receiveState.type === 'streaming' && receiveState.key === f.key}
+                {@const isThisProcessing = receiveState.type === 'processing' && receiveState.key === f.key}
+                {@const isAnyActive = isAnyStreaming || isAnyProcessing}
+                {@const displayName = getDisplayFilename(f.filename)}
+                <div class="rounded-md border px-3 py-2">
+                  <div class="flex items-center gap-3">
+                    <FileIcon class="h-4 w-4 shrink-0 text-muted-foreground" />
+                    <div class="min-w-0 flex-1">
+                      <div class="flex items-center gap-2">
+                        <p class="truncate text-sm font-medium">{displayName}</p>
+                        {#if downloaded}
+                          <Badge
+                            variant="outline"
+                            class="h-4 border-green-200 bg-green-50 px-1 text-[10px] text-green-600 uppercase"
+                          >
+                            Saved
+                          </Badge>
+                        {/if}
+                      </div>
+                      <p class="text-xs text-muted-foreground">{formatFileSize(f.size)}</p>
+                    </div>
+
+                    {#if isThisStreaming || isThisProcessing}
+                      <div class="flex items-center gap-2 text-xs text-muted-foreground">
+                        {#if isDecrypting || isThisProcessing}
+                          <span class="animate-pulse">Decrypting…</span>
+                          <span class="font-mono">{decryptionProgress.current.toFixed(0)}%</span>
+                        {:else}
+                          <span class="animate-pulse">Receiving…</span>
+                          <span class="font-mono">{streamProgress.toFixed(0)}%</span>
+                        {/if}
+                      </div>
+                    {/if}
+
+                    <div class="flex items-center gap-1">
+                      <Button
+                        size="sm"
+                        variant="ghost"
+                        class="h-7 shrink-0 px-2"
+                        onclick={() => copyDownloadLink(f.key)}
+                      >
+                        {#if copiedFileKeys.has(f.key)}
+                          <Check class="h-3.5 w-3.5 text-green-500" />
+                        {:else}
+                          <Copy class="h-3.5 w-3.5" />
+                        {/if}
+                      </Button>
+
+                      {#if downloaded}
+                        <Button
+                          size="sm"
+                          variant="default"
+                          class="h-7 shrink-0 gap-1 px-2 text-xs"
+                          onclick={() => downloadFile(f)}
+                          disabled={isAnyActive && currentTransferKey !== f.key}
+                        >
+                          <Download class="h-3.5 w-3.5" />
+                          Save
+                        </Button>
+                      {:else}
+                        <Button
+                          size="sm"
+                          variant="outline"
+                          class="h-7 shrink-0 gap-1 px-2 text-xs"
+                          onclick={() => downloadFile(f)}
+                          disabled={isAnyActive && currentTransferKey !== f.key}
+                        >
+                          <Download class="h-3.5 w-3.5" />
+                          Download
+                        </Button>
+                      {/if}
+
+                      <a
+                        href={downloadPageHref(f.key)}
+                        class="inline-flex h-7 shrink-0 items-center gap-1 px-2 text-xs"
+                      >
+                        <Link class="h-3.5 w-3.5" />
+                        <span>Download Page</span>
+                      </a>
+                    </div>
+                  </div>
+                  {#if isThisStreaming || isThisProcessing}
+                    {#if isDecrypting || isThisProcessing}
+                      <Progress value={decryptionProgress.current} max={100} class="mt-2 h-1" />
+                    {:else}
+                      <Progress value={streamProgress} max={100} class="mt-2 h-1" />
+                    {/if}
+                  {/if}
+                </div>
+              {/each}
+            </div>
+          </ScrollArea>
+        {/if}
+      </Card.Content>
+    </Card.Root>
+  </div>
 {/if}
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/room.svelte.ts b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/room.svelte.ts
new file mode 100644
index 00000000..f611a5a9
--- /dev/null
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/room.svelte.ts
@@ -0,0 +1,275 @@
+import { autoDownload } from '$lib/functions/browser-download';
+import { Api } from '#consts/backend';
+import { createDecryptedStream } from '#functions/streams';
+import { toast } from 'svelte-sonner';
+import { handleBinaryChunk } from './functions';
+import type { DownloadedFile, ReceiveState, RemoteUpload, RoomFileEntry, RoomOut } from './types';
+
+/**
+ * Factory for shared reactive room state.
+ * Used by both host and client components to eliminate duplication.
+ *
+ * State machine: idle → streaming → processing → idle (success/error)
+ */
+export function createRoomStore(opts: {
+	room_id: () => string;
+	room_key: () => string | null;
+}) {
+	// --- Reactive state ---
+	let room = $state<RoomOut | null>(null);
+	let loadStatus = $state<'loading' | 'error' | 'success'>('loading');
+	let roomFiles = $state<RoomFileEntry[]>([]);
+	let hostCount = $state(0);
+	let connectedHosts = $state(0);
+	let connectedGuests = $state(0);
+	let receiveState = $state<ReceiveState>({ type: 'idle' });
+	let downloadedFiles = $state<DownloadedFile[]>([]);
+	let remoteUploads = $state<Map<string, RemoteUpload>>(new Map());
+	let copiedFileKeys = $state<Set<string>>(new Set());
+	let wsSend = $state<((data: Record<string, unknown>) => void) | undefined>(undefined);
+
+	/** Current eager download target (client-only) */
+	let eagerTarget = $state<string | null>(null);
+	let downloadPreference = $state<'eager' | 'manual' | null>(null);
+
+	// --- Derived ---
+	let streamProgress = $derived.by(() => {
+		const rs = receiveState;
+		return rs.type === 'streaming' ? (rs.size > 0 ? (rs.received / rs.size) * 100 : 0) : 0;
+	});
+
+	let isAnyStreaming = $derived.by(() => receiveState.type !== 'idle');
+
+	// --- Helpers ---
+	const isDownloaded = (key: string) => downloadedFiles.some(f => f.key === key);
+
+	/** Load room metadata from the API */
+	const load = async (url = Api.REVERSE.ROOM_DETAIL(opts.room_id())) => {
+		loadStatus = 'loading';
+		try {
+			const response = await fetch(url, { headers: { 'X-Room-Key': opts.room_key() ?? '' } });
+			const data = (await response.json()) as RoomOut;
+			room = data;
+			roomFiles = data.files;
+			hostCount = data.host_count;
+			connectedHosts = data.connected_hosts;
+			connectedGuests = data.connected_guests;
+			loadStatus = 'success';
+		} catch {
+			loadStatus = 'error';
+		}
+	};
+
+	/** Apply a room snapshot from the WebSocket */
+	const onSnapshot = (snapshot: Record<string, unknown>) => {
+		if ('files' in snapshot && Array.isArray(snapshot.files)) {
+			roomFiles = snapshot.files as RoomFileEntry[];
+		}
+		if ('host_count' in snapshot) hostCount = snapshot.host_count as number;
+		if ('connected_hosts' in snapshot) connectedHosts = snapshot.connected_hosts as number;
+		if ('connected_guests' in snapshot) connectedGuests = snapshot.connected_guests as number;
+	};
+
+	/** Called when a file is added to the room */
+	const onFileAdded = (file: RoomFileEntry) => {
+		roomFiles = [...roomFiles, file];
+	};
+
+	/**
+	 * Attempt to start receiving a file.
+	 * Returns false if already receiving or file is already downloaded.
+	 */
+	const tryStartReceive = (key: string, filename: string, size: number) => {
+		if (receiveState.type !== 'idle') return false;
+		if (isDownloaded(key)) return false;
+		receiveState = { type: 'streaming', key, filename, size, received: 0, chunks: [] };
+		return true;
+	};
+
+	/** Handle file_end — decrypt if needed, create object URL, append to downloaded files */
+	const onFileEnd = async () => {
+		const rs = receiveState;
+		if (rs.type !== 'streaming') return;
+
+		const { key, filename, size, chunks } = rs;
+		receiveState = { type: 'processing', key, filename, size };
+
+		try {
+			const rk = opts.room_key();
+			const blob = rk
+				? await new Response(
+					await createDecryptedStream(
+						new ReadableStream({
+							start(controller) {
+								for (const chunk of chunks) controller.enqueue(chunk);
+								controller.close();
+							},
+						}),
+						rk,
+						undefined,
+						size
+					)
+				).blob()
+				: new Blob(chunks as BlobPart[]);
+
+			const objectUrl = URL.createObjectURL(blob);
+			downloadedFiles = [...downloadedFiles, { key, filename, size: blob.size, objectUrl }];
+
+			if (eagerTarget === key) {
+				eagerTarget = null;
+				autoDownload(objectUrl, filename);
+				toast.success('File decrypted and ready');
+			}
+		} catch {
+			toast.error('Failed to process file');
+			if (eagerTarget === key) eagerTarget = null;
+		} finally {
+			receiveState = { type: 'idle' };
+		}
+	};
+
+	/** Reset receive state on error */
+	const onFileError = () => {
+		receiveState = { type: 'idle' };
+		if (eagerTarget) eagerTarget = null;
+		toast.error('File transfer failed');
+	};
+
+	/** Remove a file from both room and downloaded lists */
+	const onFileRemoved = (key: string) => {
+		roomFiles = roomFiles.filter(f => f.key !== key);
+		downloadedFiles = downloadedFiles.filter(f => f.key !== key);
+	};
+
+	/** Handle room_destroyed — reset all state */
+	const onRoomDestroyed = () => {
+		room = null;
+		roomFiles = [];
+		hostCount = 0;
+		cleanup();
+	};
+
+	/** Request a file download via WebSocket */
+	const downloadFile = (file: RoomFileEntry) => {
+		if (isDownloaded(file.key)) return;
+		if (receiveState.type !== 'idle') return;
+		if (!wsSend) return;
+
+		receiveState = {
+			type: 'streaming',
+			key: file.key,
+			filename: file.filename,
+			size: file.size,
+			received: 0,
+			chunks: [],
+		};
+
+		wsSend({ type: 'download', key: file.key, filename: file.filename, size: file.size });
+	};
+
+	/** Copy file key to clipboard and track it */
+	const copyFileKey = (key: string) => {
+		navigator.clipboard.writeText(key);
+		copiedFileKeys = new Set([...copiedFileKeys, key]);
+	};
+
+	/** Clear all copied-file tracking */
+	const clearCopied = () => {
+		copiedFileKeys = new Set();
+	};
+
+	/** Upload progress tracking */
+	const onUploadStart = (upload: RemoteUpload) => {
+		remoteUploads = new Map(remoteUploads).set(upload.key, upload);
+	};
+
+	const onUploadProgress = (upload_key: string, uploaded_bytes: number) => {
+		const upload = remoteUploads.get(upload_key);
+		if (upload) {
+			upload.uploadedBytes = uploaded_bytes;
+			upload.progress.set((upload.uploadedBytes / upload.size) * 100);
+		}
+	};
+
+	const onUploadCancelled = (upload_key: string) => {
+		remoteUploads = new Map(remoteUploads);
+		remoteUploads.delete(upload_key);
+	};
+
+	/** Release all object URLs and reset receive state */
+	const cleanup = () => {
+		for (const df of downloadedFiles) {
+			if (df.objectUrl) URL.revokeObjectURL(df.objectUrl);
+		}
+		downloadedFiles = [];
+		receiveState = { type: 'idle' };
+	};
+
+	/** Set the eager download target (client-only) */
+	const setEagerTarget = (key: string | null) => {
+		eagerTarget = key;
+	};
+
+	/** Set download preference (client-only) */
+	const setDownloadPreference = (pref: 'eager' | 'manual') => {
+		downloadPreference = pref;
+	};
+
+	/** Check if eager download should accept the next file */
+	const eagerAcceptNext = (key: string, filename: string, size: number) => {
+		if (downloadPreference !== 'eager') return false;
+		if (eagerTarget === null) return false;
+		if (isDownloaded(key)) return false;
+		eagerTarget = key;
+		return tryStartReceive(key, filename, size);
+	};
+
+	/** Set the WebSocket send function (called after ws-reconnect initializes) */
+	const setWsSend = (send: (data: Record<string, unknown>) => void) => {
+		wsSend = send;
+	};
+
+	/** Whether there are undownloaded files available */
+	const hasUndownloadedFiles = () => roomFiles.length > downloadedFiles.length;
+
+	return {
+		// Reactive getters
+		getRoom: () => room,
+		getLoadStatus: () => loadStatus,
+		getRoomFiles: () => roomFiles,
+		getHostCount: () => hostCount,
+		getConnectedHosts: () => connectedHosts,
+		getConnectedGuests: () => connectedGuests,
+		getReceiveState: () => receiveState,
+		getDownloadedFiles: () => downloadedFiles,
+		getRemoteUploads: () => [...remoteUploads.values()],
+		getCopiedFileKeys: () => copiedFileKeys,
+		getStreamProgress: () => streamProgress,
+		getIsAnyStreaming: () => isAnyStreaming,
+		getEagerTarget: () => eagerTarget,
+		getIsDecrypting: () => receiveState.type === 'processing',
+		getDownloadPreference: () => downloadPreference,
+
+		// Methods
+		load,
+		onSnapshot,
+		onFileAdded,
+		onFileEnd,
+		onFileError,
+		onFileRemoved,
+		onRoomDestroyed,
+		downloadFile,
+		copyFileKey,
+		clearCopied,
+		onUploadStart,
+		onUploadProgress,
+		onUploadCancelled,
+		cleanup,
+		tryStartReceive,
+		setEagerTarget,
+		setDownloadPreference,
+		eagerAcceptNext,
+		setWsSend,
+		hasUndownloadedFiles,
+	};
+}
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/types.ts b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/types.ts
index 1b2cbb21..ac1eeb7c 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/types.ts
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/types.ts
@@ -1,64 +1,9 @@
 import type { Tween } from 'svelte/motion';
 
-export interface RoomFileEntry {
-	key: string;
-	filename: string;
-	size: number;
-	uploaded_at: string;
-	download_url: string;
-}
-export interface ActiveUpload {
-	upload_key: string;
-	filename: string;
-	size: number;
-	uploaded_bytes: number;
-}
-export interface RoomOut {
-	id: string;
-	name: string;
-	expires_at: string;
-	files: RoomFileEntry[];
-	active_uploads: ActiveUpload[];
-	host_count: number;
-	connected_hosts: number;
-	connected_guests: number;
-}
-
-export type ReceiveState =
-	| { type: 'idle' }
-	| {
-			type: 'streaming';
-			key: string;
-			filename: string;
-			size: number;
-			received: number;
-			chunks: BlobPart[];
-	  }
-	| {
-			type: 'processing';
-			key: string;
-			filename: string;
-			size: number;
-	  };
-
-export interface DownloadedFile {
-	key: string;
-	filename: string;
-	size: number;
-	objectUrl?: string;
-}
-
-export interface RemoteUpload {
-	key: string;
-	filename: string;
-	size: number;
-	uploadedBytes: number;
-	progress: Tween<number>;
-}
-
-export interface UploadEntry {
-	file: File;
-	progress: Tween<number>;
-	status: 'pending' | 'uploading' | 'done' | 'error';
-	entry?: RoomFileEntry;
-}
+export interface RoomFileEntry { key: string; filename: string; size: number; uploaded_at: number; download_url: string }
+export interface ActiveUpload { upload_key: string; filename: string; size: number; uploaded_bytes: number }
+export interface RoomOut { id: string; name: string; expires_at: string; files: RoomFileEntry[]; active_uploads: ActiveUpload[]; host_count: number; connected_hosts: number; connected_guests: number }
+export type ReceiveState = { type: 'idle' } | { type: 'streaming'; key: string; filename: string; size: number; received: number; chunks: Uint8Array[] } | { type: 'processing'; key: string; filename: string; size: number };
+export interface DownloadedFile { key: string; filename: string; size: number; objectUrl?: string }
+export interface RemoteUpload { key: string; filename: string; size: number; uploadedBytes: number; progress: Tween<number> }
+export interface UploadEntry { file: File; progress: Tween<number>; status: 'pending' | 'uploading' | 'done' | 'error'; entry?: RoomFileEntry }
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/utils.ts b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/utils.ts
index f95da5f7..5560b527 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/utils.ts
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/utils.ts
@@ -1,16 +1,7 @@
 const hostPattern = /^(?<token>[^:]+):(?<key>[^:]+)$/;
 
-export const isHost = (host: string): boolean => !!host?.includes(':') && hostPattern.test(host);
+const match = (host: string) => hostPattern.exec(host)?.groups;
 
-export const extractEncryptionKey = (host: string) => {
-	if (!host) return null;
-	if (!host.includes(':')) return host;
-
-	return hostPattern.exec(host)?.groups?.key ?? host;
-};
-
-export const extractHostToken = (host: string): string => {
-	if (!host?.includes(':')) return '';
-
-	return hostPattern.exec(host)?.groups?.token ?? '';
-};
+export const isHost = (host: string): boolean => hostPattern.test(host);
+export const extractEncryptionKey = (host: string): string | null => host ? (match(host)?.key ?? host) : null;
+export const extractHostToken = (host: string): string => match(host)?.token ?? '';
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/ws-reconnect.svelte.ts b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/ws-reconnect.svelte.ts
new file mode 100644
index 00000000..ab6d238c
--- /dev/null
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/reverse/[room_id]/ws-reconnect.svelte.ts
@@ -0,0 +1,212 @@
+import { Api } from '#consts/backend';
+import { toast } from 'svelte-sonner';
+import { cubicOut } from 'svelte/easing';
+import { Tween } from 'svelte/motion';
+import { handleBinaryChunk } from './functions';
+import type { ReceiveState, RemoteUpload, RoomFileEntry } from './types';
+
+const INITIAL_DELAY = 1000;
+const MAX_DELAY = 30_000;
+
+interface MessageHandler {
+	onSnapshot?(room: Record<string, unknown>): void;
+	onHostCount?(count: number): void;
+	onConnectionCounts?(hosts: number, guests: number): void;
+	onUploadStart?(entry: RemoteUpload): void;
+	onUploadProgress?(upload_key: string, uploaded_bytes: number): void;
+	onUploadCancelled?(upload_key: string): void;
+	onFileAdded?(file: RoomFileEntry): void;
+	onFileStart?(key: string, filename: string, size: number): void;
+	onFileEnd?(key: string, filename: string, size: number): void;
+	onFileRemoved?(key: string): void;
+	onRoomDestroyed?(): void;
+	onFileError?(detail: string, key: string): void;
+}
+
+export function useWsReconnect(
+	opts: {
+		get_room_id: () => string;
+		get_host_token: () => string | undefined;
+		get_receive_state: () => ReceiveState;
+		get_downloaded_files: () => Array<{ key: string }>;
+		get_room_key: () => string | null;
+	} & MessageHandler
+) {
+	let ws: WebSocket | null = null;
+	let connected = $state(false);
+	let reconnectTimer: ReturnType<typeof setTimeout> | null = null;
+	let delay = INITIAL_DELAY;
+
+	function getWsUrl() {
+		return Api.REVERSE.WS_URL(opts.get_room_id(), opts.get_host_token());
+	}
+
+	function scheduleReconnect() {
+		if (reconnectTimer || ws) return;
+		reconnectTimer = setTimeout(() => {
+			reconnectTimer = null;
+			delay = Math.min(delay * 1.8, MAX_DELAY);
+			connect();
+		}, delay);
+	}
+
+	function clearReconnect() {
+		if (reconnectTimer) {
+			clearTimeout(reconnectTimer);
+			reconnectTimer = null;
+		}
+		delay = INITIAL_DELAY;
+	}
+
+	function connect() {
+		ws?.close();
+		try {
+			const socket = new WebSocket(getWsUrl());
+			socket.binaryType = 'arraybuffer';
+			ws = socket;
+		} catch {
+			scheduleReconnect();
+			return;
+		}
+
+		ws.onopen = () => {
+			connected = true;
+			delay = INITIAL_DELAY;
+		};
+
+		ws.onclose = () => {
+			connected = false;
+			ws = null;
+			scheduleReconnect();
+		};
+
+		ws.onerror = () => {
+			connected = false;
+			toast.error('WebSocket connection error');
+		};
+
+		ws.onmessage = (ev) => handleWsMessage(ev);
+	}
+
+	function handleWsMessage(ev: MessageEvent) {
+		if (ev.data instanceof ArrayBuffer || ev.data instanceof Blob) {
+			handleBinaryChunk(opts.get_receive_state(), ev.data);
+			return;
+		}
+
+		let msg: Record<string, unknown>;
+		try {
+			msg = JSON.parse(ev.data);
+		} catch {
+			return;
+		}
+
+		const type = msg.type as string | undefined;
+		switch (type) {
+			case 'snapshot': {
+				const room = msg.room as Record<string, unknown> | undefined;
+				if (room?.files && Array.isArray(room.files)) {
+					opts.onSnapshot?.(room);
+				}
+				break;
+			}
+			case 'host_count':
+				if (typeof msg.count === 'number') opts.onHostCount?.(msg.count);
+				break;
+			case 'connection_counts': {
+				const hosts = typeof msg.hosts === 'number' ? msg.hosts : undefined;
+				const guests = typeof msg.guests === 'number' ? msg.guests : undefined;
+				if (hosts !== undefined || guests !== undefined)
+					opts.onConnectionCounts?.(hosts ?? 0, guests ?? 0);
+				break;
+			}
+			case 'upload_start': {
+				const key = msg.upload_key as string | undefined;
+				const filename = msg.filename as string | undefined;
+				const size = typeof msg.size === 'number' ? msg.size : 0;
+				if (key && opts.onUploadStart) {
+					opts.onUploadStart({
+						key,
+						filename: filename ?? '',
+						size,
+						uploadedBytes: 0,
+						progress: new Tween(0, { duration: 300, easing: cubicOut })
+					});
+				}
+				break;
+			}
+			case 'upload_progress': {
+				const upload_key = msg.upload_key as string | undefined;
+				const uploaded_bytes = typeof msg.uploaded_bytes === 'number' ? msg.uploaded_bytes : 0;
+				if (upload_key) opts.onUploadProgress?.(upload_key, uploaded_bytes);
+				break;
+			}
+			case 'upload_cancelled': {
+				const key = msg.upload_key as string | undefined;
+				if (key) opts.onUploadCancelled?.(key);
+				break;
+			}
+			case 'file_added': {
+				const file = msg.file as Record<string, unknown> | undefined;
+				if (file && opts.onFileAdded) {
+					opts.onFileAdded(file as unknown as RoomFileEntry);
+				}
+				break;
+			}
+			case 'file_start': {
+				const key = msg.key as string | undefined;
+				const filename = msg.filename as string | undefined;
+				const size = typeof msg.size === 'number' ? msg.size : 0;
+				if (key) opts.onFileStart?.(key, filename ?? '', size);
+				break;
+			}
+			case 'file_end': {
+				const key = msg.key as string | undefined;
+				const filename = msg.filename as string | undefined;
+				const size = typeof msg.size === 'number' ? msg.size : 0;
+				if (key) opts.onFileEnd?.(key, filename ?? '', size);
+				break;
+			}
+			case 'file_error': {
+				const detail = typeof msg.detail === 'string' ? msg.detail : '';
+				const key = msg.key as string | undefined;
+				opts.onFileError?.(detail, key ?? '');
+				break;
+			}
+			case 'file_removed': {
+				const key = msg.key as string | undefined;
+				if (key) opts.onFileRemoved?.(key);
+				break;
+			}
+			case 'room_destroyed':
+				opts.onRoomDestroyed?.();
+				break;
+		}
+	}
+
+	function send(data: Record<string, unknown>) {
+		if (ws?.readyState === WebSocket.OPEN) {
+			ws.send(JSON.stringify(data));
+		}
+	}
+
+	function close() {
+		clearReconnect();
+		if (ws) {
+			ws.onclose = null;
+			ws.close();
+		}
+		ws = null;
+	}
+
+	// Auto-connect on initialization
+	connect();
+
+	return {
+		get connected() {
+			return connected;
+		},
+		send,
+		close
+	};
+}
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/speedtest/+page.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/speedtest/+page.svelte
index b1262f31..93841169 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/speedtest/+page.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/speedtest/+page.svelte
@@ -1,273 +1,131 @@
 <script lang="ts">
-	import { onDestroy } from 'svelte';
-	import { cubicOut } from 'svelte/easing';
-	import { Tween } from 'svelte/motion';
-	import {
-		Card,
-		CardContent,
-		CardDescription,
-		CardFooter,
-		CardHeader,
-		CardTitle
-	} from '$lib/components/ui/card';
-	import * as Chart from '$lib/components/ui/chart';
-	import { Button } from '$lib/components/ui/button';
-	import { Input } from '$lib/components/ui/input';
-	import { Label } from '$lib/components/ui/label';
-	import { Separator } from '$lib/components/ui/separator';
-	import { Play, RotateCw, Activity, ArrowDown, ArrowUp, Timer } from '@lucide/svelte';
-	import { Api } from '#consts/backend';
-	import SpeedtestWorker from './speedtest.worker?worker';
-
-	const { default: SpeedGauge } = await import('./SpeedGauge.svelte');
-	const { default: SpeedGraph } = await import('./SpeedGraph.svelte');
-
-	let worker: Worker | undefined;
-	let status = $state<
-		'idle' | 'measuring latency' | 'downloading' | 'uploading' | 'finished' | 'error' | 'starting'
-	>('idle');
-	let latency = $state(new Tween(0, { duration: 300, easing: cubicOut }));
-	let downloadSpeed = $state(new Tween(0, { duration: 500, easing: cubicOut }));
-	let uploadSpeed = $state(new Tween(0, { duration: 500, easing: cubicOut }));
-	let progress = $state(new Tween(0, { duration: 500, easing: cubicOut }));
-	let errorMsg = $state('');
-
-	let downloadHistory = $state<{ progress: number; speed: number }[]>([]);
-	let uploadHistory = $state<{ progress: number; speed: number }[]>([]);
-
-	let maxSpeed = $state(100); // Dynamic scale for the gauge
-	let testDuration = $state(10);
-
-	function startTest() {
-		if (worker) worker.terminate();
-		worker = new SpeedtestWorker();
-
-		status = 'starting';
-		latency.set(0, { duration: 0 });
-		downloadSpeed.set(0, { duration: 0 });
-		uploadSpeed.set(0, { duration: 0 });
-		progress.set(0, { duration: 0 });
-		downloadHistory = [];
-		uploadHistory = [];
-		errorMsg = '';
-		maxSpeed = 100;
-
-		worker.onmessage = (e) => {
-			const { type } = e.data;
-			if (type === 'phase') {
-				if (e.data.phase === 'latency') status = 'measuring latency';
-				if (e.data.phase === 'download') status = 'downloading';
-				if (e.data.phase === 'upload') status = 'uploading';
-				progress = new Tween(0, { duration: 500, easing: cubicOut });
-			} else if (type === 'progress') {
-				progress.target = e.data.progress * 100;
-				const currentSpeed = e.data.speed; // speed maps to value
-
-				if (e.data.phase === 'latency') latency.target = currentSpeed;
-				if (e.data.phase === 'download') {
-					downloadSpeed.target = currentSpeed;
-					downloadHistory.push({ progress: e.data.progress, speed: currentSpeed });
-					if (currentSpeed > maxSpeed * 0.9) {
-						maxSpeed = Math.max(maxSpeed * 2, Math.ceil(currentSpeed / 100) * 100 * 1.5);
-					}
-				}
-				if (e.data.phase === 'upload') {
-					uploadSpeed.target = currentSpeed;
-					uploadHistory.push({ progress: e.data.progress, speed: currentSpeed });
-					if (currentSpeed > maxSpeed * 0.9) {
-						maxSpeed = Math.max(maxSpeed * 2, Math.ceil(currentSpeed / 100) * 100 * 1.5);
-					}
-				}
-			} else if (type === 'result') {
-				if (e.data.key === 'latency') latency.target = e.data.value;
-				if (e.data.key === 'download') downloadSpeed.target = e.data.value;
-				if (e.data.key === 'upload') uploadSpeed.target = e.data.value;
-			} else if (type === 'finish') {
-				status = 'finished';
-				progress.target = 100;
-			} else if (type === 'error') {
-				status = 'error';
-				errorMsg = e.data.error;
-			}
-		};
-
-		worker.postMessage({ type: 'start', duration: testDuration, urls: Api.SPEEDTEST });
-	}
-
-	onDestroy(() => {
-		if (worker) worker.terminate();
-	});
-
-	// Chart Config
-	const chartConfig = {
-		latency: { label: 'Latency', color: 'var(--chart-1)' },
-		download: { label: 'Download', color: 'var(--chart-2)' },
-		upload: { label: 'Upload', color: 'var(--chart-3)' }
-	} satisfies Chart.ChartConfig;
+  import { cubicOut } from 'svelte/easing';
+  import { Tween } from 'svelte/motion';
+  import * as Card from '$lib/components/ui/card/index.js';
+  import * as Chart from '$lib/components/ui/chart/index.js';
+  import { Button } from '$lib/components/ui/button/index.js';
+  import { Input } from '$lib/components/ui/input/index.js';
+  import * as Field from '$lib/components/ui/field/index.js';
+  import { Separator } from '$lib/components/ui/separator/index.js';
+  import { Play, Activity, ArrowDown, ArrowUp, Timer } from '@lucide/svelte';
+  import { Spinner } from '$lib/components/ui/spinner/index.js';
+  import { Api } from '#consts/backend';
+  import SpeedtestWorker from './speedtest.worker?worker';
+  const { default: SpeedGauge } = await import('./SpeedGauge.svelte');
+  const { default: SpeedGraph } = await import('./SpeedGraph.svelte');
+
+  let worker: Worker | undefined;
+  let status = $state<'idle' | 'measuring latency' | 'downloading' | 'uploading' | 'finished' | 'error' | 'starting'>('idle');
+  let latency = $state(new Tween(0, { duration: 300, easing: cubicOut }));
+  let downloadSpeed = $state(new Tween(0, { duration: 500, easing: cubicOut }));
+  let uploadSpeed = $state(new Tween(0, { duration: 500, easing: cubicOut }));
+  let progress = $state(new Tween(0, { duration: 500, easing: cubicOut }));
+  let errorMsg = $state('');
+  let downloadHistory = $state<{ progress: number; speed: number }[]>([]);
+  let uploadHistory = $state<{ progress: number; speed: number }[]>([]);
+  let maxSpeed = $state(100);
+  let testDuration = $state(10);
+
+  function startTest() {
+    if (worker) worker.terminate();
+    worker = new SpeedtestWorker();
+    status = 'starting';
+    latency.set(0, { duration: 0 }); downloadSpeed.set(0, { duration: 0 }); uploadSpeed.set(0, { duration: 0 }); progress.set(0, { duration: 0 });
+    downloadHistory = []; uploadHistory = []; errorMsg = ''; maxSpeed = 100;
+
+    worker.onmessage = (e) => {
+      const { type } = e.data;
+      if (type === 'phase') {
+        if (e.data.phase === 'latency') status = 'measuring latency';
+        if (e.data.phase === 'download') status = 'downloading';
+        if (e.data.phase === 'upload') status = 'uploading';
+        progress = new Tween(0, { duration: 500, easing: cubicOut });
+      } else if (type === 'progress') {
+        progress.target = e.data.progress * 100;
+        const speed = e.data.speed;
+        if (e.data.phase === 'latency') latency.target = speed;
+        if (e.data.phase === 'download') { downloadSpeed.target = speed; downloadHistory.push({ progress: e.data.progress, speed }); if (speed > maxSpeed * 0.9) maxSpeed = Math.max(maxSpeed * 2, Math.ceil(speed / 100) * 100 * 1.5); }
+        if (e.data.phase === 'upload') { uploadSpeed.target = speed; uploadHistory.push({ progress: e.data.progress, speed }); if (speed > maxSpeed * 0.9) maxSpeed = Math.max(maxSpeed * 2, Math.ceil(speed / 100) * 100 * 1.5); }
+      } else if (type === 'result') {
+        if (e.data.key === 'latency') latency.target = e.data.value;
+        if (e.data.key === 'download') downloadSpeed.target = e.data.value;
+        if (e.data.key === 'upload') uploadSpeed.target = e.data.value;
+      } else if (type === 'finish') { status = 'finished'; progress.target = 100; }
+      else if (type === 'error') { status = 'error'; errorMsg = e.data.error; }
+    };
+    worker.postMessage({ type: 'start', duration: testDuration, urls: Api.SPEEDTEST });
+  }
+
+  $effect(() => { return () => { if (worker) worker.terminate(); }; });
+
+  const activePhase = $derived(status.includes('download') ? 'download' : status.includes('upload') ? 'upload' : null);
+  const currentSpeed = $derived(activePhase === 'download' ? downloadSpeed.current : activePhase === 'upload' ? uploadSpeed.current : 0);
+  const canStart = $derived(['idle', 'finished', 'error'].includes(status));
+
+  const chartConfig = {
+    latency: { label: 'Latency', color: 'var(--chart-1)' },
+    download: { label: 'Download', color: 'var(--chart-2)' },
+    upload: { label: 'Upload', color: 'var(--chart-3)' }
+  } satisfies Chart.ChartConfig;
 </script>
 
 <div class="flex h-full w-full flex-col justify-center">
-	<Card class="mx-auto w-full border-border bg-card transition-all duration-200">
-		<CardHeader>
-			<div class="flex items-center justify-between">
-				<div>
-					<CardTitle class="flex items-center gap-2 text-2xl">
-						<Activity class="h-6 w-6 text-primary" /> Speedtest
-					</CardTitle>
-					<CardDescription>Check your internet connection speed to the server.</CardDescription>
-				</div>
-				<div class="flex h-6 flex-col justify-center">
-					<div
-						class={[
-							'flex items-center gap-2 transition-opacity duration-200',
-							status === 'idle' || status === 'error' ? 'opacity-0' : 'opacity-100'
-						]}
-					>
-						{#if status === 'finished'}
-							<span class="text-sm font-medium tracking-wider text-green-500 uppercase">
-								Test Complete
-							</span>
-						{:else}
-							<span
-								class="animate-pulse text-sm font-medium tracking-wider text-muted-foreground uppercase"
-							>
-								{status}...
-							</span>
-						{/if}
-					</div>
-				</div>
-			</div>
-		</CardHeader>
-		<CardContent class="space-y-8 py-4">
-			<!-- Gauges Container -->
-			<div class="grid grid-cols-1 gap-8 lg:grid-cols-3">
-				<!-- Latency Text -->
-				<div
-					class="flex flex-col items-center justify-center gap-4 rounded-xl border bg-muted/30 p-6 transition-colors"
-				>
-					<div class="flex items-center gap-2 font-semibold text-foreground">
-						<Activity class="h-4 w-4 text-chart-1" />
-						Latency
-					</div>
-					<div class="flex h-36 w-full items-center justify-center md:h-48 xl:h-56">
-						<div class="flex items-baseline gap-1">
-							<span class="text-6xl font-bold text-foreground tabular-nums"
-								>{latency.current.toFixed(0)}</span
-							>
-							<span class="text-xl font-medium text-muted-foreground">ms</span>
-						</div>
-					</div>
-				</div>
-
-				<!-- Download Gauge -->
-				<div
-					class="flex flex-col items-center justify-center gap-4 rounded-xl border bg-muted/30 p-6 transition-colors"
-				>
-					<div class="flex items-center gap-2 font-semibold text-foreground">
-						<ArrowDown class="h-4 w-4 text-chart-2" />
-						Download Speed
-					</div>
-					<div class="relative w-48 xl:w-56">
-						<SpeedGauge
-							value={downloadSpeed.current}
-							activeColor={chartConfig.download.color}
-							unit="Mbps"
-						/>
-					</div>
-				</div>
-
-				<!-- Upload Gauge -->
-				<div
-					class="flex flex-col items-center justify-center gap-4 rounded-xl border bg-muted/30 p-6 transition-colors"
-				>
-					<div class="flex items-center gap-2 font-semibold text-foreground">
-						<ArrowUp class="h-4 w-4 text-chart-3" />
-						Upload Speed
-					</div>
-					<div class="relative w-48 xl:w-56">
-						<SpeedGauge
-							value={uploadSpeed.current}
-							activeColor={chartConfig.upload.color}
-							unit="Mbps"
-						/>
-					</div>
-				</div>
-			</div>
-
-			<!-- Dynamic Graph -->
-			<div class="w-full pt-4">
-				<SpeedGraph
-					{downloadHistory}
-					{uploadHistory}
-					{maxSpeed}
-					{testDuration}
-					downloadColor={chartConfig.download.color}
-					uploadColor={chartConfig.upload.color}
-					activePhase={status.includes('download')
-						? 'download'
-						: status.includes('upload')
-							? 'upload'
-							: null}
-					currentSpeed={status.includes('download')
-						? downloadSpeed.current
-						: status.includes('upload')
-							? uploadSpeed.current
-							: 0}
-					currentProgress={progress.current / 100}
-				/>
-			</div>
-
-			<!-- Status Area -->
-			<div class="relative h-2 w-full">
-				<!-- Error Message -->
-				<div
-					class={[
-						'absolute inset-0 flex items-center justify-center rounded-md border border-destructive/50 bg-destructive/10 text-center text-sm text-destructive transition-all duration-300',
-						status === 'error'
-							? 'translate-y-0 opacity-100'
-							: 'pointer-events-none translate-y-2 opacity-0'
-					]}
-				>
-					Error: {errorMsg}
-				</div>
-			</div>
-
-			<Separator />
-
-			<!-- Settings -->
-			<div class="flex flex-col items-center justify-center gap-6 pt-2">
-				<div class="flex w-full max-w-sm items-end gap-4">
-					<div class="grid w-full gap-1.5">
-						<Label for="duration" class="flex items-center gap-2 text-muted-foreground">
-							<Timer class="h-4 w-4" />
-							Test Duration (seconds)
-						</Label>
-						<Input
-							type="number"
-							id="duration"
-							bind:value={testDuration}
-							min={5}
-							max={60}
-							disabled={status !== 'idle' && status !== 'finished' && status !== 'error'}
-						/>
-					</div>
-				</div>
-			</div>
-		</CardContent>
-		<CardFooter class="flex justify-center pt-4 pb-8">
-			{#if status === 'idle' || status === 'finished' || status === 'error'}
-				<Button
-					size="lg"
-					onclick={startTest}
-					class="w-48 gap-2 text-lg font-semibold shadow-lg transition-all hover:scale-105 active:scale-95"
-				>
-					<Play class="h-5 w-5" /> Start Test
-				</Button>
-			{:else}
-				<Button size="lg" variant="outline" disabled class="w-48 gap-2">
-					<RotateCw class="h-5 w-5 animate-spin" /> Testing...
-				</Button>
-			{/if}
-		</CardFooter>
-	</Card>
+  <Card.Root class="mx-auto w-full border-border bg-card transition-all duration-200">
+    <Card.Header>
+      <div class="flex items-center justify-between">
+        <div>
+          <Card.Title class="flex items-center gap-2 text-2xl"><Activity class="h-6 w-6 text-primary" /> Speedtest</Card.Title>
+          <Card.Description>Check your internet connection speed to the server.</Card.Description>
+        </div>
+        <div class="flex h-6 flex-col justify-center">
+          <div class={['flex items-center gap-2 transition-opacity duration-200', status === 'idle' || status === 'error' ? 'opacity-0' : 'opacity-100']}>
+            {#if status === 'finished'}<span class="text-sm font-medium tracking-wider text-green-500 uppercase">Test Complete</span>
+            {:else}<span class="animate-pulse text-sm font-medium tracking-wider text-muted-foreground uppercase">{status}...</span>{/if}
+          </div>
+        </div>
+      </div>
+    </Card.Header>
+    <Card.Content class="space-y-8 py-4">
+      <div class="grid grid-cols-1 gap-8 lg:grid-cols-3">
+        <div class="flex flex-col items-center justify-center gap-4 rounded-xl border bg-muted/30 p-6 transition-colors">
+          <div class="flex items-center gap-2 font-semibold text-foreground"><Activity class="h-4 w-4 text-chart-1" />Latency</div>
+          <div class="flex h-36 w-full items-center justify-center md:h-48 xl:h-56">
+            <div class="flex items-baseline gap-1"><span class="text-6xl font-bold text-foreground tabular-nums">{latency.current.toFixed(0)}</span><span class="text-xl font-medium text-muted-foreground">ms</span></div>
+          </div>
+        </div>
+        <div class="flex flex-col items-center justify-center gap-4 rounded-xl border bg-muted/30 p-6 transition-colors">
+          <div class="flex items-center gap-2 font-semibold text-foreground"><ArrowDown class="h-4 w-4 text-chart-2" />Download Speed</div>
+          <div class="relative w-48 xl:w-56"><SpeedGauge value={downloadSpeed.current} activeColor={chartConfig.download.color} unit="Mbps" /></div>
+        </div>
+        <div class="flex flex-col items-center justify-center gap-4 rounded-xl border bg-muted/30 p-6 transition-colors">
+          <div class="flex items-center gap-2 font-semibold text-foreground"><ArrowUp class="h-4 w-4 text-chart-3" />Upload Speed</div>
+          <div class="relative w-48 xl:w-56"><SpeedGauge value={uploadSpeed.current} activeColor={chartConfig.upload.color} unit="Mbps" /></div>
+        </div>
+      </div>
+      <div class="w-full pt-4">
+        <SpeedGraph {downloadHistory} {uploadHistory} {maxSpeed} {testDuration} downloadColor={chartConfig.download.color} uploadColor={chartConfig.upload.color} {activePhase} {currentSpeed} currentProgress={progress.current / 100} />
+      </div>
+      <div class="relative h-2 w-full">
+        <div class={['absolute inset-0 flex items-center justify-center rounded-md border border-destructive/50 bg-destructive/10 text-center text-sm text-destructive transition-all duration-300', status === 'error' ? 'translate-y-0 opacity-100' : 'pointer-events-none translate-y-2 opacity-0']}>Error: {errorMsg}</div>
+      </div>
+      <Separator />
+      <div class="flex flex-col items-center justify-center gap-6 pt-2">
+        <div class="flex w-full max-w-sm items-end gap-4">
+          <Field.Field class="grid w-full gap-1.5">
+            <Field.Label class="flex items-center gap-2 text-muted-foreground"><Timer class="h-4 w-4" />Test Duration (seconds)</Field.Label>
+            <Field.Content>
+              <Input type="number" bind:value={testDuration} min={5} max={60} disabled={!canStart} />
+            </Field.Content>
+          </Field.Field>
+        </div>
+      </div>
+    </Card.Content>
+    <Card.Footer class="flex justify-center pt-4 pb-8">
+      {#if canStart}
+        <Button size="lg" onclick={startTest} class="w-48 gap-2 text-lg font-semibold shadow-lg transition-all hover:scale-105 active:scale-95"><Play class="h-5 w-5" /> Start Test</Button>
+      {:else}
+        <Button size="lg" variant="outline" disabled class="w-48 gap-2"><Spinner /> Testing...</Button>
+      {/if}
+    </Card.Footer>
+  </Card.Root>
 </div>
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/+page.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/+page.svelte
index ef3b6b12..ebc61590 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/+page.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/+page.svelte
@@ -1,33 +1,34 @@
 <script lang="ts">
-	import { Card, CardContent } from '$lib/components/ui/card';
-	import { useConfigQuery } from '#queries/config';
-	import { Skeleton } from '$lib/components/ui/skeleton';
-	import { ScrollArea } from '$lib/components/ui/scroll-area';
+	import * as Card from '$lib/components/ui/card/index.js';
+	import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+	import { ConfigDocument, type ConfigQuery } from '$lib/graphql/generated/graphql.js';
+	import { Skeleton } from '$lib/components/ui/skeleton/index.js';
+	import { ScrollArea } from '$lib/components/ui/scroll-area/index.js';
 	import { toast } from 'svelte-sonner';
 	import { dev } from '$app/environment';
 	import { markdown_to_html } from '$lib/markdown/markdown';
-	import { Button } from '$lib/components/ui/button';
+	import { Button } from '$lib/components/ui/button/index.js';
 	import { fly, fade } from 'svelte/transition';
-	import { onMount } from 'svelte';
 	import { CloudOff } from '@lucide/svelte';
 	import { UploadStage, isWhichUploadStage } from './enums';
+	import { clipboardFiles, hasFileItems } from '#functions/file-tree';
+	import * as Accordion from '$lib/components/ui/accordion/index.js';
 
 	// Stages
 	const { default: Stage1 } = await import('./stage_1.svelte');
 	const { default: Stage2 } = await import('./stage_2.svelte');
 	const { default: Stage3 } = await import('./stage_3.svelte');
-
-	// Modals
 	const { default: UploadShowcase } = await import('./upload_showcase.svelte');
 	const { default: RecentUpload } = await import('./recent_upload.svelte');
 
-	const { config: configData } = useConfigQuery();
+	const configData = createQueryStore<ConfigQuery>(ConfigDocument);
 	let stage = $state<UploadStage>(UploadStage.Stage_1);
 	let dragActive = $state(false);
 	let dragOverCard = $state(false);
 	let dragOverZone = $state(false);
 	let dragCounter = $state(0);
 	let files = $state<File[]>([]);
+	let initialFolderName = $state<string | undefined>(undefined);
 	let debugLoading = $state(false);
 	let uploadResult = $state<{
 		finalLink: string;
@@ -38,7 +39,7 @@
 	// Prevent popstate from overriding initial mount state
 	let hasMounted = $state(false);
 
-	const detailsMarkdown = $derived(configData.data?.site_description ?? '');
+	const detailsMarkdown = $derived(configData.data?.config?.siteDescription ?? '');
 	let detailsHtml = $state('');
 
 	$effect(() => {
@@ -118,84 +119,17 @@
 		dragOverZone = false;
 	};
 
-	const traverseFileTree = async (item: any, path = ''): Promise<File[]> => {
-		try {
-			if (item.isFile) {
-				return new Promise((resolve) => {
-					item.file(
-						(file: File) => {
-							if (path) {
-								(file as any).relativePath = path + file.name;
-							}
-							resolve([file]);
-						},
-						(err: Error) => {
-							console.error('Error reading file:', err);
-							resolve([]);
-						}
-					);
-				});
-			} else if (item.isDirectory) {
-				const dirReader = item.createReader();
-				const entries: any[] = [];
-				const readEntries = async () => {
-					try {
-						const result = await new Promise<any[]>((resolve, reject) => {
-							dirReader.readEntries(resolve, reject);
-						});
-						if (result.length > 0) {
-							entries.push(...result);
-							await readEntries();
-						}
-					} catch (err) {
-						console.error('Error reading directory:', err);
-					}
-				};
-				await readEntries();
-				const fileArrays = await Promise.all(
-					entries.map((entry) => traverseFileTree(entry, path + item.name + '/'))
-				);
-				return fileArrays.flat();
-			}
-		} catch (err) {
-			console.error('Error traversing item:', err);
-		}
-		return [];
-	};
-
 	const handlePaste = async (e: ClipboardEvent) => {
 		if (stage === UploadStage.Stage_3) return;
 		const items = e.clipboardData?.items;
-		if (!items) return;
-		let hasFiles = false;
-		for (let i = 0; i < items.length; i++) {
-			if (items[i].kind === 'file') {
-				hasFiles = true;
-				break;
-			}
-		}
-		if (!hasFiles) return;
+		if (!items || !hasFileItems(items)) return;
 		e.preventDefault();
-		const promises: Array<Promise<Array<File>>> = new Array();
-		for (let i = 0; i < items.length; i++) {
-			const item = items[i];
-			if (item.kind !== 'file') continue;
-			const entry = (item as any).webkitGetAsEntry ? (item as any).webkitGetAsEntry() : null;
-			if (entry) {
-				promises.push(traverseFileTree(entry));
-			} else {
-				const file = item.getAsFile();
-				if (file) promises.push(Promise.resolve([file]));
-			}
-		}
-		const fileArrays = await Promise.all(promises);
-		const newFiles = fileArrays.flat();
-		if (newFiles.length > 0) {
-			onFilesSelected(newFiles);
-		}
+		const newFiles = await clipboardFiles(items);
+		if (newFiles.length > 0) onFilesSelected(newFiles);
 	};
 
-	const onFilesSelected = (newFiles: File[]) => {
+	const onFilesSelected = (newFiles: File[], folderName?: string) => {
+		if (folderName) initialFolderName = folderName;
 		files = [...files, ...newFiles];
 		dragCounter = 0;
 		dragActive = false;
@@ -232,19 +166,16 @@
 		}
 	};
 
-	const onReset = () => {
-		resetState('push');
+	const onBack = () => {
+		stage = UploadStage.Stage_1;
 	};
 
 	const handlePopState = (e: PopStateEvent) => {
-		// Ignore popstate until after initial microtask flush completes
 		if (!hasMounted) return;
 		stage = isWhichUploadStage(e.state?.stage) ? e.state.stage : UploadStage.Stage_1;
 	};
 
-	onMount(() => {
-		// Queue reset & mount guard in the microtask queue
-		// Runs immediately after current call stack, before next macrotask/repaint
+	$effect.pre(() => {
 		queueMicrotask(() => {
 			resetState('replace');
 			hasMounted = true;
@@ -265,20 +196,36 @@
 
 {#snippet encryptionInfo()}
 	<div class="flex h-full w-full flex-col justify-center p-4 lg:p-8">
-		<h2 class="mb-4 text-2xl font-bold md:mb-2 md:text-xl lg:mb-6 lg:text-3xl">
-			End-to-End Encryption
-		</h2>
-		<p class="mb-6 text-muted-foreground md:mb-4 md:text-sm lg:mb-8 lg:text-lg lg:leading-relaxed">
-			Your files are encrypted in your browser before they are ever uploaded. This means only you
-			and the people you share the link with can access them. We cannot see your files.
-		</p>
-		<div class="rounded-xl border border-border bg-muted/50 p-4 md:p-3 lg:p-5">
-			<h3 class="mb-2 font-semibold">How it works</h3>
-			<p class="text-sm text-muted-foreground">
-				A unique key is generated for each upload. This key is used to encrypt your files and is
-				included in the share link after the '#' symbol. The server never receives this key.
-			</p>
-		</div>
+		<h2 class="mb-4 text-2xl font-bold md:mb-2 md:text-xl lg:mb-6 lg:text-3xl">Security</h2>
+		<Accordion.Root type="single" class="space-y-3">
+			<Accordion.Item value="encryption">
+				<Accordion.Trigger>End-to-End Encryption</Accordion.Trigger>
+				<Accordion.Content>
+					<p class="text-sm text-muted-foreground">
+						Your files are encrypted in your browser before they are ever uploaded. This means only
+						you and the people you share the link with can access them. We cannot see your files.
+					</p>
+				</Accordion.Content>
+			</Accordion.Item>
+			<Accordion.Item value="how-it-works">
+				<Accordion.Trigger>How it works</Accordion.Trigger>
+				<Accordion.Content>
+					<p class="text-sm text-muted-foreground">
+						A unique key is generated for each upload. This key is used to encrypt your files and is
+						included in the share link after the '#' symbol. The server never receives this key.
+					</p>
+				</Accordion.Content>
+			</Accordion.Item>
+			<Accordion.Item value="key-storage">
+				<Accordion.Trigger>Key storage</Accordion.Trigger>
+				<Accordion.Content>
+					<p class="text-sm text-muted-foreground">
+						The encryption key lives only in your browser and the share URL fragment. Losing the
+						link means losing access — store it securely.
+					</p>
+				</Accordion.Content>
+			</Accordion.Item>
+		</Accordion.Root>
 	</div>
 {/snippet}
 
@@ -314,23 +261,18 @@
 			>
 				<Skeleton class="mb-4 h-8 w-1/2" />
 				<div class="space-y-2">
-					<Skeleton class="h-4 w-full" />
-					<Skeleton class="h-4 w-full" />
-					<Skeleton class="h-4 w-2/4" />
-					<br />
-					<Skeleton class="h-4 w-full" />
-					<Skeleton class="h-4 w-2/3" />
-
-					<br />
-					<Skeleton class="h-4 w-full" />
-					<Skeleton class="h-4 w-1/3" />
+					<Skeleton class="h-4 w-full" /><Skeleton class="h-4 w-full" /><Skeleton
+						class="h-4 w-2/4"
+					/><br />
+					<Skeleton class="h-4 w-full" /><Skeleton class="h-4 w-2/3" /><br />
+					<Skeleton class="h-4 w-full" /><Skeleton class="h-4 w-1/3" />
 				</div>
 			</div>
 		</ScrollArea>
 	</div>
 {/snippet}
 
-<Card
+<Card.Root
 	class={[
 		'relative z-10 mx-auto w-full max-w-5xl border-border bg-card transition-all duration-200',
 		dragActive && 'shadow-[0_0_20px_-10px_var(--primary)]',
@@ -350,19 +292,13 @@
 	ondragenter={handleCardDragEnter}
 	ondragleave={handleCardDragLeave}
 >
-	<div class="absolute top-4 right-4 z-20">
-		<RecentUpload />
-	</div>
-	<CardContent class="p-6">
+	<div class="absolute top-4 right-4 z-20"><RecentUpload /></div>
+	<Card.Content class="p-6">
 		<div class="grid min-h-150 grid-cols-1 gap-8 lg:grid-cols-2">
-			{#if configData.isLoading || (dev && debugLoading)}
-				<div class="col-span-1">
-					{@render configSkeleton()}
-				</div>
-				<div class="col-span-1">
-					{@render rightColumnSkeleton()}
-				</div>
-			{:else if configData.data?.allow_uploads === false}
+			{#if configData.fetching || (dev && debugLoading)}
+				<div class="col-span-1">{@render configSkeleton()}</div>
+				<div class="col-span-1">{@render rightColumnSkeleton()}</div>
+			{:else if configData.data?.config?.allowUploads === false}
 				<div
 					class="col-span-1 flex min-h-100 flex-col items-center justify-center p-4 text-center lg:col-span-2 lg:p-8"
 				>
@@ -401,28 +337,26 @@
 						bind:files
 						onFilesUpdated={(newFiles) => (files = newFiles)}
 						{onUploadComplete}
-						onBack={() => (stage = UploadStage.Stage_1)}
+						{onBack}
 						isDraggingOverZone={dragOverZone}
 						onZoneDragEnter={handleZoneDragEnter}
 						onZoneDragLeave={handleZoneDragLeave}
 					/>
 				</div>
-				<div in:fade>
-					{@render encryptionInfo()}
-				</div>
+				<div in:fade>{@render encryptionInfo()}</div>
 			{:else if stage === UploadStage.Stage_3 && uploadResult}
 				<div class="col-span-1 lg:col-span-2" in:fly={{ y: 20, duration: 400 }}>
 					<Stage3
 						finalLink={uploadResult.finalLink}
 						viewOnceLink={uploadResult.viewOnceLink}
 						isViewOnce={uploadResult.isViewOnce}
-						{onReset}
+						onReset={() => resetState('push')}
 					/>
 				</div>
 			{/if}
 		</div>
-	</CardContent>
-</Card>
+	</Card.Content>
+</Card.Root>
 
 <UploadShowcase
 	localUploadSize={stage === UploadStage.Stage_2 ? files.reduce((s, f) => s + f.size, 0) : 0}
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/+page.ts b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/+page.ts
index 7893a8e0..192f232a 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/+page.ts
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/+page.ts
@@ -1,11 +1,12 @@
-import { prefetch } from '#queries/config';
+import { client } from '$lib/graphql/client.js';
+import { ConfigDocument } from '$lib/graphql/generated/graphql.js';
 import { definePageMetaTags } from 'svelte-meta-tags';
 import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ parent, fetch, url }) => {
 	const { queryClient } = await parent();
 
-	prefetch({ queryClient: queryClient, fetch });
+	await client.query({ query: ConfigDocument });
 
 	const ogUrl = new URL('/og/upload', url.origin);
 
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/recent_upload.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/recent_upload.svelte
index 819c9b7d..e219a389 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/recent_upload.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/recent_upload.svelte
@@ -1,17 +1,15 @@
 <script lang="ts">
-	import * as Dialog from '$lib/components/ui/dialog';
-	import { Button } from '$lib/components/ui/button';
-	import { ScrollArea } from '$lib/components/ui/scroll-area';
+	import * as Dialog from '$lib/components/ui/dialog/index.js';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import { ScrollArea } from '$lib/components/ui/scroll-area/index.js';
 	import { Trash2, History, Copy, Check, Download } from '@lucide/svelte';
-	import { onMount } from 'svelte';
 	import {
 		deleteHistoryEntry,
 		cleanupExpiredEntries,
-		recentUploads,
 		updateHistoryEntry
 	} from '$lib/database';
+	import { recentUploads } from '$lib/database/recent-uploads.svelte';
 	import { formatFileSize } from '#functions/bytes';
-	import { get } from 'svelte/store';
 	import { Api } from '#consts/backend';
 
 	let open = $state(false);
@@ -26,21 +24,21 @@
 		expires_at: string;
 		expired: boolean;
 	};
+
 	const fetchFileInformation = async (key: string): Promise<FileInformationOut> => {
 		const res = await fetch(Api.FILE_INFO(key));
-		if (!res.ok) {
-			throw new Error('Failed to fetch file information');
-		}
+		if (!res.ok) throw new Error('Failed to fetch file information');
 		return res.json();
 	};
 
-	onMount(() => {
+	const formatExpiry = (ms: number) => Temporal.Instant.fromEpochMilliseconds(ms).toZonedDateTimeISO(Temporal.Now.timeZoneId()).toLocaleString('en-US');
+
+	$effect(() => {
 		const init = async () => {
 			await cleanupExpiredEntries();
-			const entries = get(recentUploads);
 
 			await Promise.all(
-				entries.map(async (entry) => {
+				recentUploads.entries.map(async (entry) => {
 					try {
 						const info = await fetchFileInformation(entry.id);
 						if (info.expired) {
@@ -50,8 +48,8 @@
 						await updateHistoryEntry(entry.id, {
 							name: info.filename,
 							size: formatFileSize(info.size),
-							expiry: new Date(info.expires_at).getTime(),
-							createdAt: new Date(info.created_at).getTime(),
+							expiry: Temporal.Instant.from(info.expires_at).epochMilliseconds,
+							createdAt: Temporal.Instant.from(info.created_at).epochMilliseconds,
 							downloadCount: info.download_count
 						});
 					} catch (error) {
@@ -63,7 +61,7 @@
 		};
 		init();
 
-		const interval = setInterval(cleanupExpiredEntries, 60000);
+		const interval = setInterval(cleanupExpiredEntries, 60_000);
 		return () => clearInterval(interval);
 	});
 
@@ -76,7 +74,7 @@
 		copiedId = id;
 		setTimeout(() => {
 			if (copiedId === id) copiedId = null;
-		}, 2000);
+		}, 2_000);
 	};
 
 	$effect(() => {
@@ -86,7 +84,7 @@
 	});
 </script>
 
-{#if $recentUploads.length > 0}
+{#if recentUploads.entries.length > 0}
 	<Dialog.Root bind:open>
 		<Dialog.Trigger>
 			{#snippet child({ props })}
@@ -108,7 +106,7 @@
 			</Dialog.Header>
 			<ScrollArea class="h-75 w-full rounded-md border p-4">
 				<div class="space-y-4">
-					{#each $recentUploads as entry (entry.id)}
+					{#each recentUploads.entries as entry (entry.id)}
 						<div
 							class="flex flex-col gap-2 rounded-lg border bg-card p-3 text-sm shadow-sm transition-colors hover:bg-accent/5"
 						>
@@ -117,13 +115,13 @@
 									<div class="truncate font-medium" title={entry.name}>{entry.name}</div>
 									<div class="flex items-center gap-2 text-xs text-muted-foreground">
 										<span>{entry.size}</span>
-										<span>•</span>
+										<span>&#8226;</span>
 										<span
 											>{Math.max(0, parseInt(entry.downloadLimit) - (entry.downloadCount || 0))} left</span
 										>
 									</div>
 									<div class="text-xs text-muted-foreground">
-										Exp: {new Date(entry.expiry).toLocaleString()}
+										Exp: {formatExpiry(entry.expiry)}
 									</div>
 								</div>
 								<Button
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/stage_1.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/stage_1.svelte
index e2440a60..9edbf076 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/stage_1.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/stage_1.svelte
@@ -1,103 +1,54 @@
 <script lang="ts">
-	import { Button } from '$lib/components/ui/button';
+	import { Button } from '$lib/components/ui/button/index.js';
 	import { Plus } from '@lucide/svelte';
 	import { formatFileSize } from '#functions/bytes';
-	import { useConfigQuery } from '#queries/config';
-
-	interface Props {
-		onFilesSelected: (files: File[]) => void;
+	import { dropFiles } from '#functions/file-tree';
+	import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+	import { ConfigDocument, type ConfigQuery } from '$lib/graphql/generated/graphql.js';
+
+	let {
+		onFilesSelected,
+		isDraggingOverZone,
+		onZoneDragEnter,
+		onZoneDragLeave
+	}: {
+		onFilesSelected: (files: File[], folderName?: string) => void;
 		isDraggingOverZone: boolean;
 		onZoneDragEnter: (e: DragEvent) => void;
 		onZoneDragLeave: (e: DragEvent) => void;
-	}
-
-	let { onFilesSelected, isDraggingOverZone, onZoneDragEnter, onZoneDragLeave }: Props = $props();
-
-	const { config: configData } = useConfigQuery();
-
-	let fileInputInitial = $state<HTMLInputElement>();
-
-	const traverseFileTree = async (item: any, path = ''): Promise<File[]> => {
-		try {
-			if (item.isFile) {
-				return new Promise((resolve) => {
-					item.file(
-						(file: File) => {
-							if (path) {
-								(file as any).relativePath = path + file.name;
-							}
-							resolve([file]);
-						},
-						(err: Error) => {
-							console.error('Error reading file:', err);
-							resolve([]);
-						}
-					);
-				});
-			} else if (item.isDirectory) {
-				const dirReader = item.createReader();
-				const entries: any[] = [];
-
-				const readEntries = async () => {
-					try {
-						const result = await new Promise<any[]>((resolve, reject) => {
-							dirReader.readEntries(resolve, reject);
-						});
-
-						if (result.length > 0) {
-							entries.push(...result);
-							await readEntries();
-						}
-					} catch (err) {
-						console.error('Error reading directory:', err);
-					}
-				};
+	} = $props();
 
-				await readEntries();
-
-				const fileArrays = await Promise.all(
-					entries.map((entry) => traverseFileTree(entry, path + item.name + '/'))
-				);
-				return fileArrays.flat();
-			}
-		} catch (err) {
-			console.error('Error traversing item:', err);
-		}
-		return [];
-	};
+	const configData = createQueryStore<ConfigQuery>(ConfigDocument);
+	let fileInput = $state<HTMLInputElement>();
+	let folderInput = $state<HTMLInputElement>();
 
 	const handleZoneDrop = async (e: DragEvent) => {
 		e.preventDefault();
 		e.stopPropagation();
-
-		const items = e.dataTransfer?.items;
-		if (items) {
-			const promises: Promise<File[]>[] = [];
-			for (let i = 0; i < items.length; i++) {
-				const item = items[i];
-				// eslint-disable-next-line @typescript-eslint/no-explicit-any
-				const entry = (item as any).webkitGetAsEntry ? (item as any).webkitGetAsEntry() : null;
-				if (entry) {
-					promises.push(traverseFileTree(entry));
-				} else if (item.kind === 'file') {
-					const file = item.getAsFile();
-					if (file) promises.push(Promise.resolve([file]));
-				}
-			}
-			const fileArrays = await Promise.all(promises);
-			const newFiles = fileArrays.flat();
-			if (newFiles.length > 0) {
-				onFilesSelected(newFiles);
-			}
-		} else if (e.dataTransfer?.files) {
+		if (e.dataTransfer?.files?.length) {
 			onFilesSelected(Array.from(e.dataTransfer.files));
+			return;
 		}
+		if (e.dataTransfer?.items) {
+			const { files, folderName } = await dropFiles(e.dataTransfer.items);
+			if (files.length > 0) onFilesSelected(files, folderName);
+		}
+	};
+
+	const selectFiles = (e: Event) => {
+		const target = e.target as HTMLInputElement;
+		if (target.files) onFilesSelected(Array.from(target.files));
+		target.value = '';
 	};
 
-	const handleFileSelect = (e: Event) => {
+	const selectFolder = (e: Event) => {
 		const target = e.target as HTMLInputElement;
 		if (target.files) {
-			onFilesSelected(Array.from(target.files));
+			const fileArray = Array.from(target.files);
+			const firstFile = fileArray[0] as File & { webkitRelativePath?: string };
+			const relativePath = firstFile.webkitRelativePath;
+			const folderName = relativePath ? relativePath.split('/')[0] : undefined;
+			onFilesSelected(fileArray, folderName);
 		}
 		target.value = '';
 	};
@@ -109,11 +60,11 @@
 		isDraggingOverZone && 'scale-[1.02] shadow-xl'
 	]}
 	ondrop={handleZoneDrop}
-	onclick={() => fileInputInitial?.click()}
+	onclick={() => fileInput?.click()}
 	onkeydown={(e) => {
 		if (e.key === 'Enter' || e.key === ' ') {
 			e.preventDefault();
-			fileInputInitial?.click();
+			fileInput?.click();
 		}
 	}}
 	ondragenter={onZoneDragEnter}
@@ -122,9 +73,7 @@
 	role="button"
 	aria-label="File drop area - click or drop files to upload"
 >
-	<!-- Main content container -->
 	<div class="relative z-10 flex flex-col items-center justify-center p-12">
-		<!-- Plus icon in circle -->
 		<div
 			class={[
 				'mb-6 flex h-16 w-16 items-center justify-center rounded-full border-2 border-primary transition-all duration-200',
@@ -133,8 +82,6 @@
 		>
 			<Plus class="h-8 w-8 text-primary transition-transform duration-200" />
 		</div>
-
-		<!-- Text content -->
 		<h2
 			class={[
 				'mb-2 text-xl font-medium transition-colors duration-200',
@@ -149,38 +96,48 @@
 				isDraggingOverZone ? 'text-primary/80' : 'text-muted-foreground'
 			]}
 		>
-			or click to send up to {formatFileSize(configData.data?.max_file_size_limit ?? 0)} of files with
+			or click to send up to {formatFileSize(configData.data?.config?.maxFileSizeLimit ?? 0)} of files with
 			end-to-end encryption
 		</p>
-
-		<!-- Button -->
-		<Button
-			variant="default"
-			size="lg"
-			class={[
-				'cursor-pointer px-8 py-6 text-lg transition-all duration-200 md:px-6 md:py-4 md:text-base',
-				isDraggingOverZone && 'scale-105 shadow-lg'
-			]}
-			onclick={(e) => {
-				e.stopPropagation();
-				fileInputInitial?.click();
-			}}
-		>
-			Select files to upload
-		</Button>
-
-		<!-- Hidden file input -->
+		<div class="flex flex-col gap-3">
+			<Button
+				size="lg"
+				class={[
+					'px-8 py-6 text-lg transition-all duration-200 md:px-6 md:py-4 md:text-base',
+					isDraggingOverZone && 'scale-105 shadow-lg'
+				]}
+				onclick={(e) => {
+					e.stopPropagation();
+					fileInput?.click();
+				}}>Select files to upload</Button
+			>
+			<Button
+				variant="outline"
+				size="lg"
+				class="px-8 py-6 text-lg transition-all duration-200 md:px-6 md:py-4 md:text-base"
+				onclick={(e) => {
+					e.stopPropagation();
+					folderInput?.click();
+				}}>Select folder to upload</Button
+			>
+		</div>
 		<input
-			bind:this={fileInputInitial}
+			bind:this={fileInput}
 			type="file"
 			id="file-input-initial"
 			class="hidden"
 			multiple
-			onchange={handleFileSelect}
+			onchange={selectFiles}
+		/>
+		<input
+			bind:this={folderInput}
+			type="file"
+			id="file-input-folder"
+			class="hidden"
+			{...{ webkitdirectory: '', directory: '' } as Partial<Record<string, string>>}
+			onchange={selectFolder}
 		/>
 	</div>
-
-	<!-- Border elements -->
 	<svg class="pointer-events-none absolute inset-0 h-full w-full rounded-lg">
 		<rect
 			width="100%"
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/stage_2.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/stage_2.svelte
index 0d10fe42..e27719e6 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/stage_2.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/stage_2.svelte
@@ -1,36 +1,30 @@
 <script lang="ts">
-	import { Button, buttonVariants } from '$lib/components/ui/button';
-	import { Input } from '$lib/components/ui/input';
-	import * as Select from '$lib/components/ui/select';
-	import { ScrollArea } from '$lib/components/ui/scroll-area';
-	import { useConfigQuery } from '#queries/config';
+	import { Button, buttonVariants } from '$lib/components/ui/button/index.js';
+	import { Input } from '$lib/components/ui/input/index.js';
+	import * as Select from '$lib/components/ui/select/index.js';
+	import { ScrollArea } from '$lib/components/ui/scroll-area/index.js';
+	import * as Switch from '$lib/components/ui/switch/index.js';
+	import * as Empty from '$lib/components/ui/empty/index.js';
+	import * as Alert from '$lib/components/ui/alert/index.js';
+	import { Kbd, KbdGroup } from '$lib/components/ui/kbd/index.js';
+	import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+	import { ConfigDocument, type ConfigQuery } from '$lib/graphql/generated/graphql.js';
 	import { Plus, ArrowLeft, X, FileIcon, Eye, EyeOff, Trash2, Upload } from '@lucide/svelte';
+	import { Spinner } from '$lib/components/ui/spinner/index.js';
 	import { formatFileSize } from '#functions/bytes';
 	import { formatSeconds } from '#functions/times';
+	import { clipboardFiles, hasFileItems } from '#functions/file-tree';
 	import { createZipStream, createEncryptedStream } from '#functions/streams';
-	import * as Tooltip from '$lib/components/ui/tooltip/index';
+	import * as Tooltip from '$lib/components/ui/tooltip/index.js';
 	import { v7 as uuidv7 } from 'uuid';
-	import { Api } from '#consts/backend';
-	import { Progress } from '$lib/components/ui/progress';
+	import { Progress } from '$lib/components/ui/progress/index.js';
+	import { client } from '$lib/graphql/client.js';
+	import { UploadFileDocument } from '$lib/graphql/generated/graphql.js';
 	import { addHistoryEntry } from '$lib/database';
 	import { toast } from 'svelte-sonner';
 	import { cubicOut } from 'svelte/easing';
 	import { Tween } from 'svelte/motion';
 
-	interface Props {
-		files: File[];
-		onFilesUpdated: (files: File[]) => void;
-		onUploadComplete: (result: {
-			finalLink: string;
-			viewOnceLink: string;
-			isViewOnce: boolean;
-		}) => void;
-		onBack: () => void;
-		isDraggingOverZone: boolean;
-		onZoneDragEnter: (e: DragEvent) => void;
-		onZoneDragLeave: (e: DragEvent) => void;
-	}
-
 	let {
 		files = $bindable(),
 		onFilesUpdated,
@@ -39,13 +33,18 @@
 		isDraggingOverZone,
 		onZoneDragEnter,
 		onZoneDragLeave
-	}: Props = $props();
-
-	const { config: configData } = useConfigQuery();
+	}: {
+		files: File[];
+		onFilesUpdated: (files: File[]) => void;
+		onUploadComplete: (r: { finalLink: string; viewOnceLink: string; isViewOnce: boolean }) => void;
+		onBack: () => void;
+		isDraggingOverZone: boolean;
+		onZoneDragEnter: (e: DragEvent) => void;
+		onZoneDragLeave: (e: DragEvent) => void;
+	} = $props();
 
+	const configData = createQueryStore<ConfigQuery>(ConfigDocument);
 	let fileInput = $state<HTMLInputElement>();
-
-	// Flattened settings
 	let downloadLimit = $state('1');
 	let timeLimit = $state('86400');
 	let isPasswordProtected = $state(false);
@@ -53,94 +52,44 @@
 	let showPassword = $state(false);
 	let folderName = $state(uuidv7());
 	let defaultsLoaded = $state(false);
-
-	// Flattened status
+	const fmtUnit = (val: number, unit: string) => (val === 1 ? unit.slice(0, -1) : unit);
 	let inProgress = $state(false);
 	let isEncrypting = $state(false);
-	let encryptionProgress = $state(new Tween(0, { duration: 500, easing: cubicOut }));
-	let uploadProgress = $state(new Tween(0, { duration: 500, easing: cubicOut }));
-
-	const totalSize = $derived(formatFileSize(files.reduce((sum, file) => sum + file.size, 0)));
+	let uploadError = $state('');
+	const newTween = () => new Tween(0, { duration: 500, easing: cubicOut });
+	let encryptionProgress = $state(newTween());
+	let uploadProgress = $state(newTween());
+	const rawTotalSize = $derived(files.reduce((s, f) => s + f.size, 0));
+	const totalSize = $derived(formatFileSize(rawTotalSize));
+	const prog = $derived(isEncrypting ? encryptionProgress : uploadProgress);
 
 	$effect(() => {
 		if (files.length === 1) {
 			folderName = files[0].name;
-		} else if (files.length === 0) {
+		} else if (!files.length) {
 			folderName = uuidv7();
 		}
 	});
 
 	$effect(() => {
-		if (configData.data && !defaultsLoaded) {
-			downloadLimit = configData.data.default_number_of_downloads?.toString() ?? downloadLimit;
-			timeLimit = configData.data.default_expiry?.toString() ?? timeLimit;
+		if (configData.data?.config && !defaultsLoaded) {
+			downloadLimit = configData.data.config.defaultNumberOfDownloads?.toString() ?? downloadLimit;
+			timeLimit = configData.data.config.defaultExpiry?.toString() ?? timeLimit;
 			defaultsLoaded = true;
 		}
 	});
 
-	const traverseFileTree = async (item: any, path = ''): Promise<File[]> => {
-		try {
-			if (item.isFile) {
-				return new Promise((resolve) => {
-					item.file(
-						(file: File) => {
-							if (path) {
-								(file as any).relativePath = path + file.name;
-							}
-							resolve([file]);
-						},
-						(err: Error) => {
-							console.error('Error reading file:', err);
-							resolve([]);
-						}
-					);
-				});
-			} else if (item.isDirectory) {
-				const dirReader = item.createReader();
-				const entries: any[] = [];
-
-				const readEntries = async () => {
-					try {
-						const result = await new Promise<any[]>((resolve, reject) => {
-							dirReader.readEntries(resolve, reject);
-						});
-
-						if (result.length > 0) {
-							entries.push(...result);
-							await readEntries();
-						}
-					} catch (err) {
-						console.error('Error reading directory:', err);
-					}
-				};
-
-				await readEntries();
-
-				const fileArrays = await Promise.all(
-					entries.map((entry) => traverseFileTree(entry, path + item.name + '/'))
-				);
-				return fileArrays.flat();
-			}
-		} catch (err) {
-			console.error('Error traversing item:', err);
-		}
-		return [];
-	};
-
 	const addFiles = (newFiles: File[]) => {
-		const currentTotalSize = files.reduce((sum, file) => sum + file.size, 0);
-		const newFilesSize = newFiles.reduce((sum, file) => sum + file.size, 0);
-
+		const newSize = newFiles.reduce((s, f) => s + f.size, 0);
 		if (
-			configData.data?.max_file_size_limit &&
-			currentTotalSize + newFilesSize > configData.data.max_file_size_limit
+			configData.data?.config?.maxFileSizeLimit &&
+			rawTotalSize + newSize > configData.data.config.maxFileSizeLimit
 		) {
 			toast.error(
-				`Total file size cannot exceed ${formatFileSize(configData.data.max_file_size_limit)}`
+				`Total file size cannot exceed ${formatFileSize(configData.data.config.maxFileSizeLimit)}`
 			);
 			return;
 		}
-
 		files = [...files, ...newFiles];
 		onFilesUpdated(files);
 	};
@@ -149,20 +98,9 @@
 		e.preventDefault();
 		e.stopPropagation();
 		onZoneDragLeave(e);
-
-		const items = e.dataTransfer?.items;
-		if (items) {
-			const promises = Array.from(items).map((item) => {
-				const entry = (item as any).webkitGetAsEntry?.();
-				return entry
-					? traverseFileTree(entry)
-					: item.kind === 'file'
-						? Promise.resolve([item.getAsFile()].filter(Boolean) as File[])
-						: Promise.resolve([]);
-			});
-			const fileArrays = await Promise.all(promises);
-			const newFiles = fileArrays.flat();
-			newFiles.length > 0 && addFiles(newFiles);
+		if (e.dataTransfer?.items) {
+			const newFiles = await clipboardFiles(e.dataTransfer.items);
+			if (newFiles.length > 0) addFiles(newFiles);
 		} else if (e.dataTransfer?.files) {
 			addFiles(Array.from(e.dataTransfer.files));
 		}
@@ -170,146 +108,110 @@
 
 	const handleFileSelect = (e: Event) => {
 		const target = e.target as HTMLInputElement;
-		if (target.files) {
-			addFiles(Array.from(target.files));
-		}
+		if (target.files) addFiles(Array.from(target.files));
 		target.value = '';
 	};
 
 	const removeFile = (file: File) => {
 		files = files.filter((f) => f !== file);
 		onFilesUpdated(files);
-		files.length === 0 && onBack();
+		if (!files.length) onBack();
 	};
 
-	const clearAllFiles = () => {
+	const clearAll = () => {
 		files = [];
 		onFilesUpdated(files);
 		onBack();
 	};
 
 	const handleUpload = async (viewOnce = false) => {
-		if (files.length === 0) return;
+		if (!files.length || inProgress) return;
 		if (viewOnce && files.length !== 1) {
 			toast.error('View Once only supports a single file');
 			return;
 		}
-
 		try {
+			uploadError = '';
 			inProgress = true;
-			uploadProgress = new Tween(0, { duration: 500, easing: cubicOut });
-
-			// Create Zip Stream
+			uploadProgress = newTween();
 			const stream = await createZipStream(files, isPasswordProtected ? password : undefined);
-
-			//  Encrypt
-			const currentTotalSize = files.reduce((sum, file) => sum + file.size, 0);
-			// start encryption progress reporting
 			isEncrypting = true;
-			encryptionProgress = new Tween(0, { duration: 500, easing: cubicOut });
+			encryptionProgress = newTween();
 			const { stream: encryptedStream, keySecret } = await createEncryptedStream(
 				stream,
 				isPasswordProtected ? password : undefined,
-				currentTotalSize,
+				rawTotalSize,
 				(processed, total) => {
 					if (total && total > 0) {
 						encryptionProgress.target = Math.min(100, Math.round((processed / total) * 100));
 					} else {
-						encryptionProgress = new Tween(0, { duration: 500, easing: cubicOut });
+						encryptionProgress = newTween();
 					}
 				}
 			);
-
-			// Upload
-			const readableFilename = files.length === 1 ? files[0].name : folderName;
-			const blobFilename = uuidv7();
 			const encryptedBlob = await new Response(encryptedStream).blob();
-			// ensure encryption progress completes
 			isEncrypting = false;
 			encryptionProgress.target = 100;
 
-			const formData = new FormData();
-			formData.append('filename', readableFilename);
-			formData.append('expire_after_n_download', viewOnce ? '1' : downloadLimit);
-			formData.append('expire_after', timeLimit);
-			formData.append('file', encryptedBlob, blobFilename);
-			formData.append('number_of_files', files.length.toString());
-			files.length > 1 && formData.append('folder_name', folderName);
-
-			const data = await new Promise<any>((resolve, reject) => {
-				const xhr = new XMLHttpRequest();
-				xhr.open('POST', Api.UPLOAD);
-
-				xhr.upload.onprogress = (e) => {
-					if (e.lengthComputable) {
-						uploadProgress.target = Math.round((e.loaded / e.total) * 100);
-					} else {
-						// fallback to visible progress when total is unknown
-						uploadProgress.target = Math.min(99, uploadProgress.target + 1);
-					}
-				};
-
-				xhr.onload = () => {
-					if (xhr.status >= 200 && xhr.status < 300) {
-						try {
-							resolve(JSON.parse(xhr.responseText));
-						} catch (e) {
-							reject(new Error('Invalid JSON response'));
-						}
-					} else {
-						reject(
-							new Error(`Upload failed: ${xhr.status} ${xhr.statusText} ${xhr.responseText || ''}`)
-						);
-					}
-				};
-
-				xhr.onerror = () => reject(new Error('Network error during upload'));
-				xhr.send(formData);
+			const result = await client.mutate<any>({
+				mutation: UploadFileDocument,
+				variables: {
+					file: encryptedBlob,
+					filename: files.length === 1 ? files[0].name : folderName,
+					expiresAt: parseInt(timeLimit),
+					expireAfterNDownload: viewOnce ? 1 : parseInt(downloadLimit),
+					numberOfFiles: files.length
+				}
 			});
 
-			uploadProgress.target = 100;
-
-			const serverPath = data?.id ?? data?.path ?? data?.key;
-
-			if (!serverPath) throw new Error('Invalid server response');
+			if (result.error) {
+				throw new Error(result.error.message);
+			}
 
-			// Store the key in the URL fragment so it is never sent to the server
+			uploadProgress.target = 100;
+			const data = result.data?.uploadFile;
+			const serverPath = String(data?.id ?? data?.path ?? data?.key ?? '');
+			if (!serverPath || serverPath === 'null' || serverPath === 'undefined')
+				throw new Error('Invalid server response');
+			const origin = window.location.origin;
 			const downloadPath = `/download/${serverPath}#${keySecret}`;
-			const finalLink = `${window.location.origin}${downloadPath}`;
-			const viewOnceLink = viewOnce
-				? `${window.location.origin}/once/${serverPath}#${keySecret}`
-				: '';
-
-			// Add to history
-			const expiryTime = Date.now() + parseInt(timeLimit) * 1000;
-			const entryName = files.length === 1 ? files[0].name : folderName;
+			const finalLink = `${origin}${downloadPath}`;
+			const viewOnceLink = viewOnce ? `${origin}/once/${serverPath}#${keySecret}` : '';
 
 			addHistoryEntry({
 				id: serverPath,
-				name: entryName,
+				name: files.length === 1 ? files[0].name : folderName,
 				link: viewOnce ? viewOnceLink : finalLink,
-				expiry: expiryTime,
+				expiry: Temporal.Now.instant().epochMilliseconds + parseInt(timeLimit) * 1000,
 				downloadLimit: viewOnce ? '1' : downloadLimit,
-				createdAt: Date.now(),
+				createdAt: Temporal.Now.instant().epochMilliseconds,
 				size: totalSize
 			});
-
 			onUploadComplete({ finalLink, viewOnceLink, isViewOnce: viewOnce });
 			toast.success(viewOnce ? 'View Once link created' : 'Upload complete');
 		} catch (err: any) {
 			console.error('Upload failed', err);
+			uploadError = err?.message ?? String(err);
 			toast.error('Upload failed: ' + (err?.message ?? err));
-			inProgress = false;
-			uploadProgress = new Tween(0, { duration: 500, easing: cubicOut });
-			isEncrypting = false;
-			encryptionProgress = new Tween(0, { duration: 500, easing: cubicOut });
 		} finally {
 			inProgress = false;
 			isEncrypting = false;
+			uploadProgress = newTween();
+			encryptionProgress = newTween();
 		}
 	};
+
+	const handlePaste = async (e: ClipboardEvent) => {
+		const items = e.clipboardData?.items;
+		if (!items || !hasFileItems(items)) return;
+		e.preventDefault();
+		const newFiles = await clipboardFiles(items);
+		if (newFiles.length > 0) addFiles(newFiles);
+	};
 </script>
 
+<svelte:window onpaste={handlePaste} />
+
 {#snippet fileItem(file: File)}
 	<div
 		class="flex items-center justify-between border-b border-border py-2 first:pt-0 last:border-0"
@@ -320,12 +222,10 @@
 			</div>
 			<div class="flex flex-col gap-0.5">
 				<div class="text-sm leading-none font-medium">{file.name}</div>
-				<div class="text-xs text-foreground">
-					{#if (file as any).relativePath}
-						<span class="block max-w-50 truncate text-xs opacity-70"
+				<div class="text-xs text-muted-foreground">
+					{#if (file as any).relativePath}<span class="block max-w-50 truncate text-xs opacity-70"
 							>{(file as any).relativePath}</span
-						>
-					{/if}
+						>{/if}
 					{formatFileSize(file.size)}
 				</div>
 			</div>
@@ -334,93 +234,60 @@
 			variant="ghost"
 			onclick={() => removeFile(file)}
 			class="flex h-8 w-8 cursor-pointer items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+			><X class="h-4 w-4" /></Button
 		>
-			<X class="h-4 w-4" />
-		</Button>
 	</div>
 {/snippet}
 
 {#if inProgress}
-	<!-- Modern Upload Animation -->
 	<div class="flex h-full w-full flex-col items-center justify-center p-8">
 		<div class="relative mb-8 flex h-40 w-40 items-center justify-center">
-			<!-- Background Layers -->
 			<div class="absolute inset-0 animate-pulse rounded-full bg-primary/5"></div>
-
-			<!-- Static Track -->
 			<div class="absolute inset-0 rounded-full border-4 border-muted/20"></div>
-
-			<!-- Dynamic Rings -->
-			<div
-				class="absolute inset-0 animate-spin rounded-full border-4 border-transparent border-t-primary shadow-[0_0_15px_-3px_var(--primary)]"
-				style="animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);"
-			></div>
-
-			<div
-				class="absolute inset-3 animate-spin rounded-full border-4 border-transparent border-t-primary/70 border-r-primary/30"
-				style="animation-duration: 2s; animation-direction: reverse; animation-timing-function: linear;"
-			></div>
-
-			<!-- Center Icon -->
-			<div class="relative z-10">
-				<Upload class="h-12 w-12 text-primary drop-shadow-md" />
+			<div class="absolute inset-0 flex items-center justify-center">
+				<Spinner class="size-20 text-primary" aria-label="Encrypting and uploading" />
 			</div>
+			<div class="absolute inset-0 flex items-center justify-center">
+				<Spinner class="size-16 text-primary/70" aria-label="Progress" />
+			</div>
+			<div class="relative z-10"><Upload class="h-12 w-12 text-primary drop-shadow-md" /></div>
 		</div>
-
 		<h3 class="mb-2 text-2xl font-semibold tracking-tight">Encrypting & Uploading...</h3>
 		<p class="mb-8 text-muted-foreground">Please wait while we secure your files</p>
-
 		<div class="w-full max-w-md space-y-3">
-			{#if isEncrypting}
-				<Progress value={encryptionProgress.current} class="h-2" />
-				<div class="flex justify-between text-xs font-medium text-muted-foreground">
-					<span>Encrypting {Math.round(encryptionProgress.current)}%</span>
-					<span>{totalSize}</span>
-				</div>
-			{:else}
-				<Progress value={uploadProgress.current} class="h-2" />
-				<div class="flex justify-between text-xs font-medium text-muted-foreground">
-					<span>{Math.round(uploadProgress.current)}%</span>
-					<span>{totalSize}</span>
-				</div>
-			{/if}
+			<Progress value={prog.current} class="h-2" />
+			<div class="flex justify-between text-xs font-medium text-muted-foreground">
+				<span>{isEncrypting ? 'Encrypting ' : ''}{Math.round(prog.current)}%</span>
+				<span>{totalSize}</span>
+			</div>
 		</div>
 	</div>
-{:else}
-	<!-- Upload Interface -->
-	<!-- Left Column: File List and Controls -->
+{:else if files.length}
 	<div class="flex h-full w-full flex-col pb-2">
-		<!-- File List with Back button on the left -->
 		<div class="mb-2 flex items-center justify-between gap-2">
-			<div>
-				<Tooltip.Provider>
-					<Tooltip.Root>
-						<Tooltip.Trigger>
-							<Button variant="ghost" size="sm" class="mb-2" onclick={onBack}>
-								<ArrowLeft class="mr-2 h-4 w-4" />
-								Back
-							</Button>
-						</Tooltip.Trigger>
-						<Tooltip.Content>Return to file selection (stage 1)</Tooltip.Content>
-					</Tooltip.Root>
-				</Tooltip.Provider>
-			</div>
-
+			<Tooltip.Provider>
+				<Tooltip.Root>
+					<Tooltip.Trigger
+						><Button variant="ghost" size="sm" class="mb-2" onclick={onBack}
+							><ArrowLeft class="mr-2 h-4 w-4" />Back</Button
+						></Tooltip.Trigger
+					>
+					<Tooltip.Content>Return to file selection (stage 1)</Tooltip.Content>
+				</Tooltip.Root>
+			</Tooltip.Provider>
 			<div class="flex items-center gap-2">
-				{#if files.length > 1}
-					<Input bind:value={folderName} class="h-8 w-48" placeholder="Folder Name" />
-				{/if}
+				{#if files.length > 1}<Input
+						bind:value={folderName}
+						class="h-8 w-48"
+						placeholder="Folder Name"
+					/>{/if}
 				<Tooltip.Provider>
 					<Tooltip.Root>
 						<Tooltip.Trigger
 							class={`${buttonVariants({ variant: 'ghost' })} cursor-pointer`}
-							onclick={clearAllFiles}
+							onclick={clearAll}><Trash2 class="h-4 w-4" /></Tooltip.Trigger
 						>
-							<Trash2 class="h-4 w-4" />
-						</Tooltip.Trigger>
-						<Tooltip.Content>
-							<p>Clear all files</p>
-						</Tooltip.Content>
+						<Tooltip.Content><p>Clear all files</p></Tooltip.Content>
 					</Tooltip.Root>
 				</Tooltip.Provider>
 			</div>
@@ -436,88 +303,74 @@
 			ondrop={handleZoneDrop}
 		>
 			<div class="p-4">
-				{#each files as file}
-					{@render fileItem(file)}
-				{/each}
+				{#each files as file}{@render fileItem(file)}{/each}
 			</div>
 		</ScrollArea>
-
-		<!-- Controls -->
 		<div class="mb-4 flex items-center">
 			<button
 				class="flex cursor-pointer items-center text-sm text-primary hover:underline"
 				onclick={() => fileInput?.click()}
+				><Plus class="mr-1 h-4 w-4" />Select files to upload</button
 			>
-				<Plus class="mr-1 h-4 w-4" />
-				Select files to upload
-			</button>
+			<KbdGroup class="ml-2">
+				<Kbd>Ctrl</Kbd>
+				<Kbd class="mx-0.5">+</Kbd>
+				<Kbd>V</Kbd>
+			</KbdGroup>
 			<input
 				bind:this={fileInput}
 				type="file"
-				id="file-input"
 				class="hidden"
 				multiple
 				onchange={handleFileSelect}
 			/>
 			<div class="ml-auto text-sm text-muted-foreground">Total size: {totalSize}</div>
 		</div>
-
-		<!-- Expiry and Password Options -->
 		<div class="mb-4 space-y-2">
 			<div class="flex items-center">
 				<span class="text-sm">Expires after</span>
-				<Select.Root type="single" bind:value={downloadLimit}>
-					<Select.Trigger class="ml-2 w-35">
-						{downloadLimit}
-						{downloadLimit === '1' ? 'download' : 'downloads'}
-					</Select.Trigger>
-					<Select.Content>
-						{#if configData.data?.download_configs}
-							{#each configData.data.download_configs as limit}
-								<Select.Item value={limit.toString()}
-									>{limit} {limit === 1 ? 'download' : 'downloads'}</Select.Item
-								>
-							{/each}
-						{:else}
-							<Select.Item value="1">1 download</Select.Item>
-						{/if}
-					</Select.Content>
-				</Select.Root>
+				<div class="ml-2 w-35">
+					<Select.Root type="single" bind:value={downloadLimit}>
+						<Select.Trigger
+							>{downloadLimit} {fmtUnit(Number(downloadLimit), 'downloads')}</Select.Trigger
+						>
+						<Select.Content>
+							{#if configData.data?.config?.downloadConfigs}
+								{#each configData.data.config.downloadConfigs as limit}
+									<Select.Item value={limit.toString()}
+										>{limit} {fmtUnit(limit, 'downloads')}</Select.Item
+									>
+								{/each}
+							{:else}
+								<Select.Item value="1">1 download</Select.Item>
+							{/if}
+						</Select.Content>
+					</Select.Root>
+				</div>
 				<span class="mx-2 text-sm">or</span>
-				<Select.Root type="single" bind:value={timeLimit}>
-					<Select.Trigger class="w-35">
-						{@const { val, unit } = formatSeconds(parseInt(timeLimit))}
-						{val}
-						{val === 1 ? unit.slice(0, -1) : unit}
-					</Select.Trigger>
-					<Select.Content>
-						{#if configData.data?.time_configs}
-							{#each configData.data.time_configs as time}
-								{@const { val, unit } = formatSeconds(time)}
-								<Select.Item value={time.toString()}>
-									{val}
-									{val === 1 ? unit.slice(0, -1) : unit}
-								</Select.Item>
-							{/each}
-						{:else}
-							<Select.Item value="86400">1 Day</Select.Item>
-						{/if}
-					</Select.Content>
-				</Select.Root>
+				<div class="w-35">
+					<Select.Root type="single" bind:value={timeLimit}>
+						<Select.Trigger
+							>{@const { val, unit } = formatSeconds(parseInt(timeLimit))}{val}
+							{fmtUnit(val, unit)}</Select.Trigger
+						>
+						<Select.Content>
+							{#if configData.data?.config?.timeConfigs}
+								{#each configData.data.config.timeConfigs as time}
+									{@const { val, unit } = formatSeconds(time)}
+									<Select.Item value={time.toString()}>{val} {fmtUnit(val, unit)}</Select.Item>
+								{/each}
+							{:else}
+								<Select.Item value="86400">1 Day</Select.Item>
+							{/if}
+						</Select.Content>
+					</Select.Root>
+				</div>
 			</div>
 			<div class="flex h-9 items-center gap-2">
-				<div class="flex items-center">
-					<input
-						type="checkbox"
-						id="password"
-						bind:checked={isPasswordProtected}
-						class="mr-2 h-4 w-4 rounded border-primary text-primary focus:ring-primary"
-					/>
-					<label
-						for="password"
-						class="text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-						>Protect with password</label
-					>
+				<div class="flex items-center gap-2">
+					<Switch.Root bind:checked={isPasswordProtected} aria-label="Protect with password" />
+					<span class="text-sm leading-none font-medium">Protect with password</span>
 				</div>
 				{#if isPasswordProtected}
 					<div class="relative max-w-xs flex-1">
@@ -530,26 +383,26 @@
 						<button
 							type="button"
 							onclick={() => (showPassword = !showPassword)}
-							class="absolute top-1/2 right-3 -translate-y-1/2 cursor-pointer text-muted-foreground hover:text-foreground"
+							class="absolute top-1 right-3 text-muted-foreground hover:text-foreground"
 						>
-							{#if showPassword}
-								<EyeOff class="h-4 w-4" />
-							{:else}
-								<Eye class="h-4 w-4" />
-							{/if}
+							{#if showPassword}<EyeOff class="h-4 w-4" />{:else}<Eye class="h-4 w-4" />{/if}
 						</button>
 					</div>
 				{/if}
 			</div>
 		</div>
-
 		<Button
 			class="w-full cursor-pointer"
 			onclick={() => handleUpload(false)}
-			disabled={files.length === 0}>Upload</Button
+			disabled={!files.length || inProgress}>Upload</Button
 		>
 		{#if files.length === 1}
-			<Button variant="outline" class="w-full cursor-pointer" onclick={() => handleUpload(true)}>
+			<Button
+				variant="outline"
+				class="w-full cursor-pointer"
+				onclick={() => handleUpload(true)}
+				disabled={inProgress}
+			>
 				<Eye class="mr-2 size-4" /> View Once
 			</Button>
 		{:else}
@@ -564,5 +417,18 @@
 				</Tooltip.Root>
 			</Tooltip.Provider>
 		{/if}
+		{#if uploadError}
+			<Alert.Root variant="destructive" class="mt-4">
+				<Alert.Title>Upload failed</Alert.Title>
+				<Alert.Description>{uploadError}</Alert.Description>
+			</Alert.Root>
+		{/if}
 	</div>
+{:else}
+	<Empty.Root class="flex h-full w-full items-center justify-center">
+		<Empty.Media><Upload class="h-8 w-8" /></Empty.Media>
+		<Empty.Header>
+			<Empty.Title class="text-sm">No files selected</Empty.Title>
+		</Empty.Header>
+	</Empty.Root>
 {/if}
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/stage_3.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/stage_3.svelte
index 7a7405dd..3c7de50c 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/stage_3.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/stage_3.svelte
@@ -1,135 +1,69 @@
 <script lang="ts">
-	import { Button } from '$lib/components/ui/button';
-	import { Input } from '$lib/components/ui/input';
-	import { Lock, Check, Copy, Download, ScanEye, Eye } from '@lucide/svelte';
-	import QRCode from '$lib/components/QRCode.svelte';
-	import * as Tooltip from '$lib/components/ui/tooltip/index';
-	import * as ButtonGroup from '$lib/components/ui/button-group';
-	import { toast } from 'svelte-sonner';
+  import { Button } from '$lib/components/ui/button/index.js';
+  import { Input } from '$lib/components/ui/input/index.js';
+  import { Lock, Check, Copy, Download, ScanEye, Eye } from '@lucide/svelte';
+  import QRCode from '$lib/components/QRCode.svelte';
+  import * as Tooltip from '$lib/components/ui/tooltip/index.js';
+  import * as ButtonGroup from '$lib/components/ui/button-group/index.js';
+  import { AspectRatio } from '$lib/components/ui/aspect-ratio/index.js';
+  import { toast } from 'svelte-sonner';
 
-	interface Props {
-		finalLink: string;
-		viewOnceLink: string;
-		isViewOnce: boolean;
-		onReset: () => void;
-	}
+  let { finalLink, viewOnceLink, isViewOnce, onReset }: { finalLink: string; viewOnceLink: string; isViewOnce: boolean; onReset: () => void } = $props();
+  let isCopied = $state(false);
+  const link = $derived(isViewOnce ? viewOnceLink : finalLink);
 
-	let { finalLink, viewOnceLink, isViewOnce, onReset }: Props = $props();
-
-	let isCopied = $state(false);
-
-	const copyLink = () => {
-		navigator.clipboard.writeText(isViewOnce ? viewOnceLink : finalLink);
-		isCopied = true;
-		toast.success('Copied the link successfully');
-		setTimeout(() => (isCopied = false), 2000);
-	};
+  const copyLink = () => { navigator.clipboard.writeText(link); isCopied = true; toast.success('Copied the link successfully'); setTimeout(() => isCopied = false, 2000); };
 </script>
 
-<div
-	class="col-span-1 flex h-full flex-col items-center justify-center py-12 text-center lg:col-span-2"
->
-	<div class="mb-6 flex h-20 w-20 items-center justify-center rounded-full bg-green-500/10">
-		<Lock class="h-10 w-10 text-green-500" />
-	</div>
-	<h2 class="mb-2 text-3xl font-bold tracking-tight">
-		{isViewOnce ? 'Your view-once link is ready' : 'Your file is encrypted and ready to send'}
-	</h2>
-	<p class="mb-8 text-muted-foreground">
-		{isViewOnce ? 'This link can only be viewed once:' : 'Copy the link to share your file:'}
-	</p>
-
-	<div class="mb-8 flex w-full max-w-md items-center gap-2">
-		<Input readonly value={isViewOnce ? viewOnceLink : finalLink} class="font-mono text-sm" />
-	</div>
-
-	<div class="mb-8 flex flex-col items-center gap-4">
-		<div class="rounded-lg border bg-white p-2 dark:bg-white">
-			<QRCode
-				value={isViewOnce ? viewOnceLink : finalLink}
-				size={180}
-				color="#000000"
-				backgroundColor="#ffffff"
-			/>
-		</div>
-	</div>
-	<div class="flex flex-col gap-4">
-		<ButtonGroup.Root>
-			<ButtonGroup.Root>
-				<Tooltip.Provider>
-					<Tooltip.Root>
-						<Tooltip.Trigger>
-							<Button variant="outline" size="sm" onclick={copyLink} class="w-32 cursor-pointer">
-								{#if isCopied}
-									<Check class="mr-2 size-4" /> Copied
-								{:else}
-									<Copy class="mr-2 size-4" /> Copy link
-								{/if}
-							</Button>
-						</Tooltip.Trigger>
-						<Tooltip.Content>Copy link to clipboard</Tooltip.Content>
-					</Tooltip.Root>
-				</Tooltip.Provider>
-			</ButtonGroup.Root>
+<div class="col-span-1 flex h-full flex-col items-center justify-center py-12 text-center lg:col-span-2">
+  <div class="mb-6 flex h-20 w-20 items-center justify-center rounded-full bg-green-500/10"><Lock class="h-10 w-10 text-green-500" /></div>
+  <h2 class="mb-2 text-3xl font-bold tracking-tight">{isViewOnce ? 'Your view-once link is ready' : 'Your file is encrypted and ready to send'}</h2>
+  <p class="mb-8 text-muted-foreground">{isViewOnce ? 'This link can only be viewed once:' : 'Copy the link to share your file:'}</p>
 
-			{#if isViewOnce}
-				<ButtonGroup.Root>
-					<Button
-						variant="outline"
-						size="icon-sm"
-						href={viewOnceLink}
-						class="cursor-pointer"
-						aria-label="View once"
-					>
-						<Tooltip.Provider>
-							<Tooltip.Root>
-								<Tooltip.Trigger>
-									<ScanEye class="size-4" />
-								</Tooltip.Trigger>
-								<Tooltip.Content>View once in browser</Tooltip.Content>
-							</Tooltip.Root>
-						</Tooltip.Provider>
-					</Button>
-				</ButtonGroup.Root>
-			{:else}
-				<ButtonGroup.Root>
-					<Button
-						variant="outline"
-						class="cursor-pointer"
-						size="icon-sm"
-						href={finalLink}
-						aria-label="Download"
-					>
-						<Tooltip.Provider>
-							<Tooltip.Root>
-								<Tooltip.Trigger>
-									<Download class="size-4" />
-								</Tooltip.Trigger>
-								<Tooltip.Content>Download file</Tooltip.Content>
-							</Tooltip.Root>
-						</Tooltip.Provider>
-					</Button>
+  <div class="mb-8 flex w-full max-w-md items-center gap-2"><Input readonly value={link} class="font-mono text-sm" /></div>
 
-					<Button
-						variant="outline"
-						size="icon-sm"
-						class="cursor-pointer"
-						href={finalLink.replace('/download/', '/view/')}
-						aria-label="View"
-					>
-						<Tooltip.Provider>
-							<Tooltip.Root>
-								<Tooltip.Trigger>
-									<Eye class="size-4" />
-								</Tooltip.Trigger>
-								<Tooltip.Content>View file in browser</Tooltip.Content>
-							</Tooltip.Root>
-						</Tooltip.Provider>
-					</Button>
-				</ButtonGroup.Root>
-			{/if}
-		</ButtonGroup.Root>
+  <div class="mb-8 flex flex-col items-center gap-4">
+    <AspectRatio ratio={1} class="rounded-lg border bg-white p-2 dark:bg-white max-w-xs">
+      <QRCode value={link} size={180} color="#000000" backgroundColor="#ffffff" />
+    </AspectRatio>
+  </div>
 
-		<Button variant="ghost" class="cursor-pointer" onclick={onReset}>Upload more files</Button>
-	</div>
+  <div class="flex flex-col gap-4">
+    <Tooltip.Provider>
+      <ButtonGroup.Root>
+        <Tooltip.Root>
+          <Tooltip.Trigger>
+            <Button variant="outline" size="sm" class="w-32" onclick={copyLink}>
+              {#if isCopied}<Check class="mr-2 size-4" /> Copied{:else}<Copy class="mr-2 size-4" /> Copy link{/if}
+            </Button>
+          </Tooltip.Trigger>
+          <Tooltip.Content>Copy link to clipboard</Tooltip.Content>
+        </Tooltip.Root>
+        <ButtonGroup.Separator />
+        {#if isViewOnce}
+          <Tooltip.Root>
+            <Tooltip.Trigger>
+              <Button variant="outline" size="icon-sm" href={viewOnceLink} aria-label="View once"><ScanEye class="size-4" /></Button>
+            </Tooltip.Trigger>
+            <Tooltip.Content>View once in browser</Tooltip.Content>
+          </Tooltip.Root>
+        {:else}
+          <Tooltip.Root>
+            <Tooltip.Trigger>
+              <Button variant="outline" size="icon-sm" href={finalLink} aria-label="Download"><Download class="size-4" /></Button>
+            </Tooltip.Trigger>
+            <Tooltip.Content>Download file</Tooltip.Content>
+          </Tooltip.Root>
+          <ButtonGroup.Separator />
+          <Tooltip.Root>
+            <Tooltip.Trigger>
+              <Button variant="outline" size="icon-sm" href={finalLink.replace('/download/', '/view/')} aria-label="View"><Eye class="size-4" /></Button>
+            </Tooltip.Trigger>
+            <Tooltip.Content>View file in browser</Tooltip.Content>
+          </Tooltip.Root>
+        {/if}
+      </ButtonGroup.Root>
+    </Tooltip.Provider>
+    <Button variant="ghost" onclick={onReset}>Upload more files</Button>
+  </div>
 </div>
diff --git a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/upload_showcase.svelte b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/upload_showcase.svelte
index eadcf254..ed273aae 100644
--- a/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/upload_showcase.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/upload_showcase.svelte
@@ -1,15 +1,13 @@
 <script lang="ts">
-	import { onMount } from 'svelte';
 	import { Tween } from 'svelte/motion';
 	import { cubicOut } from 'svelte/easing';
 	import { formatFileSize } from '#functions/bytes';
 	import { subscribeAppState, appState } from './state.svelte';
 	import { HardDrive, Wifi, WifiOff } from '@lucide/svelte';
-	import { Progress } from '$lib/components/ui/progress';
-	import * as Tooltip from '$lib/components/ui/tooltip/index';
-	import { cn } from '$lib/utils';
+	import { Progress } from '$lib/components/ui/progress/index.js';
+	import * as Tooltip from '$lib/components/ui/tooltip/index.js';
 
-	let { localUploadSize = 0 }: { localUploadSize: number } = $props();
+	const { localUploadSize = 0 }: { localUploadSize: number } = $props();
 
 	// Distinct Tailwind colors for each active upload segment
 	const SEGMENT_COLORS = [
@@ -23,71 +21,58 @@
 		'bg-pink-500'
 	];
 
-	const SEGMENT_LEGEND_COLORS = [
-		'bg-sky-400',
-		'bg-violet-400',
-		'bg-amber-400',
-		'bg-rose-400',
-		'bg-emerald-400',
-		'bg-orange-400',
-		'bg-teal-400',
-		'bg-pink-400'
-	];
+	const SEGMENT_LEGEND_COLORS = SEGMENT_COLORS.map((c) => c.replace('-500', '-400'));
 
 	// Minimum visible width (%) for any segment so tiny uploads are still perceptible
 	const MIN_SEGMENT_PCT = 0.6;
 
 	const tweenOpts = { duration: 600, easing: cubicOut };
 
-	// Split uploads into finished and active (in-progress)
-	let finishedUploads = $derived(appState.current.active_uploads.filter((u) => u.done));
-	let activeUploads = $derived(appState.current.active_uploads.filter((u) => !u.done));
+	// Split uploads into finished and active
+	const finishedUploads = $derived(appState.current.active_uploads.filter((u) => u.done));
+	const activeUploads = $derived(appState.current.active_uploads.filter((u) => !u.done));
 
-	let finishedBytes = $derived(finishedUploads.reduce((s, u) => s + u.uploaded_bytes, 0));
-	let activeBytes = $derived(activeUploads.reduce((s, u) => s + u.uploaded_bytes, 0));
-	let allInflightBytes = $derived(finishedBytes + activeBytes);
+	const finishedBytes = $derived(finishedUploads.reduce((s, u) => s + u.uploaded_bytes, 0));
+	const activeBytes = $derived(activeUploads.reduce((s, u) => s + u.uploaded_bytes, 0));
+	const allInflightBytes = $derived(finishedBytes + activeBytes);
 
-	let remaining = $derived.by(() => {
-		const st = appState.current;
-		if (!st.total_available_space) return 0;
-		return Math.max(
-			0,
-			st.total_available_space - st.total_space_used - allInflightBytes - localUploadSize
-		);
-	});
+	const remaining = $derived(
+		appState.current.total_available_space
+			? Math.max(0, appState.current.total_available_space - appState.current.total_space_used - allInflightBytes - localUploadSize)
+			: 0
+	);
 
 	// capacity = remaining free space + all in-flight bytes + local prediction
-	let capacity = $derived(remaining + allInflightBytes + localUploadSize);
+	const capacity = $derived(remaining + allInflightBytes + localUploadSize);
 
 	// Total bar fill (finished + active + local) as a percentage
-	let totalConsumptionPct = $derived.by(() => {
-		if (capacity <= 0) return 0;
-		return Math.min(100, ((allInflightBytes + localUploadSize) / capacity) * 100);
-	});
+	const totalConsumptionPct = $derived(
+		capacity > 0 ? Math.min(100, ((allInflightBytes + localUploadSize) / capacity) * 100) : 0
+	);
 
 	// Finished uploads: single tween for the combined segment on the left
-	let finishedPct = new Tween(0, tweenOpts);
+	const finishedPct = new Tween(0, tweenOpts);
 
 	// Local upload prediction: single tween for the "Your upload" segment
-	let localPct = new Tween(0, tweenOpts);
+	const localPct = new Tween(0, tweenOpts);
 
 	// Active uploads: one tween per in-progress upload
 	let uploadPcts = $state<Tween<number>[]>([]);
 
+	// Repeated offset calculations extracted to $derived
+	const finishedOffset = $derived(
+		finishedPct.current > 0 ? Math.max(finishedPct.current, MIN_SEGMENT_PCT) : 0
+	);
+	const activeSegmentsWidth = $derived(
+		uploadPcts.reduce((s, t) => s + Math.max(t.current, MIN_SEGMENT_PCT), 0)
+	);
+
 	$effect(() => {
-		if (capacity > 0) {
-			finishedPct.target = (finishedBytes / capacity) * 100;
-		} else {
-			finishedPct.target = 0;
-		}
+		finishedPct.target = capacity > 0 ? (finishedBytes / capacity) * 100 : 0;
 	});
 
 	$effect(() => {
-		if (capacity > 0 && localUploadSize > 0) {
-			localPct.target = (localUploadSize / capacity) * 100;
-		} else {
-			localPct.target = 0;
-		}
+		localPct.target = capacity > 0 && localUploadSize > 0 ? (localUploadSize / capacity) * 100 : 0;
 	});
 
 	$effect(() => {
@@ -106,10 +91,10 @@
 		}
 	});
 
-	onMount(() => {
-		const unsub = subscribeAppState();
-		return unsub;
-	});
+	$effect(() => {
+    const unsub = subscribeAppState();
+    return unsub;
+  });
 </script>
 
 <div class="mx-auto mt-6 w-full max-w-5xl">
@@ -203,9 +188,7 @@
 
 					<!-- Active uploads segments -->
 					{#each uploadPcts as pct, i}
-						{@const offset =
-							(finishedPct.current > 0 ? Math.max(finishedPct.current, MIN_SEGMENT_PCT) : 0) +
-							uploadPcts.slice(0, i).reduce((s, t) => s + Math.max(t.current, MIN_SEGMENT_PCT), 0)}
+						{@const offset = finishedOffset + uploadPcts.slice(0, i).reduce((s, t) => s + Math.max(t.current, MIN_SEGMENT_PCT), 0)}
 						<Tooltip.Root>
 							<Tooltip.Trigger
 								class="absolute inset-y-0 z-10 cursor-default"
@@ -240,11 +223,9 @@
 
 					<!-- Local upload prediction segment -->
 					{#if localPct.current > 0}
-						{@const localOffset =
-							(finishedPct.current > 0 ? Math.max(finishedPct.current, MIN_SEGMENT_PCT) : 0) +
-							uploadPcts.reduce((s, t) => s + Math.max(t.current, MIN_SEGMENT_PCT), 0)}
-						<Tooltip.Root>
-							<Tooltip.Trigger
+						{@const localOffset = finishedOffset + activeSegmentsWidth}
+							<Tooltip.Root>
+								<Tooltip.Trigger
 								class="absolute inset-y-0 z-10 cursor-default"
 								style="left: {localOffset}%; width: {Math.max(localPct.current, MIN_SEGMENT_PCT)}%"
 							>
@@ -253,7 +234,7 @@
 									style="animation-duration: 1.5s;
 										background-image: repeating-linear-gradient(
 											-45deg, transparent, transparent 3px,
-											rgba(255,255,255,0.2) 3px, rgba(255,255,255,0.2) 6px
+											color-mix(in oklch, var(--foreground) 20%, transparent) 3px, color-mix(in oklch, var(--foreground) 20%, transparent) 6px
 										)"
 								></div>
 							</Tooltip.Trigger>
@@ -269,28 +250,21 @@
 
 					<!-- Diagonal stripe overlay on active uploads -->
 					{#if uploadPcts.length > 0}
-						{@const activeStartPct =
-							finishedPct.current > 0 ? Math.max(finishedPct.current, MIN_SEGMENT_PCT) : 0}
-						{@const activeWidthPct = uploadPcts.reduce(
-							(s, t) => s + Math.max(t.current, MIN_SEGMENT_PCT),
-							0
-						)}
+						{@const activeStartPct = finishedOffset}
+						{@const activeWidthPct = activeSegmentsWidth}
 						<div
 							class="pointer-events-none absolute inset-y-0 opacity-15"
 							style="left: {activeStartPct}%; width: {activeWidthPct}%;
 								background-image: repeating-linear-gradient(
 									45deg, transparent, transparent 4px,
-									rgba(255,255,255,0.4) 4px, rgba(255,255,255,0.4) 8px
+									color-mix(in oklch, var(--foreground) 40%, transparent) 4px, color-mix(in oklch, var(--foreground) 40%, transparent) 8px
 								)"
 						></div>
 					{/if}
 
 					<!-- Remaining space tooltip  -->
 					{#if appState.current.total_available_space}
-						{@const filledPct =
-							(finishedPct.current > 0 ? Math.max(finishedPct.current, MIN_SEGMENT_PCT) : 0) +
-							uploadPcts.reduce((s, t) => s + Math.max(t.current, MIN_SEGMENT_PCT), 0) +
-							(localPct.current > 0 ? Math.max(localPct.current, MIN_SEGMENT_PCT) : 0)}
+						{@const filledPct = finishedOffset + activeSegmentsWidth + (localPct.current > 0 ? Math.max(localPct.current, MIN_SEGMENT_PCT) : 0)}
 						{#if filledPct < 100}
 							<Tooltip.Root>
 								<Tooltip.Trigger
diff --git a/src/frontend/src/routes/(needs_onboarding)/+layout.svelte b/src/frontend/src/routes/(needs_onboarding)/+layout.svelte
index 3697acfe..d576c9df 100644
--- a/src/frontend/src/routes/(needs_onboarding)/+layout.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/+layout.svelte
@@ -1,16 +1,18 @@
 <script lang="ts">
 	import { page } from '$app/state';
 	import { goto } from '$app/navigation';
-	import { useOnboarding } from '#queries/onboarding';
+	import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+	import { OnboardingDocument } from '$lib/graphql/generated/graphql.js';
+	import type { OnboardingQuery } from '$lib/graphql/generated/graphql.js';
 
-	let { children } = $props();
+	const { children } = $props();
 
-	const { status } = useOnboarding();
+	const onboardingQuery = createQueryStore<OnboardingQuery>(OnboardingDocument);
 
 	$effect.pre(() => {
-		if (status.isLoading || !status.data) return;
+		if (onboardingQuery.fetching || !onboardingQuery.data) return;
 		const isOnboardingRoute = page.url.pathname.startsWith('/onboarding');
-		const needsOnboarding = !status.data.onboarded;
+		const needsOnboarding = !onboardingQuery.data.onboarding.isConfigured;
 		if (needsOnboarding && !isOnboardingRoute) {
 			goto('/onboarding');
 		}
diff --git a/src/frontend/src/routes/(needs_onboarding)/+layout.ts b/src/frontend/src/routes/(needs_onboarding)/+layout.ts
index e4a4e186..041cc26c 100644
--- a/src/frontend/src/routes/(needs_onboarding)/+layout.ts
+++ b/src/frontend/src/routes/(needs_onboarding)/+layout.ts
@@ -1,8 +1,9 @@
-import { prefetch } from '#queries/onboarding';
+import { client } from '$lib/graphql/client.js';
+import { OnboardingDocument } from '$lib/graphql/generated/graphql.js';
 import type { LayoutLoad } from './$types';
 
 export const load: LayoutLoad = async ({ parent, fetch }) => {
 	const { queryClient } = await parent();
 
-	prefetch({ queryClient: queryClient, fetch });
+	await client.query({ query: OnboardingDocument });
 };
diff --git a/src/frontend/src/routes/(needs_onboarding)/login/+page.server.ts b/src/frontend/src/routes/(needs_onboarding)/login/+page.server.ts
index 18583053..f8e7b97b 100644
--- a/src/frontend/src/routes/(needs_onboarding)/login/+page.server.ts
+++ b/src/frontend/src/routes/(needs_onboarding)/login/+page.server.ts
@@ -1,11 +1,12 @@
 import { login as loginRemote } from '$lib/remote/auth.remote';
+import type { Actions } from '@sveltejs/kit';
 import { fail } from '@sveltejs/kit';
 import { message, setError, superValidate } from 'sveltekit-superforms';
 import { zod4 } from 'sveltekit-superforms/adapters';
 import { schema } from './schema';
 
 export const actions = {
-	default: async ({ request }) => {
+	default: async ({ request }: { request: Request }) => {
 		const form = await superValidate(request, zod4(schema));
 
 		if (!form.valid) {
diff --git a/src/frontend/src/routes/(needs_onboarding)/login/+page.svelte b/src/frontend/src/routes/(needs_onboarding)/login/+page.svelte
index 5ca90e3a..a3938407 100644
--- a/src/frontend/src/routes/(needs_onboarding)/login/+page.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/login/+page.svelte
@@ -1,12 +1,5 @@
 <script lang="ts">
-	import {
-		Card,
-		CardContent,
-		CardDescription,
-		CardFooter,
-		CardHeader,
-		CardTitle
-	} from '$lib/components/ui/card';
+	import * as Card from '$lib/components/ui/card/index.js';
 	import { page } from '$app/state';
 	import { ShieldCheck, ChevronLeft } from '@lucide/svelte';
 	import { fly } from 'svelte/transition';
@@ -24,7 +17,7 @@
 		return url;
 	});
 
-	let { data } = $props();
+	const { data } = $props();
 </script>
 
 <div
@@ -41,34 +34,32 @@
 	</a>
 
 	<div in:fly={{ y: 20, duration: 800 }} class="z-10 w-full max-w-100">
-		<Card
+		<Card.Root
 			class="relative overflow-hidden border-border/60 bg-card/70 shadow-[0_8px_30px_rgb(0,0,0,0.04)] backdrop-blur-2xl"
 		>
-			<div
-				class="absolute top-0 left-0 h-px w-full bg-linear-to-r from-transparent via-primary/40 to-transparent"
-			></div>
+			<div class="absolute left-0 top-0 h-px w-full bg-linear-to-r from-transparent via-primary/40 to-transparent"></div>
 
-			<CardHeader class="space-y-3 pt-10 pb-8 text-center">
+			<Card.Header class="space-y-3 pt-10 pb-8 text-center">
 				<div
 					class="mx-auto mb-2 flex h-14 w-14 items-center justify-center rounded-2xl border border-primary/20 bg-primary/10 text-primary shadow-sm ring-1 ring-primary/20"
 				>
 					<ShieldCheck class="size-8" />
 				</div>
 				<div class="space-y-1">
-					<CardTitle class="text-2xl font-semibold tracking-tight text-foreground"
-						>Admin Portal</CardTitle
+					<Card.Title class="text-2xl font-semibold tracking-tight text-foreground"
+						>Admin Portal</Card.Title
 					>
-					<CardDescription class="text-sm text-muted-foreground">
+					<Card.Description class="text-sm text-muted-foreground">
 						Enter your credentials to continue
-					</CardDescription>
+					</Card.Description>
 				</div>
-			</CardHeader>
+			</Card.Header>
 
-			<CardContent>
+			<Card.Content>
 				<LoginForm {data} next_url={nextUrl} />
-			</CardContent>
+			</Card.Content>
 
-			<CardFooter
+			<Card.Footer
 				class="flex items-center justify-center border-t border-border/50 bg-muted/50 py-6"
 			>
 				<p class="text-sm text-muted-foreground">
@@ -80,7 +71,9 @@
 						Create an account
 					</a>
 				</p>
-			</CardFooter>
-		</Card>
+			</Card.Footer>
+		</Card.Root>
 	</div>
 </div>
+
+
diff --git a/src/frontend/src/routes/(needs_onboarding)/login/login_form.svelte b/src/frontend/src/routes/(needs_onboarding)/login/login_form.svelte
index 997a8c9b..da9ce731 100644
--- a/src/frontend/src/routes/(needs_onboarding)/login/login_form.svelte
+++ b/src/frontend/src/routes/(needs_onboarding)/login/login_form.svelte
@@ -1,133 +1,62 @@
 <script lang="ts">
-	import { Input } from '$lib/components/ui/input/index.js';
-	import { schema, type FormSchema } from './schema';
-	import { type SuperValidated, type Infer, superForm } from 'sveltekit-superforms';
-	import { zod4Client } from 'sveltekit-superforms/adapters';
-	import { cn } from '$lib/utils';
-	import * as Form from '$lib/components/ui/form/index';
-	import { ArrowRight, Mail, Lock, LoaderCircle, Eye, EyeOff } from '@lucide/svelte';
-	import { Button } from '$lib/components/ui/button';
-	import { untrack } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { toast } from 'svelte-sonner';
-	import { QueryClient } from '@tanstack/svelte-query';
-	import { queryKey as authQueryKey } from '#queries/auth';
-
-	let showPassword = $state(false);
-
-	let { data, next_url }: { data: { form: SuperValidated<Infer<FormSchema>> }; next_url: string } =
-		$props();
-
-	const queryClient = new QueryClient();
-	const form = superForm(
-		untrack(() => data.form),
-		{
-			validators: zod4Client(schema),
-			onUpdated: async ({ form }) => {
-				if (form.valid) {
-					queryClient.invalidateQueries({
-						queryKey: [authQueryKey],
-						exact: true,
-						refetchType: 'all'
-					});
-					// Hard refresh
-					window.location.href = next_url;
-				} else {
-					const globalErrors = form.errors._errors;
-
-					if (globalErrors && globalErrors.length > 0) {
-						toast.error(globalErrors[0]);
-					} else {
-						toast.error('Please check your credentials.');
-					}
-				}
-			}
-		}
-	);
-
-	const { form: formData, enhance, submitting } = form;
-
-	const isPasswordEmpty = $derived($formData.password.length === 0);
-
-	// Auto-hide password text if the input is cleared
-	$effect(() => {
-		if (isPasswordEmpty) {
-			showPassword = false;
-		}
-	});
+  import { Input } from '$lib/components/ui/input/index.js';
+  import { schema, type FormSchema } from './schema';
+  import { type SuperValidated, type Infer, superForm } from 'sveltekit-superforms';
+  import { zod4Client } from 'sveltekit-superforms/adapters';
+  import * as Form from '$lib/components/ui/form/index.js';
+  import { ArrowRight, Mail, Lock, Eye, EyeOff } from '@lucide/svelte';
+  import { Spinner } from '$lib/components/ui/spinner/index.js';
+  import { Button } from '$lib/components/ui/button/index.js';
+  import { untrack } from 'svelte';
+  import { toast } from 'svelte-sonner';
+  import { QueryClient } from '@tanstack/svelte-query';
+
+  let showPassword = $state(false);
+  let { data, next_url }: { data: { form: SuperValidated<Infer<FormSchema>> }; next_url: string } = $props();
+
+  const form = superForm(untrack(() => data.form), {
+    validators: zod4Client(schema),
+    onUpdated: async ({ form }) => {
+      if (form.valid) { window.location.href = next_url; }
+      else { const errors = form.errors._errors; toast.error(errors?.[0] || 'Please check your credentials.'); }
+    }
+  });
+
+  const { form: formData, enhance, submitting } = form;
+  const pwEmpty = $derived($formData.password.length === 0);
+  $effect(() => { if (pwEmpty) showPassword = false; });
 </script>
 
 <form use:enhance method="POST" class="grid gap-6">
-	<Form.Field {form} name="email">
-		<Form.Control>
-			<Form.Label class="ml-1 text-sm font-medium text-foreground">Email or Username</Form.Label>
-			<div class="group relative">
-				<div
-					class="absolute inset-y-0 left-3.5 flex items-center text-muted-foreground transition-colors group-focus-within:text-primary"
-				>
-					<Mail class="size-4" />
-				</div>
-				<Input
-					name="email"
-					bind:value={$formData.email}
-					placeholder="name@example.com"
-					class="h-12 border-border bg-background/50 pl-11 transition-all focus-visible:ring-primary/40"
-				/>
-			</div>
-		</Form.Control>
-		<Form.FieldErrors />
-	</Form.Field>
-
-	<Form.Field {form} name="password">
-		<Form.Control>
-			<Form.Label class="text-sm font-medium text-foreground">Password</Form.Label>
-			<div class="group relative">
-				<div
-					class="absolute inset-y-0 left-3.5 flex items-center text-muted-foreground transition-colors group-focus-within:text-primary"
-				>
-					<Lock class="size-4" />
-				</div>
-				<Input
-					name="password"
-					type={showPassword ? 'text' : 'password'}
-					bind:value={$formData.password}
-					placeholder="••••••••"
-					class="h-12 border-border bg-background/50 px-11 transition-all focus-visible:ring-primary/40"
-				/>
-
-				<Button
-					variant="ghost"
-					size="icon"
-					type="button"
-					onclick={() => (showPassword = !showPassword)}
-					disabled={isPasswordEmpty}
-					class={[
-						'absolute top-1 right-1 h-10 w-10 text-muted-foreground transition-all duration-200',
-						isPasswordEmpty && 'pointer-events-none scale-90 opacity-0',
-						!isPasswordEmpty && 'scale-100 opacity-100 hover:bg-transparent hover:text-foreground'
-					]}
-				>
-					{#if showPassword}
-						<EyeOff class="size-4" />
-					{:else}
-						<Eye class="size-4" />
-					{/if}
-				</Button>
-			</div>
-		</Form.Control>
-		<Form.FieldErrors />
-	</Form.Field>
-
-	<Form.Button
-		disabled={$submitting}
-		class="h-12 w-full font-semibold shadow-lg shadow-primary/20 transition-all hover:brightness-105 active:scale-[0.98] disabled:opacity-70"
-	>
-		{#if $submitting}
-			<LoaderCircle class="mr-2 size-5 animate-spin" />
-			Authenticating
-		{:else}
-			Sign In
-			<ArrowRight class="ml-2 size-5 transition-transform group-hover:translate-x-1" />
-		{/if}
-	</Form.Button>
+  <Form.Field {form} name="email">
+    <Form.Control>
+      {#snippet children({ props })}
+        <Form.Label class="ml-1 text-sm font-medium text-foreground">Email or Username</Form.Label>
+        <div class="group relative">
+          <div class="absolute inset-y-0 left-3.5 flex items-center text-muted-foreground transition-colors group-focus-within:text-primary"><Mail class="size-4" /></div>
+          <Input {...props} bind:value={$formData.email} placeholder="name@example.com" class="h-12 border-border bg-background/50 pl-11 transition-all focus-visible:ring-primary/40" />
+        </div>
+      {/snippet}
+    </Form.Control>
+    <Form.FieldErrors />
+  </Form.Field>
+  <Form.Field {form} name="password">
+    <Form.Control>
+      {#snippet children({ props })}
+        <Form.Label class="text-sm font-medium text-foreground">Password</Form.Label>
+        <div class="group relative">
+          <div class="absolute inset-y-0 left-3.5 flex items-center text-muted-foreground transition-colors group-focus-within:text-primary"><Lock class="size-4" /></div>
+          <Input {...props} type={showPassword ? 'text' : 'password'} bind:value={$formData.password} placeholder="••••••••" class="h-12 border-border bg-background/50 px-11 transition-all focus-visible:ring-primary/40" />
+          <Button variant="ghost" size="icon" type="button" onclick={() => showPassword = !showPassword} disabled={pwEmpty}
+            class={['absolute top-1 right-1 h-10 w-10 text-muted-foreground transition-all duration-200', pwEmpty && 'pointer-events-none scale-90 opacity-0', !pwEmpty && 'scale-100 opacity-100 hover:bg-transparent hover:text-foreground']}>
+            {#if showPassword}<EyeOff class="size-4" />{:else}<Eye class="size-4" />{/if}
+          </Button>
+        </div>
+      {/snippet}
+    </Form.Control>
+    <Form.FieldErrors />
+  </Form.Field>
+  <Form.Button disabled={$submitting} class="h-12 w-full font-semibold shadow-lg shadow-primary/20 transition-all hover:brightness-105 active:scale-[0.98] disabled:opacity-70">
+    {#if $submitting}<Spinner />Authenticating{:else}Sign In<ArrowRight class="ml-2 size-5 transition-transform group-hover:translate-x-1" />{/if}
+  </Form.Button>
 </form>
diff --git a/src/frontend/src/routes/(needs_onboarding)/logout/+page.server.ts b/src/frontend/src/routes/(needs_onboarding)/logout/+page.server.ts
index f5de981d..fd36660c 100644
--- a/src/frontend/src/routes/(needs_onboarding)/logout/+page.server.ts
+++ b/src/frontend/src/routes/(needs_onboarding)/logout/+page.server.ts
@@ -3,7 +3,7 @@ import { logout } from '$lib/remote/auth.remote';
 import { redirect } from '@sveltejs/kit';
 
 export const actions = {
-	default: async ({ url }) => {
+	default: async ({ url }: { url: URL }) => {
 		await logout();
 
 		let next = url.searchParams.get('next') ?? '/';
diff --git a/src/frontend/src/routes/+error.svelte b/src/frontend/src/routes/+error.svelte
index fc7545ce..d7d6c137 100644
--- a/src/frontend/src/routes/+error.svelte
+++ b/src/frontend/src/routes/+error.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/state';
-	import { Button } from '$lib/components/ui/button';
-	import * as Card from '$lib/components/ui/card';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import * as Card from '$lib/components/ui/card/index.js';
 	import { RefreshCw, ShieldAlert } from '@lucide/svelte';
 	import { fly } from 'svelte/transition';
 
@@ -14,7 +14,7 @@
 </script>
 
 <div
-	class="relative flex min-h-svh items-center justify-center overflow-hidden bg-slate-50 p-4 transition-colors duration-500 dark:bg-zinc-950"
+	class="relative flex min-h-svh items-center justify-center overflow-hidden bg-background p-4 transition-colors duration-500"
 >
 	<div class="absolute inset-0 z-0">
 		<div
@@ -24,13 +24,13 @@
 			class="absolute -right-24 -bottom-24 h-125 w-125 rounded-full bg-orange-500/10 blur-[120px] dark:bg-orange-500/10"
 		></div>
 		<div
-			class="absolute inset-0 bg-[linear-gradient(to_right,#00000008_1px,transparent_1px),linear-gradient(to_bottom,#00000008_1px,transparent_1px)] mask-[radial-gradient(ellipse_at_center,black,transparent_90%)] bg-size-[40px_40px] dark:bg-[linear-gradient(to_right,#ffffff08_1px,transparent_1px),linear-gradient(to_bottom,#ffffff08_1px,transparent_1px)]"
+			class="absolute inset-0 bg-(--grid-gradient) mask-(radial-gradient(ellipse_at_center,black,transparent_90%)) bg-size-(40px_40px)"
 		></div>
 	</div>
 
 	<div in:fly={{ y: 20, duration: 800 }} class="z-10 w-full max-w-md">
 		<Card.Root
-			class="relative overflow-hidden border-slate-200/60 bg-white/70 shadow-[0_8px_30px_rgb(0,0,0,0.04)] backdrop-blur-2xl dark:border-zinc-800/50 dark:bg-zinc-900/50"
+			class="relative overflow-hidden border-border/60 bg-card/70 shadow-[0_8px_30px_rgb(0,0,0,0.04)] backdrop-blur-2xl"
 		>
 			<div
 				class="absolute top-0 left-0 h-px w-full bg-linear-to-r from-transparent via-red-500/40 to-transparent"
@@ -43,12 +43,12 @@
 					<ShieldAlert class="size-8" />
 				</div>
 				<div class="space-y-1">
-					<Card.Title class="text-2xl font-semibold tracking-tight text-slate-900 dark:text-white">
+					<Card.Title class="text-2xl font-semibold tracking-tight text-foreground">
 						{#if status === 404}
 							Page Not Found
 						{/if}
 					</Card.Title>
-					<Card.Description class="text-sm text-slate-500 dark:text-zinc-400">
+					<Card.Description class="text-sm text-muted-foreground">
 						{#if error?.message}
 							{error.message}
 						{:else}
@@ -58,12 +58,12 @@
 				</div>
 			</Card.Header>
 
-			<Card.Content class="text-center text-sm text-slate-600 dark:text-zinc-400">
+			<Card.Content class="text-center text-sm text-muted-foreground">
 				<p>We encountered an error while processing your request. Please try again later.</p>
 			</Card.Content>
 
 			<Card.Footer
-				class="flex flex-col gap-3 border-t border-slate-100 bg-slate-50/50 py-6 dark:border-zinc-800/50 dark:bg-zinc-950/40"
+				class="flex flex-col gap-3 border-t border-border/50 bg-muted/20 py-6"
 			>
 				<Button class="w-full shadow-lg shadow-red-500/20 hover:bg-red-600" onclick={reload}>
 					<RefreshCw class="mr-2 size-4" />
@@ -73,3 +73,5 @@
 		</Card.Root>
 	</div>
 </div>
+
+
diff --git a/src/frontend/src/routes/+layout.svelte b/src/frontend/src/routes/+layout.svelte
index e8ff33d8..374c9642 100644
--- a/src/frontend/src/routes/+layout.svelte
+++ b/src/frontend/src/routes/+layout.svelte
@@ -1,81 +1,72 @@
 <script lang="ts">
-	import '#css/fonts.scss';
-	import '#css/nprogress.scss';
-	import '#css/tailwind.css';
-
-	import { afterNavigate, beforeNavigate } from '$app/navigation';
-	import { page } from '$app/state';
-	import NProgress from 'nprogress';
-	import favicon from '$lib/assets/logo.svg';
-	import { ModeWatcher } from 'mode-watcher';
-	import { QueryClientProvider } from '@tanstack/svelte-query';
-	import { Toaster } from '$lib/components/ui/sonner/index';
-	import type { LayoutData } from './$types';
-	import { type Component, type Snippet } from 'svelte';
-	import { MetaTags, deepMerge } from 'svelte-meta-tags';
-	import { WORKER_CONCURRENCY } from '#consts/concurrency';
-
-	let { children, data }: { children: Snippet; data: LayoutData } = $props();
-
-	const loadDevtools = async () => {
-		if (!import.meta.env.DEV) return Promise.resolve<Component<any> | null>(null);
-
-		const mod = await import('@tanstack/svelte-query-devtools');
-		return mod.SvelteQueryDevtools;
-	};
-
-	let SvelteQueryDevtools = $state<Component<any> | null>(null);
-
-	void loadDevtools().then((component) => {
-		SvelteQueryDevtools = component;
-	});
-
-	// zip.js initialize
-	$effect.pre(() => {
-		let cancelled = false;
-
-		void (async () => {
-			const { configure } = await import('@zip.js/zip.js');
-			if (cancelled) return;
-			configure({
-				useWebWorkers: true,
-				maxWorkers: WORKER_CONCURRENCY
-			});
-		})();
-
-		return () => {
-			cancelled = true;
-		};
-	});
-
-	// NProgress
-	$effect.pre(() => {
-		NProgress.done();
-	});
-	beforeNavigate(() => {
-		NProgress.start();
-	});
-	afterNavigate(() => {
-		NProgress.done();
-	});
-
-	let metaTags = $derived(deepMerge(data.baseMetaTags, page.data.pageMetaTags));
+  import 'temporal-polyfill';
+  import '#css/fonts.scss';
+  import '#css/nprogress.scss';
+  import '#css/tailwind.css';
+
+  import { afterNavigate, beforeNavigate } from '$app/navigation';
+  import { page } from '$app/state';
+  import NProgress from 'nprogress';
+
+  import favicon from '$lib/assets/logo.svg';
+  import { ModeWatcher } from 'mode-watcher';
+  import { QueryClientProvider } from '@tanstack/svelte-query';
+  import { Toaster } from '$lib/components/ui/sonner/index.js';
+  import CommandPalette from '$lib/components/CommandPalette.svelte';
+
+  import type { LayoutData } from './$types';
+  import { type Component, type Snippet } from 'svelte';
+  import { MetaTags, deepMerge } from 'svelte-meta-tags';
+  import { ensureInitialized } from '$lib/wasm/chithi_wasm';
+
+  let { children, data }: { children: Snippet; data: LayoutData } = $props();
+
+  const loadDevtools = async () => {
+    if (!import.meta.env.DEV) return null;
+    const mod = await import('@tanstack/svelte-query-devtools');
+    return mod.SvelteQueryDevtools;
+  };
+
+  let SvelteQueryDevtools = $state<Component<any> | null>(null);
+  void loadDevtools().then((c) => { SvelteQueryDevtools = c; });
+
+  $effect.pre(() => {
+    let cancelled = false;
+    (async () => {
+      if (cancelled) return;
+      await ensureInitialized();
+    })();
+    return () => { cancelled = true; };
+  });
+
+  $effect.pre(() => {
+    NProgress.done();
+  });
+
+  beforeNavigate(() => {
+    NProgress.start();
+  });
+
+  afterNavigate(() => {
+    NProgress.done();
+  });
+
+  let metaTags = $derived(deepMerge(data.baseMetaTags, page.data.pageMetaTags));
 </script>
 
 <svelte:head>
-	<link rel="icon" href={favicon} />
-	<title>Chithi</title>
+  <link rel="icon" href={favicon} />
+  <title>Chithi</title>
 </svelte:head>
 
 <MetaTags {...metaTags} />
-
 <Toaster />
-
+<CommandPalette />
 <ModeWatcher />
-<QueryClientProvider client={data.queryClient}>
-	{#if SvelteQueryDevtools}
-		<SvelteQueryDevtools buttonPosition="top-left" />
-	{/if}
 
-	{@render children()}
+<QueryClientProvider client={data.queryClient}>
+  {#if SvelteQueryDevtools}
+    <SvelteQueryDevtools buttonPosition="top-left" />
+  {/if}
+  {@render children()}
 </QueryClientProvider>
diff --git a/src/frontend/src/routes/+layout.ts b/src/frontend/src/routes/+layout.ts
index 18de4249..cde604b5 100644
--- a/src/frontend/src/routes/+layout.ts
+++ b/src/frontend/src/routes/+layout.ts
@@ -1,4 +1,3 @@
-import { prefetch as prefetchAuth } from '#queries/auth';
 import { user_store } from '$lib/store/user.svelte';
 import { QueryClient } from '@tanstack/svelte-query';
 import { defineBaseMetaTags } from 'svelte-meta-tags';
@@ -16,7 +15,7 @@ export const load: LayoutLoad = async ({ data, url, fetch }) => {
 	});
 
 	if (data.token) {
-		await prefetchAuth({ queryClient, fetch });
+		// Auth state is managed by the ME query in the layout component.
 	} else {
 		user_store.unauthenticate();
 	}
diff --git a/src/frontend/src/routes/informations/+layout.svelte b/src/frontend/src/routes/informations/+layout.svelte
index 950581ab..f81ba48e 100644
--- a/src/frontend/src/routes/informations/+layout.svelte
+++ b/src/frontend/src/routes/informations/+layout.svelte
@@ -4,8 +4,9 @@
 	import favicon from '$lib/assets/logo.svg';
 	import FancyGrid from '$lib/components/FancyGrid.svelte';
 	import { page } from '$app/state';
+	import { H1, P, Small } from '$lib/components/ui/typography/index.js';
 
-	let { children } = $props();
+	const { children } = $props();
 
 	const header = $derived(page.data.header);
 </script>
@@ -41,15 +42,15 @@
 			</div>
 
 			<div class="space-y-2">
-				<p class="text-xs font-semibold tracking-[0.28em] text-muted-foreground uppercase">
+				<Small class="text-xs font-semibold tracking-[0.28em] text-muted-foreground uppercase">
 					{header?.subtitle}
-				</p>
-				<h1 class="text-4xl font-semibold tracking-tight text-foreground sm:text-5xl">
+				</Small>
+				<H1 class="text-4xl font-semibold tracking-tight text-foreground sm:text-5xl">
 					{header?.title}
-				</h1>
-				<p class="mx-auto max-w-xl text-sm text-muted-foreground sm:text-base">
+				</H1>
+				<P class="mx-auto max-w-xl text-sm text-muted-foreground sm:text-base">
 					{header?.description}
-				</p>
+				</P>
 			</div>
 		</div>
 
diff --git a/src/frontend/src/routes/informations/+page.svelte b/src/frontend/src/routes/informations/+page.svelte
index acaa9ae7..593a95d4 100644
--- a/src/frontend/src/routes/informations/+page.svelte
+++ b/src/frontend/src/routes/informations/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import * as Card from '$lib/components/ui/card';
-	import { Button } from '$lib/components/ui/button';
+	import * as Card from '$lib/components/ui/card/index.js';
+	import { Button } from '$lib/components/ui/button/index.js';
 	import { SiGithub } from '@icons-pack/svelte-simple-icons';
 	import {
 		Server,
diff --git a/src/frontend/src/routes/informations/+page.ts b/src/frontend/src/routes/informations/+page.ts
index 5c4be836..b4c4f7bd 100644
--- a/src/frontend/src/routes/informations/+page.ts
+++ b/src/frontend/src/routes/informations/+page.ts
@@ -1,41 +1,14 @@
-import { definePageMetaTags } from 'svelte-meta-tags';
 import type { PageLoad } from './$types';
+import { buildInfoPage } from './page-loader';
 
 export const load: PageLoad = async ({ url }) => {
-	const ogUrl = new URL('/og/info', url.origin);
-	ogUrl.searchParams.set('label', 'INSTANCE OVERVIEW');
-	ogUrl.searchParams.set('title', 'System Information');
-	ogUrl.searchParams.set(
-		'description',
-		'Explore the infrastructure, performance metrics, and configuration of your Chithi deployment.'
-	);
+  const { response } = buildInfoPage(url, {
+    subtitle: 'INSTANCE OVERVIEW',
+    title: 'System Information',
+    description:
+      'Explore the infrastructure, performance metrics, and configuration of your Chithi deployment.',
+    ogLabel: 'INSTANCE OVERVIEW'
+  });
 
-	const pageTags = definePageMetaTags({
-		title: 'Instance Information',
-		description:
-			'Overview of this Chithi instance, including backend, frontend, and system statistics.',
-		openGraph: {
-			title: 'Instance Information',
-			description:
-				'Overview of this Chithi instance, including backend, frontend, and system statistics.',
-			images: [
-				{
-					url: ogUrl.toString(),
-					width: 1200,
-					height: 630,
-					alt: 'Instance Information'
-				}
-			]
-		}
-	});
-
-	return {
-		...pageTags,
-		header: {
-			subtitle: 'INSTANCE OVERVIEW',
-			title: 'System Information',
-			description:
-				'Explore the infrastructure, performance metrics, and configuration of your Chithi deployment.'
-		}
-	};
+  return response;
 };
diff --git a/src/frontend/src/routes/informations/backend/+page.svelte b/src/frontend/src/routes/informations/backend/+page.svelte
index 9e254fcd..dcf33b91 100644
--- a/src/frontend/src/routes/informations/backend/+page.svelte
+++ b/src/frontend/src/routes/informations/backend/+page.svelte
@@ -1,201 +1,55 @@
 <script lang="ts">
-	import * as Card from '$lib/components/ui/card';
-	import { Button } from '$lib/components/ui/button';
-	import {
-		SiPython,
-		SiFastapi,
-		SiRedis,
-		SiPostgresql,
-		SiGithub
-	} from '@icons-pack/svelte-simple-icons';
-	import {
-		Server,
-		GitCommitHorizontal,
-		Tag,
-		BookOpen,
-		ExternalLink,
-		ShieldCheck,
-		LoaderCircle,
-		CircleAlert
-	} from '@lucide/svelte';
-	import { useInstanceInformationQuery } from '$lib/queries/instance';
-
-	const instanceQuery = useInstanceInformationQuery();
-
-	const repo = 'https://github.com/chithi-dev/chithi';
-
-	const info = $derived(instanceQuery.data);
-	const commitUrl = $derived(info?.commit === 'dev' ? repo : `${repo}/commit/${info?.commit}`);
-	const shortCommit = $derived(info?.commit?.slice(0, 12) ?? '');
+	import { Button } from '$lib/components/ui/button/index.js';
+	import { SiPython } from '@icons-pack/svelte-simple-icons';
+	import { Server, ShieldCheck, CircleAlert, Monitor } from '@lucide/svelte';
+	import { Spinner } from '$lib/components/ui/spinner/index.js';
+	import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+	import { InstanceInformationDocument, type InstanceInformationQuery } from '$lib/graphql/generated/graphql.js';
+	import { client } from '$lib/graphql/client.js';
+	import InfoCard from '../components/InfoCard.svelte';
+
+	const instanceQuery = createQueryStore<InstanceInformationQuery>(InstanceInformationDocument);
+	const info = $derived(instanceQuery.data?.instanceInformation);
+
+	const infoRows = $derived([
+		{ Icon: SiPython, label: 'Python Runtime', value: info?.pythonVersion },
+		{ Icon: Server, label: 'Backend Version', value: info?.backendVersion },
+		{ Icon: Monitor, label: 'Platform', value: info?.platform }
+	]);
 </script>
 
-{#if instanceQuery.isLoading}
+{#if instanceQuery.fetching}
 	<div class="flex h-64 items-center justify-center">
-		<LoaderCircle class="h-8 w-8 animate-spin text-muted-foreground" />
+		<Spinner class="size-8 text-muted-foreground" />
 	</div>
-{:else if instanceQuery.isError}
+{:else if instanceQuery.error}
 	<div class="flex flex-col items-center justify-center gap-4 py-12 text-destructive">
 		<CircleAlert class="h-12 w-12" />
 		<p class="font-medium">Failed to load backend information</p>
-		<Button variant="outline" onclick={() => instanceQuery.refetch()}>Retry</Button>
+		<Button variant="outline" onclick={() => client.query({ query: InstanceInformationDocument })}>Retry</Button>
 	</div>
 {:else if info}
-	<Card.Root
-		class="relative overflow-hidden border border-border/60 bg-card/75 shadow-[0_12px_40px_rgb(0,0,0,0.06)] backdrop-blur-2xl"
+	<InfoCard
+		headerIcon={Server}
+		title="Service Stack"
+		description="Core technologies powering this instance."
+		watermarkIcon={ShieldCheck}
+		showFooter
 	>
-		<div
-			class="absolute top-0 left-0 h-px w-full bg-linear-to-r from-transparent via-primary/50 to-transparent"
-		></div>
-
-		<Card.Header class="space-y-2 pb-2">
-			<Card.Title class="flex items-center gap-2.5 text-xl font-semibold tracking-tight">
-				<div
-					class="flex h-8 w-8 items-center justify-center rounded-lg border border-primary/20 bg-primary/10 text-primary"
-				>
-					<Server class="h-4 w-4" />
-				</div>
-				Service Stack
-			</Card.Title>
-			<Card.Description>Core technologies powering this instance.</Card.Description>
-		</Card.Header>
-
-		<Card.Content class="grid gap-4 sm:grid-cols-2">
-			<!-- Python Version -->
-			<div
-				class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40"
-			>
-				<div
-					class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
-				>
-					<SiPython size={12} />
-					Python Runtime
-				</div>
-				<p class="text-sm font-semibold text-foreground">{info.python_version}</p>
-			</div>
-
-			<!-- FastAPI Version -->
-			<div
-				class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40"
-			>
-				<div
-					class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
-				>
-					<SiFastapi size={12} />
-					FastAPI Framework
-				</div>
-				<p class="text-sm font-semibold text-foreground">{info.fastapi_version}</p>
-			</div>
-
-			<!-- Redis Version -->
-			<div
-				class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40"
-			>
-				<div
-					class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
-				>
-					<SiRedis size={12} />
-					Redis Cache
-				</div>
-				<p class="text-sm font-semibold text-foreground">{info.redis_version}</p>
-			</div>
-
-			<!-- Postgres Version -->
-			<div
-				class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40"
-			>
+		{#snippet body()}
+			{#each infoRows as row (row.label)}
 				<div
-					class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
+					class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40"
 				>
-					<SiPostgresql size={12} />
-					PostgreSQL DB
-				</div>
-				<p class="text-sm font-semibold text-foreground">{info.postgres_version}</p>
-			</div>
-
-			<!-- Build Info Card -->
-			<div
-				class="group relative col-span-full flex flex-col gap-1 overflow-hidden rounded-xl border border-border/60 bg-background/60 p-4"
-			>
-				<div class="flex items-center justify-between gap-3">
 					<div
 						class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
 					>
-						<Tag class="h-3 w-3" />
-						Backend Version
+						<row.Icon size={12} />
+						{row.label}
 					</div>
-					{#if !info.is_release}
-						<div
-							class="rounded-full bg-yellow-500/10 px-2.5 py-0.5 text-[10px] font-bold tracking-wider text-yellow-600 ring-1 ring-yellow-500/30 dark:text-yellow-400"
-						>
-							DEVELOPMENT
-						</div>
-					{:else}
-						<div
-							class="rounded-full bg-green-500/10 px-2.5 py-0.5 text-[10px] font-bold tracking-wider text-green-600 ring-1 ring-green-500/30 dark:text-green-400"
-						>
-							RELEASE
-						</div>
-					{/if}
+					<p class="text-sm font-semibold text-foreground">{row.value}</p>
 				</div>
-				<div
-					class="mt-2 font-mono text-2xl font-semibold tracking-tight text-foreground sm:text-3xl"
-				>
-					{info.version}
-				</div>
-
-				<div class="mt-4 flex items-center justify-between">
-					<div class="space-y-1">
-						<div
-							class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
-						>
-							<GitCommitHorizontal class="h-3 w-3" />
-							Source Revision
-						</div>
-						<a
-							href={commitUrl}
-							target="_blank"
-							rel="noopener noreferrer"
-							title={info.commit}
-							class="group flex items-center gap-2 font-mono text-sm font-semibold text-primary transition-colors hover:text-primary/80"
-						>
-							<span class="truncate">{shortCommit}</span>
-							<ExternalLink
-								class="h-3 w-3 shrink-0 opacity-40 transition-all group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:opacity-100"
-							/>
-						</a>
-					</div>
-				</div>
-
-				<div
-					class="pointer-events-none absolute -right-6 -bottom-6 opacity-[0.04] transition-opacity group-hover:opacity-[0.07]"
-				>
-					<ShieldCheck class="h-24 w-24" />
-				</div>
-			</div>
-		</Card.Content>
-
-		<Card.Footer class="grid gap-2 border-t border-border/50 bg-muted/40 py-4 sm:grid-cols-2">
-			<Button
-				variant="outline"
-				class="h-11 w-full gap-2 border-border/70 bg-background/70 font-semibold hover:border-primary/50 hover:bg-primary/5 hover:text-primary"
-				href={repo}
-				target="_blank"
-				rel="noopener noreferrer"
-			>
-				<SiGithub size={16} />
-				Repository
-			</Button>
-
-			<Button
-				variant="outline"
-				class="h-11 w-full gap-2 border-border/70 bg-background/70 font-semibold hover:border-primary/50 hover:bg-primary/5 hover:text-primary"
-				href="https://docs.chithi.dev"
-				target="_blank"
-				rel="noopener noreferrer"
-			>
-				<BookOpen class="h-4 w-4" />
-				Documentation
-			</Button>
-		</Card.Footer>
-	</Card.Root>
+			{/each}
+		{/snippet}
+	</InfoCard>
 {/if}
diff --git a/src/frontend/src/routes/informations/backend/+page.ts b/src/frontend/src/routes/informations/backend/+page.ts
index 2459d0c1..07e226ea 100644
--- a/src/frontend/src/routes/informations/backend/+page.ts
+++ b/src/frontend/src/routes/informations/backend/+page.ts
@@ -1,45 +1,22 @@
-import { prefetchInstanceInformation } from '$lib/queries/instance';
-import { definePageMetaTags } from 'svelte-meta-tags';
+import { buildInfoPage } from '../page-loader';
 import type { PageLoad } from './$types';
+import { client } from '$lib/graphql/client.js';
+import { InstanceInformationDocument } from '$lib/graphql/generated/graphql.js';
 
 export const load: PageLoad = async ({ fetch, parent, url }) => {
-	const ogUrl = new URL('/og/info', url.origin);
-	ogUrl.searchParams.set('label', 'BACKEND INFRASTRUCTURE');
-	ogUrl.searchParams.set('title', 'Chithi Backend');
-	ogUrl.searchParams.set(
-		'description',
-		'Runtime environment, service versions, and architectural metadata.'
-	);
-
-	const pageTags = definePageMetaTags({
-		title: 'Backend Information',
-		description: 'Detailed information about the Chithi backend instance.',
-		openGraph: {
-			title: 'Backend Information',
-			description: 'Detailed information about the Chithi backend instance.',
-			images: [
-				{
-					url: ogUrl.toString(),
-					width: 1200,
-					height: 630,
-					alt: 'Backend Information'
-				}
-			]
-		}
-	});
-
-	const { queryClient } = await parent();
-	await prefetchInstanceInformation({
-		queryClient: queryClient,
-		fetch
-	});
-
-	return {
-		...pageTags,
-		header: {
+	const { prefetch, response } = buildInfoPage(
+		url,
+		{
 			subtitle: 'BACKEND INFRASTRUCTURE',
 			title: 'Chithi Backend',
-			description: 'Runtime environment, service versions, and architectural metadata.'
+			description: 'Runtime environment, service versions, and architectural metadata.',
+			ogLabel: 'BACKEND INFRASTRUCTURE'
+		},
+		async () => {
+			await client.query({ query: InstanceInformationDocument });
 		}
-	};
+	);
+
+	await prefetch?.();
+	return response;
 };
diff --git a/src/frontend/src/routes/informations/components/CommitLink.svelte b/src/frontend/src/routes/informations/components/CommitLink.svelte
new file mode 100644
index 00000000..a3950f58
--- /dev/null
+++ b/src/frontend/src/routes/informations/components/CommitLink.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { Badge } from '$lib/components/ui/badge/index.js';
+  import { ExternalLink, GitCommitHorizontal } from '@lucide/svelte';
+
+  let { href, sha, label = 'Source Revision' }: { href: string; sha: string; label?: string } = $props();
+</script>
+
+<div class="space-y-1">
+  <div class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase">
+    <GitCommitHorizontal class="h-3 w-3" />
+    {label}
+  </div>
+  <a
+    href={href}
+    target="_blank"
+    rel="noopener noreferrer"
+    title={sha}
+    class="group inline-flex items-center gap-2 transition-colors hover:opacity-80"
+  >
+    <Badge variant="outline" class="font-mono text-xs">{sha.slice(0, 12)}</Badge>
+    <ExternalLink class="h-3 w-3 shrink-0 opacity-40 transition-all group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:opacity-100" />
+  </a>
+</div>
diff --git a/src/frontend/src/routes/informations/components/InfoCard.svelte b/src/frontend/src/routes/informations/components/InfoCard.svelte
new file mode 100644
index 00000000..51709edd
--- /dev/null
+++ b/src/frontend/src/routes/informations/components/InfoCard.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import type { LucideIcon } from '@lucide/svelte';
+  import * as Card from '$lib/components/ui/card/index.js';
+  import { Button } from '$lib/components/ui/button/index.js';
+  import { SiGithub } from '@icons-pack/svelte-simple-icons';
+  import { BookOpen } from '@lucide/svelte';
+
+  let { body, headerIcon, title, description, watermarkIcon, showFooter = false }: {
+    body: Snippet;
+    headerIcon: LucideIcon;
+    title: string;
+    description: string;
+    watermarkIcon?: LucideIcon;
+    showFooter?: boolean;
+  } = $props();
+</script>
+
+<Card.Root class="relative overflow-hidden border border-border/60 bg-card/75 shadow-[0_12px_40px_rgb(0,0,0,0.06)] backdrop-blur-2xl">
+  <div class="absolute top-0 left-0 h-px w-full bg-linear-to-r from-transparent via-primary/50 to-transparent"></div>
+
+  <Card.Header class="space-y-2 pb-2">
+    <Card.Title class="flex items-center gap-2.5 text-xl font-semibold tracking-tight">
+      <div class="flex h-8 w-8 items-center justify-center rounded-lg border border-primary/20 bg-primary/10 text-primary">
+        <headerIcon class="h-4 w-4"></headerIcon>
+      </div>
+      {title}
+    </Card.Title>
+    <Card.Description>{description}</Card.Description>
+  </Card.Header>
+
+  <Card.Content class="grid gap-4 sm:grid-cols-2">
+    {@render body()}
+  </Card.Content>
+
+  {#if watermarkIcon}
+    <div class="pointer-events-none absolute -right-6 -bottom-6 opacity-[0.04]">
+      <watermarkIcon class="h-24 w-24"></watermarkIcon>
+    </div>
+  {/if}
+
+  {#if showFooter}
+    <Card.Footer class="grid gap-2 border-t border-border/50 bg-muted/40 py-4 sm:grid-cols-2">
+      <Button variant="outline" class="h-11 w-full gap-2 border-border/70 bg-background/70 font-semibold hover:border-primary/50 hover:bg-primary/5 hover:text-primary" href="https://github.com/chithi-dev/chithi" target="_blank" rel="noopener noreferrer">
+        <SiGithub size={16} />
+        Repository
+      </Button>
+
+      <Button variant="outline" class="h-11 w-full gap-2 border-border/70 bg-background/70 font-semibold hover:border-primary/50 hover:bg-primary/5 hover:text-primary" href="https://docs.chithi.dev" target="_blank" rel="noopener noreferrer">
+        <BookOpen class="h-4 w-4" />
+        Documentation
+      </Button>
+    </Card.Footer>
+  {/if}
+</Card.Root>
diff --git a/src/frontend/src/routes/informations/components/StatusBadge.svelte b/src/frontend/src/routes/informations/components/StatusBadge.svelte
new file mode 100644
index 00000000..d11122fa
--- /dev/null
+++ b/src/frontend/src/routes/informations/components/StatusBadge.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { Badge, badgeVariants } from '$lib/components/ui/badge/index.js';
+  let { isUnstable }: { isUnstable: boolean } = $props();
+</script>
+
+{#if isUnstable}
+  <Badge class={badgeVariants({ variant: 'secondary' })}>UNSTABLE</Badge>
+{:else}
+  <Badge class={badgeVariants({ variant: 'default' })}>STABLE</Badge>
+{/if}
diff --git a/src/frontend/src/routes/informations/frontend/+page.svelte b/src/frontend/src/routes/informations/frontend/+page.svelte
index e5855806..02e6da9f 100644
--- a/src/frontend/src/routes/informations/frontend/+page.svelte
+++ b/src/frontend/src/routes/informations/frontend/+page.svelte
@@ -1,137 +1,58 @@
 <script lang="ts">
-	import * as Card from '$lib/components/ui/card';
-	import { Button } from '$lib/components/ui/button';
-	import { dev } from '$app/environment';
-	import {
-		Info,
-		GitCommitHorizontal,
-		Tag,
-		BookOpen,
-		ExternalLink,
-		ShieldCheck
-	} from '@lucide/svelte';
-
-	const version = __APP_VERSION__ ?? '0.0.0-dev';
-	const commit = __COMMIT_SHA__ ?? 'unknown';
-	const repo = 'https://github.com/chithi-dev/chithi';
-	const commitUrl = commit === 'unknown' ? repo : `${repo}/commit/${commit}`;
-
-	const shortCommit = commit.slice(0, 12);
+  import { dev } from '$app/environment';
+  import { Info, Tag, ShieldCheck } from '@lucide/svelte';
+  import InfoCard from '../components/InfoCard.svelte';
+  import StatusBadge from '../components/StatusBadge.svelte';
+  import CommitLink from '../components/CommitLink.svelte';
+
+  const version = __APP_VERSION__ ?? '0.0.0-dev';
+  const commit = __COMMIT_SHA__ ?? 'unknown';
+  const repo = 'https://github.com/chithi-dev/chithi';
+  const commitUrl = commit === 'unknown' ? repo : `${repo}/commit/${commit}`;
 </script>
 
-<Card.Root
-	class="relative overflow-hidden border border-border/60 bg-card/75 shadow-[0_12px_40px_rgb(0,0,0,0.06)] backdrop-blur-2xl"
+<InfoCard
+  headerIcon={Info}
+  title="System Specifications"
+  description="These values are embedded at build time."
+  showFooter
 >
-	<div
-		class="absolute top-0 left-0 h-px w-full bg-linear-to-r from-transparent via-primary/50 to-transparent"
-	></div>
-
-	<Card.Header class="space-y-2 pb-2">
-		<Card.Title class="flex items-center gap-2.5 text-xl font-semibold tracking-tight">
-			<div
-				class="flex h-8 w-8 items-center justify-center rounded-lg border border-primary/20 bg-primary/10 text-primary"
-			>
-				<Info class="h-4 w-4" />
-			</div>
-			System Specifications
-		</Card.Title>
-		<Card.Description>These values are embedded at build time.</Card.Description>
-	</Card.Header>
-
-	<Card.Content class="grid gap-4 sm:grid-cols-2">
-		<div
-			class="group relative flex flex-col gap-1 overflow-hidden rounded-xl border border-border/60 bg-background/60 p-4"
-		>
-			<div class="flex items-center justify-between gap-3">
-				<div
-					class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
-				>
-					<Tag class="h-3 w-3" />
-					Build Signature
-				</div>
-				{#if dev}
-					<div
-						class="rounded-full bg-yellow-500/10 px-2.5 py-0.5 text-[10px] font-bold tracking-wider text-yellow-600 ring-1 ring-yellow-500/30 dark:text-yellow-400"
-					>
-						UNSTABLE
-					</div>
-				{:else}
-					<div
-						class="rounded-full bg-green-500/10 px-2.5 py-0.5 text-[10px] font-bold tracking-wider text-green-600 ring-1 ring-green-500/30 dark:text-green-400"
-					>
-						STABLE
-					</div>
-				{/if}
-			</div>
-			<div class="mt-2 font-mono text-2xl font-semibold tracking-tight text-foreground sm:text-3xl">
-				{version}
-			</div>
-			<p class="mt-2 text-xs text-muted-foreground">
-				{dev
-					? 'Running in local mode for rapid iteration.'
-					: 'Running in production mode for uptime and scale.'}
-			</p>
-
-			<div
-				class="pointer-events-none absolute -right-6 -bottom-6 opacity-[0.04] transition-opacity group-hover:opacity-[0.07]"
-			>
-				<ShieldCheck class="h-24 w-24" />
-			</div>
-		</div>
-
-		<div
-			class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40"
-		>
-			<div
-				class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
-			>
-				<GitCommitHorizontal class="h-3 w-3" />
-				{dev ? 'Local Development' : 'Source Revision'}
-			</div>
-			{#if dev}
-				<p class="text-sm font-semibold text-foreground">Running from your local workspace.</p>
-				<p class="text-xs text-muted-foreground">Revision links are shown on production builds.</p>
-			{:else}
-				<a
-					href={commitUrl}
-					target="_blank"
-					rel="noopener noreferrer"
-					title={commit}
-					class="group flex items-center gap-2 font-mono text-sm font-semibold text-primary transition-colors hover:text-primary/80"
-				>
-					<span class="truncate">{shortCommit}</span>
-					<ExternalLink
-						class="h-3 w-3 shrink-0 opacity-40 transition-all group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:opacity-100"
-					/>
-				</a>
-				<p class="text-xs text-muted-foreground">
-					Open this revision in GitHub for full diff and metadata.
-				</p>
-			{/if}
-		</div>
-	</Card.Content>
-
-	<Card.Footer class="grid gap-2 border-t border-border/50 bg-muted/40 py-4 sm:grid-cols-2">
-		<Button
-			variant="outline"
-			class="h-11 w-full gap-2 border-border/70 bg-background/70 font-semibold hover:border-primary/50 hover:bg-primary/5 hover:text-primary"
-			href={repo}
-			target="_blank"
-			rel="noopener noreferrer"
-		>
-			<ExternalLink class="h-4 w-4" />
-			Repository
-		</Button>
-
-		<Button
-			variant="outline"
-			class="h-11 w-full gap-2 border-border/70 bg-background/70 font-semibold hover:border-primary/50 hover:bg-primary/5 hover:text-primary"
-			href="https://docs.chithi.dev"
-			target="_blank"
-			rel="noopener noreferrer"
-		>
-			<BookOpen class="h-4 w-4" />
-			Documentation
-		</Button>
-	</Card.Footer>
-</Card.Root>
+  {#snippet body()}
+    <div class="group relative flex flex-col gap-1 overflow-hidden rounded-xl border border-border/60 bg-background/60 p-4">
+      <div class="flex items-center justify-between gap-3">
+        <div class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase">
+          <Tag class="h-3 w-3" />
+          Build Signature
+        </div>
+        <StatusBadge isUnstable={dev} />
+      </div>
+      <div class="mt-2 font-mono text-2xl font-semibold tracking-tight text-foreground sm:text-3xl">
+        {version}
+      </div>
+      <p class="mt-2 text-xs text-muted-foreground">
+        {dev
+          ? 'Running in local mode for rapid iteration.'
+          : 'Running in production mode for uptime and scale.'}
+      </p>
+
+      <div class="pointer-events-none absolute -right-6 -bottom-6 opacity-[0.04] transition-opacity group-hover:opacity-[0.07]">
+        <ShieldCheck class="h-24 w-24" />
+      </div>
+    </div>
+
+    <div class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40">
+      <div class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase">
+        {dev ? 'Local Development' : 'Source Revision'}
+      </div>
+      {#if dev}
+        <p class="text-sm font-semibold text-foreground">Running from your local workspace.</p>
+        <p class="text-xs text-muted-foreground">Revision links are shown on production builds.</p>
+      {:else}
+        <CommitLink href={commitUrl} sha={commit} />
+        <p class="text-xs text-muted-foreground">
+          Open this revision in GitHub for full diff and metadata.
+        </p>
+      {/if}
+    </div>
+  {/snippet}
+</InfoCard>
diff --git a/src/frontend/src/routes/informations/frontend/+page.ts b/src/frontend/src/routes/informations/frontend/+page.ts
index 9250e975..50857101 100644
--- a/src/frontend/src/routes/informations/frontend/+page.ts
+++ b/src/frontend/src/routes/informations/frontend/+page.ts
@@ -1,38 +1,13 @@
-import { definePageMetaTags } from 'svelte-meta-tags';
 import type { PageLoad } from './$types';
+import { buildInfoPage } from '../page-loader';
 
 export const load: PageLoad = async ({ url }) => {
-	const ogUrl = new URL('/og/info', url.origin);
-	ogUrl.searchParams.set('label', 'SYSTEM INFORMATION');
-	ogUrl.searchParams.set('title', 'Chithi Instance');
-	ogUrl.searchParams.set(
-		'description',
-		'Version, source revision, and runtime metadata for this deployment.'
-	);
+  const { response } = buildInfoPage(url, {
+    subtitle: 'SYSTEM INFORMATION',
+    title: 'Chithi Instance',
+    description: 'Version, source revision, and runtime metadata for this deployment.',
+    ogLabel: 'SYSTEM INFORMATION'
+  });
 
-	const pageTags = definePageMetaTags({
-		title: 'Information',
-		description: 'Get information about this chithi instance.',
-		openGraph: {
-			title: 'Information',
-			description: 'Get information about this chithi instance.',
-			images: [
-				{
-					url: ogUrl.toString(),
-					width: 1200,
-					height: 630,
-					alt: 'Information'
-				}
-			]
-		}
-	});
-
-	return {
-		...pageTags,
-		header: {
-			subtitle: 'SYSTEM INFORMATION',
-			title: 'Chithi Instance',
-			description: 'Version, source revision, and runtime metadata for this deployment.'
-		}
-	};
+  return response;
 };
diff --git a/src/frontend/src/routes/informations/page-loader.ts b/src/frontend/src/routes/informations/page-loader.ts
new file mode 100644
index 00000000..85a0b47d
--- /dev/null
+++ b/src/frontend/src/routes/informations/page-loader.ts
@@ -0,0 +1,35 @@
+import { definePageMetaTags } from 'svelte-meta-tags';
+
+export interface PageInfo {
+  subtitle: string;
+  title: string;
+  description: string;
+  ogLabel: string;
+}
+
+/** Build the common page response for information pages */
+export function buildInfoPage(
+  url: URL,
+  info: PageInfo,
+  prefetch?: () => Promise<void>
+) {
+  const ogUrl = new URL('/og/info', url.origin);
+  ogUrl.searchParams.set('label', info.ogLabel);
+  ogUrl.searchParams.set('title', info.title);
+  ogUrl.searchParams.set('description', info.description);
+
+  const pageTags = definePageMetaTags({
+    title: info.title,
+    description: info.description,
+    openGraph: {
+      title: info.title,
+      description: info.description,
+      images: [{ url: ogUrl.toString(), width: 1200, height: 630, alt: info.title }]
+    }
+  });
+
+  return {
+    prefetch,
+    response: { ...pageTags, header: info }
+  };
+}
diff --git a/src/frontend/src/routes/informations/statistics/+page.svelte b/src/frontend/src/routes/informations/statistics/+page.svelte
index e6ce0408..cfb75e45 100644
--- a/src/frontend/src/routes/informations/statistics/+page.svelte
+++ b/src/frontend/src/routes/informations/statistics/+page.svelte
@@ -1,185 +1,98 @@
 <script lang="ts">
-	import * as Card from '$lib/components/ui/card';
-	import { Button } from '$lib/components/ui/button';
+	import { Button } from '$lib/components/ui/button/index.js';
 	import {
 		HardDrive,
 		Files,
-		CloudDownload,
-		Link as LinkIcon,
-		Share2,
-		Clock,
-		CalendarClock,
-		LoaderCircle,
+		CheckCircle,
+		XCircle,
+		Users,
 		CircleAlert,
 		TrendingUp,
 		ShieldCheck
 	} from '@lucide/svelte';
-	import { useInstanceStatisticsQuery } from '$lib/queries/instance';
+	import { Spinner } from '$lib/components/ui/spinner/index.js';
+	import { client } from '$lib/graphql/client.js';
+	import { InstanceStatisticsDocument } from '$lib/graphql/generated/graphql.js';
+	import type { InstanceStatisticsQuery } from '$lib/graphql/generated/graphql.js';
 	import { formatFileSize } from '$lib/functions/bytes';
+	import InfoCard from '../components/InfoCard.svelte';
 
-	const statsQuery = useInstanceStatisticsQuery();
+	let statsData = $state<InstanceStatisticsQuery['instanceStatistics'] | undefined>(undefined);
+	let statsLoading = $state(true);
+	let statsError = $state<Error | null>(null);
 
-	const stats = $derived(statsQuery.data);
+	const stats = $derived(statsData);
 
-	const formatDate = (timestamp: number) => {
-		return new Intl.DateTimeFormat('en-US', {
-			dateStyle: 'long',
-			timeStyle: 'short'
-		}).format(new Date(timestamp * 1000));
-	};
+	const statRows = $derived([
+		{ Icon: HardDrive, label: 'Total Storage', value: formatFileSize(stats?.totalStorageUsed ?? 0), cls: 'text-xl font-bold text-foreground' },
+		{ Icon: Files, label: 'Total Files', value: (stats?.totalFiles ?? 0).toLocaleString(), cls: 'text-xl font-bold text-foreground' },
+		{ Icon: CheckCircle, label: 'Active Files', value: (stats?.activeFiles ?? 0).toLocaleString(), cls: 'text-xl font-bold text-foreground' },
+		{ Icon: XCircle, label: 'Expired Files', value: (stats?.expiredFiles ?? 0).toLocaleString(), cls: 'text-xl font-bold text-foreground' },
+		{ Icon: Users, label: 'Total Users', value: (stats?.totalUsers ?? 0).toLocaleString(), cls: 'text-xl font-bold text-foreground' },
+	]);
+
+	$effect(() => {
+		const observable = client.watchQuery<InstanceStatisticsQuery>({ query: InstanceStatisticsDocument });
+		const subscription = observable.subscribe({
+			next(result) {
+				statsLoading = result.loading;
+				if (result.error) {
+					statsError = new Error(result.error.message);
+				} else if (result.data) {
+					statsData = result.data.instanceStatistics;
+					statsError = null;
+				}
+			},
+			error(err) {
+				statsLoading = false;
+				statsError = err instanceof Error ? err : new Error(String(err));
+			}
+		});
+		return () => subscription.unsubscribe();
+	});
 </script>
 
-{#if statsQuery.isLoading}
+{#if statsLoading}
 	<div class="flex h-64 items-center justify-center">
-		<LoaderCircle class="h-8 w-8 animate-spin text-muted-foreground" />
+		<Spinner class="size-8 text-muted-foreground" />
 	</div>
-{:else if statsQuery.isError}
+{:else if statsError !== null}
 	<div class="flex flex-col items-center justify-center gap-4 py-12 text-destructive">
 		<CircleAlert class="h-12 w-12" />
 		<p class="font-medium">Failed to load instance statistics</p>
-		<Button variant="outline" onclick={() => statsQuery.refetch()}>Retry</Button>
+		<Button variant="outline" onclick={() => client.query({ query: InstanceStatisticsDocument })}>Retry</Button>
 	</div>
 {:else if stats}
-	<Card.Root
-		class="relative overflow-hidden border border-border/60 bg-card/75 shadow-[0_12px_40px_rgb(0,0,0,0.06)] backdrop-blur-2xl"
+	<InfoCard
+		headerIcon={TrendingUp}
+		title="Instance Statistics"
+		description="Overview of storage and usage metrics."
+		watermarkIcon={TrendingUp}
 	>
-		<div
-			class="absolute top-0 left-0 h-px w-full bg-linear-to-r from-transparent via-primary/50 to-transparent"
-		></div>
-
-		<Card.Header class="space-y-2 pb-2">
-			<Card.Title class="flex items-center gap-2.5 text-xl font-semibold tracking-tight">
-				<div
-					class="flex h-8 w-8 items-center justify-center rounded-lg border border-primary/20 bg-primary/10 text-primary"
-				>
-					<TrendingUp class="h-4 w-4" />
-				</div>
-				Instance Statistics
-			</Card.Title>
-			<Card.Description>Overview of storage and usage metrics.</Card.Description>
-		</Card.Header>
-
-		<Card.Content class="grid gap-4 sm:grid-cols-2">
-			<!-- Total Storage -->
-			<div
-				class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40"
-			>
-				<div
-					class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
-				>
-					<HardDrive size={12} />
-					Total Storage
-				</div>
-				<p class="text-xl font-bold text-foreground">{formatFileSize(stats.total_bytes)}</p>
-			</div>
-
-			<!-- Total Files -->
-			<div
-				class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40"
-			>
-				<div
-					class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
-				>
-					<Files size={12} />
-					Total Files
-				</div>
-				<p class="text-xl font-bold text-foreground">{stats.total_files.toLocaleString()}</p>
-			</div>
-
-			<!-- Total Downloads -->
-			<div
-				class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40"
-			>
-				<div
-					class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
-				>
-					<CloudDownload size={12} />
-					Total Downloads
-				</div>
-				<p class="text-xl font-bold text-foreground">{stats.total_downloads.toLocaleString()}</p>
-			</div>
-
-			<!-- Active URLs -->
-			<div
-				class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40"
-			>
-				<div
-					class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
-				>
-					<LinkIcon size={12} />
-					Active URLs
-				</div>
-				<p class="text-xl font-bold text-foreground">{stats.active_urls.toLocaleString()}</p>
-			</div>
-
-			<!-- Active Rooms -->
-			<div
-				class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40"
-			>
-				<div
-					class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
-				>
-					<Share2 size={12} />
-					Active Rooms
-				</div>
-				<p class="text-xl font-bold text-foreground">{stats.active_rooms.toLocaleString()}</p>
-			</div>
-
-			<!-- Expiring Soon -->
-			<div
-				class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40"
-			>
-				<div
-					class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
-				>
-					<Clock size={12} />
-					Expiring Soon
-				</div>
-				<p class="text-xl font-bold text-foreground">{stats.expiring_soon.toLocaleString()}</p>
-				<p class="text-[10px] text-muted-foreground">Within next 24 hours</p>
-			</div>
-
-			<!-- Latest Expiry -->
-			<div
-				class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40"
-			>
-				<div
-					class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
-				>
-					<CalendarClock size={12} />
-					Latest Expiry
+		{#snippet body()}
+			{#each statRows as row (row.label)}
+				<div class="flex flex-col gap-2 rounded-xl border border-border/60 bg-background/60 p-4 transition-colors hover:bg-muted/40">
+					<div class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase">
+						<row.Icon size={12} />
+						{row.label}
+					</div>
+					<p class={row.cls}>{row.value}</p>
 				</div>
-				<p class="text-sm font-semibold text-foreground">
-					{stats.latest_expiry ? formatDate(stats.latest_expiry) : 'N/A'}
-				</p>
-			</div>
+			{/each}
 
-			<!-- Summary Card -->
-			<div
-				class="group relative col-span-full flex flex-col gap-1 overflow-hidden rounded-xl border border-border/60 bg-background/60 p-4"
-			>
+			<div class="group relative col-span-full flex flex-col gap-1 overflow-hidden rounded-xl border border-border/60 bg-background/60 p-4">
 				<div class="flex items-center justify-between gap-3">
-					<div
-						class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase"
-					>
+					<div class="flex items-center gap-2 text-[10px] font-semibold tracking-[0.2em] text-muted-foreground uppercase">
 						<ShieldCheck class="h-3 w-3" />
 						Data Integrity
 					</div>
 				</div>
 				<div class="mt-2 text-sm text-muted-foreground">
-					This instance is currently managing <span class="font-semibold text-foreground"
-						>{stats.active_urls}</span
-					>
-					active links with a combined size of
-					<span class="font-semibold text-foreground">{formatFileSize(stats.total_bytes)}</span>.
-				</div>
-
-				<div
-					class="pointer-events-none absolute -right-6 -bottom-6 opacity-[0.04] transition-opacity group-hover:opacity-[0.07]"
-				>
-					<TrendingUp class="h-24 w-24" />
+					This instance is currently managing <span class="font-semibold text-foreground">{stats?.activeFiles ?? 0}</span>
+					active files with a combined size of
+					<span class="font-semibold text-foreground">{formatFileSize(stats?.totalStorageUsed ?? 0)}</span>.
 				</div>
 			</div>
-		</Card.Content>
-	</Card.Root>
+		{/snippet}
+	</InfoCard>
 {/if}
diff --git a/src/frontend/src/routes/informations/statistics/+page.ts b/src/frontend/src/routes/informations/statistics/+page.ts
index bf9d909a..a876d0e0 100644
--- a/src/frontend/src/routes/informations/statistics/+page.ts
+++ b/src/frontend/src/routes/informations/statistics/+page.ts
@@ -1,45 +1,18 @@
-import { prefetchInstanceStatistics } from '$lib/queries/instance';
-import { definePageMetaTags } from 'svelte-meta-tags';
 import type { PageLoad } from './$types';
+import { buildInfoPage } from '../page-loader';
+import { client } from '$lib/graphql/client.js';
+import { InstanceStatisticsDocument } from '$lib/graphql/generated/graphql.js';
 
 export const load: PageLoad = async ({ fetch, parent, url }) => {
-	const ogUrl = new URL('/og/info', url.origin);
-	ogUrl.searchParams.set('label', 'PERFORMANCE METRICS');
-	ogUrl.searchParams.set('title', 'Instance Statistics');
-	ogUrl.searchParams.set(
-		'description',
-		'Real-time instance metrics, storage usage, and system health.'
-	);
+  const { prefetch, response } = buildInfoPage(url, {
+    subtitle: 'PERFORMANCE METRICS',
+    title: 'Instance Statistics',
+    description: 'Real-time instance metrics, storage usage, and system health.',
+    ogLabel: 'PERFORMANCE METRICS'
+  }, async () => {
+    await client.query({ query: InstanceStatisticsDocument });
+  });
 
-	const pageTags = definePageMetaTags({
-		title: 'Instance Statistics',
-		description: 'Real-time metrics, storage usage, and system health information.',
-		openGraph: {
-			title: 'Instance Statistics',
-			description: 'Real-time metrics, storage usage, and system health information.',
-			images: [
-				{
-					url: ogUrl.toString(),
-					width: 1200,
-					height: 630,
-					alt: 'Instance Statistics'
-				}
-			]
-		}
-	});
-
-	const { queryClient } = await parent();
-	await prefetchInstanceStatistics({
-		queryClient: queryClient,
-		fetch
-	});
-
-	return {
-		...pageTags,
-		header: {
-			subtitle: 'PERFORMANCE METRICS',
-			title: 'Instance Statistics',
-			description: 'Real-time instance metrics, storage usage, and system health.'
-		}
-	};
+  await prefetch?.();
+  return response;
 };
diff --git a/src/frontend/src/routes/og/og-response.ts b/src/frontend/src/routes/og/og-response.ts
index 1fc7fc4d..6f0d2d26 100644
--- a/src/frontend/src/routes/og/og-response.ts
+++ b/src/frontend/src/routes/og/og-response.ts
@@ -1,6 +1,6 @@
 import style from '#css/tailwind.css?inline';
 import { read } from '$app/server';
-import Geist from '$lib/assets/fonts/Geist.woff2';
+import Geist from '@fontsource-variable/geist/files/geist-latin-wght-normal.woff2';
 import type { RequestEvent } from '@sveltejs/kit';
 import { render } from 'svelte/server';
 import ImageResponse from 'takumi-js/response';
diff --git a/src/frontend/src/routes/onboarding/+page.svelte b/src/frontend/src/routes/onboarding/+page.svelte
index 2e0bf59d..d6a4e3f4 100644
--- a/src/frontend/src/routes/onboarding/+page.svelte
+++ b/src/frontend/src/routes/onboarding/+page.svelte
@@ -1,121 +1,52 @@
 <script lang="ts">
-	import { fly, fade } from 'svelte/transition';
-	import { goto } from '$app/navigation';
-	import { useOnboarding } from '#queries/onboarding';
-	import * as Card from '$lib/components/ui/card';
-	import { Check } from '@lucide/svelte';
-	import { Button } from '$lib/components/ui/button';
-	import { Skeleton } from '$lib/components/ui/skeleton';
-	import FancyGrid from '$lib/components/FancyGrid.svelte';
-	import { OnboardingStep } from './enums';
-
-	// Steps
-	const { default: Step1 } = await import('./stage_1.svelte');
-	const { default: Step2 } = await import('./stage_2.svelte');
-
-	const { status } = useOnboarding();
-
-	let step = $state<OnboardingStep | null>(null);
-
-	$effect(() => {
-		if (!status.isLoading && step === null && !status.data?.onboarded) {
-			step = OnboardingStep.Stage_1;
-		}
-	});
-
-	function nextStep() {
-		if (step === OnboardingStep.Stage_1) {
-			step = OnboardingStep.Stage_2;
-		} else {
-			goto('/');
-		}
-	}
+  import { fly, fade } from 'svelte/transition';
+  import { goto } from '$app/navigation';
+  import * as Card from '$lib/components/ui/card/index.js';
+  import { Check } from '@lucide/svelte';
+  import { Button } from '$lib/components/ui/button/index.js';
+  import { Skeleton } from '$lib/components/ui/skeleton/index.js';
+  import FancyGrid from '$lib/components/FancyGrid.svelte';
+  import { OnboardingStep } from './enums';
+  import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+  import { OnboardingDocument } from '$lib/graphql/generated/graphql.js';
+  import type { OnboardingQuery } from '$lib/graphql/generated/graphql.js';
+  const { default: Step1 } = await import('./stage_1.svelte');
+  const { default: Step2 } = await import('./stage_2.svelte');
+  const onboardingQuery = createQueryStore<OnboardingQuery>(OnboardingDocument);
+  let step = $state<OnboardingStep | null>(null);
+  $effect(() => { if (!onboardingQuery.fetching && step === null && !onboardingQuery.data?.onboarding.isConfigured) step = OnboardingStep.Stage_1; });
+  function nextStep() { if (step === OnboardingStep.Stage_1) step = OnboardingStep.Stage_2; else goto('/'); }
 </script>
 
-<div
-	class="relative flex min-h-svh items-center justify-center overflow-hidden bg-slate-50 p-4 transition-colors duration-500 dark:bg-zinc-950"
->
-	<FancyGrid />
-
-	<!-- Step Content Container -->
-	<div
-		class:max-w-xl={step === OnboardingStep.Stage_2}
-		class="z-10 w-full max-w-100 transition-all duration-500"
-	>
-		{#if status.isLoading && step === null}
-			<div class="mx-auto w-full max-w-md">
-				<Card.Root
-					class="relative overflow-hidden border-slate-200/60 bg-white/70 shadow-[0_8px_30px_rgb(0,0,0,0.04)] backdrop-blur-2xl dark:border-zinc-800/50 dark:bg-zinc-900/50"
-				>
-					<div
-						class="absolute top-0 left-0 h-px w-full bg-linear-to-r from-transparent via-primary/40 to-transparent"
-					></div>
-
-					<Card.Header class="space-y-3 pt-10 pb-6 text-center">
-						<Skeleton class="mx-auto mb-2 h-14 w-14 rounded-2xl" />
-						<div class="space-y-1">
-							<Skeleton class="mx-auto mb-2 h-6 w-48" />
-							<Skeleton class="mx-auto h-4 w-64" />
-						</div>
-					</Card.Header>
-
-					<Card.Content>
-						<div class="grid gap-4">
-							<Skeleton class="h-4 w-full" />
-							<Skeleton class="h-4 w-3/4" />
-							<Skeleton class="h-12 w-full rounded-md" />
-						</div>
-					</Card.Content>
-				</Card.Root>
-			</div>
-		{:else if status.data?.onboarded && step === null}
-			<div in:fade class="mx-auto w-full max-w-md">
-				<Card.Root
-					class="relative overflow-hidden border-slate-200/60 bg-white/70 shadow-[0_8px_30px_rgb(0,0,0,0.04)] backdrop-blur-2xl dark:border-zinc-800/50 dark:bg-zinc-900/50"
-				>
-					<div
-						class="absolute top-0 left-0 h-px w-full bg-linear-to-r from-transparent via-primary/40 to-transparent"
-					></div>
-
-					<Card.Header class="space-y-3 pt-10 pb-6 text-center">
-						<div
-							class="mx-auto mb-2 flex h-14 w-14 items-center justify-center rounded-2xl border border-green-100 bg-green-50 text-green-600 shadow-sm ring-1 ring-green-200 dark:border-green-500/20 dark:bg-green-500/10 dark:text-green-400 dark:ring-green-500/20"
-						>
-							<Check class="size-8" />
-						</div>
-						<div class="space-y-1">
-							<Card.Title
-								class="text-2xl font-semibold tracking-tight text-slate-900 dark:text-white"
-								>Already Onboarded</Card.Title
-							>
-							<Card.Description class="text-sm text-slate-500 dark:text-zinc-400"
-								>This instance has already been set up. You can go to the dashboard to continue.</Card.Description
-							>
-						</div>
-					</Card.Header>
-
-					<Card.Content>
-						<div class="grid gap-4">
-							<p class="text-center text-sm text-slate-600 dark:text-zinc-400">
-								If you need to reconfigure, sign in and adjust settings from the dashboard.
-							</p>
-							<Button class="mt-2 h-12 w-full" onclick={() => goto('/')}>Go to dashboard</Button>
-						</div>
-					</Card.Content>
-				</Card.Root>
-			</div>
-		{:else if step === OnboardingStep.Stage_1}
-			<div
-				in:fly={{ x: -20, duration: 400, delay: 200 }}
-				out:fade={{ duration: 200 }}
-				class="absolute inset-0 m-auto h-fit w-full max-w-100 p-4"
-			>
-				<Step1 onNext={nextStep} />
-			</div>
-		{:else if step === OnboardingStep.Stage_2}
-			<div in:fly={{ x: 20, duration: 400, delay: 200 }} class="relative w-full">
-				<Step2 onNext={nextStep} />
-			</div>
-		{/if}
-	</div>
+<div class="relative flex min-h-svh items-center justify-center overflow-hidden bg-background p-4 transition-colors duration-500">
+  <FancyGrid />
+  <div class:max-w-xl={step === OnboardingStep.Stage_2} class="z-10 w-full max-w-100 transition-all duration-500">
+    {#if onboardingQuery.fetching && step === null}
+      <div class="mx-auto w-full max-w-md">
+        <Card.Root class="relative overflow-hidden border-border/60 bg-card/70 shadow-[0_8px_30px_rgb(0,0,0,0.04)] backdrop-blur-2xl">
+          <div class="absolute left-0 top-0 h-px w-full bg-linear-to-r from-transparent via-primary/40 to-transparent"></div>
+          <Card.Header class="space-y-3 pt-10 pb-6 text-center">
+            <Skeleton class="mx-auto mb-2 h-14 w-14 rounded-2xl" />
+            <div class="space-y-1"><Skeleton class="mx-auto mb-2 h-6 w-48" /><Skeleton class="mx-auto h-4 w-64" /></div>
+          </Card.Header>
+          <Card.Content><div class="grid gap-4"><Skeleton class="h-4 w-full" /><Skeleton class="h-4 w-3/4" /><Skeleton class="h-12 w-full rounded-md" /></div></Card.Content>
+        </Card.Root>
+      </div>
+    {:else if onboardingQuery.data?.onboarding.isConfigured && step === null}
+      <div in:fade class="mx-auto w-full max-w-md">
+        <Card.Root class="relative overflow-hidden border-border/60 bg-card/70 shadow-[0_8px_30px_rgb(0,0,0,0.04)] backdrop-blur-2xl">
+          <div class="absolute left-0 top-0 h-px w-full bg-linear-to-r from-transparent via-primary/40 to-transparent"></div>
+          <Card.Header class="space-y-3 pt-10 pb-6 text-center">
+            <div class="mx-auto mb-2 flex h-14 w-14 items-center justify-center rounded-2xl border border-green-100 bg-green-50 text-green-600 shadow-sm ring-1 ring-green-200 dark:border-green-500/20 dark:bg-green-500/10 dark:text-green-400 dark:ring-green-500/20"><Check class="size-8" /></div>
+            <div class="space-y-1"><Card.Title class="text-2xl font-semibold tracking-tight text-foreground">Already Onboarded</Card.Title><Card.Description class="text-sm text-muted-foreground">This instance has already been set up.</Card.Description></div>
+          </Card.Header>
+          <Card.Content><div class="grid gap-4"><p class="text-center text-sm text-muted-foreground">If you need to reconfigure, sign in and adjust settings from the dashboard.</p><Button class="mt-2 h-12 w-full" onclick={() => goto('/')}>Go to dashboard</Button></div></Card.Content>
+        </Card.Root>
+      </div>
+    {:else if step === OnboardingStep.Stage_1}
+      <div in:fly={{ x: -20, duration: 400, delay: 200 }} out:fade={{ duration: 200 }} class="absolute inset-0 m-auto h-fit w-full max-w-100 p-4"><Step1 onNext={nextStep} /></div>
+    {:else if step === OnboardingStep.Stage_2}
+      <div in:fly={{ x: 20, duration: 400, delay: 200 }} class="relative w-full"><Step2 onNext={nextStep} /></div>
+    {/if}
+  </div>
 </div>
diff --git a/src/frontend/src/routes/onboarding/stage_1.svelte b/src/frontend/src/routes/onboarding/stage_1.svelte
index 20c17224..6d5bdb8b 100644
--- a/src/frontend/src/routes/onboarding/stage_1.svelte
+++ b/src/frontend/src/routes/onboarding/stage_1.svelte
@@ -1,152 +1,78 @@
 <script lang="ts">
-	import { Button } from '$lib/components/ui/button';
-	import { Input } from '$lib/components/ui/input';
-	import { Label } from '$lib/components/ui/label';
-	import * as Card from '$lib/components/ui/card';
-	import { User, ArrowRight, Mail, Lock, LoaderCircle } from '@lucide/svelte';
-	import { useOnboarding } from '#queries/onboarding';
-	import { useAuth } from '#queries/auth';
-	import { toast } from 'svelte-sonner';
-	import type { Props } from './types';
+  import { Button } from '$lib/components/ui/button/index.js';
+  import { Input } from '$lib/components/ui/input/index.js';
+  import * as Card from '$lib/components/ui/card/index.js';
+  import * as Field from '$lib/components/ui/field/index.js';
+  import { User, ArrowRight, Mail, Lock } from '@lucide/svelte';
+  import { Spinner } from '$lib/components/ui/spinner/index.js';
+  import { toast } from 'svelte-sonner';
+  import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+  import { OnboardingDocument, CompleteOnboardingDocument } from '$lib/graphql/generated/graphql.js';
+  import type { OnboardingQuery, CompleteOnboardingMutation } from '$lib/graphql/generated/graphql.js';
+  import { client } from '$lib/graphql/client.js';
+  import { login as loginRemote } from '$lib/remote/auth.remote';
+  import { user_store } from '$lib/store/user.svelte';
+  import type { Props } from './types';
 
-	// Props
-	let { onNext }: Props = $props();
+  let { onNext }: Props = $props();
+  let isLoading = $state(false);
+  let username = $state('');
+  let email = $state('');
+  let password = $state('');
+  createQueryStore<OnboardingQuery>(OnboardingDocument);
+  const valid = $derived(username && email && password);
 
-	// Svelte 5 Runes
-	let isLoading = $state(false);
-	let username = $state('');
-	let email = $state('');
-	let password = $state('');
-
-	const { completeOnboarding } = useOnboarding();
-	const { login } = useAuth();
-
-	const isFormValid = $derived(username.length > 0 && email.length > 0 && password.length > 0);
-
-	async function handleSubmit(e: SubmitEvent) {
-		e.preventDefault();
-		if (!isFormValid) return;
-
-		isLoading = true;
-		try {
-			await completeOnboarding({ username, email, password });
-			toast.success('Admin account created successfully');
-
-			await login(username, password);
-			toast.success('Logged in successfully');
-
-			onNext();
-		} catch (error: any) {
-			toast.error(error.message || 'Something went wrong');
-		} finally {
-			isLoading = false;
-		}
-	}
+  async function handleSubmit(e: SubmitEvent) {
+    e.preventDefault();
+    if (!valid) return;
+    isLoading = true;
+    try {
+      const result = await client.mutate<CompleteOnboardingMutation>({
+        mutation: CompleteOnboardingDocument,
+        variables: { username, email, password, siteDescription: '' }
+      });
+      if (result.error) throw new Error(result.error.message);
+      toast.success('Admin account created successfully');
+      await loginRemote({ username, password });
+      user_store.authenticate();
+      toast.success('Logged in successfully');
+      onNext();
+    } catch (error: any) { toast.error(error.message || 'Something went wrong'); }
+    finally { isLoading = false; }
+  }
 </script>
 
-<Card.Root
-	class="relative overflow-hidden border-slate-200/60 bg-white/70 shadow-[0_8px_30px_rgb(0,0,0,0.04)] backdrop-blur-2xl dark:border-zinc-800/50 dark:bg-zinc-900/50"
->
-	<div
-		class="absolute top-0 left-0 h-px w-full bg-linear-to-r from-transparent via-primary/40 to-transparent"
-	></div>
-
-	<Card.Header class="space-y-3 pt-10 pb-8 text-center">
-		<div
-			class="mx-auto mb-2 flex h-14 w-14 items-center justify-center rounded-2xl border border-blue-100 bg-blue-50 text-primary shadow-sm ring-1 ring-blue-200 dark:border-primary/20 dark:bg-primary/10 dark:ring-primary/20"
-		>
-			<User class="size-8" />
-		</div>
-		<div class="space-y-1">
-			<Card.Title class="text-2xl font-semibold tracking-tight text-slate-900 dark:text-white"
-				>Welcome to Chithi</Card.Title
-			>
-			<Card.Description class="text-sm text-slate-500 dark:text-zinc-400">
-				Create your admin account to get started
-			</Card.Description>
-		</div>
-	</Card.Header>
-
-	<Card.Content>
-		<form onsubmit={handleSubmit} class="grid gap-6">
-			<div class="grid gap-4">
-				<div class="grid gap-2">
-					<Label for="username" class="ml-1 text-sm font-medium text-slate-700 dark:text-zinc-400"
-						>Username</Label
-					>
-					<div class="group relative">
-						<div
-							class="absolute inset-y-0 left-3.5 flex items-center text-slate-400 transition-colors group-focus-within:text-primary dark:text-zinc-500"
-						>
-							<User class="size-4" />
-						</div>
-						<Input
-							id="username"
-							bind:value={username}
-							placeholder="Admin"
-							class="h-12 border-slate-200 bg-white/50 pl-11 transition-all focus-visible:ring-primary/40 dark:border-zinc-800 dark:bg-zinc-950/50"
-							required
-						/>
-					</div>
-				</div>
-
-				<div class="grid gap-2">
-					<Label for="email" class="ml-1 text-sm font-medium text-slate-700 dark:text-zinc-400"
-						>Email</Label
-					>
-					<div class="group relative">
-						<div
-							class="absolute inset-y-0 left-3.5 flex items-center text-slate-400 transition-colors group-focus-within:text-primary dark:text-zinc-500"
-						>
-							<Mail class="size-4" />
-						</div>
-						<Input
-							id="email"
-							type="email"
-							bind:value={email}
-							placeholder="name@example.com"
-							class="h-12 border-slate-200 bg-white/50 pl-11 transition-all focus-visible:ring-primary/40 dark:border-zinc-800 dark:bg-zinc-950/50"
-							required
-						/>
-					</div>
-				</div>
-
-				<div class="grid gap-2">
-					<div class="flex items-center px-1">
-						<Label for="password" class="text-sm font-medium text-slate-700 dark:text-zinc-400"
-							>Password</Label
-						>
-					</div>
-					<div class="group relative">
-						<div
-							class="absolute inset-y-0 left-3.5 flex items-center text-slate-400 transition-colors group-focus-within:text-primary dark:text-zinc-500"
-						>
-							<Lock class="size-4" />
-						</div>
-						<Input
-							id="password"
-							type="password"
-							bind:value={password}
-							class="h-12 border-slate-200 bg-white/50 pl-11 transition-all focus-visible:ring-primary/40 dark:border-zinc-800 dark:bg-zinc-950/50"
-							required
-						/>
-					</div>
-				</div>
-			</div>
-
-			<Button
-				type="submit"
-				disabled={isLoading || !isFormValid}
-				class="h-12 w-full font-semibold shadow-lg shadow-primary/20 transition-all hover:brightness-105 active:scale-[0.98] disabled:opacity-70"
-			>
-				{#if isLoading}
-					<LoaderCircle class="mr-2 size-5 animate-spin" />
-					Setting up...
-				{:else}
-					Create Account
-					<ArrowRight class="ml-2 size-5 transition-transform group-hover:translate-x-1" />
-				{/if}
-			</Button>
-		</form>
-	</Card.Content>
+<Card.Root class="relative overflow-hidden border-border/60 bg-card/70 shadow-[0_8px_30px_rgb(0,0,0,0.04)] backdrop-blur-2xl">
+  <div class="absolute left-0 top-0 h-px w-full bg-linear-to-r from-transparent via-primary/40 to-transparent"></div>
+  <Card.Header class="space-y-3 pt-10 pb-8 text-center">
+    <div class="mx-auto mb-2 flex h-14 w-14 items-center justify-center rounded-2xl border border-primary/20 bg-primary/10 text-primary shadow-sm ring-1 ring-primary/20"><User class="size-8" /></div>
+    <div class="space-y-1"><Card.Title class="text-2xl font-semibold tracking-tight text-foreground">Welcome to Chithi</Card.Title><Card.Description class="text-sm text-muted-foreground">Create your admin account to get started</Card.Description></div>
+  </Card.Header>
+  <Card.Content>
+    <form onsubmit={handleSubmit} class="grid gap-6">
+      <div class="grid gap-4">
+        <Field.Field>
+          <Field.Label class="ml-1 text-sm font-medium text-foreground">Username</Field.Label>
+          <Field.Content>
+            <div class="group relative"><div class="absolute inset-y-0 left-3.5 flex items-center text-muted-foreground transition-colors group-focus-within:text-primary"><User class="size-4" /></div><Input bind:value={username} placeholder="Admin" class="h-12 border-border bg-background/50 pl-11 transition-all focus-visible:ring-primary/40" required /></div>
+          </Field.Content>
+        </Field.Field>
+        <Field.Field>
+          <Field.Label class="ml-1 text-sm font-medium text-foreground">Email</Field.Label>
+          <Field.Content>
+            <div class="group relative"><div class="absolute inset-y-0 left-3.5 flex items-center text-muted-foreground transition-colors group-focus-within:text-primary"><Mail class="size-4" /></div><Input type="email" bind:value={email} placeholder="name@example.com" class="h-12 border-border bg-background/50 pl-11 transition-all focus-visible:ring-primary/40" required /></div>
+          </Field.Content>
+        </Field.Field>
+        <Field.Field>
+          <Field.Label class="ml-1 text-sm font-medium text-foreground">Password</Field.Label>
+          <Field.Content>
+            <div class="group relative"><div class="absolute inset-y-0 left-3.5 flex items-center text-muted-foreground transition-colors group-focus-within:text-primary"><Lock class="size-4" /></div><Input type="password" bind:value={password} class="h-12 border-border bg-background/50 pl-11 transition-all focus-visible:ring-primary/40" required /></div>
+          </Field.Content>
+        </Field.Field>
+      </div>
+      <Button type="submit" disabled={isLoading || !valid} class="h-12 w-full font-semibold shadow-lg shadow-primary/20 transition-all hover:brightness-105 active:scale-[0.98] disabled:opacity-70">
+        {#if isLoading}<Spinner class="mr-2" />Setting up...{:else}Create Account<ArrowRight class="ml-2 size-5 transition-transform group-hover:translate-x-1" />{/if}
+      </Button>
+    </form>
+  </Card.Content>
 </Card.Root>
diff --git a/src/frontend/src/routes/onboarding/stage_2.svelte b/src/frontend/src/routes/onboarding/stage_2.svelte
index d35dffa4..253467f3 100644
--- a/src/frontend/src/routes/onboarding/stage_2.svelte
+++ b/src/frontend/src/routes/onboarding/stage_2.svelte
@@ -1,52 +1,53 @@
 <script lang="ts">
-	import { Button } from '$lib/components/ui/button';
-	import { Input } from '$lib/components/ui/input';
-	import { Label } from '$lib/components/ui/label';
-	import * as Card from '$lib/components/ui/card';
-	import * as Select from '$lib/components/ui/select';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import { Input } from '$lib/components/ui/input/index.js';
+	import * as Card from '$lib/components/ui/card/index.js';
+	import * as Field from '$lib/components/ui/field/index.js';
+	import * as Select from '$lib/components/ui/select/index.js';
 	import type { Props } from './types';
-	import { Settings, Check, LoaderCircle } from '@lucide/svelte';
-	import { useConfigQuery } from '#queries/config';
+	import { Settings, Check } from '@lucide/svelte';
+	import { Spinner } from '$lib/components/ui/spinner/index.js';
 	import { B_VALS, bytesToNumber, formatBytes, type ByteUnit } from '#functions/bytes';
 	import { toast } from 'svelte-sonner';
+	import { createQueryStore } from '$lib/graphql/use-query.svelte.js';
+	import { ConfigDocument, UpdateConfigDocument } from '$lib/graphql/generated/graphql.js';
+	import type { ConfigQuery, UpdateConfigMutation } from '$lib/graphql/generated/graphql.js';
+	import { client } from '$lib/graphql/client.js';
 
 	let { onNext }: Props = $props();
-
-	const { config: configQuery, update_config } = useConfigQuery();
-
-	let configData = $derived(configQuery.data);
+	const configQuery = createQueryStore<ConfigQuery>(ConfigDocument);
+	let configData = $derived(configQuery.data?.config);
 	let isLoading = $state(false);
-
-	// Temp state for form
 	let storageLimitVal = $state(0);
 	let storageLimitUnit = $state<ByteUnit>('GB');
 	let maxFileVal = $state(0);
 	let maxFileUnit = $state<ByteUnit>('MB');
 	let description = $state('');
 
-	// Initialize form when data loads
 	$effect(() => {
 		if (configData) {
-			const s = formatBytes(configData.total_storage_limit);
+			const s = formatBytes(configData.totalStorageLimit);
 			storageLimitVal = s.val;
 			storageLimitUnit = s.unit;
-
-			const f = formatBytes(configData.max_file_size_limit);
+			const f = formatBytes(configData.maxFileSizeLimit);
 			maxFileVal = f.val;
 			maxFileUnit = f.unit;
-
-			description = configData.site_description || '';
+			description = configData.siteDescription || '';
 		}
 	});
 
 	async function handleSave() {
 		isLoading = true;
 		try {
-			await update_config({
-				total_storage_limit: bytesToNumber(storageLimitVal, storageLimitUnit),
-				max_file_size_limit: bytesToNumber(maxFileVal, maxFileUnit),
-				site_description: description
+			const result = await client.mutate<UpdateConfigMutation>({
+				mutation: UpdateConfigDocument,
+				variables: {
+					totalStorageLimit: bytesToNumber(storageLimitVal, storageLimitUnit),
+					maxFileSizeLimit: bytesToNumber(maxFileVal, maxFileUnit),
+					siteDescription: description
+				}
 			});
+			if (result.error) throw new Error(result.error.message);
 			toast.success('Configuration saved');
 			onNext();
 		} catch (error: any) {
@@ -58,121 +59,102 @@
 </script>
 
 <Card.Root
-	class="relative overflow-hidden border-slate-200/60 bg-white/70 shadow-[0_8px_30px_rgb(0,0,0,0.04)] backdrop-blur-2xl dark:border-zinc-800/50 dark:bg-zinc-900/50"
+	class="relative overflow-hidden border-border/60 bg-card/70 shadow-[0_8px_30px_rgb(0,0,0,0.04)] backdrop-blur-2xl"
 >
 	<div
-		class="absolute top-0 left-0 h-px w-full bg-linear-to-r from-transparent via-primary/40 to-transparent"
+		class="absolute left-0 top-0 h-px w-full bg-linear-to-r from-transparent via-primary/40 to-transparent"
 	></div>
-
 	<Card.Header class="space-y-3 pt-10 pb-6 text-center">
 		<div
-			class="mx-auto mb-2 flex h-14 w-14 items-center justify-center rounded-2xl border border-indigo-100 bg-indigo-50 text-indigo-600 shadow-sm ring-1 ring-indigo-200 dark:border-indigo-500/20 dark:bg-indigo-500/10 dark:text-indigo-400 dark:ring-indigo-500/20"
+			class="mx-auto mb-2 flex h-14 w-14 items-center justify-center rounded-2xl border border-primary/20 bg-primary/10 text-primary shadow-sm ring-1 ring-primary/20"
 		>
 			<Settings class="size-8" />
 		</div>
 		<div class="space-y-1">
-			<Card.Title class="text-2xl font-semibold tracking-tight text-slate-900 dark:text-white"
+			<Card.Title class="text-2xl font-semibold tracking-tight text-foreground"
 				>Quick Configuration</Card.Title
+			><Card.Description class="text-sm text-muted-foreground"
+				>Set up your instance basics. You can change these later.</Card.Description
 			>
-			<Card.Description class="text-sm text-slate-500 dark:text-zinc-400">
-				Set up your instance basics. You can change these later.
-			</Card.Description>
 		</div>
 	</Card.Header>
-
 	<Card.Content>
-		{#if configQuery.isLoading}
+		{#if configQuery.fetching}
 			<div class="flex h-60 items-center justify-center">
-				<LoaderCircle class="size-8 animate-spin text-primary" />
+				<Spinner class="size-8 text-primary" />
 			</div>
 		{:else}
 			<div class="grid gap-6">
-				<!-- Storage Limit -->
-				<div class="grid gap-3">
-					<Label class="ml-1 text-sm font-medium text-slate-700 dark:text-zinc-400"
-						>Total Storage Limit</Label
+				<Field.Field class="grid gap-3">
+					<Field.Label class="ml-1 text-sm font-medium text-foreground"
+						>Total Storage Limit</Field.Label
 					>
-					<div class="flex gap-2">
-						<Input
-							type="number"
-							bind:value={storageLimitVal}
-							min="0"
-							step="0.01"
-							class="bg-white/50 dark:bg-zinc-950/50"
-						/>
-						<Select.Root type="single" bind:value={storageLimitUnit}>
-							<Select.Trigger class="w-24 bg-white/50 dark:bg-zinc-950/50"
-								>{storageLimitUnit}</Select.Trigger
+					<Field.Content>
+						<div class="flex gap-2">
+							<Input
+								type="number"
+								bind:value={storageLimitVal}
+								min="0"
+								step="0.01"
+								class="bg-background/50"
+							/><Select.Root type="single" bind:value={storageLimitUnit}
+								><Select.Trigger class="w-24 bg-background/50">{storageLimitUnit}</Select.Trigger
+								><Select.Content
+									>{#each Object.keys(B_VALS) as u}<Select.Item value={u} label={u}>{u}</Select.Item
+										>{/each}</Select.Content
+								></Select.Root
 							>
-							<Select.Content>
-								{#each Object.keys(B_VALS) as u}
-									<Select.Item value={u} label={u}>{u}</Select.Item>
-								{/each}
-							</Select.Content>
-						</Select.Root>
-					</div>
-					<p class="px-1 text-xs text-slate-500 dark:text-zinc-500">
-						Total capacity for your Chithi instance.
-					</p>
-				</div>
-
-				<!-- Max File Size -->
-				<div class="grid gap-3">
-					<Label class="ml-1 text-sm font-medium text-slate-700 dark:text-zinc-400"
-						>Max File Size</Label
+						</div>
+					</Field.Content>
+					<Field.Description class="px-1 text-xs text-muted-foreground"
+						>Total capacity for your Chithi instance.</Field.Description
+					>
+				</Field.Field>
+				<Field.Field class="grid gap-3">
+					<Field.Label class="ml-1 text-sm font-medium text-foreground">Max File Size</Field.Label>
+					<Field.Content>
+						<div class="flex gap-2">
+							<Input
+								type="number"
+								bind:value={maxFileVal}
+								min="0"
+								step="0.01"
+								class="bg-background/50"
+							/><Select.Root type="single" bind:value={maxFileUnit}
+								><Select.Trigger class="w-24 bg-background/50">{maxFileUnit}</Select.Trigger
+								><Select.Content
+									>{#each Object.keys(B_VALS) as u}<Select.Item value={u} label={u}>{u}</Select.Item
+										>{/each}</Select.Content
+								></Select.Root
+							>
+						</div>
+					</Field.Content>
+					<Field.Description class="px-1 text-xs text-muted-foreground"
+						>Maximum size for a single upload.</Field.Description
 					>
-					<div class="flex gap-2">
+				</Field.Field>
+				<Field.Field class="grid gap-3">
+					<Field.Label class="ml-1 text-sm font-medium text-foreground"
+						>Site Description</Field.Label
+					>
+					<Field.Content>
 						<Input
-							type="number"
-							bind:value={maxFileVal}
-							min="0"
-							step="0.01"
-							class="bg-white/50 dark:bg-zinc-950/50"
+							bind:value={description}
+							placeholder="Welcome to my simplified file sharing..."
+							class="bg-background/50"
 						/>
-						<Select.Root type="single" bind:value={maxFileUnit}>
-							<Select.Trigger class="w-24 bg-white/50 dark:bg-zinc-950/50"
-								>{maxFileUnit}</Select.Trigger
-							>
-							<Select.Content>
-								{#each Object.keys(B_VALS) as u}
-									<Select.Item value={u} label={u}>{u}</Select.Item>
-								{/each}
-							</Select.Content>
-						</Select.Root>
-					</div>
-					<p class="px-1 text-xs text-slate-500 dark:text-zinc-500">
-						Maximum size for a single upload.
-					</p>
-				</div>
-
-				<!-- Site Description -->
-				<div class="grid gap-3">
-					<Label class="ml-1 text-sm font-medium text-slate-700 dark:text-zinc-400"
-						>Site Description</Label
+					</Field.Content>
+					<Field.Description class="px-1 text-xs text-muted-foreground"
+						>Displayed on the home page. Supports Markdown.</Field.Description
 					>
-					<Input
-						bind:value={description}
-						placeholder="Welcome to my simplified file sharing..."
-						class="bg-white/50 dark:bg-zinc-950/50"
-					/>
-					<p class="px-1 text-xs text-slate-500 dark:text-zinc-500">
-						Displayed on the home page. Supports Markdown.
-					</p>
-				</div>
-
+				</Field.Field>
 				<Button
 					type="button"
 					onclick={handleSave}
 					disabled={isLoading}
 					class="mt-2 h-12 w-full font-semibold shadow-lg shadow-indigo-500/20 transition-all hover:brightness-105 active:scale-[0.98] disabled:opacity-70"
 				>
-					{#if isLoading}
-						<LoaderCircle class="mr-2 size-5 animate-spin" />
-						Saving...
-					{:else}
-						Finish Setup
-						<Check class="ml-2 size-5" />
-					{/if}
+					{#if isLoading}<Spinner />Saving...{:else}Finish Setup<Check class="ml-2 size-5" />{/if}
 				</Button>
 			</div>
 		{/if}
diff --git a/src/frontend/src/routes/once/[slug]/+page.svelte b/src/frontend/src/routes/once/[slug]/+page.svelte
index e62987b6..82500c1b 100644
--- a/src/frontend/src/routes/once/[slug]/+page.svelte
+++ b/src/frontend/src/routes/once/[slug]/+page.svelte
@@ -1,198 +1,81 @@
 <script lang="ts">
-	import { Button } from '$lib/components/ui/button';
-	import { Input } from '$lib/components/ui/input';
-	import { CircleAlert, LoaderCircle, KeyRound } from '@lucide/svelte';
-	import { page } from '$app/state';
-	import { Api } from '#consts/backend';
-	import { PasswordRequiredError } from '#functions/download';
-	import { createDecryptedStream } from '#functions/streams';
-	import { BlobWriter, Uint8ArrayReader, ZipReader } from '@zip.js/zip.js';
-	import { detectMimeFromBlob } from '#functions/mime';
-	import { createViewableText } from '$lib/functions/viewer';
-	import FileViewerOverlay from '$lib/components/FileViewerOverlay.svelte';
-
-	let key = $derived(page.url.hash ? page.url.hash.slice(1).trim() : null);
-	let slug = $derived(page.params.slug);
-
-	let status = $state<'loading' | 'needs_password' | 'error' | 'viewing'>('loading');
-	let errorMsg = $state('');
-	let password = $state('');
-	let contentUrl = $state<string | null>(null);
-	let contentText = $state<string | null>(null);
-	let entryFilename = $state('');
-
-	async function fetchDecryptAndShow() {
-		if (!key || !slug) {
-			status = 'error';
-			errorMsg = 'Missing decryption key';
-			return;
-		}
-		status = 'loading';
-
-		try {
-			// Fetch encrypted data
-			const res = await fetch(Api.DOWNLOAD(slug));
-			if (!res.ok) {
-				if (res.status === 404) throw new Error('File not found');
-				if (res.status === 410) throw new Error('File expired or already downloaded');
-				throw new Error('Download failed');
-			}
-			if (!res.body) throw new Error('No response body');
-
-			const reader = res.body.getReader();
-			const streamForDecrypt = new ReadableStream<Uint8Array>({
-				async pull(controller) {
-					const { done, value } = await reader.read();
-					if (done) {
-						controller.close();
-						return;
-					}
-					controller.enqueue(value);
-				},
-				cancel(reason) {
-					return reader.cancel(reason);
-				}
-			});
-
-			// Decrypt
-			const { stream: decryptedStream } = await createDecryptedStream(
-				streamForDecrypt,
-				key,
-				password
-			);
-
-			// Read first chunk to detect password errors
-			const decReader = decryptedStream.getReader();
-			let firstChunk: Uint8Array | undefined;
-			try {
-				const { done, value } = await decReader.read();
-				if (!done) firstChunk = value;
-			} catch (e: any) {
-				if (e.name === 'OperationError') {
-					await reader.cancel('Wrong password');
-					throw new PasswordRequiredError();
-				}
-				throw e;
-			}
-
-			// Buffer all decrypted data
-			const chunks: Uint8Array[] = [];
-			if (firstChunk) chunks.push(firstChunk);
-			while (true) {
-				const { done, value } = await decReader.read();
-				if (done) break;
-				chunks.push(value);
-			}
-
-			const totalLength = chunks.reduce((acc, c) => acc + c.length, 0);
-			const fullData = new Uint8Array(totalLength);
-			let offset = 0;
-			for (const chunk of chunks) {
-				fullData.set(chunk, offset);
-				offset += chunk.length;
-			}
-
-			// Unzip single file
-			const zipReader = new ZipReader(new Uint8ArrayReader(fullData));
-			try {
-				const entries = await zipReader.getEntries();
-				const fileEntries = entries.filter((e) => !e.directory);
-
-				if (fileEntries.length === 0) throw new Error('Archive is empty');
-
-				if (fileEntries.length > 1) {
-					throw new Error(
-						'View Once only supports a single file. Please use the upload page and select "View Once" with one file.'
-					);
-				}
-
-				const entry = fileEntries[0];
-				if (!entry.getData) throw new Error('Cannot read file from archive');
-
-				entryFilename = entry.filename.split('/').pop() || 'file';
-				const rawBlob = await entry.getData(new BlobWriter('application/octet-stream'));
-				const detectedMime = await detectMimeFromBlob(rawBlob);
-				const viewBlob = detectedMime ? rawBlob.slice(0, rawBlob.size, detectedMime) : rawBlob;
-				const text = await createViewableText(viewBlob, entryFilename, detectedMime);
-
-				if (text !== null) {
-					contentText = text;
-				} else {
-					contentUrl = URL.createObjectURL(viewBlob);
-				}
-
-				status = 'viewing';
-			} finally {
-				await zipReader.close();
-			}
-		} catch (e: any) {
-			console.error(e);
-			if (e instanceof PasswordRequiredError) {
-				status = 'needs_password';
-			} else {
-				status = 'error';
-				errorMsg = e.message || 'Something went wrong';
-			}
-		}
-	}
-
-	async function handlePasswordSubmit() {
-		if (!key) return;
-		await fetchDecryptAndShow();
-	}
-
-	function handleDownloadFile() {
-		const url = contentUrl;
-		if (!url && contentText === null) return;
-		const blobUrl = url || URL.createObjectURL(new Blob([contentText!], { type: 'text/plain' }));
-		const a = document.createElement('a');
-		a.href = blobUrl;
-		a.download = entryFilename;
-		a.style.display = 'none';
-		document.body.appendChild(a);
-		a.click();
-		document.body.removeChild(a);
-		if (!url) URL.revokeObjectURL(blobUrl);
-	}
-
-	// Auto-start on mount
-	$effect.pre(() => {
-		fetchDecryptAndShow();
-	});
+  import { Button } from '$lib/components/ui/button/index.js';
+  import { Input } from '$lib/components/ui/input/index.js';
+  import { CircleAlert, KeyRound } from '@lucide/svelte';
+  import { Spinner } from '$lib/components/ui/spinner/index.js';
+  import { page } from '$app/state';
+  import { fetchDecryptedBlob } from '$lib/functions/fetch-decrypt';
+  import { toast } from 'svelte-sonner';
+  import { PasswordRequiredError } from '#errors/password';
+
+  import { detectMimeFromBlob } from '#functions/mime';
+  import { createViewableText } from '$lib/functions/viewer';
+  import FileViewerOverlay from '$lib/components/FileViewerOverlay.svelte';
+  import { autoDownload } from '$lib/functions/browser-download';
+  import { validateZipBlob } from '#functions/zip-validate';
+
+  const key = $derived(page.url.hash ? page.url.hash.slice(1).trim() : null);
+  const slug = $derived(page.params.slug);
+  let status = $state<'loading' | 'needs_password' | 'error' | 'viewing'>('loading');
+  let errorMsg = $state('');
+  let password = $state('');
+  let contentUrl = $state<string | null>(null);
+  let contentText = $state<string | null>(null);
+  let entryFilename = $state('');
+
+  async function fetchDecryptAndShow() {
+    if (!key || !slug) { status = 'error'; errorMsg = 'Missing decryption key'; return; }
+    status = 'loading';
+    try {
+      const blob = await fetchDecryptedBlob(slug, key, password, {});
+      await validateZipBlob(blob);
+      const mime = await detectMimeFromBlob(blob);
+      const viewBlob = mime ? blob.slice(0, blob.size, mime) : blob;
+      const text = await createViewableText(viewBlob, mime);
+      contentText = text ?? null;
+      contentUrl = text === null ? URL.createObjectURL(viewBlob) : null;
+      status = 'viewing';
+    } catch (e: any) {
+      if (e instanceof PasswordRequiredError) {
+        status = 'needs_password';
+      } else {
+        status = 'error';
+        errorMsg = e.message?.includes('missing end marker')
+          ? 'The archive appears truncated or corrupted on the server.'
+          : (e.message || 'Something went wrong');
+        toast.error(errorMsg);
+      }
+    }
+  }
+
+  function downloadFile() {
+    const url = contentUrl;
+    if (!url && contentText === null) return;
+    const blobUrl = url || URL.createObjectURL(new Blob([contentText!], { type: 'text/plain' }));
+    autoDownload(blobUrl, entryFilename);
+    if (!url) URL.revokeObjectURL(blobUrl);
+  }
+
+  $effect(() => { fetchDecryptAndShow(); });
 </script>
 
 {#if status === 'viewing'}
-	<FileViewerOverlay
-		filename={entryFilename}
-		{contentText}
-		{contentUrl}
-		ondownload={handleDownloadFile}
-	/>
+  <FileViewerOverlay filename={entryFilename} {contentText} {contentUrl} ondownload={downloadFile} />
 {:else if status === 'needs_password'}
-	<div class="flex min-h-screen items-center justify-center p-4">
-		<div class="w-full max-w-sm space-y-4 text-center">
-			<KeyRound class="mx-auto h-10 w-10 text-muted-foreground" />
-			<p class="text-lg font-semibold">Password Required</p>
-			<div class="flex items-center">
-				<Input
-					type="password"
-					placeholder="Password"
-					class="rounded-r-none focus-visible:z-10"
-					bind:value={password}
-					onkeydown={(e) => e.key === 'Enter' && handlePasswordSubmit()}
-				/>
-				<Button class="rounded-l-none" onclick={handlePasswordSubmit}>Unlock</Button>
-			</div>
-		</div>
-	</div>
+  <div class="flex min-h-screen items-center justify-center p-4">
+    <div class="w-full max-w-sm space-y-4 text-center">
+      <KeyRound class="mx-auto h-10 w-10 text-muted-foreground" />
+      <p class="text-lg font-semibold">Password Required</p>
+      <div class="flex items-center">
+        <Input type="password" placeholder="Password" class="rounded-r-none focus-visible:z-10" bind:value={password} onkeydown={(e) => e.key === 'Enter' && fetchDecryptAndShow()} />
+        <Button class="rounded-l-none" onclick={fetchDecryptAndShow}>Unlock</Button>
+      </div>
+    </div>
+  </div>
 {:else if status === 'error'}
-	<div class="flex min-h-screen flex-col items-center justify-center gap-3 p-4 text-destructive">
-		<CircleAlert class="h-10 w-10" />
-		<p class="font-medium">{errorMsg}</p>
-	</div>
+  <div class="flex min-h-screen flex-col items-center justify-center gap-3 p-4 text-destructive">
+    <CircleAlert class="h-10 w-10" /><p class="font-medium">{errorMsg}</p>
+  </div>
 {:else}
-	<!-- Loading: just a centered spinner, no verbose text -->
-	<div class="flex min-h-screen items-center justify-center">
-		<LoaderCircle class="h-8 w-8 animate-spin text-muted-foreground" />
-	</div>
+  <div class="flex min-h-screen items-center justify-center"><Spinner class="size-8 text-muted-foreground" /></div>
 {/if}
diff --git a/src/frontend/svelte.config.js b/src/frontend/svelte.config.js
index 8af4633b..5fbf5fce 100644
--- a/src/frontend/svelte.config.js
+++ b/src/frontend/svelte.config.js
@@ -33,7 +33,9 @@ export default {
 			'#queries/*': './src/lib/queries/*',
 			'#markdown/*': './src/lib/markdown/*',
 			'#consts/*': './src/lib/consts/*',
-			'#css/*': './src/css/*'
+			'#css/*': './src/css/*',
+				'#errors/*': './src/lib/errors/*',
+				'#wasm/*': './src/lib/wasm/*'
 		}
 	}
 };
diff --git a/src/frontend/vite.config.ts b/src/frontend/vite.config.ts
index caa8b971..0f7b53b0 100644
--- a/src/frontend/vite.config.ts
+++ b/src/frontend/vite.config.ts
@@ -33,6 +33,10 @@ export default defineConfig({
 		format: 'es'
 	},
 
+	optimizeDeps: {
+		exclude: ['./src/lib/wasm/wasm_bindings.js'],
+	},
+
 	build: {
 		sourcemap: true,
 		// minify: 'terser',
@@ -62,7 +66,7 @@ export default defineConfig({
 						instances: [{ browser: 'chromium', headless: true }]
 					},
 
-					include: ['src/**/*.svelte.{test,spec}.{js,ts}'],
+					include: ['src/**/*.svelte.{test,spec}.{js,ts}', 'src/**/*.client.{test,spec}.{js,ts}'],
 					exclude: ['src/lib/server/**']
 				}
 			},
@@ -74,7 +78,10 @@ export default defineConfig({
 					name: 'server',
 					environment: 'node',
 					include: ['src/**/*.{test,spec}.{js,ts}'],
-					exclude: ['src/**/*.svelte.{test,spec}.{js,ts}']
+					exclude: [
+						'src/**/*.svelte.{test,spec}.{js,ts}',
+						'src/**/*.client.{test,spec}.{js,ts}',
+					]
 				}
 			}
 		]