feat: updating some things

chore: cleanup some code
feat(ui): remove storybook
2026-01-18 15:39:10 +01:00 · 2026-01-18 15:18:11 +01:00 · 2026-01-18 15:17:56 +01:00 · 2026-01-18 15:17:27 +01:00
68 changed files with 2422 additions and 3482 deletions
--- a/.dprint.jsonc
+++ b/.dprint.jsonc
@@ -1,59 +0,0 @@
-{
-  "$schema": "https://dprint.dev/schemas/v0.json",
-  "indentWidth": 2,
-  "typescript": {
-    // https://dprint.dev/plugins/typescript/config/
-    "quoteStyle": "preferSingle",
-    "trailingCommas": "never"
-  },
-  "json": {
-  },
-  "markdown": {
-  },
-  "toml": {
-  },
-  "dockerfile": {
-  },
-  "ruff": {
-  },
-  "jupyter": {
-  },
-  "malva": {
-  },
-  "markup": {
-  },
-  "yaml": {
-  },
-  "graphql": {
-  },
-  "exec": {
-    "cwd": "${configDir}",
-    "commands": [{
-      "command": "rustfmt --edition 2024",
-      "exts": ["rs"],
-      // add the config files for automatic cache invalidation when the rust version or rustfmt config changes
-      "cacheKeyFiles": [
-        "rustfmt.toml",
-        "rust-toolchain.toml"
-      ]
-    }]
-  },
-  "excludes": [
-    "**/node_modules",
-    "**/*-lock.json"
-  ],
-  "plugins": [
-    "https://plugins.dprint.dev/typescript-0.95.13.wasm",
-    "https://plugins.dprint.dev/json-0.21.1.wasm",
-    "https://plugins.dprint.dev/markdown-0.20.0.wasm",
-    "https://plugins.dprint.dev/toml-0.7.0.wasm",
-    "https://plugins.dprint.dev/dockerfile-0.3.3.wasm",
-    "https://plugins.dprint.dev/ruff-0.6.11.wasm",
-    "https://plugins.dprint.dev/jupyter-0.2.1.wasm",
-    "https://plugins.dprint.dev/g-plane/malva-v0.15.1.wasm",
-    "https://plugins.dprint.dev/g-plane/markup_fmt-v0.25.3.wasm",
-    "https://plugins.dprint.dev/g-plane/pretty_yaml-v0.5.1.wasm",
-    "https://plugins.dprint.dev/g-plane/pretty_graphql-v0.2.3.wasm",
-    "https://plugins.dprint.dev/exec-0.6.0.json@a054130d458f124f9b5c91484833828950723a5af3f8ff2bd1523bd47b83b364"
-  ]
-}
--- a/.envrc
+++ b/.envrc
@@ -1 +0,0 @@
-use flake
--- a/.gitignore
+++ b/.gitignore
@@ -4,4 +4,3 @@ node_modules/
 # Added by cargo

 /target
-.direnv/
--- a/app/.env
+++ b/app/.env
@@ -1 +0,0 @@
-PUBLIC_ANALYTIC_SCRIPT=""
--- a/app/package.json
+++ b/app/package.json
@@ -14,29 +14,29 @@
    "@nodarium/ui": "link:../packages/ui",
    "@nodarium/utils": "link:../packages/utils",
    "@sveltejs/kit": "^2.50.0",
-    "@tailwindcss/vite": "^4.1.18",
    "@threlte/core": "8.3.1",
    "@threlte/extras": "9.7.1",
+    "@types/three": "^0.182.0",
+    "@unocss/reset": "^66.6.0",
    "comlink": "^4.4.2",
    "file-saver": "^2.0.5",
    "idb": "^8.0.3",
    "jsondiffpatch": "^0.7.3",
