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
63 changed files with 819 additions and 2902 deletions
--- 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/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-state.svelte.ts
+++ b/app/src/lib/graph-interface/graph-state.svelte.ts
@@ -1,8 +1,8 @@
 import type { NodeInstance, Socket } from "@nodarium/types";
 import { getContext, setContext } from "svelte";
-import { SvelteMap, SvelteSet } from "svelte/reactivity";
+import { SvelteSet } from "svelte/reactivity";
 import type { GraphManager } from "./graph-manager.svelte";
-import type { Mesh, OrthographicCamera, Vector3 } from "three";
+import type { OrthographicCamera } from "three";
 const graphStateKey = Symbol("graph-state");
@@ -46,8 +46,6 @@ export class GraphState {
  width = $state(100);
  height = $state(100);
  edgeGeometries = new SvelteMap<string, { geo: Mesh, points: Vector3[] }>();
  wrapper = $state<HTMLDivElement>(null!);
  rect: DOMRect = $derived(
    (this.wrapper && this.width && this.height) ? this.wrapper.getBoundingClientRect() : new DOMRect(0, 0, 0, 0),
@@ -99,14 +97,6 @@ export class GraphState {
  isBodyFocused = () => document?.activeElement?.nodeName !== "INPUT";
  setEdgeGeometry(edgeId: string, edgeGeometry: { geo: Mesh, points: Vector3[] }) {
    this.edgeGeometries.set(edgeId, edgeGeometry);
  }
  removeEdgeGeometry(edgeId: string) {
    this.edgeGeometries.delete(edgeId);
  }
  updateNodePosition(node: NodeInstance) {
    if (
      node.state.x === node.position[0] &&
--- 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/graph/events.ts
+++ b/app/src/lib/graph-interface/graph/events.ts
@@ -112,38 +112,16 @@ export class FileDropEventManager {
 }
 class EdgeInteractionManager {
  constructor(
    private graph: GraphManager,
    private state: GraphState) { };
  handleMouseDown() {
    const edges = this.graph.edges;
    console.log(edges)
  }
  handleMouseMove() {
  }
  handleMouseUp() {
  }
 }
 export class MouseEventManager {
  edgeInteractionManager: EdgeInteractionManager
  constructor(
    private graph: GraphManager,
    private state: GraphState
-  ) {
+  ) { }
    this.edgeInteractionManager = new EdgeInteractionManager(graph, state);
  }
  handleMouseUp(event: MouseEvent) {
    this.edgeInteractionManager.handleMouseUp();
    this.state.isPanning = false;
    if (!this.state.mouseDown) return;
@@ -334,7 +312,6 @@ export class MouseEventManager {
        this.state.activeNodeId = clickedNodeId;
        this.state.clearSelection();
      }
      this.edgeInteractionManager.handleMouseDown();
    } else if (event.ctrlKey) {
      this.state.boxSelection = true;
    }
@@ -420,7 +397,6 @@ export class MouseEventManager {
    // here we are handling dragging of nodes
    if (this.state.activeNodeId !== -1 && this.state.mouseDownNodeId !== -1) {
      this.edgeInteractionManager.handleMouseMove();
      const node = this.graph.getNode(this.state.activeNodeId);
      if (!node || event.buttons !== 1) return;
--- 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 }>();
+  $: if (index === -1) {
-
+    index = getContext<() => number>("registerCell")();
-  $effect(() => {
+  }
    if (index === -1) {
      index = getContext<() => number>("registerCell")();
    }
  });
  const sizes = getContext<{ value: string[] }>("sizes");
@@ -35,8 +31,8 @@
 </script>
 <svelte:window
-  onmouseup={() => (mouseDown = false)}
+  on:mouseup={() => (mouseDown = false)}
-  onmousemove={handleMouseMove}
+  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
+      <div class="bar bg-{colors[i]}" style="width: {(value / total) * 100}%;">
        class="bar bg-{colors[i]}-400"
        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
+  <span class="bg-red bg-green bg-blue text-red text-green text-blue"></span>
    class="bg-red-400 bg-green-400 bg-blue-400 text-red-400 text-green-400 text-blue-400"
  ></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 { getContext } from "svelte";
-  import type { PanelState } from "./PanelState.svelte";
+  import type { Readable } from "svelte/store";
-  const {
+  export let id: string;
-    id,
+  export let icon: string = "";
-    icon = "",
+  export let title = "";
-    title = "",
+  export let classes = "";
-    classes = "",
+  export let hidden: boolean | undefined = undefined;
    hidden,
    children,
  } = $props<{
    id: string;
    icon?: string;
    title?: string;
    classes?: string;
    hidden?: boolean;
    children?: Snippet;
  }>();
-  const panelState = getContext<PanelState>("panel-state");
+  const setVisibility =
    getContext<(id: string, visible: boolean) => void>("setVisibility");
-  const panel = panelState.registerPanel(id, icon, classes, hidden);
+  $: if (typeof hidden === "boolean") {
-  $effect(() => {
+    setVisibility(id, !hidden);
-    panel.hidden = 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 localStore from "$lib/helpers/localStore";
-  import { PanelState } from "./PanelState.svelte";
+  import { setContext } from "svelte";
  import { derived } from "svelte/store";
-  const state = new PanelState();
+  let panels: Record<
-  setContext("panel-state", state);
+    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()}>
+    <button
-      <span class="icon-[tabler--settings]"></span>
+      aria-label="Close"
-      <span class="absolute i-[tabler--chevron-left] w-6 h-6 block"></span>
+      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)}
+    {#each keys as panel (panels[panel].id)}
-      {#if !state.panels[panelId].hidden}
+      {#if panels[panel].visible !== false}
        <button
-          aria-label={panelId}
+          aria-label={panel}
-          class="tab {state.panels[panelId].classes}"
+          class="tab {panels[panel].classes}"
-          class:active={panelId === state.activePanel.value}
+          class:active={panel === $activePanel}
-          onclick={() => (state.activePanel.value = panelId)}
+          on:click={() => setActivePanel(panel)}
        >
-          <span class={`block w-6 h-6 iconify ${state.panels[panelId].icon}`}
+          <span class={`block w-6 h-6 ${panels[panel].icon}`}></span>
          ></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">
+<div class="p-2">
-  <button onclick={exportObj}> export obj </button>
+  <button on:click={exportObj}> export obj </button>
-  <button onclick={exportGltf}> export gltf </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">
-  <table class="wrapper">
+  <tbody>
-    <tbody>
+    {#each keymaps as keymap}
-      {#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">
+          {#if key.description}
-            <h3>{keymap.title}</h3>
+            <td class="command-wrapper">
-          </td>
+              <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>
+    {/each}
-  </table>
+  </tbody>
-</div>
+</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 "virtual:uno.css";
-  import type { Snippet } from "svelte";
+  import "@unocss/reset/normalize.css";
  import * as config from "$lib/config";
  const { children } = $props<{ children?: Snippet }>();
 </script>
-{@render children?.()}
+<slot />
 <svelte:head>
  {#if config.ANALYTIC_SCRIPT}
    {@html config.ANALYTIC_SCRIPT}
  {/if}
 </svelte:head>
--- 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]"
+        icon="i-tabler-database"
-      >
+      ></Panel>
        <div class="p-4">
          <input type="text" class="bg-red rounded-sm p-2" />
        </div>
      </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/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,40 +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
        ];
      };
    });
  };
 }
--- 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 * from './sdk.gen';
-export { getNodesByUserBySystemByNodeId_byVersionJson, getNodesByUserBySystemByNodeId_byVersionWasm, getNodesByUserBySystemByNodeIdJson, getNodesByUserBySystemByNodeIdVersionsJson, getNodesByUserBySystemByNodeIdWasm, getNodesByUserBySystemJson, getNodesByUserJson, getUsersByUserIdJson, getUsersUsersJson, type Options, postNodes } from './sdk.gen';
+export * from './types.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';
--- 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 { createClient, createConfig, type OptionsLegacyParser } from '@hey-api/client-fetch';
-import { client } from './client.gen';
+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';
 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';
-export type Options<TData extends TDataShape = TDataShape, ThrowOnError extends boolean = boolean> = Options2<TData, ThrowOnError> & {
+export const client = createClient(createConfig());
-    /**
+
-     * You can provide a client instance returned by `createClient()` instead of
+export const getV1NodesByUserJson = <ThrowOnError extends boolean = false>(options: OptionsLegacyParser<GetV1NodesByUserJsonData, ThrowOnError>) => {
-     * individual options. This might be also useful if you want to implement a
+    return (options?.client ?? client).get<GetV1NodesByUserJsonResponse, GetV1NodesByUserJsonError, ThrowOnError>({
-     * custom client.
+        ...options,
-     */
+        url: '/v1/nodes/{user}.json'
-    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 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 getV1UsersByUserIdJson = <ThrowOnError extends boolean = false>(options?: OptionsLegacyParser<GetV1UsersByUserIdJsonData, ThrowOnError>) => {
-
+    return (options?.client ?? client).get<GetV1UsersByUserIdJsonResponse, GetV1UsersByUserIdJsonError, ThrowOnError>({
-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 });
+        ...options,
-
+        url: '/v1/users/{userId}.json'
-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 });
--- 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 = {
+export type NodeDefinition = {
-    baseUrl: `${string}://${string}` | (string & {});
+    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>;
+    accepts?: Array<(string)>;
    hidden?: boolean;
    type: 'seed';
    value?: number;
 } | {
    internal?: boolean;
    external?: boolean;
    setting?: string;
    label?: string;
    description?: 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 = {
+export type type = 'seed';
-    id: string;
+
-    inputs?: {
+export type element = 'slider';
        [key: string]: NodeInput;
    };
    outputs?: Array<string>;
    meta?: {
        description?: string;
        title?: string;
    };
 };
 export type User = {
    id: string;
    name: string;
 };
-export type PostNodesData = {
+export type GetV1NodesByUserJsonData = {
    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;
    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 = {
+export type GetV1NodesByUserBySystemJsonResponse = (Array<NodeDefinition>);
    /**
     * Retrieve a single node definition
     */
    200: NodeDefinition;
 };
-export type GetNodesByUserBySystemByNodeIdJsonResponse = GetNodesByUserBySystemByNodeIdJsonResponses[keyof GetNodesByUserBySystemByNodeIdJsonResponses];
+export type GetV1NodesByUserBySystemJsonError = unknown;
-export type GetNodesByUserBySystemByNodeId_byVersionJsonData = {
+export type GetV1NodesByUserBySystemByNodeIdby-.+jsonData = {
    body?: never;
    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 = {
+export type GetV1NodesByUserBySystemByNodeIdby-.+WasmResponse = (unknown);
    /**
     * Retrieve a node's WASM file
     */
    200: unknown;
 };
-export type GetUsersUsersJsonData = {
+export type GetV1NodesByUserBySystemByNodeIdby-.+WasmError = unknown;
    body?: never;
    path?: never;
    query?: never;
    url: '/users/users.json';
 };
-export type GetUsersUsersJsonResponses = {
+export type PostV1NodesResponse = (NodeDefinition);
    /**
     * Retrieve a single node definition
     */
    200: Array<User>;
 };
-export type GetUsersUsersJsonResponse = GetUsersUsersJsonResponses[keyof GetUsersUsersJsonResponses];
+export type PostV1NodesError = unknown;
-export type GetUsersByUserIdJsonData = {
+export type GetV1UsersUsersJsonResponse = (Array<User>);
-    body?: never;
+
 export type GetV1UsersUsersJsonError = unknown;
 export type GetV1UsersByUserIdJsonData = {
    path?: {
        userId?: string;
    };
    query?: never;
    url: '/users/{userId}.json';
 };
-export type GetUsersByUserIdJsonResponses = {
+export type GetV1UsersByUserIdJsonResponse = (User);
    /**
     * Retrieve a single node definition
     */
    200: User;
 };
-export type GetUsersByUserIdJsonResponse = GetUsersByUserIdJsonResponses[keyof GetUsersByUserIdJsonResponses];
+export type GetV1UsersByUserIdJsonError = unknown;
--- a/packages/ui/src/lib/inputs/Checkbox.svelte
+++ b/packages/ui/src/lib/inputs/Checkbox.svelte
--- a/packages/ui/src/lib/Details.svelte
+++ b/packages/ui/src/lib/Details.svelte
@@ -1,37 +1,41 @@
 <script lang="ts">
-  interface Props {
+	interface Props {
-    title?: string;
+		title?: string;
-    transparent?: boolean;
+		transparent?: boolean;
-    children?: import('svelte').Snippet;
+		children?: import('svelte').Snippet;
-    open?: boolean;
+		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>
+	<summary>{title}</summary>
-  <div class="content">
+	<div class="content">
-    {@render children?.()}
+		{@render children?.()}
-  </div>
+	</div>
 </details>
 <style>
-  details {
+	details {
-    padding: 1em;
+		padding: 1em;
-    color: var(--text-color);
+		color: var(--text-color);
-    padding-left: 20px;
+		padding-left: 20px;
-    background-color: #202020;
+		background-color: #202020;
-    outline: solid 0.1px white;
+		outline: solid 0.1px white;
-    border-radius: 2px;
+		border-radius: 2px;
-    font-weight: 300;
+		font-weight: 300;
-    font-size: 0.9em;
+		font-size: 0.9em;
-  }
+	}
  details.transparent {
    background-color: transparent;
    padding: 0;
    outline: none;
  }
 	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
--- a/packages/ui/src/lib/Input.svelte
+++ b/packages/ui/src/lib/Input.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import Checkbox from './inputs/Checkbox.svelte';
+	import Checkbox from './Checkbox.svelte';
-	import Float from './inputs/Float.svelte';
+	import Float from './Float.svelte';
-	import Integer from './inputs/Integer.svelte';
+	import Integer from './Integer.svelte';
-	import Select from './inputs/Select.svelte';
+	import Select from './Select.svelte';
 	import Vec3 from './Vec3.svelte';
 	import type { NodeInput } from '@nodarium/types';
 	import Vec3 from './inputs/Vec3.svelte';
 	interface Props {
 		input: NodeInput;
--- a/packages/ui/src/lib/inputs/Integer.svelte
+++ b/packages/ui/src/lib/inputs/Integer.svelte
@@ -1,13 +1,10 @@
 <script lang="ts">
 	import { createEventDispatcher } from 'svelte';
 	const dispatch = createEventDispatcher();
 	interface Props {
 		min?: number | undefined;
 		max?: number | undefined;
 		step?: number;
 		value?: number;
-		id?: string;
+		onchange?: (value: number) => void;
 	}
 	let {
@@ -15,21 +12,21 @@
 		max = undefined,
 		step = 1,
 		value = $bindable(0),
-		id = ''
+		onchange
 	}: Props = $props();
 	if (!value) {
 		value = 0;
 	}
-	let inputEl: HTMLInputElement | undefined = $state();
+	let inputEl = $state<HTMLInputElement>();
-	let wrapper: HTMLDivElement | undefined = $state();
+	let wrapper = $state<HTMLDivElement>();
 	let prev = -1;
 	function update() {
 		if (prev === value) return;
 		prev = value;
-		dispatch('change', parseFloat(value + ''));
+		onchange?.(parseFloat(value + ''));
 	}
 	function handleChange(change: number) {
@@ -45,7 +42,7 @@
 		downV = value;
 		downX = ev.clientX;
-		rect = wrapper.getBoundingClientRect();
+		rect = wrapper?.getBoundingClientRect()!;
 		window.removeEventListener('mousemove', handleMouseMove);
 		window.addEventListener('mousemove', handleMouseMove);
@@ -55,9 +52,9 @@
 	function handleMouseUp() {
 		if (downV === value) {
-			inputEl.focus();
+			inputEl?.focus();
 		} else {
-			inputEl.blur();
+			inputEl?.blur();
 		}
 		document.body.style.cursor = 'unset';
@@ -100,7 +97,6 @@
 	<input
 		bind:value
 		bind:this={inputEl}
 		{id}
 		{step}
 		{max}
 		{min}
--- 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 bind:value={value[0]} />
-	<Float id={`${id}-y`} bind:value={value[1]} />
+	<Float bind:value={value[1]} />
-	<Float id={`${id}-z`} bind:value={value[2]} />
+	<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 Input } from './Input.svelte';
-export { default as Float } from "./inputs/Float.svelte"
+export { default as Float } from "./Float.svelte";
-export { default as Integer } from "./inputs/Integer.svelte"
+export { default as Integer } from "./Integer.svelte";
-export { default as Select } from "./inputs/Select.svelte"
+export { default as Vec3 } from "./Vec3.svelte";
-export { default as Checkbox } from "./inputs/Checkbox.svelte"
+export { default as Select } from "./Select.svelte";
-export { default as Vec3 } from "./inputs/Vec3.svelte";
+export { default as Checkbox } from "./Checkbox.svelte";
-
+export { default as Details } from "./Details.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/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>
 		<h1 class="text-4xl">@nodarium/ui</h1>
 		<Select bind:value={themeIndex} options={themes}></Select>
 	</div>
 	<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
		`@@ -1,2 +0,0 @@`
			`import { PUBLIC_ANALYTIC_SCRIPT } from "$env/static/public";`
			`export const ANALYTIC_SCRIPT = PUBLIC_ANALYTIC_SCRIPT;`