feat: add octaves to noise node

app/src/lib/graph-interface/AddMenu.svelte

@@ -117,15 +117,20 @@
 </HTML>
 
 <style>
+  .header {
+    padding: 5px;
+  }
+
   input {
     background: var(--layer-0);
     font-family: var(--font-family);
     border: none;
+    border-radius: 5px;
     color: var(--text-color);
-    padding: 0.8em;
+    padding: 0.6em;
     width: calc(100% - 2px);
     box-sizing: border-box;
-    font-size: 1em;
+    font-size: 0.8em;
     margin-left: 1px;
     margin-top: 1px;
   }

app/src/lib/node-store/NodeStore.svelte

@@ -1,19 +1,25 @@
 <script lang="ts">
   import localStore from "$lib/helpers/localStore";
   import type { RemoteNodeRegistry } from "$lib/node-registry-client";
+  import { writable } from "svelte/store";
   import BreadCrumbs from "./BreadCrumbs.svelte";
   import DraggableNode from "./DraggableNode.svelte";
 
   export let registry: RemoteNodeRegistry;
 
-  const activeId = localStore<
-    `${string}` | `${string}/${string}` | `${string}/${string}/${string}`
-  >("nodes.store.activeId", "");
+  const activeId = writable("max/plantarium");
+  let showBreadCrumbs = false;
+
+  // const activeId = localStore<
+  //   `${string}` | `${string}/${string}` | `${string}/${string}/${string}`
+  // >("nodes.store.activeId", "");
 
   $: [activeUser, activeCollection, activeNode] = $activeId.split(`/`);
 </script>
 
-<BreadCrumbs {activeId} />
+{#if showBreadCrumbs}
+  <BreadCrumbs {activeId} />
+{/if}
 
 <div class="wrapper">
   {#if !activeUser}
@@ -68,17 +74,7 @@
 <style>
   .wrapper {
     padding: 0.8em;
-    max-height: calc(100vh - 170px);
+    max-height: calc(100vh - 100px);
     overflow-y: auto;
   }
-
-  .header {
-    display: flex;
-    align-items: center;
-    gap: 0.5em;
-    margin-bottom: 0.5em;
-  }
-  h3 {
-    margin: 0;
-  }
 </style>