-    "tailwindcss": "^4.1.18",
    "three": "^0.182.0"
  },
  "devDependencies": {
    "@iconify-json/tabler": "^1.2.26",
-    "@iconify/tailwind4": "^1.2.1",
    "@nodarium/types": "link:../packages/types",
    "@sveltejs/adapter-static": "^3.0.10",
    "@sveltejs/vite-plugin-svelte": "^6.2.4",
    "@tsconfig/svelte": "^5.0.6",
    "@types/file-saver": "^2.0.7",
-    "@types/three": "^0.182.0",
+    "@unocss/preset-icons": "^66.6.0",
    "svelte": "^5.46.4",
    "svelte-check": "^4.3.5",
    "tslib": "^2.8.1",
    "typescript": "^5.9.3",
+    "unocss": "^66.6.0",
    "vite": "^7.3.1",
    "vite-plugin-comlink": "^5.3.0",
    "vite-plugin-glsl": "^1.5.5",
--- a/app/pnpm-lock.yaml
+++ b/app/pnpm-lock.yaml
--- a/app/src/app.css
+++ b/app/src/app.css
@@ -1,6 +0,0 @@
-@import "tailwindcss";
-@source "../../packages/ui/**/*.svelte";
-@plugin "@iconify/tailwind4" {
-  prefix: "i";
-  icon-sets: from-folder(custom, "./src/lib/icons")
-};
--- a/app/src/app.html
+++ b/app/src/app.html
@@ -5,6 +5,7 @@
  <meta charset="utf-8" />
  <link rel="icon" href="%sveltekit.assets%/svelte.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <script defer src="https://umami.max-richter.dev/script.js" data-website-id="585c442b-0524-4874-8955-f9853b44b17e"></script>
  %sveltekit.head%
  <title>Nodes</title>
  <script>
--- a/app/src/lib/config.ts
+++ b/app/src/lib/config.ts
@@ -1,2 +0,0 @@
-import { PUBLIC_ANALYTIC_SCRIPT } from "$env/static/public";
-export const ANALYTIC_SCRIPT = PUBLIC_ANALYTIC_SCRIPT;
--- a/app/src/lib/graph-interface/graph/Graph.svelte
+++ b/app/src/lib/graph-interface/graph/Graph.svelte
@@ -177,11 +177,9 @@
        <EdgeEl z={graphState.cameraPosition[2]} {x1} {y1} {x2} {y2} />
      {/each}

-      <HTML transform={false}>
+      <HTML>
        <div
-          role="tree"
          id="graph"
-          tabindex="0"
          class="wrapper"
          style:transform={`scale(${graphState.cameraPosition[2] * 0.1})`}
          class:hovering-sockets={graphState.activeSocket}
--- a/app/src/lib/graph-interface/node/NodeParameter.svelte
+++ b/app/src/lib/graph-interface/node/NodeParameter.svelte
@@ -73,14 +73,8 @@
  {#key id && graphId}
    <div class="content" class:disabled={graph?.inputSockets?.has(socketId)}>
      {#if inputType.label !== ""}
-        <label for={elementId} title={input.description}
-          >{input.label || id}</label
-        >
+        <label for={elementId}>{input.label || id}</label>
      {/if}
-      <span
-        class="absolute i-[tabler--help-circle] size-4 block top-2 right-2 opacity-30"
-        title={JSON.stringify(input, null, 2)}
-      ></span>
      {#if inputType.external !== true}
        <NodeInputEl {graph} {elementId} bind:node {input} {id} />
      {/if}
@@ -187,6 +181,9 @@
  .content.disabled {
    opacity: 0.2;
  }
+  .content.disabled > * {
+    pointer-events: none;
+  }

  .disabled svg path {
    d: var(--hover-path-disabled) !important;
--- a/app/src/lib/grid/Cell.svelte
+++ b/app/src/lib/grid/Cell.svelte
@@ -1,16 +1,12 @@
 <script lang="ts">
-  import { getContext, type Snippet } from "svelte";
+  import { getContext } from "svelte";

-  let index = $state(-1);
+  let index = -1;
  let wrapper: HTMLDivElement;

-  const { children } = $props<{ children?: Snippet }>();
-
-  $effect(() => {
-    if (index === -1) {
-      index = getContext<() => number>("registerCell")();
-    }
-  });
+  $: if (index === -1) {
+    index = getContext<() => number>("registerCell")();
+  }

  const sizes = getContext<{ value: string[] }>("sizes");

@@ -35,8 +31,8 @@
 </script>

 <svelte:window
-  onmouseup={() => (mouseDown = false)}
-  onmousemove={handleMouseMove}
+  on:mouseup={() => (mouseDown = false)}
+  on:mousemove={handleMouseMove}
 />

 {#if index > 0}
@@ -44,12 +40,12 @@
    class="seperator"
    role="button"
    tabindex="0"
-    onmousedown={handleMouseDown}
+    on:mousedown={handleMouseDown}
  ></div>
 {/if}

 <div class="cell" bind:this={wrapper}>
-  {@render children?.()}
+  <slot />
 </div>

 <style>
--- a/app/src/lib/grid/Grid.svelte
+++ b/app/src/lib/grid/Grid.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-  import { setContext, type Snippet } from "svelte";
+  import { setContext } from "svelte";

-  const { children, id } = $props<{ children?: Snippet; id?: string }>();
+  export let id = "grid-0";

  setContext("grid-id", id);
 </script>

-{@render children({ id })}
+<slot {id} />
--- a/app/src/lib/performance/BarSplit.svelte
+++ b/app/src/lib/performance/BarSplit.svelte
@@ -14,10 +14,7 @@
 <div class="wrapper">
  <div class="bars">
    {#each values as value, i}
-      <div
-        class="bar bg-{colors[i]}-400"
-        style="width: {(value / total) * 100}%;"
-      >
+      <div class="bar bg-{colors[i]}" style="width: {(value / total) * 100}%;">
        {Math.round(value)}ms
      </div>
    {/each}
@@ -25,12 +22,10 @@

  <div class="labels mt-2">
    {#each values as _label, i}
-      <div class="text-{colors[i]}-400">{labels[i]}</div>
+      <div class="text-{colors[i]}">{labels[i]}</div>
    {/each}
  </div>
-  <span
-    class="bg-red-400 bg-green-400 bg-blue-400 text-red-400 text-green-400 text-blue-400"
-  ></span>
+  <span class="bg-red bg-green bg-blue text-red text-green text-blue"></span>
 </div>

 <style>
--- a/app/src/lib/runtime/runtime-executor.ts
+++ b/app/src/lib/runtime/runtime-executor.ts
@@ -64,7 +64,7 @@ export class MemoryRuntimeExecutor implements RuntimeExecutor {

  constructor(
    private registry: NodeRegistry,
-    public cache?: SyncCache<Int32Array>,
+    private cache?: SyncCache<Int32Array>,
  ) {
    this.cache = undefined;
  }
--- a/app/src/lib/runtime/worker-runtime-executor-backend.ts
+++ b/app/src/lib/runtime/worker-runtime-executor-backend.ts
@@ -13,22 +13,6 @@ const executor = new MemoryRuntimeExecutor(nodeRegistry, cache);
 const performanceStore = createPerformanceStore();
 executor.perf = performanceStore;

-export async function setUseRegistryCache(useCache: boolean) {
-  if (useCache) {
-    nodeRegistry.cache = indexDbCache;
-  } else {
-    nodeRegistry.cache = undefined;
-  }
-}
-
-export async function setUseRuntimeCache(useCache: boolean) {
-  if (useCache) {
-    executor.cache = cache;
-  } else {
-    executor.cache = undefined;
-  }
-}
-
 export async function executeGraph(
  graph: Graph,
  settings: Record<string, unknown>,
--- a/app/src/lib/runtime/worker-runtime-executor.ts
+++ b/app/src/lib/runtime/worker-runtime-executor.ts
@@ -11,11 +11,5 @@ export class WorkerRuntimeExecutor implements RuntimeExecutor {
  async getPerformanceData() {
    return this.worker.getPerformanceData();
  }
-  set useRuntimeCache(useCache: boolean) {
-    this.worker.setUseRuntimeCache(useCache);
-  }
-  set useRegistryCache(useCache: boolean) {
-    this.worker.setUseRegistryCache(useCache);
-  }
 }

--- a/app/src/lib/settings/NestedSettings.svelte
+++ b/app/src/lib/settings/NestedSettings.svelte
@@ -2,7 +2,7 @@
  import NestedSettings from "./NestedSettings.svelte";
  import { localState } from "$lib/helpers/localState.svelte";
  import type { NodeInput } from "@nodarium/types";
-  import Input from "@nodarium/ui";
+  import { Input } from "@nodarium/ui";

  type Button = { type: "button"; callback: () => void; label?: string };

--- a/app/src/lib/settings/app-settings.svelte.ts
+++ b/app/src/lib/settings/app-settings.svelte.ts
@@ -87,19 +87,6 @@ export const AppSettingTypes = {
      label: "Show Graph Source",
      value: false,
    },
-    cache: {
-      title: "Cache",
-      useRuntimeCache: {
-        type: "boolean",
-        label: "Node Results",
-        value: true,
-      },
-      useRegistryCache: {
-        type: "boolean",
-        label: "Node Source",
-        value: true,
-      },
-    },
    stressTest: {
      title: "Stress Test",
      amount: {
--- a/app/src/lib/sidebar/Panel.svelte
+++ b/app/src/lib/sidebar/Panel.svelte
@@ -1,46 +1,43 @@
 <script lang="ts">
-  import { getContext, type Snippet } from "svelte";
-  import type { PanelState } from "./PanelState.svelte";
+  import { getContext } from "svelte";
+  import type { Readable } from "svelte/store";

-  const {
-    id,
-    icon = "",
-    title = "",
-    classes = "",
-    hidden,
-    children,
-  } = $props<{
-    id: string;
-    icon?: string;
-    title?: string;
-    classes?: string;
-    hidden?: boolean;
-    children?: Snippet;
-  }>();
+  export let id: string;
+  export let icon: string = "";
+  export let title = "";
+  export let classes = "";
+  export let hidden: boolean | undefined = undefined;

-  const panelState = getContext<PanelState>("panel-state");
+  const setVisibility =
+    getContext<(id: string, visible: boolean) => void>("setVisibility");

-  const panel = panelState.registerPanel(id, icon, classes, hidden);
-  $effect(() => {
-    panel.hidden = hidden;
-  });
+  $: if (typeof hidden === "boolean") {
+    setVisibility(id, !hidden);
+  }
+
+  const registerPanel =
+    getContext<
+      (id: string, icon: string, classes: string) => Readable<boolean>
+    >("registerPanel");
+
+  let visible = registerPanel(id, icon, classes);
 </script>

-{#if panelState.activePanel.value === id}
+{#if $visible}
  <div class="wrapper" class:hidden>
    {#if title}
      <header>
        <h3>{title}</h3>
      </header>
    {/if}
-    {@render children?.()}
+    <slot />
  </div>
 {/if}

 <style>
  header {
    border-bottom: solid thin var(--outline);
-    height: 70px;
+    height: 69px;
    display: flex;
    align-items: center;
    padding-left: 1em;
--- a/app/src/lib/sidebar/PanelState.svelte.ts
+++ b/app/src/lib/sidebar/PanelState.svelte.ts
@@ -1,35 +0,0 @@
-import { localState } from "$lib/helpers/localState.svelte";
-
-type Panel = {
-  icon: string;
-  classes: string;
-  hidden?: boolean;
-}
-
-export class PanelState {
-
-  panels = $state<Record<string, Panel>>({});
-  activePanel = localState<string | boolean>("node.activePanel", "")
-
-  get keys() {
-    return Object.keys(this.panels);
-  }
-
-  public registerPanel(id: string, icon: string, classes: string, hidden: boolean): Panel {
-    const state = $state({
-      icon: icon,
-      classes: classes,
-      hidden: hidden,
-    });
-    this.panels[id] = state;
-    return state;
-  }
-
-  public toggleOpen() {
-    if (this.activePanel.value) {
-      this.activePanel.value = false;
-    } else {
-      this.activePanel.value = this.keys[0]
-    }
-  }
-}
--- a/app/src/lib/sidebar/Sidebar.svelte
+++ b/app/src/lib/sidebar/Sidebar.svelte
@@ -1,35 +1,77 @@
 <script lang="ts">
-  import { setContext, type Snippet } from "svelte";
-  import { PanelState } from "./PanelState.svelte";
+  import localStore from "$lib/helpers/localStore";
+  import { setContext } from "svelte";
+  import { derived } from "svelte/store";

-  const state = new PanelState();
-  setContext("panel-state", state);
+  let panels: Record<
+    string,
+    {
+      icon: string;
+      id: string;
+      classes: string;
+      visible?: boolean;
+    }
+  > = {};

-  const { children } = $props<{ children?: Snippet }>();
+  const activePanel = localStore<keyof typeof panels | false>(
+    "nodes.settings.activePanel",
+    false,
+  );
+
+  $: keys = panels
+    ? (Object.keys(panels) as unknown as (keyof typeof panels)[]).filter(
+        (key) => !!panels[key]?.id,
+      )
+    : [];
+
+  setContext("setVisibility", (id: string, visible: boolean) => {
+    panels[id].visible = visible;
+    panels = { ...panels };
+  });
+
+  setContext("registerPanel", (id: string, icon: string, classes: string) => {
+    panels[id] = { id, icon, classes };
+    return derived(activePanel, ($activePanel) => {
+      return $activePanel === id;
+    });
+  });
+
+  function setActivePanel(panel: keyof typeof panels | false) {
+    if (panel === $activePanel) {
+      $activePanel = false;
+    } else if (panel) {
+      $activePanel = panel;
+    } else {
+      $activePanel = false;
+    }
+  }
 </script>

-<div class="wrapper" class:visible={state.activePanel.value}>
+<div class="wrapper" class:visible={$activePanel}>
  <div class="tabs">
-    <button aria-label="Close" onclick={() => state.toggleOpen()}>
-      <span class="icon-[tabler--settings]"></span>
-      <span class="absolute i-[tabler--chevron-left] w-6 h-6 block"></span>
+    <button
+      aria-label="Close"
+      on:click={() => {
+        setActivePanel($activePanel ? false : keys[0]);
+      }}
+    >
+      <span class="absolute i-tabler-chevron-left w-6 h-6 block"></span>
    </button>
-    {#each state.keys as panelId (panelId)}
-      {#if !state.panels[panelId].hidden}
+    {#each keys as panel (panels[panel].id)}
+      {#if panels[panel].visible !== false}
        <button
-          aria-label={panelId}
-          class="tab {state.panels[panelId].classes}"
-          class:active={panelId === state.activePanel.value}
-          onclick={() => (state.activePanel.value = panelId)}
+          aria-label={panel}
+          class="tab {panels[panel].classes}"
+          class:active={panel === $activePanel}
+          on:click={() => setActivePanel(panel)}
        >
-          <span class={`block w-6 h-6 iconify ${state.panels[panelId].icon}`}
-          ></span>
+          <span class={`block w-6 h-6 ${panels[panel].icon}`}></span>
        </button>
      {/if}
    {/each}
  </div>
  <div class="content">
-    {@render children?.()}
+    <slot />
  </div>
 </div>

--- a/app/src/lib/sidebar/panels/ExportSettings.svelte
+++ b/app/src/lib/sidebar/panels/ExportSettings.svelte
@@ -15,7 +15,7 @@
    FileSaver.saveAs(blob, name + "." + extension);
  };

-  const { scene } = $props<{ scene: Group }>();
+  export let scene: Group;

  let gltfExporter: GLTFExporter;
  async function exportGltf() {
@@ -53,7 +53,7 @@
  }
 </script>

-<div class="p-4">
-  <button onclick={exportObj}> export obj </button>
-  <button onclick={exportGltf}> export gltf </button>
+<div class="p-2">
+  <button on:click={exportObj}> export obj </button>
+  <button on:click={exportGltf}> export gltf </button>
 </div>
--- a/app/src/lib/sidebar/panels/Keymap.svelte
+++ b/app/src/lib/sidebar/panels/Keymap.svelte
@@ -13,34 +13,32 @@
  let { keymaps }: Props = $props();
 </script>

-<div class="p-4">
-  <table class="wrapper">
-    <tbody>
-      {#each keymaps as keymap}
+<table class="wrapper">
+  <tbody>
+    {#each keymaps as keymap}
+      <tr>
+        <td colspan="2">
+          <h3>{keymap.title}</h3>
+        </td>
+      </tr>
+      {#each get(keymap.keymap?.keys) as key}
        <tr>
-          <td colspan="2">
-            <h3>{keymap.title}</h3>
-          </td>
+          {#if key.description}
+            <td class="command-wrapper">
+              <ShortCut
+                alt={key.alt}
+                ctrl={key.ctrl}
+                shift={key.shift}
+                key={key.key}
+              />
+            </td>
+            <td>{key.description}</td>
+          {/if}
        </tr>
-        {#each get(keymap.keymap?.keys) as key}
-          <tr>
-            {#if key.description}
-              <td class="command-wrapper">
-                <ShortCut
-                  alt={key.alt}
-                  ctrl={key.ctrl}
-                  shift={key.shift}
-                  key={key.key}
-                />
-              </td>
-              <td>{key.description}</td>
-            {/if}
-          </tr>
-        {/each}
      {/each}
-    </tbody>
-  </table>
-</div>
+    {/each}
+  </tbody>
+</table>

 <style>
  .wrapper {
--- a/app/src/routes/+layout.svelte
+++ b/app/src/routes/+layout.svelte
@@ -1,15 +1,7 @@
 <script lang="ts">
  import "@nodarium/ui/app.css";
-  import "../app.css";
-  import type { Snippet } from "svelte";
-  import * as config from "$lib/config";
-  const { children } = $props<{ children?: Snippet }>();
+  import "virtual:uno.css";
+  import "@unocss/reset/normalize.css";
 </script>

-{@render children?.()}
-
-<svelte:head>
-  {#if config.ANALYTIC_SCRIPT}
-    {@html config.ANALYTIC_SCRIPT}
-  {/if}
-</svelte:head>
+<slot />
--- a/app/src/routes/+page.svelte
+++ b/app/src/routes/+page.svelte
@@ -42,25 +42,6 @@
    appSettings.value.debug.useWorker ? workerRuntime : memoryRuntime,
  );

-  $effect(() => {
-    workerRuntime.useRegistryCache =
-      appSettings.value.debug.cache.useRuntimeCache;
-    workerRuntime.useRuntimeCache =
-      appSettings.value.debug.cache.useRegistryCache;
-
-    if (appSettings.value.debug.cache.useRegistryCache) {
-      nodeRegistry.cache = registryCache;
-    } else {
-      nodeRegistry.cache = undefined;
-    }
-
-    if (appSettings.value.debug.cache.useRuntimeCache) {
-      memoryRuntime.cache = runtimeCache;
-    } else {
-      memoryRuntime.cache = undefined;
-    }
-  });
-
  let activeNode = $state<NodeInstance | undefined>(undefined);
  let scene = $state<Group>(null!);

@@ -197,7 +178,7 @@
        onsave={(graph) => handleSave(graph)}
      />
      <Sidebar>
-        <Panel id="general" title="General" icon="i-[tabler--settings]">
+        <Panel id="general" title="General" icon="i-tabler-settings">
          <NestedSettings
            id="general"
            bind:value={appSettings.value}
@@ -207,7 +188,7 @@
        <Panel
          id="shortcuts"
          title="Keyboard Shortcuts"
-          icon="i-[tabler--keyboard]"
+          icon="i-tabler-keyboard"
        >
          <Keymap
            keymaps={[
@@ -216,21 +197,23 @@
            ]}
          />
        </Panel>
-        <Panel id="exports" title="Exporter" icon="i-[tabler--package-export]">
+        <Panel id="exports" title="Exporter" icon="i-tabler-package-export">
          <ExportSettings {scene} />
        </Panel>
        <Panel
          id="node-store"
+          classes="text-green-400"
          title="Node Store"
-          icon="i-[tabler--database] bg-green-400"
+          icon="i-tabler-database"
        >
          <NodeStore registry={nodeRegistry} />
        </Panel>
        <Panel
          id="performance"
          title="Performance"
+          classes="text-red-400"
          hidden={!appSettings.value.debug.showPerformancePanel}
-          icon="i-[tabler--brand-speedtest] bg-red-400"
+          icon="i-tabler-brand-speedtest"
        >
          {#if $performanceStore}
            <PerformanceViewer data={$performanceStore} />
@@ -240,22 +223,24 @@
          id="graph-source"
          title="Graph Source"
          hidden={!appSettings.value.debug.showGraphJson}
-          icon="i-[tabler--code]"
+          icon="i-tabler-code"
        >
-          <GraphSource graph={graph && manager.serialize()} />
+          <GraphSource {graph} />
        </Panel>
        <Panel
          id="benchmark"
          title="Benchmark"
+          classes="text-red-400"
          hidden={!appSettings.value.debug.showBenchmarkPanel}
-          icon="i-[tabler--graph] bg-red-400"
+          icon="i-tabler-graph"
        >
          <BenchmarkPanel run={randomGenerate} />
        </Panel>
        <Panel
          id="graph-settings"
          title="Graph Settings"
-          icon="i-[custom--graph] bg-blue-400"
+          classes="text-blue-400"
+          icon="i-custom-graph"
        >
          <NestedSettings
            id="graph-settings"
@@ -266,7 +251,8 @@
        <Panel
          id="active-node"
          title="Node Settings"
-          icon="i-[tabler--adjustments] bg-blue-400"
+          classes="text-blue-400"
+          icon="i-tabler-adjustments"
        >
          <ActiveNodeSettings {manager} bind:node={activeNode} />
        </Panel>
--- a/app/src/routes/dev/+page.svelte
+++ b/app/src/routes/dev/+page.svelte
@@ -12,12 +12,8 @@
        id="node-store"
        classes="text-green-400"
        title="Node Store"
-        icon="i-[tabler--database]"
-      >
-        <div class="p-4">
-          <input type="text" class="bg-red rounded-sm p-2" />
-        </div>
-      </Panel>
+        icon="i-tabler-database"
+      ></Panel>
    </Sidebar>
  </Grid.Cell>
 </Grid.Row>
--- a/app/src/routes/nodes/[user].json/+server.ts
+++ b/app/src/routes/nodes/[user].json/+server.ts
@@ -14,9 +14,6 @@ export const entries: EntryGenerator = async () => {


 export const GET: RequestHandler = async function GET({ params }) {
-
  const namespaces = await registry.getUser(params.user)
-
  return json(namespaces);
-
 }
--- a/app/src/routes/nodes/[user]/[collection].json/+server.ts
+++ b/app/src/routes/nodes/[user]/[collection].json/+server.ts
@@ -14,9 +14,6 @@ export const entries: EntryGenerator = async () => {
 }

 export const GET: RequestHandler = async function GET({ params }) {
-
  const namespaces = await registry.getCollection(`${params.user}/${params.collection}`);
-
  return json(namespaces);
-
 }
--- a/app/src/routes/nodes/[user]/[collection]/[node].json/+server.ts
+++ b/app/src/routes/nodes/[user]/[collection]/[node].json/+server.ts
@@ -5,7 +5,6 @@ import * as registry from "$lib/node-registry";

 export const prerender = true;

-
 export const entries: EntryGenerator = async () => {
  const users = await registry.getUsers();
  return users.map(user => {
@@ -18,9 +17,7 @@ export const entries: EntryGenerator = async () => {
 }

 export const GET: RequestHandler = async function GET({ params }) {
-
  const nodeId = `${params.user}/${params.collection}/${params.node}` as const;
-
  try {
    const node = await getNode(nodeId);
    return json(node);
--- a/app/src/routes/nodes/users.json/+server.ts
+++ b/app/src/routes/nodes/users.json/+server.ts
@@ -6,9 +6,6 @@ import * as registry from "$lib/node-registry";
 export const prerender = true;

 export const GET: RequestHandler = async function GET() {
-
  const users = await registry.getUsers();
-
  return json(users);
-
 }
--- a/app/uno.config.ts
+++ b/app/uno.config.ts
@@ -0,0 +1,18 @@
+// uno.config.ts
+import { defineConfig } from 'unocss'
+import presetIcons from '@unocss/preset-icons'
+import fs from 'node:fs'
+
+const icons = Object.fromEntries(fs.readdirSync('./src/lib/icons')
+  .map(name => [name.replace(".svg", ""), fs.readFileSync(`./src/lib/icons/${name}`, 'utf-8')]))
+
+
+export default defineConfig({
+  presets: [
+    presetIcons({
+      collections: {
+        custom: icons
+      }
+    }),
+  ]
+})
--- a/app/vite.config.ts
+++ b/app/vite.config.ts
@@ -1,14 +1,14 @@
 import { sveltekit } from '@sveltejs/kit/vite';
+import UnoCSS from 'unocss/vite';
 import { defineConfig } from 'vite';
-import tailwindcss from '@tailwindcss/vite'
 import comlink from 'vite-plugin-comlink';
 import glsl from "vite-plugin-glsl";
 import wasm from "vite-plugin-wasm";

 export default defineConfig({
  plugins: [
-    tailwindcss(),
    comlink(),
+    UnoCSS(),
    sveltekit(),
    glsl(),
    wasm()
--- a/docs/DEVELOPING_NODES.md
+++ b/docs/DEVELOPING_NODES.md
@@ -4,7 +4,7 @@ This guide will help you developing your first Nodarium Node written in Rust. As

 ## Prerequesites

-You need to have [Rust](https://www.rust-lang.org/tools/install) and [wasm-pack](https://rustwasm.github.io/docs/wasm-pack/) installed. Rust is the language we are going to develop our node in and wasm-pack helps us compile our rust code into a webassembly file.
+You need to have [Rust](https://www.rust-lang.org/tools/install) and [wasm-pack](https://rustwasm.github.io/wasm-pack/book/) installed. Rust is the language we are going to develop our node in and wasm-pack helps us compile our rust code into a webassembly file.

 ```bash
 # install rust
@@ -26,7 +26,6 @@ Now we create the definition file of the node.
 Here we define what kind of inputs our node will expect and what kind of output it produces. If you want to dive deeper into this topic, have a look at [NODE_DEFINITION.md](./NODE_DEFINITION.md).

 `src/definition.json`
-
 ```json 
 {
  "id": "my-name/my-namespace/zylinder-node",
@@ -36,7 +35,7 @@ Here we define what kind of inputs our node will expect and what kind of output
  "inputs": {
    "height": {
      "type": "float",
-      "value": 2
+      "value": 2,
    },
    "radius": {
      "type": "float",
@@ -45,7 +44,6 @@ Here we define what kind of inputs our node will expect and what kind of output
  }
 }
 ```
-
 If we take a look at the `src/lib.rs` file we see that `src/definition.json` is included with the following line:

 ```rust
--- a/flake.lock
+++ b/flake.lock
@@ -1,27 +0,0 @@
-{
-  "nodes": {
-    "nixpkgs": {
-      "locked": {
-        "lastModified": 1768564909,
-        "narHash": "sha256-Kell/SpJYVkHWMvnhqJz/8DqQg2b6PguxVWOuadbHCc=",
-        "owner": "nixos",
-        "repo": "nixpkgs",
-        "rev": "e4bae1bd10c9c57b2cf517953ab70060a828ee6f",
-        "type": "github"
-      },
-      "original": {
-        "owner": "nixos",
-        "ref": "nixos-unstable",
-        "repo": "nixpkgs",
-        "type": "github"
-      }
-    },
-    "root": {
-      "inputs": {
-        "nixpkgs": "nixpkgs"
-      }
-    }
-  },
-  "root": "root",
-  "version": 7
-}
--- a/flake.nix
+++ b/flake.nix
@@ -1,41 +0,0 @@
-{
-  inputs = {
-    nixpkgs.url = "github:nixos/nixpkgs/nixos-unstable";
-  };
-
-  outputs = {nixpkgs, ...}: let
-    systems = ["aarch64-darwin" "x86_64-linux"];
-    eachSystem = function:
-      nixpkgs.lib.genAttrs systems (system:
-        function {
-          inherit system;
-          pkgs = nixpkgs.legacyPackages.${system};
-        });
-  in {
-    devShells = eachSystem ({pkgs, ...}: {
-      default = pkgs.mkShellNoCC {
-        packages = [
-          # general deps
-          pkgs.nodejs_24
-          pkgs.pnpm_10
-
-          # wasm/rust stuff
-          pkgs.rustc
-          pkgs.cargo
-          pkgs.rust-analyzer
-          pkgs.rustfmt
-          pkgs.wasm-bindgen-cli
-          pkgs.wasm-pack
-          pkgs.lld
-
-          # frontend
-          pkgs.vscode-langservers-extracted
-          pkgs.typescript-language-server
-          pkgs.prettier
-          pkgs.tailwindcss-language-server
-          pkgs.svelte-language-server
-        ];
-      };
-    });
-  };
-}
--- a/package.json
+++ b/package.json
@@ -4,10 +4,9 @@
    "build:story": "pnpm -r --filter 'ui' story:build",
    "build:app": "BASE_PATH=/ui pnpm -r --filter 'ui' build && pnpm -r --filter 'app' build",
    "build:nodes": "pnpm -r --filter './nodes/**' build",
-    "build:deploy": "pnpm build",
-    "dev:all": "pnpm -r dev",
    "dev:nodes": "pnpm -r --parallel  --filter './nodes/**' dev",
-    "dev": "pnpm -r --filter 'app' --filter './packages/ui' dev"
+    "build:deploy": "pnpm build",
+    "dev": "pnpm -r --filter 'app' --filter './packages/node-registry' dev"
  },
  "packageManager": "pnpm@10.24.0"
 }
--- a/packages/registry/src/node-registry-client.ts
+++ b/packages/registry/src/node-registry-client.ts
@@ -16,7 +16,7 @@ export class RemoteNodeRegistry implements NodeRegistry {

  constructor(
    private url: string,
-    public cache?: AsyncCache<ArrayBuffer | string>,
+    private cache?: AsyncCache<ArrayBuffer | string>,
  ) { }

  async fetchJson(url: string, skipCache = false) {
--- a/packages/store-client/package.json
+++ b/packages/store-client/package.json
@@ -10,6 +10,7 @@
  "keywords": [],
  "author": "",
  "license": "ISC",
+  "dependencies": {},
  "devDependencies": {
    "@hey-api/openapi-ts": "^0.90.4"
  }
--- a/packages/store-client/src/client/client.gen.ts
+++ b/packages/store-client/src/client/client.gen.ts
@@ -1,16 +0,0 @@
-// This file is auto-generated by @hey-api/openapi-ts
-
-import { type ClientOptions, type Config, createClient, createConfig } from './client';
-import type { ClientOptions as ClientOptions2 } from './types.gen';
-
-/**
- * The `createClientConfig()` function will be called on client initialization
- * and the returned object will become the client's initial configuration.
- *
- * You may want to initialize your client this way instead of calling
- * `setConfig()`. This is useful for example if you're using Next.js
- * to ensure your client always has the correct values.
- */
-export type CreateClientConfig<T extends ClientOptions = ClientOptions2> = (override?: Config<ClientOptions & T>) => Config<Required<ClientOptions> & T>;
-
-export const client = createClient(createConfig<ClientOptions2>());
--- a/packages/store-client/src/client/client/client.gen.ts
+++ b/packages/store-client/src/client/client/client.gen.ts
@@ -1,311 +0,0 @@
-// This file is auto-generated by @hey-api/openapi-ts
-
-import { createSseClient } from '../core/serverSentEvents.gen';
-import type { HttpMethod } from '../core/types.gen';
-import { getValidRequestBody } from '../core/utils.gen';
-import type {
-  Client,
-  Config,
-  RequestOptions,
-  ResolvedRequestOptions,
-} from './types.gen';
-import {
-  buildUrl,
-  createConfig,
-  createInterceptors,
-  getParseAs,
-  mergeConfigs,
-  mergeHeaders,
-  setAuthParams,
-} from './utils.gen';
-
-type ReqInit = Omit<RequestInit, 'body' | 'headers'> & {
-  body?: any;
-  headers: ReturnType<typeof mergeHeaders>;
-};
-
-export const createClient = (config: Config = {}): Client => {
-  let _config = mergeConfigs(createConfig(), config);
-
-  const getConfig = (): Config => ({ ..._config });
-
-  const setConfig = (config: Config): Config => {
-    _config = mergeConfigs(_config, config);
-    return getConfig();
-  };
-
-  const interceptors = createInterceptors<
-    Request,
-    Response,
-    unknown,
-    ResolvedRequestOptions
-  >();
-
-  const beforeRequest = async (options: RequestOptions) => {
-    const opts = {
-      ..._config,
-      ...options,
-      fetch: options.fetch ?? _config.fetch ?? globalThis.fetch,
-      headers: mergeHeaders(_config.headers, options.headers),
-      serializedBody: undefined,
-    };
-
-    if (opts.security) {
-      await setAuthParams({
-        ...opts,
-        security: opts.security,
-      });
-    }
-
-    if (opts.requestValidator) {
-      await opts.requestValidator(opts);
-    }
-
-    if (opts.body !== undefined && opts.bodySerializer) {
-      opts.serializedBody = opts.bodySerializer(opts.body);
-    }
-
-    // remove Content-Type header if body is empty to avoid sending invalid requests
-    if (opts.body === undefined || opts.serializedBody === '') {
-      opts.headers.delete('Content-Type');
-    }
-
-    const url = buildUrl(opts);
-
-    return { opts, url };
-  };
-
-  const request: Client['request'] = async (options) => {
-    // @ts-expect-error
-    const { opts, url } = await beforeRequest(options);
-    const requestInit: ReqInit = {
-      redirect: 'follow',
-      ...opts,
-      body: getValidRequestBody(opts),
-    };
-
-    let request = new Request(url, requestInit);
-
-    for (const fn of interceptors.request.fns) {
-      if (fn) {
-        request = await fn(request, opts);
-      }
-    }
-
-    // fetch must be assigned here, otherwise it would throw the error:
-    // TypeError: Failed to execute 'fetch' on 'Window': Illegal invocation
-    const _fetch = opts.fetch!;
-    let response: Response;
-
-    try {
-      response = await _fetch(request);
-    } catch (error) {
-      // Handle fetch exceptions (AbortError, network errors, etc.)
-      let finalError = error;
-
-      for (const fn of interceptors.error.fns) {
-        if (fn) {
-          finalError = (await fn(
-            error,
-            undefined as any,
-            request,
-            opts,
-          )) as unknown;
-        }
-      }
-
-      finalError = finalError || ({} as unknown);
-
-      if (opts.throwOnError) {
-        throw finalError;
-      }
-
-      // Return error response
-      return opts.responseStyle === 'data'
-        ? undefined
-        : {
-            error: finalError,
-            request,
-            response: undefined as any,
-          };
-    }
-
-    for (const fn of interceptors.response.fns) {
-      if (fn) {
-        response = await fn(response, request, opts);
-      }
-    }
-
-    const result = {
-      request,
-      response,
-    };
-
-    if (response.ok) {
-      const parseAs =
-        (opts.parseAs === 'auto'
-          ? getParseAs(response.headers.get('Content-Type'))
-          : opts.parseAs) ?? 'json';
-
-      if (
-        response.status === 204 ||
-        response.headers.get('Content-Length') === '0'
-      ) {
-        let emptyData: any;
-        switch (parseAs) {
-          case 'arrayBuffer':
-          case 'blob':
-          case 'text':
-            emptyData = await response[parseAs]();
-            break;
-          case 'formData':
-            emptyData = new FormData();
-            break;
-          case 'stream':
-            emptyData = response.body;
-            break;
-          case 'json':
-          default:
-            emptyData = {};
-            break;
-        }
-        return opts.responseStyle === 'data'
-          ? emptyData
-          : {
-              data: emptyData,
-              ...result,
-            };
-      }
-
-      let data: any;
-      switch (parseAs) {
-        case 'arrayBuffer':
-        case 'blob':
-        case 'formData':
-        case 'text':
-          data = await response[parseAs]();
-          break;
-        case 'json': {
-          // Some servers return 200 with no Content-Length and empty body.
-          // response.json() would throw; read as text and parse if non-empty.
-          const text = await response.text();
-          data = text ? JSON.parse(text) : {};
-          break;
-        }
-        case 'stream':
-          return opts.responseStyle === 'data'
-            ? response.body
-            : {
-                data: response.body,
-                ...result,
-              };
-      }
-
-      if (parseAs === 'json') {
-        if (opts.responseValidator) {
-          await opts.responseValidator(data);
-        }
-
-        if (opts.responseTransformer) {
-          data = await opts.responseTransformer(data);
-        }
-      }
-
-      return opts.responseStyle === 'data'
-        ? data
-        : {
-            data,
-            ...result,
-          };
-    }
-
-    const textError = await response.text();
-    let jsonError: unknown;
-
-    try {
-      jsonError = JSON.parse(textError);
-    } catch {
-      // noop
-    }
-
-    const error = jsonError ?? textError;
-    let finalError = error;
-
-    for (const fn of interceptors.error.fns) {
-      if (fn) {
-        finalError = (await fn(error, response, request, opts)) as string;
-      }
-    }
-
-    finalError = finalError || ({} as string);
-
-    if (opts.throwOnError) {
-      throw finalError;
-    }
-
-    // TODO: we probably want to return error and improve types
-    return opts.responseStyle === 'data'
-      ? undefined
-      : {
-          error: finalError,
-          ...result,
-        };
-  };
-
-  const makeMethodFn =
-    (method: Uppercase<HttpMethod>) => (options: RequestOptions) =>
-      request({ ...options, method });
-
-  const makeSseFn =
-    (method: Uppercase<HttpMethod>) => async (options: RequestOptions) => {
-      const { opts, url } = await beforeRequest(options);
-      return createSseClient({
-        ...opts,
-        body: opts.body as BodyInit | null | undefined,
-        headers: opts.headers as unknown as Record<string, string>,
-        method,
-        onRequest: async (url, init) => {
-          let request = new Request(url, init);
-          for (const fn of interceptors.request.fns) {
-            if (fn) {
-              request = await fn(request, opts);
-            }
-          }
-          return request;
-        },
-        serializedBody: getValidRequestBody(opts) as
-          | BodyInit
-          | null
-          | undefined,
-        url,
-      });
-    };
-
-  return {
-    buildUrl,
-    connect: makeMethodFn('CONNECT'),
-    delete: makeMethodFn('DELETE'),
-    get: makeMethodFn('GET'),
-    getConfig,
-    head: makeMethodFn('HEAD'),
-    interceptors,
-    options: makeMethodFn('OPTIONS'),
-    patch: makeMethodFn('PATCH'),
-    post: makeMethodFn('POST'),
-    put: makeMethodFn('PUT'),
-    request,
-    setConfig,
-    sse: {
-      connect: makeSseFn('CONNECT'),
-      delete: makeSseFn('DELETE'),
-      get: makeSseFn('GET'),
-      head: makeSseFn('HEAD'),
-      options: makeSseFn('OPTIONS'),
-      patch: makeSseFn('PATCH'),
-      post: makeSseFn('POST'),
-      put: makeSseFn('PUT'),
-      trace: makeSseFn('TRACE'),
-    },
-    trace: makeMethodFn('TRACE'),
-  } as Client;
-};
--- a/packages/store-client/src/client/client/index.ts
+++ b/packages/store-client/src/client/client/index.ts
@@ -1,25 +0,0 @@
-// This file is auto-generated by @hey-api/openapi-ts
-
-export type { Auth } from '../core/auth.gen';
-export type { QuerySerializerOptions } from '../core/bodySerializer.gen';
-export {
-  formDataBodySerializer,
-  jsonBodySerializer,
-  urlSearchParamsBodySerializer,
-} from '../core/bodySerializer.gen';
-export { buildClientParams } from '../core/params.gen';
-export { serializeQueryKeyValue } from '../core/queryKeySerializer.gen';
-export { createClient } from './client.gen';
-export type {
-  Client,
-  ClientOptions,
-  Config,
-  CreateClientConfig,
-  Options,
-  RequestOptions,
-  RequestResult,
-  ResolvedRequestOptions,
-  ResponseStyle,
-  TDataShape,
-} from './types.gen';
-export { createConfig, mergeHeaders } from './utils.gen';
--- a/packages/store-client/src/client/client/types.gen.ts
+++ b/packages/store-client/src/client/client/types.gen.ts
@@ -1,241 +0,0 @@
-// This file is auto-generated by @hey-api/openapi-ts
-
-import type { Auth } from '../core/auth.gen';
-import type {
-  ServerSentEventsOptions,
-  ServerSentEventsResult,
-} from '../core/serverSentEvents.gen';
-import type {
-  Client as CoreClient,
-  Config as CoreConfig,
-} from '../core/types.gen';
-import type { Middleware } from './utils.gen';
-
-export type ResponseStyle = 'data' | 'fields';
-
-export interface Config<T extends ClientOptions = ClientOptions>
-  extends Omit<RequestInit, 'body' | 'headers' | 'method'>,
-    CoreConfig {
-  /**
-   * Base URL for all requests made by this client.
-   */
-  baseUrl?: T['baseUrl'];
-  /**
-   * Fetch API implementation. You can use this option to provide a custom
-   * fetch instance.
-   *
-   * @default globalThis.fetch
-   */
-  fetch?: typeof fetch;
-  /**
-   * Please don't use the Fetch client for Next.js applications. The `next`
-   * options won't have any effect.
-   *
-   * Install {@link https://www.npmjs.com/package/@hey-api/client-next `@hey-api/client-next`} instead.
-   */
-  next?: never;
-  /**
-   * Return the response data parsed in a specified format. By default, `auto`
-   * will infer the appropriate method from the `Content-Type` response header.
-   * You can override this behavior with any of the {@link Body} methods.
-   * Select `stream` if you don't want to parse response data at all.
-   *
-   * @default 'auto'
-   */
-  parseAs?:
-    | 'arrayBuffer'
-    | 'auto'
-    | 'blob'
-    | 'formData'
-    | 'json'
-    | 'stream'
-    | 'text';
-  /**
-   * Should we return only data or multiple fields (data, error, response, etc.)?
-   *
-   * @default 'fields'
-   */
-  responseStyle?: ResponseStyle;
-  /**
-   * Throw an error instead of returning it in the response?
-   *
-   * @default false
-   */
-  throwOnError?: T['throwOnError'];
-}
-
-export interface RequestOptions<
-  TData = unknown,
-  TResponseStyle extends ResponseStyle = 'fields',
-  ThrowOnError extends boolean = boolean,
-  Url extends string = string,
-> extends Config<{
-      responseStyle: TResponseStyle;
-      throwOnError: ThrowOnError;
-    }>,
-    Pick<
-      ServerSentEventsOptions<TData>,
-      | 'onSseError'
-      | 'onSseEvent'
-      | 'sseDefaultRetryDelay'
-      | 'sseMaxRetryAttempts'
-      | 'sseMaxRetryDelay'
-    > {
-  /**
-   * Any body that you want to add to your request.
-   *
-   * {@link https://developer.mozilla.org/docs/Web/API/fetch#body}
-   */
-  body?: unknown;
-  path?: Record<string, unknown>;
-  query?: Record<string, unknown>;
-  /**
-   * Security mechanism(s) to use for the request.
-   */
-  security?: ReadonlyArray<Auth>;
-  url: Url;
-}
-
-export interface ResolvedRequestOptions<
-  TResponseStyle extends ResponseStyle = 'fields',
-  ThrowOnError extends boolean = boolean,
-  Url extends string = string,
-> extends RequestOptions<unknown, TResponseStyle, ThrowOnError, Url> {
-  serializedBody?: string;
-}
-
-export type RequestResult<
-  TData = unknown,
-  TError = unknown,
-  ThrowOnError extends boolean = boolean,
-  TResponseStyle extends ResponseStyle = 'fields',
-> = ThrowOnError extends true
-  ? Promise<
-      TResponseStyle extends 'data'
-        ? TData extends Record<string, unknown>
-          ? TData[keyof TData]
-          : TData
-        : {
-            data: TData extends Record<string, unknown>
-              ? TData[keyof TData]
-              : TData;
-            request: Request;
-            response: Response;
-          }
-    >
-  : Promise<
-      TResponseStyle extends 'data'
-        ?
-            | (TData extends Record<string, unknown>
-                ? TData[keyof TData]
-                : TData)
-            | undefined
-        : (
-            | {
-                data: TData extends Record<string, unknown>
-                  ? TData[keyof TData]
-                  : TData;
-                error: undefined;
-              }
-            | {
-                data: undefined;
-                error: TError extends Record<string, unknown>
-                  ? TError[keyof TError]
-                  : TError;
-              }
-          ) & {
-            request: Request;
-            response: Response;
-          }
-    >;
-
-export interface ClientOptions {
-  baseUrl?: string;
-  responseStyle?: ResponseStyle;
-  throwOnError?: boolean;
-}
-
-type MethodFn = <
-  TData = unknown,
-  TError = unknown,
-  ThrowOnError extends boolean = false,
-  TResponseStyle extends ResponseStyle = 'fields',
->(
-  options: Omit<RequestOptions<TData, TResponseStyle, ThrowOnError>, 'method'>,
-) => RequestResult<TData, TError, ThrowOnError, TResponseStyle>;
-
-type SseFn = <
-  TData = unknown,
-  TError = unknown,
-  ThrowOnError extends boolean = false,
-  TResponseStyle extends ResponseStyle = 'fields',
->(
-  options: Omit<RequestOptions<TData, TResponseStyle, ThrowOnError>, 'method'>,
-) => Promise<ServerSentEventsResult<TData, TError>>;
-
-type RequestFn = <
-  TData = unknown,
-  TError = unknown,
-  ThrowOnError extends boolean = false,
-  TResponseStyle extends ResponseStyle = 'fields',
->(
-  options: Omit<RequestOptions<TData, TResponseStyle, ThrowOnError>, 'method'> &
-    Pick<
-      Required<RequestOptions<TData, TResponseStyle, ThrowOnError>>,
-      'method'
-    >,
-) => RequestResult<TData, TError, ThrowOnError, TResponseStyle>;
-
-type BuildUrlFn = <
-  TData extends {
-    body?: unknown;
-    path?: Record<string, unknown>;
-    query?: Record<string, unknown>;
-    url: string;
-  },
->(
-  options: TData & Options<TData>,
-) => string;
-
-export type Client = CoreClient<
-  RequestFn,
-  Config,
-  MethodFn,
-  BuildUrlFn,
-  SseFn
-> & {
-  interceptors: Middleware<Request, Response, unknown, ResolvedRequestOptions>;
-};
-
-/**
- * The `createClientConfig()` function will be called on client initialization
- * and the returned object will become the client's initial configuration.
- *
- * You may want to initialize your client this way instead of calling
- * `setConfig()`. This is useful for example if you're using Next.js
- * to ensure your client always has the correct values.
- */
-export type CreateClientConfig<T extends ClientOptions = ClientOptions> = (
-  override?: Config<ClientOptions & T>,
-) => Config<Required<ClientOptions> & T>;
-
-export interface TDataShape {
-  body?: unknown;
-  headers?: unknown;
-  path?: unknown;
-  query?: unknown;
-  url: string;
-}
-
-type OmitKeys<T, K> = Pick<T, Exclude<keyof T, K>>;
-
-export type Options<
-  TData extends TDataShape = TDataShape,
-  ThrowOnError extends boolean = boolean,
-  TResponse = unknown,
-  TResponseStyle extends ResponseStyle = 'fields',
-> = OmitKeys<
-  RequestOptions<TResponse, TResponseStyle, ThrowOnError>,
-  'body' | 'path' | 'query' | 'url'
-> &
-  ([TData] extends [never] ? unknown : Omit<TData, 'url'>);
--- a/packages/store-client/src/client/client/utils.gen.ts
+++ b/packages/store-client/src/client/client/utils.gen.ts
@@ -1,332 +0,0 @@
-// This file is auto-generated by @hey-api/openapi-ts
-
-import { getAuthToken } from '../core/auth.gen';
-import type { QuerySerializerOptions } from '../core/bodySerializer.gen';
-import { jsonBodySerializer } from '../core/bodySerializer.gen';
-import {
-  serializeArrayParam,
-  serializeObjectParam,
-  serializePrimitiveParam,
-} from '../core/pathSerializer.gen';
-import { getUrl } from '../core/utils.gen';
-import type { Client, ClientOptions, Config, RequestOptions } from './types.gen';
-
-export const createQuerySerializer = <T = unknown>({
-  parameters = {},
-  ...args
-}: QuerySerializerOptions = {}) => {
-  const querySerializer = (queryParams: T) => {
-    const search: string[] = [];
-    if (queryParams && typeof queryParams === 'object') {
-      for (const name in queryParams) {
-        const value = queryParams[name];
-
-        if (value === undefined || value === null) {
-          continue;
-        }
-
-        const options = parameters[name] || args;
-
-        if (Array.isArray(value)) {
-          const serializedArray = serializeArrayParam({
-            allowReserved: options.allowReserved,
-            explode: true,
-            name,
-            style: 'form',
-            value,
-            ...options.array,
-          });
-          if (serializedArray) search.push(serializedArray);
-        } else if (typeof value === 'object') {
-          const serializedObject = serializeObjectParam({
-            allowReserved: options.allowReserved,
-            explode: true,
-            name,
-            style: 'deepObject',
-            value: value as Record<string, unknown>,
-            ...options.object,
-          });
-          if (serializedObject) search.push(serializedObject);
-        } else {
-          const serializedPrimitive = serializePrimitiveParam({
-            allowReserved: options.allowReserved,
-            name,
-            value: value as string,
-          });
-          if (serializedPrimitive) search.push(serializedPrimitive);
-        }
-      }
-    }
-    return search.join('&');
-  };
-  return querySerializer;
-};
-
-/**
- * Infers parseAs value from provided Content-Type header.
- */
-export const getParseAs = (
-  contentType: string | null,
-): Exclude<Config['parseAs'], 'auto'> => {
-  if (!contentType) {
-    // If no Content-Type header is provided, the best we can do is return the raw response body,
-    // which is effectively the same as the 'stream' option.
-    return 'stream';
-  }
-
-  const cleanContent = contentType.split(';')[0]?.trim();
-
-  if (!cleanContent) {
-    return;
-  }
-
-  if (
-    cleanContent.startsWith('application/json') ||
-    cleanContent.endsWith('+json')
-  ) {
-    return 'json';
-  }
-
-  if (cleanContent === 'multipart/form-data') {
-    return 'formData';
-  }
-
-  if (
-    ['application/', 'audio/', 'image/', 'video/'].some((type) =>
-      cleanContent.startsWith(type),
-    )
-  ) {
-    return 'blob';
-  }
-
-  if (cleanContent.startsWith('text/')) {
-    return 'text';
-  }
-
-  return;
-};
-
-const checkForExistence = (
-  options: Pick<RequestOptions, 'auth' | 'query'> & {
-    headers: Headers;
-  },
-  name?: string,
-): boolean => {
-  if (!name) {
-    return false;
-  }
-  if (
-    options.headers.has(name) ||
-    options.query?.[name] ||
-    options.headers.get('Cookie')?.includes(`${name}=`)
-  ) {
-    return true;
-  }
-  return false;
-};
-
-export const setAuthParams = async ({
-  security,
-  ...options
-}: Pick<Required<RequestOptions>, 'security'> &
-  Pick<RequestOptions, 'auth' | 'query'> & {
-    headers: Headers;
-  }) => {
-  for (const auth of security) {
-    if (checkForExistence(options, auth.name)) {
-      continue;
-    }
-
-    const token = await getAuthToken(auth, options.auth);
-
-    if (!token) {
-      continue;
-    }
-
-    const name = auth.name ?? 'Authorization';
-
-    switch (auth.in) {
-      case 'query':
-        if (!options.query) {
-          options.query = {};
-        }
-        options.query[name] = token;
-        break;
-      case 'cookie':
-        options.headers.append('Cookie', `${name}=${token}`);
-        break;
-      case 'header':
-      default:
-        options.headers.set(name, token);
-        break;
-    }
-  }
-};
-
-export const buildUrl: Client['buildUrl'] = (options) =>
-  getUrl({
-    baseUrl: options.baseUrl as string,
-    path: options.path,
-    query: options.query,
-    querySerializer:
-      typeof options.querySerializer === 'function'
-        ? options.querySerializer
-        : createQuerySerializer(options.querySerializer),
-    url: options.url,
-  });
-
-export const mergeConfigs = (a: Config, b: Config): Config => {
-  const config = { ...a, ...b };
-  if (config.baseUrl?.endsWith('/')) {
-    config.baseUrl = config.baseUrl.substring(0, config.baseUrl.length - 1);
-  }
-  config.headers = mergeHeaders(a.headers, b.headers);
-  return config;
-};
-
-const headersEntries = (headers: Headers): Array<[string, string]> => {
-  const entries: Array<[string, string]> = [];
-  headers.forEach((value, key) => {
-    entries.push([key, value]);
-  });
-  return entries;
-};
-
-export const mergeHeaders = (
-  ...headers: Array<Required<Config>['headers'] | undefined>
-): Headers => {
-  const mergedHeaders = new Headers();
-  for (const header of headers) {
-    if (!header) {
-      continue;
-    }
-
-    const iterator =
-      header instanceof Headers
-        ? headersEntries(header)
-        : Object.entries(header);
-
-    for (const [key, value] of iterator) {
-      if (value === null) {
-        mergedHeaders.delete(key);
-      } else if (Array.isArray(value)) {
-        for (const v of value) {
-          mergedHeaders.append(key, v as string);
-        }
-      } else if (value !== undefined) {
-        // assume object headers are meant to be JSON stringified, i.e. their
-        // content value in OpenAPI specification is 'application/json'
-        mergedHeaders.set(
-          key,
-          typeof value === 'object' ? JSON.stringify(value) : (value as string),
-        );
-      }
-    }
-  }
-  return mergedHeaders;
-};
-
-type ErrInterceptor<Err, Res, Req, Options> = (
-  error: Err,
-  response: Res,
-  request: Req,
-  options: Options,
-) => Err | Promise<Err>;
-
-type ReqInterceptor<Req, Options> = (
-  request: Req,
-  options: Options,
-) => Req | Promise<Req>;
-
-type ResInterceptor<Res, Req, Options> = (
-  response: Res,
-  request: Req,
-  options: Options,
-) => Res | Promise<Res>;
-
-class Interceptors<Interceptor> {
-  fns: Array<Interceptor | null> = [];
-
-  clear(): void {
-    this.fns = [];
-  }
-
-  eject(id: number | Interceptor): void {
-    const index = this.getInterceptorIndex(id);
-    if (this.fns[index]) {
-      this.fns[index] = null;
-    }
-  }
-
-  exists(id: number | Interceptor): boolean {
-    const index = this.getInterceptorIndex(id);
-    return Boolean(this.fns[index]);
-  }
-
-  getInterceptorIndex(id: number | Interceptor): number {
-    if (typeof id === 'number') {
-      return this.fns[id] ? id : -1;
-    }
-    return this.fns.indexOf(id);
-  }
-
-  update(
-    id: number | Interceptor,
-    fn: Interceptor,
-  ): number | Interceptor | false {
-    const index = this.getInterceptorIndex(id);
-    if (this.fns[index]) {
-      this.fns[index] = fn;
-      return id;
-    }
-    return false;
-  }
-
-  use(fn: Interceptor): number {
-    this.fns.push(fn);
-    return this.fns.length - 1;
-  }
-}
-
-export interface Middleware<Req, Res, Err, Options> {
-  error: Interceptors<ErrInterceptor<Err, Res, Req, Options>>;
-  request: Interceptors<ReqInterceptor<Req, Options>>;
-  response: Interceptors<ResInterceptor<Res, Req, Options>>;
-}
-
-export const createInterceptors = <Req, Res, Err, Options>(): Middleware<
-  Req,
-  Res,
-  Err,
-  Options
-> => ({
-  error: new Interceptors<ErrInterceptor<Err, Res, Req, Options>>(),
-  request: new Interceptors<ReqInterceptor<Req, Options>>(),
-  response: new Interceptors<ResInterceptor<Res, Req, Options>>(),
-});
-
-const defaultQuerySerializer = createQuerySerializer({
-  allowReserved: false,
-  array: {
-    explode: true,
-    style: 'form',
-  },
-  object: {
-    explode: true,
-    style: 'deepObject',
-  },
-});
-
-const defaultHeaders = {
-  'Content-Type': 'application/json',
-};
-
-export const createConfig = <T extends ClientOptions = ClientOptions>(
-  override: Config<Omit<ClientOptions, keyof T> & T> = {},
-): Config<Omit<ClientOptions, keyof T> & T> => ({
-  ...jsonBodySerializer,
-  headers: defaultHeaders,
-  parseAs: 'auto',
-  querySerializer: defaultQuerySerializer,
-  ...override,
-});
--- a/packages/store-client/src/client/core/auth.gen.ts
+++ b/packages/store-client/src/client/core/auth.gen.ts
@@ -1,42 +0,0 @@
-// This file is auto-generated by @hey-api/openapi-ts
-
-export type AuthToken = string | undefined;
-
-export interface Auth {
-  /**
-   * Which part of the request do we use to send the auth?
-   *
-   * @default 'header'
-   */
-  in?: 'header' | 'query' | 'cookie';
-  /**
-   * Header or query parameter name.
-   *
-   * @default 'Authorization'
-   */
-  name?: string;
-  scheme?: 'basic' | 'bearer';
-  type: 'apiKey' | 'http';
-}
-
-export const getAuthToken = async (
-  auth: Auth,
-  callback: ((auth: Auth) => Promise<AuthToken> | AuthToken) | AuthToken,
-): Promise<string | undefined> => {
-  const token =
-    typeof callback === 'function' ? await callback(auth) : callback;
-
-  if (!token) {
-    return;
-  }
-
-  if (auth.scheme === 'bearer') {
-    return `Bearer ${token}`;
-  }
-
-  if (auth.scheme === 'basic') {
-    return `Basic ${btoa(token)}`;
-  }
-
-  return token;
-};
--- a/packages/store-client/src/client/core/bodySerializer.gen.ts
+++ b/packages/store-client/src/client/core/bodySerializer.gen.ts
@@ -1,100 +0,0 @@
-// This file is auto-generated by @hey-api/openapi-ts
-
-import type {
-  ArrayStyle,
-  ObjectStyle,
-  SerializerOptions,
-} from './pathSerializer.gen';
-
-export type QuerySerializer = (query: Record<string, unknown>) => string;
-
-export type BodySerializer = (body: any) => any;
-
-type QuerySerializerOptionsObject = {
-  allowReserved?: boolean;
-  array?: Partial<SerializerOptions<ArrayStyle>>;
-  object?: Partial<SerializerOptions<ObjectStyle>>;
-};
-
-export type QuerySerializerOptions = QuerySerializerOptionsObject & {
-  /**
-   * Per-parameter serialization overrides. When provided, these settings
-   * override the global array/object settings for specific parameter names.
-   */
-  parameters?: Record<string, QuerySerializerOptionsObject>;
-};
-
-const serializeFormDataPair = (
-  data: FormData,
-  key: string,
-  value: unknown,
-): void => {
-  if (typeof value === 'string' || value instanceof Blob) {
-    data.append(key, value);
-  } else if (value instanceof Date) {
-    data.append(key, value.toISOString());
-  } else {
-    data.append(key, JSON.stringify(value));
-  }
-};
-
-const serializeUrlSearchParamsPair = (
-  data: URLSearchParams,
-  key: string,
-  value: unknown,
-): void => {
-  if (typeof value === 'string') {
-    data.append(key, value);
-  } else {
-    data.append(key, JSON.stringify(value));
-  }
-};
-
-export const formDataBodySerializer = {
-  bodySerializer: <T extends Record<string, any> | Array<Record<string, any>>>(
-    body: T,
-  ): FormData => {
-    const data = new FormData();
-
-    Object.entries(body).forEach(([key, value]) => {
-      if (value === undefined || value === null) {
-        return;
-      }
-      if (Array.isArray(value)) {
-        value.forEach((v) => serializeFormDataPair(data, key, v));
-      } else {
-        serializeFormDataPair(data, key, value);
-      }
-    });
-
-    return data;
-  },
-};
-
-export const jsonBodySerializer = {
-  bodySerializer: <T>(body: T): string =>
-    JSON.stringify(body, (_key, value) =>
-      typeof value === 'bigint' ? value.toString() : value,
-    ),
-};
-
-export const urlSearchParamsBodySerializer = {
-  bodySerializer: <T extends Record<string, any> | Array<Record<string, any>>>(
-    body: T,
-  ): string => {
-    const data = new URLSearchParams();
-
-    Object.entries(body).forEach(([key, value]) => {
-      if (value === undefined || value === null) {
-        return;
-      }
-      if (Array.isArray(value)) {
-        value.forEach((v) => serializeUrlSearchParamsPair(data, key, v));
-      } else {
-        serializeUrlSearchParamsPair(data, key, value);
-      }
-    });
-
-    return data.toString();
-  },
-};
--- a/packages/store-client/src/client/core/params.gen.ts
+++ b/packages/store-client/src/client/core/params.gen.ts
@@ -1,176 +0,0 @@
-// This file is auto-generated by @hey-api/openapi-ts
-
-type Slot = 'body' | 'headers' | 'path' | 'query';
-
-export type Field =
-  | {
-      in: Exclude<Slot, 'body'>;
-      /**
-       * Field name. This is the name we want the user to see and use.
-       */
-      key: string;
-      /**
-       * Field mapped name. This is the name we want to use in the request.
-       * If omitted, we use the same value as `key`.
-       */
-      map?: string;
-    }
-  | {
-      in: Extract<Slot, 'body'>;
-      /**
-       * Key isn't required for bodies.
-       */
-      key?: string;
-      map?: string;
-    }
-  | {
-      /**
-       * Field name. This is the name we want the user to see and use.
-       */
-      key: string;
-      /**
-       * Field mapped name. This is the name we want to use in the request.
-       * If `in` is omitted, `map` aliases `key` to the transport layer.
-       */
-      map: Slot;
-    };
-
-export interface Fields {
-  allowExtra?: Partial<Record<Slot, boolean>>;
-  args?: ReadonlyArray<Field>;
-}
-
-export type FieldsConfig = ReadonlyArray<Field | Fields>;
-
-const extraPrefixesMap: Record<string, Slot> = {
-  $body_: 'body',
-  $headers_: 'headers',
-  $path_: 'path',
-  $query_: 'query',
-};
-const extraPrefixes = Object.entries(extraPrefixesMap);
-
-type KeyMap = Map<
-  string,
-  | {
-      in: Slot;
-      map?: string;
-    }
-  | {
-      in?: never;
-      map: Slot;
-    }
->;
-
-const buildKeyMap = (fields: FieldsConfig, map?: KeyMap): KeyMap => {
-  if (!map) {
-    map = new Map();
-  }
-
-  for (const config of fields) {
-    if ('in' in config) {
-      if (config.key) {
-        map.set(config.key, {
-          in: config.in,
-          map: config.map,
-        });
-      }
-    } else if ('key' in config) {
-      map.set(config.key, {
-        map: config.map,
-      });
-    } else if (config.args) {
-      buildKeyMap(config.args, map);
-    }
-  }
-
-  return map;
-};
-
-interface Params {
-  body: unknown;
-  headers: Record<string, unknown>;
-  path: Record<string, unknown>;
-  query: Record<string, unknown>;
-}
-
-const stripEmptySlots = (params: Params) => {
-  for (const [slot, value] of Object.entries(params)) {
-    if (value && typeof value === 'object' && !Object.keys(value).length) {
-      delete params[slot as Slot];
-    }
-  }
-};
-
-export const buildClientParams = (
-  args: ReadonlyArray<unknown>,
-  fields: FieldsConfig,
-) => {
-  const params: Params = {
-    body: {},
-    headers: {},
-    path: {},
-    query: {},
-  };
-
-  const map = buildKeyMap(fields);
-
-  let config: FieldsConfig[number] | undefined;
-
-  for (const [index, arg] of args.entries()) {
-    if (fields[index]) {
-      config = fields[index];
-    }
-
-    if (!config) {
-      continue;
-    }
-
-    if ('in' in config) {
-      if (config.key) {
-        const field = map.get(config.key)!;
-        const name = field.map || config.key;
-        if (field.in) {
-          (params[field.in] as Record<string, unknown>)[name] = arg;
-        }
-      } else {
-        params.body = arg;
-      }
-    } else {
-      for (const [key, value] of Object.entries(arg ?? {})) {
-        const field = map.get(key);
-
-        if (field) {
-          if (field.in) {
-            const name = field.map || key;
-            (params[field.in] as Record<string, unknown>)[name] = value;
-          } else {
-            params[field.map] = value;
-          }
-        } else {
-          const extra = extraPrefixes.find(([prefix]) =>
-            key.startsWith(prefix),
-          );
-
-          if (extra) {
-            const [prefix, slot] = extra;
-            (params[slot] as Record<string, unknown>)[
-              key.slice(prefix.length)
-            ] = value;
-          } else if ('allowExtra' in config && config.allowExtra) {
-            for (const [slot, allowed] of Object.entries(config.allowExtra)) {
-              if (allowed) {
-                (params[slot as Slot] as Record<string, unknown>)[key] = value;
-                break;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-
-  stripEmptySlots(params);
-
-  return params;
-};
--- a/packages/store-client/src/client/core/pathSerializer.gen.ts
+++ b/packages/store-client/src/client/core/pathSerializer.gen.ts
@@ -1,181 +0,0 @@
-// This file is auto-generated by @hey-api/openapi-ts
-
-interface SerializeOptions<T>
-  extends SerializePrimitiveOptions,
-    SerializerOptions<T> {}
-
-interface SerializePrimitiveOptions {
-  allowReserved?: boolean;
-  name: string;
-}
-
-export interface SerializerOptions<T> {
-  /**
-   * @default true
-   */
-  explode: boolean;
-  style: T;
-}
-
-export type ArrayStyle = 'form' | 'spaceDelimited' | 'pipeDelimited';
-export type ArraySeparatorStyle = ArrayStyle | MatrixStyle;
-type MatrixStyle = 'label' | 'matrix' | 'simple';
-export type ObjectStyle = 'form' | 'deepObject';
-type ObjectSeparatorStyle = ObjectStyle | MatrixStyle;
-
-interface SerializePrimitiveParam extends SerializePrimitiveOptions {
-  value: string;
-}
-
-export const separatorArrayExplode = (style: ArraySeparatorStyle) => {
-  switch (style) {
-    case 'label':
-      return '.';
-    case 'matrix':
-      return ';';
-    case 'simple':
-      return ',';
-    default:
-      return '&';
-  }
-};
-
-export const separatorArrayNoExplode = (style: ArraySeparatorStyle) => {
-  switch (style) {
-    case 'form':
-      return ',';
-    case 'pipeDelimited':
-      return '|';
-    case 'spaceDelimited':
-      return '%20';
-    default:
-      return ',';
-  }
-};
-
-export const separatorObjectExplode = (style: ObjectSeparatorStyle) => {
-  switch (style) {
-    case 'label':
-      return '.';
-    case 'matrix':
-      return ';';
-    case 'simple':
-      return ',';
-    default:
-      return '&';
-  }
-};
-
-export const serializeArrayParam = ({
-  allowReserved,
-  explode,
-  name,
-  style,
-  value,
-}: SerializeOptions<ArraySeparatorStyle> & {
-  value: unknown[];
-}) => {
-  if (!explode) {
-    const joinedValues = (
-      allowReserved ? value : value.map((v) => encodeURIComponent(v as string))
-    ).join(separatorArrayNoExplode(style));
-    switch (style) {
-      case 'label':
-        return `.${joinedValues}`;
-      case 'matrix':
-        return `;${name}=${joinedValues}`;
-      case 'simple':
-        return joinedValues;
-      default:
-        return `${name}=${joinedValues}`;
-    }
-  }
-
-  const separator = separatorArrayExplode(style);
-  const joinedValues = value
-    .map((v) => {
-      if (style === 'label' || style === 'simple') {
-        return allowReserved ? v : encodeURIComponent(v as string);
-      }
-
-      return serializePrimitiveParam({
-        allowReserved,
-        name,
-        value: v as string,
-      });
-    })
-    .join(separator);
-  return style === 'label' || style === 'matrix'
-    ? separator + joinedValues
-    : joinedValues;
-};
-
-export const serializePrimitiveParam = ({
-  allowReserved,
-  name,
-  value,
-}: SerializePrimitiveParam) => {
-  if (value === undefined || value === null) {
-    return '';
-  }
-
-  if (typeof value === 'object') {
-    throw new Error(
-      'Deeply-nested arrays/objects aren’t supported. Provide your own `querySerializer()` to handle these.',
-    );
-  }
-
-  return `${name}=${allowReserved ? value : encodeURIComponent(value)}`;
-};
-
-export const serializeObjectParam = ({
-  allowReserved,
-  explode,
-  name,
-  style,
-  value,
-  valueOnly,
-}: SerializeOptions<ObjectSeparatorStyle> & {
-  value: Record<string, unknown> | Date;
-  valueOnly?: boolean;
-}) => {
-  if (value instanceof Date) {
-    return valueOnly ? value.toISOString() : `${name}=${value.toISOString()}`;
-  }
-
-  if (style !== 'deepObject' && !explode) {
-    let values: string[] = [];
-    Object.entries(value).forEach(([key, v]) => {
-      values = [
-        ...values,
-        key,
-        allowReserved ? (v as string) : encodeURIComponent(v as string),
-      ];
-    });
-    const joinedValues = values.join(',');
-    switch (style) {
-      case 'form':
-        return `${name}=${joinedValues}`;
-      case 'label':
-        return `.${joinedValues}`;
-      case 'matrix':
-        return `;${name}=${joinedValues}`;
-      default:
-        return joinedValues;
-    }
-  }
-
-  const separator = separatorObjectExplode(style);
-  const joinedValues = Object.entries(value)
-    .map(([key, v]) =>
-      serializePrimitiveParam({
-        allowReserved,
-        name: style === 'deepObject' ? `${name}[${key}]` : key,
-        value: v as string,
-      }),
-    )
-    .join(separator);
-  return style === 'label' || style === 'matrix'
-    ? separator + joinedValues
-    : joinedValues;
-};
--- a/packages/store-client/src/client/core/queryKeySerializer.gen.ts
+++ b/packages/store-client/src/client/core/queryKeySerializer.gen.ts
@@ -1,136 +0,0 @@
-// This file is auto-generated by @hey-api/openapi-ts
-
-/**
- * JSON-friendly union that mirrors what Pinia Colada can hash.
- */
-export type JsonValue =
-  | null
-  | string
-  | number
-  | boolean
-  | JsonValue[]
-  | { [key: string]: JsonValue };
-
-/**
- * Replacer that converts non-JSON values (bigint, Date, etc.) to safe substitutes.
- */
-export const queryKeyJsonReplacer = (_key: string, value: unknown) => {
-  if (
-    value === undefined ||
-    typeof value === 'function' ||
-    typeof value === 'symbol'
-  ) {
-    return undefined;
-  }
-  if (typeof value === 'bigint') {
-    return value.toString();
-  }
-  if (value instanceof Date) {
-    return value.toISOString();
-  }
-  return value;
-};
-
-/**
- * Safely stringifies a value and parses it back into a JsonValue.
- */
-export const stringifyToJsonValue = (input: unknown): JsonValue | undefined => {
-  try {
-    const json = JSON.stringify(input, queryKeyJsonReplacer);
-    if (json === undefined) {
-      return undefined;
-    }
-    return JSON.parse(json) as JsonValue;
-  } catch {
-    return undefined;
-  }
-};
-
-/**
- * Detects plain objects (including objects with a null prototype).
- */
-const isPlainObject = (value: unknown): value is Record<string, unknown> => {
-  if (value === null || typeof value !== 'object') {
-    return false;
-  }
-  const prototype = Object.getPrototypeOf(value as object);
-  return prototype === Object.prototype || prototype === null;
-};
-
-/**
- * Turns URLSearchParams into a sorted JSON object for deterministic keys.
- */
-const serializeSearchParams = (params: URLSearchParams): JsonValue => {
-  const entries = Array.from(params.entries()).sort(([a], [b]) =>
-    a.localeCompare(b),
-  );
-  const result: Record<string, JsonValue> = {};
-
-  for (const [key, value] of entries) {
-    const existing = result[key];
-    if (existing === undefined) {
-      result[key] = value;
-      continue;
-    }
-
-    if (Array.isArray(existing)) {
-      (existing as string[]).push(value);
-    } else {
-      result[key] = [existing, value];
-    }
-  }
-
-  return result;
-};
-
-/**
- * Normalizes any accepted value into a JSON-friendly shape for query keys.
- */
-export const serializeQueryKeyValue = (
-  value: unknown,
-): JsonValue | undefined => {
-  if (value === null) {
-    return null;
-  }
-
-  if (
-    typeof value === 'string' ||
-    typeof value === 'number' ||
-    typeof value === 'boolean'
-  ) {
-    return value;
-  }
-
-  if (
-    value === undefined ||
-    typeof value === 'function' ||
-    typeof value === 'symbol'
-  ) {
-    return undefined;
-  }
-
-  if (typeof value === 'bigint') {
-    return value.toString();
-  }
-
-  if (value instanceof Date) {
-    return value.toISOString();
-  }
-
-  if (Array.isArray(value)) {
-    return stringifyToJsonValue(value);
-  }
-
-  if (
-    typeof URLSearchParams !== 'undefined' &&
-    value instanceof URLSearchParams
-  ) {
-    return serializeSearchParams(value);
-  }
-
-  if (isPlainObject(value)) {
-    return stringifyToJsonValue(value);
-  }
-
-  return undefined;
-};
--- a/packages/store-client/src/client/core/serverSentEvents.gen.ts
+++ b/packages/store-client/src/client/core/serverSentEvents.gen.ts
@@ -1,266 +0,0 @@
-// This file is auto-generated by @hey-api/openapi-ts
-
-import type { Config } from './types.gen';
-
-export type ServerSentEventsOptions<TData = unknown> = Omit<
-  RequestInit,
-  'method'
-> &
-  Pick<Config, 'method' | 'responseTransformer' | 'responseValidator'> & {
-    /**
-     * Fetch API implementation. You can use this option to provide a custom
-     * fetch instance.
-     *
-     * @default globalThis.fetch
-     */
-    fetch?: typeof fetch;
-    /**
-     * Implementing clients can call request interceptors inside this hook.
-     */
-    onRequest?: (url: string, init: RequestInit) => Promise<Request>;
-    /**
-     * Callback invoked when a network or parsing error occurs during streaming.
-     *
-     * This option applies only if the endpoint returns a stream of events.
-     *
-     * @param error The error that occurred.
-     */
-    onSseError?: (error: unknown) => void;
-    /**
-     * Callback invoked when an event is streamed from the server.
-     *
-     * This option applies only if the endpoint returns a stream of events.
-     *
-     * @param event Event streamed from the server.
-     * @returns Nothing (void).
-     */
-    onSseEvent?: (event: StreamEvent<TData>) => void;
-    serializedBody?: RequestInit['body'];
-    /**
-     * Default retry delay in milliseconds.
-     *
-     * This option applies only if the endpoint returns a stream of events.
-     *
-     * @default 3000
-     */
-    sseDefaultRetryDelay?: number;
-    /**
-     * Maximum number of retry attempts before giving up.
-     */
-    sseMaxRetryAttempts?: number;
-    /**
-     * Maximum retry delay in milliseconds.
-     *
-     * Applies only when exponential backoff is used.
-     *
-     * This option applies only if the endpoint returns a stream of events.
-     *
-     * @default 30000
-     */
-    sseMaxRetryDelay?: number;
-    /**
-     * Optional sleep function for retry backoff.
-     *
-     * Defaults to using `setTimeout`.
-     */
-    sseSleepFn?: (ms: number) => Promise<void>;
-    url: string;
-  };
-
-export interface StreamEvent<TData = unknown> {
-  data: TData;
-  event?: string;
-  id?: string;
-  retry?: number;
-}
-
-export type ServerSentEventsResult<
-  TData = unknown,
-  TReturn = void,
-  TNext = unknown,
-> = {
-  stream: AsyncGenerator<
-    TData extends Record<string, unknown> ? TData[keyof TData] : TData,
-    TReturn,
-    TNext
-  >;
-};
-
-export const createSseClient = <TData = unknown>({
-  onRequest,
-  onSseError,
-  onSseEvent,
-  responseTransformer,
-  responseValidator,
-  sseDefaultRetryDelay,
-  sseMaxRetryAttempts,
-  sseMaxRetryDelay,
-  sseSleepFn,
-  url,
-  ...options
-}: ServerSentEventsOptions): ServerSentEventsResult<TData> => {
-  let lastEventId: string | undefined;
-
-  const sleep =
-    sseSleepFn ??
-    ((ms: number) => new Promise((resolve) => setTimeout(resolve, ms)));
-
-  const createStream = async function* () {
-    let retryDelay: number = sseDefaultRetryDelay ?? 3000;
-    let attempt = 0;
-    const signal = options.signal ?? new AbortController().signal;
-
-    while (true) {
-      if (signal.aborted) break;
-
-      attempt++;
-
-      const headers =
-        options.headers instanceof Headers
-          ? options.headers
-          : new Headers(options.headers as Record<string, string> | undefined);
-
-      if (lastEventId !== undefined) {
-        headers.set('Last-Event-ID', lastEventId);
-      }
-
-      try {
-        const requestInit: RequestInit = {
-          redirect: 'follow',
-          ...options,
-          body: options.serializedBody,
-          headers,
-          signal,
-        };
-        let request = new Request(url, requestInit);
-        if (onRequest) {
-          request = await onRequest(url, requestInit);
-        }
-        // fetch must be assigned here, otherwise it would throw the error:
-        // TypeError: Failed to execute 'fetch' on 'Window': Illegal invocation
-        const _fetch = options.fetch ?? globalThis.fetch;
-        const response = await _fetch(request);
-
-        if (!response.ok)
-          throw new Error(
-            `SSE failed: ${response.status} ${response.statusText}`,
-          );
-
-        if (!response.body) throw new Error('No body in SSE response');
-
-        const reader = response.body
-          .pipeThrough(new TextDecoderStream())
-          .getReader();
-
-        let buffer = '';
-
-        const abortHandler = () => {
-          try {
-            reader.cancel();
-          } catch {
-            // noop
-          }
-        };
-
-        signal.addEventListener('abort', abortHandler);
-
-        try {
-          while (true) {
-            const { done, value } = await reader.read();
-            if (done) break;
-            buffer += value;
-            // Normalize line endings: CRLF -> LF, then CR -> LF
-            buffer = buffer.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
-
-            const chunks = buffer.split('\n\n');
-            buffer = chunks.pop() ?? '';
-
-            for (const chunk of chunks) {
-              const lines = chunk.split('\n');
-              const dataLines: Array<string> = [];
-              let eventName: string | undefined;
-
-              for (const line of lines) {
-                if (line.startsWith('data:')) {
-                  dataLines.push(line.replace(/^data:\s*/, ''));
-                } else if (line.startsWith('event:')) {
-                  eventName = line.replace(/^event:\s*/, '');
-                } else if (line.startsWith('id:')) {
-                  lastEventId = line.replace(/^id:\s*/, '');
-                } else if (line.startsWith('retry:')) {
-                  const parsed = Number.parseInt(
-                    line.replace(/^retry:\s*/, ''),
-                    10,
-                  );
-                  if (!Number.isNaN(parsed)) {
-                    retryDelay = parsed;
-                  }
-                }
-              }
-
-              let data: unknown;
-              let parsedJson = false;
-
-              if (dataLines.length) {
-                const rawData = dataLines.join('\n');
-                try {
-                  data = JSON.parse(rawData);
-                  parsedJson = true;
-                } catch {
-                  data = rawData;
-                }
-              }
-
-              if (parsedJson) {
-                if (responseValidator) {
-                  await responseValidator(data);
-                }
-
-                if (responseTransformer) {
-                  data = await responseTransformer(data);
-                }
-              }
-
-              onSseEvent?.({
-                data,
-                event: eventName,
-                id: lastEventId,
-                retry: retryDelay,
-              });
-
-              if (dataLines.length) {
-                yield data as any;
-              }
-            }
-          }
-        } finally {
-          signal.removeEventListener('abort', abortHandler);
-          reader.releaseLock();
-        }
-
-        break; // exit loop on normal completion
-      } catch (error) {
-        // connection failed or aborted; retry after delay
-        onSseError?.(error);
-
-        if (
-          sseMaxRetryAttempts !== undefined &&
-          attempt >= sseMaxRetryAttempts
-        ) {
-          break; // stop after firing error
-        }
-
-        // exponential backoff: double retry each attempt, cap at 30s
-        const backoff = Math.min(
-          retryDelay * 2 ** (attempt - 1),
-          sseMaxRetryDelay ?? 30000,
-        );
-        await sleep(backoff);
-      }
-    }
-  };
-
-  const stream = createStream();
-
-  return { stream };
-};
--- a/packages/store-client/src/client/core/types.gen.ts
+++ b/packages/store-client/src/client/core/types.gen.ts
@@ -1,118 +0,0 @@
-// This file is auto-generated by @hey-api/openapi-ts
-
-import type { Auth, AuthToken } from './auth.gen';
-import type {
-  BodySerializer,
-  QuerySerializer,
-  QuerySerializerOptions,
-} from './bodySerializer.gen';
-
-export type HttpMethod =
-  | 'connect'
-  | 'delete'
-  | 'get'
-  | 'head'
-  | 'options'
-  | 'patch'
-  | 'post'
-  | 'put'
-  | 'trace';
-
-export type Client<
-  RequestFn = never,
-  Config = unknown,
-  MethodFn = never,
-  BuildUrlFn = never,
-  SseFn = never,
-> = {
-  /**
-   * Returns the final request URL.
-   */
-  buildUrl: BuildUrlFn;
-  getConfig: () => Config;
-  request: RequestFn;
-  setConfig: (config: Config) => Config;
-} & {
-  [K in HttpMethod]: MethodFn;
-} & ([SseFn] extends [never]
-    ? { sse?: never }
-    : { sse: { [K in HttpMethod]: SseFn } });
-
-export interface Config {
-  /**
-   * Auth token or a function returning auth token. The resolved value will be
-   * added to the request payload as defined by its `security` array.
-   */
-  auth?: ((auth: Auth) => Promise<AuthToken> | AuthToken) | AuthToken;
-  /**
-   * A function for serializing request body parameter. By default,
-   * {@link JSON.stringify()} will be used.
-   */
-  bodySerializer?: BodySerializer | null;
-  /**
-   * An object containing any HTTP headers that you want to pre-populate your
-   * `Headers` object with.
-   *
-   * {@link https://developer.mozilla.org/docs/Web/API/Headers/Headers#init See more}
-   */
-  headers?:
-    | RequestInit['headers']
-    | Record<
-        string,
-        | string
-        | number
-        | boolean
-        | (string | number | boolean)[]
-        | null
-        | undefined
-        | unknown
-      >;
-  /**
-   * The request method.
-   *
-   * {@link https://developer.mozilla.org/docs/Web/API/fetch#method See more}
-   */
-  method?: Uppercase<HttpMethod>;
-  /**
-   * A function for serializing request query parameters. By default, arrays
-   * will be exploded in form style, objects will be exploded in deepObject
-   * style, and reserved characters are percent-encoded.
-   *
-   * This method will have no effect if the native `paramsSerializer()` Axios
-   * API function is used.
-   *
-   * {@link https://swagger.io/docs/specification/serialization/#query View examples}
-   */
-  querySerializer?: QuerySerializer | QuerySerializerOptions;
-  /**
-   * A function validating request data. This is useful if you want to ensure
-   * the request conforms to the desired shape, so it can be safely sent to
-   * the server.
-   */
-  requestValidator?: (data: unknown) => Promise<unknown>;
-  /**
-   * A function transforming response data before it's returned. This is useful
-   * for post-processing data, e.g. converting ISO strings into Date objects.
-   */
-  responseTransformer?: (data: unknown) => Promise<unknown>;
-  /**
-   * A function validating response data. This is useful if you want to ensure
-   * the response conforms to the desired shape, so it can be safely passed to
-   * the transformers and returned to the user.
-   */
-  responseValidator?: (data: unknown) => Promise<unknown>;
-}
-
-type IsExactlyNeverOrNeverUndefined<T> = [T] extends [never]
-  ? true
-  : [T] extends [never | undefined]
-    ? [undefined] extends [T]
-      ? false
-      : true
-    : false;
-
-export type OmitNever<T extends Record<string, unknown>> = {
-  [K in keyof T as IsExactlyNeverOrNeverUndefined<T[K]> extends true
-    ? never
-    : K]: T[K];
-};
--- a/packages/store-client/src/client/core/utils.gen.ts
+++ b/packages/store-client/src/client/core/utils.gen.ts
@@ -1,143 +0,0 @@
-// This file is auto-generated by @hey-api/openapi-ts
-
-import type { BodySerializer, QuerySerializer } from './bodySerializer.gen';
-import {
-  type ArraySeparatorStyle,
-  serializeArrayParam,
-  serializeObjectParam,
-  serializePrimitiveParam,
-} from './pathSerializer.gen';
-
-export interface PathSerializer {
-  path: Record<string, unknown>;
-  url: string;
-}
-
-export const PATH_PARAM_RE = /\{[^{}]+\}/g;
-
-export const defaultPathSerializer = ({ path, url: _url }: PathSerializer) => {
-  let url = _url;
-  const matches = _url.match(PATH_PARAM_RE);
-  if (matches) {
-    for (const match of matches) {
-      let explode = false;
-      let name = match.substring(1, match.length - 1);
-      let style: ArraySeparatorStyle = 'simple';
-
-      if (name.endsWith('*')) {
-        explode = true;
-        name = name.substring(0, name.length - 1);
-      }
-
-      if (name.startsWith('.')) {
-        name = name.substring(1);
-        style = 'label';
-      } else if (name.startsWith(';')) {
-        name = name.substring(1);
-        style = 'matrix';
-      }
-
-      const value = path[name];
-
-      if (value === undefined || value === null) {
-        continue;
-      }
-
-      if (Array.isArray(value)) {
-        url = url.replace(
-          match,
-          serializeArrayParam({ explode, name, style, value }),
-        );
-        continue;
-      }
-
-      if (typeof value === 'object') {
-        url = url.replace(
-          match,
-          serializeObjectParam({
-            explode,
-            name,
-            style,
-            value: value as Record<string, unknown>,
-            valueOnly: true,
-          }),
-        );
-        continue;
-      }
-
-      if (style === 'matrix') {
-        url = url.replace(
-          match,
-          `;${serializePrimitiveParam({
-            name,
-            value: value as string,
-          })}`,
-        );
-        continue;
-      }
-
-      const replaceValue = encodeURIComponent(
-        style === 'label' ? `.${value as string}` : (value as string),
-      );
-      url = url.replace(match, replaceValue);
-    }
-  }
-  return url;
-};
-
-export const getUrl = ({
-  baseUrl,
-  path,
-  query,
-  querySerializer,
-  url: _url,
-}: {
-  baseUrl?: string;
-  path?: Record<string, unknown>;
-  query?: Record<string, unknown>;
-  querySerializer: QuerySerializer;
-  url: string;
-}) => {
-  const pathUrl = _url.startsWith('/') ? _url : `/${_url}`;
-  let url = (baseUrl ?? '') + pathUrl;
-  if (path) {
-    url = defaultPathSerializer({ path, url });
-  }
-  let search = query ? querySerializer(query) : '';
-  if (search.startsWith('?')) {
-    search = search.substring(1);
-  }
-  if (search) {
-    url += `?${search}`;
-  }
-  return url;
-};
-
-export function getValidRequestBody(options: {
-  body?: unknown;
-  bodySerializer?: BodySerializer | null;
-  serializedBody?: unknown;
-}) {
-  const hasBody = options.body !== undefined;
-  const isSerializedBody = hasBody && options.bodySerializer;
-
-  if (isSerializedBody) {
-    if ('serializedBody' in options) {
-      const hasSerializedBody =
-        options.serializedBody !== undefined && options.serializedBody !== '';
-
-      return hasSerializedBody ? options.serializedBody : null;
-    }
-
-    // not all clients implement a serializedBody property (i.e. client-axios)
-    return options.body !== '' ? options.body : null;
-  }
-
-  // plain/text body
-  if (hasBody) {
-    return options.body;
-  }
-
-  // no body was provided
-  return undefined;
-}
--- a/packages/store-client/src/client/index.ts
+++ b/packages/store-client/src/client/index.ts
@@ -1,4 +1,3 @@
 // This file is auto-generated by @hey-api/openapi-ts
-
-export { getNodesByUserBySystemByNodeId_byVersionJson, getNodesByUserBySystemByNodeId_byVersionWasm, getNodesByUserBySystemByNodeIdJson, getNodesByUserBySystemByNodeIdVersionsJson, getNodesByUserBySystemByNodeIdWasm, getNodesByUserBySystemJson, getNodesByUserJson, getUsersByUserIdJson, getUsersUsersJson, type Options, postNodes } from './sdk.gen';
-export type { ClientOptions, GetNodesByUserBySystemByNodeId_byVersionJsonData, GetNodesByUserBySystemByNodeId_byVersionJsonResponse, GetNodesByUserBySystemByNodeId_byVersionJsonResponses, GetNodesByUserBySystemByNodeId_byVersionWasmData, GetNodesByUserBySystemByNodeId_byVersionWasmResponses, GetNodesByUserBySystemByNodeIdJsonData, GetNodesByUserBySystemByNodeIdJsonResponse, GetNodesByUserBySystemByNodeIdJsonResponses, GetNodesByUserBySystemByNodeIdVersionsJsonData, GetNodesByUserBySystemByNodeIdVersionsJsonResponse, GetNodesByUserBySystemByNodeIdVersionsJsonResponses, GetNodesByUserBySystemByNodeIdWasmData, GetNodesByUserBySystemByNodeIdWasmResponses, GetNodesByUserBySystemJsonData, GetNodesByUserBySystemJsonResponse, GetNodesByUserBySystemJsonResponses, GetNodesByUserJsonData, GetNodesByUserJsonResponse, GetNodesByUserJsonResponses, GetUsersByUserIdJsonData, GetUsersByUserIdJsonResponse, GetUsersByUserIdJsonResponses, GetUsersUsersJsonData, GetUsersUsersJsonResponse, GetUsersUsersJsonResponses, NodeDefinition, NodeInput, PostNodesData, PostNodesResponse, PostNodesResponses, User } from './types.gen';
+export * from './sdk.gen';
+export * from './types.gen';
--- a/packages/store-client/src/client/sdk.gen.ts
+++ b/packages/store-client/src/client/sdk.gen.ts
@@ -1,39 +1,55 @@
 // This file is auto-generated by @hey-api/openapi-ts

-import type { Client, Options as Options2, TDataShape } from './client';
-import { client } from './client.gen';
-import type { GetNodesByUserBySystemByNodeId_byVersionJsonData, GetNodesByUserBySystemByNodeId_byVersionJsonResponses, GetNodesByUserBySystemByNodeId_byVersionWasmData, GetNodesByUserBySystemByNodeId_byVersionWasmResponses, GetNodesByUserBySystemByNodeIdJsonData, GetNodesByUserBySystemByNodeIdJsonResponses, GetNodesByUserBySystemByNodeIdVersionsJsonData, GetNodesByUserBySystemByNodeIdVersionsJsonResponses, GetNodesByUserBySystemByNodeIdWasmData, GetNodesByUserBySystemByNodeIdWasmResponses, GetNodesByUserBySystemJsonData, GetNodesByUserBySystemJsonResponses, GetNodesByUserJsonData, GetNodesByUserJsonResponses, GetUsersByUserIdJsonData, GetUsersByUserIdJsonResponses, GetUsersUsersJsonData, GetUsersUsersJsonResponses, PostNodesData, PostNodesResponses } from './types.gen';
+import { createClient, createConfig, type OptionsLegacyParser } from '@hey-api/client-fetch';
+import type { GetV1NodesByUserJsonData, GetV1NodesByUserJsonError, GetV1NodesByUserJsonResponse, GetV1NodesByUserBySystemJsonData, GetV1NodesByUserBySystemJsonError, GetV1NodesByUserBySystemJsonResponse, GetV1NodesByUserBySystemByNodeIdby-.+jsonData, GetV1NodesByUserBySystemByNodeIdby-.+jsonError, GetV1NodesByUserBySystemByNodeIdby-.+jsonResponse, GetV1NodesByUserBySystemByNodeIdby-.+WasmData, GetV1NodesByUserBySystemByNodeIdby-.+WasmError, GetV1NodesByUserBySystemByNodeIdby-.+WasmResponse, PostV1NodesError, PostV1NodesResponse, GetV1UsersUsersJsonError, GetV1UsersUsersJsonResponse, GetV1UsersByUserIdJsonData, GetV1UsersByUserIdJsonError, GetV1UsersByUserIdJsonResponse } from './types.gen';

-export type Options<TData extends TDataShape = TDataShape, ThrowOnError extends boolean = boolean> = Options2<TData, ThrowOnError> & {
-    /**
-     * You can provide a client instance returned by `createClient()` instead of
-     * individual options. This might be also useful if you want to implement a
-     * custom client.
-     */
-    client?: Client;
-    /**
-     * You can pass arbitrary values through the `meta` object. This can be
-     * used to access values that aren't defined as part of the SDK function.
-     */
-    meta?: Record<string, unknown>;
+export const client = createClient(createConfig());
+
+export const getV1NodesByUserJson = <ThrowOnError extends boolean = false>(options: OptionsLegacyParser<GetV1NodesByUserJsonData, ThrowOnError>) => {
+    return (options?.client ?? client).get<GetV1NodesByUserJsonResponse, GetV1NodesByUserJsonError, ThrowOnError>({
+        ...options,
+        url: '/v1/nodes/{user}.json'
+    });
 };

-export const postNodes = <ThrowOnError extends boolean = false>(options?: Options<PostNodesData, ThrowOnError>) => (options?.client ?? client).post<PostNodesResponses, unknown, ThrowOnError>({ url: '/nodes', ...options });
+export const getV1NodesByUserBySystemJson = <ThrowOnError extends boolean = false>(options: OptionsLegacyParser<GetV1NodesByUserBySystemJsonData, ThrowOnError>) => {
+    return (options?.client ?? client).get<GetV1NodesByUserBySystemJsonResponse, GetV1NodesByUserBySystemJsonError, ThrowOnError>({
+        ...options,
+        url: '/v1/nodes/{user}/{system}.json'
+    });
+};

-export const getNodesByUserJson = <ThrowOnError extends boolean = false>(options?: Options<GetNodesByUserJsonData, ThrowOnError>) => (options?.client ?? client).get<GetNodesByUserJsonResponses, unknown, ThrowOnError>({ url: '/nodes/{user}.json', ...options });
+export const getV1NodesByUserBySystemByNodeIdby-.+Json = <ThrowOnError extends boolean = false>(options: OptionsLegacyParser<GetV1NodesByUserBySystemByNodeIdby-.+jsonData, ThrowOnError>) => {
+    return (options?.client ?? client).get<GetV1NodesByUserBySystemByNodeIdby-.+jsonResponse, GetV1NodesByUserBySystemByNodeIdby-.+jsonError, ThrowOnError>({
+        ...options,
+        url: '/v1/nodes/{user}/{system}/{nodeId}{.+\\.json}'
+    });
+};

-export const getNodesByUserBySystemJson = <ThrowOnError extends boolean = false>(options: Options<GetNodesByUserBySystemJsonData, ThrowOnError>) => (options.client ?? client).get<GetNodesByUserBySystemJsonResponses, unknown, ThrowOnError>({ url: '/nodes/{user}/{system}.json', ...options });
+export const getV1NodesByUserBySystemByNodeIdby-.+Wasm = <ThrowOnError extends boolean = false>(options: OptionsLegacyParser<GetV1NodesByUserBySystemByNodeIdby-.+WasmData, ThrowOnError>) => {
+    return (options?.client ?? client).get<GetV1NodesByUserBySystemByNodeIdby-.+WasmResponse, GetV1NodesByUserBySystemByNodeIdby-.+WasmError, ThrowOnError>({
+        ...options,
+        url: '/v1/nodes/{user}/{system}/{nodeId}{.+\\.wasm}'
+    });
+};

-export const getNodesByUserBySystemByNodeIdJson = <ThrowOnError extends boolean = false>(options: Options<GetNodesByUserBySystemByNodeIdJsonData, ThrowOnError>) => (options.client ?? client).get<GetNodesByUserBySystemByNodeIdJsonResponses, unknown, ThrowOnError>({ url: '/nodes/{user}/{system}/{nodeId}.json', ...options });
+export const postV1Nodes = <ThrowOnError extends boolean = false>(options?: OptionsLegacyParser<unknown, ThrowOnError>) => {
+    return (options?.client ?? client).post<PostV1NodesResponse, PostV1NodesError, ThrowOnError>({
+        ...options,
+        url: '/v1/nodes'
+    });
+};

-export const getNodesByUserBySystemByNodeId_byVersionJson = <ThrowOnError extends boolean = false>(options: Options<GetNodesByUserBySystemByNodeId_byVersionJsonData, ThrowOnError>) => (options.client ?? client).get<GetNodesByUserBySystemByNodeId_byVersionJsonResponses, unknown, ThrowOnError>({ url: '/nodes/{user}/{system}/{nodeId}@{version}.json', ...options });
+export const getV1UsersUsersJson = <ThrowOnError extends boolean = false>(options?: OptionsLegacyParser<unknown, ThrowOnError>) => {
+    return (options?.client ?? client).get<GetV1UsersUsersJsonResponse, GetV1UsersUsersJsonError, ThrowOnError>({
+        ...options,
+        url: '/v1/users/users.json'
+    });
+};

-export const getNodesByUserBySystemByNodeIdVersionsJson = <ThrowOnError extends boolean = false>(options: Options<GetNodesByUserBySystemByNodeIdVersionsJsonData, ThrowOnError>) => (options.client ?? client).get<GetNodesByUserBySystemByNodeIdVersionsJsonResponses, unknown, ThrowOnError>({ url: '/nodes/{user}/{system}/{nodeId}/versions.json', ...options });
-
-export const getNodesByUserBySystemByNodeIdWasm = <ThrowOnError extends boolean = false>(options: Options<GetNodesByUserBySystemByNodeIdWasmData, ThrowOnError>) => (options.client ?? client).get<GetNodesByUserBySystemByNodeIdWasmResponses, unknown, ThrowOnError>({ url: '/nodes/{user}/{system}/{nodeId}.wasm', ...options });
-
-export const getNodesByUserBySystemByNodeId_byVersionWasm = <ThrowOnError extends boolean = false>(options: Options<GetNodesByUserBySystemByNodeId_byVersionWasmData, ThrowOnError>) => (options.client ?? client).get<GetNodesByUserBySystemByNodeId_byVersionWasmResponses, unknown, ThrowOnError>({ url: '/nodes/{user}/{system}/{nodeId}@{version}.wasm', ...options });
-
-export const getUsersUsersJson = <ThrowOnError extends boolean = false>(options?: Options<GetUsersUsersJsonData, ThrowOnError>) => (options?.client ?? client).get<GetUsersUsersJsonResponses, unknown, ThrowOnError>({ url: '/users/users.json', ...options });
-
-export const getUsersByUserIdJson = <ThrowOnError extends boolean = false>(options?: Options<GetUsersByUserIdJsonData, ThrowOnError>) => (options?.client ?? client).get<GetUsersByUserIdJsonResponses, unknown, ThrowOnError>({ url: '/users/{userId}.json', ...options });
+export const getV1UsersByUserIdJson = <ThrowOnError extends boolean = false>(options?: OptionsLegacyParser<GetV1UsersByUserIdJsonData, ThrowOnError>) => {
+    return (options?.client ?? client).get<GetV1UsersByUserIdJsonResponse, GetV1UsersByUserIdJsonError, ThrowOnError>({
+        ...options,
+        url: '/v1/users/{userId}.json'
+    });
+};
--- a/packages/store-client/src/client/types.gen.ts
+++ b/packages/store-client/src/client/types.gen.ts
@@ -1,7 +1,15 @@
 // This file is auto-generated by @hey-api/openapi-ts

-export type ClientOptions = {
-    baseUrl: `${string}://${string}` | (string & {});
+export type NodeDefinition = {
+    id: string;
+    inputs?: {
+        [key: string]: NodeInput;
+    };
+    outputs?: Array<(string)>;
+    meta?: {
+        description?: string;
+        title?: string;
+    };
 };

 export type NodeInput = {
@@ -10,7 +18,7 @@ export type NodeInput = {
    setting?: string;
    label?: string;
    description?: string;
-    accepts?: Array<string>;
+    accepts?: Array<(string)>;
    hidden?: boolean;
    type: 'seed';
    value?: number;
@@ -20,7 +28,7 @@ export type NodeInput = {
    setting?: string;
    label?: string;
    description?: string;
-    accepts?: Array<string>;
+    accepts?: Array<(string)>;
    hidden?: boolean;
    type: 'boolean';
    value?: boolean;
@@ -30,7 +38,7 @@ export type NodeInput = {
    setting?: string;
    label?: string;
    description?: string;
-    accepts?: Array<string>;
+    accepts?: Array<(string)>;
    hidden?: boolean;
    type: 'float';
    element?: 'slider';
@@ -44,7 +52,7 @@ export type NodeInput = {
    setting?: string;
    label?: string;
    description?: string;
-    accepts?: Array<string>;
+    accepts?: Array<(string)>;
    hidden?: boolean;
    type: 'integer';
    element?: 'slider';
@@ -57,10 +65,10 @@ export type NodeInput = {
    setting?: string;
    label?: string;
    description?: string;
-    accepts?: Array<string>;
+    accepts?: Array<(string)>;
    hidden?: boolean;
    type: 'select';
-    options?: Array<string>;
+    options?: Array<(string)>;
    value?: number;
 } | {
    internal?: boolean;
@@ -68,27 +76,17 @@ export type NodeInput = {
    setting?: string;
    label?: string;
    description?: string;
-    accepts?: Array<string>;
-    hidden?: boolean;
-    type: 'seed';
-    value?: number;
-} | {
-    internal?: boolean;
-    external?: boolean;
-    setting?: string;
-    label?: string;
-    description?: string;
-    accepts?: Array<string>;
+    accepts?: Array<(string)>;
    hidden?: boolean;
    type: 'vec3';
-    value?: Array<number>;
+    value?: Array<(number)>;
 } | {
    internal?: boolean;
    external?: boolean;
    setting?: string;
    label?: string;
    description?: string;
-    accepts?: Array<string>;
+    accepts?: Array<(string)>;
    hidden?: boolean;
    type: 'geometry';
 } | {
@@ -97,209 +95,79 @@ export type NodeInput = {
    setting?: string;
    label?: string;
    description?: string;
-    accepts?: Array<string>;
+    accepts?: Array<(string)>;
    hidden?: boolean;
    type: 'path';
 };

-export type NodeDefinition = {
-    id: string;
-    inputs?: {
-        [key: string]: NodeInput;
-    };
-    outputs?: Array<string>;
-    meta?: {
-        description?: string;
-        title?: string;
-    };
-};
+export type type = 'seed';
+
+export type element = 'slider';

 export type User = {
    id: string;
    name: string;
 };

-export type PostNodesData = {
-    body?: never;
-    path?: never;
-    query?: never;
-    url: '/nodes';
-};
-
-export type PostNodesResponses = {
-    /**
-     * Create a single node
-     */
-    200: NodeDefinition;
-};
-
-export type PostNodesResponse = PostNodesResponses[keyof PostNodesResponses];
-
-export type GetNodesByUserJsonData = {
-    body?: never;
-    path?: {
-        user?: string;
-    };
-    query?: never;
-    url: '/nodes/{user}.json';
-};
-
-export type GetNodesByUserJsonResponses = {
-    /**
-     * Retrieve nodes for a user
-     */
-    200: Array<NodeDefinition>;
-};
-
-export type GetNodesByUserJsonResponse = GetNodesByUserJsonResponses[keyof GetNodesByUserJsonResponses];
-
-export type GetNodesByUserBySystemJsonData = {
-    body?: never;
+export type GetV1NodesByUserJsonData = {
    path: {
        user: string;
+    };
+};
+
+export type GetV1NodesByUserJsonResponse = (Array<NodeDefinition>);
+
+export type GetV1NodesByUserJsonError = unknown;
+
+export type GetV1NodesByUserBySystemJsonData = {
+    path: {
        system?: string;
-    };
-    query?: never;
-    url: '/nodes/{user}/{system}.json';
-};
-
-export type GetNodesByUserBySystemJsonResponses = {
-    /**
-     * Retrieve nodes for a system
-     */
-    200: Array<NodeDefinition>;
-};
-
-export type GetNodesByUserBySystemJsonResponse = GetNodesByUserBySystemJsonResponses[keyof GetNodesByUserBySystemJsonResponses];
-
-export type GetNodesByUserBySystemByNodeIdJsonData = {
-    body?: never;
-    path: {
        user: string;
-        system: string;
-        nodeId?: string;
    };
-    query?: never;
-    url: '/nodes/{user}/{system}/{nodeId}.json';
 };

-export type GetNodesByUserBySystemByNodeIdJsonResponses = {
-    /**
-     * Retrieve a single node definition
-     */
-    200: NodeDefinition;
-};
+export type GetV1NodesByUserBySystemJsonResponse = (Array<NodeDefinition>);

-export type GetNodesByUserBySystemByNodeIdJsonResponse = GetNodesByUserBySystemByNodeIdJsonResponses[keyof GetNodesByUserBySystemByNodeIdJsonResponses];
+export type GetV1NodesByUserBySystemJsonError = unknown;

-export type GetNodesByUserBySystemByNodeId_byVersionJsonData = {
-    body?: never;
+export type GetV1NodesByUserBySystemByNodeIdby-.+jsonData = {
    path: {
-        user: string;
-        system: string;
        nodeId: string;
-        version?: string;
-    };
-    query?: never;
-    url: '/nodes/{user}/{system}/{nodeId}@{version}.json';
-};
-
-export type GetNodesByUserBySystemByNodeId_byVersionJsonResponses = {
-    /**
-     * Retrieve a single node definition
-     */
-    200: NodeDefinition;
-};
-
-export type GetNodesByUserBySystemByNodeId_byVersionJsonResponse = GetNodesByUserBySystemByNodeId_byVersionJsonResponses[keyof GetNodesByUserBySystemByNodeId_byVersionJsonResponses];
-
-export type GetNodesByUserBySystemByNodeIdVersionsJsonData = {
-    body?: never;
-    path: {
-        user: string;
        system: string;
+        user: string;
+    };
+};
+
+export type GetV1NodesByUserBySystemByNodeIdby-.+jsonResponse = (NodeDefinition);
+
+export type GetV1NodesByUserBySystemByNodeIdby-.+jsonError = unknown;
+
+export type GetV1NodesByUserBySystemByNodeIdby-.+WasmData = {
+    path: {
        nodeId: string;
-    };
-    query?: never;
-    url: '/nodes/{user}/{system}/{nodeId}/versions.json';
-};
-
-export type GetNodesByUserBySystemByNodeIdVersionsJsonResponses = {
-    /**
-     * Retrieve a single node definition
-     */
-    200: Array<NodeDefinition>;
-};
-
-export type GetNodesByUserBySystemByNodeIdVersionsJsonResponse = GetNodesByUserBySystemByNodeIdVersionsJsonResponses[keyof GetNodesByUserBySystemByNodeIdVersionsJsonResponses];
-
-export type GetNodesByUserBySystemByNodeIdWasmData = {
-    body?: never;
-    path: {
-        user: string;
        system: string;
-        nodeId?: string;
-    };
-    query?: never;
-    url: '/nodes/{user}/{system}/{nodeId}.wasm';
-};
-
-export type GetNodesByUserBySystemByNodeIdWasmResponses = {
-    /**
-     * Retrieve a node's WASM file
-     */
-    200: unknown;
-};
-
-export type GetNodesByUserBySystemByNodeId_byVersionWasmData = {
-    body?: never;
-    path: {
        user: string;
-        system: string;
-        nodeId: string;
-        version?: string;
    };
-    query?: never;
-    url: '/nodes/{user}/{system}/{nodeId}@{version}.wasm';
 };

-export type GetNodesByUserBySystemByNodeId_byVersionWasmResponses = {
-    /**
-     * Retrieve a node's WASM file
-     */
-    200: unknown;
-};
+export type GetV1NodesByUserBySystemByNodeIdby-.+WasmResponse = (unknown);

-export type GetUsersUsersJsonData = {
-    body?: never;
-    path?: never;
-    query?: never;
-    url: '/users/users.json';
-};
+export type GetV1NodesByUserBySystemByNodeIdby-.+WasmError = unknown;

-export type GetUsersUsersJsonResponses = {
-    /**
-     * Retrieve a single node definition
-     */
-    200: Array<User>;
-};
+export type PostV1NodesResponse = (NodeDefinition);

-export type GetUsersUsersJsonResponse = GetUsersUsersJsonResponses[keyof GetUsersUsersJsonResponses];
+export type PostV1NodesError = unknown;

-export type GetUsersByUserIdJsonData = {
-    body?: never;
+export type GetV1UsersUsersJsonResponse = (Array<User>);
+
+export type GetV1UsersUsersJsonError = unknown;
+
+export type GetV1UsersByUserIdJsonData = {
    path?: {
        userId?: string;
    };
-    query?: never;
-    url: '/users/{userId}.json';
 };

-export type GetUsersByUserIdJsonResponses = {
-    /**
-     * Retrieve a single node definition
-     */
-    200: User;
-};
+export type GetV1UsersByUserIdJsonResponse = (User);

-export type GetUsersByUserIdJsonResponse = GetUsersByUserIdJsonResponses[keyof GetUsersByUserIdJsonResponses];
+export type GetV1UsersByUserIdJsonError = unknown;
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -2,7 +2,7 @@
  "name": "@nodarium/ui",
  "version": "0.0.1",
  "scripts": {
-    "dev": "chokidar './src/**' --initial -c 'pnpm build'",
+    "dev": "vite dev",
    "build": "vite build && npm run package",
    "preview": "vite preview",
    "package": "svelte-kit sync && svelte-package && publint",
@@ -37,7 +37,6 @@
    "@types/three": "^0.182.0",
    "@typescript-eslint/eslint-plugin": "^8.53.0",
    "@typescript-eslint/parser": "^8.53.0",
-    "chokidar-cli": "^3.0.0",
    "eslint": "^9.39.2",
    "eslint-plugin-svelte": "^3.14.0",
    "publint": "^0.3.16",
--- a/packages/ui/src/lib/inputs/Checkbox.svelte
+++ b/packages/ui/src/lib/inputs/Checkbox.svelte
@@ -1,10 +1,9 @@
 <script lang="ts">
 	interface Props {
 		value: boolean;
-		id?: string;
 	}

-	let { value = $bindable(false), id }: Props = $props();
+	let { value = $bindable(false) }: Props = $props();

 	$effect(() => {
 		if (typeof value === 'string') {
@@ -24,7 +23,6 @@
 		type="checkbox"
 		bind:checked={value}
 		class="peer absolute h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]"
-		{id}
 	/>
 	<span
 		class="absolute opacity-0 peer-checked:opacity-100 transition-opacity duration-100 flex w-full h-full items-center justify-center"
--- a/packages/ui/src/lib/Details.svelte
+++ b/packages/ui/src/lib/Details.svelte
@@ -1,37 +1,41 @@
 <script lang="ts">
-  interface Props {
-    title?: string;
-    transparent?: boolean;
-    children?: import('svelte').Snippet;
-    open?: boolean;
-  }
+	interface Props {
+		title?: string;
+		transparent?: boolean;
+		children?: import('svelte').Snippet;
+		open?: boolean;
+	}

-  let { title = "Details", transparent = false, children, open = $bindable(false) }: Props = $props();
+	let {
+		title = 'Details',
+		transparent = false,
+		children,
+		open = $bindable(false)
+	}: Props = $props();
 </script>

 <details class:transparent bind:open>
-  <summary>{title}</summary>
-  <div class="content">
-    {@render children?.()}
-  </div>
+	<summary>{title}</summary>
+	<div class="content">
+		{@render children?.()}
+	</div>
 </details>

 <style>
-  details {
-    padding: 1em;
-    color: var(--text-color);
-    padding-left: 20px;
-    background-color: #202020;
-    outline: solid 0.1px white;
-    border-radius: 2px;
-    font-weight: 300;
-    font-size: 0.9em;
-  }
-
-  details.transparent {
-    background-color: transparent;
-    padding: 0;
-    outline: none;
-  }
+	details {
+		padding: 1em;
+		color: var(--text-color);
+		padding-left: 20px;
+		background-color: #202020;
+		outline: solid 0.1px white;
+		border-radius: 2px;
+		font-weight: 300;
+		font-size: 0.9em;
+	}

+	details.transparent {
+		background-color: transparent;
+		padding: 0;
+		outline: none;
+	}
 </style>
--- a/packages/ui/src/lib/inputs/Float.svelte
+++ b/packages/ui/src/lib/inputs/Float.svelte
@@ -4,15 +4,13 @@
 		step?: number;
 		min?: number;
 		max?: number;
-		id?: string;
 	}

 	let {
 		value = $bindable(0.5),
 		step = 0.01,
 		min = $bindable(0),
-		max = $bindable(1),
-		id
+		max = $bindable(1)
 	}: Props = $props();

 	if (min > max) {
@@ -112,7 +110,6 @@
 	<input
 		bind:value
 		bind:this={inputEl}
-		{id}
 		{step}
 		{max}
 		{min}
--- a/packages/ui/src/lib/Input.svelte
+++ b/packages/ui/src/lib/Input.svelte
@@ -1,20 +1,18 @@
 <script lang="ts">
-	import type { NodeInput } from '@nodarium/types';
+	import Checkbox from './Checkbox.svelte';
+	import Float from './Float.svelte';
+	import Integer from './Integer.svelte';
+	import Select from './Select.svelte';
+	import Vec3 from './Vec3.svelte';

-	import Checkbox from './inputs/Checkbox.svelte';
-	import Float from './inputs/Float.svelte';
-	import Integer from './inputs/Integer.svelte';
-	import Select from './inputs/Select.svelte';
-	import Vec3 from './inputs/Vec3.svelte';
-	// import Number from './inputs/Number.svelte';
+	import type { NodeInput } from '@nodarium/types';

 	interface Props {
 		input: NodeInput;
 		value: any;
-		id?: string;
 	}

-	let { input, value = $bindable(), id }: Props = $props();
+	let { input, value = $bindable() }: Props = $props();
 </script>

 {#if input.type === 'float'}
@@ -22,9 +20,9 @@
 {:else if input.type === 'integer'}
 	<Integer bind:value min={input?.min} max={input?.max} />
 {:else if input.type === 'boolean'}
-	<Checkbox bind:value {id} />
+	<Checkbox bind:value />
 {:else if input.type === 'select'}
-	<Select bind:value options={input.options} {id} />
+	<Select bind:value options={input.options} />
 {:else if input.type === 'vec3'}
-	<Vec3 bind:value {id} />
+	<Vec3 bind:value />
 {/if}
--- a/packages/ui/src/lib/inputs/Integer.svelte
+++ b/packages/ui/src/lib/inputs/Integer.svelte
@@ -1,48 +1,38 @@
 <script lang="ts">
 	interface Props {
-		value?: number;
-		step?: number;
 		min?: number | undefined;
 		max?: number | undefined;
-		id?: string;
-		change?: (arg: number) => void;
+		step?: number;
+		value?: number;
+		onchange?: (value: number) => void;
 	}

 	let {
-		value = $bindable(0),
+		min = undefined,
+		max = undefined,
 		step = 1,
-		min = $bindable(0),
-		max = $bindable(1),
-		id,
-		change
+		value = $bindable(0),
+		onchange
 	}: Props = $props();

-	if (min > max) {
-		[min, max] = [max, min];
-	}
-	if (value > max) {
-		max = value;
+	if (!value) {
+		value = 0;
 	}

-	function strip(input: number) {
-		return +parseFloat(input + '').toPrecision(2);
-	}
-
-	let inputEl = $state() as HTMLInputElement;
-	let wrapper = $state() as HTMLDivElement;
+	let inputEl = $state<HTMLInputElement>();
+	let wrapper = $state<HTMLDivElement>();

 	let prev = -1;
 	function update() {
 		if (prev === value) return;
 		prev = value;
-		change?.(value);
+		onchange?.(parseFloat(value + ''));
 	}

 	function handleChange(change: number) {
 		value = Math.max(min ?? -Infinity, Math.min(+value + change, max ?? Infinity));
 	}

-	let isMouseDown = $state(false);
 	let downX = 0;
 	let downV = 0;
 	let rect: DOMRect;
@@ -52,7 +42,7 @@

 		downV = value;
 		downX = ev.clientX;
-		rect = wrapper.getBoundingClientRect();
+		rect = wrapper?.getBoundingClientRect()!;

 		window.removeEventListener('mousemove', handleMouseMove);
 		window.addEventListener('mousemove', handleMouseMove);
@@ -62,9 +52,9 @@

 	function handleMouseUp() {
 		if (downV === value) {
-			inputEl.focus();
+			inputEl?.focus();
 		} else {
-			inputEl.blur();
+			inputEl?.blur();
 		}

 		document.body.style.cursor = 'unset';
@@ -72,13 +62,6 @@
 		window.removeEventListener('mousemove', handleMouseMove);
 	}

-	function handleKeyDown(ev: KeyboardEvent) {
-		if (ev.key === 'Escape' || ev.key === 'Enter') {
-			handleMouseUp();
-			inputEl?.blur();
-		}
-	}
-
 	function handleMouseMove(ev: MouseEvent) {
 		if (!ev.ctrlKey && typeof min === 'number' && typeof max === 'number') {
 			const vx = (ev.clientX - rect.left) / rect.width;
@@ -90,12 +73,8 @@
 	}

 	$effect(() => {
-		if ((value || 0).toString().length > 5) {
-			value = strip(value || 0);
-		}
 		value !== undefined && update();
 	});
-
 	let width = $derived(
 		Number.isFinite(value) ? Math.max((value?.toString().length ?? 1) * 8, 30) + 'px' : '20px'
 	);
@@ -104,11 +83,9 @@
 <div
 	class="component-wrapper"
 	bind:this={wrapper}
-	class:is-down={isMouseDown}
 	role="slider"
 	tabindex="0"
 	aria-valuenow={value}
-	onkeydown={handleKeyDown}
 	onmousedown={handleMouseDown}
 	onmouseup={handleMouseUp}
 >
@@ -120,7 +97,6 @@
 	<input
 		bind:value
 		bind:this={inputEl}
-		{id}
 		{step}
 		{max}
 		{min}
@@ -144,32 +120,21 @@
 		border-radius: var(--border-radius, 2px);
 	}

-	input[type='number']::-webkit-inner-spin-button,
-	input[type='number']::-webkit-outer-spin-button {
-		-webkit-appearance: none;
-	}
-
 	input[type='number'] {
 		-webkit-appearance: textfield;
 		-moz-appearance: textfield;
 		appearance: textfield;
 		cursor: pointer;
-		font-family: var(--font-family);
-		font-variant-numeric: tabular-nums;
-		color: var(--text-color);
-		background-color: transparent;
-		padding: var(--padding, 6px);
 		font-size: 1em;
-		padding-inline: 10px;
-		text-align: center;
-		border: none;
-		border-style: none;
+		font-family: var(--font-family);
+		padding-top: 8px;
 		flex: 1;
 		width: 72%;
 	}

-	.is-down > input {
-		cursor: ew-resize !important;
+	input[type='number']::-webkit-inner-spin-button,
+	input[type='number']::-webkit-outer-spin-button {
+		-webkit-appearance: none;
 	}

 	.overlay {
@@ -182,10 +147,6 @@
 		pointer-events: none;
 	}

-	.is-down > .overlay {
-		transition: none !important;
-	}
-
 	button {
 		background-color: transparent;
 		border: none;
--- a/packages/ui/src/lib/inputs/Select.svelte
+++ b/packages/ui/src/lib/inputs/Select.svelte
@@ -2,13 +2,12 @@
 	interface Props {
 		options?: string[];
 		value?: number;
-		id?: string;
 	}

-	let { options = [], value = $bindable(0), id = '' }: Props = $props();
+	let { options = [], value = $bindable(0) }: Props = $props();
 </script>

-<select {id} bind:value>
+<select bind:value>
 	{#each options as label, i}
 		<option value={i}>{label}</option>
 	{/each}
--- a/packages/ui/src/lib/inputs/Vec3.svelte
+++ b/packages/ui/src/lib/inputs/Vec3.svelte
@@ -3,16 +3,15 @@

 	interface Props {
 		value?: any;
-		id?: string;
 	}

-	let { value = $bindable([0, 0, 0]), id = '' }: Props = $props();
+	let { value = $bindable([0, 0, 0]) }: Props = $props();
 </script>

 <div>
-	<Float id={`${id}-x`} bind:value={value[0]} />
-	<Float id={`${id}-y`} bind:value={value[1]} />
-	<Float id={`${id}-z`} bind:value={value[2]} />
+	<Float bind:value={value[0]} />
+	<Float bind:value={value[1]} />
+	<Float bind:value={value[2]} />
 </div>

 <style>
--- a/packages/ui/src/lib/app.css
+++ b/packages/ui/src/lib/app.css
@@ -67,7 +67,6 @@ html {
 body {
  color: var(--text-color);
  background-color: var(--layer-0);
-  margin: 0;
 }

 body * {
@@ -140,6 +139,10 @@ html.theme-dracula {
  --connection: #6272A4;
 }

+body {
+  margin: 0;
+}
+
 button {
  background-color: var(--layer-2);
  border: 1px solid var(--outline);
--- a/packages/ui/src/lib/index.ts
+++ b/packages/ui/src/lib/index.ts
@@ -1,12 +1,8 @@
-export { default as Input } from "./Input.svelte"
-export { default as Float } from "./inputs/Float.svelte"
-export { default as Integer } from "./inputs/Integer.svelte"
-export { default as Select } from "./inputs/Select.svelte"
-export { default as Checkbox } from "./inputs/Checkbox.svelte"
-export { default as Vec3 } from "./inputs/Vec3.svelte";
-
-export { default as Details } from "./Details.svelte"
+export { default as Input } from './Input.svelte';
+export { default as Float } from "./Float.svelte";
+export { default as Integer } from "./Integer.svelte";
+export { default as Vec3 } from "./Vec3.svelte";
+export { default as Select } from "./Select.svelte";
+export { default as Checkbox } from "./Checkbox.svelte";
+export { default as Details } from "./Details.svelte";
 export { default as ShortCut } from "./ShortCut.svelte";
-
-import Input from './Input.svelte';
-export default Input;
--- a/packages/ui/src/lib/inputs/Number.svelte
+++ b/packages/ui/src/lib/inputs/Number.svelte
@@ -1,169 +0,0 @@
-<script lang="ts">
-	interface Props {
-		value?: number;
-		step?: number;
-		min?: number;
-		max?: number;
-		id?: string;
-	}
-
-	let {
-		value = $bindable(1),
-		step = 1,
-		min = $bindable(0),
-		max = $bindable(1),
-		id
-	}: Props = $props();
-
-	if (min > max) {
-		[min, max] = [max, min];
-	}
-	if (value > max) {
-		max = value;
-	}
-
-	function strip(input: number) {
-		return +parseFloat(input + '').toPrecision(2);
-	}
-
-	let inputEl: HTMLInputElement | undefined = $state();
-
-	let prev = -1;
-	function update() {
-		if (prev === value) return;
-		if (value.toString().length > 5) {
-			value = strip(value);
-		}
-		prev = value;
-	}
-
-	function handleChange(change: number) {
-		value = Math.max(min ?? -Infinity, Math.min(+value + change, max ?? Infinity));
-	}
-
-	function handleKeyDown(ev: KeyboardEvent) {
-		if (ev.key === 'Escape' || ev.key === 'Enter') {
-			inputEl?.blur();
-		}
-	}
-
-	$effect(() => {
-		update();
-	});
-
-	let ratio = $derived(((value - min) / (max - min)) * 100);
-</script>
-
-<div>
-	<div class="component-wrapper">
-		<button onclick={() => handleChange(-step)}>-</button>
-		<input
-			bind:value
-			bind:this={inputEl}
-			{id}
-			{step}
-			{max}
-			{min}
-			type="number"
-			onkeydown={handleKeyDown}
-		/>
-		<button onclick={() => handleChange(+step)}>+</button>
-	</div>
-	<div class="slider">
-		<input
-			type="range"
-			bind:value
-			{min}
-			{max}
-			{step}
-			style={`background: linear-gradient(90deg, var(--text-color) ${ratio}%, var(--layer-2, #4b4b4b) ${ratio}%)`}
-		/>
-	</div>
-</div>
-
-<style>
-	.component-wrapper {
-		display: flex;
-		background-color: var(--layer-2, #4b4b4b);
-		user-select: none;
-		transition: box-shadow 0.3s ease;
-		border: solid 1px var(--outline);
-		overflow: hidden;
-		border-radius: 0 var(--border-radius, 2px); /* only top */
-	}
-
-	input[type='number']::-webkit-inner-spin-button,
-	input[type='number']::-webkit-outer-spin-button {
-		-webkit-appearance: none;
-	}
-
-	input[type='number'] {
-		-webkit-appearance: textfield;
-		-moz-appearance: textfield;
-		appearance: textfield;
-		cursor: pointer;
-		font-family: var(--font-family);
-		font-variant-numeric: tabular-nums;
-		color: var(--text-color);
-		background-color: transparent;
-		padding: var(--padding, 6px);
-		font-size: 1em;
-		padding-inline: 10px;
-		text-align: center;
-		border: none;
-		border-style: none;
-		flex: 1;
-		width: 72%;
-	}
-
-	button {
-		background-color: transparent;
-		border: none;
-		cursor: pointer;
-		line-height: 0px;
-		margin: 0;
-		color: var(--text-color);
-		margin-inline: 6px;
-	}
-
-	div input[type='number'] {
-		color: var(--text-color);
-		background-color: transparent;
-		padding: var(--padding, 6px);
-		padding-inline: 0px;
-		text-align: center;
-		border: none;
-		border-style: none;
-	}
-
-	.slider {
-		position: relative;
-		margin-top: -1px; /* hide edge */
-	}
-
-	input[type='range'] {
-		position: absolute;
-		appearance: none;
-		width: 100%;
-		height: 3px;
-		background: var(--layer-2, #4b4b4b);
-		cursor: pointer;
-	}
-
-	/* Thumb: for Chrome, Safari, Edge */
-	input[type='range']::-webkit-slider-thumb {
-		-webkit-appearance: none;
-		appearance: none;
-		width: 0px;
-		height: 0px;
-		box-shadow: none;
-	}
-
-	/* Thumb: for Firefox */
-	input[type='range']::-moz-range-thumb {
-		border: none;
-		width: 0px;
-		height: 0px;
-		box-shadow: none;
-	}
-</style>
--- a/packages/ui/src/routes/+page.svelte
+++ b/packages/ui/src/routes/+page.svelte
@@ -12,23 +12,10 @@

 	let checked = $state(false);
 	let detailsOpen = $state(false);
-
-	const themes = ['light', 'solarized', 'catppuccin', 'high-contrast', 'nord', 'dracula'];
-	let themeIndex = $state(0);
-	$effect(() => {
-		const classList = document.documentElement.classList;
-		for (const c of classList) {
-			if (c.startsWith('theme-')) document.documentElement.classList.remove(c);
-		}
-		document.documentElement.classList.add(`theme-${themes[themeIndex]}`);
-	});
 </script>

 <main class="flex flex-col gap-8 py-8">
-	<div class="flex gap-4">
-		<h1 class="text-4xl">@nodarium/ui</h1>
-		<Select bind:value={themeIndex} options={themes}></Select>
-	</div>
+	<h1 class="text-4xl">@nodarium/ui</h1>

 	<Section title="Integer" value={intValue}>
 		<Integer bind:value={intValue} />
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
Author	SHA1	Message	Date
Max Richter	aea2cbceba	feat: updating some things All checks were successful Deploy to GitHub Pages / build_site (push) Successful in 10m47s Details	2026-01-18 15:39:10 +01:00
Max Richter	cb89b16dd8	chore: cleanup some code	2026-01-18 15:18:11 +01:00
Max Richter	4217621574	feat(ui): remove storybook	2026-01-18 15:17:56 +01:00
Max Richter	22f285eaff	chore: pnpm update	2026-01-18 15:17:27 +01:00