From cf8ed0df25e8d1a6dfd76fb906bc76bfac5e4928 Mon Sep 17 00:00:00 2001
From: LCSOGthb <185141600+LCSOGthb@users.noreply.github.com>
Date: Mon, 31 Aug 2026 03:12:57 +0800
Subject: [PATCH 1/3] Add more feature to the website

Signed-off-by: LCSOGthb <185141600+LCSOGthb@users.noreply.github.com>
---
 artifacts/personal-tool-console/index.html    |   12 +-
 artifacts/personal-tool-console/src/App.tsx   |   19 +-
 .../src/components/layout/app-shell.tsx       |   13 +
 .../src/components/layout/command-palette.tsx |  113 +
 .../src/components/layout/site-footer.tsx     |   34 +
 .../src/components/layout/site-header.tsx     |   44 +
 .../components/layout/tool-page-layout.tsx    |  112 +
 .../src/components/tools/base64.tsx           |   53 +
 .../components/tools/bitmap/bitmap-tools.tsx  |  233 +
 .../src/components/tools/calculator.tsx       |  111 +
 .../src/components/tools/code-to-image.tsx    |  100 +
 .../src/components/tools/coding-tools.tsx     |  274 +
 .../components/tools/color/color-tools.tsx    |  308 +
 .../components/tools/crypto/crypto-tools.tsx  |  355 +
 .../components/tools/css/css-generators.tsx   |  453 ++
 .../components/tools/currency-converter.tsx   |   85 +
 .../src/components/tools/dns-lookup.tsx       |  132 +
 .../src/components/tools/hash.tsx             |   66 +
 .../components/tools/image/image-tools.tsx    |  628 ++
 .../src/components/tools/json-formatter.tsx   |   96 +
 .../src/components/tools/json-tree-viewer.tsx |  128 +
 .../components/tools/linux/linux-tools.tsx    |  426 ++
 .../src/components/tools/misc/misc-tools.tsx  |  402 ++
 .../components/tools/password-generator.tsx   |   71 +
 .../src/components/tools/qr-generator.tsx     |  134 +
 .../src/components/tools/rn-shadow.tsx        |   65 +
 .../src/components/tools/set/set-tools.tsx    |  131 +
 .../components/tools/shared/coming-soon.tsx   |   29 +
 .../src/components/tools/shared/fields.tsx    |  110 +
 .../components/tools/social/social-tools.tsx  |  964 +++
 .../src/components/tools/speed-test.tsx       |   79 +
 .../components/tools/text/text-tool-page.tsx  |  116 +
 .../src/components/tools/timestamp.tsx        |   77 +
 .../src/components/tools/unit-converter.tsx   |   70 +
 .../src/components/tools/url-encoder.tsx      |   47 +
 .../src/components/tools/utf8/utf8-tools.tsx  |  243 +
 .../src/components/tools/uuid-generator.tsx   |   66 +
 .../src/components/tools/xml/xml-tools.tsx    |  132 +
 .../src/hooks/use-page-title.ts               |    9 +
 .../personal-tool-console/src/lib/copy.ts     |    3 +
 .../personal-tool-console/src/lib/format.ts   |   10 +
 .../src/lib/registry/core-tools.ts            |  148 +
 .../src/lib/registry/css-tools.ts             |   74 +
 .../src/lib/registry/dev-tools.ts             |  195 +
 .../src/lib/registry/lazy.ts                  |    7 +
 .../src/lib/registry/media-tools.ts           |  162 +
 .../src/lib/registry/text.ts                  |   77 +
 .../personal-tool-console/src/lib/storage.ts  |   38 +
 .../src/lib/tool-registry.ts                  |  130 +
 .../src/lib/tools/base64.ts                   |   11 +
 .../src/lib/tools/bitmap/index.ts             |   33 +
 .../src/lib/tools/calculator.ts               |   11 +
 .../src/lib/tools/coding.ts                   |  233 +
 .../src/lib/tools/color.ts                    |  152 +
 .../src/lib/tools/crypto.ts                   |  143 +
 .../src/lib/tools/css-gen.ts                  |  126 +
 .../src/lib/tools/currency-converter.ts       |   18 +
 .../src/lib/tools/dns.ts                      |   24 +
 .../src/lib/tools/hash.ts                     |   18 +
 .../src/lib/tools/linux.ts                    |  316 +
 .../src/lib/tools/misc.ts                     |  165 +
 .../src/lib/tools/password.ts                 |   24 +
 .../src/lib/tools/set/index.ts                |   31 +
 .../src/lib/tools/speed-test.ts               |  112 +
 .../src/lib/tools/text/existing.ts            |   95 +
 .../src/lib/tools/text/helpers.ts             |  265 +
 .../src/lib/tools/text/index.ts               |   18 +
 .../src/lib/tools/text/part1.ts               | 1159 ++++
 .../src/lib/tools/text/part2.ts               | 1799 +++++
 .../src/lib/tools/text/types.ts               |   25 +
 .../src/lib/tools/timestamp.ts                |   39 +
 .../src/lib/tools/unit-converter.ts           |   45 +
 .../src/lib/tools/utf8.ts                     |  127 +
 .../src/lib/tools/xml.ts                      |  158 +
 .../src/pages/catalog.tsx                     |  193 +
 .../src/pages/console.tsx                     | 1205 ++++
 .../src/pages/not-found.tsx                   |   45 +-
 .../src/pages/tool-page.tsx                   |   75 +
 pnpm-lock.yaml                                | 6039 +++++++----------
 79 files changed, 16329 insertions(+), 3759 deletions(-)
 create mode 100644 artifacts/personal-tool-console/src/components/layout/app-shell.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/layout/command-palette.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/layout/site-footer.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/layout/site-header.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/layout/tool-page-layout.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/base64.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/bitmap/bitmap-tools.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/calculator.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/code-to-image.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/coding-tools.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/color/color-tools.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/crypto/crypto-tools.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/css/css-generators.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/currency-converter.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/dns-lookup.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/hash.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/image/image-tools.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/json-formatter.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/json-tree-viewer.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/linux/linux-tools.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/misc/misc-tools.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/password-generator.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/qr-generator.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/rn-shadow.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/set/set-tools.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/shared/coming-soon.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/shared/fields.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/social/social-tools.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/speed-test.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/text/text-tool-page.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/timestamp.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/unit-converter.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/url-encoder.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/utf8/utf8-tools.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/uuid-generator.tsx
 create mode 100644 artifacts/personal-tool-console/src/components/tools/xml/xml-tools.tsx
 create mode 100644 artifacts/personal-tool-console/src/hooks/use-page-title.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/copy.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/format.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/registry/core-tools.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/registry/css-tools.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/registry/dev-tools.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/registry/lazy.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/registry/media-tools.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/registry/text.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/storage.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tool-registry.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/base64.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/bitmap/index.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/calculator.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/coding.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/color.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/crypto.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/css-gen.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/currency-converter.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/dns.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/hash.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/linux.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/misc.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/password.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/set/index.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/speed-test.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/text/existing.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/text/helpers.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/text/index.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/text/part1.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/text/part2.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/text/types.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/timestamp.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/unit-converter.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/utf8.ts
 create mode 100644 artifacts/personal-tool-console/src/lib/tools/xml.ts
 create mode 100644 artifacts/personal-tool-console/src/pages/catalog.tsx
 create mode 100644 artifacts/personal-tool-console/src/pages/console.tsx
 create mode 100644 artifacts/personal-tool-console/src/pages/tool-page.tsx

diff --git a/artifacts/personal-tool-console/index.html b/artifacts/personal-tool-console/index.html
index 5d4bce9..850b8a2 100644
--- a/artifacts/personal-tool-console/index.html
+++ b/artifacts/personal-tool-console/index.html
@@ -3,15 +3,15 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
-    <title>Personal Tool Console</title>
-    <meta name="description" content="Personal Tool Console — built on Replit. Update this description to reflect the app." />
+    <title>Toolbox — Tools for text, code, media & math</title>
+    <meta name="description" content="300+ browser-based utilities: text manipulators, code formatters, image & social tools, CSS generators, converters and more. No uploads, no sign-up." />
     <meta name="robots" content="index, follow" />
-    <meta property="og:title" content="Personal Tool Console" />
-    <meta property="og:description" content="Personal Tool Console — built on Replit. Update this description to reflect the app." />
+    <meta property="og:title" content="Toolbox — Tools for text, code, media & math" />
+    <meta property="og:description" content="300+ browser-based utilities: text manipulators, code formatters, image & social tools, CSS generators, converters and more. No uploads, no sign-up." />
     <meta property="og:type" content="website" />
     <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:title" content="Personal Tool Console" />
-    <meta name="twitter:description" content="Personal Tool Console — built on Replit. Update this description to reflect the app." />
+    <meta name="twitter:title" content="Toolbox — Tools for text, code, media & math" />
+    <meta name="twitter:description" content="300+ browser-based utilities: text manipulators, code formatters, image & social tools, CSS generators, converters and more. No uploads, no sign-up." />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
diff --git a/artifacts/personal-tool-console/src/App.tsx b/artifacts/personal-tool-console/src/App.tsx
index a3baeaa..20b7300 100644
--- a/artifacts/personal-tool-console/src/App.tsx
+++ b/artifacts/personal-tool-console/src/App.tsx
@@ -2,16 +2,27 @@ import { Switch, Route, Router as WouterRouter } from "wouter";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { Toaster } from "@/components/ui/toaster";
 import { TooltipProvider } from "@/components/ui/tooltip";
+import { AppShell } from "@/components/layout/app-shell";
+import Catalog from "@/pages/catalog";
+import Console from "@/pages/console";
+import ToolPage from "@/pages/tool-page";
 import NotFound from "@/pages/not-found";
-import Home from "@/pages/home";
 
 const queryClient = new QueryClient();
 
 function Router() {
   return (
     <Switch>
-      <Route path="/" component={Home} />
-      <Route component={NotFound} />
+      <Route path="/">{() => <AppShell><Catalog /></AppShell>}</Route>
+      <Route path="/console">{() => <AppShell><Console /></AppShell>}</Route>
+      <Route path="/tools/:slug">
+        {({ slug }) => (
+          <AppShell key={slug}>
+            <ToolPage />
+          </AppShell>
+        )}
+      </Route>
+      <Route>{() => <AppShell><NotFound /></AppShell>}</Route>
     </Switch>
   );
 }
@@ -29,4 +40,4 @@ function App() {
   );
 }
 
-export default App;
+export default App;
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/layout/app-shell.tsx b/artifacts/personal-tool-console/src/components/layout/app-shell.tsx
new file mode 100644
index 0000000..17bc18f
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/layout/app-shell.tsx
@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import { SiteHeader } from "@/components/layout/site-header";
+import { SiteFooter } from "@/components/layout/site-footer";
+
+export function AppShell({ children }: { children: ReactNode }) {
+  return (
+    <div className="flex min-h-screen flex-col bg-background text-foreground">
+      <SiteHeader />
+      <main className="flex-1">{children}</main>
+      <SiteFooter />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/layout/command-palette.tsx b/artifacts/personal-tool-console/src/components/layout/command-palette.tsx
new file mode 100644
index 0000000..c132c04
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/layout/command-palette.tsx
@@ -0,0 +1,113 @@
+import { useEffect, useMemo, useState } from "react";
+import { useLocation } from "wouter";
+import { Search, TerminalSquare } from "lucide-react";
+import {
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+} from "@/components/ui/command";
+import { Kbd } from "@/components/ui/kbd";
+import { searchTools, getRecentTools } from "@/lib/tool-registry";
+import type { ToolDefinition } from "@/lib/tool-registry";
+
+export function CommandPalette() {
+  const [open, setOpen] = useState(false);
+  const [value, setValue] = useState("");
+  const [, navigate] = useLocation();
+
+  useEffect(() => {
+    const onKey = (e: KeyboardEvent) => {
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
+        e.preventDefault();
+        setOpen((o) => !o);
+      }
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, []);
+
+  const results = useMemo(() => (value.trim() ? searchTools(value, 10) : []), [value]);
+  const recents = useMemo(() => (value.trim() ? [] : getRecentTools().slice(0, 5)), [value, open]);
+
+  const run = (url: string) => {
+    setOpen(false);
+    setValue("");
+    const base = import.meta.env.BASE_URL.replace(/\/$/, "");
+    navigate(base + url);
+  };
+
+  const ToolRow = ({ tool }: { tool: ToolDefinition }) => {
+    const Icon = tool.icon;
+    return (
+      <CommandItem
+        value={`${tool.name} ${tool.slug} ${tool.keywords.join(" ")}`}
+        onSelect={() => run(`/tools/${tool.slug}`)}
+      >
+        <Icon className="mr-2 h-4 w-4" />
+        <span className="flex-1 truncate">{tool.name}</span>
+        {tool.status === "coming-soon" && (
+          <span className="text-[10px] uppercase tracking-wide text-muted-foreground/70">Soon</span>
+        )}
+      </CommandItem>
+    );
+  };
+
+  return (
+    <>
+      <div className="hidden items-center gap-2 md:flex">
+        <button
+          type="button"
+          onClick={() => setOpen(true)}
+          className="inline-flex items-center gap-2 rounded-lg border border-border bg-card/60 px-3 py-1.5 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground"
+        >
+          <Search className="h-3.5 w-3.5" />
+          <span className="hidden lg:inline">Search tools…</span>
+          <Kbd>⌘K</Kbd>
+        </button>
+        <button
+          type="button"
+          onClick={() => run("/console")}
+          className="inline-flex items-center gap-2 rounded-lg border border-border bg-card/60 px-3 py-1.5 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground"
+          aria-label="Open command console"
+        >
+          <TerminalSquare className="h-3.5 w-3.5" />
+        </button>
+      </div>
+
+      <CommandDialog open={open} onOpenChange={setOpen}>
+        <CommandInput placeholder="Search tools, categories…" value={value} onValueChange={setValue} />
+        <CommandList>
+          <CommandEmpty>No tools found for “{value}”.</CommandEmpty>
+          {value.trim() ? (
+            <CommandGroup heading="Tools">
+              {results.map((tool) => (
+                <ToolRow key={tool.slug} tool={tool} />
+              ))}
+            </CommandGroup>
+          ) : (
+            <>
+              <CommandItem onSelect={() => run("/console")}>
+                <TerminalSquare className="mr-2 h-4 w-4" />
+                <span className="flex-1">Open command console</span>
+              </CommandItem>
+              {recents.length > 0 && (
+                <>
+                  <CommandSeparator />
+                  <CommandGroup heading="Recent">
+                    {recents.map((tool) => (
+                      <ToolRow key={tool.slug} tool={tool} />
+                    ))}
+                  </CommandGroup>
+                </>
+              )}
+            </>
+          )}
+        </CommandList>
+      </CommandDialog>
+    </>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/layout/site-footer.tsx b/artifacts/personal-tool-console/src/components/layout/site-footer.tsx
new file mode 100644
index 0000000..a2d1343
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/layout/site-footer.tsx
@@ -0,0 +1,34 @@
+import { Link } from "wouter";
+import { Wrench } from "lucide-react";
+import { SITE_NAME } from "@/hooks/use-page-title";
+
+export function SiteFooter() {
+  return (
+    <footer className="border-t border-border">
+      <div className="mx-auto max-w-7xl px-4 py-8 lg:px-8">
+        <div className="flex flex-col items-start justify-between gap-6 sm:flex-row sm:items-center">
+          <div className="flex items-center gap-2 text-sm font-semibold tracking-tight">
+            <span className="grid h-7 w-7 place-items-center rounded-lg bg-primary text-primary-foreground">
+              <Wrench className="h-4 w-4" />
+            </span>
+            <span>{SITE_NAME}</span>
+          </div>
+          <div className="flex flex-wrap items-center gap-x-4 gap-y-2 text-sm text-muted-foreground">
+            <Link href="/" className="transition-colors hover:text-foreground">
+              Catalog
+            </Link>
+            <Link href="/console" className="transition-colors hover:text-foreground">
+              Command console
+            </Link>
+            <span className="text-muted-foreground/60">
+              Tools run locally in your browser — nothing is uploaded.
+            </span>
+          </div>
+        </div>
+        <p className="mt-6 text-xs text-muted-foreground/50">
+          © {new Date().getFullYear()} {SITE_NAME}.
+        </p>
+      </div>
+    </footer>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/layout/site-header.tsx b/artifacts/personal-tool-console/src/components/layout/site-header.tsx
new file mode 100644
index 0000000..35a3ca3
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/layout/site-header.tsx
@@ -0,0 +1,44 @@
+import { Link, useLocation } from "wouter";
+import { Wrench } from "lucide-react";
+import { CommandPalette } from "@/components/layout/command-palette";
+import { SITE_NAME } from "@/hooks/use-page-title";
+import { cn } from "@/lib/utils";
+
+const NAV = [
+  { href: "/", label: "Catalog" },
+  { href: "/console", label: "Console" },
+];
+
+export function SiteHeader() {
+  const [path] = useLocation();
+  return (
+    <header className="sticky top-0 z-40 border-b border-border bg-background/80 backdrop-blur-xl">
+      <div className="mx-auto flex h-14 max-w-7xl items-center justify-between gap-4 px-4 lg:px-8">
+        <Link href="/" className="flex items-center gap-2 text-sm font-semibold tracking-tight">
+          <span className="grid h-7 w-7 place-items-center rounded-lg bg-primary text-primary-foreground">
+            <Wrench className="h-4 w-4" />
+          </span>
+          <span>{SITE_NAME}</span>
+        </Link>
+        <nav className="flex items-center gap-1 text-sm">
+          {NAV.map((item) => {
+            const active = path === item.href;
+            return (
+              <Link
+                key={item.href}
+                href={item.href}
+                className={cn(
+                  "rounded-lg px-3 py-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
+                  active && "bg-accent text-accent-foreground",
+                )}
+              >
+                {item.label}
+              </Link>
+            );
+          })}
+        </nav>
+        <CommandPalette />
+      </div>
+    </header>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/layout/tool-page-layout.tsx b/artifacts/personal-tool-console/src/components/layout/tool-page-layout.tsx
new file mode 100644
index 0000000..53865c2
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/layout/tool-page-layout.tsx
@@ -0,0 +1,112 @@
+import type { ReactNode } from "react";
+import { Link } from "wouter";
+import { ChevronRight } from "lucide-react";
+import type { ToolDefinition, ToolCategoryMeta } from "@/lib/tool-registry";
+import { Badge } from "@/components/ui/badge";
+import { SquareTerminal, type LucideIcon } from "lucide-react";
+
+function RelatedCard({ tool }: { tool: ToolDefinition }) {
+  const Icon = tool.icon;
+  return (
+    <Link
+      href={`/tools/${tool.slug}`}
+      className="rounded-2xl border border-border bg-card/60 p-4 transition-colors hover:bg-card"
+    >
+      <div className="flex items-start gap-3">
+        <span className="grid h-9 w-9 shrink-0 place-items-center rounded-lg bg-primary/10 text-primary">
+          <Icon className="h-4 w-4" />
+        </span>
+        <div className="min-w-0">
+          <p className="truncate text-sm font-medium">{tool.name}</p>
+          <p className="mt-0.5 line-clamp-2 text-xs leading-relaxed text-muted-foreground">{tool.description}</p>
+        </div>
+      </div>
+    </Link>
+  );
+}
+
+export function ToolPageLayout({
+  tool,
+  category,
+  related,
+  onCopyCommand,
+  children,
+}: {
+  tool: ToolDefinition;
+  category: ToolCategoryMeta;
+  related: ToolDefinition[];
+  onCopyCommand?: () => void;
+  children: ReactNode;
+}) {
+  const CatIcon = category.icon as LucideIcon;
+  return (
+    <div className="mx-auto max-w-7xl px-4 py-8 lg:px-8">
+      <nav className="mb-6 flex items-center gap-1.5 text-sm text-muted-foreground" aria-label="Breadcrumb">
+        <Link href="/" className="transition-colors hover:text-foreground">
+          Catalog
+        </Link>
+        <ChevronRight className="h-3.5 w-3.5" />
+        <Link href={`/?category=${category.id}`} className="flex items-center gap-1 transition-colors hover:text-foreground">
+          <CatIcon className="h-3.5 w-3.5" />
+          {category.label}
+        </Link>
+        <ChevronRight className="h-3.5 w-3.5" />
+        <span className="truncate text-foreground">{tool.name}</span>
+      </nav>
+
+      <div className="mb-8 flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
+        <div className="flex items-start gap-4">
+          <span className="grid h-12 w-12 shrink-0 place-items-center rounded-xl bg-primary/10 text-primary">
+            <tool.icon className="h-6 w-6" />
+          </span>
+          <div>
+            <div className="flex flex-wrap items-center gap-2">
+              <h1 className="text-2xl font-bold tracking-tight">{tool.name}</h1>
+              {tool.status === "coming-soon" && (
+                <Badge variant="secondary" className="uppercase tracking-wide">
+                  Coming soon
+                </Badge>
+              )}
+            </div>
+            <p className="mt-1 max-w-2xl text-sm text-muted-foreground">{tool.description}</p>
+            {tool.commands && tool.commands.length > 0 && (
+              <div className="mt-3 flex flex-wrap items-center gap-1.5">
+                <span className="text-xs text-muted-foreground/70">Console:</span>
+                {tool.commands.slice(0, 3).map((c) => (
+                  <button
+                    key={c}
+                    type="button"
+                    onClick={() => {
+                      navigator.clipboard?.writeText(c).catch(() => {});
+                      onCopyCommand?.();
+                    }}
+                    className="rounded-md bg-muted px-2 py-1 font-mono text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground"
+                    title={`Copy "${c}" to clipboard`}
+                  >
+                    {c}
+                  </button>
+                ))}
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+
+      {children}
+
+      {related.length > 0 && (
+        <section className="mt-14">
+          <h2 className="mb-4 flex items-center gap-2 text-sm font-semibold uppercase tracking-wide text-muted-foreground">
+            <SquareTerminal className="h-4 w-4" />
+            More in {category.label}
+          </h2>
+          <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3">
+            {related.map((t) => (
+              <RelatedCard key={t.slug} tool={t} />
+            ))}
+          </div>
+        </section>
+      )}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/base64.tsx b/artifacts/personal-tool-console/src/components/tools/base64.tsx
new file mode 100644
index 0000000..766d86c
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/base64.tsx
@@ -0,0 +1,53 @@
+import { useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { base64Encode, base64Decode } from "@/lib/tools/base64";
+import { Field, TextArea, SelectInput, OutBox, Chip } from "@/components/tools/shared/fields";
+
+export default function Base64({ tool }: ToolPageProps) {
+  const [mode, setMode] = useState("Encode");
+  const [input, setInput] = useState("");
+  const [error, setError] = useState<string | null>(null);
+
+  const transform = () => {
+    if (!input) return "";
+    try {
+      setError(null);
+      return mode === "Encode" ? base64Encode(input) : base64Decode(input);
+    } catch (e) {
+      setError((e as Error).message);
+      return "";
+    }
+  };
+
+  const output = transform();
+
+  return (
+    <div className="grid gap-4">
+      <div className="flex flex-wrap items-center gap-2">
+        <SelectInput value={mode} onChange={(e) => { setMode(e.target.value); setError(null); }} options={["Encode", "Decode"]} className="w-36" />
+        <Chip color="bg-ring/15 text-ring">{tool.slug}</Chip>
+      </div>
+
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <Field label={mode === "Encode" ? "Plain text" : "Base64 string"}>
+          <TextArea
+            value={input}
+            onChange={(e) => setInput(e.target.value)}
+            spellCheck={false}
+            placeholder={mode === "Encode" ? "Hello, world!" : "SGVsbG8sIHdvcmxkIQ=="}
+          />
+        </Field>
+      </div>
+
+      {output && (
+        <>
+          <div className="rounded-2xl border border-border bg-card/60 p-4">
+            <p className="text-sm text-muted-foreground">input {input.length} chars → output {output.length} chars</p>
+          </div>
+          <OutBox value={output} mono filename={mode === "Encode" ? "encoded.txt" : "decoded.txt"} />
+        </>
+      )}
+      {error && <p className="text-red-400 text-sm">{error}</p>}
+    </div>
+  );
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/bitmap/bitmap-tools.tsx b/artifacts/personal-tool-console/src/components/tools/bitmap/bitmap-tools.tsx
new file mode 100644
index 0000000..6867bf8
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/bitmap/bitmap-tools.tsx
@@ -0,0 +1,233 @@
+import { useState, useMemo } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { convertRadix, bitwiseOp, inspectBits, binaryDump } from "@/lib/tools/bitmap";
+import { Field, TextInput, NumInput, SelectInput, TextArea } from "@/components/tools/shared/fields";
+
+const BASES = [2, 8, 10, 16, 36];
+
+function group8(bits: boolean[]) {
+  const chunks: string[] = [];
+  for (let i = 0; i < bits.length; i += 8) {
+    chunks.push(bits.slice(i, i + 8).map((b) => (b ? "1" : "0")).join(""));
+  }
+  return chunks.join(" ");
+}
+
+function RadixPanel() {
+  const [value, setValue] = useState("FF");
+  const [fromBase, setFromBase] = useState("16");
+  const [toBase, setToBase] = useState("10");
+  const computed = useMemo(() => {
+    try {
+      const parsed = parseInt(value.trim() || "0", Number(fromBase));
+      if (Number.isNaN(parsed)) throw new Error(`"${value}" is not valid in base ${fromBase}`);
+      if (!Number.isFinite(parsed)) throw new Error("Value is too large for a JS number");
+      return {
+        result: convertRadix(value.trim() || "0", Number(fromBase), Number(toBase)),
+        rows: BASES.map((b) => ({ base: b, out: convertRadix(value.trim() || "0", Number(fromBase), b) })),
+        error: null as string | null,
+      };
+    } catch (e) {
+      return { result: "", rows: [], error: (e as Error).message };
+    }
+  }, [value, fromBase, toBase]);
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 sm:grid-cols-3">
+        <Field label="Value">
+          <TextInput value={value} onChange={(e) => setValue(e.target.value)} spellCheck={false} placeholder="e.g. FF or 1010" />
+        </Field>
+        <Field label="From base">
+          <SelectInput value={fromBase} onChange={(e) => setFromBase(e.target.value)} options={BASES.map(String)} />
+        </Field>
+        <Field label="To base">
+          <SelectInput value={toBase} onChange={(e) => setToBase(e.target.value)} options={BASES.map(String)} />
+        </Field>
+      </div>
+      {computed.error ? (
+        <p className="text-red-400 text-sm">{computed.error}</p>
+      ) : (
+        <>
+          <div className="rounded-2xl border border-border bg-black/40 p-4">
+            <p className="break-all font-mono text-3xl tracking-wider text-foreground">{computed.result}</p>
+            <p className="text-xs text-muted-foreground/70">base {toBase}</p>
+          </div>
+          <div className="rounded-2xl border border-border bg-card/60 p-4">
+            <div className="grid grid-cols-2 gap-2 text-sm sm:grid-cols-5">
+              {computed.rows.map((r) => (
+                <div key={r.base} className="rounded-xl border border-border bg-background/60 p-2.5">
+                  <p className="text-xs text-muted-foreground">base {r.base}</p>
+                  <p className="truncate font-mono text-sm text-foreground" title={r.out}>{r.out}</p>
+                </div>
+              ))}
+            </div>
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
+
+function BitwisePanel() {
+  const [a, setA] = useState("10");
+  const [b, setB] = useState("6");
+  const [op, setOp] = useState("AND");
+  const aNum = Number(a) || 0;
+  const bNum = Number(b) || 0;
+  const result = (() => {
+    try {
+      return bitwiseOp(aNum, bNum, op);
+    } catch {
+      return 0;
+    }
+  })();
+  const row = (label: string, n: number) => (
+    <div className="flex flex-wrap items-center justify-between gap-2">
+      <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground">{label}</span>
+      <span className="truncate font-mono text-sm text-foreground">{group8(inspectBits(n, 32))}</span>
+    </div>
+  );
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 sm:grid-cols-3">
+        <Field label="Operand A">
+          <NumInput value={a} onChange={(e) => setA(e.target.value)} />
+        </Field>
+        <Field label="Operand B">
+          <NumInput value={b} onChange={(e) => setB(e.target.value)} />
+        </Field>
+        <Field label="Operation">
+          <SelectInput value={op} onChange={(e) => setOp(e.target.value)} options={["AND", "OR", "XOR", "NOT", "<<", ">>", ">>>"]} />
+        </Field>
+      </div>
+      <p className="text-xs text-muted-foreground/70">Operands are treated as 32-bit two's complement integers. NOT ignores operand B.</p>
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-3">
+          {row("A", aNum)}
+          {op !== "NOT" && row("B", bNum)}
+          <div className="my-1 border-t border-border" />
+          <div className="flex flex-wrap items-center justify-between gap-2">
+            <span className="text-xs font-medium uppercase tracking-wide text-ring">Result ({op})</span>
+            <span className="text-xl font-mono text-foreground">{result}</span>
+          </div>
+          <span className="truncate font-mono text-sm text-foreground">{group8(inspectBits(result, 32))}</span>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function FlagsPanel() {
+  const [bits, setBits] = useState("16");
+  const [value, setValue] = useState(0b1010101010101010);
+  const [text, setText] = useState("43690");
+  const n = Number(bits);
+  const mask = n === 32 ? 0xffffffff : (1 << n) - 1;
+  const shown = value & mask;
+  const bools = inspectBits(shown, n);
+
+  const toggle = (i: number) => {
+    const next = shown ^ (1 << (n - 1 - i));
+    setValue(next);
+    setText(String(next));
+  };
+
+  const changeText = (t: string) => {
+    setText(t);
+    const v = parseInt(t, 10);
+    if (!Number.isNaN(v) && v >= 0) setValue(v);
+  };
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 sm:grid-cols-2">
+        <Field label="Width">
+          <SelectInput value={bits} onChange={(e) => setBits(e.target.value)} options={["8", "16", "32"]} />
+        </Field>
+        <Field label="Decode value (decimal)">
+          <TextInput value={text} onChange={(e) => changeText(e.target.value)} spellCheck={false} inputMode="numeric" placeholder="0" />
+        </Field>
+      </div>
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="flex flex-wrap gap-1.5">
+          {bools.map((on, i) => (
+            <button
+              key={i}
+              type="button"
+              onClick={() => toggle(i)}
+              title={`bit ${n - 1 - i}`}
+              className={`h-8 w-8 rounded-lg border font-mono text-xs transition ${
+                on ? "border-ring bg-ring/25 text-foreground" : "border-border bg-background/60 text-muted-foreground"
+              }`}
+            >
+              {on ? "1" : "0"}
+            </button>
+          ))}
+        </div>
+      </div>
+      <div className="flex flex-wrap items-center gap-2 text-sm">
+        <span className="text-muted-foreground">decimal</span>
+        <span className="font-mono text-foreground">{shown}</span>
+        <span className="mx-1 text-muted-foreground">·</span>
+        <span className="text-muted-foreground">hex</span>
+        <span className="font-mono text-foreground">0x{shown.toString(16).toUpperCase().padStart(Math.ceil(n / 4), "0")}</span>
+      </div>
+    </div>
+  );
+}
+
+function BinaryViewerPanel() {
+  const [text, setText] = useState("Hello, world!");
+  const rows = useMemo(() => binaryDump(text), [text]);
+  const charOf = (d: number) => (d >= 32 && d <= 126 ? String.fromCharCode(d) : "·");
+
+  return (
+    <div className="grid gap-4">
+      <Field label="Input text">
+        <TextArea value={text} onChange={(e) => setText(e.target.value)} spellCheck={false} placeholder="Text to inspect byte by byte" />
+      </Field>
+      <p className="text-sm text-muted-foreground">{rows.length} bytes</p>
+      <div className="overflow-x-auto rounded-2xl border border-border bg-card/60 p-2">
+        <table className="w-full text-left font-mono text-sm">
+          <thead>
+            <tr className="text-xs uppercase tracking-wide text-muted-foreground">
+              <th className="px-3 py-2">index</th>
+              <th className="px-3 py-2">char</th>
+              <th className="px-3 py-2">hex</th>
+              <th className="px-3 py-2">binary</th>
+              <th className="px-3 py-2">dec</th>
+            </tr>
+          </thead>
+          <tbody>
+            {rows.map((r, i) => (
+              <tr key={i} className={i % 2 ? "bg-background/30" : ""}>
+                <td className="px-3 py-1.5 text-muted-foreground">{i}</td>
+                <td className="px-3 py-1.5 text-foreground">{charOf(r.dec)}</td>
+                <td className="px-3 py-1.5 text-ring">{r.hex}</td>
+                <td className="px-3 py-1.5 text-foreground">{r.binary}</td>
+                <td className="px-3 py-1.5 text-muted-foreground">{r.dec}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
+
+export default function BitmapTools({ tool }: ToolPageProps) {
+  switch (tool.slug) {
+    case "radix-converter":
+      return <RadixPanel />;
+    case "bitwise-calculator":
+      return <BitwisePanel />;
+    case "bit-flags":
+      return <FlagsPanel />;
+    case "binary-viewer":
+      return <BinaryViewerPanel />;
+    default:
+      return null;
+  }
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/calculator.tsx b/artifacts/personal-tool-console/src/components/tools/calculator.tsx
new file mode 100644
index 0000000..36a4650
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/calculator.tsx
@@ -0,0 +1,111 @@
+import { useState, type KeyboardEvent } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { isMathExpression, safeMathEval } from "@/lib/tools/calculator";
+import { OutBox, GhostButton } from "@/components/tools/shared/fields";
+
+const KEYS = ["7", "8", "9", "/", "4", "5", "6", "*", "1", "2", "3", "-", "0", ".", "%", "+", "(", ")", "^", "C", "⌫", "="];
+
+export default function CalculatorPage({ tool }: ToolPageProps) {
+  const [expr, setExpr] = useState("");
+  const [result, setResult] = useState<{ value: string; error?: string }>({ value: "" });
+
+  const append = (k: string) => {
+    setResult({ value: "" });
+    setExpr((prev) => prev + k);
+  };
+
+  const evaluate = () => {
+    if (!isMathExpression(expr)) {
+      setResult({ value: "", error: "Invalid expression" });
+      return;
+    }
+    try {
+      const r = safeMathEval(expr);
+      setResult({ value: String(r) });
+    } catch (e) {
+      setResult({ value: "", error: (e as Error).message });
+    }
+  };
+
+  const backspace = () => {
+    setResult({ value: "" });
+    setExpr((prev) => prev.slice(0, -1));
+  };
+
+  const clear = () => {
+    setExpr("");
+    setResult({ value: "" });
+  };
+
+  const onKey = (e: KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === "Enter") evaluate();
+  };
+
+  const current = result.value || expr || "0";
+
+  return (
+    <div className="grid gap-4 lg:grid-cols-2">
+      <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+        <input
+          value={expr}
+          onChange={(e) => {
+            setExpr(e.target.value);
+            setResult({ value: "" });
+          }}
+          onKeyDown={onKey}
+          placeholder="Type or click…"
+          spellCheck={false}
+          className="w-full rounded-xl border border-border bg-black/40 px-4 py-3 font-mono text-right text-2xl text-foreground outline-none focus:border-ring"
+        />
+        {result.error && <p className="text-right text-sm text-red-400">{result.error}</p>}
+        {!result.error && expr && (
+          <div className="w-full rounded-xl bg-black/20 px-4 py-2 text-right font-mono text-lg text-muted-foreground">= {current}</div>
+        )}
+      </div>
+
+      <div className="space-y-2 rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid grid-cols-4 gap-2">
+          {KEYS.map((k) => {
+            if (k === "C")
+              return (
+                <button key={k} onClick={clear} className="rounded-xl bg-slate-700/60 py-3 font-mono text-sm text-foreground transition hover:bg-slate-600/60">
+                  {k}
+                </button>
+              );
+            if (k === "⌫")
+              return (
+                <button key={k} onClick={backspace} className="rounded-xl bg-slate-700/60 py-3 font-mono text-sm text-foreground transition hover:bg-slate-600/60">
+                  {k}
+                </button>
+              );
+            if (k === "=")
+              return (
+                <button key={k} onClick={evaluate} className="col-span-2 rounded-xl bg-primary py-3 font-mono text-sm text-primary-foreground transition hover:opacity-90">
+                  {k}
+                </button>
+              );
+            if (k === "("  || k === ")" || k === "^")
+              return (
+                <button key={k} onClick={() => append(k)} className="rounded-xl bg-slate-800/60 py-3 font-mono text-sm text-cyan-300 transition hover:bg-slate-700/60">
+                  {k}
+                </button>
+              );
+            const isOp = ["/", "*", "-", "+", "%"].includes(k);
+            return (
+              <button
+                key={k}
+                onClick={() => append(k)}
+                className={`rounded-xl py-3 font-mono text-sm transition ${isOp ? "bg-orange-500/20 text-orange-300 hover:bg-orange-500/30" : "bg-slate-800/60 text-foreground hover:bg-slate-700/60"}`}
+              >
+                {k}
+              </button>
+            );
+          })}
+        </div>
+        <GhostButton className="w-full" onClick={() => navigator.clipboard?.writeText(result.value || expr).catch(() => {})}>
+          Copy
+        </GhostButton>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/code-to-image.tsx b/artifacts/personal-tool-console/src/components/tools/code-to-image.tsx
new file mode 100644
index 0000000..42ed3be
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/code-to-image.tsx
@@ -0,0 +1,100 @@
+import { useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { Field, TextArea, TextInput, NumInput, ToggleInput, PrimaryButton, Chip } from "@/components/tools/shared/fields";
+
+export default function CodeToImage({ tool }: ToolPageProps) {
+  const [code, setCode] = useState("");
+  const [filename, setFilename] = useState("snippet.js");
+  const [bg, setBg] = useState("#1e1e2e");
+  const [text, setText] = useState("#cdd6f4");
+  const [fontSize, setFontSize] = useState(14);
+  const [padding, setPadding] = useState(24);
+  const [chrome, setChrome] = useState(true);
+
+  const lines = code === "" ? [""] : code.split("\n");
+  const contentWidth = Math.max(80, Math.max(...lines.map((l) => l.length)) * fontSize * 0.6);
+  const renderedHeight = lines.length * lineHeight(fontSize);
+  const width = Math.round(contentWidth + padding * 2);
+  const height = Math.round(renderedHeight + padding * 2 + (chrome ? 40 : 0));
+
+  function lineHeight(fs: number) {
+    return Math.round(fs * 1.5);
+  }
+
+  const download = () => {
+    const canvas = document.createElement("canvas");
+    canvas.width = width;
+    canvas.height = height;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    ctx.fillStyle = bg;
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+    if (chrome) {
+      ctx.fillStyle = "rgba(255,255,255,0.08)";
+      ctx.fillRect(0, 0, canvas.width, 40);
+      const dotColors = ["#ff5f57", "#febc2e", "#28c840"];
+      dotColors.forEach((c, i) => {
+        ctx.beginPath();
+        ctx.arc(20 + i * 18, 20, 6, 0, Math.PI * 2);
+        ctx.fillStyle = c;
+        ctx.fill();
+      });
+      ctx.fillStyle = "rgba(255,255,255,0.8)";
+      ctx.font = `${Math.round(fontSize * 0.8)}px sans-serif`;
+      ctx.textAlign = "center";
+      ctx.fillText(filename || "snippet", canvas.width / 2, 25);
+      ctx.textAlign = "left";
+    }
+    ctx.fillStyle = text;
+    ctx.font = `${fontSize}px monospace`;
+    ctx.textBaseline = "top";
+    const startY = chrome ? 40 + padding : padding;
+    lines.forEach((line, i) => {
+      ctx.fillText(line.replace(/\t/g, "  "), padding, startY + i * lineHeight(fontSize));
+    });
+    const a = document.createElement("a");
+    a.href = canvas.toDataURL("image/png");
+    a.download = (filename || "code").replace(/\.[^.]+$/, "") + ".png";
+    a.click();
+  };
+
+  return (
+    <div className="grid gap-4">
+      <div className="flex flex-wrap items-center gap-2">
+        <Chip color="bg-ring/15 text-ring">{tool.slug}</Chip>
+      </div>
+
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <Field label="Code" hint="Paste any code snippet">
+          <TextArea value={code} onChange={(e) => setCode(e.target.value)} spellCheck={false} className="font-mono min-h-36" placeholder="const greeting = 'Hello, world!';" />
+        </Field>
+        <div className="mt-3 grid gap-3 sm:grid-cols-2">
+          <Field label="Filename"><TextInput value={filename} onChange={(e) => setFilename(e.target.value)} /></Field>
+          <Field label="Background"><TextInput type="color" value={bg} onChange={(e) => setBg(e.target.value)} /></Field>
+          <Field label="Text color"><TextInput type="color" value={text} onChange={(e) => setText(e.target.value)} /></Field>
+          <Field label="Font size"><NumInput value={fontSize} min={8} max={48} onChange={(e) => setFontSize(Number(e.target.value) || 14)} /></Field>
+          <Field label="Padding"><NumInput value={padding} min={0} max={80} onChange={(e) => setPadding(Number(e.target.value) || 0)} /></Field>
+          <div className="self-end"><ToggleInput label="Window chrome" checked={chrome} onChange={setChrome} /></div>
+        </div>
+      </div>
+
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="overflow-hidden rounded-xl" style={{ backgroundColor: bg, padding }}>
+          {chrome && (
+            <div className="-mx-4 -mt-4 mb-4 flex items-center gap-2 px-4 py-2.5" style={{ backgroundColor: "rgba(255,255,255,0.08)" }}>
+              <span className="h-3 w-3 rounded-full bg-[#ff5f57]" />
+              <span className="h-3 w-3 rounded-full bg-[#febc2e]" />
+              <span className="h-3 w-3 rounded-full bg-[#28c840]" />
+              <span className="ml-3 text-xs" style={{ color: text, opacity: 0.8 }}>{filename || "snippet"}</span>
+            </div>
+          )}
+          <pre className="whitespace-pre font-mono" style={{ color: text, fontSize }}>{code || " "}</pre>
+        </div>
+        <p className="mt-3 text-xs text-muted-foreground">Estimated size: {width} × {height} px</p>
+        <div className="mt-4">
+          <PrimaryButton onClick={download} disabled={!code.trim()}>Download PNG</PrimaryButton>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/coding-tools.tsx b/artifacts/personal-tool-console/src/components/tools/coding-tools.tsx
new file mode 100644
index 0000000..513dc5f
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/coding-tools.tsx
@@ -0,0 +1,274 @@
+import { useMemo, useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { minifyJson, validateJson, slugify, htmlEncode, htmlDecode, formatHtml, minifyHtml, formatCss, minifyCss, minifyJs, md5 } from "@/lib/tools/coding";
+import { Field, TextArea, SelectInput, OutBox, Chip, ToggleInput } from "@/components/tools/shared/fields";
+
+function TextTransformer({ placeholder, transform, label, hint, chip }: {
+  placeholder: string;
+  transform: (s: string) => string;
+  label: string;
+  hint?: string;
+  chip?: string;
+}) {
+  const [input, setInput] = useState("");
+  const [error, setError] = useState<string | null>(null);
+
+  const output = useMemo(() => {
+    if (!input.trim()) return "";
+    try {
+      setError(null);
+      return transform(input);
+    } catch (e) {
+      setError((e as Error).message);
+      return "";
+    }
+  }, [input, transform]);
+
+  return (
+    <div className="grid gap-4">
+      {chip && (
+        <div className="flex items-center gap-2">
+          <Chip color="bg-ring/15 text-ring">{chip}</Chip>
+        </div>
+      )}
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <Field label={label} hint={hint}>
+          <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} className="font-mono" placeholder={placeholder} />
+        </Field>
+      </div>
+      {error && <p className="text-red-400 text-sm">{error}</p>}
+      {output !== "" && <OutBox value={output} mono filename="output.txt" />}
+    </div>
+  );
+}
+
+function formatJsCode(code: string): string {
+  const indentUnit = "  ";
+  let indent = 0;
+  const out: string[] = [];
+  let i = 0;
+  let lineStart = true;
+  let pending = "";
+
+  const push = (s: string) => {
+    for (const ch of s) {
+      if (lineStart && ch !== " " && ch !== "\t") {
+        out.push(indentUnit.repeat(indent));
+        lineStart = false;
+      }
+      out.push(ch);
+      if (ch === "\n") lineStart = true;
+    }
+  };
+
+  while (i < code.length) {
+    const ch = code[i];
+    const next = code[i + 1];
+
+    if (ch === '"' || ch === "'" || ch === "`") {
+      const quote = ch;
+      push(ch);
+      i++;
+      while (i < code.length) {
+        const c = code[i];
+        push(c);
+        if (c === "\\") {
+          if (i + 1 < code.length) { push(code[i + 1]); i++; }
+          i++;
+          continue;
+        }
+        if (c === quote) { i++; break; }
+        if (c === "\n" && quote !== "`") break;
+        i++;
+      }
+      continue;
+    }
+
+    if (ch === "/" && next === "/") {
+      while (i < code.length && code[i] !== "\n") { push(code[i]); i++; }
+      continue;
+    }
+
+    if (ch === "/" && next === "*") {
+      push("/*");
+      i += 2;
+      while (i < code.length && !(code[i] === "*" && code[i + 1] === "/")) { push(code[i]); i++; }
+      if (i < code.length) { push("*/"); i += 2; }
+      continue;
+    }
+
+    if (ch === "{") {
+      push("{");
+      indent++;
+      push("\n");
+      i++;
+      continue;
+    }
+    if (ch === "}") {
+      indent = Math.max(0, indent - 1);
+      push("\n");
+      push("}");
+      i++;
+      continue;
+    }
+    if (ch === "(" || ch === "[") {
+      push(ch);
+      indent++;
+      push("\n");
+      i++;
+      continue;
+    }
+    if (ch === ")" || ch === "]") {
+      indent = Math.max(0, indent - 1);
+      push("\n");
+      push(ch);
+      i++;
+      continue;
+    }
+    if (ch === ";") {
+      push(ch);
+      push("\n");
+      i++;
+      continue;
+    }
+    if (ch === ",") {
+      push(ch);
+      push("\n");
+      i++;
+      continue;
+    }
+    if (ch === "\r") {
+      i++;
+      continue;
+    }
+
+    push(ch);
+    i++;
+  }
+
+  return out.join("");
+}
+
+function JsonMinifier() {
+  return <TextTransformer chip="json-minifier" label="JSON input" placeholder='{"key": "value"}' transform={minifyJson} />;
+}
+
+function JsonValidator() {
+  const [input, setInput] = useState("");
+  const [result, setResult] = useState<{ valid: boolean; error?: string; line?: number } | null>(null);
+
+  return (
+    <div className="grid gap-4">
+      <div className="flex items-center gap-2">
+        <Chip color="bg-ring/15 text-ring">json-validator</Chip>
+      </div>
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <Field label="JSON input">
+          <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} className="font-mono" placeholder='{"key": "value"}' />
+        </Field>
+        <div className="mt-4">
+          <button
+            onClick={() => setResult(input.trim() ? validateJson(input) : null)}
+            className="rounded-xl bg-primary px-4 py-2.5 text-sm font-medium text-primary-foreground transition hover:opacity-90"
+          >
+            Validate
+          </button>
+        </div>
+      </div>
+      {result && (
+        result.valid ? (
+          <div className="rounded-xl border border-green-500/30 bg-green-500/10 px-4 py-3 text-sm text-green-400">Valid JSON</div>
+        ) : (
+          <div className="rounded-xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-400">
+            <p className="font-medium">Invalid JSON</p>
+            {typeof result.line === "number" && <p className="mt-1">At line {result.line}</p>}
+            {result.error && <p className="mt-1 break-words">{result.error}</p>}
+          </div>
+        )
+      )}
+    </div>
+  );
+}
+
+function UrlSlug() {
+  return <TextTransformer chip="url-slug" label="Text input" placeholder="Hello World — Clean & Tidy!" transform={slugify} />;
+}
+
+function HtmlEncoder() {
+  const [mode, setMode] = useState<"encode" | "decode">("encode");
+  return (
+    <div className="grid gap-4">
+      <div className="flex flex-wrap items-center gap-3">
+        <Chip color="bg-ring/15 text-ring">html-encoder</Chip>
+        <div className="w-64"><ToggleInput label="Decode mode" checked={mode === "decode"} onChange={(v) => setMode(v ? "decode" : "encode")} /></div>
+      </div>
+      <TextTransformer
+        chip=""
+        label={mode === "encode" ? "HTML text" : "Encoded entities"}
+        placeholder={mode === "encode" ? "<div>Hello & welcome</div>" : "&lt;div&gt;Hello &amp; welcome&lt;/div&gt;"}
+        transform={mode === "encode" ? htmlEncode : htmlDecode}
+      />
+    </div>
+  );
+}
+
+function HtmlFormatter() {
+  const [indent, setIndent] = useState("2");
+  return (
+    <div className="grid gap-4">
+      <div className="flex items-center gap-2">
+        <Chip color="bg-ring/15 text-ring">html-formatter</Chip>
+      </div>
+      <TextTransformer
+        chip=""
+        label="HTML input"
+        placeholder="<div><p>Hello</p></div>"
+        transform={(s) => formatHtml(s).split("\n").map((l) => (indent === "4" ? l.replace(/^(  )/g, "    ") : l)).join("\n")}
+      />
+      <div className="w-36">
+        <SelectInput value={indent} onChange={(e) => setIndent(e.target.value)} options={["2", "4"]} />
+      </div>
+    </div>
+  );
+}
+
+function HtmlMinifier() {
+  return <TextTransformer chip="html-minifier" label="HTML input" placeholder="<div>  <p>Hello</p>  </div>" transform={minifyHtml} />;
+}
+
+function CssFormatter() {
+  return <TextTransformer chip="css-formatter" label="CSS input" placeholder="a{color:red;margin:0}" transform={formatCss} />;
+}
+
+function CssMinifier() {
+  return <TextTransformer chip="css-minifier" label="CSS input" placeholder="a { color: red; margin: 0; }" transform={minifyCss} />;
+}
+
+function JsFormatter() {
+  return <TextTransformer chip="js-formatter" label="JavaScript input" placeholder="function add(a,b){return a+b;}" transform={formatJsCode} />;
+}
+
+function JsMinifier() {
+  return <TextTransformer chip="js-minifier" label="JavaScript input" placeholder="function add(a, b) { return a + b; }" transform={minifyJs} />;
+}
+
+function Md5Hash() {
+  return <TextTransformer chip="md5-hash" label="Input text" placeholder="hello" transform={md5} />;
+}
+
+export default function CodingTools({ tool }: ToolPageProps) {
+  switch (tool.slug) {
+    case "json-minifier": return <JsonMinifier />;
+    case "json-validator": return <JsonValidator />;
+    case "url-slug": return <UrlSlug />;
+    case "html-encoder": return <HtmlEncoder />;
+    case "html-formatter": return <HtmlFormatter />;
+    case "html-minifier": return <HtmlMinifier />;
+    case "css-formatter": return <CssFormatter />;
+    case "css-minifier": return <CssMinifier />;
+    case "js-formatter": return <JsFormatter />;
+    case "js-minifier": return <JsMinifier />;
+    case "md5-hash": return <Md5Hash />;
+    default: return <div className="text-sm text-muted-foreground">Unknown tool</div>;
+  }
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/color/color-tools.tsx b/artifacts/personal-tool-console/src/components/tools/color/color-tools.tsx
new file mode 100644
index 0000000..9d607e9
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/color/color-tools.tsx
@@ -0,0 +1,308 @@
+import { useState, useMemo } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import {
+  hexToRgbaString,
+  rgbaToHex,
+  shadeScale,
+  mixColors,
+  generatePalette,
+  type PaletteScheme,
+} from "@/lib/tools/color";
+import { Field, TextInput, SelectInput, OutBox } from "@/components/tools/shared/fields";
+
+function useCopy() {
+  const [copied, setCopied] = useState<string | null>(null);
+  const copy = (v: string) => {
+    navigator.clipboard?.writeText(v).catch(() => {});
+    setCopied(v);
+    window.setTimeout(() => setCopied((c) => (c === v ? null : c)), 1000);
+  };
+  return { copied, copy };
+}
+
+function Swatch({ hex, big = false }: { hex: string; big?: boolean }) {
+  const { copied, copy } = useCopy();
+  return (
+    <button
+      type="button"
+      onClick={() => copy(hex)}
+      title={`${hex} — click to copy`}
+      className={`${big ? "h-14" : "h-10"} w-full rounded-xl border border-border/60 transition hover:scale-[1.02]`}
+      style={{ backgroundColor: hex }}
+    >
+      <span className={`${copied === hex ? "opacity-100" : "opacity-0"} flex h-full items-center justify-center rounded-xl bg-black/40 text-xs font-medium text-white transition`}>
+        {copied === hex ? "Copied" : ""}
+      </span>
+    </button>
+  );
+}
+
+const SCHEMES: PaletteScheme[] = ["monochromatic", "complementary", "analogous", "triadic", "tetradic"];
+
+function PalettePanel() {
+  const [seed, setSeed] = useState("#7c3aed");
+  const [scheme, setScheme] = useState<PaletteScheme>("analogous");
+  const [count, setCount] = useState(5);
+  const colorValid = /^#[0-9a-fA-F]{3,6}$/.test(seed.trim());
+  const palette = useMemo(() => {
+    try {
+      return { colors: generatePalette(seed.trim(), scheme, count), error: null as string | null };
+    } catch (e) {
+      return { colors: [] as string[], error: (e as Error).message };
+    }
+  }, [seed, scheme, count]);
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 sm:grid-cols-3">
+        <Field label="Seed color">
+          <div className="flex gap-2">
+            <input
+              type="color"
+              value={colorValid ? seed.trim().toLowerCase() : "#7c3aed"}
+              onChange={(e) => setSeed(e.target.value)}
+              className="h-10 w-12 shrink-0 cursor-pointer rounded-xl border border-border bg-background/80"
+            />
+            <TextInput value={seed} onChange={(e) => setSeed(e.target.value)} spellCheck={false} placeholder="#7c3aed" />
+          </div>
+        </Field>
+        <Field label="Scheme">
+          <SelectInput value={scheme} onChange={(e) => setScheme(e.target.value as PaletteScheme)} options={SCHEMES} />
+        </Field>
+        <Field label={`Count: ${count}`}>
+          <input
+            type="range"
+            min={3}
+            max={9}
+            step={1}
+            value={count}
+            onChange={(e) => setCount(Number(e.target.value))}
+            className="w-full accent-foreground"
+          />
+        </Field>
+      </div>
+      {palette.error ? (
+        <p className="text-red-400 text-sm">{palette.error}</p>
+      ) : (
+        <>
+          <div className="flex h-3 w-full overflow-hidden rounded-full">
+            {palette.colors.map((c) => (
+              <div key={c} className="h-full flex-1" style={{ backgroundColor: c }} />
+            ))}
+          </div>
+          <div className="grid grid-cols-3 gap-2 sm:grid-cols-5">
+            {palette.colors.map((c) => (
+              <div key={c} className="grid gap-1.5">
+                <Swatch hex={c} big />
+                <p className="text-center font-mono text-xs text-muted-foreground">{c}</p>
+              </div>
+            ))}
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
+
+function HexToRgbaPanel() {
+  const [hex, setHex] = useState("#7c3aed");
+  const [alpha, setAlpha] = useState(65);
+  const computed = useMemo(() => {
+    try {
+      const a = alpha / 100;
+      return { value: hexToRgbaString(hex.trim(), a), error: null as string | null };
+    } catch (e) {
+      return { value: "", error: (e as Error).message };
+    }
+  }, [hex, alpha]);
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 sm:grid-cols-2">
+        <Field label="Hex color">
+          <TextInput value={hex} onChange={(e) => setHex(e.target.value)} spellCheck={false} placeholder="#7c3aed" />
+        </Field>
+        <Field label={`Alpha: ${alpha}%`}>
+          <input
+            type="range"
+            min={0}
+            max={100}
+            step={1}
+            value={alpha}
+            onChange={(e) => setAlpha(Number(e.target.value))}
+            className="w-full accent-foreground"
+          />
+        </Field>
+      </div>
+      {computed.error ? (
+        <p className="text-red-400 text-sm">{computed.error}</p>
+      ) : (
+        <>
+          <div className="flex items-center gap-3">
+            <div className="h-12 w-12 rounded-xl border border-border/60" style={{ backgroundColor: computed.value }} />
+            <span className="font-mono text-sm text-foreground">{computed.value}</span>
+          </div>
+          <OutBox value={computed.value} mono />
+        </>
+      )}
+    </div>
+  );
+}
+
+function RgbaToHexPanel() {
+  const [rgba, setRgba] = useState("rgba(124, 58, 237, 0.5)");
+  const computed = useMemo(() => {
+    try {
+      return { value: rgbaToHex(rgba.trim()), error: null as string | null };
+    } catch (e) {
+      return { value: "", error: (e as Error).message };
+    }
+  }, [rgba]);
+
+  return (
+    <div className="grid gap-4">
+      <Field label="rgb() / rgba() value">
+        <TextInput value={rgba} onChange={(e) => setRgba(e.target.value)} spellCheck={false} placeholder="rgba(255, 0, 0, 0.5)" />
+      </Field>
+      {computed.error ? (
+        <p className="text-red-400 text-sm">{computed.error}</p>
+      ) : (
+        <>
+          <div className="flex h-1 w-full overflow-hidden rounded-full" />
+          <div className="flex items-center gap-3">
+            <div className="h-12 w-12 rounded-xl border border-border/60" style={{ backgroundColor: computed.value }} />
+            <span className="font-mono text-sm text-foreground">{computed.value}</span>
+          </div>
+          <OutBox value={computed.value} mono />
+        </>
+      )}
+    </div>
+  );
+}
+
+function ShadesPanel() {
+  const [base, setBase] = useState("#0ea5e9");
+  const [steps, setSteps] = useState("9");
+  const computed = useMemo(() => {
+    try {
+      return { colors: shadeScale(base.trim(), Number(steps)), error: null as string | null };
+    } catch (e) {
+      return { colors: [] as string[], error: (e as Error).message };
+    }
+  }, [base, steps]);
+  const n = Number(steps);
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 sm:grid-cols-2">
+        <Field label="Base color">
+          <TextInput value={base} onChange={(e) => setBase(e.target.value)} spellCheck={false} placeholder="#0ea5e9" />
+        </Field>
+        <Field label="Number of steps">
+          <SelectInput value={steps} onChange={(e) => setSteps(e.target.value)} options={["7", "9", "11", "13"]} className="w-24" />
+        </Field>
+      </div>
+      {computed.error ? (
+        <p className="text-red-400 text-sm">{computed.error}</p>
+      ) : (
+        <>
+          <div className="h-4 w-full overflow-hidden rounded-full" style={{ background: `linear-gradient(to right, ${computed.colors.join(", ")})` }} />
+          <div className="grid gap-2 sm:grid-cols-3" style={{ gridTemplateColumns: `repeat(${Math.min(n, 6)}, minmax(0, 1fr))` }}>
+            {computed.colors.map((c, i) => {
+              const pct = Math.round((i / (n - 1)) * 100 - 50);
+              return (
+                <div key={c + i} className="grid gap-1.5">
+                  <p className="text-center text-xs font-medium text-muted-foreground">{pct > 0 ? `+${pct}` : pct}%</p>
+                  <Swatch hex={c} />
+                  <p className="text-center font-mono text-xs text-muted-foreground">{c}</p>
+                </div>
+              );
+            })}
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
+
+function MixerPanel() {
+  const [a, setA] = useState("#ff0000");
+  const [b, setB] = useState("#0000ff");
+  const [ratio, setRatio] = useState(50);
+  const computed = useMemo(() => {
+    try {
+      return { value: mixColors(a.trim(), b.trim(), ratio / 100), error: null as string | null };
+    } catch (e) {
+      return { value: "", error: (e as Error).message };
+    }
+  }, [a, b, ratio]);
+  const ramp = useMemo(() => {
+    try {
+      return [0, 0.25, 0.5, 0.75, 1].map((r) => mixColors(a.trim(), b.trim(), r));
+    } catch {
+      return [] as string[];
+    }
+  }, [a, b]);
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 sm:grid-cols-2">
+        <Field label="Color A">
+          <TextInput value={a} onChange={(e) => setA(e.target.value)} spellCheck={false} placeholder="#ff0000" />
+        </Field>
+        <Field label="Color B">
+          <TextInput value={b} onChange={(e) => setB(e.target.value)} spellCheck={false} placeholder="#0000ff" />
+        </Field>
+      </div>
+      <Field label={`Ratio B: ${ratio}%`}>
+        <input
+          type="range"
+          min={0}
+          max={100}
+          step={1}
+          value={ratio}
+          onChange={(e) => setRatio(Number(e.target.value))}
+          className="w-full accent-foreground"
+        />
+      </Field>
+      {computed.error ? (
+        <p className="text-red-400 text-sm">{computed.error}</p>
+      ) : (
+        <>
+          <div className="flex items-center gap-3">
+            <div className="h-12 w-12 rounded-xl border border-border/60" style={{ backgroundColor: computed.value }} />
+            <span className="font-mono text-sm text-foreground">{computed.value}</span>
+          </div>
+          <OutBox value={computed.value} mono />
+          {ramp.length > 0 && (
+            <div className="grid grid-cols-5 gap-2">
+              {ramp.map((c, i) => (
+                <div key={c + i} className="grid gap-1">
+                  <Swatch hex={c} />
+                  <p className="text-center text-xs text-muted-foreground">{i * 25}%</p>
+                </div>
+              ))}
+            </div>
+          )}
+        </>
+      )}
+    </div>
+  );
+}
+
+export default function ColorTools({ tool }: ToolPageProps) {
+  switch (tool.slug) {
+    case "color-palette":
+      return <PalettePanel />;
+    case "hex-to-rgba":
+      return <HexToRgbaPanel />;
+    case "rgba-to-hex":
+      return <RgbaToHexPanel />;
+    case "color-shades":
+      return <ShadesPanel />;
+    case "color-mixer":
+      return <MixerPanel />;
+    default:
+      return null;
+  }
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/crypto/crypto-tools.tsx b/artifacts/personal-tool-console/src/components/tools/crypto/crypto-tools.tsx
new file mode 100644
index 0000000..b2d3991
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/crypto/crypto-tools.tsx
@@ -0,0 +1,355 @@
+import { useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import {
+  randomBytes,
+  bytesToBase64,
+  aesEncrypt,
+  aesDecrypt,
+  generateAesKey,
+  hmacHash,
+  decodeJwt,
+  generateRandomKey,
+  type DecodedJwt,
+} from "@/lib/tools/crypto";
+import {
+  Field,
+  TextInput,
+  NumInput,
+  SelectInput,
+  TextArea,
+  ToggleInput,
+  OutBox,
+  PrimaryButton,
+  GhostButton,
+  Chip,
+} from "@/components/tools/shared/fields";
+
+function AesPanel() {
+  const [mode, setMode] = useState("AES-GCM");
+  const [bits, setBits] = useState("256");
+  const [encrypting, setEncrypting] = useState(true);
+  const [input, setInput] = useState("");
+  const [key, setKey] = useState("");
+  const [iv, setIv] = useState("");
+  const [output, setOutput] = useState("");
+  const [error, setError] = useState<string | null>(null);
+  const [busy, setBusy] = useState(false);
+
+  const genKey = () => setKey(generateAesKey(Number(bits), "base64"));
+  const genIv = () => setIv(bytesToBase64(randomBytes(mode === "AES-GCM" ? 12 : 16)));
+
+  const run = async () => {
+    setError(null);
+    setOutput("");
+    if (!input.trim() || !key.trim() || !iv.trim()) {
+      setError("Text, key, and IV are all required");
+      return;
+    }
+    setBusy(true);
+    try {
+      const m = mode as "AES-GCM" | "AES-CBC";
+      setOutput(
+        encrypting
+          ? await aesEncrypt(input, key.trim(), iv.trim(), m)
+          : await aesDecrypt(input, key.trim(), iv.trim(), m),
+      );
+    } catch (e) {
+      setError((e as Error).message);
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 sm:grid-cols-2">
+        <Field label="Mode">
+          <SelectInput value={mode} onChange={(e) => setMode(e.target.value)} options={["AES-GCM", "AES-CBC"]} />
+        </Field>
+        <Field label="Key size">
+          <SelectInput value={bits} onChange={(e) => setBits(e.target.value)} options={["128", "192", "256"]} />
+        </Field>
+      </div>
+      <ToggleInput
+        label={encrypting ? "Direction: Encrypt" : "Direction: Decrypt"}
+        checked={encrypting}
+        onChange={setEncrypting}
+      />
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <Field label={encrypting ? "Plaintext" : "Ciphertext (base64)"}>
+          <TextArea
+            value={input}
+            onChange={(e) => setInput(e.target.value)}
+            spellCheck={false}
+            placeholder={encrypting ? "Top secret message…" : "base64 ciphertext…"}
+          />
+        </Field>
+      </div>
+      <div className="grid gap-4 sm:grid-cols-2">
+        <Field label="Key (base64)">
+          <div className="flex gap-2">
+            <TextInput value={key} onChange={(e) => setKey(e.target.value)} spellCheck={false} placeholder="generated or pasted key" />
+            <GhostButton type="button" onClick={genKey}>Generate</GhostButton>
+          </div>
+        </Field>
+        <Field label={`IV (base64 · ${mode === "AES-GCM" ? "12" : "16"} bytes)`}>
+          <div className="flex gap-2">
+            <TextInput value={iv} onChange={(e) => setIv(e.target.value)} spellCheck={false} placeholder="initialization vector" />
+            <GhostButton type="button" onClick={genIv}>Generate</GhostButton>
+          </div>
+        </Field>
+      </div>
+      <PrimaryButton type="button" onClick={run} disabled={busy}>
+        {busy ? "Working…" : encrypting ? "Encrypt" : "Decrypt"}
+      </PrimaryButton>
+      {error && <p className="text-red-400 text-sm">{error}</p>}
+      {output && <OutBox value={output} mono filename={encrypting ? "ciphertext.b64" : "plaintext.txt"} />}
+      <p className="text-xs text-muted-foreground/70">The same key and IV must be used to decrypt. GCM uses a 12-byte IV; CBC uses 16 bytes.</p>
+    </div>
+  );
+}
+
+function HmacPanel() {
+  const [message, setMessage] = useState("");
+  const [secret, setSecret] = useState("");
+  const [algo, setAlgo] = useState("SHA-256");
+  const [hex, setHex] = useState("");
+  const [b64, setB64] = useState("");
+  const [error, setError] = useState<string | null>(null);
+  const [busy, setBusy] = useState(false);
+
+  const compute = async () => {
+    setError(null);
+    setHex("");
+    setB64("");
+    if (!message) {
+      setError("Message is required");
+      return;
+    }
+    setBusy(true);
+    try {
+      const r = await hmacHash(message, secret, algo as "SHA-256" | "SHA-384" | "SHA-512");
+      setHex(r.hex);
+      setB64(r.base64);
+    } catch (e) {
+      setError((e as Error).message);
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  return (
+    <div className="grid gap-4">
+      <Chip color="bg-amber-500/15 text-amber-400">HMAC-MD5 is not supported by the Web Crypto API — SHA-2 only</Chip>
+      <Field label="Message">
+        <TextArea
+          value={message}
+          onChange={(e) => setMessage(e.target.value)}
+          spellCheck={false}
+          placeholder="Message to sign"
+        />
+      </Field>
+      <div className="grid gap-4 sm:grid-cols-2">
+        <Field label="Secret key">
+          <TextInput value={secret} onChange={(e) => setSecret(e.target.value)} spellCheck={false} placeholder="shared secret" />
+        </Field>
+        <Field label="Algorithm">
+          <SelectInput value={algo} onChange={(e) => setAlgo(e.target.value)} options={["SHA-256", "SHA-384", "SHA-512"]} />
+        </Field>
+      </div>
+      <PrimaryButton type="button" onClick={compute} disabled={busy}>
+        {busy ? "Computing…" : "Compute HMAC"}
+      </PrimaryButton>
+      {error && <p className="text-red-400 text-sm">{error}</p>}
+      {(hex || b64) && (
+        <div className="grid gap-4">
+          <div className="space-y-1.5">
+            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">hex</span>
+            <OutBox value={hex} mono />
+          </div>
+          <div className="space-y-1.5">
+            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">base64</span>
+            <OutBox value={b64} mono />
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function JwtPanel() {
+  const [token, setToken] = useState("");
+  const [secret, setSecret] = useState("");
+  const [decoded, setDecoded] = useState<DecodedJwt | null>(null);
+  const [sig, setSig] = useState<"valid" | "invalid" | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [busy, setBusy] = useState(false);
+
+  const decode = () => {
+    setError(null);
+    setDecoded(null);
+    setSig(null);
+    const t = token.trim();
+    if (!t) return;
+    try {
+      setDecoded(decodeJwt(t));
+    } catch (e) {
+      setError((e as Error).message);
+    }
+  };
+
+  const verify = async () => {
+    setError(null);
+    setSig(null);
+    const parts = token.trim().split(".");
+    if (!decoded || parts.length !== 3 || !secret.trim()) return;
+    setBusy(true);
+    try {
+      const r = await hmacHash(`${parts[0]}.${parts[1]}`, secret, "SHA-256");
+      const expected = r.base64.replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+      setSig(expected === parts[2].replace(/=+$/, "") ? "valid" : "invalid");
+    } catch (e) {
+      setError((e as Error).message);
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  const exp = decoded?.expired;
+  return (
+    <div className="grid gap-4">
+      <Field label="Token">
+        <TextArea
+          value={token}
+          onChange={(e) => setToken(e.target.value)}
+          spellCheck={false}
+          placeholder="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.…"
+        />
+      </Field>
+      <PrimaryButton type="button" onClick={decode}>Decode</PrimaryButton>
+      {error && <p className="text-red-400 text-sm">{error}</p>}
+      {decoded && (
+        <div className="grid gap-4">
+          <div className="space-y-1.5">
+            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Header</span>
+            <OutBox value={JSON.stringify(decoded.header, null, 2)} mono />
+          </div>
+          <div className="space-y-1.5">
+            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Payload</span>
+            <OutBox value={JSON.stringify(decoded.payload, null, 2)} mono />
+          </div>
+          <div className="flex flex-wrap items-center gap-2 text-sm">
+            <Chip color="bg-blue-500/15 text-blue-400">alg {String(decoded.header.alg ?? "?")}</Chip>
+            <Chip>sig {decoded.signature.slice(0, 18)}…</Chip>
+            {decoded.issuedAt && <Chip>iat {decoded.issuedAt}</Chip>}
+            {decoded.expiry && <Chip>exp {decoded.expiry}</Chip>}
+            {decoded.secondsToExpiry !== undefined && (
+              <Chip color={exp ? "bg-red-500/15 text-red-400" : "bg-green-500/15 text-green-400"}>
+                {exp ? `expired ${Math.abs(decoded.secondsToExpiry)}s ago` : `expires in ${decoded.secondsToExpiry}s`}
+              </Chip>
+            )}
+            {decoded.expired !== undefined && (
+              <Chip color={decoded.expired ? "bg-red-500/15 text-red-400" : "bg-green-500/15 text-green-400"}>
+                {decoded.expired ? "expired" : "not expired"}
+              </Chip>
+            )}
+          </div>
+          <div className="grid gap-4 sm:grid-cols-[1fr_auto]">
+            <Field label="Secret (for HMAC-SHA256 signature check)">
+              <TextInput value={secret} onChange={(e) => setSecret(e.target.value)} spellCheck={false} placeholder="verify with this secret" />
+            </Field>
+            <div className="flex items-end gap-2">
+              <GhostButton type="button" onClick={verify} disabled={busy}>
+                {busy ? "Verifying…" : "Verify signature"}
+              </GhostButton>
+              {sig && (
+                <Chip color={sig === "valid" ? "bg-green-500/15 text-green-400" : "bg-red-500/15 text-red-400"}>
+                  {sig === "valid" ? "Valid signature" : "Invalid signature"}
+                </Chip>
+              )}
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function KeyGenPanel() {
+  const [bits, setBits] = useState("256");
+  const [format, setFormat] = useState("base64");
+  const [count, setCount] = useState("3");
+  const [keys, setKeys] = useState("");
+  const [saltLen, setSaltLen] = useState("16");
+  const [saltOut, setSaltOut] = useState("");
+  const [error, setError] = useState<string | null>(null);
+
+  const gen = () => {
+    setError(null);
+    setKeys("");
+    try {
+      const b = Number(bits) as 128 | 192 | 256 | 512;
+      const f = format as "hex" | "base64";
+      const c = Math.max(1, Math.min(20, Math.round(Number(count) || 1)));
+      setKeys(Array.from({ length: c }, () => generateRandomKey(b, f)).join("\n"));
+    } catch (e) {
+      setError((e as Error).message);
+    }
+  };
+
+  const genSalt = () => {
+    setError(null);
+    setSaltOut("");
+    try {
+      const n = Math.max(0, Math.min(256, Math.round(Number(saltLen) || 0)));
+      const bytes = randomBytes(n);
+      const hex = Array.from(bytes).map((x) => x.toString(16).padStart(2, "0")).join("");
+      setSaltOut(`${n} bytes\nhex:    ${hex}\nbase64: ${bytesToBase64(bytes)}`);
+    } catch (e) {
+      setError((e as Error).message);
+    }
+  };
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 sm:grid-cols-3">
+        <Field label="Key size (bits)">
+          <SelectInput value={bits} onChange={(e) => setBits(e.target.value)} options={["128", "192", "256", "512"]} />
+        </Field>
+        <Field label="Format">
+          <SelectInput value={format} onChange={(e) => setFormat(e.target.value)} options={["base64", "hex"]} />
+        </Field>
+        <Field label="Count">
+          <NumInput value={count} onChange={(e) => setCount(e.target.value)} min={1} max={20} />
+        </Field>
+      </div>
+      <PrimaryButton type="button" onClick={gen}>Generate keys</PrimaryButton>
+      {keys && <OutBox value={keys} mono downloadable filename="keys.txt" />}
+      <div className="grid gap-4 sm:grid-cols-[1fr_auto]">
+        <Field label="Salt / IV length (bytes) — 16 to 256 recommended">
+          <NumInput value={saltLen} onChange={(e) => setSaltLen(e.target.value)} min={0} max={256} />
+        </Field>
+        <div className="flex items-end">
+          <GhostButton type="button" onClick={genSalt}>Generate salt</GhostButton>
+        </div>
+      </div>
+      {saltOut && <OutBox value={saltOut} mono downloadable filename="salt.txt" />}
+      {error && <p className="text-red-400 text-sm">{error}</p>}
+    </div>
+  );
+}
+
+export default function CryptoTools({ tool }: ToolPageProps) {
+  switch (tool.slug) {
+    case "aes-cipher":
+      return <AesPanel />;
+    case "hmac-generator":
+      return <HmacPanel />;
+    case "jwt-decoder":
+      return <JwtPanel />;
+    case "crypto-key-gen":
+      return <KeyGenPanel />;
+    default:
+      return null;
+  }
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/css/css-generators.tsx b/artifacts/personal-tool-console/src/components/tools/css/css-generators.tsx
new file mode 100644
index 0000000..53c8a0e
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/css/css-generators.tsx
@@ -0,0 +1,453 @@
+import { useMemo, useRef, useState, type ReactNode } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import {
+  cssGradient, cssGlassmorphism, cssTriangle, cssBoxShadow, cssBorderRadius,
+  cssRgbBackgroundPattern, cssClipPath, cssCubicBezier, cssLoader, cssSwitch,
+  cssCheckbox, cssTextGlitch, type CssGenResult,
+} from "@/lib/tools/css-gen";
+import {
+  Field, TextInput, NumInput, SelectInput, ToggleInput, OutBox, GhostButton,
+} from "@/components/tools/shared/fields";
+
+function num(v: string, fallback = 0): number {
+  const n = Number(v);
+  return Number.isFinite(n) ? n : fallback;
+}
+
+function scopeCss(css: string, scope: string): string {
+  const kfNames = [...css.matchAll(/@keyframes\s+([\w-]+)/g)].map((m) => m[1]);
+  let out = css;
+  for (const name of kfNames) {
+    out = out.replace(new RegExp(`(animation:[^;]*?)\\b${name}\\b`, "g"), `$1${scope}-${name}`);
+    out = out.replace(new RegExp(`@keyframes\\s+${name}`, "g"), `@keyframes ${scope}-${name}`);
+  }
+  out = out.replace(/(^|\n)\s*\.([\w-]+)([^{]*?)\{/g, (_m, lead: string, cls: string, rest: string) => {
+    return `${lead}.${scope} .${cls}${rest}{`;
+  });
+  return out;
+}
+
+function Preview({ css, className, children }: { css: string; className?: string; children?: ReactNode }) {
+  const scopeRef = useRef(`pv-${Math.random().toString(36).slice(2, 8)}`);
+  const scoped = useMemo(() => scopeCss(css, scopeRef.current), [css]);
+  return (
+    <div className={className}>
+      <style>{scoped}</style>
+      {children}
+    </div>
+  );
+}
+
+function Result({ css, html }: { css: string; html?: string }) {
+  return (
+    <div className="grid gap-3">
+      <OutBox value={css} filename="style.css" />
+      {html ? <OutBox value={html} filename="index.html" /> : null}
+    </div>
+  );
+}
+
+const POSITIONS = ["center", "top left", "top center", "top right", "left", "right", "bottom left", "bottom center", "bottom right"];
+
+function GradientGen() {
+  const [kind, setKind] = useState("linear");
+  const [angle, setAngle] = useState("45");
+  const [stops, setStops] = useState<string[]>(["#6366f1", "#22d3ee"]);
+  const [position, setPosition] = useState("center");
+  const result = useMemo(() => cssGradient(kind as "linear" | "radial" | "conic", num(angle, 45), stops, position), [kind, angle, stops, position]);
+  const square = kind !== "linear";
+  return (
+    <div className="grid gap-4">
+      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className={square ? "grid h-48 w-48 place-items-center rounded-xl border border-border" : "rounded-xl border border-border"}>
+          <div className="gradient" style={square ? { width: 48, height: 48, borderRadius: 8 } : { width: "100%", height: 40, borderRadius: 8 }} />
+        </div>
+      </Preview>
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
+        <Field label="Type"><SelectInput value={kind} onChange={(e) => setKind(e.target.value)} options={["linear", "radial", "conic"]} /></Field>
+        <Field label="Angle"><NumInput min={0} max={360} value={angle} onChange={(e) => setAngle(e.target.value)} /></Field>
+        {kind !== "linear" && <Field label="Position"><SelectInput value={position} onChange={(e) => setPosition(e.target.value)} options={POSITIONS} /></Field>}
+        <div className="space-y-2 sm:col-span-2">
+          {stops.map((s, i) => (
+            <div key={i} className="flex items-center gap-3">
+              <span className="w-5 text-sm text-muted-foreground">#{i + 1}</span>
+              <input type="color" value={s} onChange={(e) => setStops(stops.map((x, j) => (j === i ? e.target.value : x)))} className="h-10 w-14 shrink-0 cursor-pointer rounded-lg border border-border bg-background" />
+              <TextInput value={s} onChange={(e) => setStops(stops.map((x, j) => (j === i ? e.target.value : x)))} />
+              {stops.length > 2 && (
+                <GhostButton onClick={() => setStops(stops.filter((_, j) => j !== i))}>Remove</GhostButton>
+              )}
+            </div>
+          ))}
+          {stops.length < 5 && <GhostButton onClick={() => setStops([...stops, "#ffffff"])}>Add stop</GhostButton>}
+        </div>
+      </div>
+      <Result css={result.css} html={result.html} />
+    </div>
+  );
+}
+
+function GlassGen() {
+  const [blur, setBlur] = useState(12);
+  const [opacity, setOpacity] = useState(1);
+  const [border, setBorder] = useState("1");
+  const [radius, setRadius] = useState(16);
+  const [color, setColor] = useState("rgba(255,255,255,0.25)");
+  const result = useMemo(() => cssGlassmorphism(blur, opacity, border, radius, color), [blur, opacity, border, radius, color]);
+  return (
+    <div className="grid gap-4">
+      <Preview css={result.css}>
+        <div className="rounded-2xl border border-border bg-card/60 p-4">
+          <div className="flex h-56 items-center justify-center rounded-xl" style={{ background: "linear-gradient(135deg,#7c3aed 0%,#2563eb 45%,#06b6d4 100%)" }}>
+            <div className="glass flex h-32 w-56 items-center justify-center text-sm font-medium text-foreground">Frosted glass</div>
+          </div>
+        </div>
+      </Preview>
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
+        <Field label={`Blur — ${blur}px`}><input type="range" min={0} max={40} value={blur} onChange={(e) => setBlur(num(e.target.value))} className="w-full" /></Field>
+        <Field label={`Opacity — ${opacity}`}><input type="range" min={0} max={1} step={0.05} value={opacity} onChange={(e) => setOpacity(num(e.target.value))} className="w-full" /></Field>
+        <Field label="Border width"><NumInput min={0} max={12} value={border} onChange={(e) => setBorder(e.target.value)} /></Field>
+        <Field label="Radius"><NumInput min={0} max={60} value={radius} onChange={(e) => setRadius(num(e.target.value))} /></Field>
+        <Field label="Color"><TextInput value={color} onChange={(e) => setColor(e.target.value)} /></Field>
+      </div>
+      <Result css={result.css} html={result.html} />
+    </div>
+  );
+}
+
+function TriangleGen() {
+  const [dir, setDir] = useState("up");
+  const [size, setSize] = useState("40");
+  const [color, setColor] = useState("#6366f1");
+  const result = useMemo(() => cssTriangle(dir as "up" | "down" | "left" | "right", num(size, 40), color), [dir, size, color]);
+  return (
+    <div className="grid gap-4">
+      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid h-40 place-items-center"><div className="triangle" /></div>
+      </Preview>
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-3">
+        <Field label="Direction"><SelectInput value={dir} onChange={(e) => setDir(e.target.value)} options={["up", "down", "left", "right"]} /></Field>
+        <Field label="Size"><NumInput min={4} max={120} value={size} onChange={(e) => setSize(e.target.value)} /></Field>
+        <Field label="Color"><TextInput value={color} onChange={(e) => setColor(e.target.value)} /></Field>
+      </div>
+      <Result css={result.css} html={result.html} />
+    </div>
+  );
+}
+
+const SHADOW_TEMPLATE = { x: "0", y: "4", blur: "12", grow: "0", color: "#00000040", inset: false };
+type ShadowLayer = typeof SHADOW_TEMPLATE;
+
+function BoxShadowGen() {
+  const [layers, setLayers] = useState<ShadowLayer[]>([{ ...SHADOW_TEMPLATE }]);
+  const spreads = layers.map((l) => ({ x: num(l.x), y: num(l.y), blur: num(l.blur), grow: num(l.grow), color: l.color, inset: l.inset }));
+  const result = useMemo(() => cssBoxShadow(spreads), [JSON.stringify(spreads)]);
+  const set = (i: number, patch: Partial<ShadowLayer>) => setLayers(layers.map((l, j) => (j === i ? { ...l, ...patch } : l)));
+  return (
+    <div className="grid gap-4">
+      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid h-48 place-items-center rounded-xl" style={{ backgroundImage: "radial-gradient(circle, hsl(var(--border)) 1px, transparent 1px)", backgroundSize: "16px 16px" }}>
+          <div className="box h-30 w-30 rounded-xl border border-border bg-card" style={{ width: 120, height: 120 }} />
+        </div>
+      </Preview>
+      <div className="grid gap-3 rounded-2xl border border-border bg-card/60 p-4">
+        {layers.map((l, i) => (
+          <div key={i} className="rounded-xl border border-border bg-background/40 p-3">
+            <div className="mb-3 flex items-center justify-between">
+              <span className="text-xs font-medium text-muted-foreground">Layer {i + 1}</span>
+              {layers.length > 1 && <GhostButton onClick={() => setLayers(layers.filter((_, j) => j !== i))}>Remove</GhostButton>}
+            </div>
+            <div className="grid gap-3 sm:grid-cols-4">
+              <Field label="X"><NumInput value={l.x} onChange={(e) => set(i, { x: e.target.value })} /></Field>
+              <Field label="Y"><NumInput value={l.y} onChange={(e) => set(i, { y: e.target.value })} /></Field>
+              <Field label="Blur"><NumInput value={l.blur} onChange={(e) => set(i, { blur: e.target.value })} /></Field>
+              <Field label="Spread"><NumInput value={l.grow} onChange={(e) => set(i, { grow: e.target.value })} /></Field>
+              <div className="flex items-end gap-3 sm:col-span-2">
+                <Field label="Color" className="flex-1"><input type="color" value={l.color} onChange={(e) => set(i, { color: e.target.value })} className="h-10 w-full cursor-pointer rounded-lg border border-border bg-background" /></Field>
+                <div className="w-40"><ToggleInput label="Inset" checked={l.inset} onChange={(v) => set(i, { inset: v })} /></div>
+              </div>
+            </div>
+          </div>
+        ))}
+        <GhostButton onClick={() => setLayers([...layers, { ...SHADOW_TEMPLATE }])}>Add layer</GhostButton>
+      </div>
+      <Result css={result.css} html={result.html} />
+    </div>
+  );
+}
+
+function BorderRadiusGen() {
+  const [tl, setTl] = useState("30");
+  const [tr, setTr] = useState("30");
+  const [br, setBr] = useState("30");
+  const [bl, setBl] = useState("30");
+  const [squircle, setSquircle] = useState(false);
+  const result = useMemo(() => cssBorderRadius(num(tl), num(tr), num(br), num(bl), squircle), [tl, tr, br, bl, squircle]);
+  return (
+    <div className="grid gap-4">
+      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid place-items-center"><div className={squircle ? "squircle" : "rounded"} style={{ width: 120, height: 120, background: "linear-gradient(135deg,#6366f1,#22d3ee)" }} /></div>
+      </Preview>
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-4">
+        <Field label="Top-left"><NumInput value={tl} onChange={(e) => setTl(e.target.value)} /></Field>
+        <Field label="Top-right"><NumInput value={tr} onChange={(e) => setTr(e.target.value)} /></Field>
+        <Field label="Bottom-right"><NumInput value={br} onChange={(e) => setBr(e.target.value)} /></Field>
+        <Field label="Bottom-left"><NumInput value={bl} onChange={(e) => setBl(e.target.value)} /></Field>
+        <ToggleInput label="Squircle" checked={squircle} onChange={setSquircle} />
+      </div>
+      <Result css={result.css} html={result.html} />
+    </div>
+  );
+}
+
+function PatternsGen() {
+  const [kind, setKind] = useState("dots");
+  const [size, setSize] = useState(24);
+  const [color, setColor] = useState("#6366f1");
+  const [bg, setBg] = useState("#0f172a");
+  const result = useMemo(() => cssRgbBackgroundPattern(kind as "dots" | "stripes" | "grid" | "checker" | "crosshatch", size, color, bg), [kind, size, color, bg]);
+  return (
+    <div className="grid gap-4">
+      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid place-items-center"><div className="pattern" style={{ width: 200, height: 200, borderRadius: 14, border: "1px solid hsl(var(--border))" }} /></div>
+      </Preview>
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
+        <Field label="Kind"><SelectInput value={kind} onChange={(e) => setKind(e.target.value)} options={["dots", "stripes", "grid", "checker", "crosshatch"]} /></Field>
+        <Field label={`Size — ${size}px`}><input type="range" min={8} max={64} value={size} onChange={(e) => setSize(num(e.target.value))} className="w-full" /></Field>
+        <Field label="Pattern color"><TextInput value={color} onChange={(e) => setColor(e.target.value)} /></Field>
+        <Field label="Background color"><TextInput value={bg} onChange={(e) => setBg(e.target.value)} /></Field>
+      </div>
+      <Result css={result.css} html={result.html} />
+    </div>
+  );
+}
+
+const SHAPES = ["circle", "ellipse", "triangle", "hexagon", "star", "custom"];
+
+function ClipPathGen() {
+  const [shape, setShape] = useState("hexagon");
+  const [points, setPoints] = useState<Array<[number, number]>>([[5, 5], [95, 5], [95, 95], [5, 95]]);
+  const result = useMemo(() => cssClipPath(shape as "circle" | "ellipse" | "triangle" | "hexagon" | "star" | "custom", points), [shape, points]);
+  return (
+    <div className="grid gap-4">
+      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid place-items-center"><div className="clipped" style={{ width: 160, height: 160, background: "linear-gradient(135deg,#f43f5e,#f97316)" }} /></div>
+      </Preview>
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-3 sm:grid-cols-2">
+          <Field label="Shape"><SelectInput value={shape} onChange={(e) => setShape(e.target.value)} options={SHAPES} /></Field>
+          {shape === "custom" && (
+            <div className="flex items-end">
+              <GhostButton onClick={() => setPoints(points.length < 8 ? [...points, [50, 50]] : points)}>Add point</GhostButton>
+            </div>
+          )}
+        </div>
+        {shape === "custom" && (
+          <div className="grid gap-3 sm:grid-cols-2">
+            {points.map((p, i) => (
+              <div key={i} className="flex items-center gap-2">
+                <span className="w-16 text-xs text-muted-foreground">Point {i + 1}</span>
+                <NumInput value={String(p[0])} min={0} max={100} onChange={(e) => setPoints(points.map((x, j) => (j === i ? [num(e.target.value), x[1]] : x)))} className="w-full" />
+                <span className="text-xs text-muted-foreground">%</span>
+                <NumInput value={String(p[1])} min={0} max={100} onChange={(e) => setPoints(points.map((x, j) => (j === i ? [x[0], num(e.target.value)] : x)))} className="w-full" />
+                {points.length > 3 && (
+                  <GhostButton onClick={() => setPoints(points.filter((_, j) => j !== i))}>×</GhostButton>
+                )}
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+      <Result css={result.css} html={result.html} />
+    </div>
+  );
+}
+
+function BezierGen() {
+  const [p1x, setP1x] = useState("0.4");
+  const [p1y, setP1y] = useState("0");
+  const [p2x, setP2x] = useState("0.2");
+  const [p2y, setP2y] = useState("1");
+  const [play, setPlay] = useState(false);
+  const b1x = Math.min(1, Math.max(0, num(p1x, 0.4)));
+  const b1y = Math.min(1, Math.max(0, num(p1y)));
+  const b2x = Math.min(1, Math.max(0, num(p2x, 0.2)));
+  const b2y = Math.min(1, Math.max(0, num(p2y, 1)));
+  const result = useMemo(() => cssCubicBezier(b1x, b1y, b2x, b2y), [b1x, b1y, b2x, b2y]);
+  const d = `M0,100 C${(b1x * 100).toFixed(1)},${(100 - b1y * 100).toFixed(1)} ${(b2x * 100).toFixed(1)},${(100 - b2y * 100).toFixed(1)} 100,0`;
+  return (
+    <div className="grid gap-4">
+      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-4">
+          <div className="flex h-12 items-center overflow-hidden rounded-xl border border-border bg-background/40">
+            <div className="ease h-7 w-7 shrink-0 rounded-lg bg-primary" style={{ transform: play ? "translateX(13.25rem)" : "translateX(0)" }} />
+          </div>
+          <GhostButton onClick={() => setPlay((p) => !p)}>{play ? "Reset" : "Play"}</GhostButton>
+          <svg viewBox="0 0 100 100" preserveAspectRatio="none" className="h-28 w-full rounded-xl border border-border bg-background/40">
+            <line x1="0" y1="100" x2="100" y2="0" stroke="hsl(var(--border))" strokeDasharray="4 4" />
+            <path d={d} fill="none" stroke="hsl(var(--ring))" strokeWidth="2" />
+            <circle cx={b1x * 100} cy={100 - b1y * 100} r="3" fill="#f43f5e" />
+            <circle cx={b2x * 100} cy={100 - b2y * 100} r="3" fill="#22d3ee" />
+          </svg>
+        </div>
+      </Preview>
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-4">
+        <Field label="P1 x"><NumInput min={0} max={1} step={0.01} value={p1x} onChange={(e) => setP1x(e.target.value)} /></Field>
+        <Field label="P1 y"><NumInput min={0} max={1} step={0.01} value={p1y} onChange={(e) => setP1y(e.target.value)} /></Field>
+        <Field label="P2 x"><NumInput min={0} max={1} step={0.01} value={p2x} onChange={(e) => setP2x(e.target.value)} /></Field>
+        <Field label="P2 y"><NumInput min={0} max={1} step={0.01} value={p2y} onChange={(e) => setP2y(e.target.value)} /></Field>
+      </div>
+      <Result css={result.css} html={result.html} />
+    </div>
+  );
+}
+
+function LoaderGen() {
+  const [kind, setKind] = useState("ring");
+  const [color, setColor] = useState("#6366f1");
+  const [size, setSize] = useState("40");
+  const [speed, setSpeed] = useState("1.2");
+  const result = useMemo(() => cssLoader(kind as "ring" | "dual" | "bar" | "dots", color, num(size, 40), num(speed, 1.2)), [kind, color, size, speed]);
+  return (
+    <div className="grid gap-4">
+      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid h-36 place-items-center">
+          {kind === "dots" ? (
+            <div className="loader"><span /><span /><span /></div>
+          ) : (
+            <div className="loader" />
+          )}
+        </div>
+      </Preview>
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
+        <Field label="Kind"><SelectInput value={kind} onChange={(e) => setKind(e.target.value)} options={["ring", "dual", "bar", "dots"]} /></Field>
+        <Field label="Color"><TextInput value={color} onChange={(e) => setColor(e.target.value)} /></Field>
+        <Field label="Size"><NumInput min={8} max={120} value={size} onChange={(e) => setSize(e.target.value)} /></Field>
+        <Field label={`Speed — ${speed}s`}><input type="range" min={0.5} max={3} step={0.1} value={speed} onChange={(e) => setSpeed(e.target.value)} className="w-full" /></Field>
+      </div>
+      <Result css={result.css} html={result.html} />
+    </div>
+  );
+}
+
+function SwitchGen() {
+  const [color, setColor] = useState("#10b981");
+  const [size, setSize] = useState("32");
+  const [checked, setChecked] = useState(true);
+  const result = useMemo(() => cssSwitch(color, num(size, 32), checked), [color, size, checked]);
+  return (
+    <div className="grid gap-4">
+      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid h-32 place-items-center"><div className="switch" /></div>
+      </Preview>
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
+        <Field label="Color"><TextInput value={color} onChange={(e) => setColor(e.target.value)} /></Field>
+        <Field label="Size"><NumInput min={16} max={80} value={size} onChange={(e) => setSize(e.target.value)} /></Field>
+        <ToggleInput label="Checked" checked={checked} onChange={setChecked} />
+      </div>
+      <Result css={result.css} html={result.html} />
+    </div>
+  );
+}
+
+function CheckboxGen() {
+  const [color, setColor] = useState("#6366f1");
+  const [size, setSize] = useState("28");
+  const result = useMemo(() => cssCheckbox(color, num(size, 28)), [color, size]);
+  return (
+    <div className="grid gap-4">
+      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid h-32 place-items-center"><input type="checkbox" className="checkbox" defaultChecked /></div>
+      </Preview>
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
+        <Field label="Color"><TextInput value={color} onChange={(e) => setColor(e.target.value)} /></Field>
+        <Field label="Size"><NumInput min={16} max={80} value={size} onChange={(e) => setSize(e.target.value)} /></Field>
+      </div>
+      <Result css={result.css} html={result.html} />
+    </div>
+  );
+}
+
+function GlitchGen() {
+  const [text, setText] = useState("GLITCH");
+  const [colorA, setColorA] = useState("#f43f5e");
+  const [colorB, setColorB] = useState("#22d3ee");
+  const [intensity, setIntensity] = useState(3);
+  const result = useMemo(() => cssTextGlitch(colorA, colorB, intensity), [colorA, colorB, intensity]);
+  return (
+    <div className="grid gap-4">
+      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid h-36 place-items-center">
+          <div className="glitch text-4xl font-black tracking-widest text-foreground" data-text={text}>{text}</div>
+        </div>
+      </Preview>
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
+        <Field label="Text"><TextInput value={text} onChange={(e) => setText(e.target.value)} /></Field>
+        <Field label={`Intensity — ${intensity}`}><input type="range" min={1} max={6} value={intensity} onChange={(e) => setIntensity(num(e.target.value))} className="w-full" /></Field>
+        <Field label="Color A"><TextInput value={colorA} onChange={(e) => setColorA(e.target.value)} /></Field>
+        <Field label="Color B"><TextInput value={colorB} onChange={(e) => setColorB(e.target.value)} /></Field>
+      </div>
+      <Result css={result.css} html={result.html} />
+    </div>
+  );
+}
+
+function GridGen() {
+  const [cols, setCols] = useState("3");
+  const [rows, setRows] = useState("auto");
+  const [gap, setGap] = useState("12");
+  const [fixedPx, setFixedPx] = useState("");
+  const [areas, setAreas] = useState("");
+  const n = num(cols, 3);
+  const g = num(gap, 12);
+  const f = num(fixedPx);
+  const columns = f > 0 ? `repeat(${Math.max(1, n)}, ${f}px)` : `repeat(${Math.max(1, n)}, 1fr)`;
+  const areasCss = areas.trim()
+    ? `\n  grid-template-areas: ${areas.split("\n").map((l) => `"${l.trim()}"`).join(" ")};`
+    : "";
+  const result = useMemo<CssGenResult>(() => ({
+    css: `.grid {\n  display: grid;\n  grid-template-columns: ${columns};\n  gap: ${g}px;\n${rows !== "auto" ? `  grid-template-rows: repeat(${rows}, 1fr);\n` : ""}${areasCss}\n}`,
+  }), [columns, rows, g, areasCss]);
+  const cellCount = 3 * Math.max(1, n);
+  return (
+    <div className="grid gap-4">
+      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-3">
+          <div className="grid">
+            {Array.from({ length: cellCount }, (_, i) => (
+              <div key={i} className="grid h-12 place-items-center rounded-lg border border-border bg-card text-xs font-medium text-muted-foreground">{i + 1}</div>
+            ))}
+          </div>
+        </div>
+      </Preview>
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
+        <Field label="Columns"><NumInput min={1} max={12} value={cols} onChange={(e) => setCols(e.target.value)} /></Field>
+        <Field label="Rows"><SelectInput value={rows} onChange={(e) => setRows(e.target.value)} options={["auto", "1", "2", "3"]} /></Field>
+        <Field label="Gap (px)"><NumInput min={0} max={64} value={gap} onChange={(e) => setGap(e.target.value)} /></Field>
+        <Field label="Fixed width (px, optional)"><NumInput min={0} max={300} value={fixedPx} onChange={(e) => setFixedPx(e.target.value)} /></Field>
+        <Field label="Grid template areas (free text)" className="sm:col-span-2">
+          <TextInput value={areas} onChange={(e) => setAreas(e.target.value)} placeholder={'header header header\ncontent content aside'} />
+        </Field>
+      </div>
+      <Result css={result.css} html={result.html} />
+    </div>
+  );
+}
+
+export default function CssGenerators({ tool }: ToolPageProps) {
+  switch (tool.slug) {
+    case "css-gradient-generator": return <GradientGen />;
+    case "css-glassmorphism": return <GlassGen />;
+    case "css-triangle-generator": return <TriangleGen />;
+    case "css-box-shadow": return <BoxShadowGen />;
+    case "css-border-radius": return <BorderRadiusGen />;
+    case "css-background-patterns": return <PatternsGen />;
+    case "css-clip-path": return <ClipPathGen />;
+    case "css-cubic-bezier": return <BezierGen />;
+    case "css-loader-generator": return <LoaderGen />;
+    case "css-switch-generator": return <SwitchGen />;
+    case "css-checkbox-generator": return <CheckboxGen />;
+    case "css-text-glitch": return <GlitchGen />;
+    case "css-grid-generator": return <GridGen />;
+    default: return null;
+  }
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/currency-converter.tsx b/artifacts/personal-tool-console/src/components/tools/currency-converter.tsx
new file mode 100644
index 0000000..1a32583
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/currency-converter.tsx
@@ -0,0 +1,85 @@
+import { useMemo, useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { CURRENCY_RATES, CURRENCY_SYMBOLS, convertCurrency, getCurrencyCodes } from "@/lib/tools/currency-converter";
+import { Field, SelectInput, NumInput, OutBox, GhostButton } from "@/components/tools/shared/fields";
+import { ArrowLeftRight } from "lucide-react";
+
+const CODES = getCurrencyCodes();
+
+function format(n: number, code: string): string {
+  const symbol = CURRENCY_SYMBOLS[code] ?? "";
+  if (code === "jpy" || code === "idr") return `${symbol}${Math.round(n).toLocaleString()}`;
+  return `${symbol}${n.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
+}
+
+export default function CurrencyConverterPage({ tool }: ToolPageProps) {
+  const [amount, setAmount] = useState("100");
+  const [from, setFrom] = useState("usd");
+  const [to, setTo] = useState("eur");
+
+  const swap = () => {
+    setFrom(to);
+    setTo(from);
+  };
+
+  const num = Number(amount);
+  const result = useMemo(() => {
+    if (isNaN(num) || num <= 0 || from === to) return "";
+    try {
+      return format(convertCurrency(num, from, to), to);
+    } catch {
+      return "";
+    }
+  }, [num, from, to]);
+
+  return (
+    <div className="space-y-4">
+      <div className="grid gap-4 lg:grid-cols-2">
+        <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+          <Field label="Amount">
+            <NumInput min={0} step="any" value={amount} onChange={(e) => setAmount(e.target.value)} />
+          </Field>
+          <div className="grid grid-cols-[1fr_auto_1fr] items-end gap-2">
+            <Field label="From">
+              <SelectInput options={CODES.map((c) => c.toUpperCase())} value={from.toUpperCase()} onChange={(e) => setFrom(e.target.value.toLowerCase())} />
+            </Field>
+            <GhostButton className="px-3" onClick={swap} title="Swap">
+              <ArrowLeftRight className="h-4 w-4" />
+            </GhostButton>
+            <Field label="To">
+              <SelectInput options={CODES.map((c) => c.toUpperCase())} value={to.toUpperCase()} onChange={(e) => setTo(e.target.value.toLowerCase())} />
+            </Field>
+          </div>
+        </div>
+        <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+          <OutBox value={result ? `${format(num, from)} = ${result}` : "—"} mono={false} className="min-h-28" />
+        </div>
+      </div>
+
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="mb-2 flex items-center justify-between">
+          <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Rates to USD</span>
+          <span className="text-xs text-muted-foreground/60">static reference — manual</span>
+        </div>
+        <div className="overflow-hidden rounded-xl border border-border">
+          <table className="w-full text-left text-sm">
+            <thead className="bg-black/30 text-xs uppercase tracking-wide text-muted-foreground">
+              <tr>
+                <th className="px-3 py-2">Code</th>
+                <th className="px-3 py-2 text-right">Rate</th>
+              </tr>
+            </thead>
+            <tbody>
+              {CODES.filter((c) => c !== "usd").map((code) => (
+                <tr key={code} className="border-t border-border/60">
+                  <td className="px-3 py-2 font-mono">{code.toUpperCase()}</td>
+                  <td className="px-3 py-2 text-right font-mono">{CURRENCY_RATES[code]}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/dns-lookup.tsx b/artifacts/personal-tool-console/src/components/tools/dns-lookup.tsx
new file mode 100644
index 0000000..ca6a91e
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/dns-lookup.tsx
@@ -0,0 +1,132 @@
+import { useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { dnsLookup } from "@/lib/tools/dns";
+import { Field, TextInput, PrimaryButton, GhostButton } from "@/components/tools/shared/fields";
+import { Search, Loader2 } from "lucide-react";
+
+const TYPES = ["A", "AAAA", "MX", "TXT", "NS", "CNAME", "SOA"] as const;
+type DnsType = (typeof TYPES)[number];
+
+const TYPE_IDS: Record<DnsType, number> = {
+  A: 1,
+  AAAA: 28,
+  MX: 15,
+  TXT: 16,
+  NS: 2,
+  CNAME: 5,
+  SOA: 6,
+};
+
+interface Row {
+  type: DnsType;
+  name: string;
+  ttl: number | null;
+  value: string;
+}
+
+export default function DnsLookupPage({ tool }: ToolPageProps) {
+  const [domain, setDomain] = useState("");
+  const [selected, setSelected] = useState<DnsType[]>(["A", "AAAA", "MX", "TXT", "NS", "CNAME", "SOA"]);
+  const [loading, setLoading] = useState(false);
+  const [rows, setRows] = useState<Row[]>([]);
+  const [meta, setMeta] = useState<{ status: string; responseMs: number } | null>(null);
+  const [error, setError] = useState("");
+
+  const toggle = (t: DnsType) =>
+    setSelected((prev) => (prev.includes(t) ? prev.filter((x) => x !== t) : [...prev, t]));
+
+  const lookup = async () => {
+    const host = domain.trim();
+    if (!host || selected.length === 0) return;
+    setLoading(true);
+    setError("");
+    setRows([]);
+    setMeta(null);
+    try {
+      const res = await dnsLookup(host);
+      const out: Row[] = [];
+      for (const t of selected) {
+        const q = `https://cloudflare-dns.com/dns-query?name=${encodeURIComponent(host)}&type=${t}`;
+        const r = await fetch(q, { headers: { Accept: "application/dns-json" } });
+        const data = (await r.json()) as { Status: number; Answer?: { name: string; TTL: number; data: string; type: number }[] };
+        for (const rec of data.Answer ?? []) {
+          if (rec.type === TYPE_IDS[t]) out.push({ type: t, name: rec.name, ttl: rec.TTL, value: rec.data });
+        }
+      }
+      setRows(out);
+      setMeta({ status: res.status, responseMs: res.responseMs });
+    } catch (e) {
+      setError((e as Error).message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="space-y-4">
+      <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+        <Field label="Domain">
+          <TextInput value={domain} onChange={(e) => setDomain(e.target.value)} placeholder="example.com" onKeyDown={(e) => e.key === "Enter" && lookup()} />
+        </Field>
+        <div className="flex flex-wrap gap-2">
+          {TYPES.map((t) => (
+            <button
+              key={t}
+              type="button"
+              onClick={() => toggle(t)}
+              className={`rounded-full border px-3 py-1.5 font-mono text-xs transition ${selected.includes(t) ? "border-ring/60 bg-ring/10 text-foreground" : "border-border bg-background/60 text-muted-foreground hover:text-foreground"}`}
+            >
+              {t}
+            </button>
+          ))}
+        </div>
+        <div className="flex flex-wrap items-center gap-2">
+          <PrimaryButton onClick={lookup} disabled={!domain.trim() || selected.length === 0 || loading}>
+            {loading ? <Loader2 className="h-4 w-4 animate-spin" /> : <Search className="h-4 w-4" />}
+            {loading ? "Looking up…" : "Look up"}
+          </PrimaryButton>
+          <GhostButton onClick={() => { setRows([]); setMeta(null); setError(""); }} disabled={loading}>
+            Clear
+          </GhostButton>
+        </div>
+        {meta && (
+          <p className="text-xs text-muted-foreground/70">
+            {domain.trim()} · <span className={meta.status === "resolved" ? "text-green-400" : "text-amber-400"}>{meta.status}</span> · {meta.responseMs} ms · via cloudflare-dns.com
+          </p>
+        )}
+      </div>
+
+      {error && <p className="rounded-xl border border-border bg-red-500/10 p-3 text-sm text-red-400">{error}</p>}
+
+      {rows.length > 0 && (
+        <div className="overflow-hidden rounded-2xl border border-border bg-card/60">
+          <table className="w-full text-left text-sm">
+            <thead className="bg-black/30 text-xs uppercase tracking-wide text-muted-foreground">
+              <tr>
+                <th className="px-3 py-2">Type</th>
+                <th className="px-3 py-2">Name</th>
+                <th className="px-3 py-2">TTL</th>
+                <th className="px-3 py-2">Value</th>
+              </tr>
+            </thead>
+            <tbody>
+              {rows.map((r, i) => (
+                <tr key={i} className="border-t border-border/60">
+                  <td className="px-3 py-2 font-mono text-cyan-300">{r.type}</td>
+                  <td className="max-w-52 truncate px-3 py-2 font-mono">{r.name}</td>
+                  <td className="px-3 py-2 font-mono">{r.ttl ?? "—"}</td>
+                  <td className="break-all px-3 py-2 font-mono">{r.value}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      )}
+      {!loading && rows.length === 0 && !error && (
+        <p className="rounded-xl border border-dashed border-border bg-black/30 p-4 text-sm text-muted-foreground">
+          No records yet — enter a domain and pick at least one record type. Records resolve via cloudflare-dns.com DNS-over-HTTPS.
+        </p>
+      )}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/hash.tsx b/artifacts/personal-tool-console/src/components/tools/hash.tsx
new file mode 100644
index 0000000..230810a
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/hash.tsx
@@ -0,0 +1,66 @@
+import { useMemo, useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { hashText, hashWithAlgo } from "@/lib/tools/hash";
+import { Field, TextArea, TextInput, OutBox } from "@/components/tools/shared/fields";
+
+const ALGOS = ["SHA-1", "SHA-256", "SHA-384", "SHA-512"] as const;
+type Algo = (typeof ALGOS)[number];
+
+export default function HashPage({ tool }: ToolPageProps) {
+  const [text, setText] = useState("");
+  const [expected, setExpected] = useState("");
+  const [hashes, setHashes] = useState<Record<Algo, string>>({ "SHA-1": "", "SHA-256": "", "SHA-384": "", "SHA-512": "" });
+
+  useMemo(() => {
+    if (!text) {
+      setHashes({ "SHA-1": "", "SHA-256": "", "SHA-384": "", "SHA-512": "" });
+      return;
+    }
+    let cancelled = false;
+    (async () => {
+      const [sha1, sha256, sha384, sha512] = await Promise.all([
+        hashWithAlgo(text, "SHA-1"),
+        hashWithAlgo(text, "SHA-256"),
+        hashWithAlgo(text, "SHA-384"),
+        hashWithAlgo(text, "SHA-512"),
+      ]);
+      if (!cancelled) setHashes({ "SHA-1": sha1, "SHA-256": sha256, "SHA-384": sha384, "SHA-512": sha512 });
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [text]);
+
+  const exp = expected.trim();
+  const expMatch = exp.length > 0 ? exp.toLowerCase() === hashes["SHA-256"].toLowerCase() : null;
+  const expValid = exp.length > 0 ? /^[0-9a-fA-F]{0,128}$/.test(exp) : true;
+
+  return (
+    <div className="space-y-4">
+      <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+        <Field label="Input text" hint="Hashes compute live as you type">
+          <TextArea value={text} onChange={(e) => setText(e.target.value)} placeholder="Type or paste text to hash…" spellCheck={false} rows={6} />
+        </Field>
+      </div>
+
+      <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+        <Field label={`Expected checksum (check against SHA-256, ${hashes["SHA-256"].length} chars)`}>
+          <TextInput value={expected} onChange={(e) => setExpected(e.target.value)} placeholder="e.g. 2cf24dba…" spellCheck={false} />
+        </Field>
+        {exp.length > 0 && !expValid && <p className="text-sm text-amber-400">Expected checksum contains invalid hex characters.</p>}
+        {exp.length > 0 && expValid && hashes["SHA-256"] && (
+          <p className={`text-sm ${expMatch ? "text-green-400" : "text-red-400"}`}>{expMatch ? "✓ Matches the SHA-256 digest." : "✗ Does not match the SHA-256 digest."}</p>
+        )}
+      </div>
+
+      <div className="grid gap-3 lg:grid-cols-2">
+        {ALGOS.map((algo) => (
+          <div key={algo} className="rounded-2xl border border-border bg-card/60 p-4">
+            <div className="mb-1.5 text-xs font-medium uppercase tracking-wide text-foreground">{algo}</div>
+            <OutBox value={hashes[algo] || "—"} />
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/image/image-tools.tsx b/artifacts/personal-tool-console/src/components/tools/image/image-tools.tsx
new file mode 100644
index 0000000..44efad4
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/image/image-tools.tsx
@@ -0,0 +1,628 @@
+import { useMemo, useRef, useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { Field, NumInput, SelectInput, ToggleInput, OutBox, PrimaryButton, GhostButton } from "@/components/tools/shared/fields";
+
+function readImageFile(file: File): Promise<HTMLImageElement> {
+  return new Promise((resolve, reject) => {
+    const url = URL.createObjectURL(file);
+    const img = new Image();
+    img.onload = () => {
+      URL.revokeObjectURL(url);
+      resolve(img);
+    };
+    img.onerror = () => {
+      URL.revokeObjectURL(url);
+      reject(new Error("Could not read image file"));
+    };
+    img.src = url;
+  });
+}
+
+function triggerDownload(dataUrl: string, filename: string) {
+  const a = document.createElement("a");
+  a.href = dataUrl;
+  a.download = filename;
+  a.click();
+}
+
+function FileDrop({ onFile, accentLabel }: { onFile: (f: File) => void; accentLabel?: string }) {
+  const [drag, setDrag] = useState(false);
+  const [preview, setPreview] = useState<string | null>(null);
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  const handleFile = (f: File) => {
+    if (preview) URL.revokeObjectURL(preview);
+    setPreview(URL.createObjectURL(f));
+    onFile(f);
+  };
+
+  return (
+    <div
+      onDragOver={(e) => { e.preventDefault(); setDrag(true); }}
+      onDragLeave={() => setDrag(false)}
+      onDrop={(e) => { e.preventDefault(); setDrag(false); const f = e.dataTransfer.files?.[0]; if (f) handleFile(f); }}
+      onClick={() => inputRef.current?.click()}
+      className={`flex min-h-44 cursor-pointer flex-col items-center justify-center gap-3 rounded-2xl border-2 border-dashed p-6 text-center transition ${drag ? "border-ring bg-ring/10" : "border-border bg-black/40 hover:border-ring/50"}`}
+    >
+      <input
+        ref={inputRef}
+        type="file"
+        accept="image/*"
+        className="hidden"
+        onChange={(e) => { const f = e.target.files?.[0]; if (f) handleFile(f); e.target.value = ""; }}
+      />
+      {preview ? (
+        <img src={preview} alt="preview" className="max-h-44 max-w-full rounded-xl object-contain shadow" />
+      ) : (
+        <>
+          <div className="text-3xl">⬆️</div>
+          <div className="text-sm text-muted-foreground">
+            Drag &amp; drop an image here, or <span className="text-ring underline">{accentLabel ?? "browse"}</span>
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
+
+function ImageResizer() {
+  const [file, setFile] = useState<File | null>(null);
+  const [img, setImg] = useState<HTMLImageElement | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [mode, setMode] = useState("Percent");
+  const [percent, setPercent] = useState(50);
+  const [width, setWidth] = useState(0);
+  const [height, setHeight] = useState(0);
+  const [lock, setLock] = useState(true);
+  const [result, setResult] = useState<string | null>(null);
+
+  const load = async (f: File) => {
+    setError(null);
+    try {
+      const i = await readImageFile(f);
+      setFile(f);
+      setImg(i);
+      setWidth(i.naturalWidth);
+      setHeight(i.naturalHeight);
+    } catch (e) { setError((e as Error).message); }
+  };
+
+  const targetW = mode === "Percent" ? Math.max(1, Math.round((img?.naturalWidth ?? 1) * percent / 100)) : Math.max(1, width);
+  const targetH = mode === "Percent" ? Math.max(1, Math.round((img?.naturalHeight ?? 1) * percent / 100)) : Math.max(1, height);
+
+  const apply = () => {
+    if (!img) return;
+    const c = document.createElement("canvas");
+    const scale = Math.min(targetW / img.naturalWidth, targetH / img.naturalHeight);
+    const dw = Math.max(1, Math.round(img.naturalWidth * scale));
+    const dh = Math.max(1, Math.round(img.naturalHeight * scale));
+    c.width = targetW;
+    c.height = targetH;
+    const ctx = c.getContext("2d");
+    if (!ctx) return;
+    ctx.fillStyle = "transparent";
+    ctx.clearRect(0, 0, c.width, c.height);
+    ctx.drawImage(img, (targetW - dw) / 2, (targetH - dh) / 2, dw, dh);
+    setResult(c.toDataURL("image/png"));
+  };
+
+  return (
+    <div className="grid gap-4">
+      <FileDrop onFile={load} />
+      {error && <p className="text-sm text-red-400">{error}</p>}
+      {img && (
+        <div className="rounded-2xl border border-border bg-card/60 p-4">
+          <p className="mb-3 text-xs text-muted-foreground">
+            Original: {img.naturalWidth} × {img.naturalHeight}px
+          </p>
+          <div className="grid gap-4">
+            <div className="max-w-xs"><SelectInput value={mode} onChange={(e) => setMode(e.target.value)} options={["Percent", "Exact px"]} /></div>
+            {mode === "Percent" ? (
+              <div>
+                <Field label={`Scale: ${percent}%`}>
+                  <input type="range" min={1} max={100} value={percent} onChange={(e) => setPercent(Number(e.target.value))} className="w-full" />
+                </Field>
+              </div>
+            ) : (
+              <div className="grid gap-4 sm:grid-cols-[1fr_1fr_auto]">
+                <Field label="Width (px)"><NumInput value={width} min={1} onChange={(e) => { const w = Number(e.target.value); setWidth(w); if (lock && img) setHeight(Math.max(1, Math.round(w * img.naturalHeight / img.naturalWidth))); }} /></Field>
+                <Field label="Height (px)"><NumInput value={height} min={1} onChange={(e) => { const h = Number(e.target.value); setHeight(h); if (lock && img) setWidth(Math.max(1, Math.round(h * img.naturalWidth / img.naturalHeight))); }} /></Field>
+                <div className="sm:pt-6"><ToggleInput label="Lock ratio" checked={lock} onChange={setLock} /></div>
+              </div>
+            )}
+          </div>
+          <div className="mt-4 flex flex-wrap gap-2">
+            <PrimaryButton onClick={apply}>Apply</PrimaryButton>
+          </div>
+        </div>
+      )}
+      {result && (
+        <div className="rounded-2xl border border-border bg-card/60 p-4">
+          <img src={result} alt="resized" className="max-h-80 rounded-xl object-contain" />
+          <div className="mt-3 flex flex-wrap gap-2">
+            <PrimaryButton onClick={() => triggerDownload(result, "resized.png")}>Download PNG</PrimaryButton>
+            <GhostButton onClick={() => { const c = document.createElement("canvas"); c.width = targetW; c.height = targetH; const ctx = c.getContext("2d"); if (ctx && img) { const scale = Math.min(targetW / img.naturalWidth, targetH / img.naturalHeight); const dw = Math.max(1, Math.round(img.naturalWidth * scale)); const dh = Math.max(1, Math.round(img.naturalHeight * scale)); ctx.drawImage(img, (targetW - dw) / 2, (targetH - dh) / 2, dw, dh); triggerDownload(c.toDataURL("image/jpeg", 0.92), "resized.jpg"); } }}>Download JPEG (.92)</GhostButton>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function ImageFilters() {
+  const [file, setFile] = useState<File | null>(null);
+  const [img, setImg] = useState<HTMLImageElement | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [brightness, setBrightness] = useState(100);
+  const [contrast, setContrast] = useState(100);
+  const [saturate, setSaturate] = useState(100);
+  const [grayscale, setGrayscale] = useState(0);
+  const [sepia, setSepia] = useState(0);
+  const [hue, setHue] = useState(0);
+  const [blur, setBlur] = useState(0);
+  const [invert, setInvert] = useState(0);
+  const [previewUrl, setPreviewUrl] = useState<string | null>(null);
+
+  const load = async (f: File) => {
+    setError(null);
+    try {
+      const i = await readImageFile(f);
+      setFile(f);
+      setImg(i);
+      if (previewUrl) URL.revokeObjectURL(previewUrl);
+      setPreviewUrl(URL.createObjectURL(f));
+    } catch (e) { setError((e as Error).message); }
+  };
+
+  const cssFilter = `brightness(${brightness}%) contrast(${contrast}%) saturate(${saturate}%) grayscale(${grayscale}%) sepia(${sepia}%) hue-rotate(${hue}deg) blur(${blur}px) invert(${invert}%)`;
+
+  const reset = () => { setBrightness(100); setContrast(100); setSaturate(100); setGrayscale(0); setSepia(0); setHue(0); setBlur(0); setInvert(0); };
+
+  const download = () => {
+    if (!img) return;
+    const c = document.createElement("canvas");
+    c.width = img.naturalWidth;
+    c.height = img.naturalHeight;
+    const ctx = c.getContext("2d");
+    if (!ctx) return;
+    ctx.filter = cssFilter;
+    ctx.drawImage(img, 0, 0);
+    triggerDownload(c.toDataURL("image/png"), "filtered.png");
+  };
+
+  const slider = (label: string, value: number, min: number, max: number, fn: (v: number) => void) => (
+    <div>
+      <Field label={`${label}: ${value}${label === "Blur" ? "px" : label === "Hue" ? "°" : "%"}`}>
+        <input type="range" min={min} max={max} value={value} onChange={(e) => fn(Number(e.target.value))} className="w-full" />
+      </Field>
+    </div>
+  );
+
+  return (
+    <div className="grid gap-4">
+      <FileDrop onFile={load} />
+      {error && <p className="text-sm text-red-400">{error}</p>}
+      {img && (
+        <div className="grid gap-4 lg:grid-cols-2">
+          <div className="rounded-2xl border border-border bg-card/60 p-4">
+            <img src={previewUrl ?? ""} alt="preview" style={{ filter: cssFilter }} className="max-h-96 w-full rounded-xl object-contain" />
+          </div>
+          <div className="rounded-2xl border border-border bg-card/60 p-4">
+            <div className="grid gap-3">
+              {slider("Brightness", brightness, 50, 150, setBrightness)}
+              {slider("Contrast", contrast, 50, 150, setContrast)}
+              {slider("Saturate", saturate, 0, 200, setSaturate)}
+              {slider("Grayscale", grayscale, 0, 100, setGrayscale)}
+              {slider("Sepia", sepia, 0, 100, setSepia)}
+              {slider("Hue", hue, 0, 360, setHue)}
+              {slider("Blur", blur, 0, 8, setBlur)}
+              {slider("Invert", invert, 0, 100, setInvert)}
+            </div>
+            <div className="mt-4 flex flex-wrap gap-2">
+              <GhostButton onClick={reset}>Reset</GhostButton>
+              <PrimaryButton onClick={download}>Download Filtered</PrimaryButton>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function hexToRgb(hex: string): { r: number; g: number; b: number } {
+  const n = hex.replace("#", "");
+  const full = n.length === 3 ? n.split("").map((c) => c + c).join("") : n;
+  return { r: parseInt(full.slice(0, 2), 16), g: parseInt(full.slice(2, 4), 16), b: parseInt(full.slice(4, 6), 16) };
+}
+
+function rgbToHex(r: number, g: number, b: number): string {
+  return "#" + [r, g, b].map((v) => Math.round(v).toString(16).padStart(2, "0")).join("");
+}
+
+function ImageAvgColor() {
+  const [img, setImg] = useState<HTMLImageElement | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [avg, setAvg] = useState<{ hex: string; rgb: string } | null>(null);
+  const [grid, setGrid] = useState<[number, number, number][] | null>(null);
+
+  const load = async (f: File) => {
+    setError(null);
+    try {
+      const i = await readImageFile(f);
+      setImg(i);
+      const c = document.createElement("canvas");
+      c.width = 1; c.height = 1;
+      const ctx = c.getContext("2d");
+      if (!ctx) return;
+      ctx.drawImage(i, 0, 0, 1, 1);
+      const [r, g, b] = ctx.getImageData(0, 0, 1, 1).data;
+      setAvg({ hex: rgbToHex(r, g, b), rgb: `rgb(${r}, ${g}, ${b})` });
+      const gc = document.createElement("canvas");
+      gc.width = 8; gc.height = 8;
+      const gctx = gc.getContext("2d");
+      if (!gctx) return;
+      gctx.drawImage(i, 0, 0, 8, 8);
+      const data = gctx.getImageData(0, 0, 8, 8).data;
+      const cells: [number, number, number][] = [];
+      for (let y = 0; y < 8; y++) {
+        for (let x = 0; x < 8; x++) {
+          const idx = (y * 8 + x) * 4;
+          cells.push([data[idx], data[idx + 1], data[idx + 2]]);
+        }
+      }
+      setGrid(cells);
+    } catch (e) { setError((e as Error).message); }
+  };
+
+  const copy = async (v: string) => { try { await navigator.clipboard.writeText(v); } catch { /* ignore */ } };
+
+  return (
+    <div className="grid gap-4">
+      <FileDrop onFile={load} />
+      {error && <p className="text-sm text-red-400">{error}</p>}
+      {avg && (
+        <div className="rounded-2xl border border-border bg-card/60 p-4">
+          <div className="flex flex-wrap items-center gap-6">
+            <div className="h-28 w-28 rounded-2xl border border-border shadow" style={{ background: avg.hex }} />
+            <div className="space-y-2">
+              <div className="flex items-center gap-2">
+                <span className="font-mono text-xl">{avg.hex}</span>
+                <GhostButton onClick={() => copy(avg.hex)}>Copy</GhostButton>
+              </div>
+              <p className="text-sm text-muted-foreground">{avg.rgb}</p>
+            </div>
+          </div>
+          {grid && (
+            <div className="mt-4">
+              <p className="mb-2 text-xs text-muted-foreground">8 × 8 color grid</p>
+              <div className="grid w-fit grid-cols-8 overflow-hidden rounded-xl border border-border">
+                {grid.map(([r, g, b], i) => (
+                  <div key={i} className="h-8 w-8" style={{ background: `rgb(${r}, ${g}, ${b})` }} title={rgbToHex(r, g, b)} />
+                ))}
+              </div>
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function ImageColorPicker() {
+  const [img, setImg] = useState<HTMLImageElement | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [picked, setPicked] = useState<{ hex: string; rgb: string } | null>(null);
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+  const [mag, setMag] = useState<{ x: number; y: number; color: [number, number, number] } | null>(null);
+
+  const load = async (f: File) => {
+    setError(null);
+    try {
+      const i = await readImageFile(f);
+      setImg(i);
+      setPicked(null);
+      requestAnimationFrame(() => draw(i));
+    } catch (e) { setError((e as Error).message); }
+  };
+
+  const draw = (source: HTMLImageElement) => {
+    const c = canvasRef.current;
+    if (!c) return;
+    const scale = Math.min(1, 600 / source.naturalWidth);
+    c.width = Math.round(source.naturalWidth * scale);
+    c.height = Math.round(source.naturalHeight * scale);
+    const ctx = c.getContext("2d");
+    if (!ctx) return;
+    ctx.drawImage(source, 0, 0, c.width, c.height);
+  };
+
+  const drawMag = (x: number, y: number) => {
+    const c = canvasRef.current;
+    if (!c) return;
+    const ctx = c.getContext("2d");
+    if (!ctx) return;
+    const region = ctx.getImageData(Math.max(0, x - 10), Math.max(0, y - 10), Math.min(20, c.width - x + 10), Math.min(20, c.height - y + 10));
+    setMag({ x, y, color: [region.data[0], region.data[1], region.data[2]] });
+  };
+
+  const sample = (e: React.MouseEvent<HTMLCanvasElement>) => {
+    const c = canvasRef.current;
+    if (!c) return;
+    const rect = c.getBoundingClientRect();
+    const x = Math.round((e.clientX - rect.left) * (c.width / rect.width));
+    const y = Math.round((e.clientY - rect.top) * (c.height / rect.height));
+    const ctx = c.getContext("2d");
+    if (!ctx) return;
+    const d = ctx.getImageData(Math.min(x, c.width - 1), Math.min(y, c.height - 1), 1, 1).data;
+    const hex = rgbToHex(d[0], d[1], d[2]);
+    const rgb = `rgb(${d[0]}, ${d[1]}, ${d[2]})`;
+    setPicked({ hex, rgb });
+    drawMag(x, y);
+  };
+
+  const copy = async (v: string) => { try { await navigator.clipboard.writeText(v); } catch { /* ignore */ } };
+
+  return (
+    <div className="grid gap-4">
+      <FileDrop onFile={load} />
+      {error && <p className="text-sm text-red-400">{error}</p>}
+      {img && (
+        <div className="grid gap-4 lg:grid-cols-2">
+          <div className="rounded-2xl border border-border bg-card/60 p-4">
+            <canvas ref={canvasRef} onMouseMove={sample} onClick={sample} className="w-full rounded-xl" style={{ aspectRatio: `${img.naturalWidth}/${img.naturalHeight}`, maxHeight: 500, objectFit: "contain" }} />
+            <p className="mt-2 text-xs text-muted-foreground">Move to sample, click to lock.</p>
+          </div>
+          <div className="space-y-4">
+            {mag && (
+              <div className="rounded-2xl border border-border bg-card/60 p-4">
+                <p className="mb-2 text-xs text-muted-foreground">Magnifier</p>
+                <canvas width={100} height={100} className="rounded-xl" ref={(el) => {
+                  if (el) {
+                    const ctx = el.getContext("2d");
+                    if (!ctx) return;
+                    ctx.imageSmoothingEnabled = false;
+                    ctx.fillStyle = `rgb(${mag.color.join(",")})`;
+                    ctx.fillRect(0, 0, 100, 100);
+                  }
+                }} />
+                <p className="mt-2 font-mono text-sm">{mag.color.join(", ")}</p>
+              </div>
+            )}
+            {picked && (
+              <div className="rounded-2xl border border-border bg-card/60 p-4">
+                <div className="flex flex-wrap items-center gap-4">
+                  <div className="h-20 w-20 rounded-xl border border-border" style={{ background: picked.hex }} />
+                  <div className="space-y-1">
+                    <p className="font-mono text-lg">{picked.hex}</p>
+                    <p className="text-sm text-muted-foreground">{picked.rgb}</p>
+                  </div>
+                </div>
+                <div className="mt-3 flex gap-2">
+                  <GhostButton onClick={() => copy(picked.hex)}>Copy HEX</GhostButton>
+                  <GhostButton onClick={() => copy(picked.rgb)}>Copy RGB</GhostButton>
+                </div>
+              </div>
+            )}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function mulberry32(seed: number) {
+  let a = seed >>> 0;
+  return function () {
+    a |= 0; a = (a + 0x6D2B79F5) | 0;
+    let t = Math.imul(a ^ (a >>> 15), 1 | a);
+    t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
+    return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
+  };
+}
+
+function buildBlobPath(points: number, seed: number): string {
+  const rand = mulberry32(seed);
+  const pts: { x: number; y: number }[] = [];
+  for (let i = 0; i < points; i++) {
+    const angle = (i / points) * Math.PI * 2;
+    const radius = 0.55 + rand() * 0.45;
+    pts.push({ x: 200 + Math.cos(angle) * 200 * radius, y: 200 + Math.sin(angle) * 200 * radius });
+  }
+  let d = `M ${pts[0].x.toFixed(2)} ${pts[0].y.toFixed(2)}`;
+  for (let i = 0; i < points; i++) {
+    const cur = pts[i];
+    const next = pts[(i + 1) % points];
+    const mid = { x: (cur.x + next.x) / 2, y: (cur.y + next.y) / 2 };
+    d += ` Q ${cur.x.toFixed(2)} ${cur.y.toFixed(2)} ${mid.x.toFixed(2)} ${mid.y.toFixed(2)}`;
+  }
+  d += " Z";
+  return d;
+}
+
+function SvgBlobGenerator() {
+  const [seed, setSeed] = useState(1234);
+  const [points, setPoints] = useState("8");
+  const [fill, setFill] = useState("#6366f1");
+  const [opacity, setOpacity] = useState(80);
+  const [count, setCount] = useState(0);
+
+  const path = useMemo(() => buildBlobPath(Number(points), seed + count), [points, seed, count]);
+  const snippet = `<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">\n  <path d="${path}" fill="${fill}" fill-opacity="${(opacity / 100).toFixed(2)}" />\n</svg>`;
+  const rawPath = `<path d="${path}" fill="${fill}" fill-opacity="${(opacity / 100).toFixed(2)}" />`;
+
+  const download = () => {
+    const blob = new Blob([snippet], { type: "image/svg+xml" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "blob.svg";
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-4 sm:grid-cols-2">
+          <Field label="Seed"><NumInput value={seed} min={0} max={9999} onChange={(e) => setSeed(Number(e.target.value) || 0)} /></Field>
+          <Field label="Points"><SelectInput value={points} onChange={(e) => setPoints(e.target.value)} options={["6", "8", "10"]} /></Field>
+          <Field label="Fill color"><input type="color" value={fill} onChange={(e) => setFill(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
+          <Field label={`Opacity: ${opacity}%`}><input type="range" min={0} max={100} value={opacity} onChange={(e) => setOpacity(Number(e.target.value))} className="w-full" /></Field>
+        </div>
+        <div className="mt-4">
+          <PrimaryButton onClick={() => setCount((c) => c + 1)}>Regenerate</PrimaryButton>
+        </div>
+        <div className="mt-4 rounded-2xl border border-border bg-black/40 p-4">
+          <svg viewBox="0 0 400 400" className="mx-auto h-64 w-64">
+            <path d={path} fill={fill} fillOpacity={opacity / 100} />
+          </svg>
+        </div>
+      </div>
+      <OutBox value={`${rawPath}\n\n${snippet}`} mono downloadable filename="blob.svg" />
+      <div className="flex gap-2">
+        <PrimaryButton onClick={download}>Download .svg</PrimaryButton>
+      </div>
+    </div>
+  );
+}
+
+function SvgPatternGenerator() {
+  const [shape, setShape] = useState("dots");
+  const [size, setSize] = useState(30);
+  const [colorA, setColorA] = useState("#6366f1");
+  const [colorB, setColorB] = useState("transparent");
+  const [opacity, setOpacity] = useState(80);
+
+  const patternId = "patt";
+  const o = opacity / 100;
+
+  const shapeMarkup = () => {
+    const c = size / 2;
+    const r = Math.max(1.5, size / 8);
+    const stroke = Math.max(1, size / 12);
+    switch (shape) {
+      case "dots": return `<circle cx="${c.toFixed(1)}" cy="${c.toFixed(1)}" r="${r.toFixed(1)}" fill="${colorA}" fill-opacity="${o}"/>`;
+      case "lines": return `<line x1="0" y1="${c.toFixed(1)}" x2="${size}" y2="${c.toFixed(1)}" stroke="${colorA}" stroke-opacity="${o}" stroke-width="${stroke.toFixed(1)}"/>`;
+      case "grid": return `<path d="M ${c.toFixed(1)} 0 V ${size} M 0 ${c.toFixed(1)} H ${size}" stroke="${colorA}" stroke-opacity="${o}" stroke-width="${stroke.toFixed(1)}" fill="none"/>`;
+      case "diamonds": return `<polygon points="${c.toFixed(1)},${(size * 0.1).toFixed(1)} ${(size * 0.9).toFixed(1)},${c.toFixed(1)} ${c.toFixed(1)},${(size * 0.9).toFixed(1)} ${(size * 0.1).toFixed(1)},${c.toFixed(1)}" fill="${colorA}" fill-opacity="${o}"/>`;
+      case "net": return `<path d="M 0 0 L ${size} ${size} M 0 ${size} L ${size} 0" stroke="${colorA}" stroke-opacity="${o}" stroke-width="${stroke.toFixed(1)}"/>`;
+      default: return "";
+    }
+  };
+
+  const backgroundAttrs = colorB && colorB !== "transparent" ? `\n  <rect width="${size}" height="${size}" fill="${colorB}"/>` : "";
+
+  const snippet = `<svg width="260" height="260" viewBox="0 0 260 260" xmlns="http://www.w3.org/2000/svg">\n  <defs>\n    <pattern id="${patternId}" width="${size}" height="${size}" patternUnits="userSpaceOnUse">${backgroundAttrs}\n      ${shapeMarkup()}\n    </pattern>\n  </defs>\n  <rect width="260" height="260" fill="url(#${patternId})"/>\n</svg>`;
+
+  const download = () => {
+    const blob = new Blob([snippet], { type: "image/svg+xml" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "pattern.svg";
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-4 sm:grid-cols-2">
+          <Field label="Shape"><SelectInput value={shape} onChange={(e) => setShape(e.target.value)} options={["dots", "lines", "grid", "diamonds", "net"]} /></Field>
+          <Field label={`Tile size: ${size}px`}><input type="range" min={10} max={60} value={size} onChange={(e) => setSize(Number(e.target.value))} className="w-full" /></Field>
+          <Field label="Color A"><input type="color" value={colorA} onChange={(e) => setColorA(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
+          <Field label="Color B (background)"><input type="color" value={colorB} onChange={(e) => setColorB(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
+          <Field label={`Opacity: ${opacity}%`}><input type="range" min={0} max={100} value={opacity} onChange={(e) => setOpacity(Number(e.target.value))} className="w-full" /></Field>
+        </div>
+        <div className="mt-4 rounded-2xl border border-border bg-black/40 p-4">
+          <svg width="260" height="260" viewBox="0 0 260 260" xmlns="http://www.w3.org/2000/svg">
+            <defs>
+              <pattern id="patt" width={size} height={size} patternUnits="userSpaceOnUse">
+                {colorB && colorB !== "transparent" && <rect width={size} height={size} fill={colorB} />}
+                {shape === "dots" && <circle cx={size / 2} cy={size / 2} r={Math.max(1.5, size / 8)} fill={colorA} fillOpacity={o} />}
+                {shape === "lines" && <line x1={0} y1={size / 2} x2={size} y2={size / 2} stroke={colorA} strokeOpacity={o} strokeWidth={Math.max(1, size / 12)} />}
+                {shape === "grid" && <path d={`M ${size / 2} 0 V ${size} M 0 ${size / 2} H ${size}`} stroke={colorA} strokeOpacity={o} strokeWidth={Math.max(1, size / 12)} fill="none" />}
+                {shape === "diamonds" && <polygon points={`${size / 2},${size * 0.1} ${size * 0.9},${size / 2} ${size / 2},${size * 0.9} ${size * 0.1},${size / 2}`} fill={colorA} fillOpacity={o} />}
+                {shape === "net" && <path d={`M 0 0 L ${size} ${size} M 0 ${size} L ${size} 0`} stroke={colorA} strokeOpacity={o} strokeWidth={Math.max(1, size / 12)} />}
+              </pattern>
+            </defs>
+            <rect width="260" height="260" fill="url(#patt)" />
+          </svg>
+        </div>
+      </div>
+      <OutBox value={snippet} mono downloadable filename="pattern.svg" />
+      <div className="flex gap-2">
+        <PrimaryButton onClick={download}>Download .svg</PrimaryButton>
+      </div>
+    </div>
+  );
+}
+
+function ImageToBase64() {
+  const [file, setFile] = useState<File | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [format, setFormat] = useState("Data URL");
+  const [mime, setMime] = useState(true);
+  const [raw, setRaw] = useState<string | null>(null);
+
+  const load = async (f: File) => {
+    setError(null);
+    try {
+      const text = await f.arrayBuffer();
+      const bytes = new Uint8Array(text);
+      let binary = "";
+      const chunk = 0x8000;
+      for (let i = 0; i < bytes.length; i += chunk) {
+        binary += String.fromCharCode.apply(null, Array.from(bytes.subarray(i, i + chunk)));
+      }
+      setFile(f);
+      setRaw(btoa(binary));
+    } catch (e) { setError((e as Error).message); }
+  };
+
+  const result = useMemo<string>(() => {
+    if (!raw) return "";
+    if (format === "Raw base64") return raw;
+    return mime ? `data:${file?.type || "image/*"};base64,${raw}` : raw;
+  }, [raw, format, mime, file]);
+
+  const encoded = result ?? "";
+  const sizeRatio = file && file.size > 0 ? (encoded.length / file.size * 100).toFixed(1) : "0";
+
+  return (
+    <div className="grid gap-4">
+      <FileDrop onFile={load} />
+      {error && <p className="text-sm text-red-400">{error}</p>}
+      {file && (
+        <div className="rounded-2xl border border-border bg-card/60 p-4">
+          <div className="grid gap-4 sm:grid-cols-2">
+            <Field label="Format"><SelectInput value={format} onChange={(e) => setFormat(e.target.value)} options={["Data URL", "Raw base64"]} /></Field>
+            <div className="sm:pt-6"><ToggleInput label="Include MIME prefix" checked={mime} onChange={setMime} disabled={format === "Raw base64"} /></div>
+          </div>
+          <p className="mt-4 text-xs text-muted-foreground">
+            Source: {(file.size / 1024).toFixed(1)} KB &nbsp;·&nbsp; Encoded: {(encoded.length / 1024).toFixed(1)} KB ({sizeRatio}%)
+          </p>
+        </div>
+      )}
+      {result && (
+        <div>
+          <OutBox value={result} mono downloadable filename="image.txt" />
+          {result.length > 4000 && <p className="mt-1 text-xs text-muted-foreground">Preview truncated in the box — full string is copied/downloaded.</p>}
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default function ImageTools({ tool }: ToolPageProps) {
+  switch (tool.slug) {
+    case "image-resizer": return <ImageResizer />;
+    case "image-filters": return <ImageFilters />;
+    case "image-avg-color": return <ImageAvgColor />;
+    case "image-color-picker": return <ImageColorPicker />;
+    case "svg-blob-generator": return <SvgBlobGenerator />;
+    case "svg-pattern-generator": return <SvgPatternGenerator />;
+    case "image-to-base64": return <ImageToBase64 />;
+    default: return <div className="text-sm text-muted-foreground">Unknown tool</div>;
+  }
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/json-formatter.tsx b/artifacts/personal-tool-console/src/components/tools/json-formatter.tsx
new file mode 100644
index 0000000..6110aa6
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/json-formatter.tsx
@@ -0,0 +1,96 @@
+import { useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { formatJson, minifyJson, validateJson } from "@/lib/tools/coding";
+import { Field, TextArea, SelectInput, PrimaryButton, OutBox, Chip } from "@/components/tools/shared/fields";
+
+type Mode = "format" | "minify" | "validate";
+
+export default function JsonFormatter({ tool }: ToolPageProps) {
+  const [mode, setMode] = useState<Mode>("format");
+  const [input, setInput] = useState("");
+  const [indent, setIndent] = useState("2");
+  const [output, setOutput] = useState("");
+  const [error, setError] = useState<string | null>(null);
+  const [validation, setValidation] = useState<{ valid: boolean; error?: string; line?: number } | null>(null);
+
+  const run = () => {
+    setError(null);
+    setValidation(null);
+    if (!input.trim()) {
+      setOutput("");
+      return;
+    }
+    try {
+      if (mode === "format") {
+        setOutput(indent === "tab" ? JSON.stringify(JSON.parse(input), null, "\t") : formatJson(input, Number(indent)));
+      } else if (mode === "minify") {
+        setOutput(minifyJson(input));
+      }
+    } catch (e) {
+      setError((e as Error).message);
+      setOutput("");
+    }
+    if (mode === "validate") {
+      setValidation(validateJson(input));
+    }
+  };
+
+  return (
+    <div className="grid gap-4">
+      <div className="flex flex-wrap items-center gap-2">
+        {(["format", "minify", "validate"] as Mode[]).map((m) => (
+          <button
+            key={m}
+            onClick={() => {
+              setMode(m);
+              setValidation(null);
+            }}
+            className={`rounded-xl border px-4 py-2 text-sm capitalize transition ${
+              mode === m ? "border-ring/60 bg-ring/10 text-foreground" : "border-border bg-background/60 text-muted-foreground hover:text-foreground"
+            }`}
+          >
+            {m}
+          </button>
+        ))}
+        <Chip color="bg-ring/15 text-ring">{tool.slug}</Chip>
+      </div>
+
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <Field label="Input JSON" hint="Paste JSON to transform or validate">
+          <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} placeholder='{"key": "value"}' />
+        </Field>
+        {mode === "format" && (
+          <div className="mt-3">
+            <SelectInput value={indent} onChange={(e) => setIndent(e.target.value)} options={["2", "4", "tab"]} />
+          </div>
+        )}
+        <div className="mt-4">
+          <PrimaryButton onClick={run}>
+            {mode === "format" ? "Format" : mode === "minify" ? "Minify" : "Validate"}
+          </PrimaryButton>
+        </div>
+      </div>
+
+      {mode === "validate" ? (
+        <div className="rounded-2xl border border-border bg-card/60 p-4">
+          {validation === null ? (
+            <p className="text-sm text-muted-foreground">Run validation to check your JSON.</p>
+          ) : validation.valid ? (
+            <div className="rounded-xl border border-green-500/30 bg-green-500/10 px-4 py-3 text-sm text-green-400">Valid JSON</div>
+          ) : (
+            <div className="text-red-400 text-sm">
+              <p className="font-medium">Invalid JSON</p>
+              {typeof validation.line === "number" && <p className="mt-1">Line {validation.line}</p>}
+              {validation.error && <p className="mt-1 break-words">{validation.error}</p>}
+            </div>
+          )}
+        </div>
+      ) : (
+        <>
+          {error && <p className="text-red-400 text-sm">Error: {error}</p>}
+          {output && <OutBox value={output} mono filename="output.json" />}
+        </>
+      )}
+    </div>
+  );
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/json-tree-viewer.tsx b/artifacts/personal-tool-console/src/components/tools/json-tree-viewer.tsx
new file mode 100644
index 0000000..6b5cf7f
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/json-tree-viewer.tsx
@@ -0,0 +1,128 @@
+import { useMemo, useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { TextArea, TextInput, Chip } from "@/components/tools/shared/fields";
+
+type JsonValue = string | number | boolean | null | JsonValue[] | { [k: string]: JsonValue };
+
+function countNodes(value: JsonValue): number {
+  if (value === null || typeof value !== "object") return 1;
+  const entries = Array.isArray(value)
+    ? Object.keys(value as JsonValue[])
+    : Object.keys(value as { [k: string]: JsonValue });
+  return 1 + entries.reduce((acc, k) => acc + countNodes((value as { [k: string]: JsonValue })[k]), 0);
+}
+
+function entryMatches(key: string, value: JsonValue, q: string): boolean {
+  if (key.toLowerCase().includes(q)) return true;
+  if (typeof value === "string") return value.toLowerCase().includes(q);
+  return false;
+}
+
+function colorFor(value: JsonValue): string {
+  if (value === null) return "text-muted-foreground";
+  if (typeof value === "string") return "text-emerald-400";
+  if (typeof value === "number") return "text-sky-400";
+  if (typeof value === "boolean") return "text-amber-400";
+  return "";
+}
+
+function labelFor(value: JsonValue): string {
+  if (value === null) return "null";
+  if (typeof value === "string") return `"${value}"`;
+  return String(value);
+}
+
+function TreeNode({ value, name, query }: { value: JsonValue; name?: string; query: string }) {
+  const q = query.toLowerCase();
+  const nameMatched = name != null && name.toLowerCase().includes(q);
+  const valueMatched = typeof value === "string" && value.toLowerCase().includes(q);
+
+  if (value === null || typeof value !== "object") {
+    return (
+      <div className="flex items-start gap-1 py-0.5 hover:bg-black/20">
+        {name != null && (
+          <span className={nameMatched ? "mr-1 bg-yellow-500/20" : "mr-1"}>
+            <span className="text-muted-foreground">{name}</span>
+            <span className="text-muted-foreground">: </span>
+          </span>
+        )}
+        <span className={`${valueMatched ? "bg-yellow-500/20" : ""} ${colorFor(value)}`}>{labelFor(value)}</span>
+      </div>
+    );
+  }
+
+  const isArray = Array.isArray(value);
+  const entries = isArray
+    ? (value as JsonValue[]).map((v, i) => [String(i), v] as [string, JsonValue])
+    : Object.entries(value as { [k: string]: JsonValue });
+  const anyChildMatch = entries.some(([k, v]) => entryMatches(k, v, q));
+  const open = !query || nameMatched || anyChildMatch;
+
+  return (
+    <details open={open} className="group">
+      <summary className="flex cursor-pointer select-none items-center gap-1.5 py-0.5 hover:bg-black/20">
+        <span className="text-muted-foreground">{isArray ? "▸" : "▸"}</span>
+        <span className={nameMatched ? "bg-yellow-500/20" : ""}>
+          {name != null && <span className="mr-1">{name}: </span>}
+          <span className="text-muted-foreground">{isArray ? `Array(${entries.length})` : `Object(${entries.length})`}</span>
+        </span>
+      </summary>
+      <div className="ml-4 border-l border-border pl-2">
+        {entries.map(([k, v]) => (
+          <TreeNode key={k} value={v} name={isArray ? undefined : k} query={query} />
+        ))}
+      </div>
+    </details>
+  );
+}
+
+export default function JsonTreeViewer({ tool }: ToolPageProps) {
+  const [input, setInput] = useState("");
+  const [query, setQuery] = useState("");
+  const [error, setError] = useState<string | null>(null);
+
+  const parsed = useMemo(() => {
+    if (!input.trim()) return undefined;
+    try {
+      setError(null);
+      return JSON.parse(input) as JsonValue;
+    } catch (e) {
+      setError((e as Error).message);
+      return undefined;
+    }
+  }, [input]);
+
+  const nodeCount = useMemo(() => (parsed ? countNodes(parsed) : 0), [parsed]);
+
+  return (
+    <div className="grid gap-4">
+      <div className="flex flex-wrap items-center gap-2">
+        <Chip color="bg-ring/15 text-ring">{tool.slug}</Chip>
+        {parsed && <span className="text-xs text-muted-foreground">{nodeCount} nodes</span>}
+      </div>
+
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-3">
+          <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} className="font-mono" placeholder='{"name": "Chris", "tags": ["a", "b"]}' />
+          <TextInput value={query} onChange={(e) => setQuery(e.target.value)} placeholder="Search keys or values…" />
+        </div>
+      </div>
+
+      {error && <p className="text-red-400 text-sm">Invalid JSON: {error}</p>}
+
+      {!input.trim() && (
+        <div className="rounded-2xl border border-dashed border-border bg-card/60 p-6 text-center text-sm text-muted-foreground">
+          Paste JSON above to view it as a tree.
+        </div>
+      )}
+
+      {parsed && !error && (
+        <div className="rounded-2xl border border-border bg-card/60 p-4">
+          <div className="max-h-[480px] overflow-auto font-mono text-sm text-foreground">
+            <TreeNode value={parsed} query={query} />
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/linux/linux-tools.tsx b/artifacts/personal-tool-console/src/components/tools/linux/linux-tools.tsx
new file mode 100644
index 0000000..88caaba
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/linux/linux-tools.tsx
@@ -0,0 +1,426 @@
+import { useState, useMemo } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import {
+  chmodSymbolicToOctal,
+  decodePermissionLine,
+  parseCronExpression,
+  cronNextTimes,
+  buildCronExpression,
+  posixJoin,
+  posixDirname,
+  posixBasename,
+  posixExtname,
+  posixNormalize,
+  UID_GID_TABLE,
+  lookupUidGid,
+  type PermissionBreakdown,
+  type CronSchedule,
+} from "@/lib/tools/linux";
+import { Field, TextInput, NumInput, SelectInput, ToggleInput, OutBox, Chip } from "@/components/tools/shared/fields";
+
+const CHAR_BITS = ["r", "w", "x"] as const;
+const ROW_LABELS = ["Owner", "Group", "Others"];
+
+function octStrToBits(oct: string): boolean[][] | null {
+  const s = oct.trim().replace(/\s+/g, "");
+  if (!/^[0-7]{1,3}$/.test(s)) return null;
+  const digits = s.padStart(3, "0").split("").map(Number);
+  return digits.map((d) => [Boolean(d & 4), Boolean(d & 2), Boolean(d & 1)]);
+}
+
+function symToBits(sym: string): boolean[][] | null {
+  const s = sym.trim().replace(/\s+/g, "");
+  if (!s) return null;
+  if (/^[rwx-]{9}$/.test(s)) {
+    return [0, 1, 2].map((g) => [s[g * 3] === "r", s[g * 3 + 1] === "w", s[g * 3 + 2] === "x"]);
+  }
+  try {
+    return octStrToBits(chmodSymbolicToOctal(s));
+  } catch {
+    return null;
+  }
+}
+
+function bitsToOctStr(bits: boolean[][]): string {
+  return bits.map((row) => row.reduce((acc, on, i) => acc + (on ? [4, 2, 1][i] : 0), 0)).join("");
+}
+
+function bitsToSym(bits: boolean[][]): string {
+  return bits.map((row) => row.map((on, i) => (on ? CHAR_BITS[i] : "-")).join("")).join("");
+}
+
+function bitsText(bits: boolean[][]): string {
+  return bits.map((row) => row.map((b) => (b ? "1" : "0")).join("")).join(" ");
+}
+
+function ChmodPanel() {
+  const [bits, setBits] = useState<boolean[][]>([
+    [true, true, true],
+    [true, false, true],
+    [true, false, true],
+  ]);
+  const [octInput, setOctInput] = useState("755");
+  const [symInput, setSymInput] = useState("rwxr-xr-x");
+
+  const applyBits = (next: boolean[][]) => {
+    setBits(next);
+    setOctInput(bitsToOctStr(next));
+    setSymInput(bitsToSym(next));
+  };
+
+  const onOct = (v: string) => {
+    setOctInput(v);
+    const next = octStrToBits(v);
+    if (next) {
+      setBits(next);
+      setSymInput(bitsToSym(next));
+    }
+  };
+
+  const onSym = (v: string) => {
+    setSymInput(v);
+    const next = symToBits(v);
+    if (next) {
+      setBits(next);
+      setOctInput(bitsToOctStr(next));
+    }
+  };
+
+  const toggle = (row: number, col: number) => {
+    applyBits(bits.map((r, ri) => r.map((on, ci) => (ri === row && ci === col ? !on : on))));
+  };
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 sm:grid-cols-2">
+        <Field label="Octal">
+          <TextInput value={octInput} onChange={(e) => onOct(e.target.value)} spellCheck={false} placeholder="e.g. 755" inputMode="numeric" />
+        </Field>
+        <Field label="Symbolic">
+          <TextInput value={symInput} onChange={(e) => onSym(e.target.value)} spellCheck={false} placeholder="e.g. rwxr-xr-x" />
+        </Field>
+      </div>
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid grid-cols-4 gap-2">
+          <div />
+          {CHAR_BITS.map((c) => (
+            <div key={c} className="text-center text-xs text-muted-foreground">{c}</div>
+          ))}
+          {ROW_LABELS.map((label, row) => (
+            <div key={label} className="contents">
+              <div className="text-xs font-medium uppercase tracking-wide text-muted-foreground">{label}</div>
+              {bits[row].map((on, col) => (
+                <button
+                  key={col}
+                  type="button"
+                  onClick={() => toggle(row, col)}
+                  aria-label={`${label} ${CHAR_BITS[col]}`}
+                  className={`h-9 w-9 rounded-lg border transition ${
+                    on ? "border-ring bg-ring/20 text-foreground" : "border-border bg-background/60 text-muted-foreground"
+                  }`}
+                >
+                  {on ? "✓" : "–"}
+                </button>
+              ))}
+            </div>
+          ))}
+        </div>
+      </div>
+      <p className="text-sm text-muted-foreground">
+        bits <span className="font-mono text-foreground">{bitsText(bits)}</span> — octal{" "}
+        <span className="font-mono text-foreground">{bitsToOctStr(bits)}</span> — symbolic{" "}
+        <span className="font-mono text-foreground">{bitsToSym(bits)}</span>
+      </p>
+    </div>
+  );
+}
+
+function PermissionsPanel() {
+  const [input, setInput] = useState("drwxr-xr-x");
+  const parsed = useMemo(() => {
+    try {
+      return { data: decodePermissionLine(input.trim() + " ") as PermissionBreakdown, error: null as string | null };
+    } catch (e) {
+      return { data: null as PermissionBreakdown | null, error: (e as Error).message };
+    }
+  }, [input]);
+
+  return (
+    <div className="grid gap-4">
+      <Field label="Permission line (like from `ls -l`)">
+        <TextInput value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} placeholder="drwxr-xr-x or -rw-r--r--" />
+      </Field>
+      {parsed.error ? (
+        <p className="text-red-400 text-sm">{parsed.error}</p>
+      ) : (
+        parsed.data && (
+          <div className="grid gap-3">
+            <div className="flex flex-wrap items-center gap-2">
+              <Chip color="bg-ring/15 text-ring">{parsed.data.type}</Chip>
+              <Chip color="bg-border/60 text-foreground">{parsed.data.symbolic}</Chip>
+              <Chip color="bg-blue-500/15 text-blue-400">octal {parsed.data.octal}</Chip>
+              {parsed.data.special.setuid && <Chip color="bg-amber-500/15 text-amber-400">setuid (+4000)</Chip>}
+              {parsed.data.special.setgid && <Chip color="bg-amber-500/15 text-amber-400">setgid (+2000)</Chip>}
+              {parsed.data.special.sticky && <Chip color="bg-amber-500/15 text-amber-400">sticky (+1000)</Chip>}
+            </div>
+            <div className="grid gap-2 sm:grid-cols-3">
+              {parsed.data.rows.map((r) => (
+                <div key={r.who} className="rounded-xl border border-border bg-background/60 p-3">
+                  <p className="text-xs font-medium uppercase tracking-wide text-muted-foreground">{r.who}</p>
+                  <div className="mt-1.5 flex items-center gap-3 font-mono text-sm">
+                    <span className={r.r ? "text-green-400" : "text-muted-foreground/40"}>{r.r ? "✓ r" : "✗ r"}</span>
+                    <span className={r.w ? "text-green-400" : "text-muted-foreground/40"}>{r.w ? "✓ w" : "✗ w"}</span>
+                    <span className={r.x ? "text-green-400" : "text-muted-foreground/40"}>{r.x ? "✓ x" : "✗ x"}</span>
+                  </div>
+                  {r.special && <p className="mt-1 text-xs text-amber-400/80">special bit set</p>}
+                </div>
+              ))}
+            </div>
+          </div>
+        )
+      )}
+    </div>
+  );
+}
+
+function ScheduleDisplay({ s }: { s: CronSchedule }) {
+  const fields: Array<[string, number[]]> = [
+    ["minute", s.minute],
+    ["hour", s.hour],
+    ["day", s.day],
+    ["month", s.month],
+    ["weekday", s.weekday],
+  ];
+  return (
+    <div className="rounded-2xl border border-border bg-card/60 p-4">
+      <div className="grid gap-2 text-sm sm:grid-cols-5">
+        {fields.map(([label, values]) => (
+          <div key={label} className="rounded-xl border border-border bg-background/60 p-2.5">
+            <p className="text-xs uppercase tracking-wide text-muted-foreground">{label} · {values.length} value{values.length === 1 ? "" : "s"}</p>
+            <p className="mt-1 truncate font-mono text-xs text-foreground" title={values.join(", ")}>
+              {values.slice(0, 14).join(",")}{values.length > 14 ? "…" : ""}
+            </p>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function CronParserPanel() {
+  const [input, setInput] = useState("*/5 * * * *");
+  const parsed = useMemo(() => {
+    const parts = input.trim().split(/\s+/).filter(Boolean);
+    const six = parts.length === 6;
+    const use = six ? parts.slice(1).join(" ") : parts.join(" ");
+    try {
+      const schedule = parseCronExpression(use);
+      return {
+        schedule,
+        next: cronNextTimes(use, 5),
+        six,
+        secondsField: six ? parts[0] : null,
+        error: null as string | null,
+      };
+    } catch (e) {
+      return { schedule: null as null, next: [] as Date[], six: false, secondsField: null as null, error: (e as Error).message };
+    }
+  }, [input]);
+
+  return (
+    <div className="grid gap-4">
+      <Field label="Expression (5 or 6 fields)">
+        <TextInput value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} placeholder="*/5 * * * *" />
+      </Field>
+      {parsed.error && <p className="text-red-400 text-sm">{parsed.error}</p>}
+      {parsed.schedule && (
+        <>
+          {parsed.six && (
+            <Chip color="bg-amber-500/15 text-amber-400">
+              6-field form detected — seconds field “{parsed.secondsField}” is shown but skipped for scheduling
+            </Chip>
+          )}
+          <ScheduleDisplay s={parsed.schedule} />
+          <div className="space-y-1.5">
+            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Next 5 runs</span>
+            <OutBox value={parsed.next.map((d) => d.toLocaleString()).join("\n")} mono />
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
+
+function CronRow({ label, mode, onMode, val, onVal, options, placeholder }: {
+  label: string;
+  mode: string;
+  onMode: (v: string) => void;
+  val: string;
+  onVal: (v: string) => void;
+  options: string[];
+  placeholder: string;
+}) {
+  return (
+    <Field label={label}>
+      <div className="flex gap-2">
+        <SelectInput value={mode} onChange={(e) => onMode(e.target.value)} options={options} className="w-36" />
+        {mode === "custom" && <NumInput value={val} onChange={(e) => onVal(e.target.value)} placeholder={placeholder} min={0} />}
+      </div>
+    </Field>
+  );
+}
+
+function CronGeneratorPanel() {
+  const [minMode, setMinMode] = useState("*");
+  const [minVal, setMinVal] = useState("0");
+  const [hourMode, setHourMode] = useState("*");
+  const [hourVal, setHourVal] = useState("12");
+  const [domMode, setDomMode] = useState("*");
+  const [domVal, setDomVal] = useState("1");
+  const [monMode, setMonMode] = useState("*");
+  const [monVal, setMonVal] = useState("1");
+  const [dowMode, setDowMode] = useState("*");
+  const [dowVal, setDowVal] = useState("0");
+  const [secondsOn, setSecondsOn] = useState(false);
+
+  const fields = {
+    minute: minMode === "custom" ? minVal : minMode,
+    hour: hourMode === "custom" ? hourVal : hourMode,
+    day: domMode === "custom" ? domVal : domMode,
+    month: monMode === "custom" ? monVal : monMode,
+    weekday: dowMode === "custom" ? dowVal : dowMode,
+  };
+  const exp = buildCronExpression(fields);
+  const full = secondsOn ? `0 ${exp}` : exp;
+  const next = useMemo(() => {
+    try {
+      return cronNextTimes(exp, 5);
+    } catch {
+      return [];
+    }
+  }, [exp]);
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 sm:grid-cols-2">
+        <CronRow label="Minute" mode={minMode} onMode={setMinMode} val={minVal} onVal={setMinVal} options={["*", "*/5", "*/10", "custom"]} placeholder="0-59" />
+        <CronRow label="Hour" mode={hourMode} onMode={setHourMode} val={hourVal} onVal={setHourVal} options={["*", "custom"]} placeholder="0-23" />
+        <CronRow label="Day of month" mode={domMode} onMode={setDomMode} val={domVal} onVal={setDomVal} options={["*", "custom"]} placeholder="1-31" />
+        <CronRow label="Month" mode={monMode} onMode={setMonMode} val={monVal} onVal={setMonVal} options={["*", "custom"]} placeholder="1-12" />
+        <CronRow label="Day of week (0=sun)" mode={dowMode} onMode={setDowMode} val={dowVal} onVal={setDowVal} options={["*", "custom"]} placeholder="0-6" />
+        <ToggleInput label="Include seconds field" checked={secondsOn} onChange={setSecondsOn} />
+      </div>
+      <OutBox value={full} mono />
+      {next.length > 0 && (
+        <div className="space-y-1.5">
+          <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Next 5 runs</span>
+          <OutBox value={next.map((d) => d.toLocaleString()).join("\n")} mono />
+        </div>
+      )}
+    </div>
+  );
+}
+
+const PATH_EXAMPLES = [
+  "/usr/local/bin",
+  "/etc/nginx/sites-available/default",
+  "/home/user/projects/tool.tar.gz",
+  "./build/../src/./app.tsx",
+];
+
+function PathPanel() {
+  const [input, setInput] = useState("/usr/local/bin/node");
+  const rows = useMemo(() => {
+    const p = input.trim();
+    return [
+      { label: "join('/a','b','c')", value: posixJoin("/a", "b", "c") },
+      { label: "dirname", value: posixDirname(p) },
+      { label: "basename", value: posixBasename(p) },
+      { label: "extname", value: posixExtname(p) || "(none)" },
+      { label: "normalize", value: posixNormalize(p) },
+    ];
+  }, [input]);
+
+  return (
+    <div className="grid gap-4">
+      <Field label="Path">
+        <TextInput value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} placeholder="/path/to/something" />
+      </Field>
+      <div className="flex flex-wrap gap-2">
+        {PATH_EXAMPLES.map((ex) => (
+          <button
+            key={ex}
+            type="button"
+            onClick={() => setInput(ex)}
+            className="rounded-full border border-border bg-background/60 px-3 py-1 text-xs font-medium text-muted-foreground transition hover:text-foreground"
+          >
+            {ex}
+          </button>
+        ))}
+      </div>
+      <div className="grid gap-2">
+        {rows.map((r) => (
+          <div key={r.label} className="flex flex-wrap items-center justify-between gap-2 rounded-xl border border-border bg-card/60 px-3.5 py-2.5 text-sm">
+            <span className="text-muted-foreground">{r.label}</span>
+            <span className="break-all font-mono text-foreground">{r.value}</span>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function UidGidPanel() {
+  const [q, setQ] = useState("");
+  const rows = useMemo(() => (q.trim() ? lookupUidGid(q.trim()) : UID_GID_TABLE), [q]);
+
+  return (
+    <div className="grid gap-4">
+      <Field label="Search by name, uid, or gid">
+        <TextInput value={q} onChange={(e) => setQ(e.target.value)} spellCheck={false} placeholder="try: root, 33, www, 999" />
+      </Field>
+      <div className="overflow-x-auto rounded-2xl border border-border bg-card/60 p-2">
+        <table className="w-full text-left font-mono text-sm">
+          <thead>
+            <tr className="text-xs uppercase tracking-wide text-muted-foreground">
+              <th className="px-3 py-2">name</th>
+              <th className="px-3 py-2">uid</th>
+              <th className="px-3 py-2">gid</th>
+              <th className="px-3 py-2">description</th>
+            </tr>
+          </thead>
+          <tbody>
+            {rows.map((r) => (
+              <tr key={r.name} className="odd:bg-background/30">
+                <td className="px-3 py-1.5 text-foreground">{r.name}</td>
+                <td className="px-3 py-1.5 text-ring">{r.uid}</td>
+                <td className="px-3 py-1.5 text-muted-foreground">{r.gid}</td>
+                <td className="px-3 py-1.5 text-muted-foreground">{r.description}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+        {rows.length === 0 && <p className="px-3 py-3 text-sm text-muted-foreground">No entries match “{q}”.</p>}
+      </div>
+    </div>
+  );
+}
+
+export default function LinuxTools({ tool }: ToolPageProps) {
+  switch (tool.slug) {
+    case "chmod-calculator":
+      return <ChmodPanel />;
+    case "permissions-decoder":
+      return <PermissionsPanel />;
+    case "cron-parser":
+      return <CronParserPanel />;
+    case "cron-generator":
+      return <CronGeneratorPanel />;
+    case "path-utils":
+      return <PathPanel />;
+    case "uid-gid-table":
+      return <UidGidPanel />;
+    default:
+      return null;
+  }
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/misc/misc-tools.tsx b/artifacts/personal-tool-console/src/components/tools/misc/misc-tools.tsx
new file mode 100644
index 0000000..f7cb4b7
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/misc/misc-tools.tsx
@@ -0,0 +1,402 @@
+import { useEffect, useRef, useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { shuffleList, code39Encode, ean13, fakeIban, validateIbanFormat } from "@/lib/tools/misc";
+import {
+  Field, TextInput, NumInput, SelectInput, TextArea, OutBox, PrimaryButton, GhostButton, Chip,
+} from "@/components/tools/shared/fields";
+
+function mulberry32(seed: number) {
+  let t = seed >>> 0;
+  return function () {
+    t += 0x6D2B79F5;
+    let r = Math.imul(t ^ (t >>> 15), t | 1);
+    r ^= r + Math.imul(r ^ (r >>> 7), r | 61);
+    return ((r ^ (r >>> 14)) >>> 0) / 4294967296;
+  };
+}
+
+function seededShuffle<T>(arr: T[], rng: () => number): T[] {
+  const a = [...arr];
+  for (let i = a.length - 1; i > 0; i--) {
+    const j = Math.floor(rng() * (i + 1));
+    [a[i], a[j]] = [a[j], a[i]];
+  }
+  return a;
+}
+
+function ListRandomizer() {
+  const [text, setText] = useState("");
+  const [mode, setMode] = useState("Shuffle all");
+  const [countN, setCountN] = useState("1");
+  const [seed, setSeed] = useState("");
+  const [output, setOutput] = useState("");
+  const items = text.split("\n").map((l) => l.trim()).filter(Boolean);
+  const run = () => {
+    if (!items.length) { setOutput(""); return; }
+    const rng = seed !== "" ? mulberry32(Number(seed) || 0) : null;
+    if (mode === "Shuffle all") {
+      setOutput(rng ? seededShuffle(items, rng).join("\n") : shuffleList(text));
+    } else if (mode === "Pick 1") {
+      const i = rng ? Math.floor(rng() * items.length) : Math.floor(Math.random() * items.length);
+      setOutput(items[i]);
+    } else {
+      const n = Math.max(0, Number(countN) || 1);
+      const pool = rng ? seededShuffle(items, rng) : [...items].sort(() => Math.random() - 0.5);
+      setOutput(pool.slice(0, n).join("\n"));
+    }
+  };
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4">
+        <Field label="List (one item per line)">
+          <TextArea value={text} onChange={(e) => setText(e.target.value)} placeholder={"apple\nbanana\ncherry"} spellCheck={false} />
+        </Field>
+        <div className="grid gap-3 sm:grid-cols-3">
+          <Field label="Mode"><SelectInput value={mode} onChange={(e) => setMode(e.target.value)} options={["Shuffle all", "Pick 1", "Pick N"]} /></Field>
+          {mode === "Pick N" && <Field label="N"><NumInput min={1} value={countN} onChange={(e) => setCountN(e.target.value)} /></Field>}
+          <Field label="Seed (optional)"><TextInput value={seed} onChange={(e) => setSeed(e.target.value)} placeholder="e.g. 42" /></Field>
+        </div>
+        <div className="flex flex-wrap items-center gap-3">
+          <PrimaryButton onClick={run}>{mode === "Pick 1" ? "Pick" : "Run"}</PrimaryButton>
+          <Chip color="bg-ring/15 text-ring">{items.length} item{items.length === 1 ? "" : "s"}</Chip>
+        </div>
+      </div>
+      {output && <OutBox value={output} filename="randomized.txt" />}
+    </div>
+  );
+}
+
+const IBAN_CODES = ["AE", "BE", "CH", "DE", "ES", "FR", "GB", "IT", "NL", "SG", "SE", "US"];
+
+function FakeIbanGen() {
+  const [country, setCountry] = useState("DE");
+  const [seed, setSeed] = useState("1");
+  const [iban, setIban] = useState("");
+  const [valid, setValid] = useState<boolean | null>(null);
+  const generate = () => {
+    const s = Number(seed) || 1;
+    setIban(fakeIban(country, s));
+    setValid(null);
+  };
+  const raw = iban.replace(/\s+/g, "");
+  const check = () => setValid(validateIbanFormat(iban));
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-3">
+        <Field label="Country"><SelectInput value={country} onChange={(e) => setCountry(e.target.value)} options={IBAN_CODES} /></Field>
+        <Field label="Seed"><NumInput value={seed} onChange={(e) => setSeed(e.target.value)} /></Field>
+        <div className="flex items-end gap-2">
+          <PrimaryButton onClick={generate}>Generate</PrimaryButton>
+          {iban && <GhostButton onClick={generate}>Regenerate</GhostButton>}
+        </div>
+      </div>
+      {iban && (
+        <div className="grid gap-4">
+          <div className="grid gap-3 rounded-2xl border border-border bg-card/60 p-4">
+            <Field label="Formatted IBAN"><OutBox value={iban} filename="iban.txt" /></Field>
+            <Field label="Raw (no spaces)"><OutBox value={raw} filename="iban-raw.txt" /></Field>
+          </div>
+          <div className="flex items-center gap-3 rounded-2xl border border-border bg-card/60 p-4">
+            <GhostButton onClick={check}>Validate format</GhostButton>
+            {valid !== null && (
+              <Chip color={valid ? "bg-green-500/15 text-green-400" : "bg-red-500/15 text-red-400"}>
+                {valid ? "Valid IBAN structure" : "Invalid IBAN"}
+              </Chip>
+            )}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function BarcodeGen() {
+  const [type, setType] = useState("Code 39");
+  const [text, setText] = useState("HELLO");
+  const [result, setResult] = useState<{ svg: string; width: number } | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const generate = () => {
+    setError(null);
+    setResult(null);
+    try {
+      if (type === "Code 39") {
+        const r = code39Encode(text);
+        if (!r.valid) { setError(r.error ?? "Invalid input"); return; }
+        setResult({ svg: r.svg, width: r.width });
+      } else {
+        const r = ean13(text);
+        if (!r.valid) { setError(r.error ?? "Invalid input"); return; }
+        setResult({ svg: r.svg, width: r.width });
+      }
+    } catch (e) {
+      setError((e as Error).message);
+    }
+  };
+  const download = () => {
+    if (!result) return;
+    const blob = new Blob([result.svg], { type: "image/svg+xml" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${type.toLowerCase().replace(" ", "-")}.svg`;
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
+        <Field label="Type"><SelectInput value={type} onChange={(e) => setType(e.target.value)} options={["Code 39", "EAN-13"]} /></Field>
+        <Field label={type === "Code 39" ? "Text (A–Z, 0–9, space, - . $ / + %)" : "Digits (12 or 13)"}>
+          <TextInput value={text} onChange={(e) => setText(e.target.value)} spellCheck={false} />
+        </Field>
+        <div className="flex items-end gap-2">
+          <PrimaryButton onClick={generate}>Generate</PrimaryButton>
+          {result && <GhostButton onClick={download}>Download SVG</GhostButton>}
+        </div>
+      </div>
+      {error && <p className="text-red-400 text-sm">{error}</p>}
+      {result && (
+        <div className="grid gap-3 rounded-2xl border border-border bg-card/60 p-4">
+          <div className="flex justify-center overflow-x-auto rounded-xl bg-white p-4">
+            <div dangerouslySetInnerHTML={{ __html: result.svg }} />
+          </div>
+          <div className="flex items-center justify-center">
+            <Chip color="bg-ring/15 text-ring">Width: {result.width} px</Chip>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function UnicodeRain() {
+  const canvasRef = useRef<HTMLCanvasElement | null>(null);
+  const [charset, setCharset] = useState("アカサタナハマヤラワ0123456789京阪神東海道物語");
+  const [speed, setSpeed] = useState(1);
+  const [color, setColor] = useState("#22d3ee");
+  const [playing, setPlaying] = useState(true);
+  const charsetRef = useRef(charset);
+  const speedRef = useRef(speed);
+  const colorRef = useRef(color);
+  const playingRef = useRef(playing);
+  useEffect(() => { charsetRef.current = charset; }, [charset]);
+  useEffect(() => { speedRef.current = speed; }, [speed]);
+  useEffect(() => { colorRef.current = color; }, [color]);
+  useEffect(() => { playingRef.current = playing; }, [playing]);
+
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    const fontSize = 14;
+    let drops: number[] = [];
+    const resize = () => {
+      canvas.width = canvas.clientWidth;
+      canvas.height = 300;
+      drops = new Array(Math.max(1, Math.floor(canvas.width / fontSize))).fill(0).map(() => Math.floor(Math.random() * -40));
+    };
+    resize();
+    const ro = new ResizeObserver(resize);
+    ro.observe(canvas);
+    let raf = 0;
+    let last = performance.now();
+    let timer = 0;
+    const frame = (now: number) => {
+      const dt = Math.min(now - last, 100);
+      last = now;
+      timer += dt;
+      if (timer >= 50 / Math.max(0.2, speedRef.current)) {
+        timer = 0;
+        ctx.fillStyle = "rgba(3,7,18,0.12)";
+        ctx.fillRect(0, 0, canvas.width, canvas.height);
+        ctx.font = `${fontSize}px monospace`;
+        ctx.fillStyle = colorRef.current;
+        for (let i = 0; i < drops.length; i++) {
+          const ch = charsetRef.current[Math.floor(Math.random() * charsetRef.current.length)] || " ";
+          const y = drops[i] * fontSize;
+          ctx.fillText(ch, i * fontSize, y);
+          if (y > canvas.height && Math.random() > 0.975) drops[i] = 0;
+          drops[i]++;
+        }
+      }
+      if (playingRef.current) raf = requestAnimationFrame(frame);
+    };
+    raf = requestAnimationFrame(frame);
+    return () => { cancelAnimationFrame(raf); ro.disconnect(); };
+  }, []);
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <canvas ref={canvasRef} className="w-full rounded-xl border border-border bg-[#030712]" style={{ height: 300 }} />
+      </div>
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
+        <Field label="Character set">
+          <TextInput value={charset} onChange={(e) => setCharset(e.target.value)} spellCheck={false} />
+        </Field>
+        <Field label="Color"><TextInput value={color} onChange={(e) => setColor(e.target.value)} /></Field>
+        <Field label={`Speed — ${speed}x`}><input type="range" min={0.2} max={3} step={0.1} value={speed} onChange={(e) => setSpeed(Number(e.target.value))} className="w-full" /></Field>
+        <div className="flex items-end">
+          <GhostButton onClick={() => setPlaying((p) => !p)}>{playing ? "Pause" : "Play"}</GhostButton>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function SentencePicker() {
+  const [text, setText] = useState("");
+  const [picked, setPicked] = useState("");
+  const [history, setHistory] = useState<string[]>([]);
+  const sentences = (() => {
+    const parts = text.split(/(?<=[.!?。！？])\s+/).filter((s) => s.trim().length > 0);
+    if (parts.length) return parts;
+    return text.split(/[.!?。！？]/).map((s) => s.trim()).filter(Boolean);
+  })();
+  const pick = () => {
+    if (!sentences.length) return;
+    const s = sentences[Math.floor(Math.random() * sentences.length)];
+    setPicked(s);
+    setHistory((h) => [s, ...h].slice(0, 8));
+  };
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4">
+        <Field label={`Paragraph — ${sentences.length} sentence${sentences.length === 1 ? "" : "s"} found`}>
+          <TextArea value={text} onChange={(e) => setText(e.target.value)} spellCheck={false} />
+        </Field>
+        <div>
+          <PrimaryButton onClick={pick}>Pick a sentence</PrimaryButton>
+        </div>
+      </div>
+      {picked && <OutBox value={picked} mono={false} filename="sentence.txt" />}
+      {history.length > 0 && (
+        <div className="rounded-2xl border border-border bg-card/60 p-4">
+          <p className="mb-2 text-xs font-medium uppercase tracking-wide text-muted-foreground/70">History</p>
+          <ul className="space-y-1.5">
+            {history.map((h, i) => (
+              <li key={i} className="text-sm text-muted-foreground">{h}</li>
+            ))}
+          </ul>
+        </div>
+      )}
+    </div>
+  );
+}
+
+const MALE = ["James", "John", "Robert", "Michael", "William", "David", "Richard", "Joseph", "Thomas", "Charles", "Liam", "Noah", "Oliver", "Elijah", "Lucas", "Mason", "Logan", "Alexander", "Ethan", "Daniel", "Jacob", "Henry", "Jack", "Owen", "Finn", "Elias", "Oscar", "Mateo", "Arthur", "Felix"];
+const FEMALE = ["Mary", "Patricia", "Jennifer", "Linda", "Elizabeth", "Barbara", "Susan", "Jessica", "Sarah", "Karen", "Olivia", "Emma", "Ava", "Charlotte", "Sophia", "Amelia", "Isabella", "Mia", "Evelyn", "Harper", "Camila", "Gianna", "Luna", "Aria", "Layla", "Nora", "Scarlett", "Aurora", "Naomi", "Eleanor"];
+const NEUTRAL = ["Alex", "Jordan", "Taylor", "Morgan", "Casey", "Riley", "Avery", "Quinn", "Reese", "Rowan", "Parker", "Skyler", "Sawyer", "River", "Emerson", "Arden", "Kai", "Phoenix", "Robin", "Sage", "Ellis", "Blake", "Drew", "Cameron", "Hayden", "Jude", "Micah", "Nico", "Remi", "Sasha"];
+const LAST = ["Smith", "Johnson", "Williams", "Brown", "Jones", "Garcia", "Miller", "Davis", "Rodriguez", "Martinez", "Hernandez", "Lopez", "Gonzalez", "Wilson", "Anderson", "Thomas", "Taylor", "Moore", "Jackson", "Martin", "Lee", "Perez", "Thompson", "White", "Harris", "Sanchez", "Clark", "Ramirez", "Lewis", "Robinson", "Walker", "Young", "Allen", "King", "Wright", "Scott"];
+const DOMAINS = ["example.com", "mail.test", "inbox.dev", "sample.org", "fake.net", "demo.io", "testmail.co", "webmail.com", "u-mail.com", "domain.xyz", "bmail.net", "post.org", "hmmail.io", "dummy.dev", "quick.com"];
+const COUNTRIES = ["Germany", "France", "Spain", "Italy", "United States", "Japan", "Brazil", "Canada", "Australia", "India", "Mexico", "Sweden", "Netherlands", "Singapore", "China"];
+const CITIES = ["Berlin", "Paris", "Madrid", "Rome", "Tokyo", "Seoul", "Toronto", "Sydney", "Mumbai", "Mexico City", "Stockholm", "Amsterdam", "Singapore", "Shanghai", "São Paulo", "Lagos", "Cairo", "Chicago", "Lyon", "Osaka"];
+
+function FakeUserGen() {
+  const [count, setCount] = useState("10");
+  const [country, setCountry] = useState("Any");
+  const [gender, setGender] = useState("Any");
+  const [seed, setSeed] = useState("");
+  const [users, setUsers] = useState<Array<{ name: string; email: string; country: string; city: string; phone: string }>>([]);
+
+  const generate = () => {
+    const rng = seed !== "" ? mulberry32(Number(seed) || 0) : null;
+    const pick = <T,>(arr: T[]): T => rng ? arr[Math.floor(rng() * arr.length)] : arr[Math.floor(Math.random() * arr.length)];
+    const n = Math.min(100, Math.max(1, Number(count) || 10));
+    const generated = Array.from({ length: n }, () => {
+      let first: string;
+      if (gender === "Male") first = pick(MALE);
+      else if (gender === "Female") first = pick(FEMALE);
+      else if (gender === "Neutral") first = pick(NEUTRAL);
+      else first = pick([...MALE, ...FEMALE, ...NEUTRAL]);
+      const last = pick(LAST);
+      const c = country === "Any" ? pick(COUNTRIES) : country;
+      const city = pick(CITIES);
+      const cc = rng ? String(Math.floor(rng() * 900) + 10) : String(Math.floor(Math.random() * 900) + 10);
+      const phoneDigits = rng
+        ? Array.from({ length: 9 }, () => Math.floor(rng() * 10)).join("")
+        : Array.from({ length: 9 }, () => Math.floor(Math.random() * 10)).join("");
+      return {
+        name: `${first} ${last}`,
+        email: `${first.toLowerCase()}.${last.toLowerCase()}@${pick(DOMAINS)}`,
+        country: c,
+        city,
+        phone: `+${cc} ${phoneDigits}`,
+      };
+    });
+    setUsers(generated);
+  };
+
+  const csv = ["name,email,country,city,phone", ...users.map((u) => `${u.name},${u.email},${u.country},${u.city},${u.phone}`)].join("\n");
+  const json = JSON.stringify(users, null, 2);
+  const copy = (value: string) => navigator.clipboard?.writeText(value).catch(() => {});
+  const download = () => {
+    const blob = new Blob([csv], { type: "text/csv;charset=utf-8" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "fake-users.csv";
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
+        <Field label="Count"><NumInput min={1} max={100} value={count} onChange={(e) => setCount(e.target.value)} /></Field>
+        <Field label="Country"><SelectInput value={country} onChange={(e) => setCountry(e.target.value)} options={["Any", ...COUNTRIES]} /></Field>
+        <Field label="Name type"><SelectInput value={gender} onChange={(e) => setGender(e.target.value)} options={["Any", "Male", "Female", "Neutral"]} /></Field>
+        <Field label="Seed (optional, for reproducible output)"><TextInput value={seed} onChange={(e) => setSeed(e.target.value)} /></Field>
+        <div className="flex flex-wrap items-end gap-2">
+          <PrimaryButton onClick={generate}>Generate {users.length ? "more" : "users"}</PrimaryButton>
+          {users.length > 0 && (
+            <>
+              <GhostButton onClick={() => copy(csv)}>Copy CSV</GhostButton>
+              <GhostButton onClick={() => copy(json)}>Copy JSON</GhostButton>
+              <GhostButton onClick={download}>Download .csv</GhostButton>
+            </>
+          )}
+        </div>
+      </div>
+      {users.length > 0 && (
+        <div className="overflow-x-auto rounded-2xl border border-border bg-card/60 p-4">
+          <table className="w-full text-left text-sm">
+            <thead>
+              <tr className="text-xs uppercase tracking-wide text-muted-foreground/70">
+                <th className="pb-2 pr-4">Name</th>
+                <th className="pb-2 pr-4">Email</th>
+                <th className="pb-2 pr-4">Country</th>
+                <th className="pb-2 pr-4">City</th>
+                <th className="pb-2">Phone</th>
+              </tr>
+            </thead>
+            <tbody>
+              {users.map((u, i) => (
+                <tr key={i} className="border-t border-border/60 font-mono">
+                  <td className="py-1.5 pr-4 text-foreground">{u.name}</td>
+                  <td className="py-1.5 pr-4 text-muted-foreground">{u.email}</td>
+                  <td className="py-1.5 pr-4 text-muted-foreground">{u.country}</td>
+                  <td className="py-1.5 pr-4 text-muted-foreground">{u.city}</td>
+                  <td className="py-1.5 text-muted-foreground">{u.phone}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default function MiscTools({ tool }: ToolPageProps) {
+  switch (tool.slug) {
+    case "list-randomizer": return <ListRandomizer />;
+    case "fake-iban-generator": return <FakeIbanGen />;
+    case "barcode-generator": return <BarcodeGen />;
+    case "unicode-rain": return <UnicodeRain />;
+    case "online-sentence-picker": return <SentencePicker />;
+    case "fake-user-generator": return <FakeUserGen />;
+    default: return null;
+  }
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/password-generator.tsx b/artifacts/personal-tool-console/src/components/tools/password-generator.tsx
new file mode 100644
index 0000000..812758d
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/password-generator.tsx
@@ -0,0 +1,71 @@
+import { useEffect, useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { randomPassword, strengthScore } from "@/lib/tools/password";
+import { Field, NumInput, SelectInput, TextInput, OutBox, PrimaryButton } from "@/components/tools/shared/fields";
+import { RefreshCcw } from "lucide-react";
+
+export default function PasswordGeneratorPage({ tool }: ToolPageProps) {
+  const [length, setLength] = useState(16);
+  const [mode, setMode] = useState("strong");
+  const [password, setPassword] = useState("");
+
+  const generate = () => setPassword(randomPassword(length, mode));
+
+  useEffect(() => {
+    setPassword(randomPassword(length, mode));
+  }, [length, mode]);
+
+  const score = strengthScore(password);
+
+  return (
+    <div className="grid gap-4 lg:grid-cols-2">
+      <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+        <div className="space-y-3">
+          <Field label={`Length: ${length}`}>
+            <input
+              type="range"
+              min={6}
+              max={64}
+              value={length}
+              onChange={(e) => setLength(Number(e.target.value))}
+              className="w-full accent-cyan-400"
+            />
+          </Field>
+          <div className="grid gap-3 sm:grid-cols-2">
+            <Field label="Length">
+              <NumInput min={6} max={64} value={length} onChange={(e) => setLength(Number(e.target.value))} />
+            </Field>
+            <Field label="Mode">
+              <SelectInput options={["weak", "medium", "strong"]} value={mode} onChange={(e) => setMode(e.target.value)} />
+            </Field>
+          </div>
+        </div>
+        <div className="space-y-1.5 pt-1">
+          <div className="flex items-center justify-between text-xs text-muted-foreground">
+            <span>Strength</span>
+            <span className="font-medium text-foreground">{score} / 6</span>
+          </div>
+          <div className="flex gap-1">
+            {Array.from({ length: 6 }, (_, i) => (
+              <div key={i} className={`h-2 flex-1 rounded-full transition ${i < score ? (score >= 4 ? "bg-green-400" : score >= 2 ? "bg-amber-400" : "bg-red-400") : "bg-border"}`} />
+            ))}
+          </div>
+        </div>
+        <PrimaryButton onClick={generate} className="w-full">
+          <RefreshCcw className="h-4 w-4" /> Regenerate
+        </PrimaryButton>
+      </div>
+
+      <div className="space-y-4">
+        <div className="rounded-2xl border border-border bg-card/60 p-4">
+          <OutBox value={password} className="min-h-28" downloadable filename="password.txt" />
+        </div>
+        <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+          <Field label="Strength checker" hint="Live-scoring any password">
+            <TextInput value={password} onChange={(e) => setPassword(e.target.value)} placeholder="Type any password…" />
+          </Field>
+        </div>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/qr-generator.tsx b/artifacts/personal-tool-console/src/components/tools/qr-generator.tsx
new file mode 100644
index 0000000..a0759e1
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/qr-generator.tsx
@@ -0,0 +1,134 @@
+import { useMemo, useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { QRCodeSVG } from "qrcode.react";
+import { Field, SelectInput, TextInput, OutBox } from "@/components/tools/shared/fields";
+
+type Kind = "text" | "url" | "wifi" | "vcard";
+
+const KINDS: { value: Kind; label: string }[] = [
+  { value: "text", label: "Text" },
+  { value: "url", label: "URL" },
+  { value: "wifi", label: "Wi-Fi" },
+  { value: "vcard", label: "vCard" },
+];
+
+const START: Record<Exclude<Kind, "text">, { a: string; b: string; c: string }> = {
+  url: { a: "", b: "", c: "" },
+  wifi: { a: "MyNetwork", b: "secret", c: "WPA" },
+  vcard: { a: "Jane Doe", b: "+1 555 0100", c: "jane@example.com" },
+};
+
+export default function QrGeneratorPage({ tool }: ToolPageProps) {
+  const [kind, setKind] = useState<Kind>("text");
+  const [text, setText] = useState("");
+  const [a, setA] = useState("https://example.com");
+  const [b, setB] = useState("");
+  const [c, setC] = useState("");
+  const [size, setSize] = useState(220);
+  const [fg, setFg] = useState("#0f172a");
+  const [bg, setBg] = useState("#ffffff");
+
+  const switchKind = (k: Kind) => {
+    setKind(k);
+    if (k === "text") {
+      setText(a);
+    } else {
+      const start = START[k];
+      setA(k === "url" ? text || "https://example.com" : start.a);
+      setB(start.b);
+      setC(start.c);
+    }
+  };
+
+  const payload = useMemo(() => {
+    switch (kind) {
+      case "text":
+        return text;
+      case "url":
+        return a.startsWith("http") ? a : `https://${a}`;
+      case "wifi":
+        return `WIFI:T:${c || "WPA"};S:${a};P:${b};;`;
+      case "vcard":
+        return `BEGIN:VCARD\nVERSION:3.0\nFN:${a}\nTEL:${b}\nEMAIL:${c}\nEND:VCARD`;
+    }
+  }, [kind, text, a, b, c]);
+
+  const copyPayload = () => navigator.clipboard?.writeText(payload).catch(() => {});
+
+  return (
+    <div className="grid gap-4 lg:grid-cols-2">
+      <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+        <Field label="Type">
+          <SelectInput options={KINDS.map((k) => k.label)} value={KINDS.find((k) => k.value === kind)!.label} onChange={(e) => switchKind(KINDS.find((k) => k.label === e.target.value)!.value)} />
+        </Field>
+
+        {kind === "text" && (
+          <Field label="Text">
+            <TextInput value={text} onChange={(e) => setText(e.target.value)} placeholder="Whatever you want to encode…" />
+          </Field>
+        )}
+
+        {kind === "url" && (
+          <Field label="URL" hint="http:// prefix added automatically">
+            <TextInput value={a} onChange={(e) => setA(e.target.value)} placeholder="example.com" />
+          </Field>
+        )}
+
+        {kind === "wifi" && (
+          <>
+            <Field label="Network (SSID)">
+              <TextInput value={a} onChange={(e) => setA(e.target.value)} />
+            </Field>
+            <Field label="Password">
+              <TextInput value={b} onChange={(e) => setB(e.target.value)} />
+            </Field>
+            <Field label="Security">
+              <SelectInput options={["WPA", "WEP", "nopass"]} value={c} onChange={(e) => setC(e.target.value)} />
+            </Field>
+          </>
+        )}
+
+        {kind === "vcard" && (
+          <>
+            <Field label="Name (FN)">
+              <TextInput value={a} onChange={(e) => setA(e.target.value)} />
+            </Field>
+            <Field label="Phone (TEL)">
+              <TextInput value={b} onChange={(e) => setB(e.target.value)} />
+            </Field>
+            <Field label="Email (EMAIL)">
+              <TextInput value={c} onChange={(e) => setC(e.target.value)} />
+            </Field>
+          </>
+        )}
+
+        <Field label={`Size: ${size}px`}>
+          <input type="range" min={128} max={512} step={8} value={size} onChange={(e) => setSize(Number(e.target.value))} className="w-full accent-cyan-400" />
+        </Field>
+        <div className="grid grid-cols-2 gap-3">
+          <Field label="Foreground">
+            <input type="color" value={fg} onChange={(e) => setFg(e.target.value)} className="h-10 w-full cursor-pointer rounded-xl border border-border bg-background/80" />
+          </Field>
+          <Field label="Background">
+            <input type="color" value={bg} onChange={(e) => setBg(e.target.value)} className="h-10 w-full cursor-pointer rounded-xl border border-border bg-background/80" />
+          </Field>
+        </div>
+      </div>
+
+      <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+        <div className="flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed border-border bg-white p-6">
+          <QRCodeSVG value={payload} size={size} bgColor={bg} fgColor={fg} level="M" />
+        </div>
+        <div className="space-y-1.5">
+          <div className="flex items-center justify-between">
+            <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Encoded payload</span>
+            <button onClick={copyPayload} className="text-xs text-cyan-400 transition hover:text-cyan-300">
+              Copy
+            </button>
+          </div>
+          <OutBox value={payload} />
+        </div>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/rn-shadow.tsx b/artifacts/personal-tool-console/src/components/tools/rn-shadow.tsx
new file mode 100644
index 0000000..3ce992e
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/rn-shadow.tsx
@@ -0,0 +1,65 @@
+import { useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { rnShadowStyle } from "@/lib/tools/coding";
+import { Field, NumInput, TextInput, OutBox, Chip } from "@/components/tools/shared/fields";
+
+const PRESETS = [1, 2, 3, 4, 5];
+
+export default function RnShadow({ tool }: ToolPageProps) {
+  const [depth, setDepth] = useState(3);
+  const [color, setColor] = useState("#000000");
+  const [iosOpacity, setIosOpacity] = useState(0.2);
+  const [androidElevation, setAndroidElevation] = useState(4);
+  const [spread, setSpread] = useState(0);
+
+  const style = rnShadowStyle({ depth, color, iosOpacity, androidElevation, spread });
+
+  const loadPreset = (d: number) => {
+    setDepth(d);
+    setAndroidElevation(d + 1);
+  };
+
+  return (
+    <div className="grid gap-4">
+      <div className="flex flex-wrap items-center gap-2">
+        <Chip color="bg-ring/15 text-ring">{tool.slug}</Chip>
+        <span className="text-xs text-muted-foreground">Depth presets</span>
+        {PRESETS.map((d) => (
+          <button
+            key={d}
+            onClick={() => loadPreset(d)}
+            className={`rounded-xl border px-3 py-1.5 text-sm transition ${depth === d ? "border-ring/60 bg-ring/10 text-foreground" : "border-border bg-background/60 text-muted-foreground hover:text-foreground"}`}
+          >
+            {d}
+          </button>
+        ))}
+      </div>
+
+      <div className="grid gap-3 sm:grid-cols-2">
+        <Field label="Depth"><NumInput value={depth} min={1} max={20} onChange={(e) => setDepth(Number(e.target.value) || 1)} /></Field>
+        <Field label="Color"><TextInput type="color" value={color} onChange={(e) => setColor(e.target.value)} /></Field>
+        <Field label="iOS shadowOpacity (0–1)"><NumInput value={iosOpacity} min={0} max={1} step={0.05} onChange={(e) => setIosOpacity(Number(e.target.value) || 0)} /></Field>
+        <Field label="Android elevation"><NumInput value={androidElevation} min={0} max={50} onChange={(e) => setAndroidElevation(Number(e.target.value) || 0)} /></Field>
+        <Field label="Spread (optional)"><NumInput value={spread} min={0} max={50} onChange={(e) => setSpread(Number(e.target.value) || 0)} /></Field>
+      </div>
+
+      <OutBox value={style} mono filename="shadow-style.js" />
+
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <p className="mb-3 text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Depth previews</p>
+        <div className="grid gap-3 sm:grid-cols-2 md:grid-cols-5">
+          {PRESETS.map((d) => (
+            <button
+              key={d}
+              onClick={() => loadPreset(d)}
+              className={`flex flex-col items-center rounded-xl border p-4 transition ${depth === d ? "border-ring/60 bg-ring/10" : "border-border bg-background/60 hover:border-ring/40"}`}
+            >
+              <div className={`h-10 w-10 rounded-lg bg-card`} style={{ boxShadow: `0 ${d}px ${d * 2 + 2}px rgba(0,0,0,${0.1 + d * 0.06})` }} />
+              <span className="mt-2 text-xs text-muted-foreground">{d}</span>
+            </button>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/set/set-tools.tsx b/artifacts/personal-tool-console/src/components/tools/set/set-tools.tsx
new file mode 100644
index 0000000..e89de44
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/set/set-tools.tsx
@@ -0,0 +1,131 @@
+import { useState, useMemo } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import {
+  parseLines,
+  setUnion,
+  setIntersection,
+  setDifference,
+  setSymmetricDiff,
+  setMembership,
+  setDedupe,
+} from "@/lib/tools/set";
+import { Field, TextArea, OutBox, Chip } from "@/components/tools/shared/fields";
+
+const OPS: Record<string, (a: string[], b: string[]) => string[]> = {
+  "set-union": setUnion,
+  "set-intersection": setIntersection,
+  "set-difference": setDifference,
+  "set-symmetric-difference": setSymmetricDiff,
+};
+
+function TwoListPanel({ slug }: { slug: string }) {
+  const [aText, setAText] = useState("");
+  const [bText, setBText] = useState("");
+  const a = useMemo(() => parseLines(aText), [aText]);
+  const b = useMemo(() => parseLines(bText), [bText]);
+  const op = OPS[slug];
+  const result = useMemo(() => {
+    try {
+      return { values: op(a, b), error: null as string | null };
+    } catch (e) {
+      return { values: [], error: (e as Error).message };
+    }
+  }, [op, a, b]);
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 sm:grid-cols-2">
+        <Field label="Set A — one item per line">
+          <TextArea value={aText} onChange={(e) => setAText(e.target.value)} spellCheck={false} placeholder={"apple\nbanana\ncherry"} />
+        </Field>
+        <Field label="Set B — one item per line">
+          <TextArea value={bText} onChange={(e) => setBText(e.target.value)} spellCheck={false} placeholder={"banana\ncherry\ndate"} />
+        </Field>
+      </div>
+      <div className="flex flex-wrap items-center gap-2 text-sm">
+        <Chip color="bg-ring/15 text-ring">sorted alphabetically</Chip>
+        <span className="text-muted-foreground">{a.length} × {b.length} items</span>
+      </div>
+      {result.error ? <p className="text-red-400 text-sm">{result.error}</p> : null}
+      {!result.error && (
+        <OutBox value={result.values.length ? result.values.join("\n") : "(empty result)"} />
+      )}
+    </div>
+  );
+}
+
+function MembershipPanel() {
+  const [itemsText, setItemsText] = useState("");
+  const [setText, setSetText] = useState("");
+  const items = useMemo(() => parseLines(itemsText), [itemsText]);
+  const pool = useMemo(() => parseLines(setText), [setText]);
+  const present = items.filter((i) => setMembership(i, pool)).length;
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 sm:grid-cols-2">
+        <Field label="Items to test — one per line">
+          <TextArea value={itemsText} onChange={(e) => setItemsText(e.target.value)} spellCheck={false} placeholder={"apple\npear\nkiwi"} />
+        </Field>
+        <Field label="Membership set — one per line">
+          <TextArea value={setText} onChange={(e) => setSetText(e.target.value)} spellCheck={false} placeholder={"apple\nbanana\ncherry"} />
+        </Field>
+      </div>
+      <div className="flex flex-wrap items-center gap-2 text-sm">
+        <Chip color="bg-green-500/15 text-green-400">{present} present</Chip>
+        <Chip color="bg-red-500/15 text-red-400">{items.length - present} absent</Chip>
+      </div>
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-1.5">
+          {items.length === 0 && <p className="text-sm text-muted-foreground">Type items in the left panel…</p>}
+          {items.map((item) => {
+            const isIn = setMembership(item, pool);
+            return (
+              <div key={item} className="flex items-center justify-between gap-2 rounded-lg px-2 py-1 text-sm odd:bg-background/40">
+                <span className="font-mono text-foreground">{item}</span>
+                <span className={isIn ? "text-green-400" : "text-red-400"}>
+                  {isIn ? "✓ present" : "✗ absent"}
+                </span>
+              </div>
+            );
+          })}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function DedupePanel() {
+  const [text, setText] = useState("");
+  const items = useMemo(() => parseLines(text), [text]);
+  const out = useMemo(() => setDedupe(items), [items]);
+
+  return (
+    <div className="grid gap-4">
+      <Field label="Items — one per line (duplicates will be removed)">
+        <TextArea value={text} onChange={(e) => setText(e.target.value)} spellCheck={false} placeholder={"apple\napple\nbanana\npear\nbanana"} />
+      </Field>
+      <div className="flex flex-wrap items-center gap-2 text-sm">
+        <Chip color="bg-ring/15 text-ring">sorted &amp; deduplicated</Chip>
+        <span className="text-muted-foreground">{items.length} → {out.length} items</span>
+      </div>
+      <OutBox value={out.length ? out.join("\n") : "(empty)"} />
+    </div>
+  );
+}
+
+export default function SetTools({ tool }: ToolPageProps) {
+  switch (tool.slug) {
+    case "set-union":
+    case "set-intersection":
+    case "set-difference":
+    case "set-symmetric-difference":
+      return <TwoListPanel slug={tool.slug} />;
+    case "set-membership":
+      return <MembershipPanel />;
+    case "set-dedupe":
+      return <DedupePanel />;
+    default:
+      return null;
+  }
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/shared/coming-soon.tsx b/artifacts/personal-tool-console/src/components/tools/shared/coming-soon.tsx
new file mode 100644
index 0000000..6fe64da
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/shared/coming-soon.tsx
@@ -0,0 +1,29 @@
+import { Construction, Hammer } from "lucide-react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+
+export default function ComingSoon({ tool }: ToolPageProps) {
+  return (
+    <div className="grid gap-4 md:grid-cols-2">
+      <div className="rounded-2xl border border-dashed border-border bg-card/60 p-6 text-center">
+        <div className="mx-auto flex h-12 w-12 items-center justify-center rounded-2xl border border-border bg-background">
+          <Construction className="h-5 w-5 text-muted-foreground" />
+        </div>
+        <h3 className="mt-4 text-base font-semibold">Coming soon</h3>
+        <p className="mx-auto mt-1 max-w-xs text-sm text-muted-foreground">
+          <span className="font-medium text-foreground">{tool.name}</span> is on the roadmap and will be available in a future release.
+        </p>
+        <p className="mx-auto mt-3 max-w-xs text-xs text-muted-foreground/70">{tool.description}</p>
+      </div>
+
+      <div className="rounded-2xl border border-border bg-card/60 p-6">
+        <div className="flex items-center gap-2 text-sm font-medium">
+          <Hammer className="h-4 w-4" />
+          While you wait
+        </div>
+        <p className="mt-2 text-sm text-muted-foreground">
+          Try another tool in the same category, or head back to the catalog to explore the rest of the toolbox.
+        </p>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/shared/fields.tsx b/artifacts/personal-tool-console/src/components/tools/shared/fields.tsx
new file mode 100644
index 0000000..06a820e
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/shared/fields.tsx
@@ -0,0 +1,110 @@
+import { useState, type ButtonHTMLAttributes, type InputHTMLAttributes, type ReactNode, type TextareaHTMLAttributes } from "react";
+import { Check, Copy, Download } from "lucide-react";
+
+export function Field({ label, hint, children, className = "" }: { label?: string; hint?: string; children: ReactNode; className?: string }) {
+  return (
+    <label className={`block space-y-1.5 ${className}`}>
+      {label && <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">{label}</span>}
+      {children}
+      {hint && <span className="block text-xs text-muted-foreground/60">{hint}</span>}
+    </label>
+  );
+}
+
+const inputCls =
+  "w-full rounded-xl border border-border bg-background/80 px-3.5 py-2.5 text-sm text-foreground outline-none transition placeholder:text-muted-foreground/50 focus:border-ring focus:ring-2 focus:ring-ring/20";
+
+export function TextInput(props: InputHTMLAttributes<HTMLInputElement>) {
+  return <input {...props} className={`${inputCls} ${props.className ?? ""}`} />;
+}
+
+export function NumInput(props: InputHTMLAttributes<HTMLInputElement>) {
+  return <input type="number" {...props} className={`${inputCls} ${props.className ?? ""}`} />;
+}
+
+export function SelectInput({ options, className = "", ...rest }: { options: string[] } & InputHTMLAttributes<HTMLSelectElement>) {
+  return (
+    <select {...rest} className={`${inputCls} appearance-none ${className}`}>
+      {options.map((o) => (
+        <option key={o} value={o} className="bg-background">
+          {o}
+        </option>
+      ))}
+    </select>
+  );
+}
+
+export function ToggleInput({ label, checked, onChange, disabled }: { label: string; checked: boolean; onChange: (v: boolean) => void; disabled?: boolean }) {
+  return (
+    <button
+      type="button"
+      onClick={() => onChange(!checked)}
+      disabled={disabled}
+      className={`flex w-full items-center justify-between rounded-xl border px-3.5 py-2.5 text-sm transition ${checked ? "border-ring/60 bg-ring/10 text-foreground" : "border-border bg-background/80 text-muted-foreground"} disabled:opacity-50`}
+    >
+      <span>{label}</span>
+      <span className={`relative inline-flex h-5 w-9 shrink-0 items-center rounded-full transition ${checked ? "bg-foreground" : "bg-border"}`}>
+        <span className={`inline-block h-3.5 w-3.5 transform rounded-full bg-background shadow transition ${checked ? "translate-x-4.5" : "translate-x-1"}`} />
+      </span>
+    </button>
+  );
+}
+
+export function TextArea(props: TextareaHTMLAttributes<HTMLTextAreaElement>) {
+  return <textarea {...props} className={`${inputCls} min-h-28 resize-y leading-relaxed ${props.className ?? ""}`} />;
+}
+
+export function OutBox({ value, className = "", mono = true, downloadable, filename }: { value: string; className?: string; mono?: boolean; downloadable?: boolean; filename?: string }) {
+  const [copied, setCopied] = useState(false);
+  const copy = async () => {
+    try {
+      await navigator.clipboard.writeText(value);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1200);
+    } catch { /* ignore */ }
+  };
+  const download = () => {
+    const blob = new Blob([value], { type: "text/plain;charset=utf-8" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = filename ?? "output.txt";
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+  return (
+    <div className={`relative rounded-xl border border-border bg-black/40 ${className}`}>
+      <div className="absolute right-2.5 top-2.5 z-10 flex gap-1.5">
+        {downloadable && (
+          <button onClick={download} title="Download" className="rounded-lg border border-border bg-background/80 p-1.5 text-muted-foreground transition hover:text-foreground">
+            <Download className="h-3.5 w-3.5" />
+          </button>
+        )}
+        <button onClick={copy} title="Copy" className="rounded-lg border border-border bg-background/80 p-1.5 text-muted-foreground transition hover:text-foreground">
+          {copied ? <Check className="h-3.5 w-3.5 text-green-500" /> : <Copy className="h-3.5 w-3.5" />}
+        </button>
+      </div>
+      <pre className={`max-h-[420px] overflow-auto whitespace-pre-wrap break-words px-4 py-3 pr-24 text-sm leading-relaxed text-foreground ${mono ? "font-mono" : "font-sans"}`}>{value}</pre>
+    </div>
+  );
+}
+
+export function PrimaryButton({ children, className = "", ...rest }: ButtonHTMLAttributes<HTMLButtonElement>) {
+  return (
+    <button {...rest} className={`inline-flex items-center justify-center gap-2 rounded-xl bg-primary px-4 py-2.5 text-sm font-medium text-primary-foreground transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50 ${className}`}>
+      {children}
+    </button>
+  );
+}
+
+export function GhostButton({ children, className = "", ...rest }: ButtonHTMLAttributes<HTMLButtonElement>) {
+  return (
+    <button {...rest} className={`inline-flex items-center justify-center gap-2 rounded-xl border border-border bg-background/60 px-4 py-2.5 text-sm text-foreground transition hover:bg-accent disabled:opacity-50 ${className}`}>
+      {children}
+    </button>
+  );
+}
+
+export function Chip({ children, color = "bg-border/60 text-muted-foreground" }: { children: ReactNode; color?: string }) {
+  return <span className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${color}`}>{children}</span>;
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/social/social-tools.tsx b/artifacts/personal-tool-console/src/components/tools/social/social-tools.tsx
new file mode 100644
index 0000000..50e5988
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/social/social-tools.tsx
@@ -0,0 +1,964 @@
+import { useEffect, useMemo, useRef, useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { Field, TextInput, NumInput, SelectInput, TextArea, ToggleInput, OutBox, PrimaryButton, GhostButton, Chip } from "@/components/tools/shared/fields";
+
+function triggerDownload(dataUrl: string, filename: string) {
+  const a = document.createElement("a");
+  a.href = dataUrl;
+  a.download = filename;
+  a.click();
+}
+
+function copyText(text: string) {
+  try { navigator.clipboard.writeText(text); } catch { /* ignore */ }
+}
+
+async function readFileAsImage(file: File): Promise<HTMLImageElement> {
+  return new Promise((resolve, reject) => {
+    const url = URL.createObjectURL(file);
+    const img = new Image();
+    img.onload = () => { URL.revokeObjectURL(url); resolve(img); };
+    img.onerror = () => { URL.revokeObjectURL(url); reject(new Error("Could not read image file")); };
+    img.src = url;
+  });
+}
+
+function copyRow({ value, fallback }: { value: string; fallback?: string }) {
+  const [copied, setCopied] = useState(false);
+  const doCopy = async () => {
+    try { await navigator.clipboard.writeText(value); setCopied(true); setTimeout(() => setCopied(false), 1200); } catch { /* ignore */ }
+  };
+  return (
+    <div className="flex items-start gap-2 rounded-xl border border-border bg-black/40 p-3">
+      <div className="min-w-0 flex-1 whitespace-pre-wrap break-words text-sm text-foreground" style={fallback ? { minHeight: 20 } : undefined}>{value}</div>
+      <button onClick={doCopy} className="shrink-0 rounded-lg border border-border bg-background/80 px-2.5 py-1.5 text-xs text-muted-foreground transition hover:text-foreground">{copied ? "Copied" : "Copy"}</button>
+    </div>
+  );
+}
+
+function OgMetaGenerator() {
+  const [url, setUrl] = useState("");
+  const [title, setTitle] = useState("");
+  const [description, setDescription] = useState("");
+  const [image, setImage] = useState("");
+  const [type, setType] = useState("website");
+  const [siteName, setSiteName] = useState("");
+
+  const meta = useMemo(() => {
+    const lines: string[] = [];
+    if (title) lines.push(`<meta property="og:title" content="${title}" />`);
+    if (description) lines.push(`<meta property="og:description" content="${description}" />`);
+    if (url) lines.push(`<meta property="og:url" content="${url}" />`);
+    if (image) lines.push(`<meta property="og:image" content="${image}" />`);
+    lines.push(`<meta property="og:type" content="${type}" />`);
+    if (siteName) lines.push(`<meta property="og:site_name" content="${siteName}" />`);
+    const twitter: string[] = [`<meta name="twitter:card" content="summary_large_image" />`];
+    if (title) twitter.push(`<meta name="twitter:title" content="${title}" />`);
+    if (description) twitter.push(`<meta name="twitter:description" content="${description}" />`);
+    if (image) twitter.push(`<meta name="twitter:image" content="${image}" />`);
+    return [...lines, "", ...twitter].join("\n");
+  }, [url, title, description, image, type, siteName]);
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-4">
+          <Field label="URL"><TextInput value={url} onChange={(e) => setUrl(e.target.value)} placeholder="https://example.com/page" /></Field>
+          <Field label="Title" hint={`${title.length}/60 characters`}><TextInput value={title} onChange={(e) => setTitle(e.target.value.slice(0, 60))} /></Field>
+          <Field label="Description" hint={`${description.length}/155 characters`}><TextArea value={description} onChange={(e) => setDescription(e.target.value.slice(0, 155))} /></Field>
+          <Field label="Image URL"><TextInput value={image} onChange={(e) => setImage(e.target.value)} placeholder="https://example.com/og.png" /></Field>
+          <div className="grid gap-4 sm:grid-cols-2">
+            <Field label="Type"><SelectInput value={type} onChange={(e) => setType(e.target.value)} options={["website", "article"]} /></Field>
+            <Field label="Site name"><TextInput value={siteName} onChange={(e) => setSiteName(e.target.value)} /></Field>
+          </div>
+        </div>
+      </div>
+      {(title || image || url) && (
+        <div className="grid gap-4 lg:grid-cols-2">
+          <div>
+            <p className="mb-2 text-xs text-muted-foreground">Preview</p>
+            <div className="max-w-sm overflow-hidden rounded-2xl border border-border bg-black/40">
+              {image && <img src={image} alt="og" className="aspect-[1.91/1] w-full object-cover" />}
+              <div className="p-3">
+                <p className="truncate text-xs text-muted-foreground">{url.replace(/^https?:\/\//, "")}</p>
+                <p className="mt-1 truncate text-base font-semibold text-foreground">{title || "Title preview"}</p>
+                <p className="mt-1 line-clamp-2 text-sm text-muted-foreground">{description || "Description preview"}</p>
+              </div>
+            </div>
+          </div>
+          <div>
+            <p className="mb-2 text-xs text-muted-foreground">Meta tags</p>
+            <OutBox value={meta} mono downloadable filename="og-meta.txt" />
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function CustomTwitterCard() {
+  const [card, setCard] = useState("summary_large_image");
+  const [site, setSite] = useState("");
+  const [creator, setCreator] = useState("");
+  const [title, setTitle] = useState("");
+  const [description, setDescription] = useState("");
+  const [image, setImage] = useState("");
+
+  const meta = useMemo(() => [
+    `<meta name="twitter:card" content="${card}" />`,
+    site && `<meta name="twitter:site" content="${site}" />`,
+    creator && `<meta name="twitter:creator" content="${creator}" />`,
+    title && `<meta name="twitter:title" content="${title}" />`,
+    description && `<meta name="twitter:description" content="${description}" />`,
+    image && `<meta name="twitter:image" content="${image}" />`,
+  ].filter(Boolean).join("\n"), [card, site, creator, title, description, image]);
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-4">
+          <div className="grid gap-4 sm:grid-cols-3">
+            <Field label="Card type"><SelectInput value={card} onChange={(e) => setCard(e.target.value)} options={["summary", "summary_large_image"]} /></Field>
+            <Field label="@site"><TextInput value={site} onChange={(e) => setSite(e.target.value)} placeholder="@handle" /></Field>
+            <Field label="@creator"><TextInput value={creator} onChange={(e) => setCreator(e.target.value)} placeholder="@handle" /></Field>
+          </div>
+          <Field label="Title" hint={`${title.length}/70`}><TextInput value={title} onChange={(e) => setTitle(e.target.value.slice(0, 70))} /></Field>
+          <Field label="Description" hint={`${description.length}/200`}><TextArea value={description} onChange={(e) => setDescription(e.target.value.slice(0, 200))} /></Field>
+          <Field label="Image URL"><TextInput value={image} onChange={(e) => setImage(e.target.value)} /></Field>
+        </div>
+      </div>
+      {(title || image) && (
+        <div className="grid gap-4 lg:grid-cols-2">
+          <div>
+            <p className="mb-2 text-xs text-muted-foreground">Preview</p>
+            <div className="overflow-hidden rounded-2xl border border-border bg-black/40">
+              {image && (card === "summary_large_image") && <img src={image} alt="card" className="aspect-[2/1] w-full object-cover" />}
+              <div className="flex items-start gap-3 p-3">
+                {image && card === "summary" && <img src={image} alt="card" className="h-20 w-20 rounded-xl object-cover" />}
+                <div className="min-w-0">
+                  <p className="text-sm font-semibold text-foreground">{site || "@yourhandle"}</p>
+                  <p className="mt-1 truncate text-base font-semibold text-foreground">{title || "Title preview"}</p>
+                  <p className="mt-1 line-clamp-2 text-sm text-muted-foreground">{description || "Description preview"}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div>
+            <p className="mb-2 text-xs text-muted-foreground">Twitter meta tags</p>
+            <OutBox value={meta} mono downloadable filename="twitter-meta.txt" />
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function extractYtId(input: string): string | null {
+  if (/^[\w-]{11}$/.test(input.trim())) return input.trim();
+  const m = input.match(/(?:v=|youtu\.be\/)([\w-]{11})/);
+  return m ? m[1] : null;
+}
+
+function YoutubeThumbnail() {
+  const [input, setInput] = useState("");
+  const [w, setW] = useState(1200);
+  const [h, setH] = useState(675);
+  const id = extractYtId(input);
+
+  const sizes = [
+    { name: "maxresdefault", label: "Max (1280×720)", w: 1280, h: 720 },
+    { name: "hqdefault", label: "High (480×360)", w: 480, h: 360 },
+    { name: "mqdefault", label: "Medium (320×180)", w: 320, h: 180 },
+    { name: "sddefault", label: "SD (640×480)", w: 640, h: 480 },
+    { name: "default", label: "Default (120×90)", w: 120, h: 90 },
+  ];
+
+  const embed = id ? `<iframe width="${w}" height="${h}" src="https://www.youtube.com/embed/${id}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>` : "";
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <Field label="Video URL or ID" hint="https://youtube.com/watch?v=... , youtu.be/..., or 11-char ID">
+          <TextInput value={input} onChange={(e) => setInput(e.target.value)} placeholder="https://youtu.be/dQw4w9WgXcQ" />
+        </Field>
+        {id && (
+          <div className="mt-3 grid gap-4 sm:grid-cols-2">
+            <Field label="Embed width"><NumInput value={w} min={100} onChange={(e) => setW(Number(e.target.value) || 0)} /></Field>
+            <Field label="Embed height"><NumInput value={h} min={100} onChange={(e) => setH(Number(e.target.value) || 0)} /></Field>
+          </div>
+        )}
+      </div>
+      {id && (
+        <div className="grid gap-4">
+          <div className="rounded-2xl border border-border bg-card/60 p-4">
+            <p className="mb-3 text-sm text-muted-foreground">Video ID: <span className="font-mono text-foreground">{id}</span></p>
+            <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+              {sizes.map((s) => {
+                const u = `https://i.ytimg.com/vi/${id}/${s.name}.jpg`;
+                return (
+                  <div key={s.name} className="overflow-hidden rounded-xl border border-border bg-black/40">
+                    <img src={u} alt={s.name} className="w-full" />
+                    <div className="flex items-center justify-between p-2">
+                      <div className="text-xs">
+                        <p className="font-medium text-foreground">{s.name}</p>
+                        <p className="text-muted-foreground">{s.w}×{s.h}</p>
+                      </div>
+                      <div className="flex gap-1">
+                        <a href={u} target="_blank" rel="noreferrer" className="rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground">Open</a>
+                        <button onClick={() => copyText(u)} className="rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground">Copy</button>
+                      </div>
+                    </div>
+                  </div>
+                );
+              })}
+            </div>
+          </div>
+          <div>
+            <p className="mb-2 text-xs text-muted-foreground">Embed code</p>
+            <OutBox value={embed} mono downloadable filename="youtube-embed.txt" />
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function VimeoThumbnail() {
+  const [input, setInput] = useState("");
+  const [data, setData] = useState<{ thumbnail: string; title: string; width: number; height: number } | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [loading, setLoading] = useState(false);
+  const cache = useRef<Record<string, { thumbnail: string; title: string; width: number; height: number }>>({});
+
+  const fetchThumb = async () => {
+    if (!input.trim()) return;
+    const norm = input.trim();
+    if (cache.current[norm]) { setData(cache.current[norm]); setError(null); return; }
+    setLoading(true);
+    setError(null);
+    try {
+      const res = await fetch("https://vimeo.com/api/oembed.json?url=" + encodeURIComponent(norm));
+      if (!res.ok) throw new Error("Network error or invalid video ID");
+      const j = await res.json();
+      const d = { thumbnail: j.thumbnail_url ?? "", title: j.title ?? "", width: j.width ?? 1280, height: j.height ?? 720 };
+      cache.current[norm] = d;
+      setData(d);
+    } catch (e) { setError((e as Error).message || "Could not fetch Vimeo thumbnail"); setData(null); } finally { setLoading(false); }
+  };
+
+  const sizes = useMemo(() => {
+    if (!data?.thumbnail) return [{ name: "thumbnail_url", w: `${data?.width ?? ""}`, h: `${data?.height ?? ""}`, url: data?.thumbnail ?? "" }];
+    const list: { name: string; w: string; h: string; url: string }[] = [];
+    const t = data.thumbnail;
+    const dims: [string, string][] = [["640", "360"], ["200", "150"], ["295", "166"]];
+    dims.forEach(([w, h]) => {
+      const re = new RegExp(`/\\d+x\\d+/`);
+      if (re.test(t)) list.push({ name: `${w}x${h}`, w, h, url: t.replace(re, `/${w}x${h}/`) });
+    });
+    if (list.length === 0) list.push({ name: "thumbnail_url", w: `${data.width}`, h: `${data.height}`, url: t });
+    return list;
+  }, [data]);
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <Field label="Vimeo video URL" hint="https://vimeo.com/123456789">
+          <TextInput value={input} onChange={(e) => setInput(e.target.value)} placeholder="https://vimeo.com/76979871" />
+        </Field>
+        <div className="mt-3">
+          <PrimaryButton onClick={fetchThumb} disabled={loading}>{loading ? "Fetching..." : "Fetch thumbnail"}</PrimaryButton>
+        </div>
+      </div>
+      {error && <p className="text-sm text-red-400">{error}</p>}
+      {data && (
+        <div className="grid gap-4 lg:grid-cols-2">
+          <div className="rounded-2xl border border-border bg-card/60 p-4">
+            {data.thumbnail && <img src={data.thumbnail} alt="vimeo thumb" className="w-full rounded-xl" />}
+            <p className="mt-3 font-medium text-foreground">{data.title}</p>
+            <p className="mt-1 text-xs text-muted-foreground">Native size: {data.width}×{data.height}</p>
+          </div>
+          <div className="rounded-2xl border border-border bg-card/60 p-4">
+            <p className="mb-3 text-xs text-muted-foreground">Available sizes</p>
+            <div className="space-y-2">
+              {sizes.map((s) => (
+                <div key={s.name} className="flex items-center justify-between rounded-xl border border-border bg-black/40 p-2.5">
+                  <div>
+                    <p className="text-sm font-medium text-foreground">{s.name}</p>
+                    <p className="text-xs text-muted-foreground">{s.w}×{s.h}</p>
+                  </div>
+                  <div className="flex gap-1">
+                    <a href={s.url} target="_blank" rel="noreferrer" className="rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground">Open</a>
+                    <button onClick={() => copyText(s.url)} className="rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground">Copy</button>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function wrapLines(ctx: CanvasRenderingContext2D, text: string, maxWidth: number): string[] {
+  const words = text.split(/\s+/).filter(Boolean);
+  if (words.length === 0) return [""];
+  const lines: string[] = [];
+  let line = "";
+  for (const w of words) {
+    const test = line ? `${line} ${w}` : w;
+    if (ctx.measureText(test).width > maxWidth && line) {
+      lines.push(line);
+      line = w;
+    } else line = test;
+  }
+  if (line) lines.push(line);
+  return lines;
+}
+
+function OgImageGenerator() {
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+  const [background, setBackground] = useState("#1e1b4b");
+  const [gradient, setGradient] = useState(false);
+  const [colorA, setColorA] = useState("#1e1b4b");
+  const [colorB, setColorB] = useState("#7c3aed");
+  const [title, setTitle] = useState("Your Headline Goes Here");
+  const [subtitle, setSubtitle] = useState("A short subtitle");
+  const [accent, setAccent] = useState("#f59e0b");
+  const [fontSize, setFontSize] = useState("72");
+  const [align, setAlign] = useState("center");
+
+  const draw = () => {
+    const c = canvasRef.current;
+    if (!c) return;
+    const ctx = c.getContext("2d");
+    if (!ctx) return;
+    const W = 1200, H = 630;
+    c.width = W; c.height = H;
+    if (gradient) {
+      const g = ctx.createLinearGradient(0, 0, W, H);
+      g.addColorStop(0, colorA); g.addColorStop(1, colorB);
+      ctx.fillStyle = g;
+    } else {
+      ctx.fillStyle = background;
+    }
+    ctx.fillRect(0, 0, W, H);
+
+    let tSize = Number(fontSize);
+    ctx.font = `800 ${tSize}px system-ui, sans-serif`;
+    ctx.textAlign = align === "left" ? "left" : "center";
+    ctx.textBaseline = "middle";
+    const leftOnly = align === "left";
+    const maxW = W - 160;
+    let lines = wrapLines(ctx, title, maxW);
+    while (lines.length > 2 && tSize > 30) {
+      tSize -= 4; ctx.font = `800 ${tSize}px system-ui, sans-serif`; lines = wrapLines(ctx, title, maxW);
+    }
+    const lineH = tSize * 1.2;
+    const startY = H / 2 - ((lines.length - 1) * lineH) / 2;
+    ctx.font = `800 ${tSize}px system-ui, sans-serif`;
+    ctx.fillStyle = "#ffffff";
+    const tx = leftOnly ? 80 : W / 2;
+    lines.forEach((line, i) => ctx.fillText(line, tx, startY + i * lineH));
+
+    ctx.font = "500 34px system-ui, sans-serif";
+    ctx.fillStyle = "#cbd5e1";
+    ctx.fillText(subtitle, tx, lines.length > 1 ? startY + lines.length * lineH - 30 : startY + lineH * 1.4);
+
+    ctx.fillStyle = accent;
+    ctx.fillRect(leftOnly ? 80 : W / 2 - 40, H - 130, 80, 10);
+  };
+
+  useEffect(() => { draw(); });
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+          <Field label="Title"><TextArea value={title} onChange={(e) => setTitle(e.target.value)} /></Field>
+          <Field label="Subtitle"><TextInput value={subtitle} onChange={(e) => setSubtitle(e.target.value)} /></Field>
+          <Field label="Font size"><SelectInput value={fontSize} onChange={(e) => setFontSize(e.target.value)} options={["48", "56", "64", "72", "80", "90"]} /></Field>
+          <Field label="Alignment"><SelectInput value={align} onChange={(e) => setAlign(e.target.value)} options={["center", "left"]} /></Field>
+          <Field label="Accent"><input type="color" value={accent} onChange={(e) => setAccent(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
+          <div className="sm:pt-6"><ToggleInput label="Gradient background" checked={gradient} onChange={setGradient} /></div>
+        </div>
+        {gradient && (
+          <div className="mt-4 grid gap-4 sm:grid-cols-2">
+            <Field label="Gradient color A"><input type="color" value={colorA} onChange={(e) => setColorA(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
+            <Field label="Gradient color B"><input type="color" value={colorB} onChange={(e) => setColorB(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
+          </div>
+        )}
+        {!gradient && (
+          <div className="mt-4 max-w-xs"><Field label="Background"><input type="color" value={background} onChange={(e) => setBackground(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field></div>
+        )}
+      </div>
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <canvas ref={canvasRef} className="w-full rounded-xl" style={{ maxWidth: 720, aspectRatio: "1200/630" }} />
+      </div>
+      <div><PrimaryButton onClick={() => { draw(); if (canvasRef.current) triggerDownload(canvasRef.current.toDataURL("image/png"), "og-image-1200x630.png"); }}>Download PNG 1200×630</PrimaryButton></div>
+    </div>
+  );
+}
+
+function QuoteGenerator() {
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+  const [text, setText] = useState("Simplicity is the ultimate sophistication.");
+  const [author, setAuthor] = useState("Leonardo da Vinci");
+  const [bg, setBg] = useState("#0f172a");
+  const [accent, setAccent] = useState("#f59e0b");
+  const [fontSize, setFontSize] = useState("56");
+  const [style, setStyle] = useState("minimal");
+
+  const randColor = () => "#" + Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0");
+
+  const draw = () => {
+    const c = canvasRef.current;
+    if (!c) return;
+    const ctx = c.getContext("2d");
+    if (!ctx) return;
+    c.width = 1080; c.height = 1080;
+    if (style === "gradient") {
+      const g = ctx.createLinearGradient(0, 0, 1080, 1080);
+      g.addColorStop(0, bg); g.addColorStop(1, accent);
+      ctx.fillStyle = g;
+    } else {
+      ctx.fillStyle = bg;
+    }
+    ctx.fillRect(0, 0, 1080, 1080);
+
+    if (style === "retro") {
+      ctx.strokeStyle = accent; ctx.lineWidth = 6;
+      ctx.strokeRect(60, 60, 1080 - 120, 1080 - 120);
+      ctx.strokeRect(80, 80, 1080 - 160, 1080 - 160);
+    }
+
+    let tSize = Number(fontSize);
+    ctx.font = `700 ${tSize}px Georgia, serif`;
+    ctx.textAlign = "center";
+    ctx.textBaseline = "middle";
+    let lines = wrapLines(ctx, text, 820);
+    while (lines.length > 5 && tSize > 26) { tSize -= 3; ctx.font = `700 ${tSize}px Georgia, serif`; lines = wrapLines(ctx, text, 820); }
+    const lineH = tSize * 1.35;
+    const startY = 1080 / 2 - ((lines.length - 1) * lineH) / 2 - (author ? 40 : 0);
+    ctx.font = `700 ${tSize}px Georgia, serif`;
+    ctx.fillStyle = "#ffffff";
+    lines.forEach((line, i) => {
+      if (style === "quote-mark") {
+        const y = startY + i * lineH;
+        ctx.fillText(line, 540, y);
+        ctx.fillStyle = "rgba(255,255,255,0.25)";
+        ctx.font = `${tSize * 2.4}px Georgia, serif`;
+        ctx.fillText("“", 540 - (ctx.measureText(text).width / 2), y - tSize * 1.6);
+        ctx.fillStyle = "#ffffff";
+        ctx.font = `700 ${tSize}px Georgia, serif`;
+      } else {
+        ctx.fillText(line, 540, startY + i * lineH);
+      }
+    });
+
+    if (style === "retro") { ctx.fillStyle = accent; ctx.font = `600 ${tSize * 0.5}px Georgia, serif`; }
+
+    ctx.fillStyle = accent;
+    ctx.fillRect(540 - 60, startY + lines.length * lineH + 20, 120, 6);
+    if (author) {
+      ctx.fillStyle = accent;
+      ctx.font = "600 44px Georgia, serif";
+      ctx.fillText(`— ${author}`, 540, startY + lines.length * lineH + 120);
+    }
+  };
+
+  useEffect(() => { draw(); });
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-4">
+          <Field label="Quote text"><TextArea value={text} onChange={(e) => setText(e.target.value)} /></Field>
+          <Field label="Author"><TextInput value={author} onChange={(e) => setAuthor(e.target.value)} /></Field>
+          <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+            <Field label="Style"><SelectInput value={style} onChange={(e) => setStyle(e.target.value)} options={["minimal", "quote-mark", "gradient", "retro frame"]} /></Field>
+            <Field label="Font size"><SelectInput value={fontSize} onChange={(e) => setFontSize(e.target.value)} options={["40", "48", "56", "64", "72"]} /></Field>
+            <Field label="Backgound"><input type="color" value={bg} onChange={(e) => setBg(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
+            <Field label="Accent"><input type="color" value={accent} onChange={(e) => setAccent(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
+            <div className="sm:pt-6"><GhostButton onClick={() => setBg(randColor())}>Randomize bg</GhostButton></div>
+          </div>
+        </div>
+      </div>
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <canvas ref={canvasRef} className="w-full rounded-xl" style={{ maxWidth: 480, aspectRatio: "1/1" }} />
+      </div>
+      <div><PrimaryButton onClick={() => { draw(); if (canvasRef.current) triggerDownload(canvasRef.current.toDataURL("image/png"), "quote-card.png"); }}>Download PNG</PrimaryButton></div>
+    </div>
+  );
+}
+
+function captionTemplates(topic: string, emoji: boolean) {
+  const t = topic.trim() || "your topic";
+  const tt = t.charAt(0).toUpperCase() + t.slice(1);
+  const e1 = emoji ? " ✨" : "";
+  const e2 = emoji ? " 🔥" : "";
+  const base = [
+    `${tt} — the simple way to make it happen.${e1}`,
+    `I was skeptical about ${t} at first... then this changed everything.${e2}`,
+    `Save this for later. Everything you need to know about ${t} is right here.`,
+    `Question: what's your best ${t} tip? Drop it below 👇`,
+  ];
+  return base;
+}
+
+function buildHashtags(topic: string, count: number): string {
+  const words = topic.trim().split(/\s+/).filter(Boolean).slice(0, count);
+  if (words.length === 0) return "";
+  const tags = [words[0], ...words.slice(1, count)];
+  return tags.map((w) => "#" + w.replace(/[^a-zA-Z0-9]/g, "")).filter(Boolean).join(" ");
+}
+
+function CaptionGenerator() {
+  const [topic, setTopic] = useState("");
+  const [emoji, setEmoji] = useState(true);
+  const [hashtags, setHashtags] = useState(5);
+  const [out, setOut] = useState<string[] | null>(null);
+
+  const generate = () => {
+    if (!topic.trim()) return;
+    const tagLine = buildHashtags(topic, hashtags);
+    const caps = captionTemplates(topic, emoji).map((c) => (tagLine ? `${c}\n\n${tagLine}` : c));
+    setOut(caps);
+  };
+
+  const all = out?.join("\n\n---\n\n") ?? "";
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-4 sm:grid-cols-[1fr_1fr_auto] sm:items-end">
+          <Field label="Topic"><TextInput value={topic} onChange={(e) => setTopic(e.target.value)} placeholder="e.g. morning routine" /></Field>
+          <Field label="Hashtags count (0-10)"><NumInput value={hashtags} min={0} max={10} onChange={(e) => setHashtags(Math.max(0, Math.min(10, Number(e.target.value) || 0)))} /></Field>
+          <div><ToggleInput label="Add emoji" checked={emoji} onChange={setEmoji} /></div>
+        </div>
+        <div className="mt-4"><PrimaryButton onClick={generate}>Generate</PrimaryButton></div>
+      </div>
+      {out && (
+        <div className="grid gap-4">
+          <div className="space-y-2">{[...out].map((c, i) => <div key={i}>{copyRow({ value: c })}</div>)}</div>
+          <div>
+            <PrimaryButton onClick={() => copyText(all)}>Copy all</PrimaryButton>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function bioTemplates(platform: string, name: string, vibe: string, emoji: boolean) {
+  const n = name.trim() || "Your Name";
+  const e = emoji ? " ✦" : "";
+  const platformTag = platform === "Instagram" ? "Instagram" : platform === "Twitter-X" ? "X" : platform === "LinkedIn" ? "LinkedIn" : "TikTok";
+  const templates: string[] = [];
+  if (vibe === "professional") templates.push(`${n} · ${platformTag} ${e}\nBuilding things that matter.\nNow hiring → link in bio`);
+  if (vibe === "creative") templates.push(`${n} ${e}\nDesigner · Creator · Dreamer\nTurning ideas into pixels`);
+  if (vibe === "playful") templates.push(`Just ${n} ${e}\nCoffee in one hand, keyboard in the other ✌️\nLet's make cool stuff`);
+  if (vibe === "minimal") templates.push(`${n}\n${platformTag}\nlink in bio`);
+  if (vibe === "freelancer") templates.push(`${n} | Freelance ${platformTag} ${e}\nAvailable for projects\nDM for inquiries`);
+  if (templates.length === 0) templates.push(`${n} · ${platformTag} ${e}\nSharing my journey\nFollow for more`);
+  return templates;
+}
+
+function BioGenerator() {
+  const [platform, setPlatform] = useState("Instagram");
+  const [name, setName] = useState("");
+  const [vibe, setVibe] = useState("creative");
+  const [emoji, setEmoji] = useState(true);
+  const [out, setOut] = useState<string[] | null>(null);
+
+  const generate = () => { setOut(bioTemplates(platform, name, vibe, emoji)); };
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4 sm:items-end">
+          <Field label="Platform"><SelectInput value={platform} onChange={(e) => setPlatform(e.target.value)} options={["Instagram", "Twitter-X", "LinkedIn", "TikTok"]} /></Field>
+          <Field label="Name"><TextInput value={name} onChange={(e) => setName(e.target.value)} /></Field>
+          <Field label="Vibe"><SelectInput value={vibe} onChange={(e) => setVibe(e.target.value)} options={["professional", "creative", "playful", "minimal", "freelancer"]} /></Field>
+          <div><ToggleInput label="Add emoji" checked={emoji} onChange={setEmoji} /></div>
+        </div>
+        <div className="mt-4"><PrimaryButton onClick={generate}>Generate</PrimaryButton></div>
+      </div>
+      {out && (
+        <div className="space-y-2">{out.map((b, i) => {
+          const c = b.length <= 150 ? "" : ` (${b.length}/150)`;
+          return <div key={i}>{copyRow({ value: b, fallback: c })}</div>;
+        })}</div>
+      )}
+    </div>
+  );
+}
+
+function LinkedinHeaderGenerator() {
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+  const [gradient, setGradient] = useState(true);
+  const [colorA, setColorA] = useState("#0f172a");
+  const [colorB, setColorB] = useState("#1d4ed8");
+  const [headline, setHeadline] = useState("Building the future of work");
+  const [subline, setSubline] = useState("Design & Engineering · Open to opportunities");
+  const [accent, setAccent] = useState("#f59e0b");
+
+  const draw = () => {
+    const c = canvasRef.current;
+    if (!c) return;
+    const ctx = c.getContext("2d");
+    if (!ctx) return;
+    c.width = 1128; c.height = 191;
+    if (gradient) {
+      const g = ctx.createLinearGradient(0, 0, 1128, 0);
+      g.addColorStop(0, colorA); g.addColorStop(1, colorB);
+      ctx.fillStyle = g;
+    } else {
+      ctx.fillStyle = colorA;
+    }
+    ctx.fillRect(0, 0, 1128, 191);
+    ctx.textAlign = "left";
+    ctx.textBaseline = "middle";
+    ctx.font = "700 52px system-ui, sans-serif";
+    ctx.fillStyle = "#ffffff";
+    ctx.fillText(headline.slice(0, 34), 56, 80);
+    ctx.font = "400 30px system-ui, sans-serif";
+    ctx.fillStyle = "#dbeafe";
+    ctx.fillText(subline.slice(0, 60), 56, 142);
+    ctx.fillStyle = accent;
+    ctx.fillRect(56, 160, 90, 6);
+  };
+
+  useEffect(() => { draw(); });
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-4 sm:grid-cols-2">
+          <Field label="Headline"><TextInput value={headline} onChange={(e) => setHeadline(e.target.value)} /></Field>
+          <Field label="Subline"><TextInput value={subline} onChange={(e) => setSubline(e.target.value)} /></Field>
+          <Field label="Accent"><input type="color" value={accent} onChange={(e) => setAccent(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
+          <div className="sm:pt-6"><ToggleInput label="Gradient" checked={gradient} onChange={setGradient} /></div>
+        </div>
+        {gradient && (
+          <div className="mt-4 grid gap-4 sm:grid-cols-2">
+            <Field label="Color A"><input type="color" value={colorA} onChange={(e) => setColorA(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
+            <Field label="Color B"><input type="color" value={colorB} onChange={(e) => setColorB(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
+          </div>
+        )}
+        {!gradient && (
+          <div className="mt-4 max-w-xs"><Field label="Background"><input type="color" value={colorA} onChange={(e) => setColorA(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field></div>
+        )}
+      </div>
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <canvas ref={canvasRef} className="w-full rounded-xl" style={{ maxWidth: 560, aspectRatio: "1128/191" }} />
+      </div>
+      <div><PrimaryButton onClick={() => { draw(); if (canvasRef.current) triggerDownload(canvasRef.current.toDataURL("image/png"), "linkedin-header-1128x191.png"); }}>Download PNG</PrimaryButton></div>
+    </div>
+  );
+}
+
+function LinkPreviewGenerator() {
+  const [url, setUrl] = useState("");
+  const [title, setTitle] = useState("");
+  const [description, setDescription] = useState("");
+  const [image, setImage] = useState("");
+  const [siteName, setSiteName] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const cache = useRef<Record<string, { title: string; description: string; image: string; siteName: string }>>({});
+
+  const autoFetch = async () => {
+    if (!url.trim()) return;
+    const norm = url.trim();
+    setLoading(true); setError(null);
+    try {
+      if (cache.current[norm]) {
+        const c = cache.current[norm];
+        if (!title) setTitle(c.title); if (!description) setDescription(c.description); if (!image) setImage(c.image); if (!siteName) setSiteName(c.siteName);
+        setLoading(false); return;
+      }
+      const res = await fetch("https://api.microlink.io/?url=" + encodeURIComponent(norm));
+      if (!res.ok) throw new Error("Could not fetch link metadata");
+      const j = await res.json();
+      const d = j.data ?? {};
+      const c = { title: d.title ?? title, description: d.description ?? description, image: d.image?.url ?? image, siteName: d.publisher ?? siteName };
+      cache.current[norm] = c;
+      if (!title) setTitle(c.title); if (!description) setDescription(c.description); if (!image) setImage(c.image); if (!siteName) setSiteName(c.siteName);
+    } catch (e) { setError((e as Error).message || "Could not fetch link preview"); } finally { setLoading(false); }
+  };
+
+  const domain = (url.match(/^(?:https?:\/\/)?(?:www\.)?([^/]+)/) || [])[1] || "";
+
+  const structured = `Title: ${title || ""}\nDescription: ${description || ""}\nImage: ${image || ""}\nSite name: ${siteName || ""}\nURL: ${url}`;
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-4">
+          <Field label="URL"><TextInput value={url} onChange={(e) => setUrl(e.target.value)} placeholder="https://example.com" /></Field>
+          {!title && <PrimaryButton onClick={autoFetch} disabled={loading}>{loading ? "Fetching..." : "Auto-fetch from URL"}</PrimaryButton>}
+          {error && <p className="text-sm text-red-400">{error}</p>}
+          <Field label="Title"><TextInput value={title} onChange={(e) => setTitle(e.target.value)} /></Field>
+          <Field label="Description"><TextArea value={description} onChange={(e) => setDescription(e.target.value)} /></Field>
+          <Field label="Image URL"><TextInput value={image} onChange={(e) => setImage(e.target.value)} /></Field>
+          <Field label="Site name"><TextInput value={siteName} onChange={(e) => setSiteName(e.target.value)} /></Field>
+        </div>
+      </div>
+      {title && (
+        <div className="grid gap-4 lg:grid-cols-2">
+          <div>
+            <p className="mb-2 text-xs text-muted-foreground">Link card preview</p>
+            <div className="max-w-md overflow-hidden rounded-2xl border border-border bg-black/40">
+              {image && <img src={image} alt="link" className="aspect-[1.91/1] w-full object-cover" />}
+              <div className="p-3">
+                <p className="truncate text-[11px] uppercase tracking-wide text-muted-foreground">{siteName || domain || "example.com"}</p>
+                <p className="mt-1 truncate font-semibold text-foreground">{title}</p>
+                <p className="mt-1 line-clamp-2 text-sm text-muted-foreground">{description}</p>
+              </div>
+            </div>
+            <p className="mt-2 text-xs text-muted-foreground">Phone shell</p>
+            <div className="mx-auto mt-1 max-w-[240px] rounded-[2rem] border-4 border-border bg-black/60 p-3">
+              <div className="mb-2 h-2 w-16 rounded-full bg-border/60 mx-auto" />
+              {image && <img src={image} alt="link" className="w-full object-cover" />}
+              <p className="mt-2 truncate text-sm font-semibold text-foreground">{title}</p>
+              <p className="line-clamp-2 text-xs text-muted-foreground">{description}</p>
+              <p className="mt-1 text-[10px] uppercase text-muted-foreground/70">{siteName || domain}</p>
+            </div>
+          </div>
+          <div>
+            <p className="mb-2 text-xs text-muted-foreground">Structured data</p>
+            <OutBox value={structured} mono downloadable filename="link-preview.txt" />
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function SocialMockup() {
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+  const [content, setContent] = useState("So excited to share this new project with all of you!");
+  const [author, setAuthor] = useState("Jane Doe");
+  const [avatarColor, setAvatarColor] = useState("#6366f1");
+  const [platform, setPlatform] = useState("X");
+  const [likes, setLikes] = useState(128);
+  const [reposts, setReposts] = useState(24);
+
+  const avatarInit = (author.trim() || "A").charAt(0).toUpperCase();
+
+  const draw = () => {
+    const c = canvasRef.current;
+    if (!c) return;
+    const ctx = c.getContext("2d");
+    if (!ctx) return;
+    const W = 800, H = 1000;
+    c.width = W; c.height = H;
+    ctx.fillStyle = "#0b1220";
+    ctx.fillRect(0, 0, W, H);
+    ctx.fillStyle = "#111827";
+    ctx.fillRect(40, 40, W - 80, H - 80);
+
+    ctx.textAlign = "left";
+    ctx.textBaseline = "top";
+    ctx.fillStyle = avatarColor;
+    ctx.beginPath();
+    ctx.arc(110, 120, 46, 0, Math.PI * 2);
+    ctx.fill();
+    ctx.fillStyle = "#ffffff";
+    ctx.font = "700 44px system-ui, sans-serif";
+    ctx.fillText(avatarInit, 110 - ctx.measureText(avatarInit).width / 2, 92);
+
+    ctx.fillStyle = "#e5e7eb";
+    ctx.font = "700 34px system-ui, sans-serif";
+    ctx.fillText((author || "Jane Doe").slice(0, 30), 180, 85);
+
+    ctx.font = "500 28px system-ui, sans-serif";
+    ctx.fillStyle = "#64748b";
+    ctx.fillText(`@${(author || "jane").toLowerCase().replace(/\s+/g, "")}`, 180, 130);
+
+    ctx.fillStyle = "#f59e0b";
+    ctx.font = "600 26px system-ui, sans-serif";
+    ctx.fillText("✓", 180 + ctx.measureText((author || "Jane Doe").slice(0, 30)).width + 10, 88);
+
+    ctx.fillStyle = "#e5e7eb";
+    ctx.font = "400 34px system-ui, sans-serif";
+    const lines = wrapLines(ctx, content, W - 160);
+    lines.slice(0, 12).forEach((line, i) => ctx.fillText(line, 100, 230 + i * 50));
+
+    const botY = 780;
+    const iconColor = "#94a3b8";
+    ctx.fillStyle = iconColor;
+    ctx.font = "600 28px system-ui, sans-serif";
+    const likeLabel = platform === "X" ? `♥ ${likes}` : platform === "Instagram" ? `❤ ${likes}` : `👍 ${likes}`;
+    const repostLabel = platform === "X" ? `↻ ${reposts}` : `🔁 ${reposts}`;
+    ctx.fillText(likeLabel, 100, botY);
+    ctx.fillText(repostLabel, 320, botY);
+    ctx.fillText("💬 14", 540, botY);
+  };
+
+  useEffect(() => { draw(); });
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-4 sm:grid-cols-2">
+          <Field label="Post content"><TextArea value={content} onChange={(e) => setContent(e.target.value)} /></Field>
+          <div className="space-y-4">
+            <Field label="Author name"><TextInput value={author} onChange={(e) => setAuthor(e.target.value)} /></Field>
+            <div className="grid grid-cols-2 gap-4">
+              <Field label="Platform"><SelectInput value={platform} onChange={(e) => setPlatform(e.target.value)} options={["X", "Instagram", "Facebook"]} /></Field>
+              <Field label="Avatar color"><input type="color" value={avatarColor} onChange={(e) => setAvatarColor(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
+              <Field label="Likes"><NumInput value={likes} min={0} onChange={(e) => setLikes(Number(e.target.value) || 0)} /></Field>
+              <Field label="Reposts"><NumInput value={reposts} min={0} onChange={(e) => setReposts(Number(e.target.value) || 0)} /></Field>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <canvas ref={canvasRef} className="mx-auto rounded-3xl" style={{ maxWidth: 360, aspectRatio: "800/1000" }} />
+      </div>
+      <div><PrimaryButton onClick={() => { draw(); if (canvasRef.current) triggerDownload(canvasRef.current.toDataURL("image/png"), "social-post.png"); }}>Download PNG</PrimaryButton></div>
+    </div>
+  );
+}
+
+function titleCandidates(kw1: string, kw2: string, kw3: string, topic: string, o: { number: boolean; power: boolean; howto: boolean; myth: boolean }): string[] {
+  const keys = [kw1, kw2, kw3].filter(Boolean);
+  const k = keys.length ? keys.join(" ") : topic.trim() || "Your Topic";
+  const tt = topic.trim() || "Your Topic";
+  const list: string[] = [];
+  const top = o.number ? "Top 5 " : "";
+  if (o.howto) list.push(`How to Master ${tt} in 2026 (Step by Step)`);
+  if (o.power) list.push(`You Won't Believe These ${tt} Secrets!`);
+  list.push(`${top}${tt} Tips Nobody Tells You`);
+  list.push(`The Ultimate Guide to ${tt} for Beginners`);
+  list.push(`${tt}: Everything You Need to Know`);
+  if (o.myth) list.push(`5 ${tt} Myths, Debunked`);
+  if (o.power) list.push(`Stop Wasting Time on ${tt} – Do This Instead`);
+  list.push(`${top}${k} Tricks That Actually Work`);
+  list.push(`Why ${tt} Matters More Than You Think`);
+  return list.slice(0, 8);
+}
+
+function YtTitleGenerator() {
+  const [kw1, setKw1] = useState("");
+  const [kw2, setKw2] = useState("");
+  const [kw3, setKw3] = useState("");
+  const [topic, setTopic] = useState("");
+  const [num, setNum] = useState(true);
+  const [power, setPower] = useState(true);
+  const [howto, setHowto] = useState(false);
+  const [myth, setMyth] = useState(false);
+  const [out, setOut] = useState<string[] | null>(null);
+
+  const generate = () => { if (kw1.trim() || kw2.trim() || kw3.trim() || topic.trim()) setOut(titleCandidates(kw1, kw2, kw3, topic, { number: num, power, howto, myth })); };
+
+  const band = (t: string) => t.length < 40 ? "Under 40" : t.length <= 70 ? "40-70" : "Over 70";
+  const bandColor = (t: string) => t.length < 40 ? "bg-green-500/20 text-green-400" : t.length <= 70 ? "bg-amber-500/20 text-amber-400" : "bg-red-500/20 text-red-400";
+
+  return (
+    <div className="grid gap-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-4 sm:grid-cols-2">
+          <Field label="Keyword 1"><TextInput value={kw1} onChange={(e) => setKw1(e.target.value)} /></Field>
+          <Field label="Keyword 2"><TextInput value={kw2} onChange={(e) => setKw2(e.target.value)} /></Field>
+          <Field label="Keyword 3"><TextInput value={kw3} onChange={(e) => setKw3(e.target.value)} /></Field>
+          <Field label="Topic"><TextInput value={topic} onChange={(e) => setTopic(e.target.value)} /></Field>
+        </div>
+        <div className="mt-4 grid gap-2 sm:grid-cols-2">
+          <ToggleInput label="Numbers (Top 5...)" checked={num} onChange={setNum} />
+          <ToggleInput label="Power words" checked={power} onChange={setPower} />
+          <ToggleInput label="How-to" checked={howto} onChange={setHowto} />
+          <ToggleInput label="Myth debunk" checked={myth} onChange={setMyth} />
+        </div>
+        <div className="mt-4"><PrimaryButton onClick={generate}>Generate</PrimaryButton></div>
+      </div>
+      {out && (
+        <div className="rounded-2xl border border-border bg-card/60 p-4">
+          <div className="mb-3 flex gap-2"><Chip color="bg-ring/15 text-ring">{out.length} candidates</Chip><Chip color={bandColor("short")}>Length bands</Chip></div>
+          <div className="space-y-2">
+            {out.map((t, i) => (
+              <div key={i} className="flex items-center gap-2">
+                <div className="flex-1">{copyRow({ value: t })}</div>
+                <Chip color={bandColor(t)}>{band(t)}</Chip>
+              </div>
+            ))}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function InstagramFilterPreview() {
+  const [file, setFile] = useState<File | null>(null);
+  const [img, setImg] = useState<string | null>(null);
+  const [filter, setFilter] = useState("none");
+  const [error, setError] = useState<string | null>(null);
+
+  const filters: Record<string, string> = {
+    none: "",
+    clarendon: "contrast(1.2) saturate(1.3)",
+    gingham: "sepia(0.1) contrast(0.9) brightness(1.05)",
+    moon: "grayscale(1) contrast(1.1)",
+    lark: "saturate(0.8) brightness(1.05) sepia(0.1)",
+    reyes: "sepia(0.2) contrast(0.9) brightness(1.05)",
+    juno: "saturate(1.4) contrast(1.05)",
+    slumber: "saturate(0.7) brightness(0.9) sepia(0.1)",
+    crema: "sepia(0.2) contrast(0.9) brightness(1.1)",
+    ludwig: "saturate(1.1) contrast(1.05)",
+  };
+
+  const load = async (f: File) => {
+    setError(null);
+    try { const i = await readFileAsImage(f); setFile(f); setImg(i.src); } catch (e) { setError((e as Error).message); }
+  };
+
+  return (
+    <div className="grid gap-4">
+      <div>
+        <div
+          onDragOver={(e) => { e.preventDefault(); }}
+          onDrop={(e) => { e.preventDefault(); const f = e.dataTransfer.files?.[0]; if (f) load(f); }}
+          onClick={() => { const input = document.createElement("input"); input.type = "file"; input.accept = "image/*"; input.onchange = () => { const f = input.files?.[0]; if (f) load(f); }; input.click(); }}
+          className="flex min-h-44 cursor-pointer flex-col items-center justify-center gap-3 rounded-2xl border-2 border-dashed border-border bg-black/40 p-6 text-center transition hover:border-ring/50"
+        >
+          {img ? <img src={img} alt="preview" className="max-h-44 rounded-xl" /> : <p className="text-sm text-muted-foreground">Drop a photo or click to browse</p>}
+        </div>
+        {error && <p className="mt-2 text-sm text-red-400">{error}</p>}
+      </div>
+      {img && (
+        <div className="rounded-2xl border border-border bg-card/60 p-4">
+          <div className="mx-auto max-w-xs overflow-hidden rounded-xl border border-border">
+            <img src={img} alt="preview" className="w-full" style={{ filter: filters[filter] }} />
+          </div>
+          <div className="mt-4 flex flex-wrap justify-center gap-2">
+            {Object.keys(filters).map((f) => (
+              <GhostButton key={f} className={filter === f ? "border-ring bg-ring/15" : ""} onClick={() => setFilter(f)}>{f}</GhostButton>
+            ))}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default function SocialTools({ tool }: ToolPageProps) {
+  switch (tool.slug) {
+    case "og-meta-generator": return <OgMetaGenerator />;
+    case "instagram-filters": return <InstagramFilterPreview />;
+    case "youtube-thumbnail": return <YoutubeThumbnail />;
+    case "vimeo-thumbnail": return <VimeoThumbnail />;
+    case "custom-twitter-card": return <CustomTwitterCard />;
+    case "og-image-generator": return <OgImageGenerator />;
+    case "quote-generator": return <QuoteGenerator />;
+    case "caption-generator": return <CaptionGenerator />;
+    case "bio-generator": return <BioGenerator />;
+    case "linkedin-header-generator": return <LinkedinHeaderGenerator />;
+    case "link-preview-generator": return <LinkPreviewGenerator />;
+    case "social-mockup": return <SocialMockup />;
+    case "yt-title-generator": return <YtTitleGenerator />;
+    default: return <div className="text-sm text-muted-foreground">Unknown tool</div>;
+  }
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/speed-test.tsx b/artifacts/personal-tool-console/src/components/tools/speed-test.tsx
new file mode 100644
index 0000000..7f6e781
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/speed-test.tsx
@@ -0,0 +1,79 @@
+import { useState, type ReactNode } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { runSpeedTest, downloadQuality, uploadQuality, pingQuality, type SpeedTestResult, type SpeedProgress } from "@/lib/tools/speed-test";
+import { PrimaryButton } from "@/components/tools/shared/fields";
+import { Terminal, Download, Upload, Zap } from "lucide-react";
+
+function MetricCard({ title, value, quality, icon }: { title: string; value: string; quality: { label: string; color: string }; icon: ReactNode }) {
+  return (
+    <div className="rounded-2xl border border-border bg-card/60 p-4">
+      <div className="mb-2 flex items-center gap-2 text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+        {icon}
+        {title}
+      </div>
+      <div className="font-mono text-3xl text-foreground">{value}<span className="ml-1 text-sm text-muted-foreground">Mbps</span></div>
+      <div className={`mt-1 text-sm font-medium ${quality.color}`}>{quality.label}</div>
+    </div>
+  );
+}
+
+export default function SpeedTestPage({ tool }: ToolPageProps) {
+  const [running, setRunning] = useState(false);
+  const [result, setResult] = useState<SpeedTestResult | null>(null);
+  const [status, setStatus] = useState("");
+
+  const run = async () => {
+    setRunning(true);
+    setResult(null);
+    setStatus("Starting…");
+    try {
+      const onProgress = (s: SpeedProgress) => {
+        if (s.message) setStatus(s.message);
+      };
+      const res = await runSpeedTest(onProgress);
+      setResult(res);
+      setStatus(res.message);
+    } catch (e) {
+      setStatus((e as Error).message || "Test failed");
+    } finally {
+      setRunning(false);
+    }
+  };
+
+  const dl = downloadQuality(result?.downloadMbps ?? "—");
+  const ul = uploadQuality(result?.uploadMbps ?? "—");
+  const ping = pingQuality(result?.pingMs ?? "—");
+
+  return (
+    <div className="space-y-4">
+      <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+        <div className="flex items-center justify-between gap-3">
+          <div className="flex items-center gap-2 font-mono text-sm text-muted-foreground">
+            <Terminal className="h-4 w-4 text-cyan-400" />
+            <span>{status || "Ready — press Run to measure download, upload and ping."}</span>
+          </div>
+          <PrimaryButton onClick={run} disabled={running}>
+            {running ? "Running…" : "Run speed test"}
+          </PrimaryButton>
+        </div>
+      </div>
+
+      <div className="grid gap-3 sm:grid-cols-3">
+        <MetricCard title="Download" value={result?.downloadMbps ?? "—"} quality={dl} icon={<Download className="h-3.5 w-3.5 text-cyan-400" />} />
+        <MetricCard title="Upload" value={result?.uploadMbps ?? "—"} quality={ul} icon={<Upload className="h-3.5 w-3.5 text-green-400" />} />
+        <div className="rounded-2xl border border-border bg-card/60 p-4">
+          <div className="mb-2 flex items-center gap-2 text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+            <Zap className="h-3.5 w-3.5 text-amber-400" />
+            Ping
+          </div>
+          <div className="font-mono text-3xl text-foreground">{result?.pingMs ?? "—"}<span className="ml-1 text-sm text-muted-foreground">ms</span></div>
+          <div className={`mt-1 text-sm font-medium ${ping.color}`}>{ping.label}</div>
+        </div>
+      </div>
+
+      <p className="rounded-xl border border-dashed border-border bg-black/30 p-3 text-xs text-muted-foreground">
+        Results are a rough estimate. Upload runs against the app's API endpoint; download and ping hit speed.cloudflare.com. Large transfers may vary with network conditions.
+      </p>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/text/text-tool-page.tsx b/artifacts/personal-tool-console/src/components/tools/text/text-tool-page.tsx
new file mode 100644
index 0000000..01c335d
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/text/text-tool-page.tsx
@@ -0,0 +1,116 @@
+import { useEffect, useMemo, useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { getTextTool, type TextOpts, type TextOpt } from "@/lib/tools/text";
+import { TextArea, OutBox, Field, TextInput, NumInput, SelectInput, ToggleInput, PrimaryButton, GhostButton } from "@/components/tools/shared/fields";
+import { WandSparkles, RotateCcw } from "lucide-react";
+
+const DEFAULT_OPTS: TextOpts = {};
+
+export default function TextToolPage({ tool }: ToolPageProps) {
+  const spec = getTextTool(tool.slug);
+  const [input, setInput] = useState("");
+  const [opts, setOpts] = useState<TextOpts>(DEFAULT_OPTS);
+  const [ran, setRan] = useState(false);
+
+  useEffect(() => {
+    setInput("");
+    setOpts(DEFAULT_OPTS);
+    setRan(false);
+  }, [tool.slug]);
+
+  const options = spec?.options ?? [];
+  const result = useMemo(() => {
+    if (!spec) return "";
+    try {
+      return spec.run(input, opts);
+    } catch (e) {
+      return `Error: ${(e as Error).message}`;
+    }
+  }, [spec, input, opts]);
+
+  if (!spec) {
+    return <div className="rounded-xl border border-dashed border-border p-6 text-sm text-muted-foreground">Tool definition not found in the text engine.</div>;
+  }
+
+  const setOpt = (k: string, v: string | number | boolean) => setOpts((prev) => ({ ...prev, [k]: v }));
+
+  return (
+    <div className="space-y-4">
+      <div className="grid gap-4 lg:grid-cols-2">
+        <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+          <Field label="Input">
+            <TextArea
+              value={input}
+              onChange={(e) => setInput(e.target.value)}
+              placeholder="Paste or type your text here…"
+              spellCheck={false}
+              rows={9}
+            />
+          </Field>
+        </div>
+
+        <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+          <div className="flex items-center justify-between">
+            <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Options</span>
+            {options.length > 0 && (
+              <GhostButton className="px-2.5 py-1.5 text-xs" onClick={() => setOpts(DEFAULT_OPTS)}>
+                <RotateCcw className="h-3.5 w-3.5" /> Reset
+              </GhostButton>
+            )}
+          </div>
+          {options.length === 0 ? (
+            <p className="rounded-xl border border-dashed border-border bg-black/30 p-3 text-xs text-muted-foreground">No options — the tool runs straight on the input.</p>
+          ) : (
+            <div className="grid gap-3 sm:grid-cols-2">
+              {options.map((o) => (
+                <OptionControl key={o.key} opt={o} value={opts[o.key]} onChange={(v) => setOpt(o.key, v)} />
+              ))}
+            </div>
+          )}
+          <div className="flex gap-2 pt-1">
+            <PrimaryButton onClick={() => setRan(true)} disabled={input.trim().length === 0}>
+              <WandSparkles className="h-4 w-4" /> Run
+            </PrimaryButton>
+            <div className="flex flex-1 items-end justify-end gap-4 text-xs text-muted-foreground">
+              <span>{input.length.toLocaleString()} chars</span>
+              <span>{input.trim() ? input.trim().split(/\s+/).length.toLocaleString() : 0} words</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="space-y-1.5">
+        <div className="flex items-center justify-between">
+          <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Output</span>
+        </div>
+        <OutBox value={ran || input !== "" ? result : ""} className="min-h-28" downloadable />
+        {!ran && input === "" && <p className="text-xs text-muted-foreground/60">Type some input and press Run to see the result.</p>}
+      </div>
+    </div>
+  );
+}
+
+function OptionControl({ opt, value, onChange }: { opt: TextOpt; value: string | number | boolean | undefined; onChange: (v: string | number | boolean) => void }) {
+  if (opt.kind === "toggle") {
+    return <ToggleInput label={opt.label} checked={Boolean(value ?? opt.default ?? false)} onChange={onChange} />;
+  }
+  if (opt.kind === "number") {
+    return (
+      <Field label={opt.label}>
+        <NumInput min={opt.min} max={opt.max} step={opt.step} value={Number(value ?? opt.default ?? 1)} onChange={(e) => onChange(Number(e.target.value))} />
+      </Field>
+    );
+  }
+  if (opt.kind === "select") {
+    return (
+      <Field label={opt.label}>
+        <SelectInput options={opt.options} value={String(value ?? opt.default ?? opt.options[0])} onChange={(e) => onChange(e.target.value)} />
+      </Field>
+    );
+  }
+  return (
+    <Field label={opt.label} className="sm:col-span-2">
+      <TextInput value={String(value ?? opt.default ?? "")} onChange={(e) => onChange(e.target.value)} placeholder={opt.placeholder} />
+    </Field>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/timestamp.tsx b/artifacts/personal-tool-console/src/components/tools/timestamp.tsx
new file mode 100644
index 0000000..62cc9e1
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/timestamp.tsx
@@ -0,0 +1,77 @@
+import { useMemo, useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { timestampNow, timestampFromUnix, timestampFromDate } from "@/lib/tools/timestamp";
+import { Field, TextInput, OutBox } from "@/components/tools/shared/fields";
+
+type Mode = "now" | "unix" | "date";
+
+const MODES: { value: Mode; label: string }[] = [
+  { value: "now", label: "Now" },
+  { value: "unix", label: "Unix → Date" },
+  { value: "date", label: "Date → Unix" },
+];
+
+const FIELDS: { key: "unix" | "unixMs" | "iso" | "utc" | "local"; label: string }[] = [
+  { key: "unix", label: "Unix (s)" },
+  { key: "unixMs", label: "Unix (ms)" },
+  { key: "iso", label: "ISO 8601" },
+  { key: "utc", label: "UTC" },
+  { key: "local", label: "Local" },
+];
+
+export default function TimestampPage({ tool }: ToolPageProps) {
+  const [mode, setMode] = useState<Mode>("now");
+  const [input, setInput] = useState("");
+
+  const result = useMemo(() => {
+    try {
+      if (mode === "now") return { ok: true as const, data: timestampNow() };
+      if (mode === "unix") return { ok: true as const, data: timestampFromUnix(input) };
+      return { ok: true as const, data: timestampFromDate(input) };
+    } catch (e) {
+      return { ok: false as const, error: (e as Error).message };
+    }
+  }, [mode, input]);
+
+  return (
+    <div className="space-y-4">
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <div className="grid gap-3 sm:grid-cols-3">
+          {MODES.map((m) => (
+            <button
+              key={m.value}
+              type="button"
+              onClick={() => setMode(m.value)}
+              className={`rounded-xl border px-3.5 py-2.5 text-sm transition ${mode === m.value ? "border-ring/60 bg-ring/10 text-foreground" : "border-border bg-background/80 text-muted-foreground hover:text-foreground"}`}
+            >
+              {m.label}
+            </button>
+          ))}
+        </div>
+        {mode !== "now" && (
+          <div className="mt-3">
+            <Field
+              label={mode === "unix" ? "Unix timestamp" : "Date"}
+              hint={mode === "unix" ? "Seconds or milliseconds (≤ 13 digits)" : "e.g. 2024-01-15 or 2024-01-15T10:30:00"}
+            >
+              <TextInput value={input} onChange={(e) => setInput(e.target.value)} placeholder={mode === "unix" ? "1700000000" : "2024-01-15T10:30:00"} />
+            </Field>
+          </div>
+        )}
+      </div>
+
+      {!result.ok ? (
+        <p className="rounded-2xl border border-border bg-red-500/10 p-4 text-sm text-red-400">{result.error}</p>
+      ) : (
+        <div className="grid gap-3 sm:grid-cols-2">
+          {FIELDS.map((f) => (
+            <div key={f.key} className="rounded-2xl border border-border bg-card/60 p-4">
+              <div className="mb-1.5 text-xs font-medium uppercase tracking-wide text-muted-foreground/70">{f.label}</div>
+              <OutBox value={String(result.data[f.key])} mono={f.key !== "local"} />
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/unit-converter.tsx b/artifacts/personal-tool-console/src/components/tools/unit-converter.tsx
new file mode 100644
index 0000000..11d9347
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/unit-converter.tsx
@@ -0,0 +1,70 @@
+import { useMemo, useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { getAllUnitCategories, getUnitsForCategory, convertUnits } from "@/lib/tools/unit-converter";
+import { Field, SelectInput, NumInput, OutBox, GhostButton } from "@/components/tools/shared/fields";
+import { ArrowLeftRight } from "lucide-react";
+
+const FIRST_CATEGORY = getAllUnitCategories()[0];
+
+function firstAndLast(cat: string): [string, string] {
+  const units = getUnitsForCategory(cat);
+  return [units[0], units[units.length - 1] ?? units[0]];
+}
+
+export default function UnitConverterPage({ tool }: ToolPageProps) {
+  const [category, setCategory] = useState(FIRST_CATEGORY);
+  const [from, setFrom] = useState<string>(() => firstAndLast(FIRST_CATEGORY)[0]);
+  const [to, setTo] = useState<string>(() => firstAndLast(FIRST_CATEGORY)[1]);
+  const [value, setValue] = useState("1");
+
+  const units = useMemo(() => getUnitsForCategory(category), [category]);
+
+  const onCategory = (cat: string) => {
+    const [f, t] = firstAndLast(cat);
+    setCategory(cat);
+    setFrom(f);
+    setTo(t);
+  };
+
+  const swap = () => {
+    setFrom(to);
+    setTo(from);
+  };
+
+  const num = Number(value);
+  const result = useMemo(() => {
+    if (isNaN(num) || !from || !to || from === to) return "";
+    try {
+      return String(convertUnits(num, from, to));
+    } catch {
+      return "";
+    }
+  }, [num, from, to]);
+
+  return (
+    <div className="grid gap-4 lg:grid-cols-2">
+      <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+        <Field label="Category">
+          <SelectInput options={getAllUnitCategories()} value={category} onChange={(e) => onCategory(e.target.value)} />
+        </Field>
+        <Field label="Value">
+          <NumInput value={value} onChange={(e) => setValue(e.target.value)} />
+        </Field>
+        <div className="grid grid-cols-[1fr_auto_1fr] items-end gap-2">
+          <Field label="From">
+            <SelectInput options={units} value={from} onChange={(e) => setFrom(e.target.value)} />
+          </Field>
+          <GhostButton className="px-3" onClick={swap} title="Swap">
+            <ArrowLeftRight className="h-4 w-4" />
+          </GhostButton>
+          <Field label="To">
+            <SelectInput options={units} value={to} onChange={(e) => setTo(e.target.value)} />
+          </Field>
+        </div>
+      </div>
+      <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+        <OutBox value={result || "—"} mono={false} className="min-h-28" />
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/url-encoder.tsx b/artifacts/personal-tool-console/src/components/tools/url-encoder.tsx
new file mode 100644
index 0000000..046b71e
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/url-encoder.tsx
@@ -0,0 +1,47 @@
+import { useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { urlEncode, urlDecode } from "@/lib/tools/coding";
+import { Field, TextArea, SelectInput, OutBox, Chip } from "@/components/tools/shared/fields";
+
+export default function UrlEncoder({ tool }: ToolPageProps) {
+  const [mode, setMode] = useState("Encode");
+  const [input, setInput] = useState("");
+  const [error, setError] = useState<string | null>(null);
+
+  const transform = () => {
+    if (!input) return "";
+    try {
+      setError(null);
+      return mode === "Encode" ? urlEncode(input) : urlDecode(input);
+    } catch (e) {
+      setError((e as Error).message);
+      return "";
+    }
+  };
+
+  return (
+    <div className="grid gap-4">
+      <div className="flex flex-wrap items-center gap-2">
+        <SelectInput value={mode} onChange={(e) => { setMode(e.target.value); setError(null); }} options={["Encode", "Decode"]} className="w-36" />
+        <Chip color="bg-ring/15 text-ring">{tool.slug}</Chip>
+      </div>
+
+      <div className="rounded-2xl border border-border bg-card/60 p-4">
+        <Field label={mode === "Encode" ? "Plain text" : "URL-encoded text"}>
+          <TextArea
+            value={input}
+            onChange={(e) => setInput(e.target.value)}
+            spellCheck={false}
+            placeholder={mode === "Encode" ? "https://example.com?q=hello world 🚀" : "https%3A%2F%2Fexample.com%3Fq%3Dhello%20world"}
+          />
+        </Field>
+      </div>
+
+      {error ? (
+        <p className="text-red-400 text-sm">{error}</p>
+      ) : (
+        transform() !== "" && <OutBox value={transform()} mono filename={mode === "Encode" ? "encoded.txt" : "decoded.txt"} />
+      )}
+    </div>
+  );
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/utf8/utf8-tools.tsx b/artifacts/personal-tool-console/src/components/tools/utf8/utf8-tools.tsx
new file mode 100644
index 0000000..d2f02a2
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/utf8/utf8-tools.tsx
@@ -0,0 +1,243 @@
+import { useState, useMemo } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import {
+  textToUtf8Bytes,
+  utf8BytesToText,
+  textToCodepoints,
+  validateUtf8,
+  addBom,
+  removeBom,
+  detectBom,
+  escapeSequences,
+  unescapeSequences,
+} from "@/lib/tools/utf8";
+import { Field, TextArea, SelectInput, ToggleInput, OutBox, GhostButton, Chip } from "@/components/tools/shared/fields";
+
+function EncoderPanel() {
+  const [decodeMode, setDecodeMode] = useState(false);
+  const [text, setText] = useState("Hello, 世界!");
+  const bytes = useMemo(() => textToUtf8Bytes(text), [text]);
+  const decoded = useMemo(() => {
+    try {
+      const vals = text.trim().split(/[\s,]+/).map((h) => parseInt(h, 16));
+      if (vals.length === 0 || vals.some((v) => Number.isNaN(v))) {
+        return { value: "", error: "Enter hex bytes separated by spaces or commas" };
+      }
+      return { value: utf8BytesToText(vals), error: null as string | null };
+    } catch (e) {
+      return { value: "", error: (e as Error).message };
+    }
+  }, [text]);
+
+  return (
+    <div className="grid gap-4">
+      <ToggleInput label="Decode bytes → text" checked={decodeMode} onChange={setDecodeMode} />
+      <Field label={decodeMode ? "Hex bytes" : "Text"}>
+        <TextArea
+          value={text}
+          onChange={(e) => setText(e.target.value)}
+          spellCheck={false}
+          className="font-mono"
+          placeholder={decodeMode ? "48 65 6c 6c 6f 20 2c 20 e4 b8 96 e7 95 8c 21" : "Hello, 世界!"}
+        />
+      </Field>
+      {decodeMode ? (
+        <>
+          {decoded.error ? <p className="text-red-400 text-sm">{decoded.error}</p> : <OutBox value={decoded.value} mono={false} />}
+        </>
+      ) : (
+        <>
+          <p className="text-sm text-muted-foreground">{bytes.length} bytes total</p>
+          <div className="overflow-x-auto rounded-2xl border border-border bg-card/60 p-2">
+            <table className="w-full text-left font-mono text-sm">
+              <thead>
+                <tr className="text-xs uppercase tracking-wide text-muted-foreground">
+                  <th className="px-3 py-2">offset</th>
+                  <th className="px-3 py-2">hex</th>
+                  <th className="px-3 py-2">dec</th>
+                  <th className="px-3 py-2">binary</th>
+                </tr>
+              </thead>
+              <tbody>
+                {bytes.map((b) => (
+                  <tr key={b.offset} className="odd:bg-background/30">
+                    <td className="px-3 py-1.5 text-muted-foreground">{b.offset}</td>
+                    <td className="px-3 py-1.5 text-ring">{b.hex}</td>
+                    <td className="px-3 py-1.5 text-muted-foreground">{b.dec}</td>
+                    <td className="px-3 py-1.5 text-foreground">{b.binary}</td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
+
+function CodepointPanel() {
+  const [text, setText] = useState("A 😀");
+  const rows = useMemo(() => textToCodepoints(text), [text]);
+
+  return (
+    <div className="grid gap-4">
+      <Field label="Text">
+        <TextArea value={text} onChange={(e) => setText(e.target.value)} spellCheck={false} placeholder="A 😀 — try mixed scripts" />
+      </Field>
+      <p className="text-sm text-muted-foreground">{rows.length} codepoint{rows.length === 1 ? "" : "s"}</p>
+      <div className="overflow-x-auto rounded-2xl border border-border bg-card/60 p-2">
+        <table className="w-full text-left text-sm">
+          <thead>
+            <tr className="text-xs uppercase tracking-wide text-muted-foreground">
+              <th className="px-3 py-2">char</th>
+              <th className="px-3 py-2">codepoint</th>
+              <th className="px-3 py-2">utf-8</th>
+              <th className="px-3 py-2">html</th>
+              <th className="px-3 py-2">js escape</th>
+            </tr>
+          </thead>
+          <tbody>
+            {rows.map((r) => (
+              <tr key={r.codepoint + r.char} className="odd:bg-background/30">
+                <td className="px-3 py-1.5 font-mono text-foreground">{r.char === " " ? "␣" : r.char}</td>
+                <td className="px-3 py-1.5 font-mono text-ring">{r.hex}</td>
+                <td className="px-3 py-1.5 font-mono text-foreground">{r.utf8 || "—"}</td>
+                <td className="px-3 py-1.5 font-mono text-muted-foreground">{r.html}</td>
+                <td className="px-3 py-1.5 font-mono text-muted-foreground">{r.js}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
+
+function ValidatorPanel() {
+  const [text, setText] = useState("Hello, 世界!");
+  const result = useMemo(() => {
+    const mode = /^(?:[0-9a-fA-F]{2}\s*)+$/.test(text.trim()) ? "hex bytes" : "text";
+    try {
+      const r = validateUtf8(text);
+      const problem = r && r.problems && r.problems[0] ? r.problems[0] : null;
+      return { mode, valid: Boolean(r && r.valid), problem };
+    } catch (e) {
+      return { mode, valid: false, problem: null };
+    }
+  }, [text]);
+  const first = result.problem;
+
+  return (
+    <div className="grid gap-4">
+      <Field label="Decode text or hex bytes">
+        <TextArea
+          value={text}
+          onChange={(e) => setText(e.target.value)}
+          spellCheck={false}
+          className="font-mono"
+          placeholder={"Hello, 世界!  or  F0 9F 98 80"}
+        />
+      </Field>
+      <div className="flex flex-wrap items-center gap-2">
+        <Chip color="bg-ring/15 text-ring">interpreting as {result.mode}</Chip>
+        {result.valid ? (
+          <Chip color="bg-green-500/15 text-green-400">VALID</Chip>
+        ) : (
+          <Chip color="bg-red-500/15 text-red-400">INVALID</Chip>
+        )}
+      </div>
+      {!result.valid && (
+        <div className="rounded-2xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-400">
+          {first ? `${first.reason} at byte offset ${first.offset}` : "Invalid UTF-8 byte sequence detected"}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function BomPanel() {
+  const [text, setText] = useState("");
+  const hasBom = detectBom(text);
+  const hex3 = Array.from(new TextEncoder().encode(text).slice(0, 3))
+    .map((b) => b.toString(16).padStart(2, "0"))
+    .join(" ");
+
+  return (
+    <div className="grid gap-4">
+      <Field label="Text">
+        <TextArea value={text} onChange={(e) => setText(e.target.value)} spellCheck={false} placeholder="Text to tag with a BOM" />
+      </Field>
+      <div className="flex flex-wrap items-center gap-2">
+        <GhostButton type="button" onClick={() => setText(addBom(text))}>Add BOM</GhostButton>
+        <GhostButton type="button" onClick={() => setText(removeBom(text))}>Strip BOM</GhostButton>
+        <Chip color={hasBom ? "bg-green-500/15 text-green-400" : "bg-border/60 text-muted-foreground"}>
+          {hasBom ? "BOM present" : "no BOM"}
+        </Chip>
+      </div>
+      <div className="flex flex-wrap items-center gap-2 text-sm">
+        <span className="text-muted-foreground">first 3 bytes:</span>
+        <span className="font-mono text-foreground">{hex3 || "(empty)"}</span>
+        {hasBom && <span className="text-xs text-muted-foreground/70">EF BB BF proves the BOM is there</span>}
+      </div>
+    </div>
+  );
+}
+
+function EscapePanel() {
+  const [helper, setHelper] = useState('He said "hi" 😀\nnext line');
+  const [mode, setMode] = useState("unicode");
+  const [reverse, setReverse] = useState("\\u{1F600}");
+  const encoded = useMemo(() => escapeSequences(helper, mode as "unicode" | "hex" | "raw"), [helper, mode]);
+  const decoded = useMemo(() => {
+    try {
+      return { value: unescapeSequences(reverse), error: null as string | null };
+    } catch (e) {
+      return { value: "", error: (e as Error).message };
+    }
+  }, [reverse]);
+
+  return (
+    <div className="grid space-y-4">
+      <div className="grid gap-4">
+        <Field label="Source text">
+          <TextArea value={helper} onChange={(e) => setHelper(e.target.value)} spellCheck={false} className="font-mono" />
+        </Field>
+        <Field label="Escape style">
+          <SelectInput value={mode} onChange={(e) => setMode(e.target.value)} options={["unicode", "hex", "raw"]} className="w-36" />
+        </Field>
+        <div className="space-y-1.5">
+          <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Escaped</span>
+          <OutBox value={encoded} mono />
+        </div>
+      </div>
+      <div className="border-t border-border" />
+      <div className="grid gap-4">
+        <Field label="Escaped input to unescape">
+          <TextArea value={reverse} onChange={(e) => setReverse(e.target.value)} spellCheck={false} className="font-mono" />
+        </Field>
+        <div className="space-y-1.5">
+          <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Unescaped</span>
+          {decoded.error ? <p className="text-red-400 text-sm">{decoded.error}</p> : <OutBox value={decoded.value} mono={false} />}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default function Utf8Tools({ tool }: ToolPageProps) {
+  switch (tool.slug) {
+    case "utf8-encoder":
+      return <EncoderPanel />;
+    case "codepoint-inspector":
+      return <CodepointPanel />;
+    case "utf8-validator":
+      return <ValidatorPanel />;
+    case "bom-utilities":
+      return <BomPanel />;
+    case "escape-sequences":
+      return <EscapePanel />;
+    default:
+      return null;
+  }
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/uuid-generator.tsx b/artifacts/personal-tool-console/src/components/tools/uuid-generator.tsx
new file mode 100644
index 0000000..5203829
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/uuid-generator.tsx
@@ -0,0 +1,66 @@
+import { useMemo, useState } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { uuidBulk } from "@/lib/tools/coding";
+import { Field, SelectInput, NumInput, OutBox, PrimaryButton, ToggleInput } from "@/components/tools/shared/fields";
+
+type Version = "v4" | "v7";
+
+function uuidv7(uppercase: boolean): string {
+  const bytes = new Uint8Array(16);
+  const ms = Date.now();
+  const view = new DataView(bytes.buffer);
+  view.setUint32(0, Math.floor(ms / 0x100000000));
+  view.setUint32(4, ms >>> 0);
+  crypto.getRandomValues(bytes.subarray(8, 16));
+  bytes[6] = (bytes[6] & 0x0f) | 0x70;
+  bytes[8] = (bytes[8] & 0x3f) | 0x80;
+  const h = Array.from(bytes, (x) => x.toString(16).padStart(2, "0")).join("");
+  const out = `${h.slice(0, 8)}-${h.slice(8, 12)}-${h.slice(12, 16)}-${h.slice(16, 20)}-${h.slice(20)}`;
+  return uppercase ? out.toUpperCase() : out;
+}
+
+export default function UuidGeneratorPage({ tool }: ToolPageProps) {
+  const [version, setVersion] = useState<Version>("v4");
+  const [count, setCount] = useState(5);
+  const [uppercase, setUppercase] = useState(false);
+
+  const generate = (): string[] => {
+    if (version === "v4") return uuidBulk(count, uppercase);
+    return Array.from({ length: count }, () => uuidv7(uppercase));
+  };
+
+  const list = useMemo(generate, [version, count, uppercase]);
+  const output = list.join("\n");
+
+  const copyAll = () => navigator.clipboard?.writeText(output).catch(() => {});
+
+  return (
+    <div className="grid gap-4 lg:grid-cols-2">
+      <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+        <Field label="Version">
+          <SelectInput
+            options={["v4", "v1 (not client-side)", "v7"]}
+            value={version === "v4" ? "v4" : "v7"}
+            onChange={(e) => setVersion(e.target.value === "v1 (not client-side)" ? version : e.target.value as Version)}
+          />
+        </Field>
+        <Field label="Count">
+          <NumInput min={1} max={100} value={count} onChange={(e) => setCount(Math.min(100, Math.max(1, Number(e.target.value) || 1)))} />
+        </Field>
+        <ToggleInput label="Uppercase" checked={uppercase} onChange={setUppercase} />
+        <ToggleInput label="Lowercase (inverse of uppercase)" checked={!uppercase} onChange={(v) => setUppercase(!v)} />
+        <p className="text-xs text-muted-foreground/60">v1 is not generated client-side (no MAC/timestamp source).</p>
+      </div>
+
+      <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
+        <div className="flex items-center justify-between">
+          <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+            {count} UUID{count === 1 ? "" : "s"} · v{version}
+          </span>
+          <PrimaryButton onClick={copyAll}>Copy all</PrimaryButton>
+        </div>
+        <OutBox value={output} className="min-h-64" downloadable filename={`uuids-${version}.txt`} />
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/components/tools/xml/xml-tools.tsx b/artifacts/personal-tool-console/src/components/tools/xml/xml-tools.tsx
new file mode 100644
index 0000000..79e3573
--- /dev/null
+++ b/artifacts/personal-tool-console/src/components/tools/xml/xml-tools.tsx
@@ -0,0 +1,132 @@
+import { useState, useMemo } from "react";
+import type { ToolPageProps } from "@/lib/tool-registry";
+import { formatXml, minifyXml, validateXml, xmlToJson, jsonToXml } from "@/lib/tools/xml";
+import { Field, TextInput, TextArea, SelectInput, ToggleInput, OutBox } from "@/components/tools/shared/fields";
+
+const SAMPLE = `<root>
+  <person id="1"><name>Ada</name></person>
+  <person id="2"><name>Grace</name></person>
+</root>`;
+
+function FormatterPanel() {
+  const [input, setInput] = useState(SAMPLE);
+  const [indent, setIndent] = useState("2");
+  const computed = useMemo(() => {
+    try {
+      return { value: formatXml(input, Number(indent)), error: null as string | null };
+    } catch (e) {
+      return { value: "", error: (e as Error).message };
+    }
+  }, [input, indent]);
+
+  return (
+    <div className="grid gap-4">
+      <Field label="XML">
+        <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} className="font-mono" />
+      </Field>
+      <Field label="Indent size">
+        <SelectInput value={indent} onChange={(e) => setIndent(e.target.value)} options={["2", "4"]} className="w-24" />
+      </Field>
+      {computed.error ? <p className="text-red-400 text-sm">{computed.error}</p> : <OutBox value={computed.value} mono downloadable filename="formatted.xml" />}
+    </div>
+  );
+}
+
+function MinifierPanel() {
+  const [input, setInput] = useState(SAMPLE);
+  const [keepComments, setKeepComments] = useState(false);
+  const computed = useMemo(() => {
+    try {
+      return { value: minifyXml(input, keepComments), error: null as string | null };
+    } catch (e) {
+      return { value: "", error: (e as Error).message };
+    }
+  }, [input, keepComments]);
+
+  return (
+    <div className="grid gap-4">
+      <Field label="XML">
+        <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} className="font-mono" />
+      </Field>
+      <ToggleInput label="Keep comments" checked={keepComments} onChange={setKeepComments} />
+      {computed.error ? <p className="text-red-400 text-sm">{computed.error}</p> : <OutBox value={computed.value} mono downloadable filename="minified.xml" />}
+    </div>
+  );
+}
+
+function ValidatorPanel() {
+  const [input, setInput] = useState(SAMPLE);
+  const result = useMemo(() => validateXml(input), [input]);
+
+  return (
+    <div className="grid gap-4">
+      <Field label="XML to validate">
+        <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} className="font-mono" />
+      </Field>
+      {result.valid ? (
+        <div className="rounded-2xl border border-green-500/30 bg-green-500/10 px-4 py-3 text-sm text-green-400">Valid XML</div>
+      ) : (
+        <div className="rounded-2xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-400">
+          Invalid XML
+          {result.line > 0 && <> at line {result.line}</>}
+          {result.column > 0 && <>, column {result.column}</>}
+          {result.error && <> — {result.error}</>}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function ConverterPanel() {
+  const [mode, setMode] = useState("XML → JSON");
+  const [input, setInput] = useState(`<root>
+  <item id="1">one</item>
+  <item id="2">two</item>
+</root>`);
+  const [root, setRoot] = useState("root");
+  const computed = useMemo(() => {
+    try {
+      return {
+        value: mode === "XML → JSON" ? xmlToJson(input) : jsonToXml(input, root.trim() || "root"),
+        error: null as string | null,
+      };
+    } catch (e) {
+      return { value: "", error: (e as Error).message };
+    }
+  }, [mode, input, root]);
+
+  return (
+    <div className="grid gap-4">
+      <div className="grid gap-4 sm:grid-cols-2">
+        <Field label="Direction">
+          <SelectInput value={mode} onChange={(e) => setMode(e.target.value)} options={["XML → JSON", "JSON → XML"]} />
+        </Field>
+        {mode === "JSON → XML" && (
+          <Field label="Root element name">
+            <TextInput value={root} onChange={(e) => setRoot(e.target.value)} spellCheck={false} placeholder="root" />
+          </Field>
+        )}
+      </div>
+      <Field label={mode === "XML → JSON" ? "XML" : "JSON"}>
+        <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} className="font-mono" />
+      </Field>
+      {computed.error ? <p className="text-red-400 text-sm">{computed.error}</p> : <OutBox value={computed.value} mono downloadable filename={mode === "XML → JSON" ? "output.json" : "output.xml"} />}
+      <p className="text-xs text-muted-foreground/70">Works for simple XML without mixed content or namespaces. Errors from either direction are shown inline.</p>
+    </div>
+  );
+}
+
+export default function XmlTools({ tool }: ToolPageProps) {
+  switch (tool.slug) {
+    case "xml-formatter":
+      return <FormatterPanel />;
+    case "xml-minifier":
+      return <MinifierPanel />;
+    case "xml-validator":
+      return <ValidatorPanel />;
+    case "xml-json-converter":
+      return <ConverterPanel />;
+    default:
+      return null;
+  }
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/hooks/use-page-title.ts b/artifacts/personal-tool-console/src/hooks/use-page-title.ts
new file mode 100644
index 0000000..e66132d
--- /dev/null
+++ b/artifacts/personal-tool-console/src/hooks/use-page-title.ts
@@ -0,0 +1,9 @@
+import { useEffect } from "react";
+
+export const SITE_NAME = "Toolbox";
+
+export function usePageTitle(title?: string) {
+  useEffect(() => {
+    document.title = title ? `${title} · ${SITE_NAME}` : SITE_NAME;
+  }, [title]);
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/copy.ts b/artifacts/personal-tool-console/src/lib/copy.ts
new file mode 100644
index 0000000..1e35234
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/copy.ts
@@ -0,0 +1,3 @@
+export function copyText(text: string) {
+  return navigator.clipboard?.writeText(text).catch(() => {});
+}
diff --git a/artifacts/personal-tool-console/src/lib/format.ts b/artifacts/personal-tool-console/src/lib/format.ts
new file mode 100644
index 0000000..a798ba6
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/format.ts
@@ -0,0 +1,10 @@
+export function formatNumber(value: number, digits = 8) {
+  if (!Number.isFinite(value)) return '—';
+  const abs = Math.abs(value);
+  if (abs !== 0 && (abs >= 1e9 || abs < 1e-6)) return value.toExponential(6).replace(/\+/, '');
+  return Number.parseFloat(value.toFixed(digits)).toString();
+}
+
+export function normalize(input: string) {
+  return input.trim().replace(/\s+/g, ' ').toLowerCase();
+}
diff --git a/artifacts/personal-tool-console/src/lib/registry/core-tools.ts b/artifacts/personal-tool-console/src/lib/registry/core-tools.ts
new file mode 100644
index 0000000..b764063
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/registry/core-tools.ts
@@ -0,0 +1,148 @@
+import type { ToolDefinition } from "@/lib/tool-registry";
+import { tf } from "@/lib/registry/lazy";
+import {
+  Calculator, Ruler, Banknote, Timer, KeyRound, Sparkles, ScanBarcode, Hash,
+  Globe, Activity, Braces, SquareCheck, GitFork, Binary, Link, CodeXml,
+  WandSparkles, Palette, FileJson, Fingerprint, MousePointer2, Box,
+} from "lucide-react";
+
+export const CORE_TOOLS: ToolDefinition[] = [
+  // --- Core: math / converter / generator / network ---
+  {
+    slug: "calculator", name: "Calculator", description: "Run an interactive expression with variables and history.",
+    category: "math", tier: "core", icon: Calculator, keywords: ["calculator", "expression", "math", "arithmetic"],
+    commands: ["calc", "calculate"], status: "ready", component: tf(() => import("@/components/tools/calculator")),
+  },
+  {
+    slug: "unit-converter", name: "Unit Converter", description: "Convert between length, mass, time, speed, area, volume & data.",
+    category: "converter", tier: "core", icon: Ruler, keywords: ["units", "convert", "length", "metric", "imperial", "cm", "inches"],
+    commands: ["units", "convert"], status: "ready", component: tf(() => import("@/components/tools/unit-converter")),
+  },
+  {
+    slug: "currency-converter", name: "Currency Converter", description: "Convert between 30+ world currencies with offline rates.",
+    category: "converter", tier: "core", icon: Banknote, keywords: ["currency", "money", "exchange", "usd", "eur", "foreign"],
+    commands: ["currency", "money"], status: "ready", component: tf(() => import("@/components/tools/currency-converter")),
+  },
+  {
+    slug: "timestamp", name: "Epoch Timestamp", description: "Convert between unix epoch and human-readable dates & timezones.",
+    category: "converter", tier: "core", icon: Timer, keywords: ["timestamp", "epoch", "unix", "date", "time", "utc"],
+    commands: ["time", "timestamp"], status: "ready", component: tf(() => import("@/components/tools/timestamp")),
+  },
+  {
+    slug: "password-generator", name: "Password Generator", description: "Generate strong random passwords and passphrases.",
+    category: "generator", tier: "core", icon: KeyRound, keywords: ["password", "passphrase", "random", "secure", "strength"],
+    commands: ["password", "passphrase"], status: "ready", component: tf(() => import("@/components/tools/password-generator")),
+  },
+  {
+    slug: "uuid-generator", name: "UUID Generator", description: "Generate v1, v4 and v7 UUIDs in bulk.",
+    category: "generator", tier: "core", icon: Sparkles, keywords: ["uuid", "guid", "random", "identifier", "v4", "generator"],
+    commands: ["uuid"], status: "ready", component: tf(() => import("@/components/tools/uuid-generator")),
+  },
+  {
+    slug: "qr-generator", name: "QR Code Generator", description: "Generate scannable QR codes from URLs, text, Wi-Fi and more.",
+    category: "generator", tier: "core", icon: ScanBarcode, keywords: ["qr", "qrcode", "barcode", "scan", "wifi"],
+    commands: ["qr"], status: "ready", component: tf(() => import("@/components/tools/qr-generator")),
+  },
+  {
+    slug: "hash", name: "Hash Generator", description: "Compute MD5, SHA-1, SHA-256, SHA-384, SHA-512 and more.",
+    category: "crypto", tier: "core", icon: Hash, keywords: ["hash", "md5", "sha", "checksum", "digest", "verify"],
+    commands: ["hash"], status: "ready", component: tf(() => import("@/components/tools/hash")),
+  },
+  {
+    slug: "dns-lookup", name: "DNS Lookup", description: "Resolve A, AAAA, MX, TXT, NS, CNAME and SOA records.",
+    category: "network", tier: "core", icon: Globe, keywords: ["dns", "lookup", "domain", "mx", "record", "resolve"],
+    commands: ["dns"], status: "ready", component: tf(() => import("@/components/tools/dns-lookup")),
+  },
+  {
+    slug: "speed-test", name: "Speed Test", description: "Measure download, upload, latency and jitter against a CDN.",
+    category: "network", tier: "core", icon: Activity, keywords: ["speed", "bandwidth", "internet", "ping", "latency", "test"],
+    commands: ["speed"], status: "ready", component: tf(() => import("@/components/tools/speed-test")),
+  },
+
+  // --- Coding / developer tools ---
+  {
+    slug: "json-formatter", name: "JSON Formatter", description: "Pretty-print and validate JSON with syntax highlighting.",
+    category: "coding", tier: "core", icon: Braces, keywords: ["json", "format", "pretty", "prettify", "beautify"],
+    commands: ["json format", "json pretty"], status: "ready", component: tf(() => import("@/components/tools/json-formatter")),
+  },
+  {
+    slug: "json-minifier", name: "JSON Minifier", description: "Strip whitespace from JSON to a single compact line.",
+    category: "coding", icon: Braces, keywords: ["json", "minify", "compact", "strip", "size"],
+    commands: ["json minify"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+  },
+  {
+    slug: "json-validator", name: "JSON Validator", description: "Validate JSON and see the exact line/column/offset of errors.",
+    category: "coding", icon: SquareCheck, keywords: ["json", "validate", "check", "error", "syntax"],
+    commands: ["json validate"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+  },
+  {
+    slug: "json-tree-viewer", name: "JSON Tree Viewer", description: "Explore nested JSON with collapsible nodes and search.",
+    category: "coding", icon: GitFork, keywords: ["json", "tree", "viewer", "browse", "nested", "explorer"],
+    commands: ["json tree"], status: "ready", component: tf(() => import("@/components/tools/json-tree-viewer")),
+  },
+  {
+    slug: "base64", name: "Base64 Encode/Decode", description: "Encode and decode Base64 strings and files.",
+    category: "coding", tier: "core", icon: Binary, keywords: ["base64", "encode", "decode", "binary", "encode64"],
+    commands: ["base64"], status: "ready", component: tf(() => import("@/components/tools/base64")),
+  },
+  {
+    slug: "url-encoder", name: "URL Encoder", description: "Percent-encode or decode any string for safe URLs.",
+    category: "coding", tier: "core", icon: Link, keywords: ["url", "encode", "decode", "percent", "quotestr", "uri"],
+    commands: ["url encode"], status: "ready", component: tf(() => import("@/components/tools/url-encoder")),
+  },
+  {
+    slug: "url-slug", name: "URL Slug Generator", description: "Turn any text into a clean, lowercase, dash-separated slug.",
+    category: "coding", icon: Link, keywords: ["slug", "url", "seo", "permalink", "normalize"],
+    commands: ["slug"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+  },
+  {
+    slug: "html-encoder", name: "HTML Encoder", description: "Escape or unescape HTML entities (&lt; &amp; etc.).",
+    category: "coding", icon: CodeXml, keywords: ["html", "escape", "unescape", "entities", "encode"],
+    commands: ["html encode"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+  },
+  {
+    slug: "html-formatter", name: "HTML Formatter", description: "Pretty-print messy HTML with proper indentation.",
+    category: "coding", icon: WandSparkles, keywords: ["html", "format", "indent", "pretty", "beautify"],
+    commands: ["html format"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+  },
+  {
+    slug: "html-minifier", name: "HTML Minifier", description: "Compress HTML by removing whitespace and comments.",
+    category: "coding", icon: WandSparkles, keywords: ["html", "minify", "compress", "size", "speed"],
+    commands: ["html minify"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+  },
+  {
+    slug: "css-formatter", name: "CSS Formatter", description: "Beautify and normalize CSS formatting.",
+    category: "coding", icon: Palette, keywords: ["css", "format", "indent", "pretty", "beautify"],
+    commands: ["css format"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+  },
+  {
+    slug: "css-minifier", name: "CSS Minifier", description: "Compact CSS to save bytes and speed up pages.",
+    category: "coding", icon: Palette, keywords: ["css", "minify", "compress", "size"],
+    commands: ["css minify"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+  },
+  {
+    slug: "js-formatter", name: "JS Formatter", description: "Pretty-print JavaScript with proper indentation.",
+    category: "coding", icon: FileJson, keywords: ["javascript", "format", "beautify", "indent", "prettier"],
+    commands: ["js format"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+  },
+  {
+    slug: "js-minifier", name: "JS Minifier", description: "Minify JavaScript to reduce file size.",
+    category: "coding", icon: FileJson, keywords: ["javascript", "minify", "compress", "terser"],
+    commands: ["js minify"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+  },
+  {
+    slug: "md5-hash", name: "MD5 Hash Calculator", description: "Compute the RFC 1321 MD5 digest of any text.",
+    category: "coding", icon: Fingerprint, keywords: ["md5", "hash", "digest", "checksum", "rfc1321"],
+    commands: ["md5"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+  },
+  {
+    slug: "code-to-image", name: "Code to Image", description: "Turn a code snippet into a stylish shareable image.",
+    category: "image", icon: MousePointer2, keywords: ["code", "snippet", "image", "share", "screenshot", "carbon"],
+    commands: ["code image"], status: "ready", component: tf(() => import("@/components/tools/code-to-image")),
+  },
+  {
+    slug: "rn-shadow", name: "React Native Shadow Generator", description: "Craft iOS and Android box-shadows as RN style objects.",
+    category: "coding", icon: Box, keywords: ["react native", "shadow", "elevation", "ios", "android", "styles"],
+    commands: ["rn shadow"], status: "ready", component: tf(() => import("@/components/tools/rn-shadow")),
+  },
+];
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/registry/css-tools.ts b/artifacts/personal-tool-console/src/lib/registry/css-tools.ts
new file mode 100644
index 0000000..1682be0
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/registry/css-tools.ts
@@ -0,0 +1,74 @@
+import type { ToolDefinition } from "@/lib/tool-registry";
+import { tf } from "@/lib/registry/lazy";
+import {
+  Palette, Triangle, Droplets, Box, Rows3, Shapes, Spline, LoaderCircle,
+  SwitchCamera, SquareCheck, Zap, Columns3,
+} from "lucide-react";
+
+export const CSS_TOOLS: ToolDefinition[] = [
+  {
+    slug: "css-gradient-generator", name: "CSS Gradient Generator", description: "Build linear and radial gradients with live preview.",
+    category: "css", tier: "standard", icon: Palette, keywords: ["gradient", "css", "linear", "radial", "background", "preview"],
+    commands: ["gradient"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+  },
+  {
+    slug: "css-glassmorphism", name: "Glassmorphism Generator", description: "Create frosted-glass UI effects with backdrop blur.",
+    category: "css", icon: Droplets, keywords: ["glass", "glassmorphism", "blur", "frosted", "translucent"],
+    commands: ["glass"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+  },
+  {
+    slug: "css-triangle-generator", name: "CSS Triangle Generator", description: "Pure-CSS triangles in any direction, size and color.",
+    category: "css", icon: Triangle, keywords: ["triangle", "css", "shape", "caret", "arrow"],
+    commands: ["triangle"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+  },
+  {
+    slug: "css-box-shadow", name: "Box Shadow Generator", description: "Design layered box-shadows for cards and buttons.",
+    category: "css", icon: Box, keywords: ["box shadow", "shadow", "elevation", "css", "layer"],
+    commands: ["shadow"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+  },
+  {
+    slug: "css-border-radius", name: "Border Radius Generator", description: "Build smooth asymmetric border-radius shapes.",
+    category: "css", icon: Rows3, keywords: ["border radius", "rounded", "curve", "css", "shape"],
+    commands: ["radius"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+  },
+  {
+    slug: "css-background-patterns", name: "CSS Background Patterns", description: "Seamless repeating patterns made of pure gradients.",
+    category: "css", icon: Shapes, keywords: ["pattern", "background", "seamless", "repeating", "css"],
+    commands: ["pattern"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+  },
+  {
+    slug: "css-clip-path", name: "CSS Clip Path Generator", description: "Visual polygons to clip any element.",
+    category: "css", icon: Spline, keywords: ["clip path", "polygon", "shape", "clip", "css"],
+    commands: ["clip"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+  },
+  {
+    slug: "css-cubic-bezier", name: "Cubic Bezier Generator", description: "Tune easing curves for buttery animations.",
+    category: "css", icon: Spline, keywords: ["cubic bezier", "easing", "curve", "animation", "transition"],
+    commands: ["bezier"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+  },
+  {
+    slug: "css-loader-generator", name: "CSS Loader Generator", description: "Spinners and loaders with customizable colors.",
+    category: "css", icon: LoaderCircle, keywords: ["loader", "spinner", "loading", "animation", "css"],
+    commands: ["loader"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+  },
+  {
+    slug: "css-switch-generator", name: "CSS Toggle Switch", description: "Generate styled checkbox-based toggle switches.",
+    category: "css", icon: SwitchCamera, keywords: ["switch", "toggle", "ios", "checkbox", "css"],
+    commands: ["switch"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+  },
+  {
+    slug: "css-checkbox-generator", name: "CSS Checkbox Generator", description: "Custom checkboxes with animations and colors.",
+    category: "css", icon: SquareCheck, keywords: ["checkbox", "check", "custom", "css", "form"],
+    commands: ["checkbox"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+  },
+  {
+    slug: "css-text-glitch", name: "Text Glitch Generator", description: "Cyberpunk RGB-split glitch effects with clip-path.",
+    category: "css", icon: Zap, keywords: ["glitch", "text", "effect", "rgb", "cyberpunk", "css"],
+    commands: ["glitch"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+  },
+  {
+    slug: "css-grid-generator", name: "CSS Grid Generator", description: "Lay out a css-grid with configurable columns, gaps and templates.",
+    category: "css", icon: Columns3, keywords: ["grid", "columns", "layout", "template", "gaps", "css"],
+    commands: ["grid"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+  },
+];
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/registry/dev-tools.ts b/artifacts/personal-tool-console/src/lib/registry/dev-tools.ts
new file mode 100644
index 0000000..aeb02d4
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/registry/dev-tools.ts
@@ -0,0 +1,195 @@
+import type { ToolDefinition } from "@/lib/tool-registry";
+import { tf } from "@/lib/registry/lazy";
+import {
+  Lock, KeySquare, Shield, KeyRound, Binary, ListChecks, ScanText, Combine,
+  GitCompareArrows, Split, SwitchCamera, Search, Eraser, Terminal, FileSearch,
+  Timer, WandSparkles, FolderTree, FileCode2, FileDiff, SquareCheck, Braces,
+  TextCursorInput, Hexagon, Spline, Droplets, Palette,
+} from "lucide-react";
+
+export const DEV_TOOLS: ToolDefinition[] = [
+
+  // --- Crypto (WebCrypto, fully in-browser) ---
+  {
+    slug: "aes-cipher", name: "AES Encrypt / Decrypt", description: "Encrypt and decrypt text with AES-128/192/256 in CBC or GCM mode.",
+    category: "crypto", tier: "standard", icon: Lock, keywords: ["aes", "encrypt", "decrypt", "cipher", "cbc", "gcm", "aes256"],
+    commands: ["aes"], status: "ready", component: tf(() => import("@/components/tools/crypto/crypto-tools")),
+  },
+  {
+    slug: "hmac-generator", name: "HMAC Generator", description: "Compute HMAC-MD5/SHA1/SHA256/SHA512 signatures with any secret key.",
+    category: "crypto", icon: KeySquare, keywords: ["hmac", "signature", "auth", "sha", "secret", "key"],
+    commands: ["hmac"], status: "ready", component: tf(() => import("@/components/tools/crypto/crypto-tools")),
+  },
+  {
+    slug: "jwt-decoder", name: "JWT Decoder", description: "Decode, segment and verify JWT tokens without sending them anywhere.",
+    category: "crypto", icon: Shield, keywords: ["jwt", "token", "decode", "verify", "authentication", "payload"],
+    commands: ["jwt"], status: "ready", component: tf(() => import("@/components/tools/crypto/crypto-tools")),
+  },
+  {
+    slug: "crypto-key-gen", name: "Crypto Key Generator", description: "Generate random keys, salts, IVs and secrets of any length.",
+    category: "crypto", icon: KeyRound, keywords: ["key", "salt", "iv", "secret", "random", "entropy", "hex"],
+    commands: ["keygen", "secret"], status: "ready", component: tf(() => import("@/components/tools/crypto/crypto-tools")),
+  },
+
+  // --- Bitmap / binary ---
+  {
+    slug: "radix-converter", name: "Base / Radix Converter", description: "Convert numbers between binary, octal, decimal and hex (2–36).",
+    category: "bitmap", tier: "standard", icon: Binary, keywords: ["radix", "base", "binary", "hex", "octal", "decimal", "base64"],
+    commands: ["radix", "base"], status: "ready", component: tf(() => import("@/components/tools/bitmap/bitmap-tools")),
+  },
+  {
+    slug: "bitwise-calculator", name: "Bitwise Calculator", description: "AND, OR, XOR, NOT and shifts on int8/16/32/64 values.",
+    category: "bitmap", icon: Binary, keywords: ["bitwise", "binary", "and", "xor", "or", "shift", "mask"],
+    commands: ["bitwise"], status: "ready", component: tf(() => import("@/components/tools/bitmap/bitmap-tools")),
+  },
+  {
+    slug: "bit-flags", name: "Bit Flags Builder", description: "Combine and decode 8/16/32-bit permission-style bit flags.",
+    category: "bitmap", icon: ListChecks, keywords: ["flags", "bitmask", "permissions", "bits", "enum", "flags builder"],
+    commands: ["flags"], status: "ready", component: tf(() => import("@/components/tools/bitmap/bitmap-tools")),
+  },
+  {
+    slug: "binary-viewer", name: "Binary Viewer", description: "Inspect a string as UTF-8 bytes, codepoints and binary.",
+    category: "bitmap", icon: ScanText, keywords: ["binary", "bytes", "hex", "viewer", "dump", "bits"],
+    commands: ["binary"], status: "ready", component: tf(() => import("@/components/tools/bitmap/bitmap-tools")),
+  },
+
+  // --- Set operations ---
+  {
+    slug: "set-union", name: "Set Union", description: "Merge two lists of lines, keeping each unique item once.",
+    category: "set", tier: "advanced", icon: Combine, keywords: ["set", "union", "merge", "combine", "unique"],
+    commands: ["set union"], status: "ready", component: tf(() => import("@/components/tools/set/set-tools")),
+  },
+  {
+    slug: "set-intersection", name: "Set Intersection", description: "Items present in both lists of lines.",
+    category: "set", icon: GitCompareArrows, keywords: ["set", "intersection", "common", "both", "overlap"],
+    commands: ["set intersection"], status: "ready", component: tf(() => import("@/components/tools/set/set-tools")),
+  },
+  {
+    slug: "set-difference", name: "Set Difference", description: "Items in list A that are NOT in list B.",
+    category: "set", icon: Split, keywords: ["set", "difference", "subtract", "minus"],
+    commands: ["set difference"], status: "ready", component: tf(() => import("@/components/tools/set/set-tools")),
+  },
+  {
+    slug: "set-symmetric-difference", name: "Symmetric Difference", description: "Items in either list but NOT in both (A △ B).",
+    category: "set", icon: SwitchCamera, keywords: ["set", "symmetric", "xor", "exclusive", "not both"],
+    commands: ["set xor"], status: "ready", component: tf(() => import("@/components/tools/set/set-tools")),
+  },
+  {
+    slug: "set-membership", name: "Set Membership Checker", description: "Test which items of a list exist in another list.",
+    category: "set", icon: Search, keywords: ["set", "membership", "contains", "include", "filter", "exists"],
+    commands: ["set membership"], status: "ready", component: tf(() => import("@/components/tools/set/set-tools")),
+  },
+  {
+    slug: "set-dedupe", name: "Dedupe Lines", description: "Remove duplicate lines while preserving order.",
+    category: "set", icon: Eraser, keywords: ["dedupe", "deduplicate", "unique", "duplicate", "distinct"],
+    commands: ["dedupe"], status: "ready", component: tf(() => import("@/components/tools/set/set-tools")),
+  },
+
+  // --- Linux ---
+  {
+    slug: "chmod-calculator", name: "chmod Calculator", description: "Convert symbolic (rwx) permissions to octal and back.",
+    category: "linux", tier: "standard", icon: Shield, keywords: ["chmod", "permissions", "rwx", "octal", "symbolic", "770"],
+    commands: ["chmod"], status: "ready", component: tf(() => import("@/components/tools/linux/linux-tools")),
+  },
+  {
+    slug: "permissions-decoder", name: "ls -l Permissions Decoder", description: "Decode a drwxr-xr-x permission string into its meaning.",
+    category: "linux", icon: FileSearch, keywords: ["ls", "permissions", "decode", "drwx", "owner", "group"],
+    commands: ["ls -l"], status: "ready", component: tf(() => import("@/components/tools/linux/linux-tools")),
+  },
+  {
+    slug: "cron-parser", name: "Cron Expression Parser", description: "Parse any cron expression and list the next five runs.",
+    category: "linux", tier: "advanced", icon: Timer, keywords: ["cron", "parser", "schedule", "expression", "job"],
+    commands: ["cron parse"], status: "ready", component: tf(() => import("@/components/tools/linux/linux-tools")),
+  },
+  {
+    slug: "cron-generator", name: "Cron Generator", description: "Build cron expressions visually minute by minute.",
+    category: "linux", icon: WandSparkles, keywords: ["cron", "generator", "schedule", "every", "expression"],
+    commands: ["cron generate"], status: "ready", component: tf(() => import("@/components/tools/linux/linux-tools")),
+  },
+  {
+    slug: "path-utils", name: "POSIX Path Utilities", description: "Join, resolve, normalize, dirname & basename paths.",
+    category: "linux", icon: FolderTree, keywords: ["path", "posix", "dirname", "basename", "join", "linux"],
+    commands: ["path"], status: "ready", component: tf(() => import("@/components/tools/linux/linux-tools")),
+  },
+  {
+    slug: "uid-gid-table", name: "UID & GID Table", description: "Well-known Linux UIDs/GIDs for users, daemons and groups.",
+    category: "linux", icon: ListChecks, keywords: ["uid", "gid", "linux", "users", "root", "daemon"],
+    commands: ["uid", "gid"], status: "ready", component: tf(() => import("@/components/tools/linux/linux-tools")),
+  },
+
+  // --- XML ---
+  {
+    slug: "xml-formatter", name: "XML Formatter", description: "Pretty-print XML with configurable indentation.",
+    category: "xml", tier: "standard", icon: FileCode2, keywords: ["xml", "format", "pretty", "indent", "beautify"],
+    commands: ["xml format"], status: "ready", component: tf(() => import("@/components/tools/xml/xml-tools")),
+  },
+  {
+    slug: "xml-minifier", name: "XML Minifier", description: "Compact XML by removing ignorable whitespace.",
+    category: "xml", icon: FileDiff, keywords: ["xml", "minify", "compact", "space", "size"],
+    commands: ["xml minify"], status: "ready", component: tf(() => import("@/components/tools/xml/xml-tools")),
+  },
+  {
+    slug: "xml-validator", name: "XML Validator", description: "Validate XML well-formedness and show the exact error.",
+    category: "xml", icon: SquareCheck, keywords: ["xml", "validate", "wellformed", "error", "parse"],
+    commands: ["xml validate"], status: "ready", component: tf(() => import("@/components/tools/xml/xml-tools")),
+  },
+  {
+    slug: "xml-json-converter", name: "XML ⇄ JSON Converter", description: "Convert simple XML documents to JSON and back.",
+    category: "xml", icon: Braces, keywords: ["xml", "json", "convert", "transform"],
+    commands: ["xml json"], status: "ready", component: tf(() => import("@/components/tools/xml/xml-tools")),
+  },
+
+  // --- UTF-8 ---
+  {
+    slug: "utf8-encoder", name: "UTF-8 Encoder", description: "Encode and decode UTF-8 bytes from text.",
+    category: "utf8", tier: "advanced", icon: TextCursorInput, keywords: ["utf8", "utf-8", "encode", "decode", "bytes"],
+    commands: ["utf8"], status: "ready", component: tf(() => import("@/components/tools/utf8/utf8-tools")),
+  },
+  {
+    slug: "codepoint-inspector", name: "Codepoint Inspector", description: "Inspect every Unicode codepoint and its decomposition.",
+    category: "utf8", icon: ScanText, keywords: ["codepoint", "unicode", "char", "utf-16", "utf-32"],
+    commands: ["codepoint"], status: "ready", component: tf(() => import("@/components/tools/utf8/utf8-tools")),
+  },
+  {
+    slug: "utf8-validator", name: "UTF-8 Validator", description: "Check whether a byte sequence is valid UTF-8.",
+    category: "utf8", icon: SquareCheck, keywords: ["utf8", "validate", "bytes", "invalid", "mojibake"],
+    commands: ["utf8 validate"], status: "ready", component: tf(() => import("@/components/tools/utf8/utf8-tools")),
+  },
+  {
+    slug: "bom-utilities", name: "BOM Utilities", description: "Add, strip and inspect UTF-8/16/32 byte-order marks.",
+    category: "utf8", icon: FileSearch, keywords: ["bom", "byte order mark", "ef bb bf", "utf8", "header"],
+    commands: ["bom"], status: "ready", component: tf(() => import("@/components/tools/utf8/utf8-tools")),
+  },
+  {
+    slug: "escape-sequences", name: "Escape / Unescape", description: "Escape & unescape \\n \\t \\uXXXX and hex sequences.",
+    category: "utf8", icon: Braces, keywords: ["escape", "unescape", "backslash", "newline", "unicode escape"],
+    commands: ["escape"], status: "ready", component: tf(() => import("@/components/tools/utf8/utf8-tools")),
+  },
+
+  // --- Color ---
+  {
+    slug: "color-palette", name: "Color Palette Generator", description: "Build a cohesive palette from a seed color.",
+    category: "color", tier: "standard", icon: Palette, keywords: ["palette", "color", "scheme", "design", "harmony"],
+    commands: ["palette"], status: "ready", component: tf(() => import("@/components/tools/color/color-tools")),
+  },
+  {
+    slug: "hex-to-rgba", name: "Hex → RGBA", description: "Convert HEX colors to rgba() effortlessly.",
+    category: "color", icon: Hexagon, keywords: ["hex", "rgba", "convert", "color", "css"],
+    commands: ["hex to rgba"], status: "ready", component: tf(() => import("@/components/tools/color/color-tools")),
+  },
+  {
+    slug: "rgba-to-hex", name: "RGBA → Hex", description: "Convert rgba() colors back to #rrggbb or #rrggbbaa.",
+    category: "color", icon: Hexagon, keywords: ["rgba", "hex", "convert", "color", "css"],
+    commands: ["rgba to hex"], status: "ready", component: tf(() => import("@/components/tools/color/color-tools")),
+  },
+  {
+    slug: "color-shades", name: "Color Shades Generator", description: "Generate tints and shades from 10% to 90%.",
+    category: "color", icon: Spline, keywords: ["shades", "tints", "lighten", "darken", "color", "scale"],
+    commands: ["shades"], status: "ready", component: tf(() => import("@/components/tools/color/color-tools")),
+  },
+  {
+    slug: "color-mixer", name: "Color Mixer", description: "Blend two colors with a mixing ratio.",
+    category: "color", icon: Droplets, keywords: ["mix", "blend", "color", "ratio", "gradient"],
+    commands: ["mix colors"], status: "ready", component: tf(() => import("@/components/tools/color/color-tools")),
+  },
+];
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/registry/lazy.ts b/artifacts/personal-tool-console/src/lib/registry/lazy.ts
new file mode 100644
index 0000000..5835a5e
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/registry/lazy.ts
@@ -0,0 +1,7 @@
+import { lazy } from "react";
+import type { ToolComponent } from "@/lib/tool-registry";
+
+export function tf<T>(loader: () => Promise<T>): ToolComponent {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return lazy(loader as any) as unknown as ToolComponent;
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/registry/media-tools.ts b/artifacts/personal-tool-console/src/lib/registry/media-tools.ts
new file mode 100644
index 0000000..9774a2b
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/registry/media-tools.ts
@@ -0,0 +1,162 @@
+import type { ToolDefinition } from "@/lib/tool-registry";
+import { tf } from "@/lib/registry/lazy";
+import {
+  Crop, SlidersHorizontal, Droplets, MousePointer2, Shapes, Grip, ScanText,
+  FileText, Scissors, Download, Share2, SwitchCamera, MessageCircle, Globe,
+  WandSparkles, Quote, Star, Repeat, Volume2, Image, Shuffle, CreditCard,
+  ScanBarcode, Dices, User, ListOrdered,
+} from "lucide-react";
+
+export const MEDIA_TOOLS: ToolDefinition[] = [
+
+  // --- Image ---
+  {
+    slug: "image-resizer", name: "Image Resizer", description: "Resize and scale images by pixels or percentage in your browser.",
+    category: "image", icon: Crop, keywords: ["resize", "image", "scale", "dimension", "width", "height"],
+    commands: ["resize"], status: "ready", component: tf(() => import("@/components/tools/image/image-tools")),
+  },
+  {
+    slug: "image-filters", name: "Image Filters", description: "Apply brightness, contrast, blur, sepia and more.",
+    category: "image", icon: SlidersHorizontal, keywords: ["filter", "image", "effect", "brightness", "contrast", "sepia"],
+    commands: ["filters"], status: "ready", component: tf(() => import("@/components/tools/image/image-tools")),
+  },
+  {
+    slug: "image-avg-color", name: "Average Image Color", description: "Extract the dominant average color from an image.",
+    category: "image", icon: Droplets, keywords: ["average", "color", "dominant", "extract", "image", "palette"],
+    commands: ["avg color"], status: "ready", component: tf(() => import("@/components/tools/image/image-tools")),
+  },
+  {
+    slug: "image-color-picker", name: "Color Picker from Image", description: "Pick any pixel color from your own image.",
+    category: "image", icon: MousePointer2, keywords: ["picker", "eyedropper", "color", "pixel", "image"],
+    commands: ["pick color"], status: "ready", component: tf(() => import("@/components/tools/image/image-tools")),
+  },
+  {
+    slug: "svg-blob-generator", name: "SVG Blob Generator", description: "Organic blob shapes as SVG paths and CSS.",
+    category: "image", icon: Shapes, keywords: ["blob", "svg", "organic", "shape", "path", "fluid"],
+    commands: ["blob"], status: "ready", component: tf(() => import("@/components/tools/image/image-tools")),
+  },
+  {
+    slug: "svg-pattern-generator", name: "SVG Pattern Generator", description: "Tiled geometric SVG patterns with colors.",
+    category: "image", icon: Grip, keywords: ["pattern", "svg", "tile", "seamless", "texture"],
+    commands: ["svg pattern"], status: "ready", component: tf(() => import("@/components/tools/image/image-tools")),
+  },
+  {
+    slug: "image-to-base64", name: "Image to Base64", description: "Convert images to base64 data URIs to inline in HTML/CSS.",
+    category: "image", icon: ScanText, keywords: ["image", "base64", "data uri", "inline", "embed"],
+    commands: ["image base64"], status: "ready", component: tf(() => import("@/components/tools/image/image-tools")),
+  },
+  {
+    slug: "online-sentence-picker", name: "Sentence Picker", description: "Pick a random sentence from a block of text.",
+    category: "misc", icon: ListOrdered, keywords: ["sentence", "random", "pick", "choose", "randomizer"],
+    commands: ["pick sentence"], status: "ready", component: tf(() => import("@/components/tools/misc/misc-tools")),
+  },
+  {
+    slug: "pdf-merger", name: "PDF Merger", description: "Combine multiple PDF files into one document.",
+    category: "image", icon: FileText, keywords: ["pdf", "merge", "combine", "join", "documents"],
+    commands: ["pdf merge"], status: "coming-soon",
+  },
+  {
+    slug: "pdf-splitter", name: "PDF Splitter", description: "Split pages out of a PDF into separate files.",
+    category: "image", icon: Scissors, keywords: ["pdf", "split", "pages", "extract", "separate"],
+    commands: ["pdf split"], status: "coming-soon",
+  },
+  {
+    slug: "pdf-compressor", name: "PDF Compressor", description: "Reduce PDF file size by recompressing images.",
+    category: "image", icon: Download, keywords: ["pdf", "compress", "reduce", "size", "optimize"],
+    commands: ["pdf compress"], status: "coming-soon",
+  },
+
+  // --- Social ---
+  {
+    slug: "og-meta-generator", name: "Open Graph Meta Generator", description: "Generate OG and Twitter card meta tags for any URL.",
+    category: "social", tier: "standard", icon: Share2, keywords: ["og", "open graph", "meta", "twitter card", "seo", "preview"],
+    commands: ["og meta"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+  },
+  {
+    slug: "instagram-filters", name: "Instagram Filter Preview", description: "Preview Instagram-style filters on your photos.",
+    category: "social", icon: SwitchCamera, keywords: ["instagram", "filter", "photo", "preset", "likes"],
+    commands: ["insta filter"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+  },
+  {
+    slug: "youtube-thumbnail", name: "YouTube Thumbnail Size", description: "Get the correct YouTube thumbnail sizes and URLs.",
+    category: "social", icon: Volume2, keywords: ["youtube", "thumbnail", "size", "1280", "720", "maxres"],
+    commands: ["yt thumbnail"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+  },
+  {
+    slug: "vimeo-thumbnail", name: "Vimeo Thumbnail Size", description: "Fetch Vimeo thumbnail URLs at every available size.",
+    category: "social", icon: Globe, keywords: ["vimeo", "thumbnail", "video", "size"],
+    commands: ["vimeo thumbnail"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+  },
+  {
+    slug: "custom-twitter-card", name: "Twitter Card Generator", description: "Generate summary and summary_large_image card tags.",
+    category: "social", icon: MessageCircle, keywords: ["twitter", "card", "meta", "x", "summary", "snippet"],
+    commands: ["twitter card"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+  },
+  {
+    slug: "og-image-generator", name: "OG Image Generator", description: "Design a shareable 1200×630 social image in-browser.",
+    category: "image", icon: Image, keywords: ["og", "image", "social", "1200", "630", "share"],
+    commands: ["og image"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+  },
+  {
+    slug: "quote-generator", name: "Quote Card Generator", description: "Beautiful quote cards for Instagram and X.",
+    category: "social", icon: Quote, keywords: ["quote", "card", "instagram", "motivational", "poster"],
+    commands: ["quote"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+  },
+  {
+    slug: "caption-generator", name: "Instagram Caption Generator", description: "Generate catchy captions and hashtags from your topic.",
+    category: "social", icon: Star, keywords: ["caption", "instagram", "hashtag", "copy", "post"],
+    commands: ["caption"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+  },
+  {
+    slug: "bio-generator", name: "Social Bio Generator", description: "Craft short, punchy bios for any platform.",
+    category: "social", icon: Repeat, keywords: ["bio", "profile", "instagram", "twitter", "about"],
+    commands: ["bio"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+  },
+  {
+    slug: "linkedin-header-generator", name: "LinkedIn Banner Generator", description: "Create a 1128×191 LinkedIn banner with a headline.",
+    category: "social", icon: WandSparkles, keywords: ["linkedin", "banner", "header", "1128", "cover"],
+    commands: ["linkedin"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+  },
+  {
+    slug: "link-preview-generator", name: "Link Preview Mockup", description: "Preview how your link will look shared on social apps.",
+    category: "social", icon: Share2, keywords: ["preview", "link", "mockup", "og", "share"],
+    commands: ["link preview"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+  },
+  {
+    slug: "social-mockup", name: "Social Post Mockup", description: "Frame text into a realistic social media post.",
+    category: "social", icon: MessageCircle, keywords: ["mockup", "post", "frame", "social", "screenshot"],
+    commands: ["mockup"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+  },
+  {
+    slug: "yt-title-generator", name: "YouTube Title Generator", description: "Generate clickable titles from keyword combos.",
+    category: "social", icon: Volume2, keywords: ["youtube", "title", "clickbait", "keyword", "video"],
+    commands: ["yt title"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+  },
+
+  // --- Misc ---
+  {
+    slug: "list-randomizer", name: "List Randomizer", description: "Shuffle or randomize any newline-separated list.",
+    category: "misc", tier: "standard", icon: Shuffle, keywords: ["randomizer", "shuffle", "list", "raffle", "random order"],
+    commands: ["shuffle"], status: "ready", component: tf(() => import("@/components/tools/misc/misc-tools")),
+  },
+  {
+    slug: "fake-iban-generator", name: "Fake IBAN Generator", description: "Generate structural, checksum-valid IBANs for 13 countries.",
+    category: "misc", icon: CreditCard, keywords: ["iban", "bank", "account", "fake", "valid", "european"],
+    commands: ["iban"], status: "ready", component: tf(() => import("@/components/tools/misc/misc-tools")),
+  },
+  {
+    slug: "barcode-generator", name: "Barcode Generator", description: "Generate Code 39 and EAN-13 barcodes as SVG.",
+    category: "misc", icon: ScanBarcode, keywords: ["barcode", "code39", "ean13", "ean", "svg", "scan"],
+    commands: ["barcode"], status: "ready", component: tf(() => import("@/components/tools/misc/misc-tools")),
+  },
+  {
+    slug: "unicode-rain", name: "Unicode Rain", description: "A Matrix-style animated stream of any character set.",
+    category: "misc", icon: Dices, keywords: ["rain", "matrix", "unicode", "animation", "symbols"],
+    commands: ["rain"], status: "ready", component: tf(() => import("@/components/tools/misc/misc-tools")),
+  },
+  {
+    slug: "fake-user-generator", name: "Fake User Generator", description: "Bulk-generate fake names, emails, countries and phones.",
+    category: "misc", icon: User, keywords: ["fake", "user", "names", "email", "dummy", "test data"],
+    commands: ["fake user"], status: "ready", component: tf(() => import("@/components/tools/misc/misc-tools")),
+  },
+];
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/registry/text.ts b/artifacts/personal-tool-console/src/lib/registry/text.ts
new file mode 100644
index 0000000..64c7374
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/registry/text.ts
@@ -0,0 +1,77 @@
+import type { ToolDefinition } from "@/lib/tool-registry";
+import { TEXT_GROUPS } from "@/lib/tools/text";
+import { tf } from "@/lib/registry/lazy";
+import {
+  Scissors, AlignStartVertical, MoveHorizontal, WandSparkles, Quote, ListFilter,
+  ArrowUpDown, Dices, ChartColumn, CaseSensitive, TextWrap, TextQuote, Braces,
+  Hash, Highlighter, Type, Table, Binary, TextSelect, Pencil, TypeOutline,
+} from "lucide-react";
+
+const GROUP_ICONS: Record<string, typeof Scissors> = {
+  "split-combine": Scissors,
+  "alignment-padding": AlignStartVertical,
+  "reordering": MoveHorizontal,
+  "randomize-fake": WandSparkles,
+  "prefix-suffix-symbols": Quote,
+  "filtering": ListFilter,
+  "sorting": ArrowUpDown,
+  "randomize-order": Dices,
+  "stats-structure": ChartColumn,
+  "case-visual": CaseSensitive,
+  "line-breaks-spacing": TextWrap,
+  "quotes-style": TextQuote,
+  "extraction-encoding": Braces,
+  "letters-digits": Hash,
+  "highlight-visualize": Highlighter,
+  "vowels-consonants": Type,
+  "columns-ngrams": Table,
+  "misc-encoding": Binary,
+  "existing": TextSelect,
+};
+
+function keywordsFor(name: string, description: string): string[] {
+  const parts = new Set<string>();
+  for (const w of name.toLowerCase().split(/[^a-z0-9]+/)) if (w.length > 1) parts.add(w);
+  description.toLowerCase().split(/[^a-z0-9]+/).slice(0, 6).forEach((w) => { if (w.length > 2) parts.add(w); });
+  return [...parts];
+}
+
+export const TEXT_SHARED_PAGE = tf(() => import("@/components/tools/text/text-tool-page"));
+
+export const TEXT_TOOL_DEFS: ToolDefinition[] = TEXT_GROUPS.flatMap((g) =>
+  g.tools.map((t) => ({
+    slug: t.slug,
+    name: t.name,
+    description: t.description,
+    category: "text" as const,
+    icon: GROUP_ICONS[g.id] ?? Type,
+    keywords: keywordsFor(t.name, t.description),
+    commands: [g.id],
+    status: "ready",
+    group: g.id,
+    component: TEXT_SHARED_PAGE,
+  })),
+);
+
+export const TEXT_COMING_SOON: ToolDefinition[] = [
+  {
+    slug: "text-handwriting",
+    name: "Handwriting Generator",
+    description: "Convert text into realistic handwriting-style fonts and PDF worksheets.",
+    category: "text",
+    icon: Pencil,
+    keywords: ["handwriting", "font", "cursive", "script", "worksheet"],
+    commands: ["randomize-fake"],
+    status: "coming-soon",
+  },
+  {
+    slug: "font-pair-finder",
+    name: "Font Pair Finder",
+    description: "Discover harmonious Google Font pairings for your next design.",
+    category: "text",
+    icon: TypeOutline,
+    keywords: ["font", "pairing", "typography", "google fonts", "match"],
+    commands: ["case-visual"],
+    status: "coming-soon",
+  },
+];
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/storage.ts b/artifacts/personal-tool-console/src/lib/storage.ts
new file mode 100644
index 0000000..cb065ff
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/storage.ts
@@ -0,0 +1,38 @@
+export const STORAGE_KEYS = {
+  history: 'ptc_history_v1',
+  pins: 'ptc_pins_v1',
+  prefs: 'ptc_prefs_v1',
+  recentTools: 'recent_tools_v1',
+} as const;
+
+export const DEFAULT_PREFS = {
+  passwordLength: 16,
+  passwordMode: 'strong',
+  defaultCurrencyFrom: 'usd',
+  defaultCurrencyTo: 'myr',
+};
+
+export function loadJson<T>(key: string, fallback: T): T {
+  if (typeof window === 'undefined') return fallback;
+  try {
+    const raw = window.localStorage.getItem(key);
+    return raw ? JSON.parse(raw) : fallback;
+  } catch {
+    return fallback;
+  }
+}
+
+export function saveJson(key: string, value: unknown) {
+  if (typeof window === 'undefined') return;
+  try {
+    window.localStorage.setItem(key, JSON.stringify(value));
+  } catch {
+    /* ignore quota errors */
+  }
+}
+
+export function trackRecentTool(slug: string) {
+  const recent = loadJson<string[]>(STORAGE_KEYS.recentTools, []);
+  const updated = [slug, ...recent.filter((s) => s !== slug)].slice(0, 12);
+  saveJson(STORAGE_KEYS.recentTools, updated);
+}
diff --git a/artifacts/personal-tool-console/src/lib/tool-registry.ts b/artifacts/personal-tool-console/src/lib/tool-registry.ts
new file mode 100644
index 0000000..eb2ca3a
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tool-registry.ts
@@ -0,0 +1,130 @@
+import type { ComponentType, LazyExoticComponent } from "react";
+import {
+  Calculator, ArrowLeftRight, Sparkles, Globe, Lock, Binary, Combine, Terminal,
+  FileCode2, TextCursorInput, CodeXml, Type, Image, Palette, Share2, Wrench,
+  type LucideIcon,
+} from "lucide-react";
+import { loadJson, STORAGE_KEYS } from "@/lib/storage";
+import { CORE_TOOLS } from "@/lib/registry/core-tools";
+import { DEV_TOOLS } from "@/lib/registry/dev-tools";
+import { CSS_TOOLS } from "@/lib/registry/css-tools";
+import { MEDIA_TOOLS } from "@/lib/registry/media-tools";
+import { TEXT_TOOL_DEFS, TEXT_COMING_SOON } from "@/lib/registry/text";
+
+export type ToolCategoryId =
+  | "math" | "converter" | "generator" | "network"
+  | "crypto" | "bitmap" | "set" | "linux" | "xml" | "utf8" | "coding"
+  | "text" | "image" | "css" | "color" | "social" | "misc";
+
+export type ToolStatus = "ready" | "coming-soon";
+
+export interface ToolPageProps {
+  tool: ToolDefinition;
+}
+
+export type ToolComponent = LazyExoticComponent<ComponentType<ToolPageProps>>;
+
+export type ToolDefinition = {
+  slug: string;
+  name: string;
+  description: string;
+  category: ToolCategoryId;
+  tier?: "core" | "standard" | "advanced";
+  icon: LucideIcon;
+  keywords: string[];
+  commands?: string[];
+  status: ToolStatus;
+  group?: string;
+  component?: ToolComponent;
+};
+
+export interface ToolCategoryMeta {
+  id: ToolCategoryId;
+  label: string;
+  icon: LucideIcon;
+  blurb: string;
+}
+
+export const TOOL_CATEGORIES: Record<ToolCategoryId, ToolCategoryMeta> = {
+  math: { id: "math", label: "Math", icon: Calculator, blurb: "Calculators and expressions" },
+  converter: { id: "converter", label: "Converters", icon: ArrowLeftRight, blurb: "Units, currency, time & radix" },
+  generator: { id: "generator", label: "Generators", icon: Sparkles, blurb: "Passwords, QR codes, UUIDs & keys" },
+  network: { id: "network", label: "Network", icon: Globe, blurb: "DNS, speed and connectivity" },
+  crypto: { id: "crypto", label: "Crypto", icon: Lock, blurb: "Encryption, HMAC, JWT (in-browser)" },
+  bitmap: { id: "bitmap", label: "Bitmap", icon: Binary, blurb: "Bit-level and radix utilities" },
+  set: { id: "set", label: "Sets", icon: Combine, blurb: "Union, intersection & dedupe" },
+  linux: { id: "linux", label: "Linux", icon: Terminal, blurb: "chmod, cron, paths & permissions" },
+  xml: { id: "xml", label: "XML", icon: FileCode2, blurb: "Format, validate & convert XML" },
+  utf8: { id: "utf8", label: "UTF-8", icon: TextCursorInput, blurb: "Bytes, codepoints, BOM & escapes" },
+  coding: { id: "coding", label: "Coding", icon: CodeXml, blurb: "Formatters, encoders & dev aids" },
+  text: { id: "text", label: "Text", icon: Type, blurb: "200+ text manipulation utilities" },
+  image: { id: "image", label: "Image", icon: Image, blurb: "Canvas-based image editing" },
+  css: { id: "css", label: "CSS", icon: Palette, blurb: "CSS generators with live preview" },
+  color: { id: "color", label: "Color", icon: Palette, blurb: "Palettes, shades and converters" },
+  social: { id: "social", label: "Social", icon: Share2, blurb: "Mockups, thumbnails & OG meta" },
+  misc: { id: "misc", label: "Misc", icon: Wrench, blurb: "PDF, barcodes, IBAN, randomizers" },
+};
+
+export const CATEGORY_ORDER = Object.keys(TOOL_CATEGORIES) as ToolCategoryId[];
+
+export const ALL_TOOLS: ToolDefinition[] = [
+  ...CORE_TOOLS,
+  ...DEV_TOOLS,
+  ...CSS_TOOLS,
+  ...MEDIA_TOOLS,
+  ...TEXT_TOOL_DEFS,
+  ...TEXT_COMING_SOON,
+];
+
+export const TOOLS_BY_SLUG = new Map<string, ToolDefinition>(ALL_TOOLS.map((t) => [t.slug, t]));
+
+export function getToolDefinition(slug: string): ToolDefinition | undefined {
+  return TOOLS_BY_SLUG.get(slug);
+}
+
+export function getToolsByCategory(category: ToolCategoryId): ToolDefinition[] {
+  return ALL_TOOLS.filter((t) => t.category === category);
+}
+
+export function getCategoriesWithTools(): Array<ToolCategoryMeta & { tools: ToolDefinition[]; ready: number }> {
+  return CATEGORY_ORDER.map((id) => {
+    const tools = getToolsByCategory(id);
+    return {
+      ...TOOL_CATEGORIES[id],
+      tools,
+      ready: tools.filter((t) => t.status === "ready").length,
+    };
+  });
+}
+
+export function searchTools(query: string, limit = 20): ToolDefinition[] {
+  const q = query.trim().toLowerCase();
+  if (!q) return [];
+  const scored = ALL_TOOLS
+    .map((t) => {
+      let score = 0;
+      if (t.slug.includes(q)) score += 10;
+      if (t.name.toLowerCase().includes(q)) score += 8;
+      if (t.description.toLowerCase().includes(q)) score += 3;
+      for (const k of t.keywords) {
+        if (k.includes(q)) score += 6;
+        else if (k.startsWith(q)) score += 5;
+      }
+      if (t.commands?.some((c) => c.toLowerCase().includes(q))) score += 4;
+      return { t, score };
+    })
+    .filter((x) => x.score > 0)
+    .sort((a, b) => b.score - a.score || a.t.name.localeCompare(b.t.name));
+  return scored.slice(0, limit).map((x) => x.t);
+}
+
+export function getRecentTools(): ToolDefinition[] {
+  const slugs = loadJson<string[]>(STORAGE_KEYS.recentTools, []);
+  const found = slugs.map((s) => TOOLS_BY_SLUG.get(s)).filter((t): t is ToolDefinition => Boolean(t));
+  return found.slice(0, 12);
+}
+
+export function toOption(value: unknown): string {
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return String(value);
+  return "";
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/tools/base64.ts b/artifacts/personal-tool-console/src/lib/tools/base64.ts
new file mode 100644
index 0000000..ab0f7e7
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/base64.ts
@@ -0,0 +1,11 @@
+export function base64Encode(text: string) {
+  return btoa(unescape(encodeURIComponent(text)));
+}
+
+export function base64Decode(text: string) {
+  try {
+    return decodeURIComponent(escape(atob(text)));
+  } catch {
+    throw new Error('Invalid base64 string');
+  }
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/bitmap/index.ts b/artifacts/personal-tool-console/src/lib/tools/bitmap/index.ts
new file mode 100644
index 0000000..a0b8975
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/bitmap/index.ts
@@ -0,0 +1,33 @@
+export function convertRadix(value: string, fromBase: number, toBase: number) {
+  const n = parseInt(value, fromBase);
+  if (isNaN(n)) throw new Error('Invalid input for source radix');
+  return n.toString(toBase).toUpperCase();
+}
+
+export function bitwiseOp(a: number, b: number, op: string) {
+  switch (op) {
+    case 'AND': return a & b;
+    case 'OR': return a | b;
+    case 'XOR': return a ^ b;
+    case 'NOT': return ~a;
+    case '<<': return a << b;
+    case '>>': return a >> b;
+    case '>>>': return a >>> b;
+    default: throw new Error('Unknown operation');
+  }
+}
+
+export function inspectBits(n: number, bits = 32) {
+  const result: boolean[] = [];
+  for (let i = bits - 1; i >= 0; i--) result.push(Boolean((n >> i) & 1));
+  return result;
+}
+
+export function binaryDump(text: string) {
+  const bytes = new TextEncoder().encode(text);
+  return Array.from(bytes).map((b) => ({
+    hex: b.toString(16).padStart(2, '0'),
+    binary: b.toString(2).padStart(8, '0'),
+    dec: b,
+  }));
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/calculator.ts b/artifacts/personal-tool-console/src/lib/tools/calculator.ts
new file mode 100644
index 0000000..fd55630
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/calculator.ts
@@ -0,0 +1,11 @@
+export function isMathExpression(input: string) {
+  return /^[0-9+\-*/%^().,\s]+$/.test(input) && /\d/.test(input);
+}
+
+export function safeMathEval(expression: string) {
+  const cleaned = expression.replace(/,/g, '.').replace(/\^/g, '**');
+  if (!/^[0-9+\-*/%().*\s**]+$/.test(cleaned.replace(/\*\*/g, ''))) throw new Error('Invalid expression');
+  const result = Function(`"use strict"; return (${cleaned});`)();
+  if (typeof result !== 'number' || !Number.isFinite(result)) throw new Error('Invalid result');
+  return result as number;
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/coding.ts b/artifacts/personal-tool-console/src/lib/tools/coding.ts
new file mode 100644
index 0000000..756d3ba
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/coding.ts
@@ -0,0 +1,233 @@
+// Coding helpers: JSON, encoders, slug, UUID, hashes, and basic HTML/CSS/JS tools.
+
+// --- JSON ---
+
+export function formatJson(text: string, indent = 2): string {
+  const value = JSON.parse(text);
+  return JSON.stringify(value, null, indent);
+}
+
+export function minifyJson(text: string): string {
+  return JSON.stringify(JSON.parse(text));
+}
+
+export function validateJson(text: string): { valid: boolean; error?: string; line?: number } {
+  try {
+    JSON.parse(text);
+    return { valid: true };
+  } catch (err) {
+    const message = (err as Error).message;
+    const match = message.match(/line (\d+)/);
+    return { valid: false, error: message, line: match ? Number(match[1]) : undefined };
+  }
+}
+
+// --- UUID ---
+
+export function uuidv4(): string {
+  const bytes = new Uint8Array(16);
+  crypto.getRandomValues(bytes);
+  bytes[6] = (bytes[6] & 0x0f) | 0x40;
+  bytes[8] = (bytes[8] & 0x3f) | 0x80;
+  const h = Array.from(bytes).map((b) => b.toString(16).padStart(2, "0")).join("");
+  return `${h.slice(0, 8)}-${h.slice(8, 12)}-${h.slice(12, 16)}-${h.slice(16, 20)}-${h.slice(20)}`;
+}
+
+export function uuidBulk(count: number, uppercase: boolean): string[] {
+  return Array.from({ length: count }, () => (uppercase ? uuidv4().toUpperCase() : uuidv4()));
+}
+
+// --- URL / HTML encoders ---
+
+export function urlEncode(text: string): string {
+  return encodeURIComponent(text);
+}
+
+export function urlDecode(text: string): string {
+  try {
+    return decodeURIComponent(text);
+  } catch {
+    throw new Error("Malformed percent-encoding in input");
+  }
+}
+
+const HTML_ENTITIES: Record<string, string> = {
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;",
+};
+
+export function htmlEncode(text: string): string {
+  return text.replace(/[&<>"']/g, (ch) => HTML_ENTITIES[ch]);
+}
+
+export function htmlDecode(text: string): string {
+  const doc = new DOMParser().parseFromString(text, "text/html");
+  return doc.documentElement.textContent ?? "";
+}
+
+export function slugify(text: string): string {
+  return text
+    .toLowerCase()
+    .normalize("NFD")
+    .replace(/[\u0300-\u036f]/g, "")
+    .replace(/['"]/g, "")
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/^-+|-+$/g, "");
+}
+
+// --- MD5 (RFC 1321) ---
+
+function md5RotateLeft(x: number, n: number) {
+  return ((x << n) | (x >>> (32 - n))) >>> 0;
+}
+
+export function md5(input: string): string {
+  const M = [0x67452301, 0xEFCDAB89, 0x98BADCFE, 0x10325476];
+  const K = Array.from({ length: 64 }, (_, i) => Math.abs(Math.sin(i + 1)) * 0x100000000 >>> 0);
+  const s = [7, 12, 17, 22, 7, 12, 17, 22, 7, 12, 17, 22, 7, 12, 17, 22, 5, 9, 14, 20, 5, 9, 14, 20, 5, 9, 14, 20, 5, 9, 14, 20, 4, 11, 16, 23, 4, 11, 16, 23, 4, 11, 16, 23, 4, 11, 16, 23, 6, 10, 15, 21, 6, 10, 15, 21, 6, 10, 15, 21, 6, 10, 15, 21];
+  const bytes: number[] = [];
+  for (let i = 0; i < input.length; i++) {
+    const c = input.charCodeAt(i);
+    bytes.push(c & 0xff, (c >>> 8) & 0xff, (c >>> 16) & 0xff, (c >>> 24) & 0xff);
+  }
+  const bitLen = bytes.length * 8;
+  bytes.push(0x80);
+  while (bytes.length % 64 !== 56) bytes.push(0);
+  bytes.push(bitLen & 0xff, (bitLen >>> 8) & 0xff, (bitLen >>> 16) & 0xff, (bitLen >>> 24) & 0xff, 0, 0, 0, 0);
+  for (let off = 0; off < bytes.length; off += 64) {
+    const X: number[] = [];
+    for (let i = 0; i < 16; i++) {
+      X[i] = (bytes[off + i * 4] | (bytes[off + i * 4 + 1] << 8) | (bytes[off + i * 4 + 2] << 16) | (bytes[off + i * 4 + 3] << 24)) >>> 0;
+    }
+    let [a, b, c, d] = M;
+    for (let i = 0; i < 64; i++) {
+      let f: number, g: number;
+      if (i < 16) { f = (b & c) | (~b & d); g = i; }
+      else if (i < 32) { f = (d & b) | (~d & c); g = (5 * i + 1) % 16; }
+      else if (i < 48) { f = b ^ c ^ d; g = (3 * i + 5) % 16; }
+      else { f = c ^ (b | ~d); g = (7 * i) % 16; }
+      const tmp = (d + md5RotateLeft((a + f + K[i] + X[g]) >>> 0, s[i])) >>> 0;
+      d = c; c = b; b = (b + tmp) >>> 0; a = tmp;
+    }
+    M[0] = (M[0] + a) >>> 0;
+    M[1] = (M[1] + b) >>> 0;
+    M[2] = (M[2] + c) >>> 0;
+    M[3] = (M[3] + d) >>> 0;
+  }
+  const wordToHex = (word: number) => {
+    const little = ((word & 0xff) << 24) | ((word >>> 8) & 0xff) << 16 | ((word >>> 16) & 0xff) << 8 | ((word >>> 24) & 0xff);
+    return (little >>> 0).toString(16).padStart(8, "0");
+  };
+  return M.map(wordToHex).join("");
+}
+
+// --- HTML / CSS / JS ---
+
+export function minifyHtml(html: string): string {
+  const noComments = html.replace(/<!--[\s\S]*?-->/g, "");
+  return noComments.replace(/>\s+</g, "><").replace(/^\s+|\s+$/g, "").trim();
+}
+
+export function minifyCss(css: string): string {
+  const noComments = css.replace(/\/\*[\s\S]*?\*\//g, "");
+  return noComments.replace(/\s+/g, " ").replace(/\s*([{}:;,])\s*/g, "$1").trim();
+}
+
+export function minifyJs(code: string): string {
+  let out = "";
+  let i = 0;
+  let inString: string | null = null;
+  let inLineComment = false;
+  let inBlockComment = false;
+  const result: string[] = [];
+  while (i < code.length) {
+    const ch = code[i];
+    const next = code[i + 1];
+    if (inLineComment) {
+      if (ch === "\n") { inLineComment = false; result.push("\n"); }
+      i++;
+      continue;
+    }
+    if (inBlockComment) {
+      if (ch === "*" && next === "/") { inBlockComment = false; i += 2; }
+      else i++;
+      continue;
+    }
+    if (inString) {
+      result.push(ch);
+      if (ch === "\\") { result.push(next ?? ""); i += 2; continue; }
+      if (ch === inString) inString = null;
+      i++;
+      continue;
+    }
+    if (ch === "/" && next === "/") { inLineComment = true; i += 2; continue; }
+    if (ch === "/" && next === "*") { inBlockComment = true; i += 2; continue; }
+    if (ch === '"' || ch === "'" || ch === "`") { inString = ch; result.push(ch); i++; continue; }
+    result.push(ch);
+    i++;
+  }
+  out = result.join("").replace(/[ \t]+/g, " ").replace(/\n\s*\n+/g, "\n").trim();
+  return out;
+}
+
+export function formatCss(css: string): string {
+  const noComments = css.replace(/\/\*[\s\S]*?\*\//g, "");
+  const tokens = noComments.replace(/([{};])/g, "$1\n").split("\n");
+  let indent = 0;
+  const lines: string[] = [];
+  for (let raw of tokens) {
+    const line = raw.trim();
+    if (!line) continue;
+    if (line.startsWith("}")) indent = Math.max(0, indent - 1);
+    lines.push("  ".repeat(indent) + line.replace(/\s*[{;]\s*$/, (m) => m).trim());
+    if (line.endsWith("{")) indent++;
+  }
+  return lines.join("\n");
+}
+
+export function formatHtml(html: string): string {
+  const voidTags = new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "param", "source", "track", "wbr"]);
+  const tokens = html.replace(/></g, ">\n<").split("\n");
+  let indent = 0;
+  const lines: string[] = [];
+  for (const raw of tokens) {
+    const trimmed = raw.trim();
+    if (!trimmed) continue;
+    const closeOnly = /^<\/[^>]+>$/.test(trimmed);
+    if (closeOnly) indent = Math.max(0, indent - 1);
+    const tagName = trimmed.match(/^<\/?([a-zA-Z][a-zA-Z0-9-]*)/);
+    const isVoid = tagName ? voidTags.has(tagName[1].toLowerCase()) : false;
+    const selfClosing = /\/>$/.test(trimmed);
+    lines.push("  ".repeat(indent) + trimmed);
+    if (!closeOnly && !isVoid && !selfClosing && trimmed.startsWith("<")) indent++;
+  }
+  return lines.join("\n");
+}
+
+// --- React Native shadow ---
+
+export interface RnShadowOptions {
+  depth: number;
+  color: string;
+  iosOpacity: number;
+  androidElevation: number;
+  spread?: number;
+}
+
+export function rnShadowStyle(o: RnShadowOptions): string {
+  return [
+    "shadowColor: '" + o.color + "',",
+    "shadowOffset: { width: 0, height: " + Math.round(Math.max(1, o.depth / 2)) + " },",
+    "shadowOpacity: " + o.iosOpacity + ",",
+    "shadowRadius: " + Math.max(1, o.depth) + ",",
+    "elevation: " + Math.max(1, o.androidElevation) + ",",
+  ].join("\n  ");
+}
+
+export function jsObjectToInline(source: string): string {
+  // minimal "style string" renderer used by RN shadow + CSS-like outputs
+  return source;
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/tools/color.ts b/artifacts/personal-tool-console/src/lib/tools/color.ts
new file mode 100644
index 0000000..f8622db
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/color.ts
@@ -0,0 +1,152 @@
+// Color utilities — pure conversion, mixing and palette generation.
+
+export interface Rgb {
+  r: number;
+  g: number;
+  b: number;
+}
+
+export interface Hsl {
+  h: number;
+  s: number;
+  l: number;
+}
+
+export function normalizeHex(input: string): string {
+  let hex = input.trim().replace(/^#/, "");
+  if (/^[0-9a-fA-F]{3}$/.test(hex)) hex = hex.split("").map((c) => c + c).join("");
+  if (!/^[0-9a-fA-F]{6}$/.test(hex)) throw new Error("Expected a hex color like #RRGGBB");
+  return hex.toLowerCase();
+}
+
+export function hexToRgb(hex: string): Rgb {
+  const h = normalizeHex(hex);
+  return {
+    r: parseInt(h.slice(0, 2), 16),
+    g: parseInt(h.slice(2, 4), 16),
+    b: parseInt(h.slice(4, 6), 16),
+  };
+}
+
+export function hexToRgbaString(hex: string, alpha: number): string {
+  const { r, g, b } = hexToRgb(hex);
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+
+export function isRgba(value: string): boolean {
+  return /^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*(?:,\s*([\d.]+)\s*)?\)$/i.test(value.trim());
+}
+
+export function rgbaToRgb(value: string): { rgb: Rgb; alpha: number } {
+  const m = value.trim().match(/^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*(?:,\s*([\d.]+)\s*)?\)$/i);
+  if (!m) throw new Error("Expected an rgb()/rgba() value");
+  return {
+    rgb: { r: Number(m[1]), g: Number(m[2]), b: Number(m[3]) },
+    alpha: m[4] !== undefined ? Number(m[4]) : 1,
+  };
+}
+
+export function rgbaToHex(value: string): string {
+  const { rgb, alpha } = rgbaToRgb(value);
+  const toHex = (n: number) => Math.round(Math.max(0, Math.min(255, n))).toString(16).padStart(2, "0");
+  const base = `#${toHex(rgb.r)}${toHex(rgb.g)}${toHex(rgb.b)}`;
+  if (alpha < 1) {
+    const a = Math.round(alpha * 255).toString(16).padStart(2, "0");
+    return `${base}${a}`;
+  }
+  return base;
+}
+
+export function rgbToHex(rgb: Rgb): string {
+  const toHex = (n: number) => Math.round(Math.max(0, Math.min(255, n))).toString(16).padStart(2, "0");
+  return `#${toHex(rgb.r)}${toHex(rgb.g)}${toHex(rgb.b)}`;
+}
+
+export function rgbToHsl({ r, g, b }: Rgb): Hsl {
+  r /= 255; g /= 255; b /= 255;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const l = (max + min) / 2;
+  if (max === min) return { h: 0, s: 0, l };
+  const d = max - min;
+  const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+  let h = 0;
+  if (max === r) h = (g - b) / d + (g < b ? 6 : 0);
+  else if (max === g) h = (b - r) / d + 2;
+  else h = (r - g) / d + 4;
+  return { h: h * 60, s: s * 100, l: l * 100 };
+}
+
+export function hslToRgb({ h, s, l }: Hsl): Rgb {
+  h = ((h % 360) + 360) % 360;
+  s /= 100; l /= 100;
+  const c = (1 - Math.abs(2 * l - 1)) * s;
+  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
+  const m = l - c / 2;
+  let r = 0, g = 0, b = 0;
+  if (h < 60) [r, g, b] = [c, x, 0];
+  else if (h < 120) [r, g, b] = [x, c, 0];
+  else if (h < 180) [r, g, b] = [0, c, x];
+  else if (h < 240) [r, g, b] = [0, x, c];
+  else if (h < 300) [r, g, b] = [x, 0, c];
+  else [r, g, b] = [c, 0, x];
+  return {
+    r: Math.round((r + m) * 255),
+    g: Math.round((g + m) * 255),
+    b: Math.round((b + m) * 255),
+  };
+}
+
+export function mixColors(a: string, b: string, ratio = 0.5): string {
+  const ca = hexToRgb(a);
+  const cb = hexToRgb(b);
+  const r = Math.round(ca.r + (cb.r - ca.r) * ratio);
+  const g = Math.round(ca.g + (cb.g - ca.g) * ratio);
+  const bl = Math.round(ca.b + (cb.b - ca.b) * ratio);
+  return rgbToHex({ r, g: g, b: bl });
+}
+
+export function shadeStep(hex: string, percent: number): string {
+  const { h, s, l } = rgbToHsl(hexToRgb(hex));
+  const clamped = Math.max(0, Math.min(100, l + percent));
+  return rgbToHex(hslToRgb({ h, s, l: clamped }));
+}
+
+export function shadeScale(hex: string, steps = 10): string[] {
+  const out: string[] = [];
+  for (let i = 0; i < steps; i++) {
+    const t = steps === 1 ? 0 : (i / (steps - 1)) * 100;
+    out.push(shadeStep(hex, t - 50));
+  }
+  return out;
+}
+
+export type PaletteScheme = "monochromatic" | "complementary" | "analogous" | "triadic" | "tetradic";
+
+export function generatePalette(seedHex: string, scheme: PaletteScheme, count = 5): string[] {
+  const { h, s, l } = rgbToHsl(hexToRgb(seedHex));
+  const hues = (): number[] => {
+    switch (scheme) {
+      case "monochromatic": return Array.from({ length: count }, (_, i) => h);
+      case "complementary": return Array.from({ length: count }, (_, i) => h + (i % 2 === 0 ? 0 : 180));
+      case "analogous": return Array.from({ length: count }, (_, i) => h + (i - Math.floor(count / 2)) * 30);
+      case "triadic": return Array.from({ length: count }, (_, i) => h + (i % 3) * 120);
+      case "tetradic": return Array.from({ length: count }, (_, i) => h + (i % 4) * 90);
+    }
+  };
+  const hslValues = (): Hsl[] => {
+    const hs = hues();
+    return hs.map((hh, i) => {
+      const lt = scheme === "monochromatic" ? 25 + (i / Math.max(count - 1, 1)) * 50 : Math.max(35, Math.min(70, l + (i % 2 === 0 ? 0 : 12)));
+      const st = scheme === "monochromatic" ? Math.max(40, s - 10) : Math.max(45, s);
+      return { h: hh, s: st, l: lt };
+    });
+  };
+  return hslValues().map((x) => rgbToHex(hslToRgb(x)));
+}
+
+export function randomHexColor(): string {
+  const bytes = new Uint8Array(3);
+  crypto.getRandomValues(bytes);
+  return rgbToHex({ r: bytes[0], g: bytes[1], b: bytes[2] });
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/tools/crypto.ts b/artifacts/personal-tool-console/src/lib/tools/crypto.ts
new file mode 100644
index 0000000..5bdbfe4
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/crypto.ts
@@ -0,0 +1,143 @@
+// Client-side crypto via Web Crypto API. No keys or plaintext leave the browser.
+
+export type AesMode = "AES-GCM" | "AES-CBC";
+
+export function randomBytes(length: number): Uint8Array {
+  const bytes = new Uint8Array(length);
+  crypto.getRandomValues(bytes);
+  return bytes;
+}
+
+export function bytesToBase64(bytes: Uint8Array): string {
+  let binary = "";
+  for (const b of bytes) binary += String.fromCharCode(b);
+  return btoa(binary);
+}
+
+export function base64ToBytes(b64: string): Uint8Array {
+  const binary = atob(b64.trim());
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+  return bytes;
+}
+
+export function utf8Encode(text: string): Uint8Array {
+  return new TextEncoder().encode(text);
+}
+
+function toBuf(u8: Uint8Array): Uint8Array<ArrayBuffer> {
+  return new Uint8Array(u8.buffer.slice(u8.byteOffset, u8.byteOffset + u8.byteLength) as ArrayBuffer);
+}
+
+export function utf8Decode(bytes: Uint8Array): string {
+  return new TextDecoder().decode(bytes);
+}
+
+function deriveIv(mode: AesMode, ivInput: string): Uint8Array<ArrayBuffer> {
+  const raw = ivInput || "";
+  let bytes = new TextEncoder().encode(raw);
+  const len = mode === "AES-GCM" ? 12 : 16;
+  if (bytes.length >= len) bytes = bytes.slice(0, len);
+  const out = new Uint8Array(len);
+  out.fill(0);
+  out.set(bytes);
+  return out;
+}
+
+async function aesImportKey(keyB64: string, mode: AesMode) {
+  const raw = toBuf(base64ToBytes(keyB64));
+  return crypto.subtle.importKey(
+    "raw",
+    raw,
+    { name: mode, length: raw.length * 8 },
+    false,
+    ["encrypt", "decrypt"],
+  );
+}
+
+export async function aesEncrypt(text: string, keyB64: string, ivInput: string, mode: AesMode) {
+  const key = await aesImportKey(keyB64, mode);
+  const iv = deriveIv(mode, ivInput);
+  const buf = await crypto.subtle.encrypt({ name: mode, iv }, key, toBuf(utf8Encode(text)));
+  return bytesToBase64(new Uint8Array(buf));
+}
+
+export async function aesDecrypt(b64: string, keyB64: string, ivInput: string, mode: AesMode) {
+  try {
+    const key = await aesImportKey(keyB64, mode);
+    const iv = deriveIv(mode, ivInput);
+    const buf = await crypto.subtle.decrypt({ name: mode, iv }, key, toBuf(base64ToBytes(b64)));
+    return utf8Decode(new Uint8Array(buf));
+  } catch {
+    throw new Error("Decryption failed — wrong key, IV, or corrupted ciphertext");
+  }
+}
+
+export function generateAesKey(bits: number, format: "base64" | "hex") {
+  const bytes = randomBytes(bits / 8);
+  return format === "hex"
+    ? Array.from(bytes).map((b) => b.toString(16).padStart(2, "0")).join("")
+    : bytesToBase64(bytes);
+}
+
+export async function hmacHash(message: string, secret: string, algo: "SHA-256" | "SHA-384" | "SHA-512") {
+  const key = await crypto.subtle.importKey(
+    "raw",
+    toBuf(utf8Encode(secret)),
+    { name: "HMAC", hash: algo },
+    false,
+    ["sign"],
+  );
+  const sig = await crypto.subtle.sign("HMAC", key, toBuf(utf8Encode(message)));
+  const bytes = new Uint8Array(sig);
+  return {
+    hex: Array.from(bytes).map((b) => b.toString(16).padStart(2, "0")).join(""),
+    base64: bytesToBase64(bytes),
+  };
+}
+
+export interface DecodedJwt {
+  header: Record<string, unknown>;
+  payload: Record<string, unknown>;
+  signature: string;
+  expiry?: string;
+  issuedAt?: string;
+  secondsToExpiry?: number;
+  expired?: boolean;
+}
+
+export function decodeJwt(token: string): DecodedJwt {
+  const parts = token.trim().split(".");
+  if (parts.length !== 3) throw new Error("A JWT has exactly 3 dot-separated segments: header.payload.signature");
+  const b64urlToObj = (seg: string) => {
+    const normalized = seg.replace(/-/g, "+").replace(/_/g, "/");
+    const padded = normalized.padEnd(Math.ceil(normalized.length / 4) * 4, "=");
+    try {
+      return JSON.parse(decodeURIComponent(escape(atob(padded)))) as Record<string, unknown>;
+    } catch {
+      throw new Error("Invalid base64url JSON segment");
+    }
+  };
+  const header = b64urlToObj(parts[0]);
+  const payload = b64urlToObj(parts[1]);
+  const exp = typeof payload.exp === "number" ? payload.exp * 1000 : undefined;
+  const iat = typeof payload.iat === "number" ? payload.iat * 1000 : undefined;
+  const secondsToExpiry = exp ? Math.floor((exp - Date.now()) / 1000) : undefined;
+  return {
+    header,
+    payload,
+    signature: parts[2],
+    expiry: exp ? new Date(exp).toLocaleString() : undefined,
+    issuedAt: iat ? new Date(iat).toLocaleString() : undefined,
+    secondsToExpiry,
+    expired: secondsToExpiry !== undefined ? secondsToExpiry <= 0 : undefined,
+  };
+}
+
+export function generateRandomKey(bits: 128 | 192 | 256 | 512, format: "hex" | "base64") {
+  if (![128, 192, 256, 512].includes(bits)) throw new Error("Supported sizes: 128/192/256/512 bits");
+  const bytes = randomBytes(bits / 8);
+  return format === "hex"
+    ? Array.from(bytes).map((b) => b.toString(16).padStart(2, "0")).join("")
+    : bytesToBase64(bytes);
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/tools/css-gen.ts b/artifacts/personal-tool-console/src/lib/tools/css-gen.ts
new file mode 100644
index 0000000..f34781f
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/css-gen.ts
@@ -0,0 +1,126 @@
+// CSS snippet generators — pure functions returning CSS strings.
+// Components render live previews using these outputs.
+
+export interface CssGenResult {
+  css: string;
+  html?: string;
+}
+
+export function cssGradient(kind: "linear" | "radial" | "conic", angle: number, stops: string[], position: string): CssGenResult {
+  const stopStr = stops.join(", ");
+  let value = "";
+  if (kind === "linear") value = `${kind}-gradient(${angle}deg, ${stopStr})`;
+  else if (kind === "radial") value = `radial-gradient(circle at ${position}, ${stopStr})`;
+  else value = `conic-gradient(from ${angle}deg at ${position}, ${stopStr})`;
+  return { css: `.gradient {\n  background: ${value};\n}` };
+}
+
+export function cssGlassmorphism(blur: number, opacity: number, border: string, radius: number, color: string): CssGenResult {
+  return {
+    css: `.glass {\n  background: ${color};\n  backdrop-filter: blur(${blur}px);\n  -webkit-backdrop-filter: blur(${blur}px);\n  border: ${border} solid rgba(255,255,255,0.6);\n  border-radius: ${radius}px;\n  opacity: 0.${Math.round(opacity * 10)};\n}`,
+  };
+}
+
+export function cssTriangle(direction: "up" | "down" | "left" | "right", size: number, color: string): CssGenResult {
+  const borders: Record<string, string> = {
+    up: `border-left: ${size}px solid transparent;\n  border-right: ${size}px solid transparent;\n  border-bottom: ${size}px solid ${color};`,
+    down: `border-left: ${size}px solid transparent;\n  border-right: ${size}px solid transparent;\n  border-top: ${size}px solid ${color};`,
+    left: `border-top: ${size}px solid transparent;\n  border-bottom: ${size}px solid transparent;\n  border-right: ${size}px solid ${color};`,
+    right: `border-top: ${size}px solid transparent;\n  border-bottom: ${size}px solid transparent;\n  border-left: ${size}px solid ${color};`,
+  };
+  return {
+    css: `.triangle {\n  width: 0;\n  height: 0;\n  ${borders[direction]}\n}`,
+    html: `<div class="triangle"></div>`,
+  };
+}
+
+export function cssBoxShadow(spreads: Array<{ x: number; y: number; blur: number; grow: number; color: string; inset: boolean }>): CssGenResult {
+  const parts = spreads.map((s) => `${s.inset ? "inset " : ""}${s.x}px ${s.y}px ${s.blur}px ${s.grow}px ${s.color}`).join(", ");
+  return { css: `.box {\n  box-shadow: ${parts};\n}` };
+}
+
+export function cssBorderRadius(topLeft: number, topRight: number, bottomRight: number, bottomLeft: number, squircle: boolean): CssGenResult {
+  if (squircle) {
+    return { css: `.squircle {\n  border-radius: 40% 40% 40% 40% / 30% 30% 30% 30%;\n}` };
+  }
+  return {
+    css: `.rounded {\n  border-radius: ${topLeft}px ${topRight}px ${bottomRight}px ${bottomLeft}px;\n}`,
+  };
+}
+
+export function cssRgbBackgroundPattern(kind: "dots" | "stripes" | "grid" | "checker" | "crosshatch", size: number, color: string, bg: string): CssGenResult {
+  const c = color;
+  const transparent = "rgba(0,0,0,0)";
+  let gradient = "";
+  switch (kind) {
+    case "dots":
+      gradient = `radial-gradient(${c} ${size / 5}px, ${transparent} ${size / 5}px);\n  background-size: ${size}px ${size}px;`;
+      break;
+    case "stripes":
+      gradient = `repeating-linear-gradient(45deg, ${c} 0, ${c} ${size / 5}px, ${transparent} ${size / 5}px, ${transparent} ${size}px);`;
+      break;
+    case "grid":
+      gradient = `linear-gradient(${c} 1px, ${transparent} 1px), linear-gradient(90deg, ${c} 1px, ${transparent} 1px);\n  background-size: ${size}px ${size}px;`;
+      break;
+    case "checker":
+      gradient = `linear-gradient(${c} 0 50%, ${transparent} 0 50%, ${transparent} 100%), linear-gradient(90deg, ${c} 0 50%, ${transparent} 0 50%, ${transparent} 100%);\n  background-size: ${size}px ${size}px;`;
+      break;
+    default:
+      gradient = `repeating-linear-gradient(45deg, ${c} 0 1px, ${transparent} 1px ${size}px), repeating-linear-gradient(-45deg, ${c} 0 1px, ${transparent} 1px ${size}px);`;
+  }
+  return { css: `.pattern {\n  background: ${bg};\n  background-image: ${gradient}\n}` };
+}
+
+export function cssClipPath(slug: "circle" | "ellipse" | "triangle" | "hexagon" | "star" | "custom", points: Array<[number, number]>): CssGenResult {
+  const shapes: Record<string, string> = {
+    circle: "circle(50% at 50% 50%)",
+    ellipse: "ellipse(25% 40% at 50% 50%)",
+    triangle: "polygon(50% 0%, 0% 100%, 100% 100%)",
+    hexagon: "polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%)",
+    star: "polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)",
+  };
+  const value = slug === "custom" ? `polygon(${points.map(([x, y]) => `${x}% ${y}%`).join(", ")})` : shapes[slug];
+  return { css: `.clipped {\n  clip-path: ${value};\n}` };
+}
+
+export function cssCubicBezier(p1x: number, p1y: number, p2x: number, p2y: number): CssGenResult {
+  return { css: `.ease {\n  transition: all 0.4s cubic-bezier(${p1x}, ${p1y}, ${p2x}, ${p2y});\n}` };
+}
+
+export function cssLoader(kind: "ring" | "dual" | "bar" | "dots", color: string, size: number, speed: number): CssGenResult {
+  const base = `@keyframes spin { to { transform: rotate(360deg); } }\n@keyframes pulse { 0%,100% { opacity: 0.2 } 50% { opacity: 1 } }`;
+  let css = "";
+  switch (kind) {
+    case "ring":
+      css = `.loader {\n  width: ${size}px;\n  height: ${size}px;\n  border: 4px solid ${color}33;\n  border-top-color: ${color};\n  border-radius: 50%;\n  animation: spin ${speed}s linear infinite;\n}`;
+      break;
+    case "dual":
+      css = `.loader {\n  width: ${size}px;\n  height: ${size}px;\n  border: 4px solid ${color};\n  border-radius: 50%;\n  animation: spin ${speed}s linear infinite;\n  border-left-color: transparent;\n}`;
+      break;
+    case "bar":
+      css = `.loader {\n  width: ${size}px;\n  height: ${size}px;\n  background: ${color};\n  animation: pulse ${speed}s ease-in-out infinite;\n}`;
+      break;
+    default:
+      css = `.loader {\n  display: flex;\n  gap: 6px;\n}\n.loader span {\n  width: ${Math.round(size / 4)}px;\n  height: ${Math.round(size / 4)}px;\n  border-radius: 50%;\n  background: ${color};\n  animation: pulse ${speed}s ease-in-out infinite;\n}\n.loader span:nth-child(2) { animation-delay: 0.15s }\n.loader span:nth-child(3) { animation-delay: 0.3s }`;
+  }
+  return { css: `${base}\n\n${css}` };
+}
+
+export function cssSwitch(color: string, size: number, checked: boolean): CssGenResult {
+  return {
+    css: `.switch {\n  position: relative;\n  display: inline-block;\n  width: ${Math.round(size * 1.7)}px;\n  height: ${size}px;\n  border-radius: ${size}px;\n  background: ${checked ? color : "#ccc"};\n  transition: 0.2s;\n}\n.switch::after {\n  content: "";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: ${size - 6}px;\n  height: ${size - 6}px;\n  border-radius: 50%;\n  background: #fff;\n  transition: 0.2s;\n  transform: ${checked ? `translateX(${Math.round(size * 0.7)}px)` : "none"};\n}`,
+  };
+}
+
+export function cssCheckbox(color: string, size: number): CssGenResult {
+  return {
+    css: `.checkbox {\n  appearance: none;\n  width: ${size}px;\n  height: ${size}px;\n  border: 2px solid #999;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.checkbox:checked {\n  background: ${color};\n  border-color: ${color};\n  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-width='3' d='M6 10l3 3 5-6'/%3e%3c/svg%3e");\n}`,
+  };
+}
+
+export function cssTextGlitch(colorA: string, colorB: string, intensity: number): CssGenResult {
+  const offset = Math.max(1, intensity);
+  return {
+    css: `.glitch {\n  position: relative;\n}\n.glitch::before, .glitch::after {\n  content: attr(data-text);\n  position: absolute;\n  inset: 0;\n}\n.glitch::before {\n  color: ${colorA};\n  animation: glitch-a ${0.6 * (2 - intensity / 10)}s infinite linear alternate-reverse;\n  transform: translate(${offset}px, 0);\n}\n.glitch::after {\n  color: ${colorB};\n  animation: glitch-b ${0.4 * (2 - intensity / 10)}s infinite linear alternate-reverse;\n  transform: translate(-${offset}px, 0);\n}\n@keyframes glitch-a {\n  0% { clip-path: inset(0 0 85% 0) }\n  25% { clip-path: inset(15% 0 60% 0) }\n  50% { clip-path: inset(40% 0 40% 0) }\n  75% { clip-path: inset(60% 0 15% 0) }\n  100% { clip-path: inset(85% 0 0 0) }\n}\n@keyframes glitch-b {\n  0% { clip-path: inset(85% 0 0 0) }\n  25% { clip-path: inset(60% 0 15% 0) }\n  50% { clip-path: inset(40% 0 40% 0) }\n  75% { clip-path: inset(15% 0 60% 0) }\n  100% { clip-path: inset(0 0 85% 0) }\n}`,
+  };
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/tools/currency-converter.ts b/artifacts/personal-tool-console/src/lib/tools/currency-converter.ts
new file mode 100644
index 0000000..73dc2ed
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/currency-converter.ts
@@ -0,0 +1,18 @@
+export const CURRENCY_RATES: Record<string, number> = {
+  usd: 1, myr: 4.7, eur: 0.92, gbp: 0.78,
+  jpy: 154, sgd: 1.35, aud: 1.51, idr: 15850,
+};
+
+export const CURRENCY_SYMBOLS: Record<string, string> = {
+  usd: '$', myr: 'RM', eur: '€', gbp: '£',
+  jpy: '¥', sgd: 'S$', aud: 'A$', idr: 'Rp',
+};
+
+export function convertCurrency(value: number, from: string, to: string) {
+  if (!CURRENCY_RATES[from] || !CURRENCY_RATES[to]) throw new Error('Unsupported currency');
+  return (value / CURRENCY_RATES[from]) * CURRENCY_RATES[to];
+}
+
+export function getCurrencyCodes() {
+  return Object.keys(CURRENCY_RATES);
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/dns.ts b/artifacts/personal-tool-console/src/lib/tools/dns.ts
new file mode 100644
index 0000000..439f8e3
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/dns.ts
@@ -0,0 +1,24 @@
+interface DnsRecord { name: string; type: number; TTL: number; data: string; }
+interface DnsResponse { Status: number; Answer?: DnsRecord[]; }
+
+export async function dnsLookup(domain: string) {
+  const t0 = performance.now();
+  const [resA, resAAAA] = await Promise.all([
+    fetch(`https://cloudflare-dns.com/dns-query?name=${encodeURIComponent(domain)}&type=A`, {
+      headers: { Accept: 'application/dns-json' },
+    }),
+    fetch(`https://cloudflare-dns.com/dns-query?name=${encodeURIComponent(domain)}&type=AAAA`, {
+      headers: { Accept: 'application/dns-json' },
+    }),
+  ]);
+  const responseMs = Math.round(performance.now() - t0);
+  const [dataA, dataAAAA] = await Promise.all([
+    resA.json() as Promise<DnsResponse>,
+    resAAAA.json() as Promise<DnsResponse>,
+  ]);
+  const ipv4 = (dataA.Answer ?? []).filter((r) => r.type === 1).map((r) => r.data);
+  const ipv6 = (dataAAAA.Answer ?? []).filter((r) => r.type === 28).map((r) => r.data);
+  const ttl = dataA.Answer?.[0]?.TTL ?? null;
+  const status = dataA.Status === 0 ? 'resolved' : `NXDOMAIN (${dataA.Status})`;
+  return { domain, ipv4, ipv6, ttl, responseMs, status };
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/hash.ts b/artifacts/personal-tool-console/src/lib/tools/hash.ts
new file mode 100644
index 0000000..1378fc2
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/hash.ts
@@ -0,0 +1,18 @@
+async function digest(algo: AlgorithmIdentifier, text: string) {
+  const data = new TextEncoder().encode(text);
+  const buf = await crypto.subtle.digest(algo, data);
+  return Array.from(new Uint8Array(buf)).map((b) => b.toString(16).padStart(2, '0')).join('');
+}
+
+export async function hashText(text: string) {
+  const [sha1, sha256, sha512] = await Promise.all([
+    digest('SHA-1', text),
+    digest('SHA-256', text),
+    digest('SHA-512', text),
+  ]);
+  return { sha1, sha256, sha512 };
+}
+
+export async function hashWithAlgo(text: string, algo: 'SHA-1' | 'SHA-256' | 'SHA-384' | 'SHA-512') {
+  return digest(algo, text);
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/linux.ts b/artifacts/personal-tool-console/src/lib/tools/linux.ts
new file mode 100644
index 0000000..ab3171c
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/linux.ts
@@ -0,0 +1,316 @@
+// Linux / sysadmin helpers — pure calculators and parsers, no shell execution.
+
+const MODE_BITS: Array<[key: string, value: number]> = [
+  ["r", 4], ["w", 2], ["x", 1],
+];
+
+function modeSymbolsForOct(oct: number): string {
+  const digits = String(oct).padStart(3, "0").slice(-3);
+  let out = "";
+  for (const d of digits) {
+    const bits = Number(d);
+    let s = "";
+    for (const [ch, v] of MODE_BITS) s += bits & v ? ch : "-";
+    out += s;
+  }
+  return out;
+}
+
+function octForSymbols(symbols: string): number {
+  const clean = symbols.replace(/-/g, "").toLowerCase();
+  let sum = 0;
+  for (const ch of clean) {
+    const hit = MODE_BITS.find(([k, v]) => k === ch);
+    if (hit) sum += hit[1];
+  }
+  return sum;
+}
+
+export function chmodSymbolicToOctal(symbolic: string): string {
+  const parts = symbolic.split(",").map((p) => p.trim()).filter(Boolean);
+  let result = 0;
+  for (const part of parts) {
+    const m = part.match(/^([ugoa]*)([+\-=])([rwx]*)$/);
+    if (!m) throw new Error(`Invalid symbolic mode: "${part}"`);
+    const [, targets, op, perms] = m;
+    const targetSet = targets === "" ? ["u", "g", "o"] : targets.split("");
+    const value = perms.split("").reduce((acc, p) => acc + (p === "r" ? 4 : p === "w" ? 2 : 1), 0);
+    const masked = targetSet.reduce((acc, t) => {
+      const shift = t === "u" ? 2 : t === "g" ? 1 : 0;
+      return acc | (value << (shift * 3));
+    }, 0);
+    if (op === "+") result |= masked;
+    else if (op === "-") result &= ~masked;
+    else {
+      const clear = targetSet.reduce((acc, t) => {
+        const shift = t === "u" ? 2 : t === "g" ? 1 : 0;
+        return acc | (7 << (shift * 3));
+      }, 0);
+      result = (result & ~clear) | masked;
+    }
+  }
+  return result.toString(8).padStart(3, "0");
+}
+
+export function chmodOctalToSymbolic(oct: number | string): string {
+  const n = typeof oct === "string" ? parseInt(oct, 8) : oct;
+  if (isNaN(n) || n < 0 || n > 777) throw new Error("Octal mode must be between 000 and 777");
+  return modeSymbolsForOct(n);
+}
+
+export function chmodOctalToBits(oct: number | string) {
+  const n = typeof oct === "string" ? parseInt(oct, 8) : oct;
+  const digits = n.toString(8).padStart(3, "0").slice(-3).split("").map(Number);
+  return digits.map((d) => MODE_BITS.map(([ch]) => Boolean(d & (ch === "r" ? 4 : ch === "w" ? 2 : 1))));
+}
+
+export function chmodBitsToOctal(bits: boolean[][]) {
+  const rows = bits.slice(0, 3);
+  let out = "";
+  for (const row of rows) {
+    const v = row.reduce((acc, on, i) => acc + (on ? [4, 2, 1][i] : 0), 0);
+    out += v;
+  }
+  return out;
+}
+
+export interface PermissionBreakdown {
+  type: string;
+  symbolic: string;
+  octal: string;
+  rows: Array<{ who: string; r: boolean; w: boolean; x: boolean; special: boolean }>;
+  special: { setuid: boolean; setgid: boolean; sticky: boolean };
+  human: string;
+}
+
+export function decodePermissionLine(line: string): PermissionBreakdown {
+  const m = line.match(/^([-dbclps])([rwxsStT-]{9})(?:\s|$)/);
+  if (!m) throw new Error("Not a valid `ls -l` permission line (expected e.g. drwxr-xr-x)");
+  const [, typeCh, perms] = m;
+  const typeMap: Record<string, string> = { d: "Directory", "-": "File", l: "Symbolic link", b: "Block device", c: "Character device", p: "Named pipe", s: "Socket" };
+  const rows: PermissionBreakdown["rows"] = [];
+  for (let i = 0; i < 3; i++) {
+    const chunk = perms.slice(i * 3, i * 3 + 3);
+    rows.push({
+      who: ["Owner (user)", "Group", "Others"][i],
+      r: chunk[0] === "r",
+      w: chunk[1] === "w",
+      x: chunk[2] === "x" || chunk[2] === "s" || chunk[2] === "t",
+      special: chunk[2] === "s" || chunk[2] === "S" || chunk[2] === "t" || chunk[2] === "T",
+    });
+  }
+  let octal = 0;
+  for (const row of rows) {
+    octal = octal * 8 + (row.r ? 4 : 0) + (row.w ? 2 : 0) + (row.x ? 1 : 0);
+  }
+  const special = {
+    setuid: perms[2] === "s" || perms[2] === "S",
+    setgid: perms[5] === "s" || perms[5] === "S",
+    sticky: perms[8] === "t" || perms[8] === "T",
+  };
+  if (special.setuid) octal += 4000;
+  if (special.setgid) octal += 2000;
+  if (special.sticky) octal += 1000;
+  const human = rows.map((r) => `${r.who}: ${r.r ? "read" : "no read"} / ${r.w ? "write" : "no write"} / ${r.x ? "execute" : "no execute"}`).join("\n");
+  return { type: typeMap[typeCh] ?? typeCh, symbolic: perms, octal: String(octal).padStart(4, "0"), rows, special, human };
+}
+
+export function chmodBinaryToOctal(checkboxes: Array<Array<boolean>>): string {
+  return chmodBitsToOctal(checkboxes).padStart(3, "0");
+}
+
+// ---- cron ----
+
+const DAY_NAMES = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];
+const MONTH_NAMES = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"];
+
+function expandCronField(field: string, min: number, max: number, names: string[] = []): number[] {
+  const result = new Set<number>();
+  const named = (v: string) => {
+    const lower = v.toLowerCase();
+    if (names.length) {
+      const idx = names.findIndex((n) => n === lower || n.startsWith(lower));
+      if (idx >= 0) return idx;
+    }
+    return Number(v);
+  };
+  for (const part of field.split(",")) {
+    if (part === "*") {
+      for (let i = min; i <= max; i++) result.add(i);
+      continue;
+    }
+    const stepMatch = part.match(/^(.+)\/(\d+)$/);
+    if (stepMatch) {
+      const [, base, stepStr] = stepMatch;
+      const step = Math.max(1, Number(stepStr));
+      const range = base === "*" ? [min, max] : base.split("-").map((v) => named(v));
+      for (let i = range[0]; i <= range[1]; i += step) result.add(i);
+      continue;
+    }
+    if (part.includes("-")) {
+      const [a, b] = part.split("-").map((v) => named(v));
+      for (let i = a; i <= b; i++) result.add(i);
+      continue;
+    }
+    result.add(named(part));
+  }
+  return [...result].filter((v) => v >= min && v <= max).sort((a, b) => a - b);
+}
+
+export interface CronSchedule {
+  minute: number[];
+  hour: number[];
+  day: number[];
+  month: number[];
+  weekday: number[];
+  expression: string;
+}
+
+export function parseCronExpression(expression: string): CronSchedule {
+  const parts = expression.trim().split(/\s+/);
+  const n = parts.length;
+  if (n !== 5 && n !== 6) throw new Error("Cron must have 5 or 6 fields: minute hour day month weekday (or seconds minute hour day month weekday)");
+  const useSeconds = n === 6;
+  const minuteField = useSeconds ? parts[2] : parts[0];
+  const hourField = useSeconds ? parts[3] : parts[1];
+  const dayField = useSeconds ? parts[4] : parts[2];
+  const monthField = useSeconds ? parts[5] : parts[3];
+  const weekdayField = useSeconds ? parts[5] : parts[4];
+  return {
+    minute: expandCronField(minuteField, 0, 59),
+    hour: expandCronField(hourField, 0, 23),
+    day: expandCronField(dayField, 1, 31),
+    month: expandCronField(monthField, 1, 12, MONTH_NAMES),
+    weekday: expandCronField(weekdayField, 0, 6, DAY_NAMES),
+    expression,
+  };
+}
+
+export function cronNextTimes(expression: string, count = 5, from = new Date()): Date[] {
+  const s = parseCronExpression(expression);
+  const matches = (d: Date) => {
+    const min = d.getMinutes();
+    const hr = d.getHours();
+    const day = d.getDate();
+    const mon = d.getMonth() + 1;
+    const wd = d.getDay();
+    return s.minute.includes(min) && s.hour.includes(hr) && s.month.includes(mon) && (s.day.includes(day) || s.weekday.includes(wd));
+  };
+  const out: Date[] = [];
+  const cur = new Date(from);
+  cur.setSeconds(0, 0);
+  let guard = 0;
+  while (out.length < count && guard < 100000) {
+    guard++;
+    if (matches(cur)) {
+      out.push(new Date(cur));
+      cur.setMinutes(cur.getMinutes() + 1);
+    } else {
+      cur.setMinutes(cur.getMinutes() + 1);
+    }
+  }
+  return out;
+}
+
+export interface CronFields {
+  minute: string;
+  hour: string;
+  day: string;
+  month: string;
+  weekday: string;
+}
+
+export function buildCronExpression(fields: CronFields): string {
+  return `${fields.minute} ${fields.hour} ${fields.day} ${fields.month} ${fields.weekday}`;
+}
+
+// ---- paths ----
+
+export function posixJoin(...parts: string[]): string {
+  return parts
+    .flatMap((p) => p.split("/"))
+    .reduce((acc, part) => {
+      if (!part || part === ".") return acc;
+      if (part === "..") {
+        const s = acc.split("/");
+        s.pop();
+        return s.join("/");
+      }
+      return acc ? `${acc}/${part}` : part;
+    }, "")
+    .replace(/\/{2,}/g, "/") || ".";
+}
+
+export function posixDirname(p: string): string {
+  const idx = p.lastIndexOf("/");
+  if (idx === -1) return ".";
+  return idx === 0 ? "/" : p.slice(0, idx);
+}
+
+export function posixBasename(p: string, ext?: string): string {
+  const idx = p.lastIndexOf("/");
+  const base = idx === -1 ? p : p.slice(idx + 1);
+  if (ext && base.endsWith(ext)) return base.slice(0, -ext.length);
+  return base;
+}
+
+export function posixExtname(p: string): string {
+  const base = posixBasename(p);
+  const idx = base.lastIndexOf(".");
+  if (idx <= 0) return "";
+  return base.slice(idx);
+}
+
+export function posixNormalize(p: string): string {
+  const leadingSlash = p.startsWith("/");
+  const trailingSlash = p.endsWith("/") && p.length > 1;
+  const parts = p.split("/");
+  const stack: string[] = [];
+  for (const part of parts) {
+    if (!part || part === ".") continue;
+    if (part === "..") {
+      if (stack.length && stack[stack.length - 1] !== "..") stack.pop();
+      else if (!leadingSlash) stack.push("..");
+    } else stack.push(part);
+  }
+  let out = stack.join("/");
+  if (leadingSlash) out = "/" + out;
+  if (trailingSlash && out) out += "/";
+  return out || (leadingSlash ? "/" : ".");
+}
+
+// ---- uid/gid reference ----
+
+export const UID_GID_TABLE: Array<{ name: string; uid: number; gid: number; description: string }> = [
+  { name: "root", uid: 0, gid: 0, description: "Superuser / system administrator" },
+  { name: "bin", uid: 1, gid: 1, description: "Executable binaries owner" },
+  { name: "daemon", uid: 2, gid: 2, description: "Background system processes" },
+  { name: "adm", uid: 3, gid: 4, description: "Administrative group / log files" },
+  { name: "lp", uid: 4, gid: 7, description: "Printing subsystem" },
+  { name: "sync", uid: 5, gid: 0, description: "Synchronize binaries" },
+  { name: "shutdown", uid: 6, gid: 0, description: "Power off the system" },
+  { name: "halt", uid: 7, gid: 0, description: "Halt the system" },
+  { name: "mail", uid: 8, gid: 12, description: "Mail subsystem" },
+  { name: "news", uid: 9, gid: 13, description: "News subsystem" },
+  { name: "uucp", uid: 10, gid: 14, description: "UUCP subsystem" },
+  { name: "operator", uid: 11, gid: 0, description: "Operator access" },
+  { name: "games", uid: 12, gid: 100, description: "Games" },
+  { name: "gopher", uid: 13, gid: 30, description: "Gopher server" },
+  { name: "ftp", uid: 14, gid: 50, description: "FTP server" },
+  { name: "nobody", uid: 65534, gid: 65534, description: "Unprivileged process user" },
+  { name: "systemd-network", uid: 100, gid: 102, description: "systemd network management" },
+  { name: "systemd-resolve", uid: 101, gid: 103, description: "systemd resolver" },
+  { name: "sshd", uid: 74, gid: 74, description: "SSH daemon" },
+  { name: "www-data", uid: 33, gid: 33, description: "Web server (Apache/Nginx)" },
+  { name: "postgres", uid: 999, gid: 999, description: "PostgreSQL server" },
+  { name: "mysql", uid: 27, gid: 27, description: "MySQL server" },
+  { name: "redis", uid: 999, gid: 999, description: "Redis server" },
+  { name: "vboxadd", uid: 999, gid: 999, description: "VirtualBox guest additions" },
+];
+
+export function lookupUidGid(query: string) {
+  const q = query.toLowerCase();
+  return UID_GID_TABLE.filter(
+    (row) => row.name.includes(q) || String(row.uid) === q || String(row.gid) === q,
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/tools/misc.ts b/artifacts/personal-tool-console/src/lib/tools/misc.ts
new file mode 100644
index 0000000..05b6bf5
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/misc.ts
@@ -0,0 +1,165 @@
+// Miscellaneous pure helpers: list shuffle, barcode encoders, fake IBAN.
+
+export function shuffleList(text: string): string {
+  const items = text.split("\n").map((l) => l.trim()).filter(Boolean);
+  for (let i = items.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [items[i], items[j]] = [items[j], items[i]];
+  }
+  return items.join("\n");
+}
+
+// --- Code 39 barcode (full ASCII 43-char alphabet) ---
+
+const CODE39: Array<[string, string]> = [
+  ["0", "nnnwwnwnn"], ["1", "wnnwnnnnw"], ["2", "nnwwnnnnw"], ["3", "wnwwnnnnn"],
+  ["4", "nnnwwnnnw"], ["5", "wnnwwnnnn"], ["6", "nnwwwnnnn"], ["7", "nnnwnnwnw"],
+  ["8", "wnnwnnwnn"], ["9", "nnwwnnwnn"], ["A", "wnnnnwnnw"], ["B", "nnwnnwnnw"],
+  ["C", "wnwnnwnnn"], ["D", "nnnnwwnnw"], ["E", "wnnnwwnnn"], ["F", "nnwnwwnnn"],
+  ["G", "nnnnnwwnw"], ["H", "wnnnnwwnn"], ["I", "nnwnnwwnn"], ["J", "nnnnwwwnn"],
+  ["K", "wnnnnnnww"], ["L", "nnwnnnnww"], ["M", "wnwnnnnwn"], ["N", "nnnnwnnww"],
+  ["O", "wnnnwnnwn"], ["P", "nnwnwnnwn"], ["Q", "nnnnnnwww"], ["R", "wnnnnnwwn"],
+  ["S", "nnwnnnwwn"], ["T", "nnnnwnwwn"], ["U", "wwnnnnnnw"], ["V", "nwwnnnnnw"],
+  ["W", "wwwnnnnnn"], ["X", "nwnnwnnnw"], ["Y", "wwnnwnnnn"], ["Z", "nwwnwnnnn"],
+  ["-", "nwnnnnwnw"], [".", "wwnnnnwnn"], [" ", "nwwnnnwnn"], ["$", "nwnwnwnnn"],
+  ["/", "nwnwnnnwn"], ["+", "nwnnnwnwn"], ["%", "nnnwnwnwn"],
+];
+
+const CODE39_BY_CODE = new Map(CODE39.map(([ch, code]) => [ch, code]));
+const CODE39_BY_PATTERN = new Map(CODE39.map(([ch, code]) => [code, ch]));
+
+export function code39Encode(text: string): { svg: string; width: number; valid: boolean; error?: string } {
+  const upper = text.toUpperCase();
+  const unknown = [...upper].find((ch) => !CODE39_BY_CODE.has(ch));
+  if (unknown) {
+    return {
+      svg: "",
+      width: 0,
+      valid: false,
+      error: `Code 39 cannot encode "${unknown}" — allowed: A–Z, 0–9, space and - . $ / + %`,
+    };
+  }
+  const patterns = ["*", ...upper.split(""), "*"].map((ch) => CODE39_BY_CODE.get(ch)!);
+  const BARS = patterns.join("0"); // '0' = inter-character narrow gap
+  const moduleW = 2;
+  let x = 0;
+  const rects = BARS.split("").map((bit, i) => {
+    if (bit === "0") {
+      x += moduleW;
+      return null;
+    }
+    const wide = bit === "W";
+    const w = (wide ? 3 : 1) * moduleW;
+    const r = { x, w };
+    x += w;
+    return r;
+  }).filter((r): r is { x: number; w: number } => r !== null);
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${x + 10} 60" role="img" aria-label="${text}">${rects
+    .map((r) => `<rect x="${r.x + 5}" y="4" width="${r.w}" height="44" />`)
+    .join("")}</svg>`;
+  return { svg, width: x + 10, valid: true };
+}
+
+// --- EAN-13 ---
+
+const EAN_L_CODE = [
+  "0001101", "0011001", "0010011", "0111101", "0100011", "0110001", "0101111", "0111011", "0110111", "0001011",
+];
+const EAN_G_CODE = [
+  "0100111", "0110011", "0011011", "0100001", "0011101", "0111001", "0000101", "0010001", "0001001", "0010111",
+];
+const EAN_R_CODE = EAN_L_CODE.map((c) => c.split("").reverse().join(""));
+const EAN_FIRST: Record<string, string[]> = {
+  "0": ["L", "L", "L", "L", "L", "L"], "1": ["L", "L", "G", "L", "G", "G"], "2": ["L", "L", "G", "G", "L", "G"],
+  "3": ["L", "L", "G", "G", "G", "L"], "4": ["L", "G", "L", "L", "G", "G"], "5": ["L", "G", "G", "L", "L", "G"],
+  "6": ["L", "G", "G", "G", "L", "L"], "7": ["L", "G", "L", "G", "L", "G"], "8": ["L", "G", "L", "G", "G", "L"],
+  "9": ["L", "G", "G", "L", "G", "L"],
+};
+
+export function ean13(input: string): { svg: string; width: number; valid: boolean; error?: string } {
+  let digits = input.replace(/\s+/g, "").replace(/^698/, "").replace(/[^0-9]/g, "");
+  if (digits.length === 12) {
+    let odd = 0, even = 0;
+    for (let i = 0; i < 12; i++) {
+      const v = Number(digits[i]);
+      if (i % 2 === 0) odd += v;
+      else even += v;
+    }
+    const check = (10 - ((odd + even * 3) % 10)) % 10;
+    digits += String(check);
+  }
+  if (digits.length !== 13) return { svg: "", width: 0, valid: false, error: "Enter 12 digits to auto-compute a checksum, or the full 13-digit EAN." };
+
+  const chars = digits.split("");
+  const patterns = [EAN_R_CODE[Number(chars[12])], ...EAN_FIRST[chars[0]].map((kind, i) => {
+    const d = Number(chars[i + 1]);
+    return kind === "L" ? EAN_L_CODE[d] : EAN_G_CODE[d];
+  }), ...chars.slice(7, 12).map((c) => EAN_R_CODE[Number(c)])];
+  const full = patterns.join("");
+  const moduleW = 2;
+  let x = 0;
+  const rects = full.split("").map((bit, i) => {
+    if (bit === "0") { x += moduleW; return null; }
+    const r = { x, w: moduleW };
+    x += moduleW;
+    return r;
+  }).filter((r): r is { x: number; w: number } => r !== null);
+  const total = x + 14;
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${total} 80" role="img" aria-label="${digits}">${rects
+    .map((r) => `<rect x="${r.x + 7}" y="6" width="${r.w}" height="50" />`)
+    .join("")}</svg>`;
+  return { svg, width: total, valid: true };
+}
+
+// --- Fake IBAN (checksum-correct, structure-valid) ---
+
+const IBAN_COUNTRIES: Array<{ code: string; length: number; bban: string }> = [
+  { code: "AE", length: 23, bban: "210000000000000000001" },
+  { code: "BE", length: 16, bban: "539007547034" },
+  { code: "CH", length: 21, bban: "9300762011623852957" },
+  { code: "DE", length: 22, bban: "370400440532013000" },
+  { code: "ES", length: 24, bban: "9120950800330001117834" },
+  { code: "FR", length: 27, bban: "3000300030003003082901575" },
+  { code: "GB", length: 22, bban: "NWBK60161331926819" },
+  { code: "IT", length: 27, bban: "X0542811101000000123456" },
+  { code: "NL", length: 18, bban: "ABNA0417164300" },
+  { code: "SG", length: 18, bban: "DBS0011010021769127" },
+  { code: "SE", length: 24, bban: "8000123456789012345678" },
+  { code: "US", length: 27, bban: "0210000210000001234567" },
+];
+
+function replaceAlpha(code: string): string {
+  return code.split("").map((ch) => (ch >= "A" && ch <= "Z" ? String(ch.charCodeAt(0) - 55) : ch)).join("");
+}
+
+function ibanChecksum(country: string, bban: string): string {
+  const moved = bban + country + "00";
+  const numeric = replaceAlpha(moved);
+  const remainder = numeric.split("").reduce((acc, digit) => (acc * 10 + Number(digit)) % 97, 0);
+  const check = (98 - remainder) % 97;
+  return String(check).padStart(2, "0");
+}
+
+export function fakeIban(countryCode: string, seed: number): string {
+  const country = IBAN_COUNTRIES.find((c) => c.code === countryCode) ?? IBAN_COUNTRIES[0];
+  const targetLen = country.length - 4;
+  let bban = country.bban.slice(0, targetLen);
+  if (bban.length < targetLen) {
+    const digits = "0123456789";
+    const fill = Array.from({ length: targetLen - bban.length }, (_, i) => digits[(seed + (i + 1) * 3) % 10]).join("");
+    bban += fill;
+  }
+  const check = ibanChecksum(country.code, bban);
+  const iban = country.code + check + bban;
+  const spaced = iban.match(/.{1,4}/g)?.join(" ") ?? iban;
+  return spaced;
+}
+
+export function validateIbanFormat(iban: string): boolean {
+  const cleaned = iban.replace(/\s+/g, "").toUpperCase();
+  if (!/^[A-Z]{2}\d{2}[A-Z0-9]{11,30}$/.test(cleaned)) return false;
+  const moved = cleaned.slice(4) + cleaned.slice(0, 4);
+  const numeric = replaceAlpha(moved);
+  const remainder = numeric.split("").reduce((acc, digit) => (acc * 10 + Number(digit)) % 97, 0);
+  return remainder === 1;
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/tools/password.ts b/artifacts/personal-tool-console/src/lib/tools/password.ts
new file mode 100644
index 0000000..c73d342
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/password.ts
@@ -0,0 +1,24 @@
+export function randomPassword(length: number, mode: string) {
+  const sets: Record<string, string> = {
+    weak: 'abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789',
+    medium: 'abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789!@#$%?_-',
+    strong: 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+-=[]{};:,.<>/?',
+  };
+  const chars = sets[mode] || sets.strong;
+  const bytes = new Uint32Array(length);
+  window.crypto.getRandomValues(bytes);
+  let out = '';
+  for (let i = 0; i < length; i++) out += chars[bytes[i] % chars.length];
+  return out;
+}
+
+export function strengthScore(pw: string) {
+  let score = 0;
+  if (pw.length >= 12) score++;
+  if (pw.length >= 16) score++;
+  if (/[a-z]/.test(pw)) score++;
+  if (/[A-Z]/.test(pw)) score++;
+  if (/\d/.test(pw)) score++;
+  if (/[^A-Za-z0-9]/.test(pw)) score++;
+  return score;
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/set/index.ts b/artifacts/personal-tool-console/src/lib/tools/set/index.ts
new file mode 100644
index 0000000..9acca32
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/set/index.ts
@@ -0,0 +1,31 @@
+export function parseLines(text: string) {
+  return text.split('\n').map((l) => l.trim()).filter(Boolean);
+}
+
+export function setUnion(a: string[], b: string[]) {
+  return [...new Set([...a, ...b])].sort();
+}
+
+export function setIntersection(a: string[], b: string[]) {
+  const setB = new Set(b);
+  return a.filter((x) => setB.has(x)).sort();
+}
+
+export function setDifference(a: string[], b: string[]) {
+  const setB = new Set(b);
+  return a.filter((x) => !setB.has(x)).sort();
+}
+
+export function setSymmetricDiff(a: string[], b: string[]) {
+  const setA = new Set(a);
+  const setB = new Set(b);
+  return [...a.filter((x) => !setB.has(x)), ...b.filter((x) => !setA.has(x))].sort();
+}
+
+export function setMembership(item: string, set: string[]) {
+  return set.includes(item);
+}
+
+export function setDedupe(items: string[]) {
+  return [...new Set(items)].sort();
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/speed-test.ts b/artifacts/personal-tool-console/src/lib/tools/speed-test.ts
new file mode 100644
index 0000000..6d17416
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/speed-test.ts
@@ -0,0 +1,112 @@
+export interface SpeedTestResult {
+  downloadMbps: string;
+  uploadMbps: string;
+  pingMs: string;
+  message: string;
+}
+
+export type SpeedProgress = {
+  running: boolean;
+  dl: string | null;
+  ul: string | null;
+  ping: string | null;
+  message?: string;
+};
+
+export async function runSpeedTest(onProgress: (s: SpeedProgress) => void): Promise<SpeedTestResult> {
+  const pingUrl = 'https://speed.cloudflare.com/__down?bytes=0';
+  const downloadUrl = 'https://speed.cloudflare.com/__down?bytes=5000000';
+  const uploadUrl = '/api/upload-test';
+
+  onProgress({ running: true, dl: null, ul: null, ping: null, message: 'Testing ping…' });
+
+  let pingMs = '—';
+  let dlMbps = '—';
+  let ulMbps = '—';
+
+  try {
+    const pingTimes: number[] = [];
+    for (let i = 0; i < 5; i++) {
+      const t0 = performance.now();
+      await fetch(pingUrl, { cache: 'no-store' });
+      pingTimes.push(performance.now() - t0);
+    }
+    pingTimes.sort((a, b) => a - b);
+    const avg = pingTimes.slice(0, 4).reduce((s, v) => s + v, 0) / 4;
+    pingMs = avg.toFixed(0);
+    onProgress({ running: true, dl: null, ul: null, ping: pingMs, message: `Ping ${pingMs} ms — testing download…` });
+  } catch {
+    onProgress({ running: true, dl: null, ul: null, ping: '—', message: 'Ping failed — testing download…' });
+  }
+
+  try {
+    const dlStart = performance.now();
+    const res = await fetch(downloadUrl, { cache: 'no-store' });
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    const reader = res.body?.getReader();
+    if (!reader) throw new Error('Streaming not supported');
+    let loaded = 0;
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      loaded += value.byteLength;
+    }
+    const dlSec = (performance.now() - dlStart) / 1000;
+    dlMbps = ((loaded * 8) / dlSec / 1_000_000).toFixed(2);
+    onProgress({ running: true, dl: dlMbps, ul: null, ping: pingMs, message: `↓ ${dlMbps} Mbps — testing upload…` });
+  } catch {
+    onProgress({ running: true, dl: '—', ul: null, ping: pingMs, message: 'Download failed — testing upload…' });
+  }
+
+  let ulError = '';
+  try {
+    const payload = JSON.stringify({ d: Array.from({ length: 2000 }, () => Math.random().toString(36)).join('') });
+    const byteCount = new TextEncoder().encode(payload).byteLength;
+    await fetch(uploadUrl, { method: 'POST', body: payload, headers: { 'Content-Type': 'application/json' } });
+    const ROUNDS = 12;
+    let totalBytes = 0;
+    const ulStart = performance.now();
+    for (let i = 0; i < ROUNDS; i++) {
+      const res = await fetch(uploadUrl, { method: 'POST', body: payload, headers: { 'Content-Type': 'application/json' } });
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      await res.json();
+      totalBytes += byteCount;
+    }
+    const ulSec = (performance.now() - ulStart) / 1000;
+    ulMbps = ((totalBytes * 8) / ulSec / 1_000_000).toFixed(2);
+  } catch (e) {
+    ulError = (e as Error).message;
+    ulMbps = '—';
+  }
+
+  const message = ulError ? `Upload failed: ${ulError}` : 'Test complete';
+  onProgress({ running: false, dl: dlMbps, ul: ulMbps, ping: pingMs, message });
+  return { downloadMbps: dlMbps, uploadMbps: ulMbps, pingMs, message };
+}
+
+export function downloadQuality(mbps: string) {
+  const v = parseFloat(mbps);
+  if (isNaN(v)) return { label: '—', color: 'text-slate-400' };
+  if (v >= 100) return { label: 'Excellent', color: 'text-cyan-400' };
+  if (v >= 25) return { label: 'Good', color: 'text-green-400' };
+  if (v >= 5) return { label: 'Fair', color: 'text-amber-400' };
+  return { label: 'Poor', color: 'text-red-400' };
+}
+
+export function uploadQuality(mbps: string) {
+  const v = parseFloat(mbps);
+  if (isNaN(v)) return { label: '—', color: 'text-slate-400' };
+  if (v >= 50) return { label: 'Excellent', color: 'text-cyan-400' };
+  if (v >= 10) return { label: 'Good', color: 'text-green-400' };
+  if (v >= 2) return { label: 'Fair', color: 'text-amber-400' };
+  return { label: 'Poor', color: 'text-red-400' };
+}
+
+export function pingQuality(ms: string) {
+  const v = parseFloat(ms);
+  if (isNaN(v)) return { label: '—', color: 'text-slate-400' };
+  if (v < 20) return { label: 'Excellent', color: 'text-cyan-400' };
+  if (v < 50) return { label: 'Good', color: 'text-green-400' };
+  if (v < 100) return { label: 'Fair', color: 'text-amber-400' };
+  return { label: 'Poor', color: 'text-red-400' };
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/text/existing.ts b/artifacts/personal-tool-console/src/lib/tools/text/existing.ts
new file mode 100644
index 0000000..2f7b0ec
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/text/existing.ts
@@ -0,0 +1,95 @@
+import type { TextToolGroup } from "./types";
+
+const LOREM_WORDS = [
+  "lorem", "ipsum", "dolor", "sit", "amet", "consectetur", "adipiscing", "elit",
+  "sed", "do", "eiusmod", "tempor", "incididunt", "ut", "labore", "et", "dolore",
+  "magna", "aliqua", "enim", "ad", "minim", "veniam", "quis", "nostrud",
+  "exercitation", "ullamco", "laboris", "nisi", "aliquip", "ex", "ea", "commodo",
+  "consequat", "duis", "aute", "irure", "in", "reprehenderit", "voluptate",
+  "velit", "esse", "cillum", "fugiat", "nulla", "pariatur", "excepteur", "sint",
+  "occaecat", "cupidatat", "non", "proident", "sunt", "culpa", "qui", "officia",
+  "deserunt", "mollit", "anim", "id", "est", "laborum",
+];
+
+function loremParagraphs(count: number, wordsPer: number, rand: () => number) {
+  const out: string[] = [];
+  for (let p = 0; p < count; p++) {
+    const parts: string[] = [];
+    const n = Math.max(8, Math.round(wordsPer * (0.8 + rand() * 0.4)));
+    for (let i = 0; i < n; i++) parts.push(LOREM_WORDS[Math.floor(rand() * LOREM_WORDS.length)]);
+    const sentence = parts.join(" ");
+    out.push(sentence.charAt(0).toUpperCase() + sentence.slice(1) + ".");
+  }
+  return out.join("\n\n");
+}
+
+export const texts: TextToolGroup[] = [
+  {
+    id: "existing",
+    title: "Classic text tools",
+    description: "Existing generators and text utilities kept alongside the expansion.",
+    tools: [
+      {
+        slug: "lorem-ipsum",
+        name: "Lorem Ipsum Generator",
+        description: "Generate classic dummy Latin filler text.",
+        options: [
+          { kind: "number", key: "paragraphs", label: "Paragraphs", default: 4, min: 1, max: 50, step: 1 },
+          { kind: "number", key: "words", label: "Words per paragraph", default: 24, min: 4, max: 200, step: 1 },
+        ],
+        run: (_input, o) => {
+          const p = Number(o.paragraphs ?? 4);
+          const w = Number(o.words ?? 24);
+          return loremParagraphs(p, w, Math.random);
+        },
+      },
+      {
+        slug: "letter-counter",
+        name: "Letter Counter",
+        description: "Count characters, letters, words, sentences and lines instantly.",
+        options: [
+          { kind: "toggle", key: "caseInsensitive", label: "Case-insensitive", default: true },
+        ],
+        run: (input, o) => {
+          const text = o.caseInsensitive ? input.toLowerCase() : input;
+          const letters = (text.match(/[a-z]/g) ?? []).length;
+          const digits = (text.match(/[0-9]/g) ?? []).length;
+          const spaces = (text.match(/\s/g) ?? []).length;
+          const words = (text.match(/[\p{L}\p{N}'-]+/gu) ?? []).length;
+          const lines = text.split(/\r\n|\r|\n/).length;
+          const sentences = (text.match(/[.!?…]+(?=\s|$)/g) ?? []).length;
+          return [
+            `Characters: ${input.length}`,
+            `Letters: ${letters}`,
+            `Digits: ${digits}`,
+            `Whitespace: ${spaces}`,
+            `Words: ${words}`,
+            `Sentences: ${sentences}`,
+            `Lines: ${lines}`,
+          ].join("\n");
+        },
+      },
+      {
+        slug: "bionic-reading",
+        name: "Bionic Reading",
+        description: "Bold the leading characters of every word to help fast reading.",
+        options: [
+          { kind: "number", key: "bold", label: "Bold letters per word", default: 2, min: 1, max: 6, step: 1 },
+        ],
+        run: (input, o) => {
+          const n = Number(o.bold ?? 2);
+          return input.replace(/[\p{L}\p{N}'-]+/gu, (w) => {
+            const count = Math.min(n, w.length);
+            return `${w.slice(0, count).toUpperCase()}${w.slice(count)}`;
+          });
+        },
+      },
+      {
+        slug: "whitespace-remover",
+        name: "Multiple Whitespace Remover",
+        description: "Collapse runs of whitespace down to a single space.",
+        run: (input) => input.replace(/\s+/g, " ").trim(),
+      },
+    ],
+  },
+];
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/tools/text/helpers.ts b/artifacts/personal-tool-console/src/lib/tools/text/helpers.ts
new file mode 100644
index 0000000..d51a118
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/text/helpers.ts
@@ -0,0 +1,265 @@
+// Pure string helpers used across the TEXT tool engine.
+// No React, no DOM.
+
+export function randInt(min: number, max: number) {
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
+export function pick<T>(arr: readonly T[]): T {
+  return arr[Math.floor(Math.random() * arr.length)];
+}
+
+export function shuffle<T>(arr: readonly T[]): T[] {
+  const a = [...arr];
+  for (let i = a.length - 1; i > 0; i--) {
+    const j = randInt(0, i);
+    [a[i], a[j]] = [a[j], a[i]];
+  }
+  return a;
+}
+
+/** Split on newlines, preserving blank lines as empty strings. */
+export function toLines(text: string): string[] {
+  return text.split(/\r\n|\r|\n/);
+}
+
+/** Split on any whitespace (words + punctuation tokens). */
+export function tokens(text: string): string[] {
+  return text.split(/\s+/).filter((w) => w.length > 0);
+}
+
+/** Words = sequences of letters/numbers/underscore/apostrophe. */
+export function words(text: string): string[] {
+  return text.match(/[\p{L}\p{N}_'-]+/gu) ?? [];
+}
+
+/** crude sentence split */
+export function sentences(text: string): string[] {
+  return text
+    .split(/(?<=[.!?…])\s+(?=[\p{Lu}\p{N}"'([{])/gu)
+    .map((s) => s.trim())
+    .filter(Boolean);
+}
+
+/** split on blank-line separated paragraphs */
+export function paragraphs(text: string): string[] {
+  return text
+    .split(/\n\s*\n/)
+    .map((p) => p.trim())
+    .filter(Boolean);
+}
+
+export function unique<T>(arr: readonly T[]): T[] {
+  return [...new Set(arr)];
+}
+
+export function chunk<T>(arr: readonly T[], size: number): T[][] {
+  const out: T[][] = [];
+  for (let i = 0; i < arr.length; i += size) out.push(arr.slice(i, i + size));
+  return out;
+}
+
+export const ALPHABET = "abcdefghijklmnopqrstuvwxyz";
+export const VOWELS = "aeiou";
+export const CONSONANTS = "bcdfghjklmnpqrstvwxyz";
+
+export const SUPERSCRIPT_MAP: Record<string, string> = {
+  a: "ᵃ", b: "ᵇ", c: "ᶜ", d: "ᵈ", e: "ᵉ", f: "ᶠ", g: "ᵍ", h: "ʰ", i: "ⁱ", j: "ʲ",
+  k: "ᵏ", l: "ˡ", m: "ᵐ", n: "ⁿ", o: "ᵒ", p: "ᵖ", q: "ᑫ", r: "ʳ", s: "ˢ", t: "ᵗ",
+  u: "ᵘ", v: "ᵛ", w: "ʷ", x: "ˣ", y: "ʸ", z: "ᶻ",
+  A: "ᴬ", B: "ᴮ", C: "ꟲ", D: "ᴰ", E: "ᴱ", F: "ꟳ", G: "ᴳ", H: "ᴴ", I: "ᴵ", J: "ᴶ",
+  K: "ᴷ", L: "ᴸ", M: "ᴹ", N: "ᴺ", O: "ᴼ", P: "ᴾ", Q: "ꟴ", R: "ᴿ", S: "ˢ", T: "ᵀ",
+  U: "ᵁ", V: "ⱽ", W: "ᵂ", X: "ˣ", Y: "ʸ", Z: "ᶻ",
+  "0": "⁰", "1": "¹", "2": "²", "3": "³", "4": "⁴", "5": "⁵", "6": "⁶", "7": "⁷", "8": "⁸", "9": "⁹",
+  "+": "⁺", "-": "⁻", "=": "⁼", "(": "⁽", ")": "⁾",
+};
+
+export const SUBSCRIPT_MAP: Record<string, string> = {
+  a: "ₐ", e: "ₑ", h: "ₕ", i: "ᵢ", j: "ⱼ", k: "ₖ", l: "ₗ", m: "ₘ", n: "ₙ", o: "ₒ",
+  p: "ₚ", r: "ᵣ", s: "ₛ", t: "ₜ", u: "ᵤ", v: "ᵥ", x: "ₓ",
+  "0": "₀", "1": "₁", "2": "₂", "3": "₃", "4": "₄", "5": "₅", "6": "₆", "7": "₇", "8": "₈", "9": "₉",
+  "+": "₊", "-": "₋", "=": "₌", "(": "₍", ")": "₎",
+};
+
+export const BOLD_MAP: Record<string, string> = {
+  a: "𝐚", b: "𝐛", c: "𝐜", d: "𝐝", e: "𝐞", f: "𝐟", g: "𝐠", h: "𝐡", i: "𝐢", j: "𝐣",
+  k: "𝐤", l: "𝐥", m: "𝐦", n: "𝐧", o: "𝐨", p: "𝐩", q: "𝐪", r: "𝐫", s: "𝐬", t: "𝐭",
+  u: "𝐮", v: "𝐯", w: "𝐰", x: "𝐱", y: "𝐲", z: "𝐳",
+  A: "𝐀", B: "𝐁", C: "𝐂", D: "𝐃", E: "𝐄", F: "𝐅", G: "𝐆", H: "𝐇", I: "𝐈", J: "𝐉",
+  K: "𝐊", L: "𝐋", M: "𝐌", N: "𝐍", O: "𝐎", P: "𝐏", Q: "𝐐", R: "𝐑", S: "𝐒", T: "𝐓",
+  U: "𝐔", V: "𝐕", W: "𝐖", X: "𝐗", Y: "𝐘", Z: "𝐙", "0": "𝟎", "1": "𝟏", "2": "𝟐", "3": "𝟑",
+  "4": "𝟒", "5": "𝟓", "6": "𝟔", "7": "𝟕", "8": "𝟖", "9": "𝟗",
+};
+
+export const ITALIC_MAP: Record<string, string> = {
+  a: "𝑎", b: "𝑏", c: "𝑐", d: "𝑑", e: "𝑒", f: "𝑓", g: "𝑔", h: "ℎ", i: "𝑖", j: "𝑗",
+  k: "𝑘", l: "𝑙", m: "𝑚", n: "𝑛", o: "𝑜", p: "𝑝", q: "𝑞", r: "𝑟", s: "𝑠", t: "𝑡",
+  u: "𝑢", v: "𝑣", w: "𝑤", x: "𝑥", y: "𝑦", z: "𝑧",
+  A: "𝐴", B: "𝐵", C: "𝐶", D: "𝐷", E: "𝐸", F: "𝐹", G: "𝐺", H: "𝐻", I: "𝐼", J: "𝐽",
+  K: "𝐾", L: "𝐿", M: "𝑀", N: "𝑁", O: "𝑂", P: "𝑃", Q: "𝑄", R: "𝑅", S: "𝑆", T: "𝑇",
+  U: "𝑈", V: "𝑉", W: "𝑊", X: "𝑋", Y: "𝑌", Z: "𝑍",
+};
+
+export const MONO_MAP: Record<string, string> = {
+  a: "𝚊", b: "𝚋", c: "𝚌", d: "𝚍", e: "𝚎", f: "𝚏", g: "𝚐", h: "𝚑", i: "𝚒", j: "𝚓",
+  k: "𝚔", l: "𝚕", m: "𝚖", n: "𝚗", o: "𝚘", p: "𝚙", q: "𝚚", r: "𝚛", s: "𝚜", t: "𝚝",
+  u: "𝚞", v: "𝚟", w: "𝚠", x: "𝚡", y: "𝚢", z: "𝚣",
+  A: "𝙰", B: "𝙱", C: "𝙲", D: "𝙳", E: "𝙴", F: "𝙵", G: "𝙶", H: "𝙷", I: "𝙸", J: "𝙹",
+  K: "𝙺", L: "𝙻", M: "𝙼", N: "𝙽", O: "𝙾", P: "𝙿", Q: "𝚀", R: "𝚁", S: "𝚂", T: "𝚃",
+  U: "𝚄", V: "𝚅", W: "𝚆", X: "𝚇", Y: "𝚈", Z: "𝚉", "0": "𝟶", "1": "𝟷", "2": "𝟸", "3": "𝟹",
+  "4": "𝟺", "5": "𝟻", "6": "𝟼", "7": "𝟽", "8": "𝟾", "9": "𝟿",
+};
+
+export const SANS_MAP: Record<string, string> = {
+  a: "𝖺", b: "𝖻", c: "𝖼", d: "𝖽", e: "𝖾", f: "𝖿", g: "𝗀", h: "𝗁", i: "𝗂", j: "𝗃",
+  k: "𝗄", l: "𝗅", m: "𝗆", n: "𝗇", o: "𝗈", p: "𝗉", q: "𝗊", r: "𝗋", s: "𝗌", t: "𝗍",
+  u: "𝗎", v: "𝗏", w: "𝗐", x: "𝗑", y: "𝗒", z: "𝗓",
+  A: "𝖠", B: "𝖡", C: "𝖢", D: "𝖣", E: "𝖤", F: "𝖥", G: "𝖦", H: "𝖧", I: "𝖨", J: "𝖩",
+  K: "𝖪", L: "𝖫", M: "𝖬", N: "𝖭", O: "𝖮", P: "𝖯", Q: "𝖰", R: "𝖱", S: "𝖲", T: "𝖳",
+  U: "𝖴", V: "𝖵", W: "𝖶", X: "𝖷", Y: "𝖸", Z: "𝖹", "0": "𝟢", "1": "𝟣", "2": "𝟤", "3": "𝟥",
+  "4": "𝟦", "5": "𝟧", "6": "𝟨", "7": "𝟩", "8": "𝟪", "9": "𝟫",
+};
+
+export const SCRIPT_MAP: Record<string, string> = {
+  a: "𝒶", b: "𝒷", c: "𝒸", d: "𝒹", e: "𝑒", f: "𝑓", g: "𝑔", h: "𝒽", i: "𝒾", j: "𝒿",
+  k: "𝓀", l: "𝓁", m: "𝓂", n: "𝓃", o: "𝑜", p: "𝓅", q: "𝓆", r: "𝓇", s: "𝓈", t: "𝓉",
+  u: "𝓊", v: "𝓋", w: "𝓌", x: "𝓍", y: "𝓎", z: "𝓏",
+  A: "𝒜", B: "ℬ", C: "𝒞", D: "𝒟", E: "ℰ", F: "ℱ", G: "𝒢", H: "ℋ", I: "ℐ", J: "𝒥",
+  K: "𝒦", L: "ℒ", M: "ℳ", N: "𝒩", O: "𝒪", P: "𝒫", Q: "𝒬", R: "ℛ", S: "𝒮", T: "𝒯",
+  U: "𝒰", V: "𝒱", W: "𝒲", X: "𝒳", Y: "𝒴", Z: "𝒵",
+};
+
+export const CURSIVE_MAP: Record<string, string> = {
+  a: "𝓪", b: "𝓫", c: "𝓬", d: "𝓭", e: "𝓮", f: "𝓯", g: "𝓰", h: "𝓱", i: "𝓲", j: "𝓳",
+  k: "𝓴", l: "𝓵", m: "𝓶", n: "𝓷", o: "𝓸", p: "𝓹", q: "𝓺", r: "𝓻", s: "𝓼", t: "𝓽",
+  u: "𝓾", v: "𝓿", w: "𝔀", x: "𝔁", y: "𝔂", z: "𝔃",
+  A: "𝓐", B: "𝓑", C: "𝓒", D: "𝓓", E: "𝓔", F: "𝓕", G: "𝓖", H: "𝓗", I: "𝓘", J: "𝓙",
+  K: "𝓚", L: "𝓛", M: "𝓜", N: "𝓝", O: "𝓞", P: "𝓟", Q: "𝓠", R: "𝓡", S: "𝓢", T: "𝓣",
+  U: "𝓤", V: "𝓥", W: "𝓦", X: "𝓧", Y: "𝓨", Z: "𝓩",
+};
+
+export const MORSE: Record<string, string> = {
+  a: ".-", b: "-...", c: "-.-.", d: "-..", e: ".", f: "..-.", g: "--.", h: "....",
+  i: "..", j: ".---", k: "-.-", l: ".-..", m: "--", n: "-.", o: "---", p: ".--.",
+  q: "--.-", r: ".-.", s: "...", t: "-", u: "..-", v: "...-", w: ".--", x: "-..-",
+  y: "-.--", z: "--..", "0": "-----", "1": ".----", "2": "..---", "3": "...--",
+  "4": "....-", "5": ".....", "6": "-....", "7": "--...", "8": "---..", "9": "----.",
+  ".": ".-.-.-", ",": "--..--", "?": "..--..", "'": ".----.", "!": "-.-.--", "/": "-..-.",
+  "(": "-.--.", ")": "-.--.-", "&": ".-...", ":": "---...", ";": "-.-.-.", "=": "-...-",
+  "+": ".-.-.", "-": "-....-", "_": "..--.-", '"': ".-..-.", "$": "...-..-", "@": ".--.-.",
+};
+
+const MORSE_REV = new Map<string, string>(Object.entries(MORSE).map(([k, v]) => [v, k]));
+
+export function textToMorse(text: string): string {
+  return text
+    .toLowerCase()
+    .split("")
+    .map((ch) => {
+      if (ch === " ") return "/";
+      const m = MORSE[ch];
+      return m ? m : ch;
+    })
+    .join(" ");
+}
+
+export function morseToText(morse: string): string {
+  return morse
+    .trim()
+    .split(/\s+/)
+    .map((code) => {
+      if (code === "/") return " ";
+      return MORSE_REV.get(code) ?? code;
+    })
+    .join("");
+}
+
+export const ZALGO_MARKS = [
+  "\u0300", "\u0301", "\u0302", "\u0303", "\u0304", "\u0305", "\u0306", "\u0307",
+  "\u0308", "\u0309", "\u030a", "\u030b", "\u030c", "\u030d", "\u030e", "\u0310",
+  "\u0311", "\u0312", "\u0313", "\u0314", "\u0315", "\u031a", "\u031b", "\u0333",
+  "\u0334", "\u0335", "\u0336", "\u0337", "\u0338",
+];
+
+export const NUMBER_WORDS: Record<string, string> = {
+  zero: "0", one: "1", two: "2", three: "3", four: "4", five: "5", six: "6",
+  seven: "7", eight: "8", nine: "9", ten: "10",
+};
+
+/** Convert a non-negative integer to English words (0–999). */
+export function toWords(n: number): string {
+  const ones = ["zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten", "eleven", "twelve", "thirteen", "fourteen", "fifteen", "sixteen", "seventeen", "eighteen", "nineteen"];
+  const tens = ["", "", "twenty", "thirty", "forty", "fifty", "sixty", "seventy", "eighty", "ninety"];
+  if (n < 0) return "minus " + toWords(-n);
+  if (n < 20) return ones[n];
+  if (n < 100) {
+    const t = Math.floor(n / 10);
+    const r = n % 10;
+    return tens[t] + (r ? "-" + ones[r] : "");
+  }
+  const h = Math.floor(n / 100);
+  const r = n % 100;
+  return ones[h] + " hundred" + (r ? " " + toWords(r) : "");
+}
+
+/** Map text to unicode using a map with a fallback for unmapped chars. */
+export function unicodeMap(text: string, map: Record<string, string>): string {
+  return text
+    .split("")
+    .map((ch) => (Object.prototype.hasOwnProperty.call(map, ch) ? map[ch] : ch))
+    .join("");
+}
+
+export function stripDiacritics(text: string): string {
+  return text.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+}
+
+export interface FrequencyEntry {
+  item: string;
+  count: number;
+}
+
+export function frequencies(items: string[]): FrequencyEntry[] {
+  const map = new Map<string, number>();
+  for (const it of items) map.set(it, (map.get(it) ?? 0) + 1);
+  return [...map.entries()]
+    .map(([item, count]) => ({ item, count }))
+    .sort((a, b) => b.count - a.count || a.item.localeCompare(b.item));
+}
+
+export function shannonEntropy(text: string): number {
+  const freq = new Map<string, number>();
+  for (const ch of text) freq.set(ch, (freq.get(ch) ?? 0) + 1);
+  let entropy = 0;
+  for (const count of freq.values()) {
+    const p = count / text.length;
+    entropy -= p * Math.log2(p);
+  }
+  return entropy;
+}
+
+/** Deterministic PRNG (mulberry32) for reproducible generators. */
+export function mulberry32(seed: number): () => number {
+  let a = seed >>> 0;
+  return () => {
+    a |= 0;
+    a = (a + 0x6d2b79f5) | 0;
+    let t = Math.imul(a ^ (a >>> 15), 1 | a);
+    t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
+    return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
+  };
+}
+
+export function hashCode(text: string): number {
+  let h = 2166136261;
+  for (let i = 0; i < text.length; i++) {
+    h ^= text.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return h >>> 0;
+}
+
+export const ROMAN_NUMERALS: [number, string][] = [
+  [1000, "M"], [900, "CM"], [500, "D"], [400, "CD"], [100, "C"], [90, "XC"],
+  [50, "L"], [40, "XL"], [10, "X"], [9, "IX"], [5, "V"], [4, "IV"], [1, "I"],
+];
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/tools/text/index.ts b/artifacts/personal-tool-console/src/lib/tools/text/index.ts
new file mode 100644
index 0000000..ae5ecf4
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/text/index.ts
@@ -0,0 +1,18 @@
+import type { TextToolGroup } from "./types";
+import { TEXT_PART1 } from "./part1";
+import { TEXT_PART2 } from "./part2";
+import { texts } from "./existing";
+
+export type { TextToolSpec, TextToolGroup, TextOpt, TextOpts } from "./types";
+
+export const TEXT_GROUPS: TextToolGroup[] = [...TEXT_PART1, ...TEXT_PART2, ...texts];
+
+export const TEXT_TOOLS = TEXT_GROUPS.flatMap((g) => g.tools);
+
+export function getTextTool(slug: string) {
+  return TEXT_TOOLS.find((t) => t.slug === slug);
+}
+
+export function getTextGroupIds() {
+  return TEXT_GROUPS.map((g) => g.id);
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/tools/text/part1.ts b/artifacts/personal-tool-console/src/lib/tools/text/part1.ts
new file mode 100644
index 0000000..b513582
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/text/part1.ts
@@ -0,0 +1,1159 @@
+import type { TextOpts, TextToolGroup } from "./types";
+import {
+  words,
+  sentences,
+  paragraphs,
+  shuffle,
+  toLines,
+  tokens,
+  unique,
+  randInt,
+  pick,
+  frequencies,
+  shannonEntropy,
+  ALPHABET,
+} from "./helpers";
+
+const esc = (s: string) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+
+export const TEXT_PART1: TextToolGroup[] = [
+  {
+    id: "split-combine",
+    title: "Split & Combine",
+    description: "Break text apart or put it back together",
+    tools: [
+      {
+        slug: "split-text",
+        name: "Split Text",
+        description: "Break text into items by a chosen separator",
+        options: [
+          { kind: "select", key: "separator", label: "Separator", options: ["Character", "Word", "Line", "Space", "Comma", "Custom", "CustomRegex"], default: "Character" },
+          { kind: "text", key: "custom", label: "Custom", default: "" },
+        ],
+        run: (input, o) => {
+          if (input === "") return "";
+          const sep = String(o.separator ?? "Character");
+          const custom = String(o.custom ?? "");
+          let parts: string[] = [input];
+          if (sep === "Character") parts = input.split("");
+          else if (sep === "Word") parts = input.split(/\s+/).filter(Boolean);
+          else if (sep === "Line") parts = toLines(input);
+          else if (sep === "Space") parts = input.split(" ");
+          else if (sep === "Comma") parts = input.split(",");
+          else if (sep === "Custom") parts = input.split(custom);
+          else if (sep === "CustomRegex") parts = input.split(new RegExp(custom));
+          return parts.join("\n");
+        },
+      },
+      {
+        slug: "join-text",
+        name: "Join Text",
+        description: "Join lines or words with a separator",
+        options: [
+          { kind: "select", key: "parts", label: "Parts", options: ["Lines", "Words"], default: "Lines" },
+          { kind: "text", key: "separator", label: "Separator", default: ", " },
+        ],
+        run: (input, o) => {
+          const separator = String(o.separator ?? ", ");
+          const parts = String(o.parts ?? "Lines") === "Words" ? tokens(input) : toLines(input);
+          return parts.join(separator);
+        },
+      },
+      {
+        slug: "repeat-text",
+        name: "Repeat Text",
+        description: "Repeat the whole text a number of times",
+        options: [{ kind: "number", key: "count", label: "Count", default: 3, min: 1 }],
+        run: (input, o) => {
+          if (input === "") return "";
+          const count = Math.max(1, Number(o.count ?? 3) || 1);
+          return Array.from({ length: count }, () => input).join("\n");
+        },
+      },
+      {
+        slug: "reverse-text",
+        name: "Reverse Text",
+        description: "Reverse every character of the input",
+        run: (input) => [...input].reverse().join(""),
+      },
+      {
+        slug: "truncate-text",
+        name: "Truncate Text",
+        description: "Cut the text down to N characters",
+        options: [
+          { kind: "number", key: "length", label: "Length", default: 100 },
+          { kind: "toggle", key: "ellipsis", label: "Ellipsis", default: true },
+        ],
+        run: (input, o) => {
+          const len = Math.max(0, Number(o.length ?? 100) || 0);
+          if (input.length <= len) return input;
+          return input.slice(0, len) + (o.ellipsis === true ? "…" : "");
+        },
+      },
+      {
+        slug: "slice-text",
+        name: "Slice Text",
+        description: "Extract a range of characters by index",
+        options: [
+          { kind: "number", key: "start", label: "Start", default: 0 },
+          { kind: "number", key: "end", label: "End", default: 100 },
+        ],
+        run: (input, o) => {
+          const start = Math.max(0, Number(o.start ?? 0) || 0);
+          const end = Number(o.end ?? 100);
+          if (!Number.isFinite(end) || end <= 0) return input.slice(start);
+          return input.slice(start, end);
+        },
+      },
+    ],
+  },
+  {
+    id: "alignment-padding",
+    title: "Alignment & Padding",
+    description: "Trim, pad, indent and align text lines",
+    tools: [
+      {
+        slug: "trim-text",
+        name: "Trim Text",
+        description: "Trim leading and trailing whitespace",
+        run: (input) => input.trim(),
+      },
+      {
+        slug: "left-pad-text",
+        name: "Left-pad Text",
+        description: "Pad every line on the left to a width",
+        options: [
+          { kind: "number", key: "width", label: "Width", default: 20 },
+          { kind: "text", key: "fill", label: "Fill", default: " " },
+        ],
+        run: (input, o) => {
+          const width = Math.max(0, Number(o.width ?? 20) || 0);
+          const fill = String(o.fill ?? " ");
+          return toLines(input).map((l) => l.padStart(width, fill)).join("\n");
+        },
+      },
+      {
+        slug: "right-pad-text",
+        name: "Right-pad Text",
+        description: "Pad every line on the right to a width",
+        options: [
+          { kind: "number", key: "width", label: "Width", default: 20 },
+          { kind: "text", key: "fill", label: "Fill", default: " " },
+        ],
+        run: (input, o) => {
+          const width = Math.max(0, Number(o.width ?? 20) || 0);
+          const fill = String(o.fill ?? " ");
+          return toLines(input).map((l) => l.padEnd(width, fill)).join("\n");
+        },
+      },
+      {
+        slug: "left-align-text",
+        name: "Left-align Text",
+        description: "Strip leading whitespace from each line",
+        run: (input) => toLines(input).map((l) => l.replace(/^\s+/, "")).join("\n"),
+      },
+      {
+        slug: "right-align-text",
+        name: "Right-align Text",
+        description: "Align each line so the right edges match",
+        run: (input) => {
+          const lines = toLines(input).map((l) => l.replace(/^\s+/, ""));
+          const width = Math.max(...lines.map((l) => l.length), 0);
+          return lines.map((l) => l.padStart(width)).join("\n");
+        },
+      },
+      {
+        slug: "center-text",
+        name: "Center Text",
+        description: "Center each line within the longest line",
+        run: (input) => {
+          const lines = toLines(input);
+          const width = Math.max(...lines.map((l) => l.length), 0);
+          return lines
+            .map((l) => {
+              const extra = width - l.length;
+              if (extra <= 0) return l;
+              const left = Math.floor(extra / 2);
+              return " ".repeat(left) + l + " ".repeat(extra - left);
+            })
+            .join("\n");
+        },
+      },
+      {
+        slug: "indent-text",
+        name: "Indent Text",
+        description: "Prefix every line with spaces or a tab",
+        options: [
+          { kind: "number", key: "spaces", label: "Spaces", default: 4 },
+          { kind: "toggle", key: "tabs", label: "Use tabs", default: false },
+        ],
+        run: (input, o) => {
+          const pad = o.tabs === true ? "\t" : " ".repeat(Math.max(0, Number(o.spaces ?? 4) || 0));
+          return toLines(input).map((l) => (l === "" ? l : pad + l)).join("\n");
+        },
+      },
+      {
+        slug: "unindent-text",
+        name: "Unindent Text",
+        description: "Remove the common leading indentation from lines",
+        options: [{ kind: "number", key: "spaces", label: "Spaces", default: 0 }],
+        run: (input, o) => {
+          const lines = toLines(input);
+          let amount = Number(o.spaces ?? 0) || 0;
+          if (amount <= 0) {
+            let min = Infinity;
+            for (const l of lines) {
+              if (l.trim() === "") continue;
+              min = Math.min(min, l.match(/^\s*/)?.[0].length ?? 0);
+            }
+            amount = min === Infinity ? 0 : min;
+          }
+          return lines.map((l) => l.slice(amount)).join("\n");
+        },
+      },
+      {
+        slug: "justify-text",
+        name: "Justify Text",
+        description: "Stretch spaces so each line fills full width",
+        run: (input) => {
+          const lines = toLines(input);
+          const width = Math.max(...lines.map((l) => l.length), 0);
+          return lines
+            .map((line) => {
+              const ws = line.split(/\s+/).filter(Boolean);
+              if (ws.length <= 1) return line;
+              const curLen = ws.join(" ").length;
+              const gaps = ws.length - 1;
+              const extra = width - curLen;
+              if (extra <= 0) return line;
+              const per = Math.floor(extra / gaps);
+              const rem = extra % gaps;
+              let out = "";
+              ws.forEach((w, i) => {
+                out += w;
+                if (i < gaps) out += " ".repeat(2 + per + (i < rem ? 1 : 0));
+              });
+              return out;
+            })
+            .join("\n");
+        },
+      },
+      {
+        slug: "wrap-words",
+        name: "Wrap Words",
+        description: "Hard wrap the text at a column width",
+        options: [{ kind: "number", key: "width", label: "Width", default: 40 }],
+        run: (input, o) => {
+          const width = Math.max(1, Number(o.width ?? 40) || 1);
+          const out: string[] = [];
+          let cur = "";
+          for (const w of tokens(input)) {
+            if (cur === "") cur = w;
+            else if (cur.length + 1 + w.length <= width) cur += " " + w;
+            else {
+              out.push(cur);
+              cur = w;
+            }
+          }
+          if (cur !== "") out.push(cur);
+          return out.join("\n");
+        },
+      },
+      {
+        slug: "unwrap-text-lines",
+        name: "Unwrap Text Lines",
+        description: "Join consecutive lines while preserving paragraph breaks",
+        run: (input) => {
+          const paras: string[] = [];
+          let cur: string[] = [];
+          for (const l of toLines(input)) {
+            const t = l.trim();
+            if (t === "") {
+              if (cur.length) {
+                paras.push(cur.join(" "));
+                cur = [];
+              }
+            } else cur.push(t);
+          }
+          if (cur.length) paras.push(cur.join(" "));
+          return paras.join("\n\n");
+        },
+      },
+    ],
+  },
+  {
+    id: "reordering",
+    title: "Reordering Words / Sentences / Paragraphs",
+    description: "Reverse, swap and duplicate units of text",
+    tools: [
+      {
+        slug: "reverse-words",
+        name: "Reverse Words in Text",
+        description: "Reverse the order of words without reversing letters",
+        run: (input) => {
+          const parts = input.match(/[\p{L}\p{N}'-]+|\s+|./gu) ?? [];
+          const wordTokens = parts.filter((p) => /^[\p{L}\p{N}'-]+$/u.test(p));
+          wordTokens.reverse();
+          let i = 0;
+          return parts.map((p) => (/^[\p{L}\p{N}'-]+$/u.test(p) ? wordTokens[i++] : p)).join("");
+        },
+      },
+      {
+        slug: "reverse-sentences",
+        name: "Reverse Sentences in Text",
+        description: "Reverse the order of the sentences",
+        run: (input) => sentences(input).reverse().join(" "),
+      },
+      {
+        slug: "reverse-paragraphs",
+        name: "Reverse Paragraphs in Text",
+        description: "Reverse the order of the paragraphs",
+        run: (input) => paragraphs(input).reverse().join("\n\n"),
+      },
+      {
+        slug: "swap-letters-in-words",
+        name: "Swap Letters in Words",
+        description: "Reverse the letters inside every word",
+        run: (input) => input.replace(/[\p{L}\p{N}'-]+/gu, (w) => [...w].reverse().join("")),
+      },
+      {
+        slug: "swap-words",
+        name: "Swap Words",
+        description: "Swap two specified words throughout the text",
+        options: [
+          { kind: "text", key: "wordA", label: "Word A", default: "world" },
+          { kind: "text", key: "wordB", label: "Word B", default: "there" },
+        ],
+        run: (input, o) => {
+          const a = String(o.wordA ?? "world");
+          const b = String(o.wordB ?? "there");
+          if (!a) return input;
+          return input.replace(new RegExp(`\\b${esc(a)}\\b`, "gi"), (m) =>
+            [...b]
+              .map((ch, k) => {
+                const ref = m[k] ?? m[m.length - 1];
+                return ref && ref === ref.toUpperCase() ? ch.toUpperCase() : ch.toLowerCase();
+              })
+              .join("")
+          );
+        },
+      },
+      {
+        slug: "duplicate-words",
+        name: "Duplicate Words",
+        description: "Repeat every word a number of times",
+        options: [{ kind: "number", key: "times", label: "Times", default: 2 }],
+        run: (input, o) => {
+          const times = Math.max(1, Number(o.times ?? 2) || 1);
+          return input.replace(/\S+/g, (w) => Array.from({ length: times }, () => w).join(" "));
+        },
+      },
+      {
+        slug: "remove-words",
+        name: "Remove Words",
+        description: "Remove listed words or a positional range",
+        options: [
+          { kind: "text", key: "words", label: "Words", default: "" },
+          { kind: "number", key: "from", label: "From", default: 0 },
+          { kind: "number", key: "to", label: "To", default: 0 },
+        ],
+        run: (input, o) => {
+          const list = String(o.words ?? "")
+            .split(",")
+            .map((s) => s.toLowerCase())
+            .filter(Boolean);
+          if (list.length) {
+            return words(input).filter((w) => !list.includes(w.toLowerCase())).join(" ");
+          }
+          const ws = words(input);
+          const from = Math.max(0, Number(o.from ?? 0) || 0);
+          const to = Math.max(0, Number(o.to ?? 0) || 0);
+          const end = to <= 0 ? ws.length : to;
+          return [...ws.slice(0, from), ...ws.slice(end)].join(" ");
+        },
+      },
+      {
+        slug: "duplicate-sentences",
+        name: "Duplicate Sentences",
+        description: "Repeat each sentence a number of times",
+        options: [{ kind: "number", key: "times", label: "Times", default: 2 }],
+        run: (input, o) => {
+          const times = Math.max(1, Number(o.times ?? 2) || 1);
+          return sentences(input).flatMap((s) => Array.from({ length: times }, () => s)).join(" ");
+        },
+      },
+      {
+        slug: "remove-sentences",
+        name: "Remove Sentences",
+        description: "Remove sentences by their one-based positions",
+        options: [{ kind: "text", key: "indexes", label: "Indexes", default: "" }],
+        run: (input, o) => {
+          const idx = String(o.indexes ?? "")
+            .split(",")
+            .map((s) => parseInt(s, 10))
+            .filter((n) => Number.isFinite(n));
+          return sentences(input)
+            .filter((_, i) => !idx.includes(i + 1))
+            .join(" ");
+        },
+      },
+      {
+        slug: "replace-words",
+        name: "Replace Words",
+        description: "Replace occurrences of one word with another",
+        options: [
+          { kind: "text", key: "find", label: "Find", default: "foo" },
+          { kind: "text", key: "replace", label: "Replace", default: "bar" },
+          { kind: "toggle", key: "caseInsensitive", label: "Case-insensitive", default: true },
+        ],
+        run: (input, o) => {
+          const find = String(o.find ?? "foo");
+          const replace = String(o.replace ?? "bar");
+          if (!find) return input;
+          return input.replace(new RegExp(esc(find), o.caseInsensitive === true ? "gi" : "g"), replace);
+        },
+      },
+    ],
+  },
+  {
+    id: "randomize-fake",
+    title: "Randomization & Fake Text",
+    description: "Generate, inject and detect dummy text",
+    tools: [
+      {
+        slug: "add-random-words",
+        name: "Add Random Words",
+        description: "Insert random filler words at random positions",
+        options: [{ kind: "number", key: "count", label: "Count", default: 3 }],
+        run: (input, o) => {
+          if (input === "") return "";
+          const count = Math.max(1, Number(o.count ?? 3) || 1);
+          const pool = ["um", "actually", "basically", "literally", "very", "really", "sort of"];
+          const toks = input.match(/\S+|\s+/g) ?? [];
+          for (let i = 0; i < count; i++) {
+            const pos = randInt(0, toks.length);
+            const before = pos > 0 && toks[pos - 1]?.trim() !== "" ? " " : "";
+            const after = pos < toks.length && toks[pos]?.trim() !== "" ? " " : "";
+            toks.splice(pos, 0, before + pick(pool) + after);
+          }
+          return toks.join("");
+        },
+      },
+      {
+        slug: "add-random-letters",
+        name: "Add Random Letters to Words",
+        description: "Insert random letters inside random words",
+        options: [{ kind: "number", key: "count", label: "Count", default: 1 }],
+        run: (input, o) => {
+          if (input === "") return "";
+          const count = Math.max(1, Number(o.count ?? 1) || 1);
+          const parts = input.match(/\S+|\s+/g) ?? [];
+          const wordIdx = parts.map((p, i) => (p.trim() ? i : -1)).filter((i) => i >= 0);
+          for (let i = 0; i < count && wordIdx.length; i++) {
+            const ti = pick(wordIdx);
+            const w = parts[ti];
+            const at = randInt(0, w.length);
+            parts[ti] = w.slice(0, at) + ALPHABET[randInt(0, ALPHABET.length - 1)] + w.slice(at);
+          }
+          return parts.join("");
+        },
+      },
+      {
+        slug: "introduce-errors",
+        name: "Introduce Errors in Text",
+        description: "Randomly replace characters or swap adjacent ones",
+        options: [
+          { kind: "number", key: "rate", label: "Rate (%)", default: 5 },
+          { kind: "toggle", key: "swap", label: "Swap adjacent letters", default: false },
+        ],
+        run: (input, o) => {
+          const rate = Math.max(0, Number(o.rate ?? 5) || 0);
+          const swap = o.swap === true;
+          const chars = [...input];
+          for (let i = 0; i < chars.length; i++) {
+            if (Math.random() * 100 < rate) {
+              if (swap && i + 1 < chars.length) {
+                [chars[i], chars[i + 1]] = [chars[i + 1], chars[i]];
+                i++;
+              } else {
+                chars[i] = ALPHABET[randInt(0, ALPHABET.length - 1)];
+              }
+            }
+          }
+          return chars.join("");
+        },
+      },
+      {
+        slug: "generate-fake-text",
+        name: "Generate Fake Text",
+        description: "Produce plausible dummy prose paragraphs",
+        options: [{ kind: "number", key: "paragraphs", label: "Paragraphs", default: 3 }],
+        run: (input, o) => {
+          const n = Math.max(1, Number(o.paragraphs ?? 3) || 1);
+          const pool = ["the", "quick", "brown", "fox", "jumps", "over", "lazy", "dog", "stream", "light", "data", "cloud", "value", "system", "user", "table", "signal", "token", "query"];
+          const cap = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);
+          const sentence = () =>
+            Array.from({ length: randInt(7, 12) }, () => pick(pool)).join(" ") + ".";
+          const out: string[] = [];
+          for (let i = 0; i < n; i++) {
+            const sents: string[] = [];
+            for (let j = 0, m = randInt(3, 6); j < m; j++) sents.push(cap(sentence()));
+            out.push(sents.join(" "));
+          }
+          return out.join("\n\n");
+        },
+      },
+      {
+        slug: "unfake-text",
+        name: "Unfake Text",
+        description: "Strip common lorem ipsum filler words",
+        run: (input) => {
+          const filler = ["lorem", "ipsum", "dolor", "sit", "amet", "consectetur", "adipiscing", "elit"];
+          return tokens(input)
+            .filter((w) => !filler.includes(w.replace(/[^\p{L}\p{N}]/gu, "").toLowerCase()))
+            .join(" ");
+        },
+      },
+      {
+        slug: "check-fake-text",
+        name: "Check If Text Is Fake",
+        description: "Heuristically score how dummy the text looks",
+        run: (input) => {
+          const filler = ["lorem", "ipsum", "blah", "test", "foo", "bar", "asd", "qwerty", "placeholder", "sample"];
+          const counts = new Map<string, number>();
+          for (const w of tokens(input)) {
+            const base = w.replace(/[^\p{L}\p{N}]/gu, "").toLowerCase();
+            if (filler.includes(base)) counts.set(base, (counts.get(base) ?? 0) + 1);
+          }
+          let score = Math.min(40, [...counts.values()].reduce((a, b) => a + b, 0) * 10);
+          const wds = words(input);
+          const avgLen = wds.length ? wds.join("").length / wds.length : 0;
+          if (avgLen < 3.5) score += 20;
+          if (/lorem[\s]+ipsum/i.test(input)) score += 20;
+          score = Math.min(100, score);
+          const matches = [...counts.entries()]
+            .sort((a, b) => b[1] - a[1])
+            .map(([w, c]) => `${w} (${c})`)
+            .join(", ");
+          return [
+            `Dummy score: ${score}/100`,
+            matches ? `Matches: ${matches}` : "Matches: none",
+          ].join("\n");
+        },
+      },
+      {
+        slug: "remove-random-letters",
+        name: "Remove Random Letters",
+        description: "Delete a number of random letters from words",
+        options: [{ kind: "number", key: "count", label: "Count", default: 3 }],
+        run: (input, o) => {
+          const count = Math.max(0, Number(o.count ?? 3) || 0);
+          if (count <= 0) return input;
+          const parts: string[] = input.match(/\S+|\s+/g) ?? [];
+          const byTok = new Map<number, number[]>();
+          parts.forEach((p, ti) => {
+            if (!p.trim()) return;
+            byTok.set(ti, [...p].map((c, ci) => (/\p{L}/u.test(c) ? ci : -1)).filter((i) => i >= 0));
+          });
+          const all: Array<[number, number]> = [];
+          for (const [ti, arr] of byTok) for (const ci of arr) all.push([ti, ci]);
+          const chosen = new Map<number, number[]>();
+          for (const [ti, ci] of shuffle(all).slice(0, count)) {
+            const arr = chosen.get(ti) ?? [];
+            arr.push(ci);
+            chosen.set(ti, arr);
+          }
+          for (const [ti, indices] of chosen) {
+            indices.sort((a, b) => b - a);
+            for (const ci of indices) parts[ti] = parts[ti].slice(0, ci) + parts[ti].slice(ci + 1);
+          }
+          return parts.join("");
+        },
+      },
+      {
+        slug: "remove-random-symbols",
+        name: "Remove Random Symbols",
+        description: "Delete random punctuation and symbol characters",
+        options: [{ kind: "number", key: "count", label: "Count", default: 5 }],
+        run: (input, o) => {
+          const count = Math.max(0, Number(o.count ?? 5) || 0);
+          if (count <= 0) return input;
+          const chars = [...input];
+          const symIdx = chars.map((c, i) => (!/[\p{L}\p{N}\s]/u.test(c) ? i : -1)).filter((i) => i >= 0);
+          for (const i of shuffle(symIdx).slice(0, count).sort((a, b) => b - a)) chars[i] = "";
+          return chars.join("");
+        },
+      },
+      {
+        slug: "scramble-words",
+        name: "Scramble Words",
+        description: "Shuffle the letters inside every word",
+        run: (input) => input.replace(/[\p{L}\p{N}'-]+/gu, (w) => shuffle([...w]).join("")),
+      },
+    ],
+  },
+  {
+    id: "prefix-suffix-symbols",
+    title: "Symbols, Prefixes & Suffixes",
+    description: "Wrap words or lines with symbols and markers",
+    tools: [
+      {
+        slug: "add-symbols-around-words",
+        name: "Add Symbols Around Words",
+        description: "Wrap every word with a symbol pair",
+        options: [
+          { kind: "text", key: "left", label: "Left", default: "[" },
+          { kind: "text", key: "right", label: "Right", default: "]" },
+        ],
+        run: (input, o) => {
+          const left = String(o.left ?? "[");
+          const right = String(o.right ?? "]");
+          return input.replace(/[\p{L}\p{N}'-]+/gu, (w) => left + w + right);
+        },
+      },
+      {
+        slug: "remove-symbols-around-words",
+        name: "Remove Symbols from Around Words",
+        description: "Strip matching symbols from around every word",
+        options: [
+          { kind: "text", key: "left", label: "Left", default: "[" },
+          { kind: "text", key: "right", label: "Right", default: "]" },
+        ],
+        run: (input, o) => {
+          const left = String(o.left ?? "[");
+          const right = String(o.right ?? "]");
+          return input.replace(/\S+/g, (w) =>
+            w.replace(new RegExp(`^${esc(left)}`), "").replace(new RegExp(`${esc(right)}$`), "")
+          );
+        },
+      },
+      {
+        slug: "add-prefix-lines",
+        name: "Add a Prefix to Text Lines",
+        description: "Prefix every line with a marker string",
+        options: [{ kind: "text", key: "prefix", label: "Prefix", default: "> " }],
+        run: (input, o) => {
+          const prefix = String(o.prefix ?? "> ");
+          return toLines(input).map((l) => prefix + l).join("\n");
+        },
+      },
+      {
+        slug: "add-suffix-lines",
+        name: "Add a Suffix to Text Lines",
+        description: "Append a suffix to every line",
+        options: [{ kind: "text", key: "suffix", label: "Suffix", default: " <" }],
+        run: (input, o) => {
+          const suffix = String(o.suffix ?? " <");
+          return toLines(input).map((l) => l + suffix).join("\n");
+        },
+      },
+      {
+        slug: "remove-prefix",
+        name: "Remove a Prefix from Text",
+        description: "Strip a prefix from the start of each line",
+        options: [{ kind: "text", key: "prefix", label: "Prefix", default: "> " }],
+        run: (input, o) => {
+          const prefix = String(o.prefix ?? "> ");
+          return toLines(input).map((l) => (l.startsWith(prefix) ? l.slice(prefix.length) : l)).join("\n");
+        },
+      },
+      {
+        slug: "remove-suffix-lines",
+        name: "Remove a Suffix from Text Lines",
+        description: "Strip a suffix from the end of each line",
+        options: [{ kind: "text", key: "suffix", label: "Suffix", default: " <" }],
+        run: (input, o) => {
+          const suffix = String(o.suffix ?? " <");
+          return toLines(input).map((l) => (l.endsWith(suffix) ? l.slice(0, l.length - suffix.length) : l)).join("\n");
+        },
+      },
+      {
+        slug: "add-prefix-words",
+        name: "Add a Prefix to Words",
+        description: "Prefix every word with a marker string",
+        options: [{ kind: "text", key: "prefix", label: "Prefix", default: "#" }],
+        run: (input, o) => {
+          const prefix = String(o.prefix ?? "#");
+          return input.replace(/[\p{L}\p{N}'-]+/gu, (w) => prefix + w);
+        },
+      },
+      {
+        slug: "add-suffix-words",
+        name: "Add a Suffix to Words",
+        description: "Append a suffix to every word",
+        options: [{ kind: "text", key: "suffix", label: "Suffix", default: "!" }],
+        run: (input, o) => {
+          const suffix = String(o.suffix ?? "!");
+          return input.replace(/[\p{L}\p{N}'-]+/gu, (w) => w + suffix);
+        },
+      },
+      {
+        slug: "remove-prefix-words",
+        name: "Remove a Prefix from Words",
+        description: "Strip a prefix from every word that has it",
+        options: [{ kind: "text", key: "prefix", label: "Prefix", default: "#" }],
+        run: (input, o) => {
+          const prefix = String(o.prefix ?? "#");
+          return input.replace(/\S+/g, (w) => (w.startsWith(prefix) ? w.slice(prefix.length) : w));
+        },
+      },
+      {
+        slug: "remove-suffix-words",
+        name: "Remove a Suffix from Words",
+        description: "Strip a suffix from every word that has it",
+        options: [{ kind: "text", key: "suffix", label: "Suffix", default: "!" }],
+        run: (input, o) => {
+          const suffix = String(o.suffix ?? "!");
+          return input.replace(/\S+/g, (w) => (w.endsWith(suffix) ? w.slice(0, w.length - suffix.length) : w));
+        },
+      },
+      {
+        slug: "insert-symbols-between-letters",
+        name: "Insert Symbols Between Letters",
+        description: "Insert a symbol between every character",
+        options: [{ kind: "text", key: "symbol", label: "Symbol", default: "-" }],
+        run: (input, o) => {
+          const symbol = String(o.symbol ?? "-");
+          return [...input].join(symbol);
+        },
+      },
+      {
+        slug: "add-symbols-around-letters",
+        name: "Add Symbols Around Letters",
+        description: "Wrap each letter with a symbol pair",
+        options: [
+          { kind: "text", key: "left", label: "Left", default: "(" },
+          { kind: "text", key: "right", label: "Right", default: ")" },
+        ],
+        run: (input, o) => {
+          const left = String(o.left ?? "(");
+          const right = String(o.right ?? ")");
+          return [...input].map((c) => left + c + right).join("");
+        },
+      },
+    ],
+  },
+  {
+    id: "filtering",
+    title: "Filtering",
+    description: "Keep or drop lines, words, sentences and paragraphs",
+    tools: [
+      {
+        slug: "remove-empty-lines",
+        name: "Remove All Empty Lines",
+        description: "Drop every blank line from the text",
+        run: (input) => toLines(input).filter((l) => l.trim() !== "").join("\n"),
+      },
+      {
+        slug: "remove-duplicate-lines",
+        name: "Remove All Duplicate Lines",
+        description: "Keep only the first occurrence of each line",
+        run: (input) => {
+          const seen = new Set<string>();
+          const out: string[] = [];
+          for (const l of toLines(input)) {
+            if (!seen.has(l)) {
+              seen.add(l);
+              out.push(l);
+            }
+          }
+          return out.join("\n");
+        },
+      },
+      {
+        slug: "filter-lines",
+        name: "Filter Text Lines",
+        description: "Keep or remove lines by a match string",
+        options: [
+          { kind: "select", key: "mode", label: "Mode", options: ["keep", "remove"], default: "keep" },
+          { kind: "text", key: "match", label: "Match", default: "" },
+          { kind: "toggle", key: "regex", label: "Regex", default: false },
+        ],
+        run: (input, o) => {
+          const mode = String(o.mode ?? "keep");
+          const match = String(o.match ?? "");
+          const keep = mode !== "remove";
+          if (match === "") return toLines(input).filter((l) => l.trim() !== "").join("\n");
+          const re = o.regex === true ? new RegExp(match, "u") : null;
+          const hit = (l: string) => (re ? re.test(l) : l.includes(match));
+          return toLines(input).filter((l) => (keep ? hit(l) : !hit(l))).join("\n");
+        },
+      },
+      {
+        slug: "filter-words",
+        name: "Filter Words in Text",
+        description: "Keep or drop words equal to a match",
+        options: [
+          { kind: "select", key: "mode", label: "Mode", options: ["keep", "remove"], default: "keep" },
+          { kind: "text", key: "match", label: "Match", default: "" },
+        ],
+        run: (input, o) => {
+          const mode = String(o.mode ?? "keep");
+          const match = String(o.match ?? "").toLowerCase();
+          const keep = mode !== "remove";
+          return words(input)
+            .filter((w) => (keep ? w.toLowerCase() === match : w.toLowerCase() !== match))
+            .join(" ");
+        },
+      },
+      {
+        slug: "filter-sentences",
+        name: "Filter Sentences",
+        description: "Keep or drop sentences containing a match",
+        options: [
+          { kind: "select", key: "mode", label: "Mode", options: ["keep", "remove"], default: "keep" },
+          { kind: "text", key: "match", label: "Match", default: "" },
+        ],
+        run: (input, o) => {
+          const mode = String(o.mode ?? "keep");
+          const match = String(o.match ?? "");
+          const keep = mode !== "remove";
+          return sentences(input)
+            .filter((s) => (keep ? s.includes(match) : !s.includes(match)))
+            .join(" ");
+        },
+      },
+      {
+        slug: "filter-paragraphs",
+        name: "Filter Paragraphs",
+        description: "Keep or drop paragraphs containing a match",
+        options: [
+          { kind: "select", key: "mode", label: "Mode", options: ["keep", "remove"], default: "keep" },
+          { kind: "text", key: "match", label: "Match", default: "" },
+        ],
+        run: (input, o) => {
+          const mode = String(o.mode ?? "keep");
+          const match = String(o.match ?? "");
+          const keep = mode !== "remove";
+          return paragraphs(input)
+            .filter((p) => (keep ? p.includes(match) : !p.includes(match)))
+            .join("\n\n");
+        },
+      },
+    ],
+  },
+  {
+    id: "sorting",
+    title: "Sorting",
+    description: "Sort lines, words, sentences, paragraphs or symbols",
+    tools: [
+      {
+        slug: "sort-lines",
+        name: "Sort Text Lines",
+        description: "Sort lines alphabetically or naturally",
+        options: [
+          { kind: "select", key: "dir", label: "Direction", options: ["asc", "desc", "natural", "natural-desc"], default: "asc" },
+          { kind: "toggle", key: "trim", label: "Trim before sorting", default: false },
+        ],
+        run: (input, o) => {
+          const dir = String(o.dir ?? "asc");
+          const collator = new Intl.Collator(undefined, { numeric: true, sensitivity: "base" });
+          const lines = toLines(input).map((l) => (o.trim === true ? l.trim() : l));
+          if (dir === "desc") lines.sort((a, b) => b.localeCompare(a));
+          else if (dir === "natural") lines.sort((a, b) => collator.compare(a, b));
+          else if (dir === "natural-desc") lines.sort((a, b) => collator.compare(b, a));
+          else lines.sort((a, b) => a.localeCompare(b));
+          return lines.join("\n");
+        },
+      },
+      {
+        slug: "sort-sentences",
+        name: "Sort Sentences in Text",
+        description: "Sort the sentences alphabetically and rejoin",
+        run: (input) => sentences(input).sort((a, b) => a.localeCompare(b)).join(" "),
+      },
+      {
+        slug: "sort-paragraphs",
+        name: "Sort Paragraphs",
+        description: "Sort the paragraphs alphabetically and rejoin",
+        run: (input) => paragraphs(input).sort((a, b) => a.localeCompare(b)).join("\n\n"),
+      },
+      {
+        slug: "sort-words",
+        name: "Sort Words",
+        description: "Sort every word in the text alphabetically",
+        options: [{ kind: "toggle", key: "dedupe", label: "Deduplicate", default: true }],
+        run: (input, o) => {
+          const ws = words(input).sort((a, b) => a.localeCompare(b));
+          return (o.dedupe === true ? unique(ws) : ws).join(" ");
+        },
+      },
+      {
+        slug: "sort-letters",
+        name: "Sort Letters in Words",
+        description: "Sort the letters inside every word",
+        run: (input) =>
+          input.replace(/[\p{L}\p{N}'-]+/gu, (w) => [...w].sort((a, b) => a.localeCompare(b)).join("")),
+      },
+      {
+        slug: "sort-symbols",
+        name: "Sort Symbols in Text",
+        description: "Extract and sort all punctuation symbols one per line",
+        run: (input) =>
+          [...input]
+            .filter((c) => /[\p{P}\p{S}]/u.test(c))
+            .sort((a, b) => a.localeCompare(b))
+            .join("\n"),
+      },
+    ],
+  },
+  {
+    id: "randomize-order",
+    title: "Randomize Order",
+    description: "Shuffle the order of text units",
+    tools: [
+      {
+        slug: "randomize-letters",
+        name: "Randomize Letters in Text",
+        description: "Shuffle letters while keeping non-letters in place",
+        run: (input) => {
+          const chars = [...input];
+          const letters = chars.filter((c) => /[\p{L}]/u.test(c));
+          const mixed = shuffle(letters);
+          let k = 0;
+          return chars.map((c) => (/[\p{L}]/u.test(c) ? mixed[k++] : c)).join("");
+        },
+      },
+      {
+        slug: "randomize-words",
+        name: "Randomize Words in Text",
+        description: "Shuffle the order of all the words",
+        run: (input) => shuffle(tokens(input)).join(" "),
+      },
+      {
+        slug: "randomize-lines",
+        name: "Randomize Text Lines",
+        description: "Shuffle the order of the lines",
+        run: (input) => shuffle(toLines(input)).join("\n"),
+      },
+      {
+        slug: "randomize-sentences",
+        name: "Randomize Text Sentences",
+        description: "Shuffle the order of the sentences",
+        run: (input) => shuffle(sentences(input)).join(" "),
+      },
+      {
+        slug: "randomize-paragraphs",
+        name: "Randomize Text Paragraphs",
+        description: "Shuffle the order of the paragraphs",
+        run: (input) => shuffle(paragraphs(input)).join("\n\n"),
+      },
+    ],
+  },
+  {
+    id: "stats-structure",
+    title: "Statistics & Structure",
+    description: "Measure, extract and summarize the text",
+    tools: [
+      {
+        slug: "letter-sum",
+        name: "Calculate Letter Sum",
+        description: "Sum letter values using a chosen scheme",
+        options: [
+          { kind: "select", key: "mode", label: "Mode", options: ["a1", "a0", "ascii"], default: "a1" },
+          { kind: "toggle", key: "caseInsensitive", label: "Case-insensitive", default: true },
+        ],
+        run: (input, o) => {
+          const mode = String(o.mode ?? "a1");
+          const ci = o.caseInsensitive === true;
+          let sum = 0;
+          for (const ch of input) {
+            if (!/[\p{L}]/u.test(ch)) continue;
+            if (mode === "ascii") {
+              sum += ch.charCodeAt(0);
+            } else {
+              const c = ci ? ch.toLowerCase() : ch;
+              const base = /[\p{Lu}]/u.test(c) ? 65 : 97;
+              sum += c.charCodeAt(0) - base + (mode === "a1" ? 1 : 0);
+            }
+          }
+          return `Sum: ${sum}`;
+        },
+      },
+      {
+        slug: "extract-fragment",
+        name: "Extract a Text Fragment",
+        description: "Extract the substring between two markers",
+        options: [
+          { kind: "text", key: "start", label: "Start", default: "[" },
+          { kind: "text", key: "end", label: "End", default: "]" },
+        ],
+        run: (input, o) => {
+          const start = String(o.start ?? "[");
+          const end = String(o.end ?? "]");
+          const s = input.indexOf(start);
+          if (s === -1) return "";
+          const from = s + start.length;
+          const e = input.indexOf(end, from);
+          if (e === -1) return "";
+          return input.slice(from, e);
+        },
+      },
+      {
+        slug: "find-replace",
+        name: "Find and Replace Text",
+        description: "Replace all occurrences of a string or regex",
+        options: [
+          { kind: "text", key: "find", label: "Find", default: "" },
+          { kind: "text", key: "replace", label: "Replace", default: "" },
+          { kind: "toggle", key: "regex", label: "Regex", default: false },
+        ],
+        run: (input, o) => {
+          const find = String(o.find ?? "");
+          const replace = String(o.replace ?? "");
+          if (find === "") return input;
+          return o.regex === true ? input.replace(new RegExp(find, "g"), replace) : input.replaceAll(find, replace);
+        },
+      },
+      {
+        slug: "text-length",
+        name: "Find the Length of Text",
+        description: "Report character, word and line counts",
+        options: [
+          { kind: "toggle", key: "words", label: "Words", default: true },
+          { kind: "toggle", key: "lines", label: "Lines", default: true },
+        ],
+        run: (input, o) => {
+          const out = [`Characters: ${input.length}`];
+          if (o.words !== false) out.push(`Words: ${words(input).length}`);
+          if (o.lines !== false) out.push(`Lines: ${toLines(input).length}`);
+          return out.join("\n");
+        },
+      },
+      {
+        slug: "top-letters",
+        name: "Find Top Letters in Text",
+        description: "Rank the most frequent letters in the text",
+        options: [
+          { kind: "number", key: "count", label: "Count", default: 5 },
+          { kind: "toggle", key: "caseInsensitive", label: "Case-insensitive", default: true },
+        ],
+        run: (input, o) => {
+          const count = Math.max(1, Number(o.count ?? 5) || 1);
+          const ci = o.caseInsensitive === true;
+          const letters = [...input]
+            .filter((c) => /[\p{L}]/u.test(c))
+            .map((c) => (ci ? c.toLowerCase() : c));
+          return frequencies(letters)
+            .slice(0, count)
+            .map((e) => `${e.item}: ${e.count}`)
+            .join("\n");
+        },
+      },
+      {
+        slug: "top-words",
+        name: "Find Top Words in Text",
+        description: "Rank the most frequent words in the text",
+        options: [{ kind: "number", key: "count", label: "Count", default: 5 }],
+        run: (input, o) => {
+          const count = Math.max(1, Number(o.count ?? 5) || 1);
+          return frequencies(words(input))
+            .slice(0, count)
+            .map((e) => `${e.item}: ${e.count}`)
+            .join("\n");
+        },
+      },
+      {
+        slug: "text-entropy",
+        name: "Calculate Text Entropy",
+        description: "Report character count and Shannon entropy",
+        run: (input) =>
+          [
+            `Characters: ${input.length}`,
+            `Unique chars: ${new Set(input).size}`,
+            `Entropy: ${shannonEntropy(input).toFixed(2)} bits/char`,
+          ].join("\n"),
+      },
+      {
+        slug: "count-words",
+        name: "Count Words in Text",
+        description: "Report total and unique word counts",
+        run: (input) => {
+          const w = words(input);
+          return `Total words: ${w.length}\nUnique words: ${unique(w).length}`;
+        },
+      },
+      {
+        slug: "text-stats",
+        name: "Print Text Statistics",
+        description: "Report a combined set of text measurements",
+        run: (input) =>
+          [
+            `Characters: ${input.length}`,
+            `Letters: ${[...input].filter((c) => /[\p{L}]/u.test(c)).length}`,
+            `Words: ${words(input).length}`,
+            `Sentences: ${sentences(input).length}`,
+            `Lines: ${toLines(input).length}`,
+            `Paragraphs: ${paragraphs(input).length}`,
+          ].join(" / "),
+      },
+      {
+        slug: "unique-words",
+        name: "Find Unique Words in Text",
+        description: "List the words that appear exactly once",
+        run: (input) =>
+          frequencies(words(input))
+            .filter((e) => e.count === 1)
+            .map((e) => e.item)
+            .join("\n"),
+      },
+      {
+        slug: "find-duplicate-words",
+        name: "Find Duplicate Words",
+        description: "List the words that appear more than once",
+        run: (input) =>
+          frequencies(words(input))
+            .filter((e) => e.count > 1)
+            .map((e) => e.item)
+            .join("\n"),
+      },
+      {
+        slug: "unique-letters",
+        name: "Find Unique Letters",
+        description: "List the letters that appear exactly once",
+        run: (input) =>
+          frequencies([...input].filter((c) => /[\p{L}]/u.test(c)))
+            .filter((e) => e.count === 1)
+            .map((e) => e.item)
+            .join("\n"),
+      },
+      {
+        slug: "find-duplicate-letters",
+        name: "Find Duplicate Letters",
+        description: "List the letters that appear more than once",
+        run: (input) =>
+          frequencies([...input].filter((c) => /[\p{L}]/u.test(c)))
+            .filter((e) => e.count > 1)
+            .map((e) => e.item)
+            .join("\n"),
+      },
+      {
+        slug: "remove-duplicate-words",
+        name: "Remove Duplicate Words",
+        description: "Deduplicate words keeping first occurrences in order",
+        run: (input) => unique(words(input)).join(" "),
+      },
+      {
+        slug: "count-lines",
+        name: "Count Text Lines",
+        description: "Report how many lines the text has",
+        run: (input) => `Lines: ${toLines(input).length}`,
+      },
+      {
+        slug: "add-line-numbers",
+        name: "Add Line Numbers",
+        description: "Prefix each non-blank line with its number",
+        run: (input) =>
+          toLines(input)
+            .map((l, i) => (l === "" ? l : `${i + 1}. ${l}`))
+            .join("\n"),
+      },
+      {
+        slug: "remove-line-numbers",
+        name: "Remove Line Numbers",
+        description: "Strip leading number markers from all lines",
+        run: (input) => toLines(input).map((l) => l.replace(/^\s*\d+[.:]\s?/, "")).join("\n"),
+      },
+    ],
+  },
+];
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/tools/text/part2.ts b/artifacts/personal-tool-console/src/lib/tools/text/part2.ts
new file mode 100644
index 0000000..985a5cd
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/text/part2.ts
@@ -0,0 +1,1799 @@
+import type { TextOpts, TextToolGroup } from "./types";
+import {
+  randInt,
+  pick,
+  toLines,
+  tokens,
+  words,
+  sentences,
+  paragraphs,
+  chunk,
+  ALPHABET,
+  VOWELS,
+  SUPERSCRIPT_MAP,
+  SUBSCRIPT_MAP,
+  BOLD_MAP,
+  ITALIC_MAP,
+  MONO_MAP,
+  SANS_MAP,
+  SCRIPT_MAP,
+  CURSIVE_MAP,
+  textToMorse,
+  morseToText,
+  ZALGO_MARKS,
+  NUMBER_WORDS,
+  toWords,
+  unicodeMap,
+  stripDiacritics,
+  shannonEntropy,
+} from "./helpers";
+
+const WORD_RE = /[\p{L}\p{N}_'-]+/gu;
+
+function escClass(c: string): string {
+  return /[-\\\]\^]/.test(c) ? "\\" + c : c;
+}
+
+function charSet(spec: string, fallback = ""): Set<string> {
+  const set = new Set(spec.replace(/[\s,]/g, ""));
+  if (set.size === 0 && fallback) for (const c of fallback) set.add(c);
+  return set;
+}
+
+function quotePair(o: TextOpts): [string, string] {
+  const q = String(o.quote ?? '"');
+  const open = q.charAt(0);
+  const close = q.length > 1 ? q.charAt(q.length - 1) : open;
+  return [open, close];
+}
+
+function flipCaseChar(c: string): string {
+  return c === c.toUpperCase() ? c.toLowerCase() : c.toUpperCase();
+}
+
+const FONT_MAPS: Record<string, Record<string, string>> = {
+  sans: SANS_MAP,
+  mono: MONO_MAP,
+  bold: BOLD_MAP,
+  italic: ITALIC_MAP,
+  script: SCRIPT_MAP,
+  cursive: CURSIVE_MAP,
+};
+
+const FANCY_REV: Record<string, string> = {};
+for (const map of [
+  SANS_MAP,
+  MONO_MAP,
+  BOLD_MAP,
+  ITALIC_MAP,
+  SCRIPT_MAP,
+  CURSIVE_MAP,
+  SUPERSCRIPT_MAP,
+  SUBSCRIPT_MAP,
+]) {
+  for (const [k, v] of Object.entries(map)) {
+    if (!(v in FANCY_REV)) FANCY_REV[v] = k;
+  }
+}
+
+const UPSIDE_DOWN: Record<string, string> = {
+  a: "\u0250", b: "q", c: "\u0254", d: "p", e: "\u01dd", f: "\u025f", g: "\u0183",
+  h: "\u0265", i: "\u1d09", j: "\u027e", k: "\u029e", l: "l", m: "\u026f", n: "u",
+  o: "o", p: "d", q: "b", r: "\u0279", s: "s", t: "\u0287", u: "n", v: "\u028c",
+  w: "\u028d", x: "x", y: "\u028e", z: "z",
+  "!": "\u00a1", "?": "\u00bf", ".": "\u02d9", ",": "'", "(": ")", ")": "(",
+  "[": "]", "]": "[",
+};
+
+function capFirst(s: string): string {
+  return s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+}
+
+const SYN_MAP: Record<string, string> = {
+  great: "excellent",
+  good: "fine",
+  bad: "poor",
+  big: "large",
+  small: "tiny",
+  very: "extremely",
+  quickly: "rapidly",
+  happy: "glad",
+};
+
+const RU_LAT: Record<string, string> = {
+  "\u0430": "a", "\u0431": "b", "\u0432": "v", "\u0433": "g", "\u0434": "d",
+  "\u0435": "e", "\u0436": "zh", "\u0437": "z", "\u0438": "i", "\u0439": "y",
+  "\u043a": "k", "\u043b": "l", "\u043c": "m", "\u043d": "n", "\u043e": "o",
+  "\u043f": "p", "\u0440": "r", "\u0441": "s", "\u0442": "t", "\u0443": "u",
+  "\u0444": "f", "\u0445": "kh", "\u0446": "ts", "\u0447": "ch", "\u0448": "sh",
+  "\u0449": "shch", "\u044a": "", "\u0451": "yo", "\u044b": "y", "\u044c": "",
+  "\u044d": "e", "\u044e": "yu", "\u044f": "ya",
+};
+
+const LAT_RU: Record<string, string> = {};
+for (const [k, v] of Object.entries(RU_LAT)) {
+  if (v && !(v in LAT_RU)) LAT_RU[v] = k;
+}
+
+const QUOTE_PAIRS: [string, string][] = [
+  ['"', '"'],
+  ["'", "'"],
+  ["\u201c", "\u201d"],
+  ["\u2018", "\u2019"],
+  ["\u00ab", "\u00bb"],
+  ["\u201e", "\u201c"],
+];
+
+const TAME_CURSES = ["heck", "darn"];
+
+const BAD_WORDS = ["damn", "hell", "crap", "shit", "fuck", "bitch", "ass", "dick"];
+
+const COMMON_NAMES = ["John", "Jane", "Mike", "Sarah", "David", "Emily", "Tom", "Alice", "Bob", "Carol", "Dan", "Lisa"];
+
+const FILLER_WORDS = [
+  "the", "a", "an", "of", "to", "and", "in", "is", "it", "for",
+  "on", "with", "as", "at", "be", "this", "that", "has", "are", "was",
+  "by", "from", "or", "but", "not", "you", "they", "we", "have", "he",
+];
+
+type RNode =
+  | { t: "char"; c: string }
+  | { t: "class"; body: string; neg: boolean }
+  | { t: "seq"; nodes: RNode[] }
+  | { t: "alt"; alts: RNode[][] }
+  | { t: "rep"; node: RNode; min: number; max: number };
+
+const REGEN_CHAR = ALPHABET + ALPHABET.toUpperCase() + "0123456789_ ";
+
+function expandClass(body: string): string[] {
+  const out: string[] = [];
+  for (let i = 0; i < body.length; i++) {
+    if (body[i + 1] === "-" && i + 2 < body.length && body[i] !== "-") {
+      const a = body.charCodeAt(i);
+      const b = body.charCodeAt(i + 2);
+      for (let k = a; k <= b; k++) out.push(String.fromCharCode(k));
+      i += 2;
+    } else {
+      out.push(body[i]);
+    }
+  }
+  return out;
+}
+
+function genNode(node: RNode): string {
+  switch (node.t) {
+    case "char":
+      return node.c;
+    case "seq": {
+      let out = "";
+      for (const n of node.nodes) out += genNode(n);
+      return out;
+    }
+    case "alt": {
+      const choice = node.alts.length ? randInt(0, node.alts.length - 1) : 0;
+      const seq = node.alts[choice] ?? [];
+      let out = "";
+      for (const n of seq) out += genNode(n);
+      return out;
+    }
+    case "rep": {
+      let out = "";
+      const count = randInt(node.min, node.max);
+      for (let i = 0; i < count; i++) out += genNode(node.node);
+      return out;
+    }
+    case "class": {
+      const pool = expandClass(node.body);
+      const valid = node.neg
+        ? [...REGEN_CHAR].filter((c) => !pool.includes(c))
+        : pool.length
+          ? pool
+          : ["a"];
+      return valid[randInt(0, valid.length - 1)] ?? "a";
+    }
+  }
+}
+
+function parseSeq(src: string, i: number): [RNode[], number] {
+  const nodes: RNode[] = [];
+  while (i < src.length) {
+    const ch = src[i];
+    if (ch === ")" || ch === "|") break;
+    if (ch === "^" || ch === "$") {
+      i++;
+      continue;
+    }
+    const [atom, j] = parseAtom(src, i);
+    nodes.push(atom);
+    i = j;
+  }
+  return [nodes, i];
+}
+
+function parseGroup(src: string, i: number): [RNode, number] {
+  const alts: RNode[][] = [];
+  let [seq, j] = parseSeq(src, i);
+  alts.push(seq);
+  while (src[j] === "|") {
+    const [next, k] = parseSeq(src, j + 1);
+    alts.push(next);
+    j = k;
+  }
+  return [{ t: "alt", alts }, j];
+}
+
+function parseAtom(src: string, i: number): [RNode, number] {
+  const ch = src[i];
+  let node: RNode;
+  if (ch === "(") {
+    const [inner, j] = parseGroup(src, i + 1);
+    node = inner;
+    i = j;
+    if (src[i] === ")") i++;
+  } else if (ch === "[") {
+    let j = i + 1;
+    let neg = false;
+    if (src[j] === "^") {
+      neg = true;
+      j++;
+    }
+    let body = "";
+    while (j < src.length && src[j] !== "]") {
+      if (src[j] === "\\" && j + 1 < src.length) {
+        body += src[j + 1];
+        j += 2;
+        continue;
+      }
+      if (src[j + 1] === "-" && j + 2 < src.length && src[j + 2] !== "]") {
+        body += src[j] + "-" + src[j + 2];
+        j += 3;
+        continue;
+      }
+      body += src[j];
+      j++;
+    }
+    if (src[j] === "]") j++;
+    node = { t: "class", body, neg };
+    i = j;
+  } else if (ch === "\\") {
+    if (i + 1 >= src.length) return [{ t: "char", c: "\\" }, i + 1];
+    const e = src[i + 1];
+    i += 2;
+    if (e === "d") node = { t: "class", body: "0-9", neg: false };
+    else if (e === "D") node = { t: "class", body: "0-9", neg: true };
+    else if (e === "w") node = { t: "class", body: "A-Za-z0-9_", neg: false };
+    else if (e === "W") node = { t: "class", body: "A-Za-z0-9_", neg: true };
+    else if (e === "s") node = { t: "class", body: " ", neg: false };
+    else if (e === "S") node = { t: "class", body: " ", neg: true };
+    else node = { t: "char", c: e };
+  } else if (ch === ".") {
+    node = { t: "class", body: "A-Za-z0-9_", neg: false };
+    i++;
+  } else {
+    node = { t: "char", c: ch };
+    i++;
+  }
+  const q = src[i];
+  if (q === "?") {
+    i++;
+    return [{ t: "rep", node, min: 0, max: 1 }, i];
+  }
+  if (q === "*") {
+    i++;
+    return [{ t: "rep", node, min: 0, max: 5 }, i];
+  }
+  if (q === "+") {
+    i++;
+    return [{ t: "rep", node, min: 1, max: 4 }, i];
+  }
+  if (q === "{") {
+    const end = src.indexOf("}", i);
+    if (end !== -1) {
+      const spec = src.slice(i + 1, end).match(/^(\d+)(?:,(\d*))?$/);
+      if (spec) {
+        const min = Number(spec[1]);
+        const max = spec[2] !== undefined ? (spec[2] === "" ? min + 4 : Number(spec[2])) : min;
+        return [{ t: "rep", node, min, max }, end + 1];
+      }
+    }
+  }
+  return [node, i];
+}
+
+function generateFromRegex(src: string): string {
+  const [group] = parseGroup(src, 0);
+  return genNode(group);
+}
+
+export const TEXT_PART2: TextToolGroup[] = [
+  {
+    id: "case-visual",
+    title: "Font, Case & Visual Text",
+    description: "Transform case, convert between letter fonts, and render visual-text placeholders.",
+    tools: [
+      {
+        slug: "text-case",
+        name: "Text Case Converter",
+        description: "Convert text to upper, lower, title, sentence, snake, camel, kebab, pascal, alternating or reverse case.",
+        options: [
+          { kind: "select", key: "case", label: "Case", options: ["upper", "lower", "title", "sentence", "snake", "camel", "kebab", "pascal", "alternating", "reverse"], default: "upper" },
+        ],
+        run: (input, o) => {
+          const mode = String(o.case ?? "upper");
+          switch (mode) {
+            case "upper":
+              return input.toUpperCase();
+            case "lower":
+              return input.toLowerCase();
+            case "title":
+              return input.replace(WORD_RE, (w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase());
+            case "sentence":
+              return input.replace(/(^|(?<=[.!?…]\s))(\p{L})/gu, (_m, _pre: string, letter: string) => letter.toUpperCase());
+            case "snake":
+              return words(input).join("_");
+            case "camel": {
+              const ws = words(input);
+              return ws
+                .map((w, i) => (i === 0 ? w.toLowerCase() : capFirst(w.toLowerCase())))
+                .join("");
+            }
+            case "kebab":
+              return words(input).join("-");
+            case "pascal":
+              return words(input).map((w) => capFirst(w.toLowerCase())).join("");
+            case "alternating":
+              return [...input].map((c, i) => (i % 2 === 0 ? c.toLowerCase() : c.toUpperCase())).join("");
+            case "reverse":
+              return input.replace(/\p{L}/gu, flipCaseChar);
+            default:
+              return input;
+          }
+        },
+      },
+      {
+        slug: "proper-case",
+        name: "Convert Text to Proper Case",
+        description: "Capitalize the first letter of every word and lowercase the rest.",
+        run: (input) => input.replace(WORD_RE, (w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()),
+      },
+      {
+        slug: "randomize-case",
+        name: "Randomize Text Case",
+        description: "Randomly convert each letter to upper or lower case.",
+        run: (input) => input.replace(/\p{L}/gu, (c) => (Math.random() < 0.5 ? c.toLowerCase() : c.toUpperCase())),
+      },
+      {
+        slug: "invert-case",
+        name: "Invert Text Case",
+        description: "Flip the case of every letter in the text.",
+        run: (input) => input.replace(/\p{L}/gu, flipCaseChar),
+      },
+      {
+        slug: "text-as-image",
+        name: "Create an Image from Text",
+        description: "Render the text inside an ASCII frame as a visual banner placeholder.",
+        run: (input) => {
+          const ls = toLines(input);
+          const w = Math.max(1, ...ls.map((l) => l.length));
+          const bar = "+" + "-".repeat(w + 2) + "+";
+          return [bar, ...ls.map((l) => `| ${l.padEnd(w)} |`), bar].join("\n");
+        },
+      },
+      {
+        slug: "scrolling-text",
+        name: "Generate Scrolling Text",
+        description: "Produce a series of frames that scroll the text left across a fixed width.",
+        options: [
+          { kind: "number", key: "width", label: "Frame width", default: 30, min: 5, max: 200, step: 1 },
+        ],
+        run: (input, o) => {
+          const width = Math.max(1, Number(o.width ?? 30));
+          const text = input && input.length ? input : " ";
+          const frames: string[] = [];
+          const count = Math.min(width, 60);
+          for (let i = 0; i < count; i++) {
+            frames.push(`|${(text + text).slice(i, i + width).padEnd(width)}|`);
+          }
+          return frames.join("\n");
+        },
+      },
+      {
+        slug: "text-marquee",
+        name: "Create a Text Marquee",
+        description: "Preview scrolling marquee frames plus a CSS animation snippet.",
+        run: (input) => {
+          const text = input && input.length ? input : " ";
+          const width = text.length;
+          const frames: string[] = [];
+          for (let i = 0; i < 5; i++) {
+            frames.push(`|${(text + text).slice(i, i + width).padEnd(width)}|`);
+          }
+          return frames.join("\n") + "\n/* marquee CSS */ animation: marquee 2s linear infinite;";
+        },
+      },
+      {
+        slug: "change-text-font",
+        name: "Change Text Font",
+        description: "Convert text into sans-serif, monospace, bold, italic, script or cursive unicode.",
+        options: [
+          { kind: "select", key: "font", label: "Font", options: ["sans", "mono", "bold", "italic", "script", "cursive"], default: "sans" },
+        ],
+        run: (input, o) => {
+          const font = String(o.font ?? "sans");
+          return unicodeMap(input, FONT_MAPS[font] ?? SANS_MAP);
+        },
+      },
+      {
+        slug: "remove-fancy-font",
+        name: "Remove Fancy Text Font",
+        description: "Convert unicode fancy glyphs back to plain ASCII letters.",
+        run: (input) =>
+          [...input]
+            .map((c) => (c in FANCY_REV ? FANCY_REV[c] : stripDiacritics(c)))
+            .join(""),
+      },
+      {
+        slug: "superscript-text",
+        name: "Write Text in Superscript",
+        description: "Convert each character to its unicode superscript form.",
+        run: (input) => unicodeMap(input, SUPERSCRIPT_MAP),
+      },
+      {
+        slug: "subscript-text",
+        name: "Write Text in Subscript",
+        description: "Convert each character to its unicode subscript form.",
+        run: (input) => unicodeMap(input, SUBSCRIPT_MAP),
+      },
+      {
+        slug: "tiny-text",
+        name: "Generate Tiny Text",
+        description: "Transform text into superscript, subscript or small-caps styling.",
+        options: [
+          { kind: "select", key: "style", label: "Style", options: ["sup", "sub", "smallcaps"], default: "sup" },
+        ],
+        run: (input, o) => {
+          const style = String(o.style ?? "sup");
+          if (style === "sub") return unicodeMap(input, SUBSCRIPT_MAP);
+          if (style === "smallcaps") return input.toUpperCase();
+          return unicodeMap(input, SUPERSCRIPT_MAP);
+        },
+      },
+      {
+        slug: "bold-text",
+        name: "Write Text in Bold",
+        description: "Convert text to bold unicode characters.",
+        run: (input) => unicodeMap(input, BOLD_MAP),
+      },
+      {
+        slug: "italic-text",
+        name: "Write Text in Italic",
+        description: "Convert text to italic unicode characters.",
+        run: (input) => unicodeMap(input, ITALIC_MAP),
+      },
+      {
+        slug: "cursive-text",
+        name: "Write Text in Cursive",
+        description: "Convert text to cursive unicode characters.",
+        run: (input) => unicodeMap(input, CURSIVE_MAP),
+      },
+      {
+        slug: "underline-text",
+        name: "Add an Underline to Text",
+        description: "Append a combining low line to every character.",
+        run: (input) => [...input].map((c) => c + "\u0332").join(""),
+      },
+      {
+        slug: "strikethrough-text",
+        name: "Add a Strikethrough to Text",
+        description: "Append a combining long stroke to every character.",
+        run: (input) => [...input].map((c) => c + "\u0336").join(""),
+      },
+      {
+        slug: "zalgo-text",
+        name: "Generate Zalgo Text",
+        description: "Corrupt text with a random number of combining marks after each character.",
+        options: [
+          { kind: "number", key: "intensity", label: "Intensity", default: 3, min: 0, max: 10, step: 1 },
+        ],
+        run: (input, o) => {
+          const n = Math.max(0, Math.min(10, Number(o.intensity ?? 3)));
+          return [...input]
+            .map((c) =>
+              n > 0 ? c + Array.from({ length: randInt(0, n) }, () => pick(ZALGO_MARKS)).join("") : c,
+            )
+            .join("");
+        },
+      },
+    ],
+  },
+  {
+    id: "line-breaks-spacing",
+    title: "Line Breaks, Spacing & Separators",
+    description: "Rewrite line breaks, spacing and separators between words and columns.",
+    tools: [
+      {
+        slug: "add-line-breaks",
+        name: "Add Line Breaks to Text",
+        description: "Insert a line break every N characters or every N words.",
+        options: [
+          { kind: "select", key: "unit", label: "Unit", options: ["chars", "words"], default: "chars" },
+          { kind: "number", key: "every", label: "Every", default: 20, min: 1, max: 200, step: 1 },
+        ],
+        run: (input, o) => {
+          const every = Math.max(1, Number(o.every ?? 20));
+          if (String(o.unit ?? "chars") === "words") {
+            return chunk(words(input), every).map((g) => g.join(" ")).join("\n");
+          }
+          return (input.match(new RegExp(`[\\s\\S]{1,${every}}`, "g")) ?? []).join("\n");
+        },
+      },
+      {
+        slug: "remove-line-breaks",
+        name: "Remove Line Breaks from Text",
+        description: "Replace every newline with a single space.",
+        run: (input) => input.replace(/\r\n|\r|\n/g, " "),
+      },
+      {
+        slug: "replace-line-breaks",
+        name: "Replace Line Breaks in Text",
+        description: "Convert line breaks between LF, CRLF, spaces, semicolons or a custom separator.",
+        options: [
+          { kind: "select", key: "mode", label: "Mode", options: ["lf2crlf", "crlf2lf", "lf2space", "lf2semicolon", "custom"], default: "lf2crlf" },
+          { kind: "text", key: "custom", label: "Custom separator", default: " | " },
+        ],
+        run: (input, o) => {
+          switch (String(o.mode ?? "lf2crlf")) {
+            case "crlf2lf":
+              return input.replace(/\r\n/g, "\n");
+            case "lf2space":
+              return input.replace(/\r\n|\r|\n/g, " ");
+            case "lf2semicolon":
+              return input.replace(/\r\n|\r|\n/g, "; ");
+            case "custom":
+              return input.replace(/\r\n|\r|\n/g, String(o.custom ?? " | "));
+            default:
+              return input.replace(/\r\n|\r|\n/g, "\r\n");
+          }
+        },
+      },
+      {
+        slug: "randomize-line-breaks",
+        name: "Randomize Line Breaks in Text",
+        description: "Re-join the lines with a randomly chosen newline style.",
+        run: (input) => toLines(input).join(pick(["\n", "\n\n", "  \n"])),
+      },
+      {
+        slug: "normalize-line-breaks",
+        name: "Normalize Line Breaks",
+        description: "Convert every line break to LF or CRLF.",
+        options: [
+          { kind: "select", key: "eol", label: "End of line", options: ["lf", "crlf"], default: "lf" },
+        ],
+        run: (input, o) =>
+          input.replace(/\r\n|\r|\n/g, String(o.eol ?? "lf") === "crlf" ? "\r\n" : "\n"),
+      },
+      {
+        slug: "fix-paragraph-spacing",
+        name: "Fix Distance Between Paragraphs",
+        description: "Trim lines and separate non-empty paragraphs by exactly one blank line.",
+        run: (input) =>
+          toLines(input)
+            .map((l) => l.trim())
+            .filter((l) => l.length > 0)
+            .join("\n\n"),
+      },
+      {
+        slug: "fancify-line-breaks",
+        name: "Fancify Line Breaks in Text",
+        description: "Insert a decorative separator line between every pair of lines.",
+        run: (input) => toLines(input).join("\n\u2014\u2014\u2014\n"),
+      },
+      {
+        slug: "spaces-to-newlines",
+        name: "Convert Spaces to Newlines",
+        description: "Replace every space with a newline.",
+        run: (input) => input.replace(/ /g, "\n"),
+      },
+      {
+        slug: "newlines-to-spaces",
+        name: "Convert Newlines to Spaces",
+        description: "Replace every newline with a space.",
+        run: (input) => input.replace(/\r\n|\r|\n/g, " "),
+      },
+      {
+        slug: "spaces-to-tabs",
+        name: "Convert Spaces to Tabs",
+        description: "Replace runs of N spaces with a tab character.",
+        options: [
+          { kind: "number", key: "spacesPerTab", label: "Spaces per tab", default: 4, min: 1, max: 16, step: 1 },
+        ],
+        run: (input, o) => {
+          const n = Math.max(1, Number(o.spacesPerTab ?? 4));
+          return input.replace(new RegExp(` {${n}}`, "g"), "\t");
+        },
+      },
+      {
+        slug: "tabs-to-spaces",
+        name: "Convert Tabs to Spaces",
+        description: "Replace every tab with a chosen number of spaces.",
+        options: [
+          { kind: "number", key: "spaces", label: "Spaces", default: 4, min: 1, max: 16, step: 1 },
+        ],
+        run: (input, o) => input.replace(/\t/g, " ".repeat(Math.max(1, Number(o.spaces ?? 4)))),
+      },
+      {
+        slug: "comma-to-newline",
+        name: "Convert Comma to Newline",
+        description: "Replace every comma with a newline.",
+        run: (input) => input.replace(/,/g, "\n"),
+      },
+      {
+        slug: "newline-to-comma",
+        name: "Convert Newline to Comma",
+        description: "Replace every line break with a comma and a space.",
+        run: (input) => input.replace(/\r\n|\r|\n/g, ", "),
+      },
+      {
+        slug: "column-to-comma",
+        name: "Convert Column to Comma",
+        description: "Join every line as a row, separated by commas.",
+        run: (input) => toLines(input).map((l) => l.trim()).join(", "),
+      },
+      {
+        slug: "comma-to-column",
+        name: "Convert Comma to Column",
+        description: "Split on commas and put one trimmed item per line.",
+        run: (input) => input.split(",").map((s) => s.trim()).join("\n"),
+      },
+      {
+        slug: "commas-to-spaces",
+        name: "Convert Commas to Spaces",
+        description: "Replace every comma with a space.",
+        run: (input) => input.replace(/,/g, " "),
+      },
+      {
+        slug: "spaces-to-commas",
+        name: "Convert Spaces to Commas",
+        description: "Replace whitespace runs with a comma and a space.",
+        run: (input) => input.replace(/\s+/g, ", ").trim(),
+      },
+      {
+        slug: "replace-commas",
+        name: "Replace Commas in Text",
+        description: "Replace every comma with a chosen string.",
+        options: [
+          { kind: "text", key: "replace", label: "Replace with", default: ";" },
+        ],
+        run: (input, o) => input.replace(/,/g, String(o.replace ?? ";")),
+      },
+      {
+        slug: "remove-extra-spaces",
+        name: "Remove Extra Spaces",
+        description: "Collapse runs of spaces and tabs down to a single space.",
+        run: (input) => input.replace(/[ \t]+/g, " "),
+      },
+      {
+        slug: "increase-spacing",
+        name: "Increase Text Spacing",
+        description: "Insert a fill character between every character or every word.",
+        options: [
+          { kind: "select", key: "target", label: "Target", options: ["chars", "words"], default: "chars" },
+          { kind: "text", key: "fill", label: "Fill", default: " " },
+        ],
+        run: (input, o) => {
+          const fill = String(o.fill ?? " ");
+          if (String(o.target ?? "chars") === "words") {
+            return input.replace(/(\S+)(\s+)/g, `$1${fill}`).trim();
+          }
+          return [...input].join(fill);
+        },
+      },
+      {
+        slug: "normalize-spacing",
+        name: "Normalize Text Spacing",
+        description: "Collapse all whitespace runs to one space and trim the ends.",
+        run: (input) => input.replace(/\s+/g, " ").trim(),
+      },
+      {
+        slug: "randomize-spacing",
+        name: "Randomize Text Spacing",
+        description: "Replace every whitespace run with a random 1-4 space run.",
+        run: (input) => input.replace(/\s+/g, () => " ".repeat(randInt(1, 4))).trim(),
+      },
+      {
+        slug: "replace-spaces",
+        name: "Replace Spaces in Text",
+        description: "Replace every whitespace character with a chosen string.",
+        options: [
+          { kind: "text", key: "replace", label: "Replace with", default: "-" },
+        ],
+        run: (input, o) => input.replace(/\s/g, String(o.replace ?? "-")),
+      },
+      {
+        slug: "remove-all-whitespace",
+        name: "Remove All Whitespace",
+        description: "Strip every whitespace character from the text.",
+        run: (input) => input.replace(/\s+/g, ""),
+      },
+      {
+        slug: "remove-punctuation",
+        name: "Remove All Punctuation",
+        description: "Keep letters, digits, whitespace and _ - ' . while removing everything else.",
+        run: (input) => input.replace(/[^\p{L}\p{N}\s_'.+-]/gu, ""),
+      },
+      {
+        slug: "remove-diacritics",
+        name: "Remove Diacritics from Text",
+        description: "Strip accents and combining marks, returning plain ASCII letters.",
+        run: (input) => stripDiacritics(input),
+      },
+    ],
+  },
+  {
+    id: "quotes-style",
+    title: "Quotes & Content Style",
+    description: "Add and remove quotes, shift letters, and clean up offensive or identifying content.",
+    tools: [
+      {
+        slug: "increment-letters",
+        name: "Increment Letters in Text",
+        description: "Shift every letter forward in the alphabet (Caesar).",
+        options: [
+          { kind: "number", key: "shift", label: "Shift", default: 1, min: 1, max: 26, step: 1 },
+        ],
+        run: (input, o) => {
+          const shift = Number(o.shift ?? 1) % 26;
+          return input.replace(/[a-zA-Z]/g, (c) => {
+            const code = c.charCodeAt(0);
+            const base = code < 97 ? 65 : 97;
+            return String.fromCharCode(((code - base + shift + 26) % 26) + base);
+          });
+        },
+      },
+      {
+        slug: "decrement-letters",
+        name: "Decrement Letters in Text",
+        description: "Shift every letter backward in the alphabet (Caesar).",
+        options: [
+          { kind: "number", key: "shift", label: "Shift", default: 1, min: 1, max: 26, step: 1 },
+        ],
+        run: (input, o) => {
+          const shift = Number(o.shift ?? 1) % 26;
+          return input.replace(/[a-zA-Z]/g, (c) => {
+            const code = c.charCodeAt(0);
+            const base = code < 97 ? 65 : 97;
+            return String.fromCharCode(((code - base - shift + 26) % 26) + base);
+          });
+        },
+      },
+      {
+        slug: "add-quotes",
+        name: "Add Quotes to Text",
+        description: "Wrap the whole text in a chosen quote character or pair.",
+        options: [
+          { kind: "text", key: "quote", label: "Quote", default: '"' },
+        ],
+        run: (input, o) => {
+          const [open, close] = quotePair(o);
+          return open + input + close;
+        },
+      },
+      {
+        slug: "remove-quotes",
+        name: "Remove Quotes from Text",
+        description: "Strip a matching pair of surrounding quote characters if present.",
+        run: (input) => {
+          for (const [open, close] of QUOTE_PAIRS) {
+            if (input.startsWith(open) && input.endsWith(close)) {
+              return input.slice(open.length, input.length - close.length);
+            }
+          }
+          return input;
+        },
+      },
+      {
+        slug: "add-quotes-to-words",
+        name: "Add Quotes to Words",
+        description: "Wrap every word with the chosen quote character.",
+        options: [
+          { kind: "text", key: "quote", label: "Quote", default: '"' },
+        ],
+        run: (input, o) => {
+          const [open, close] = quotePair(o);
+          return input.replace(WORD_RE, (w) => open + w + close);
+        },
+      },
+      {
+        slug: "remove-quotes-from-words",
+        name: "Remove Quotes from Words",
+        description: "Strip quote characters from around every word.",
+        run: (input) =>
+          input.replace(WORD_RE, (w) => w.replace(/^["'\u201c\u201d\u2018\u2019\u00ab\u00bb]+|["'\u201c\u201d\u2018\u2019\u00ab\u00bb]+$/g, "")),
+      },
+      {
+        slug: "add-quotes-to-lines",
+        name: "Add Quotes to Lines",
+        description: "Wrap every line with the chosen quote character.",
+        options: [
+          { kind: "text", key: "quote", label: "Quote", default: '"' },
+        ],
+        run: (input, o) => {
+          const [open, close] = quotePair(o);
+          return toLines(input).map((l) => open + l + close).join("\n");
+        },
+      },
+      {
+        slug: "remove-quotes-from-lines",
+        name: "Remove Quotes from Lines",
+        description: "Strip surrounding quote characters from every line.",
+        run: (input) =>
+          toLines(input)
+            .map((l) => l.replace(/^["'\u201c\u201d\u2018\u2019\u00ab\u00bb]+|["'\u201c\u201d\u2018\u2019\u00ab\u00bb]+$/g, ""))
+            .join("\n"),
+      },
+      {
+        slug: "add-curse-words",
+        name: "Add Curse Words To Text",
+        description: "Insert tame filler words like heck or darn at random word positions.",
+        options: [
+          { kind: "number", key: "rate", label: "How many to add", default: 2, min: 0, max: 10, step: 1 },
+        ],
+        run: (input, o) => {
+          const rate = Math.max(0, Math.floor(Number(o.rate ?? 2)));
+          const ws = words(input);
+          if (rate === 0 || ws.length === 0) return input;
+          const positions = new Set<number>();
+          const max = Math.min(rate, ws.length);
+          while (positions.size < max) positions.add(randInt(0, ws.length - 1));
+          let idx = -1;
+          return input.replace(WORD_RE, (w) => {
+            idx++;
+            return positions.has(idx) ? w + " " + pick(TAME_CURSES) : w;
+          });
+        },
+      },
+      {
+        slug: "censor-words",
+        name: "Censor Words in Text",
+        description: "Replace profanity with asterisks, stars or a censored label.",
+        options: [
+          { kind: "select", key: "filler", label: "Filler", options: ["asterisks", "censored", "stars"], default: "asterisks" },
+        ],
+        run: (input, o) => {
+          const mode = String(o.filler ?? "asterisks");
+          const re = new RegExp(`\\b(?:${BAD_WORDS.join("|")})\\b`, "giu");
+          return input.replace(re, (w) => {
+            if (mode === "censored") return "[censored]";
+            if (mode === "stars") return "*".repeat(w.length);
+            return w.charAt(0) + "*".repeat(w.length - 1);
+          });
+        },
+      },
+      {
+        slug: "anonymize-text",
+        name: "Anonymize Text",
+        description: "Mask emails, number sequences and common first names.",
+        run: (input) => {
+          let out = input.replace(/[\w.+-]+@[\w-]+(?:\.[\w-]+)+/g, "[email]");
+          out = out.replace(/\d{3,}/g, "[number]");
+          return out.replace(new RegExp(`\\b(?:${COMMON_NAMES.join("|")})\\b`, "giu"), "[name]");
+        },
+      },
+    ],
+  },
+  {
+    id: "extraction-encoding",
+    title: "Extraction, Parsing & Encoding",
+    description: "Strip markup, parse structured text, apply ciphers and generate/glue text.",
+    tools: [
+      {
+        slug: "extract-text-from-html",
+        name: "Extract Text from HTML",
+        description: "Strip HTML tags and decode common entities with regex only.",
+        run: (input) => {
+          let out = input.replace(/<[^>]*>/g, "");
+          out = out
+            .replace(/&amp;/g, "&")
+            .replace(/&lt;/g, "<")
+            .replace(/&gt;/g, ">")
+            .replace(/&quot;/g, '"')
+            .replace(/&#39;|&apos;/g, "'")
+            .replace(/&nbsp;/g, " ");
+          return toLines(out).map((l) => l.replace(/\s+/g, " ").trim()).join("\n");
+        },
+      },
+      {
+        slug: "extract-text-from-xml",
+        name: "Extract Text from XML",
+        description: "Strip XML tags and collapse whitespace per line.",
+        run: (input) =>
+          toLines(input.replace(/<[^>]*>/g, ""))
+            .map((l) => l.replace(/\s+/g, " ").trim())
+            .join("\n"),
+      },
+      {
+        slug: "extract-text-from-bbcode",
+        name: "Extract Text from BBCode",
+        description: "Remove BBCode tags and their attributes.",
+        run: (input) => input.replace(/\[\/?[a-zA-Z0-9*=#]+[^\]]*\]/gi, "").trim(),
+      },
+      {
+        slug: "extract-text-from-json",
+        name: "Extract Text from JSON",
+        description: "Parse JSON and output every leaf string value, one per line.",
+        run: (input) => {
+          try {
+            const parsed: unknown = JSON.parse(input);
+            const leaves: string[] = [];
+            const walk = (v: unknown): void => {
+              if (typeof v === "string") {
+                leaves.push(v);
+              } else if (Array.isArray(v)) {
+                for (const x of v) walk(x);
+              } else if (v !== null && typeof v === "object") {
+                for (const x of Object.values(v)) walk(x);
+              }
+            };
+            walk(parsed);
+            return leaves.join("\n");
+          } catch {
+            return input;
+          }
+        },
+      },
+      {
+        slug: "json-stringify",
+        name: "JSON Stringify Text",
+        description: "Serialize the input as a JSON string literal.",
+        run: (input) => JSON.stringify(input),
+      },
+      {
+        slug: "json-unstringify",
+        name: "JSON Unstringify Text",
+        description: "Parse a JSON string literal back into plain text.",
+        run: (input) => {
+          try {
+            const v: unknown = JSON.parse(input);
+            if (typeof v === "string") return v;
+            return JSON.stringify(v);
+          } catch {
+            return "Invalid JSON";
+          }
+        },
+      },
+      {
+        slug: "slash-escape",
+        name: "Slash-escape Text",
+        description: "Escape backslashes, quotes and control characters.",
+        run: (input) =>
+          input
+            .replace(/\\/g, "\\\\")
+            .replace(/"/g, '\\"')
+            .replace(/'/g, "\\'")
+            .replace(/\n/g, "\\n")
+            .replace(/\t/g, "\\t")
+            .replace(/\r/g, "\\r"),
+      },
+      {
+        slug: "slash-unescape",
+        name: "Slash-unescape Text",
+        description: "Resolve escaped sequences and unicode escapes back to characters.",
+        run: (input) => {
+          let out = "";
+          for (let i = 0; i < input.length; i++) {
+            const ch = input[i];
+            if (ch !== "\\" || i + 1 >= input.length) {
+              out += ch;
+              continue;
+            }
+            const next = input[i + 1];
+            if (next === "n") {
+              out += "\n";
+              i++;
+            } else if (next === "t") {
+              out += "\t";
+              i++;
+            } else if (next === "r") {
+              out += "\r";
+              i++;
+            } else if (next === '"') {
+              out += '"';
+              i++;
+            } else if (next === "'") {
+              out += "'";
+              i++;
+            } else if (next === "\\") {
+              out += "\\";
+              i++;
+            } else if (next === "u") {
+              const hex = input.slice(i + 2, i + 6);
+              if (/^[0-9a-fA-F]{4}$/.test(hex)) {
+                out += String.fromCharCode(parseInt(hex, 16));
+                i += 5;
+              } else {
+                out += "\\";
+              }
+            } else {
+              out += "\\";
+            }
+          }
+          return out;
+        },
+      },
+      {
+        slug: "rot13",
+        name: "ROT13 Text",
+        description: "Rotate every letter by 13 alphabet positions.",
+        run: (input) =>
+          input.replace(/[a-zA-Z]/g, (c) => {
+            const code = c.charCodeAt(0);
+            const base = code < 97 ? 65 : 97;
+            return String.fromCharCode(((code - base + 13) % 26) + base);
+          }),
+      },
+      {
+        slug: "rot47",
+        name: "ROT47 Text",
+        description: "Rotate printable ASCII characters (33-126) by 47 positions.",
+        run: (input) =>
+          input.replace(/[!-~]/g, (c) => {
+            const code = c.charCodeAt(0);
+            return String.fromCharCode(code <= 79 ? code + 47 : code - 47);
+          }),
+      },
+      {
+        slug: "text-of-length",
+        name: "Generate Text of Certain Length",
+        description: "Generate random readable text or random characters with an exact length.",
+        options: [
+          { kind: "number", key: "length", label: "Length", default: 100, min: 1, max: 10000, step: 1 },
+          { kind: "toggle", key: "readable", label: "Readable words", default: true },
+        ],
+        run: (_input, o) => {
+          const length = Math.max(0, Math.floor(Number(o.length ?? 100)));
+          if (o.readable === false) {
+            let out = "";
+            while (out.length < length) out += ALPHABET[randInt(0, ALPHABET.length - 1)];
+            return out.slice(0, length);
+          }
+          let out = "";
+          while (out.length < length) {
+            const w = pick(FILLER_WORDS);
+            const add = out.length === 0 ? w : " " + w;
+            if (out.length + add.length > length) break;
+            out += add;
+          }
+          return out.padEnd(length, " ");
+        },
+      },
+      {
+        slug: "text-from-regexp",
+        name: "Generate Text from a RegExp",
+        description: "Generate random text that matches a regular expression.",
+        options: [
+          { kind: "text", key: "regexp", label: "Regular expression", default: "^[a-z]{0,8}$" },
+        ],
+        run: (_input, o) => {
+          const src = String(o.regexp ?? "^[a-z]{0,8}$");
+          try {
+            return generateFromRegex(src);
+          } catch {
+            const spec = src.match(/\{(\d+)(?:,(\d*))?\}/);
+            const min = spec ? Number(spec[1]) : 0;
+            const max = spec
+              ? spec[2]
+                ? Math.max(min, Number(spec[2]) || min + 4)
+                : min
+              : 8;
+            const len = randInt(min, Math.min(max, 40));
+            const pool = (ALPHABET + ALPHABET.toUpperCase() + "0123456789").split("");
+            let out = "";
+            for (let i = 0; i < len; i++) out += pick(pool);
+            return out;
+          }
+        },
+      },
+      {
+        slug: "extract-regexp",
+        name: "Extract RegExp Matches",
+        description: "Output every match of the pattern, one per line.",
+        options: [
+          { kind: "text", key: "regexp", label: "Regular expression", default: "\\d+" },
+        ],
+        run: (input, o) => {
+          try {
+            const re = new RegExp(String(o.regexp ?? "\\d+"), "gu");
+            const ms = [...input.matchAll(re)];
+            return ms.length ? ms.map((m) => m[0]).join("\n") : "(no matches)";
+          } catch (e) {
+            return "Invalid regex: " + (e instanceof Error ? e.message : String(e));
+          }
+        },
+      },
+      {
+        slug: "highlight-regexp",
+        name: "Highlight RegExp Matches",
+        description: "Wrap every match of the pattern in ** markers.",
+        options: [
+          { kind: "text", key: "regexp", label: "Regular expression", default: "\\d+" },
+        ],
+        run: (input, o) => {
+          try {
+            const re = new RegExp(String(o.regexp ?? "\\d+"), "gu");
+            return input.replace(re, (m) => `**${m}**`);
+          } catch (e) {
+            return "Invalid regex: " + (e instanceof Error ? e.message : String(e));
+          }
+        },
+      },
+      {
+        slug: "test-regexp",
+        name: "Test Text with a RegExp",
+        description: "Report whether the pattern matches, its groups, and the match count.",
+        options: [
+          { kind: "text", key: "regexp", label: "Regular expression", default: "\\d+" },
+        ],
+        run: (input, o) => {
+          try {
+            const re = new RegExp(String(o.regexp ?? "\\d+"), "gu");
+            const ms = [...input.matchAll(re)];
+            return [
+              `Match: ${ms.length > 0}`,
+              `Groups: ${ms.length ? JSON.stringify(ms[0].slice(1)) : "[]"}`,
+              `Matches: ${ms.length}`,
+            ].join("\n");
+          } catch (e) {
+            return "Invalid regex: " + (e instanceof Error ? e.message : String(e));
+          }
+        },
+      },
+      {
+        slug: "printf-text",
+        name: "Printf Text",
+        description: "Format input words using printf-style placeholders like %s, %d, %x.",
+        options: [
+          { kind: "text", key: "format", label: "Format string", default: "%s %d" },
+        ],
+        run: (input, o) => {
+          const format = String(o.format ?? "%s %d");
+          const args = input.trim() ? tokens(input) : [];
+          let ai = 0;
+          let out = "";
+          for (let i = 0; i < format.length; ) {
+            const ch = format[i];
+            if (ch !== "%") {
+              out += ch;
+              i++;
+              continue;
+            }
+            const spec = format[i + 1];
+            if (spec === "%") {
+              out += "%";
+              i += 2;
+              continue;
+            }
+            const arg = ai < args.length ? args[ai] : "";
+            ai++;
+            switch (spec) {
+              case "s":
+                out += arg;
+                break;
+              case "d": {
+                const n = Number(arg);
+                out += Number.isNaN(n) ? "0" : String(Math.trunc(n));
+                break;
+              }
+              case "f": {
+                const n = Number(arg);
+                out += Number.isNaN(n) ? "0" : String(n);
+                break;
+              }
+              case "x":
+                out += Number(arg).toString(16);
+                break;
+              case "b":
+                out += Number(arg).toString(2);
+                break;
+              case "o":
+                out += Number(arg).toString(8);
+                break;
+              default:
+                out += ch + (spec ?? "");
+                break;
+            }
+            i += 2;
+          }
+          return out;
+        },
+      },
+      {
+        slug: "rotate-text",
+        name: "Rotate Text",
+        description: "Rotate text 180 degrees, flip vertically or flip horizontally.",
+        options: [
+          { kind: "select", key: "dir", label: "Direction", options: ["flip180", "flipV", "flipH"], default: "flip180" },
+        ],
+        run: (input, o) => {
+          switch (String(o.dir ?? "flip180")) {
+            case "flip180":
+              return [...input].reverse().map((c) => UPSIDE_DOWN[c] ?? c).join("");
+            case "flipV":
+              return toLines(input).reverse().join("\n");
+            default:
+              return toLines(input).map((l) => [...l].reverse().join("")).join("\n");
+          }
+        },
+      },
+      {
+        slug: "flip-text",
+        name: "Flip Text Vertically",
+        description: "Reverse the order of the lines.",
+        run: (input) => toLines(input).reverse().join("\n"),
+      },
+      {
+        slug: "rewrite-text",
+        name: "Rewrite Text",
+        description: "Substitute common words with synonyms using a fixed thesaurus map.",
+        run: (input) =>
+          input.replace(WORD_RE, (w) => {
+            const rep = SYN_MAP[w.toLowerCase()];
+            if (rep === undefined) return w;
+            const first = w.charAt(0);
+            const isTitle = first === first.toUpperCase() && first !== first.toLowerCase();
+            return isTitle ? capFirst(rep) : rep;
+          }),
+      },
+      {
+        slug: "change-alphabet",
+        name: "Change Text Alphabet",
+        description: "Transliterate between Cyrillic and Latin alphabets.",
+        run: (input) =>
+          /[\u0400-\u04ff]/u.test(input)
+            ? [...input]
+                .map((c) => {
+                  const low = c.toLowerCase();
+                  const m = RU_LAT[low];
+                  if (m === undefined) return c;
+                  return c === low ? m : capFirst(m);
+                })
+                .join("")
+            : [...input]
+                .map((c) => {
+                  const low = c.toLowerCase();
+                  const m = LAT_RU[low];
+                  if (m === undefined) return c;
+                  return c === low ? m : m.toUpperCase();
+                })
+                .join(""),
+      },
+      {
+        slug: "replace-letters",
+        name: "Replace Letters in Text",
+        description: "Replace every listed letter with a single chosen character.",
+        options: [
+          { kind: "text", key: "find", label: "Letters to replace", default: "a e i o u" },
+          { kind: "text", key: "replace", label: "Replace with", default: "x" },
+        ],
+        run: (input, o) => {
+          const set = charSet(String(o.find ?? "a e i o u"));
+          if (set.size === 0) return input;
+          const re = new RegExp(`[${[...set].map(escClass).join("")}]`, "g");
+          return input.replace(re, String(o.replace ?? "x"));
+        },
+      },
+    ],
+  },
+  {
+    id: "letters-digits",
+    title: "Letters \u2194 Digits & Letters/Word Editing",
+    description: "Convert between letters and digits, and edit letters or words by position.",
+    tools: [
+      {
+        slug: "letters-to-digits",
+        name: "Convert Letters to Digits",
+        description: "Map A=1..Z=26, A=0..Z=25, or per-letter numbers. Sums per line when separate is on.",
+        options: [
+          { kind: "select", key: "mode", label: "Mode", options: ["a1", "a0", "each"], default: "a1" },
+          { kind: "toggle", key: "separate", label: "Separate per line", default: false },
+        ],
+        run: (input, o) => {
+          const mode = String(o.mode ?? "a1");
+          const separate = o.separate === true;
+          const offsets: Record<string, number> = { a1: 1, a0: 0, each: 1 };
+          const off = offsets[mode] ?? 1;
+          const sum = (s: string): number => {
+            let t = 0;
+            for (const c of s.toLowerCase()) {
+              const i = c.charCodeAt(0) - 97;
+              if (i >= 0 && i < 26) t += i + off;
+            }
+            return t;
+          };
+          if (mode === "each") {
+            const nums: string[] = [];
+            for (const c of input.toLowerCase()) {
+              const i = c.charCodeAt(0) - 97;
+              if (i >= 0 && i < 26) nums.push(String(i + 1));
+            }
+            return nums.join(" ");
+          }
+          return separate ? toLines(input).map(sum).join("\n") : String(sum(input));
+        },
+      },
+      {
+        slug: "digits-to-letters",
+        name: "Convert Digits to Letters",
+        description: "Map each digit to a letter using A=1 or A=0 numbering.",
+        options: [
+          { kind: "select", key: "mode", label: "Mode", options: ["1a", "0a"], default: "1a" },
+        ],
+        run: (input, o) => {
+          const mode = String(o.mode ?? "1a");
+          return input.replace(/\d/g, (d) => {
+            const v = Number(d);
+            if (mode === "0a") return String.fromCharCode(v + 65);
+            return v === 0 ? "Z" : String.fromCharCode(64 + v);
+          });
+        },
+      },
+      {
+        slug: "words-to-digits",
+        name: "Replace Words with Digits",
+        description: "Replace the words zero through ten with their digits.",
+        run: (input) =>
+          input.replace(/[\p{L}]+/gu, (w) => NUMBER_WORDS[w.toLowerCase()] ?? w),
+      },
+      {
+        slug: "digits-to-words",
+        name: "Replace Digits with Words",
+        description: "Spell each digit as a word, or spell out whole numbers.",
+        options: [
+          { kind: "toggle", key: "spoken", label: "Spoken per digit", default: true },
+        ],
+        run: (input, o) => {
+          if (o.spoken !== false) {
+            return input.replace(/\d/g, (d) => toWords(Number(d)));
+          }
+          return input.replace(/\d+/g, (num) => {
+            const n = Number(num);
+            if (Number.isFinite(n) && n < 100000) return toWords(n);
+            return [...num].map((d) => toWords(Number(d))).join(" ");
+          });
+        },
+      },
+      {
+        slug: "duplicate-letters",
+        name: "Duplicate Letters in Text",
+        description: "Repeat every letter character a chosen number of times.",
+        options: [
+          { kind: "number", key: "times", label: "Times", default: 2, min: 1, max: 10, step: 1 },
+        ],
+        run: (input, o) => {
+          const t = Math.max(1, Math.floor(Number(o.times ?? 2)));
+          return [...input].map((c) => (/\p{L}/u.test(c) ? c.repeat(t) : c)).join("");
+        },
+      },
+      {
+        slug: "remove-letters",
+        name: "Remove Letters from Text",
+        description: "Remove every character in a letter list (vowels by default).",
+        options: [
+          { kind: "text", key: "letters", label: "Letters to remove", default: "aeiou" },
+        ],
+        run: (input, o) => {
+          const set = charSet(String(o.letters ?? "aeiou"), VOWELS);
+          if (set.size === 0) return input;
+          const re = new RegExp(`[${[...set].map(escClass).join("")}]`, "g");
+          return input.replace(re, "");
+        },
+      },
+      {
+        slug: "erase-letters-from-words",
+        name: "Erase Letters from Words",
+        description: "Remove characters at 1-based positions inside every word.",
+        options: [
+          { kind: "text", key: "positions", label: "Positions", default: "1" },
+        ],
+        run: (input, o) => {
+          const pos = new Set(String(o.positions ?? "1").split(/[\s,]+/).filter(Boolean).map(Number));
+          return input.replace(WORD_RE, (w) => [...w].filter((_c, i) => !pos.has(i + 1)).join(""));
+        },
+      },
+      {
+        slug: "erase-words",
+        name: "Erase Words from Text",
+        description: "Remove the Nth word or all words shorter/longer than a length.",
+        options: [
+          { kind: "select", key: "mode", label: "Mode", options: ["positions", "length"], default: "positions" },
+          { kind: "number", key: "index", label: "Word index", default: 1, min: 1, max: 100, step: 1 },
+          { kind: "number", key: "length", label: "Length", default: 1, min: 1, max: 50, step: 1 },
+          { kind: "toggle", key: "shorter", label: "Remove shorter words", default: true },
+        ],
+        run: (input, o) => {
+          const mode = String(o.mode ?? "positions");
+          const idx = Math.max(1, Math.floor(Number(o.index ?? 1)));
+          const len = Math.floor(Number(o.length ?? 1));
+          const shorter = o.shorter !== false;
+          let n = 0;
+          return input.replace(WORD_RE, (w) => {
+            if (mode === "positions") return ++n === idx ? "" : w;
+            const wl = w.length;
+            return shorter ? (wl < len ? "" : w) : wl > len ? "" : w;
+          });
+        },
+      },
+    ],
+  },
+  {
+    id: "highlight-visualize",
+    title: "Highlighting & Visualization",
+    description: "Inspect structure and wrap parts of the text in markdown-styled markers.",
+    tools: [
+      {
+        slug: "visualize-text",
+        name: "Visualize Text Structure",
+        description: "Show character, word, line and paragraph summaries as an ASCII diagram.",
+        run: (input) => {
+          const ws = words(input);
+          const names = [...new Set(ws)];
+          const ls = toLines(input);
+          const ps = paragraphs(input);
+          return [
+            `chars: ${[...input].length}`,
+            `words: ${ws.length}${names.length ? ` (${names.slice(0, 12).join(", ")})` : ""}`,
+            `lines: ${ls.length}`,
+            `paragraphs: ${ps.length}`,
+          ].join("\n");
+        },
+      },
+      {
+        slug: "highlight-letters",
+        name: "Highlight Letters in Text",
+        description: "Wrap every listed letter in ** markers.",
+        options: [
+          { kind: "text", key: "letters", label: "Letters to highlight", default: "aeiou" },
+        ],
+        run: (input, o) => {
+          const set = charSet(String(o.letters ?? "aeiou"));
+          if (set.size === 0) return input;
+          const re = new RegExp(`[${[...set].map(escClass).join("")}]`, "gi");
+          return input.replace(re, (m) => `**${m}**`);
+        },
+      },
+      {
+        slug: "highlight-words",
+        name: "Highlight Words in Text",
+        description: "Wrap every matching word token in ** markers.",
+        options: [
+          { kind: "text", key: "words", label: "Words to highlight", default: "hello world" },
+        ],
+        run: (input, o) => {
+          const set = new Set(String(o.words ?? "hello world").split(/\s+/).filter(Boolean).map((w) => w.toLowerCase()));
+          return input.replace(WORD_RE, (w) => (set.has(w.toLowerCase()) ? `**${w}**` : w));
+        },
+      },
+      {
+        slug: "highlight-patterns",
+        name: "Highlight Patterns in Text",
+        description: "Wrap every literal or regex pattern match in ** markers.",
+        options: [
+          { kind: "text", key: "pattern", label: "Pattern", default: "\\d+" },
+          { kind: "toggle", key: "regex", label: "Treat as regex", default: false },
+        ],
+        run: (input, o) => {
+          const pat = String(o.pattern ?? "\\d+");
+          try {
+            if (o.regex === true) {
+              return input.replace(new RegExp(pat, "gu"), (m) => `**${m}**`);
+            }
+            const literal = pat.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+            return input.replace(new RegExp(literal, "g"), (m) => `**${m}**`);
+          } catch (e) {
+            return "Invalid pattern: " + (e instanceof Error ? e.message : String(e));
+          }
+        },
+      },
+      {
+        slug: "highlight-sentences",
+        name: "Highlight Sentences in Text",
+        description: "Prefix every sentence with a marker or a bracket number.",
+        options: [
+          { kind: "toggle", key: "numbered", label: "Numbered", default: true },
+        ],
+        run: (input, o) => {
+          const numbered = o.numbered !== false;
+          return sentences(input)
+            .map((s, i) => (numbered ? `[${i + 1}] ${s}` : `> ${s}`))
+            .join("\n");
+        },
+      },
+    ],
+  },
+  {
+    id: "vowels-consonants",
+    title: "Vowels & Consonants",
+    description: "Replace, duplicate or strip vowels and consonants.",
+    tools: [
+      {
+        slug: "replace-vowels",
+        name: "Replace Vowels in Text",
+        description: "Replace every vowel with a chosen character.",
+        options: [
+          { kind: "text", key: "replace", label: "Replace with", default: "x" },
+        ],
+        run: (input, o) => input.replace(/[aeiou]/giu, String(o.replace ?? "x")),
+      },
+      {
+        slug: "duplicate-vowels",
+        name: "Duplicate Vowels in Text",
+        description: "Repeat every vowel a chosen number of times.",
+        options: [
+          { kind: "number", key: "times", label: "Times", default: 2, min: 1, max: 10, step: 1 },
+        ],
+        run: (input, o) => {
+          const t = Math.max(1, Math.floor(Number(o.times ?? 2)));
+          return input.replace(/[aeiou]/giu, (v) => v.repeat(t));
+        },
+      },
+      {
+        slug: "remove-vowels",
+        name: "Remove Vowels from Text",
+        description: "Strip all vowels, case-insensitively.",
+        run: (input) => input.replace(/[aeiou]/giu, ""),
+      },
+      {
+        slug: "replace-consonants",
+        name: "Replace Consonants in Text",
+        description: "Replace every consonant with a chosen character.",
+        options: [
+          { kind: "text", key: "replace", label: "Replace with", default: "x" },
+        ],
+        run: (input, o) =>
+          input.replace(/\p{L}/gu, (c) => (/[aeiou]/iu.test(c) ? c : String(o.replace ?? "x"))),
+      },
+      {
+        slug: "duplicate-consonants",
+        name: "Duplicate Consonants in Text",
+        description: "Repeat every consonant a chosen number of times.",
+        options: [
+          { kind: "number", key: "times", label: "Times", default: 2, min: 1, max: 10, step: 1 },
+        ],
+        run: (input, o) => {
+          const t = Math.max(1, Math.floor(Number(o.times ?? 2)));
+          return input.replace(/\p{L}/gu, (c) => (/[aeiou]/iu.test(c) ? c : c.repeat(t)));
+        },
+      },
+      {
+        slug: "remove-consonants",
+        name: "Remove Consonants from Text",
+        description: "Strip consonants and keep only vowels.",
+        run: (input) => input.replace(/\p{L}/gu, (c) => (/[aeiou]/iu.test(c) ? c : "")),
+      },
+    ],
+  },
+  {
+    id: "columns-ngrams",
+    title: "Columns & N-grams",
+    description: "Align text into columns and generate unigrams, bigrams and n-grams.",
+    tools: [
+      {
+        slug: "text-to-columns",
+        name: "Convert Text to Nice Columns",
+        description: "Pad tokens to a fixed width and arrange them in rows of six columns.",
+        options: [
+          { kind: "number", key: "width", label: "Column width", default: 16, min: 4, max: 60, step: 1 },
+        ],
+        run: (input, o) => {
+          const width = Math.max(1, Number(o.width ?? 16));
+          const items = tokens(input);
+          return chunk(items, 6)
+            .map((row) => row.map((it) => it.padEnd(width)).join("").trimEnd())
+            .join("\n");
+        },
+      },
+      {
+        slug: "columns-to-text",
+        name: "Convert Nice Columns to Text",
+        description: "Parse aligned columns back into one item per line.",
+        run: (input) =>
+          toLines(input)
+            .flatMap((l) => l.split(/\s{2,}/).map((s) => s.trim()).filter(Boolean))
+            .join("\n"),
+      },
+      {
+        slug: "text-unigrams",
+        name: "Generate Text Unigrams",
+        description: "Output one token per line.",
+        run: (input) => tokens(input).join("\n"),
+      },
+      {
+        slug: "text-bigrams",
+        name: "Generate Text Bigrams",
+        description: "Output every sliding pair of adjacent tokens.",
+        run: (input) => {
+          const ws = tokens(input);
+          const out: string[] = [];
+          for (let i = 0; i + 1 < ws.length; i++) out.push(`${ws[i]} ${ws[i + 1]}`);
+          return out.join("\n");
+        },
+      },
+      {
+        slug: "text-ngrams",
+        name: "Generate Text N-grams",
+        description: "Output sliding windows of N words.",
+        options: [
+          { kind: "number", key: "size", label: "N", default: 3, min: 2, max: 10, step: 1 },
+        ],
+        run: (input, o) => {
+          const size = Math.max(1, Number(o.size ?? 3));
+          const ws = tokens(input);
+          const out: string[] = [];
+          for (let i = 0; i + size <= ws.length; i++) out.push(ws.slice(i, i + size).join(" "));
+          return out.join("\n");
+        },
+      },
+      {
+        slug: "text-skipgrams",
+        name: "Generate Text Skip-grams",
+        description: "Output groups of N words spaced a chosen number of positions apart.",
+        options: [
+          { kind: "number", key: "size", label: "Size", default: 3, min: 2, max: 6, step: 1 },
+          { kind: "number", key: "skip", label: "Skip", default: 1, min: 1, max: 10, step: 1 },
+        ],
+        run: (input, o) => {
+          const size = Math.max(1, Number(o.size ?? 3));
+          const skip = Math.max(1, Number(o.skip ?? 1));
+          const ws = tokens(input);
+          const out: string[] = [];
+          const span = (size - 1) * skip;
+          for (let i = 0; i + span < ws.length; i++) {
+            const g: string[] = [];
+            for (let k = 0; k < size; k++) g.push(ws[i + k * skip]);
+            out.push(g.join(" "));
+          }
+          return out.join("\n");
+        },
+      },
+    ],
+  },
+  {
+    id: "misc-encoding",
+    title: "Misc & Base-Encoding Conversion",
+    description: "ASCII art, morse code, complexity statistics and base encodings.",
+    tools: [
+      {
+        slug: "zigzag-text",
+        name: "Create ZigZag Text",
+        description: "Reverse every other word to create a zigzag rhythm.",
+        run: (input) => words(input).map((w, i) => (i % 2 === 1 ? [...w].reverse().join("") : w)).join(" "),
+      },
+      {
+        slug: "text-box",
+        name: "Draw a Box Around Text",
+        description: "Frame the lines of text inside a plus-and-dash box.",
+        run: (input) => {
+          const ls = toLines(input);
+          const w = Math.max(1, ...ls.map((l) => l.length));
+          const bar = "+" + "-".repeat(w + 2) + "+";
+          return [bar, ...ls.map((l) => `| ${l.padEnd(w)} |`), bar].join("\n");
+        },
+      },
+      {
+        slug: "text-to-morse",
+        name: "Convert Text to Morse Code",
+        description: "Encode the text into morse code, slash-separated between words.",
+        run: (input) => textToMorse(input),
+      },
+      {
+        slug: "morse-to-text",
+        name: "Convert Morse Code to Text",
+        description: "Decode morse code back into plain text.",
+        run: (input) => morseToText(input),
+      },
+      {
+        slug: "text-complexity",
+        name: "Calculate Text Complexity",
+        description: "Report length, entropy and a weighted complexity score out of 100.",
+        run: (input) => {
+          const chars = [...input].length;
+          const ws = words(input);
+          const meanW = ws.length ? [...ws].join("").length / ws.length : 0;
+          const ent = shannonEntropy(input);
+          const score = Math.min(100, Math.round(chars * 0.3 + ws.length * 2 + meanW * 3 + ent * 5));
+          return [
+            `Characters: ${chars}`,
+            `Words: ${ws.length}`,
+            `Mean word length: ${meanW.toFixed(1)}`,
+            `Entropy: ${ent.toFixed(2)}`,
+            `Complexity score: ${score}/100`,
+          ].join("\n");
+        },
+      },
+      {
+        slug: "text-to-binary",
+        name: "Convert Text to Binary",
+        description: "Encode each character as 8-bit binary, space separated.",
+        run: (input) => [...input].map((c) => c.charCodeAt(0).toString(2).padStart(8, "0")).join(" "),
+      },
+      {
+        slug: "binary-to-text",
+        name: "Convert Binary to Text",
+        description: "Decode space-separated binary chunks back into characters.",
+        run: (input) =>
+          input
+            .split(/\s+/)
+            .filter((p) => /^[01]+$/.test(p))
+            .map((p) => String.fromCharCode(parseInt(p, 2)))
+            .join(""),
+      },
+      {
+        slug: "text-to-octal",
+        name: "Convert Text to Octal",
+        description: "Encode each character as padded octal, space separated.",
+        run: (input) => [...input].map((c) => c.charCodeAt(0).toString(8).padStart(3, "0")).join(" "),
+      },
+      {
+        slug: "octal-to-text",
+        name: "Convert Octal to Text",
+        description: "Decode space-separated octal chunks back into characters.",
+        run: (input) =>
+          input
+            .split(/\s+/)
+            .filter((p) => /^[0-7]+$/.test(p))
+            .map((p) => String.fromCharCode(parseInt(p, 8)))
+            .join(""),
+      },
+      {
+        slug: "text-to-decimal",
+        name: "Convert Text to Decimal",
+        description: "Encode each character as its decimal code unit, space separated.",
+        run: (input) => [...input].map((c) => String(c.charCodeAt(0))).join(" "),
+      },
+      {
+        slug: "decimal-to-text",
+        name: "Convert Decimal to Text",
+        description: "Decode space-separated decimal code units back into characters.",
+        run: (input) =>
+          input
+            .split(/\s+/)
+            .filter((p) => /^\d+$/.test(p))
+            .map((p) => String.fromCharCode(Number(p)))
+            .join(""),
+      },
+      {
+        slug: "text-to-hex",
+        name: "Convert Text to Hex",
+        description: "Encode text as UTF-8 hex bytes by default, or per-code-unit hex.",
+        options: [
+          { kind: "toggle", key: "utf8", label: "UTF-8 bytes", default: true },
+        ],
+        run: (input, o) => {
+          if (o.utf8 !== false && typeof TextEncoder !== "undefined") {
+            return [...new TextEncoder().encode(input)]
+              .map((b) => b.toString(16).padStart(2, "0"))
+              .join(" ");
+          }
+          return [...input].map((c) => c.charCodeAt(0).toString(16).padStart(4, "0")).join(" ");
+        },
+      },
+      {
+        slug: "hex-to-text",
+        name: "Convert Hex to Text",
+        description: "Decode two-digit hex bytes as UTF-8, or hex code units otherwise.",
+        run: (input) => {
+          const parts = input.trim().split(/\s+/).filter((p) => /^[0-9a-fA-F]+$/.test(p));
+          if (parts.length === 0) return "";
+          if (parts.every((p) => p.length === 2)) {
+            const bytes = parts.map((p) => parseInt(p, 16));
+            try {
+              return new TextDecoder().decode(new Uint8Array(bytes));
+            } catch {
+              return String.fromCharCode(...bytes);
+            }
+          }
+          return parts.map((p) => String.fromCharCode(parseInt(p, 16))).join("");
+        },
+      },
+    ],
+  },
+];
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/tools/text/types.ts b/artifacts/personal-tool-console/src/lib/tools/text/types.ts
new file mode 100644
index 0000000..94ac38a
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/text/types.ts
@@ -0,0 +1,25 @@
+// Shared types for the bulk TEXT tool engine.
+// Pure logic only — no React imports.
+
+export type TextOpt =
+  | { kind: "text"; key: string; label: string; default?: string; placeholder?: string }
+  | { kind: "number"; key: string; label: string; default?: number; min?: number; max?: number; step?: number }
+  | { kind: "select"; key: string; label: string; options: string[]; default?: string }
+  | { kind: "toggle"; key: string; label: string; default?: boolean };
+
+export type TextOpts = Record<string, string | number | boolean | undefined>;
+
+export type TextToolSpec = {
+  slug: string;
+  name: string;
+  description: string;
+  options?: TextOpt[];
+  run: (input: string, o: TextOpts) => string;
+};
+
+export type TextToolGroup = {
+  id: string;
+  title: string;
+  description?: string;
+  tools: TextToolSpec[];
+};
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/tools/timestamp.ts b/artifacts/personal-tool-console/src/lib/tools/timestamp.ts
new file mode 100644
index 0000000..2d91f79
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/timestamp.ts
@@ -0,0 +1,39 @@
+const FMT: Intl.DateTimeFormatOptions = {
+  year: 'numeric', month: 'short', day: 'numeric',
+  hour: '2-digit', minute: '2-digit', second: '2-digit',
+  timeZoneName: 'short',
+};
+
+export function timestampNow() {
+  const now = new Date();
+  const unix = Math.floor(now.getTime() / 1000);
+  return {
+    unix, unixMs: now.getTime(),
+    utc: now.toUTCString(),
+    local: now.toLocaleString(undefined, FMT),
+    iso: now.toISOString(),
+  };
+}
+
+export function timestampFromUnix(value: string) {
+  const n = Number(value);
+  const d = new Date(n > 1e10 ? n : n * 1000);
+  if (isNaN(d.getTime())) throw new Error('Invalid Unix timestamp');
+  return {
+    unix: Math.floor(d.getTime() / 1000), unixMs: d.getTime(),
+    utc: d.toUTCString(),
+    local: d.toLocaleString(undefined, FMT),
+    iso: d.toISOString(),
+  };
+}
+
+export function timestampFromDate(value: string) {
+  const d = new Date(value.includes('T') || value.includes(' ') ? value : value + 'T00:00:00');
+  if (isNaN(d.getTime())) throw new Error('Invalid date string');
+  return {
+    unix: Math.floor(d.getTime() / 1000), unixMs: d.getTime(),
+    utc: d.toUTCString(),
+    local: d.toLocaleString(undefined, FMT),
+    iso: d.toISOString(),
+  };
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/unit-converter.ts b/artifacts/personal-tool-console/src/lib/tools/unit-converter.ts
new file mode 100644
index 0000000..4648727
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/unit-converter.ts
@@ -0,0 +1,45 @@
+export const UNIT_TABLE: Record<string, Record<string, number>> = {
+  length: {
+    mm: 0.001, cm: 0.01, m: 1, km: 1000,
+    in: 0.0254, ft: 0.3048, yd: 0.9144, mi: 1609.344,
+  },
+  mass: {
+    mg: 0.000001, g: 0.001, kg: 1,
+    oz: 0.028349523125, lb: 0.45359237,
+  },
+  speed: {
+    'm/s': 1, 'km/h': 1000 / 3600,
+    mph: 1609.344 / 3600, knot: 1852 / 3600,
+  },
+  area: {
+    m2: 1, cm2: 0.0001, km2: 1_000_000,
+    acre: 4046.8564224, ha: 10_000,
+  },
+  volume: {
+    ml: 0.000001, l: 0.001, m3: 1,
+    tsp: 0.00000492892159375, tbsp: 0.00001478676478125,
+    cup: 0.0002365882365, fl_oz: 0.0000295735295625, gal: 0.003785411784,
+  },
+};
+
+export function findUnitCategory(unit: string) {
+  for (const [category, map] of Object.entries(UNIT_TABLE)) {
+    if (Object.prototype.hasOwnProperty.call(map, unit)) return category;
+  }
+  return null;
+}
+
+export function convertUnits(value: number, from: string, to: string) {
+  const category = findUnitCategory(from);
+  if (!category || findUnitCategory(to) !== category) throw new Error('Unsupported unit pair');
+  const base = value * UNIT_TABLE[category][from];
+  return base / UNIT_TABLE[category][to];
+}
+
+export function getUnitsForCategory(category: string) {
+  return Object.keys(UNIT_TABLE[category] ?? {});
+}
+
+export function getAllUnitCategories() {
+  return Object.keys(UNIT_TABLE);
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/utf8.ts b/artifacts/personal-tool-console/src/lib/tools/utf8.ts
new file mode 100644
index 0000000..be543f0
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/utf8.ts
@@ -0,0 +1,127 @@
+// UTF-8 utilities — pure byte-level helpers.
+
+export interface Utf8Byte {
+  offset: number;
+  byte: number;
+  hex: string;
+  dec: number;
+  binary: string;
+}
+
+export function textToUtf8Bytes(text: string): Utf8Byte[] {
+  const bytes = new TextEncoder().encode(text);
+  return Array.from(bytes).map((byte, offset) => ({
+    offset,
+    byte,
+    hex: byte.toString(16).padStart(2, "0"),
+    dec: byte,
+    binary: byte.toString(2).padStart(8, "0"),
+  }));
+}
+
+export function utf8BytesToText(bytes: ArrayLike<number>): string {
+  return new TextDecoder().decode(new Uint8Array(bytes));
+}
+
+export function textToCodepoints(text: string): Array<{ char: string; codepoint: number; hex: string; utf8: string; html: string; js: string }> {
+  return Array.from(text).map((char) => {
+    const hex = char.codePointAt(0)!;
+    const utf8 = textToUtf8Bytes(char).map((b) => b.hex).join(" ");
+    return {
+      char,
+      codepoint: hex,
+      hex: `U+${hex.toString(16).toUpperCase().padStart(4, "0")}`,
+      utf8,
+      html: `&#${hex};`,
+      js: `\\u{${hex.toString(16)}}`,
+    };
+  });
+}
+
+export interface Utf8Validation {
+  valid: boolean;
+  problems: Array<{ offset: number; reason: string; length: number }>;
+}
+
+export function validateUtf8(input: string): Utf8Validation {
+  let bytes: number[];
+  const hexish = /^(?:[0-9a-fA-F]{2}\s*)+$/.test(input.trim());
+  if (hexish) {
+    bytes = input.trim().split(/\s+/).map((h) => parseInt(h, 16));
+  } else {
+    bytes = Array.from(new TextEncoder().encode(input));
+  }
+  const problems: Utf8Validation["problems"] = [];
+  let i = 0;
+  const fail = (offset: number, reason: string, length = 1): Utf8Validation => {
+    problems.push({ offset, reason, length });
+    return { valid: false, problems };
+  };
+  while (i < bytes.length) {
+    const b = bytes[i];
+    if (b <= 0x7f) {
+      i++;
+      continue;
+    }
+    if (b >= 0xc2 && b <= 0xdf) {
+      if (i + 1 >= bytes.length || (bytes[i + 1] & 0xc0) !== 0x80) return fail(i, "Invalid continuation byte", 1);
+      i += 2;
+      continue;
+    }
+    if (b >= 0xe0 && b <= 0xef) {
+      if (i + 2 >= bytes.length || (bytes[i + 1] & 0xc0) !== 0x80 || (bytes[i + 2] & 0xc0) !== 0x80) return fail(i, "Incomplete multi-byte sequence", 1);
+      if (b === 0xe0 && bytes[i + 1] < 0xa0) return fail(i, "Overlong encoding", 2);
+      if (b === 0xed && bytes[i + 1] > 0x9f) return fail(i, "Surrogate in UTF-8", 2);
+      i += 3;
+      continue;
+    }
+    if (b >= 0xf0 && b <= 0xf4) {
+      if (i + 3 >= bytes.length || (bytes[i + 1] & 0xc0) !== 0x80 || (bytes[i + 2] & 0xc0) !== 0x80 || (bytes[i + 3] & 0xc0) !== 0x80) return fail(i, "Incomplete multi-byte sequence", 1);
+      if (b === 0xf0 && bytes[i + 1] < 0x90) return fail(i, "Overlong encoding", 3);
+      if (b > 0xf4 || (b === 0xf4 && bytes[i + 1] > 0x8f)) return fail(i, "Code point above U+10FFFF", 3);
+      i += 4;
+      continue;
+    }
+    return fail(i, "Unexpected byte (not a valid UTF-8 lead byte)", 1);
+  }
+  return { valid: problems.length === 0, problems };
+}
+
+export function addBom(text: string): string {
+  return "\uFEFF" + text;
+}
+
+export function removeBom(text: string): string {
+  return text.startsWith("\uFEFF") ? text.slice(1) : text;
+}
+
+export function detectBom(text: string): boolean {
+  return text.startsWith("\uFEFF");
+}
+
+export function escapeSequences(text: string, mode: "unicode" | "hex" | "raw"): string {
+  return Array.from(text)
+    .map((ch) => {
+      const cp = ch.codePointAt(0)!;
+      switch (mode) {
+        case "unicode":
+          return cp > 0x7f || ch === "\\" ? `\\u{${cp.toString(16)}}` : ch;
+        case "hex":
+          return cp > 0x7f ? `\\x${cp.toString(16).padStart(4, "0")}` : ch;
+        case "raw":
+          return ch.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\n/g, "\\n").replace(/\t/g, "\\t").replace(/\r/g, "\\r");
+      }
+    })
+    .join("");
+}
+
+export function unescapeSequences(text: string): string {
+  const unicode = text.replace(/\\u\{([0-9a-fA-F]+)\}/g, (_, hex) => String.fromCodePoint(parseInt(hex, 16)));
+  const hex4 = unicode.replace(/\\u([0-9a-fA-F]{4})/g, (_, hex) => String.fromCharCode(parseInt(hex, 16)));
+  const hex2 = hex4.replace(/\\x([0-9a-fA-F]{2})/g, (_, hex) => String.fromCharCode(parseInt(hex, 16)));
+  return hex2
+    .replace(/\\n/g, "\n")
+    .replace(/\\t/g, "\t")
+    .replace(/\\r/g, "\r")
+    .replace(/\\\\/g, "\\");
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/lib/tools/xml.ts b/artifacts/personal-tool-console/src/lib/tools/xml.ts
new file mode 100644
index 0000000..df82eac
--- /dev/null
+++ b/artifacts/personal-tool-console/src/lib/tools/xml.ts
@@ -0,0 +1,158 @@
+// XML utilities — uses DOMParser/XMLSerializer available in the browser.
+
+export function parseXml(xml: string): Document {
+  const doc = new DOMParser().parseFromString(xml, "application/xml");
+  const parseError = doc.querySelector("parsererror");
+  if (parseError) {
+    const message = parseError.textContent ?? "Invalid XML";
+    throw new Error(message.trim().split("\n")[0]);
+  }
+  return doc;
+}
+
+export function formatXml(xml: string, indentSize = 2): string {
+  const doc = parseXml(xml);
+  let out = "";
+  const walk = (node: Node, depth: number) => {
+    for (const child of Array.from(node.childNodes)) {
+      if (child.nodeType === Node.TEXT_NODE) {
+        const value = child.textContent ?? "";
+        if (value.trim()) out += " ".repeat(depth) + value.trim() + "\n";
+        continue;
+      }
+      if (child.nodeType !== Node.ELEMENT_NODE) continue;
+      const el = child as Element;
+      const indent = " ".repeat(depth);
+      out += indent + `<${el.tagName}`;
+      for (const attr of Array.from(el.attributes)) out += ` ${attr.name}="${attr.value}"`;
+      if (el.childNodes.length === 0) {
+        out += " />\n";
+        continue;
+      }
+      const hasText = Array.from(el.childNodes).some((n) => n.nodeType === Node.TEXT_NODE && (n.textContent ?? "").trim());
+      if (hasText && el.childNodes.length === 1) {
+        out += `>${(el.textContent ?? "").trim()}</${el.tagName}>\n`;
+      } else {
+        out += ">\n";
+        walk(child, depth + 1);
+        out += indent + `</${el.tagName}>\n`;
+      }
+    }
+  };
+  walk(doc, 0);
+  return out.trimEnd() + "\n";
+}
+
+export function minifyXml(xml: string, keepComments = false): string {
+  const doc = parseXml(xml);
+  if (!keepComments) {
+    doc.querySelectorAll("*").forEach((el) => {
+      el.childNodes.forEach((n) => {
+        if (n.nodeType === Node.COMMENT_NODE) n.parentNode?.removeChild(n);
+      });
+    });
+  }
+  const serializer = new XMLSerializer();
+  return serializer.serializeToString(doc).replace(/>\s+</g, "><").trim();
+}
+
+export interface XmlValidationResult {
+  valid: boolean;
+  line: number;
+  column: number;
+  error?: string;
+}
+
+export function validateXml(xml: string): XmlValidationResult {
+  try {
+    parseXml(xml);
+    return { valid: true, line: -1, column: -1 };
+  } catch (err) {
+    const message = (err as Error).message;
+    const lineMatch = message.match(/line (\d+)/i);
+    const colMatch = message.match(/column (\d+)/i);
+    const line = lineMatch ? Number(lineMatch[1]) : -1;
+    const column = colMatch ? Number(colMatch[1]) : -1;
+    return { valid: false, line, column, error: message };
+  }
+}
+
+interface XmlNode {
+  tag: string;
+  attributes: Record<string, string>;
+  children: XmlNode[];
+  text: string;
+}
+
+function elementToObject(el: Element): XmlNode {
+  const attributes: Record<string, string> = {};
+  for (const attr of Array.from(el.attributes)) attributes[attr.name] = attr.value;
+  const children: XmlNode[] = [];
+  let text = "";
+  for (const n of Array.from(el.childNodes)) {
+    if (n.nodeType === Node.ELEMENT_NODE) children.push(elementToObject(n as Element));
+    else if (n.nodeType === Node.TEXT_NODE) text += n.textContent ?? "";
+  }
+  return { tag: el.tagName, attributes, children, text: text.trim() };
+}
+
+export function xmlToJson(xml: string): string {
+  const root = parseXml(xml).documentElement;
+  const node = elementToObject(root);
+  const serialize = (n: XmlNode): unknown => {
+    if (n.children.length === 0) {
+      return Object.keys(n.attributes).length > 0
+        ? { "#text": n.text, ...makeAttrs(n) }
+        : (n.text || null);
+    }
+    const obj: Record<string, unknown> = {};
+    if (Object.keys(n.attributes).length > 0) Object.assign(obj, makeAttrs(n));
+    for (const child of n.children) {
+      const value = serialize(child);
+      if (obj[child.tag]) {
+        obj[child.tag] = Array.isArray(obj[child.tag]) ? [...(obj[child.tag] as unknown[]), value] : [obj[child.tag], value];
+      } else {
+        obj[child.tag] = value;
+      }
+    }
+    if (n.text) obj["#text"] = n.text;
+    return obj;
+  };
+  const makeAttrs = (n: XmlNode) => Object.fromEntries(Object.entries(n.attributes).map(([k, v]) => [`@${k}`, v]));
+  return JSON.stringify(serialize(node), null, 2);
+}
+
+export function jsonToXml(input: string, rootName = "root"): string {
+  const parsed: unknown = JSON.parse(input);
+  const escape = (s: string) =>
+    s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+
+  const build = (key: string, value: unknown): string => {
+    if (value === null || value === undefined) return "";
+    if (typeof value === "object") {
+      const entries = Object.entries(value as Record<string, unknown>);
+      const attrKeys = entries.filter(([k]) => k.startsWith("@"));
+      const textKey = entries.find(([k]) => k === "#text");
+      const childKeys = entries.filter(([k]) => !k.startsWith("@") && k !== "#text");
+      const attrs = attrKeys.map(([k, v]) => ` ${k.slice(1)}="${escape(String(v))}"`).join("");
+      if (childKeys.length === 0) {
+        return `<${key}${attrs}>${textKey ? escape(String(textKey[1])) : ""}</${key}>`;
+      }
+      const body = childKeys.map(([k, v]) =>
+        Array.isArray(v) ? v.map((item) => build(k, item)).join("") : build(k, v),
+      ).join("");
+      return `<${key}${attrs}>${textKey ? escape(String(textKey[1])) : ""}${body}</${key}>`;
+    }
+    return `<${key}>${escape(String(value))}</${key}>`;
+  };
+
+  if (parsed === null || typeof parsed !== "object") {
+    throw new Error("JSON root must be an object");
+  }
+  return build(rootName, parsed);
+}
+
+export function extractTextFromXml(xml: string): string {
+  const doc = parseXml(xml);
+  return (doc.documentElement.textContent ?? "").trim();
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/pages/catalog.tsx b/artifacts/personal-tool-console/src/pages/catalog.tsx
new file mode 100644
index 0000000..bc50a9f
--- /dev/null
+++ b/artifacts/personal-tool-console/src/pages/catalog.tsx
@@ -0,0 +1,193 @@
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Link, useSearch } from "wouter";
+import { Search, TerminalSquare, Sparkles, Layers, X } from "lucide-react";
+import {
+  getCategoriesWithTools,
+  getRecentTools,
+  searchTools,
+  type ToolCategoryId,
+  type ToolCategoryMeta,
+  type ToolDefinition,
+} from "@/lib/tool-registry";
+import { usePageTitle } from "@/hooks/use-page-title";
+import { cn } from "@/lib/utils";
+
+function ToolCard({ tool }: { tool: ToolDefinition }) {
+  const Icon = tool.icon;
+  const comingSoon = tool.status === "coming-soon";
+  return (
+    <Link
+      href={`/tools/${tool.slug}`}
+      className={cn(
+        "group flex flex-col rounded-2xl border border-border bg-card/60 p-4 transition-colors hover:border-primary/40 hover:bg-card",
+        comingSoon && "opacity-75",
+      )}
+    >
+      <div className="flex items-start justify-between gap-2">
+        <span className="grid h-9 w-9 shrink-0 place-items-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary/20">
+          <Icon className="h-4 w-4" />
+        </span>
+        {comingSoon && (
+          <span className="rounded-md bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground">
+            Soon
+          </span>
+        )}
+      </div>
+      <h3 className="mt-3 text-sm font-medium leading-snug">{tool.name}</h3>
+      <p className="mt-1 line-clamp-2 text-xs leading-relaxed text-muted-foreground">{tool.description}</p>
+      {tool.commands && tool.commands[0] && (
+        <code className="mt-3 hidden truncate rounded-md bg-black/30 px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground sm:block">
+          {tool.commands[0]}
+        </code>
+      )}
+    </Link>
+  );
+}
+
+function SectionGrid({ meta, tools }: { meta: ToolCategoryMeta; tools: ToolDefinition[] }) {
+  const Icon = meta.icon;
+  const groups = useMemo(() => {
+    const map = new Map<string | undefined, ToolDefinition[]>();
+    for (const t of tools) {
+      const key = t.group;
+      const list = map.get(key) ?? [];
+      list.push(t);
+      map.set(key, list);
+    }
+    return [...map.entries()];
+  }, [tools]);
+
+  return (
+    <section id={meta.id} className="scroll-mt-20">
+      <div className="mb-4 flex items-center gap-2">
+        <span className="grid h-8 w-8 place-items-center rounded-lg bg-primary/10 text-primary">
+          <Icon className="h-4 w-4" />
+        </span>
+        <h2 className="text-lg font-semibold tracking-tight">{meta.label}</h2>
+        <span className="rounded-md bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground">
+          {tools.filter((t) => t.status === "ready").length}
+        </span>
+      </div>
+      {groups.map(([group, items]) => (
+        <div key={group ?? "__root"} className="mb-6">
+          {group && (
+            <h3 className="mb-2 text-xs font-medium uppercase tracking-wider text-muted-foreground/70">{group}</h3>
+          )}
+          <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+            {items.map((tool) => (
+              <ToolCard key={tool.slug} tool={tool} />
+            ))}
+          </div>
+        </div>
+      ))}
+    </section>
+  );
+}
+
+export default function Catalog() {
+  usePageTitle("All Tools");
+  const [query, setQuery] = useState("");
+  const search = useSearch();
+  const focusedRef = useRef<string | null>(null);
+
+  useEffect(() => {
+    if (!search) return;
+    const category = new URLSearchParams(search).get("category") as ToolCategoryId | null;
+    if (category && focusedRef.current !== category) {
+      focusedRef.current = category;
+      requestAnimationFrame(() => {
+        document.getElementById(category)?.scrollIntoView({ behavior: "smooth" });
+      });
+    }
+  }, [search]);
+
+  const categories = useMemo(() => getCategoriesWithTools(), []);
+  const recent = useMemo(() => getRecentTools(), []);
+  const results = useMemo(() => searchTools(query, 40), [query]);
+  const totalReady = useMemo(() => categories.reduce((acc, c) => acc + c.ready, 0), [categories]);
+
+  return (
+    <div className="mx-auto max-w-7xl px-4 py-10 lg:px-8">
+      <section className="mx-auto max-w-3xl pb-10 text-center">
+        <p className="mb-3 inline-flex items-center gap-1.5 rounded-full border border-border bg-card/60 px-3 py-1 text-xs text-muted-foreground">
+          <Sparkles className="h-3 w-3 text-primary" />
+          Everything runs in your browser
+        </p>
+        <h1 className="text-3xl font-bold tracking-tight sm:text-4xl">
+          One toolbox for text, code, media and more
+        </h1>
+        <p className="mx-auto mt-3 max-w-xl text-sm text-muted-foreground">
+          {totalReady} practical utilities across {categories.length} categories — no sign-up, no uploads. Find a tool,
+          or type a command into the console.
+        </p>
+        <div className="relative mx-auto mt-8 max-w-xl">
+          <Search className="absolute left-4 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+          <input
+            value={query}
+            onChange={(e) => setQuery(e.target.value)}
+            placeholder="Search tools… e.g. “iban” or “css shadow”"
+            className="h-12 w-full rounded-xl border border-border bg-card/60 pl-11 pr-10 text-sm outline-none transition-colors placeholder:text-muted-foreground/60 focus:border-primary/50 focus:ring-2 focus:ring-primary/20"
+          />
+          {query && (
+            <button
+              type="button"
+              onClick={() => setQuery("")}
+              aria-label="Clear search"
+              className="absolute right-3 top-1/2 -translate-y-1/2 rounded-md p-1 text-muted-foreground/60 hover:text-foreground"
+            >
+              <X className="h-4 w-4" />
+            </button>
+          )}
+        </div>
+        <div className="mt-6 flex flex-wrap items-center justify-center gap-3 text-sm">
+          <Link
+            href="/console"
+            className="inline-flex items-center gap-2 rounded-xl border border-border bg-card/60 px-4 py-2 font-medium transition-colors hover:bg-card"
+          >
+            <TerminalSquare className="h-4 w-4 text-primary" />
+            Open the command console
+          </Link>
+          {recent.length > 0 && (
+            <span className="text-muted-foreground">
+              Jump back in:{" "}
+              {recent.slice(0, 3).map((t, i) => (
+                <span key={t.slug}>
+                  {i > 0 && " · "}
+                  <Link href={`/tools/${t.slug}`} className="underline decoration-border underline-offset-4 hover:text-foreground">
+                    {t.name}
+                  </Link>
+                </span>
+              ))}
+            </span>
+          )}
+        </div>
+      </section>
+
+      {query.trim() ? (
+        <section className="pb-8">
+          <h2 className="mb-4 flex items-center gap-2 text-sm font-semibold uppercase tracking-wide text-muted-foreground">
+            <Layers className="h-4 w-4" />
+            {results.length} result{results.length === 1 ? "" : "s"} for “{query.trim()}”
+          </h2>
+          {results.length === 0 ? (
+            <p className="rounded-2xl border border-border bg-card/60 p-6 text-sm text-muted-foreground">
+              Nothing matched “{query.trim()}”. Try a broader term, or browse a category below.
+            </p>
+          ) : (
+            <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+              {results.map((tool) => (
+                <ToolCard key={tool.slug} tool={tool} />
+              ))}
+            </div>
+          )}
+        </section>
+      ) : (
+        <div className="space-y-12">
+          {categories.map((meta) => (
+            <SectionGrid key={meta.id} meta={meta} tools={meta.tools} />
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/pages/console.tsx b/artifacts/personal-tool-console/src/pages/console.tsx
new file mode 100644
index 0000000..b2a015b
--- /dev/null
+++ b/artifacts/personal-tool-console/src/pages/console.tsx
@@ -0,0 +1,1205 @@
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { QRCodeSVG } from 'qrcode.react';
+import { useSearch } from 'wouter';
+import { loadJson, saveJson, STORAGE_KEYS, DEFAULT_PREFS } from '@/lib/storage';
+
+const UNIT_TABLE: Record<string, Record<string, number>> = {
+  length: {
+    mm: 0.001, cm: 0.01, m: 1, km: 1000,
+    in: 0.0254, ft: 0.3048, yd: 0.9144, mi: 1609.344,
+  },
+  mass: {
+    mg: 0.000001, g: 0.001, kg: 1,
+    oz: 0.028349523125, lb: 0.45359237,
+  },
+  speed: {
+    'm/s': 1, 'km/h': 1000 / 3600,
+    mph: 1609.344 / 3600, knot: 1852 / 3600,
+  },
+  area: {
+    'm2': 1, 'cm2': 0.0001, 'km2': 1_000_000,
+    acre: 4046.8564224, ha: 10_000,
+  },
+  volume: {
+    ml: 0.000001, l: 0.001, m3: 1,
+    tsp: 0.00000492892159375, tbsp: 0.00001478676478125,
+    cup: 0.0002365882365, fl_oz: 0.0000295735295625, gal: 0.003785411784,
+  },
+};
+
+const CURRENCY_SYMBOLS: Record<string, string> = {
+  usd: '$', myr: 'RM', eur: '€', gbp: '£',
+  jpy: '¥', sgd: 'S$', aud: 'A$', idr: 'Rp',
+};
+
+const COMMAND_EXAMPLES = [
+  '100 usd to myr',
+  '10 km to mi',
+  '16 * 24 + 10',
+  'gen password 16 strong',
+  'qr https://example.com',
+  'speed test',
+  'dns lookup google.com',
+  'base64 encode hello world',
+  'base64 decode aGVsbG8gd29ybGQ=',
+  'hash hello world',
+  'timestamp',
+  'timestamp 1700000000',
+  'timestamp 2024-01-15',
+];
+
+function suggestionDescription(s: string) {
+  if (s.includes(' to ')) return s.includes('usd') || s.includes('myr') || s.includes('eur') ? 'Currency conversion' : 'Unit conversion';
+  if (s.includes('password')) return 'Password generation';
+  if (s.startsWith('qr')) return 'QR generation';
+  if (s.includes('speed')) return 'Network test';
+  if (s.startsWith('dns')) return 'DNS lookup';
+  if (s.startsWith('base64')) return 'Base64 encode/decode';
+  if (s.startsWith('hash')) return 'Hash (SHA-1 / SHA-256 / SHA-512)';
+  if (s.startsWith('timestamp')) return 'Timestamp converter';
+  return 'Math expression';
+}
+
+function formatNumber(value: number, digits = 8) {
+  if (!Number.isFinite(value)) return '—';
+  const abs = Math.abs(value);
+  if (abs !== 0 && (abs >= 1e9 || abs < 1e-6)) return value.toExponential(6).replace(/\+/, '');
+  return Number.parseFloat(value.toFixed(digits)).toString();
+}
+
+function normalize(input: string) {
+  return input.trim().replace(/\s+/g, ' ').toLowerCase();
+}
+
+function isMathExpression(input: string) {
+  return /^[0-9+\-*/%^().,\s]+$/.test(input) && /\d/.test(input);
+}
+
+function safeMathEval(expression: string) {
+  const cleaned = expression.replace(/,/g, '.').replace(/\^/g, '**');
+  if (!/^[0-9+\-*/%().*\s**]+$/.test(cleaned.replace(/\*\*/g, ''))) throw new Error('Invalid expression');
+  // eslint-disable-next-line no-new-func
+  const result = Function(`"use strict"; return (${cleaned});`)();
+  if (typeof result !== 'number' || !Number.isFinite(result)) throw new Error('Invalid result');
+  return result as number;
+}
+
+function parsePasswordCommand(input: string, prefs: typeof DEFAULT_PREFS) {
+  const m = input.match(/^(?:gen\s+)?password(?:\s+(\d{1,3}))?(?:\s+(weak|medium|strong))?$/i);
+  if (!m) return null;
+  return {
+    type: 'password',
+    length: Math.max(4, Math.min(128, Number(m[1] || prefs.passwordLength || 16))),
+    mode: (m[2] || prefs.passwordMode || 'strong').toLowerCase(),
+  };
+}
+
+function parseQrCommand(input: string) {
+  if (!input.startsWith('qr ')) return null;
+  const value = input.slice(3).trim();
+  if (!value) return null;
+  return { type: 'qr', value };
+}
+
+function parseConversion(input: string, prefs: typeof DEFAULT_PREFS) {
+  const currencyPattern = /^(?:(\d+(?:\.\d+)?)\s+)?([a-z]{3})\s+to\s+([a-z]{3})$/i;
+  const unitPattern = /^(\d+(?:\.\d+)?)\s+([a-z\/0-9_]+)\s+to\s+([a-z\/0-9_]+)$/i;
+  const cm = input.match(currencyPattern);
+  if (cm) {
+    return {
+      type: 'currency',
+      value: cm[1] ? Number(cm[1]) : 1,
+      from: cm[2].toLowerCase(),
+      to: cm[3].toLowerCase(),
+      note: 'Rates are local/manual in this prototype.',
+      prefs,
+    };
+  }
+  const um = input.match(unitPattern);
+  if (!um) return null;
+  return { type: 'unit', value: Number(um[1]), from: um[2].toLowerCase(), to: um[3].toLowerCase() };
+}
+
+function findUnitCategory(unit: string) {
+  for (const [category, map] of Object.entries(UNIT_TABLE)) {
+    if (Object.prototype.hasOwnProperty.call(map, unit)) return category;
+  }
+  return null;
+}
+
+function convertUnits(value: number, from: string, to: string) {
+  const category = findUnitCategory(from);
+  if (!category || findUnitCategory(to) !== category) throw new Error('Unsupported unit pair');
+  const base = value * UNIT_TABLE[category][from];
+  return base / UNIT_TABLE[category][to];
+}
+
+function convertCurrency(value: number, from: string, to: string) {
+  const rates: Record<string, number> = {
+    usd: 1, myr: 4.7, eur: 0.92, gbp: 0.78,
+    jpy: 154, sgd: 1.35, aud: 1.51, idr: 15850,
+  };
+  if (!rates[from] || !rates[to]) throw new Error('Unsupported currency');
+  return (value / rates[from]) * rates[to];
+}
+
+function randomPassword(length: number, mode: string) {
+  const sets: Record<string, string> = {
+    weak: 'abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789',
+    medium: 'abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789!@#$%?_-',
+    strong: 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+-=[]{};:,.<>/?',
+  };
+  const chars = sets[mode] || sets.strong;
+  const bytes = new Uint32Array(length);
+  window.crypto.getRandomValues(bytes);
+  let out = '';
+  for (let i = 0; i < length; i++) out += chars[bytes[i] % chars.length];
+  return out;
+}
+
+function strengthScore(pw: string) {
+  let score = 0;
+  if (pw.length >= 12) score++;
+  if (pw.length >= 16) score++;
+  if (/[a-z]/.test(pw)) score++;
+  if (/[A-Z]/.test(pw)) score++;
+  if (/\d/.test(pw)) score++;
+  if (/[^A-Za-z0-9]/.test(pw)) score++;
+  return score;
+}
+
+function resultLabel(type: string) {
+  switch (type) {
+    case 'math': return 'Calculator';
+    case 'unit': return 'Unit converter';
+    case 'currency': return 'Currency converter';
+    case 'password': return 'Password generator';
+    case 'qr': return 'QR generator';
+    case 'speed': return 'Speed test';
+    case 'dns': return 'DNS lookup';
+    case 'base64': return 'Base64';
+    case 'hash': return 'Hash';
+    case 'timestamp': return 'Timestamp';
+    default: return 'Command';
+  }
+}
+
+function parseTimestampCommand(input: string): { mode: 'now' | 'unix' | 'date'; value: string } | null {
+  const n = input.trim();
+  if (n === 'timestamp' || n === 'timestamp now') return { mode: 'now', value: '' };
+  const unixM = n.match(/^timestamp\s+(\d{1,13})$/);
+  if (unixM) return { mode: 'unix', value: unixM[1] };
+  const dateM = n.match(/^timestamp\s+(\d{4}-\d{2}-\d{2}(?:[T ]\d{2}:\d{2}(?::\d{2})?)?)$/);
+  if (dateM) return { mode: 'date', value: dateM[1] };
+  return null;
+}
+
+function parseHashCommand(input: string): string | null {
+  const m = input.match(/^hash\s+(.+)$/is);
+  return m ? m[1] : null;
+}
+
+function parseBase64Command(input: string): { op: 'encode' | 'decode'; text: string } | null {
+  const m = input.match(/^base64\s+(encode|decode)\s+(.+)$/is);
+  if (!m) return null;
+  return { op: m[1].toLowerCase() as 'encode' | 'decode', text: m[2] };
+}
+
+function parseDnsCommand(input: string): string | null {
+  const m = input.match(/^dns(?:\s+lookup)?\s+([a-z0-9._-]+\.[a-z]{2,})$/i);
+  return m ? m[1].toLowerCase() : null;
+}
+
+type Quality = { label: string; color: string };
+
+function downloadQuality(mbps: string): Quality {
+  const v = parseFloat(mbps);
+  if (isNaN(v)) return { label: '—', color: 'text-slate-400' };
+  if (v >= 100) return { label: 'Excellent', color: 'text-cyan-400' };
+  if (v >= 25)  return { label: 'Good',      color: 'text-green-400' };
+  if (v >= 5)   return { label: 'Fair',      color: 'text-amber-400' };
+  return           { label: 'Poor',      color: 'text-red-400' };
+}
+
+function uploadQuality(mbps: string): Quality {
+  const v = parseFloat(mbps);
+  if (isNaN(v)) return { label: '—', color: 'text-slate-400' };
+  if (v >= 50) return { label: 'Excellent', color: 'text-cyan-400' };
+  if (v >= 10) return { label: 'Good',      color: 'text-green-400' };
+  if (v >= 2)  return { label: 'Fair',      color: 'text-amber-400' };
+  return          { label: 'Poor',      color: 'text-red-400' };
+}
+
+function pingQuality(ms: string): Quality {
+  const v = parseFloat(ms);
+  if (isNaN(v))  return { label: '—', color: 'text-slate-400' };
+  if (v < 20)    return { label: 'Excellent', color: 'text-cyan-400' };
+  if (v < 50)    return { label: 'Good',      color: 'text-green-400' };
+  if (v < 100)   return { label: 'Fair',      color: 'text-amber-400' };
+  return            { label: 'Poor',      color: 'text-red-400' };
+}
+
+function commandSuggestions(query: string) {
+  const q = normalize(query);
+  if (!q) return COMMAND_EXAMPLES;
+  return COMMAND_EXAMPLES.filter((item) => item.includes(q)).slice(0, 6);
+}
+
+interface HistoryRecord {
+  id: string;
+  input: string;
+  normalized: string;
+  type: string;
+  label: string;
+  output: Record<string, unknown>;
+  actions: string[];
+  createdAt: string;
+}
+
+interface SpeedState {
+  running: boolean;
+  dl: string | null;
+  ul: string | null;
+  ping: string | null;
+  message?: string;
+}
+
+interface DnsRecord { name: string; type: number; TTL: number; data: string; }
+interface DnsResponse { Status: number; Answer?: DnsRecord[]; }
+
+export default function Console() {
+  const search = useSearch();
+  const [prefs, setPrefs] = useState(DEFAULT_PREFS);
+  const [input, setInput] = useState('');
+  const [selectedSuggestion, setSelectedSuggestion] = useState(0);
+  const [isPaletteOpen, setIsPaletteOpen] = useState(false);
+  const [result, setResult] = useState<HistoryRecord | null>(null);
+  const [history, setHistory] = useState<HistoryRecord[]>([]);
+  const [pinned, setPinned] = useState<string[]>([]);
+  const [status, setStatus] = useState('Ready');
+  const [speedState, setSpeedState] = useState<SpeedState | null>(null);
+  const inputRef = useRef<HTMLInputElement>(null);
+  const prefilledRef = useRef(false);
+
+  useEffect(() => {
+    document.title = "Command Console · Toolbox";
+  }, []);
+
+  useEffect(() => {
+    const storedPrefs = loadJson(STORAGE_KEYS.prefs, DEFAULT_PREFS);
+    const storedHistory = loadJson(STORAGE_KEYS.history, []);
+    const storedPins = loadJson(STORAGE_KEYS.pins, []);
+    setPrefs({ ...DEFAULT_PREFS, ...storedPrefs });
+    setHistory(Array.isArray(storedHistory) ? storedHistory : []);
+    setPinned(Array.isArray(storedPins) ? storedPins : []);
+  }, []);
+
+  useEffect(() => saveJson(STORAGE_KEYS.prefs, prefs), [prefs]);
+  useEffect(() => saveJson(STORAGE_KEYS.history, history.slice(0, 80)), [history]);
+  useEffect(() => saveJson(STORAGE_KEYS.pins, pinned), [pinned]);
+
+  useEffect(() => {
+    if (prefilledRef.current) return;
+    prefilledRef.current = true;
+    if (!search) return;
+    const params = new URLSearchParams(search);
+    const raw = params.get('q');
+    if (!raw) return;
+    let query = raw;
+    try { query = decodeURIComponent(raw); } catch { query = raw; }
+    setInput(query);
+    if (query.trim()) {
+      const n = normalize(query);
+      const dnsDomain = parseDnsCommand(n);
+      const hashText = parseHashCommand(n);
+      if (n === 'speed test' || n === 'speed') runSpeedTest();
+      else if (dnsDomain) runDnsLookup(dnsDomain, query);
+      else if (hashText) runHash(hashText, query);
+      else executeCommand(query);
+    }
+  }, [search]);
+
+  function addHistory(item: HistoryRecord) {
+    setHistory((prev) => [item, ...prev].slice(0, 80));
+  }
+
+  function copyText(text: string) {
+    navigator.clipboard?.writeText(text).catch(() => {});
+  }
+
+  function executeCommand(raw: string, options: { clearInput?: boolean } = {}) {
+    const normalized = normalize(raw);
+    if (!normalized) return;
+
+    let output: Record<string, unknown> = {};
+    let type = 'unknown';
+    let actions: string[] = [];
+
+    try {
+      if (normalized === 'speed test' || normalized === 'speed') {
+        type = 'speed';
+        output = {
+          title: 'Speed test is scaffolded',
+          details: 'This prototype includes the UI and history, but a true browser speed test needs a test file or backend endpoint you control.',
+        };
+        setSpeedState({ running: false, dl: null, ul: null, ping: null });
+        actions = ['configure speed endpoint'];
+      } else {
+        const parsedPw = parsePasswordCommand(normalized, prefs);
+        const parsedQr = !parsedPw ? parseQrCommand(normalized) : null;
+        const parsedConv = !parsedPw && !parsedQr ? parseConversion(normalized, prefs) : null;
+
+        if (parsedPw) {
+          type = 'password';
+          const pw = randomPassword(parsedPw.length, parsedPw.mode);
+          output = { password: pw, score: strengthScore(pw), mode: parsedPw.mode, length: parsedPw.length };
+          actions = ['copy', 'pin'];
+        } else if (parsedQr) {
+          type = 'qr';
+          output = { value: parsedQr.value };
+          actions = ['copy', 'pin'];
+        } else if (parsedConv) {
+          const conv = parsedConv as { type: string; value: number; from: string; to: string; note?: string };
+          if (conv.type === 'currency') {
+            type = 'currency';
+            const converted = convertCurrency(conv.value, conv.from, conv.to);
+            output = {
+              value: converted,
+              formatted: `${CURRENCY_SYMBOLS[conv.to] || conv.to.toUpperCase()} ${formatNumber(converted, 6)}`,
+              source: `${conv.value} ${conv.from.toUpperCase()}`,
+              note: conv.note,
+            };
+            actions = ['copy', 'pin'];
+          } else {
+            type = 'unit';
+            const converted = convertUnits(conv.value, conv.from, conv.to);
+            output = {
+              value: converted,
+              formatted: `${formatNumber(converted, 8)} ${conv.to}`,
+              source: `${conv.value} ${conv.from}`,
+            };
+            actions = ['copy', 'pin'];
+          }
+        } else if (isMathExpression(normalized)) {
+          type = 'math';
+          const value = safeMathEval(normalized);
+          output = { value, formatted: formatNumber(value, 10) };
+          actions = ['copy', 'pin'];
+        } else if (parseTimestampCommand(normalized)) {
+          const ts = parseTimestampCommand(normalized)!;
+          type = 'timestamp';
+          const fmtOptions: Intl.DateTimeFormatOptions = {
+            year: 'numeric', month: 'short', day: 'numeric',
+            hour: '2-digit', minute: '2-digit', second: '2-digit',
+            timeZoneName: 'short',
+          };
+          if (ts.mode === 'now') {
+            const now = new Date();
+            const unix = Math.floor(now.getTime() / 1000);
+            output = {
+              unix, unixMs: now.getTime(),
+              utc: now.toUTCString(),
+              local: now.toLocaleString(undefined, fmtOptions),
+              iso: now.toISOString(),
+            };
+          } else if (ts.mode === 'unix') {
+            const n = Number(ts.value);
+            const d = new Date(n > 1e10 ? n : n * 1000);
+            if (isNaN(d.getTime())) throw new Error('Invalid Unix timestamp');
+            output = {
+              unix: Math.floor(d.getTime() / 1000), unixMs: d.getTime(),
+              utc: d.toUTCString(),
+              local: d.toLocaleString(undefined, fmtOptions),
+              iso: d.toISOString(),
+            };
+          } else {
+            const d = new Date(ts.value.includes('T') || ts.value.includes(' ') ? ts.value : ts.value + 'T00:00:00');
+            if (isNaN(d.getTime())) throw new Error('Invalid date string');
+            output = {
+              unix: Math.floor(d.getTime() / 1000), unixMs: d.getTime(),
+              utc: d.toUTCString(),
+              local: d.toLocaleString(undefined, fmtOptions),
+              iso: d.toISOString(),
+            };
+          }
+          actions = ['copy', 'pin'];
+        } else if (parseBase64Command(normalized)) {
+          const b64 = parseBase64Command(normalized)!;
+          type = 'base64';
+          if (b64.op === 'encode') {
+            const encoded = btoa(unescape(encodeURIComponent(b64.text)));
+            output = { op: 'encode', input: b64.text, result: encoded };
+          } else {
+            try {
+              const decoded = decodeURIComponent(escape(atob(b64.text)));
+              output = { op: 'decode', input: b64.text, result: decoded };
+            } catch {
+              throw new Error('Invalid base64 string');
+            }
+          }
+          actions = ['copy', 'pin'];
+        } else if (normalized.startsWith('pin ')) {
+          const target = normalized.slice(4).trim();
+          if (!target) throw new Error('Nothing to pin');
+          setPinned((prev) => [target, ...prev.filter((x) => x !== target)].slice(0, 12));
+          setStatus(`Pinned: ${target}`);
+          return;
+        } else if (normalized.startsWith('unpin ')) {
+          const target = normalized.slice(6).trim();
+          setPinned((prev) => prev.filter((x) => x !== target));
+          setStatus(`Unpinned: ${target}`);
+          return;
+        } else {
+          throw new Error('Unknown command');
+        }
+      }
+
+      const record: HistoryRecord = {
+        id: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
+        input: raw,
+        normalized,
+        type,
+        label: resultLabel(type),
+        output,
+        actions,
+        createdAt: new Date().toISOString(),
+      };
+      setResult(record);
+      addHistory(record);
+      setStatus(`Ran ${record.label}`);
+      if (options.clearInput !== false) setInput('');
+      return record;
+    } catch (err) {
+      const error = err as Error;
+      const record: HistoryRecord = {
+        id: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
+        input: raw,
+        normalized,
+        type: 'error',
+        label: 'Error',
+        output: { message: error.message || 'Command failed' },
+        actions: [],
+        createdAt: new Date().toISOString(),
+      };
+      setResult(record);
+      addHistory(record);
+      setStatus(record.output.message as string);
+      return record;
+    }
+  }
+
+  function runSuggestion(text: string) {
+    setInput(text);
+    inputRef.current?.focus();
+    setIsPaletteOpen(false);
+    executeCommand(text);
+  }
+
+  async function runSpeedTest() {
+    // All three endpoints are from speed.cloudflare.com — CORS-enabled, no auth needed
+    const pingUrl = 'https://speed.cloudflare.com/__down?bytes=0';
+    const downloadUrl = 'https://speed.cloudflare.com/__down?bytes=5000000'; // 5 MB
+    const uploadUrl = '/api/upload-test';
+
+    setSpeedState({ running: true, dl: null, ul: null, ping: null, message: 'Testing ping…' });
+
+    let pingMs: string = '—';
+    let dlMbps: string = '—';
+    let ulMbps: string = '—';
+
+    try {
+      // Ping: 5 round trips to a 0-byte endpoint, drop the highest, average the rest
+      const pingTimes: number[] = [];
+      for (let i = 0; i < 5; i++) {
+        const t0 = performance.now();
+        await fetch(pingUrl, { cache: 'no-store' });
+        pingTimes.push(performance.now() - t0);
+      }
+      pingTimes.sort((a, b) => a - b);
+      const avg = pingTimes.slice(0, 4).reduce((s, v) => s + v, 0) / 4;
+      pingMs = avg.toFixed(0);
+      setSpeedState({ running: true, dl: null, ul: null, ping: pingMs, message: `Ping ${pingMs} ms — testing download…` });
+    } catch {
+      setSpeedState({ running: true, dl: null, ul: null, ping: '—', message: 'Ping failed — testing download…' });
+    }
+
+    try {
+      // Download: stream 5 MB from Cloudflare's speed test endpoint
+      const dlStart = performance.now();
+      const res = await fetch(downloadUrl, { cache: 'no-store' });
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      const reader = res.body?.getReader();
+      if (!reader) throw new Error('Streaming not supported');
+      let loaded = 0;
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        loaded += value.byteLength;
+      }
+      const dlSec = (performance.now() - dlStart) / 1000;
+      dlMbps = ((loaded * 8) / dlSec / 1_000_000).toFixed(2);
+      setSpeedState({ running: true, dl: dlMbps, ul: null, ping: pingMs, message: `↓ ${dlMbps} Mbps — testing upload…` });
+    } catch {
+      setSpeedState({ running: true, dl: '—', ul: null, ping: pingMs, message: 'Download failed — testing upload…' });
+    }
+
+    let ulError = '';
+    try {
+      // Upload: send JSON payloads (proxy-safe content type) across multiple rounds
+      // Each round sends a ~4 KB JSON body; 12 measured rounds = ~48 KB total
+      const payload = JSON.stringify({ d: Array.from({ length: 2000 }, () => Math.random().toString(36)).join('') });
+      const byteCount = new TextEncoder().encode(payload).byteLength;
+
+      // Warm-up round (not timed)
+      await fetch(uploadUrl, {
+        method: 'POST',
+        body: payload,
+        headers: { 'Content-Type': 'application/json' },
+      });
+
+      const ROUNDS = 12;
+      let totalBytes = 0;
+      const ulStart = performance.now();
+      for (let i = 0; i < ROUNDS; i++) {
+        const res = await fetch(uploadUrl, {
+          method: 'POST',
+          body: payload,
+          headers: { 'Content-Type': 'application/json' },
+        });
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        await res.json();
+        totalBytes += byteCount;
+      }
+      const ulSec = (performance.now() - ulStart) / 1000;
+      ulMbps = ((totalBytes * 8) / ulSec / 1_000_000).toFixed(2);
+    } catch (e) {
+      ulError = (e as Error).message;
+      ulMbps = '—';
+    }
+
+    if (ulError) {
+      setSpeedState({ running: false, dl: dlMbps, ul: '—', ping: pingMs, message: `Upload failed: ${ulError}` });
+    } else {
+      setSpeedState({ running: false, dl: dlMbps, ul: ulMbps, ping: pingMs, message: 'Test complete' });
+    }
+
+    const record: HistoryRecord = {
+      id: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
+      input: 'speed test',
+      normalized: 'speed test',
+      type: 'speed',
+      label: 'Speed test',
+      output: { downloadMbps: dlMbps, uploadMbps: ulMbps, pingMs, note: 'Browser-based estimate via Cloudflare speed test endpoints.' },
+      actions: ['copy', 'pin'],
+      createdAt: new Date().toISOString(),
+    };
+    setResult(record);
+    addHistory(record);
+    setStatus(`↓ ${dlMbps} Mbps  ↑ ${ulMbps} Mbps  ping ${pingMs} ms`);
+  }
+
+  async function runDnsLookup(domain: string, raw: string) {
+    setStatus(`Looking up ${domain}…`);
+    const t0 = performance.now();
+    try {
+      const [resA, resAAAA] = await Promise.all([
+        fetch(`https://cloudflare-dns.com/dns-query?name=${encodeURIComponent(domain)}&type=A`, {
+          headers: { Accept: 'application/dns-json' },
+        }),
+        fetch(`https://cloudflare-dns.com/dns-query?name=${encodeURIComponent(domain)}&type=AAAA`, {
+          headers: { Accept: 'application/dns-json' },
+        }),
+      ]);
+      const responseMs = Math.round(performance.now() - t0);
+      const [dataA, dataAAAA] = await Promise.all([resA.json() as Promise<DnsResponse>, resAAAA.json() as Promise<DnsResponse>]);
+      const ipv4 = (dataA.Answer ?? []).filter(r => r.type === 1).map(r => r.data);
+      const ipv6 = (dataAAAA.Answer ?? []).filter(r => r.type === 28).map(r => r.data);
+      const ttl = dataA.Answer?.[0]?.TTL ?? null;
+      const status = dataA.Status === 0 ? 'resolved' : `NXDOMAIN (${dataA.Status})`;
+      const record: HistoryRecord = {
+        id: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
+        input: raw,
+        normalized: normalize(raw),
+        type: 'dns',
+        label: 'DNS lookup',
+        output: { domain, ipv4, ipv6, ttl, responseMs, status },
+        actions: ['copy', 'pin'],
+        createdAt: new Date().toISOString(),
+      };
+      setResult(record);
+      addHistory(record);
+      setStatus(`${domain} → ${ipv4[0] ?? ipv6[0] ?? 'NXDOMAIN'} (${responseMs} ms)`);
+      setInput('');
+    } catch (err) {
+      const msg = (err as Error).message;
+      setStatus(`DNS lookup failed: ${msg}`);
+    }
+  }
+
+  async function runHash(text: string, raw: string) {
+    try {
+      const encoder = new TextEncoder();
+      const data = encoder.encode(text);
+      const [buf1, buf256, buf512] = await Promise.all([
+        crypto.subtle.digest('SHA-1', data),
+        crypto.subtle.digest('SHA-256', data),
+        crypto.subtle.digest('SHA-512', data),
+      ]);
+      const toHex = (buf: ArrayBuffer) => Array.from(new Uint8Array(buf)).map(b => b.toString(16).padStart(2, '0')).join('');
+      const record: HistoryRecord = {
+        id: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
+        input: raw,
+        normalized: normalize(raw),
+        type: 'hash',
+        label: 'Hash',
+        output: { text, sha1: toHex(buf1), sha256: toHex(buf256), sha512: toHex(buf512) },
+        actions: ['pin'],
+        createdAt: new Date().toISOString(),
+      };
+      setResult(record);
+      addHistory(record);
+      setStatus('Hashes computed');
+      setInput('');
+    } catch (err) {
+      setStatus(`Hash failed: ${(err as Error).message}`);
+    }
+  }
+
+  const suggestions = useMemo(() => commandSuggestions(input), [input]);
+
+  useEffect(() => { setSelectedSuggestion(0); }, [input]);
+
+  useEffect(() => {
+    const onKeyDown = (e: KeyboardEvent) => {
+      if (e.key === '/' && document.activeElement !== inputRef.current) {
+        e.preventDefault();
+        inputRef.current?.focus();
+      }
+      if (document.activeElement === inputRef.current) {
+        if (e.key === 'ArrowDown') {
+          e.preventDefault();
+          setSelectedSuggestion((prev) => Math.min(prev + 1, Math.max(suggestions.length - 1, 0)));
+        }
+        if (e.key === 'ArrowUp') {
+          e.preventDefault();
+          setSelectedSuggestion((prev) => Math.max(prev - 1, 0));
+        }
+        if (e.key === 'Tab') {
+          e.preventDefault();
+          if (suggestions[selectedSuggestion]) setInput(suggestions[selectedSuggestion]);
+        }
+        if (e.key === 'Escape') {
+          e.preventDefault();
+          setIsPaletteOpen(false);
+          return;
+        }
+        if (e.key === 'Enter') {
+          e.preventDefault();
+          const finalCommand = input || suggestions[selectedSuggestion];
+          const n = normalize(finalCommand);
+          const dnsDomain = parseDnsCommand(n);
+          const hashText = parseHashCommand(n);
+          if (n === 'speed test' || n === 'speed') runSpeedTest();
+          else if (dnsDomain) runDnsLookup(dnsDomain, finalCommand);
+          else if (hashText) runHash(hashText, finalCommand);
+          else executeCommand(finalCommand);
+          setIsPaletteOpen(false);
+        }
+      }
+    };
+    window.addEventListener('keydown', onKeyDown);
+    return () => window.removeEventListener('keydown', onKeyDown);
+  }, [input, suggestions, selectedSuggestion]);
+
+  return (
+    <div className="text-foreground">
+      <div className="mx-auto max-w-7xl px-4 py-6 lg:px-8">
+
+        {/* Sticky header */}
+        <header className="sticky top-4 z-20 mb-6 rounded-3xl border border-slate-800 bg-slate-900/90 px-4 py-3 shadow-2xl shadow-black/30 backdrop-blur-xl">
+          <div className="flex items-center gap-3">
+            <h1 className="text-base font-semibold tracking-tight shrink-0">Command Console</h1>
+            <div className="relative flex-1">
+              <input
+                ref={inputRef}
+                value={input}
+                onChange={(e) => { setInput(e.target.value); setIsPaletteOpen(true); }}
+                onFocus={() => setIsPaletteOpen(true)}
+                onBlur={() => setTimeout(() => setIsPaletteOpen(false), 120)}
+                onKeyDown={(e) => {
+                  if (e.key === 'Escape') { e.preventDefault(); setIsPaletteOpen(false); return; }
+                  if (e.key === 'Enter') {
+                    e.preventDefault();
+                    const n = normalize(input);
+                    const dnsDomain = parseDnsCommand(n);
+                    const hashText = parseHashCommand(n);
+                    if (n === 'speed test' || n === 'speed') runSpeedTest();
+                    else if (dnsDomain) runDnsLookup(dnsDomain, input);
+                    else if (hashText) runHash(hashText, input);
+                    else executeCommand(input);
+                    setIsPaletteOpen(false);
+                  }
+                }}
+                placeholder="100 usd to myr · password 20 · qr https://... · 16*24+10 · hash ..."
+                className="w-full rounded-xl border border-slate-700 bg-black/70 px-4 py-2.5 pr-10 text-sm outline-none transition placeholder:text-slate-500 focus:border-slate-400 focus:bg-slate-900"
+              />
+              <div className="pointer-events-none absolute inset-y-0 right-3 flex items-center text-xs text-slate-500">
+                <span>↵</span>
+              </div>
+
+              {isPaletteOpen && suggestions.length > 0 && (
+                <div className="absolute left-0 top-[calc(100%+12px)] z-30 w-full overflow-hidden rounded-2xl border border-slate-800 bg-slate-950/95 shadow-2xl shadow-black/50 backdrop-blur-xl">
+                  <div className="border-b border-slate-800 px-4 py-2 text-xs uppercase tracking-[0.2em] text-slate-500">
+                    Command palette
+                  </div>
+                  <div className="max-h-80 overflow-auto p-2">
+                    {suggestions.map((s, idx) => (
+                      <button
+                        key={s}
+                        onClick={() => runSuggestion(s)}
+                        className={`flex w-full items-center justify-between rounded-xl px-4 py-3 text-left transition ${idx === selectedSuggestion ? 'bg-slate-800 text-white' : 'text-slate-300 hover:bg-slate-800/50'}`}
+                      >
+                        <div className="flex flex-col">
+                          <span className="font-mono text-sm">{s}</span>
+                          <span className="mt-1 text-xs text-slate-500">{suggestionDescription(s)}</span>
+                        </div>
+                        <div className="rounded-lg border border-slate-700 px-2 py-1 text-[10px] text-slate-500">↵</div>
+                      </button>
+                    ))}
+                  </div>
+                </div>
+              )}
+            </div>
+
+            <button
+              onClick={() => {
+                const n = normalize(input);
+                const dnsDomain = parseDnsCommand(n);
+                const hashText = parseHashCommand(n);
+                if (n === 'speed test' || n === 'speed') runSpeedTest();
+                else if (dnsDomain) runDnsLookup(dnsDomain, input);
+                else if (hashText) runHash(hashText, input);
+                else executeCommand(input);
+              }}
+              className="shrink-0 rounded-xl bg-slate-100 px-4 py-2.5 text-sm font-medium text-slate-950 transition hover:bg-white"
+            >
+              Run
+            </button>
+            <button
+              onClick={() => setInput('')}
+              className="shrink-0 rounded-xl border border-slate-700 px-3 py-2.5 text-sm text-slate-400 transition hover:bg-slate-800 hover:text-white"
+            >
+              ✕
+            </button>
+          </div>
+        </header>
+
+        <main className="grid gap-6 lg:grid-cols-[1.25fr_0.75fr]">
+          <section className="space-y-6">
+
+            {/* Result panel */}
+            <div className="rounded-3xl border border-slate-800 bg-slate-900/70 p-5 shadow-xl shadow-black/10">
+              <div className="mb-4 flex items-center justify-between gap-3">
+                <div>
+                  <h2 className="text-lg font-semibold">Result</h2>
+                  <p className="text-sm text-slate-400">{status}</p>
+                </div>
+                {result && (
+                  <button
+                    onClick={() => copyText(typeof result.output === 'string' ? result.output : JSON.stringify(result.output, null, 2))}
+                    className="rounded-xl border border-slate-700 px-3 py-2 text-sm text-slate-200 hover:bg-slate-800"
+                  >
+                    Copy output
+                  </button>
+                )}
+              </div>
+
+              {!result && (
+                <div className="rounded-2xl border border-dashed border-slate-700 bg-slate-950/50 p-6 text-sm text-slate-400">
+                  Execute a command to see a structured result here.
+                </div>
+              )}
+
+              {result && (
+                <div className="space-y-4 rounded-2xl border border-slate-800 bg-slate-950/60 p-5">
+                  <div className="flex flex-wrap items-start justify-between gap-3">
+                    <div>
+                      <div className="text-xs uppercase tracking-[0.2em] text-slate-500">{result.label}</div>
+                      <div className="mt-1 text-xl font-semibold text-slate-100">{result.input}</div>
+                    </div>
+                    <div className="rounded-full border border-slate-700 px-3 py-1 text-xs text-slate-300">{result.type}</div>
+                  </div>
+
+                  {result.type === 'error' && (
+                    <div className="rounded-2xl border border-red-900/50 bg-red-950/30 p-4 text-sm text-red-400">
+                      {result.output.message as string}
+                    </div>
+                  )}
+
+                  {result.type === 'math' && (
+                    <div>
+                      <div className="text-sm text-slate-400">Answer</div>
+                      <div className="mt-1 text-3xl font-semibold">{result.output.formatted as string}</div>
+                    </div>
+                  )}
+
+                  {(result.type === 'unit' || result.type === 'currency') && (
+                    <div>
+                      <div className="text-sm text-slate-400">Converted</div>
+                      <div className="mt-1 text-3xl font-semibold">{result.output.formatted as string}</div>
+                      <div className="mt-2 text-sm text-slate-400">From {result.output.source as string}</div>
+                      {!!result.output.note && <div className="mt-1 text-xs text-slate-500">{result.output.note as string}</div>}
+                    </div>
+                  )}
+
+                  {result.type === 'password' && (
+                    <div className="space-y-3">
+                      <div>
+                        <div className="text-sm text-slate-400">Password</div>
+                        <div className="mt-1 break-all rounded-xl border border-slate-800 bg-slate-900 px-4 py-3 font-mono text-base">{result.output.password as string}</div>
+                      </div>
+                      <div className="text-sm text-slate-400">
+                        Strength score: {result.output.score as number}/6 · Mode: {result.output.mode as string} · Length: {result.output.length as number}
+                      </div>
+                    </div>
+                  )}
+
+                  {result.type === 'qr' && (
+                    <div className="grid gap-4 md:grid-cols-[auto_1fr] md:items-center">
+                      <div className="rounded-2xl border border-slate-800 bg-white p-3 inline-block">
+                        <QRCodeSVG value={result.output.value as string} size={176} />
+                      </div>
+                      <div>
+                        <div className="text-sm text-slate-400">Encoded value</div>
+                        <div className="mt-1 break-all rounded-xl border border-slate-800 bg-slate-900 px-4 py-3 text-sm">{result.output.value as string}</div>
+                      </div>
+                    </div>
+                  )}
+
+                  {result.type === 'speed' && (
+                    <div className="space-y-4">
+                      <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-4">
+                        <div className="text-sm text-slate-400">Speed test status</div>
+                        <div className="mt-1 text-lg text-slate-100">
+                          {speedState?.message ?? 'Run the test to see results'}
+                        </div>
+                        {speedState?.running && (
+                          <div className="mt-2 h-1 w-full overflow-hidden rounded-full bg-slate-800">
+                            <div className="h-full w-1/3 animate-pulse rounded-full bg-slate-400" />
+                          </div>
+                        )}
+                      </div>
+                      <div className="grid gap-3 md:grid-cols-3">
+                        {(() => {
+                          const dlVal = speedState?.dl ?? (result.output.downloadMbps as string | undefined) ?? null;
+                          const ulVal = speedState?.ul ?? (result.output.uploadMbps as string | undefined) ?? null;
+                          const pingVal = speedState?.ping ?? (result.output.pingMs as string | undefined) ?? null;
+                          const dlQ = dlVal && dlVal !== '—' ? downloadQuality(dlVal) : null;
+                          const ulQ = ulVal && ulVal !== '—' ? uploadQuality(ulVal) : null;
+                          const pingQ = pingVal && pingVal !== '—' ? pingQuality(pingVal) : null;
+                          return (
+                            <>
+                              <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-4">
+                                <div className="text-xs uppercase tracking-[0.2em] text-slate-500">Download</div>
+                                <div className="mt-1 text-2xl font-semibold">
+                                  {dlVal && dlVal !== '—' ? `${dlVal} Mbps` : '—'}
+                                </div>
+                                {dlQ && <div className={`mt-1 text-xs font-medium ${dlQ.color}`}>{dlQ.label}</div>}
+                              </div>
+                              <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-4">
+                                <div className="text-xs uppercase tracking-[0.2em] text-slate-500">Upload</div>
+                                <div className="mt-1 text-2xl font-semibold">
+                                  {ulVal && ulVal !== '—' ? `${ulVal} Mbps` : '—'}
+                                </div>
+                                {ulQ && <div className={`mt-1 text-xs font-medium ${ulQ.color}`}>{ulQ.label}</div>}
+                              </div>
+                              <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-4">
+                                <div className="text-xs uppercase tracking-[0.2em] text-slate-500">Ping</div>
+                                <div className="mt-1 text-2xl font-semibold">
+                                  {pingVal && pingVal !== '—' ? `${pingVal} ms` : '—'}
+                                </div>
+                                {pingQ && <div className={`mt-1 text-xs font-medium ${pingQ.color}`}>{pingQ.label}</div>}
+                              </div>
+                            </>
+                          );
+                        })()}
+                      </div>
+                      <button
+                        onClick={runSpeedTest}
+                        disabled={speedState?.running}
+                        className="rounded-2xl bg-slate-100 px-4 py-3 font-medium text-slate-950 transition hover:bg-white disabled:opacity-50 disabled:cursor-not-allowed"
+                      >
+                        {speedState?.running ? 'Running…' : 'Run speed test'}
+                      </button>
+                    </div>
+                  )}
+
+                  {result.type === 'timestamp' && (
+                    <div className="space-y-2">
+                      <div className="grid gap-2 sm:grid-cols-2">
+                        <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
+                          <div className="text-xs uppercase tracking-[0.2em] text-slate-500">Unix (seconds)</div>
+                          <div className="mt-1 flex items-center justify-between gap-2">
+                            <span className="font-mono text-lg text-slate-100">{result.output.unix as number}</span>
+                            <button onClick={() => { copyText(String(result.output.unix)); setStatus('Copied'); }} className="rounded-lg px-2 py-0.5 text-xs text-slate-400 hover:bg-slate-700 hover:text-white transition">copy</button>
+                          </div>
+                        </div>
+                        <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
+                          <div className="text-xs uppercase tracking-[0.2em] text-slate-500">Unix (ms)</div>
+                          <div className="mt-1 flex items-center justify-between gap-2">
+                            <span className="font-mono text-lg text-slate-100">{result.output.unixMs as number}</span>
+                            <button onClick={() => { copyText(String(result.output.unixMs)); setStatus('Copied'); }} className="rounded-lg px-2 py-0.5 text-xs text-slate-400 hover:bg-slate-700 hover:text-white transition">copy</button>
+                          </div>
+                        </div>
+                      </div>
+                      {[
+                        { label: 'ISO 8601', key: 'iso' },
+                        { label: 'UTC', key: 'utc' },
+                        { label: 'Local', key: 'local' },
+                      ].map(({ label, key }) => (
+                        <div key={key} className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
+                          <div className="flex items-center justify-between gap-2">
+                            <span className="text-xs uppercase tracking-[0.2em] text-slate-500">{label}</span>
+                            <button onClick={() => { copyText(result.output[key] as string); setStatus('Copied'); }} className="rounded-lg px-2 py-0.5 text-xs text-slate-400 hover:bg-slate-700 hover:text-white transition">copy</button>
+                          </div>
+                          <div className="mt-1 font-mono text-sm text-slate-100">{result.output[key] as string}</div>
+                        </div>
+                      ))}
+                    </div>
+                  )}
+
+                  {result.type === 'hash' && (
+                    <div className="space-y-2">
+                      {(['sha1', 'sha256', 'sha512'] as const).map((algo) => (
+                        <div key={algo} className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
+                          <div className="flex items-center justify-between gap-2">
+                            <div className="text-xs uppercase tracking-[0.2em] text-slate-500">
+                              {algo === 'sha1' ? 'SHA-1' : algo === 'sha256' ? 'SHA-256' : 'SHA-512'}
+                            </div>
+                            <button
+                              onClick={() => { copyText(result.output[algo] as string); setStatus('Copied'); }}
+                              className="rounded-lg px-2 py-0.5 text-xs text-slate-400 hover:bg-slate-700 hover:text-white transition"
+                            >copy</button>
+                          </div>
+                          <div className="mt-1 break-all font-mono text-xs text-slate-100">{result.output[algo] as string}</div>
+                        </div>
+                      ))}
+                    </div>
+                  )}
+
+                  {result.type === 'base64' && (
+                    <div className="space-y-3">
+                      <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-4">
+                        <div className="text-xs uppercase tracking-[0.2em] text-slate-500">
+                          {result.output.op === 'encode' ? 'Encoded' : 'Decoded'}
+                        </div>
+                        <div className="mt-2 break-all font-mono text-sm text-slate-100">{result.output.result as string}</div>
+                      </div>
+                      <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
+                        <span className="text-xs text-slate-500">Input  </span>
+                        <span className="break-all font-mono text-sm text-slate-400">{result.output.input as string}</span>
+                      </div>
+                    </div>
+                  )}
+
+                  {result.type === 'dns' && (
+                    <div className="space-y-3">
+                      <div className="grid gap-3 sm:grid-cols-2">
+                        <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-4">
+                          <div className="text-xs uppercase tracking-[0.2em] text-slate-500">IPv4 (A records)</div>
+                          {(result.output.ipv4 as string[]).length === 0
+                            ? <div className="mt-2 text-sm text-slate-400">No A records</div>
+                            : (result.output.ipv4 as string[]).map((ip) => (
+                              <div key={ip} className="mt-2 font-mono text-sm text-slate-100">{ip}</div>
+                            ))
+                          }
+                        </div>
+                        <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-4">
+                          <div className="text-xs uppercase tracking-[0.2em] text-slate-500">IPv6 (AAAA records)</div>
+                          {(result.output.ipv6 as string[]).length === 0
+                            ? <div className="mt-2 text-sm text-slate-400">No AAAA records</div>
+                            : (result.output.ipv6 as string[]).map((ip) => (
+                              <div key={ip} className="mt-2 break-all font-mono text-sm text-slate-100">{ip}</div>
+                            ))
+                          }
+                        </div>
+                      </div>
+                      <div className="flex flex-wrap gap-3">
+                        <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
+                          <span className="text-xs text-slate-500">Response time </span>
+                          <span className="font-mono text-sm text-slate-100">{result.output.responseMs as number} ms</span>
+                        </div>
+                        {result.output.ttl !== null && (
+                          <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
+                            <span className="text-xs text-slate-500">TTL </span>
+                            <span className="font-mono text-sm text-slate-100">{result.output.ttl as number} s</span>
+                          </div>
+                        )}
+                        <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
+                          <span className="text-xs text-slate-500">Status </span>
+                          <span className={`font-mono text-sm ${result.output.status === 'resolved' ? 'text-green-400' : 'text-red-400'}`}>{result.output.status as string}</span>
+                        </div>
+                      </div>
+                    </div>
+                  )}
+
+                  <div className="flex flex-wrap gap-2 pt-2">
+                    {result.actions.map((a) => (
+                      <button
+                        key={a}
+                        onClick={() => {
+                          if (a === 'copy') {
+                            const copyValue =
+                              result.type === 'password' ? result.output.password as string
+                              : result.type === 'qr' ? result.output.value as string
+                              : result.type === 'dns' ? (result.output.ipv4 as string[]).concat(result.output.ipv6 as string[]).join('\n')
+                              : result.type === 'base64' ? result.output.result as string
+                              : (result.output.formatted as string) || JSON.stringify(result.output, null, 2);
+                            copyText(copyValue);
+                            setStatus('Copied to clipboard');
+                          }
+                          if (a === 'pin') {
+                            setPinned((prev) => [result.input, ...prev.filter((x) => x !== result.input)].slice(0, 12));
+                            setStatus('Pinned command');
+                          }
+                        }}
+                        className="rounded-full border border-slate-700 px-3 py-1.5 text-sm text-slate-200 hover:bg-slate-800"
+                      >
+                        {a}
+                      </button>
+                    ))}
+                  </div>
+                </div>
+              )}
+            </div>
+
+            {/* Pinned + Settings */}
+            <div className="grid gap-6 md:grid-cols-2">
+              <div className="rounded-3xl border border-slate-800 bg-slate-900/70 p-5 shadow-xl shadow-black/10">
+                <div className="mb-4 flex items-center justify-between">
+                  <h3 className="text-lg font-semibold">Pinned shortcuts</h3>
+                  <span className="text-xs text-slate-500">{pinned.length}/12</span>
+                </div>
+                {pinned.length === 0 ? (
+                  <div className="rounded-2xl border border-dashed border-slate-700 bg-slate-950/50 p-4 text-sm text-slate-400">
+                    Pin commands from results or use <span className="font-mono text-slate-300">pin [command]</span>
+                  </div>
+                ) : (
+                  <div className="space-y-2">
+                    {pinned.map((item) => (
+                      <div key={item} className="flex items-center justify-between gap-2 rounded-2xl border border-slate-800 bg-slate-950/50 px-4 py-3">
+                        <button className="text-left text-sm text-slate-200 hover:text-white" onClick={() => runSuggestion(item)}>
+                          {item}
+                        </button>
+                        <button
+                          onClick={() => setPinned((prev) => prev.filter((x) => x !== item))}
+                          className="rounded-full border border-slate-700 px-2.5 py-1 text-xs text-slate-400 hover:bg-slate-800"
+                        >
+                          remove
+                        </button>
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </div>
+
+              <div className="rounded-3xl border border-slate-800 bg-slate-900/70 p-5 shadow-xl shadow-black/10">
+                <div className="mb-4 flex items-center justify-between">
+                  <h3 className="text-lg font-semibold">Settings</h3>
+                  <span className="text-xs text-slate-500">Stored locally</span>
+                </div>
+                <div className="grid gap-3">
+                  <label className="grid gap-1 text-sm text-slate-300">
+                    Default password length
+                    <input
+                      type="number"
+                      value={prefs.passwordLength}
+                      onChange={(e) => setPrefs((p) => ({ ...p, passwordLength: Number(e.target.value || 16) }))}
+                      className="rounded-xl border border-slate-700 bg-slate-950 px-3 py-2 outline-none focus:border-slate-500"
+                    />
+                  </label>
+                  <label className="grid gap-1 text-sm text-slate-300">
+                    Default password mode
+                    <select
+                      value={prefs.passwordMode}
+                      onChange={(e) => setPrefs((p) => ({ ...p, passwordMode: e.target.value }))}
+                      className="rounded-xl border border-slate-700 bg-slate-950 px-3 py-2 outline-none focus:border-slate-500"
+                    >
+                      <option value="weak">weak</option>
+                      <option value="medium">medium</option>
+                      <option value="strong">strong</option>
+                    </select>
+                  </label>
+                  <div className="text-sm text-slate-400">
+                    Tip: use <span className="font-mono text-slate-200">gen password</span>, <span className="font-mono text-slate-200">qr ...</span>, <span className="font-mono text-slate-200">100 usd to myr</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </section>
+
+          <aside className="space-y-6">
+            {/* Examples */}
+            <div className="rounded-3xl border border-slate-800 bg-slate-900/70 p-5 shadow-xl shadow-black/10">
+              <h3 className="text-lg font-semibold">Examples</h3>
+              <div className="mt-4 space-y-2">
+                {COMMAND_EXAMPLES.map((cmd) => (
+                  <button
+                    key={cmd}
+                    onClick={() => runSuggestion(cmd)}
+                    className="flex w-full items-center justify-between rounded-2xl border border-slate-800 bg-slate-950/50 px-4 py-3 text-left text-sm text-slate-300 hover:bg-slate-800"
+                  >
+                    <span className="font-mono">{cmd}</span>
+                    <span className="text-xs text-slate-500">run</span>
+                  </button>
+                ))}
+              </div>
+            </div>
+
+            {/* Recent history */}
+            <div className="rounded-3xl border border-slate-800 bg-slate-900/70 p-5 shadow-xl shadow-black/10">
+              <div className="mb-4 flex items-center justify-between">
+                <h3 className="text-lg font-semibold">Recent history</h3>
+                <button
+                  onClick={() => setHistory([])}
+                  className="rounded-full border border-slate-700 px-3 py-1 text-xs text-slate-400 hover:bg-slate-800"
+                >
+                  clear
+                </button>
+              </div>
+              {history.length === 0 ? (
+                <div className="rounded-2xl border border-dashed border-slate-700 bg-slate-950/50 p-4 text-sm text-slate-400">No commands yet.</div>
+              ) : (
+                <div className="max-h-[520px] space-y-2 overflow-auto pr-1">
+                  {history.map((item) => (
+                    <button
+                      key={item.id}
+                      onClick={() => setResult(item)}
+                      className="block w-full rounded-2xl border border-slate-800 bg-slate-950/50 px-4 py-3 text-left hover:bg-slate-800"
+                    >
+                      <div className="flex items-center justify-between gap-3">
+                        <div className="text-sm font-medium text-slate-200">{item.input}</div>
+                        <div className="text-xs text-slate-500">{item.type}</div>
+                      </div>
+                      <div className="mt-1 text-xs text-slate-500">{new Date(item.createdAt).toLocaleString()}</div>
+                    </button>
+                  ))}
+                </div>
+              )}
+            </div>
+
+            {/* Notes */}
+            <div className="rounded-3xl border border-slate-800 bg-slate-900/70 p-5 shadow-xl shadow-black/10">
+              <h3 className="text-lg font-semibold">Notes</h3>
+              <ul className="mt-4 space-y-3 text-sm text-slate-400">
+                <li>QR generation uses the built-in qrcode.react library — works offline.</li>
+                <li>Currency conversion is manual/static here. Replace it with a real rate source if you need live FX.</li>
+                <li>Speed test downloads a public library file via CDN. For production, use your own test file or backend endpoint.</li>
+              </ul>
+            </div>
+          </aside>
+        </main>
+      </div>
+    </div>
+  );
+}
diff --git a/artifacts/personal-tool-console/src/pages/not-found.tsx b/artifacts/personal-tool-console/src/pages/not-found.tsx
index dba9f83..0f14ff2 100644
--- a/artifacts/personal-tool-console/src/pages/not-found.tsx
+++ b/artifacts/personal-tool-console/src/pages/not-found.tsx
@@ -1,21 +1,34 @@
-import { Card, CardContent } from "@/components/ui/card";
-import { AlertCircle } from "lucide-react";
+import { Link } from "wouter";
+import { AlertCircle, TerminalSquare } from "lucide-react";
+import { usePageTitle } from "@/hooks/use-page-title";
 
 export default function NotFound() {
+  usePageTitle("Page not found");
   return (
-    <div className="min-h-screen w-full flex items-center justify-center bg-gray-50">
-      <Card className="w-full max-w-md mx-4">
-        <CardContent className="pt-6">
-          <div className="flex mb-4 gap-2">
-            <AlertCircle className="h-8 w-8 text-red-500" />
-            <h1 className="text-2xl font-bold text-gray-900">404 Page Not Found</h1>
-          </div>
-
-          <p className="mt-4 text-sm text-gray-600">
-            Did you forget to add the page to the router?
-          </p>
-        </CardContent>
-      </Card>
+    <div className="mx-auto flex max-w-2xl flex-col items-center px-4 py-24 text-center lg:px-8">
+      <span className="grid h-14 w-14 place-items-center rounded-2xl bg-destructive/10 text-destructive">
+        <AlertCircle className="h-7 w-7" />
+      </span>
+      <p className="mt-6 text-xs font-medium uppercase tracking-widest text-muted-foreground">Error 404</p>
+      <h1 className="mt-2 text-2xl font-bold tracking-tight sm:text-3xl">That page doesn’t exist</h1>
+      <p className="mt-3 max-w-md text-sm text-muted-foreground">
+        The link may be broken, or the page may have moved. Start from the catalog, or run a command in the console.
+      </p>
+      <div className="mt-8 flex flex-wrap items-center justify-center gap-3">
+        <Link
+          href="/"
+          className="rounded-xl border border-border bg-card/60 px-4 py-2 text-sm font-medium transition-colors hover:bg-card"
+        >
+          Browse the catalog
+        </Link>
+        <Link
+          href="/console"
+          className="inline-flex items-center gap-2 rounded-xl border border-border bg-card/60 px-4 py-2 text-sm font-medium transition-colors hover:bg-card"
+        >
+          <TerminalSquare className="h-4 w-4 text-primary" />
+          Open the console
+        </Link>
+      </div>
     </div>
   );
-}
+}
\ No newline at end of file
diff --git a/artifacts/personal-tool-console/src/pages/tool-page.tsx b/artifacts/personal-tool-console/src/pages/tool-page.tsx
new file mode 100644
index 0000000..c418393
--- /dev/null
+++ b/artifacts/personal-tool-console/src/pages/tool-page.tsx
@@ -0,0 +1,75 @@
+import { Suspense, useEffect, useMemo } from "react";
+import { Link, useParams } from "wouter";
+import { toast } from "sonner";
+import { getToolDefinition, TOOL_CATEGORIES, getToolsByCategory } from "@/lib/tool-registry";
+import { trackRecentTool } from "@/lib/storage";
+import { usePageTitle } from "@/hooks/use-page-title";
+import { ToolPageLayout } from "@/components/layout/tool-page-layout";
+import ComingSoon from "@/components/tools/shared/coming-soon";
+import { Skeleton } from "@/components/ui/skeleton";
+
+export default function ToolPage() {
+  const params = useParams<{ slug: string }>();
+  const slug = params?.slug ?? "";
+  const tool = useMemo(() => getToolDefinition(slug), [slug]);
+
+  useEffect(() => {
+    if (tool && tool.status === "ready") trackRecentTool(tool.slug);
+  }, [tool]);
+
+  usePageTitle(tool?.name);
+
+  if (!tool) {
+    return (
+      <div className="mx-auto max-w-7xl px-4 py-24 text-center lg:px-8">
+        <p className="text-xs font-medium uppercase tracking-widest text-muted-foreground">404</p>
+        <h1 className="mt-2 text-2xl font-bold tracking-tight">Tool not found</h1>
+        <p className="mx-auto mt-2 max-w-md text-sm text-muted-foreground">
+          “{slug}” isn’t in the toolbox. Check the URL, or browse the catalog to find what you need.
+        </p>
+        <Link
+          href="/"
+          className="mt-6 inline-block rounded-xl border border-border bg-card/60 px-4 py-2 text-sm font-medium transition-colors hover:bg-card"
+        >
+          Back to catalog
+        </Link>
+      </div>
+    );
+  }
+
+  const category = TOOL_CATEGORIES[tool.category];
+  const related = getToolsByCategory(tool.category)
+    .filter((t) => t.slug !== tool.slug && t.status === "ready")
+    .slice(0, 6);
+
+  const body =
+    tool.status === "coming-soon" || !tool.component ? (
+      <ComingSoon tool={tool} />
+    ) : (
+      <Suspense
+        fallback={
+          <div className="space-y-6">
+            <Skeleton className="h-8 w-64" />
+            <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
+              <Skeleton className="h-32" />
+              <Skeleton className="h-32" />
+              <Skeleton className="h-32" />
+            </div>
+          </div>
+        }
+      >
+        <tool.component tool={tool} />
+      </Suspense>
+    );
+
+  return (
+    <ToolPageLayout
+      tool={tool}
+      category={category}
+      related={related}
+      onCopyCommand={() => toast("Command copied")}
+    >
+      {body}
+    </ToolPageLayout>
+  );
+}
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 194894a..bfdcb53 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: "9.0"
+lockfileVersion: '9.0'
 
 settings:
   autoInstallPeers: false
@@ -6,31 +6,31 @@ settings:
 
 catalogs:
   default:
-    "@replit/vite-plugin-cartographer":
+    '@replit/vite-plugin-cartographer':
       specifier: ^0.5.1
       version: 0.5.1
-    "@replit/vite-plugin-dev-banner":
+    '@replit/vite-plugin-dev-banner':
       specifier: ^0.1.1
       version: 0.1.2
-    "@replit/vite-plugin-runtime-error-modal":
+    '@replit/vite-plugin-runtime-error-modal':
       specifier: ^0.0.6
       version: 0.0.6
-    "@tailwindcss/vite":
+    '@tailwindcss/vite':
       specifier: ^4.1.14
       version: 4.2.1
-    "@tanstack/react-query":
+    '@tanstack/react-query':
       specifier: ^5.90.21
       version: 5.90.21
-    "@types/node":
+    '@types/node':
       specifier: ^25.3.3
       version: 25.3.5
-    "@types/react":
+    '@types/react':
       specifier: ^19.2.0
       version: 19.2.14
-    "@types/react-dom":
+    '@types/react-dom':
       specifier: ^19.2.0
       version: 19.2.3
-    "@vitejs/plugin-react":
+    '@vitejs/plugin-react':
       specifier: ^5.0.4
       version: 5.1.4
     class-variance-authority:
@@ -71,89 +71,91 @@ catalogs:
       version: 3.25.76
 
 overrides:
-  esbuild>@esbuild/darwin-arm64: "-"
-  esbuild>@esbuild/darwin-x64: "-"
-  esbuild>@esbuild/freebsd-arm64: "-"
-  esbuild>@esbuild/freebsd-x64: "-"
-  esbuild>@esbuild/linux-arm: "-"
-  esbuild>@esbuild/linux-arm64: "-"
-  esbuild>@esbuild/linux-ia32: "-"
-  esbuild>@esbuild/linux-loong64: "-"
-  esbuild>@esbuild/linux-mips64el: "-"
-  esbuild>@esbuild/linux-ppc64: "-"
-  esbuild>@esbuild/linux-riscv64: "-"
-  esbuild>@esbuild/linux-s390x: "-"
-  esbuild>@esbuild/netbsd-arm64: "-"
-  esbuild>@esbuild/netbsd-x64: "-"
-  esbuild>@esbuild/openbsd-arm64: "-"
-  esbuild>@esbuild/openbsd-x64: "-"
-  esbuild>@esbuild/sunos-x64: "-"
-  esbuild>@esbuild/win32-arm64: "-"
-  esbuild>@esbuild/win32-ia32: "-"
-  esbuild>@esbuild/win32-x64: "-"
-  esbuild>@esbuild/aix-ppc64: "-"
-  esbuild>@esbuild/android-arm: "-"
-  esbuild>@esbuild/android-arm64: "-"
-  esbuild>@esbuild/android-x64: "-"
-  esbuild>@esbuild/openharmony-arm64: "-"
-  lightningcss>lightningcss-android-arm64: "-"
-  lightningcss>lightningcss-darwin-arm64: "-"
-  lightningcss>lightningcss-darwin-x64: "-"
-  lightningcss>lightningcss-freebsd-x64: "-"
-  lightningcss>lightningcss-linux-arm-gnueabihf: "-"
-  lightningcss>lightningcss-linux-arm64-gnu: "-"
-  lightningcss>lightningcss-linux-arm64-musl: "-"
-  lightningcss>lightningcss-linux-x64-musl: "-"
-  lightningcss>lightningcss-win32-arm64-msvc: "-"
-  lightningcss>lightningcss-win32-x64-msvc: "-"
-  "@tailwindcss/oxide>@tailwindcss/oxide-android-arm64": "-"
-  "@tailwindcss/oxide>@tailwindcss/oxide-darwin-arm64": "-"
-  "@tailwindcss/oxide>@tailwindcss/oxide-darwin-x64": "-"
-  "@tailwindcss/oxide>@tailwindcss/oxide-freebsd-x64": "-"
-  "@tailwindcss/oxide>@tailwindcss/oxide-linux-arm-gnueabihf": "-"
-  "@tailwindcss/oxide>@tailwindcss/oxide-linux-arm64-gnu": "-"
-  "@tailwindcss/oxide>@tailwindcss/oxide-linux-arm64-musl": "-"
-  "@tailwindcss/oxide>@tailwindcss/oxide-win32-arm64-msvc": "-"
-  "@tailwindcss/oxide>@tailwindcss/oxide-win32-x64-msvc": "-"
-  "@tailwindcss/oxide>@tailwindcss/oxide-linux-x64-musl": "-"
-  rollup>@rollup/rollup-android-arm-eabi: "-"
-  rollup>@rollup/rollup-android-arm64: "-"
-  rollup>@rollup/rollup-darwin-arm64: "-"
-  rollup>@rollup/rollup-darwin-x64: "-"
-  rollup>@rollup/rollup-freebsd-arm64: "-"
-  rollup>@rollup/rollup-freebsd-x64: "-"
-  rollup>@rollup/rollup-linux-arm-gnueabihf: "-"
-  rollup>@rollup/rollup-linux-arm-musleabihf: "-"
-  rollup>@rollup/rollup-linux-arm64-gnu: "-"
-  rollup>@rollup/rollup-linux-arm64-musl: "-"
-  rollup>@rollup/rollup-linux-loong64-gnu: "-"
-  rollup>@rollup/rollup-linux-loong64-musl: "-"
-  rollup>@rollup/rollup-linux-ppc64-gnu: "-"
-  rollup>@rollup/rollup-linux-ppc64-musl: "-"
-  rollup>@rollup/rollup-linux-riscv64-gnu: "-"
-  rollup>@rollup/rollup-linux-riscv64-musl: "-"
-  rollup>@rollup/rollup-linux-s390x-gnu: "-"
-  rollup>@rollup/rollup-linux-x64-musl: "-"
-  rollup>@rollup/rollup-openbsd-x64: "-"
-  rollup>@rollup/rollup-openharmony-arm64: "-"
-  rollup>@rollup/rollup-win32-arm64-msvc: "-"
-  rollup>@rollup/rollup-win32-ia32-msvc: "-"
-  rollup>@rollup/rollup-win32-x64-gnu: "-"
-  rollup>@rollup/rollup-win32-x64-msvc: "-"
-  "@expo/ngrok-bin>@expo/ngrok-bin-darwin-arm64": "-"
-  "@expo/ngrok-bin>@expo/ngrok-bin-darwin-x64": "-"
-  "@expo/ngrok-bin>@expo/ngrok-bin-freebsd-ia32": "-"
-  "@expo/ngrok-bin>@expo/ngrok-bin-freebsd-x64": "-"
-  "@expo/ngrok-bin>@expo/ngrok-bin-linux-arm64": "-"
-  "@expo/ngrok-bin>@expo/ngrok-bin-linux-arm": "-"
-  "@expo/ngrok-bin>@expo/ngrok-bin-linux-ia32": "-"
-  "@expo/ngrok-bin>@expo/ngrok-bin-sunos-x64": "-"
-  "@expo/ngrok-bin>@expo/ngrok-bin-win32-ia32": "-"
-  "@expo/ngrok-bin>@expo/ngrok-bin-win32-x64": "-"
-  "@esbuild-kit/esm-loader": npm:tsx@^4.21.0
+  esbuild>@esbuild/darwin-arm64: '-'
+  esbuild>@esbuild/darwin-x64: '-'
+  esbuild>@esbuild/freebsd-arm64: '-'
+  esbuild>@esbuild/freebsd-x64: '-'
+  esbuild>@esbuild/linux-arm: '-'
+  esbuild>@esbuild/linux-arm64: '-'
+  esbuild>@esbuild/linux-ia32: '-'
+  esbuild>@esbuild/linux-loong64: '-'
+  esbuild>@esbuild/linux-mips64el: '-'
+  esbuild>@esbuild/linux-ppc64: '-'
+  esbuild>@esbuild/linux-riscv64: '-'
+  esbuild>@esbuild/linux-s390x: '-'
+  esbuild>@esbuild/netbsd-arm64: '-'
+  esbuild>@esbuild/netbsd-x64: '-'
+  esbuild>@esbuild/openbsd-arm64: '-'
+  esbuild>@esbuild/openbsd-x64: '-'
+  esbuild>@esbuild/sunos-x64: '-'
+  esbuild>@esbuild/win32-arm64: '-'
+  esbuild>@esbuild/win32-ia32: '-'
+  esbuild>@esbuild/aix-ppc64: '-'
+  esbuild>@esbuild/android-arm: '-'
+  esbuild>@esbuild/android-arm64: '-'
+  esbuild>@esbuild/android-x64: '-'
+  esbuild>@esbuild/openharmony-arm64: '-'
+  lightningcss>lightningcss-android-arm64: '-'
+  lightningcss>lightningcss-darwin-arm64: '-'
+  lightningcss>lightningcss-darwin-x64: '-'
+  lightningcss>lightningcss-freebsd-x64: '-'
+  lightningcss>lightningcss-linux-arm-gnueabihf: '-'
+  lightningcss>lightningcss-linux-arm64-gnu: '-'
+  lightningcss>lightningcss-linux-arm64-musl: '-'
+  lightningcss>lightningcss-linux-x64-musl: '-'
+  lightningcss>lightningcss-win32-arm64-msvc: '-'
+  '@tailwindcss/oxide>@tailwindcss/oxide-android-arm64': '-'
+  '@tailwindcss/oxide>@tailwindcss/oxide-darwin-arm64': '-'
+  '@tailwindcss/oxide>@tailwindcss/oxide-darwin-x64': '-'
+  '@tailwindcss/oxide>@tailwindcss/oxide-freebsd-x64': '-'
+  '@tailwindcss/oxide>@tailwindcss/oxide-linux-arm-gnueabihf': '-'
+  '@tailwindcss/oxide>@tailwindcss/oxide-linux-arm64-gnu': '-'
+  '@tailwindcss/oxide>@tailwindcss/oxide-linux-arm64-musl': '-'
+  '@tailwindcss/oxide>@tailwindcss/oxide-win32-arm64-msvc': '-'
+  '@tailwindcss/oxide>@tailwindcss/oxide-linux-x64-musl': '-'
+  rollup>@rollup/rollup-android-arm-eabi: '-'
+  rollup>@rollup/rollup-android-arm64: '-'
+  rollup>@rollup/rollup-darwin-arm64: '-'
+  rollup>@rollup/rollup-darwin-x64: '-'
+  rollup>@rollup/rollup-freebsd-arm64: '-'
+  rollup>@rollup/rollup-freebsd-x64: '-'
+  rollup>@rollup/rollup-linux-arm-gnueabihf: '-'
+  rollup>@rollup/rollup-linux-arm-musleabihf: '-'
+  rollup>@rollup/rollup-linux-arm64-gnu: '-'
+  rollup>@rollup/rollup-linux-arm64-musl: '-'
+  rollup>@rollup/rollup-linux-loong64-gnu: '-'
+  rollup>@rollup/rollup-linux-loong64-musl: '-'
+  rollup>@rollup/rollup-linux-ppc64-gnu: '-'
+  rollup>@rollup/rollup-linux-ppc64-musl: '-'
+  rollup>@rollup/rollup-linux-riscv64-gnu: '-'
+  rollup>@rollup/rollup-linux-riscv64-musl: '-'
+  rollup>@rollup/rollup-linux-s390x-gnu: '-'
+  rollup>@rollup/rollup-linux-x64-musl: '-'
+  rollup>@rollup/rollup-openbsd-x64: '-'
+  rollup>@rollup/rollup-openharmony-arm64: '-'
+  rollup>@rollup/rollup-win32-arm64-msvc: '-'
+  rollup>@rollup/rollup-win32-ia32-msvc: '-'
+  rollup>@rollup/rollup-win32-x64-gnu: '-'
+  '@expo/ngrok-bin>@expo/ngrok-bin-darwin-arm64': '-'
+  '@expo/ngrok-bin>@expo/ngrok-bin-darwin-x64': '-'
+  '@expo/ngrok-bin>@expo/ngrok-bin-freebsd-ia32': '-'
+  '@expo/ngrok-bin>@expo/ngrok-bin-freebsd-x64': '-'
+  '@expo/ngrok-bin>@expo/ngrok-bin-linux-arm64': '-'
+  '@expo/ngrok-bin>@expo/ngrok-bin-linux-arm': '-'
+  '@expo/ngrok-bin>@expo/ngrok-bin-linux-ia32': '-'
+  '@expo/ngrok-bin>@expo/ngrok-bin-sunos-x64': '-'
+  '@expo/ngrok-bin>@expo/ngrok-bin-win32-ia32': '-'
+  '@expo/ngrok-bin>@expo/ngrok-bin-win32-x64': '-'
+  '@esbuild-kit/esm-loader': npm:tsx@^4.21.0
   esbuild: 0.27.3
+  picomatch@<2.3.2: ^2.3.2
+  picomatch@>=4.0.0 <4.0.4: ^4.0.4
+  path-to-regexp@>=8.0.0 <8.4.0: ^8.4.2
+  fast-uri@<3.1.2: ^3.1.2
+  lodash@>=4.0.0 <=4.17.23: ^4.18.1
 
 importers:
+
   .:
     devDependencies:
       prettier:
@@ -165,10 +167,10 @@ importers:
 
   artifacts/api-server:
     dependencies:
-      "@workspace/api-zod":
+      '@workspace/api-zod':
         specifier: workspace:*
         version: link:../../lib/api-zod
-      "@workspace/db":
+      '@workspace/db':
         specifier: workspace:*
         version: link:../../lib/db
       cookie-parser:
@@ -178,7 +180,7 @@ importers:
         specifier: ^2
         version: 2.8.6
       drizzle-orm:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 0.45.2(@types/pg@8.18.0)(pg@8.20.0)
       express:
         specifier: ^5
@@ -190,17 +192,17 @@ importers:
         specifier: ^10
         version: 10.5.0
     devDependencies:
-      "@types/cookie-parser":
+      '@types/cookie-parser':
         specifier: ^1.4.10
         version: 1.4.10(@types/express@5.0.6)
-      "@types/cors":
+      '@types/cors':
         specifier: ^2.8.19
         version: 2.8.19
-      "@types/express":
+      '@types/express':
         specifier: ^5.0.6
         version: 5.0.6
-      "@types/node":
-        specifier: "catalog:"
+      '@types/node':
+        specifier: 'catalog:'
         version: 25.3.5
       esbuild:
         specifier: 0.27.3
@@ -217,119 +219,119 @@ importers:
 
   artifacts/mockup-sandbox:
     devDependencies:
-      "@hookform/resolvers":
+      '@hookform/resolvers':
         specifier: ^3.10.0
         version: 3.10.0(react-hook-form@7.71.2(react@19.1.0))
-      "@radix-ui/react-accordion":
+      '@radix-ui/react-accordion':
         specifier: ^1.2.12
         version: 1.2.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-alert-dialog":
+      '@radix-ui/react-alert-dialog':
         specifier: ^1.1.15
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-aspect-ratio":
+      '@radix-ui/react-aspect-ratio':
         specifier: ^1.1.8
         version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-avatar":
+      '@radix-ui/react-avatar':
         specifier: ^1.1.11
         version: 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-checkbox":
+      '@radix-ui/react-checkbox':
         specifier: ^1.3.3
         version: 1.3.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-collapsible":
+      '@radix-ui/react-collapsible':
         specifier: ^1.1.12
         version: 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-context-menu":
+      '@radix-ui/react-context-menu':
         specifier: ^2.2.16
         version: 2.2.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-dialog":
+      '@radix-ui/react-dialog':
         specifier: ^1.1.15
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-dropdown-menu":
+      '@radix-ui/react-dropdown-menu':
         specifier: ^2.1.16
         version: 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-hover-card":
+      '@radix-ui/react-hover-card':
         specifier: ^1.1.15
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-label":
+      '@radix-ui/react-label':
         specifier: ^2.1.8
         version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-menubar":
+      '@radix-ui/react-menubar':
         specifier: ^1.1.16
         version: 1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-navigation-menu":
+      '@radix-ui/react-navigation-menu':
         specifier: ^1.2.14
         version: 1.2.14(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-popover":
+      '@radix-ui/react-popover':
         specifier: ^1.1.15
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-progress":
+      '@radix-ui/react-progress':
         specifier: ^1.1.8
         version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-radio-group":
+      '@radix-ui/react-radio-group':
         specifier: ^1.3.8
         version: 1.3.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-scroll-area":
+      '@radix-ui/react-scroll-area':
         specifier: ^1.2.10
         version: 1.2.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-select":
+      '@radix-ui/react-select':
         specifier: ^2.2.6
         version: 2.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-separator":
+      '@radix-ui/react-separator':
         specifier: ^1.1.8
         version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-slider":
+      '@radix-ui/react-slider':
         specifier: ^1.3.6
         version: 1.3.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-slot":
+      '@radix-ui/react-slot':
         specifier: ^1.2.4
         version: 1.2.4(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-switch":
+      '@radix-ui/react-switch':
         specifier: ^1.2.6
         version: 1.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-tabs":
+      '@radix-ui/react-tabs':
         specifier: ^1.1.13
         version: 1.1.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-toast":
+      '@radix-ui/react-toast':
         specifier: ^1.2.7
         version: 1.2.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-toggle":
+      '@radix-ui/react-toggle':
         specifier: ^1.1.10
         version: 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-toggle-group":
+      '@radix-ui/react-toggle-group':
         specifier: ^1.1.11
         version: 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-tooltip":
+      '@radix-ui/react-tooltip':
         specifier: ^1.2.8
         version: 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@replit/vite-plugin-cartographer":
-        specifier: "catalog:"
+      '@replit/vite-plugin-cartographer':
+        specifier: 'catalog:'
         version: 0.5.1
-      "@replit/vite-plugin-runtime-error-modal":
-        specifier: "catalog:"
+      '@replit/vite-plugin-runtime-error-modal':
+        specifier: 'catalog:'
         version: 0.0.6
-      "@tailwindcss/vite":
-        specifier: "catalog:"
+      '@tailwindcss/vite':
+        specifier: 'catalog:'
         version: 4.2.1(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))
-      "@types/node":
-        specifier: "catalog:"
+      '@types/node':
+        specifier: 'catalog:'
         version: 25.3.5
-      "@types/react":
-        specifier: "catalog:"
+      '@types/react':
+        specifier: 'catalog:'
         version: 19.2.14
-      "@types/react-dom":
-        specifier: "catalog:"
+      '@types/react-dom':
+        specifier: 'catalog:'
         version: 19.2.3(@types/react@19.2.14)
-      "@vitejs/plugin-react":
-        specifier: "catalog:"
+      '@vitejs/plugin-react':
+        specifier: 'catalog:'
         version: 5.1.4(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))
       chokidar:
         specifier: ^4.0.3
         version: 4.0.3
       class-variance-authority:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 0.7.1
       clsx:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 2.1.1
       cmdk:
         specifier: ^1.1.1
@@ -344,25 +346,25 @@ importers:
         specifier: ^3.3.3
         version: 3.3.3
       framer-motion:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 12.35.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       input-otp:
         specifier: ^1.4.2
         version: 1.4.2(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       lucide-react:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 0.545.0(react@19.1.0)
       next-themes:
         specifier: ^0.4.6
         version: 0.4.6(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 19.1.0
       react-day-picker:
         specifier: ^9.11.1
         version: 9.14.0(react@19.1.0)
       react-dom:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 19.1.0(react@19.1.0)
       react-hook-form:
         specifier: ^7.66.0
@@ -377,10 +379,10 @@ importers:
         specifier: ^2.0.7
         version: 2.0.7(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       tailwind-merge:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 3.5.0
       tailwindcss:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 4.2.1
       tailwindcss-animate:
         specifier: ^1.0.7
@@ -392,10 +394,10 @@ importers:
         specifier: ^1.1.2
         version: 1.1.2(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       vite:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
       zod:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 3.25.76
 
   artifacts/personal-tool-console:
@@ -404,128 +406,128 @@ importers:
         specifier: ^4.2.0
         version: 4.2.0(react@19.1.0)
     devDependencies:
-      "@hookform/resolvers":
+      '@hookform/resolvers':
         specifier: ^3.10.0
         version: 3.10.0(react-hook-form@7.71.2(react@19.1.0))
-      "@radix-ui/react-accordion":
+      '@radix-ui/react-accordion':
         specifier: ^1.2.4
         version: 1.2.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-alert-dialog":
+      '@radix-ui/react-alert-dialog':
         specifier: ^1.1.7
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-aspect-ratio":
+      '@radix-ui/react-aspect-ratio':
         specifier: ^1.1.3
         version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-avatar":
+      '@radix-ui/react-avatar':
         specifier: ^1.1.4
         version: 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-checkbox":
+      '@radix-ui/react-checkbox':
         specifier: ^1.1.5
         version: 1.3.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-collapsible":
+      '@radix-ui/react-collapsible':
         specifier: ^1.1.4
         version: 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-context-menu":
+      '@radix-ui/react-context-menu':
         specifier: ^2.2.7
         version: 2.2.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-dialog":
+      '@radix-ui/react-dialog':
         specifier: ^1.1.7
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-dropdown-menu":
+      '@radix-ui/react-dropdown-menu':
         specifier: ^2.1.7
         version: 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-hover-card":
+      '@radix-ui/react-hover-card':
         specifier: ^1.1.7
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-label":
+      '@radix-ui/react-label':
         specifier: ^2.1.3
         version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-menubar":
+      '@radix-ui/react-menubar':
         specifier: ^1.1.7
         version: 1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-navigation-menu":
+      '@radix-ui/react-navigation-menu':
         specifier: ^1.2.6
         version: 1.2.14(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-popover":
+      '@radix-ui/react-popover':
         specifier: ^1.1.7
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-progress":
+      '@radix-ui/react-progress':
         specifier: ^1.1.3
         version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-radio-group":
+      '@radix-ui/react-radio-group':
         specifier: ^1.2.4
         version: 1.3.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-scroll-area":
+      '@radix-ui/react-scroll-area':
         specifier: ^1.2.4
         version: 1.2.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-select":
+      '@radix-ui/react-select':
         specifier: ^2.1.7
         version: 2.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-separator":
+      '@radix-ui/react-separator':
         specifier: ^1.1.3
         version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-slider":
+      '@radix-ui/react-slider':
         specifier: ^1.2.4
         version: 1.3.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-slot":
+      '@radix-ui/react-slot':
         specifier: ^1.2.0
         version: 1.2.4(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-switch":
+      '@radix-ui/react-switch':
         specifier: ^1.1.4
         version: 1.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-tabs":
+      '@radix-ui/react-tabs':
         specifier: ^1.1.4
         version: 1.1.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-toast":
+      '@radix-ui/react-toast':
         specifier: ^1.2.7
         version: 1.2.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-toggle":
+      '@radix-ui/react-toggle':
         specifier: ^1.1.3
         version: 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-toggle-group":
+      '@radix-ui/react-toggle-group':
         specifier: ^1.1.3
         version: 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-tooltip":
+      '@radix-ui/react-tooltip':
         specifier: ^1.2.0
         version: 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@replit/vite-plugin-cartographer":
-        specifier: "catalog:"
+      '@replit/vite-plugin-cartographer':
+        specifier: 'catalog:'
         version: 0.5.1
-      "@replit/vite-plugin-dev-banner":
-        specifier: "catalog:"
+      '@replit/vite-plugin-dev-banner':
+        specifier: 'catalog:'
         version: 0.1.2
-      "@replit/vite-plugin-runtime-error-modal":
-        specifier: "catalog:"
+      '@replit/vite-plugin-runtime-error-modal':
+        specifier: 'catalog:'
         version: 0.0.6
-      "@tailwindcss/typography":
+      '@tailwindcss/typography':
         specifier: ^0.5.15
         version: 0.5.19(tailwindcss@4.2.1)
-      "@tailwindcss/vite":
-        specifier: "catalog:"
+      '@tailwindcss/vite':
+        specifier: 'catalog:'
         version: 4.2.1(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))
-      "@tanstack/react-query":
-        specifier: "catalog:"
+      '@tanstack/react-query':
+        specifier: 'catalog:'
         version: 5.90.21(react@19.1.0)
-      "@types/node":
-        specifier: "catalog:"
+      '@types/node':
+        specifier: 'catalog:'
         version: 25.3.5
-      "@types/react":
-        specifier: "catalog:"
+      '@types/react':
+        specifier: 'catalog:'
         version: 19.2.14
-      "@types/react-dom":
-        specifier: "catalog:"
+      '@types/react-dom':
+        specifier: 'catalog:'
         version: 19.2.3(@types/react@19.2.14)
-      "@vitejs/plugin-react":
-        specifier: "catalog:"
+      '@vitejs/plugin-react':
+        specifier: 'catalog:'
         version: 5.1.4(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))
-      "@workspace/api-client-react":
+      '@workspace/api-client-react':
         specifier: workspace:*
         version: link:../../lib/api-client-react
       class-variance-authority:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 0.7.1
       clsx:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 2.1.1
       cmdk:
         specifier: ^1.1.1
@@ -537,25 +539,25 @@ importers:
         specifier: ^8.6.0
         version: 8.6.0(react@19.1.0)
       framer-motion:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 12.35.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       input-otp:
         specifier: ^1.4.2
         version: 1.4.2(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       lucide-react:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 0.545.0(react@19.1.0)
       next-themes:
         specifier: ^0.4.6
         version: 0.4.6(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 19.1.0
       react-day-picker:
         specifier: ^9.11.1
         version: 9.14.0(react@19.1.0)
       react-dom:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 19.1.0(react@19.1.0)
       react-hook-form:
         specifier: ^7.55.0
@@ -573,10 +575,10 @@ importers:
         specifier: ^2.0.7
         version: 2.0.7(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       tailwind-merge:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 3.5.0
       tailwindcss:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 4.2.1
       tw-animate-css:
         specifier: ^1.4.0
@@ -585,19 +587,19 @@ importers:
         specifier: ^1.1.2
         version: 1.1.2(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       vite:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
       wouter:
         specifier: ^3.3.5
         version: 3.9.0(react@19.1.0)
       zod:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 3.25.76
 
   lib/api-client-react:
     dependencies:
-      "@tanstack/react-query":
-        specifier: "catalog:"
+      '@tanstack/react-query':
+        specifier: 'catalog:'
         version: 5.90.21(react@19.1.0)
 
   lib/api-spec:
@@ -609,13 +611,13 @@ importers:
   lib/api-zod:
     dependencies:
       zod:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 3.25.76
 
   lib/db:
     dependencies:
       drizzle-orm:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 0.45.2(@types/pg@8.18.0)(pg@8.20.0)
       drizzle-zod:
         specifier: ^0.8.3
@@ -624,13 +626,13 @@ importers:
         specifier: ^8.20.0
         version: 8.20.0
       zod:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 3.25.76
     devDependencies:
-      "@types/node":
-        specifier: "catalog:"
+      '@types/node':
+        specifier: 'catalog:'
         version: 25.3.5
-      "@types/pg":
+      '@types/pg':
         specifier: ^8.18.0
         version: 8.18.0
       drizzle-kit:
@@ -639,1602 +641,1108 @@ importers:
 
   scripts:
     devDependencies:
-      "@types/node":
-        specifier: "catalog:"
+      '@types/node':
+        specifier: 'catalog:'
         version: 25.3.5
       tsx:
-        specifier: "catalog:"
+        specifier: 'catalog:'
         version: 4.21.0
 
 packages:
-  "@babel/code-frame@7.29.0":
-    resolution:
-      {
-        integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/compat-data@7.29.0":
-    resolution:
-      {
-        integrity: sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/core@7.29.0":
-    resolution:
-      {
-        integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/generator@7.29.1":
-    resolution:
-      {
-        integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/helper-compilation-targets@7.28.6":
-    resolution:
-      {
-        integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/helper-globals@7.28.0":
-    resolution:
-      {
-        integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/helper-module-imports@7.28.6":
-    resolution:
-      {
-        integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/helper-module-transforms@7.28.6":
-    resolution:
-      {
-        integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==,
-      }
-    engines: { node: ">=6.9.0" }
+
+  '@babel/code-frame@7.29.0':
+    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.29.0':
+    resolution: {integrity: sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.29.0':
+    resolution: {integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.29.1':
+    resolution: {integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.28.6':
+    resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-globals@7.28.0':
+    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.28.6':
+    resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.28.6':
+    resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==}
+    engines: {node: '>=6.9.0'}
     peerDependencies:
-      "@babel/core": ^7.0.0
-
-  "@babel/helper-plugin-utils@7.28.6":
-    resolution:
-      {
-        integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/helper-string-parser@7.27.1":
-    resolution:
-      {
-        integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/helper-validator-identifier@7.28.5":
-    resolution:
-      {
-        integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/helper-validator-option@7.27.1":
-    resolution:
-      {
-        integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/helpers@7.28.6":
-    resolution:
-      {
-        integrity: sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/parser@7.29.0":
-    resolution:
-      {
-        integrity: sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==,
-      }
-    engines: { node: ">=6.0.0" }
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-plugin-utils@7.28.6':
+    resolution: {integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.28.6':
+    resolution: {integrity: sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.29.0':
+    resolution: {integrity: sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==}
+    engines: {node: '>=6.0.0'}
     hasBin: true
 
-  "@babel/plugin-transform-react-jsx-self@7.27.1":
-    resolution:
-      {
-        integrity: sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==,
-      }
-    engines: { node: ">=6.9.0" }
+  '@babel/plugin-transform-react-jsx-self@7.27.1':
+    resolution: {integrity: sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==}
+    engines: {node: '>=6.9.0'}
     peerDependencies:
-      "@babel/core": ^7.0.0-0
-
-  "@babel/plugin-transform-react-jsx-source@7.27.1":
-    resolution:
-      {
-        integrity: sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==,
-      }
-    engines: { node: ">=6.9.0" }
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-source@7.27.1':
+    resolution: {integrity: sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==}
+    engines: {node: '>=6.9.0'}
     peerDependencies:
-      "@babel/core": ^7.0.0-0
-
-  "@babel/runtime@7.28.6":
-    resolution:
-      {
-        integrity: sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/template@7.28.6":
-    resolution:
-      {
-        integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/traverse@7.29.0":
-    resolution:
-      {
-        integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/types@7.29.0":
-    resolution:
-      {
-        integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@commander-js/extra-typings@14.0.0":
-    resolution:
-      {
-        integrity: sha512-hIn0ncNaJRLkZrxBIp5AsW/eXEHNKYQBh0aPdoUqNgD+Io3NIykQqpKFyKcuasZhicGaEZJX/JBSIkZ4e5x8Dg==,
-      }
+      '@babel/core': ^7.0.0-0
+
+  '@babel/runtime@7.28.6':
+    resolution: {integrity: sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/template@7.28.6':
+    resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.29.0':
+    resolution: {integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.29.0':
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
+    engines: {node: '>=6.9.0'}
+
+  '@commander-js/extra-typings@14.0.0':
+    resolution: {integrity: sha512-hIn0ncNaJRLkZrxBIp5AsW/eXEHNKYQBh0aPdoUqNgD+Io3NIykQqpKFyKcuasZhicGaEZJX/JBSIkZ4e5x8Dg==}
     peerDependencies:
       commander: ~14.0.0
 
-  "@date-fns/tz@1.4.1":
-    resolution:
-      {
-        integrity: sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==,
-      }
-
-  "@drizzle-team/brocli@0.10.2":
-    resolution:
-      {
-        integrity: sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w==,
-      }
-
-  "@esbuild/linux-x64@0.27.3":
-    resolution:
-      {
-        integrity: sha512-Czi8yzXUWIQYAtL/2y6vogER8pvcsOsk5cpwL4Gk5nJqH5UZiVByIY8Eorm5R13gq+DQKYg0+JyQoytLQas4dA==,
-      }
-    engines: { node: ">=18" }
+  '@date-fns/tz@1.4.1':
+    resolution: {integrity: sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==}
+
+  '@drizzle-team/brocli@0.10.2':
+    resolution: {integrity: sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w==}
+
+  '@esbuild/linux-x64@0.27.3':
+    resolution: {integrity: sha512-Czi8yzXUWIQYAtL/2y6vogER8pvcsOsk5cpwL4Gk5nJqH5UZiVByIY8Eorm5R13gq+DQKYg0+JyQoytLQas4dA==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
 
-  "@floating-ui/core@1.7.5":
-    resolution:
-      {
-        integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==,
-      }
-
-  "@floating-ui/dom@1.7.6":
-    resolution:
-      {
-        integrity: sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==,
-      }
-
-  "@floating-ui/react-dom@2.1.8":
-    resolution:
-      {
-        integrity: sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A==,
-      }
+  '@esbuild/win32-x64@0.27.3':
+    resolution: {integrity: sha512-4uJGhsxuptu3OcpVAzli+/gWusVGwZZHTlS63hh++ehExkVT8SgiEf7/uC/PclrPPkLhZqGgCTjd0VWLo6xMqA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@floating-ui/core@1.7.5':
+    resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==}
+
+  '@floating-ui/dom@1.7.6':
+    resolution: {integrity: sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==}
+
+  '@floating-ui/react-dom@2.1.8':
+    resolution: {integrity: sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A==}
     peerDependencies:
-      react: ">=16.8.0"
-      react-dom: ">=16.8.0"
-
-  "@floating-ui/utils@0.2.11":
-    resolution:
-      {
-        integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==,
-      }
-
-  "@gerrit0/mini-shiki@3.23.0":
-    resolution:
-      {
-        integrity: sha512-bEMORlG0cqdjVyCEuU0cDQbORWX+kYCeo0kV1lbxF5bt4r7SID2l9bqsxJEM0zndaxpOUT7riCyIVEuqq/Ynxg==,
-      }
-
-  "@hookform/resolvers@3.10.0":
-    resolution:
-      {
-        integrity: sha512-79Dv+3mDF7i+2ajj7SkypSKHhl1cbln1OGavqrsF7p6mbUv11xpqpacPsGDCTRvCSjEEIez2ef1NveSVL3b0Ag==,
-      }
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@floating-ui/utils@0.2.11':
+    resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
+
+  '@gerrit0/mini-shiki@3.23.0':
+    resolution: {integrity: sha512-bEMORlG0cqdjVyCEuU0cDQbORWX+kYCeo0kV1lbxF5bt4r7SID2l9bqsxJEM0zndaxpOUT7riCyIVEuqq/Ynxg==}
+
+  '@hookform/resolvers@3.10.0':
+    resolution: {integrity: sha512-79Dv+3mDF7i+2ajj7SkypSKHhl1cbln1OGavqrsF7p6mbUv11xpqpacPsGDCTRvCSjEEIez2ef1NveSVL3b0Ag==}
     peerDependencies:
       react-hook-form: ^7.0.0
 
-  "@jridgewell/gen-mapping@0.3.13":
-    resolution:
-      {
-        integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==,
-      }
-
-  "@jridgewell/remapping@2.3.5":
-    resolution:
-      {
-        integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==,
-      }
-
-  "@jridgewell/resolve-uri@3.1.2":
-    resolution:
-      {
-        integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==,
-      }
-    engines: { node: ">=6.0.0" }
-
-  "@jridgewell/sourcemap-codec@1.5.5":
-    resolution:
-      {
-        integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==,
-      }
-
-  "@jridgewell/trace-mapping@0.3.31":
-    resolution:
-      {
-        integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==,
-      }
-
-  "@nodelib/fs.scandir@2.1.5":
-    resolution:
-      {
-        integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==,
-      }
-    engines: { node: ">= 8" }
-
-  "@nodelib/fs.stat@2.0.5":
-    resolution:
-      {
-        integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==,
-      }
-    engines: { node: ">= 8" }
-
-  "@nodelib/fs.walk@1.2.8":
-    resolution:
-      {
-        integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==,
-      }
-    engines: { node: ">= 8" }
-
-  "@orval/angular@8.5.3":
-    resolution:
-      {
-        integrity: sha512-0xzgPyZI+XbDVPsGVW2zTUkAK/xcloadfshI6T1KyVrmtPkCUbWnRFYF7w/IxRnoQ/WIXa2vMFTq04tXGWCGvw==,
-      }
-
-  "@orval/axios@8.5.3":
-    resolution:
-      {
-        integrity: sha512-hUtcmofaKJKXWQ9FYmOR+4PqFlDGUZ2HdixCQmSLDJjL9os56P/IfdiW78hL8hr1oAWvcigG9oQce+rzzf6aCw==,
-      }
-
-  "@orval/core@8.5.3":
-    resolution:
-      {
-        integrity: sha512-QGF2JfR58mGI+xACIOfkK9p9mfGBZ0iYNPkT35sMxya/Z1CLHEGt/MHqR/shpiLzayIC04B22IS/eiTElS7kiA==,
-      }
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@nodelib/fs.scandir@2.1.5':
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.stat@2.0.5':
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.walk@1.2.8':
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+
+  '@orval/angular@8.5.3':
+    resolution: {integrity: sha512-0xzgPyZI+XbDVPsGVW2zTUkAK/xcloadfshI6T1KyVrmtPkCUbWnRFYF7w/IxRnoQ/WIXa2vMFTq04tXGWCGvw==}
+
+  '@orval/axios@8.5.3':
+    resolution: {integrity: sha512-hUtcmofaKJKXWQ9FYmOR+4PqFlDGUZ2HdixCQmSLDJjL9os56P/IfdiW78hL8hr1oAWvcigG9oQce+rzzf6aCw==}
+
+  '@orval/core@8.5.3':
+    resolution: {integrity: sha512-QGF2JfR58mGI+xACIOfkK9p9mfGBZ0iYNPkT35sMxya/Z1CLHEGt/MHqR/shpiLzayIC04B22IS/eiTElS7kiA==}
     peerDependencies:
-      "@faker-js/faker": ">=10"
+      '@faker-js/faker': '>=10'
     peerDependenciesMeta:
-      "@faker-js/faker":
-        optional: true
-
-  "@orval/fetch@8.5.3":
-    resolution:
-      {
-        integrity: sha512-P+SuA44oqGu2UlT3wf8I9z9Zerfb9k/wHaqia6sAmH2q86mKpdDzAT5qvyKyrusZOiak3ijO92j2N7me3UzuFw==,
-      }
-
-  "@orval/hono@8.5.3":
-    resolution:
-      {
-        integrity: sha512-BZkjxq+5lwOnUtywHCXRGbzPrsjyZtBQ6bAwHXBkecNyUiZm/W1I8SUdD3KwCqBBT+bjs+aAZxGFk0FC8Cr1Rg==,
-      }
-
-  "@orval/mcp@8.5.3":
-    resolution:
-      {
-        integrity: sha512-emd1fHrrcDgDnDH1k2dl6D2AAkPLRzX4K0ERtdp9SfFfLwa8NKVO3rdA3ZlYC1WxNUzOMEOM0ay2Pk+wEv/gaQ==,
-      }
-
-  "@orval/mock@8.5.3":
-    resolution:
-      {
-        integrity: sha512-wimpkpGhs6ZepQfOv6wej00IF+31H+zZVukFVsJMl7g+5mQjJ12M3+Kvhk7/GHAnV3jzXSaqPLF//m7vYgKSRQ==,
-      }
-
-  "@orval/query@8.5.3":
-    resolution:
-      {
-        integrity: sha512-Q6YqlsVzQuxhJ3RWd4CWm1tdTsW1CjbYUR3QBvDN9SA5T6fZvhyD5Y7cflhOWaAuzZ/Y2a9aXRu8EpOjNlID1w==,
-      }
-
-  "@orval/solid-start@8.5.3":
-    resolution:
-      {
-        integrity: sha512-d9I+IUcXQ+sDGWYy5YmEZ4V9uAYabadMfGAz7FdxxnKyU3WzBL5PIyrGZHevZ23/9SPuWJ6bhXhiVggzhLSoAA==,
-      }
-
-  "@orval/swr@8.5.3":
-    resolution:
-      {
-        integrity: sha512-2ScQVNnPjwVwuojUmJdy5LmFBeG2D/p2M2ONPL/w2IWTGLvJH7DxCnTaPMDO/4oc2EoSrySMLa8+5wDg6E503Q==,
-      }
-
-  "@orval/zod@8.5.3":
-    resolution:
-      {
-        integrity: sha512-qcbnpGE0VrgCDm0hNWQSOmzbfgdnr1xo+PYQ3PJjxfLuk3kGdJmFANTr53/1lI3sZUvWZwX5nKJCLWVxvwJEgg==,
-      }
-
-  "@pinojs/redact@0.4.0":
-    resolution:
-      {
-        integrity: sha512-k2ENnmBugE/rzQfEcdWHcCY+/FM3VLzH9cYEsbdsoqrvzAKRhUZeRNhAZvB8OitQJ1TBed3yqWtdjzS6wJKBwg==,
-      }
-
-  "@radix-ui/number@1.1.1":
-    resolution:
-      {
-        integrity: sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==,
-      }
-
-  "@radix-ui/primitive@1.1.3":
-    resolution:
-      {
-        integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==,
-      }
-
-  "@radix-ui/react-accordion@1.2.12":
-    resolution:
-      {
-        integrity: sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==,
-      }
+      '@faker-js/faker':
+        optional: true
+
+  '@orval/fetch@8.5.3':
+    resolution: {integrity: sha512-P+SuA44oqGu2UlT3wf8I9z9Zerfb9k/wHaqia6sAmH2q86mKpdDzAT5qvyKyrusZOiak3ijO92j2N7me3UzuFw==}
+
+  '@orval/hono@8.5.3':
+    resolution: {integrity: sha512-BZkjxq+5lwOnUtywHCXRGbzPrsjyZtBQ6bAwHXBkecNyUiZm/W1I8SUdD3KwCqBBT+bjs+aAZxGFk0FC8Cr1Rg==}
+
+  '@orval/mcp@8.5.3':
+    resolution: {integrity: sha512-emd1fHrrcDgDnDH1k2dl6D2AAkPLRzX4K0ERtdp9SfFfLwa8NKVO3rdA3ZlYC1WxNUzOMEOM0ay2Pk+wEv/gaQ==}
+
+  '@orval/mock@8.5.3':
+    resolution: {integrity: sha512-wimpkpGhs6ZepQfOv6wej00IF+31H+zZVukFVsJMl7g+5mQjJ12M3+Kvhk7/GHAnV3jzXSaqPLF//m7vYgKSRQ==}
+
+  '@orval/query@8.5.3':
+    resolution: {integrity: sha512-Q6YqlsVzQuxhJ3RWd4CWm1tdTsW1CjbYUR3QBvDN9SA5T6fZvhyD5Y7cflhOWaAuzZ/Y2a9aXRu8EpOjNlID1w==}
+
+  '@orval/solid-start@8.5.3':
+    resolution: {integrity: sha512-d9I+IUcXQ+sDGWYy5YmEZ4V9uAYabadMfGAz7FdxxnKyU3WzBL5PIyrGZHevZ23/9SPuWJ6bhXhiVggzhLSoAA==}
+
+  '@orval/swr@8.5.3':
+    resolution: {integrity: sha512-2ScQVNnPjwVwuojUmJdy5LmFBeG2D/p2M2ONPL/w2IWTGLvJH7DxCnTaPMDO/4oc2EoSrySMLa8+5wDg6E503Q==}
+
+  '@orval/zod@8.5.3':
+    resolution: {integrity: sha512-qcbnpGE0VrgCDm0hNWQSOmzbfgdnr1xo+PYQ3PJjxfLuk3kGdJmFANTr53/1lI3sZUvWZwX5nKJCLWVxvwJEgg==}
+
+  '@pinojs/redact@0.4.0':
+    resolution: {integrity: sha512-k2ENnmBugE/rzQfEcdWHcCY+/FM3VLzH9cYEsbdsoqrvzAKRhUZeRNhAZvB8OitQJ1TBed3yqWtdjzS6wJKBwg==}
+
+  '@radix-ui/number@1.1.1':
+    resolution: {integrity: sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==}
+
+  '@radix-ui/primitive@1.1.3':
+    resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
+
+  '@radix-ui/react-accordion@1.2.12':
+    resolution: {integrity: sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-alert-dialog@1.1.15":
-    resolution:
-      {
-        integrity: sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==,
-      }
+  '@radix-ui/react-alert-dialog@1.1.15':
+    resolution: {integrity: sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-arrow@1.1.7":
-    resolution:
-      {
-        integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==,
-      }
+  '@radix-ui/react-arrow@1.1.7':
+    resolution: {integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-aspect-ratio@1.1.8":
-    resolution:
-      {
-        integrity: sha512-5nZrJTF7gH+e0nZS7/QxFz6tJV4VimhQb1avEgtsJxvvIp5JilL+c58HICsKzPxghdwaDt48hEfPM1au4zGy+w==,
-      }
+  '@radix-ui/react-aspect-ratio@1.1.8':
+    resolution: {integrity: sha512-5nZrJTF7gH+e0nZS7/QxFz6tJV4VimhQb1avEgtsJxvvIp5JilL+c58HICsKzPxghdwaDt48hEfPM1au4zGy+w==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-avatar@1.1.11":
-    resolution:
-      {
-        integrity: sha512-0Qk603AHGV28BOBO34p7IgD5m+V5Sg/YovfayABkoDDBM5d3NCx0Mp4gGrjzLGes1jV5eNOE1r3itqOR33VC6Q==,
-      }
+  '@radix-ui/react-avatar@1.1.11':
+    resolution: {integrity: sha512-0Qk603AHGV28BOBO34p7IgD5m+V5Sg/YovfayABkoDDBM5d3NCx0Mp4gGrjzLGes1jV5eNOE1r3itqOR33VC6Q==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-checkbox@1.3.3":
-    resolution:
-      {
-        integrity: sha512-wBbpv+NQftHDdG86Qc0pIyXk5IR3tM8Vd0nWLKDcX8nNn4nXFOFwsKuqw2okA/1D/mpaAkmuyndrPJTYDNZtFw==,
-      }
+  '@radix-ui/react-checkbox@1.3.3':
+    resolution: {integrity: sha512-wBbpv+NQftHDdG86Qc0pIyXk5IR3tM8Vd0nWLKDcX8nNn4nXFOFwsKuqw2okA/1D/mpaAkmuyndrPJTYDNZtFw==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-collapsible@1.1.12":
-    resolution:
-      {
-        integrity: sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==,
-      }
+  '@radix-ui/react-collapsible@1.1.12':
+    resolution: {integrity: sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-collection@1.1.7":
-    resolution:
-      {
-        integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==,
-      }
+  '@radix-ui/react-collection@1.1.7':
+    resolution: {integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-compose-refs@1.1.2":
-    resolution:
-      {
-        integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==,
-      }
+  '@radix-ui/react-compose-refs@1.1.2':
+    resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-context-menu@2.2.16":
-    resolution:
-      {
-        integrity: sha512-O8morBEW+HsVG28gYDZPTrT9UUovQUlJue5YO836tiTJhuIWBm/zQHc7j388sHWtdH/xUZurK9olD2+pcqx5ww==,
-      }
+  '@radix-ui/react-context-menu@2.2.16':
+    resolution: {integrity: sha512-O8morBEW+HsVG28gYDZPTrT9UUovQUlJue5YO836tiTJhuIWBm/zQHc7j388sHWtdH/xUZurK9olD2+pcqx5ww==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-context@1.1.2":
-    resolution:
-      {
-        integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==,
-      }
+  '@radix-ui/react-context@1.1.2':
+    resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-context@1.1.3":
-    resolution:
-      {
-        integrity: sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==,
-      }
+  '@radix-ui/react-context@1.1.3':
+    resolution: {integrity: sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-dialog@1.1.15":
-    resolution:
-      {
-        integrity: sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==,
-      }
+  '@radix-ui/react-dialog@1.1.15':
+    resolution: {integrity: sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-direction@1.1.1":
-    resolution:
-      {
-        integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==,
-      }
+  '@radix-ui/react-direction@1.1.1':
+    resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-dismissable-layer@1.1.11":
-    resolution:
-      {
-        integrity: sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==,
-      }
+  '@radix-ui/react-dismissable-layer@1.1.11':
+    resolution: {integrity: sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-dropdown-menu@2.1.16":
-    resolution:
-      {
-        integrity: sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==,
-      }
+  '@radix-ui/react-dropdown-menu@2.1.16':
+    resolution: {integrity: sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-focus-guards@1.1.3":
-    resolution:
-      {
-        integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==,
-      }
+  '@radix-ui/react-focus-guards@1.1.3':
+    resolution: {integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-focus-scope@1.1.7":
-    resolution:
-      {
-        integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==,
-      }
+  '@radix-ui/react-focus-scope@1.1.7':
+    resolution: {integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-hover-card@1.1.15":
-    resolution:
-      {
-        integrity: sha512-qgTkjNT1CfKMoP0rcasmlH2r1DAiYicWsDsufxl940sT2wHNEWWv6FMWIQXWhVdmC1d/HYfbhQx60KYyAtKxjg==,
-      }
+  '@radix-ui/react-hover-card@1.1.15':
+    resolution: {integrity: sha512-qgTkjNT1CfKMoP0rcasmlH2r1DAiYicWsDsufxl940sT2wHNEWWv6FMWIQXWhVdmC1d/HYfbhQx60KYyAtKxjg==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-id@1.1.1":
-    resolution:
-      {
-        integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==,
-      }
+  '@radix-ui/react-id@1.1.1':
+    resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-label@2.1.8":
-    resolution:
-      {
-        integrity: sha512-FmXs37I6hSBVDlO4y764TNz1rLgKwjJMQ0EGte6F3Cb3f4bIuHB/iLa/8I9VKkmOy+gNHq8rql3j686ACVV21A==,
-      }
+  '@radix-ui/react-label@2.1.8':
+    resolution: {integrity: sha512-FmXs37I6hSBVDlO4y764TNz1rLgKwjJMQ0EGte6F3Cb3f4bIuHB/iLa/8I9VKkmOy+gNHq8rql3j686ACVV21A==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-menu@2.1.16":
-    resolution:
-      {
-        integrity: sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==,
-      }
+  '@radix-ui/react-menu@2.1.16':
+    resolution: {integrity: sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-menubar@1.1.16":
-    resolution:
-      {
-        integrity: sha512-EB1FktTz5xRRi2Er974AUQZWg2yVBb1yjip38/lgwtCVRd3a+maUoGHN/xs9Yv8SY8QwbSEb+YrxGadVWbEutA==,
-      }
+  '@radix-ui/react-menubar@1.1.16':
+    resolution: {integrity: sha512-EB1FktTz5xRRi2Er974AUQZWg2yVBb1yjip38/lgwtCVRd3a+maUoGHN/xs9Yv8SY8QwbSEb+YrxGadVWbEutA==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-navigation-menu@1.2.14":
-    resolution:
-      {
-        integrity: sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==,
-      }
+  '@radix-ui/react-navigation-menu@1.2.14':
+    resolution: {integrity: sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-popover@1.1.15":
-    resolution:
-      {
-        integrity: sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==,
-      }
+  '@radix-ui/react-popover@1.1.15':
+    resolution: {integrity: sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-popper@1.2.8":
-    resolution:
-      {
-        integrity: sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==,
-      }
+  '@radix-ui/react-popper@1.2.8':
+    resolution: {integrity: sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-portal@1.1.9":
-    resolution:
-      {
-        integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==,
-      }
+  '@radix-ui/react-portal@1.1.9':
+    resolution: {integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-presence@1.1.5":
-    resolution:
-      {
-        integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==,
-      }
+  '@radix-ui/react-presence@1.1.5':
+    resolution: {integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-primitive@2.1.3":
-    resolution:
-      {
-        integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==,
-      }
+  '@radix-ui/react-primitive@2.1.3':
+    resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-primitive@2.1.4":
-    resolution:
-      {
-        integrity: sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==,
-      }
+  '@radix-ui/react-primitive@2.1.4':
+    resolution: {integrity: sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-progress@1.1.8":
-    resolution:
-      {
-        integrity: sha512-+gISHcSPUJ7ktBy9RnTqbdKW78bcGke3t6taawyZ71pio1JewwGSJizycs7rLhGTvMJYCQB1DBK4KQsxs7U8dA==,
-      }
+  '@radix-ui/react-progress@1.1.8':
+    resolution: {integrity: sha512-+gISHcSPUJ7ktBy9RnTqbdKW78bcGke3t6taawyZ71pio1JewwGSJizycs7rLhGTvMJYCQB1DBK4KQsxs7U8dA==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-radio-group@1.3.8":
-    resolution:
-      {
-        integrity: sha512-VBKYIYImA5zsxACdisNQ3BjCBfmbGH3kQlnFVqlWU4tXwjy7cGX8ta80BcrO+WJXIn5iBylEH3K6ZTlee//lgQ==,
-      }
+  '@radix-ui/react-radio-group@1.3.8':
+    resolution: {integrity: sha512-VBKYIYImA5zsxACdisNQ3BjCBfmbGH3kQlnFVqlWU4tXwjy7cGX8ta80BcrO+WJXIn5iBylEH3K6ZTlee//lgQ==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-roving-focus@1.1.11":
-    resolution:
-      {
-        integrity: sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==,
-      }
+  '@radix-ui/react-roving-focus@1.1.11':
+    resolution: {integrity: sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-scroll-area@1.2.10":
-    resolution:
-      {
-        integrity: sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==,
-      }
+  '@radix-ui/react-scroll-area@1.2.10':
+    resolution: {integrity: sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-select@2.2.6":
-    resolution:
-      {
-        integrity: sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==,
-      }
+  '@radix-ui/react-select@2.2.6':
+    resolution: {integrity: sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-separator@1.1.8":
-    resolution:
-      {
-        integrity: sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==,
-      }
+  '@radix-ui/react-separator@1.1.8':
+    resolution: {integrity: sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-slider@1.3.6":
-    resolution:
-      {
-        integrity: sha512-JPYb1GuM1bxfjMRlNLE+BcmBC8onfCi60Blk7OBqi2MLTFdS+8401U4uFjnwkOr49BLmXxLC6JHkvAsx5OJvHw==,
-      }
+  '@radix-ui/react-slider@1.3.6':
+    resolution: {integrity: sha512-JPYb1GuM1bxfjMRlNLE+BcmBC8onfCi60Blk7OBqi2MLTFdS+8401U4uFjnwkOr49BLmXxLC6JHkvAsx5OJvHw==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-slot@1.2.3":
-    resolution:
-      {
-        integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==,
-      }
+  '@radix-ui/react-slot@1.2.3':
+    resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-slot@1.2.4":
-    resolution:
-      {
-        integrity: sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==,
-      }
+  '@radix-ui/react-slot@1.2.4':
+    resolution: {integrity: sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-switch@1.2.6":
-    resolution:
-      {
-        integrity: sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==,
-      }
+  '@radix-ui/react-switch@1.2.6':
+    resolution: {integrity: sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-tabs@1.1.13":
-    resolution:
-      {
-        integrity: sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==,
-      }
+  '@radix-ui/react-tabs@1.1.13':
+    resolution: {integrity: sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-toast@1.2.15":
-    resolution:
-      {
-        integrity: sha512-3OSz3TacUWy4WtOXV38DggwxoqJK4+eDkNMl5Z/MJZaoUPaP4/9lf81xXMe1I2ReTAptverZUpbPY4wWwWyL5g==,
-      }
+  '@radix-ui/react-toast@1.2.15':
+    resolution: {integrity: sha512-3OSz3TacUWy4WtOXV38DggwxoqJK4+eDkNMl5Z/MJZaoUPaP4/9lf81xXMe1I2ReTAptverZUpbPY4wWwWyL5g==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-toggle-group@1.1.11":
-    resolution:
-      {
-        integrity: sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==,
-      }
+  '@radix-ui/react-toggle-group@1.1.11':
+    resolution: {integrity: sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-toggle@1.1.10":
-    resolution:
-      {
-        integrity: sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==,
-      }
+  '@radix-ui/react-toggle@1.1.10':
+    resolution: {integrity: sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-tooltip@1.2.8":
-    resolution:
-      {
-        integrity: sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==,
-      }
+  '@radix-ui/react-tooltip@1.2.8':
+    resolution: {integrity: sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
-      "@types/react-dom":
+      '@types/react-dom':
         optional: true
 
-  "@radix-ui/react-use-callback-ref@1.1.1":
-    resolution:
-      {
-        integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==,
-      }
+  '@radix-ui/react-use-callback-ref@1.1.1':
+    resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-use-controllable-state@1.2.2":
-    resolution:
-      {
-        integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==,
-      }
+  '@radix-ui/react-use-controllable-state@1.2.2':
+    resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-use-effect-event@0.0.2":
-    resolution:
-      {
-        integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==,
-      }
+  '@radix-ui/react-use-effect-event@0.0.2':
+    resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-use-escape-keydown@1.1.1":
-    resolution:
-      {
-        integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==,
-      }
+  '@radix-ui/react-use-escape-keydown@1.1.1':
+    resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-use-is-hydrated@0.1.0":
-    resolution:
-      {
-        integrity: sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==,
-      }
+  '@radix-ui/react-use-is-hydrated@0.1.0':
+    resolution: {integrity: sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-use-layout-effect@1.1.1":
-    resolution:
-      {
-        integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==,
-      }
+  '@radix-ui/react-use-layout-effect@1.1.1':
+    resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-use-previous@1.1.1":
-    resolution:
-      {
-        integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==,
-      }
+  '@radix-ui/react-use-previous@1.1.1':
+    resolution: {integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-use-rect@1.1.1":
-    resolution:
-      {
-        integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==,
-      }
+  '@radix-ui/react-use-rect@1.1.1':
+    resolution: {integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-use-size@1.1.1":
-    resolution:
-      {
-        integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==,
-      }
+  '@radix-ui/react-use-size@1.1.1':
+    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
-  "@radix-ui/react-visually-hidden@1.2.3":
-    resolution:
-      {
-        integrity: sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==,
-      }
+  '@radix-ui/react-visually-hidden@1.2.3':
+    resolution: {integrity: sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==}
     peerDependencies:
-      "@types/react": "*"
-      "@types/react-dom": "*"
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
-        optional: true
-      "@types/react-dom":
-        optional: true
-
-  "@radix-ui/rect@1.1.1":
-    resolution:
-      {
-        integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==,
-      }
-
-  "@replit/vite-plugin-cartographer@0.5.1":
-    resolution:
-      {
-        integrity: sha512-KiaQMx4ssTM8hSjMFscyIV1PN1bRVCWCFqN3fXOfXa39uFFCKUaeL3VvH/sxuy7S7ET+MCFOt+J7lLtL56bRrA==,
-      }
-
-  "@replit/vite-plugin-dev-banner@0.1.2":
-    resolution:
-      {
-        integrity: sha512-YfW3U1xKnLrqvSiTzXeEX8AG+Vpz7XwBsJHNvGbp841AE1mLvishMQi2Zw7ApyHp+9EMGthXuCjP+mLbl3IuGA==,
-      }
-
-  "@replit/vite-plugin-runtime-error-modal@0.0.6":
-    resolution:
-      {
-        integrity: sha512-53iuzLsrvcUnWxAo0fvNrUhOf7LYJ+3at61dZeTIrkaZD4vGNjTbvE0j50TFcjjTC9UM74uprlnQ4+L2A//Cjg==,
-      }
-
-  "@rolldown/pluginutils@1.0.0-rc.3":
-    resolution:
-      {
-        integrity: sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==,
-      }
-
-  "@rollup/rollup-linux-x64-gnu@4.59.0":
-    resolution:
-      {
-        integrity: sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==,
-      }
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/rect@1.1.1':
+    resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
+
+  '@replit/vite-plugin-cartographer@0.5.1':
+    resolution: {integrity: sha512-KiaQMx4ssTM8hSjMFscyIV1PN1bRVCWCFqN3fXOfXa39uFFCKUaeL3VvH/sxuy7S7ET+MCFOt+J7lLtL56bRrA==}
+
+  '@replit/vite-plugin-dev-banner@0.1.2':
+    resolution: {integrity: sha512-YfW3U1xKnLrqvSiTzXeEX8AG+Vpz7XwBsJHNvGbp841AE1mLvishMQi2Zw7ApyHp+9EMGthXuCjP+mLbl3IuGA==}
+
+  '@replit/vite-plugin-runtime-error-modal@0.0.6':
+    resolution: {integrity: sha512-53iuzLsrvcUnWxAo0fvNrUhOf7LYJ+3at61dZeTIrkaZD4vGNjTbvE0j50TFcjjTC9UM74uprlnQ4+L2A//Cjg==}
+
+  '@rolldown/pluginutils@1.0.0-rc.3':
+    resolution: {integrity: sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==}
+
+  '@rollup/rollup-linux-x64-gnu@4.59.0':
+    resolution: {integrity: sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
-
-  "@scalar/helpers@0.2.18":
-    resolution:
-      {
-        integrity: sha512-w1d4tpNEVZ293oB2BAgLrS0kVPUtG3eByNmOCJA5eK9vcT4D3cmsGtWjUaaqit0BQCsBFHK51rasGvSWnApYTw==,
-      }
-    engines: { node: ">=20" }
-
-  "@scalar/json-magic@0.11.7":
-    resolution:
-      {
-        integrity: sha512-GVz9E0vXu+ecypkdn0biK1gbQVkK4QTTX1Hq3eMgxlLQC91wwiqWfCqwfhuX0LRu+Z5OmYhLhufDJEEh56rVgA==,
-      }
-    engines: { node: ">=20" }
-
-  "@scalar/openapi-parser@0.24.17":
-    resolution:
-      {
-        integrity: sha512-aM9UVrzlMreC3X/sZbyj+7XDZmat3ecGC3RpU8dqEO/HIH+CEX0xMLuP+41DhePCYg5+9TtDomSfWuMq4x1Z1A==,
-      }
-    engines: { node: ">=20" }
-
-  "@scalar/openapi-types@0.5.3":
-    resolution:
-      {
-        integrity: sha512-m4n/Su3K01d15dmdWO1LlqecdSPKuNjuokrJLdiQ485kW/hRHbXW1QP6tJL75myhw/XhX5YhYAR+jrwnGjXiMw==,
-      }
-    engines: { node: ">=20" }
-
-  "@scalar/openapi-types@0.5.4":
-    resolution:
-      {
-        integrity: sha512-2pEbhprh8lLGDfUI6mNm9EV104pjb3+aJsXrFaqfgOSre7r6NlgM5HcSbsLjzDAnTikjJhJ3IMal1Rz8WVwiOw==,
-      }
-    engines: { node: ">=20" }
-
-  "@scalar/openapi-upgrader@0.1.11":
-    resolution:
-      {
-        integrity: sha512-ngJcHGoCHmpWgYtNy08vmzFfLdQEkMpvaCQqNPPMNKq0QEXOv89e/rn+TZJZgPnRlY7fDIoIhn9lNgr+azBW+w==,
-      }
-    engines: { node: ">=20" }
-
-  "@sec-ant/readable-stream@0.4.1":
-    resolution:
-      {
-        integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==,
-      }
-
-  "@shikijs/engine-oniguruma@3.23.0":
-    resolution:
-      {
-        integrity: sha512-1nWINwKXxKKLqPibT5f4pAFLej9oZzQTsby8942OTlsJzOBZ0MWKiwzMsd+jhzu8YPCHAswGnnN1YtQfirL35g==,
-      }
-
-  "@shikijs/langs@3.23.0":
-    resolution:
-      {
-        integrity: sha512-2Ep4W3Re5aB1/62RSYQInK9mM3HsLeB91cHqznAJMuylqjzNVAVCMnNWRHFtcNHXsoNRayP9z1qj4Sq3nMqYXg==,
-      }
-
-  "@shikijs/themes@3.23.0":
-    resolution:
-      {
-        integrity: sha512-5qySYa1ZgAT18HR/ypENL9cUSGOeI2x+4IvYJu4JgVJdizn6kG4ia5Q1jDEOi7gTbN4RbuYtmHh0W3eccOrjMA==,
-      }
-
-  "@shikijs/types@3.23.0":
-    resolution:
-      {
-        integrity: sha512-3JZ5HXOZfYjsYSk0yPwBrkupyYSLpAE26Qc0HLghhZNGTZg/SKxXIIgoxOpmmeQP0RRSDJTk1/vPfw9tbw+jSQ==,
-      }
-
-  "@shikijs/vscode-textmate@10.0.2":
-    resolution:
-      {
-        integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==,
-      }
-
-  "@sindresorhus/merge-streams@4.0.0":
-    resolution:
-      {
-        integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==,
-      }
-    engines: { node: ">=18" }
-
-  "@tabby_ai/hijri-converter@1.0.5":
-    resolution:
-      {
-        integrity: sha512-r5bClKrcIusDoo049dSL8CawnHR6mRdDwhlQuIgZRNty68q0x8k3Lf1BtPAMxRf/GgnHBnIO4ujd3+GQdLWzxQ==,
-      }
-    engines: { node: ">=16.0.0" }
-
-  "@tailwindcss/node@4.2.1":
-    resolution:
-      {
-        integrity: sha512-jlx6sLk4EOwO6hHe1oCGm1Q4AN/s0rSrTTPBGPM0/RQ6Uylwq17FuU8IeJJKEjtc6K6O07zsvP+gDO6MMWo7pg==,
-      }
-
-  "@tailwindcss/oxide-linux-x64-gnu@4.2.1":
-    resolution:
-      {
-        integrity: sha512-qMFzxI2YlBOLW5PhblzuSWlWfwLHaneBE0xHzLrBgNtqN6mWfs+qYbhryGSXQjFYB1Dzf5w+LN5qbUTPhW7Y5g==,
-      }
-    engines: { node: ">= 20" }
+
+  '@rollup/rollup-win32-x64-msvc@4.59.0':
+    resolution: {integrity: sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==}
+    cpu: [x64]
+    os: [win32]
+
+  '@scalar/helpers@0.2.18':
+    resolution: {integrity: sha512-w1d4tpNEVZ293oB2BAgLrS0kVPUtG3eByNmOCJA5eK9vcT4D3cmsGtWjUaaqit0BQCsBFHK51rasGvSWnApYTw==}
+    engines: {node: '>=20'}
+
+  '@scalar/json-magic@0.11.7':
+    resolution: {integrity: sha512-GVz9E0vXu+ecypkdn0biK1gbQVkK4QTTX1Hq3eMgxlLQC91wwiqWfCqwfhuX0LRu+Z5OmYhLhufDJEEh56rVgA==}
+    engines: {node: '>=20'}
+
+  '@scalar/openapi-parser@0.24.17':
+    resolution: {integrity: sha512-aM9UVrzlMreC3X/sZbyj+7XDZmat3ecGC3RpU8dqEO/HIH+CEX0xMLuP+41DhePCYg5+9TtDomSfWuMq4x1Z1A==}
+    engines: {node: '>=20'}
+
+  '@scalar/openapi-types@0.5.3':
+    resolution: {integrity: sha512-m4n/Su3K01d15dmdWO1LlqecdSPKuNjuokrJLdiQ485kW/hRHbXW1QP6tJL75myhw/XhX5YhYAR+jrwnGjXiMw==}
+    engines: {node: '>=20'}
+
+  '@scalar/openapi-types@0.5.4':
+    resolution: {integrity: sha512-2pEbhprh8lLGDfUI6mNm9EV104pjb3+aJsXrFaqfgOSre7r6NlgM5HcSbsLjzDAnTikjJhJ3IMal1Rz8WVwiOw==}
+    engines: {node: '>=20'}
+
+  '@scalar/openapi-upgrader@0.1.11':
+    resolution: {integrity: sha512-ngJcHGoCHmpWgYtNy08vmzFfLdQEkMpvaCQqNPPMNKq0QEXOv89e/rn+TZJZgPnRlY7fDIoIhn9lNgr+azBW+w==}
+    engines: {node: '>=20'}
+
+  '@sec-ant/readable-stream@0.4.1':
+    resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
+
+  '@shikijs/engine-oniguruma@3.23.0':
+    resolution: {integrity: sha512-1nWINwKXxKKLqPibT5f4pAFLej9oZzQTsby8942OTlsJzOBZ0MWKiwzMsd+jhzu8YPCHAswGnnN1YtQfirL35g==}
+
+  '@shikijs/langs@3.23.0':
+    resolution: {integrity: sha512-2Ep4W3Re5aB1/62RSYQInK9mM3HsLeB91cHqznAJMuylqjzNVAVCMnNWRHFtcNHXsoNRayP9z1qj4Sq3nMqYXg==}
+
+  '@shikijs/themes@3.23.0':
+    resolution: {integrity: sha512-5qySYa1ZgAT18HR/ypENL9cUSGOeI2x+4IvYJu4JgVJdizn6kG4ia5Q1jDEOi7gTbN4RbuYtmHh0W3eccOrjMA==}
+
+  '@shikijs/types@3.23.0':
+    resolution: {integrity: sha512-3JZ5HXOZfYjsYSk0yPwBrkupyYSLpAE26Qc0HLghhZNGTZg/SKxXIIgoxOpmmeQP0RRSDJTk1/vPfw9tbw+jSQ==}
+
+  '@shikijs/vscode-textmate@10.0.2':
+    resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
+
+  '@sindresorhus/merge-streams@4.0.0':
+    resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
+    engines: {node: '>=18'}
+
+  '@tabby_ai/hijri-converter@1.0.5':
+    resolution: {integrity: sha512-r5bClKrcIusDoo049dSL8CawnHR6mRdDwhlQuIgZRNty68q0x8k3Lf1BtPAMxRf/GgnHBnIO4ujd3+GQdLWzxQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@tailwindcss/node@4.2.1':
+    resolution: {integrity: sha512-jlx6sLk4EOwO6hHe1oCGm1Q4AN/s0rSrTTPBGPM0/RQ6Uylwq17FuU8IeJJKEjtc6K6O07zsvP+gDO6MMWo7pg==}
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.1':
+    resolution: {integrity: sha512-qMFzxI2YlBOLW5PhblzuSWlWfwLHaneBE0xHzLrBgNtqN6mWfs+qYbhryGSXQjFYB1Dzf5w+LN5qbUTPhW7Y5g==}
+    engines: {node: '>= 20'}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
-
-  "@tailwindcss/oxide-wasm32-wasi@4.2.1":
-    resolution:
-      {
-        integrity: sha512-MGFB5cVPvshR85MTJkEvqDUnuNoysrsRxd6vnk1Lf2tbiqNlXpHYZqkqOQalydienEWOHHFyyuTSYRsLfxFJ2Q==,
-      }
-    engines: { node: ">=14.0.0" }
+
+  '@tailwindcss/oxide-wasm32-wasi@4.2.1':
+    resolution: {integrity: sha512-MGFB5cVPvshR85MTJkEvqDUnuNoysrsRxd6vnk1Lf2tbiqNlXpHYZqkqOQalydienEWOHHFyyuTSYRsLfxFJ2Q==}
+    engines: {node: '>=14.0.0'}
     cpu: [wasm32]
     bundledDependencies:
-      - "@napi-rs/wasm-runtime"
-      - "@emnapi/core"
-      - "@emnapi/runtime"
-      - "@tybys/wasm-util"
-      - "@emnapi/wasi-threads"
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
       - tslib
 
-  "@tailwindcss/oxide@4.2.1":
-    resolution:
-      {
-        integrity: sha512-yv9jeEFWnjKCI6/T3Oq50yQEOqmpmpfzG1hcZsAOaXFQPfzWprWrlHSdGPEF3WQTi8zu8ohC9Mh9J470nT5pUw==,
-      }
-    engines: { node: ">= 20" }
-
-  "@tailwindcss/typography@0.5.19":
-    resolution:
-      {
-        integrity: sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==,
-      }
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.1':
+    resolution: {integrity: sha512-rbO34G5sMWWyrN/idLeVxAZgAKWrn5LiR3/I90Q9MkA67s6T1oB0xtTe+0heoBvHSpbU9Mk7i6uwJnpo4u21XQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.2.1':
+    resolution: {integrity: sha512-yv9jeEFWnjKCI6/T3Oq50yQEOqmpmpfzG1hcZsAOaXFQPfzWprWrlHSdGPEF3WQTi8zu8ohC9Mh9J470nT5pUw==}
+    engines: {node: '>= 20'}
+
+  '@tailwindcss/typography@0.5.19':
+    resolution: {integrity: sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==}
     peerDependencies:
-      tailwindcss: ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
+      tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
 
-  "@tailwindcss/vite@4.2.1":
-    resolution:
-      {
-        integrity: sha512-TBf2sJjYeb28jD2U/OhwdW0bbOsxkWPwQ7SrqGf9sVcoYwZj7rkXljroBO9wKBut9XnmQLXanuDUeqQK0lGg/w==,
-      }
+  '@tailwindcss/vite@4.2.1':
+    resolution: {integrity: sha512-TBf2sJjYeb28jD2U/OhwdW0bbOsxkWPwQ7SrqGf9sVcoYwZj7rkXljroBO9wKBut9XnmQLXanuDUeqQK0lGg/w==}
     peerDependencies:
       vite: ^5.2.0 || ^6 || ^7
 
-  "@tanstack/query-core@5.90.20":
-    resolution:
-      {
-        integrity: sha512-OMD2HLpNouXEfZJWcKeVKUgQ5n+n3A2JFmBaScpNDUqSrQSjiveC7dKMe53uJUg1nDG16ttFPz2xfilz6i2uVg==,
-      }
-
-  "@tanstack/react-query@5.90.21":
-    resolution:
-      {
-        integrity: sha512-0Lu6y5t+tvlTJMTO7oh5NSpJfpg/5D41LlThfepTixPYkJ0sE2Jj0m0f6yYqujBwIXlId87e234+MxG3D3g7kg==,
-      }
+  '@tanstack/query-core@5.90.20':
+    resolution: {integrity: sha512-OMD2HLpNouXEfZJWcKeVKUgQ5n+n3A2JFmBaScpNDUqSrQSjiveC7dKMe53uJUg1nDG16ttFPz2xfilz6i2uVg==}
+
+  '@tanstack/react-query@5.90.21':
+    resolution: {integrity: sha512-0Lu6y5t+tvlTJMTO7oh5NSpJfpg/5D41LlThfepTixPYkJ0sE2Jj0m0f6yYqujBwIXlId87e234+MxG3D3g7kg==}
     peerDependencies:
       react: ^18 || ^19
 
-  "@types/babel__core@7.20.5":
-    resolution:
-      {
-        integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==,
-      }
-
-  "@types/babel__generator@7.27.0":
-    resolution:
-      {
-        integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==,
-      }
-
-  "@types/babel__template@7.4.4":
-    resolution:
-      {
-        integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==,
-      }
-
-  "@types/babel__traverse@7.28.0":
-    resolution:
-      {
-        integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==,
-      }
-
-  "@types/body-parser@1.19.6":
-    resolution:
-      {
-        integrity: sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==,
-      }
-
-  "@types/connect@3.4.38":
-    resolution:
-      {
-        integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==,
-      }
-
-  "@types/cookie-parser@1.4.10":
-    resolution:
-      {
-        integrity: sha512-B4xqkqfZ8Wek+rCOeRxsjMS9OgvzebEzzLYw7NHYuvzb7IdxOkI0ZHGgeEBX4PUM7QGVvNSK60T3OvWj3YfBRg==,
-      }
+  '@types/babel__core@7.20.5':
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+
+  '@types/babel__generator@7.27.0':
+    resolution: {integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==}
+
+  '@types/babel__template@7.4.4':
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
+
+  '@types/babel__traverse@7.28.0':
+    resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
+
+  '@types/body-parser@1.19.6':
+    resolution: {integrity: sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==}
+
+  '@types/connect@3.4.38':
+    resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
+
+  '@types/cookie-parser@1.4.10':
+    resolution: {integrity: sha512-B4xqkqfZ8Wek+rCOeRxsjMS9OgvzebEzzLYw7NHYuvzb7IdxOkI0ZHGgeEBX4PUM7QGVvNSK60T3OvWj3YfBRg==}
     peerDependencies:
-      "@types/express": "*"
-
-  "@types/cors@2.8.19":
-    resolution:
-      {
-        integrity: sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==,
-      }
-
-  "@types/d3-array@3.2.2":
-    resolution:
-      {
-        integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==,
-      }
-
-  "@types/d3-color@3.1.3":
-    resolution:
-      {
-        integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==,
-      }
-
-  "@types/d3-ease@3.0.2":
-    resolution:
-      {
-        integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==,
-      }
-
-  "@types/d3-interpolate@3.0.4":
-    resolution:
-      {
-        integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==,
-      }
-
-  "@types/d3-path@3.1.1":
-    resolution:
-      {
-        integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==,
-      }
-
-  "@types/d3-scale@4.0.9":
-    resolution:
-      {
-        integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==,
-      }
-
-  "@types/d3-shape@3.1.8":
-    resolution:
-      {
-        integrity: sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==,
-      }
-
-  "@types/d3-time@3.0.4":
-    resolution:
-      {
-        integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==,
-      }
-
-  "@types/d3-timer@3.0.2":
-    resolution:
-      {
-        integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==,
-      }
-
-  "@types/estree@1.0.8":
-    resolution:
-      {
-        integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==,
-      }
-
-  "@types/express-serve-static-core@5.1.1":
-    resolution:
-      {
-        integrity: sha512-v4zIMr/cX7/d2BpAEX3KNKL/JrT1s43s96lLvvdTmza1oEvDudCqK9aF/djc/SWgy8Yh0h30TZx5VpzqFCxk5A==,
-      }
-
-  "@types/express@5.0.6":
-    resolution:
-      {
-        integrity: sha512-sKYVuV7Sv9fbPIt/442koC7+IIwK5olP1KWeD88e/idgoJqDm3JV/YUiPwkoKK92ylff2MGxSz1CSjsXelx0YA==,
-      }
-
-  "@types/hast@3.0.4":
-    resolution:
-      {
-        integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==,
-      }
-
-  "@types/http-errors@2.0.5":
-    resolution:
-      {
-        integrity: sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==,
-      }
-
-  "@types/node@25.3.5":
-    resolution:
-      {
-        integrity: sha512-oX8xrhvpiyRCQkG1MFchB09f+cXftgIXb3a7UUa4Y3wpmZPw5tyZGTLWhlESOLq1Rq6oDlc8npVU2/9xiCuXMA==,
-      }
-
-  "@types/pg@8.18.0":
-    resolution:
-      {
-        integrity: sha512-gT+oueVQkqnj6ajGJXblFR4iavIXWsGAFCk3dP4Kki5+a9R4NMt0JARdk6s8cUKcfUoqP5dAtDSLU8xYUTFV+Q==,
-      }
-
-  "@types/qs@6.15.0":
-    resolution:
-      {
-        integrity: sha512-JawvT8iBVWpzTrz3EGw9BTQFg3BQNmwERdKE22vlTxawwtbyUSlMppvZYKLZzB5zgACXdXxbD3m1bXaMqP/9ow==,
-      }
-
-  "@types/range-parser@1.2.7":
-    resolution:
-      {
-        integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==,
-      }
-
-  "@types/react-dom@19.2.3":
-    resolution:
-      {
-        integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==,
-      }
+      '@types/express': '*'
+
+  '@types/cors@2.8.19':
+    resolution: {integrity: sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==}
+
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-shape@3.1.8':
+    resolution: {integrity: sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
+  '@types/express-serve-static-core@5.1.1':
+    resolution: {integrity: sha512-v4zIMr/cX7/d2BpAEX3KNKL/JrT1s43s96lLvvdTmza1oEvDudCqK9aF/djc/SWgy8Yh0h30TZx5VpzqFCxk5A==}
+
+  '@types/express@5.0.6':
+    resolution: {integrity: sha512-sKYVuV7Sv9fbPIt/442koC7+IIwK5olP1KWeD88e/idgoJqDm3JV/YUiPwkoKK92ylff2MGxSz1CSjsXelx0YA==}
+
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
+  '@types/http-errors@2.0.5':
+    resolution: {integrity: sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==}
+
+  '@types/node@25.3.5':
+    resolution: {integrity: sha512-oX8xrhvpiyRCQkG1MFchB09f+cXftgIXb3a7UUa4Y3wpmZPw5tyZGTLWhlESOLq1Rq6oDlc8npVU2/9xiCuXMA==}
+
+  '@types/pg@8.18.0':
+    resolution: {integrity: sha512-gT+oueVQkqnj6ajGJXblFR4iavIXWsGAFCk3dP4Kki5+a9R4NMt0JARdk6s8cUKcfUoqP5dAtDSLU8xYUTFV+Q==}
+
+  '@types/qs@6.15.0':
+    resolution: {integrity: sha512-JawvT8iBVWpzTrz3EGw9BTQFg3BQNmwERdKE22vlTxawwtbyUSlMppvZYKLZzB5zgACXdXxbD3m1bXaMqP/9ow==}
+
+  '@types/range-parser@1.2.7':
+    resolution: {integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==}
+
+  '@types/react-dom@19.2.3':
+    resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
     peerDependencies:
-      "@types/react": ^19.2.0
-
-  "@types/react@19.2.14":
-    resolution:
-      {
-        integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==,
-      }
-
-  "@types/send@1.2.1":
-    resolution:
-      {
-        integrity: sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==,
-      }
-
-  "@types/serve-static@2.2.0":
-    resolution:
-      {
-        integrity: sha512-8mam4H1NHLtu7nmtalF7eyBH14QyOASmcxHhSfEoRyr0nP/YdoesEtU+uSRvMe96TW/HPTtkoKqQLl53N7UXMQ==,
-      }
-
-  "@types/unist@3.0.3":
-    resolution:
-      {
-        integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==,
-      }
-
-  "@vitejs/plugin-react@5.1.4":
-    resolution:
-      {
-        integrity: sha512-VIcFLdRi/VYRU8OL/puL7QXMYafHmqOnwTZY50U1JPlCNj30PxCMx65c494b1K9be9hX83KVt0+gTEwTWLqToA==,
-      }
-    engines: { node: ^20.19.0 || >=22.12.0 }
+      '@types/react': ^19.2.0
+
+  '@types/react@19.2.14':
+    resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==}
+
+  '@types/send@1.2.1':
+    resolution: {integrity: sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==}
+
+  '@types/serve-static@2.2.0':
+    resolution: {integrity: sha512-8mam4H1NHLtu7nmtalF7eyBH14QyOASmcxHhSfEoRyr0nP/YdoesEtU+uSRvMe96TW/HPTtkoKqQLl53N7UXMQ==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
+  '@vitejs/plugin-react@5.1.4':
+    resolution: {integrity: sha512-VIcFLdRi/VYRU8OL/puL7QXMYafHmqOnwTZY50U1JPlCNj30PxCMx65c494b1K9be9hX83KVt0+gTEwTWLqToA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     peerDependencies:
       vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
 
   accepts@2.0.0:
-    resolution:
-      {
-        integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==,
-      }
-    engines: { node: ">= 0.6" }
+    resolution: {integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==}
+    engines: {node: '>= 0.6'}
 
   acorn@8.16.0:
-    resolution:
-      {
-        integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==,
-      }
-    engines: { node: ">=0.4.0" }
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
+    engines: {node: '>=0.4.0'}
     hasBin: true
 
   ajv-draft-04@1.0.0:
-    resolution:
-      {
-        integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==,
-      }
+    resolution: {integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==}
     peerDependencies:
       ajv: ^8.5.0
     peerDependenciesMeta:
@@ -2242,471 +1750,294 @@ packages:
         optional: true
 
   ajv-formats@3.0.1:
-    resolution:
-      {
-        integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==,
-      }
+    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
 
   ajv@8.18.0:
-    resolution:
-      {
-        integrity: sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==,
-      }
+    resolution: {integrity: sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==}
 
   ansi-colors@4.1.3:
-    resolution:
-      {
-        integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==,
-      }
-    engines: { node: ">=6" }
+    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
+    engines: {node: '>=6'}
 
   ansi-regex@5.0.1:
-    resolution:
-      {
-        integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
 
   argparse@2.0.1:
-    resolution:
-      {
-        integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==,
-      }
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
   aria-hidden@1.2.6:
-    resolution:
-      {
-        integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
+    engines: {node: '>=10'}
 
   atomic-sleep@1.0.0:
-    resolution:
-      {
-        integrity: sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==,
-      }
-    engines: { node: ">=8.0.0" }
+    resolution: {integrity: sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==}
+    engines: {node: '>=8.0.0'}
 
   balanced-match@1.0.2:
-    resolution:
-      {
-        integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==,
-      }
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
   baseline-browser-mapping@2.10.0:
-    resolution:
-      {
-        integrity: sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==,
-      }
-    engines: { node: ">=6.0.0" }
+    resolution: {integrity: sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==}
+    engines: {node: '>=6.0.0'}
     hasBin: true
 
   body-parser@2.2.2:
-    resolution:
-      {
-        integrity: sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==}
+    engines: {node: '>=18'}
 
   brace-expansion@2.0.2:
-    resolution:
-      {
-        integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==,
-      }
+    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
 
   braces@3.0.3:
-    resolution:
-      {
-        integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
 
   browserslist@4.28.1:
-    resolution:
-      {
-        integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==,
-      }
-    engines: { node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7 }
+    resolution: {integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
   bytes@3.1.2:
-    resolution:
-      {
-        integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==,
-      }
-    engines: { node: ">= 0.8" }
+    resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
+    engines: {node: '>= 0.8'}
 
   call-bind-apply-helpers@1.0.2:
-    resolution:
-      {
-        integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
 
   call-bound@1.0.4:
-    resolution:
-      {
-        integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
 
   caniuse-lite@1.0.30001777:
-    resolution:
-      {
-        integrity: sha512-tmN+fJxroPndC74efCdp12j+0rk0RHwV5Jwa1zWaFVyw2ZxAuPeG8ZgWC3Wz7uSjT3qMRQ5XHZ4COgQmsCMJAQ==,
-      }
+    resolution: {integrity: sha512-tmN+fJxroPndC74efCdp12j+0rk0RHwV5Jwa1zWaFVyw2ZxAuPeG8ZgWC3Wz7uSjT3qMRQ5XHZ4COgQmsCMJAQ==}
 
   chokidar@4.0.3:
-    resolution:
-      {
-        integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==,
-      }
-    engines: { node: ">= 14.16.0" }
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
+    engines: {node: '>= 14.16.0'}
 
   chokidar@5.0.0:
-    resolution:
-      {
-        integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==,
-      }
-    engines: { node: ">= 20.19.0" }
+    resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
+    engines: {node: '>= 20.19.0'}
 
   class-variance-authority@0.7.1:
-    resolution:
-      {
-        integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==,
-      }
+    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
 
   clsx@2.1.1:
-    resolution:
-      {
-        integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==,
-      }
-    engines: { node: ">=6" }
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
 
   cmdk@1.1.1:
-    resolution:
-      {
-        integrity: sha512-Vsv7kFaXm+ptHDMZ7izaRsP70GgrW9NBNGswt9OZaVBLlE0SNpDq8eu/VGXyF9r7M0azK3Wy7OlYXsuyYLFzHg==,
-      }
+    resolution: {integrity: sha512-Vsv7kFaXm+ptHDMZ7izaRsP70GgrW9NBNGswt9OZaVBLlE0SNpDq8eu/VGXyF9r7M0azK3Wy7OlYXsuyYLFzHg==}
     peerDependencies:
       react: ^18 || ^19 || ^19.0.0-rc
       react-dom: ^18 || ^19 || ^19.0.0-rc
 
   colorette@2.0.20:
-    resolution:
-      {
-        integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==,
-      }
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
 
   commander@14.0.3:
-    resolution:
-      {
-        integrity: sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==,
-      }
-    engines: { node: ">=20" }
+    resolution: {integrity: sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==}
+    engines: {node: '>=20'}
 
   compare-versions@6.1.1:
-    resolution:
-      {
-        integrity: sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==,
-      }
+    resolution: {integrity: sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==}
 
   content-disposition@1.0.1:
-    resolution:
-      {
-        integrity: sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==}
+    engines: {node: '>=18'}
 
   content-type@1.0.5:
-    resolution:
-      {
-        integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==,
-      }
-    engines: { node: ">= 0.6" }
+    resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
+    engines: {node: '>= 0.6'}
 
   convert-source-map@2.0.0:
-    resolution:
-      {
-        integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==,
-      }
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
   cookie-parser@1.4.7:
-    resolution:
-      {
-        integrity: sha512-nGUvgXnotP3BsjiLX2ypbQnWoGUPIIfHQNZkkC668ntrzGWEZVW70HDEB1qnNGMicPje6EttlIgzo51YSwNQGw==,
-      }
-    engines: { node: ">= 0.8.0" }
+    resolution: {integrity: sha512-nGUvgXnotP3BsjiLX2ypbQnWoGUPIIfHQNZkkC668ntrzGWEZVW70HDEB1qnNGMicPje6EttlIgzo51YSwNQGw==}
+    engines: {node: '>= 0.8.0'}
 
   cookie-signature@1.0.6:
-    resolution:
-      {
-        integrity: sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==,
-      }
+    resolution: {integrity: sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==}
 
   cookie-signature@1.2.2:
-    resolution:
-      {
-        integrity: sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==,
-      }
-    engines: { node: ">=6.6.0" }
+    resolution: {integrity: sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==}
+    engines: {node: '>=6.6.0'}
 
   cookie@0.7.2:
-    resolution:
-      {
-        integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==,
-      }
-    engines: { node: ">= 0.6" }
+    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
+    engines: {node: '>= 0.6'}
 
   cors@2.8.6:
-    resolution:
-      {
-        integrity: sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==,
-      }
-    engines: { node: ">= 0.10" }
+    resolution: {integrity: sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==}
+    engines: {node: '>= 0.10'}
 
   cross-spawn@7.0.6:
-    resolution:
-      {
-        integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==,
-      }
-    engines: { node: ">= 8" }
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
 
   cssesc@3.0.0:
-    resolution:
-      {
-        integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==,
-      }
-    engines: { node: ">=4" }
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
     hasBin: true
 
   csstype@3.2.3:
-    resolution:
-      {
-        integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==,
-      }
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
   d3-array@3.2.4:
-    resolution:
-      {
-        integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
 
   d3-color@3.1.0:
-    resolution:
-      {
-        integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
 
   d3-ease@3.0.1:
-    resolution:
-      {
-        integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
 
   d3-format@3.1.2:
-    resolution:
-      {
-        integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==}
+    engines: {node: '>=12'}
 
   d3-interpolate@3.0.1:
-    resolution:
-      {
-        integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
 
   d3-path@3.1.0:
-    resolution:
-      {
-        integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
 
   d3-scale@4.0.2:
-    resolution:
-      {
-        integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
 
   d3-shape@3.2.0:
-    resolution:
-      {
-        integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
 
   d3-time-format@4.1.0:
-    resolution:
-      {
-        integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
 
   d3-time@3.1.0:
-    resolution:
-      {
-        integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
 
   d3-timer@3.0.1:
-    resolution:
-      {
-        integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
 
   date-fns-jalali@4.1.0-0:
-    resolution:
-      {
-        integrity: sha512-hTIP/z+t+qKwBDcmmsnmjWTduxCg+5KfdqWQvb2X/8C9+knYY6epN/pfxdDuyVlSVeFz0sM5eEfwIUQ70U4ckg==,
-      }
+    resolution: {integrity: sha512-hTIP/z+t+qKwBDcmmsnmjWTduxCg+5KfdqWQvb2X/8C9+knYY6epN/pfxdDuyVlSVeFz0sM5eEfwIUQ70U4ckg==}
 
   date-fns@3.6.0:
-    resolution:
-      {
-        integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==,
-      }
+    resolution: {integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==}
 
   date-fns@4.1.0:
-    resolution:
-      {
-        integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==,
-      }
+    resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
 
   dateformat@4.6.3:
-    resolution:
-      {
-        integrity: sha512-2P0p0pFGzHS5EMnhdxQi7aJN+iMheud0UhG4dlE1DLAlvL8JHjJJTX/CSm4JXwV0Ka5nGk3zC5mcb5bUQUxxMA==,
-      }
+    resolution: {integrity: sha512-2P0p0pFGzHS5EMnhdxQi7aJN+iMheud0UhG4dlE1DLAlvL8JHjJJTX/CSm4JXwV0Ka5nGk3zC5mcb5bUQUxxMA==}
 
   debug@4.4.3:
-    resolution:
-      {
-        integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==,
-      }
-    engines: { node: ">=6.0" }
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
     peerDependencies:
-      supports-color: "*"
+      supports-color: '*'
     peerDependenciesMeta:
       supports-color:
         optional: true
 
   decimal.js-light@2.5.1:
-    resolution:
-      {
-        integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==,
-      }
+    resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
 
   depd@2.0.0:
-    resolution:
-      {
-        integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==,
-      }
-    engines: { node: ">= 0.8" }
+    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
+    engines: {node: '>= 0.8'}
 
   detect-libc@2.1.2:
-    resolution:
-      {
-        integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
 
   detect-node-es@1.1.0:
-    resolution:
-      {
-        integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==,
-      }
+    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
 
   dom-helpers@5.2.1:
-    resolution:
-      {
-        integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==,
-      }
+    resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
 
   drizzle-kit@0.31.9:
-    resolution:
-      {
-        integrity: sha512-GViD3IgsXn7trFyBUUHyTFBpH/FsHTxYJ66qdbVggxef4UBPHRYxQaRzYLTuekYnk9i5FIEL9pbBIwMqX/Uwrg==,
-      }
+    resolution: {integrity: sha512-GViD3IgsXn7trFyBUUHyTFBpH/FsHTxYJ66qdbVggxef4UBPHRYxQaRzYLTuekYnk9i5FIEL9pbBIwMqX/Uwrg==}
     hasBin: true
 
   drizzle-orm@0.45.2:
-    resolution:
-      {
-        integrity: sha512-kY0BSaTNYWnoDMVoyY8uxmyHjpJW1geOmBMdSSicKo9CIIWkSxMIj2rkeSR51b8KAPB7m+qysjuHme5nKP+E5Q==,
-      }
+    resolution: {integrity: sha512-kY0BSaTNYWnoDMVoyY8uxmyHjpJW1geOmBMdSSicKo9CIIWkSxMIj2rkeSR51b8KAPB7m+qysjuHme5nKP+E5Q==}
     peerDependencies:
-      "@aws-sdk/client-rds-data": ">=3"
-      "@cloudflare/workers-types": ">=4"
-      "@electric-sql/pglite": ">=0.2.0"
-      "@libsql/client": ">=0.10.0"
-      "@libsql/client-wasm": ">=0.10.0"
-      "@neondatabase/serverless": ">=0.10.0"
-      "@op-engineering/op-sqlite": ">=2"
-      "@opentelemetry/api": ^1.4.1
-      "@planetscale/database": ">=1.13"
-      "@prisma/client": "*"
-      "@tidbcloud/serverless": "*"
-      "@types/better-sqlite3": "*"
-      "@types/pg": "*"
-      "@types/sql.js": "*"
-      "@upstash/redis": ">=1.34.7"
-      "@vercel/postgres": ">=0.8.0"
-      "@xata.io/client": "*"
-      better-sqlite3: ">=7"
-      bun-types: "*"
-      expo-sqlite: ">=14.0.0"
-      gel: ">=2"
-      knex: "*"
-      kysely: "*"
-      mysql2: ">=2"
-      pg: ">=8"
-      postgres: ">=3"
-      prisma: "*"
-      sql.js: ">=1"
-      sqlite3: ">=5"
+      '@aws-sdk/client-rds-data': '>=3'
+      '@cloudflare/workers-types': '>=4'
+      '@electric-sql/pglite': '>=0.2.0'
+      '@libsql/client': '>=0.10.0'
+      '@libsql/client-wasm': '>=0.10.0'
+      '@neondatabase/serverless': '>=0.10.0'
+      '@op-engineering/op-sqlite': '>=2'
+      '@opentelemetry/api': ^1.4.1
+      '@planetscale/database': '>=1.13'
+      '@prisma/client': '*'
+      '@tidbcloud/serverless': '*'
+      '@types/better-sqlite3': '*'
+      '@types/pg': '*'
+      '@types/sql.js': '*'
+      '@upstash/redis': '>=1.34.7'
+      '@vercel/postgres': '>=0.8.0'
+      '@xata.io/client': '*'
+      better-sqlite3: '>=7'
+      bun-types: '*'
+      expo-sqlite: '>=14.0.0'
+      gel: '>=2'
+      knex: '*'
+      kysely: '*'
+      mysql2: '>=2'
+      pg: '>=8'
+      postgres: '>=3'
+      prisma: '*'
+      sql.js: '>=1'
+      sqlite3: '>=5'
     peerDependenciesMeta:
-      "@aws-sdk/client-rds-data":
+      '@aws-sdk/client-rds-data':
         optional: true
-      "@cloudflare/workers-types":
+      '@cloudflare/workers-types':
         optional: true
-      "@electric-sql/pglite":
+      '@electric-sql/pglite':
         optional: true
-      "@libsql/client":
+      '@libsql/client':
         optional: true
-      "@libsql/client-wasm":
+      '@libsql/client-wasm':
         optional: true
-      "@neondatabase/serverless":
+      '@neondatabase/serverless':
         optional: true
-      "@op-engineering/op-sqlite":
+      '@op-engineering/op-sqlite':
         optional: true
-      "@opentelemetry/api":
+      '@opentelemetry/api':
         optional: true
-      "@planetscale/database":
+      '@planetscale/database':
         optional: true
-      "@prisma/client":
+      '@prisma/client':
         optional: true
-      "@tidbcloud/serverless":
+      '@tidbcloud/serverless':
         optional: true
-      "@types/better-sqlite3":
+      '@types/better-sqlite3':
         optional: true
-      "@types/pg":
+      '@types/pg':
         optional: true
-      "@types/sql.js":
+      '@types/sql.js':
         optional: true
-      "@upstash/redis":
+      '@upstash/redis':
         optional: true
-      "@vercel/postgres":
+      '@vercel/postgres':
         optional: true
-      "@xata.io/client":
+      '@xata.io/client':
         optional: true
       better-sqlite3:
         optional: true
@@ -2734,120 +2065,72 @@ packages:
         optional: true
 
   drizzle-zod@0.8.3:
-    resolution:
-      {
-        integrity: sha512-66yVOuvGhKJnTdiqj1/Xaaz9/qzOdRJADpDa68enqS6g3t0kpNkwNYjUuaeXgZfO/UWuIM9HIhSlJ6C5ZraMww==,
-      }
+    resolution: {integrity: sha512-66yVOuvGhKJnTdiqj1/Xaaz9/qzOdRJADpDa68enqS6g3t0kpNkwNYjUuaeXgZfO/UWuIM9HIhSlJ6C5ZraMww==}
     peerDependencies:
-      drizzle-orm: ">=0.36.0"
+      drizzle-orm: '>=0.36.0'
       zod: ^3.25.0 || ^4.0.0
 
   dunder-proto@1.0.1:
-    resolution:
-      {
-        integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
 
   ee-first@1.1.1:
-    resolution:
-      {
-        integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==,
-      }
+    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
   electron-to-chromium@1.5.307:
-    resolution:
-      {
-        integrity: sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==,
-      }
+    resolution: {integrity: sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==}
 
   embla-carousel-react@8.6.0:
-    resolution:
-      {
-        integrity: sha512-0/PjqU7geVmo6F734pmPqpyHqiM99olvyecY7zdweCw+6tKEXnrE90pBiBbMMU8s5tICemzpQ3hi5EpxzGW+JA==,
-      }
+    resolution: {integrity: sha512-0/PjqU7geVmo6F734pmPqpyHqiM99olvyecY7zdweCw+6tKEXnrE90pBiBbMMU8s5tICemzpQ3hi5EpxzGW+JA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.1 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
 
   embla-carousel-reactive-utils@8.6.0:
-    resolution:
-      {
-        integrity: sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==,
-      }
+    resolution: {integrity: sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==}
     peerDependencies:
       embla-carousel: 8.6.0
 
   embla-carousel@8.6.0:
-    resolution:
-      {
-        integrity: sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==,
-      }
+    resolution: {integrity: sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==}
 
   encodeurl@2.0.0:
-    resolution:
-      {
-        integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==,
-      }
-    engines: { node: ">= 0.8" }
+    resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
+    engines: {node: '>= 0.8'}
 
   end-of-stream@1.4.5:
-    resolution:
-      {
-        integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==,
-      }
+    resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
 
   enhanced-resolve@5.20.0:
-    resolution:
-      {
-        integrity: sha512-/ce7+jQ1PQ6rVXwe+jKEg5hW5ciicHwIQUagZkp6IufBoY3YDgdTTY1azVs0qoRgVmvsNB+rbjLJxDAeHHtwsQ==,
-      }
-    engines: { node: ">=10.13.0" }
+    resolution: {integrity: sha512-/ce7+jQ1PQ6rVXwe+jKEg5hW5ciicHwIQUagZkp6IufBoY3YDgdTTY1azVs0qoRgVmvsNB+rbjLJxDAeHHtwsQ==}
+    engines: {node: '>=10.13.0'}
 
   enquirer@2.4.1:
-    resolution:
-      {
-        integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==,
-      }
-    engines: { node: ">=8.6" }
+    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
+    engines: {node: '>=8.6'}
 
   entities@4.5.0:
-    resolution:
-      {
-        integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==,
-      }
-    engines: { node: ">=0.12" }
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
 
   es-define-property@1.0.1:
-    resolution:
-      {
-        integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
 
   es-errors@1.3.0:
-    resolution:
-      {
-        integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
 
   es-object-atoms@1.1.1:
-    resolution:
-      {
-        integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
+    engines: {node: '>= 0.4'}
 
   esbuild-plugin-pino@2.3.3:
-    resolution:
-      {
-        integrity: sha512-5RIsILwgqy8wIV5pVg2gb13gJlH3EKKg613Js8q25p3tFsKA8ftsgWQFdgGbIkUe77Ttjl8lctuGkchRAvXGfw==,
-      }
+    resolution: {integrity: sha512-5RIsILwgqy8wIV5pVg2gb13gJlH3EKKg613Js8q25p3tFsKA8ftsgWQFdgGbIkUe77Ttjl8lctuGkchRAvXGfw==}
     peerDependencies:
       esbuild: 0.27.3
-      pino: ">=7.0.0"
-      pino-pretty: "*"
-      thread-stream: "*"
+      pino: '>=7.0.0'
+      pino-pretty: '*'
+      thread-stream: '*'
     peerDependenciesMeta:
       pino-pretty:
         optional: true
@@ -2855,170 +2138,101 @@ packages:
         optional: true
 
   esbuild-register@3.6.0:
-    resolution:
-      {
-        integrity: sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==,
-      }
+    resolution: {integrity: sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==}
     peerDependencies:
       esbuild: 0.27.3
 
   esbuild@0.27.3:
-    resolution:
-      {
-        integrity: sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==}
+    engines: {node: '>=18'}
     hasBin: true
 
   escalade@3.2.0:
-    resolution:
-      {
-        integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==,
-      }
-    engines: { node: ">=6" }
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
 
   escape-html@1.0.3:
-    resolution:
-      {
-        integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==,
-      }
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
 
   esutils@2.0.3:
-    resolution:
-      {
-        integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
 
   etag@1.8.1:
-    resolution:
-      {
-        integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==,
-      }
-    engines: { node: ">= 0.6" }
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
 
   eventemitter3@4.0.7:
-    resolution:
-      {
-        integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==,
-      }
+    resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
 
   execa@9.6.1:
-    resolution:
-      {
-        integrity: sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==,
-      }
-    engines: { node: ^18.19.0 || >=20.5.0 }
+    resolution: {integrity: sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==}
+    engines: {node: ^18.19.0 || >=20.5.0}
 
   express@5.2.1:
-    resolution:
-      {
-        integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==,
-      }
-    engines: { node: ">= 18" }
+    resolution: {integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==}
+    engines: {node: '>= 18'}
 
   fast-copy@4.0.2:
-    resolution:
-      {
-        integrity: sha512-ybA6PDXIXOXivLJK/z9e+Otk7ve13I4ckBvGO5I2RRmBU1gMHLVDJYEuJYhGwez7YNlYji2M2DvVU+a9mSFDlw==,
-      }
+    resolution: {integrity: sha512-ybA6PDXIXOXivLJK/z9e+Otk7ve13I4ckBvGO5I2RRmBU1gMHLVDJYEuJYhGwez7YNlYji2M2DvVU+a9mSFDlw==}
 
   fast-deep-equal@3.1.3:
-    resolution:
-      {
-        integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==,
-      }
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
   fast-equals@5.4.0:
-    resolution:
-      {
-        integrity: sha512-jt2DW/aNFNwke7AUd+Z+e6pz39KO5rzdbbFCg2sGafS4mk13MI7Z8O5z9cADNn5lhGODIgLwug6TZO2ctf7kcw==,
-      }
-    engines: { node: ">=6.0.0" }
+    resolution: {integrity: sha512-jt2DW/aNFNwke7AUd+Z+e6pz39KO5rzdbbFCg2sGafS4mk13MI7Z8O5z9cADNn5lhGODIgLwug6TZO2ctf7kcw==}
+    engines: {node: '>=6.0.0'}
 
   fast-glob@3.3.3:
-    resolution:
-      {
-        integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==,
-      }
-    engines: { node: ">=8.6.0" }
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
+    engines: {node: '>=8.6.0'}
 
   fast-safe-stringify@2.1.1:
-    resolution:
-      {
-        integrity: sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA==,
-      }
+    resolution: {integrity: sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA==}
 
   fast-uri@3.1.2:
-    resolution:
-      {
-        integrity: sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==,
-      }
+    resolution: {integrity: sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==}
 
   fastq@1.20.1:
-    resolution:
-      {
-        integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==,
-      }
+    resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
 
   fdir@6.5.0:
-    resolution:
-      {
-        integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==,
-      }
-    engines: { node: ">=12.0.0" }
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
     peerDependencies:
-      picomatch: ^3 || ^4
+      picomatch: ^4.0.4
     peerDependenciesMeta:
       picomatch:
         optional: true
 
   figures@6.1.0:
-    resolution:
-      {
-        integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
+    engines: {node: '>=18'}
 
   fill-range@7.1.1:
-    resolution:
-      {
-        integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
 
   finalhandler@2.1.1:
-    resolution:
-      {
-        integrity: sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==,
-      }
-    engines: { node: ">= 18.0.0" }
+    resolution: {integrity: sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==}
+    engines: {node: '>= 18.0.0'}
 
   find-up@8.0.0:
-    resolution:
-      {
-        integrity: sha512-JGG8pvDi2C+JxidYdIwQDyS/CgcrIdh18cvgxcBge3wSHRQOrooMD3GlFBcmMJAN9M42SAZjDp5zv1dglJjwww==,
-      }
-    engines: { node: ">=20" }
+    resolution: {integrity: sha512-JGG8pvDi2C+JxidYdIwQDyS/CgcrIdh18cvgxcBge3wSHRQOrooMD3GlFBcmMJAN9M42SAZjDp5zv1dglJjwww==}
+    engines: {node: '>=20'}
 
   forwarded@0.2.0:
-    resolution:
-      {
-        integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==,
-      }
-    engines: { node: ">= 0.6" }
+    resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
+    engines: {node: '>= 0.6'}
 
   framer-motion@12.35.1:
-    resolution:
-      {
-        integrity: sha512-rL8cLrjYZNShZqKV3U0Qj6Y5WDiZXYEM5giiTLfEqsIZxtspzMDCkKmrO5po76jWfvOg04+Vk+sfBvTD0iMmLw==,
-      }
+    resolution: {integrity: sha512-rL8cLrjYZNShZqKV3U0Qj6Y5WDiZXYEM5giiTLfEqsIZxtspzMDCkKmrO5po76jWfvOg04+Vk+sfBvTD0iMmLw==}
     peerDependencies:
-      "@emotion/is-prop-valid": "*"
+      '@emotion/is-prop-valid': '*'
       react: ^18.0.0 || ^19.0.0
       react-dom: ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
-      "@emotion/is-prop-valid":
+      '@emotion/is-prop-valid':
         optional: true
       react:
         optional: true
@@ -3026,1329 +2240,770 @@ packages:
         optional: true
 
   fresh@2.0.0:
-    resolution:
-      {
-        integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==,
-      }
-    engines: { node: ">= 0.8" }
+    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
+    engines: {node: '>= 0.8'}
 
   fs-extra@11.3.4:
-    resolution:
-      {
-        integrity: sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==,
-      }
-    engines: { node: ">=14.14" }
+    resolution: {integrity: sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==}
+    engines: {node: '>=14.14'}
 
   fsevents@2.3.3:
-    resolution:
-      {
-        integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==,
-      }
-    engines: { node: ^8.16.0 || ^10.6.0 || >=11.0.0 }
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
 
   function-bind@1.1.2:
-    resolution:
-      {
-        integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==,
-      }
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
   gensync@1.0.0-beta.2:
-    resolution:
-      {
-        integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==,
-      }
-    engines: { node: ">=6.9.0" }
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
 
   get-caller-file@2.0.5:
-    resolution:
-      {
-        integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==,
-      }
-    engines: { node: 6.* || 8.* || >= 10.* }
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
 
   get-intrinsic@1.3.0:
-    resolution:
-      {
-        integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
 
   get-nonce@1.0.1:
-    resolution:
-      {
-        integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==,
-      }
-    engines: { node: ">=6" }
+    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
+    engines: {node: '>=6'}
 
   get-proto@1.0.1:
-    resolution:
-      {
-        integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
 
   get-stream@9.0.1:
-    resolution:
-      {
-        integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==}
+    engines: {node: '>=18'}
 
   get-tsconfig@4.13.6:
-    resolution:
-      {
-        integrity: sha512-shZT/QMiSHc/YBLxxOkMtgSid5HFoauqCE3/exfsEcwg1WkeqjG+V40yBbBrsD+jW2HDXcs28xOfcbm2jI8Ddw==,
-      }
+    resolution: {integrity: sha512-shZT/QMiSHc/YBLxxOkMtgSid5HFoauqCE3/exfsEcwg1WkeqjG+V40yBbBrsD+jW2HDXcs28xOfcbm2jI8Ddw==}
 
   glob-parent@5.1.2:
-    resolution:
-      {
-        integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==,
-      }
-    engines: { node: ">= 6" }
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
 
   globby@16.1.0:
-    resolution:
-      {
-        integrity: sha512-+A4Hq7m7Ze592k9gZRy4gJ27DrXRNnC1vPjxTt1qQxEY8RxagBkBxivkCwg7FxSTG0iLLEMaUx13oOr0R2/qcQ==,
-      }
-    engines: { node: ">=20" }
+    resolution: {integrity: sha512-+A4Hq7m7Ze592k9gZRy4gJ27DrXRNnC1vPjxTt1qQxEY8RxagBkBxivkCwg7FxSTG0iLLEMaUx13oOr0R2/qcQ==}
+    engines: {node: '>=20'}
 
   gopd@1.2.0:
-    resolution:
-      {
-        integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
 
   graceful-fs@4.2.11:
-    resolution:
-      {
-        integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==,
-      }
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
   has-symbols@1.1.0:
-    resolution:
-      {
-        integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
 
   hasown@2.0.2:
-    resolution:
-      {
-        integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
 
   help-me@5.0.0:
-    resolution:
-      {
-        integrity: sha512-7xgomUX6ADmcYzFik0HzAxh/73YlKR9bmFzf51CZwR+b6YtzU2m0u49hQCqV6SvlqIqsaxovfwdvbnsw3b/zpg==,
-      }
+    resolution: {integrity: sha512-7xgomUX6ADmcYzFik0HzAxh/73YlKR9bmFzf51CZwR+b6YtzU2m0u49hQCqV6SvlqIqsaxovfwdvbnsw3b/zpg==}
 
   http-errors@2.0.1:
-    resolution:
-      {
-        integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==,
-      }
-    engines: { node: ">= 0.8" }
+    resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
+    engines: {node: '>= 0.8'}
 
   human-signals@8.0.1:
-    resolution:
-      {
-        integrity: sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==,
-      }
-    engines: { node: ">=18.18.0" }
+    resolution: {integrity: sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==}
+    engines: {node: '>=18.18.0'}
 
   iconv-lite@0.7.2:
-    resolution:
-      {
-        integrity: sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==}
+    engines: {node: '>=0.10.0'}
 
   ignore@7.0.5:
-    resolution:
-      {
-        integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==,
-      }
-    engines: { node: ">= 4" }
+    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+    engines: {node: '>= 4'}
 
   inherits@2.0.4:
-    resolution:
-      {
-        integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==,
-      }
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
   input-otp@1.4.2:
-    resolution:
-      {
-        integrity: sha512-l3jWwYNvrEa6NTCt7BECfCm48GvwuZzkoeG3gBL2w4CHeOXW3eKFmf9UNYkNfYc3mxMrthMnxjIE07MT0zLBQA==,
-      }
+    resolution: {integrity: sha512-l3jWwYNvrEa6NTCt7BECfCm48GvwuZzkoeG3gBL2w4CHeOXW3eKFmf9UNYkNfYc3mxMrthMnxjIE07MT0zLBQA==}
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
 
   internmap@2.0.3:
-    resolution:
-      {
-        integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
 
   ipaddr.js@1.9.1:
-    resolution:
-      {
-        integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==,
-      }
-    engines: { node: ">= 0.10" }
+    resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
+    engines: {node: '>= 0.10'}
 
   is-extglob@2.1.1:
-    resolution:
-      {
-        integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
 
   is-glob@4.0.3:
-    resolution:
-      {
-        integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
 
   is-number@7.0.0:
-    resolution:
-      {
-        integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==,
-      }
-    engines: { node: ">=0.12.0" }
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
 
   is-path-inside@4.0.0:
-    resolution:
-      {
-        integrity: sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==}
+    engines: {node: '>=12'}
 
   is-plain-obj@4.1.0:
-    resolution:
-      {
-        integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
 
   is-promise@4.0.0:
-    resolution:
-      {
-        integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==,
-      }
+    resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
 
   is-stream@4.0.1:
-    resolution:
-      {
-        integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==}
+    engines: {node: '>=18'}
 
   is-unicode-supported@2.1.0:
-    resolution:
-      {
-        integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
+    engines: {node: '>=18'}
 
   isexe@2.0.0:
-    resolution:
-      {
-        integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==,
-      }
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
   jiti@2.6.1:
-    resolution:
-      {
-        integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==,
-      }
+    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
     hasBin: true
 
   joycon@3.1.1:
-    resolution:
-      {
-        integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==}
+    engines: {node: '>=10'}
 
   js-tokens@4.0.0:
-    resolution:
-      {
-        integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==,
-      }
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
   js-yaml@4.1.1:
-    resolution:
-      {
-        integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==,
-      }
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
     hasBin: true
 
   jsesc@3.1.0:
-    resolution:
-      {
-        integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==,
-      }
-    engines: { node: ">=6" }
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
     hasBin: true
 
   json-schema-traverse@1.0.0:
-    resolution:
-      {
-        integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==,
-      }
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
 
   json5@2.2.3:
-    resolution:
-      {
-        integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==,
-      }
-    engines: { node: ">=6" }
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
     hasBin: true
 
   jsonfile@6.2.0:
-    resolution:
-      {
-        integrity: sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==,
-      }
+    resolution: {integrity: sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==}
 
   jsonpointer@5.0.1:
-    resolution:
-      {
-        integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
+    engines: {node: '>=0.10.0'}
 
   leven@4.1.0:
-    resolution:
-      {
-        integrity: sha512-KZ9W9nWDT7rF7Dazg8xyLHGLrmpgq2nVNFUckhqdW3szVP6YhCpp/RAnpmVExA9JvrMynjwSLVrEj3AepHR6ew==,
-      }
-    engines: { node: ^12.20.0 || ^14.13.1 || >=16.0.0 }
+    resolution: {integrity: sha512-KZ9W9nWDT7rF7Dazg8xyLHGLrmpgq2nVNFUckhqdW3szVP6YhCpp/RAnpmVExA9JvrMynjwSLVrEj3AepHR6ew==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
   lightningcss-linux-x64-gnu@1.31.1:
-    resolution:
-      {
-        integrity: sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==,
-      }
-    engines: { node: ">= 12.0.0" }
+    resolution: {integrity: sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==}
+    engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
+
+  lightningcss-win32-x64-msvc@1.31.1:
+    resolution: {integrity: sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
 
   lightningcss@1.31.1:
-    resolution:
-      {
-        integrity: sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==,
-      }
-    engines: { node: ">= 12.0.0" }
+    resolution: {integrity: sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==}
+    engines: {node: '>= 12.0.0'}
 
   linkify-it@5.0.0:
-    resolution:
-      {
-        integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==,
-      }
+    resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
 
   locate-path@8.0.0:
-    resolution:
-      {
-        integrity: sha512-XT9ewWAC43tiAV7xDAPflMkG0qOPn2QjHqlgX8FOqmWa/rxnyYDulF9T0F7tRy1u+TVTmK/M//6VIOye+2zDXg==,
-      }
-    engines: { node: ">=20" }
+    resolution: {integrity: sha512-XT9ewWAC43tiAV7xDAPflMkG0qOPn2QjHqlgX8FOqmWa/rxnyYDulF9T0F7tRy1u+TVTmK/M//6VIOye+2zDXg==}
+    engines: {node: '>=20'}
 
   lodash@4.18.1:
-    resolution:
-      {
-        integrity: sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==,
-      }
+    resolution: {integrity: sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==}
 
   loose-envify@1.4.0:
-    resolution:
-      {
-        integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==,
-      }
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
 
   lru-cache@5.1.1:
-    resolution:
-      {
-        integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==,
-      }
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
   lucide-react@0.545.0:
-    resolution:
-      {
-        integrity: sha512-7r1/yUuflQDSt4f1bpn5ZAocyIxcTyVyBBChSVtBKn5M+392cPmI5YJMWOJKk/HUWGm5wg83chlAZtCcGbEZtw==,
-      }
+    resolution: {integrity: sha512-7r1/yUuflQDSt4f1bpn5ZAocyIxcTyVyBBChSVtBKn5M+392cPmI5YJMWOJKk/HUWGm5wg83chlAZtCcGbEZtw==}
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   lunr@2.3.9:
-    resolution:
-      {
-        integrity: sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==,
-      }
+    resolution: {integrity: sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==}
 
   magic-string@0.30.21:
-    resolution:
-      {
-        integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==,
-      }
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
   markdown-it@14.1.1:
-    resolution:
-      {
-        integrity: sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==,
-      }
+    resolution: {integrity: sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==}
     hasBin: true
 
   math-intrinsics@1.1.0:
-    resolution:
-      {
-        integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
 
   mdurl@2.0.0:
-    resolution:
-      {
-        integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==,
-      }
+    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
 
   media-typer@1.1.0:
-    resolution:
-      {
-        integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==,
-      }
-    engines: { node: ">= 0.8" }
+    resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
+    engines: {node: '>= 0.8'}
 
   merge-descriptors@2.0.0:
-    resolution:
-      {
-        integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
+    engines: {node: '>=18'}
 
   merge2@1.4.1:
-    resolution:
-      {
-        integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==,
-      }
-    engines: { node: ">= 8" }
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
 
   micromatch@4.0.8:
-    resolution:
-      {
-        integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==,
-      }
-    engines: { node: ">=8.6" }
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
 
   mime-db@1.54.0:
-    resolution:
-      {
-        integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==,
-      }
-    engines: { node: ">= 0.6" }
+    resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==}
+    engines: {node: '>= 0.6'}
 
   mime-types@3.0.2:
-    resolution:
-      {
-        integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==}
+    engines: {node: '>=18'}
 
   minimatch@9.0.9:
-    resolution:
-      {
-        integrity: sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==,
-      }
-    engines: { node: ">=16 || 14 >=14.17" }
+    resolution: {integrity: sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==}
+    engines: {node: '>=16 || 14 >=14.17'}
 
   minimist@1.2.8:
-    resolution:
-      {
-        integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==,
-      }
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
   mitt@3.0.1:
-    resolution:
-      {
-        integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==,
-      }
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
 
   modern-screenshot@4.6.8:
-    resolution:
-      {
-        integrity: sha512-GJkv/yWPOJTlxj1LZDU2k474cDyOWL+LVaqTdDWQwQ5d8zIuTz1892+1cV9V0ZpK6HYZFo/+BNLBbierO9d2TA==,
-      }
+    resolution: {integrity: sha512-GJkv/yWPOJTlxj1LZDU2k474cDyOWL+LVaqTdDWQwQ5d8zIuTz1892+1cV9V0ZpK6HYZFo/+BNLBbierO9d2TA==}
 
   motion-dom@12.35.1:
-    resolution:
-      {
-        integrity: sha512-7n6r7TtNOsH2UFSAXzTkfzOeO5616v9B178qBIjmu/WgEyJK0uqwytCEhwKBTuM/HJA40ptAw7hLFpxtPAMRZQ==,
-      }
+    resolution: {integrity: sha512-7n6r7TtNOsH2UFSAXzTkfzOeO5616v9B178qBIjmu/WgEyJK0uqwytCEhwKBTuM/HJA40ptAw7hLFpxtPAMRZQ==}
 
   motion-utils@12.29.2:
-    resolution:
-      {
-        integrity: sha512-G3kc34H2cX2gI63RqU+cZq+zWRRPSsNIOjpdl9TN4AQwC4sgwYPl/Q/Obf/d53nOm569T0fYK+tcoSV50BWx8A==,
-      }
+    resolution: {integrity: sha512-G3kc34H2cX2gI63RqU+cZq+zWRRPSsNIOjpdl9TN4AQwC4sgwYPl/Q/Obf/d53nOm569T0fYK+tcoSV50BWx8A==}
 
   ms@2.1.3:
-    resolution:
-      {
-        integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==,
-      }
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
   nanoid@3.3.11:
-    resolution:
-      {
-        integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==,
-      }
-    engines: { node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1 }
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
   negotiator@1.0.0:
-    resolution:
-      {
-        integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==,
-      }
-    engines: { node: ">= 0.6" }
+    resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
+    engines: {node: '>= 0.6'}
 
   next-themes@0.4.6:
-    resolution:
-      {
-        integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==,
-      }
+    resolution: {integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==}
     peerDependencies:
       react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
       react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
 
   node-releases@2.0.36:
-    resolution:
-      {
-        integrity: sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==,
-      }
+    resolution: {integrity: sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==}
 
   npm-run-path@6.0.0:
-    resolution:
-      {
-        integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==}
+    engines: {node: '>=18'}
 
   object-assign@4.1.1:
-    resolution:
-      {
-        integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
 
   object-inspect@1.13.4:
-    resolution:
-      {
-        integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
+    engines: {node: '>= 0.4'}
 
   on-exit-leak-free@2.1.2:
-    resolution:
-      {
-        integrity: sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==,
-      }
-    engines: { node: ">=14.0.0" }
+    resolution: {integrity: sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==}
+    engines: {node: '>=14.0.0'}
 
   on-finished@2.4.1:
-    resolution:
-      {
-        integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==,
-      }
-    engines: { node: ">= 0.8" }
+    resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
+    engines: {node: '>= 0.8'}
 
   once@1.4.0:
-    resolution:
-      {
-        integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==,
-      }
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
 
   orval@8.5.3:
-    resolution:
-      {
-        integrity: sha512-+8Es2ZR3tPthzAL27X1a9AlboqTQ/w9U/PhMkp4vsLA9OvdkpXr+9f8lCfJUV/wtdX+lXBDQ4imx42Em943JSg==,
-      }
-    engines: { node: ">=22.18.0" }
+    resolution: {integrity: sha512-+8Es2ZR3tPthzAL27X1a9AlboqTQ/w9U/PhMkp4vsLA9OvdkpXr+9f8lCfJUV/wtdX+lXBDQ4imx42Em943JSg==}
+    engines: {node: '>=22.18.0'}
     hasBin: true
     peerDependencies:
-      prettier: ">=3.0.0"
+      prettier: '>=3.0.0'
     peerDependenciesMeta:
       prettier:
         optional: true
 
   p-limit@4.0.0:
-    resolution:
-      {
-        integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==,
-      }
-    engines: { node: ^12.20.0 || ^14.13.1 || >=16.0.0 }
+    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
   p-locate@6.0.0:
-    resolution:
-      {
-        integrity: sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==,
-      }
-    engines: { node: ^12.20.0 || ^14.13.1 || >=16.0.0 }
+    resolution: {integrity: sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
   parse-ms@4.0.0:
-    resolution:
-      {
-        integrity: sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==}
+    engines: {node: '>=18'}
 
   parseurl@1.3.3:
-    resolution:
-      {
-        integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==,
-      }
-    engines: { node: ">= 0.8" }
+    resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
+    engines: {node: '>= 0.8'}
 
   path-key@3.1.1:
-    resolution:
-      {
-        integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
 
   path-key@4.0.0:
-    resolution:
-      {
-        integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
 
   path-to-regexp@8.4.2:
-    resolution:
-      {
-        integrity: sha512-qRcuIdP69NPm4qbACK+aDogI5CBDMi1jKe0ry5rSQJz8JVLsC7jV8XpiJjGRLLol3N+R5ihGYcrPLTno6pAdBA==,
-      }
+    resolution: {integrity: sha512-qRcuIdP69NPm4qbACK+aDogI5CBDMi1jKe0ry5rSQJz8JVLsC7jV8XpiJjGRLLol3N+R5ihGYcrPLTno6pAdBA==}
 
   pathe@2.0.3:
-    resolution:
-      {
-        integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==,
-      }
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
   pg-cloudflare@1.3.0:
-    resolution:
-      {
-        integrity: sha512-6lswVVSztmHiRtD6I8hw4qP/nDm1EJbKMRhf3HCYaqud7frGysPv7FYJ5noZQdhQtN2xJnimfMtvQq21pdbzyQ==,
-      }
+    resolution: {integrity: sha512-6lswVVSztmHiRtD6I8hw4qP/nDm1EJbKMRhf3HCYaqud7frGysPv7FYJ5noZQdhQtN2xJnimfMtvQq21pdbzyQ==}
 
   pg-connection-string@2.12.0:
-    resolution:
-      {
-        integrity: sha512-U7qg+bpswf3Cs5xLzRqbXbQl85ng0mfSV/J0nnA31MCLgvEaAo7CIhmeyrmJpOr7o+zm0rXK+hNnT5l9RHkCkQ==,
-      }
+    resolution: {integrity: sha512-U7qg+bpswf3Cs5xLzRqbXbQl85ng0mfSV/J0nnA31MCLgvEaAo7CIhmeyrmJpOr7o+zm0rXK+hNnT5l9RHkCkQ==}
 
   pg-int8@1.0.1:
-    resolution:
-      {
-        integrity: sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==,
-      }
-    engines: { node: ">=4.0.0" }
+    resolution: {integrity: sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==}
+    engines: {node: '>=4.0.0'}
 
   pg-pool@3.13.0:
-    resolution:
-      {
-        integrity: sha512-gB+R+Xud1gLFuRD/QgOIgGOBE2KCQPaPwkzBBGC9oG69pHTkhQeIuejVIk3/cnDyX39av2AxomQiyPT13WKHQA==,
-      }
+    resolution: {integrity: sha512-gB+R+Xud1gLFuRD/QgOIgGOBE2KCQPaPwkzBBGC9oG69pHTkhQeIuejVIk3/cnDyX39av2AxomQiyPT13WKHQA==}
     peerDependencies:
-      pg: ">=8.0"
+      pg: '>=8.0'
 
   pg-protocol@1.13.0:
-    resolution:
-      {
-        integrity: sha512-zzdvXfS6v89r6v7OcFCHfHlyG/wvry1ALxZo4LqgUoy7W9xhBDMaqOuMiF3qEV45VqsN6rdlcehHrfDtlCPc8w==,
-      }
+    resolution: {integrity: sha512-zzdvXfS6v89r6v7OcFCHfHlyG/wvry1ALxZo4LqgUoy7W9xhBDMaqOuMiF3qEV45VqsN6rdlcehHrfDtlCPc8w==}
 
   pg-types@2.2.0:
-    resolution:
-      {
-        integrity: sha512-qTAAlrEsl8s4OiEQY69wDvcMIdQN6wdz5ojQiOy6YRMuynxenON0O5oCpJI6lshc6scgAY8qvJ2On/p+CXY0GA==,
-      }
-    engines: { node: ">=4" }
+    resolution: {integrity: sha512-qTAAlrEsl8s4OiEQY69wDvcMIdQN6wdz5ojQiOy6YRMuynxenON0O5oCpJI6lshc6scgAY8qvJ2On/p+CXY0GA==}
+    engines: {node: '>=4'}
 
   pg@8.20.0:
-    resolution:
-      {
-        integrity: sha512-ldhMxz2r8fl/6QkXnBD3CR9/xg694oT6DZQ2s6c/RI28OjtSOpxnPrUCGOBJ46RCUxcWdx3p6kw/xnDHjKvaRA==,
-      }
-    engines: { node: ">= 16.0.0" }
+    resolution: {integrity: sha512-ldhMxz2r8fl/6QkXnBD3CR9/xg694oT6DZQ2s6c/RI28OjtSOpxnPrUCGOBJ46RCUxcWdx3p6kw/xnDHjKvaRA==}
+    engines: {node: '>= 16.0.0'}
     peerDependencies:
-      pg-native: ">=3.0.1"
+      pg-native: '>=3.0.1'
     peerDependenciesMeta:
       pg-native:
         optional: true
 
   pgpass@1.0.5:
-    resolution:
-      {
-        integrity: sha512-FdW9r/jQZhSeohs1Z3sI1yxFQNFvMcnmfuj4WBMUTxOrAyLMaTcE1aAMBiTlbMNaXvBCQuVi0R7hd8udDSP7ug==,
-      }
+    resolution: {integrity: sha512-FdW9r/jQZhSeohs1Z3sI1yxFQNFvMcnmfuj4WBMUTxOrAyLMaTcE1aAMBiTlbMNaXvBCQuVi0R7hd8udDSP7ug==}
 
   picocolors@1.1.1:
-    resolution:
-      {
-        integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==,
-      }
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
   picomatch@2.3.2:
-    resolution:
-      {
-        integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==,
-      }
-    engines: { node: ">=8.6" }
+    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
+    engines: {node: '>=8.6'}
 
   picomatch@4.0.4:
-    resolution:
-      {
-        integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
 
   pino-abstract-transport@2.0.0:
-    resolution:
-      {
-        integrity: sha512-F63x5tizV6WCh4R6RHyi2Ml+M70DNRXt/+HANowMflpgGFMAym/VKm6G7ZOQRjqN7XbGxK1Lg9t6ZrtzOaivMw==,
-      }
+    resolution: {integrity: sha512-F63x5tizV6WCh4R6RHyi2Ml+M70DNRXt/+HANowMflpgGFMAym/VKm6G7ZOQRjqN7XbGxK1Lg9t6ZrtzOaivMw==}
 
   pino-abstract-transport@3.0.0:
-    resolution:
-      {
-        integrity: sha512-wlfUczU+n7Hy/Ha5j9a/gZNy7We5+cXp8YL+X+PG8S0KXxw7n/JXA3c46Y0zQznIJ83URJiwy7Lh56WLokNuxg==,
-      }
+    resolution: {integrity: sha512-wlfUczU+n7Hy/Ha5j9a/gZNy7We5+cXp8YL+X+PG8S0KXxw7n/JXA3c46Y0zQznIJ83URJiwy7Lh56WLokNuxg==}
 
   pino-http@10.5.0:
-    resolution:
-      {
-        integrity: sha512-hD91XjgaKkSsdn8P7LaebrNzhGTdB086W3pyPihX0EzGPjq5uBJBXo4N5guqNaK6mUjg9aubMF7wDViYek9dRA==,
-      }
+    resolution: {integrity: sha512-hD91XjgaKkSsdn8P7LaebrNzhGTdB086W3pyPihX0EzGPjq5uBJBXo4N5guqNaK6mUjg9aubMF7wDViYek9dRA==}
 
   pino-pretty@13.1.3:
-    resolution:
-      {
-        integrity: sha512-ttXRkkOz6WWC95KeY9+xxWL6AtImwbyMHrL1mSwqwW9u+vLp/WIElvHvCSDg0xO/Dzrggz1zv3rN5ovTRVowKg==,
-      }
+    resolution: {integrity: sha512-ttXRkkOz6WWC95KeY9+xxWL6AtImwbyMHrL1mSwqwW9u+vLp/WIElvHvCSDg0xO/Dzrggz1zv3rN5ovTRVowKg==}
     hasBin: true
 
   pino-std-serializers@7.1.0:
-    resolution:
-      {
-        integrity: sha512-BndPH67/JxGExRgiX1dX0w1FvZck5Wa4aal9198SrRhZjH3GxKQUKIBnYJTdj2HDN3UQAS06HlfcSbQj2OHmaw==,
-      }
+    resolution: {integrity: sha512-BndPH67/JxGExRgiX1dX0w1FvZck5Wa4aal9198SrRhZjH3GxKQUKIBnYJTdj2HDN3UQAS06HlfcSbQj2OHmaw==}
 
   pino@9.14.0:
-    resolution:
-      {
-        integrity: sha512-8OEwKp5juEvb/MjpIc4hjqfgCNysrS94RIOMXYvpYCdm/jglrKEiAYmiumbmGhCvs+IcInsphYDFwqrjr7398w==,
-      }
+    resolution: {integrity: sha512-8OEwKp5juEvb/MjpIc4hjqfgCNysrS94RIOMXYvpYCdm/jglrKEiAYmiumbmGhCvs+IcInsphYDFwqrjr7398w==}
     hasBin: true
 
   postcss-selector-parser@6.0.10:
-    resolution:
-      {
-        integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==,
-      }
-    engines: { node: ">=4" }
+    resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
+    engines: {node: '>=4'}
 
   postcss@8.5.8:
-    resolution:
-      {
-        integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==,
-      }
-    engines: { node: ^10 || ^12 || >=14 }
+    resolution: {integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==}
+    engines: {node: ^10 || ^12 || >=14}
 
   postgres-array@2.0.0:
-    resolution:
-      {
-        integrity: sha512-VpZrUqU5A69eQyW2c5CA1jtLecCsN2U/bD6VilrFDWq5+5UIEVO7nazS3TEcHf1zuPYO/sqGvUvW62g86RXZuA==,
-      }
-    engines: { node: ">=4" }
+    resolution: {integrity: sha512-VpZrUqU5A69eQyW2c5CA1jtLecCsN2U/bD6VilrFDWq5+5UIEVO7nazS3TEcHf1zuPYO/sqGvUvW62g86RXZuA==}
+    engines: {node: '>=4'}
 
   postgres-bytea@1.0.1:
-    resolution:
-      {
-        integrity: sha512-5+5HqXnsZPE65IJZSMkZtURARZelel2oXUEO8rH83VS/hxH5vv1uHquPg5wZs8yMAfdv971IU+kcPUczi7NVBQ==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-5+5HqXnsZPE65IJZSMkZtURARZelel2oXUEO8rH83VS/hxH5vv1uHquPg5wZs8yMAfdv971IU+kcPUczi7NVBQ==}
+    engines: {node: '>=0.10.0'}
 
   postgres-date@1.0.7:
-    resolution:
-      {
-        integrity: sha512-suDmjLVQg78nMK2UZ454hAG+OAW+HQPZ6n++TNDUX+L0+uUlLywnoxJKDou51Zm+zTCjrCl0Nq6J9C5hP9vK/Q==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-suDmjLVQg78nMK2UZ454hAG+OAW+HQPZ6n++TNDUX+L0+uUlLywnoxJKDou51Zm+zTCjrCl0Nq6J9C5hP9vK/Q==}
+    engines: {node: '>=0.10.0'}
 
   postgres-interval@1.2.0:
-    resolution:
-      {
-        integrity: sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ==}
+    engines: {node: '>=0.10.0'}
 
   prettier@3.8.1:
-    resolution:
-      {
-        integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==,
-      }
-    engines: { node: ">=14" }
+    resolution: {integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==}
+    engines: {node: '>=14'}
     hasBin: true
 
   pretty-ms@9.3.0:
-    resolution:
-      {
-        integrity: sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==}
+    engines: {node: '>=18'}
 
   process-warning@5.0.0:
-    resolution:
-      {
-        integrity: sha512-a39t9ApHNx2L4+HBnQKqxxHNs1r7KF+Intd8Q/g1bUh6q0WIp9voPXJ/x0j+ZL45KF1pJd9+q2jLIRMfvEshkA==,
-      }
+    resolution: {integrity: sha512-a39t9ApHNx2L4+HBnQKqxxHNs1r7KF+Intd8Q/g1bUh6q0WIp9voPXJ/x0j+ZL45KF1pJd9+q2jLIRMfvEshkA==}
 
   prop-types@15.8.1:
-    resolution:
-      {
-        integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==,
-      }
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
   proxy-addr@2.0.7:
-    resolution:
-      {
-        integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==,
-      }
-    engines: { node: ">= 0.10" }
+    resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
+    engines: {node: '>= 0.10'}
 
   pump@3.0.4:
-    resolution:
-      {
-        integrity: sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==,
-      }
+    resolution: {integrity: sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==}
 
   punycode.js@2.3.1:
-    resolution:
-      {
-        integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==,
-      }
-    engines: { node: ">=6" }
+    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
+    engines: {node: '>=6'}
 
   qrcode.react@4.2.0:
-    resolution:
-      {
-        integrity: sha512-QpgqWi8rD9DsS9EP3z7BT+5lY5SFhsqGjpgW5DY/i3mK4M9DTBNz3ErMi8BWYEfI3L0d8GIbGmcdFAS1uIRGjA==,
-      }
+    resolution: {integrity: sha512-QpgqWi8rD9DsS9EP3z7BT+5lY5SFhsqGjpgW5DY/i3mK4M9DTBNz3ErMi8BWYEfI3L0d8GIbGmcdFAS1uIRGjA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   qs@6.15.0:
-    resolution:
-      {
-        integrity: sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==,
-      }
-    engines: { node: ">=0.6" }
+    resolution: {integrity: sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==}
+    engines: {node: '>=0.6'}
 
   queue-microtask@1.2.3:
-    resolution:
-      {
-        integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==,
-      }
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
   quick-format-unescaped@4.0.4:
-    resolution:
-      {
-        integrity: sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==,
-      }
+    resolution: {integrity: sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==}
 
   range-parser@1.2.1:
-    resolution:
-      {
-        integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==,
-      }
-    engines: { node: ">= 0.6" }
+    resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
+    engines: {node: '>= 0.6'}
 
   raw-body@3.0.2:
-    resolution:
-      {
-        integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==,
-      }
-    engines: { node: ">= 0.10" }
+    resolution: {integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==}
+    engines: {node: '>= 0.10'}
 
   react-day-picker@9.14.0:
-    resolution:
-      {
-        integrity: sha512-tBaoDWjPwe0M5pGrum4H0SR6Lyk+BO9oHnp9JbKpGKW2mlraNPgP9BMfsg5pWpwrssARmeqk7YBl2oXutZTaHA==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-tBaoDWjPwe0M5pGrum4H0SR6Lyk+BO9oHnp9JbKpGKW2mlraNPgP9BMfsg5pWpwrssARmeqk7YBl2oXutZTaHA==}
+    engines: {node: '>=18'}
     peerDependencies:
-      react: ">=16.8.0"
+      react: '>=16.8.0'
 
   react-dom@19.1.0:
-    resolution:
-      {
-        integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==,
-      }
+    resolution: {integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==}
     peerDependencies:
       react: ^19.1.0
 
   react-hook-form@7.71.2:
-    resolution:
-      {
-        integrity: sha512-1CHvcDYzuRUNOflt4MOq3ZM46AronNJtQ1S7tnX6YN4y72qhgiUItpacZUAQ0TyWYci3yz1X+rXaSxiuEm86PA==,
-      }
-    engines: { node: ">=18.0.0" }
+    resolution: {integrity: sha512-1CHvcDYzuRUNOflt4MOq3ZM46AronNJtQ1S7tnX6YN4y72qhgiUItpacZUAQ0TyWYci3yz1X+rXaSxiuEm86PA==}
+    engines: {node: '>=18.0.0'}
     peerDependencies:
       react: ^16.8.0 || ^17 || ^18 || ^19
 
   react-icons@5.6.0:
-    resolution:
-      {
-        integrity: sha512-RH93p5ki6LfOiIt0UtDyNg/cee+HLVR6cHHtW3wALfo+eOHTp8RnU2kRkI6E+H19zMIs03DyxUG/GfZMOGvmiA==,
-      }
+    resolution: {integrity: sha512-RH93p5ki6LfOiIt0UtDyNg/cee+HLVR6cHHtW3wALfo+eOHTp8RnU2kRkI6E+H19zMIs03DyxUG/GfZMOGvmiA==}
     peerDependencies:
-      react: "*"
+      react: '*'
 
   react-is@16.13.1:
-    resolution:
-      {
-        integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==,
-      }
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
   react-is@18.3.1:
-    resolution:
-      {
-        integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==,
-      }
+    resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
 
   react-refresh@0.18.0:
-    resolution:
-      {
-        integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==}
+    engines: {node: '>=0.10.0'}
 
   react-remove-scroll-bar@2.3.8:
-    resolution:
-      {
-        integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
+    engines: {node: '>=10'}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
   react-remove-scroll@2.7.2:
-    resolution:
-      {
-        integrity: sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==}
+    engines: {node: '>=10'}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
   react-resizable-panels@2.1.9:
-    resolution:
-      {
-        integrity: sha512-z77+X08YDIrgAes4jl8xhnUu1LNIRp4+E7cv4xHmLOxxUPO/ML7PSrE813b90vj7xvQ1lcf7g2uA9GeMZonjhQ==,
-      }
+    resolution: {integrity: sha512-z77+X08YDIrgAes4jl8xhnUu1LNIRp4+E7cv4xHmLOxxUPO/ML7PSrE813b90vj7xvQ1lcf7g2uA9GeMZonjhQ==}
     peerDependencies:
       react: ^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
       react-dom: ^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
 
   react-smooth@4.0.4:
-    resolution:
-      {
-        integrity: sha512-gnGKTpYwqL0Iii09gHobNolvX4Kiq4PKx6eWBCYYix+8cdw+cGo3do906l1NBPKkSWx1DghC1dlWG9L2uGd61Q==,
-      }
+    resolution: {integrity: sha512-gnGKTpYwqL0Iii09gHobNolvX4Kiq4PKx6eWBCYYix+8cdw+cGo3do906l1NBPKkSWx1DghC1dlWG9L2uGd61Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   react-style-singleton@2.2.3:
-    resolution:
-      {
-        integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
+    engines: {node: '>=10'}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
   react-transition-group@4.4.5:
-    resolution:
-      {
-        integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==,
-      }
+    resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
     peerDependencies:
-      react: ">=16.6.0"
-      react-dom: ">=16.6.0"
+      react: '>=16.6.0'
+      react-dom: '>=16.6.0'
 
   react@19.1.0:
-    resolution:
-      {
-        integrity: sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==}
+    engines: {node: '>=0.10.0'}
 
   readdirp@4.1.2:
-    resolution:
-      {
-        integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==,
-      }
-    engines: { node: ">= 14.18.0" }
+    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
+    engines: {node: '>= 14.18.0'}
 
   readdirp@5.0.0:
-    resolution:
-      {
-        integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==,
-      }
-    engines: { node: ">= 20.19.0" }
+    resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
+    engines: {node: '>= 20.19.0'}
 
   real-require@0.2.0:
-    resolution:
-      {
-        integrity: sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==,
-      }
-    engines: { node: ">= 12.13.0" }
+    resolution: {integrity: sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==}
+    engines: {node: '>= 12.13.0'}
 
   recharts-scale@0.4.5:
-    resolution:
-      {
-        integrity: sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==,
-      }
+    resolution: {integrity: sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==}
 
   recharts@2.15.4:
-    resolution:
-      {
-        integrity: sha512-UT/q6fwS3c1dHbXv2uFgYJ9BMFHu3fwnd7AYZaEQhXuYQ4hgsxLvsUXzGdKeZrW5xopzDCvuA2N41WJ88I7zIw==,
-      }
-    engines: { node: ">=14" }
+    resolution: {integrity: sha512-UT/q6fwS3c1dHbXv2uFgYJ9BMFHu3fwnd7AYZaEQhXuYQ4hgsxLvsUXzGdKeZrW5xopzDCvuA2N41WJ88I7zIw==}
+    engines: {node: '>=14'}
     deprecated: 1.x and 2.x branches are no longer active. Bump to Recharts v3 to receive latest features and bugfixes. See https://github.com/recharts/recharts/wiki/3.0-migration-guide
     peerDependencies:
       react: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   regexparam@3.0.0:
-    resolution:
-      {
-        integrity: sha512-RSYAtP31mvYLkAHrOlh25pCNQ5hWnT106VukGaaFfuJrZFkGRX5GhUAdPqpSDXxOhA2c4akmRuplv1mRqnBn6Q==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-RSYAtP31mvYLkAHrOlh25pCNQ5hWnT106VukGaaFfuJrZFkGRX5GhUAdPqpSDXxOhA2c4akmRuplv1mRqnBn6Q==}
+    engines: {node: '>=8'}
 
   remeda@2.33.6:
-    resolution:
-      {
-        integrity: sha512-tazDGH7s75kUPGBKLvhgBEHMgW+TdDFhjUAMdQj57IoWz6HsGa5D2RX5yDUz6IIqiRRvZiaEHzCzWdTeixc/Kg==,
-      }
+    resolution: {integrity: sha512-tazDGH7s75kUPGBKLvhgBEHMgW+TdDFhjUAMdQj57IoWz6HsGa5D2RX5yDUz6IIqiRRvZiaEHzCzWdTeixc/Kg==}
 
   require-from-string@2.0.2:
-    resolution:
-      {
-        integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
 
   resolve-pkg-maps@1.0.0:
-    resolution:
-      {
-        integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==,
-      }
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
   reusify@1.1.0:
-    resolution:
-      {
-        integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==,
-      }
-    engines: { iojs: ">=1.0.0", node: ">=0.10.0" }
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
   rollup@4.59.0:
-    resolution:
-      {
-        integrity: sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==,
-      }
-    engines: { node: ">=18.0.0", npm: ">=8.0.0" }
+    resolution: {integrity: sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
   router@2.2.0:
-    resolution:
-      {
-        integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==,
-      }
-    engines: { node: ">= 18" }
+    resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==}
+    engines: {node: '>= 18'}
 
   run-parallel@1.2.0:
-    resolution:
-      {
-        integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==,
-      }
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
   safe-stable-stringify@2.5.0:
-    resolution:
-      {
-        integrity: sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==}
+    engines: {node: '>=10'}
 
   safer-buffer@2.1.2:
-    resolution:
-      {
-        integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==,
-      }
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
   scheduler@0.26.0:
-    resolution:
-      {
-        integrity: sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==,
-      }
+    resolution: {integrity: sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==}
 
   secure-json-parse@4.1.0:
-    resolution:
-      {
-        integrity: sha512-l4KnYfEyqYJxDwlNVyRfO2E4NTHfMKAWdUuA8J0yve2Dz/E/PdBepY03RvyJpssIpRFwJoCD55wA+mEDs6ByWA==,
-      }
+    resolution: {integrity: sha512-l4KnYfEyqYJxDwlNVyRfO2E4NTHfMKAWdUuA8J0yve2Dz/E/PdBepY03RvyJpssIpRFwJoCD55wA+mEDs6ByWA==}
 
   semver@6.3.1:
-    resolution:
-      {
-        integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==,
-      }
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
   send@1.2.1:
-    resolution:
-      {
-        integrity: sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==,
-      }
-    engines: { node: ">= 18" }
+    resolution: {integrity: sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==}
+    engines: {node: '>= 18'}
 
   serve-static@2.2.1:
-    resolution:
-      {
-        integrity: sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==,
-      }
-    engines: { node: ">= 18" }
+    resolution: {integrity: sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==}
+    engines: {node: '>= 18'}
 
   setprototypeof@1.2.0:
-    resolution:
-      {
-        integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==,
-      }
+    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
 
   shebang-command@2.0.0:
-    resolution:
-      {
-        integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
 
   shebang-regex@3.0.0:
-    resolution:
-      {
-        integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
 
   side-channel-list@1.0.0:
-    resolution:
-      {
-        integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
+    engines: {node: '>= 0.4'}
 
   side-channel-map@1.0.1:
-    resolution:
-      {
-        integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
 
   side-channel-weakmap@1.0.2:
-    resolution:
-      {
-        integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
 
   side-channel@1.1.0:
-    resolution:
-      {
-        integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
+    engines: {node: '>= 0.4'}
 
   signal-exit@4.1.0:
-    resolution:
-      {
-        integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==,
-      }
-    engines: { node: ">=14" }
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
 
   slash@5.1.0:
-    resolution:
-      {
-        integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==,
-      }
-    engines: { node: ">=14.16" }
+    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
+    engines: {node: '>=14.16'}
 
   sonic-boom@4.2.1:
-    resolution:
-      {
-        integrity: sha512-w6AxtubXa2wTXAUsZMMWERrsIRAdrK0Sc+FUytWvYAhBJLyuI4llrMIC1DtlNSdI99EI86KZum2MMq3EAZlF9Q==,
-      }
+    resolution: {integrity: sha512-w6AxtubXa2wTXAUsZMMWERrsIRAdrK0Sc+FUytWvYAhBJLyuI4llrMIC1DtlNSdI99EI86KZum2MMq3EAZlF9Q==}
 
   sonner@2.0.7:
-    resolution:
-      {
-        integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==,
-      }
+    resolution: {integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==}
     peerDependencies:
       react: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
       react-dom: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
 
   source-map-js@1.2.1:
-    resolution:
-      {
-        integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
 
   split2@4.2.0:
-    resolution:
-      {
-        integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==,
-      }
-    engines: { node: ">= 10.x" }
+    resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
+    engines: {node: '>= 10.x'}
 
   statuses@2.0.2:
-    resolution:
-      {
-        integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==,
-      }
-    engines: { node: ">= 0.8" }
+    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
+    engines: {node: '>= 0.8'}
 
   string-argv@0.3.2:
-    resolution:
-      {
-        integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==,
-      }
-    engines: { node: ">=0.6.19" }
+    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
+    engines: {node: '>=0.6.19'}
 
   strip-ansi@6.0.1:
-    resolution:
-      {
-        integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
 
   strip-final-newline@4.0.0:
-    resolution:
-      {
-        integrity: sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==}
+    engines: {node: '>=18'}
 
   strip-json-comments@5.0.3:
-    resolution:
-      {
-        integrity: sha512-1tB5mhVo7U+ETBKNf92xT4hrQa3pm0MZ0PQvuDnWgAAGHDsfp4lPSpiS6psrSiet87wyGPh9ft6wmhOMQ0hDiw==,
-      }
-    engines: { node: ">=14.16" }
+    resolution: {integrity: sha512-1tB5mhVo7U+ETBKNf92xT4hrQa3pm0MZ0PQvuDnWgAAGHDsfp4lPSpiS6psrSiet87wyGPh9ft6wmhOMQ0hDiw==}
+    engines: {node: '>=14.16'}
 
   tailwind-merge@3.5.0:
-    resolution:
-      {
-        integrity: sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==,
-      }
+    resolution: {integrity: sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==}
 
   tailwindcss-animate@1.0.7:
-    resolution:
-      {
-        integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==,
-      }
+    resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==}
     peerDependencies:
-      tailwindcss: ">=3.0.0 || insiders"
+      tailwindcss: '>=3.0.0 || insiders'
 
   tailwindcss@4.2.1:
-    resolution:
-      {
-        integrity: sha512-/tBrSQ36vCleJkAOsy9kbNTgaxvGbyOamC30PRePTQe/o1MFwEKHQk4Cn7BNGaPtjp+PuUrByJehM1hgxfq4sw==,
-      }
+    resolution: {integrity: sha512-/tBrSQ36vCleJkAOsy9kbNTgaxvGbyOamC30PRePTQe/o1MFwEKHQk4Cn7BNGaPtjp+PuUrByJehM1hgxfq4sw==}
 
   tapable@2.3.0:
-    resolution:
-      {
-        integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==,
-      }
-    engines: { node: ">=6" }
+    resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
+    engines: {node: '>=6'}
 
   thread-stream@3.1.0:
-    resolution:
-      {
-        integrity: sha512-OqyPZ9u96VohAyMfJykzmivOrY2wfMSf3C5TtFJVgN+Hm6aj+voFhlK+kZEIv2FBh1X6Xp3DlnCOfEQ3B2J86A==,
-      }
+    resolution: {integrity: sha512-OqyPZ9u96VohAyMfJykzmivOrY2wfMSf3C5TtFJVgN+Hm6aj+voFhlK+kZEIv2FBh1X6Xp3DlnCOfEQ3B2J86A==}
 
   tiny-invariant@1.3.3:
-    resolution:
-      {
-        integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==,
-      }
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
 
   tinyglobby@0.2.15:
-    resolution:
-      {
-        integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==,
-      }
-    engines: { node: ">=12.0.0" }
+    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
+    engines: {node: '>=12.0.0'}
 
   to-regex-range@5.0.1:
-    resolution:
-      {
-        integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==,
-      }
-    engines: { node: ">=8.0" }
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
 
   toidentifier@1.0.1:
-    resolution:
-      {
-        integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==,
-      }
-    engines: { node: ">=0.6" }
+    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
+    engines: {node: '>=0.6'}
 
   tsconfck@3.1.6:
-    resolution:
-      {
-        integrity: sha512-ks6Vjr/jEw0P1gmOVwutM3B7fWxoWBL2KRDb1JfqGVawBmO5UsvmWOQFGHBPl5yxYz4eERr19E6L7NMv+Fej4w==,
-      }
-    engines: { node: ^18 || >=20 }
+    resolution: {integrity: sha512-ks6Vjr/jEw0P1gmOVwutM3B7fWxoWBL2KRDb1JfqGVawBmO5UsvmWOQFGHBPl5yxYz4eERr19E6L7NMv+Fej4w==}
+    engines: {node: ^18 || >=20}
     deprecated: unmaintained
     hasBin: true
     peerDependencies:
@@ -4358,200 +3013,131 @@ packages:
         optional: true
 
   tslib@2.8.1:
-    resolution:
-      {
-        integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==,
-      }
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
   tsx@4.21.0:
-    resolution:
-      {
-        integrity: sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==,
-      }
-    engines: { node: ">=18.0.0" }
+    resolution: {integrity: sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==}
+    engines: {node: '>=18.0.0'}
     hasBin: true
 
   tw-animate-css@1.4.0:
-    resolution:
-      {
-        integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==,
-      }
+    resolution: {integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==}
 
   type-is@2.0.1:
-    resolution:
-      {
-        integrity: sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==,
-      }
-    engines: { node: ">= 0.6" }
+    resolution: {integrity: sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==}
+    engines: {node: '>= 0.6'}
 
   typedoc-plugin-coverage@4.0.2:
-    resolution:
-      {
-        integrity: sha512-mfn0e7NCqB8x2PfvhXrtmd7KWlsNf1+B2N9y8gR/jexXBLrXl/0e+b2HdG5HaTXGi7i0t2pyQY2VRmq7gtdEHQ==,
-      }
-    engines: { node: ">= 18" }
+    resolution: {integrity: sha512-mfn0e7NCqB8x2PfvhXrtmd7KWlsNf1+B2N9y8gR/jexXBLrXl/0e+b2HdG5HaTXGi7i0t2pyQY2VRmq7gtdEHQ==}
+    engines: {node: '>= 18'}
     peerDependencies:
       typedoc: 0.28.x
 
   typedoc-plugin-markdown@4.10.0:
-    resolution:
-      {
-        integrity: sha512-psrg8Rtnv4HPWCsoxId+MzEN8TVK5jeKCnTbnGAbTBqcDapR9hM41bJT/9eAyKn9C2MDG9Qjh3MkltAYuLDoXg==,
-      }
-    engines: { node: ">= 18" }
+    resolution: {integrity: sha512-psrg8Rtnv4HPWCsoxId+MzEN8TVK5jeKCnTbnGAbTBqcDapR9hM41bJT/9eAyKn9C2MDG9Qjh3MkltAYuLDoXg==}
+    engines: {node: '>= 18'}
     peerDependencies:
       typedoc: 0.28.x
 
   typedoc@0.28.17:
-    resolution:
-      {
-        integrity: sha512-ZkJ2G7mZrbxrKxinTQMjFqsCoYY6a5Luwv2GKbTnBCEgV2ihYm5CflA9JnJAwH0pZWavqfYxmDkFHPt4yx2oDQ==,
-      }
-    engines: { node: ">= 18", pnpm: ">= 10" }
+    resolution: {integrity: sha512-ZkJ2G7mZrbxrKxinTQMjFqsCoYY6a5Luwv2GKbTnBCEgV2ihYm5CflA9JnJAwH0pZWavqfYxmDkFHPt4yx2oDQ==}
+    engines: {node: '>= 18', pnpm: '>= 10'}
     hasBin: true
     peerDependencies:
       typescript: 5.0.x || 5.1.x || 5.2.x || 5.3.x || 5.4.x || 5.5.x || 5.6.x || 5.7.x || 5.8.x || 5.9.x
 
   typescript@5.9.3:
-    resolution:
-      {
-        integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==,
-      }
-    engines: { node: ">=14.17" }
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
     hasBin: true
 
   uc.micro@2.1.0:
-    resolution:
-      {
-        integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==,
-      }
+    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
 
   undici-types@7.18.2:
-    resolution:
-      {
-        integrity: sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==,
-      }
+    resolution: {integrity: sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==}
 
   unicorn-magic@0.3.0:
-    resolution:
-      {
-        integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
+    engines: {node: '>=18'}
 
   unicorn-magic@0.4.0:
-    resolution:
-      {
-        integrity: sha512-wH590V9VNgYH9g3lH9wWjTrUoKsjLF6sGLjhR4sH1LWpLmCOH0Zf7PukhDA8BiS7KHe4oPNkcTHqYkj7SOGUOw==,
-      }
-    engines: { node: ">=20" }
+    resolution: {integrity: sha512-wH590V9VNgYH9g3lH9wWjTrUoKsjLF6sGLjhR4sH1LWpLmCOH0Zf7PukhDA8BiS7KHe4oPNkcTHqYkj7SOGUOw==}
+    engines: {node: '>=20'}
 
   universalify@2.0.1:
-    resolution:
-      {
-        integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==,
-      }
-    engines: { node: ">= 10.0.0" }
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
+    engines: {node: '>= 10.0.0'}
 
   unpipe@1.0.0:
-    resolution:
-      {
-        integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==,
-      }
-    engines: { node: ">= 0.8" }
+    resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
+    engines: {node: '>= 0.8'}
 
   update-browserslist-db@1.2.3:
-    resolution:
-      {
-        integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==,
-      }
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
     hasBin: true
     peerDependencies:
-      browserslist: ">= 4.21.0"
+      browserslist: '>= 4.21.0'
 
   use-callback-ref@1.3.3:
-    resolution:
-      {
-        integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
+    engines: {node: '>=10'}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
   use-sidecar@1.1.3:
-    resolution:
-      {
-        integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
+    engines: {node: '>=10'}
     peerDependencies:
-      "@types/react": "*"
+      '@types/react': '*'
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      "@types/react":
+      '@types/react':
         optional: true
 
   use-sync-external-store@1.6.0:
-    resolution:
-      {
-        integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==,
-      }
+    resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   util-deprecate@1.0.2:
-    resolution:
-      {
-        integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==,
-      }
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
   vary@1.1.2:
-    resolution:
-      {
-        integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==,
-      }
-    engines: { node: ">= 0.8" }
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
 
   vaul@1.1.2:
-    resolution:
-      {
-        integrity: sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==,
-      }
+    resolution: {integrity: sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==}
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
 
   victory-vendor@36.9.2:
-    resolution:
-      {
-        integrity: sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==,
-      }
+    resolution: {integrity: sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==}
 
   vite@7.3.2:
-    resolution:
-      {
-        integrity: sha512-Bby3NOsna2jsjfLVOHKes8sGwgl4TT0E6vvpYgnAYDIF/tie7MRaFthmKuHx1NSXjiTueXH3do80FMQgvEktRg==,
-      }
-    engines: { node: ^20.19.0 || >=22.12.0 }
+    resolution: {integrity: sha512-Bby3NOsna2jsjfLVOHKes8sGwgl4TT0E6vvpYgnAYDIF/tie7MRaFthmKuHx1NSXjiTueXH3do80FMQgvEktRg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
-      "@types/node": ^20.19.0 || >=22.12.0
-      jiti: ">=1.21.0"
+      '@types/node': ^20.19.0 || >=22.12.0
+      jiti: '>=1.21.0'
       less: ^4.0.0
       lightningcss: ^1.21.0
       sass: ^1.70.0
       sass-embedded: ^1.70.0
-      stylus: ">=0.54.8"
+      stylus: '>=0.54.8'
       sugarss: ^5.0.0
       terser: ^5.16.0
       tsx: ^4.8.1
       yaml: ^2.4.2
     peerDependenciesMeta:
-      "@types/node":
+      '@types/node':
         optional: true
       jiti:
         optional: true
@@ -4575,95 +3161,66 @@ packages:
         optional: true
 
   which@2.0.2:
-    resolution:
-      {
-        integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==,
-      }
-    engines: { node: ">= 8" }
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
     hasBin: true
 
   wouter@3.9.0:
-    resolution:
-      {
-        integrity: sha512-sF/od/PIgqEQBQcrN7a2x3MX6MQE6nW0ygCfy9hQuUkuB28wEZuu/6M5GyqkrrEu9M6jxdkgE12yDFsQMKos4Q==,
-      }
+    resolution: {integrity: sha512-sF/od/PIgqEQBQcrN7a2x3MX6MQE6nW0ygCfy9hQuUkuB28wEZuu/6M5GyqkrrEu9M6jxdkgE12yDFsQMKos4Q==}
     peerDependencies:
-      react: ">=16.8.0"
+      react: '>=16.8.0'
 
   wrappy@1.0.2:
-    resolution:
-      {
-        integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==,
-      }
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
   xtend@4.0.2:
-    resolution:
-      {
-        integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==,
-      }
-    engines: { node: ">=0.4" }
+    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
+    engines: {node: '>=0.4'}
 
   yallist@3.1.1:
-    resolution:
-      {
-        integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==,
-      }
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
   yaml@2.8.2:
-    resolution:
-      {
-        integrity: sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==,
-      }
-    engines: { node: ">= 14.6" }
+    resolution: {integrity: sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==}
+    engines: {node: '>= 14.6'}
     hasBin: true
 
   yocto-queue@1.2.2:
-    resolution:
-      {
-        integrity: sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ==,
-      }
-    engines: { node: ">=12.20" }
+    resolution: {integrity: sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ==}
+    engines: {node: '>=12.20'}
 
   yoctocolors@2.1.2:
-    resolution:
-      {
-        integrity: sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==}
+    engines: {node: '>=18'}
 
   zod@3.25.76:
-    resolution:
-      {
-        integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==,
-      }
+    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
 
   zod@4.3.6:
-    resolution:
-      {
-        integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==,
-      }
+    resolution: {integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==}
 
 snapshots:
-  "@babel/code-frame@7.29.0":
+
+  '@babel/code-frame@7.29.0':
     dependencies:
-      "@babel/helper-validator-identifier": 7.28.5
+      '@babel/helper-validator-identifier': 7.28.5
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  "@babel/compat-data@7.29.0": {}
+  '@babel/compat-data@7.29.0': {}
 
-  "@babel/core@7.29.0":
+  '@babel/core@7.29.0':
     dependencies:
-      "@babel/code-frame": 7.29.0
-      "@babel/generator": 7.29.1
-      "@babel/helper-compilation-targets": 7.28.6
-      "@babel/helper-module-transforms": 7.28.6(@babel/core@7.29.0)
-      "@babel/helpers": 7.28.6
-      "@babel/parser": 7.29.0
-      "@babel/template": 7.28.6
-      "@babel/traverse": 7.29.0
-      "@babel/types": 7.29.0
-      "@jridgewell/remapping": 2.3.5
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helpers': 7.28.6
+      '@babel/parser': 7.29.0
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+      '@jridgewell/remapping': 2.3.5
       convert-source-map: 2.0.0
       debug: 4.4.3
       gensync: 1.0.0-beta.2
@@ -4672,182 +3229,185 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  "@babel/generator@7.29.1":
+  '@babel/generator@7.29.1':
     dependencies:
-      "@babel/parser": 7.29.0
-      "@babel/types": 7.29.0
-      "@jridgewell/gen-mapping": 0.3.13
-      "@jridgewell/trace-mapping": 0.3.31
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
       jsesc: 3.1.0
 
-  "@babel/helper-compilation-targets@7.28.6":
+  '@babel/helper-compilation-targets@7.28.6':
     dependencies:
-      "@babel/compat-data": 7.29.0
-      "@babel/helper-validator-option": 7.27.1
+      '@babel/compat-data': 7.29.0
+      '@babel/helper-validator-option': 7.27.1
       browserslist: 4.28.1
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  "@babel/helper-globals@7.28.0": {}
+  '@babel/helper-globals@7.28.0': {}
 
-  "@babel/helper-module-imports@7.28.6":
+  '@babel/helper-module-imports@7.28.6':
     dependencies:
-      "@babel/traverse": 7.29.0
-      "@babel/types": 7.29.0
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  "@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)":
+  '@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      "@babel/core": 7.29.0
-      "@babel/helper-module-imports": 7.28.6
-      "@babel/helper-validator-identifier": 7.28.5
-      "@babel/traverse": 7.29.0
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  "@babel/helper-plugin-utils@7.28.6": {}
+  '@babel/helper-plugin-utils@7.28.6': {}
 
-  "@babel/helper-string-parser@7.27.1": {}
+  '@babel/helper-string-parser@7.27.1': {}
 
-  "@babel/helper-validator-identifier@7.28.5": {}
+  '@babel/helper-validator-identifier@7.28.5': {}
 
-  "@babel/helper-validator-option@7.27.1": {}
+  '@babel/helper-validator-option@7.27.1': {}
 
-  "@babel/helpers@7.28.6":
+  '@babel/helpers@7.28.6':
     dependencies:
-      "@babel/template": 7.28.6
-      "@babel/types": 7.29.0
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
 
-  "@babel/parser@7.29.0":
+  '@babel/parser@7.29.0':
     dependencies:
-      "@babel/types": 7.29.0
+      '@babel/types': 7.29.0
 
-  "@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.29.0)":
+  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      "@babel/core": 7.29.0
-      "@babel/helper-plugin-utils": 7.28.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  "@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.29.0)":
+  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      "@babel/core": 7.29.0
-      "@babel/helper-plugin-utils": 7.28.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  "@babel/runtime@7.28.6": {}
+  '@babel/runtime@7.28.6': {}
 
-  "@babel/template@7.28.6":
+  '@babel/template@7.28.6':
     dependencies:
-      "@babel/code-frame": 7.29.0
-      "@babel/parser": 7.29.0
-      "@babel/types": 7.29.0
+      '@babel/code-frame': 7.29.0
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
 
-  "@babel/traverse@7.29.0":
+  '@babel/traverse@7.29.0':
     dependencies:
-      "@babel/code-frame": 7.29.0
-      "@babel/generator": 7.29.1
-      "@babel/helper-globals": 7.28.0
-      "@babel/parser": 7.29.0
-      "@babel/template": 7.28.6
-      "@babel/types": 7.29.0
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.29.0
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
       debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
-  "@babel/types@7.29.0":
+  '@babel/types@7.29.0':
     dependencies:
-      "@babel/helper-string-parser": 7.27.1
-      "@babel/helper-validator-identifier": 7.28.5
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
 
-  "@commander-js/extra-typings@14.0.0(commander@14.0.3)":
+  '@commander-js/extra-typings@14.0.0(commander@14.0.3)':
     dependencies:
       commander: 14.0.3
 
-  "@date-fns/tz@1.4.1": {}
+  '@date-fns/tz@1.4.1': {}
 
-  "@drizzle-team/brocli@0.10.2": {}
+  '@drizzle-team/brocli@0.10.2': {}
 
-  "@esbuild/linux-x64@0.27.3":
+  '@esbuild/linux-x64@0.27.3':
     optional: true
 
-  "@floating-ui/core@1.7.5":
+  '@esbuild/win32-x64@0.27.3':
+    optional: true
+
+  '@floating-ui/core@1.7.5':
     dependencies:
-      "@floating-ui/utils": 0.2.11
+      '@floating-ui/utils': 0.2.11
 
-  "@floating-ui/dom@1.7.6":
+  '@floating-ui/dom@1.7.6':
     dependencies:
-      "@floating-ui/core": 1.7.5
-      "@floating-ui/utils": 0.2.11
+      '@floating-ui/core': 1.7.5
+      '@floating-ui/utils': 0.2.11
 
-  "@floating-ui/react-dom@2.1.8(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@floating-ui/react-dom@2.1.8(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@floating-ui/dom": 1.7.6
+      '@floating-ui/dom': 1.7.6
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
 
-  "@floating-ui/utils@0.2.11": {}
+  '@floating-ui/utils@0.2.11': {}
 
-  "@gerrit0/mini-shiki@3.23.0":
+  '@gerrit0/mini-shiki@3.23.0':
     dependencies:
-      "@shikijs/engine-oniguruma": 3.23.0
-      "@shikijs/langs": 3.23.0
-      "@shikijs/themes": 3.23.0
-      "@shikijs/types": 3.23.0
-      "@shikijs/vscode-textmate": 10.0.2
+      '@shikijs/engine-oniguruma': 3.23.0
+      '@shikijs/langs': 3.23.0
+      '@shikijs/themes': 3.23.0
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
 
-  "@hookform/resolvers@3.10.0(react-hook-form@7.71.2(react@19.1.0))":
+  '@hookform/resolvers@3.10.0(react-hook-form@7.71.2(react@19.1.0))':
     dependencies:
       react-hook-form: 7.71.2(react@19.1.0)
 
-  "@jridgewell/gen-mapping@0.3.13":
+  '@jridgewell/gen-mapping@0.3.13':
     dependencies:
-      "@jridgewell/sourcemap-codec": 1.5.5
-      "@jridgewell/trace-mapping": 0.3.31
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
 
-  "@jridgewell/remapping@2.3.5":
+  '@jridgewell/remapping@2.3.5':
     dependencies:
-      "@jridgewell/gen-mapping": 0.3.13
-      "@jridgewell/trace-mapping": 0.3.31
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
 
-  "@jridgewell/resolve-uri@3.1.2": {}
+  '@jridgewell/resolve-uri@3.1.2': {}
 
-  "@jridgewell/sourcemap-codec@1.5.5": {}
+  '@jridgewell/sourcemap-codec@1.5.5': {}
 
-  "@jridgewell/trace-mapping@0.3.31":
+  '@jridgewell/trace-mapping@0.3.31':
     dependencies:
-      "@jridgewell/resolve-uri": 3.1.2
-      "@jridgewell/sourcemap-codec": 1.5.5
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
 
-  "@nodelib/fs.scandir@2.1.5":
+  '@nodelib/fs.scandir@2.1.5':
     dependencies:
-      "@nodelib/fs.stat": 2.0.5
+      '@nodelib/fs.stat': 2.0.5
       run-parallel: 1.2.0
 
-  "@nodelib/fs.stat@2.0.5": {}
+  '@nodelib/fs.stat@2.0.5': {}
 
-  "@nodelib/fs.walk@1.2.8":
+  '@nodelib/fs.walk@1.2.8':
     dependencies:
-      "@nodelib/fs.scandir": 2.1.5
+      '@nodelib/fs.scandir': 2.1.5
       fastq: 1.20.1
 
-  "@orval/angular@8.5.3(typescript@5.9.3)":
+  '@orval/angular@8.5.3(typescript@5.9.3)':
     dependencies:
-      "@orval/core": 8.5.3(typescript@5.9.3)
+      '@orval/core': 8.5.3(typescript@5.9.3)
     transitivePeerDependencies:
-      - "@faker-js/faker"
+      - '@faker-js/faker'
       - supports-color
       - typescript
 
-  "@orval/axios@8.5.3(typescript@5.9.3)":
+  '@orval/axios@8.5.3(typescript@5.9.3)':
     dependencies:
-      "@orval/core": 8.5.3(typescript@5.9.3)
+      '@orval/core': 8.5.3(typescript@5.9.3)
     transitivePeerDependencies:
-      - "@faker-js/faker"
+      - '@faker-js/faker'
       - supports-color
       - typescript
 
-  "@orval/core@8.5.3(typescript@5.9.3)":
+  '@orval/core@8.5.3(typescript@5.9.3)':
     dependencies:
-      "@scalar/openapi-types": 0.5.3
+      '@scalar/openapi-types': 0.5.3
       acorn: 8.16.0
       compare-versions: 6.1.1
       debug: 4.4.3
@@ -4861,814 +3421,817 @@ snapshots:
       - supports-color
       - typescript
 
-  "@orval/fetch@8.5.3(typescript@5.9.3)":
+  '@orval/fetch@8.5.3(typescript@5.9.3)':
     dependencies:
-      "@orval/core": 8.5.3(typescript@5.9.3)
-      "@scalar/openapi-types": 0.5.3
+      '@orval/core': 8.5.3(typescript@5.9.3)
+      '@scalar/openapi-types': 0.5.3
     transitivePeerDependencies:
-      - "@faker-js/faker"
+      - '@faker-js/faker'
       - supports-color
       - typescript
 
-  "@orval/hono@8.5.3(typescript@5.9.3)":
+  '@orval/hono@8.5.3(typescript@5.9.3)':
     dependencies:
-      "@orval/core": 8.5.3(typescript@5.9.3)
-      "@orval/zod": 8.5.3(typescript@5.9.3)
+      '@orval/core': 8.5.3(typescript@5.9.3)
+      '@orval/zod': 8.5.3(typescript@5.9.3)
       fs-extra: 11.3.4
       remeda: 2.33.6
     transitivePeerDependencies:
-      - "@faker-js/faker"
+      - '@faker-js/faker'
       - supports-color
       - typescript
 
-  "@orval/mcp@8.5.3(typescript@5.9.3)":
+  '@orval/mcp@8.5.3(typescript@5.9.3)':
     dependencies:
-      "@orval/core": 8.5.3(typescript@5.9.3)
-      "@orval/fetch": 8.5.3(typescript@5.9.3)
-      "@orval/zod": 8.5.3(typescript@5.9.3)
+      '@orval/core': 8.5.3(typescript@5.9.3)
+      '@orval/fetch': 8.5.3(typescript@5.9.3)
+      '@orval/zod': 8.5.3(typescript@5.9.3)
     transitivePeerDependencies:
-      - "@faker-js/faker"
+      - '@faker-js/faker'
       - supports-color
       - typescript
 
-  "@orval/mock@8.5.3(typescript@5.9.3)":
+  '@orval/mock@8.5.3(typescript@5.9.3)':
     dependencies:
-      "@orval/core": 8.5.3(typescript@5.9.3)
+      '@orval/core': 8.5.3(typescript@5.9.3)
       remeda: 2.33.6
     transitivePeerDependencies:
-      - "@faker-js/faker"
+      - '@faker-js/faker'
       - supports-color
       - typescript
 
-  "@orval/query@8.5.3(typescript@5.9.3)":
+  '@orval/query@8.5.3(typescript@5.9.3)':
     dependencies:
-      "@orval/core": 8.5.3(typescript@5.9.3)
-      "@orval/fetch": 8.5.3(typescript@5.9.3)
+      '@orval/core': 8.5.3(typescript@5.9.3)
+      '@orval/fetch': 8.5.3(typescript@5.9.3)
       remeda: 2.33.6
     transitivePeerDependencies:
-      - "@faker-js/faker"
+      - '@faker-js/faker'
       - supports-color
       - typescript
 
-  "@orval/solid-start@8.5.3(typescript@5.9.3)":
+  '@orval/solid-start@8.5.3(typescript@5.9.3)':
     dependencies:
-      "@orval/core": 8.5.3(typescript@5.9.3)
-      "@scalar/openapi-types": 0.5.3
+      '@orval/core': 8.5.3(typescript@5.9.3)
+      '@scalar/openapi-types': 0.5.3
     transitivePeerDependencies:
-      - "@faker-js/faker"
+      - '@faker-js/faker'
       - supports-color
       - typescript
 
-  "@orval/swr@8.5.3(typescript@5.9.3)":
+  '@orval/swr@8.5.3(typescript@5.9.3)':
     dependencies:
-      "@orval/core": 8.5.3(typescript@5.9.3)
-      "@orval/fetch": 8.5.3(typescript@5.9.3)
+      '@orval/core': 8.5.3(typescript@5.9.3)
+      '@orval/fetch': 8.5.3(typescript@5.9.3)
     transitivePeerDependencies:
-      - "@faker-js/faker"
+      - '@faker-js/faker'
       - supports-color
       - typescript
 
-  "@orval/zod@8.5.3(typescript@5.9.3)":
+  '@orval/zod@8.5.3(typescript@5.9.3)':
     dependencies:
-      "@orval/core": 8.5.3(typescript@5.9.3)
+      '@orval/core': 8.5.3(typescript@5.9.3)
       remeda: 2.33.6
     transitivePeerDependencies:
-      - "@faker-js/faker"
+      - '@faker-js/faker'
       - supports-color
       - typescript
 
-  "@pinojs/redact@0.4.0": {}
+  '@pinojs/redact@0.4.0': {}
 
-  "@radix-ui/number@1.1.1": {}
+  '@radix-ui/number@1.1.1': {}
 
-  "@radix-ui/primitive@1.1.3": {}
+  '@radix-ui/primitive@1.1.3': {}
 
-  "@radix-ui/react-accordion@1.2.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-accordion@1.2.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-collapsible": 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-alert-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-alert-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-dialog": 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-arrow@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-aspect-ratio@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-aspect-ratio@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-primitive": 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-avatar@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-avatar@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-context": 1.1.3(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-is-hydrated": 0.1.0(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.3(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-checkbox@1.3.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-previous": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-size": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-checkbox@1.3.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-collapsible@1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-collapsible@1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-collection@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-collection@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-compose-refs@1.1.2(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-context-menu@2.2.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-context-menu@2.2.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-menu": 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-context@1.1.2(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-context@1.1.2(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-context@1.1.3(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-context@1.1.3(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
-
-  "@radix-ui/react-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-focus-guards": 1.1.3(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-focus-scope": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-portal": 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@types/react': 19.2.14
+
+  '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
       aria-hidden: 1.2.6
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
       react-remove-scroll: 2.7.2(@types/react@19.2.14)(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-direction@1.1.1(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-direction@1.1.1(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-escape-keydown": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-menu": 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-focus-guards@1.1.3(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-focus-guards@1.1.3(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-hover-card@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-popper": 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-portal": 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-hover-card@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-id@1.1.1(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-id@1.1.1(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-label@2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-label@2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-primitive": 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-focus-guards": 1.1.3(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-focus-scope": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-popper": 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-portal": 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-roving-focus": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       aria-hidden: 1.2.6
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
       react-remove-scroll: 2.7.2(@types/react@19.2.14)(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-menubar@1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-menu": 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-roving-focus": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-menubar@1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-navigation-menu@1.2.14(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-previous": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-visually-hidden": 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-navigation-menu@1.2.14(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-popover@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-focus-guards": 1.1.3(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-focus-scope": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-popper": 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-portal": 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-popover@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
       aria-hidden: 1.2.6
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
       react-remove-scroll: 2.7.2(@types/react@19.2.14)(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-popper@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@floating-ui/react-dom": 2.1.8(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-arrow": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-rect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-size": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/rect": 1.1.1
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-popper@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.8(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/rect': 1.1.1
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-portal@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-presence@1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-presence@1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-primitive@2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-primitive@2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-primitive@2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-slot": 1.2.4(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.4(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-progress@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-progress@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-context": 1.1.3(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-context': 1.1.3(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-radio-group@1.3.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-roving-focus": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-previous": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-size": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-radio-group@1.3.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-scroll-area@1.2.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/number": 1.1.1
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-scroll-area@1.2.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-select@2.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/number": 1.1.1
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-focus-guards": 1.1.3(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-focus-scope": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-popper": 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-portal": 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-previous": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-visually-hidden": 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-select@2.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       aria-hidden: 1.2.6
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
       react-remove-scroll: 2.7.2(@types/react@19.2.14)(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-separator@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-separator@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-primitive": 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-slider@1.3.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/number": 1.1.1
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-previous": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-size": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-slider@1.3.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-slot@1.2.3(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-slot@1.2.3(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-slot@1.2.4(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-slot@1.2.4(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-switch@1.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-switch@1.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-previous": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-size": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-tabs@1.1.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-roving-focus": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-tabs@1.1.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-toast@1.2.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-portal": 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-visually-hidden": 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-toast@1.2.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-toggle-group@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-roving-focus": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-toggle": 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-toggle-group@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-toggle@1.1.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-toggle@1.1.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
-
-  "@radix-ui/react-tooltip@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
-    dependencies:
-      "@radix-ui/primitive": 1.1.3
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-popper": 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-portal": 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-visually-hidden": 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-tooltip@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-use-effect-event": 0.0.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-use-effect-event@0.0.2(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-use-is-hydrated@0.1.0(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-use-is-hydrated@0.1.0(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
       react: 19.1.0
       use-sync-external-store: 1.6.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-use-previous@1.1.1(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-use-previous@1.1.1(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-use-rect@1.1.1(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-use-rect@1.1.1(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
-      "@radix-ui/rect": 1.1.1
+      '@radix-ui/rect': 1.1.1
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-use-size@1.1.1(@types/react@19.2.14)(react@19.1.0)":
+  '@radix-ui/react-use-size@1.1.1(@types/react@19.2.14)(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
-      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  "@radix-ui/rect@1.1.1": {}
+  '@radix-ui/rect@1.1.1': {}
 
-  "@replit/vite-plugin-cartographer@0.5.1":
+  '@replit/vite-plugin-cartographer@0.5.1':
     dependencies:
-      "@babel/parser": 7.29.0
-      "@babel/traverse": 7.29.0
-      "@babel/types": 7.29.0
+      '@babel/parser': 7.29.0
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
       magic-string: 0.30.21
       modern-screenshot: 4.6.8
     transitivePeerDependencies:
       - supports-color
 
-  "@replit/vite-plugin-dev-banner@0.1.2": {}
+  '@replit/vite-plugin-dev-banner@0.1.2': {}
 
-  "@replit/vite-plugin-runtime-error-modal@0.0.6":
+  '@replit/vite-plugin-runtime-error-modal@0.0.6':
     dependencies:
-      "@jridgewell/trace-mapping": 0.3.31
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@rolldown/pluginutils@1.0.0-rc.3': {}
 
-  "@rolldown/pluginutils@1.0.0-rc.3": {}
+  '@rollup/rollup-linux-x64-gnu@4.59.0':
+    optional: true
 
-  "@rollup/rollup-linux-x64-gnu@4.59.0":
+  '@rollup/rollup-win32-x64-msvc@4.59.0':
     optional: true
 
-  "@scalar/helpers@0.2.18": {}
+  '@scalar/helpers@0.2.18': {}
 
-  "@scalar/json-magic@0.11.7":
+  '@scalar/json-magic@0.11.7':
     dependencies:
-      "@scalar/helpers": 0.2.18
+      '@scalar/helpers': 0.2.18
       pathe: 2.0.3
       yaml: 2.8.2
 
-  "@scalar/openapi-parser@0.24.17":
+  '@scalar/openapi-parser@0.24.17':
     dependencies:
-      "@scalar/helpers": 0.2.18
-      "@scalar/json-magic": 0.11.7
-      "@scalar/openapi-types": 0.5.4
-      "@scalar/openapi-upgrader": 0.1.11
+      '@scalar/helpers': 0.2.18
+      '@scalar/json-magic': 0.11.7
+      '@scalar/openapi-types': 0.5.4
+      '@scalar/openapi-upgrader': 0.1.11
       ajv: 8.18.0
       ajv-draft-04: 1.0.0(ajv@8.18.0)
       ajv-formats: 3.0.1
@@ -5676,47 +4239,47 @@ snapshots:
       leven: 4.1.0
       yaml: 2.8.2
 
-  "@scalar/openapi-types@0.5.3":
+  '@scalar/openapi-types@0.5.3':
     dependencies:
       zod: 4.3.6
 
-  "@scalar/openapi-types@0.5.4":
+  '@scalar/openapi-types@0.5.4':
     dependencies:
       zod: 4.3.6
 
-  "@scalar/openapi-upgrader@0.1.11":
+  '@scalar/openapi-upgrader@0.1.11':
     dependencies:
-      "@scalar/openapi-types": 0.5.4
+      '@scalar/openapi-types': 0.5.4
 
-  "@sec-ant/readable-stream@0.4.1": {}
+  '@sec-ant/readable-stream@0.4.1': {}
 
-  "@shikijs/engine-oniguruma@3.23.0":
+  '@shikijs/engine-oniguruma@3.23.0':
     dependencies:
-      "@shikijs/types": 3.23.0
-      "@shikijs/vscode-textmate": 10.0.2
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
 
-  "@shikijs/langs@3.23.0":
+  '@shikijs/langs@3.23.0':
     dependencies:
-      "@shikijs/types": 3.23.0
+      '@shikijs/types': 3.23.0
 
-  "@shikijs/themes@3.23.0":
+  '@shikijs/themes@3.23.0':
     dependencies:
-      "@shikijs/types": 3.23.0
+      '@shikijs/types': 3.23.0
 
-  "@shikijs/types@3.23.0":
+  '@shikijs/types@3.23.0':
     dependencies:
-      "@shikijs/vscode-textmate": 10.0.2
-      "@types/hast": 3.0.4
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
 
-  "@shikijs/vscode-textmate@10.0.2": {}
+  '@shikijs/vscode-textmate@10.0.2': {}
 
-  "@sindresorhus/merge-streams@4.0.0": {}
+  '@sindresorhus/merge-streams@4.0.0': {}
 
-  "@tabby_ai/hijri-converter@1.0.5": {}
+  '@tabby_ai/hijri-converter@1.0.5': {}
 
-  "@tailwindcss/node@4.2.1":
+  '@tailwindcss/node@4.2.1':
     dependencies:
-      "@jridgewell/remapping": 2.3.5
+      '@jridgewell/remapping': 2.3.5
       enhanced-resolve: 5.20.0
       jiti: 2.6.1
       lightningcss: 1.31.1
@@ -5724,159 +4287,163 @@ snapshots:
       source-map-js: 1.2.1
       tailwindcss: 4.2.1
 
-  "@tailwindcss/oxide-linux-x64-gnu@4.2.1":
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.1':
     optional: true
 
-  "@tailwindcss/oxide-wasm32-wasi@4.2.1":
+  '@tailwindcss/oxide-wasm32-wasi@4.2.1':
     optional: true
 
-  "@tailwindcss/oxide@4.2.1":
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.1':
+    optional: true
+
+  '@tailwindcss/oxide@4.2.1':
     optionalDependencies:
-      "@tailwindcss/oxide-linux-x64-gnu": 4.2.1
-      "@tailwindcss/oxide-wasm32-wasi": 4.2.1
+      '@tailwindcss/oxide-linux-x64-gnu': 4.2.1
+      '@tailwindcss/oxide-wasm32-wasi': 4.2.1
+      '@tailwindcss/oxide-win32-x64-msvc': 4.2.1
 
-  "@tailwindcss/typography@0.5.19(tailwindcss@4.2.1)":
+  '@tailwindcss/typography@0.5.19(tailwindcss@4.2.1)':
     dependencies:
       postcss-selector-parser: 6.0.10
       tailwindcss: 4.2.1
 
-  "@tailwindcss/vite@4.2.1(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))":
+  '@tailwindcss/vite@4.2.1(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))':
     dependencies:
-      "@tailwindcss/node": 4.2.1
-      "@tailwindcss/oxide": 4.2.1
+      '@tailwindcss/node': 4.2.1
+      '@tailwindcss/oxide': 4.2.1
       tailwindcss: 4.2.1
       vite: 7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
 
-  "@tanstack/query-core@5.90.20": {}
+  '@tanstack/query-core@5.90.20': {}
 
-  "@tanstack/react-query@5.90.21(react@19.1.0)":
+  '@tanstack/react-query@5.90.21(react@19.1.0)':
     dependencies:
-      "@tanstack/query-core": 5.90.20
+      '@tanstack/query-core': 5.90.20
       react: 19.1.0
 
-  "@types/babel__core@7.20.5":
+  '@types/babel__core@7.20.5':
     dependencies:
-      "@babel/parser": 7.29.0
-      "@babel/types": 7.29.0
-      "@types/babel__generator": 7.27.0
-      "@types/babel__template": 7.4.4
-      "@types/babel__traverse": 7.28.0
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
+      '@types/babel__generator': 7.27.0
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.28.0
 
-  "@types/babel__generator@7.27.0":
+  '@types/babel__generator@7.27.0':
     dependencies:
-      "@babel/types": 7.29.0
+      '@babel/types': 7.29.0
 
-  "@types/babel__template@7.4.4":
+  '@types/babel__template@7.4.4':
     dependencies:
-      "@babel/parser": 7.29.0
-      "@babel/types": 7.29.0
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
 
-  "@types/babel__traverse@7.28.0":
+  '@types/babel__traverse@7.28.0':
     dependencies:
-      "@babel/types": 7.29.0
+      '@babel/types': 7.29.0
 
-  "@types/body-parser@1.19.6":
+  '@types/body-parser@1.19.6':
     dependencies:
-      "@types/connect": 3.4.38
-      "@types/node": 25.3.5
+      '@types/connect': 3.4.38
+      '@types/node': 25.3.5
 
-  "@types/connect@3.4.38":
+  '@types/connect@3.4.38':
     dependencies:
-      "@types/node": 25.3.5
+      '@types/node': 25.3.5
 
-  "@types/cookie-parser@1.4.10(@types/express@5.0.6)":
+  '@types/cookie-parser@1.4.10(@types/express@5.0.6)':
     dependencies:
-      "@types/express": 5.0.6
+      '@types/express': 5.0.6
 
-  "@types/cors@2.8.19":
+  '@types/cors@2.8.19':
     dependencies:
-      "@types/node": 25.3.5
+      '@types/node': 25.3.5
 
-  "@types/d3-array@3.2.2": {}
+  '@types/d3-array@3.2.2': {}
 
-  "@types/d3-color@3.1.3": {}
+  '@types/d3-color@3.1.3': {}
 
-  "@types/d3-ease@3.0.2": {}
+  '@types/d3-ease@3.0.2': {}
 
-  "@types/d3-interpolate@3.0.4":
+  '@types/d3-interpolate@3.0.4':
     dependencies:
-      "@types/d3-color": 3.1.3
+      '@types/d3-color': 3.1.3
 
-  "@types/d3-path@3.1.1": {}
+  '@types/d3-path@3.1.1': {}
 
-  "@types/d3-scale@4.0.9":
+  '@types/d3-scale@4.0.9':
     dependencies:
-      "@types/d3-time": 3.0.4
+      '@types/d3-time': 3.0.4
 
-  "@types/d3-shape@3.1.8":
+  '@types/d3-shape@3.1.8':
     dependencies:
-      "@types/d3-path": 3.1.1
+      '@types/d3-path': 3.1.1
 
-  "@types/d3-time@3.0.4": {}
+  '@types/d3-time@3.0.4': {}
 
-  "@types/d3-timer@3.0.2": {}
+  '@types/d3-timer@3.0.2': {}
 
-  "@types/estree@1.0.8": {}
+  '@types/estree@1.0.8': {}
 
-  "@types/express-serve-static-core@5.1.1":
+  '@types/express-serve-static-core@5.1.1':
     dependencies:
-      "@types/node": 25.3.5
-      "@types/qs": 6.15.0
-      "@types/range-parser": 1.2.7
-      "@types/send": 1.2.1
+      '@types/node': 25.3.5
+      '@types/qs': 6.15.0
+      '@types/range-parser': 1.2.7
+      '@types/send': 1.2.1
 
-  "@types/express@5.0.6":
+  '@types/express@5.0.6':
     dependencies:
-      "@types/body-parser": 1.19.6
-      "@types/express-serve-static-core": 5.1.1
-      "@types/serve-static": 2.2.0
+      '@types/body-parser': 1.19.6
+      '@types/express-serve-static-core': 5.1.1
+      '@types/serve-static': 2.2.0
 
-  "@types/hast@3.0.4":
+  '@types/hast@3.0.4':
     dependencies:
-      "@types/unist": 3.0.3
+      '@types/unist': 3.0.3
 
-  "@types/http-errors@2.0.5": {}
+  '@types/http-errors@2.0.5': {}
 
-  "@types/node@25.3.5":
+  '@types/node@25.3.5':
     dependencies:
       undici-types: 7.18.2
 
-  "@types/pg@8.18.0":
+  '@types/pg@8.18.0':
     dependencies:
-      "@types/node": 25.3.5
+      '@types/node': 25.3.5
       pg-protocol: 1.13.0
       pg-types: 2.2.0
 
-  "@types/qs@6.15.0": {}
+  '@types/qs@6.15.0': {}
 
-  "@types/range-parser@1.2.7": {}
+  '@types/range-parser@1.2.7': {}
 
-  "@types/react-dom@19.2.3(@types/react@19.2.14)":
+  '@types/react-dom@19.2.3(@types/react@19.2.14)':
     dependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
-  "@types/react@19.2.14":
+  '@types/react@19.2.14':
     dependencies:
       csstype: 3.2.3
 
-  "@types/send@1.2.1":
+  '@types/send@1.2.1':
     dependencies:
-      "@types/node": 25.3.5
+      '@types/node': 25.3.5
 
-  "@types/serve-static@2.2.0":
+  '@types/serve-static@2.2.0':
     dependencies:
-      "@types/http-errors": 2.0.5
-      "@types/node": 25.3.5
+      '@types/http-errors': 2.0.5
+      '@types/node': 25.3.5
 
-  "@types/unist@3.0.3": {}
+  '@types/unist@3.0.3': {}
 
-  "@vitejs/plugin-react@5.1.4(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))":
+  '@vitejs/plugin-react@5.1.4(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))':
     dependencies:
-      "@babel/core": 7.29.0
-      "@babel/plugin-transform-react-jsx-self": 7.27.1(@babel/core@7.29.0)
-      "@babel/plugin-transform-react-jsx-source": 7.27.1(@babel/core@7.29.0)
-      "@rolldown/pluginutils": 1.0.0-rc.3
-      "@types/babel__core": 7.20.5
+      '@babel/core': 7.29.0
+      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.29.0)
+      '@rolldown/pluginutils': 1.0.0-rc.3
+      '@types/babel__core': 7.20.5
       react-refresh: 0.18.0
       vite: 7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
     transitivePeerDependencies:
@@ -5980,15 +4547,15 @@ snapshots:
 
   cmdk@1.1.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
     dependencies:
-      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-dialog": 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      "@radix-ui/react-primitive": 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     transitivePeerDependencies:
-      - "@types/react"
-      - "@types/react-dom"
+      - '@types/react'
+      - '@types/react-dom'
 
   colorette@2.0.20: {}
 
@@ -6088,13 +4655,13 @@ snapshots:
 
   dom-helpers@5.2.1:
     dependencies:
-      "@babel/runtime": 7.28.6
+      '@babel/runtime': 7.28.6
       csstype: 3.2.3
 
   drizzle-kit@0.31.9:
     dependencies:
-      "@drizzle-team/brocli": 0.10.2
-      "@esbuild-kit/esm-loader": tsx@4.21.0
+      '@drizzle-team/brocli': 0.10.2
+      '@esbuild-kit/esm-loader': tsx@4.21.0
       esbuild: 0.27.3
       esbuild-register: 3.6.0(esbuild@0.27.3)
     transitivePeerDependencies:
@@ -6102,7 +4669,7 @@ snapshots:
 
   drizzle-orm@0.45.2(@types/pg@8.18.0)(pg@8.20.0):
     optionalDependencies:
-      "@types/pg": 8.18.0
+      '@types/pg': 8.18.0
       pg: 8.20.0
 
   drizzle-zod@0.8.3(drizzle-orm@0.45.2(@types/pg@8.18.0)(pg@8.20.0))(zod@3.25.76):
@@ -6175,7 +4742,8 @@ snapshots:
 
   esbuild@0.27.3:
     optionalDependencies:
-      "@esbuild/linux-x64": 0.27.3
+      '@esbuild/linux-x64': 0.27.3
+      '@esbuild/win32-x64': 0.27.3
 
   escalade@3.2.0: {}
 
@@ -6189,7 +4757,7 @@ snapshots:
 
   execa@9.6.1:
     dependencies:
-      "@sindresorhus/merge-streams": 4.0.0
+      '@sindresorhus/merge-streams': 4.0.0
       cross-spawn: 7.0.6
       figures: 6.1.0
       get-stream: 9.0.1
@@ -6243,8 +4811,8 @@ snapshots:
 
   fast-glob@3.3.3:
     dependencies:
-      "@nodelib/fs.stat": 2.0.5
-      "@nodelib/fs.walk": 1.2.8
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
       glob-parent: 5.1.2
       merge2: 1.4.1
       micromatch: 4.0.8
@@ -6335,7 +4903,7 @@ snapshots:
 
   get-stream@9.0.1:
     dependencies:
-      "@sec-ant/readable-stream": 0.4.1
+      '@sec-ant/readable-stream': 0.4.1
       is-stream: 4.0.1
 
   get-tsconfig@4.13.6:
@@ -6348,7 +4916,7 @@ snapshots:
 
   globby@16.1.0:
     dependencies:
-      "@sindresorhus/merge-streams": 4.0.0
+      '@sindresorhus/merge-streams': 4.0.0
       fast-glob: 3.3.3
       ignore: 7.0.5
       is-path-inside: 4.0.0
@@ -6443,11 +5011,15 @@ snapshots:
   lightningcss-linux-x64-gnu@1.31.1:
     optional: true
 
+  lightningcss-win32-x64-msvc@1.31.1:
+    optional: true
+
   lightningcss@1.31.1:
     dependencies:
       detect-libc: 2.1.2
     optionalDependencies:
       lightningcss-linux-x64-gnu: 1.31.1
+      lightningcss-win32-x64-msvc: 1.31.1
 
   linkify-it@5.0.0:
     dependencies:
@@ -6475,7 +5047,7 @@ snapshots:
 
   magic-string@0.30.21:
     dependencies:
-      "@jridgewell/sourcemap-codec": 1.5.5
+      '@jridgewell/sourcemap-codec': 1.5.5
 
   markdown-it@14.1.1:
     dependencies:
@@ -6557,21 +5129,21 @@ snapshots:
 
   orval@8.5.3(prettier@3.8.1)(typescript@5.9.3):
     dependencies:
-      "@commander-js/extra-typings": 14.0.0(commander@14.0.3)
-      "@orval/angular": 8.5.3(typescript@5.9.3)
-      "@orval/axios": 8.5.3(typescript@5.9.3)
-      "@orval/core": 8.5.3(typescript@5.9.3)
-      "@orval/fetch": 8.5.3(typescript@5.9.3)
-      "@orval/hono": 8.5.3(typescript@5.9.3)
-      "@orval/mcp": 8.5.3(typescript@5.9.3)
-      "@orval/mock": 8.5.3(typescript@5.9.3)
-      "@orval/query": 8.5.3(typescript@5.9.3)
-      "@orval/solid-start": 8.5.3(typescript@5.9.3)
-      "@orval/swr": 8.5.3(typescript@5.9.3)
-      "@orval/zod": 8.5.3(typescript@5.9.3)
-      "@scalar/json-magic": 0.11.7
-      "@scalar/openapi-parser": 0.24.17
-      "@scalar/openapi-types": 0.5.3
+      '@commander-js/extra-typings': 14.0.0(commander@14.0.3)
+      '@orval/angular': 8.5.3(typescript@5.9.3)
+      '@orval/axios': 8.5.3(typescript@5.9.3)
+      '@orval/core': 8.5.3(typescript@5.9.3)
+      '@orval/fetch': 8.5.3(typescript@5.9.3)
+      '@orval/hono': 8.5.3(typescript@5.9.3)
+      '@orval/mcp': 8.5.3(typescript@5.9.3)
+      '@orval/mock': 8.5.3(typescript@5.9.3)
+      '@orval/query': 8.5.3(typescript@5.9.3)
+      '@orval/solid-start': 8.5.3(typescript@5.9.3)
+      '@orval/swr': 8.5.3(typescript@5.9.3)
+      '@orval/zod': 8.5.3(typescript@5.9.3)
+      '@scalar/json-magic': 0.11.7
+      '@scalar/openapi-parser': 0.24.17
+      '@scalar/openapi-types': 0.5.3
       chokidar: 5.0.0
       commander: 14.0.3
       enquirer: 2.4.1
@@ -6589,7 +5161,7 @@ snapshots:
     optionalDependencies:
       prettier: 3.8.1
     transitivePeerDependencies:
-      - "@faker-js/faker"
+      - '@faker-js/faker'
       - supports-color
       - typescript
 
@@ -6689,7 +5261,7 @@ snapshots:
 
   pino@9.14.0:
     dependencies:
-      "@pinojs/redact": 0.4.0
+      '@pinojs/redact': 0.4.0
       atomic-sleep: 1.0.0
       on-exit-leak-free: 2.1.2
       pino-abstract-transport: 2.0.0
@@ -6771,8 +5343,8 @@ snapshots:
 
   react-day-picker@9.14.0(react@19.1.0):
     dependencies:
-      "@date-fns/tz": 1.4.1
-      "@tabby_ai/hijri-converter": 1.0.5
+      '@date-fns/tz': 1.4.1
+      '@tabby_ai/hijri-converter': 1.0.5
       date-fns: 4.1.0
       date-fns-jalali: 4.1.0-0
       react: 19.1.0
@@ -6802,7 +5374,7 @@ snapshots:
       react-style-singleton: 2.2.3(@types/react@19.2.14)(react@19.1.0)
       tslib: 2.8.1
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
   react-remove-scroll@2.7.2(@types/react@19.2.14)(react@19.1.0):
     dependencies:
@@ -6813,7 +5385,7 @@ snapshots:
       use-callback-ref: 1.3.3(@types/react@19.2.14)(react@19.1.0)
       use-sidecar: 1.1.3(@types/react@19.2.14)(react@19.1.0)
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
   react-resizable-panels@2.1.9(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
     dependencies:
@@ -6834,11 +5406,11 @@ snapshots:
       react: 19.1.0
       tslib: 2.8.1
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
   react-transition-group@4.4.5(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
     dependencies:
-      "@babel/runtime": 7.28.6
+      '@babel/runtime': 7.28.6
       dom-helpers: 5.2.1
       loose-envify: 1.4.0
       prop-types: 15.8.1
@@ -6882,9 +5454,10 @@ snapshots:
 
   rollup@4.59.0:
     dependencies:
-      "@types/estree": 1.0.8
+      '@types/estree': 1.0.8
     optionalDependencies:
-      "@rollup/rollup-linux-x64-gnu": 4.59.0
+      '@rollup/rollup-linux-x64-gnu': 4.59.0
+      '@rollup/rollup-win32-x64-msvc': 4.59.0
       fsevents: 2.3.3
 
   router@2.2.0:
@@ -7059,7 +5632,7 @@ snapshots:
 
   typedoc@0.28.17(typescript@5.9.3):
     dependencies:
-      "@gerrit0/mini-shiki": 3.23.0
+      '@gerrit0/mini-shiki': 3.23.0
       lunr: 2.3.9
       markdown-it: 14.1.1
       minimatch: 9.0.9
@@ -7091,7 +5664,7 @@ snapshots:
       react: 19.1.0
       tslib: 2.8.1
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
   use-sidecar@1.1.3(@types/react@19.2.14)(react@19.1.0):
     dependencies:
@@ -7099,7 +5672,7 @@ snapshots:
       react: 19.1.0
       tslib: 2.8.1
     optionalDependencies:
-      "@types/react": 19.2.14
+      '@types/react': 19.2.14
 
   use-sync-external-store@1.6.0(react@19.1.0):
     dependencies:
@@ -7111,22 +5684,22 @@ snapshots:
 
   vaul@1.1.2(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
     dependencies:
-      "@radix-ui/react-dialog": 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     transitivePeerDependencies:
-      - "@types/react"
-      - "@types/react-dom"
+      - '@types/react'
+      - '@types/react-dom'
 
   victory-vendor@36.9.2:
     dependencies:
-      "@types/d3-array": 3.2.2
-      "@types/d3-ease": 3.0.2
-      "@types/d3-interpolate": 3.0.4
-      "@types/d3-scale": 4.0.9
-      "@types/d3-shape": 3.1.8
-      "@types/d3-time": 3.0.4
-      "@types/d3-timer": 3.0.2
+      '@types/d3-array': 3.2.2
+      '@types/d3-ease': 3.0.2
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-scale': 4.0.9
+      '@types/d3-shape': 3.1.8
+      '@types/d3-time': 3.0.4
+      '@types/d3-timer': 3.0.2
       d3-array: 3.2.4
       d3-ease: 3.0.1
       d3-interpolate: 3.0.1
@@ -7144,7 +5717,7 @@ snapshots:
       rollup: 4.59.0
       tinyglobby: 0.2.15
     optionalDependencies:
-      "@types/node": 25.3.5
+      '@types/node': 25.3.5
       fsevents: 2.3.3
       jiti: 2.6.1
       lightningcss: 1.31.1

From e3bac341f9d43f3c14659ee9f444e8d1235ccfcc Mon Sep 17 00:00:00 2001
From: LCSOGthb <185141600+LCSOGthb@users.noreply.github.com>
Date: Mon, 31 Aug 2026 03:16:16 +0800
Subject: [PATCH 2/3] Fix website deployment failed

Signed-off-by: LCSOGthb <185141600+LCSOGthb@users.noreply.github.com>
---
 pnpm-lock.yaml | 43 ++++---------------------------------------
 1 file changed, 4 insertions(+), 39 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bfdcb53..dbd6e36 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -90,6 +90,7 @@ overrides:
   esbuild>@esbuild/sunos-x64: '-'
   esbuild>@esbuild/win32-arm64: '-'
   esbuild>@esbuild/win32-ia32: '-'
+  esbuild>@esbuild/win32-x64: '-'
   esbuild>@esbuild/aix-ppc64: '-'
   esbuild>@esbuild/android-arm: '-'
   esbuild>@esbuild/android-arm64: '-'
@@ -104,6 +105,7 @@ overrides:
   lightningcss>lightningcss-linux-arm64-musl: '-'
   lightningcss>lightningcss-linux-x64-musl: '-'
   lightningcss>lightningcss-win32-arm64-msvc: '-'
+  lightningcss>lightningcss-win32-x64-msvc: '-'
   '@tailwindcss/oxide>@tailwindcss/oxide-android-arm64': '-'
   '@tailwindcss/oxide>@tailwindcss/oxide-darwin-arm64': '-'
   '@tailwindcss/oxide>@tailwindcss/oxide-darwin-x64': '-'
@@ -112,6 +114,7 @@ overrides:
   '@tailwindcss/oxide>@tailwindcss/oxide-linux-arm64-gnu': '-'
   '@tailwindcss/oxide>@tailwindcss/oxide-linux-arm64-musl': '-'
   '@tailwindcss/oxide>@tailwindcss/oxide-win32-arm64-msvc': '-'
+  '@tailwindcss/oxide>@tailwindcss/oxide-win32-x64-msvc': '-'
   '@tailwindcss/oxide>@tailwindcss/oxide-linux-x64-musl': '-'
   rollup>@rollup/rollup-android-arm-eabi: '-'
   rollup>@rollup/rollup-android-arm64: '-'
@@ -136,6 +139,7 @@ overrides:
   rollup>@rollup/rollup-win32-arm64-msvc: '-'
   rollup>@rollup/rollup-win32-ia32-msvc: '-'
   rollup>@rollup/rollup-win32-x64-gnu: '-'
+  rollup>@rollup/rollup-win32-x64-msvc: '-'
   '@expo/ngrok-bin>@expo/ngrok-bin-darwin-arm64': '-'
   '@expo/ngrok-bin>@expo/ngrok-bin-darwin-x64': '-'
   '@expo/ngrok-bin>@expo/ngrok-bin-freebsd-ia32': '-'
@@ -754,12 +758,6 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@esbuild/win32-x64@0.27.3':
-    resolution: {integrity: sha512-4uJGhsxuptu3OcpVAzli+/gWusVGwZZHTlS63hh++ehExkVT8SgiEf7/uC/PclrPPkLhZqGgCTjd0VWLo6xMqA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [win32]
-
   '@floating-ui/core@1.7.5':
     resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==}
 
@@ -1525,11 +1523,6 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-win32-x64-msvc@4.59.0':
-    resolution: {integrity: sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==}
-    cpu: [x64]
-    os: [win32]
-
   '@scalar/helpers@0.2.18':
     resolution: {integrity: sha512-w1d4tpNEVZ293oB2BAgLrS0kVPUtG3eByNmOCJA5eK9vcT4D3cmsGtWjUaaqit0BQCsBFHK51rasGvSWnApYTw==}
     engines: {node: '>=20'}
@@ -1601,12 +1594,6 @@ packages:
       - '@emnapi/wasi-threads'
       - tslib
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.2.1':
-    resolution: {integrity: sha512-rbO34G5sMWWyrN/idLeVxAZgAKWrn5LiR3/I90Q9MkA67s6T1oB0xtTe+0heoBvHSpbU9Mk7i6uwJnpo4u21XQ==}
-    engines: {node: '>= 20'}
-    cpu: [x64]
-    os: [win32]
-
   '@tailwindcss/oxide@4.2.1':
     resolution: {integrity: sha512-yv9jeEFWnjKCI6/T3Oq50yQEOqmpmpfzG1hcZsAOaXFQPfzWprWrlHSdGPEF3WQTi8zu8ohC9Mh9J470nT5pUw==}
     engines: {node: '>= 20'}
@@ -2420,12 +2407,6 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  lightningcss-win32-x64-msvc@1.31.1:
-    resolution: {integrity: sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [win32]
-
   lightningcss@1.31.1:
     resolution: {integrity: sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==}
     engines: {node: '>= 12.0.0'}
@@ -3326,9 +3307,6 @@ snapshots:
   '@esbuild/linux-x64@0.27.3':
     optional: true
 
-  '@esbuild/win32-x64@0.27.3':
-    optional: true
-
   '@floating-ui/core@1.7.5':
     dependencies:
       '@floating-ui/utils': 0.2.11
@@ -4215,9 +4193,6 @@ snapshots:
   '@rollup/rollup-linux-x64-gnu@4.59.0':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.59.0':
-    optional: true
-
   '@scalar/helpers@0.2.18': {}
 
   '@scalar/json-magic@0.11.7':
@@ -4293,14 +4268,10 @@ snapshots:
   '@tailwindcss/oxide-wasm32-wasi@4.2.1':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.2.1':
-    optional: true
-
   '@tailwindcss/oxide@4.2.1':
     optionalDependencies:
       '@tailwindcss/oxide-linux-x64-gnu': 4.2.1
       '@tailwindcss/oxide-wasm32-wasi': 4.2.1
-      '@tailwindcss/oxide-win32-x64-msvc': 4.2.1
 
   '@tailwindcss/typography@0.5.19(tailwindcss@4.2.1)':
     dependencies:
@@ -4743,7 +4714,6 @@ snapshots:
   esbuild@0.27.3:
     optionalDependencies:
       '@esbuild/linux-x64': 0.27.3
-      '@esbuild/win32-x64': 0.27.3
 
   escalade@3.2.0: {}
 
@@ -5011,15 +4981,11 @@ snapshots:
   lightningcss-linux-x64-gnu@1.31.1:
     optional: true
 
-  lightningcss-win32-x64-msvc@1.31.1:
-    optional: true
-
   lightningcss@1.31.1:
     dependencies:
       detect-libc: 2.1.2
     optionalDependencies:
       lightningcss-linux-x64-gnu: 1.31.1
-      lightningcss-win32-x64-msvc: 1.31.1
 
   linkify-it@5.0.0:
     dependencies:
@@ -5457,7 +5423,6 @@ snapshots:
       '@types/estree': 1.0.8
     optionalDependencies:
       '@rollup/rollup-linux-x64-gnu': 4.59.0
-      '@rollup/rollup-win32-x64-msvc': 4.59.0
       fsevents: 2.3.3
 
   router@2.2.0:

From b369abe2ae44510a52888e157541c11997f13020 Mon Sep 17 00:00:00 2001
From: "deepsource-autofix[bot]"
 <62050782+deepsource-autofix[bot]@users.noreply.github.com>
Date: Sun, 30 Aug 2026 19:20:08 +0000
Subject: [PATCH 3/3] style: format code with ClangFormat, dotnet-format,
 Prettier, RuboCop, Rustfmt, Scalafmt, StandardJS, StandardRB and swift-format

This commit fixes the style issues introduced in e3bac34 according to the output
from ClangFormat, dotnet-format, Prettier, RuboCop, Rustfmt, Scalafmt,
StandardJS, StandardRB and swift-format.

Details: https://github.com/LCSOGthb/Tools/pull/109
---
 artifacts/personal-tool-console/index.html    |   41 +-
 artifacts/personal-tool-console/src/App.tsx   |   26 +-
 .../src/components/layout/app-shell.tsx       |    2 +-
 .../src/components/layout/command-palette.tsx |   22 +-
 .../src/components/layout/site-footer.tsx     |    7 +-
 .../src/components/layout/site-header.tsx     |    7 +-
 .../components/layout/tool-page-layout.tsx    |   24 +-
 .../src/components/tools/base64.tsx           |   32 +-
 .../components/tools/bitmap/bitmap-tools.tsx  |  139 +-
 .../src/components/tools/calculator.tsx       |   72 +-
 .../src/components/tools/code-to-image.tsx    |  110 +-
 .../src/components/tools/coding-tools.tsx     |  228 +-
 .../components/tools/color/color-tools.tsx    |  163 +-
 .../components/tools/crypto/crypto-tools.tsx  |  193 +-
 .../components/tools/css/css-generators.tsx   |  912 ++-
 .../components/tools/currency-converter.tsx   |   57 +-
 .../src/components/tools/dns-lookup.tsx       |   99 +-
 .../src/components/tools/hash.tsx             |   71 +-
 .../components/tools/image/image-tools.tsx    |  628 +-
 .../src/components/tools/json-formatter.tsx   |   60 +-
 .../src/components/tools/json-tree-viewer.tsx |   70 +-
 .../components/tools/linux/linux-tools.tsx    |  315 +-
 .../src/components/tools/misc/misc-tools.tsx  |  547 +-
 .../components/tools/password-generator.tsx   |   42 +-
 .../src/components/tools/qr-generator.tsx     |   84 +-
 .../src/components/tools/rn-shadow.tsx        |   72 +-
 .../src/components/tools/set/set-tools.tsx    |   77 +-
 .../components/tools/shared/coming-soon.tsx   |   12 +-
 .../src/components/tools/shared/fields.tsx    |  161 +-
 .../components/tools/social/social-tools.tsx  | 1321 +++-
 .../src/components/tools/speed-test.tsx       |   64 +-
 .../components/tools/text/text-tool-page.tsx  |  109 +-
 .../src/components/tools/timestamp.tsx        |   48 +-
 .../src/components/tools/unit-converter.tsx   |   38 +-
 .../src/components/tools/url-encoder.tsx      |   32 +-
 .../src/components/tools/utf8/utf8-tools.tsx  |  161 +-
 .../src/components/tools/uuid-generator.tsx   |   51 +-
 .../src/components/tools/xml/xml-tools.tsx    |  130 +-
 .../src/hooks/use-page-title.ts               |    2 +-
 .../personal-tool-console/src/lib/format.ts   |    7 +-
 .../src/lib/registry/core-tools.ts            |  382 +-
 .../src/lib/registry/css-tools.ts             |  174 +-
 .../src/lib/registry/dev-tools.ts             |  571 +-
 .../src/lib/registry/lazy.ts                  |    2 +-
 .../src/lib/registry/media-tools.ts           |  381 +-
 .../src/lib/registry/text.ts                  |   55 +-
 .../personal-tool-console/src/lib/storage.ts  |   18 +-
 .../src/lib/tool-registry.ts                  |  203 +-
 .../src/lib/tools/base64.ts                   |    2 +-
 .../src/lib/tools/bitmap/index.ts             |   30 +-
 .../src/lib/tools/calculator.ts               |    8 +-
 .../src/lib/tools/coding.ts                   |  169 +-
 .../src/lib/tools/color.ts                    |   90 +-
 .../src/lib/tools/crypto.ts                   |   79 +-
 .../src/lib/tools/css-gen.ts                  |  107 +-
 .../src/lib/tools/currency-converter.ts       |   23 +-
 .../src/lib/tools/dns.ts                      |   40 +-
 .../src/lib/tools/hash.ts                     |   15 +-
 .../src/lib/tools/linux.ts                    |  202 +-
 .../src/lib/tools/misc.ts                     |  205 +-
 .../src/lib/tools/password.ts                 |    9 +-
 .../src/lib/tools/set/index.ts                |   10 +-
 .../src/lib/tools/speed-test.ts               |  116 +-
 .../src/lib/tools/text/existing.ts            |  121 +-
 .../src/lib/tools/text/helpers.ts             |  657 +-
 .../src/lib/tools/text/index.ts               |    8 +-
 .../src/lib/tools/text/part1.ts               |  443 +-
 .../src/lib/tools/text/part2.ts               |  974 ++-
 .../src/lib/tools/text/types.ts               |   28 +-
 .../src/lib/tools/timestamp.ts                |   27 +-
 .../src/lib/tools/unit-converter.ts           |   44 +-
 .../src/lib/tools/utf8.ts                     |   74 +-
 .../src/lib/tools/xml.ts                      |   50 +-
 .../src/pages/catalog.tsx                     |   47 +-
 .../src/pages/console.tsx                     | 1114 ++-
 .../src/pages/not-found.tsx                   |   13 +-
 .../src/pages/tool-page.tsx                   |   19 +-
 pnpm-lock.yaml                                | 5990 ++++++++++-------
 78 files changed, 13970 insertions(+), 4766 deletions(-)

diff --git a/artifacts/personal-tool-console/index.html b/artifacts/personal-tool-console/index.html
index 850b8a2..f19de2b 100644
--- a/artifacts/personal-tool-console/index.html
+++ b/artifacts/personal-tool-console/index.html
@@ -1,21 +1,42 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1"
+    />
     <title>Toolbox — Tools for text, code, media & math</title>
-    <meta name="description" content="300+ browser-based utilities: text manipulators, code formatters, image & social tools, CSS generators, converters and more. No uploads, no sign-up." />
+    <meta
+      name="description"
+      content="300+ browser-based utilities: text manipulators, code formatters, image & social tools, CSS generators, converters and more. No uploads, no sign-up."
+    />
     <meta name="robots" content="index, follow" />
-    <meta property="og:title" content="Toolbox — Tools for text, code, media & math" />
-    <meta property="og:description" content="300+ browser-based utilities: text manipulators, code formatters, image & social tools, CSS generators, converters and more. No uploads, no sign-up." />
+    <meta
+      property="og:title"
+      content="Toolbox — Tools for text, code, media & math"
+    />
+    <meta
+      property="og:description"
+      content="300+ browser-based utilities: text manipulators, code formatters, image & social tools, CSS generators, converters and more. No uploads, no sign-up."
+    />
     <meta property="og:type" content="website" />
     <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:title" content="Toolbox — Tools for text, code, media & math" />
-    <meta name="twitter:description" content="300+ browser-based utilities: text manipulators, code formatters, image & social tools, CSS generators, converters and more. No uploads, no sign-up." />
+    <meta
+      name="twitter:title"
+      content="Toolbox — Tools for text, code, media & math"
+    />
+    <meta
+      name="twitter:description"
+      content="300+ browser-based utilities: text manipulators, code formatters, image & social tools, CSS generators, converters and more. No uploads, no sign-up."
+    />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
+      rel="stylesheet"
+    />
   </head>
   <body>
     <div id="root"></div>
diff --git a/artifacts/personal-tool-console/src/App.tsx b/artifacts/personal-tool-console/src/App.tsx
index 20b7300..506b977 100644
--- a/artifacts/personal-tool-console/src/App.tsx
+++ b/artifacts/personal-tool-console/src/App.tsx
@@ -13,8 +13,20 @@ const queryClient = new QueryClient();
 function Router() {
   return (
     <Switch>
-      <Route path="/">{() => <AppShell><Catalog /></AppShell>}</Route>
-      <Route path="/console">{() => <AppShell><Console /></AppShell>}</Route>
+      <Route path="/">
+        {() => (
+          <AppShell>
+            <Catalog />
+          </AppShell>
+        )}
+      </Route>
+      <Route path="/console">
+        {() => (
+          <AppShell>
+            <Console />
+          </AppShell>
+        )}
+      </Route>
       <Route path="/tools/:slug">
         {({ slug }) => (
           <AppShell key={slug}>
@@ -22,7 +34,13 @@ function Router() {
           </AppShell>
         )}
       </Route>
-      <Route>{() => <AppShell><NotFound /></AppShell>}</Route>
+      <Route>
+        {() => (
+          <AppShell>
+            <NotFound />
+          </AppShell>
+        )}
+      </Route>
     </Switch>
   );
 }
@@ -40,4 +58,4 @@ function App() {
   );
 }
 
-export default App;
\ No newline at end of file
+export default App;
diff --git a/artifacts/personal-tool-console/src/components/layout/app-shell.tsx b/artifacts/personal-tool-console/src/components/layout/app-shell.tsx
index 17bc18f..264ad33 100644
--- a/artifacts/personal-tool-console/src/components/layout/app-shell.tsx
+++ b/artifacts/personal-tool-console/src/components/layout/app-shell.tsx
@@ -10,4 +10,4 @@ export function AppShell({ children }: { children: ReactNode }) {
       <SiteFooter />
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/layout/command-palette.tsx b/artifacts/personal-tool-console/src/components/layout/command-palette.tsx
index c132c04..32c40c5 100644
--- a/artifacts/personal-tool-console/src/components/layout/command-palette.tsx
+++ b/artifacts/personal-tool-console/src/components/layout/command-palette.tsx
@@ -30,8 +30,14 @@ export function CommandPalette() {
     return () => window.removeEventListener("keydown", onKey);
   }, []);
 
-  const results = useMemo(() => (value.trim() ? searchTools(value, 10) : []), [value]);
-  const recents = useMemo(() => (value.trim() ? [] : getRecentTools().slice(0, 5)), [value, open]);
+  const results = useMemo(
+    () => (value.trim() ? searchTools(value, 10) : []),
+    [value],
+  );
+  const recents = useMemo(
+    () => (value.trim() ? [] : getRecentTools().slice(0, 5)),
+    [value, open],
+  );
 
   const run = (url: string) => {
     setOpen(false);
@@ -50,7 +56,9 @@ export function CommandPalette() {
         <Icon className="mr-2 h-4 w-4" />
         <span className="flex-1 truncate">{tool.name}</span>
         {tool.status === "coming-soon" && (
-          <span className="text-[10px] uppercase tracking-wide text-muted-foreground/70">Soon</span>
+          <span className="text-[10px] uppercase tracking-wide text-muted-foreground/70">
+            Soon
+          </span>
         )}
       </CommandItem>
     );
@@ -79,7 +87,11 @@ export function CommandPalette() {
       </div>
 
       <CommandDialog open={open} onOpenChange={setOpen}>
-        <CommandInput placeholder="Search tools, categories…" value={value} onValueChange={setValue} />
+        <CommandInput
+          placeholder="Search tools, categories…"
+          value={value}
+          onValueChange={setValue}
+        />
         <CommandList>
           <CommandEmpty>No tools found for “{value}”.</CommandEmpty>
           {value.trim() ? (
@@ -110,4 +122,4 @@ export function CommandPalette() {
       </CommandDialog>
     </>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/layout/site-footer.tsx b/artifacts/personal-tool-console/src/components/layout/site-footer.tsx
index a2d1343..e1bf999 100644
--- a/artifacts/personal-tool-console/src/components/layout/site-footer.tsx
+++ b/artifacts/personal-tool-console/src/components/layout/site-footer.tsx
@@ -17,7 +17,10 @@ export function SiteFooter() {
             <Link href="/" className="transition-colors hover:text-foreground">
               Catalog
             </Link>
-            <Link href="/console" className="transition-colors hover:text-foreground">
+            <Link
+              href="/console"
+              className="transition-colors hover:text-foreground"
+            >
               Command console
             </Link>
             <span className="text-muted-foreground/60">
@@ -31,4 +34,4 @@ export function SiteFooter() {
       </div>
     </footer>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/layout/site-header.tsx b/artifacts/personal-tool-console/src/components/layout/site-header.tsx
index 35a3ca3..228dbdf 100644
--- a/artifacts/personal-tool-console/src/components/layout/site-header.tsx
+++ b/artifacts/personal-tool-console/src/components/layout/site-header.tsx
@@ -14,7 +14,10 @@ export function SiteHeader() {
   return (
     <header className="sticky top-0 z-40 border-b border-border bg-background/80 backdrop-blur-xl">
       <div className="mx-auto flex h-14 max-w-7xl items-center justify-between gap-4 px-4 lg:px-8">
-        <Link href="/" className="flex items-center gap-2 text-sm font-semibold tracking-tight">
+        <Link
+          href="/"
+          className="flex items-center gap-2 text-sm font-semibold tracking-tight"
+        >
           <span className="grid h-7 w-7 place-items-center rounded-lg bg-primary text-primary-foreground">
             <Wrench className="h-4 w-4" />
           </span>
@@ -41,4 +44,4 @@ export function SiteHeader() {
       </div>
     </header>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/layout/tool-page-layout.tsx b/artifacts/personal-tool-console/src/components/layout/tool-page-layout.tsx
index 53865c2..3cc6afc 100644
--- a/artifacts/personal-tool-console/src/components/layout/tool-page-layout.tsx
+++ b/artifacts/personal-tool-console/src/components/layout/tool-page-layout.tsx
@@ -18,7 +18,9 @@ function RelatedCard({ tool }: { tool: ToolDefinition }) {
         </span>
         <div className="min-w-0">
           <p className="truncate text-sm font-medium">{tool.name}</p>
-          <p className="mt-0.5 line-clamp-2 text-xs leading-relaxed text-muted-foreground">{tool.description}</p>
+          <p className="mt-0.5 line-clamp-2 text-xs leading-relaxed text-muted-foreground">
+            {tool.description}
+          </p>
         </div>
       </div>
     </Link>
@@ -41,12 +43,18 @@ export function ToolPageLayout({
   const CatIcon = category.icon as LucideIcon;
   return (
     <div className="mx-auto max-w-7xl px-4 py-8 lg:px-8">
-      <nav className="mb-6 flex items-center gap-1.5 text-sm text-muted-foreground" aria-label="Breadcrumb">
+      <nav
+        className="mb-6 flex items-center gap-1.5 text-sm text-muted-foreground"
+        aria-label="Breadcrumb"
+      >
         <Link href="/" className="transition-colors hover:text-foreground">
           Catalog
         </Link>
         <ChevronRight className="h-3.5 w-3.5" />
-        <Link href={`/?category=${category.id}`} className="flex items-center gap-1 transition-colors hover:text-foreground">
+        <Link
+          href={`/?category=${category.id}`}
+          className="flex items-center gap-1 transition-colors hover:text-foreground"
+        >
           <CatIcon className="h-3.5 w-3.5" />
           {category.label}
         </Link>
@@ -68,10 +76,14 @@ export function ToolPageLayout({
                 </Badge>
               )}
             </div>
-            <p className="mt-1 max-w-2xl text-sm text-muted-foreground">{tool.description}</p>
+            <p className="mt-1 max-w-2xl text-sm text-muted-foreground">
+              {tool.description}
+            </p>
             {tool.commands && tool.commands.length > 0 && (
               <div className="mt-3 flex flex-wrap items-center gap-1.5">
-                <span className="text-xs text-muted-foreground/70">Console:</span>
+                <span className="text-xs text-muted-foreground/70">
+                  Console:
+                </span>
                 {tool.commands.slice(0, 3).map((c) => (
                   <button
                     key={c}
@@ -109,4 +121,4 @@ export function ToolPageLayout({
       )}
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/base64.tsx b/artifacts/personal-tool-console/src/components/tools/base64.tsx
index 766d86c..363c7f0 100644
--- a/artifacts/personal-tool-console/src/components/tools/base64.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/base64.tsx
@@ -1,7 +1,13 @@
 import { useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
 import { base64Encode, base64Decode } from "@/lib/tools/base64";
-import { Field, TextArea, SelectInput, OutBox, Chip } from "@/components/tools/shared/fields";
+import {
+  Field,
+  TextArea,
+  SelectInput,
+  OutBox,
+  Chip,
+} from "@/components/tools/shared/fields";
 
 export default function Base64({ tool }: ToolPageProps) {
   const [mode, setMode] = useState("Encode");
@@ -24,7 +30,15 @@ export default function Base64({ tool }: ToolPageProps) {
   return (
     <div className="grid gap-4">
       <div className="flex flex-wrap items-center gap-2">
-        <SelectInput value={mode} onChange={(e) => { setMode(e.target.value); setError(null); }} options={["Encode", "Decode"]} className="w-36" />
+        <SelectInput
+          value={mode}
+          onChange={(e) => {
+            setMode(e.target.value);
+            setError(null);
+          }}
+          options={["Encode", "Decode"]}
+          className="w-36"
+        />
         <Chip color="bg-ring/15 text-ring">{tool.slug}</Chip>
       </div>
 
@@ -34,7 +48,9 @@ export default function Base64({ tool }: ToolPageProps) {
             value={input}
             onChange={(e) => setInput(e.target.value)}
             spellCheck={false}
-            placeholder={mode === "Encode" ? "Hello, world!" : "SGVsbG8sIHdvcmxkIQ=="}
+            placeholder={
+              mode === "Encode" ? "Hello, world!" : "SGVsbG8sIHdvcmxkIQ=="
+            }
           />
         </Field>
       </div>
@@ -42,9 +58,15 @@ export default function Base64({ tool }: ToolPageProps) {
       {output && (
         <>
           <div className="rounded-2xl border border-border bg-card/60 p-4">
-            <p className="text-sm text-muted-foreground">input {input.length} chars → output {output.length} chars</p>
+            <p className="text-sm text-muted-foreground">
+              input {input.length} chars → output {output.length} chars
+            </p>
           </div>
-          <OutBox value={output} mono filename={mode === "Encode" ? "encoded.txt" : "decoded.txt"} />
+          <OutBox
+            value={output}
+            mono
+            filename={mode === "Encode" ? "encoded.txt" : "decoded.txt"}
+          />
         </>
       )}
       {error && <p className="text-red-400 text-sm">{error}</p>}
diff --git a/artifacts/personal-tool-console/src/components/tools/bitmap/bitmap-tools.tsx b/artifacts/personal-tool-console/src/components/tools/bitmap/bitmap-tools.tsx
index 6867bf8..20338b5 100644
--- a/artifacts/personal-tool-console/src/components/tools/bitmap/bitmap-tools.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/bitmap/bitmap-tools.tsx
@@ -1,14 +1,30 @@
 import { useState, useMemo } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
-import { convertRadix, bitwiseOp, inspectBits, binaryDump } from "@/lib/tools/bitmap";
-import { Field, TextInput, NumInput, SelectInput, TextArea } from "@/components/tools/shared/fields";
+import {
+  convertRadix,
+  bitwiseOp,
+  inspectBits,
+  binaryDump,
+} from "@/lib/tools/bitmap";
+import {
+  Field,
+  TextInput,
+  NumInput,
+  SelectInput,
+  TextArea,
+} from "@/components/tools/shared/fields";
 
 const BASES = [2, 8, 10, 16, 36];
 
 function group8(bits: boolean[]) {
   const chunks: string[] = [];
   for (let i = 0; i < bits.length; i += 8) {
-    chunks.push(bits.slice(i, i + 8).map((b) => (b ? "1" : "0")).join(""));
+    chunks.push(
+      bits
+        .slice(i, i + 8)
+        .map((b) => (b ? "1" : "0"))
+        .join(""),
+    );
   }
   return chunks.join(" ");
 }
@@ -20,11 +36,20 @@ function RadixPanel() {
   const computed = useMemo(() => {
     try {
       const parsed = parseInt(value.trim() || "0", Number(fromBase));
-      if (Number.isNaN(parsed)) throw new Error(`"${value}" is not valid in base ${fromBase}`);
-      if (!Number.isFinite(parsed)) throw new Error("Value is too large for a JS number");
+      if (Number.isNaN(parsed))
+        throw new Error(`"${value}" is not valid in base ${fromBase}`);
+      if (!Number.isFinite(parsed))
+        throw new Error("Value is too large for a JS number");
       return {
-        result: convertRadix(value.trim() || "0", Number(fromBase), Number(toBase)),
-        rows: BASES.map((b) => ({ base: b, out: convertRadix(value.trim() || "0", Number(fromBase), b) })),
+        result: convertRadix(
+          value.trim() || "0",
+          Number(fromBase),
+          Number(toBase),
+        ),
+        rows: BASES.map((b) => ({
+          base: b,
+          out: convertRadix(value.trim() || "0", Number(fromBase), b),
+        })),
         error: null as string | null,
       };
     } catch (e) {
@@ -36,13 +61,26 @@ function RadixPanel() {
     <div className="grid gap-4">
       <div className="grid gap-4 sm:grid-cols-3">
         <Field label="Value">
-          <TextInput value={value} onChange={(e) => setValue(e.target.value)} spellCheck={false} placeholder="e.g. FF or 1010" />
+          <TextInput
+            value={value}
+            onChange={(e) => setValue(e.target.value)}
+            spellCheck={false}
+            placeholder="e.g. FF or 1010"
+          />
         </Field>
         <Field label="From base">
-          <SelectInput value={fromBase} onChange={(e) => setFromBase(e.target.value)} options={BASES.map(String)} />
+          <SelectInput
+            value={fromBase}
+            onChange={(e) => setFromBase(e.target.value)}
+            options={BASES.map(String)}
+          />
         </Field>
         <Field label="To base">
-          <SelectInput value={toBase} onChange={(e) => setToBase(e.target.value)} options={BASES.map(String)} />
+          <SelectInput
+            value={toBase}
+            onChange={(e) => setToBase(e.target.value)}
+            options={BASES.map(String)}
+          />
         </Field>
       </div>
       {computed.error ? (
@@ -50,15 +88,25 @@ function RadixPanel() {
       ) : (
         <>
           <div className="rounded-2xl border border-border bg-black/40 p-4">
-            <p className="break-all font-mono text-3xl tracking-wider text-foreground">{computed.result}</p>
+            <p className="break-all font-mono text-3xl tracking-wider text-foreground">
+              {computed.result}
+            </p>
             <p className="text-xs text-muted-foreground/70">base {toBase}</p>
           </div>
           <div className="rounded-2xl border border-border bg-card/60 p-4">
             <div className="grid grid-cols-2 gap-2 text-sm sm:grid-cols-5">
               {computed.rows.map((r) => (
-                <div key={r.base} className="rounded-xl border border-border bg-background/60 p-2.5">
+                <div
+                  key={r.base}
+                  className="rounded-xl border border-border bg-background/60 p-2.5"
+                >
                   <p className="text-xs text-muted-foreground">base {r.base}</p>
-                  <p className="truncate font-mono text-sm text-foreground" title={r.out}>{r.out}</p>
+                  <p
+                    className="truncate font-mono text-sm text-foreground"
+                    title={r.out}
+                  >
+                    {r.out}
+                  </p>
                 </div>
               ))}
             </div>
@@ -84,8 +132,12 @@ function BitwisePanel() {
   })();
   const row = (label: string, n: number) => (
     <div className="flex flex-wrap items-center justify-between gap-2">
-      <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground">{label}</span>
-      <span className="truncate font-mono text-sm text-foreground">{group8(inspectBits(n, 32))}</span>
+      <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
+        {label}
+      </span>
+      <span className="truncate font-mono text-sm text-foreground">
+        {group8(inspectBits(n, 32))}
+      </span>
     </div>
   );
 
@@ -99,20 +151,31 @@ function BitwisePanel() {
           <NumInput value={b} onChange={(e) => setB(e.target.value)} />
         </Field>
         <Field label="Operation">
-          <SelectInput value={op} onChange={(e) => setOp(e.target.value)} options={["AND", "OR", "XOR", "NOT", "<<", ">>", ">>>"]} />
+          <SelectInput
+            value={op}
+            onChange={(e) => setOp(e.target.value)}
+            options={["AND", "OR", "XOR", "NOT", "<<", ">>", ">>>"]}
+          />
         </Field>
       </div>
-      <p className="text-xs text-muted-foreground/70">Operands are treated as 32-bit two's complement integers. NOT ignores operand B.</p>
+      <p className="text-xs text-muted-foreground/70">
+        Operands are treated as 32-bit two's complement integers. NOT ignores
+        operand B.
+      </p>
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-3">
           {row("A", aNum)}
           {op !== "NOT" && row("B", bNum)}
           <div className="my-1 border-t border-border" />
           <div className="flex flex-wrap items-center justify-between gap-2">
-            <span className="text-xs font-medium uppercase tracking-wide text-ring">Result ({op})</span>
+            <span className="text-xs font-medium uppercase tracking-wide text-ring">
+              Result ({op})
+            </span>
             <span className="text-xl font-mono text-foreground">{result}</span>
           </div>
-          <span className="truncate font-mono text-sm text-foreground">{group8(inspectBits(result, 32))}</span>
+          <span className="truncate font-mono text-sm text-foreground">
+            {group8(inspectBits(result, 32))}
+          </span>
         </div>
       </div>
     </div>
@@ -144,10 +207,20 @@ function FlagsPanel() {
     <div className="grid gap-4">
       <div className="grid gap-4 sm:grid-cols-2">
         <Field label="Width">
-          <SelectInput value={bits} onChange={(e) => setBits(e.target.value)} options={["8", "16", "32"]} />
+          <SelectInput
+            value={bits}
+            onChange={(e) => setBits(e.target.value)}
+            options={["8", "16", "32"]}
+          />
         </Field>
         <Field label="Decode value (decimal)">
-          <TextInput value={text} onChange={(e) => changeText(e.target.value)} spellCheck={false} inputMode="numeric" placeholder="0" />
+          <TextInput
+            value={text}
+            onChange={(e) => changeText(e.target.value)}
+            spellCheck={false}
+            inputMode="numeric"
+            placeholder="0"
+          />
         </Field>
       </div>
       <div className="rounded-2xl border border-border bg-card/60 p-4">
@@ -159,7 +232,9 @@ function FlagsPanel() {
               onClick={() => toggle(i)}
               title={`bit ${n - 1 - i}`}
               className={`h-8 w-8 rounded-lg border font-mono text-xs transition ${
-                on ? "border-ring bg-ring/25 text-foreground" : "border-border bg-background/60 text-muted-foreground"
+                on
+                  ? "border-ring bg-ring/25 text-foreground"
+                  : "border-border bg-background/60 text-muted-foreground"
               }`}
             >
               {on ? "1" : "0"}
@@ -172,7 +247,13 @@ function FlagsPanel() {
         <span className="font-mono text-foreground">{shown}</span>
         <span className="mx-1 text-muted-foreground">·</span>
         <span className="text-muted-foreground">hex</span>
-        <span className="font-mono text-foreground">0x{shown.toString(16).toUpperCase().padStart(Math.ceil(n / 4), "0")}</span>
+        <span className="font-mono text-foreground">
+          0x
+          {shown
+            .toString(16)
+            .toUpperCase()
+            .padStart(Math.ceil(n / 4), "0")}
+        </span>
       </div>
     </div>
   );
@@ -181,12 +262,18 @@ function FlagsPanel() {
 function BinaryViewerPanel() {
   const [text, setText] = useState("Hello, world!");
   const rows = useMemo(() => binaryDump(text), [text]);
-  const charOf = (d: number) => (d >= 32 && d <= 126 ? String.fromCharCode(d) : "·");
+  const charOf = (d: number) =>
+    d >= 32 && d <= 126 ? String.fromCharCode(d) : "·";
 
   return (
     <div className="grid gap-4">
       <Field label="Input text">
-        <TextArea value={text} onChange={(e) => setText(e.target.value)} spellCheck={false} placeholder="Text to inspect byte by byte" />
+        <TextArea
+          value={text}
+          onChange={(e) => setText(e.target.value)}
+          spellCheck={false}
+          placeholder="Text to inspect byte by byte"
+        />
       </Field>
       <p className="text-sm text-muted-foreground">{rows.length} bytes</p>
       <div className="overflow-x-auto rounded-2xl border border-border bg-card/60 p-2">
@@ -230,4 +317,4 @@ export default function BitmapTools({ tool }: ToolPageProps) {
     default:
       return null;
   }
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/calculator.tsx b/artifacts/personal-tool-console/src/components/tools/calculator.tsx
index 36a4650..c82268f 100644
--- a/artifacts/personal-tool-console/src/components/tools/calculator.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/calculator.tsx
@@ -3,11 +3,36 @@ import type { ToolPageProps } from "@/lib/tool-registry";
 import { isMathExpression, safeMathEval } from "@/lib/tools/calculator";
 import { OutBox, GhostButton } from "@/components/tools/shared/fields";
 
-const KEYS = ["7", "8", "9", "/", "4", "5", "6", "*", "1", "2", "3", "-", "0", ".", "%", "+", "(", ")", "^", "C", "⌫", "="];
+const KEYS = [
+  "7",
+  "8",
+  "9",
+  "/",
+  "4",
+  "5",
+  "6",
+  "*",
+  "1",
+  "2",
+  "3",
+  "-",
+  "0",
+  ".",
+  "%",
+  "+",
+  "(",
+  ")",
+  "^",
+  "C",
+  "⌫",
+  "=",
+];
 
 export default function CalculatorPage({ tool }: ToolPageProps) {
   const [expr, setExpr] = useState("");
-  const [result, setResult] = useState<{ value: string; error?: string }>({ value: "" });
+  const [result, setResult] = useState<{ value: string; error?: string }>({
+    value: "",
+  });
 
   const append = (k: string) => {
     setResult({ value: "" });
@@ -57,9 +82,13 @@ export default function CalculatorPage({ tool }: ToolPageProps) {
           spellCheck={false}
           className="w-full rounded-xl border border-border bg-black/40 px-4 py-3 font-mono text-right text-2xl text-foreground outline-none focus:border-ring"
         />
-        {result.error && <p className="text-right text-sm text-red-400">{result.error}</p>}
+        {result.error && (
+          <p className="text-right text-sm text-red-400">{result.error}</p>
+        )}
         {!result.error && expr && (
-          <div className="w-full rounded-xl bg-black/20 px-4 py-2 text-right font-mono text-lg text-muted-foreground">= {current}</div>
+          <div className="w-full rounded-xl bg-black/20 px-4 py-2 text-right font-mono text-lg text-muted-foreground">
+            = {current}
+          </div>
         )}
       </div>
 
@@ -68,25 +97,41 @@ export default function CalculatorPage({ tool }: ToolPageProps) {
           {KEYS.map((k) => {
             if (k === "C")
               return (
-                <button key={k} onClick={clear} className="rounded-xl bg-slate-700/60 py-3 font-mono text-sm text-foreground transition hover:bg-slate-600/60">
+                <button
+                  key={k}
+                  onClick={clear}
+                  className="rounded-xl bg-slate-700/60 py-3 font-mono text-sm text-foreground transition hover:bg-slate-600/60"
+                >
                   {k}
                 </button>
               );
             if (k === "⌫")
               return (
-                <button key={k} onClick={backspace} className="rounded-xl bg-slate-700/60 py-3 font-mono text-sm text-foreground transition hover:bg-slate-600/60">
+                <button
+                  key={k}
+                  onClick={backspace}
+                  className="rounded-xl bg-slate-700/60 py-3 font-mono text-sm text-foreground transition hover:bg-slate-600/60"
+                >
                   {k}
                 </button>
               );
             if (k === "=")
               return (
-                <button key={k} onClick={evaluate} className="col-span-2 rounded-xl bg-primary py-3 font-mono text-sm text-primary-foreground transition hover:opacity-90">
+                <button
+                  key={k}
+                  onClick={evaluate}
+                  className="col-span-2 rounded-xl bg-primary py-3 font-mono text-sm text-primary-foreground transition hover:opacity-90"
+                >
                   {k}
                 </button>
               );
-            if (k === "("  || k === ")" || k === "^")
+            if (k === "(" || k === ")" || k === "^")
               return (
-                <button key={k} onClick={() => append(k)} className="rounded-xl bg-slate-800/60 py-3 font-mono text-sm text-cyan-300 transition hover:bg-slate-700/60">
+                <button
+                  key={k}
+                  onClick={() => append(k)}
+                  className="rounded-xl bg-slate-800/60 py-3 font-mono text-sm text-cyan-300 transition hover:bg-slate-700/60"
+                >
                   {k}
                 </button>
               );
@@ -102,10 +147,15 @@ export default function CalculatorPage({ tool }: ToolPageProps) {
             );
           })}
         </div>
-        <GhostButton className="w-full" onClick={() => navigator.clipboard?.writeText(result.value || expr).catch(() => {})}>
+        <GhostButton
+          className="w-full"
+          onClick={() =>
+            navigator.clipboard?.writeText(result.value || expr).catch(() => {})
+          }
+        >
           Copy
         </GhostButton>
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/code-to-image.tsx b/artifacts/personal-tool-console/src/components/tools/code-to-image.tsx
index 42ed3be..c631dc8 100644
--- a/artifacts/personal-tool-console/src/components/tools/code-to-image.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/code-to-image.tsx
@@ -1,6 +1,14 @@
 import { useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
-import { Field, TextArea, TextInput, NumInput, ToggleInput, PrimaryButton, Chip } from "@/components/tools/shared/fields";
+import {
+  Field,
+  TextArea,
+  TextInput,
+  NumInput,
+  ToggleInput,
+  PrimaryButton,
+  Chip,
+} from "@/components/tools/shared/fields";
 
 export default function CodeToImage({ tool }: ToolPageProps) {
   const [code, setCode] = useState("");
@@ -12,7 +20,10 @@ export default function CodeToImage({ tool }: ToolPageProps) {
   const [chrome, setChrome] = useState(true);
 
   const lines = code === "" ? [""] : code.split("\n");
-  const contentWidth = Math.max(80, Math.max(...lines.map((l) => l.length)) * fontSize * 0.6);
+  const contentWidth = Math.max(
+    80,
+    Math.max(...lines.map((l) => l.length)) * fontSize * 0.6,
+  );
   const renderedHeight = lines.length * lineHeight(fontSize);
   const width = Math.round(contentWidth + padding * 2);
   const height = Math.round(renderedHeight + padding * 2 + (chrome ? 40 : 0));
@@ -50,7 +61,11 @@ export default function CodeToImage({ tool }: ToolPageProps) {
     ctx.textBaseline = "top";
     const startY = chrome ? 40 + padding : padding;
     lines.forEach((line, i) => {
-      ctx.fillText(line.replace(/\t/g, "  "), padding, startY + i * lineHeight(fontSize));
+      ctx.fillText(
+        line.replace(/\t/g, "  "),
+        padding,
+        startY + i * lineHeight(fontSize),
+      );
     });
     const a = document.createElement("a");
     a.href = canvas.toDataURL("image/png");
@@ -66,33 +81,96 @@ export default function CodeToImage({ tool }: ToolPageProps) {
 
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <Field label="Code" hint="Paste any code snippet">
-          <TextArea value={code} onChange={(e) => setCode(e.target.value)} spellCheck={false} className="font-mono min-h-36" placeholder="const greeting = 'Hello, world!';" />
+          <TextArea
+            value={code}
+            onChange={(e) => setCode(e.target.value)}
+            spellCheck={false}
+            className="font-mono min-h-36"
+            placeholder="const greeting = 'Hello, world!';"
+          />
         </Field>
         <div className="mt-3 grid gap-3 sm:grid-cols-2">
-          <Field label="Filename"><TextInput value={filename} onChange={(e) => setFilename(e.target.value)} /></Field>
-          <Field label="Background"><TextInput type="color" value={bg} onChange={(e) => setBg(e.target.value)} /></Field>
-          <Field label="Text color"><TextInput type="color" value={text} onChange={(e) => setText(e.target.value)} /></Field>
-          <Field label="Font size"><NumInput value={fontSize} min={8} max={48} onChange={(e) => setFontSize(Number(e.target.value) || 14)} /></Field>
-          <Field label="Padding"><NumInput value={padding} min={0} max={80} onChange={(e) => setPadding(Number(e.target.value) || 0)} /></Field>
-          <div className="self-end"><ToggleInput label="Window chrome" checked={chrome} onChange={setChrome} /></div>
+          <Field label="Filename">
+            <TextInput
+              value={filename}
+              onChange={(e) => setFilename(e.target.value)}
+            />
+          </Field>
+          <Field label="Background">
+            <TextInput
+              type="color"
+              value={bg}
+              onChange={(e) => setBg(e.target.value)}
+            />
+          </Field>
+          <Field label="Text color">
+            <TextInput
+              type="color"
+              value={text}
+              onChange={(e) => setText(e.target.value)}
+            />
+          </Field>
+          <Field label="Font size">
+            <NumInput
+              value={fontSize}
+              min={8}
+              max={48}
+              onChange={(e) => setFontSize(Number(e.target.value) || 14)}
+            />
+          </Field>
+          <Field label="Padding">
+            <NumInput
+              value={padding}
+              min={0}
+              max={80}
+              onChange={(e) => setPadding(Number(e.target.value) || 0)}
+            />
+          </Field>
+          <div className="self-end">
+            <ToggleInput
+              label="Window chrome"
+              checked={chrome}
+              onChange={setChrome}
+            />
+          </div>
         </div>
       </div>
 
       <div className="rounded-2xl border border-border bg-card/60 p-4">
-        <div className="overflow-hidden rounded-xl" style={{ backgroundColor: bg, padding }}>
+        <div
+          className="overflow-hidden rounded-xl"
+          style={{ backgroundColor: bg, padding }}
+        >
           {chrome && (
-            <div className="-mx-4 -mt-4 mb-4 flex items-center gap-2 px-4 py-2.5" style={{ backgroundColor: "rgba(255,255,255,0.08)" }}>
+            <div
+              className="-mx-4 -mt-4 mb-4 flex items-center gap-2 px-4 py-2.5"
+              style={{ backgroundColor: "rgba(255,255,255,0.08)" }}
+            >
               <span className="h-3 w-3 rounded-full bg-[#ff5f57]" />
               <span className="h-3 w-3 rounded-full bg-[#febc2e]" />
               <span className="h-3 w-3 rounded-full bg-[#28c840]" />
-              <span className="ml-3 text-xs" style={{ color: text, opacity: 0.8 }}>{filename || "snippet"}</span>
+              <span
+                className="ml-3 text-xs"
+                style={{ color: text, opacity: 0.8 }}
+              >
+                {filename || "snippet"}
+              </span>
             </div>
           )}
-          <pre className="whitespace-pre font-mono" style={{ color: text, fontSize }}>{code || " "}</pre>
+          <pre
+            className="whitespace-pre font-mono"
+            style={{ color: text, fontSize }}
+          >
+            {code || " "}
+          </pre>
         </div>
-        <p className="mt-3 text-xs text-muted-foreground">Estimated size: {width} × {height} px</p>
+        <p className="mt-3 text-xs text-muted-foreground">
+          Estimated size: {width} × {height} px
+        </p>
         <div className="mt-4">
-          <PrimaryButton onClick={download} disabled={!code.trim()}>Download PNG</PrimaryButton>
+          <PrimaryButton onClick={download} disabled={!code.trim()}>
+            Download PNG
+          </PrimaryButton>
         </div>
       </div>
     </div>
diff --git a/artifacts/personal-tool-console/src/components/tools/coding-tools.tsx b/artifacts/personal-tool-console/src/components/tools/coding-tools.tsx
index 513dc5f..f1be14b 100644
--- a/artifacts/personal-tool-console/src/components/tools/coding-tools.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/coding-tools.tsx
@@ -1,9 +1,34 @@
 import { useMemo, useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
-import { minifyJson, validateJson, slugify, htmlEncode, htmlDecode, formatHtml, minifyHtml, formatCss, minifyCss, minifyJs, md5 } from "@/lib/tools/coding";
-import { Field, TextArea, SelectInput, OutBox, Chip, ToggleInput } from "@/components/tools/shared/fields";
+import {
+  minifyJson,
+  validateJson,
+  slugify,
+  htmlEncode,
+  htmlDecode,
+  formatHtml,
+  minifyHtml,
+  formatCss,
+  minifyCss,
+  minifyJs,
+  md5,
+} from "@/lib/tools/coding";
+import {
+  Field,
+  TextArea,
+  SelectInput,
+  OutBox,
+  Chip,
+  ToggleInput,
+} from "@/components/tools/shared/fields";
 
-function TextTransformer({ placeholder, transform, label, hint, chip }: {
+function TextTransformer({
+  placeholder,
+  transform,
+  label,
+  hint,
+  chip,
+}: {
   placeholder: string;
   transform: (s: string) => string;
   label: string;
@@ -33,7 +58,13 @@ function TextTransformer({ placeholder, transform, label, hint, chip }: {
       )}
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <Field label={label} hint={hint}>
-          <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} className="font-mono" placeholder={placeholder} />
+          <TextArea
+            value={input}
+            onChange={(e) => setInput(e.target.value)}
+            spellCheck={false}
+            className="font-mono"
+            placeholder={placeholder}
+          />
         </Field>
       </div>
       {error && <p className="text-red-400 text-sm">{error}</p>}
@@ -73,11 +104,17 @@ function formatJsCode(code: string): string {
         const c = code[i];
         push(c);
         if (c === "\\") {
-          if (i + 1 < code.length) { push(code[i + 1]); i++; }
+          if (i + 1 < code.length) {
+            push(code[i + 1]);
+            i++;
+          }
           i++;
           continue;
         }
-        if (c === quote) { i++; break; }
+        if (c === quote) {
+          i++;
+          break;
+        }
         if (c === "\n" && quote !== "`") break;
         i++;
       }
@@ -85,15 +122,24 @@ function formatJsCode(code: string): string {
     }
 
     if (ch === "/" && next === "/") {
-      while (i < code.length && code[i] !== "\n") { push(code[i]); i++; }
+      while (i < code.length && code[i] !== "\n") {
+        push(code[i]);
+        i++;
+      }
       continue;
     }
 
     if (ch === "/" && next === "*") {
       push("/*");
       i += 2;
-      while (i < code.length && !(code[i] === "*" && code[i + 1] === "/")) { push(code[i]); i++; }
-      if (i < code.length) { push("*/"); i += 2; }
+      while (i < code.length && !(code[i] === "*" && code[i + 1] === "/")) {
+        push(code[i]);
+        i++;
+      }
+      if (i < code.length) {
+        push("*/");
+        i += 2;
+      }
       continue;
     }
 
@@ -150,12 +196,23 @@ function formatJsCode(code: string): string {
 }
 
 function JsonMinifier() {
-  return <TextTransformer chip="json-minifier" label="JSON input" placeholder='{"key": "value"}' transform={minifyJson} />;
+  return (
+    <TextTransformer
+      chip="json-minifier"
+      label="JSON input"
+      placeholder='{"key": "value"}'
+      transform={minifyJson}
+    />
+  );
 }
 
 function JsonValidator() {
   const [input, setInput] = useState("");
-  const [result, setResult] = useState<{ valid: boolean; error?: string; line?: number } | null>(null);
+  const [result, setResult] = useState<{
+    valid: boolean;
+    error?: string;
+    line?: number;
+  } | null>(null);
 
   return (
     <div className="grid gap-4">
@@ -164,7 +221,13 @@ function JsonValidator() {
       </div>
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <Field label="JSON input">
-          <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} className="font-mono" placeholder='{"key": "value"}' />
+          <TextArea
+            value={input}
+            onChange={(e) => setInput(e.target.value)}
+            spellCheck={false}
+            className="font-mono"
+            placeholder='{"key": "value"}'
+          />
         </Field>
         <div className="mt-4">
           <button
@@ -175,23 +238,33 @@ function JsonValidator() {
           </button>
         </div>
       </div>
-      {result && (
-        result.valid ? (
-          <div className="rounded-xl border border-green-500/30 bg-green-500/10 px-4 py-3 text-sm text-green-400">Valid JSON</div>
+      {result &&
+        (result.valid ? (
+          <div className="rounded-xl border border-green-500/30 bg-green-500/10 px-4 py-3 text-sm text-green-400">
+            Valid JSON
+          </div>
         ) : (
           <div className="rounded-xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-400">
             <p className="font-medium">Invalid JSON</p>
-            {typeof result.line === "number" && <p className="mt-1">At line {result.line}</p>}
+            {typeof result.line === "number" && (
+              <p className="mt-1">At line {result.line}</p>
+            )}
             {result.error && <p className="mt-1 break-words">{result.error}</p>}
           </div>
-        )
-      )}
+        ))}
     </div>
   );
 }
 
 function UrlSlug() {
-  return <TextTransformer chip="url-slug" label="Text input" placeholder="Hello World — Clean & Tidy!" transform={slugify} />;
+  return (
+    <TextTransformer
+      chip="url-slug"
+      label="Text input"
+      placeholder="Hello World — Clean & Tidy!"
+      transform={slugify}
+    />
+  );
 }
 
 function HtmlEncoder() {
@@ -200,12 +273,22 @@ function HtmlEncoder() {
     <div className="grid gap-4">
       <div className="flex flex-wrap items-center gap-3">
         <Chip color="bg-ring/15 text-ring">html-encoder</Chip>
-        <div className="w-64"><ToggleInput label="Decode mode" checked={mode === "decode"} onChange={(v) => setMode(v ? "decode" : "encode")} /></div>
+        <div className="w-64">
+          <ToggleInput
+            label="Decode mode"
+            checked={mode === "decode"}
+            onChange={(v) => setMode(v ? "decode" : "encode")}
+          />
+        </div>
       </div>
       <TextTransformer
         chip=""
         label={mode === "encode" ? "HTML text" : "Encoded entities"}
-        placeholder={mode === "encode" ? "<div>Hello & welcome</div>" : "&lt;div&gt;Hello &amp; welcome&lt;/div&gt;"}
+        placeholder={
+          mode === "encode"
+            ? "<div>Hello & welcome</div>"
+            : "&lt;div&gt;Hello &amp; welcome&lt;/div&gt;"
+        }
         transform={mode === "encode" ? htmlEncode : htmlDecode}
       />
     </div>
@@ -223,52 +306,115 @@ function HtmlFormatter() {
         chip=""
         label="HTML input"
         placeholder="<div><p>Hello</p></div>"
-        transform={(s) => formatHtml(s).split("\n").map((l) => (indent === "4" ? l.replace(/^(  )/g, "    ") : l)).join("\n")}
+        transform={(s) =>
+          formatHtml(s)
+            .split("\n")
+            .map((l) => (indent === "4" ? l.replace(/^(  )/g, "    ") : l))
+            .join("\n")
+        }
       />
       <div className="w-36">
-        <SelectInput value={indent} onChange={(e) => setIndent(e.target.value)} options={["2", "4"]} />
+        <SelectInput
+          value={indent}
+          onChange={(e) => setIndent(e.target.value)}
+          options={["2", "4"]}
+        />
       </div>
     </div>
   );
 }
 
 function HtmlMinifier() {
-  return <TextTransformer chip="html-minifier" label="HTML input" placeholder="<div>  <p>Hello</p>  </div>" transform={minifyHtml} />;
+  return (
+    <TextTransformer
+      chip="html-minifier"
+      label="HTML input"
+      placeholder="<div>  <p>Hello</p>  </div>"
+      transform={minifyHtml}
+    />
+  );
 }
 
 function CssFormatter() {
-  return <TextTransformer chip="css-formatter" label="CSS input" placeholder="a{color:red;margin:0}" transform={formatCss} />;
+  return (
+    <TextTransformer
+      chip="css-formatter"
+      label="CSS input"
+      placeholder="a{color:red;margin:0}"
+      transform={formatCss}
+    />
+  );
 }
 
 function CssMinifier() {
-  return <TextTransformer chip="css-minifier" label="CSS input" placeholder="a { color: red; margin: 0; }" transform={minifyCss} />;
+  return (
+    <TextTransformer
+      chip="css-minifier"
+      label="CSS input"
+      placeholder="a { color: red; margin: 0; }"
+      transform={minifyCss}
+    />
+  );
 }
 
 function JsFormatter() {
-  return <TextTransformer chip="js-formatter" label="JavaScript input" placeholder="function add(a,b){return a+b;}" transform={formatJsCode} />;
+  return (
+    <TextTransformer
+      chip="js-formatter"
+      label="JavaScript input"
+      placeholder="function add(a,b){return a+b;}"
+      transform={formatJsCode}
+    />
+  );
 }
 
 function JsMinifier() {
-  return <TextTransformer chip="js-minifier" label="JavaScript input" placeholder="function add(a, b) { return a + b; }" transform={minifyJs} />;
+  return (
+    <TextTransformer
+      chip="js-minifier"
+      label="JavaScript input"
+      placeholder="function add(a, b) { return a + b; }"
+      transform={minifyJs}
+    />
+  );
 }
 
 function Md5Hash() {
-  return <TextTransformer chip="md5-hash" label="Input text" placeholder="hello" transform={md5} />;
+  return (
+    <TextTransformer
+      chip="md5-hash"
+      label="Input text"
+      placeholder="hello"
+      transform={md5}
+    />
+  );
 }
 
 export default function CodingTools({ tool }: ToolPageProps) {
   switch (tool.slug) {
-    case "json-minifier": return <JsonMinifier />;
-    case "json-validator": return <JsonValidator />;
-    case "url-slug": return <UrlSlug />;
-    case "html-encoder": return <HtmlEncoder />;
-    case "html-formatter": return <HtmlFormatter />;
-    case "html-minifier": return <HtmlMinifier />;
-    case "css-formatter": return <CssFormatter />;
-    case "css-minifier": return <CssMinifier />;
-    case "js-formatter": return <JsFormatter />;
-    case "js-minifier": return <JsMinifier />;
-    case "md5-hash": return <Md5Hash />;
-    default: return <div className="text-sm text-muted-foreground">Unknown tool</div>;
+    case "json-minifier":
+      return <JsonMinifier />;
+    case "json-validator":
+      return <JsonValidator />;
+    case "url-slug":
+      return <UrlSlug />;
+    case "html-encoder":
+      return <HtmlEncoder />;
+    case "html-formatter":
+      return <HtmlFormatter />;
+    case "html-minifier":
+      return <HtmlMinifier />;
+    case "css-formatter":
+      return <CssFormatter />;
+    case "css-minifier":
+      return <CssMinifier />;
+    case "js-formatter":
+      return <JsFormatter />;
+    case "js-minifier":
+      return <JsMinifier />;
+    case "md5-hash":
+      return <Md5Hash />;
+    default:
+      return <div className="text-sm text-muted-foreground">Unknown tool</div>;
   }
 }
diff --git a/artifacts/personal-tool-console/src/components/tools/color/color-tools.tsx b/artifacts/personal-tool-console/src/components/tools/color/color-tools.tsx
index 9d607e9..bbf50f5 100644
--- a/artifacts/personal-tool-console/src/components/tools/color/color-tools.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/color/color-tools.tsx
@@ -8,7 +8,12 @@ import {
   generatePalette,
   type PaletteScheme,
 } from "@/lib/tools/color";
-import { Field, TextInput, SelectInput, OutBox } from "@/components/tools/shared/fields";
+import {
+  Field,
+  TextInput,
+  SelectInput,
+  OutBox,
+} from "@/components/tools/shared/fields";
 
 function useCopy() {
   const [copied, setCopied] = useState<string | null>(null);
@@ -30,14 +35,22 @@ function Swatch({ hex, big = false }: { hex: string; big?: boolean }) {
       className={`${big ? "h-14" : "h-10"} w-full rounded-xl border border-border/60 transition hover:scale-[1.02]`}
       style={{ backgroundColor: hex }}
     >
-      <span className={`${copied === hex ? "opacity-100" : "opacity-0"} flex h-full items-center justify-center rounded-xl bg-black/40 text-xs font-medium text-white transition`}>
+      <span
+        className={`${copied === hex ? "opacity-100" : "opacity-0"} flex h-full items-center justify-center rounded-xl bg-black/40 text-xs font-medium text-white transition`}
+      >
         {copied === hex ? "Copied" : ""}
       </span>
     </button>
   );
 }
 
-const SCHEMES: PaletteScheme[] = ["monochromatic", "complementary", "analogous", "triadic", "tetradic"];
+const SCHEMES: PaletteScheme[] = [
+  "monochromatic",
+  "complementary",
+  "analogous",
+  "triadic",
+  "tetradic",
+];
 
 function PalettePanel() {
   const [seed, setSeed] = useState("#7c3aed");
@@ -46,7 +59,10 @@ function PalettePanel() {
   const colorValid = /^#[0-9a-fA-F]{3,6}$/.test(seed.trim());
   const palette = useMemo(() => {
     try {
-      return { colors: generatePalette(seed.trim(), scheme, count), error: null as string | null };
+      return {
+        colors: generatePalette(seed.trim(), scheme, count),
+        error: null as string | null,
+      };
     } catch (e) {
       return { colors: [] as string[], error: (e as Error).message };
     }
@@ -63,11 +79,20 @@ function PalettePanel() {
               onChange={(e) => setSeed(e.target.value)}
               className="h-10 w-12 shrink-0 cursor-pointer rounded-xl border border-border bg-background/80"
             />
-            <TextInput value={seed} onChange={(e) => setSeed(e.target.value)} spellCheck={false} placeholder="#7c3aed" />
+            <TextInput
+              value={seed}
+              onChange={(e) => setSeed(e.target.value)}
+              spellCheck={false}
+              placeholder="#7c3aed"
+            />
           </div>
         </Field>
         <Field label="Scheme">
-          <SelectInput value={scheme} onChange={(e) => setScheme(e.target.value as PaletteScheme)} options={SCHEMES} />
+          <SelectInput
+            value={scheme}
+            onChange={(e) => setScheme(e.target.value as PaletteScheme)}
+            options={SCHEMES}
+          />
         </Field>
         <Field label={`Count: ${count}`}>
           <input
@@ -87,14 +112,20 @@ function PalettePanel() {
         <>
           <div className="flex h-3 w-full overflow-hidden rounded-full">
             {palette.colors.map((c) => (
-              <div key={c} className="h-full flex-1" style={{ backgroundColor: c }} />
+              <div
+                key={c}
+                className="h-full flex-1"
+                style={{ backgroundColor: c }}
+              />
             ))}
           </div>
           <div className="grid grid-cols-3 gap-2 sm:grid-cols-5">
             {palette.colors.map((c) => (
               <div key={c} className="grid gap-1.5">
                 <Swatch hex={c} big />
-                <p className="text-center font-mono text-xs text-muted-foreground">{c}</p>
+                <p className="text-center font-mono text-xs text-muted-foreground">
+                  {c}
+                </p>
               </div>
             ))}
           </div>
@@ -110,7 +141,10 @@ function HexToRgbaPanel() {
   const computed = useMemo(() => {
     try {
       const a = alpha / 100;
-      return { value: hexToRgbaString(hex.trim(), a), error: null as string | null };
+      return {
+        value: hexToRgbaString(hex.trim(), a),
+        error: null as string | null,
+      };
     } catch (e) {
       return { value: "", error: (e as Error).message };
     }
@@ -120,7 +154,12 @@ function HexToRgbaPanel() {
     <div className="grid gap-4">
       <div className="grid gap-4 sm:grid-cols-2">
         <Field label="Hex color">
-          <TextInput value={hex} onChange={(e) => setHex(e.target.value)} spellCheck={false} placeholder="#7c3aed" />
+          <TextInput
+            value={hex}
+            onChange={(e) => setHex(e.target.value)}
+            spellCheck={false}
+            placeholder="#7c3aed"
+          />
         </Field>
         <Field label={`Alpha: ${alpha}%`}>
           <input
@@ -139,8 +178,13 @@ function HexToRgbaPanel() {
       ) : (
         <>
           <div className="flex items-center gap-3">
-            <div className="h-12 w-12 rounded-xl border border-border/60" style={{ backgroundColor: computed.value }} />
-            <span className="font-mono text-sm text-foreground">{computed.value}</span>
+            <div
+              className="h-12 w-12 rounded-xl border border-border/60"
+              style={{ backgroundColor: computed.value }}
+            />
+            <span className="font-mono text-sm text-foreground">
+              {computed.value}
+            </span>
           </div>
           <OutBox value={computed.value} mono />
         </>
@@ -162,7 +206,12 @@ function RgbaToHexPanel() {
   return (
     <div className="grid gap-4">
       <Field label="rgb() / rgba() value">
-        <TextInput value={rgba} onChange={(e) => setRgba(e.target.value)} spellCheck={false} placeholder="rgba(255, 0, 0, 0.5)" />
+        <TextInput
+          value={rgba}
+          onChange={(e) => setRgba(e.target.value)}
+          spellCheck={false}
+          placeholder="rgba(255, 0, 0, 0.5)"
+        />
       </Field>
       {computed.error ? (
         <p className="text-red-400 text-sm">{computed.error}</p>
@@ -170,8 +219,13 @@ function RgbaToHexPanel() {
         <>
           <div className="flex h-1 w-full overflow-hidden rounded-full" />
           <div className="flex items-center gap-3">
-            <div className="h-12 w-12 rounded-xl border border-border/60" style={{ backgroundColor: computed.value }} />
-            <span className="font-mono text-sm text-foreground">{computed.value}</span>
+            <div
+              className="h-12 w-12 rounded-xl border border-border/60"
+              style={{ backgroundColor: computed.value }}
+            />
+            <span className="font-mono text-sm text-foreground">
+              {computed.value}
+            </span>
           </div>
           <OutBox value={computed.value} mono />
         </>
@@ -185,7 +239,10 @@ function ShadesPanel() {
   const [steps, setSteps] = useState("9");
   const computed = useMemo(() => {
     try {
-      return { colors: shadeScale(base.trim(), Number(steps)), error: null as string | null };
+      return {
+        colors: shadeScale(base.trim(), Number(steps)),
+        error: null as string | null,
+      };
     } catch (e) {
       return { colors: [] as string[], error: (e as Error).message };
     }
@@ -196,25 +253,49 @@ function ShadesPanel() {
     <div className="grid gap-4">
       <div className="grid gap-4 sm:grid-cols-2">
         <Field label="Base color">
-          <TextInput value={base} onChange={(e) => setBase(e.target.value)} spellCheck={false} placeholder="#0ea5e9" />
+          <TextInput
+            value={base}
+            onChange={(e) => setBase(e.target.value)}
+            spellCheck={false}
+            placeholder="#0ea5e9"
+          />
         </Field>
         <Field label="Number of steps">
-          <SelectInput value={steps} onChange={(e) => setSteps(e.target.value)} options={["7", "9", "11", "13"]} className="w-24" />
+          <SelectInput
+            value={steps}
+            onChange={(e) => setSteps(e.target.value)}
+            options={["7", "9", "11", "13"]}
+            className="w-24"
+          />
         </Field>
       </div>
       {computed.error ? (
         <p className="text-red-400 text-sm">{computed.error}</p>
       ) : (
         <>
-          <div className="h-4 w-full overflow-hidden rounded-full" style={{ background: `linear-gradient(to right, ${computed.colors.join(", ")})` }} />
-          <div className="grid gap-2 sm:grid-cols-3" style={{ gridTemplateColumns: `repeat(${Math.min(n, 6)}, minmax(0, 1fr))` }}>
+          <div
+            className="h-4 w-full overflow-hidden rounded-full"
+            style={{
+              background: `linear-gradient(to right, ${computed.colors.join(", ")})`,
+            }}
+          />
+          <div
+            className="grid gap-2 sm:grid-cols-3"
+            style={{
+              gridTemplateColumns: `repeat(${Math.min(n, 6)}, minmax(0, 1fr))`,
+            }}
+          >
             {computed.colors.map((c, i) => {
               const pct = Math.round((i / (n - 1)) * 100 - 50);
               return (
                 <div key={c + i} className="grid gap-1.5">
-                  <p className="text-center text-xs font-medium text-muted-foreground">{pct > 0 ? `+${pct}` : pct}%</p>
+                  <p className="text-center text-xs font-medium text-muted-foreground">
+                    {pct > 0 ? `+${pct}` : pct}%
+                  </p>
                   <Swatch hex={c} />
-                  <p className="text-center font-mono text-xs text-muted-foreground">{c}</p>
+                  <p className="text-center font-mono text-xs text-muted-foreground">
+                    {c}
+                  </p>
                 </div>
               );
             })}
@@ -231,14 +312,19 @@ function MixerPanel() {
   const [ratio, setRatio] = useState(50);
   const computed = useMemo(() => {
     try {
-      return { value: mixColors(a.trim(), b.trim(), ratio / 100), error: null as string | null };
+      return {
+        value: mixColors(a.trim(), b.trim(), ratio / 100),
+        error: null as string | null,
+      };
     } catch (e) {
       return { value: "", error: (e as Error).message };
     }
   }, [a, b, ratio]);
   const ramp = useMemo(() => {
     try {
-      return [0, 0.25, 0.5, 0.75, 1].map((r) => mixColors(a.trim(), b.trim(), r));
+      return [0, 0.25, 0.5, 0.75, 1].map((r) =>
+        mixColors(a.trim(), b.trim(), r),
+      );
     } catch {
       return [] as string[];
     }
@@ -248,10 +334,20 @@ function MixerPanel() {
     <div className="grid gap-4">
       <div className="grid gap-4 sm:grid-cols-2">
         <Field label="Color A">
-          <TextInput value={a} onChange={(e) => setA(e.target.value)} spellCheck={false} placeholder="#ff0000" />
+          <TextInput
+            value={a}
+            onChange={(e) => setA(e.target.value)}
+            spellCheck={false}
+            placeholder="#ff0000"
+          />
         </Field>
         <Field label="Color B">
-          <TextInput value={b} onChange={(e) => setB(e.target.value)} spellCheck={false} placeholder="#0000ff" />
+          <TextInput
+            value={b}
+            onChange={(e) => setB(e.target.value)}
+            spellCheck={false}
+            placeholder="#0000ff"
+          />
         </Field>
       </div>
       <Field label={`Ratio B: ${ratio}%`}>
@@ -270,8 +366,13 @@ function MixerPanel() {
       ) : (
         <>
           <div className="flex items-center gap-3">
-            <div className="h-12 w-12 rounded-xl border border-border/60" style={{ backgroundColor: computed.value }} />
-            <span className="font-mono text-sm text-foreground">{computed.value}</span>
+            <div
+              className="h-12 w-12 rounded-xl border border-border/60"
+              style={{ backgroundColor: computed.value }}
+            />
+            <span className="font-mono text-sm text-foreground">
+              {computed.value}
+            </span>
           </div>
           <OutBox value={computed.value} mono />
           {ramp.length > 0 && (
@@ -279,7 +380,9 @@ function MixerPanel() {
               {ramp.map((c, i) => (
                 <div key={c + i} className="grid gap-1">
                   <Swatch hex={c} />
-                  <p className="text-center text-xs text-muted-foreground">{i * 25}%</p>
+                  <p className="text-center text-xs text-muted-foreground">
+                    {i * 25}%
+                  </p>
                 </div>
               ))}
             </div>
@@ -305,4 +408,4 @@ export default function ColorTools({ tool }: ToolPageProps) {
     default:
       return null;
   }
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/crypto/crypto-tools.tsx b/artifacts/personal-tool-console/src/components/tools/crypto/crypto-tools.tsx
index b2d3991..a2a4fcd 100644
--- a/artifacts/personal-tool-console/src/components/tools/crypto/crypto-tools.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/crypto/crypto-tools.tsx
@@ -36,7 +36,8 @@ function AesPanel() {
   const [busy, setBusy] = useState(false);
 
   const genKey = () => setKey(generateAesKey(Number(bits), "base64"));
-  const genIv = () => setIv(bytesToBase64(randomBytes(mode === "AES-GCM" ? 12 : 16)));
+  const genIv = () =>
+    setIv(bytesToBase64(randomBytes(mode === "AES-GCM" ? 12 : 16)));
 
   const run = async () => {
     setError(null);
@@ -64,10 +65,18 @@ function AesPanel() {
     <div className="grid gap-4">
       <div className="grid gap-4 sm:grid-cols-2">
         <Field label="Mode">
-          <SelectInput value={mode} onChange={(e) => setMode(e.target.value)} options={["AES-GCM", "AES-CBC"]} />
+          <SelectInput
+            value={mode}
+            onChange={(e) => setMode(e.target.value)}
+            options={["AES-GCM", "AES-CBC"]}
+          />
         </Field>
         <Field label="Key size">
-          <SelectInput value={bits} onChange={(e) => setBits(e.target.value)} options={["128", "192", "256"]} />
+          <SelectInput
+            value={bits}
+            onChange={(e) => setBits(e.target.value)}
+            options={["128", "192", "256"]}
+          />
         </Field>
       </div>
       <ToggleInput
@@ -81,21 +90,39 @@ function AesPanel() {
             value={input}
             onChange={(e) => setInput(e.target.value)}
             spellCheck={false}
-            placeholder={encrypting ? "Top secret message…" : "base64 ciphertext…"}
+            placeholder={
+              encrypting ? "Top secret message…" : "base64 ciphertext…"
+            }
           />
         </Field>
       </div>
       <div className="grid gap-4 sm:grid-cols-2">
         <Field label="Key (base64)">
           <div className="flex gap-2">
-            <TextInput value={key} onChange={(e) => setKey(e.target.value)} spellCheck={false} placeholder="generated or pasted key" />
-            <GhostButton type="button" onClick={genKey}>Generate</GhostButton>
+            <TextInput
+              value={key}
+              onChange={(e) => setKey(e.target.value)}
+              spellCheck={false}
+              placeholder="generated or pasted key"
+            />
+            <GhostButton type="button" onClick={genKey}>
+              Generate
+            </GhostButton>
           </div>
         </Field>
-        <Field label={`IV (base64 · ${mode === "AES-GCM" ? "12" : "16"} bytes)`}>
+        <Field
+          label={`IV (base64 · ${mode === "AES-GCM" ? "12" : "16"} bytes)`}
+        >
           <div className="flex gap-2">
-            <TextInput value={iv} onChange={(e) => setIv(e.target.value)} spellCheck={false} placeholder="initialization vector" />
-            <GhostButton type="button" onClick={genIv}>Generate</GhostButton>
+            <TextInput
+              value={iv}
+              onChange={(e) => setIv(e.target.value)}
+              spellCheck={false}
+              placeholder="initialization vector"
+            />
+            <GhostButton type="button" onClick={genIv}>
+              Generate
+            </GhostButton>
           </div>
         </Field>
       </div>
@@ -103,8 +130,17 @@ function AesPanel() {
         {busy ? "Working…" : encrypting ? "Encrypt" : "Decrypt"}
       </PrimaryButton>
       {error && <p className="text-red-400 text-sm">{error}</p>}
-      {output && <OutBox value={output} mono filename={encrypting ? "ciphertext.b64" : "plaintext.txt"} />}
-      <p className="text-xs text-muted-foreground/70">The same key and IV must be used to decrypt. GCM uses a 12-byte IV; CBC uses 16 bytes.</p>
+      {output && (
+        <OutBox
+          value={output}
+          mono
+          filename={encrypting ? "ciphertext.b64" : "plaintext.txt"}
+        />
+      )}
+      <p className="text-xs text-muted-foreground/70">
+        The same key and IV must be used to decrypt. GCM uses a 12-byte IV; CBC
+        uses 16 bytes.
+      </p>
     </div>
   );
 }
@@ -128,7 +164,11 @@ function HmacPanel() {
     }
     setBusy(true);
     try {
-      const r = await hmacHash(message, secret, algo as "SHA-256" | "SHA-384" | "SHA-512");
+      const r = await hmacHash(
+        message,
+        secret,
+        algo as "SHA-256" | "SHA-384" | "SHA-512",
+      );
       setHex(r.hex);
       setB64(r.base64);
     } catch (e) {
@@ -140,7 +180,9 @@ function HmacPanel() {
 
   return (
     <div className="grid gap-4">
-      <Chip color="bg-amber-500/15 text-amber-400">HMAC-MD5 is not supported by the Web Crypto API — SHA-2 only</Chip>
+      <Chip color="bg-amber-500/15 text-amber-400">
+        HMAC-MD5 is not supported by the Web Crypto API — SHA-2 only
+      </Chip>
       <Field label="Message">
         <TextArea
           value={message}
@@ -151,10 +193,19 @@ function HmacPanel() {
       </Field>
       <div className="grid gap-4 sm:grid-cols-2">
         <Field label="Secret key">
-          <TextInput value={secret} onChange={(e) => setSecret(e.target.value)} spellCheck={false} placeholder="shared secret" />
+          <TextInput
+            value={secret}
+            onChange={(e) => setSecret(e.target.value)}
+            spellCheck={false}
+            placeholder="shared secret"
+          />
         </Field>
         <Field label="Algorithm">
-          <SelectInput value={algo} onChange={(e) => setAlgo(e.target.value)} options={["SHA-256", "SHA-384", "SHA-512"]} />
+          <SelectInput
+            value={algo}
+            onChange={(e) => setAlgo(e.target.value)}
+            options={["SHA-256", "SHA-384", "SHA-512"]}
+          />
         </Field>
       </div>
       <PrimaryButton type="button" onClick={compute} disabled={busy}>
@@ -164,11 +215,15 @@ function HmacPanel() {
       {(hex || b64) && (
         <div className="grid gap-4">
           <div className="space-y-1.5">
-            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">hex</span>
+            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+              hex
+            </span>
             <OutBox value={hex} mono />
           </div>
           <div className="space-y-1.5">
-            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">base64</span>
+            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+              base64
+            </span>
             <OutBox value={b64} mono />
           </div>
         </div>
@@ -206,7 +261,10 @@ function JwtPanel() {
     setBusy(true);
     try {
       const r = await hmacHash(`${parts[0]}.${parts[1]}`, secret, "SHA-256");
-      const expected = r.base64.replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+      const expected = r.base64
+        .replace(/\+/g, "-")
+        .replace(/\//g, "_")
+        .replace(/=+$/, "");
       setSig(expected === parts[2].replace(/=+$/, "") ? "valid" : "invalid");
     } catch (e) {
       setError((e as Error).message);
@@ -226,44 +284,77 @@ function JwtPanel() {
           placeholder="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.…"
         />
       </Field>
-      <PrimaryButton type="button" onClick={decode}>Decode</PrimaryButton>
+      <PrimaryButton type="button" onClick={decode}>
+        Decode
+      </PrimaryButton>
       {error && <p className="text-red-400 text-sm">{error}</p>}
       {decoded && (
         <div className="grid gap-4">
           <div className="space-y-1.5">
-            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Header</span>
+            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+              Header
+            </span>
             <OutBox value={JSON.stringify(decoded.header, null, 2)} mono />
           </div>
           <div className="space-y-1.5">
-            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Payload</span>
+            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+              Payload
+            </span>
             <OutBox value={JSON.stringify(decoded.payload, null, 2)} mono />
           </div>
           <div className="flex flex-wrap items-center gap-2 text-sm">
-            <Chip color="bg-blue-500/15 text-blue-400">alg {String(decoded.header.alg ?? "?")}</Chip>
+            <Chip color="bg-blue-500/15 text-blue-400">
+              alg {String(decoded.header.alg ?? "?")}
+            </Chip>
             <Chip>sig {decoded.signature.slice(0, 18)}…</Chip>
             {decoded.issuedAt && <Chip>iat {decoded.issuedAt}</Chip>}
             {decoded.expiry && <Chip>exp {decoded.expiry}</Chip>}
             {decoded.secondsToExpiry !== undefined && (
-              <Chip color={exp ? "bg-red-500/15 text-red-400" : "bg-green-500/15 text-green-400"}>
-                {exp ? `expired ${Math.abs(decoded.secondsToExpiry)}s ago` : `expires in ${decoded.secondsToExpiry}s`}
+              <Chip
+                color={
+                  exp
+                    ? "bg-red-500/15 text-red-400"
+                    : "bg-green-500/15 text-green-400"
+                }
+              >
+                {exp
+                  ? `expired ${Math.abs(decoded.secondsToExpiry)}s ago`
+                  : `expires in ${decoded.secondsToExpiry}s`}
               </Chip>
             )}
             {decoded.expired !== undefined && (
-              <Chip color={decoded.expired ? "bg-red-500/15 text-red-400" : "bg-green-500/15 text-green-400"}>
+              <Chip
+                color={
+                  decoded.expired
+                    ? "bg-red-500/15 text-red-400"
+                    : "bg-green-500/15 text-green-400"
+                }
+              >
                 {decoded.expired ? "expired" : "not expired"}
               </Chip>
             )}
           </div>
           <div className="grid gap-4 sm:grid-cols-[1fr_auto]">
             <Field label="Secret (for HMAC-SHA256 signature check)">
-              <TextInput value={secret} onChange={(e) => setSecret(e.target.value)} spellCheck={false} placeholder="verify with this secret" />
+              <TextInput
+                value={secret}
+                onChange={(e) => setSecret(e.target.value)}
+                spellCheck={false}
+                placeholder="verify with this secret"
+              />
             </Field>
             <div className="flex items-end gap-2">
               <GhostButton type="button" onClick={verify} disabled={busy}>
                 {busy ? "Verifying…" : "Verify signature"}
               </GhostButton>
               {sig && (
-                <Chip color={sig === "valid" ? "bg-green-500/15 text-green-400" : "bg-red-500/15 text-red-400"}>
+                <Chip
+                  color={
+                    sig === "valid"
+                      ? "bg-green-500/15 text-green-400"
+                      : "bg-red-500/15 text-red-400"
+                  }
+                >
                   {sig === "valid" ? "Valid signature" : "Invalid signature"}
                 </Chip>
               )}
@@ -291,7 +382,9 @@ function KeyGenPanel() {
       const b = Number(bits) as 128 | 192 | 256 | 512;
       const f = format as "hex" | "base64";
       const c = Math.max(1, Math.min(20, Math.round(Number(count) || 1)));
-      setKeys(Array.from({ length: c }, () => generateRandomKey(b, f)).join("\n"));
+      setKeys(
+        Array.from({ length: c }, () => generateRandomKey(b, f)).join("\n"),
+      );
     } catch (e) {
       setError((e as Error).message);
     }
@@ -303,7 +396,9 @@ function KeyGenPanel() {
     try {
       const n = Math.max(0, Math.min(256, Math.round(Number(saltLen) || 0)));
       const bytes = randomBytes(n);
-      const hex = Array.from(bytes).map((x) => x.toString(16).padStart(2, "0")).join("");
+      const hex = Array.from(bytes)
+        .map((x) => x.toString(16).padStart(2, "0"))
+        .join("");
       setSaltOut(`${n} bytes\nhex:    ${hex}\nbase64: ${bytesToBase64(bytes)}`);
     } catch (e) {
       setError((e as Error).message);
@@ -314,26 +409,50 @@ function KeyGenPanel() {
     <div className="grid gap-4">
       <div className="grid gap-4 sm:grid-cols-3">
         <Field label="Key size (bits)">
-          <SelectInput value={bits} onChange={(e) => setBits(e.target.value)} options={["128", "192", "256", "512"]} />
+          <SelectInput
+            value={bits}
+            onChange={(e) => setBits(e.target.value)}
+            options={["128", "192", "256", "512"]}
+          />
         </Field>
         <Field label="Format">
-          <SelectInput value={format} onChange={(e) => setFormat(e.target.value)} options={["base64", "hex"]} />
+          <SelectInput
+            value={format}
+            onChange={(e) => setFormat(e.target.value)}
+            options={["base64", "hex"]}
+          />
         </Field>
         <Field label="Count">
-          <NumInput value={count} onChange={(e) => setCount(e.target.value)} min={1} max={20} />
+          <NumInput
+            value={count}
+            onChange={(e) => setCount(e.target.value)}
+            min={1}
+            max={20}
+          />
         </Field>
       </div>
-      <PrimaryButton type="button" onClick={gen}>Generate keys</PrimaryButton>
+      <PrimaryButton type="button" onClick={gen}>
+        Generate keys
+      </PrimaryButton>
       {keys && <OutBox value={keys} mono downloadable filename="keys.txt" />}
       <div className="grid gap-4 sm:grid-cols-[1fr_auto]">
         <Field label="Salt / IV length (bytes) — 16 to 256 recommended">
-          <NumInput value={saltLen} onChange={(e) => setSaltLen(e.target.value)} min={0} max={256} />
+          <NumInput
+            value={saltLen}
+            onChange={(e) => setSaltLen(e.target.value)}
+            min={0}
+            max={256}
+          />
         </Field>
         <div className="flex items-end">
-          <GhostButton type="button" onClick={genSalt}>Generate salt</GhostButton>
+          <GhostButton type="button" onClick={genSalt}>
+            Generate salt
+          </GhostButton>
         </div>
       </div>
-      {saltOut && <OutBox value={saltOut} mono downloadable filename="salt.txt" />}
+      {saltOut && (
+        <OutBox value={saltOut} mono downloadable filename="salt.txt" />
+      )}
       {error && <p className="text-red-400 text-sm">{error}</p>}
     </div>
   );
@@ -352,4 +471,4 @@ export default function CryptoTools({ tool }: ToolPageProps) {
     default:
       return null;
   }
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/css/css-generators.tsx b/artifacts/personal-tool-console/src/components/tools/css/css-generators.tsx
index 53c8a0e..d8b4881 100644
--- a/artifacts/personal-tool-console/src/components/tools/css/css-generators.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/css/css-generators.tsx
@@ -1,12 +1,28 @@
 import { useMemo, useRef, useState, type ReactNode } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
 import {
-  cssGradient, cssGlassmorphism, cssTriangle, cssBoxShadow, cssBorderRadius,
-  cssRgbBackgroundPattern, cssClipPath, cssCubicBezier, cssLoader, cssSwitch,
-  cssCheckbox, cssTextGlitch, type CssGenResult,
+  cssGradient,
+  cssGlassmorphism,
+  cssTriangle,
+  cssBoxShadow,
+  cssBorderRadius,
+  cssRgbBackgroundPattern,
+  cssClipPath,
+  cssCubicBezier,
+  cssLoader,
+  cssSwitch,
+  cssCheckbox,
+  cssTextGlitch,
+  type CssGenResult,
 } from "@/lib/tools/css-gen";
 import {
-  Field, TextInput, NumInput, SelectInput, ToggleInput, OutBox, GhostButton,
+  Field,
+  TextInput,
+  NumInput,
+  SelectInput,
+  ToggleInput,
+  OutBox,
+  GhostButton,
 } from "@/components/tools/shared/fields";
 
 function num(v: string, fallback = 0): number {
@@ -18,16 +34,33 @@ function scopeCss(css: string, scope: string): string {
   const kfNames = [...css.matchAll(/@keyframes\s+([\w-]+)/g)].map((m) => m[1]);
   let out = css;
   for (const name of kfNames) {
-    out = out.replace(new RegExp(`(animation:[^;]*?)\\b${name}\\b`, "g"), `$1${scope}-${name}`);
-    out = out.replace(new RegExp(`@keyframes\\s+${name}`, "g"), `@keyframes ${scope}-${name}`);
+    out = out.replace(
+      new RegExp(`(animation:[^;]*?)\\b${name}\\b`, "g"),
+      `$1${scope}-${name}`,
+    );
+    out = out.replace(
+      new RegExp(`@keyframes\\s+${name}`, "g"),
+      `@keyframes ${scope}-${name}`,
+    );
   }
-  out = out.replace(/(^|\n)\s*\.([\w-]+)([^{]*?)\{/g, (_m, lead: string, cls: string, rest: string) => {
-    return `${lead}.${scope} .${cls}${rest}{`;
-  });
+  out = out.replace(
+    /(^|\n)\s*\.([\w-]+)([^{]*?)\{/g,
+    (_m, lead: string, cls: string, rest: string) => {
+      return `${lead}.${scope} .${cls}${rest}{`;
+    },
+  );
   return out;
 }
 
-function Preview({ css, className, children }: { css: string; className?: string; children?: ReactNode }) {
+function Preview({
+  css,
+  className,
+  children,
+}: {
+  css: string;
+  className?: string;
+  children?: ReactNode;
+}) {
   const scopeRef = useRef(`pv-${Math.random().toString(36).slice(2, 8)}`);
   const scoped = useMemo(() => scopeCss(css, scopeRef.current), [css]);
   return (
@@ -47,38 +80,116 @@ function Result({ css, html }: { css: string; html?: string }) {
   );
 }
 
-const POSITIONS = ["center", "top left", "top center", "top right", "left", "right", "bottom left", "bottom center", "bottom right"];
+const POSITIONS = [
+  "center",
+  "top left",
+  "top center",
+  "top right",
+  "left",
+  "right",
+  "bottom left",
+  "bottom center",
+  "bottom right",
+];
 
 function GradientGen() {
   const [kind, setKind] = useState("linear");
   const [angle, setAngle] = useState("45");
   const [stops, setStops] = useState<string[]>(["#6366f1", "#22d3ee"]);
   const [position, setPosition] = useState("center");
-  const result = useMemo(() => cssGradient(kind as "linear" | "radial" | "conic", num(angle, 45), stops, position), [kind, angle, stops, position]);
+  const result = useMemo(
+    () =>
+      cssGradient(
+        kind as "linear" | "radial" | "conic",
+        num(angle, 45),
+        stops,
+        position,
+      ),
+    [kind, angle, stops, position],
+  );
   const square = kind !== "linear";
   return (
     <div className="grid gap-4">
-      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
-        <div className={square ? "grid h-48 w-48 place-items-center rounded-xl border border-border" : "rounded-xl border border-border"}>
-          <div className="gradient" style={square ? { width: 48, height: 48, borderRadius: 8 } : { width: "100%", height: 40, borderRadius: 8 }} />
+      <Preview
+        css={result.css}
+        className="rounded-2xl border border-border bg-card/60 p-4"
+      >
+        <div
+          className={
+            square
+              ? "grid h-48 w-48 place-items-center rounded-xl border border-border"
+              : "rounded-xl border border-border"
+          }
+        >
+          <div
+            className="gradient"
+            style={
+              square
+                ? { width: 48, height: 48, borderRadius: 8 }
+                : { width: "100%", height: 40, borderRadius: 8 }
+            }
+          />
         </div>
       </Preview>
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
-        <Field label="Type"><SelectInput value={kind} onChange={(e) => setKind(e.target.value)} options={["linear", "radial", "conic"]} /></Field>
-        <Field label="Angle"><NumInput min={0} max={360} value={angle} onChange={(e) => setAngle(e.target.value)} /></Field>
-        {kind !== "linear" && <Field label="Position"><SelectInput value={position} onChange={(e) => setPosition(e.target.value)} options={POSITIONS} /></Field>}
+        <Field label="Type">
+          <SelectInput
+            value={kind}
+            onChange={(e) => setKind(e.target.value)}
+            options={["linear", "radial", "conic"]}
+          />
+        </Field>
+        <Field label="Angle">
+          <NumInput
+            min={0}
+            max={360}
+            value={angle}
+            onChange={(e) => setAngle(e.target.value)}
+          />
+        </Field>
+        {kind !== "linear" && (
+          <Field label="Position">
+            <SelectInput
+              value={position}
+              onChange={(e) => setPosition(e.target.value)}
+              options={POSITIONS}
+            />
+          </Field>
+        )}
         <div className="space-y-2 sm:col-span-2">
           {stops.map((s, i) => (
             <div key={i} className="flex items-center gap-3">
-              <span className="w-5 text-sm text-muted-foreground">#{i + 1}</span>
-              <input type="color" value={s} onChange={(e) => setStops(stops.map((x, j) => (j === i ? e.target.value : x)))} className="h-10 w-14 shrink-0 cursor-pointer rounded-lg border border-border bg-background" />
-              <TextInput value={s} onChange={(e) => setStops(stops.map((x, j) => (j === i ? e.target.value : x)))} />
+              <span className="w-5 text-sm text-muted-foreground">
+                #{i + 1}
+              </span>
+              <input
+                type="color"
+                value={s}
+                onChange={(e) =>
+                  setStops(stops.map((x, j) => (j === i ? e.target.value : x)))
+                }
+                className="h-10 w-14 shrink-0 cursor-pointer rounded-lg border border-border bg-background"
+              />
+              <TextInput
+                value={s}
+                onChange={(e) =>
+                  setStops(stops.map((x, j) => (j === i ? e.target.value : x)))
+                }
+              />
               {stops.length > 2 && (
-                <GhostButton onClick={() => setStops(stops.filter((_, j) => j !== i))}>Remove</GhostButton>
+                <GhostButton
+                  onClick={() => setStops(stops.filter((_, j) => j !== i))}
+                >
+                  Remove
+                </GhostButton>
               )}
             </div>
           ))}
-          {stops.length < 5 && <GhostButton onClick={() => setStops([...stops, "#ffffff"])}>Add stop</GhostButton>}
+          {stops.length < 5 && (
+            <GhostButton onClick={() => setStops([...stops, "#ffffff"])}>
+              Add stop
+            </GhostButton>
+          )}
         </div>
       </div>
       <Result css={result.css} html={result.html} />
@@ -92,22 +203,68 @@ function GlassGen() {
   const [border, setBorder] = useState("1");
   const [radius, setRadius] = useState(16);
   const [color, setColor] = useState("rgba(255,255,255,0.25)");
-  const result = useMemo(() => cssGlassmorphism(blur, opacity, border, radius, color), [blur, opacity, border, radius, color]);
+  const result = useMemo(
+    () => cssGlassmorphism(blur, opacity, border, radius, color),
+    [blur, opacity, border, radius, color],
+  );
   return (
     <div className="grid gap-4">
       <Preview css={result.css}>
         <div className="rounded-2xl border border-border bg-card/60 p-4">
-          <div className="flex h-56 items-center justify-center rounded-xl" style={{ background: "linear-gradient(135deg,#7c3aed 0%,#2563eb 45%,#06b6d4 100%)" }}>
-            <div className="glass flex h-32 w-56 items-center justify-center text-sm font-medium text-foreground">Frosted glass</div>
+          <div
+            className="flex h-56 items-center justify-center rounded-xl"
+            style={{
+              background:
+                "linear-gradient(135deg,#7c3aed 0%,#2563eb 45%,#06b6d4 100%)",
+            }}
+          >
+            <div className="glass flex h-32 w-56 items-center justify-center text-sm font-medium text-foreground">
+              Frosted glass
+            </div>
           </div>
         </div>
       </Preview>
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
-        <Field label={`Blur — ${blur}px`}><input type="range" min={0} max={40} value={blur} onChange={(e) => setBlur(num(e.target.value))} className="w-full" /></Field>
-        <Field label={`Opacity — ${opacity}`}><input type="range" min={0} max={1} step={0.05} value={opacity} onChange={(e) => setOpacity(num(e.target.value))} className="w-full" /></Field>
-        <Field label="Border width"><NumInput min={0} max={12} value={border} onChange={(e) => setBorder(e.target.value)} /></Field>
-        <Field label="Radius"><NumInput min={0} max={60} value={radius} onChange={(e) => setRadius(num(e.target.value))} /></Field>
-        <Field label="Color"><TextInput value={color} onChange={(e) => setColor(e.target.value)} /></Field>
+        <Field label={`Blur — ${blur}px`}>
+          <input
+            type="range"
+            min={0}
+            max={40}
+            value={blur}
+            onChange={(e) => setBlur(num(e.target.value))}
+            className="w-full"
+          />
+        </Field>
+        <Field label={`Opacity — ${opacity}`}>
+          <input
+            type="range"
+            min={0}
+            max={1}
+            step={0.05}
+            value={opacity}
+            onChange={(e) => setOpacity(num(e.target.value))}
+            className="w-full"
+          />
+        </Field>
+        <Field label="Border width">
+          <NumInput
+            min={0}
+            max={12}
+            value={border}
+            onChange={(e) => setBorder(e.target.value)}
+          />
+        </Field>
+        <Field label="Radius">
+          <NumInput
+            min={0}
+            max={60}
+            value={radius}
+            onChange={(e) => setRadius(num(e.target.value))}
+          />
+        </Field>
+        <Field label="Color">
+          <TextInput value={color} onChange={(e) => setColor(e.target.value)} />
+        </Field>
       </div>
       <Result css={result.css} html={result.html} />
     </div>
@@ -118,57 +275,164 @@ function TriangleGen() {
   const [dir, setDir] = useState("up");
   const [size, setSize] = useState("40");
   const [color, setColor] = useState("#6366f1");
-  const result = useMemo(() => cssTriangle(dir as "up" | "down" | "left" | "right", num(size, 40), color), [dir, size, color]);
+  const result = useMemo(
+    () =>
+      cssTriangle(
+        dir as "up" | "down" | "left" | "right",
+        num(size, 40),
+        color,
+      ),
+    [dir, size, color],
+  );
   return (
     <div className="grid gap-4">
-      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
-        <div className="grid h-40 place-items-center"><div className="triangle" /></div>
+      <Preview
+        css={result.css}
+        className="rounded-2xl border border-border bg-card/60 p-4"
+      >
+        <div className="grid h-40 place-items-center">
+          <div className="triangle" />
+        </div>
       </Preview>
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-3">
-        <Field label="Direction"><SelectInput value={dir} onChange={(e) => setDir(e.target.value)} options={["up", "down", "left", "right"]} /></Field>
-        <Field label="Size"><NumInput min={4} max={120} value={size} onChange={(e) => setSize(e.target.value)} /></Field>
-        <Field label="Color"><TextInput value={color} onChange={(e) => setColor(e.target.value)} /></Field>
+        <Field label="Direction">
+          <SelectInput
+            value={dir}
+            onChange={(e) => setDir(e.target.value)}
+            options={["up", "down", "left", "right"]}
+          />
+        </Field>
+        <Field label="Size">
+          <NumInput
+            min={4}
+            max={120}
+            value={size}
+            onChange={(e) => setSize(e.target.value)}
+          />
+        </Field>
+        <Field label="Color">
+          <TextInput value={color} onChange={(e) => setColor(e.target.value)} />
+        </Field>
       </div>
       <Result css={result.css} html={result.html} />
     </div>
   );
 }
 
-const SHADOW_TEMPLATE = { x: "0", y: "4", blur: "12", grow: "0", color: "#00000040", inset: false };
+const SHADOW_TEMPLATE = {
+  x: "0",
+  y: "4",
+  blur: "12",
+  grow: "0",
+  color: "#00000040",
+  inset: false,
+};
 type ShadowLayer = typeof SHADOW_TEMPLATE;
 
 function BoxShadowGen() {
   const [layers, setLayers] = useState<ShadowLayer[]>([{ ...SHADOW_TEMPLATE }]);
-  const spreads = layers.map((l) => ({ x: num(l.x), y: num(l.y), blur: num(l.blur), grow: num(l.grow), color: l.color, inset: l.inset }));
-  const result = useMemo(() => cssBoxShadow(spreads), [JSON.stringify(spreads)]);
-  const set = (i: number, patch: Partial<ShadowLayer>) => setLayers(layers.map((l, j) => (j === i ? { ...l, ...patch } : l)));
+  const spreads = layers.map((l) => ({
+    x: num(l.x),
+    y: num(l.y),
+    blur: num(l.blur),
+    grow: num(l.grow),
+    color: l.color,
+    inset: l.inset,
+  }));
+  const result = useMemo(
+    () => cssBoxShadow(spreads),
+    [JSON.stringify(spreads)],
+  );
+  const set = (i: number, patch: Partial<ShadowLayer>) =>
+    setLayers(layers.map((l, j) => (j === i ? { ...l, ...patch } : l)));
   return (
     <div className="grid gap-4">
-      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
-        <div className="grid h-48 place-items-center rounded-xl" style={{ backgroundImage: "radial-gradient(circle, hsl(var(--border)) 1px, transparent 1px)", backgroundSize: "16px 16px" }}>
-          <div className="box h-30 w-30 rounded-xl border border-border bg-card" style={{ width: 120, height: 120 }} />
+      <Preview
+        css={result.css}
+        className="rounded-2xl border border-border bg-card/60 p-4"
+      >
+        <div
+          className="grid h-48 place-items-center rounded-xl"
+          style={{
+            backgroundImage:
+              "radial-gradient(circle, hsl(var(--border)) 1px, transparent 1px)",
+            backgroundSize: "16px 16px",
+          }}
+        >
+          <div
+            className="box h-30 w-30 rounded-xl border border-border bg-card"
+            style={{ width: 120, height: 120 }}
+          />
         </div>
       </Preview>
       <div className="grid gap-3 rounded-2xl border border-border bg-card/60 p-4">
         {layers.map((l, i) => (
-          <div key={i} className="rounded-xl border border-border bg-background/40 p-3">
+          <div
+            key={i}
+            className="rounded-xl border border-border bg-background/40 p-3"
+          >
             <div className="mb-3 flex items-center justify-between">
-              <span className="text-xs font-medium text-muted-foreground">Layer {i + 1}</span>
-              {layers.length > 1 && <GhostButton onClick={() => setLayers(layers.filter((_, j) => j !== i))}>Remove</GhostButton>}
+              <span className="text-xs font-medium text-muted-foreground">
+                Layer {i + 1}
+              </span>
+              {layers.length > 1 && (
+                <GhostButton
+                  onClick={() => setLayers(layers.filter((_, j) => j !== i))}
+                >
+                  Remove
+                </GhostButton>
+              )}
             </div>
             <div className="grid gap-3 sm:grid-cols-4">
-              <Field label="X"><NumInput value={l.x} onChange={(e) => set(i, { x: e.target.value })} /></Field>
-              <Field label="Y"><NumInput value={l.y} onChange={(e) => set(i, { y: e.target.value })} /></Field>
-              <Field label="Blur"><NumInput value={l.blur} onChange={(e) => set(i, { blur: e.target.value })} /></Field>
-              <Field label="Spread"><NumInput value={l.grow} onChange={(e) => set(i, { grow: e.target.value })} /></Field>
+              <Field label="X">
+                <NumInput
+                  value={l.x}
+                  onChange={(e) => set(i, { x: e.target.value })}
+                />
+              </Field>
+              <Field label="Y">
+                <NumInput
+                  value={l.y}
+                  onChange={(e) => set(i, { y: e.target.value })}
+                />
+              </Field>
+              <Field label="Blur">
+                <NumInput
+                  value={l.blur}
+                  onChange={(e) => set(i, { blur: e.target.value })}
+                />
+              </Field>
+              <Field label="Spread">
+                <NumInput
+                  value={l.grow}
+                  onChange={(e) => set(i, { grow: e.target.value })}
+                />
+              </Field>
               <div className="flex items-end gap-3 sm:col-span-2">
-                <Field label="Color" className="flex-1"><input type="color" value={l.color} onChange={(e) => set(i, { color: e.target.value })} className="h-10 w-full cursor-pointer rounded-lg border border-border bg-background" /></Field>
-                <div className="w-40"><ToggleInput label="Inset" checked={l.inset} onChange={(v) => set(i, { inset: v })} /></div>
+                <Field label="Color" className="flex-1">
+                  <input
+                    type="color"
+                    value={l.color}
+                    onChange={(e) => set(i, { color: e.target.value })}
+                    className="h-10 w-full cursor-pointer rounded-lg border border-border bg-background"
+                  />
+                </Field>
+                <div className="w-40">
+                  <ToggleInput
+                    label="Inset"
+                    checked={l.inset}
+                    onChange={(v) => set(i, { inset: v })}
+                  />
+                </div>
               </div>
             </div>
           </div>
         ))}
-        <GhostButton onClick={() => setLayers([...layers, { ...SHADOW_TEMPLATE }])}>Add layer</GhostButton>
+        <GhostButton
+          onClick={() => setLayers([...layers, { ...SHADOW_TEMPLATE }])}
+        >
+          Add layer
+        </GhostButton>
       </div>
       <Result css={result.css} html={result.html} />
     </div>
@@ -181,18 +445,45 @@ function BorderRadiusGen() {
   const [br, setBr] = useState("30");
   const [bl, setBl] = useState("30");
   const [squircle, setSquircle] = useState(false);
-  const result = useMemo(() => cssBorderRadius(num(tl), num(tr), num(br), num(bl), squircle), [tl, tr, br, bl, squircle]);
+  const result = useMemo(
+    () => cssBorderRadius(num(tl), num(tr), num(br), num(bl), squircle),
+    [tl, tr, br, bl, squircle],
+  );
   return (
     <div className="grid gap-4">
-      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
-        <div className="grid place-items-center"><div className={squircle ? "squircle" : "rounded"} style={{ width: 120, height: 120, background: "linear-gradient(135deg,#6366f1,#22d3ee)" }} /></div>
+      <Preview
+        css={result.css}
+        className="rounded-2xl border border-border bg-card/60 p-4"
+      >
+        <div className="grid place-items-center">
+          <div
+            className={squircle ? "squircle" : "rounded"}
+            style={{
+              width: 120,
+              height: 120,
+              background: "linear-gradient(135deg,#6366f1,#22d3ee)",
+            }}
+          />
+        </div>
       </Preview>
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-4">
-        <Field label="Top-left"><NumInput value={tl} onChange={(e) => setTl(e.target.value)} /></Field>
-        <Field label="Top-right"><NumInput value={tr} onChange={(e) => setTr(e.target.value)} /></Field>
-        <Field label="Bottom-right"><NumInput value={br} onChange={(e) => setBr(e.target.value)} /></Field>
-        <Field label="Bottom-left"><NumInput value={bl} onChange={(e) => setBl(e.target.value)} /></Field>
-        <ToggleInput label="Squircle" checked={squircle} onChange={setSquircle} />
+        <Field label="Top-left">
+          <NumInput value={tl} onChange={(e) => setTl(e.target.value)} />
+        </Field>
+        <Field label="Top-right">
+          <NumInput value={tr} onChange={(e) => setTr(e.target.value)} />
+        </Field>
+        <Field label="Bottom-right">
+          <NumInput value={br} onChange={(e) => setBr(e.target.value)} />
+        </Field>
+        <Field label="Bottom-left">
+          <NumInput value={bl} onChange={(e) => setBl(e.target.value)} />
+        </Field>
+        <ToggleInput
+          label="Squircle"
+          checked={squircle}
+          onChange={setSquircle}
+        />
       </div>
       <Result css={result.css} html={result.html} />
     </div>
@@ -204,17 +495,58 @@ function PatternsGen() {
   const [size, setSize] = useState(24);
   const [color, setColor] = useState("#6366f1");
   const [bg, setBg] = useState("#0f172a");
-  const result = useMemo(() => cssRgbBackgroundPattern(kind as "dots" | "stripes" | "grid" | "checker" | "crosshatch", size, color, bg), [kind, size, color, bg]);
+  const result = useMemo(
+    () =>
+      cssRgbBackgroundPattern(
+        kind as "dots" | "stripes" | "grid" | "checker" | "crosshatch",
+        size,
+        color,
+        bg,
+      ),
+    [kind, size, color, bg],
+  );
   return (
     <div className="grid gap-4">
-      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
-        <div className="grid place-items-center"><div className="pattern" style={{ width: 200, height: 200, borderRadius: 14, border: "1px solid hsl(var(--border))" }} /></div>
+      <Preview
+        css={result.css}
+        className="rounded-2xl border border-border bg-card/60 p-4"
+      >
+        <div className="grid place-items-center">
+          <div
+            className="pattern"
+            style={{
+              width: 200,
+              height: 200,
+              borderRadius: 14,
+              border: "1px solid hsl(var(--border))",
+            }}
+          />
+        </div>
       </Preview>
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
-        <Field label="Kind"><SelectInput value={kind} onChange={(e) => setKind(e.target.value)} options={["dots", "stripes", "grid", "checker", "crosshatch"]} /></Field>
-        <Field label={`Size — ${size}px`}><input type="range" min={8} max={64} value={size} onChange={(e) => setSize(num(e.target.value))} className="w-full" /></Field>
-        <Field label="Pattern color"><TextInput value={color} onChange={(e) => setColor(e.target.value)} /></Field>
-        <Field label="Background color"><TextInput value={bg} onChange={(e) => setBg(e.target.value)} /></Field>
+        <Field label="Kind">
+          <SelectInput
+            value={kind}
+            onChange={(e) => setKind(e.target.value)}
+            options={["dots", "stripes", "grid", "checker", "crosshatch"]}
+          />
+        </Field>
+        <Field label={`Size — ${size}px`}>
+          <input
+            type="range"
+            min={8}
+            max={64}
+            value={size}
+            onChange={(e) => setSize(num(e.target.value))}
+            className="w-full"
+          />
+        </Field>
+        <Field label="Pattern color">
+          <TextInput value={color} onChange={(e) => setColor(e.target.value)} />
+        </Field>
+        <Field label="Background color">
+          <TextInput value={bg} onChange={(e) => setBg(e.target.value)} />
+        </Field>
       </div>
       <Result css={result.css} html={result.html} />
     </div>
@@ -225,19 +557,61 @@ const SHAPES = ["circle", "ellipse", "triangle", "hexagon", "star", "custom"];
 
 function ClipPathGen() {
   const [shape, setShape] = useState("hexagon");
-  const [points, setPoints] = useState<Array<[number, number]>>([[5, 5], [95, 5], [95, 95], [5, 95]]);
-  const result = useMemo(() => cssClipPath(shape as "circle" | "ellipse" | "triangle" | "hexagon" | "star" | "custom", points), [shape, points]);
+  const [points, setPoints] = useState<Array<[number, number]>>([
+    [5, 5],
+    [95, 5],
+    [95, 95],
+    [5, 95],
+  ]);
+  const result = useMemo(
+    () =>
+      cssClipPath(
+        shape as
+          | "circle"
+          | "ellipse"
+          | "triangle"
+          | "hexagon"
+          | "star"
+          | "custom",
+        points,
+      ),
+    [shape, points],
+  );
   return (
     <div className="grid gap-4">
-      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
-        <div className="grid place-items-center"><div className="clipped" style={{ width: 160, height: 160, background: "linear-gradient(135deg,#f43f5e,#f97316)" }} /></div>
+      <Preview
+        css={result.css}
+        className="rounded-2xl border border-border bg-card/60 p-4"
+      >
+        <div className="grid place-items-center">
+          <div
+            className="clipped"
+            style={{
+              width: 160,
+              height: 160,
+              background: "linear-gradient(135deg,#f43f5e,#f97316)",
+            }}
+          />
+        </div>
       </Preview>
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-3 sm:grid-cols-2">
-          <Field label="Shape"><SelectInput value={shape} onChange={(e) => setShape(e.target.value)} options={SHAPES} /></Field>
+          <Field label="Shape">
+            <SelectInput
+              value={shape}
+              onChange={(e) => setShape(e.target.value)}
+              options={SHAPES}
+            />
+          </Field>
           {shape === "custom" && (
             <div className="flex items-end">
-              <GhostButton onClick={() => setPoints(points.length < 8 ? [...points, [50, 50]] : points)}>Add point</GhostButton>
+              <GhostButton
+                onClick={() =>
+                  setPoints(points.length < 8 ? [...points, [50, 50]] : points)
+                }
+              >
+                Add point
+              </GhostButton>
             </div>
           )}
         </div>
@@ -245,12 +619,42 @@ function ClipPathGen() {
           <div className="grid gap-3 sm:grid-cols-2">
             {points.map((p, i) => (
               <div key={i} className="flex items-center gap-2">
-                <span className="w-16 text-xs text-muted-foreground">Point {i + 1}</span>
-                <NumInput value={String(p[0])} min={0} max={100} onChange={(e) => setPoints(points.map((x, j) => (j === i ? [num(e.target.value), x[1]] : x)))} className="w-full" />
+                <span className="w-16 text-xs text-muted-foreground">
+                  Point {i + 1}
+                </span>
+                <NumInput
+                  value={String(p[0])}
+                  min={0}
+                  max={100}
+                  onChange={(e) =>
+                    setPoints(
+                      points.map((x, j) =>
+                        j === i ? [num(e.target.value), x[1]] : x,
+                      ),
+                    )
+                  }
+                  className="w-full"
+                />
                 <span className="text-xs text-muted-foreground">%</span>
-                <NumInput value={String(p[1])} min={0} max={100} onChange={(e) => setPoints(points.map((x, j) => (j === i ? [x[0], num(e.target.value)] : x)))} className="w-full" />
+                <NumInput
+                  value={String(p[1])}
+                  min={0}
+                  max={100}
+                  onChange={(e) =>
+                    setPoints(
+                      points.map((x, j) =>
+                        j === i ? [x[0], num(e.target.value)] : x,
+                      ),
+                    )
+                  }
+                  className="w-full"
+                />
                 {points.length > 3 && (
-                  <GhostButton onClick={() => setPoints(points.filter((_, j) => j !== i))}>×</GhostButton>
+                  <GhostButton
+                    onClick={() => setPoints(points.filter((_, j) => j !== i))}
+                  >
+                    ×
+                  </GhostButton>
                 )}
               </div>
             ))}
@@ -272,18 +676,42 @@ function BezierGen() {
   const b1y = Math.min(1, Math.max(0, num(p1y)));
   const b2x = Math.min(1, Math.max(0, num(p2x, 0.2)));
   const b2y = Math.min(1, Math.max(0, num(p2y, 1)));
-  const result = useMemo(() => cssCubicBezier(b1x, b1y, b2x, b2y), [b1x, b1y, b2x, b2y]);
+  const result = useMemo(
+    () => cssCubicBezier(b1x, b1y, b2x, b2y),
+    [b1x, b1y, b2x, b2y],
+  );
   const d = `M0,100 C${(b1x * 100).toFixed(1)},${(100 - b1y * 100).toFixed(1)} ${(b2x * 100).toFixed(1)},${(100 - b2y * 100).toFixed(1)} 100,0`;
   return (
     <div className="grid gap-4">
-      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+      <Preview
+        css={result.css}
+        className="rounded-2xl border border-border bg-card/60 p-4"
+      >
         <div className="grid gap-4">
           <div className="flex h-12 items-center overflow-hidden rounded-xl border border-border bg-background/40">
-            <div className="ease h-7 w-7 shrink-0 rounded-lg bg-primary" style={{ transform: play ? "translateX(13.25rem)" : "translateX(0)" }} />
+            <div
+              className="ease h-7 w-7 shrink-0 rounded-lg bg-primary"
+              style={{
+                transform: play ? "translateX(13.25rem)" : "translateX(0)",
+              }}
+            />
           </div>
-          <GhostButton onClick={() => setPlay((p) => !p)}>{play ? "Reset" : "Play"}</GhostButton>
-          <svg viewBox="0 0 100 100" preserveAspectRatio="none" className="h-28 w-full rounded-xl border border-border bg-background/40">
-            <line x1="0" y1="100" x2="100" y2="0" stroke="hsl(var(--border))" strokeDasharray="4 4" />
+          <GhostButton onClick={() => setPlay((p) => !p)}>
+            {play ? "Reset" : "Play"}
+          </GhostButton>
+          <svg
+            viewBox="0 0 100 100"
+            preserveAspectRatio="none"
+            className="h-28 w-full rounded-xl border border-border bg-background/40"
+          >
+            <line
+              x1="0"
+              y1="100"
+              x2="100"
+              y2="0"
+              stroke="hsl(var(--border))"
+              strokeDasharray="4 4"
+            />
             <path d={d} fill="none" stroke="hsl(var(--ring))" strokeWidth="2" />
             <circle cx={b1x * 100} cy={100 - b1y * 100} r="3" fill="#f43f5e" />
             <circle cx={b2x * 100} cy={100 - b2y * 100} r="3" fill="#22d3ee" />
@@ -291,10 +719,42 @@ function BezierGen() {
         </div>
       </Preview>
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-4">
-        <Field label="P1 x"><NumInput min={0} max={1} step={0.01} value={p1x} onChange={(e) => setP1x(e.target.value)} /></Field>
-        <Field label="P1 y"><NumInput min={0} max={1} step={0.01} value={p1y} onChange={(e) => setP1y(e.target.value)} /></Field>
-        <Field label="P2 x"><NumInput min={0} max={1} step={0.01} value={p2x} onChange={(e) => setP2x(e.target.value)} /></Field>
-        <Field label="P2 y"><NumInput min={0} max={1} step={0.01} value={p2y} onChange={(e) => setP2y(e.target.value)} /></Field>
+        <Field label="P1 x">
+          <NumInput
+            min={0}
+            max={1}
+            step={0.01}
+            value={p1x}
+            onChange={(e) => setP1x(e.target.value)}
+          />
+        </Field>
+        <Field label="P1 y">
+          <NumInput
+            min={0}
+            max={1}
+            step={0.01}
+            value={p1y}
+            onChange={(e) => setP1y(e.target.value)}
+          />
+        </Field>
+        <Field label="P2 x">
+          <NumInput
+            min={0}
+            max={1}
+            step={0.01}
+            value={p2x}
+            onChange={(e) => setP2x(e.target.value)}
+          />
+        </Field>
+        <Field label="P2 y">
+          <NumInput
+            min={0}
+            max={1}
+            step={0.01}
+            value={p2y}
+            onChange={(e) => setP2y(e.target.value)}
+          />
+        </Field>
       </div>
       <Result css={result.css} html={result.html} />
     </div>
@@ -306,23 +766,64 @@ function LoaderGen() {
   const [color, setColor] = useState("#6366f1");
   const [size, setSize] = useState("40");
   const [speed, setSpeed] = useState("1.2");
-  const result = useMemo(() => cssLoader(kind as "ring" | "dual" | "bar" | "dots", color, num(size, 40), num(speed, 1.2)), [kind, color, size, speed]);
+  const result = useMemo(
+    () =>
+      cssLoader(
+        kind as "ring" | "dual" | "bar" | "dots",
+        color,
+        num(size, 40),
+        num(speed, 1.2),
+      ),
+    [kind, color, size, speed],
+  );
   return (
     <div className="grid gap-4">
-      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+      <Preview
+        css={result.css}
+        className="rounded-2xl border border-border bg-card/60 p-4"
+      >
         <div className="grid h-36 place-items-center">
           {kind === "dots" ? (
-            <div className="loader"><span /><span /><span /></div>
+            <div className="loader">
+              <span />
+              <span />
+              <span />
+            </div>
           ) : (
             <div className="loader" />
           )}
         </div>
       </Preview>
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
-        <Field label="Kind"><SelectInput value={kind} onChange={(e) => setKind(e.target.value)} options={["ring", "dual", "bar", "dots"]} /></Field>
-        <Field label="Color"><TextInput value={color} onChange={(e) => setColor(e.target.value)} /></Field>
-        <Field label="Size"><NumInput min={8} max={120} value={size} onChange={(e) => setSize(e.target.value)} /></Field>
-        <Field label={`Speed — ${speed}s`}><input type="range" min={0.5} max={3} step={0.1} value={speed} onChange={(e) => setSpeed(e.target.value)} className="w-full" /></Field>
+        <Field label="Kind">
+          <SelectInput
+            value={kind}
+            onChange={(e) => setKind(e.target.value)}
+            options={["ring", "dual", "bar", "dots"]}
+          />
+        </Field>
+        <Field label="Color">
+          <TextInput value={color} onChange={(e) => setColor(e.target.value)} />
+        </Field>
+        <Field label="Size">
+          <NumInput
+            min={8}
+            max={120}
+            value={size}
+            onChange={(e) => setSize(e.target.value)}
+          />
+        </Field>
+        <Field label={`Speed — ${speed}s`}>
+          <input
+            type="range"
+            min={0.5}
+            max={3}
+            step={0.1}
+            value={speed}
+            onChange={(e) => setSpeed(e.target.value)}
+            className="w-full"
+          />
+        </Field>
       </div>
       <Result css={result.css} html={result.html} />
     </div>
@@ -333,15 +834,32 @@ function SwitchGen() {
   const [color, setColor] = useState("#10b981");
   const [size, setSize] = useState("32");
   const [checked, setChecked] = useState(true);
-  const result = useMemo(() => cssSwitch(color, num(size, 32), checked), [color, size, checked]);
+  const result = useMemo(
+    () => cssSwitch(color, num(size, 32), checked),
+    [color, size, checked],
+  );
   return (
     <div className="grid gap-4">
-      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
-        <div className="grid h-32 place-items-center"><div className="switch" /></div>
+      <Preview
+        css={result.css}
+        className="rounded-2xl border border-border bg-card/60 p-4"
+      >
+        <div className="grid h-32 place-items-center">
+          <div className="switch" />
+        </div>
       </Preview>
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
-        <Field label="Color"><TextInput value={color} onChange={(e) => setColor(e.target.value)} /></Field>
-        <Field label="Size"><NumInput min={16} max={80} value={size} onChange={(e) => setSize(e.target.value)} /></Field>
+        <Field label="Color">
+          <TextInput value={color} onChange={(e) => setColor(e.target.value)} />
+        </Field>
+        <Field label="Size">
+          <NumInput
+            min={16}
+            max={80}
+            value={size}
+            onChange={(e) => setSize(e.target.value)}
+          />
+        </Field>
         <ToggleInput label="Checked" checked={checked} onChange={setChecked} />
       </div>
       <Result css={result.css} html={result.html} />
@@ -352,15 +870,32 @@ function SwitchGen() {
 function CheckboxGen() {
   const [color, setColor] = useState("#6366f1");
   const [size, setSize] = useState("28");
-  const result = useMemo(() => cssCheckbox(color, num(size, 28)), [color, size]);
+  const result = useMemo(
+    () => cssCheckbox(color, num(size, 28)),
+    [color, size],
+  );
   return (
     <div className="grid gap-4">
-      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
-        <div className="grid h-32 place-items-center"><input type="checkbox" className="checkbox" defaultChecked /></div>
+      <Preview
+        css={result.css}
+        className="rounded-2xl border border-border bg-card/60 p-4"
+      >
+        <div className="grid h-32 place-items-center">
+          <input type="checkbox" className="checkbox" defaultChecked />
+        </div>
       </Preview>
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
-        <Field label="Color"><TextInput value={color} onChange={(e) => setColor(e.target.value)} /></Field>
-        <Field label="Size"><NumInput min={16} max={80} value={size} onChange={(e) => setSize(e.target.value)} /></Field>
+        <Field label="Color">
+          <TextInput value={color} onChange={(e) => setColor(e.target.value)} />
+        </Field>
+        <Field label="Size">
+          <NumInput
+            min={16}
+            max={80}
+            value={size}
+            onChange={(e) => setSize(e.target.value)}
+          />
+        </Field>
       </div>
       <Result css={result.css} html={result.html} />
     </div>
@@ -372,19 +907,51 @@ function GlitchGen() {
   const [colorA, setColorA] = useState("#f43f5e");
   const [colorB, setColorB] = useState("#22d3ee");
   const [intensity, setIntensity] = useState(3);
-  const result = useMemo(() => cssTextGlitch(colorA, colorB, intensity), [colorA, colorB, intensity]);
+  const result = useMemo(
+    () => cssTextGlitch(colorA, colorB, intensity),
+    [colorA, colorB, intensity],
+  );
   return (
     <div className="grid gap-4">
-      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+      <Preview
+        css={result.css}
+        className="rounded-2xl border border-border bg-card/60 p-4"
+      >
         <div className="grid h-36 place-items-center">
-          <div className="glitch text-4xl font-black tracking-widest text-foreground" data-text={text}>{text}</div>
+          <div
+            className="glitch text-4xl font-black tracking-widest text-foreground"
+            data-text={text}
+          >
+            {text}
+          </div>
         </div>
       </Preview>
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
-        <Field label="Text"><TextInput value={text} onChange={(e) => setText(e.target.value)} /></Field>
-        <Field label={`Intensity — ${intensity}`}><input type="range" min={1} max={6} value={intensity} onChange={(e) => setIntensity(num(e.target.value))} className="w-full" /></Field>
-        <Field label="Color A"><TextInput value={colorA} onChange={(e) => setColorA(e.target.value)} /></Field>
-        <Field label="Color B"><TextInput value={colorB} onChange={(e) => setColorB(e.target.value)} /></Field>
+        <Field label="Text">
+          <TextInput value={text} onChange={(e) => setText(e.target.value)} />
+        </Field>
+        <Field label={`Intensity — ${intensity}`}>
+          <input
+            type="range"
+            min={1}
+            max={6}
+            value={intensity}
+            onChange={(e) => setIntensity(num(e.target.value))}
+            className="w-full"
+          />
+        </Field>
+        <Field label="Color A">
+          <TextInput
+            value={colorA}
+            onChange={(e) => setColorA(e.target.value)}
+          />
+        </Field>
+        <Field label="Color B">
+          <TextInput
+            value={colorB}
+            onChange={(e) => setColorB(e.target.value)}
+          />
+        </Field>
       </div>
       <Result css={result.css} html={result.html} />
     </div>
@@ -400,32 +967,83 @@ function GridGen() {
   const n = num(cols, 3);
   const g = num(gap, 12);
   const f = num(fixedPx);
-  const columns = f > 0 ? `repeat(${Math.max(1, n)}, ${f}px)` : `repeat(${Math.max(1, n)}, 1fr)`;
+  const columns =
+    f > 0
+      ? `repeat(${Math.max(1, n)}, ${f}px)`
+      : `repeat(${Math.max(1, n)}, 1fr)`;
   const areasCss = areas.trim()
-    ? `\n  grid-template-areas: ${areas.split("\n").map((l) => `"${l.trim()}"`).join(" ")};`
+    ? `\n  grid-template-areas: ${areas
+        .split("\n")
+        .map((l) => `"${l.trim()}"`)
+        .join(" ")};`
     : "";
-  const result = useMemo<CssGenResult>(() => ({
-    css: `.grid {\n  display: grid;\n  grid-template-columns: ${columns};\n  gap: ${g}px;\n${rows !== "auto" ? `  grid-template-rows: repeat(${rows}, 1fr);\n` : ""}${areasCss}\n}`,
-  }), [columns, rows, g, areasCss]);
+  const result = useMemo<CssGenResult>(
+    () => ({
+      css: `.grid {\n  display: grid;\n  grid-template-columns: ${columns};\n  gap: ${g}px;\n${rows !== "auto" ? `  grid-template-rows: repeat(${rows}, 1fr);\n` : ""}${areasCss}\n}`,
+    }),
+    [columns, rows, g, areasCss],
+  );
   const cellCount = 3 * Math.max(1, n);
   return (
     <div className="grid gap-4">
-      <Preview css={result.css} className="rounded-2xl border border-border bg-card/60 p-4">
+      <Preview
+        css={result.css}
+        className="rounded-2xl border border-border bg-card/60 p-4"
+      >
         <div className="grid gap-3">
           <div className="grid">
             {Array.from({ length: cellCount }, (_, i) => (
-              <div key={i} className="grid h-12 place-items-center rounded-lg border border-border bg-card text-xs font-medium text-muted-foreground">{i + 1}</div>
+              <div
+                key={i}
+                className="grid h-12 place-items-center rounded-lg border border-border bg-card text-xs font-medium text-muted-foreground"
+              >
+                {i + 1}
+              </div>
             ))}
           </div>
         </div>
       </Preview>
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
-        <Field label="Columns"><NumInput min={1} max={12} value={cols} onChange={(e) => setCols(e.target.value)} /></Field>
-        <Field label="Rows"><SelectInput value={rows} onChange={(e) => setRows(e.target.value)} options={["auto", "1", "2", "3"]} /></Field>
-        <Field label="Gap (px)"><NumInput min={0} max={64} value={gap} onChange={(e) => setGap(e.target.value)} /></Field>
-        <Field label="Fixed width (px, optional)"><NumInput min={0} max={300} value={fixedPx} onChange={(e) => setFixedPx(e.target.value)} /></Field>
-        <Field label="Grid template areas (free text)" className="sm:col-span-2">
-          <TextInput value={areas} onChange={(e) => setAreas(e.target.value)} placeholder={'header header header\ncontent content aside'} />
+        <Field label="Columns">
+          <NumInput
+            min={1}
+            max={12}
+            value={cols}
+            onChange={(e) => setCols(e.target.value)}
+          />
+        </Field>
+        <Field label="Rows">
+          <SelectInput
+            value={rows}
+            onChange={(e) => setRows(e.target.value)}
+            options={["auto", "1", "2", "3"]}
+          />
+        </Field>
+        <Field label="Gap (px)">
+          <NumInput
+            min={0}
+            max={64}
+            value={gap}
+            onChange={(e) => setGap(e.target.value)}
+          />
+        </Field>
+        <Field label="Fixed width (px, optional)">
+          <NumInput
+            min={0}
+            max={300}
+            value={fixedPx}
+            onChange={(e) => setFixedPx(e.target.value)}
+          />
+        </Field>
+        <Field
+          label="Grid template areas (free text)"
+          className="sm:col-span-2"
+        >
+          <TextInput
+            value={areas}
+            onChange={(e) => setAreas(e.target.value)}
+            placeholder={"header header header\ncontent content aside"}
+          />
         </Field>
       </div>
       <Result css={result.css} html={result.html} />
@@ -435,19 +1053,33 @@ function GridGen() {
 
 export default function CssGenerators({ tool }: ToolPageProps) {
   switch (tool.slug) {
-    case "css-gradient-generator": return <GradientGen />;
-    case "css-glassmorphism": return <GlassGen />;
-    case "css-triangle-generator": return <TriangleGen />;
-    case "css-box-shadow": return <BoxShadowGen />;
-    case "css-border-radius": return <BorderRadiusGen />;
-    case "css-background-patterns": return <PatternsGen />;
-    case "css-clip-path": return <ClipPathGen />;
-    case "css-cubic-bezier": return <BezierGen />;
-    case "css-loader-generator": return <LoaderGen />;
-    case "css-switch-generator": return <SwitchGen />;
-    case "css-checkbox-generator": return <CheckboxGen />;
-    case "css-text-glitch": return <GlitchGen />;
-    case "css-grid-generator": return <GridGen />;
-    default: return null;
+    case "css-gradient-generator":
+      return <GradientGen />;
+    case "css-glassmorphism":
+      return <GlassGen />;
+    case "css-triangle-generator":
+      return <TriangleGen />;
+    case "css-box-shadow":
+      return <BoxShadowGen />;
+    case "css-border-radius":
+      return <BorderRadiusGen />;
+    case "css-background-patterns":
+      return <PatternsGen />;
+    case "css-clip-path":
+      return <ClipPathGen />;
+    case "css-cubic-bezier":
+      return <BezierGen />;
+    case "css-loader-generator":
+      return <LoaderGen />;
+    case "css-switch-generator":
+      return <SwitchGen />;
+    case "css-checkbox-generator":
+      return <CheckboxGen />;
+    case "css-text-glitch":
+      return <GlitchGen />;
+    case "css-grid-generator":
+      return <GridGen />;
+    default:
+      return null;
   }
 }
diff --git a/artifacts/personal-tool-console/src/components/tools/currency-converter.tsx b/artifacts/personal-tool-console/src/components/tools/currency-converter.tsx
index 1a32583..f577fd9 100644
--- a/artifacts/personal-tool-console/src/components/tools/currency-converter.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/currency-converter.tsx
@@ -1,14 +1,26 @@
 import { useMemo, useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
-import { CURRENCY_RATES, CURRENCY_SYMBOLS, convertCurrency, getCurrencyCodes } from "@/lib/tools/currency-converter";
-import { Field, SelectInput, NumInput, OutBox, GhostButton } from "@/components/tools/shared/fields";
+import {
+  CURRENCY_RATES,
+  CURRENCY_SYMBOLS,
+  convertCurrency,
+  getCurrencyCodes,
+} from "@/lib/tools/currency-converter";
+import {
+  Field,
+  SelectInput,
+  NumInput,
+  OutBox,
+  GhostButton,
+} from "@/components/tools/shared/fields";
 import { ArrowLeftRight } from "lucide-react";
 
 const CODES = getCurrencyCodes();
 
 function format(n: number, code: string): string {
   const symbol = CURRENCY_SYMBOLS[code] ?? "";
-  if (code === "jpy" || code === "idr") return `${symbol}${Math.round(n).toLocaleString()}`;
+  if (code === "jpy" || code === "idr")
+    return `${symbol}${Math.round(n).toLocaleString()}`;
   return `${symbol}${n.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
 }
 
@@ -37,29 +49,50 @@ export default function CurrencyConverterPage({ tool }: ToolPageProps) {
       <div className="grid gap-4 lg:grid-cols-2">
         <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
           <Field label="Amount">
-            <NumInput min={0} step="any" value={amount} onChange={(e) => setAmount(e.target.value)} />
+            <NumInput
+              min={0}
+              step="any"
+              value={amount}
+              onChange={(e) => setAmount(e.target.value)}
+            />
           </Field>
           <div className="grid grid-cols-[1fr_auto_1fr] items-end gap-2">
             <Field label="From">
-              <SelectInput options={CODES.map((c) => c.toUpperCase())} value={from.toUpperCase()} onChange={(e) => setFrom(e.target.value.toLowerCase())} />
+              <SelectInput
+                options={CODES.map((c) => c.toUpperCase())}
+                value={from.toUpperCase()}
+                onChange={(e) => setFrom(e.target.value.toLowerCase())}
+              />
             </Field>
             <GhostButton className="px-3" onClick={swap} title="Swap">
               <ArrowLeftRight className="h-4 w-4" />
             </GhostButton>
             <Field label="To">
-              <SelectInput options={CODES.map((c) => c.toUpperCase())} value={to.toUpperCase()} onChange={(e) => setTo(e.target.value.toLowerCase())} />
+              <SelectInput
+                options={CODES.map((c) => c.toUpperCase())}
+                value={to.toUpperCase()}
+                onChange={(e) => setTo(e.target.value.toLowerCase())}
+              />
             </Field>
           </div>
         </div>
         <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
-          <OutBox value={result ? `${format(num, from)} = ${result}` : "—"} mono={false} className="min-h-28" />
+          <OutBox
+            value={result ? `${format(num, from)} = ${result}` : "—"}
+            mono={false}
+            className="min-h-28"
+          />
         </div>
       </div>
 
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="mb-2 flex items-center justify-between">
-          <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Rates to USD</span>
-          <span className="text-xs text-muted-foreground/60">static reference — manual</span>
+          <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+            Rates to USD
+          </span>
+          <span className="text-xs text-muted-foreground/60">
+            static reference — manual
+          </span>
         </div>
         <div className="overflow-hidden rounded-xl border border-border">
           <table className="w-full text-left text-sm">
@@ -73,7 +106,9 @@ export default function CurrencyConverterPage({ tool }: ToolPageProps) {
               {CODES.filter((c) => c !== "usd").map((code) => (
                 <tr key={code} className="border-t border-border/60">
                   <td className="px-3 py-2 font-mono">{code.toUpperCase()}</td>
-                  <td className="px-3 py-2 text-right font-mono">{CURRENCY_RATES[code]}</td>
+                  <td className="px-3 py-2 text-right font-mono">
+                    {CURRENCY_RATES[code]}
+                  </td>
                 </tr>
               ))}
             </tbody>
@@ -82,4 +117,4 @@ export default function CurrencyConverterPage({ tool }: ToolPageProps) {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/dns-lookup.tsx b/artifacts/personal-tool-console/src/components/tools/dns-lookup.tsx
index ca6a91e..716d306 100644
--- a/artifacts/personal-tool-console/src/components/tools/dns-lookup.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/dns-lookup.tsx
@@ -1,7 +1,12 @@
 import { useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
 import { dnsLookup } from "@/lib/tools/dns";
-import { Field, TextInput, PrimaryButton, GhostButton } from "@/components/tools/shared/fields";
+import {
+  Field,
+  TextInput,
+  PrimaryButton,
+  GhostButton,
+} from "@/components/tools/shared/fields";
 import { Search, Loader2 } from "lucide-react";
 
 const TYPES = ["A", "AAAA", "MX", "TXT", "NS", "CNAME", "SOA"] as const;
@@ -26,14 +31,27 @@ interface Row {
 
 export default function DnsLookupPage({ tool }: ToolPageProps) {
   const [domain, setDomain] = useState("");
-  const [selected, setSelected] = useState<DnsType[]>(["A", "AAAA", "MX", "TXT", "NS", "CNAME", "SOA"]);
+  const [selected, setSelected] = useState<DnsType[]>([
+    "A",
+    "AAAA",
+    "MX",
+    "TXT",
+    "NS",
+    "CNAME",
+    "SOA",
+  ]);
   const [loading, setLoading] = useState(false);
   const [rows, setRows] = useState<Row[]>([]);
-  const [meta, setMeta] = useState<{ status: string; responseMs: number } | null>(null);
+  const [meta, setMeta] = useState<{
+    status: string;
+    responseMs: number;
+  } | null>(null);
   const [error, setError] = useState("");
 
   const toggle = (t: DnsType) =>
-    setSelected((prev) => (prev.includes(t) ? prev.filter((x) => x !== t) : [...prev, t]));
+    setSelected((prev) =>
+      prev.includes(t) ? prev.filter((x) => x !== t) : [...prev, t],
+    );
 
   const lookup = async () => {
     const host = domain.trim();
@@ -47,10 +65,21 @@ export default function DnsLookupPage({ tool }: ToolPageProps) {
       const out: Row[] = [];
       for (const t of selected) {
         const q = `https://cloudflare-dns.com/dns-query?name=${encodeURIComponent(host)}&type=${t}`;
-        const r = await fetch(q, { headers: { Accept: "application/dns-json" } });
-        const data = (await r.json()) as { Status: number; Answer?: { name: string; TTL: number; data: string; type: number }[] };
+        const r = await fetch(q, {
+          headers: { Accept: "application/dns-json" },
+        });
+        const data = (await r.json()) as {
+          Status: number;
+          Answer?: { name: string; TTL: number; data: string; type: number }[];
+        };
         for (const rec of data.Answer ?? []) {
-          if (rec.type === TYPE_IDS[t]) out.push({ type: t, name: rec.name, ttl: rec.TTL, value: rec.data });
+          if (rec.type === TYPE_IDS[t])
+            out.push({
+              type: t,
+              name: rec.name,
+              ttl: rec.TTL,
+              value: rec.data,
+            });
         }
       }
       setRows(out);
@@ -66,7 +95,12 @@ export default function DnsLookupPage({ tool }: ToolPageProps) {
     <div className="space-y-4">
       <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
         <Field label="Domain">
-          <TextInput value={domain} onChange={(e) => setDomain(e.target.value)} placeholder="example.com" onKeyDown={(e) => e.key === "Enter" && lookup()} />
+          <TextInput
+            value={domain}
+            onChange={(e) => setDomain(e.target.value)}
+            placeholder="example.com"
+            onKeyDown={(e) => e.key === "Enter" && lookup()}
+          />
         </Field>
         <div className="flex flex-wrap gap-2">
           {TYPES.map((t) => (
@@ -81,22 +115,48 @@ export default function DnsLookupPage({ tool }: ToolPageProps) {
           ))}
         </div>
         <div className="flex flex-wrap items-center gap-2">
-          <PrimaryButton onClick={lookup} disabled={!domain.trim() || selected.length === 0 || loading}>
-            {loading ? <Loader2 className="h-4 w-4 animate-spin" /> : <Search className="h-4 w-4" />}
+          <PrimaryButton
+            onClick={lookup}
+            disabled={!domain.trim() || selected.length === 0 || loading}
+          >
+            {loading ? (
+              <Loader2 className="h-4 w-4 animate-spin" />
+            ) : (
+              <Search className="h-4 w-4" />
+            )}
             {loading ? "Looking up…" : "Look up"}
           </PrimaryButton>
-          <GhostButton onClick={() => { setRows([]); setMeta(null); setError(""); }} disabled={loading}>
+          <GhostButton
+            onClick={() => {
+              setRows([]);
+              setMeta(null);
+              setError("");
+            }}
+            disabled={loading}
+          >
             Clear
           </GhostButton>
         </div>
         {meta && (
           <p className="text-xs text-muted-foreground/70">
-            {domain.trim()} · <span className={meta.status === "resolved" ? "text-green-400" : "text-amber-400"}>{meta.status}</span> · {meta.responseMs} ms · via cloudflare-dns.com
+            {domain.trim()} ·{" "}
+            <span
+              className={
+                meta.status === "resolved" ? "text-green-400" : "text-amber-400"
+              }
+            >
+              {meta.status}
+            </span>{" "}
+            · {meta.responseMs} ms · via cloudflare-dns.com
           </p>
         )}
       </div>
 
-      {error && <p className="rounded-xl border border-border bg-red-500/10 p-3 text-sm text-red-400">{error}</p>}
+      {error && (
+        <p className="rounded-xl border border-border bg-red-500/10 p-3 text-sm text-red-400">
+          {error}
+        </p>
+      )}
 
       {rows.length > 0 && (
         <div className="overflow-hidden rounded-2xl border border-border bg-card/60">
@@ -112,8 +172,12 @@ export default function DnsLookupPage({ tool }: ToolPageProps) {
             <tbody>
               {rows.map((r, i) => (
                 <tr key={i} className="border-t border-border/60">
-                  <td className="px-3 py-2 font-mono text-cyan-300">{r.type}</td>
-                  <td className="max-w-52 truncate px-3 py-2 font-mono">{r.name}</td>
+                  <td className="px-3 py-2 font-mono text-cyan-300">
+                    {r.type}
+                  </td>
+                  <td className="max-w-52 truncate px-3 py-2 font-mono">
+                    {r.name}
+                  </td>
                   <td className="px-3 py-2 font-mono">{r.ttl ?? "—"}</td>
                   <td className="break-all px-3 py-2 font-mono">{r.value}</td>
                 </tr>
@@ -124,9 +188,10 @@ export default function DnsLookupPage({ tool }: ToolPageProps) {
       )}
       {!loading && rows.length === 0 && !error && (
         <p className="rounded-xl border border-dashed border-border bg-black/30 p-4 text-sm text-muted-foreground">
-          No records yet — enter a domain and pick at least one record type. Records resolve via cloudflare-dns.com DNS-over-HTTPS.
+          No records yet — enter a domain and pick at least one record type.
+          Records resolve via cloudflare-dns.com DNS-over-HTTPS.
         </p>
       )}
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/hash.tsx b/artifacts/personal-tool-console/src/components/tools/hash.tsx
index 230810a..0ecb83d 100644
--- a/artifacts/personal-tool-console/src/components/tools/hash.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/hash.tsx
@@ -1,7 +1,12 @@
 import { useMemo, useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
 import { hashText, hashWithAlgo } from "@/lib/tools/hash";
-import { Field, TextArea, TextInput, OutBox } from "@/components/tools/shared/fields";
+import {
+  Field,
+  TextArea,
+  TextInput,
+  OutBox,
+} from "@/components/tools/shared/fields";
 
 const ALGOS = ["SHA-1", "SHA-256", "SHA-384", "SHA-512"] as const;
 type Algo = (typeof ALGOS)[number];
@@ -9,7 +14,12 @@ type Algo = (typeof ALGOS)[number];
 export default function HashPage({ tool }: ToolPageProps) {
   const [text, setText] = useState("");
   const [expected, setExpected] = useState("");
-  const [hashes, setHashes] = useState<Record<Algo, string>>({ "SHA-1": "", "SHA-256": "", "SHA-384": "", "SHA-512": "" });
+  const [hashes, setHashes] = useState<Record<Algo, string>>({
+    "SHA-1": "",
+    "SHA-256": "",
+    "SHA-384": "",
+    "SHA-512": "",
+  });
 
   useMemo(() => {
     if (!text) {
@@ -24,7 +34,13 @@ export default function HashPage({ tool }: ToolPageProps) {
         hashWithAlgo(text, "SHA-384"),
         hashWithAlgo(text, "SHA-512"),
       ]);
-      if (!cancelled) setHashes({ "SHA-1": sha1, "SHA-256": sha256, "SHA-384": sha384, "SHA-512": sha512 });
+      if (!cancelled)
+        setHashes({
+          "SHA-1": sha1,
+          "SHA-256": sha256,
+          "SHA-384": sha384,
+          "SHA-512": sha512,
+        });
     })();
     return () => {
       cancelled = true;
@@ -32,35 +48,66 @@ export default function HashPage({ tool }: ToolPageProps) {
   }, [text]);
 
   const exp = expected.trim();
-  const expMatch = exp.length > 0 ? exp.toLowerCase() === hashes["SHA-256"].toLowerCase() : null;
+  const expMatch =
+    exp.length > 0
+      ? exp.toLowerCase() === hashes["SHA-256"].toLowerCase()
+      : null;
   const expValid = exp.length > 0 ? /^[0-9a-fA-F]{0,128}$/.test(exp) : true;
 
   return (
     <div className="space-y-4">
       <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
         <Field label="Input text" hint="Hashes compute live as you type">
-          <TextArea value={text} onChange={(e) => setText(e.target.value)} placeholder="Type or paste text to hash…" spellCheck={false} rows={6} />
+          <TextArea
+            value={text}
+            onChange={(e) => setText(e.target.value)}
+            placeholder="Type or paste text to hash…"
+            spellCheck={false}
+            rows={6}
+          />
         </Field>
       </div>
 
       <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
-        <Field label={`Expected checksum (check against SHA-256, ${hashes["SHA-256"].length} chars)`}>
-          <TextInput value={expected} onChange={(e) => setExpected(e.target.value)} placeholder="e.g. 2cf24dba…" spellCheck={false} />
+        <Field
+          label={`Expected checksum (check against SHA-256, ${hashes["SHA-256"].length} chars)`}
+        >
+          <TextInput
+            value={expected}
+            onChange={(e) => setExpected(e.target.value)}
+            placeholder="e.g. 2cf24dba…"
+            spellCheck={false}
+          />
         </Field>
-        {exp.length > 0 && !expValid && <p className="text-sm text-amber-400">Expected checksum contains invalid hex characters.</p>}
+        {exp.length > 0 && !expValid && (
+          <p className="text-sm text-amber-400">
+            Expected checksum contains invalid hex characters.
+          </p>
+        )}
         {exp.length > 0 && expValid && hashes["SHA-256"] && (
-          <p className={`text-sm ${expMatch ? "text-green-400" : "text-red-400"}`}>{expMatch ? "✓ Matches the SHA-256 digest." : "✗ Does not match the SHA-256 digest."}</p>
+          <p
+            className={`text-sm ${expMatch ? "text-green-400" : "text-red-400"}`}
+          >
+            {expMatch
+              ? "✓ Matches the SHA-256 digest."
+              : "✗ Does not match the SHA-256 digest."}
+          </p>
         )}
       </div>
 
       <div className="grid gap-3 lg:grid-cols-2">
         {ALGOS.map((algo) => (
-          <div key={algo} className="rounded-2xl border border-border bg-card/60 p-4">
-            <div className="mb-1.5 text-xs font-medium uppercase tracking-wide text-foreground">{algo}</div>
+          <div
+            key={algo}
+            className="rounded-2xl border border-border bg-card/60 p-4"
+          >
+            <div className="mb-1.5 text-xs font-medium uppercase tracking-wide text-foreground">
+              {algo}
+            </div>
             <OutBox value={hashes[algo] || "—"} />
           </div>
         ))}
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/image/image-tools.tsx b/artifacts/personal-tool-console/src/components/tools/image/image-tools.tsx
index 44efad4..4917baa 100644
--- a/artifacts/personal-tool-console/src/components/tools/image/image-tools.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/image/image-tools.tsx
@@ -1,6 +1,14 @@
 import { useMemo, useRef, useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
-import { Field, NumInput, SelectInput, ToggleInput, OutBox, PrimaryButton, GhostButton } from "@/components/tools/shared/fields";
+import {
+  Field,
+  NumInput,
+  SelectInput,
+  ToggleInput,
+  OutBox,
+  PrimaryButton,
+  GhostButton,
+} from "@/components/tools/shared/fields";
 
 function readImageFile(file: File): Promise<HTMLImageElement> {
   return new Promise((resolve, reject) => {
@@ -25,7 +33,13 @@ function triggerDownload(dataUrl: string, filename: string) {
   a.click();
 }
 
-function FileDrop({ onFile, accentLabel }: { onFile: (f: File) => void; accentLabel?: string }) {
+function FileDrop({
+  onFile,
+  accentLabel,
+}: {
+  onFile: (f: File) => void;
+  accentLabel?: string;
+}) {
   const [drag, setDrag] = useState(false);
   const [preview, setPreview] = useState<string | null>(null);
   const inputRef = useRef<HTMLInputElement>(null);
@@ -38,9 +52,17 @@ function FileDrop({ onFile, accentLabel }: { onFile: (f: File) => void; accentLa
 
   return (
     <div
-      onDragOver={(e) => { e.preventDefault(); setDrag(true); }}
+      onDragOver={(e) => {
+        e.preventDefault();
+        setDrag(true);
+      }}
       onDragLeave={() => setDrag(false)}
-      onDrop={(e) => { e.preventDefault(); setDrag(false); const f = e.dataTransfer.files?.[0]; if (f) handleFile(f); }}
+      onDrop={(e) => {
+        e.preventDefault();
+        setDrag(false);
+        const f = e.dataTransfer.files?.[0];
+        if (f) handleFile(f);
+      }}
       onClick={() => inputRef.current?.click()}
       className={`flex min-h-44 cursor-pointer flex-col items-center justify-center gap-3 rounded-2xl border-2 border-dashed p-6 text-center transition ${drag ? "border-ring bg-ring/10" : "border-border bg-black/40 hover:border-ring/50"}`}
     >
@@ -49,15 +71,26 @@ function FileDrop({ onFile, accentLabel }: { onFile: (f: File) => void; accentLa
         type="file"
         accept="image/*"
         className="hidden"
-        onChange={(e) => { const f = e.target.files?.[0]; if (f) handleFile(f); e.target.value = ""; }}
+        onChange={(e) => {
+          const f = e.target.files?.[0];
+          if (f) handleFile(f);
+          e.target.value = "";
+        }}
       />
       {preview ? (
-        <img src={preview} alt="preview" className="max-h-44 max-w-full rounded-xl object-contain shadow" />
+        <img
+          src={preview}
+          alt="preview"
+          className="max-h-44 max-w-full rounded-xl object-contain shadow"
+        />
       ) : (
         <>
           <div className="text-3xl">⬆️</div>
           <div className="text-sm text-muted-foreground">
-            Drag &amp; drop an image here, or <span className="text-ring underline">{accentLabel ?? "browse"}</span>
+            Drag &amp; drop an image here, or{" "}
+            <span className="text-ring underline">
+              {accentLabel ?? "browse"}
+            </span>
           </div>
         </>
       )}
@@ -84,16 +117,27 @@ function ImageResizer() {
       setImg(i);
       setWidth(i.naturalWidth);
       setHeight(i.naturalHeight);
-    } catch (e) { setError((e as Error).message); }
+    } catch (e) {
+      setError((e as Error).message);
+    }
   };
 
-  const targetW = mode === "Percent" ? Math.max(1, Math.round((img?.naturalWidth ?? 1) * percent / 100)) : Math.max(1, width);
-  const targetH = mode === "Percent" ? Math.max(1, Math.round((img?.naturalHeight ?? 1) * percent / 100)) : Math.max(1, height);
+  const targetW =
+    mode === "Percent"
+      ? Math.max(1, Math.round(((img?.naturalWidth ?? 1) * percent) / 100))
+      : Math.max(1, width);
+  const targetH =
+    mode === "Percent"
+      ? Math.max(1, Math.round(((img?.naturalHeight ?? 1) * percent) / 100))
+      : Math.max(1, height);
 
   const apply = () => {
     if (!img) return;
     const c = document.createElement("canvas");
-    const scale = Math.min(targetW / img.naturalWidth, targetH / img.naturalHeight);
+    const scale = Math.min(
+      targetW / img.naturalWidth,
+      targetH / img.naturalHeight,
+    );
     const dw = Math.max(1, Math.round(img.naturalWidth * scale));
     const dh = Math.max(1, Math.round(img.naturalHeight * scale));
     c.width = targetW;
@@ -116,18 +160,73 @@ function ImageResizer() {
             Original: {img.naturalWidth} × {img.naturalHeight}px
           </p>
           <div className="grid gap-4">
-            <div className="max-w-xs"><SelectInput value={mode} onChange={(e) => setMode(e.target.value)} options={["Percent", "Exact px"]} /></div>
+            <div className="max-w-xs">
+              <SelectInput
+                value={mode}
+                onChange={(e) => setMode(e.target.value)}
+                options={["Percent", "Exact px"]}
+              />
+            </div>
             {mode === "Percent" ? (
               <div>
                 <Field label={`Scale: ${percent}%`}>
-                  <input type="range" min={1} max={100} value={percent} onChange={(e) => setPercent(Number(e.target.value))} className="w-full" />
+                  <input
+                    type="range"
+                    min={1}
+                    max={100}
+                    value={percent}
+                    onChange={(e) => setPercent(Number(e.target.value))}
+                    className="w-full"
+                  />
                 </Field>
               </div>
             ) : (
               <div className="grid gap-4 sm:grid-cols-[1fr_1fr_auto]">
-                <Field label="Width (px)"><NumInput value={width} min={1} onChange={(e) => { const w = Number(e.target.value); setWidth(w); if (lock && img) setHeight(Math.max(1, Math.round(w * img.naturalHeight / img.naturalWidth))); }} /></Field>
-                <Field label="Height (px)"><NumInput value={height} min={1} onChange={(e) => { const h = Number(e.target.value); setHeight(h); if (lock && img) setWidth(Math.max(1, Math.round(h * img.naturalWidth / img.naturalHeight))); }} /></Field>
-                <div className="sm:pt-6"><ToggleInput label="Lock ratio" checked={lock} onChange={setLock} /></div>
+                <Field label="Width (px)">
+                  <NumInput
+                    value={width}
+                    min={1}
+                    onChange={(e) => {
+                      const w = Number(e.target.value);
+                      setWidth(w);
+                      if (lock && img)
+                        setHeight(
+                          Math.max(
+                            1,
+                            Math.round(
+                              (w * img.naturalHeight) / img.naturalWidth,
+                            ),
+                          ),
+                        );
+                    }}
+                  />
+                </Field>
+                <Field label="Height (px)">
+                  <NumInput
+                    value={height}
+                    min={1}
+                    onChange={(e) => {
+                      const h = Number(e.target.value);
+                      setHeight(h);
+                      if (lock && img)
+                        setWidth(
+                          Math.max(
+                            1,
+                            Math.round(
+                              (h * img.naturalWidth) / img.naturalHeight,
+                            ),
+                          ),
+                        );
+                    }}
+                  />
+                </Field>
+                <div className="sm:pt-6">
+                  <ToggleInput
+                    label="Lock ratio"
+                    checked={lock}
+                    onChange={setLock}
+                  />
+                </div>
               </div>
             )}
           </div>
@@ -138,10 +237,46 @@ function ImageResizer() {
       )}
       {result && (
         <div className="rounded-2xl border border-border bg-card/60 p-4">
-          <img src={result} alt="resized" className="max-h-80 rounded-xl object-contain" />
+          <img
+            src={result}
+            alt="resized"
+            className="max-h-80 rounded-xl object-contain"
+          />
           <div className="mt-3 flex flex-wrap gap-2">
-            <PrimaryButton onClick={() => triggerDownload(result, "resized.png")}>Download PNG</PrimaryButton>
-            <GhostButton onClick={() => { const c = document.createElement("canvas"); c.width = targetW; c.height = targetH; const ctx = c.getContext("2d"); if (ctx && img) { const scale = Math.min(targetW / img.naturalWidth, targetH / img.naturalHeight); const dw = Math.max(1, Math.round(img.naturalWidth * scale)); const dh = Math.max(1, Math.round(img.naturalHeight * scale)); ctx.drawImage(img, (targetW - dw) / 2, (targetH - dh) / 2, dw, dh); triggerDownload(c.toDataURL("image/jpeg", 0.92), "resized.jpg"); } }}>Download JPEG (.92)</GhostButton>
+            <PrimaryButton
+              onClick={() => triggerDownload(result, "resized.png")}
+            >
+              Download PNG
+            </PrimaryButton>
+            <GhostButton
+              onClick={() => {
+                const c = document.createElement("canvas");
+                c.width = targetW;
+                c.height = targetH;
+                const ctx = c.getContext("2d");
+                if (ctx && img) {
+                  const scale = Math.min(
+                    targetW / img.naturalWidth,
+                    targetH / img.naturalHeight,
+                  );
+                  const dw = Math.max(1, Math.round(img.naturalWidth * scale));
+                  const dh = Math.max(1, Math.round(img.naturalHeight * scale));
+                  ctx.drawImage(
+                    img,
+                    (targetW - dw) / 2,
+                    (targetH - dh) / 2,
+                    dw,
+                    dh,
+                  );
+                  triggerDownload(
+                    c.toDataURL("image/jpeg", 0.92),
+                    "resized.jpg",
+                  );
+                }
+              }}
+            >
+              Download JPEG (.92)
+            </GhostButton>
           </div>
         </div>
       )}
@@ -171,12 +306,23 @@ function ImageFilters() {
       setImg(i);
       if (previewUrl) URL.revokeObjectURL(previewUrl);
       setPreviewUrl(URL.createObjectURL(f));
-    } catch (e) { setError((e as Error).message); }
+    } catch (e) {
+      setError((e as Error).message);
+    }
   };
 
   const cssFilter = `brightness(${brightness}%) contrast(${contrast}%) saturate(${saturate}%) grayscale(${grayscale}%) sepia(${sepia}%) hue-rotate(${hue}deg) blur(${blur}px) invert(${invert}%)`;
 
-  const reset = () => { setBrightness(100); setContrast(100); setSaturate(100); setGrayscale(0); setSepia(0); setHue(0); setBlur(0); setInvert(0); };
+  const reset = () => {
+    setBrightness(100);
+    setContrast(100);
+    setSaturate(100);
+    setGrayscale(0);
+    setSepia(0);
+    setHue(0);
+    setBlur(0);
+    setInvert(0);
+  };
 
   const download = () => {
     if (!img) return;
@@ -190,10 +336,25 @@ function ImageFilters() {
     triggerDownload(c.toDataURL("image/png"), "filtered.png");
   };
 
-  const slider = (label: string, value: number, min: number, max: number, fn: (v: number) => void) => (
+  const slider = (
+    label: string,
+    value: number,
+    min: number,
+    max: number,
+    fn: (v: number) => void,
+  ) => (
     <div>
-      <Field label={`${label}: ${value}${label === "Blur" ? "px" : label === "Hue" ? "°" : "%"}`}>
-        <input type="range" min={min} max={max} value={value} onChange={(e) => fn(Number(e.target.value))} className="w-full" />
+      <Field
+        label={`${label}: ${value}${label === "Blur" ? "px" : label === "Hue" ? "°" : "%"}`}
+      >
+        <input
+          type="range"
+          min={min}
+          max={max}
+          value={value}
+          onChange={(e) => fn(Number(e.target.value))}
+          className="w-full"
+        />
       </Field>
     </div>
   );
@@ -205,7 +366,12 @@ function ImageFilters() {
       {img && (
         <div className="grid gap-4 lg:grid-cols-2">
           <div className="rounded-2xl border border-border bg-card/60 p-4">
-            <img src={previewUrl ?? ""} alt="preview" style={{ filter: cssFilter }} className="max-h-96 w-full rounded-xl object-contain" />
+            <img
+              src={previewUrl ?? ""}
+              alt="preview"
+              style={{ filter: cssFilter }}
+              className="max-h-96 w-full rounded-xl object-contain"
+            />
           </div>
           <div className="rounded-2xl border border-border bg-card/60 p-4">
             <div className="grid gap-3">
@@ -220,7 +386,9 @@ function ImageFilters() {
             </div>
             <div className="mt-4 flex flex-wrap gap-2">
               <GhostButton onClick={reset}>Reset</GhostButton>
-              <PrimaryButton onClick={download}>Download Filtered</PrimaryButton>
+              <PrimaryButton onClick={download}>
+                Download Filtered
+              </PrimaryButton>
             </div>
           </div>
         </div>
@@ -231,12 +399,25 @@ function ImageFilters() {
 
 function hexToRgb(hex: string): { r: number; g: number; b: number } {
   const n = hex.replace("#", "");
-  const full = n.length === 3 ? n.split("").map((c) => c + c).join("") : n;
-  return { r: parseInt(full.slice(0, 2), 16), g: parseInt(full.slice(2, 4), 16), b: parseInt(full.slice(4, 6), 16) };
+  const full =
+    n.length === 3
+      ? n
+          .split("")
+          .map((c) => c + c)
+          .join("")
+      : n;
+  return {
+    r: parseInt(full.slice(0, 2), 16),
+    g: parseInt(full.slice(2, 4), 16),
+    b: parseInt(full.slice(4, 6), 16),
+  };
 }
 
 function rgbToHex(r: number, g: number, b: number): string {
-  return "#" + [r, g, b].map((v) => Math.round(v).toString(16).padStart(2, "0")).join("");
+  return (
+    "#" +
+    [r, g, b].map((v) => Math.round(v).toString(16).padStart(2, "0")).join("")
+  );
 }
 
 function ImageAvgColor() {
@@ -251,14 +432,16 @@ function ImageAvgColor() {
       const i = await readImageFile(f);
       setImg(i);
       const c = document.createElement("canvas");
-      c.width = 1; c.height = 1;
+      c.width = 1;
+      c.height = 1;
       const ctx = c.getContext("2d");
       if (!ctx) return;
       ctx.drawImage(i, 0, 0, 1, 1);
       const [r, g, b] = ctx.getImageData(0, 0, 1, 1).data;
       setAvg({ hex: rgbToHex(r, g, b), rgb: `rgb(${r}, ${g}, ${b})` });
       const gc = document.createElement("canvas");
-      gc.width = 8; gc.height = 8;
+      gc.width = 8;
+      gc.height = 8;
       const gctx = gc.getContext("2d");
       if (!gctx) return;
       gctx.drawImage(i, 0, 0, 8, 8);
@@ -271,10 +454,18 @@ function ImageAvgColor() {
         }
       }
       setGrid(cells);
-    } catch (e) { setError((e as Error).message); }
+    } catch (e) {
+      setError((e as Error).message);
+    }
   };
 
-  const copy = async (v: string) => { try { await navigator.clipboard.writeText(v); } catch { /* ignore */ } };
+  const copy = async (v: string) => {
+    try {
+      await navigator.clipboard.writeText(v);
+    } catch {
+      /* ignore */
+    }
+  };
 
   return (
     <div className="grid gap-4">
@@ -283,7 +474,10 @@ function ImageAvgColor() {
       {avg && (
         <div className="rounded-2xl border border-border bg-card/60 p-4">
           <div className="flex flex-wrap items-center gap-6">
-            <div className="h-28 w-28 rounded-2xl border border-border shadow" style={{ background: avg.hex }} />
+            <div
+              className="h-28 w-28 rounded-2xl border border-border shadow"
+              style={{ background: avg.hex }}
+            />
             <div className="space-y-2">
               <div className="flex items-center gap-2">
                 <span className="font-mono text-xl">{avg.hex}</span>
@@ -294,10 +488,17 @@ function ImageAvgColor() {
           </div>
           {grid && (
             <div className="mt-4">
-              <p className="mb-2 text-xs text-muted-foreground">8 × 8 color grid</p>
+              <p className="mb-2 text-xs text-muted-foreground">
+                8 × 8 color grid
+              </p>
               <div className="grid w-fit grid-cols-8 overflow-hidden rounded-xl border border-border">
                 {grid.map(([r, g, b], i) => (
-                  <div key={i} className="h-8 w-8" style={{ background: `rgb(${r}, ${g}, ${b})` }} title={rgbToHex(r, g, b)} />
+                  <div
+                    key={i}
+                    className="h-8 w-8"
+                    style={{ background: `rgb(${r}, ${g}, ${b})` }}
+                    title={rgbToHex(r, g, b)}
+                  />
                 ))}
               </div>
             </div>
@@ -311,9 +512,15 @@ function ImageAvgColor() {
 function ImageColorPicker() {
   const [img, setImg] = useState<HTMLImageElement | null>(null);
   const [error, setError] = useState<string | null>(null);
-  const [picked, setPicked] = useState<{ hex: string; rgb: string } | null>(null);
+  const [picked, setPicked] = useState<{ hex: string; rgb: string } | null>(
+    null,
+  );
   const canvasRef = useRef<HTMLCanvasElement>(null);
-  const [mag, setMag] = useState<{ x: number; y: number; color: [number, number, number] } | null>(null);
+  const [mag, setMag] = useState<{
+    x: number;
+    y: number;
+    color: [number, number, number];
+  } | null>(null);
 
   const load = async (f: File) => {
     setError(null);
@@ -322,7 +529,9 @@ function ImageColorPicker() {
       setImg(i);
       setPicked(null);
       requestAnimationFrame(() => draw(i));
-    } catch (e) { setError((e as Error).message); }
+    } catch (e) {
+      setError((e as Error).message);
+    }
   };
 
   const draw = (source: HTMLImageElement) => {
@@ -341,7 +550,12 @@ function ImageColorPicker() {
     if (!c) return;
     const ctx = c.getContext("2d");
     if (!ctx) return;
-    const region = ctx.getImageData(Math.max(0, x - 10), Math.max(0, y - 10), Math.min(20, c.width - x + 10), Math.min(20, c.height - y + 10));
+    const region = ctx.getImageData(
+      Math.max(0, x - 10),
+      Math.max(0, y - 10),
+      Math.min(20, c.width - x + 10),
+      Math.min(20, c.height - y + 10),
+    );
     setMag({ x, y, color: [region.data[0], region.data[1], region.data[2]] });
   };
 
@@ -353,14 +567,25 @@ function ImageColorPicker() {
     const y = Math.round((e.clientY - rect.top) * (c.height / rect.height));
     const ctx = c.getContext("2d");
     if (!ctx) return;
-    const d = ctx.getImageData(Math.min(x, c.width - 1), Math.min(y, c.height - 1), 1, 1).data;
+    const d = ctx.getImageData(
+      Math.min(x, c.width - 1),
+      Math.min(y, c.height - 1),
+      1,
+      1,
+    ).data;
     const hex = rgbToHex(d[0], d[1], d[2]);
     const rgb = `rgb(${d[0]}, ${d[1]}, ${d[2]})`;
     setPicked({ hex, rgb });
     drawMag(x, y);
   };
 
-  const copy = async (v: string) => { try { await navigator.clipboard.writeText(v); } catch { /* ignore */ } };
+  const copy = async (v: string) => {
+    try {
+      await navigator.clipboard.writeText(v);
+    } catch {
+      /* ignore */
+    }
+  };
 
   return (
     <div className="grid gap-4">
@@ -369,37 +594,63 @@ function ImageColorPicker() {
       {img && (
         <div className="grid gap-4 lg:grid-cols-2">
           <div className="rounded-2xl border border-border bg-card/60 p-4">
-            <canvas ref={canvasRef} onMouseMove={sample} onClick={sample} className="w-full rounded-xl" style={{ aspectRatio: `${img.naturalWidth}/${img.naturalHeight}`, maxHeight: 500, objectFit: "contain" }} />
-            <p className="mt-2 text-xs text-muted-foreground">Move to sample, click to lock.</p>
+            <canvas
+              ref={canvasRef}
+              onMouseMove={sample}
+              onClick={sample}
+              className="w-full rounded-xl"
+              style={{
+                aspectRatio: `${img.naturalWidth}/${img.naturalHeight}`,
+                maxHeight: 500,
+                objectFit: "contain",
+              }}
+            />
+            <p className="mt-2 text-xs text-muted-foreground">
+              Move to sample, click to lock.
+            </p>
           </div>
           <div className="space-y-4">
             {mag && (
               <div className="rounded-2xl border border-border bg-card/60 p-4">
                 <p className="mb-2 text-xs text-muted-foreground">Magnifier</p>
-                <canvas width={100} height={100} className="rounded-xl" ref={(el) => {
-                  if (el) {
-                    const ctx = el.getContext("2d");
-                    if (!ctx) return;
-                    ctx.imageSmoothingEnabled = false;
-                    ctx.fillStyle = `rgb(${mag.color.join(",")})`;
-                    ctx.fillRect(0, 0, 100, 100);
-                  }
-                }} />
+                <canvas
+                  width={100}
+                  height={100}
+                  className="rounded-xl"
+                  ref={(el) => {
+                    if (el) {
+                      const ctx = el.getContext("2d");
+                      if (!ctx) return;
+                      ctx.imageSmoothingEnabled = false;
+                      ctx.fillStyle = `rgb(${mag.color.join(",")})`;
+                      ctx.fillRect(0, 0, 100, 100);
+                    }
+                  }}
+                />
                 <p className="mt-2 font-mono text-sm">{mag.color.join(", ")}</p>
               </div>
             )}
             {picked && (
               <div className="rounded-2xl border border-border bg-card/60 p-4">
                 <div className="flex flex-wrap items-center gap-4">
-                  <div className="h-20 w-20 rounded-xl border border-border" style={{ background: picked.hex }} />
+                  <div
+                    className="h-20 w-20 rounded-xl border border-border"
+                    style={{ background: picked.hex }}
+                  />
                   <div className="space-y-1">
                     <p className="font-mono text-lg">{picked.hex}</p>
-                    <p className="text-sm text-muted-foreground">{picked.rgb}</p>
+                    <p className="text-sm text-muted-foreground">
+                      {picked.rgb}
+                    </p>
                   </div>
                 </div>
                 <div className="mt-3 flex gap-2">
-                  <GhostButton onClick={() => copy(picked.hex)}>Copy HEX</GhostButton>
-                  <GhostButton onClick={() => copy(picked.rgb)}>Copy RGB</GhostButton>
+                  <GhostButton onClick={() => copy(picked.hex)}>
+                    Copy HEX
+                  </GhostButton>
+                  <GhostButton onClick={() => copy(picked.rgb)}>
+                    Copy RGB
+                  </GhostButton>
                 </div>
               </div>
             )}
@@ -413,7 +664,8 @@ function ImageColorPicker() {
 function mulberry32(seed: number) {
   let a = seed >>> 0;
   return function () {
-    a |= 0; a = (a + 0x6D2B79F5) | 0;
+    a |= 0;
+    a = (a + 0x6d2b79f5) | 0;
     let t = Math.imul(a ^ (a >>> 15), 1 | a);
     t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
     return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
@@ -426,7 +678,10 @@ function buildBlobPath(points: number, seed: number): string {
   for (let i = 0; i < points; i++) {
     const angle = (i / points) * Math.PI * 2;
     const radius = 0.55 + rand() * 0.45;
-    pts.push({ x: 200 + Math.cos(angle) * 200 * radius, y: 200 + Math.sin(angle) * 200 * radius });
+    pts.push({
+      x: 200 + Math.cos(angle) * 200 * radius,
+      y: 200 + Math.sin(angle) * 200 * radius,
+    });
   }
   let d = `M ${pts[0].x.toFixed(2)} ${pts[0].y.toFixed(2)}`;
   for (let i = 0; i < points; i++) {
@@ -446,7 +701,10 @@ function SvgBlobGenerator() {
   const [opacity, setOpacity] = useState(80);
   const [count, setCount] = useState(0);
 
-  const path = useMemo(() => buildBlobPath(Number(points), seed + count), [points, seed, count]);
+  const path = useMemo(
+    () => buildBlobPath(Number(points), seed + count),
+    [points, seed, count],
+  );
   const snippet = `<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">\n  <path d="${path}" fill="${fill}" fill-opacity="${(opacity / 100).toFixed(2)}" />\n</svg>`;
   const rawPath = `<path d="${path}" fill="${fill}" fill-opacity="${(opacity / 100).toFixed(2)}" />`;
 
@@ -464,13 +722,44 @@ function SvgBlobGenerator() {
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-4 sm:grid-cols-2">
-          <Field label="Seed"><NumInput value={seed} min={0} max={9999} onChange={(e) => setSeed(Number(e.target.value) || 0)} /></Field>
-          <Field label="Points"><SelectInput value={points} onChange={(e) => setPoints(e.target.value)} options={["6", "8", "10"]} /></Field>
-          <Field label="Fill color"><input type="color" value={fill} onChange={(e) => setFill(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
-          <Field label={`Opacity: ${opacity}%`}><input type="range" min={0} max={100} value={opacity} onChange={(e) => setOpacity(Number(e.target.value))} className="w-full" /></Field>
+          <Field label="Seed">
+            <NumInput
+              value={seed}
+              min={0}
+              max={9999}
+              onChange={(e) => setSeed(Number(e.target.value) || 0)}
+            />
+          </Field>
+          <Field label="Points">
+            <SelectInput
+              value={points}
+              onChange={(e) => setPoints(e.target.value)}
+              options={["6", "8", "10"]}
+            />
+          </Field>
+          <Field label="Fill color">
+            <input
+              type="color"
+              value={fill}
+              onChange={(e) => setFill(e.target.value)}
+              className="h-10 w-full rounded-xl border border-border bg-background"
+            />
+          </Field>
+          <Field label={`Opacity: ${opacity}%`}>
+            <input
+              type="range"
+              min={0}
+              max={100}
+              value={opacity}
+              onChange={(e) => setOpacity(Number(e.target.value))}
+              className="w-full"
+            />
+          </Field>
         </div>
         <div className="mt-4">
-          <PrimaryButton onClick={() => setCount((c) => c + 1)}>Regenerate</PrimaryButton>
+          <PrimaryButton onClick={() => setCount((c) => c + 1)}>
+            Regenerate
+          </PrimaryButton>
         </div>
         <div className="mt-4 rounded-2xl border border-border bg-black/40 p-4">
           <svg viewBox="0 0 400 400" className="mx-auto h-64 w-64">
@@ -478,7 +767,12 @@ function SvgBlobGenerator() {
           </svg>
         </div>
       </div>
-      <OutBox value={`${rawPath}\n\n${snippet}`} mono downloadable filename="blob.svg" />
+      <OutBox
+        value={`${rawPath}\n\n${snippet}`}
+        mono
+        downloadable
+        filename="blob.svg"
+      />
       <div className="flex gap-2">
         <PrimaryButton onClick={download}>Download .svg</PrimaryButton>
       </div>
@@ -501,16 +795,25 @@ function SvgPatternGenerator() {
     const r = Math.max(1.5, size / 8);
     const stroke = Math.max(1, size / 12);
     switch (shape) {
-      case "dots": return `<circle cx="${c.toFixed(1)}" cy="${c.toFixed(1)}" r="${r.toFixed(1)}" fill="${colorA}" fill-opacity="${o}"/>`;
-      case "lines": return `<line x1="0" y1="${c.toFixed(1)}" x2="${size}" y2="${c.toFixed(1)}" stroke="${colorA}" stroke-opacity="${o}" stroke-width="${stroke.toFixed(1)}"/>`;
-      case "grid": return `<path d="M ${c.toFixed(1)} 0 V ${size} M 0 ${c.toFixed(1)} H ${size}" stroke="${colorA}" stroke-opacity="${o}" stroke-width="${stroke.toFixed(1)}" fill="none"/>`;
-      case "diamonds": return `<polygon points="${c.toFixed(1)},${(size * 0.1).toFixed(1)} ${(size * 0.9).toFixed(1)},${c.toFixed(1)} ${c.toFixed(1)},${(size * 0.9).toFixed(1)} ${(size * 0.1).toFixed(1)},${c.toFixed(1)}" fill="${colorA}" fill-opacity="${o}"/>`;
-      case "net": return `<path d="M 0 0 L ${size} ${size} M 0 ${size} L ${size} 0" stroke="${colorA}" stroke-opacity="${o}" stroke-width="${stroke.toFixed(1)}"/>`;
-      default: return "";
+      case "dots":
+        return `<circle cx="${c.toFixed(1)}" cy="${c.toFixed(1)}" r="${r.toFixed(1)}" fill="${colorA}" fill-opacity="${o}"/>`;
+      case "lines":
+        return `<line x1="0" y1="${c.toFixed(1)}" x2="${size}" y2="${c.toFixed(1)}" stroke="${colorA}" stroke-opacity="${o}" stroke-width="${stroke.toFixed(1)}"/>`;
+      case "grid":
+        return `<path d="M ${c.toFixed(1)} 0 V ${size} M 0 ${c.toFixed(1)} H ${size}" stroke="${colorA}" stroke-opacity="${o}" stroke-width="${stroke.toFixed(1)}" fill="none"/>`;
+      case "diamonds":
+        return `<polygon points="${c.toFixed(1)},${(size * 0.1).toFixed(1)} ${(size * 0.9).toFixed(1)},${c.toFixed(1)} ${c.toFixed(1)},${(size * 0.9).toFixed(1)} ${(size * 0.1).toFixed(1)},${c.toFixed(1)}" fill="${colorA}" fill-opacity="${o}"/>`;
+      case "net":
+        return `<path d="M 0 0 L ${size} ${size} M 0 ${size} L ${size} 0" stroke="${colorA}" stroke-opacity="${o}" stroke-width="${stroke.toFixed(1)}"/>`;
+      default:
+        return "";
     }
   };
 
-  const backgroundAttrs = colorB && colorB !== "transparent" ? `\n  <rect width="${size}" height="${size}" fill="${colorB}"/>` : "";
+  const backgroundAttrs =
+    colorB && colorB !== "transparent"
+      ? `\n  <rect width="${size}" height="${size}" fill="${colorB}"/>`
+      : "";
 
   const snippet = `<svg width="260" height="260" viewBox="0 0 260 260" xmlns="http://www.w3.org/2000/svg">\n  <defs>\n    <pattern id="${patternId}" width="${size}" height="${size}" patternUnits="userSpaceOnUse">${backgroundAttrs}\n      ${shapeMarkup()}\n    </pattern>\n  </defs>\n  <rect width="260" height="260" fill="url(#${patternId})"/>\n</svg>`;
 
@@ -528,22 +831,111 @@ function SvgPatternGenerator() {
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-4 sm:grid-cols-2">
-          <Field label="Shape"><SelectInput value={shape} onChange={(e) => setShape(e.target.value)} options={["dots", "lines", "grid", "diamonds", "net"]} /></Field>
-          <Field label={`Tile size: ${size}px`}><input type="range" min={10} max={60} value={size} onChange={(e) => setSize(Number(e.target.value))} className="w-full" /></Field>
-          <Field label="Color A"><input type="color" value={colorA} onChange={(e) => setColorA(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
-          <Field label="Color B (background)"><input type="color" value={colorB} onChange={(e) => setColorB(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
-          <Field label={`Opacity: ${opacity}%`}><input type="range" min={0} max={100} value={opacity} onChange={(e) => setOpacity(Number(e.target.value))} className="w-full" /></Field>
+          <Field label="Shape">
+            <SelectInput
+              value={shape}
+              onChange={(e) => setShape(e.target.value)}
+              options={["dots", "lines", "grid", "diamonds", "net"]}
+            />
+          </Field>
+          <Field label={`Tile size: ${size}px`}>
+            <input
+              type="range"
+              min={10}
+              max={60}
+              value={size}
+              onChange={(e) => setSize(Number(e.target.value))}
+              className="w-full"
+            />
+          </Field>
+          <Field label="Color A">
+            <input
+              type="color"
+              value={colorA}
+              onChange={(e) => setColorA(e.target.value)}
+              className="h-10 w-full rounded-xl border border-border bg-background"
+            />
+          </Field>
+          <Field label="Color B (background)">
+            <input
+              type="color"
+              value={colorB}
+              onChange={(e) => setColorB(e.target.value)}
+              className="h-10 w-full rounded-xl border border-border bg-background"
+            />
+          </Field>
+          <Field label={`Opacity: ${opacity}%`}>
+            <input
+              type="range"
+              min={0}
+              max={100}
+              value={opacity}
+              onChange={(e) => setOpacity(Number(e.target.value))}
+              className="w-full"
+            />
+          </Field>
         </div>
         <div className="mt-4 rounded-2xl border border-border bg-black/40 p-4">
-          <svg width="260" height="260" viewBox="0 0 260 260" xmlns="http://www.w3.org/2000/svg">
+          <svg
+            width="260"
+            height="260"
+            viewBox="0 0 260 260"
+            xmlns="http://www.w3.org/2000/svg"
+          >
             <defs>
-              <pattern id="patt" width={size} height={size} patternUnits="userSpaceOnUse">
-                {colorB && colorB !== "transparent" && <rect width={size} height={size} fill={colorB} />}
-                {shape === "dots" && <circle cx={size / 2} cy={size / 2} r={Math.max(1.5, size / 8)} fill={colorA} fillOpacity={o} />}
-                {shape === "lines" && <line x1={0} y1={size / 2} x2={size} y2={size / 2} stroke={colorA} strokeOpacity={o} strokeWidth={Math.max(1, size / 12)} />}
-                {shape === "grid" && <path d={`M ${size / 2} 0 V ${size} M 0 ${size / 2} H ${size}`} stroke={colorA} strokeOpacity={o} strokeWidth={Math.max(1, size / 12)} fill="none" />}
-                {shape === "diamonds" && <polygon points={`${size / 2},${size * 0.1} ${size * 0.9},${size / 2} ${size / 2},${size * 0.9} ${size * 0.1},${size / 2}`} fill={colorA} fillOpacity={o} />}
-                {shape === "net" && <path d={`M 0 0 L ${size} ${size} M 0 ${size} L ${size} 0`} stroke={colorA} strokeOpacity={o} strokeWidth={Math.max(1, size / 12)} />}
+              <pattern
+                id="patt"
+                width={size}
+                height={size}
+                patternUnits="userSpaceOnUse"
+              >
+                {colorB && colorB !== "transparent" && (
+                  <rect width={size} height={size} fill={colorB} />
+                )}
+                {shape === "dots" && (
+                  <circle
+                    cx={size / 2}
+                    cy={size / 2}
+                    r={Math.max(1.5, size / 8)}
+                    fill={colorA}
+                    fillOpacity={o}
+                  />
+                )}
+                {shape === "lines" && (
+                  <line
+                    x1={0}
+                    y1={size / 2}
+                    x2={size}
+                    y2={size / 2}
+                    stroke={colorA}
+                    strokeOpacity={o}
+                    strokeWidth={Math.max(1, size / 12)}
+                  />
+                )}
+                {shape === "grid" && (
+                  <path
+                    d={`M ${size / 2} 0 V ${size} M 0 ${size / 2} H ${size}`}
+                    stroke={colorA}
+                    strokeOpacity={o}
+                    strokeWidth={Math.max(1, size / 12)}
+                    fill="none"
+                  />
+                )}
+                {shape === "diamonds" && (
+                  <polygon
+                    points={`${size / 2},${size * 0.1} ${size * 0.9},${size / 2} ${size / 2},${size * 0.9} ${size * 0.1},${size / 2}`}
+                    fill={colorA}
+                    fillOpacity={o}
+                  />
+                )}
+                {shape === "net" && (
+                  <path
+                    d={`M 0 0 L ${size} ${size} M 0 ${size} L ${size} 0`}
+                    stroke={colorA}
+                    strokeOpacity={o}
+                    strokeWidth={Math.max(1, size / 12)}
+                  />
+                )}
               </pattern>
             </defs>
             <rect width="260" height="260" fill="url(#patt)" />
@@ -573,11 +965,16 @@ function ImageToBase64() {
       let binary = "";
       const chunk = 0x8000;
       for (let i = 0; i < bytes.length; i += chunk) {
-        binary += String.fromCharCode.apply(null, Array.from(bytes.subarray(i, i + chunk)));
+        binary += String.fromCharCode.apply(
+          null,
+          Array.from(bytes.subarray(i, i + chunk)),
+        );
       }
       setFile(f);
       setRaw(btoa(binary));
-    } catch (e) { setError((e as Error).message); }
+    } catch (e) {
+      setError((e as Error).message);
+    }
   };
 
   const result = useMemo<string>(() => {
@@ -587,7 +984,10 @@ function ImageToBase64() {
   }, [raw, format, mime, file]);
 
   const encoded = result ?? "";
-  const sizeRatio = file && file.size > 0 ? (encoded.length / file.size * 100).toFixed(1) : "0";
+  const sizeRatio =
+    file && file.size > 0
+      ? ((encoded.length / file.size) * 100).toFixed(1)
+      : "0";
 
   return (
     <div className="grid gap-4">
@@ -596,18 +996,36 @@ function ImageToBase64() {
       {file && (
         <div className="rounded-2xl border border-border bg-card/60 p-4">
           <div className="grid gap-4 sm:grid-cols-2">
-            <Field label="Format"><SelectInput value={format} onChange={(e) => setFormat(e.target.value)} options={["Data URL", "Raw base64"]} /></Field>
-            <div className="sm:pt-6"><ToggleInput label="Include MIME prefix" checked={mime} onChange={setMime} disabled={format === "Raw base64"} /></div>
+            <Field label="Format">
+              <SelectInput
+                value={format}
+                onChange={(e) => setFormat(e.target.value)}
+                options={["Data URL", "Raw base64"]}
+              />
+            </Field>
+            <div className="sm:pt-6">
+              <ToggleInput
+                label="Include MIME prefix"
+                checked={mime}
+                onChange={setMime}
+                disabled={format === "Raw base64"}
+              />
+            </div>
           </div>
           <p className="mt-4 text-xs text-muted-foreground">
-            Source: {(file.size / 1024).toFixed(1)} KB &nbsp;·&nbsp; Encoded: {(encoded.length / 1024).toFixed(1)} KB ({sizeRatio}%)
+            Source: {(file.size / 1024).toFixed(1)} KB &nbsp;·&nbsp; Encoded:{" "}
+            {(encoded.length / 1024).toFixed(1)} KB ({sizeRatio}%)
           </p>
         </div>
       )}
       {result && (
         <div>
           <OutBox value={result} mono downloadable filename="image.txt" />
-          {result.length > 4000 && <p className="mt-1 text-xs text-muted-foreground">Preview truncated in the box — full string is copied/downloaded.</p>}
+          {result.length > 4000 && (
+            <p className="mt-1 text-xs text-muted-foreground">
+              Preview truncated in the box — full string is copied/downloaded.
+            </p>
+          )}
         </div>
       )}
     </div>
@@ -616,13 +1034,21 @@ function ImageToBase64() {
 
 export default function ImageTools({ tool }: ToolPageProps) {
   switch (tool.slug) {
-    case "image-resizer": return <ImageResizer />;
-    case "image-filters": return <ImageFilters />;
-    case "image-avg-color": return <ImageAvgColor />;
-    case "image-color-picker": return <ImageColorPicker />;
-    case "svg-blob-generator": return <SvgBlobGenerator />;
-    case "svg-pattern-generator": return <SvgPatternGenerator />;
-    case "image-to-base64": return <ImageToBase64 />;
-    default: return <div className="text-sm text-muted-foreground">Unknown tool</div>;
+    case "image-resizer":
+      return <ImageResizer />;
+    case "image-filters":
+      return <ImageFilters />;
+    case "image-avg-color":
+      return <ImageAvgColor />;
+    case "image-color-picker":
+      return <ImageColorPicker />;
+    case "svg-blob-generator":
+      return <SvgBlobGenerator />;
+    case "svg-pattern-generator":
+      return <SvgPatternGenerator />;
+    case "image-to-base64":
+      return <ImageToBase64 />;
+    default:
+      return <div className="text-sm text-muted-foreground">Unknown tool</div>;
   }
 }
diff --git a/artifacts/personal-tool-console/src/components/tools/json-formatter.tsx b/artifacts/personal-tool-console/src/components/tools/json-formatter.tsx
index 6110aa6..1317837 100644
--- a/artifacts/personal-tool-console/src/components/tools/json-formatter.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/json-formatter.tsx
@@ -1,7 +1,14 @@
 import { useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
 import { formatJson, minifyJson, validateJson } from "@/lib/tools/coding";
-import { Field, TextArea, SelectInput, PrimaryButton, OutBox, Chip } from "@/components/tools/shared/fields";
+import {
+  Field,
+  TextArea,
+  SelectInput,
+  PrimaryButton,
+  OutBox,
+  Chip,
+} from "@/components/tools/shared/fields";
 
 type Mode = "format" | "minify" | "validate";
 
@@ -11,7 +18,11 @@ export default function JsonFormatter({ tool }: ToolPageProps) {
   const [indent, setIndent] = useState("2");
   const [output, setOutput] = useState("");
   const [error, setError] = useState<string | null>(null);
-  const [validation, setValidation] = useState<{ valid: boolean; error?: string; line?: number } | null>(null);
+  const [validation, setValidation] = useState<{
+    valid: boolean;
+    error?: string;
+    line?: number;
+  } | null>(null);
 
   const run = () => {
     setError(null);
@@ -22,7 +33,11 @@ export default function JsonFormatter({ tool }: ToolPageProps) {
     }
     try {
       if (mode === "format") {
-        setOutput(indent === "tab" ? JSON.stringify(JSON.parse(input), null, "\t") : formatJson(input, Number(indent)));
+        setOutput(
+          indent === "tab"
+            ? JSON.stringify(JSON.parse(input), null, "\t")
+            : formatJson(input, Number(indent)),
+        );
       } else if (mode === "minify") {
         setOutput(minifyJson(input));
       }
@@ -46,7 +61,9 @@ export default function JsonFormatter({ tool }: ToolPageProps) {
               setValidation(null);
             }}
             className={`rounded-xl border px-4 py-2 text-sm capitalize transition ${
-              mode === m ? "border-ring/60 bg-ring/10 text-foreground" : "border-border bg-background/60 text-muted-foreground hover:text-foreground"
+              mode === m
+                ? "border-ring/60 bg-ring/10 text-foreground"
+                : "border-border bg-background/60 text-muted-foreground hover:text-foreground"
             }`}
           >
             {m}
@@ -57,16 +74,29 @@ export default function JsonFormatter({ tool }: ToolPageProps) {
 
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <Field label="Input JSON" hint="Paste JSON to transform or validate">
-          <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} placeholder='{"key": "value"}' />
+          <TextArea
+            value={input}
+            onChange={(e) => setInput(e.target.value)}
+            spellCheck={false}
+            placeholder='{"key": "value"}'
+          />
         </Field>
         {mode === "format" && (
           <div className="mt-3">
-            <SelectInput value={indent} onChange={(e) => setIndent(e.target.value)} options={["2", "4", "tab"]} />
+            <SelectInput
+              value={indent}
+              onChange={(e) => setIndent(e.target.value)}
+              options={["2", "4", "tab"]}
+            />
           </div>
         )}
         <div className="mt-4">
           <PrimaryButton onClick={run}>
-            {mode === "format" ? "Format" : mode === "minify" ? "Minify" : "Validate"}
+            {mode === "format"
+              ? "Format"
+              : mode === "minify"
+                ? "Minify"
+                : "Validate"}
           </PrimaryButton>
         </div>
       </div>
@@ -74,14 +104,22 @@ export default function JsonFormatter({ tool }: ToolPageProps) {
       {mode === "validate" ? (
         <div className="rounded-2xl border border-border bg-card/60 p-4">
           {validation === null ? (
-            <p className="text-sm text-muted-foreground">Run validation to check your JSON.</p>
+            <p className="text-sm text-muted-foreground">
+              Run validation to check your JSON.
+            </p>
           ) : validation.valid ? (
-            <div className="rounded-xl border border-green-500/30 bg-green-500/10 px-4 py-3 text-sm text-green-400">Valid JSON</div>
+            <div className="rounded-xl border border-green-500/30 bg-green-500/10 px-4 py-3 text-sm text-green-400">
+              Valid JSON
+            </div>
           ) : (
             <div className="text-red-400 text-sm">
               <p className="font-medium">Invalid JSON</p>
-              {typeof validation.line === "number" && <p className="mt-1">Line {validation.line}</p>}
-              {validation.error && <p className="mt-1 break-words">{validation.error}</p>}
+              {typeof validation.line === "number" && (
+                <p className="mt-1">Line {validation.line}</p>
+              )}
+              {validation.error && (
+                <p className="mt-1 break-words">{validation.error}</p>
+              )}
             </div>
           )}
         </div>
diff --git a/artifacts/personal-tool-console/src/components/tools/json-tree-viewer.tsx b/artifacts/personal-tool-console/src/components/tools/json-tree-viewer.tsx
index 6b5cf7f..7113e44 100644
--- a/artifacts/personal-tool-console/src/components/tools/json-tree-viewer.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/json-tree-viewer.tsx
@@ -2,14 +2,26 @@ import { useMemo, useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
 import { TextArea, TextInput, Chip } from "@/components/tools/shared/fields";
 
-type JsonValue = string | number | boolean | null | JsonValue[] | { [k: string]: JsonValue };
+type JsonValue =
+  | string
+  | number
+  | boolean
+  | null
+  | JsonValue[]
+  | { [k: string]: JsonValue };
 
 function countNodes(value: JsonValue): number {
   if (value === null || typeof value !== "object") return 1;
   const entries = Array.isArray(value)
     ? Object.keys(value as JsonValue[])
     : Object.keys(value as { [k: string]: JsonValue });
-  return 1 + entries.reduce((acc, k) => acc + countNodes((value as { [k: string]: JsonValue })[k]), 0);
+  return (
+    1 +
+    entries.reduce(
+      (acc, k) => acc + countNodes((value as { [k: string]: JsonValue })[k]),
+      0,
+    )
+  );
 }
 
 function entryMatches(key: string, value: JsonValue, q: string): boolean {
@@ -32,10 +44,19 @@ function labelFor(value: JsonValue): string {
   return String(value);
 }
 
-function TreeNode({ value, name, query }: { value: JsonValue; name?: string; query: string }) {
+function TreeNode({
+  value,
+  name,
+  query,
+}: {
+  value: JsonValue;
+  name?: string;
+  query: string;
+}) {
   const q = query.toLowerCase();
   const nameMatched = name != null && name.toLowerCase().includes(q);
-  const valueMatched = typeof value === "string" && value.toLowerCase().includes(q);
+  const valueMatched =
+    typeof value === "string" && value.toLowerCase().includes(q);
 
   if (value === null || typeof value !== "object") {
     return (
@@ -46,14 +67,20 @@ function TreeNode({ value, name, query }: { value: JsonValue; name?: string; que
             <span className="text-muted-foreground">: </span>
           </span>
         )}
-        <span className={`${valueMatched ? "bg-yellow-500/20" : ""} ${colorFor(value)}`}>{labelFor(value)}</span>
+        <span
+          className={`${valueMatched ? "bg-yellow-500/20" : ""} ${colorFor(value)}`}
+        >
+          {labelFor(value)}
+        </span>
       </div>
     );
   }
 
   const isArray = Array.isArray(value);
   const entries = isArray
-    ? (value as JsonValue[]).map((v, i) => [String(i), v] as [string, JsonValue])
+    ? (value as JsonValue[]).map(
+        (v, i) => [String(i), v] as [string, JsonValue],
+      )
     : Object.entries(value as { [k: string]: JsonValue });
   const anyChildMatch = entries.some(([k, v]) => entryMatches(k, v, q));
   const open = !query || nameMatched || anyChildMatch;
@@ -64,12 +91,19 @@ function TreeNode({ value, name, query }: { value: JsonValue; name?: string; que
         <span className="text-muted-foreground">{isArray ? "▸" : "▸"}</span>
         <span className={nameMatched ? "bg-yellow-500/20" : ""}>
           {name != null && <span className="mr-1">{name}: </span>}
-          <span className="text-muted-foreground">{isArray ? `Array(${entries.length})` : `Object(${entries.length})`}</span>
+          <span className="text-muted-foreground">
+            {isArray ? `Array(${entries.length})` : `Object(${entries.length})`}
+          </span>
         </span>
       </summary>
       <div className="ml-4 border-l border-border pl-2">
         {entries.map(([k, v]) => (
-          <TreeNode key={k} value={v} name={isArray ? undefined : k} query={query} />
+          <TreeNode
+            key={k}
+            value={v}
+            name={isArray ? undefined : k}
+            query={query}
+          />
         ))}
       </div>
     </details>
@@ -98,13 +132,27 @@ export default function JsonTreeViewer({ tool }: ToolPageProps) {
     <div className="grid gap-4">
       <div className="flex flex-wrap items-center gap-2">
         <Chip color="bg-ring/15 text-ring">{tool.slug}</Chip>
-        {parsed && <span className="text-xs text-muted-foreground">{nodeCount} nodes</span>}
+        {parsed && (
+          <span className="text-xs text-muted-foreground">
+            {nodeCount} nodes
+          </span>
+        )}
       </div>
 
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-3">
-          <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} className="font-mono" placeholder='{"name": "Chris", "tags": ["a", "b"]}' />
-          <TextInput value={query} onChange={(e) => setQuery(e.target.value)} placeholder="Search keys or values…" />
+          <TextArea
+            value={input}
+            onChange={(e) => setInput(e.target.value)}
+            spellCheck={false}
+            className="font-mono"
+            placeholder='{"name": "Chris", "tags": ["a", "b"]}'
+          />
+          <TextInput
+            value={query}
+            onChange={(e) => setQuery(e.target.value)}
+            placeholder="Search keys or values…"
+          />
         </div>
       </div>
 
diff --git a/artifacts/personal-tool-console/src/components/tools/linux/linux-tools.tsx b/artifacts/personal-tool-console/src/components/tools/linux/linux-tools.tsx
index 88caaba..3085284 100644
--- a/artifacts/personal-tool-console/src/components/tools/linux/linux-tools.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/linux/linux-tools.tsx
@@ -16,7 +16,15 @@ import {
   type PermissionBreakdown,
   type CronSchedule,
 } from "@/lib/tools/linux";
-import { Field, TextInput, NumInput, SelectInput, ToggleInput, OutBox, Chip } from "@/components/tools/shared/fields";
+import {
+  Field,
+  TextInput,
+  NumInput,
+  SelectInput,
+  ToggleInput,
+  OutBox,
+  Chip,
+} from "@/components/tools/shared/fields";
 
 const CHAR_BITS = ["r", "w", "x"] as const;
 const ROW_LABELS = ["Owner", "Group", "Others"];
@@ -32,7 +40,11 @@ function symToBits(sym: string): boolean[][] | null {
   const s = sym.trim().replace(/\s+/g, "");
   if (!s) return null;
   if (/^[rwx-]{9}$/.test(s)) {
-    return [0, 1, 2].map((g) => [s[g * 3] === "r", s[g * 3 + 1] === "w", s[g * 3 + 2] === "x"]);
+    return [0, 1, 2].map((g) => [
+      s[g * 3] === "r",
+      s[g * 3 + 1] === "w",
+      s[g * 3 + 2] === "x",
+    ]);
   }
   try {
     return octStrToBits(chmodSymbolicToOctal(s));
@@ -42,11 +54,15 @@ function symToBits(sym: string): boolean[][] | null {
 }
 
 function bitsToOctStr(bits: boolean[][]): string {
-  return bits.map((row) => row.reduce((acc, on, i) => acc + (on ? [4, 2, 1][i] : 0), 0)).join("");
+  return bits
+    .map((row) => row.reduce((acc, on, i) => acc + (on ? [4, 2, 1][i] : 0), 0))
+    .join("");
 }
 
 function bitsToSym(bits: boolean[][]): string {
-  return bits.map((row) => row.map((on, i) => (on ? CHAR_BITS[i] : "-")).join("")).join("");
+  return bits
+    .map((row) => row.map((on, i) => (on ? CHAR_BITS[i] : "-")).join(""))
+    .join("");
 }
 
 function bitsText(bits: boolean[][]): string {
@@ -87,28 +103,47 @@ function ChmodPanel() {
   };
 
   const toggle = (row: number, col: number) => {
-    applyBits(bits.map((r, ri) => r.map((on, ci) => (ri === row && ci === col ? !on : on))));
+    applyBits(
+      bits.map((r, ri) =>
+        r.map((on, ci) => (ri === row && ci === col ? !on : on)),
+      ),
+    );
   };
 
   return (
     <div className="grid gap-4">
       <div className="grid gap-4 sm:grid-cols-2">
         <Field label="Octal">
-          <TextInput value={octInput} onChange={(e) => onOct(e.target.value)} spellCheck={false} placeholder="e.g. 755" inputMode="numeric" />
+          <TextInput
+            value={octInput}
+            onChange={(e) => onOct(e.target.value)}
+            spellCheck={false}
+            placeholder="e.g. 755"
+            inputMode="numeric"
+          />
         </Field>
         <Field label="Symbolic">
-          <TextInput value={symInput} onChange={(e) => onSym(e.target.value)} spellCheck={false} placeholder="e.g. rwxr-xr-x" />
+          <TextInput
+            value={symInput}
+            onChange={(e) => onSym(e.target.value)}
+            spellCheck={false}
+            placeholder="e.g. rwxr-xr-x"
+          />
         </Field>
       </div>
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid grid-cols-4 gap-2">
           <div />
           {CHAR_BITS.map((c) => (
-            <div key={c} className="text-center text-xs text-muted-foreground">{c}</div>
+            <div key={c} className="text-center text-xs text-muted-foreground">
+              {c}
+            </div>
           ))}
           {ROW_LABELS.map((label, row) => (
             <div key={label} className="contents">
-              <div className="text-xs font-medium uppercase tracking-wide text-muted-foreground">{label}</div>
+              <div className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
+                {label}
+              </div>
               {bits[row].map((on, col) => (
                 <button
                   key={col}
@@ -116,7 +151,9 @@ function ChmodPanel() {
                   onClick={() => toggle(row, col)}
                   aria-label={`${label} ${CHAR_BITS[col]}`}
                   className={`h-9 w-9 rounded-lg border transition ${
-                    on ? "border-ring bg-ring/20 text-foreground" : "border-border bg-background/60 text-muted-foreground"
+                    on
+                      ? "border-ring bg-ring/20 text-foreground"
+                      : "border-border bg-background/60 text-muted-foreground"
                   }`}
                 >
                   {on ? "✓" : "–"}
@@ -127,8 +164,10 @@ function ChmodPanel() {
         </div>
       </div>
       <p className="text-sm text-muted-foreground">
-        bits <span className="font-mono text-foreground">{bitsText(bits)}</span> — octal{" "}
-        <span className="font-mono text-foreground">{bitsToOctStr(bits)}</span> — symbolic{" "}
+        bits <span className="font-mono text-foreground">{bitsText(bits)}</span>{" "}
+        — octal{" "}
+        <span className="font-mono text-foreground">{bitsToOctStr(bits)}</span>{" "}
+        — symbolic{" "}
         <span className="font-mono text-foreground">{bitsToSym(bits)}</span>
       </p>
     </div>
@@ -139,16 +178,27 @@ function PermissionsPanel() {
   const [input, setInput] = useState("drwxr-xr-x");
   const parsed = useMemo(() => {
     try {
-      return { data: decodePermissionLine(input.trim() + " ") as PermissionBreakdown, error: null as string | null };
+      return {
+        data: decodePermissionLine(input.trim() + " ") as PermissionBreakdown,
+        error: null as string | null,
+      };
     } catch (e) {
-      return { data: null as PermissionBreakdown | null, error: (e as Error).message };
+      return {
+        data: null as PermissionBreakdown | null,
+        error: (e as Error).message,
+      };
     }
   }, [input]);
 
   return (
     <div className="grid gap-4">
       <Field label="Permission line (like from `ls -l`)">
-        <TextInput value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} placeholder="drwxr-xr-x or -rw-r--r--" />
+        <TextInput
+          value={input}
+          onChange={(e) => setInput(e.target.value)}
+          spellCheck={false}
+          placeholder="drwxr-xr-x or -rw-r--r--"
+        />
       </Field>
       {parsed.error ? (
         <p className="text-red-400 text-sm">{parsed.error}</p>
@@ -157,22 +207,65 @@ function PermissionsPanel() {
           <div className="grid gap-3">
             <div className="flex flex-wrap items-center gap-2">
               <Chip color="bg-ring/15 text-ring">{parsed.data.type}</Chip>
-              <Chip color="bg-border/60 text-foreground">{parsed.data.symbolic}</Chip>
-              <Chip color="bg-blue-500/15 text-blue-400">octal {parsed.data.octal}</Chip>
-              {parsed.data.special.setuid && <Chip color="bg-amber-500/15 text-amber-400">setuid (+4000)</Chip>}
-              {parsed.data.special.setgid && <Chip color="bg-amber-500/15 text-amber-400">setgid (+2000)</Chip>}
-              {parsed.data.special.sticky && <Chip color="bg-amber-500/15 text-amber-400">sticky (+1000)</Chip>}
+              <Chip color="bg-border/60 text-foreground">
+                {parsed.data.symbolic}
+              </Chip>
+              <Chip color="bg-blue-500/15 text-blue-400">
+                octal {parsed.data.octal}
+              </Chip>
+              {parsed.data.special.setuid && (
+                <Chip color="bg-amber-500/15 text-amber-400">
+                  setuid (+4000)
+                </Chip>
+              )}
+              {parsed.data.special.setgid && (
+                <Chip color="bg-amber-500/15 text-amber-400">
+                  setgid (+2000)
+                </Chip>
+              )}
+              {parsed.data.special.sticky && (
+                <Chip color="bg-amber-500/15 text-amber-400">
+                  sticky (+1000)
+                </Chip>
+              )}
             </div>
             <div className="grid gap-2 sm:grid-cols-3">
               {parsed.data.rows.map((r) => (
-                <div key={r.who} className="rounded-xl border border-border bg-background/60 p-3">
-                  <p className="text-xs font-medium uppercase tracking-wide text-muted-foreground">{r.who}</p>
+                <div
+                  key={r.who}
+                  className="rounded-xl border border-border bg-background/60 p-3"
+                >
+                  <p className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
+                    {r.who}
+                  </p>
                   <div className="mt-1.5 flex items-center gap-3 font-mono text-sm">
-                    <span className={r.r ? "text-green-400" : "text-muted-foreground/40"}>{r.r ? "✓ r" : "✗ r"}</span>
-                    <span className={r.w ? "text-green-400" : "text-muted-foreground/40"}>{r.w ? "✓ w" : "✗ w"}</span>
-                    <span className={r.x ? "text-green-400" : "text-muted-foreground/40"}>{r.x ? "✓ x" : "✗ x"}</span>
+                    <span
+                      className={
+                        r.r ? "text-green-400" : "text-muted-foreground/40"
+                      }
+                    >
+                      {r.r ? "✓ r" : "✗ r"}
+                    </span>
+                    <span
+                      className={
+                        r.w ? "text-green-400" : "text-muted-foreground/40"
+                      }
+                    >
+                      {r.w ? "✓ w" : "✗ w"}
+                    </span>
+                    <span
+                      className={
+                        r.x ? "text-green-400" : "text-muted-foreground/40"
+                      }
+                    >
+                      {r.x ? "✓ x" : "✗ x"}
+                    </span>
                   </div>
-                  {r.special && <p className="mt-1 text-xs text-amber-400/80">special bit set</p>}
+                  {r.special && (
+                    <p className="mt-1 text-xs text-amber-400/80">
+                      special bit set
+                    </p>
+                  )}
                 </div>
               ))}
             </div>
@@ -195,10 +288,19 @@ function ScheduleDisplay({ s }: { s: CronSchedule }) {
     <div className="rounded-2xl border border-border bg-card/60 p-4">
       <div className="grid gap-2 text-sm sm:grid-cols-5">
         {fields.map(([label, values]) => (
-          <div key={label} className="rounded-xl border border-border bg-background/60 p-2.5">
-            <p className="text-xs uppercase tracking-wide text-muted-foreground">{label} · {values.length} value{values.length === 1 ? "" : "s"}</p>
-            <p className="mt-1 truncate font-mono text-xs text-foreground" title={values.join(", ")}>
-              {values.slice(0, 14).join(",")}{values.length > 14 ? "…" : ""}
+          <div
+            key={label}
+            className="rounded-xl border border-border bg-background/60 p-2.5"
+          >
+            <p className="text-xs uppercase tracking-wide text-muted-foreground">
+              {label} · {values.length} value{values.length === 1 ? "" : "s"}
+            </p>
+            <p
+              className="mt-1 truncate font-mono text-xs text-foreground"
+              title={values.join(", ")}
+            >
+              {values.slice(0, 14).join(",")}
+              {values.length > 14 ? "…" : ""}
             </p>
           </div>
         ))}
@@ -223,27 +325,44 @@ function CronParserPanel() {
         error: null as string | null,
       };
     } catch (e) {
-      return { schedule: null as null, next: [] as Date[], six: false, secondsField: null as null, error: (e as Error).message };
+      return {
+        schedule: null as null,
+        next: [] as Date[],
+        six: false,
+        secondsField: null as null,
+        error: (e as Error).message,
+      };
     }
   }, [input]);
 
   return (
     <div className="grid gap-4">
       <Field label="Expression (5 or 6 fields)">
-        <TextInput value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} placeholder="*/5 * * * *" />
+        <TextInput
+          value={input}
+          onChange={(e) => setInput(e.target.value)}
+          spellCheck={false}
+          placeholder="*/5 * * * *"
+        />
       </Field>
       {parsed.error && <p className="text-red-400 text-sm">{parsed.error}</p>}
       {parsed.schedule && (
         <>
           {parsed.six && (
             <Chip color="bg-amber-500/15 text-amber-400">
-              6-field form detected — seconds field “{parsed.secondsField}” is shown but skipped for scheduling
+              6-field form detected — seconds field “{parsed.secondsField}” is
+              shown but skipped for scheduling
             </Chip>
           )}
           <ScheduleDisplay s={parsed.schedule} />
           <div className="space-y-1.5">
-            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Next 5 runs</span>
-            <OutBox value={parsed.next.map((d) => d.toLocaleString()).join("\n")} mono />
+            <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+              Next 5 runs
+            </span>
+            <OutBox
+              value={parsed.next.map((d) => d.toLocaleString()).join("\n")}
+              mono
+            />
           </div>
         </>
       )}
@@ -251,7 +370,15 @@ function CronParserPanel() {
   );
 }
 
-function CronRow({ label, mode, onMode, val, onVal, options, placeholder }: {
+function CronRow({
+  label,
+  mode,
+  onMode,
+  val,
+  onVal,
+  options,
+  placeholder,
+}: {
   label: string;
   mode: string;
   onMode: (v: string) => void;
@@ -263,8 +390,20 @@ function CronRow({ label, mode, onMode, val, onVal, options, placeholder }: {
   return (
     <Field label={label}>
       <div className="flex gap-2">
-        <SelectInput value={mode} onChange={(e) => onMode(e.target.value)} options={options} className="w-36" />
-        {mode === "custom" && <NumInput value={val} onChange={(e) => onVal(e.target.value)} placeholder={placeholder} min={0} />}
+        <SelectInput
+          value={mode}
+          onChange={(e) => onMode(e.target.value)}
+          options={options}
+          className="w-36"
+        />
+        {mode === "custom" && (
+          <NumInput
+            value={val}
+            onChange={(e) => onVal(e.target.value)}
+            placeholder={placeholder}
+            min={0}
+          />
+        )}
       </div>
     </Field>
   );
@@ -303,17 +442,63 @@ function CronGeneratorPanel() {
   return (
     <div className="grid gap-4">
       <div className="grid gap-4 sm:grid-cols-2">
-        <CronRow label="Minute" mode={minMode} onMode={setMinMode} val={minVal} onVal={setMinVal} options={["*", "*/5", "*/10", "custom"]} placeholder="0-59" />
-        <CronRow label="Hour" mode={hourMode} onMode={setHourMode} val={hourVal} onVal={setHourVal} options={["*", "custom"]} placeholder="0-23" />
-        <CronRow label="Day of month" mode={domMode} onMode={setDomMode} val={domVal} onVal={setDomVal} options={["*", "custom"]} placeholder="1-31" />
-        <CronRow label="Month" mode={monMode} onMode={setMonMode} val={monVal} onVal={setMonVal} options={["*", "custom"]} placeholder="1-12" />
-        <CronRow label="Day of week (0=sun)" mode={dowMode} onMode={setDowMode} val={dowVal} onVal={setDowVal} options={["*", "custom"]} placeholder="0-6" />
-        <ToggleInput label="Include seconds field" checked={secondsOn} onChange={setSecondsOn} />
+        <CronRow
+          label="Minute"
+          mode={minMode}
+          onMode={setMinMode}
+          val={minVal}
+          onVal={setMinVal}
+          options={["*", "*/5", "*/10", "custom"]}
+          placeholder="0-59"
+        />
+        <CronRow
+          label="Hour"
+          mode={hourMode}
+          onMode={setHourMode}
+          val={hourVal}
+          onVal={setHourVal}
+          options={["*", "custom"]}
+          placeholder="0-23"
+        />
+        <CronRow
+          label="Day of month"
+          mode={domMode}
+          onMode={setDomMode}
+          val={domVal}
+          onVal={setDomVal}
+          options={["*", "custom"]}
+          placeholder="1-31"
+        />
+        <CronRow
+          label="Month"
+          mode={monMode}
+          onMode={setMonMode}
+          val={monVal}
+          onVal={setMonVal}
+          options={["*", "custom"]}
+          placeholder="1-12"
+        />
+        <CronRow
+          label="Day of week (0=sun)"
+          mode={dowMode}
+          onMode={setDowMode}
+          val={dowVal}
+          onVal={setDowVal}
+          options={["*", "custom"]}
+          placeholder="0-6"
+        />
+        <ToggleInput
+          label="Include seconds field"
+          checked={secondsOn}
+          onChange={setSecondsOn}
+        />
       </div>
       <OutBox value={full} mono />
       {next.length > 0 && (
         <div className="space-y-1.5">
-          <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Next 5 runs</span>
+          <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+            Next 5 runs
+          </span>
           <OutBox value={next.map((d) => d.toLocaleString()).join("\n")} mono />
         </div>
       )}
@@ -344,7 +529,12 @@ function PathPanel() {
   return (
     <div className="grid gap-4">
       <Field label="Path">
-        <TextInput value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} placeholder="/path/to/something" />
+        <TextInput
+          value={input}
+          onChange={(e) => setInput(e.target.value)}
+          spellCheck={false}
+          placeholder="/path/to/something"
+        />
       </Field>
       <div className="flex flex-wrap gap-2">
         {PATH_EXAMPLES.map((ex) => (
@@ -360,9 +550,14 @@ function PathPanel() {
       </div>
       <div className="grid gap-2">
         {rows.map((r) => (
-          <div key={r.label} className="flex flex-wrap items-center justify-between gap-2 rounded-xl border border-border bg-card/60 px-3.5 py-2.5 text-sm">
+          <div
+            key={r.label}
+            className="flex flex-wrap items-center justify-between gap-2 rounded-xl border border-border bg-card/60 px-3.5 py-2.5 text-sm"
+          >
             <span className="text-muted-foreground">{r.label}</span>
-            <span className="break-all font-mono text-foreground">{r.value}</span>
+            <span className="break-all font-mono text-foreground">
+              {r.value}
+            </span>
           </div>
         ))}
       </div>
@@ -372,12 +567,20 @@ function PathPanel() {
 
 function UidGidPanel() {
   const [q, setQ] = useState("");
-  const rows = useMemo(() => (q.trim() ? lookupUidGid(q.trim()) : UID_GID_TABLE), [q]);
+  const rows = useMemo(
+    () => (q.trim() ? lookupUidGid(q.trim()) : UID_GID_TABLE),
+    [q],
+  );
 
   return (
     <div className="grid gap-4">
       <Field label="Search by name, uid, or gid">
-        <TextInput value={q} onChange={(e) => setQ(e.target.value)} spellCheck={false} placeholder="try: root, 33, www, 999" />
+        <TextInput
+          value={q}
+          onChange={(e) => setQ(e.target.value)}
+          spellCheck={false}
+          placeholder="try: root, 33, www, 999"
+        />
       </Field>
       <div className="overflow-x-auto rounded-2xl border border-border bg-card/60 p-2">
         <table className="w-full text-left font-mono text-sm">
@@ -395,12 +598,18 @@ function UidGidPanel() {
                 <td className="px-3 py-1.5 text-foreground">{r.name}</td>
                 <td className="px-3 py-1.5 text-ring">{r.uid}</td>
                 <td className="px-3 py-1.5 text-muted-foreground">{r.gid}</td>
-                <td className="px-3 py-1.5 text-muted-foreground">{r.description}</td>
+                <td className="px-3 py-1.5 text-muted-foreground">
+                  {r.description}
+                </td>
               </tr>
             ))}
           </tbody>
         </table>
-        {rows.length === 0 && <p className="px-3 py-3 text-sm text-muted-foreground">No entries match “{q}”.</p>}
+        {rows.length === 0 && (
+          <p className="px-3 py-3 text-sm text-muted-foreground">
+            No entries match “{q}”.
+          </p>
+        )}
       </div>
     </div>
   );
@@ -423,4 +632,4 @@ export default function LinuxTools({ tool }: ToolPageProps) {
     default:
       return null;
   }
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/misc/misc-tools.tsx b/artifacts/personal-tool-console/src/components/tools/misc/misc-tools.tsx
index f7cb4b7..59647c7 100644
--- a/artifacts/personal-tool-console/src/components/tools/misc/misc-tools.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/misc/misc-tools.tsx
@@ -1,14 +1,28 @@
 import { useEffect, useRef, useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
-import { shuffleList, code39Encode, ean13, fakeIban, validateIbanFormat } from "@/lib/tools/misc";
 import {
-  Field, TextInput, NumInput, SelectInput, TextArea, OutBox, PrimaryButton, GhostButton, Chip,
+  shuffleList,
+  code39Encode,
+  ean13,
+  fakeIban,
+  validateIbanFormat,
+} from "@/lib/tools/misc";
+import {
+  Field,
+  TextInput,
+  NumInput,
+  SelectInput,
+  TextArea,
+  OutBox,
+  PrimaryButton,
+  GhostButton,
+  Chip,
 } from "@/components/tools/shared/fields";
 
 function mulberry32(seed: number) {
   let t = seed >>> 0;
   return function () {
-    t += 0x6D2B79F5;
+    t += 0x6d2b79f5;
     let r = Math.imul(t ^ (t >>> 15), t | 1);
     r ^= r + Math.imul(r ^ (r >>> 7), r | 61);
     return ((r ^ (r >>> 14)) >>> 0) / 4294967296;
@@ -30,18 +44,28 @@ function ListRandomizer() {
   const [countN, setCountN] = useState("1");
   const [seed, setSeed] = useState("");
   const [output, setOutput] = useState("");
-  const items = text.split("\n").map((l) => l.trim()).filter(Boolean);
+  const items = text
+    .split("\n")
+    .map((l) => l.trim())
+    .filter(Boolean);
   const run = () => {
-    if (!items.length) { setOutput(""); return; }
+    if (!items.length) {
+      setOutput("");
+      return;
+    }
     const rng = seed !== "" ? mulberry32(Number(seed) || 0) : null;
     if (mode === "Shuffle all") {
       setOutput(rng ? seededShuffle(items, rng).join("\n") : shuffleList(text));
     } else if (mode === "Pick 1") {
-      const i = rng ? Math.floor(rng() * items.length) : Math.floor(Math.random() * items.length);
+      const i = rng
+        ? Math.floor(rng() * items.length)
+        : Math.floor(Math.random() * items.length);
       setOutput(items[i]);
     } else {
       const n = Math.max(0, Number(countN) || 1);
-      const pool = rng ? seededShuffle(items, rng) : [...items].sort(() => Math.random() - 0.5);
+      const pool = rng
+        ? seededShuffle(items, rng)
+        : [...items].sort(() => Math.random() - 0.5);
       setOutput(pool.slice(0, n).join("\n"));
     }
   };
@@ -49,16 +73,45 @@ function ListRandomizer() {
     <div className="grid gap-4">
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4">
         <Field label="List (one item per line)">
-          <TextArea value={text} onChange={(e) => setText(e.target.value)} placeholder={"apple\nbanana\ncherry"} spellCheck={false} />
+          <TextArea
+            value={text}
+            onChange={(e) => setText(e.target.value)}
+            placeholder={"apple\nbanana\ncherry"}
+            spellCheck={false}
+          />
         </Field>
         <div className="grid gap-3 sm:grid-cols-3">
-          <Field label="Mode"><SelectInput value={mode} onChange={(e) => setMode(e.target.value)} options={["Shuffle all", "Pick 1", "Pick N"]} /></Field>
-          {mode === "Pick N" && <Field label="N"><NumInput min={1} value={countN} onChange={(e) => setCountN(e.target.value)} /></Field>}
-          <Field label="Seed (optional)"><TextInput value={seed} onChange={(e) => setSeed(e.target.value)} placeholder="e.g. 42" /></Field>
+          <Field label="Mode">
+            <SelectInput
+              value={mode}
+              onChange={(e) => setMode(e.target.value)}
+              options={["Shuffle all", "Pick 1", "Pick N"]}
+            />
+          </Field>
+          {mode === "Pick N" && (
+            <Field label="N">
+              <NumInput
+                min={1}
+                value={countN}
+                onChange={(e) => setCountN(e.target.value)}
+              />
+            </Field>
+          )}
+          <Field label="Seed (optional)">
+            <TextInput
+              value={seed}
+              onChange={(e) => setSeed(e.target.value)}
+              placeholder="e.g. 42"
+            />
+          </Field>
         </div>
         <div className="flex flex-wrap items-center gap-3">
-          <PrimaryButton onClick={run}>{mode === "Pick 1" ? "Pick" : "Run"}</PrimaryButton>
-          <Chip color="bg-ring/15 text-ring">{items.length} item{items.length === 1 ? "" : "s"}</Chip>
+          <PrimaryButton onClick={run}>
+            {mode === "Pick 1" ? "Pick" : "Run"}
+          </PrimaryButton>
+          <Chip color="bg-ring/15 text-ring">
+            {items.length} item{items.length === 1 ? "" : "s"}
+          </Chip>
         </div>
       </div>
       {output && <OutBox value={output} filename="randomized.txt" />}
@@ -66,7 +119,20 @@ function ListRandomizer() {
   );
 }
 
-const IBAN_CODES = ["AE", "BE", "CH", "DE", "ES", "FR", "GB", "IT", "NL", "SG", "SE", "US"];
+const IBAN_CODES = [
+  "AE",
+  "BE",
+  "CH",
+  "DE",
+  "ES",
+  "FR",
+  "GB",
+  "IT",
+  "NL",
+  "SG",
+  "SE",
+  "US",
+];
 
 function FakeIbanGen() {
   const [country, setCountry] = useState("DE");
@@ -83,8 +149,16 @@ function FakeIbanGen() {
   return (
     <div className="grid gap-4">
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-3">
-        <Field label="Country"><SelectInput value={country} onChange={(e) => setCountry(e.target.value)} options={IBAN_CODES} /></Field>
-        <Field label="Seed"><NumInput value={seed} onChange={(e) => setSeed(e.target.value)} /></Field>
+        <Field label="Country">
+          <SelectInput
+            value={country}
+            onChange={(e) => setCountry(e.target.value)}
+            options={IBAN_CODES}
+          />
+        </Field>
+        <Field label="Seed">
+          <NumInput value={seed} onChange={(e) => setSeed(e.target.value)} />
+        </Field>
         <div className="flex items-end gap-2">
           <PrimaryButton onClick={generate}>Generate</PrimaryButton>
           {iban && <GhostButton onClick={generate}>Regenerate</GhostButton>}
@@ -93,13 +167,23 @@ function FakeIbanGen() {
       {iban && (
         <div className="grid gap-4">
           <div className="grid gap-3 rounded-2xl border border-border bg-card/60 p-4">
-            <Field label="Formatted IBAN"><OutBox value={iban} filename="iban.txt" /></Field>
-            <Field label="Raw (no spaces)"><OutBox value={raw} filename="iban-raw.txt" /></Field>
+            <Field label="Formatted IBAN">
+              <OutBox value={iban} filename="iban.txt" />
+            </Field>
+            <Field label="Raw (no spaces)">
+              <OutBox value={raw} filename="iban-raw.txt" />
+            </Field>
           </div>
           <div className="flex items-center gap-3 rounded-2xl border border-border bg-card/60 p-4">
             <GhostButton onClick={check}>Validate format</GhostButton>
             {valid !== null && (
-              <Chip color={valid ? "bg-green-500/15 text-green-400" : "bg-red-500/15 text-red-400"}>
+              <Chip
+                color={
+                  valid
+                    ? "bg-green-500/15 text-green-400"
+                    : "bg-red-500/15 text-red-400"
+                }
+              >
                 {valid ? "Valid IBAN structure" : "Invalid IBAN"}
               </Chip>
             )}
@@ -113,7 +197,9 @@ function FakeIbanGen() {
 function BarcodeGen() {
   const [type, setType] = useState("Code 39");
   const [text, setText] = useState("HELLO");
-  const [result, setResult] = useState<{ svg: string; width: number } | null>(null);
+  const [result, setResult] = useState<{ svg: string; width: number } | null>(
+    null,
+  );
   const [error, setError] = useState<string | null>(null);
   const generate = () => {
     setError(null);
@@ -121,11 +207,17 @@ function BarcodeGen() {
     try {
       if (type === "Code 39") {
         const r = code39Encode(text);
-        if (!r.valid) { setError(r.error ?? "Invalid input"); return; }
+        if (!r.valid) {
+          setError(r.error ?? "Invalid input");
+          return;
+        }
         setResult({ svg: r.svg, width: r.width });
       } else {
         const r = ean13(text);
-        if (!r.valid) { setError(r.error ?? "Invalid input"); return; }
+        if (!r.valid) {
+          setError(r.error ?? "Invalid input");
+          return;
+        }
         setResult({ svg: r.svg, width: r.width });
       }
     } catch (e) {
@@ -145,9 +237,25 @@ function BarcodeGen() {
   return (
     <div className="grid gap-4">
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
-        <Field label="Type"><SelectInput value={type} onChange={(e) => setType(e.target.value)} options={["Code 39", "EAN-13"]} /></Field>
-        <Field label={type === "Code 39" ? "Text (A–Z, 0–9, space, - . $ / + %)" : "Digits (12 or 13)"}>
-          <TextInput value={text} onChange={(e) => setText(e.target.value)} spellCheck={false} />
+        <Field label="Type">
+          <SelectInput
+            value={type}
+            onChange={(e) => setType(e.target.value)}
+            options={["Code 39", "EAN-13"]}
+          />
+        </Field>
+        <Field
+          label={
+            type === "Code 39"
+              ? "Text (A–Z, 0–9, space, - . $ / + %)"
+              : "Digits (12 or 13)"
+          }
+        >
+          <TextInput
+            value={text}
+            onChange={(e) => setText(e.target.value)}
+            spellCheck={false}
+          />
         </Field>
         <div className="flex items-end gap-2">
           <PrimaryButton onClick={generate}>Generate</PrimaryButton>
@@ -171,7 +279,9 @@ function BarcodeGen() {
 
 function UnicodeRain() {
   const canvasRef = useRef<HTMLCanvasElement | null>(null);
-  const [charset, setCharset] = useState("アカサタナハマヤラワ0123456789京阪神東海道物語");
+  const [charset, setCharset] = useState(
+    "アカサタナハマヤラワ0123456789京阪神東海道物語",
+  );
   const [speed, setSpeed] = useState(1);
   const [color, setColor] = useState("#22d3ee");
   const [playing, setPlaying] = useState(true);
@@ -179,10 +289,18 @@ function UnicodeRain() {
   const speedRef = useRef(speed);
   const colorRef = useRef(color);
   const playingRef = useRef(playing);
-  useEffect(() => { charsetRef.current = charset; }, [charset]);
-  useEffect(() => { speedRef.current = speed; }, [speed]);
-  useEffect(() => { colorRef.current = color; }, [color]);
-  useEffect(() => { playingRef.current = playing; }, [playing]);
+  useEffect(() => {
+    charsetRef.current = charset;
+  }, [charset]);
+  useEffect(() => {
+    speedRef.current = speed;
+  }, [speed]);
+  useEffect(() => {
+    colorRef.current = color;
+  }, [color]);
+  useEffect(() => {
+    playingRef.current = playing;
+  }, [playing]);
 
   useEffect(() => {
     const canvas = canvasRef.current;
@@ -194,7 +312,9 @@ function UnicodeRain() {
     const resize = () => {
       canvas.width = canvas.clientWidth;
       canvas.height = 300;
-      drops = new Array(Math.max(1, Math.floor(canvas.width / fontSize))).fill(0).map(() => Math.floor(Math.random() * -40));
+      drops = new Array(Math.max(1, Math.floor(canvas.width / fontSize)))
+        .fill(0)
+        .map(() => Math.floor(Math.random() * -40));
     };
     resize();
     const ro = new ResizeObserver(resize);
@@ -213,7 +333,10 @@ function UnicodeRain() {
         ctx.font = `${fontSize}px monospace`;
         ctx.fillStyle = colorRef.current;
         for (let i = 0; i < drops.length; i++) {
-          const ch = charsetRef.current[Math.floor(Math.random() * charsetRef.current.length)] || " ";
+          const ch =
+            charsetRef.current[
+              Math.floor(Math.random() * charsetRef.current.length)
+            ] || " ";
           const y = drops[i] * fontSize;
           ctx.fillText(ch, i * fontSize, y);
           if (y > canvas.height && Math.random() > 0.975) drops[i] = 0;
@@ -223,22 +346,47 @@ function UnicodeRain() {
       if (playingRef.current) raf = requestAnimationFrame(frame);
     };
     raf = requestAnimationFrame(frame);
-    return () => { cancelAnimationFrame(raf); ro.disconnect(); };
+    return () => {
+      cancelAnimationFrame(raf);
+      ro.disconnect();
+    };
   }, []);
 
   return (
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
-        <canvas ref={canvasRef} className="w-full rounded-xl border border-border bg-[#030712]" style={{ height: 300 }} />
+        <canvas
+          ref={canvasRef}
+          className="w-full rounded-xl border border-border bg-[#030712]"
+          style={{ height: 300 }}
+        />
       </div>
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
         <Field label="Character set">
-          <TextInput value={charset} onChange={(e) => setCharset(e.target.value)} spellCheck={false} />
+          <TextInput
+            value={charset}
+            onChange={(e) => setCharset(e.target.value)}
+            spellCheck={false}
+          />
+        </Field>
+        <Field label="Color">
+          <TextInput value={color} onChange={(e) => setColor(e.target.value)} />
+        </Field>
+        <Field label={`Speed — ${speed}x`}>
+          <input
+            type="range"
+            min={0.2}
+            max={3}
+            step={0.1}
+            value={speed}
+            onChange={(e) => setSpeed(Number(e.target.value))}
+            className="w-full"
+          />
         </Field>
-        <Field label="Color"><TextInput value={color} onChange={(e) => setColor(e.target.value)} /></Field>
-        <Field label={`Speed — ${speed}x`}><input type="range" min={0.2} max={3} step={0.1} value={speed} onChange={(e) => setSpeed(Number(e.target.value))} className="w-full" /></Field>
         <div className="flex items-end">
-          <GhostButton onClick={() => setPlaying((p) => !p)}>{playing ? "Pause" : "Play"}</GhostButton>
+          <GhostButton onClick={() => setPlaying((p) => !p)}>
+            {playing ? "Pause" : "Play"}
+          </GhostButton>
         </div>
       </div>
     </div>
@@ -250,9 +398,14 @@ function SentencePicker() {
   const [picked, setPicked] = useState("");
   const [history, setHistory] = useState<string[]>([]);
   const sentences = (() => {
-    const parts = text.split(/(?<=[.!?。！？])\s+/).filter((s) => s.trim().length > 0);
+    const parts = text
+      .split(/(?<=[.!?。！？])\s+/)
+      .filter((s) => s.trim().length > 0);
     if (parts.length) return parts;
-    return text.split(/[.!?。！？]/).map((s) => s.trim()).filter(Boolean);
+    return text
+      .split(/[.!?。！？]/)
+      .map((s) => s.trim())
+      .filter(Boolean);
   })();
   const pick = () => {
     if (!sentences.length) return;
@@ -263,8 +416,14 @@ function SentencePicker() {
   return (
     <div className="grid gap-4">
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4">
-        <Field label={`Paragraph — ${sentences.length} sentence${sentences.length === 1 ? "" : "s"} found`}>
-          <TextArea value={text} onChange={(e) => setText(e.target.value)} spellCheck={false} />
+        <Field
+          label={`Paragraph — ${sentences.length} sentence${sentences.length === 1 ? "" : "s"} found`}
+        >
+          <TextArea
+            value={text}
+            onChange={(e) => setText(e.target.value)}
+            spellCheck={false}
+          />
         </Field>
         <div>
           <PrimaryButton onClick={pick}>Pick a sentence</PrimaryButton>
@@ -273,10 +432,14 @@ function SentencePicker() {
       {picked && <OutBox value={picked} mono={false} filename="sentence.txt" />}
       {history.length > 0 && (
         <div className="rounded-2xl border border-border bg-card/60 p-4">
-          <p className="mb-2 text-xs font-medium uppercase tracking-wide text-muted-foreground/70">History</p>
+          <p className="mb-2 text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+            History
+          </p>
           <ul className="space-y-1.5">
             {history.map((h, i) => (
-              <li key={i} className="text-sm text-muted-foreground">{h}</li>
+              <li key={i} className="text-sm text-muted-foreground">
+                {h}
+              </li>
             ))}
           </ul>
         </div>
@@ -285,24 +448,218 @@ function SentencePicker() {
   );
 }
 
-const MALE = ["James", "John", "Robert", "Michael", "William", "David", "Richard", "Joseph", "Thomas", "Charles", "Liam", "Noah", "Oliver", "Elijah", "Lucas", "Mason", "Logan", "Alexander", "Ethan", "Daniel", "Jacob", "Henry", "Jack", "Owen", "Finn", "Elias", "Oscar", "Mateo", "Arthur", "Felix"];
-const FEMALE = ["Mary", "Patricia", "Jennifer", "Linda", "Elizabeth", "Barbara", "Susan", "Jessica", "Sarah", "Karen", "Olivia", "Emma", "Ava", "Charlotte", "Sophia", "Amelia", "Isabella", "Mia", "Evelyn", "Harper", "Camila", "Gianna", "Luna", "Aria", "Layla", "Nora", "Scarlett", "Aurora", "Naomi", "Eleanor"];
-const NEUTRAL = ["Alex", "Jordan", "Taylor", "Morgan", "Casey", "Riley", "Avery", "Quinn", "Reese", "Rowan", "Parker", "Skyler", "Sawyer", "River", "Emerson", "Arden", "Kai", "Phoenix", "Robin", "Sage", "Ellis", "Blake", "Drew", "Cameron", "Hayden", "Jude", "Micah", "Nico", "Remi", "Sasha"];
-const LAST = ["Smith", "Johnson", "Williams", "Brown", "Jones", "Garcia", "Miller", "Davis", "Rodriguez", "Martinez", "Hernandez", "Lopez", "Gonzalez", "Wilson", "Anderson", "Thomas", "Taylor", "Moore", "Jackson", "Martin", "Lee", "Perez", "Thompson", "White", "Harris", "Sanchez", "Clark", "Ramirez", "Lewis", "Robinson", "Walker", "Young", "Allen", "King", "Wright", "Scott"];
-const DOMAINS = ["example.com", "mail.test", "inbox.dev", "sample.org", "fake.net", "demo.io", "testmail.co", "webmail.com", "u-mail.com", "domain.xyz", "bmail.net", "post.org", "hmmail.io", "dummy.dev", "quick.com"];
-const COUNTRIES = ["Germany", "France", "Spain", "Italy", "United States", "Japan", "Brazil", "Canada", "Australia", "India", "Mexico", "Sweden", "Netherlands", "Singapore", "China"];
-const CITIES = ["Berlin", "Paris", "Madrid", "Rome", "Tokyo", "Seoul", "Toronto", "Sydney", "Mumbai", "Mexico City", "Stockholm", "Amsterdam", "Singapore", "Shanghai", "São Paulo", "Lagos", "Cairo", "Chicago", "Lyon", "Osaka"];
+const MALE = [
+  "James",
+  "John",
+  "Robert",
+  "Michael",
+  "William",
+  "David",
+  "Richard",
+  "Joseph",
+  "Thomas",
+  "Charles",
+  "Liam",
+  "Noah",
+  "Oliver",
+  "Elijah",
+  "Lucas",
+  "Mason",
+  "Logan",
+  "Alexander",
+  "Ethan",
+  "Daniel",
+  "Jacob",
+  "Henry",
+  "Jack",
+  "Owen",
+  "Finn",
+  "Elias",
+  "Oscar",
+  "Mateo",
+  "Arthur",
+  "Felix",
+];
+const FEMALE = [
+  "Mary",
+  "Patricia",
+  "Jennifer",
+  "Linda",
+  "Elizabeth",
+  "Barbara",
+  "Susan",
+  "Jessica",
+  "Sarah",
+  "Karen",
+  "Olivia",
+  "Emma",
+  "Ava",
+  "Charlotte",
+  "Sophia",
+  "Amelia",
+  "Isabella",
+  "Mia",
+  "Evelyn",
+  "Harper",
+  "Camila",
+  "Gianna",
+  "Luna",
+  "Aria",
+  "Layla",
+  "Nora",
+  "Scarlett",
+  "Aurora",
+  "Naomi",
+  "Eleanor",
+];
+const NEUTRAL = [
+  "Alex",
+  "Jordan",
+  "Taylor",
+  "Morgan",
+  "Casey",
+  "Riley",
+  "Avery",
+  "Quinn",
+  "Reese",
+  "Rowan",
+  "Parker",
+  "Skyler",
+  "Sawyer",
+  "River",
+  "Emerson",
+  "Arden",
+  "Kai",
+  "Phoenix",
+  "Robin",
+  "Sage",
+  "Ellis",
+  "Blake",
+  "Drew",
+  "Cameron",
+  "Hayden",
+  "Jude",
+  "Micah",
+  "Nico",
+  "Remi",
+  "Sasha",
+];
+const LAST = [
+  "Smith",
+  "Johnson",
+  "Williams",
+  "Brown",
+  "Jones",
+  "Garcia",
+  "Miller",
+  "Davis",
+  "Rodriguez",
+  "Martinez",
+  "Hernandez",
+  "Lopez",
+  "Gonzalez",
+  "Wilson",
+  "Anderson",
+  "Thomas",
+  "Taylor",
+  "Moore",
+  "Jackson",
+  "Martin",
+  "Lee",
+  "Perez",
+  "Thompson",
+  "White",
+  "Harris",
+  "Sanchez",
+  "Clark",
+  "Ramirez",
+  "Lewis",
+  "Robinson",
+  "Walker",
+  "Young",
+  "Allen",
+  "King",
+  "Wright",
+  "Scott",
+];
+const DOMAINS = [
+  "example.com",
+  "mail.test",
+  "inbox.dev",
+  "sample.org",
+  "fake.net",
+  "demo.io",
+  "testmail.co",
+  "webmail.com",
+  "u-mail.com",
+  "domain.xyz",
+  "bmail.net",
+  "post.org",
+  "hmmail.io",
+  "dummy.dev",
+  "quick.com",
+];
+const COUNTRIES = [
+  "Germany",
+  "France",
+  "Spain",
+  "Italy",
+  "United States",
+  "Japan",
+  "Brazil",
+  "Canada",
+  "Australia",
+  "India",
+  "Mexico",
+  "Sweden",
+  "Netherlands",
+  "Singapore",
+  "China",
+];
+const CITIES = [
+  "Berlin",
+  "Paris",
+  "Madrid",
+  "Rome",
+  "Tokyo",
+  "Seoul",
+  "Toronto",
+  "Sydney",
+  "Mumbai",
+  "Mexico City",
+  "Stockholm",
+  "Amsterdam",
+  "Singapore",
+  "Shanghai",
+  "São Paulo",
+  "Lagos",
+  "Cairo",
+  "Chicago",
+  "Lyon",
+  "Osaka",
+];
 
 function FakeUserGen() {
   const [count, setCount] = useState("10");
   const [country, setCountry] = useState("Any");
   const [gender, setGender] = useState("Any");
   const [seed, setSeed] = useState("");
-  const [users, setUsers] = useState<Array<{ name: string; email: string; country: string; city: string; phone: string }>>([]);
+  const [users, setUsers] = useState<
+    Array<{
+      name: string;
+      email: string;
+      country: string;
+      city: string;
+      phone: string;
+    }>
+  >([]);
 
   const generate = () => {
     const rng = seed !== "" ? mulberry32(Number(seed) || 0) : null;
-    const pick = <T,>(arr: T[]): T => rng ? arr[Math.floor(rng() * arr.length)] : arr[Math.floor(Math.random() * arr.length)];
+    const pick = <T,>(arr: T[]): T =>
+      rng
+        ? arr[Math.floor(rng() * arr.length)]
+        : arr[Math.floor(Math.random() * arr.length)];
     const n = Math.min(100, Math.max(1, Number(count) || 10));
     const generated = Array.from({ length: n }, () => {
       let first: string;
@@ -313,10 +670,14 @@ function FakeUserGen() {
       const last = pick(LAST);
       const c = country === "Any" ? pick(COUNTRIES) : country;
       const city = pick(CITIES);
-      const cc = rng ? String(Math.floor(rng() * 900) + 10) : String(Math.floor(Math.random() * 900) + 10);
+      const cc = rng
+        ? String(Math.floor(rng() * 900) + 10)
+        : String(Math.floor(Math.random() * 900) + 10);
       const phoneDigits = rng
         ? Array.from({ length: 9 }, () => Math.floor(rng() * 10)).join("")
-        : Array.from({ length: 9 }, () => Math.floor(Math.random() * 10)).join("");
+        : Array.from({ length: 9 }, () => Math.floor(Math.random() * 10)).join(
+            "",
+          );
       return {
         name: `${first} ${last}`,
         email: `${first.toLowerCase()}.${last.toLowerCase()}@${pick(DOMAINS)}`,
@@ -328,9 +689,15 @@ function FakeUserGen() {
     setUsers(generated);
   };
 
-  const csv = ["name,email,country,city,phone", ...users.map((u) => `${u.name},${u.email},${u.country},${u.city},${u.phone}`)].join("\n");
+  const csv = [
+    "name,email,country,city,phone",
+    ...users.map(
+      (u) => `${u.name},${u.email},${u.country},${u.city},${u.phone}`,
+    ),
+  ].join("\n");
   const json = JSON.stringify(users, null, 2);
-  const copy = (value: string) => navigator.clipboard?.writeText(value).catch(() => {});
+  const copy = (value: string) =>
+    navigator.clipboard?.writeText(value).catch(() => {});
   const download = () => {
     const blob = new Blob([csv], { type: "text/csv;charset=utf-8" });
     const url = URL.createObjectURL(blob);
@@ -344,12 +711,35 @@ function FakeUserGen() {
   return (
     <div className="grid gap-4">
       <div className="grid gap-4 rounded-2xl border border-border bg-card/60 p-4 sm:grid-cols-2">
-        <Field label="Count"><NumInput min={1} max={100} value={count} onChange={(e) => setCount(e.target.value)} /></Field>
-        <Field label="Country"><SelectInput value={country} onChange={(e) => setCountry(e.target.value)} options={["Any", ...COUNTRIES]} /></Field>
-        <Field label="Name type"><SelectInput value={gender} onChange={(e) => setGender(e.target.value)} options={["Any", "Male", "Female", "Neutral"]} /></Field>
-        <Field label="Seed (optional, for reproducible output)"><TextInput value={seed} onChange={(e) => setSeed(e.target.value)} /></Field>
+        <Field label="Count">
+          <NumInput
+            min={1}
+            max={100}
+            value={count}
+            onChange={(e) => setCount(e.target.value)}
+          />
+        </Field>
+        <Field label="Country">
+          <SelectInput
+            value={country}
+            onChange={(e) => setCountry(e.target.value)}
+            options={["Any", ...COUNTRIES]}
+          />
+        </Field>
+        <Field label="Name type">
+          <SelectInput
+            value={gender}
+            onChange={(e) => setGender(e.target.value)}
+            options={["Any", "Male", "Female", "Neutral"]}
+          />
+        </Field>
+        <Field label="Seed (optional, for reproducible output)">
+          <TextInput value={seed} onChange={(e) => setSeed(e.target.value)} />
+        </Field>
         <div className="flex flex-wrap items-end gap-2">
-          <PrimaryButton onClick={generate}>Generate {users.length ? "more" : "users"}</PrimaryButton>
+          <PrimaryButton onClick={generate}>
+            Generate {users.length ? "more" : "users"}
+          </PrimaryButton>
           {users.length > 0 && (
             <>
               <GhostButton onClick={() => copy(csv)}>Copy CSV</GhostButton>
@@ -375,9 +765,15 @@ function FakeUserGen() {
               {users.map((u, i) => (
                 <tr key={i} className="border-t border-border/60 font-mono">
                   <td className="py-1.5 pr-4 text-foreground">{u.name}</td>
-                  <td className="py-1.5 pr-4 text-muted-foreground">{u.email}</td>
-                  <td className="py-1.5 pr-4 text-muted-foreground">{u.country}</td>
-                  <td className="py-1.5 pr-4 text-muted-foreground">{u.city}</td>
+                  <td className="py-1.5 pr-4 text-muted-foreground">
+                    {u.email}
+                  </td>
+                  <td className="py-1.5 pr-4 text-muted-foreground">
+                    {u.country}
+                  </td>
+                  <td className="py-1.5 pr-4 text-muted-foreground">
+                    {u.city}
+                  </td>
                   <td className="py-1.5 text-muted-foreground">{u.phone}</td>
                 </tr>
               ))}
@@ -391,12 +787,19 @@ function FakeUserGen() {
 
 export default function MiscTools({ tool }: ToolPageProps) {
   switch (tool.slug) {
-    case "list-randomizer": return <ListRandomizer />;
-    case "fake-iban-generator": return <FakeIbanGen />;
-    case "barcode-generator": return <BarcodeGen />;
-    case "unicode-rain": return <UnicodeRain />;
-    case "online-sentence-picker": return <SentencePicker />;
-    case "fake-user-generator": return <FakeUserGen />;
-    default: return null;
+    case "list-randomizer":
+      return <ListRandomizer />;
+    case "fake-iban-generator":
+      return <FakeIbanGen />;
+    case "barcode-generator":
+      return <BarcodeGen />;
+    case "unicode-rain":
+      return <UnicodeRain />;
+    case "online-sentence-picker":
+      return <SentencePicker />;
+    case "fake-user-generator":
+      return <FakeUserGen />;
+    default:
+      return null;
   }
 }
diff --git a/artifacts/personal-tool-console/src/components/tools/password-generator.tsx b/artifacts/personal-tool-console/src/components/tools/password-generator.tsx
index 812758d..c5c7659 100644
--- a/artifacts/personal-tool-console/src/components/tools/password-generator.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/password-generator.tsx
@@ -1,7 +1,14 @@
 import { useEffect, useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
 import { randomPassword, strengthScore } from "@/lib/tools/password";
-import { Field, NumInput, SelectInput, TextInput, OutBox, PrimaryButton } from "@/components/tools/shared/fields";
+import {
+  Field,
+  NumInput,
+  SelectInput,
+  TextInput,
+  OutBox,
+  PrimaryButton,
+} from "@/components/tools/shared/fields";
 import { RefreshCcw } from "lucide-react";
 
 export default function PasswordGeneratorPage({ tool }: ToolPageProps) {
@@ -33,10 +40,19 @@ export default function PasswordGeneratorPage({ tool }: ToolPageProps) {
           </Field>
           <div className="grid gap-3 sm:grid-cols-2">
             <Field label="Length">
-              <NumInput min={6} max={64} value={length} onChange={(e) => setLength(Number(e.target.value))} />
+              <NumInput
+                min={6}
+                max={64}
+                value={length}
+                onChange={(e) => setLength(Number(e.target.value))}
+              />
             </Field>
             <Field label="Mode">
-              <SelectInput options={["weak", "medium", "strong"]} value={mode} onChange={(e) => setMode(e.target.value)} />
+              <SelectInput
+                options={["weak", "medium", "strong"]}
+                value={mode}
+                onChange={(e) => setMode(e.target.value)}
+              />
             </Field>
           </div>
         </div>
@@ -47,7 +63,10 @@ export default function PasswordGeneratorPage({ tool }: ToolPageProps) {
           </div>
           <div className="flex gap-1">
             {Array.from({ length: 6 }, (_, i) => (
-              <div key={i} className={`h-2 flex-1 rounded-full transition ${i < score ? (score >= 4 ? "bg-green-400" : score >= 2 ? "bg-amber-400" : "bg-red-400") : "bg-border"}`} />
+              <div
+                key={i}
+                className={`h-2 flex-1 rounded-full transition ${i < score ? (score >= 4 ? "bg-green-400" : score >= 2 ? "bg-amber-400" : "bg-red-400") : "bg-border"}`}
+              />
             ))}
           </div>
         </div>
@@ -58,14 +77,23 @@ export default function PasswordGeneratorPage({ tool }: ToolPageProps) {
 
       <div className="space-y-4">
         <div className="rounded-2xl border border-border bg-card/60 p-4">
-          <OutBox value={password} className="min-h-28" downloadable filename="password.txt" />
+          <OutBox
+            value={password}
+            className="min-h-28"
+            downloadable
+            filename="password.txt"
+          />
         </div>
         <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
           <Field label="Strength checker" hint="Live-scoring any password">
-            <TextInput value={password} onChange={(e) => setPassword(e.target.value)} placeholder="Type any password…" />
+            <TextInput
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              placeholder="Type any password…"
+            />
           </Field>
         </div>
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/qr-generator.tsx b/artifacts/personal-tool-console/src/components/tools/qr-generator.tsx
index a0759e1..1aba5b5 100644
--- a/artifacts/personal-tool-console/src/components/tools/qr-generator.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/qr-generator.tsx
@@ -1,7 +1,12 @@
 import { useMemo, useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
 import { QRCodeSVG } from "qrcode.react";
-import { Field, SelectInput, TextInput, OutBox } from "@/components/tools/shared/fields";
+import {
+  Field,
+  SelectInput,
+  TextInput,
+  OutBox,
+} from "@/components/tools/shared/fields";
 
 type Kind = "text" | "url" | "wifi" | "vcard";
 
@@ -12,7 +17,10 @@ const KINDS: { value: Kind; label: string }[] = [
   { value: "vcard", label: "vCard" },
 ];
 
-const START: Record<Exclude<Kind, "text">, { a: string; b: string; c: string }> = {
+const START: Record<
+  Exclude<Kind, "text">,
+  { a: string; b: string; c: string }
+> = {
   url: { a: "", b: "", c: "" },
   wifi: { a: "MyNetwork", b: "secret", c: "WPA" },
   vcard: { a: "Jane Doe", b: "+1 555 0100", c: "jane@example.com" },
@@ -53,24 +61,39 @@ export default function QrGeneratorPage({ tool }: ToolPageProps) {
     }
   }, [kind, text, a, b, c]);
 
-  const copyPayload = () => navigator.clipboard?.writeText(payload).catch(() => {});
+  const copyPayload = () =>
+    navigator.clipboard?.writeText(payload).catch(() => {});
 
   return (
     <div className="grid gap-4 lg:grid-cols-2">
       <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
         <Field label="Type">
-          <SelectInput options={KINDS.map((k) => k.label)} value={KINDS.find((k) => k.value === kind)!.label} onChange={(e) => switchKind(KINDS.find((k) => k.label === e.target.value)!.value)} />
+          <SelectInput
+            options={KINDS.map((k) => k.label)}
+            value={KINDS.find((k) => k.value === kind)!.label}
+            onChange={(e) =>
+              switchKind(KINDS.find((k) => k.label === e.target.value)!.value)
+            }
+          />
         </Field>
 
         {kind === "text" && (
           <Field label="Text">
-            <TextInput value={text} onChange={(e) => setText(e.target.value)} placeholder="Whatever you want to encode…" />
+            <TextInput
+              value={text}
+              onChange={(e) => setText(e.target.value)}
+              placeholder="Whatever you want to encode…"
+            />
           </Field>
         )}
 
         {kind === "url" && (
           <Field label="URL" hint="http:// prefix added automatically">
-            <TextInput value={a} onChange={(e) => setA(e.target.value)} placeholder="example.com" />
+            <TextInput
+              value={a}
+              onChange={(e) => setA(e.target.value)}
+              placeholder="example.com"
+            />
           </Field>
         )}
 
@@ -83,7 +106,11 @@ export default function QrGeneratorPage({ tool }: ToolPageProps) {
               <TextInput value={b} onChange={(e) => setB(e.target.value)} />
             </Field>
             <Field label="Security">
-              <SelectInput options={["WPA", "WEP", "nopass"]} value={c} onChange={(e) => setC(e.target.value)} />
+              <SelectInput
+                options={["WPA", "WEP", "nopass"]}
+                value={c}
+                onChange={(e) => setC(e.target.value)}
+              />
             </Field>
           </>
         )}
@@ -103,26 +130,55 @@ export default function QrGeneratorPage({ tool }: ToolPageProps) {
         )}
 
         <Field label={`Size: ${size}px`}>
-          <input type="range" min={128} max={512} step={8} value={size} onChange={(e) => setSize(Number(e.target.value))} className="w-full accent-cyan-400" />
+          <input
+            type="range"
+            min={128}
+            max={512}
+            step={8}
+            value={size}
+            onChange={(e) => setSize(Number(e.target.value))}
+            className="w-full accent-cyan-400"
+          />
         </Field>
         <div className="grid grid-cols-2 gap-3">
           <Field label="Foreground">
-            <input type="color" value={fg} onChange={(e) => setFg(e.target.value)} className="h-10 w-full cursor-pointer rounded-xl border border-border bg-background/80" />
+            <input
+              type="color"
+              value={fg}
+              onChange={(e) => setFg(e.target.value)}
+              className="h-10 w-full cursor-pointer rounded-xl border border-border bg-background/80"
+            />
           </Field>
           <Field label="Background">
-            <input type="color" value={bg} onChange={(e) => setBg(e.target.value)} className="h-10 w-full cursor-pointer rounded-xl border border-border bg-background/80" />
+            <input
+              type="color"
+              value={bg}
+              onChange={(e) => setBg(e.target.value)}
+              className="h-10 w-full cursor-pointer rounded-xl border border-border bg-background/80"
+            />
           </Field>
         </div>
       </div>
 
       <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
         <div className="flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed border-border bg-white p-6">
-          <QRCodeSVG value={payload} size={size} bgColor={bg} fgColor={fg} level="M" />
+          <QRCodeSVG
+            value={payload}
+            size={size}
+            bgColor={bg}
+            fgColor={fg}
+            level="M"
+          />
         </div>
         <div className="space-y-1.5">
           <div className="flex items-center justify-between">
-            <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Encoded payload</span>
-            <button onClick={copyPayload} className="text-xs text-cyan-400 transition hover:text-cyan-300">
+            <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+              Encoded payload
+            </span>
+            <button
+              onClick={copyPayload}
+              className="text-xs text-cyan-400 transition hover:text-cyan-300"
+            >
               Copy
             </button>
           </div>
@@ -131,4 +187,4 @@ export default function QrGeneratorPage({ tool }: ToolPageProps) {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/rn-shadow.tsx b/artifacts/personal-tool-console/src/components/tools/rn-shadow.tsx
index 3ce992e..219e842 100644
--- a/artifacts/personal-tool-console/src/components/tools/rn-shadow.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/rn-shadow.tsx
@@ -1,7 +1,13 @@
 import { useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
 import { rnShadowStyle } from "@/lib/tools/coding";
-import { Field, NumInput, TextInput, OutBox, Chip } from "@/components/tools/shared/fields";
+import {
+  Field,
+  NumInput,
+  TextInput,
+  OutBox,
+  Chip,
+} from "@/components/tools/shared/fields";
 
 const PRESETS = [1, 2, 3, 4, 5];
 
@@ -12,7 +18,13 @@ export default function RnShadow({ tool }: ToolPageProps) {
   const [androidElevation, setAndroidElevation] = useState(4);
   const [spread, setSpread] = useState(0);
 
-  const style = rnShadowStyle({ depth, color, iosOpacity, androidElevation, spread });
+  const style = rnShadowStyle({
+    depth,
+    color,
+    iosOpacity,
+    androidElevation,
+    spread,
+  });
 
   const loadPreset = (d: number) => {
     setDepth(d);
@@ -36,17 +48,54 @@ export default function RnShadow({ tool }: ToolPageProps) {
       </div>
 
       <div className="grid gap-3 sm:grid-cols-2">
-        <Field label="Depth"><NumInput value={depth} min={1} max={20} onChange={(e) => setDepth(Number(e.target.value) || 1)} /></Field>
-        <Field label="Color"><TextInput type="color" value={color} onChange={(e) => setColor(e.target.value)} /></Field>
-        <Field label="iOS shadowOpacity (0–1)"><NumInput value={iosOpacity} min={0} max={1} step={0.05} onChange={(e) => setIosOpacity(Number(e.target.value) || 0)} /></Field>
-        <Field label="Android elevation"><NumInput value={androidElevation} min={0} max={50} onChange={(e) => setAndroidElevation(Number(e.target.value) || 0)} /></Field>
-        <Field label="Spread (optional)"><NumInput value={spread} min={0} max={50} onChange={(e) => setSpread(Number(e.target.value) || 0)} /></Field>
+        <Field label="Depth">
+          <NumInput
+            value={depth}
+            min={1}
+            max={20}
+            onChange={(e) => setDepth(Number(e.target.value) || 1)}
+          />
+        </Field>
+        <Field label="Color">
+          <TextInput
+            type="color"
+            value={color}
+            onChange={(e) => setColor(e.target.value)}
+          />
+        </Field>
+        <Field label="iOS shadowOpacity (0–1)">
+          <NumInput
+            value={iosOpacity}
+            min={0}
+            max={1}
+            step={0.05}
+            onChange={(e) => setIosOpacity(Number(e.target.value) || 0)}
+          />
+        </Field>
+        <Field label="Android elevation">
+          <NumInput
+            value={androidElevation}
+            min={0}
+            max={50}
+            onChange={(e) => setAndroidElevation(Number(e.target.value) || 0)}
+          />
+        </Field>
+        <Field label="Spread (optional)">
+          <NumInput
+            value={spread}
+            min={0}
+            max={50}
+            onChange={(e) => setSpread(Number(e.target.value) || 0)}
+          />
+        </Field>
       </div>
 
       <OutBox value={style} mono filename="shadow-style.js" />
 
       <div className="rounded-2xl border border-border bg-card/60 p-4">
-        <p className="mb-3 text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Depth previews</p>
+        <p className="mb-3 text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+          Depth previews
+        </p>
         <div className="grid gap-3 sm:grid-cols-2 md:grid-cols-5">
           {PRESETS.map((d) => (
             <button
@@ -54,7 +103,12 @@ export default function RnShadow({ tool }: ToolPageProps) {
               onClick={() => loadPreset(d)}
               className={`flex flex-col items-center rounded-xl border p-4 transition ${depth === d ? "border-ring/60 bg-ring/10" : "border-border bg-background/60 hover:border-ring/40"}`}
             >
-              <div className={`h-10 w-10 rounded-lg bg-card`} style={{ boxShadow: `0 ${d}px ${d * 2 + 2}px rgba(0,0,0,${0.1 + d * 0.06})` }} />
+              <div
+                className={`h-10 w-10 rounded-lg bg-card`}
+                style={{
+                  boxShadow: `0 ${d}px ${d * 2 + 2}px rgba(0,0,0,${0.1 + d * 0.06})`,
+                }}
+              />
               <span className="mt-2 text-xs text-muted-foreground">{d}</span>
             </button>
           ))}
diff --git a/artifacts/personal-tool-console/src/components/tools/set/set-tools.tsx b/artifacts/personal-tool-console/src/components/tools/set/set-tools.tsx
index e89de44..11d1d35 100644
--- a/artifacts/personal-tool-console/src/components/tools/set/set-tools.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/set/set-tools.tsx
@@ -9,7 +9,12 @@ import {
   setMembership,
   setDedupe,
 } from "@/lib/tools/set";
-import { Field, TextArea, OutBox, Chip } from "@/components/tools/shared/fields";
+import {
+  Field,
+  TextArea,
+  OutBox,
+  Chip,
+} from "@/components/tools/shared/fields";
 
 const OPS: Record<string, (a: string[], b: string[]) => string[]> = {
   "set-union": setUnion,
@@ -36,19 +41,37 @@ function TwoListPanel({ slug }: { slug: string }) {
     <div className="grid gap-4">
       <div className="grid gap-4 sm:grid-cols-2">
         <Field label="Set A — one item per line">
-          <TextArea value={aText} onChange={(e) => setAText(e.target.value)} spellCheck={false} placeholder={"apple\nbanana\ncherry"} />
+          <TextArea
+            value={aText}
+            onChange={(e) => setAText(e.target.value)}
+            spellCheck={false}
+            placeholder={"apple\nbanana\ncherry"}
+          />
         </Field>
         <Field label="Set B — one item per line">
-          <TextArea value={bText} onChange={(e) => setBText(e.target.value)} spellCheck={false} placeholder={"banana\ncherry\ndate"} />
+          <TextArea
+            value={bText}
+            onChange={(e) => setBText(e.target.value)}
+            spellCheck={false}
+            placeholder={"banana\ncherry\ndate"}
+          />
         </Field>
       </div>
       <div className="flex flex-wrap items-center gap-2 text-sm">
         <Chip color="bg-ring/15 text-ring">sorted alphabetically</Chip>
-        <span className="text-muted-foreground">{a.length} × {b.length} items</span>
+        <span className="text-muted-foreground">
+          {a.length} × {b.length} items
+        </span>
       </div>
-      {result.error ? <p className="text-red-400 text-sm">{result.error}</p> : null}
+      {result.error ? (
+        <p className="text-red-400 text-sm">{result.error}</p>
+      ) : null}
       {!result.error && (
-        <OutBox value={result.values.length ? result.values.join("\n") : "(empty result)"} />
+        <OutBox
+          value={
+            result.values.length ? result.values.join("\n") : "(empty result)"
+          }
+        />
       )}
     </div>
   );
@@ -65,23 +88,42 @@ function MembershipPanel() {
     <div className="grid gap-4">
       <div className="grid gap-4 sm:grid-cols-2">
         <Field label="Items to test — one per line">
-          <TextArea value={itemsText} onChange={(e) => setItemsText(e.target.value)} spellCheck={false} placeholder={"apple\npear\nkiwi"} />
+          <TextArea
+            value={itemsText}
+            onChange={(e) => setItemsText(e.target.value)}
+            spellCheck={false}
+            placeholder={"apple\npear\nkiwi"}
+          />
         </Field>
         <Field label="Membership set — one per line">
-          <TextArea value={setText} onChange={(e) => setSetText(e.target.value)} spellCheck={false} placeholder={"apple\nbanana\ncherry"} />
+          <TextArea
+            value={setText}
+            onChange={(e) => setSetText(e.target.value)}
+            spellCheck={false}
+            placeholder={"apple\nbanana\ncherry"}
+          />
         </Field>
       </div>
       <div className="flex flex-wrap items-center gap-2 text-sm">
         <Chip color="bg-green-500/15 text-green-400">{present} present</Chip>
-        <Chip color="bg-red-500/15 text-red-400">{items.length - present} absent</Chip>
+        <Chip color="bg-red-500/15 text-red-400">
+          {items.length - present} absent
+        </Chip>
       </div>
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-1.5">
-          {items.length === 0 && <p className="text-sm text-muted-foreground">Type items in the left panel…</p>}
+          {items.length === 0 && (
+            <p className="text-sm text-muted-foreground">
+              Type items in the left panel…
+            </p>
+          )}
           {items.map((item) => {
             const isIn = setMembership(item, pool);
             return (
-              <div key={item} className="flex items-center justify-between gap-2 rounded-lg px-2 py-1 text-sm odd:bg-background/40">
+              <div
+                key={item}
+                className="flex items-center justify-between gap-2 rounded-lg px-2 py-1 text-sm odd:bg-background/40"
+              >
                 <span className="font-mono text-foreground">{item}</span>
                 <span className={isIn ? "text-green-400" : "text-red-400"}>
                   {isIn ? "✓ present" : "✗ absent"}
@@ -103,11 +145,18 @@ function DedupePanel() {
   return (
     <div className="grid gap-4">
       <Field label="Items — one per line (duplicates will be removed)">
-        <TextArea value={text} onChange={(e) => setText(e.target.value)} spellCheck={false} placeholder={"apple\napple\nbanana\npear\nbanana"} />
+        <TextArea
+          value={text}
+          onChange={(e) => setText(e.target.value)}
+          spellCheck={false}
+          placeholder={"apple\napple\nbanana\npear\nbanana"}
+        />
       </Field>
       <div className="flex flex-wrap items-center gap-2 text-sm">
         <Chip color="bg-ring/15 text-ring">sorted &amp; deduplicated</Chip>
-        <span className="text-muted-foreground">{items.length} → {out.length} items</span>
+        <span className="text-muted-foreground">
+          {items.length} → {out.length} items
+        </span>
       </div>
       <OutBox value={out.length ? out.join("\n") : "(empty)"} />
     </div>
@@ -128,4 +177,4 @@ export default function SetTools({ tool }: ToolPageProps) {
     default:
       return null;
   }
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/shared/coming-soon.tsx b/artifacts/personal-tool-console/src/components/tools/shared/coming-soon.tsx
index 6fe64da..20a635b 100644
--- a/artifacts/personal-tool-console/src/components/tools/shared/coming-soon.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/shared/coming-soon.tsx
@@ -10,9 +10,12 @@ export default function ComingSoon({ tool }: ToolPageProps) {
         </div>
         <h3 className="mt-4 text-base font-semibold">Coming soon</h3>
         <p className="mx-auto mt-1 max-w-xs text-sm text-muted-foreground">
-          <span className="font-medium text-foreground">{tool.name}</span> is on the roadmap and will be available in a future release.
+          <span className="font-medium text-foreground">{tool.name}</span> is on
+          the roadmap and will be available in a future release.
+        </p>
+        <p className="mx-auto mt-3 max-w-xs text-xs text-muted-foreground/70">
+          {tool.description}
         </p>
-        <p className="mx-auto mt-3 max-w-xs text-xs text-muted-foreground/70">{tool.description}</p>
       </div>
 
       <div className="rounded-2xl border border-border bg-card/60 p-6">
@@ -21,9 +24,10 @@ export default function ComingSoon({ tool }: ToolPageProps) {
           While you wait
         </div>
         <p className="mt-2 text-sm text-muted-foreground">
-          Try another tool in the same category, or head back to the catalog to explore the rest of the toolbox.
+          Try another tool in the same category, or head back to the catalog to
+          explore the rest of the toolbox.
         </p>
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/shared/fields.tsx b/artifacts/personal-tool-console/src/components/tools/shared/fields.tsx
index 06a820e..d2a3c9d 100644
--- a/artifacts/personal-tool-console/src/components/tools/shared/fields.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/shared/fields.tsx
@@ -1,12 +1,34 @@
-import { useState, type ButtonHTMLAttributes, type InputHTMLAttributes, type ReactNode, type TextareaHTMLAttributes } from "react";
+import {
+  useState,
+  type ButtonHTMLAttributes,
+  type InputHTMLAttributes,
+  type ReactNode,
+  type TextareaHTMLAttributes,
+} from "react";
 import { Check, Copy, Download } from "lucide-react";
 
-export function Field({ label, hint, children, className = "" }: { label?: string; hint?: string; children: ReactNode; className?: string }) {
+export function Field({
+  label,
+  hint,
+  children,
+  className = "",
+}: {
+  label?: string;
+  hint?: string;
+  children: ReactNode;
+  className?: string;
+}) {
   return (
     <label className={`block space-y-1.5 ${className}`}>
-      {label && <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">{label}</span>}
+      {label && (
+        <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+          {label}
+        </span>
+      )}
       {children}
-      {hint && <span className="block text-xs text-muted-foreground/60">{hint}</span>}
+      {hint && (
+        <span className="block text-xs text-muted-foreground/60">{hint}</span>
+      )}
     </label>
   );
 }
@@ -15,14 +37,26 @@ const inputCls =
   "w-full rounded-xl border border-border bg-background/80 px-3.5 py-2.5 text-sm text-foreground outline-none transition placeholder:text-muted-foreground/50 focus:border-ring focus:ring-2 focus:ring-ring/20";
 
 export function TextInput(props: InputHTMLAttributes<HTMLInputElement>) {
-  return <input {...props} className={`${inputCls} ${props.className ?? ""}`} />;
+  return (
+    <input {...props} className={`${inputCls} ${props.className ?? ""}`} />
+  );
 }
 
 export function NumInput(props: InputHTMLAttributes<HTMLInputElement>) {
-  return <input type="number" {...props} className={`${inputCls} ${props.className ?? ""}`} />;
+  return (
+    <input
+      type="number"
+      {...props}
+      className={`${inputCls} ${props.className ?? ""}`}
+    />
+  );
 }
 
-export function SelectInput({ options, className = "", ...rest }: { options: string[] } & InputHTMLAttributes<HTMLSelectElement>) {
+export function SelectInput({
+  options,
+  className = "",
+  ...rest
+}: { options: string[] } & InputHTMLAttributes<HTMLSelectElement>) {
   return (
     <select {...rest} className={`${inputCls} appearance-none ${className}`}>
       {options.map((o) => (
@@ -34,7 +68,17 @@ export function SelectInput({ options, className = "", ...rest }: { options: str
   );
 }
 
-export function ToggleInput({ label, checked, onChange, disabled }: { label: string; checked: boolean; onChange: (v: boolean) => void; disabled?: boolean }) {
+export function ToggleInput({
+  label,
+  checked,
+  onChange,
+  disabled,
+}: {
+  label: string;
+  checked: boolean;
+  onChange: (v: boolean) => void;
+  disabled?: boolean;
+}) {
   return (
     <button
       type="button"
@@ -43,25 +87,48 @@ export function ToggleInput({ label, checked, onChange, disabled }: { label: str
       className={`flex w-full items-center justify-between rounded-xl border px-3.5 py-2.5 text-sm transition ${checked ? "border-ring/60 bg-ring/10 text-foreground" : "border-border bg-background/80 text-muted-foreground"} disabled:opacity-50`}
     >
       <span>{label}</span>
-      <span className={`relative inline-flex h-5 w-9 shrink-0 items-center rounded-full transition ${checked ? "bg-foreground" : "bg-border"}`}>
-        <span className={`inline-block h-3.5 w-3.5 transform rounded-full bg-background shadow transition ${checked ? "translate-x-4.5" : "translate-x-1"}`} />
+      <span
+        className={`relative inline-flex h-5 w-9 shrink-0 items-center rounded-full transition ${checked ? "bg-foreground" : "bg-border"}`}
+      >
+        <span
+          className={`inline-block h-3.5 w-3.5 transform rounded-full bg-background shadow transition ${checked ? "translate-x-4.5" : "translate-x-1"}`}
+        />
       </span>
     </button>
   );
 }
 
 export function TextArea(props: TextareaHTMLAttributes<HTMLTextAreaElement>) {
-  return <textarea {...props} className={`${inputCls} min-h-28 resize-y leading-relaxed ${props.className ?? ""}`} />;
+  return (
+    <textarea
+      {...props}
+      className={`${inputCls} min-h-28 resize-y leading-relaxed ${props.className ?? ""}`}
+    />
+  );
 }
 
-export function OutBox({ value, className = "", mono = true, downloadable, filename }: { value: string; className?: string; mono?: boolean; downloadable?: boolean; filename?: string }) {
+export function OutBox({
+  value,
+  className = "",
+  mono = true,
+  downloadable,
+  filename,
+}: {
+  value: string;
+  className?: string;
+  mono?: boolean;
+  downloadable?: boolean;
+  filename?: string;
+}) {
   const [copied, setCopied] = useState(false);
   const copy = async () => {
     try {
       await navigator.clipboard.writeText(value);
       setCopied(true);
       setTimeout(() => setCopied(false), 1200);
-    } catch { /* ignore */ }
+    } catch {
+      /* ignore */
+    }
   };
   const download = () => {
     const blob = new Blob([value], { type: "text/plain;charset=utf-8" });
@@ -73,38 +140,82 @@ export function OutBox({ value, className = "", mono = true, downloadable, filen
     URL.revokeObjectURL(url);
   };
   return (
-    <div className={`relative rounded-xl border border-border bg-black/40 ${className}`}>
+    <div
+      className={`relative rounded-xl border border-border bg-black/40 ${className}`}
+    >
       <div className="absolute right-2.5 top-2.5 z-10 flex gap-1.5">
         {downloadable && (
-          <button onClick={download} title="Download" className="rounded-lg border border-border bg-background/80 p-1.5 text-muted-foreground transition hover:text-foreground">
+          <button
+            onClick={download}
+            title="Download"
+            className="rounded-lg border border-border bg-background/80 p-1.5 text-muted-foreground transition hover:text-foreground"
+          >
             <Download className="h-3.5 w-3.5" />
           </button>
         )}
-        <button onClick={copy} title="Copy" className="rounded-lg border border-border bg-background/80 p-1.5 text-muted-foreground transition hover:text-foreground">
-          {copied ? <Check className="h-3.5 w-3.5 text-green-500" /> : <Copy className="h-3.5 w-3.5" />}
+        <button
+          onClick={copy}
+          title="Copy"
+          className="rounded-lg border border-border bg-background/80 p-1.5 text-muted-foreground transition hover:text-foreground"
+        >
+          {copied ? (
+            <Check className="h-3.5 w-3.5 text-green-500" />
+          ) : (
+            <Copy className="h-3.5 w-3.5" />
+          )}
         </button>
       </div>
-      <pre className={`max-h-[420px] overflow-auto whitespace-pre-wrap break-words px-4 py-3 pr-24 text-sm leading-relaxed text-foreground ${mono ? "font-mono" : "font-sans"}`}>{value}</pre>
+      <pre
+        className={`max-h-[420px] overflow-auto whitespace-pre-wrap break-words px-4 py-3 pr-24 text-sm leading-relaxed text-foreground ${mono ? "font-mono" : "font-sans"}`}
+      >
+        {value}
+      </pre>
     </div>
   );
 }
 
-export function PrimaryButton({ children, className = "", ...rest }: ButtonHTMLAttributes<HTMLButtonElement>) {
+export function PrimaryButton({
+  children,
+  className = "",
+  ...rest
+}: ButtonHTMLAttributes<HTMLButtonElement>) {
   return (
-    <button {...rest} className={`inline-flex items-center justify-center gap-2 rounded-xl bg-primary px-4 py-2.5 text-sm font-medium text-primary-foreground transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50 ${className}`}>
+    <button
+      {...rest}
+      className={`inline-flex items-center justify-center gap-2 rounded-xl bg-primary px-4 py-2.5 text-sm font-medium text-primary-foreground transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50 ${className}`}
+    >
       {children}
     </button>
   );
 }
 
-export function GhostButton({ children, className = "", ...rest }: ButtonHTMLAttributes<HTMLButtonElement>) {
+export function GhostButton({
+  children,
+  className = "",
+  ...rest
+}: ButtonHTMLAttributes<HTMLButtonElement>) {
   return (
-    <button {...rest} className={`inline-flex items-center justify-center gap-2 rounded-xl border border-border bg-background/60 px-4 py-2.5 text-sm text-foreground transition hover:bg-accent disabled:opacity-50 ${className}`}>
+    <button
+      {...rest}
+      className={`inline-flex items-center justify-center gap-2 rounded-xl border border-border bg-background/60 px-4 py-2.5 text-sm text-foreground transition hover:bg-accent disabled:opacity-50 ${className}`}
+    >
       {children}
     </button>
   );
 }
 
-export function Chip({ children, color = "bg-border/60 text-muted-foreground" }: { children: ReactNode; color?: string }) {
-  return <span className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${color}`}>{children}</span>;
-}
\ No newline at end of file
+export function Chip({
+  children,
+  color = "bg-border/60 text-muted-foreground",
+}: {
+  children: ReactNode;
+  color?: string;
+}) {
+  return (
+    <span
+      className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${color}`}
+    >
+      {children}
+    </span>
+  );
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/social/social-tools.tsx b/artifacts/personal-tool-console/src/components/tools/social/social-tools.tsx
index 50e5988..75ebd63 100644
--- a/artifacts/personal-tool-console/src/components/tools/social/social-tools.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/social/social-tools.tsx
@@ -1,6 +1,17 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
-import { Field, TextInput, NumInput, SelectInput, TextArea, ToggleInput, OutBox, PrimaryButton, GhostButton, Chip } from "@/components/tools/shared/fields";
+import {
+  Field,
+  TextInput,
+  NumInput,
+  SelectInput,
+  TextArea,
+  ToggleInput,
+  OutBox,
+  PrimaryButton,
+  GhostButton,
+  Chip,
+} from "@/components/tools/shared/fields";
 
 function triggerDownload(dataUrl: string, filename: string) {
   const a = document.createElement("a");
@@ -10,15 +21,25 @@ function triggerDownload(dataUrl: string, filename: string) {
 }
 
 function copyText(text: string) {
-  try { navigator.clipboard.writeText(text); } catch { /* ignore */ }
+  try {
+    navigator.clipboard.writeText(text);
+  } catch {
+    /* ignore */
+  }
 }
 
 async function readFileAsImage(file: File): Promise<HTMLImageElement> {
   return new Promise((resolve, reject) => {
     const url = URL.createObjectURL(file);
     const img = new Image();
-    img.onload = () => { URL.revokeObjectURL(url); resolve(img); };
-    img.onerror = () => { URL.revokeObjectURL(url); reject(new Error("Could not read image file")); };
+    img.onload = () => {
+      URL.revokeObjectURL(url);
+      resolve(img);
+    };
+    img.onerror = () => {
+      URL.revokeObjectURL(url);
+      reject(new Error("Could not read image file"));
+    };
     img.src = url;
   });
 }
@@ -26,12 +47,28 @@ async function readFileAsImage(file: File): Promise<HTMLImageElement> {
 function copyRow({ value, fallback }: { value: string; fallback?: string }) {
   const [copied, setCopied] = useState(false);
   const doCopy = async () => {
-    try { await navigator.clipboard.writeText(value); setCopied(true); setTimeout(() => setCopied(false), 1200); } catch { /* ignore */ }
+    try {
+      await navigator.clipboard.writeText(value);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1200);
+    } catch {
+      /* ignore */
+    }
   };
   return (
     <div className="flex items-start gap-2 rounded-xl border border-border bg-black/40 p-3">
-      <div className="min-w-0 flex-1 whitespace-pre-wrap break-words text-sm text-foreground" style={fallback ? { minHeight: 20 } : undefined}>{value}</div>
-      <button onClick={doCopy} className="shrink-0 rounded-lg border border-border bg-background/80 px-2.5 py-1.5 text-xs text-muted-foreground transition hover:text-foreground">{copied ? "Copied" : "Copy"}</button>
+      <div
+        className="min-w-0 flex-1 whitespace-pre-wrap break-words text-sm text-foreground"
+        style={fallback ? { minHeight: 20 } : undefined}
+      >
+        {value}
+      </div>
+      <button
+        onClick={doCopy}
+        className="shrink-0 rounded-lg border border-border bg-background/80 px-2.5 py-1.5 text-xs text-muted-foreground transition hover:text-foreground"
+      >
+        {copied ? "Copied" : "Copy"}
+      </button>
     </div>
   );
 }
@@ -47,14 +84,21 @@ function OgMetaGenerator() {
   const meta = useMemo(() => {
     const lines: string[] = [];
     if (title) lines.push(`<meta property="og:title" content="${title}" />`);
-    if (description) lines.push(`<meta property="og:description" content="${description}" />`);
+    if (description)
+      lines.push(`<meta property="og:description" content="${description}" />`);
     if (url) lines.push(`<meta property="og:url" content="${url}" />`);
     if (image) lines.push(`<meta property="og:image" content="${image}" />`);
     lines.push(`<meta property="og:type" content="${type}" />`);
-    if (siteName) lines.push(`<meta property="og:site_name" content="${siteName}" />`);
-    const twitter: string[] = [`<meta name="twitter:card" content="summary_large_image" />`];
+    if (siteName)
+      lines.push(`<meta property="og:site_name" content="${siteName}" />`);
+    const twitter: string[] = [
+      `<meta name="twitter:card" content="summary_large_image" />`,
+    ];
     if (title) twitter.push(`<meta name="twitter:title" content="${title}" />`);
-    if (description) twitter.push(`<meta name="twitter:description" content="${description}" />`);
+    if (description)
+      twitter.push(
+        `<meta name="twitter:description" content="${description}" />`,
+      );
     if (image) twitter.push(`<meta name="twitter:image" content="${image}" />`);
     return [...lines, "", ...twitter].join("\n");
   }, [url, title, description, image, type, siteName]);
@@ -63,13 +107,49 @@ function OgMetaGenerator() {
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-4">
-          <Field label="URL"><TextInput value={url} onChange={(e) => setUrl(e.target.value)} placeholder="https://example.com/page" /></Field>
-          <Field label="Title" hint={`${title.length}/60 characters`}><TextInput value={title} onChange={(e) => setTitle(e.target.value.slice(0, 60))} /></Field>
-          <Field label="Description" hint={`${description.length}/155 characters`}><TextArea value={description} onChange={(e) => setDescription(e.target.value.slice(0, 155))} /></Field>
-          <Field label="Image URL"><TextInput value={image} onChange={(e) => setImage(e.target.value)} placeholder="https://example.com/og.png" /></Field>
+          <Field label="URL">
+            <TextInput
+              value={url}
+              onChange={(e) => setUrl(e.target.value)}
+              placeholder="https://example.com/page"
+            />
+          </Field>
+          <Field label="Title" hint={`${title.length}/60 characters`}>
+            <TextInput
+              value={title}
+              onChange={(e) => setTitle(e.target.value.slice(0, 60))}
+            />
+          </Field>
+          <Field
+            label="Description"
+            hint={`${description.length}/155 characters`}
+          >
+            <TextArea
+              value={description}
+              onChange={(e) => setDescription(e.target.value.slice(0, 155))}
+            />
+          </Field>
+          <Field label="Image URL">
+            <TextInput
+              value={image}
+              onChange={(e) => setImage(e.target.value)}
+              placeholder="https://example.com/og.png"
+            />
+          </Field>
           <div className="grid gap-4 sm:grid-cols-2">
-            <Field label="Type"><SelectInput value={type} onChange={(e) => setType(e.target.value)} options={["website", "article"]} /></Field>
-            <Field label="Site name"><TextInput value={siteName} onChange={(e) => setSiteName(e.target.value)} /></Field>
+            <Field label="Type">
+              <SelectInput
+                value={type}
+                onChange={(e) => setType(e.target.value)}
+                options={["website", "article"]}
+              />
+            </Field>
+            <Field label="Site name">
+              <TextInput
+                value={siteName}
+                onChange={(e) => setSiteName(e.target.value)}
+              />
+            </Field>
           </div>
         </div>
       </div>
@@ -78,11 +158,23 @@ function OgMetaGenerator() {
           <div>
             <p className="mb-2 text-xs text-muted-foreground">Preview</p>
             <div className="max-w-sm overflow-hidden rounded-2xl border border-border bg-black/40">
-              {image && <img src={image} alt="og" className="aspect-[1.91/1] w-full object-cover" />}
+              {image && (
+                <img
+                  src={image}
+                  alt="og"
+                  className="aspect-[1.91/1] w-full object-cover"
+                />
+              )}
               <div className="p-3">
-                <p className="truncate text-xs text-muted-foreground">{url.replace(/^https?:\/\//, "")}</p>
-                <p className="mt-1 truncate text-base font-semibold text-foreground">{title || "Title preview"}</p>
-                <p className="mt-1 line-clamp-2 text-sm text-muted-foreground">{description || "Description preview"}</p>
+                <p className="truncate text-xs text-muted-foreground">
+                  {url.replace(/^https?:\/\//, "")}
+                </p>
+                <p className="mt-1 truncate text-base font-semibold text-foreground">
+                  {title || "Title preview"}
+                </p>
+                <p className="mt-1 line-clamp-2 text-sm text-muted-foreground">
+                  {description || "Description preview"}
+                </p>
               </div>
             </div>
           </div>
@@ -104,27 +196,67 @@ function CustomTwitterCard() {
   const [description, setDescription] = useState("");
   const [image, setImage] = useState("");
 
-  const meta = useMemo(() => [
-    `<meta name="twitter:card" content="${card}" />`,
-    site && `<meta name="twitter:site" content="${site}" />`,
-    creator && `<meta name="twitter:creator" content="${creator}" />`,
-    title && `<meta name="twitter:title" content="${title}" />`,
-    description && `<meta name="twitter:description" content="${description}" />`,
-    image && `<meta name="twitter:image" content="${image}" />`,
-  ].filter(Boolean).join("\n"), [card, site, creator, title, description, image]);
+  const meta = useMemo(
+    () =>
+      [
+        `<meta name="twitter:card" content="${card}" />`,
+        site && `<meta name="twitter:site" content="${site}" />`,
+        creator && `<meta name="twitter:creator" content="${creator}" />`,
+        title && `<meta name="twitter:title" content="${title}" />`,
+        description &&
+          `<meta name="twitter:description" content="${description}" />`,
+        image && `<meta name="twitter:image" content="${image}" />`,
+      ]
+        .filter(Boolean)
+        .join("\n"),
+    [card, site, creator, title, description, image],
+  );
 
   return (
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-4">
           <div className="grid gap-4 sm:grid-cols-3">
-            <Field label="Card type"><SelectInput value={card} onChange={(e) => setCard(e.target.value)} options={["summary", "summary_large_image"]} /></Field>
-            <Field label="@site"><TextInput value={site} onChange={(e) => setSite(e.target.value)} placeholder="@handle" /></Field>
-            <Field label="@creator"><TextInput value={creator} onChange={(e) => setCreator(e.target.value)} placeholder="@handle" /></Field>
+            <Field label="Card type">
+              <SelectInput
+                value={card}
+                onChange={(e) => setCard(e.target.value)}
+                options={["summary", "summary_large_image"]}
+              />
+            </Field>
+            <Field label="@site">
+              <TextInput
+                value={site}
+                onChange={(e) => setSite(e.target.value)}
+                placeholder="@handle"
+              />
+            </Field>
+            <Field label="@creator">
+              <TextInput
+                value={creator}
+                onChange={(e) => setCreator(e.target.value)}
+                placeholder="@handle"
+              />
+            </Field>
           </div>
-          <Field label="Title" hint={`${title.length}/70`}><TextInput value={title} onChange={(e) => setTitle(e.target.value.slice(0, 70))} /></Field>
-          <Field label="Description" hint={`${description.length}/200`}><TextArea value={description} onChange={(e) => setDescription(e.target.value.slice(0, 200))} /></Field>
-          <Field label="Image URL"><TextInput value={image} onChange={(e) => setImage(e.target.value)} /></Field>
+          <Field label="Title" hint={`${title.length}/70`}>
+            <TextInput
+              value={title}
+              onChange={(e) => setTitle(e.target.value.slice(0, 70))}
+            />
+          </Field>
+          <Field label="Description" hint={`${description.length}/200`}>
+            <TextArea
+              value={description}
+              onChange={(e) => setDescription(e.target.value.slice(0, 200))}
+            />
+          </Field>
+          <Field label="Image URL">
+            <TextInput
+              value={image}
+              onChange={(e) => setImage(e.target.value)}
+            />
+          </Field>
         </div>
       </div>
       {(title || image) && (
@@ -132,20 +264,45 @@ function CustomTwitterCard() {
           <div>
             <p className="mb-2 text-xs text-muted-foreground">Preview</p>
             <div className="overflow-hidden rounded-2xl border border-border bg-black/40">
-              {image && (card === "summary_large_image") && <img src={image} alt="card" className="aspect-[2/1] w-full object-cover" />}
+              {image && card === "summary_large_image" && (
+                <img
+                  src={image}
+                  alt="card"
+                  className="aspect-[2/1] w-full object-cover"
+                />
+              )}
               <div className="flex items-start gap-3 p-3">
-                {image && card === "summary" && <img src={image} alt="card" className="h-20 w-20 rounded-xl object-cover" />}
+                {image && card === "summary" && (
+                  <img
+                    src={image}
+                    alt="card"
+                    className="h-20 w-20 rounded-xl object-cover"
+                  />
+                )}
                 <div className="min-w-0">
-                  <p className="text-sm font-semibold text-foreground">{site || "@yourhandle"}</p>
-                  <p className="mt-1 truncate text-base font-semibold text-foreground">{title || "Title preview"}</p>
-                  <p className="mt-1 line-clamp-2 text-sm text-muted-foreground">{description || "Description preview"}</p>
+                  <p className="text-sm font-semibold text-foreground">
+                    {site || "@yourhandle"}
+                  </p>
+                  <p className="mt-1 truncate text-base font-semibold text-foreground">
+                    {title || "Title preview"}
+                  </p>
+                  <p className="mt-1 line-clamp-2 text-sm text-muted-foreground">
+                    {description || "Description preview"}
+                  </p>
                 </div>
               </div>
             </div>
           </div>
           <div>
-            <p className="mb-2 text-xs text-muted-foreground">Twitter meta tags</p>
-            <OutBox value={meta} mono downloadable filename="twitter-meta.txt" />
+            <p className="mb-2 text-xs text-muted-foreground">
+              Twitter meta tags
+            </p>
+            <OutBox
+              value={meta}
+              mono
+              downloadable
+              filename="twitter-meta.txt"
+            />
           </div>
         </div>
       )}
@@ -173,39 +330,79 @@ function YoutubeThumbnail() {
     { name: "default", label: "Default (120×90)", w: 120, h: 90 },
   ];
 
-  const embed = id ? `<iframe width="${w}" height="${h}" src="https://www.youtube.com/embed/${id}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>` : "";
+  const embed = id
+    ? `<iframe width="${w}" height="${h}" src="https://www.youtube.com/embed/${id}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>`
+    : "";
 
   return (
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
-        <Field label="Video URL or ID" hint="https://youtube.com/watch?v=... , youtu.be/..., or 11-char ID">
-          <TextInput value={input} onChange={(e) => setInput(e.target.value)} placeholder="https://youtu.be/dQw4w9WgXcQ" />
+        <Field
+          label="Video URL or ID"
+          hint="https://youtube.com/watch?v=... , youtu.be/..., or 11-char ID"
+        >
+          <TextInput
+            value={input}
+            onChange={(e) => setInput(e.target.value)}
+            placeholder="https://youtu.be/dQw4w9WgXcQ"
+          />
         </Field>
         {id && (
           <div className="mt-3 grid gap-4 sm:grid-cols-2">
-            <Field label="Embed width"><NumInput value={w} min={100} onChange={(e) => setW(Number(e.target.value) || 0)} /></Field>
-            <Field label="Embed height"><NumInput value={h} min={100} onChange={(e) => setH(Number(e.target.value) || 0)} /></Field>
+            <Field label="Embed width">
+              <NumInput
+                value={w}
+                min={100}
+                onChange={(e) => setW(Number(e.target.value) || 0)}
+              />
+            </Field>
+            <Field label="Embed height">
+              <NumInput
+                value={h}
+                min={100}
+                onChange={(e) => setH(Number(e.target.value) || 0)}
+              />
+            </Field>
           </div>
         )}
       </div>
       {id && (
         <div className="grid gap-4">
           <div className="rounded-2xl border border-border bg-card/60 p-4">
-            <p className="mb-3 text-sm text-muted-foreground">Video ID: <span className="font-mono text-foreground">{id}</span></p>
+            <p className="mb-3 text-sm text-muted-foreground">
+              Video ID: <span className="font-mono text-foreground">{id}</span>
+            </p>
             <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
               {sizes.map((s) => {
                 const u = `https://i.ytimg.com/vi/${id}/${s.name}.jpg`;
                 return (
-                  <div key={s.name} className="overflow-hidden rounded-xl border border-border bg-black/40">
+                  <div
+                    key={s.name}
+                    className="overflow-hidden rounded-xl border border-border bg-black/40"
+                  >
                     <img src={u} alt={s.name} className="w-full" />
                     <div className="flex items-center justify-between p-2">
                       <div className="text-xs">
                         <p className="font-medium text-foreground">{s.name}</p>
-                        <p className="text-muted-foreground">{s.w}×{s.h}</p>
+                        <p className="text-muted-foreground">
+                          {s.w}×{s.h}
+                        </p>
                       </div>
                       <div className="flex gap-1">
-                        <a href={u} target="_blank" rel="noreferrer" className="rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground">Open</a>
-                        <button onClick={() => copyText(u)} className="rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground">Copy</button>
+                        <a
+                          href={u}
+                          target="_blank"
+                          rel="noreferrer"
+                          className="rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground"
+                        >
+                          Open
+                        </a>
+                        <button
+                          onClick={() => copyText(u)}
+                          className="rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground"
+                        >
+                          Copy
+                        </button>
                       </div>
                     </div>
                   </div>
@@ -215,7 +412,12 @@ function YoutubeThumbnail() {
           </div>
           <div>
             <p className="mb-2 text-xs text-muted-foreground">Embed code</p>
-            <OutBox value={embed} mono downloadable filename="youtube-embed.txt" />
+            <OutBox
+              value={embed}
+              mono
+              downloadable
+              filename="youtube-embed.txt"
+            />
           </div>
         </div>
       )}
@@ -225,37 +427,87 @@ function YoutubeThumbnail() {
 
 function VimeoThumbnail() {
   const [input, setInput] = useState("");
-  const [data, setData] = useState<{ thumbnail: string; title: string; width: number; height: number } | null>(null);
+  const [data, setData] = useState<{
+    thumbnail: string;
+    title: string;
+    width: number;
+    height: number;
+  } | null>(null);
   const [error, setError] = useState<string | null>(null);
   const [loading, setLoading] = useState(false);
-  const cache = useRef<Record<string, { thumbnail: string; title: string; width: number; height: number }>>({});
+  const cache = useRef<
+    Record<
+      string,
+      { thumbnail: string; title: string; width: number; height: number }
+    >
+  >({});
 
   const fetchThumb = async () => {
     if (!input.trim()) return;
     const norm = input.trim();
-    if (cache.current[norm]) { setData(cache.current[norm]); setError(null); return; }
+    if (cache.current[norm]) {
+      setData(cache.current[norm]);
+      setError(null);
+      return;
+    }
     setLoading(true);
     setError(null);
     try {
-      const res = await fetch("https://vimeo.com/api/oembed.json?url=" + encodeURIComponent(norm));
+      const res = await fetch(
+        "https://vimeo.com/api/oembed.json?url=" + encodeURIComponent(norm),
+      );
       if (!res.ok) throw new Error("Network error or invalid video ID");
       const j = await res.json();
-      const d = { thumbnail: j.thumbnail_url ?? "", title: j.title ?? "", width: j.width ?? 1280, height: j.height ?? 720 };
+      const d = {
+        thumbnail: j.thumbnail_url ?? "",
+        title: j.title ?? "",
+        width: j.width ?? 1280,
+        height: j.height ?? 720,
+      };
       cache.current[norm] = d;
       setData(d);
-    } catch (e) { setError((e as Error).message || "Could not fetch Vimeo thumbnail"); setData(null); } finally { setLoading(false); }
+    } catch (e) {
+      setError((e as Error).message || "Could not fetch Vimeo thumbnail");
+      setData(null);
+    } finally {
+      setLoading(false);
+    }
   };
 
   const sizes = useMemo(() => {
-    if (!data?.thumbnail) return [{ name: "thumbnail_url", w: `${data?.width ?? ""}`, h: `${data?.height ?? ""}`, url: data?.thumbnail ?? "" }];
+    if (!data?.thumbnail)
+      return [
+        {
+          name: "thumbnail_url",
+          w: `${data?.width ?? ""}`,
+          h: `${data?.height ?? ""}`,
+          url: data?.thumbnail ?? "",
+        },
+      ];
     const list: { name: string; w: string; h: string; url: string }[] = [];
     const t = data.thumbnail;
-    const dims: [string, string][] = [["640", "360"], ["200", "150"], ["295", "166"]];
+    const dims: [string, string][] = [
+      ["640", "360"],
+      ["200", "150"],
+      ["295", "166"],
+    ];
     dims.forEach(([w, h]) => {
       const re = new RegExp(`/\\d+x\\d+/`);
-      if (re.test(t)) list.push({ name: `${w}x${h}`, w, h, url: t.replace(re, `/${w}x${h}/`) });
+      if (re.test(t))
+        list.push({
+          name: `${w}x${h}`,
+          w,
+          h,
+          url: t.replace(re, `/${w}x${h}/`),
+        });
     });
-    if (list.length === 0) list.push({ name: "thumbnail_url", w: `${data.width}`, h: `${data.height}`, url: t });
+    if (list.length === 0)
+      list.push({
+        name: "thumbnail_url",
+        w: `${data.width}`,
+        h: `${data.height}`,
+        url: t,
+      });
     return list;
   }, [data]);
 
@@ -263,32 +515,67 @@ function VimeoThumbnail() {
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <Field label="Vimeo video URL" hint="https://vimeo.com/123456789">
-          <TextInput value={input} onChange={(e) => setInput(e.target.value)} placeholder="https://vimeo.com/76979871" />
+          <TextInput
+            value={input}
+            onChange={(e) => setInput(e.target.value)}
+            placeholder="https://vimeo.com/76979871"
+          />
         </Field>
         <div className="mt-3">
-          <PrimaryButton onClick={fetchThumb} disabled={loading}>{loading ? "Fetching..." : "Fetch thumbnail"}</PrimaryButton>
+          <PrimaryButton onClick={fetchThumb} disabled={loading}>
+            {loading ? "Fetching..." : "Fetch thumbnail"}
+          </PrimaryButton>
         </div>
       </div>
       {error && <p className="text-sm text-red-400">{error}</p>}
       {data && (
         <div className="grid gap-4 lg:grid-cols-2">
           <div className="rounded-2xl border border-border bg-card/60 p-4">
-            {data.thumbnail && <img src={data.thumbnail} alt="vimeo thumb" className="w-full rounded-xl" />}
+            {data.thumbnail && (
+              <img
+                src={data.thumbnail}
+                alt="vimeo thumb"
+                className="w-full rounded-xl"
+              />
+            )}
             <p className="mt-3 font-medium text-foreground">{data.title}</p>
-            <p className="mt-1 text-xs text-muted-foreground">Native size: {data.width}×{data.height}</p>
+            <p className="mt-1 text-xs text-muted-foreground">
+              Native size: {data.width}×{data.height}
+            </p>
           </div>
           <div className="rounded-2xl border border-border bg-card/60 p-4">
-            <p className="mb-3 text-xs text-muted-foreground">Available sizes</p>
+            <p className="mb-3 text-xs text-muted-foreground">
+              Available sizes
+            </p>
             <div className="space-y-2">
               {sizes.map((s) => (
-                <div key={s.name} className="flex items-center justify-between rounded-xl border border-border bg-black/40 p-2.5">
+                <div
+                  key={s.name}
+                  className="flex items-center justify-between rounded-xl border border-border bg-black/40 p-2.5"
+                >
                   <div>
-                    <p className="text-sm font-medium text-foreground">{s.name}</p>
-                    <p className="text-xs text-muted-foreground">{s.w}×{s.h}</p>
+                    <p className="text-sm font-medium text-foreground">
+                      {s.name}
+                    </p>
+                    <p className="text-xs text-muted-foreground">
+                      {s.w}×{s.h}
+                    </p>
                   </div>
                   <div className="flex gap-1">
-                    <a href={s.url} target="_blank" rel="noreferrer" className="rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground">Open</a>
-                    <button onClick={() => copyText(s.url)} className="rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground">Copy</button>
+                    <a
+                      href={s.url}
+                      target="_blank"
+                      rel="noreferrer"
+                      className="rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground"
+                    >
+                      Open
+                    </a>
+                    <button
+                      onClick={() => copyText(s.url)}
+                      className="rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground"
+                    >
+                      Copy
+                    </button>
                   </div>
                 </div>
               ))}
@@ -300,7 +587,11 @@ function VimeoThumbnail() {
   );
 }
 
-function wrapLines(ctx: CanvasRenderingContext2D, text: string, maxWidth: number): string[] {
+function wrapLines(
+  ctx: CanvasRenderingContext2D,
+  text: string,
+  maxWidth: number,
+): string[] {
   const words = text.split(/\s+/).filter(Boolean);
   if (words.length === 0) return [""];
   const lines: string[] = [];
@@ -333,11 +624,14 @@ function OgImageGenerator() {
     if (!c) return;
     const ctx = c.getContext("2d");
     if (!ctx) return;
-    const W = 1200, H = 630;
-    c.width = W; c.height = H;
+    const W = 1200,
+      H = 630;
+    c.width = W;
+    c.height = H;
     if (gradient) {
       const g = ctx.createLinearGradient(0, 0, W, H);
-      g.addColorStop(0, colorA); g.addColorStop(1, colorB);
+      g.addColorStop(0, colorA);
+      g.addColorStop(1, colorB);
       ctx.fillStyle = g;
     } else {
       ctx.fillStyle = background;
@@ -352,7 +646,9 @@ function OgImageGenerator() {
     const maxW = W - 160;
     let lines = wrapLines(ctx, title, maxW);
     while (lines.length > 2 && tSize > 30) {
-      tSize -= 4; ctx.font = `800 ${tSize}px system-ui, sans-serif`; lines = wrapLines(ctx, title, maxW);
+      tSize -= 4;
+      ctx.font = `800 ${tSize}px system-ui, sans-serif`;
+      lines = wrapLines(ctx, title, maxW);
     }
     const lineH = tSize * 1.2;
     const startY = H / 2 - ((lines.length - 1) * lineH) / 2;
@@ -363,63 +659,154 @@ function OgImageGenerator() {
 
     ctx.font = "500 34px system-ui, sans-serif";
     ctx.fillStyle = "#cbd5e1";
-    ctx.fillText(subtitle, tx, lines.length > 1 ? startY + lines.length * lineH - 30 : startY + lineH * 1.4);
+    ctx.fillText(
+      subtitle,
+      tx,
+      lines.length > 1
+        ? startY + lines.length * lineH - 30
+        : startY + lineH * 1.4,
+    );
 
     ctx.fillStyle = accent;
     ctx.fillRect(leftOnly ? 80 : W / 2 - 40, H - 130, 80, 10);
   };
 
-  useEffect(() => { draw(); });
+  useEffect(() => {
+    draw();
+  });
 
   return (
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-          <Field label="Title"><TextArea value={title} onChange={(e) => setTitle(e.target.value)} /></Field>
-          <Field label="Subtitle"><TextInput value={subtitle} onChange={(e) => setSubtitle(e.target.value)} /></Field>
-          <Field label="Font size"><SelectInput value={fontSize} onChange={(e) => setFontSize(e.target.value)} options={["48", "56", "64", "72", "80", "90"]} /></Field>
-          <Field label="Alignment"><SelectInput value={align} onChange={(e) => setAlign(e.target.value)} options={["center", "left"]} /></Field>
-          <Field label="Accent"><input type="color" value={accent} onChange={(e) => setAccent(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
-          <div className="sm:pt-6"><ToggleInput label="Gradient background" checked={gradient} onChange={setGradient} /></div>
+          <Field label="Title">
+            <TextArea
+              value={title}
+              onChange={(e) => setTitle(e.target.value)}
+            />
+          </Field>
+          <Field label="Subtitle">
+            <TextInput
+              value={subtitle}
+              onChange={(e) => setSubtitle(e.target.value)}
+            />
+          </Field>
+          <Field label="Font size">
+            <SelectInput
+              value={fontSize}
+              onChange={(e) => setFontSize(e.target.value)}
+              options={["48", "56", "64", "72", "80", "90"]}
+            />
+          </Field>
+          <Field label="Alignment">
+            <SelectInput
+              value={align}
+              onChange={(e) => setAlign(e.target.value)}
+              options={["center", "left"]}
+            />
+          </Field>
+          <Field label="Accent">
+            <input
+              type="color"
+              value={accent}
+              onChange={(e) => setAccent(e.target.value)}
+              className="h-10 w-full rounded-xl border border-border bg-background"
+            />
+          </Field>
+          <div className="sm:pt-6">
+            <ToggleInput
+              label="Gradient background"
+              checked={gradient}
+              onChange={setGradient}
+            />
+          </div>
         </div>
         {gradient && (
           <div className="mt-4 grid gap-4 sm:grid-cols-2">
-            <Field label="Gradient color A"><input type="color" value={colorA} onChange={(e) => setColorA(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
-            <Field label="Gradient color B"><input type="color" value={colorB} onChange={(e) => setColorB(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
+            <Field label="Gradient color A">
+              <input
+                type="color"
+                value={colorA}
+                onChange={(e) => setColorA(e.target.value)}
+                className="h-10 w-full rounded-xl border border-border bg-background"
+              />
+            </Field>
+            <Field label="Gradient color B">
+              <input
+                type="color"
+                value={colorB}
+                onChange={(e) => setColorB(e.target.value)}
+                className="h-10 w-full rounded-xl border border-border bg-background"
+              />
+            </Field>
           </div>
         )}
         {!gradient && (
-          <div className="mt-4 max-w-xs"><Field label="Background"><input type="color" value={background} onChange={(e) => setBackground(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field></div>
+          <div className="mt-4 max-w-xs">
+            <Field label="Background">
+              <input
+                type="color"
+                value={background}
+                onChange={(e) => setBackground(e.target.value)}
+                className="h-10 w-full rounded-xl border border-border bg-background"
+              />
+            </Field>
+          </div>
         )}
       </div>
       <div className="rounded-2xl border border-border bg-card/60 p-4">
-        <canvas ref={canvasRef} className="w-full rounded-xl" style={{ maxWidth: 720, aspectRatio: "1200/630" }} />
+        <canvas
+          ref={canvasRef}
+          className="w-full rounded-xl"
+          style={{ maxWidth: 720, aspectRatio: "1200/630" }}
+        />
+      </div>
+      <div>
+        <PrimaryButton
+          onClick={() => {
+            draw();
+            if (canvasRef.current)
+              triggerDownload(
+                canvasRef.current.toDataURL("image/png"),
+                "og-image-1200x630.png",
+              );
+          }}
+        >
+          Download PNG 1200×630
+        </PrimaryButton>
       </div>
-      <div><PrimaryButton onClick={() => { draw(); if (canvasRef.current) triggerDownload(canvasRef.current.toDataURL("image/png"), "og-image-1200x630.png"); }}>Download PNG 1200×630</PrimaryButton></div>
     </div>
   );
 }
 
 function QuoteGenerator() {
   const canvasRef = useRef<HTMLCanvasElement>(null);
-  const [text, setText] = useState("Simplicity is the ultimate sophistication.");
+  const [text, setText] = useState(
+    "Simplicity is the ultimate sophistication.",
+  );
   const [author, setAuthor] = useState("Leonardo da Vinci");
   const [bg, setBg] = useState("#0f172a");
   const [accent, setAccent] = useState("#f59e0b");
   const [fontSize, setFontSize] = useState("56");
   const [style, setStyle] = useState("minimal");
 
-  const randColor = () => "#" + Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0");
+  const randColor = () =>
+    "#" +
+    Math.floor(Math.random() * 16777215)
+      .toString(16)
+      .padStart(6, "0");
 
   const draw = () => {
     const c = canvasRef.current;
     if (!c) return;
     const ctx = c.getContext("2d");
     if (!ctx) return;
-    c.width = 1080; c.height = 1080;
+    c.width = 1080;
+    c.height = 1080;
     if (style === "gradient") {
       const g = ctx.createLinearGradient(0, 0, 1080, 1080);
-      g.addColorStop(0, bg); g.addColorStop(1, accent);
+      g.addColorStop(0, bg);
+      g.addColorStop(1, accent);
       ctx.fillStyle = g;
     } else {
       ctx.fillStyle = bg;
@@ -427,7 +814,8 @@ function QuoteGenerator() {
     ctx.fillRect(0, 0, 1080, 1080);
 
     if (style === "retro") {
-      ctx.strokeStyle = accent; ctx.lineWidth = 6;
+      ctx.strokeStyle = accent;
+      ctx.lineWidth = 6;
       ctx.strokeRect(60, 60, 1080 - 120, 1080 - 120);
       ctx.strokeRect(80, 80, 1080 - 160, 1080 - 160);
     }
@@ -437,9 +825,14 @@ function QuoteGenerator() {
     ctx.textAlign = "center";
     ctx.textBaseline = "middle";
     let lines = wrapLines(ctx, text, 820);
-    while (lines.length > 5 && tSize > 26) { tSize -= 3; ctx.font = `700 ${tSize}px Georgia, serif`; lines = wrapLines(ctx, text, 820); }
+    while (lines.length > 5 && tSize > 26) {
+      tSize -= 3;
+      ctx.font = `700 ${tSize}px Georgia, serif`;
+      lines = wrapLines(ctx, text, 820);
+    }
     const lineH = tSize * 1.35;
-    const startY = 1080 / 2 - ((lines.length - 1) * lineH) / 2 - (author ? 40 : 0);
+    const startY =
+      1080 / 2 - ((lines.length - 1) * lineH) / 2 - (author ? 40 : 0);
     ctx.font = `700 ${tSize}px Georgia, serif`;
     ctx.fillStyle = "#ffffff";
     lines.forEach((line, i) => {
@@ -448,7 +841,11 @@ function QuoteGenerator() {
         ctx.fillText(line, 540, y);
         ctx.fillStyle = "rgba(255,255,255,0.25)";
         ctx.font = `${tSize * 2.4}px Georgia, serif`;
-        ctx.fillText("“", 540 - (ctx.measureText(text).width / 2), y - tSize * 1.6);
+        ctx.fillText(
+          "“",
+          540 - ctx.measureText(text).width / 2,
+          y - tSize * 1.6,
+        );
         ctx.fillStyle = "#ffffff";
         ctx.font = `700 ${tSize}px Georgia, serif`;
       } else {
@@ -456,7 +853,10 @@ function QuoteGenerator() {
       }
     });
 
-    if (style === "retro") { ctx.fillStyle = accent; ctx.font = `600 ${tSize * 0.5}px Georgia, serif`; }
+    if (style === "retro") {
+      ctx.fillStyle = accent;
+      ctx.font = `600 ${tSize * 0.5}px Georgia, serif`;
+    }
 
     ctx.fillStyle = accent;
     ctx.fillRect(540 - 60, startY + lines.length * lineH + 20, 120, 6);
@@ -467,27 +867,83 @@ function QuoteGenerator() {
     }
   };
 
-  useEffect(() => { draw(); });
+  useEffect(() => {
+    draw();
+  });
 
   return (
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-4">
-          <Field label="Quote text"><TextArea value={text} onChange={(e) => setText(e.target.value)} /></Field>
-          <Field label="Author"><TextInput value={author} onChange={(e) => setAuthor(e.target.value)} /></Field>
+          <Field label="Quote text">
+            <TextArea value={text} onChange={(e) => setText(e.target.value)} />
+          </Field>
+          <Field label="Author">
+            <TextInput
+              value={author}
+              onChange={(e) => setAuthor(e.target.value)}
+            />
+          </Field>
           <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-            <Field label="Style"><SelectInput value={style} onChange={(e) => setStyle(e.target.value)} options={["minimal", "quote-mark", "gradient", "retro frame"]} /></Field>
-            <Field label="Font size"><SelectInput value={fontSize} onChange={(e) => setFontSize(e.target.value)} options={["40", "48", "56", "64", "72"]} /></Field>
-            <Field label="Backgound"><input type="color" value={bg} onChange={(e) => setBg(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
-            <Field label="Accent"><input type="color" value={accent} onChange={(e) => setAccent(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
-            <div className="sm:pt-6"><GhostButton onClick={() => setBg(randColor())}>Randomize bg</GhostButton></div>
+            <Field label="Style">
+              <SelectInput
+                value={style}
+                onChange={(e) => setStyle(e.target.value)}
+                options={["minimal", "quote-mark", "gradient", "retro frame"]}
+              />
+            </Field>
+            <Field label="Font size">
+              <SelectInput
+                value={fontSize}
+                onChange={(e) => setFontSize(e.target.value)}
+                options={["40", "48", "56", "64", "72"]}
+              />
+            </Field>
+            <Field label="Backgound">
+              <input
+                type="color"
+                value={bg}
+                onChange={(e) => setBg(e.target.value)}
+                className="h-10 w-full rounded-xl border border-border bg-background"
+              />
+            </Field>
+            <Field label="Accent">
+              <input
+                type="color"
+                value={accent}
+                onChange={(e) => setAccent(e.target.value)}
+                className="h-10 w-full rounded-xl border border-border bg-background"
+              />
+            </Field>
+            <div className="sm:pt-6">
+              <GhostButton onClick={() => setBg(randColor())}>
+                Randomize bg
+              </GhostButton>
+            </div>
           </div>
         </div>
       </div>
       <div className="rounded-2xl border border-border bg-card/60 p-4">
-        <canvas ref={canvasRef} className="w-full rounded-xl" style={{ maxWidth: 480, aspectRatio: "1/1" }} />
+        <canvas
+          ref={canvasRef}
+          className="w-full rounded-xl"
+          style={{ maxWidth: 480, aspectRatio: "1/1" }}
+        />
+      </div>
+      <div>
+        <PrimaryButton
+          onClick={() => {
+            draw();
+            if (canvasRef.current)
+              triggerDownload(
+                canvasRef.current.toDataURL("image/png"),
+                "quote-card.png",
+              );
+          }}
+        >
+          Download PNG
+        </PrimaryButton>
       </div>
-      <div><PrimaryButton onClick={() => { draw(); if (canvasRef.current) triggerDownload(canvasRef.current.toDataURL("image/png"), "quote-card.png"); }}>Download PNG</PrimaryButton></div>
     </div>
   );
 }
@@ -510,7 +966,10 @@ function buildHashtags(topic: string, count: number): string {
   const words = topic.trim().split(/\s+/).filter(Boolean).slice(0, count);
   if (words.length === 0) return "";
   const tags = [words[0], ...words.slice(1, count)];
-  return tags.map((w) => "#" + w.replace(/[^a-zA-Z0-9]/g, "")).filter(Boolean).join(" ");
+  return tags
+    .map((w) => "#" + w.replace(/[^a-zA-Z0-9]/g, ""))
+    .filter(Boolean)
+    .join(" ");
 }
 
 function CaptionGenerator() {
@@ -522,7 +981,9 @@ function CaptionGenerator() {
   const generate = () => {
     if (!topic.trim()) return;
     const tagLine = buildHashtags(topic, hashtags);
-    const caps = captionTemplates(topic, emoji).map((c) => (tagLine ? `${c}\n\n${tagLine}` : c));
+    const caps = captionTemplates(topic, emoji).map((c) =>
+      tagLine ? `${c}\n\n${tagLine}` : c,
+    );
     setOut(caps);
   };
 
@@ -532,17 +993,48 @@ function CaptionGenerator() {
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-4 sm:grid-cols-[1fr_1fr_auto] sm:items-end">
-          <Field label="Topic"><TextInput value={topic} onChange={(e) => setTopic(e.target.value)} placeholder="e.g. morning routine" /></Field>
-          <Field label="Hashtags count (0-10)"><NumInput value={hashtags} min={0} max={10} onChange={(e) => setHashtags(Math.max(0, Math.min(10, Number(e.target.value) || 0)))} /></Field>
-          <div><ToggleInput label="Add emoji" checked={emoji} onChange={setEmoji} /></div>
+          <Field label="Topic">
+            <TextInput
+              value={topic}
+              onChange={(e) => setTopic(e.target.value)}
+              placeholder="e.g. morning routine"
+            />
+          </Field>
+          <Field label="Hashtags count (0-10)">
+            <NumInput
+              value={hashtags}
+              min={0}
+              max={10}
+              onChange={(e) =>
+                setHashtags(
+                  Math.max(0, Math.min(10, Number(e.target.value) || 0)),
+                )
+              }
+            />
+          </Field>
+          <div>
+            <ToggleInput
+              label="Add emoji"
+              checked={emoji}
+              onChange={setEmoji}
+            />
+          </div>
+        </div>
+        <div className="mt-4">
+          <PrimaryButton onClick={generate}>Generate</PrimaryButton>
         </div>
-        <div className="mt-4"><PrimaryButton onClick={generate}>Generate</PrimaryButton></div>
       </div>
       {out && (
         <div className="grid gap-4">
-          <div className="space-y-2">{[...out].map((c, i) => <div key={i}>{copyRow({ value: c })}</div>)}</div>
+          <div className="space-y-2">
+            {[...out].map((c, i) => (
+              <div key={i}>{copyRow({ value: c })}</div>
+            ))}
+          </div>
           <div>
-            <PrimaryButton onClick={() => copyText(all)}>Copy all</PrimaryButton>
+            <PrimaryButton onClick={() => copyText(all)}>
+              Copy all
+            </PrimaryButton>
           </div>
         </div>
       )}
@@ -550,17 +1042,44 @@ function CaptionGenerator() {
   );
 }
 
-function bioTemplates(platform: string, name: string, vibe: string, emoji: boolean) {
+function bioTemplates(
+  platform: string,
+  name: string,
+  vibe: string,
+  emoji: boolean,
+) {
   const n = name.trim() || "Your Name";
   const e = emoji ? " ✦" : "";
-  const platformTag = platform === "Instagram" ? "Instagram" : platform === "Twitter-X" ? "X" : platform === "LinkedIn" ? "LinkedIn" : "TikTok";
+  const platformTag =
+    platform === "Instagram"
+      ? "Instagram"
+      : platform === "Twitter-X"
+        ? "X"
+        : platform === "LinkedIn"
+          ? "LinkedIn"
+          : "TikTok";
   const templates: string[] = [];
-  if (vibe === "professional") templates.push(`${n} · ${platformTag} ${e}\nBuilding things that matter.\nNow hiring → link in bio`);
-  if (vibe === "creative") templates.push(`${n} ${e}\nDesigner · Creator · Dreamer\nTurning ideas into pixels`);
-  if (vibe === "playful") templates.push(`Just ${n} ${e}\nCoffee in one hand, keyboard in the other ✌️\nLet's make cool stuff`);
+  if (vibe === "professional")
+    templates.push(
+      `${n} · ${platformTag} ${e}\nBuilding things that matter.\nNow hiring → link in bio`,
+    );
+  if (vibe === "creative")
+    templates.push(
+      `${n} ${e}\nDesigner · Creator · Dreamer\nTurning ideas into pixels`,
+    );
+  if (vibe === "playful")
+    templates.push(
+      `Just ${n} ${e}\nCoffee in one hand, keyboard in the other ✌️\nLet's make cool stuff`,
+    );
   if (vibe === "minimal") templates.push(`${n}\n${platformTag}\nlink in bio`);
-  if (vibe === "freelancer") templates.push(`${n} | Freelance ${platformTag} ${e}\nAvailable for projects\nDM for inquiries`);
-  if (templates.length === 0) templates.push(`${n} · ${platformTag} ${e}\nSharing my journey\nFollow for more`);
+  if (vibe === "freelancer")
+    templates.push(
+      `${n} | Freelance ${platformTag} ${e}\nAvailable for projects\nDM for inquiries`,
+    );
+  if (templates.length === 0)
+    templates.push(
+      `${n} · ${platformTag} ${e}\nSharing my journey\nFollow for more`,
+    );
   return templates;
 }
 
@@ -571,24 +1090,56 @@ function BioGenerator() {
   const [emoji, setEmoji] = useState(true);
   const [out, setOut] = useState<string[] | null>(null);
 
-  const generate = () => { setOut(bioTemplates(platform, name, vibe, emoji)); };
+  const generate = () => {
+    setOut(bioTemplates(platform, name, vibe, emoji));
+  };
 
   return (
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4 sm:items-end">
-          <Field label="Platform"><SelectInput value={platform} onChange={(e) => setPlatform(e.target.value)} options={["Instagram", "Twitter-X", "LinkedIn", "TikTok"]} /></Field>
-          <Field label="Name"><TextInput value={name} onChange={(e) => setName(e.target.value)} /></Field>
-          <Field label="Vibe"><SelectInput value={vibe} onChange={(e) => setVibe(e.target.value)} options={["professional", "creative", "playful", "minimal", "freelancer"]} /></Field>
-          <div><ToggleInput label="Add emoji" checked={emoji} onChange={setEmoji} /></div>
+          <Field label="Platform">
+            <SelectInput
+              value={platform}
+              onChange={(e) => setPlatform(e.target.value)}
+              options={["Instagram", "Twitter-X", "LinkedIn", "TikTok"]}
+            />
+          </Field>
+          <Field label="Name">
+            <TextInput value={name} onChange={(e) => setName(e.target.value)} />
+          </Field>
+          <Field label="Vibe">
+            <SelectInput
+              value={vibe}
+              onChange={(e) => setVibe(e.target.value)}
+              options={[
+                "professional",
+                "creative",
+                "playful",
+                "minimal",
+                "freelancer",
+              ]}
+            />
+          </Field>
+          <div>
+            <ToggleInput
+              label="Add emoji"
+              checked={emoji}
+              onChange={setEmoji}
+            />
+          </div>
+        </div>
+        <div className="mt-4">
+          <PrimaryButton onClick={generate}>Generate</PrimaryButton>
         </div>
-        <div className="mt-4"><PrimaryButton onClick={generate}>Generate</PrimaryButton></div>
       </div>
       {out && (
-        <div className="space-y-2">{out.map((b, i) => {
-          const c = b.length <= 150 ? "" : ` (${b.length}/150)`;
-          return <div key={i}>{copyRow({ value: b, fallback: c })}</div>;
-        })}</div>
+        <div className="space-y-2">
+          {out.map((b, i) => {
+            const c = b.length <= 150 ? "" : ` (${b.length}/150)`;
+            return <div key={i}>{copyRow({ value: b, fallback: c })}</div>;
+          })}
+        </div>
       )}
     </div>
   );
@@ -600,7 +1151,9 @@ function LinkedinHeaderGenerator() {
   const [colorA, setColorA] = useState("#0f172a");
   const [colorB, setColorB] = useState("#1d4ed8");
   const [headline, setHeadline] = useState("Building the future of work");
-  const [subline, setSubline] = useState("Design & Engineering · Open to opportunities");
+  const [subline, setSubline] = useState(
+    "Design & Engineering · Open to opportunities",
+  );
   const [accent, setAccent] = useState("#f59e0b");
 
   const draw = () => {
@@ -608,10 +1161,12 @@ function LinkedinHeaderGenerator() {
     if (!c) return;
     const ctx = c.getContext("2d");
     if (!ctx) return;
-    c.width = 1128; c.height = 191;
+    c.width = 1128;
+    c.height = 191;
     if (gradient) {
       const g = ctx.createLinearGradient(0, 0, 1128, 0);
-      g.addColorStop(0, colorA); g.addColorStop(1, colorB);
+      g.addColorStop(0, colorA);
+      g.addColorStop(1, colorB);
       ctx.fillStyle = g;
     } else {
       ctx.fillStyle = colorA;
@@ -629,31 +1184,96 @@ function LinkedinHeaderGenerator() {
     ctx.fillRect(56, 160, 90, 6);
   };
 
-  useEffect(() => { draw(); });
+  useEffect(() => {
+    draw();
+  });
 
   return (
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-4 sm:grid-cols-2">
-          <Field label="Headline"><TextInput value={headline} onChange={(e) => setHeadline(e.target.value)} /></Field>
-          <Field label="Subline"><TextInput value={subline} onChange={(e) => setSubline(e.target.value)} /></Field>
-          <Field label="Accent"><input type="color" value={accent} onChange={(e) => setAccent(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
-          <div className="sm:pt-6"><ToggleInput label="Gradient" checked={gradient} onChange={setGradient} /></div>
+          <Field label="Headline">
+            <TextInput
+              value={headline}
+              onChange={(e) => setHeadline(e.target.value)}
+            />
+          </Field>
+          <Field label="Subline">
+            <TextInput
+              value={subline}
+              onChange={(e) => setSubline(e.target.value)}
+            />
+          </Field>
+          <Field label="Accent">
+            <input
+              type="color"
+              value={accent}
+              onChange={(e) => setAccent(e.target.value)}
+              className="h-10 w-full rounded-xl border border-border bg-background"
+            />
+          </Field>
+          <div className="sm:pt-6">
+            <ToggleInput
+              label="Gradient"
+              checked={gradient}
+              onChange={setGradient}
+            />
+          </div>
         </div>
         {gradient && (
           <div className="mt-4 grid gap-4 sm:grid-cols-2">
-            <Field label="Color A"><input type="color" value={colorA} onChange={(e) => setColorA(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
-            <Field label="Color B"><input type="color" value={colorB} onChange={(e) => setColorB(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
+            <Field label="Color A">
+              <input
+                type="color"
+                value={colorA}
+                onChange={(e) => setColorA(e.target.value)}
+                className="h-10 w-full rounded-xl border border-border bg-background"
+              />
+            </Field>
+            <Field label="Color B">
+              <input
+                type="color"
+                value={colorB}
+                onChange={(e) => setColorB(e.target.value)}
+                className="h-10 w-full rounded-xl border border-border bg-background"
+              />
+            </Field>
           </div>
         )}
         {!gradient && (
-          <div className="mt-4 max-w-xs"><Field label="Background"><input type="color" value={colorA} onChange={(e) => setColorA(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field></div>
+          <div className="mt-4 max-w-xs">
+            <Field label="Background">
+              <input
+                type="color"
+                value={colorA}
+                onChange={(e) => setColorA(e.target.value)}
+                className="h-10 w-full rounded-xl border border-border bg-background"
+              />
+            </Field>
+          </div>
         )}
       </div>
       <div className="rounded-2xl border border-border bg-card/60 p-4">
-        <canvas ref={canvasRef} className="w-full rounded-xl" style={{ maxWidth: 560, aspectRatio: "1128/191" }} />
+        <canvas
+          ref={canvasRef}
+          className="w-full rounded-xl"
+          style={{ maxWidth: 560, aspectRatio: "1128/191" }}
+        />
+      </div>
+      <div>
+        <PrimaryButton
+          onClick={() => {
+            draw();
+            if (canvasRef.current)
+              triggerDownload(
+                canvasRef.current.toDataURL("image/png"),
+                "linkedin-header-1128x191.png",
+              );
+          }}
+        >
+          Download PNG
+        </PrimaryButton>
       </div>
-      <div><PrimaryButton onClick={() => { draw(); if (canvasRef.current) triggerDownload(canvasRef.current.toDataURL("image/png"), "linkedin-header-1128x191.png"); }}>Download PNG</PrimaryButton></div>
     </div>
   );
 }
@@ -666,29 +1286,54 @@ function LinkPreviewGenerator() {
   const [siteName, setSiteName] = useState("");
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
-  const cache = useRef<Record<string, { title: string; description: string; image: string; siteName: string }>>({});
+  const cache = useRef<
+    Record<
+      string,
+      { title: string; description: string; image: string; siteName: string }
+    >
+  >({});
 
   const autoFetch = async () => {
     if (!url.trim()) return;
     const norm = url.trim();
-    setLoading(true); setError(null);
+    setLoading(true);
+    setError(null);
     try {
       if (cache.current[norm]) {
         const c = cache.current[norm];
-        if (!title) setTitle(c.title); if (!description) setDescription(c.description); if (!image) setImage(c.image); if (!siteName) setSiteName(c.siteName);
-        setLoading(false); return;
+        if (!title) setTitle(c.title);
+        if (!description) setDescription(c.description);
+        if (!image) setImage(c.image);
+        if (!siteName) setSiteName(c.siteName);
+        setLoading(false);
+        return;
       }
-      const res = await fetch("https://api.microlink.io/?url=" + encodeURIComponent(norm));
+      const res = await fetch(
+        "https://api.microlink.io/?url=" + encodeURIComponent(norm),
+      );
       if (!res.ok) throw new Error("Could not fetch link metadata");
       const j = await res.json();
       const d = j.data ?? {};
-      const c = { title: d.title ?? title, description: d.description ?? description, image: d.image?.url ?? image, siteName: d.publisher ?? siteName };
+      const c = {
+        title: d.title ?? title,
+        description: d.description ?? description,
+        image: d.image?.url ?? image,
+        siteName: d.publisher ?? siteName,
+      };
       cache.current[norm] = c;
-      if (!title) setTitle(c.title); if (!description) setDescription(c.description); if (!image) setImage(c.image); if (!siteName) setSiteName(c.siteName);
-    } catch (e) { setError((e as Error).message || "Could not fetch link preview"); } finally { setLoading(false); }
+      if (!title) setTitle(c.title);
+      if (!description) setDescription(c.description);
+      if (!image) setImage(c.image);
+      if (!siteName) setSiteName(c.siteName);
+    } catch (e) {
+      setError((e as Error).message || "Could not fetch link preview");
+    } finally {
+      setLoading(false);
+    }
   };
 
-  const domain = (url.match(/^(?:https?:\/\/)?(?:www\.)?([^/]+)/) || [])[1] || "";
+  const domain =
+    (url.match(/^(?:https?:\/\/)?(?:www\.)?([^/]+)/) || [])[1] || "";
 
   const structured = `Title: ${title || ""}\nDescription: ${description || ""}\nImage: ${image || ""}\nSite name: ${siteName || ""}\nURL: ${url}`;
 
@@ -696,39 +1341,98 @@ function LinkPreviewGenerator() {
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-4">
-          <Field label="URL"><TextInput value={url} onChange={(e) => setUrl(e.target.value)} placeholder="https://example.com" /></Field>
-          {!title && <PrimaryButton onClick={autoFetch} disabled={loading}>{loading ? "Fetching..." : "Auto-fetch from URL"}</PrimaryButton>}
+          <Field label="URL">
+            <TextInput
+              value={url}
+              onChange={(e) => setUrl(e.target.value)}
+              placeholder="https://example.com"
+            />
+          </Field>
+          {!title && (
+            <PrimaryButton onClick={autoFetch} disabled={loading}>
+              {loading ? "Fetching..." : "Auto-fetch from URL"}
+            </PrimaryButton>
+          )}
           {error && <p className="text-sm text-red-400">{error}</p>}
-          <Field label="Title"><TextInput value={title} onChange={(e) => setTitle(e.target.value)} /></Field>
-          <Field label="Description"><TextArea value={description} onChange={(e) => setDescription(e.target.value)} /></Field>
-          <Field label="Image URL"><TextInput value={image} onChange={(e) => setImage(e.target.value)} /></Field>
-          <Field label="Site name"><TextInput value={siteName} onChange={(e) => setSiteName(e.target.value)} /></Field>
+          <Field label="Title">
+            <TextInput
+              value={title}
+              onChange={(e) => setTitle(e.target.value)}
+            />
+          </Field>
+          <Field label="Description">
+            <TextArea
+              value={description}
+              onChange={(e) => setDescription(e.target.value)}
+            />
+          </Field>
+          <Field label="Image URL">
+            <TextInput
+              value={image}
+              onChange={(e) => setImage(e.target.value)}
+            />
+          </Field>
+          <Field label="Site name">
+            <TextInput
+              value={siteName}
+              onChange={(e) => setSiteName(e.target.value)}
+            />
+          </Field>
         </div>
       </div>
       {title && (
         <div className="grid gap-4 lg:grid-cols-2">
           <div>
-            <p className="mb-2 text-xs text-muted-foreground">Link card preview</p>
+            <p className="mb-2 text-xs text-muted-foreground">
+              Link card preview
+            </p>
             <div className="max-w-md overflow-hidden rounded-2xl border border-border bg-black/40">
-              {image && <img src={image} alt="link" className="aspect-[1.91/1] w-full object-cover" />}
+              {image && (
+                <img
+                  src={image}
+                  alt="link"
+                  className="aspect-[1.91/1] w-full object-cover"
+                />
+              )}
               <div className="p-3">
-                <p className="truncate text-[11px] uppercase tracking-wide text-muted-foreground">{siteName || domain || "example.com"}</p>
-                <p className="mt-1 truncate font-semibold text-foreground">{title}</p>
-                <p className="mt-1 line-clamp-2 text-sm text-muted-foreground">{description}</p>
+                <p className="truncate text-[11px] uppercase tracking-wide text-muted-foreground">
+                  {siteName || domain || "example.com"}
+                </p>
+                <p className="mt-1 truncate font-semibold text-foreground">
+                  {title}
+                </p>
+                <p className="mt-1 line-clamp-2 text-sm text-muted-foreground">
+                  {description}
+                </p>
               </div>
             </div>
             <p className="mt-2 text-xs text-muted-foreground">Phone shell</p>
             <div className="mx-auto mt-1 max-w-[240px] rounded-[2rem] border-4 border-border bg-black/60 p-3">
               <div className="mb-2 h-2 w-16 rounded-full bg-border/60 mx-auto" />
-              {image && <img src={image} alt="link" className="w-full object-cover" />}
-              <p className="mt-2 truncate text-sm font-semibold text-foreground">{title}</p>
-              <p className="line-clamp-2 text-xs text-muted-foreground">{description}</p>
-              <p className="mt-1 text-[10px] uppercase text-muted-foreground/70">{siteName || domain}</p>
+              {image && (
+                <img src={image} alt="link" className="w-full object-cover" />
+              )}
+              <p className="mt-2 truncate text-sm font-semibold text-foreground">
+                {title}
+              </p>
+              <p className="line-clamp-2 text-xs text-muted-foreground">
+                {description}
+              </p>
+              <p className="mt-1 text-[10px] uppercase text-muted-foreground/70">
+                {siteName || domain}
+              </p>
             </div>
           </div>
           <div>
-            <p className="mb-2 text-xs text-muted-foreground">Structured data</p>
-            <OutBox value={structured} mono downloadable filename="link-preview.txt" />
+            <p className="mb-2 text-xs text-muted-foreground">
+              Structured data
+            </p>
+            <OutBox
+              value={structured}
+              mono
+              downloadable
+              filename="link-preview.txt"
+            />
           </div>
         </div>
       )}
@@ -738,7 +1442,9 @@ function LinkPreviewGenerator() {
 
 function SocialMockup() {
   const canvasRef = useRef<HTMLCanvasElement>(null);
-  const [content, setContent] = useState("So excited to share this new project with all of you!");
+  const [content, setContent] = useState(
+    "So excited to share this new project with all of you!",
+  );
   const [author, setAuthor] = useState("Jane Doe");
   const [avatarColor, setAvatarColor] = useState("#6366f1");
   const [platform, setPlatform] = useState("X");
@@ -752,8 +1458,10 @@ function SocialMockup() {
     if (!c) return;
     const ctx = c.getContext("2d");
     if (!ctx) return;
-    const W = 800, H = 1000;
-    c.width = W; c.height = H;
+    const W = 800,
+      H = 1000;
+    c.width = W;
+    c.height = H;
     ctx.fillStyle = "#0b1220";
     ctx.fillRect(0, 0, W, H);
     ctx.fillStyle = "#111827";
@@ -775,55 +1483,130 @@ function SocialMockup() {
 
     ctx.font = "500 28px system-ui, sans-serif";
     ctx.fillStyle = "#64748b";
-    ctx.fillText(`@${(author || "jane").toLowerCase().replace(/\s+/g, "")}`, 180, 130);
+    ctx.fillText(
+      `@${(author || "jane").toLowerCase().replace(/\s+/g, "")}`,
+      180,
+      130,
+    );
 
     ctx.fillStyle = "#f59e0b";
     ctx.font = "600 26px system-ui, sans-serif";
-    ctx.fillText("✓", 180 + ctx.measureText((author || "Jane Doe").slice(0, 30)).width + 10, 88);
+    ctx.fillText(
+      "✓",
+      180 + ctx.measureText((author || "Jane Doe").slice(0, 30)).width + 10,
+      88,
+    );
 
     ctx.fillStyle = "#e5e7eb";
     ctx.font = "400 34px system-ui, sans-serif";
     const lines = wrapLines(ctx, content, W - 160);
-    lines.slice(0, 12).forEach((line, i) => ctx.fillText(line, 100, 230 + i * 50));
+    lines
+      .slice(0, 12)
+      .forEach((line, i) => ctx.fillText(line, 100, 230 + i * 50));
 
     const botY = 780;
     const iconColor = "#94a3b8";
     ctx.fillStyle = iconColor;
     ctx.font = "600 28px system-ui, sans-serif";
-    const likeLabel = platform === "X" ? `♥ ${likes}` : platform === "Instagram" ? `❤ ${likes}` : `👍 ${likes}`;
+    const likeLabel =
+      platform === "X"
+        ? `♥ ${likes}`
+        : platform === "Instagram"
+          ? `❤ ${likes}`
+          : `👍 ${likes}`;
     const repostLabel = platform === "X" ? `↻ ${reposts}` : `🔁 ${reposts}`;
     ctx.fillText(likeLabel, 100, botY);
     ctx.fillText(repostLabel, 320, botY);
     ctx.fillText("💬 14", 540, botY);
   };
 
-  useEffect(() => { draw(); });
+  useEffect(() => {
+    draw();
+  });
 
   return (
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-4 sm:grid-cols-2">
-          <Field label="Post content"><TextArea value={content} onChange={(e) => setContent(e.target.value)} /></Field>
+          <Field label="Post content">
+            <TextArea
+              value={content}
+              onChange={(e) => setContent(e.target.value)}
+            />
+          </Field>
           <div className="space-y-4">
-            <Field label="Author name"><TextInput value={author} onChange={(e) => setAuthor(e.target.value)} /></Field>
+            <Field label="Author name">
+              <TextInput
+                value={author}
+                onChange={(e) => setAuthor(e.target.value)}
+              />
+            </Field>
             <div className="grid grid-cols-2 gap-4">
-              <Field label="Platform"><SelectInput value={platform} onChange={(e) => setPlatform(e.target.value)} options={["X", "Instagram", "Facebook"]} /></Field>
-              <Field label="Avatar color"><input type="color" value={avatarColor} onChange={(e) => setAvatarColor(e.target.value)} className="h-10 w-full rounded-xl border border-border bg-background" /></Field>
-              <Field label="Likes"><NumInput value={likes} min={0} onChange={(e) => setLikes(Number(e.target.value) || 0)} /></Field>
-              <Field label="Reposts"><NumInput value={reposts} min={0} onChange={(e) => setReposts(Number(e.target.value) || 0)} /></Field>
+              <Field label="Platform">
+                <SelectInput
+                  value={platform}
+                  onChange={(e) => setPlatform(e.target.value)}
+                  options={["X", "Instagram", "Facebook"]}
+                />
+              </Field>
+              <Field label="Avatar color">
+                <input
+                  type="color"
+                  value={avatarColor}
+                  onChange={(e) => setAvatarColor(e.target.value)}
+                  className="h-10 w-full rounded-xl border border-border bg-background"
+                />
+              </Field>
+              <Field label="Likes">
+                <NumInput
+                  value={likes}
+                  min={0}
+                  onChange={(e) => setLikes(Number(e.target.value) || 0)}
+                />
+              </Field>
+              <Field label="Reposts">
+                <NumInput
+                  value={reposts}
+                  min={0}
+                  onChange={(e) => setReposts(Number(e.target.value) || 0)}
+                />
+              </Field>
             </div>
           </div>
         </div>
       </div>
       <div className="rounded-2xl border border-border bg-card/60 p-4">
-        <canvas ref={canvasRef} className="mx-auto rounded-3xl" style={{ maxWidth: 360, aspectRatio: "800/1000" }} />
+        <canvas
+          ref={canvasRef}
+          className="mx-auto rounded-3xl"
+          style={{ maxWidth: 360, aspectRatio: "800/1000" }}
+        />
+      </div>
+      <div>
+        <PrimaryButton
+          onClick={() => {
+            draw();
+            if (canvasRef.current)
+              triggerDownload(
+                canvasRef.current.toDataURL("image/png"),
+                "social-post.png",
+              );
+          }}
+        >
+          Download PNG
+        </PrimaryButton>
       </div>
-      <div><PrimaryButton onClick={() => { draw(); if (canvasRef.current) triggerDownload(canvasRef.current.toDataURL("image/png"), "social-post.png"); }}>Download PNG</PrimaryButton></div>
     </div>
   );
 }
 
-function titleCandidates(kw1: string, kw2: string, kw3: string, topic: string, o: { number: boolean; power: boolean; howto: boolean; myth: boolean }): string[] {
+function titleCandidates(
+  kw1: string,
+  kw2: string,
+  kw3: string,
+  topic: string,
+  o: { number: boolean; power: boolean; howto: boolean; myth: boolean },
+): string[] {
   const keys = [kw1, kw2, kw3].filter(Boolean);
   const k = keys.length ? keys.join(" ") : topic.trim() || "Your Topic";
   const tt = topic.trim() || "Your Topic";
@@ -852,31 +1635,71 @@ function YtTitleGenerator() {
   const [myth, setMyth] = useState(false);
   const [out, setOut] = useState<string[] | null>(null);
 
-  const generate = () => { if (kw1.trim() || kw2.trim() || kw3.trim() || topic.trim()) setOut(titleCandidates(kw1, kw2, kw3, topic, { number: num, power, howto, myth })); };
+  const generate = () => {
+    if (kw1.trim() || kw2.trim() || kw3.trim() || topic.trim())
+      setOut(
+        titleCandidates(kw1, kw2, kw3, topic, {
+          number: num,
+          power,
+          howto,
+          myth,
+        }),
+      );
+  };
 
-  const band = (t: string) => t.length < 40 ? "Under 40" : t.length <= 70 ? "40-70" : "Over 70";
-  const bandColor = (t: string) => t.length < 40 ? "bg-green-500/20 text-green-400" : t.length <= 70 ? "bg-amber-500/20 text-amber-400" : "bg-red-500/20 text-red-400";
+  const band = (t: string) =>
+    t.length < 40 ? "Under 40" : t.length <= 70 ? "40-70" : "Over 70";
+  const bandColor = (t: string) =>
+    t.length < 40
+      ? "bg-green-500/20 text-green-400"
+      : t.length <= 70
+        ? "bg-amber-500/20 text-amber-400"
+        : "bg-red-500/20 text-red-400";
 
   return (
     <div className="grid gap-4">
       <div className="rounded-2xl border border-border bg-card/60 p-4">
         <div className="grid gap-4 sm:grid-cols-2">
-          <Field label="Keyword 1"><TextInput value={kw1} onChange={(e) => setKw1(e.target.value)} /></Field>
-          <Field label="Keyword 2"><TextInput value={kw2} onChange={(e) => setKw2(e.target.value)} /></Field>
-          <Field label="Keyword 3"><TextInput value={kw3} onChange={(e) => setKw3(e.target.value)} /></Field>
-          <Field label="Topic"><TextInput value={topic} onChange={(e) => setTopic(e.target.value)} /></Field>
+          <Field label="Keyword 1">
+            <TextInput value={kw1} onChange={(e) => setKw1(e.target.value)} />
+          </Field>
+          <Field label="Keyword 2">
+            <TextInput value={kw2} onChange={(e) => setKw2(e.target.value)} />
+          </Field>
+          <Field label="Keyword 3">
+            <TextInput value={kw3} onChange={(e) => setKw3(e.target.value)} />
+          </Field>
+          <Field label="Topic">
+            <TextInput
+              value={topic}
+              onChange={(e) => setTopic(e.target.value)}
+            />
+          </Field>
         </div>
         <div className="mt-4 grid gap-2 sm:grid-cols-2">
-          <ToggleInput label="Numbers (Top 5...)" checked={num} onChange={setNum} />
-          <ToggleInput label="Power words" checked={power} onChange={setPower} />
+          <ToggleInput
+            label="Numbers (Top 5...)"
+            checked={num}
+            onChange={setNum}
+          />
+          <ToggleInput
+            label="Power words"
+            checked={power}
+            onChange={setPower}
+          />
           <ToggleInput label="How-to" checked={howto} onChange={setHowto} />
           <ToggleInput label="Myth debunk" checked={myth} onChange={setMyth} />
         </div>
-        <div className="mt-4"><PrimaryButton onClick={generate}>Generate</PrimaryButton></div>
+        <div className="mt-4">
+          <PrimaryButton onClick={generate}>Generate</PrimaryButton>
+        </div>
       </div>
       {out && (
         <div className="rounded-2xl border border-border bg-card/60 p-4">
-          <div className="mb-3 flex gap-2"><Chip color="bg-ring/15 text-ring">{out.length} candidates</Chip><Chip color={bandColor("short")}>Length bands</Chip></div>
+          <div className="mb-3 flex gap-2">
+            <Chip color="bg-ring/15 text-ring">{out.length} candidates</Chip>
+            <Chip color={bandColor("short")}>Length bands</Chip>
+          </div>
           <div className="space-y-2">
             {out.map((t, i) => (
               <div key={i} className="flex items-center gap-2">
@@ -912,30 +1735,68 @@ function InstagramFilterPreview() {
 
   const load = async (f: File) => {
     setError(null);
-    try { const i = await readFileAsImage(f); setFile(f); setImg(i.src); } catch (e) { setError((e as Error).message); }
+    try {
+      const i = await readFileAsImage(f);
+      setFile(f);
+      setImg(i.src);
+    } catch (e) {
+      setError((e as Error).message);
+    }
   };
 
   return (
     <div className="grid gap-4">
       <div>
         <div
-          onDragOver={(e) => { e.preventDefault(); }}
-          onDrop={(e) => { e.preventDefault(); const f = e.dataTransfer.files?.[0]; if (f) load(f); }}
-          onClick={() => { const input = document.createElement("input"); input.type = "file"; input.accept = "image/*"; input.onchange = () => { const f = input.files?.[0]; if (f) load(f); }; input.click(); }}
+          onDragOver={(e) => {
+            e.preventDefault();
+          }}
+          onDrop={(e) => {
+            e.preventDefault();
+            const f = e.dataTransfer.files?.[0];
+            if (f) load(f);
+          }}
+          onClick={() => {
+            const input = document.createElement("input");
+            input.type = "file";
+            input.accept = "image/*";
+            input.onchange = () => {
+              const f = input.files?.[0];
+              if (f) load(f);
+            };
+            input.click();
+          }}
           className="flex min-h-44 cursor-pointer flex-col items-center justify-center gap-3 rounded-2xl border-2 border-dashed border-border bg-black/40 p-6 text-center transition hover:border-ring/50"
         >
-          {img ? <img src={img} alt="preview" className="max-h-44 rounded-xl" /> : <p className="text-sm text-muted-foreground">Drop a photo or click to browse</p>}
+          {img ? (
+            <img src={img} alt="preview" className="max-h-44 rounded-xl" />
+          ) : (
+            <p className="text-sm text-muted-foreground">
+              Drop a photo or click to browse
+            </p>
+          )}
         </div>
         {error && <p className="mt-2 text-sm text-red-400">{error}</p>}
       </div>
       {img && (
         <div className="rounded-2xl border border-border bg-card/60 p-4">
           <div className="mx-auto max-w-xs overflow-hidden rounded-xl border border-border">
-            <img src={img} alt="preview" className="w-full" style={{ filter: filters[filter] }} />
+            <img
+              src={img}
+              alt="preview"
+              className="w-full"
+              style={{ filter: filters[filter] }}
+            />
           </div>
           <div className="mt-4 flex flex-wrap justify-center gap-2">
             {Object.keys(filters).map((f) => (
-              <GhostButton key={f} className={filter === f ? "border-ring bg-ring/15" : ""} onClick={() => setFilter(f)}>{f}</GhostButton>
+              <GhostButton
+                key={f}
+                className={filter === f ? "border-ring bg-ring/15" : ""}
+                onClick={() => setFilter(f)}
+              >
+                {f}
+              </GhostButton>
             ))}
           </div>
         </div>
@@ -946,19 +1807,33 @@ function InstagramFilterPreview() {
 
 export default function SocialTools({ tool }: ToolPageProps) {
   switch (tool.slug) {
-    case "og-meta-generator": return <OgMetaGenerator />;
-    case "instagram-filters": return <InstagramFilterPreview />;
-    case "youtube-thumbnail": return <YoutubeThumbnail />;
-    case "vimeo-thumbnail": return <VimeoThumbnail />;
-    case "custom-twitter-card": return <CustomTwitterCard />;
-    case "og-image-generator": return <OgImageGenerator />;
-    case "quote-generator": return <QuoteGenerator />;
-    case "caption-generator": return <CaptionGenerator />;
-    case "bio-generator": return <BioGenerator />;
-    case "linkedin-header-generator": return <LinkedinHeaderGenerator />;
-    case "link-preview-generator": return <LinkPreviewGenerator />;
-    case "social-mockup": return <SocialMockup />;
-    case "yt-title-generator": return <YtTitleGenerator />;
-    default: return <div className="text-sm text-muted-foreground">Unknown tool</div>;
+    case "og-meta-generator":
+      return <OgMetaGenerator />;
+    case "instagram-filters":
+      return <InstagramFilterPreview />;
+    case "youtube-thumbnail":
+      return <YoutubeThumbnail />;
+    case "vimeo-thumbnail":
+      return <VimeoThumbnail />;
+    case "custom-twitter-card":
+      return <CustomTwitterCard />;
+    case "og-image-generator":
+      return <OgImageGenerator />;
+    case "quote-generator":
+      return <QuoteGenerator />;
+    case "caption-generator":
+      return <CaptionGenerator />;
+    case "bio-generator":
+      return <BioGenerator />;
+    case "linkedin-header-generator":
+      return <LinkedinHeaderGenerator />;
+    case "link-preview-generator":
+      return <LinkPreviewGenerator />;
+    case "social-mockup":
+      return <SocialMockup />;
+    case "yt-title-generator":
+      return <YtTitleGenerator />;
+    default:
+      return <div className="text-sm text-muted-foreground">Unknown tool</div>;
   }
 }
diff --git a/artifacts/personal-tool-console/src/components/tools/speed-test.tsx b/artifacts/personal-tool-console/src/components/tools/speed-test.tsx
index 7f6e781..8d8a06f 100644
--- a/artifacts/personal-tool-console/src/components/tools/speed-test.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/speed-test.tsx
@@ -1,18 +1,40 @@
 import { useState, type ReactNode } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
-import { runSpeedTest, downloadQuality, uploadQuality, pingQuality, type SpeedTestResult, type SpeedProgress } from "@/lib/tools/speed-test";
+import {
+  runSpeedTest,
+  downloadQuality,
+  uploadQuality,
+  pingQuality,
+  type SpeedTestResult,
+  type SpeedProgress,
+} from "@/lib/tools/speed-test";
 import { PrimaryButton } from "@/components/tools/shared/fields";
 import { Terminal, Download, Upload, Zap } from "lucide-react";
 
-function MetricCard({ title, value, quality, icon }: { title: string; value: string; quality: { label: string; color: string }; icon: ReactNode }) {
+function MetricCard({
+  title,
+  value,
+  quality,
+  icon,
+}: {
+  title: string;
+  value: string;
+  quality: { label: string; color: string };
+  icon: ReactNode;
+}) {
   return (
     <div className="rounded-2xl border border-border bg-card/60 p-4">
       <div className="mb-2 flex items-center gap-2 text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
         {icon}
         {title}
       </div>
-      <div className="font-mono text-3xl text-foreground">{value}<span className="ml-1 text-sm text-muted-foreground">Mbps</span></div>
-      <div className={`mt-1 text-sm font-medium ${quality.color}`}>{quality.label}</div>
+      <div className="font-mono text-3xl text-foreground">
+        {value}
+        <span className="ml-1 text-sm text-muted-foreground">Mbps</span>
+      </div>
+      <div className={`mt-1 text-sm font-medium ${quality.color}`}>
+        {quality.label}
+      </div>
     </div>
   );
 }
@@ -50,7 +72,10 @@ export default function SpeedTestPage({ tool }: ToolPageProps) {
         <div className="flex items-center justify-between gap-3">
           <div className="flex items-center gap-2 font-mono text-sm text-muted-foreground">
             <Terminal className="h-4 w-4 text-cyan-400" />
-            <span>{status || "Ready — press Run to measure download, upload and ping."}</span>
+            <span>
+              {status ||
+                "Ready — press Run to measure download, upload and ping."}
+            </span>
           </div>
           <PrimaryButton onClick={run} disabled={running}>
             {running ? "Running…" : "Run speed test"}
@@ -59,21 +84,38 @@ export default function SpeedTestPage({ tool }: ToolPageProps) {
       </div>
 
       <div className="grid gap-3 sm:grid-cols-3">
-        <MetricCard title="Download" value={result?.downloadMbps ?? "—"} quality={dl} icon={<Download className="h-3.5 w-3.5 text-cyan-400" />} />
-        <MetricCard title="Upload" value={result?.uploadMbps ?? "—"} quality={ul} icon={<Upload className="h-3.5 w-3.5 text-green-400" />} />
+        <MetricCard
+          title="Download"
+          value={result?.downloadMbps ?? "—"}
+          quality={dl}
+          icon={<Download className="h-3.5 w-3.5 text-cyan-400" />}
+        />
+        <MetricCard
+          title="Upload"
+          value={result?.uploadMbps ?? "—"}
+          quality={ul}
+          icon={<Upload className="h-3.5 w-3.5 text-green-400" />}
+        />
         <div className="rounded-2xl border border-border bg-card/60 p-4">
           <div className="mb-2 flex items-center gap-2 text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
             <Zap className="h-3.5 w-3.5 text-amber-400" />
             Ping
           </div>
-          <div className="font-mono text-3xl text-foreground">{result?.pingMs ?? "—"}<span className="ml-1 text-sm text-muted-foreground">ms</span></div>
-          <div className={`mt-1 text-sm font-medium ${ping.color}`}>{ping.label}</div>
+          <div className="font-mono text-3xl text-foreground">
+            {result?.pingMs ?? "—"}
+            <span className="ml-1 text-sm text-muted-foreground">ms</span>
+          </div>
+          <div className={`mt-1 text-sm font-medium ${ping.color}`}>
+            {ping.label}
+          </div>
         </div>
       </div>
 
       <p className="rounded-xl border border-dashed border-border bg-black/30 p-3 text-xs text-muted-foreground">
-        Results are a rough estimate. Upload runs against the app's API endpoint; download and ping hit speed.cloudflare.com. Large transfers may vary with network conditions.
+        Results are a rough estimate. Upload runs against the app's API
+        endpoint; download and ping hit speed.cloudflare.com. Large transfers
+        may vary with network conditions.
       </p>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/text/text-tool-page.tsx b/artifacts/personal-tool-console/src/components/tools/text/text-tool-page.tsx
index 01c335d..6bb67a9 100644
--- a/artifacts/personal-tool-console/src/components/tools/text/text-tool-page.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/text/text-tool-page.tsx
@@ -1,7 +1,17 @@
 import { useEffect, useMemo, useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
 import { getTextTool, type TextOpts, type TextOpt } from "@/lib/tools/text";
-import { TextArea, OutBox, Field, TextInput, NumInput, SelectInput, ToggleInput, PrimaryButton, GhostButton } from "@/components/tools/shared/fields";
+import {
+  TextArea,
+  OutBox,
+  Field,
+  TextInput,
+  NumInput,
+  SelectInput,
+  ToggleInput,
+  PrimaryButton,
+  GhostButton,
+} from "@/components/tools/shared/fields";
 import { WandSparkles, RotateCcw } from "lucide-react";
 
 const DEFAULT_OPTS: TextOpts = {};
@@ -29,10 +39,15 @@ export default function TextToolPage({ tool }: ToolPageProps) {
   }, [spec, input, opts]);
 
   if (!spec) {
-    return <div className="rounded-xl border border-dashed border-border p-6 text-sm text-muted-foreground">Tool definition not found in the text engine.</div>;
+    return (
+      <div className="rounded-xl border border-dashed border-border p-6 text-sm text-muted-foreground">
+        Tool definition not found in the text engine.
+      </div>
+    );
   }
 
-  const setOpt = (k: string, v: string | number | boolean) => setOpts((prev) => ({ ...prev, [k]: v }));
+  const setOpt = (k: string, v: string | number | boolean) =>
+    setOpts((prev) => ({ ...prev, [k]: v }));
 
   return (
     <div className="space-y-4">
@@ -51,29 +66,49 @@ export default function TextToolPage({ tool }: ToolPageProps) {
 
         <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
           <div className="flex items-center justify-between">
-            <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Options</span>
+            <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+              Options
+            </span>
             {options.length > 0 && (
-              <GhostButton className="px-2.5 py-1.5 text-xs" onClick={() => setOpts(DEFAULT_OPTS)}>
+              <GhostButton
+                className="px-2.5 py-1.5 text-xs"
+                onClick={() => setOpts(DEFAULT_OPTS)}
+              >
                 <RotateCcw className="h-3.5 w-3.5" /> Reset
               </GhostButton>
             )}
           </div>
           {options.length === 0 ? (
-            <p className="rounded-xl border border-dashed border-border bg-black/30 p-3 text-xs text-muted-foreground">No options — the tool runs straight on the input.</p>
+            <p className="rounded-xl border border-dashed border-border bg-black/30 p-3 text-xs text-muted-foreground">
+              No options — the tool runs straight on the input.
+            </p>
           ) : (
             <div className="grid gap-3 sm:grid-cols-2">
               {options.map((o) => (
-                <OptionControl key={o.key} opt={o} value={opts[o.key]} onChange={(v) => setOpt(o.key, v)} />
+                <OptionControl
+                  key={o.key}
+                  opt={o}
+                  value={opts[o.key]}
+                  onChange={(v) => setOpt(o.key, v)}
+                />
               ))}
             </div>
           )}
           <div className="flex gap-2 pt-1">
-            <PrimaryButton onClick={() => setRan(true)} disabled={input.trim().length === 0}>
+            <PrimaryButton
+              onClick={() => setRan(true)}
+              disabled={input.trim().length === 0}
+            >
               <WandSparkles className="h-4 w-4" /> Run
             </PrimaryButton>
             <div className="flex flex-1 items-end justify-end gap-4 text-xs text-muted-foreground">
               <span>{input.length.toLocaleString()} chars</span>
-              <span>{input.trim() ? input.trim().split(/\s+/).length.toLocaleString() : 0} words</span>
+              <span>
+                {input.trim()
+                  ? input.trim().split(/\s+/).length.toLocaleString()
+                  : 0}{" "}
+                words
+              </span>
             </div>
           </div>
         </div>
@@ -81,36 +116,74 @@ export default function TextToolPage({ tool }: ToolPageProps) {
 
       <div className="space-y-1.5">
         <div className="flex items-center justify-between">
-          <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Output</span>
+          <span className="text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+            Output
+          </span>
         </div>
-        <OutBox value={ran || input !== "" ? result : ""} className="min-h-28" downloadable />
-        {!ran && input === "" && <p className="text-xs text-muted-foreground/60">Type some input and press Run to see the result.</p>}
+        <OutBox
+          value={ran || input !== "" ? result : ""}
+          className="min-h-28"
+          downloadable
+        />
+        {!ran && input === "" && (
+          <p className="text-xs text-muted-foreground/60">
+            Type some input and press Run to see the result.
+          </p>
+        )}
       </div>
     </div>
   );
 }
 
-function OptionControl({ opt, value, onChange }: { opt: TextOpt; value: string | number | boolean | undefined; onChange: (v: string | number | boolean) => void }) {
+function OptionControl({
+  opt,
+  value,
+  onChange,
+}: {
+  opt: TextOpt;
+  value: string | number | boolean | undefined;
+  onChange: (v: string | number | boolean) => void;
+}) {
   if (opt.kind === "toggle") {
-    return <ToggleInput label={opt.label} checked={Boolean(value ?? opt.default ?? false)} onChange={onChange} />;
+    return (
+      <ToggleInput
+        label={opt.label}
+        checked={Boolean(value ?? opt.default ?? false)}
+        onChange={onChange}
+      />
+    );
   }
   if (opt.kind === "number") {
     return (
       <Field label={opt.label}>
-        <NumInput min={opt.min} max={opt.max} step={opt.step} value={Number(value ?? opt.default ?? 1)} onChange={(e) => onChange(Number(e.target.value))} />
+        <NumInput
+          min={opt.min}
+          max={opt.max}
+          step={opt.step}
+          value={Number(value ?? opt.default ?? 1)}
+          onChange={(e) => onChange(Number(e.target.value))}
+        />
       </Field>
     );
   }
   if (opt.kind === "select") {
     return (
       <Field label={opt.label}>
-        <SelectInput options={opt.options} value={String(value ?? opt.default ?? opt.options[0])} onChange={(e) => onChange(e.target.value)} />
+        <SelectInput
+          options={opt.options}
+          value={String(value ?? opt.default ?? opt.options[0])}
+          onChange={(e) => onChange(e.target.value)}
+        />
       </Field>
     );
   }
   return (
     <Field label={opt.label} className="sm:col-span-2">
-      <TextInput value={String(value ?? opt.default ?? "")} onChange={(e) => onChange(e.target.value)} placeholder={opt.placeholder} />
+      <TextInput
+        value={String(value ?? opt.default ?? "")}
+        onChange={(e) => onChange(e.target.value)}
+        placeholder={opt.placeholder}
+      />
     </Field>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/timestamp.tsx b/artifacts/personal-tool-console/src/components/tools/timestamp.tsx
index 62cc9e1..c377963 100644
--- a/artifacts/personal-tool-console/src/components/tools/timestamp.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/timestamp.tsx
@@ -1,6 +1,10 @@
 import { useMemo, useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
-import { timestampNow, timestampFromUnix, timestampFromDate } from "@/lib/tools/timestamp";
+import {
+  timestampNow,
+  timestampFromUnix,
+  timestampFromDate,
+} from "@/lib/tools/timestamp";
 import { Field, TextInput, OutBox } from "@/components/tools/shared/fields";
 
 type Mode = "now" | "unix" | "date";
@@ -11,7 +15,10 @@ const MODES: { value: Mode; label: string }[] = [
   { value: "date", label: "Date → Unix" },
 ];
 
-const FIELDS: { key: "unix" | "unixMs" | "iso" | "utc" | "local"; label: string }[] = [
+const FIELDS: {
+  key: "unix" | "unixMs" | "iso" | "utc" | "local";
+  label: string;
+}[] = [
   { key: "unix", label: "Unix (s)" },
   { key: "unixMs", label: "Unix (ms)" },
   { key: "iso", label: "ISO 8601" },
@@ -26,7 +33,8 @@ export default function TimestampPage({ tool }: ToolPageProps) {
   const result = useMemo(() => {
     try {
       if (mode === "now") return { ok: true as const, data: timestampNow() };
-      if (mode === "unix") return { ok: true as const, data: timestampFromUnix(input) };
+      if (mode === "unix")
+        return { ok: true as const, data: timestampFromUnix(input) };
       return { ok: true as const, data: timestampFromDate(input) };
     } catch (e) {
       return { ok: false as const, error: (e as Error).message };
@@ -52,26 +60,46 @@ export default function TimestampPage({ tool }: ToolPageProps) {
           <div className="mt-3">
             <Field
               label={mode === "unix" ? "Unix timestamp" : "Date"}
-              hint={mode === "unix" ? "Seconds or milliseconds (≤ 13 digits)" : "e.g. 2024-01-15 or 2024-01-15T10:30:00"}
+              hint={
+                mode === "unix"
+                  ? "Seconds or milliseconds (≤ 13 digits)"
+                  : "e.g. 2024-01-15 or 2024-01-15T10:30:00"
+              }
             >
-              <TextInput value={input} onChange={(e) => setInput(e.target.value)} placeholder={mode === "unix" ? "1700000000" : "2024-01-15T10:30:00"} />
+              <TextInput
+                value={input}
+                onChange={(e) => setInput(e.target.value)}
+                placeholder={
+                  mode === "unix" ? "1700000000" : "2024-01-15T10:30:00"
+                }
+              />
             </Field>
           </div>
         )}
       </div>
 
       {!result.ok ? (
-        <p className="rounded-2xl border border-border bg-red-500/10 p-4 text-sm text-red-400">{result.error}</p>
+        <p className="rounded-2xl border border-border bg-red-500/10 p-4 text-sm text-red-400">
+          {result.error}
+        </p>
       ) : (
         <div className="grid gap-3 sm:grid-cols-2">
           {FIELDS.map((f) => (
-            <div key={f.key} className="rounded-2xl border border-border bg-card/60 p-4">
-              <div className="mb-1.5 text-xs font-medium uppercase tracking-wide text-muted-foreground/70">{f.label}</div>
-              <OutBox value={String(result.data[f.key])} mono={f.key !== "local"} />
+            <div
+              key={f.key}
+              className="rounded-2xl border border-border bg-card/60 p-4"
+            >
+              <div className="mb-1.5 text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+                {f.label}
+              </div>
+              <OutBox
+                value={String(result.data[f.key])}
+                mono={f.key !== "local"}
+              />
             </div>
           ))}
         </div>
       )}
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/unit-converter.tsx b/artifacts/personal-tool-console/src/components/tools/unit-converter.tsx
index 11d9347..a72724c 100644
--- a/artifacts/personal-tool-console/src/components/tools/unit-converter.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/unit-converter.tsx
@@ -1,7 +1,17 @@
 import { useMemo, useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
-import { getAllUnitCategories, getUnitsForCategory, convertUnits } from "@/lib/tools/unit-converter";
-import { Field, SelectInput, NumInput, OutBox, GhostButton } from "@/components/tools/shared/fields";
+import {
+  getAllUnitCategories,
+  getUnitsForCategory,
+  convertUnits,
+} from "@/lib/tools/unit-converter";
+import {
+  Field,
+  SelectInput,
+  NumInput,
+  OutBox,
+  GhostButton,
+} from "@/components/tools/shared/fields";
 import { ArrowLeftRight } from "lucide-react";
 
 const FIRST_CATEGORY = getAllUnitCategories()[0];
@@ -13,7 +23,9 @@ function firstAndLast(cat: string): [string, string] {
 
 export default function UnitConverterPage({ tool }: ToolPageProps) {
   const [category, setCategory] = useState(FIRST_CATEGORY);
-  const [from, setFrom] = useState<string>(() => firstAndLast(FIRST_CATEGORY)[0]);
+  const [from, setFrom] = useState<string>(
+    () => firstAndLast(FIRST_CATEGORY)[0],
+  );
   const [to, setTo] = useState<string>(() => firstAndLast(FIRST_CATEGORY)[1]);
   const [value, setValue] = useState("1");
 
@@ -45,20 +57,32 @@ export default function UnitConverterPage({ tool }: ToolPageProps) {
     <div className="grid gap-4 lg:grid-cols-2">
       <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
         <Field label="Category">
-          <SelectInput options={getAllUnitCategories()} value={category} onChange={(e) => onCategory(e.target.value)} />
+          <SelectInput
+            options={getAllUnitCategories()}
+            value={category}
+            onChange={(e) => onCategory(e.target.value)}
+          />
         </Field>
         <Field label="Value">
           <NumInput value={value} onChange={(e) => setValue(e.target.value)} />
         </Field>
         <div className="grid grid-cols-[1fr_auto_1fr] items-end gap-2">
           <Field label="From">
-            <SelectInput options={units} value={from} onChange={(e) => setFrom(e.target.value)} />
+            <SelectInput
+              options={units}
+              value={from}
+              onChange={(e) => setFrom(e.target.value)}
+            />
           </Field>
           <GhostButton className="px-3" onClick={swap} title="Swap">
             <ArrowLeftRight className="h-4 w-4" />
           </GhostButton>
           <Field label="To">
-            <SelectInput options={units} value={to} onChange={(e) => setTo(e.target.value)} />
+            <SelectInput
+              options={units}
+              value={to}
+              onChange={(e) => setTo(e.target.value)}
+            />
           </Field>
         </div>
       </div>
@@ -67,4 +91,4 @@ export default function UnitConverterPage({ tool }: ToolPageProps) {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/url-encoder.tsx b/artifacts/personal-tool-console/src/components/tools/url-encoder.tsx
index 046b71e..a950e8b 100644
--- a/artifacts/personal-tool-console/src/components/tools/url-encoder.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/url-encoder.tsx
@@ -1,7 +1,13 @@
 import { useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
 import { urlEncode, urlDecode } from "@/lib/tools/coding";
-import { Field, TextArea, SelectInput, OutBox, Chip } from "@/components/tools/shared/fields";
+import {
+  Field,
+  TextArea,
+  SelectInput,
+  OutBox,
+  Chip,
+} from "@/components/tools/shared/fields";
 
 export default function UrlEncoder({ tool }: ToolPageProps) {
   const [mode, setMode] = useState("Encode");
@@ -22,7 +28,15 @@ export default function UrlEncoder({ tool }: ToolPageProps) {
   return (
     <div className="grid gap-4">
       <div className="flex flex-wrap items-center gap-2">
-        <SelectInput value={mode} onChange={(e) => { setMode(e.target.value); setError(null); }} options={["Encode", "Decode"]} className="w-36" />
+        <SelectInput
+          value={mode}
+          onChange={(e) => {
+            setMode(e.target.value);
+            setError(null);
+          }}
+          options={["Encode", "Decode"]}
+          className="w-36"
+        />
         <Chip color="bg-ring/15 text-ring">{tool.slug}</Chip>
       </div>
 
@@ -32,7 +46,11 @@ export default function UrlEncoder({ tool }: ToolPageProps) {
             value={input}
             onChange={(e) => setInput(e.target.value)}
             spellCheck={false}
-            placeholder={mode === "Encode" ? "https://example.com?q=hello world 🚀" : "https%3A%2F%2Fexample.com%3Fq%3Dhello%20world"}
+            placeholder={
+              mode === "Encode"
+                ? "https://example.com?q=hello world 🚀"
+                : "https%3A%2F%2Fexample.com%3Fq%3Dhello%20world"
+            }
           />
         </Field>
       </div>
@@ -40,7 +58,13 @@ export default function UrlEncoder({ tool }: ToolPageProps) {
       {error ? (
         <p className="text-red-400 text-sm">{error}</p>
       ) : (
-        transform() !== "" && <OutBox value={transform()} mono filename={mode === "Encode" ? "encoded.txt" : "decoded.txt"} />
+        transform() !== "" && (
+          <OutBox
+            value={transform()}
+            mono
+            filename={mode === "Encode" ? "encoded.txt" : "decoded.txt"}
+          />
+        )
       )}
     </div>
   );
diff --git a/artifacts/personal-tool-console/src/components/tools/utf8/utf8-tools.tsx b/artifacts/personal-tool-console/src/components/tools/utf8/utf8-tools.tsx
index d2f02a2..f6689d2 100644
--- a/artifacts/personal-tool-console/src/components/tools/utf8/utf8-tools.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/utf8/utf8-tools.tsx
@@ -11,7 +11,15 @@ import {
   escapeSequences,
   unescapeSequences,
 } from "@/lib/tools/utf8";
-import { Field, TextArea, SelectInput, ToggleInput, OutBox, GhostButton, Chip } from "@/components/tools/shared/fields";
+import {
+  Field,
+  TextArea,
+  SelectInput,
+  ToggleInput,
+  OutBox,
+  GhostButton,
+  Chip,
+} from "@/components/tools/shared/fields";
 
 function EncoderPanel() {
   const [decodeMode, setDecodeMode] = useState(false);
@@ -19,9 +27,15 @@ function EncoderPanel() {
   const bytes = useMemo(() => textToUtf8Bytes(text), [text]);
   const decoded = useMemo(() => {
     try {
-      const vals = text.trim().split(/[\s,]+/).map((h) => parseInt(h, 16));
+      const vals = text
+        .trim()
+        .split(/[\s,]+/)
+        .map((h) => parseInt(h, 16));
       if (vals.length === 0 || vals.some((v) => Number.isNaN(v))) {
-        return { value: "", error: "Enter hex bytes separated by spaces or commas" };
+        return {
+          value: "",
+          error: "Enter hex bytes separated by spaces or commas",
+        };
       }
       return { value: utf8BytesToText(vals), error: null as string | null };
     } catch (e) {
@@ -31,23 +45,37 @@ function EncoderPanel() {
 
   return (
     <div className="grid gap-4">
-      <ToggleInput label="Decode bytes → text" checked={decodeMode} onChange={setDecodeMode} />
+      <ToggleInput
+        label="Decode bytes → text"
+        checked={decodeMode}
+        onChange={setDecodeMode}
+      />
       <Field label={decodeMode ? "Hex bytes" : "Text"}>
         <TextArea
           value={text}
           onChange={(e) => setText(e.target.value)}
           spellCheck={false}
           className="font-mono"
-          placeholder={decodeMode ? "48 65 6c 6c 6f 20 2c 20 e4 b8 96 e7 95 8c 21" : "Hello, 世界!"}
+          placeholder={
+            decodeMode
+              ? "48 65 6c 6c 6f 20 2c 20 e4 b8 96 e7 95 8c 21"
+              : "Hello, 世界!"
+          }
         />
       </Field>
       {decodeMode ? (
         <>
-          {decoded.error ? <p className="text-red-400 text-sm">{decoded.error}</p> : <OutBox value={decoded.value} mono={false} />}
+          {decoded.error ? (
+            <p className="text-red-400 text-sm">{decoded.error}</p>
+          ) : (
+            <OutBox value={decoded.value} mono={false} />
+          )}
         </>
       ) : (
         <>
-          <p className="text-sm text-muted-foreground">{bytes.length} bytes total</p>
+          <p className="text-sm text-muted-foreground">
+            {bytes.length} bytes total
+          </p>
           <div className="overflow-x-auto rounded-2xl border border-border bg-card/60 p-2">
             <table className="w-full text-left font-mono text-sm">
               <thead>
@@ -61,9 +89,13 @@ function EncoderPanel() {
               <tbody>
                 {bytes.map((b) => (
                   <tr key={b.offset} className="odd:bg-background/30">
-                    <td className="px-3 py-1.5 text-muted-foreground">{b.offset}</td>
+                    <td className="px-3 py-1.5 text-muted-foreground">
+                      {b.offset}
+                    </td>
                     <td className="px-3 py-1.5 text-ring">{b.hex}</td>
-                    <td className="px-3 py-1.5 text-muted-foreground">{b.dec}</td>
+                    <td className="px-3 py-1.5 text-muted-foreground">
+                      {b.dec}
+                    </td>
                     <td className="px-3 py-1.5 text-foreground">{b.binary}</td>
                   </tr>
                 ))}
@@ -83,9 +115,16 @@ function CodepointPanel() {
   return (
     <div className="grid gap-4">
       <Field label="Text">
-        <TextArea value={text} onChange={(e) => setText(e.target.value)} spellCheck={false} placeholder="A 😀 — try mixed scripts" />
+        <TextArea
+          value={text}
+          onChange={(e) => setText(e.target.value)}
+          spellCheck={false}
+          placeholder="A 😀 — try mixed scripts"
+        />
       </Field>
-      <p className="text-sm text-muted-foreground">{rows.length} codepoint{rows.length === 1 ? "" : "s"}</p>
+      <p className="text-sm text-muted-foreground">
+        {rows.length} codepoint{rows.length === 1 ? "" : "s"}
+      </p>
       <div className="overflow-x-auto rounded-2xl border border-border bg-card/60 p-2">
         <table className="w-full text-left text-sm">
           <thead>
@@ -100,11 +139,19 @@ function CodepointPanel() {
           <tbody>
             {rows.map((r) => (
               <tr key={r.codepoint + r.char} className="odd:bg-background/30">
-                <td className="px-3 py-1.5 font-mono text-foreground">{r.char === " " ? "␣" : r.char}</td>
+                <td className="px-3 py-1.5 font-mono text-foreground">
+                  {r.char === " " ? "␣" : r.char}
+                </td>
                 <td className="px-3 py-1.5 font-mono text-ring">{r.hex}</td>
-                <td className="px-3 py-1.5 font-mono text-foreground">{r.utf8 || "—"}</td>
-                <td className="px-3 py-1.5 font-mono text-muted-foreground">{r.html}</td>
-                <td className="px-3 py-1.5 font-mono text-muted-foreground">{r.js}</td>
+                <td className="px-3 py-1.5 font-mono text-foreground">
+                  {r.utf8 || "—"}
+                </td>
+                <td className="px-3 py-1.5 font-mono text-muted-foreground">
+                  {r.html}
+                </td>
+                <td className="px-3 py-1.5 font-mono text-muted-foreground">
+                  {r.js}
+                </td>
               </tr>
             ))}
           </tbody>
@@ -117,7 +164,9 @@ function CodepointPanel() {
 function ValidatorPanel() {
   const [text, setText] = useState("Hello, 世界!");
   const result = useMemo(() => {
-    const mode = /^(?:[0-9a-fA-F]{2}\s*)+$/.test(text.trim()) ? "hex bytes" : "text";
+    const mode = /^(?:[0-9a-fA-F]{2}\s*)+$/.test(text.trim())
+      ? "hex bytes"
+      : "text";
     try {
       const r = validateUtf8(text);
       const problem = r && r.problems && r.problems[0] ? r.problems[0] : null;
@@ -149,7 +198,9 @@ function ValidatorPanel() {
       </div>
       {!result.valid && (
         <div className="rounded-2xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-400">
-          {first ? `${first.reason} at byte offset ${first.offset}` : "Invalid UTF-8 byte sequence detected"}
+          {first
+            ? `${first.reason} at byte offset ${first.offset}`
+            : "Invalid UTF-8 byte sequence detected"}
         </div>
       )}
     </div>
@@ -166,19 +217,38 @@ function BomPanel() {
   return (
     <div className="grid gap-4">
       <Field label="Text">
-        <TextArea value={text} onChange={(e) => setText(e.target.value)} spellCheck={false} placeholder="Text to tag with a BOM" />
+        <TextArea
+          value={text}
+          onChange={(e) => setText(e.target.value)}
+          spellCheck={false}
+          placeholder="Text to tag with a BOM"
+        />
       </Field>
       <div className="flex flex-wrap items-center gap-2">
-        <GhostButton type="button" onClick={() => setText(addBom(text))}>Add BOM</GhostButton>
-        <GhostButton type="button" onClick={() => setText(removeBom(text))}>Strip BOM</GhostButton>
-        <Chip color={hasBom ? "bg-green-500/15 text-green-400" : "bg-border/60 text-muted-foreground"}>
+        <GhostButton type="button" onClick={() => setText(addBom(text))}>
+          Add BOM
+        </GhostButton>
+        <GhostButton type="button" onClick={() => setText(removeBom(text))}>
+          Strip BOM
+        </GhostButton>
+        <Chip
+          color={
+            hasBom
+              ? "bg-green-500/15 text-green-400"
+              : "bg-border/60 text-muted-foreground"
+          }
+        >
           {hasBom ? "BOM present" : "no BOM"}
         </Chip>
       </div>
       <div className="flex flex-wrap items-center gap-2 text-sm">
         <span className="text-muted-foreground">first 3 bytes:</span>
         <span className="font-mono text-foreground">{hex3 || "(empty)"}</span>
-        {hasBom && <span className="text-xs text-muted-foreground/70">EF BB BF proves the BOM is there</span>}
+        {hasBom && (
+          <span className="text-xs text-muted-foreground/70">
+            EF BB BF proves the BOM is there
+          </span>
+        )}
       </div>
     </div>
   );
@@ -188,10 +258,16 @@ function EscapePanel() {
   const [helper, setHelper] = useState('He said "hi" 😀\nnext line');
   const [mode, setMode] = useState("unicode");
   const [reverse, setReverse] = useState("\\u{1F600}");
-  const encoded = useMemo(() => escapeSequences(helper, mode as "unicode" | "hex" | "raw"), [helper, mode]);
+  const encoded = useMemo(
+    () => escapeSequences(helper, mode as "unicode" | "hex" | "raw"),
+    [helper, mode],
+  );
   const decoded = useMemo(() => {
     try {
-      return { value: unescapeSequences(reverse), error: null as string | null };
+      return {
+        value: unescapeSequences(reverse),
+        error: null as string | null,
+      };
     } catch (e) {
       return { value: "", error: (e as Error).message };
     }
@@ -201,24 +277,47 @@ function EscapePanel() {
     <div className="grid space-y-4">
       <div className="grid gap-4">
         <Field label="Source text">
-          <TextArea value={helper} onChange={(e) => setHelper(e.target.value)} spellCheck={false} className="font-mono" />
+          <TextArea
+            value={helper}
+            onChange={(e) => setHelper(e.target.value)}
+            spellCheck={false}
+            className="font-mono"
+          />
         </Field>
         <Field label="Escape style">
-          <SelectInput value={mode} onChange={(e) => setMode(e.target.value)} options={["unicode", "hex", "raw"]} className="w-36" />
+          <SelectInput
+            value={mode}
+            onChange={(e) => setMode(e.target.value)}
+            options={["unicode", "hex", "raw"]}
+            className="w-36"
+          />
         </Field>
         <div className="space-y-1.5">
-          <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Escaped</span>
+          <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+            Escaped
+          </span>
           <OutBox value={encoded} mono />
         </div>
       </div>
       <div className="border-t border-border" />
       <div className="grid gap-4">
         <Field label="Escaped input to unescape">
-          <TextArea value={reverse} onChange={(e) => setReverse(e.target.value)} spellCheck={false} className="font-mono" />
+          <TextArea
+            value={reverse}
+            onChange={(e) => setReverse(e.target.value)}
+            spellCheck={false}
+            className="font-mono"
+          />
         </Field>
         <div className="space-y-1.5">
-          <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">Unescaped</span>
-          {decoded.error ? <p className="text-red-400 text-sm">{decoded.error}</p> : <OutBox value={decoded.value} mono={false} />}
+          <span className="block text-xs font-medium uppercase tracking-wide text-muted-foreground/70">
+            Unescaped
+          </span>
+          {decoded.error ? (
+            <p className="text-red-400 text-sm">{decoded.error}</p>
+          ) : (
+            <OutBox value={decoded.value} mono={false} />
+          )}
         </div>
       </div>
     </div>
@@ -240,4 +339,4 @@ export default function Utf8Tools({ tool }: ToolPageProps) {
     default:
       return null;
   }
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/uuid-generator.tsx b/artifacts/personal-tool-console/src/components/tools/uuid-generator.tsx
index 5203829..6b94f59 100644
--- a/artifacts/personal-tool-console/src/components/tools/uuid-generator.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/uuid-generator.tsx
@@ -1,7 +1,14 @@
 import { useMemo, useState } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
 import { uuidBulk } from "@/lib/tools/coding";
-import { Field, SelectInput, NumInput, OutBox, PrimaryButton, ToggleInput } from "@/components/tools/shared/fields";
+import {
+  Field,
+  SelectInput,
+  NumInput,
+  OutBox,
+  PrimaryButton,
+  ToggleInput,
+} from "@/components/tools/shared/fields";
 
 type Version = "v4" | "v7";
 
@@ -41,15 +48,38 @@ export default function UuidGeneratorPage({ tool }: ToolPageProps) {
           <SelectInput
             options={["v4", "v1 (not client-side)", "v7"]}
             value={version === "v4" ? "v4" : "v7"}
-            onChange={(e) => setVersion(e.target.value === "v1 (not client-side)" ? version : e.target.value as Version)}
+            onChange={(e) =>
+              setVersion(
+                e.target.value === "v1 (not client-side)"
+                  ? version
+                  : (e.target.value as Version),
+              )
+            }
           />
         </Field>
         <Field label="Count">
-          <NumInput min={1} max={100} value={count} onChange={(e) => setCount(Math.min(100, Math.max(1, Number(e.target.value) || 1)))} />
+          <NumInput
+            min={1}
+            max={100}
+            value={count}
+            onChange={(e) =>
+              setCount(Math.min(100, Math.max(1, Number(e.target.value) || 1)))
+            }
+          />
         </Field>
-        <ToggleInput label="Uppercase" checked={uppercase} onChange={setUppercase} />
-        <ToggleInput label="Lowercase (inverse of uppercase)" checked={!uppercase} onChange={(v) => setUppercase(!v)} />
-        <p className="text-xs text-muted-foreground/60">v1 is not generated client-side (no MAC/timestamp source).</p>
+        <ToggleInput
+          label="Uppercase"
+          checked={uppercase}
+          onChange={setUppercase}
+        />
+        <ToggleInput
+          label="Lowercase (inverse of uppercase)"
+          checked={!uppercase}
+          onChange={(v) => setUppercase(!v)}
+        />
+        <p className="text-xs text-muted-foreground/60">
+          v1 is not generated client-side (no MAC/timestamp source).
+        </p>
       </div>
 
       <div className="space-y-3 rounded-2xl border border-border bg-card/60 p-4">
@@ -59,8 +89,13 @@ export default function UuidGeneratorPage({ tool }: ToolPageProps) {
           </span>
           <PrimaryButton onClick={copyAll}>Copy all</PrimaryButton>
         </div>
-        <OutBox value={output} className="min-h-64" downloadable filename={`uuids-${version}.txt`} />
+        <OutBox
+          value={output}
+          className="min-h-64"
+          downloadable
+          filename={`uuids-${version}.txt`}
+        />
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/components/tools/xml/xml-tools.tsx b/artifacts/personal-tool-console/src/components/tools/xml/xml-tools.tsx
index 79e3573..83634e4 100644
--- a/artifacts/personal-tool-console/src/components/tools/xml/xml-tools.tsx
+++ b/artifacts/personal-tool-console/src/components/tools/xml/xml-tools.tsx
@@ -1,7 +1,20 @@
 import { useState, useMemo } from "react";
 import type { ToolPageProps } from "@/lib/tool-registry";
-import { formatXml, minifyXml, validateXml, xmlToJson, jsonToXml } from "@/lib/tools/xml";
-import { Field, TextInput, TextArea, SelectInput, ToggleInput, OutBox } from "@/components/tools/shared/fields";
+import {
+  formatXml,
+  minifyXml,
+  validateXml,
+  xmlToJson,
+  jsonToXml,
+} from "@/lib/tools/xml";
+import {
+  Field,
+  TextInput,
+  TextArea,
+  SelectInput,
+  ToggleInput,
+  OutBox,
+} from "@/components/tools/shared/fields";
 
 const SAMPLE = `<root>
   <person id="1"><name>Ada</name></person>
@@ -13,7 +26,10 @@ function FormatterPanel() {
   const [indent, setIndent] = useState("2");
   const computed = useMemo(() => {
     try {
-      return { value: formatXml(input, Number(indent)), error: null as string | null };
+      return {
+        value: formatXml(input, Number(indent)),
+        error: null as string | null,
+      };
     } catch (e) {
       return { value: "", error: (e as Error).message };
     }
@@ -22,12 +38,31 @@ function FormatterPanel() {
   return (
     <div className="grid gap-4">
       <Field label="XML">
-        <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} className="font-mono" />
+        <TextArea
+          value={input}
+          onChange={(e) => setInput(e.target.value)}
+          spellCheck={false}
+          className="font-mono"
+        />
       </Field>
       <Field label="Indent size">
-        <SelectInput value={indent} onChange={(e) => setIndent(e.target.value)} options={["2", "4"]} className="w-24" />
+        <SelectInput
+          value={indent}
+          onChange={(e) => setIndent(e.target.value)}
+          options={["2", "4"]}
+          className="w-24"
+        />
       </Field>
-      {computed.error ? <p className="text-red-400 text-sm">{computed.error}</p> : <OutBox value={computed.value} mono downloadable filename="formatted.xml" />}
+      {computed.error ? (
+        <p className="text-red-400 text-sm">{computed.error}</p>
+      ) : (
+        <OutBox
+          value={computed.value}
+          mono
+          downloadable
+          filename="formatted.xml"
+        />
+      )}
     </div>
   );
 }
@@ -37,7 +72,10 @@ function MinifierPanel() {
   const [keepComments, setKeepComments] = useState(false);
   const computed = useMemo(() => {
     try {
-      return { value: minifyXml(input, keepComments), error: null as string | null };
+      return {
+        value: minifyXml(input, keepComments),
+        error: null as string | null,
+      };
     } catch (e) {
       return { value: "", error: (e as Error).message };
     }
@@ -46,10 +84,28 @@ function MinifierPanel() {
   return (
     <div className="grid gap-4">
       <Field label="XML">
-        <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} className="font-mono" />
+        <TextArea
+          value={input}
+          onChange={(e) => setInput(e.target.value)}
+          spellCheck={false}
+          className="font-mono"
+        />
       </Field>
-      <ToggleInput label="Keep comments" checked={keepComments} onChange={setKeepComments} />
-      {computed.error ? <p className="text-red-400 text-sm">{computed.error}</p> : <OutBox value={computed.value} mono downloadable filename="minified.xml" />}
+      <ToggleInput
+        label="Keep comments"
+        checked={keepComments}
+        onChange={setKeepComments}
+      />
+      {computed.error ? (
+        <p className="text-red-400 text-sm">{computed.error}</p>
+      ) : (
+        <OutBox
+          value={computed.value}
+          mono
+          downloadable
+          filename="minified.xml"
+        />
+      )}
     </div>
   );
 }
@@ -61,10 +117,17 @@ function ValidatorPanel() {
   return (
     <div className="grid gap-4">
       <Field label="XML to validate">
-        <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} className="font-mono" />
+        <TextArea
+          value={input}
+          onChange={(e) => setInput(e.target.value)}
+          spellCheck={false}
+          className="font-mono"
+        />
       </Field>
       {result.valid ? (
-        <div className="rounded-2xl border border-green-500/30 bg-green-500/10 px-4 py-3 text-sm text-green-400">Valid XML</div>
+        <div className="rounded-2xl border border-green-500/30 bg-green-500/10 px-4 py-3 text-sm text-green-400">
+          Valid XML
+        </div>
       ) : (
         <div className="rounded-2xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-400">
           Invalid XML
@@ -87,7 +150,10 @@ function ConverterPanel() {
   const computed = useMemo(() => {
     try {
       return {
-        value: mode === "XML → JSON" ? xmlToJson(input) : jsonToXml(input, root.trim() || "root"),
+        value:
+          mode === "XML → JSON"
+            ? xmlToJson(input)
+            : jsonToXml(input, root.trim() || "root"),
         error: null as string | null,
       };
     } catch (e) {
@@ -99,19 +165,45 @@ function ConverterPanel() {
     <div className="grid gap-4">
       <div className="grid gap-4 sm:grid-cols-2">
         <Field label="Direction">
-          <SelectInput value={mode} onChange={(e) => setMode(e.target.value)} options={["XML → JSON", "JSON → XML"]} />
+          <SelectInput
+            value={mode}
+            onChange={(e) => setMode(e.target.value)}
+            options={["XML → JSON", "JSON → XML"]}
+          />
         </Field>
         {mode === "JSON → XML" && (
           <Field label="Root element name">
-            <TextInput value={root} onChange={(e) => setRoot(e.target.value)} spellCheck={false} placeholder="root" />
+            <TextInput
+              value={root}
+              onChange={(e) => setRoot(e.target.value)}
+              spellCheck={false}
+              placeholder="root"
+            />
           </Field>
         )}
       </div>
       <Field label={mode === "XML → JSON" ? "XML" : "JSON"}>
-        <TextArea value={input} onChange={(e) => setInput(e.target.value)} spellCheck={false} className="font-mono" />
+        <TextArea
+          value={input}
+          onChange={(e) => setInput(e.target.value)}
+          spellCheck={false}
+          className="font-mono"
+        />
       </Field>
-      {computed.error ? <p className="text-red-400 text-sm">{computed.error}</p> : <OutBox value={computed.value} mono downloadable filename={mode === "XML → JSON" ? "output.json" : "output.xml"} />}
-      <p className="text-xs text-muted-foreground/70">Works for simple XML without mixed content or namespaces. Errors from either direction are shown inline.</p>
+      {computed.error ? (
+        <p className="text-red-400 text-sm">{computed.error}</p>
+      ) : (
+        <OutBox
+          value={computed.value}
+          mono
+          downloadable
+          filename={mode === "XML → JSON" ? "output.json" : "output.xml"}
+        />
+      )}
+      <p className="text-xs text-muted-foreground/70">
+        Works for simple XML without mixed content or namespaces. Errors from
+        either direction are shown inline.
+      </p>
     </div>
   );
 }
@@ -129,4 +221,4 @@ export default function XmlTools({ tool }: ToolPageProps) {
     default:
       return null;
   }
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/hooks/use-page-title.ts b/artifacts/personal-tool-console/src/hooks/use-page-title.ts
index e66132d..db855b9 100644
--- a/artifacts/personal-tool-console/src/hooks/use-page-title.ts
+++ b/artifacts/personal-tool-console/src/hooks/use-page-title.ts
@@ -6,4 +6,4 @@ export function usePageTitle(title?: string) {
   useEffect(() => {
     document.title = title ? `${title} · ${SITE_NAME}` : SITE_NAME;
   }, [title]);
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/lib/format.ts b/artifacts/personal-tool-console/src/lib/format.ts
index a798ba6..b5baab9 100644
--- a/artifacts/personal-tool-console/src/lib/format.ts
+++ b/artifacts/personal-tool-console/src/lib/format.ts
@@ -1,10 +1,11 @@
 export function formatNumber(value: number, digits = 8) {
-  if (!Number.isFinite(value)) return '—';
+  if (!Number.isFinite(value)) return "—";
   const abs = Math.abs(value);
-  if (abs !== 0 && (abs >= 1e9 || abs < 1e-6)) return value.toExponential(6).replace(/\+/, '');
+  if (abs !== 0 && (abs >= 1e9 || abs < 1e-6))
+    return value.toExponential(6).replace(/\+/, "");
   return Number.parseFloat(value.toFixed(digits)).toString();
 }
 
 export function normalize(input: string) {
-  return input.trim().replace(/\s+/g, ' ').toLowerCase();
+  return input.trim().replace(/\s+/g, " ").toLowerCase();
 }
diff --git a/artifacts/personal-tool-console/src/lib/registry/core-tools.ts b/artifacts/personal-tool-console/src/lib/registry/core-tools.ts
index b764063..05cf60f 100644
--- a/artifacts/personal-tool-console/src/lib/registry/core-tools.ts
+++ b/artifacts/personal-tool-console/src/lib/registry/core-tools.ts
@@ -1,148 +1,360 @@
 import type { ToolDefinition } from "@/lib/tool-registry";
 import { tf } from "@/lib/registry/lazy";
 import {
-  Calculator, Ruler, Banknote, Timer, KeyRound, Sparkles, ScanBarcode, Hash,
-  Globe, Activity, Braces, SquareCheck, GitFork, Binary, Link, CodeXml,
-  WandSparkles, Palette, FileJson, Fingerprint, MousePointer2, Box,
+  Calculator,
+  Ruler,
+  Banknote,
+  Timer,
+  KeyRound,
+  Sparkles,
+  ScanBarcode,
+  Hash,
+  Globe,
+  Activity,
+  Braces,
+  SquareCheck,
+  GitFork,
+  Binary,
+  Link,
+  CodeXml,
+  WandSparkles,
+  Palette,
+  FileJson,
+  Fingerprint,
+  MousePointer2,
+  Box,
 } from "lucide-react";
 
 export const CORE_TOOLS: ToolDefinition[] = [
   // --- Core: math / converter / generator / network ---
   {
-    slug: "calculator", name: "Calculator", description: "Run an interactive expression with variables and history.",
-    category: "math", tier: "core", icon: Calculator, keywords: ["calculator", "expression", "math", "arithmetic"],
-    commands: ["calc", "calculate"], status: "ready", component: tf(() => import("@/components/tools/calculator")),
+    slug: "calculator",
+    name: "Calculator",
+    description: "Run an interactive expression with variables and history.",
+    category: "math",
+    tier: "core",
+    icon: Calculator,
+    keywords: ["calculator", "expression", "math", "arithmetic"],
+    commands: ["calc", "calculate"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/calculator")),
   },
   {
-    slug: "unit-converter", name: "Unit Converter", description: "Convert between length, mass, time, speed, area, volume & data.",
-    category: "converter", tier: "core", icon: Ruler, keywords: ["units", "convert", "length", "metric", "imperial", "cm", "inches"],
-    commands: ["units", "convert"], status: "ready", component: tf(() => import("@/components/tools/unit-converter")),
+    slug: "unit-converter",
+    name: "Unit Converter",
+    description:
+      "Convert between length, mass, time, speed, area, volume & data.",
+    category: "converter",
+    tier: "core",
+    icon: Ruler,
+    keywords: [
+      "units",
+      "convert",
+      "length",
+      "metric",
+      "imperial",
+      "cm",
+      "inches",
+    ],
+    commands: ["units", "convert"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/unit-converter")),
   },
   {
-    slug: "currency-converter", name: "Currency Converter", description: "Convert between 30+ world currencies with offline rates.",
-    category: "converter", tier: "core", icon: Banknote, keywords: ["currency", "money", "exchange", "usd", "eur", "foreign"],
-    commands: ["currency", "money"], status: "ready", component: tf(() => import("@/components/tools/currency-converter")),
+    slug: "currency-converter",
+    name: "Currency Converter",
+    description: "Convert between 30+ world currencies with offline rates.",
+    category: "converter",
+    tier: "core",
+    icon: Banknote,
+    keywords: ["currency", "money", "exchange", "usd", "eur", "foreign"],
+    commands: ["currency", "money"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/currency-converter")),
   },
   {
-    slug: "timestamp", name: "Epoch Timestamp", description: "Convert between unix epoch and human-readable dates & timezones.",
-    category: "converter", tier: "core", icon: Timer, keywords: ["timestamp", "epoch", "unix", "date", "time", "utc"],
-    commands: ["time", "timestamp"], status: "ready", component: tf(() => import("@/components/tools/timestamp")),
+    slug: "timestamp",
+    name: "Epoch Timestamp",
+    description:
+      "Convert between unix epoch and human-readable dates & timezones.",
+    category: "converter",
+    tier: "core",
+    icon: Timer,
+    keywords: ["timestamp", "epoch", "unix", "date", "time", "utc"],
+    commands: ["time", "timestamp"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/timestamp")),
   },
   {
-    slug: "password-generator", name: "Password Generator", description: "Generate strong random passwords and passphrases.",
-    category: "generator", tier: "core", icon: KeyRound, keywords: ["password", "passphrase", "random", "secure", "strength"],
-    commands: ["password", "passphrase"], status: "ready", component: tf(() => import("@/components/tools/password-generator")),
+    slug: "password-generator",
+    name: "Password Generator",
+    description: "Generate strong random passwords and passphrases.",
+    category: "generator",
+    tier: "core",
+    icon: KeyRound,
+    keywords: ["password", "passphrase", "random", "secure", "strength"],
+    commands: ["password", "passphrase"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/password-generator")),
   },
   {
-    slug: "uuid-generator", name: "UUID Generator", description: "Generate v1, v4 and v7 UUIDs in bulk.",
-    category: "generator", tier: "core", icon: Sparkles, keywords: ["uuid", "guid", "random", "identifier", "v4", "generator"],
-    commands: ["uuid"], status: "ready", component: tf(() => import("@/components/tools/uuid-generator")),
+    slug: "uuid-generator",
+    name: "UUID Generator",
+    description: "Generate v1, v4 and v7 UUIDs in bulk.",
+    category: "generator",
+    tier: "core",
+    icon: Sparkles,
+    keywords: ["uuid", "guid", "random", "identifier", "v4", "generator"],
+    commands: ["uuid"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/uuid-generator")),
   },
   {
-    slug: "qr-generator", name: "QR Code Generator", description: "Generate scannable QR codes from URLs, text, Wi-Fi and more.",
-    category: "generator", tier: "core", icon: ScanBarcode, keywords: ["qr", "qrcode", "barcode", "scan", "wifi"],
-    commands: ["qr"], status: "ready", component: tf(() => import("@/components/tools/qr-generator")),
+    slug: "qr-generator",
+    name: "QR Code Generator",
+    description: "Generate scannable QR codes from URLs, text, Wi-Fi and more.",
+    category: "generator",
+    tier: "core",
+    icon: ScanBarcode,
+    keywords: ["qr", "qrcode", "barcode", "scan", "wifi"],
+    commands: ["qr"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/qr-generator")),
   },
   {
-    slug: "hash", name: "Hash Generator", description: "Compute MD5, SHA-1, SHA-256, SHA-384, SHA-512 and more.",
-    category: "crypto", tier: "core", icon: Hash, keywords: ["hash", "md5", "sha", "checksum", "digest", "verify"],
-    commands: ["hash"], status: "ready", component: tf(() => import("@/components/tools/hash")),
+    slug: "hash",
+    name: "Hash Generator",
+    description: "Compute MD5, SHA-1, SHA-256, SHA-384, SHA-512 and more.",
+    category: "crypto",
+    tier: "core",
+    icon: Hash,
+    keywords: ["hash", "md5", "sha", "checksum", "digest", "verify"],
+    commands: ["hash"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/hash")),
   },
   {
-    slug: "dns-lookup", name: "DNS Lookup", description: "Resolve A, AAAA, MX, TXT, NS, CNAME and SOA records.",
-    category: "network", tier: "core", icon: Globe, keywords: ["dns", "lookup", "domain", "mx", "record", "resolve"],
-    commands: ["dns"], status: "ready", component: tf(() => import("@/components/tools/dns-lookup")),
+    slug: "dns-lookup",
+    name: "DNS Lookup",
+    description: "Resolve A, AAAA, MX, TXT, NS, CNAME and SOA records.",
+    category: "network",
+    tier: "core",
+    icon: Globe,
+    keywords: ["dns", "lookup", "domain", "mx", "record", "resolve"],
+    commands: ["dns"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/dns-lookup")),
   },
   {
-    slug: "speed-test", name: "Speed Test", description: "Measure download, upload, latency and jitter against a CDN.",
-    category: "network", tier: "core", icon: Activity, keywords: ["speed", "bandwidth", "internet", "ping", "latency", "test"],
-    commands: ["speed"], status: "ready", component: tf(() => import("@/components/tools/speed-test")),
+    slug: "speed-test",
+    name: "Speed Test",
+    description: "Measure download, upload, latency and jitter against a CDN.",
+    category: "network",
+    tier: "core",
+    icon: Activity,
+    keywords: ["speed", "bandwidth", "internet", "ping", "latency", "test"],
+    commands: ["speed"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/speed-test")),
   },
 
   // --- Coding / developer tools ---
   {
-    slug: "json-formatter", name: "JSON Formatter", description: "Pretty-print and validate JSON with syntax highlighting.",
-    category: "coding", tier: "core", icon: Braces, keywords: ["json", "format", "pretty", "prettify", "beautify"],
-    commands: ["json format", "json pretty"], status: "ready", component: tf(() => import("@/components/tools/json-formatter")),
+    slug: "json-formatter",
+    name: "JSON Formatter",
+    description: "Pretty-print and validate JSON with syntax highlighting.",
+    category: "coding",
+    tier: "core",
+    icon: Braces,
+    keywords: ["json", "format", "pretty", "prettify", "beautify"],
+    commands: ["json format", "json pretty"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/json-formatter")),
   },
   {
-    slug: "json-minifier", name: "JSON Minifier", description: "Strip whitespace from JSON to a single compact line.",
-    category: "coding", icon: Braces, keywords: ["json", "minify", "compact", "strip", "size"],
-    commands: ["json minify"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+    slug: "json-minifier",
+    name: "JSON Minifier",
+    description: "Strip whitespace from JSON to a single compact line.",
+    category: "coding",
+    icon: Braces,
+    keywords: ["json", "minify", "compact", "strip", "size"],
+    commands: ["json minify"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/coding-tools")),
   },
   {
-    slug: "json-validator", name: "JSON Validator", description: "Validate JSON and see the exact line/column/offset of errors.",
-    category: "coding", icon: SquareCheck, keywords: ["json", "validate", "check", "error", "syntax"],
-    commands: ["json validate"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+    slug: "json-validator",
+    name: "JSON Validator",
+    description:
+      "Validate JSON and see the exact line/column/offset of errors.",
+    category: "coding",
+    icon: SquareCheck,
+    keywords: ["json", "validate", "check", "error", "syntax"],
+    commands: ["json validate"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/coding-tools")),
   },
   {
-    slug: "json-tree-viewer", name: "JSON Tree Viewer", description: "Explore nested JSON with collapsible nodes and search.",
-    category: "coding", icon: GitFork, keywords: ["json", "tree", "viewer", "browse", "nested", "explorer"],
-    commands: ["json tree"], status: "ready", component: tf(() => import("@/components/tools/json-tree-viewer")),
+    slug: "json-tree-viewer",
+    name: "JSON Tree Viewer",
+    description: "Explore nested JSON with collapsible nodes and search.",
+    category: "coding",
+    icon: GitFork,
+    keywords: ["json", "tree", "viewer", "browse", "nested", "explorer"],
+    commands: ["json tree"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/json-tree-viewer")),
   },
   {
-    slug: "base64", name: "Base64 Encode/Decode", description: "Encode and decode Base64 strings and files.",
-    category: "coding", tier: "core", icon: Binary, keywords: ["base64", "encode", "decode", "binary", "encode64"],
-    commands: ["base64"], status: "ready", component: tf(() => import("@/components/tools/base64")),
+    slug: "base64",
+    name: "Base64 Encode/Decode",
+    description: "Encode and decode Base64 strings and files.",
+    category: "coding",
+    tier: "core",
+    icon: Binary,
+    keywords: ["base64", "encode", "decode", "binary", "encode64"],
+    commands: ["base64"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/base64")),
   },
   {
-    slug: "url-encoder", name: "URL Encoder", description: "Percent-encode or decode any string for safe URLs.",
-    category: "coding", tier: "core", icon: Link, keywords: ["url", "encode", "decode", "percent", "quotestr", "uri"],
-    commands: ["url encode"], status: "ready", component: tf(() => import("@/components/tools/url-encoder")),
+    slug: "url-encoder",
+    name: "URL Encoder",
+    description: "Percent-encode or decode any string for safe URLs.",
+    category: "coding",
+    tier: "core",
+    icon: Link,
+    keywords: ["url", "encode", "decode", "percent", "quotestr", "uri"],
+    commands: ["url encode"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/url-encoder")),
   },
   {
-    slug: "url-slug", name: "URL Slug Generator", description: "Turn any text into a clean, lowercase, dash-separated slug.",
-    category: "coding", icon: Link, keywords: ["slug", "url", "seo", "permalink", "normalize"],
-    commands: ["slug"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+    slug: "url-slug",
+    name: "URL Slug Generator",
+    description: "Turn any text into a clean, lowercase, dash-separated slug.",
+    category: "coding",
+    icon: Link,
+    keywords: ["slug", "url", "seo", "permalink", "normalize"],
+    commands: ["slug"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/coding-tools")),
   },
   {
-    slug: "html-encoder", name: "HTML Encoder", description: "Escape or unescape HTML entities (&lt; &amp; etc.).",
-    category: "coding", icon: CodeXml, keywords: ["html", "escape", "unescape", "entities", "encode"],
-    commands: ["html encode"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+    slug: "html-encoder",
+    name: "HTML Encoder",
+    description: "Escape or unescape HTML entities (&lt; &amp; etc.).",
+    category: "coding",
+    icon: CodeXml,
+    keywords: ["html", "escape", "unescape", "entities", "encode"],
+    commands: ["html encode"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/coding-tools")),
   },
   {
-    slug: "html-formatter", name: "HTML Formatter", description: "Pretty-print messy HTML with proper indentation.",
-    category: "coding", icon: WandSparkles, keywords: ["html", "format", "indent", "pretty", "beautify"],
-    commands: ["html format"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+    slug: "html-formatter",
+    name: "HTML Formatter",
+    description: "Pretty-print messy HTML with proper indentation.",
+    category: "coding",
+    icon: WandSparkles,
+    keywords: ["html", "format", "indent", "pretty", "beautify"],
+    commands: ["html format"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/coding-tools")),
   },
   {
-    slug: "html-minifier", name: "HTML Minifier", description: "Compress HTML by removing whitespace and comments.",
-    category: "coding", icon: WandSparkles, keywords: ["html", "minify", "compress", "size", "speed"],
-    commands: ["html minify"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+    slug: "html-minifier",
+    name: "HTML Minifier",
+    description: "Compress HTML by removing whitespace and comments.",
+    category: "coding",
+    icon: WandSparkles,
+    keywords: ["html", "minify", "compress", "size", "speed"],
+    commands: ["html minify"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/coding-tools")),
   },
   {
-    slug: "css-formatter", name: "CSS Formatter", description: "Beautify and normalize CSS formatting.",
-    category: "coding", icon: Palette, keywords: ["css", "format", "indent", "pretty", "beautify"],
-    commands: ["css format"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+    slug: "css-formatter",
+    name: "CSS Formatter",
+    description: "Beautify and normalize CSS formatting.",
+    category: "coding",
+    icon: Palette,
+    keywords: ["css", "format", "indent", "pretty", "beautify"],
+    commands: ["css format"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/coding-tools")),
   },
   {
-    slug: "css-minifier", name: "CSS Minifier", description: "Compact CSS to save bytes and speed up pages.",
-    category: "coding", icon: Palette, keywords: ["css", "minify", "compress", "size"],
-    commands: ["css minify"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+    slug: "css-minifier",
+    name: "CSS Minifier",
+    description: "Compact CSS to save bytes and speed up pages.",
+    category: "coding",
+    icon: Palette,
+    keywords: ["css", "minify", "compress", "size"],
+    commands: ["css minify"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/coding-tools")),
   },
   {
-    slug: "js-formatter", name: "JS Formatter", description: "Pretty-print JavaScript with proper indentation.",
-    category: "coding", icon: FileJson, keywords: ["javascript", "format", "beautify", "indent", "prettier"],
-    commands: ["js format"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+    slug: "js-formatter",
+    name: "JS Formatter",
+    description: "Pretty-print JavaScript with proper indentation.",
+    category: "coding",
+    icon: FileJson,
+    keywords: ["javascript", "format", "beautify", "indent", "prettier"],
+    commands: ["js format"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/coding-tools")),
   },
   {
-    slug: "js-minifier", name: "JS Minifier", description: "Minify JavaScript to reduce file size.",
-    category: "coding", icon: FileJson, keywords: ["javascript", "minify", "compress", "terser"],
-    commands: ["js minify"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+    slug: "js-minifier",
+    name: "JS Minifier",
+    description: "Minify JavaScript to reduce file size.",
+    category: "coding",
+    icon: FileJson,
+    keywords: ["javascript", "minify", "compress", "terser"],
+    commands: ["js minify"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/coding-tools")),
   },
   {
-    slug: "md5-hash", name: "MD5 Hash Calculator", description: "Compute the RFC 1321 MD5 digest of any text.",
-    category: "coding", icon: Fingerprint, keywords: ["md5", "hash", "digest", "checksum", "rfc1321"],
-    commands: ["md5"], status: "ready", component: tf(() => import("@/components/tools/coding-tools")),
+    slug: "md5-hash",
+    name: "MD5 Hash Calculator",
+    description: "Compute the RFC 1321 MD5 digest of any text.",
+    category: "coding",
+    icon: Fingerprint,
+    keywords: ["md5", "hash", "digest", "checksum", "rfc1321"],
+    commands: ["md5"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/coding-tools")),
   },
   {
-    slug: "code-to-image", name: "Code to Image", description: "Turn a code snippet into a stylish shareable image.",
-    category: "image", icon: MousePointer2, keywords: ["code", "snippet", "image", "share", "screenshot", "carbon"],
-    commands: ["code image"], status: "ready", component: tf(() => import("@/components/tools/code-to-image")),
+    slug: "code-to-image",
+    name: "Code to Image",
+    description: "Turn a code snippet into a stylish shareable image.",
+    category: "image",
+    icon: MousePointer2,
+    keywords: ["code", "snippet", "image", "share", "screenshot", "carbon"],
+    commands: ["code image"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/code-to-image")),
   },
   {
-    slug: "rn-shadow", name: "React Native Shadow Generator", description: "Craft iOS and Android box-shadows as RN style objects.",
-    category: "coding", icon: Box, keywords: ["react native", "shadow", "elevation", "ios", "android", "styles"],
-    commands: ["rn shadow"], status: "ready", component: tf(() => import("@/components/tools/rn-shadow")),
+    slug: "rn-shadow",
+    name: "React Native Shadow Generator",
+    description: "Craft iOS and Android box-shadows as RN style objects.",
+    category: "coding",
+    icon: Box,
+    keywords: [
+      "react native",
+      "shadow",
+      "elevation",
+      "ios",
+      "android",
+      "styles",
+    ],
+    commands: ["rn shadow"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/rn-shadow")),
   },
-];
\ No newline at end of file
+];
diff --git a/artifacts/personal-tool-console/src/lib/registry/css-tools.ts b/artifacts/personal-tool-console/src/lib/registry/css-tools.ts
index 1682be0..c91450e 100644
--- a/artifacts/personal-tool-console/src/lib/registry/css-tools.ts
+++ b/artifacts/personal-tool-console/src/lib/registry/css-tools.ts
@@ -1,74 +1,164 @@
 import type { ToolDefinition } from "@/lib/tool-registry";
 import { tf } from "@/lib/registry/lazy";
 import {
-  Palette, Triangle, Droplets, Box, Rows3, Shapes, Spline, LoaderCircle,
-  SwitchCamera, SquareCheck, Zap, Columns3,
+  Palette,
+  Triangle,
+  Droplets,
+  Box,
+  Rows3,
+  Shapes,
+  Spline,
+  LoaderCircle,
+  SwitchCamera,
+  SquareCheck,
+  Zap,
+  Columns3,
 } from "lucide-react";
 
 export const CSS_TOOLS: ToolDefinition[] = [
   {
-    slug: "css-gradient-generator", name: "CSS Gradient Generator", description: "Build linear and radial gradients with live preview.",
-    category: "css", tier: "standard", icon: Palette, keywords: ["gradient", "css", "linear", "radial", "background", "preview"],
-    commands: ["gradient"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+    slug: "css-gradient-generator",
+    name: "CSS Gradient Generator",
+    description: "Build linear and radial gradients with live preview.",
+    category: "css",
+    tier: "standard",
+    icon: Palette,
+    keywords: ["gradient", "css", "linear", "radial", "background", "preview"],
+    commands: ["gradient"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/css/css-generators")),
   },
   {
-    slug: "css-glassmorphism", name: "Glassmorphism Generator", description: "Create frosted-glass UI effects with backdrop blur.",
-    category: "css", icon: Droplets, keywords: ["glass", "glassmorphism", "blur", "frosted", "translucent"],
-    commands: ["glass"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+    slug: "css-glassmorphism",
+    name: "Glassmorphism Generator",
+    description: "Create frosted-glass UI effects with backdrop blur.",
+    category: "css",
+    icon: Droplets,
+    keywords: ["glass", "glassmorphism", "blur", "frosted", "translucent"],
+    commands: ["glass"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/css/css-generators")),
   },
   {
-    slug: "css-triangle-generator", name: "CSS Triangle Generator", description: "Pure-CSS triangles in any direction, size and color.",
-    category: "css", icon: Triangle, keywords: ["triangle", "css", "shape", "caret", "arrow"],
-    commands: ["triangle"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+    slug: "css-triangle-generator",
+    name: "CSS Triangle Generator",
+    description: "Pure-CSS triangles in any direction, size and color.",
+    category: "css",
+    icon: Triangle,
+    keywords: ["triangle", "css", "shape", "caret", "arrow"],
+    commands: ["triangle"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/css/css-generators")),
   },
   {
-    slug: "css-box-shadow", name: "Box Shadow Generator", description: "Design layered box-shadows for cards and buttons.",
-    category: "css", icon: Box, keywords: ["box shadow", "shadow", "elevation", "css", "layer"],
-    commands: ["shadow"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+    slug: "css-box-shadow",
+    name: "Box Shadow Generator",
+    description: "Design layered box-shadows for cards and buttons.",
+    category: "css",
+    icon: Box,
+    keywords: ["box shadow", "shadow", "elevation", "css", "layer"],
+    commands: ["shadow"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/css/css-generators")),
   },
   {
-    slug: "css-border-radius", name: "Border Radius Generator", description: "Build smooth asymmetric border-radius shapes.",
-    category: "css", icon: Rows3, keywords: ["border radius", "rounded", "curve", "css", "shape"],
-    commands: ["radius"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+    slug: "css-border-radius",
+    name: "Border Radius Generator",
+    description: "Build smooth asymmetric border-radius shapes.",
+    category: "css",
+    icon: Rows3,
+    keywords: ["border radius", "rounded", "curve", "css", "shape"],
+    commands: ["radius"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/css/css-generators")),
   },
   {
-    slug: "css-background-patterns", name: "CSS Background Patterns", description: "Seamless repeating patterns made of pure gradients.",
-    category: "css", icon: Shapes, keywords: ["pattern", "background", "seamless", "repeating", "css"],
-    commands: ["pattern"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+    slug: "css-background-patterns",
+    name: "CSS Background Patterns",
+    description: "Seamless repeating patterns made of pure gradients.",
+    category: "css",
+    icon: Shapes,
+    keywords: ["pattern", "background", "seamless", "repeating", "css"],
+    commands: ["pattern"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/css/css-generators")),
   },
   {
-    slug: "css-clip-path", name: "CSS Clip Path Generator", description: "Visual polygons to clip any element.",
-    category: "css", icon: Spline, keywords: ["clip path", "polygon", "shape", "clip", "css"],
-    commands: ["clip"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+    slug: "css-clip-path",
+    name: "CSS Clip Path Generator",
+    description: "Visual polygons to clip any element.",
+    category: "css",
+    icon: Spline,
+    keywords: ["clip path", "polygon", "shape", "clip", "css"],
+    commands: ["clip"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/css/css-generators")),
   },
   {
-    slug: "css-cubic-bezier", name: "Cubic Bezier Generator", description: "Tune easing curves for buttery animations.",
-    category: "css", icon: Spline, keywords: ["cubic bezier", "easing", "curve", "animation", "transition"],
-    commands: ["bezier"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+    slug: "css-cubic-bezier",
+    name: "Cubic Bezier Generator",
+    description: "Tune easing curves for buttery animations.",
+    category: "css",
+    icon: Spline,
+    keywords: ["cubic bezier", "easing", "curve", "animation", "transition"],
+    commands: ["bezier"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/css/css-generators")),
   },
   {
-    slug: "css-loader-generator", name: "CSS Loader Generator", description: "Spinners and loaders with customizable colors.",
-    category: "css", icon: LoaderCircle, keywords: ["loader", "spinner", "loading", "animation", "css"],
-    commands: ["loader"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+    slug: "css-loader-generator",
+    name: "CSS Loader Generator",
+    description: "Spinners and loaders with customizable colors.",
+    category: "css",
+    icon: LoaderCircle,
+    keywords: ["loader", "spinner", "loading", "animation", "css"],
+    commands: ["loader"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/css/css-generators")),
   },
   {
-    slug: "css-switch-generator", name: "CSS Toggle Switch", description: "Generate styled checkbox-based toggle switches.",
-    category: "css", icon: SwitchCamera, keywords: ["switch", "toggle", "ios", "checkbox", "css"],
-    commands: ["switch"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+    slug: "css-switch-generator",
+    name: "CSS Toggle Switch",
+    description: "Generate styled checkbox-based toggle switches.",
+    category: "css",
+    icon: SwitchCamera,
+    keywords: ["switch", "toggle", "ios", "checkbox", "css"],
+    commands: ["switch"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/css/css-generators")),
   },
   {
-    slug: "css-checkbox-generator", name: "CSS Checkbox Generator", description: "Custom checkboxes with animations and colors.",
-    category: "css", icon: SquareCheck, keywords: ["checkbox", "check", "custom", "css", "form"],
-    commands: ["checkbox"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+    slug: "css-checkbox-generator",
+    name: "CSS Checkbox Generator",
+    description: "Custom checkboxes with animations and colors.",
+    category: "css",
+    icon: SquareCheck,
+    keywords: ["checkbox", "check", "custom", "css", "form"],
+    commands: ["checkbox"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/css/css-generators")),
   },
   {
-    slug: "css-text-glitch", name: "Text Glitch Generator", description: "Cyberpunk RGB-split glitch effects with clip-path.",
-    category: "css", icon: Zap, keywords: ["glitch", "text", "effect", "rgb", "cyberpunk", "css"],
-    commands: ["glitch"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+    slug: "css-text-glitch",
+    name: "Text Glitch Generator",
+    description: "Cyberpunk RGB-split glitch effects with clip-path.",
+    category: "css",
+    icon: Zap,
+    keywords: ["glitch", "text", "effect", "rgb", "cyberpunk", "css"],
+    commands: ["glitch"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/css/css-generators")),
   },
   {
-    slug: "css-grid-generator", name: "CSS Grid Generator", description: "Lay out a css-grid with configurable columns, gaps and templates.",
-    category: "css", icon: Columns3, keywords: ["grid", "columns", "layout", "template", "gaps", "css"],
-    commands: ["grid"], status: "ready", component: tf(() => import("@/components/tools/css/css-generators")),
+    slug: "css-grid-generator",
+    name: "CSS Grid Generator",
+    description:
+      "Lay out a css-grid with configurable columns, gaps and templates.",
+    category: "css",
+    icon: Columns3,
+    keywords: ["grid", "columns", "layout", "template", "gaps", "css"],
+    commands: ["grid"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/css/css-generators")),
   },
-];
\ No newline at end of file
+];
diff --git a/artifacts/personal-tool-console/src/lib/registry/dev-tools.ts b/artifacts/personal-tool-console/src/lib/registry/dev-tools.ts
index aeb02d4..bdf59df 100644
--- a/artifacts/personal-tool-console/src/lib/registry/dev-tools.ts
+++ b/artifacts/personal-tool-console/src/lib/registry/dev-tools.ts
@@ -1,195 +1,440 @@
 import type { ToolDefinition } from "@/lib/tool-registry";
 import { tf } from "@/lib/registry/lazy";
 import {
-  Lock, KeySquare, Shield, KeyRound, Binary, ListChecks, ScanText, Combine,
-  GitCompareArrows, Split, SwitchCamera, Search, Eraser, Terminal, FileSearch,
-  Timer, WandSparkles, FolderTree, FileCode2, FileDiff, SquareCheck, Braces,
-  TextCursorInput, Hexagon, Spline, Droplets, Palette,
+  Lock,
+  KeySquare,
+  Shield,
+  KeyRound,
+  Binary,
+  ListChecks,
+  ScanText,
+  Combine,
+  GitCompareArrows,
+  Split,
+  SwitchCamera,
+  Search,
+  Eraser,
+  Terminal,
+  FileSearch,
+  Timer,
+  WandSparkles,
+  FolderTree,
+  FileCode2,
+  FileDiff,
+  SquareCheck,
+  Braces,
+  TextCursorInput,
+  Hexagon,
+  Spline,
+  Droplets,
+  Palette,
 } from "lucide-react";
 
 export const DEV_TOOLS: ToolDefinition[] = [
-
   // --- Crypto (WebCrypto, fully in-browser) ---
   {
-    slug: "aes-cipher", name: "AES Encrypt / Decrypt", description: "Encrypt and decrypt text with AES-128/192/256 in CBC or GCM mode.",
-    category: "crypto", tier: "standard", icon: Lock, keywords: ["aes", "encrypt", "decrypt", "cipher", "cbc", "gcm", "aes256"],
-    commands: ["aes"], status: "ready", component: tf(() => import("@/components/tools/crypto/crypto-tools")),
-  },
-  {
-    slug: "hmac-generator", name: "HMAC Generator", description: "Compute HMAC-MD5/SHA1/SHA256/SHA512 signatures with any secret key.",
-    category: "crypto", icon: KeySquare, keywords: ["hmac", "signature", "auth", "sha", "secret", "key"],
-    commands: ["hmac"], status: "ready", component: tf(() => import("@/components/tools/crypto/crypto-tools")),
-  },
-  {
-    slug: "jwt-decoder", name: "JWT Decoder", description: "Decode, segment and verify JWT tokens without sending them anywhere.",
-    category: "crypto", icon: Shield, keywords: ["jwt", "token", "decode", "verify", "authentication", "payload"],
-    commands: ["jwt"], status: "ready", component: tf(() => import("@/components/tools/crypto/crypto-tools")),
-  },
-  {
-    slug: "crypto-key-gen", name: "Crypto Key Generator", description: "Generate random keys, salts, IVs and secrets of any length.",
-    category: "crypto", icon: KeyRound, keywords: ["key", "salt", "iv", "secret", "random", "entropy", "hex"],
-    commands: ["keygen", "secret"], status: "ready", component: tf(() => import("@/components/tools/crypto/crypto-tools")),
+    slug: "aes-cipher",
+    name: "AES Encrypt / Decrypt",
+    description:
+      "Encrypt and decrypt text with AES-128/192/256 in CBC or GCM mode.",
+    category: "crypto",
+    tier: "standard",
+    icon: Lock,
+    keywords: ["aes", "encrypt", "decrypt", "cipher", "cbc", "gcm", "aes256"],
+    commands: ["aes"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/crypto/crypto-tools")),
+  },
+  {
+    slug: "hmac-generator",
+    name: "HMAC Generator",
+    description:
+      "Compute HMAC-MD5/SHA1/SHA256/SHA512 signatures with any secret key.",
+    category: "crypto",
+    icon: KeySquare,
+    keywords: ["hmac", "signature", "auth", "sha", "secret", "key"],
+    commands: ["hmac"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/crypto/crypto-tools")),
+  },
+  {
+    slug: "jwt-decoder",
+    name: "JWT Decoder",
+    description:
+      "Decode, segment and verify JWT tokens without sending them anywhere.",
+    category: "crypto",
+    icon: Shield,
+    keywords: ["jwt", "token", "decode", "verify", "authentication", "payload"],
+    commands: ["jwt"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/crypto/crypto-tools")),
+  },
+  {
+    slug: "crypto-key-gen",
+    name: "Crypto Key Generator",
+    description: "Generate random keys, salts, IVs and secrets of any length.",
+    category: "crypto",
+    icon: KeyRound,
+    keywords: ["key", "salt", "iv", "secret", "random", "entropy", "hex"],
+    commands: ["keygen", "secret"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/crypto/crypto-tools")),
   },
 
   // --- Bitmap / binary ---
   {
-    slug: "radix-converter", name: "Base / Radix Converter", description: "Convert numbers between binary, octal, decimal and hex (2–36).",
-    category: "bitmap", tier: "standard", icon: Binary, keywords: ["radix", "base", "binary", "hex", "octal", "decimal", "base64"],
-    commands: ["radix", "base"], status: "ready", component: tf(() => import("@/components/tools/bitmap/bitmap-tools")),
-  },
-  {
-    slug: "bitwise-calculator", name: "Bitwise Calculator", description: "AND, OR, XOR, NOT and shifts on int8/16/32/64 values.",
-    category: "bitmap", icon: Binary, keywords: ["bitwise", "binary", "and", "xor", "or", "shift", "mask"],
-    commands: ["bitwise"], status: "ready", component: tf(() => import("@/components/tools/bitmap/bitmap-tools")),
-  },
-  {
-    slug: "bit-flags", name: "Bit Flags Builder", description: "Combine and decode 8/16/32-bit permission-style bit flags.",
-    category: "bitmap", icon: ListChecks, keywords: ["flags", "bitmask", "permissions", "bits", "enum", "flags builder"],
-    commands: ["flags"], status: "ready", component: tf(() => import("@/components/tools/bitmap/bitmap-tools")),
-  },
-  {
-    slug: "binary-viewer", name: "Binary Viewer", description: "Inspect a string as UTF-8 bytes, codepoints and binary.",
-    category: "bitmap", icon: ScanText, keywords: ["binary", "bytes", "hex", "viewer", "dump", "bits"],
-    commands: ["binary"], status: "ready", component: tf(() => import("@/components/tools/bitmap/bitmap-tools")),
+    slug: "radix-converter",
+    name: "Base / Radix Converter",
+    description:
+      "Convert numbers between binary, octal, decimal and hex (2–36).",
+    category: "bitmap",
+    tier: "standard",
+    icon: Binary,
+    keywords: ["radix", "base", "binary", "hex", "octal", "decimal", "base64"],
+    commands: ["radix", "base"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/bitmap/bitmap-tools")),
+  },
+  {
+    slug: "bitwise-calculator",
+    name: "Bitwise Calculator",
+    description: "AND, OR, XOR, NOT and shifts on int8/16/32/64 values.",
+    category: "bitmap",
+    icon: Binary,
+    keywords: ["bitwise", "binary", "and", "xor", "or", "shift", "mask"],
+    commands: ["bitwise"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/bitmap/bitmap-tools")),
+  },
+  {
+    slug: "bit-flags",
+    name: "Bit Flags Builder",
+    description: "Combine and decode 8/16/32-bit permission-style bit flags.",
+    category: "bitmap",
+    icon: ListChecks,
+    keywords: [
+      "flags",
+      "bitmask",
+      "permissions",
+      "bits",
+      "enum",
+      "flags builder",
+    ],
+    commands: ["flags"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/bitmap/bitmap-tools")),
+  },
+  {
+    slug: "binary-viewer",
+    name: "Binary Viewer",
+    description: "Inspect a string as UTF-8 bytes, codepoints and binary.",
+    category: "bitmap",
+    icon: ScanText,
+    keywords: ["binary", "bytes", "hex", "viewer", "dump", "bits"],
+    commands: ["binary"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/bitmap/bitmap-tools")),
   },
 
   // --- Set operations ---
   {
-    slug: "set-union", name: "Set Union", description: "Merge two lists of lines, keeping each unique item once.",
-    category: "set", tier: "advanced", icon: Combine, keywords: ["set", "union", "merge", "combine", "unique"],
-    commands: ["set union"], status: "ready", component: tf(() => import("@/components/tools/set/set-tools")),
-  },
-  {
-    slug: "set-intersection", name: "Set Intersection", description: "Items present in both lists of lines.",
-    category: "set", icon: GitCompareArrows, keywords: ["set", "intersection", "common", "both", "overlap"],
-    commands: ["set intersection"], status: "ready", component: tf(() => import("@/components/tools/set/set-tools")),
-  },
-  {
-    slug: "set-difference", name: "Set Difference", description: "Items in list A that are NOT in list B.",
-    category: "set", icon: Split, keywords: ["set", "difference", "subtract", "minus"],
-    commands: ["set difference"], status: "ready", component: tf(() => import("@/components/tools/set/set-tools")),
-  },
-  {
-    slug: "set-symmetric-difference", name: "Symmetric Difference", description: "Items in either list but NOT in both (A △ B).",
-    category: "set", icon: SwitchCamera, keywords: ["set", "symmetric", "xor", "exclusive", "not both"],
-    commands: ["set xor"], status: "ready", component: tf(() => import("@/components/tools/set/set-tools")),
-  },
-  {
-    slug: "set-membership", name: "Set Membership Checker", description: "Test which items of a list exist in another list.",
-    category: "set", icon: Search, keywords: ["set", "membership", "contains", "include", "filter", "exists"],
-    commands: ["set membership"], status: "ready", component: tf(() => import("@/components/tools/set/set-tools")),
-  },
-  {
-    slug: "set-dedupe", name: "Dedupe Lines", description: "Remove duplicate lines while preserving order.",
-    category: "set", icon: Eraser, keywords: ["dedupe", "deduplicate", "unique", "duplicate", "distinct"],
-    commands: ["dedupe"], status: "ready", component: tf(() => import("@/components/tools/set/set-tools")),
+    slug: "set-union",
+    name: "Set Union",
+    description: "Merge two lists of lines, keeping each unique item once.",
+    category: "set",
+    tier: "advanced",
+    icon: Combine,
+    keywords: ["set", "union", "merge", "combine", "unique"],
+    commands: ["set union"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/set/set-tools")),
+  },
+  {
+    slug: "set-intersection",
+    name: "Set Intersection",
+    description: "Items present in both lists of lines.",
+    category: "set",
+    icon: GitCompareArrows,
+    keywords: ["set", "intersection", "common", "both", "overlap"],
+    commands: ["set intersection"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/set/set-tools")),
+  },
+  {
+    slug: "set-difference",
+    name: "Set Difference",
+    description: "Items in list A that are NOT in list B.",
+    category: "set",
+    icon: Split,
+    keywords: ["set", "difference", "subtract", "minus"],
+    commands: ["set difference"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/set/set-tools")),
+  },
+  {
+    slug: "set-symmetric-difference",
+    name: "Symmetric Difference",
+    description: "Items in either list but NOT in both (A △ B).",
+    category: "set",
+    icon: SwitchCamera,
+    keywords: ["set", "symmetric", "xor", "exclusive", "not both"],
+    commands: ["set xor"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/set/set-tools")),
+  },
+  {
+    slug: "set-membership",
+    name: "Set Membership Checker",
+    description: "Test which items of a list exist in another list.",
+    category: "set",
+    icon: Search,
+    keywords: ["set", "membership", "contains", "include", "filter", "exists"],
+    commands: ["set membership"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/set/set-tools")),
+  },
+  {
+    slug: "set-dedupe",
+    name: "Dedupe Lines",
+    description: "Remove duplicate lines while preserving order.",
+    category: "set",
+    icon: Eraser,
+    keywords: ["dedupe", "deduplicate", "unique", "duplicate", "distinct"],
+    commands: ["dedupe"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/set/set-tools")),
   },
 
   // --- Linux ---
   {
-    slug: "chmod-calculator", name: "chmod Calculator", description: "Convert symbolic (rwx) permissions to octal and back.",
-    category: "linux", tier: "standard", icon: Shield, keywords: ["chmod", "permissions", "rwx", "octal", "symbolic", "770"],
-    commands: ["chmod"], status: "ready", component: tf(() => import("@/components/tools/linux/linux-tools")),
-  },
-  {
-    slug: "permissions-decoder", name: "ls -l Permissions Decoder", description: "Decode a drwxr-xr-x permission string into its meaning.",
-    category: "linux", icon: FileSearch, keywords: ["ls", "permissions", "decode", "drwx", "owner", "group"],
-    commands: ["ls -l"], status: "ready", component: tf(() => import("@/components/tools/linux/linux-tools")),
-  },
-  {
-    slug: "cron-parser", name: "Cron Expression Parser", description: "Parse any cron expression and list the next five runs.",
-    category: "linux", tier: "advanced", icon: Timer, keywords: ["cron", "parser", "schedule", "expression", "job"],
-    commands: ["cron parse"], status: "ready", component: tf(() => import("@/components/tools/linux/linux-tools")),
-  },
-  {
-    slug: "cron-generator", name: "Cron Generator", description: "Build cron expressions visually minute by minute.",
-    category: "linux", icon: WandSparkles, keywords: ["cron", "generator", "schedule", "every", "expression"],
-    commands: ["cron generate"], status: "ready", component: tf(() => import("@/components/tools/linux/linux-tools")),
-  },
-  {
-    slug: "path-utils", name: "POSIX Path Utilities", description: "Join, resolve, normalize, dirname & basename paths.",
-    category: "linux", icon: FolderTree, keywords: ["path", "posix", "dirname", "basename", "join", "linux"],
-    commands: ["path"], status: "ready", component: tf(() => import("@/components/tools/linux/linux-tools")),
-  },
-  {
-    slug: "uid-gid-table", name: "UID & GID Table", description: "Well-known Linux UIDs/GIDs for users, daemons and groups.",
-    category: "linux", icon: ListChecks, keywords: ["uid", "gid", "linux", "users", "root", "daemon"],
-    commands: ["uid", "gid"], status: "ready", component: tf(() => import("@/components/tools/linux/linux-tools")),
+    slug: "chmod-calculator",
+    name: "chmod Calculator",
+    description: "Convert symbolic (rwx) permissions to octal and back.",
+    category: "linux",
+    tier: "standard",
+    icon: Shield,
+    keywords: ["chmod", "permissions", "rwx", "octal", "symbolic", "770"],
+    commands: ["chmod"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/linux/linux-tools")),
+  },
+  {
+    slug: "permissions-decoder",
+    name: "ls -l Permissions Decoder",
+    description: "Decode a drwxr-xr-x permission string into its meaning.",
+    category: "linux",
+    icon: FileSearch,
+    keywords: ["ls", "permissions", "decode", "drwx", "owner", "group"],
+    commands: ["ls -l"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/linux/linux-tools")),
+  },
+  {
+    slug: "cron-parser",
+    name: "Cron Expression Parser",
+    description: "Parse any cron expression and list the next five runs.",
+    category: "linux",
+    tier: "advanced",
+    icon: Timer,
+    keywords: ["cron", "parser", "schedule", "expression", "job"],
+    commands: ["cron parse"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/linux/linux-tools")),
+  },
+  {
+    slug: "cron-generator",
+    name: "Cron Generator",
+    description: "Build cron expressions visually minute by minute.",
+    category: "linux",
+    icon: WandSparkles,
+    keywords: ["cron", "generator", "schedule", "every", "expression"],
+    commands: ["cron generate"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/linux/linux-tools")),
+  },
+  {
+    slug: "path-utils",
+    name: "POSIX Path Utilities",
+    description: "Join, resolve, normalize, dirname & basename paths.",
+    category: "linux",
+    icon: FolderTree,
+    keywords: ["path", "posix", "dirname", "basename", "join", "linux"],
+    commands: ["path"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/linux/linux-tools")),
+  },
+  {
+    slug: "uid-gid-table",
+    name: "UID & GID Table",
+    description: "Well-known Linux UIDs/GIDs for users, daemons and groups.",
+    category: "linux",
+    icon: ListChecks,
+    keywords: ["uid", "gid", "linux", "users", "root", "daemon"],
+    commands: ["uid", "gid"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/linux/linux-tools")),
   },
 
   // --- XML ---
   {
-    slug: "xml-formatter", name: "XML Formatter", description: "Pretty-print XML with configurable indentation.",
-    category: "xml", tier: "standard", icon: FileCode2, keywords: ["xml", "format", "pretty", "indent", "beautify"],
-    commands: ["xml format"], status: "ready", component: tf(() => import("@/components/tools/xml/xml-tools")),
-  },
-  {
-    slug: "xml-minifier", name: "XML Minifier", description: "Compact XML by removing ignorable whitespace.",
-    category: "xml", icon: FileDiff, keywords: ["xml", "minify", "compact", "space", "size"],
-    commands: ["xml minify"], status: "ready", component: tf(() => import("@/components/tools/xml/xml-tools")),
-  },
-  {
-    slug: "xml-validator", name: "XML Validator", description: "Validate XML well-formedness and show the exact error.",
-    category: "xml", icon: SquareCheck, keywords: ["xml", "validate", "wellformed", "error", "parse"],
-    commands: ["xml validate"], status: "ready", component: tf(() => import("@/components/tools/xml/xml-tools")),
-  },
-  {
-    slug: "xml-json-converter", name: "XML ⇄ JSON Converter", description: "Convert simple XML documents to JSON and back.",
-    category: "xml", icon: Braces, keywords: ["xml", "json", "convert", "transform"],
-    commands: ["xml json"], status: "ready", component: tf(() => import("@/components/tools/xml/xml-tools")),
+    slug: "xml-formatter",
+    name: "XML Formatter",
+    description: "Pretty-print XML with configurable indentation.",
+    category: "xml",
+    tier: "standard",
+    icon: FileCode2,
+    keywords: ["xml", "format", "pretty", "indent", "beautify"],
+    commands: ["xml format"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/xml/xml-tools")),
+  },
+  {
+    slug: "xml-minifier",
+    name: "XML Minifier",
+    description: "Compact XML by removing ignorable whitespace.",
+    category: "xml",
+    icon: FileDiff,
+    keywords: ["xml", "minify", "compact", "space", "size"],
+    commands: ["xml minify"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/xml/xml-tools")),
+  },
+  {
+    slug: "xml-validator",
+    name: "XML Validator",
+    description: "Validate XML well-formedness and show the exact error.",
+    category: "xml",
+    icon: SquareCheck,
+    keywords: ["xml", "validate", "wellformed", "error", "parse"],
+    commands: ["xml validate"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/xml/xml-tools")),
+  },
+  {
+    slug: "xml-json-converter",
+    name: "XML ⇄ JSON Converter",
+    description: "Convert simple XML documents to JSON and back.",
+    category: "xml",
+    icon: Braces,
+    keywords: ["xml", "json", "convert", "transform"],
+    commands: ["xml json"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/xml/xml-tools")),
   },
 
   // --- UTF-8 ---
   {
-    slug: "utf8-encoder", name: "UTF-8 Encoder", description: "Encode and decode UTF-8 bytes from text.",
-    category: "utf8", tier: "advanced", icon: TextCursorInput, keywords: ["utf8", "utf-8", "encode", "decode", "bytes"],
-    commands: ["utf8"], status: "ready", component: tf(() => import("@/components/tools/utf8/utf8-tools")),
-  },
-  {
-    slug: "codepoint-inspector", name: "Codepoint Inspector", description: "Inspect every Unicode codepoint and its decomposition.",
-    category: "utf8", icon: ScanText, keywords: ["codepoint", "unicode", "char", "utf-16", "utf-32"],
-    commands: ["codepoint"], status: "ready", component: tf(() => import("@/components/tools/utf8/utf8-tools")),
-  },
-  {
-    slug: "utf8-validator", name: "UTF-8 Validator", description: "Check whether a byte sequence is valid UTF-8.",
-    category: "utf8", icon: SquareCheck, keywords: ["utf8", "validate", "bytes", "invalid", "mojibake"],
-    commands: ["utf8 validate"], status: "ready", component: tf(() => import("@/components/tools/utf8/utf8-tools")),
-  },
-  {
-    slug: "bom-utilities", name: "BOM Utilities", description: "Add, strip and inspect UTF-8/16/32 byte-order marks.",
-    category: "utf8", icon: FileSearch, keywords: ["bom", "byte order mark", "ef bb bf", "utf8", "header"],
-    commands: ["bom"], status: "ready", component: tf(() => import("@/components/tools/utf8/utf8-tools")),
-  },
-  {
-    slug: "escape-sequences", name: "Escape / Unescape", description: "Escape & unescape \\n \\t \\uXXXX and hex sequences.",
-    category: "utf8", icon: Braces, keywords: ["escape", "unescape", "backslash", "newline", "unicode escape"],
-    commands: ["escape"], status: "ready", component: tf(() => import("@/components/tools/utf8/utf8-tools")),
+    slug: "utf8-encoder",
+    name: "UTF-8 Encoder",
+    description: "Encode and decode UTF-8 bytes from text.",
+    category: "utf8",
+    tier: "advanced",
+    icon: TextCursorInput,
+    keywords: ["utf8", "utf-8", "encode", "decode", "bytes"],
+    commands: ["utf8"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/utf8/utf8-tools")),
+  },
+  {
+    slug: "codepoint-inspector",
+    name: "Codepoint Inspector",
+    description: "Inspect every Unicode codepoint and its decomposition.",
+    category: "utf8",
+    icon: ScanText,
+    keywords: ["codepoint", "unicode", "char", "utf-16", "utf-32"],
+    commands: ["codepoint"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/utf8/utf8-tools")),
+  },
+  {
+    slug: "utf8-validator",
+    name: "UTF-8 Validator",
+    description: "Check whether a byte sequence is valid UTF-8.",
+    category: "utf8",
+    icon: SquareCheck,
+    keywords: ["utf8", "validate", "bytes", "invalid", "mojibake"],
+    commands: ["utf8 validate"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/utf8/utf8-tools")),
+  },
+  {
+    slug: "bom-utilities",
+    name: "BOM Utilities",
+    description: "Add, strip and inspect UTF-8/16/32 byte-order marks.",
+    category: "utf8",
+    icon: FileSearch,
+    keywords: ["bom", "byte order mark", "ef bb bf", "utf8", "header"],
+    commands: ["bom"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/utf8/utf8-tools")),
+  },
+  {
+    slug: "escape-sequences",
+    name: "Escape / Unescape",
+    description: "Escape & unescape \\n \\t \\uXXXX and hex sequences.",
+    category: "utf8",
+    icon: Braces,
+    keywords: ["escape", "unescape", "backslash", "newline", "unicode escape"],
+    commands: ["escape"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/utf8/utf8-tools")),
   },
 
   // --- Color ---
   {
-    slug: "color-palette", name: "Color Palette Generator", description: "Build a cohesive palette from a seed color.",
-    category: "color", tier: "standard", icon: Palette, keywords: ["palette", "color", "scheme", "design", "harmony"],
-    commands: ["palette"], status: "ready", component: tf(() => import("@/components/tools/color/color-tools")),
-  },
-  {
-    slug: "hex-to-rgba", name: "Hex → RGBA", description: "Convert HEX colors to rgba() effortlessly.",
-    category: "color", icon: Hexagon, keywords: ["hex", "rgba", "convert", "color", "css"],
-    commands: ["hex to rgba"], status: "ready", component: tf(() => import("@/components/tools/color/color-tools")),
-  },
-  {
-    slug: "rgba-to-hex", name: "RGBA → Hex", description: "Convert rgba() colors back to #rrggbb or #rrggbbaa.",
-    category: "color", icon: Hexagon, keywords: ["rgba", "hex", "convert", "color", "css"],
-    commands: ["rgba to hex"], status: "ready", component: tf(() => import("@/components/tools/color/color-tools")),
-  },
-  {
-    slug: "color-shades", name: "Color Shades Generator", description: "Generate tints and shades from 10% to 90%.",
-    category: "color", icon: Spline, keywords: ["shades", "tints", "lighten", "darken", "color", "scale"],
-    commands: ["shades"], status: "ready", component: tf(() => import("@/components/tools/color/color-tools")),
-  },
-  {
-    slug: "color-mixer", name: "Color Mixer", description: "Blend two colors with a mixing ratio.",
-    category: "color", icon: Droplets, keywords: ["mix", "blend", "color", "ratio", "gradient"],
-    commands: ["mix colors"], status: "ready", component: tf(() => import("@/components/tools/color/color-tools")),
-  },
-];
\ No newline at end of file
+    slug: "color-palette",
+    name: "Color Palette Generator",
+    description: "Build a cohesive palette from a seed color.",
+    category: "color",
+    tier: "standard",
+    icon: Palette,
+    keywords: ["palette", "color", "scheme", "design", "harmony"],
+    commands: ["palette"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/color/color-tools")),
+  },
+  {
+    slug: "hex-to-rgba",
+    name: "Hex → RGBA",
+    description: "Convert HEX colors to rgba() effortlessly.",
+    category: "color",
+    icon: Hexagon,
+    keywords: ["hex", "rgba", "convert", "color", "css"],
+    commands: ["hex to rgba"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/color/color-tools")),
+  },
+  {
+    slug: "rgba-to-hex",
+    name: "RGBA → Hex",
+    description: "Convert rgba() colors back to #rrggbb or #rrggbbaa.",
+    category: "color",
+    icon: Hexagon,
+    keywords: ["rgba", "hex", "convert", "color", "css"],
+    commands: ["rgba to hex"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/color/color-tools")),
+  },
+  {
+    slug: "color-shades",
+    name: "Color Shades Generator",
+    description: "Generate tints and shades from 10% to 90%.",
+    category: "color",
+    icon: Spline,
+    keywords: ["shades", "tints", "lighten", "darken", "color", "scale"],
+    commands: ["shades"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/color/color-tools")),
+  },
+  {
+    slug: "color-mixer",
+    name: "Color Mixer",
+    description: "Blend two colors with a mixing ratio.",
+    category: "color",
+    icon: Droplets,
+    keywords: ["mix", "blend", "color", "ratio", "gradient"],
+    commands: ["mix colors"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/color/color-tools")),
+  },
+];
diff --git a/artifacts/personal-tool-console/src/lib/registry/lazy.ts b/artifacts/personal-tool-console/src/lib/registry/lazy.ts
index 5835a5e..61d417b 100644
--- a/artifacts/personal-tool-console/src/lib/registry/lazy.ts
+++ b/artifacts/personal-tool-console/src/lib/registry/lazy.ts
@@ -4,4 +4,4 @@ import type { ToolComponent } from "@/lib/tool-registry";
 export function tf<T>(loader: () => Promise<T>): ToolComponent {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   return lazy(loader as any) as unknown as ToolComponent;
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/lib/registry/media-tools.ts b/artifacts/personal-tool-console/src/lib/registry/media-tools.ts
index 9774a2b..6b42667 100644
--- a/artifacts/personal-tool-console/src/lib/registry/media-tools.ts
+++ b/artifacts/personal-tool-console/src/lib/registry/media-tools.ts
@@ -1,162 +1,357 @@
 import type { ToolDefinition } from "@/lib/tool-registry";
 import { tf } from "@/lib/registry/lazy";
 import {
-  Crop, SlidersHorizontal, Droplets, MousePointer2, Shapes, Grip, ScanText,
-  FileText, Scissors, Download, Share2, SwitchCamera, MessageCircle, Globe,
-  WandSparkles, Quote, Star, Repeat, Volume2, Image, Shuffle, CreditCard,
-  ScanBarcode, Dices, User, ListOrdered,
+  Crop,
+  SlidersHorizontal,
+  Droplets,
+  MousePointer2,
+  Shapes,
+  Grip,
+  ScanText,
+  FileText,
+  Scissors,
+  Download,
+  Share2,
+  SwitchCamera,
+  MessageCircle,
+  Globe,
+  WandSparkles,
+  Quote,
+  Star,
+  Repeat,
+  Volume2,
+  Image,
+  Shuffle,
+  CreditCard,
+  ScanBarcode,
+  Dices,
+  User,
+  ListOrdered,
 } from "lucide-react";
 
 export const MEDIA_TOOLS: ToolDefinition[] = [
-
   // --- Image ---
   {
-    slug: "image-resizer", name: "Image Resizer", description: "Resize and scale images by pixels or percentage in your browser.",
-    category: "image", icon: Crop, keywords: ["resize", "image", "scale", "dimension", "width", "height"],
-    commands: ["resize"], status: "ready", component: tf(() => import("@/components/tools/image/image-tools")),
+    slug: "image-resizer",
+    name: "Image Resizer",
+    description:
+      "Resize and scale images by pixels or percentage in your browser.",
+    category: "image",
+    icon: Crop,
+    keywords: ["resize", "image", "scale", "dimension", "width", "height"],
+    commands: ["resize"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/image/image-tools")),
   },
   {
-    slug: "image-filters", name: "Image Filters", description: "Apply brightness, contrast, blur, sepia and more.",
-    category: "image", icon: SlidersHorizontal, keywords: ["filter", "image", "effect", "brightness", "contrast", "sepia"],
-    commands: ["filters"], status: "ready", component: tf(() => import("@/components/tools/image/image-tools")),
+    slug: "image-filters",
+    name: "Image Filters",
+    description: "Apply brightness, contrast, blur, sepia and more.",
+    category: "image",
+    icon: SlidersHorizontal,
+    keywords: ["filter", "image", "effect", "brightness", "contrast", "sepia"],
+    commands: ["filters"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/image/image-tools")),
   },
   {
-    slug: "image-avg-color", name: "Average Image Color", description: "Extract the dominant average color from an image.",
-    category: "image", icon: Droplets, keywords: ["average", "color", "dominant", "extract", "image", "palette"],
-    commands: ["avg color"], status: "ready", component: tf(() => import("@/components/tools/image/image-tools")),
+    slug: "image-avg-color",
+    name: "Average Image Color",
+    description: "Extract the dominant average color from an image.",
+    category: "image",
+    icon: Droplets,
+    keywords: ["average", "color", "dominant", "extract", "image", "palette"],
+    commands: ["avg color"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/image/image-tools")),
   },
   {
-    slug: "image-color-picker", name: "Color Picker from Image", description: "Pick any pixel color from your own image.",
-    category: "image", icon: MousePointer2, keywords: ["picker", "eyedropper", "color", "pixel", "image"],
-    commands: ["pick color"], status: "ready", component: tf(() => import("@/components/tools/image/image-tools")),
+    slug: "image-color-picker",
+    name: "Color Picker from Image",
+    description: "Pick any pixel color from your own image.",
+    category: "image",
+    icon: MousePointer2,
+    keywords: ["picker", "eyedropper", "color", "pixel", "image"],
+    commands: ["pick color"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/image/image-tools")),
   },
   {
-    slug: "svg-blob-generator", name: "SVG Blob Generator", description: "Organic blob shapes as SVG paths and CSS.",
-    category: "image", icon: Shapes, keywords: ["blob", "svg", "organic", "shape", "path", "fluid"],
-    commands: ["blob"], status: "ready", component: tf(() => import("@/components/tools/image/image-tools")),
+    slug: "svg-blob-generator",
+    name: "SVG Blob Generator",
+    description: "Organic blob shapes as SVG paths and CSS.",
+    category: "image",
+    icon: Shapes,
+    keywords: ["blob", "svg", "organic", "shape", "path", "fluid"],
+    commands: ["blob"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/image/image-tools")),
   },
   {
-    slug: "svg-pattern-generator", name: "SVG Pattern Generator", description: "Tiled geometric SVG patterns with colors.",
-    category: "image", icon: Grip, keywords: ["pattern", "svg", "tile", "seamless", "texture"],
-    commands: ["svg pattern"], status: "ready", component: tf(() => import("@/components/tools/image/image-tools")),
+    slug: "svg-pattern-generator",
+    name: "SVG Pattern Generator",
+    description: "Tiled geometric SVG patterns with colors.",
+    category: "image",
+    icon: Grip,
+    keywords: ["pattern", "svg", "tile", "seamless", "texture"],
+    commands: ["svg pattern"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/image/image-tools")),
   },
   {
-    slug: "image-to-base64", name: "Image to Base64", description: "Convert images to base64 data URIs to inline in HTML/CSS.",
-    category: "image", icon: ScanText, keywords: ["image", "base64", "data uri", "inline", "embed"],
-    commands: ["image base64"], status: "ready", component: tf(() => import("@/components/tools/image/image-tools")),
+    slug: "image-to-base64",
+    name: "Image to Base64",
+    description: "Convert images to base64 data URIs to inline in HTML/CSS.",
+    category: "image",
+    icon: ScanText,
+    keywords: ["image", "base64", "data uri", "inline", "embed"],
+    commands: ["image base64"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/image/image-tools")),
   },
   {
-    slug: "online-sentence-picker", name: "Sentence Picker", description: "Pick a random sentence from a block of text.",
-    category: "misc", icon: ListOrdered, keywords: ["sentence", "random", "pick", "choose", "randomizer"],
-    commands: ["pick sentence"], status: "ready", component: tf(() => import("@/components/tools/misc/misc-tools")),
+    slug: "online-sentence-picker",
+    name: "Sentence Picker",
+    description: "Pick a random sentence from a block of text.",
+    category: "misc",
+    icon: ListOrdered,
+    keywords: ["sentence", "random", "pick", "choose", "randomizer"],
+    commands: ["pick sentence"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/misc/misc-tools")),
   },
   {
-    slug: "pdf-merger", name: "PDF Merger", description: "Combine multiple PDF files into one document.",
-    category: "image", icon: FileText, keywords: ["pdf", "merge", "combine", "join", "documents"],
-    commands: ["pdf merge"], status: "coming-soon",
+    slug: "pdf-merger",
+    name: "PDF Merger",
+    description: "Combine multiple PDF files into one document.",
+    category: "image",
+    icon: FileText,
+    keywords: ["pdf", "merge", "combine", "join", "documents"],
+    commands: ["pdf merge"],
+    status: "coming-soon",
   },
   {
-    slug: "pdf-splitter", name: "PDF Splitter", description: "Split pages out of a PDF into separate files.",
-    category: "image", icon: Scissors, keywords: ["pdf", "split", "pages", "extract", "separate"],
-    commands: ["pdf split"], status: "coming-soon",
+    slug: "pdf-splitter",
+    name: "PDF Splitter",
+    description: "Split pages out of a PDF into separate files.",
+    category: "image",
+    icon: Scissors,
+    keywords: ["pdf", "split", "pages", "extract", "separate"],
+    commands: ["pdf split"],
+    status: "coming-soon",
   },
   {
-    slug: "pdf-compressor", name: "PDF Compressor", description: "Reduce PDF file size by recompressing images.",
-    category: "image", icon: Download, keywords: ["pdf", "compress", "reduce", "size", "optimize"],
-    commands: ["pdf compress"], status: "coming-soon",
+    slug: "pdf-compressor",
+    name: "PDF Compressor",
+    description: "Reduce PDF file size by recompressing images.",
+    category: "image",
+    icon: Download,
+    keywords: ["pdf", "compress", "reduce", "size", "optimize"],
+    commands: ["pdf compress"],
+    status: "coming-soon",
   },
 
   // --- Social ---
   {
-    slug: "og-meta-generator", name: "Open Graph Meta Generator", description: "Generate OG and Twitter card meta tags for any URL.",
-    category: "social", tier: "standard", icon: Share2, keywords: ["og", "open graph", "meta", "twitter card", "seo", "preview"],
-    commands: ["og meta"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+    slug: "og-meta-generator",
+    name: "Open Graph Meta Generator",
+    description: "Generate OG and Twitter card meta tags for any URL.",
+    category: "social",
+    tier: "standard",
+    icon: Share2,
+    keywords: ["og", "open graph", "meta", "twitter card", "seo", "preview"],
+    commands: ["og meta"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/social/social-tools")),
   },
   {
-    slug: "instagram-filters", name: "Instagram Filter Preview", description: "Preview Instagram-style filters on your photos.",
-    category: "social", icon: SwitchCamera, keywords: ["instagram", "filter", "photo", "preset", "likes"],
-    commands: ["insta filter"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+    slug: "instagram-filters",
+    name: "Instagram Filter Preview",
+    description: "Preview Instagram-style filters on your photos.",
+    category: "social",
+    icon: SwitchCamera,
+    keywords: ["instagram", "filter", "photo", "preset", "likes"],
+    commands: ["insta filter"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/social/social-tools")),
   },
   {
-    slug: "youtube-thumbnail", name: "YouTube Thumbnail Size", description: "Get the correct YouTube thumbnail sizes and URLs.",
-    category: "social", icon: Volume2, keywords: ["youtube", "thumbnail", "size", "1280", "720", "maxres"],
-    commands: ["yt thumbnail"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+    slug: "youtube-thumbnail",
+    name: "YouTube Thumbnail Size",
+    description: "Get the correct YouTube thumbnail sizes and URLs.",
+    category: "social",
+    icon: Volume2,
+    keywords: ["youtube", "thumbnail", "size", "1280", "720", "maxres"],
+    commands: ["yt thumbnail"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/social/social-tools")),
   },
   {
-    slug: "vimeo-thumbnail", name: "Vimeo Thumbnail Size", description: "Fetch Vimeo thumbnail URLs at every available size.",
-    category: "social", icon: Globe, keywords: ["vimeo", "thumbnail", "video", "size"],
-    commands: ["vimeo thumbnail"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+    slug: "vimeo-thumbnail",
+    name: "Vimeo Thumbnail Size",
+    description: "Fetch Vimeo thumbnail URLs at every available size.",
+    category: "social",
+    icon: Globe,
+    keywords: ["vimeo", "thumbnail", "video", "size"],
+    commands: ["vimeo thumbnail"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/social/social-tools")),
   },
   {
-    slug: "custom-twitter-card", name: "Twitter Card Generator", description: "Generate summary and summary_large_image card tags.",
-    category: "social", icon: MessageCircle, keywords: ["twitter", "card", "meta", "x", "summary", "snippet"],
-    commands: ["twitter card"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+    slug: "custom-twitter-card",
+    name: "Twitter Card Generator",
+    description: "Generate summary and summary_large_image card tags.",
+    category: "social",
+    icon: MessageCircle,
+    keywords: ["twitter", "card", "meta", "x", "summary", "snippet"],
+    commands: ["twitter card"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/social/social-tools")),
   },
   {
-    slug: "og-image-generator", name: "OG Image Generator", description: "Design a shareable 1200×630 social image in-browser.",
-    category: "image", icon: Image, keywords: ["og", "image", "social", "1200", "630", "share"],
-    commands: ["og image"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+    slug: "og-image-generator",
+    name: "OG Image Generator",
+    description: "Design a shareable 1200×630 social image in-browser.",
+    category: "image",
+    icon: Image,
+    keywords: ["og", "image", "social", "1200", "630", "share"],
+    commands: ["og image"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/social/social-tools")),
   },
   {
-    slug: "quote-generator", name: "Quote Card Generator", description: "Beautiful quote cards for Instagram and X.",
-    category: "social", icon: Quote, keywords: ["quote", "card", "instagram", "motivational", "poster"],
-    commands: ["quote"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+    slug: "quote-generator",
+    name: "Quote Card Generator",
+    description: "Beautiful quote cards for Instagram and X.",
+    category: "social",
+    icon: Quote,
+    keywords: ["quote", "card", "instagram", "motivational", "poster"],
+    commands: ["quote"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/social/social-tools")),
   },
   {
-    slug: "caption-generator", name: "Instagram Caption Generator", description: "Generate catchy captions and hashtags from your topic.",
-    category: "social", icon: Star, keywords: ["caption", "instagram", "hashtag", "copy", "post"],
-    commands: ["caption"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+    slug: "caption-generator",
+    name: "Instagram Caption Generator",
+    description: "Generate catchy captions and hashtags from your topic.",
+    category: "social",
+    icon: Star,
+    keywords: ["caption", "instagram", "hashtag", "copy", "post"],
+    commands: ["caption"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/social/social-tools")),
   },
   {
-    slug: "bio-generator", name: "Social Bio Generator", description: "Craft short, punchy bios for any platform.",
-    category: "social", icon: Repeat, keywords: ["bio", "profile", "instagram", "twitter", "about"],
-    commands: ["bio"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+    slug: "bio-generator",
+    name: "Social Bio Generator",
+    description: "Craft short, punchy bios for any platform.",
+    category: "social",
+    icon: Repeat,
+    keywords: ["bio", "profile", "instagram", "twitter", "about"],
+    commands: ["bio"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/social/social-tools")),
   },
   {
-    slug: "linkedin-header-generator", name: "LinkedIn Banner Generator", description: "Create a 1128×191 LinkedIn banner with a headline.",
-    category: "social", icon: WandSparkles, keywords: ["linkedin", "banner", "header", "1128", "cover"],
-    commands: ["linkedin"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+    slug: "linkedin-header-generator",
+    name: "LinkedIn Banner Generator",
+    description: "Create a 1128×191 LinkedIn banner with a headline.",
+    category: "social",
+    icon: WandSparkles,
+    keywords: ["linkedin", "banner", "header", "1128", "cover"],
+    commands: ["linkedin"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/social/social-tools")),
   },
   {
-    slug: "link-preview-generator", name: "Link Preview Mockup", description: "Preview how your link will look shared on social apps.",
-    category: "social", icon: Share2, keywords: ["preview", "link", "mockup", "og", "share"],
-    commands: ["link preview"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+    slug: "link-preview-generator",
+    name: "Link Preview Mockup",
+    description: "Preview how your link will look shared on social apps.",
+    category: "social",
+    icon: Share2,
+    keywords: ["preview", "link", "mockup", "og", "share"],
+    commands: ["link preview"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/social/social-tools")),
   },
   {
-    slug: "social-mockup", name: "Social Post Mockup", description: "Frame text into a realistic social media post.",
-    category: "social", icon: MessageCircle, keywords: ["mockup", "post", "frame", "social", "screenshot"],
-    commands: ["mockup"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+    slug: "social-mockup",
+    name: "Social Post Mockup",
+    description: "Frame text into a realistic social media post.",
+    category: "social",
+    icon: MessageCircle,
+    keywords: ["mockup", "post", "frame", "social", "screenshot"],
+    commands: ["mockup"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/social/social-tools")),
   },
   {
-    slug: "yt-title-generator", name: "YouTube Title Generator", description: "Generate clickable titles from keyword combos.",
-    category: "social", icon: Volume2, keywords: ["youtube", "title", "clickbait", "keyword", "video"],
-    commands: ["yt title"], status: "ready", component: tf(() => import("@/components/tools/social/social-tools")),
+    slug: "yt-title-generator",
+    name: "YouTube Title Generator",
+    description: "Generate clickable titles from keyword combos.",
+    category: "social",
+    icon: Volume2,
+    keywords: ["youtube", "title", "clickbait", "keyword", "video"],
+    commands: ["yt title"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/social/social-tools")),
   },
 
   // --- Misc ---
   {
-    slug: "list-randomizer", name: "List Randomizer", description: "Shuffle or randomize any newline-separated list.",
-    category: "misc", tier: "standard", icon: Shuffle, keywords: ["randomizer", "shuffle", "list", "raffle", "random order"],
-    commands: ["shuffle"], status: "ready", component: tf(() => import("@/components/tools/misc/misc-tools")),
+    slug: "list-randomizer",
+    name: "List Randomizer",
+    description: "Shuffle or randomize any newline-separated list.",
+    category: "misc",
+    tier: "standard",
+    icon: Shuffle,
+    keywords: ["randomizer", "shuffle", "list", "raffle", "random order"],
+    commands: ["shuffle"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/misc/misc-tools")),
   },
   {
-    slug: "fake-iban-generator", name: "Fake IBAN Generator", description: "Generate structural, checksum-valid IBANs for 13 countries.",
-    category: "misc", icon: CreditCard, keywords: ["iban", "bank", "account", "fake", "valid", "european"],
-    commands: ["iban"], status: "ready", component: tf(() => import("@/components/tools/misc/misc-tools")),
+    slug: "fake-iban-generator",
+    name: "Fake IBAN Generator",
+    description: "Generate structural, checksum-valid IBANs for 13 countries.",
+    category: "misc",
+    icon: CreditCard,
+    keywords: ["iban", "bank", "account", "fake", "valid", "european"],
+    commands: ["iban"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/misc/misc-tools")),
   },
   {
-    slug: "barcode-generator", name: "Barcode Generator", description: "Generate Code 39 and EAN-13 barcodes as SVG.",
-    category: "misc", icon: ScanBarcode, keywords: ["barcode", "code39", "ean13", "ean", "svg", "scan"],
-    commands: ["barcode"], status: "ready", component: tf(() => import("@/components/tools/misc/misc-tools")),
+    slug: "barcode-generator",
+    name: "Barcode Generator",
+    description: "Generate Code 39 and EAN-13 barcodes as SVG.",
+    category: "misc",
+    icon: ScanBarcode,
+    keywords: ["barcode", "code39", "ean13", "ean", "svg", "scan"],
+    commands: ["barcode"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/misc/misc-tools")),
   },
   {
-    slug: "unicode-rain", name: "Unicode Rain", description: "A Matrix-style animated stream of any character set.",
-    category: "misc", icon: Dices, keywords: ["rain", "matrix", "unicode", "animation", "symbols"],
-    commands: ["rain"], status: "ready", component: tf(() => import("@/components/tools/misc/misc-tools")),
+    slug: "unicode-rain",
+    name: "Unicode Rain",
+    description: "A Matrix-style animated stream of any character set.",
+    category: "misc",
+    icon: Dices,
+    keywords: ["rain", "matrix", "unicode", "animation", "symbols"],
+    commands: ["rain"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/misc/misc-tools")),
   },
   {
-    slug: "fake-user-generator", name: "Fake User Generator", description: "Bulk-generate fake names, emails, countries and phones.",
-    category: "misc", icon: User, keywords: ["fake", "user", "names", "email", "dummy", "test data"],
-    commands: ["fake user"], status: "ready", component: tf(() => import("@/components/tools/misc/misc-tools")),
+    slug: "fake-user-generator",
+    name: "Fake User Generator",
+    description: "Bulk-generate fake names, emails, countries and phones.",
+    category: "misc",
+    icon: User,
+    keywords: ["fake", "user", "names", "email", "dummy", "test data"],
+    commands: ["fake user"],
+    status: "ready",
+    component: tf(() => import("@/components/tools/misc/misc-tools")),
   },
-];
\ No newline at end of file
+];
diff --git a/artifacts/personal-tool-console/src/lib/registry/text.ts b/artifacts/personal-tool-console/src/lib/registry/text.ts
index 64c7374..2d6a377 100644
--- a/artifacts/personal-tool-console/src/lib/registry/text.ts
+++ b/artifacts/personal-tool-console/src/lib/registry/text.ts
@@ -2,19 +2,37 @@ import type { ToolDefinition } from "@/lib/tool-registry";
 import { TEXT_GROUPS } from "@/lib/tools/text";
 import { tf } from "@/lib/registry/lazy";
 import {
-  Scissors, AlignStartVertical, MoveHorizontal, WandSparkles, Quote, ListFilter,
-  ArrowUpDown, Dices, ChartColumn, CaseSensitive, TextWrap, TextQuote, Braces,
-  Hash, Highlighter, Type, Table, Binary, TextSelect, Pencil, TypeOutline,
+  Scissors,
+  AlignStartVertical,
+  MoveHorizontal,
+  WandSparkles,
+  Quote,
+  ListFilter,
+  ArrowUpDown,
+  Dices,
+  ChartColumn,
+  CaseSensitive,
+  TextWrap,
+  TextQuote,
+  Braces,
+  Hash,
+  Highlighter,
+  Type,
+  Table,
+  Binary,
+  TextSelect,
+  Pencil,
+  TypeOutline,
 } from "lucide-react";
 
 const GROUP_ICONS: Record<string, typeof Scissors> = {
   "split-combine": Scissors,
   "alignment-padding": AlignStartVertical,
-  "reordering": MoveHorizontal,
+  reordering: MoveHorizontal,
   "randomize-fake": WandSparkles,
   "prefix-suffix-symbols": Quote,
-  "filtering": ListFilter,
-  "sorting": ArrowUpDown,
+  filtering: ListFilter,
+  sorting: ArrowUpDown,
   "randomize-order": Dices,
   "stats-structure": ChartColumn,
   "case-visual": CaseSensitive,
@@ -26,17 +44,26 @@ const GROUP_ICONS: Record<string, typeof Scissors> = {
   "vowels-consonants": Type,
   "columns-ngrams": Table,
   "misc-encoding": Binary,
-  "existing": TextSelect,
+  existing: TextSelect,
 };
 
 function keywordsFor(name: string, description: string): string[] {
   const parts = new Set<string>();
-  for (const w of name.toLowerCase().split(/[^a-z0-9]+/)) if (w.length > 1) parts.add(w);
-  description.toLowerCase().split(/[^a-z0-9]+/).slice(0, 6).forEach((w) => { if (w.length > 2) parts.add(w); });
+  for (const w of name.toLowerCase().split(/[^a-z0-9]+/))
+    if (w.length > 1) parts.add(w);
+  description
+    .toLowerCase()
+    .split(/[^a-z0-9]+/)
+    .slice(0, 6)
+    .forEach((w) => {
+      if (w.length > 2) parts.add(w);
+    });
   return [...parts];
 }
 
-export const TEXT_SHARED_PAGE = tf(() => import("@/components/tools/text/text-tool-page"));
+export const TEXT_SHARED_PAGE = tf(
+  () => import("@/components/tools/text/text-tool-page"),
+);
 
 export const TEXT_TOOL_DEFS: ToolDefinition[] = TEXT_GROUPS.flatMap((g) =>
   g.tools.map((t) => ({
@@ -57,7 +84,8 @@ export const TEXT_COMING_SOON: ToolDefinition[] = [
   {
     slug: "text-handwriting",
     name: "Handwriting Generator",
-    description: "Convert text into realistic handwriting-style fonts and PDF worksheets.",
+    description:
+      "Convert text into realistic handwriting-style fonts and PDF worksheets.",
     category: "text",
     icon: Pencil,
     keywords: ["handwriting", "font", "cursive", "script", "worksheet"],
@@ -67,11 +95,12 @@ export const TEXT_COMING_SOON: ToolDefinition[] = [
   {
     slug: "font-pair-finder",
     name: "Font Pair Finder",
-    description: "Discover harmonious Google Font pairings for your next design.",
+    description:
+      "Discover harmonious Google Font pairings for your next design.",
     category: "text",
     icon: TypeOutline,
     keywords: ["font", "pairing", "typography", "google fonts", "match"],
     commands: ["case-visual"],
     status: "coming-soon",
   },
-];
\ No newline at end of file
+];
diff --git a/artifacts/personal-tool-console/src/lib/storage.ts b/artifacts/personal-tool-console/src/lib/storage.ts
index cb065ff..089c60f 100644
--- a/artifacts/personal-tool-console/src/lib/storage.ts
+++ b/artifacts/personal-tool-console/src/lib/storage.ts
@@ -1,19 +1,19 @@
 export const STORAGE_KEYS = {
-  history: 'ptc_history_v1',
-  pins: 'ptc_pins_v1',
-  prefs: 'ptc_prefs_v1',
-  recentTools: 'recent_tools_v1',
+  history: "ptc_history_v1",
+  pins: "ptc_pins_v1",
+  prefs: "ptc_prefs_v1",
+  recentTools: "recent_tools_v1",
 } as const;
 
 export const DEFAULT_PREFS = {
   passwordLength: 16,
-  passwordMode: 'strong',
-  defaultCurrencyFrom: 'usd',
-  defaultCurrencyTo: 'myr',
+  passwordMode: "strong",
+  defaultCurrencyFrom: "usd",
+  defaultCurrencyTo: "myr",
 };
 
 export function loadJson<T>(key: string, fallback: T): T {
-  if (typeof window === 'undefined') return fallback;
+  if (typeof window === "undefined") return fallback;
   try {
     const raw = window.localStorage.getItem(key);
     return raw ? JSON.parse(raw) : fallback;
@@ -23,7 +23,7 @@ export function loadJson<T>(key: string, fallback: T): T {
 }
 
 export function saveJson(key: string, value: unknown) {
-  if (typeof window === 'undefined') return;
+  if (typeof window === "undefined") return;
   try {
     window.localStorage.setItem(key, JSON.stringify(value));
   } catch {
diff --git a/artifacts/personal-tool-console/src/lib/tool-registry.ts b/artifacts/personal-tool-console/src/lib/tool-registry.ts
index eb2ca3a..c13814c 100644
--- a/artifacts/personal-tool-console/src/lib/tool-registry.ts
+++ b/artifacts/personal-tool-console/src/lib/tool-registry.ts
@@ -1,7 +1,21 @@
 import type { ComponentType, LazyExoticComponent } from "react";
 import {
-  Calculator, ArrowLeftRight, Sparkles, Globe, Lock, Binary, Combine, Terminal,
-  FileCode2, TextCursorInput, CodeXml, Type, Image, Palette, Share2, Wrench,
+  Calculator,
+  ArrowLeftRight,
+  Sparkles,
+  Globe,
+  Lock,
+  Binary,
+  Combine,
+  Terminal,
+  FileCode2,
+  TextCursorInput,
+  CodeXml,
+  Type,
+  Image,
+  Palette,
+  Share2,
+  Wrench,
   type LucideIcon,
 } from "lucide-react";
 import { loadJson, STORAGE_KEYS } from "@/lib/storage";
@@ -12,9 +26,23 @@ import { MEDIA_TOOLS } from "@/lib/registry/media-tools";
 import { TEXT_TOOL_DEFS, TEXT_COMING_SOON } from "@/lib/registry/text";
 
 export type ToolCategoryId =
-  | "math" | "converter" | "generator" | "network"
-  | "crypto" | "bitmap" | "set" | "linux" | "xml" | "utf8" | "coding"
-  | "text" | "image" | "css" | "color" | "social" | "misc";
+  | "math"
+  | "converter"
+  | "generator"
+  | "network"
+  | "crypto"
+  | "bitmap"
+  | "set"
+  | "linux"
+  | "xml"
+  | "utf8"
+  | "coding"
+  | "text"
+  | "image"
+  | "css"
+  | "color"
+  | "social"
+  | "misc";
 
 export type ToolStatus = "ready" | "coming-soon";
 
@@ -46,23 +74,108 @@ export interface ToolCategoryMeta {
 }
 
 export const TOOL_CATEGORIES: Record<ToolCategoryId, ToolCategoryMeta> = {
-  math: { id: "math", label: "Math", icon: Calculator, blurb: "Calculators and expressions" },
-  converter: { id: "converter", label: "Converters", icon: ArrowLeftRight, blurb: "Units, currency, time & radix" },
-  generator: { id: "generator", label: "Generators", icon: Sparkles, blurb: "Passwords, QR codes, UUIDs & keys" },
-  network: { id: "network", label: "Network", icon: Globe, blurb: "DNS, speed and connectivity" },
-  crypto: { id: "crypto", label: "Crypto", icon: Lock, blurb: "Encryption, HMAC, JWT (in-browser)" },
-  bitmap: { id: "bitmap", label: "Bitmap", icon: Binary, blurb: "Bit-level and radix utilities" },
-  set: { id: "set", label: "Sets", icon: Combine, blurb: "Union, intersection & dedupe" },
-  linux: { id: "linux", label: "Linux", icon: Terminal, blurb: "chmod, cron, paths & permissions" },
-  xml: { id: "xml", label: "XML", icon: FileCode2, blurb: "Format, validate & convert XML" },
-  utf8: { id: "utf8", label: "UTF-8", icon: TextCursorInput, blurb: "Bytes, codepoints, BOM & escapes" },
-  coding: { id: "coding", label: "Coding", icon: CodeXml, blurb: "Formatters, encoders & dev aids" },
-  text: { id: "text", label: "Text", icon: Type, blurb: "200+ text manipulation utilities" },
-  image: { id: "image", label: "Image", icon: Image, blurb: "Canvas-based image editing" },
-  css: { id: "css", label: "CSS", icon: Palette, blurb: "CSS generators with live preview" },
-  color: { id: "color", label: "Color", icon: Palette, blurb: "Palettes, shades and converters" },
-  social: { id: "social", label: "Social", icon: Share2, blurb: "Mockups, thumbnails & OG meta" },
-  misc: { id: "misc", label: "Misc", icon: Wrench, blurb: "PDF, barcodes, IBAN, randomizers" },
+  math: {
+    id: "math",
+    label: "Math",
+    icon: Calculator,
+    blurb: "Calculators and expressions",
+  },
+  converter: {
+    id: "converter",
+    label: "Converters",
+    icon: ArrowLeftRight,
+    blurb: "Units, currency, time & radix",
+  },
+  generator: {
+    id: "generator",
+    label: "Generators",
+    icon: Sparkles,
+    blurb: "Passwords, QR codes, UUIDs & keys",
+  },
+  network: {
+    id: "network",
+    label: "Network",
+    icon: Globe,
+    blurb: "DNS, speed and connectivity",
+  },
+  crypto: {
+    id: "crypto",
+    label: "Crypto",
+    icon: Lock,
+    blurb: "Encryption, HMAC, JWT (in-browser)",
+  },
+  bitmap: {
+    id: "bitmap",
+    label: "Bitmap",
+    icon: Binary,
+    blurb: "Bit-level and radix utilities",
+  },
+  set: {
+    id: "set",
+    label: "Sets",
+    icon: Combine,
+    blurb: "Union, intersection & dedupe",
+  },
+  linux: {
+    id: "linux",
+    label: "Linux",
+    icon: Terminal,
+    blurb: "chmod, cron, paths & permissions",
+  },
+  xml: {
+    id: "xml",
+    label: "XML",
+    icon: FileCode2,
+    blurb: "Format, validate & convert XML",
+  },
+  utf8: {
+    id: "utf8",
+    label: "UTF-8",
+    icon: TextCursorInput,
+    blurb: "Bytes, codepoints, BOM & escapes",
+  },
+  coding: {
+    id: "coding",
+    label: "Coding",
+    icon: CodeXml,
+    blurb: "Formatters, encoders & dev aids",
+  },
+  text: {
+    id: "text",
+    label: "Text",
+    icon: Type,
+    blurb: "200+ text manipulation utilities",
+  },
+  image: {
+    id: "image",
+    label: "Image",
+    icon: Image,
+    blurb: "Canvas-based image editing",
+  },
+  css: {
+    id: "css",
+    label: "CSS",
+    icon: Palette,
+    blurb: "CSS generators with live preview",
+  },
+  color: {
+    id: "color",
+    label: "Color",
+    icon: Palette,
+    blurb: "Palettes, shades and converters",
+  },
+  social: {
+    id: "social",
+    label: "Social",
+    icon: Share2,
+    blurb: "Mockups, thumbnails & OG meta",
+  },
+  misc: {
+    id: "misc",
+    label: "Misc",
+    icon: Wrench,
+    blurb: "PDF, barcodes, IBAN, randomizers",
+  },
 };
 
 export const CATEGORY_ORDER = Object.keys(TOOL_CATEGORIES) as ToolCategoryId[];
@@ -76,7 +189,9 @@ export const ALL_TOOLS: ToolDefinition[] = [
   ...TEXT_COMING_SOON,
 ];
 
-export const TOOLS_BY_SLUG = new Map<string, ToolDefinition>(ALL_TOOLS.map((t) => [t.slug, t]));
+export const TOOLS_BY_SLUG = new Map<string, ToolDefinition>(
+  ALL_TOOLS.map((t) => [t.slug, t]),
+);
 
 export function getToolDefinition(slug: string): ToolDefinition | undefined {
   return TOOLS_BY_SLUG.get(slug);
@@ -86,7 +201,9 @@ export function getToolsByCategory(category: ToolCategoryId): ToolDefinition[] {
   return ALL_TOOLS.filter((t) => t.category === category);
 }
 
-export function getCategoriesWithTools(): Array<ToolCategoryMeta & { tools: ToolDefinition[]; ready: number }> {
+export function getCategoriesWithTools(): Array<
+  ToolCategoryMeta & { tools: ToolDefinition[]; ready: number }
+> {
   return CATEGORY_ORDER.map((id) => {
     const tools = getToolsByCategory(id);
     return {
@@ -100,19 +217,18 @@ export function getCategoriesWithTools(): Array<ToolCategoryMeta & { tools: Tool
 export function searchTools(query: string, limit = 20): ToolDefinition[] {
   const q = query.trim().toLowerCase();
   if (!q) return [];
-  const scored = ALL_TOOLS
-    .map((t) => {
-      let score = 0;
-      if (t.slug.includes(q)) score += 10;
-      if (t.name.toLowerCase().includes(q)) score += 8;
-      if (t.description.toLowerCase().includes(q)) score += 3;
-      for (const k of t.keywords) {
-        if (k.includes(q)) score += 6;
-        else if (k.startsWith(q)) score += 5;
-      }
-      if (t.commands?.some((c) => c.toLowerCase().includes(q))) score += 4;
-      return { t, score };
-    })
+  const scored = ALL_TOOLS.map((t) => {
+    let score = 0;
+    if (t.slug.includes(q)) score += 10;
+    if (t.name.toLowerCase().includes(q)) score += 8;
+    if (t.description.toLowerCase().includes(q)) score += 3;
+    for (const k of t.keywords) {
+      if (k.includes(q)) score += 6;
+      else if (k.startsWith(q)) score += 5;
+    }
+    if (t.commands?.some((c) => c.toLowerCase().includes(q))) score += 4;
+    return { t, score };
+  })
     .filter((x) => x.score > 0)
     .sort((a, b) => b.score - a.score || a.t.name.localeCompare(b.t.name));
   return scored.slice(0, limit).map((x) => x.t);
@@ -120,11 +236,18 @@ export function searchTools(query: string, limit = 20): ToolDefinition[] {
 
 export function getRecentTools(): ToolDefinition[] {
   const slugs = loadJson<string[]>(STORAGE_KEYS.recentTools, []);
-  const found = slugs.map((s) => TOOLS_BY_SLUG.get(s)).filter((t): t is ToolDefinition => Boolean(t));
+  const found = slugs
+    .map((s) => TOOLS_BY_SLUG.get(s))
+    .filter((t): t is ToolDefinition => Boolean(t));
   return found.slice(0, 12);
 }
 
 export function toOption(value: unknown): string {
-  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return String(value);
+  if (
+    typeof value === "string" ||
+    typeof value === "number" ||
+    typeof value === "boolean"
+  )
+    return String(value);
   return "";
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/base64.ts b/artifacts/personal-tool-console/src/lib/tools/base64.ts
index ab0f7e7..cc55d73 100644
--- a/artifacts/personal-tool-console/src/lib/tools/base64.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/base64.ts
@@ -6,6 +6,6 @@ export function base64Decode(text: string) {
   try {
     return decodeURIComponent(escape(atob(text)));
   } catch {
-    throw new Error('Invalid base64 string');
+    throw new Error("Invalid base64 string");
   }
 }
diff --git a/artifacts/personal-tool-console/src/lib/tools/bitmap/index.ts b/artifacts/personal-tool-console/src/lib/tools/bitmap/index.ts
index a0b8975..ad36076 100644
--- a/artifacts/personal-tool-console/src/lib/tools/bitmap/index.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/bitmap/index.ts
@@ -1,19 +1,27 @@
 export function convertRadix(value: string, fromBase: number, toBase: number) {
   const n = parseInt(value, fromBase);
-  if (isNaN(n)) throw new Error('Invalid input for source radix');
+  if (isNaN(n)) throw new Error("Invalid input for source radix");
   return n.toString(toBase).toUpperCase();
 }
 
 export function bitwiseOp(a: number, b: number, op: string) {
   switch (op) {
-    case 'AND': return a & b;
-    case 'OR': return a | b;
-    case 'XOR': return a ^ b;
-    case 'NOT': return ~a;
-    case '<<': return a << b;
-    case '>>': return a >> b;
-    case '>>>': return a >>> b;
-    default: throw new Error('Unknown operation');
+    case "AND":
+      return a & b;
+    case "OR":
+      return a | b;
+    case "XOR":
+      return a ^ b;
+    case "NOT":
+      return ~a;
+    case "<<":
+      return a << b;
+    case ">>":
+      return a >> b;
+    case ">>>":
+      return a >>> b;
+    default:
+      throw new Error("Unknown operation");
   }
 }
 
@@ -26,8 +34,8 @@ export function inspectBits(n: number, bits = 32) {
 export function binaryDump(text: string) {
   const bytes = new TextEncoder().encode(text);
   return Array.from(bytes).map((b) => ({
-    hex: b.toString(16).padStart(2, '0'),
-    binary: b.toString(2).padStart(8, '0'),
+    hex: b.toString(16).padStart(2, "0"),
+    binary: b.toString(2).padStart(8, "0"),
     dec: b,
   }));
 }
diff --git a/artifacts/personal-tool-console/src/lib/tools/calculator.ts b/artifacts/personal-tool-console/src/lib/tools/calculator.ts
index fd55630..bf8a704 100644
--- a/artifacts/personal-tool-console/src/lib/tools/calculator.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/calculator.ts
@@ -3,9 +3,11 @@ export function isMathExpression(input: string) {
 }
 
 export function safeMathEval(expression: string) {
-  const cleaned = expression.replace(/,/g, '.').replace(/\^/g, '**');
-  if (!/^[0-9+\-*/%().*\s**]+$/.test(cleaned.replace(/\*\*/g, ''))) throw new Error('Invalid expression');
+  const cleaned = expression.replace(/,/g, ".").replace(/\^/g, "**");
+  if (!/^[0-9+\-*/%().*\s**]+$/.test(cleaned.replace(/\*\*/g, "")))
+    throw new Error("Invalid expression");
   const result = Function(`"use strict"; return (${cleaned});`)();
-  if (typeof result !== 'number' || !Number.isFinite(result)) throw new Error('Invalid result');
+  if (typeof result !== "number" || !Number.isFinite(result))
+    throw new Error("Invalid result");
   return result as number;
 }
diff --git a/artifacts/personal-tool-console/src/lib/tools/coding.ts b/artifacts/personal-tool-console/src/lib/tools/coding.ts
index 756d3ba..c70d355 100644
--- a/artifacts/personal-tool-console/src/lib/tools/coding.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/coding.ts
@@ -11,14 +11,22 @@ export function minifyJson(text: string): string {
   return JSON.stringify(JSON.parse(text));
 }
 
-export function validateJson(text: string): { valid: boolean; error?: string; line?: number } {
+export function validateJson(text: string): {
+  valid: boolean;
+  error?: string;
+  line?: number;
+} {
   try {
     JSON.parse(text);
     return { valid: true };
   } catch (err) {
     const message = (err as Error).message;
     const match = message.match(/line (\d+)/);
-    return { valid: false, error: message, line: match ? Number(match[1]) : undefined };
+    return {
+      valid: false,
+      error: message,
+      line: match ? Number(match[1]) : undefined,
+    };
   }
 }
 
@@ -29,12 +37,16 @@ export function uuidv4(): string {
   crypto.getRandomValues(bytes);
   bytes[6] = (bytes[6] & 0x0f) | 0x40;
   bytes[8] = (bytes[8] & 0x3f) | 0x80;
-  const h = Array.from(bytes).map((b) => b.toString(16).padStart(2, "0")).join("");
+  const h = Array.from(bytes)
+    .map((b) => b.toString(16).padStart(2, "0"))
+    .join("");
   return `${h.slice(0, 8)}-${h.slice(8, 12)}-${h.slice(12, 16)}-${h.slice(16, 20)}-${h.slice(20)}`;
 }
 
 export function uuidBulk(count: number, uppercase: boolean): string[] {
-  return Array.from({ length: count }, () => (uppercase ? uuidv4().toUpperCase() : uuidv4()));
+  return Array.from({ length: count }, () =>
+    uppercase ? uuidv4().toUpperCase() : uuidv4(),
+  );
 }
 
 // --- URL / HTML encoders ---
@@ -85,32 +97,71 @@ function md5RotateLeft(x: number, n: number) {
 }
 
 export function md5(input: string): string {
-  const M = [0x67452301, 0xEFCDAB89, 0x98BADCFE, 0x10325476];
-  const K = Array.from({ length: 64 }, (_, i) => Math.abs(Math.sin(i + 1)) * 0x100000000 >>> 0);
-  const s = [7, 12, 17, 22, 7, 12, 17, 22, 7, 12, 17, 22, 7, 12, 17, 22, 5, 9, 14, 20, 5, 9, 14, 20, 5, 9, 14, 20, 5, 9, 14, 20, 4, 11, 16, 23, 4, 11, 16, 23, 4, 11, 16, 23, 4, 11, 16, 23, 6, 10, 15, 21, 6, 10, 15, 21, 6, 10, 15, 21, 6, 10, 15, 21];
+  const M = [0x67452301, 0xefcdab89, 0x98badcfe, 0x10325476];
+  const K = Array.from(
+    { length: 64 },
+    (_, i) => (Math.abs(Math.sin(i + 1)) * 0x100000000) >>> 0,
+  );
+  const s = [
+    7, 12, 17, 22, 7, 12, 17, 22, 7, 12, 17, 22, 7, 12, 17, 22, 5, 9, 14, 20, 5,
+    9, 14, 20, 5, 9, 14, 20, 5, 9, 14, 20, 4, 11, 16, 23, 4, 11, 16, 23, 4, 11,
+    16, 23, 4, 11, 16, 23, 6, 10, 15, 21, 6, 10, 15, 21, 6, 10, 15, 21, 6, 10,
+    15, 21,
+  ];
   const bytes: number[] = [];
   for (let i = 0; i < input.length; i++) {
     const c = input.charCodeAt(i);
-    bytes.push(c & 0xff, (c >>> 8) & 0xff, (c >>> 16) & 0xff, (c >>> 24) & 0xff);
+    bytes.push(
+      c & 0xff,
+      (c >>> 8) & 0xff,
+      (c >>> 16) & 0xff,
+      (c >>> 24) & 0xff,
+    );
   }
   const bitLen = bytes.length * 8;
   bytes.push(0x80);
   while (bytes.length % 64 !== 56) bytes.push(0);
-  bytes.push(bitLen & 0xff, (bitLen >>> 8) & 0xff, (bitLen >>> 16) & 0xff, (bitLen >>> 24) & 0xff, 0, 0, 0, 0);
+  bytes.push(
+    bitLen & 0xff,
+    (bitLen >>> 8) & 0xff,
+    (bitLen >>> 16) & 0xff,
+    (bitLen >>> 24) & 0xff,
+    0,
+    0,
+    0,
+    0,
+  );
   for (let off = 0; off < bytes.length; off += 64) {
     const X: number[] = [];
     for (let i = 0; i < 16; i++) {
-      X[i] = (bytes[off + i * 4] | (bytes[off + i * 4 + 1] << 8) | (bytes[off + i * 4 + 2] << 16) | (bytes[off + i * 4 + 3] << 24)) >>> 0;
+      X[i] =
+        (bytes[off + i * 4] |
+          (bytes[off + i * 4 + 1] << 8) |
+          (bytes[off + i * 4 + 2] << 16) |
+          (bytes[off + i * 4 + 3] << 24)) >>>
+        0;
     }
     let [a, b, c, d] = M;
     for (let i = 0; i < 64; i++) {
       let f: number, g: number;
-      if (i < 16) { f = (b & c) | (~b & d); g = i; }
-      else if (i < 32) { f = (d & b) | (~d & c); g = (5 * i + 1) % 16; }
-      else if (i < 48) { f = b ^ c ^ d; g = (3 * i + 5) % 16; }
-      else { f = c ^ (b | ~d); g = (7 * i) % 16; }
+      if (i < 16) {
+        f = (b & c) | (~b & d);
+        g = i;
+      } else if (i < 32) {
+        f = (d & b) | (~d & c);
+        g = (5 * i + 1) % 16;
+      } else if (i < 48) {
+        f = b ^ c ^ d;
+        g = (3 * i + 5) % 16;
+      } else {
+        f = c ^ (b | ~d);
+        g = (7 * i) % 16;
+      }
       const tmp = (d + md5RotateLeft((a + f + K[i] + X[g]) >>> 0, s[i])) >>> 0;
-      d = c; c = b; b = (b + tmp) >>> 0; a = tmp;
+      d = c;
+      c = b;
+      b = (b + tmp) >>> 0;
+      a = tmp;
     }
     M[0] = (M[0] + a) >>> 0;
     M[1] = (M[1] + b) >>> 0;
@@ -118,7 +169,11 @@ export function md5(input: string): string {
     M[3] = (M[3] + d) >>> 0;
   }
   const wordToHex = (word: number) => {
-    const little = ((word & 0xff) << 24) | ((word >>> 8) & 0xff) << 16 | ((word >>> 16) & 0xff) << 8 | ((word >>> 24) & 0xff);
+    const little =
+      ((word & 0xff) << 24) |
+      (((word >>> 8) & 0xff) << 16) |
+      (((word >>> 16) & 0xff) << 8) |
+      ((word >>> 24) & 0xff);
     return (little >>> 0).toString(16).padStart(8, "0");
   };
   return M.map(wordToHex).join("");
@@ -128,12 +183,18 @@ export function md5(input: string): string {
 
 export function minifyHtml(html: string): string {
   const noComments = html.replace(/<!--[\s\S]*?-->/g, "");
-  return noComments.replace(/>\s+</g, "><").replace(/^\s+|\s+$/g, "").trim();
+  return noComments
+    .replace(/>\s+</g, "><")
+    .replace(/^\s+|\s+$/g, "")
+    .trim();
 }
 
 export function minifyCss(css: string): string {
   const noComments = css.replace(/\/\*[\s\S]*?\*\//g, "");
-  return noComments.replace(/\s+/g, " ").replace(/\s*([{}:;,])\s*/g, "$1").trim();
+  return noComments
+    .replace(/\s+/g, " ")
+    .replace(/\s*([{}:;,])\s*/g, "$1")
+    .trim();
 }
 
 export function minifyJs(code: string): string {
@@ -147,29 +208,55 @@ export function minifyJs(code: string): string {
     const ch = code[i];
     const next = code[i + 1];
     if (inLineComment) {
-      if (ch === "\n") { inLineComment = false; result.push("\n"); }
+      if (ch === "\n") {
+        inLineComment = false;
+        result.push("\n");
+      }
       i++;
       continue;
     }
     if (inBlockComment) {
-      if (ch === "*" && next === "/") { inBlockComment = false; i += 2; }
-      else i++;
+      if (ch === "*" && next === "/") {
+        inBlockComment = false;
+        i += 2;
+      } else i++;
       continue;
     }
     if (inString) {
       result.push(ch);
-      if (ch === "\\") { result.push(next ?? ""); i += 2; continue; }
+      if (ch === "\\") {
+        result.push(next ?? "");
+        i += 2;
+        continue;
+      }
       if (ch === inString) inString = null;
       i++;
       continue;
     }
-    if (ch === "/" && next === "/") { inLineComment = true; i += 2; continue; }
-    if (ch === "/" && next === "*") { inBlockComment = true; i += 2; continue; }
-    if (ch === '"' || ch === "'" || ch === "`") { inString = ch; result.push(ch); i++; continue; }
+    if (ch === "/" && next === "/") {
+      inLineComment = true;
+      i += 2;
+      continue;
+    }
+    if (ch === "/" && next === "*") {
+      inBlockComment = true;
+      i += 2;
+      continue;
+    }
+    if (ch === '"' || ch === "'" || ch === "`") {
+      inString = ch;
+      result.push(ch);
+      i++;
+      continue;
+    }
     result.push(ch);
     i++;
   }
-  out = result.join("").replace(/[ \t]+/g, " ").replace(/\n\s*\n+/g, "\n").trim();
+  out = result
+    .join("")
+    .replace(/[ \t]+/g, " ")
+    .replace(/\n\s*\n+/g, "\n")
+    .trim();
   return out;
 }
 
@@ -182,14 +269,31 @@ export function formatCss(css: string): string {
     const line = raw.trim();
     if (!line) continue;
     if (line.startsWith("}")) indent = Math.max(0, indent - 1);
-    lines.push("  ".repeat(indent) + line.replace(/\s*[{;]\s*$/, (m) => m).trim());
+    lines.push(
+      "  ".repeat(indent) + line.replace(/\s*[{;]\s*$/, (m) => m).trim(),
+    );
     if (line.endsWith("{")) indent++;
   }
   return lines.join("\n");
 }
 
 export function formatHtml(html: string): string {
-  const voidTags = new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "param", "source", "track", "wbr"]);
+  const voidTags = new Set([
+    "area",
+    "base",
+    "br",
+    "col",
+    "embed",
+    "hr",
+    "img",
+    "input",
+    "link",
+    "meta",
+    "param",
+    "source",
+    "track",
+    "wbr",
+  ]);
   const tokens = html.replace(/></g, ">\n<").split("\n");
   let indent = 0;
   const lines: string[] = [];
@@ -202,7 +306,8 @@ export function formatHtml(html: string): string {
     const isVoid = tagName ? voidTags.has(tagName[1].toLowerCase()) : false;
     const selfClosing = /\/>$/.test(trimmed);
     lines.push("  ".repeat(indent) + trimmed);
-    if (!closeOnly && !isVoid && !selfClosing && trimmed.startsWith("<")) indent++;
+    if (!closeOnly && !isVoid && !selfClosing && trimmed.startsWith("<"))
+      indent++;
   }
   return lines.join("\n");
 }
@@ -220,7 +325,9 @@ export interface RnShadowOptions {
 export function rnShadowStyle(o: RnShadowOptions): string {
   return [
     "shadowColor: '" + o.color + "',",
-    "shadowOffset: { width: 0, height: " + Math.round(Math.max(1, o.depth / 2)) + " },",
+    "shadowOffset: { width: 0, height: " +
+      Math.round(Math.max(1, o.depth / 2)) +
+      " },",
     "shadowOpacity: " + o.iosOpacity + ",",
     "shadowRadius: " + Math.max(1, o.depth) + ",",
     "elevation: " + Math.max(1, o.androidElevation) + ",",
@@ -230,4 +337,4 @@ export function rnShadowStyle(o: RnShadowOptions): string {
 export function jsObjectToInline(source: string): string {
   // minimal "style string" renderer used by RN shadow + CSS-like outputs
   return source;
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/color.ts b/artifacts/personal-tool-console/src/lib/tools/color.ts
index f8622db..1815fb5 100644
--- a/artifacts/personal-tool-console/src/lib/tools/color.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/color.ts
@@ -14,8 +14,13 @@ export interface Hsl {
 
 export function normalizeHex(input: string): string {
   let hex = input.trim().replace(/^#/, "");
-  if (/^[0-9a-fA-F]{3}$/.test(hex)) hex = hex.split("").map((c) => c + c).join("");
-  if (!/^[0-9a-fA-F]{6}$/.test(hex)) throw new Error("Expected a hex color like #RRGGBB");
+  if (/^[0-9a-fA-F]{3}$/.test(hex))
+    hex = hex
+      .split("")
+      .map((c) => c + c)
+      .join("");
+  if (!/^[0-9a-fA-F]{6}$/.test(hex))
+    throw new Error("Expected a hex color like #RRGGBB");
   return hex.toLowerCase();
 }
 
@@ -34,11 +39,17 @@ export function hexToRgbaString(hex: string, alpha: number): string {
 }
 
 export function isRgba(value: string): boolean {
-  return /^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*(?:,\s*([\d.]+)\s*)?\)$/i.test(value.trim());
+  return /^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*(?:,\s*([\d.]+)\s*)?\)$/i.test(
+    value.trim(),
+  );
 }
 
 export function rgbaToRgb(value: string): { rgb: Rgb; alpha: number } {
-  const m = value.trim().match(/^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*(?:,\s*([\d.]+)\s*)?\)$/i);
+  const m = value
+    .trim()
+    .match(
+      /^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*(?:,\s*([\d.]+)\s*)?\)$/i,
+    );
   if (!m) throw new Error("Expected an rgb()/rgba() value");
   return {
     rgb: { r: Number(m[1]), g: Number(m[2]), b: Number(m[3]) },
@@ -48,22 +59,32 @@ export function rgbaToRgb(value: string): { rgb: Rgb; alpha: number } {
 
 export function rgbaToHex(value: string): string {
   const { rgb, alpha } = rgbaToRgb(value);
-  const toHex = (n: number) => Math.round(Math.max(0, Math.min(255, n))).toString(16).padStart(2, "0");
+  const toHex = (n: number) =>
+    Math.round(Math.max(0, Math.min(255, n)))
+      .toString(16)
+      .padStart(2, "0");
   const base = `#${toHex(rgb.r)}${toHex(rgb.g)}${toHex(rgb.b)}`;
   if (alpha < 1) {
-    const a = Math.round(alpha * 255).toString(16).padStart(2, "0");
+    const a = Math.round(alpha * 255)
+      .toString(16)
+      .padStart(2, "0");
     return `${base}${a}`;
   }
   return base;
 }
 
 export function rgbToHex(rgb: Rgb): string {
-  const toHex = (n: number) => Math.round(Math.max(0, Math.min(255, n))).toString(16).padStart(2, "0");
+  const toHex = (n: number) =>
+    Math.round(Math.max(0, Math.min(255, n)))
+      .toString(16)
+      .padStart(2, "0");
   return `#${toHex(rgb.r)}${toHex(rgb.g)}${toHex(rgb.b)}`;
 }
 
 export function rgbToHsl({ r, g, b }: Rgb): Hsl {
-  r /= 255; g /= 255; b /= 255;
+  r /= 255;
+  g /= 255;
+  b /= 255;
   const max = Math.max(r, g, b);
   const min = Math.min(r, g, b);
   const l = (max + min) / 2;
@@ -79,11 +100,14 @@ export function rgbToHsl({ r, g, b }: Rgb): Hsl {
 
 export function hslToRgb({ h, s, l }: Hsl): Rgb {
   h = ((h % 360) + 360) % 360;
-  s /= 100; l /= 100;
+  s /= 100;
+  l /= 100;
   const c = (1 - Math.abs(2 * l - 1)) * s;
   const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
   const m = l - c / 2;
-  let r = 0, g = 0, b = 0;
+  let r = 0,
+    g = 0,
+    b = 0;
   if (h < 60) [r, g, b] = [c, x, 0];
   else if (h < 120) [r, g, b] = [x, c, 0];
   else if (h < 180) [r, g, b] = [0, c, x];
@@ -121,24 +145,48 @@ export function shadeScale(hex: string, steps = 10): string[] {
   return out;
 }
 
-export type PaletteScheme = "monochromatic" | "complementary" | "analogous" | "triadic" | "tetradic";
-
-export function generatePalette(seedHex: string, scheme: PaletteScheme, count = 5): string[] {
+export type PaletteScheme =
+  | "monochromatic"
+  | "complementary"
+  | "analogous"
+  | "triadic"
+  | "tetradic";
+
+export function generatePalette(
+  seedHex: string,
+  scheme: PaletteScheme,
+  count = 5,
+): string[] {
   const { h, s, l } = rgbToHsl(hexToRgb(seedHex));
   const hues = (): number[] => {
     switch (scheme) {
-      case "monochromatic": return Array.from({ length: count }, (_, i) => h);
-      case "complementary": return Array.from({ length: count }, (_, i) => h + (i % 2 === 0 ? 0 : 180));
-      case "analogous": return Array.from({ length: count }, (_, i) => h + (i - Math.floor(count / 2)) * 30);
-      case "triadic": return Array.from({ length: count }, (_, i) => h + (i % 3) * 120);
-      case "tetradic": return Array.from({ length: count }, (_, i) => h + (i % 4) * 90);
+      case "monochromatic":
+        return Array.from({ length: count }, (_, i) => h);
+      case "complementary":
+        return Array.from(
+          { length: count },
+          (_, i) => h + (i % 2 === 0 ? 0 : 180),
+        );
+      case "analogous":
+        return Array.from(
+          { length: count },
+          (_, i) => h + (i - Math.floor(count / 2)) * 30,
+        );
+      case "triadic":
+        return Array.from({ length: count }, (_, i) => h + (i % 3) * 120);
+      case "tetradic":
+        return Array.from({ length: count }, (_, i) => h + (i % 4) * 90);
     }
   };
   const hslValues = (): Hsl[] => {
     const hs = hues();
     return hs.map((hh, i) => {
-      const lt = scheme === "monochromatic" ? 25 + (i / Math.max(count - 1, 1)) * 50 : Math.max(35, Math.min(70, l + (i % 2 === 0 ? 0 : 12)));
-      const st = scheme === "monochromatic" ? Math.max(40, s - 10) : Math.max(45, s);
+      const lt =
+        scheme === "monochromatic"
+          ? 25 + (i / Math.max(count - 1, 1)) * 50
+          : Math.max(35, Math.min(70, l + (i % 2 === 0 ? 0 : 12)));
+      const st =
+        scheme === "monochromatic" ? Math.max(40, s - 10) : Math.max(45, s);
       return { h: hh, s: st, l: lt };
     });
   };
@@ -149,4 +197,4 @@ export function randomHexColor(): string {
   const bytes = new Uint8Array(3);
   crypto.getRandomValues(bytes);
   return rgbToHex({ r: bytes[0], g: bytes[1], b: bytes[2] });
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/crypto.ts b/artifacts/personal-tool-console/src/lib/tools/crypto.ts
index 5bdbfe4..3880b40 100644
--- a/artifacts/personal-tool-console/src/lib/tools/crypto.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/crypto.ts
@@ -26,7 +26,12 @@ export function utf8Encode(text: string): Uint8Array {
 }
 
 function toBuf(u8: Uint8Array): Uint8Array<ArrayBuffer> {
-  return new Uint8Array(u8.buffer.slice(u8.byteOffset, u8.byteOffset + u8.byteLength) as ArrayBuffer);
+  return new Uint8Array(
+    u8.buffer.slice(
+      u8.byteOffset,
+      u8.byteOffset + u8.byteLength,
+    ) as ArrayBuffer,
+  );
 }
 
 export function utf8Decode(bytes: Uint8Array): string {
@@ -55,32 +60,58 @@ async function aesImportKey(keyB64: string, mode: AesMode) {
   );
 }
 
-export async function aesEncrypt(text: string, keyB64: string, ivInput: string, mode: AesMode) {
+export async function aesEncrypt(
+  text: string,
+  keyB64: string,
+  ivInput: string,
+  mode: AesMode,
+) {
   const key = await aesImportKey(keyB64, mode);
   const iv = deriveIv(mode, ivInput);
-  const buf = await crypto.subtle.encrypt({ name: mode, iv }, key, toBuf(utf8Encode(text)));
+  const buf = await crypto.subtle.encrypt(
+    { name: mode, iv },
+    key,
+    toBuf(utf8Encode(text)),
+  );
   return bytesToBase64(new Uint8Array(buf));
 }
 
-export async function aesDecrypt(b64: string, keyB64: string, ivInput: string, mode: AesMode) {
+export async function aesDecrypt(
+  b64: string,
+  keyB64: string,
+  ivInput: string,
+  mode: AesMode,
+) {
   try {
     const key = await aesImportKey(keyB64, mode);
     const iv = deriveIv(mode, ivInput);
-    const buf = await crypto.subtle.decrypt({ name: mode, iv }, key, toBuf(base64ToBytes(b64)));
+    const buf = await crypto.subtle.decrypt(
+      { name: mode, iv },
+      key,
+      toBuf(base64ToBytes(b64)),
+    );
     return utf8Decode(new Uint8Array(buf));
   } catch {
-    throw new Error("Decryption failed — wrong key, IV, or corrupted ciphertext");
+    throw new Error(
+      "Decryption failed — wrong key, IV, or corrupted ciphertext",
+    );
   }
 }
 
 export function generateAesKey(bits: number, format: "base64" | "hex") {
   const bytes = randomBytes(bits / 8);
   return format === "hex"
-    ? Array.from(bytes).map((b) => b.toString(16).padStart(2, "0")).join("")
+    ? Array.from(bytes)
+        .map((b) => b.toString(16).padStart(2, "0"))
+        .join("")
     : bytesToBase64(bytes);
 }
 
-export async function hmacHash(message: string, secret: string, algo: "SHA-256" | "SHA-384" | "SHA-512") {
+export async function hmacHash(
+  message: string,
+  secret: string,
+  algo: "SHA-256" | "SHA-384" | "SHA-512",
+) {
   const key = await crypto.subtle.importKey(
     "raw",
     toBuf(utf8Encode(secret)),
@@ -91,7 +122,9 @@ export async function hmacHash(message: string, secret: string, algo: "SHA-256"
   const sig = await crypto.subtle.sign("HMAC", key, toBuf(utf8Encode(message)));
   const bytes = new Uint8Array(sig);
   return {
-    hex: Array.from(bytes).map((b) => b.toString(16).padStart(2, "0")).join(""),
+    hex: Array.from(bytes)
+      .map((b) => b.toString(16).padStart(2, "0"))
+      .join(""),
     base64: bytesToBase64(bytes),
   };
 }
@@ -108,12 +141,18 @@ export interface DecodedJwt {
 
 export function decodeJwt(token: string): DecodedJwt {
   const parts = token.trim().split(".");
-  if (parts.length !== 3) throw new Error("A JWT has exactly 3 dot-separated segments: header.payload.signature");
+  if (parts.length !== 3)
+    throw new Error(
+      "A JWT has exactly 3 dot-separated segments: header.payload.signature",
+    );
   const b64urlToObj = (seg: string) => {
     const normalized = seg.replace(/-/g, "+").replace(/_/g, "/");
     const padded = normalized.padEnd(Math.ceil(normalized.length / 4) * 4, "=");
     try {
-      return JSON.parse(decodeURIComponent(escape(atob(padded)))) as Record<string, unknown>;
+      return JSON.parse(decodeURIComponent(escape(atob(padded)))) as Record<
+        string,
+        unknown
+      >;
     } catch {
       throw new Error("Invalid base64url JSON segment");
     }
@@ -122,7 +161,9 @@ export function decodeJwt(token: string): DecodedJwt {
   const payload = b64urlToObj(parts[1]);
   const exp = typeof payload.exp === "number" ? payload.exp * 1000 : undefined;
   const iat = typeof payload.iat === "number" ? payload.iat * 1000 : undefined;
-  const secondsToExpiry = exp ? Math.floor((exp - Date.now()) / 1000) : undefined;
+  const secondsToExpiry = exp
+    ? Math.floor((exp - Date.now()) / 1000)
+    : undefined;
   return {
     header,
     payload,
@@ -134,10 +175,16 @@ export function decodeJwt(token: string): DecodedJwt {
   };
 }
 
-export function generateRandomKey(bits: 128 | 192 | 256 | 512, format: "hex" | "base64") {
-  if (![128, 192, 256, 512].includes(bits)) throw new Error("Supported sizes: 128/192/256/512 bits");
+export function generateRandomKey(
+  bits: 128 | 192 | 256 | 512,
+  format: "hex" | "base64",
+) {
+  if (![128, 192, 256, 512].includes(bits))
+    throw new Error("Supported sizes: 128/192/256/512 bits");
   const bytes = randomBytes(bits / 8);
   return format === "hex"
-    ? Array.from(bytes).map((b) => b.toString(16).padStart(2, "0")).join("")
+    ? Array.from(bytes)
+        .map((b) => b.toString(16).padStart(2, "0"))
+        .join("")
     : bytesToBase64(bytes);
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/css-gen.ts b/artifacts/personal-tool-console/src/lib/tools/css-gen.ts
index f34781f..832378b 100644
--- a/artifacts/personal-tool-console/src/lib/tools/css-gen.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/css-gen.ts
@@ -6,22 +6,38 @@ export interface CssGenResult {
   html?: string;
 }
 
-export function cssGradient(kind: "linear" | "radial" | "conic", angle: number, stops: string[], position: string): CssGenResult {
+export function cssGradient(
+  kind: "linear" | "radial" | "conic",
+  angle: number,
+  stops: string[],
+  position: string,
+): CssGenResult {
   const stopStr = stops.join(", ");
   let value = "";
   if (kind === "linear") value = `${kind}-gradient(${angle}deg, ${stopStr})`;
-  else if (kind === "radial") value = `radial-gradient(circle at ${position}, ${stopStr})`;
+  else if (kind === "radial")
+    value = `radial-gradient(circle at ${position}, ${stopStr})`;
   else value = `conic-gradient(from ${angle}deg at ${position}, ${stopStr})`;
   return { css: `.gradient {\n  background: ${value};\n}` };
 }
 
-export function cssGlassmorphism(blur: number, opacity: number, border: string, radius: number, color: string): CssGenResult {
+export function cssGlassmorphism(
+  blur: number,
+  opacity: number,
+  border: string,
+  radius: number,
+  color: string,
+): CssGenResult {
   return {
     css: `.glass {\n  background: ${color};\n  backdrop-filter: blur(${blur}px);\n  -webkit-backdrop-filter: blur(${blur}px);\n  border: ${border} solid rgba(255,255,255,0.6);\n  border-radius: ${radius}px;\n  opacity: 0.${Math.round(opacity * 10)};\n}`,
   };
 }
 
-export function cssTriangle(direction: "up" | "down" | "left" | "right", size: number, color: string): CssGenResult {
+export function cssTriangle(
+  direction: "up" | "down" | "left" | "right",
+  size: number,
+  color: string,
+): CssGenResult {
   const borders: Record<string, string> = {
     up: `border-left: ${size}px solid transparent;\n  border-right: ${size}px solid transparent;\n  border-bottom: ${size}px solid ${color};`,
     down: `border-left: ${size}px solid transparent;\n  border-right: ${size}px solid transparent;\n  border-top: ${size}px solid ${color};`,
@@ -34,21 +50,48 @@ export function cssTriangle(direction: "up" | "down" | "left" | "right", size: n
   };
 }
 
-export function cssBoxShadow(spreads: Array<{ x: number; y: number; blur: number; grow: number; color: string; inset: boolean }>): CssGenResult {
-  const parts = spreads.map((s) => `${s.inset ? "inset " : ""}${s.x}px ${s.y}px ${s.blur}px ${s.grow}px ${s.color}`).join(", ");
+export function cssBoxShadow(
+  spreads: Array<{
+    x: number;
+    y: number;
+    blur: number;
+    grow: number;
+    color: string;
+    inset: boolean;
+  }>,
+): CssGenResult {
+  const parts = spreads
+    .map(
+      (s) =>
+        `${s.inset ? "inset " : ""}${s.x}px ${s.y}px ${s.blur}px ${s.grow}px ${s.color}`,
+    )
+    .join(", ");
   return { css: `.box {\n  box-shadow: ${parts};\n}` };
 }
 
-export function cssBorderRadius(topLeft: number, topRight: number, bottomRight: number, bottomLeft: number, squircle: boolean): CssGenResult {
+export function cssBorderRadius(
+  topLeft: number,
+  topRight: number,
+  bottomRight: number,
+  bottomLeft: number,
+  squircle: boolean,
+): CssGenResult {
   if (squircle) {
-    return { css: `.squircle {\n  border-radius: 40% 40% 40% 40% / 30% 30% 30% 30%;\n}` };
+    return {
+      css: `.squircle {\n  border-radius: 40% 40% 40% 40% / 30% 30% 30% 30%;\n}`,
+    };
   }
   return {
     css: `.rounded {\n  border-radius: ${topLeft}px ${topRight}px ${bottomRight}px ${bottomLeft}px;\n}`,
   };
 }
 
-export function cssRgbBackgroundPattern(kind: "dots" | "stripes" | "grid" | "checker" | "crosshatch", size: number, color: string, bg: string): CssGenResult {
+export function cssRgbBackgroundPattern(
+  kind: "dots" | "stripes" | "grid" | "checker" | "crosshatch",
+  size: number,
+  color: string,
+  bg: string,
+): CssGenResult {
   const c = color;
   const transparent = "rgba(0,0,0,0)";
   let gradient = "";
@@ -68,10 +111,15 @@ export function cssRgbBackgroundPattern(kind: "dots" | "stripes" | "grid" | "che
     default:
       gradient = `repeating-linear-gradient(45deg, ${c} 0 1px, ${transparent} 1px ${size}px), repeating-linear-gradient(-45deg, ${c} 0 1px, ${transparent} 1px ${size}px);`;
   }
-  return { css: `.pattern {\n  background: ${bg};\n  background-image: ${gradient}\n}` };
+  return {
+    css: `.pattern {\n  background: ${bg};\n  background-image: ${gradient}\n}`,
+  };
 }
 
-export function cssClipPath(slug: "circle" | "ellipse" | "triangle" | "hexagon" | "star" | "custom", points: Array<[number, number]>): CssGenResult {
+export function cssClipPath(
+  slug: "circle" | "ellipse" | "triangle" | "hexagon" | "star" | "custom",
+  points: Array<[number, number]>,
+): CssGenResult {
   const shapes: Record<string, string> = {
     circle: "circle(50% at 50% 50%)",
     ellipse: "ellipse(25% 40% at 50% 50%)",
@@ -79,15 +127,30 @@ export function cssClipPath(slug: "circle" | "ellipse" | "triangle" | "hexagon"
     hexagon: "polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%)",
     star: "polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)",
   };
-  const value = slug === "custom" ? `polygon(${points.map(([x, y]) => `${x}% ${y}%`).join(", ")})` : shapes[slug];
+  const value =
+    slug === "custom"
+      ? `polygon(${points.map(([x, y]) => `${x}% ${y}%`).join(", ")})`
+      : shapes[slug];
   return { css: `.clipped {\n  clip-path: ${value};\n}` };
 }
 
-export function cssCubicBezier(p1x: number, p1y: number, p2x: number, p2y: number): CssGenResult {
-  return { css: `.ease {\n  transition: all 0.4s cubic-bezier(${p1x}, ${p1y}, ${p2x}, ${p2y});\n}` };
+export function cssCubicBezier(
+  p1x: number,
+  p1y: number,
+  p2x: number,
+  p2y: number,
+): CssGenResult {
+  return {
+    css: `.ease {\n  transition: all 0.4s cubic-bezier(${p1x}, ${p1y}, ${p2x}, ${p2y});\n}`,
+  };
 }
 
-export function cssLoader(kind: "ring" | "dual" | "bar" | "dots", color: string, size: number, speed: number): CssGenResult {
+export function cssLoader(
+  kind: "ring" | "dual" | "bar" | "dots",
+  color: string,
+  size: number,
+  speed: number,
+): CssGenResult {
   const base = `@keyframes spin { to { transform: rotate(360deg); } }\n@keyframes pulse { 0%,100% { opacity: 0.2 } 50% { opacity: 1 } }`;
   let css = "";
   switch (kind) {
@@ -106,7 +169,11 @@ export function cssLoader(kind: "ring" | "dual" | "bar" | "dots", color: string,
   return { css: `${base}\n\n${css}` };
 }
 
-export function cssSwitch(color: string, size: number, checked: boolean): CssGenResult {
+export function cssSwitch(
+  color: string,
+  size: number,
+  checked: boolean,
+): CssGenResult {
   return {
     css: `.switch {\n  position: relative;\n  display: inline-block;\n  width: ${Math.round(size * 1.7)}px;\n  height: ${size}px;\n  border-radius: ${size}px;\n  background: ${checked ? color : "#ccc"};\n  transition: 0.2s;\n}\n.switch::after {\n  content: "";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: ${size - 6}px;\n  height: ${size - 6}px;\n  border-radius: 50%;\n  background: #fff;\n  transition: 0.2s;\n  transform: ${checked ? `translateX(${Math.round(size * 0.7)}px)` : "none"};\n}`,
   };
@@ -118,9 +185,13 @@ export function cssCheckbox(color: string, size: number): CssGenResult {
   };
 }
 
-export function cssTextGlitch(colorA: string, colorB: string, intensity: number): CssGenResult {
+export function cssTextGlitch(
+  colorA: string,
+  colorB: string,
+  intensity: number,
+): CssGenResult {
   const offset = Math.max(1, intensity);
   return {
     css: `.glitch {\n  position: relative;\n}\n.glitch::before, .glitch::after {\n  content: attr(data-text);\n  position: absolute;\n  inset: 0;\n}\n.glitch::before {\n  color: ${colorA};\n  animation: glitch-a ${0.6 * (2 - intensity / 10)}s infinite linear alternate-reverse;\n  transform: translate(${offset}px, 0);\n}\n.glitch::after {\n  color: ${colorB};\n  animation: glitch-b ${0.4 * (2 - intensity / 10)}s infinite linear alternate-reverse;\n  transform: translate(-${offset}px, 0);\n}\n@keyframes glitch-a {\n  0% { clip-path: inset(0 0 85% 0) }\n  25% { clip-path: inset(15% 0 60% 0) }\n  50% { clip-path: inset(40% 0 40% 0) }\n  75% { clip-path: inset(60% 0 15% 0) }\n  100% { clip-path: inset(85% 0 0 0) }\n}\n@keyframes glitch-b {\n  0% { clip-path: inset(85% 0 0 0) }\n  25% { clip-path: inset(60% 0 15% 0) }\n  50% { clip-path: inset(40% 0 40% 0) }\n  75% { clip-path: inset(15% 0 60% 0) }\n  100% { clip-path: inset(0 0 85% 0) }\n}`,
   };
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/currency-converter.ts b/artifacts/personal-tool-console/src/lib/tools/currency-converter.ts
index 73dc2ed..83b18ff 100644
--- a/artifacts/personal-tool-console/src/lib/tools/currency-converter.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/currency-converter.ts
@@ -1,15 +1,28 @@
 export const CURRENCY_RATES: Record<string, number> = {
-  usd: 1, myr: 4.7, eur: 0.92, gbp: 0.78,
-  jpy: 154, sgd: 1.35, aud: 1.51, idr: 15850,
+  usd: 1,
+  myr: 4.7,
+  eur: 0.92,
+  gbp: 0.78,
+  jpy: 154,
+  sgd: 1.35,
+  aud: 1.51,
+  idr: 15850,
 };
 
 export const CURRENCY_SYMBOLS: Record<string, string> = {
-  usd: '$', myr: 'RM', eur: '€', gbp: '£',
-  jpy: '¥', sgd: 'S$', aud: 'A$', idr: 'Rp',
+  usd: "$",
+  myr: "RM",
+  eur: "€",
+  gbp: "£",
+  jpy: "¥",
+  sgd: "S$",
+  aud: "A$",
+  idr: "Rp",
 };
 
 export function convertCurrency(value: number, from: string, to: string) {
-  if (!CURRENCY_RATES[from] || !CURRENCY_RATES[to]) throw new Error('Unsupported currency');
+  if (!CURRENCY_RATES[from] || !CURRENCY_RATES[to])
+    throw new Error("Unsupported currency");
   return (value / CURRENCY_RATES[from]) * CURRENCY_RATES[to];
 }
 
diff --git a/artifacts/personal-tool-console/src/lib/tools/dns.ts b/artifacts/personal-tool-console/src/lib/tools/dns.ts
index 439f8e3..d1782e7 100644
--- a/artifacts/personal-tool-console/src/lib/tools/dns.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/dns.ts
@@ -1,24 +1,42 @@
-interface DnsRecord { name: string; type: number; TTL: number; data: string; }
-interface DnsResponse { Status: number; Answer?: DnsRecord[]; }
+interface DnsRecord {
+  name: string;
+  type: number;
+  TTL: number;
+  data: string;
+}
+interface DnsResponse {
+  Status: number;
+  Answer?: DnsRecord[];
+}
 
 export async function dnsLookup(domain: string) {
   const t0 = performance.now();
   const [resA, resAAAA] = await Promise.all([
-    fetch(`https://cloudflare-dns.com/dns-query?name=${encodeURIComponent(domain)}&type=A`, {
-      headers: { Accept: 'application/dns-json' },
-    }),
-    fetch(`https://cloudflare-dns.com/dns-query?name=${encodeURIComponent(domain)}&type=AAAA`, {
-      headers: { Accept: 'application/dns-json' },
-    }),
+    fetch(
+      `https://cloudflare-dns.com/dns-query?name=${encodeURIComponent(domain)}&type=A`,
+      {
+        headers: { Accept: "application/dns-json" },
+      },
+    ),
+    fetch(
+      `https://cloudflare-dns.com/dns-query?name=${encodeURIComponent(domain)}&type=AAAA`,
+      {
+        headers: { Accept: "application/dns-json" },
+      },
+    ),
   ]);
   const responseMs = Math.round(performance.now() - t0);
   const [dataA, dataAAAA] = await Promise.all([
     resA.json() as Promise<DnsResponse>,
     resAAAA.json() as Promise<DnsResponse>,
   ]);
-  const ipv4 = (dataA.Answer ?? []).filter((r) => r.type === 1).map((r) => r.data);
-  const ipv6 = (dataAAAA.Answer ?? []).filter((r) => r.type === 28).map((r) => r.data);
+  const ipv4 = (dataA.Answer ?? [])
+    .filter((r) => r.type === 1)
+    .map((r) => r.data);
+  const ipv6 = (dataAAAA.Answer ?? [])
+    .filter((r) => r.type === 28)
+    .map((r) => r.data);
   const ttl = dataA.Answer?.[0]?.TTL ?? null;
-  const status = dataA.Status === 0 ? 'resolved' : `NXDOMAIN (${dataA.Status})`;
+  const status = dataA.Status === 0 ? "resolved" : `NXDOMAIN (${dataA.Status})`;
   return { domain, ipv4, ipv6, ttl, responseMs, status };
 }
diff --git a/artifacts/personal-tool-console/src/lib/tools/hash.ts b/artifacts/personal-tool-console/src/lib/tools/hash.ts
index 1378fc2..bf017a0 100644
--- a/artifacts/personal-tool-console/src/lib/tools/hash.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/hash.ts
@@ -1,18 +1,23 @@
 async function digest(algo: AlgorithmIdentifier, text: string) {
   const data = new TextEncoder().encode(text);
   const buf = await crypto.subtle.digest(algo, data);
-  return Array.from(new Uint8Array(buf)).map((b) => b.toString(16).padStart(2, '0')).join('');
+  return Array.from(new Uint8Array(buf))
+    .map((b) => b.toString(16).padStart(2, "0"))
+    .join("");
 }
 
 export async function hashText(text: string) {
   const [sha1, sha256, sha512] = await Promise.all([
-    digest('SHA-1', text),
-    digest('SHA-256', text),
-    digest('SHA-512', text),
+    digest("SHA-1", text),
+    digest("SHA-256", text),
+    digest("SHA-512", text),
   ]);
   return { sha1, sha256, sha512 };
 }
 
-export async function hashWithAlgo(text: string, algo: 'SHA-1' | 'SHA-256' | 'SHA-384' | 'SHA-512') {
+export async function hashWithAlgo(
+  text: string,
+  algo: "SHA-1" | "SHA-256" | "SHA-384" | "SHA-512",
+) {
   return digest(algo, text);
 }
diff --git a/artifacts/personal-tool-console/src/lib/tools/linux.ts b/artifacts/personal-tool-console/src/lib/tools/linux.ts
index ab3171c..775a65f 100644
--- a/artifacts/personal-tool-console/src/lib/tools/linux.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/linux.ts
@@ -1,7 +1,9 @@
 // Linux / sysadmin helpers — pure calculators and parsers, no shell execution.
 
 const MODE_BITS: Array<[key: string, value: number]> = [
-  ["r", 4], ["w", 2], ["x", 1],
+  ["r", 4],
+  ["w", 2],
+  ["x", 1],
 ];
 
 function modeSymbolsForOct(oct: number): string {
@@ -27,14 +29,19 @@ function octForSymbols(symbols: string): number {
 }
 
 export function chmodSymbolicToOctal(symbolic: string): string {
-  const parts = symbolic.split(",").map((p) => p.trim()).filter(Boolean);
+  const parts = symbolic
+    .split(",")
+    .map((p) => p.trim())
+    .filter(Boolean);
   let result = 0;
   for (const part of parts) {
     const m = part.match(/^([ugoa]*)([+\-=])([rwx]*)$/);
     if (!m) throw new Error(`Invalid symbolic mode: "${part}"`);
     const [, targets, op, perms] = m;
     const targetSet = targets === "" ? ["u", "g", "o"] : targets.split("");
-    const value = perms.split("").reduce((acc, p) => acc + (p === "r" ? 4 : p === "w" ? 2 : 1), 0);
+    const value = perms
+      .split("")
+      .reduce((acc, p) => acc + (p === "r" ? 4 : p === "w" ? 2 : 1), 0);
     const masked = targetSet.reduce((acc, t) => {
       const shift = t === "u" ? 2 : t === "g" ? 1 : 0;
       return acc | (value << (shift * 3));
@@ -54,14 +61,17 @@ export function chmodSymbolicToOctal(symbolic: string): string {
 
 export function chmodOctalToSymbolic(oct: number | string): string {
   const n = typeof oct === "string" ? parseInt(oct, 8) : oct;
-  if (isNaN(n) || n < 0 || n > 777) throw new Error("Octal mode must be between 000 and 777");
+  if (isNaN(n) || n < 0 || n > 777)
+    throw new Error("Octal mode must be between 000 and 777");
   return modeSymbolsForOct(n);
 }
 
 export function chmodOctalToBits(oct: number | string) {
   const n = typeof oct === "string" ? parseInt(oct, 8) : oct;
   const digits = n.toString(8).padStart(3, "0").slice(-3).split("").map(Number);
-  return digits.map((d) => MODE_BITS.map(([ch]) => Boolean(d & (ch === "r" ? 4 : ch === "w" ? 2 : 1))));
+  return digits.map((d) =>
+    MODE_BITS.map(([ch]) => Boolean(d & (ch === "r" ? 4 : ch === "w" ? 2 : 1))),
+  );
 }
 
 export function chmodBitsToOctal(bits: boolean[][]) {
@@ -78,16 +88,33 @@ export interface PermissionBreakdown {
   type: string;
   symbolic: string;
   octal: string;
-  rows: Array<{ who: string; r: boolean; w: boolean; x: boolean; special: boolean }>;
+  rows: Array<{
+    who: string;
+    r: boolean;
+    w: boolean;
+    x: boolean;
+    special: boolean;
+  }>;
   special: { setuid: boolean; setgid: boolean; sticky: boolean };
   human: string;
 }
 
 export function decodePermissionLine(line: string): PermissionBreakdown {
   const m = line.match(/^([-dbclps])([rwxsStT-]{9})(?:\s|$)/);
-  if (!m) throw new Error("Not a valid `ls -l` permission line (expected e.g. drwxr-xr-x)");
+  if (!m)
+    throw new Error(
+      "Not a valid `ls -l` permission line (expected e.g. drwxr-xr-x)",
+    );
   const [, typeCh, perms] = m;
-  const typeMap: Record<string, string> = { d: "Directory", "-": "File", l: "Symbolic link", b: "Block device", c: "Character device", p: "Named pipe", s: "Socket" };
+  const typeMap: Record<string, string> = {
+    d: "Directory",
+    "-": "File",
+    l: "Symbolic link",
+    b: "Block device",
+    c: "Character device",
+    p: "Named pipe",
+    s: "Socket",
+  };
   const rows: PermissionBreakdown["rows"] = [];
   for (let i = 0; i < 3; i++) {
     const chunk = perms.slice(i * 3, i * 3 + 3);
@@ -96,7 +123,11 @@ export function decodePermissionLine(line: string): PermissionBreakdown {
       r: chunk[0] === "r",
       w: chunk[1] === "w",
       x: chunk[2] === "x" || chunk[2] === "s" || chunk[2] === "t",
-      special: chunk[2] === "s" || chunk[2] === "S" || chunk[2] === "t" || chunk[2] === "T",
+      special:
+        chunk[2] === "s" ||
+        chunk[2] === "S" ||
+        chunk[2] === "t" ||
+        chunk[2] === "T",
     });
   }
   let octal = 0;
@@ -111,8 +142,20 @@ export function decodePermissionLine(line: string): PermissionBreakdown {
   if (special.setuid) octal += 4000;
   if (special.setgid) octal += 2000;
   if (special.sticky) octal += 1000;
-  const human = rows.map((r) => `${r.who}: ${r.r ? "read" : "no read"} / ${r.w ? "write" : "no write"} / ${r.x ? "execute" : "no execute"}`).join("\n");
-  return { type: typeMap[typeCh] ?? typeCh, symbolic: perms, octal: String(octal).padStart(4, "0"), rows, special, human };
+  const human = rows
+    .map(
+      (r) =>
+        `${r.who}: ${r.r ? "read" : "no read"} / ${r.w ? "write" : "no write"} / ${r.x ? "execute" : "no execute"}`,
+    )
+    .join("\n");
+  return {
+    type: typeMap[typeCh] ?? typeCh,
+    symbolic: perms,
+    octal: String(octal).padStart(4, "0"),
+    rows,
+    special,
+    human,
+  };
 }
 
 export function chmodBinaryToOctal(checkboxes: Array<Array<boolean>>): string {
@@ -122,9 +165,27 @@ export function chmodBinaryToOctal(checkboxes: Array<Array<boolean>>): string {
 // ---- cron ----
 
 const DAY_NAMES = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];
-const MONTH_NAMES = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"];
+const MONTH_NAMES = [
+  "jan",
+  "feb",
+  "mar",
+  "apr",
+  "may",
+  "jun",
+  "jul",
+  "aug",
+  "sep",
+  "oct",
+  "nov",
+  "dec",
+];
 
-function expandCronField(field: string, min: number, max: number, names: string[] = []): number[] {
+function expandCronField(
+  field: string,
+  min: number,
+  max: number,
+  names: string[] = [],
+): number[] {
   const result = new Set<number>();
   const named = (v: string) => {
     const lower = v.toLowerCase();
@@ -143,7 +204,8 @@ function expandCronField(field: string, min: number, max: number, names: string[
     if (stepMatch) {
       const [, base, stepStr] = stepMatch;
       const step = Math.max(1, Number(stepStr));
-      const range = base === "*" ? [min, max] : base.split("-").map((v) => named(v));
+      const range =
+        base === "*" ? [min, max] : base.split("-").map((v) => named(v));
       for (let i = range[0]; i <= range[1]; i += step) result.add(i);
       continue;
     }
@@ -169,7 +231,10 @@ export interface CronSchedule {
 export function parseCronExpression(expression: string): CronSchedule {
   const parts = expression.trim().split(/\s+/);
   const n = parts.length;
-  if (n !== 5 && n !== 6) throw new Error("Cron must have 5 or 6 fields: minute hour day month weekday (or seconds minute hour day month weekday)");
+  if (n !== 5 && n !== 6)
+    throw new Error(
+      "Cron must have 5 or 6 fields: minute hour day month weekday (or seconds minute hour day month weekday)",
+    );
   const useSeconds = n === 6;
   const minuteField = useSeconds ? parts[2] : parts[0];
   const hourField = useSeconds ? parts[3] : parts[1];
@@ -186,7 +251,11 @@ export function parseCronExpression(expression: string): CronSchedule {
   };
 }
 
-export function cronNextTimes(expression: string, count = 5, from = new Date()): Date[] {
+export function cronNextTimes(
+  expression: string,
+  count = 5,
+  from = new Date(),
+): Date[] {
   const s = parseCronExpression(expression);
   const matches = (d: Date) => {
     const min = d.getMinutes();
@@ -194,7 +263,12 @@ export function cronNextTimes(expression: string, count = 5, from = new Date()):
     const day = d.getDate();
     const mon = d.getMonth() + 1;
     const wd = d.getDay();
-    return s.minute.includes(min) && s.hour.includes(hr) && s.month.includes(mon) && (s.day.includes(day) || s.weekday.includes(wd));
+    return (
+      s.minute.includes(min) &&
+      s.hour.includes(hr) &&
+      s.month.includes(mon) &&
+      (s.day.includes(day) || s.weekday.includes(wd))
+    );
   };
   const out: Date[] = [];
   const cur = new Date(from);
@@ -227,18 +301,20 @@ export function buildCronExpression(fields: CronFields): string {
 // ---- paths ----
 
 export function posixJoin(...parts: string[]): string {
-  return parts
-    .flatMap((p) => p.split("/"))
-    .reduce((acc, part) => {
-      if (!part || part === ".") return acc;
-      if (part === "..") {
-        const s = acc.split("/");
-        s.pop();
-        return s.join("/");
-      }
-      return acc ? `${acc}/${part}` : part;
-    }, "")
-    .replace(/\/{2,}/g, "/") || ".";
+  return (
+    parts
+      .flatMap((p) => p.split("/"))
+      .reduce((acc, part) => {
+        if (!part || part === ".") return acc;
+        if (part === "..") {
+          const s = acc.split("/");
+          s.pop();
+          return s.join("/");
+        }
+        return acc ? `${acc}/${part}` : part;
+      }, "")
+      .replace(/\/{2,}/g, "/") || "."
+  );
 }
 
 export function posixDirname(p: string): string {
@@ -281,11 +357,31 @@ export function posixNormalize(p: string): string {
 
 // ---- uid/gid reference ----
 
-export const UID_GID_TABLE: Array<{ name: string; uid: number; gid: number; description: string }> = [
-  { name: "root", uid: 0, gid: 0, description: "Superuser / system administrator" },
+export const UID_GID_TABLE: Array<{
+  name: string;
+  uid: number;
+  gid: number;
+  description: string;
+}> = [
+  {
+    name: "root",
+    uid: 0,
+    gid: 0,
+    description: "Superuser / system administrator",
+  },
   { name: "bin", uid: 1, gid: 1, description: "Executable binaries owner" },
-  { name: "daemon", uid: 2, gid: 2, description: "Background system processes" },
-  { name: "adm", uid: 3, gid: 4, description: "Administrative group / log files" },
+  {
+    name: "daemon",
+    uid: 2,
+    gid: 2,
+    description: "Background system processes",
+  },
+  {
+    name: "adm",
+    uid: 3,
+    gid: 4,
+    description: "Administrative group / log files",
+  },
   { name: "lp", uid: 4, gid: 7, description: "Printing subsystem" },
   { name: "sync", uid: 5, gid: 0, description: "Synchronize binaries" },
   { name: "shutdown", uid: 6, gid: 0, description: "Power off the system" },
@@ -297,20 +393,46 @@ export const UID_GID_TABLE: Array<{ name: string; uid: number; gid: number; desc
   { name: "games", uid: 12, gid: 100, description: "Games" },
   { name: "gopher", uid: 13, gid: 30, description: "Gopher server" },
   { name: "ftp", uid: 14, gid: 50, description: "FTP server" },
-  { name: "nobody", uid: 65534, gid: 65534, description: "Unprivileged process user" },
-  { name: "systemd-network", uid: 100, gid: 102, description: "systemd network management" },
-  { name: "systemd-resolve", uid: 101, gid: 103, description: "systemd resolver" },
+  {
+    name: "nobody",
+    uid: 65534,
+    gid: 65534,
+    description: "Unprivileged process user",
+  },
+  {
+    name: "systemd-network",
+    uid: 100,
+    gid: 102,
+    description: "systemd network management",
+  },
+  {
+    name: "systemd-resolve",
+    uid: 101,
+    gid: 103,
+    description: "systemd resolver",
+  },
   { name: "sshd", uid: 74, gid: 74, description: "SSH daemon" },
-  { name: "www-data", uid: 33, gid: 33, description: "Web server (Apache/Nginx)" },
+  {
+    name: "www-data",
+    uid: 33,
+    gid: 33,
+    description: "Web server (Apache/Nginx)",
+  },
   { name: "postgres", uid: 999, gid: 999, description: "PostgreSQL server" },
   { name: "mysql", uid: 27, gid: 27, description: "MySQL server" },
   { name: "redis", uid: 999, gid: 999, description: "Redis server" },
-  { name: "vboxadd", uid: 999, gid: 999, description: "VirtualBox guest additions" },
+  {
+    name: "vboxadd",
+    uid: 999,
+    gid: 999,
+    description: "VirtualBox guest additions",
+  },
 ];
 
 export function lookupUidGid(query: string) {
   const q = query.toLowerCase();
   return UID_GID_TABLE.filter(
-    (row) => row.name.includes(q) || String(row.uid) === q || String(row.gid) === q,
+    (row) =>
+      row.name.includes(q) || String(row.uid) === q || String(row.gid) === q,
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/misc.ts b/artifacts/personal-tool-console/src/lib/tools/misc.ts
index 05b6bf5..4e772f1 100644
--- a/artifacts/personal-tool-console/src/lib/tools/misc.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/misc.ts
@@ -1,7 +1,10 @@
 // Miscellaneous pure helpers: list shuffle, barcode encoders, fake IBAN.
 
 export function shuffleList(text: string): string {
-  const items = text.split("\n").map((l) => l.trim()).filter(Boolean);
+  const items = text
+    .split("\n")
+    .map((l) => l.trim())
+    .filter(Boolean);
   for (let i = items.length - 1; i > 0; i--) {
     const j = Math.floor(Math.random() * (i + 1));
     [items[i], items[j]] = [items[j], items[i]];
@@ -12,23 +15,60 @@ export function shuffleList(text: string): string {
 // --- Code 39 barcode (full ASCII 43-char alphabet) ---
 
 const CODE39: Array<[string, string]> = [
-  ["0", "nnnwwnwnn"], ["1", "wnnwnnnnw"], ["2", "nnwwnnnnw"], ["3", "wnwwnnnnn"],
-  ["4", "nnnwwnnnw"], ["5", "wnnwwnnnn"], ["6", "nnwwwnnnn"], ["7", "nnnwnnwnw"],
-  ["8", "wnnwnnwnn"], ["9", "nnwwnnwnn"], ["A", "wnnnnwnnw"], ["B", "nnwnnwnnw"],
-  ["C", "wnwnnwnnn"], ["D", "nnnnwwnnw"], ["E", "wnnnwwnnn"], ["F", "nnwnwwnnn"],
-  ["G", "nnnnnwwnw"], ["H", "wnnnnwwnn"], ["I", "nnwnnwwnn"], ["J", "nnnnwwwnn"],
-  ["K", "wnnnnnnww"], ["L", "nnwnnnnww"], ["M", "wnwnnnnwn"], ["N", "nnnnwnnww"],
-  ["O", "wnnnwnnwn"], ["P", "nnwnwnnwn"], ["Q", "nnnnnnwww"], ["R", "wnnnnnwwn"],
-  ["S", "nnwnnnwwn"], ["T", "nnnnwnwwn"], ["U", "wwnnnnnnw"], ["V", "nwwnnnnnw"],
-  ["W", "wwwnnnnnn"], ["X", "nwnnwnnnw"], ["Y", "wwnnwnnnn"], ["Z", "nwwnwnnnn"],
-  ["-", "nwnnnnwnw"], [".", "wwnnnnwnn"], [" ", "nwwnnnwnn"], ["$", "nwnwnwnnn"],
-  ["/", "nwnwnnnwn"], ["+", "nwnnnwnwn"], ["%", "nnnwnwnwn"],
+  ["0", "nnnwwnwnn"],
+  ["1", "wnnwnnnnw"],
+  ["2", "nnwwnnnnw"],
+  ["3", "wnwwnnnnn"],
+  ["4", "nnnwwnnnw"],
+  ["5", "wnnwwnnnn"],
+  ["6", "nnwwwnnnn"],
+  ["7", "nnnwnnwnw"],
+  ["8", "wnnwnnwnn"],
+  ["9", "nnwwnnwnn"],
+  ["A", "wnnnnwnnw"],
+  ["B", "nnwnnwnnw"],
+  ["C", "wnwnnwnnn"],
+  ["D", "nnnnwwnnw"],
+  ["E", "wnnnwwnnn"],
+  ["F", "nnwnwwnnn"],
+  ["G", "nnnnnwwnw"],
+  ["H", "wnnnnwwnn"],
+  ["I", "nnwnnwwnn"],
+  ["J", "nnnnwwwnn"],
+  ["K", "wnnnnnnww"],
+  ["L", "nnwnnnnww"],
+  ["M", "wnwnnnnwn"],
+  ["N", "nnnnwnnww"],
+  ["O", "wnnnwnnwn"],
+  ["P", "nnwnwnnwn"],
+  ["Q", "nnnnnnwww"],
+  ["R", "wnnnnnwwn"],
+  ["S", "nnwnnnwwn"],
+  ["T", "nnnnwnwwn"],
+  ["U", "wwnnnnnnw"],
+  ["V", "nwwnnnnnw"],
+  ["W", "wwwnnnnnn"],
+  ["X", "nwnnwnnnw"],
+  ["Y", "wwnnwnnnn"],
+  ["Z", "nwwnwnnnn"],
+  ["-", "nwnnnnwnw"],
+  [".", "wwnnnnwnn"],
+  [" ", "nwwnnnwnn"],
+  ["$", "nwnwnwnnn"],
+  ["/", "nwnwnnnwn"],
+  ["+", "nwnnnwnwn"],
+  ["%", "nnnwnwnwn"],
 ];
 
 const CODE39_BY_CODE = new Map(CODE39.map(([ch, code]) => [ch, code]));
 const CODE39_BY_PATTERN = new Map(CODE39.map(([ch, code]) => [code, ch]));
 
-export function code39Encode(text: string): { svg: string; width: number; valid: boolean; error?: string } {
+export function code39Encode(text: string): {
+  svg: string;
+  width: number;
+  valid: boolean;
+  error?: string;
+} {
   const upper = text.toUpperCase();
   const unknown = [...upper].find((ch) => !CODE39_BY_CODE.has(ch));
   if (unknown) {
@@ -39,21 +79,25 @@ export function code39Encode(text: string): { svg: string; width: number; valid:
       error: `Code 39 cannot encode "${unknown}" — allowed: A–Z, 0–9, space and - . $ / + %`,
     };
   }
-  const patterns = ["*", ...upper.split(""), "*"].map((ch) => CODE39_BY_CODE.get(ch)!);
+  const patterns = ["*", ...upper.split(""), "*"].map(
+    (ch) => CODE39_BY_CODE.get(ch)!,
+  );
   const BARS = patterns.join("0"); // '0' = inter-character narrow gap
   const moduleW = 2;
   let x = 0;
-  const rects = BARS.split("").map((bit, i) => {
-    if (bit === "0") {
-      x += moduleW;
-      return null;
-    }
-    const wide = bit === "W";
-    const w = (wide ? 3 : 1) * moduleW;
-    const r = { x, w };
-    x += w;
-    return r;
-  }).filter((r): r is { x: number; w: number } => r !== null);
+  const rects = BARS.split("")
+    .map((bit, i) => {
+      if (bit === "0") {
+        x += moduleW;
+        return null;
+      }
+      const wide = bit === "W";
+      const w = (wide ? 3 : 1) * moduleW;
+      const r = { x, w };
+      x += w;
+      return r;
+    })
+    .filter((r): r is { x: number; w: number } => r !== null);
   const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${x + 10} 60" role="img" aria-label="${text}">${rects
     .map((r) => `<rect x="${r.x + 5}" y="4" width="${r.w}" height="44" />`)
     .join("")}</svg>`;
@@ -63,23 +107,56 @@ export function code39Encode(text: string): { svg: string; width: number; valid:
 // --- EAN-13 ---
 
 const EAN_L_CODE = [
-  "0001101", "0011001", "0010011", "0111101", "0100011", "0110001", "0101111", "0111011", "0110111", "0001011",
+  "0001101",
+  "0011001",
+  "0010011",
+  "0111101",
+  "0100011",
+  "0110001",
+  "0101111",
+  "0111011",
+  "0110111",
+  "0001011",
 ];
 const EAN_G_CODE = [
-  "0100111", "0110011", "0011011", "0100001", "0011101", "0111001", "0000101", "0010001", "0001001", "0010111",
+  "0100111",
+  "0110011",
+  "0011011",
+  "0100001",
+  "0011101",
+  "0111001",
+  "0000101",
+  "0010001",
+  "0001001",
+  "0010111",
 ];
 const EAN_R_CODE = EAN_L_CODE.map((c) => c.split("").reverse().join(""));
 const EAN_FIRST: Record<string, string[]> = {
-  "0": ["L", "L", "L", "L", "L", "L"], "1": ["L", "L", "G", "L", "G", "G"], "2": ["L", "L", "G", "G", "L", "G"],
-  "3": ["L", "L", "G", "G", "G", "L"], "4": ["L", "G", "L", "L", "G", "G"], "5": ["L", "G", "G", "L", "L", "G"],
-  "6": ["L", "G", "G", "G", "L", "L"], "7": ["L", "G", "L", "G", "L", "G"], "8": ["L", "G", "L", "G", "G", "L"],
+  "0": ["L", "L", "L", "L", "L", "L"],
+  "1": ["L", "L", "G", "L", "G", "G"],
+  "2": ["L", "L", "G", "G", "L", "G"],
+  "3": ["L", "L", "G", "G", "G", "L"],
+  "4": ["L", "G", "L", "L", "G", "G"],
+  "5": ["L", "G", "G", "L", "L", "G"],
+  "6": ["L", "G", "G", "G", "L", "L"],
+  "7": ["L", "G", "L", "G", "L", "G"],
+  "8": ["L", "G", "L", "G", "G", "L"],
   "9": ["L", "G", "G", "L", "G", "L"],
 };
 
-export function ean13(input: string): { svg: string; width: number; valid: boolean; error?: string } {
-  let digits = input.replace(/\s+/g, "").replace(/^698/, "").replace(/[^0-9]/g, "");
+export function ean13(input: string): {
+  svg: string;
+  width: number;
+  valid: boolean;
+  error?: string;
+} {
+  let digits = input
+    .replace(/\s+/g, "")
+    .replace(/^698/, "")
+    .replace(/[^0-9]/g, "");
   if (digits.length === 12) {
-    let odd = 0, even = 0;
+    let odd = 0,
+      even = 0;
     for (let i = 0; i < 12; i++) {
       const v = Number(digits[i]);
       if (i % 2 === 0) odd += v;
@@ -88,22 +165,39 @@ export function ean13(input: string): { svg: string; width: number; valid: boole
     const check = (10 - ((odd + even * 3) % 10)) % 10;
     digits += String(check);
   }
-  if (digits.length !== 13) return { svg: "", width: 0, valid: false, error: "Enter 12 digits to auto-compute a checksum, or the full 13-digit EAN." };
+  if (digits.length !== 13)
+    return {
+      svg: "",
+      width: 0,
+      valid: false,
+      error:
+        "Enter 12 digits to auto-compute a checksum, or the full 13-digit EAN.",
+    };
 
   const chars = digits.split("");
-  const patterns = [EAN_R_CODE[Number(chars[12])], ...EAN_FIRST[chars[0]].map((kind, i) => {
-    const d = Number(chars[i + 1]);
-    return kind === "L" ? EAN_L_CODE[d] : EAN_G_CODE[d];
-  }), ...chars.slice(7, 12).map((c) => EAN_R_CODE[Number(c)])];
+  const patterns = [
+    EAN_R_CODE[Number(chars[12])],
+    ...EAN_FIRST[chars[0]].map((kind, i) => {
+      const d = Number(chars[i + 1]);
+      return kind === "L" ? EAN_L_CODE[d] : EAN_G_CODE[d];
+    }),
+    ...chars.slice(7, 12).map((c) => EAN_R_CODE[Number(c)]),
+  ];
   const full = patterns.join("");
   const moduleW = 2;
   let x = 0;
-  const rects = full.split("").map((bit, i) => {
-    if (bit === "0") { x += moduleW; return null; }
-    const r = { x, w: moduleW };
-    x += moduleW;
-    return r;
-  }).filter((r): r is { x: number; w: number } => r !== null);
+  const rects = full
+    .split("")
+    .map((bit, i) => {
+      if (bit === "0") {
+        x += moduleW;
+        return null;
+      }
+      const r = { x, w: moduleW };
+      x += moduleW;
+      return r;
+    })
+    .filter((r): r is { x: number; w: number } => r !== null);
   const total = x + 14;
   const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${total} 80" role="img" aria-label="${digits}">${rects
     .map((r) => `<rect x="${r.x + 7}" y="6" width="${r.w}" height="50" />`)
@@ -129,24 +223,33 @@ const IBAN_COUNTRIES: Array<{ code: string; length: number; bban: string }> = [
 ];
 
 function replaceAlpha(code: string): string {
-  return code.split("").map((ch) => (ch >= "A" && ch <= "Z" ? String(ch.charCodeAt(0) - 55) : ch)).join("");
+  return code
+    .split("")
+    .map((ch) => (ch >= "A" && ch <= "Z" ? String(ch.charCodeAt(0) - 55) : ch))
+    .join("");
 }
 
 function ibanChecksum(country: string, bban: string): string {
   const moved = bban + country + "00";
   const numeric = replaceAlpha(moved);
-  const remainder = numeric.split("").reduce((acc, digit) => (acc * 10 + Number(digit)) % 97, 0);
+  const remainder = numeric
+    .split("")
+    .reduce((acc, digit) => (acc * 10 + Number(digit)) % 97, 0);
   const check = (98 - remainder) % 97;
   return String(check).padStart(2, "0");
 }
 
 export function fakeIban(countryCode: string, seed: number): string {
-  const country = IBAN_COUNTRIES.find((c) => c.code === countryCode) ?? IBAN_COUNTRIES[0];
+  const country =
+    IBAN_COUNTRIES.find((c) => c.code === countryCode) ?? IBAN_COUNTRIES[0];
   const targetLen = country.length - 4;
   let bban = country.bban.slice(0, targetLen);
   if (bban.length < targetLen) {
     const digits = "0123456789";
-    const fill = Array.from({ length: targetLen - bban.length }, (_, i) => digits[(seed + (i + 1) * 3) % 10]).join("");
+    const fill = Array.from(
+      { length: targetLen - bban.length },
+      (_, i) => digits[(seed + (i + 1) * 3) % 10],
+    ).join("");
     bban += fill;
   }
   const check = ibanChecksum(country.code, bban);
@@ -160,6 +263,8 @@ export function validateIbanFormat(iban: string): boolean {
   if (!/^[A-Z]{2}\d{2}[A-Z0-9]{11,30}$/.test(cleaned)) return false;
   const moved = cleaned.slice(4) + cleaned.slice(0, 4);
   const numeric = replaceAlpha(moved);
-  const remainder = numeric.split("").reduce((acc, digit) => (acc * 10 + Number(digit)) % 97, 0);
+  const remainder = numeric
+    .split("")
+    .reduce((acc, digit) => (acc * 10 + Number(digit)) % 97, 0);
   return remainder === 1;
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/password.ts b/artifacts/personal-tool-console/src/lib/tools/password.ts
index c73d342..f0e9359 100644
--- a/artifacts/personal-tool-console/src/lib/tools/password.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/password.ts
@@ -1,13 +1,14 @@
 export function randomPassword(length: number, mode: string) {
   const sets: Record<string, string> = {
-    weak: 'abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789',
-    medium: 'abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789!@#$%?_-',
-    strong: 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+-=[]{};:,.<>/?',
+    weak: "abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789",
+    medium: "abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789!@#$%?_-",
+    strong:
+      "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+-=[]{};:,.<>/?",
   };
   const chars = sets[mode] || sets.strong;
   const bytes = new Uint32Array(length);
   window.crypto.getRandomValues(bytes);
-  let out = '';
+  let out = "";
   for (let i = 0; i < length; i++) out += chars[bytes[i] % chars.length];
   return out;
 }
diff --git a/artifacts/personal-tool-console/src/lib/tools/set/index.ts b/artifacts/personal-tool-console/src/lib/tools/set/index.ts
index 9acca32..a247af6 100644
--- a/artifacts/personal-tool-console/src/lib/tools/set/index.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/set/index.ts
@@ -1,5 +1,8 @@
 export function parseLines(text: string) {
-  return text.split('\n').map((l) => l.trim()).filter(Boolean);
+  return text
+    .split("\n")
+    .map((l) => l.trim())
+    .filter(Boolean);
 }
 
 export function setUnion(a: string[], b: string[]) {
@@ -19,7 +22,10 @@ export function setDifference(a: string[], b: string[]) {
 export function setSymmetricDiff(a: string[], b: string[]) {
   const setA = new Set(a);
   const setB = new Set(b);
-  return [...a.filter((x) => !setB.has(x)), ...b.filter((x) => !setA.has(x))].sort();
+  return [
+    ...a.filter((x) => !setB.has(x)),
+    ...b.filter((x) => !setA.has(x)),
+  ].sort();
 }
 
 export function setMembership(item: string, set: string[]) {
diff --git a/artifacts/personal-tool-console/src/lib/tools/speed-test.ts b/artifacts/personal-tool-console/src/lib/tools/speed-test.ts
index 6d17416..97bfe4b 100644
--- a/artifacts/personal-tool-console/src/lib/tools/speed-test.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/speed-test.ts
@@ -13,38 +13,58 @@ export type SpeedProgress = {
   message?: string;
 };
 
-export async function runSpeedTest(onProgress: (s: SpeedProgress) => void): Promise<SpeedTestResult> {
-  const pingUrl = 'https://speed.cloudflare.com/__down?bytes=0';
-  const downloadUrl = 'https://speed.cloudflare.com/__down?bytes=5000000';
-  const uploadUrl = '/api/upload-test';
+export async function runSpeedTest(
+  onProgress: (s: SpeedProgress) => void,
+): Promise<SpeedTestResult> {
+  const pingUrl = "https://speed.cloudflare.com/__down?bytes=0";
+  const downloadUrl = "https://speed.cloudflare.com/__down?bytes=5000000";
+  const uploadUrl = "/api/upload-test";
 
-  onProgress({ running: true, dl: null, ul: null, ping: null, message: 'Testing ping…' });
+  onProgress({
+    running: true,
+    dl: null,
+    ul: null,
+    ping: null,
+    message: "Testing ping…",
+  });
 
-  let pingMs = '—';
-  let dlMbps = '—';
-  let ulMbps = '—';
+  let pingMs = "—";
+  let dlMbps = "—";
+  let ulMbps = "—";
 
   try {
     const pingTimes: number[] = [];
     for (let i = 0; i < 5; i++) {
       const t0 = performance.now();
-      await fetch(pingUrl, { cache: 'no-store' });
+      await fetch(pingUrl, { cache: "no-store" });
       pingTimes.push(performance.now() - t0);
     }
     pingTimes.sort((a, b) => a - b);
     const avg = pingTimes.slice(0, 4).reduce((s, v) => s + v, 0) / 4;
     pingMs = avg.toFixed(0);
-    onProgress({ running: true, dl: null, ul: null, ping: pingMs, message: `Ping ${pingMs} ms — testing download…` });
+    onProgress({
+      running: true,
+      dl: null,
+      ul: null,
+      ping: pingMs,
+      message: `Ping ${pingMs} ms — testing download…`,
+    });
   } catch {
-    onProgress({ running: true, dl: null, ul: null, ping: '—', message: 'Ping failed — testing download…' });
+    onProgress({
+      running: true,
+      dl: null,
+      ul: null,
+      ping: "—",
+      message: "Ping failed — testing download…",
+    });
   }
 
   try {
     const dlStart = performance.now();
-    const res = await fetch(downloadUrl, { cache: 'no-store' });
+    const res = await fetch(downloadUrl, { cache: "no-store" });
     if (!res.ok) throw new Error(`HTTP ${res.status}`);
     const reader = res.body?.getReader();
-    if (!reader) throw new Error('Streaming not supported');
+    if (!reader) throw new Error("Streaming not supported");
     let loaded = 0;
     while (true) {
       const { done, value } = await reader.read();
@@ -53,21 +73,45 @@ export async function runSpeedTest(onProgress: (s: SpeedProgress) => void): Prom
     }
     const dlSec = (performance.now() - dlStart) / 1000;
     dlMbps = ((loaded * 8) / dlSec / 1_000_000).toFixed(2);
-    onProgress({ running: true, dl: dlMbps, ul: null, ping: pingMs, message: `↓ ${dlMbps} Mbps — testing upload…` });
+    onProgress({
+      running: true,
+      dl: dlMbps,
+      ul: null,
+      ping: pingMs,
+      message: `↓ ${dlMbps} Mbps — testing upload…`,
+    });
   } catch {
-    onProgress({ running: true, dl: '—', ul: null, ping: pingMs, message: 'Download failed — testing upload…' });
+    onProgress({
+      running: true,
+      dl: "—",
+      ul: null,
+      ping: pingMs,
+      message: "Download failed — testing upload…",
+    });
   }
 
-  let ulError = '';
+  let ulError = "";
   try {
-    const payload = JSON.stringify({ d: Array.from({ length: 2000 }, () => Math.random().toString(36)).join('') });
+    const payload = JSON.stringify({
+      d: Array.from({ length: 2000 }, () => Math.random().toString(36)).join(
+        "",
+      ),
+    });
     const byteCount = new TextEncoder().encode(payload).byteLength;
-    await fetch(uploadUrl, { method: 'POST', body: payload, headers: { 'Content-Type': 'application/json' } });
+    await fetch(uploadUrl, {
+      method: "POST",
+      body: payload,
+      headers: { "Content-Type": "application/json" },
+    });
     const ROUNDS = 12;
     let totalBytes = 0;
     const ulStart = performance.now();
     for (let i = 0; i < ROUNDS; i++) {
-      const res = await fetch(uploadUrl, { method: 'POST', body: payload, headers: { 'Content-Type': 'application/json' } });
+      const res = await fetch(uploadUrl, {
+        method: "POST",
+        body: payload,
+        headers: { "Content-Type": "application/json" },
+      });
       if (!res.ok) throw new Error(`HTTP ${res.status}`);
       await res.json();
       totalBytes += byteCount;
@@ -76,37 +120,37 @@ export async function runSpeedTest(onProgress: (s: SpeedProgress) => void): Prom
     ulMbps = ((totalBytes * 8) / ulSec / 1_000_000).toFixed(2);
   } catch (e) {
     ulError = (e as Error).message;
-    ulMbps = '—';
+    ulMbps = "—";
   }
 
-  const message = ulError ? `Upload failed: ${ulError}` : 'Test complete';
+  const message = ulError ? `Upload failed: ${ulError}` : "Test complete";
   onProgress({ running: false, dl: dlMbps, ul: ulMbps, ping: pingMs, message });
   return { downloadMbps: dlMbps, uploadMbps: ulMbps, pingMs, message };
 }
 
 export function downloadQuality(mbps: string) {
   const v = parseFloat(mbps);
-  if (isNaN(v)) return { label: '—', color: 'text-slate-400' };
-  if (v >= 100) return { label: 'Excellent', color: 'text-cyan-400' };
-  if (v >= 25) return { label: 'Good', color: 'text-green-400' };
-  if (v >= 5) return { label: 'Fair', color: 'text-amber-400' };
-  return { label: 'Poor', color: 'text-red-400' };
+  if (isNaN(v)) return { label: "—", color: "text-slate-400" };
+  if (v >= 100) return { label: "Excellent", color: "text-cyan-400" };
+  if (v >= 25) return { label: "Good", color: "text-green-400" };
+  if (v >= 5) return { label: "Fair", color: "text-amber-400" };
+  return { label: "Poor", color: "text-red-400" };
 }
 
 export function uploadQuality(mbps: string) {
   const v = parseFloat(mbps);
-  if (isNaN(v)) return { label: '—', color: 'text-slate-400' };
-  if (v >= 50) return { label: 'Excellent', color: 'text-cyan-400' };
-  if (v >= 10) return { label: 'Good', color: 'text-green-400' };
-  if (v >= 2) return { label: 'Fair', color: 'text-amber-400' };
-  return { label: 'Poor', color: 'text-red-400' };
+  if (isNaN(v)) return { label: "—", color: "text-slate-400" };
+  if (v >= 50) return { label: "Excellent", color: "text-cyan-400" };
+  if (v >= 10) return { label: "Good", color: "text-green-400" };
+  if (v >= 2) return { label: "Fair", color: "text-amber-400" };
+  return { label: "Poor", color: "text-red-400" };
 }
 
 export function pingQuality(ms: string) {
   const v = parseFloat(ms);
-  if (isNaN(v)) return { label: '—', color: 'text-slate-400' };
-  if (v < 20) return { label: 'Excellent', color: 'text-cyan-400' };
-  if (v < 50) return { label: 'Good', color: 'text-green-400' };
-  if (v < 100) return { label: 'Fair', color: 'text-amber-400' };
-  return { label: 'Poor', color: 'text-red-400' };
+  if (isNaN(v)) return { label: "—", color: "text-slate-400" };
+  if (v < 20) return { label: "Excellent", color: "text-cyan-400" };
+  if (v < 50) return { label: "Good", color: "text-green-400" };
+  if (v < 100) return { label: "Fair", color: "text-amber-400" };
+  return { label: "Poor", color: "text-red-400" };
 }
diff --git a/artifacts/personal-tool-console/src/lib/tools/text/existing.ts b/artifacts/personal-tool-console/src/lib/tools/text/existing.ts
index 2f7b0ec..51e3187 100644
--- a/artifacts/personal-tool-console/src/lib/tools/text/existing.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/text/existing.ts
@@ -1,14 +1,68 @@
 import type { TextToolGroup } from "./types";
 
 const LOREM_WORDS = [
-  "lorem", "ipsum", "dolor", "sit", "amet", "consectetur", "adipiscing", "elit",
-  "sed", "do", "eiusmod", "tempor", "incididunt", "ut", "labore", "et", "dolore",
-  "magna", "aliqua", "enim", "ad", "minim", "veniam", "quis", "nostrud",
-  "exercitation", "ullamco", "laboris", "nisi", "aliquip", "ex", "ea", "commodo",
-  "consequat", "duis", "aute", "irure", "in", "reprehenderit", "voluptate",
-  "velit", "esse", "cillum", "fugiat", "nulla", "pariatur", "excepteur", "sint",
-  "occaecat", "cupidatat", "non", "proident", "sunt", "culpa", "qui", "officia",
-  "deserunt", "mollit", "anim", "id", "est", "laborum",
+  "lorem",
+  "ipsum",
+  "dolor",
+  "sit",
+  "amet",
+  "consectetur",
+  "adipiscing",
+  "elit",
+  "sed",
+  "do",
+  "eiusmod",
+  "tempor",
+  "incididunt",
+  "ut",
+  "labore",
+  "et",
+  "dolore",
+  "magna",
+  "aliqua",
+  "enim",
+  "ad",
+  "minim",
+  "veniam",
+  "quis",
+  "nostrud",
+  "exercitation",
+  "ullamco",
+  "laboris",
+  "nisi",
+  "aliquip",
+  "ex",
+  "ea",
+  "commodo",
+  "consequat",
+  "duis",
+  "aute",
+  "irure",
+  "in",
+  "reprehenderit",
+  "voluptate",
+  "velit",
+  "esse",
+  "cillum",
+  "fugiat",
+  "nulla",
+  "pariatur",
+  "excepteur",
+  "sint",
+  "occaecat",
+  "cupidatat",
+  "non",
+  "proident",
+  "sunt",
+  "culpa",
+  "qui",
+  "officia",
+  "deserunt",
+  "mollit",
+  "anim",
+  "id",
+  "est",
+  "laborum",
 ];
 
 function loremParagraphs(count: number, wordsPer: number, rand: () => number) {
@@ -16,7 +70,8 @@ function loremParagraphs(count: number, wordsPer: number, rand: () => number) {
   for (let p = 0; p < count; p++) {
     const parts: string[] = [];
     const n = Math.max(8, Math.round(wordsPer * (0.8 + rand() * 0.4)));
-    for (let i = 0; i < n; i++) parts.push(LOREM_WORDS[Math.floor(rand() * LOREM_WORDS.length)]);
+    for (let i = 0; i < n; i++)
+      parts.push(LOREM_WORDS[Math.floor(rand() * LOREM_WORDS.length)]);
     const sentence = parts.join(" ");
     out.push(sentence.charAt(0).toUpperCase() + sentence.slice(1) + ".");
   }
@@ -27,15 +82,32 @@ export const texts: TextToolGroup[] = [
   {
     id: "existing",
     title: "Classic text tools",
-    description: "Existing generators and text utilities kept alongside the expansion.",
+    description:
+      "Existing generators and text utilities kept alongside the expansion.",
     tools: [
       {
         slug: "lorem-ipsum",
         name: "Lorem Ipsum Generator",
         description: "Generate classic dummy Latin filler text.",
         options: [
-          { kind: "number", key: "paragraphs", label: "Paragraphs", default: 4, min: 1, max: 50, step: 1 },
-          { kind: "number", key: "words", label: "Words per paragraph", default: 24, min: 4, max: 200, step: 1 },
+          {
+            kind: "number",
+            key: "paragraphs",
+            label: "Paragraphs",
+            default: 4,
+            min: 1,
+            max: 50,
+            step: 1,
+          },
+          {
+            kind: "number",
+            key: "words",
+            label: "Words per paragraph",
+            default: 24,
+            min: 4,
+            max: 200,
+            step: 1,
+          },
         ],
         run: (_input, o) => {
           const p = Number(o.paragraphs ?? 4);
@@ -46,9 +118,15 @@ export const texts: TextToolGroup[] = [
       {
         slug: "letter-counter",
         name: "Letter Counter",
-        description: "Count characters, letters, words, sentences and lines instantly.",
+        description:
+          "Count characters, letters, words, sentences and lines instantly.",
         options: [
-          { kind: "toggle", key: "caseInsensitive", label: "Case-insensitive", default: true },
+          {
+            kind: "toggle",
+            key: "caseInsensitive",
+            label: "Case-insensitive",
+            default: true,
+          },
         ],
         run: (input, o) => {
           const text = o.caseInsensitive ? input.toLowerCase() : input;
@@ -72,9 +150,18 @@ export const texts: TextToolGroup[] = [
       {
         slug: "bionic-reading",
         name: "Bionic Reading",
-        description: "Bold the leading characters of every word to help fast reading.",
+        description:
+          "Bold the leading characters of every word to help fast reading.",
         options: [
-          { kind: "number", key: "bold", label: "Bold letters per word", default: 2, min: 1, max: 6, step: 1 },
+          {
+            kind: "number",
+            key: "bold",
+            label: "Bold letters per word",
+            default: 2,
+            min: 1,
+            max: 6,
+            step: 1,
+          },
         ],
         run: (input, o) => {
           const n = Number(o.bold ?? 2);
@@ -92,4 +179,4 @@ export const texts: TextToolGroup[] = [
       },
     ],
   },
-];
\ No newline at end of file
+];
diff --git a/artifacts/personal-tool-console/src/lib/tools/text/helpers.ts b/artifacts/personal-tool-console/src/lib/tools/text/helpers.ts
index d51a118..7071b26 100644
--- a/artifacts/personal-tool-console/src/lib/tools/text/helpers.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/text/helpers.ts
@@ -64,92 +64,530 @@ export const VOWELS = "aeiou";
 export const CONSONANTS = "bcdfghjklmnpqrstvwxyz";
 
 export const SUPERSCRIPT_MAP: Record<string, string> = {
-  a: "ᵃ", b: "ᵇ", c: "ᶜ", d: "ᵈ", e: "ᵉ", f: "ᶠ", g: "ᵍ", h: "ʰ", i: "ⁱ", j: "ʲ",
-  k: "ᵏ", l: "ˡ", m: "ᵐ", n: "ⁿ", o: "ᵒ", p: "ᵖ", q: "ᑫ", r: "ʳ", s: "ˢ", t: "ᵗ",
-  u: "ᵘ", v: "ᵛ", w: "ʷ", x: "ˣ", y: "ʸ", z: "ᶻ",
-  A: "ᴬ", B: "ᴮ", C: "ꟲ", D: "ᴰ", E: "ᴱ", F: "ꟳ", G: "ᴳ", H: "ᴴ", I: "ᴵ", J: "ᴶ",
-  K: "ᴷ", L: "ᴸ", M: "ᴹ", N: "ᴺ", O: "ᴼ", P: "ᴾ", Q: "ꟴ", R: "ᴿ", S: "ˢ", T: "ᵀ",
-  U: "ᵁ", V: "ⱽ", W: "ᵂ", X: "ˣ", Y: "ʸ", Z: "ᶻ",
-  "0": "⁰", "1": "¹", "2": "²", "3": "³", "4": "⁴", "5": "⁵", "6": "⁶", "7": "⁷", "8": "⁸", "9": "⁹",
-  "+": "⁺", "-": "⁻", "=": "⁼", "(": "⁽", ")": "⁾",
+  a: "ᵃ",
+  b: "ᵇ",
+  c: "ᶜ",
+  d: "ᵈ",
+  e: "ᵉ",
+  f: "ᶠ",
+  g: "ᵍ",
+  h: "ʰ",
+  i: "ⁱ",
+  j: "ʲ",
+  k: "ᵏ",
+  l: "ˡ",
+  m: "ᵐ",
+  n: "ⁿ",
+  o: "ᵒ",
+  p: "ᵖ",
+  q: "ᑫ",
+  r: "ʳ",
+  s: "ˢ",
+  t: "ᵗ",
+  u: "ᵘ",
+  v: "ᵛ",
+  w: "ʷ",
+  x: "ˣ",
+  y: "ʸ",
+  z: "ᶻ",
+  A: "ᴬ",
+  B: "ᴮ",
+  C: "ꟲ",
+  D: "ᴰ",
+  E: "ᴱ",
+  F: "ꟳ",
+  G: "ᴳ",
+  H: "ᴴ",
+  I: "ᴵ",
+  J: "ᴶ",
+  K: "ᴷ",
+  L: "ᴸ",
+  M: "ᴹ",
+  N: "ᴺ",
+  O: "ᴼ",
+  P: "ᴾ",
+  Q: "ꟴ",
+  R: "ᴿ",
+  S: "ˢ",
+  T: "ᵀ",
+  U: "ᵁ",
+  V: "ⱽ",
+  W: "ᵂ",
+  X: "ˣ",
+  Y: "ʸ",
+  Z: "ᶻ",
+  "0": "⁰",
+  "1": "¹",
+  "2": "²",
+  "3": "³",
+  "4": "⁴",
+  "5": "⁵",
+  "6": "⁶",
+  "7": "⁷",
+  "8": "⁸",
+  "9": "⁹",
+  "+": "⁺",
+  "-": "⁻",
+  "=": "⁼",
+  "(": "⁽",
+  ")": "⁾",
 };
 
 export const SUBSCRIPT_MAP: Record<string, string> = {
-  a: "ₐ", e: "ₑ", h: "ₕ", i: "ᵢ", j: "ⱼ", k: "ₖ", l: "ₗ", m: "ₘ", n: "ₙ", o: "ₒ",
-  p: "ₚ", r: "ᵣ", s: "ₛ", t: "ₜ", u: "ᵤ", v: "ᵥ", x: "ₓ",
-  "0": "₀", "1": "₁", "2": "₂", "3": "₃", "4": "₄", "5": "₅", "6": "₆", "7": "₇", "8": "₈", "9": "₉",
-  "+": "₊", "-": "₋", "=": "₌", "(": "₍", ")": "₎",
+  a: "ₐ",
+  e: "ₑ",
+  h: "ₕ",
+  i: "ᵢ",
+  j: "ⱼ",
+  k: "ₖ",
+  l: "ₗ",
+  m: "ₘ",
+  n: "ₙ",
+  o: "ₒ",
+  p: "ₚ",
+  r: "ᵣ",
+  s: "ₛ",
+  t: "ₜ",
+  u: "ᵤ",
+  v: "ᵥ",
+  x: "ₓ",
+  "0": "₀",
+  "1": "₁",
+  "2": "₂",
+  "3": "₃",
+  "4": "₄",
+  "5": "₅",
+  "6": "₆",
+  "7": "₇",
+  "8": "₈",
+  "9": "₉",
+  "+": "₊",
+  "-": "₋",
+  "=": "₌",
+  "(": "₍",
+  ")": "₎",
 };
 
 export const BOLD_MAP: Record<string, string> = {
-  a: "𝐚", b: "𝐛", c: "𝐜", d: "𝐝", e: "𝐞", f: "𝐟", g: "𝐠", h: "𝐡", i: "𝐢", j: "𝐣",
-  k: "𝐤", l: "𝐥", m: "𝐦", n: "𝐧", o: "𝐨", p: "𝐩", q: "𝐪", r: "𝐫", s: "𝐬", t: "𝐭",
-  u: "𝐮", v: "𝐯", w: "𝐰", x: "𝐱", y: "𝐲", z: "𝐳",
-  A: "𝐀", B: "𝐁", C: "𝐂", D: "𝐃", E: "𝐄", F: "𝐅", G: "𝐆", H: "𝐇", I: "𝐈", J: "𝐉",
-  K: "𝐊", L: "𝐋", M: "𝐌", N: "𝐍", O: "𝐎", P: "𝐏", Q: "𝐐", R: "𝐑", S: "𝐒", T: "𝐓",
-  U: "𝐔", V: "𝐕", W: "𝐖", X: "𝐗", Y: "𝐘", Z: "𝐙", "0": "𝟎", "1": "𝟏", "2": "𝟐", "3": "𝟑",
-  "4": "𝟒", "5": "𝟓", "6": "𝟔", "7": "𝟕", "8": "𝟖", "9": "𝟗",
+  a: "𝐚",
+  b: "𝐛",
+  c: "𝐜",
+  d: "𝐝",
+  e: "𝐞",
+  f: "𝐟",
+  g: "𝐠",
+  h: "𝐡",
+  i: "𝐢",
+  j: "𝐣",
+  k: "𝐤",
+  l: "𝐥",
+  m: "𝐦",
+  n: "𝐧",
+  o: "𝐨",
+  p: "𝐩",
+  q: "𝐪",
+  r: "𝐫",
+  s: "𝐬",
+  t: "𝐭",
+  u: "𝐮",
+  v: "𝐯",
+  w: "𝐰",
+  x: "𝐱",
+  y: "𝐲",
+  z: "𝐳",
+  A: "𝐀",
+  B: "𝐁",
+  C: "𝐂",
+  D: "𝐃",
+  E: "𝐄",
+  F: "𝐅",
+  G: "𝐆",
+  H: "𝐇",
+  I: "𝐈",
+  J: "𝐉",
+  K: "𝐊",
+  L: "𝐋",
+  M: "𝐌",
+  N: "𝐍",
+  O: "𝐎",
+  P: "𝐏",
+  Q: "𝐐",
+  R: "𝐑",
+  S: "𝐒",
+  T: "𝐓",
+  U: "𝐔",
+  V: "𝐕",
+  W: "𝐖",
+  X: "𝐗",
+  Y: "𝐘",
+  Z: "𝐙",
+  "0": "𝟎",
+  "1": "𝟏",
+  "2": "𝟐",
+  "3": "𝟑",
+  "4": "𝟒",
+  "5": "𝟓",
+  "6": "𝟔",
+  "7": "𝟕",
+  "8": "𝟖",
+  "9": "𝟗",
 };
 
 export const ITALIC_MAP: Record<string, string> = {
-  a: "𝑎", b: "𝑏", c: "𝑐", d: "𝑑", e: "𝑒", f: "𝑓", g: "𝑔", h: "ℎ", i: "𝑖", j: "𝑗",
-  k: "𝑘", l: "𝑙", m: "𝑚", n: "𝑛", o: "𝑜", p: "𝑝", q: "𝑞", r: "𝑟", s: "𝑠", t: "𝑡",
-  u: "𝑢", v: "𝑣", w: "𝑤", x: "𝑥", y: "𝑦", z: "𝑧",
-  A: "𝐴", B: "𝐵", C: "𝐶", D: "𝐷", E: "𝐸", F: "𝐹", G: "𝐺", H: "𝐻", I: "𝐼", J: "𝐽",
-  K: "𝐾", L: "𝐿", M: "𝑀", N: "𝑁", O: "𝑂", P: "𝑃", Q: "𝑄", R: "𝑅", S: "𝑆", T: "𝑇",
-  U: "𝑈", V: "𝑉", W: "𝑊", X: "𝑋", Y: "𝑌", Z: "𝑍",
+  a: "𝑎",
+  b: "𝑏",
+  c: "𝑐",
+  d: "𝑑",
+  e: "𝑒",
+  f: "𝑓",
+  g: "𝑔",
+  h: "ℎ",
+  i: "𝑖",
+  j: "𝑗",
+  k: "𝑘",
+  l: "𝑙",
+  m: "𝑚",
+  n: "𝑛",
+  o: "𝑜",
+  p: "𝑝",
+  q: "𝑞",
+  r: "𝑟",
+  s: "𝑠",
+  t: "𝑡",
+  u: "𝑢",
+  v: "𝑣",
+  w: "𝑤",
+  x: "𝑥",
+  y: "𝑦",
+  z: "𝑧",
+  A: "𝐴",
+  B: "𝐵",
+  C: "𝐶",
+  D: "𝐷",
+  E: "𝐸",
+  F: "𝐹",
+  G: "𝐺",
+  H: "𝐻",
+  I: "𝐼",
+  J: "𝐽",
+  K: "𝐾",
+  L: "𝐿",
+  M: "𝑀",
+  N: "𝑁",
+  O: "𝑂",
+  P: "𝑃",
+  Q: "𝑄",
+  R: "𝑅",
+  S: "𝑆",
+  T: "𝑇",
+  U: "𝑈",
+  V: "𝑉",
+  W: "𝑊",
+  X: "𝑋",
+  Y: "𝑌",
+  Z: "𝑍",
 };
 
 export const MONO_MAP: Record<string, string> = {
-  a: "𝚊", b: "𝚋", c: "𝚌", d: "𝚍", e: "𝚎", f: "𝚏", g: "𝚐", h: "𝚑", i: "𝚒", j: "𝚓",
-  k: "𝚔", l: "𝚕", m: "𝚖", n: "𝚗", o: "𝚘", p: "𝚙", q: "𝚚", r: "𝚛", s: "𝚜", t: "𝚝",
-  u: "𝚞", v: "𝚟", w: "𝚠", x: "𝚡", y: "𝚢", z: "𝚣",
-  A: "𝙰", B: "𝙱", C: "𝙲", D: "𝙳", E: "𝙴", F: "𝙵", G: "𝙶", H: "𝙷", I: "𝙸", J: "𝙹",
-  K: "𝙺", L: "𝙻", M: "𝙼", N: "𝙽", O: "𝙾", P: "𝙿", Q: "𝚀", R: "𝚁", S: "𝚂", T: "𝚃",
-  U: "𝚄", V: "𝚅", W: "𝚆", X: "𝚇", Y: "𝚈", Z: "𝚉", "0": "𝟶", "1": "𝟷", "2": "𝟸", "3": "𝟹",
-  "4": "𝟺", "5": "𝟻", "6": "𝟼", "7": "𝟽", "8": "𝟾", "9": "𝟿",
+  a: "𝚊",
+  b: "𝚋",
+  c: "𝚌",
+  d: "𝚍",
+  e: "𝚎",
+  f: "𝚏",
+  g: "𝚐",
+  h: "𝚑",
+  i: "𝚒",
+  j: "𝚓",
+  k: "𝚔",
+  l: "𝚕",
+  m: "𝚖",
+  n: "𝚗",
+  o: "𝚘",
+  p: "𝚙",
+  q: "𝚚",
+  r: "𝚛",
+  s: "𝚜",
+  t: "𝚝",
+  u: "𝚞",
+  v: "𝚟",
+  w: "𝚠",
+  x: "𝚡",
+  y: "𝚢",
+  z: "𝚣",
+  A: "𝙰",
+  B: "𝙱",
+  C: "𝙲",
+  D: "𝙳",
+  E: "𝙴",
+  F: "𝙵",
+  G: "𝙶",
+  H: "𝙷",
+  I: "𝙸",
+  J: "𝙹",
+  K: "𝙺",
+  L: "𝙻",
+  M: "𝙼",
+  N: "𝙽",
+  O: "𝙾",
+  P: "𝙿",
+  Q: "𝚀",
+  R: "𝚁",
+  S: "𝚂",
+  T: "𝚃",
+  U: "𝚄",
+  V: "𝚅",
+  W: "𝚆",
+  X: "𝚇",
+  Y: "𝚈",
+  Z: "𝚉",
+  "0": "𝟶",
+  "1": "𝟷",
+  "2": "𝟸",
+  "3": "𝟹",
+  "4": "𝟺",
+  "5": "𝟻",
+  "6": "𝟼",
+  "7": "𝟽",
+  "8": "𝟾",
+  "9": "𝟿",
 };
 
 export const SANS_MAP: Record<string, string> = {
-  a: "𝖺", b: "𝖻", c: "𝖼", d: "𝖽", e: "𝖾", f: "𝖿", g: "𝗀", h: "𝗁", i: "𝗂", j: "𝗃",
-  k: "𝗄", l: "𝗅", m: "𝗆", n: "𝗇", o: "𝗈", p: "𝗉", q: "𝗊", r: "𝗋", s: "𝗌", t: "𝗍",
-  u: "𝗎", v: "𝗏", w: "𝗐", x: "𝗑", y: "𝗒", z: "𝗓",
-  A: "𝖠", B: "𝖡", C: "𝖢", D: "𝖣", E: "𝖤", F: "𝖥", G: "𝖦", H: "𝖧", I: "𝖨", J: "𝖩",
-  K: "𝖪", L: "𝖫", M: "𝖬", N: "𝖭", O: "𝖮", P: "𝖯", Q: "𝖰", R: "𝖱", S: "𝖲", T: "𝖳",
-  U: "𝖴", V: "𝖵", W: "𝖶", X: "𝖷", Y: "𝖸", Z: "𝖹", "0": "𝟢", "1": "𝟣", "2": "𝟤", "3": "𝟥",
-  "4": "𝟦", "5": "𝟧", "6": "𝟨", "7": "𝟩", "8": "𝟪", "9": "𝟫",
+  a: "𝖺",
+  b: "𝖻",
+  c: "𝖼",
+  d: "𝖽",
+  e: "𝖾",
+  f: "𝖿",
+  g: "𝗀",
+  h: "𝗁",
+  i: "𝗂",
+  j: "𝗃",
+  k: "𝗄",
+  l: "𝗅",
+  m: "𝗆",
+  n: "𝗇",
+  o: "𝗈",
+  p: "𝗉",
+  q: "𝗊",
+  r: "𝗋",
+  s: "𝗌",
+  t: "𝗍",
+  u: "𝗎",
+  v: "𝗏",
+  w: "𝗐",
+  x: "𝗑",
+  y: "𝗒",
+  z: "𝗓",
+  A: "𝖠",
+  B: "𝖡",
+  C: "𝖢",
+  D: "𝖣",
+  E: "𝖤",
+  F: "𝖥",
+  G: "𝖦",
+  H: "𝖧",
+  I: "𝖨",
+  J: "𝖩",
+  K: "𝖪",
+  L: "𝖫",
+  M: "𝖬",
+  N: "𝖭",
+  O: "𝖮",
+  P: "𝖯",
+  Q: "𝖰",
+  R: "𝖱",
+  S: "𝖲",
+  T: "𝖳",
+  U: "𝖴",
+  V: "𝖵",
+  W: "𝖶",
+  X: "𝖷",
+  Y: "𝖸",
+  Z: "𝖹",
+  "0": "𝟢",
+  "1": "𝟣",
+  "2": "𝟤",
+  "3": "𝟥",
+  "4": "𝟦",
+  "5": "𝟧",
+  "6": "𝟨",
+  "7": "𝟩",
+  "8": "𝟪",
+  "9": "𝟫",
 };
 
 export const SCRIPT_MAP: Record<string, string> = {
-  a: "𝒶", b: "𝒷", c: "𝒸", d: "𝒹", e: "𝑒", f: "𝑓", g: "𝑔", h: "𝒽", i: "𝒾", j: "𝒿",
-  k: "𝓀", l: "𝓁", m: "𝓂", n: "𝓃", o: "𝑜", p: "𝓅", q: "𝓆", r: "𝓇", s: "𝓈", t: "𝓉",
-  u: "𝓊", v: "𝓋", w: "𝓌", x: "𝓍", y: "𝓎", z: "𝓏",
-  A: "𝒜", B: "ℬ", C: "𝒞", D: "𝒟", E: "ℰ", F: "ℱ", G: "𝒢", H: "ℋ", I: "ℐ", J: "𝒥",
-  K: "𝒦", L: "ℒ", M: "ℳ", N: "𝒩", O: "𝒪", P: "𝒫", Q: "𝒬", R: "ℛ", S: "𝒮", T: "𝒯",
-  U: "𝒰", V: "𝒱", W: "𝒲", X: "𝒳", Y: "𝒴", Z: "𝒵",
+  a: "𝒶",
+  b: "𝒷",
+  c: "𝒸",
+  d: "𝒹",
+  e: "𝑒",
+  f: "𝑓",
+  g: "𝑔",
+  h: "𝒽",
+  i: "𝒾",
+  j: "𝒿",
+  k: "𝓀",
+  l: "𝓁",
+  m: "𝓂",
+  n: "𝓃",
+  o: "𝑜",
+  p: "𝓅",
+  q: "𝓆",
+  r: "𝓇",
+  s: "𝓈",
+  t: "𝓉",
+  u: "𝓊",
+  v: "𝓋",
+  w: "𝓌",
+  x: "𝓍",
+  y: "𝓎",
+  z: "𝓏",
+  A: "𝒜",
+  B: "ℬ",
+  C: "𝒞",
+  D: "𝒟",
+  E: "ℰ",
+  F: "ℱ",
+  G: "𝒢",
+  H: "ℋ",
+  I: "ℐ",
+  J: "𝒥",
+  K: "𝒦",
+  L: "ℒ",
+  M: "ℳ",
+  N: "𝒩",
+  O: "𝒪",
+  P: "𝒫",
+  Q: "𝒬",
+  R: "ℛ",
+  S: "𝒮",
+  T: "𝒯",
+  U: "𝒰",
+  V: "𝒱",
+  W: "𝒲",
+  X: "𝒳",
+  Y: "𝒴",
+  Z: "𝒵",
 };
 
 export const CURSIVE_MAP: Record<string, string> = {
-  a: "𝓪", b: "𝓫", c: "𝓬", d: "𝓭", e: "𝓮", f: "𝓯", g: "𝓰", h: "𝓱", i: "𝓲", j: "𝓳",
-  k: "𝓴", l: "𝓵", m: "𝓶", n: "𝓷", o: "𝓸", p: "𝓹", q: "𝓺", r: "𝓻", s: "𝓼", t: "𝓽",
-  u: "𝓾", v: "𝓿", w: "𝔀", x: "𝔁", y: "𝔂", z: "𝔃",
-  A: "𝓐", B: "𝓑", C: "𝓒", D: "𝓓", E: "𝓔", F: "𝓕", G: "𝓖", H: "𝓗", I: "𝓘", J: "𝓙",
-  K: "𝓚", L: "𝓛", M: "𝓜", N: "𝓝", O: "𝓞", P: "𝓟", Q: "𝓠", R: "𝓡", S: "𝓢", T: "𝓣",
-  U: "𝓤", V: "𝓥", W: "𝓦", X: "𝓧", Y: "𝓨", Z: "𝓩",
+  a: "𝓪",
+  b: "𝓫",
+  c: "𝓬",
+  d: "𝓭",
+  e: "𝓮",
+  f: "𝓯",
+  g: "𝓰",
+  h: "𝓱",
+  i: "𝓲",
+  j: "𝓳",
+  k: "𝓴",
+  l: "𝓵",
+  m: "𝓶",
+  n: "𝓷",
+  o: "𝓸",
+  p: "𝓹",
+  q: "𝓺",
+  r: "𝓻",
+  s: "𝓼",
+  t: "𝓽",
+  u: "𝓾",
+  v: "𝓿",
+  w: "𝔀",
+  x: "𝔁",
+  y: "𝔂",
+  z: "𝔃",
+  A: "𝓐",
+  B: "𝓑",
+  C: "𝓒",
+  D: "𝓓",
+  E: "𝓔",
+  F: "𝓕",
+  G: "𝓖",
+  H: "𝓗",
+  I: "𝓘",
+  J: "𝓙",
+  K: "𝓚",
+  L: "𝓛",
+  M: "𝓜",
+  N: "𝓝",
+  O: "𝓞",
+  P: "𝓟",
+  Q: "𝓠",
+  R: "𝓡",
+  S: "𝓢",
+  T: "𝓣",
+  U: "𝓤",
+  V: "𝓥",
+  W: "𝓦",
+  X: "𝓧",
+  Y: "𝓨",
+  Z: "𝓩",
 };
 
 export const MORSE: Record<string, string> = {
-  a: ".-", b: "-...", c: "-.-.", d: "-..", e: ".", f: "..-.", g: "--.", h: "....",
-  i: "..", j: ".---", k: "-.-", l: ".-..", m: "--", n: "-.", o: "---", p: ".--.",
-  q: "--.-", r: ".-.", s: "...", t: "-", u: "..-", v: "...-", w: ".--", x: "-..-",
-  y: "-.--", z: "--..", "0": "-----", "1": ".----", "2": "..---", "3": "...--",
-  "4": "....-", "5": ".....", "6": "-....", "7": "--...", "8": "---..", "9": "----.",
-  ".": ".-.-.-", ",": "--..--", "?": "..--..", "'": ".----.", "!": "-.-.--", "/": "-..-.",
-  "(": "-.--.", ")": "-.--.-", "&": ".-...", ":": "---...", ";": "-.-.-.", "=": "-...-",
-  "+": ".-.-.", "-": "-....-", "_": "..--.-", '"': ".-..-.", "$": "...-..-", "@": ".--.-.",
+  a: ".-",
+  b: "-...",
+  c: "-.-.",
+  d: "-..",
+  e: ".",
+  f: "..-.",
+  g: "--.",
+  h: "....",
+  i: "..",
+  j: ".---",
+  k: "-.-",
+  l: ".-..",
+  m: "--",
+  n: "-.",
+  o: "---",
+  p: ".--.",
+  q: "--.-",
+  r: ".-.",
+  s: "...",
+  t: "-",
+  u: "..-",
+  v: "...-",
+  w: ".--",
+  x: "-..-",
+  y: "-.--",
+  z: "--..",
+  "0": "-----",
+  "1": ".----",
+  "2": "..---",
+  "3": "...--",
+  "4": "....-",
+  "5": ".....",
+  "6": "-....",
+  "7": "--...",
+  "8": "---..",
+  "9": "----.",
+  ".": ".-.-.-",
+  ",": "--..--",
+  "?": "..--..",
+  "'": ".----.",
+  "!": "-.-.--",
+  "/": "-..-.",
+  "(": "-.--.",
+  ")": "-.--.-",
+  "&": ".-...",
+  ":": "---...",
+  ";": "-.-.-.",
+  "=": "-...-",
+  "+": ".-.-.",
+  "-": "-....-",
+  _: "..--.-",
+  '"': ".-..-.",
+  $: "...-..-",
+  "@": ".--.-.",
 };
 
-const MORSE_REV = new Map<string, string>(Object.entries(MORSE).map(([k, v]) => [v, k]));
+const MORSE_REV = new Map<string, string>(
+  Object.entries(MORSE).map(([k, v]) => [v, k]),
+);
 
 export function textToMorse(text: string): string {
   return text
@@ -175,21 +613,87 @@ export function morseToText(morse: string): string {
 }
 
 export const ZALGO_MARKS = [
-  "\u0300", "\u0301", "\u0302", "\u0303", "\u0304", "\u0305", "\u0306", "\u0307",
-  "\u0308", "\u0309", "\u030a", "\u030b", "\u030c", "\u030d", "\u030e", "\u0310",
-  "\u0311", "\u0312", "\u0313", "\u0314", "\u0315", "\u031a", "\u031b", "\u0333",
-  "\u0334", "\u0335", "\u0336", "\u0337", "\u0338",
+  "\u0300",
+  "\u0301",
+  "\u0302",
+  "\u0303",
+  "\u0304",
+  "\u0305",
+  "\u0306",
+  "\u0307",
+  "\u0308",
+  "\u0309",
+  "\u030a",
+  "\u030b",
+  "\u030c",
+  "\u030d",
+  "\u030e",
+  "\u0310",
+  "\u0311",
+  "\u0312",
+  "\u0313",
+  "\u0314",
+  "\u0315",
+  "\u031a",
+  "\u031b",
+  "\u0333",
+  "\u0334",
+  "\u0335",
+  "\u0336",
+  "\u0337",
+  "\u0338",
 ];
 
 export const NUMBER_WORDS: Record<string, string> = {
-  zero: "0", one: "1", two: "2", three: "3", four: "4", five: "5", six: "6",
-  seven: "7", eight: "8", nine: "9", ten: "10",
+  zero: "0",
+  one: "1",
+  two: "2",
+  three: "3",
+  four: "4",
+  five: "5",
+  six: "6",
+  seven: "7",
+  eight: "8",
+  nine: "9",
+  ten: "10",
 };
 
 /** Convert a non-negative integer to English words (0–999). */
 export function toWords(n: number): string {
-  const ones = ["zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten", "eleven", "twelve", "thirteen", "fourteen", "fifteen", "sixteen", "seventeen", "eighteen", "nineteen"];
-  const tens = ["", "", "twenty", "thirty", "forty", "fifty", "sixty", "seventy", "eighty", "ninety"];
+  const ones = [
+    "zero",
+    "one",
+    "two",
+    "three",
+    "four",
+    "five",
+    "six",
+    "seven",
+    "eight",
+    "nine",
+    "ten",
+    "eleven",
+    "twelve",
+    "thirteen",
+    "fourteen",
+    "fifteen",
+    "sixteen",
+    "seventeen",
+    "eighteen",
+    "nineteen",
+  ];
+  const tens = [
+    "",
+    "",
+    "twenty",
+    "thirty",
+    "forty",
+    "fifty",
+    "sixty",
+    "seventy",
+    "eighty",
+    "ninety",
+  ];
   if (n < 0) return "minus " + toWords(-n);
   if (n < 20) return ones[n];
   if (n < 100) {
@@ -260,6 +764,17 @@ export function hashCode(text: string): number {
 }
 
 export const ROMAN_NUMERALS: [number, string][] = [
-  [1000, "M"], [900, "CM"], [500, "D"], [400, "CD"], [100, "C"], [90, "XC"],
-  [50, "L"], [40, "XL"], [10, "X"], [9, "IX"], [5, "V"], [4, "IV"], [1, "I"],
-];
\ No newline at end of file
+  [1000, "M"],
+  [900, "CM"],
+  [500, "D"],
+  [400, "CD"],
+  [100, "C"],
+  [90, "XC"],
+  [50, "L"],
+  [40, "XL"],
+  [10, "X"],
+  [9, "IX"],
+  [5, "V"],
+  [4, "IV"],
+  [1, "I"],
+];
diff --git a/artifacts/personal-tool-console/src/lib/tools/text/index.ts b/artifacts/personal-tool-console/src/lib/tools/text/index.ts
index ae5ecf4..001b952 100644
--- a/artifacts/personal-tool-console/src/lib/tools/text/index.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/text/index.ts
@@ -5,7 +5,11 @@ import { texts } from "./existing";
 
 export type { TextToolSpec, TextToolGroup, TextOpt, TextOpts } from "./types";
 
-export const TEXT_GROUPS: TextToolGroup[] = [...TEXT_PART1, ...TEXT_PART2, ...texts];
+export const TEXT_GROUPS: TextToolGroup[] = [
+  ...TEXT_PART1,
+  ...TEXT_PART2,
+  ...texts,
+];
 
 export const TEXT_TOOLS = TEXT_GROUPS.flatMap((g) => g.tools);
 
@@ -15,4 +19,4 @@ export function getTextTool(slug: string) {
 
 export function getTextGroupIds() {
   return TEXT_GROUPS.map((g) => g.id);
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/text/part1.ts b/artifacts/personal-tool-console/src/lib/tools/text/part1.ts
index b513582..d6bafd6 100644
--- a/artifacts/personal-tool-console/src/lib/tools/text/part1.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/text/part1.ts
@@ -27,7 +27,21 @@ export const TEXT_PART1: TextToolGroup[] = [
         name: "Split Text",
         description: "Break text into items by a chosen separator",
         options: [
-          { kind: "select", key: "separator", label: "Separator", options: ["Character", "Word", "Line", "Space", "Comma", "Custom", "CustomRegex"], default: "Character" },
+          {
+            kind: "select",
+            key: "separator",
+            label: "Separator",
+            options: [
+              "Character",
+              "Word",
+              "Line",
+              "Space",
+              "Comma",
+              "Custom",
+              "CustomRegex",
+            ],
+            default: "Character",
+          },
           { kind: "text", key: "custom", label: "Custom", default: "" },
         ],
         run: (input, o) => {
@@ -41,7 +55,8 @@ export const TEXT_PART1: TextToolGroup[] = [
           else if (sep === "Space") parts = input.split(" ");
           else if (sep === "Comma") parts = input.split(",");
           else if (sep === "Custom") parts = input.split(custom);
-          else if (sep === "CustomRegex") parts = input.split(new RegExp(custom));
+          else if (sep === "CustomRegex")
+            parts = input.split(new RegExp(custom));
           return parts.join("\n");
         },
       },
@@ -50,12 +65,21 @@ export const TEXT_PART1: TextToolGroup[] = [
         name: "Join Text",
         description: "Join lines or words with a separator",
         options: [
-          { kind: "select", key: "parts", label: "Parts", options: ["Lines", "Words"], default: "Lines" },
+          {
+            kind: "select",
+            key: "parts",
+            label: "Parts",
+            options: ["Lines", "Words"],
+            default: "Lines",
+          },
           { kind: "text", key: "separator", label: "Separator", default: ", " },
         ],
         run: (input, o) => {
           const separator = String(o.separator ?? ", ");
-          const parts = String(o.parts ?? "Lines") === "Words" ? tokens(input) : toLines(input);
+          const parts =
+            String(o.parts ?? "Lines") === "Words"
+              ? tokens(input)
+              : toLines(input);
           return parts.join(separator);
         },
       },
@@ -63,7 +87,9 @@ export const TEXT_PART1: TextToolGroup[] = [
         slug: "repeat-text",
         name: "Repeat Text",
         description: "Repeat the whole text a number of times",
-        options: [{ kind: "number", key: "count", label: "Count", default: 3, min: 1 }],
+        options: [
+          { kind: "number", key: "count", label: "Count", default: 3, min: 1 },
+        ],
         run: (input, o) => {
           if (input === "") return "";
           const count = Math.max(1, Number(o.count ?? 3) || 1);
@@ -129,7 +155,9 @@ export const TEXT_PART1: TextToolGroup[] = [
         run: (input, o) => {
           const width = Math.max(0, Number(o.width ?? 20) || 0);
           const fill = String(o.fill ?? " ");
-          return toLines(input).map((l) => l.padStart(width, fill)).join("\n");
+          return toLines(input)
+            .map((l) => l.padStart(width, fill))
+            .join("\n");
         },
       },
       {
@@ -143,14 +171,19 @@ export const TEXT_PART1: TextToolGroup[] = [
         run: (input, o) => {
           const width = Math.max(0, Number(o.width ?? 20) || 0);
           const fill = String(o.fill ?? " ");
-          return toLines(input).map((l) => l.padEnd(width, fill)).join("\n");
+          return toLines(input)
+            .map((l) => l.padEnd(width, fill))
+            .join("\n");
         },
       },
       {
         slug: "left-align-text",
         name: "Left-align Text",
         description: "Strip leading whitespace from each line",
-        run: (input) => toLines(input).map((l) => l.replace(/^\s+/, "")).join("\n"),
+        run: (input) =>
+          toLines(input)
+            .map((l) => l.replace(/^\s+/, ""))
+            .join("\n"),
       },
       {
         slug: "right-align-text",
@@ -188,15 +221,22 @@ export const TEXT_PART1: TextToolGroup[] = [
           { kind: "toggle", key: "tabs", label: "Use tabs", default: false },
         ],
         run: (input, o) => {
-          const pad = o.tabs === true ? "\t" : " ".repeat(Math.max(0, Number(o.spaces ?? 4) || 0));
-          return toLines(input).map((l) => (l === "" ? l : pad + l)).join("\n");
+          const pad =
+            o.tabs === true
+              ? "\t"
+              : " ".repeat(Math.max(0, Number(o.spaces ?? 4) || 0));
+          return toLines(input)
+            .map((l) => (l === "" ? l : pad + l))
+            .join("\n");
         },
       },
       {
         slug: "unindent-text",
         name: "Unindent Text",
         description: "Remove the common leading indentation from lines",
-        options: [{ kind: "number", key: "spaces", label: "Spaces", default: 0 }],
+        options: [
+          { kind: "number", key: "spaces", label: "Spaces", default: 0 },
+        ],
         run: (input, o) => {
           const lines = toLines(input);
           let amount = Number(o.spaces ?? 0) || 0;
@@ -242,7 +282,9 @@ export const TEXT_PART1: TextToolGroup[] = [
         slug: "wrap-words",
         name: "Wrap Words",
         description: "Hard wrap the text at a column width",
-        options: [{ kind: "number", key: "width", label: "Width", default: 40 }],
+        options: [
+          { kind: "number", key: "width", label: "Width", default: 40 },
+        ],
         run: (input, o) => {
           const width = Math.max(1, Number(o.width ?? 40) || 1);
           const out: string[] = [];
@@ -295,7 +337,9 @@ export const TEXT_PART1: TextToolGroup[] = [
           const wordTokens = parts.filter((p) => /^[\p{L}\p{N}'-]+$/u.test(p));
           wordTokens.reverse();
           let i = 0;
-          return parts.map((p) => (/^[\p{L}\p{N}'-]+$/u.test(p) ? wordTokens[i++] : p)).join("");
+          return parts
+            .map((p) => (/^[\p{L}\p{N}'-]+$/u.test(p) ? wordTokens[i++] : p))
+            .join("");
         },
       },
       {
@@ -314,7 +358,8 @@ export const TEXT_PART1: TextToolGroup[] = [
         slug: "swap-letters-in-words",
         name: "Swap Letters in Words",
         description: "Reverse the letters inside every word",
-        run: (input) => input.replace(/[\p{L}\p{N}'-]+/gu, (w) => [...w].reverse().join("")),
+        run: (input) =>
+          input.replace(/[\p{L}\p{N}'-]+/gu, (w) => [...w].reverse().join("")),
       },
       {
         slug: "swap-words",
@@ -332,9 +377,11 @@ export const TEXT_PART1: TextToolGroup[] = [
             [...b]
               .map((ch, k) => {
                 const ref = m[k] ?? m[m.length - 1];
-                return ref && ref === ref.toUpperCase() ? ch.toUpperCase() : ch.toLowerCase();
+                return ref && ref === ref.toUpperCase()
+                  ? ch.toUpperCase()
+                  : ch.toLowerCase();
               })
-              .join("")
+              .join(""),
           );
         },
       },
@@ -345,7 +392,9 @@ export const TEXT_PART1: TextToolGroup[] = [
         options: [{ kind: "number", key: "times", label: "Times", default: 2 }],
         run: (input, o) => {
           const times = Math.max(1, Number(o.times ?? 2) || 1);
-          return input.replace(/\S+/g, (w) => Array.from({ length: times }, () => w).join(" "));
+          return input.replace(/\S+/g, (w) =>
+            Array.from({ length: times }, () => w).join(" "),
+          );
         },
       },
       {
@@ -363,7 +412,9 @@ export const TEXT_PART1: TextToolGroup[] = [
             .map((s) => s.toLowerCase())
             .filter(Boolean);
           if (list.length) {
-            return words(input).filter((w) => !list.includes(w.toLowerCase())).join(" ");
+            return words(input)
+              .filter((w) => !list.includes(w.toLowerCase()))
+              .join(" ");
           }
           const ws = words(input);
           const from = Math.max(0, Number(o.from ?? 0) || 0);
@@ -379,14 +430,18 @@ export const TEXT_PART1: TextToolGroup[] = [
         options: [{ kind: "number", key: "times", label: "Times", default: 2 }],
         run: (input, o) => {
           const times = Math.max(1, Number(o.times ?? 2) || 1);
-          return sentences(input).flatMap((s) => Array.from({ length: times }, () => s)).join(" ");
+          return sentences(input)
+            .flatMap((s) => Array.from({ length: times }, () => s))
+            .join(" ");
         },
       },
       {
         slug: "remove-sentences",
         name: "Remove Sentences",
         description: "Remove sentences by their one-based positions",
-        options: [{ kind: "text", key: "indexes", label: "Indexes", default: "" }],
+        options: [
+          { kind: "text", key: "indexes", label: "Indexes", default: "" },
+        ],
         run: (input, o) => {
           const idx = String(o.indexes ?? "")
             .split(",")
@@ -404,13 +459,21 @@ export const TEXT_PART1: TextToolGroup[] = [
         options: [
           { kind: "text", key: "find", label: "Find", default: "foo" },
           { kind: "text", key: "replace", label: "Replace", default: "bar" },
-          { kind: "toggle", key: "caseInsensitive", label: "Case-insensitive", default: true },
+          {
+            kind: "toggle",
+            key: "caseInsensitive",
+            label: "Case-insensitive",
+            default: true,
+          },
         ],
         run: (input, o) => {
           const find = String(o.find ?? "foo");
           const replace = String(o.replace ?? "bar");
           if (!find) return input;
-          return input.replace(new RegExp(esc(find), o.caseInsensitive === true ? "gi" : "g"), replace);
+          return input.replace(
+            new RegExp(esc(find), o.caseInsensitive === true ? "gi" : "g"),
+            replace,
+          );
         },
       },
     ],
@@ -428,12 +491,21 @@ export const TEXT_PART1: TextToolGroup[] = [
         run: (input, o) => {
           if (input === "") return "";
           const count = Math.max(1, Number(o.count ?? 3) || 1);
-          const pool = ["um", "actually", "basically", "literally", "very", "really", "sort of"];
+          const pool = [
+            "um",
+            "actually",
+            "basically",
+            "literally",
+            "very",
+            "really",
+            "sort of",
+          ];
           const toks = input.match(/\S+|\s+/g) ?? [];
           for (let i = 0; i < count; i++) {
             const pos = randInt(0, toks.length);
             const before = pos > 0 && toks[pos - 1]?.trim() !== "" ? " " : "";
-            const after = pos < toks.length && toks[pos]?.trim() !== "" ? " " : "";
+            const after =
+              pos < toks.length && toks[pos]?.trim() !== "" ? " " : "";
             toks.splice(pos, 0, before + pick(pool) + after);
           }
           return toks.join("");
@@ -448,12 +520,17 @@ export const TEXT_PART1: TextToolGroup[] = [
           if (input === "") return "";
           const count = Math.max(1, Number(o.count ?? 1) || 1);
           const parts = input.match(/\S+|\s+/g) ?? [];
-          const wordIdx = parts.map((p, i) => (p.trim() ? i : -1)).filter((i) => i >= 0);
+          const wordIdx = parts
+            .map((p, i) => (p.trim() ? i : -1))
+            .filter((i) => i >= 0);
           for (let i = 0; i < count && wordIdx.length; i++) {
             const ti = pick(wordIdx);
             const w = parts[ti];
             const at = randInt(0, w.length);
-            parts[ti] = w.slice(0, at) + ALPHABET[randInt(0, ALPHABET.length - 1)] + w.slice(at);
+            parts[ti] =
+              w.slice(0, at) +
+              ALPHABET[randInt(0, ALPHABET.length - 1)] +
+              w.slice(at);
           }
           return parts.join("");
         },
@@ -464,7 +541,12 @@ export const TEXT_PART1: TextToolGroup[] = [
         description: "Randomly replace characters or swap adjacent ones",
         options: [
           { kind: "number", key: "rate", label: "Rate (%)", default: 5 },
-          { kind: "toggle", key: "swap", label: "Swap adjacent letters", default: false },
+          {
+            kind: "toggle",
+            key: "swap",
+            label: "Swap adjacent letters",
+            default: false,
+          },
         ],
         run: (input, o) => {
           const rate = Math.max(0, Number(o.rate ?? 5) || 0);
@@ -487,17 +569,46 @@ export const TEXT_PART1: TextToolGroup[] = [
         slug: "generate-fake-text",
         name: "Generate Fake Text",
         description: "Produce plausible dummy prose paragraphs",
-        options: [{ kind: "number", key: "paragraphs", label: "Paragraphs", default: 3 }],
+        options: [
+          {
+            kind: "number",
+            key: "paragraphs",
+            label: "Paragraphs",
+            default: 3,
+          },
+        ],
         run: (input, o) => {
           const n = Math.max(1, Number(o.paragraphs ?? 3) || 1);
-          const pool = ["the", "quick", "brown", "fox", "jumps", "over", "lazy", "dog", "stream", "light", "data", "cloud", "value", "system", "user", "table", "signal", "token", "query"];
+          const pool = [
+            "the",
+            "quick",
+            "brown",
+            "fox",
+            "jumps",
+            "over",
+            "lazy",
+            "dog",
+            "stream",
+            "light",
+            "data",
+            "cloud",
+            "value",
+            "system",
+            "user",
+            "table",
+            "signal",
+            "token",
+            "query",
+          ];
           const cap = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);
           const sentence = () =>
-            Array.from({ length: randInt(7, 12) }, () => pick(pool)).join(" ") + ".";
+            Array.from({ length: randInt(7, 12) }, () => pick(pool)).join(" ") +
+            ".";
           const out: string[] = [];
           for (let i = 0; i < n; i++) {
             const sents: string[] = [];
-            for (let j = 0, m = randInt(3, 6); j < m; j++) sents.push(cap(sentence()));
+            for (let j = 0, m = randInt(3, 6); j < m; j++)
+              sents.push(cap(sentence()));
             out.push(sents.join(" "));
           }
           return out.join("\n\n");
@@ -508,9 +619,23 @@ export const TEXT_PART1: TextToolGroup[] = [
         name: "Unfake Text",
         description: "Strip common lorem ipsum filler words",
         run: (input) => {
-          const filler = ["lorem", "ipsum", "dolor", "sit", "amet", "consectetur", "adipiscing", "elit"];
+          const filler = [
+            "lorem",
+            "ipsum",
+            "dolor",
+            "sit",
+            "amet",
+            "consectetur",
+            "adipiscing",
+            "elit",
+          ];
           return tokens(input)
-            .filter((w) => !filler.includes(w.replace(/[^\p{L}\p{N}]/gu, "").toLowerCase()))
+            .filter(
+              (w) =>
+                !filler.includes(
+                  w.replace(/[^\p{L}\p{N}]/gu, "").toLowerCase(),
+                ),
+            )
             .join(" ");
         },
       },
@@ -519,13 +644,28 @@ export const TEXT_PART1: TextToolGroup[] = [
         name: "Check If Text Is Fake",
         description: "Heuristically score how dummy the text looks",
         run: (input) => {
-          const filler = ["lorem", "ipsum", "blah", "test", "foo", "bar", "asd", "qwerty", "placeholder", "sample"];
+          const filler = [
+            "lorem",
+            "ipsum",
+            "blah",
+            "test",
+            "foo",
+            "bar",
+            "asd",
+            "qwerty",
+            "placeholder",
+            "sample",
+          ];
           const counts = new Map<string, number>();
           for (const w of tokens(input)) {
             const base = w.replace(/[^\p{L}\p{N}]/gu, "").toLowerCase();
-            if (filler.includes(base)) counts.set(base, (counts.get(base) ?? 0) + 1);
+            if (filler.includes(base))
+              counts.set(base, (counts.get(base) ?? 0) + 1);
           }
-          let score = Math.min(40, [...counts.values()].reduce((a, b) => a + b, 0) * 10);
+          let score = Math.min(
+            40,
+            [...counts.values()].reduce((a, b) => a + b, 0) * 10,
+          );
           const wds = words(input);
           const avgLen = wds.length ? wds.join("").length / wds.length : 0;
           if (avgLen < 3.5) score += 20;
@@ -553,10 +693,16 @@ export const TEXT_PART1: TextToolGroup[] = [
           const byTok = new Map<number, number[]>();
           parts.forEach((p, ti) => {
             if (!p.trim()) return;
-            byTok.set(ti, [...p].map((c, ci) => (/\p{L}/u.test(c) ? ci : -1)).filter((i) => i >= 0));
+            byTok.set(
+              ti,
+              [...p]
+                .map((c, ci) => (/\p{L}/u.test(c) ? ci : -1))
+                .filter((i) => i >= 0),
+            );
           });
           const all: Array<[number, number]> = [];
-          for (const [ti, arr] of byTok) for (const ci of arr) all.push([ti, ci]);
+          for (const [ti, arr] of byTok)
+            for (const ci of arr) all.push([ti, ci]);
           const chosen = new Map<number, number[]>();
           for (const [ti, ci] of shuffle(all).slice(0, count)) {
             const arr = chosen.get(ti) ?? [];
@@ -565,7 +711,8 @@ export const TEXT_PART1: TextToolGroup[] = [
           }
           for (const [ti, indices] of chosen) {
             indices.sort((a, b) => b - a);
-            for (const ci of indices) parts[ti] = parts[ti].slice(0, ci) + parts[ti].slice(ci + 1);
+            for (const ci of indices)
+              parts[ti] = parts[ti].slice(0, ci) + parts[ti].slice(ci + 1);
           }
           return parts.join("");
         },
@@ -579,8 +726,13 @@ export const TEXT_PART1: TextToolGroup[] = [
           const count = Math.max(0, Number(o.count ?? 5) || 0);
           if (count <= 0) return input;
           const chars = [...input];
-          const symIdx = chars.map((c, i) => (!/[\p{L}\p{N}\s]/u.test(c) ? i : -1)).filter((i) => i >= 0);
-          for (const i of shuffle(symIdx).slice(0, count).sort((a, b) => b - a)) chars[i] = "";
+          const symIdx = chars
+            .map((c, i) => (!/[\p{L}\p{N}\s]/u.test(c) ? i : -1))
+            .filter((i) => i >= 0);
+          for (const i of shuffle(symIdx)
+            .slice(0, count)
+            .sort((a, b) => b - a))
+            chars[i] = "";
           return chars.join("");
         },
       },
@@ -588,7 +740,8 @@ export const TEXT_PART1: TextToolGroup[] = [
         slug: "scramble-words",
         name: "Scramble Words",
         description: "Shuffle the letters inside every word",
-        run: (input) => input.replace(/[\p{L}\p{N}'-]+/gu, (w) => shuffle([...w]).join("")),
+        run: (input) =>
+          input.replace(/[\p{L}\p{N}'-]+/gu, (w) => shuffle([...w]).join("")),
       },
     ],
   },
@@ -623,7 +776,9 @@ export const TEXT_PART1: TextToolGroup[] = [
           const left = String(o.left ?? "[");
           const right = String(o.right ?? "]");
           return input.replace(/\S+/g, (w) =>
-            w.replace(new RegExp(`^${esc(left)}`), "").replace(new RegExp(`${esc(right)}$`), "")
+            w
+              .replace(new RegExp(`^${esc(left)}`), "")
+              .replace(new RegExp(`${esc(right)}$`), ""),
           );
         },
       },
@@ -631,47 +786,67 @@ export const TEXT_PART1: TextToolGroup[] = [
         slug: "add-prefix-lines",
         name: "Add a Prefix to Text Lines",
         description: "Prefix every line with a marker string",
-        options: [{ kind: "text", key: "prefix", label: "Prefix", default: "> " }],
+        options: [
+          { kind: "text", key: "prefix", label: "Prefix", default: "> " },
+        ],
         run: (input, o) => {
           const prefix = String(o.prefix ?? "> ");
-          return toLines(input).map((l) => prefix + l).join("\n");
+          return toLines(input)
+            .map((l) => prefix + l)
+            .join("\n");
         },
       },
       {
         slug: "add-suffix-lines",
         name: "Add a Suffix to Text Lines",
         description: "Append a suffix to every line",
-        options: [{ kind: "text", key: "suffix", label: "Suffix", default: " <" }],
+        options: [
+          { kind: "text", key: "suffix", label: "Suffix", default: " <" },
+        ],
         run: (input, o) => {
           const suffix = String(o.suffix ?? " <");
-          return toLines(input).map((l) => l + suffix).join("\n");
+          return toLines(input)
+            .map((l) => l + suffix)
+            .join("\n");
         },
       },
       {
         slug: "remove-prefix",
         name: "Remove a Prefix from Text",
         description: "Strip a prefix from the start of each line",
-        options: [{ kind: "text", key: "prefix", label: "Prefix", default: "> " }],
+        options: [
+          { kind: "text", key: "prefix", label: "Prefix", default: "> " },
+        ],
         run: (input, o) => {
           const prefix = String(o.prefix ?? "> ");
-          return toLines(input).map((l) => (l.startsWith(prefix) ? l.slice(prefix.length) : l)).join("\n");
+          return toLines(input)
+            .map((l) => (l.startsWith(prefix) ? l.slice(prefix.length) : l))
+            .join("\n");
         },
       },
       {
         slug: "remove-suffix-lines",
         name: "Remove a Suffix from Text Lines",
         description: "Strip a suffix from the end of each line",
-        options: [{ kind: "text", key: "suffix", label: "Suffix", default: " <" }],
+        options: [
+          { kind: "text", key: "suffix", label: "Suffix", default: " <" },
+        ],
         run: (input, o) => {
           const suffix = String(o.suffix ?? " <");
-          return toLines(input).map((l) => (l.endsWith(suffix) ? l.slice(0, l.length - suffix.length) : l)).join("\n");
+          return toLines(input)
+            .map((l) =>
+              l.endsWith(suffix) ? l.slice(0, l.length - suffix.length) : l,
+            )
+            .join("\n");
         },
       },
       {
         slug: "add-prefix-words",
         name: "Add a Prefix to Words",
         description: "Prefix every word with a marker string",
-        options: [{ kind: "text", key: "prefix", label: "Prefix", default: "#" }],
+        options: [
+          { kind: "text", key: "prefix", label: "Prefix", default: "#" },
+        ],
         run: (input, o) => {
           const prefix = String(o.prefix ?? "#");
           return input.replace(/[\p{L}\p{N}'-]+/gu, (w) => prefix + w);
@@ -681,7 +856,9 @@ export const TEXT_PART1: TextToolGroup[] = [
         slug: "add-suffix-words",
         name: "Add a Suffix to Words",
         description: "Append a suffix to every word",
-        options: [{ kind: "text", key: "suffix", label: "Suffix", default: "!" }],
+        options: [
+          { kind: "text", key: "suffix", label: "Suffix", default: "!" },
+        ],
         run: (input, o) => {
           const suffix = String(o.suffix ?? "!");
           return input.replace(/[\p{L}\p{N}'-]+/gu, (w) => w + suffix);
@@ -691,27 +868,37 @@ export const TEXT_PART1: TextToolGroup[] = [
         slug: "remove-prefix-words",
         name: "Remove a Prefix from Words",
         description: "Strip a prefix from every word that has it",
-        options: [{ kind: "text", key: "prefix", label: "Prefix", default: "#" }],
+        options: [
+          { kind: "text", key: "prefix", label: "Prefix", default: "#" },
+        ],
         run: (input, o) => {
           const prefix = String(o.prefix ?? "#");
-          return input.replace(/\S+/g, (w) => (w.startsWith(prefix) ? w.slice(prefix.length) : w));
+          return input.replace(/\S+/g, (w) =>
+            w.startsWith(prefix) ? w.slice(prefix.length) : w,
+          );
         },
       },
       {
         slug: "remove-suffix-words",
         name: "Remove a Suffix from Words",
         description: "Strip a suffix from every word that has it",
-        options: [{ kind: "text", key: "suffix", label: "Suffix", default: "!" }],
+        options: [
+          { kind: "text", key: "suffix", label: "Suffix", default: "!" },
+        ],
         run: (input, o) => {
           const suffix = String(o.suffix ?? "!");
-          return input.replace(/\S+/g, (w) => (w.endsWith(suffix) ? w.slice(0, w.length - suffix.length) : w));
+          return input.replace(/\S+/g, (w) =>
+            w.endsWith(suffix) ? w.slice(0, w.length - suffix.length) : w,
+          );
         },
       },
       {
         slug: "insert-symbols-between-letters",
         name: "Insert Symbols Between Letters",
         description: "Insert a symbol between every character",
-        options: [{ kind: "text", key: "symbol", label: "Symbol", default: "-" }],
+        options: [
+          { kind: "text", key: "symbol", label: "Symbol", default: "-" },
+        ],
         run: (input, o) => {
           const symbol = String(o.symbol ?? "-");
           return [...input].join(symbol);
@@ -742,7 +929,10 @@ export const TEXT_PART1: TextToolGroup[] = [
         slug: "remove-empty-lines",
         name: "Remove All Empty Lines",
         description: "Drop every blank line from the text",
-        run: (input) => toLines(input).filter((l) => l.trim() !== "").join("\n"),
+        run: (input) =>
+          toLines(input)
+            .filter((l) => l.trim() !== "")
+            .join("\n"),
       },
       {
         slug: "remove-duplicate-lines",
@@ -765,7 +955,13 @@ export const TEXT_PART1: TextToolGroup[] = [
         name: "Filter Text Lines",
         description: "Keep or remove lines by a match string",
         options: [
-          { kind: "select", key: "mode", label: "Mode", options: ["keep", "remove"], default: "keep" },
+          {
+            kind: "select",
+            key: "mode",
+            label: "Mode",
+            options: ["keep", "remove"],
+            default: "keep",
+          },
           { kind: "text", key: "match", label: "Match", default: "" },
           { kind: "toggle", key: "regex", label: "Regex", default: false },
         ],
@@ -773,10 +969,15 @@ export const TEXT_PART1: TextToolGroup[] = [
           const mode = String(o.mode ?? "keep");
           const match = String(o.match ?? "");
           const keep = mode !== "remove";
-          if (match === "") return toLines(input).filter((l) => l.trim() !== "").join("\n");
+          if (match === "")
+            return toLines(input)
+              .filter((l) => l.trim() !== "")
+              .join("\n");
           const re = o.regex === true ? new RegExp(match, "u") : null;
           const hit = (l: string) => (re ? re.test(l) : l.includes(match));
-          return toLines(input).filter((l) => (keep ? hit(l) : !hit(l))).join("\n");
+          return toLines(input)
+            .filter((l) => (keep ? hit(l) : !hit(l)))
+            .join("\n");
         },
       },
       {
@@ -784,7 +985,13 @@ export const TEXT_PART1: TextToolGroup[] = [
         name: "Filter Words in Text",
         description: "Keep or drop words equal to a match",
         options: [
-          { kind: "select", key: "mode", label: "Mode", options: ["keep", "remove"], default: "keep" },
+          {
+            kind: "select",
+            key: "mode",
+            label: "Mode",
+            options: ["keep", "remove"],
+            default: "keep",
+          },
           { kind: "text", key: "match", label: "Match", default: "" },
         ],
         run: (input, o) => {
@@ -792,7 +999,9 @@ export const TEXT_PART1: TextToolGroup[] = [
           const match = String(o.match ?? "").toLowerCase();
           const keep = mode !== "remove";
           return words(input)
-            .filter((w) => (keep ? w.toLowerCase() === match : w.toLowerCase() !== match))
+            .filter((w) =>
+              keep ? w.toLowerCase() === match : w.toLowerCase() !== match,
+            )
             .join(" ");
         },
       },
@@ -801,7 +1010,13 @@ export const TEXT_PART1: TextToolGroup[] = [
         name: "Filter Sentences",
         description: "Keep or drop sentences containing a match",
         options: [
-          { kind: "select", key: "mode", label: "Mode", options: ["keep", "remove"], default: "keep" },
+          {
+            kind: "select",
+            key: "mode",
+            label: "Mode",
+            options: ["keep", "remove"],
+            default: "keep",
+          },
           { kind: "text", key: "match", label: "Match", default: "" },
         ],
         run: (input, o) => {
@@ -818,7 +1033,13 @@ export const TEXT_PART1: TextToolGroup[] = [
         name: "Filter Paragraphs",
         description: "Keep or drop paragraphs containing a match",
         options: [
-          { kind: "select", key: "mode", label: "Mode", options: ["keep", "remove"], default: "keep" },
+          {
+            kind: "select",
+            key: "mode",
+            label: "Mode",
+            options: ["keep", "remove"],
+            default: "keep",
+          },
           { kind: "text", key: "match", label: "Match", default: "" },
         ],
         run: (input, o) => {
@@ -842,16 +1063,34 @@ export const TEXT_PART1: TextToolGroup[] = [
         name: "Sort Text Lines",
         description: "Sort lines alphabetically or naturally",
         options: [
-          { kind: "select", key: "dir", label: "Direction", options: ["asc", "desc", "natural", "natural-desc"], default: "asc" },
-          { kind: "toggle", key: "trim", label: "Trim before sorting", default: false },
+          {
+            kind: "select",
+            key: "dir",
+            label: "Direction",
+            options: ["asc", "desc", "natural", "natural-desc"],
+            default: "asc",
+          },
+          {
+            kind: "toggle",
+            key: "trim",
+            label: "Trim before sorting",
+            default: false,
+          },
         ],
         run: (input, o) => {
           const dir = String(o.dir ?? "asc");
-          const collator = new Intl.Collator(undefined, { numeric: true, sensitivity: "base" });
-          const lines = toLines(input).map((l) => (o.trim === true ? l.trim() : l));
+          const collator = new Intl.Collator(undefined, {
+            numeric: true,
+            sensitivity: "base",
+          });
+          const lines = toLines(input).map((l) =>
+            o.trim === true ? l.trim() : l,
+          );
           if (dir === "desc") lines.sort((a, b) => b.localeCompare(a));
-          else if (dir === "natural") lines.sort((a, b) => collator.compare(a, b));
-          else if (dir === "natural-desc") lines.sort((a, b) => collator.compare(b, a));
+          else if (dir === "natural")
+            lines.sort((a, b) => collator.compare(a, b));
+          else if (dir === "natural-desc")
+            lines.sort((a, b) => collator.compare(b, a));
           else lines.sort((a, b) => a.localeCompare(b));
           return lines.join("\n");
         },
@@ -860,19 +1099,32 @@ export const TEXT_PART1: TextToolGroup[] = [
         slug: "sort-sentences",
         name: "Sort Sentences in Text",
         description: "Sort the sentences alphabetically and rejoin",
-        run: (input) => sentences(input).sort((a, b) => a.localeCompare(b)).join(" "),
+        run: (input) =>
+          sentences(input)
+            .sort((a, b) => a.localeCompare(b))
+            .join(" "),
       },
       {
         slug: "sort-paragraphs",
         name: "Sort Paragraphs",
         description: "Sort the paragraphs alphabetically and rejoin",
-        run: (input) => paragraphs(input).sort((a, b) => a.localeCompare(b)).join("\n\n"),
+        run: (input) =>
+          paragraphs(input)
+            .sort((a, b) => a.localeCompare(b))
+            .join("\n\n"),
       },
       {
         slug: "sort-words",
         name: "Sort Words",
         description: "Sort every word in the text alphabetically",
-        options: [{ kind: "toggle", key: "dedupe", label: "Deduplicate", default: true }],
+        options: [
+          {
+            kind: "toggle",
+            key: "dedupe",
+            label: "Deduplicate",
+            default: true,
+          },
+        ],
         run: (input, o) => {
           const ws = words(input).sort((a, b) => a.localeCompare(b));
           return (o.dedupe === true ? unique(ws) : ws).join(" ");
@@ -883,7 +1135,9 @@ export const TEXT_PART1: TextToolGroup[] = [
         name: "Sort Letters in Words",
         description: "Sort the letters inside every word",
         run: (input) =>
-          input.replace(/[\p{L}\p{N}'-]+/gu, (w) => [...w].sort((a, b) => a.localeCompare(b)).join("")),
+          input.replace(/[\p{L}\p{N}'-]+/gu, (w) =>
+            [...w].sort((a, b) => a.localeCompare(b)).join(""),
+          ),
       },
       {
         slug: "sort-symbols",
@@ -911,7 +1165,9 @@ export const TEXT_PART1: TextToolGroup[] = [
           const letters = chars.filter((c) => /[\p{L}]/u.test(c));
           const mixed = shuffle(letters);
           let k = 0;
-          return chars.map((c) => (/[\p{L}]/u.test(c) ? mixed[k++] : c)).join("");
+          return chars
+            .map((c) => (/[\p{L}]/u.test(c) ? mixed[k++] : c))
+            .join("");
         },
       },
       {
@@ -950,8 +1206,19 @@ export const TEXT_PART1: TextToolGroup[] = [
         name: "Calculate Letter Sum",
         description: "Sum letter values using a chosen scheme",
         options: [
-          { kind: "select", key: "mode", label: "Mode", options: ["a1", "a0", "ascii"], default: "a1" },
-          { kind: "toggle", key: "caseInsensitive", label: "Case-insensitive", default: true },
+          {
+            kind: "select",
+            key: "mode",
+            label: "Mode",
+            options: ["a1", "a0", "ascii"],
+            default: "a1",
+          },
+          {
+            kind: "toggle",
+            key: "caseInsensitive",
+            label: "Case-insensitive",
+            default: true,
+          },
         ],
         run: (input, o) => {
           const mode = String(o.mode ?? "a1");
@@ -1002,7 +1269,9 @@ export const TEXT_PART1: TextToolGroup[] = [
           const find = String(o.find ?? "");
           const replace = String(o.replace ?? "");
           if (find === "") return input;
-          return o.regex === true ? input.replace(new RegExp(find, "g"), replace) : input.replaceAll(find, replace);
+          return o.regex === true
+            ? input.replace(new RegExp(find, "g"), replace)
+            : input.replaceAll(find, replace);
         },
       },
       {
@@ -1026,7 +1295,12 @@ export const TEXT_PART1: TextToolGroup[] = [
         description: "Rank the most frequent letters in the text",
         options: [
           { kind: "number", key: "count", label: "Count", default: 5 },
-          { kind: "toggle", key: "caseInsensitive", label: "Case-insensitive", default: true },
+          {
+            kind: "toggle",
+            key: "caseInsensitive",
+            label: "Case-insensitive",
+            default: true,
+          },
         ],
         run: (input, o) => {
           const count = Math.max(1, Number(o.count ?? 5) || 1);
@@ -1152,8 +1426,11 @@ export const TEXT_PART1: TextToolGroup[] = [
         slug: "remove-line-numbers",
         name: "Remove Line Numbers",
         description: "Strip leading number markers from all lines",
-        run: (input) => toLines(input).map((l) => l.replace(/^\s*\d+[.:]\s?/, "")).join("\n"),
+        run: (input) =>
+          toLines(input)
+            .map((l) => l.replace(/^\s*\d+[.:]\s?/, ""))
+            .join("\n"),
       },
     ],
   },
-];
\ No newline at end of file
+];
diff --git a/artifacts/personal-tool-console/src/lib/tools/text/part2.ts b/artifacts/personal-tool-console/src/lib/tools/text/part2.ts
index 985a5cd..8ccf0a0 100644
--- a/artifacts/personal-tool-console/src/lib/tools/text/part2.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/text/part2.ts
@@ -77,12 +77,40 @@ for (const map of [
 }
 
 const UPSIDE_DOWN: Record<string, string> = {
-  a: "\u0250", b: "q", c: "\u0254", d: "p", e: "\u01dd", f: "\u025f", g: "\u0183",
-  h: "\u0265", i: "\u1d09", j: "\u027e", k: "\u029e", l: "l", m: "\u026f", n: "u",
-  o: "o", p: "d", q: "b", r: "\u0279", s: "s", t: "\u0287", u: "n", v: "\u028c",
-  w: "\u028d", x: "x", y: "\u028e", z: "z",
-  "!": "\u00a1", "?": "\u00bf", ".": "\u02d9", ",": "'", "(": ")", ")": "(",
-  "[": "]", "]": "[",
+  a: "\u0250",
+  b: "q",
+  c: "\u0254",
+  d: "p",
+  e: "\u01dd",
+  f: "\u025f",
+  g: "\u0183",
+  h: "\u0265",
+  i: "\u1d09",
+  j: "\u027e",
+  k: "\u029e",
+  l: "l",
+  m: "\u026f",
+  n: "u",
+  o: "o",
+  p: "d",
+  q: "b",
+  r: "\u0279",
+  s: "s",
+  t: "\u0287",
+  u: "n",
+  v: "\u028c",
+  w: "\u028d",
+  x: "x",
+  y: "\u028e",
+  z: "z",
+  "!": "\u00a1",
+  "?": "\u00bf",
+  ".": "\u02d9",
+  ",": "'",
+  "(": ")",
+  ")": "(",
+  "[": "]",
+  "]": "[",
 };
 
 function capFirst(s: string): string {
@@ -101,13 +129,39 @@ const SYN_MAP: Record<string, string> = {
 };
 
 const RU_LAT: Record<string, string> = {
-  "\u0430": "a", "\u0431": "b", "\u0432": "v", "\u0433": "g", "\u0434": "d",
-  "\u0435": "e", "\u0436": "zh", "\u0437": "z", "\u0438": "i", "\u0439": "y",
-  "\u043a": "k", "\u043b": "l", "\u043c": "m", "\u043d": "n", "\u043e": "o",
-  "\u043f": "p", "\u0440": "r", "\u0441": "s", "\u0442": "t", "\u0443": "u",
-  "\u0444": "f", "\u0445": "kh", "\u0446": "ts", "\u0447": "ch", "\u0448": "sh",
-  "\u0449": "shch", "\u044a": "", "\u0451": "yo", "\u044b": "y", "\u044c": "",
-  "\u044d": "e", "\u044e": "yu", "\u044f": "ya",
+  "\u0430": "a",
+  "\u0431": "b",
+  "\u0432": "v",
+  "\u0433": "g",
+  "\u0434": "d",
+  "\u0435": "e",
+  "\u0436": "zh",
+  "\u0437": "z",
+  "\u0438": "i",
+  "\u0439": "y",
+  "\u043a": "k",
+  "\u043b": "l",
+  "\u043c": "m",
+  "\u043d": "n",
+  "\u043e": "o",
+  "\u043f": "p",
+  "\u0440": "r",
+  "\u0441": "s",
+  "\u0442": "t",
+  "\u0443": "u",
+  "\u0444": "f",
+  "\u0445": "kh",
+  "\u0446": "ts",
+  "\u0447": "ch",
+  "\u0448": "sh",
+  "\u0449": "shch",
+  "\u044a": "",
+  "\u0451": "yo",
+  "\u044b": "y",
+  "\u044c": "",
+  "\u044d": "e",
+  "\u044e": "yu",
+  "\u044f": "ya",
 };
 
 const LAT_RU: Record<string, string> = {};
@@ -126,14 +180,63 @@ const QUOTE_PAIRS: [string, string][] = [
 
 const TAME_CURSES = ["heck", "darn"];
 
-const BAD_WORDS = ["damn", "hell", "crap", "shit", "fuck", "bitch", "ass", "dick"];
+const BAD_WORDS = [
+  "damn",
+  "hell",
+  "crap",
+  "shit",
+  "fuck",
+  "bitch",
+  "ass",
+  "dick",
+];
 
-const COMMON_NAMES = ["John", "Jane", "Mike", "Sarah", "David", "Emily", "Tom", "Alice", "Bob", "Carol", "Dan", "Lisa"];
+const COMMON_NAMES = [
+  "John",
+  "Jane",
+  "Mike",
+  "Sarah",
+  "David",
+  "Emily",
+  "Tom",
+  "Alice",
+  "Bob",
+  "Carol",
+  "Dan",
+  "Lisa",
+];
 
 const FILLER_WORDS = [
-  "the", "a", "an", "of", "to", "and", "in", "is", "it", "for",
-  "on", "with", "as", "at", "be", "this", "that", "has", "are", "was",
-  "by", "from", "or", "but", "not", "you", "they", "we", "have", "he",
+  "the",
+  "a",
+  "an",
+  "of",
+  "to",
+  "and",
+  "in",
+  "is",
+  "it",
+  "for",
+  "on",
+  "with",
+  "as",
+  "at",
+  "be",
+  "this",
+  "that",
+  "has",
+  "are",
+  "was",
+  "by",
+  "from",
+  "or",
+  "but",
+  "not",
+  "you",
+  "they",
+  "we",
+  "have",
+  "he",
 ];
 
 type RNode =
@@ -292,7 +395,12 @@ function parseAtom(src: string, i: number): [RNode, number] {
       const spec = src.slice(i + 1, end).match(/^(\d+)(?:,(\d*))?$/);
       if (spec) {
         const min = Number(spec[1]);
-        const max = spec[2] !== undefined ? (spec[2] === "" ? min + 4 : Number(spec[2])) : min;
+        const max =
+          spec[2] !== undefined
+            ? spec[2] === ""
+              ? min + 4
+              : Number(spec[2])
+            : min;
         return [{ t: "rep", node, min, max }, end + 1];
       }
     }
@@ -309,14 +417,33 @@ export const TEXT_PART2: TextToolGroup[] = [
   {
     id: "case-visual",
     title: "Font, Case & Visual Text",
-    description: "Transform case, convert between letter fonts, and render visual-text placeholders.",
+    description:
+      "Transform case, convert between letter fonts, and render visual-text placeholders.",
     tools: [
       {
         slug: "text-case",
         name: "Text Case Converter",
-        description: "Convert text to upper, lower, title, sentence, snake, camel, kebab, pascal, alternating or reverse case.",
+        description:
+          "Convert text to upper, lower, title, sentence, snake, camel, kebab, pascal, alternating or reverse case.",
         options: [
-          { kind: "select", key: "case", label: "Case", options: ["upper", "lower", "title", "sentence", "snake", "camel", "kebab", "pascal", "alternating", "reverse"], default: "upper" },
+          {
+            kind: "select",
+            key: "case",
+            label: "Case",
+            options: [
+              "upper",
+              "lower",
+              "title",
+              "sentence",
+              "snake",
+              "camel",
+              "kebab",
+              "pascal",
+              "alternating",
+              "reverse",
+            ],
+            default: "upper",
+          },
         ],
         run: (input, o) => {
           const mode = String(o.case ?? "upper");
@@ -326,23 +453,37 @@ export const TEXT_PART2: TextToolGroup[] = [
             case "lower":
               return input.toLowerCase();
             case "title":
-              return input.replace(WORD_RE, (w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase());
+              return input.replace(
+                WORD_RE,
+                (w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase(),
+              );
             case "sentence":
-              return input.replace(/(^|(?<=[.!?…]\s))(\p{L})/gu, (_m, _pre: string, letter: string) => letter.toUpperCase());
+              return input.replace(
+                /(^|(?<=[.!?…]\s))(\p{L})/gu,
+                (_m, _pre: string, letter: string) => letter.toUpperCase(),
+              );
             case "snake":
               return words(input).join("_");
             case "camel": {
               const ws = words(input);
               return ws
-                .map((w, i) => (i === 0 ? w.toLowerCase() : capFirst(w.toLowerCase())))
+                .map((w, i) =>
+                  i === 0 ? w.toLowerCase() : capFirst(w.toLowerCase()),
+                )
                 .join("");
             }
             case "kebab":
               return words(input).join("-");
             case "pascal":
-              return words(input).map((w) => capFirst(w.toLowerCase())).join("");
+              return words(input)
+                .map((w) => capFirst(w.toLowerCase()))
+                .join("");
             case "alternating":
-              return [...input].map((c, i) => (i % 2 === 0 ? c.toLowerCase() : c.toUpperCase())).join("");
+              return [...input]
+                .map((c, i) =>
+                  i % 2 === 0 ? c.toLowerCase() : c.toUpperCase(),
+                )
+                .join("");
             case "reverse":
               return input.replace(/\p{L}/gu, flipCaseChar);
             default:
@@ -353,14 +494,22 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "proper-case",
         name: "Convert Text to Proper Case",
-        description: "Capitalize the first letter of every word and lowercase the rest.",
-        run: (input) => input.replace(WORD_RE, (w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()),
+        description:
+          "Capitalize the first letter of every word and lowercase the rest.",
+        run: (input) =>
+          input.replace(
+            WORD_RE,
+            (w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase(),
+          ),
       },
       {
         slug: "randomize-case",
         name: "Randomize Text Case",
         description: "Randomly convert each letter to upper or lower case.",
-        run: (input) => input.replace(/\p{L}/gu, (c) => (Math.random() < 0.5 ? c.toLowerCase() : c.toUpperCase())),
+        run: (input) =>
+          input.replace(/\p{L}/gu, (c) =>
+            Math.random() < 0.5 ? c.toLowerCase() : c.toUpperCase(),
+          ),
       },
       {
         slug: "invert-case",
@@ -371,7 +520,8 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "text-as-image",
         name: "Create an Image from Text",
-        description: "Render the text inside an ASCII frame as a visual banner placeholder.",
+        description:
+          "Render the text inside an ASCII frame as a visual banner placeholder.",
         run: (input) => {
           const ls = toLines(input);
           const w = Math.max(1, ...ls.map((l) => l.length));
@@ -382,9 +532,18 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "scrolling-text",
         name: "Generate Scrolling Text",
-        description: "Produce a series of frames that scroll the text left across a fixed width.",
+        description:
+          "Produce a series of frames that scroll the text left across a fixed width.",
         options: [
-          { kind: "number", key: "width", label: "Frame width", default: 30, min: 5, max: 200, step: 1 },
+          {
+            kind: "number",
+            key: "width",
+            label: "Frame width",
+            default: 30,
+            min: 5,
+            max: 200,
+            step: 1,
+          },
         ],
         run: (input, o) => {
           const width = Math.max(1, Number(o.width ?? 30));
@@ -400,7 +559,8 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "text-marquee",
         name: "Create a Text Marquee",
-        description: "Preview scrolling marquee frames plus a CSS animation snippet.",
+        description:
+          "Preview scrolling marquee frames plus a CSS animation snippet.",
         run: (input) => {
           const text = input && input.length ? input : " ";
           const width = text.length;
@@ -408,15 +568,25 @@ export const TEXT_PART2: TextToolGroup[] = [
           for (let i = 0; i < 5; i++) {
             frames.push(`|${(text + text).slice(i, i + width).padEnd(width)}|`);
           }
-          return frames.join("\n") + "\n/* marquee CSS */ animation: marquee 2s linear infinite;";
+          return (
+            frames.join("\n") +
+            "\n/* marquee CSS */ animation: marquee 2s linear infinite;"
+          );
         },
       },
       {
         slug: "change-text-font",
         name: "Change Text Font",
-        description: "Convert text into sans-serif, monospace, bold, italic, script or cursive unicode.",
+        description:
+          "Convert text into sans-serif, monospace, bold, italic, script or cursive unicode.",
         options: [
-          { kind: "select", key: "font", label: "Font", options: ["sans", "mono", "bold", "italic", "script", "cursive"], default: "sans" },
+          {
+            kind: "select",
+            key: "font",
+            label: "Font",
+            options: ["sans", "mono", "bold", "italic", "script", "cursive"],
+            default: "sans",
+          },
         ],
         run: (input, o) => {
           const font = String(o.font ?? "sans");
@@ -426,7 +596,8 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "remove-fancy-font",
         name: "Remove Fancy Text Font",
-        description: "Convert unicode fancy glyphs back to plain ASCII letters.",
+        description:
+          "Convert unicode fancy glyphs back to plain ASCII letters.",
         run: (input) =>
           [...input]
             .map((c) => (c in FANCY_REV ? FANCY_REV[c] : stripDiacritics(c)))
@@ -447,9 +618,16 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "tiny-text",
         name: "Generate Tiny Text",
-        description: "Transform text into superscript, subscript or small-caps styling.",
+        description:
+          "Transform text into superscript, subscript or small-caps styling.",
         options: [
-          { kind: "select", key: "style", label: "Style", options: ["sup", "sub", "smallcaps"], default: "sup" },
+          {
+            kind: "select",
+            key: "style",
+            label: "Style",
+            options: ["sup", "sub", "smallcaps"],
+            default: "sup",
+          },
         ],
         run: (input, o) => {
           const style = String(o.style ?? "sup");
@@ -491,15 +669,29 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "zalgo-text",
         name: "Generate Zalgo Text",
-        description: "Corrupt text with a random number of combining marks after each character.",
+        description:
+          "Corrupt text with a random number of combining marks after each character.",
         options: [
-          { kind: "number", key: "intensity", label: "Intensity", default: 3, min: 0, max: 10, step: 1 },
+          {
+            kind: "number",
+            key: "intensity",
+            label: "Intensity",
+            default: 3,
+            min: 0,
+            max: 10,
+            step: 1,
+          },
         ],
         run: (input, o) => {
           const n = Math.max(0, Math.min(10, Number(o.intensity ?? 3)));
           return [...input]
             .map((c) =>
-              n > 0 ? c + Array.from({ length: randInt(0, n) }, () => pick(ZALGO_MARKS)).join("") : c,
+              n > 0
+                ? c +
+                  Array.from({ length: randInt(0, n) }, () =>
+                    pick(ZALGO_MARKS),
+                  ).join("")
+                : c,
             )
             .join("");
         },
@@ -509,22 +701,41 @@ export const TEXT_PART2: TextToolGroup[] = [
   {
     id: "line-breaks-spacing",
     title: "Line Breaks, Spacing & Separators",
-    description: "Rewrite line breaks, spacing and separators between words and columns.",
+    description:
+      "Rewrite line breaks, spacing and separators between words and columns.",
     tools: [
       {
         slug: "add-line-breaks",
         name: "Add Line Breaks to Text",
         description: "Insert a line break every N characters or every N words.",
         options: [
-          { kind: "select", key: "unit", label: "Unit", options: ["chars", "words"], default: "chars" },
-          { kind: "number", key: "every", label: "Every", default: 20, min: 1, max: 200, step: 1 },
+          {
+            kind: "select",
+            key: "unit",
+            label: "Unit",
+            options: ["chars", "words"],
+            default: "chars",
+          },
+          {
+            kind: "number",
+            key: "every",
+            label: "Every",
+            default: 20,
+            min: 1,
+            max: 200,
+            step: 1,
+          },
         ],
         run: (input, o) => {
           const every = Math.max(1, Number(o.every ?? 20));
           if (String(o.unit ?? "chars") === "words") {
-            return chunk(words(input), every).map((g) => g.join(" ")).join("\n");
+            return chunk(words(input), every)
+              .map((g) => g.join(" "))
+              .join("\n");
           }
-          return (input.match(new RegExp(`[\\s\\S]{1,${every}}`, "g")) ?? []).join("\n");
+          return (
+            input.match(new RegExp(`[\\s\\S]{1,${every}}`, "g")) ?? []
+          ).join("\n");
         },
       },
       {
@@ -536,10 +747,28 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "replace-line-breaks",
         name: "Replace Line Breaks in Text",
-        description: "Convert line breaks between LF, CRLF, spaces, semicolons or a custom separator.",
+        description:
+          "Convert line breaks between LF, CRLF, spaces, semicolons or a custom separator.",
         options: [
-          { kind: "select", key: "mode", label: "Mode", options: ["lf2crlf", "crlf2lf", "lf2space", "lf2semicolon", "custom"], default: "lf2crlf" },
-          { kind: "text", key: "custom", label: "Custom separator", default: " | " },
+          {
+            kind: "select",
+            key: "mode",
+            label: "Mode",
+            options: [
+              "lf2crlf",
+              "crlf2lf",
+              "lf2space",
+              "lf2semicolon",
+              "custom",
+            ],
+            default: "lf2crlf",
+          },
+          {
+            kind: "text",
+            key: "custom",
+            label: "Custom separator",
+            default: " | ",
+          },
         ],
         run: (input, o) => {
           switch (String(o.mode ?? "lf2crlf")) {
@@ -567,15 +796,25 @@ export const TEXT_PART2: TextToolGroup[] = [
         name: "Normalize Line Breaks",
         description: "Convert every line break to LF or CRLF.",
         options: [
-          { kind: "select", key: "eol", label: "End of line", options: ["lf", "crlf"], default: "lf" },
+          {
+            kind: "select",
+            key: "eol",
+            label: "End of line",
+            options: ["lf", "crlf"],
+            default: "lf",
+          },
         ],
         run: (input, o) =>
-          input.replace(/\r\n|\r|\n/g, String(o.eol ?? "lf") === "crlf" ? "\r\n" : "\n"),
+          input.replace(
+            /\r\n|\r|\n/g,
+            String(o.eol ?? "lf") === "crlf" ? "\r\n" : "\n",
+          ),
       },
       {
         slug: "fix-paragraph-spacing",
         name: "Fix Distance Between Paragraphs",
-        description: "Trim lines and separate non-empty paragraphs by exactly one blank line.",
+        description:
+          "Trim lines and separate non-empty paragraphs by exactly one blank line.",
         run: (input) =>
           toLines(input)
             .map((l) => l.trim())
@@ -585,7 +824,8 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "fancify-line-breaks",
         name: "Fancify Line Breaks in Text",
-        description: "Insert a decorative separator line between every pair of lines.",
+        description:
+          "Insert a decorative separator line between every pair of lines.",
         run: (input) => toLines(input).join("\n\u2014\u2014\u2014\n"),
       },
       {
@@ -605,7 +845,15 @@ export const TEXT_PART2: TextToolGroup[] = [
         name: "Convert Spaces to Tabs",
         description: "Replace runs of N spaces with a tab character.",
         options: [
-          { kind: "number", key: "spacesPerTab", label: "Spaces per tab", default: 4, min: 1, max: 16, step: 1 },
+          {
+            kind: "number",
+            key: "spacesPerTab",
+            label: "Spaces per tab",
+            default: 4,
+            min: 1,
+            max: 16,
+            step: 1,
+          },
         ],
         run: (input, o) => {
           const n = Math.max(1, Number(o.spacesPerTab ?? 4));
@@ -617,9 +865,18 @@ export const TEXT_PART2: TextToolGroup[] = [
         name: "Convert Tabs to Spaces",
         description: "Replace every tab with a chosen number of spaces.",
         options: [
-          { kind: "number", key: "spaces", label: "Spaces", default: 4, min: 1, max: 16, step: 1 },
+          {
+            kind: "number",
+            key: "spaces",
+            label: "Spaces",
+            default: 4,
+            min: 1,
+            max: 16,
+            step: 1,
+          },
         ],
-        run: (input, o) => input.replace(/\t/g, " ".repeat(Math.max(1, Number(o.spaces ?? 4)))),
+        run: (input, o) =>
+          input.replace(/\t/g, " ".repeat(Math.max(1, Number(o.spaces ?? 4)))),
       },
       {
         slug: "comma-to-newline",
@@ -637,13 +894,20 @@ export const TEXT_PART2: TextToolGroup[] = [
         slug: "column-to-comma",
         name: "Convert Column to Comma",
         description: "Join every line as a row, separated by commas.",
-        run: (input) => toLines(input).map((l) => l.trim()).join(", "),
+        run: (input) =>
+          toLines(input)
+            .map((l) => l.trim())
+            .join(", "),
       },
       {
         slug: "comma-to-column",
         name: "Convert Comma to Column",
         description: "Split on commas and put one trimmed item per line.",
-        run: (input) => input.split(",").map((s) => s.trim()).join("\n"),
+        run: (input) =>
+          input
+            .split(",")
+            .map((s) => s.trim())
+            .join("\n"),
       },
       {
         slug: "commas-to-spaces",
@@ -675,9 +939,16 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "increase-spacing",
         name: "Increase Text Spacing",
-        description: "Insert a fill character between every character or every word.",
+        description:
+          "Insert a fill character between every character or every word.",
         options: [
-          { kind: "select", key: "target", label: "Target", options: ["chars", "words"], default: "chars" },
+          {
+            kind: "select",
+            key: "target",
+            label: "Target",
+            options: ["chars", "words"],
+            default: "chars",
+          },
           { kind: "text", key: "fill", label: "Fill", default: " " },
         ],
         run: (input, o) => {
@@ -691,14 +962,17 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "normalize-spacing",
         name: "Normalize Text Spacing",
-        description: "Collapse all whitespace runs to one space and trim the ends.",
+        description:
+          "Collapse all whitespace runs to one space and trim the ends.",
         run: (input) => input.replace(/\s+/g, " ").trim(),
       },
       {
         slug: "randomize-spacing",
         name: "Randomize Text Spacing",
-        description: "Replace every whitespace run with a random 1-4 space run.",
-        run: (input) => input.replace(/\s+/g, () => " ".repeat(randInt(1, 4))).trim(),
+        description:
+          "Replace every whitespace run with a random 1-4 space run.",
+        run: (input) =>
+          input.replace(/\s+/g, () => " ".repeat(randInt(1, 4))).trim(),
       },
       {
         slug: "replace-spaces",
@@ -718,13 +992,15 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "remove-punctuation",
         name: "Remove All Punctuation",
-        description: "Keep letters, digits, whitespace and _ - ' . while removing everything else.",
+        description:
+          "Keep letters, digits, whitespace and _ - ' . while removing everything else.",
         run: (input) => input.replace(/[^\p{L}\p{N}\s_'.+-]/gu, ""),
       },
       {
         slug: "remove-diacritics",
         name: "Remove Diacritics from Text",
-        description: "Strip accents and combining marks, returning plain ASCII letters.",
+        description:
+          "Strip accents and combining marks, returning plain ASCII letters.",
         run: (input) => stripDiacritics(input),
       },
     ],
@@ -732,21 +1008,32 @@ export const TEXT_PART2: TextToolGroup[] = [
   {
     id: "quotes-style",
     title: "Quotes & Content Style",
-    description: "Add and remove quotes, shift letters, and clean up offensive or identifying content.",
+    description:
+      "Add and remove quotes, shift letters, and clean up offensive or identifying content.",
     tools: [
       {
         slug: "increment-letters",
         name: "Increment Letters in Text",
         description: "Shift every letter forward in the alphabet (Caesar).",
         options: [
-          { kind: "number", key: "shift", label: "Shift", default: 1, min: 1, max: 26, step: 1 },
+          {
+            kind: "number",
+            key: "shift",
+            label: "Shift",
+            default: 1,
+            min: 1,
+            max: 26,
+            step: 1,
+          },
         ],
         run: (input, o) => {
           const shift = Number(o.shift ?? 1) % 26;
           return input.replace(/[a-zA-Z]/g, (c) => {
             const code = c.charCodeAt(0);
             const base = code < 97 ? 65 : 97;
-            return String.fromCharCode(((code - base + shift + 26) % 26) + base);
+            return String.fromCharCode(
+              ((code - base + shift + 26) % 26) + base,
+            );
           });
         },
       },
@@ -755,14 +1042,24 @@ export const TEXT_PART2: TextToolGroup[] = [
         name: "Decrement Letters in Text",
         description: "Shift every letter backward in the alphabet (Caesar).",
         options: [
-          { kind: "number", key: "shift", label: "Shift", default: 1, min: 1, max: 26, step: 1 },
+          {
+            kind: "number",
+            key: "shift",
+            label: "Shift",
+            default: 1,
+            min: 1,
+            max: 26,
+            step: 1,
+          },
         ],
         run: (input, o) => {
           const shift = Number(o.shift ?? 1) % 26;
           return input.replace(/[a-zA-Z]/g, (c) => {
             const code = c.charCodeAt(0);
             const base = code < 97 ? 65 : 97;
-            return String.fromCharCode(((code - base - shift + 26) % 26) + base);
+            return String.fromCharCode(
+              ((code - base - shift + 26) % 26) + base,
+            );
           });
         },
       },
@@ -770,9 +1067,7 @@ export const TEXT_PART2: TextToolGroup[] = [
         slug: "add-quotes",
         name: "Add Quotes to Text",
         description: "Wrap the whole text in a chosen quote character or pair.",
-        options: [
-          { kind: "text", key: "quote", label: "Quote", default: '"' },
-        ],
+        options: [{ kind: "text", key: "quote", label: "Quote", default: '"' }],
         run: (input, o) => {
           const [open, close] = quotePair(o);
           return open + input + close;
@@ -781,7 +1076,8 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "remove-quotes",
         name: "Remove Quotes from Text",
-        description: "Strip a matching pair of surrounding quote characters if present.",
+        description:
+          "Strip a matching pair of surrounding quote characters if present.",
         run: (input) => {
           for (const [open, close] of QUOTE_PAIRS) {
             if (input.startsWith(open) && input.endsWith(close)) {
@@ -795,9 +1091,7 @@ export const TEXT_PART2: TextToolGroup[] = [
         slug: "add-quotes-to-words",
         name: "Add Quotes to Words",
         description: "Wrap every word with the chosen quote character.",
-        options: [
-          { kind: "text", key: "quote", label: "Quote", default: '"' },
-        ],
+        options: [{ kind: "text", key: "quote", label: "Quote", default: '"' }],
         run: (input, o) => {
           const [open, close] = quotePair(o);
           return input.replace(WORD_RE, (w) => open + w + close);
@@ -808,18 +1102,23 @@ export const TEXT_PART2: TextToolGroup[] = [
         name: "Remove Quotes from Words",
         description: "Strip quote characters from around every word.",
         run: (input) =>
-          input.replace(WORD_RE, (w) => w.replace(/^["'\u201c\u201d\u2018\u2019\u00ab\u00bb]+|["'\u201c\u201d\u2018\u2019\u00ab\u00bb]+$/g, "")),
+          input.replace(WORD_RE, (w) =>
+            w.replace(
+              /^["'\u201c\u201d\u2018\u2019\u00ab\u00bb]+|["'\u201c\u201d\u2018\u2019\u00ab\u00bb]+$/g,
+              "",
+            ),
+          ),
       },
       {
         slug: "add-quotes-to-lines",
         name: "Add Quotes to Lines",
         description: "Wrap every line with the chosen quote character.",
-        options: [
-          { kind: "text", key: "quote", label: "Quote", default: '"' },
-        ],
+        options: [{ kind: "text", key: "quote", label: "Quote", default: '"' }],
         run: (input, o) => {
           const [open, close] = quotePair(o);
-          return toLines(input).map((l) => open + l + close).join("\n");
+          return toLines(input)
+            .map((l) => open + l + close)
+            .join("\n");
         },
       },
       {
@@ -828,15 +1127,29 @@ export const TEXT_PART2: TextToolGroup[] = [
         description: "Strip surrounding quote characters from every line.",
         run: (input) =>
           toLines(input)
-            .map((l) => l.replace(/^["'\u201c\u201d\u2018\u2019\u00ab\u00bb]+|["'\u201c\u201d\u2018\u2019\u00ab\u00bb]+$/g, ""))
+            .map((l) =>
+              l.replace(
+                /^["'\u201c\u201d\u2018\u2019\u00ab\u00bb]+|["'\u201c\u201d\u2018\u2019\u00ab\u00bb]+$/g,
+                "",
+              ),
+            )
             .join("\n"),
       },
       {
         slug: "add-curse-words",
         name: "Add Curse Words To Text",
-        description: "Insert tame filler words like heck or darn at random word positions.",
+        description:
+          "Insert tame filler words like heck or darn at random word positions.",
         options: [
-          { kind: "number", key: "rate", label: "How many to add", default: 2, min: 0, max: 10, step: 1 },
+          {
+            kind: "number",
+            key: "rate",
+            label: "How many to add",
+            default: 2,
+            min: 0,
+            max: 10,
+            step: 1,
+          },
         ],
         run: (input, o) => {
           const rate = Math.max(0, Math.floor(Number(o.rate ?? 2)));
@@ -855,9 +1168,16 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "censor-words",
         name: "Censor Words in Text",
-        description: "Replace profanity with asterisks, stars or a censored label.",
+        description:
+          "Replace profanity with asterisks, stars or a censored label.",
         options: [
-          { kind: "select", key: "filler", label: "Filler", options: ["asterisks", "censored", "stars"], default: "asterisks" },
+          {
+            kind: "select",
+            key: "filler",
+            label: "Filler",
+            options: ["asterisks", "censored", "stars"],
+            default: "asterisks",
+          },
         ],
         run: (input, o) => {
           const mode = String(o.filler ?? "asterisks");
@@ -876,7 +1196,10 @@ export const TEXT_PART2: TextToolGroup[] = [
         run: (input) => {
           let out = input.replace(/[\w.+-]+@[\w-]+(?:\.[\w-]+)+/g, "[email]");
           out = out.replace(/\d{3,}/g, "[number]");
-          return out.replace(new RegExp(`\\b(?:${COMMON_NAMES.join("|")})\\b`, "giu"), "[name]");
+          return out.replace(
+            new RegExp(`\\b(?:${COMMON_NAMES.join("|")})\\b`, "giu"),
+            "[name]",
+          );
         },
       },
     ],
@@ -884,12 +1207,14 @@ export const TEXT_PART2: TextToolGroup[] = [
   {
     id: "extraction-encoding",
     title: "Extraction, Parsing & Encoding",
-    description: "Strip markup, parse structured text, apply ciphers and generate/glue text.",
+    description:
+      "Strip markup, parse structured text, apply ciphers and generate/glue text.",
     tools: [
       {
         slug: "extract-text-from-html",
         name: "Extract Text from HTML",
-        description: "Strip HTML tags and decode common entities with regex only.",
+        description:
+          "Strip HTML tags and decode common entities with regex only.",
         run: (input) => {
           let out = input.replace(/<[^>]*>/g, "");
           out = out
@@ -899,7 +1224,9 @@ export const TEXT_PART2: TextToolGroup[] = [
             .replace(/&quot;/g, '"')
             .replace(/&#39;|&apos;/g, "'")
             .replace(/&nbsp;/g, " ");
-          return toLines(out).map((l) => l.replace(/\s+/g, " ").trim()).join("\n");
+          return toLines(out)
+            .map((l) => l.replace(/\s+/g, " ").trim())
+            .join("\n");
         },
       },
       {
@@ -915,12 +1242,14 @@ export const TEXT_PART2: TextToolGroup[] = [
         slug: "extract-text-from-bbcode",
         name: "Extract Text from BBCode",
         description: "Remove BBCode tags and their attributes.",
-        run: (input) => input.replace(/\[\/?[a-zA-Z0-9*=#]+[^\]]*\]/gi, "").trim(),
+        run: (input) =>
+          input.replace(/\[\/?[a-zA-Z0-9*=#]+[^\]]*\]/gi, "").trim(),
       },
       {
         slug: "extract-text-from-json",
         name: "Extract Text from JSON",
-        description: "Parse JSON and output every leaf string value, one per line.",
+        description:
+          "Parse JSON and output every leaf string value, one per line.",
         run: (input) => {
           try {
             const parsed: unknown = JSON.parse(input);
@@ -977,7 +1306,8 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "slash-unescape",
         name: "Slash-unescape Text",
-        description: "Resolve escaped sequences and unicode escapes back to characters.",
+        description:
+          "Resolve escaped sequences and unicode escapes back to characters.",
         run: (input) => {
           let out = "";
           for (let i = 0; i < input.length; i++) {
@@ -1034,7 +1364,8 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "rot47",
         name: "ROT47 Text",
-        description: "Rotate printable ASCII characters (33-126) by 47 positions.",
+        description:
+          "Rotate printable ASCII characters (33-126) by 47 positions.",
         run: (input) =>
           input.replace(/[!-~]/g, (c) => {
             const code = c.charCodeAt(0);
@@ -1044,16 +1375,31 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "text-of-length",
         name: "Generate Text of Certain Length",
-        description: "Generate random readable text or random characters with an exact length.",
+        description:
+          "Generate random readable text or random characters with an exact length.",
         options: [
-          { kind: "number", key: "length", label: "Length", default: 100, min: 1, max: 10000, step: 1 },
-          { kind: "toggle", key: "readable", label: "Readable words", default: true },
+          {
+            kind: "number",
+            key: "length",
+            label: "Length",
+            default: 100,
+            min: 1,
+            max: 10000,
+            step: 1,
+          },
+          {
+            kind: "toggle",
+            key: "readable",
+            label: "Readable words",
+            default: true,
+          },
         ],
         run: (_input, o) => {
           const length = Math.max(0, Math.floor(Number(o.length ?? 100)));
           if (o.readable === false) {
             let out = "";
-            while (out.length < length) out += ALPHABET[randInt(0, ALPHABET.length - 1)];
+            while (out.length < length)
+              out += ALPHABET[randInt(0, ALPHABET.length - 1)];
             return out.slice(0, length);
           }
           let out = "";
@@ -1071,7 +1417,12 @@ export const TEXT_PART2: TextToolGroup[] = [
         name: "Generate Text from a RegExp",
         description: "Generate random text that matches a regular expression.",
         options: [
-          { kind: "text", key: "regexp", label: "Regular expression", default: "^[a-z]{0,8}$" },
+          {
+            kind: "text",
+            key: "regexp",
+            label: "Regular expression",
+            default: "^[a-z]{0,8}$",
+          },
         ],
         run: (_input, o) => {
           const src = String(o.regexp ?? "^[a-z]{0,8}$");
@@ -1086,7 +1437,11 @@ export const TEXT_PART2: TextToolGroup[] = [
                 : min
               : 8;
             const len = randInt(min, Math.min(max, 40));
-            const pool = (ALPHABET + ALPHABET.toUpperCase() + "0123456789").split("");
+            const pool = (
+              ALPHABET +
+              ALPHABET.toUpperCase() +
+              "0123456789"
+            ).split("");
             let out = "";
             for (let i = 0; i < len; i++) out += pick(pool);
             return out;
@@ -1098,7 +1453,12 @@ export const TEXT_PART2: TextToolGroup[] = [
         name: "Extract RegExp Matches",
         description: "Output every match of the pattern, one per line.",
         options: [
-          { kind: "text", key: "regexp", label: "Regular expression", default: "\\d+" },
+          {
+            kind: "text",
+            key: "regexp",
+            label: "Regular expression",
+            default: "\\d+",
+          },
         ],
         run: (input, o) => {
           try {
@@ -1106,7 +1466,9 @@ export const TEXT_PART2: TextToolGroup[] = [
             const ms = [...input.matchAll(re)];
             return ms.length ? ms.map((m) => m[0]).join("\n") : "(no matches)";
           } catch (e) {
-            return "Invalid regex: " + (e instanceof Error ? e.message : String(e));
+            return (
+              "Invalid regex: " + (e instanceof Error ? e.message : String(e))
+            );
           }
         },
       },
@@ -1115,23 +1477,36 @@ export const TEXT_PART2: TextToolGroup[] = [
         name: "Highlight RegExp Matches",
         description: "Wrap every match of the pattern in ** markers.",
         options: [
-          { kind: "text", key: "regexp", label: "Regular expression", default: "\\d+" },
+          {
+            kind: "text",
+            key: "regexp",
+            label: "Regular expression",
+            default: "\\d+",
+          },
         ],
         run: (input, o) => {
           try {
             const re = new RegExp(String(o.regexp ?? "\\d+"), "gu");
             return input.replace(re, (m) => `**${m}**`);
           } catch (e) {
-            return "Invalid regex: " + (e instanceof Error ? e.message : String(e));
+            return (
+              "Invalid regex: " + (e instanceof Error ? e.message : String(e))
+            );
           }
         },
       },
       {
         slug: "test-regexp",
         name: "Test Text with a RegExp",
-        description: "Report whether the pattern matches, its groups, and the match count.",
+        description:
+          "Report whether the pattern matches, its groups, and the match count.",
         options: [
-          { kind: "text", key: "regexp", label: "Regular expression", default: "\\d+" },
+          {
+            kind: "text",
+            key: "regexp",
+            label: "Regular expression",
+            default: "\\d+",
+          },
         ],
         run: (input, o) => {
           try {
@@ -1143,16 +1518,24 @@ export const TEXT_PART2: TextToolGroup[] = [
               `Matches: ${ms.length}`,
             ].join("\n");
           } catch (e) {
-            return "Invalid regex: " + (e instanceof Error ? e.message : String(e));
+            return (
+              "Invalid regex: " + (e instanceof Error ? e.message : String(e))
+            );
           }
         },
       },
       {
         slug: "printf-text",
         name: "Printf Text",
-        description: "Format input words using printf-style placeholders like %s, %d, %x.",
+        description:
+          "Format input words using printf-style placeholders like %s, %d, %x.",
         options: [
-          { kind: "text", key: "format", label: "Format string", default: "%s %d" },
+          {
+            kind: "text",
+            key: "format",
+            label: "Format string",
+            default: "%s %d",
+          },
         ],
         run: (input, o) => {
           const format = String(o.format ?? "%s %d");
@@ -1209,18 +1592,30 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "rotate-text",
         name: "Rotate Text",
-        description: "Rotate text 180 degrees, flip vertically or flip horizontally.",
+        description:
+          "Rotate text 180 degrees, flip vertically or flip horizontally.",
         options: [
-          { kind: "select", key: "dir", label: "Direction", options: ["flip180", "flipV", "flipH"], default: "flip180" },
+          {
+            kind: "select",
+            key: "dir",
+            label: "Direction",
+            options: ["flip180", "flipV", "flipH"],
+            default: "flip180",
+          },
         ],
         run: (input, o) => {
           switch (String(o.dir ?? "flip180")) {
             case "flip180":
-              return [...input].reverse().map((c) => UPSIDE_DOWN[c] ?? c).join("");
+              return [...input]
+                .reverse()
+                .map((c) => UPSIDE_DOWN[c] ?? c)
+                .join("");
             case "flipV":
               return toLines(input).reverse().join("\n");
             default:
-              return toLines(input).map((l) => [...l].reverse().join("")).join("\n");
+              return toLines(input)
+                .map((l) => [...l].reverse().join(""))
+                .join("\n");
           }
         },
       },
@@ -1233,13 +1628,15 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "rewrite-text",
         name: "Rewrite Text",
-        description: "Substitute common words with synonyms using a fixed thesaurus map.",
+        description:
+          "Substitute common words with synonyms using a fixed thesaurus map.",
         run: (input) =>
           input.replace(WORD_RE, (w) => {
             const rep = SYN_MAP[w.toLowerCase()];
             if (rep === undefined) return w;
             const first = w.charAt(0);
-            const isTitle = first === first.toUpperCase() && first !== first.toLowerCase();
+            const isTitle =
+              first === first.toUpperCase() && first !== first.toLowerCase();
             return isTitle ? capFirst(rep) : rep;
           }),
       },
@@ -1269,9 +1666,15 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "replace-letters",
         name: "Replace Letters in Text",
-        description: "Replace every listed letter with a single chosen character.",
+        description:
+          "Replace every listed letter with a single chosen character.",
         options: [
-          { kind: "text", key: "find", label: "Letters to replace", default: "a e i o u" },
+          {
+            kind: "text",
+            key: "find",
+            label: "Letters to replace",
+            default: "a e i o u",
+          },
           { kind: "text", key: "replace", label: "Replace with", default: "x" },
         ],
         run: (input, o) => {
@@ -1286,15 +1689,28 @@ export const TEXT_PART2: TextToolGroup[] = [
   {
     id: "letters-digits",
     title: "Letters \u2194 Digits & Letters/Word Editing",
-    description: "Convert between letters and digits, and edit letters or words by position.",
+    description:
+      "Convert between letters and digits, and edit letters or words by position.",
     tools: [
       {
         slug: "letters-to-digits",
         name: "Convert Letters to Digits",
-        description: "Map A=1..Z=26, A=0..Z=25, or per-letter numbers. Sums per line when separate is on.",
+        description:
+          "Map A=1..Z=26, A=0..Z=25, or per-letter numbers. Sums per line when separate is on.",
         options: [
-          { kind: "select", key: "mode", label: "Mode", options: ["a1", "a0", "each"], default: "a1" },
-          { kind: "toggle", key: "separate", label: "Separate per line", default: false },
+          {
+            kind: "select",
+            key: "mode",
+            label: "Mode",
+            options: ["a1", "a0", "each"],
+            default: "a1",
+          },
+          {
+            kind: "toggle",
+            key: "separate",
+            label: "Separate per line",
+            default: false,
+          },
         ],
         run: (input, o) => {
           const mode = String(o.mode ?? "a1");
@@ -1317,7 +1733,9 @@ export const TEXT_PART2: TextToolGroup[] = [
             }
             return nums.join(" ");
           }
-          return separate ? toLines(input).map(sum).join("\n") : String(sum(input));
+          return separate
+            ? toLines(input).map(sum).join("\n")
+            : String(sum(input));
         },
       },
       {
@@ -1325,7 +1743,13 @@ export const TEXT_PART2: TextToolGroup[] = [
         name: "Convert Digits to Letters",
         description: "Map each digit to a letter using A=1 or A=0 numbering.",
         options: [
-          { kind: "select", key: "mode", label: "Mode", options: ["1a", "0a"], default: "1a" },
+          {
+            kind: "select",
+            key: "mode",
+            label: "Mode",
+            options: ["1a", "0a"],
+            default: "1a",
+          },
         ],
         run: (input, o) => {
           const mode = String(o.mode ?? "1a");
@@ -1341,14 +1765,22 @@ export const TEXT_PART2: TextToolGroup[] = [
         name: "Replace Words with Digits",
         description: "Replace the words zero through ten with their digits.",
         run: (input) =>
-          input.replace(/[\p{L}]+/gu, (w) => NUMBER_WORDS[w.toLowerCase()] ?? w),
+          input.replace(
+            /[\p{L}]+/gu,
+            (w) => NUMBER_WORDS[w.toLowerCase()] ?? w,
+          ),
       },
       {
         slug: "digits-to-words",
         name: "Replace Digits with Words",
         description: "Spell each digit as a word, or spell out whole numbers.",
         options: [
-          { kind: "toggle", key: "spoken", label: "Spoken per digit", default: true },
+          {
+            kind: "toggle",
+            key: "spoken",
+            label: "Spoken per digit",
+            default: true,
+          },
         ],
         run: (input, o) => {
           if (o.spoken !== false) {
@@ -1366,19 +1798,35 @@ export const TEXT_PART2: TextToolGroup[] = [
         name: "Duplicate Letters in Text",
         description: "Repeat every letter character a chosen number of times.",
         options: [
-          { kind: "number", key: "times", label: "Times", default: 2, min: 1, max: 10, step: 1 },
+          {
+            kind: "number",
+            key: "times",
+            label: "Times",
+            default: 2,
+            min: 1,
+            max: 10,
+            step: 1,
+          },
         ],
         run: (input, o) => {
           const t = Math.max(1, Math.floor(Number(o.times ?? 2)));
-          return [...input].map((c) => (/\p{L}/u.test(c) ? c.repeat(t) : c)).join("");
+          return [...input]
+            .map((c) => (/\p{L}/u.test(c) ? c.repeat(t) : c))
+            .join("");
         },
       },
       {
         slug: "remove-letters",
         name: "Remove Letters from Text",
-        description: "Remove every character in a letter list (vowels by default).",
+        description:
+          "Remove every character in a letter list (vowels by default).",
         options: [
-          { kind: "text", key: "letters", label: "Letters to remove", default: "aeiou" },
+          {
+            kind: "text",
+            key: "letters",
+            label: "Letters to remove",
+            default: "aeiou",
+          },
         ],
         run: (input, o) => {
           const set = charSet(String(o.letters ?? "aeiou"), VOWELS);
@@ -1390,24 +1838,60 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "erase-letters-from-words",
         name: "Erase Letters from Words",
-        description: "Remove characters at 1-based positions inside every word.",
+        description:
+          "Remove characters at 1-based positions inside every word.",
         options: [
           { kind: "text", key: "positions", label: "Positions", default: "1" },
         ],
         run: (input, o) => {
-          const pos = new Set(String(o.positions ?? "1").split(/[\s,]+/).filter(Boolean).map(Number));
-          return input.replace(WORD_RE, (w) => [...w].filter((_c, i) => !pos.has(i + 1)).join(""));
+          const pos = new Set(
+            String(o.positions ?? "1")
+              .split(/[\s,]+/)
+              .filter(Boolean)
+              .map(Number),
+          );
+          return input.replace(WORD_RE, (w) =>
+            [...w].filter((_c, i) => !pos.has(i + 1)).join(""),
+          );
         },
       },
       {
         slug: "erase-words",
         name: "Erase Words from Text",
-        description: "Remove the Nth word or all words shorter/longer than a length.",
+        description:
+          "Remove the Nth word or all words shorter/longer than a length.",
         options: [
-          { kind: "select", key: "mode", label: "Mode", options: ["positions", "length"], default: "positions" },
-          { kind: "number", key: "index", label: "Word index", default: 1, min: 1, max: 100, step: 1 },
-          { kind: "number", key: "length", label: "Length", default: 1, min: 1, max: 50, step: 1 },
-          { kind: "toggle", key: "shorter", label: "Remove shorter words", default: true },
+          {
+            kind: "select",
+            key: "mode",
+            label: "Mode",
+            options: ["positions", "length"],
+            default: "positions",
+          },
+          {
+            kind: "number",
+            key: "index",
+            label: "Word index",
+            default: 1,
+            min: 1,
+            max: 100,
+            step: 1,
+          },
+          {
+            kind: "number",
+            key: "length",
+            label: "Length",
+            default: 1,
+            min: 1,
+            max: 50,
+            step: 1,
+          },
+          {
+            kind: "toggle",
+            key: "shorter",
+            label: "Remove shorter words",
+            default: true,
+          },
         ],
         run: (input, o) => {
           const mode = String(o.mode ?? "positions");
@@ -1427,12 +1911,14 @@ export const TEXT_PART2: TextToolGroup[] = [
   {
     id: "highlight-visualize",
     title: "Highlighting & Visualization",
-    description: "Inspect structure and wrap parts of the text in markdown-styled markers.",
+    description:
+      "Inspect structure and wrap parts of the text in markdown-styled markers.",
     tools: [
       {
         slug: "visualize-text",
         name: "Visualize Text Structure",
-        description: "Show character, word, line and paragraph summaries as an ASCII diagram.",
+        description:
+          "Show character, word, line and paragraph summaries as an ASCII diagram.",
         run: (input) => {
           const ws = words(input);
           const names = [...new Set(ws)];
@@ -1451,7 +1937,12 @@ export const TEXT_PART2: TextToolGroup[] = [
         name: "Highlight Letters in Text",
         description: "Wrap every listed letter in ** markers.",
         options: [
-          { kind: "text", key: "letters", label: "Letters to highlight", default: "aeiou" },
+          {
+            kind: "text",
+            key: "letters",
+            label: "Letters to highlight",
+            default: "aeiou",
+          },
         ],
         run: (input, o) => {
           const set = charSet(String(o.letters ?? "aeiou"));
@@ -1465,11 +1956,23 @@ export const TEXT_PART2: TextToolGroup[] = [
         name: "Highlight Words in Text",
         description: "Wrap every matching word token in ** markers.",
         options: [
-          { kind: "text", key: "words", label: "Words to highlight", default: "hello world" },
+          {
+            kind: "text",
+            key: "words",
+            label: "Words to highlight",
+            default: "hello world",
+          },
         ],
         run: (input, o) => {
-          const set = new Set(String(o.words ?? "hello world").split(/\s+/).filter(Boolean).map((w) => w.toLowerCase()));
-          return input.replace(WORD_RE, (w) => (set.has(w.toLowerCase()) ? `**${w}**` : w));
+          const set = new Set(
+            String(o.words ?? "hello world")
+              .split(/\s+/)
+              .filter(Boolean)
+              .map((w) => w.toLowerCase()),
+          );
+          return input.replace(WORD_RE, (w) =>
+            set.has(w.toLowerCase()) ? `**${w}**` : w,
+          );
         },
       },
       {
@@ -1478,7 +1981,12 @@ export const TEXT_PART2: TextToolGroup[] = [
         description: "Wrap every literal or regex pattern match in ** markers.",
         options: [
           { kind: "text", key: "pattern", label: "Pattern", default: "\\d+" },
-          { kind: "toggle", key: "regex", label: "Treat as regex", default: false },
+          {
+            kind: "toggle",
+            key: "regex",
+            label: "Treat as regex",
+            default: false,
+          },
         ],
         run: (input, o) => {
           const pat = String(o.pattern ?? "\\d+");
@@ -1489,7 +1997,9 @@ export const TEXT_PART2: TextToolGroup[] = [
             const literal = pat.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
             return input.replace(new RegExp(literal, "g"), (m) => `**${m}**`);
           } catch (e) {
-            return "Invalid pattern: " + (e instanceof Error ? e.message : String(e));
+            return (
+              "Invalid pattern: " + (e instanceof Error ? e.message : String(e))
+            );
           }
         },
       },
@@ -1521,14 +2031,23 @@ export const TEXT_PART2: TextToolGroup[] = [
         options: [
           { kind: "text", key: "replace", label: "Replace with", default: "x" },
         ],
-        run: (input, o) => input.replace(/[aeiou]/giu, String(o.replace ?? "x")),
+        run: (input, o) =>
+          input.replace(/[aeiou]/giu, String(o.replace ?? "x")),
       },
       {
         slug: "duplicate-vowels",
         name: "Duplicate Vowels in Text",
         description: "Repeat every vowel a chosen number of times.",
         options: [
-          { kind: "number", key: "times", label: "Times", default: 2, min: 1, max: 10, step: 1 },
+          {
+            kind: "number",
+            key: "times",
+            label: "Times",
+            default: 2,
+            min: 1,
+            max: 10,
+            step: 1,
+          },
         ],
         run: (input, o) => {
           const t = Math.max(1, Math.floor(Number(o.times ?? 2)));
@@ -1549,45 +2068,73 @@ export const TEXT_PART2: TextToolGroup[] = [
           { kind: "text", key: "replace", label: "Replace with", default: "x" },
         ],
         run: (input, o) =>
-          input.replace(/\p{L}/gu, (c) => (/[aeiou]/iu.test(c) ? c : String(o.replace ?? "x"))),
+          input.replace(/\p{L}/gu, (c) =>
+            /[aeiou]/iu.test(c) ? c : String(o.replace ?? "x"),
+          ),
       },
       {
         slug: "duplicate-consonants",
         name: "Duplicate Consonants in Text",
         description: "Repeat every consonant a chosen number of times.",
         options: [
-          { kind: "number", key: "times", label: "Times", default: 2, min: 1, max: 10, step: 1 },
+          {
+            kind: "number",
+            key: "times",
+            label: "Times",
+            default: 2,
+            min: 1,
+            max: 10,
+            step: 1,
+          },
         ],
         run: (input, o) => {
           const t = Math.max(1, Math.floor(Number(o.times ?? 2)));
-          return input.replace(/\p{L}/gu, (c) => (/[aeiou]/iu.test(c) ? c : c.repeat(t)));
+          return input.replace(/\p{L}/gu, (c) =>
+            /[aeiou]/iu.test(c) ? c : c.repeat(t),
+          );
         },
       },
       {
         slug: "remove-consonants",
         name: "Remove Consonants from Text",
         description: "Strip consonants and keep only vowels.",
-        run: (input) => input.replace(/\p{L}/gu, (c) => (/[aeiou]/iu.test(c) ? c : "")),
+        run: (input) =>
+          input.replace(/\p{L}/gu, (c) => (/[aeiou]/iu.test(c) ? c : "")),
       },
     ],
   },
   {
     id: "columns-ngrams",
     title: "Columns & N-grams",
-    description: "Align text into columns and generate unigrams, bigrams and n-grams.",
+    description:
+      "Align text into columns and generate unigrams, bigrams and n-grams.",
     tools: [
       {
         slug: "text-to-columns",
         name: "Convert Text to Nice Columns",
-        description: "Pad tokens to a fixed width and arrange them in rows of six columns.",
+        description:
+          "Pad tokens to a fixed width and arrange them in rows of six columns.",
         options: [
-          { kind: "number", key: "width", label: "Column width", default: 16, min: 4, max: 60, step: 1 },
+          {
+            kind: "number",
+            key: "width",
+            label: "Column width",
+            default: 16,
+            min: 4,
+            max: 60,
+            step: 1,
+          },
         ],
         run: (input, o) => {
           const width = Math.max(1, Number(o.width ?? 16));
           const items = tokens(input);
           return chunk(items, 6)
-            .map((row) => row.map((it) => it.padEnd(width)).join("").trimEnd())
+            .map((row) =>
+              row
+                .map((it) => it.padEnd(width))
+                .join("")
+                .trimEnd(),
+            )
             .join("\n");
         },
       },
@@ -1597,7 +2144,12 @@ export const TEXT_PART2: TextToolGroup[] = [
         description: "Parse aligned columns back into one item per line.",
         run: (input) =>
           toLines(input)
-            .flatMap((l) => l.split(/\s{2,}/).map((s) => s.trim()).filter(Boolean))
+            .flatMap((l) =>
+              l
+                .split(/\s{2,}/)
+                .map((s) => s.trim())
+                .filter(Boolean),
+            )
             .join("\n"),
       },
       {
@@ -1613,7 +2165,8 @@ export const TEXT_PART2: TextToolGroup[] = [
         run: (input) => {
           const ws = tokens(input);
           const out: string[] = [];
-          for (let i = 0; i + 1 < ws.length; i++) out.push(`${ws[i]} ${ws[i + 1]}`);
+          for (let i = 0; i + 1 < ws.length; i++)
+            out.push(`${ws[i]} ${ws[i + 1]}`);
           return out.join("\n");
         },
       },
@@ -1622,23 +2175,49 @@ export const TEXT_PART2: TextToolGroup[] = [
         name: "Generate Text N-grams",
         description: "Output sliding windows of N words.",
         options: [
-          { kind: "number", key: "size", label: "N", default: 3, min: 2, max: 10, step: 1 },
+          {
+            kind: "number",
+            key: "size",
+            label: "N",
+            default: 3,
+            min: 2,
+            max: 10,
+            step: 1,
+          },
         ],
         run: (input, o) => {
           const size = Math.max(1, Number(o.size ?? 3));
           const ws = tokens(input);
           const out: string[] = [];
-          for (let i = 0; i + size <= ws.length; i++) out.push(ws.slice(i, i + size).join(" "));
+          for (let i = 0; i + size <= ws.length; i++)
+            out.push(ws.slice(i, i + size).join(" "));
           return out.join("\n");
         },
       },
       {
         slug: "text-skipgrams",
         name: "Generate Text Skip-grams",
-        description: "Output groups of N words spaced a chosen number of positions apart.",
+        description:
+          "Output groups of N words spaced a chosen number of positions apart.",
         options: [
-          { kind: "number", key: "size", label: "Size", default: 3, min: 2, max: 6, step: 1 },
-          { kind: "number", key: "skip", label: "Skip", default: 1, min: 1, max: 10, step: 1 },
+          {
+            kind: "number",
+            key: "size",
+            label: "Size",
+            default: 3,
+            min: 2,
+            max: 6,
+            step: 1,
+          },
+          {
+            kind: "number",
+            key: "skip",
+            label: "Skip",
+            default: 1,
+            min: 1,
+            max: 10,
+            step: 1,
+          },
         ],
         run: (input, o) => {
           const size = Math.max(1, Number(o.size ?? 3));
@@ -1659,13 +2238,17 @@ export const TEXT_PART2: TextToolGroup[] = [
   {
     id: "misc-encoding",
     title: "Misc & Base-Encoding Conversion",
-    description: "ASCII art, morse code, complexity statistics and base encodings.",
+    description:
+      "ASCII art, morse code, complexity statistics and base encodings.",
     tools: [
       {
         slug: "zigzag-text",
         name: "Create ZigZag Text",
         description: "Reverse every other word to create a zigzag rhythm.",
-        run: (input) => words(input).map((w, i) => (i % 2 === 1 ? [...w].reverse().join("") : w)).join(" "),
+        run: (input) =>
+          words(input)
+            .map((w, i) => (i % 2 === 1 ? [...w].reverse().join("") : w))
+            .join(" "),
       },
       {
         slug: "text-box",
@@ -1681,7 +2264,8 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "text-to-morse",
         name: "Convert Text to Morse Code",
-        description: "Encode the text into morse code, slash-separated between words.",
+        description:
+          "Encode the text into morse code, slash-separated between words.",
         run: (input) => textToMorse(input),
       },
       {
@@ -1693,13 +2277,17 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "text-complexity",
         name: "Calculate Text Complexity",
-        description: "Report length, entropy and a weighted complexity score out of 100.",
+        description:
+          "Report length, entropy and a weighted complexity score out of 100.",
         run: (input) => {
           const chars = [...input].length;
           const ws = words(input);
           const meanW = ws.length ? [...ws].join("").length / ws.length : 0;
           const ent = shannonEntropy(input);
-          const score = Math.min(100, Math.round(chars * 0.3 + ws.length * 2 + meanW * 3 + ent * 5));
+          const score = Math.min(
+            100,
+            Math.round(chars * 0.3 + ws.length * 2 + meanW * 3 + ent * 5),
+          );
           return [
             `Characters: ${chars}`,
             `Words: ${ws.length}`,
@@ -1713,12 +2301,16 @@ export const TEXT_PART2: TextToolGroup[] = [
         slug: "text-to-binary",
         name: "Convert Text to Binary",
         description: "Encode each character as 8-bit binary, space separated.",
-        run: (input) => [...input].map((c) => c.charCodeAt(0).toString(2).padStart(8, "0")).join(" "),
+        run: (input) =>
+          [...input]
+            .map((c) => c.charCodeAt(0).toString(2).padStart(8, "0"))
+            .join(" "),
       },
       {
         slug: "binary-to-text",
         name: "Convert Binary to Text",
-        description: "Decode space-separated binary chunks back into characters.",
+        description:
+          "Decode space-separated binary chunks back into characters.",
         run: (input) =>
           input
             .split(/\s+/)
@@ -1730,12 +2322,16 @@ export const TEXT_PART2: TextToolGroup[] = [
         slug: "text-to-octal",
         name: "Convert Text to Octal",
         description: "Encode each character as padded octal, space separated.",
-        run: (input) => [...input].map((c) => c.charCodeAt(0).toString(8).padStart(3, "0")).join(" "),
+        run: (input) =>
+          [...input]
+            .map((c) => c.charCodeAt(0).toString(8).padStart(3, "0"))
+            .join(" "),
       },
       {
         slug: "octal-to-text",
         name: "Convert Octal to Text",
-        description: "Decode space-separated octal chunks back into characters.",
+        description:
+          "Decode space-separated octal chunks back into characters.",
         run: (input) =>
           input
             .split(/\s+/)
@@ -1746,13 +2342,16 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "text-to-decimal",
         name: "Convert Text to Decimal",
-        description: "Encode each character as its decimal code unit, space separated.",
-        run: (input) => [...input].map((c) => String(c.charCodeAt(0))).join(" "),
+        description:
+          "Encode each character as its decimal code unit, space separated.",
+        run: (input) =>
+          [...input].map((c) => String(c.charCodeAt(0))).join(" "),
       },
       {
         slug: "decimal-to-text",
         name: "Convert Decimal to Text",
-        description: "Decode space-separated decimal code units back into characters.",
+        description:
+          "Decode space-separated decimal code units back into characters.",
         run: (input) =>
           input
             .split(/\s+/)
@@ -1763,7 +2362,8 @@ export const TEXT_PART2: TextToolGroup[] = [
       {
         slug: "text-to-hex",
         name: "Convert Text to Hex",
-        description: "Encode text as UTF-8 hex bytes by default, or per-code-unit hex.",
+        description:
+          "Encode text as UTF-8 hex bytes by default, or per-code-unit hex.",
         options: [
           { kind: "toggle", key: "utf8", label: "UTF-8 bytes", default: true },
         ],
@@ -1773,15 +2373,21 @@ export const TEXT_PART2: TextToolGroup[] = [
               .map((b) => b.toString(16).padStart(2, "0"))
               .join(" ");
           }
-          return [...input].map((c) => c.charCodeAt(0).toString(16).padStart(4, "0")).join(" ");
+          return [...input]
+            .map((c) => c.charCodeAt(0).toString(16).padStart(4, "0"))
+            .join(" ");
         },
       },
       {
         slug: "hex-to-text",
         name: "Convert Hex to Text",
-        description: "Decode two-digit hex bytes as UTF-8, or hex code units otherwise.",
+        description:
+          "Decode two-digit hex bytes as UTF-8, or hex code units otherwise.",
         run: (input) => {
-          const parts = input.trim().split(/\s+/).filter((p) => /^[0-9a-fA-F]+$/.test(p));
+          const parts = input
+            .trim()
+            .split(/\s+/)
+            .filter((p) => /^[0-9a-fA-F]+$/.test(p));
           if (parts.length === 0) return "";
           if (parts.every((p) => p.length === 2)) {
             const bytes = parts.map((p) => parseInt(p, 16));
@@ -1791,9 +2397,11 @@ export const TEXT_PART2: TextToolGroup[] = [
               return String.fromCharCode(...bytes);
             }
           }
-          return parts.map((p) => String.fromCharCode(parseInt(p, 16))).join("");
+          return parts
+            .map((p) => String.fromCharCode(parseInt(p, 16)))
+            .join("");
         },
       },
     ],
   },
-];
\ No newline at end of file
+];
diff --git a/artifacts/personal-tool-console/src/lib/tools/text/types.ts b/artifacts/personal-tool-console/src/lib/tools/text/types.ts
index 94ac38a..f62203d 100644
--- a/artifacts/personal-tool-console/src/lib/tools/text/types.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/text/types.ts
@@ -2,9 +2,29 @@
 // Pure logic only — no React imports.
 
 export type TextOpt =
-  | { kind: "text"; key: string; label: string; default?: string; placeholder?: string }
-  | { kind: "number"; key: string; label: string; default?: number; min?: number; max?: number; step?: number }
-  | { kind: "select"; key: string; label: string; options: string[]; default?: string }
+  | {
+      kind: "text";
+      key: string;
+      label: string;
+      default?: string;
+      placeholder?: string;
+    }
+  | {
+      kind: "number";
+      key: string;
+      label: string;
+      default?: number;
+      min?: number;
+      max?: number;
+      step?: number;
+    }
+  | {
+      kind: "select";
+      key: string;
+      label: string;
+      options: string[];
+      default?: string;
+    }
   | { kind: "toggle"; key: string; label: string; default?: boolean };
 
 export type TextOpts = Record<string, string | number | boolean | undefined>;
@@ -22,4 +42,4 @@ export type TextToolGroup = {
   title: string;
   description?: string;
   tools: TextToolSpec[];
-};
\ No newline at end of file
+};
diff --git a/artifacts/personal-tool-console/src/lib/tools/timestamp.ts b/artifacts/personal-tool-console/src/lib/tools/timestamp.ts
index 2d91f79..fd7a910 100644
--- a/artifacts/personal-tool-console/src/lib/tools/timestamp.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/timestamp.ts
@@ -1,14 +1,19 @@
 const FMT: Intl.DateTimeFormatOptions = {
-  year: 'numeric', month: 'short', day: 'numeric',
-  hour: '2-digit', minute: '2-digit', second: '2-digit',
-  timeZoneName: 'short',
+  year: "numeric",
+  month: "short",
+  day: "numeric",
+  hour: "2-digit",
+  minute: "2-digit",
+  second: "2-digit",
+  timeZoneName: "short",
 };
 
 export function timestampNow() {
   const now = new Date();
   const unix = Math.floor(now.getTime() / 1000);
   return {
-    unix, unixMs: now.getTime(),
+    unix,
+    unixMs: now.getTime(),
     utc: now.toUTCString(),
     local: now.toLocaleString(undefined, FMT),
     iso: now.toISOString(),
@@ -18,9 +23,10 @@ export function timestampNow() {
 export function timestampFromUnix(value: string) {
   const n = Number(value);
   const d = new Date(n > 1e10 ? n : n * 1000);
-  if (isNaN(d.getTime())) throw new Error('Invalid Unix timestamp');
+  if (isNaN(d.getTime())) throw new Error("Invalid Unix timestamp");
   return {
-    unix: Math.floor(d.getTime() / 1000), unixMs: d.getTime(),
+    unix: Math.floor(d.getTime() / 1000),
+    unixMs: d.getTime(),
     utc: d.toUTCString(),
     local: d.toLocaleString(undefined, FMT),
     iso: d.toISOString(),
@@ -28,10 +34,13 @@ export function timestampFromUnix(value: string) {
 }
 
 export function timestampFromDate(value: string) {
-  const d = new Date(value.includes('T') || value.includes(' ') ? value : value + 'T00:00:00');
-  if (isNaN(d.getTime())) throw new Error('Invalid date string');
+  const d = new Date(
+    value.includes("T") || value.includes(" ") ? value : value + "T00:00:00",
+  );
+  if (isNaN(d.getTime())) throw new Error("Invalid date string");
   return {
-    unix: Math.floor(d.getTime() / 1000), unixMs: d.getTime(),
+    unix: Math.floor(d.getTime() / 1000),
+    unixMs: d.getTime(),
     utc: d.toUTCString(),
     local: d.toLocaleString(undefined, FMT),
     iso: d.toISOString(),
diff --git a/artifacts/personal-tool-console/src/lib/tools/unit-converter.ts b/artifacts/personal-tool-console/src/lib/tools/unit-converter.ts
index 4648727..e003eb4 100644
--- a/artifacts/personal-tool-console/src/lib/tools/unit-converter.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/unit-converter.ts
@@ -1,24 +1,43 @@
 export const UNIT_TABLE: Record<string, Record<string, number>> = {
   length: {
-    mm: 0.001, cm: 0.01, m: 1, km: 1000,
-    in: 0.0254, ft: 0.3048, yd: 0.9144, mi: 1609.344,
+    mm: 0.001,
+    cm: 0.01,
+    m: 1,
+    km: 1000,
+    in: 0.0254,
+    ft: 0.3048,
+    yd: 0.9144,
+    mi: 1609.344,
   },
   mass: {
-    mg: 0.000001, g: 0.001, kg: 1,
-    oz: 0.028349523125, lb: 0.45359237,
+    mg: 0.000001,
+    g: 0.001,
+    kg: 1,
+    oz: 0.028349523125,
+    lb: 0.45359237,
   },
   speed: {
-    'm/s': 1, 'km/h': 1000 / 3600,
-    mph: 1609.344 / 3600, knot: 1852 / 3600,
+    "m/s": 1,
+    "km/h": 1000 / 3600,
+    mph: 1609.344 / 3600,
+    knot: 1852 / 3600,
   },
   area: {
-    m2: 1, cm2: 0.0001, km2: 1_000_000,
-    acre: 4046.8564224, ha: 10_000,
+    m2: 1,
+    cm2: 0.0001,
+    km2: 1_000_000,
+    acre: 4046.8564224,
+    ha: 10_000,
   },
   volume: {
-    ml: 0.000001, l: 0.001, m3: 1,
-    tsp: 0.00000492892159375, tbsp: 0.00001478676478125,
-    cup: 0.0002365882365, fl_oz: 0.0000295735295625, gal: 0.003785411784,
+    ml: 0.000001,
+    l: 0.001,
+    m3: 1,
+    tsp: 0.00000492892159375,
+    tbsp: 0.00001478676478125,
+    cup: 0.0002365882365,
+    fl_oz: 0.0000295735295625,
+    gal: 0.003785411784,
   },
 };
 
@@ -31,7 +50,8 @@ export function findUnitCategory(unit: string) {
 
 export function convertUnits(value: number, from: string, to: string) {
   const category = findUnitCategory(from);
-  if (!category || findUnitCategory(to) !== category) throw new Error('Unsupported unit pair');
+  if (!category || findUnitCategory(to) !== category)
+    throw new Error("Unsupported unit pair");
   const base = value * UNIT_TABLE[category][from];
   return base / UNIT_TABLE[category][to];
 }
diff --git a/artifacts/personal-tool-console/src/lib/tools/utf8.ts b/artifacts/personal-tool-console/src/lib/tools/utf8.ts
index be543f0..87eb9df 100644
--- a/artifacts/personal-tool-console/src/lib/tools/utf8.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/utf8.ts
@@ -23,10 +23,19 @@ export function utf8BytesToText(bytes: ArrayLike<number>): string {
   return new TextDecoder().decode(new Uint8Array(bytes));
 }
 
-export function textToCodepoints(text: string): Array<{ char: string; codepoint: number; hex: string; utf8: string; html: string; js: string }> {
+export function textToCodepoints(text: string): Array<{
+  char: string;
+  codepoint: number;
+  hex: string;
+  utf8: string;
+  html: string;
+  js: string;
+}> {
   return Array.from(text).map((char) => {
     const hex = char.codePointAt(0)!;
-    const utf8 = textToUtf8Bytes(char).map((b) => b.hex).join(" ");
+    const utf8 = textToUtf8Bytes(char)
+      .map((b) => b.hex)
+      .join(" ");
     return {
       char,
       codepoint: hex,
@@ -47,7 +56,10 @@ export function validateUtf8(input: string): Utf8Validation {
   let bytes: number[];
   const hexish = /^(?:[0-9a-fA-F]{2}\s*)+$/.test(input.trim());
   if (hexish) {
-    bytes = input.trim().split(/\s+/).map((h) => parseInt(h, 16));
+    bytes = input
+      .trim()
+      .split(/\s+/)
+      .map((h) => parseInt(h, 16));
   } else {
     bytes = Array.from(new TextEncoder().encode(input));
   }
@@ -64,21 +76,37 @@ export function validateUtf8(input: string): Utf8Validation {
       continue;
     }
     if (b >= 0xc2 && b <= 0xdf) {
-      if (i + 1 >= bytes.length || (bytes[i + 1] & 0xc0) !== 0x80) return fail(i, "Invalid continuation byte", 1);
+      if (i + 1 >= bytes.length || (bytes[i + 1] & 0xc0) !== 0x80)
+        return fail(i, "Invalid continuation byte", 1);
       i += 2;
       continue;
     }
     if (b >= 0xe0 && b <= 0xef) {
-      if (i + 2 >= bytes.length || (bytes[i + 1] & 0xc0) !== 0x80 || (bytes[i + 2] & 0xc0) !== 0x80) return fail(i, "Incomplete multi-byte sequence", 1);
-      if (b === 0xe0 && bytes[i + 1] < 0xa0) return fail(i, "Overlong encoding", 2);
-      if (b === 0xed && bytes[i + 1] > 0x9f) return fail(i, "Surrogate in UTF-8", 2);
+      if (
+        i + 2 >= bytes.length ||
+        (bytes[i + 1] & 0xc0) !== 0x80 ||
+        (bytes[i + 2] & 0xc0) !== 0x80
+      )
+        return fail(i, "Incomplete multi-byte sequence", 1);
+      if (b === 0xe0 && bytes[i + 1] < 0xa0)
+        return fail(i, "Overlong encoding", 2);
+      if (b === 0xed && bytes[i + 1] > 0x9f)
+        return fail(i, "Surrogate in UTF-8", 2);
       i += 3;
       continue;
     }
     if (b >= 0xf0 && b <= 0xf4) {
-      if (i + 3 >= bytes.length || (bytes[i + 1] & 0xc0) !== 0x80 || (bytes[i + 2] & 0xc0) !== 0x80 || (bytes[i + 3] & 0xc0) !== 0x80) return fail(i, "Incomplete multi-byte sequence", 1);
-      if (b === 0xf0 && bytes[i + 1] < 0x90) return fail(i, "Overlong encoding", 3);
-      if (b > 0xf4 || (b === 0xf4 && bytes[i + 1] > 0x8f)) return fail(i, "Code point above U+10FFFF", 3);
+      if (
+        i + 3 >= bytes.length ||
+        (bytes[i + 1] & 0xc0) !== 0x80 ||
+        (bytes[i + 2] & 0xc0) !== 0x80 ||
+        (bytes[i + 3] & 0xc0) !== 0x80
+      )
+        return fail(i, "Incomplete multi-byte sequence", 1);
+      if (b === 0xf0 && bytes[i + 1] < 0x90)
+        return fail(i, "Overlong encoding", 3);
+      if (b > 0xf4 || (b === 0xf4 && bytes[i + 1] > 0x8f))
+        return fail(i, "Code point above U+10FFFF", 3);
       i += 4;
       continue;
     }
@@ -99,7 +127,10 @@ export function detectBom(text: string): boolean {
   return text.startsWith("\uFEFF");
 }
 
-export function escapeSequences(text: string, mode: "unicode" | "hex" | "raw"): string {
+export function escapeSequences(
+  text: string,
+  mode: "unicode" | "hex" | "raw",
+): string {
   return Array.from(text)
     .map((ch) => {
       const cp = ch.codePointAt(0)!;
@@ -109,19 +140,30 @@ export function escapeSequences(text: string, mode: "unicode" | "hex" | "raw"):
         case "hex":
           return cp > 0x7f ? `\\x${cp.toString(16).padStart(4, "0")}` : ch;
         case "raw":
-          return ch.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\n/g, "\\n").replace(/\t/g, "\\t").replace(/\r/g, "\\r");
+          return ch
+            .replace(/\\/g, "\\\\")
+            .replace(/"/g, '\\"')
+            .replace(/\n/g, "\\n")
+            .replace(/\t/g, "\\t")
+            .replace(/\r/g, "\\r");
       }
     })
     .join("");
 }
 
 export function unescapeSequences(text: string): string {
-  const unicode = text.replace(/\\u\{([0-9a-fA-F]+)\}/g, (_, hex) => String.fromCodePoint(parseInt(hex, 16)));
-  const hex4 = unicode.replace(/\\u([0-9a-fA-F]{4})/g, (_, hex) => String.fromCharCode(parseInt(hex, 16)));
-  const hex2 = hex4.replace(/\\x([0-9a-fA-F]{2})/g, (_, hex) => String.fromCharCode(parseInt(hex, 16)));
+  const unicode = text.replace(/\\u\{([0-9a-fA-F]+)\}/g, (_, hex) =>
+    String.fromCodePoint(parseInt(hex, 16)),
+  );
+  const hex4 = unicode.replace(/\\u([0-9a-fA-F]{4})/g, (_, hex) =>
+    String.fromCharCode(parseInt(hex, 16)),
+  );
+  const hex2 = hex4.replace(/\\x([0-9a-fA-F]{2})/g, (_, hex) =>
+    String.fromCharCode(parseInt(hex, 16)),
+  );
   return hex2
     .replace(/\\n/g, "\n")
     .replace(/\\t/g, "\t")
     .replace(/\\r/g, "\r")
     .replace(/\\\\/g, "\\");
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/lib/tools/xml.ts b/artifacts/personal-tool-console/src/lib/tools/xml.ts
index df82eac..6202066 100644
--- a/artifacts/personal-tool-console/src/lib/tools/xml.ts
+++ b/artifacts/personal-tool-console/src/lib/tools/xml.ts
@@ -24,12 +24,15 @@ export function formatXml(xml: string, indentSize = 2): string {
       const el = child as Element;
       const indent = " ".repeat(depth);
       out += indent + `<${el.tagName}`;
-      for (const attr of Array.from(el.attributes)) out += ` ${attr.name}="${attr.value}"`;
+      for (const attr of Array.from(el.attributes))
+        out += ` ${attr.name}="${attr.value}"`;
       if (el.childNodes.length === 0) {
         out += " />\n";
         continue;
       }
-      const hasText = Array.from(el.childNodes).some((n) => n.nodeType === Node.TEXT_NODE && (n.textContent ?? "").trim());
+      const hasText = Array.from(el.childNodes).some(
+        (n) => n.nodeType === Node.TEXT_NODE && (n.textContent ?? "").trim(),
+      );
       if (hasText && el.childNodes.length === 1) {
         out += `>${(el.textContent ?? "").trim()}</${el.tagName}>\n`;
       } else {
@@ -86,11 +89,13 @@ interface XmlNode {
 
 function elementToObject(el: Element): XmlNode {
   const attributes: Record<string, string> = {};
-  for (const attr of Array.from(el.attributes)) attributes[attr.name] = attr.value;
+  for (const attr of Array.from(el.attributes))
+    attributes[attr.name] = attr.value;
   const children: XmlNode[] = [];
   let text = "";
   for (const n of Array.from(el.childNodes)) {
-    if (n.nodeType === Node.ELEMENT_NODE) children.push(elementToObject(n as Element));
+    if (n.nodeType === Node.ELEMENT_NODE)
+      children.push(elementToObject(n as Element));
     else if (n.nodeType === Node.TEXT_NODE) text += n.textContent ?? "";
   }
   return { tag: el.tagName, attributes, children, text: text.trim() };
@@ -103,14 +108,16 @@ export function xmlToJson(xml: string): string {
     if (n.children.length === 0) {
       return Object.keys(n.attributes).length > 0
         ? { "#text": n.text, ...makeAttrs(n) }
-        : (n.text || null);
+        : n.text || null;
     }
     const obj: Record<string, unknown> = {};
     if (Object.keys(n.attributes).length > 0) Object.assign(obj, makeAttrs(n));
     for (const child of n.children) {
       const value = serialize(child);
       if (obj[child.tag]) {
-        obj[child.tag] = Array.isArray(obj[child.tag]) ? [...(obj[child.tag] as unknown[]), value] : [obj[child.tag], value];
+        obj[child.tag] = Array.isArray(obj[child.tag])
+          ? [...(obj[child.tag] as unknown[]), value]
+          : [obj[child.tag], value];
       } else {
         obj[child.tag] = value;
       }
@@ -118,14 +125,21 @@ export function xmlToJson(xml: string): string {
     if (n.text) obj["#text"] = n.text;
     return obj;
   };
-  const makeAttrs = (n: XmlNode) => Object.fromEntries(Object.entries(n.attributes).map(([k, v]) => [`@${k}`, v]));
+  const makeAttrs = (n: XmlNode) =>
+    Object.fromEntries(
+      Object.entries(n.attributes).map(([k, v]) => [`@${k}`, v]),
+    );
   return JSON.stringify(serialize(node), null, 2);
 }
 
 export function jsonToXml(input: string, rootName = "root"): string {
   const parsed: unknown = JSON.parse(input);
   const escape = (s: string) =>
-    s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+    s
+      .replace(/&/g, "&amp;")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;")
+      .replace(/"/g, "&quot;");
 
   const build = (key: string, value: unknown): string => {
     if (value === null || value === undefined) return "";
@@ -133,14 +147,22 @@ export function jsonToXml(input: string, rootName = "root"): string {
       const entries = Object.entries(value as Record<string, unknown>);
       const attrKeys = entries.filter(([k]) => k.startsWith("@"));
       const textKey = entries.find(([k]) => k === "#text");
-      const childKeys = entries.filter(([k]) => !k.startsWith("@") && k !== "#text");
-      const attrs = attrKeys.map(([k, v]) => ` ${k.slice(1)}="${escape(String(v))}"`).join("");
+      const childKeys = entries.filter(
+        ([k]) => !k.startsWith("@") && k !== "#text",
+      );
+      const attrs = attrKeys
+        .map(([k, v]) => ` ${k.slice(1)}="${escape(String(v))}"`)
+        .join("");
       if (childKeys.length === 0) {
         return `<${key}${attrs}>${textKey ? escape(String(textKey[1])) : ""}</${key}>`;
       }
-      const body = childKeys.map(([k, v]) =>
-        Array.isArray(v) ? v.map((item) => build(k, item)).join("") : build(k, v),
-      ).join("");
+      const body = childKeys
+        .map(([k, v]) =>
+          Array.isArray(v)
+            ? v.map((item) => build(k, item)).join("")
+            : build(k, v),
+        )
+        .join("");
       return `<${key}${attrs}>${textKey ? escape(String(textKey[1])) : ""}${body}</${key}>`;
     }
     return `<${key}>${escape(String(value))}</${key}>`;
@@ -155,4 +177,4 @@ export function jsonToXml(input: string, rootName = "root"): string {
 export function extractTextFromXml(xml: string): string {
   const doc = parseXml(xml);
   return (doc.documentElement.textContent ?? "").trim();
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/pages/catalog.tsx b/artifacts/personal-tool-console/src/pages/catalog.tsx
index bc50a9f..3645653 100644
--- a/artifacts/personal-tool-console/src/pages/catalog.tsx
+++ b/artifacts/personal-tool-console/src/pages/catalog.tsx
@@ -34,7 +34,9 @@ function ToolCard({ tool }: { tool: ToolDefinition }) {
         )}
       </div>
       <h3 className="mt-3 text-sm font-medium leading-snug">{tool.name}</h3>
-      <p className="mt-1 line-clamp-2 text-xs leading-relaxed text-muted-foreground">{tool.description}</p>
+      <p className="mt-1 line-clamp-2 text-xs leading-relaxed text-muted-foreground">
+        {tool.description}
+      </p>
       {tool.commands && tool.commands[0] && (
         <code className="mt-3 hidden truncate rounded-md bg-black/30 px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground sm:block">
           {tool.commands[0]}
@@ -44,7 +46,13 @@ function ToolCard({ tool }: { tool: ToolDefinition }) {
   );
 }
 
-function SectionGrid({ meta, tools }: { meta: ToolCategoryMeta; tools: ToolDefinition[] }) {
+function SectionGrid({
+  meta,
+  tools,
+}: {
+  meta: ToolCategoryMeta;
+  tools: ToolDefinition[];
+}) {
   const Icon = meta.icon;
   const groups = useMemo(() => {
     const map = new Map<string | undefined, ToolDefinition[]>();
@@ -71,7 +79,9 @@ function SectionGrid({ meta, tools }: { meta: ToolCategoryMeta; tools: ToolDefin
       {groups.map(([group, items]) => (
         <div key={group ?? "__root"} className="mb-6">
           {group && (
-            <h3 className="mb-2 text-xs font-medium uppercase tracking-wider text-muted-foreground/70">{group}</h3>
+            <h3 className="mb-2 text-xs font-medium uppercase tracking-wider text-muted-foreground/70">
+              {group}
+            </h3>
           )}
           <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
             {items.map((tool) => (
@@ -92,11 +102,15 @@ export default function Catalog() {
 
   useEffect(() => {
     if (!search) return;
-    const category = new URLSearchParams(search).get("category") as ToolCategoryId | null;
+    const category = new URLSearchParams(search).get(
+      "category",
+    ) as ToolCategoryId | null;
     if (category && focusedRef.current !== category) {
       focusedRef.current = category;
       requestAnimationFrame(() => {
-        document.getElementById(category)?.scrollIntoView({ behavior: "smooth" });
+        document
+          .getElementById(category)
+          ?.scrollIntoView({ behavior: "smooth" });
       });
     }
   }, [search]);
@@ -104,7 +118,10 @@ export default function Catalog() {
   const categories = useMemo(() => getCategoriesWithTools(), []);
   const recent = useMemo(() => getRecentTools(), []);
   const results = useMemo(() => searchTools(query, 40), [query]);
-  const totalReady = useMemo(() => categories.reduce((acc, c) => acc + c.ready, 0), [categories]);
+  const totalReady = useMemo(
+    () => categories.reduce((acc, c) => acc + c.ready, 0),
+    [categories],
+  );
 
   return (
     <div className="mx-auto max-w-7xl px-4 py-10 lg:px-8">
@@ -117,8 +134,9 @@ export default function Catalog() {
           One toolbox for text, code, media and more
         </h1>
         <p className="mx-auto mt-3 max-w-xl text-sm text-muted-foreground">
-          {totalReady} practical utilities across {categories.length} categories — no sign-up, no uploads. Find a tool,
-          or type a command into the console.
+          {totalReady} practical utilities across {categories.length} categories
+          — no sign-up, no uploads. Find a tool, or type a command into the
+          console.
         </p>
         <div className="relative mx-auto mt-8 max-w-xl">
           <Search className="absolute left-4 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
@@ -153,7 +171,10 @@ export default function Catalog() {
               {recent.slice(0, 3).map((t, i) => (
                 <span key={t.slug}>
                   {i > 0 && " · "}
-                  <Link href={`/tools/${t.slug}`} className="underline decoration-border underline-offset-4 hover:text-foreground">
+                  <Link
+                    href={`/tools/${t.slug}`}
+                    className="underline decoration-border underline-offset-4 hover:text-foreground"
+                  >
                     {t.name}
                   </Link>
                 </span>
@@ -167,11 +188,13 @@ export default function Catalog() {
         <section className="pb-8">
           <h2 className="mb-4 flex items-center gap-2 text-sm font-semibold uppercase tracking-wide text-muted-foreground">
             <Layers className="h-4 w-4" />
-            {results.length} result{results.length === 1 ? "" : "s"} for “{query.trim()}”
+            {results.length} result{results.length === 1 ? "" : "s"} for “
+            {query.trim()}”
           </h2>
           {results.length === 0 ? (
             <p className="rounded-2xl border border-border bg-card/60 p-6 text-sm text-muted-foreground">
-              Nothing matched “{query.trim()}”. Try a broader term, or browse a category below.
+              Nothing matched “{query.trim()}”. Try a broader term, or browse a
+              category below.
             </p>
           ) : (
             <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
@@ -190,4 +213,4 @@ export default function Catalog() {
       )}
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/pages/console.tsx b/artifacts/personal-tool-console/src/pages/console.tsx
index b2a015b..bff26eb 100644
--- a/artifacts/personal-tool-console/src/pages/console.tsx
+++ b/artifacts/personal-tool-console/src/pages/console.tsx
@@ -1,74 +1,103 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { QRCodeSVG } from 'qrcode.react';
-import { useSearch } from 'wouter';
-import { loadJson, saveJson, STORAGE_KEYS, DEFAULT_PREFS } from '@/lib/storage';
+import React, { useEffect, useMemo, useRef, useState } from "react";
+import { QRCodeSVG } from "qrcode.react";
+import { useSearch } from "wouter";
+import { loadJson, saveJson, STORAGE_KEYS, DEFAULT_PREFS } from "@/lib/storage";
 
 const UNIT_TABLE: Record<string, Record<string, number>> = {
   length: {
-    mm: 0.001, cm: 0.01, m: 1, km: 1000,
-    in: 0.0254, ft: 0.3048, yd: 0.9144, mi: 1609.344,
+    mm: 0.001,
+    cm: 0.01,
+    m: 1,
+    km: 1000,
+    in: 0.0254,
+    ft: 0.3048,
+    yd: 0.9144,
+    mi: 1609.344,
   },
   mass: {
-    mg: 0.000001, g: 0.001, kg: 1,
-    oz: 0.028349523125, lb: 0.45359237,
+    mg: 0.000001,
+    g: 0.001,
+    kg: 1,
+    oz: 0.028349523125,
+    lb: 0.45359237,
   },
   speed: {
-    'm/s': 1, 'km/h': 1000 / 3600,
-    mph: 1609.344 / 3600, knot: 1852 / 3600,
+    "m/s": 1,
+    "km/h": 1000 / 3600,
+    mph: 1609.344 / 3600,
+    knot: 1852 / 3600,
   },
   area: {
-    'm2': 1, 'cm2': 0.0001, 'km2': 1_000_000,
-    acre: 4046.8564224, ha: 10_000,
+    m2: 1,
+    cm2: 0.0001,
+    km2: 1_000_000,
+    acre: 4046.8564224,
+    ha: 10_000,
   },
   volume: {
-    ml: 0.000001, l: 0.001, m3: 1,
-    tsp: 0.00000492892159375, tbsp: 0.00001478676478125,
-    cup: 0.0002365882365, fl_oz: 0.0000295735295625, gal: 0.003785411784,
+    ml: 0.000001,
+    l: 0.001,
+    m3: 1,
+    tsp: 0.00000492892159375,
+    tbsp: 0.00001478676478125,
+    cup: 0.0002365882365,
+    fl_oz: 0.0000295735295625,
+    gal: 0.003785411784,
   },
 };
 
 const CURRENCY_SYMBOLS: Record<string, string> = {
-  usd: '$', myr: 'RM', eur: '€', gbp: '£',
-  jpy: '¥', sgd: 'S$', aud: 'A$', idr: 'Rp',
+  usd: "$",
+  myr: "RM",
+  eur: "€",
+  gbp: "£",
+  jpy: "¥",
+  sgd: "S$",
+  aud: "A$",
+  idr: "Rp",
 };
 
 const COMMAND_EXAMPLES = [
-  '100 usd to myr',
-  '10 km to mi',
-  '16 * 24 + 10',
-  'gen password 16 strong',
-  'qr https://example.com',
-  'speed test',
-  'dns lookup google.com',
-  'base64 encode hello world',
-  'base64 decode aGVsbG8gd29ybGQ=',
-  'hash hello world',
-  'timestamp',
-  'timestamp 1700000000',
-  'timestamp 2024-01-15',
+  "100 usd to myr",
+  "10 km to mi",
+  "16 * 24 + 10",
+  "gen password 16 strong",
+  "qr https://example.com",
+  "speed test",
+  "dns lookup google.com",
+  "base64 encode hello world",
+  "base64 decode aGVsbG8gd29ybGQ=",
+  "hash hello world",
+  "timestamp",
+  "timestamp 1700000000",
+  "timestamp 2024-01-15",
 ];
 
 function suggestionDescription(s: string) {
-  if (s.includes(' to ')) return s.includes('usd') || s.includes('myr') || s.includes('eur') ? 'Currency conversion' : 'Unit conversion';
-  if (s.includes('password')) return 'Password generation';
-  if (s.startsWith('qr')) return 'QR generation';
-  if (s.includes('speed')) return 'Network test';
-  if (s.startsWith('dns')) return 'DNS lookup';
-  if (s.startsWith('base64')) return 'Base64 encode/decode';
-  if (s.startsWith('hash')) return 'Hash (SHA-1 / SHA-256 / SHA-512)';
-  if (s.startsWith('timestamp')) return 'Timestamp converter';
-  return 'Math expression';
+  if (s.includes(" to "))
+    return s.includes("usd") || s.includes("myr") || s.includes("eur")
+      ? "Currency conversion"
+      : "Unit conversion";
+  if (s.includes("password")) return "Password generation";
+  if (s.startsWith("qr")) return "QR generation";
+  if (s.includes("speed")) return "Network test";
+  if (s.startsWith("dns")) return "DNS lookup";
+  if (s.startsWith("base64")) return "Base64 encode/decode";
+  if (s.startsWith("hash")) return "Hash (SHA-1 / SHA-256 / SHA-512)";
+  if (s.startsWith("timestamp")) return "Timestamp converter";
+  return "Math expression";
 }
 
 function formatNumber(value: number, digits = 8) {
-  if (!Number.isFinite(value)) return '—';
+  if (!Number.isFinite(value)) return "—";
   const abs = Math.abs(value);
-  if (abs !== 0 && (abs >= 1e9 || abs < 1e-6)) return value.toExponential(6).replace(/\+/, '');
+  if (abs !== 0 && (abs >= 1e9 || abs < 1e-6))
+    return value.toExponential(6).replace(/\+/, "");
   return Number.parseFloat(value.toFixed(digits)).toString();
 }
 
 function normalize(input: string) {
-  return input.trim().replace(/\s+/g, ' ').toLowerCase();
+  return input.trim().replace(/\s+/g, " ").toLowerCase();
 }
 
 function isMathExpression(input: string) {
@@ -76,48 +105,62 @@ function isMathExpression(input: string) {
 }
 
 function safeMathEval(expression: string) {
-  const cleaned = expression.replace(/,/g, '.').replace(/\^/g, '**');
-  if (!/^[0-9+\-*/%().*\s**]+$/.test(cleaned.replace(/\*\*/g, ''))) throw new Error('Invalid expression');
+  const cleaned = expression.replace(/,/g, ".").replace(/\^/g, "**");
+  if (!/^[0-9+\-*/%().*\s**]+$/.test(cleaned.replace(/\*\*/g, "")))
+    throw new Error("Invalid expression");
   // eslint-disable-next-line no-new-func
   const result = Function(`"use strict"; return (${cleaned});`)();
-  if (typeof result !== 'number' || !Number.isFinite(result)) throw new Error('Invalid result');
+  if (typeof result !== "number" || !Number.isFinite(result))
+    throw new Error("Invalid result");
   return result as number;
 }
 
 function parsePasswordCommand(input: string, prefs: typeof DEFAULT_PREFS) {
-  const m = input.match(/^(?:gen\s+)?password(?:\s+(\d{1,3}))?(?:\s+(weak|medium|strong))?$/i);
+  const m = input.match(
+    /^(?:gen\s+)?password(?:\s+(\d{1,3}))?(?:\s+(weak|medium|strong))?$/i,
+  );
   if (!m) return null;
   return {
-    type: 'password',
-    length: Math.max(4, Math.min(128, Number(m[1] || prefs.passwordLength || 16))),
-    mode: (m[2] || prefs.passwordMode || 'strong').toLowerCase(),
+    type: "password",
+    length: Math.max(
+      4,
+      Math.min(128, Number(m[1] || prefs.passwordLength || 16)),
+    ),
+    mode: (m[2] || prefs.passwordMode || "strong").toLowerCase(),
   };
 }
 
 function parseQrCommand(input: string) {
-  if (!input.startsWith('qr ')) return null;
+  if (!input.startsWith("qr ")) return null;
   const value = input.slice(3).trim();
   if (!value) return null;
-  return { type: 'qr', value };
+  return { type: "qr", value };
 }
 
 function parseConversion(input: string, prefs: typeof DEFAULT_PREFS) {
-  const currencyPattern = /^(?:(\d+(?:\.\d+)?)\s+)?([a-z]{3})\s+to\s+([a-z]{3})$/i;
-  const unitPattern = /^(\d+(?:\.\d+)?)\s+([a-z\/0-9_]+)\s+to\s+([a-z\/0-9_]+)$/i;
+  const currencyPattern =
+    /^(?:(\d+(?:\.\d+)?)\s+)?([a-z]{3})\s+to\s+([a-z]{3})$/i;
+  const unitPattern =
+    /^(\d+(?:\.\d+)?)\s+([a-z\/0-9_]+)\s+to\s+([a-z\/0-9_]+)$/i;
   const cm = input.match(currencyPattern);
   if (cm) {
     return {
-      type: 'currency',
+      type: "currency",
       value: cm[1] ? Number(cm[1]) : 1,
       from: cm[2].toLowerCase(),
       to: cm[3].toLowerCase(),
-      note: 'Rates are local/manual in this prototype.',
+      note: "Rates are local/manual in this prototype.",
       prefs,
     };
   }
   const um = input.match(unitPattern);
   if (!um) return null;
-  return { type: 'unit', value: Number(um[1]), from: um[2].toLowerCase(), to: um[3].toLowerCase() };
+  return {
+    type: "unit",
+    value: Number(um[1]),
+    from: um[2].toLowerCase(),
+    to: um[3].toLowerCase(),
+  };
 }
 
 function findUnitCategory(unit: string) {
@@ -129,30 +172,38 @@ function findUnitCategory(unit: string) {
 
 function convertUnits(value: number, from: string, to: string) {
   const category = findUnitCategory(from);
-  if (!category || findUnitCategory(to) !== category) throw new Error('Unsupported unit pair');
+  if (!category || findUnitCategory(to) !== category)
+    throw new Error("Unsupported unit pair");
   const base = value * UNIT_TABLE[category][from];
   return base / UNIT_TABLE[category][to];
 }
 
 function convertCurrency(value: number, from: string, to: string) {
   const rates: Record<string, number> = {
-    usd: 1, myr: 4.7, eur: 0.92, gbp: 0.78,
-    jpy: 154, sgd: 1.35, aud: 1.51, idr: 15850,
+    usd: 1,
+    myr: 4.7,
+    eur: 0.92,
+    gbp: 0.78,
+    jpy: 154,
+    sgd: 1.35,
+    aud: 1.51,
+    idr: 15850,
   };
-  if (!rates[from] || !rates[to]) throw new Error('Unsupported currency');
+  if (!rates[from] || !rates[to]) throw new Error("Unsupported currency");
   return (value / rates[from]) * rates[to];
 }
 
 function randomPassword(length: number, mode: string) {
   const sets: Record<string, string> = {
-    weak: 'abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789',
-    medium: 'abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789!@#$%?_-',
-    strong: 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+-=[]{};:,.<>/?',
+    weak: "abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789",
+    medium: "abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789!@#$%?_-",
+    strong:
+      "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+-=[]{};:,.<>/?",
   };
   const chars = sets[mode] || sets.strong;
   const bytes = new Uint32Array(length);
   window.crypto.getRandomValues(bytes);
-  let out = '';
+  let out = "";
   for (let i = 0; i < length; i++) out += chars[bytes[i] % chars.length];
   return out;
 }
@@ -170,27 +221,43 @@ function strengthScore(pw: string) {
 
 function resultLabel(type: string) {
   switch (type) {
-    case 'math': return 'Calculator';
-    case 'unit': return 'Unit converter';
-    case 'currency': return 'Currency converter';
-    case 'password': return 'Password generator';
-    case 'qr': return 'QR generator';
-    case 'speed': return 'Speed test';
-    case 'dns': return 'DNS lookup';
-    case 'base64': return 'Base64';
-    case 'hash': return 'Hash';
-    case 'timestamp': return 'Timestamp';
-    default: return 'Command';
+    case "math":
+      return "Calculator";
+    case "unit":
+      return "Unit converter";
+    case "currency":
+      return "Currency converter";
+    case "password":
+      return "Password generator";
+    case "qr":
+      return "QR generator";
+    case "speed":
+      return "Speed test";
+    case "dns":
+      return "DNS lookup";
+    case "base64":
+      return "Base64";
+    case "hash":
+      return "Hash";
+    case "timestamp":
+      return "Timestamp";
+    default:
+      return "Command";
   }
 }
 
-function parseTimestampCommand(input: string): { mode: 'now' | 'unix' | 'date'; value: string } | null {
+function parseTimestampCommand(
+  input: string,
+): { mode: "now" | "unix" | "date"; value: string } | null {
   const n = input.trim();
-  if (n === 'timestamp' || n === 'timestamp now') return { mode: 'now', value: '' };
+  if (n === "timestamp" || n === "timestamp now")
+    return { mode: "now", value: "" };
   const unixM = n.match(/^timestamp\s+(\d{1,13})$/);
-  if (unixM) return { mode: 'unix', value: unixM[1] };
-  const dateM = n.match(/^timestamp\s+(\d{4}-\d{2}-\d{2}(?:[T ]\d{2}:\d{2}(?::\d{2})?)?)$/);
-  if (dateM) return { mode: 'date', value: dateM[1] };
+  if (unixM) return { mode: "unix", value: unixM[1] };
+  const dateM = n.match(
+    /^timestamp\s+(\d{4}-\d{2}-\d{2}(?:[T ]\d{2}:\d{2}(?::\d{2})?)?)$/,
+  );
+  if (dateM) return { mode: "date", value: dateM[1] };
   return null;
 }
 
@@ -199,10 +266,12 @@ function parseHashCommand(input: string): string | null {
   return m ? m[1] : null;
 }
 
-function parseBase64Command(input: string): { op: 'encode' | 'decode'; text: string } | null {
+function parseBase64Command(
+  input: string,
+): { op: "encode" | "decode"; text: string } | null {
   const m = input.match(/^base64\s+(encode|decode)\s+(.+)$/is);
   if (!m) return null;
-  return { op: m[1].toLowerCase() as 'encode' | 'decode', text: m[2] };
+  return { op: m[1].toLowerCase() as "encode" | "decode", text: m[2] };
 }
 
 function parseDnsCommand(input: string): string | null {
@@ -214,29 +283,29 @@ type Quality = { label: string; color: string };
 
 function downloadQuality(mbps: string): Quality {
   const v = parseFloat(mbps);
-  if (isNaN(v)) return { label: '—', color: 'text-slate-400' };
-  if (v >= 100) return { label: 'Excellent', color: 'text-cyan-400' };
-  if (v >= 25)  return { label: 'Good',      color: 'text-green-400' };
-  if (v >= 5)   return { label: 'Fair',      color: 'text-amber-400' };
-  return           { label: 'Poor',      color: 'text-red-400' };
+  if (isNaN(v)) return { label: "—", color: "text-slate-400" };
+  if (v >= 100) return { label: "Excellent", color: "text-cyan-400" };
+  if (v >= 25) return { label: "Good", color: "text-green-400" };
+  if (v >= 5) return { label: "Fair", color: "text-amber-400" };
+  return { label: "Poor", color: "text-red-400" };
 }
 
 function uploadQuality(mbps: string): Quality {
   const v = parseFloat(mbps);
-  if (isNaN(v)) return { label: '—', color: 'text-slate-400' };
-  if (v >= 50) return { label: 'Excellent', color: 'text-cyan-400' };
-  if (v >= 10) return { label: 'Good',      color: 'text-green-400' };
-  if (v >= 2)  return { label: 'Fair',      color: 'text-amber-400' };
-  return          { label: 'Poor',      color: 'text-red-400' };
+  if (isNaN(v)) return { label: "—", color: "text-slate-400" };
+  if (v >= 50) return { label: "Excellent", color: "text-cyan-400" };
+  if (v >= 10) return { label: "Good", color: "text-green-400" };
+  if (v >= 2) return { label: "Fair", color: "text-amber-400" };
+  return { label: "Poor", color: "text-red-400" };
 }
 
 function pingQuality(ms: string): Quality {
   const v = parseFloat(ms);
-  if (isNaN(v))  return { label: '—', color: 'text-slate-400' };
-  if (v < 20)    return { label: 'Excellent', color: 'text-cyan-400' };
-  if (v < 50)    return { label: 'Good',      color: 'text-green-400' };
-  if (v < 100)   return { label: 'Fair',      color: 'text-amber-400' };
-  return            { label: 'Poor',      color: 'text-red-400' };
+  if (isNaN(v)) return { label: "—", color: "text-slate-400" };
+  if (v < 20) return { label: "Excellent", color: "text-cyan-400" };
+  if (v < 50) return { label: "Good", color: "text-green-400" };
+  if (v < 100) return { label: "Fair", color: "text-amber-400" };
+  return { label: "Poor", color: "text-red-400" };
 }
 
 function commandSuggestions(query: string) {
@@ -264,19 +333,27 @@ interface SpeedState {
   message?: string;
 }
 
-interface DnsRecord { name: string; type: number; TTL: number; data: string; }
-interface DnsResponse { Status: number; Answer?: DnsRecord[]; }
+interface DnsRecord {
+  name: string;
+  type: number;
+  TTL: number;
+  data: string;
+}
+interface DnsResponse {
+  Status: number;
+  Answer?: DnsRecord[];
+}
 
 export default function Console() {
   const search = useSearch();
   const [prefs, setPrefs] = useState(DEFAULT_PREFS);
-  const [input, setInput] = useState('');
+  const [input, setInput] = useState("");
   const [selectedSuggestion, setSelectedSuggestion] = useState(0);
   const [isPaletteOpen, setIsPaletteOpen] = useState(false);
   const [result, setResult] = useState<HistoryRecord | null>(null);
   const [history, setHistory] = useState<HistoryRecord[]>([]);
   const [pinned, setPinned] = useState<string[]>([]);
-  const [status, setStatus] = useState('Ready');
+  const [status, setStatus] = useState("Ready");
   const [speedState, setSpeedState] = useState<SpeedState | null>(null);
   const inputRef = useRef<HTMLInputElement>(null);
   const prefilledRef = useRef(false);
@@ -295,7 +372,10 @@ export default function Console() {
   }, []);
 
   useEffect(() => saveJson(STORAGE_KEYS.prefs, prefs), [prefs]);
-  useEffect(() => saveJson(STORAGE_KEYS.history, history.slice(0, 80)), [history]);
+  useEffect(
+    () => saveJson(STORAGE_KEYS.history, history.slice(0, 80)),
+    [history],
+  );
   useEffect(() => saveJson(STORAGE_KEYS.pins, pinned), [pinned]);
 
   useEffect(() => {
@@ -303,16 +383,20 @@ export default function Console() {
     prefilledRef.current = true;
     if (!search) return;
     const params = new URLSearchParams(search);
-    const raw = params.get('q');
+    const raw = params.get("q");
     if (!raw) return;
     let query = raw;
-    try { query = decodeURIComponent(raw); } catch { query = raw; }
+    try {
+      query = decodeURIComponent(raw);
+    } catch {
+      query = raw;
+    }
     setInput(query);
     if (query.trim()) {
       const n = normalize(query);
       const dnsDomain = parseDnsCommand(n);
       const hashText = parseHashCommand(n);
-      if (n === 'speed test' || n === 'speed') runSpeedTest();
+      if (n === "speed test" || n === "speed") runSpeedTest();
       else if (dnsDomain) runDnsLookup(dnsDomain, query);
       else if (hashText) runHash(hashText, query);
       else executeCommand(query);
@@ -332,36 +416,49 @@ export default function Console() {
     if (!normalized) return;
 
     let output: Record<string, unknown> = {};
-    let type = 'unknown';
+    let type = "unknown";
     let actions: string[] = [];
 
     try {
-      if (normalized === 'speed test' || normalized === 'speed') {
-        type = 'speed';
+      if (normalized === "speed test" || normalized === "speed") {
+        type = "speed";
         output = {
-          title: 'Speed test is scaffolded',
-          details: 'This prototype includes the UI and history, but a true browser speed test needs a test file or backend endpoint you control.',
+          title: "Speed test is scaffolded",
+          details:
+            "This prototype includes the UI and history, but a true browser speed test needs a test file or backend endpoint you control.",
         };
         setSpeedState({ running: false, dl: null, ul: null, ping: null });
-        actions = ['configure speed endpoint'];
+        actions = ["configure speed endpoint"];
       } else {
         const parsedPw = parsePasswordCommand(normalized, prefs);
         const parsedQr = !parsedPw ? parseQrCommand(normalized) : null;
-        const parsedConv = !parsedPw && !parsedQr ? parseConversion(normalized, prefs) : null;
+        const parsedConv =
+          !parsedPw && !parsedQr ? parseConversion(normalized, prefs) : null;
 
         if (parsedPw) {
-          type = 'password';
+          type = "password";
           const pw = randomPassword(parsedPw.length, parsedPw.mode);
-          output = { password: pw, score: strengthScore(pw), mode: parsedPw.mode, length: parsedPw.length };
-          actions = ['copy', 'pin'];
+          output = {
+            password: pw,
+            score: strengthScore(pw),
+            mode: parsedPw.mode,
+            length: parsedPw.length,
+          };
+          actions = ["copy", "pin"];
         } else if (parsedQr) {
-          type = 'qr';
+          type = "qr";
           output = { value: parsedQr.value };
-          actions = ['copy', 'pin'];
+          actions = ["copy", "pin"];
         } else if (parsedConv) {
-          const conv = parsedConv as { type: string; value: number; from: string; to: string; note?: string };
-          if (conv.type === 'currency') {
-            type = 'currency';
+          const conv = parsedConv as {
+            type: string;
+            value: number;
+            from: string;
+            to: string;
+            note?: string;
+          };
+          if (conv.type === "currency") {
+            type = "currency";
             const converted = convertCurrency(conv.value, conv.from, conv.to);
             output = {
               value: converted,
@@ -369,88 +466,101 @@ export default function Console() {
               source: `${conv.value} ${conv.from.toUpperCase()}`,
               note: conv.note,
             };
-            actions = ['copy', 'pin'];
+            actions = ["copy", "pin"];
           } else {
-            type = 'unit';
+            type = "unit";
             const converted = convertUnits(conv.value, conv.from, conv.to);
             output = {
               value: converted,
               formatted: `${formatNumber(converted, 8)} ${conv.to}`,
               source: `${conv.value} ${conv.from}`,
             };
-            actions = ['copy', 'pin'];
+            actions = ["copy", "pin"];
           }
         } else if (isMathExpression(normalized)) {
-          type = 'math';
+          type = "math";
           const value = safeMathEval(normalized);
           output = { value, formatted: formatNumber(value, 10) };
-          actions = ['copy', 'pin'];
+          actions = ["copy", "pin"];
         } else if (parseTimestampCommand(normalized)) {
           const ts = parseTimestampCommand(normalized)!;
-          type = 'timestamp';
+          type = "timestamp";
           const fmtOptions: Intl.DateTimeFormatOptions = {
-            year: 'numeric', month: 'short', day: 'numeric',
-            hour: '2-digit', minute: '2-digit', second: '2-digit',
-            timeZoneName: 'short',
+            year: "numeric",
+            month: "short",
+            day: "numeric",
+            hour: "2-digit",
+            minute: "2-digit",
+            second: "2-digit",
+            timeZoneName: "short",
           };
-          if (ts.mode === 'now') {
+          if (ts.mode === "now") {
             const now = new Date();
             const unix = Math.floor(now.getTime() / 1000);
             output = {
-              unix, unixMs: now.getTime(),
+              unix,
+              unixMs: now.getTime(),
               utc: now.toUTCString(),
               local: now.toLocaleString(undefined, fmtOptions),
               iso: now.toISOString(),
             };
-          } else if (ts.mode === 'unix') {
+          } else if (ts.mode === "unix") {
             const n = Number(ts.value);
             const d = new Date(n > 1e10 ? n : n * 1000);
-            if (isNaN(d.getTime())) throw new Error('Invalid Unix timestamp');
+            if (isNaN(d.getTime())) throw new Error("Invalid Unix timestamp");
             output = {
-              unix: Math.floor(d.getTime() / 1000), unixMs: d.getTime(),
+              unix: Math.floor(d.getTime() / 1000),
+              unixMs: d.getTime(),
               utc: d.toUTCString(),
               local: d.toLocaleString(undefined, fmtOptions),
               iso: d.toISOString(),
             };
           } else {
-            const d = new Date(ts.value.includes('T') || ts.value.includes(' ') ? ts.value : ts.value + 'T00:00:00');
-            if (isNaN(d.getTime())) throw new Error('Invalid date string');
+            const d = new Date(
+              ts.value.includes("T") || ts.value.includes(" ")
+                ? ts.value
+                : ts.value + "T00:00:00",
+            );
+            if (isNaN(d.getTime())) throw new Error("Invalid date string");
             output = {
-              unix: Math.floor(d.getTime() / 1000), unixMs: d.getTime(),
+              unix: Math.floor(d.getTime() / 1000),
+              unixMs: d.getTime(),
               utc: d.toUTCString(),
               local: d.toLocaleString(undefined, fmtOptions),
               iso: d.toISOString(),
             };
           }
-          actions = ['copy', 'pin'];
+          actions = ["copy", "pin"];
         } else if (parseBase64Command(normalized)) {
           const b64 = parseBase64Command(normalized)!;
-          type = 'base64';
-          if (b64.op === 'encode') {
+          type = "base64";
+          if (b64.op === "encode") {
             const encoded = btoa(unescape(encodeURIComponent(b64.text)));
-            output = { op: 'encode', input: b64.text, result: encoded };
+            output = { op: "encode", input: b64.text, result: encoded };
           } else {
             try {
               const decoded = decodeURIComponent(escape(atob(b64.text)));
-              output = { op: 'decode', input: b64.text, result: decoded };
+              output = { op: "decode", input: b64.text, result: decoded };
             } catch {
-              throw new Error('Invalid base64 string');
+              throw new Error("Invalid base64 string");
             }
           }
-          actions = ['copy', 'pin'];
-        } else if (normalized.startsWith('pin ')) {
+          actions = ["copy", "pin"];
+        } else if (normalized.startsWith("pin ")) {
           const target = normalized.slice(4).trim();
-          if (!target) throw new Error('Nothing to pin');
-          setPinned((prev) => [target, ...prev.filter((x) => x !== target)].slice(0, 12));
+          if (!target) throw new Error("Nothing to pin");
+          setPinned((prev) =>
+            [target, ...prev.filter((x) => x !== target)].slice(0, 12),
+          );
           setStatus(`Pinned: ${target}`);
           return;
-        } else if (normalized.startsWith('unpin ')) {
+        } else if (normalized.startsWith("unpin ")) {
           const target = normalized.slice(6).trim();
           setPinned((prev) => prev.filter((x) => x !== target));
           setStatus(`Unpinned: ${target}`);
           return;
         } else {
-          throw new Error('Unknown command');
+          throw new Error("Unknown command");
         }
       }
 
@@ -467,7 +577,7 @@ export default function Console() {
       setResult(record);
       addHistory(record);
       setStatus(`Ran ${record.label}`);
-      if (options.clearInput !== false) setInput('');
+      if (options.clearInput !== false) setInput("");
       return record;
     } catch (err) {
       const error = err as Error;
@@ -475,9 +585,9 @@ export default function Console() {
         id: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
         input: raw,
         normalized,
-        type: 'error',
-        label: 'Error',
-        output: { message: error.message || 'Command failed' },
+        type: "error",
+        label: "Error",
+        output: { message: error.message || "Command failed" },
         actions: [],
         createdAt: new Date().toISOString(),
       };
@@ -497,39 +607,57 @@ export default function Console() {
 
   async function runSpeedTest() {
     // All three endpoints are from speed.cloudflare.com — CORS-enabled, no auth needed
-    const pingUrl = 'https://speed.cloudflare.com/__down?bytes=0';
-    const downloadUrl = 'https://speed.cloudflare.com/__down?bytes=5000000'; // 5 MB
-    const uploadUrl = '/api/upload-test';
-
-    setSpeedState({ running: true, dl: null, ul: null, ping: null, message: 'Testing ping…' });
-
-    let pingMs: string = '—';
-    let dlMbps: string = '—';
-    let ulMbps: string = '—';
+    const pingUrl = "https://speed.cloudflare.com/__down?bytes=0";
+    const downloadUrl = "https://speed.cloudflare.com/__down?bytes=5000000"; // 5 MB
+    const uploadUrl = "/api/upload-test";
+
+    setSpeedState({
+      running: true,
+      dl: null,
+      ul: null,
+      ping: null,
+      message: "Testing ping…",
+    });
+
+    let pingMs: string = "—";
+    let dlMbps: string = "—";
+    let ulMbps: string = "—";
 
     try {
       // Ping: 5 round trips to a 0-byte endpoint, drop the highest, average the rest
       const pingTimes: number[] = [];
       for (let i = 0; i < 5; i++) {
         const t0 = performance.now();
-        await fetch(pingUrl, { cache: 'no-store' });
+        await fetch(pingUrl, { cache: "no-store" });
         pingTimes.push(performance.now() - t0);
       }
       pingTimes.sort((a, b) => a - b);
       const avg = pingTimes.slice(0, 4).reduce((s, v) => s + v, 0) / 4;
       pingMs = avg.toFixed(0);
-      setSpeedState({ running: true, dl: null, ul: null, ping: pingMs, message: `Ping ${pingMs} ms — testing download…` });
+      setSpeedState({
+        running: true,
+        dl: null,
+        ul: null,
+        ping: pingMs,
+        message: `Ping ${pingMs} ms — testing download…`,
+      });
     } catch {
-      setSpeedState({ running: true, dl: null, ul: null, ping: '—', message: 'Ping failed — testing download…' });
+      setSpeedState({
+        running: true,
+        dl: null,
+        ul: null,
+        ping: "—",
+        message: "Ping failed — testing download…",
+      });
     }
 
     try {
       // Download: stream 5 MB from Cloudflare's speed test endpoint
       const dlStart = performance.now();
-      const res = await fetch(downloadUrl, { cache: 'no-store' });
+      const res = await fetch(downloadUrl, { cache: "no-store" });
       if (!res.ok) throw new Error(`HTTP ${res.status}`);
       const reader = res.body?.getReader();
-      if (!reader) throw new Error('Streaming not supported');
+      if (!reader) throw new Error("Streaming not supported");
       let loaded = 0;
       while (true) {
         const { done, value } = await reader.read();
@@ -538,23 +666,39 @@ export default function Console() {
       }
       const dlSec = (performance.now() - dlStart) / 1000;
       dlMbps = ((loaded * 8) / dlSec / 1_000_000).toFixed(2);
-      setSpeedState({ running: true, dl: dlMbps, ul: null, ping: pingMs, message: `↓ ${dlMbps} Mbps — testing upload…` });
+      setSpeedState({
+        running: true,
+        dl: dlMbps,
+        ul: null,
+        ping: pingMs,
+        message: `↓ ${dlMbps} Mbps — testing upload…`,
+      });
     } catch {
-      setSpeedState({ running: true, dl: '—', ul: null, ping: pingMs, message: 'Download failed — testing upload…' });
+      setSpeedState({
+        running: true,
+        dl: "—",
+        ul: null,
+        ping: pingMs,
+        message: "Download failed — testing upload…",
+      });
     }
 
-    let ulError = '';
+    let ulError = "";
     try {
       // Upload: send JSON payloads (proxy-safe content type) across multiple rounds
       // Each round sends a ~4 KB JSON body; 12 measured rounds = ~48 KB total
-      const payload = JSON.stringify({ d: Array.from({ length: 2000 }, () => Math.random().toString(36)).join('') });
+      const payload = JSON.stringify({
+        d: Array.from({ length: 2000 }, () => Math.random().toString(36)).join(
+          "",
+        ),
+      });
       const byteCount = new TextEncoder().encode(payload).byteLength;
 
       // Warm-up round (not timed)
       await fetch(uploadUrl, {
-        method: 'POST',
+        method: "POST",
         body: payload,
-        headers: { 'Content-Type': 'application/json' },
+        headers: { "Content-Type": "application/json" },
       });
 
       const ROUNDS = 12;
@@ -562,9 +706,9 @@ export default function Console() {
       const ulStart = performance.now();
       for (let i = 0; i < ROUNDS; i++) {
         const res = await fetch(uploadUrl, {
-          method: 'POST',
+          method: "POST",
           body: payload,
-          headers: { 'Content-Type': 'application/json' },
+          headers: { "Content-Type": "application/json" },
         });
         if (!res.ok) throw new Error(`HTTP ${res.status}`);
         await res.json();
@@ -574,23 +718,40 @@ export default function Console() {
       ulMbps = ((totalBytes * 8) / ulSec / 1_000_000).toFixed(2);
     } catch (e) {
       ulError = (e as Error).message;
-      ulMbps = '—';
+      ulMbps = "—";
     }
 
     if (ulError) {
-      setSpeedState({ running: false, dl: dlMbps, ul: '—', ping: pingMs, message: `Upload failed: ${ulError}` });
+      setSpeedState({
+        running: false,
+        dl: dlMbps,
+        ul: "—",
+        ping: pingMs,
+        message: `Upload failed: ${ulError}`,
+      });
     } else {
-      setSpeedState({ running: false, dl: dlMbps, ul: ulMbps, ping: pingMs, message: 'Test complete' });
+      setSpeedState({
+        running: false,
+        dl: dlMbps,
+        ul: ulMbps,
+        ping: pingMs,
+        message: "Test complete",
+      });
     }
 
     const record: HistoryRecord = {
       id: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
-      input: 'speed test',
-      normalized: 'speed test',
-      type: 'speed',
-      label: 'Speed test',
-      output: { downloadMbps: dlMbps, uploadMbps: ulMbps, pingMs, note: 'Browser-based estimate via Cloudflare speed test endpoints.' },
-      actions: ['copy', 'pin'],
+      input: "speed test",
+      normalized: "speed test",
+      type: "speed",
+      label: "Speed test",
+      output: {
+        downloadMbps: dlMbps,
+        uploadMbps: ulMbps,
+        pingMs,
+        note: "Browser-based estimate via Cloudflare speed test endpoints.",
+      },
+      actions: ["copy", "pin"],
       createdAt: new Date().toISOString(),
     };
     setResult(record);
@@ -603,33 +764,49 @@ export default function Console() {
     const t0 = performance.now();
     try {
       const [resA, resAAAA] = await Promise.all([
-        fetch(`https://cloudflare-dns.com/dns-query?name=${encodeURIComponent(domain)}&type=A`, {
-          headers: { Accept: 'application/dns-json' },
-        }),
-        fetch(`https://cloudflare-dns.com/dns-query?name=${encodeURIComponent(domain)}&type=AAAA`, {
-          headers: { Accept: 'application/dns-json' },
-        }),
+        fetch(
+          `https://cloudflare-dns.com/dns-query?name=${encodeURIComponent(domain)}&type=A`,
+          {
+            headers: { Accept: "application/dns-json" },
+          },
+        ),
+        fetch(
+          `https://cloudflare-dns.com/dns-query?name=${encodeURIComponent(domain)}&type=AAAA`,
+          {
+            headers: { Accept: "application/dns-json" },
+          },
+        ),
       ]);
       const responseMs = Math.round(performance.now() - t0);
-      const [dataA, dataAAAA] = await Promise.all([resA.json() as Promise<DnsResponse>, resAAAA.json() as Promise<DnsResponse>]);
-      const ipv4 = (dataA.Answer ?? []).filter(r => r.type === 1).map(r => r.data);
-      const ipv6 = (dataAAAA.Answer ?? []).filter(r => r.type === 28).map(r => r.data);
+      const [dataA, dataAAAA] = await Promise.all([
+        resA.json() as Promise<DnsResponse>,
+        resAAAA.json() as Promise<DnsResponse>,
+      ]);
+      const ipv4 = (dataA.Answer ?? [])
+        .filter((r) => r.type === 1)
+        .map((r) => r.data);
+      const ipv6 = (dataAAAA.Answer ?? [])
+        .filter((r) => r.type === 28)
+        .map((r) => r.data);
       const ttl = dataA.Answer?.[0]?.TTL ?? null;
-      const status = dataA.Status === 0 ? 'resolved' : `NXDOMAIN (${dataA.Status})`;
+      const status =
+        dataA.Status === 0 ? "resolved" : `NXDOMAIN (${dataA.Status})`;
       const record: HistoryRecord = {
         id: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
         input: raw,
         normalized: normalize(raw),
-        type: 'dns',
-        label: 'DNS lookup',
+        type: "dns",
+        label: "DNS lookup",
         output: { domain, ipv4, ipv6, ttl, responseMs, status },
-        actions: ['copy', 'pin'],
+        actions: ["copy", "pin"],
         createdAt: new Date().toISOString(),
       };
       setResult(record);
       addHistory(record);
-      setStatus(`${domain} → ${ipv4[0] ?? ipv6[0] ?? 'NXDOMAIN'} (${responseMs} ms)`);
-      setInput('');
+      setStatus(
+        `${domain} → ${ipv4[0] ?? ipv6[0] ?? "NXDOMAIN"} (${responseMs} ms)`,
+      );
+      setInput("");
     } catch (err) {
       const msg = (err as Error).message;
       setStatus(`DNS lookup failed: ${msg}`);
@@ -641,25 +818,33 @@ export default function Console() {
       const encoder = new TextEncoder();
       const data = encoder.encode(text);
       const [buf1, buf256, buf512] = await Promise.all([
-        crypto.subtle.digest('SHA-1', data),
-        crypto.subtle.digest('SHA-256', data),
-        crypto.subtle.digest('SHA-512', data),
+        crypto.subtle.digest("SHA-1", data),
+        crypto.subtle.digest("SHA-256", data),
+        crypto.subtle.digest("SHA-512", data),
       ]);
-      const toHex = (buf: ArrayBuffer) => Array.from(new Uint8Array(buf)).map(b => b.toString(16).padStart(2, '0')).join('');
+      const toHex = (buf: ArrayBuffer) =>
+        Array.from(new Uint8Array(buf))
+          .map((b) => b.toString(16).padStart(2, "0"))
+          .join("");
       const record: HistoryRecord = {
         id: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
         input: raw,
         normalized: normalize(raw),
-        type: 'hash',
-        label: 'Hash',
-        output: { text, sha1: toHex(buf1), sha256: toHex(buf256), sha512: toHex(buf512) },
-        actions: ['pin'],
+        type: "hash",
+        label: "Hash",
+        output: {
+          text,
+          sha1: toHex(buf1),
+          sha256: toHex(buf256),
+          sha512: toHex(buf512),
+        },
+        actions: ["pin"],
         createdAt: new Date().toISOString(),
       };
       setResult(record);
       addHistory(record);
-      setStatus('Hashes computed');
-      setInput('');
+      setStatus("Hashes computed");
+      setInput("");
     } catch (err) {
       setStatus(`Hash failed: ${(err as Error).message}`);
     }
@@ -667,39 +852,44 @@ export default function Console() {
 
   const suggestions = useMemo(() => commandSuggestions(input), [input]);
 
-  useEffect(() => { setSelectedSuggestion(0); }, [input]);
+  useEffect(() => {
+    setSelectedSuggestion(0);
+  }, [input]);
 
   useEffect(() => {
     const onKeyDown = (e: KeyboardEvent) => {
-      if (e.key === '/' && document.activeElement !== inputRef.current) {
+      if (e.key === "/" && document.activeElement !== inputRef.current) {
         e.preventDefault();
         inputRef.current?.focus();
       }
       if (document.activeElement === inputRef.current) {
-        if (e.key === 'ArrowDown') {
+        if (e.key === "ArrowDown") {
           e.preventDefault();
-          setSelectedSuggestion((prev) => Math.min(prev + 1, Math.max(suggestions.length - 1, 0)));
+          setSelectedSuggestion((prev) =>
+            Math.min(prev + 1, Math.max(suggestions.length - 1, 0)),
+          );
         }
-        if (e.key === 'ArrowUp') {
+        if (e.key === "ArrowUp") {
           e.preventDefault();
           setSelectedSuggestion((prev) => Math.max(prev - 1, 0));
         }
-        if (e.key === 'Tab') {
+        if (e.key === "Tab") {
           e.preventDefault();
-          if (suggestions[selectedSuggestion]) setInput(suggestions[selectedSuggestion]);
+          if (suggestions[selectedSuggestion])
+            setInput(suggestions[selectedSuggestion]);
         }
-        if (e.key === 'Escape') {
+        if (e.key === "Escape") {
           e.preventDefault();
           setIsPaletteOpen(false);
           return;
         }
-        if (e.key === 'Enter') {
+        if (e.key === "Enter") {
           e.preventDefault();
           const finalCommand = input || suggestions[selectedSuggestion];
           const n = normalize(finalCommand);
           const dnsDomain = parseDnsCommand(n);
           const hashText = parseHashCommand(n);
-          if (n === 'speed test' || n === 'speed') runSpeedTest();
+          if (n === "speed test" || n === "speed") runSpeedTest();
           else if (dnsDomain) runDnsLookup(dnsDomain, finalCommand);
           else if (hashText) runHash(hashText, finalCommand);
           else executeCommand(finalCommand);
@@ -707,33 +897,41 @@ export default function Console() {
         }
       }
     };
-    window.addEventListener('keydown', onKeyDown);
-    return () => window.removeEventListener('keydown', onKeyDown);
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
   }, [input, suggestions, selectedSuggestion]);
 
   return (
     <div className="text-foreground">
       <div className="mx-auto max-w-7xl px-4 py-6 lg:px-8">
-
         {/* Sticky header */}
         <header className="sticky top-4 z-20 mb-6 rounded-3xl border border-slate-800 bg-slate-900/90 px-4 py-3 shadow-2xl shadow-black/30 backdrop-blur-xl">
           <div className="flex items-center gap-3">
-            <h1 className="text-base font-semibold tracking-tight shrink-0">Command Console</h1>
+            <h1 className="text-base font-semibold tracking-tight shrink-0">
+              Command Console
+            </h1>
             <div className="relative flex-1">
               <input
                 ref={inputRef}
                 value={input}
-                onChange={(e) => { setInput(e.target.value); setIsPaletteOpen(true); }}
+                onChange={(e) => {
+                  setInput(e.target.value);
+                  setIsPaletteOpen(true);
+                }}
                 onFocus={() => setIsPaletteOpen(true)}
                 onBlur={() => setTimeout(() => setIsPaletteOpen(false), 120)}
                 onKeyDown={(e) => {
-                  if (e.key === 'Escape') { e.preventDefault(); setIsPaletteOpen(false); return; }
-                  if (e.key === 'Enter') {
+                  if (e.key === "Escape") {
+                    e.preventDefault();
+                    setIsPaletteOpen(false);
+                    return;
+                  }
+                  if (e.key === "Enter") {
                     e.preventDefault();
                     const n = normalize(input);
                     const dnsDomain = parseDnsCommand(n);
                     const hashText = parseHashCommand(n);
-                    if (n === 'speed test' || n === 'speed') runSpeedTest();
+                    if (n === "speed test" || n === "speed") runSpeedTest();
                     else if (dnsDomain) runDnsLookup(dnsDomain, input);
                     else if (hashText) runHash(hashText, input);
                     else executeCommand(input);
@@ -757,13 +955,17 @@ export default function Console() {
                       <button
                         key={s}
                         onClick={() => runSuggestion(s)}
-                        className={`flex w-full items-center justify-between rounded-xl px-4 py-3 text-left transition ${idx === selectedSuggestion ? 'bg-slate-800 text-white' : 'text-slate-300 hover:bg-slate-800/50'}`}
+                        className={`flex w-full items-center justify-between rounded-xl px-4 py-3 text-left transition ${idx === selectedSuggestion ? "bg-slate-800 text-white" : "text-slate-300 hover:bg-slate-800/50"}`}
                       >
                         <div className="flex flex-col">
                           <span className="font-mono text-sm">{s}</span>
-                          <span className="mt-1 text-xs text-slate-500">{suggestionDescription(s)}</span>
+                          <span className="mt-1 text-xs text-slate-500">
+                            {suggestionDescription(s)}
+                          </span>
+                        </div>
+                        <div className="rounded-lg border border-slate-700 px-2 py-1 text-[10px] text-slate-500">
+                          ↵
                         </div>
-                        <div className="rounded-lg border border-slate-700 px-2 py-1 text-[10px] text-slate-500">↵</div>
                       </button>
                     ))}
                   </div>
@@ -776,7 +978,7 @@ export default function Console() {
                 const n = normalize(input);
                 const dnsDomain = parseDnsCommand(n);
                 const hashText = parseHashCommand(n);
-                if (n === 'speed test' || n === 'speed') runSpeedTest();
+                if (n === "speed test" || n === "speed") runSpeedTest();
                 else if (dnsDomain) runDnsLookup(dnsDomain, input);
                 else if (hashText) runHash(hashText, input);
                 else executeCommand(input);
@@ -786,7 +988,7 @@ export default function Console() {
               Run
             </button>
             <button
-              onClick={() => setInput('')}
+              onClick={() => setInput("")}
               className="shrink-0 rounded-xl border border-slate-700 px-3 py-2.5 text-sm text-slate-400 transition hover:bg-slate-800 hover:text-white"
             >
               ✕
@@ -796,7 +998,6 @@ export default function Console() {
 
         <main className="grid gap-6 lg:grid-cols-[1.25fr_0.75fr]">
           <section className="space-y-6">
-
             {/* Result panel */}
             <div className="rounded-3xl border border-slate-800 bg-slate-900/70 p-5 shadow-xl shadow-black/10">
               <div className="mb-4 flex items-center justify-between gap-3">
@@ -806,7 +1007,13 @@ export default function Console() {
                 </div>
                 {result && (
                   <button
-                    onClick={() => copyText(typeof result.output === 'string' ? result.output : JSON.stringify(result.output, null, 2))}
+                    onClick={() =>
+                      copyText(
+                        typeof result.output === "string"
+                          ? result.output
+                          : JSON.stringify(result.output, null, 2),
+                      )
+                    }
                     className="rounded-xl border border-slate-700 px-3 py-2 text-sm text-slate-200 hover:bg-slate-800"
                   >
                     Copy output
@@ -824,64 +1031,93 @@ export default function Console() {
                 <div className="space-y-4 rounded-2xl border border-slate-800 bg-slate-950/60 p-5">
                   <div className="flex flex-wrap items-start justify-between gap-3">
                     <div>
-                      <div className="text-xs uppercase tracking-[0.2em] text-slate-500">{result.label}</div>
-                      <div className="mt-1 text-xl font-semibold text-slate-100">{result.input}</div>
+                      <div className="text-xs uppercase tracking-[0.2em] text-slate-500">
+                        {result.label}
+                      </div>
+                      <div className="mt-1 text-xl font-semibold text-slate-100">
+                        {result.input}
+                      </div>
+                    </div>
+                    <div className="rounded-full border border-slate-700 px-3 py-1 text-xs text-slate-300">
+                      {result.type}
                     </div>
-                    <div className="rounded-full border border-slate-700 px-3 py-1 text-xs text-slate-300">{result.type}</div>
                   </div>
 
-                  {result.type === 'error' && (
+                  {result.type === "error" && (
                     <div className="rounded-2xl border border-red-900/50 bg-red-950/30 p-4 text-sm text-red-400">
                       {result.output.message as string}
                     </div>
                   )}
 
-                  {result.type === 'math' && (
+                  {result.type === "math" && (
                     <div>
                       <div className="text-sm text-slate-400">Answer</div>
-                      <div className="mt-1 text-3xl font-semibold">{result.output.formatted as string}</div>
+                      <div className="mt-1 text-3xl font-semibold">
+                        {result.output.formatted as string}
+                      </div>
                     </div>
                   )}
 
-                  {(result.type === 'unit' || result.type === 'currency') && (
+                  {(result.type === "unit" || result.type === "currency") && (
                     <div>
                       <div className="text-sm text-slate-400">Converted</div>
-                      <div className="mt-1 text-3xl font-semibold">{result.output.formatted as string}</div>
-                      <div className="mt-2 text-sm text-slate-400">From {result.output.source as string}</div>
-                      {!!result.output.note && <div className="mt-1 text-xs text-slate-500">{result.output.note as string}</div>}
+                      <div className="mt-1 text-3xl font-semibold">
+                        {result.output.formatted as string}
+                      </div>
+                      <div className="mt-2 text-sm text-slate-400">
+                        From {result.output.source as string}
+                      </div>
+                      {!!result.output.note && (
+                        <div className="mt-1 text-xs text-slate-500">
+                          {result.output.note as string}
+                        </div>
+                      )}
                     </div>
                   )}
 
-                  {result.type === 'password' && (
+                  {result.type === "password" && (
                     <div className="space-y-3">
                       <div>
                         <div className="text-sm text-slate-400">Password</div>
-                        <div className="mt-1 break-all rounded-xl border border-slate-800 bg-slate-900 px-4 py-3 font-mono text-base">{result.output.password as string}</div>
+                        <div className="mt-1 break-all rounded-xl border border-slate-800 bg-slate-900 px-4 py-3 font-mono text-base">
+                          {result.output.password as string}
+                        </div>
                       </div>
                       <div className="text-sm text-slate-400">
-                        Strength score: {result.output.score as number}/6 · Mode: {result.output.mode as string} · Length: {result.output.length as number}
+                        Strength score: {result.output.score as number}/6 ·
+                        Mode: {result.output.mode as string} · Length:{" "}
+                        {result.output.length as number}
                       </div>
                     </div>
                   )}
 
-                  {result.type === 'qr' && (
+                  {result.type === "qr" && (
                     <div className="grid gap-4 md:grid-cols-[auto_1fr] md:items-center">
                       <div className="rounded-2xl border border-slate-800 bg-white p-3 inline-block">
-                        <QRCodeSVG value={result.output.value as string} size={176} />
+                        <QRCodeSVG
+                          value={result.output.value as string}
+                          size={176}
+                        />
                       </div>
                       <div>
-                        <div className="text-sm text-slate-400">Encoded value</div>
-                        <div className="mt-1 break-all rounded-xl border border-slate-800 bg-slate-900 px-4 py-3 text-sm">{result.output.value as string}</div>
+                        <div className="text-sm text-slate-400">
+                          Encoded value
+                        </div>
+                        <div className="mt-1 break-all rounded-xl border border-slate-800 bg-slate-900 px-4 py-3 text-sm">
+                          {result.output.value as string}
+                        </div>
                       </div>
                     </div>
                   )}
 
-                  {result.type === 'speed' && (
+                  {result.type === "speed" && (
                     <div className="space-y-4">
                       <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-4">
-                        <div className="text-sm text-slate-400">Speed test status</div>
+                        <div className="text-sm text-slate-400">
+                          Speed test status
+                        </div>
                         <div className="mt-1 text-lg text-slate-100">
-                          {speedState?.message ?? 'Run the test to see results'}
+                          {speedState?.message ?? "Run the test to see results"}
                         </div>
                         {speedState?.running && (
                           <div className="mt-2 h-1 w-full overflow-hidden rounded-full bg-slate-800">
@@ -891,34 +1127,84 @@ export default function Console() {
                       </div>
                       <div className="grid gap-3 md:grid-cols-3">
                         {(() => {
-                          const dlVal = speedState?.dl ?? (result.output.downloadMbps as string | undefined) ?? null;
-                          const ulVal = speedState?.ul ?? (result.output.uploadMbps as string | undefined) ?? null;
-                          const pingVal = speedState?.ping ?? (result.output.pingMs as string | undefined) ?? null;
-                          const dlQ = dlVal && dlVal !== '—' ? downloadQuality(dlVal) : null;
-                          const ulQ = ulVal && ulVal !== '—' ? uploadQuality(ulVal) : null;
-                          const pingQ = pingVal && pingVal !== '—' ? pingQuality(pingVal) : null;
+                          const dlVal =
+                            speedState?.dl ??
+                            (result.output.downloadMbps as
+                              | string
+                              | undefined) ??
+                            null;
+                          const ulVal =
+                            speedState?.ul ??
+                            (result.output.uploadMbps as string | undefined) ??
+                            null;
+                          const pingVal =
+                            speedState?.ping ??
+                            (result.output.pingMs as string | undefined) ??
+                            null;
+                          const dlQ =
+                            dlVal && dlVal !== "—"
+                              ? downloadQuality(dlVal)
+                              : null;
+                          const ulQ =
+                            ulVal && ulVal !== "—"
+                              ? uploadQuality(ulVal)
+                              : null;
+                          const pingQ =
+                            pingVal && pingVal !== "—"
+                              ? pingQuality(pingVal)
+                              : null;
                           return (
                             <>
                               <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-4">
-                                <div className="text-xs uppercase tracking-[0.2em] text-slate-500">Download</div>
+                                <div className="text-xs uppercase tracking-[0.2em] text-slate-500">
+                                  Download
+                                </div>
                                 <div className="mt-1 text-2xl font-semibold">
-                                  {dlVal && dlVal !== '—' ? `${dlVal} Mbps` : '—'}
+                                  {dlVal && dlVal !== "—"
+                                    ? `${dlVal} Mbps`
+                                    : "—"}
                                 </div>
-                                {dlQ && <div className={`mt-1 text-xs font-medium ${dlQ.color}`}>{dlQ.label}</div>}
+                                {dlQ && (
+                                  <div
+                                    className={`mt-1 text-xs font-medium ${dlQ.color}`}
+                                  >
+                                    {dlQ.label}
+                                  </div>
+                                )}
                               </div>
                               <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-4">
-                                <div className="text-xs uppercase tracking-[0.2em] text-slate-500">Upload</div>
+                                <div className="text-xs uppercase tracking-[0.2em] text-slate-500">
+                                  Upload
+                                </div>
                                 <div className="mt-1 text-2xl font-semibold">
-                                  {ulVal && ulVal !== '—' ? `${ulVal} Mbps` : '—'}
+                                  {ulVal && ulVal !== "—"
+                                    ? `${ulVal} Mbps`
+                                    : "—"}
                                 </div>
-                                {ulQ && <div className={`mt-1 text-xs font-medium ${ulQ.color}`}>{ulQ.label}</div>}
+                                {ulQ && (
+                                  <div
+                                    className={`mt-1 text-xs font-medium ${ulQ.color}`}
+                                  >
+                                    {ulQ.label}
+                                  </div>
+                                )}
                               </div>
                               <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-4">
-                                <div className="text-xs uppercase tracking-[0.2em] text-slate-500">Ping</div>
+                                <div className="text-xs uppercase tracking-[0.2em] text-slate-500">
+                                  Ping
+                                </div>
                                 <div className="mt-1 text-2xl font-semibold">
-                                  {pingVal && pingVal !== '—' ? `${pingVal} ms` : '—'}
+                                  {pingVal && pingVal !== "—"
+                                    ? `${pingVal} ms`
+                                    : "—"}
                                 </div>
-                                {pingQ && <div className={`mt-1 text-xs font-medium ${pingQ.color}`}>{pingQ.label}</div>}
+                                {pingQ && (
+                                  <div
+                                    className={`mt-1 text-xs font-medium ${pingQ.color}`}
+                                  >
+                                    {pingQ.label}
+                                  </div>
+                                )}
                               </div>
                             </>
                           );
@@ -929,115 +1215,206 @@ export default function Console() {
                         disabled={speedState?.running}
                         className="rounded-2xl bg-slate-100 px-4 py-3 font-medium text-slate-950 transition hover:bg-white disabled:opacity-50 disabled:cursor-not-allowed"
                       >
-                        {speedState?.running ? 'Running…' : 'Run speed test'}
+                        {speedState?.running ? "Running…" : "Run speed test"}
                       </button>
                     </div>
                   )}
 
-                  {result.type === 'timestamp' && (
+                  {result.type === "timestamp" && (
                     <div className="space-y-2">
                       <div className="grid gap-2 sm:grid-cols-2">
                         <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
-                          <div className="text-xs uppercase tracking-[0.2em] text-slate-500">Unix (seconds)</div>
+                          <div className="text-xs uppercase tracking-[0.2em] text-slate-500">
+                            Unix (seconds)
+                          </div>
                           <div className="mt-1 flex items-center justify-between gap-2">
-                            <span className="font-mono text-lg text-slate-100">{result.output.unix as number}</span>
-                            <button onClick={() => { copyText(String(result.output.unix)); setStatus('Copied'); }} className="rounded-lg px-2 py-0.5 text-xs text-slate-400 hover:bg-slate-700 hover:text-white transition">copy</button>
+                            <span className="font-mono text-lg text-slate-100">
+                              {result.output.unix as number}
+                            </span>
+                            <button
+                              onClick={() => {
+                                copyText(String(result.output.unix));
+                                setStatus("Copied");
+                              }}
+                              className="rounded-lg px-2 py-0.5 text-xs text-slate-400 hover:bg-slate-700 hover:text-white transition"
+                            >
+                              copy
+                            </button>
                           </div>
                         </div>
                         <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
-                          <div className="text-xs uppercase tracking-[0.2em] text-slate-500">Unix (ms)</div>
+                          <div className="text-xs uppercase tracking-[0.2em] text-slate-500">
+                            Unix (ms)
+                          </div>
                           <div className="mt-1 flex items-center justify-between gap-2">
-                            <span className="font-mono text-lg text-slate-100">{result.output.unixMs as number}</span>
-                            <button onClick={() => { copyText(String(result.output.unixMs)); setStatus('Copied'); }} className="rounded-lg px-2 py-0.5 text-xs text-slate-400 hover:bg-slate-700 hover:text-white transition">copy</button>
+                            <span className="font-mono text-lg text-slate-100">
+                              {result.output.unixMs as number}
+                            </span>
+                            <button
+                              onClick={() => {
+                                copyText(String(result.output.unixMs));
+                                setStatus("Copied");
+                              }}
+                              className="rounded-lg px-2 py-0.5 text-xs text-slate-400 hover:bg-slate-700 hover:text-white transition"
+                            >
+                              copy
+                            </button>
                           </div>
                         </div>
                       </div>
                       {[
-                        { label: 'ISO 8601', key: 'iso' },
-                        { label: 'UTC', key: 'utc' },
-                        { label: 'Local', key: 'local' },
+                        { label: "ISO 8601", key: "iso" },
+                        { label: "UTC", key: "utc" },
+                        { label: "Local", key: "local" },
                       ].map(({ label, key }) => (
-                        <div key={key} className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
+                        <div
+                          key={key}
+                          className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3"
+                        >
                           <div className="flex items-center justify-between gap-2">
-                            <span className="text-xs uppercase tracking-[0.2em] text-slate-500">{label}</span>
-                            <button onClick={() => { copyText(result.output[key] as string); setStatus('Copied'); }} className="rounded-lg px-2 py-0.5 text-xs text-slate-400 hover:bg-slate-700 hover:text-white transition">copy</button>
+                            <span className="text-xs uppercase tracking-[0.2em] text-slate-500">
+                              {label}
+                            </span>
+                            <button
+                              onClick={() => {
+                                copyText(result.output[key] as string);
+                                setStatus("Copied");
+                              }}
+                              className="rounded-lg px-2 py-0.5 text-xs text-slate-400 hover:bg-slate-700 hover:text-white transition"
+                            >
+                              copy
+                            </button>
+                          </div>
+                          <div className="mt-1 font-mono text-sm text-slate-100">
+                            {result.output[key] as string}
                           </div>
-                          <div className="mt-1 font-mono text-sm text-slate-100">{result.output[key] as string}</div>
                         </div>
                       ))}
                     </div>
                   )}
 
-                  {result.type === 'hash' && (
+                  {result.type === "hash" && (
                     <div className="space-y-2">
-                      {(['sha1', 'sha256', 'sha512'] as const).map((algo) => (
-                        <div key={algo} className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
+                      {(["sha1", "sha256", "sha512"] as const).map((algo) => (
+                        <div
+                          key={algo}
+                          className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3"
+                        >
                           <div className="flex items-center justify-between gap-2">
                             <div className="text-xs uppercase tracking-[0.2em] text-slate-500">
-                              {algo === 'sha1' ? 'SHA-1' : algo === 'sha256' ? 'SHA-256' : 'SHA-512'}
+                              {algo === "sha1"
+                                ? "SHA-1"
+                                : algo === "sha256"
+                                  ? "SHA-256"
+                                  : "SHA-512"}
                             </div>
                             <button
-                              onClick={() => { copyText(result.output[algo] as string); setStatus('Copied'); }}
+                              onClick={() => {
+                                copyText(result.output[algo] as string);
+                                setStatus("Copied");
+                              }}
                               className="rounded-lg px-2 py-0.5 text-xs text-slate-400 hover:bg-slate-700 hover:text-white transition"
-                            >copy</button>
+                            >
+                              copy
+                            </button>
+                          </div>
+                          <div className="mt-1 break-all font-mono text-xs text-slate-100">
+                            {result.output[algo] as string}
                           </div>
-                          <div className="mt-1 break-all font-mono text-xs text-slate-100">{result.output[algo] as string}</div>
                         </div>
                       ))}
                     </div>
                   )}
 
-                  {result.type === 'base64' && (
+                  {result.type === "base64" && (
                     <div className="space-y-3">
                       <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-4">
                         <div className="text-xs uppercase tracking-[0.2em] text-slate-500">
-                          {result.output.op === 'encode' ? 'Encoded' : 'Decoded'}
+                          {result.output.op === "encode"
+                            ? "Encoded"
+                            : "Decoded"}
+                        </div>
+                        <div className="mt-2 break-all font-mono text-sm text-slate-100">
+                          {result.output.result as string}
                         </div>
-                        <div className="mt-2 break-all font-mono text-sm text-slate-100">{result.output.result as string}</div>
                       </div>
                       <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
-                        <span className="text-xs text-slate-500">Input  </span>
-                        <span className="break-all font-mono text-sm text-slate-400">{result.output.input as string}</span>
+                        <span className="text-xs text-slate-500">Input </span>
+                        <span className="break-all font-mono text-sm text-slate-400">
+                          {result.output.input as string}
+                        </span>
                       </div>
                     </div>
                   )}
 
-                  {result.type === 'dns' && (
+                  {result.type === "dns" && (
                     <div className="space-y-3">
                       <div className="grid gap-3 sm:grid-cols-2">
                         <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-4">
-                          <div className="text-xs uppercase tracking-[0.2em] text-slate-500">IPv4 (A records)</div>
-                          {(result.output.ipv4 as string[]).length === 0
-                            ? <div className="mt-2 text-sm text-slate-400">No A records</div>
-                            : (result.output.ipv4 as string[]).map((ip) => (
-                              <div key={ip} className="mt-2 font-mono text-sm text-slate-100">{ip}</div>
+                          <div className="text-xs uppercase tracking-[0.2em] text-slate-500">
+                            IPv4 (A records)
+                          </div>
+                          {(result.output.ipv4 as string[]).length === 0 ? (
+                            <div className="mt-2 text-sm text-slate-400">
+                              No A records
+                            </div>
+                          ) : (
+                            (result.output.ipv4 as string[]).map((ip) => (
+                              <div
+                                key={ip}
+                                className="mt-2 font-mono text-sm text-slate-100"
+                              >
+                                {ip}
+                              </div>
                             ))
-                          }
+                          )}
                         </div>
                         <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-4">
-                          <div className="text-xs uppercase tracking-[0.2em] text-slate-500">IPv6 (AAAA records)</div>
-                          {(result.output.ipv6 as string[]).length === 0
-                            ? <div className="mt-2 text-sm text-slate-400">No AAAA records</div>
-                            : (result.output.ipv6 as string[]).map((ip) => (
-                              <div key={ip} className="mt-2 break-all font-mono text-sm text-slate-100">{ip}</div>
+                          <div className="text-xs uppercase tracking-[0.2em] text-slate-500">
+                            IPv6 (AAAA records)
+                          </div>
+                          {(result.output.ipv6 as string[]).length === 0 ? (
+                            <div className="mt-2 text-sm text-slate-400">
+                              No AAAA records
+                            </div>
+                          ) : (
+                            (result.output.ipv6 as string[]).map((ip) => (
+                              <div
+                                key={ip}
+                                className="mt-2 break-all font-mono text-sm text-slate-100"
+                              >
+                                {ip}
+                              </div>
                             ))
-                          }
+                          )}
                         </div>
                       </div>
                       <div className="flex flex-wrap gap-3">
                         <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
-                          <span className="text-xs text-slate-500">Response time </span>
-                          <span className="font-mono text-sm text-slate-100">{result.output.responseMs as number} ms</span>
+                          <span className="text-xs text-slate-500">
+                            Response time{" "}
+                          </span>
+                          <span className="font-mono text-sm text-slate-100">
+                            {result.output.responseMs as number} ms
+                          </span>
                         </div>
                         {result.output.ttl !== null && (
                           <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
                             <span className="text-xs text-slate-500">TTL </span>
-                            <span className="font-mono text-sm text-slate-100">{result.output.ttl as number} s</span>
+                            <span className="font-mono text-sm text-slate-100">
+                              {result.output.ttl as number} s
+                            </span>
                           </div>
                         )}
                         <div className="rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3">
-                          <span className="text-xs text-slate-500">Status </span>
-                          <span className={`font-mono text-sm ${result.output.status === 'resolved' ? 'text-green-400' : 'text-red-400'}`}>{result.output.status as string}</span>
+                          <span className="text-xs text-slate-500">
+                            Status{" "}
+                          </span>
+                          <span
+                            className={`font-mono text-sm ${result.output.status === "resolved" ? "text-green-400" : "text-red-400"}`}
+                          >
+                            {result.output.status as string}
+                          </span>
                         </div>
                       </div>
                     </div>
@@ -1048,19 +1425,31 @@ export default function Console() {
                       <button
                         key={a}
                         onClick={() => {
-                          if (a === 'copy') {
+                          if (a === "copy") {
                             const copyValue =
-                              result.type === 'password' ? result.output.password as string
-                              : result.type === 'qr' ? result.output.value as string
-                              : result.type === 'dns' ? (result.output.ipv4 as string[]).concat(result.output.ipv6 as string[]).join('\n')
-                              : result.type === 'base64' ? result.output.result as string
-                              : (result.output.formatted as string) || JSON.stringify(result.output, null, 2);
+                              result.type === "password"
+                                ? (result.output.password as string)
+                                : result.type === "qr"
+                                  ? (result.output.value as string)
+                                  : result.type === "dns"
+                                    ? (result.output.ipv4 as string[])
+                                        .concat(result.output.ipv6 as string[])
+                                        .join("\n")
+                                    : result.type === "base64"
+                                      ? (result.output.result as string)
+                                      : (result.output.formatted as string) ||
+                                        JSON.stringify(result.output, null, 2);
                             copyText(copyValue);
-                            setStatus('Copied to clipboard');
+                            setStatus("Copied to clipboard");
                           }
-                          if (a === 'pin') {
-                            setPinned((prev) => [result.input, ...prev.filter((x) => x !== result.input)].slice(0, 12));
-                            setStatus('Pinned command');
+                          if (a === "pin") {
+                            setPinned((prev) =>
+                              [
+                                result.input,
+                                ...prev.filter((x) => x !== result.input),
+                              ].slice(0, 12),
+                            );
+                            setStatus("Pinned command");
                           }
                         }}
                         className="rounded-full border border-slate-700 px-3 py-1.5 text-sm text-slate-200 hover:bg-slate-800"
@@ -1078,21 +1467,34 @@ export default function Console() {
               <div className="rounded-3xl border border-slate-800 bg-slate-900/70 p-5 shadow-xl shadow-black/10">
                 <div className="mb-4 flex items-center justify-between">
                   <h3 className="text-lg font-semibold">Pinned shortcuts</h3>
-                  <span className="text-xs text-slate-500">{pinned.length}/12</span>
+                  <span className="text-xs text-slate-500">
+                    {pinned.length}/12
+                  </span>
                 </div>
                 {pinned.length === 0 ? (
                   <div className="rounded-2xl border border-dashed border-slate-700 bg-slate-950/50 p-4 text-sm text-slate-400">
-                    Pin commands from results or use <span className="font-mono text-slate-300">pin [command]</span>
+                    Pin commands from results or use{" "}
+                    <span className="font-mono text-slate-300">
+                      pin [command]
+                    </span>
                   </div>
                 ) : (
                   <div className="space-y-2">
                     {pinned.map((item) => (
-                      <div key={item} className="flex items-center justify-between gap-2 rounded-2xl border border-slate-800 bg-slate-950/50 px-4 py-3">
-                        <button className="text-left text-sm text-slate-200 hover:text-white" onClick={() => runSuggestion(item)}>
+                      <div
+                        key={item}
+                        className="flex items-center justify-between gap-2 rounded-2xl border border-slate-800 bg-slate-950/50 px-4 py-3"
+                      >
+                        <button
+                          className="text-left text-sm text-slate-200 hover:text-white"
+                          onClick={() => runSuggestion(item)}
+                        >
                           {item}
                         </button>
                         <button
-                          onClick={() => setPinned((prev) => prev.filter((x) => x !== item))}
+                          onClick={() =>
+                            setPinned((prev) => prev.filter((x) => x !== item))
+                          }
                           className="rounded-full border border-slate-700 px-2.5 py-1 text-xs text-slate-400 hover:bg-slate-800"
                         >
                           remove
@@ -1114,7 +1516,12 @@ export default function Console() {
                     <input
                       type="number"
                       value={prefs.passwordLength}
-                      onChange={(e) => setPrefs((p) => ({ ...p, passwordLength: Number(e.target.value || 16) }))}
+                      onChange={(e) =>
+                        setPrefs((p) => ({
+                          ...p,
+                          passwordLength: Number(e.target.value || 16),
+                        }))
+                      }
                       className="rounded-xl border border-slate-700 bg-slate-950 px-3 py-2 outline-none focus:border-slate-500"
                     />
                   </label>
@@ -1122,7 +1529,12 @@ export default function Console() {
                     Default password mode
                     <select
                       value={prefs.passwordMode}
-                      onChange={(e) => setPrefs((p) => ({ ...p, passwordMode: e.target.value }))}
+                      onChange={(e) =>
+                        setPrefs((p) => ({
+                          ...p,
+                          passwordMode: e.target.value,
+                        }))
+                      }
                       className="rounded-xl border border-slate-700 bg-slate-950 px-3 py-2 outline-none focus:border-slate-500"
                     >
                       <option value="weak">weak</option>
@@ -1131,7 +1543,14 @@ export default function Console() {
                     </select>
                   </label>
                   <div className="text-sm text-slate-400">
-                    Tip: use <span className="font-mono text-slate-200">gen password</span>, <span className="font-mono text-slate-200">qr ...</span>, <span className="font-mono text-slate-200">100 usd to myr</span>
+                    Tip: use{" "}
+                    <span className="font-mono text-slate-200">
+                      gen password
+                    </span>
+                    , <span className="font-mono text-slate-200">qr ...</span>,{" "}
+                    <span className="font-mono text-slate-200">
+                      100 usd to myr
+                    </span>
                   </div>
                 </div>
               </div>
@@ -1168,7 +1587,9 @@ export default function Console() {
                 </button>
               </div>
               {history.length === 0 ? (
-                <div className="rounded-2xl border border-dashed border-slate-700 bg-slate-950/50 p-4 text-sm text-slate-400">No commands yet.</div>
+                <div className="rounded-2xl border border-dashed border-slate-700 bg-slate-950/50 p-4 text-sm text-slate-400">
+                  No commands yet.
+                </div>
               ) : (
                 <div className="max-h-[520px] space-y-2 overflow-auto pr-1">
                   {history.map((item) => (
@@ -1178,10 +1599,16 @@ export default function Console() {
                       className="block w-full rounded-2xl border border-slate-800 bg-slate-950/50 px-4 py-3 text-left hover:bg-slate-800"
                     >
                       <div className="flex items-center justify-between gap-3">
-                        <div className="text-sm font-medium text-slate-200">{item.input}</div>
-                        <div className="text-xs text-slate-500">{item.type}</div>
+                        <div className="text-sm font-medium text-slate-200">
+                          {item.input}
+                        </div>
+                        <div className="text-xs text-slate-500">
+                          {item.type}
+                        </div>
+                      </div>
+                      <div className="mt-1 text-xs text-slate-500">
+                        {new Date(item.createdAt).toLocaleString()}
                       </div>
-                      <div className="mt-1 text-xs text-slate-500">{new Date(item.createdAt).toLocaleString()}</div>
                     </button>
                   ))}
                 </div>
@@ -1192,9 +1619,18 @@ export default function Console() {
             <div className="rounded-3xl border border-slate-800 bg-slate-900/70 p-5 shadow-xl shadow-black/10">
               <h3 className="text-lg font-semibold">Notes</h3>
               <ul className="mt-4 space-y-3 text-sm text-slate-400">
-                <li>QR generation uses the built-in qrcode.react library — works offline.</li>
-                <li>Currency conversion is manual/static here. Replace it with a real rate source if you need live FX.</li>
-                <li>Speed test downloads a public library file via CDN. For production, use your own test file or backend endpoint.</li>
+                <li>
+                  QR generation uses the built-in qrcode.react library — works
+                  offline.
+                </li>
+                <li>
+                  Currency conversion is manual/static here. Replace it with a
+                  real rate source if you need live FX.
+                </li>
+                <li>
+                  Speed test downloads a public library file via CDN. For
+                  production, use your own test file or backend endpoint.
+                </li>
               </ul>
             </div>
           </aside>
diff --git a/artifacts/personal-tool-console/src/pages/not-found.tsx b/artifacts/personal-tool-console/src/pages/not-found.tsx
index 0f14ff2..3b298a3 100644
--- a/artifacts/personal-tool-console/src/pages/not-found.tsx
+++ b/artifacts/personal-tool-console/src/pages/not-found.tsx
@@ -9,10 +9,15 @@ export default function NotFound() {
       <span className="grid h-14 w-14 place-items-center rounded-2xl bg-destructive/10 text-destructive">
         <AlertCircle className="h-7 w-7" />
       </span>
-      <p className="mt-6 text-xs font-medium uppercase tracking-widest text-muted-foreground">Error 404</p>
-      <h1 className="mt-2 text-2xl font-bold tracking-tight sm:text-3xl">That page doesn’t exist</h1>
+      <p className="mt-6 text-xs font-medium uppercase tracking-widest text-muted-foreground">
+        Error 404
+      </p>
+      <h1 className="mt-2 text-2xl font-bold tracking-tight sm:text-3xl">
+        That page doesn’t exist
+      </h1>
       <p className="mt-3 max-w-md text-sm text-muted-foreground">
-        The link may be broken, or the page may have moved. Start from the catalog, or run a command in the console.
+        The link may be broken, or the page may have moved. Start from the
+        catalog, or run a command in the console.
       </p>
       <div className="mt-8 flex flex-wrap items-center justify-center gap-3">
         <Link
@@ -31,4 +36,4 @@ export default function NotFound() {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/artifacts/personal-tool-console/src/pages/tool-page.tsx b/artifacts/personal-tool-console/src/pages/tool-page.tsx
index c418393..016e347 100644
--- a/artifacts/personal-tool-console/src/pages/tool-page.tsx
+++ b/artifacts/personal-tool-console/src/pages/tool-page.tsx
@@ -1,7 +1,11 @@
 import { Suspense, useEffect, useMemo } from "react";
 import { Link, useParams } from "wouter";
 import { toast } from "sonner";
-import { getToolDefinition, TOOL_CATEGORIES, getToolsByCategory } from "@/lib/tool-registry";
+import {
+  getToolDefinition,
+  TOOL_CATEGORIES,
+  getToolsByCategory,
+} from "@/lib/tool-registry";
 import { trackRecentTool } from "@/lib/storage";
 import { usePageTitle } from "@/hooks/use-page-title";
 import { ToolPageLayout } from "@/components/layout/tool-page-layout";
@@ -22,10 +26,15 @@ export default function ToolPage() {
   if (!tool) {
     return (
       <div className="mx-auto max-w-7xl px-4 py-24 text-center lg:px-8">
-        <p className="text-xs font-medium uppercase tracking-widest text-muted-foreground">404</p>
-        <h1 className="mt-2 text-2xl font-bold tracking-tight">Tool not found</h1>
+        <p className="text-xs font-medium uppercase tracking-widest text-muted-foreground">
+          404
+        </p>
+        <h1 className="mt-2 text-2xl font-bold tracking-tight">
+          Tool not found
+        </h1>
         <p className="mx-auto mt-2 max-w-md text-sm text-muted-foreground">
-          “{slug}” isn’t in the toolbox. Check the URL, or browse the catalog to find what you need.
+          “{slug}” isn’t in the toolbox. Check the URL, or browse the catalog to
+          find what you need.
         </p>
         <Link
           href="/"
@@ -72,4 +81,4 @@ export default function ToolPage() {
       {body}
     </ToolPageLayout>
   );
-}
\ No newline at end of file
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dbd6e36..69811b1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '9.0'
+lockfileVersion: "9.0"
 
 settings:
   autoInstallPeers: false
@@ -6,31 +6,31 @@ settings:
 
 catalogs:
   default:
-    '@replit/vite-plugin-cartographer':
+    "@replit/vite-plugin-cartographer":
       specifier: ^0.5.1
       version: 0.5.1
-    '@replit/vite-plugin-dev-banner':
+    "@replit/vite-plugin-dev-banner":
       specifier: ^0.1.1
       version: 0.1.2
-    '@replit/vite-plugin-runtime-error-modal':
+    "@replit/vite-plugin-runtime-error-modal":
       specifier: ^0.0.6
       version: 0.0.6
-    '@tailwindcss/vite':
+    "@tailwindcss/vite":
       specifier: ^4.1.14
       version: 4.2.1
-    '@tanstack/react-query':
+    "@tanstack/react-query":
       specifier: ^5.90.21
       version: 5.90.21
-    '@types/node':
+    "@types/node":
       specifier: ^25.3.3
       version: 25.3.5
-    '@types/react':
+    "@types/react":
       specifier: ^19.2.0
       version: 19.2.14
-    '@types/react-dom':
+    "@types/react-dom":
       specifier: ^19.2.0
       version: 19.2.3
-    '@vitejs/plugin-react':
+    "@vitejs/plugin-react":
       specifier: ^5.0.4
       version: 5.1.4
     class-variance-authority:
@@ -71,86 +71,86 @@ catalogs:
       version: 3.25.76
 
 overrides:
-  esbuild>@esbuild/darwin-arm64: '-'
-  esbuild>@esbuild/darwin-x64: '-'
-  esbuild>@esbuild/freebsd-arm64: '-'
-  esbuild>@esbuild/freebsd-x64: '-'
-  esbuild>@esbuild/linux-arm: '-'
-  esbuild>@esbuild/linux-arm64: '-'
-  esbuild>@esbuild/linux-ia32: '-'
-  esbuild>@esbuild/linux-loong64: '-'
-  esbuild>@esbuild/linux-mips64el: '-'
-  esbuild>@esbuild/linux-ppc64: '-'
-  esbuild>@esbuild/linux-riscv64: '-'
-  esbuild>@esbuild/linux-s390x: '-'
-  esbuild>@esbuild/netbsd-arm64: '-'
-  esbuild>@esbuild/netbsd-x64: '-'
-  esbuild>@esbuild/openbsd-arm64: '-'
-  esbuild>@esbuild/openbsd-x64: '-'
-  esbuild>@esbuild/sunos-x64: '-'
-  esbuild>@esbuild/win32-arm64: '-'
-  esbuild>@esbuild/win32-ia32: '-'
-  esbuild>@esbuild/win32-x64: '-'
-  esbuild>@esbuild/aix-ppc64: '-'
-  esbuild>@esbuild/android-arm: '-'
-  esbuild>@esbuild/android-arm64: '-'
-  esbuild>@esbuild/android-x64: '-'
-  esbuild>@esbuild/openharmony-arm64: '-'
-  lightningcss>lightningcss-android-arm64: '-'
-  lightningcss>lightningcss-darwin-arm64: '-'
-  lightningcss>lightningcss-darwin-x64: '-'
-  lightningcss>lightningcss-freebsd-x64: '-'
-  lightningcss>lightningcss-linux-arm-gnueabihf: '-'
-  lightningcss>lightningcss-linux-arm64-gnu: '-'
-  lightningcss>lightningcss-linux-arm64-musl: '-'
-  lightningcss>lightningcss-linux-x64-musl: '-'
-  lightningcss>lightningcss-win32-arm64-msvc: '-'
-  lightningcss>lightningcss-win32-x64-msvc: '-'
-  '@tailwindcss/oxide>@tailwindcss/oxide-android-arm64': '-'
-  '@tailwindcss/oxide>@tailwindcss/oxide-darwin-arm64': '-'
-  '@tailwindcss/oxide>@tailwindcss/oxide-darwin-x64': '-'
-  '@tailwindcss/oxide>@tailwindcss/oxide-freebsd-x64': '-'
-  '@tailwindcss/oxide>@tailwindcss/oxide-linux-arm-gnueabihf': '-'
-  '@tailwindcss/oxide>@tailwindcss/oxide-linux-arm64-gnu': '-'
-  '@tailwindcss/oxide>@tailwindcss/oxide-linux-arm64-musl': '-'
-  '@tailwindcss/oxide>@tailwindcss/oxide-win32-arm64-msvc': '-'
-  '@tailwindcss/oxide>@tailwindcss/oxide-win32-x64-msvc': '-'
-  '@tailwindcss/oxide>@tailwindcss/oxide-linux-x64-musl': '-'
-  rollup>@rollup/rollup-android-arm-eabi: '-'
-  rollup>@rollup/rollup-android-arm64: '-'
-  rollup>@rollup/rollup-darwin-arm64: '-'
-  rollup>@rollup/rollup-darwin-x64: '-'
-  rollup>@rollup/rollup-freebsd-arm64: '-'
-  rollup>@rollup/rollup-freebsd-x64: '-'
-  rollup>@rollup/rollup-linux-arm-gnueabihf: '-'
-  rollup>@rollup/rollup-linux-arm-musleabihf: '-'
-  rollup>@rollup/rollup-linux-arm64-gnu: '-'
-  rollup>@rollup/rollup-linux-arm64-musl: '-'
-  rollup>@rollup/rollup-linux-loong64-gnu: '-'
-  rollup>@rollup/rollup-linux-loong64-musl: '-'
-  rollup>@rollup/rollup-linux-ppc64-gnu: '-'
-  rollup>@rollup/rollup-linux-ppc64-musl: '-'
-  rollup>@rollup/rollup-linux-riscv64-gnu: '-'
-  rollup>@rollup/rollup-linux-riscv64-musl: '-'
-  rollup>@rollup/rollup-linux-s390x-gnu: '-'
-  rollup>@rollup/rollup-linux-x64-musl: '-'
-  rollup>@rollup/rollup-openbsd-x64: '-'
-  rollup>@rollup/rollup-openharmony-arm64: '-'
-  rollup>@rollup/rollup-win32-arm64-msvc: '-'
-  rollup>@rollup/rollup-win32-ia32-msvc: '-'
-  rollup>@rollup/rollup-win32-x64-gnu: '-'
-  rollup>@rollup/rollup-win32-x64-msvc: '-'
-  '@expo/ngrok-bin>@expo/ngrok-bin-darwin-arm64': '-'
-  '@expo/ngrok-bin>@expo/ngrok-bin-darwin-x64': '-'
-  '@expo/ngrok-bin>@expo/ngrok-bin-freebsd-ia32': '-'
-  '@expo/ngrok-bin>@expo/ngrok-bin-freebsd-x64': '-'
-  '@expo/ngrok-bin>@expo/ngrok-bin-linux-arm64': '-'
-  '@expo/ngrok-bin>@expo/ngrok-bin-linux-arm': '-'
-  '@expo/ngrok-bin>@expo/ngrok-bin-linux-ia32': '-'
-  '@expo/ngrok-bin>@expo/ngrok-bin-sunos-x64': '-'
-  '@expo/ngrok-bin>@expo/ngrok-bin-win32-ia32': '-'
-  '@expo/ngrok-bin>@expo/ngrok-bin-win32-x64': '-'
-  '@esbuild-kit/esm-loader': npm:tsx@^4.21.0
+  esbuild>@esbuild/darwin-arm64: "-"
+  esbuild>@esbuild/darwin-x64: "-"
+  esbuild>@esbuild/freebsd-arm64: "-"
+  esbuild>@esbuild/freebsd-x64: "-"
+  esbuild>@esbuild/linux-arm: "-"
+  esbuild>@esbuild/linux-arm64: "-"
+  esbuild>@esbuild/linux-ia32: "-"
+  esbuild>@esbuild/linux-loong64: "-"
+  esbuild>@esbuild/linux-mips64el: "-"
+  esbuild>@esbuild/linux-ppc64: "-"
+  esbuild>@esbuild/linux-riscv64: "-"
+  esbuild>@esbuild/linux-s390x: "-"
+  esbuild>@esbuild/netbsd-arm64: "-"
+  esbuild>@esbuild/netbsd-x64: "-"
+  esbuild>@esbuild/openbsd-arm64: "-"
+  esbuild>@esbuild/openbsd-x64: "-"
+  esbuild>@esbuild/sunos-x64: "-"
+  esbuild>@esbuild/win32-arm64: "-"
+  esbuild>@esbuild/win32-ia32: "-"
+  esbuild>@esbuild/win32-x64: "-"
+  esbuild>@esbuild/aix-ppc64: "-"
+  esbuild>@esbuild/android-arm: "-"
+  esbuild>@esbuild/android-arm64: "-"
+  esbuild>@esbuild/android-x64: "-"
+  esbuild>@esbuild/openharmony-arm64: "-"
+  lightningcss>lightningcss-android-arm64: "-"
+  lightningcss>lightningcss-darwin-arm64: "-"
+  lightningcss>lightningcss-darwin-x64: "-"
+  lightningcss>lightningcss-freebsd-x64: "-"
+  lightningcss>lightningcss-linux-arm-gnueabihf: "-"
+  lightningcss>lightningcss-linux-arm64-gnu: "-"
+  lightningcss>lightningcss-linux-arm64-musl: "-"
+  lightningcss>lightningcss-linux-x64-musl: "-"
+  lightningcss>lightningcss-win32-arm64-msvc: "-"
+  lightningcss>lightningcss-win32-x64-msvc: "-"
+  "@tailwindcss/oxide>@tailwindcss/oxide-android-arm64": "-"
+  "@tailwindcss/oxide>@tailwindcss/oxide-darwin-arm64": "-"
+  "@tailwindcss/oxide>@tailwindcss/oxide-darwin-x64": "-"
+  "@tailwindcss/oxide>@tailwindcss/oxide-freebsd-x64": "-"
+  "@tailwindcss/oxide>@tailwindcss/oxide-linux-arm-gnueabihf": "-"
+  "@tailwindcss/oxide>@tailwindcss/oxide-linux-arm64-gnu": "-"
+  "@tailwindcss/oxide>@tailwindcss/oxide-linux-arm64-musl": "-"
+  "@tailwindcss/oxide>@tailwindcss/oxide-win32-arm64-msvc": "-"
+  "@tailwindcss/oxide>@tailwindcss/oxide-win32-x64-msvc": "-"
+  "@tailwindcss/oxide>@tailwindcss/oxide-linux-x64-musl": "-"
+  rollup>@rollup/rollup-android-arm-eabi: "-"
+  rollup>@rollup/rollup-android-arm64: "-"
+  rollup>@rollup/rollup-darwin-arm64: "-"
+  rollup>@rollup/rollup-darwin-x64: "-"
+  rollup>@rollup/rollup-freebsd-arm64: "-"
+  rollup>@rollup/rollup-freebsd-x64: "-"
+  rollup>@rollup/rollup-linux-arm-gnueabihf: "-"
+  rollup>@rollup/rollup-linux-arm-musleabihf: "-"
+  rollup>@rollup/rollup-linux-arm64-gnu: "-"
+  rollup>@rollup/rollup-linux-arm64-musl: "-"
+  rollup>@rollup/rollup-linux-loong64-gnu: "-"
+  rollup>@rollup/rollup-linux-loong64-musl: "-"
+  rollup>@rollup/rollup-linux-ppc64-gnu: "-"
+  rollup>@rollup/rollup-linux-ppc64-musl: "-"
+  rollup>@rollup/rollup-linux-riscv64-gnu: "-"
+  rollup>@rollup/rollup-linux-riscv64-musl: "-"
+  rollup>@rollup/rollup-linux-s390x-gnu: "-"
+  rollup>@rollup/rollup-linux-x64-musl: "-"
+  rollup>@rollup/rollup-openbsd-x64: "-"
+  rollup>@rollup/rollup-openharmony-arm64: "-"
+  rollup>@rollup/rollup-win32-arm64-msvc: "-"
+  rollup>@rollup/rollup-win32-ia32-msvc: "-"
+  rollup>@rollup/rollup-win32-x64-gnu: "-"
+  rollup>@rollup/rollup-win32-x64-msvc: "-"
+  "@expo/ngrok-bin>@expo/ngrok-bin-darwin-arm64": "-"
+  "@expo/ngrok-bin>@expo/ngrok-bin-darwin-x64": "-"
+  "@expo/ngrok-bin>@expo/ngrok-bin-freebsd-ia32": "-"
+  "@expo/ngrok-bin>@expo/ngrok-bin-freebsd-x64": "-"
+  "@expo/ngrok-bin>@expo/ngrok-bin-linux-arm64": "-"
+  "@expo/ngrok-bin>@expo/ngrok-bin-linux-arm": "-"
+  "@expo/ngrok-bin>@expo/ngrok-bin-linux-ia32": "-"
+  "@expo/ngrok-bin>@expo/ngrok-bin-sunos-x64": "-"
+  "@expo/ngrok-bin>@expo/ngrok-bin-win32-ia32": "-"
+  "@expo/ngrok-bin>@expo/ngrok-bin-win32-x64": "-"
+  "@esbuild-kit/esm-loader": npm:tsx@^4.21.0
   esbuild: 0.27.3
   picomatch@<2.3.2: ^2.3.2
   picomatch@>=4.0.0 <4.0.4: ^4.0.4
@@ -159,7 +159,6 @@ overrides:
   lodash@>=4.0.0 <=4.17.23: ^4.18.1
 
 importers:
-
   .:
     devDependencies:
       prettier:
@@ -171,10 +170,10 @@ importers:
 
   artifacts/api-server:
     dependencies:
-      '@workspace/api-zod':
+      "@workspace/api-zod":
         specifier: workspace:*
         version: link:../../lib/api-zod
-      '@workspace/db':
+      "@workspace/db":
         specifier: workspace:*
         version: link:../../lib/db
       cookie-parser:
@@ -184,7 +183,7 @@ importers:
         specifier: ^2
         version: 2.8.6
       drizzle-orm:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 0.45.2(@types/pg@8.18.0)(pg@8.20.0)
       express:
         specifier: ^5
@@ -196,17 +195,17 @@ importers:
         specifier: ^10
         version: 10.5.0
     devDependencies:
-      '@types/cookie-parser':
+      "@types/cookie-parser":
         specifier: ^1.4.10
         version: 1.4.10(@types/express@5.0.6)
-      '@types/cors':
+      "@types/cors":
         specifier: ^2.8.19
         version: 2.8.19
-      '@types/express':
+      "@types/express":
         specifier: ^5.0.6
         version: 5.0.6
-      '@types/node':
-        specifier: 'catalog:'
+      "@types/node":
+        specifier: "catalog:"
         version: 25.3.5
       esbuild:
         specifier: 0.27.3
@@ -223,119 +222,119 @@ importers:
 
   artifacts/mockup-sandbox:
     devDependencies:
-      '@hookform/resolvers':
+      "@hookform/resolvers":
         specifier: ^3.10.0
         version: 3.10.0(react-hook-form@7.71.2(react@19.1.0))
-      '@radix-ui/react-accordion':
+      "@radix-ui/react-accordion":
         specifier: ^1.2.12
         version: 1.2.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-alert-dialog':
+      "@radix-ui/react-alert-dialog":
         specifier: ^1.1.15
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-aspect-ratio':
+      "@radix-ui/react-aspect-ratio":
         specifier: ^1.1.8
         version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-avatar':
+      "@radix-ui/react-avatar":
         specifier: ^1.1.11
         version: 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-checkbox':
+      "@radix-ui/react-checkbox":
         specifier: ^1.3.3
         version: 1.3.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-collapsible':
+      "@radix-ui/react-collapsible":
         specifier: ^1.1.12
         version: 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-context-menu':
+      "@radix-ui/react-context-menu":
         specifier: ^2.2.16
         version: 2.2.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-dialog':
+      "@radix-ui/react-dialog":
         specifier: ^1.1.15
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-dropdown-menu':
+      "@radix-ui/react-dropdown-menu":
         specifier: ^2.1.16
         version: 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-hover-card':
+      "@radix-ui/react-hover-card":
         specifier: ^1.1.15
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-label':
+      "@radix-ui/react-label":
         specifier: ^2.1.8
         version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-menubar':
+      "@radix-ui/react-menubar":
         specifier: ^1.1.16
         version: 1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-navigation-menu':
+      "@radix-ui/react-navigation-menu":
         specifier: ^1.2.14
         version: 1.2.14(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-popover':
+      "@radix-ui/react-popover":
         specifier: ^1.1.15
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-progress':
+      "@radix-ui/react-progress":
         specifier: ^1.1.8
         version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-radio-group':
+      "@radix-ui/react-radio-group":
         specifier: ^1.3.8
         version: 1.3.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-scroll-area':
+      "@radix-ui/react-scroll-area":
         specifier: ^1.2.10
         version: 1.2.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-select':
+      "@radix-ui/react-select":
         specifier: ^2.2.6
         version: 2.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-separator':
+      "@radix-ui/react-separator":
         specifier: ^1.1.8
         version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-slider':
+      "@radix-ui/react-slider":
         specifier: ^1.3.6
         version: 1.3.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-slot':
+      "@radix-ui/react-slot":
         specifier: ^1.2.4
         version: 1.2.4(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-switch':
+      "@radix-ui/react-switch":
         specifier: ^1.2.6
         version: 1.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-tabs':
+      "@radix-ui/react-tabs":
         specifier: ^1.1.13
         version: 1.1.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-toast':
+      "@radix-ui/react-toast":
         specifier: ^1.2.7
         version: 1.2.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-toggle':
+      "@radix-ui/react-toggle":
         specifier: ^1.1.10
         version: 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-toggle-group':
+      "@radix-ui/react-toggle-group":
         specifier: ^1.1.11
         version: 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-tooltip':
+      "@radix-ui/react-tooltip":
         specifier: ^1.2.8
         version: 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@replit/vite-plugin-cartographer':
-        specifier: 'catalog:'
+      "@replit/vite-plugin-cartographer":
+        specifier: "catalog:"
         version: 0.5.1
-      '@replit/vite-plugin-runtime-error-modal':
-        specifier: 'catalog:'
+      "@replit/vite-plugin-runtime-error-modal":
+        specifier: "catalog:"
         version: 0.0.6
-      '@tailwindcss/vite':
-        specifier: 'catalog:'
+      "@tailwindcss/vite":
+        specifier: "catalog:"
         version: 4.2.1(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))
-      '@types/node':
-        specifier: 'catalog:'
+      "@types/node":
+        specifier: "catalog:"
         version: 25.3.5
-      '@types/react':
-        specifier: 'catalog:'
+      "@types/react":
+        specifier: "catalog:"
         version: 19.2.14
-      '@types/react-dom':
-        specifier: 'catalog:'
+      "@types/react-dom":
+        specifier: "catalog:"
         version: 19.2.3(@types/react@19.2.14)
-      '@vitejs/plugin-react':
-        specifier: 'catalog:'
+      "@vitejs/plugin-react":
+        specifier: "catalog:"
         version: 5.1.4(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))
       chokidar:
         specifier: ^4.0.3
         version: 4.0.3
       class-variance-authority:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 0.7.1
       clsx:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 2.1.1
       cmdk:
         specifier: ^1.1.1
@@ -350,25 +349,25 @@ importers:
         specifier: ^3.3.3
         version: 3.3.3
       framer-motion:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 12.35.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       input-otp:
         specifier: ^1.4.2
         version: 1.4.2(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       lucide-react:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 0.545.0(react@19.1.0)
       next-themes:
         specifier: ^0.4.6
         version: 0.4.6(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 19.1.0
       react-day-picker:
         specifier: ^9.11.1
         version: 9.14.0(react@19.1.0)
       react-dom:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 19.1.0(react@19.1.0)
       react-hook-form:
         specifier: ^7.66.0
@@ -383,10 +382,10 @@ importers:
         specifier: ^2.0.7
         version: 2.0.7(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       tailwind-merge:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 3.5.0
       tailwindcss:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 4.2.1
       tailwindcss-animate:
         specifier: ^1.0.7
@@ -398,10 +397,10 @@ importers:
         specifier: ^1.1.2
         version: 1.1.2(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       vite:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
       zod:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 3.25.76
 
   artifacts/personal-tool-console:
@@ -410,128 +409,128 @@ importers:
         specifier: ^4.2.0
         version: 4.2.0(react@19.1.0)
     devDependencies:
-      '@hookform/resolvers':
+      "@hookform/resolvers":
         specifier: ^3.10.0
         version: 3.10.0(react-hook-form@7.71.2(react@19.1.0))
-      '@radix-ui/react-accordion':
+      "@radix-ui/react-accordion":
         specifier: ^1.2.4
         version: 1.2.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-alert-dialog':
+      "@radix-ui/react-alert-dialog":
         specifier: ^1.1.7
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-aspect-ratio':
+      "@radix-ui/react-aspect-ratio":
         specifier: ^1.1.3
         version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-avatar':
+      "@radix-ui/react-avatar":
         specifier: ^1.1.4
         version: 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-checkbox':
+      "@radix-ui/react-checkbox":
         specifier: ^1.1.5
         version: 1.3.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-collapsible':
+      "@radix-ui/react-collapsible":
         specifier: ^1.1.4
         version: 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-context-menu':
+      "@radix-ui/react-context-menu":
         specifier: ^2.2.7
         version: 2.2.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-dialog':
+      "@radix-ui/react-dialog":
         specifier: ^1.1.7
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-dropdown-menu':
+      "@radix-ui/react-dropdown-menu":
         specifier: ^2.1.7
         version: 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-hover-card':
+      "@radix-ui/react-hover-card":
         specifier: ^1.1.7
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-label':
+      "@radix-ui/react-label":
         specifier: ^2.1.3
         version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-menubar':
+      "@radix-ui/react-menubar":
         specifier: ^1.1.7
         version: 1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-navigation-menu':
+      "@radix-ui/react-navigation-menu":
         specifier: ^1.2.6
         version: 1.2.14(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-popover':
+      "@radix-ui/react-popover":
         specifier: ^1.1.7
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-progress':
+      "@radix-ui/react-progress":
         specifier: ^1.1.3
         version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-radio-group':
+      "@radix-ui/react-radio-group":
         specifier: ^1.2.4
         version: 1.3.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-scroll-area':
+      "@radix-ui/react-scroll-area":
         specifier: ^1.2.4
         version: 1.2.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-select':
+      "@radix-ui/react-select":
         specifier: ^2.1.7
         version: 2.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-separator':
+      "@radix-ui/react-separator":
         specifier: ^1.1.3
         version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-slider':
+      "@radix-ui/react-slider":
         specifier: ^1.2.4
         version: 1.3.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-slot':
+      "@radix-ui/react-slot":
         specifier: ^1.2.0
         version: 1.2.4(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-switch':
+      "@radix-ui/react-switch":
         specifier: ^1.1.4
         version: 1.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-tabs':
+      "@radix-ui/react-tabs":
         specifier: ^1.1.4
         version: 1.1.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-toast':
+      "@radix-ui/react-toast":
         specifier: ^1.2.7
         version: 1.2.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-toggle':
+      "@radix-ui/react-toggle":
         specifier: ^1.1.3
         version: 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-toggle-group':
+      "@radix-ui/react-toggle-group":
         specifier: ^1.1.3
         version: 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-tooltip':
+      "@radix-ui/react-tooltip":
         specifier: ^1.2.0
         version: 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@replit/vite-plugin-cartographer':
-        specifier: 'catalog:'
+      "@replit/vite-plugin-cartographer":
+        specifier: "catalog:"
         version: 0.5.1
-      '@replit/vite-plugin-dev-banner':
-        specifier: 'catalog:'
+      "@replit/vite-plugin-dev-banner":
+        specifier: "catalog:"
         version: 0.1.2
-      '@replit/vite-plugin-runtime-error-modal':
-        specifier: 'catalog:'
+      "@replit/vite-plugin-runtime-error-modal":
+        specifier: "catalog:"
         version: 0.0.6
-      '@tailwindcss/typography':
+      "@tailwindcss/typography":
         specifier: ^0.5.15
         version: 0.5.19(tailwindcss@4.2.1)
-      '@tailwindcss/vite':
-        specifier: 'catalog:'
+      "@tailwindcss/vite":
+        specifier: "catalog:"
         version: 4.2.1(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))
-      '@tanstack/react-query':
-        specifier: 'catalog:'
+      "@tanstack/react-query":
+        specifier: "catalog:"
         version: 5.90.21(react@19.1.0)
-      '@types/node':
-        specifier: 'catalog:'
+      "@types/node":
+        specifier: "catalog:"
         version: 25.3.5
-      '@types/react':
-        specifier: 'catalog:'
+      "@types/react":
+        specifier: "catalog:"
         version: 19.2.14
-      '@types/react-dom':
-        specifier: 'catalog:'
+      "@types/react-dom":
+        specifier: "catalog:"
         version: 19.2.3(@types/react@19.2.14)
-      '@vitejs/plugin-react':
-        specifier: 'catalog:'
+      "@vitejs/plugin-react":
+        specifier: "catalog:"
         version: 5.1.4(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))
-      '@workspace/api-client-react':
+      "@workspace/api-client-react":
         specifier: workspace:*
         version: link:../../lib/api-client-react
       class-variance-authority:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 0.7.1
       clsx:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 2.1.1
       cmdk:
         specifier: ^1.1.1
@@ -543,25 +542,25 @@ importers:
         specifier: ^8.6.0
         version: 8.6.0(react@19.1.0)
       framer-motion:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 12.35.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       input-otp:
         specifier: ^1.4.2
         version: 1.4.2(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       lucide-react:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 0.545.0(react@19.1.0)
       next-themes:
         specifier: ^0.4.6
         version: 0.4.6(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 19.1.0
       react-day-picker:
         specifier: ^9.11.1
         version: 9.14.0(react@19.1.0)
       react-dom:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 19.1.0(react@19.1.0)
       react-hook-form:
         specifier: ^7.55.0
@@ -579,10 +578,10 @@ importers:
         specifier: ^2.0.7
         version: 2.0.7(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       tailwind-merge:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 3.5.0
       tailwindcss:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 4.2.1
       tw-animate-css:
         specifier: ^1.4.0
@@ -591,19 +590,19 @@ importers:
         specifier: ^1.1.2
         version: 1.1.2(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       vite:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
       wouter:
         specifier: ^3.3.5
         version: 3.9.0(react@19.1.0)
       zod:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 3.25.76
 
   lib/api-client-react:
     dependencies:
-      '@tanstack/react-query':
-        specifier: 'catalog:'
+      "@tanstack/react-query":
+        specifier: "catalog:"
         version: 5.90.21(react@19.1.0)
 
   lib/api-spec:
@@ -615,13 +614,13 @@ importers:
   lib/api-zod:
     dependencies:
       zod:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 3.25.76
 
   lib/db:
     dependencies:
       drizzle-orm:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 0.45.2(@types/pg@8.18.0)(pg@8.20.0)
       drizzle-zod:
         specifier: ^0.8.3
@@ -630,13 +629,13 @@ importers:
         specifier: ^8.20.0
         version: 8.20.0
       zod:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 3.25.76
     devDependencies:
-      '@types/node':
-        specifier: 'catalog:'
+      "@types/node":
+        specifier: "catalog:"
         version: 25.3.5
-      '@types/pg':
+      "@types/pg":
         specifier: ^8.18.0
         version: 8.18.0
       drizzle-kit:
@@ -645,1091 +644,1600 @@ importers:
 
   scripts:
     devDependencies:
-      '@types/node':
-        specifier: 'catalog:'
+      "@types/node":
+        specifier: "catalog:"
         version: 25.3.5
       tsx:
-        specifier: 'catalog:'
+        specifier: "catalog:"
         version: 4.21.0
 
 packages:
-
-  '@babel/code-frame@7.29.0':
-    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/compat-data@7.29.0':
-    resolution: {integrity: sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/core@7.29.0':
-    resolution: {integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/generator@7.29.1':
-    resolution: {integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-compilation-targets@7.28.6':
-    resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-globals@7.28.0':
-    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-imports@7.28.6':
-    resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-transforms@7.28.6':
-    resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==}
-    engines: {node: '>=6.9.0'}
+  "@babel/code-frame@7.29.0":
+    resolution:
+      {
+        integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/compat-data@7.29.0":
+    resolution:
+      {
+        integrity: sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/core@7.29.0":
+    resolution:
+      {
+        integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/generator@7.29.1":
+    resolution:
+      {
+        integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helper-compilation-targets@7.28.6":
+    resolution:
+      {
+        integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helper-globals@7.28.0":
+    resolution:
+      {
+        integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helper-module-imports@7.28.6":
+    resolution:
+      {
+        integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helper-module-transforms@7.28.6":
+    resolution:
+      {
+        integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==,
+      }
+    engines: { node: ">=6.9.0" }
     peerDependencies:
-      '@babel/core': ^7.0.0
-
-  '@babel/helper-plugin-utils@7.28.6':
-    resolution: {integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-string-parser@7.27.1':
-    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-identifier@7.28.5':
-    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-option@7.27.1':
-    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helpers@7.28.6':
-    resolution: {integrity: sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/parser@7.29.0':
-    resolution: {integrity: sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==}
-    engines: {node: '>=6.0.0'}
+      "@babel/core": ^7.0.0
+
+  "@babel/helper-plugin-utils@7.28.6":
+    resolution:
+      {
+        integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helper-string-parser@7.27.1":
+    resolution:
+      {
+        integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helper-validator-identifier@7.28.5":
+    resolution:
+      {
+        integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helper-validator-option@7.27.1":
+    resolution:
+      {
+        integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helpers@7.28.6":
+    resolution:
+      {
+        integrity: sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/parser@7.29.0":
+    resolution:
+      {
+        integrity: sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==,
+      }
+    engines: { node: ">=6.0.0" }
     hasBin: true
 
-  '@babel/plugin-transform-react-jsx-self@7.27.1':
-    resolution: {integrity: sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==}
-    engines: {node: '>=6.9.0'}
+  "@babel/plugin-transform-react-jsx-self@7.27.1":
+    resolution:
+      {
+        integrity: sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==,
+      }
+    engines: { node: ">=6.9.0" }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-react-jsx-source@7.27.1':
-    resolution: {integrity: sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==}
-    engines: {node: '>=6.9.0'}
+      "@babel/core": ^7.0.0-0
+
+  "@babel/plugin-transform-react-jsx-source@7.27.1":
+    resolution:
+      {
+        integrity: sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==,
+      }
+    engines: { node: ">=6.9.0" }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/runtime@7.28.6':
-    resolution: {integrity: sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/template@7.28.6':
-    resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/traverse@7.29.0':
-    resolution: {integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/types@7.29.0':
-    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
-    engines: {node: '>=6.9.0'}
-
-  '@commander-js/extra-typings@14.0.0':
-    resolution: {integrity: sha512-hIn0ncNaJRLkZrxBIp5AsW/eXEHNKYQBh0aPdoUqNgD+Io3NIykQqpKFyKcuasZhicGaEZJX/JBSIkZ4e5x8Dg==}
+      "@babel/core": ^7.0.0-0
+
+  "@babel/runtime@7.28.6":
+    resolution:
+      {
+        integrity: sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/template@7.28.6":
+    resolution:
+      {
+        integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/traverse@7.29.0":
+    resolution:
+      {
+        integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/types@7.29.0":
+    resolution:
+      {
+        integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@commander-js/extra-typings@14.0.0":
+    resolution:
+      {
+        integrity: sha512-hIn0ncNaJRLkZrxBIp5AsW/eXEHNKYQBh0aPdoUqNgD+Io3NIykQqpKFyKcuasZhicGaEZJX/JBSIkZ4e5x8Dg==,
+      }
     peerDependencies:
       commander: ~14.0.0
 
-  '@date-fns/tz@1.4.1':
-    resolution: {integrity: sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==}
-
-  '@drizzle-team/brocli@0.10.2':
-    resolution: {integrity: sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w==}
-
-  '@esbuild/linux-x64@0.27.3':
-    resolution: {integrity: sha512-Czi8yzXUWIQYAtL/2y6vogER8pvcsOsk5cpwL4Gk5nJqH5UZiVByIY8Eorm5R13gq+DQKYg0+JyQoytLQas4dA==}
-    engines: {node: '>=18'}
+  "@date-fns/tz@1.4.1":
+    resolution:
+      {
+        integrity: sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==,
+      }
+
+  "@drizzle-team/brocli@0.10.2":
+    resolution:
+      {
+        integrity: sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w==,
+      }
+
+  "@esbuild/linux-x64@0.27.3":
+    resolution:
+      {
+        integrity: sha512-Czi8yzXUWIQYAtL/2y6vogER8pvcsOsk5cpwL4Gk5nJqH5UZiVByIY8Eorm5R13gq+DQKYg0+JyQoytLQas4dA==,
+      }
+    engines: { node: ">=18" }
     cpu: [x64]
     os: [linux]
 
-  '@floating-ui/core@1.7.5':
-    resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==}
-
-  '@floating-ui/dom@1.7.6':
-    resolution: {integrity: sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==}
-
-  '@floating-ui/react-dom@2.1.8':
-    resolution: {integrity: sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A==}
+  "@floating-ui/core@1.7.5":
+    resolution:
+      {
+        integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==,
+      }
+
+  "@floating-ui/dom@1.7.6":
+    resolution:
+      {
+        integrity: sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==,
+      }
+
+  "@floating-ui/react-dom@2.1.8":
+    resolution:
+      {
+        integrity: sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A==,
+      }
     peerDependencies:
-      react: '>=16.8.0'
-      react-dom: '>=16.8.0'
-
-  '@floating-ui/utils@0.2.11':
-    resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
-
-  '@gerrit0/mini-shiki@3.23.0':
-    resolution: {integrity: sha512-bEMORlG0cqdjVyCEuU0cDQbORWX+kYCeo0kV1lbxF5bt4r7SID2l9bqsxJEM0zndaxpOUT7riCyIVEuqq/Ynxg==}
-
-  '@hookform/resolvers@3.10.0':
-    resolution: {integrity: sha512-79Dv+3mDF7i+2ajj7SkypSKHhl1cbln1OGavqrsF7p6mbUv11xpqpacPsGDCTRvCSjEEIez2ef1NveSVL3b0Ag==}
+      react: ">=16.8.0"
+      react-dom: ">=16.8.0"
+
+  "@floating-ui/utils@0.2.11":
+    resolution:
+      {
+        integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==,
+      }
+
+  "@gerrit0/mini-shiki@3.23.0":
+    resolution:
+      {
+        integrity: sha512-bEMORlG0cqdjVyCEuU0cDQbORWX+kYCeo0kV1lbxF5bt4r7SID2l9bqsxJEM0zndaxpOUT7riCyIVEuqq/Ynxg==,
+      }
+
+  "@hookform/resolvers@3.10.0":
+    resolution:
+      {
+        integrity: sha512-79Dv+3mDF7i+2ajj7SkypSKHhl1cbln1OGavqrsF7p6mbUv11xpqpacPsGDCTRvCSjEEIez2ef1NveSVL3b0Ag==,
+      }
     peerDependencies:
       react-hook-form: ^7.0.0
 
-  '@jridgewell/gen-mapping@0.3.13':
-    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
-
-  '@jridgewell/remapping@2.3.5':
-    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
-
-  '@jridgewell/resolve-uri@3.1.2':
-    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
-    engines: {node: '>=6.0.0'}
-
-  '@jridgewell/sourcemap-codec@1.5.5':
-    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
-
-  '@jridgewell/trace-mapping@0.3.31':
-    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
-
-  '@nodelib/fs.scandir@2.1.5':
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
-    engines: {node: '>= 8'}
-
-  '@nodelib/fs.stat@2.0.5':
-    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
-    engines: {node: '>= 8'}
-
-  '@nodelib/fs.walk@1.2.8':
-    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
-    engines: {node: '>= 8'}
-
-  '@orval/angular@8.5.3':
-    resolution: {integrity: sha512-0xzgPyZI+XbDVPsGVW2zTUkAK/xcloadfshI6T1KyVrmtPkCUbWnRFYF7w/IxRnoQ/WIXa2vMFTq04tXGWCGvw==}
-
-  '@orval/axios@8.5.3':
-    resolution: {integrity: sha512-hUtcmofaKJKXWQ9FYmOR+4PqFlDGUZ2HdixCQmSLDJjL9os56P/IfdiW78hL8hr1oAWvcigG9oQce+rzzf6aCw==}
-
-  '@orval/core@8.5.3':
-    resolution: {integrity: sha512-QGF2JfR58mGI+xACIOfkK9p9mfGBZ0iYNPkT35sMxya/Z1CLHEGt/MHqR/shpiLzayIC04B22IS/eiTElS7kiA==}
+  "@jridgewell/gen-mapping@0.3.13":
+    resolution:
+      {
+        integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==,
+      }
+
+  "@jridgewell/remapping@2.3.5":
+    resolution:
+      {
+        integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==,
+      }
+
+  "@jridgewell/resolve-uri@3.1.2":
+    resolution:
+      {
+        integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==,
+      }
+    engines: { node: ">=6.0.0" }
+
+  "@jridgewell/sourcemap-codec@1.5.5":
+    resolution:
+      {
+        integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==,
+      }
+
+  "@jridgewell/trace-mapping@0.3.31":
+    resolution:
+      {
+        integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==,
+      }
+
+  "@nodelib/fs.scandir@2.1.5":
+    resolution:
+      {
+        integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==,
+      }
+    engines: { node: ">= 8" }
+
+  "@nodelib/fs.stat@2.0.5":
+    resolution:
+      {
+        integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==,
+      }
+    engines: { node: ">= 8" }
+
+  "@nodelib/fs.walk@1.2.8":
+    resolution:
+      {
+        integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==,
+      }
+    engines: { node: ">= 8" }
+
+  "@orval/angular@8.5.3":
+    resolution:
+      {
+        integrity: sha512-0xzgPyZI+XbDVPsGVW2zTUkAK/xcloadfshI6T1KyVrmtPkCUbWnRFYF7w/IxRnoQ/WIXa2vMFTq04tXGWCGvw==,
+      }
+
+  "@orval/axios@8.5.3":
+    resolution:
+      {
+        integrity: sha512-hUtcmofaKJKXWQ9FYmOR+4PqFlDGUZ2HdixCQmSLDJjL9os56P/IfdiW78hL8hr1oAWvcigG9oQce+rzzf6aCw==,
+      }
+
+  "@orval/core@8.5.3":
+    resolution:
+      {
+        integrity: sha512-QGF2JfR58mGI+xACIOfkK9p9mfGBZ0iYNPkT35sMxya/Z1CLHEGt/MHqR/shpiLzayIC04B22IS/eiTElS7kiA==,
+      }
     peerDependencies:
-      '@faker-js/faker': '>=10'
+      "@faker-js/faker": ">=10"
     peerDependenciesMeta:
-      '@faker-js/faker':
-        optional: true
-
-  '@orval/fetch@8.5.3':
-    resolution: {integrity: sha512-P+SuA44oqGu2UlT3wf8I9z9Zerfb9k/wHaqia6sAmH2q86mKpdDzAT5qvyKyrusZOiak3ijO92j2N7me3UzuFw==}
-
-  '@orval/hono@8.5.3':
-    resolution: {integrity: sha512-BZkjxq+5lwOnUtywHCXRGbzPrsjyZtBQ6bAwHXBkecNyUiZm/W1I8SUdD3KwCqBBT+bjs+aAZxGFk0FC8Cr1Rg==}
-
-  '@orval/mcp@8.5.3':
-    resolution: {integrity: sha512-emd1fHrrcDgDnDH1k2dl6D2AAkPLRzX4K0ERtdp9SfFfLwa8NKVO3rdA3ZlYC1WxNUzOMEOM0ay2Pk+wEv/gaQ==}
-
-  '@orval/mock@8.5.3':
-    resolution: {integrity: sha512-wimpkpGhs6ZepQfOv6wej00IF+31H+zZVukFVsJMl7g+5mQjJ12M3+Kvhk7/GHAnV3jzXSaqPLF//m7vYgKSRQ==}
-
-  '@orval/query@8.5.3':
-    resolution: {integrity: sha512-Q6YqlsVzQuxhJ3RWd4CWm1tdTsW1CjbYUR3QBvDN9SA5T6fZvhyD5Y7cflhOWaAuzZ/Y2a9aXRu8EpOjNlID1w==}
-
-  '@orval/solid-start@8.5.3':
-    resolution: {integrity: sha512-d9I+IUcXQ+sDGWYy5YmEZ4V9uAYabadMfGAz7FdxxnKyU3WzBL5PIyrGZHevZ23/9SPuWJ6bhXhiVggzhLSoAA==}
-
-  '@orval/swr@8.5.3':
-    resolution: {integrity: sha512-2ScQVNnPjwVwuojUmJdy5LmFBeG2D/p2M2ONPL/w2IWTGLvJH7DxCnTaPMDO/4oc2EoSrySMLa8+5wDg6E503Q==}
-
-  '@orval/zod@8.5.3':
-    resolution: {integrity: sha512-qcbnpGE0VrgCDm0hNWQSOmzbfgdnr1xo+PYQ3PJjxfLuk3kGdJmFANTr53/1lI3sZUvWZwX5nKJCLWVxvwJEgg==}
-
-  '@pinojs/redact@0.4.0':
-    resolution: {integrity: sha512-k2ENnmBugE/rzQfEcdWHcCY+/FM3VLzH9cYEsbdsoqrvzAKRhUZeRNhAZvB8OitQJ1TBed3yqWtdjzS6wJKBwg==}
-
-  '@radix-ui/number@1.1.1':
-    resolution: {integrity: sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==}
-
-  '@radix-ui/primitive@1.1.3':
-    resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
-
-  '@radix-ui/react-accordion@1.2.12':
-    resolution: {integrity: sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==}
+      "@faker-js/faker":
+        optional: true
+
+  "@orval/fetch@8.5.3":
+    resolution:
+      {
+        integrity: sha512-P+SuA44oqGu2UlT3wf8I9z9Zerfb9k/wHaqia6sAmH2q86mKpdDzAT5qvyKyrusZOiak3ijO92j2N7me3UzuFw==,
+      }
+
+  "@orval/hono@8.5.3":
+    resolution:
+      {
+        integrity: sha512-BZkjxq+5lwOnUtywHCXRGbzPrsjyZtBQ6bAwHXBkecNyUiZm/W1I8SUdD3KwCqBBT+bjs+aAZxGFk0FC8Cr1Rg==,
+      }
+
+  "@orval/mcp@8.5.3":
+    resolution:
+      {
+        integrity: sha512-emd1fHrrcDgDnDH1k2dl6D2AAkPLRzX4K0ERtdp9SfFfLwa8NKVO3rdA3ZlYC1WxNUzOMEOM0ay2Pk+wEv/gaQ==,
+      }
+
+  "@orval/mock@8.5.3":
+    resolution:
+      {
+        integrity: sha512-wimpkpGhs6ZepQfOv6wej00IF+31H+zZVukFVsJMl7g+5mQjJ12M3+Kvhk7/GHAnV3jzXSaqPLF//m7vYgKSRQ==,
+      }
+
+  "@orval/query@8.5.3":
+    resolution:
+      {
+        integrity: sha512-Q6YqlsVzQuxhJ3RWd4CWm1tdTsW1CjbYUR3QBvDN9SA5T6fZvhyD5Y7cflhOWaAuzZ/Y2a9aXRu8EpOjNlID1w==,
+      }
+
+  "@orval/solid-start@8.5.3":
+    resolution:
+      {
+        integrity: sha512-d9I+IUcXQ+sDGWYy5YmEZ4V9uAYabadMfGAz7FdxxnKyU3WzBL5PIyrGZHevZ23/9SPuWJ6bhXhiVggzhLSoAA==,
+      }
+
+  "@orval/swr@8.5.3":
+    resolution:
+      {
+        integrity: sha512-2ScQVNnPjwVwuojUmJdy5LmFBeG2D/p2M2ONPL/w2IWTGLvJH7DxCnTaPMDO/4oc2EoSrySMLa8+5wDg6E503Q==,
+      }
+
+  "@orval/zod@8.5.3":
+    resolution:
+      {
+        integrity: sha512-qcbnpGE0VrgCDm0hNWQSOmzbfgdnr1xo+PYQ3PJjxfLuk3kGdJmFANTr53/1lI3sZUvWZwX5nKJCLWVxvwJEgg==,
+      }
+
+  "@pinojs/redact@0.4.0":
+    resolution:
+      {
+        integrity: sha512-k2ENnmBugE/rzQfEcdWHcCY+/FM3VLzH9cYEsbdsoqrvzAKRhUZeRNhAZvB8OitQJ1TBed3yqWtdjzS6wJKBwg==,
+      }
+
+  "@radix-ui/number@1.1.1":
+    resolution:
+      {
+        integrity: sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==,
+      }
+
+  "@radix-ui/primitive@1.1.3":
+    resolution:
+      {
+        integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==,
+      }
+
+  "@radix-ui/react-accordion@1.2.12":
+    resolution:
+      {
+        integrity: sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-alert-dialog@1.1.15':
-    resolution: {integrity: sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==}
+  "@radix-ui/react-alert-dialog@1.1.15":
+    resolution:
+      {
+        integrity: sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-arrow@1.1.7':
-    resolution: {integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==}
+  "@radix-ui/react-arrow@1.1.7":
+    resolution:
+      {
+        integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-aspect-ratio@1.1.8':
-    resolution: {integrity: sha512-5nZrJTF7gH+e0nZS7/QxFz6tJV4VimhQb1avEgtsJxvvIp5JilL+c58HICsKzPxghdwaDt48hEfPM1au4zGy+w==}
+  "@radix-ui/react-aspect-ratio@1.1.8":
+    resolution:
+      {
+        integrity: sha512-5nZrJTF7gH+e0nZS7/QxFz6tJV4VimhQb1avEgtsJxvvIp5JilL+c58HICsKzPxghdwaDt48hEfPM1au4zGy+w==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-avatar@1.1.11':
-    resolution: {integrity: sha512-0Qk603AHGV28BOBO34p7IgD5m+V5Sg/YovfayABkoDDBM5d3NCx0Mp4gGrjzLGes1jV5eNOE1r3itqOR33VC6Q==}
+  "@radix-ui/react-avatar@1.1.11":
+    resolution:
+      {
+        integrity: sha512-0Qk603AHGV28BOBO34p7IgD5m+V5Sg/YovfayABkoDDBM5d3NCx0Mp4gGrjzLGes1jV5eNOE1r3itqOR33VC6Q==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-checkbox@1.3.3':
-    resolution: {integrity: sha512-wBbpv+NQftHDdG86Qc0pIyXk5IR3tM8Vd0nWLKDcX8nNn4nXFOFwsKuqw2okA/1D/mpaAkmuyndrPJTYDNZtFw==}
+  "@radix-ui/react-checkbox@1.3.3":
+    resolution:
+      {
+        integrity: sha512-wBbpv+NQftHDdG86Qc0pIyXk5IR3tM8Vd0nWLKDcX8nNn4nXFOFwsKuqw2okA/1D/mpaAkmuyndrPJTYDNZtFw==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-collapsible@1.1.12':
-    resolution: {integrity: sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==}
+  "@radix-ui/react-collapsible@1.1.12":
+    resolution:
+      {
+        integrity: sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-collection@1.1.7':
-    resolution: {integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==}
+  "@radix-ui/react-collection@1.1.7":
+    resolution:
+      {
+        integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-compose-refs@1.1.2':
-    resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
+  "@radix-ui/react-compose-refs@1.1.2":
+    resolution:
+      {
+        integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-context-menu@2.2.16':
-    resolution: {integrity: sha512-O8morBEW+HsVG28gYDZPTrT9UUovQUlJue5YO836tiTJhuIWBm/zQHc7j388sHWtdH/xUZurK9olD2+pcqx5ww==}
+  "@radix-ui/react-context-menu@2.2.16":
+    resolution:
+      {
+        integrity: sha512-O8morBEW+HsVG28gYDZPTrT9UUovQUlJue5YO836tiTJhuIWBm/zQHc7j388sHWtdH/xUZurK9olD2+pcqx5ww==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-context@1.1.2':
-    resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
+  "@radix-ui/react-context@1.1.2":
+    resolution:
+      {
+        integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-context@1.1.3':
-    resolution: {integrity: sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==}
+  "@radix-ui/react-context@1.1.3":
+    resolution:
+      {
+        integrity: sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-dialog@1.1.15':
-    resolution: {integrity: sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==}
+  "@radix-ui/react-dialog@1.1.15":
+    resolution:
+      {
+        integrity: sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-direction@1.1.1':
-    resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
+  "@radix-ui/react-direction@1.1.1":
+    resolution:
+      {
+        integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-dismissable-layer@1.1.11':
-    resolution: {integrity: sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==}
+  "@radix-ui/react-dismissable-layer@1.1.11":
+    resolution:
+      {
+        integrity: sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-dropdown-menu@2.1.16':
-    resolution: {integrity: sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==}
+  "@radix-ui/react-dropdown-menu@2.1.16":
+    resolution:
+      {
+        integrity: sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-focus-guards@1.1.3':
-    resolution: {integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==}
+  "@radix-ui/react-focus-guards@1.1.3":
+    resolution:
+      {
+        integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-focus-scope@1.1.7':
-    resolution: {integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==}
+  "@radix-ui/react-focus-scope@1.1.7":
+    resolution:
+      {
+        integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-hover-card@1.1.15':
-    resolution: {integrity: sha512-qgTkjNT1CfKMoP0rcasmlH2r1DAiYicWsDsufxl940sT2wHNEWWv6FMWIQXWhVdmC1d/HYfbhQx60KYyAtKxjg==}
+  "@radix-ui/react-hover-card@1.1.15":
+    resolution:
+      {
+        integrity: sha512-qgTkjNT1CfKMoP0rcasmlH2r1DAiYicWsDsufxl940sT2wHNEWWv6FMWIQXWhVdmC1d/HYfbhQx60KYyAtKxjg==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-id@1.1.1':
-    resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
+  "@radix-ui/react-id@1.1.1":
+    resolution:
+      {
+        integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-label@2.1.8':
-    resolution: {integrity: sha512-FmXs37I6hSBVDlO4y764TNz1rLgKwjJMQ0EGte6F3Cb3f4bIuHB/iLa/8I9VKkmOy+gNHq8rql3j686ACVV21A==}
+  "@radix-ui/react-label@2.1.8":
+    resolution:
+      {
+        integrity: sha512-FmXs37I6hSBVDlO4y764TNz1rLgKwjJMQ0EGte6F3Cb3f4bIuHB/iLa/8I9VKkmOy+gNHq8rql3j686ACVV21A==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-menu@2.1.16':
-    resolution: {integrity: sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==}
+  "@radix-ui/react-menu@2.1.16":
+    resolution:
+      {
+        integrity: sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-menubar@1.1.16':
-    resolution: {integrity: sha512-EB1FktTz5xRRi2Er974AUQZWg2yVBb1yjip38/lgwtCVRd3a+maUoGHN/xs9Yv8SY8QwbSEb+YrxGadVWbEutA==}
+  "@radix-ui/react-menubar@1.1.16":
+    resolution:
+      {
+        integrity: sha512-EB1FktTz5xRRi2Er974AUQZWg2yVBb1yjip38/lgwtCVRd3a+maUoGHN/xs9Yv8SY8QwbSEb+YrxGadVWbEutA==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-navigation-menu@1.2.14':
-    resolution: {integrity: sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==}
+  "@radix-ui/react-navigation-menu@1.2.14":
+    resolution:
+      {
+        integrity: sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-popover@1.1.15':
-    resolution: {integrity: sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==}
+  "@radix-ui/react-popover@1.1.15":
+    resolution:
+      {
+        integrity: sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-popper@1.2.8':
-    resolution: {integrity: sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==}
+  "@radix-ui/react-popper@1.2.8":
+    resolution:
+      {
+        integrity: sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-portal@1.1.9':
-    resolution: {integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==}
+  "@radix-ui/react-portal@1.1.9":
+    resolution:
+      {
+        integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-presence@1.1.5':
-    resolution: {integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==}
+  "@radix-ui/react-presence@1.1.5":
+    resolution:
+      {
+        integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-primitive@2.1.3':
-    resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
+  "@radix-ui/react-primitive@2.1.3":
+    resolution:
+      {
+        integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-primitive@2.1.4':
-    resolution: {integrity: sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==}
+  "@radix-ui/react-primitive@2.1.4":
+    resolution:
+      {
+        integrity: sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-progress@1.1.8':
-    resolution: {integrity: sha512-+gISHcSPUJ7ktBy9RnTqbdKW78bcGke3t6taawyZ71pio1JewwGSJizycs7rLhGTvMJYCQB1DBK4KQsxs7U8dA==}
+  "@radix-ui/react-progress@1.1.8":
+    resolution:
+      {
+        integrity: sha512-+gISHcSPUJ7ktBy9RnTqbdKW78bcGke3t6taawyZ71pio1JewwGSJizycs7rLhGTvMJYCQB1DBK4KQsxs7U8dA==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-radio-group@1.3.8':
-    resolution: {integrity: sha512-VBKYIYImA5zsxACdisNQ3BjCBfmbGH3kQlnFVqlWU4tXwjy7cGX8ta80BcrO+WJXIn5iBylEH3K6ZTlee//lgQ==}
+  "@radix-ui/react-radio-group@1.3.8":
+    resolution:
+      {
+        integrity: sha512-VBKYIYImA5zsxACdisNQ3BjCBfmbGH3kQlnFVqlWU4tXwjy7cGX8ta80BcrO+WJXIn5iBylEH3K6ZTlee//lgQ==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-roving-focus@1.1.11':
-    resolution: {integrity: sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==}
+  "@radix-ui/react-roving-focus@1.1.11":
+    resolution:
+      {
+        integrity: sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-scroll-area@1.2.10':
-    resolution: {integrity: sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==}
+  "@radix-ui/react-scroll-area@1.2.10":
+    resolution:
+      {
+        integrity: sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-select@2.2.6':
-    resolution: {integrity: sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==}
+  "@radix-ui/react-select@2.2.6":
+    resolution:
+      {
+        integrity: sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-separator@1.1.8':
-    resolution: {integrity: sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==}
+  "@radix-ui/react-separator@1.1.8":
+    resolution:
+      {
+        integrity: sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-slider@1.3.6':
-    resolution: {integrity: sha512-JPYb1GuM1bxfjMRlNLE+BcmBC8onfCi60Blk7OBqi2MLTFdS+8401U4uFjnwkOr49BLmXxLC6JHkvAsx5OJvHw==}
+  "@radix-ui/react-slider@1.3.6":
+    resolution:
+      {
+        integrity: sha512-JPYb1GuM1bxfjMRlNLE+BcmBC8onfCi60Blk7OBqi2MLTFdS+8401U4uFjnwkOr49BLmXxLC6JHkvAsx5OJvHw==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-slot@1.2.3':
-    resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
+  "@radix-ui/react-slot@1.2.3":
+    resolution:
+      {
+        integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-slot@1.2.4':
-    resolution: {integrity: sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==}
+  "@radix-ui/react-slot@1.2.4":
+    resolution:
+      {
+        integrity: sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-switch@1.2.6':
-    resolution: {integrity: sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==}
+  "@radix-ui/react-switch@1.2.6":
+    resolution:
+      {
+        integrity: sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-tabs@1.1.13':
-    resolution: {integrity: sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==}
+  "@radix-ui/react-tabs@1.1.13":
+    resolution:
+      {
+        integrity: sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-toast@1.2.15':
-    resolution: {integrity: sha512-3OSz3TacUWy4WtOXV38DggwxoqJK4+eDkNMl5Z/MJZaoUPaP4/9lf81xXMe1I2ReTAptverZUpbPY4wWwWyL5g==}
+  "@radix-ui/react-toast@1.2.15":
+    resolution:
+      {
+        integrity: sha512-3OSz3TacUWy4WtOXV38DggwxoqJK4+eDkNMl5Z/MJZaoUPaP4/9lf81xXMe1I2ReTAptverZUpbPY4wWwWyL5g==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-toggle-group@1.1.11':
-    resolution: {integrity: sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==}
+  "@radix-ui/react-toggle-group@1.1.11":
+    resolution:
+      {
+        integrity: sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-toggle@1.1.10':
-    resolution: {integrity: sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==}
+  "@radix-ui/react-toggle@1.1.10":
+    resolution:
+      {
+        integrity: sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-tooltip@1.2.8':
-    resolution: {integrity: sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==}
+  "@radix-ui/react-tooltip@1.2.8":
+    resolution:
+      {
+        integrity: sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@radix-ui/react-use-callback-ref@1.1.1':
-    resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
+  "@radix-ui/react-use-callback-ref@1.1.1":
+    resolution:
+      {
+        integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-use-controllable-state@1.2.2':
-    resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
+  "@radix-ui/react-use-controllable-state@1.2.2":
+    resolution:
+      {
+        integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-use-effect-event@0.0.2':
-    resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
+  "@radix-ui/react-use-effect-event@0.0.2":
+    resolution:
+      {
+        integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-use-escape-keydown@1.1.1':
-    resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==}
+  "@radix-ui/react-use-escape-keydown@1.1.1":
+    resolution:
+      {
+        integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-use-is-hydrated@0.1.0':
-    resolution: {integrity: sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==}
+  "@radix-ui/react-use-is-hydrated@0.1.0":
+    resolution:
+      {
+        integrity: sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-use-layout-effect@1.1.1':
-    resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
+  "@radix-ui/react-use-layout-effect@1.1.1":
+    resolution:
+      {
+        integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-use-previous@1.1.1':
-    resolution: {integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==}
+  "@radix-ui/react-use-previous@1.1.1":
+    resolution:
+      {
+        integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-use-rect@1.1.1':
-    resolution: {integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==}
+  "@radix-ui/react-use-rect@1.1.1":
+    resolution:
+      {
+        integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-use-size@1.1.1':
-    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
+  "@radix-ui/react-use-size@1.1.1":
+    resolution:
+      {
+        integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==,
+      }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
-  '@radix-ui/react-visually-hidden@1.2.3':
-    resolution: {integrity: sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==}
+  "@radix-ui/react-visually-hidden@1.2.3":
+    resolution:
+      {
+        integrity: sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==,
+      }
     peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
+      "@types/react": "*"
+      "@types/react-dom": "*"
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/rect@1.1.1':
-    resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
-
-  '@replit/vite-plugin-cartographer@0.5.1':
-    resolution: {integrity: sha512-KiaQMx4ssTM8hSjMFscyIV1PN1bRVCWCFqN3fXOfXa39uFFCKUaeL3VvH/sxuy7S7ET+MCFOt+J7lLtL56bRrA==}
-
-  '@replit/vite-plugin-dev-banner@0.1.2':
-    resolution: {integrity: sha512-YfW3U1xKnLrqvSiTzXeEX8AG+Vpz7XwBsJHNvGbp841AE1mLvishMQi2Zw7ApyHp+9EMGthXuCjP+mLbl3IuGA==}
-
-  '@replit/vite-plugin-runtime-error-modal@0.0.6':
-    resolution: {integrity: sha512-53iuzLsrvcUnWxAo0fvNrUhOf7LYJ+3at61dZeTIrkaZD4vGNjTbvE0j50TFcjjTC9UM74uprlnQ4+L2A//Cjg==}
-
-  '@rolldown/pluginutils@1.0.0-rc.3':
-    resolution: {integrity: sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==}
-
-  '@rollup/rollup-linux-x64-gnu@4.59.0':
-    resolution: {integrity: sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==}
+      "@types/react":
+        optional: true
+      "@types/react-dom":
+        optional: true
+
+  "@radix-ui/rect@1.1.1":
+    resolution:
+      {
+        integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==,
+      }
+
+  "@replit/vite-plugin-cartographer@0.5.1":
+    resolution:
+      {
+        integrity: sha512-KiaQMx4ssTM8hSjMFscyIV1PN1bRVCWCFqN3fXOfXa39uFFCKUaeL3VvH/sxuy7S7ET+MCFOt+J7lLtL56bRrA==,
+      }
+
+  "@replit/vite-plugin-dev-banner@0.1.2":
+    resolution:
+      {
+        integrity: sha512-YfW3U1xKnLrqvSiTzXeEX8AG+Vpz7XwBsJHNvGbp841AE1mLvishMQi2Zw7ApyHp+9EMGthXuCjP+mLbl3IuGA==,
+      }
+
+  "@replit/vite-plugin-runtime-error-modal@0.0.6":
+    resolution:
+      {
+        integrity: sha512-53iuzLsrvcUnWxAo0fvNrUhOf7LYJ+3at61dZeTIrkaZD4vGNjTbvE0j50TFcjjTC9UM74uprlnQ4+L2A//Cjg==,
+      }
+
+  "@rolldown/pluginutils@1.0.0-rc.3":
+    resolution:
+      {
+        integrity: sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==,
+      }
+
+  "@rollup/rollup-linux-x64-gnu@4.59.0":
+    resolution:
+      {
+        integrity: sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==,
+      }
     cpu: [x64]
     os: [linux]
 
-  '@scalar/helpers@0.2.18':
-    resolution: {integrity: sha512-w1d4tpNEVZ293oB2BAgLrS0kVPUtG3eByNmOCJA5eK9vcT4D3cmsGtWjUaaqit0BQCsBFHK51rasGvSWnApYTw==}
-    engines: {node: '>=20'}
-
-  '@scalar/json-magic@0.11.7':
-    resolution: {integrity: sha512-GVz9E0vXu+ecypkdn0biK1gbQVkK4QTTX1Hq3eMgxlLQC91wwiqWfCqwfhuX0LRu+Z5OmYhLhufDJEEh56rVgA==}
-    engines: {node: '>=20'}
-
-  '@scalar/openapi-parser@0.24.17':
-    resolution: {integrity: sha512-aM9UVrzlMreC3X/sZbyj+7XDZmat3ecGC3RpU8dqEO/HIH+CEX0xMLuP+41DhePCYg5+9TtDomSfWuMq4x1Z1A==}
-    engines: {node: '>=20'}
-
-  '@scalar/openapi-types@0.5.3':
-    resolution: {integrity: sha512-m4n/Su3K01d15dmdWO1LlqecdSPKuNjuokrJLdiQ485kW/hRHbXW1QP6tJL75myhw/XhX5YhYAR+jrwnGjXiMw==}
-    engines: {node: '>=20'}
-
-  '@scalar/openapi-types@0.5.4':
-    resolution: {integrity: sha512-2pEbhprh8lLGDfUI6mNm9EV104pjb3+aJsXrFaqfgOSre7r6NlgM5HcSbsLjzDAnTikjJhJ3IMal1Rz8WVwiOw==}
-    engines: {node: '>=20'}
-
-  '@scalar/openapi-upgrader@0.1.11':
-    resolution: {integrity: sha512-ngJcHGoCHmpWgYtNy08vmzFfLdQEkMpvaCQqNPPMNKq0QEXOv89e/rn+TZJZgPnRlY7fDIoIhn9lNgr+azBW+w==}
-    engines: {node: '>=20'}
-
-  '@sec-ant/readable-stream@0.4.1':
-    resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
-
-  '@shikijs/engine-oniguruma@3.23.0':
-    resolution: {integrity: sha512-1nWINwKXxKKLqPibT5f4pAFLej9oZzQTsby8942OTlsJzOBZ0MWKiwzMsd+jhzu8YPCHAswGnnN1YtQfirL35g==}
-
-  '@shikijs/langs@3.23.0':
-    resolution: {integrity: sha512-2Ep4W3Re5aB1/62RSYQInK9mM3HsLeB91cHqznAJMuylqjzNVAVCMnNWRHFtcNHXsoNRayP9z1qj4Sq3nMqYXg==}
-
-  '@shikijs/themes@3.23.0':
-    resolution: {integrity: sha512-5qySYa1ZgAT18HR/ypENL9cUSGOeI2x+4IvYJu4JgVJdizn6kG4ia5Q1jDEOi7gTbN4RbuYtmHh0W3eccOrjMA==}
-
-  '@shikijs/types@3.23.0':
-    resolution: {integrity: sha512-3JZ5HXOZfYjsYSk0yPwBrkupyYSLpAE26Qc0HLghhZNGTZg/SKxXIIgoxOpmmeQP0RRSDJTk1/vPfw9tbw+jSQ==}
-
-  '@shikijs/vscode-textmate@10.0.2':
-    resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
-
-  '@sindresorhus/merge-streams@4.0.0':
-    resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
-    engines: {node: '>=18'}
-
-  '@tabby_ai/hijri-converter@1.0.5':
-    resolution: {integrity: sha512-r5bClKrcIusDoo049dSL8CawnHR6mRdDwhlQuIgZRNty68q0x8k3Lf1BtPAMxRf/GgnHBnIO4ujd3+GQdLWzxQ==}
-    engines: {node: '>=16.0.0'}
-
-  '@tailwindcss/node@4.2.1':
-    resolution: {integrity: sha512-jlx6sLk4EOwO6hHe1oCGm1Q4AN/s0rSrTTPBGPM0/RQ6Uylwq17FuU8IeJJKEjtc6K6O07zsvP+gDO6MMWo7pg==}
-
-  '@tailwindcss/oxide-linux-x64-gnu@4.2.1':
-    resolution: {integrity: sha512-qMFzxI2YlBOLW5PhblzuSWlWfwLHaneBE0xHzLrBgNtqN6mWfs+qYbhryGSXQjFYB1Dzf5w+LN5qbUTPhW7Y5g==}
-    engines: {node: '>= 20'}
+  "@scalar/helpers@0.2.18":
+    resolution:
+      {
+        integrity: sha512-w1d4tpNEVZ293oB2BAgLrS0kVPUtG3eByNmOCJA5eK9vcT4D3cmsGtWjUaaqit0BQCsBFHK51rasGvSWnApYTw==,
+      }
+    engines: { node: ">=20" }
+
+  "@scalar/json-magic@0.11.7":
+    resolution:
+      {
+        integrity: sha512-GVz9E0vXu+ecypkdn0biK1gbQVkK4QTTX1Hq3eMgxlLQC91wwiqWfCqwfhuX0LRu+Z5OmYhLhufDJEEh56rVgA==,
+      }
+    engines: { node: ">=20" }
+
+  "@scalar/openapi-parser@0.24.17":
+    resolution:
+      {
+        integrity: sha512-aM9UVrzlMreC3X/sZbyj+7XDZmat3ecGC3RpU8dqEO/HIH+CEX0xMLuP+41DhePCYg5+9TtDomSfWuMq4x1Z1A==,
+      }
+    engines: { node: ">=20" }
+
+  "@scalar/openapi-types@0.5.3":
+    resolution:
+      {
+        integrity: sha512-m4n/Su3K01d15dmdWO1LlqecdSPKuNjuokrJLdiQ485kW/hRHbXW1QP6tJL75myhw/XhX5YhYAR+jrwnGjXiMw==,
+      }
+    engines: { node: ">=20" }
+
+  "@scalar/openapi-types@0.5.4":
+    resolution:
+      {
+        integrity: sha512-2pEbhprh8lLGDfUI6mNm9EV104pjb3+aJsXrFaqfgOSre7r6NlgM5HcSbsLjzDAnTikjJhJ3IMal1Rz8WVwiOw==,
+      }
+    engines: { node: ">=20" }
+
+  "@scalar/openapi-upgrader@0.1.11":
+    resolution:
+      {
+        integrity: sha512-ngJcHGoCHmpWgYtNy08vmzFfLdQEkMpvaCQqNPPMNKq0QEXOv89e/rn+TZJZgPnRlY7fDIoIhn9lNgr+azBW+w==,
+      }
+    engines: { node: ">=20" }
+
+  "@sec-ant/readable-stream@0.4.1":
+    resolution:
+      {
+        integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==,
+      }
+
+  "@shikijs/engine-oniguruma@3.23.0":
+    resolution:
+      {
+        integrity: sha512-1nWINwKXxKKLqPibT5f4pAFLej9oZzQTsby8942OTlsJzOBZ0MWKiwzMsd+jhzu8YPCHAswGnnN1YtQfirL35g==,
+      }
+
+  "@shikijs/langs@3.23.0":
+    resolution:
+      {
+        integrity: sha512-2Ep4W3Re5aB1/62RSYQInK9mM3HsLeB91cHqznAJMuylqjzNVAVCMnNWRHFtcNHXsoNRayP9z1qj4Sq3nMqYXg==,
+      }
+
+  "@shikijs/themes@3.23.0":
+    resolution:
+      {
+        integrity: sha512-5qySYa1ZgAT18HR/ypENL9cUSGOeI2x+4IvYJu4JgVJdizn6kG4ia5Q1jDEOi7gTbN4RbuYtmHh0W3eccOrjMA==,
+      }
+
+  "@shikijs/types@3.23.0":
+    resolution:
+      {
+        integrity: sha512-3JZ5HXOZfYjsYSk0yPwBrkupyYSLpAE26Qc0HLghhZNGTZg/SKxXIIgoxOpmmeQP0RRSDJTk1/vPfw9tbw+jSQ==,
+      }
+
+  "@shikijs/vscode-textmate@10.0.2":
+    resolution:
+      {
+        integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==,
+      }
+
+  "@sindresorhus/merge-streams@4.0.0":
+    resolution:
+      {
+        integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==,
+      }
+    engines: { node: ">=18" }
+
+  "@tabby_ai/hijri-converter@1.0.5":
+    resolution:
+      {
+        integrity: sha512-r5bClKrcIusDoo049dSL8CawnHR6mRdDwhlQuIgZRNty68q0x8k3Lf1BtPAMxRf/GgnHBnIO4ujd3+GQdLWzxQ==,
+      }
+    engines: { node: ">=16.0.0" }
+
+  "@tailwindcss/node@4.2.1":
+    resolution:
+      {
+        integrity: sha512-jlx6sLk4EOwO6hHe1oCGm1Q4AN/s0rSrTTPBGPM0/RQ6Uylwq17FuU8IeJJKEjtc6K6O07zsvP+gDO6MMWo7pg==,
+      }
+
+  "@tailwindcss/oxide-linux-x64-gnu@4.2.1":
+    resolution:
+      {
+        integrity: sha512-qMFzxI2YlBOLW5PhblzuSWlWfwLHaneBE0xHzLrBgNtqN6mWfs+qYbhryGSXQjFYB1Dzf5w+LN5qbUTPhW7Y5g==,
+      }
+    engines: { node: ">= 20" }
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-wasm32-wasi@4.2.1':
-    resolution: {integrity: sha512-MGFB5cVPvshR85MTJkEvqDUnuNoysrsRxd6vnk1Lf2tbiqNlXpHYZqkqOQalydienEWOHHFyyuTSYRsLfxFJ2Q==}
-    engines: {node: '>=14.0.0'}
+  "@tailwindcss/oxide-wasm32-wasi@4.2.1":
+    resolution:
+      {
+        integrity: sha512-MGFB5cVPvshR85MTJkEvqDUnuNoysrsRxd6vnk1Lf2tbiqNlXpHYZqkqOQalydienEWOHHFyyuTSYRsLfxFJ2Q==,
+      }
+    engines: { node: ">=14.0.0" }
     cpu: [wasm32]
     bundledDependencies:
-      - '@napi-rs/wasm-runtime'
-      - '@emnapi/core'
-      - '@emnapi/runtime'
-      - '@tybys/wasm-util'
-      - '@emnapi/wasi-threads'
+      - "@napi-rs/wasm-runtime"
+      - "@emnapi/core"
+      - "@emnapi/runtime"
+      - "@tybys/wasm-util"
+      - "@emnapi/wasi-threads"
       - tslib
 
-  '@tailwindcss/oxide@4.2.1':
-    resolution: {integrity: sha512-yv9jeEFWnjKCI6/T3Oq50yQEOqmpmpfzG1hcZsAOaXFQPfzWprWrlHSdGPEF3WQTi8zu8ohC9Mh9J470nT5pUw==}
-    engines: {node: '>= 20'}
-
-  '@tailwindcss/typography@0.5.19':
-    resolution: {integrity: sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==}
+  "@tailwindcss/oxide@4.2.1":
+    resolution:
+      {
+        integrity: sha512-yv9jeEFWnjKCI6/T3Oq50yQEOqmpmpfzG1hcZsAOaXFQPfzWprWrlHSdGPEF3WQTi8zu8ohC9Mh9J470nT5pUw==,
+      }
+    engines: { node: ">= 20" }
+
+  "@tailwindcss/typography@0.5.19":
+    resolution:
+      {
+        integrity: sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==,
+      }
     peerDependencies:
-      tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
+      tailwindcss: ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
 
-  '@tailwindcss/vite@4.2.1':
-    resolution: {integrity: sha512-TBf2sJjYeb28jD2U/OhwdW0bbOsxkWPwQ7SrqGf9sVcoYwZj7rkXljroBO9wKBut9XnmQLXanuDUeqQK0lGg/w==}
+  "@tailwindcss/vite@4.2.1":
+    resolution:
+      {
+        integrity: sha512-TBf2sJjYeb28jD2U/OhwdW0bbOsxkWPwQ7SrqGf9sVcoYwZj7rkXljroBO9wKBut9XnmQLXanuDUeqQK0lGg/w==,
+      }
     peerDependencies:
       vite: ^5.2.0 || ^6 || ^7
 
-  '@tanstack/query-core@5.90.20':
-    resolution: {integrity: sha512-OMD2HLpNouXEfZJWcKeVKUgQ5n+n3A2JFmBaScpNDUqSrQSjiveC7dKMe53uJUg1nDG16ttFPz2xfilz6i2uVg==}
-
-  '@tanstack/react-query@5.90.21':
-    resolution: {integrity: sha512-0Lu6y5t+tvlTJMTO7oh5NSpJfpg/5D41LlThfepTixPYkJ0sE2Jj0m0f6yYqujBwIXlId87e234+MxG3D3g7kg==}
+  "@tanstack/query-core@5.90.20":
+    resolution:
+      {
+        integrity: sha512-OMD2HLpNouXEfZJWcKeVKUgQ5n+n3A2JFmBaScpNDUqSrQSjiveC7dKMe53uJUg1nDG16ttFPz2xfilz6i2uVg==,
+      }
+
+  "@tanstack/react-query@5.90.21":
+    resolution:
+      {
+        integrity: sha512-0Lu6y5t+tvlTJMTO7oh5NSpJfpg/5D41LlThfepTixPYkJ0sE2Jj0m0f6yYqujBwIXlId87e234+MxG3D3g7kg==,
+      }
     peerDependencies:
       react: ^18 || ^19
 
-  '@types/babel__core@7.20.5':
-    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
-
-  '@types/babel__generator@7.27.0':
-    resolution: {integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==}
-
-  '@types/babel__template@7.4.4':
-    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
-
-  '@types/babel__traverse@7.28.0':
-    resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
-
-  '@types/body-parser@1.19.6':
-    resolution: {integrity: sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==}
-
-  '@types/connect@3.4.38':
-    resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
-
-  '@types/cookie-parser@1.4.10':
-    resolution: {integrity: sha512-B4xqkqfZ8Wek+rCOeRxsjMS9OgvzebEzzLYw7NHYuvzb7IdxOkI0ZHGgeEBX4PUM7QGVvNSK60T3OvWj3YfBRg==}
+  "@types/babel__core@7.20.5":
+    resolution:
+      {
+        integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==,
+      }
+
+  "@types/babel__generator@7.27.0":
+    resolution:
+      {
+        integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==,
+      }
+
+  "@types/babel__template@7.4.4":
+    resolution:
+      {
+        integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==,
+      }
+
+  "@types/babel__traverse@7.28.0":
+    resolution:
+      {
+        integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==,
+      }
+
+  "@types/body-parser@1.19.6":
+    resolution:
+      {
+        integrity: sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==,
+      }
+
+  "@types/connect@3.4.38":
+    resolution:
+      {
+        integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==,
+      }
+
+  "@types/cookie-parser@1.4.10":
+    resolution:
+      {
+        integrity: sha512-B4xqkqfZ8Wek+rCOeRxsjMS9OgvzebEzzLYw7NHYuvzb7IdxOkI0ZHGgeEBX4PUM7QGVvNSK60T3OvWj3YfBRg==,
+      }
     peerDependencies:
-      '@types/express': '*'
-
-  '@types/cors@2.8.19':
-    resolution: {integrity: sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==}
-
-  '@types/d3-array@3.2.2':
-    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
-
-  '@types/d3-color@3.1.3':
-    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
-
-  '@types/d3-ease@3.0.2':
-    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
-
-  '@types/d3-interpolate@3.0.4':
-    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
-
-  '@types/d3-path@3.1.1':
-    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
-
-  '@types/d3-scale@4.0.9':
-    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
-
-  '@types/d3-shape@3.1.8':
-    resolution: {integrity: sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==}
-
-  '@types/d3-time@3.0.4':
-    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
-
-  '@types/d3-timer@3.0.2':
-    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
-
-  '@types/estree@1.0.8':
-    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
-
-  '@types/express-serve-static-core@5.1.1':
-    resolution: {integrity: sha512-v4zIMr/cX7/d2BpAEX3KNKL/JrT1s43s96lLvvdTmza1oEvDudCqK9aF/djc/SWgy8Yh0h30TZx5VpzqFCxk5A==}
-
-  '@types/express@5.0.6':
-    resolution: {integrity: sha512-sKYVuV7Sv9fbPIt/442koC7+IIwK5olP1KWeD88e/idgoJqDm3JV/YUiPwkoKK92ylff2MGxSz1CSjsXelx0YA==}
-
-  '@types/hast@3.0.4':
-    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
-
-  '@types/http-errors@2.0.5':
-    resolution: {integrity: sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==}
-
-  '@types/node@25.3.5':
-    resolution: {integrity: sha512-oX8xrhvpiyRCQkG1MFchB09f+cXftgIXb3a7UUa4Y3wpmZPw5tyZGTLWhlESOLq1Rq6oDlc8npVU2/9xiCuXMA==}
-
-  '@types/pg@8.18.0':
-    resolution: {integrity: sha512-gT+oueVQkqnj6ajGJXblFR4iavIXWsGAFCk3dP4Kki5+a9R4NMt0JARdk6s8cUKcfUoqP5dAtDSLU8xYUTFV+Q==}
-
-  '@types/qs@6.15.0':
-    resolution: {integrity: sha512-JawvT8iBVWpzTrz3EGw9BTQFg3BQNmwERdKE22vlTxawwtbyUSlMppvZYKLZzB5zgACXdXxbD3m1bXaMqP/9ow==}
-
-  '@types/range-parser@1.2.7':
-    resolution: {integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==}
-
-  '@types/react-dom@19.2.3':
-    resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
+      "@types/express": "*"
+
+  "@types/cors@2.8.19":
+    resolution:
+      {
+        integrity: sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==,
+      }
+
+  "@types/d3-array@3.2.2":
+    resolution:
+      {
+        integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==,
+      }
+
+  "@types/d3-color@3.1.3":
+    resolution:
+      {
+        integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==,
+      }
+
+  "@types/d3-ease@3.0.2":
+    resolution:
+      {
+        integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==,
+      }
+
+  "@types/d3-interpolate@3.0.4":
+    resolution:
+      {
+        integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==,
+      }
+
+  "@types/d3-path@3.1.1":
+    resolution:
+      {
+        integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==,
+      }
+
+  "@types/d3-scale@4.0.9":
+    resolution:
+      {
+        integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==,
+      }
+
+  "@types/d3-shape@3.1.8":
+    resolution:
+      {
+        integrity: sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==,
+      }
+
+  "@types/d3-time@3.0.4":
+    resolution:
+      {
+        integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==,
+      }
+
+  "@types/d3-timer@3.0.2":
+    resolution:
+      {
+        integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==,
+      }
+
+  "@types/estree@1.0.8":
+    resolution:
+      {
+        integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==,
+      }
+
+  "@types/express-serve-static-core@5.1.1":
+    resolution:
+      {
+        integrity: sha512-v4zIMr/cX7/d2BpAEX3KNKL/JrT1s43s96lLvvdTmza1oEvDudCqK9aF/djc/SWgy8Yh0h30TZx5VpzqFCxk5A==,
+      }
+
+  "@types/express@5.0.6":
+    resolution:
+      {
+        integrity: sha512-sKYVuV7Sv9fbPIt/442koC7+IIwK5olP1KWeD88e/idgoJqDm3JV/YUiPwkoKK92ylff2MGxSz1CSjsXelx0YA==,
+      }
+
+  "@types/hast@3.0.4":
+    resolution:
+      {
+        integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==,
+      }
+
+  "@types/http-errors@2.0.5":
+    resolution:
+      {
+        integrity: sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==,
+      }
+
+  "@types/node@25.3.5":
+    resolution:
+      {
+        integrity: sha512-oX8xrhvpiyRCQkG1MFchB09f+cXftgIXb3a7UUa4Y3wpmZPw5tyZGTLWhlESOLq1Rq6oDlc8npVU2/9xiCuXMA==,
+      }
+
+  "@types/pg@8.18.0":
+    resolution:
+      {
+        integrity: sha512-gT+oueVQkqnj6ajGJXblFR4iavIXWsGAFCk3dP4Kki5+a9R4NMt0JARdk6s8cUKcfUoqP5dAtDSLU8xYUTFV+Q==,
+      }
+
+  "@types/qs@6.15.0":
+    resolution:
+      {
+        integrity: sha512-JawvT8iBVWpzTrz3EGw9BTQFg3BQNmwERdKE22vlTxawwtbyUSlMppvZYKLZzB5zgACXdXxbD3m1bXaMqP/9ow==,
+      }
+
+  "@types/range-parser@1.2.7":
+    resolution:
+      {
+        integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==,
+      }
+
+  "@types/react-dom@19.2.3":
+    resolution:
+      {
+        integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==,
+      }
     peerDependencies:
-      '@types/react': ^19.2.0
-
-  '@types/react@19.2.14':
-    resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==}
-
-  '@types/send@1.2.1':
-    resolution: {integrity: sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==}
-
-  '@types/serve-static@2.2.0':
-    resolution: {integrity: sha512-8mam4H1NHLtu7nmtalF7eyBH14QyOASmcxHhSfEoRyr0nP/YdoesEtU+uSRvMe96TW/HPTtkoKqQLl53N7UXMQ==}
-
-  '@types/unist@3.0.3':
-    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
-
-  '@vitejs/plugin-react@5.1.4':
-    resolution: {integrity: sha512-VIcFLdRi/VYRU8OL/puL7QXMYafHmqOnwTZY50U1JPlCNj30PxCMx65c494b1K9be9hX83KVt0+gTEwTWLqToA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+      "@types/react": ^19.2.0
+
+  "@types/react@19.2.14":
+    resolution:
+      {
+        integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==,
+      }
+
+  "@types/send@1.2.1":
+    resolution:
+      {
+        integrity: sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==,
+      }
+
+  "@types/serve-static@2.2.0":
+    resolution:
+      {
+        integrity: sha512-8mam4H1NHLtu7nmtalF7eyBH14QyOASmcxHhSfEoRyr0nP/YdoesEtU+uSRvMe96TW/HPTtkoKqQLl53N7UXMQ==,
+      }
+
+  "@types/unist@3.0.3":
+    resolution:
+      {
+        integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==,
+      }
+
+  "@vitejs/plugin-react@5.1.4":
+    resolution:
+      {
+        integrity: sha512-VIcFLdRi/VYRU8OL/puL7QXMYafHmqOnwTZY50U1JPlCNj30PxCMx65c494b1K9be9hX83KVt0+gTEwTWLqToA==,
+      }
+    engines: { node: ^20.19.0 || >=22.12.0 }
     peerDependencies:
       vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
 
   accepts@2.0.0:
-    resolution: {integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==}
-    engines: {node: '>= 0.6'}
+    resolution:
+      {
+        integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==,
+      }
+    engines: { node: ">= 0.6" }
 
   acorn@8.16.0:
-    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
-    engines: {node: '>=0.4.0'}
+    resolution:
+      {
+        integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==,
+      }
+    engines: { node: ">=0.4.0" }
     hasBin: true
 
   ajv-draft-04@1.0.0:
-    resolution: {integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==}
+    resolution:
+      {
+        integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==,
+      }
     peerDependencies:
       ajv: ^8.5.0
     peerDependenciesMeta:
@@ -1737,294 +2245,471 @@ packages:
         optional: true
 
   ajv-formats@3.0.1:
-    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
+    resolution:
+      {
+        integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==,
+      }
 
   ajv@8.18.0:
-    resolution: {integrity: sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==}
+    resolution:
+      {
+        integrity: sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==,
+      }
 
   ansi-colors@4.1.3:
-    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==,
+      }
+    engines: { node: ">=6" }
 
   ansi-regex@5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==,
+      }
+    engines: { node: ">=8" }
 
   argparse@2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+    resolution:
+      {
+        integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==,
+      }
 
   aria-hidden@1.2.6:
-    resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==,
+      }
+    engines: { node: ">=10" }
 
   atomic-sleep@1.0.0:
-    resolution: {integrity: sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==}
-    engines: {node: '>=8.0.0'}
+    resolution:
+      {
+        integrity: sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==,
+      }
+    engines: { node: ">=8.0.0" }
 
   balanced-match@1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+    resolution:
+      {
+        integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==,
+      }
 
   baseline-browser-mapping@2.10.0:
-    resolution: {integrity: sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==}
-    engines: {node: '>=6.0.0'}
+    resolution:
+      {
+        integrity: sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==,
+      }
+    engines: { node: ">=6.0.0" }
     hasBin: true
 
   body-parser@2.2.2:
-    resolution: {integrity: sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==,
+      }
+    engines: { node: ">=18" }
 
   brace-expansion@2.0.2:
-    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
+    resolution:
+      {
+        integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==,
+      }
 
   braces@3.0.3:
-    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==,
+      }
+    engines: { node: ">=8" }
 
   browserslist@4.28.1:
-    resolution: {integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    resolution:
+      {
+        integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==,
+      }
+    engines: { node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7 }
     hasBin: true
 
   bytes@3.1.2:
-    resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
-    engines: {node: '>= 0.8'}
+    resolution:
+      {
+        integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==,
+      }
+    engines: { node: ">= 0.8" }
 
   call-bind-apply-helpers@1.0.2:
-    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   call-bound@1.0.4:
-    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==,
+      }
+    engines: { node: ">= 0.4" }
 
   caniuse-lite@1.0.30001777:
-    resolution: {integrity: sha512-tmN+fJxroPndC74efCdp12j+0rk0RHwV5Jwa1zWaFVyw2ZxAuPeG8ZgWC3Wz7uSjT3qMRQ5XHZ4COgQmsCMJAQ==}
+    resolution:
+      {
+        integrity: sha512-tmN+fJxroPndC74efCdp12j+0rk0RHwV5Jwa1zWaFVyw2ZxAuPeG8ZgWC3Wz7uSjT3qMRQ5XHZ4COgQmsCMJAQ==,
+      }
 
   chokidar@4.0.3:
-    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
-    engines: {node: '>= 14.16.0'}
+    resolution:
+      {
+        integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==,
+      }
+    engines: { node: ">= 14.16.0" }
 
   chokidar@5.0.0:
-    resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
-    engines: {node: '>= 20.19.0'}
+    resolution:
+      {
+        integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==,
+      }
+    engines: { node: ">= 20.19.0" }
 
   class-variance-authority@0.7.1:
-    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
+    resolution:
+      {
+        integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==,
+      }
 
   clsx@2.1.1:
-    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==,
+      }
+    engines: { node: ">=6" }
 
   cmdk@1.1.1:
-    resolution: {integrity: sha512-Vsv7kFaXm+ptHDMZ7izaRsP70GgrW9NBNGswt9OZaVBLlE0SNpDq8eu/VGXyF9r7M0azK3Wy7OlYXsuyYLFzHg==}
+    resolution:
+      {
+        integrity: sha512-Vsv7kFaXm+ptHDMZ7izaRsP70GgrW9NBNGswt9OZaVBLlE0SNpDq8eu/VGXyF9r7M0azK3Wy7OlYXsuyYLFzHg==,
+      }
     peerDependencies:
       react: ^18 || ^19 || ^19.0.0-rc
       react-dom: ^18 || ^19 || ^19.0.0-rc
 
   colorette@2.0.20:
-    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+    resolution:
+      {
+        integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==,
+      }
 
   commander@14.0.3:
-    resolution: {integrity: sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==}
-    engines: {node: '>=20'}
+    resolution:
+      {
+        integrity: sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==,
+      }
+    engines: { node: ">=20" }
 
   compare-versions@6.1.1:
-    resolution: {integrity: sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==}
+    resolution:
+      {
+        integrity: sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==,
+      }
 
   content-disposition@1.0.1:
-    resolution: {integrity: sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==,
+      }
+    engines: { node: ">=18" }
 
   content-type@1.0.5:
-    resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
-    engines: {node: '>= 0.6'}
+    resolution:
+      {
+        integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==,
+      }
+    engines: { node: ">= 0.6" }
 
   convert-source-map@2.0.0:
-    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+    resolution:
+      {
+        integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==,
+      }
 
   cookie-parser@1.4.7:
-    resolution: {integrity: sha512-nGUvgXnotP3BsjiLX2ypbQnWoGUPIIfHQNZkkC668ntrzGWEZVW70HDEB1qnNGMicPje6EttlIgzo51YSwNQGw==}
-    engines: {node: '>= 0.8.0'}
+    resolution:
+      {
+        integrity: sha512-nGUvgXnotP3BsjiLX2ypbQnWoGUPIIfHQNZkkC668ntrzGWEZVW70HDEB1qnNGMicPje6EttlIgzo51YSwNQGw==,
+      }
+    engines: { node: ">= 0.8.0" }
 
   cookie-signature@1.0.6:
-    resolution: {integrity: sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==}
+    resolution:
+      {
+        integrity: sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==,
+      }
 
   cookie-signature@1.2.2:
-    resolution: {integrity: sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==}
-    engines: {node: '>=6.6.0'}
+    resolution:
+      {
+        integrity: sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==,
+      }
+    engines: { node: ">=6.6.0" }
 
   cookie@0.7.2:
-    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
-    engines: {node: '>= 0.6'}
+    resolution:
+      {
+        integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==,
+      }
+    engines: { node: ">= 0.6" }
 
   cors@2.8.6:
-    resolution: {integrity: sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==}
-    engines: {node: '>= 0.10'}
+    resolution:
+      {
+        integrity: sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==,
+      }
+    engines: { node: ">= 0.10" }
 
   cross-spawn@7.0.6:
-    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
-    engines: {node: '>= 8'}
+    resolution:
+      {
+        integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==,
+      }
+    engines: { node: ">= 8" }
 
   cssesc@3.0.0:
-    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
-    engines: {node: '>=4'}
+    resolution:
+      {
+        integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==,
+      }
+    engines: { node: ">=4" }
     hasBin: true
 
   csstype@3.2.3:
-    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+    resolution:
+      {
+        integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==,
+      }
 
   d3-array@3.2.4:
-    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==,
+      }
+    engines: { node: ">=12" }
 
   d3-color@3.1.0:
-    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==,
+      }
+    engines: { node: ">=12" }
 
   d3-ease@3.0.1:
-    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==,
+      }
+    engines: { node: ">=12" }
 
   d3-format@3.1.2:
-    resolution: {integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==,
+      }
+    engines: { node: ">=12" }
 
   d3-interpolate@3.0.1:
-    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==,
+      }
+    engines: { node: ">=12" }
 
   d3-path@3.1.0:
-    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==,
+      }
+    engines: { node: ">=12" }
 
   d3-scale@4.0.2:
-    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==,
+      }
+    engines: { node: ">=12" }
 
   d3-shape@3.2.0:
-    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==,
+      }
+    engines: { node: ">=12" }
 
   d3-time-format@4.1.0:
-    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==,
+      }
+    engines: { node: ">=12" }
 
   d3-time@3.1.0:
-    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==,
+      }
+    engines: { node: ">=12" }
 
   d3-timer@3.0.1:
-    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==,
+      }
+    engines: { node: ">=12" }
 
   date-fns-jalali@4.1.0-0:
-    resolution: {integrity: sha512-hTIP/z+t+qKwBDcmmsnmjWTduxCg+5KfdqWQvb2X/8C9+knYY6epN/pfxdDuyVlSVeFz0sM5eEfwIUQ70U4ckg==}
+    resolution:
+      {
+        integrity: sha512-hTIP/z+t+qKwBDcmmsnmjWTduxCg+5KfdqWQvb2X/8C9+knYY6epN/pfxdDuyVlSVeFz0sM5eEfwIUQ70U4ckg==,
+      }
 
   date-fns@3.6.0:
-    resolution: {integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==}
+    resolution:
+      {
+        integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==,
+      }
 
   date-fns@4.1.0:
-    resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
+    resolution:
+      {
+        integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==,
+      }
 
   dateformat@4.6.3:
-    resolution: {integrity: sha512-2P0p0pFGzHS5EMnhdxQi7aJN+iMheud0UhG4dlE1DLAlvL8JHjJJTX/CSm4JXwV0Ka5nGk3zC5mcb5bUQUxxMA==}
+    resolution:
+      {
+        integrity: sha512-2P0p0pFGzHS5EMnhdxQi7aJN+iMheud0UhG4dlE1DLAlvL8JHjJJTX/CSm4JXwV0Ka5nGk3zC5mcb5bUQUxxMA==,
+      }
 
   debug@4.4.3:
-    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
-    engines: {node: '>=6.0'}
+    resolution:
+      {
+        integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==,
+      }
+    engines: { node: ">=6.0" }
     peerDependencies:
-      supports-color: '*'
+      supports-color: "*"
     peerDependenciesMeta:
       supports-color:
         optional: true
 
   decimal.js-light@2.5.1:
-    resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
+    resolution:
+      {
+        integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==,
+      }
 
   depd@2.0.0:
-    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
-    engines: {node: '>= 0.8'}
+    resolution:
+      {
+        integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==,
+      }
+    engines: { node: ">= 0.8" }
 
   detect-libc@2.1.2:
-    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==,
+      }
+    engines: { node: ">=8" }
 
   detect-node-es@1.1.0:
-    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
+    resolution:
+      {
+        integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==,
+      }
 
   dom-helpers@5.2.1:
-    resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
+    resolution:
+      {
+        integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==,
+      }
 
   drizzle-kit@0.31.9:
-    resolution: {integrity: sha512-GViD3IgsXn7trFyBUUHyTFBpH/FsHTxYJ66qdbVggxef4UBPHRYxQaRzYLTuekYnk9i5FIEL9pbBIwMqX/Uwrg==}
+    resolution:
+      {
+        integrity: sha512-GViD3IgsXn7trFyBUUHyTFBpH/FsHTxYJ66qdbVggxef4UBPHRYxQaRzYLTuekYnk9i5FIEL9pbBIwMqX/Uwrg==,
+      }
     hasBin: true
 
   drizzle-orm@0.45.2:
-    resolution: {integrity: sha512-kY0BSaTNYWnoDMVoyY8uxmyHjpJW1geOmBMdSSicKo9CIIWkSxMIj2rkeSR51b8KAPB7m+qysjuHme5nKP+E5Q==}
+    resolution:
+      {
+        integrity: sha512-kY0BSaTNYWnoDMVoyY8uxmyHjpJW1geOmBMdSSicKo9CIIWkSxMIj2rkeSR51b8KAPB7m+qysjuHme5nKP+E5Q==,
+      }
     peerDependencies:
-      '@aws-sdk/client-rds-data': '>=3'
-      '@cloudflare/workers-types': '>=4'
-      '@electric-sql/pglite': '>=0.2.0'
-      '@libsql/client': '>=0.10.0'
-      '@libsql/client-wasm': '>=0.10.0'
-      '@neondatabase/serverless': '>=0.10.0'
-      '@op-engineering/op-sqlite': '>=2'
-      '@opentelemetry/api': ^1.4.1
-      '@planetscale/database': '>=1.13'
-      '@prisma/client': '*'
-      '@tidbcloud/serverless': '*'
-      '@types/better-sqlite3': '*'
-      '@types/pg': '*'
-      '@types/sql.js': '*'
-      '@upstash/redis': '>=1.34.7'
-      '@vercel/postgres': '>=0.8.0'
-      '@xata.io/client': '*'
-      better-sqlite3: '>=7'
-      bun-types: '*'
-      expo-sqlite: '>=14.0.0'
-      gel: '>=2'
-      knex: '*'
-      kysely: '*'
-      mysql2: '>=2'
-      pg: '>=8'
-      postgres: '>=3'
-      prisma: '*'
-      sql.js: '>=1'
-      sqlite3: '>=5'
+      "@aws-sdk/client-rds-data": ">=3"
+      "@cloudflare/workers-types": ">=4"
+      "@electric-sql/pglite": ">=0.2.0"
+      "@libsql/client": ">=0.10.0"
+      "@libsql/client-wasm": ">=0.10.0"
+      "@neondatabase/serverless": ">=0.10.0"
+      "@op-engineering/op-sqlite": ">=2"
+      "@opentelemetry/api": ^1.4.1
+      "@planetscale/database": ">=1.13"
+      "@prisma/client": "*"
+      "@tidbcloud/serverless": "*"
+      "@types/better-sqlite3": "*"
+      "@types/pg": "*"
+      "@types/sql.js": "*"
+      "@upstash/redis": ">=1.34.7"
+      "@vercel/postgres": ">=0.8.0"
+      "@xata.io/client": "*"
+      better-sqlite3: ">=7"
+      bun-types: "*"
+      expo-sqlite: ">=14.0.0"
+      gel: ">=2"
+      knex: "*"
+      kysely: "*"
+      mysql2: ">=2"
+      pg: ">=8"
+      postgres: ">=3"
+      prisma: "*"
+      sql.js: ">=1"
+      sqlite3: ">=5"
     peerDependenciesMeta:
-      '@aws-sdk/client-rds-data':
+      "@aws-sdk/client-rds-data":
         optional: true
-      '@cloudflare/workers-types':
+      "@cloudflare/workers-types":
         optional: true
-      '@electric-sql/pglite':
+      "@electric-sql/pglite":
         optional: true
-      '@libsql/client':
+      "@libsql/client":
         optional: true
-      '@libsql/client-wasm':
+      "@libsql/client-wasm":
         optional: true
-      '@neondatabase/serverless':
+      "@neondatabase/serverless":
         optional: true
-      '@op-engineering/op-sqlite':
+      "@op-engineering/op-sqlite":
         optional: true
-      '@opentelemetry/api':
+      "@opentelemetry/api":
         optional: true
-      '@planetscale/database':
+      "@planetscale/database":
         optional: true
-      '@prisma/client':
+      "@prisma/client":
         optional: true
-      '@tidbcloud/serverless':
+      "@tidbcloud/serverless":
         optional: true
-      '@types/better-sqlite3':
+      "@types/better-sqlite3":
         optional: true
-      '@types/pg':
+      "@types/pg":
         optional: true
-      '@types/sql.js':
+      "@types/sql.js":
         optional: true
-      '@upstash/redis':
+      "@upstash/redis":
         optional: true
-      '@vercel/postgres':
+      "@vercel/postgres":
         optional: true
-      '@xata.io/client':
+      "@xata.io/client":
         optional: true
       better-sqlite3:
         optional: true
@@ -2052,72 +2737,120 @@ packages:
         optional: true
 
   drizzle-zod@0.8.3:
-    resolution: {integrity: sha512-66yVOuvGhKJnTdiqj1/Xaaz9/qzOdRJADpDa68enqS6g3t0kpNkwNYjUuaeXgZfO/UWuIM9HIhSlJ6C5ZraMww==}
+    resolution:
+      {
+        integrity: sha512-66yVOuvGhKJnTdiqj1/Xaaz9/qzOdRJADpDa68enqS6g3t0kpNkwNYjUuaeXgZfO/UWuIM9HIhSlJ6C5ZraMww==,
+      }
     peerDependencies:
-      drizzle-orm: '>=0.36.0'
+      drizzle-orm: ">=0.36.0"
       zod: ^3.25.0 || ^4.0.0
 
   dunder-proto@1.0.1:
-    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==,
+      }
+    engines: { node: ">= 0.4" }
 
   ee-first@1.1.1:
-    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
+    resolution:
+      {
+        integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==,
+      }
 
   electron-to-chromium@1.5.307:
-    resolution: {integrity: sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==}
+    resolution:
+      {
+        integrity: sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==,
+      }
 
   embla-carousel-react@8.6.0:
-    resolution: {integrity: sha512-0/PjqU7geVmo6F734pmPqpyHqiM99olvyecY7zdweCw+6tKEXnrE90pBiBbMMU8s5tICemzpQ3hi5EpxzGW+JA==}
+    resolution:
+      {
+        integrity: sha512-0/PjqU7geVmo6F734pmPqpyHqiM99olvyecY7zdweCw+6tKEXnrE90pBiBbMMU8s5tICemzpQ3hi5EpxzGW+JA==,
+      }
     peerDependencies:
       react: ^16.8.0 || ^17.0.1 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
 
   embla-carousel-reactive-utils@8.6.0:
-    resolution: {integrity: sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==}
+    resolution:
+      {
+        integrity: sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==,
+      }
     peerDependencies:
       embla-carousel: 8.6.0
 
   embla-carousel@8.6.0:
-    resolution: {integrity: sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==}
+    resolution:
+      {
+        integrity: sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==,
+      }
 
   encodeurl@2.0.0:
-    resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
-    engines: {node: '>= 0.8'}
+    resolution:
+      {
+        integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==,
+      }
+    engines: { node: ">= 0.8" }
 
   end-of-stream@1.4.5:
-    resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
+    resolution:
+      {
+        integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==,
+      }
 
   enhanced-resolve@5.20.0:
-    resolution: {integrity: sha512-/ce7+jQ1PQ6rVXwe+jKEg5hW5ciicHwIQUagZkp6IufBoY3YDgdTTY1azVs0qoRgVmvsNB+rbjLJxDAeHHtwsQ==}
-    engines: {node: '>=10.13.0'}
+    resolution:
+      {
+        integrity: sha512-/ce7+jQ1PQ6rVXwe+jKEg5hW5ciicHwIQUagZkp6IufBoY3YDgdTTY1azVs0qoRgVmvsNB+rbjLJxDAeHHtwsQ==,
+      }
+    engines: { node: ">=10.13.0" }
 
   enquirer@2.4.1:
-    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
-    engines: {node: '>=8.6'}
+    resolution:
+      {
+        integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==,
+      }
+    engines: { node: ">=8.6" }
 
   entities@4.5.0:
-    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
-    engines: {node: '>=0.12'}
+    resolution:
+      {
+        integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==,
+      }
+    engines: { node: ">=0.12" }
 
   es-define-property@1.0.1:
-    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==,
+      }
+    engines: { node: ">= 0.4" }
 
   es-errors@1.3.0:
-    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==,
+      }
+    engines: { node: ">= 0.4" }
 
   es-object-atoms@1.1.1:
-    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==,
+      }
+    engines: { node: ">= 0.4" }
 
   esbuild-plugin-pino@2.3.3:
-    resolution: {integrity: sha512-5RIsILwgqy8wIV5pVg2gb13gJlH3EKKg613Js8q25p3tFsKA8ftsgWQFdgGbIkUe77Ttjl8lctuGkchRAvXGfw==}
+    resolution:
+      {
+        integrity: sha512-5RIsILwgqy8wIV5pVg2gb13gJlH3EKKg613Js8q25p3tFsKA8ftsgWQFdgGbIkUe77Ttjl8lctuGkchRAvXGfw==,
+      }
     peerDependencies:
       esbuild: 0.27.3
-      pino: '>=7.0.0'
-      pino-pretty: '*'
-      thread-stream: '*'
+      pino: ">=7.0.0"
+      pino-pretty: "*"
+      thread-stream: "*"
     peerDependenciesMeta:
       pino-pretty:
         optional: true
@@ -2125,67 +2858,118 @@ packages:
         optional: true
 
   esbuild-register@3.6.0:
-    resolution: {integrity: sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==}
+    resolution:
+      {
+        integrity: sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==,
+      }
     peerDependencies:
       esbuild: 0.27.3
 
   esbuild@0.27.3:
-    resolution: {integrity: sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==,
+      }
+    engines: { node: ">=18" }
     hasBin: true
 
   escalade@3.2.0:
-    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==,
+      }
+    engines: { node: ">=6" }
 
   escape-html@1.0.3:
-    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+    resolution:
+      {
+        integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==,
+      }
 
   esutils@2.0.3:
-    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==,
+      }
+    engines: { node: ">=0.10.0" }
 
   etag@1.8.1:
-    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
-    engines: {node: '>= 0.6'}
+    resolution:
+      {
+        integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==,
+      }
+    engines: { node: ">= 0.6" }
 
   eventemitter3@4.0.7:
-    resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
+    resolution:
+      {
+        integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==,
+      }
 
   execa@9.6.1:
-    resolution: {integrity: sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==}
-    engines: {node: ^18.19.0 || >=20.5.0}
+    resolution:
+      {
+        integrity: sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==,
+      }
+    engines: { node: ^18.19.0 || >=20.5.0 }
 
   express@5.2.1:
-    resolution: {integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==}
-    engines: {node: '>= 18'}
+    resolution:
+      {
+        integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==,
+      }
+    engines: { node: ">= 18" }
 
   fast-copy@4.0.2:
-    resolution: {integrity: sha512-ybA6PDXIXOXivLJK/z9e+Otk7ve13I4ckBvGO5I2RRmBU1gMHLVDJYEuJYhGwez7YNlYji2M2DvVU+a9mSFDlw==}
+    resolution:
+      {
+        integrity: sha512-ybA6PDXIXOXivLJK/z9e+Otk7ve13I4ckBvGO5I2RRmBU1gMHLVDJYEuJYhGwez7YNlYji2M2DvVU+a9mSFDlw==,
+      }
 
   fast-deep-equal@3.1.3:
-    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+    resolution:
+      {
+        integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==,
+      }
 
   fast-equals@5.4.0:
-    resolution: {integrity: sha512-jt2DW/aNFNwke7AUd+Z+e6pz39KO5rzdbbFCg2sGafS4mk13MI7Z8O5z9cADNn5lhGODIgLwug6TZO2ctf7kcw==}
-    engines: {node: '>=6.0.0'}
+    resolution:
+      {
+        integrity: sha512-jt2DW/aNFNwke7AUd+Z+e6pz39KO5rzdbbFCg2sGafS4mk13MI7Z8O5z9cADNn5lhGODIgLwug6TZO2ctf7kcw==,
+      }
+    engines: { node: ">=6.0.0" }
 
   fast-glob@3.3.3:
-    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
-    engines: {node: '>=8.6.0'}
+    resolution:
+      {
+        integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==,
+      }
+    engines: { node: ">=8.6.0" }
 
   fast-safe-stringify@2.1.1:
-    resolution: {integrity: sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA==}
+    resolution:
+      {
+        integrity: sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA==,
+      }
 
   fast-uri@3.1.2:
-    resolution: {integrity: sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==}
+    resolution:
+      {
+        integrity: sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==,
+      }
 
   fastq@1.20.1:
-    resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
+    resolution:
+      {
+        integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==,
+      }
 
   fdir@6.5.0:
-    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
-    engines: {node: '>=12.0.0'}
+    resolution:
+      {
+        integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==,
+      }
+    engines: { node: ">=12.0.0" }
     peerDependencies:
       picomatch: ^4.0.4
     peerDependenciesMeta:
@@ -2193,33 +2977,51 @@ packages:
         optional: true
 
   figures@6.1.0:
-    resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==,
+      }
+    engines: { node: ">=18" }
 
   fill-range@7.1.1:
-    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==,
+      }
+    engines: { node: ">=8" }
 
   finalhandler@2.1.1:
-    resolution: {integrity: sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==}
-    engines: {node: '>= 18.0.0'}
+    resolution:
+      {
+        integrity: sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==,
+      }
+    engines: { node: ">= 18.0.0" }
 
   find-up@8.0.0:
-    resolution: {integrity: sha512-JGG8pvDi2C+JxidYdIwQDyS/CgcrIdh18cvgxcBge3wSHRQOrooMD3GlFBcmMJAN9M42SAZjDp5zv1dglJjwww==}
-    engines: {node: '>=20'}
+    resolution:
+      {
+        integrity: sha512-JGG8pvDi2C+JxidYdIwQDyS/CgcrIdh18cvgxcBge3wSHRQOrooMD3GlFBcmMJAN9M42SAZjDp5zv1dglJjwww==,
+      }
+    engines: { node: ">=20" }
 
   forwarded@0.2.0:
-    resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
-    engines: {node: '>= 0.6'}
+    resolution:
+      {
+        integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==,
+      }
+    engines: { node: ">= 0.6" }
 
   framer-motion@12.35.1:
-    resolution: {integrity: sha512-rL8cLrjYZNShZqKV3U0Qj6Y5WDiZXYEM5giiTLfEqsIZxtspzMDCkKmrO5po76jWfvOg04+Vk+sfBvTD0iMmLw==}
+    resolution:
+      {
+        integrity: sha512-rL8cLrjYZNShZqKV3U0Qj6Y5WDiZXYEM5giiTLfEqsIZxtspzMDCkKmrO5po76jWfvOg04+Vk+sfBvTD0iMmLw==,
+      }
     peerDependencies:
-      '@emotion/is-prop-valid': '*'
+      "@emotion/is-prop-valid": "*"
       react: ^18.0.0 || ^19.0.0
       react-dom: ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
-      '@emotion/is-prop-valid':
+      "@emotion/is-prop-valid":
         optional: true
       react:
         optional: true
@@ -2227,764 +3029,1328 @@ packages:
         optional: true
 
   fresh@2.0.0:
-    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
-    engines: {node: '>= 0.8'}
+    resolution:
+      {
+        integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==,
+      }
+    engines: { node: ">= 0.8" }
 
   fs-extra@11.3.4:
-    resolution: {integrity: sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==}
-    engines: {node: '>=14.14'}
+    resolution:
+      {
+        integrity: sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==,
+      }
+    engines: { node: ">=14.14" }
 
   fsevents@2.3.3:
-    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    resolution:
+      {
+        integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==,
+      }
+    engines: { node: ^8.16.0 || ^10.6.0 || >=11.0.0 }
     os: [darwin]
 
   function-bind@1.1.2:
-    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+    resolution:
+      {
+        integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==,
+      }
 
   gensync@1.0.0-beta.2:
-    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
-    engines: {node: '>=6.9.0'}
+    resolution:
+      {
+        integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==,
+      }
+    engines: { node: ">=6.9.0" }
 
   get-caller-file@2.0.5:
-    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
-    engines: {node: 6.* || 8.* || >= 10.*}
+    resolution:
+      {
+        integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==,
+      }
+    engines: { node: 6.* || 8.* || >= 10.* }
 
   get-intrinsic@1.3.0:
-    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   get-nonce@1.0.1:
-    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==,
+      }
+    engines: { node: ">=6" }
 
   get-proto@1.0.1:
-    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==,
+      }
+    engines: { node: ">= 0.4" }
 
   get-stream@9.0.1:
-    resolution: {integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==,
+      }
+    engines: { node: ">=18" }
 
   get-tsconfig@4.13.6:
-    resolution: {integrity: sha512-shZT/QMiSHc/YBLxxOkMtgSid5HFoauqCE3/exfsEcwg1WkeqjG+V40yBbBrsD+jW2HDXcs28xOfcbm2jI8Ddw==}
+    resolution:
+      {
+        integrity: sha512-shZT/QMiSHc/YBLxxOkMtgSid5HFoauqCE3/exfsEcwg1WkeqjG+V40yBbBrsD+jW2HDXcs28xOfcbm2jI8Ddw==,
+      }
 
   glob-parent@5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
+    resolution:
+      {
+        integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==,
+      }
+    engines: { node: ">= 6" }
 
   globby@16.1.0:
-    resolution: {integrity: sha512-+A4Hq7m7Ze592k9gZRy4gJ27DrXRNnC1vPjxTt1qQxEY8RxagBkBxivkCwg7FxSTG0iLLEMaUx13oOr0R2/qcQ==}
-    engines: {node: '>=20'}
+    resolution:
+      {
+        integrity: sha512-+A4Hq7m7Ze592k9gZRy4gJ27DrXRNnC1vPjxTt1qQxEY8RxagBkBxivkCwg7FxSTG0iLLEMaUx13oOr0R2/qcQ==,
+      }
+    engines: { node: ">=20" }
 
   gopd@1.2.0:
-    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==,
+      }
+    engines: { node: ">= 0.4" }
 
   graceful-fs@4.2.11:
-    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+    resolution:
+      {
+        integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==,
+      }
 
   has-symbols@1.1.0:
-    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   hasown@2.0.2:
-    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   help-me@5.0.0:
-    resolution: {integrity: sha512-7xgomUX6ADmcYzFik0HzAxh/73YlKR9bmFzf51CZwR+b6YtzU2m0u49hQCqV6SvlqIqsaxovfwdvbnsw3b/zpg==}
+    resolution:
+      {
+        integrity: sha512-7xgomUX6ADmcYzFik0HzAxh/73YlKR9bmFzf51CZwR+b6YtzU2m0u49hQCqV6SvlqIqsaxovfwdvbnsw3b/zpg==,
+      }
 
   http-errors@2.0.1:
-    resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
-    engines: {node: '>= 0.8'}
+    resolution:
+      {
+        integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==,
+      }
+    engines: { node: ">= 0.8" }
 
   human-signals@8.0.1:
-    resolution: {integrity: sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==}
-    engines: {node: '>=18.18.0'}
+    resolution:
+      {
+        integrity: sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==,
+      }
+    engines: { node: ">=18.18.0" }
 
   iconv-lite@0.7.2:
-    resolution: {integrity: sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==,
+      }
+    engines: { node: ">=0.10.0" }
 
   ignore@7.0.5:
-    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
-    engines: {node: '>= 4'}
+    resolution:
+      {
+        integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==,
+      }
+    engines: { node: ">= 4" }
 
   inherits@2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+    resolution:
+      {
+        integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==,
+      }
 
   input-otp@1.4.2:
-    resolution: {integrity: sha512-l3jWwYNvrEa6NTCt7BECfCm48GvwuZzkoeG3gBL2w4CHeOXW3eKFmf9UNYkNfYc3mxMrthMnxjIE07MT0zLBQA==}
+    resolution:
+      {
+        integrity: sha512-l3jWwYNvrEa6NTCt7BECfCm48GvwuZzkoeG3gBL2w4CHeOXW3eKFmf9UNYkNfYc3mxMrthMnxjIE07MT0zLBQA==,
+      }
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
 
   internmap@2.0.3:
-    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==,
+      }
+    engines: { node: ">=12" }
 
   ipaddr.js@1.9.1:
-    resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
-    engines: {node: '>= 0.10'}
+    resolution:
+      {
+        integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==,
+      }
+    engines: { node: ">= 0.10" }
 
   is-extglob@2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==,
+      }
+    engines: { node: ">=0.10.0" }
 
   is-glob@4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==,
+      }
+    engines: { node: ">=0.10.0" }
 
   is-number@7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
+    resolution:
+      {
+        integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==,
+      }
+    engines: { node: ">=0.12.0" }
 
   is-path-inside@4.0.0:
-    resolution: {integrity: sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==,
+      }
+    engines: { node: ">=12" }
 
   is-plain-obj@4.1.0:
-    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==,
+      }
+    engines: { node: ">=12" }
 
   is-promise@4.0.0:
-    resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
+    resolution:
+      {
+        integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==,
+      }
 
   is-stream@4.0.1:
-    resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==,
+      }
+    engines: { node: ">=18" }
 
   is-unicode-supported@2.1.0:
-    resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==,
+      }
+    engines: { node: ">=18" }
 
   isexe@2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+    resolution:
+      {
+        integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==,
+      }
 
   jiti@2.6.1:
-    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
+    resolution:
+      {
+        integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==,
+      }
     hasBin: true
 
   joycon@3.1.1:
-    resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==,
+      }
+    engines: { node: ">=10" }
 
   js-tokens@4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+    resolution:
+      {
+        integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==,
+      }
 
   js-yaml@4.1.1:
-    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
+    resolution:
+      {
+        integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==,
+      }
     hasBin: true
 
   jsesc@3.1.0:
-    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==,
+      }
+    engines: { node: ">=6" }
     hasBin: true
 
   json-schema-traverse@1.0.0:
-    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+    resolution:
+      {
+        integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==,
+      }
 
   json5@2.2.3:
-    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==,
+      }
+    engines: { node: ">=6" }
     hasBin: true
 
   jsonfile@6.2.0:
-    resolution: {integrity: sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==}
+    resolution:
+      {
+        integrity: sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==,
+      }
 
   jsonpointer@5.0.1:
-    resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==,
+      }
+    engines: { node: ">=0.10.0" }
 
   leven@4.1.0:
-    resolution: {integrity: sha512-KZ9W9nWDT7rF7Dazg8xyLHGLrmpgq2nVNFUckhqdW3szVP6YhCpp/RAnpmVExA9JvrMynjwSLVrEj3AepHR6ew==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    resolution:
+      {
+        integrity: sha512-KZ9W9nWDT7rF7Dazg8xyLHGLrmpgq2nVNFUckhqdW3szVP6YhCpp/RAnpmVExA9JvrMynjwSLVrEj3AepHR6ew==,
+      }
+    engines: { node: ^12.20.0 || ^14.13.1 || >=16.0.0 }
 
   lightningcss-linux-x64-gnu@1.31.1:
-    resolution: {integrity: sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==}
-    engines: {node: '>= 12.0.0'}
+    resolution:
+      {
+        integrity: sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==,
+      }
+    engines: { node: ">= 12.0.0" }
     cpu: [x64]
     os: [linux]
 
   lightningcss@1.31.1:
-    resolution: {integrity: sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==}
-    engines: {node: '>= 12.0.0'}
+    resolution:
+      {
+        integrity: sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==,
+      }
+    engines: { node: ">= 12.0.0" }
 
   linkify-it@5.0.0:
-    resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
+    resolution:
+      {
+        integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==,
+      }
 
   locate-path@8.0.0:
-    resolution: {integrity: sha512-XT9ewWAC43tiAV7xDAPflMkG0qOPn2QjHqlgX8FOqmWa/rxnyYDulF9T0F7tRy1u+TVTmK/M//6VIOye+2zDXg==}
-    engines: {node: '>=20'}
+    resolution:
+      {
+        integrity: sha512-XT9ewWAC43tiAV7xDAPflMkG0qOPn2QjHqlgX8FOqmWa/rxnyYDulF9T0F7tRy1u+TVTmK/M//6VIOye+2zDXg==,
+      }
+    engines: { node: ">=20" }
 
   lodash@4.18.1:
-    resolution: {integrity: sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==}
+    resolution:
+      {
+        integrity: sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==,
+      }
 
   loose-envify@1.4.0:
-    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    resolution:
+      {
+        integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==,
+      }
     hasBin: true
 
   lru-cache@5.1.1:
-    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+    resolution:
+      {
+        integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==,
+      }
 
   lucide-react@0.545.0:
-    resolution: {integrity: sha512-7r1/yUuflQDSt4f1bpn5ZAocyIxcTyVyBBChSVtBKn5M+392cPmI5YJMWOJKk/HUWGm5wg83chlAZtCcGbEZtw==}
+    resolution:
+      {
+        integrity: sha512-7r1/yUuflQDSt4f1bpn5ZAocyIxcTyVyBBChSVtBKn5M+392cPmI5YJMWOJKk/HUWGm5wg83chlAZtCcGbEZtw==,
+      }
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   lunr@2.3.9:
-    resolution: {integrity: sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==}
+    resolution:
+      {
+        integrity: sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==,
+      }
 
   magic-string@0.30.21:
-    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+    resolution:
+      {
+        integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==,
+      }
 
   markdown-it@14.1.1:
-    resolution: {integrity: sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==}
+    resolution:
+      {
+        integrity: sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==,
+      }
     hasBin: true
 
   math-intrinsics@1.1.0:
-    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==,
+      }
+    engines: { node: ">= 0.4" }
 
   mdurl@2.0.0:
-    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
+    resolution:
+      {
+        integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==,
+      }
 
   media-typer@1.1.0:
-    resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
-    engines: {node: '>= 0.8'}
+    resolution:
+      {
+        integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==,
+      }
+    engines: { node: ">= 0.8" }
 
   merge-descriptors@2.0.0:
-    resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==,
+      }
+    engines: { node: ">=18" }
 
   merge2@1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
-    engines: {node: '>= 8'}
+    resolution:
+      {
+        integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==,
+      }
+    engines: { node: ">= 8" }
 
   micromatch@4.0.8:
-    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
-    engines: {node: '>=8.6'}
+    resolution:
+      {
+        integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==,
+      }
+    engines: { node: ">=8.6" }
 
   mime-db@1.54.0:
-    resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==}
-    engines: {node: '>= 0.6'}
+    resolution:
+      {
+        integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==,
+      }
+    engines: { node: ">= 0.6" }
 
   mime-types@3.0.2:
-    resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==,
+      }
+    engines: { node: ">=18" }
 
   minimatch@9.0.9:
-    resolution: {integrity: sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==}
-    engines: {node: '>=16 || 14 >=14.17'}
+    resolution:
+      {
+        integrity: sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==,
+      }
+    engines: { node: ">=16 || 14 >=14.17" }
 
   minimist@1.2.8:
-    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+    resolution:
+      {
+        integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==,
+      }
 
   mitt@3.0.1:
-    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+    resolution:
+      {
+        integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==,
+      }
 
   modern-screenshot@4.6.8:
-    resolution: {integrity: sha512-GJkv/yWPOJTlxj1LZDU2k474cDyOWL+LVaqTdDWQwQ5d8zIuTz1892+1cV9V0ZpK6HYZFo/+BNLBbierO9d2TA==}
+    resolution:
+      {
+        integrity: sha512-GJkv/yWPOJTlxj1LZDU2k474cDyOWL+LVaqTdDWQwQ5d8zIuTz1892+1cV9V0ZpK6HYZFo/+BNLBbierO9d2TA==,
+      }
 
   motion-dom@12.35.1:
-    resolution: {integrity: sha512-7n6r7TtNOsH2UFSAXzTkfzOeO5616v9B178qBIjmu/WgEyJK0uqwytCEhwKBTuM/HJA40ptAw7hLFpxtPAMRZQ==}
+    resolution:
+      {
+        integrity: sha512-7n6r7TtNOsH2UFSAXzTkfzOeO5616v9B178qBIjmu/WgEyJK0uqwytCEhwKBTuM/HJA40ptAw7hLFpxtPAMRZQ==,
+      }
 
   motion-utils@12.29.2:
-    resolution: {integrity: sha512-G3kc34H2cX2gI63RqU+cZq+zWRRPSsNIOjpdl9TN4AQwC4sgwYPl/Q/Obf/d53nOm569T0fYK+tcoSV50BWx8A==}
+    resolution:
+      {
+        integrity: sha512-G3kc34H2cX2gI63RqU+cZq+zWRRPSsNIOjpdl9TN4AQwC4sgwYPl/Q/Obf/d53nOm569T0fYK+tcoSV50BWx8A==,
+      }
 
   ms@2.1.3:
-    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+    resolution:
+      {
+        integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==,
+      }
 
   nanoid@3.3.11:
-    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    resolution:
+      {
+        integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==,
+      }
+    engines: { node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1 }
     hasBin: true
 
   negotiator@1.0.0:
-    resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
-    engines: {node: '>= 0.6'}
+    resolution:
+      {
+        integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==,
+      }
+    engines: { node: ">= 0.6" }
 
   next-themes@0.4.6:
-    resolution: {integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==}
+    resolution:
+      {
+        integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==,
+      }
     peerDependencies:
       react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
       react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
 
   node-releases@2.0.36:
-    resolution: {integrity: sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==}
+    resolution:
+      {
+        integrity: sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==,
+      }
 
   npm-run-path@6.0.0:
-    resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==,
+      }
+    engines: { node: ">=18" }
 
   object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==,
+      }
+    engines: { node: ">=0.10.0" }
 
   object-inspect@1.13.4:
-    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==,
+      }
+    engines: { node: ">= 0.4" }
 
   on-exit-leak-free@2.1.2:
-    resolution: {integrity: sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==}
-    engines: {node: '>=14.0.0'}
+    resolution:
+      {
+        integrity: sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==,
+      }
+    engines: { node: ">=14.0.0" }
 
   on-finished@2.4.1:
-    resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
-    engines: {node: '>= 0.8'}
+    resolution:
+      {
+        integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==,
+      }
+    engines: { node: ">= 0.8" }
 
   once@1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+    resolution:
+      {
+        integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==,
+      }
 
   orval@8.5.3:
-    resolution: {integrity: sha512-+8Es2ZR3tPthzAL27X1a9AlboqTQ/w9U/PhMkp4vsLA9OvdkpXr+9f8lCfJUV/wtdX+lXBDQ4imx42Em943JSg==}
-    engines: {node: '>=22.18.0'}
+    resolution:
+      {
+        integrity: sha512-+8Es2ZR3tPthzAL27X1a9AlboqTQ/w9U/PhMkp4vsLA9OvdkpXr+9f8lCfJUV/wtdX+lXBDQ4imx42Em943JSg==,
+      }
+    engines: { node: ">=22.18.0" }
     hasBin: true
     peerDependencies:
-      prettier: '>=3.0.0'
+      prettier: ">=3.0.0"
     peerDependenciesMeta:
       prettier:
         optional: true
 
   p-limit@4.0.0:
-    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    resolution:
+      {
+        integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==,
+      }
+    engines: { node: ^12.20.0 || ^14.13.1 || >=16.0.0 }
 
   p-locate@6.0.0:
-    resolution: {integrity: sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    resolution:
+      {
+        integrity: sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==,
+      }
+    engines: { node: ^12.20.0 || ^14.13.1 || >=16.0.0 }
 
   parse-ms@4.0.0:
-    resolution: {integrity: sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==,
+      }
+    engines: { node: ">=18" }
 
   parseurl@1.3.3:
-    resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
-    engines: {node: '>= 0.8'}
+    resolution:
+      {
+        integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==,
+      }
+    engines: { node: ">= 0.8" }
 
   path-key@3.1.1:
-    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==,
+      }
+    engines: { node: ">=8" }
 
   path-key@4.0.0:
-    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==,
+      }
+    engines: { node: ">=12" }
 
   path-to-regexp@8.4.2:
-    resolution: {integrity: sha512-qRcuIdP69NPm4qbACK+aDogI5CBDMi1jKe0ry5rSQJz8JVLsC7jV8XpiJjGRLLol3N+R5ihGYcrPLTno6pAdBA==}
+    resolution:
+      {
+        integrity: sha512-qRcuIdP69NPm4qbACK+aDogI5CBDMi1jKe0ry5rSQJz8JVLsC7jV8XpiJjGRLLol3N+R5ihGYcrPLTno6pAdBA==,
+      }
 
   pathe@2.0.3:
-    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+    resolution:
+      {
+        integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==,
+      }
 
   pg-cloudflare@1.3.0:
-    resolution: {integrity: sha512-6lswVVSztmHiRtD6I8hw4qP/nDm1EJbKMRhf3HCYaqud7frGysPv7FYJ5noZQdhQtN2xJnimfMtvQq21pdbzyQ==}
+    resolution:
+      {
+        integrity: sha512-6lswVVSztmHiRtD6I8hw4qP/nDm1EJbKMRhf3HCYaqud7frGysPv7FYJ5noZQdhQtN2xJnimfMtvQq21pdbzyQ==,
+      }
 
   pg-connection-string@2.12.0:
-    resolution: {integrity: sha512-U7qg+bpswf3Cs5xLzRqbXbQl85ng0mfSV/J0nnA31MCLgvEaAo7CIhmeyrmJpOr7o+zm0rXK+hNnT5l9RHkCkQ==}
+    resolution:
+      {
+        integrity: sha512-U7qg+bpswf3Cs5xLzRqbXbQl85ng0mfSV/J0nnA31MCLgvEaAo7CIhmeyrmJpOr7o+zm0rXK+hNnT5l9RHkCkQ==,
+      }
 
   pg-int8@1.0.1:
-    resolution: {integrity: sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==}
-    engines: {node: '>=4.0.0'}
+    resolution:
+      {
+        integrity: sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==,
+      }
+    engines: { node: ">=4.0.0" }
 
   pg-pool@3.13.0:
-    resolution: {integrity: sha512-gB+R+Xud1gLFuRD/QgOIgGOBE2KCQPaPwkzBBGC9oG69pHTkhQeIuejVIk3/cnDyX39av2AxomQiyPT13WKHQA==}
+    resolution:
+      {
+        integrity: sha512-gB+R+Xud1gLFuRD/QgOIgGOBE2KCQPaPwkzBBGC9oG69pHTkhQeIuejVIk3/cnDyX39av2AxomQiyPT13WKHQA==,
+      }
     peerDependencies:
-      pg: '>=8.0'
+      pg: ">=8.0"
 
   pg-protocol@1.13.0:
-    resolution: {integrity: sha512-zzdvXfS6v89r6v7OcFCHfHlyG/wvry1ALxZo4LqgUoy7W9xhBDMaqOuMiF3qEV45VqsN6rdlcehHrfDtlCPc8w==}
+    resolution:
+      {
+        integrity: sha512-zzdvXfS6v89r6v7OcFCHfHlyG/wvry1ALxZo4LqgUoy7W9xhBDMaqOuMiF3qEV45VqsN6rdlcehHrfDtlCPc8w==,
+      }
 
   pg-types@2.2.0:
-    resolution: {integrity: sha512-qTAAlrEsl8s4OiEQY69wDvcMIdQN6wdz5ojQiOy6YRMuynxenON0O5oCpJI6lshc6scgAY8qvJ2On/p+CXY0GA==}
-    engines: {node: '>=4'}
+    resolution:
+      {
+        integrity: sha512-qTAAlrEsl8s4OiEQY69wDvcMIdQN6wdz5ojQiOy6YRMuynxenON0O5oCpJI6lshc6scgAY8qvJ2On/p+CXY0GA==,
+      }
+    engines: { node: ">=4" }
 
   pg@8.20.0:
-    resolution: {integrity: sha512-ldhMxz2r8fl/6QkXnBD3CR9/xg694oT6DZQ2s6c/RI28OjtSOpxnPrUCGOBJ46RCUxcWdx3p6kw/xnDHjKvaRA==}
-    engines: {node: '>= 16.0.0'}
+    resolution:
+      {
+        integrity: sha512-ldhMxz2r8fl/6QkXnBD3CR9/xg694oT6DZQ2s6c/RI28OjtSOpxnPrUCGOBJ46RCUxcWdx3p6kw/xnDHjKvaRA==,
+      }
+    engines: { node: ">= 16.0.0" }
     peerDependencies:
-      pg-native: '>=3.0.1'
+      pg-native: ">=3.0.1"
     peerDependenciesMeta:
       pg-native:
         optional: true
 
   pgpass@1.0.5:
-    resolution: {integrity: sha512-FdW9r/jQZhSeohs1Z3sI1yxFQNFvMcnmfuj4WBMUTxOrAyLMaTcE1aAMBiTlbMNaXvBCQuVi0R7hd8udDSP7ug==}
+    resolution:
+      {
+        integrity: sha512-FdW9r/jQZhSeohs1Z3sI1yxFQNFvMcnmfuj4WBMUTxOrAyLMaTcE1aAMBiTlbMNaXvBCQuVi0R7hd8udDSP7ug==,
+      }
 
   picocolors@1.1.1:
-    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+    resolution:
+      {
+        integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==,
+      }
 
   picomatch@2.3.2:
-    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
-    engines: {node: '>=8.6'}
+    resolution:
+      {
+        integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==,
+      }
+    engines: { node: ">=8.6" }
 
   picomatch@4.0.4:
-    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==,
+      }
+    engines: { node: ">=12" }
 
   pino-abstract-transport@2.0.0:
-    resolution: {integrity: sha512-F63x5tizV6WCh4R6RHyi2Ml+M70DNRXt/+HANowMflpgGFMAym/VKm6G7ZOQRjqN7XbGxK1Lg9t6ZrtzOaivMw==}
+    resolution:
+      {
+        integrity: sha512-F63x5tizV6WCh4R6RHyi2Ml+M70DNRXt/+HANowMflpgGFMAym/VKm6G7ZOQRjqN7XbGxK1Lg9t6ZrtzOaivMw==,
+      }
 
   pino-abstract-transport@3.0.0:
-    resolution: {integrity: sha512-wlfUczU+n7Hy/Ha5j9a/gZNy7We5+cXp8YL+X+PG8S0KXxw7n/JXA3c46Y0zQznIJ83URJiwy7Lh56WLokNuxg==}
+    resolution:
+      {
+        integrity: sha512-wlfUczU+n7Hy/Ha5j9a/gZNy7We5+cXp8YL+X+PG8S0KXxw7n/JXA3c46Y0zQznIJ83URJiwy7Lh56WLokNuxg==,
+      }
 
   pino-http@10.5.0:
-    resolution: {integrity: sha512-hD91XjgaKkSsdn8P7LaebrNzhGTdB086W3pyPihX0EzGPjq5uBJBXo4N5guqNaK6mUjg9aubMF7wDViYek9dRA==}
+    resolution:
+      {
+        integrity: sha512-hD91XjgaKkSsdn8P7LaebrNzhGTdB086W3pyPihX0EzGPjq5uBJBXo4N5guqNaK6mUjg9aubMF7wDViYek9dRA==,
+      }
 
   pino-pretty@13.1.3:
-    resolution: {integrity: sha512-ttXRkkOz6WWC95KeY9+xxWL6AtImwbyMHrL1mSwqwW9u+vLp/WIElvHvCSDg0xO/Dzrggz1zv3rN5ovTRVowKg==}
+    resolution:
+      {
+        integrity: sha512-ttXRkkOz6WWC95KeY9+xxWL6AtImwbyMHrL1mSwqwW9u+vLp/WIElvHvCSDg0xO/Dzrggz1zv3rN5ovTRVowKg==,
+      }
     hasBin: true
 
   pino-std-serializers@7.1.0:
-    resolution: {integrity: sha512-BndPH67/JxGExRgiX1dX0w1FvZck5Wa4aal9198SrRhZjH3GxKQUKIBnYJTdj2HDN3UQAS06HlfcSbQj2OHmaw==}
+    resolution:
+      {
+        integrity: sha512-BndPH67/JxGExRgiX1dX0w1FvZck5Wa4aal9198SrRhZjH3GxKQUKIBnYJTdj2HDN3UQAS06HlfcSbQj2OHmaw==,
+      }
 
   pino@9.14.0:
-    resolution: {integrity: sha512-8OEwKp5juEvb/MjpIc4hjqfgCNysrS94RIOMXYvpYCdm/jglrKEiAYmiumbmGhCvs+IcInsphYDFwqrjr7398w==}
+    resolution:
+      {
+        integrity: sha512-8OEwKp5juEvb/MjpIc4hjqfgCNysrS94RIOMXYvpYCdm/jglrKEiAYmiumbmGhCvs+IcInsphYDFwqrjr7398w==,
+      }
     hasBin: true
 
   postcss-selector-parser@6.0.10:
-    resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
-    engines: {node: '>=4'}
+    resolution:
+      {
+        integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==,
+      }
+    engines: { node: ">=4" }
 
   postcss@8.5.8:
-    resolution: {integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==}
-    engines: {node: ^10 || ^12 || >=14}
+    resolution:
+      {
+        integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==,
+      }
+    engines: { node: ^10 || ^12 || >=14 }
 
   postgres-array@2.0.0:
-    resolution: {integrity: sha512-VpZrUqU5A69eQyW2c5CA1jtLecCsN2U/bD6VilrFDWq5+5UIEVO7nazS3TEcHf1zuPYO/sqGvUvW62g86RXZuA==}
-    engines: {node: '>=4'}
+    resolution:
+      {
+        integrity: sha512-VpZrUqU5A69eQyW2c5CA1jtLecCsN2U/bD6VilrFDWq5+5UIEVO7nazS3TEcHf1zuPYO/sqGvUvW62g86RXZuA==,
+      }
+    engines: { node: ">=4" }
 
   postgres-bytea@1.0.1:
-    resolution: {integrity: sha512-5+5HqXnsZPE65IJZSMkZtURARZelel2oXUEO8rH83VS/hxH5vv1uHquPg5wZs8yMAfdv971IU+kcPUczi7NVBQ==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-5+5HqXnsZPE65IJZSMkZtURARZelel2oXUEO8rH83VS/hxH5vv1uHquPg5wZs8yMAfdv971IU+kcPUczi7NVBQ==,
+      }
+    engines: { node: ">=0.10.0" }
 
   postgres-date@1.0.7:
-    resolution: {integrity: sha512-suDmjLVQg78nMK2UZ454hAG+OAW+HQPZ6n++TNDUX+L0+uUlLywnoxJKDou51Zm+zTCjrCl0Nq6J9C5hP9vK/Q==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-suDmjLVQg78nMK2UZ454hAG+OAW+HQPZ6n++TNDUX+L0+uUlLywnoxJKDou51Zm+zTCjrCl0Nq6J9C5hP9vK/Q==,
+      }
+    engines: { node: ">=0.10.0" }
 
   postgres-interval@1.2.0:
-    resolution: {integrity: sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ==,
+      }
+    engines: { node: ">=0.10.0" }
 
   prettier@3.8.1:
-    resolution: {integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==}
-    engines: {node: '>=14'}
+    resolution:
+      {
+        integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==,
+      }
+    engines: { node: ">=14" }
     hasBin: true
 
   pretty-ms@9.3.0:
-    resolution: {integrity: sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==,
+      }
+    engines: { node: ">=18" }
 
   process-warning@5.0.0:
-    resolution: {integrity: sha512-a39t9ApHNx2L4+HBnQKqxxHNs1r7KF+Intd8Q/g1bUh6q0WIp9voPXJ/x0j+ZL45KF1pJd9+q2jLIRMfvEshkA==}
+    resolution:
+      {
+        integrity: sha512-a39t9ApHNx2L4+HBnQKqxxHNs1r7KF+Intd8Q/g1bUh6q0WIp9voPXJ/x0j+ZL45KF1pJd9+q2jLIRMfvEshkA==,
+      }
 
   prop-types@15.8.1:
-    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+    resolution:
+      {
+        integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==,
+      }
 
   proxy-addr@2.0.7:
-    resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
-    engines: {node: '>= 0.10'}
+    resolution:
+      {
+        integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==,
+      }
+    engines: { node: ">= 0.10" }
 
   pump@3.0.4:
-    resolution: {integrity: sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==}
+    resolution:
+      {
+        integrity: sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==,
+      }
 
   punycode.js@2.3.1:
-    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==,
+      }
+    engines: { node: ">=6" }
 
   qrcode.react@4.2.0:
-    resolution: {integrity: sha512-QpgqWi8rD9DsS9EP3z7BT+5lY5SFhsqGjpgW5DY/i3mK4M9DTBNz3ErMi8BWYEfI3L0d8GIbGmcdFAS1uIRGjA==}
+    resolution:
+      {
+        integrity: sha512-QpgqWi8rD9DsS9EP3z7BT+5lY5SFhsqGjpgW5DY/i3mK4M9DTBNz3ErMi8BWYEfI3L0d8GIbGmcdFAS1uIRGjA==,
+      }
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   qs@6.15.0:
-    resolution: {integrity: sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==}
-    engines: {node: '>=0.6'}
+    resolution:
+      {
+        integrity: sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==,
+      }
+    engines: { node: ">=0.6" }
 
   queue-microtask@1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+    resolution:
+      {
+        integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==,
+      }
 
   quick-format-unescaped@4.0.4:
-    resolution: {integrity: sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==}
+    resolution:
+      {
+        integrity: sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==,
+      }
 
   range-parser@1.2.1:
-    resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
-    engines: {node: '>= 0.6'}
+    resolution:
+      {
+        integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==,
+      }
+    engines: { node: ">= 0.6" }
 
   raw-body@3.0.2:
-    resolution: {integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==}
-    engines: {node: '>= 0.10'}
+    resolution:
+      {
+        integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==,
+      }
+    engines: { node: ">= 0.10" }
 
   react-day-picker@9.14.0:
-    resolution: {integrity: sha512-tBaoDWjPwe0M5pGrum4H0SR6Lyk+BO9oHnp9JbKpGKW2mlraNPgP9BMfsg5pWpwrssARmeqk7YBl2oXutZTaHA==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-tBaoDWjPwe0M5pGrum4H0SR6Lyk+BO9oHnp9JbKpGKW2mlraNPgP9BMfsg5pWpwrssARmeqk7YBl2oXutZTaHA==,
+      }
+    engines: { node: ">=18" }
     peerDependencies:
-      react: '>=16.8.0'
+      react: ">=16.8.0"
 
   react-dom@19.1.0:
-    resolution: {integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==}
+    resolution:
+      {
+        integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==,
+      }
     peerDependencies:
       react: ^19.1.0
 
   react-hook-form@7.71.2:
-    resolution: {integrity: sha512-1CHvcDYzuRUNOflt4MOq3ZM46AronNJtQ1S7tnX6YN4y72qhgiUItpacZUAQ0TyWYci3yz1X+rXaSxiuEm86PA==}
-    engines: {node: '>=18.0.0'}
+    resolution:
+      {
+        integrity: sha512-1CHvcDYzuRUNOflt4MOq3ZM46AronNJtQ1S7tnX6YN4y72qhgiUItpacZUAQ0TyWYci3yz1X+rXaSxiuEm86PA==,
+      }
+    engines: { node: ">=18.0.0" }
     peerDependencies:
       react: ^16.8.0 || ^17 || ^18 || ^19
 
   react-icons@5.6.0:
-    resolution: {integrity: sha512-RH93p5ki6LfOiIt0UtDyNg/cee+HLVR6cHHtW3wALfo+eOHTp8RnU2kRkI6E+H19zMIs03DyxUG/GfZMOGvmiA==}
+    resolution:
+      {
+        integrity: sha512-RH93p5ki6LfOiIt0UtDyNg/cee+HLVR6cHHtW3wALfo+eOHTp8RnU2kRkI6E+H19zMIs03DyxUG/GfZMOGvmiA==,
+      }
     peerDependencies:
-      react: '*'
+      react: "*"
 
   react-is@16.13.1:
-    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+    resolution:
+      {
+        integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==,
+      }
 
   react-is@18.3.1:
-    resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
+    resolution:
+      {
+        integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==,
+      }
 
   react-refresh@0.18.0:
-    resolution: {integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==,
+      }
+    engines: { node: ">=0.10.0" }
 
   react-remove-scroll-bar@2.3.8:
-    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==,
+      }
+    engines: { node: ">=10" }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
   react-remove-scroll@2.7.2:
-    resolution: {integrity: sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==,
+      }
+    engines: { node: ">=10" }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
   react-resizable-panels@2.1.9:
-    resolution: {integrity: sha512-z77+X08YDIrgAes4jl8xhnUu1LNIRp4+E7cv4xHmLOxxUPO/ML7PSrE813b90vj7xvQ1lcf7g2uA9GeMZonjhQ==}
+    resolution:
+      {
+        integrity: sha512-z77+X08YDIrgAes4jl8xhnUu1LNIRp4+E7cv4xHmLOxxUPO/ML7PSrE813b90vj7xvQ1lcf7g2uA9GeMZonjhQ==,
+      }
     peerDependencies:
       react: ^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
       react-dom: ^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
 
   react-smooth@4.0.4:
-    resolution: {integrity: sha512-gnGKTpYwqL0Iii09gHobNolvX4Kiq4PKx6eWBCYYix+8cdw+cGo3do906l1NBPKkSWx1DghC1dlWG9L2uGd61Q==}
+    resolution:
+      {
+        integrity: sha512-gnGKTpYwqL0Iii09gHobNolvX4Kiq4PKx6eWBCYYix+8cdw+cGo3do906l1NBPKkSWx1DghC1dlWG9L2uGd61Q==,
+      }
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   react-style-singleton@2.2.3:
-    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==,
+      }
+    engines: { node: ">=10" }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
   react-transition-group@4.4.5:
-    resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
+    resolution:
+      {
+        integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==,
+      }
     peerDependencies:
-      react: '>=16.6.0'
-      react-dom: '>=16.6.0'
+      react: ">=16.6.0"
+      react-dom: ">=16.6.0"
 
   react@19.1.0:
-    resolution: {integrity: sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==,
+      }
+    engines: { node: ">=0.10.0" }
 
   readdirp@4.1.2:
-    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
-    engines: {node: '>= 14.18.0'}
+    resolution:
+      {
+        integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==,
+      }
+    engines: { node: ">= 14.18.0" }
 
   readdirp@5.0.0:
-    resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
-    engines: {node: '>= 20.19.0'}
+    resolution:
+      {
+        integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==,
+      }
+    engines: { node: ">= 20.19.0" }
 
   real-require@0.2.0:
-    resolution: {integrity: sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==}
-    engines: {node: '>= 12.13.0'}
+    resolution:
+      {
+        integrity: sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==,
+      }
+    engines: { node: ">= 12.13.0" }
 
   recharts-scale@0.4.5:
-    resolution: {integrity: sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==}
+    resolution:
+      {
+        integrity: sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==,
+      }
 
   recharts@2.15.4:
-    resolution: {integrity: sha512-UT/q6fwS3c1dHbXv2uFgYJ9BMFHu3fwnd7AYZaEQhXuYQ4hgsxLvsUXzGdKeZrW5xopzDCvuA2N41WJ88I7zIw==}
-    engines: {node: '>=14'}
+    resolution:
+      {
+        integrity: sha512-UT/q6fwS3c1dHbXv2uFgYJ9BMFHu3fwnd7AYZaEQhXuYQ4hgsxLvsUXzGdKeZrW5xopzDCvuA2N41WJ88I7zIw==,
+      }
+    engines: { node: ">=14" }
     deprecated: 1.x and 2.x branches are no longer active. Bump to Recharts v3 to receive latest features and bugfixes. See https://github.com/recharts/recharts/wiki/3.0-migration-guide
     peerDependencies:
       react: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   regexparam@3.0.0:
-    resolution: {integrity: sha512-RSYAtP31mvYLkAHrOlh25pCNQ5hWnT106VukGaaFfuJrZFkGRX5GhUAdPqpSDXxOhA2c4akmRuplv1mRqnBn6Q==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-RSYAtP31mvYLkAHrOlh25pCNQ5hWnT106VukGaaFfuJrZFkGRX5GhUAdPqpSDXxOhA2c4akmRuplv1mRqnBn6Q==,
+      }
+    engines: { node: ">=8" }
 
   remeda@2.33.6:
-    resolution: {integrity: sha512-tazDGH7s75kUPGBKLvhgBEHMgW+TdDFhjUAMdQj57IoWz6HsGa5D2RX5yDUz6IIqiRRvZiaEHzCzWdTeixc/Kg==}
+    resolution:
+      {
+        integrity: sha512-tazDGH7s75kUPGBKLvhgBEHMgW+TdDFhjUAMdQj57IoWz6HsGa5D2RX5yDUz6IIqiRRvZiaEHzCzWdTeixc/Kg==,
+      }
 
   require-from-string@2.0.2:
-    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==,
+      }
+    engines: { node: ">=0.10.0" }
 
   resolve-pkg-maps@1.0.0:
-    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+    resolution:
+      {
+        integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==,
+      }
 
   reusify@1.1.0:
-    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
-    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==,
+      }
+    engines: { iojs: ">=1.0.0", node: ">=0.10.0" }
 
   rollup@4.59.0:
-    resolution: {integrity: sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==}
-    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    resolution:
+      {
+        integrity: sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==,
+      }
+    engines: { node: ">=18.0.0", npm: ">=8.0.0" }
     hasBin: true
 
   router@2.2.0:
-    resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==}
-    engines: {node: '>= 18'}
+    resolution:
+      {
+        integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==,
+      }
+    engines: { node: ">= 18" }
 
   run-parallel@1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+    resolution:
+      {
+        integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==,
+      }
 
   safe-stable-stringify@2.5.0:
-    resolution: {integrity: sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==,
+      }
+    engines: { node: ">=10" }
 
   safer-buffer@2.1.2:
-    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+    resolution:
+      {
+        integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==,
+      }
 
   scheduler@0.26.0:
-    resolution: {integrity: sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==}
+    resolution:
+      {
+        integrity: sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==,
+      }
 
   secure-json-parse@4.1.0:
-    resolution: {integrity: sha512-l4KnYfEyqYJxDwlNVyRfO2E4NTHfMKAWdUuA8J0yve2Dz/E/PdBepY03RvyJpssIpRFwJoCD55wA+mEDs6ByWA==}
+    resolution:
+      {
+        integrity: sha512-l4KnYfEyqYJxDwlNVyRfO2E4NTHfMKAWdUuA8J0yve2Dz/E/PdBepY03RvyJpssIpRFwJoCD55wA+mEDs6ByWA==,
+      }
 
   semver@6.3.1:
-    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    resolution:
+      {
+        integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==,
+      }
     hasBin: true
 
   send@1.2.1:
-    resolution: {integrity: sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==}
-    engines: {node: '>= 18'}
+    resolution:
+      {
+        integrity: sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==,
+      }
+    engines: { node: ">= 18" }
 
   serve-static@2.2.1:
-    resolution: {integrity: sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==}
-    engines: {node: '>= 18'}
+    resolution:
+      {
+        integrity: sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==,
+      }
+    engines: { node: ">= 18" }
 
   setprototypeof@1.2.0:
-    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
+    resolution:
+      {
+        integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==,
+      }
 
   shebang-command@2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==,
+      }
+    engines: { node: ">=8" }
 
   shebang-regex@3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==,
+      }
+    engines: { node: ">=8" }
 
   side-channel-list@1.0.0:
-    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==,
+      }
+    engines: { node: ">= 0.4" }
 
   side-channel-map@1.0.1:
-    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==,
+      }
+    engines: { node: ">= 0.4" }
 
   side-channel-weakmap@1.0.2:
-    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==,
+      }
+    engines: { node: ">= 0.4" }
 
   side-channel@1.1.0:
-    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==,
+      }
+    engines: { node: ">= 0.4" }
 
   signal-exit@4.1.0:
-    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
-    engines: {node: '>=14'}
+    resolution:
+      {
+        integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==,
+      }
+    engines: { node: ">=14" }
 
   slash@5.1.0:
-    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
-    engines: {node: '>=14.16'}
+    resolution:
+      {
+        integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==,
+      }
+    engines: { node: ">=14.16" }
 
   sonic-boom@4.2.1:
-    resolution: {integrity: sha512-w6AxtubXa2wTXAUsZMMWERrsIRAdrK0Sc+FUytWvYAhBJLyuI4llrMIC1DtlNSdI99EI86KZum2MMq3EAZlF9Q==}
+    resolution:
+      {
+        integrity: sha512-w6AxtubXa2wTXAUsZMMWERrsIRAdrK0Sc+FUytWvYAhBJLyuI4llrMIC1DtlNSdI99EI86KZum2MMq3EAZlF9Q==,
+      }
 
   sonner@2.0.7:
-    resolution: {integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==}
+    resolution:
+      {
+        integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==,
+      }
     peerDependencies:
       react: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
       react-dom: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
 
   source-map-js@1.2.1:
-    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==,
+      }
+    engines: { node: ">=0.10.0" }
 
   split2@4.2.0:
-    resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
-    engines: {node: '>= 10.x'}
+    resolution:
+      {
+        integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==,
+      }
+    engines: { node: ">= 10.x" }
 
   statuses@2.0.2:
-    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
-    engines: {node: '>= 0.8'}
+    resolution:
+      {
+        integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==,
+      }
+    engines: { node: ">= 0.8" }
 
   string-argv@0.3.2:
-    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
-    engines: {node: '>=0.6.19'}
+    resolution:
+      {
+        integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==,
+      }
+    engines: { node: ">=0.6.19" }
 
   strip-ansi@6.0.1:
-    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==,
+      }
+    engines: { node: ">=8" }
 
   strip-final-newline@4.0.0:
-    resolution: {integrity: sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==,
+      }
+    engines: { node: ">=18" }
 
   strip-json-comments@5.0.3:
-    resolution: {integrity: sha512-1tB5mhVo7U+ETBKNf92xT4hrQa3pm0MZ0PQvuDnWgAAGHDsfp4lPSpiS6psrSiet87wyGPh9ft6wmhOMQ0hDiw==}
-    engines: {node: '>=14.16'}
+    resolution:
+      {
+        integrity: sha512-1tB5mhVo7U+ETBKNf92xT4hrQa3pm0MZ0PQvuDnWgAAGHDsfp4lPSpiS6psrSiet87wyGPh9ft6wmhOMQ0hDiw==,
+      }
+    engines: { node: ">=14.16" }
 
   tailwind-merge@3.5.0:
-    resolution: {integrity: sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==}
+    resolution:
+      {
+        integrity: sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==,
+      }
 
   tailwindcss-animate@1.0.7:
-    resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==}
+    resolution:
+      {
+        integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==,
+      }
     peerDependencies:
-      tailwindcss: '>=3.0.0 || insiders'
+      tailwindcss: ">=3.0.0 || insiders"
 
   tailwindcss@4.2.1:
-    resolution: {integrity: sha512-/tBrSQ36vCleJkAOsy9kbNTgaxvGbyOamC30PRePTQe/o1MFwEKHQk4Cn7BNGaPtjp+PuUrByJehM1hgxfq4sw==}
+    resolution:
+      {
+        integrity: sha512-/tBrSQ36vCleJkAOsy9kbNTgaxvGbyOamC30PRePTQe/o1MFwEKHQk4Cn7BNGaPtjp+PuUrByJehM1hgxfq4sw==,
+      }
 
   tapable@2.3.0:
-    resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==,
+      }
+    engines: { node: ">=6" }
 
   thread-stream@3.1.0:
-    resolution: {integrity: sha512-OqyPZ9u96VohAyMfJykzmivOrY2wfMSf3C5TtFJVgN+Hm6aj+voFhlK+kZEIv2FBh1X6Xp3DlnCOfEQ3B2J86A==}
+    resolution:
+      {
+        integrity: sha512-OqyPZ9u96VohAyMfJykzmivOrY2wfMSf3C5TtFJVgN+Hm6aj+voFhlK+kZEIv2FBh1X6Xp3DlnCOfEQ3B2J86A==,
+      }
 
   tiny-invariant@1.3.3:
-    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+    resolution:
+      {
+        integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==,
+      }
 
   tinyglobby@0.2.15:
-    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
-    engines: {node: '>=12.0.0'}
+    resolution:
+      {
+        integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==,
+      }
+    engines: { node: ">=12.0.0" }
 
   to-regex-range@5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
+    resolution:
+      {
+        integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==,
+      }
+    engines: { node: ">=8.0" }
 
   toidentifier@1.0.1:
-    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
-    engines: {node: '>=0.6'}
+    resolution:
+      {
+        integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==,
+      }
+    engines: { node: ">=0.6" }
 
   tsconfck@3.1.6:
-    resolution: {integrity: sha512-ks6Vjr/jEw0P1gmOVwutM3B7fWxoWBL2KRDb1JfqGVawBmO5UsvmWOQFGHBPl5yxYz4eERr19E6L7NMv+Fej4w==}
-    engines: {node: ^18 || >=20}
+    resolution:
+      {
+        integrity: sha512-ks6Vjr/jEw0P1gmOVwutM3B7fWxoWBL2KRDb1JfqGVawBmO5UsvmWOQFGHBPl5yxYz4eERr19E6L7NMv+Fej4w==,
+      }
+    engines: { node: ^18 || >=20 }
     deprecated: unmaintained
     hasBin: true
     peerDependencies:
@@ -2994,131 +4360,200 @@ packages:
         optional: true
 
   tslib@2.8.1:
-    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+    resolution:
+      {
+        integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==,
+      }
 
   tsx@4.21.0:
-    resolution: {integrity: sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==}
-    engines: {node: '>=18.0.0'}
+    resolution:
+      {
+        integrity: sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==,
+      }
+    engines: { node: ">=18.0.0" }
     hasBin: true
 
   tw-animate-css@1.4.0:
-    resolution: {integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==}
+    resolution:
+      {
+        integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==,
+      }
 
   type-is@2.0.1:
-    resolution: {integrity: sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==}
-    engines: {node: '>= 0.6'}
+    resolution:
+      {
+        integrity: sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==,
+      }
+    engines: { node: ">= 0.6" }
 
   typedoc-plugin-coverage@4.0.2:
-    resolution: {integrity: sha512-mfn0e7NCqB8x2PfvhXrtmd7KWlsNf1+B2N9y8gR/jexXBLrXl/0e+b2HdG5HaTXGi7i0t2pyQY2VRmq7gtdEHQ==}
-    engines: {node: '>= 18'}
+    resolution:
+      {
+        integrity: sha512-mfn0e7NCqB8x2PfvhXrtmd7KWlsNf1+B2N9y8gR/jexXBLrXl/0e+b2HdG5HaTXGi7i0t2pyQY2VRmq7gtdEHQ==,
+      }
+    engines: { node: ">= 18" }
     peerDependencies:
       typedoc: 0.28.x
 
   typedoc-plugin-markdown@4.10.0:
-    resolution: {integrity: sha512-psrg8Rtnv4HPWCsoxId+MzEN8TVK5jeKCnTbnGAbTBqcDapR9hM41bJT/9eAyKn9C2MDG9Qjh3MkltAYuLDoXg==}
-    engines: {node: '>= 18'}
+    resolution:
+      {
+        integrity: sha512-psrg8Rtnv4HPWCsoxId+MzEN8TVK5jeKCnTbnGAbTBqcDapR9hM41bJT/9eAyKn9C2MDG9Qjh3MkltAYuLDoXg==,
+      }
+    engines: { node: ">= 18" }
     peerDependencies:
       typedoc: 0.28.x
 
   typedoc@0.28.17:
-    resolution: {integrity: sha512-ZkJ2G7mZrbxrKxinTQMjFqsCoYY6a5Luwv2GKbTnBCEgV2ihYm5CflA9JnJAwH0pZWavqfYxmDkFHPt4yx2oDQ==}
-    engines: {node: '>= 18', pnpm: '>= 10'}
+    resolution:
+      {
+        integrity: sha512-ZkJ2G7mZrbxrKxinTQMjFqsCoYY6a5Luwv2GKbTnBCEgV2ihYm5CflA9JnJAwH0pZWavqfYxmDkFHPt4yx2oDQ==,
+      }
+    engines: { node: ">= 18", pnpm: ">= 10" }
     hasBin: true
     peerDependencies:
       typescript: 5.0.x || 5.1.x || 5.2.x || 5.3.x || 5.4.x || 5.5.x || 5.6.x || 5.7.x || 5.8.x || 5.9.x
 
   typescript@5.9.3:
-    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
-    engines: {node: '>=14.17'}
+    resolution:
+      {
+        integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==,
+      }
+    engines: { node: ">=14.17" }
     hasBin: true
 
   uc.micro@2.1.0:
-    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
+    resolution:
+      {
+        integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==,
+      }
 
   undici-types@7.18.2:
-    resolution: {integrity: sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==}
+    resolution:
+      {
+        integrity: sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==,
+      }
 
   unicorn-magic@0.3.0:
-    resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==,
+      }
+    engines: { node: ">=18" }
 
   unicorn-magic@0.4.0:
-    resolution: {integrity: sha512-wH590V9VNgYH9g3lH9wWjTrUoKsjLF6sGLjhR4sH1LWpLmCOH0Zf7PukhDA8BiS7KHe4oPNkcTHqYkj7SOGUOw==}
-    engines: {node: '>=20'}
+    resolution:
+      {
+        integrity: sha512-wH590V9VNgYH9g3lH9wWjTrUoKsjLF6sGLjhR4sH1LWpLmCOH0Zf7PukhDA8BiS7KHe4oPNkcTHqYkj7SOGUOw==,
+      }
+    engines: { node: ">=20" }
 
   universalify@2.0.1:
-    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
-    engines: {node: '>= 10.0.0'}
+    resolution:
+      {
+        integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==,
+      }
+    engines: { node: ">= 10.0.0" }
 
   unpipe@1.0.0:
-    resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
-    engines: {node: '>= 0.8'}
+    resolution:
+      {
+        integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==,
+      }
+    engines: { node: ">= 0.8" }
 
   update-browserslist-db@1.2.3:
-    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
+    resolution:
+      {
+        integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==,
+      }
     hasBin: true
     peerDependencies:
-      browserslist: '>= 4.21.0'
+      browserslist: ">= 4.21.0"
 
   use-callback-ref@1.3.3:
-    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==,
+      }
+    engines: { node: ">=10" }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
   use-sidecar@1.1.3:
-    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==,
+      }
+    engines: { node: ">=10" }
     peerDependencies:
-      '@types/react': '*'
+      "@types/react": "*"
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
 
   use-sync-external-store@1.6.0:
-    resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
+    resolution:
+      {
+        integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==,
+      }
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   util-deprecate@1.0.2:
-    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+    resolution:
+      {
+        integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==,
+      }
 
   vary@1.1.2:
-    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
-    engines: {node: '>= 0.8'}
+    resolution:
+      {
+        integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==,
+      }
+    engines: { node: ">= 0.8" }
 
   vaul@1.1.2:
-    resolution: {integrity: sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==}
+    resolution:
+      {
+        integrity: sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==,
+      }
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
 
   victory-vendor@36.9.2:
-    resolution: {integrity: sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==}
+    resolution:
+      {
+        integrity: sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==,
+      }
 
   vite@7.3.2:
-    resolution: {integrity: sha512-Bby3NOsna2jsjfLVOHKes8sGwgl4TT0E6vvpYgnAYDIF/tie7MRaFthmKuHx1NSXjiTueXH3do80FMQgvEktRg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+    resolution:
+      {
+        integrity: sha512-Bby3NOsna2jsjfLVOHKes8sGwgl4TT0E6vvpYgnAYDIF/tie7MRaFthmKuHx1NSXjiTueXH3do80FMQgvEktRg==,
+      }
+    engines: { node: ^20.19.0 || >=22.12.0 }
     hasBin: true
     peerDependencies:
-      '@types/node': ^20.19.0 || >=22.12.0
-      jiti: '>=1.21.0'
+      "@types/node": ^20.19.0 || >=22.12.0
+      jiti: ">=1.21.0"
       less: ^4.0.0
       lightningcss: ^1.21.0
       sass: ^1.70.0
       sass-embedded: ^1.70.0
-      stylus: '>=0.54.8'
+      stylus: ">=0.54.8"
       sugarss: ^5.0.0
       terser: ^5.16.0
       tsx: ^4.8.1
       yaml: ^2.4.2
     peerDependenciesMeta:
-      '@types/node':
+      "@types/node":
         optional: true
       jiti:
         optional: true
@@ -3142,66 +4577,95 @@ packages:
         optional: true
 
   which@2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
-    engines: {node: '>= 8'}
+    resolution:
+      {
+        integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==,
+      }
+    engines: { node: ">= 8" }
     hasBin: true
 
   wouter@3.9.0:
-    resolution: {integrity: sha512-sF/od/PIgqEQBQcrN7a2x3MX6MQE6nW0ygCfy9hQuUkuB28wEZuu/6M5GyqkrrEu9M6jxdkgE12yDFsQMKos4Q==}
+    resolution:
+      {
+        integrity: sha512-sF/od/PIgqEQBQcrN7a2x3MX6MQE6nW0ygCfy9hQuUkuB28wEZuu/6M5GyqkrrEu9M6jxdkgE12yDFsQMKos4Q==,
+      }
     peerDependencies:
-      react: '>=16.8.0'
+      react: ">=16.8.0"
 
   wrappy@1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+    resolution:
+      {
+        integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==,
+      }
 
   xtend@4.0.2:
-    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
-    engines: {node: '>=0.4'}
+    resolution:
+      {
+        integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==,
+      }
+    engines: { node: ">=0.4" }
 
   yallist@3.1.1:
-    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+    resolution:
+      {
+        integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==,
+      }
 
   yaml@2.8.2:
-    resolution: {integrity: sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==}
-    engines: {node: '>= 14.6'}
+    resolution:
+      {
+        integrity: sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==,
+      }
+    engines: { node: ">= 14.6" }
     hasBin: true
 
   yocto-queue@1.2.2:
-    resolution: {integrity: sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ==}
-    engines: {node: '>=12.20'}
+    resolution:
+      {
+        integrity: sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ==,
+      }
+    engines: { node: ">=12.20" }
 
   yoctocolors@2.1.2:
-    resolution: {integrity: sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==,
+      }
+    engines: { node: ">=18" }
 
   zod@3.25.76:
-    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
+    resolution:
+      {
+        integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==,
+      }
 
   zod@4.3.6:
-    resolution: {integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==}
+    resolution:
+      {
+        integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==,
+      }
 
 snapshots:
-
-  '@babel/code-frame@7.29.0':
+  "@babel/code-frame@7.29.0":
     dependencies:
-      '@babel/helper-validator-identifier': 7.28.5
+      "@babel/helper-validator-identifier": 7.28.5
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/compat-data@7.29.0': {}
+  "@babel/compat-data@7.29.0": {}
 
-  '@babel/core@7.29.0':
+  "@babel/core@7.29.0":
     dependencies:
-      '@babel/code-frame': 7.29.0
-      '@babel/generator': 7.29.1
-      '@babel/helper-compilation-targets': 7.28.6
-      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
-      '@babel/helpers': 7.28.6
-      '@babel/parser': 7.29.0
-      '@babel/template': 7.28.6
-      '@babel/traverse': 7.29.0
-      '@babel/types': 7.29.0
-      '@jridgewell/remapping': 2.3.5
+      "@babel/code-frame": 7.29.0
+      "@babel/generator": 7.29.1
+      "@babel/helper-compilation-targets": 7.28.6
+      "@babel/helper-module-transforms": 7.28.6(@babel/core@7.29.0)
+      "@babel/helpers": 7.28.6
+      "@babel/parser": 7.29.0
+      "@babel/template": 7.28.6
+      "@babel/traverse": 7.29.0
+      "@babel/types": 7.29.0
+      "@jridgewell/remapping": 2.3.5
       convert-source-map: 2.0.0
       debug: 4.4.3
       gensync: 1.0.0-beta.2
@@ -3210,182 +4674,182 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/generator@7.29.1':
+  "@babel/generator@7.29.1":
     dependencies:
-      '@babel/parser': 7.29.0
-      '@babel/types': 7.29.0
-      '@jridgewell/gen-mapping': 0.3.13
-      '@jridgewell/trace-mapping': 0.3.31
+      "@babel/parser": 7.29.0
+      "@babel/types": 7.29.0
+      "@jridgewell/gen-mapping": 0.3.13
+      "@jridgewell/trace-mapping": 0.3.31
       jsesc: 3.1.0
 
-  '@babel/helper-compilation-targets@7.28.6':
+  "@babel/helper-compilation-targets@7.28.6":
     dependencies:
-      '@babel/compat-data': 7.29.0
-      '@babel/helper-validator-option': 7.27.1
+      "@babel/compat-data": 7.29.0
+      "@babel/helper-validator-option": 7.27.1
       browserslist: 4.28.1
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-globals@7.28.0': {}
+  "@babel/helper-globals@7.28.0": {}
 
-  '@babel/helper-module-imports@7.28.6':
+  "@babel/helper-module-imports@7.28.6":
     dependencies:
-      '@babel/traverse': 7.29.0
-      '@babel/types': 7.29.0
+      "@babel/traverse": 7.29.0
+      "@babel/types": 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)':
+  "@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)":
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-module-imports': 7.28.6
-      '@babel/helper-validator-identifier': 7.28.5
-      '@babel/traverse': 7.29.0
+      "@babel/core": 7.29.0
+      "@babel/helper-module-imports": 7.28.6
+      "@babel/helper-validator-identifier": 7.28.5
+      "@babel/traverse": 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-plugin-utils@7.28.6': {}
+  "@babel/helper-plugin-utils@7.28.6": {}
 
-  '@babel/helper-string-parser@7.27.1': {}
+  "@babel/helper-string-parser@7.27.1": {}
 
-  '@babel/helper-validator-identifier@7.28.5': {}
+  "@babel/helper-validator-identifier@7.28.5": {}
 
-  '@babel/helper-validator-option@7.27.1': {}
+  "@babel/helper-validator-option@7.27.1": {}
 
-  '@babel/helpers@7.28.6':
+  "@babel/helpers@7.28.6":
     dependencies:
-      '@babel/template': 7.28.6
-      '@babel/types': 7.29.0
+      "@babel/template": 7.28.6
+      "@babel/types": 7.29.0
 
-  '@babel/parser@7.29.0':
+  "@babel/parser@7.29.0":
     dependencies:
-      '@babel/types': 7.29.0
+      "@babel/types": 7.29.0
 
-  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.29.0)':
+  "@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.29.0)":
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      "@babel/core": 7.29.0
+      "@babel/helper-plugin-utils": 7.28.6
 
-  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.29.0)':
+  "@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.29.0)":
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      "@babel/core": 7.29.0
+      "@babel/helper-plugin-utils": 7.28.6
 
-  '@babel/runtime@7.28.6': {}
+  "@babel/runtime@7.28.6": {}
 
-  '@babel/template@7.28.6':
+  "@babel/template@7.28.6":
     dependencies:
-      '@babel/code-frame': 7.29.0
-      '@babel/parser': 7.29.0
-      '@babel/types': 7.29.0
+      "@babel/code-frame": 7.29.0
+      "@babel/parser": 7.29.0
+      "@babel/types": 7.29.0
 
-  '@babel/traverse@7.29.0':
+  "@babel/traverse@7.29.0":
     dependencies:
-      '@babel/code-frame': 7.29.0
-      '@babel/generator': 7.29.1
-      '@babel/helper-globals': 7.28.0
-      '@babel/parser': 7.29.0
-      '@babel/template': 7.28.6
-      '@babel/types': 7.29.0
+      "@babel/code-frame": 7.29.0
+      "@babel/generator": 7.29.1
+      "@babel/helper-globals": 7.28.0
+      "@babel/parser": 7.29.0
+      "@babel/template": 7.28.6
+      "@babel/types": 7.29.0
       debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/types@7.29.0':
+  "@babel/types@7.29.0":
     dependencies:
-      '@babel/helper-string-parser': 7.27.1
-      '@babel/helper-validator-identifier': 7.28.5
+      "@babel/helper-string-parser": 7.27.1
+      "@babel/helper-validator-identifier": 7.28.5
 
-  '@commander-js/extra-typings@14.0.0(commander@14.0.3)':
+  "@commander-js/extra-typings@14.0.0(commander@14.0.3)":
     dependencies:
       commander: 14.0.3
 
-  '@date-fns/tz@1.4.1': {}
+  "@date-fns/tz@1.4.1": {}
 
-  '@drizzle-team/brocli@0.10.2': {}
+  "@drizzle-team/brocli@0.10.2": {}
 
-  '@esbuild/linux-x64@0.27.3':
+  "@esbuild/linux-x64@0.27.3":
     optional: true
 
-  '@floating-ui/core@1.7.5':
+  "@floating-ui/core@1.7.5":
     dependencies:
-      '@floating-ui/utils': 0.2.11
+      "@floating-ui/utils": 0.2.11
 
-  '@floating-ui/dom@1.7.6':
+  "@floating-ui/dom@1.7.6":
     dependencies:
-      '@floating-ui/core': 1.7.5
-      '@floating-ui/utils': 0.2.11
+      "@floating-ui/core": 1.7.5
+      "@floating-ui/utils": 0.2.11
 
-  '@floating-ui/react-dom@2.1.8(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@floating-ui/react-dom@2.1.8(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@floating-ui/dom': 1.7.6
+      "@floating-ui/dom": 1.7.6
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
 
-  '@floating-ui/utils@0.2.11': {}
+  "@floating-ui/utils@0.2.11": {}
 
-  '@gerrit0/mini-shiki@3.23.0':
+  "@gerrit0/mini-shiki@3.23.0":
     dependencies:
-      '@shikijs/engine-oniguruma': 3.23.0
-      '@shikijs/langs': 3.23.0
-      '@shikijs/themes': 3.23.0
-      '@shikijs/types': 3.23.0
-      '@shikijs/vscode-textmate': 10.0.2
+      "@shikijs/engine-oniguruma": 3.23.0
+      "@shikijs/langs": 3.23.0
+      "@shikijs/themes": 3.23.0
+      "@shikijs/types": 3.23.0
+      "@shikijs/vscode-textmate": 10.0.2
 
-  '@hookform/resolvers@3.10.0(react-hook-form@7.71.2(react@19.1.0))':
+  "@hookform/resolvers@3.10.0(react-hook-form@7.71.2(react@19.1.0))":
     dependencies:
       react-hook-form: 7.71.2(react@19.1.0)
 
-  '@jridgewell/gen-mapping@0.3.13':
+  "@jridgewell/gen-mapping@0.3.13":
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
-      '@jridgewell/trace-mapping': 0.3.31
+      "@jridgewell/sourcemap-codec": 1.5.5
+      "@jridgewell/trace-mapping": 0.3.31
 
-  '@jridgewell/remapping@2.3.5':
+  "@jridgewell/remapping@2.3.5":
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.13
-      '@jridgewell/trace-mapping': 0.3.31
+      "@jridgewell/gen-mapping": 0.3.13
+      "@jridgewell/trace-mapping": 0.3.31
 
-  '@jridgewell/resolve-uri@3.1.2': {}
+  "@jridgewell/resolve-uri@3.1.2": {}
 
-  '@jridgewell/sourcemap-codec@1.5.5': {}
+  "@jridgewell/sourcemap-codec@1.5.5": {}
 
-  '@jridgewell/trace-mapping@0.3.31':
+  "@jridgewell/trace-mapping@0.3.31":
     dependencies:
-      '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.5.5
+      "@jridgewell/resolve-uri": 3.1.2
+      "@jridgewell/sourcemap-codec": 1.5.5
 
-  '@nodelib/fs.scandir@2.1.5':
+  "@nodelib/fs.scandir@2.1.5":
     dependencies:
-      '@nodelib/fs.stat': 2.0.5
+      "@nodelib/fs.stat": 2.0.5
       run-parallel: 1.2.0
 
-  '@nodelib/fs.stat@2.0.5': {}
+  "@nodelib/fs.stat@2.0.5": {}
 
-  '@nodelib/fs.walk@1.2.8':
+  "@nodelib/fs.walk@1.2.8":
     dependencies:
-      '@nodelib/fs.scandir': 2.1.5
+      "@nodelib/fs.scandir": 2.1.5
       fastq: 1.20.1
 
-  '@orval/angular@8.5.3(typescript@5.9.3)':
+  "@orval/angular@8.5.3(typescript@5.9.3)":
     dependencies:
-      '@orval/core': 8.5.3(typescript@5.9.3)
+      "@orval/core": 8.5.3(typescript@5.9.3)
     transitivePeerDependencies:
-      - '@faker-js/faker'
+      - "@faker-js/faker"
       - supports-color
       - typescript
 
-  '@orval/axios@8.5.3(typescript@5.9.3)':
+  "@orval/axios@8.5.3(typescript@5.9.3)":
     dependencies:
-      '@orval/core': 8.5.3(typescript@5.9.3)
+      "@orval/core": 8.5.3(typescript@5.9.3)
     transitivePeerDependencies:
-      - '@faker-js/faker'
+      - "@faker-js/faker"
       - supports-color
       - typescript
 
-  '@orval/core@8.5.3(typescript@5.9.3)':
+  "@orval/core@8.5.3(typescript@5.9.3)":
     dependencies:
-      '@scalar/openapi-types': 0.5.3
+      "@scalar/openapi-types": 0.5.3
       acorn: 8.16.0
       compare-versions: 6.1.1
       debug: 4.4.3
@@ -3399,814 +4863,814 @@ snapshots:
       - supports-color
       - typescript
 
-  '@orval/fetch@8.5.3(typescript@5.9.3)':
+  "@orval/fetch@8.5.3(typescript@5.9.3)":
     dependencies:
-      '@orval/core': 8.5.3(typescript@5.9.3)
-      '@scalar/openapi-types': 0.5.3
+      "@orval/core": 8.5.3(typescript@5.9.3)
+      "@scalar/openapi-types": 0.5.3
     transitivePeerDependencies:
-      - '@faker-js/faker'
+      - "@faker-js/faker"
       - supports-color
       - typescript
 
-  '@orval/hono@8.5.3(typescript@5.9.3)':
+  "@orval/hono@8.5.3(typescript@5.9.3)":
     dependencies:
-      '@orval/core': 8.5.3(typescript@5.9.3)
-      '@orval/zod': 8.5.3(typescript@5.9.3)
+      "@orval/core": 8.5.3(typescript@5.9.3)
+      "@orval/zod": 8.5.3(typescript@5.9.3)
       fs-extra: 11.3.4
       remeda: 2.33.6
     transitivePeerDependencies:
-      - '@faker-js/faker'
+      - "@faker-js/faker"
       - supports-color
       - typescript
 
-  '@orval/mcp@8.5.3(typescript@5.9.3)':
+  "@orval/mcp@8.5.3(typescript@5.9.3)":
     dependencies:
-      '@orval/core': 8.5.3(typescript@5.9.3)
-      '@orval/fetch': 8.5.3(typescript@5.9.3)
-      '@orval/zod': 8.5.3(typescript@5.9.3)
+      "@orval/core": 8.5.3(typescript@5.9.3)
+      "@orval/fetch": 8.5.3(typescript@5.9.3)
+      "@orval/zod": 8.5.3(typescript@5.9.3)
     transitivePeerDependencies:
-      - '@faker-js/faker'
+      - "@faker-js/faker"
       - supports-color
       - typescript
 
-  '@orval/mock@8.5.3(typescript@5.9.3)':
+  "@orval/mock@8.5.3(typescript@5.9.3)":
     dependencies:
-      '@orval/core': 8.5.3(typescript@5.9.3)
+      "@orval/core": 8.5.3(typescript@5.9.3)
       remeda: 2.33.6
     transitivePeerDependencies:
-      - '@faker-js/faker'
+      - "@faker-js/faker"
       - supports-color
       - typescript
 
-  '@orval/query@8.5.3(typescript@5.9.3)':
+  "@orval/query@8.5.3(typescript@5.9.3)":
     dependencies:
-      '@orval/core': 8.5.3(typescript@5.9.3)
-      '@orval/fetch': 8.5.3(typescript@5.9.3)
+      "@orval/core": 8.5.3(typescript@5.9.3)
+      "@orval/fetch": 8.5.3(typescript@5.9.3)
       remeda: 2.33.6
     transitivePeerDependencies:
-      - '@faker-js/faker'
+      - "@faker-js/faker"
       - supports-color
       - typescript
 
-  '@orval/solid-start@8.5.3(typescript@5.9.3)':
+  "@orval/solid-start@8.5.3(typescript@5.9.3)":
     dependencies:
-      '@orval/core': 8.5.3(typescript@5.9.3)
-      '@scalar/openapi-types': 0.5.3
+      "@orval/core": 8.5.3(typescript@5.9.3)
+      "@scalar/openapi-types": 0.5.3
     transitivePeerDependencies:
-      - '@faker-js/faker'
+      - "@faker-js/faker"
       - supports-color
       - typescript
 
-  '@orval/swr@8.5.3(typescript@5.9.3)':
+  "@orval/swr@8.5.3(typescript@5.9.3)":
     dependencies:
-      '@orval/core': 8.5.3(typescript@5.9.3)
-      '@orval/fetch': 8.5.3(typescript@5.9.3)
+      "@orval/core": 8.5.3(typescript@5.9.3)
+      "@orval/fetch": 8.5.3(typescript@5.9.3)
     transitivePeerDependencies:
-      - '@faker-js/faker'
+      - "@faker-js/faker"
       - supports-color
       - typescript
 
-  '@orval/zod@8.5.3(typescript@5.9.3)':
+  "@orval/zod@8.5.3(typescript@5.9.3)":
     dependencies:
-      '@orval/core': 8.5.3(typescript@5.9.3)
+      "@orval/core": 8.5.3(typescript@5.9.3)
       remeda: 2.33.6
     transitivePeerDependencies:
-      - '@faker-js/faker'
+      - "@faker-js/faker"
       - supports-color
       - typescript
 
-  '@pinojs/redact@0.4.0': {}
+  "@pinojs/redact@0.4.0": {}
 
-  '@radix-ui/number@1.1.1': {}
+  "@radix-ui/number@1.1.1": {}
 
-  '@radix-ui/primitive@1.1.3': {}
+  "@radix-ui/primitive@1.1.3": {}
 
-  '@radix-ui/react-accordion@1.2.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-accordion@1.2.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-collapsible": 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-alert-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-alert-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-dialog": 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-arrow@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-aspect-ratio@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-aspect-ratio@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-avatar@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-avatar@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-context': 1.1.3(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.3(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-is-hydrated": 0.1.0(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-checkbox@1.3.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-checkbox@1.3.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-previous": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-size": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-collapsible@1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-collapsible@1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-collection@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-collection@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-compose-refs@1.1.2(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-context-menu@2.2.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-context-menu@2.2.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-menu": 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-context@1.1.2(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-context@1.1.2(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-context@1.1.3(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-context@1.1.3(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
-
-  '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@types/react": 19.2.14
+
+  "@radix-ui/react-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-focus-guards": 1.1.3(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-focus-scope": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-portal": 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
       aria-hidden: 1.2.6
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
       react-remove-scroll: 2.7.2(@types/react@19.2.14)(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-direction@1.1.1(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-direction@1.1.1(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-escape-keydown": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-menu": 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-focus-guards@1.1.3(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-focus-guards@1.1.3(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-hover-card@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-hover-card@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-popper": 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-portal": 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-id@1.1.1(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-id@1.1.1(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-label@2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-label@2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-focus-guards": 1.1.3(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-focus-scope": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-popper": 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-portal": 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-roving-focus": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       aria-hidden: 1.2.6
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
       react-remove-scroll: 2.7.2(@types/react@19.2.14)(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-menubar@1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-menubar@1.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-menu": 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-roving-focus": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-navigation-menu@1.2.14(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-navigation-menu@1.2.14(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-previous": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-visually-hidden": 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-popover@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-popover@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-focus-guards": 1.1.3(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-focus-scope": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-popper": 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-portal": 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
       aria-hidden: 1.2.6
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
       react-remove-scroll: 2.7.2(@types/react@19.2.14)(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-popper@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@floating-ui/react-dom': 2.1.8(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/rect': 1.1.1
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-popper@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@floating-ui/react-dom": 2.1.8(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-arrow": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-rect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-size": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/rect": 1.1.1
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-portal@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-presence@1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-presence@1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-primitive@2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-primitive@2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-primitive@2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-slot': 1.2.4(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-slot": 1.2.4(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-progress@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-progress@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-context': 1.1.3(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-context": 1.1.3(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-radio-group@1.3.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-radio-group@1.3.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-roving-focus": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-previous": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-size": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-scroll-area@1.2.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/number': 1.1.1
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-scroll-area@1.2.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/number": 1.1.1
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-select@2.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/number': 1.1.1
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-select@2.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/number": 1.1.1
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-focus-guards": 1.1.3(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-focus-scope": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-popper": 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-portal": 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-previous": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-visually-hidden": 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       aria-hidden: 1.2.6
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
       react-remove-scroll: 2.7.2(@types/react@19.2.14)(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-separator@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-separator@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-slider@1.3.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/number': 1.1.1
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-slider@1.3.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/number": 1.1.1
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-previous": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-size": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-slot@1.2.3(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-slot@1.2.3(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-slot@1.2.4(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-slot@1.2.4(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-switch@1.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-switch@1.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-previous": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-size": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-tabs@1.1.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-tabs@1.1.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-roving-focus": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-toast@1.2.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-toast@1.2.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-collection": 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-portal": 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-visually-hidden": 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-toggle-group@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-toggle-group@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-direction": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-roving-focus": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-toggle": 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-toggle@1.1.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-toggle@1.1.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
-
-  '@radix-ui/react-tooltip@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
+
+  "@radix-ui/react-tooltip@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
+    dependencies:
+      "@radix-ui/primitive": 1.1.3
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-context": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-dismissable-layer": 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-popper": 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-portal": 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-presence": 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-slot": 1.2.3(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-controllable-state": 1.2.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-visually-hidden": 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-effect-event": 0.0.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-use-effect-event@0.0.2(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-callback-ref": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-use-is-hydrated@0.1.0(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-use-is-hydrated@0.1.0(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
       react: 19.1.0
       use-sync-external-store: 1.6.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-use-previous@1.1.1(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-use-previous@1.1.1(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-use-rect@1.1.1(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-use-rect@1.1.1(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
-      '@radix-ui/rect': 1.1.1
+      "@radix-ui/rect": 1.1.1
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-use-size@1.1.1(@types/react@19.2.14)(react@19.1.0)':
+  "@radix-ui/react-use-size@1.1.1(@types/react@19.2.14)(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-use-layout-effect": 1.1.1(@types/react@19.2.14)(react@19.1.0)
       react: 19.1.0
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
-      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+      "@types/react": 19.2.14
+      "@types/react-dom": 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/rect@1.1.1': {}
+  "@radix-ui/rect@1.1.1": {}
 
-  '@replit/vite-plugin-cartographer@0.5.1':
+  "@replit/vite-plugin-cartographer@0.5.1":
     dependencies:
-      '@babel/parser': 7.29.0
-      '@babel/traverse': 7.29.0
-      '@babel/types': 7.29.0
+      "@babel/parser": 7.29.0
+      "@babel/traverse": 7.29.0
+      "@babel/types": 7.29.0
       magic-string: 0.30.21
       modern-screenshot: 4.6.8
     transitivePeerDependencies:
       - supports-color
 
-  '@replit/vite-plugin-dev-banner@0.1.2': {}
+  "@replit/vite-plugin-dev-banner@0.1.2": {}
 
-  '@replit/vite-plugin-runtime-error-modal@0.0.6':
+  "@replit/vite-plugin-runtime-error-modal@0.0.6":
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.31
+      "@jridgewell/trace-mapping": 0.3.31
 
-  '@rolldown/pluginutils@1.0.0-rc.3': {}
+  "@rolldown/pluginutils@1.0.0-rc.3": {}
 
-  '@rollup/rollup-linux-x64-gnu@4.59.0':
+  "@rollup/rollup-linux-x64-gnu@4.59.0":
     optional: true
 
-  '@scalar/helpers@0.2.18': {}
+  "@scalar/helpers@0.2.18": {}
 
-  '@scalar/json-magic@0.11.7':
+  "@scalar/json-magic@0.11.7":
     dependencies:
-      '@scalar/helpers': 0.2.18
+      "@scalar/helpers": 0.2.18
       pathe: 2.0.3
       yaml: 2.8.2
 
-  '@scalar/openapi-parser@0.24.17':
+  "@scalar/openapi-parser@0.24.17":
     dependencies:
-      '@scalar/helpers': 0.2.18
-      '@scalar/json-magic': 0.11.7
-      '@scalar/openapi-types': 0.5.4
-      '@scalar/openapi-upgrader': 0.1.11
+      "@scalar/helpers": 0.2.18
+      "@scalar/json-magic": 0.11.7
+      "@scalar/openapi-types": 0.5.4
+      "@scalar/openapi-upgrader": 0.1.11
       ajv: 8.18.0
       ajv-draft-04: 1.0.0(ajv@8.18.0)
       ajv-formats: 3.0.1
@@ -4214,47 +5678,47 @@ snapshots:
       leven: 4.1.0
       yaml: 2.8.2
 
-  '@scalar/openapi-types@0.5.3':
+  "@scalar/openapi-types@0.5.3":
     dependencies:
       zod: 4.3.6
 
-  '@scalar/openapi-types@0.5.4':
+  "@scalar/openapi-types@0.5.4":
     dependencies:
       zod: 4.3.6
 
-  '@scalar/openapi-upgrader@0.1.11':
+  "@scalar/openapi-upgrader@0.1.11":
     dependencies:
-      '@scalar/openapi-types': 0.5.4
+      "@scalar/openapi-types": 0.5.4
 
-  '@sec-ant/readable-stream@0.4.1': {}
+  "@sec-ant/readable-stream@0.4.1": {}
 
-  '@shikijs/engine-oniguruma@3.23.0':
+  "@shikijs/engine-oniguruma@3.23.0":
     dependencies:
-      '@shikijs/types': 3.23.0
-      '@shikijs/vscode-textmate': 10.0.2
+      "@shikijs/types": 3.23.0
+      "@shikijs/vscode-textmate": 10.0.2
 
-  '@shikijs/langs@3.23.0':
+  "@shikijs/langs@3.23.0":
     dependencies:
-      '@shikijs/types': 3.23.0
+      "@shikijs/types": 3.23.0
 
-  '@shikijs/themes@3.23.0':
+  "@shikijs/themes@3.23.0":
     dependencies:
-      '@shikijs/types': 3.23.0
+      "@shikijs/types": 3.23.0
 
-  '@shikijs/types@3.23.0':
+  "@shikijs/types@3.23.0":
     dependencies:
-      '@shikijs/vscode-textmate': 10.0.2
-      '@types/hast': 3.0.4
+      "@shikijs/vscode-textmate": 10.0.2
+      "@types/hast": 3.0.4
 
-  '@shikijs/vscode-textmate@10.0.2': {}
+  "@shikijs/vscode-textmate@10.0.2": {}
 
-  '@sindresorhus/merge-streams@4.0.0': {}
+  "@sindresorhus/merge-streams@4.0.0": {}
 
-  '@tabby_ai/hijri-converter@1.0.5': {}
+  "@tabby_ai/hijri-converter@1.0.5": {}
 
-  '@tailwindcss/node@4.2.1':
+  "@tailwindcss/node@4.2.1":
     dependencies:
-      '@jridgewell/remapping': 2.3.5
+      "@jridgewell/remapping": 2.3.5
       enhanced-resolve: 5.20.0
       jiti: 2.6.1
       lightningcss: 1.31.1
@@ -4262,159 +5726,159 @@ snapshots:
       source-map-js: 1.2.1
       tailwindcss: 4.2.1
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.2.1':
+  "@tailwindcss/oxide-linux-x64-gnu@4.2.1":
     optional: true
 
-  '@tailwindcss/oxide-wasm32-wasi@4.2.1':
+  "@tailwindcss/oxide-wasm32-wasi@4.2.1":
     optional: true
 
-  '@tailwindcss/oxide@4.2.1':
+  "@tailwindcss/oxide@4.2.1":
     optionalDependencies:
-      '@tailwindcss/oxide-linux-x64-gnu': 4.2.1
-      '@tailwindcss/oxide-wasm32-wasi': 4.2.1
+      "@tailwindcss/oxide-linux-x64-gnu": 4.2.1
+      "@tailwindcss/oxide-wasm32-wasi": 4.2.1
 
-  '@tailwindcss/typography@0.5.19(tailwindcss@4.2.1)':
+  "@tailwindcss/typography@0.5.19(tailwindcss@4.2.1)":
     dependencies:
       postcss-selector-parser: 6.0.10
       tailwindcss: 4.2.1
 
-  '@tailwindcss/vite@4.2.1(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))':
+  "@tailwindcss/vite@4.2.1(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))":
     dependencies:
-      '@tailwindcss/node': 4.2.1
-      '@tailwindcss/oxide': 4.2.1
+      "@tailwindcss/node": 4.2.1
+      "@tailwindcss/oxide": 4.2.1
       tailwindcss: 4.2.1
       vite: 7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
 
-  '@tanstack/query-core@5.90.20': {}
+  "@tanstack/query-core@5.90.20": {}
 
-  '@tanstack/react-query@5.90.21(react@19.1.0)':
+  "@tanstack/react-query@5.90.21(react@19.1.0)":
     dependencies:
-      '@tanstack/query-core': 5.90.20
+      "@tanstack/query-core": 5.90.20
       react: 19.1.0
 
-  '@types/babel__core@7.20.5':
+  "@types/babel__core@7.20.5":
     dependencies:
-      '@babel/parser': 7.29.0
-      '@babel/types': 7.29.0
-      '@types/babel__generator': 7.27.0
-      '@types/babel__template': 7.4.4
-      '@types/babel__traverse': 7.28.0
+      "@babel/parser": 7.29.0
+      "@babel/types": 7.29.0
+      "@types/babel__generator": 7.27.0
+      "@types/babel__template": 7.4.4
+      "@types/babel__traverse": 7.28.0
 
-  '@types/babel__generator@7.27.0':
+  "@types/babel__generator@7.27.0":
     dependencies:
-      '@babel/types': 7.29.0
+      "@babel/types": 7.29.0
 
-  '@types/babel__template@7.4.4':
+  "@types/babel__template@7.4.4":
     dependencies:
-      '@babel/parser': 7.29.0
-      '@babel/types': 7.29.0
+      "@babel/parser": 7.29.0
+      "@babel/types": 7.29.0
 
-  '@types/babel__traverse@7.28.0':
+  "@types/babel__traverse@7.28.0":
     dependencies:
-      '@babel/types': 7.29.0
+      "@babel/types": 7.29.0
 
-  '@types/body-parser@1.19.6':
+  "@types/body-parser@1.19.6":
     dependencies:
-      '@types/connect': 3.4.38
-      '@types/node': 25.3.5
+      "@types/connect": 3.4.38
+      "@types/node": 25.3.5
 
-  '@types/connect@3.4.38':
+  "@types/connect@3.4.38":
     dependencies:
-      '@types/node': 25.3.5
+      "@types/node": 25.3.5
 
-  '@types/cookie-parser@1.4.10(@types/express@5.0.6)':
+  "@types/cookie-parser@1.4.10(@types/express@5.0.6)":
     dependencies:
-      '@types/express': 5.0.6
+      "@types/express": 5.0.6
 
-  '@types/cors@2.8.19':
+  "@types/cors@2.8.19":
     dependencies:
-      '@types/node': 25.3.5
+      "@types/node": 25.3.5
 
-  '@types/d3-array@3.2.2': {}
+  "@types/d3-array@3.2.2": {}
 
-  '@types/d3-color@3.1.3': {}
+  "@types/d3-color@3.1.3": {}
 
-  '@types/d3-ease@3.0.2': {}
+  "@types/d3-ease@3.0.2": {}
 
-  '@types/d3-interpolate@3.0.4':
+  "@types/d3-interpolate@3.0.4":
     dependencies:
-      '@types/d3-color': 3.1.3
+      "@types/d3-color": 3.1.3
 
-  '@types/d3-path@3.1.1': {}
+  "@types/d3-path@3.1.1": {}
 
-  '@types/d3-scale@4.0.9':
+  "@types/d3-scale@4.0.9":
     dependencies:
-      '@types/d3-time': 3.0.4
+      "@types/d3-time": 3.0.4
 
-  '@types/d3-shape@3.1.8':
+  "@types/d3-shape@3.1.8":
     dependencies:
-      '@types/d3-path': 3.1.1
+      "@types/d3-path": 3.1.1
 
-  '@types/d3-time@3.0.4': {}
+  "@types/d3-time@3.0.4": {}
 
-  '@types/d3-timer@3.0.2': {}
+  "@types/d3-timer@3.0.2": {}
 
-  '@types/estree@1.0.8': {}
+  "@types/estree@1.0.8": {}
 
-  '@types/express-serve-static-core@5.1.1':
+  "@types/express-serve-static-core@5.1.1":
     dependencies:
-      '@types/node': 25.3.5
-      '@types/qs': 6.15.0
-      '@types/range-parser': 1.2.7
-      '@types/send': 1.2.1
+      "@types/node": 25.3.5
+      "@types/qs": 6.15.0
+      "@types/range-parser": 1.2.7
+      "@types/send": 1.2.1
 
-  '@types/express@5.0.6':
+  "@types/express@5.0.6":
     dependencies:
-      '@types/body-parser': 1.19.6
-      '@types/express-serve-static-core': 5.1.1
-      '@types/serve-static': 2.2.0
+      "@types/body-parser": 1.19.6
+      "@types/express-serve-static-core": 5.1.1
+      "@types/serve-static": 2.2.0
 
-  '@types/hast@3.0.4':
+  "@types/hast@3.0.4":
     dependencies:
-      '@types/unist': 3.0.3
+      "@types/unist": 3.0.3
 
-  '@types/http-errors@2.0.5': {}
+  "@types/http-errors@2.0.5": {}
 
-  '@types/node@25.3.5':
+  "@types/node@25.3.5":
     dependencies:
       undici-types: 7.18.2
 
-  '@types/pg@8.18.0':
+  "@types/pg@8.18.0":
     dependencies:
-      '@types/node': 25.3.5
+      "@types/node": 25.3.5
       pg-protocol: 1.13.0
       pg-types: 2.2.0
 
-  '@types/qs@6.15.0': {}
+  "@types/qs@6.15.0": {}
 
-  '@types/range-parser@1.2.7': {}
+  "@types/range-parser@1.2.7": {}
 
-  '@types/react-dom@19.2.3(@types/react@19.2.14)':
+  "@types/react-dom@19.2.3(@types/react@19.2.14)":
     dependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
-  '@types/react@19.2.14':
+  "@types/react@19.2.14":
     dependencies:
       csstype: 3.2.3
 
-  '@types/send@1.2.1':
+  "@types/send@1.2.1":
     dependencies:
-      '@types/node': 25.3.5
+      "@types/node": 25.3.5
 
-  '@types/serve-static@2.2.0':
+  "@types/serve-static@2.2.0":
     dependencies:
-      '@types/http-errors': 2.0.5
-      '@types/node': 25.3.5
+      "@types/http-errors": 2.0.5
+      "@types/node": 25.3.5
 
-  '@types/unist@3.0.3': {}
+  "@types/unist@3.0.3": {}
 
-  '@vitejs/plugin-react@5.1.4(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))':
+  "@vitejs/plugin-react@5.1.4(vite@7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2))":
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
-      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.29.0)
-      '@rolldown/pluginutils': 1.0.0-rc.3
-      '@types/babel__core': 7.20.5
+      "@babel/core": 7.29.0
+      "@babel/plugin-transform-react-jsx-self": 7.27.1(@babel/core@7.29.0)
+      "@babel/plugin-transform-react-jsx-source": 7.27.1(@babel/core@7.29.0)
+      "@rolldown/pluginutils": 1.0.0-rc.3
+      "@types/babel__core": 7.20.5
       react-refresh: 0.18.0
       vite: 7.3.2(@types/node@25.3.5)(jiti@2.6.1)(lightningcss@1.31.1)(tsx@4.21.0)(yaml@2.8.2)
     transitivePeerDependencies:
@@ -4518,15 +5982,15 @@ snapshots:
 
   cmdk@1.1.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-compose-refs": 1.1.2(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-dialog": 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-id": 1.1.1(@types/react@19.2.14)(react@19.1.0)
+      "@radix-ui/react-primitive": 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     transitivePeerDependencies:
-      - '@types/react'
-      - '@types/react-dom'
+      - "@types/react"
+      - "@types/react-dom"
 
   colorette@2.0.20: {}
 
@@ -4626,13 +6090,13 @@ snapshots:
 
   dom-helpers@5.2.1:
     dependencies:
-      '@babel/runtime': 7.28.6
+      "@babel/runtime": 7.28.6
       csstype: 3.2.3
 
   drizzle-kit@0.31.9:
     dependencies:
-      '@drizzle-team/brocli': 0.10.2
-      '@esbuild-kit/esm-loader': tsx@4.21.0
+      "@drizzle-team/brocli": 0.10.2
+      "@esbuild-kit/esm-loader": tsx@4.21.0
       esbuild: 0.27.3
       esbuild-register: 3.6.0(esbuild@0.27.3)
     transitivePeerDependencies:
@@ -4640,7 +6104,7 @@ snapshots:
 
   drizzle-orm@0.45.2(@types/pg@8.18.0)(pg@8.20.0):
     optionalDependencies:
-      '@types/pg': 8.18.0
+      "@types/pg": 8.18.0
       pg: 8.20.0
 
   drizzle-zod@0.8.3(drizzle-orm@0.45.2(@types/pg@8.18.0)(pg@8.20.0))(zod@3.25.76):
@@ -4713,7 +6177,7 @@ snapshots:
 
   esbuild@0.27.3:
     optionalDependencies:
-      '@esbuild/linux-x64': 0.27.3
+      "@esbuild/linux-x64": 0.27.3
 
   escalade@3.2.0: {}
 
@@ -4727,7 +6191,7 @@ snapshots:
 
   execa@9.6.1:
     dependencies:
-      '@sindresorhus/merge-streams': 4.0.0
+      "@sindresorhus/merge-streams": 4.0.0
       cross-spawn: 7.0.6
       figures: 6.1.0
       get-stream: 9.0.1
@@ -4781,8 +6245,8 @@ snapshots:
 
   fast-glob@3.3.3:
     dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
+      "@nodelib/fs.stat": 2.0.5
+      "@nodelib/fs.walk": 1.2.8
       glob-parent: 5.1.2
       merge2: 1.4.1
       micromatch: 4.0.8
@@ -4873,7 +6337,7 @@ snapshots:
 
   get-stream@9.0.1:
     dependencies:
-      '@sec-ant/readable-stream': 0.4.1
+      "@sec-ant/readable-stream": 0.4.1
       is-stream: 4.0.1
 
   get-tsconfig@4.13.6:
@@ -4886,7 +6350,7 @@ snapshots:
 
   globby@16.1.0:
     dependencies:
-      '@sindresorhus/merge-streams': 4.0.0
+      "@sindresorhus/merge-streams": 4.0.0
       fast-glob: 3.3.3
       ignore: 7.0.5
       is-path-inside: 4.0.0
@@ -5013,7 +6477,7 @@ snapshots:
 
   magic-string@0.30.21:
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
+      "@jridgewell/sourcemap-codec": 1.5.5
 
   markdown-it@14.1.1:
     dependencies:
@@ -5095,21 +6559,21 @@ snapshots:
 
   orval@8.5.3(prettier@3.8.1)(typescript@5.9.3):
     dependencies:
-      '@commander-js/extra-typings': 14.0.0(commander@14.0.3)
-      '@orval/angular': 8.5.3(typescript@5.9.3)
-      '@orval/axios': 8.5.3(typescript@5.9.3)
-      '@orval/core': 8.5.3(typescript@5.9.3)
-      '@orval/fetch': 8.5.3(typescript@5.9.3)
-      '@orval/hono': 8.5.3(typescript@5.9.3)
-      '@orval/mcp': 8.5.3(typescript@5.9.3)
-      '@orval/mock': 8.5.3(typescript@5.9.3)
-      '@orval/query': 8.5.3(typescript@5.9.3)
-      '@orval/solid-start': 8.5.3(typescript@5.9.3)
-      '@orval/swr': 8.5.3(typescript@5.9.3)
-      '@orval/zod': 8.5.3(typescript@5.9.3)
-      '@scalar/json-magic': 0.11.7
-      '@scalar/openapi-parser': 0.24.17
-      '@scalar/openapi-types': 0.5.3
+      "@commander-js/extra-typings": 14.0.0(commander@14.0.3)
+      "@orval/angular": 8.5.3(typescript@5.9.3)
+      "@orval/axios": 8.5.3(typescript@5.9.3)
+      "@orval/core": 8.5.3(typescript@5.9.3)
+      "@orval/fetch": 8.5.3(typescript@5.9.3)
+      "@orval/hono": 8.5.3(typescript@5.9.3)
+      "@orval/mcp": 8.5.3(typescript@5.9.3)
+      "@orval/mock": 8.5.3(typescript@5.9.3)
+      "@orval/query": 8.5.3(typescript@5.9.3)
+      "@orval/solid-start": 8.5.3(typescript@5.9.3)
+      "@orval/swr": 8.5.3(typescript@5.9.3)
+      "@orval/zod": 8.5.3(typescript@5.9.3)
+      "@scalar/json-magic": 0.11.7
+      "@scalar/openapi-parser": 0.24.17
+      "@scalar/openapi-types": 0.5.3
       chokidar: 5.0.0
       commander: 14.0.3
       enquirer: 2.4.1
@@ -5127,7 +6591,7 @@ snapshots:
     optionalDependencies:
       prettier: 3.8.1
     transitivePeerDependencies:
-      - '@faker-js/faker'
+      - "@faker-js/faker"
       - supports-color
       - typescript
 
@@ -5227,7 +6691,7 @@ snapshots:
 
   pino@9.14.0:
     dependencies:
-      '@pinojs/redact': 0.4.0
+      "@pinojs/redact": 0.4.0
       atomic-sleep: 1.0.0
       on-exit-leak-free: 2.1.2
       pino-abstract-transport: 2.0.0
@@ -5309,8 +6773,8 @@ snapshots:
 
   react-day-picker@9.14.0(react@19.1.0):
     dependencies:
-      '@date-fns/tz': 1.4.1
-      '@tabby_ai/hijri-converter': 1.0.5
+      "@date-fns/tz": 1.4.1
+      "@tabby_ai/hijri-converter": 1.0.5
       date-fns: 4.1.0
       date-fns-jalali: 4.1.0-0
       react: 19.1.0
@@ -5340,7 +6804,7 @@ snapshots:
       react-style-singleton: 2.2.3(@types/react@19.2.14)(react@19.1.0)
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
   react-remove-scroll@2.7.2(@types/react@19.2.14)(react@19.1.0):
     dependencies:
@@ -5351,7 +6815,7 @@ snapshots:
       use-callback-ref: 1.3.3(@types/react@19.2.14)(react@19.1.0)
       use-sidecar: 1.1.3(@types/react@19.2.14)(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
   react-resizable-panels@2.1.9(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
     dependencies:
@@ -5372,11 +6836,11 @@ snapshots:
       react: 19.1.0
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
   react-transition-group@4.4.5(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
     dependencies:
-      '@babel/runtime': 7.28.6
+      "@babel/runtime": 7.28.6
       dom-helpers: 5.2.1
       loose-envify: 1.4.0
       prop-types: 15.8.1
@@ -5420,9 +6884,9 @@ snapshots:
 
   rollup@4.59.0:
     dependencies:
-      '@types/estree': 1.0.8
+      "@types/estree": 1.0.8
     optionalDependencies:
-      '@rollup/rollup-linux-x64-gnu': 4.59.0
+      "@rollup/rollup-linux-x64-gnu": 4.59.0
       fsevents: 2.3.3
 
   router@2.2.0:
@@ -5597,7 +7061,7 @@ snapshots:
 
   typedoc@0.28.17(typescript@5.9.3):
     dependencies:
-      '@gerrit0/mini-shiki': 3.23.0
+      "@gerrit0/mini-shiki": 3.23.0
       lunr: 2.3.9
       markdown-it: 14.1.1
       minimatch: 9.0.9
@@ -5629,7 +7093,7 @@ snapshots:
       react: 19.1.0
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
   use-sidecar@1.1.3(@types/react@19.2.14)(react@19.1.0):
     dependencies:
@@ -5637,7 +7101,7 @@ snapshots:
       react: 19.1.0
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.2.14
+      "@types/react": 19.2.14
 
   use-sync-external-store@1.6.0(react@19.1.0):
     dependencies:
@@ -5649,22 +7113,22 @@ snapshots:
 
   vaul@1.1.2(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
     dependencies:
-      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      "@radix-ui/react-dialog": 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     transitivePeerDependencies:
-      - '@types/react'
-      - '@types/react-dom'
+      - "@types/react"
+      - "@types/react-dom"
 
   victory-vendor@36.9.2:
     dependencies:
-      '@types/d3-array': 3.2.2
-      '@types/d3-ease': 3.0.2
-      '@types/d3-interpolate': 3.0.4
-      '@types/d3-scale': 4.0.9
-      '@types/d3-shape': 3.1.8
-      '@types/d3-time': 3.0.4
-      '@types/d3-timer': 3.0.2
+      "@types/d3-array": 3.2.2
+      "@types/d3-ease": 3.0.2
+      "@types/d3-interpolate": 3.0.4
+      "@types/d3-scale": 4.0.9
+      "@types/d3-shape": 3.1.8
+      "@types/d3-time": 3.0.4
+      "@types/d3-timer": 3.0.2
       d3-array: 3.2.4
       d3-ease: 3.0.1
       d3-interpolate: 3.0.1
@@ -5682,7 +7146,7 @@ snapshots:
       rollup: 4.59.0
       tinyglobby: 0.2.15
     optionalDependencies:
-      '@types/node': 25.3.5
+      "@types/node": 25.3.5
       fsevents: 2.3.3
       jiti: 2.6.1
       lightningcss: 1.31.1