From 2ae8d7b32278c0884b989167d4579da3965c43a2 Mon Sep 17 00:00:00 2001
From: Nynxz <contact@nynxz.com>
Date: Thu, 8 Jan 2026 14:28:03 +1000
Subject: [PATCH 1/9] checkpoint: pre-abstraction image-centric architecture

---
 __init__.py                  |   4 +
 nodes/EmbeddrLoRAStack.py    |  59 +++++++++++
 nodes/EmbeddrLoadVideo.py    | 190 +++++++++++++++++++++++++++++++++++
 ui/main.tsx                  |   1 +
 ui/nodes/EmbeddrLoRAStack.ts | 118 ++++++++++++++++++++++
 5 files changed, 372 insertions(+)
 create mode 100644 nodes/EmbeddrLoRAStack.py
 create mode 100644 nodes/EmbeddrLoadVideo.py
 create mode 100644 ui/nodes/EmbeddrLoRAStack.ts

diff --git a/__init__.py b/__init__.py
index bda3f04..a7bcb88 100644
--- a/__init__.py
+++ b/__init__.py
@@ -11,6 +11,8 @@
 from .nodes.EmbeddrFindSimilar import EmbeddrFindSimilarNode
 from .nodes.EmbeddrFindSimilarText import EmbeddrFindSimilarTextNode
 from .nodes.EmbeddrUploadVideo import EmbeddrUploadVideo
+from .nodes.EmbeddrLoadVideo import EmbeddrLoadVideoNode
+from .nodes.EmbeddrLoRAStack import EmbeddrLoRAStack
 
 CONFIG_PATH = os.path.join(os.path.dirname(__file__), "config.json")
 
@@ -93,6 +95,8 @@ async def get_node_list(self) -> list[type[io.ComfyNode]]:
             EmbeddrMergeIDsNode,
             EmbeddrSaveToFolderNode,
             EmbeddrUploadVideo,
+            EmbeddrLoadVideoNode,
+            EmbeddrLoRAStack,
         ]
 
 
diff --git a/nodes/EmbeddrLoRAStack.py b/nodes/EmbeddrLoRAStack.py
new file mode 100644
index 0000000..08f6229
--- /dev/null
+++ b/nodes/EmbeddrLoRAStack.py
@@ -0,0 +1,59 @@
+import folder_paths
+from comfy_api.latest import io
+
+
+class EmbeddrLoRAStack(io.ComfyNode):
+    @classmethod
+    def define_schema(cls) -> io.Schema:
+        loras = folder_paths.get_filename_list("loras")
+
+        inputs = [
+            io.Model.Input("model"),
+        ]
+
+        # Add 1 slot initially, frontend will handle the rest
+        inputs.append(io.Combo.Input(
+            "lora_1", default="None", options=["None"] + loras))
+        inputs.append(io.Float.Input(
+            "strength_1", default=1.0, min=-10.0, max=10.0, step=0.01))
+
+        return io.Schema(
+            node_id="embeddr.LoRAStack",
+            display_name="Embeddr LoRA Stack",
+            description="Apply multiple LoRAs to a model and clip.",
+            category="Embeddr",
+            inputs=inputs,
+            outputs=[
+                io.Model.Output("model"),
+            ],
+        )
+
+    @classmethod
+    def execute(cls, model, **kwargs):
+        import comfy.sd
+        import comfy.utils
+
+        out_model = model
+
+        # Iterate over all provided lora inputs
+        # We expect keys like lora_1, strength_1, lora_2, strength_2, etc.
+
+        # Find all lora keys
+        lora_keys = [k for k in kwargs.keys() if k.startswith("lora_")]
+        # Sort them by index
+        lora_keys.sort(key=lambda x: int(x.split("_")[1]))
+
+        for key in lora_keys:
+            i = key.split("_")[1]
+            lora_name = kwargs.get(f"lora_{i}")
+            strength = kwargs.get(f"strength_{i}", 1.0)
+
+            if lora_name and lora_name != "None":
+                lora_path = folder_paths.get_full_path("loras", lora_name)
+                if lora_path:
+                    lora = comfy.utils.load_torch_file(
+                        lora_path, safe_load=True)
+                    out_model, out_clip = comfy.sd.load_lora_for_models(
+                        out_model, None, lora, strength, strength)
+
+        return io.NodeOutput(out_model)
diff --git a/nodes/EmbeddrLoadVideo.py b/nodes/EmbeddrLoadVideo.py
new file mode 100644
index 0000000..8c7c242
--- /dev/null
+++ b/nodes/EmbeddrLoadVideo.py
@@ -0,0 +1,190 @@
+import requests
+import torch
+import numpy as np
+import cv2
+import tempfile
+import os
+import shutil
+from comfy_api.latest import io, ui
+from .utils import get_config
+
+
+class EmbeddrLoadVideoNode(io.ComfyNode):
+    _cache = {}
+
+    @classmethod
+    def define_schema(cls) -> io.Schema:
+        return io.Schema(
+            node_id="embeddr.LoadVideo",
+            display_name="Embeddr Load Video",
+            description="Loads a video from Embeddr ID.",
+            category="Embeddr",
+            inputs=[
+                io.String.Input("image_id", default=""),
+                io.Int.Input("frame_load_cap", default=0, min=0, max=100000,
+                             step=1, tooltip="Stop loading after this many frames (0=all)"),
+                io.Int.Input("skip_first_frames", default=0, min=0, max=10000,
+                             step=1, tooltip="Skip this many frames at the start"),
+                io.Int.Input("select_every_nth", default=1, min=1,
+                             max=100, step=1, tooltip="Load every Nth frame"),
+                io.Int.Input("force_rate", default=0, min=0, max=120,
+                             step=1, tooltip="Force playback FPS (0=original)"),
+                io.Int.Input("custom_width", default=0, min=0, max=4096,
+                             step=8, tooltip="Resize width (0=original)"),
+                io.Int.Input("custom_height", default=0, min=0, max=4096,
+                             step=8, tooltip="Resize height (0=original)"),
+            ],
+            outputs=[
+                io.Image.Output("images"),
+                io.Int.Output("frame_count"),
+                # Removed experimental outputs for standard compatibility
+                # io.Output("audio"),
+                # io.Output("video_info"),
+            ],
+        )
+
+    @classmethod
+    def execute(cls, image_id, frame_load_cap, skip_first_frames, select_every_nth, force_rate, custom_width, custom_height):
+        if not image_id:
+            # Return empty
+            empty_image = torch.zeros(
+                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+            return io.NodeOutput(empty_image, 0)
+
+        # URL construction
+        try:
+            config = get_config()
+            endpoint = config.get("endpoint", "http://localhost:8003")
+            endpoint = endpoint.rstrip("/")
+            api_url = f"{endpoint}/api/v1/images/{image_id}/file"
+        except Exception:
+            print(f"[Embeddr] Could not get config for endpoint")
+            empty_image = torch.zeros(
+                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+            return io.NodeOutput(empty_image, 0)
+
+        # Download to temp file
+        temp_file_path = None
+        try:
+            # Check cache for path? For simplicity, we just download.
+            # In production, we should cache the file path if it's the same ID.
+
+            # Stream download
+            with requests.get(api_url, stream=True) as r:
+                r.raise_for_status()
+                # Determine extension
+                content_type = r.headers.get('content-type', '')
+                ext = '.mp4'
+                if 'quicktime' in content_type:
+                    ext = '.mov'
+                if 'webm' in content_type:
+                    ext = '.webm'
+
+                with tempfile.NamedTemporaryFile(delete=False, suffix=ext) as f:
+                    shutil.copyfileobj(r.raw, f)
+                    temp_file_path = f.name
+
+            # Open with CV2
+            cap = cv2.VideoCapture(temp_file_path)
+            if not cap.isOpened():
+                raise ValueError(
+                    f"Could not open video file: {temp_file_path}")
+
+            fps = cap.get(cv2.CAP_PROP_FPS)
+            width = int(cap.get(cv2.CAP_PROP_FRAME_WIDTH))
+            height = int(cap.get(cv2.CAP_PROP_FRAME_HEIGHT))
+            total_frames = int(cap.get(cv2.CAP_PROP_FRAME_COUNT))
+            duration = total_frames / fps if fps > 0 else 0
+
+            # Determine target dimensions
+            target_w, target_h = width, height
+            if custom_width > 0:
+                target_w = custom_width
+                if custom_height == 0:
+                    target_h = int(height * (custom_width / width))
+            if custom_height > 0:
+                target_h = custom_height
+                if custom_width == 0:
+                    target_w = int(width * (custom_height / height))
+
+            # Ensure divisible by 2 for some codecs if needed, but for simple tensor it's fine.
+            # ComfyUI usually expects divisible by 8 for VAEs?
+            # We won't enforce it unless user sets it.
+
+            frames = []
+
+            current_frame = 0
+            collected = 0
+
+            while True:
+                ret, frame = cap.read()
+                if not ret:
+                    break
+
+                # Skip logic
+                if current_frame < skip_first_frames:
+                    current_frame += 1
+                    continue
+
+                if (current_frame - skip_first_frames) % select_every_nth != 0:
+                    current_frame += 1
+                    continue
+
+                # Process frame
+                frame = cv2.cvtColor(frame, cv2.COLOR_BGR2RGB)
+
+                if target_w != width or target_h != height:
+                    frame = cv2.resize(
+                        frame, (target_w, target_h), interpolation=cv2.INTER_LINEAR)
+
+                # Normalize to 0-1
+                frame = frame.astype(np.float32) / 255.0
+                frames.append(frame)
+
+                collected += 1
+                if frame_load_cap > 0 and collected >= frame_load_cap:
+                    break
+
+                current_frame += 1
+            cap.release()
+
+            if not frames:
+                empty_image = torch.zeros(
+                    (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+                return io.NodeOutput(empty_image, 0)
+
+            video_tensor = torch.from_numpy(np.stack(frames))
+            # Shape is (B, H, W, C)
+
+            final_fps = force_rate if force_rate > 0 else fps
+
+            video_info = {
+                "source_fps": fps,
+                "source_frame_count": total_frames,
+                "source_duration": duration,
+                "source_width": width,
+                "source_height": height,
+                "loaded_fps": final_fps,
+                "loaded_frame_count": len(frames),
+                "loaded_width": target_w,
+                "loaded_height": target_h,
+            }
+
+            # Audio - currently returning None/Empty as we don't have audio extraction logic
+            # To support audio properly we'd need audio libraries unavailable in minimal env.
+            audio = None
+
+            return io.NodeOutput(video_tensor, len(frames))
+
+        except Exception as e:
+            print(f"[Embeddr] Error loading video: {e}")
+            empty_image = torch.zeros(
+                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+            return io.NodeOutput(empty_image, 0)
+
+        finally:
+            if temp_file_path and os.path.exists(temp_file_path):
+                try:
+                    os.remove(temp_file_path)
+                except:
+                    pass
diff --git a/ui/main.tsx b/ui/main.tsx
index b8dcd24..b7697c9 100644
--- a/ui/main.tsx
+++ b/ui/main.tsx
@@ -8,6 +8,7 @@ import EmbeddrPanel from "./components/panels/EmbeddrPanel.js";
 import { GlobalDialog } from "./components/GlobalDialog";
 import "./nodes/EmbeddrLoadImage.js";
 import "./nodes/EmbeddrMergeIds.js";
+import "./nodes/EmbeddrLoRAStack.js";
 // @ts-ignore
 import "./globals.css";
 
diff --git a/ui/nodes/EmbeddrLoRAStack.ts b/ui/nodes/EmbeddrLoRAStack.ts
new file mode 100644
index 0000000..d3ed531
--- /dev/null
+++ b/ui/nodes/EmbeddrLoRAStack.ts
@@ -0,0 +1,118 @@
+import { app } from "../../../scripts/app.js";
+
+const _ID = "embeddr.LoRAStack";
+
+app.registerExtension({
+  name: "embeddr.dynamic_lora_stack",
+  async beforeRegisterNodeDef(nodeType, nodeData, app) {
+    if (nodeData.name !== _ID) {
+      return;
+    }
+
+    const onNodeCreated = nodeType.prototype.onNodeCreated;
+    nodeType.prototype.onNodeCreated = function () {
+      const me = onNodeCreated?.apply(this);
+
+      // We expect lora_1 and strength_1 to exist from the python definition
+      const loraWidget = this.widgets.find((w) => w.name === "lora_1");
+      if (!loraWidget) return me;
+
+      // Store the options for creating new widgets
+      this.loraOptions = loraWidget.options.values;
+
+      // Helper to add a new pair of widgets
+      this.addLoRAPair = (index) => {
+        const loraName = `lora_${index}`;
+        const strengthName = `strength_${index}`;
+
+        // Add LoRA Combo
+        const w = this.addWidget(
+          "combo",
+          loraName,
+          "None",
+          (v) => {
+            this.updateWidgets();
+          },
+          { values: this.loraOptions }
+        );
+
+        // Add Strength Float
+        const s = this.addWidget("number", strengthName, 1.0, (v) => {}, {
+          min: -10.0,
+          max: 10.0,
+          step: 0.01,
+          precision: 2,
+        });
+
+        return { w, s };
+      };
+
+      // Helper to update widgets based on values
+      this.updateWidgets = () => {
+        const widgets = this.widgets;
+        // Find all lora widgets
+        const loraWidgets = widgets.filter((w) => w.name.startsWith("lora_"));
+
+        // Sort by index
+        loraWidgets.sort((a, b) => {
+          const idxA = parseInt(a.name.split("_")[1]);
+          const idxB = parseInt(b.name.split("_")[1]);
+          return idxA - idxB;
+        });
+
+        const lastWidget = loraWidgets[loraWidgets.length - 1];
+        const lastIndex = parseInt(lastWidget.name.split("_")[1]);
+
+        // If last widget has a value != "None", add a new one
+        if (lastWidget.value !== "None") {
+          this.addLoRAPair(lastIndex + 1);
+        }
+
+        // If we have more than 1 widget, and the last TWO are "None", remove the last one
+        // Actually, we just want to ensure there is exactly one "None" at the end?
+        // Or maybe just ensure there is at least one "None" at the end.
+        // And remove any "None" that are not at the end? No, user might want to skip one.
+
+        // Let's stick to: Always have one empty slot at the end.
+        // If the last one is filled, add one.
+        // If the second to last one is empty AND the last one is empty, remove the last one.
+
+        if (loraWidgets.length > 1) {
+          const secondLastWidget = loraWidgets[loraWidgets.length - 2];
+          if (
+            lastWidget.value === "None" &&
+            secondLastWidget.value === "None"
+          ) {
+            // Remove the last pair
+            // We need to remove both lora and strength widgets
+            const strengthName = `strength_${lastIndex}`;
+
+            // Find index of widgets to remove
+            const wIndex = this.widgets.findIndex(
+              (w) => w.name === lastWidget.name
+            );
+            if (wIndex > -1) this.widgets.splice(wIndex, 1);
+
+            const sIndex = this.widgets.findIndex(
+              (w) => w.name === strengthName
+            );
+            if (sIndex > -1) this.widgets.splice(sIndex, 1);
+
+            // Resize node
+            this.onResize?.(this.size);
+            this.graph?.setDirtyCanvas(true);
+          }
+        }
+      };
+
+      // Hook into the first widget's callback
+      const originalCallback = loraWidget.callback;
+      loraWidget.callback = (v) => {
+        originalCallback?.(v);
+        this.updateWidgets();
+      };
+
+      return me;
+    };
+  },
+});

From 1d71fec77c1a7e60a0b82a5cc8e96cd0c4680fbb Mon Sep 17 00:00:00 2001
From: Nynxz <contact@nynxz.com>
Date: Tue, 27 Jan 2026 17:58:03 +1000
Subject: [PATCH 2/9] checkpoint: pre execution refine

---
 __init__.py                                   |  18 +-
 nodes/EmbeddrFindCollection.py                |  97 ++++++++++
 nodes/EmbeddrFindSimilar.py                   | 111 -----------
 nodes/EmbeddrFindSimilarArtifacts.py          |  92 +++++++++
 nodes/EmbeddrLoadArtifact.py                  | 141 ++++++++++++++
 nodes/EmbeddrLoadArtifacts.py                 | 180 ++++++++++++++++++
 nodes/EmbeddrLoadImage.py                     |  75 --------
 nodes/EmbeddrLoadImages.py                    | 180 +++++++++++++-----
 nodes/EmbeddrUploadArtifact.py                | 131 +++++++++++++
 nodes/EmbeddrUploadImage.py                   | 162 ----------------
 nodes/EmbeddrUploadVideo.py                   |   7 +-
 nodes/utils/__init__.py                       |   4 +-
 nodes/utils/api.py                            |  12 +-
 nodes/utils/config.py                         |  45 +++++
 package.json                                  |   1 +
 ui/components/GlobalDialog.tsx                | 151 ++++++++++++---
 ui/components/panels/EmbeddrPanel.tsx         |   5 +-
 ui/components/panels/ImageDetails.tsx         | 178 ++++++++++++++++-
 .../selectors/CollectionSelector.tsx          | 130 +++++++++++++
 ui/components/tabs/ExploreTab.tsx             |  70 ++++---
 ui/components/ui/ImageGrid.tsx                |  10 +-
 ui/components/ui/SearchBar.tsx                |  28 +--
 ui/hooks/useEmbeddrApi.ts                     |  22 ++-
 ui/hooks/useEmbeddrCollections.ts             | 122 ++++++++++++
 ui/hooks/useEmbeddrImages.ts                  | 173 +++++++++++++----
 ui/hooks/useEmbeddrSettings.ts                |   2 +-
 ui/main.tsx                                   |   4 +-
 ui/nodes/EmbeddrFindCollection.ts             |  52 +++++
 ui/nodes/EmbeddrLoadArtifact.ts               |  51 +++++
 ui/nodes/EmbeddrLoadImage.ts                  |  35 ----
 ui/nodes/EmbeddrUploadArtifact.ts             |  67 +++++++
 ui/utils/nodeDragAndDrop.ts                   |  65 +++++++
 32 files changed, 1867 insertions(+), 554 deletions(-)
 create mode 100644 nodes/EmbeddrFindCollection.py
 delete mode 100644 nodes/EmbeddrFindSimilar.py
 create mode 100644 nodes/EmbeddrFindSimilarArtifacts.py
 create mode 100644 nodes/EmbeddrLoadArtifact.py
 create mode 100644 nodes/EmbeddrLoadArtifacts.py
 delete mode 100644 nodes/EmbeddrLoadImage.py
 create mode 100644 nodes/EmbeddrUploadArtifact.py
 delete mode 100644 nodes/EmbeddrUploadImage.py
 create mode 100644 ui/components/selectors/CollectionSelector.tsx
 create mode 100644 ui/hooks/useEmbeddrCollections.ts
 create mode 100644 ui/nodes/EmbeddrFindCollection.ts
 create mode 100644 ui/nodes/EmbeddrLoadArtifact.ts
 delete mode 100644 ui/nodes/EmbeddrLoadImage.ts
 create mode 100644 ui/nodes/EmbeddrUploadArtifact.ts
 create mode 100644 ui/utils/nodeDragAndDrop.ts

diff --git a/__init__.py b/__init__.py
index a7bcb88..c669560 100644
--- a/__init__.py
+++ b/__init__.py
@@ -4,15 +4,16 @@
 from server import PromptServer
 from comfy_api.latest import ComfyExtension, io
 
-from .nodes.EmbeddrUploadImage import EmbeddrSaveToFolderNode
-from .nodes.EmbeddrLoadImage import EmbeddrLoadImageNode
-from .nodes.EmbeddrLoadImages import EmbeddrLoadImagesNode
+from .nodes.EmbeddrUploadArtifact import EmbeddrUploadArtifactNode
+from .nodes.EmbeddrLoadArtifact import EmbeddrLoadArtifactNode
+from .nodes.EmbeddrLoadArtifacts import EmbeddrLoadArtifactsNode
 from .nodes.EmbeddrMergeIDs import EmbeddrMergeIDsNode
-from .nodes.EmbeddrFindSimilar import EmbeddrFindSimilarNode
+from .nodes.EmbeddrFindSimilarArtifacts import EmbeddrFindSimilarArtifactsNode
 from .nodes.EmbeddrFindSimilarText import EmbeddrFindSimilarTextNode
 from .nodes.EmbeddrUploadVideo import EmbeddrUploadVideo
 from .nodes.EmbeddrLoadVideo import EmbeddrLoadVideoNode
 from .nodes.EmbeddrLoRAStack import EmbeddrLoRAStack
+from .nodes.EmbeddrFindCollection import EmbeddrFindCollectionNode
 
 CONFIG_PATH = os.path.join(os.path.dirname(__file__), "config.json")
 
@@ -88,15 +89,16 @@ async def get_config(request):
 class EmbeddrComfyUIExtension(ComfyExtension):
     async def get_node_list(self) -> list[type[io.ComfyNode]]:
         return [
-            EmbeddrFindSimilarNode,
+            EmbeddrFindSimilarArtifactsNode,
             EmbeddrFindSimilarTextNode,
-            EmbeddrLoadImageNode,
-            EmbeddrLoadImagesNode,
+            EmbeddrLoadArtifactNode,
+            EmbeddrLoadArtifactsNode,
             EmbeddrMergeIDsNode,
-            EmbeddrSaveToFolderNode,
+            EmbeddrUploadArtifactNode,
             EmbeddrUploadVideo,
             EmbeddrLoadVideoNode,
             EmbeddrLoRAStack,
+            EmbeddrFindCollectionNode,
         ]
 
 
diff --git a/nodes/EmbeddrFindCollection.py b/nodes/EmbeddrFindCollection.py
new file mode 100644
index 0000000..871b2af
--- /dev/null
+++ b/nodes/EmbeddrFindCollection.py
@@ -0,0 +1,97 @@
+import requests
+from comfy_api.latest import io
+from .utils import get_config
+
+
+def Embeddr_Log(message: str):
+    print(f"[Embeddr] {message}")
+
+
+class EmbeddrFindCollectionNode(io.ComfyNode):
+    @classmethod
+    def define_schema(cls) -> io.Schema:
+        return io.Schema(
+            node_id="embeddr.FindCollection",
+            display_name="Embeddr Find Collection",
+            category="Embeddr",
+            inputs=[
+                io.String.Input("collection_name", default="", optional=True,
+                                tooltip="Name to find (or create if missing)"),
+                io.String.Input("collection_id", default="",
+                                tooltip="Direct Collection ID (overrides Name)"),
+                io.Boolean.Input("create_if_missing", default=True,
+                                 tooltip="Create collection if it doesn't exist (Only applies to Name)"),
+            ],
+            outputs=[
+                io.String.Output("collection_id"),
+            ]
+        )
+
+    @classmethod
+    def execute(cls, collection_name, create_if_missing, collection_id=""):
+        Embeddr_Log(
+            f"EXECUTE FindCollection: name='{collection_name}', id='{collection_id}', create={create_if_missing}")
+        config = get_config()
+        base_url = config.get("embeddr_url") or config.get(
+            "endpoint") or "http://localhost:8003"
+        base_url = base_url.rstrip("/")
+
+        # 1. Direct ID Priority
+        if collection_id and len(str(collection_id).strip()) > 10:
+            Embeddr_Log(f"Using Direct Collection ID: {collection_id}")
+            # Assume valid UUID if present
+            return io.NodeOutput(collection_id)
+
+        try:
+            # 2. List Collections to Find by Name
+            # Note: Removed limit=1000 to avoid potential 422 if API doesn't support it
+            resp = requests.get(f"{base_url}/api/v2/collections")
+            # If 404, maybe endpoint is different.
+            if resp.status_code == 404:
+                # Fallback to V1? Or just fail.
+                pass
+
+            collections = []
+            if resp.status_code == 200:
+                data = resp.json()
+                if isinstance(data, list):
+                    collections = data
+                elif isinstance(data, dict) and "items" in data:
+                    collections = data["items"]
+
+            found = None
+            if collection_name:
+                for c in collections:
+                    # Case insensitive match? user might prefer exact.
+                    # API returns 'label' usually, but maybe 'name' in some versions
+                    label = c.get("label") or c.get("name")
+                    if label and label.lower() == collection_name.lower():
+                        found = c
+                        break
+
+            if found:
+                Embeddr_Log(
+                    f"Found Collection: {found.get('label', 'Unnamed')} ({found.get('id')})")
+                return io.NodeOutput(str(found.get("id")))
+
+            if collection_name and create_if_missing:
+                # Create
+                payload = {"label": collection_name,
+                           "type_name": "collection:mix",
+                           "uri": f"embeddr:///collections/{collection_name.lower().replace(' ', '_')}"}
+                resp = requests.post(
+                    f"{base_url}/api/v2/collections", json=payload)
+                resp.raise_for_status()
+                new_col = resp.json()
+                Embeddr_Log(
+                    f"Created Collection: {new_col.get('label')} ({new_col.get('id')})")
+                return io.NodeOutput(str(new_col.get("id")))
+
+            Embeddr_Log(
+                f"Collection '{collection_name}' not found and creation disabled.")
+            # Fallback to empty string
+            return io.NodeOutput("")
+
+        except Exception as e:
+            Embeddr_Log(f"FindCollection error: {e}")
+            return io.NodeOutput("")
diff --git a/nodes/EmbeddrFindSimilar.py b/nodes/EmbeddrFindSimilar.py
deleted file mode 100644
index 9abd896..0000000
--- a/nodes/EmbeddrFindSimilar.py
+++ /dev/null
@@ -1,111 +0,0 @@
-import requests
-import torch
-import numpy as np
-from PIL import Image
-import io as pyio
-from comfy_api.latest import io, ui
-from .utils import get_config
-from .utils.api import get_libraries, get_collections
-
-
-class EmbeddrFindSimilarNode(io.ComfyNode):
-    @classmethod
-    def define_schema(cls) -> io.Schema:
-        # Fetch dynamic options
-        libraries = ["All"] + get_libraries()
-        collections = ["All"] + get_collections()
-
-        return io.Schema(
-            node_id="embeddr.FindSimilar",
-            display_name="Embeddr Find Similar",
-            description="Finds similar images in your Embeddr library using an input image.",
-            category="Embeddr",
-            inputs=[
-                io.Image.Input("image"),
-                io.Combo.Input("library", options=libraries, default="All"),
-                io.Combo.Input(
-                    "collection", options=collections, default="All"),
-                io.Int.Input("limit", default=5, min=1, max=50),
-                io.Float.Input("threshold", default=0.0, min=0.0,
-                               max=1.0, step=0.01, display_name="Min Score"),
-            ],
-            outputs=[
-                io.Image.Output("images", is_output_list=True),
-                io.String.Output("embeddr_ids", is_output_list=True),
-            ],
-        )
-
-    @classmethod
-    def execute(cls, image, library="All", collection="All", limit=5, threshold=0.0):
-        config = get_config()
-        endpoint = config.get("endpoint", "http://localhost:8003")
-        api_url = endpoint.rstrip("/") + "/api/v1/images/search/image"
-
-        # Prepare image (take first of batch)
-        img_array = (image[0].cpu().numpy() * 255).astype(np.uint8)
-        img = Image.fromarray(np.clip(img_array, 0, 255))
-
-        buf = pyio.BytesIO()
-        img.save(buf, format="PNG")
-        buf.seek(0)
-
-        files = {"file": ("image.png", buf, "image/png")}
-        data = {
-            "limit": limit,
-        }
-
-        # Parse IDs from "ID: Name" format
-        if library != "All":
-            try:
-                lib_id = int(library.split(":")[0])
-                data["library_id"] = lib_id
-            except:
-                pass
-
-        if collection != "All":
-            try:
-                col_id = int(collection.split(":")[0])
-                data["collection_id"] = col_id
-            except:
-                pass
-
-        try:
-            response = requests.post(api_url, files=files, data=data)
-            response.raise_for_status()
-            results = response.json()
-            items = results.get("items", [])
-
-            if not items:
-                # Return empty
-                empty = torch.zeros(
-                    (1, 64, 64, 3), dtype=torch.float32, device="cpu")
-                return io.NodeOutput(empty, "[]")
-
-            # Load images
-            output_images = []
-            output_ids = []
-
-            for item in items:
-                # Fetch image file
-                img_url = endpoint.rstrip(
-                    "/") + f"/api/v1/images/{item['id']}/file"
-                img_resp = requests.get(img_url)
-                if img_resp.status_code == 200:
-                    i = Image.open(pyio.BytesIO(img_resp.content))
-                    i = i.convert("RGB")
-                    i = np.array(i).astype(np.float32) / 255.0
-                    output_images.append(torch.from_numpy(i))
-                    output_ids.append(str(item['id']))
-
-            if not output_images:
-                return io.NodeOutput([], [])
-
-            # Return list of images (unsqueeze to add batch dimension 1)
-            final_images = [img.unsqueeze(0) for img in output_images]
-            return io.NodeOutput(final_images, output_ids)
-
-        except Exception as e:
-            print(f"[Embeddr] Search failed: {e}")
-            empty = torch.zeros(
-                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
-            return io.NodeOutput(empty, "[]")
diff --git a/nodes/EmbeddrFindSimilarArtifacts.py b/nodes/EmbeddrFindSimilarArtifacts.py
new file mode 100644
index 0000000..bf5c8bc
--- /dev/null
+++ b/nodes/EmbeddrFindSimilarArtifacts.py
@@ -0,0 +1,92 @@
+import requests
+import torch
+import numpy as np
+from PIL import Image
+import io as pyio
+from comfy_api.latest import io, ui
+from .utils import get_config
+
+
+class EmbeddrFindSimilarArtifactsNode(io.ComfyNode):
+    @classmethod
+    def define_schema(cls) -> io.Schema:
+        return io.Schema(
+            node_id="embeddr.FindSimilarArtifacts",
+            display_name="Embeddr Find Similar Artifacts (V2)",
+            description="Finds similar artifacts using an input image via V2 API.",
+            category="Embeddr",
+            inputs=[
+                io.Image.Input("image"),
+                io.Int.Input("limit", default=5, min=1, max=50),
+            ],
+            outputs=[
+                io.Image.Output("images", is_output_list=True),
+                io.String.Output("artifact_ids", is_output_list=True),
+            ],
+        )
+
+    @classmethod
+    def execute(cls, image, limit):
+        config = get_config()
+        base_url = config.get("embeddr_url") or config.get(
+            "endpoint") or "http://localhost:8003"
+        base_url = base_url.rstrip("/")
+
+        # Endpoint in Plugin
+        api_url = f"{base_url}/api/v2/plugins/embeddr-comfyui/find_similar"
+
+        # Prepare image (take first of batch for query)
+        img_array = (image[0].cpu().numpy() * 255).astype(np.uint8)
+        img = Image.fromarray(np.clip(img_array, 0, 255))
+
+        buf = pyio.BytesIO()
+        img.save(buf, format="PNG")
+        buf.seek(0)
+
+        files = {"file": ("query.png", buf, "image/png")}
+        data = {"limit": limit}
+
+        try:
+            # Upload & Search
+            response = requests.post(api_url, files=files, data=data)
+            response.raise_for_status()
+            results = response.json()
+            items = results.get("items", [])  # List of objects {id, uri, ...}
+
+            if not items:
+                empty = torch.zeros(
+                    (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+                return io.NodeOutput([empty], ["-1"])
+
+            output_images = []
+            output_ids = []
+
+            for item in items:
+                art_id = item.get("id")
+                content_url = f"{base_url}/api/v2/plugins/embeddr-comfyui/content/{art_id}"
+
+                try:
+                    img_resp = requests.get(content_url)
+                    if img_resp.status_code == 200:
+                        i = Image.open(pyio.BytesIO(img_resp.content))
+                        i = i.convert("RGB")
+                        i_np = np.array(i).astype(np.float32) / 255.0
+                        # Add batch dim [1, H, W, C]
+                        output_images.append(torch.from_numpy(i_np)[None,])
+                        output_ids.append(str(art_id))
+                except Exception as e:
+                    print(
+                        f"Failed to fetch content for similar item {art_id}: {e}")
+
+            if not output_images:
+                empty = torch.zeros(
+                    (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+                return io.NodeOutput([empty], ["-1"])
+
+            return io.NodeOutput(output_images, output_ids)
+
+        except Exception as e:
+            print(f"[Embeddr] FindSimilar Error: {e}")
+            empty = torch.zeros(
+                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+            return io.NodeOutput([empty], ["-1"])
diff --git a/nodes/EmbeddrLoadArtifact.py b/nodes/EmbeddrLoadArtifact.py
new file mode 100644
index 0000000..ce540a1
--- /dev/null
+++ b/nodes/EmbeddrLoadArtifact.py
@@ -0,0 +1,141 @@
+import requests
+from urllib.parse import urljoin, urlparse
+import logging
+import os
+import torch
+import numpy as np
+from PIL import Image, ImageOps
+from io import BytesIO
+from comfy_api.latest import io, ui
+from .utils import get_config
+
+
+class EmbeddrLoadArtifactNode(io.ComfyNode):
+    _cache = {}
+
+    _logger = logging.getLogger("embeddr.comfyui.load_artifact")
+
+    @classmethod
+    def _debug(cls, message: str, **fields):
+        if os.environ.get("EMBEDDR_COMFYUI_DEBUG", "").lower() not in {
+            "1",
+            "true",
+            "yes",
+        }:
+            return
+        try:
+            cls._logger.info("%s | %s", message, fields)
+        except Exception:
+            cls._logger.info("%s", message)
+
+    @classmethod
+    def _resolve_artifact_url(cls, base_url: str, artifact_id: str):
+        resolve_url = f"{base_url}/api/v2/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
+        cls._debug("resolving_artifact", artifact_id=artifact_id,
+                   resolve_url=resolve_url)
+        res = requests.get(resolve_url)
+        res.raise_for_status()
+        data = res.json()
+        url = data.get("url")
+        headers = data.get("headers") or {}
+        if url and url.startswith("/"):
+            url = urljoin(base_url, url)
+
+        if url and "/api/v2/artifacts/" in url and "/content" in url and "proxy=" not in url:
+            url = f"{url}?proxy=1"
+
+        base_netloc = urlparse(base_url).netloc
+        url_netloc = urlparse(url).netloc if url else ""
+        if url and base_netloc and url_netloc and url_netloc != base_netloc:
+            proxy_url = f"{base_url}/api/v2/artifacts/{artifact_id}/content?proxy=1"
+            cls._debug(
+                "forcing_proxy_url",
+                artifact_id=artifact_id,
+                resolved_url=url,
+                proxy_url=proxy_url,
+            )
+            return proxy_url, {}
+        cls._debug("resolved_artifact", artifact_id=artifact_id,
+                   url=url, headers=headers)
+        return url, headers
+
+    @classmethod
+    def define_schema(cls) -> io.Schema:
+        return io.Schema(
+            node_id="embeddr.LoadArtifact",
+            display_name="Embeddr Load Artifact (V2)",
+            description="Loads an image/artifact from Embeddr by UUID.",
+            category="Embeddr",
+            inputs=[
+                io.String.Input("artifact_id", default="",
+                                tooltip="UUID of the artifact to load"),
+                io.Boolean.Input("use_cache", default=True)
+            ],
+            outputs=[
+                io.Image.Output("image"),
+                io.Mask.Output("mask"),
+                io.String.Output("artifact_id_out"),
+            ],
+        )
+
+    @classmethod
+    def execute(cls, artifact_id, use_cache):
+        if not artifact_id:
+            # Return empty black image if no ID
+            empty_image = torch.zeros(
+                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+            empty_mask = torch.zeros(
+                (1, 64, 64), dtype=torch.float32, device="cpu")
+            return io.NodeOutput(empty_image, empty_mask, "")
+
+        if use_cache and artifact_id in cls._cache:
+            image, mask = cls._cache[artifact_id]
+            return io.NodeOutput(image, mask, artifact_id)
+
+        try:
+            config = get_config()
+            base_url = config.get("embeddr_url") or config.get(
+                "endpoint") or "http://localhost:8003"
+            base_url = base_url.rstrip("/")
+            endpoint, content_headers = cls._resolve_artifact_url(
+                base_url, artifact_id
+            )
+
+            cls._debug(
+                "requesting_artifact_content",
+                artifact_id=artifact_id,
+                endpoint=endpoint,
+            )
+
+            response = requests.get(endpoint, headers=content_headers)
+            response.raise_for_status()
+            cls._debug(
+                "artifact_content_response",
+                status=response.status_code,
+                content_type=response.headers.get("content-type"),
+                length=response.headers.get("content-length"),
+            )
+            img = Image.open(BytesIO(response.content))
+
+            img = ImageOps.exif_transpose(img)
+            image = img.convert("RGB")
+            image = np.array(image).astype(np.float32) / 255.0
+            image = torch.from_numpy(image)[None,]
+
+            if 'A' in img.getbands():
+                mask = np.array(img.getchannel('A')).astype(np.float32) / 255.0
+                mask = 1. - torch.from_numpy(mask)
+            else:
+                mask = torch.zeros((64, 64), dtype=torch.float32, device="cpu")
+
+            if use_cache:
+                cls._cache[artifact_id] = (image, mask)
+
+            return io.NodeOutput(image, mask, artifact_id, ui=ui.PreviewImage(image))
+
+        except Exception as e:
+            print(f"[Embeddr] Error loading artifact {artifact_id}: {e}")
+            cls._debug("artifact_load_failed",
+                       artifact_id=artifact_id, error=str(e))
+            # Raise error to stop workflow if loading fails
+            raise e
diff --git a/nodes/EmbeddrLoadArtifacts.py b/nodes/EmbeddrLoadArtifacts.py
new file mode 100644
index 0000000..a3a589b
--- /dev/null
+++ b/nodes/EmbeddrLoadArtifacts.py
@@ -0,0 +1,180 @@
+import requests
+import logging
+import os
+from urllib.parse import urljoin, urlparse
+import torch
+import numpy as np
+from PIL import Image, ImageOps
+from io import BytesIO
+from comfy_api.latest import io, ui
+from .utils import get_config
+from .utils.api import get_collections
+
+
+class EmbeddrLoadArtifactsNode(io.ComfyNode):
+    _cache = {}
+
+    _logger = logging.getLogger("embeddr.comfyui.load_artifacts")
+
+    @classmethod
+    def _debug(cls, message: str, **fields):
+        if os.environ.get("EMBEDDR_COMFYUI_DEBUG", "").lower() not in {
+            "1",
+            "true",
+            "yes",
+        }:
+            return
+        try:
+            cls._logger.info("%s | %s", message, fields)
+        except Exception:
+            cls._logger.info("%s", message)
+
+    @classmethod
+    def _resolve_artifact_url(cls, base_url: str, artifact_id: str):
+        resolve_url = f"{base_url}/api/v2/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
+        cls._debug("resolving_artifact", artifact_id=artifact_id,
+                   resolve_url=resolve_url)
+        res = requests.get(resolve_url)
+        res.raise_for_status()
+        data = res.json()
+        url = data.get("url")
+        headers = data.get("headers") or {}
+        if url and url.startswith("/"):
+            url = urljoin(base_url, url)
+
+        if url and "/api/v2/artifacts/" in url and "/content" in url and "proxy=" not in url:
+            url = f"{url}?proxy=1"
+
+        base_netloc = urlparse(base_url).netloc
+        url_netloc = urlparse(url).netloc if url else ""
+        if url and base_netloc and url_netloc and url_netloc != base_netloc:
+            proxy_url = f"{base_url}/api/v2/artifacts/{artifact_id}/content?proxy=1"
+            cls._debug(
+                "forcing_proxy_url",
+                artifact_id=artifact_id,
+                resolved_url=url,
+                proxy_url=proxy_url,
+            )
+            return proxy_url, {}
+        cls._debug("resolved_artifact", artifact_id=artifact_id,
+                   url=url, headers=headers)
+        return url, headers
+
+    @classmethod
+    def define_schema(cls) -> io.Schema:
+        collections = ["All"] + get_collections()
+
+        return io.Schema(
+            node_id="embeddr.LoadArtifacts",
+            display_name="Embeddr Load Artifacts (V2)",
+            description="Loads generic artifacts (images) from Embeddr using V2 API.",
+            category="Embeddr",
+            inputs=[
+                io.Combo.Input(
+                    "collection", options=collections, default="All"),
+                io.Combo.Input("sort_by", options=[
+                               "newest", "random"], default="newest"),
+                io.Int.Input("limit", default=5, min=1, max=50),
+                io.Int.Input("seed", default=0, display_name="Random Seed"),
+            ],
+            outputs=[
+                io.Image.Output("images", is_output_list=True),
+                io.String.Output("artifact_ids", is_output_list=True),
+                io.Mask.Output("masks", is_output_list=True),
+            ],
+        )
+
+    @classmethod
+    def execute(cls, collection, sort_by, limit, seed):
+        cache_key = (collection, sort_by, limit, seed)
+        if cache_key in cls._cache:
+            return cls._cache[cache_key]
+
+        try:
+            config = get_config()
+            base_url = config.get("embeddr_url") or config.get(
+                "endpoint") or "http://localhost:8003"
+            base_url = base_url.rstrip("/")
+
+            # List Artifacts
+            api_url = f"{base_url}/api/v2/artifacts/"
+            params = {
+                "limit": limit,
+                "type_name": "image",
+                "offset": 0
+            }
+
+            if collection != "All":
+                try:
+                    col_id = collection.split(":")[0].strip()
+                    params["collection_id"] = col_id
+                except:
+                    pass
+
+            if sort_by == "random":
+                params["sort"] = "random"
+                params["seed"] = seed  # Pass seed if API supports it
+            else:
+                params["sort"] = "new"
+
+            response = requests.get(api_url, params=params)
+            response.raise_for_status()
+            data = response.json()
+            items = data.get("items", [])
+
+            if not items:
+                return cls._return_empty()
+
+            images_list = []
+            masks_list = []
+            ids_list = []
+
+            for item in items:
+                art_id = item.get("id")
+
+                content_url, content_headers = cls._resolve_artifact_url(
+                    base_url, art_id)
+                try:
+                    c_resp = requests.get(content_url, headers=content_headers)
+                    c_resp.raise_for_status()
+                    img = Image.open(BytesIO(c_resp.content))
+                    img = ImageOps.exif_transpose(img)
+
+                    i = img.convert("RGB")
+                    i_np = np.array(i).astype(np.float32) / 255.0
+                    images_list.append(torch.from_numpy(i_np))
+
+                    if 'A' in img.getbands():
+                        m_np = np.array(img.getchannel('A')).astype(
+                            np.float32) / 255.0
+                        masks_list.append(1. - torch.from_numpy(m_np))
+                    else:
+                        masks_list.append(torch.zeros(
+                            (i_np.shape[0], i_np.shape[1]), dtype=torch.float32, device="cpu"))
+
+                    ids_list.append(str(art_id))
+                except Exception as e:
+                    print(f"Failed to load artifact {art_id}: {e}")
+                    cls._debug("artifact_load_failed",
+                               artifact_id=str(art_id), error=str(e))
+
+            if not images_list:
+                return cls._return_empty()
+
+            final_images = [img[None,] for img in images_list]
+
+            res = io.NodeOutput(final_images, ids_list, masks_list)
+            cls._cache[cache_key] = res
+            return res
+
+        except Exception as e:
+            print(f"[Embeddr] LoadArtifacts error: {e}")
+            return cls._return_empty()
+
+    @classmethod
+    def _return_empty(cls):
+        empty_image = torch.zeros(
+            (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+        empty_mask = torch.zeros(
+            (1, 64, 64), dtype=torch.float32, device="cpu")
+        return io.NodeOutput([empty_image], ["-1"], [empty_mask])
diff --git a/nodes/EmbeddrLoadImage.py b/nodes/EmbeddrLoadImage.py
deleted file mode 100644
index 437b116..0000000
--- a/nodes/EmbeddrLoadImage.py
+++ /dev/null
@@ -1,75 +0,0 @@
-import requests
-import torch
-import numpy as np
-from PIL import Image, ImageOps
-from io import BytesIO
-from comfy_api.latest import io, ui
-from .utils import get_config
-
-
-class EmbeddrLoadImageNode(io.ComfyNode):
-    _cache = {}
-
-    @classmethod
-    def define_schema(cls) -> io.Schema:
-        return io.Schema(
-            node_id="embeddr.LoadImage",
-            display_name="Embeddr Load Image",
-            description="Loads an image from a Embeddr Image ID.",
-            category="Embeddr",
-            inputs=[
-                io.String.Input("image_id", default=""),
-            ],
-            outputs=[
-                io.Image.Output("image"),
-                io.Mask.Output("mask"),
-                io.String.Output("embeddr_id"),
-            ],
-        )
-
-    @classmethod
-    def execute(cls, image_id):
-        if not image_id:
-            # Return empty black image if no ID
-            empty_image = torch.zeros(
-                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
-            empty_mask = torch.zeros(
-                (1, 64, 64), dtype=torch.float32, device="cpu")
-            return io.NodeOutput(empty_image, empty_mask, "")
-
-        if image_id in cls._cache:
-            image, mask = cls._cache[image_id]
-            return io.NodeOutput(image, mask, image_id)
-
-        try:
-            config = get_config()
-            endpoint = config.get("endpoint", "http://localhost:8003")
-            # Ensure endpoint doesn't end with slash
-            endpoint = endpoint.rstrip("/")
-            api_url = f"{endpoint}/api/v1/images/{image_id}/file"
-
-            response = requests.get(api_url)
-            response.raise_for_status()
-            img = Image.open(BytesIO(response.content))
-
-            img = ImageOps.exif_transpose(img)
-            image = img.convert("RGB")
-            image = np.array(image).astype(np.float32) / 255.0
-            image = torch.from_numpy(image)[None,]
-
-            if 'A' in img.getbands():
-                mask = np.array(img.getchannel('A')).astype(np.float32) / 255.0
-                mask = 1. - torch.from_numpy(mask)
-            else:
-                mask = torch.zeros((64, 64), dtype=torch.float32, device="cpu")
-
-            cls._cache[image_id] = (image, mask)
-            return io.NodeOutput(image, mask, image_id, ui=ui.PreviewImage(image))
-
-        except Exception as e:
-            print(f"[Embeddr] Error loading image {image_id}: {e}")
-            empty_image = torch.zeros(
-                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
-            empty_mask = torch.zeros(
-                (1, 64, 64), dtype=torch.float32, device="cpu")
-            return io.NodeOutput(empty_image, empty_mask, "")
diff --git a/nodes/EmbeddrLoadImages.py b/nodes/EmbeddrLoadImages.py
index 555855e..739b4b7 100644
--- a/nodes/EmbeddrLoadImages.py
+++ b/nodes/EmbeddrLoadImages.py
@@ -1,4 +1,7 @@
 import requests
+from urllib.parse import urljoin, urlparse
+import logging
+import os
 import torch
 import numpy as np
 from PIL import Image, ImageOps
@@ -12,15 +15,64 @@
 class EmbeddrLoadImagesNode(io.ComfyNode):
     _cache = {}
 
+    _logger = logging.getLogger("embeddr.comfyui.load_images")
+
+    @classmethod
+    def _debug(cls, message: str, **fields):
+        if os.environ.get("EMBEDDR_COMFYUI_DEBUG", "").lower() not in {
+            "1",
+            "true",
+            "yes",
+        }:
+            return
+        try:
+            cls._logger.info("%s | %s", message, fields)
+        except Exception:
+            cls._logger.info("%s", message)
+
+    @classmethod
+    def _resolve_artifact_url(cls, base_url: str, artifact_id: str):
+        resolve_url = f"{base_url}/api/v2/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
+        cls._debug("resolving_artifact", artifact_id=artifact_id,
+                   resolve_url=resolve_url)
+        res = requests.get(resolve_url)
+        res.raise_for_status()
+        data = res.json()
+        url = data.get("url")
+        headers = data.get("headers") or {}
+        if url and url.startswith("/"):
+            url = urljoin(base_url, url)
+
+        if url and "/api/v2/artifacts/" in url and "/content" in url and "proxy=" not in url:
+            url = f"{url}?proxy=1"
+
+        base_netloc = urlparse(base_url).netloc
+        url_netloc = urlparse(url).netloc if url else ""
+        if url and base_netloc and url_netloc and url_netloc != base_netloc:
+            proxy_url = f"{base_url}/api/v2/artifacts/{artifact_id}/content?proxy=1"
+            cls._debug(
+                "forcing_proxy_url",
+                artifact_id=artifact_id,
+                resolved_url=url,
+                proxy_url=proxy_url,
+            )
+            return proxy_url, {}
+        cls._debug("resolved_artifact", artifact_id=artifact_id,
+                   url=url, headers=headers)
+        return url, headers
+
     @classmethod
     def define_schema(cls) -> io.Schema:
+        # Note: Dynamic fetching (get_collections) might need updates to V2 too
+        # but for now we focus on the execution logic
         collections = ["All"] + get_collections()
+        # Legacy libraries -> Folders/Collections?
         libraries = ["All"] + get_libraries()
 
         return io.Schema(
             node_id="embeddr.EmbeddrLoadImages",
             display_name="Embeddr Load Images",
-            description="Loads images from Embeddr with filtering and sorting.",
+            description="Loads images from Embeddr using V2 Artifacts API.",
             category="Embeddr",
             inputs=[
                 io.Combo.Input("library", options=libraries, default="All"),
@@ -48,41 +100,44 @@ def execute(cls, library, collection, sort_by, limit, seed):
 
         try:
             config = get_config()
-            endpoint = config.get("endpoint", "http://localhost:8003")
-            api_base_url = endpoint.rstrip("/") + "/api/v1"
+            base_url = config.get("embeddr_url") or config.get(
+                "endpoint") or "http://localhost:8003"
+            base_url = base_url.rstrip("/")
+
+            # V2 API: List Artifacts
+            api_url = f"{base_url}/api/v2/artifacts/"
 
             params = {
                 "limit": limit,
+                "type_name": "image",  # Filter for images
+                "offset": 0
             }
 
-            # Parse Library ID
-            if library != "All":
+            # Parse Collection ID (UUID in V2?)
+            # Legacy logic assumed "123: Name"
+            if collection != "All":
                 try:
-                    lib_id = int(library.split(":")[0])
-                    params["library_id"] = lib_id
+                    col_id = collection.split(":")[0].strip()
+                    params["collection_id"] = col_id
                 except:
                     pass
 
-            # Parse Collection ID
-            if collection != "All":
+            # Legacy Libraries mapped to ?
+            # In V2 we might ignore library or treat as another collection filter
+            if library != "All":
                 try:
-                    col_id = int(collection.split(":")[0])
-                    params["collection_id"] = col_id
+                    lib_id = library.split(":")[0].strip()
+                    params["library_id"] = lib_id
                 except:
                     pass
 
-            # Handle Sort
             if sort_by == "random":
                 params["sort"] = "random"
-                # Note: Server-side random might not respect seed, but we pass it just in case
-                # or we could implement client-side shuffle if we fetched more.
-                # For now, we rely on server-side random for efficiency.
+                params["seed"] = seed  # Pass seed if API supports it
             else:
                 params["sort"] = "new"
 
-            # Fetch images
-            url = f"{api_base_url}/images"
-            response = requests.get(url, params=params)
+            response = requests.get(api_url, params=params)
             response.raise_for_status()
             data = response.json()
             items = data.get("items", [])
@@ -95,51 +150,90 @@ def execute(cls, library, collection, sort_by, limit, seed):
             ids_list = []
 
             for item in items:
-                image_id = item.get("id")
-                if not image_id:
+                art_id = item.get("id")
+                if not art_id:
                     continue
 
-                image_url = f"{api_base_url}/images/{image_id}/file"
+                # Fetch Content via Plugin Endpoint
+                # Uses the plugin endpoint we defined to get raw content
+                content_url, content_headers = cls._resolve_artifact_url(
+                    base_url, art_id)
+
+                cls._debug(
+                    "requesting_artifact_content",
+                    artifact_id=str(art_id),
+                    content_url=content_url,
+                )
 
                 try:
-                    img_resp = requests.get(image_url)
+                    img_resp = requests.get(
+                        content_url, headers=content_headers)
                     img_resp.raise_for_status()
+                    cls._debug(
+                        "artifact_content_response",
+                        artifact_id=str(art_id),
+                        status=img_resp.status_code,
+                        content_type=img_resp.headers.get("content-type"),
+                        length=img_resp.headers.get("content-length"),
+                    )
+
                     img = Image.open(BytesIO(img_resp.content))
                     img = ImageOps.exif_transpose(img)
 
-                    image = img.convert("RGB")
-                    image_np = np.array(image).astype(np.float32) / 255.0
-                    # Add batch dimension: [1, H, W, C]
-                    image_tensor = torch.from_numpy(image_np).unsqueeze(0)
+                    # Convert to tensor conformant
+                    i = img.convert("RGB")
+                    i_np = np.array(i).astype(np.float32) / 255.0
+                    images_list.append(torch.from_numpy(i_np))
 
+                    # Mask
                     if 'A' in img.getbands():
-                        mask_np = np.array(img.getchannel(
-                            'A')).astype(np.float32) / 255.0
-                        mask_tensor = 1. - torch.from_numpy(mask_np)
-                        mask_tensor = mask_tensor.unsqueeze(0)  # [1, H, W]
+                        m_np = np.array(img.getchannel('A')).astype(
+                            np.float32) / 255.0
+                        masks_list.append(1. - torch.from_numpy(m_np))
                     else:
-                        mask_tensor = torch.zeros(
-                            (1, img.height, img.width), dtype=torch.float32, device="cpu")
+                        masks_list.append(torch.zeros(
+                            (i_np.shape[0], i_np.shape[1]), dtype=torch.float32, device="cpu"))
+
+                    ids_list.append(str(art_id))
 
-                    images_list.append(image_tensor)
-                    masks_list.append(mask_tensor)
-                    ids_list.append(str(image_id))
                 except Exception as e:
-                    print(f"[Embeddr] Failed to load image {image_id}: {e}")
-                    continue
+                    print(f"Failed to load artifact {art_id}: {e}")
+                    cls._debug(
+                        "artifact_load_failed",
+                        artifact_id=str(art_id),
+                        error=str(e),
+                    )
 
             if not images_list:
                 return cls._return_empty()
 
-            # Return lists
-            result = io.NodeOutput(images_list, ids_list, masks_list)
+            # Stack images into batch [B, H, W, C]?
+            # Note: If images have different sizes, stacking might fail.
+            # ComfyUI usually expects same size for batch.
+            # If size differs, we might return list or resize.
+            # Since output is_output_list=True, likely returns list of individual tensors.
+
+            # Correct return for output list
+            # "images" -> list of [H, W, C] or list of [1, H, W, C]?
+            # Usually list output means list of whatever single output is.
+            # Single Image output is [1, H, W, C].
+
+            # Ensure each is [1, H, W, C]
+            final_images = [img[None,] for img in images_list]
+
+            # Cache result
+            result = io.NodeOutput(final_images, ids_list, masks_list)
             cls._cache[cache_key] = result
             return result
 
         except Exception as e:
-            print(f"[Embeddr] Error loading images: {e}")
+            print(f"[Embeddr] LoadImages Error: {e}")
             return cls._return_empty()
 
-    @staticmethod
-    def _return_empty():
-        return io.NodeOutput([], [], [])
+    @classmethod
+    def _return_empty(cls):
+        empty_image = torch.zeros(
+            (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+        empty_mask = torch.zeros(
+            (1, 64, 64), dtype=torch.float32, device="cpu")
+        return io.NodeOutput([empty_image], ["-1"], [empty_mask])
diff --git a/nodes/EmbeddrUploadArtifact.py b/nodes/EmbeddrUploadArtifact.py
new file mode 100644
index 0000000..c0cfccb
--- /dev/null
+++ b/nodes/EmbeddrUploadArtifact.py
@@ -0,0 +1,131 @@
+import requests
+import numpy as np
+from PIL import Image
+import io as pyio
+import json
+from comfy_api.latest import io, ui
+from .utils import get_embeddr_base_url, get_upload_mode
+
+
+def Embeddr_Log(message: str):
+    print(f"[Embeddr] {message}")
+
+
+def normalize_list(value):
+    if not value:
+        return []
+
+    if isinstance(value, str):
+        items = [v.strip() for v in value.split(",")]
+    elif isinstance(value, list):
+        items = [str(v).strip() for v in value]
+    else:
+        raise TypeError(f"Unsupported type: {type(value)}")
+
+    out = []
+    seen = set()
+    for v in items:
+        if not v:
+            continue
+        lv = v.lower()
+        if lv in ("none", "null", "undefined"):
+            continue
+        if v not in seen:
+            seen.add(v)
+            out.append(v)
+    return out
+
+
+class EmbeddrUploadArtifactNode(io.ComfyNode):
+    @classmethod
+    def define_schema(cls) -> io.Schema:
+        return io.Schema(
+            node_id="embeddr.UploadArtifact",
+            display_name="Embeddr Upload (V2)",
+            category="Embeddr",
+            is_output_node=True,
+            inputs=[
+                io.Image.Input("image"),
+                io.String.Input("parent_ids", default="", optional=True,
+                                tooltip="Comma separated parent artifact UUIDs"),
+                io.String.Input("collection_ids", default="", optional=True,
+                                tooltip="Comma separated Collection UUIDs (for grouping)"),
+                io.String.Input("tags", default="generated,comfyui",
+                                tooltip="Comma separated tags"),
+                io.Boolean.Input("trigger_automation", default=True,
+                                 tooltip="Trigger Auto-Analysis (Thumbnails, Embeddings, etc)"),
+            ],
+            outputs=[
+                io.String.Output("artifact_ids"),
+            ]
+        )
+
+    @classmethod
+    def execute(cls, image, parent_ids, collection_ids, tags, trigger_automation):
+        base_url = get_embeddr_base_url()
+        upload_mode = get_upload_mode()
+        endpoint = f"{base_url}/api/v2/plugins/embeddr-comfyui/upload"
+
+        results = []
+
+        if upload_mode in {"skip", "disabled", "off", "none"}:
+            Embeddr_Log(
+                "Upload disabled (EMBEDDR_UPLOAD_MODE). Skipping Embeddr upload."
+            )
+            return io.NodeOutput("", ui=ui.PreviewImage(image))
+
+        if upload_mode in {"best_effort", "auto"}:
+            try:
+                health_url = f"{base_url}/api/v2/system/routes"
+                requests.get(health_url, timeout=2)
+            except Exception as e:
+                Embeddr_Log(
+                    f"Embeddr backend unavailable ({e}); skipping upload."
+                )
+                return io.NodeOutput("", ui=ui.PreviewImage(image))
+
+        # 'image' input is a batch tensor [B, H, W, C]
+        for batch_idx, img_tensor in enumerate(image):
+            try:
+                # Convert tensor to PIL
+                i = 255. * img_tensor.cpu().numpy()
+                img = Image.fromarray(np.clip(i, 0, 255).astype(np.uint8))
+
+                # Save to buffer
+                img_byte_arr = pyio.BytesIO()
+                img.save(img_byte_arr, format='PNG')
+                img_byte_arr.seek(0)
+
+                # Prepare Metadata
+                meta = {
+                    "parent_ids": normalize_list(parent_ids),
+                    "collection_ids": normalize_list(collection_ids),
+                    "tags": normalize_list(tags),
+                    "trigger_automation": trigger_automation,
+                    "compute_embedding": trigger_automation,  # Legacy Compat
+                    "batch_index": batch_idx,
+                    "confirm": True
+                }
+
+                # Prepare multipart upload
+                files = {'file': (f'image_{batch_idx}.png',
+                                  img_byte_arr, 'image/png')}
+                data = {'metadata': json.dumps(meta)}
+
+                # Post to Embeddr Core Plugin
+                response = requests.post(endpoint, files=files, data=data)
+                response.raise_for_status()
+                res_json = response.json()
+
+                art_id = res_json.get("id")
+                results.append(str(art_id))
+                Embeddr_Log(f"Uploaded Artifact: {art_id}")
+
+            except Exception as e:
+                Embeddr_Log(f"Upload failed for batch {batch_idx}: {e}")
+                # We don't crash the whole node, but result might be partial
+
+        result_str = ",".join(results)
+
+        # Return IDs and UI Preview
+        return io.NodeOutput(result_str, ui=ui.PreviewImage(image))
diff --git a/nodes/EmbeddrUploadImage.py b/nodes/EmbeddrUploadImage.py
deleted file mode 100644
index d471806..0000000
--- a/nodes/EmbeddrUploadImage.py
+++ /dev/null
@@ -1,162 +0,0 @@
-import folder_paths
-from .utils.api import get_libraries, get_collections
-import os
-import json
-import requests
-import numpy as np
-from PIL import Image
-from PIL.PngImagePlugin import PngInfo
-from comfy_api.latest import io, ui
-from comfy_api.latest._io import _UIOutput, ComfyNode, FolderType
-import io as pyio
-import random
-from .utils import get_config
-
-
-def Embeddr_Log(message: str):
-    print(f"[Embeddr] {message}")
-
-
-class EmbeddrImage(ui.PreviewImage):
-    def __init__(self, image: io.Image.Type, ids=None, animated: bool = False, cls: type[ComfyNode] = None, **kwargs):
-        super().__init__(image, animated, cls=cls)
-        self.extra = {}
-        if ids is not None:
-            self.extra["embeddr_ids"] = ids
-
-    def as_dict(self):
-        d = {
-            "images": self.values,
-            "animated": (self.animated,)
-        }
-        d.update(self.extra)
-        return d
-
-
-class EmbeddrSaveToFolderNode(io.ComfyNode):
-
-    @classmethod
-    def define_schema(cls) -> io.Schema:
-        libraries = ["Default"] + get_libraries()
-        collections = ["None"] + get_collections()
-
-        return io.Schema(
-            node_id="embeddr.SaveToFolder",
-            display_name="Embeddr Upload Image",
-            category="Embeddr",
-            is_output_node=True,
-            inputs=[
-                io.Image.Input("image"),
-                io.String.Input("caption", optional=True),
-                io.String.Input("parent_ids", optional=True),
-                io.Combo.Input("library", options=libraries,
-                               default="Default"),
-                io.Combo.Input(
-                    "collection", options=collections, default="None"),
-                io.String.Input("tags", optional=True, default=""),
-                io.Boolean.Input("allow_duplicates", default=False,
-                                 display_name="Allow Duplicates"),
-                io.Boolean.Input("save_backup", default=False,
-                                 display_name="Save to Comfy History"),
-            ],
-            outputs=[
-                # THIS IS KEY: output name must match
-                io.String.Output("embeddr_id"),
-            ],
-        )
-
-    @classmethod
-    def VALIDATE_INPUTS(cls, **kwargs):
-        return True
-
-    @classmethod
-    def execute(cls, image, caption=None, parent_ids=None, library="Default", collection="None", tags="", allow_duplicates=False, save_backup=False, **kwargs):
-        """
-        image: input tensor(s) from previous node
-        caption: optional string
-        parent_ids: optional string (comma separated) or list of IDs
-        Returns the backend ID in the outputs so Comfy history sees it.
-        """
-        uploaded_ids = []
-
-        config = get_config()
-        print("Loaded Config: ", config)
-        endpoint = config.get("endpoint", "http://localhost:8003")
-        api_base_url = endpoint.rstrip("/") + "/api/v1"
-        upload_url = f"{api_base_url}/images/upload"
-
-        # Loop over batch images
-        for i in range(image.shape[0]):
-            img_array = (image[i].cpu().numpy() * 255).astype(np.uint8)
-            img = Image.fromarray(np.clip(img_array, 0, 255))
-
-            # Save backup if requested
-            if save_backup:
-                try:
-                    output_dir = folder_paths.get_output_directory()
-                    filename_prefix = "Embeddr_Backup"
-                    full_output_folder, filename, counter, subfolder, filename_prefix = folder_paths.get_save_image_path(
-                        filename_prefix, output_dir, img.size[0], img.size[1])
-
-                    metadata = PngInfo()
-                    if caption:
-                        metadata.add_text("parameters", caption)
-
-                    file = f"{filename}_{counter:05}_.png"
-                    img.save(os.path.join(full_output_folder, file),
-                             pnginfo=metadata, compress_level=4)
-                except Exception as e:
-                    print(f"[Embeddr] Failed to save backup: {e}")
-
-            buf = pyio.BytesIO()
-            img.save(buf, format="PNG")
-            buf.seek(0)
-
-            files = {"file": ("image.png", buf, "image/png")}
-            data = {"prompt": caption or ""}
-
-            if allow_duplicates:
-                data["force"] = "true"
-
-            if tags:
-                data["tags"] = tags
-
-            if library != "Default":
-                try:
-                    data["library_id"] = int(library.split(":")[0])
-                except:
-                    pass
-
-            if parent_ids:
-                if isinstance(parent_ids, list):
-                    data["parent_ids"] = ",".join(map(str, parent_ids))
-                else:
-                    data["parent_ids"] = str(parent_ids)
-
-            try:
-                response = requests.post(upload_url, files=files, data=data)
-                response.raise_for_status()
-                result = response.json()
-                uploaded_id = result.get("id")
-                uploaded_ids.append(str(uploaded_id))
-
-                # Add to collection if selected
-                if collection and collection != "None" and uploaded_id:
-                    try:
-                        collection_id = int(collection.split(":")[0])
-                        requests.post(
-                            f"{api_base_url}/collections/{collection_id}/items",
-                            json={"image_id": uploaded_id}
-                        )
-                    except Exception as e:
-                        print(f"[Embeddr] Failed to add to collection: {e}")
-
-            except Exception as e:
-                print(f"[Embeddr] Upload failed: {e}")
-                uploaded_ids.append("-1")
-
-        # Create preview
-        preview = EmbeddrImage(image, uploaded_ids, cls=cls)
-
-        # Return IDs as comma-separated string
-        return io.NodeOutput(",".join(uploaded_ids), ui=preview)
diff --git a/nodes/EmbeddrUploadVideo.py b/nodes/EmbeddrUploadVideo.py
index ce6d91f..1db9e9f 100644
--- a/nodes/EmbeddrUploadVideo.py
+++ b/nodes/EmbeddrUploadVideo.py
@@ -6,7 +6,7 @@
 import tempfile
 from comfy_api.latest import io, ui
 from comfy_api.latest._io import ComfyNode
-from .utils import get_config
+from .utils import get_embeddr_base_url
 
 
 class EmbeddrUploadVideo(io.ComfyNode):
@@ -52,9 +52,8 @@ def VALIDATE_INPUTS(cls, **kwargs):
     @classmethod
     def execute(cls, video, caption=None, parent_ids=None, library="Default", collection="None", tags="", format="mp4", codec="h264", allow_duplicates=False, save_backup=False, **kwargs):
         uploaded_ids = []
-        config = get_config()
-        endpoint = config.get("endpoint", "http://localhost:8003")
-        api_base_url = endpoint.rstrip("/") + "/api/v1"
+        base_url = get_embeddr_base_url()
+        api_base_url = f"{base_url}/api/v1"
         upload_url = f"{api_base_url}/images/upload"
 
         try:
diff --git a/nodes/utils/__init__.py b/nodes/utils/__init__.py
index dc46902..4159ef7 100644
--- a/nodes/utils/__init__.py
+++ b/nodes/utils/__init__.py
@@ -1,3 +1,3 @@
-from .config import get_config
+from .config import get_config, get_embeddr_base_url, get_upload_mode
 
-__all__ = ["get_config"]
+__all__ = ["get_config", "get_embeddr_base_url", "get_upload_mode"]
diff --git a/nodes/utils/api.py b/nodes/utils/api.py
index 0ee1c1a..fea25a1 100644
--- a/nodes/utils/api.py
+++ b/nodes/utils/api.py
@@ -1,12 +1,11 @@
 import requests
-from .config import get_config
+from .config import get_embeddr_base_url
 
 
 def get_libraries():
     try:
-        config = get_config()
-        endpoint = config.get("endpoint", "http://localhost:8003")
-        api_url = endpoint.rstrip("/") + "/api/v1/libraries"
+        base_url = get_embeddr_base_url()
+        api_url = f"{base_url}/api/v1/libraries"
         response = requests.get(api_url)
         if response.status_code == 200:
             data = response.json()
@@ -22,9 +21,8 @@ def get_libraries():
 
 def get_collections():
     try:
-        config = get_config()
-        endpoint = config.get("endpoint", "http://localhost:8003")
-        api_url = endpoint.rstrip("/") + "/api/v1/collections"
+        base_url = get_embeddr_base_url()
+        api_url = f"{base_url}/api/v1/collections"
         response = requests.get(api_url)
         if response.status_code == 200:
             data = response.json()
diff --git a/nodes/utils/config.py b/nodes/utils/config.py
index c349da9..08000e1 100644
--- a/nodes/utils/config.py
+++ b/nodes/utils/config.py
@@ -2,6 +2,27 @@
 import json
 
 
+def _normalize_base_url(url: str | None, default: str) -> str:
+    if not url:
+        return default
+
+    clean = str(url).strip().rstrip("/")
+
+    # Strip API suffixes to get the root base
+    if clean.endswith("/api/v1"):
+        clean = clean[:-7]
+    elif clean.endswith("/api/v2"):
+        clean = clean[:-7]
+    elif clean.endswith("/api"):
+        clean = clean[:-4]
+
+    # Add scheme if missing
+    if "://" not in clean:
+        clean = f"http://{clean}"
+
+    return clean.rstrip("/")
+
+
 def get_config():
     try:
         # Go up 3 levels: utils -> nodes -> embeddr-comfyui
@@ -13,3 +34,27 @@ def get_config():
     except Exception:
         pass
     return {}
+
+
+def get_embeddr_base_url(default: str = "http://localhost:8003") -> str:
+    cfg = get_config()
+    env_url = (
+        os.environ.get("EMBEDDR_BACKEND_URL")
+        or os.environ.get("EMBEDDR_URL")
+        or os.environ.get("EMBEDDR_ENDPOINT")
+    )
+    cfg_url = (
+        cfg.get("embeddr_url")
+        or cfg.get("backend_url")
+        or cfg.get("endpoint")
+    )
+
+    return _normalize_base_url(env_url or cfg_url, default)
+
+
+def get_upload_mode(default: str = "require") -> str:
+    cfg = get_config()
+    env_mode = os.environ.get("EMBEDDR_UPLOAD_MODE")
+    cfg_mode = cfg.get("upload_mode")
+    mode = (env_mode or cfg_mode or default or "require").strip().lower()
+    return mode
diff --git a/package.json b/package.json
index 1e58a2c..53c88fa 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
+    "@embeddr/api": "workspace:*",
     "@embeddr/react-ui": "^0.1.4",
     "@radix-ui/react-aspect-ratio": "^1.1.8",
     "@radix-ui/react-avatar": "^1.1.11",
diff --git a/ui/components/GlobalDialog.tsx b/ui/components/GlobalDialog.tsx
index 68fd9fb..f1aebf4 100644
--- a/ui/components/GlobalDialog.tsx
+++ b/ui/components/GlobalDialog.tsx
@@ -6,13 +6,17 @@ import {
   DialogTitle,
 } from "@embeddr/react-ui/components/dialog";
 import { ExploreTab } from "./tabs/ExploreTab";
+import { CollectionSelector } from "./selectors/CollectionSelector";
 import { useEmbeddrApi } from "../hooks/useEmbeddrApi";
 // @ts-ignore
 import { app } from "../../../scripts/app.js";
 
+type DialogMode = "image" | "collection";
+
 export function GlobalDialog() {
   const [isOpen, setIsOpen] = useState(false);
   const [targetNodeId, setTargetNodeId] = useState<number | null>(null);
+  const [mode, setMode] = useState<DialogMode>("image");
 
   const api = useEmbeddrApi();
 
@@ -20,11 +24,17 @@ export function GlobalDialog() {
     const handleOpen = (e: Event) => {
       const customEvent = e as CustomEvent;
       setTargetNodeId(customEvent.detail.nodeId);
+      const requestedMode = customEvent.detail.mode || "image";
+      setMode(requestedMode);
       setIsOpen(true);
 
       // Trigger a fetch if needed
       if (api.configLoaded) {
-        api.fetchImages(true);
+        if (requestedMode === "collection") {
+          api.fetchCollections();
+        } else {
+          api.fetchImages(true);
+        }
       }
     };
 
@@ -69,31 +79,109 @@ export function GlobalDialog() {
     return () => observer.disconnect();
   }, [api.theme]);
 
-  const handleSelect = (image: any) => {
+  const handleSelect = (item: any) => {
     if (targetNodeId !== null) {
       const node = app.graph.getNodeById(targetNodeId);
       if (node) {
-        // Assuming the first widget is the image_id input
-        // We should check the widget name or type
-        const idWidget = node.widgets?.find((w: any) => w.name === "image_id");
-        if (idWidget) {
-          idWidget.value = image.id.toString();
-          if (idWidget.callback) {
-            idWidget.callback(idWidget.value);
+        if (mode === "collection") {
+          // Handle Collection Selection
+
+          // 1. Try "collection_ids" -> Set ID
+          const idWidget = node.widgets?.find(
+            (w: any) => w.name === "collection_ids"
+          );
+          if (idWidget) {
+            idWidget.value = item.id.toString();
+            if (idWidget.callback) {
+              idWidget.callback(idWidget.value);
+            }
+          }
+
+          // 2. Try "collection_id" -> Set ID (for FindCollection node V2)
+          console.log(
+            "[Embeddr] Debug: Listing node widgets:",
+            node.widgets?.map((w: any) => w.name)
+          );
+
+          const colIdWidget = node.widgets?.find(
+            (w: any) => w.name === "collection_id"
+          );
+
+          let idSet = false;
+          if (colIdWidget && item.id) {
+            console.log("[Embeddr] Setting collection_id to", item.id);
+            colIdWidget.value = item.id.toString();
+            if (colIdWidget.callback) {
+              colIdWidget.callback(colIdWidget.value);
+            }
+            idSet = true;
+          } else {
+            console.warn(
+              "[Embeddr] collection_id widget not found on node or invalid item.id!",
+              { widgetFound: !!colIdWidget, itemId: item.id }
+            );
+          }
+
+          // 3. Update Info Widget (Friendly display)
+          const infoWidget = node.widgets?.find((w: any) => w.name === "Info");
+          if (infoWidget) {
+            const count = item.file_count !== undefined ? item.file_count : "?";
+            infoWidget.value = `${
+              item.label || item.name
+            } (${count} items) [ID: ${item.id?.substring(0, 8)}...]`;
+          }
+
+          // 4. Update or Clear Name Widget
+          // If we successfully set the ID, clear the name widget to avoid confusion
+          // and ensure the backend uses the ID.
+          const nameWidget = node.widgets?.find(
+            (w: any) => w.name === "collection_name"
+          );
+          if (nameWidget) {
+            if (idSet) {
+              // Clear name to prioritize ID match and avoid ambiguity
+              console.log(
+                "[Embeddr] Clearing collection_name widget to prioritize ID"
+              );
+              nameWidget.value = "";
+            } else {
+              nameWidget.value = item.label || item.name;
+            }
+
+            if (nameWidget.callback) {
+              nameWidget.callback(nameWidget.value);
+            }
+          }
+
+          // Force UI update
+          if (app.graph) {
+            app.graph.setDirtyCanvas(true, true);
           }
         } else {
-          // Fallback to first widget if name doesn't match
-          if (node.widgets && node.widgets[0]) {
-            node.widgets[0].value = image.id.toString();
+          // Handle Image Selection
+          // Check for artifact_id (V2) or image_id (V1)
+          const idWidget = node.widgets?.find(
+            (w: any) => w.name === "artifact_id" || w.name === "image_id"
+          );
+          if (idWidget) {
+            idWidget.value = item.id.toString();
+            if (idWidget.callback) {
+              idWidget.callback(idWidget.value);
+            }
+          } else {
+            // Fallback to first widget if name doesn't match
+            if (node.widgets && node.widgets[0]) {
+              node.widgets[0].value = item.id.toString();
+            }
           }
-        }
 
-        // Also update image_url if it exists (for preview/compatibility)
-        const urlWidget = node.widgets?.find(
-          (w: any) => w.name === "image_url"
-        );
-        if (urlWidget) {
-          urlWidget.value = image.image_url;
+          // Also update image_url if it exists (for preview/compatibility)
+          const urlWidget = node.widgets?.find(
+            (w: any) => w.name === "image_url"
+          );
+          if (urlWidget) {
+            urlWidget.value = item.image_url;
+          }
         }
 
         app.graph.setDirtyCanvas(true, true);
@@ -106,14 +194,27 @@ export function GlobalDialog() {
     <Dialog open={isOpen} onOpenChange={setIsOpen}>
       <DialogContent className="max-w-4xl h-[80vh] flex flex-col p-0 gap-0">
         <DialogHeader className="p-4 pb-2">
-          <DialogTitle>Select Image</DialogTitle>
+          <DialogTitle>
+            {mode === "collection" ? "Select Collection" : "Select Image"}
+          </DialogTitle>
         </DialogHeader>
         <div className="flex-1 overflow-hidden p-4 pt-0">
-          <ExploreTab
-            {...api}
-            activeTab="explore"
-            onImageSelect={handleSelect}
-          />
+          {mode === "collection" ? (
+            <CollectionSelector
+              collections={api.collections}
+              loading={api.loadingCollections}
+              onSelect={handleSelect}
+              fetchCollections={api.fetchCollections}
+              createCollection={api.createCollection}
+              creating={api.creating}
+            />
+          ) : (
+            <ExploreTab
+              {...api}
+              activeTab="explore"
+              onImageSelect={handleSelect}
+            />
+          )}
         </div>
       </DialogContent>
     </Dialog>
diff --git a/ui/components/panels/EmbeddrPanel.tsx b/ui/components/panels/EmbeddrPanel.tsx
index 06c1433..fba7560 100644
--- a/ui/components/panels/EmbeddrPanel.tsx
+++ b/ui/components/panels/EmbeddrPanel.tsx
@@ -34,6 +34,7 @@ export default function EmbeddrPanel() {
     setSimilarImageId,
     theme,
     setTheme,
+    apiClient,
   } = useEmbeddrApi();
 
   const { openExternal } = useExternalNav();
@@ -88,7 +89,7 @@ export default function EmbeddrPanel() {
               size="icon"
               className={cn(
                 "ml-auto",
-                activeTab === "settings" ? "bg-primary/50" : ""
+                activeTab === "settings" ? "bg-primary/50" : "",
               )}
               onClick={() => setActiveTab("settings")}
             >
@@ -115,6 +116,8 @@ export default function EmbeddrPanel() {
             similarImageId={similarImageId}
             setSimilarImageId={setSimilarImageId}
             mode={mode}
+            apiBase={endpoint}
+            apiClient={apiClient}
             gridSize={gridSize}
             gridPreviewContain={gridPreviewContain}
             configLoaded={configLoaded}
diff --git a/ui/components/panels/ImageDetails.tsx b/ui/components/panels/ImageDetails.tsx
index ab15ac6..d4fdae2 100644
--- a/ui/components/panels/ImageDetails.tsx
+++ b/ui/components/panels/ImageDetails.tsx
@@ -1,7 +1,22 @@
-import React, { useState } from "react";
+import React, { useMemo, useState, useEffect } from "react";
 import { Button } from "@embeddr/react-ui/components/button";
 import { ScrollArea } from "@embeddr/react-ui/components/scroll-area";
-import { ArrowBigRightDashIcon, Check, Copy, Plus } from "lucide-react";
+import { Badge } from "@embeddr/react-ui/components/badge";
+import { Separator } from "@embeddr/react-ui/components/separator";
+import { Skeleton } from "@embeddr/react-ui/components/skeleton";
+import { EmbeddrApiClient } from "@embeddr/api";
+
+import {
+  ArrowBigRightDashIcon,
+  Check,
+  Copy,
+  Plus,
+  Tag,
+  Folder,
+  Hash,
+  Info,
+  FileText,
+} from "lucide-react";
 import type { PromptImageRead } from "@hooks/useEmbeddrApi";
 import type { TargetNode } from "@hooks/useNodeScanner";
 
@@ -10,6 +25,17 @@ interface ImageDetailsProps {
   targetNodes: Array<TargetNode>;
   onLoadIntoNode: (nodeId: number, imageUrl: string) => void;
   onUseImage: (imageUrl: string) => void;
+  apiBase?: string;
+  apiClient?: EmbeddrApiClient;
+}
+
+interface ArtifactDetail {
+  id: string;
+  type_name: string;
+  uri: string;
+  metadata_json: Record<string, any>;
+  collections: Array<{ id: string; name: string }>;
+  tags: Array<{ id: string; name: string }>;
 }
 
 export function ImageDetails({
@@ -17,8 +43,57 @@ export function ImageDetails({
   targetNodes,
   onLoadIntoNode,
   onUseImage,
+  apiBase,
+  apiClient,
 }: ImageDetailsProps) {
   const [copied, setCopied] = useState(false);
+  const [artifact, setArtifact] = useState<ArtifactDetail | null>(null);
+  const [loading, setLoading] = useState(false);
+
+  const localClient = useMemo(() => {
+    if (apiClient) return apiClient;
+    if (!apiBase) return null;
+    let baseUrl = apiBase;
+    if (baseUrl.endsWith("/")) baseUrl = baseUrl.slice(0, -1);
+    if (!baseUrl.endsWith("/api/v2")) {
+      baseUrl = `${baseUrl}/api/v2`;
+    }
+    return new EmbeddrApiClient({ baseUrl });
+  }, [apiClient, apiBase]);
+
+  useEffect(() => {
+    if (!selectedImage?.id) {
+      setArtifact(null);
+      return;
+    }
+
+    setLoading(true);
+    const client = localClient;
+    const fallback = apiBase
+      ? apiBase.replace(/\/+$/, "").replace(/\/+api\/v2$/, "") + "/api/v2"
+      : "";
+
+    if (client) {
+      client.artifacts
+        .get(selectedImage.id)
+        .then((data) => setArtifact(data as ArtifactDetail))
+        .catch((e) => console.error("Failed to fetch artifact details", e))
+        .finally(() => setLoading(false));
+      return;
+    }
+
+    if (!fallback) {
+      setArtifact(null);
+      setLoading(false);
+      return;
+    }
+
+    fetch(`${fallback}/artifacts/${selectedImage.id}`)
+      .then((res) => (res.ok ? res.json() : null))
+      .then((data) => setArtifact(data))
+      .catch((e) => console.error("Failed to fetch artifact details", e))
+      .finally(() => setLoading(false));
+  }, [selectedImage.id, apiBase, localClient]);
 
   const handleCopyPrompt = () => {
     if (selectedImage?.prompt) {
@@ -90,11 +165,100 @@ export function ImageDetails({
             </div>
           </div>
 
-          {selectedImage.prompt && (
-            <div className="text-xs text-muted-foreground bg-background border p-2 whitespace-pre-wrap">
-              {selectedImage.prompt}
-            </div>
-          )}
+          <div className="flex flex-col gap-4 p-1 mt-2">
+            {selectedImage.prompt && (
+              <div className="flex flex-col gap-1">
+                <div className="flex items-center gap-2 text-xs font-semibold text-muted-foreground">
+                  <FileText className="w-3 h-3" /> Prompt
+                </div>
+                <div className="text-xs text-muted-foreground bg-background border p-2 rounded-md whitespace-pre-wrap font-mono max-h-48 overflow-y-auto">
+                  {selectedImage.prompt}
+                </div>
+              </div>
+            )}
+
+            {loading && (
+              <div className="flex flex-col gap-2">
+                <Skeleton className="h-4 w-3/4 bg-muted" />
+                <Skeleton className="h-4 w-1/2 bg-muted" />
+              </div>
+            )}
+
+            {!loading && artifact && (
+              <>
+                <Separator />
+                {/* Tech Specs */}
+                <div className="grid grid-cols-2 gap-4 text-xs">
+                  <div className="flex flex-col gap-0.5">
+                    <span className="text-muted-foreground font-medium">
+                      Dimensions
+                    </span>
+                    <span>
+                      {artifact.metadata_json?.width || selectedImage.width} x{" "}
+                      {artifact.metadata_json?.height || selectedImage.height}
+                    </span>
+                  </div>
+                  <div className="flex flex-col gap-0.5">
+                    <span className="text-muted-foreground font-medium">
+                      Type
+                    </span>
+                    <span className="uppercase">
+                      {artifact.metadata_json?.format || artifact.type_name}
+                    </span>
+                  </div>
+                  {/* File Path (usually useful for debugging or local) */}
+                </div>
+
+                {/* Collections */}
+                {artifact.collections && artifact.collections.length > 0 && (
+                  <div className="flex flex-col gap-2">
+                    <div className="flex items-center gap-2 text-xs font-semibold text-muted-foreground">
+                      <Folder className="w-3 h-3" /> Collections
+                    </div>
+                    <div className="flex flex-wrap gap-1">
+                      {artifact.collections.map((c) => (
+                        <Badge
+                          key={c.id}
+                          variant="outline"
+                          className="text-[10px] px-2 py-0.5 h-auto font-normal"
+                        >
+                          {c.name}
+                        </Badge>
+                      ))}
+                    </div>
+                  </div>
+                )}
+
+                {/* Tags */}
+                {((artifact.tags && artifact.tags.length > 0) ||
+                  (artifact.metadata_json?.tags &&
+                    Array.isArray(artifact.metadata_json.tags))) && (
+                  <div className="flex flex-col gap-2">
+                    <div className="flex items-center gap-2 text-xs font-semibold text-muted-foreground">
+                      <Tag className="w-3 h-3" /> Tags
+                    </div>
+                    <div className="flex flex-wrap gap-1">
+                      {/* Prefer relational tags, fallback to metadata tags */}
+                      {(artifact.tags?.length > 0
+                        ? artifact.tags
+                        : (artifact.metadata_json.tags as string[]).map(
+                            (t) => ({ id: t, name: t }),
+                          )
+                      ).map((t) => (
+                        <Badge
+                          key={t.id}
+                          variant="secondary"
+                          className="text-[10px] px-2 py-0.5 h-auto font-normal"
+                        >
+                          #{t.name}
+                        </Badge>
+                      ))}
+                    </div>
+                  </div>
+                )}
+              </>
+            )}
+          </div>
         </div>
       </ScrollArea>
     </div>
diff --git a/ui/components/selectors/CollectionSelector.tsx b/ui/components/selectors/CollectionSelector.tsx
new file mode 100644
index 0000000..658808b
--- /dev/null
+++ b/ui/components/selectors/CollectionSelector.tsx
@@ -0,0 +1,130 @@
+import React, { useEffect, useState } from "react";
+import {
+  Card,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@embeddr/react-ui/components/card";
+import { ScrollArea } from "@embeddr/react-ui/components/scroll-area";
+import { Input } from "@embeddr/react-ui/components/input";
+import { Button } from "@embeddr/react-ui/components/button";
+import { Folder, Search, Plus } from "lucide-react";
+import type { Collection } from "../../hooks/useEmbeddrCollections";
+
+interface CollectionSelectorProps {
+  collections: Collection[];
+  loading: boolean;
+  onSelect: (collection: Collection) => void;
+  fetchCollections: () => void;
+  createCollection: (label: string) => Promise<boolean>;
+  creating: boolean;
+}
+
+export function CollectionSelector({
+  collections,
+  loading,
+  onSelect,
+  fetchCollections,
+  createCollection,
+  creating,
+}: CollectionSelectorProps) {
+  const [search, setSearch] = useState("");
+  const [showCreate, setShowCreate] = useState(false);
+  const [newLabel, setNewLabel] = useState("");
+
+  useEffect(() => {
+    fetchCollections();
+  }, []);
+
+  const handleCreate = async () => {
+    if (!newLabel.trim()) return;
+    const success = await createCollection(newLabel);
+    if (success) {
+      setNewLabel("");
+      setShowCreate(false);
+    }
+  };
+
+  const filtered = collections.filter((c) =>
+    (c.label || "").toLowerCase().includes(search.toLowerCase())
+  );
+
+  return (
+    <div className="flex flex-col h-full gap-4 p-4">
+      <div className="flex gap-2">
+        <div className="relative flex-1">
+          <Search className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
+          <Input
+            placeholder="Search collections..."
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            className="pl-8"
+          />
+        </div>
+        <Button
+          variant={showCreate ? "secondary" : "default"}
+          onClick={() => setShowCreate(!showCreate)}
+        >
+          <Plus className="h-4 w-4 mr-2" />
+          New
+        </Button>
+      </div>
+
+      {showCreate && (
+        <Card className="p-4 bg-muted/50 border-dashed">
+          <h4 className="text-sm font-medium mb-2">Create New Collection</h4>
+          <div className="flex gap-2">
+            <Input
+              placeholder="Collection Name"
+              value={newLabel}
+              onChange={(e) => setNewLabel(e.target.value)}
+            />
+            <Button onClick={handleCreate} disabled={creating}>
+              {creating ? "Creating..." : "Create"}
+            </Button>
+          </div>
+        </Card>
+      )}
+
+      <ScrollArea className="flex-1">
+        {loading ? (
+          <div className="flex items-center justify-center h-40">
+            Scanning collections...
+          </div>
+        ) : filtered.length === 0 ? (
+          <div className="flex flex-col items-center justify-center p-8 text-muted-foreground">
+            <div className="mb-2">No collections found</div>
+            <div className="text-sm">Create one above to get started</div>
+          </div>
+        ) : (
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+            {filtered.map((collection) => (
+              <Card
+                key={collection.id}
+                className="cursor-pointer hover:border-primary transition-colors"
+                onClick={() => onSelect(collection)}
+              >
+                <CardHeader className="flex flex-row items-center gap-4 p-4">
+                  <div className="p-2 bg-muted rounded-md">
+                    <Folder className="h-6 w-6 text-primary" />
+                  </div>
+                  <div className="flex-1 overflow-hidden">
+                    <CardTitle
+                      className="truncate text-base"
+                      title={collection.label}
+                    >
+                      {collection.label}
+                    </CardTitle>
+                    <CardDescription className="text-xs mt-1">
+                      {collection.file_count ?? 0} items
+                    </CardDescription>
+                  </div>
+                </CardHeader>
+              </Card>
+            ))}
+          </div>
+        )}
+      </ScrollArea>
+    </div>
+  );
+}
diff --git a/ui/components/tabs/ExploreTab.tsx b/ui/components/tabs/ExploreTab.tsx
index 73a1218..75a3594 100644
--- a/ui/components/tabs/ExploreTab.tsx
+++ b/ui/components/tabs/ExploreTab.tsx
@@ -11,11 +11,13 @@ import { ImageGrid } from "@components/ui/ImageGrid";
 import { useNodeScanner } from "@hooks/useNodeScanner";
 import { ImageDetails } from "../panels/ImageDetails";
 import { SearchBar } from "../ui/SearchBar";
+import { useEmbeddrCollections } from "../../hooks/useEmbeddrCollections";
 import type {
   ApiMode,
   LibraryPath,
   PromptImageRead,
 } from "@hooks/useEmbeddrApi";
+import type { EmbeddrApiClient } from "@embeddr/api";
 
 interface ExploreTabProps {
   images: Array<PromptImageRead>;
@@ -26,12 +28,15 @@ interface ExploreTabProps {
     query?: string,
     viewMode?: "all" | "mine",
     libId?: number | null,
-    similarId?: number | null
+    similarId?: string | number | null,
+    collectionId?: string | null,
   ) => Promise<void>;
   libraries: Array<LibraryPath>;
   similarImageId: number | null;
   setSimilarImageId: (id: number | null) => void;
   mode: ApiMode;
+  apiBase?: string; // Need apiBase for collections
+  apiClient?: EmbeddrApiClient;
   gridSize: number;
   setGridSize?: (size: number) => void;
   gridPreviewContain: boolean;
@@ -49,6 +54,8 @@ export function ExploreTab({
   similarImageId,
   setSimilarImageId,
   mode,
+  apiBase = "",
+  apiClient,
   gridSize,
   setGridSize,
   gridPreviewContain,
@@ -60,20 +67,35 @@ export function ExploreTab({
   const { openImage, closeImage, setGalleryImages, currentGallery } =
     useImageDialog();
 
+  const { collections, fetchCollections } = useEmbeddrCollections({
+    apiBase,
+    configLoaded,
+    apiClient,
+  });
+
+  // Load collections on mount/config load
+  useEffect(() => {
+    if (configLoaded) {
+      fetchCollections();
+    }
+  }, [configLoaded, fetchCollections]);
+
   const [searchQuery, setSearchQuery] = useState("");
   const [viewMode, setViewMode] = useState<"all" | "mine">("all");
-  const [selectedLibrary, setSelectedLibrary] = useState<string>("all");
+  const [selectedCollectionId, setSelectedCollectionId] =
+    useState<string>("all");
   const [selectedImage, setSelectedImage] = useState<PromptImageRead | null>(
-    null
+    null,
   );
   const scrollRef = useRef<HTMLDivElement>(null);
 
   // Fetch when dependencies change
   useEffect(() => {
     if (!configLoaded) return;
-    const libId = selectedLibrary === "all" ? null : parseInt(selectedLibrary);
-    fetchImages(true, searchQuery, viewMode, libId, similarImageId);
-  }, [viewMode, configLoaded, selectedLibrary, mode, similarImageId]); // Re-fetch when view mode changes or config is loaded
+    const colId = selectedCollectionId === "all" ? null : selectedCollectionId;
+    // libraryId is null now as we use collections
+    fetchImages(true, searchQuery, viewMode, null, similarImageId, colId);
+  }, [viewMode, configLoaded, selectedCollectionId, mode, similarImageId]); // Re-fetch when view mode changes or config is loaded
 
   // Sync images to lightbox when they change
   useEffect(() => {
@@ -90,8 +112,8 @@ export function ExploreTab({
 
   const handleSearch = (e: React.FormEvent) => {
     e.preventDefault();
-    const libId = selectedLibrary === "all" ? null : parseInt(selectedLibrary);
-    fetchImages(true, searchQuery, viewMode, libId, similarImageId);
+    const colId = selectedCollectionId === "all" ? null : selectedCollectionId;
+    fetchImages(true, searchQuery, viewMode, null, similarImageId, colId);
   };
 
   return (
@@ -112,9 +134,9 @@ export function ExploreTab({
                 }
               }}
               mode={mode}
-              selectedLibrary={selectedLibrary}
-              setSelectedLibrary={setSelectedLibrary}
-              libraries={libraries}
+              selectedCollectionId={selectedCollectionId}
+              setSelectedCollectionId={setSelectedCollectionId}
+              collections={collections}
               viewMode={viewMode}
               setViewMode={setViewMode}
             />
@@ -152,18 +174,19 @@ export function ExploreTab({
                 setSelectedImage(e);
               }}
               onLoadMore={() => {
-                const libId =
-                  selectedLibrary === "all" ? null : parseInt(selectedLibrary);
+                const colId =
+                  selectedCollectionId === "all" ? null : selectedCollectionId;
                 fetchImages(
                   false,
                   searchQuery,
                   viewMode,
-                  libId,
-                  similarImageId
+                  null,
+                  similarImageId,
+                  colId,
                 );
               }}
               onSimilarSearch={(image) => {
-                setSimilarImageId(image);
+                setSimilarImageId(image.id); // Assuming image.id is number/string
               }}
               onSelect={(image) => {
                 if (!image) return;
@@ -191,16 +214,17 @@ export function ExploreTab({
                     totalImages: totalImages,
                     fetchMore: async (_dir: any, _offset: any) => {
                       if (hasMore) {
-                        const libId =
-                          selectedLibrary === "all"
+                        const colId =
+                          selectedCollectionId === "all"
                             ? null
-                            : parseInt(selectedLibrary);
+                            : selectedCollectionId;
                         await fetchImages(
                           false,
                           searchQuery,
                           viewMode,
-                          libId,
-                          similarImageId
+                          null,
+                          similarImageId,
+                          colId,
                         );
                       }
                     },
@@ -224,7 +248,7 @@ export function ExploreTab({
                       },
                     },
                   ],
-                  image.prompt
+                  image.prompt,
                 );
               }}
               selectedId={selectedImage?.id}
@@ -243,6 +267,8 @@ export function ExploreTab({
                   targetNodes={targetNodes}
                   onUseImage={handleUseImage}
                   onLoadIntoNode={handleLoadIntoNode}
+                  apiBase={apiBase}
+                  apiClient={apiClient}
                 />
               </ResizablePanel>
             </>
diff --git a/ui/components/ui/ImageGrid.tsx b/ui/components/ui/ImageGrid.tsx
index 05787be..aba1373 100644
--- a/ui/components/ui/ImageGrid.tsx
+++ b/ui/components/ui/ImageGrid.tsx
@@ -56,9 +56,11 @@ export function ImageGrid({
     };
   }, [hasMore, loading, onLoadMore]);
 
-  const handleDragStart = (e: React.DragEvent, imageUrl: string) => {
-    e.dataTransfer.setData("text/plain", imageUrl);
-    e.dataTransfer.setData("text/uri-list", imageUrl);
+  const handleDragStart = (e: React.DragEvent, image: any) => {
+    e.dataTransfer.setData("text/plain", image.image_url);
+    e.dataTransfer.setData("text/uri-list", image.image_url);
+    e.dataTransfer.setData("embeddr/id", image.id.toString());
+    e.dataTransfer.setData("embeddr/json", JSON.stringify(image));
   };
 
   return (
@@ -81,7 +83,7 @@ export function ImageGrid({
             }}
             onClick={() => onSelect?.(image)}
             draggable
-            onDragStart={(e) => handleDragStart(e, image.image_url)}
+            onDragStart={(e) => handleDragStart(e, image)}
           >
             <img
               src={`${image.thumb_url || image.image_url}`}
diff --git a/ui/components/ui/SearchBar.tsx b/ui/components/ui/SearchBar.tsx
index feb9461..bc92b82 100644
--- a/ui/components/ui/SearchBar.tsx
+++ b/ui/components/ui/SearchBar.tsx
@@ -11,6 +11,7 @@ import {
 } from "@embeddr/react-ui/components/select";
 import { Globe, ScanEyeIcon, Search, User } from "lucide-react";
 import type { ApiMode, LibraryPath } from "@types";
+import type { Collection } from "../../hooks/useEmbeddrCollections";
 
 interface SearchBarProps {
   searchQuery: string;
@@ -20,9 +21,9 @@ interface SearchBarProps {
   similarImageId: number | null;
   setSimilarImageId: (id: number | null) => void;
   mode: ApiMode;
-  selectedLibrary: string;
-  setSelectedLibrary: (lib: string) => void;
-  libraries: Array<LibraryPath>;
+  selectedCollectionId: string;
+  setSelectedCollectionId: (id: string) => void;
+  collections: Array<Collection>;
   viewMode: "all" | "mine";
   setViewMode: (mode: "all" | "mine") => void;
 }
@@ -35,9 +36,9 @@ export function SearchBar({
   similarImageId,
   setSimilarImageId,
   mode,
-  selectedLibrary,
-  setSelectedLibrary,
-  libraries,
+  selectedCollectionId,
+  setSelectedCollectionId,
+  collections,
   viewMode,
   setViewMode,
 }: SearchBarProps) {
@@ -75,15 +76,18 @@ export function SearchBar({
 
       <div className="flex gap-1">
         {mode === "local" ? (
-          <Select value={selectedLibrary} onValueChange={setSelectedLibrary}>
+          <Select
+            value={selectedCollectionId}
+            onValueChange={setSelectedCollectionId}
+          >
             <SelectTrigger className="h-8 w-full">
-              <SelectValue placeholder="Select library" />
+              <SelectValue placeholder="Select collection" />
             </SelectTrigger>
             <SelectContent side="top" position="popper">
-              <SelectItem value="all">All Libraries</SelectItem>
-              {libraries.map((lib) => (
-                <SelectItem key={lib.id} value={lib.id.toString()}>
-                  {lib.name || lib.path}
+              <SelectItem value="all">All Collections</SelectItem>
+              {collections.map((col) => (
+                <SelectItem key={col.id} value={col.id}>
+                  {col.label || "Untitled"} ({col.file_count || 0})
                 </SelectItem>
               ))}
             </SelectContent>
diff --git a/ui/hooks/useEmbeddrApi.ts b/ui/hooks/useEmbeddrApi.ts
index 5eb140d..39c3fca 100644
--- a/ui/hooks/useEmbeddrApi.ts
+++ b/ui/hooks/useEmbeddrApi.ts
@@ -1,9 +1,15 @@
+import { useMemo } from "react";
+import { EmbeddrApiClient } from "@embeddr/api";
 import { useEmbeddrSettings } from "./useEmbeddrSettings";
 import { useEmbeddrLibraries } from "./useEmbeddrLibraries";
 import { useEmbeddrImages } from "./useEmbeddrImages";
+import {
+  useEmbeddrCollections,
+  type Collection,
+} from "./useEmbeddrCollections";
 import type { ApiMode, LibraryPath, PromptImageRead } from "@types";
 
-export type { PromptImageRead, LibraryPath, ApiMode };
+export type { PromptImageRead, LibraryPath, ApiMode, Collection };
 
 interface UseEmbeddrApiProps {
   baseUrl?: string;
@@ -14,6 +20,11 @@ export function useEmbeddrApi({
 }: UseEmbeddrApiProps = {}) {
   const settings = useEmbeddrSettings({ baseUrl });
 
+  const apiClient = useMemo(
+    () => new EmbeddrApiClient({ baseUrl: settings.apiBase }),
+    [settings.apiBase],
+  );
+
   const libraries = useEmbeddrLibraries({
     apiBase: settings.apiBase,
     mode: settings.mode,
@@ -24,11 +35,20 @@ export function useEmbeddrApi({
     apiBase: settings.apiBase,
     mode: settings.mode,
     configLoaded: settings.configLoaded,
+    apiClient,
+  });
+
+  const collections = useEmbeddrCollections({
+    apiBase: settings.apiBase,
+    configLoaded: settings.configLoaded,
+    apiClient,
   });
 
   return {
     ...settings,
+    apiClient,
     ...libraries,
     ...images,
+    ...collections,
   };
 }
diff --git a/ui/hooks/useEmbeddrCollections.ts b/ui/hooks/useEmbeddrCollections.ts
new file mode 100644
index 0000000..5c02634
--- /dev/null
+++ b/ui/hooks/useEmbeddrCollections.ts
@@ -0,0 +1,122 @@
+import { useState, useCallback } from "react";
+import type { EmbeddrApiClient } from "@embeddr/api";
+
+export interface Collection {
+  id: string;
+  label: string;
+  type_name: string;
+  file_count: number;
+  uri?: string;
+  created_at?: string;
+}
+
+interface UseEmbeddrCollectionsProps {
+  apiBase: string;
+  configLoaded: boolean;
+  apiClient?: EmbeddrApiClient;
+}
+
+export function useEmbeddrCollections({
+  apiBase,
+  configLoaded,
+  apiClient,
+}: UseEmbeddrCollectionsProps) {
+  const [collections, setCollections] = useState<Collection[]>([]);
+  const [loadingCollections, setLoadingCollections] = useState(false);
+
+  const fetchCollections = useCallback(async () => {
+    if (!configLoaded || !apiBase) return;
+
+    setLoadingCollections(true);
+    try {
+      const headers: Record<string, string> = {
+        "Content-Type": "application/json",
+      };
+
+      let baseUrl = apiBase;
+      if (baseUrl.endsWith("/")) baseUrl = baseUrl.slice(0, -1);
+      // Ensure we target the V2 API
+      if (!baseUrl.endsWith("/api/v2")) {
+        baseUrl = `${baseUrl}/api/v2`;
+      }
+
+      const res = await fetch(`${baseUrl}/collections`, {
+        method: "GET",
+        headers,
+      });
+      if (res.ok) {
+        const data = await res.json();
+        // data could be paginated or just a list
+        // Assuming list for now based on typical embeddr api
+        const list = Array.isArray(data) ? data : data.items || [];
+        setCollections(list);
+      } else {
+        console.error("Failed to fetch collections", res.status);
+      }
+    } catch (error) {
+      console.error("Error fetching collections:", error);
+    } finally {
+      setLoadingCollections(false);
+    }
+  }, [apiBase, configLoaded]);
+
+  const [creating, setCreating] = useState(false);
+
+  const createCollection = useCallback(
+    async (label: string) => {
+      if (!configLoaded || !apiBase) return;
+      setCreating(true);
+      try {
+        const headers: Record<string, string> = {
+          "Content-Type": "application/json",
+        };
+        const payload = {
+          label: label,
+          type_name: "collection:mix", // Default to simple mix
+          uri: `embeddr:///collections/${label
+            .toLowerCase()
+            .replace(/\s/g, "_")}_${Date.now()}`,
+        };
+
+        let baseUrl = apiBase;
+        if (baseUrl.endsWith("/")) baseUrl = baseUrl.slice(0, -1);
+        if (!baseUrl.endsWith("/api/v2")) {
+          baseUrl = `${baseUrl}/api/v2`;
+        }
+
+        // Use the artifact endpoint to create a collection, since /collections might be read-only or alias
+        // But if /api/v2/collections exists as a dedicated endpoint, we use it.
+        // Assuming /api/v2/collections POST works as expected for creating collections specificically.
+        // If not, we might need to POST to /artifacts with type=collection.
+        // Let's stick to the user's requested endpoint /api/v2/collections for now.
+        const res = await fetch(`${baseUrl}/collections`, {
+          method: "POST",
+          headers,
+          body: JSON.stringify(payload),
+        });
+
+        if (res.ok) {
+          await fetchCollections(); // Refresh list
+          return true;
+        } else {
+          console.error("Failed to create collection", res.status);
+          return false;
+        }
+      } catch (e) {
+        console.error(e);
+        return false;
+      } finally {
+        setCreating(false);
+      }
+    },
+    [apiBase, configLoaded, fetchCollections],
+  );
+
+  return {
+    collections,
+    fetchCollections,
+    loadingCollections,
+    createCollection,
+    creating,
+  };
+}
diff --git a/ui/hooks/useEmbeddrImages.ts b/ui/hooks/useEmbeddrImages.ts
index d6448c3..d434562 100644
--- a/ui/hooks/useEmbeddrImages.ts
+++ b/ui/hooks/useEmbeddrImages.ts
@@ -1,4 +1,5 @@
 import { useCallback, useRef, useState } from "react";
+import type { EmbeddrApiClient } from "@embeddr/api";
 // @ts-ignore
 import { app } from "../../../scripts/app.js";
 import type { ApiMode, PromptImageRead } from "@types";
@@ -7,19 +8,23 @@ interface UseEmbeddrImagesProps {
   apiBase: string;
   mode: ApiMode;
   configLoaded: boolean;
+  apiClient?: EmbeddrApiClient;
 }
 
 export function useEmbeddrImages({
   apiBase,
   mode,
   configLoaded,
+  apiClient,
 }: UseEmbeddrImagesProps) {
   const [images, setImages] = useState<Array<PromptImageRead>>([]);
   const [loading, setLoading] = useState(false);
   const loadingRef = useRef(false);
   const pageRef = useRef(1);
   const [hasMore, setHasMore] = useState(true);
-  const [similarImageId, setSimilarImageId] = useState<number | null>(null);
+  const [similarImageId, setSimilarImageId] = useState<string | number | null>(
+    null,
+  );
 
   const fetchImages = useCallback(
     async (
@@ -27,7 +32,8 @@ export function useEmbeddrImages({
       searchQuery = "",
       viewMode: "all" | "mine" = "all",
       libraryId?: number | null,
-      similarId?: number | null,
+      similarId?: string | number | null,
+      collectionId?: string | null,
     ) => {
       if (!configLoaded) return;
       if (loadingRef.current && !reset) return;
@@ -35,7 +41,9 @@ export function useEmbeddrImages({
       loadingRef.current = true;
       setLoading(true);
       try {
-        const headers: Record<string, string> = {};
+        const headers: Record<string, string> = {
+          "Content-Type": "application/json",
+        };
         const storedKey = localStorage.getItem("embeddr_api_key");
         if (storedKey) {
           headers["Authorization"] = `Bearer ${storedKey}`;
@@ -46,53 +54,152 @@ export function useEmbeddrImages({
 
         let baseUrl = apiBase;
         if (baseUrl.endsWith("/")) baseUrl = baseUrl.slice(0, -1);
+        // Ensure V2
+        if (!baseUrl.endsWith("/api/v2")) {
+          baseUrl = `${baseUrl}/api/v2`;
+        }
 
-        let url;
         const currentSimilarId =
           similarId !== undefined ? similarId : similarImageId;
 
+        let url = "";
+        let method = "GET";
+        let body: string | undefined = undefined;
+
+        // V2 API Logic
         if (currentSimilarId) {
-          url = `${baseUrl}/images/${currentSimilarId}/similar?limit=20&skip=${offset}`;
-          if (libraryId) {
-            url += `&library_id=${libraryId}`;
+          // Use embeddr-search plugin for similar items
+          url = `${baseUrl}/plugins/embeddr-search/similar`;
+          method = "POST";
+          body = JSON.stringify({
+            artifact_id: currentSimilarId.toString(),
+            limit: 20,
+          });
+        } else if (searchQuery) {
+          // Use Embeddr Search Plugin (semantic text search)
+          url = `${baseUrl}/plugins/embeddr-search/query`;
+          method = "POST";
+          body = JSON.stringify({
+            query: searchQuery,
+            limit: 20,
+          });
+        } else if (apiClient) {
+          const list = await apiClient.artifacts.list({
+            limit: 20,
+            offset,
+            type_name: "image",
+            sort: "new",
+            library_id: libraryId ? String(libraryId) : undefined,
+            collection_id: collectionId || undefined,
+          });
+
+          const items = list.items || [];
+          const mapped = items.map((item: any) => {
+            const id = item.id;
+            const metadata = item.metadata_json || {};
+            return {
+              id: id,
+              prompt: metadata.prompt || metadata.filename || "Untitled",
+              image_url: apiClient.artifacts.getContentUrl(id),
+              thumb_url: apiClient.artifacts.getPreviewUrl(id, "thumbnail"),
+              created_at: item.created_at || new Date().toISOString(),
+              like_count: 0,
+              liked_by_me: false,
+              width: metadata.width || 0,
+              height: metadata.height || 0,
+            };
+          });
+
+          if (reset) {
+            setImages(mapped);
+            pageRef.current = 2;
+          } else {
+            setImages((prev) => [...prev, ...mapped]);
+            pageRef.current = currentPage + 1;
           }
-        } else if (mode === "local") {
-          // Local API
-          url = `${baseUrl}/images?limit=20&skip=${offset}`;
+
+          setHasMore(offset + mapped.length < list.total);
+          return;
+        } else {
+          // List Artifacts
+          url = `${baseUrl}/artifacts/?type_name=image&sort=new&limit=20&offset=${offset}`;
           if (libraryId) {
             url += `&library_id=${libraryId}`;
           }
+          if (collectionId) {
+            url += `&collection_id=${collectionId}`;
+          }
         }
 
-        if (searchQuery) {
-          url += `&q=${encodeURIComponent(searchQuery)}`;
+        let response = await fetch(url, { method, headers, body });
+
+        // Fallback for Similar Search if plugin missing (404)
+        if (!response.ok && currentSimilarId && response.status === 404) {
+          console.warn(
+            "Embeddr Search plugin not found, falling back to latest",
+          );
+          url = `${baseUrl}/artifacts/?type_name=image&sort=new&limit=20&offset=${offset}`;
+          method = "GET";
+          body = undefined;
+          response = await fetch(url, { method, headers });
         }
 
-        const response = await fetch(url, { headers });
+        // Fallback for Text Search if plugin missing (404)
+        if (!response.ok && searchQuery && response.status === 404) {
+          console.warn(
+            "Embeddr Search plugin not found, falling back to simple search",
+          );
+          url = `${baseUrl}/artifacts/search?q=${encodeURIComponent(
+            searchQuery,
+          )}&limit=20&offset=${offset}`;
+          method = "GET";
+          body = undefined;
+          response = await fetch(url, { method, headers });
+        }
 
         if (response.ok) {
           const data = await response.json();
           let items: Array<any> = [];
 
-          if (mode === "local") {
-            // Local API returns { items: [], total: ... }
-            items = data.items.map((item: any) => ({
-              id: item.id,
-              prompt: item.prompt, // Use filename as prompt for now
-              image_url: `${baseUrl}/images/${item.id}/file`,
-              thumb_url: `${baseUrl}/images/${item.id}/thumbnail`,
-              created_at: item.created_at,
-              like_count: 0,
-              liked_by_me: false,
-              // Local specific
-              filename: item.filename,
-              path: item.path,
-              width: item.width,
-              height: item.height,
-            }));
-            setHasMore(items.length === 20); // Simple check
-          } else {
-            // Cloud API returns array
+          if (data.items) {
+            // V2 Paginated Response or Search Response
+            items = data.items.map((item: any) => {
+              // Map V2 Artifact to PromptImageRead
+              // OR Map SearchResultItem (which only has ID/Score)
+              const id = item.id;
+              // Check if we have metadata (Artifact) or just ID (Search)
+              const isFullArtifact = !!item.uri;
+              const metadata = item.metadata_json || {};
+
+              return {
+                id: id,
+                prompt:
+                  metadata.prompt ||
+                  metadata.filename ||
+                  (isFullArtifact ? "Untitled" : "Similar Result"),
+                image_url: apiClient
+                  ? apiClient.artifacts.getContentUrl(id)
+                  : `${baseUrl}/artifacts/${id}/content`,
+                thumb_url: apiClient
+                  ? apiClient.artifacts.getPreviewUrl(id, "thumbnail")
+                  : `${baseUrl}/artifacts/${id}/preview?preview_type=thumbnail`,
+                created_at: item.created_at || new Date().toISOString(),
+                like_count: 0,
+                liked_by_me: false,
+                width: metadata.width || 0,
+                height: metadata.height || 0,
+                score: item.score, // specific to search
+              };
+            });
+            // Handle pagination check
+            if (data.total !== undefined) {
+              setHasMore(offset + items.length < data.total);
+            } else {
+              // Search plugin might return count
+              setHasMore(items.length === 20);
+            }
+          } else if (Array.isArray(data)) {
+            // Legacy Cloud API or simple array
             items = data;
             setHasMore(data.length === 20);
           }
@@ -105,7 +212,7 @@ export function useEmbeddrImages({
             pageRef.current = currentPage + 1;
           }
         } else {
-          throw new Error("Failed to fetch images");
+          throw new Error(`Failed to fetch images: ${response.status}`);
         }
       } catch (error) {
         console.error("Error fetching images:", error);
diff --git a/ui/hooks/useEmbeddrSettings.ts b/ui/hooks/useEmbeddrSettings.ts
index b90ab61..4ed288b 100644
--- a/ui/hooks/useEmbeddrSettings.ts
+++ b/ui/hooks/useEmbeddrSettings.ts
@@ -34,7 +34,7 @@ export function useEmbeddrSettings({
   // computed API base for requests
   const apiBase = useMemo(() => {
     const url = endpoint.replace(/\/$/, ""); // remove trailing slash
-    return `${url}/api/v1`; // append API path automatically
+    return `${url}/api/v2`; // append API path automatically
   }, [endpoint]);
 
   // Apply theme
diff --git a/ui/main.tsx b/ui/main.tsx
index b7697c9..23cd608 100644
--- a/ui/main.tsx
+++ b/ui/main.tsx
@@ -6,9 +6,11 @@ import { ExternalNavProvider } from "@embeddr/react-ui";
 import { app } from "../../../scripts/app.js";
 import EmbeddrPanel from "./components/panels/EmbeddrPanel.js";
 import { GlobalDialog } from "./components/GlobalDialog";
-import "./nodes/EmbeddrLoadImage.js";
+import "./nodes/EmbeddrLoadArtifact.js";
 import "./nodes/EmbeddrMergeIds.js";
 import "./nodes/EmbeddrLoRAStack.js";
+import "./nodes/EmbeddrUploadArtifact.js";
+import "./nodes/EmbeddrFindCollection.js";
 // @ts-ignore
 import "./globals.css";
 
diff --git a/ui/nodes/EmbeddrFindCollection.ts b/ui/nodes/EmbeddrFindCollection.ts
new file mode 100644
index 0000000..b3c0936
--- /dev/null
+++ b/ui/nodes/EmbeddrFindCollection.ts
@@ -0,0 +1,52 @@
+// @ts-ignore
+import { app } from "../../../scripts/app.js";
+
+app.registerExtension({
+  name: "Embeddr.FindCollection",
+  async beforeRegisterNodeDef(nodeType: any, nodeData: any, app: any) {
+    if (nodeData.name === "embeddr.FindCollection") {
+      // Add a button to open the dialog
+      const onNodeCreated = nodeType.prototype.onNodeCreated;
+      nodeType.prototype.onNodeCreated = function () {
+        const r = onNodeCreated
+          ? onNodeCreated.apply(this, arguments)
+          : undefined;
+
+        // Custom Widget for Displaying Collection Info
+        // We create a custom widget that just renders text, no input
+        const displayWidget = this.addWidget(
+          "text",
+          "Info",
+          "No Collection Selected",
+          () => {},
+          { serialize: false }
+        );
+        if (displayWidget.inputEl) {
+          displayWidget.inputEl.readOnly = true;
+          displayWidget.inputEl.style.opacity = "0.6";
+          displayWidget.inputEl.style.fontSize = "10px";
+        }
+
+        // Add button widget
+        this.addWidget("button", "Search Existing", "search_collection", () => {
+          // Dispatch event to open dialog with collection mode
+          const event = new CustomEvent("embeddr-open-dialog", {
+            detail: {
+              nodeId: this.id,
+              mode: "collection",
+            },
+          });
+          window.dispatchEvent(event);
+        });
+
+        // Patch onConfigure to restore display if needed?
+        // For now, let's just use the widget value if it was saved?
+        // Ah, serialize: false means it won't be saved.
+        // Maybe we want to update it if the collection_id has a value on load?
+        // That would require fetching details which is complex here.
+
+        return r;
+      };
+    }
+  },
+});
diff --git a/ui/nodes/EmbeddrLoadArtifact.ts b/ui/nodes/EmbeddrLoadArtifact.ts
new file mode 100644
index 0000000..c294dd0
--- /dev/null
+++ b/ui/nodes/EmbeddrLoadArtifact.ts
@@ -0,0 +1,51 @@
+// @ts-ignore
+import { app } from "../../../scripts/app.js";
+import { registerNodeDragAndDrop } from "../utils/nodeDragAndDrop.js";
+
+app.registerExtension({
+  name: "Embeddr.LoadArtifact",
+  async beforeRegisterNodeDef(nodeType: any, nodeData: any, app: any) {
+    if (nodeData.name === "embeddr.LoadArtifact") {
+      // Add a button to open the dialog
+      const onNodeCreated = nodeType.prototype.onNodeCreated;
+      nodeType.prototype.onNodeCreated = function () {
+        const r = onNodeCreated
+          ? onNodeCreated.apply(this, arguments)
+          : undefined;
+
+        // Add button widget
+        this.addWidget("button", "Search Image", "search", () => {
+          // Dispatch event to open dialog
+          const event = new CustomEvent("embeddr-open-dialog", {
+            detail: { nodeId: this.id },
+          });
+          window.dispatchEvent(event);
+        });
+
+        return r;
+      };
+
+      // Use utility to register drag and drop
+      registerNodeDragAndDrop(nodeType, {
+        acceptTypes: ["embeddr/id"],
+        onDrop: (e: DragEvent, node: any) => {
+          const id = e.dataTransfer?.getData("embeddr/id");
+          if (id) {
+            const widget = node.widgets?.find(
+              (w: any) => w.name === "artifact_id"
+            );
+            if (widget) {
+              widget.value = id;
+              if (widget.callback) {
+                widget.callback(widget.value);
+              }
+              node.setDirtyCanvas(true, true);
+              return true; // handled
+            }
+          }
+          return false;
+        },
+      });
+    }
+  },
+});
diff --git a/ui/nodes/EmbeddrLoadImage.ts b/ui/nodes/EmbeddrLoadImage.ts
deleted file mode 100644
index eb5f7d6..0000000
--- a/ui/nodes/EmbeddrLoadImage.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-// @ts-ignore
-import { app } from "../../../scripts/app.js";
-
-app.registerExtension({
-  name: "Embeddr.LoadImage",
-  async beforeRegisterNodeDef(nodeType: any, nodeData: any, app: any) {
-    if (nodeData.name === "embeddr.LoadImage") {
-      // Add a button to open the dialog
-      const onNodeCreated = nodeType.prototype.onNodeCreated;
-      nodeType.prototype.onNodeCreated = function () {
-        const r = onNodeCreated
-          ? onNodeCreated.apply(this, arguments)
-          : undefined;
-
-        // Add button widget
-        this.addWidget("button", "Search Image", "search", () => {
-          // Dispatch event to open dialog
-          const event = new CustomEvent("embeddr-open-dialog", {
-            detail: { nodeId: this.id },
-          });
-          window.dispatchEvent(event);
-        });
-
-        return r;
-      };
-
-      // Handle image_id updates (if we want to preview)
-      // We can reuse the updatePreview logic from LoadImage if we want
-      // But here we might just want to show the ID or fetch the image.
-      // The python node returns the image, so ComfyUI will handle the preview if we return it in the output.
-      // But if we want to show it on the node before execution, we need to fetch it.
-      // For now, let's just handle the ID insertion.
-    }
-  },
-});
diff --git a/ui/nodes/EmbeddrUploadArtifact.ts b/ui/nodes/EmbeddrUploadArtifact.ts
new file mode 100644
index 0000000..04c99c2
--- /dev/null
+++ b/ui/nodes/EmbeddrUploadArtifact.ts
@@ -0,0 +1,67 @@
+// @ts-ignore
+import { app } from "../../../scripts/app.js";
+import { registerNodeDragAndDrop } from "../utils/nodeDragAndDrop.js";
+
+app.registerExtension({
+  name: "Embeddr.UploadArtifact",
+  async beforeRegisterNodeDef(nodeType: any, nodeData: any, app: any) {
+    if (nodeData.name === "embeddr.UploadArtifact") {
+      // Add a button to open the dialog
+      const onNodeCreated = nodeType.prototype.onNodeCreated;
+      nodeType.prototype.onNodeCreated = function () {
+        const r = onNodeCreated
+          ? onNodeCreated.apply(this, arguments)
+          : undefined;
+
+        // Add button widget
+        this.addWidget(
+          "button",
+          "Select Collection",
+          "select_collection",
+          () => {
+            // Dispatch event to open dialog with collection mode
+            const event = new CustomEvent("embeddr-open-dialog", {
+              detail: {
+                nodeId: this.id,
+                mode: "collection",
+              },
+            });
+            window.dispatchEvent(event);
+          }
+        );
+
+        return r;
+      };
+
+      // Use utility to register drag and drop for collections
+      registerNodeDragAndDrop(nodeType, {
+        acceptTypes: ["embeddr/collection_id"],
+        onDrop: (e: DragEvent, node: any) => {
+          const id = e.dataTransfer?.getData("embeddr/collection_id");
+          if (id) {
+            const widget = node.widgets?.find(
+              (w: any) => w.name === "collection_ids"
+            );
+            if (widget) {
+              // Append if shift key held? Or just replace?
+              // For now, let's assume replacement or simple csv append if non-empty
+              const current = widget.value ? widget.value.toString() : "";
+              if (current && !current.includes(id)) {
+                widget.value = `${current},${id}`;
+              } else {
+                widget.value = id;
+              }
+
+              if (widget.callback) {
+                widget.callback(widget.value);
+              }
+              node.setDirtyCanvas(true, true);
+              return true; // handled
+            }
+          }
+          return false;
+        },
+      });
+    }
+  },
+});
diff --git a/ui/utils/nodeDragAndDrop.ts b/ui/utils/nodeDragAndDrop.ts
new file mode 100644
index 0000000..b0d5b23
--- /dev/null
+++ b/ui/utils/nodeDragAndDrop.ts
@@ -0,0 +1,65 @@
+// Emulate a React hook-like behavior but designed for LiteGraph nodes class/prototype usage
+// Since LiteGraph nodes are not React components, this is more of a mixin/utility function
+
+export interface DragAndDropOptions {
+  // Return true if handled
+  onDragOver?: (e: DragEvent, node: any) => boolean;
+  onDrop?: (e: DragEvent, node: any) => boolean;
+  // If specific data types are required
+  acceptTypes?: string[];
+}
+
+/**
+ * Adds drag and drop file/data handling to a node prototype
+ */
+export function registerNodeDragAndDrop(
+  nodeType: any,
+  options: DragAndDropOptions
+) {
+  const { onDragOver, onDrop, acceptTypes = [] } = options;
+
+  const originalDragOver = nodeType.prototype.onDragOver;
+  nodeType.prototype.onDragOver = function (e: DragEvent) {
+    if (e.dataTransfer) {
+      // Check if we have any of the accepted types
+      const hasAcceptedType =
+        acceptTypes.length === 0 ||
+        acceptTypes.some(
+          (type) => e.dataTransfer && e.dataTransfer.types.includes(type)
+        );
+
+      if (hasAcceptedType) {
+        if (onDragOver) {
+          // Allow custom handler to intervene
+          const handled = onDragOver.call(this, e, this);
+          if (handled) {
+            e.preventDefault();
+            return true;
+          }
+        }
+        // Default behavior if type matches: allow drop
+        e.preventDefault();
+        return true;
+      }
+    }
+    // Fallback to original
+    return originalDragOver ? originalDragOver.apply(this, arguments) : false;
+  };
+
+  const originalDragDrop = nodeType.prototype.onDragDrop;
+  nodeType.prototype.onDragDrop = function (e: DragEvent) {
+    if (e.dataTransfer) {
+      const hasAcceptedType =
+        acceptTypes.length === 0 ||
+        acceptTypes.some(
+          (type) => e.dataTransfer && e.dataTransfer.types.includes(type)
+        );
+
+      if (hasAcceptedType && onDrop) {
+        const handled = onDrop.call(this, e, this);
+        if (handled) return true;
+      }
+    }
+    return originalDragDrop ? originalDragDrop.apply(this, arguments) : false;
+  };
+}

From d788b0d48633ecf06321876d601e8f65dc37b056 Mon Sep 17 00:00:00 2001
From: Nynxz <contact@nynxz.com>
Date: Sun, 8 Feb 2026 21:45:57 +1000
Subject: [PATCH 3/9] checkpoint: pre remote-worker mode

---
 __init__.py                           |  165 +++-
 nodes/EmbeddrExtractArtifactInfo.py   |   94 +++
 nodes/EmbeddrFindCollection.py        |    7 +-
 nodes/EmbeddrFindSimilarArtifacts.py  |   16 +-
 nodes/EmbeddrFindSimilarText.py       |    6 +-
 nodes/EmbeddrFindSimilarToArtifact.py |   99 +++
 nodes/EmbeddrLoadArtifact.py          |   77 +-
 nodes/EmbeddrLoadArtifacts.py         |   92 ++-
 nodes/EmbeddrLoadImages.py            |   20 +-
 nodes/EmbeddrLoadOptions.py           |    0
 nodes/EmbeddrLoadVideo.py             |    3 +-
 nodes/EmbeddrMergeIDs.py              |    6 +-
 nodes/EmbeddrSplitIDs.py              |   33 +
 nodes/EmbeddrUploadArtifact.py        |  120 +--
 nodes/EmbeddrUploadOptions.py         |   44 ++
 nodes/EmbeddrUploadVideo.py           |  134 ++--
 nodes/types.py                        |   42 +
 nodes/utils/api.py                    |    6 +-
 nodes/utils/config.py                 |   19 +-
 nodes/utils/ids.py                    |   46 ++
 package.json                          |   10 +-
 ui/components/GlobalDialog.tsx        |   33 +-
 ui/components/ZenShell.tsx            | 1026 +++++++++++++++++++++++++
 ui/components/panels/EmbeddrPanel.tsx |   67 +-
 ui/components/panels/ImageDetails.tsx |   33 +-
 ui/components/tabs/ExploreTab.tsx     |    4 +
 ui/components/tabs/SettingsForm.tsx   |   79 +-
 ui/components/ui/AuthorizedImage.tsx  |   47 ++
 ui/components/ui/ImageGrid.tsx        |   13 +-
 ui/globals.css                        |  395 ++++++++--
 ui/hooks/useEmbeddrApi.ts             |   38 +-
 ui/hooks/useEmbeddrCollections.ts     |   44 +-
 ui/hooks/useEmbeddrImages.ts          |   82 +-
 ui/hooks/useEmbeddrLibraries.ts       |   28 +-
 ui/hooks/useEmbeddrSettings.ts        |  156 +++-
 ui/hooks/useThemePacks.ts             |   26 +
 ui/main.tsx                           |  147 +++-
 ui/nodes/EmbeddrMergeIds.ts           |    6 +-
 ui/utils/proxyFetch.ts                |   32 +
 ui/utils/themePacks.ts                |  154 ++++
 40 files changed, 3084 insertions(+), 365 deletions(-)
 create mode 100644 nodes/EmbeddrExtractArtifactInfo.py
 create mode 100644 nodes/EmbeddrFindSimilarToArtifact.py
 create mode 100644 nodes/EmbeddrLoadOptions.py
 create mode 100644 nodes/EmbeddrSplitIDs.py
 create mode 100644 nodes/EmbeddrUploadOptions.py
 create mode 100644 nodes/types.py
 create mode 100644 nodes/utils/ids.py
 create mode 100644 ui/components/ZenShell.tsx
 create mode 100644 ui/components/ui/AuthorizedImage.tsx
 create mode 100644 ui/hooks/useThemePacks.ts
 create mode 100644 ui/utils/proxyFetch.ts
 create mode 100644 ui/utils/themePacks.ts

diff --git a/__init__.py b/__init__.py
index c669560..8ca5983 100644
--- a/__init__.py
+++ b/__init__.py
@@ -1,5 +1,6 @@
 import os
 import json
+import aiohttp
 from aiohttp import web
 from server import PromptServer
 from comfy_api.latest import ComfyExtension, io
@@ -8,15 +9,21 @@
 from .nodes.EmbeddrLoadArtifact import EmbeddrLoadArtifactNode
 from .nodes.EmbeddrLoadArtifacts import EmbeddrLoadArtifactsNode
 from .nodes.EmbeddrMergeIDs import EmbeddrMergeIDsNode
+from .nodes.EmbeddrExtractArtifactInfo import EmbeddrExtractArtifactInfoNode
+from .nodes.EmbeddrSplitIDs import EmbeddrSplitIDsNode
 from .nodes.EmbeddrFindSimilarArtifacts import EmbeddrFindSimilarArtifactsNode
+from .nodes.EmbeddrFindSimilarToArtifact import EmbeddrFindSimilarToArtifactNode
 from .nodes.EmbeddrFindSimilarText import EmbeddrFindSimilarTextNode
 from .nodes.EmbeddrUploadVideo import EmbeddrUploadVideo
 from .nodes.EmbeddrLoadVideo import EmbeddrLoadVideoNode
 from .nodes.EmbeddrLoRAStack import EmbeddrLoRAStack
 from .nodes.EmbeddrFindCollection import EmbeddrFindCollectionNode
+from .nodes.EmbeddrUploadOptions import UploadArtifactOptionsNode
 
 CONFIG_PATH = os.path.join(os.path.dirname(__file__), "config.json")
 
+print("[Embeddr Extension] Loading... Proxy routes registered.")
+
 
 def get_api_key():
     if os.path.exists(CONFIG_PATH):
@@ -29,6 +36,83 @@ def get_api_key():
     return ""
 
 
+def _load_config() -> dict:
+    if os.path.exists(CONFIG_PATH):
+        try:
+            with open(CONFIG_PATH, "r") as f:
+                return json.load(f)
+        except Exception:
+            return {}
+    return {}
+
+
+def _normalize_base_url(url: str | None, default: str = "http://localhost:8003") -> str:
+    if not url:
+        return default
+    clean = str(url).strip().rstrip("/")
+    if clean.endswith("/api/v1"):
+        clean = clean[:-7]
+    elif clean.endswith("/api"):
+        clean = clean[:-4]
+    return clean.rstrip("/")
+
+
+@PromptServer.instance.routes.get("/embeddr/proxy")
+@PromptServer.instance.routes.post("/embeddr/proxy")
+@PromptServer.instance.routes.put("/embeddr/proxy")
+@PromptServer.instance.routes.delete("/embeddr/proxy")
+async def proxy_request(request):
+    url = request.rel_url.query.get("url")
+    if not url:
+        return web.Response(status=400, text="Missing url param")
+
+    # Load config to get API key
+    config = {}
+    if os.path.exists(CONFIG_PATH):
+        try:
+            with open(CONFIG_PATH, "r") as f:
+                config = json.load(f)
+        except:
+            pass
+
+    api_key = config.get("api_key", "")
+
+    headers = {}
+    if api_key:
+        headers["X-API-Key"] = api_key
+
+    # Forward Content-Type if present
+    if "Content-Type" in request.headers:
+        headers["Content-Type"] = request.headers["Content-Type"]
+
+    method = request.method
+    data = None
+    if request.can_read_body:
+        data = await request.read()
+
+    async with aiohttp.ClientSession() as session:
+        try:
+            async with session.request(method, url, headers=headers, data=data) as resp:
+                # Create response with status code from upstream
+                response = web.StreamResponse(
+                    status=resp.status, reason=resp.reason)
+
+                # Forward relevant headers
+                for h in ['Content-Type', 'Content-Length', 'Content-Disposition']:
+                    if h in resp.headers:
+                        response.headers[h] = resp.headers[h]
+
+                await response.prepare(request)
+
+                async for chunk in resp.content.iter_chunked(1024*64):
+                    await response.write(chunk)
+
+                return response
+        except Exception as e:
+            print(f"[Embeddr Proxy Error] {e}")
+            return web.Response(status=500, text=str(e))
+
+
 @PromptServer.instance.routes.post("/embeddr/config")
 async def save_config(request):
     try:
@@ -66,35 +150,98 @@ async def save_config(request):
 
 @PromptServer.instance.routes.get("/embeddr/config")
 async def get_config(request):
-    config = {}
-    if os.path.exists(CONFIG_PATH):
-        try:
-            with open(CONFIG_PATH, "r") as f:
-                config = json.load(f)
-        except:
-            pass
+    config = _load_config()
 
     endpoint = config.get("endpoint", "http://localhost:8003")
     mode = config.get("mode", "local")
     grid_preview_contain = config.get("grid_preview_contain", False)
+    api_key = config.get("api_key", "")
 
-    # Return masked key for UI
+    # Return key for UI so frontend can make authorized requests
     return web.json_response({
         "endpoint": endpoint,
         "mode": mode,
-        "grid_preview_contain": grid_preview_contain
+        "grid_preview_contain": grid_preview_contain,
+        "api_key": api_key
     })
 
 
+@PromptServer.instance.routes.get("/embeddr/health")
+async def embeddr_health(request):
+    config = _load_config()
+    endpoint = config.get("endpoint") or "http://localhost:8003"
+    api_key = config.get("api_key")
+    base_url = _normalize_base_url(endpoint)
+
+    if not api_key:
+        return web.json_response(
+            {
+                "ok": False,
+                "status": "missing_key",
+                "endpoint": base_url,
+                "note": "ComfyUI API key is not configured.",
+            },
+            status=400,
+        )
+
+    url = f"{base_url}/api/v1/plugins/embeddr-comfyui/check"
+    headers = {"X-API-Key": api_key}
+
+    async with aiohttp.ClientSession() as session:
+        try:
+            async with session.get(url, headers=headers, timeout=5) as resp:
+                payload = None
+                try:
+                    payload = await resp.json()
+                except Exception:
+                    payload = None
+
+                if resp.status == 403:
+                    return web.json_response(
+                        {
+                            "ok": False,
+                            "status": "unauthorized",
+                            "endpoint": base_url,
+                            "note": "Embeddr rejected the API key.",
+                            "embeddr": payload,
+                        },
+                        status=403,
+                    )
+
+                return web.json_response(
+                    {
+                        "ok": resp.status < 400,
+                        "status": resp.status,
+                        "endpoint": base_url,
+                        "embeddr": payload,
+                    },
+                    status=200 if resp.status < 400 else resp.status,
+                )
+        except Exception as e:
+            return web.json_response(
+                {
+                    "ok": False,
+                    "status": "error",
+                    "endpoint": base_url,
+                    "note": str(e),
+                },
+                status=500,
+            )
+
+
 class EmbeddrComfyUIExtension(ComfyExtension):
     async def get_node_list(self) -> list[type[io.ComfyNode]]:
         return [
             EmbeddrFindSimilarArtifactsNode,
+            EmbeddrFindSimilarToArtifactNode,
             EmbeddrFindSimilarTextNode,
             EmbeddrLoadArtifactNode,
             EmbeddrLoadArtifactsNode,
             EmbeddrMergeIDsNode,
+            EmbeddrSplitIDsNode,
+            EmbeddrExtractArtifactInfoNode,
             EmbeddrUploadArtifactNode,
+            UploadArtifactOptionsNode,
             EmbeddrUploadVideo,
             EmbeddrLoadVideoNode,
             EmbeddrLoRAStack,
diff --git a/nodes/EmbeddrExtractArtifactInfo.py b/nodes/EmbeddrExtractArtifactInfo.py
new file mode 100644
index 0000000..8aceedf
--- /dev/null
+++ b/nodes/EmbeddrExtractArtifactInfo.py
@@ -0,0 +1,94 @@
+from comfy_api.latest import io
+from .types import EmbeddrArtifactInfo, EmbeddrArtifactID, EmbeddrArtifactIDObject
+
+
+class EmbeddrExtractArtifactInfoNode(io.ComfyNode):
+    @classmethod
+    def define_schema(cls) -> io.Schema:
+        return io.Schema(
+            node_id="embeddr.ExtractArtifactInfo",
+            display_name="Embeddr Extract Artifact Info (V2)",
+            description="Extracts specific metadata fields from an Artifact Info object.",
+            category="Embeddr",
+            inputs=[
+                EmbeddrArtifactInfo.Input(
+                    "artifact_info", tooltip="Artifact Info object from Load Artifact"),
+            ],
+            outputs=[
+                EmbeddrArtifactID.Output(
+                    "parent_ids", tooltip="List of parent Artifact IDs"),
+                # EmbeddrArtifactID.Output("collection_ids", tooltip="List of collection IDs"),
+                io.String.Output("tags", tooltip="Comma-separated tags"),
+                io.String.Output(
+                    "all_json", tooltip="Full JSON dump of the artifact metadata"),
+            ],
+        )
+
+    @classmethod
+    def execute(cls, artifact_info):
+        if not artifact_info:
+            return io.NodeOutput(EmbeddrArtifactIDObject(artifact_id=""), "", "{}")
+
+        data = artifact_info.data
+
+        # Parse Parents (from relations or metadata)
+        # Note: API usually returns `parents` relation list in `relations` key or similar depending on implementation
+        # For now, let's assume standard Artifact response structure.
+        # If the API doesn't return relations inline, we might need to rely on metadata_json['parent_ids']
+
+        parents = []
+
+        # Helper to safely dig into dicts
+        def get_parents_from_dict(d):
+            if not isinstance(d, dict):
+                return []
+            res = []
+            # Check direct key
+            if "parent_ids" in d:
+                val = d["parent_ids"]
+                if isinstance(val, list):
+                    res.extend([str(v) for v in val])
+                elif isinstance(val, str):
+                    res.extend([v.strip() for v in val.split(",")])
+
+            # Check comfy_meta subkey
+            if "comfy_meta" in d:
+                res.extend(get_parents_from_dict(d["comfy_meta"]))
+
+            return res
+
+        # 1. Try Top Level
+        parents.extend(get_parents_from_dict(data))
+
+        # 2. Try metadata_json (if distinct from data root)
+        meta = data.get("metadata_json")
+        if meta and isinstance(meta, dict):
+            parents.extend(get_parents_from_dict(meta))
+
+        # Dedup
+        parents = list(set(parents))
+        parent_str = ",".join(parents)
+
+        # Tags (often in relations or separate 'tags' key)
+        tags = []
+        if "tags" in data:
+            # If tags are objects
+            if isinstance(data["tags"], list):
+                for t in data["tags"]:
+                    if isinstance(t, dict):
+                        tags.append(t.get("label", ""))
+                    else:
+                        tags.append(str(t))
+        elif "tags" in meta:
+            tags = meta["tags"]
+
+        tags_str = ",".join(tags)
+
+        import json
+        json_str = json.dumps(data, indent=2)
+
+        return io.NodeOutput(
+            EmbeddrArtifactIDObject(artifact_id=parent_str),
+            tags_str,
+            json_str
+        )
diff --git a/nodes/EmbeddrFindCollection.py b/nodes/EmbeddrFindCollection.py
index 871b2af..449512e 100644
--- a/nodes/EmbeddrFindCollection.py
+++ b/nodes/EmbeddrFindCollection.py
@@ -1,6 +1,6 @@
 import requests
 from comfy_api.latest import io
-from .utils import get_config
+from .utils.config import get_config, get_auth_headers
 
 
 def Embeddr_Log(message: str):
@@ -45,7 +45,8 @@ def execute(cls, collection_name, create_if_missing, collection_id=""):
         try:
             # 2. List Collections to Find by Name
             # Note: Removed limit=1000 to avoid potential 422 if API doesn't support it
-            resp = requests.get(f"{base_url}/api/v2/collections")
+            resp = requests.get(
+                f"{base_url}/api/v1/collections", headers=get_auth_headers())
             # If 404, maybe endpoint is different.
             if resp.status_code == 404:
                 # Fallback to V1? Or just fail.
@@ -80,7 +81,7 @@ def execute(cls, collection_name, create_if_missing, collection_id=""):
                            "type_name": "collection:mix",
                            "uri": f"embeddr:///collections/{collection_name.lower().replace(' ', '_')}"}
                 resp = requests.post(
-                    f"{base_url}/api/v2/collections", json=payload)
+                    f"{base_url}/api/v1/collections", json=payload, headers=get_auth_headers())
                 resp.raise_for_status()
                 new_col = resp.json()
                 Embeddr_Log(
diff --git a/nodes/EmbeddrFindSimilarArtifacts.py b/nodes/EmbeddrFindSimilarArtifacts.py
index bf5c8bc..7233fed 100644
--- a/nodes/EmbeddrFindSimilarArtifacts.py
+++ b/nodes/EmbeddrFindSimilarArtifacts.py
@@ -5,6 +5,7 @@
 import io as pyio
 from comfy_api.latest import io, ui
 from .utils import get_config
+from .utils.config import get_auth_headers
 
 
 class EmbeddrFindSimilarArtifactsNode(io.ComfyNode):
@@ -18,6 +19,7 @@ def define_schema(cls) -> io.Schema:
             inputs=[
                 io.Image.Input("image"),
                 io.Int.Input("limit", default=5, min=1, max=50),
+                io.String.Input("model_name", default="lotus"),
             ],
             outputs=[
                 io.Image.Output("images", is_output_list=True),
@@ -26,14 +28,14 @@ def define_schema(cls) -> io.Schema:
         )
 
     @classmethod
-    def execute(cls, image, limit):
+    def execute(cls, image, limit, model_name="lotus"):
         config = get_config()
         base_url = config.get("embeddr_url") or config.get(
             "endpoint") or "http://localhost:8003"
         base_url = base_url.rstrip("/")
 
         # Endpoint in Plugin
-        api_url = f"{base_url}/api/v2/plugins/embeddr-comfyui/find_similar"
+        api_url = f"{base_url}/api/v1/plugins/embeddr-comfyui/find_similar"
 
         # Prepare image (take first of batch for query)
         img_array = (image[0].cpu().numpy() * 255).astype(np.uint8)
@@ -44,11 +46,12 @@ def execute(cls, image, limit):
         buf.seek(0)
 
         files = {"file": ("query.png", buf, "image/png")}
-        data = {"limit": limit}
+        data = {"limit": limit, "model_name": model_name}
 
         try:
             # Upload & Search
-            response = requests.post(api_url, files=files, data=data)
+            response = requests.post(
+                api_url, files=files, data=data, headers=get_auth_headers())
             response.raise_for_status()
             results = response.json()
             items = results.get("items", [])  # List of objects {id, uri, ...}
@@ -63,10 +66,11 @@ def execute(cls, image, limit):
 
             for item in items:
                 art_id = item.get("id")
-                content_url = f"{base_url}/api/v2/plugins/embeddr-comfyui/content/{art_id}"
+                content_url = f"{base_url}/api/v1/plugins/embeddr-comfyui/content/{art_id}"
 
                 try:
-                    img_resp = requests.get(content_url)
+                    img_resp = requests.get(
+                        content_url, headers=get_auth_headers())
                     if img_resp.status_code == 200:
                         i = Image.open(pyio.BytesIO(img_resp.content))
                         i = i.convert("RGB")
diff --git a/nodes/EmbeddrFindSimilarText.py b/nodes/EmbeddrFindSimilarText.py
index 0769fae..e93daed 100644
--- a/nodes/EmbeddrFindSimilarText.py
+++ b/nodes/EmbeddrFindSimilarText.py
@@ -6,6 +6,7 @@
 from comfy_api.latest import io, ui
 from .utils import get_config
 from .utils.api import get_libraries, get_collections
+from .utils.config import get_auth_headers
 
 
 class EmbeddrFindSimilarTextNode(io.ComfyNode):
@@ -60,7 +61,8 @@ def execute(cls, prompt, library="All", collection="All", limit=5):
                 pass
 
         try:
-            response = requests.get(api_url, params=params)
+            response = requests.get(
+                api_url, params=params, headers=get_auth_headers())
             response.raise_for_status()
             results = response.json()
             items = results.get("items", [])
@@ -82,7 +84,7 @@ def execute(cls, prompt, library="All", collection="All", limit=5):
                 # Fetch image file
                 img_url = endpoint.rstrip(
                     "/") + f"/api/v1/images/{item['id']}/file"
-                img_resp = requests.get(img_url)
+                img_resp = requests.get(img_url, headers=get_auth_headers())
                 if img_resp.status_code == 200:
                     i = Image.open(pyio.BytesIO(img_resp.content))
                     i = ImageOps.exif_transpose(i)
diff --git a/nodes/EmbeddrFindSimilarToArtifact.py b/nodes/EmbeddrFindSimilarToArtifact.py
new file mode 100644
index 0000000..2eaceca
--- /dev/null
+++ b/nodes/EmbeddrFindSimilarToArtifact.py
@@ -0,0 +1,99 @@
+import requests
+import torch
+import numpy as np
+from PIL import Image
+import io as pyio
+from comfy_api.latest import io, ui
+from .utils import get_config
+from .utils.config import get_auth_headers
+from .types import EmbeddrArtifactID
+
+
+class EmbeddrFindSimilarToArtifactNode(io.ComfyNode):
+    @classmethod
+    def define_schema(cls) -> io.Schema:
+        return io.Schema(
+            node_id="embeddr.FindSimilarToArtifact",
+            display_name="Embeddr Find Similar To Artifact ID",
+            description="Finds similar artifacts using an existing Artifact ID.",
+            category="Embeddr",
+            inputs=[
+                EmbeddrArtifactID.Input(
+                    "artifact_id", tooltip="The Source Artifact ID"),
+                io.Int.Input("limit", default=5, min=1, max=50),
+                io.String.Input("model_name", default="lotus"),
+            ],
+            outputs=[
+                io.Image.Output("images", is_output_list=True),
+                io.String.Output("artifact_ids", is_output_list=True),
+            ],
+        )
+
+    @classmethod
+    def execute(cls, artifact_id, limit, model_name="lotus"):
+        config = get_config()
+        base_url = config.get("embeddr_url") or config.get(
+            "endpoint") or "http://localhost:8003"
+        base_url = base_url.rstrip("/")
+
+        # Endpoint in Plugin
+        api_url = f"{base_url}/api/v1/plugins/embeddr-comfyui/find_similar_to_id"
+
+        # Resolve ID if object
+        aid = str(artifact_id)
+        if hasattr(artifact_id, "artifact_id"):
+            aid = str(artifact_id.artifact_id)
+            if isinstance(aid, list):
+                aid = aid[0]  # Take first if list
+
+        data = {
+            "artifact_id": aid,
+            "limit": limit,
+            "model_name": model_name
+        }
+
+        try:
+            # Search
+            response = requests.post(
+                api_url, data=data, headers=get_auth_headers())
+            response.raise_for_status()
+            results = response.json()
+            items = results.get("items", [])
+
+            if not items:
+                empty = torch.zeros(
+                    (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+                return io.NodeOutput([empty], ["-1"])
+
+            output_images = []
+            output_ids = []
+
+            for item in items:
+                art_id = item.get("id")
+                content_url = f"{base_url}/api/v1/plugins/embeddr-comfyui/content/{art_id}"
+
+                try:
+                    img_resp = requests.get(
+                        content_url, headers=get_auth_headers())
+                    if img_resp.status_code == 200:
+                        i = Image.open(pyio.BytesIO(img_resp.content))
+                        i = i.convert("RGB")
+                        i_np = np.array(i).astype(np.float32) / 255.0
+                        output_images.append(torch.from_numpy(i_np)[None,])
+                        output_ids.append(str(art_id))
+                except Exception as e:
+                    print(
+                        f"Failed to fetch content for similar item {art_id}: {e}")
+
+            if not output_images:
+                empty = torch.zeros(
+                    (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+                return io.NodeOutput([empty], ["-1"])
+
+            return io.NodeOutput(output_images, output_ids)
+
+        except Exception as e:
+            print(f"[Embeddr] FindSimilarToID Error: {e}")
+            empty = torch.zeros(
+                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+            return io.NodeOutput([empty], ["-1"])
diff --git a/nodes/EmbeddrLoadArtifact.py b/nodes/EmbeddrLoadArtifact.py
index ce540a1..590563f 100644
--- a/nodes/EmbeddrLoadArtifact.py
+++ b/nodes/EmbeddrLoadArtifact.py
@@ -8,6 +8,8 @@
 from io import BytesIO
 from comfy_api.latest import io, ui
 from .utils import get_config
+from .utils.config import get_auth_headers
+from .types import EmbeddrArtifactID, EmbeddrArtifactIDObject, EmbeddrArtifactInfo, EmbeddrArtifactInfoObject
 
 
 class EmbeddrLoadArtifactNode(io.ComfyNode):
@@ -30,10 +32,10 @@ def _debug(cls, message: str, **fields):
 
     @classmethod
     def _resolve_artifact_url(cls, base_url: str, artifact_id: str):
-        resolve_url = f"{base_url}/api/v2/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
+        resolve_url = f"{base_url}/api/v1/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
         cls._debug("resolving_artifact", artifact_id=artifact_id,
                    resolve_url=resolve_url)
-        res = requests.get(resolve_url)
+        res = requests.get(resolve_url, headers=get_auth_headers())
         res.raise_for_status()
         data = res.json()
         url = data.get("url")
@@ -41,13 +43,13 @@ def _resolve_artifact_url(cls, base_url: str, artifact_id: str):
         if url and url.startswith("/"):
             url = urljoin(base_url, url)
 
-        if url and "/api/v2/artifacts/" in url and "/content" in url and "proxy=" not in url:
+        if url and "/api/v1/artifacts/" in url and "/content" in url and "proxy=" not in url:
             url = f"{url}?proxy=1"
 
         base_netloc = urlparse(base_url).netloc
         url_netloc = urlparse(url).netloc if url else ""
         if url and base_netloc and url_netloc and url_netloc != base_netloc:
-            proxy_url = f"{base_url}/api/v2/artifacts/{artifact_id}/content?proxy=1"
+            proxy_url = f"{base_url}/api/v1/artifacts/{artifact_id}/content?proxy=1"
             cls._debug(
                 "forcing_proxy_url",
                 artifact_id=artifact_id,
@@ -67,47 +69,82 @@ def define_schema(cls) -> io.Schema:
             description="Loads an image/artifact from Embeddr by UUID.",
             category="Embeddr",
             inputs=[
-                io.String.Input("artifact_id", default="",
-                                tooltip="UUID of the artifact to load"),
+                io.String.Input("manual_artifact_id",
+                                tooltip="Manual UUID string (used if input not connected)", default=""),
+                EmbeddrArtifactID.Input("artifact_id",
+                                        tooltip="UUID of the artifact to load", optional=True),
                 io.Boolean.Input("use_cache", default=True)
             ],
             outputs=[
                 io.Image.Output("image"),
                 io.Mask.Output("mask"),
-                io.String.Output("artifact_id_out"),
+                EmbeddrArtifactID.Output("artifact_id_out"),
+                EmbeddrArtifactInfo.Output("artifact_info"),
             ],
         )
 
     @classmethod
-    def execute(cls, artifact_id, use_cache):
-        if not artifact_id:
+    def execute(cls, use_cache, artifact_id=None, manual_artifact_id=None):
+        # Resolve artifact_id from connection or manual input
+        resolved_id = ""
+
+        if artifact_id is not None:
+            if isinstance(artifact_id, EmbeddrArtifactIDObject):
+                resolved_id = artifact_id.artifact_id
+            else:
+                resolved_id = str(artifact_id)
+
+        # Fallback to manual input if connection is empty
+        if not resolved_id and manual_artifact_id:
+            resolved_id = str(manual_artifact_id).strip()
+
+        if not resolved_id:
             # Return empty black image if no ID
             empty_image = torch.zeros(
                 (1, 64, 64, 3), dtype=torch.float32, device="cpu")
             empty_mask = torch.zeros(
                 (1, 64, 64), dtype=torch.float32, device="cpu")
-            return io.NodeOutput(empty_image, empty_mask, "")
+            return io.NodeOutput(
+                empty_image,
+                empty_mask,
+                EmbeddrArtifactIDObject(artifact_id=""),
+                EmbeddrArtifactInfoObject(data={})
+            )
 
-        if use_cache and artifact_id in cls._cache:
-            image, mask = cls._cache[artifact_id]
-            return io.NodeOutput(image, mask, artifact_id)
+        if use_cache and resolved_id in cls._cache:
+            image, mask, info = cls._cache[resolved_id]
+            return io.NodeOutput(image, mask, EmbeddrArtifactIDObject(artifact_id=resolved_id), info)
 
         try:
             config = get_config()
             base_url = config.get("embeddr_url") or config.get(
                 "endpoint") or "http://localhost:8003"
             base_url = base_url.rstrip("/")
+
+            # 1. Fetch JSON metadata first
+            meta_url = f"{base_url}/api/v1/artifacts/{resolved_id}"
+            meta_res = requests.get(meta_url, headers=get_auth_headers())
+            meta_res.raise_for_status()
+            artifact_data = meta_res.json()
+            info_obj = EmbeddrArtifactInfoObject(data=artifact_data)
+
+            # 2. Resolve content
             endpoint, content_headers = cls._resolve_artifact_url(
-                base_url, artifact_id
+                base_url, resolved_id
             )
 
             cls._debug(
                 "requesting_artifact_content",
-                artifact_id=artifact_id,
+                artifact_id=resolved_id,
                 endpoint=endpoint,
             )
 
-            response = requests.get(endpoint, headers=content_headers)
+            # Merge auth headers with any resolved headers (e.g. S3 signed headers or similar)
+            final_headers = get_auth_headers()
+            if content_headers:
+                final_headers.update(content_headers)
+
+            response = requests.get(endpoint, headers=final_headers)
             response.raise_for_status()
             cls._debug(
                 "artifact_content_response",
@@ -129,13 +166,13 @@ def execute(cls, artifact_id, use_cache):
                 mask = torch.zeros((64, 64), dtype=torch.float32, device="cpu")
 
             if use_cache:
-                cls._cache[artifact_id] = (image, mask)
+                cls._cache[resolved_id] = (image, mask, info_obj)
 
-            return io.NodeOutput(image, mask, artifact_id, ui=ui.PreviewImage(image))
+            return io.NodeOutput(image, mask, EmbeddrArtifactIDObject(artifact_id=resolved_id), info_obj, ui=ui.PreviewImage(image))
 
         except Exception as e:
-            print(f"[Embeddr] Error loading artifact {artifact_id}: {e}")
+            print(f"[Embeddr] Error loading artifact {resolved_id}: {e}")
             cls._debug("artifact_load_failed",
-                       artifact_id=artifact_id, error=str(e))
+                       artifact_id=resolved_id, error=str(e))
             # Raise error to stop workflow if loading fails
             raise e
diff --git a/nodes/EmbeddrLoadArtifacts.py b/nodes/EmbeddrLoadArtifacts.py
index a3a589b..6c40dc8 100644
--- a/nodes/EmbeddrLoadArtifacts.py
+++ b/nodes/EmbeddrLoadArtifacts.py
@@ -9,6 +9,9 @@
 from comfy_api.latest import io, ui
 from .utils import get_config
 from .utils.api import get_collections
+from .utils.config import get_auth_headers
+from .utils.ids import normalize_ids
+from .types import EmbeddrArtifactID
 
 
 class EmbeddrLoadArtifactsNode(io.ComfyNode):
@@ -31,10 +34,10 @@ def _debug(cls, message: str, **fields):
 
     @classmethod
     def _resolve_artifact_url(cls, base_url: str, artifact_id: str):
-        resolve_url = f"{base_url}/api/v2/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
+        resolve_url = f"{base_url}/api/v1/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
         cls._debug("resolving_artifact", artifact_id=artifact_id,
                    resolve_url=resolve_url)
-        res = requests.get(resolve_url)
+        res = requests.get(resolve_url, headers=get_auth_headers())
         res.raise_for_status()
         data = res.json()
         url = data.get("url")
@@ -42,13 +45,13 @@ def _resolve_artifact_url(cls, base_url: str, artifact_id: str):
         if url and url.startswith("/"):
             url = urljoin(base_url, url)
 
-        if url and "/api/v2/artifacts/" in url and "/content" in url and "proxy=" not in url:
+        if url and "/api/v1/artifacts/" in url and "/content" in url and "proxy=" not in url:
             url = f"{url}?proxy=1"
 
         base_netloc = urlparse(base_url).netloc
         url_netloc = urlparse(url).netloc if url else ""
         if url and base_netloc and url_netloc and url_netloc != base_netloc:
-            proxy_url = f"{base_url}/api/v2/artifacts/{artifact_id}/content?proxy=1"
+            proxy_url = f"{base_url}/api/v1/artifacts/{artifact_id}/content?proxy=1"
             cls._debug(
                 "forcing_proxy_url",
                 artifact_id=artifact_id,
@@ -70,6 +73,8 @@ def define_schema(cls) -> io.Schema:
             description="Loads generic artifacts (images) from Embeddr using V2 API.",
             category="Embeddr",
             inputs=[
+                EmbeddrArtifactID.Input(
+                    "artifact_ids", tooltip="Optional list of IDs to load (overrides collection)", optional=True),
                 io.Combo.Input(
                     "collection", options=collections, default="All"),
                 io.Combo.Input("sort_by", options=[
@@ -85,8 +90,18 @@ def define_schema(cls) -> io.Schema:
         )
 
     @classmethod
-    def execute(cls, collection, sort_by, limit, seed):
-        cache_key = (collection, sort_by, limit, seed)
+    def execute(cls, collection, sort_by, limit, seed, artifact_ids=None):
+        # Check for explicit IDs first
+        manual_ids = normalize_ids(artifact_ids)
+
+        # We cache based on manual_ids if present, else collection params
+        if manual_ids:
+            # Sort for stability in cache key
+            manual_ids.sort()
+            cache_key = ("ids", tuple(manual_ids))
+        else:
+            cache_key = (collection, sort_by, limit, seed)
+
         if cache_key in cls._cache:
             return cls._cache[cache_key]
 
@@ -96,31 +111,44 @@ def execute(cls, collection, sort_by, limit, seed):
                 "endpoint") or "http://localhost:8003"
             base_url = base_url.rstrip("/")
 
-            # List Artifacts
-            api_url = f"{base_url}/api/v2/artifacts/"
-            params = {
-                "limit": limit,
-                "type_name": "image",
-                "offset": 0
-            }
+            items = []
 
-            if collection != "All":
-                try:
-                    col_id = collection.split(":")[0].strip()
-                    params["collection_id"] = col_id
-                except:
-                    pass
-
-            if sort_by == "random":
-                params["sort"] = "random"
-                params["seed"] = seed  # Pass seed if API supports it
-            else:
-                params["sort"] = "new"
+            # 1. Load by IDs
+            if manual_ids:
+                # We can fetch them one by one or via a wrapper if API supports batch.
+                # Assuming singular fetch for now to be safe, or check if /api/v1/artifacts/ supports ids=...
+                # Iterate and construct items list
+                for aid in manual_ids:
+                    items.append({"id": aid})
 
-            response = requests.get(api_url, params=params)
-            response.raise_for_status()
-            data = response.json()
-            items = data.get("items", [])
+            # 2. Load via Search/Collection
+            else:
+                # List Artifacts
+                api_url = f"{base_url}/api/v1/artifacts/"
+                params = {
+                    "limit": limit,
+                    "type_name": "image",
+                    "offset": 0
+                }
+
+                if collection != "All":
+                    try:
+                        col_id = collection.split(":")[0].strip()
+                        params["collection_id"] = col_id
+                    except:
+                        pass
+
+                if sort_by == "random":
+                    params["sort"] = "random"
+                    params["seed"] = seed  # Pass seed if API supports it
+                else:
+                    params["sort"] = "new"
+
+                response = requests.get(
+                    api_url, params=params, headers=get_auth_headers())
+                response.raise_for_status()
+                data = response.json()
+                items = data.get("items", [])
 
             if not items:
                 return cls._return_empty()
@@ -135,7 +163,11 @@ def execute(cls, collection, sort_by, limit, seed):
                 content_url, content_headers = cls._resolve_artifact_url(
                     base_url, art_id)
                 try:
-                    c_resp = requests.get(content_url, headers=content_headers)
+                    final_headers = get_auth_headers()
+                    if content_headers:
+                        final_headers.update(content_headers)
+
+                    c_resp = requests.get(content_url, headers=final_headers)
                     c_resp.raise_for_status()
                     img = Image.open(BytesIO(c_resp.content))
                     img = ImageOps.exif_transpose(img)
diff --git a/nodes/EmbeddrLoadImages.py b/nodes/EmbeddrLoadImages.py
index 739b4b7..61b559e 100644
--- a/nodes/EmbeddrLoadImages.py
+++ b/nodes/EmbeddrLoadImages.py
@@ -10,6 +10,7 @@
 from comfy_api.latest import io, ui
 from .utils import get_config
 from .utils.api import get_collections, get_libraries
+from .utils.config import get_auth_headers
 
 
 class EmbeddrLoadImagesNode(io.ComfyNode):
@@ -32,10 +33,10 @@ def _debug(cls, message: str, **fields):
 
     @classmethod
     def _resolve_artifact_url(cls, base_url: str, artifact_id: str):
-        resolve_url = f"{base_url}/api/v2/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
+        resolve_url = f"{base_url}/api/v1/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
         cls._debug("resolving_artifact", artifact_id=artifact_id,
                    resolve_url=resolve_url)
-        res = requests.get(resolve_url)
+        res = requests.get(resolve_url, headers=get_auth_headers())
         res.raise_for_status()
         data = res.json()
         url = data.get("url")
@@ -43,13 +44,13 @@ def _resolve_artifact_url(cls, base_url: str, artifact_id: str):
         if url and url.startswith("/"):
             url = urljoin(base_url, url)
 
-        if url and "/api/v2/artifacts/" in url and "/content" in url and "proxy=" not in url:
+        if url and "/api/v1/artifacts/" in url and "/content" in url and "proxy=" not in url:
             url = f"{url}?proxy=1"
 
         base_netloc = urlparse(base_url).netloc
         url_netloc = urlparse(url).netloc if url else ""
         if url and base_netloc and url_netloc and url_netloc != base_netloc:
-            proxy_url = f"{base_url}/api/v2/artifacts/{artifact_id}/content?proxy=1"
+            proxy_url = f"{base_url}/api/v1/artifacts/{artifact_id}/content?proxy=1"
             cls._debug(
                 "forcing_proxy_url",
                 artifact_id=artifact_id,
@@ -105,7 +106,7 @@ def execute(cls, library, collection, sort_by, limit, seed):
             base_url = base_url.rstrip("/")
 
             # V2 API: List Artifacts
-            api_url = f"{base_url}/api/v2/artifacts/"
+            api_url = f"{base_url}/api/v1/artifacts/"
 
             params = {
                 "limit": limit,
@@ -137,7 +138,8 @@ def execute(cls, library, collection, sort_by, limit, seed):
             else:
                 params["sort"] = "new"
 
-            response = requests.get(api_url, params=params)
+            response = requests.get(
+                api_url, params=params, headers=get_auth_headers())
             response.raise_for_status()
             data = response.json()
             items = data.get("items", [])
@@ -166,8 +168,12 @@ def execute(cls, library, collection, sort_by, limit, seed):
                 )
 
                 try:
+                    final_headers = get_auth_headers()
+                    if content_headers:
+                        final_headers.update(content_headers)
+
                     img_resp = requests.get(
-                        content_url, headers=content_headers)
+                        content_url, headers=final_headers)
                     img_resp.raise_for_status()
                     cls._debug(
                         "artifact_content_response",
diff --git a/nodes/EmbeddrLoadOptions.py b/nodes/EmbeddrLoadOptions.py
new file mode 100644
index 0000000..e69de29
diff --git a/nodes/EmbeddrLoadVideo.py b/nodes/EmbeddrLoadVideo.py
index 8c7c242..42fa5d3 100644
--- a/nodes/EmbeddrLoadVideo.py
+++ b/nodes/EmbeddrLoadVideo.py
@@ -7,6 +7,7 @@
 import shutil
 from comfy_api.latest import io, ui
 from .utils import get_config
+from .utils.config import get_auth_headers
 
 
 class EmbeddrLoadVideoNode(io.ComfyNode):
@@ -70,7 +71,7 @@ def execute(cls, image_id, frame_load_cap, skip_first_frames, select_every_nth,
             # In production, we should cache the file path if it's the same ID.
 
             # Stream download
-            with requests.get(api_url, stream=True) as r:
+            with requests.get(api_url, stream=True, headers=get_auth_headers()) as r:
                 r.raise_for_status()
                 # Determine extension
                 content_type = r.headers.get('content-type', '')
diff --git a/nodes/EmbeddrMergeIDs.py b/nodes/EmbeddrMergeIDs.py
index 15a8954..3dd9f82 100644
--- a/nodes/EmbeddrMergeIDs.py
+++ b/nodes/EmbeddrMergeIDs.py
@@ -1,4 +1,5 @@
 from comfy_api.latest import io, ui
+from .types import EmbeddrArtifactID
 
 
 class EmbeddrMergeIDsNode(io.ComfyNode):
@@ -12,7 +13,8 @@ def define_schema(cls) -> io.Schema:
             category="Embeddr",
             inputs=[],
             outputs=[
-                io.String.Output("ids"),
+                EmbeddrArtifactID.Output(
+                    "artifact_ids", tooltip="List of merged Artifact IDs", display_name="artifact_ids"),
             ],
         )
 
@@ -21,7 +23,7 @@ def execute(cls, **kwargs):
         ids = []
         # Iterate through all possible inputs
         for key, value in kwargs.items():
-            if key.startswith("id") and value:
+            if key.startswith("artifact_") and value:
                 ids.append(value)
 
         # Return as list of strings
diff --git a/nodes/EmbeddrSplitIDs.py b/nodes/EmbeddrSplitIDs.py
new file mode 100644
index 0000000..8cd8eb1
--- /dev/null
+++ b/nodes/EmbeddrSplitIDs.py
@@ -0,0 +1,33 @@
+from comfy_api.latest import io
+from .types import EmbeddrArtifactID, EmbeddrArtifactIDObject
+from .utils.ids import normalize_ids
+
+
+class EmbeddrSplitIDsNode(io.ComfyNode):
+    @classmethod
+    def define_schema(cls) -> io.Schema:
+        return io.Schema(
+            node_id="embeddr.SplitIDs",
+            display_name="Embeddr Split IDs",
+            description="Splits a comma-separated list of Artifact IDs into individual items for batch processing.",
+            category="Embeddr",
+            inputs=[
+                EmbeddrArtifactID.Input(
+                    "artifact_ids", tooltip="Comma-separated IDs or list of IDs"),
+            ],
+            outputs=[
+                EmbeddrArtifactID.Output(
+                    "split_ids", tooltip="Individual IDs (List Execution)", is_output_list=True),
+            ],
+        )
+
+    @classmethod
+    def execute(cls, artifact_ids):
+        # Normalize to list of ID strings
+        final_ids = normalize_ids(artifact_ids)
+
+        # Return a LIST of objects. ComfyUI will iterate this list for downstream nodes if they support it.
+        results = [EmbeddrArtifactIDObject(
+            artifact_id=fid) for fid in final_ids]
+
+        return io.NodeOutput(results)
diff --git a/nodes/EmbeddrUploadArtifact.py b/nodes/EmbeddrUploadArtifact.py
index c0cfccb..e5510bd 100644
--- a/nodes/EmbeddrUploadArtifact.py
+++ b/nodes/EmbeddrUploadArtifact.py
@@ -3,39 +3,19 @@
 from PIL import Image
 import io as pyio
 import json
+from .utils.ids import normalize_ids
+from .utils.config import get_embeddr_base_url, get_upload_mode, get_auth_headers
 from comfy_api.latest import io, ui
-from .utils import get_embeddr_base_url, get_upload_mode
+from .EmbeddrUploadOptions import EmbeddrUploadArtifactOptions, EmbeddrUploadArtifactOptionsObject
+from .types import EmbeddrArtifactID, EmbeddrArtifactIDObject
+
+from .utils.ids import normalize_ids
 
 
 def Embeddr_Log(message: str):
     print(f"[Embeddr] {message}")
 
 
-def normalize_list(value):
-    if not value:
-        return []
-
-    if isinstance(value, str):
-        items = [v.strip() for v in value.split(",")]
-    elif isinstance(value, list):
-        items = [str(v).strip() for v in value]
-    else:
-        raise TypeError(f"Unsupported type: {type(value)}")
-
-    out = []
-    seen = set()
-    for v in items:
-        if not v:
-            continue
-        lv = v.lower()
-        if lv in ("none", "null", "undefined"):
-            continue
-        if v not in seen:
-            seen.add(v)
-            out.append(v)
-    return out
-
-
 class EmbeddrUploadArtifactNode(io.ComfyNode):
     @classmethod
     def define_schema(cls) -> io.Schema:
@@ -46,25 +26,24 @@ def define_schema(cls) -> io.Schema:
             is_output_node=True,
             inputs=[
                 io.Image.Input("image"),
-                io.String.Input("parent_ids", default="", optional=True,
-                                tooltip="Comma separated parent artifact UUIDs"),
-                io.String.Input("collection_ids", default="", optional=True,
-                                tooltip="Comma separated Collection UUIDs (for grouping)"),
-                io.String.Input("tags", default="generated,comfyui",
-                                tooltip="Comma separated tags"),
-                io.Boolean.Input("trigger_automation", default=True,
-                                 tooltip="Trigger Auto-Analysis (Thumbnails, Embeddings, etc)"),
+                EmbeddrArtifactID.Input("parent_ids", optional=True,
+                                        tooltip="Parent artifact UUIDs"),
+                EmbeddrUploadArtifactOptions.Input("options", tooltip="Upload Artifact Options",
+                                                   optional=True, display_name="Options"),
             ],
             outputs=[
-                io.String.Output("artifact_ids"),
+                EmbeddrArtifactID.Output("artifact_ids"),
             ]
         )
 
     @classmethod
-    def execute(cls, image, parent_ids, collection_ids, tags, trigger_automation):
+    def execute(cls, image, parent_ids: EmbeddrArtifactIDObject = None, options: EmbeddrUploadArtifactOptionsObject = None) -> io.NodeOutput:
         base_url = get_embeddr_base_url()
         upload_mode = get_upload_mode()
-        endpoint = f"{base_url}/api/v2/plugins/embeddr-comfyui/upload"
+        endpoint = f"{base_url}/api/v1/plugins/embeddr-comfyui/upload"
+
+        # parent_ids could be handled by normalize_list directly
+        normalized_parent_ids = normalize_ids(parent_ids)
 
         results = []
 
@@ -72,17 +51,17 @@ def execute(cls, image, parent_ids, collection_ids, tags, trigger_automation):
             Embeddr_Log(
                 "Upload disabled (EMBEDDR_UPLOAD_MODE). Skipping Embeddr upload."
             )
-            return io.NodeOutput("", ui=ui.PreviewImage(image))
+            return io.NodeOutput(EmbeddrArtifactIDObject(artifact_id=""), ui=ui.PreviewImage(image))
 
         if upload_mode in {"best_effort", "auto"}:
             try:
-                health_url = f"{base_url}/api/v2/system/routes"
+                health_url = f"{base_url}/api/v1/system/routes"
                 requests.get(health_url, timeout=2)
             except Exception as e:
                 Embeddr_Log(
                     f"Embeddr backend unavailable ({e}); skipping upload."
                 )
-                return io.NodeOutput("", ui=ui.PreviewImage(image))
+                return io.NodeOutput(EmbeddrArtifactIDObject(artifact_id=""), ui=ui.PreviewImage(image))
 
         # 'image' input is a batch tensor [B, H, W, C]
         for batch_idx, img_tensor in enumerate(image):
@@ -95,25 +74,71 @@ def execute(cls, image, parent_ids, collection_ids, tags, trigger_automation):
                 img_byte_arr = pyio.BytesIO()
                 img.save(img_byte_arr, format='PNG')
                 img_byte_arr.seek(0)
+                Embeddr_Log(f"""
+                            Uploading artifact batch {batch_idx}...
+                            Storage Provider: {options.storage_provider if options else 'default'}
+                            Storage Path: {options.storage_path if options else 'default'}
+                            Tags: {options.tags if options else 'none'}
+                            Related Artifacts: {options.related_artifact_ids if options else 'none'}
+                            Parent IDs: {normalized_parent_ids}
+                            """)
+
+                storage_provider = None
+                storage_path = None
+                if options:
+                    if isinstance(options, dict):
+                        storage_provider = options.get("storage_provider")
+                        storage_path = options.get("storage_path")
+                    else:
+                        storage_provider = getattr(
+                            options, "storage_provider", None)
+                        storage_path = getattr(options, "storage_path", None)
+
+                storage_provider = (
+                    str(storage_provider).strip().lower()
+                    if storage_provider not in (None, "", "__default__")
+                    else None
+                )
+                storage_path = (
+                    str(storage_path).strip()
+                    if storage_path not in (None, "", "__default__")
+                    else None
+                )
 
                 # Prepare Metadata
                 meta = {
-                    "parent_ids": normalize_list(parent_ids),
-                    "collection_ids": normalize_list(collection_ids),
-                    "tags": normalize_list(tags),
-                    "trigger_automation": trigger_automation,
-                    "compute_embedding": trigger_automation,  # Legacy Compat
+                    "parent_ids": normalized_parent_ids,
+                    "collection_ids": normalize_ids(options.related_artifact_ids) if options else [],
+                    "tags": normalize_ids(options.tags) if options else [],
+                    "trigger_automation": options.trigger_ingest if options else True,
+                    "compute_embedding": options.trigger_ingest if options else True,  # Legacy Compat
                     "batch_index": batch_idx,
                     "confirm": True
                 }
 
+                if storage_provider:
+                    meta["storage_provider"] = storage_provider
+                    meta["storage_backend"] = storage_provider
+                if storage_path:
+                    meta["storage_path"] = storage_path
+
+                if storage_provider or storage_path:
+                    Embeddr_Log(
+                        f"Upload storage overrides: provider={storage_provider or 'default'} path={storage_path or 'default'}"
+                    )
+
                 # Prepare multipart upload
                 files = {'file': (f'image_{batch_idx}.png',
                                   img_byte_arr, 'image/png')}
                 data = {'metadata': json.dumps(meta)}
 
                 # Post to Embeddr Core Plugin
-                response = requests.post(endpoint, files=files, data=data)
+                response = requests.post(
+                    endpoint,
+                    files=files,
+                    data=data,
+                    headers=get_auth_headers()
+                )
                 response.raise_for_status()
                 res_json = response.json()
 
@@ -126,6 +151,7 @@ def execute(cls, image, parent_ids, collection_ids, tags, trigger_automation):
                 # We don't crash the whole node, but result might be partial
 
         result_str = ",".join(results)
+        result_obj = EmbeddrArtifactIDObject(artifact_id=result_str)
 
         # Return IDs and UI Preview
-        return io.NodeOutput(result_str, ui=ui.PreviewImage(image))
+        return io.NodeOutput(result_obj, ui=ui.PreviewImage(image))
diff --git a/nodes/EmbeddrUploadOptions.py b/nodes/EmbeddrUploadOptions.py
new file mode 100644
index 0000000..87fbd1f
--- /dev/null
+++ b/nodes/EmbeddrUploadOptions.py
@@ -0,0 +1,44 @@
+from comfy_api.latest import io
+from .types import EmbeddrUploadArtifactOptions, EmbeddrUploadArtifactOptionsObject
+
+
+class UploadArtifactOptionsNode(io.ComfyNode):
+    @classmethod
+    def define_schema(cls) -> io.Schema:
+        return io.Schema(
+            node_id="embeddr.UploadArtifact.Options",
+            display_name="Upload Artifact Options",
+            category="Embeddr",
+            inputs=[
+                io.String.Input(
+                    "storage_provider", tooltip="Override default storage provider for the artifact", default=None),
+                io.String.Input(
+                    "storage_path", tooltip="Override default storage path for the artifact", default=None),
+
+                io.Boolean.Input("trigger_ingest", default=True,
+                                 tooltip="Trigger ingest process after upload", display_name="Trigger Ingest"),
+                io.String.Input("tags", default=[],
+                                tooltip="Tags to associate with the uploaded artifact", display_name="Tags"),
+                io.String.Input("related_artifact_ids", default=[],
+                                tooltip="IDs of related artifacts", display_name="Related Artifact IDs"),
+                # io.Combo.Input(
+                #     "scale_mode", options=[e.value for e in ResizeModeEnum], default="contain",
+                #     tooltip="Choose how images are scaled to fit the target size", display_name="Scale Mode"),
+            ],
+            outputs=[
+                EmbeddrUploadArtifactOptions.Output(
+                    "options", tooltip="Upload Artifact Options Object", display_name="options"),
+            ]
+        )
+
+    @classmethod
+    def execute(cls, storage_provider, storage_path, trigger_ingest, tags, related_artifact_ids):
+        options = EmbeddrUploadArtifactOptionsObject(
+            storage_provider=storage_provider,
+            storage_path=storage_path,
+            trigger_ingest=trigger_ingest,
+            tags=tags,
+            related_artifact_ids=related_artifact_ids,
+        )
+
+        return io.NodeOutput(options)
diff --git a/nodes/EmbeddrUploadVideo.py b/nodes/EmbeddrUploadVideo.py
index 1db9e9f..cea15a0 100644
--- a/nodes/EmbeddrUploadVideo.py
+++ b/nodes/EmbeddrUploadVideo.py
@@ -1,21 +1,18 @@
-import folder_paths
-from .utils.api import get_libraries, get_collections
 import os
 import json
 import requests
 import tempfile
-from comfy_api.latest import io, ui
-from comfy_api.latest._io import ComfyNode
-from .utils import get_embeddr_base_url
+from comfy_api.latest import io
+from .utils.ids import normalize_ids
+from .utils.config import get_embeddr_base_url, get_upload_mode, get_auth_headers
+from .EmbeddrUploadOptions import EmbeddrUploadArtifactOptions, EmbeddrUploadArtifactOptionsObject
+from .types import EmbeddrArtifactID, EmbeddrArtifactIDObject
 
 
 class EmbeddrUploadVideo(io.ComfyNode):
 
     @classmethod
     def define_schema(cls) -> io.Schema:
-        libraries = ["Default"] + get_libraries()
-        collections = ["None"] + get_collections()
-
         formats = ["mp4", "mkv", "webm", "mov", "avi"]
         codecs = ["h264", "h265", "vp9", "vp8", "prores"]
 
@@ -27,21 +24,15 @@ def define_schema(cls) -> io.Schema:
             inputs=[
                 io.Video.Input("video", tooltip="The video to save."),
                 io.String.Input("caption", optional=True),
-                io.String.Input("parent_ids", optional=True),
-                io.Combo.Input("library", options=libraries,
-                               default="Default"),
-                io.Combo.Input(
-                    "collection", options=collections, default="None"),
-                io.String.Input("tags", optional=True, default=""),
+                EmbeddrArtifactID.Input("parent_ids", optional=True,
+                                        tooltip="Parent artifact UUIDs"),
+                EmbeddrUploadArtifactOptions.Input("options", tooltip="Upload Artifact Options",
+                                                   optional=True, display_name="Options"),
                 io.Combo.Input("format", options=formats, default="mp4"),
                 io.Combo.Input("codec", options=codecs, default="h264"),
-                io.Boolean.Input("allow_duplicates", default=False,
-                                 display_name="Allow Duplicates"),
-                io.Boolean.Input("save_backup", default=False,
-                                 display_name="Save to Comfy History"),
             ],
             outputs=[
-                io.String.Output("embeddr_id"),
+                EmbeddrArtifactID.Output("artifact_ids"),
             ],
         )
 
@@ -50,11 +41,36 @@ def VALIDATE_INPUTS(cls, **kwargs):
         return True
 
     @classmethod
-    def execute(cls, video, caption=None, parent_ids=None, library="Default", collection="None", tags="", format="mp4", codec="h264", allow_duplicates=False, save_backup=False, **kwargs):
+    def execute(
+        cls,
+        video,
+        caption=None,
+        parent_ids: EmbeddrArtifactIDObject = None,
+        options: EmbeddrUploadArtifactOptionsObject = None,
+        format="mp4",
+        codec="h264",
+        **kwargs,
+    ):
         uploaded_ids = []
         base_url = get_embeddr_base_url()
-        api_base_url = f"{base_url}/api/v1"
-        upload_url = f"{api_base_url}/images/upload"
+        upload_mode = get_upload_mode()
+        upload_url = f"{base_url}/api/v1/plugins/embeddr-comfyui/upload"
+
+        normalized_parent_ids = normalize_ids(parent_ids)
+
+        if upload_mode in {"skip", "disabled", "off", "none"}:
+            print(
+                "[Embeddr] Upload disabled (EMBEDDR_UPLOAD_MODE). Skipping Embeddr upload.")
+            return io.NodeOutput(EmbeddrArtifactIDObject(artifact_id=""))
+
+        if upload_mode in {"best_effort", "auto"}:
+            try:
+                health_url = f"{base_url}/api/v1/system/routes"
+                requests.get(health_url, timeout=2)
+            except Exception as e:
+                print(
+                    f"[Embeddr] Embeddr backend unavailable ({e}); skipping upload.")
+                return io.NodeOutput(EmbeddrArtifactIDObject(artifact_id=""))
 
         try:
             # Create temp file
@@ -67,38 +83,59 @@ def execute(cls, video, caption=None, parent_ids=None, library="Default", collec
             # But often strings work or we can map them if we knew the library.
             video.save_to(temp_path, format=format, codec=codec)
 
-            # Upload
+            storage_provider = None
+            storage_path = None
+            if options:
+                if isinstance(options, dict):
+                    storage_provider = options.get("storage_provider")
+                    storage_path = options.get("storage_path")
+                else:
+                    storage_provider = getattr(
+                        options, "storage_provider", None)
+                    storage_path = getattr(options, "storage_path", None)
+
+            storage_provider = (
+                str(storage_provider).strip().lower()
+                if storage_provider not in (None, "", "__default__")
+                else None
+            )
+            storage_path = (
+                str(storage_path).strip()
+                if storage_path not in (None, "", "__default__")
+                else None
+            )
+
+            meta = {
+                "parent_ids": normalized_parent_ids,
+                "collection_ids": normalize_ids(options.related_artifact_ids) if options else [],
+                "tags": normalize_ids(options.tags) if options else [],
+                "trigger_automation": options.trigger_ingest if options else True,
+                "compute_embedding": options.trigger_ingest if options else True,
+                "caption": caption or "",
+                "confirm": True,
+            }
+
+            if storage_provider:
+                meta["storage_provider"] = storage_provider
+                meta["storage_backend"] = storage_provider
+            if storage_path:
+                meta["storage_path"] = storage_path
+
             with open(temp_path, "rb") as f:
                 files = {"file": (f"video.{format}", f, f"video/{format}")}
-                data = {"prompt": caption or ""}
-                if allow_duplicates:
-                    data["force"] = "true"
-                if tags:
-                    data["tags"] = tags
-                if library != "Default":
-                    try:
-                        data["library_id"] = int(library.split(":")[0])
-                    except:
-                        pass
-                if parent_ids:
-                    data["parent_ids"] = parent_ids
-
-                response = requests.post(upload_url, files=files, data=data)
+                data = {"metadata": json.dumps(meta)}
+
+                response = requests.post(
+                    upload_url,
+                    files=files,
+                    data=data,
+                    headers=get_auth_headers(),
+                )
                 response.raise_for_status()
                 result = response.json()
                 uploaded_id = result.get("id")
                 uploaded_ids.append(str(uploaded_id))
 
-                if collection and collection != "None" and uploaded_id:
-                    try:
-                        collection_id = int(collection.split(":")[0])
-                        requests.post(
-                            f"{api_base_url}/collections/{collection_id}/items",
-                            json={"image_id": uploaded_id}
-                        )
-                    except Exception as e:
-                        print(f"[Embeddr] Failed to add to collection: {e}")
-
         except Exception as e:
             print(f"[Embeddr] Video upload failed: {e}")
             uploaded_ids.append("-1")
@@ -106,4 +143,5 @@ def execute(cls, video, caption=None, parent_ids=None, library="Default", collec
             if 'temp_path' in locals() and os.path.exists(temp_path):
                 os.remove(temp_path)
 
-        return io.NodeOutput(",".join(uploaded_ids))
+        result_str = ",".join(uploaded_ids)
+        return io.NodeOutput(EmbeddrArtifactIDObject(artifact_id=result_str))
diff --git a/nodes/types.py b/nodes/types.py
new file mode 100644
index 0000000..de31786
--- /dev/null
+++ b/nodes/types.py
@@ -0,0 +1,42 @@
+from comfy_api.latest._io import ComfyTypeIO, comfytype
+
+
+## Base Artifact ID Type##
+@comfytype(io_type="EMBEDDR_ARTIFACT_ID")
+class EmbeddrArtifactID(ComfyTypeIO):
+    Type = str | list[str]
+
+
+class EmbeddrArtifactIDObject:
+    def __init__(self, artifact_id: str | list[str]):
+        self.artifact_id: str | list[str] = artifact_id
+
+
+## Upload Artifact Options Type ##
+@comfytype(io_type="EMBEDDR_UPLOADARTIFACT_OPTS")
+class EmbeddrUploadArtifactOptions(ComfyTypeIO):
+    Type = object
+
+
+class EmbeddrUploadArtifactOptionsObject:
+    def __init__(self, storage_provider=None, storage_path=None, trigger_ingest=True, tags=None, related_artifact_ids=None):
+        self.storage_provider: str | None = storage_provider
+        self.storage_path: str | None = storage_path
+        self.trigger_ingest: bool = trigger_ingest
+        self.tags: list[str] | None = tags
+        self.related_artifact_ids: list[str] | None = related_artifact_ids
+
+
+## Artifact Info Type ##
+@comfytype(io_type="EMBEDDR_ARTIFACT_INFO")
+class EmbeddrArtifactInfo(ComfyTypeIO):
+    Type = dict
+
+
+class EmbeddrArtifactInfoObject:
+    def __init__(self, data: dict):
+        self.data = data
+        self.id = data.get("id")
+        self.uri = data.get("uri")
+        self.type_name = data.get("type_name")
+        self.metadata = data.get("metadata_json") or {}
diff --git a/nodes/utils/api.py b/nodes/utils/api.py
index fea25a1..18dcf19 100644
--- a/nodes/utils/api.py
+++ b/nodes/utils/api.py
@@ -1,12 +1,12 @@
 import requests
-from .config import get_embeddr_base_url
+from .config import get_embeddr_base_url, get_auth_headers
 
 
 def get_libraries():
     try:
         base_url = get_embeddr_base_url()
         api_url = f"{base_url}/api/v1/libraries"
-        response = requests.get(api_url)
+        response = requests.get(api_url, headers=get_auth_headers())
         if response.status_code == 200:
             data = response.json()
             # Return list of names, but we might need IDs.
@@ -23,7 +23,7 @@ def get_collections():
     try:
         base_url = get_embeddr_base_url()
         api_url = f"{base_url}/api/v1/collections"
-        response = requests.get(api_url)
+        response = requests.get(api_url, headers=get_auth_headers())
         if response.status_code == 200:
             data = response.json()
             return [f"{col['id']}: {col['name']}" for col in data]
diff --git a/nodes/utils/config.py b/nodes/utils/config.py
index 08000e1..f8acfdd 100644
--- a/nodes/utils/config.py
+++ b/nodes/utils/config.py
@@ -11,7 +11,7 @@ def _normalize_base_url(url: str | None, default: str) -> str:
     # Strip API suffixes to get the root base
     if clean.endswith("/api/v1"):
         clean = clean[:-7]
-    elif clean.endswith("/api/v2"):
+    elif clean.endswith("/api/v1"):
         clean = clean[:-7]
     elif clean.endswith("/api"):
         clean = clean[:-4]
@@ -52,6 +52,23 @@ def get_embeddr_base_url(default: str = "http://localhost:8003") -> str:
     return _normalize_base_url(env_url or cfg_url, default)
 
 
+def get_api_key() -> str | None:
+    cfg = get_config()
+    return (
+        os.environ.get("EMBEDDR_API_KEY")
+        or os.environ.get("EMBEDDR_KEY")
+        or cfg.get("api_key")
+        or cfg.get("key")
+    )
+
+
+def get_auth_headers() -> dict[str, str]:
+    key = get_api_key()
+    if key:
+        return {"X-API-Key": key}
+    return {}
+
+
 def get_upload_mode(default: str = "require") -> str:
     cfg = get_config()
     env_mode = os.environ.get("EMBEDDR_UPLOAD_MODE")
diff --git a/nodes/utils/ids.py b/nodes/utils/ids.py
new file mode 100644
index 0000000..8583fab
--- /dev/null
+++ b/nodes/utils/ids.py
@@ -0,0 +1,46 @@
+def normalize_ids(value) -> list[str]:
+    """
+    Normalizes a variety of input types (single string, list of strings, 
+    comma-separated strings, EmbeddrArtifactIDObjects) into a clean list of string IDs.
+    """
+    if not value:
+        return []
+
+    # Helper to extract string from potential ID objects
+    def extract_val(x):
+        if hasattr(x, "artifact_id"):
+            # artifact_id can be str or list
+            val = x.artifact_id
+            if isinstance(val, list):
+                return ",".join(str(v) for v in val)
+            return str(val)
+        return str(x)
+
+    # Initial collection of strings
+    raw_strings = []
+    if isinstance(value, str):
+        raw_strings = [value]
+    elif isinstance(value, list):
+        raw_strings = [extract_val(v) for v in value]
+    elif hasattr(value, "artifact_id"):
+        raw_strings = [extract_val(value)]
+    else:
+        # Fallback for other single types
+        raw_strings = [str(value)]
+
+    # Flatten by splitting commas and cleaning
+    out = []
+    seen = set()
+    for s in raw_strings:
+        parts = s.split(',')
+        for p in parts:
+            clean_p = p.strip()
+            if not clean_p:
+                continue
+            if clean_p.lower() in ("none", "null", "undefined"):
+                continue
+
+            if clean_p not in seen:
+                seen.add(clean_p)
+                out.append(clean_p)
+    return out
diff --git a/package.json b/package.json
index 53c88fa..9d6b820 100644
--- a/package.json
+++ b/package.json
@@ -7,9 +7,9 @@
   },
   "devDependencies": {
     "@comfyorg/comfyui-frontend-types": "^1.22.1",
+    "@tanstack/eslint-config": "^0.3.4",
     "@vitejs/plugin-vue": "^5.2.3",
     "tw-animate-css": "^1.4.0",
-    "@tanstack/eslint-config": "^0.3.4",
     "vite": "^6.3.5",
     "vite-plugin-vue-devtools": "^7.7.2"
   },
@@ -22,7 +22,9 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@embeddr/api": "workspace:*",
-    "@embeddr/react-ui": "^0.1.4",
+    "@embeddr/react-ui": "workspace:*",
+    "@embeddr/zen-shell": "workspace:*",
+    "@fontsource-variable/jetbrains-mono": "^5.2.8",
     "@radix-ui/react-aspect-ratio": "^1.1.8",
     "@radix-ui/react-avatar": "^1.1.11",
     "@radix-ui/react-dialog": "^1.1.15",
@@ -34,15 +36,17 @@
     "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "^1.2.6",
-    "shadcn": "^3.6.2",
     "@radix-ui/react-tabs": "^1.1.13",
     "@tailwindcss/vite": "^4.1.17",
+    "@tanstack/react-query": "^5.59.0",
     "@vitejs/plugin-react": "^5.1.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.556.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
+    "recharts": "^2.13.0",
+    "shadcn": "^3.6.2",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.17"
diff --git a/ui/components/GlobalDialog.tsx b/ui/components/GlobalDialog.tsx
index f1aebf4..babb311 100644
--- a/ui/components/GlobalDialog.tsx
+++ b/ui/components/GlobalDialog.tsx
@@ -5,6 +5,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@embeddr/react-ui/components/dialog";
+import { useImageDialog } from "@embeddr/react-ui";
 import { ExploreTab } from "./tabs/ExploreTab";
 import { CollectionSelector } from "./selectors/CollectionSelector";
 import { useEmbeddrApi } from "../hooks/useEmbeddrApi";
@@ -19,6 +20,13 @@ export function GlobalDialog() {
   const [mode, setMode] = useState<DialogMode>("image");
 
   const api = useEmbeddrApi();
+  const { setApiKey: setDialogApiKey } = useImageDialog();
+
+  useEffect(() => {
+    if (setDialogApiKey && api.apiKey) {
+      setDialogApiKey(api.apiKey);
+    }
+  }, [api.apiKey, setDialogApiKey]);
 
   useEffect(() => {
     const handleOpen = (e: Event) => {
@@ -46,7 +54,7 @@ export function GlobalDialog() {
   useEffect(() => {
     const applyTheme = () => {
       const portals = document.querySelectorAll(
-        "[data-radix-portal], [data-slot='dialog-content'], [data-slot='dialog-overlay'], [data-slot='select-content'], [data-slot='select-viewport'], [data-slot='popover-content'], [data-slot='dropdown-menu-content']"
+        "[data-radix-portal], [data-slot='dialog-content'], [data-slot='dialog-overlay'], [data-slot='select-content'], [data-slot='select-viewport'], [data-slot='popover-content'], [data-slot='dropdown-menu-content']",
       );
 
       const isDark = api.theme === "dark";
@@ -55,6 +63,12 @@ export function GlobalDialog() {
         if (!portal.classList.contains("tailwind")) {
           portal.classList.add("tailwind");
         }
+        if (!portal.classList.contains("font-sans")) {
+          portal.classList.add("font-sans");
+        }
+        if (!portal.classList.contains("embeddr-theme-root")) {
+          portal.classList.add("embeddr-theme-root");
+        }
         if (isDark) {
           portal.classList.add("dark");
         } else {
@@ -88,7 +102,7 @@ export function GlobalDialog() {
 
           // 1. Try "collection_ids" -> Set ID
           const idWidget = node.widgets?.find(
-            (w: any) => w.name === "collection_ids"
+            (w: any) => w.name === "collection_ids",
           );
           if (idWidget) {
             idWidget.value = item.id.toString();
@@ -100,11 +114,11 @@ export function GlobalDialog() {
           // 2. Try "collection_id" -> Set ID (for FindCollection node V2)
           console.log(
             "[Embeddr] Debug: Listing node widgets:",
-            node.widgets?.map((w: any) => w.name)
+            node.widgets?.map((w: any) => w.name),
           );
 
           const colIdWidget = node.widgets?.find(
-            (w: any) => w.name === "collection_id"
+            (w: any) => w.name === "collection_id",
           );
 
           let idSet = false;
@@ -118,7 +132,7 @@ export function GlobalDialog() {
           } else {
             console.warn(
               "[Embeddr] collection_id widget not found on node or invalid item.id!",
-              { widgetFound: !!colIdWidget, itemId: item.id }
+              { widgetFound: !!colIdWidget, itemId: item.id },
             );
           }
 
@@ -135,13 +149,13 @@ export function GlobalDialog() {
           // If we successfully set the ID, clear the name widget to avoid confusion
           // and ensure the backend uses the ID.
           const nameWidget = node.widgets?.find(
-            (w: any) => w.name === "collection_name"
+            (w: any) => w.name === "collection_name",
           );
           if (nameWidget) {
             if (idSet) {
               // Clear name to prioritize ID match and avoid ambiguity
               console.log(
-                "[Embeddr] Clearing collection_name widget to prioritize ID"
+                "[Embeddr] Clearing collection_name widget to prioritize ID",
               );
               nameWidget.value = "";
             } else {
@@ -161,7 +175,7 @@ export function GlobalDialog() {
           // Handle Image Selection
           // Check for artifact_id (V2) or image_id (V1)
           const idWidget = node.widgets?.find(
-            (w: any) => w.name === "artifact_id" || w.name === "image_id"
+            (w: any) => w.name === "artifact_id" || w.name === "image_id",
           );
           if (idWidget) {
             idWidget.value = item.id.toString();
@@ -177,7 +191,7 @@ export function GlobalDialog() {
 
           // Also update image_url if it exists (for preview/compatibility)
           const urlWidget = node.widgets?.find(
-            (w: any) => w.name === "image_url"
+            (w: any) => w.name === "image_url",
           );
           if (urlWidget) {
             urlWidget.value = item.image_url;
@@ -213,6 +227,7 @@ export function GlobalDialog() {
               {...api}
               activeTab="explore"
               onImageSelect={handleSelect}
+              apiKey={api.apiKey}
             />
           )}
         </div>
diff --git a/ui/components/ZenShell.tsx b/ui/components/ZenShell.tsx
new file mode 100644
index 0000000..64172f1
--- /dev/null
+++ b/ui/components/ZenShell.tsx
@@ -0,0 +1,1026 @@
+import React, { useEffect, useState, useMemo, useCallback } from "react";
+import type { EmbeddrAPI } from "@embeddr/react-ui/types";
+import {
+  ZenPanelManagerCore,
+  useZenWindowStore,
+  usePluginRegistry,
+  loadExternalPlugins,
+  DynamicPluginComponent,
+  PluginErrorBoundary,
+  type PluginManifest,
+  type ZenWindowRendererProps,
+  EmbeddrProvider,
+  type PluginLoaderAdapter,
+} from "@embeddr/zen-shell";
+import { useEmbeddrApi } from "../hooks/useEmbeddrApi";
+import {
+  Terminal,
+  Grid,
+  Maximize2,
+  Minimize2,
+  X,
+  Play,
+  RefreshCw,
+  LayoutTemplate,
+} from "lucide-react";
+import { Button } from "@embeddr/react-ui/components/button";
+import { cn } from "@embeddr/react-ui";
+
+// Helper to resolve component ID to plugin and component name
+function resolveComponentId(fullId: string, plugins: Record<string, any>) {
+  if (!fullId) return null;
+
+  // Try longest prefix match for pluginId
+  let bestPid: string | null = null;
+  for (const pid of Object.keys(plugins)) {
+    // Exact match check (for simple ID cases)
+    if (fullId === pid) {
+      if (!bestPid || pid.length > bestPid.length) bestPid = pid;
+    }
+    // Prefix match
+    const prefix = pid + "-";
+    if (fullId.startsWith(prefix)) {
+      if (!bestPid || pid.length > bestPid.length) bestPid = pid;
+    }
+  }
+
+  if (!bestPid) return null;
+
+  const localId = fullId.slice(bestPid.length + 1);
+  const plugin = plugins[bestPid];
+
+  // If localId is empty, it might be the main/default component
+  const compDef = plugin.components?.find(
+    (c: any) =>
+      c.name === localId ||
+      c.component === localId ||
+      c.exportName === localId ||
+      (!localId && c.name === "main"),
+  );
+
+  return {
+    pluginId: bestPid,
+    componentName: compDef?.exportName || compDef?.component || localId,
+    def: compDef,
+  };
+}
+
+const CustomWindowRenderer = React.memo((props: ZenWindowRendererProps) => {
+  const { id, windowState, isActive } = props;
+  const { plugins } = usePluginRegistry();
+  const api = useEmbeddrApi();
+  const updateWindow = useZenWindowStore((s) => s.updateWindow);
+  const baseApi = useMemo(() => createEmbeddrApiAdapter(api), [api]);
+
+  const resolved = useMemo(
+    () => resolveComponentId(windowState.componentId, plugins),
+    [windowState.componentId, plugins],
+  );
+
+  const handleClose = useCallback(() => {
+    useZenWindowStore.getState().closeWindow(id);
+  }, [id]);
+
+  const handleFocus = useCallback(() => {
+    useZenWindowStore.getState().bringToFront(id);
+  }, [id]);
+
+  if (!resolved) {
+    return (
+      <div style={{ pointerEvents: "auto" }}>
+        <ZenDraggablePanel
+          id={id}
+          title="Error"
+          onClose={handleClose}
+          defaultPosition={{ x: 100, y: 100 }}
+          defaultSize={{ width: 300, height: 100 }}
+        >
+          <div className="p-4 text-destructive space-y-2">
+            <div className="font-bold">Component Not Found</div>
+            <div className="text-xs font-mono bg-muted p-2 rounded">
+              ID: {windowState.componentId}
+            </div>
+            <div className="text-xs">Plugin might not be loaded yet.</div>
+          </div>
+        </ZenDraggablePanel>
+      </div>
+    );
+  }
+
+  return (
+    <div style={{ pointerEvents: "auto" }}>
+      <WindowErrorBoundary
+        title={
+          windowState.title || resolved.def?.label || resolved.componentName
+        }
+        onClose={handleClose}
+        position={windowState.position}
+        size={windowState.size}
+      >
+        {(() => {
+          const pluginApi = extendApiForPlugin(baseApi, resolved.pluginId);
+          const GlobalEmbeddrProvider =
+            (window as any).EmbeddrUI?.EmbeddrProvider || EmbeddrProvider;
+          return (
+            <BasicWindowPanel
+              id={id}
+              title={
+                windowState.title ||
+                resolved.def?.label ||
+                resolved.componentName
+              }
+              position={windowState.position}
+              size={windowState.size}
+              isActive={isActive}
+              zIndex={props.zIndex}
+              onClose={handleClose}
+              onMouseDown={handleFocus}
+              onPositionChange={(pos) => updateWindow(id, { position: pos })}
+              onSizeChange={(next) => updateWindow(id, { size: next })}
+            >
+              <GlobalEmbeddrProvider api={pluginApi}>
+                <PluginErrorBoundary
+                  pluginId={resolved.pluginId}
+                  componentName={resolved.componentName}
+                >
+                  <DynamicPluginComponent
+                    pluginId={resolved.pluginId}
+                    componentName={resolved.componentName}
+                    api={pluginApi}
+                    windowId={id}
+                    {...windowState.props}
+                  />
+                </PluginErrorBoundary>
+              </GlobalEmbeddrProvider>
+            </BasicWindowPanel>
+          );
+        })()}
+      </WindowErrorBoundary>
+    </div>
+  );
+});
+
+function BasicWindowPanel({
+  id,
+  title,
+  position,
+  size,
+  isActive,
+  zIndex,
+  onClose,
+  onMouseDown,
+  onPositionChange,
+  onSizeChange,
+  children,
+}: {
+  id: string;
+  title: string;
+  position?: { x: number; y: number };
+  size?: { width: number; height: number };
+  isActive?: boolean;
+  zIndex?: number;
+  onClose: () => void;
+  onMouseDown?: (event: React.MouseEvent) => void;
+  onPositionChange?: (pos: { x: number; y: number }) => void;
+  onSizeChange?: (size: { width: number; height: number }) => void;
+  children: React.ReactNode;
+}) {
+  const [pos, setPos] = useState(position || { x: 100, y: 100 });
+  const [dimensions, setDimensions] = useState(
+    size || { width: 500, height: 400 },
+  );
+  const dragRef = React.useRef<{
+    startX: number;
+    startY: number;
+    pointerId: number;
+  } | null>(null);
+  const resizeRef = React.useRef<{
+    startX: number;
+    startY: number;
+    startW: number;
+    startH: number;
+    pointerId: number;
+  } | null>(null);
+
+  useEffect(() => {
+    if (position) setPos(position);
+  }, [position?.x, position?.y]);
+
+  useEffect(() => {
+    if (size) setDimensions(size);
+  }, [size?.width, size?.height]);
+
+  const handlePointerDown = (event: React.PointerEvent) => {
+    event.stopPropagation();
+    onMouseDown?.(event as unknown as React.MouseEvent);
+    dragRef.current = {
+      startX: event.clientX - pos.x,
+      startY: event.clientY - pos.y,
+      pointerId: event.pointerId,
+    };
+  };
+
+  const handlePointerMove = useCallback((event: PointerEvent) => {
+    if (!dragRef.current || dragRef.current.pointerId !== event.pointerId) {
+      return;
+    }
+    const next = {
+      x: event.clientX - dragRef.current.startX,
+      y: event.clientY - dragRef.current.startY,
+    };
+    setPos(next);
+  }, []);
+
+  const handlePointerUp = useCallback(
+    (event: PointerEvent) => {
+      if (!dragRef.current || dragRef.current.pointerId !== event.pointerId) {
+        return;
+      }
+      dragRef.current = null;
+      onPositionChange?.(pos);
+    },
+    [onPositionChange, pos],
+  );
+
+  const handleResizeDown = (event: React.PointerEvent) => {
+    event.stopPropagation();
+    resizeRef.current = {
+      startX: event.clientX,
+      startY: event.clientY,
+      startW: dimensions.width,
+      startH: dimensions.height,
+      pointerId: event.pointerId,
+    };
+  };
+
+  const handleResizeMove = useCallback(
+    (event: PointerEvent) => {
+      if (
+        !resizeRef.current ||
+        resizeRef.current.pointerId !== event.pointerId
+      ) {
+        return;
+      }
+      const next = {
+        width: Math.max(
+          240,
+          resizeRef.current.startW + (event.clientX - resizeRef.current.startX),
+        ),
+        height: Math.max(
+          180,
+          resizeRef.current.startH + (event.clientY - resizeRef.current.startY),
+        ),
+      };
+      setDimensions(next);
+    },
+    [dimensions.width, dimensions.height],
+  );
+
+  const handleResizeUp = useCallback(
+    (event: PointerEvent) => {
+      if (
+        !resizeRef.current ||
+        resizeRef.current.pointerId !== event.pointerId
+      ) {
+        return;
+      }
+      resizeRef.current = null;
+      onSizeChange?.(dimensions);
+    },
+    [dimensions, onSizeChange],
+  );
+
+  useEffect(() => {
+    window.addEventListener("pointermove", handlePointerMove);
+    window.addEventListener("pointerup", handlePointerUp);
+    window.addEventListener("pointermove", handleResizeMove);
+    window.addEventListener("pointerup", handleResizeUp);
+    return () => {
+      window.removeEventListener("pointermove", handlePointerMove);
+      window.removeEventListener("pointerup", handlePointerUp);
+      window.removeEventListener("pointermove", handleResizeMove);
+      window.removeEventListener("pointerup", handleResizeUp);
+    };
+  }, [handlePointerMove, handlePointerUp, handleResizeMove, handleResizeUp]);
+
+  return (
+    <div
+      className={cn(
+        "fixed rounded-md border border-border bg-background/95 backdrop-blur shadow-xl overflow-hidden",
+        isActive ? "ring-1 ring-primary/40" : "",
+      )}
+      style={{
+        left: pos.x,
+        top: pos.y,
+        width: dimensions.width,
+        height: dimensions.height,
+        zIndex: zIndex ?? 9999,
+        pointerEvents: "auto",
+      }}
+      data-panel-id={id}
+    >
+      <div
+        className="h-10 border-b border-border flex items-center justify-between px-3 bg-muted/50 cursor-move"
+        onPointerDown={handlePointerDown}
+      >
+        <div className="text-sm font-medium truncate">{title}</div>
+        <Button
+          variant="ghost"
+          size="icon-sm"
+          onPointerDown={(event) => event.stopPropagation()}
+          onClick={onClose}
+        >
+          <X className="w-3 h-3" />
+        </Button>
+      </div>
+      <div className="h-[calc(100%-40px)] w-full">{children}</div>
+      <div
+        className="absolute bottom-1 right-1 h-3 w-3 cursor-se-resize bg-muted/80 border border-border rounded"
+        onPointerDown={handleResizeDown}
+      />
+    </div>
+  );
+}
+
+class WindowErrorBoundary extends React.Component<
+  {
+    title: string;
+    onClose: () => void;
+    position?: { x: number; y: number };
+    size?: { width: number; height: number };
+    children: React.ReactNode;
+  },
+  { error?: Error }
+> {
+  state = { error: undefined } as { error?: Error };
+
+  static getDerivedStateFromError(error: Error) {
+    return { error };
+  }
+
+  componentDidCatch(error: Error) {
+    console.error("[ZenShell] Window renderer crashed", error);
+  }
+
+  render() {
+    if (this.state.error) {
+      const pos = this.props.position || { x: 100, y: 100 };
+      const size = this.props.size || { width: 500, height: 400 };
+      return (
+        <div
+          className="fixed z-[9999] border border-border bg-background/95 backdrop-blur shadow-xl rounded-md overflow-hidden"
+          style={{
+            left: pos.x,
+            top: pos.y,
+            width: size.width,
+            height: size.height,
+          }}
+        >
+          <div className="h-10 border-b border-border flex items-center justify-between px-3 bg-muted/50">
+            <div className="text-sm font-medium truncate">
+              {this.props.title}
+            </div>
+            <Button variant="ghost" size="icon-sm" onClick={this.props.onClose}>
+              <X className="w-3 h-3" />
+            </Button>
+          </div>
+          <div className="p-4 text-xs text-muted-foreground whitespace-pre-wrap">
+            {this.state.error.message}
+          </div>
+        </div>
+      );
+    }
+
+    return this.props.children;
+  }
+}
+
+type EmbeddrApiAdapterInput = ReturnType<typeof useEmbeddrApi>;
+
+function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
+  const backendUrl = (input.endpoint || "http://localhost:8003").replace(
+    /\/$/,
+    "",
+  );
+  const apiBase = `${backendUrl}/api/v1`;
+
+  const jsonRequest = async (path: string, init?: RequestInit) => {
+    const normalized = path.startsWith("/") ? path : `/${path}`;
+    const url = path.startsWith("http") ? path : `${apiBase}${normalized}`;
+
+    const key = input.apiKey || "";
+    const headers = new Headers(init?.headers || {});
+    if (key && !headers.has("X-API-Key")) {
+      headers.set("X-API-Key", key);
+    }
+    const nextInit: RequestInit = { ...init, headers };
+
+    const addTrailingSlash = (inputUrl: string) => {
+      const [base, query] = inputUrl.split("?");
+      if (base.endsWith("/")) return inputUrl;
+      return query ? `${base}/?${query}` : `${base}/`;
+    };
+
+    const run = async (target: string) => {
+      const res = await input.apiClient.fetch(target, nextInit);
+      if (res.ok) return res.json();
+      return res;
+    };
+
+    const first = await run(url);
+    if (first instanceof Response) {
+      if (first.status === 404) {
+        const fallbackUrl = addTrailingSlash(url);
+        const second = await run(fallbackUrl);
+        if (second instanceof Response) {
+          const txt = await second.text().catch(() => "");
+          throw new Error(txt || second.statusText || "Request failed");
+        }
+        return second;
+      }
+      const txt = await first.text().catch(() => "");
+      throw new Error(txt || first.statusText || "Request failed");
+    }
+    return first;
+  };
+
+  const eventTarget = new EventTarget();
+
+  const api: EmbeddrAPI = {
+    stores: {
+      global: {
+        selectedImage: null,
+        selectImage: () => {},
+      },
+      generation: {
+        workflows: [],
+        selectedWorkflow: null,
+        generations: [],
+        isGenerating: false,
+        generate: async () => {},
+        setWorkflowInput: () => {},
+        selectWorkflow: () => {},
+      },
+    },
+    ui: {
+      activePanelId: null,
+      isPanelActive: () => false,
+    },
+    workspaces: {
+      getState: () => ({}),
+      subscribe: () => () => {},
+      list: () => [],
+      getActiveId: () => null,
+      ensureDefault: () => {},
+      create: () => "default",
+      save: () => {},
+      saveActive: () => {},
+      apply: () => {},
+      rename: () => {},
+      clone: () => null,
+      remove: () => {},
+      setTemplate: () => {},
+    },
+    settings: {
+      get: <T,>(key: string, defaultValue?: T) => {
+        const raw = localStorage.getItem(key);
+        return (raw !== null ? (JSON.parse(raw) as T) : defaultValue) as T;
+      },
+      set: (key: string, value: any) => {
+        localStorage.setItem(key, JSON.stringify(value));
+      },
+      getPlugin: <T,>(pluginId: string, key: string, defaultValue?: T) => {
+        const raw = localStorage.getItem(`${pluginId}:${key}`);
+        return (raw !== null ? (JSON.parse(raw) as T) : defaultValue) as T;
+      },
+      setPlugin: (pluginId: string, key: string, value: any) => {
+        localStorage.setItem(`${pluginId}:${key}`, JSON.stringify(value));
+      },
+    },
+    toast: {
+      success: (message: string) => console.log("[Embeddr]", message),
+      error: (message: string) => console.error("[Embeddr]", message),
+      info: (message: string) => console.info("[Embeddr]", message),
+    },
+    utils: {
+      backendUrl,
+      getApiKey: () => input.apiKey || null,
+      uploadImage: async () => {
+        throw new Error("uploadImage not implemented in ComfyUI shell");
+      },
+      getPluginUrl: (path: string) => {
+        const cleanPath = path.startsWith("/") ? path.slice(1) : path;
+        return `${apiBase}/plugins/${cleanPath}`;
+      },
+    },
+    artifacts: {
+      list: (inputData) => {
+        const q = new URLSearchParams();
+        if (inputData?.limit !== undefined)
+          q.append("limit", String(inputData.limit));
+        if (inputData?.offset !== undefined)
+          q.append("offset", String(inputData.offset));
+        if (inputData?.type_name) q.append("type_name", inputData.type_name);
+        if (inputData?.sort) q.append("sort", inputData.sort);
+        if (inputData?.ids?.length) q.append("ids", inputData.ids.join(","));
+        const qs = q.toString();
+        return jsonRequest(`/artifacts${qs ? `?${qs}` : ""}`);
+      },
+      get: (id: string) => jsonRequest(`/artifacts/${id}`),
+      getContentUrl: (id: string) => `${apiBase}/artifacts/${id}/content`,
+      resolve: (inputData: any) => jsonRequest(`/artifacts/${inputData.id}`),
+      getPreviewUrl: (
+        id: string,
+        type: "thumbnail" | "preview" = "thumbnail",
+      ) => `${apiBase}/artifacts/${id}/preview?preview_type=${type}`,
+      getEmbeddings: (id: string) => jsonRequest(`/artifacts/${id}/embeddings`),
+      getAnnotations: (id: string) =>
+        jsonRequest(`/artifacts/${id}/annotations`),
+      getLineage: (id: string) => jsonRequest(`/artifacts/${id}/lineage`),
+      getRelations: (id: string) => jsonRequest(`/artifacts/${id}/relations`),
+      addRelation: (sourceId: string, inputData: any) =>
+        jsonRequest(`/artifacts/${sourceId}/relations`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            target_id: inputData?.target_id,
+            relation_type: inputData?.relation_type || "contains",
+            metadata_json: inputData?.metadata_json || {},
+          }),
+        }),
+      getSubgraph: (id: string, params: any) => {
+        const q = new URLSearchParams();
+        if (params?.maxDepth !== undefined)
+          q.append("max_depth", String(params.maxDepth));
+        if (params?.includeLineage !== undefined)
+          q.append("include_lineage", String(params.includeLineage));
+        if (params?.includeRelations !== undefined)
+          q.append("include_relations", String(params.includeRelations));
+        const qs = q.toString();
+        return jsonRequest(`/artifacts/${id}/subgraph${qs ? `?${qs}` : ""}`);
+      },
+    },
+    collections: input.apiClient.collections,
+    library: input.apiClient.collections as any,
+    executions: {
+      create: (payload) =>
+        jsonRequest(`/executions`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(payload),
+        }),
+      get: (executionId) => jsonRequest(`/executions/${executionId}`),
+      list: (payload) => {
+        const q = new URLSearchParams();
+        if (payload?.plugin_name) q.append("plugin_name", payload.plugin_name);
+        if (payload?.status) q.append("status", payload.status);
+        if (payload?.limit) q.append("limit", String(payload.limit));
+        if (payload?.offset) q.append("offset", String(payload.offset));
+        return jsonRequest(`/executions?${q.toString()}`);
+      },
+    },
+    lotus: {
+      invoke: (capId: string, payload?: Record<string, any>) =>
+        jsonRequest(`/lotus/${capId}`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(payload ?? {}),
+        }),
+      query: (query: string, limit = 20) =>
+        jsonRequest(
+          `/lotus/query?q=${encodeURIComponent(query)}&limit=${limit}`,
+        ),
+      list: (payload?: any) => {
+        const q = new URLSearchParams();
+        if (payload?.kind) q.append("kind", payload.kind);
+        if (payload?.plugin) q.append("plugin", payload.plugin);
+        if (payload?.slot) q.append("slot", payload.slot);
+        if (payload?.limit) q.append("limit", String(payload.limit));
+        if (payload?.offset) q.append("offset", String(payload.offset));
+        return jsonRequest(
+          `/lotus/list${q.toString() ? `?${q.toString()}` : ""}`,
+        );
+      },
+    },
+    client: {
+      plugins: {
+        call: (pluginId: string, path: string, method = "GET", body?: any) => {
+          const normalized = path.startsWith("/") ? path : `/${path}`;
+          return jsonRequest(`/plugins/${pluginId}${normalized}`, {
+            method,
+            headers: body ? { "Content-Type": "application/json" } : undefined,
+            body: body ? JSON.stringify(body) : undefined,
+          });
+        },
+      },
+    } as any,
+    events: {
+      on: (event, listener) => {
+        const handler = (e: Event) => listener((e as CustomEvent).detail);
+        eventTarget.addEventListener(event, handler as EventListener);
+        return () =>
+          eventTarget.removeEventListener(event, handler as EventListener);
+      },
+      off: (event, listener) => {
+        eventTarget.removeEventListener(event, listener as EventListener);
+      },
+      emit: (event, payload) => {
+        eventTarget.dispatchEvent(new CustomEvent(event, { detail: payload }));
+      },
+    },
+    comfy: {
+      getLoras: async () => ({ items: [], total: 0, page: 1, pages: 1 }),
+      getCheckpoints: async () => ({ items: [], total: 0, page: 1, pages: 1 }),
+      getEmbeddings: async () => ({ items: [], total: 0, page: 1, pages: 1 }),
+      getSamplers: async () => ({ samplers: [], schedulers: [] }),
+    },
+    windows: {
+      open: (id: string, title: string, componentId: string, props?: any) =>
+        useZenWindowStore.getState().openWindow({
+          id,
+          title,
+          componentId,
+          props,
+        }),
+      spawn: (componentId: string, title: string, props?: any) =>
+        useZenWindowStore.getState().spawnWindow(componentId, title, props),
+      register: () => {},
+      getState: () => useZenWindowStore.getState(),
+      list: () => Object.values(useZenWindowStore.getState().windows),
+    },
+  };
+
+  (api as any).__proxyFetch = input.apiClient.fetch;
+  return api;
+}
+
+function extendApiForPlugin(api: EmbeddrAPI, pluginId: string): EmbeddrAPI {
+  if (!api?.utils) return api;
+  return {
+    ...api,
+    utils: {
+      ...api.utils,
+      getPluginUrl: (path: string) => {
+        const cleanPath = path.startsWith("/") ? path.slice(1) : path;
+        return `${api.utils.backendUrl}/api/v1/plugins/${pluginId}/${cleanPath}`;
+      },
+    },
+    plugin: {
+      fetch: (path: string, init?: RequestInit) => {
+        const proxyFetch = (api as any).__proxyFetch || fetch;
+        const key = (api as any).utils?.getApiKey?.() || "";
+        const headers = new Headers(init?.headers || {});
+        if (key && !headers.has("X-API-Key")) headers.set("X-API-Key", key);
+        const nextInit: RequestInit = { ...init, headers };
+        if (path.startsWith("http")) {
+          return proxyFetch(path, nextInit);
+        }
+        const cleanPath = path.startsWith("/") ? path.slice(1) : path;
+        const url = `${api.utils.backendUrl}/api/v1/plugins/${pluginId}/${cleanPath}`;
+        return proxyFetch(url, nextInit);
+      },
+      request: async (path: string, init?: RequestInit) => {
+        const proxyFetch = (api as any).__proxyFetch || fetch;
+        const key = (api as any).utils?.getApiKey?.() || "";
+        const headers = new Headers(init?.headers || {});
+        if (key && !headers.has("X-API-Key")) headers.set("X-API-Key", key);
+        const nextInit: RequestInit = { ...init, headers };
+        const url = path.startsWith("http")
+          ? path
+          : `${api.utils.backendUrl}/api/v1/plugins/${pluginId}/${
+              path.startsWith("/") ? path.slice(1) : path
+            }`;
+
+        if (
+          url.includes("/api/v1/lotus/") &&
+          (nextInit.method || "GET").toUpperCase() === "POST"
+        ) {
+          const capId = url.split("/api/v1/lotus/")[1] || "";
+          let payload: any = undefined;
+          if (typeof nextInit.body === "string") {
+            try {
+              payload = JSON.parse(nextInit.body);
+            } catch {
+              payload = {};
+            }
+          } else if (nextInit.body && typeof nextInit.body === "object") {
+            payload = nextInit.body as any;
+          }
+          return api.lotus.invoke(capId, payload);
+        }
+        const res = await proxyFetch(url, nextInit);
+        if (!res.ok) {
+          const errorText = await res.text().catch(() => res.statusText);
+          throw new Error(errorText || `Request failed: ${res.status}`);
+        }
+        return res.json();
+      },
+    } as any,
+  } as EmbeddrAPI;
+}
+
+export function ZenShell() {
+  console.log("[ZenShell] Rendering...");
+  const [isOpen, setIsOpen] = useState(false);
+  const [minimized, setMinimized] = useState(false);
+
+  let api;
+  try {
+    api = useEmbeddrApi();
+  } catch (e) {
+    console.error("[ZenShell] Failed to get API context", e);
+    return null;
+  }
+
+  const { plugins, knownPlugins } = usePluginRegistry();
+  const spawnWindow = useZenWindowStore((s) => s.spawnWindow);
+  const embeddrApi = useMemo(
+    () => createEmbeddrApiAdapter(api),
+    [api.endpoint, api.apiKey, api.apiClient],
+  );
+
+  useEffect(() => {
+    console.log("[ZenShell] Mounted");
+    return () => console.log("[ZenShell] Unmounted");
+  }, []);
+
+  const adapter = useMemo<PluginLoaderAdapter>(() => {
+    console.log("[ZenShell] Recreating adapter");
+    return {
+      list: async () => {
+        try {
+          const baseUrl = api.endpoint || "http://localhost:8003";
+          // Reverting to /v2/plugins if that's what was working, or checking both?
+          // Let's assume /api/v1/plugins is correct based on recent changes, but we'll log it.
+          const targetUrl = baseUrl.endsWith("/")
+            ? `${baseUrl}api/v1/plugins`
+            : `${baseUrl}/api/v1/plugins`;
+
+          console.log("[ZenShell] Fetching plugins from", targetUrl);
+          const res = await api.apiClient.fetch(targetUrl);
+          if (!res.ok) {
+            console.error(
+              "[ZenShell] Plugin fetch failed",
+              res.status,
+              res.statusText,
+            );
+            return [];
+          }
+          const data = await res.json();
+          console.log("[ZenShell] Fetched plugins:", data.length);
+          return data;
+        } catch (e) {
+          console.error("Failed to list plugins via proxy", e);
+          return [];
+        }
+      },
+      resolveScriptUrl: (manifest) => {
+        const baseUrl = (api.endpoint || "http://localhost:8003").replace(
+          /\/$/,
+          "",
+        );
+        const url = manifest.url;
+
+        if (!url) return "";
+
+        if (url.startsWith("/")) {
+          const target = `${baseUrl}${url}`;
+          return `/embeddr/proxy?url=${encodeURIComponent(target)}`;
+        }
+        return url;
+      },
+      resolveCssUrl: (manifest) => {
+        const baseUrl = (api.endpoint || "http://localhost:8003").replace(
+          /\/$/,
+          "",
+        );
+        let url = manifest.url;
+
+        if (!url) return null;
+
+        if (url.startsWith("/")) {
+          if (url.endsWith(".js")) {
+            url = url.replace(".js", ".css");
+          }
+          const target = `${baseUrl}${url}`;
+          return `/embeddr/proxy?url=${encodeURIComponent(target)}`;
+        }
+
+        if (url.endsWith(".js")) return url.replace(".js", ".css");
+        return null;
+      },
+    };
+  }, [api.endpoint, api.apiClient]);
+
+  useEffect(() => {
+    const handleToggle = () => {
+      console.log("[ZenShell] Toggle event received");
+      setIsOpen((prev) => !prev);
+    };
+    const handleLaunch = (e: CustomEvent) => {
+      console.log("[ZenShell] Launch event received", e.detail);
+      setIsOpen(true);
+      if (e.detail && e.detail.componentId) {
+        const title = e.detail.title || e.detail.componentId;
+        spawnWindow(e.detail.componentId, title, e.detail.props);
+      }
+    };
+
+    const targets: Window[] = [];
+    const addTarget = (target?: Window | null) => {
+      if (!target) return;
+      if (!targets.includes(target)) targets.push(target);
+    };
+
+    addTarget(window);
+    try {
+      addTarget(window.parent);
+    } catch (e) {
+      console.warn("[ZenShell] Unable to access window.parent", e);
+    }
+    try {
+      addTarget(window.top);
+    } catch (e) {
+      console.warn("[ZenShell] Unable to access window.top", e);
+    }
+
+    targets.forEach((target) => {
+      target.addEventListener("embeddr-toggle-shell", handleToggle);
+      target.addEventListener(
+        "embeddr-launch-window",
+        handleLaunch as EventListener,
+      );
+    });
+
+    return () => {
+      targets.forEach((target) => {
+        target.removeEventListener("embeddr-toggle-shell", handleToggle);
+        target.removeEventListener(
+          "embeddr-launch-window",
+          handleLaunch as EventListener,
+        );
+      });
+    };
+  }, [spawnWindow]);
+
+  // Initial Load
+  useEffect(() => {
+    if (!api.configLoaded) return;
+    console.log("[ZenShell] Loading external plugins...");
+    loadExternalPlugins({ adapter });
+  }, [api.configLoaded, adapter]);
+
+  // We always render the Manager (so windows exist), but maybe hide the Dock
+  return (
+    <>
+      <div
+        style={{
+          position: "fixed",
+          inset: 0,
+          zIndex: 9000,
+          pointerEvents: "none",
+        }}
+      >
+        {/* The Window Manager Layer */}
+        <div style={{ width: "100vw", height: "100vh" }}>
+          <EmbeddrProvider api={embeddrApi}>
+            <ZenPanelManagerCore
+              useWindowStore={useZenWindowStore}
+              WindowRenderer={CustomWindowRenderer}
+            />
+          </EmbeddrProvider>
+        </div>
+      </div>
+
+      {/* The Shell Dock / Launcher */}
+      {isOpen && (
+        <div
+          className={cn(
+            "fixed z-[9999] flex flex-col overflow-hidden items-center justify-center pointer-events-auto",
+            // Centered circular dock logic
+            "bottom-5 left-1/2 -translate-x-1/2",
+            minimized
+              ? "w-10 h-10 rounded-full bg-background/95 backdrop-blur shadow-2xl border border-border cursor-pointer hover:scale-110"
+              : "w-[600px] h-[400px] rounded-xl bg-background/95 backdrop-blur shadow-2xl border border-border flex flex-col",
+          )}
+          // If minimized, clicking opens it
+          onClick={minimized ? () => setMinimized(false) : undefined}
+        >
+          {minimized ? (
+            <div className="flex items-center justify-center w-full h-full text-primary">
+              <LayoutTemplate className="w-5 h-5" />
+            </div>
+          ) : (
+            <>
+              {/* Header */}
+              <div className="h-10 border-b border-border flex items-center justify-between px-4 bg-muted/50 select-none w-full shrink-0">
+                <div className="flex items-center gap-2 font-medium text-sm">
+                  <LayoutTemplate className="w-3 h-3 text-primary" />
+                  Zen Launcher
+                </div>
+                <div className="flex items-center gap-1">
+                  <Button
+                    variant="ghost"
+                    size="icon-sm"
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      setMinimized(true);
+                    }}
+                  >
+                    <Minimize2 className="w-3 h-3" />
+                  </Button>
+                  <Button
+                    variant="ghost"
+                    size="icon-sm"
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      setIsOpen(false);
+                    }}
+                  >
+                    <X className="w-3 h-3" />
+                  </Button>
+                </div>
+              </div>
+
+              {/* Content */}
+              <div className="flex-1 overflow-y-auto p-4 space-y-4 w-full">
+                <div className="text-xs text-muted-foreground px-2 uppercase tracking-wider font-bold">
+                  Available Plugins ({knownPlugins.length})
+                </div>
+                {knownPlugins.length === 0 && (
+                  <div className="p-4 text-center text-muted-foreground text-sm flex flex-col items-center justify-center h-40">
+                    <RefreshCw className="w-8 h-8 mb-4 animate-spin opacity-50" />
+                    Loading plugins...
+                  </div>
+                )}
+
+                {knownPlugins.length > 0 && (
+                  <div className="grid grid-cols-2 md:grid-cols-3 gap-3">
+                    {knownPlugins.map((pid, idx) => {
+                      const p = plugins[pid];
+                      return (
+                        <div
+                          key={pid || `plugin-${idx}`}
+                          className="p-3 border rounded-lg hover:bg-muted/50 transition-all hover:scale-[1.02] cursor-default bg-card shadow-sm"
+                        >
+                          <div className="font-semibold text-sm flex items-center gap-2 mb-2 border-b pb-2">
+                            <div className="w-2 h-2 rounded-full bg-green-500 shadow-[0_0_8px_rgba(34,197,94,0.5)]" />
+                            <div className="truncate" title={p.name || pid}>
+                              {p.name || pid}
+                            </div>
+                          </div>
+                          <div className="flex flex-col gap-1">
+                            {p.components?.map((c: any, cIdx: number) => {
+                              const componentId = `${pid}-${
+                                c.exportName ||
+                                c.component ||
+                                c.name ||
+                                `comp-${cIdx}`
+                              }`;
+                              return (
+                                <Button
+                                  key={componentId}
+                                  variant="secondary"
+                                  size="sm"
+                                  className="h-8 text-xs justify-start px-2 w-full"
+                                  onClick={() =>
+                                    spawnWindow(
+                                      componentId,
+                                      c.label ||
+                                        c.name ||
+                                        c.component ||
+                                        c.exportName ||
+                                        pid,
+                                    )
+                                  }
+                                >
+                                  <Play className="w-3 h-3 mr-2 opacity-50 shrink-0" />
+                                  <span className="truncate">
+                                    {c.label || c.name || c.component}
+                                  </span>
+                                </Button>
+                              );
+                            })}
+                          </div>
+                        </div>
+                      );
+                    })}
+                  </div>
+                )}
+
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  className="w-full mt-4 text-xs text-muted-foreground hover:text-foreground"
+                  onClick={() => loadExternalPlugins({ adapter })}
+                >
+                  <RefreshCw className="w-3 h-3 mr-2" /> Reload Plugins
+                </Button>
+              </div>
+            </>
+          )}
+        </div>
+      )}
+    </>
+  );
+}
diff --git a/ui/components/panels/EmbeddrPanel.tsx b/ui/components/panels/EmbeddrPanel.tsx
index fba7560..2e64125 100644
--- a/ui/components/panels/EmbeddrPanel.tsx
+++ b/ui/components/panels/EmbeddrPanel.tsx
@@ -6,8 +6,14 @@ import {
   TabsList,
   TabsTrigger,
 } from "@embeddr/react-ui/components/tabs";
-import { useExternalNav } from "@embeddr/react-ui";
-import { GlobeIcon, MessageCircleIcon, Search, Settings } from "lucide-react";
+import { useExternalNav, useImageDialog } from "@embeddr/react-ui";
+import {
+  GlobeIcon,
+  MessageCircleIcon,
+  Search,
+  Settings,
+  LayoutTemplate,
+} from "lucide-react";
 import { Button } from "@embeddr/react-ui/components/button";
 import { useEmbeddrApi } from "@hooks/useEmbeddrApi";
 import { SettingsForm } from "../tabs/SettingsForm";
@@ -34,10 +40,22 @@ export default function EmbeddrPanel() {
     setSimilarImageId,
     theme,
     setTheme,
+    themePackId,
+    setThemePackId,
+    apiBase,
     apiClient,
+    apiKey,
+    setApiKey,
   } = useEmbeddrApi();
 
   const { openExternal } = useExternalNav();
+  const { setApiKey: setDialogApiKey } = useImageDialog();
+
+  useEffect(() => {
+    if (setDialogApiKey && apiKey) {
+      setDialogApiKey(apiKey);
+    }
+  }, [apiKey, setDialogApiKey]);
 
   const [activeTab, setActiveTab] = useState("explore");
 
@@ -55,7 +73,36 @@ export default function EmbeddrPanel() {
   }, [viewMode, configLoaded, selectedLibrary, mode, similarImageId]);
 
   const handleSave = async () => {
-    await saveSettings(endpoint, mode, gridSize, gridPreviewContain);
+    await saveSettings(endpoint, mode, gridSize, gridPreviewContain, apiKey);
+  };
+
+  const dispatchShellEvent = (
+    name: string,
+    detail?: Record<string, unknown>,
+  ) => {
+    const targets: Window[] = [];
+    console.log("[EmbeddrPanel] Dispatching event", name, detail);
+    const addTarget = (target?: Window | null) => {
+      if (!target) return;
+      if (!targets.includes(target)) targets.push(target);
+    };
+    addTarget(window);
+    try {
+      addTarget(window.parent);
+    } catch (e) {
+      console.warn("[EmbeddrPanel] Unable to access window.parent", e);
+    }
+    try {
+      addTarget(window.top);
+    } catch (e) {
+      console.warn("[EmbeddrPanel] Unable to access window.top", e);
+    }
+
+    targets.forEach((target) => {
+      const event = new CustomEvent(name, { detail });
+      console.log("[EmbeddrPanel] Sending event to target", target, event);
+      target.dispatchEvent(event);
+    });
   };
 
   return (
@@ -84,6 +131,14 @@ export default function EmbeddrPanel() {
                 <MessageCircleIcon className="w-4 h-4" />
               </TabsTrigger>
             </TabsList>
+            <Button
+              variant="link"
+              size="icon"
+              title="Toggle Zen Shell"
+              onClick={() => dispatchShellEvent("embeddr-toggle-shell")}
+            >
+              <LayoutTemplate className="w-4 h-4" />
+            </Button>
             <Button
               variant="link"
               size="icon"
@@ -122,6 +177,7 @@ export default function EmbeddrPanel() {
             gridPreviewContain={gridPreviewContain}
             configLoaded={configLoaded}
             activeTab={activeTab}
+            apiKey={apiKey}
           />
         </TabsContent>
 
@@ -137,6 +193,11 @@ export default function EmbeddrPanel() {
             setGridSize={setGridSize}
             theme={theme}
             setTheme={setTheme}
+            apiKey={apiKey}
+            setApiKey={setApiKey}
+            apiBase={apiBase}
+            themePackId={themePackId}
+            setThemePackId={setThemePackId}
             onSave={handleSave}
           />
         </TabsContent>
diff --git a/ui/components/panels/ImageDetails.tsx b/ui/components/panels/ImageDetails.tsx
index d4fdae2..88979aa 100644
--- a/ui/components/panels/ImageDetails.tsx
+++ b/ui/components/panels/ImageDetails.tsx
@@ -5,6 +5,7 @@ import { Badge } from "@embeddr/react-ui/components/badge";
 import { Separator } from "@embeddr/react-ui/components/separator";
 import { Skeleton } from "@embeddr/react-ui/components/skeleton";
 import { EmbeddrApiClient } from "@embeddr/api";
+import { AuthorizedImage } from "@components/ui/AuthorizedImage";
 
 import {
   ArrowBigRightDashIcon,
@@ -27,6 +28,7 @@ interface ImageDetailsProps {
   onUseImage: (imageUrl: string) => void;
   apiBase?: string;
   apiClient?: EmbeddrApiClient;
+  apiKey?: string;
 }
 
 interface ArtifactDetail {
@@ -45,6 +47,7 @@ export function ImageDetails({
   onUseImage,
   apiBase,
   apiClient,
+  apiKey,
 }: ImageDetailsProps) {
   const [copied, setCopied] = useState(false);
   const [artifact, setArtifact] = useState<ArtifactDetail | null>(null);
@@ -55,8 +58,8 @@ export function ImageDetails({
     if (!apiBase) return null;
     let baseUrl = apiBase;
     if (baseUrl.endsWith("/")) baseUrl = baseUrl.slice(0, -1);
-    if (!baseUrl.endsWith("/api/v2")) {
-      baseUrl = `${baseUrl}/api/v2`;
+    if (!baseUrl.endsWith("/api/v1")) {
+      baseUrl = `${baseUrl}/api/v1`;
     }
     return new EmbeddrApiClient({ baseUrl });
   }, [apiClient, apiBase]);
@@ -70,14 +73,27 @@ export function ImageDetails({
     setLoading(true);
     const client = localClient;
     const fallback = apiBase
-      ? apiBase.replace(/\/+$/, "").replace(/\/+api\/v2$/, "") + "/api/v2"
+      ? apiBase.replace(/\/+$/, "").replace(/\/+api\/v2$/, "") + "/api/v1"
       : "";
 
     if (client) {
       client.artifacts
         .get(selectedImage.id)
         .then((data) => setArtifact(data as ArtifactDetail))
-        .catch((e) => console.error("Failed to fetch artifact details", e))
+        .catch((e) => {
+          console.warn("Failed to fetch artifact, trying fallback headers", e);
+          // If client fails, try raw fetch with token from local storage as backup
+          if (fallback) {
+            const token = localStorage.getItem("embeddr_api_key");
+            const headers: any = {};
+            if (token) headers["X-API-Key"] = token;
+
+            fetch(`${fallback}/artifacts/${selectedImage.id}`, { headers })
+              .then((res) => res.json())
+              .then((data) => setArtifact(data))
+              .catch((err) => console.error("Double fallback failed", err));
+          }
+        })
         .finally(() => setLoading(false));
       return;
     }
@@ -88,7 +104,11 @@ export function ImageDetails({
       return;
     }
 
-    fetch(`${fallback}/artifacts/${selectedImage.id}`)
+    const token = localStorage.getItem("embeddr_api_key");
+    const headers: any = {};
+    if (token) headers["X-API-Key"] = token;
+
+    fetch(`${fallback}/artifacts/${selectedImage.id}`, { headers })
       .then((res) => (res.ok ? res.json() : null))
       .then((data) => setArtifact(data))
       .catch((e) => console.error("Failed to fetch artifact details", e))
@@ -108,10 +128,11 @@ export function ImageDetails({
       <ScrollArea className="flex-1 min-h-0" type="always">
         <div className="flex flex-col gap-1 pr-3">
           <div className="w-full shrink-0 overflow-hidden bg-muted border relative group">
-            <img
+            <AuthorizedImage
               src={selectedImage.thumb_url || selectedImage.image_url}
               alt="Selected"
               className="w-full h-full object-cover"
+              apiKey={apiKey}
             />
 
             {/* Overlay Controls */}
diff --git a/ui/components/tabs/ExploreTab.tsx b/ui/components/tabs/ExploreTab.tsx
index 75a3594..c7ae3b9 100644
--- a/ui/components/tabs/ExploreTab.tsx
+++ b/ui/components/tabs/ExploreTab.tsx
@@ -43,6 +43,7 @@ interface ExploreTabProps {
   configLoaded: boolean;
   activeTab: string;
   onImageSelect?: (image: PromptImageRead) => void;
+  apiKey?: string;
 }
 
 export function ExploreTab({
@@ -62,6 +63,7 @@ export function ExploreTab({
   configLoaded,
   activeTab,
   onImageSelect,
+  apiKey,
 }: ExploreTabProps) {
   const { targetNodes, handleLoadIntoNode, handleUseImage } = useNodeScanner();
   const { openImage, closeImage, setGalleryImages, currentGallery } =
@@ -170,6 +172,7 @@ export function ExploreTab({
               gridSize={gridSize}
               imagePreviewContain={gridPreviewContain}
               scrollRef={scrollRef}
+              apiKey={apiKey}
               onRightClick={(e) => {
                 setSelectedImage(e);
               }}
@@ -269,6 +272,7 @@ export function ExploreTab({
                   onLoadIntoNode={handleLoadIntoNode}
                   apiBase={apiBase}
                   apiClient={apiClient}
+                  apiKey={apiKey}
                 />
               </ResizablePanel>
             </>
diff --git a/ui/components/tabs/SettingsForm.tsx b/ui/components/tabs/SettingsForm.tsx
index a0fff8a..52653cb 100644
--- a/ui/components/tabs/SettingsForm.tsx
+++ b/ui/components/tabs/SettingsForm.tsx
@@ -4,11 +4,17 @@ import { Label } from "@embeddr/react-ui/components/label";
 import { Button } from "@embeddr/react-ui/components/button";
 import { Slider } from "@embeddr/react-ui/components/slider";
 import { Switch } from "@embeddr/react-ui/components/switch";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@embeddr/react-ui/components/select";
 
-import { Cloud, Moon, Server, Sun } from "lucide-react";
-// @ts-ignore
-import { app } from "../../../../scripts/app.js";
+import { Moon, Server, Sun } from "lucide-react";
 import type { ApiMode } from "@hooks/useEmbeddrApi";
+import { useThemePacks } from "@hooks/useThemePacks";
 
 interface SettingsFormProps {
   endpoint: string;
@@ -21,6 +27,11 @@ interface SettingsFormProps {
   setGridPreviewContain: (contain: boolean) => void;
   theme: string;
   setTheme: (theme: string) => void;
+  apiKey?: string;
+  setApiKey?: (key: string) => void;
+  apiBase: string;
+  themePackId: string;
+  setThemePackId: (value: string) => void;
   onSave: () => void;
 }
 
@@ -35,29 +46,27 @@ export function SettingsForm({
   setGridPreviewContain,
   theme,
   setTheme,
+  apiKey = "",
+  setApiKey,
+  apiBase,
+  themePackId,
+  setThemePackId,
   onSave,
 }: SettingsFormProps) {
+  const { packs, isLoading } = useThemePacks(apiBase, Boolean(apiBase));
+  const hasPacks = packs.length > 0;
+
   return (
     <div className="space-y-4 p-2">
       <div className="space-y-2">
         <div className="flex gap-2">
-          <Button
-            variant={mode !== "local" ? "default" : "outline"}
-            className="flex-1"
-            onClick={() => {
-              app.extensionManager.toast.addAlert("Cloud Coming Soon!!");
-            }}
-          >
-            <Cloud className="w-4 h-4 mr-2" />
-            Cloud
-          </Button>
           <Button
             variant={mode === "local" ? "default" : "outline"}
             className="flex-1"
             onClick={() => {
               setMode("local");
               if (endpoint === "") {
-                setEndpoint("http://localhost:8003/api/v1");
+                setEndpoint("http://localhost:8003");
               }
             }}
           >
@@ -82,6 +91,20 @@ export function SettingsForm({
         </p>
       </div>
 
+      <div className="space-y-2">
+        <Label htmlFor="api-key">API Key</Label>
+        <Input
+          id="api-key"
+          type="password"
+          placeholder="Enter API Key (optional)"
+          value={apiKey}
+          onChange={(e) => setApiKey && setApiKey(e.target.value)}
+        />
+        <p className="text-xs text-muted-foreground">
+          Optional API Key for authentication (X-API-Key).
+        </p>
+      </div>
+
       <div className="space-y-2">
         <Label htmlFor="grid-size">Grid Columns</Label>
         <div className="flex items-center gap-4">
@@ -139,6 +162,34 @@ export function SettingsForm({
         </div>
       </div>
 
+      <div className="space-y-2">
+        <Label htmlFor="theme-pack">Theme Pack</Label>
+        <Select
+          value={themePackId || "default"}
+          onValueChange={(value) =>
+            setThemePackId(value === "default" ? "" : value)
+          }
+          disabled={isLoading || !hasPacks}
+        >
+          <SelectTrigger id="theme-pack">
+            <SelectValue
+              placeholder={isLoading ? "Loading..." : "Select theme pack"}
+            />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="default">Default</SelectItem>
+            {packs.map((pack) => (
+              <SelectItem key={pack.id} value={pack.id}>
+                {pack.name || pack.id}
+              </SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
+        <p className="text-xs text-muted-foreground">
+          Theme packs apply token overrides and optional CSS.
+        </p>
+      </div>
+
       <Button onClick={onSave} className="w-full">
         Save Settings
       </Button>
diff --git a/ui/components/ui/AuthorizedImage.tsx b/ui/components/ui/AuthorizedImage.tsx
new file mode 100644
index 0000000..fcb30c3
--- /dev/null
+++ b/ui/components/ui/AuthorizedImage.tsx
@@ -0,0 +1,47 @@
+import React, { useEffect, useState, useRef } from "react";
+import { cn } from "@embeddr/react-ui";
+
+interface AuthorizedImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+  src: string;
+  fallbackSrc?: string;
+  authHeader?: Record<string, string>;
+  apiKey?: string;
+}
+
+export function AuthorizedImage({
+  src,
+  fallbackSrc,
+  className,
+  alt,
+  authHeader,
+  apiKey,
+  ...props
+}: AuthorizedImageProps) {
+  // Switch to Proxy strategy for robustness against CORS and Auth issues.
+  const isEmbeddrUrl =
+    src.includes("/api/v") &&
+    (src.includes("/artifacts") || src.includes("/content"));
+  const shouldUseProxy = (!!apiKey || isEmbeddrUrl) && src.startsWith("http");
+  const proxySrc = shouldUseProxy
+    ? `/embeddr/proxy?url=${encodeURIComponent(src)}`
+    : src;
+
+  const [error, setError] = useState(false);
+
+  if (error && fallbackSrc) {
+    return <img src={fallbackSrc} alt={alt} className={className} {...props} />;
+  }
+
+  return (
+    <img
+      src={proxySrc}
+      alt={alt}
+      className={className}
+      onError={(e) => {
+        if (fallbackSrc) e.currentTarget.src = fallbackSrc;
+        setError(true);
+      }}
+      {...props}
+    />
+  );
+}
diff --git a/ui/components/ui/ImageGrid.tsx b/ui/components/ui/ImageGrid.tsx
index aba1373..e1622f3 100644
--- a/ui/components/ui/ImageGrid.tsx
+++ b/ui/components/ui/ImageGrid.tsx
@@ -3,6 +3,7 @@ import { ScrollArea } from "@embeddr/react-ui/components/scroll-area";
 import { Eye, PenLineIcon } from "lucide-react";
 import { Button } from "@embeddr/react-ui/components/button";
 import { cn } from "@embeddr/react-ui";
+import { AuthorizedImage } from "./AuthorizedImage";
 
 import type { PromptImageRead } from "@hooks/useEmbeddrApi";
 
@@ -18,6 +19,7 @@ interface ImageGridProps {
   gridSize?: number;
   imagePreviewContain?: boolean;
   scrollRef?: React.RefObject<HTMLDivElement | null>;
+  apiKey?: string;
 }
 
 export function ImageGrid({
@@ -32,6 +34,7 @@ export function ImageGrid({
   gridSize = 3,
   imagePreviewContain = true,
   scrollRef,
+  apiKey,
 }: ImageGridProps) {
   const observerTarget = useRef(null);
 
@@ -42,7 +45,7 @@ export function ImageGrid({
           onLoadMore();
         }
       },
-      { threshold: 0, rootMargin: "200px" }
+      { threshold: 0, rootMargin: "200px" },
     );
 
     if (observerTarget.current) {
@@ -74,7 +77,7 @@ export function ImageGrid({
         {images.map((image) => (
           <div
             key={image.id}
-            className={`relative aspect-square group cursor-pointer overflow-hidden border bg-muted ${
+            className={`relative rounded-md aspect-square group cursor-pointer overflow-hidden border bg-muted ${
               selectedId === image.id ? "border-2 border-primary" : ""
             }`}
             onContextMenu={(e) => {
@@ -85,14 +88,14 @@ export function ImageGrid({
             draggable
             onDragStart={(e) => handleDragStart(e, image)}
           >
-            <img
+            <AuthorizedImage
               src={`${image.thumb_url || image.image_url}`}
               alt={image.prompt}
               className={cn(
                 "w-full h-full transition-transform group-hover:scale-105",
-                imagePreviewContain ? "object-contain" : "object-cover"
+                imagePreviewContain ? "object-contain" : "object-cover",
               )}
-              loading="lazy"
+              apiKey={apiKey}
             />
             <div className="absolute inset-0  flex flex-col justify-between p-2">
               <div className="flex justify-end">
diff --git a/ui/globals.css b/ui/globals.css
index 93b8ad8..0b828ce 100644
--- a/ui/globals.css
+++ b/ui/globals.css
@@ -1,35 +1,23 @@
 @import "tailwindcss";
-@source "../node_modules/@embeddr/react-ui/dist/**/*";
+@source "../node_modules/@embeddr/react-ui/dist/**/*.{js,jsx,ts,tsx}";
+@source "../../embeddr-react-ui/dist/**/*.{js,jsx,ts,tsx}";
+@source "../../embeddr-react-ui/src/**/*.{js,jsx,ts,tsx}";
+@source "../../embeddr-plugins/plugins/**/*.{ts,tsx,js,jsx}";
+@source "../../embeddr-plugins/plugins/**/*.{css,scss}";
 @import "tw-animate-css";
 @import "shadcn/tailwind.css";
+@import "@fontsource-variable/jetbrains-mono";
 
-@custom-variant dark (&:is(.dark *));
-
-@layer base {
-  /* Ensure dialogs are above ComfyUI UI (which can have high z-indices) */
-  .tailwind[data-slot="dialog-overlay"],
-  [data-slot="dialog-overlay"] {
-    z-index: 9999 !important;
-  }
-
-  .tailwind[data-slot="dialog-content"],
-  [data-slot="dialog-content"] {
-    z-index: 10000 !important;
-  }
-
-  .tailwind[data-slot="select-content"],
-  [data-slot="select-content"] {
-    z-index: 10000 !important;
-    background-color: var(--popover);
-    color: var(--popover-foreground);
-  }
-  .tailwind[data-slot="select-viewport"],
-  [data-slot="select-viewport"] {
-    z-index: 10000 !important;
-  }
-}
+@custom-variant dark (&:is(.dark *, .midnight *, .forest *, .frappe *));
 
 @theme inline {
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+  --radius-3xl: calc(var(--radius) + 12px);
+  --radius-4xl: calc(var(--radius) + 16px);
   --color-background: var(--background);
   --color-foreground: var(--foreground);
   --color-card: var(--card);
@@ -45,7 +33,6 @@
   --color-accent: var(--accent);
   --color-accent-foreground: var(--accent-foreground);
   --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
   --color-border: var(--border);
   --color-input: var(--input);
   --color-ring: var(--ring);
@@ -54,10 +41,6 @@
   --color-chart-3: var(--chart-3);
   --color-chart-4: var(--chart-4);
   --color-chart-5: var(--chart-5);
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
   --color-sidebar: var(--sidebar);
   --color-sidebar-foreground: var(--sidebar-foreground);
   --color-sidebar-primary: var(--sidebar-primary);
@@ -66,22 +49,11 @@
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-
-  body {
-    @apply bg-background text-foreground;
-  }
+  --font-sans: "JetBrains Mono Variable", monospace;
 }
 
 :root {
   --radius: 0.625rem;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
   --card: oklch(1 0 0);
   --card-foreground: oklch(0.145 0 0);
   --popover: oklch(1 0 0);
@@ -94,15 +66,15 @@
   --muted-foreground: oklch(0.556 0 0);
   --accent: oklch(0.97 0 0);
   --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
+  --destructive: oklch(0.58 0.22 27);
   --border: oklch(0.922 0 0);
   --input: oklch(0.922 0 0);
   --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
+  --chart-1: oklch(0.809 0.105 251.813);
+  --chart-2: oklch(0.623 0.214 259.815);
+  --chart-3: oklch(0.546 0.245 262.881);
+  --chart-4: oklch(0.488 0.243 264.376);
+  --chart-5: oklch(0.424 0.199 265.638);
   --sidebar: oklch(0.985 0 0);
   --sidebar-foreground: oklch(0.145 0 0);
   --sidebar-primary: oklch(0.205 0 0);
@@ -111,32 +83,71 @@
   --sidebar-accent-foreground: oklch(0.205 0 0);
   --sidebar-border: oklch(0.922 0 0);
   --sidebar-ring: oklch(0.708 0 0);
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
 }
 
-.dark {
+html.embeddr:not([data-embeddr-theme-pack]),
+body.embeddr:not([data-embeddr-theme-pack]) {
+  --radius: 0;
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.87 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.371 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: rgb(231, 130, 132);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.809 0.105 251.813);
+  --chart-2: oklch(0.623 0.214 259.815);
+  --chart-3: oklch(0.546 0.245 262.881);
+  --chart-4: oklch(0.488 0.243 264.376);
+  --chart-5: oklch(0.424 0.199 265.638);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+html.dark:not([data-embeddr-theme-pack]),
+body.dark:not([data-embeddr-theme-pack]) {
+  --radius: 0;
   --background: oklch(0.145 0 0);
   --foreground: oklch(0.985 0 0);
   --card: oklch(0.205 0 0);
   --card-foreground: oklch(0.985 0 0);
   --popover: oklch(0.205 0 0);
   --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
+  --primary: oklch(0.87 0 0);
   --primary-foreground: oklch(0.205 0 0);
   --secondary: oklch(0.269 0 0);
   --secondary-foreground: oklch(0.985 0 0);
   --muted: oklch(0.269 0 0);
   --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
+  --accent: oklch(0.371 0 0);
   --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
+  --destructive: rgb(231, 130, 132);
   --border: oklch(1 0 0 / 10%);
   --input: oklch(1 0 0 / 15%);
   --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
+  --chart-1: oklch(0.809 0.105 251.813);
+  --chart-2: oklch(0.623 0.214 259.815);
+  --chart-3: oklch(0.546 0.245 262.881);
+  --chart-4: oklch(0.488 0.243 264.376);
+  --chart-5: oklch(0.424 0.199 265.638);
   --sidebar: oklch(0.205 0 0);
   --sidebar-foreground: oklch(0.985 0 0);
   --sidebar-primary: oklch(0.488 0.243 264.376);
@@ -146,3 +157,271 @@
   --sidebar-border: oklch(1 0 0 / 10%);
   --sidebar-ring: oklch(0.556 0 0);
 }
+
+html.midnight:not([data-embeddr-theme-pack]),
+body.midnight:not([data-embeddr-theme-pack]) {
+  --radius: 0;
+  --background: oklch(0.12 0.05 270);
+  --foreground: oklch(0.9 0.02 270);
+  --card: oklch(0.15 0.05 270);
+  --card-foreground: oklch(0.9 0.02 270);
+  --popover: oklch(0.15 0.05 270);
+  --popover-foreground: oklch(0.9 0.02 270);
+  --primary: oklch(0.7 0.15 280);
+  --primary-foreground: oklch(0.12 0.05 270);
+  --secondary: oklch(0.2 0.05 270);
+  --secondary-foreground: oklch(0.9 0.02 270);
+  --muted: oklch(0.2 0.05 270);
+  --muted-foreground: oklch(0.6 0.05 270);
+  --accent: oklch(0.25 0.05 270);
+  --accent-foreground: oklch(0.9 0.02 270);
+  --destructive: oklch(0.6 0.2 30);
+  --border: oklch(0.3 0.05 270);
+  --input: oklch(0.3 0.05 270);
+  --ring: oklch(0.7 0.15 280);
+  --sidebar: oklch(0.12 0.05 270);
+  --sidebar-foreground: oklch(0.9 0.02 270);
+  --sidebar-primary: oklch(0.7 0.15 280);
+  --sidebar-primary-foreground: oklch(0.12 0.05 270);
+  --sidebar-accent: oklch(0.2 0.05 270);
+  --sidebar-accent-foreground: oklch(0.9 0.02 270);
+  --sidebar-border: oklch(0.3 0.05 270);
+  --sidebar-ring: oklch(0.7 0.15 280);
+}
+
+html.latte:not([data-embeddr-theme-pack]),
+body.latte:not([data-embeddr-theme-pack]) {
+  --radius: 0;
+  --background: oklch(0.95 0.02 50);
+  --foreground: oklch(0.25 0.05 40);
+  --card: oklch(0.98 0.01 50);
+  --card-foreground: oklch(0.25 0.05 40);
+  --popover: oklch(0.98 0.01 50);
+  --popover-foreground: oklch(0.25 0.05 40);
+  --primary: oklch(0.6 0.15 35);
+  --primary-foreground: oklch(0.98 0.01 50);
+  --secondary: oklch(0.9 0.03 50);
+  --secondary-foreground: oklch(0.25 0.05 40);
+  --muted: oklch(0.9 0.03 50);
+  --muted-foreground: oklch(0.5 0.05 40);
+  --accent: oklch(0.9 0.03 50);
+  --accent-foreground: oklch(0.25 0.05 40);
+  --destructive: oklch(0.6 0.18 20);
+  --border: oklch(0.85 0.03 50);
+  --input: oklch(0.85 0.03 50);
+  --ring: oklch(0.6 0.15 35);
+  --sidebar: oklch(0.95 0.02 50);
+  --sidebar-foreground: oklch(0.25 0.05 40);
+  --sidebar-primary: oklch(0.6 0.15 35);
+  --sidebar-primary-foreground: oklch(0.98 0.01 50);
+  --sidebar-accent: oklch(0.9 0.03 50);
+  --sidebar-accent-foreground: oklch(0.25 0.05 40);
+  --sidebar-border: oklch(0.85 0.03 50);
+  --sidebar-ring: oklch(0.6 0.15 35);
+}
+
+html.forest:not([data-embeddr-theme-pack]),
+body.forest:not([data-embeddr-theme-pack]) {
+  --radius: 0;
+  --background: oklch(0.12 0.04 145);
+  --foreground: oklch(0.85 0.05 140);
+  --card: oklch(0.15 0.04 145);
+  --card-foreground: oklch(0.85 0.05 140);
+  --popover: oklch(0.15 0.04 145);
+  --popover-foreground: oklch(0.85 0.05 140);
+  --primary: oklch(0.65 0.15 140);
+  --primary-foreground: oklch(0.1 0.05 140);
+  --secondary: oklch(0.2 0.05 140);
+  --secondary-foreground: oklch(0.85 0.05 140);
+  --muted: oklch(0.2 0.05 140);
+  --muted-foreground: oklch(0.6 0.05 140);
+  --accent: oklch(0.25 0.05 140);
+  --accent-foreground: oklch(0.85 0.05 140);
+  --destructive: oklch(0.5 0.15 20);
+  --border: oklch(0.3 0.05 140);
+  --input: oklch(0.3 0.05 140);
+  --ring: oklch(0.65 0.15 140);
+  --sidebar: oklch(0.12 0.04 145);
+  --sidebar-foreground: oklch(0.85 0.05 140);
+  --sidebar-primary: oklch(0.65 0.15 140);
+  --sidebar-primary-foreground: oklch(0.1 0.05 140);
+  --sidebar-accent: oklch(0.2 0.05 140);
+  --sidebar-accent-foreground: oklch(0.85 0.05 140);
+  --sidebar-border: oklch(0.3 0.05 140);
+  --sidebar-ring: oklch(0.65 0.15 140);
+}
+
+html.frappe:not([data-embeddr-theme-pack]),
+body.frappe:not([data-embeddr-theme-pack]) {
+  --radius: 0.5rem;
+  /* Base */
+  --background: #303446;
+  /* Text */
+  --foreground: #c6d0f5;
+
+  /* Surface 0 */
+  --card: #303446;
+  --card-foreground: #c6d0f5;
+
+  --popover: #303446;
+  --popover-foreground: #c6d0f5;
+
+  /* Pink */
+  --primary: #f4b8e4 !important;
+  --primary-foreground: #232634;
+
+  /* Surface 0 */
+  --secondary: #414559;
+  --secondary-foreground: #c6d0f5;
+
+  /* Surface 0 */
+  --muted: #414559;
+  /* Overlay 0 */
+  --muted-foreground: #737994;
+
+  /* Surface 1 */
+  --accent: #51576d;
+  --accent-foreground: #c6d0f5;
+
+  /* Red */
+  --destructive: #e78284;
+  --destructive-foreground: #232634;
+
+  /* Surface 1 */
+  --border: #51576d;
+  --input: #51576d;
+  /* Pink */
+  --ring: #f4b8e4;
+
+  --chart-1: #e78284;
+  --chart-2: #ef9f76;
+  --chart-3: #e5c890;
+  --chart-4: #a6d189;
+  --chart-5: #85c1dc;
+
+  /* Mantle */
+  --sidebar: #292c3c;
+  --sidebar-foreground: #c6d0f5;
+  --sidebar-primary: #f4b8e4;
+  --sidebar-primary-foreground: #303446;
+  --sidebar-accent: #303446;
+  --sidebar-accent-foreground: #c6d0f5;
+  --sidebar-border: #414559;
+  --sidebar-ring: #f2d5cf;
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+    @apply font-sans bg-background text-foreground;
+  }
+  html {
+    @apply font-sans;
+  }
+
+  /* Make the app's main content the only scrolling area. Add a nicer scrollbar */
+  .app-scroll {
+    border-radius: 0;
+  }
+
+  /* Webkit-based browsers */
+  .app-scroll::-webkit-scrollbar {
+    border-radius: 0;
+    width: 12px;
+  }
+  .app-scroll::-webkit-scrollbar-track {
+    border-radius: 0;
+    background: transparent;
+  }
+  .app-scroll::-webkit-scrollbar-thumb {
+    background-color: rgba(255, 100, 100, 0.35);
+    border-radius: 0;
+    border: 3px solid transparent;
+    background-clip: padding-box;
+  }
+
+  /* Firefox */
+  .app-scroll {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(100, 100, 100, 0.35) transparent;
+  }
+}
+
+@layer utilities {
+  .aspect-3\/4 {
+    aspect-ratio: 3 / 4;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+    @apply font-sans bg-background text-foreground;
+  }
+  html {
+    @apply font-sans;
+  }
+
+  /* Make the app's main content the only scrolling area. Add a nicer scrollbar */
+  .app-scroll {
+  }
+
+  /* Webkit-based browsers */
+  .app-scroll::-webkit-scrollbar {
+    width: 12px;
+  }
+  .app-scroll::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  .app-scroll::-webkit-scrollbar-thumb {
+    background-color: rgba(255, 100, 100, 0.35);
+    border: 3px solid transparent;
+    background-clip: padding-box;
+  }
+
+  /* Firefox */
+  .app-scroll {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(100, 100, 100, 0.35) transparent;
+  }
+}
+
+@layer utilities {
+  .aspect-3\/4 {
+    aspect-ratio: 3 / 4;
+  }
+}
+
+@layer base {
+  /* Ensure dialogs are above ComfyUI UI (which can have high z-indices) */
+  .tailwind[data-slot="dialog-overlay"],
+  [data-slot="dialog-overlay"] {
+    z-index: 18000 !important;
+  }
+
+  .tailwind[data-slot="dialog-content"],
+  [data-slot="dialog-content"] {
+    z-index: 19000 !important;
+  }
+
+  .tailwind[data-slot="select-content"],
+  [data-slot="select-content"],
+  .tailwind[data-slot="select-viewport"],
+  [data-slot="select-viewport"],
+  .tailwind[data-slot="popover-content"],
+  [data-slot="popover-content"],
+  .tailwind[data-slot="dropdown-menu-content"],
+  [data-slot="dropdown-menu-content"] {
+    z-index: 20000 !important;
+    background-color: var(--popover);
+    color: var(--popover-foreground);
+  }
+}
diff --git a/ui/hooks/useEmbeddrApi.ts b/ui/hooks/useEmbeddrApi.ts
index 39c3fca..3ed92f5 100644
--- a/ui/hooks/useEmbeddrApi.ts
+++ b/ui/hooks/useEmbeddrApi.ts
@@ -7,6 +7,7 @@ import {
   useEmbeddrCollections,
   type Collection,
 } from "./useEmbeddrCollections";
+import { proxyFetch } from "../utils/proxyFetch";
 import type { ApiMode, LibraryPath, PromptImageRead } from "@types";
 
 export type { PromptImageRead, LibraryPath, ApiMode, Collection };
@@ -21,27 +22,56 @@ export function useEmbeddrApi({
   const settings = useEmbeddrSettings({ baseUrl });
 
   const apiClient = useMemo(
-    () => new EmbeddrApiClient({ baseUrl: settings.apiBase }),
-    [settings.apiBase],
+    () =>
+      new EmbeddrApiClient({
+        baseUrl: settings.apiBase,
+        // In ComfyUI, we don't need to pass headers client-side because the proxy handles it.
+        // But we keep this for local dev or direct connection scenarios if proxy logic wasn't used.
+        // However, since we are injecting proxyFetch, headers passed here are forwarded to fetch,
+        // which sends them to the proxy endpoint. The proxy endpoint usually EXPECTS raw structure,
+        // but here we are sending metadata.
+        // Actually, our proxy implementation forwards the body and method, but headers handling
+        // in __init__.py is explicit about keys. It adds X-API-Key itself.
+        // So we can strictly rely on proxyFetch to do the lifting.
+        fetch: proxyFetch,
+        headers: () => {
+          const headers: Record<string, string> = {};
+          // We can attach the key here, but the proxy will OVERWRITE/Attach it from server-side config.
+          // It's safer to rely on server-side config for the key to avoid exposing it in browser network tab
+          // if we can. But providing it here doesn't hurt.
+          const key =
+            settings.apiKey || localStorage.getItem("embeddr_api_key");
+          if (key) {
+            // For now we do NOT attach it here to ensure we test the proxy works from server config
+            // headers["X-API-Key"] = key;
+          }
+          return headers;
+        },
+      }),
+    [settings.apiBase, settings.apiKey],
   );
 
   const libraries = useEmbeddrLibraries({
     apiBase: settings.apiBase,
     mode: settings.mode,
     configLoaded: settings.configLoaded,
+    apiKey: settings.apiKey,
+    apiClient, // Pass client
   });
 
   const images = useEmbeddrImages({
     apiBase: settings.apiBase,
     mode: settings.mode,
     configLoaded: settings.configLoaded,
-    apiClient,
+    apiClient, // Pass client - hook will use it now
+    apiKey: settings.apiKey,
   });
 
   const collections = useEmbeddrCollections({
     apiBase: settings.apiBase,
     configLoaded: settings.configLoaded,
-    apiClient,
+    apiClient, // Pass client
+    apiKey: settings.apiKey,
   });
 
   return {
diff --git a/ui/hooks/useEmbeddrCollections.ts b/ui/hooks/useEmbeddrCollections.ts
index 5c02634..609fd6a 100644
--- a/ui/hooks/useEmbeddrCollections.ts
+++ b/ui/hooks/useEmbeddrCollections.ts
@@ -14,12 +14,14 @@ interface UseEmbeddrCollectionsProps {
   apiBase: string;
   configLoaded: boolean;
   apiClient?: EmbeddrApiClient;
+  apiKey?: string;
 }
 
 export function useEmbeddrCollections({
   apiBase,
   configLoaded,
   apiClient,
+  apiKey,
 }: UseEmbeddrCollectionsProps) {
   const [collections, setCollections] = useState<Collection[]>([]);
   const [loadingCollections, setLoadingCollections] = useState(false);
@@ -32,18 +34,30 @@ export function useEmbeddrCollections({
       const headers: Record<string, string> = {
         "Content-Type": "application/json",
       };
+      if (apiKey) {
+        headers["X-API-Key"] = apiKey;
+      }
 
       let baseUrl = apiBase;
       if (baseUrl.endsWith("/")) baseUrl = baseUrl.slice(0, -1);
       // Ensure we target the V2 API
-      if (!baseUrl.endsWith("/api/v2")) {
-        baseUrl = `${baseUrl}/api/v2`;
+      if (!baseUrl.endsWith("/api/v1")) {
+        baseUrl = `${baseUrl}/api/v1`;
+      }
+
+      const url = `${baseUrl}/collections`;
+      let res: Response;
+
+      // Use Proxy
+      if (url.startsWith("http")) {
+        res = await fetch(`/embeddr/proxy?url=${encodeURIComponent(url)}`, {
+          method: "GET",
+          headers,
+        });
+      } else {
+        res = await fetch(url, { method: "GET", headers });
       }
 
-      const res = await fetch(`${baseUrl}/collections`, {
-        method: "GET",
-        headers,
-      });
       if (res.ok) {
         const data = await res.json();
         // data could be paginated or just a list
@@ -58,7 +72,7 @@ export function useEmbeddrCollections({
     } finally {
       setLoadingCollections(false);
     }
-  }, [apiBase, configLoaded]);
+  }, [apiBase, configLoaded, apiKey]);
 
   const [creating, setCreating] = useState(false);
 
@@ -70,6 +84,10 @@ export function useEmbeddrCollections({
         const headers: Record<string, string> = {
           "Content-Type": "application/json",
         };
+        if (apiKey) {
+          headers["X-API-Key"] = apiKey;
+        }
+
         const payload = {
           label: label,
           type_name: "collection:mix", // Default to simple mix
@@ -80,15 +98,15 @@ export function useEmbeddrCollections({
 
         let baseUrl = apiBase;
         if (baseUrl.endsWith("/")) baseUrl = baseUrl.slice(0, -1);
-        if (!baseUrl.endsWith("/api/v2")) {
-          baseUrl = `${baseUrl}/api/v2`;
+        if (!baseUrl.endsWith("/api/v1")) {
+          baseUrl = `${baseUrl}/api/v1`;
         }
 
         // Use the artifact endpoint to create a collection, since /collections might be read-only or alias
-        // But if /api/v2/collections exists as a dedicated endpoint, we use it.
-        // Assuming /api/v2/collections POST works as expected for creating collections specificically.
+        // But if /api/v1/collections exists as a dedicated endpoint, we use it.
+        // Assuming /api/v1/collections POST works as expected for creating collections specificically.
         // If not, we might need to POST to /artifacts with type=collection.
-        // Let's stick to the user's requested endpoint /api/v2/collections for now.
+        // Let's stick to the user's requested endpoint /api/v1/collections for now.
         const res = await fetch(`${baseUrl}/collections`, {
           method: "POST",
           headers,
@@ -109,7 +127,7 @@ export function useEmbeddrCollections({
         setCreating(false);
       }
     },
-    [apiBase, configLoaded, fetchCollections],
+    [apiBase, configLoaded, fetchCollections, apiKey],
   );
 
   return {
diff --git a/ui/hooks/useEmbeddrImages.ts b/ui/hooks/useEmbeddrImages.ts
index d434562..862505f 100644
--- a/ui/hooks/useEmbeddrImages.ts
+++ b/ui/hooks/useEmbeddrImages.ts
@@ -9,6 +9,7 @@ interface UseEmbeddrImagesProps {
   mode: ApiMode;
   configLoaded: boolean;
   apiClient?: EmbeddrApiClient;
+  apiKey?: string;
 }
 
 export function useEmbeddrImages({
@@ -16,6 +17,7 @@ export function useEmbeddrImages({
   mode,
   configLoaded,
   apiClient,
+  apiKey,
 }: UseEmbeddrImagesProps) {
   const [images, setImages] = useState<Array<PromptImageRead>>([]);
   const [loading, setLoading] = useState(false);
@@ -25,6 +27,8 @@ export function useEmbeddrImages({
   const [similarImageId, setSimilarImageId] = useState<string | number | null>(
     null,
   );
+  const failureCountRef = useRef(0);
+  const nextAllowedFetchRef = useRef(0);
 
   const fetchImages = useCallback(
     async (
@@ -36,6 +40,11 @@ export function useEmbeddrImages({
       collectionId?: string | null,
     ) => {
       if (!configLoaded) return;
+      const now = Date.now();
+      if (!reset && now < nextAllowedFetchRef.current) {
+        return;
+      }
+      // If we are loading more pages (not reset) and already loading, skip
       if (loadingRef.current && !reset) return;
 
       loadingRef.current = true;
@@ -44,9 +53,10 @@ export function useEmbeddrImages({
         const headers: Record<string, string> = {
           "Content-Type": "application/json",
         };
-        const storedKey = localStorage.getItem("embeddr_api_key");
-        if (storedKey) {
-          headers["Authorization"] = `Bearer ${storedKey}`;
+        // Use prop apiKey first, then fallback to localStorage if needed (though prop should be source of truth)
+        const currentKey = apiKey || localStorage.getItem("embeddr_api_key");
+        if (currentKey) {
+          headers["X-API-Key"] = currentKey;
         }
 
         const currentPage = reset ? 1 : pageRef.current;
@@ -55,8 +65,8 @@ export function useEmbeddrImages({
         let baseUrl = apiBase;
         if (baseUrl.endsWith("/")) baseUrl = baseUrl.slice(0, -1);
         // Ensure V2
-        if (!baseUrl.endsWith("/api/v2")) {
-          baseUrl = `${baseUrl}/api/v2`;
+        if (!baseUrl.endsWith("/api/v1")) {
+          baseUrl = `${baseUrl}/api/v1`;
         }
 
         const currentSimilarId =
@@ -84,6 +94,7 @@ export function useEmbeddrImages({
             limit: 20,
           });
         } else if (apiClient) {
+          // Use apiClient for listing items, which now uses proxyFetch internally through constructor
           const list = await apiClient.artifacts.list({
             limit: 20,
             offset,
@@ -93,15 +104,29 @@ export function useEmbeddrImages({
             collection_id: collectionId || undefined,
           });
 
+          // Helper to ensure urls are proxied even if returned from client helpers
+          // The client's getContentUrl returns raw url, we must wrap it if display is needed
+          const proxify = (u: string) =>
+            u.startsWith("http")
+              ? `/embeddr/proxy?url=${encodeURIComponent(u)}`
+              : u;
+
           const items = list.items || [];
           const mapped = items.map((item: any) => {
             const id = item.id;
             const metadata = item.metadata_json || {};
+
+            const rawImageUrl = apiClient.artifacts.getContentUrl(id);
+            const rawThumbUrl = apiClient.artifacts.getPreviewUrl(
+              id,
+              "thumbnail",
+            );
+
             return {
               id: id,
               prompt: metadata.prompt || metadata.filename || "Untitled",
-              image_url: apiClient.artifacts.getContentUrl(id),
-              thumb_url: apiClient.artifacts.getPreviewUrl(id, "thumbnail"),
+              image_url: proxify(rawImageUrl),
+              thumb_url: proxify(rawThumbUrl),
               created_at: item.created_at || new Date().toISOString(),
               like_count: 0,
               liked_by_me: false,
@@ -121,7 +146,7 @@ export function useEmbeddrImages({
           setHasMore(offset + mapped.length < list.total);
           return;
         } else {
-          // List Artifacts
+          // List Artifacts (No Client Fallback - Should rarely happen if hook setup correct)
           url = `${baseUrl}/artifacts/?type_name=image&sort=new&limit=20&offset=${offset}`;
           if (libraryId) {
             url += `&library_id=${libraryId}`;
@@ -131,7 +156,17 @@ export function useEmbeddrImages({
           }
         }
 
-        let response = await fetch(url, { method, headers, body });
+        let response: Response;
+
+        // Use Proxy for all requests to avoid CORS/Auth issues in ComfyUI environment
+        // The backend proxy injects the API key from server-side config
+        const isComfyEnv = true; // We are in ComfyUI extension
+        if (isComfyEnv && url.startsWith("http")) {
+          const proxyUrl = `/embeddr/proxy?url=${encodeURIComponent(url)}`;
+          response = await fetch(proxyUrl, { method, headers, body });
+        } else {
+          response = await fetch(url, { method, headers, body });
+        }
 
         // Fallback for Similar Search if plugin missing (404)
         if (!response.ok && currentSimilarId && response.status === 404) {
@@ -171,18 +206,25 @@ export function useEmbeddrImages({
               const isFullArtifact = !!item.uri;
               const metadata = item.metadata_json || {};
 
+              const rawImageUrl = apiClient
+                ? apiClient.artifacts.getContentUrl(id)
+                : `${baseUrl}/artifacts/${id}/content`;
+              const rawThumbUrl = apiClient
+                ? apiClient.artifacts.getPreviewUrl(id, "thumbnail")
+                : `${baseUrl}/artifacts/${id}/preview?preview_type=thumbnail`;
+
               return {
                 id: id,
                 prompt:
                   metadata.prompt ||
                   metadata.filename ||
                   (isFullArtifact ? "Untitled" : "Similar Result"),
-                image_url: apiClient
-                  ? apiClient.artifacts.getContentUrl(id)
-                  : `${baseUrl}/artifacts/${id}/content`,
-                thumb_url: apiClient
-                  ? apiClient.artifacts.getPreviewUrl(id, "thumbnail")
-                  : `${baseUrl}/artifacts/${id}/preview?preview_type=thumbnail`,
+                image_url: rawImageUrl.startsWith("http")
+                  ? `/embeddr/proxy?url=${encodeURIComponent(rawImageUrl)}`
+                  : rawImageUrl,
+                thumb_url: rawThumbUrl.startsWith("http")
+                  ? `/embeddr/proxy?url=${encodeURIComponent(rawThumbUrl)}`
+                  : rawThumbUrl,
                 created_at: item.created_at || new Date().toISOString(),
                 like_count: 0,
                 liked_by_me: false,
@@ -211,11 +253,19 @@ export function useEmbeddrImages({
             setImages((prev) => [...prev, ...items]);
             pageRef.current = currentPage + 1;
           }
+          failureCountRef.current = 0;
+          nextAllowedFetchRef.current = 0;
         } else {
           throw new Error(`Failed to fetch images: ${response.status}`);
         }
       } catch (error) {
         console.error("Error fetching images:", error);
+        failureCountRef.current += 1;
+        const backoffMs = Math.min(
+          60000,
+          2000 * 2 ** (failureCountRef.current - 1),
+        );
+        nextAllowedFetchRef.current = Date.now() + backoffMs;
         if (app.extensionManager?.toast) {
           app.extensionManager.toast.add({
             severity: "error",
@@ -230,7 +280,7 @@ export function useEmbeddrImages({
         setLoading(false);
       }
     },
-    [apiBase, configLoaded, mode, similarImageId],
+    [apiBase, configLoaded, mode, similarImageId, apiKey],
   );
 
   return {
diff --git a/ui/hooks/useEmbeddrLibraries.ts b/ui/hooks/useEmbeddrLibraries.ts
index da7315c..7a0cb57 100644
--- a/ui/hooks/useEmbeddrLibraries.ts
+++ b/ui/hooks/useEmbeddrLibraries.ts
@@ -5,12 +5,14 @@ interface UseEmbeddrLibrariesProps {
   apiBase: string;
   mode: ApiMode;
   configLoaded: boolean;
+  apiKey?: string;
 }
 
 export function useEmbeddrLibraries({
   apiBase,
   mode,
   configLoaded,
+  apiKey,
 }: UseEmbeddrLibrariesProps) {
   const [libraries, setLibraries] = useState<Array<LibraryPath>>([]);
 
@@ -19,7 +21,25 @@ export function useEmbeddrLibraries({
       let baseUrl = apiBase;
       if (baseUrl.endsWith("/")) baseUrl = baseUrl.slice(0, -1);
 
-      const res = await fetch(`${baseUrl}/workspace/paths`);
+      const headers: Record<string, string> = {
+        "Content-Type": "application/json",
+      };
+      if (apiKey) {
+        headers["X-API-Key"] = apiKey;
+      }
+
+      const url = `${baseUrl}/workspace/paths`;
+      let res: Response;
+      // Use Proxy
+      if (url.startsWith("http")) {
+        res = await fetch(`/embeddr/proxy?url=${encodeURIComponent(url)}`, {
+          method: "GET",
+          headers,
+        });
+      } else {
+        res = await fetch(url, { method: "GET", headers });
+      }
+
       if (res.ok) {
         const data = await res.json();
         setLibraries(data);
@@ -32,9 +52,11 @@ export function useEmbeddrLibraries({
   // Fetch libraries when in local mode
   useEffect(() => {
     if (configLoaded && mode === "local") {
-      fetchLibraries();
+      // TODO: Backend route /api/v1/workspace/paths is currently missing.
+      // Re-enable this when the endpoint is restored or replaced.
+      // fetchLibraries();
     }
-  }, [configLoaded, mode, apiBase]);
+  }, [configLoaded, mode, apiBase, apiKey]);
 
   return {
     libraries,
diff --git a/ui/hooks/useEmbeddrSettings.ts b/ui/hooks/useEmbeddrSettings.ts
index 4ed288b..73044fb 100644
--- a/ui/hooks/useEmbeddrSettings.ts
+++ b/ui/hooks/useEmbeddrSettings.ts
@@ -1,7 +1,13 @@
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 // @ts-ignore
 import { app } from "../../../scripts/app.js";
 import type { ApiMode } from "@types";
+import {
+  applyThemePackCss,
+  applyThemePackTokens,
+  clearThemePackTokens,
+  loadThemePacks,
+} from "../utils/themePacks";
 
 interface UseEmbeddrSettingsProps {
   baseUrl?: string;
@@ -10,58 +16,118 @@ interface UseEmbeddrSettingsProps {
 export function useEmbeddrSettings({
   baseUrl = "http://localhost:8003",
 }: UseEmbeddrSettingsProps = {}) {
+  const normalizeEndpoint = (value: string) =>
+    value.replace(/\/api\/v1\/?$/, "").replace(/\/+$/, "");
+
   const [endpoint, setEndpoint] = useState(() => {
     const stored = localStorage.getItem("embeddr_endpoint");
-    return stored || baseUrl;
+    return normalizeEndpoint(stored || baseUrl);
   });
 
   const [mode, setMode] = useState<ApiMode>(() => "local");
 
+  const [apiKey, setApiKey] = useState(() => {
+    return localStorage.getItem("embeddr_api_key") || "";
+  });
+
   const [gridSize, setGridSize] = useState(() =>
-    parseInt(localStorage.getItem("embeddr_grid_size") || "3")
+    parseInt(localStorage.getItem("embeddr_grid_size") || "3"),
   );
 
   const [gridPreviewContain, setGridPreviewContain] = useState(
-    () => localStorage.getItem("embeddr_grid_preview_contain") === "true"
+    () => localStorage.getItem("embeddr_grid_preview_contain") === "true",
   );
 
   const [theme, setTheme] = useState(() => {
     return localStorage.getItem("embeddr_theme") || "dark";
   });
 
+  const [themePackId, setThemePackId] = useState(() => {
+    return localStorage.getItem("embeddr_theme_pack") || "";
+  });
+
+  const appliedTokenKeysRef = useRef<string[]>([]);
+
   const [configLoaded, setConfigLoaded] = useState(false);
 
   // computed API base for requests
   const apiBase = useMemo(() => {
-    const url = endpoint.replace(/\/$/, ""); // remove trailing slash
-    return `${url}/api/v2`; // append API path automatically
+    const url = normalizeEndpoint(endpoint);
+    return url ? `${url}/api/v1` : "/api/v1";
   }, [endpoint]);
 
   // Apply theme
   useEffect(() => {
-    const container = document.querySelector(".embeddr-sidebar-container");
-    if (container) {
+    const roots = document.querySelectorAll(".embeddr-theme-root");
+    roots.forEach((root) => {
       if (theme === "dark") {
-        container.classList.add("dark");
+        root.classList.add("dark");
       } else {
-        container.classList.remove("dark");
+        root.classList.remove("dark");
       }
-    }
+    });
 
-    // Also handle portals immediately
-    const portals = document.querySelectorAll(
-      "[data-radix-portal], [data-slot='dialog-content'], [data-slot='dialog-overlay'], [data-slot='select-content'], [data-slot='select-viewport'], [data-slot='popover-content'], [data-slot='dropdown-menu-content']"
-    );
-    portals.forEach((portal) => {
-      if (theme === "dark") {
-        portal.classList.add("dark");
+    localStorage.setItem("embeddr_theme", theme);
+  }, [theme]);
+
+  useEffect(() => {
+    localStorage.setItem("embeddr_theme_pack", themePackId);
+  }, [themePackId]);
+
+  useEffect(() => {
+    const roots = [document.documentElement, document.body];
+    roots.forEach((root) => {
+      if (themePackId) {
+        root.setAttribute("data-embeddr-theme-pack", "1");
       } else {
-        portal.classList.remove("dark");
+        root.removeAttribute("data-embeddr-theme-pack");
       }
     });
+  }, [themePackId]);
 
-    localStorage.setItem("embeddr_theme", theme);
-  }, [theme]);
+  useEffect(() => {
+    let isActive = true;
+
+    const applyTheme = async () => {
+      if (!apiBase) return;
+      const targets = Array.from(
+        document.querySelectorAll<HTMLElement>(".embeddr-theme-root"),
+      );
+
+      clearThemePackTokens(targets, appliedTokenKeysRef.current);
+
+      if (!themePackId) {
+        applyThemePackCss(null);
+        appliedTokenKeysRef.current = [];
+        return;
+      }
+
+      try {
+        const packs = await loadThemePacks(apiBase);
+        if (!isActive) return;
+        const pack = packs.find((item) => item.id === themePackId);
+        if (!pack) {
+          applyThemePackCss(null);
+          appliedTokenKeysRef.current = [];
+          return;
+        }
+
+        applyThemePackCss(pack);
+        appliedTokenKeysRef.current = applyThemePackTokens(
+          targets,
+          pack,
+          theme === "dark" ? "dark" : "light",
+        );
+      } catch (e) {
+        console.warn("[EmbeddrUI] Failed to load theme packs", e);
+      }
+    };
+
+    applyTheme();
+    return () => {
+      isActive = false;
+    };
+  }, [apiBase, theme, themePackId]);
 
   // Load config on mount
   useEffect(() => {
@@ -71,8 +137,11 @@ export function useEmbeddrSettings({
         const data = await res.json();
 
         if (data.endpoint) {
-          setEndpoint(new URL(data.endpoint).toString());
-          localStorage.setItem("embeddr_endpoint", data.endpoint);
+          const normalized = normalizeEndpoint(
+            new URL(data.endpoint).toString(),
+          );
+          setEndpoint(normalized);
+          localStorage.setItem("embeddr_endpoint", normalized);
         }
 
         if (data.mode) {
@@ -80,11 +149,16 @@ export function useEmbeddrSettings({
           localStorage.setItem("embeddr_mode", data.mode);
         }
 
+        if (data.api_key) {
+          setApiKey(data.api_key);
+          localStorage.setItem("embeddr_api_key", data.api_key);
+        }
+
         if (data.grid_preview_contain !== undefined) {
           setGridPreviewContain(data.grid_preview_contain);
           localStorage.setItem(
             "embeddr_grid_preview_contain",
-            data.grid_preview_contain.toString()
+            data.grid_preview_contain.toString(),
           );
         }
       } catch (e) {
@@ -100,33 +174,43 @@ export function useEmbeddrSettings({
     newEndpoint: string,
     newMode: ApiMode,
     newGridSize: number,
-    newGridPreviewContain: boolean
+    newGridPreviewContain: boolean,
+    newApiKey?: string,
   ) => {
     try {
-      localStorage.setItem("embeddr_endpoint", newEndpoint);
+      const normalizedEndpoint = normalizeEndpoint(newEndpoint);
+      localStorage.setItem("embeddr_endpoint", normalizedEndpoint);
       localStorage.setItem("embeddr_mode", newMode);
       localStorage.setItem("embeddr_grid_size", newGridSize.toString());
       localStorage.setItem(
         "embeddr_grid_preview_contain",
-        newGridPreviewContain.toString()
+        newGridPreviewContain.toString(),
       );
 
+      const payload: any = {
+        endpoint: normalizedEndpoint,
+        mode: newMode,
+        grid_size: newGridSize,
+        grid_preview_contain: newGridPreviewContain,
+      };
+
+      if (newApiKey !== undefined) {
+        payload.api_key = newApiKey;
+        setApiKey(newApiKey);
+        localStorage.setItem("embeddr_api_key", newApiKey);
+      }
+
       const res = await fetch("/embeddr/config", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          endpoint: newEndpoint,
-          mode: newMode,
-          grid_size: newGridSize,
-          grid_preview_contain: newGridPreviewContain,
-        }),
+        body: JSON.stringify(payload),
       });
 
       if (!res.ok) {
         throw new Error(`Server returned ${res.status}`);
       }
 
-      setEndpoint(newEndpoint);
+      setEndpoint(normalizedEndpoint);
       setMode(newMode);
       setGridSize(newGridSize);
       setGridPreviewContain(newGridPreviewContain);
@@ -170,7 +254,11 @@ export function useEmbeddrSettings({
     setGridPreviewContain,
     theme,
     setTheme,
+    themePackId,
+    setThemePackId,
     configLoaded,
+    apiKey,
+    setApiKey,
     apiBase,
     saveSettings,
   };
diff --git a/ui/hooks/useThemePacks.ts b/ui/hooks/useThemePacks.ts
new file mode 100644
index 0000000..94938a7
--- /dev/null
+++ b/ui/hooks/useThemePacks.ts
@@ -0,0 +1,26 @@
+import { useCallback, useEffect, useState } from "react";
+import { loadThemePacks, type ThemePack } from "../utils/themePacks";
+
+export function useThemePacks(apiBase: string, enabled = true) {
+  const [packs, setPacks] = useState<ThemePack[]>([]);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const reload = useCallback(async () => {
+    if (!enabled || !apiBase) return;
+    setIsLoading(true);
+    try {
+      const data = await loadThemePacks(apiBase);
+      setPacks(data);
+    } catch {
+      setPacks([]);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [apiBase, enabled]);
+
+  useEffect(() => {
+    reload();
+  }, [reload]);
+
+  return { packs, isLoading, reload };
+}
diff --git a/ui/main.tsx b/ui/main.tsx
index 23cd608..b1d4b4e 100644
--- a/ui/main.tsx
+++ b/ui/main.tsx
@@ -1,11 +1,18 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
+import * as ReactDOMLib from "react-dom";
+import * as EmbeddrUI from "@embeddr/react-ui";
+import * as Lucide from "lucide-react";
+import * as ReactQuery from "@tanstack/react-query";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import * as Recharts from "recharts";
 import { ImageDialogProvider } from "@embeddr/react-ui/providers/ImageDialogProvider";
 import { ExternalNavProvider } from "@embeddr/react-ui";
 // @ts-ignore
 import { app } from "../../../scripts/app.js";
 import EmbeddrPanel from "./components/panels/EmbeddrPanel.js";
 import { GlobalDialog } from "./components/GlobalDialog";
+import { ZenShell } from "./components/ZenShell";
 import "./nodes/EmbeddrLoadArtifact.js";
 import "./nodes/EmbeddrMergeIds.js";
 import "./nodes/EmbeddrLoRAStack.js";
@@ -14,36 +21,137 @@ import "./nodes/EmbeddrFindCollection.js";
 // @ts-ignore
 import "./globals.css";
 
+(window as any).React = React;
+(window as any).ReactDOM = ReactDOMLib;
+(window as any).Lucide = Lucide;
+(window as any).ReactQuery = ReactQuery;
+(window as any).Recharts = Recharts;
+
+const embeddrUI: Record<string, any> = { ...EmbeddrUI };
+if (!("usePluginDrop" in embeddrUI)) {
+  embeddrUI.usePluginDrop = () => ({
+    isOver: false,
+    canDrop: false,
+    dropRef: () => {},
+  });
+}
+if (!("usePluginStorage" in embeddrUI)) {
+  embeddrUI.usePluginStorage = <T,>(
+    pluginId: string,
+    key: string,
+    initialValue: T,
+  ) => {
+    const storageKey = pluginId ? `plugin-storage:${pluginId}:${key}` : key;
+    const [value, setValue] = React.useState<T>(() => {
+      const raw = localStorage.getItem(storageKey);
+      if (raw !== null) {
+        try {
+          return JSON.parse(raw) as T;
+        } catch {
+          return initialValue;
+        }
+      }
+      return initialValue;
+    });
+    React.useEffect(() => {
+      try {
+        localStorage.setItem(storageKey, JSON.stringify(value));
+      } catch (e) {
+        console.warn("[EmbeddrUI] Failed to persist plugin storage", e);
+      }
+    }, [storageKey, value]);
+    return [value, setValue] as const;
+  };
+}
+(window as any).EmbeddrUI = embeddrUI;
+(window as any)["@embeddr/react-ui"] = embeddrUI;
+(window as any).EmbeddrReactUI = embeddrUI;
+(window as any).embeddr_react_ui = embeddrUI;
+(window as any)["lucide-react"] = Lucide;
+(window as any).lucideReact = Lucide;
+(window as any)["@tanstack/react-query"] = ReactQuery;
+(window as any).reactQuery = ReactQuery;
+(window as any)["recharts"] = Recharts;
+(window as any).Recharts = Recharts;
+
+document.documentElement.classList.add("embeddr-theme-root", "font-sans");
+document.body.classList.add("embeddr-theme-root", "font-sans");
+
+const originalFetch = window.fetch.bind(window);
+window.fetch = async (input: RequestInfo | URL, init?: RequestInit) => {
+  const urlStr = input instanceof Request ? input.url : input.toString();
+  const endpoint =
+    localStorage.getItem("embeddr_endpoint") || "http://localhost:8003";
+  const apiKey = localStorage.getItem("embeddr_api_key") || "";
+
+  const shouldAttachKey = (() => {
+    try {
+      if (!apiKey) return false;
+      const target = urlStr.startsWith("http")
+        ? new URL(urlStr)
+        : new URL(urlStr, window.location.origin);
+      const base = new URL(endpoint);
+      return (
+        target.origin === base.origin && target.pathname.startsWith("/api/v1/")
+      );
+    } catch {
+      return false;
+    }
+  })();
+
+  if (!shouldAttachKey) {
+    return originalFetch(input, init);
+  }
+
+  const headers = new Headers(
+    input instanceof Request ? input.headers : undefined,
+  );
+  if (init?.headers) {
+    new Headers(init.headers).forEach((value, key) => headers.set(key, value));
+  }
+  if (!headers.has("X-API-Key")) headers.set("X-API-Key", apiKey);
+
+  if (input instanceof Request) {
+    const nextRequest = new Request(input, { ...init, headers });
+    return originalFetch(nextRequest);
+  }
+
+  return originalFetch(input, { ...init, headers });
+};
+
+const queryClient = new QueryClient();
+
 // Mount Global Dialog
 const dialogContainer = document.createElement("div");
 dialogContainer.id = "embeddr-global-dialog-root";
 // Add tailwind class to ensure styles work if they rely on parent class
 dialogContainer.classList.add("tailwind");
-dialogContainer.classList.add("dark");
+dialogContainer.classList.add("font-sans");
+dialogContainer.classList.add("embeddr-theme-root");
 document.body.appendChild(dialogContainer);
 const dialogRoot = ReactDOM.createRoot(dialogContainer);
 dialogRoot.render(
-  <React.StrictMode>
+  <QueryClientProvider client={queryClient}>
     <ImageDialogProvider>
       <GlobalDialog />
+      <ZenShell />
     </ImageDialogProvider>
-  </React.StrictMode>
+  </QueryClientProvider>,
 );
-
-// Register Embeddr Sidebar
 app.extensionManager.registerSidebarTab({
   id: "embeddr",
   icon: "mdi mdi-cloud-search-outline",
   title: "Embeddr",
   type: "custom",
   render(container) {
-    document.documentElement.classList.add("dark", "tailwind");
+    document.documentElement.classList.add("tailwind");
 
     container.innerHTML = "";
     container.classList.add("tailwind");
+    container.classList.add("font-sans");
     container.classList.add("embeddr-sidebar-container");
     // Default to dark, but let React handle it
-    container.classList.add("dark");
+    container.classList.add("embeddr-theme-root");
     // Prevent the parent container from scrolling
     container.style.overflow = "hidden";
     container.style.height = "100%";
@@ -53,14 +161,21 @@ app.extensionManager.registerSidebarTab({
       mutations.forEach((mutation) => {
         if (mutation.type === "childList") {
           const portals = document.querySelectorAll(
-            "[data-radix-portal], [data-slot='dialog-content'], [data-slot='dialog-overlay'], [data-slot='select-content'], [data-slot='select-viewport'], [data-slot='popover-content'], [data-slot='dropdown-menu-content']"
+            "[data-radix-portal], [data-slot='dialog-content'], [data-slot='dialog-overlay'], [data-slot='select-content'], [data-slot='select-viewport'], [data-slot='popover-content'], [data-slot='dropdown-menu-content']",
           );
-          const isDark = container.classList.contains("dark");
+          const isDark =
+            container.classList.contains("dark") ||
+            localStorage.getItem("embeddr_theme") === "dark";
           portals.forEach((portal) => {
             if (!portal.classList.contains("tailwind")) {
               portal.classList.add("tailwind");
             }
-            // // Sync dark mode
+            if (!portal.classList.contains("font-sans")) {
+              portal.classList.add("font-sans");
+            }
+            if (!portal.classList.contains("embeddr-theme-root")) {
+              portal.classList.add("embeddr-theme-root");
+            }
             if (isDark) {
               portal.classList.add("dark");
             } else {
@@ -74,11 +189,13 @@ app.extensionManager.registerSidebarTab({
 
     const root = ReactDOM.createRoot(container);
     root.render(
-      <ImageDialogProvider>
-        <ExternalNavProvider>
-          <EmbeddrPanel />
-        </ExternalNavProvider>
-      </ImageDialogProvider>
+      <QueryClientProvider client={queryClient}>
+        <ImageDialogProvider>
+          <ExternalNavProvider>
+            <EmbeddrPanel />
+          </ExternalNavProvider>
+        </ImageDialogProvider>
+      </QueryClientProvider>,
     );
     return () => {
       observer.disconnect();
diff --git a/ui/nodes/EmbeddrMergeIds.ts b/ui/nodes/EmbeddrMergeIds.ts
index 5a3e847..f5841c0 100644
--- a/ui/nodes/EmbeddrMergeIds.ts
+++ b/ui/nodes/EmbeddrMergeIds.ts
@@ -1,8 +1,8 @@
 import { app } from "../../../scripts/app.js";
 
 const _ID = "embeddr.MergeIDs";
-const _PREFIX = "id";
-const _TYPE = "STRING";
+const _PREFIX = "artifact_";
+const _TYPE = "EMBEDDR_ARTIFACT_ID";
 
 app.registerExtension({
   name: "embeddr.dynamic_merge_ids",
@@ -29,7 +29,7 @@ app.registerExtension({
       slotIdx,
       event,
       linkInfo,
-      nodeSlot
+      nodeSlot,
     ) {
       const me = onConnectionsChange?.apply(this, arguments);
 
diff --git a/ui/utils/proxyFetch.ts b/ui/utils/proxyFetch.ts
new file mode 100644
index 0000000..e7dc7b0
--- /dev/null
+++ b/ui/utils/proxyFetch.ts
@@ -0,0 +1,32 @@
+// Utility to proxy requests through ComfyUI backend
+// This solves CORS and Auth Header issues by delegating the request to the python server
+// which attaches the key from config.json and forwards it.
+
+export const proxyFetch = async (
+  input: RequestInfo | URL,
+  init?: RequestInit,
+): Promise<Response> => {
+  let urlStr = input.toString();
+
+  // If input is Request object, handle it (though usually it's string in our app)
+  if (input instanceof Request) {
+    urlStr = input.url;
+  }
+
+  // Only proxy http(s) requests
+  if (urlStr.startsWith("http")) {
+    const proxyUrl = `/embeddr/proxy?url=${encodeURIComponent(urlStr)}`;
+    const proxyRes = await fetch(proxyUrl, init);
+    if (proxyRes.status === 404 || proxyRes.status === 405) {
+      console.warn("[proxyFetch] Proxy missing, falling back to direct fetch", {
+        url: urlStr,
+        status: proxyRes.status,
+      });
+      return fetch(urlStr, init);
+    }
+    return proxyRes; // Let ComfyUI handle the request
+  }
+
+  // Fallback to normal fetch for relative or other protocols
+  return fetch(input, init);
+};
diff --git a/ui/utils/themePacks.ts b/ui/utils/themePacks.ts
new file mode 100644
index 0000000..cdabeb5
--- /dev/null
+++ b/ui/utils/themePacks.ts
@@ -0,0 +1,154 @@
+import { proxyFetch } from "./proxyFetch";
+
+export type ThemePackTokens = {
+  light?: Record<string, string>;
+  dark?: Record<string, string>;
+};
+
+export type ThemePack = {
+  id: string;
+  name: string;
+  version?: string;
+  author?: string;
+  description?: string;
+  preview?: string;
+  iconUrl?: string;
+  bannerUrl?: string;
+  tokens?: ThemePackTokens;
+  css?: string;
+  cssUrl?: string;
+  icon?: string;
+  banner?: string;
+  cssFile?: string;
+};
+
+export type ThemePackIndex = {
+  packs: ThemePack[];
+};
+
+const THEME_STYLE_ID = "embeddr-theme-pack-css";
+
+const buildThemeUrl = (apiBase: string) => {
+  const trimmed = apiBase.replace(/\/+$/, "");
+  if (/\/api\/v1$/.test(trimmed)) {
+    return `${trimmed}/themes`;
+  }
+  return `${trimmed}/api/v1/themes`;
+};
+
+const resolveAssetBase = (apiBase: string) => {
+  const trimmed = apiBase.replace(/\/+$/, "");
+  return trimmed.replace(/\/api\/v1$/, "");
+};
+
+export async function loadThemePacks(apiBase: string): Promise<ThemePack[]> {
+  const packs = new Map<string, ThemePack>();
+
+  const addPack = (pack?: ThemePack) => {
+    if (!pack?.id) return;
+    packs.set(pack.id, pack);
+  };
+
+  const addIndex = (index?: ThemePackIndex) => {
+    if (!index?.packs) return;
+    index.packs.forEach((pack) => addPack(pack));
+  };
+
+  const themeUrl = buildThemeUrl(apiBase);
+  const assetBase = resolveAssetBase(apiBase);
+
+  const res = await proxyFetch(themeUrl, { cache: "no-store" });
+  if (!res.ok) {
+    throw new Error(`Theme pack fetch failed (${res.status})`);
+  }
+
+  const data = (await res.json()) as ThemePackIndex;
+  const normalized: ThemePackIndex = {
+    packs: (data.packs || []).map((pack) => {
+      const iconUrl =
+        pack.iconUrl ||
+        (pack.icon ? `${assetBase}/themes/${pack.id}/${pack.icon}` : undefined);
+      const bannerUrl =
+        pack.bannerUrl ||
+        (pack.banner
+          ? `${assetBase}/themes/${pack.id}/${pack.banner}`
+          : undefined);
+      const cssUrl =
+        pack.cssUrl ||
+        (pack.cssFile
+          ? `${assetBase}/themes/${pack.id}/${pack.cssFile}`
+          : undefined);
+
+      return {
+        ...pack,
+        iconUrl:
+          iconUrl && iconUrl.startsWith("/")
+            ? `${assetBase}${iconUrl}`
+            : iconUrl,
+        bannerUrl:
+          bannerUrl && bannerUrl.startsWith("/")
+            ? `${assetBase}${bannerUrl}`
+            : bannerUrl,
+        cssUrl:
+          cssUrl && cssUrl.startsWith("/") ? `${assetBase}${cssUrl}` : cssUrl,
+      };
+    }),
+  };
+
+  addIndex(normalized);
+  return Array.from(packs.values());
+}
+
+export function applyThemePackCss(pack?: ThemePack | null) {
+  if (typeof document === "undefined") return;
+  const existing = document.getElementById(THEME_STYLE_ID);
+  if (existing?.parentElement) {
+    existing.parentElement.removeChild(existing);
+  }
+
+  if (!pack) return;
+
+  if (pack.css) {
+    const style = document.createElement("style");
+    style.id = THEME_STYLE_ID;
+    style.textContent = pack.css;
+    document.head.appendChild(style);
+    return;
+  }
+
+  if (pack.cssUrl) {
+    const link = document.createElement("link");
+    link.id = THEME_STYLE_ID;
+    link.rel = "stylesheet";
+    link.href = pack.cssUrl;
+    document.head.appendChild(link);
+  }
+}
+
+export function applyThemePackTokens(
+  targets: HTMLElement[],
+  pack: ThemePack | null | undefined,
+  mode: "light" | "dark",
+) {
+  if (!pack?.tokens) return [] as string[];
+  const tokens =
+    (mode === "dark" ? pack.tokens.dark : pack.tokens.light) ||
+    pack.tokens.light ||
+    pack.tokens.dark;
+  if (!tokens) return [] as string[];
+  const keys = Object.keys(tokens);
+  targets.forEach((target) => {
+    Object.entries(tokens).forEach(([key, value]) => {
+      if (typeof value !== "string") return;
+      target.style.setProperty(key, value);
+    });
+  });
+  return keys;
+}
+
+export function clearThemePackTokens(targets: HTMLElement[], keys: string[]) {
+  if (!keys.length) return;
+  targets.forEach((target) => {
+    keys.forEach((key) => target.style.removeProperty(key));
+  });
+}

From fc998290c911dab3f03233c3dd2dc63e7880fd68 Mon Sep 17 00:00:00 2001
From: Nynxz <contact@nynxz.com>
Date: Fri, 20 Feb 2026 22:24:39 +1000
Subject: [PATCH 4/9] checkpoint: pre 0.2.0 cleanup

---
 __init__.py                                   |   2 +
 nodes/EmbeddrAction.py                        | 480 ++++++++++++
 nodes/EmbeddrLoadArtifact.py                  |  24 +-
 nodes/EmbeddrLoadArtifacts.py                 |  20 +-
 nodes/EmbeddrLoadImages.py                    |  18 +-
 nodes/EmbeddrUploadArtifact.py                |  24 +-
 nodes/utils/config.py                         |  21 +-
 package.json                                  |   2 +-
 ui/components/GlobalDialog.tsx                |   2 +-
 ui/components/ZenShell.tsx                    | 199 +++--
 ui/components/panels/EmbeddrPanel.tsx         |  15 +-
 ui/components/panels/ImageDetails.tsx         |  12 +-
 .../selectors/CollectionSelector.tsx          |   8 +-
 ui/components/tabs/ExploreTab.tsx             |   6 +-
 ui/components/tabs/PromptTab.tsx              | 436 +++++++++++
 ui/components/tabs/SettingsForm.tsx           |  12 +-
 ui/components/ui/ImageGrid.tsx                |  44 +-
 ui/components/ui/SearchBar.tsx                |   8 +-
 ui/hooks/useEmbeddrApi.ts                     |   2 +-
 ui/hooks/useEmbeddrCollections.ts             |   2 +-
 ui/hooks/useEmbeddrImages.ts                  |   2 +-
 ui/hooks/useEmbeddrSettings.ts                |  23 +-
 ui/main.tsx                                   |   1 +
 ui/nodes/EmbeddrAction.ts                     | 693 ++++++++++++++++++
 ui/nodes/EmbeddrLoadArtifact.ts               |  37 +-
 ui/utils/themePacks.ts                        | 270 ++++++-
 vite.config.mts                               |   3 +
 27 files changed, 2244 insertions(+), 122 deletions(-)
 create mode 100644 nodes/EmbeddrAction.py
 create mode 100644 ui/components/tabs/PromptTab.tsx
 create mode 100644 ui/nodes/EmbeddrAction.ts

diff --git a/__init__.py b/__init__.py
index 8ca5983..1c3ec12 100644
--- a/__init__.py
+++ b/__init__.py
@@ -19,6 +19,7 @@
 from .nodes.EmbeddrLoRAStack import EmbeddrLoRAStack
 from .nodes.EmbeddrFindCollection import EmbeddrFindCollectionNode
 from .nodes.EmbeddrUploadOptions import UploadArtifactOptionsNode
+from .nodes.EmbeddrAction import EmbeddrActionNode
 
 CONFIG_PATH = os.path.join(os.path.dirname(__file__), "config.json")
 
@@ -246,6 +247,7 @@ async def get_node_list(self) -> list[type[io.ComfyNode]]:
             EmbeddrLoadVideoNode,
             EmbeddrLoRAStack,
             EmbeddrFindCollectionNode,
+            EmbeddrActionNode,
         ]
 
 
diff --git a/nodes/EmbeddrAction.py b/nodes/EmbeddrAction.py
new file mode 100644
index 0000000..4b0d276
--- /dev/null
+++ b/nodes/EmbeddrAction.py
@@ -0,0 +1,480 @@
+"""
+EmbeddrAction – Dynamic Lotus Action node for ComfyUI.
+
+Introspects Lotus capabilities (kind=action) at execution time and
+dispatches the selected action via the Embeddr REST API.
+
+The frontend extension (ui/nodes/EmbeddrAction.ts) handles the
+dynamic input/widget creation based on the selected action's schema.
+"""
+import json
+import requests
+from comfy_api.latest import io
+from .types import EmbeddrArtifactID, EmbeddrArtifactIDObject
+from .utils.config import get_embeddr_base_url, get_auth_headers
+
+
+def _log(msg: str):
+    print(f"[Embeddr Action] {msg}")
+
+
+_DYN_PREFIX = "dyn_"
+
+
+def _fetch_actions() -> list[dict]:
+    """Fetch all exposed Lotus actions from the backend."""
+    try:
+        base_url = get_embeddr_base_url()
+        resp = requests.get(
+            f"{base_url}/api/v1/lotus/list",
+            params={"kind": "action", "limit": 500},
+            headers=get_auth_headers(),
+            timeout=5,
+        )
+        if resp.status_code == 200:
+            data = resp.json()
+            items = data.get("items", []) if isinstance(data, dict) else data
+            # Only return actions that are exposed via lotus API
+            exposed = []
+            for cap in items:
+                action = cap.get("action") or {}
+                expose = action.get("expose") or {}
+                # Include if exposed, or if no expose policy (lenient)
+                if expose.get("lotus", True):
+                    exposed.append(cap)
+            return exposed
+    except Exception as e:
+        _log(f"Failed to fetch actions: {e}")
+    return []
+
+
+# ── Cache for capability schema lookup ──
+_cap_cache: dict[str, dict] = {}
+_cap_cache_ts: float = 0.0
+_CAP_CACHE_TTL = 30.0
+
+
+def _get_cap_schema(cap_id: str) -> dict | None:
+    """Get the capability dict for a given cap_id, using a short-lived cache."""
+    import time
+    global _cap_cache, _cap_cache_ts
+
+    now = time.time()
+    if now - _cap_cache_ts > _CAP_CACHE_TTL:
+        actions = _fetch_actions()
+        _cap_cache = {a["id"]: a for a in actions if "id" in a}
+        _cap_cache_ts = now
+
+    return _cap_cache.get(cap_id)
+
+
+def _get_input_schema_props(cap: dict) -> dict[str, dict]:
+    """Extract the JSON Schema 'properties' from a capability's input schema."""
+    action = cap.get("action") or cap.get("data", {})
+    inp = action.get("input") or {}
+    schema = inp.get("schema") or {}
+    return schema.get("properties", {})
+
+
+def _get_output_schema_props(cap: dict) -> dict[str, dict]:
+    """Extract JSON Schema 'properties' for action output."""
+    action = cap.get("action") or cap.get("data", {})
+    out = action.get("output") or {}
+    schema = out.get("schema") or {}
+    return schema.get("properties", {})
+
+
+def _pick_first_value(source: dict, keys: list[str]):
+    for key in keys:
+        if key in source and source.get(key) is not None:
+            return source.get(key)
+    return None
+
+
+def _pick_first_value_deep(source, keys: list[str]):
+    """Depth-first search through nested dict/list values for preferred keys."""
+    if not isinstance(source, (dict, list)):
+        return None
+
+    stack = [source]
+    seen_ids: set[int] = set()
+    while stack:
+        cur = stack.pop()
+        cur_id = id(cur)
+        if cur_id in seen_ids:
+            continue
+        seen_ids.add(cur_id)
+
+        if isinstance(cur, dict):
+            val = _pick_first_value(cur, keys)
+            if val is not None:
+                return val
+            for v in cur.values():
+                if isinstance(v, (dict, list)):
+                    stack.append(v)
+        elif isinstance(cur, list):
+            for item in cur:
+                if isinstance(item, (dict, list)):
+                    stack.append(item)
+
+    return None
+
+
+def _build_action_choices() -> list[str]:
+    """Build a list of action IDs for the combo dropdown."""
+    actions = _fetch_actions()
+    choices = ["(select action)"]
+    for cap in actions:
+        cap_id = cap.get("id", "")
+        title = cap.get("title", cap_id)
+        plugin = cap.get("plugin", "")
+        label = f"{cap_id}"
+        if title and title != cap_id:
+            label = f"{cap_id} [{title}]"
+        if plugin:
+            label = f"{plugin}/{label}"
+        choices.append(label)
+    return choices
+
+
+def _extract_cap_id(choice: str) -> str:
+    """Extract the raw capability ID from a combo label.
+
+    Labels look like:
+      - "plugin/cap.id [Title]"
+      - "plugin/cap.id"
+      - "cap.id [Title]"
+      - "cap.id"
+    """
+    if not choice or choice == "(select action)":
+        return ""
+
+    # Strip plugin prefix if present
+    if "/" in choice:
+        choice = choice.split("/", 1)[1]
+
+    # Strip title suffix
+    if " [" in choice:
+        choice = choice.split(" [", 1)[0]
+
+    return choice.strip()
+
+
+class EmbeddrActionNode(io.ComfyNode):
+    """
+    Executes any Lotus action dynamically.
+
+    The node exposes a combo dropdown populated with available actions
+    and a JSON payload input.  The frontend extension adds typed widgets
+    for each input declared by the selected action's schema; those values
+    are merged into the payload at execution time.
+    """
+
+    @classmethod
+    def define_schema(cls) -> io.Schema:
+        return io.Schema(
+            node_id="embeddr.Action",
+            display_name="Embeddr Action",
+            description=(
+                "Execute any Lotus action. Select an action from the "
+                "dropdown — input widgets are created automatically."
+            ),
+            category="Embeddr/Lotus",
+            inputs=[
+                # String input — the frontend extension converts this into
+                # a combo widget populated with live Lotus actions.
+                # We intentionally avoid io.Combo.Input because ComfyUI
+                # validates combo values against the static options list
+                # defined at schema time, which cannot include actions
+                # discovered dynamically from the backend.
+                io.String.Input(
+                    "action_id",
+                    default="",
+                    tooltip="Select a Lotus action to execute (populated by frontend)",
+                ),
+                io.String.Input(
+                    "payload_json",
+                    default="{}",
+                    multiline=True,
+                    tooltip=(
+                        "Additional JSON payload merged with widget inputs. "
+                        "Widget values take precedence."
+                    ),
+                ),
+                # Optional artifact input for actions that operate on artifacts
+                EmbeddrArtifactID.Input(
+                    "artifact_id",
+                    optional=True,
+                    tooltip="Artifact ID input (passed as 'artifact_id' in payload)",
+                ),
+                EmbeddrArtifactID.Input(
+                    "artifact_ids",
+                    optional=True,
+                    tooltip="Multiple artifact IDs (passed as 'artifact_ids' in payload)",
+                ),
+            ],
+            outputs=[
+                io.String.Output(
+                    "result_json",
+                    tooltip="Full JSON response from the action",
+                ),
+                io.String.Output(
+                    "status",
+                    tooltip="'ok', 'error', or 'pending'",
+                ),
+                EmbeddrArtifactID.Output(
+                    "output_artifact_ids",
+                    tooltip="Artifact IDs extracted from the result (if any)",
+                ),
+                io.String.Output(
+                    "text",
+                    tooltip="Primary text content (caption, message, value, etc.)",
+                ),
+                io.String.Output(
+                    "error",
+                    tooltip="Error message (empty on success)",
+                ),
+            ],
+        )
+
+    @classmethod
+    def execute(
+        cls,
+        action_id: str,
+        payload_json: str = "{}",
+        artifact_id: EmbeddrArtifactIDObject | None = None,
+        artifact_ids: EmbeddrArtifactIDObject | None = None,
+        **kwargs,
+    ):
+        cap_id = _extract_cap_id(action_id)
+        if not cap_id:
+            _log("No action selected")
+            return io.NodeOutput(
+                json.dumps({"error": "No action selected"}),
+                "error",
+                "",
+                "",
+                "No action selected",
+            )
+
+        # ── Build payload from payload_json ──
+        # The frontend packs all dyn_* widget values into payload_json
+        # before serialization (since ComfyUI only passes schema-declared
+        # inputs to execute).
+        try:
+            payload = json.loads(payload_json) if payload_json.strip() else {}
+        except json.JSONDecodeError as e:
+            _log(f"Invalid payload JSON: {e}")
+            payload = {}
+
+        # Merge connected dynamic inputs (dyn_*) so graph-linked values
+        # can drive action payload fields. These override payload_json.
+        for key, val in (kwargs or {}).items():
+            if not isinstance(key, str) or not key.startswith(_DYN_PREFIX):
+                continue
+
+            payload_key = key[len(_DYN_PREFIX):]
+            if not payload_key:
+                continue
+
+            runtime_val = val
+            if isinstance(runtime_val, list) and len(runtime_val) == 1:
+                runtime_val = runtime_val[0]
+
+            if isinstance(runtime_val, EmbeddrArtifactIDObject):
+                runtime_val = runtime_val.artifact_id
+
+            if isinstance(runtime_val, str):
+                trimmed = runtime_val.strip()
+                if trimmed.startswith("{") or trimmed.startswith("["):
+                    try:
+                        runtime_val = json.loads(trimmed)
+                    except Exception:
+                        pass
+
+            if runtime_val is None:
+                continue
+            if isinstance(runtime_val, str) and runtime_val == "":
+                continue
+
+            payload[payload_key] = runtime_val
+
+        # ── Schema-aware artifact_id mapping ──
+        cap = _get_cap_schema(cap_id)
+        schema_props = _get_input_schema_props(cap) if cap else {}
+        has_resource_field = "resource" in schema_props
+
+        # Extract connected artifact IDs
+        raw_aid = None
+        if artifact_id:
+            raw_aid = artifact_id.artifact_id if isinstance(
+                artifact_id, EmbeddrArtifactIDObject) else artifact_id
+
+        raw_aids = None
+        if artifact_ids:
+            raw_aids = artifact_ids.artifact_id if isinstance(
+                artifact_ids, EmbeddrArtifactIDObject) else artifact_ids
+            if raw_aids and not isinstance(raw_aids, list):
+                raw_aids = [raw_aids]
+
+        if raw_aid or raw_aids:
+            # Deduplicate
+            seen: set[str] = set()
+            unique_ids: list[str] = []
+            for aid in ([raw_aid] if isinstance(raw_aid, str) and raw_aid else (raw_aid if isinstance(raw_aid, list) else [])):
+                if aid and aid not in seen:
+                    seen.add(aid)
+                    unique_ids.append(aid)
+            for aid in (raw_aids or []):
+                if aid and aid not in seen:
+                    seen.add(aid)
+                    unique_ids.append(aid)
+
+            if unique_ids:
+                if has_resource_field and "resource" not in payload:
+                    payload["resource"] = unique_ids[0] if len(
+                        unique_ids) == 1 else unique_ids
+                else:
+                    if "artifact_id" not in payload:
+                        payload["artifact_id"] = unique_ids[0]
+                    if len(unique_ids) > 1 and "artifact_ids" not in payload:
+                        payload["artifact_ids"] = unique_ids
+
+        # Dispatch the action
+        base_url = get_embeddr_base_url()
+        url = f"{base_url}/api/v1/lotus/{cap_id}"
+
+        _log(
+            f"Invoking action '{cap_id}' with payload: {json.dumps(payload, default=str)[:500]}")
+
+        try:
+            resp = requests.post(
+                url,
+                json=payload,
+                headers={
+                    **get_auth_headers(),
+                    "Content-Type": "application/json",
+                },
+                timeout=120,
+            )
+
+            _log(f"Response: {resp.status_code}")
+
+            if resp.status_code >= 400:
+                error_text = resp.text[:500]
+                _log(f"Action error: {error_text}")
+                return io.NodeOutput(
+                    json.dumps(
+                        {"error": error_text, "status_code": resp.status_code}),
+                    "error",
+                    "",
+                    "",
+                    error_text,
+                )
+
+            result = resp.json() if resp.headers.get(
+                "content-type", "").startswith("application/json") else {"raw": resp.text}
+
+            # ── Extract typed outputs from result ──
+            output_ids = ""
+            text_output = ""
+            error_output = ""
+            status_str = "ok"
+
+            if isinstance(result, dict):
+                outputs_obj = result.get("outputs") if isinstance(
+                    result.get("outputs"), dict) else {}
+                output_schema_props = _get_output_schema_props(
+                    cap) if cap else {}
+
+                # Status
+                if "status" in result:
+                    status_str = str(result["status"])
+                elif result.get("ok") is False:
+                    status_str = "error"
+
+                # Artifact IDs
+                artifact_keys = [
+                    key for key in (
+                        "artifact_id", "id", "artifact_ids", "ids", "output_artifact_id",
+                    )
+                    if (not output_schema_props) or key in output_schema_props
+                ] or ["artifact_id", "id", "artifact_ids", "ids", "output_artifact_id"]
+                artifact_val = _pick_first_value(outputs_obj, artifact_keys)
+                if artifact_val is None:
+                    artifact_val = _pick_first_value(result, artifact_keys)
+                if artifact_val:
+                    output_ids = artifact_val if isinstance(
+                        artifact_val, str) else json.dumps(artifact_val)
+
+                # Primary text content (captions, messages, values, etc.)
+                _TEXT_KEYS = (
+                    "response_text", "caption_text", "caption", "value", "text",
+                    "message", "content", "description", "summary",
+                    "output", "answer", "response",
+                )
+                text_keys = [
+                    key for key in _TEXT_KEYS
+                    if (not output_schema_props) or key in output_schema_props
+                ] or list(_TEXT_KEYS)
+                text_val = _pick_first_value(outputs_obj, text_keys)
+                if text_val is None:
+                    text_val = _pick_first_value(result, text_keys)
+                if text_val is None:
+                    text_val = _pick_first_value_deep(outputs_obj, text_keys)
+                if text_val is None:
+                    text_val = _pick_first_value_deep(result, text_keys)
+                if isinstance(text_val, str) and text_val.strip().lower() in {
+                    "completed",
+                    "queued",
+                    "pending",
+                    "ok",
+                    "success",
+                }:
+                    better_val = _pick_first_value_deep(
+                        outputs_obj,
+                        [k for k in text_keys if k != "message"],
+                    )
+                    if better_val is None:
+                        better_val = _pick_first_value_deep(
+                            result,
+                            [k for k in text_keys if k != "message"],
+                        )
+                    if better_val is not None:
+                        text_val = better_val
+                if text_val is not None:
+                    text_output = str(text_val) if not isinstance(
+                        text_val, str) else text_val
+
+                # Error
+                if result.get("error"):
+                    error_output = str(result["error"])
+                elif isinstance(outputs_obj, dict) and outputs_obj.get("error"):
+                    error_output = str(outputs_obj["error"])
+
+            return io.NodeOutput(
+                json.dumps(result, default=str),
+                status_str,
+                output_ids,
+                text_output,
+                error_output,
+            )
+
+        except requests.Timeout:
+            _log(f"Action '{cap_id}' timed out")
+            return io.NodeOutput(
+                json.dumps({"error": "Request timed out (120s)"}),
+                "error",
+                "",
+                "",
+                "Request timed out (120s)",
+            )
+        except Exception as e:
+            _log(f"Action '{cap_id}' failed: {e}")
+            return io.NodeOutput(
+                json.dumps({"error": str(e)}),
+                "error",
+                "",
+                "",
+                str(e),
+            )
diff --git a/nodes/EmbeddrLoadArtifact.py b/nodes/EmbeddrLoadArtifact.py
index 590563f..ed43c8f 100644
--- a/nodes/EmbeddrLoadArtifact.py
+++ b/nodes/EmbeddrLoadArtifact.py
@@ -31,11 +31,12 @@ def _debug(cls, message: str, **fields):
             cls._logger.info("%s", message)
 
     @classmethod
-    def _resolve_artifact_url(cls, base_url: str, artifact_id: str):
+    def _resolve_artifact_url(cls, base_url: str, artifact_id: str, auth_ticket: str = ""):
         resolve_url = f"{base_url}/api/v1/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
         cls._debug("resolving_artifact", artifact_id=artifact_id,
                    resolve_url=resolve_url)
-        res = requests.get(resolve_url, headers=get_auth_headers())
+        res = requests.get(
+            resolve_url, headers=get_auth_headers(auth_ticket=auth_ticket))
         res.raise_for_status()
         data = res.json()
         url = data.get("url")
@@ -73,6 +74,8 @@ def define_schema(cls) -> io.Schema:
                                 tooltip="Manual UUID string (used if input not connected)", default=""),
                 EmbeddrArtifactID.Input("artifact_id",
                                         tooltip="UUID of the artifact to load", optional=True),
+                io.String.Input("auth_ticket", default="",
+                                tooltip="Ephemeral auth ticket for per-user access", optional=True),
                 io.Boolean.Input("use_cache", default=True)
             ],
             outputs=[
@@ -84,7 +87,7 @@ def define_schema(cls) -> io.Schema:
         )
 
     @classmethod
-    def execute(cls, use_cache, artifact_id=None, manual_artifact_id=None):
+    def execute(cls, use_cache, artifact_id=None, manual_artifact_id=None, auth_ticket: str = ""):
         # Resolve artifact_id from connection or manual input
         resolved_id = ""
 
@@ -111,8 +114,10 @@ def execute(cls, use_cache, artifact_id=None, manual_artifact_id=None):
                 EmbeddrArtifactInfoObject(data={})
             )
 
-        if use_cache and resolved_id in cls._cache:
-            image, mask, info = cls._cache[resolved_id]
+        cache_key = (resolved_id, str(auth_ticket or ""))
+
+        if use_cache and cache_key in cls._cache:
+            image, mask, info = cls._cache[cache_key]
             return io.NodeOutput(image, mask, EmbeddrArtifactIDObject(artifact_id=resolved_id), info)
 
         try:
@@ -123,14 +128,15 @@ def execute(cls, use_cache, artifact_id=None, manual_artifact_id=None):
 
             # 1. Fetch JSON metadata first
             meta_url = f"{base_url}/api/v1/artifacts/{resolved_id}"
-            meta_res = requests.get(meta_url, headers=get_auth_headers())
+            meta_res = requests.get(
+                meta_url, headers=get_auth_headers(auth_ticket=auth_ticket))
             meta_res.raise_for_status()
             artifact_data = meta_res.json()
             info_obj = EmbeddrArtifactInfoObject(data=artifact_data)
 
             # 2. Resolve content
             endpoint, content_headers = cls._resolve_artifact_url(
-                base_url, resolved_id
+                base_url, resolved_id, auth_ticket
             )
 
             cls._debug(
@@ -140,7 +146,7 @@ def execute(cls, use_cache, artifact_id=None, manual_artifact_id=None):
             )
 
             # Merge auth headers with any resolved headers (e.g. S3 signed headers or similar)
-            final_headers = get_auth_headers()
+            final_headers = get_auth_headers(auth_ticket=auth_ticket)
             if content_headers:
                 final_headers.update(content_headers)
 
@@ -166,7 +172,7 @@ def execute(cls, use_cache, artifact_id=None, manual_artifact_id=None):
                 mask = torch.zeros((64, 64), dtype=torch.float32, device="cpu")
 
             if use_cache:
-                cls._cache[resolved_id] = (image, mask, info_obj)
+                cls._cache[cache_key] = (image, mask, info_obj)
 
             return io.NodeOutput(image, mask, EmbeddrArtifactIDObject(artifact_id=resolved_id), info_obj, ui=ui.PreviewImage(image))
 
diff --git a/nodes/EmbeddrLoadArtifacts.py b/nodes/EmbeddrLoadArtifacts.py
index 6c40dc8..0791650 100644
--- a/nodes/EmbeddrLoadArtifacts.py
+++ b/nodes/EmbeddrLoadArtifacts.py
@@ -33,11 +33,12 @@ def _debug(cls, message: str, **fields):
             cls._logger.info("%s", message)
 
     @classmethod
-    def _resolve_artifact_url(cls, base_url: str, artifact_id: str):
+    def _resolve_artifact_url(cls, base_url: str, artifact_id: str, auth_ticket: str = ""):
         resolve_url = f"{base_url}/api/v1/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
         cls._debug("resolving_artifact", artifact_id=artifact_id,
                    resolve_url=resolve_url)
-        res = requests.get(resolve_url, headers=get_auth_headers())
+        res = requests.get(
+            resolve_url, headers=get_auth_headers(auth_ticket=auth_ticket))
         res.raise_for_status()
         data = res.json()
         url = data.get("url")
@@ -75,6 +76,8 @@ def define_schema(cls) -> io.Schema:
             inputs=[
                 EmbeddrArtifactID.Input(
                     "artifact_ids", tooltip="Optional list of IDs to load (overrides collection)", optional=True),
+                io.String.Input("auth_ticket", default="",
+                                tooltip="Ephemeral auth ticket for per-user access", optional=True),
                 io.Combo.Input(
                     "collection", options=collections, default="All"),
                 io.Combo.Input("sort_by", options=[
@@ -90,7 +93,7 @@ def define_schema(cls) -> io.Schema:
         )
 
     @classmethod
-    def execute(cls, collection, sort_by, limit, seed, artifact_ids=None):
+    def execute(cls, collection, sort_by, limit, seed, artifact_ids=None, auth_ticket: str = ""):
         # Check for explicit IDs first
         manual_ids = normalize_ids(artifact_ids)
 
@@ -98,9 +101,10 @@ def execute(cls, collection, sort_by, limit, seed, artifact_ids=None):
         if manual_ids:
             # Sort for stability in cache key
             manual_ids.sort()
-            cache_key = ("ids", tuple(manual_ids))
+            cache_key = ("ids", tuple(manual_ids), str(auth_ticket or ""))
         else:
-            cache_key = (collection, sort_by, limit, seed)
+            cache_key = (collection, sort_by, limit,
+                         seed, str(auth_ticket or ""))
 
         if cache_key in cls._cache:
             return cls._cache[cache_key]
@@ -145,7 +149,7 @@ def execute(cls, collection, sort_by, limit, seed, artifact_ids=None):
                     params["sort"] = "new"
 
                 response = requests.get(
-                    api_url, params=params, headers=get_auth_headers())
+                    api_url, params=params, headers=get_auth_headers(auth_ticket=auth_ticket))
                 response.raise_for_status()
                 data = response.json()
                 items = data.get("items", [])
@@ -161,9 +165,9 @@ def execute(cls, collection, sort_by, limit, seed, artifact_ids=None):
                 art_id = item.get("id")
 
                 content_url, content_headers = cls._resolve_artifact_url(
-                    base_url, art_id)
+                    base_url, art_id, auth_ticket)
                 try:
-                    final_headers = get_auth_headers()
+                    final_headers = get_auth_headers(auth_ticket=auth_ticket)
                     if content_headers:
                         final_headers.update(content_headers)
 
diff --git a/nodes/EmbeddrLoadImages.py b/nodes/EmbeddrLoadImages.py
index 61b559e..5162a68 100644
--- a/nodes/EmbeddrLoadImages.py
+++ b/nodes/EmbeddrLoadImages.py
@@ -32,11 +32,12 @@ def _debug(cls, message: str, **fields):
             cls._logger.info("%s", message)
 
     @classmethod
-    def _resolve_artifact_url(cls, base_url: str, artifact_id: str):
+    def _resolve_artifact_url(cls, base_url: str, artifact_id: str, auth_ticket: str = ""):
         resolve_url = f"{base_url}/api/v1/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
         cls._debug("resolving_artifact", artifact_id=artifact_id,
                    resolve_url=resolve_url)
-        res = requests.get(resolve_url, headers=get_auth_headers())
+        res = requests.get(
+            resolve_url, headers=get_auth_headers(auth_ticket=auth_ticket))
         res.raise_for_status()
         data = res.json()
         url = data.get("url")
@@ -82,6 +83,8 @@ def define_schema(cls) -> io.Schema:
                 io.Combo.Input("sort_by", options=[
                                "newest", "random"], default="newest"),
                 io.Int.Input("limit", default=5, min=1, max=100),
+                io.String.Input("auth_ticket", default="",
+                                tooltip="Ephemeral auth ticket for per-user access", optional=True),
                 io.Int.Input("seed", default=0,
                              display_name="Seed (Random Sort)"),
             ],
@@ -93,9 +96,10 @@ def define_schema(cls) -> io.Schema:
         )
 
     @classmethod
-    def execute(cls, library, collection, sort_by, limit, seed):
+    def execute(cls, library, collection, sort_by, limit, auth_ticket: str = "", seed=0):
         # Cache key based on inputs
-        cache_key = (library, collection, sort_by, limit, seed)
+        cache_key = (library, collection, sort_by,
+                     limit, seed, str(auth_ticket or ""))
         if cache_key in cls._cache:
             return cls._cache[cache_key]
 
@@ -139,7 +143,7 @@ def execute(cls, library, collection, sort_by, limit, seed):
                 params["sort"] = "new"
 
             response = requests.get(
-                api_url, params=params, headers=get_auth_headers())
+                api_url, params=params, headers=get_auth_headers(auth_ticket=auth_ticket))
             response.raise_for_status()
             data = response.json()
             items = data.get("items", [])
@@ -159,7 +163,7 @@ def execute(cls, library, collection, sort_by, limit, seed):
                 # Fetch Content via Plugin Endpoint
                 # Uses the plugin endpoint we defined to get raw content
                 content_url, content_headers = cls._resolve_artifact_url(
-                    base_url, art_id)
+                    base_url, art_id, auth_ticket)
 
                 cls._debug(
                     "requesting_artifact_content",
@@ -168,7 +172,7 @@ def execute(cls, library, collection, sort_by, limit, seed):
                 )
 
                 try:
-                    final_headers = get_auth_headers()
+                    final_headers = get_auth_headers(auth_ticket=auth_ticket)
                     if content_headers:
                         final_headers.update(content_headers)
 
diff --git a/nodes/EmbeddrUploadArtifact.py b/nodes/EmbeddrUploadArtifact.py
index e5510bd..b62b9ef 100644
--- a/nodes/EmbeddrUploadArtifact.py
+++ b/nodes/EmbeddrUploadArtifact.py
@@ -16,6 +16,14 @@ def Embeddr_Log(message: str):
     print(f"[Embeddr] {message}")
 
 
+def _has_auth_ticket(value) -> bool:
+    if isinstance(value, (list, tuple)):
+        value = value[0] if value else None
+    if isinstance(value, dict):
+        value = value.get("auth_ticket") or value.get("ticket")
+    return bool(str(value).strip()) if value is not None else False
+
+
 class EmbeddrUploadArtifactNode(io.ComfyNode):
     @classmethod
     def define_schema(cls) -> io.Schema:
@@ -28,6 +36,8 @@ def define_schema(cls) -> io.Schema:
                 io.Image.Input("image"),
                 EmbeddrArtifactID.Input("parent_ids", optional=True,
                                         tooltip="Parent artifact UUIDs"),
+                io.String.Input("auth_ticket", default="",
+                                tooltip="Ephemeral auth ticket for per-user ownership", optional=True),
                 EmbeddrUploadArtifactOptions.Input("options", tooltip="Upload Artifact Options",
                                                    optional=True, display_name="Options"),
             ],
@@ -37,7 +47,7 @@ def define_schema(cls) -> io.Schema:
         )
 
     @classmethod
-    def execute(cls, image, parent_ids: EmbeddrArtifactIDObject = None, options: EmbeddrUploadArtifactOptionsObject = None) -> io.NodeOutput:
+    def execute(cls, image, parent_ids: EmbeddrArtifactIDObject = None, auth_ticket: str = "", options: EmbeddrUploadArtifactOptionsObject = None) -> io.NodeOutput:
         base_url = get_embeddr_base_url()
         upload_mode = get_upload_mode()
         endpoint = f"{base_url}/api/v1/plugins/embeddr-comfyui/upload"
@@ -81,6 +91,7 @@ def execute(cls, image, parent_ids: EmbeddrArtifactIDObject = None, options: Emb
                             Tags: {options.tags if options else 'none'}
                             Related Artifacts: {options.related_artifact_ids if options else 'none'}
                             Parent IDs: {normalized_parent_ids}
+                            Auth Ticket: {'present' if _has_auth_ticket(auth_ticket) else 'absent'}
                             """)
 
                 storage_provider = None
@@ -137,7 +148,7 @@ def execute(cls, image, parent_ids: EmbeddrArtifactIDObject = None, options: Emb
                     endpoint,
                     files=files,
                     data=data,
-                    headers=get_auth_headers()
+                    headers=get_auth_headers(auth_ticket=auth_ticket)
                 )
                 response.raise_for_status()
                 res_json = response.json()
@@ -146,6 +157,15 @@ def execute(cls, image, parent_ids: EmbeddrArtifactIDObject = None, options: Emb
                 results.append(str(art_id))
                 Embeddr_Log(f"Uploaded Artifact: {art_id}")
 
+            except requests.HTTPError as e:
+                body = ""
+                try:
+                    body = e.response.text[:500] if e.response is not None else ""
+                except Exception:
+                    body = ""
+                suffix = f" body={body}" if body else ""
+                Embeddr_Log(
+                    f"Upload failed for batch {batch_idx}: {e}{suffix}")
             except Exception as e:
                 Embeddr_Log(f"Upload failed for batch {batch_idx}: {e}")
                 # We don't crash the whole node, but result might be partial
diff --git a/nodes/utils/config.py b/nodes/utils/config.py
index f8acfdd..51f8bd7 100644
--- a/nodes/utils/config.py
+++ b/nodes/utils/config.py
@@ -62,11 +62,26 @@ def get_api_key() -> str | None:
     )
 
 
-def get_auth_headers() -> dict[str, str]:
+def get_auth_headers(auth_ticket: str | None = None) -> dict[str, str]:
+    headers: dict[str, str] = {}
+
+    ticket_value = auth_ticket
+    if isinstance(ticket_value, (list, tuple)):
+        ticket_value = ticket_value[0] if ticket_value else None
+    if isinstance(ticket_value, dict):
+        ticket_value = ticket_value.get(
+            "auth_ticket") or ticket_value.get("ticket")
+
+    if ticket_value is not None:
+        ticket_text = str(ticket_value).strip()
+        if ticket_text:
+            headers["X-Embeddr-Ticket"] = ticket_text
+
     key = get_api_key()
     if key:
-        return {"X-API-Key": key}
-    return {}
+        headers["X-API-Key"] = key
+
+    return headers
 
 
 def get_upload_mode(default: str = "require") -> str:
diff --git a/package.json b/package.json
index 9d6b820..b04d9a2 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@embeddr/api": "workspace:*",
+    "@embeddr/client-typescript": "workspace:*",
     "@embeddr/react-ui": "workspace:*",
     "@embeddr/zen-shell": "workspace:*",
     "@fontsource-variable/jetbrains-mono": "^5.2.8",
diff --git a/ui/components/GlobalDialog.tsx b/ui/components/GlobalDialog.tsx
index babb311..b32adc0 100644
--- a/ui/components/GlobalDialog.tsx
+++ b/ui/components/GlobalDialog.tsx
@@ -4,7 +4,7 @@ import {
   DialogContent,
   DialogHeader,
   DialogTitle,
-} from "@embeddr/react-ui/components/dialog";
+} from "@embeddr/react-ui/components/ui";
 import { useImageDialog } from "@embeddr/react-ui";
 import { ExploreTab } from "./tabs/ExploreTab";
 import { CollectionSelector } from "./selectors/CollectionSelector";
diff --git a/ui/components/ZenShell.tsx b/ui/components/ZenShell.tsx
index 64172f1..727e12a 100644
--- a/ui/components/ZenShell.tsx
+++ b/ui/components/ZenShell.tsx
@@ -11,6 +11,9 @@ import {
   type ZenWindowRendererProps,
   EmbeddrProvider,
   type PluginLoaderAdapter,
+  CoreUIEventBridge,
+  ZenWebSocketProvider,
+  globalEventBus,
 } from "@embeddr/zen-shell";
 import { useEmbeddrApi } from "../hooks/useEmbeddrApi";
 import {
@@ -23,9 +26,16 @@ import {
   RefreshCw,
   LayoutTemplate,
 } from "lucide-react";
-import { Button } from "@embeddr/react-ui/components/button";
+import { Button } from "@embeddr/react-ui/components/ui";
 import { cn } from "@embeddr/react-ui";
 
+const PANEL_SAFE_AREA = { top: 8, right: 8, bottom: 8, left: 8 };
+
+const clamp = (value: number, min: number, max: number) => {
+  if (max < min) return min;
+  return Math.min(Math.max(value, min), max);
+};
+
 // Helper to resolve component ID to plugin and component name
 function resolveComponentId(fullId: string, plugins: Record<string, any>) {
   if (!fullId) return null;
@@ -148,6 +158,7 @@ const CustomWindowRenderer = React.memo((props: ZenWindowRendererProps) => {
                     componentName={resolved.componentName}
                     api={pluginApi}
                     windowId={id}
+                    isActive={isActive}
                     {...windowState.props}
                   />
                 </PluginErrorBoundary>
@@ -220,16 +231,30 @@ function BasicWindowPanel({
     };
   };
 
-  const handlePointerMove = useCallback((event: PointerEvent) => {
-    if (!dragRef.current || dragRef.current.pointerId !== event.pointerId) {
-      return;
-    }
-    const next = {
-      x: event.clientX - dragRef.current.startX,
-      y: event.clientY - dragRef.current.startY,
-    };
-    setPos(next);
-  }, []);
+  const handlePointerMove = useCallback(
+    (event: PointerEvent) => {
+      if (!dragRef.current || dragRef.current.pointerId !== event.pointerId) {
+        return;
+      }
+      const maxX = window.innerWidth - dimensions.width - PANEL_SAFE_AREA.right;
+      const maxY =
+        window.innerHeight - dimensions.height - PANEL_SAFE_AREA.bottom;
+      const next = {
+        x: clamp(
+          event.clientX - dragRef.current.startX,
+          PANEL_SAFE_AREA.left,
+          maxX,
+        ),
+        y: clamp(
+          event.clientY - dragRef.current.startY,
+          PANEL_SAFE_AREA.top,
+          maxY,
+        ),
+      };
+      setPos(next);
+    },
+    [dimensions.height, dimensions.width],
+  );
 
   const handlePointerUp = useCallback(
     (event: PointerEvent) => {
@@ -261,19 +286,31 @@ function BasicWindowPanel({
       ) {
         return;
       }
+      const minWidth = 240;
+      const minHeight = 180;
+      const maxWidth = Math.max(
+        minWidth,
+        window.innerWidth - pos.x - PANEL_SAFE_AREA.right,
+      );
+      const maxHeight = Math.max(
+        minHeight,
+        window.innerHeight - pos.y - PANEL_SAFE_AREA.bottom,
+      );
       const next = {
-        width: Math.max(
-          240,
+        width: clamp(
           resizeRef.current.startW + (event.clientX - resizeRef.current.startX),
+          minWidth,
+          maxWidth,
         ),
-        height: Math.max(
-          180,
+        height: clamp(
           resizeRef.current.startH + (event.clientY - resizeRef.current.startY),
+          minHeight,
+          maxHeight,
         ),
       };
       setDimensions(next);
     },
-    [dimensions.width, dimensions.height],
+    [pos.x, pos.y],
   );
 
   const handleResizeUp = useCallback(
@@ -303,6 +340,43 @@ function BasicWindowPanel({
     };
   }, [handlePointerMove, handlePointerUp, handleResizeMove, handleResizeUp]);
 
+  useEffect(() => {
+    const ensureInBounds = () => {
+      const maxX = window.innerWidth - dimensions.width - PANEL_SAFE_AREA.right;
+      const maxY =
+        window.innerHeight - dimensions.height - PANEL_SAFE_AREA.bottom;
+      setPos((prev) => ({
+        x: clamp(prev.x, PANEL_SAFE_AREA.left, maxX),
+        y: clamp(prev.y, PANEL_SAFE_AREA.top, maxY),
+      }));
+      setDimensions((prev) => {
+        const minWidth = 240;
+        const minHeight = 180;
+        const constrainedWidth = clamp(
+          prev.width,
+          minWidth,
+          Math.max(minWidth, window.innerWidth - pos.x - PANEL_SAFE_AREA.right),
+        );
+        const constrainedHeight = clamp(
+          prev.height,
+          minHeight,
+          Math.max(
+            minHeight,
+            window.innerHeight - pos.y - PANEL_SAFE_AREA.bottom,
+          ),
+        );
+        return {
+          width: constrainedWidth,
+          height: constrainedHeight,
+        };
+      });
+    };
+
+    ensureInBounds();
+    window.addEventListener("resize", ensureInBounds);
+    return () => window.removeEventListener("resize", ensureInBounds);
+  }, [dimensions.height, dimensions.width, pos.x, pos.y]);
+
   return (
     <div
       className={cn(
@@ -444,7 +518,30 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
     return first;
   };
 
-  const eventTarget = new EventTarget();
+  const executionStore = {
+    pipelines: [],
+    selectedPipeline: null,
+    runs: [],
+    isRunning: false,
+    run: async () => {},
+    setPipelineInput: () => {},
+    selectPipeline: () => {},
+  };
+
+  const modelCatalog = {
+    list: async (input: {
+      category: string;
+      page?: number;
+      limit?: number;
+    }) => ({
+      items: [],
+      total: 0,
+      page: input.page || 1,
+      pages: 1,
+      category: input.category,
+    }),
+    listSamplers: async () => ({ samplers: [], schedulers: [] }),
+  };
 
   const api: EmbeddrAPI = {
     stores: {
@@ -452,15 +549,7 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
         selectedImage: null,
         selectImage: () => {},
       },
-      generation: {
-        workflows: [],
-        selectedWorkflow: null,
-        generations: [],
-        isGenerating: false,
-        generate: async () => {},
-        setWorkflowInput: () => {},
-        selectWorkflow: () => {},
-      },
+      execution: executionStore,
     },
     ui: {
       activePanelId: null,
@@ -615,25 +704,19 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
       },
     } as any,
     events: {
-      on: (event, listener) => {
-        const handler = (e: Event) => listener((e as CustomEvent).detail);
-        eventTarget.addEventListener(event, handler as EventListener);
-        return () =>
-          eventTarget.removeEventListener(event, handler as EventListener);
-      },
-      off: (event, listener) => {
-        eventTarget.removeEventListener(event, listener as EventListener);
-      },
-      emit: (event, payload) => {
-        eventTarget.dispatchEvent(new CustomEvent(event, { detail: payload }));
-      },
-    },
-    comfy: {
-      getLoras: async () => ({ items: [], total: 0, page: 1, pages: 1 }),
-      getCheckpoints: async () => ({ items: [], total: 0, page: 1, pages: 1 }),
-      getEmbeddings: async () => ({ items: [], total: 0, page: 1, pages: 1 }),
-      getSamplers: async () => ({ samplers: [], schedulers: [] }),
+      on: (event, listener) =>
+        globalEventBus.on(
+          event as string,
+          listener as (...args: any[]) => void,
+        ),
+      off: (event, listener) =>
+        globalEventBus.off(
+          event as string,
+          listener as (...args: any[]) => void,
+        ),
+      emit: (event, payload) => globalEventBus.emit(event as string, payload),
     },
+    models: modelCatalog,
     windows: {
       open: (id: string, title: string, componentId: string, props?: any) =>
         useZenWindowStore.getState().openWindow({
@@ -734,16 +817,30 @@ export function ZenShell() {
 
   const { plugins, knownPlugins } = usePluginRegistry();
   const spawnWindow = useZenWindowStore((s) => s.spawnWindow);
+  const setPanelConstraints = useZenWindowStore((s) => s.setPanelConstraints);
+  const [pluginReloadTick, setPluginReloadTick] = useState(0);
   const embeddrApi = useMemo(
     () => createEmbeddrApiAdapter(api),
     [api.endpoint, api.apiKey, api.apiClient],
   );
+  const wsBackendUrl = useMemo(
+    () => (api.endpoint || "http://localhost:8003").replace(/\/$/, ""),
+    [api.endpoint],
+  );
 
   useEffect(() => {
     console.log("[ZenShell] Mounted");
     return () => console.log("[ZenShell] Unmounted");
   }, []);
 
+  useEffect(() => {
+    setPanelConstraints({
+      enabled: true,
+      safeArea: PANEL_SAFE_AREA,
+      snapThreshold: 24,
+    });
+  }, [setPanelConstraints]);
+
   const adapter = useMemo<PluginLoaderAdapter>(() => {
     console.log("[ZenShell] Recreating adapter");
     return {
@@ -872,7 +969,10 @@ export function ZenShell() {
 
   // We always render the Manager (so windows exist), but maybe hide the Dock
   return (
-    <>
+    <ZenWebSocketProvider
+      backendUrl={wsBackendUrl}
+      apiKey={api.apiKey || undefined}
+    >
       <div
         style={{
           position: "fixed",
@@ -884,7 +984,9 @@ export function ZenShell() {
         {/* The Window Manager Layer */}
         <div style={{ width: "100vw", height: "100vh" }}>
           <EmbeddrProvider api={embeddrApi}>
+            <CoreUIEventBridge api={embeddrApi} />
             <ZenPanelManagerCore
+              key={`zen-panel-manager-${pluginReloadTick}`}
               useWindowStore={useZenWindowStore}
               WindowRenderer={CustomWindowRenderer}
             />
@@ -1012,7 +1114,10 @@ export function ZenShell() {
                   variant="ghost"
                   size="sm"
                   className="w-full mt-4 text-xs text-muted-foreground hover:text-foreground"
-                  onClick={() => loadExternalPlugins({ adapter })}
+                  onClick={async () => {
+                    await loadExternalPlugins({ adapter });
+                    setPluginReloadTick((prev) => prev + 1);
+                  }}
                 >
                   <RefreshCw className="w-3 h-3 mr-2" /> Reload Plugins
                 </Button>
@@ -1021,6 +1126,6 @@ export function ZenShell() {
           )}
         </div>
       )}
-    </>
+    </ZenWebSocketProvider>
   );
 }
diff --git a/ui/components/panels/EmbeddrPanel.tsx b/ui/components/panels/EmbeddrPanel.tsx
index 2e64125..9195af0 100644
--- a/ui/components/panels/EmbeddrPanel.tsx
+++ b/ui/components/panels/EmbeddrPanel.tsx
@@ -5,7 +5,7 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger,
-} from "@embeddr/react-ui/components/tabs";
+} from "@embeddr/react-ui/components/ui";
 import { useExternalNav, useImageDialog } from "@embeddr/react-ui";
 import {
   GlobeIcon,
@@ -14,10 +14,11 @@ import {
   Settings,
   LayoutTemplate,
 } from "lucide-react";
-import { Button } from "@embeddr/react-ui/components/button";
+import { Button } from "@embeddr/react-ui/components/ui";
 import { useEmbeddrApi } from "@hooks/useEmbeddrApi";
 import { SettingsForm } from "../tabs/SettingsForm";
 import { ExploreTab } from "../tabs/ExploreTab";
+import { PromptTab } from "../tabs/PromptTab";
 
 export default function EmbeddrPanel() {
   const {
@@ -181,6 +182,16 @@ export default function EmbeddrPanel() {
           />
         </TabsContent>
 
+        <TabsContent value="prompt" className="flex-1 p-0 m-0 flex flex-col">
+          <PromptTab
+            endpoint={endpoint}
+            apiKey={apiKey}
+            onOpenDocs={() =>
+              openExternal(`${endpoint.replace(/\/+$/, "")}/docs`)
+            }
+          />
+        </TabsContent>
+
         <TabsContent value="settings" className="flex-1 overflow-auto">
           <SettingsForm
             gridPreviewContain={gridPreviewContain}
diff --git a/ui/components/panels/ImageDetails.tsx b/ui/components/panels/ImageDetails.tsx
index 88979aa..4975b24 100644
--- a/ui/components/panels/ImageDetails.tsx
+++ b/ui/components/panels/ImageDetails.tsx
@@ -1,10 +1,10 @@
 import React, { useMemo, useState, useEffect } from "react";
-import { Button } from "@embeddr/react-ui/components/button";
-import { ScrollArea } from "@embeddr/react-ui/components/scroll-area";
-import { Badge } from "@embeddr/react-ui/components/badge";
-import { Separator } from "@embeddr/react-ui/components/separator";
-import { Skeleton } from "@embeddr/react-ui/components/skeleton";
-import { EmbeddrApiClient } from "@embeddr/api";
+import { Button } from "@embeddr/react-ui/components/ui";
+import { ScrollArea } from "@embeddr/react-ui/components/ui";
+import { Badge } from "@embeddr/react-ui/components/ui";
+import { Separator } from "@embeddr/react-ui/components/ui";
+import { Skeleton } from "@embeddr/react-ui/components/ui";
+import { EmbeddrApiClient } from "@embeddr/client-typescript";
 import { AuthorizedImage } from "@components/ui/AuthorizedImage";
 
 import {
diff --git a/ui/components/selectors/CollectionSelector.tsx b/ui/components/selectors/CollectionSelector.tsx
index 658808b..0cec462 100644
--- a/ui/components/selectors/CollectionSelector.tsx
+++ b/ui/components/selectors/CollectionSelector.tsx
@@ -4,10 +4,10 @@ import {
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@embeddr/react-ui/components/card";
-import { ScrollArea } from "@embeddr/react-ui/components/scroll-area";
-import { Input } from "@embeddr/react-ui/components/input";
-import { Button } from "@embeddr/react-ui/components/button";
+} from "@embeddr/react-ui/components/ui";
+import { ScrollArea } from "@embeddr/react-ui/components/ui";
+import { Input } from "@embeddr/react-ui/components/ui";
+import { Button } from "@embeddr/react-ui/components/ui";
 import { Folder, Search, Plus } from "lucide-react";
 import type { Collection } from "../../hooks/useEmbeddrCollections";
 
diff --git a/ui/components/tabs/ExploreTab.tsx b/ui/components/tabs/ExploreTab.tsx
index c7ae3b9..12e6c73 100644
--- a/ui/components/tabs/ExploreTab.tsx
+++ b/ui/components/tabs/ExploreTab.tsx
@@ -4,9 +4,9 @@ import {
   ResizableHandle,
   ResizablePanel,
   ResizablePanelGroup,
-} from "@embeddr/react-ui/components/resizable";
+} from "@embeddr/react-ui/components/ui";
 import { Search, Grid3X3 } from "lucide-react";
-import { Slider } from "@embeddr/react-ui/components/slider";
+import { Slider } from "@embeddr/react-ui/components/ui";
 import { ImageGrid } from "@components/ui/ImageGrid";
 import { useNodeScanner } from "@hooks/useNodeScanner";
 import { ImageDetails } from "../panels/ImageDetails";
@@ -17,7 +17,7 @@ import type {
   LibraryPath,
   PromptImageRead,
 } from "@hooks/useEmbeddrApi";
-import type { EmbeddrApiClient } from "@embeddr/api";
+import type { EmbeddrApiClient } from "@embeddr/client-typescript";
 
 interface ExploreTabProps {
   images: Array<PromptImageRead>;
diff --git a/ui/components/tabs/PromptTab.tsx b/ui/components/tabs/PromptTab.tsx
new file mode 100644
index 0000000..49e7a8a
--- /dev/null
+++ b/ui/components/tabs/PromptTab.tsx
@@ -0,0 +1,436 @@
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { AlertCircle, Bot, Loader2, Send, Wrench } from "lucide-react";
+import { Button } from "@embeddr/react-ui/components/ui";
+import { Card } from "@embeddr/react-ui/components/ui";
+import { Input } from "@embeddr/react-ui/components/ui";
+import { Label } from "@embeddr/react-ui/components/ui";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@embeddr/react-ui/components/ui";
+import { ScrollArea } from "@embeddr/react-ui/components/ui";
+import { Textarea } from "@embeddr/react-ui/components/ui";
+
+type ChatMessage = {
+  id?: string;
+  role: "user" | "assistant" | "error";
+  content: string;
+};
+
+type LlmProvider = {
+  id: string;
+  name?: string;
+};
+
+type LlmModel = {
+  id: string;
+  name?: string;
+  provider_id?: string;
+};
+
+interface PromptTabProps {
+  endpoint: string;
+  apiKey?: string;
+  onOpenDocs: () => void;
+}
+
+const POLL_INTERVAL_MS = 1200;
+const MAX_POLL_ATTEMPTS = 120;
+
+const withApiPrefix = (endpoint: string, path: string) => {
+  const cleanEndpoint = endpoint.replace(/\/+$/, "");
+  const cleanPath = path.startsWith("/") ? path : `/${path}`;
+  if (cleanEndpoint.endsWith("/api/v1")) {
+    return `${cleanEndpoint}${cleanPath}`;
+  }
+  return `${cleanEndpoint}/api/v1${cleanPath}`;
+};
+
+const getHeaders = (apiKey?: string) => {
+  const headers: Record<string, string> = {
+    "Content-Type": "application/json",
+  };
+  if (apiKey?.trim()) {
+    headers["X-API-Key"] = apiKey.trim();
+  }
+  return headers;
+};
+
+async function jsonRequest<T = any>(
+  endpoint: string,
+  path: string,
+  init: RequestInit = {},
+  apiKey?: string,
+): Promise<T> {
+  const url = withApiPrefix(endpoint, path);
+  const res = await fetch(url, {
+    ...init,
+    headers: {
+      ...getHeaders(apiKey),
+      ...(init.headers || {}),
+    },
+  });
+  if (!res.ok) {
+    const body = await res.text().catch(() => "");
+    throw new Error(body || `Request failed (${res.status})`);
+  }
+  return (await res.json()) as T;
+}
+
+export function PromptTab({ endpoint, apiKey, onOpenDocs }: PromptTabProps) {
+  const [checkingPlugin, setCheckingPlugin] = useState(true);
+  const [hasLlmPlugin, setHasLlmPlugin] = useState(false);
+  const [pluginCheckError, setPluginCheckError] = useState<string | null>(null);
+
+  const [providers, setProviders] = useState<LlmProvider[]>([]);
+  const [models, setModels] = useState<LlmModel[]>([]);
+  const [selectedProviderId, setSelectedProviderId] = useState<string>("auto");
+  const [selectedModel, setSelectedModel] = useState<string>("auto");
+
+  const [systemPrompt, setSystemPrompt] = useState("");
+  const [prompt, setPrompt] = useState("");
+  const [messages, setMessages] = useState<ChatMessage[]>([]);
+  const [isSending, setIsSending] = useState(false);
+
+  const selectedProviderModels = useMemo(() => {
+    if (selectedProviderId === "auto") {
+      return models;
+    }
+    return models.filter((model) => model.provider_id === selectedProviderId);
+  }, [models, selectedProviderId]);
+
+  const refreshPluginState = useCallback(async () => {
+    if (!endpoint) {
+      setCheckingPlugin(false);
+      setHasLlmPlugin(false);
+      setPluginCheckError("No API endpoint configured.");
+      return;
+    }
+    setCheckingPlugin(true);
+    setPluginCheckError(null);
+    try {
+      const data = await jsonRequest<any>(endpoint, "/plugins", {}, apiKey);
+      const list = Array.isArray(data)
+        ? data
+        : Array.isArray(data?.items)
+          ? data.items
+          : [];
+      const found = list.some((plugin: any) => {
+        const id = String(plugin?.id || plugin?.plugin_id || "");
+        return id === "embeddr-llm";
+      });
+      setHasLlmPlugin(found);
+    } catch (e: any) {
+      setHasLlmPlugin(false);
+      setPluginCheckError(e?.message || "Failed to check installed plugins.");
+    } finally {
+      setCheckingPlugin(false);
+    }
+  }, [endpoint, apiKey]);
+
+  const loadProvidersAndModels = useCallback(async () => {
+    if (!hasLlmPlugin) return;
+    try {
+      const [providerRes, modelRes] = await Promise.all([
+        jsonRequest<any>(
+          endpoint,
+          "/plugins/embeddr-llm/providers",
+          {},
+          apiKey,
+        ),
+        jsonRequest<any>(endpoint, "/plugins/embeddr-llm/models", {}, apiKey),
+      ]);
+
+      const providerList = Array.isArray(providerRes?.data)
+        ? providerRes.data
+        : Array.isArray(providerRes)
+          ? providerRes
+          : [];
+      const modelList = Array.isArray(modelRes?.data)
+        ? modelRes.data
+        : Array.isArray(modelRes)
+          ? modelRes
+          : [];
+
+      setProviders(providerList);
+      setModels(modelList);
+    } catch {
+      setProviders([]);
+      setModels([]);
+    }
+  }, [endpoint, apiKey, hasLlmPlugin]);
+
+  useEffect(() => {
+    refreshPluginState();
+  }, [refreshPluginState]);
+
+  useEffect(() => {
+    loadProvidersAndModels();
+  }, [loadProvidersAndModels]);
+
+  const runChat = useCallback(async () => {
+    const text = prompt.trim();
+    if (!text || isSending || !hasLlmPlugin) return;
+
+    const pendingId = `pending-${Date.now()}`;
+    setPrompt("");
+    setIsSending(true);
+    setMessages((prev) => [
+      ...prev,
+      { role: "user", content: text },
+      { id: pendingId, role: "assistant", content: "Thinking..." },
+    ]);
+
+    try {
+      const execution = await jsonRequest<any>(
+        endpoint,
+        "/executions",
+        {
+          method: "POST",
+          body: JSON.stringify({
+            plugin_name: "embeddr-llm",
+            job_type: "llm.respond",
+            inputs: {
+              prompt: text,
+              system_prompt: systemPrompt.trim() || undefined,
+              provider_id:
+                selectedProviderId !== "auto" ? selectedProviderId : undefined,
+              model: selectedModel !== "auto" ? selectedModel : undefined,
+            },
+          }),
+        },
+        apiKey,
+      );
+
+      const executionId = execution?.id;
+      if (!executionId) {
+        throw new Error("No execution id returned.");
+      }
+
+      let assistantText = "";
+      let failedText = "";
+
+      for (let attempt = 0; attempt < MAX_POLL_ATTEMPTS; attempt += 1) {
+        await new Promise((resolve) => setTimeout(resolve, POLL_INTERVAL_MS));
+        const job = await jsonRequest<any>(
+          endpoint,
+          `/executions/${executionId}`,
+          { method: "GET" },
+          apiKey,
+        );
+
+        if (job?.status === "completed") {
+          assistantText =
+            job?.outputs?.response_text ||
+            job?.outputs?.response ||
+            job?.outputs?.text ||
+            JSON.stringify(job?.outputs || {}, null, 2);
+          break;
+        }
+
+        if (job?.status === "failed") {
+          failedText = job?.error || job?.message || "LLM execution failed.";
+          break;
+        }
+      }
+
+      if (assistantText) {
+        setMessages((prev) =>
+          prev.map((message) =>
+            message.id === pendingId
+              ? { role: "assistant", content: assistantText }
+              : message,
+          ),
+        );
+      } else if (failedText) {
+        setMessages((prev) =>
+          prev.map((message) =>
+            message.id === pendingId
+              ? { role: "error", content: failedText }
+              : message,
+          ),
+        );
+      } else {
+        setMessages((prev) =>
+          prev.map((message) =>
+            message.id === pendingId
+              ? {
+                  role: "error",
+                  content: "Timed out while waiting for LLM response.",
+                }
+              : message,
+          ),
+        );
+      }
+    } catch (e: any) {
+      setMessages((prev) =>
+        prev.map((message) =>
+          message.id === pendingId
+            ? { role: "error", content: e?.message || "Failed to send prompt." }
+            : message,
+        ),
+      );
+    } finally {
+      setIsSending(false);
+    }
+  }, [
+    apiKey,
+    endpoint,
+    hasLlmPlugin,
+    isSending,
+    prompt,
+    selectedModel,
+    selectedProviderId,
+    systemPrompt,
+  ]);
+
+  if (checkingPlugin) {
+    return (
+      <div className="flex-1 flex items-center justify-center text-sm text-muted-foreground gap-2">
+        <Loader2 className="w-4 h-4 animate-spin" />
+        Checking LLM plugin...
+      </div>
+    );
+  }
+
+  if (!hasLlmPlugin) {
+    return (
+      <div className="flex-1 p-3">
+        <Card className="h-full p-4 flex flex-col gap-3 justify-center">
+          <div className="flex items-center gap-2 text-foreground">
+            <Wrench className="w-4 h-4" />
+            <span className="font-medium">LLM chat is not available</span>
+          </div>
+          <p className="text-sm text-muted-foreground">
+            This tab needs the <strong>embeddr-llm</strong> plugin installed and
+            enabled on your configured instance.
+          </p>
+          {pluginCheckError ? (
+            <div className="text-xs text-amber-500 flex items-center gap-1">
+              <AlertCircle className="w-3.5 h-3.5" />
+              {pluginCheckError}
+            </div>
+          ) : null}
+          <div className="flex gap-2">
+            <Button size="sm" variant="outline" onClick={refreshPluginState}>
+              Re-check
+            </Button>
+            <Button size="sm" onClick={onOpenDocs}>
+              Open docs
+            </Button>
+          </div>
+        </Card>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex-1 p-2 pt-0 flex flex-col gap-2 min-h-0">
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-2">
+        <div className="space-y-1">
+          <Label>Provider</Label>
+          <Select
+            value={selectedProviderId}
+            onValueChange={(value) => setSelectedProviderId(value)}
+          >
+            <SelectTrigger>
+              <SelectValue placeholder="Auto" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="auto">Auto</SelectItem>
+              {providers.map((provider) => (
+                <SelectItem key={provider.id} value={provider.id}>
+                  {provider.name || provider.id}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </div>
+
+        <div className="space-y-1">
+          <Label>Model</Label>
+          <Select
+            value={selectedModel}
+            onValueChange={(value) => setSelectedModel(value)}
+          >
+            <SelectTrigger>
+              <SelectValue placeholder="Auto" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="auto">Auto</SelectItem>
+              {selectedProviderModels.map((model) => (
+                <SelectItem key={model.id} value={model.id}>
+                  {model.name || model.id}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </div>
+      </div>
+
+      <div className="space-y-1">
+        <Label>System prompt (optional)</Label>
+        <Textarea
+          value={systemPrompt}
+          onChange={(e) => setSystemPrompt(e.target.value)}
+          placeholder="You are a concise assistant..."
+          rows={3}
+        />
+      </div>
+
+      <Card className="flex-1 min-h-0 p-0 overflow-hidden">
+        <ScrollArea className="h-full p-3">
+          <div className="space-y-2">
+            {messages.length === 0 ? (
+              <div className="text-xs text-muted-foreground flex items-center gap-2">
+                <Bot className="w-4 h-4" />
+                Start chatting with your configured LLM plugin.
+              </div>
+            ) : (
+              messages.map((message, index) => (
+                <div
+                  key={`${message.role}-${index}`}
+                  className={[
+                    "rounded-md border p-2 text-sm whitespace-pre-wrap break-words",
+                    message.role === "user"
+                      ? "bg-primary/10 border-primary/30"
+                      : message.role === "assistant"
+                        ? "bg-muted/30 border-border"
+                        : "bg-destructive/10 border-destructive/30 text-destructive",
+                  ].join(" ")}
+                >
+                  {message.content}
+                </div>
+              ))
+            )}
+          </div>
+        </ScrollArea>
+      </Card>
+
+      <div className="flex gap-2">
+        <Input
+          value={prompt}
+          onChange={(e) => setPrompt(e.target.value)}
+          onKeyDown={(e) => {
+            if (e.key === "Enter" && !e.shiftKey) {
+              e.preventDefault();
+              runChat();
+            }
+          }}
+          placeholder="Ask something..."
+          disabled={isSending}
+        />
+        <Button onClick={runChat} disabled={isSending || !prompt.trim()}>
+          {isSending ? (
+            <Loader2 className="w-4 h-4 animate-spin" />
+          ) : (
+            <Send className="w-4 h-4" />
+          )}
+        </Button>
+      </div>
+    </div>
+  );
+}
diff --git a/ui/components/tabs/SettingsForm.tsx b/ui/components/tabs/SettingsForm.tsx
index 52653cb..e43c617 100644
--- a/ui/components/tabs/SettingsForm.tsx
+++ b/ui/components/tabs/SettingsForm.tsx
@@ -1,16 +1,16 @@
 import React from "react";
-import { Input } from "@embeddr/react-ui/components/input";
-import { Label } from "@embeddr/react-ui/components/label";
-import { Button } from "@embeddr/react-ui/components/button";
-import { Slider } from "@embeddr/react-ui/components/slider";
-import { Switch } from "@embeddr/react-ui/components/switch";
+import { Input } from "@embeddr/react-ui/components/ui";
+import { Label } from "@embeddr/react-ui/components/ui";
+import { Button } from "@embeddr/react-ui/components/ui";
+import { Slider } from "@embeddr/react-ui/components/ui";
+import { Switch } from "@embeddr/react-ui/components/ui";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@embeddr/react-ui/components/select";
+} from "@embeddr/react-ui/components/ui";
 
 import { Moon, Server, Sun } from "lucide-react";
 import type { ApiMode } from "@hooks/useEmbeddrApi";
diff --git a/ui/components/ui/ImageGrid.tsx b/ui/components/ui/ImageGrid.tsx
index e1622f3..fc6413d 100644
--- a/ui/components/ui/ImageGrid.tsx
+++ b/ui/components/ui/ImageGrid.tsx
@@ -1,8 +1,9 @@
 import React, { useEffect, useRef } from "react";
-import { ScrollArea } from "@embeddr/react-ui/components/scroll-area";
+import { ScrollArea } from "@embeddr/react-ui/components/ui";
 import { Eye, PenLineIcon } from "lucide-react";
-import { Button } from "@embeddr/react-ui/components/button";
+import { Button } from "@embeddr/react-ui/components/ui";
 import { cn } from "@embeddr/react-ui";
+import { EmbeddrDnDTypes } from "@embeddr/react-ui";
 import { AuthorizedImage } from "./AuthorizedImage";
 
 import type { PromptImageRead } from "@hooks/useEmbeddrApi";
@@ -59,11 +60,44 @@ export function ImageGrid({
     };
   }, [hasMore, loading, onLoadMore]);
 
-  const handleDragStart = (e: React.DragEvent, image: any) => {
+  const handleDragStart = (e: React.DragEvent, image: PromptImageRead) => {
+    const artifactId = image.id.toString();
+    const previewUrl = image.thumb_url || image.image_url;
+    const payload = {
+      id: artifactId,
+      artifact_id: artifactId,
+      type: "image",
+      type_name: "image",
+      prompt: image.prompt,
+      image_url: image.image_url,
+      thumb_url: image.thumb_url,
+      preview_url: previewUrl,
+      path: image.path,
+      created_at: image.created_at,
+      width: image.width,
+      height: image.height,
+      metadata: {
+        prompt: image.prompt,
+        filename: image.filename,
+      },
+    };
+
+    e.dataTransfer.effectAllowed = "copy";
     e.dataTransfer.setData("text/plain", image.image_url);
     e.dataTransfer.setData("text/uri-list", image.image_url);
-    e.dataTransfer.setData("embeddr/id", image.id.toString());
-    e.dataTransfer.setData("embeddr/json", JSON.stringify(image));
+
+    e.dataTransfer.setData(EmbeddrDnDTypes.ARTIFACT_ID, artifactId);
+    e.dataTransfer.setData(EmbeddrDnDTypes.IMAGE_ID, artifactId);
+    e.dataTransfer.setData(EmbeddrDnDTypes.ARTIFACT_TYPE, "image");
+    e.dataTransfer.setData(EmbeddrDnDTypes.IMAGE_URL, image.image_url);
+    e.dataTransfer.setData(EmbeddrDnDTypes.PREVIEW_URL, previewUrl);
+    e.dataTransfer.setData(EmbeddrDnDTypes.ARTIFACT, JSON.stringify(payload));
+    if (image.path) {
+      e.dataTransfer.setData(EmbeddrDnDTypes.ARTIFACT_PATH, image.path);
+    }
+
+    e.dataTransfer.setData("embeddr/id", artifactId);
+    e.dataTransfer.setData("embeddr/json", JSON.stringify(payload));
   };
 
   return (
diff --git a/ui/components/ui/SearchBar.tsx b/ui/components/ui/SearchBar.tsx
index bc92b82..dcc2141 100644
--- a/ui/components/ui/SearchBar.tsx
+++ b/ui/components/ui/SearchBar.tsx
@@ -1,14 +1,14 @@
 import React from "react";
-import { Input } from "@embeddr/react-ui/components/input";
-import { Button } from "@embeddr/react-ui/components/button";
-import { Spinner } from "@embeddr/react-ui/components/spinner";
+import { Input } from "@embeddr/react-ui/components/ui";
+import { Button } from "@embeddr/react-ui/components/ui";
+import { Spinner } from "@embeddr/react-ui/components/ui";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@embeddr/react-ui/components/select";
+} from "@embeddr/react-ui/components/ui";
 import { Globe, ScanEyeIcon, Search, User } from "lucide-react";
 import type { ApiMode, LibraryPath } from "@types";
 import type { Collection } from "../../hooks/useEmbeddrCollections";
diff --git a/ui/hooks/useEmbeddrApi.ts b/ui/hooks/useEmbeddrApi.ts
index 3ed92f5..8de6314 100644
--- a/ui/hooks/useEmbeddrApi.ts
+++ b/ui/hooks/useEmbeddrApi.ts
@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { EmbeddrApiClient } from "@embeddr/api";
+import { EmbeddrApiClient } from "@embeddr/client-typescript";
 import { useEmbeddrSettings } from "./useEmbeddrSettings";
 import { useEmbeddrLibraries } from "./useEmbeddrLibraries";
 import { useEmbeddrImages } from "./useEmbeddrImages";
diff --git a/ui/hooks/useEmbeddrCollections.ts b/ui/hooks/useEmbeddrCollections.ts
index 609fd6a..1097a18 100644
--- a/ui/hooks/useEmbeddrCollections.ts
+++ b/ui/hooks/useEmbeddrCollections.ts
@@ -1,5 +1,5 @@
 import { useState, useCallback } from "react";
-import type { EmbeddrApiClient } from "@embeddr/api";
+import type { EmbeddrApiClient } from "@embeddr/client-typescript";
 
 export interface Collection {
   id: string;
diff --git a/ui/hooks/useEmbeddrImages.ts b/ui/hooks/useEmbeddrImages.ts
index 862505f..858f020 100644
--- a/ui/hooks/useEmbeddrImages.ts
+++ b/ui/hooks/useEmbeddrImages.ts
@@ -1,5 +1,5 @@
 import { useCallback, useRef, useState } from "react";
-import type { EmbeddrApiClient } from "@embeddr/api";
+import type { EmbeddrApiClient } from "@embeddr/client-typescript";
 // @ts-ignore
 import { app } from "../../../scripts/app.js";
 import type { ApiMode, PromptImageRead } from "@types";
diff --git a/ui/hooks/useEmbeddrSettings.ts b/ui/hooks/useEmbeddrSettings.ts
index 73044fb..6bcb6ed 100644
--- a/ui/hooks/useEmbeddrSettings.ts
+++ b/ui/hooks/useEmbeddrSettings.ts
@@ -4,6 +4,7 @@ import { app } from "../../../scripts/app.js";
 import type { ApiMode } from "@types";
 import {
   applyThemePackCss,
+  applyThemePackComfyBridge,
   applyThemePackTokens,
   clearThemePackTokens,
   loadThemePacks,
@@ -58,12 +59,20 @@ export function useEmbeddrSettings({
 
   // Apply theme
   useEffect(() => {
-    const roots = document.querySelectorAll(".embeddr-theme-root");
+    const roots = [
+      document.documentElement,
+      document.body,
+      ...Array.from(
+        document.querySelectorAll<HTMLElement>(".embeddr-theme-root"),
+      ),
+    ];
     roots.forEach((root) => {
       if (theme === "dark") {
         root.classList.add("dark");
+        root.classList.add("dark-theme");
       } else {
         root.classList.remove("dark");
+        root.classList.remove("dark-theme");
       }
     });
 
@@ -90,11 +99,16 @@ export function useEmbeddrSettings({
 
     const applyTheme = async () => {
       if (!apiBase) return;
-      const targets = Array.from(
-        document.querySelectorAll<HTMLElement>(".embeddr-theme-root"),
-      );
+      const targets = [
+        document.documentElement,
+        document.body,
+        ...Array.from(
+          document.querySelectorAll<HTMLElement>(".embeddr-theme-root"),
+        ),
+      ];
 
       clearThemePackTokens(targets, appliedTokenKeysRef.current);
+      applyThemePackComfyBridge(Boolean(themePackId));
 
       if (!themePackId) {
         applyThemePackCss(null);
@@ -108,6 +122,7 @@ export function useEmbeddrSettings({
         const pack = packs.find((item) => item.id === themePackId);
         if (!pack) {
           applyThemePackCss(null);
+          applyThemePackComfyBridge(false);
           appliedTokenKeysRef.current = [];
           return;
         }
diff --git a/ui/main.tsx b/ui/main.tsx
index b1d4b4e..e51537b 100644
--- a/ui/main.tsx
+++ b/ui/main.tsx
@@ -18,6 +18,7 @@ import "./nodes/EmbeddrMergeIds.js";
 import "./nodes/EmbeddrLoRAStack.js";
 import "./nodes/EmbeddrUploadArtifact.js";
 import "./nodes/EmbeddrFindCollection.js";
+import "./nodes/EmbeddrAction.js";
 // @ts-ignore
 import "./globals.css";
 
diff --git a/ui/nodes/EmbeddrAction.ts b/ui/nodes/EmbeddrAction.ts
new file mode 100644
index 0000000..02f568c
--- /dev/null
+++ b/ui/nodes/EmbeddrAction.ts
@@ -0,0 +1,693 @@
+/**
+ * EmbeddrAction – Frontend extension for dynamic Lotus Action input management.
+ *
+ * When the user selects an action from the combo, this extension:
+ *   1. Fetches the action's capability schema (inputs/outputs)
+ *   2. Removes any previously-created dynamic widgets
+ *   3. Creates typed widgets for each declared input
+ *   4. Before serialization, packs all dyn_* values into payload_json
+ *      (because ComfyUI only passes schema-declared inputs to execute)
+ *
+ * Input sources (checked in order):
+ *   - cap.inputs[]            → explicit LotusIOType array
+ *   - cap.action.input.schema → JSON Schema from Pydantic model
+ *   - cap.data.input.schema   → fallback path
+ *
+ * Dynamic widget names are prefixed with "dyn_" so the Python node
+ * knows they came from schema introspection.
+ */
+
+// @ts-ignore
+import { app } from "../../../scripts/app.js";
+
+const NODE_ID = "embeddr.Action";
+const DYN_PREFIX = "dyn_";
+
+function ensureDynInput(node: any, name: string, type = "*") {
+  if (node.inputs?.some((i: any) => i.name === name)) return;
+  node.addInput(name, type);
+}
+
+/**
+ * Fields already handled by the node's static inputs
+ * (artifact_id / artifact_ids connections). The Python node
+ * maps these into the correct schema field (e.g. "resource").
+ * We skip creating dyn_ widgets for them.
+ */
+const SKIP_SCHEMA_FIELDS = new Set(["resource", "artifact_id", "artifact_ids"]);
+
+/* ────────────────────────────────────────────────────────── */
+/*  Sync dyn_ widget values ↔ payload_json                   */
+/* ────────────────────────────────────────────────────────── */
+
+/**
+ * Collect all dyn_* widget values and merge them into the
+ * payload_json widget. Called before serialization so that
+ * the Python execute() receives them via the declared
+ * payload_json input.
+ */
+function syncDynToPayload(node: any) {
+  const payloadWidget = (node.widgets ?? []).find(
+    (w: any) => w.name === "payload_json",
+  );
+  if (!payloadWidget) return;
+
+  // Parse existing payload_json (user may have typed extra values)
+  let base: Record<string, any> = {};
+  try {
+    base = JSON.parse(payloadWidget.value || "{}");
+  } catch {
+    base = {};
+  }
+
+  // Collect dyn_ widget values
+  for (const w of node.widgets ?? []) {
+    if (!w.name?.startsWith(DYN_PREFIX)) continue;
+    const key = w.name.slice(DYN_PREFIX.length);
+    let val = w.value;
+
+    // Try to parse JSON strings for complex types
+    if (typeof val === "string" && val.trim().length > 0) {
+      const trimmed = val.trim();
+      if (trimmed.startsWith("{") || trimmed.startsWith("[")) {
+        try {
+          val = JSON.parse(trimmed);
+        } catch {
+          /* keep as string */
+        }
+      }
+    }
+
+    // Skip empty strings — don't override model defaults with blanks
+    if (val === "" || val === undefined || val === null) continue;
+
+    base[key] = val;
+  }
+
+  payloadWidget.value = JSON.stringify(base, null, 2);
+}
+
+/**
+ * After creating dynamic widgets (e.g. loading a saved workflow),
+ * restore their values from payload_json.
+ */
+function syncPayloadToDyn(node: any) {
+  const payloadWidget = (node.widgets ?? []).find(
+    (w: any) => w.name === "payload_json",
+  );
+  if (!payloadWidget) return;
+
+  let values: Record<string, any> = {};
+  try {
+    values = JSON.parse(payloadWidget.value || "{}");
+  } catch {
+    return;
+  }
+
+  for (const w of node.widgets ?? []) {
+    if (!w.name?.startsWith(DYN_PREFIX)) continue;
+    const key = w.name.slice(DYN_PREFIX.length);
+    if (key in values) {
+      const val = values[key];
+      if (typeof val === "object" && val !== null) {
+        w.value = JSON.stringify(val);
+      } else {
+        w.value = val;
+      }
+    }
+  }
+
+  if (node.graph) node.graph.setDirtyCanvas(true);
+}
+
+/* ────────────────────────────────────────────────────────── */
+/* JSON Schema type → widget factory                         */
+/* ────────────────────────────────────────────────────────── */
+
+function addWidgetForJsonSchemaProp(
+  node: any,
+  name: string,
+  prop: Record<string, any>,
+  _required: boolean,
+) {
+  const wName = `${DYN_PREFIX}${name}`;
+
+  if (
+    node.widgets?.some((w: any) => w.name === wName) ||
+    node.inputs?.some((i: any) => i.name === wName)
+  )
+    return;
+
+  // Resolve type (handle anyOf / allOf / oneOf)
+  let type = prop.type as string | undefined;
+  if (!type && prop.anyOf) {
+    const nonNull = (prop.anyOf as any[]).find(
+      (s: any) => s.type && s.type !== "null",
+    );
+    if (nonNull) type = nonNull.type;
+  }
+
+  const defaultVal = prop.default;
+  const tooltip = prop.description || name;
+
+  if (type === "string") ensureDynInput(node, wName, "STRING");
+  else if (type === "integer" || type === "number")
+    ensureDynInput(node, wName, "NUMBER");
+  else if (type === "boolean") ensureDynInput(node, wName, "BOOLEAN");
+  else ensureDynInput(node, wName, "*");
+
+  switch (type) {
+    case "string": {
+      if (prop.enum && Array.isArray(prop.enum)) {
+        node.addWidget("combo", wName, defaultVal ?? prop.enum[0], () => {}, {
+          values: prop.enum,
+          tooltip,
+        });
+      } else {
+        const isLong =
+          (prop.maxLength && prop.maxLength > 200) ||
+          name === "prompt" ||
+          name.includes("json");
+        node.addWidget("text", wName, defaultVal ?? "", () => {}, {
+          multiline: isLong,
+          tooltip,
+        });
+      }
+      break;
+    }
+    case "integer":
+    case "number":
+      node.addWidget("number", wName, defaultVal ?? 0, () => {}, {
+        min: prop.minimum ?? prop.exclusiveMinimum ?? -Infinity,
+        max: prop.maximum ?? prop.exclusiveMaximum ?? Infinity,
+        step: prop.multipleOf ?? (type === "integer" ? 1 : 0.1),
+        precision: type === "integer" ? 0 : 2,
+        tooltip,
+      });
+      break;
+    case "boolean":
+      node.addWidget("toggle", wName, defaultVal ?? false, () => {}, {
+        tooltip,
+      });
+      break;
+    case "array":
+    case "object":
+      node.addWidget(
+        "text",
+        wName,
+        defaultVal != null ? JSON.stringify(defaultVal) : "",
+        () => {},
+        { multiline: true, tooltip },
+      );
+      break;
+    default:
+      node.addWidget("text", wName, defaultVal ?? "", () => {}, { tooltip });
+  }
+}
+
+/* ────────────────────────────────────────────────────────── */
+/* LotusIOKind → widget factory (for cap.inputs[])           */
+/* ────────────────────────────────────────────────────────── */
+
+type WidgetFactory = (node: any, name: string, io: any) => void;
+
+const KIND_TO_WIDGET: Record<string, WidgetFactory> = {
+  text: (node, name, io) => {
+    ensureDynInput(node, name, "STRING");
+    node.addWidget("text", name, io.description || "", () => {}, {
+      multiline: (io.json_schema?.maxLength ?? 0) > 200,
+    });
+  },
+  number: (node, name, io) => {
+    ensureDynInput(node, name, "NUMBER");
+    const schema = io.json_schema || {};
+    node.addWidget("number", name, schema.default ?? 0, () => {}, {
+      min: schema.minimum ?? -Infinity,
+      max: schema.maximum ?? Infinity,
+      step: schema.multipleOf ?? 1,
+    });
+  },
+  boolean: (node, name, _io) => {
+    ensureDynInput(node, name, "BOOLEAN");
+    node.addWidget("toggle", name, false, () => {});
+  },
+  json: (node, name, _io) => {
+    ensureDynInput(node, name, "*");
+    node.addWidget("text", name, "{}", () => {}, { multiline: true });
+  },
+  artifact_ref: (node, name, _io) => {
+    node.addInput(name, "EMBEDDR_ARTIFACT_ID");
+  },
+  artifact_refs: (node, name, _io) => {
+    node.addInput(name, "EMBEDDR_ARTIFACT_ID");
+  },
+  collection_ref: (node, name, _io) => {
+    node.addWidget("text", name, "", () => {});
+  },
+  image: (node, name, _io) => {
+    node.addInput(name, "IMAGE");
+  },
+  video: (node, name, _io) => {
+    node.addInput(name, "VIDEO");
+  },
+  uri: (node, name, _io) => {
+    node.addWidget("text", name, "", () => {});
+  },
+};
+
+interface LotusIOType {
+  name: string;
+  kind: string;
+  description?: string;
+  required?: boolean;
+  array?: boolean;
+  json_schema?: Record<string, any>;
+}
+
+interface LotusCapability {
+  id: string;
+  kind: string;
+  title: string;
+  description?: string;
+  plugin?: string;
+  inputs?: LotusIOType[];
+  outputs?: LotusIOType[];
+  data?: Record<string, any>;
+  action?: {
+    action?: string;
+    input?: {
+      schema?: Record<string, any>;
+      model?: string;
+      ui?: {
+        order?: string[];
+        widgets?: Record<string, string>;
+        options?: Record<string, string[]>;
+      };
+    };
+    output?: {
+      schema?: Record<string, any>;
+      model?: string;
+    };
+  };
+}
+
+/** Cached actions list */
+let _actionsCache: LotusCapability[] | null = null;
+let _actionsCacheTime = 0;
+const CACHE_TTL_MS = 30_000;
+
+async function fetchActions(): Promise<LotusCapability[]> {
+  const now = Date.now();
+  if (_actionsCache && now - _actionsCacheTime < CACHE_TTL_MS) {
+    return _actionsCache;
+  }
+
+  try {
+    const cfgResp = await fetch("/embeddr/config");
+    let baseUrl = "http://localhost:8003";
+    if (cfgResp.ok) {
+      const cfg = await cfgResp.json();
+      baseUrl = (cfg.endpoint || baseUrl).replace(/\/+$/, "");
+    }
+
+    const targetUrl = `${baseUrl}/api/v1/lotus/list?kind=action&limit=500`;
+    const resp = await fetch(
+      `/embeddr/proxy?url=${encodeURIComponent(targetUrl)}`,
+    );
+    if (!resp.ok) {
+      console.warn("[Embeddr Action] Proxy returned", resp.status);
+      return _actionsCache ?? [];
+    }
+    const data = await resp.json();
+    _actionsCache = data.items ?? data ?? [];
+    _actionsCacheTime = now;
+    return _actionsCache!;
+  } catch (e) {
+    console.warn("[Embeddr Action] Failed to fetch actions:", e);
+    return _actionsCache ?? [];
+  }
+}
+
+function buildComboLabel(cap: LotusCapability): string {
+  const parts: string[] = [];
+  if (cap.plugin) parts.push(cap.plugin);
+  let label = cap.id;
+  if (cap.title && cap.title !== cap.id) {
+    label = `${cap.id} [${cap.title}]`;
+  }
+  if (parts.length) label = `${parts.join("/")}/${label}`;
+  return label;
+}
+
+function extractCapId(label: string): string {
+  if (!label || label.startsWith("(")) return "";
+  let s = label;
+  if (s.includes("/")) s = s.split("/").slice(-1)[0];
+  if (s.includes(" [")) s = s.split(" [")[0];
+  return s.trim();
+}
+
+/** Remove all dynamic widgets/inputs from a node */
+function clearDynamicWidgets(node: any) {
+  if (node.widgets) {
+    for (let i = node.widgets.length - 1; i >= 0; i--) {
+      if (node.widgets[i].name?.startsWith(DYN_PREFIX)) {
+        node.widgets.splice(i, 1);
+      }
+    }
+  }
+  if (node.inputs) {
+    for (let i = node.inputs.length - 1; i >= 0; i--) {
+      if (node.inputs[i].name?.startsWith(DYN_PREFIX)) {
+        node.removeInput(i);
+      }
+    }
+  }
+}
+
+/* ────────────────────────────────────────────────────────── */
+/* Dynamic output labeling based on output schema            */
+/* ────────────────────────────────────────────────────────── */
+
+/**
+ * Static output slot indices (must match define_schema() in Python).
+ * result_json=0, status=1, output_artifact_ids=2, text=3, error=4
+ */
+const OUTPUT_SLOTS = {
+  result_json: 0,
+  status: 1,
+  output_artifact_ids: 2,
+  text: 3,
+  error: 4,
+} as const;
+
+const DEFAULT_OUTPUT_LABELS: Record<number, string> = {
+  0: "result_json",
+  1: "status",
+  2: "output_artifact_ids",
+  3: "text",
+  4: "error",
+};
+
+/** Keys Python's execute() checks when extracting a text output. */
+const TEXT_EXTRACT_KEYS = [
+  "response_text",
+  "caption_text",
+  "caption",
+  "value",
+  "text",
+  "message",
+  "content",
+  "description",
+  "summary",
+  "output",
+  "answer",
+  "response",
+];
+
+/** Keys Python checks when extracting artifact IDs. */
+const ARTIFACT_EXTRACT_KEYS = [
+  "artifact_id",
+  "id",
+  "artifact_ids",
+  "ids",
+  "output_artifact_id",
+];
+
+/**
+ * Relabel the static output slots based on the selected action's
+ * output schema so users can see at a glance what each output carries.
+ *
+ * Data sources (checked in order):
+ *   1. cap.action.output.schema   (JSON Schema from Pydantic model)
+ *   2. cap.data.output.schema     (fallback path)
+ *   3. cap.outputs[]              (explicit LotusIOType array)
+ */
+function updateOutputLabels(node: any, cap: LotusCapability) {
+  if (!node.outputs) return;
+
+  // Reset first
+  resetOutputLabels(node);
+
+  // Try to get output schema properties
+  const outSchema =
+    cap.action?.output?.schema ?? (cap as any).data?.output?.schema;
+  const outProps: Record<string, any> | undefined = outSchema?.properties;
+
+  // Also check cap.outputs (LotusIOType array)
+  const lotusOutputs = cap.outputs ?? [];
+
+  if (!outProps && lotusOutputs.length === 0) return;
+
+  // Build a set of known output field names
+  const fieldNames: Set<string> = new Set();
+  if (outProps) {
+    for (const key of Object.keys(outProps)) {
+      fieldNames.add(key);
+    }
+  }
+  for (const out of lotusOutputs) {
+    fieldNames.add(out.name);
+  }
+
+  // ── Relabel "text" slot to the actual field name ──
+  for (const key of TEXT_EXTRACT_KEYS) {
+    if (fieldNames.has(key)) {
+      const slot = node.outputs[OUTPUT_SLOTS.text];
+      if (slot) {
+        slot.name = key;
+        const desc = outProps?.[key]?.description;
+        if (desc) slot.tooltip = desc;
+      }
+      break;
+    }
+  }
+
+  // ── Relabel "output_artifact_ids" slot ──
+  for (const key of ARTIFACT_EXTRACT_KEYS) {
+    if (fieldNames.has(key)) {
+      const slot = node.outputs[OUTPUT_SLOTS.output_artifact_ids];
+      if (slot) {
+        slot.name = key;
+        const desc = outProps?.[key]?.description;
+        if (desc) slot.tooltip = desc;
+      }
+      break;
+    }
+  }
+
+  // ── Relabel "status" slot if schema has a status-like field ──
+  for (const key of ["status", "ok"]) {
+    if (fieldNames.has(key)) {
+      const slot = node.outputs[OUTPUT_SLOTS.status];
+      if (slot) {
+        slot.name = key;
+      }
+      break;
+    }
+  }
+
+  // ── Relabel "error" slot ──
+  if (fieldNames.has("error")) {
+    const slot = node.outputs[OUTPUT_SLOTS.error];
+    if (slot) {
+      const desc = outProps?.["error"]?.description;
+      if (desc) slot.tooltip = desc;
+    }
+  }
+
+  // ── Add tooltip to result_json showing the model name ──
+  const modelName =
+    cap.action?.output?.model ?? (cap as any).data?.output?.model;
+  if (modelName && node.outputs[OUTPUT_SLOTS.result_json]) {
+    node.outputs[OUTPUT_SLOTS.result_json].tooltip =
+      `Full JSON: ${modelName.split(":").pop() ?? modelName}`;
+  }
+
+  node.setSize(node.computeSize());
+  if (node.graph) node.graph.setDirtyCanvas(true, true);
+}
+
+/** Reset output slot labels to defaults */
+function resetOutputLabels(node: any) {
+  if (!node.outputs) return;
+  for (const [idx, label] of Object.entries(DEFAULT_OUTPUT_LABELS)) {
+    const slot = node.outputs[+idx];
+    if (slot) {
+      slot.name = label;
+      slot.tooltip = undefined;
+    }
+  }
+  if (node.graph) node.graph.setDirtyCanvas(true);
+}
+
+/** Create dynamic widgets for a given capability.
+ *  Skips fields in SKIP_SCHEMA_FIELDS (handled by static inputs).
+ */
+function createDynamicInputs(node: any, cap: LotusCapability) {
+  const lotusInputs = cap.inputs ?? [];
+
+  if (lotusInputs.length > 0) {
+    // ── Path A: explicit LotusIOType inputs ──
+    for (const input of lotusInputs) {
+      if (SKIP_SCHEMA_FIELDS.has(input.name)) continue;
+
+      const widgetName = `${DYN_PREFIX}${input.name}`;
+      const exists =
+        node.widgets?.some((w: any) => w.name === widgetName) ||
+        node.inputs?.some((i: any) => i.name === widgetName);
+      if (exists) continue;
+
+      const factory = KIND_TO_WIDGET[input.kind];
+      if (factory) {
+        factory(node, widgetName, input);
+      } else {
+        node.addWidget("text", widgetName, "", () => {}, { multiline: false });
+      }
+    }
+  } else {
+    // ── Path B: JSON Schema from action.input.schema ──
+    const jsonSchema =
+      cap.action?.input?.schema ?? (cap as any).data?.input?.schema;
+
+    if (jsonSchema && jsonSchema.properties) {
+      const props = jsonSchema.properties as Record<string, any>;
+      const requiredSet = new Set(jsonSchema.required ?? []);
+
+      const uiOrder: string[] =
+        cap.action?.input?.ui?.order ??
+        (cap as any).data?.input?.ui?.order ??
+        Object.keys(props);
+
+      const ordered = [
+        ...uiOrder.filter((k: string) => k in props),
+        ...Object.keys(props).filter((k: string) => !uiOrder.includes(k)),
+      ];
+
+      for (const propName of ordered) {
+        if (SKIP_SCHEMA_FIELDS.has(propName)) continue;
+        addWidgetForJsonSchemaProp(
+          node,
+          propName,
+          props[propName],
+          requiredSet.has(propName),
+        );
+      }
+    }
+  }
+
+  node.setSize(node.computeSize());
+  if (node.graph) {
+    node.graph.setDirtyCanvas(true, true);
+  }
+}
+
+/**
+ * Convert the action_id string widget into a combo widget
+ * populated with live Lotus actions from the backend.
+ */
+async function populateActionCombo(node: any) {
+  const actions = await fetchActions();
+
+  const options = ["(select action)"];
+  for (const cap of actions) {
+    options.push(buildComboLabel(cap));
+  }
+
+  const existingIdx = (node.widgets ?? []).findIndex(
+    (w: any) => w.name === "action_id",
+  );
+
+  let prevValue = "";
+  if (existingIdx >= 0) {
+    prevValue = node.widgets[existingIdx].value ?? "";
+    node.widgets.splice(existingIdx, 1);
+  }
+
+  node.addWidget(
+    "combo",
+    "action_id",
+    options.includes(prevValue) ? prevValue : "(select action)",
+    (value: string) => {
+      onActionChanged(node, value);
+    },
+    { values: options },
+  );
+
+  if (existingIdx >= 0 && node.widgets.length > 1) {
+    const moved = node.widgets.pop();
+    node.widgets.splice(existingIdx, 0, moved);
+  }
+
+  node.setSize(node.computeSize());
+  if (node.graph) {
+    node.graph.setDirtyCanvas(true, true);
+  }
+}
+
+/** Handle action selection change */
+async function onActionChanged(node: any, value: string) {
+  clearDynamicWidgets(node);
+
+  const capId = extractCapId(value);
+  if (!capId) {
+    resetOutputLabels(node);
+    return;
+  }
+
+  const actions = await fetchActions();
+  const cap = actions.find((a) => a.id === capId);
+  if (!cap) {
+    console.warn(`[Embeddr Action] Capability '${capId}' not found`);
+    resetOutputLabels(node);
+    return;
+  }
+
+  (node as any)._embeddrActionCap = cap;
+  createDynamicInputs(node, cap);
+  updateOutputLabels(node, cap);
+
+  // Restore any saved widget values from payload_json
+  syncPayloadToDyn(node);
+}
+
+app.registerExtension({
+  name: "embeddr.dynamic_action",
+
+  async beforeRegisterNodeDef(nodeType: any, nodeData: any, _app: any) {
+    if (nodeData.name !== NODE_ID) return;
+
+    // ── Override serialize to pack dyn_ values into payload_json ──
+    const origSerialize = nodeType.prototype.serialize;
+    nodeType.prototype.serialize = function () {
+      syncDynToPayload(this);
+      return origSerialize?.apply(this, arguments);
+    };
+
+    // ── On node creation ──
+    const origOnNodeCreated = nodeType.prototype.onNodeCreated;
+    nodeType.prototype.onNodeCreated = function () {
+      const result = origOnNodeCreated?.apply(this, arguments);
+      populateActionCombo(this);
+      return result;
+    };
+
+    // ── On configure (loading saved graph) ──
+    const origOnConfigure = nodeType.prototype.onConfigure;
+    nodeType.prototype.onConfigure = function (data: any) {
+      const result = origOnConfigure?.apply(this, arguments);
+
+      populateActionCombo(this).then(() => {
+        const comboWidget = this.widgets?.find(
+          (w: any) => w.name === "action_id",
+        );
+        const val = comboWidget?.value;
+        if (val && val !== "(select action)" && val !== "") {
+          onActionChanged(this, val);
+        }
+      });
+
+      return result;
+    };
+  },
+});
diff --git a/ui/nodes/EmbeddrLoadArtifact.ts b/ui/nodes/EmbeddrLoadArtifact.ts
index c294dd0..fd505e3 100644
--- a/ui/nodes/EmbeddrLoadArtifact.ts
+++ b/ui/nodes/EmbeddrLoadArtifact.ts
@@ -1,5 +1,6 @@
 // @ts-ignore
 import { app } from "../../../scripts/app.js";
+import { EmbeddrDnDTypes } from "@embeddr/react-ui";
 import { registerNodeDragAndDrop } from "../utils/nodeDragAndDrop.js";
 
 app.registerExtension({
@@ -27,12 +28,42 @@ app.registerExtension({
 
       // Use utility to register drag and drop
       registerNodeDragAndDrop(nodeType, {
-        acceptTypes: ["embeddr/id"],
+        acceptTypes: [
+          EmbeddrDnDTypes.ARTIFACT_ID,
+          EmbeddrDnDTypes.IMAGE_ID,
+          EmbeddrDnDTypes.ARTIFACT,
+          "embeddr/id",
+          "embeddr/json",
+        ],
         onDrop: (e: DragEvent, node: any) => {
-          const id = e.dataTransfer?.getData("embeddr/id");
+          const dataTransfer = e.dataTransfer;
+          if (!dataTransfer) return false;
+
+          let id =
+            dataTransfer.getData(EmbeddrDnDTypes.ARTIFACT_ID) ||
+            dataTransfer.getData(EmbeddrDnDTypes.IMAGE_ID) ||
+            dataTransfer.getData("embeddr/id");
+
+          if (!id) {
+            const artifactRaw =
+              dataTransfer.getData(EmbeddrDnDTypes.ARTIFACT) ||
+              dataTransfer.getData("embeddr/json");
+            if (artifactRaw) {
+              try {
+                const parsed = JSON.parse(artifactRaw);
+                id =
+                  parsed?.id?.toString?.() ||
+                  parsed?.artifact_id?.toString?.() ||
+                  "";
+              } catch {
+                id = "";
+              }
+            }
+          }
+
           if (id) {
             const widget = node.widgets?.find(
-              (w: any) => w.name === "artifact_id"
+              (w: any) => w.name === "artifact_id",
             );
             if (widget) {
               widget.value = id;
diff --git a/ui/utils/themePacks.ts b/ui/utils/themePacks.ts
index cdabeb5..16e3f19 100644
--- a/ui/utils/themePacks.ts
+++ b/ui/utils/themePacks.ts
@@ -27,6 +27,146 @@ export type ThemePackIndex = {
 };
 
 const THEME_STYLE_ID = "embeddr-theme-pack-css";
+const THEME_BRIDGE_STYLE_ID = "embeddr-theme-pack-bridge";
+
+const TOKEN_FALLBACKS: Record<string, string[]> = {
+  "--background": ["--base-background", "--bg-color", "--content-bg"],
+  "--foreground": ["--base-foreground", "--fg-color", "--content-fg"],
+  "--primary": ["--primary-background", "--brand-blue", "--accent-primary"],
+  "--primary-foreground": ["--button-surface-contrast", "--base-foreground"],
+  "--secondary": [
+    "--secondary-background",
+    "--component-node-widget-background",
+  ],
+  "--secondary-foreground": ["--component-node-foreground", "--foreground"],
+  "--muted": ["--muted-background", "--component-node-widget-background"],
+  "--muted-foreground": [
+    "--text-secondary",
+    "--component-node-foreground-secondary",
+  ],
+  "--accent": ["--accent-background", "--component-node-surface"],
+  "--accent-foreground": ["--component-node-foreground", "--foreground"],
+  "--border": ["--border-default", "--node-component-border"],
+  "--input": ["--input-surface", "--component-node-widget-background"],
+  "--card": ["--component-node-background", "--node-component-surface"],
+  "--card-foreground": ["--component-node-foreground", "--foreground"],
+};
+
+const COMFY_MAPPINGS: Array<[string, string[]]> = [
+  ["--component-node-background", ["--card", "--background"]],
+  ["--component-node-border", ["--border", "--node-component-border"]],
+  ["--component-node-foreground", ["--card-foreground", "--foreground"]],
+  ["--component-node-foreground-secondary", ["--muted-foreground"]],
+  ["--component-node-widget-background", ["--secondary", "--input"]],
+  ["--component-node-widget-background-hovered", ["--accent", "--secondary"]],
+  ["--component-node-widget-background-selected", ["--accent", "--primary"]],
+  ["--component-node-widget-background-highlighted", ["--ring", "--primary"]],
+  ["--node-component-header-surface", ["--card", "--background"]],
+  ["--node-component-slot-text", ["--muted-foreground", "--foreground"]],
+  ["--node-component-border", ["--border"]],
+  ["--node-component-ring", ["--ring", "--primary"]],
+  ["--base-background", ["--background"]],
+  ["--base-foreground", ["--foreground"]],
+  ["--primary-background", ["--primary"]],
+  ["--primary-background-hover", ["--accent", "--primary"]],
+  ["--secondary-background", ["--secondary"]],
+  ["--secondary-background-hover", ["--accent", "--secondary"]],
+  ["--secondary-background-selected", ["--accent", "--primary"]],
+  ["--input-surface", ["--input", "--secondary"]],
+  ["--text-primary", ["--foreground"]],
+  ["--text-secondary", ["--muted-foreground", "--foreground"]],
+  ["--bg-color", ["--background"]],
+  ["--fg-color", ["--foreground"]],
+  ["--p-primary-color", ["--primary"]],
+  [
+    "--p-primary-hover-color",
+    ["--primary-background-hover", "--accent", "--primary"],
+  ],
+  [
+    "--p-primary-active-color",
+    ["--primary-background-hover", "--accent", "--primary"],
+  ],
+  ["--p-primary-contrast-color", ["--primary-foreground", "--foreground"]],
+  ["--p-surface-0", ["--background"]],
+  ["--p-surface-100", ["--card", "--secondary"]],
+  ["--p-surface-200", ["--secondary"]],
+  ["--p-surface-300", ["--secondary-background-hover", "--accent"]],
+  ["--p-surface-400", ["--secondary-background-selected", "--accent"]],
+  ["--p-surface-500", ["--muted"]],
+  ["--p-surface-600", ["--secondary-background-hover", "--accent"]],
+  ["--p-surface-700", ["--card", "--background"]],
+  ["--p-surface-800", ["--background"]],
+  ["--p-surface-900", ["--background"]],
+  ["--p-surface-950", ["--background"]],
+  ["--p-content-background", ["--card", "--background"]],
+  ["--p-content-color", ["--foreground"]],
+  ["--p-text-color", ["--foreground"]],
+  ["--p-text-muted-color", ["--muted-foreground"]],
+  ["--p-button-primary-background", ["--primary"]],
+  [
+    "--p-button-primary-hover-background",
+    ["--primary-background-hover", "--accent", "--primary"],
+  ],
+  [
+    "--p-button-primary-active-background",
+    ["--primary-background-hover", "--accent", "--primary"],
+  ],
+  ["--p-button-primary-border-color", ["--primary"]],
+  [
+    "--p-button-primary-hover-border-color",
+    ["--primary-background-hover", "--accent", "--primary"],
+  ],
+  [
+    "--p-button-primary-active-border-color",
+    ["--primary-background-hover", "--accent", "--primary"],
+  ],
+  ["--p-button-primary-color", ["--primary-foreground", "--foreground"]],
+  ["--p-button-primary-hover-color", ["--primary-foreground", "--foreground"]],
+  ["--p-button-primary-active-color", ["--primary-foreground", "--foreground"]],
+  ["--p-button-secondary-background", ["--secondary"]],
+  ["--p-button-secondary-hover-background", ["--accent", "--secondary"]],
+  ["--p-button-secondary-active-background", ["--accent", "--secondary"]],
+  ["--p-button-secondary-border-color", ["--border"]],
+  ["--p-button-secondary-hover-border-color", ["--border"]],
+  ["--p-button-secondary-active-border-color", ["--border"]],
+  ["--p-button-secondary-color", ["--secondary-foreground", "--foreground"]],
+  [
+    "--p-button-secondary-hover-color",
+    ["--secondary-foreground", "--foreground"],
+  ],
+  [
+    "--p-button-secondary-active-color",
+    ["--secondary-foreground", "--foreground"],
+  ],
+  ["--p-togglebutton-background", ["--secondary", "--input"]],
+  ["--p-togglebutton-border-color", ["--border"]],
+  ["--p-togglebutton-color", ["--foreground"]],
+  ["--p-togglebutton-hover-background", ["--accent", "--secondary"]],
+  ["--p-togglebutton-hover-border-color", ["--border"]],
+  ["--p-togglebutton-hover-color", ["--foreground"]],
+  [
+    "--p-togglebutton-checked-background",
+    ["--primary-background-hover", "--accent", "--primary"],
+  ],
+  [
+    "--p-togglebutton-checked-border-color",
+    ["--primary-background-hover", "--accent", "--primary"],
+  ],
+  ["--p-togglebutton-checked-color", ["--foreground"]],
+  [
+    "--p-togglebutton-checked-hover-background",
+    ["--primary-background-hover", "--accent", "--primary"],
+  ],
+  [
+    "--p-togglebutton-checked-hover-border-color",
+    ["--primary-background-hover", "--accent", "--primary"],
+  ],
+  ["--p-togglebutton-checked-hover-color", ["--foreground"]],
+  ["--p-form-field-background", ["--input", "--secondary"]],
+  ["--p-form-field-color", ["--foreground"]],
+  ["--p-form-field-border-color", ["--border"]],
+  ["--p-form-field-placeholder-color", ["--muted-foreground"]],
+];
 
 const buildThemeUrl = (apiBase: string) => {
   const trimmed = apiBase.replace(/\/+$/, "");
@@ -125,16 +265,66 @@ export function applyThemePackCss(pack?: ThemePack | null) {
   }
 }
 
-export function applyThemePackTokens(
-  targets: HTMLElement[],
+function selectTokenValue(
+  tokenMap: Record<string, string>,
+  keys: string[],
+): string | undefined {
+  for (const key of keys) {
+    const value = tokenMap[key];
+    if (typeof value === "string" && value.trim()) {
+      return value;
+    }
+  }
+  return undefined;
+}
+
+function resolveThemeTokens(
   pack: ThemePack | null | undefined,
   mode: "light" | "dark",
 ) {
-  if (!pack?.tokens) return [] as string[];
-  const tokens =
+  if (!pack?.tokens) return null;
+  const rawTokens =
     (mode === "dark" ? pack.tokens.dark : pack.tokens.light) ||
     pack.tokens.light ||
     pack.tokens.dark;
+  if (!rawTokens) return null;
+
+  const normalizedTokens = Object.fromEntries(
+    Object.entries(rawTokens).filter((entry): entry is [string, string] => {
+      const [key, value] = entry;
+      return typeof key === "string" && typeof value === "string";
+    }),
+  );
+
+  const withFallbacks: Record<string, string> = { ...normalizedTokens };
+  Object.entries(TOKEN_FALLBACKS).forEach(([target, fallbackKeys]) => {
+    if (withFallbacks[target]) return;
+    const resolved = selectTokenValue(withFallbacks, fallbackKeys);
+    if (resolved) {
+      withFallbacks[target] = resolved;
+    }
+  });
+
+  const translatedTokens: Record<string, string> = {};
+  COMFY_MAPPINGS.forEach(([target, candidateKeys]) => {
+    const resolved = selectTokenValue(withFallbacks, candidateKeys);
+    if (resolved) {
+      translatedTokens[target] = resolved;
+    }
+  });
+
+  return {
+    ...translatedTokens,
+    ...withFallbacks,
+  };
+}
+
+export function applyThemePackTokens(
+  targets: HTMLElement[],
+  pack: ThemePack | null | undefined,
+  mode: "light" | "dark",
+) {
+  const tokens = resolveThemeTokens(pack, mode);
   if (!tokens) return [] as string[];
   const keys = Object.keys(tokens);
   targets.forEach((target) => {
@@ -152,3 +342,75 @@ export function clearThemePackTokens(targets: HTMLElement[], keys: string[]) {
     keys.forEach((key) => target.style.removeProperty(key));
   });
 }
+
+export function applyThemePackComfyBridge(enabled: boolean) {
+  if (typeof document === "undefined") return;
+  const existing = document.getElementById(THEME_BRIDGE_STYLE_ID);
+  if (existing?.parentElement) {
+    existing.parentElement.removeChild(existing);
+  }
+  if (!enabled) return;
+
+  const style = document.createElement("style");
+  style.id = THEME_BRIDGE_STYLE_ID;
+  style.textContent = `
+html[data-embeddr-theme-pack] .lg-node,
+html[data-embeddr-theme-pack] .comfy-menu,
+html[data-embeddr-theme-pack] .comfyui-body-top,
+html[data-embeddr-theme-pack] .comfyui-body-bottom {
+  background: var(--component-node-background, var(--card, var(--background))) !important;
+  color: var(--component-node-foreground, var(--foreground)) !important;
+  border-color: var(--component-node-border, var(--border)) !important;
+}
+
+html[data-embeddr-theme-pack] .lg-node-header {
+  background: var(--node-component-header-surface, var(--component-node-background, var(--card))) !important;
+  color: var(--node-component-slot-text, var(--foreground)) !important;
+  border-color: var(--component-node-border, var(--border)) !important;
+}
+
+html[data-embeddr-theme-pack] .text-node-component-slot-text,
+html[data-embeddr-theme-pack] .node-title,
+html[data-embeddr-theme-pack] .comfy-menu button,
+html[data-embeddr-theme-pack] .comfy-menu label {
+  color: var(--node-component-slot-text, var(--foreground)) !important;
+}
+
+html[data-embeddr-theme-pack] .p-button.p-button-primary,
+html[data-embeddr-theme-pack] .p-splitbutton .p-button-primary {
+  background: var(--p-button-primary-background, var(--primary-background, var(--primary))) !important;
+  border-color: var(--p-button-primary-border-color, var(--primary-background, var(--primary))) !important;
+  color: var(--p-button-primary-color, var(--primary-foreground, var(--foreground))) !important;
+}
+
+html[data-embeddr-theme-pack] .p-button.p-button-primary:hover,
+html[data-embeddr-theme-pack] .p-splitbutton .p-button-primary:hover {
+  background: var(--p-button-primary-hover-background, var(--primary-background-hover, var(--primary-background, var(--primary)))) !important;
+  border-color: var(--p-button-primary-hover-border-color, var(--primary-background-hover, var(--primary-background, var(--primary)))) !important;
+}
+
+html[data-embeddr-theme-pack] .p-togglebutton,
+html[data-embeddr-theme-pack] .p-togglebutton .p-togglebutton-content {
+  color: var(--p-togglebutton-color, var(--foreground)) !important;
+}
+
+html[data-embeddr-theme-pack] .p-togglebutton.p-togglebutton-checked,
+html[data-embeddr-theme-pack] .p-togglebutton.p-togglebutton-checked .p-togglebutton-content,
+html[data-embeddr-theme-pack] .p-togglebutton.p-togglebutton-checked:hover,
+html[data-embeddr-theme-pack] .p-togglebutton.p-togglebutton-checked:focus,
+html[data-embeddr-theme-pack] .p-togglebutton.p-togglebutton-checked:active {
+  background: var(--p-togglebutton-checked-background, var(--primary-background-hover, var(--accent, var(--primary)))) !important;
+  border-color: var(--p-togglebutton-checked-border-color, var(--primary-background-hover, var(--accent, var(--primary)))) !important;
+  color: var(--p-togglebutton-checked-color, var(--foreground)) !important;
+}
+
+html[data-embeddr-theme-pack] .p-inputtext,
+html[data-embeddr-theme-pack] .p-select,
+html[data-embeddr-theme-pack] .p-inputnumber-input {
+  background: var(--p-form-field-background, var(--input-surface, var(--input))) !important;
+  border-color: var(--p-form-field-border-color, var(--border)) !important;
+  color: var(--p-form-field-color, var(--foreground)) !important;
+}
+`;
+  document.head.appendChild(style);
+}
diff --git a/vite.config.mts b/vite.config.mts
index 984c255..0fdb9c6 100644
--- a/vite.config.mts
+++ b/vite.config.mts
@@ -89,6 +89,9 @@ export default defineConfig({
       "@": fileURLToPath(new URL("./ui", import.meta.url)),
       "@components": path.resolve(__dirname, "ui/components"),
       "@hooks": path.resolve(__dirname, "ui/hooks"),
+      "@embeddr/client-typescript": fileURLToPath(
+        new URL("../clients/client-typescript/src", import.meta.url),
+      ),
     },
   },
   define: {

From 158bb0fa05e7493329cf741074027452435a66bd Mon Sep 17 00:00:00 2001
From: Nynxz <contact@nynxz.com>
Date: Thu, 26 Mar 2026 17:46:14 +1000
Subject: [PATCH 5/9] checkpoint: pre release

---
 LICENSE.md => LICENSE                 |    0
 __init__.py                           |  313 ++++-
 nodes/utils/api.py                    |   54 +-
 package.json                          |    1 +
 ui/components/ZenShell.tsx            | 1802 +++++++++++++++++++------
 ui/components/panels/ImageDetails.tsx |  904 ++++++++++---
 ui/components/tabs/ExploreTab.tsx     |   10 +-
 ui/components/tabs/SettingsForm.tsx   |  236 +++-
 ui/components/ui/ImageGrid.tsx        |   23 +-
 ui/components/ui/SearchBar.tsx        |    4 +-
 ui/hooks/useEmbeddrCollections.ts     |   26 +-
 ui/hooks/useEmbeddrImages.ts          |  233 ++--
 ui/hooks/useEmbeddrLibraries.ts       |   39 +-
 ui/hooks/useEmbeddrSettings.ts        |    4 +
 ui/main.tsx                           |  219 ++-
 ui/types.ts                           |    2 +-
 ui/utils/themePacks.ts                |   15 +
 vite.config.mts                       |   43 +-
 18 files changed, 3141 insertions(+), 787 deletions(-)
 rename LICENSE.md => LICENSE (100%)

diff --git a/LICENSE.md b/LICENSE
similarity index 100%
rename from LICENSE.md
rename to LICENSE
diff --git a/__init__.py b/__init__.py
index 1c3ec12..fe3c0ab 100644
--- a/__init__.py
+++ b/__init__.py
@@ -1,10 +1,19 @@
 import os
 import json
 import aiohttp
+import mimetypes
+import re
+import tempfile
 from aiohttp import web
+from pathlib import Path
 from server import PromptServer
 from comfy_api.latest import ComfyExtension, io
 
+try:
+    import folder_paths
+except Exception:
+    folder_paths = None
+
 from .nodes.EmbeddrUploadArtifact import EmbeddrUploadArtifactNode
 from .nodes.EmbeddrLoadArtifact import EmbeddrLoadArtifactNode
 from .nodes.EmbeddrLoadArtifacts import EmbeddrLoadArtifactsNode
@@ -58,6 +67,154 @@ def _normalize_base_url(url: str | None, default: str = "http://localhost:8003")
     return clean.rstrip("/")
 
 
+def _sanitize_filename(value: str | None, fallback: str) -> str:
+    candidate = Path(str(value or "").strip()).name
+    cleaned = re.sub(r"[^A-Za-z0-9._-]+", "_", candidate).strip("._")
+    return cleaned or fallback
+
+
+def _candidate_library_roots(library_kind: str) -> list[Path]:
+    normalized = str(library_kind or "loras").strip().lower() or "loras"
+    candidates: list[Path] = []
+
+    if folder_paths is not None:
+        getter = getattr(folder_paths, "get_folder_paths", None)
+        if callable(getter):
+            try:
+                values = getter(normalized)
+                if isinstance(values, (list, tuple, set)):
+                    candidates.extend(Path(str(item)).expanduser() for item in values if item)
+                elif values:
+                    candidates.append(Path(str(values)).expanduser())
+            except Exception:
+                pass
+
+        mapping = getattr(folder_paths, "folder_names_and_paths", None)
+        if isinstance(mapping, dict):
+            entry = mapping.get(normalized)
+            roots = None
+            if isinstance(entry, tuple) and entry:
+                roots = entry[0]
+            elif isinstance(entry, (list, tuple, set)):
+                roots = entry
+            if isinstance(roots, (list, tuple, set)):
+                candidates.extend(Path(str(item)).expanduser() for item in roots if item)
+            elif roots:
+                candidates.append(Path(str(roots)).expanduser())
+
+        models_dir = getattr(folder_paths, "models_dir", None)
+        if models_dir:
+            candidates.append(Path(str(models_dir)).expanduser() / normalized)
+
+    deduped: list[Path] = []
+    seen = set()
+    for candidate in candidates:
+        try:
+            resolved = candidate.expanduser().resolve(strict=False)
+        except Exception:
+            resolved = candidate.expanduser()
+        key = str(resolved)
+        if not key or key in seen:
+            continue
+        seen.add(key)
+        deduped.append(resolved)
+    return deduped
+
+
+def _guess_install_filename(
+    artifact_payload: dict,
+    *,
+    artifact_id: str,
+    file_name_override: str | None = None,
+) -> str:
+    metadata = artifact_payload.get("metadata_json") if isinstance(artifact_payload, dict) else {}
+    metadata = metadata if isinstance(metadata, dict) else {}
+    comfy_meta = metadata.get("comfyui") if isinstance(metadata.get("comfyui"), dict) else {}
+    civitai_meta = metadata.get("civitai") if isinstance(metadata.get("civitai"), dict) else {}
+
+    fallback_name = f"{artifact_id}.bin"
+    candidates = [
+        file_name_override,
+        comfy_meta.get("suggested_filename"),
+        metadata.get("filename"),
+        Path(str(civitai_meta.get("local_path") or "")).name if civitai_meta.get("local_path") else None,
+        metadata.get("name"),
+    ]
+
+    selected = next((value for value in candidates if str(value or "").strip()), None)
+    file_name = _sanitize_filename(selected, fallback_name)
+    if Path(file_name).suffix:
+        return file_name
+
+    format_hint = str(metadata.get("format") or "").strip().lower()
+    ext_map = {
+        "safetensor": ".safetensors",
+        "safetensors": ".safetensors",
+        "ckpt": ".ckpt",
+        "pt": ".pt",
+        "pth": ".pth",
+        "bin": ".bin",
+        "onnx": ".onnx",
+    }
+    suffix = ext_map.get(format_hint)
+    if not suffix:
+        guessed = mimetypes.guess_extension(str(artifact_payload.get("content_type") or "").split(";", 1)[0].strip())
+        suffix = guessed or ".bin"
+    return f"{file_name}{suffix}"
+
+
+def _build_sidecar_metadata(artifact_payload: dict, target_path: Path) -> dict:
+    metadata = artifact_payload.get("metadata_json") if isinstance(artifact_payload, dict) else {}
+    metadata = metadata if isinstance(metadata, dict) else {}
+    civitai_meta = metadata.get("civitai") if isinstance(metadata.get("civitai"), dict) else {}
+    size_bytes = metadata.get("size_bytes")
+    size_kb = None
+    try:
+        size_kb = float(size_bytes) / 1024 if size_bytes is not None else None
+    except Exception:
+        size_kb = None
+
+    installed_at = None
+    try:
+        installed_at = target_path.stat().st_mtime
+    except Exception:
+        installed_at = None
+
+    file_name = target_path.name
+    sidecar = {
+        "file_path": str(target_path),
+        "model_name": metadata.get("name") or civitai_meta.get("model_name"),
+        "base_model": metadata.get("base_model_name"),
+        "from_civitai": metadata.get("source") == "civitai",
+        "metadata_source": "embeddr-sync",
+        "size": size_bytes,
+        "modified": installed_at,
+        "downloadUrl": civitai_meta.get("download_url"),
+        "civitai": {
+            "name": metadata.get("name"),
+            "baseModel": metadata.get("base_model_name"),
+            "downloadUrl": civitai_meta.get("download_url"),
+            "model": {
+                "name": civitai_meta.get("model_name") or metadata.get("name"),
+                "baseModel": metadata.get("base_model_name"),
+                "type": civitai_meta.get("model_type"),
+            },
+            "files": [
+                {
+                    "name": file_name,
+                    "type": metadata.get("format"),
+                    "sizeKB": size_kb,
+                    "downloadUrl": civitai_meta.get("download_url"),
+                }
+            ],
+            "images": [],
+            "stats": {},
+            "creator": {},
+        },
+    }
+    return sidecar
+
+
 @PromptServer.instance.routes.get("/embeddr/proxy")
 @PromptServer.instance.routes.post("/embeddr/proxy")
 @PromptServer.instance.routes.put("/embeddr/proxy")
@@ -158,12 +315,15 @@ async def get_config(request):
     grid_preview_contain = config.get("grid_preview_contain", False)
     api_key = config.get("api_key", "")
 
+    auth_salt = config.get("auth_salt", os.environ.get("EMBEDDR_AUTH_SALT", ""))
+
     # Return key for UI so frontend can make authorized requests
     return web.json_response({
         "endpoint": endpoint,
         "mode": mode,
         "grid_preview_contain": grid_preview_contain,
-        "api_key": api_key
+        "api_key": api_key,
+        "auth_salt": auth_salt,
     })
 
 
@@ -230,6 +390,157 @@ async def embeddr_health(request):
             )
 
 
+@PromptServer.instance.routes.post("/embeddr/install-artifact")
+async def install_artifact(request):
+    try:
+        payload = await request.json()
+        if not isinstance(payload, dict):
+            payload = {}
+    except Exception as exc:
+        return web.json_response({"ok": False, "error": str(exc)}, status=400)
+
+    artifact_id = str(payload.get("artifact_id") or "").strip()
+    if not artifact_id:
+        return web.json_response(
+            {"ok": False, "error": "artifact_id_required"},
+            status=400,
+        )
+
+    library_kind = str(payload.get("library_kind") or "loras").strip().lower() or "loras"
+    overwrite = bool(payload.get("overwrite"))
+    file_name_override = payload.get("file_name")
+
+    roots = _candidate_library_roots(library_kind)
+    if not roots:
+        return web.json_response(
+            {
+                "ok": False,
+                "error": "library_root_not_found",
+                "message": f"Could not resolve a ComfyUI library root for '{library_kind}'.",
+            },
+            status=500,
+        )
+
+    target_root = roots[0]
+    target_root.mkdir(parents=True, exist_ok=True)
+
+    config = _load_config()
+    base_url = _normalize_base_url(config.get("endpoint") or os.environ.get("EMBEDDR_BACKEND_URL"))
+    api_key = config.get("api_key", "")
+    headers = {"X-API-Key": api_key} if api_key else {}
+
+    metadata_url = f"{base_url}/api/v1/artifacts/{artifact_id}"
+    content_url = f"{base_url}/api/v1/artifacts/{artifact_id}/content?proxy=1"
+
+    timeout = aiohttp.ClientTimeout(total=None, connect=15, sock_read=300)
+    async with aiohttp.ClientSession(timeout=timeout) as session:
+        async with session.get(metadata_url, headers=headers) as response:
+            if response.status >= 400:
+                detail = await response.text()
+                return web.json_response(
+                    {
+                        "ok": False,
+                        "error": "artifact_lookup_failed",
+                        "status": response.status,
+                        "detail": detail,
+                    },
+                    status=response.status,
+                )
+            try:
+                artifact_payload = await response.json()
+            except Exception:
+                artifact_payload = {}
+
+        file_name = _guess_install_filename(
+            artifact_payload,
+            artifact_id=artifact_id,
+            file_name_override=file_name_override,
+        )
+        target_path = target_root / file_name
+        sidecar_path = target_path.with_name(f"{target_path.stem}.metadata.json")
+
+        if target_path.exists() and not overwrite:
+            return web.json_response(
+                {
+                    "ok": True,
+                    "cached": True,
+                    "artifact_id": artifact_id,
+                    "library_kind": library_kind,
+                    "file_name": target_path.name,
+                    "local_path": str(target_path),
+                    "sidecar_path": str(sidecar_path) if sidecar_path.exists() else None,
+                    "message": "File already present on this instance.",
+                }
+            )
+
+        tmp_fd, tmp_name = tempfile.mkstemp(
+            prefix="embeddr-sync-",
+            suffix=target_path.suffix or ".bin",
+            dir=str(target_root),
+        )
+        os.close(tmp_fd)
+        tmp_path = Path(tmp_name)
+
+        try:
+            async with session.get(content_url, headers=headers) as response:
+                if response.status >= 400:
+                    detail = await response.text()
+                    return web.json_response(
+                        {
+                            "ok": False,
+                            "error": "artifact_download_failed",
+                            "status": response.status,
+                            "detail": detail,
+                        },
+                        status=response.status,
+                    )
+
+                bytes_written = 0
+                with tmp_path.open("wb") as handle:
+                    async for chunk in response.content.iter_chunked(1024 * 256):
+                        if not chunk:
+                            continue
+                        handle.write(chunk)
+                        bytes_written += len(chunk)
+
+            target_path.parent.mkdir(parents=True, exist_ok=True)
+            os.replace(tmp_path, target_path)
+        finally:
+            if tmp_path.exists():
+                try:
+                    tmp_path.unlink()
+                except Exception:
+                    pass
+
+    sidecar_payload = _build_sidecar_metadata(artifact_payload, target_path)
+    try:
+        with sidecar_path.open("w", encoding="utf-8") as handle:
+            json.dump(sidecar_payload, handle, indent=2)
+    except Exception as exc:
+        return web.json_response(
+            {
+                "ok": False,
+                "error": "sidecar_write_failed",
+                "detail": str(exc),
+                "local_path": str(target_path),
+            },
+            status=500,
+        )
+
+    return web.json_response(
+        {
+            "ok": True,
+            "cached": False,
+            "artifact_id": artifact_id,
+            "library_kind": library_kind,
+            "file_name": target_path.name,
+            "local_path": str(target_path),
+            "sidecar_path": str(sidecar_path),
+            "message": f"Installed {target_path.name} into {library_kind}.",
+        }
+    )
+
+
 class EmbeddrComfyUIExtension(ComfyExtension):
     async def get_node_list(self) -> list[type[io.ComfyNode]]:
         return [
diff --git a/nodes/utils/api.py b/nodes/utils/api.py
index 18dcf19..52f2d8a 100644
--- a/nodes/utils/api.py
+++ b/nodes/utils/api.py
@@ -1,32 +1,36 @@
 import requests
-from .config import get_embeddr_base_url, get_auth_headers
 
+from .config import get_auth_headers, get_embeddr_base_url
 
-def get_libraries():
+
+def _fetch_collection_options(category: str | None = None) -> list[str]:
     try:
-        base_url = get_embeddr_base_url()
-        api_url = f"{base_url}/api/v1/libraries"
-        response = requests.get(api_url, headers=get_auth_headers())
-        if response.status_code == 200:
-            data = response.json()
-            # Return list of names, but we might need IDs.
-            # ComfyUI Combo inputs usually take a list of strings.
-            # We can format as "Name (ID)" or just names if unique.
-            # Let's return a list of strings formatted as "ID: Name" for easy parsing
-            return [f"{lib['id']}: {lib['name']}" for lib in data]
-    except Exception as e:
-        print(f"[Embeddr] Failed to fetch libraries: {e}")
-    return []
+        base_url = get_embeddr_base_url().rstrip("/")
+        api_url = f"{base_url}/api/v1/collections"
+        params = {"category": category} if category else None
+        response = requests.get(api_url, params=params, headers=get_auth_headers())
+        response.raise_for_status()
+
+        data = response.json()
+        items = data if isinstance(data, list) else data.get("items") or []
+        out: list[str] = []
+        for item in items:
+            if not isinstance(item, dict):
+                continue
+            item_id = str(item.get("id") or "").strip()
+            label = str(item.get("label") or item.get("name") or "").strip()
+            if not item_id or not label:
+                continue
+            out.append(f"{item_id}: {label}")
+        return out
+    except Exception as exc:
+        print(f"[Embeddr] Failed to fetch collections(category={category}): {exc}")
+        return []
+
+
+def get_libraries():
+    return _fetch_collection_options("library")
 
 
 def get_collections():
-    try:
-        base_url = get_embeddr_base_url()
-        api_url = f"{base_url}/api/v1/collections"
-        response = requests.get(api_url, headers=get_auth_headers())
-        if response.status_code == 200:
-            data = response.json()
-            return [f"{col['id']}: {col['name']}" for col in data]
-    except Exception as e:
-        print(f"[Embeddr] Failed to fetch collections: {e}")
-    return []
+    return _fetch_collection_options()
diff --git a/package.json b/package.json
index b04d9a2..ec67a70 100644
--- a/package.json
+++ b/package.json
@@ -47,6 +47,7 @@
     "react-dom": "^19.2.1",
     "recharts": "^2.13.0",
     "shadcn": "^3.6.2",
+    "three": "^0.182.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.17"
diff --git a/ui/components/ZenShell.tsx b/ui/components/ZenShell.tsx
index 727e12a..260931f 100644
--- a/ui/components/ZenShell.tsx
+++ b/ui/components/ZenShell.tsx
@@ -1,13 +1,20 @@
-import React, { useEffect, useState, useMemo, useCallback } from "react";
+import React, {
+  useEffect,
+  useState,
+  useMemo,
+  useCallback,
+  useDeferredValue,
+} from "react";
 import type { EmbeddrAPI } from "@embeddr/react-ui/types";
+import { useEmbeddrAPI } from "@embeddr/react-ui/context";
 import {
   ZenPanelManagerCore,
+  ZenDraggablePanel,
   useZenWindowStore,
   usePluginRegistry,
   loadExternalPlugins,
   DynamicPluginComponent,
   PluginErrorBoundary,
-  type PluginManifest,
   type ZenWindowRendererProps,
   EmbeddrProvider,
   type PluginLoaderAdapter,
@@ -17,25 +24,86 @@ import {
 } from "@embeddr/zen-shell";
 import { useEmbeddrApi } from "../hooks/useEmbeddrApi";
 import {
-  Terminal,
-  Grid,
-  Maximize2,
   Minimize2,
   X,
   Play,
   RefreshCw,
   LayoutTemplate,
+  Search,
+  AppWindow,
+  RotateCcw,
+  ExternalLink,
 } from "lucide-react";
 import { Button } from "@embeddr/react-ui/components/ui";
-import { cn } from "@embeddr/react-ui";
+import { Badge, Input, ScrollArea, Separator, cn } from "@embeddr/react-ui";
 
 const PANEL_SAFE_AREA = { top: 8, right: 8, bottom: 8, left: 8 };
 
-const clamp = (value: number, min: number, max: number) => {
-  if (max < min) return min;
-  return Math.min(Math.max(value, min), max);
+type PersistedZenWindowStore = typeof useZenWindowStore & {
+  persist?: {
+    hasHydrated?: () => boolean;
+    onFinishHydration?: (listener: () => void) => () => void;
+  };
+};
+
+const zenWindowStoreWithPersist =
+  useZenWindowStore as PersistedZenWindowStore;
+
+type LauncherComponentEntry = {
+  pluginId: string;
+  pluginLabel: string;
+  componentId: string;
+  title: string;
+  subtitle: string;
+  component: any;
+};
+
+type LauncherWindowEntry = {
+  id: string;
+  title: string;
+  subtitle: string;
+  componentId: string;
+  groupHostId?: string;
+  isPinned: boolean;
+  tabsCount: number;
+  orderIndex: number;
 };
 
+type LauncherSearchResult =
+  | {
+      key: string;
+      kind: "open";
+      score: number;
+      entry: LauncherWindowEntry;
+    }
+  | {
+      key: string;
+      kind: "minimized";
+      score: number;
+      entry: LauncherWindowEntry;
+    }
+  | {
+      key: string;
+      kind: "component";
+      score: number;
+      entry: LauncherComponentEntry;
+    };
+
+function normalizeLauncherText(value: string) {
+  return value.toLowerCase().trim();
+}
+
+function scoreLauncherMatch(values: Array<string | undefined>, query: string) {
+  const normalizedQuery = normalizeLauncherText(query);
+  if (!normalizedQuery) return 1;
+
+  const haystacks = values.map((value) => normalizeLauncherText(value || ""));
+  if (haystacks.some((value) => value === normalizedQuery)) return 100;
+  if (haystacks.some((value) => value.startsWith(normalizedQuery))) return 80;
+  if (haystacks.some((value) => value.includes(normalizedQuery))) return 60;
+  return 0;
+}
+
 // Helper to resolve component ID to plugin and component name
 function resolveComponentId(fullId: string, plugins: Record<string, any>) {
   if (!fullId) return null;
@@ -78,14 +146,20 @@ function resolveComponentId(fullId: string, plugins: Record<string, any>) {
 const CustomWindowRenderer = React.memo((props: ZenWindowRendererProps) => {
   const { id, windowState, isActive } = props;
   const { plugins } = usePluginRegistry();
-  const api = useEmbeddrApi();
+  const baseApi = useEmbeddrAPI();
   const updateWindow = useZenWindowStore((s) => s.updateWindow);
-  const baseApi = useMemo(() => createEmbeddrApiAdapter(api), [api]);
 
   const resolved = useMemo(
     () => resolveComponentId(windowState.componentId, plugins),
     [windowState.componentId, plugins],
   );
+  const panelProps = useMemo(
+    () => ({
+      ...(resolved?.def?.props ?? {}),
+      ...(windowState.props ?? {}),
+    }),
+    [resolved?.def?.props, windowState.props],
+  );
 
   const handleClose = useCallback(() => {
     useZenWindowStore.getState().closeWindow(id);
@@ -95,15 +169,75 @@ const CustomWindowRenderer = React.memo((props: ZenWindowRendererProps) => {
     useZenWindowStore.getState().bringToFront(id);
   }, [id]);
 
+  const handleMinimize = useCallback(() => {
+    useZenWindowStore.getState().minimizeWindow(id);
+  }, [id]);
+
+  const handlePinChange = useCallback(() => {
+    useZenWindowStore.getState().togglePin(id);
+  }, [id]);
+
+  const defaultPosition =
+    windowState.position ||
+    panelProps.defaultPosition || { x: 100, y: 100 };
+  const defaultSize =
+    windowState.size || panelProps.defaultSize || { width: 500, height: 400 };
+  const panelMeta = useMemo(
+    () => ({
+      id,
+      defaultPosition,
+      isActive,
+    }),
+    [defaultPosition, id, isActive],
+  );
+  const panelClassName =
+    typeof panelProps.className === "string"
+      ? panelProps.className
+      : undefined;
+  const hideHeader = Boolean(panelProps.hideHeader);
+  const transparent = Boolean(panelProps.transparent);
+  const panelPluginId = resolved?.pluginId || "unknown";
+  const panelComponentName = resolved?.componentName || windowState.componentId;
+  const resolvedPanelClassName = cn(
+    panelClassName,
+    "embeddr-panel",
+    `embeddr-panel-${panelPluginId.replace(/[^a-zA-Z0-9]/g, "-")}`,
+    `embeddr-component-${panelComponentName.replace(/[^a-zA-Z0-9]/g, "-")}`,
+  );
+  const panelContentId = `panel-content-${panelPluginId.replace(/[^a-zA-Z0-9]/g, "-")}-${panelComponentName.replace(/[^a-zA-Z0-9]/g, "-")}`;
+  const pluginApi = useMemo(
+    () =>
+      resolved ? extendApiForPlugin(baseApi, resolved.pluginId) : baseApi,
+    [baseApi, resolved?.pluginId],
+  );
+  const GlobalEmbeddrProvider =
+    (window as any).EmbeddrUI?.EmbeddrProvider || EmbeddrProvider;
+
   if (!resolved) {
     return (
       <div style={{ pointerEvents: "auto" }}>
         <ZenDraggablePanel
           id={id}
           title="Error"
+          isOpen={true}
           onClose={handleClose}
-          defaultPosition={{ x: 100, y: 100 }}
-          defaultSize={{ width: 300, height: 100 }}
+          onMinimize={handleMinimize}
+          pinned={windowState.isPinned}
+          onPinChange={handlePinChange}
+          defaultPosition={defaultPosition}
+          defaultSize={defaultSize}
+          position={windowState.position}
+          size={windowState.size}
+          onPositionChange={(pos) => updateWindow(id, { position: pos })}
+          onSizeChange={(next) => updateWindow(id, { size: next })}
+          zIndex={props.zIndex}
+          isActive={isActive}
+          onMouseDown={handleFocus}
+          hideHeader={hideHeader}
+          transparent={transparent}
+          className={resolvedPanelClassName}
+          openRevision={windowState.openRevision}
+          resetUiOnOpen={Boolean(panelProps.resetUiOnOpen)}
         >
           <div className="p-4 text-destructive space-y-2">
             <div className="font-bold">Component Not Found</div>
@@ -120,308 +254,98 @@ const CustomWindowRenderer = React.memo((props: ZenWindowRendererProps) => {
   return (
     <div style={{ pointerEvents: "auto" }}>
       <WindowErrorBoundary
+        windowId={id}
         title={
           windowState.title || resolved.def?.label || resolved.componentName
         }
         onClose={handleClose}
+        onMinimize={handleMinimize}
+        onPinChange={handlePinChange}
+        onFocus={handleFocus}
         position={windowState.position}
         size={windowState.size}
+        defaultPosition={defaultPosition}
+        defaultSize={defaultSize}
+        isActive={isActive}
+        zIndex={props.zIndex}
+        pinned={windowState.isPinned}
+        hideHeader={hideHeader}
+        transparent={transparent}
+        className={resolvedPanelClassName}
       >
-        {(() => {
-          const pluginApi = extendApiForPlugin(baseApi, resolved.pluginId);
-          const GlobalEmbeddrProvider =
-            (window as any).EmbeddrUI?.EmbeddrProvider || EmbeddrProvider;
-          return (
-            <BasicWindowPanel
-              id={id}
-              title={
-                windowState.title ||
-                resolved.def?.label ||
-                resolved.componentName
-              }
-              position={windowState.position}
-              size={windowState.size}
-              isActive={isActive}
-              zIndex={props.zIndex}
-              onClose={handleClose}
-              onMouseDown={handleFocus}
-              onPositionChange={(pos) => updateWindow(id, { position: pos })}
-              onSizeChange={(next) => updateWindow(id, { size: next })}
-            >
-              <GlobalEmbeddrProvider api={pluginApi}>
-                <PluginErrorBoundary
+        <ZenDraggablePanel
+          id={id}
+          title={
+            windowState.title ||
+            resolved.def?.label ||
+            resolved.componentName
+          }
+          isOpen={true}
+          onMinimize={handleMinimize}
+          pinned={windowState.isPinned}
+          onPinChange={handlePinChange}
+          defaultPosition={defaultPosition}
+          defaultSize={defaultSize}
+          position={windowState.position}
+          size={windowState.size}
+          isActive={isActive}
+          zIndex={props.zIndex}
+          onClose={handleClose}
+          onMouseDown={handleFocus}
+          onPositionChange={(pos) => updateWindow(id, { position: pos })}
+          onSizeChange={(next) => updateWindow(id, { size: next })}
+          hideHeader={hideHeader}
+          transparent={transparent}
+          className={resolvedPanelClassName}
+          openRevision={windowState.openRevision}
+          resetUiOnOpen={Boolean(panelProps.resetUiOnOpen)}
+        >
+          <div
+            id={panelContentId}
+            className="embeddr-panel-content h-full w-full min-h-0 overflow-hidden embeddr-plugin-scope @container [container-name:panel] relative"
+          >
+            <GlobalEmbeddrProvider api={pluginApi}>
+              <PluginErrorBoundary
+                pluginId={resolved.pluginId}
+                componentName={resolved.componentName}
+              >
+                <DynamicPluginComponent
                   pluginId={resolved.pluginId}
                   componentName={resolved.componentName}
-                >
-                  <DynamicPluginComponent
-                    pluginId={resolved.pluginId}
-                    componentName={resolved.componentName}
-                    api={pluginApi}
-                    windowId={id}
-                    isActive={isActive}
-                    {...windowState.props}
-                  />
-                </PluginErrorBoundary>
-              </GlobalEmbeddrProvider>
-            </BasicWindowPanel>
-          );
-        })()}
+                  api={pluginApi}
+                  windowId={id}
+                  isActive={isActive}
+                  openRevision={windowState.openRevision}
+                  panel={panelMeta}
+                  {...panelProps}
+                />
+              </PluginErrorBoundary>
+            </GlobalEmbeddrProvider>
+          </div>
+        </ZenDraggablePanel>
       </WindowErrorBoundary>
     </div>
   );
 });
 
-function BasicWindowPanel({
-  id,
-  title,
-  position,
-  size,
-  isActive,
-  zIndex,
-  onClose,
-  onMouseDown,
-  onPositionChange,
-  onSizeChange,
-  children,
-}: {
-  id: string;
-  title: string;
-  position?: { x: number; y: number };
-  size?: { width: number; height: number };
-  isActive?: boolean;
-  zIndex?: number;
-  onClose: () => void;
-  onMouseDown?: (event: React.MouseEvent) => void;
-  onPositionChange?: (pos: { x: number; y: number }) => void;
-  onSizeChange?: (size: { width: number; height: number }) => void;
-  children: React.ReactNode;
-}) {
-  const [pos, setPos] = useState(position || { x: 100, y: 100 });
-  const [dimensions, setDimensions] = useState(
-    size || { width: 500, height: 400 },
-  );
-  const dragRef = React.useRef<{
-    startX: number;
-    startY: number;
-    pointerId: number;
-  } | null>(null);
-  const resizeRef = React.useRef<{
-    startX: number;
-    startY: number;
-    startW: number;
-    startH: number;
-    pointerId: number;
-  } | null>(null);
-
-  useEffect(() => {
-    if (position) setPos(position);
-  }, [position?.x, position?.y]);
-
-  useEffect(() => {
-    if (size) setDimensions(size);
-  }, [size?.width, size?.height]);
-
-  const handlePointerDown = (event: React.PointerEvent) => {
-    event.stopPropagation();
-    onMouseDown?.(event as unknown as React.MouseEvent);
-    dragRef.current = {
-      startX: event.clientX - pos.x,
-      startY: event.clientY - pos.y,
-      pointerId: event.pointerId,
-    };
-  };
-
-  const handlePointerMove = useCallback(
-    (event: PointerEvent) => {
-      if (!dragRef.current || dragRef.current.pointerId !== event.pointerId) {
-        return;
-      }
-      const maxX = window.innerWidth - dimensions.width - PANEL_SAFE_AREA.right;
-      const maxY =
-        window.innerHeight - dimensions.height - PANEL_SAFE_AREA.bottom;
-      const next = {
-        x: clamp(
-          event.clientX - dragRef.current.startX,
-          PANEL_SAFE_AREA.left,
-          maxX,
-        ),
-        y: clamp(
-          event.clientY - dragRef.current.startY,
-          PANEL_SAFE_AREA.top,
-          maxY,
-        ),
-      };
-      setPos(next);
-    },
-    [dimensions.height, dimensions.width],
-  );
-
-  const handlePointerUp = useCallback(
-    (event: PointerEvent) => {
-      if (!dragRef.current || dragRef.current.pointerId !== event.pointerId) {
-        return;
-      }
-      dragRef.current = null;
-      onPositionChange?.(pos);
-    },
-    [onPositionChange, pos],
-  );
-
-  const handleResizeDown = (event: React.PointerEvent) => {
-    event.stopPropagation();
-    resizeRef.current = {
-      startX: event.clientX,
-      startY: event.clientY,
-      startW: dimensions.width,
-      startH: dimensions.height,
-      pointerId: event.pointerId,
-    };
-  };
-
-  const handleResizeMove = useCallback(
-    (event: PointerEvent) => {
-      if (
-        !resizeRef.current ||
-        resizeRef.current.pointerId !== event.pointerId
-      ) {
-        return;
-      }
-      const minWidth = 240;
-      const minHeight = 180;
-      const maxWidth = Math.max(
-        minWidth,
-        window.innerWidth - pos.x - PANEL_SAFE_AREA.right,
-      );
-      const maxHeight = Math.max(
-        minHeight,
-        window.innerHeight - pos.y - PANEL_SAFE_AREA.bottom,
-      );
-      const next = {
-        width: clamp(
-          resizeRef.current.startW + (event.clientX - resizeRef.current.startX),
-          minWidth,
-          maxWidth,
-        ),
-        height: clamp(
-          resizeRef.current.startH + (event.clientY - resizeRef.current.startY),
-          minHeight,
-          maxHeight,
-        ),
-      };
-      setDimensions(next);
-    },
-    [pos.x, pos.y],
-  );
-
-  const handleResizeUp = useCallback(
-    (event: PointerEvent) => {
-      if (
-        !resizeRef.current ||
-        resizeRef.current.pointerId !== event.pointerId
-      ) {
-        return;
-      }
-      resizeRef.current = null;
-      onSizeChange?.(dimensions);
-    },
-    [dimensions, onSizeChange],
-  );
-
-  useEffect(() => {
-    window.addEventListener("pointermove", handlePointerMove);
-    window.addEventListener("pointerup", handlePointerUp);
-    window.addEventListener("pointermove", handleResizeMove);
-    window.addEventListener("pointerup", handleResizeUp);
-    return () => {
-      window.removeEventListener("pointermove", handlePointerMove);
-      window.removeEventListener("pointerup", handlePointerUp);
-      window.removeEventListener("pointermove", handleResizeMove);
-      window.removeEventListener("pointerup", handleResizeUp);
-    };
-  }, [handlePointerMove, handlePointerUp, handleResizeMove, handleResizeUp]);
-
-  useEffect(() => {
-    const ensureInBounds = () => {
-      const maxX = window.innerWidth - dimensions.width - PANEL_SAFE_AREA.right;
-      const maxY =
-        window.innerHeight - dimensions.height - PANEL_SAFE_AREA.bottom;
-      setPos((prev) => ({
-        x: clamp(prev.x, PANEL_SAFE_AREA.left, maxX),
-        y: clamp(prev.y, PANEL_SAFE_AREA.top, maxY),
-      }));
-      setDimensions((prev) => {
-        const minWidth = 240;
-        const minHeight = 180;
-        const constrainedWidth = clamp(
-          prev.width,
-          minWidth,
-          Math.max(minWidth, window.innerWidth - pos.x - PANEL_SAFE_AREA.right),
-        );
-        const constrainedHeight = clamp(
-          prev.height,
-          minHeight,
-          Math.max(
-            minHeight,
-            window.innerHeight - pos.y - PANEL_SAFE_AREA.bottom,
-          ),
-        );
-        return {
-          width: constrainedWidth,
-          height: constrainedHeight,
-        };
-      });
-    };
-
-    ensureInBounds();
-    window.addEventListener("resize", ensureInBounds);
-    return () => window.removeEventListener("resize", ensureInBounds);
-  }, [dimensions.height, dimensions.width, pos.x, pos.y]);
-
-  return (
-    <div
-      className={cn(
-        "fixed rounded-md border border-border bg-background/95 backdrop-blur shadow-xl overflow-hidden",
-        isActive ? "ring-1 ring-primary/40" : "",
-      )}
-      style={{
-        left: pos.x,
-        top: pos.y,
-        width: dimensions.width,
-        height: dimensions.height,
-        zIndex: zIndex ?? 9999,
-        pointerEvents: "auto",
-      }}
-      data-panel-id={id}
-    >
-      <div
-        className="h-10 border-b border-border flex items-center justify-between px-3 bg-muted/50 cursor-move"
-        onPointerDown={handlePointerDown}
-      >
-        <div className="text-sm font-medium truncate">{title}</div>
-        <Button
-          variant="ghost"
-          size="icon-sm"
-          onPointerDown={(event) => event.stopPropagation()}
-          onClick={onClose}
-        >
-          <X className="w-3 h-3" />
-        </Button>
-      </div>
-      <div className="h-[calc(100%-40px)] w-full">{children}</div>
-      <div
-        className="absolute bottom-1 right-1 h-3 w-3 cursor-se-resize bg-muted/80 border border-border rounded"
-        onPointerDown={handleResizeDown}
-      />
-    </div>
-  );
-}
-
 class WindowErrorBoundary extends React.Component<
   {
+    windowId: string;
     title: string;
     onClose: () => void;
+    onMinimize?: () => void;
+    onPinChange?: () => void;
+    onFocus?: (event: React.MouseEvent) => void;
     position?: { x: number; y: number };
     size?: { width: number; height: number };
+    defaultPosition?: { x: number; y: number };
+    defaultSize?: { width: number; height: number };
+    isActive?: boolean;
+    zIndex?: number;
+    pinned?: boolean;
+    hideHeader?: boolean;
+    transparent?: boolean;
+    className?: string;
     children: React.ReactNode;
   },
   { error?: Error }
@@ -438,30 +362,34 @@ class WindowErrorBoundary extends React.Component<
 
   render() {
     if (this.state.error) {
-      const pos = this.props.position || { x: 100, y: 100 };
-      const size = this.props.size || { width: 500, height: 400 };
+      const defaultPosition = this.props.defaultPosition || { x: 100, y: 100 };
+      const defaultSize = this.props.defaultSize || { width: 500, height: 400 };
       return (
-        <div
-          className="fixed z-[9999] border border-border bg-background/95 backdrop-blur shadow-xl rounded-md overflow-hidden"
-          style={{
-            left: pos.x,
-            top: pos.y,
-            width: size.width,
-            height: size.height,
-          }}
+        <ZenDraggablePanel
+          id={`${this.props.windowId}-error`}
+          title={this.props.title}
+          isOpen={true}
+          onClose={this.props.onClose}
+          onMinimize={this.props.onMinimize}
+          pinned={this.props.pinned}
+          onPinChange={this.props.onPinChange}
+          position={this.props.position}
+          size={this.props.size}
+          defaultPosition={defaultPosition}
+          defaultSize={defaultSize}
+          isActive={this.props.isActive}
+          zIndex={this.props.zIndex}
+          onMouseDown={this.props.onFocus}
+          hideHeader={this.props.hideHeader}
+          transparent={this.props.transparent}
+          className={this.props.className}
         >
-          <div className="h-10 border-b border-border flex items-center justify-between px-3 bg-muted/50">
-            <div className="text-sm font-medium truncate">
-              {this.props.title}
+          <div className="h-full w-full min-h-0 overflow-hidden">
+            <div className="p-4 text-xs text-muted-foreground whitespace-pre-wrap">
+              {this.state.error.message}
             </div>
-            <Button variant="ghost" size="icon-sm" onClick={this.props.onClose}>
-              <X className="w-3 h-3" />
-            </Button>
-          </div>
-          <div className="p-4 text-xs text-muted-foreground whitespace-pre-wrap">
-            {this.state.error.message}
           </div>
-        </div>
+        </ZenDraggablePanel>
       );
     }
 
@@ -477,6 +405,61 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
     "",
   );
   const apiBase = `${backendUrl}/api/v1`;
+  const assetBase = backendUrl.replace(/\/api(?:\/v\d+)?\/?$/, "");
+
+  const signProtectedUrl = (url: string) => {
+    const apiKey = String(input.apiKey || "").trim();
+    if (!url || !apiKey) return url;
+    try {
+      const baseUrl =
+        assetBase ||
+        backendUrl ||
+        (typeof window !== "undefined"
+          ? window.location.origin
+          : "http://localhost");
+      const parsed = new URL(url, baseUrl);
+      const assetOrigin = new URL(baseUrl).origin;
+      const windowOrigin =
+        typeof window !== "undefined" ? window.location.origin : assetOrigin;
+      const isInternal =
+        parsed.origin === assetOrigin || parsed.origin === windowOrigin;
+      const isProtectedPath =
+        parsed.pathname.startsWith("/api/") ||
+        parsed.pathname.startsWith("/plugins/");
+      if (!isInternal || !isProtectedPath) return parsed.toString();
+      if (!parsed.searchParams.has("api_key")) {
+        parsed.searchParams.set("api_key", apiKey);
+      }
+      return parsed.toString();
+    } catch {
+      return url;
+    }
+  };
+
+  const normalizePluginLogoUrl = (
+    value: string | null,
+    pluginName?: string,
+  ) => {
+    if (!value) return null;
+    if (value.startsWith("http://") || value.startsWith("https://")) {
+      return signProtectedUrl(value);
+    }
+    if (value.startsWith("//")) {
+      const protocol =
+        typeof window !== "undefined" ? window.location.protocol : "https:";
+      return signProtectedUrl(`${protocol}${value}`);
+    }
+    if (value.startsWith("/api/") || value.startsWith("/plugins/")) {
+      return signProtectedUrl(`${assetBase}${value}`);
+    }
+    if (pluginName && value.startsWith(`/${pluginName}/static/`)) {
+      return signProtectedUrl(`${assetBase}/plugins${value}`);
+    }
+    if (value.startsWith("/")) {
+      return signProtectedUrl(`${assetBase}${value}`);
+    }
+    return signProtectedUrl(`${assetBase}/${value}`);
+  };
 
   const jsonRequest = async (path: string, init?: RequestInit) => {
     const normalized = path.startsWith("/") ? path : `/${path}`;
@@ -528,6 +511,17 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
     selectPipeline: () => {},
   };
 
+  const generationStore = {
+    workflows: executionStore.pipelines,
+    selectedWorkflow: executionStore.selectedPipeline,
+    generations: executionStore.runs,
+    runs: executionStore.runs,
+    isGenerating: executionStore.isRunning,
+    generate: executionStore.run,
+    setWorkflowInput: executionStore.setPipelineInput,
+    selectWorkflow: executionStore.selectPipeline,
+  };
+
   const modelCatalog = {
     list: async (input: {
       category: string;
@@ -549,7 +543,7 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
         selectedImage: null,
         selectImage: () => {},
       },
-      execution: executionStore,
+      generation: generationStore,
     },
     ui: {
       activePanelId: null,
@@ -610,6 +604,7 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
         if (inputData?.offset !== undefined)
           q.append("offset", String(inputData.offset));
         if (inputData?.type_name) q.append("type_name", inputData.type_name);
+        if (inputData?.media_type) q.append("media_type", inputData.media_type);
         if (inputData?.sort) q.append("sort", inputData.sort);
         if (inputData?.ids?.length) q.append("ids", inputData.ids.join(","));
         const qs = q.toString();
@@ -648,6 +643,48 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
         const qs = q.toString();
         return jsonRequest(`/artifacts/${id}/subgraph${qs ? `?${qs}` : ""}`);
       },
+      create: (inputData: any) =>
+        jsonRequest(`/artifacts`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(inputData),
+        }),
+      update: (id: string, inputData: any) =>
+        jsonRequest(`/artifacts/${id}`, {
+          method: "PATCH",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(inputData),
+        }),
+      delete: (id: string) =>
+        jsonRequest(`/artifacts/${id}`, { method: "DELETE" }),
+      uploadInit: (inputData: any) =>
+        jsonRequest(`/artifacts/${inputData.artifact_id}/upload/init`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(inputData),
+        }),
+      uploadComplete: (inputData: any) =>
+        jsonRequest(`/artifacts/upload/${inputData.upload_id}/complete`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(inputData),
+        }),
+      uploadFile: async (inputData: { artifact_id: string; file: File }) => {
+        const formData = new FormData();
+        formData.append("file", inputData.file);
+        return jsonRequest(`/artifacts/${inputData.artifact_id}/upload`, {
+          method: "POST",
+          body: formData as any,
+        });
+      },
+    },
+    resources: {
+      resolve: (inputData: any) =>
+        jsonRequest(`/resources/resolve`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(inputData),
+        }),
     },
     collections: input.apiClient.collections,
     library: input.apiClient.collections as any,
@@ -667,6 +704,18 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
         if (payload?.offset) q.append("offset", String(payload.offset));
         return jsonRequest(`/executions?${q.toString()}`);
       },
+      cancel: (executionId) =>
+        jsonRequest(`/executions/${executionId}/cancel`, {
+          method: "POST",
+        }),
+      nudge: (executionId, input) => {
+        const payload = typeof input === "string" ? { message: input } : input;
+        return jsonRequest(`/executions/${executionId}/nudge`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(payload),
+        });
+      },
     },
     lotus: {
       invoke: (capId: string, payload?: Record<string, any>) =>
@@ -703,6 +752,51 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
         },
       },
     } as any,
+    plugin: {
+      fetch: async (path: string, init?: RequestInit) => {
+        const url = path.startsWith("http")
+          ? path
+          : `${apiBase}/plugins${path.startsWith("/") ? path : `/${path}`}`;
+        const key = input.apiKey || "";
+        const headers = new Headers(init?.headers || {});
+        if (key && !headers.has("X-API-Key")) headers.set("X-API-Key", key);
+        return input.apiClient.fetch(url, { ...init, headers });
+      },
+      request: async <T = any,>(
+        path: string,
+        init?: RequestInit,
+      ): Promise<T> => {
+        const url = path.startsWith("http")
+          ? path
+          : `${apiBase}/plugins${path.startsWith("/") ? path : `/${path}`}`;
+        const key = input.apiKey || "";
+        const headers = new Headers(init?.headers || {});
+        if (key && !headers.has("X-API-Key")) headers.set("X-API-Key", key);
+        const res = await input.apiClient.fetch(url, { ...init, headers });
+        if (!res.ok)
+          throw new Error(await res.text().catch(() => res.statusText));
+        return res.json();
+      },
+    },
+    security: {
+      overview: () => jsonRequest(`/system/auth/overview`),
+      operatorProfile: () => jsonRequest(`/system/auth/me`),
+      login: async (payload: { username: string; password: string }) => {
+        try {
+          return await jsonRequest(`/system/auth/login`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(payload),
+          });
+        } catch {
+          return { ok: false, detail: "Login not supported in ComfyUI shell" };
+        }
+      },
+      logout: async () => ({
+        ok: true,
+        message: "No session to clear in ComfyUI shell",
+      }),
+    },
     events: {
       on: (event, listener) =>
         globalEventBus.on(
@@ -716,7 +810,7 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
         ),
       emit: (event, payload) => globalEventBus.emit(event as string, payload),
     },
-    models: modelCatalog,
+    comfy: modelCatalog as any,
     windows: {
       open: (id: string, title: string, componentId: string, props?: any) =>
         useZenWindowStore.getState().openWindow({
@@ -731,8 +825,29 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
       getState: () => useZenWindowStore.getState(),
       list: () => Object.values(useZenWindowStore.getState().windows),
     },
+    plugins: {
+      list: () => jsonRequest("/plugins"),
+      listLogos: async () => {
+        const data = (await jsonRequest("/plugins/logos")) as {
+          logos?: Record<string, string | null>;
+        };
+        const logos = (data?.logos || {}) as Record<string, string | null>;
+        return Object.fromEntries(
+          Object.entries(logos).map(([key, value]) => [
+            key,
+            normalizePluginLogoUrl(value, key),
+          ]),
+        );
+      },
+      getActions: () => [],
+      getComponents: () => [],
+      getApi: () => api,
+    },
   };
 
+  (api as any).models = modelCatalog;
+  (api as any).stores.execution = executionStore;
+
   (api as any).__proxyFetch = input.apiClient.fetch;
   return api;
 }
@@ -805,7 +920,17 @@ function extendApiForPlugin(api: EmbeddrAPI, pluginId: string): EmbeddrAPI {
 export function ZenShell() {
   console.log("[ZenShell] Rendering...");
   const [isOpen, setIsOpen] = useState(false);
-  const [minimized, setMinimized] = useState(false);
+  const [launcherCollapsed, setLauncherCollapsed] = useState(false);
+  const [launcherQuery, setLauncherQuery] = useState("");
+  const [launcherMode, setLauncherMode] = useState<"workspace" | "catalog">(
+    "workspace",
+  );
+  const [pluginsLoading, setPluginsLoading] = useState(false);
+  const [pluginLoadError, setPluginLoadError] = useState<string | null>(null);
+  const [pluginBootstrapComplete, setPluginBootstrapComplete] = useState(false);
+  const [windowStoreHydrated, setWindowStoreHydrated] = useState(() =>
+    zenWindowStoreWithPersist.persist?.hasHydrated?.() ?? true,
+  );
 
   let api;
   try {
@@ -817,8 +942,17 @@ export function ZenShell() {
 
   const { plugins, knownPlugins } = usePluginRegistry();
   const spawnWindow = useZenWindowStore((s) => s.spawnWindow);
+  const updateWindow = useZenWindowStore((s) => s.updateWindow);
   const setPanelConstraints = useZenWindowStore((s) => s.setPanelConstraints);
+  const windows = useZenWindowStore((s) => s.windows);
+  const panelOrder = useZenWindowStore((s) => s.panelOrder);
+  const bringToFront = useZenWindowStore((s) => s.bringToFront);
+  const restoreWindow = useZenWindowStore((s) => s.restoreWindow);
+  const minimizeWindow = useZenWindowStore((s) => s.minimizeWindow);
+  const closeWindow = useZenWindowStore((s) => s.closeWindow);
+  const setActiveTab = useZenWindowStore((s) => s.setActiveTab);
   const [pluginReloadTick, setPluginReloadTick] = useState(0);
+  const deferredLauncherQuery = useDeferredValue(launcherQuery);
   const embeddrApi = useMemo(
     () => createEmbeddrApiAdapter(api),
     [api.endpoint, api.apiKey, api.apiClient],
@@ -827,6 +961,191 @@ export function ZenShell() {
     () => (api.endpoint || "http://localhost:8003").replace(/\/$/, ""),
     [api.endpoint],
   );
+  const orderIndexByWindowId = useMemo(
+    () =>
+      new Map(panelOrder.map((id, index) => [id, index] as const)),
+    [panelOrder],
+  );
+  const launcherComponents = useMemo<LauncherComponentEntry[]>(
+    () =>
+      knownPlugins
+        .flatMap((pluginId) => {
+          const plugin = plugins[pluginId];
+          return (plugin?.components ?? []).map(
+            (component: any, componentIndex: number) => ({
+              pluginId,
+              pluginLabel: plugin?.name || pluginId,
+              componentId: `${pluginId}-${
+                component.exportName ||
+                component.component ||
+                component.name ||
+                `comp-${componentIndex}`
+              }`,
+              title:
+                component.label ||
+                component.name ||
+                component.component ||
+                component.exportName ||
+                pluginId,
+              subtitle:
+                component.component ||
+                component.exportName ||
+                component.name ||
+                "Plugin panel",
+              component,
+            }),
+          );
+        })
+        .sort(
+          (left, right) =>
+            left.pluginLabel.localeCompare(right.pluginLabel) ||
+            left.title.localeCompare(right.title),
+        ),
+    [knownPlugins, plugins],
+  );
+  const launcherOpenWindows = useMemo<LauncherWindowEntry[]>(
+    () =>
+      Object.values(windows)
+        .filter((windowState) => !windowState.isMinimized && !windowState.groupHostId)
+        .map((windowState) => {
+          const resolved = resolveComponentId(windowState.componentId, plugins);
+          return {
+            id: windowState.id,
+            title:
+              windowState.title ||
+              resolved?.def?.label ||
+              resolved?.componentName ||
+              "Untitled",
+            subtitle:
+              resolved?.pluginId ||
+              resolved?.def?.component ||
+              windowState.componentId,
+            componentId: windowState.componentId,
+            isPinned: Boolean(windowState.isPinned),
+            tabsCount: windowState.tabs?.length || 0,
+            orderIndex: orderIndexByWindowId.get(windowState.id) ?? -1,
+          };
+        })
+        .sort((left, right) => right.orderIndex - left.orderIndex),
+    [orderIndexByWindowId, plugins, windows],
+  );
+  const launcherMinimizedWindows = useMemo<LauncherWindowEntry[]>(
+    () =>
+      Object.values(windows)
+        .filter((windowState) => windowState.isMinimized)
+        .map((windowState) => {
+          const resolved = resolveComponentId(windowState.componentId, plugins);
+          return {
+            id: windowState.id,
+            title:
+              windowState.title ||
+              resolved?.def?.label ||
+              resolved?.componentName ||
+              "Untitled",
+            subtitle:
+              resolved?.pluginId ||
+              resolved?.def?.component ||
+              windowState.componentId,
+            componentId: windowState.componentId,
+            groupHostId: windowState.groupHostId,
+            isPinned: Boolean(windowState.isPinned),
+            tabsCount: windowState.tabs?.length || 0,
+            orderIndex: orderIndexByWindowId.get(windowState.id) ?? -1,
+          };
+        })
+        .sort((left, right) => right.orderIndex - left.orderIndex),
+    [orderIndexByWindowId, plugins, windows],
+  );
+  const filteredOpenWindows = useMemo(
+    () =>
+      launcherOpenWindows
+        .map((entry) => ({
+          entry,
+          score: scoreLauncherMatch(
+            [entry.title, entry.subtitle, entry.componentId],
+            deferredLauncherQuery,
+          ),
+        }))
+        .filter(({ score }) => score > 0)
+        .sort(
+          (left, right) =>
+            right.score - left.score ||
+            right.entry.orderIndex - left.entry.orderIndex,
+        )
+        .map(({ entry }) => entry),
+    [deferredLauncherQuery, launcherOpenWindows],
+  );
+  const filteredMinimizedWindows = useMemo(
+    () =>
+      launcherMinimizedWindows
+        .map((entry) => ({
+          entry,
+          score: scoreLauncherMatch(
+            [entry.title, entry.subtitle, entry.componentId],
+            deferredLauncherQuery,
+          ),
+        }))
+        .filter(({ score }) => score > 0)
+        .sort(
+          (left, right) =>
+            right.score - left.score ||
+            right.entry.orderIndex - left.entry.orderIndex,
+        )
+        .map(({ entry }) => entry),
+    [deferredLauncherQuery, launcherMinimizedWindows],
+  );
+  const filteredLauncherComponents = useMemo(
+    () =>
+      launcherComponents
+        .map((entry) => ({
+          entry,
+          score: scoreLauncherMatch(
+            [entry.title, entry.subtitle, entry.pluginId, entry.pluginLabel],
+            deferredLauncherQuery,
+          ),
+        }))
+        .filter(({ score }) => score > 0)
+        .sort(
+          (left, right) =>
+            right.score - left.score ||
+            left.entry.pluginLabel.localeCompare(right.entry.pluginLabel) ||
+            left.entry.title.localeCompare(right.entry.title),
+        )
+        .map(({ entry }) => entry),
+    [deferredLauncherQuery, launcherComponents],
+  );
+  const groupedLauncherComponents = useMemo(
+    () => {
+      const groups = new Map<
+        string,
+        {
+          pluginId: string;
+          pluginLabel: string;
+          entries: LauncherComponentEntry[];
+        }
+      >();
+
+      filteredLauncherComponents.forEach((entry) => {
+        const current = groups.get(entry.pluginId);
+        if (current) {
+          current.entries.push(entry);
+          return;
+        }
+        groups.set(entry.pluginId, {
+          pluginId: entry.pluginId,
+          pluginLabel: entry.pluginLabel,
+          entries: [entry],
+        });
+      });
+
+      return Array.from(groups.values()).sort(
+        (left, right) => left.pluginLabel.localeCompare(right.pluginLabel),
+      );
+    },
+    [filteredLauncherComponents],
+  );
+  const shellReady =
+    api.configLoaded && windowStoreHydrated && pluginBootstrapComplete;
 
   useEffect(() => {
     console.log("[ZenShell] Mounted");
@@ -841,6 +1160,22 @@ export function ZenShell() {
     });
   }, [setPanelConstraints]);
 
+  useEffect(() => {
+    const persistApi = zenWindowStoreWithPersist.persist;
+    if (!persistApi?.onFinishHydration) {
+      setWindowStoreHydrated(true);
+      return;
+    }
+    if (persistApi.hasHydrated?.()) {
+      setWindowStoreHydrated(true);
+      return;
+    }
+    const unsubscribe = persistApi.onFinishHydration(() => {
+      setWindowStoreHydrated(true);
+    });
+    return unsubscribe;
+  }, []);
+
   const adapter = useMemo<PluginLoaderAdapter>(() => {
     console.log("[ZenShell] Recreating adapter");
     return {
@@ -912,11 +1247,21 @@ export function ZenShell() {
   useEffect(() => {
     const handleToggle = () => {
       console.log("[ZenShell] Toggle event received");
-      setIsOpen((prev) => !prev);
+      if (!isOpen) {
+        setIsOpen(true);
+        setLauncherCollapsed(false);
+        return;
+      }
+      if (launcherCollapsed) {
+        setLauncherCollapsed(false);
+        return;
+      }
+      setIsOpen(false);
     };
     const handleLaunch = (e: CustomEvent) => {
       console.log("[ZenShell] Launch event received", e.detail);
       setIsOpen(true);
+      setLauncherCollapsed(false);
       if (e.detail && e.detail.componentId) {
         const title = e.detail.title || e.detail.componentId;
         spawnWindow(e.detail.componentId, title, e.detail.props);
@@ -958,20 +1303,166 @@ export function ZenShell() {
         );
       });
     };
-  }, [spawnWindow]);
+  }, [isOpen, launcherCollapsed, spawnWindow]);
+
+  const handlePluginLoadError = useCallback((error: unknown) => {
+    const message =
+      error instanceof Error ? error.message : "Failed to load plugins";
+    console.error("[ZenShell] Failed to load external plugins", error);
+    setPluginLoadError(message);
+  }, []);
+
+  const reloadPlugins = useCallback(async () => {
+    setPluginsLoading(true);
+    setPluginLoadError(null);
+    try {
+      await loadExternalPlugins({ adapter });
+      setPluginReloadTick((prev) => prev + 1);
+      setPluginBootstrapComplete(true);
+    } catch (error) {
+      handlePluginLoadError(error);
+      setPluginBootstrapComplete(true);
+    } finally {
+      setPluginsLoading(false);
+    }
+  }, [adapter, handlePluginLoadError]);
 
-  // Initial Load
   useEffect(() => {
-    if (!api.configLoaded) return;
+    if (!api.configLoaded) {
+      setPluginBootstrapComplete(false);
+      setPluginsLoading(false);
+      setPluginLoadError(null);
+      return;
+    }
     console.log("[ZenShell] Loading external plugins...");
-    loadExternalPlugins({ adapter });
-  }, [api.configLoaded, adapter]);
+    let cancelled = false;
+    setPluginBootstrapComplete(false);
+    setPluginsLoading(true);
+    setPluginLoadError(null);
+    (async () => {
+      try {
+        await loadExternalPlugins({ adapter });
+        if (cancelled) return;
+        setPluginReloadTick((prev) => prev + 1);
+      } catch (error) {
+        if (cancelled) return;
+        handlePluginLoadError(error);
+      } finally {
+        if (cancelled) return;
+        setPluginsLoading(false);
+        setPluginBootstrapComplete(true);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [api.configLoaded, adapter, handlePluginLoadError]);
+
+  const handleSpawnComponent = useCallback(
+    (entry: LauncherComponentEntry) => {
+      const windowId = spawnWindow(entry.componentId, entry.title, {
+        ...(entry.component.props ?? {}),
+        defaultPosition:
+          entry.component.defaultPosition ??
+          entry.component.props?.defaultPosition,
+        defaultSize:
+          entry.component.defaultSize ?? entry.component.props?.defaultSize,
+      });
+
+      if (entry.component.defaultPosition || entry.component.defaultSize) {
+        updateWindow(windowId, {
+          position: entry.component.defaultPosition,
+          size: entry.component.defaultSize,
+        });
+      }
+    },
+    [spawnWindow, updateWindow],
+  );
+
+  const handleFocusWindow = useCallback(
+    (windowId: string) => {
+      bringToFront(windowId);
+      setActiveTab(windowId, windowId);
+    },
+    [bringToFront, setActiveTab],
+  );
+
+  const handleRestoreWindow = useCallback(
+    (windowId: string, hostId?: string) => {
+      const restoreId = hostId || windowId;
+      restoreWindow(restoreId);
+      if (hostId) {
+        setActiveTab(hostId, windowId);
+        bringToFront(hostId);
+        return;
+      }
+      bringToFront(windowId);
+    },
+    [bringToFront, restoreWindow, setActiveTab],
+  );
+
+  const hasLauncherResults =
+    filteredOpenWindows.length > 0 ||
+    filteredMinimizedWindows.length > 0 ||
+    groupedLauncherComponents.length > 0;
+  const trimmedLauncherQuery = deferredLauncherQuery.trim();
+  const launcherSearchResults = useMemo<LauncherSearchResult[]>(() => {
+    if (!trimmedLauncherQuery) return [];
+
+    const openResults = launcherOpenWindows
+      .map((entry) => ({
+        key: `open:${entry.id}`,
+        kind: "open" as const,
+        score:
+          scoreLauncherMatch(
+            [entry.title, entry.subtitle, entry.componentId],
+            trimmedLauncherQuery,
+          ) + 30,
+        entry,
+      }))
+      .filter((result) => result.score > 30);
+
+    const minimizedResults = launcherMinimizedWindows
+      .map((entry) => ({
+        key: `minimized:${entry.id}`,
+        kind: "minimized" as const,
+        score:
+          scoreLauncherMatch(
+            [entry.title, entry.subtitle, entry.componentId],
+            trimmedLauncherQuery,
+          ) + 20,
+        entry,
+      }))
+      .filter((result) => result.score > 20);
+
+    const componentResults = launcherComponents
+      .map((entry) => ({
+        key: `component:${entry.componentId}`,
+        kind: "component" as const,
+        score: scoreLauncherMatch(
+          [entry.title, entry.subtitle, entry.pluginId, entry.pluginLabel],
+          trimmedLauncherQuery,
+        ),
+        entry,
+      }))
+      .filter((result) => result.score > 0);
+
+    return [...openResults, ...minimizedResults, ...componentResults]
+      .sort((left, right) => right.score - left.score)
+      .slice(0, 40);
+  }, [
+    launcherComponents,
+    launcherMinimizedWindows,
+    launcherOpenWindows,
+    trimmedLauncherQuery,
+  ]);
+  const effectiveLauncherMode = trimmedLauncherQuery ? "search" : launcherMode;
 
-  // We always render the Manager (so windows exist), but maybe hide the Dock
   return (
     <ZenWebSocketProvider
       backendUrl={wsBackendUrl}
       apiKey={api.apiKey || undefined}
+      autoConnect={api.configLoaded}
     >
       <div
         style={{
@@ -985,144 +1476,583 @@ export function ZenShell() {
         <div style={{ width: "100vw", height: "100vh" }}>
           <EmbeddrProvider api={embeddrApi}>
             <CoreUIEventBridge api={embeddrApi} />
-            <ZenPanelManagerCore
-              key={`zen-panel-manager-${pluginReloadTick}`}
-              useWindowStore={useZenWindowStore}
-              WindowRenderer={CustomWindowRenderer}
-            />
+            {shellReady ? (
+              <ZenPanelManagerCore
+                key={`zen-panel-manager-${pluginReloadTick}`}
+                useWindowStore={useZenWindowStore}
+                WindowRenderer={CustomWindowRenderer}
+              />
+            ) : (
+              <div className="absolute inset-0 flex items-center justify-center bg-background/80 backdrop-blur-sm pointer-events-none">
+                <div className="flex flex-col items-center gap-3 text-sm text-muted-foreground">
+                  <RefreshCw className="h-6 w-6 animate-spin" />
+                  <div>Loading workspace panels...</div>
+                </div>
+              </div>
+            )}
           </EmbeddrProvider>
         </div>
       </div>
 
       {/* The Shell Dock / Launcher */}
       {isOpen && (
-        <div
-          className={cn(
-            "fixed z-[9999] flex flex-col overflow-hidden items-center justify-center pointer-events-auto",
-            // Centered circular dock logic
-            "bottom-5 left-1/2 -translate-x-1/2",
-            minimized
-              ? "w-10 h-10 rounded-full bg-background/95 backdrop-blur shadow-2xl border border-border cursor-pointer hover:scale-110"
-              : "w-[600px] h-[400px] rounded-xl bg-background/95 backdrop-blur shadow-2xl border border-border flex flex-col",
-          )}
-          // If minimized, clicking opens it
-          onClick={minimized ? () => setMinimized(false) : undefined}
-        >
-          {minimized ? (
-            <div className="flex items-center justify-center w-full h-full text-primary">
-              <LayoutTemplate className="w-5 h-5" />
-            </div>
+        <div className="fixed inset-4 z-[9999] flex items-end justify-end pointer-events-none">
+          {launcherCollapsed ? (
+            <button
+              type="button"
+              className={cn(
+                "pointer-events-auto",
+                "flex items-center gap-3 rounded-full border border-border/70",
+                "bg-background/95 px-3 py-2 shadow-2xl backdrop-blur-xl",
+                "transition-transform hover:scale-[1.02]",
+              )}
+              onClick={() => setLauncherCollapsed(false)}
+            >
+              <div className="flex h-9 w-9 items-center justify-center rounded-full bg-primary/10 text-primary">
+                <LayoutTemplate className="h-4 w-4" />
+              </div>
+              <div className="text-left">
+                <div className="text-xs font-semibold">Zen Launcher</div>
+                <div className="text-[10px] text-muted-foreground">
+                  {launcherOpenWindows.length} open,{" "}
+                  {launcherMinimizedWindows.length} minimized
+                </div>
+              </div>
+            </button>
           ) : (
-            <>
-              {/* Header */}
-              <div className="h-10 border-b border-border flex items-center justify-between px-4 bg-muted/50 select-none w-full shrink-0">
-                <div className="flex items-center gap-2 font-medium text-sm">
-                  <LayoutTemplate className="w-3 h-3 text-primary" />
-                  Zen Launcher
+            <div className="pointer-events-auto flex h-full max-h-full w-full max-w-[440px] flex-col overflow-hidden rounded-[24px] border border-border/70 bg-background/95 shadow-2xl backdrop-blur-xl">
+              <div className="shrink-0 border-b border-border/60 bg-gradient-to-b from-background to-muted/20 px-4 py-4">
+                <div className="flex items-start justify-between gap-3">
+                  <div className="min-w-0">
+                    <div className="flex items-center gap-3">
+                      <div className="flex h-10 w-10 items-center justify-center rounded-2xl bg-primary/10 text-primary shadow-sm">
+                        <LayoutTemplate className="h-5 w-5" />
+                      </div>
+                      <div className="min-w-0">
+                        <div className="truncate text-sm font-semibold">
+                          Zen Launcher
+                        </div>
+                        <div className="text-[11px] text-muted-foreground">
+                          {effectiveLauncherMode === "search"
+                            ? "Fast search across open windows and plugin panels."
+                            : launcherMode === "workspace"
+                              ? "Manage open and minimized panels."
+                              : "Browse and launch plugin panels."}
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div className="flex items-center gap-1">
+                    <Button
+                      variant="ghost"
+                      size="icon-sm"
+                      title="Reload plugins"
+                      disabled={pluginsLoading}
+                      onClick={reloadPlugins}
+                    >
+                      <RefreshCw
+                        className={cn(
+                          "h-3.5 w-3.5",
+                          pluginsLoading && "animate-spin",
+                        )}
+                      />
+                    </Button>
+                    <Button
+                      variant="ghost"
+                      size="icon-sm"
+                      title="Collapse launcher"
+                      onClick={() => setLauncherCollapsed(true)}
+                    >
+                      <Minimize2 className="h-3.5 w-3.5" />
+                    </Button>
+                    <Button
+                      variant="ghost"
+                      size="icon-sm"
+                      title="Close launcher"
+                      onClick={() => setIsOpen(false)}
+                    >
+                      <X className="h-3.5 w-3.5" />
+                    </Button>
+                  </div>
                 </div>
-                <div className="flex items-center gap-1">
+
+                <div className="mt-4 grid grid-cols-3 gap-2">
+                  <div className="rounded-2xl border border-border/60 bg-background/70 px-3 py-2">
+                    <div className="text-[10px] font-semibold uppercase tracking-wide text-muted-foreground">
+                      Open
+                    </div>
+                    <div className="mt-1 text-lg font-semibold">
+                      {launcherOpenWindows.length}
+                    </div>
+                  </div>
+                  <div className="rounded-2xl border border-border/60 bg-background/70 px-3 py-2">
+                    <div className="text-[10px] font-semibold uppercase tracking-wide text-muted-foreground">
+                      Minimized
+                    </div>
+                    <div className="mt-1 text-lg font-semibold">
+                      {launcherMinimizedWindows.length}
+                    </div>
+                  </div>
+                  <div className="rounded-2xl border border-border/60 bg-background/70 px-3 py-2">
+                    <div className="text-[10px] font-semibold uppercase tracking-wide text-muted-foreground">
+                      Panels
+                    </div>
+                    <div className="mt-1 text-lg font-semibold">
+                      {launcherComponents.length}
+                    </div>
+                  </div>
+                </div>
+
+                <div className="relative mt-3">
+                  <Search className="pointer-events-none absolute left-3 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground/60" />
+                  <Input
+                    value={launcherQuery}
+                    onChange={(event) => setLauncherQuery(event.target.value)}
+                    placeholder="Search panels, plugins, or open windows..."
+                    className="h-9 border-border/50 bg-background/80 pl-8 text-xs"
+                  />
+                </div>
+
+                <div className="mt-3 flex items-center gap-2">
                   <Button
-                    variant="ghost"
-                    size="icon-sm"
-                    onClick={(e) => {
-                      e.stopPropagation();
-                      setMinimized(true);
-                    }}
+                    variant={
+                      effectiveLauncherMode === "workspace" ? "secondary" : "ghost"
+                    }
+                    size="sm"
+                    className="h-7 rounded-full px-3 text-xs"
+                    onClick={() => setLauncherMode("workspace")}
                   >
-                    <Minimize2 className="w-3 h-3" />
+                    Workspace
+                    <Badge variant="secondary" className="ml-2 h-4 px-1 text-[9px]">
+                      {launcherOpenWindows.length + launcherMinimizedWindows.length}
+                    </Badge>
                   </Button>
                   <Button
-                    variant="ghost"
-                    size="icon-sm"
-                    onClick={(e) => {
-                      e.stopPropagation();
-                      setIsOpen(false);
-                    }}
+                    variant={
+                      effectiveLauncherMode === "catalog" ? "secondary" : "ghost"
+                    }
+                    size="sm"
+                    className="h-7 rounded-full px-3 text-xs"
+                    onClick={() => setLauncherMode("catalog")}
                   >
-                    <X className="w-3 h-3" />
+                    Catalog
+                    <Badge variant="secondary" className="ml-2 h-4 px-1 text-[9px]">
+                      {launcherComponents.length}
+                    </Badge>
                   </Button>
+                  {trimmedLauncherQuery && (
+                    <Badge variant="secondary" className="h-5 px-2 text-[10px]">
+                      {launcherSearchResults.length} results
+                    </Badge>
+                  )}
                 </div>
-              </div>
 
-              {/* Content */}
-              <div className="flex-1 overflow-y-auto p-4 space-y-4 w-full">
-                <div className="text-xs text-muted-foreground px-2 uppercase tracking-wider font-bold">
-                  Available Plugins ({knownPlugins.length})
-                </div>
-                {knownPlugins.length === 0 && (
-                  <div className="p-4 text-center text-muted-foreground text-sm flex flex-col items-center justify-center h-40">
-                    <RefreshCw className="w-8 h-8 mb-4 animate-spin opacity-50" />
-                    Loading plugins...
+                {pluginLoadError && (
+                  <div className="mt-3 rounded-xl border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive">
+                    {pluginLoadError}
                   </div>
                 )}
+              </div>
 
-                {knownPlugins.length > 0 && (
-                  <div className="grid grid-cols-2 md:grid-cols-3 gap-3">
-                    {knownPlugins.map((pid, idx) => {
-                      const p = plugins[pid];
-                      return (
-                        <div
-                          key={pid || `plugin-${idx}`}
-                          className="p-3 border rounded-lg hover:bg-muted/50 transition-all hover:scale-[1.02] cursor-default bg-card shadow-sm"
-                        >
-                          <div className="font-semibold text-sm flex items-center gap-2 mb-2 border-b pb-2">
-                            <div className="w-2 h-2 rounded-full bg-green-500 shadow-[0_0_8px_rgba(34,197,94,0.5)]" />
-                            <div className="truncate" title={p.name || pid}>
-                              {p.name || pid}
-                            </div>
-                          </div>
-                          <div className="flex flex-col gap-1">
-                            {p.components?.map((c: any, cIdx: number) => {
-                              const componentId = `${pid}-${
-                                c.exportName ||
-                                c.component ||
-                                c.name ||
-                                `comp-${cIdx}`
-                              }`;
+              <div className="flex min-h-0 flex-1 flex-col p-4">
+                {effectiveLauncherMode === "search" ? (
+                  <div className="flex min-h-0 flex-1 flex-col gap-3">
+                    <div className="flex items-center justify-between">
+                      <div className="text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
+                        Search Results
+                      </div>
+                      <Badge
+                        variant="secondary"
+                        className="h-4 px-1.5 text-[10px]"
+                      >
+                        {launcherSearchResults.length}
+                      </Badge>
+                    </div>
+
+                    {launcherSearchResults.length > 0 ? (
+                      <ScrollArea className="min-h-0 flex-1">
+                        <div className="space-y-2 pr-3">
+                          {launcherSearchResults.map((result) => {
+                            if (result.kind === "component") {
+                              const entry = result.entry;
                               return (
-                                <Button
-                                  key={componentId}
-                                  variant="secondary"
-                                  size="sm"
-                                  className="h-8 text-xs justify-start px-2 w-full"
-                                  onClick={() =>
-                                    spawnWindow(
-                                      componentId,
-                                      c.label ||
-                                        c.name ||
-                                        c.component ||
-                                        c.exportName ||
-                                        pid,
-                                    )
-                                  }
+                                <div
+                                  key={result.key}
+                                  className="flex items-center gap-3 rounded-2xl border border-border/50 bg-background/60 px-3 py-2"
                                 >
-                                  <Play className="w-3 h-3 mr-2 opacity-50 shrink-0" />
-                                  <span className="truncate">
-                                    {c.label || c.name || c.component}
-                                  </span>
-                                </Button>
+                                  <div className="flex h-9 w-9 items-center justify-center rounded-xl bg-primary/10 text-primary">
+                                    <Play className="h-4 w-4" />
+                                  </div>
+                                  <div className="min-w-0 flex-1">
+                                    <div className="flex items-center gap-2">
+                                      <span
+                                        className="truncate text-xs font-medium"
+                                        title={entry.title}
+                                      >
+                                        {entry.title}
+                                      </span>
+                                      <Badge
+                                        variant="secondary"
+                                        className="h-4 px-1 text-[9px]"
+                                      >
+                                        Panel
+                                      </Badge>
+                                    </div>
+                                    <div
+                                      className="truncate text-[10px] text-muted-foreground"
+                                      title={`${entry.pluginLabel} · ${entry.subtitle}`}
+                                    >
+                                      {entry.pluginLabel} · {entry.subtitle}
+                                    </div>
+                                  </div>
+                                  <Button
+                                    variant="secondary"
+                                    size="sm"
+                                    className="h-7 shrink-0 rounded-lg px-2 text-xs"
+                                    onClick={() => handleSpawnComponent(entry)}
+                                  >
+                                    Open
+                                  </Button>
+                                </div>
                               );
-                            })}
+                            }
+
+                            const entry = result.entry;
+                            const isOpenResult = result.kind === "open";
+                            return (
+                              <button
+                                key={result.key}
+                                type="button"
+                                className={cn(
+                                  "flex w-full items-center gap-3 rounded-2xl border border-border/50 bg-background/60 px-3 py-2 text-left",
+                                  "transition-colors hover:bg-muted/40",
+                                )}
+                                onClick={() =>
+                                  isOpenResult
+                                    ? handleFocusWindow(entry.id)
+                                    : handleRestoreWindow(
+                                        entry.id,
+                                        entry.groupHostId,
+                                      )
+                                }
+                              >
+                                <div
+                                  className={cn(
+                                    "flex h-9 w-9 items-center justify-center rounded-xl",
+                                    isOpenResult
+                                      ? "bg-primary/10 text-primary"
+                                      : "bg-muted/60 text-muted-foreground",
+                                  )}
+                                >
+                                  {isOpenResult ? (
+                                    <AppWindow className="h-4 w-4" />
+                                  ) : (
+                                    <RotateCcw className="h-4 w-4" />
+                                  )}
+                                </div>
+                                <div className="min-w-0 flex-1">
+                                  <div className="flex items-center gap-2">
+                                    <span
+                                      className="truncate text-xs font-medium"
+                                      title={entry.title}
+                                    >
+                                      {entry.title}
+                                    </span>
+                                    <Badge
+                                      variant="secondary"
+                                      className="h-4 px-1 text-[9px]"
+                                    >
+                                      {isOpenResult ? "Open" : "Minimized"}
+                                    </Badge>
+                                  </div>
+                                  <div
+                                    className="truncate text-[10px] text-muted-foreground"
+                                    title={entry.subtitle}
+                                  >
+                                    {entry.subtitle}
+                                  </div>
+                                </div>
+                                <span className="text-[10px] text-muted-foreground">
+                                  {isOpenResult ? "Focus" : "Restore"}
+                                </span>
+                              </button>
+                            );
+                          })}
+                        </div>
+                      </ScrollArea>
+                    ) : (
+                      <div className="rounded-2xl border border-dashed border-border/60 bg-background/50 px-4 py-8 text-center text-xs text-muted-foreground">
+                        No panels match "{trimmedLauncherQuery}".
+                      </div>
+                    )}
+                  </div>
+                ) : effectiveLauncherMode === "workspace" ? (
+                  <div className="flex min-h-0 flex-1 flex-col gap-4">
+                    <section className="flex min-h-0 flex-1 flex-col space-y-2">
+                      <div className="flex items-center justify-between">
+                        <div className="flex items-center gap-2 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
+                          <AppWindow className="h-3.5 w-3.5" />
+                          Open Panels
+                        </div>
+                        <Badge
+                          variant="secondary"
+                          className="h-4 px-1.5 text-[10px]"
+                        >
+                          {launcherOpenWindows.length}
+                        </Badge>
+                      </div>
+                      {launcherOpenWindows.length > 0 ? (
+                        <ScrollArea className="min-h-0 flex-1">
+                          <div className="space-y-1 pr-3">
+                            {launcherOpenWindows.map((entry) => (
+                              <button
+                                key={entry.id}
+                                type="button"
+                                className={cn(
+                                  "group flex w-full items-center gap-3 rounded-2xl border border-border/50 bg-background/60 px-3 py-2 text-left",
+                                  "transition-colors hover:bg-muted/40",
+                                )}
+                                onClick={() => handleFocusWindow(entry.id)}
+                              >
+                                <div className="min-w-0 flex-1">
+                                  <div className="flex items-center gap-2">
+                                    <span
+                                      className="truncate text-xs font-medium"
+                                      title={entry.title}
+                                    >
+                                      {entry.title}
+                                    </span>
+                                    {entry.tabsCount > 1 && (
+                                      <Badge
+                                        variant="secondary"
+                                        className="h-4 px-1 text-[9px]"
+                                      >
+                                        {entry.tabsCount} tabs
+                                      </Badge>
+                                    )}
+                                    {entry.isPinned && (
+                                      <Badge
+                                        variant="secondary"
+                                        className="h-4 px-1 text-[9px]"
+                                      >
+                                        Pinned
+                                      </Badge>
+                                    )}
+                                  </div>
+                                  <div
+                                    className="truncate text-[10px] text-muted-foreground"
+                                    title={entry.subtitle}
+                                  >
+                                    {entry.subtitle}
+                                  </div>
+                                </div>
+                                <div className="flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100">
+                                  <Button
+                                    variant="ghost"
+                                    size="icon-sm"
+                                    title="Minimize panel"
+                                    onClick={(event) => {
+                                      event.stopPropagation();
+                                      minimizeWindow(entry.id);
+                                    }}
+                                  >
+                                    <Minimize2 className="h-3.5 w-3.5" />
+                                  </Button>
+                                  <Button
+                                    variant="ghost"
+                                    size="icon-sm"
+                                    title="Close panel"
+                                    onClick={(event) => {
+                                      event.stopPropagation();
+                                      closeWindow(entry.id);
+                                    }}
+                                  >
+                                    <X className="h-3.5 w-3.5" />
+                                  </Button>
+                                </div>
+                              </button>
+                            ))}
+                          </div>
+                        </ScrollArea>
+                      ) : (
+                        <div className="rounded-2xl border border-dashed border-border/60 bg-background/50 px-4 py-6 text-center text-xs text-muted-foreground">
+                          No open panels.
+                        </div>
+                      )}
+                    </section>
+
+                    <Separator />
+
+                    <section className="flex min-h-0 flex-[0.75] flex-col space-y-2">
+                      <div className="flex items-center justify-between">
+                        <div className="flex items-center gap-2 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
+                          <RotateCcw className="h-3.5 w-3.5" />
+                          Minimized
+                        </div>
+                        <Badge
+                          variant="secondary"
+                          className="h-4 px-1.5 text-[10px]"
+                        >
+                          {launcherMinimizedWindows.length}
+                        </Badge>
+                      </div>
+                      {launcherMinimizedWindows.length > 0 ? (
+                        <ScrollArea className="min-h-0 flex-1">
+                          <div className="space-y-1 pr-3">
+                            {launcherMinimizedWindows.map((entry) => (
+                              <button
+                                key={entry.id}
+                                type="button"
+                                className={cn(
+                                  "flex w-full items-center gap-3 rounded-2xl border border-border/50 bg-background/60 px-3 py-2 text-left",
+                                  "transition-colors hover:bg-muted/40",
+                                )}
+                                onClick={() =>
+                                  handleRestoreWindow(
+                                    entry.id,
+                                    entry.groupHostId,
+                                  )
+                                }
+                              >
+                                <div className="flex h-8 w-8 items-center justify-center rounded-xl bg-muted/60 text-muted-foreground">
+                                  <RotateCcw className="h-3.5 w-3.5" />
+                                </div>
+                                <div className="min-w-0 flex-1">
+                                  <div className="flex items-center gap-2">
+                                    <span
+                                      className="truncate text-xs font-medium"
+                                      title={entry.title}
+                                    >
+                                      {entry.title}
+                                    </span>
+                                    {entry.groupHostId && (
+                                      <Badge
+                                        variant="secondary"
+                                        className="h-4 px-1 text-[9px]"
+                                      >
+                                        Tab
+                                      </Badge>
+                                    )}
+                                  </div>
+                                  <div
+                                    className="truncate text-[10px] text-muted-foreground"
+                                    title={entry.subtitle}
+                                  >
+                                    {entry.subtitle}
+                                  </div>
+                                </div>
+                                <ExternalLink className="h-3.5 w-3.5 text-muted-foreground/70" />
+                              </button>
+                            ))}
                           </div>
+                        </ScrollArea>
+                      ) : (
+                        <div className="rounded-2xl border border-dashed border-border/60 bg-background/50 px-4 py-6 text-center text-xs text-muted-foreground">
+                          No minimized panels.
+                        </div>
+                      )}
+                    </section>
+                  </div>
+                ) : (
+                  <div className="flex min-h-0 flex-1 flex-col gap-3">
+                    <div className="flex items-center justify-between">
+                      <div className="text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
+                        Launch Panels
+                      </div>
+                      <Badge
+                        variant="secondary"
+                        className="h-4 px-1.5 text-[10px]"
+                      >
+                        {launcherComponents.length}
+                      </Badge>
+                    </div>
+
+                    {pluginsLoading && launcherComponents.length === 0 && (
+                      <div className="flex h-32 flex-col items-center justify-center gap-3 rounded-2xl border border-border/50 bg-background/60 text-sm text-muted-foreground">
+                        <RefreshCw className="h-5 w-5 animate-spin" />
+                        <div>Loading plugins...</div>
+                      </div>
+                    )}
+
+                    {!pluginsLoading && groupedLauncherComponents.length > 0 && (
+                      <ScrollArea className="min-h-0 flex-1">
+                        <div className="space-y-3 pr-3">
+                          {groupedLauncherComponents.map((group) => (
+                            <div
+                              key={group.pluginId}
+                              className="overflow-hidden rounded-2xl border border-border/50 bg-background/60"
+                            >
+                              <div className="flex items-center justify-between border-b border-border/50 px-3 py-2">
+                                <div className="min-w-0">
+                                  <div
+                                    className="truncate text-xs font-semibold"
+                                    title={group.pluginLabel}
+                                  >
+                                    {group.pluginLabel}
+                                  </div>
+                                  <div
+                                    className="truncate text-[10px] text-muted-foreground"
+                                    title={group.pluginId}
+                                  >
+                                    {group.pluginId}
+                                  </div>
+                                </div>
+                                <Badge
+                                  variant="secondary"
+                                  className="h-4 px-1.5 text-[10px]"
+                                >
+                                  {group.entries.length}
+                                </Badge>
+                              </div>
+                              <div className="space-y-1 p-2">
+                                {group.entries.map((entry) => (
+                                  <div
+                                    key={entry.componentId}
+                                    className="flex items-center gap-3 rounded-xl px-2 py-2 transition-colors hover:bg-muted/40"
+                                  >
+                                    <div className="min-w-0 flex-1">
+                                      <div
+                                        className="truncate text-xs font-medium"
+                                        title={entry.title}
+                                      >
+                                        {entry.title}
+                                      </div>
+                                      <div
+                                        className="truncate text-[10px] text-muted-foreground"
+                                        title={entry.subtitle}
+                                      >
+                                        {entry.subtitle}
+                                      </div>
+                                    </div>
+                                    <Button
+                                      variant="secondary"
+                                      size="sm"
+                                      className="h-7 shrink-0 rounded-lg px-2 text-xs"
+                                      onClick={() =>
+                                        handleSpawnComponent(entry)
+                                      }
+                                    >
+                                      <Play className="mr-1.5 h-3 w-3" />
+                                      Open
+                                    </Button>
+                                  </div>
+                                ))}
+                              </div>
+                            </div>
+                          ))}
                         </div>
-                      );
-                    })}
+                      </ScrollArea>
+                    )}
+
+                    {!pluginsLoading && !hasLauncherResults && (
+                      <div className="rounded-2xl border border-dashed border-border/60 bg-background/50 px-4 py-8 text-center text-xs text-muted-foreground">
+                        No panels are available yet.
+                      </div>
+                    )}
                   </div>
                 )}
-
-                <Button
-                  variant="ghost"
-                  size="sm"
-                  className="w-full mt-4 text-xs text-muted-foreground hover:text-foreground"
-                  onClick={async () => {
-                    await loadExternalPlugins({ adapter });
-                    setPluginReloadTick((prev) => prev + 1);
-                  }}
-                >
-                  <RefreshCw className="w-3 h-3 mr-2" /> Reload Plugins
-                </Button>
               </div>
-            </>
+            </div>
           )}
         </div>
       )}
diff --git a/ui/components/panels/ImageDetails.tsx b/ui/components/panels/ImageDetails.tsx
index 4975b24..321b533 100644
--- a/ui/components/panels/ImageDetails.tsx
+++ b/ui/components/panels/ImageDetails.tsx
@@ -1,22 +1,29 @@
-import React, { useMemo, useState, useEffect } from "react";
-import { Button } from "@embeddr/react-ui/components/ui";
-import { ScrollArea } from "@embeddr/react-ui/components/ui";
-import { Badge } from "@embeddr/react-ui/components/ui";
-import { Separator } from "@embeddr/react-ui/components/ui";
-import { Skeleton } from "@embeddr/react-ui/components/ui";
+import React, { useEffect, useMemo, useState } from "react";
+import {
+  Badge,
+  Button,
+  ScrollArea,
+  Separator,
+  Skeleton,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "@embeddr/react-ui/components/ui";
 import { EmbeddrApiClient } from "@embeddr/client-typescript";
 import { AuthorizedImage } from "@components/ui/AuthorizedImage";
-
 import {
   ArrowBigRightDashIcon,
+  Braces,
   Check,
   Copy,
-  Plus,
-  Tag,
+  FileText,
   Folder,
-  Hash,
   Info,
-  FileText,
+  Layers,
+  MessageSquare,
+  Plus,
+  Tag,
 } from "lucide-react";
 import type { PromptImageRead } from "@hooks/useEmbeddrApi";
 import type { TargetNode } from "@hooks/useNodeScanner";
@@ -33,13 +40,178 @@ interface ImageDetailsProps {
 
 interface ArtifactDetail {
   id: string;
+  created_at?: string;
   type_name: string;
+  base_type_name?: string;
   uri: string;
   metadata_json: Record<string, any>;
   collections: Array<{ id: string; name: string }>;
   tags: Array<{ id: string; name: string }>;
 }
 
+interface ArtifactAnnotation {
+  id: string;
+  text: string;
+  annotation_type: string;
+  plugin_name?: string;
+  confidence?: number;
+  created_at?: string;
+}
+
+interface ArtifactEmbedding {
+  id: string;
+  model_name: string;
+  plugin_name?: string;
+  created_at?: string;
+  vector_dim: number;
+  space: string;
+}
+
+interface ArtifactFeatureRef {
+  id: string;
+  feature_type: string;
+  name: string;
+  producer_plugin?: string;
+  producer_version?: string;
+  created_at?: string;
+  model_name?: string;
+  space?: string;
+  vector_dim?: number;
+  metadata_json?: Record<string, any>;
+}
+
+interface ArtifactSignals {
+  annotations: ArtifactAnnotation[];
+  embeddings: ArtifactEmbedding[];
+  features: ArtifactFeatureRef[];
+}
+
+interface DerivedTextSignal {
+  id: string;
+  label: string;
+  source: string;
+  text: string;
+  pluginName?: string;
+  confidence?: number;
+}
+
+const EMPTY_SIGNALS: ArtifactSignals = {
+  annotations: [],
+  embeddings: [],
+  features: [],
+};
+
+const TEXT_METADATA_KEYS = [
+  "caption",
+  "caption_text",
+  "generated_caption",
+  "summary",
+  "description",
+  "alt_text",
+  "ocr_text",
+  "text",
+  "note",
+];
+
+function resolveApiV1Base(apiBase?: string) {
+  const trimmed = (apiBase || "").replace(/\/+$/, "");
+  if (!trimmed) return "";
+  if (/\/api\/v1$/i.test(trimmed)) return trimmed;
+  if (/\/api\/v2$/i.test(trimmed)) return trimmed.replace(/\/api\/v2$/i, "/api/v1");
+  if (/\/api$/i.test(trimmed)) return `${trimmed}/v1`;
+  return `${trimmed}/api/v1`;
+}
+
+function getAuthHeaders(apiKey?: string | null) {
+  const headers: Record<string, string> = {};
+  if (apiKey) headers["X-API-Key"] = apiKey;
+  return headers;
+}
+
+async function fetchJson<T>(url: string, apiKey?: string | null): Promise<T> {
+  const response = await fetch(url, {
+    headers: getAuthHeaders(apiKey),
+    credentials: "include",
+  });
+  if (!response.ok) {
+    throw new Error(`Request failed: ${response.status}`);
+  }
+  return response.json();
+}
+
+function normalizeSignalText(value: unknown) {
+  if (typeof value !== "string") return null;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : null;
+}
+
+function collectDerivedTextSignals(
+  artifact: ArtifactDetail | null,
+  annotations: ArtifactAnnotation[],
+  features: ArtifactFeatureRef[],
+): DerivedTextSignal[] {
+  const seen = new Set<string>();
+  const signals: DerivedTextSignal[] = [];
+
+  const pushSignal = (signal: DerivedTextSignal | null) => {
+    if (!signal) return;
+    const normalized = signal.text.trim();
+    if (!normalized || seen.has(normalized)) return;
+    seen.add(normalized);
+    signals.push({ ...signal, text: normalized });
+  };
+
+  annotations.forEach((annotation) => {
+    const text = normalizeSignalText(annotation.text);
+    pushSignal(
+      text
+        ? {
+            id: `annotation:${annotation.id}`,
+            label: annotation.annotation_type || "annotation",
+            source: "Annotation",
+            text,
+            pluginName: annotation.plugin_name,
+            confidence: annotation.confidence,
+          }
+        : null,
+    );
+  });
+
+  TEXT_METADATA_KEYS.forEach((key) => {
+    const text = normalizeSignalText(artifact?.metadata_json?.[key]);
+    pushSignal(
+      text
+        ? {
+            id: `metadata:${key}`,
+            label: key.replace(/_/g, " "),
+            source: "Metadata",
+            text,
+          }
+        : null,
+    );
+  });
+
+  features.forEach((feature) => {
+    const featureText =
+      TEXT_METADATA_KEYS.map((key) => normalizeSignalText(feature.metadata_json?.[key])).find(Boolean) ||
+      (/(caption|summary|ocr|text)/i.test(feature.feature_type) ? normalizeSignalText(feature.name) : null);
+
+    pushSignal(
+      featureText
+        ? {
+            id: `feature:${feature.id}`,
+            label: feature.feature_type || "feature",
+            source: "Feature",
+            text: featureText,
+            pluginName: feature.producer_plugin,
+          }
+        : null,
+    );
+  });
+
+  return signals;
+}
+
 export function ImageDetails({
   selectedImage,
   targetNodes,
@@ -49,20 +221,29 @@ export function ImageDetails({
   apiClient,
   apiKey,
 }: ImageDetailsProps) {
-  const [copied, setCopied] = useState(false);
+  const [copiedPrompt, setCopiedPrompt] = useState(false);
   const [artifact, setArtifact] = useState<ArtifactDetail | null>(null);
   const [loading, setLoading] = useState(false);
+  const [signals, setSignals] = useState<ArtifactSignals>(EMPTY_SIGNALS);
+  const [signalsLoading, setSignalsLoading] = useState(false);
+  const [signalsError, setSignalsError] = useState<string | null>(null);
+
+  const effectiveApiKey = useMemo(
+    () =>
+      apiKey ||
+      (typeof window !== "undefined"
+        ? localStorage.getItem("embeddr_api_key")
+        : null),
+    [apiKey],
+  );
+
+  const resolvedApiBase = useMemo(() => resolveApiV1Base(apiBase), [apiBase]);
 
   const localClient = useMemo(() => {
     if (apiClient) return apiClient;
-    if (!apiBase) return null;
-    let baseUrl = apiBase;
-    if (baseUrl.endsWith("/")) baseUrl = baseUrl.slice(0, -1);
-    if (!baseUrl.endsWith("/api/v1")) {
-      baseUrl = `${baseUrl}/api/v1`;
-    }
-    return new EmbeddrApiClient({ baseUrl });
-  }, [apiClient, apiBase]);
+    if (!resolvedApiBase) return null;
+    return new EmbeddrApiClient({ baseUrl: resolvedApiBase });
+  }, [apiClient, resolvedApiBase]);
 
   useEffect(() => {
     if (!selectedImage?.id) {
@@ -70,216 +251,613 @@ export function ImageDetails({
       return;
     }
 
+    let active = true;
     setLoading(true);
-    const client = localClient;
-    const fallback = apiBase
-      ? apiBase.replace(/\/+$/, "").replace(/\/+api\/v2$/, "") + "/api/v1"
-      : "";
-
-    if (client) {
-      client.artifacts
-        .get(selectedImage.id)
-        .then((data) => setArtifact(data as ArtifactDetail))
-        .catch((e) => {
-          console.warn("Failed to fetch artifact, trying fallback headers", e);
-          // If client fails, try raw fetch with token from local storage as backup
-          if (fallback) {
-            const token = localStorage.getItem("embeddr_api_key");
-            const headers: any = {};
-            if (token) headers["X-API-Key"] = token;
-
-            fetch(`${fallback}/artifacts/${selectedImage.id}`, { headers })
-              .then((res) => res.json())
-              .then((data) => setArtifact(data))
-              .catch((err) => console.error("Double fallback failed", err));
-          }
-        })
-        .finally(() => setLoading(false));
-      return;
-    }
 
-    if (!fallback) {
-      setArtifact(null);
-      setLoading(false);
+    (async () => {
+      try {
+        if (localClient) {
+          const data = await localClient.artifacts.get(String(selectedImage.id));
+          if (active) setArtifact(data as ArtifactDetail);
+          return;
+        }
+
+        if (!resolvedApiBase) {
+          if (active) setArtifact(null);
+          return;
+        }
+
+        const data = await fetchJson<ArtifactDetail>(
+          `${resolvedApiBase}/artifacts/${selectedImage.id}`,
+          effectiveApiKey,
+        );
+        if (active) setArtifact(data);
+      } catch (error) {
+        console.error("Failed to fetch artifact details", error);
+        if (active) setArtifact(null);
+      } finally {
+        if (active) setLoading(false);
+      }
+    })();
+
+    return () => {
+      active = false;
+    };
+  }, [effectiveApiKey, localClient, resolvedApiBase, selectedImage?.id]);
+
+  useEffect(() => {
+    if (!selectedImage?.id || !resolvedApiBase) {
+      setSignals(EMPTY_SIGNALS);
+      setSignalsLoading(false);
+      setSignalsError(null);
       return;
     }
 
-    const token = localStorage.getItem("embeddr_api_key");
-    const headers: any = {};
-    if (token) headers["X-API-Key"] = token;
+    let active = true;
+    setSignalsLoading(true);
+    setSignalsError(null);
 
-    fetch(`${fallback}/artifacts/${selectedImage.id}`, { headers })
-      .then((res) => (res.ok ? res.json() : null))
-      .then((data) => setArtifact(data))
-      .catch((e) => console.error("Failed to fetch artifact details", e))
-      .finally(() => setLoading(false));
-  }, [selectedImage.id, apiBase, localClient]);
+    Promise.allSettled([
+      fetchJson<ArtifactAnnotation[]>(
+        `${resolvedApiBase}/artifacts/${selectedImage.id}/annotations`,
+        effectiveApiKey,
+      ),
+      fetchJson<ArtifactEmbedding[]>(
+        `${resolvedApiBase}/artifacts/${selectedImage.id}/embeddings`,
+        effectiveApiKey,
+      ),
+      fetchJson<ArtifactFeatureRef[]>(
+        `${resolvedApiBase}/artifacts/${selectedImage.id}/features`,
+        effectiveApiKey,
+      ),
+    ])
+      .then(([annotationsResult, embeddingsResult, featuresResult]) => {
+        if (!active) return;
 
-  const handleCopyPrompt = () => {
-    if (selectedImage?.prompt) {
-      navigator.clipboard.writeText(selectedImage.prompt);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2000);
+        const nextSignals: ArtifactSignals = {
+          annotations:
+            annotationsResult.status === "fulfilled"
+              ? annotationsResult.value
+              : [],
+          embeddings:
+            embeddingsResult.status === "fulfilled" ? embeddingsResult.value : [],
+          features:
+            featuresResult.status === "fulfilled" ? featuresResult.value : [],
+        };
+
+        const failedRequests = [
+          annotationsResult,
+          embeddingsResult,
+          featuresResult,
+        ].filter((result) => result.status === "rejected");
+
+        setSignals(nextSignals);
+        setSignalsError(
+          failedRequests.length > 0
+            ? "Some artifact signals could not be loaded."
+            : null,
+        );
+      })
+      .catch((error) => {
+        console.error("Failed to fetch artifact signals", error);
+        if (active) {
+          setSignals(EMPTY_SIGNALS);
+          setSignalsError("Failed to load artifact signals.");
+        }
+      })
+      .finally(() => {
+        if (active) setSignalsLoading(false);
+      });
+
+    return () => {
+      active = false;
+    };
+  }, [effectiveApiKey, resolvedApiBase, selectedImage?.id]);
+
+  const legacyPrompt = useMemo(
+    () => normalizeSignalText(selectedImage?.prompt),
+    [selectedImage?.prompt],
+  );
+
+  const derivedTextSignals = useMemo(
+    () =>
+      collectDerivedTextSignals(
+        artifact,
+        signals.annotations,
+        signals.features,
+      ),
+    [artifact, signals.annotations, signals.features],
+  );
+
+  const filename = useMemo(() => {
+    const metadataName = normalizeSignalText(artifact?.metadata_json?.filename);
+    if (metadataName) return metadataName;
+    if (selectedImage.filename) return selectedImage.filename;
+    if (artifact?.uri) {
+      const lastSegment = artifact.uri.split("/").filter(Boolean).pop();
+      if (lastSegment) return lastSegment;
     }
+    return `artifact-${selectedImage.id}`;
+  }, [artifact?.metadata_json, artifact?.uri, selectedImage.filename, selectedImage.id]);
+
+  const rawArtifactPayload = useMemo(
+    () =>
+      JSON.stringify(
+        {
+          artifact,
+          signals,
+          selected_image: selectedImage,
+        },
+        null,
+        2,
+      ),
+    [artifact, selectedImage, signals],
+  );
+
+  const handleCopyPrompt = () => {
+    if (!legacyPrompt) return;
+    navigator.clipboard.writeText(legacyPrompt);
+    setCopiedPrompt(true);
+    setTimeout(() => setCopiedPrompt(false), 2000);
   };
 
   return (
-    <div className="flex flex-col gap-3 flex-1 min-h-0 relative">
+    <div className="relative flex min-h-0 flex-1 flex-col gap-3">
       <ScrollArea className="flex-1 min-h-0" type="always">
-        <div className="flex flex-col gap-1 pr-3">
-          <div className="w-full shrink-0 overflow-hidden bg-muted border relative group">
+        <div className="flex flex-col gap-3 pr-3">
+          <div className="group relative w-full shrink-0 overflow-hidden rounded-lg border bg-muted">
             <AuthorizedImage
               src={selectedImage.thumb_url || selectedImage.image_url}
               alt="Selected"
-              className="w-full h-full object-cover"
+              className="h-full w-full object-cover"
               apiKey={apiKey}
             />
 
-            {/* Overlay Controls */}
-            <div className="absolute inset-0 p-2 flex justify-between items-start pointer-events-none">
-              {/* Left: New Node / Smart Use */}
+            <div className="pointer-events-none absolute inset-0 flex items-start justify-between p-2">
               <Button
                 size="icon"
                 variant="secondary"
-                className="h-8 w-8 shadow-sm pointer-events-auto opacity-0 group-hover:opacity-100 transition-opacity"
+                className="pointer-events-auto h-8 w-8 shadow-sm opacity-0 transition-opacity group-hover:opacity-100"
                 onClick={() => onUseImage(selectedImage.image_url)}
                 title="Create New Node"
               >
-                <Plus className="w-4 h-4" />
+                <Plus className="h-4 w-4" />
               </Button>
 
-              {/* Right: Actions & Nodes */}
-              <div className="flex flex-col gap-1 items-end pointer-events-auto">
-                {/* Copy Prompt */}
-                {selectedImage.prompt && (
+              <div className="pointer-events-auto flex flex-col items-end gap-1">
+                {legacyPrompt && (
                   <Button
                     size="icon"
                     variant="secondary"
-                    className="h-8 w-8 shadow-sm opacity-0 group-hover:opacity-100 transition-opacity"
+                    className="h-8 w-8 shadow-sm opacity-0 transition-opacity group-hover:opacity-100"
                     onClick={handleCopyPrompt}
-                    title="Copy Prompt"
+                    title="Copy legacy prompt"
                   >
-                    {copied ? (
-                      <Check className="w-4 h-4" />
+                    {copiedPrompt ? (
+                      <Check className="h-4 w-4" />
                     ) : (
-                      <Copy className="w-4 h-4" />
+                      <Copy className="h-4 w-4" />
                     )}
                   </Button>
                 )}
 
-                {/* Target Nodes */}
                 {targetNodes.map((node) => (
                   <Button
                     key={node.id}
                     size="sm"
                     variant="secondary"
-                    className="h-6 text-xs shadow-sm opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap"
+                    className="h-6 whitespace-nowrap text-xs shadow-sm opacity-0 transition-opacity group-hover:opacity-100"
                     onClick={() =>
                       onLoadIntoNode(node.id, selectedImage.image_url)
                     }
                   >
-                    {node.title}{" "}
-                    <ArrowBigRightDashIcon className="w-3 h-3 ml-1" />
+                    {node.title}
+                    <ArrowBigRightDashIcon className="ml-1 h-3 w-3" />
                   </Button>
                 ))}
               </div>
             </div>
           </div>
 
-          <div className="flex flex-col gap-4 p-1 mt-2">
-            {selectedImage.prompt && (
-              <div className="flex flex-col gap-1">
-                <div className="flex items-center gap-2 text-xs font-semibold text-muted-foreground">
-                  <FileText className="w-3 h-3" /> Prompt
+          <div className="rounded-lg border bg-background/70 p-3">
+            <div className="flex items-start justify-between gap-3">
+              <div className="min-w-0">
+                <div className="truncate text-sm font-semibold" title={filename}>
+                  {filename}
                 </div>
-                <div className="text-xs text-muted-foreground bg-background border p-2 rounded-md whitespace-pre-wrap font-mono max-h-48 overflow-y-auto">
-                  {selectedImage.prompt}
+                <div className="mt-2 flex flex-wrap gap-1">
+                  <Badge variant="outline" className="text-[10px]">
+                    {artifact?.type_name || "image"}
+                  </Badge>
+                  <Badge variant="secondary" className="text-[10px]">
+                    #{selectedImage.id}
+                  </Badge>
+                  {artifact?.collections?.length ? (
+                    <Badge variant="secondary" className="text-[10px]">
+                      {artifact.collections.length} collections
+                    </Badge>
+                  ) : null}
+                  {signals.features.length > 0 ? (
+                    <Badge variant="secondary" className="text-[10px]">
+                      {signals.features.length} features
+                    </Badge>
+                  ) : null}
                 </div>
               </div>
-            )}
-
-            {loading && (
-              <div className="flex flex-col gap-2">
-                <Skeleton className="h-4 w-3/4 bg-muted" />
-                <Skeleton className="h-4 w-1/2 bg-muted" />
+              <div className="text-right text-[10px] text-muted-foreground">
+                {artifact?.created_at || selectedImage.created_at}
               </div>
-            )}
-
-            {!loading && artifact && (
-              <>
-                <Separator />
-                {/* Tech Specs */}
-                <div className="grid grid-cols-2 gap-4 text-xs">
-                  <div className="flex flex-col gap-0.5">
-                    <span className="text-muted-foreground font-medium">
-                      Dimensions
-                    </span>
-                    <span>
-                      {artifact.metadata_json?.width || selectedImage.width} x{" "}
-                      {artifact.metadata_json?.height || selectedImage.height}
-                    </span>
+            </div>
+          </div>
+
+          <Tabs defaultValue="overview" className="flex flex-col gap-3">
+            <TabsList className="grid w-full grid-cols-3">
+              <TabsTrigger value="overview" className="text-xs">
+                Overview
+              </TabsTrigger>
+              <TabsTrigger value="signals" className="text-xs">
+                Signals
+              </TabsTrigger>
+              <TabsTrigger value="json" className="text-xs">
+                JSON
+              </TabsTrigger>
+            </TabsList>
+
+            <TabsContent value="overview" className="mt-0 space-y-4">
+              {loading ? (
+                <div className="space-y-3">
+                  <Skeleton className="h-20 w-full bg-muted" />
+                  <Skeleton className="h-24 w-full bg-muted" />
+                </div>
+              ) : (
+                <>
+                  <div className="grid grid-cols-2 gap-3 text-xs">
+                    <div className="space-y-1 rounded-lg border bg-background/60 p-3">
+                      <div className="flex items-center gap-2 text-muted-foreground">
+                        <Info className="h-3 w-3" />
+                        Details
+                      </div>
+                      <div className="space-y-1.5 pt-1">
+                        <div>
+                          <div className="text-muted-foreground">Filename</div>
+                          <div className="truncate font-medium" title={filename}>
+                            {filename}
+                          </div>
+                        </div>
+                        <div>
+                          <div className="text-muted-foreground">Artifact ID</div>
+                          <div className="font-mono text-[11px] break-all">
+                            {artifact?.id || selectedImage.id}
+                          </div>
+                        </div>
+                        {selectedImage.model && (
+                          <div>
+                            <div className="text-muted-foreground">Model</div>
+                            <div className="truncate font-medium">
+                              {selectedImage.model}
+                            </div>
+                          </div>
+                        )}
+                      </div>
+                    </div>
+
+                    <div className="space-y-1 rounded-lg border bg-background/60 p-3">
+                      <div className="flex items-center gap-2 text-muted-foreground">
+                        <Layers className="h-3 w-3" />
+                        Media
+                      </div>
+                      <div className="space-y-1.5 pt-1">
+                        <div>
+                          <div className="text-muted-foreground">Dimensions</div>
+                          <div className="font-medium">
+                            {artifact?.metadata_json?.width || selectedImage.width || "?"} x{" "}
+                            {artifact?.metadata_json?.height || selectedImage.height || "?"}
+                          </div>
+                        </div>
+                        <div>
+                          <div className="text-muted-foreground">Type</div>
+                          <div className="font-medium uppercase">
+                            {artifact?.metadata_json?.format || artifact?.type_name || "image"}
+                          </div>
+                        </div>
+                        {artifact?.base_type_name && (
+                          <div>
+                            <div className="text-muted-foreground">Base Type</div>
+                            <div className="font-medium">{artifact.base_type_name}</div>
+                          </div>
+                        )}
+                      </div>
+                    </div>
+                  </div>
+
+                  {artifact?.collections?.length ? (
+                    <div className="space-y-2">
+                      <div className="flex items-center gap-2 text-xs font-semibold text-muted-foreground">
+                        <Folder className="h-3 w-3" />
+                        Collections
+                      </div>
+                      <div className="flex flex-wrap gap-1">
+                        {artifact.collections.map((collection) => (
+                          <Badge
+                            key={collection.id}
+                            variant="outline"
+                            className="h-auto px-2 py-0.5 text-[10px] font-normal"
+                          >
+                            {collection.name}
+                          </Badge>
+                        ))}
+                      </div>
+                    </div>
+                  ) : null}
+
+                  {((artifact?.tags && artifact.tags.length > 0) ||
+                    (artifact?.metadata_json?.tags &&
+                      Array.isArray(artifact.metadata_json.tags))) && (
+                    <div className="space-y-2">
+                      <div className="flex items-center gap-2 text-xs font-semibold text-muted-foreground">
+                        <Tag className="h-3 w-3" />
+                        Tags
+                      </div>
+                      <div className="flex flex-wrap gap-1">
+                        {(artifact?.tags?.length
+                          ? artifact.tags
+                          : (artifact?.metadata_json?.tags as string[]).map(
+                              (tag) => ({ id: tag, name: tag }),
+                            )
+                        ).map((tag) => (
+                          <Badge
+                            key={tag.id}
+                            variant="secondary"
+                            className="h-auto px-2 py-0.5 text-[10px] font-normal"
+                          >
+                            #{tag.name}
+                          </Badge>
+                        ))}
+                      </div>
+                    </div>
+                  )}
+
+                  {legacyPrompt ? (
+                    <>
+                      <Separator />
+                      <div className="space-y-2">
+                        <div className="flex items-center justify-between gap-2">
+                          <div className="flex items-center gap-2 text-xs font-semibold text-muted-foreground">
+                            <FileText className="h-3 w-3" />
+                            Legacy Prompt
+                          </div>
+                          <Button
+                            variant="ghost"
+                            size="sm"
+                            className="h-7 px-2 text-xs"
+                            onClick={handleCopyPrompt}
+                          >
+                            {copiedPrompt ? (
+                              <Check className="mr-1 h-3 w-3" />
+                            ) : (
+                              <Copy className="mr-1 h-3 w-3" />
+                            )}
+                            Copy
+                          </Button>
+                        </div>
+                        <div className="max-h-48 overflow-y-auto rounded-md border bg-background p-2 font-mono text-xs text-muted-foreground whitespace-pre-wrap">
+                          {legacyPrompt}
+                        </div>
+                      </div>
+                    </>
+                  ) : null}
+                </>
+              )}
+            </TabsContent>
+
+            <TabsContent value="signals" className="mt-0 space-y-4">
+              <div className="grid grid-cols-3 gap-2 text-xs">
+                <div className="rounded-lg border bg-background/60 p-3">
+                  <div className="text-[10px] uppercase tracking-wide text-muted-foreground">
+                    Text Signals
+                  </div>
+                  <div className="mt-1 text-lg font-semibold">
+                    {derivedTextSignals.length}
+                  </div>
+                </div>
+                <div className="rounded-lg border bg-background/60 p-3">
+                  <div className="text-[10px] uppercase tracking-wide text-muted-foreground">
+                    Features
+                  </div>
+                  <div className="mt-1 text-lg font-semibold">
+                    {signals.features.length}
+                  </div>
+                </div>
+                <div className="rounded-lg border bg-background/60 p-3">
+                  <div className="text-[10px] uppercase tracking-wide text-muted-foreground">
+                    Embeddings
                   </div>
-                  <div className="flex flex-col gap-0.5">
-                    <span className="text-muted-foreground font-medium">
-                      Type
-                    </span>
-                    <span className="uppercase">
-                      {artifact.metadata_json?.format || artifact.type_name}
-                    </span>
+                  <div className="mt-1 text-lg font-semibold">
+                    {signals.embeddings.length}
                   </div>
-                  {/* File Path (usually useful for debugging or local) */}
                 </div>
+              </div>
+
+              {signalsError && (
+                <div className="rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive">
+                  {signalsError}
+                </div>
+              )}
 
-                {/* Collections */}
-                {artifact.collections && artifact.collections.length > 0 && (
-                  <div className="flex flex-col gap-2">
+              {signalsLoading ? (
+                <div className="space-y-3">
+                  <Skeleton className="h-24 w-full bg-muted" />
+                  <Skeleton className="h-16 w-full bg-muted" />
+                  <Skeleton className="h-16 w-full bg-muted" />
+                </div>
+              ) : (
+                <>
+                  <div className="space-y-2">
                     <div className="flex items-center gap-2 text-xs font-semibold text-muted-foreground">
-                      <Folder className="w-3 h-3" /> Collections
-                    </div>
-                    <div className="flex flex-wrap gap-1">
-                      {artifact.collections.map((c) => (
-                        <Badge
-                          key={c.id}
-                          variant="outline"
-                          className="text-[10px] px-2 py-0.5 h-auto font-normal"
-                        >
-                          {c.name}
-                        </Badge>
-                      ))}
+                      <MessageSquare className="h-3 w-3" />
+                      Text Signals
                     </div>
+                    {derivedTextSignals.length > 0 ? (
+                      <div className="space-y-2">
+                        {derivedTextSignals.map((signal) => (
+                          <div
+                            key={signal.id}
+                            className="rounded-lg border bg-background/60 p-3"
+                          >
+                            <div className="mb-2 flex items-center gap-2">
+                              <Badge variant="outline" className="text-[10px]">
+                                {signal.source}
+                              </Badge>
+                              <Badge variant="secondary" className="text-[10px]">
+                                {signal.label}
+                              </Badge>
+                              {signal.pluginName ? (
+                                <span className="truncate text-[10px] text-muted-foreground">
+                                  {signal.pluginName}
+                                </span>
+                              ) : null}
+                              {signal.confidence != null ? (
+                                <span className="ml-auto text-[10px] text-muted-foreground">
+                                  {(signal.confidence * 100).toFixed(0)}%
+                                </span>
+                              ) : null}
+                            </div>
+                            <div className="whitespace-pre-wrap text-xs text-foreground/90">
+                              {signal.text}
+                            </div>
+                          </div>
+                        ))}
+                      </div>
+                    ) : (
+                      <div className="rounded-lg border border-dashed border-border/60 bg-background/50 px-4 py-6 text-center text-xs text-muted-foreground">
+                        No captions, annotations, or generated text are attached
+                        to this artifact yet.
+                      </div>
+                    )}
                   </div>
-                )}
 
-                {/* Tags */}
-                {((artifact.tags && artifact.tags.length > 0) ||
-                  (artifact.metadata_json?.tags &&
-                    Array.isArray(artifact.metadata_json.tags))) && (
-                  <div className="flex flex-col gap-2">
+                  <Separator />
+
+                  <div className="space-y-2">
                     <div className="flex items-center gap-2 text-xs font-semibold text-muted-foreground">
-                      <Tag className="w-3 h-3" /> Tags
+                      <Layers className="h-3 w-3" />
+                      Features
                     </div>
-                    <div className="flex flex-wrap gap-1">
-                      {/* Prefer relational tags, fallback to metadata tags */}
-                      {(artifact.tags?.length > 0
-                        ? artifact.tags
-                        : (artifact.metadata_json.tags as string[]).map(
-                            (t) => ({ id: t, name: t }),
-                          )
-                      ).map((t) => (
-                        <Badge
-                          key={t.id}
-                          variant="secondary"
-                          className="text-[10px] px-2 py-0.5 h-auto font-normal"
-                        >
-                          #{t.name}
-                        </Badge>
-                      ))}
+                    {signals.features.length > 0 ? (
+                      <div className="space-y-2">
+                        {signals.features.map((feature) => (
+                          <div
+                            key={feature.id}
+                            className="rounded-lg border bg-background/60 p-3"
+                          >
+                            <div className="flex items-center gap-2">
+                              <Badge variant="outline" className="text-[10px]">
+                                {feature.feature_type}
+                              </Badge>
+                              <span className="truncate text-xs font-medium">
+                                {feature.name}
+                              </span>
+                            </div>
+                            <div className="mt-2 flex flex-wrap gap-1">
+                              {feature.producer_plugin ? (
+                                <Badge
+                                  variant="secondary"
+                                  className="text-[10px]"
+                                >
+                                  {feature.producer_plugin}
+                                </Badge>
+                              ) : null}
+                              {feature.model_name ? (
+                                <Badge
+                                  variant="secondary"
+                                  className="text-[10px]"
+                                >
+                                  {feature.model_name}
+                                </Badge>
+                              ) : null}
+                              {feature.space ? (
+                                <Badge
+                                  variant="secondary"
+                                  className="text-[10px]"
+                                >
+                                  {feature.space}
+                                </Badge>
+                              ) : null}
+                              {feature.vector_dim ? (
+                                <Badge
+                                  variant="secondary"
+                                  className="text-[10px]"
+                                >
+                                  {feature.vector_dim}d
+                                </Badge>
+                              ) : null}
+                            </div>
+                          </div>
+                        ))}
+                      </div>
+                    ) : (
+                      <div className="rounded-lg border border-dashed border-border/60 bg-background/50 px-4 py-6 text-center text-xs text-muted-foreground">
+                        No attached features found.
+                      </div>
+                    )}
+                  </div>
+
+                  <Separator />
+
+                  <div className="space-y-2">
+                    <div className="flex items-center gap-2 text-xs font-semibold text-muted-foreground">
+                      <Braces className="h-3 w-3" />
+                      Embeddings
                     </div>
+                    {signals.embeddings.length > 0 ? (
+                      <div className="space-y-2">
+                        {signals.embeddings.map((embedding) => (
+                          <div
+                            key={embedding.id}
+                            className="rounded-lg border bg-background/60 p-3"
+                          >
+                            <div className="flex items-center gap-2">
+                              <Badge variant="outline" className="text-[10px]">
+                                {embedding.space}
+                              </Badge>
+                              <span className="truncate text-xs font-medium">
+                                {embedding.model_name}
+                              </span>
+                            </div>
+                            <div className="mt-2 flex flex-wrap gap-1">
+                              <Badge variant="secondary" className="text-[10px]">
+                                {embedding.vector_dim}d
+                              </Badge>
+                              {embedding.plugin_name ? (
+                                <Badge
+                                  variant="secondary"
+                                  className="text-[10px]"
+                                >
+                                  {embedding.plugin_name}
+                                </Badge>
+                              ) : null}
+                            </div>
+                          </div>
+                        ))}
+                      </div>
+                    ) : (
+                      <div className="rounded-lg border border-dashed border-border/60 bg-background/50 px-4 py-6 text-center text-xs text-muted-foreground">
+                        No embeddings stored for this artifact.
+                      </div>
+                    )}
                   </div>
-                )}
-              </>
-            )}
-          </div>
+                </>
+              )}
+            </TabsContent>
+
+            <TabsContent value="json" className="mt-0">
+              <div className="rounded-lg border bg-background/60 p-3">
+                <pre className="max-h-[28rem] overflow-auto whitespace-pre-wrap break-all font-mono text-[10px] text-muted-foreground">
+                  {rawArtifactPayload}
+                </pre>
+              </div>
+            </TabsContent>
+          </Tabs>
         </div>
       </ScrollArea>
     </div>
diff --git a/ui/components/tabs/ExploreTab.tsx b/ui/components/tabs/ExploreTab.tsx
index 12e6c73..3c0855a 100644
--- a/ui/components/tabs/ExploreTab.tsx
+++ b/ui/components/tabs/ExploreTab.tsx
@@ -32,8 +32,8 @@ interface ExploreTabProps {
     collectionId?: string | null,
   ) => Promise<void>;
   libraries: Array<LibraryPath>;
-  similarImageId: number | null;
-  setSimilarImageId: (id: number | null) => void;
+  similarImageId: string | number | null;
+  setSimilarImageId: (id: string | number | null) => void;
   mode: ApiMode;
   apiBase?: string; // Need apiBase for collections
   apiClient?: EmbeddrApiClient;
@@ -95,6 +95,7 @@ export function ExploreTab({
   useEffect(() => {
     if (!configLoaded) return;
     const colId = selectedCollectionId === "all" ? null : selectedCollectionId;
+    scrollRef.current?.scrollTo({ top: 0 });
     // libraryId is null now as we use collections
     fetchImages(true, searchQuery, viewMode, null, similarImageId, colId);
   }, [viewMode, configLoaded, selectedCollectionId, mode, similarImageId]); // Re-fetch when view mode changes or config is loaded
@@ -115,6 +116,7 @@ export function ExploreTab({
   const handleSearch = (e: React.FormEvent) => {
     e.preventDefault();
     const colId = selectedCollectionId === "all" ? null : selectedCollectionId;
+    scrollRef.current?.scrollTo({ top: 0 });
     fetchImages(true, searchQuery, viewMode, null, similarImageId, colId);
   };
 
@@ -188,8 +190,8 @@ export function ExploreTab({
                   colId,
                 );
               }}
-              onSimilarSearch={(image) => {
-                setSimilarImageId(image.id); // Assuming image.id is number/string
+              onSimilarSearch={(imageId) => {
+                setSimilarImageId(imageId);
               }}
               onSelect={(image) => {
                 if (!image) return;
diff --git a/ui/components/tabs/SettingsForm.tsx b/ui/components/tabs/SettingsForm.tsx
index e43c617..791c75b 100644
--- a/ui/components/tabs/SettingsForm.tsx
+++ b/ui/components/tabs/SettingsForm.tsx
@@ -1,7 +1,8 @@
-import React from "react";
+import React, { useCallback, useEffect, useState } from "react";
 import { Input } from "@embeddr/react-ui/components/ui";
 import { Label } from "@embeddr/react-ui/components/ui";
 import { Button } from "@embeddr/react-ui/components/ui";
+import { Badge } from "@embeddr/react-ui/components/ui";
 import { Slider } from "@embeddr/react-ui/components/ui";
 import { Switch } from "@embeddr/react-ui/components/ui";
 import {
@@ -12,10 +13,223 @@ import {
   SelectValue,
 } from "@embeddr/react-ui/components/ui";
 
-import { Moon, Server, Sun } from "lucide-react";
+import { Moon, Server, Sun, Shield, LogOut, User } from "lucide-react";
+import { createEmbeddrOAuth } from "@embeddr/client-typescript";
+import { proxyFetch } from "../../utils/proxyFetch";
 import type { ApiMode } from "@hooks/useEmbeddrApi";
 import { useThemePacks } from "@hooks/useThemePacks";
 
+const OAUTH_CLIENT_ID = "embeddr:comfyui";
+
+/* ── Embeddr Connection (OAuth or manual key) ── */
+
+function EmbeddrConnectionSection({
+  endpoint,
+  apiKey,
+  setApiKey,
+}: {
+  endpoint: string;
+  apiKey: string;
+  setApiKey?: (key: string) => void;
+}) {
+  const [profile, setProfile] = useState<{
+    username: string;
+    display_name: string | null;
+    operator_name: string | null;
+    instance_name: string;
+  } | null>(null);
+  const [checking, setChecking] = useState(false);
+  const [showManualKey, setShowManualKey] = useState(false);
+
+  // Check connection on mount and when apiKey changes
+  const checkConnection = useCallback(async () => {
+    if (!apiKey) {
+      setProfile(null);
+      return;
+    }
+    setChecking(true);
+    try {
+      const apiBase = endpoint.replace(/\/+$/, "");
+      const [whoamiRes, publicRes] = await Promise.all([
+        proxyFetch(`${apiBase}/api/security/whoami`),
+        proxyFetch(`${apiBase}/api/system/public`),
+      ]);
+      if (whoamiRes.ok) {
+        const data = await whoamiRes.json();
+        let instanceName = "Embeddr";
+        if (publicRes.ok) {
+          const pub = await publicRes.json();
+          instanceName = pub.instance?.name || instanceName;
+        }
+        setProfile({
+          username: data.user?.username || "",
+          display_name: data.user?.display_name || null,
+          operator_name: data.operator?.display_name || data.operator?.name || null,
+          instance_name: instanceName,
+        });
+      } else {
+        setProfile(null);
+      }
+    } catch {
+      setProfile(null);
+    } finally {
+      setChecking(false);
+    }
+  }, [apiKey]);
+
+  useEffect(() => {
+    checkConnection();
+  }, [checkConnection]);
+
+  // Handle OAuth callback
+  useEffect(() => {
+    const params = new URLSearchParams(window.location.search);
+    const code = params.get("code");
+    if (!code) return;
+
+    const oauth = createEmbeddrOAuth({
+      embeddrUrl: endpoint,
+      clientId: OAUTH_CLIENT_ID,
+    });
+
+    oauth
+      .handleCallback(window.location.search)
+      .then((token) => {
+        if (setApiKey) setApiKey(token.access_token);
+        localStorage.setItem("embeddr_api_key", token.access_token);
+        // Save to server config too
+        fetch("/embeddr/config", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ api_key: token.access_token }),
+        }).catch(() => {});
+        // Clean URL
+        window.history.replaceState({}, "", window.location.pathname);
+      })
+      .catch((e) => {
+        console.error("OAuth callback failed:", e);
+      });
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  const handleOAuthConnect = async () => {
+    console.log("[Embeddr] OAuth connect clicked", { endpoint });
+    try {
+      const oauth = createEmbeddrOAuth({
+        embeddrUrl: endpoint,
+        clientId: OAUTH_CLIENT_ID,
+      });
+      console.log("[Embeddr] Starting OAuth flow to", endpoint);
+      await oauth.startAuthFlow({
+        scopes: [
+          "artifacts:read",
+          "artifacts:write",
+          "collections:read",
+          "collections:write",
+          "executions:read",
+          "executions:write",
+          "plugins:read",
+          "config:read",
+          "themes:read",
+          "lotus:dispatch",
+          "lotus:list",
+        ],
+        redirectUri: window.location.origin + window.location.pathname,
+      });
+    } catch (e) {
+      console.error("[Embeddr] OAuth flow error:", e);
+    }
+  };
+
+  const handleDisconnect = () => {
+    if (setApiKey) setApiKey("");
+    localStorage.removeItem("embeddr_api_key");
+    setProfile(null);
+    fetch("/embeddr/config", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ api_key: "" }),
+    }).catch(() => {});
+  };
+
+  const displayName = profile?.display_name || profile?.username || "";
+  const initials = displayName.slice(0, 2).toUpperCase() || "?";
+
+  return (
+    <div className="space-y-2">
+      <Label>Embeddr Connection</Label>
+      {profile ? (
+        <div className="rounded-md border p-3 space-y-2">
+          <div className="flex items-center gap-2.5">
+            <div className="h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center shrink-0">
+              <span className="text-[10px] font-semibold text-primary">
+                {initials}
+              </span>
+            </div>
+            <div className="min-w-0 flex-1">
+              <div className="text-xs font-medium truncate">{displayName}</div>
+              <div className="text-[10px] text-muted-foreground truncate">
+                {profile.operator_name && (
+                  <span>{profile.operator_name} &middot; </span>
+                )}
+                {profile.instance_name}
+              </div>
+            </div>
+            <Badge variant="outline" className="text-[9px] shrink-0">
+              connected
+            </Badge>
+          </div>
+          <Button
+            variant="outline"
+            size="sm"
+            className="w-full text-xs"
+            onClick={handleDisconnect}
+          >
+            <LogOut className="h-3 w-3 mr-1.5" />
+            Disconnect
+          </Button>
+        </div>
+      ) : (
+        <div className="rounded-md border border-dashed p-3 space-y-2">
+          <Button
+            className="w-full"
+            onClick={handleOAuthConnect}
+            disabled={checking || !endpoint}
+          >
+            <Shield className="h-4 w-4 mr-2" />
+            {checking ? "Checking..." : "Connect to Embeddr"}
+          </Button>
+          <p className="text-[10px] text-muted-foreground text-center">
+            Opens Embeddr to approve access for this ComfyUI instance.
+          </p>
+          {showManualKey && (
+            <div className="space-y-1 pt-1 border-t">
+              <p className="text-[10px] text-muted-foreground">
+                Or enter an API key manually:
+              </p>
+              <Input
+                type="password"
+                placeholder="em_..."
+                value={apiKey}
+                onChange={(e) => setApiKey && setApiKey(e.target.value)}
+                className="h-7 text-xs"
+              />
+            </div>
+          )}
+          {!showManualKey && (
+            <button
+              type="button"
+              className="text-[10px] text-muted-foreground underline w-full text-center"
+              onClick={() => setShowManualKey(true)}
+            >
+              Use API key instead
+            </button>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
+
 interface SettingsFormProps {
   endpoint: string;
   setEndpoint: (endpoint: string) => void;
@@ -91,19 +305,11 @@ export function SettingsForm({
         </p>
       </div>
 
-      <div className="space-y-2">
-        <Label htmlFor="api-key">API Key</Label>
-        <Input
-          id="api-key"
-          type="password"
-          placeholder="Enter API Key (optional)"
-          value={apiKey}
-          onChange={(e) => setApiKey && setApiKey(e.target.value)}
-        />
-        <p className="text-xs text-muted-foreground">
-          Optional API Key for authentication (X-API-Key).
-        </p>
-      </div>
+      <EmbeddrConnectionSection
+        endpoint={endpoint}
+        apiKey={apiKey}
+        setApiKey={setApiKey}
+      />
 
       <div className="space-y-2">
         <Label htmlFor="grid-size">Grid Columns</Label>
diff --git a/ui/components/ui/ImageGrid.tsx b/ui/components/ui/ImageGrid.tsx
index fc6413d..cfd6fba 100644
--- a/ui/components/ui/ImageGrid.tsx
+++ b/ui/components/ui/ImageGrid.tsx
@@ -15,8 +15,8 @@ interface ImageGridProps {
   onLoadMore: () => void;
   onSelect?: (image: PromptImageRead) => void;
   onRightClick: (image: PromptImageRead) => void;
-  onSimilarSearch?: (imageId: number) => void;
-  selectedId?: number;
+  onSimilarSearch?: (imageId: string | number) => void;
+  selectedId?: string | number;
   gridSize?: number;
   imagePreviewContain?: boolean;
   scrollRef?: React.RefObject<HTMLDivElement | null>;
@@ -37,7 +37,7 @@ export function ImageGrid({
   scrollRef,
   apiKey,
 }: ImageGridProps) {
-  const observerTarget = useRef(null);
+  const observerTarget = useRef<HTMLDivElement | null>(null);
 
   useEffect(() => {
     const observer = new IntersectionObserver(
@@ -46,19 +46,22 @@ export function ImageGrid({
           onLoadMore();
         }
       },
-      { threshold: 0, rootMargin: "200px" },
+      {
+        root: scrollRef?.current ?? null,
+        threshold: 0,
+        rootMargin: "200px",
+      },
     );
 
-    if (observerTarget.current) {
-      observer.observe(observerTarget.current);
+    const target = observerTarget.current;
+    if (target) {
+      observer.observe(target);
     }
 
     return () => {
-      if (observerTarget.current) {
-        observer.unobserve(observerTarget.current);
-      }
+      observer.disconnect();
     };
-  }, [hasMore, loading, onLoadMore]);
+  }, [hasMore, loading, onLoadMore, scrollRef]);
 
   const handleDragStart = (e: React.DragEvent, image: PromptImageRead) => {
     const artifactId = image.id.toString();
diff --git a/ui/components/ui/SearchBar.tsx b/ui/components/ui/SearchBar.tsx
index dcc2141..22c19fb 100644
--- a/ui/components/ui/SearchBar.tsx
+++ b/ui/components/ui/SearchBar.tsx
@@ -18,8 +18,8 @@ interface SearchBarProps {
   setSearchQuery: (query: string) => void;
   onSearch: (e: React.FormEvent) => void;
   loading: boolean;
-  similarImageId: number | null;
-  setSimilarImageId: (id: number | null) => void;
+  similarImageId: string | number | null;
+  setSimilarImageId: (id: string | number | null) => void;
   mode: ApiMode;
   selectedCollectionId: string;
   setSelectedCollectionId: (id: string) => void;
diff --git a/ui/hooks/useEmbeddrCollections.ts b/ui/hooks/useEmbeddrCollections.ts
index 1097a18..403faca 100644
--- a/ui/hooks/useEmbeddrCollections.ts
+++ b/ui/hooks/useEmbeddrCollections.ts
@@ -27,10 +27,16 @@ export function useEmbeddrCollections({
   const [loadingCollections, setLoadingCollections] = useState(false);
 
   const fetchCollections = useCallback(async () => {
-    if (!configLoaded || !apiBase) return;
+    if (!configLoaded || (!apiBase && !apiClient)) return;
 
     setLoadingCollections(true);
     try {
+      if (apiClient) {
+        const data = await apiClient.collections.list();
+        setCollections(Array.isArray(data) ? data : []);
+        return;
+      }
+
       const headers: Record<string, string> = {
         "Content-Type": "application/json",
       };
@@ -72,15 +78,27 @@ export function useEmbeddrCollections({
     } finally {
       setLoadingCollections(false);
     }
-  }, [apiBase, configLoaded, apiKey]);
+  }, [apiBase, apiClient, configLoaded, apiKey]);
 
   const [creating, setCreating] = useState(false);
 
   const createCollection = useCallback(
     async (label: string) => {
-      if (!configLoaded || !apiBase) return;
+      if (!configLoaded || (!apiBase && !apiClient)) return;
       setCreating(true);
       try {
+        if (apiClient) {
+          await apiClient.collections.add({
+            label,
+            type_name: "collection:mix",
+            uri: `embeddr:///collections/${label
+              .toLowerCase()
+              .replace(/\s/g, "_")}_${Date.now()}`,
+          });
+          await fetchCollections();
+          return true;
+        }
+
         const headers: Record<string, string> = {
           "Content-Type": "application/json",
         };
@@ -127,7 +145,7 @@ export function useEmbeddrCollections({
         setCreating(false);
       }
     },
-    [apiBase, configLoaded, fetchCollections, apiKey],
+    [apiBase, apiClient, configLoaded, fetchCollections, apiKey],
   );
 
   return {
diff --git a/ui/hooks/useEmbeddrImages.ts b/ui/hooks/useEmbeddrImages.ts
index 858f020..9d01d93 100644
--- a/ui/hooks/useEmbeddrImages.ts
+++ b/ui/hooks/useEmbeddrImages.ts
@@ -4,6 +4,34 @@ import type { EmbeddrApiClient } from "@embeddr/client-typescript";
 import { app } from "../../../scripts/app.js";
 import type { ApiMode, PromptImageRead } from "@types";
 
+const PAGE_SIZE = 20;
+
+const proxifyImageUrl = (url: string) =>
+  url.startsWith("http")
+    ? `/embeddr/proxy?url=${encodeURIComponent(url)}`
+    : url;
+
+const normalizePromptImage = (
+  item: any,
+  getContentUrl: (id: string | number) => string,
+  getPreviewUrl: (id: string | number) => string,
+): PromptImageRead => {
+  const id = item.id;
+  const metadata = item.metadata_json || {};
+  return {
+    id,
+    prompt: metadata.prompt || metadata.filename || metadata.name || "Untitled",
+    image_url: proxifyImageUrl(getContentUrl(id)),
+    thumb_url: proxifyImageUrl(getPreviewUrl(id)),
+    created_at: item.created_at || new Date().toISOString(),
+    like_count: 0,
+    liked_by_me: false,
+    width: metadata.width || 0,
+    height: metadata.height || 0,
+    filename: metadata.filename,
+  };
+};
+
 interface UseEmbeddrImagesProps {
   apiBase: string;
   mode: ApiMode;
@@ -60,7 +88,7 @@ export function useEmbeddrImages({
         }
 
         const currentPage = reset ? 1 : pageRef.current;
-        const offset = (currentPage - 1) * 20;
+        const offset = (currentPage - 1) * PAGE_SIZE;
 
         let baseUrl = apiBase;
         if (baseUrl.endsWith("/")) baseUrl = baseUrl.slice(0, -1);
@@ -75,6 +103,54 @@ export function useEmbeddrImages({
         let url = "";
         let method = "GET";
         let body: string | undefined = undefined;
+        const fetchWithProxy = async (targetUrl: string, init?: RequestInit) => {
+          const isComfyEnv = true;
+          if (isComfyEnv && targetUrl.startsWith("http")) {
+            return fetch(`/embeddr/proxy?url=${encodeURIComponent(targetUrl)}`, init);
+          }
+          return fetch(targetUrl, init);
+        };
+
+        const fetchArtifactsByIds = async (ids: Array<string | number>) => {
+          if (!ids.length) return [];
+          if (apiClient) {
+            const listed = await apiClient.artifacts.list({
+              ids: ids.map((id) => String(id)),
+              limit: ids.length,
+              media_type: "image",
+            });
+            return Array.isArray(listed.items) ? listed.items : [];
+          }
+
+          const params = new URLSearchParams();
+          params.set("limit", String(ids.length));
+          params.set("media_type", "image");
+          ids.forEach((id) => params.append("ids", String(id)));
+          const listedResponse = await fetchWithProxy(`${baseUrl}/artifacts/?${params.toString()}`, {
+            method: "GET",
+            headers,
+          });
+          if (!listedResponse.ok) {
+            throw new Error(`Failed to fetch artifacts: ${listedResponse.status}`);
+          }
+          const listed = await listedResponse.json();
+          return Array.isArray(listed?.items) ? listed.items : [];
+        };
+
+        const mapArtifacts = (artifactItems: Array<any>) =>
+          artifactItems.map((item) =>
+            normalizePromptImage(
+              item,
+              (id) =>
+                apiClient
+                  ? apiClient.artifacts.getContentUrl(id)
+                  : `${baseUrl}/artifacts/${id}/content`,
+              (id) =>
+                apiClient
+                  ? apiClient.artifacts.getPreviewUrl(id, "thumbnail")
+                  : `${baseUrl}/artifacts/${id}/content?preview_type=thumbnail`,
+            ),
+          );
 
         // V2 API Logic
         if (currentSimilarId) {
@@ -83,7 +159,9 @@ export function useEmbeddrImages({
           method = "POST";
           body = JSON.stringify({
             artifact_id: currentSimilarId.toString(),
-            limit: 20,
+            limit: PAGE_SIZE,
+            offset,
+            skip: offset,
           });
         } else if (searchQuery) {
           // Use Embeddr Search Plugin (semantic text search)
@@ -91,49 +169,21 @@ export function useEmbeddrImages({
           method = "POST";
           body = JSON.stringify({
             query: searchQuery,
-            limit: 20,
+            limit: PAGE_SIZE,
+            offset,
+            skip: offset,
           });
         } else if (apiClient) {
           // Use apiClient for listing items, which now uses proxyFetch internally through constructor
           const list = await apiClient.artifacts.list({
-            limit: 20,
+            limit: PAGE_SIZE,
             offset,
-            type_name: "image",
+            media_type: "image",
             sort: "new",
             library_id: libraryId ? String(libraryId) : undefined,
             collection_id: collectionId || undefined,
           });
-
-          // Helper to ensure urls are proxied even if returned from client helpers
-          // The client's getContentUrl returns raw url, we must wrap it if display is needed
-          const proxify = (u: string) =>
-            u.startsWith("http")
-              ? `/embeddr/proxy?url=${encodeURIComponent(u)}`
-              : u;
-
-          const items = list.items || [];
-          const mapped = items.map((item: any) => {
-            const id = item.id;
-            const metadata = item.metadata_json || {};
-
-            const rawImageUrl = apiClient.artifacts.getContentUrl(id);
-            const rawThumbUrl = apiClient.artifacts.getPreviewUrl(
-              id,
-              "thumbnail",
-            );
-
-            return {
-              id: id,
-              prompt: metadata.prompt || metadata.filename || "Untitled",
-              image_url: proxify(rawImageUrl),
-              thumb_url: proxify(rawThumbUrl),
-              created_at: item.created_at || new Date().toISOString(),
-              like_count: 0,
-              liked_by_me: false,
-              width: metadata.width || 0,
-              height: metadata.height || 0,
-            };
-          });
+          const mapped = mapArtifacts(list.items || []);
 
           if (reset) {
             setImages(mapped);
@@ -143,11 +193,21 @@ export function useEmbeddrImages({
             pageRef.current = currentPage + 1;
           }
 
-          setHasMore(offset + mapped.length < list.total);
+          const total =
+            typeof list.count === "number"
+              ? list.count
+              : typeof list.total === "number"
+                ? list.total
+                : undefined;
+          setHasMore(
+            typeof total === "number"
+              ? offset + mapped.length < total
+              : mapped.length === PAGE_SIZE,
+          );
           return;
         } else {
           // List Artifacts (No Client Fallback - Should rarely happen if hook setup correct)
-          url = `${baseUrl}/artifacts/?type_name=image&sort=new&limit=20&offset=${offset}`;
+          url = `${baseUrl}/artifacts/?media_type=image&sort=new&limit=${PAGE_SIZE}&offset=${offset}`;
           if (libraryId) {
             url += `&library_id=${libraryId}`;
           }
@@ -156,27 +216,17 @@ export function useEmbeddrImages({
           }
         }
 
-        let response: Response;
-
-        // Use Proxy for all requests to avoid CORS/Auth issues in ComfyUI environment
-        // The backend proxy injects the API key from server-side config
-        const isComfyEnv = true; // We are in ComfyUI extension
-        if (isComfyEnv && url.startsWith("http")) {
-          const proxyUrl = `/embeddr/proxy?url=${encodeURIComponent(url)}`;
-          response = await fetch(proxyUrl, { method, headers, body });
-        } else {
-          response = await fetch(url, { method, headers, body });
-        }
+        let response = await fetchWithProxy(url, { method, headers, body });
 
         // Fallback for Similar Search if plugin missing (404)
         if (!response.ok && currentSimilarId && response.status === 404) {
           console.warn(
             "Embeddr Search plugin not found, falling back to latest",
           );
-          url = `${baseUrl}/artifacts/?type_name=image&sort=new&limit=20&offset=${offset}`;
+          url = `${baseUrl}/artifacts/?media_type=image&sort=new&limit=${PAGE_SIZE}&offset=${offset}`;
           method = "GET";
           body = undefined;
-          response = await fetch(url, { method, headers });
+          response = await fetchWithProxy(url, { method, headers });
         }
 
         // Fallback for Text Search if plugin missing (404)
@@ -186,64 +236,51 @@ export function useEmbeddrImages({
           );
           url = `${baseUrl}/artifacts/search?q=${encodeURIComponent(
             searchQuery,
-          )}&limit=20&offset=${offset}`;
+          )}&limit=${PAGE_SIZE}&offset=${offset}`;
           method = "GET";
           body = undefined;
-          response = await fetch(url, { method, headers });
+          response = await fetchWithProxy(url, { method, headers });
         }
 
         if (response.ok) {
           const data = await response.json();
-          let items: Array<any> = [];
+          let items: Array<PromptImageRead> = [];
 
           if (data.items) {
-            // V2 Paginated Response or Search Response
-            items = data.items.map((item: any) => {
-              // Map V2 Artifact to PromptImageRead
-              // OR Map SearchResultItem (which only has ID/Score)
-              const id = item.id;
-              // Check if we have metadata (Artifact) or just ID (Search)
-              const isFullArtifact = !!item.uri;
-              const metadata = item.metadata_json || {};
-
-              const rawImageUrl = apiClient
-                ? apiClient.artifacts.getContentUrl(id)
-                : `${baseUrl}/artifacts/${id}/content`;
-              const rawThumbUrl = apiClient
-                ? apiClient.artifacts.getPreviewUrl(id, "thumbnail")
-                : `${baseUrl}/artifacts/${id}/preview?preview_type=thumbnail`;
-
-              return {
-                id: id,
-                prompt:
-                  metadata.prompt ||
-                  metadata.filename ||
-                  (isFullArtifact ? "Untitled" : "Similar Result"),
-                image_url: rawImageUrl.startsWith("http")
-                  ? `/embeddr/proxy?url=${encodeURIComponent(rawImageUrl)}`
-                  : rawImageUrl,
-                thumb_url: rawThumbUrl.startsWith("http")
-                  ? `/embeddr/proxy?url=${encodeURIComponent(rawThumbUrl)}`
-                  : rawThumbUrl,
-                created_at: item.created_at || new Date().toISOString(),
-                like_count: 0,
-                liked_by_me: false,
-                width: metadata.width || 0,
-                height: metadata.height || 0,
-                score: item.score, // specific to search
-              };
-            });
-            // Handle pagination check
-            if (data.total !== undefined) {
-              setHasMore(offset + items.length < data.total);
-            } else {
-              // Search plugin might return count
-              setHasMore(items.length === 20);
+            const rawItems = Array.isArray(data.items) ? data.items : [];
+            const artifactIds = rawItems
+              .map((item: any) => item?.id ?? item?.artifact_id)
+              .filter((id: unknown): id is string | number => Boolean(id));
+            const needsArtifactLookup = rawItems.some(
+              (item: any) => !item?.uri && !item?.metadata_json,
+            );
+            let artifactItems = rawItems;
+            if (needsArtifactLookup && artifactIds.length) {
+              const resolvedItems = await fetchArtifactsByIds(artifactIds);
+              const byId = new Map(
+                resolvedItems.map((item: any) => [String(item.id), item]),
+              );
+              artifactItems = artifactIds
+                .map((id) => byId.get(String(id)))
+                .filter(Boolean);
             }
+
+            items = mapArtifacts(artifactItems);
+            const total =
+              typeof data.count === "number"
+                ? data.count
+                : typeof data.total === "number"
+                  ? data.total
+                  : undefined;
+            setHasMore(
+              typeof total === "number"
+                ? offset + artifactIds.length < total
+                : rawItems.length === PAGE_SIZE,
+            );
           } else if (Array.isArray(data)) {
             // Legacy Cloud API or simple array
             items = data;
-            setHasMore(data.length === 20);
+            setHasMore(data.length === PAGE_SIZE);
           }
 
           if (reset) {
@@ -280,7 +317,7 @@ export function useEmbeddrImages({
         setLoading(false);
       }
     },
-    [apiBase, configLoaded, mode, similarImageId, apiKey],
+    [apiBase, apiClient, configLoaded, mode, similarImageId, apiKey],
   );
 
   return {
diff --git a/ui/hooks/useEmbeddrLibraries.ts b/ui/hooks/useEmbeddrLibraries.ts
index 7a0cb57..2415fb1 100644
--- a/ui/hooks/useEmbeddrLibraries.ts
+++ b/ui/hooks/useEmbeddrLibraries.ts
@@ -1,10 +1,12 @@
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
+import type { EmbeddrApiClient } from "@embeddr/client-typescript";
 import type { ApiMode, LibraryPath } from "@types";
 
 interface UseEmbeddrLibrariesProps {
   apiBase: string;
   mode: ApiMode;
   configLoaded: boolean;
+  apiClient?: EmbeddrApiClient;
   apiKey?: string;
 }
 
@@ -12,12 +14,36 @@ export function useEmbeddrLibraries({
   apiBase,
   mode,
   configLoaded,
+  apiClient,
   apiKey,
 }: UseEmbeddrLibrariesProps) {
   const [libraries, setLibraries] = useState<Array<LibraryPath>>([]);
 
-  const fetchLibraries = async () => {
+  const fetchLibraries = useCallback(async () => {
+    if (!configLoaded || (!apiBase && !apiClient)) return;
+
     try {
+      if (apiClient) {
+        const data = await apiClient.collections.list("library");
+        setLibraries(
+          (Array.isArray(data) ? data : []).map((item: any, index: number) => {
+            const numericId = Number(item?.id);
+            const label = String(
+              item?.label || item?.name || item?.uri || "Library",
+            );
+            return {
+              id: Number.isFinite(numericId) ? numericId : index + 1,
+              path: String(item?.uri || ""),
+              label,
+              name: label,
+              file_count: Number(item?.file_count || 0),
+              image_count: Number(item?.file_count || 0),
+            };
+          }),
+        );
+        return;
+      }
+
       let baseUrl = apiBase;
       if (baseUrl.endsWith("/")) baseUrl = baseUrl.slice(0, -1);
 
@@ -47,16 +73,13 @@ export function useEmbeddrLibraries({
     } catch (e) {
       console.error("Failed to fetch libraries", e);
     }
-  };
+  }, [apiBase, apiClient, configLoaded, apiKey]);
 
-  // Fetch libraries when in local mode
   useEffect(() => {
     if (configLoaded && mode === "local") {
-      // TODO: Backend route /api/v1/workspace/paths is currently missing.
-      // Re-enable this when the endpoint is restored or replaced.
-      // fetchLibraries();
+      void fetchLibraries();
     }
-  }, [configLoaded, mode, apiBase, apiKey]);
+  }, [configLoaded, mode, fetchLibraries]);
 
   return {
     libraries,
diff --git a/ui/hooks/useEmbeddrSettings.ts b/ui/hooks/useEmbeddrSettings.ts
index 6bcb6ed..e44b3be 100644
--- a/ui/hooks/useEmbeddrSettings.ts
+++ b/ui/hooks/useEmbeddrSettings.ts
@@ -176,6 +176,10 @@ export function useEmbeddrSettings({
             data.grid_preview_contain.toString(),
           );
         }
+
+        if (data.auth_salt) {
+          localStorage.setItem("embeddr_auth_salt", data.auth_salt);
+        }
       } catch (e) {
         console.error("Failed to load config", e);
       } finally {
diff --git a/ui/main.tsx b/ui/main.tsx
index e51537b..962573c 100644
--- a/ui/main.tsx
+++ b/ui/main.tsx
@@ -4,10 +4,12 @@ import * as ReactDOMLib from "react-dom";
 import * as EmbeddrUI from "@embeddr/react-ui";
 import * as Lucide from "lucide-react";
 import * as ReactQuery from "@tanstack/react-query";
+import * as THREE from "three";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import * as Recharts from "recharts";
 import { ImageDialogProvider } from "@embeddr/react-ui/providers/ImageDialogProvider";
 import { ExternalNavProvider } from "@embeddr/react-ui";
+import { globalEventBus } from "@embeddr/zen-shell";
 // @ts-ignore
 import { app } from "../../../scripts/app.js";
 import EmbeddrPanel from "./components/panels/EmbeddrPanel.js";
@@ -27,16 +29,119 @@ import "./globals.css";
 (window as any).Lucide = Lucide;
 (window as any).ReactQuery = ReactQuery;
 (window as any).Recharts = Recharts;
+(window as any).THREE = THREE;
+(window as any).Embeddr = {
+  ...((window as any).Embeddr || {}),
+  eventBus: globalEventBus,
+};
 
 const embeddrUI: Record<string, any> = { ...EmbeddrUI };
-if (!("usePluginDrop" in embeddrUI)) {
-  embeddrUI.usePluginDrop = () => ({
-    isOver: false,
-    canDrop: false,
-    dropRef: () => {},
-  });
+const fallbackDnDTypes = embeddrUI.EmbeddrDnDTypes || {
+  ARTIFACT: "application/embeddr-artifact-json",
+  ARTIFACT_ID: "application/embeddr-artifact-id",
+  IMAGE_ID: "application/embeddr-image-id",
+  IMAGE_URL: "application/external-image-url",
+  VIDEO_URL: "application/external-video-url",
+  PREVIEW_URL: "application/embeddr-preview-url",
+  ARTIFACT_TYPE: "application/embeddr-artifact-type",
+};
+if (typeof embeddrUI.usePluginDrop !== "function") {
+  embeddrUI.usePluginDrop = ({
+    onArtifact,
+    onFile,
+    onUrl,
+    onText,
+    stopPropagation = true,
+  }: {
+    onArtifact?: (data: Record<string, any>) => void;
+    onFile?: (file: File) => void;
+    onUrl?: (url: string) => void;
+    onText?: (text: string) => void;
+    stopPropagation?: boolean;
+  } = {}) => {
+    const [isDragOver, setIsDragOver] = React.useState(false);
+
+    const handleDragOver = React.useCallback(
+      (event: React.DragEvent) => {
+        event.preventDefault();
+        if (stopPropagation) event.stopPropagation();
+        setIsDragOver(true);
+      },
+      [stopPropagation],
+    );
+
+    const handleDragLeave = React.useCallback(
+      (event: React.DragEvent) => {
+        event.preventDefault();
+        if (stopPropagation) event.stopPropagation();
+        setIsDragOver(false);
+      },
+      [stopPropagation],
+    );
+
+    const handleDrop = React.useCallback(
+      (event: React.DragEvent) => {
+        event.preventDefault();
+        if (stopPropagation) event.stopPropagation();
+        setIsDragOver(false);
+
+        const dt = event.dataTransfer;
+        const artifactJson = dt.getData(fallbackDnDTypes.ARTIFACT);
+        if (artifactJson && onArtifact) {
+          try {
+            onArtifact(JSON.parse(artifactJson));
+            return;
+          } catch (error) {
+            console.warn("[EmbeddrUI] Failed to parse dropped artifact", error);
+          }
+        }
+
+        const artifactId =
+          dt.getData(fallbackDnDTypes.ARTIFACT_ID) ||
+          dt.getData(fallbackDnDTypes.IMAGE_ID);
+        if (artifactId && onArtifact) {
+          onArtifact({
+            id: artifactId,
+            type: dt.getData(fallbackDnDTypes.ARTIFACT_TYPE) || "image",
+            previewUrl: dt.getData(fallbackDnDTypes.PREVIEW_URL),
+            imageUrl: dt.getData(fallbackDnDTypes.IMAGE_URL),
+            videoUrl: dt.getData(fallbackDnDTypes.VIDEO_URL),
+          });
+          return;
+        }
+
+        if (dt.files.length > 0 && onFile) {
+          Array.from(dt.files).forEach((file) => onFile(file));
+          return;
+        }
+
+        const url = dt.getData("text/uri-list");
+        if (url && onUrl) {
+          onUrl(url);
+          return;
+        }
+
+        const text = dt.getData("text/plain");
+        if (text) {
+          if (text.startsWith("http") && onUrl) {
+            onUrl(text);
+          } else if (onText) {
+            onText(text);
+          }
+        }
+      },
+      [onArtifact, onFile, onText, onUrl, stopPropagation],
+    );
+
+    return {
+      handleDragOver,
+      handleDragLeave,
+      handleDrop,
+      isDragOver,
+    };
+  };
 }
-if (!("usePluginStorage" in embeddrUI)) {
+if (typeof embeddrUI.usePluginStorage !== "function") {
   embeddrUI.usePluginStorage = <T,>(
     pluginId: string,
     key: string,
@@ -64,6 +169,96 @@ if (!("usePluginStorage" in embeddrUI)) {
     return [value, setValue] as const;
   };
 }
+if (typeof embeddrUI.usePanelLifecycle !== "function") {
+  embeddrUI.usePanelLifecycle = (
+    request: ((path: string, init?: RequestInit) => Promise<any>) | undefined,
+    config: {
+      panelId: string;
+      panelType: string;
+      title?: string;
+      windowId?: string | null;
+      meta?: Record<string, any>;
+    },
+  ) => {
+    const configRef = React.useRef(config);
+    configRef.current = config;
+
+    React.useEffect(() => {
+      if (typeof request !== "function") return;
+      const { panelId, panelType, title, windowId, meta } = configRef.current;
+      request("/execute/ui.panel_register", {
+        method: "POST",
+        body: JSON.stringify({
+          panel_id: panelId,
+          panel_type: panelType,
+          title,
+          window_id: windowId ?? null,
+          meta,
+        }),
+      }).catch(() => undefined);
+
+      return () => {
+        request("/execute/ui.panel_unregister", {
+          method: "POST",
+          body: JSON.stringify({ panel_id: configRef.current.panelId }),
+        }).catch(() => undefined);
+      };
+    }, [request]);
+
+    const updatePanel = React.useCallback(
+      (payload: {
+        items?: Array<Record<string, any>>;
+        lastActive?: boolean;
+        meta?: Record<string, any>;
+      }) => {
+        if (typeof request !== "function") return;
+        const body: Record<string, any> = {
+          panel_id: configRef.current.panelId,
+        };
+        if (payload.items !== undefined) body.items = payload.items;
+        if (payload.lastActive) body.last_active = new Date().toISOString();
+        if (payload.meta !== undefined) body.meta = payload.meta;
+        request("/execute/ui.panel_update", {
+          method: "POST",
+          body: JSON.stringify(body),
+        }).catch(() => undefined);
+      },
+      [request],
+    );
+
+    return { updatePanel };
+  };
+}
+if (typeof embeddrUI.registerReactiveContext !== "function") {
+  embeddrUI.registerReactiveContext = () => () => undefined;
+}
+if (typeof embeddrUI.resolveReactiveConfig !== "function") {
+  embeddrUI.resolveReactiveConfig = () => undefined;
+}
+if (typeof embeddrUI.publishReactiveArtifactState !== "function") {
+  embeddrUI.publishReactiveArtifactState = () => undefined;
+}
+if (typeof embeddrUI.readReactiveArtifactState !== "function") {
+  embeddrUI.readReactiveArtifactState = () => null;
+}
+if (typeof embeddrUI.subscribeReactiveArtifactState !== "function") {
+  embeddrUI.subscribeReactiveArtifactState = () => () => undefined;
+}
+if (typeof embeddrUI.matchReactiveMessage !== "function") {
+  embeddrUI.matchReactiveMessage = () => false;
+}
+if (typeof embeddrUI.extractReactiveArtifactId !== "function") {
+  embeddrUI.extractReactiveArtifactId = () => undefined;
+}
+if (typeof embeddrUI.extractReactivePreview !== "function") {
+  embeddrUI.extractReactivePreview = () => undefined;
+}
+if (typeof embeddrUI.syncRenderablesFromLotus !== "function") {
+  embeddrUI.syncRenderablesFromLotus = async () => [];
+}
+if (typeof embeddrUI.resolveRenderable !== "function") {
+  embeddrUI.resolveRenderable = () => undefined;
+}
 (window as any).EmbeddrUI = embeddrUI;
 (window as any)["@embeddr/react-ui"] = embeddrUI;
 (window as any).EmbeddrReactUI = embeddrUI;
@@ -133,10 +328,12 @@ document.body.appendChild(dialogContainer);
 const dialogRoot = ReactDOM.createRoot(dialogContainer);
 dialogRoot.render(
   <QueryClientProvider client={queryClient}>
-    <ImageDialogProvider>
-      <GlobalDialog />
-      <ZenShell />
-    </ImageDialogProvider>
+    <ExternalNavProvider>
+      <ImageDialogProvider>
+        <GlobalDialog />
+        <ZenShell />
+      </ImageDialogProvider>
+    </ExternalNavProvider>
   </QueryClientProvider>,
 );
 app.extensionManager.registerSidebarTab({
diff --git a/ui/types.ts b/ui/types.ts
index b49534b..b5a2ba1 100644
--- a/ui/types.ts
+++ b/ui/types.ts
@@ -1,5 +1,5 @@
 export interface PromptImageRead {
-  id: number;
+  id: string | number;
   prompt: string;
   image_url: string;
   thumb_url?: string;
diff --git a/ui/utils/themePacks.ts b/ui/utils/themePacks.ts
index 16e3f19..0c955e6 100644
--- a/ui/utils/themePacks.ts
+++ b/ui/utils/themePacks.ts
@@ -363,10 +363,25 @@ html[data-embeddr-theme-pack] .comfyui-body-bottom {
   border-color: var(--component-node-border, var(--border)) !important;
 }
 
+html[data-embeddr-theme-pack] .lg-node {
+  border-radius: var(--radius-2xl) !important;
+}
+
 html[data-embeddr-theme-pack] .lg-node-header {
   background: var(--node-component-header-surface, var(--component-node-background, var(--card))) !important;
   color: var(--node-component-slot-text, var(--foreground)) !important;
   border-color: var(--component-node-border, var(--border)) !important;
+  border-radius: var(--radius-2xl) var(--radius-2xl) 0 0 !important;
+}
+
+html[data-embeddr-theme-pack] .lg-node > [data-testid^="node-body-"] {
+  background: var(--component-node-background, var(--card, var(--background))) !important;
+  border-radius: 0 0 var(--radius-2xl) var(--radius-2xl) !important;
+}
+
+html[data-embeddr-theme-pack] [data-testid="node-state-outline-overlay"] {
+  border-color: var(--primary-background, var(--primary)) !important;
+  border-radius: calc(var(--radius-2xl) + 3px) !important;
 }
 
 html[data-embeddr-theme-pack] .text-node-component-slot-text,
diff --git a/vite.config.mts b/vite.config.mts
index 0fdb9c6..0f8526e 100644
--- a/vite.config.mts
+++ b/vite.config.mts
@@ -4,6 +4,28 @@ import path from "path";
 import { fileURLToPath, URL } from "node:url";
 import tailwindcss from "@tailwindcss/vite";
 
+// Plugin to prevent tree-shaking of @embeddr/react-ui exports.
+// Without this, Vite removes exports not used by the ComfyUI extension
+// itself (e.g. pluginAssetPath, registerPreviewPresentation), causing
+// dynamically-loaded UMD plugins to crash when they reference those
+// functions on window.EmbeddrUI.
+const preservePluginGlobals: any = {
+  name: "preserve-plugin-globals",
+  transform(_code: string, id: string) {
+    if (
+      id.includes("embeddr-react-ui/") ||
+      id.includes("embeddr-zen-shell/") ||
+      id.includes("/three/")
+    ) {
+      return {
+        code: _code,
+        moduleSideEffects: "no-treeshake" as const,
+        map: null,
+      };
+    }
+  },
+};
+
 // Plugin to inline CSS into JS
 const inlineCssPlugin: any = {
   name: "inline-css",
@@ -53,15 +75,18 @@ const inlineCssPlugin: any = {
               .split(",")
               .map((s) => {
                 const trimmed = s.trim();
-                // Don't scope html, body, or other global selectors that are already in your CSS
-                if (
-                  trimmed === "html" ||
-                  trimmed === "body" ||
-                  trimmed === "*"
-                ) {
-                  return `.tailwind ${trimmed}`;
+                // Keep html.class / body.class selectors global – these set
+                // CSS custom-property theme variables and must cascade from
+                // the document root, not from a .tailwind wrapper.
+                if (/^(html|body)\./.test(trimmed)) {
+                  return trimmed;
                 }
-                return `.tailwind ${trimmed}`;
+                // Use :where(.tailwind) for zero-specificity scoping.
+                // This ensures the extension's utilities only match inside
+                // .tailwind containers, but don't gain higher specificity
+                // than ComfyUI's own utility classes – so contextual
+                // overrides like pt-11.5 after p-2 still work correctly.
+                return `:where(.tailwind) ${trimmed}`;
               })
               .join(", ");
             return `${scopedSelectors} { ${rules} }`;
@@ -83,7 +108,7 @@ const inlineCssPlugin: any = {
 };
 
 export default defineConfig({
-  plugins: [react(), tailwindcss(), inlineCssPlugin],
+  plugins: [react(), tailwindcss(), preservePluginGlobals, inlineCssPlugin],
   resolve: {
     alias: {
       "@": fileURLToPath(new URL("./ui", import.meta.url)),

From 900fa6a301c1309b6fedf42882a52d58fc6f471d Mon Sep 17 00:00:00 2001
From: Nynxz <contact@nynxz.com>
Date: Thu, 30 Apr 2026 10:31:55 +1000
Subject: [PATCH 6/9] fix: harden artifact loading and apply theme pack classes

Improve artifact fetch reliability by centralizing base URL resolution and
forcing proxy fallback when artifact URLs are missing, malformed, or cross-host.
Also switch base URL precedence to prefer config over env for consistent
runtime behavior.

Update UI roots/portals to always include the `embeddr` class (alongside
`embeddr-theme-root`) so theme pack CSS selectors apply correctly across
sidebar, dialogs, and portal content.fix: harden artifact loading and apply theme pack classes

Improve artifact fetch reliability by centralizing base URL resolution and
forcing proxy fallback when artifact URLs are missing, malformed, or cross-host.
Also switch base URL precedence to prefer config over env for consistent
runtime behavior.

Update UI roots/portals to always include the `embeddr` class (alongside
`embeddr-theme-root`) so theme pack CSS selectors apply correctly across
sidebar, dialogs, and portal content.
---
 nodes/EmbeddrLoadArtifact.py | 20 ++++++++++++--------
 nodes/utils/config.py        |  2 +-
 ui/main.tsx                  | 12 ++++++++++--
 ui/utils/themePacks.ts       | 31 ++++++++++++++++++++++++++-----
 4 files changed, 49 insertions(+), 16 deletions(-)

diff --git a/nodes/EmbeddrLoadArtifact.py b/nodes/EmbeddrLoadArtifact.py
index ed43c8f..64d8470 100644
--- a/nodes/EmbeddrLoadArtifact.py
+++ b/nodes/EmbeddrLoadArtifact.py
@@ -7,8 +7,7 @@
 from PIL import Image, ImageOps
 from io import BytesIO
 from comfy_api.latest import io, ui
-from .utils import get_config
-from .utils.config import get_auth_headers
+from .utils.config import get_auth_headers, get_embeddr_base_url
 from .types import EmbeddrArtifactID, EmbeddrArtifactIDObject, EmbeddrArtifactInfo, EmbeddrArtifactInfoObject
 
 
@@ -48,8 +47,16 @@ def _resolve_artifact_url(cls, base_url: str, artifact_id: str, auth_ticket: str
             url = f"{url}?proxy=1"
 
         base_netloc = urlparse(base_url).netloc
-        url_netloc = urlparse(url).netloc if url else ""
-        if url and base_netloc and url_netloc and url_netloc != base_netloc:
+        parsed = urlparse(url) if url else None
+        url_scheme = parsed.scheme if parsed else ""
+        url_netloc = parsed.netloc if parsed else ""
+        needs_proxy = (
+            not url
+            or not url_scheme
+            or not url_netloc
+            or (base_netloc and url_netloc != base_netloc)
+        )
+        if needs_proxy:
             proxy_url = f"{base_url}/api/v1/artifacts/{artifact_id}/content?proxy=1"
             cls._debug(
                 "forcing_proxy_url",
@@ -121,10 +128,7 @@ def execute(cls, use_cache, artifact_id=None, manual_artifact_id=None, auth_tick
             return io.NodeOutput(image, mask, EmbeddrArtifactIDObject(artifact_id=resolved_id), info)
 
         try:
-            config = get_config()
-            base_url = config.get("embeddr_url") or config.get(
-                "endpoint") or "http://localhost:8003"
-            base_url = base_url.rstrip("/")
+            base_url = get_embeddr_base_url()
 
             # 1. Fetch JSON metadata first
             meta_url = f"{base_url}/api/v1/artifacts/{resolved_id}"
diff --git a/nodes/utils/config.py b/nodes/utils/config.py
index 51f8bd7..2d6ee0c 100644
--- a/nodes/utils/config.py
+++ b/nodes/utils/config.py
@@ -49,7 +49,7 @@ def get_embeddr_base_url(default: str = "http://localhost:8003") -> str:
         or cfg.get("endpoint")
     )
 
-    return _normalize_base_url(env_url or cfg_url, default)
+    return _normalize_base_url(cfg_url or env_url, default)
 
 
 def get_api_key() -> str | None:
diff --git a/ui/main.tsx b/ui/main.tsx
index 962573c..fd40836 100644
--- a/ui/main.tsx
+++ b/ui/main.tsx
@@ -270,8 +270,11 @@ if (typeof embeddrUI.resolveRenderable !== "function") {
 (window as any)["recharts"] = Recharts;
 (window as any).Recharts = Recharts;
 
-document.documentElement.classList.add("embeddr-theme-root", "font-sans");
-document.body.classList.add("embeddr-theme-root", "font-sans");
+// `embeddr` matches the selector that theme.css packs use (`.embeddr { ... }`)
+// for chrome/glow/decoration rules. `embeddr-theme-root` is the existing class
+// other code keys off; both are added to every root + portal.
+document.documentElement.classList.add("embeddr", "embeddr-theme-root", "font-sans");
+document.body.classList.add("embeddr", "embeddr-theme-root", "font-sans");
 
 const originalFetch = window.fetch.bind(window);
 window.fetch = async (input: RequestInfo | URL, init?: RequestInit) => {
@@ -324,6 +327,7 @@ dialogContainer.id = "embeddr-global-dialog-root";
 dialogContainer.classList.add("tailwind");
 dialogContainer.classList.add("font-sans");
 dialogContainer.classList.add("embeddr-theme-root");
+dialogContainer.classList.add("embeddr");
 document.body.appendChild(dialogContainer);
 const dialogRoot = ReactDOM.createRoot(dialogContainer);
 dialogRoot.render(
@@ -350,6 +354,7 @@ app.extensionManager.registerSidebarTab({
     container.classList.add("embeddr-sidebar-container");
     // Default to dark, but let React handle it
     container.classList.add("embeddr-theme-root");
+    container.classList.add("embeddr");
     // Prevent the parent container from scrolling
     container.style.overflow = "hidden";
     container.style.height = "100%";
@@ -374,6 +379,9 @@ app.extensionManager.registerSidebarTab({
             if (!portal.classList.contains("embeddr-theme-root")) {
               portal.classList.add("embeddr-theme-root");
             }
+            if (!portal.classList.contains("embeddr")) {
+              portal.classList.add("embeddr");
+            }
             if (isDark) {
               portal.classList.add("dark");
             } else {
diff --git a/ui/utils/themePacks.ts b/ui/utils/themePacks.ts
index 0c955e6..06b6d3c 100644
--- a/ui/utils/themePacks.ts
+++ b/ui/utils/themePacks.ts
@@ -257,11 +257,32 @@ export function applyThemePackCss(pack?: ThemePack | null) {
   }
 
   if (pack.cssUrl) {
-    const link = document.createElement("link");
-    link.id = THEME_STYLE_ID;
-    link.rel = "stylesheet";
-    link.href = pack.cssUrl;
-    document.head.appendChild(link);
+    // Cross-origin <link rel=stylesheet> from ComfyUI's origin (8188) to the
+    // embeddr-cli (8003) is blocked by CORS in some setups. Fetch through the
+    // ComfyUI proxy (same-origin) and inject the CSS text inline so the
+    // browser never has to resolve the cross-origin reference itself.
+    const style = document.createElement("style");
+    style.id = THEME_STYLE_ID;
+    document.head.appendChild(style);
+    proxyFetch(pack.cssUrl, { cache: "no-store" })
+      .then((res) => (res.ok ? res.text() : Promise.reject(res.status)))
+      .then((text) => {
+        style.textContent = text;
+      })
+      .catch((err) => {
+        // Fall back to direct link — this works if CORS is open.
+        if (style.parentElement) style.parentElement.removeChild(style);
+        const link = document.createElement("link");
+        link.id = THEME_STYLE_ID;
+        link.rel = "stylesheet";
+        link.href = pack.cssUrl as string;
+        document.head.appendChild(link);
+        // eslint-disable-next-line no-console
+        console.warn(
+          "[themePacks] proxyFetch failed for theme css, falling back to direct link",
+          err,
+        );
+      });
   }
 }
 

From 5e2d65bb0302bdeecaede1e7ff44f58f85cd0894 Mon Sep 17 00:00:00 2001
From: Nynxz <contact@nynxz.com>
Date: Fri, 1 May 2026 08:30:43 +1000
Subject: [PATCH 7/9] chore: standardize configs + modernize CI workflows
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bring the comfyui plugin in line with the rest of the embeddr release
repos (react-ui / zen-shell / client-typescript template). No
behavioural changes for end-users — js/main.js bundle still builds
identically.

Configs:
- eslint.config.js: extend tanstack-config base with three pragmatic
  overrides (react-hooks/exhaustive-deps off pending v7 compat;
  @typescript-eslint/no-unnecessary-condition off — too noisy for code
  parsing untyped JSON / ComfyUI globals; @typescript-eslint/ban-ts-
  comment off — every @ts-ignore here is a legitimate ComfyUI-globals
  suppression and requiring per-line descriptions just adds noise)
- Add self-contained prettier.config.cjs (no parent-dir reference)
- Add .prettierignore (js, .venv, lockfiles, .github)

Dependencies:
- Drop unused @vitejs/plugin-vue and vite-plugin-vue-devtools (this is
  a React project, not Vue — leftover from a template)
- Add eslint, prettier, typescript, @types/node as direct devDeps
- Switch @embeddr/* deps from `workspace:` protocol to plain version
  ranges (^0.2.0-alpha.3 / ^0.2.0-alpha.2). workspace: only resolves
  inside a workspace; CI clones this repo standalone. Local dev still
  auto-links via pnpm link-workspace-packages.
- Delete redundant package-lock.json (pnpm is the source of truth)
- Regenerate standalone pnpm-lock.yaml against current npm versions
  (was stuck at @embeddr/react-ui@0.1.4)

Vite:
- Drop the brittle `@embeddr/client-typescript → ../client-typescript/src`
  alias from vite.config.mts. Resolution now goes through node_modules
  like every other dependency, which works in dev (auto-link) and CI
  (npm) without depending on parent-dir layout.

Workflows:
- ci.yml + release.yml: bump pnpm 9 → 10.26.2, Node 20 → "latest",
  pnpm/action-setup v2 → v3, add cache: "pnpm", switch install to
  --frozen-lockfile for reproducibility, add lint step (soft-fail).
- release.yml: drop `submodules: true` from checkout (no submodules).
- ci.yml: also trigger on push to main (was dev-only).

Source fixes from lint pass:
- Real bug fix in ZenShell.tsx: invert `if (cancelled) return` inside
  `finally` block to `if (!cancelled) { ... }` — return-in-finally
  swallows exceptions thrown in the try/catch.
- Remove dangling `// eslint-disable-line react-hooks/exhaustive-deps`
  in SettingsForm.tsx (rule already disabled at config level).
- Format pass: prettier --write across all sources at consistent
  printWidth: 100, tabWidth: 2.
- Misc auto-fixed: TypeAction[] → Array<TypeAction>, sort-imports,
  consistent-type-specifier-style.

Lint state: 0 errors, 20 warnings (no-shadow, async-stubs — all
non-blocking, leave for a future tidy-up pass).
---
 .github/workflows/ci.yml                      |   19 +-
 .github/workflows/release.yml                 |   20 +-
 .prettierignore                               |    9 +
 README.md                                     |    5 +-
 eslint.config.js                              |   25 +-
 example.config.json                           |    1 +
 package-lock.json                             | 3007 -----------------
 package.json                                  |   21 +-
 pnpm-lock.yaml                                | 2677 +++++++++------
 prettier.config.cjs                           |    8 +
 ui/components/GlobalDialog.tsx                |   43 +-
 ui/components/ZenShell.tsx                    |  452 +--
 ui/components/panels/EmbeddrPanel.tsx         |   53 +-
 ui/components/panels/ImageDetails.tsx         |  139 +-
 .../selectors/CollectionSelector.tsx          |   21 +-
 ui/components/tabs/ExploreTab.tsx             |   59 +-
 ui/components/tabs/PromptTab.tsx              |   57 +-
 ui/components/tabs/SettingsForm.tsx           |   65 +-
 ui/components/ui/AuthorizedImage.tsx          |    9 +-
 ui/components/ui/ImageGrid.tsx                |    6 +-
 ui/components/ui/SearchBar.tsx                |   14 +-
 ui/hooks/useEmbeddrApi.ts                     |   15 +-
 ui/hooks/useEmbeddrCollections.ts             |   12 +-
 ui/hooks/useEmbeddrImages.ts                  |   48 +-
 ui/hooks/useEmbeddrLibraries.ts               |    4 +-
 ui/hooks/useEmbeddrSettings.ts                |   23 +-
 ui/hooks/useNodeScanner.ts                    |    9 +-
 ui/hooks/useThemePacks.ts                     |    5 +-
 ui/main.tsx                                   |   20 +-
 ui/nodes/EmbeddrAction.ts                     |   79 +-
 ui/nodes/EmbeddrFindCollection.ts             |   14 +-
 ui/nodes/EmbeddrLoRAStack.ts                  |   15 +-
 ui/nodes/EmbeddrLoadArtifact.ts               |   15 +-
 ui/nodes/EmbeddrUploadArtifact.ts             |   33 +-
 ui/utils/nodeDragAndDrop.ts                   |   15 +-
 ui/utils/themePacks.ts                        |   94 +-
 vite.config.mts                               |   78 +-
 37 files changed, 2229 insertions(+), 4960 deletions(-)
 create mode 100644 .prettierignore
 create mode 100644 example.config.json
 delete mode 100644 package-lock.json
 create mode 100644 prettier.config.cjs

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 996160c..759f4ee 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -3,6 +3,7 @@ name: CI
 on:
   push:
     branches:
+      - main
       - dev
   pull_request:
     branches:
@@ -16,18 +17,22 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v4
 
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v3
         with:
-          node-version: "20"
+          version: 10.26.2
 
-      - name: Install pnpm
-        uses: pnpm/action-setup@v2
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
         with:
-          version: 9
+          node-version: "latest"
+          cache: "pnpm"
 
       - name: Install dependencies
-        run: pnpm install
+        run: pnpm install --frozen-lockfile
+
+      - name: Lint
+        run: pnpm lint || true # tanstack-config strictness; soft-fail until codebase is fully clean
 
       - name: Build frontend
         run: pnpm build
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 94bc013..7f95d64 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -18,28 +18,30 @@ jobs:
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v3
         with:
-          submodules: true
+          version: 10.26.2
 
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "20"
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v2
-        with:
-          version: 9
+          node-version: "latest"
+          cache: "pnpm"
 
       - name: Install dependencies
-        run: pnpm install
+        run: pnpm install --frozen-lockfile
+
+      - name: Lint
+        run: pnpm lint || true # soft-fail; tanstack-config strictness
 
       - name: Build frontend
         run: pnpm build
 
       - name: Create artifact archive
         run: |
-          mkdir comfyui-embeddr 
+          mkdir comfyui-embeddr
           cp -r __init__.py nodes js pyproject.toml README.md LICENSE.md comfyui-embeddr/
           zip -r comfyui-embeddr.zip comfyui-embeddr
 
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..13b5038
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,9 @@
+js
+node_modules
+__pycache__
+.venv
+config.json
+package-lock.json
+pnpm-lock.yaml
+uv.lock
+.github
diff --git a/README.md b/README.md
index db819f5..3ab8cc8 100644
--- a/README.md
+++ b/README.md
@@ -18,10 +18,8 @@
 4. Run Embeddr-CLI with `embeddr serve`
 5. Run ComfyUI
 
-
 ## Usage
 
-
 ### Use New Load & Save Image
 
 ![Example IO](.github/assets/io_nodes.png)
@@ -32,8 +30,7 @@
 
 ![Example Retrieval](.github/assets/retrieval_nodes.png)
 
-
-### Access more info on the [WebUI](https://github.com/embeddr-net/embeddr-cli) 
+### Access more info on the [WebUI](https://github.com/embeddr-net/embeddr-cli)
 
 ![Example Lineage](.github/assets/lineage_large.png)
 
diff --git a/eslint.config.js b/eslint.config.js
index e02d867..6a9a0ce 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,5 +1,24 @@
-//  @ts-check
-
+// @ts-check
 import { tanstackConfig } from "@tanstack/eslint-config";
 
-export default [...tanstackConfig];
+export default [
+  ...tanstackConfig,
+  {
+    ignores: ["js/**", "build/**", ".vite/**", "coverage/**", "*.config.{js,ts,mjs,cjs,mts}"],
+  },
+  {
+    files: ["ui/**/*.{ts,tsx}", "nodes/**/*.{ts,tsx}"],
+    rules: {
+      // pending eslint-plugin-react-hooks v7 + tanstack-config compatibility
+      "react-hooks/exhaustive-deps": "off",
+      // Too aggressive for code that handles localStorage / untyped JSON
+      // (e.g. version-checking parsed values where TS narrows to a literal).
+      "@typescript-eslint/no-unnecessary-condition": "off",
+      // ComfyUI integration files extensively use @ts-ignore to bridge
+      // ComfyUI globals (`app`, the LiteGraph types, etc) that lack
+      // proper TypeScript declarations. Requiring a description on each
+      // would just generate noise like "@ts-ignore — ComfyUI lacks types".
+      "@typescript-eslint/ban-ts-comment": "off",
+    },
+  },
+];
diff --git a/example.config.json b/example.config.json
new file mode 100644
index 0000000..e7f2c1a
--- /dev/null
+++ b/example.config.json
@@ -0,0 +1 @@
+{ "endpoint": "http://127.0.0.1:8003/", "mode": "local", "grid_preview_contain": false }
diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index b321aa7..0000000
--- a/package-lock.json
+++ /dev/null
@@ -1,3007 +0,0 @@
-{
-  "name": "ComfyUI_frontend_vue_basic",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "devDependencies": {
-        "@comfyorg/comfyui-frontend-types": "^1.22.1",
-        "@vitejs/plugin-vue": "^5.2.3",
-        "vite": "^6.3.5",
-        "vite-plugin-vue-devtools": "^7.7.2"
-      },
-      "peerDependencies": {
-        "primevue": "^4.2.5",
-        "vue": "^3.5.13",
-        "vue-i18n": "^9.14.3"
-      }
-    },
-    "../../ComfyUI_frontend/dist": {
-      "name": "@comfyorg/comfyui-frontend-types",
-      "version": "1.17.0",
-      "extraneous": true,
-      "license": "GPL-3.0-only",
-      "dependencies": {
-        "@comfyorg/litegraph": "^0.13.3"
-      },
-      "peerDependencies": {
-        "vue": "^3.5.13",
-        "zod": "^3.23.8"
-      }
-    },
-    "node_modules/@ampproject/remapping": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
-      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@antfu/utils": {
-      "version": "0.7.10",
-      "resolved": "https://registry.npmjs.org/@antfu/utils/-/utils-0.7.10.tgz",
-      "integrity": "sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@babel/code-frame": {
-      "version": "7.26.2",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
-      "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.25.9",
-        "js-tokens": "^4.0.0",
-        "picocolors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/compat-data": {
-      "version": "7.26.8",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.8.tgz",
-      "integrity": "sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/core": {
-      "version": "7.26.10",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.10.tgz",
-      "integrity": "sha512-vMqyb7XCDMPvJFFOaT9kxtiRh42GwlZEg1/uIgtZshS5a/8OaduUfCi7kynKgc3Tw/6Uo2D+db9qBttghhmxwQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.26.2",
-        "@babel/generator": "^7.26.10",
-        "@babel/helper-compilation-targets": "^7.26.5",
-        "@babel/helper-module-transforms": "^7.26.0",
-        "@babel/helpers": "^7.26.10",
-        "@babel/parser": "^7.26.10",
-        "@babel/template": "^7.26.9",
-        "@babel/traverse": "^7.26.10",
-        "@babel/types": "^7.26.10",
-        "convert-source-map": "^2.0.0",
-        "debug": "^4.1.0",
-        "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.3",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/babel"
-      }
-    },
-    "node_modules/@babel/generator": {
-      "version": "7.27.0",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.0.tgz",
-      "integrity": "sha512-VybsKvpiN1gU1sdMZIp7FcqphVVKEwcuj02x73uvcHE0PTihx1nlBcowYWhDwjpoAXRv43+gDzyggGnn1XZhVw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.27.0",
-        "@babel/types": "^7.27.0",
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.25",
-        "jsesc": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
-      "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.27.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.0.tgz",
-      "integrity": "sha512-LVk7fbXml0H2xH34dFzKQ7TDZ2G4/rVTOrq9V+icbbadjbVxxeFeDsNHv2SrZeWoA+6ZiTyWYWtScEIW07EAcA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/compat-data": "^7.26.8",
-        "@babel/helper-validator-option": "^7.25.9",
-        "browserslist": "^4.24.0",
-        "lru-cache": "^5.1.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.27.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.0.tgz",
-      "integrity": "sha512-vSGCvMecvFCd/BdpGlhpXYNhhC4ccxyvQWpbGL4CWbvfEoLFWUZuSuf7s9Aw70flgQF+6vptvgK2IfOnKlRmBg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.25.9",
-        "@babel/helper-member-expression-to-functions": "^7.25.9",
-        "@babel/helper-optimise-call-expression": "^7.25.9",
-        "@babel/helper-replace-supers": "^7.26.5",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
-        "@babel/traverse": "^7.27.0",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-member-expression-to-functions": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz",
-      "integrity": "sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-imports": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz",
-      "integrity": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-transforms": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz",
-      "integrity": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.25.9",
-        "@babel/helper-validator-identifier": "^7.25.9",
-        "@babel/traverse": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-optimise-call-expression": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz",
-      "integrity": "sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.26.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz",
-      "integrity": "sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-replace-supers": {
-      "version": "7.26.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.26.5.tgz",
-      "integrity": "sha512-bJ6iIVdYX1YooY2X7w1q6VITt+LnUILtNk7zT78ykuwStx8BauCzxvFqFaHjOpW1bVnSUM1PN1f0p5P21wHxvg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-member-expression-to-functions": "^7.25.9",
-        "@babel/helper-optimise-call-expression": "^7.25.9",
-        "@babel/traverse": "^7.26.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz",
-      "integrity": "sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-string-parser": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
-      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
-      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-option": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz",
-      "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helpers": {
-      "version": "7.27.0",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.0.tgz",
-      "integrity": "sha512-U5eyP/CTFPuNE3qk+WZMxFkp/4zUzdceQlfzf7DdGdhp+Fezd7HD+i8Y24ZuTMKX3wQBld449jijbGq6OdGNQg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/template": "^7.27.0",
-        "@babel/types": "^7.27.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/parser": {
-      "version": "7.27.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.0.tgz",
-      "integrity": "sha512-iaepho73/2Pz7w2eMS0Q5f83+0RKI7i4xmiYeBmDzfRVbQtTOG7Ts0S4HzJVsTMGI9keU8rNfuZr8DKfSt7Yyg==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.27.0"
-      },
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-proposal-decorators": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.25.9.tgz",
-      "integrity": "sha512-smkNLL/O1ezy9Nhy4CNosc4Va+1wo5w4gzSZeLe6y6dM4mmHfYOCPolXQPHQxonZCF+ZyebxN9vqOolkYrSn5g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/plugin-syntax-decorators": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-decorators": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.25.9.tgz",
-      "integrity": "sha512-ryzI0McXUPJnRCvMo4lumIKZUzhYUO/ScI+Mz4YVaTLt04DHNSjEUjKVvbzQjZFLuod/cYEc07mJWhzl6v4DPg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-import-attributes": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz",
-      "integrity": "sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-import-meta": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
-      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.9.tgz",
-      "integrity": "sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-typescript": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz",
-      "integrity": "sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.27.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.27.0.tgz",
-      "integrity": "sha512-fRGGjO2UEGPjvEcyAZXRXAS8AfdaQoq7HnxAbJoAoW10B9xOKesmmndJv+Sym2a+9FHWZ9KbyyLCe9s0Sn5jtg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.25.9",
-        "@babel/helper-create-class-features-plugin": "^7.27.0",
-        "@babel/helper-plugin-utils": "^7.26.5",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
-        "@babel/plugin-syntax-typescript": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/template": {
-      "version": "7.27.0",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.0.tgz",
-      "integrity": "sha512-2ncevenBqXI6qRMukPlXwHKHchC7RyMuu4xv5JBXRfOGVcTy1mXCD12qrp7Jsoxll1EV3+9sE4GugBVRjT2jFA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.26.2",
-        "@babel/parser": "^7.27.0",
-        "@babel/types": "^7.27.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/traverse": {
-      "version": "7.27.0",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.0.tgz",
-      "integrity": "sha512-19lYZFzYVQkkHkl4Cy4WrAVcqBkgvV2YM2TU3xG6DIwO7O3ecbDPfW3yM3bjAGcqcQHi+CCtjMR3dIEHxsd6bA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.26.2",
-        "@babel/generator": "^7.27.0",
-        "@babel/parser": "^7.27.0",
-        "@babel/template": "^7.27.0",
-        "@babel/types": "^7.27.0",
-        "debug": "^4.3.1",
-        "globals": "^11.1.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/types": {
-      "version": "7.27.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.0.tgz",
-      "integrity": "sha512-H45s8fVLYjbhFH62dIJ3WtmJ6RSPt/3DRO0ZcT2SUiYiQyz3BLVb9ADEnLl91m74aQPS3AzzeajZHYOalWe3bg==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.25.9",
-        "@babel/helper-validator-identifier": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@comfyorg/comfyui-frontend-types": {
-      "version": "1.22.1",
-      "resolved": "https://registry.npmjs.org/@comfyorg/comfyui-frontend-types/-/comfyui-frontend-types-1.22.1.tgz",
-      "integrity": "sha512-/jtTgvUS8K8KrsSxeIdaaTIMbLSgFFJBefnnv+gYZTd0xp+DRttar2L4/ZQGPZpFR1CwEU70dAEQEd30nxvPcw==",
-      "dev": true,
-      "license": "GPL-3.0-only",
-      "dependencies": {
-        "@comfyorg/litegraph": "^0.15.15"
-      },
-      "peerDependencies": {
-        "vue": "^3.5.13",
-        "zod": "^3.23.8"
-      }
-    },
-    "node_modules/@comfyorg/litegraph": {
-      "version": "0.15.15",
-      "resolved": "https://registry.npmjs.org/@comfyorg/litegraph/-/litegraph-0.15.15.tgz",
-      "integrity": "sha512-otOKgTxNPV6gEa6PW1fHGMMF8twjnZkP0vWQhGsRISK4vN8tPfX8O9sC9Hnq3nV8axaMv4/Ff49+7mMVcFEKeA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.2.tgz",
-      "integrity": "sha512-wCIboOL2yXZym2cgm6mlA742s9QeJ8DjGVaL39dLN4rRwrOgOyYSnOaFPhKZGLb2ngj4EyfAFjsNJwPXZvseag==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "aix"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-arm": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.2.tgz",
-      "integrity": "sha512-NQhH7jFstVY5x8CKbcfa166GoV0EFkaPkCKBQkdPJFvo5u+nGXLEH/ooniLb3QI8Fk58YAx7nsPLozUWfCBOJA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-arm64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.2.tgz",
-      "integrity": "sha512-5ZAX5xOmTligeBaeNEPnPaeEuah53Id2tX4c2CVP3JaROTH+j4fnfHCkr1PjXMd78hMst+TlkfKcW/DlTq0i4w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.2.tgz",
-      "integrity": "sha512-Ffcx+nnma8Sge4jzddPHCZVRvIfQ0kMsUsCMcJRHkGJ1cDmhe4SsrYIjLUKn1xpHZybmOqCWwB0zQvsjdEHtkg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.2.tgz",
-      "integrity": "sha512-MpM6LUVTXAzOvN4KbjzU/q5smzryuoNjlriAIx+06RpecwCkL9JpenNzpKd2YMzLJFOdPqBpuub6eVRP5IgiSA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/darwin-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.2.tgz",
-      "integrity": "sha512-5eRPrTX7wFyuWe8FqEFPG2cU0+butQQVNcT4sVipqjLYQjjh8a8+vUTfgBKM88ObB85ahsnTwF7PSIt6PG+QkA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.2.tgz",
-      "integrity": "sha512-mLwm4vXKiQ2UTSX4+ImyiPdiHjiZhIaE9QvC7sw0tZ6HoNMjYAqQpGyui5VRIi5sGd+uWq940gdCbY3VLvsO1w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.2.tgz",
-      "integrity": "sha512-6qyyn6TjayJSwGpm8J9QYYGQcRgc90nmfdUb0O7pp1s4lTY+9D0H9O02v5JqGApUyiHOtkz6+1hZNvNtEhbwRQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-arm": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.2.tgz",
-      "integrity": "sha512-UHBRgJcmjJv5oeQF8EpTRZs/1knq6loLxTsjc3nxO9eXAPDLcWW55flrMVc97qFPbmZP31ta1AZVUKQzKTzb0g==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-arm64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.2.tgz",
-      "integrity": "sha512-gq/sjLsOyMT19I8obBISvhoYiZIAaGF8JpeXu1u8yPv8BE5HlWYobmlsfijFIZ9hIVGYkbdFhEqC0NvM4kNO0g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-ia32": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.2.tgz",
-      "integrity": "sha512-bBYCv9obgW2cBP+2ZWfjYTU+f5cxRoGGQ5SeDbYdFCAZpYWrfjjfYwvUpP8MlKbP0nwZ5gyOU/0aUzZ5HWPuvQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.2.tgz",
-      "integrity": "sha512-SHNGiKtvnU2dBlM5D8CXRFdd+6etgZ9dXfaPCeJtz+37PIUlixvlIhI23L5khKXs3DIzAn9V8v+qb1TRKrgT5w==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.2.tgz",
-      "integrity": "sha512-hDDRlzE6rPeoj+5fsADqdUZl1OzqDYow4TB4Y/3PlKBD0ph1e6uPHzIQcv2Z65u2K0kpeByIyAjCmjn1hJgG0Q==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.2.tgz",
-      "integrity": "sha512-tsHu2RRSWzipmUi9UBDEzc0nLc4HtpZEI5Ba+Omms5456x5WaNuiG3u7xh5AO6sipnJ9r4cRWQB2tUjPyIkc6g==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.2.tgz",
-      "integrity": "sha512-k4LtpgV7NJQOml/10uPU0s4SAXGnowi5qBSjaLWMojNCUICNu7TshqHLAEbkBdAszL5TabfvQ48kK84hyFzjnw==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-s390x": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.2.tgz",
-      "integrity": "sha512-GRa4IshOdvKY7M/rDpRR3gkiTNp34M0eLTaC1a08gNrh4u488aPhuZOCpkF6+2wl3zAN7L7XIpOFBhnaE3/Q8Q==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.2.tgz",
-      "integrity": "sha512-QInHERlqpTTZ4FRB0fROQWXcYRD64lAoiegezDunLpalZMjcUcld3YzZmVJ2H/Cp0wJRZ8Xtjtj0cEHhYc/uUg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.2.tgz",
-      "integrity": "sha512-talAIBoY5M8vHc6EeI2WW9d/CkiO9MQJ0IOWX8hrLhxGbro/vBXJvaQXefW2cP0z0nQVTdQ/eNyGFV1GSKrxfw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.2.tgz",
-      "integrity": "sha512-voZT9Z+tpOxrvfKFyfDYPc4DO4rk06qamv1a/fkuzHpiVBMOhpjK+vBmWM8J1eiB3OLSMFYNaOaBNLXGChf5tg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.2.tgz",
-      "integrity": "sha512-dcXYOC6NXOqcykeDlwId9kB6OkPUxOEqU+rkrYVqJbK2hagWOMrsTGsMr8+rW02M+d5Op5NNlgMmjzecaRf7Tg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.2.tgz",
-      "integrity": "sha512-t/TkWwahkH0Tsgoq1Ju7QfgGhArkGLkF1uYz8nQS/PPFlXbP5YgRpqQR3ARRiC2iXoLTWFxc6DJMSK10dVXluw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/sunos-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.2.tgz",
-      "integrity": "sha512-cfZH1co2+imVdWCjd+D1gf9NjkchVhhdpgb1q5y6Hcv9TP6Zi9ZG/beI3ig8TvwT9lH9dlxLq5MQBBgwuj4xvA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-arm64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.2.tgz",
-      "integrity": "sha512-7Loyjh+D/Nx/sOTzV8vfbB3GJuHdOQyrOryFdZvPHLf42Tk9ivBU5Aedi7iyX+x6rbn2Mh68T4qq1SDqJBQO5Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-ia32": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.2.tgz",
-      "integrity": "sha512-WRJgsz9un0nqZJ4MfhabxaD9Ft8KioqU3JMinOTvobbX6MOSUigSBlogP8QB3uxpJDsFS6yN+3FDBdqE5lg9kg==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.2.tgz",
-      "integrity": "sha512-kM3HKb16VIXZyIeVrM1ygYmZBKybX8N4p754bw390wGO3Tf2j4L2/WYL+4suWujpgf6GBYs3jv7TyUivdd05JA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@intlify/core-base": {
-      "version": "9.14.4",
-      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.14.4.tgz",
-      "integrity": "sha512-vtZCt7NqWhKEtHa3SD/322DlgP5uR9MqWxnE0y8Q0tjDs9H5Lxhss+b5wv8rmuXRoHKLESNgw9d+EN9ybBbj9g==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@intlify/message-compiler": "9.14.4",
-        "@intlify/shared": "9.14.4"
-      },
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/kazupon"
-      }
-    },
-    "node_modules/@intlify/message-compiler": {
-      "version": "9.14.4",
-      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.14.4.tgz",
-      "integrity": "sha512-vcyCLiVRN628U38c3PbahrhbbXrckrM9zpy0KZVlDk2Z0OnGwv8uQNNXP3twwGtfLsCf4gu3ci6FMIZnPaqZsw==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@intlify/shared": "9.14.4",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/kazupon"
-      }
-    },
-    "node_modules/@intlify/shared": {
-      "version": "9.14.4",
-      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.14.4.tgz",
-      "integrity": "sha512-P9zv6i1WvMc9qDBWvIgKkymjY2ptIiQ065PjDv7z7fDqH3J/HBRBN5IoiR46r/ujRcU7hCuSIZWvCAFCyuOYZA==",
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/kazupon"
-      }
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
-      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/set-array": "^1.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
-      "license": "MIT"
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.25",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
-      }
-    },
-    "node_modules/@polka/url": {
-      "version": "1.0.0-next.29",
-      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
-      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@primeuix/styled": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.5.1.tgz",
-      "integrity": "sha512-5Ftw/KSauDPClQ8F2qCyCUF7cIUEY4yLNikf0rKV7Vsb8zGYNK0dahQe7CChaR6M2Kn+NA2DSBSk76ZXqj6Uog==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@primeuix/utils": "^0.5.3"
-      },
-      "engines": {
-        "node": ">=12.11.0"
-      }
-    },
-    "node_modules/@primeuix/styles": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@primeuix/styles/-/styles-1.0.3.tgz",
-      "integrity": "sha512-yHj/Q+fosJ1736Ty5lRbpqhKa9piou+xZPPppNHUDshq0+XhrFwDGggvPGmDAJyUIM+ChM/Nj8lPY/AwTNXAkg==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@primeuix/styled": "^0.5.1"
-      }
-    },
-    "node_modules/@primeuix/utils": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/@primeuix/utils/-/utils-0.5.3.tgz",
-      "integrity": "sha512-7SGh7734wcF1/uK6RzO6Z6CBjGQ97GDHfpyl2F1G/c7R0z9hkT/V72ypDo82AWcCS7Ta07oIjDpOCTkSVZuEGQ==",
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=12.11.0"
-      }
-    },
-    "node_modules/@primevue/core": {
-      "version": "4.3.3",
-      "resolved": "https://registry.npmjs.org/@primevue/core/-/core-4.3.3.tgz",
-      "integrity": "sha512-kSkN5oourG7eueoFPIqiNX3oDT/f0I5IRK3uOY/ytz+VzTZp5yuaCN0Nt42ZQpVXjDxMxDvUhIdaXVrjr58NhQ==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@primeuix/styled": "^0.5.0",
-        "@primeuix/utils": "^0.5.1"
-      },
-      "engines": {
-        "node": ">=12.11.0"
-      },
-      "peerDependencies": {
-        "vue": "^3.5.0"
-      }
-    },
-    "node_modules/@primevue/icons": {
-      "version": "4.3.3",
-      "resolved": "https://registry.npmjs.org/@primevue/icons/-/icons-4.3.3.tgz",
-      "integrity": "sha512-ouQaxHyeFB6MSfEGGbjaK5Qv9efS1xZGetZoU5jcPm090MSYLFtroP1CuK3lZZAQals06TZ6T6qcoNukSHpK5w==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@primeuix/utils": "^0.5.1",
-        "@primevue/core": "4.3.3"
-      },
-      "engines": {
-        "node": ">=12.11.0"
-      }
-    },
-    "node_modules/@rollup/pluginutils": {
-      "version": "5.1.4",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz",
-      "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "^1.0.0",
-        "estree-walker": "^2.0.2",
-        "picomatch": "^4.0.2"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
-      },
-      "peerDependenciesMeta": {
-        "rollup": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.39.0.tgz",
-      "integrity": "sha512-lGVys55Qb00Wvh8DMAocp5kIcaNzEFTmGhfFd88LfaogYTRKrdxgtlO5H6S49v2Nd8R2C6wLOal0qv6/kCkOwA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.39.0.tgz",
-      "integrity": "sha512-It9+M1zE31KWfqh/0cJLrrsCPiF72PoJjIChLX+rEcujVRCb4NLQ5QzFkzIZW8Kn8FTbvGQBY5TkKBau3S8cCQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.39.0.tgz",
-      "integrity": "sha512-lXQnhpFDOKDXiGxsU9/l8UEGGM65comrQuZ+lDcGUx+9YQ9dKpF3rSEGepyeR5AHZ0b5RgiligsBhWZfSSQh8Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.39.0.tgz",
-      "integrity": "sha512-mKXpNZLvtEbgu6WCkNij7CGycdw9cJi2k9v0noMb++Vab12GZjFgUXD69ilAbBh034Zwn95c2PNSz9xM7KYEAQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.39.0.tgz",
-      "integrity": "sha512-jivRRlh2Lod/KvDZx2zUR+I4iBfHcu2V/BA2vasUtdtTN2Uk3jfcZczLa81ESHZHPHy4ih3T/W5rPFZ/hX7RtQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.39.0.tgz",
-      "integrity": "sha512-8RXIWvYIRK9nO+bhVz8DwLBepcptw633gv/QT4015CpJ0Ht8punmoHU/DuEd3iw9Hr8UwUV+t+VNNuZIWYeY7Q==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.39.0.tgz",
-      "integrity": "sha512-mz5POx5Zu58f2xAG5RaRRhp3IZDK7zXGk5sdEDj4o96HeaXhlUwmLFzNlc4hCQi5sGdR12VDgEUqVSHer0lI9g==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.39.0.tgz",
-      "integrity": "sha512-+YDwhM6gUAyakl0CD+bMFpdmwIoRDzZYaTWV3SDRBGkMU/VpIBYXXEvkEcTagw/7VVkL2vA29zU4UVy1mP0/Yw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.39.0.tgz",
-      "integrity": "sha512-EKf7iF7aK36eEChvlgxGnk7pdJfzfQbNvGV/+l98iiMwU23MwvmV0Ty3pJ0p5WQfm3JRHOytSIqD9LB7Bq7xdQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.39.0.tgz",
-      "integrity": "sha512-vYanR6MtqC7Z2SNr8gzVnzUul09Wi1kZqJaek3KcIlI/wq5Xtq4ZPIZ0Mr/st/sv/NnaPwy/D4yXg5x0B3aUUA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.39.0.tgz",
-      "integrity": "sha512-NMRUT40+h0FBa5fb+cpxtZoGAggRem16ocVKIv5gDB5uLDgBIwrIsXlGqYbLwW8YyO3WVTk1FkFDjMETYlDqiw==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.39.0.tgz",
-      "integrity": "sha512-0pCNnmxgduJ3YRt+D+kJ6Ai/r+TaePu9ZLENl+ZDV/CdVczXl95CbIiwwswu4L+K7uOIGf6tMo2vm8uadRaICQ==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.39.0.tgz",
-      "integrity": "sha512-t7j5Zhr7S4bBtksT73bO6c3Qa2AV/HqiGlj9+KB3gNF5upcVkx+HLgxTm8DK4OkzsOYqbdqbLKwvGMhylJCPhQ==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.39.0.tgz",
-      "integrity": "sha512-m6cwI86IvQ7M93MQ2RF5SP8tUjD39Y7rjb1qjHgYh28uAPVU8+k/xYWvxRO3/tBN2pZkSMa5RjnPuUIbrwVxeA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.39.0.tgz",
-      "integrity": "sha512-iRDJd2ebMunnk2rsSBYlsptCyuINvxUfGwOUldjv5M4tpa93K8tFMeYGpNk2+Nxl+OBJnBzy2/JCscGeO507kA==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.39.0.tgz",
-      "integrity": "sha512-t9jqYw27R6Lx0XKfEFe5vUeEJ5pF3SGIM6gTfONSMb7DuG6z6wfj2yjcoZxHg129veTqU7+wOhY6GX8wmf90dA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.39.0.tgz",
-      "integrity": "sha512-ThFdkrFDP55AIsIZDKSBWEt/JcWlCzydbZHinZ0F/r1h83qbGeenCt/G/wG2O0reuENDD2tawfAj2s8VK7Bugg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.39.0.tgz",
-      "integrity": "sha512-jDrLm6yUtbOg2TYB3sBF3acUnAwsIksEYjLeHL+TJv9jg+TmTwdyjnDex27jqEMakNKf3RwwPahDIt7QXCSqRQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.39.0.tgz",
-      "integrity": "sha512-6w9uMuza+LbLCVoNKL5FSLE7yvYkq9laSd09bwS0tMjkwXrmib/4KmoJcrKhLWHvw19mwU+33ndC69T7weNNjQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.39.0.tgz",
-      "integrity": "sha512-yAkUOkIKZlK5dl7u6dg897doBgLXmUHhIINM2c+sND3DZwnrdQkkSiDh7N75Ll4mM4dxSkYfXqU9fW3lLkMFug==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@sec-ant/readable-stream": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@sec-ant/readable-stream/-/readable-stream-0.4.1.tgz",
-      "integrity": "sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@sindresorhus/merge-streams": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-4.0.0.tgz",
-      "integrity": "sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@types/estree": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
-      "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@vitejs/plugin-vue": {
-      "version": "5.2.3",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.3.tgz",
-      "integrity": "sha512-IYSLEQj4LgZZuoVpdSUCw3dIynTWQgPlaRP6iAvMle4My0HdYwr5g5wQAfwOeHQBmYwEkqF70nRpSilr6PoUDg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      },
-      "peerDependencies": {
-        "vite": "^5.0.0 || ^6.0.0",
-        "vue": "^3.2.25"
-      }
-    },
-    "node_modules/@vue/babel-helper-vue-transform-on": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.4.0.tgz",
-      "integrity": "sha512-mCokbouEQ/ocRce/FpKCRItGo+013tHg7tixg3DUNS+6bmIchPt66012kBMm476vyEIJPafrvOf4E5OYj3shSw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@vue/babel-plugin-jsx": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.4.0.tgz",
-      "integrity": "sha512-9zAHmwgMWlaN6qRKdrg1uKsBKHvnUU+Py+MOCTuYZBoZsopa90Di10QRjB+YPnVss0BZbG/H5XFwJY1fTxJWhA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.26.5",
-        "@babel/plugin-syntax-jsx": "^7.25.9",
-        "@babel/template": "^7.26.9",
-        "@babel/traverse": "^7.26.9",
-        "@babel/types": "^7.26.9",
-        "@vue/babel-helper-vue-transform-on": "1.4.0",
-        "@vue/babel-plugin-resolve-type": "1.4.0",
-        "@vue/shared": "^3.5.13"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vue/babel-plugin-resolve-type": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@vue/babel-plugin-resolve-type/-/babel-plugin-resolve-type-1.4.0.tgz",
-      "integrity": "sha512-4xqDRRbQQEWHQyjlYSgZsWj44KfiF6D+ktCuXyZ8EnVDYV3pztmXJDf1HveAjUAXxAnR8daCQT51RneWWxtTyQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.26.2",
-        "@babel/helper-module-imports": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.26.5",
-        "@babel/parser": "^7.26.9",
-        "@vue/compiler-sfc": "^3.5.13"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sxzz"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@vue/compiler-core": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
-      "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.25.3",
-        "@vue/shared": "3.5.13",
-        "entities": "^4.5.0",
-        "estree-walker": "^2.0.2",
-        "source-map-js": "^1.2.0"
-      }
-    },
-    "node_modules/@vue/compiler-dom": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
-      "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-core": "3.5.13",
-        "@vue/shared": "3.5.13"
-      }
-    },
-    "node_modules/@vue/compiler-sfc": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
-      "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.25.3",
-        "@vue/compiler-core": "3.5.13",
-        "@vue/compiler-dom": "3.5.13",
-        "@vue/compiler-ssr": "3.5.13",
-        "@vue/shared": "3.5.13",
-        "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.11",
-        "postcss": "^8.4.48",
-        "source-map-js": "^1.2.0"
-      }
-    },
-    "node_modules/@vue/compiler-ssr": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
-      "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-dom": "3.5.13",
-        "@vue/shared": "3.5.13"
-      }
-    },
-    "node_modules/@vue/devtools-api": {
-      "version": "6.6.4",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
-      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
-      "license": "MIT",
-      "peer": true
-    },
-    "node_modules/@vue/devtools-core": {
-      "version": "7.7.2",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-core/-/devtools-core-7.7.2.tgz",
-      "integrity": "sha512-lexREWj1lKi91Tblr38ntSsy6CvI8ba7u+jmwh2yruib/ltLUcsIzEjCnrkh1yYGGIKXbAuYV2tOG10fGDB9OQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vue/devtools-kit": "^7.7.2",
-        "@vue/devtools-shared": "^7.7.2",
-        "mitt": "^3.0.1",
-        "nanoid": "^5.0.9",
-        "pathe": "^2.0.2",
-        "vite-hot-client": "^0.2.4"
-      },
-      "peerDependencies": {
-        "vue": "^3.0.0"
-      }
-    },
-    "node_modules/@vue/devtools-core/node_modules/nanoid": {
-      "version": "5.1.5",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-5.1.5.tgz",
-      "integrity": "sha512-Ir/+ZpE9fDsNH0hQ3C68uyThDXzYcim2EqcZ8zn8Chtt1iylPT9xXJB0kPCnqzgcEGikO9RxSrh63MsmVCU7Fw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "bin": {
-        "nanoid": "bin/nanoid.js"
-      },
-      "engines": {
-        "node": "^18 || >=20"
-      }
-    },
-    "node_modules/@vue/devtools-kit": {
-      "version": "7.7.2",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-7.7.2.tgz",
-      "integrity": "sha512-CY0I1JH3Z8PECbn6k3TqM1Bk9ASWxeMtTCvZr7vb+CHi+X/QwQm5F1/fPagraamKMAHVfuuCbdcnNg1A4CYVWQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vue/devtools-shared": "^7.7.2",
-        "birpc": "^0.2.19",
-        "hookable": "^5.5.3",
-        "mitt": "^3.0.1",
-        "perfect-debounce": "^1.0.0",
-        "speakingurl": "^14.0.1",
-        "superjson": "^2.2.1"
-      }
-    },
-    "node_modules/@vue/devtools-shared": {
-      "version": "7.7.2",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-7.7.2.tgz",
-      "integrity": "sha512-uBFxnp8gwW2vD6FrJB8JZLUzVb6PNRG0B0jBnHsOH8uKyva2qINY8PTF5Te4QlTbMDqU5K6qtJDr6cNsKWhbOA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "rfdc": "^1.4.1"
-      }
-    },
-    "node_modules/@vue/reactivity": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
-      "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@vue/shared": "3.5.13"
-      }
-    },
-    "node_modules/@vue/runtime-core": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.13.tgz",
-      "integrity": "sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@vue/reactivity": "3.5.13",
-        "@vue/shared": "3.5.13"
-      }
-    },
-    "node_modules/@vue/runtime-dom": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz",
-      "integrity": "sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@vue/reactivity": "3.5.13",
-        "@vue/runtime-core": "3.5.13",
-        "@vue/shared": "3.5.13",
-        "csstype": "^3.1.3"
-      }
-    },
-    "node_modules/@vue/server-renderer": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.13.tgz",
-      "integrity": "sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@vue/compiler-ssr": "3.5.13",
-        "@vue/shared": "3.5.13"
-      },
-      "peerDependencies": {
-        "vue": "3.5.13"
-      }
-    },
-    "node_modules/@vue/shared": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-      "license": "MIT"
-    },
-    "node_modules/birpc": {
-      "version": "0.2.19",
-      "resolved": "https://registry.npmjs.org/birpc/-/birpc-0.2.19.tgz",
-      "integrity": "sha512-5WeXXAvTmitV1RqJFppT5QtUiz2p1mRSYU000Jkft5ZUCLJIk4uQriYNO50HknxKwM6jd8utNc66K1qGIwwWBQ==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz",
-      "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001688",
-        "electron-to-chromium": "^1.5.73",
-        "node-releases": "^2.0.19",
-        "update-browserslist-db": "^1.1.1"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/bundle-name": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-4.1.0.tgz",
-      "integrity": "sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "run-applescript": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001712",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001712.tgz",
-      "integrity": "sha512-MBqPpGYYdQ7/hfKiet9SCI+nmN5/hp4ZzveOJubl5DTAMa5oggjAuoi0Z4onBpKPFI2ePGnQuQIzF3VxDjDJig==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "CC-BY-4.0"
-    },
-    "node_modules/convert-source-map": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/copy-anything": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-3.0.5.tgz",
-      "integrity": "sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-what": "^4.1.8"
-      },
-      "engines": {
-        "node": ">=12.13"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mesqueeb"
-      }
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/csstype": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "license": "MIT",
-      "peer": true
-    },
-    "node_modules/debug": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
-      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/default-browser": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.2.1.tgz",
-      "integrity": "sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "bundle-name": "^4.1.0",
-        "default-browser-id": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/default-browser-id": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-5.0.0.tgz",
-      "integrity": "sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/define-lazy-prop": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
-      "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.5.135",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.135.tgz",
-      "integrity": "sha512-8gXUdEmvb+WCaYUhA0Svr08uSeRjM2w3x5uHOc1QbaEVzJXB8rgm5eptieXzyKoVEtinLvW6MtTcurA65PeS1Q==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/error-stack-parser-es": {
-      "version": "0.1.5",
-      "resolved": "https://registry.npmjs.org/error-stack-parser-es/-/error-stack-parser-es-0.1.5.tgz",
-      "integrity": "sha512-xHku1X40RO+fO8yJ8Wh2f2rZWVjqyhb1zgq1yZ8aZRQkv6OOKhKWRUaht3eSCUbAOBaKIgM+ykwFLE+QUxgGeg==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/esbuild": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.2.tgz",
-      "integrity": "sha512-16854zccKPnC+toMywC+uKNeYSv+/eXkevRAfwRD/G9Cleq66m8XFIrigkbvauLLlCfDL45Q2cWegSg53gGBnQ==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.25.2",
-        "@esbuild/android-arm": "0.25.2",
-        "@esbuild/android-arm64": "0.25.2",
-        "@esbuild/android-x64": "0.25.2",
-        "@esbuild/darwin-arm64": "0.25.2",
-        "@esbuild/darwin-x64": "0.25.2",
-        "@esbuild/freebsd-arm64": "0.25.2",
-        "@esbuild/freebsd-x64": "0.25.2",
-        "@esbuild/linux-arm": "0.25.2",
-        "@esbuild/linux-arm64": "0.25.2",
-        "@esbuild/linux-ia32": "0.25.2",
-        "@esbuild/linux-loong64": "0.25.2",
-        "@esbuild/linux-mips64el": "0.25.2",
-        "@esbuild/linux-ppc64": "0.25.2",
-        "@esbuild/linux-riscv64": "0.25.2",
-        "@esbuild/linux-s390x": "0.25.2",
-        "@esbuild/linux-x64": "0.25.2",
-        "@esbuild/netbsd-arm64": "0.25.2",
-        "@esbuild/netbsd-x64": "0.25.2",
-        "@esbuild/openbsd-arm64": "0.25.2",
-        "@esbuild/openbsd-x64": "0.25.2",
-        "@esbuild/sunos-x64": "0.25.2",
-        "@esbuild/win32-arm64": "0.25.2",
-        "@esbuild/win32-ia32": "0.25.2",
-        "@esbuild/win32-x64": "0.25.2"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/estree-walker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-      "license": "MIT"
-    },
-    "node_modules/execa": {
-      "version": "9.5.2",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-9.5.2.tgz",
-      "integrity": "sha512-EHlpxMCpHWSAh1dgS6bVeoLAXGnJNdR93aabr4QCGbzOM73o5XmRfM/e5FUqsw3aagP8S8XEWUWFAxnRBnAF0Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@sindresorhus/merge-streams": "^4.0.0",
-        "cross-spawn": "^7.0.3",
-        "figures": "^6.1.0",
-        "get-stream": "^9.0.0",
-        "human-signals": "^8.0.0",
-        "is-plain-obj": "^4.1.0",
-        "is-stream": "^4.0.1",
-        "npm-run-path": "^6.0.0",
-        "pretty-ms": "^9.0.0",
-        "signal-exit": "^4.1.0",
-        "strip-final-newline": "^4.0.0",
-        "yoctocolors": "^2.0.0"
-      },
-      "engines": {
-        "node": "^18.19.0 || >=20.5.0"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/fdir": {
-      "version": "6.4.4",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz",
-      "integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/figures": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/figures/-/figures-6.1.0.tgz",
-      "integrity": "sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-unicode-supported": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/fs-extra": {
-      "version": "11.3.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.0.tgz",
-      "integrity": "sha512-Z4XaCL6dUDHfP/jT25jJKMmtxvuwbkrD1vNSMFlo9lNLY2c5FHYSQgHPRZUjAB26TpDEoW9HCOgplrdbaPV/ew==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=14.14"
-      }
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/gensync": {
-      "version": "1.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/get-stream": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-9.0.1.tgz",
-      "integrity": "sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@sec-ant/readable-stream": "^0.4.1",
-        "is-stream": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/hookable": {
-      "version": "5.5.3",
-      "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz",
-      "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/human-signals": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-8.0.1.tgz",
-      "integrity": "sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/is-docker": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
-      "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "is-docker": "cli.js"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-inside-container": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz",
-      "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-docker": "^3.0.0"
-      },
-      "bin": {
-        "is-inside-container": "cli.js"
-      },
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-plain-obj": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
-      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-stream": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-4.0.1.tgz",
-      "integrity": "sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-unicode-supported": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz",
-      "integrity": "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-what": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/is-what/-/is-what-4.1.16.tgz",
-      "integrity": "sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.13"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mesqueeb"
-      }
-    },
-    "node_modules/is-wsl": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
-      "integrity": "sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-inside-container": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jsesc": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
-      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/json5": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "json5": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/kolorist": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/kolorist/-/kolorist-1.8.0.tgz",
-      "integrity": "sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/lru-cache": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "yallist": "^3.0.2"
-      }
-    },
-    "node_modules/magic-string": {
-      "version": "0.30.17",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
-      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0"
-      }
-    },
-    "node_modules/mitt": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
-      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/mrmime": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
-      "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.19",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
-      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/npm-run-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-6.0.0.tgz",
-      "integrity": "sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "path-key": "^4.0.0",
-        "unicorn-magic": "^0.3.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/npm-run-path/node_modules/path-key": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
-      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/open": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/open/-/open-10.1.0.tgz",
-      "integrity": "sha512-mnkeQ1qP5Ue2wd+aivTD3NHd/lZ96Lu0jgf0pwktLPtx6cTZiH7tyeGRRHs0zX0rbrahXPnXlUnbeXyaBBuIaw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "default-browser": "^5.2.1",
-        "define-lazy-prop": "^3.0.0",
-        "is-inside-container": "^1.0.0",
-        "is-wsl": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/parse-ms": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/parse-ms/-/parse-ms-4.0.0.tgz",
-      "integrity": "sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/pathe": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
-      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/perfect-debounce": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
-      "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "license": "ISC"
-    },
-    "node_modules/picomatch": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.5.3",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
-      "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "nanoid": "^3.3.8",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/pretty-ms": {
-      "version": "9.2.0",
-      "resolved": "https://registry.npmjs.org/pretty-ms/-/pretty-ms-9.2.0.tgz",
-      "integrity": "sha512-4yf0QO/sllf/1zbZWYnvWw3NxCQwLXKzIj0G849LSufP15BXKM0rbD2Z3wVnkMfjdn/CB0Dpp444gYAACdsplg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "parse-ms": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/primevue": {
-      "version": "4.3.3",
-      "resolved": "https://registry.npmjs.org/primevue/-/primevue-4.3.3.tgz",
-      "integrity": "sha512-nooYVoEz5CdP3EhUkD6c3qTdRmpLHZh75fBynkUkl46K8y5rksHTjdSISiDijwTA5STQIOkyqLb+RM+HQ6nC1Q==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@primeuix/styled": "^0.5.0",
-        "@primeuix/styles": "^1.0.0",
-        "@primeuix/utils": "^0.5.1",
-        "@primevue/core": "4.3.3",
-        "@primevue/icons": "4.3.3"
-      },
-      "engines": {
-        "node": ">=12.11.0"
-      }
-    },
-    "node_modules/rfdc": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
-      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/rollup": {
-      "version": "4.39.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.39.0.tgz",
-      "integrity": "sha512-thI8kNc02yNvnmJp8dr3fNWJ9tCONDhp6TV35X6HkKGGs9E6q7YWCHbe5vKiTa7TAiNcFEmXKj3X/pG2b3ci0g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "1.0.7"
-      },
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
-      "engines": {
-        "node": ">=18.0.0",
-        "npm": ">=8.0.0"
-      },
-      "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.39.0",
-        "@rollup/rollup-android-arm64": "4.39.0",
-        "@rollup/rollup-darwin-arm64": "4.39.0",
-        "@rollup/rollup-darwin-x64": "4.39.0",
-        "@rollup/rollup-freebsd-arm64": "4.39.0",
-        "@rollup/rollup-freebsd-x64": "4.39.0",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.39.0",
-        "@rollup/rollup-linux-arm-musleabihf": "4.39.0",
-        "@rollup/rollup-linux-arm64-gnu": "4.39.0",
-        "@rollup/rollup-linux-arm64-musl": "4.39.0",
-        "@rollup/rollup-linux-loongarch64-gnu": "4.39.0",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.39.0",
-        "@rollup/rollup-linux-riscv64-gnu": "4.39.0",
-        "@rollup/rollup-linux-riscv64-musl": "4.39.0",
-        "@rollup/rollup-linux-s390x-gnu": "4.39.0",
-        "@rollup/rollup-linux-x64-gnu": "4.39.0",
-        "@rollup/rollup-linux-x64-musl": "4.39.0",
-        "@rollup/rollup-win32-arm64-msvc": "4.39.0",
-        "@rollup/rollup-win32-ia32-msvc": "4.39.0",
-        "@rollup/rollup-win32-x64-msvc": "4.39.0",
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/run-applescript": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-7.0.0.tgz",
-      "integrity": "sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/sirv": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.1.tgz",
-      "integrity": "sha512-FoqMu0NCGBLCcAkS1qA+XJIQTR6/JHfQXl+uGteNCQ76T91DMUjPa9xfmeqMY3z80nLSg9yQmNjK0Px6RWsH/A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@polka/url": "^1.0.0-next.24",
-        "mrmime": "^2.0.0",
-        "totalist": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/speakingurl": {
-      "version": "14.0.1",
-      "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz",
-      "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/strip-final-newline": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-4.0.0.tgz",
-      "integrity": "sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/superjson": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/superjson/-/superjson-2.2.2.tgz",
-      "integrity": "sha512-5JRxVqC8I8NuOUjzBbvVJAKNM8qoVuH0O77h4WInc/qC2q5IreqKxYwgkga3PfA22OayK2ikceb/B26dztPl+Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "copy-anything": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/tinyglobby": {
-      "version": "0.2.14",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
-      "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fdir": "^6.4.4",
-        "picomatch": "^4.0.2"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/SuperchupuDev"
-      }
-    },
-    "node_modules/totalist": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
-      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/unicorn-magic": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.3.0.tgz",
-      "integrity": "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/universalify": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
-      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
-    "node_modules/update-browserslist-db": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
-      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "escalade": "^3.2.0",
-        "picocolors": "^1.1.1"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
-      }
-    },
-    "node_modules/vite": {
-      "version": "6.3.5",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz",
-      "integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "esbuild": "^0.25.0",
-        "fdir": "^6.4.4",
-        "picomatch": "^4.0.2",
-        "postcss": "^8.5.3",
-        "rollup": "^4.34.9",
-        "tinyglobby": "^0.2.13"
-      },
-      "bin": {
-        "vite": "bin/vite.js"
-      },
-      "engines": {
-        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/vitejs/vite?sponsor=1"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.3"
-      },
-      "peerDependencies": {
-        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
-        "jiti": ">=1.21.0",
-        "less": "*",
-        "lightningcss": "^1.21.0",
-        "sass": "*",
-        "sass-embedded": "*",
-        "stylus": "*",
-        "sugarss": "*",
-        "terser": "^5.16.0",
-        "tsx": "^4.8.1",
-        "yaml": "^2.4.2"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "jiti": {
-          "optional": true
-        },
-        "less": {
-          "optional": true
-        },
-        "lightningcss": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        },
-        "stylus": {
-          "optional": true
-        },
-        "sugarss": {
-          "optional": true
-        },
-        "terser": {
-          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        },
-        "yaml": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vite-hot-client": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/vite-hot-client/-/vite-hot-client-0.2.4.tgz",
-      "integrity": "sha512-a1nzURqO7DDmnXqabFOliz908FRmIppkBKsJthS8rbe8hBEXwEwe4C3Pp33Z1JoFCYfVL4kTOMLKk0ZZxREIeA==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "vite": "^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.0-0"
-      }
-    },
-    "node_modules/vite-plugin-inspect": {
-      "version": "0.8.9",
-      "resolved": "https://registry.npmjs.org/vite-plugin-inspect/-/vite-plugin-inspect-0.8.9.tgz",
-      "integrity": "sha512-22/8qn+LYonzibb1VeFZmISdVao5kC22jmEKm24vfFE8siEn47EpVcCLYMv6iKOYMJfjSvSJfueOwcFCkUnV3A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@antfu/utils": "^0.7.10",
-        "@rollup/pluginutils": "^5.1.3",
-        "debug": "^4.3.7",
-        "error-stack-parser-es": "^0.1.5",
-        "fs-extra": "^11.2.0",
-        "open": "^10.1.0",
-        "perfect-debounce": "^1.0.0",
-        "picocolors": "^1.1.1",
-        "sirv": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "vite": "^3.1.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.1"
-      },
-      "peerDependenciesMeta": {
-        "@nuxt/kit": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vite-plugin-vue-devtools": {
-      "version": "7.7.2",
-      "resolved": "https://registry.npmjs.org/vite-plugin-vue-devtools/-/vite-plugin-vue-devtools-7.7.2.tgz",
-      "integrity": "sha512-5V0UijQWiSBj32blkyPEqIbzc6HO9c1bwnBhx+ay2dzU0FakH+qMdNUT8nF9BvDE+i6I1U8CqCuJiO20vKEdQw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vue/devtools-core": "^7.7.2",
-        "@vue/devtools-kit": "^7.7.2",
-        "@vue/devtools-shared": "^7.7.2",
-        "execa": "^9.5.1",
-        "sirv": "^3.0.0",
-        "vite-plugin-inspect": "0.8.9",
-        "vite-plugin-vue-inspector": "^5.3.1"
-      },
-      "engines": {
-        "node": ">=v14.21.3"
-      },
-      "peerDependencies": {
-        "vite": "^3.1.0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.0-0"
-      }
-    },
-    "node_modules/vite-plugin-vue-inspector": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/vite-plugin-vue-inspector/-/vite-plugin-vue-inspector-5.3.1.tgz",
-      "integrity": "sha512-cBk172kZKTdvGpJuzCCLg8lJ909wopwsu3Ve9FsL1XsnLBiRT9U3MePcqrgGHgCX2ZgkqZmAGR8taxw+TV6s7A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/core": "^7.23.0",
-        "@babel/plugin-proposal-decorators": "^7.23.0",
-        "@babel/plugin-syntax-import-attributes": "^7.22.5",
-        "@babel/plugin-syntax-import-meta": "^7.10.4",
-        "@babel/plugin-transform-typescript": "^7.22.15",
-        "@vue/babel-plugin-jsx": "^1.1.5",
-        "@vue/compiler-dom": "^3.3.4",
-        "kolorist": "^1.8.0",
-        "magic-string": "^0.30.4"
-      },
-      "peerDependencies": {
-        "vite": "^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.0-0"
-      }
-    },
-    "node_modules/vue": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.13.tgz",
-      "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@vue/compiler-dom": "3.5.13",
-        "@vue/compiler-sfc": "3.5.13",
-        "@vue/runtime-dom": "3.5.13",
-        "@vue/server-renderer": "3.5.13",
-        "@vue/shared": "3.5.13"
-      },
-      "peerDependencies": {
-        "typescript": "*"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vue-i18n": {
-      "version": "9.14.4",
-      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.14.4.tgz",
-      "integrity": "sha512-B934C8yUyWLT0EMud3DySrwSUJI7ZNiWYsEEz2gknTthqKiG4dzWE/WSa8AzCuSQzwBEv4HtG1jZDhgzPfWSKQ==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@intlify/core-base": "9.14.4",
-        "@intlify/shared": "9.14.4",
-        "@vue/devtools-api": "^6.5.0"
-      },
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/kazupon"
-      },
-      "peerDependencies": {
-        "vue": "^3.0.0"
-      }
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/yallist": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/yoctocolors": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.1.1.tgz",
-      "integrity": "sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/zod": {
-      "version": "3.25.58",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.58.tgz",
-      "integrity": "sha512-DVLmMQzSZwNYzQoMaM3MQWnxr2eq+AtM9Hx3w1/Yl0pH8sLTSjN4jGP7w6f7uand6Hw44tsnSu1hz1AOA6qI2Q==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
-    }
-  }
-}
diff --git a/package.json b/package.json
index ec67a70..832884b 100644
--- a/package.json
+++ b/package.json
@@ -8,22 +8,29 @@
   "devDependencies": {
     "@comfyorg/comfyui-frontend-types": "^1.22.1",
     "@tanstack/eslint-config": "^0.3.4",
-    "@vitejs/plugin-vue": "^5.2.3",
+    "@types/node": "^22.19.3",
+    "eslint": "^9.39.2",
+    "prettier": "^3.6.2",
     "tw-animate-css": "^1.4.0",
-    "vite": "^6.3.5",
-    "vite-plugin-vue-devtools": "^7.7.2"
+    "typescript": "^5.9.3",
+    "vite": "^6.3.5"
   },
   "scripts": {
     "build": "vite build",
-    "dev": "vite build --watch"
+    "dev": "vite build --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "format": "prettier . --write",
+    "format:check": "prettier . --check"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@embeddr/client-typescript": "workspace:*",
-    "@embeddr/react-ui": "workspace:*",
-    "@embeddr/zen-shell": "workspace:*",
+    "@embeddr/client-typescript": "^0.2.0-alpha.3",
+    "@embeddr/react-ui": "^0.2.0-alpha.2",
+    "@embeddr/zen-shell": "^0.2.0-alpha.3",
     "@fontsource-variable/jetbrains-mono": "^5.2.8",
     "@radix-ui/react-aspect-ratio": "^1.1.8",
     "@radix-ui/react-avatar": "^1.1.11",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 92e098f..e6555be 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,9 +17,18 @@ importers:
       '@dnd-kit/utilities':
         specifier: ^3.2.2
         version: 3.2.2(react@19.2.1)
+      '@embeddr/client-typescript':
+        specifier: ^0.2.0-alpha.3
+        version: 0.2.0-alpha.3
       '@embeddr/react-ui':
-        specifier: ^0.1.4
-        version: 0.1.4(16c373490915c1118e2ce5b39846f212)
+        specifier: ^0.2.0-alpha.2
+        version: 0.2.0-alpha.2(@types/react@19.2.7)(@types/three@0.182.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@embeddr/zen-shell':
+        specifier: ^0.2.0-alpha.3
+        version: 0.2.0-alpha.3(@types/react@19.2.7)(@types/three@0.182.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(use-sync-external-store@1.6.0(react@19.2.1))
+      '@fontsource-variable/jetbrains-mono':
+        specifier: ^5.2.8
+        version: 5.2.8
       '@radix-ui/react-aspect-ratio':
         specifier: ^1.1.8
         version: 1.1.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
@@ -58,10 +67,13 @@ importers:
         version: 1.1.13(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@tailwindcss/vite':
         specifier: ^4.1.17
-        version: 4.1.17(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2))
+        version: 4.1.17(vite@6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.30.2))
+      '@tanstack/react-query':
+        specifier: ^5.59.0
+        version: 5.100.6(react@19.2.1)
       '@vitejs/plugin-react':
         specifier: ^5.1.1
-        version: 5.1.1(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2))
+        version: 5.1.1(vite@6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.30.2))
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -80,9 +92,12 @@ importers:
       react-dom:
         specifier: ^19.2.1
         version: 19.2.1(react@19.2.1)
+      recharts:
+        specifier: ^2.13.0
+        version: 2.15.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       shadcn:
         specifier: ^3.6.2
-        version: 3.6.2(hono@4.11.3)(typescript@5.9.3)
+        version: 3.6.2(@types/node@22.19.17)(hono@4.11.3)(typescript@5.9.3)
       sonner:
         specifier: ^2.0.7
         version: 2.0.7(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
@@ -92,6 +107,9 @@ importers:
       tailwindcss:
         specifier: ^4.1.17
         version: 4.1.17
+      three:
+        specifier: ^0.182.0
+        version: 0.182.0
       vue:
         specifier: ^3.5.13
         version: 3.5.25(typescript@5.9.3)
@@ -105,18 +123,24 @@ importers:
       '@tanstack/eslint-config':
         specifier: ^0.3.4
         version: 0.3.4(@typescript-eslint/utils@8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@vitejs/plugin-vue':
-        specifier: ^5.2.3
-        version: 5.2.4(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2))(vue@3.5.25(typescript@5.9.3))
+      '@types/node':
+        specifier: ^22.19.3
+        version: 22.19.17
+      eslint:
+        specifier: ^9.39.2
+        version: 9.39.2(jiti@2.6.1)
+      prettier:
+        specifier: ^3.6.2
+        version: 3.8.3
       tw-animate-css:
         specifier: ^1.4.0
         version: 1.4.0
+      typescript:
+        specifier: ^5.9.3
+        version: 5.9.3
       vite:
         specifier: ^6.3.5
-        version: 6.4.1(jiti@2.6.1)(lightningcss@1.30.2)
-      vite-plugin-vue-devtools:
-        specifier: ^7.7.2
-        version: 7.7.9(rollup@4.53.3)(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2))(vue@3.5.25(typescript@5.9.3))
+        version: 6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.30.2)
 
 packages:
 
@@ -124,9 +148,6 @@ packages:
     resolution: {integrity: sha512-9q/yCljni37pkMr4sPrI3G4jqdIk074+iukc5aFJl7kmDCCsiJrbZ6zKxnES1Gwg+i9RcDZwvktl23puGslmvA==}
     hasBin: true
 
-  '@antfu/utils@0.7.10':
-    resolution: {integrity: sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==}
-
   '@babel/code-frame@7.27.1':
     resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
     engines: {node: '>=6.9.0'}
@@ -214,29 +235,6 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/plugin-proposal-decorators@7.28.0':
-    resolution: {integrity: sha512-zOiZqvANjWDUaUS9xMxbMcK/Zccztbe/6ikvUXaG9nsPH3w6qh5UaPGAnirI/WhIbZ8m3OHU0ReyPrknG+ZKeg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-decorators@7.27.1':
-    resolution: {integrity: sha512-YMq8Z87Lhl8EGkmb0MwYkt36QnxC+fzCgrl66ereamPlYToRpIk5nUjKUY3QKLWq8mwUB1BgbeXcTJhZOCDg5A==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-import-attributes@7.27.1':
-    resolution: {integrity: sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-import-meta@7.10.4':
-    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
   '@babel/plugin-syntax-jsx@7.27.1':
     resolution: {integrity: sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==}
     engines: {node: '>=6.9.0'}
@@ -336,36 +334,20 @@ packages:
     peerDependencies:
       '@noble/ciphers': ^1.0.0
 
-  '@embeddr/react-ui@0.1.4':
-    resolution: {integrity: sha512-asOTRr5wnQybLpw+5u0BPWgzTKdqeHFYy4P61MhmuomjwXDFOQjty3DB2QfCHASP8E/DuoMP32SkkDR3aRLS2Q==}
-    peerDependencies:
-      '@radix-ui/react-accordion': ^1.2.12
-      '@radix-ui/react-aspect-ratio': ^1.1.8
-      '@radix-ui/react-avatar': ^1.1.11
-      '@radix-ui/react-checkbox': ^1.3.3
-      '@radix-ui/react-dialog': ^1.1.15
-      '@radix-ui/react-dropdown-menu': ^2.1.16
-      '@radix-ui/react-label': ^2.1.8
-      '@radix-ui/react-menubar': ^1.1.16
-      '@radix-ui/react-progress': ^1.1.8
-      '@radix-ui/react-scroll-area': ^1.2.10
-      '@radix-ui/react-select': ^2.2.6
-      '@radix-ui/react-separator': ^1.1.8
-      '@radix-ui/react-slider': ^1.3.6
-      '@radix-ui/react-slot': ^1.2.4
-      '@radix-ui/react-switch': ^1.2.6
-      '@radix-ui/react-tabs': ^1.1.13
-      '@radix-ui/react-tooltip': ^1.2.8
-      '@radix-ui/react-visually-hidden': ^1.2.4
-      '@react-three/drei': ^10.7.7
-      '@react-three/fiber': ^9.4.2
-      next-themes: ^0.4.6
-      react: ^19.2.3
-      react-dom: ^19.2.3
-      react-resizable-panels: ^4.0.15
-      shadcn: ^3.6.2
-      sonner: ^2.0.7
-      three: ^0.182.0
+  '@embeddr/client-typescript@0.2.0-alpha.3':
+    resolution: {integrity: sha512-Flm4QoP9T27JtTuWkZjWuCcyNcxu0aG/TbKD2dXHaimFmTjFqPXsQ7NgoL5eGVMyVrRRsXEgH3bnepf8OcTTEQ==}
+
+  '@embeddr/react-ui@0.2.0-alpha.2':
+    resolution: {integrity: sha512-PKcaruagzZKnx0D+WBPIW4E2BD6AFnU/KM891QO2aAmZpx5IlhKR+lB+uzSnH+Q4BbegXAoxGTk3UfS8Hm9IEQ==}
+    peerDependencies:
+      react: ^19.0.0
+      react-dom: ^19.0.0
+
+  '@embeddr/zen-shell@0.2.0-alpha.3':
+    resolution: {integrity: sha512-YFl5X2fVVH/R6z53vOqSWczuaocwFnzMzRrgmplaci9Ydvd/mLPHvJzO3JgSw/wxp0CgJ8D1At/ZdxTKvf4hgg==}
+    peerDependencies:
+      react: ^19.0.0
+      react-dom: ^19.0.0
 
   '@emnapi/core@1.7.1':
     resolution: {integrity: sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==}
@@ -585,6 +567,9 @@ packages:
   '@floating-ui/utils@0.2.10':
     resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
 
+  '@fontsource-variable/jetbrains-mono@5.2.8':
+    resolution: {integrity: sha512-WBA9elru6Jdp5df2mES55wuOO0WIrn3kpXnI4+W2ek5u3ZgLS9XS4gmIlcQhiZOWEKl95meYdvK7xI+ETLCq/Q==}
+
   '@hono/node-server@1.19.7':
     resolution: {integrity: sha512-vUcD0uauS7EU2caukW8z5lJKtoGMokxNbJtBiwHgpqxEXokaHCBkQUmCHhjFB1VUTWdqj25QoMkMKzgjq+uhrw==}
     engines: {node: '>=18.14.1'}
@@ -678,6 +663,9 @@ packages:
   '@jridgewell/trace-mapping@0.3.31':
     resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
+  '@mdx-js/mdx@3.1.1':
+    resolution: {integrity: sha512-f6ZO2ifpwAQIpzGWaBQT2TXxPv6z3RBzQKpVftEWN78Vl/YweF1uwussDx8ECAXVtr3Rs89fKyG9YlzUs9DyGQ==}
+
   '@mediapipe/tasks-vision@0.10.17':
     resolution: {integrity: sha512-CZWV/q6TTe8ta61cZXjfnnHsfWIdFhms03M9T7Cnd5y2mdpylJM0rF1qRq+wsQVRMLz1OYPVEBU9ph2Bx8cxrg==}
 
@@ -736,9 +724,6 @@ packages:
   '@open-draft/until@2.1.0':
     resolution: {integrity: sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==}
 
-  '@polka/url@1.0.0-next.29':
-    resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
-
   '@primeuix/styled@0.7.4':
     resolution: {integrity: sha512-QSO/NpOQg8e9BONWRBx9y8VGMCMYz0J/uKfNJEya/RGEu7ARx0oYW0ugI1N3/KB1AAvyGxzKBzGImbwg0KUiOQ==}
     engines: {node: '>=12.11.0'}
@@ -766,19 +751,6 @@ packages:
   '@radix-ui/primitive@1.1.3':
     resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
 
-  '@radix-ui/react-accessible-icon@1.1.7':
-    resolution: {integrity: sha512-XM+E4WXl0OqUJFovy6GjmxxFyx9opfCAIUku4dlKRd5YEPqt4kALOkQOp0Of6reHuUkJuiPBEc5k0o4z4lTC8A==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-accordion@1.2.12':
     resolution: {integrity: sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==}
     peerDependencies:
@@ -792,19 +764,6 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-alert-dialog@1.1.15':
-    resolution: {integrity: sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-arrow@1.1.7':
     resolution: {integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==}
     peerDependencies:
@@ -818,19 +777,6 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-aspect-ratio@1.1.7':
-    resolution: {integrity: sha512-Yq6lvO9HQyPwev1onK1daHCHqXVLzPhSVjmsNjCa2Zcxy2f7uJD2itDtxknv6FzAKCwD1qQkeVDmX/cev13n/g==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-aspect-ratio@1.1.8':
     resolution: {integrity: sha512-5nZrJTF7gH+e0nZS7/QxFz6tJV4VimhQb1avEgtsJxvvIp5JilL+c58HICsKzPxghdwaDt48hEfPM1au4zGy+w==}
     peerDependencies:
@@ -844,19 +790,6 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-avatar@1.1.10':
-    resolution: {integrity: sha512-V8piFfWapM5OmNCXTzVQY+E1rDa53zY+MQ4Y7356v4fFz6vqCyUtIz2rUD44ZEdwg78/jKmMJHj07+C/Z/rcog==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-avatar@1.1.11':
     resolution: {integrity: sha512-0Qk603AHGV28BOBO34p7IgD5m+V5Sg/YovfayABkoDDBM5d3NCx0Mp4gGrjzLGes1jV5eNOE1r3itqOR33VC6Q==}
     peerDependencies:
@@ -1019,32 +952,6 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-form@0.1.8':
-    resolution: {integrity: sha512-QM70k4Zwjttifr5a4sZFts9fn8FzHYvQ5PiB19O2HsYibaHSVt9fH9rzB0XZo/YcM+b7t/p7lYCT/F5eOeF5yQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-hover-card@1.1.15':
-    resolution: {integrity: sha512-qgTkjNT1CfKMoP0rcasmlH2r1DAiYicWsDsufxl940sT2wHNEWWv6FMWIQXWhVdmC1d/HYfbhQx60KYyAtKxjg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-id@1.1.1':
     resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
     peerDependencies:
@@ -1054,19 +961,6 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-label@2.1.7':
-    resolution: {integrity: sha512-YT1GqPSL8kJn20djelMX7/cTRp/Y9w5IZHvfxQTVHrOqa2yMl7i/UfMqKRU5V7mEyKTrUVgJXhNQPVCG8PBLoQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-label@2.1.8':
     resolution: {integrity: sha512-FmXs37I6hSBVDlO4y764TNz1rLgKwjJMQ0EGte6F3Cb3f4bIuHB/iLa/8I9VKkmOy+gNHq8rql3j686ACVV21A==}
     peerDependencies:
@@ -1106,45 +1000,6 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-navigation-menu@1.2.14':
-    resolution: {integrity: sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-one-time-password-field@0.1.8':
-    resolution: {integrity: sha512-ycS4rbwURavDPVjCb5iS3aG4lURFDILi6sKI/WITUMZ13gMmn/xGjpLoqBAalhJaDk8I3UbCM5GzKHrnzwHbvg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-password-toggle-field@0.1.3':
-    resolution: {integrity: sha512-/UuCrDBWravcaMix4TdT+qlNdVwOM1Nck9kWx/vafXsdfj1ChfhOdfi3cy9SGBpWgTXwYCuboT/oYpJy3clqfw==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-popover@1.1.15':
     resolution: {integrity: sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==}
     peerDependencies:
@@ -1223,19 +1078,6 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-progress@1.1.7':
-    resolution: {integrity: sha512-vPdg/tF6YC/ynuBIJlk1mm7Le0VgW6ub6J2UWnTQ7/D23KXcPI1qy+0vBkgKgd38RCMJavBXpB83HPNFMTb0Fg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-progress@1.1.8':
     resolution: {integrity: sha512-+gISHcSPUJ7ktBy9RnTqbdKW78bcGke3t6taawyZ71pio1JewwGSJizycs7rLhGTvMJYCQB1DBK4KQsxs7U8dA==}
     peerDependencies:
@@ -1249,19 +1091,6 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-radio-group@1.3.8':
-    resolution: {integrity: sha512-VBKYIYImA5zsxACdisNQ3BjCBfmbGH3kQlnFVqlWU4tXwjy7cGX8ta80BcrO+WJXIn5iBylEH3K6ZTlee//lgQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-roving-focus@1.1.11':
     resolution: {integrity: sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==}
     peerDependencies:
@@ -1301,19 +1130,6 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-separator@1.1.7':
-    resolution: {integrity: sha512-0HEb8R9E8A+jZjvmFCy/J4xhbXy3TV+9XSnGJ3KvTtjlIUy/YQ/p6UYZvi7YbeoeXdyU9+Y3scizK6hkY37baA==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-separator@1.1.8':
     resolution: {integrity: sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==}
     peerDependencies:
@@ -1384,58 +1200,6 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-toast@1.2.15':
-    resolution: {integrity: sha512-3OSz3TacUWy4WtOXV38DggwxoqJK4+eDkNMl5Z/MJZaoUPaP4/9lf81xXMe1I2ReTAptverZUpbPY4wWwWyL5g==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-toggle-group@1.1.11':
-    resolution: {integrity: sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-toggle@1.1.10':
-    resolution: {integrity: sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-toolbar@1.1.11':
-    resolution: {integrity: sha512-4ol06/1bLoFu1nwUqzdD4Y5RZ9oDdKeiHIsntug54Hcr1pgaHiPqHFEaXI1IFP/EsOfROQZ8Mig9VTIRza6Tjg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-tooltip@1.2.8':
     resolution: {integrity: sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==}
     peerDependencies:
@@ -1543,6 +1307,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-visually-hidden@1.2.4':
+    resolution: {integrity: sha512-kaeiyGCe844dkb9AVF+rb4yTyb1LiLN/e3es3nLiRyN4dC8AduBYPMnnNlDjX2VDOcvDEiPnRNMJeWCfsX0txg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/rect@1.1.1':
     resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
 
@@ -1585,15 +1362,6 @@ packages:
   '@rolldown/pluginutils@1.0.0-beta.47':
     resolution: {integrity: sha512-8QagwMH3kNCuzD8EWL8R2YPW5e4OrHNSAHRFDdmFqEwEaD/KcNKjVoumo+gP2vW5eKB2UPbM6vTYiGZX0ixLnw==}
 
-  '@rollup/pluginutils@5.3.0':
-    resolution: {integrity: sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
   '@rollup/rollup-android-arm-eabi@4.53.3':
     resolution: {integrity: sha512-mRSi+4cBjrRLoaal2PnqH82Wqyb+d3HsPUN/W+WslCXsZsyHa9ZeQQX/pQsZaVIWDkPcpV6jJ+3KLbTbgnwv8w==}
     cpu: [arm]
@@ -1628,56 +1396,67 @@ packages:
     resolution: {integrity: sha512-k9oD15soC/Ln6d2Wv/JOFPzZXIAIFLp6B+i14KhxAfnq76ajt0EhYc5YPeX6W1xJkAdItcVT+JhKl1QZh44/qw==}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm-musleabihf@4.53.3':
     resolution: {integrity: sha512-vTNlKq+N6CK/8UktsrFuc+/7NlEYVxgaEgRXVUVK258Z5ymho29skzW1sutgYjqNnquGwVUObAaxae8rZ6YMhg==}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-arm64-gnu@4.53.3':
     resolution: {integrity: sha512-RGrFLWgMhSxRs/EWJMIFM1O5Mzuz3Xy3/mnxJp/5cVhZ2XoCAxJnmNsEyeMJtpK+wu0FJFWz+QF4mjCA7AUQ3w==}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm64-musl@4.53.3':
     resolution: {integrity: sha512-kASyvfBEWYPEwe0Qv4nfu6pNkITLTb32p4yTgzFCocHnJLAHs+9LjUu9ONIhvfT/5lv4YS5muBHyuV84epBo/A==}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-loong64-gnu@4.53.3':
     resolution: {integrity: sha512-JiuKcp2teLJwQ7vkJ95EwESWkNRFJD7TQgYmCnrPtlu50b4XvT5MOmurWNrCj3IFdyjBQ5p9vnrX4JM6I8OE7g==}
     cpu: [loong64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-ppc64-gnu@4.53.3':
     resolution: {integrity: sha512-EoGSa8nd6d3T7zLuqdojxC20oBfNT8nexBbB/rkxgKj5T5vhpAQKKnD+h3UkoMuTyXkP5jTjK/ccNRmQrPNDuw==}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-gnu@4.53.3':
     resolution: {integrity: sha512-4s+Wped2IHXHPnAEbIB0YWBv7SDohqxobiiPA1FIWZpX+w9o2i4LezzH/NkFUl8LRci/8udci6cLq+jJQlh+0g==}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-musl@4.53.3':
     resolution: {integrity: sha512-68k2g7+0vs2u9CxDt5ktXTngsxOQkSEV/xBbwlqYcUrAVh6P9EgMZvFsnHy4SEiUl46Xf0IObWVbMvPrr2gw8A==}
     cpu: [riscv64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-s390x-gnu@4.53.3':
     resolution: {integrity: sha512-VYsFMpULAz87ZW6BVYw3I6sWesGpsP9OPcyKe8ofdg9LHxSbRMd7zrVrr5xi/3kMZtpWL/wC+UIJWJYVX5uTKg==}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-gnu@4.53.3':
     resolution: {integrity: sha512-3EhFi1FU6YL8HTUJZ51imGJWEX//ajQPfqWLI3BQq4TlvHy4X0MOr5q3D2Zof/ka0d5FNdPwZXm3Yyib/UEd+w==}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-musl@4.53.3':
     resolution: {integrity: sha512-eoROhjcc6HbZCJr+tvVT8X4fW3/5g/WkGvvmwz/88sDtSJzO7r/blvoBDgISDiCjDRZmHpwud7h+6Q9JxFwq1Q==}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-openharmony-arm64@4.53.3':
     resolution: {integrity: sha512-OueLAWgrNSPGAdUdIjSWXw+u/02BRTcnfw9PN41D2vq/JSEPnJnVuBgw18VkN8wcd4fjUs+jFHVM4t9+kBSNLw==}
@@ -1722,8 +1501,8 @@ packages:
     peerDependencies:
       react: '>= 16'
 
-  '@tabler/icons@3.36.1':
-    resolution: {integrity: sha512-f4Jg3Fof/Vru5ioix/UO4GX+sdDsF9wQo47FbtvG+utIYYVQ/QVAC0QYgcBbAjQGfbdOh2CCf0BgiFOF9Ixtjw==}
+  '@tabler/icons@3.41.1':
+    resolution: {integrity: sha512-OaRnVbRmH2nHtFeg+RmMJ/7m2oBIF9XCJAUD5gQnMrpK9f05ydj8MZrAf3NZQqOXyxGN1UBL0D5IKLLEUfr74Q==}
 
   '@tailwindcss/node@4.1.17':
     resolution: {integrity: sha512-csIkHIgLb3JisEFQ0vxr2Y57GUNYh447C8xzwj89U/8fdW8LhProdxvnVH6U8M2Y73QKiTIH+LWbK3V2BBZsAg==}
@@ -1763,24 +1542,28 @@ packages:
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@tailwindcss/oxide-linux-arm64-musl@4.1.17':
     resolution: {integrity: sha512-HvZLfGr42i5anKtIeQzxdkw/wPqIbpeZqe7vd3V9vI3RQxe3xU1fLjss0TjyhxWcBaipk7NYwSrwTwK1hJARMg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@tailwindcss/oxide-linux-x64-gnu@4.1.17':
     resolution: {integrity: sha512-M3XZuORCGB7VPOEDH+nzpJ21XPvK5PyjlkSFkFziNHGLc5d6g3di2McAAblmaSUNl8IOmzYwLx9NsE7bplNkwQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@tailwindcss/oxide-linux-x64-musl@4.1.17':
     resolution: {integrity: sha512-k7f+pf9eXLEey4pBlw+8dgfJHY4PZ5qOUFDyNf7SI6lHjQ9Zt7+NcscjpwdCEbYi6FI5c2KDTDWyf2iHcCSyyQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@tailwindcss/oxide-wasm32-wasi@4.1.17':
     resolution: {integrity: sha512-cEytGqSSoy7zK4JRWiTCx43FsKP/zGr0CsuMawhH67ONlH+T79VteQeJQRO/X7L0juEUA8ZyuYikcRBf0vsxhg==}
@@ -1821,6 +1604,14 @@ packages:
     peerDependencies:
       eslint: ^8.0.0 || ^9.0.0
 
+  '@tanstack/query-core@5.100.6':
+    resolution: {integrity: sha512-Os2CPUr98to98RYm+D4qGqGkiffn7MGSyl2547a4MljVkHE30AMJRqTiyCqBfMwzAx/I91vCkAxp5tHSla6Twg==}
+
+  '@tanstack/react-query@5.100.6':
+    resolution: {integrity: sha512-uVSrps0PV16Cxmcn2rvL+dUhwTpTUtiRW347AEeYxMZXO2pZe9ja7E24PAMGoQ5u2g89DD8u4QhOviBk+RN8RA==}
+    peerDependencies:
+      react: ^18 || ^19
+
   '@ts-morph/common@0.27.0':
     resolution: {integrity: sha512-Wf29UqxWDpc+i61k3oIOzcUfQt79PIT9y/MWfAGlrkjg6lBC1hwDECLXPVJAhWjiGbfBCxZd65F/LIZF3+jeJQ==}
 
@@ -1842,15 +1633,63 @@ packages:
   '@types/babel__traverse@7.28.0':
     resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
 
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-shape@3.1.8':
+    resolution: {integrity: sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
+  '@types/debug@4.1.13':
+    resolution: {integrity: sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==}
+
   '@types/draco3d@1.4.10':
     resolution: {integrity: sha512-AX22jp8Y7wwaBgAixaSvkoG4M/+PlAcm3Qs4OW8yT9DM4xUpWKeFhLueTAyZF39pviAdcDdeJoACapiAceqNcw==}
 
+  '@types/estree-jsx@1.0.5':
+    resolution: {integrity: sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==}
+
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
+  '@types/mdx@2.0.13':
+    resolution: {integrity: sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==}
+
+  '@types/ms@2.1.0':
+    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
+
+  '@types/node@22.19.17':
+    resolution: {integrity: sha512-wGdMcf+vPYM6jikpS/qhg6WiqSV/OhG+jeeHT/KlVqxYfD40iYJf9/AE1uQxVWFvU7MipKRkRv8NSHiCGgPr8Q==}
+
   '@types/offscreencanvas@2019.7.3':
     resolution: {integrity: sha512-ieXiYmgSRXUDeOntE1InxjWyvEelZGP63M+cGuquuRLuIKKT1osnkXjxev9B7d1nXSug5vpunx+gNlbVxMlC9A==}
 
@@ -1871,6 +1710,12 @@ packages:
   '@types/three@0.182.0':
     resolution: {integrity: sha512-WByN9V3Sbwbe2OkWuSGyoqQO8Du6yhYaXtXLoA5FkKTUJorZ+yOHBZ35zUUPQXlAKABZmbYp5oAqpA4RBjtJ/Q==}
 
+  '@types/unist@2.0.11':
+    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
   '@types/webxr@0.5.24':
     resolution: {integrity: sha512-h8fgEd/DpoS9CBrjEQXR+dIDraopAEfu4wYVNY2tEPwk60stPWhvZMf4Foo5FakuQ7HFZoa8WceaWFervK2Ovg==}
 
@@ -1933,6 +1778,9 @@ packages:
     resolution: {integrity: sha512-IrDKrw7pCRUR94zeuCSUWQ+w8JEf5ZX5jl/e6AHGSLi1/zIr0lgutfn/7JpfCey+urpgQEdrZVYzCaVVKiTwhQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@ungap/structured-clone@1.3.0':
+    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
+
   '@unrs/resolver-binding-android-arm-eabi@1.11.1':
     resolution: {integrity: sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==}
     cpu: [arm]
@@ -1972,41 +1820,49 @@ packages:
     resolution: {integrity: sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
     resolution: {integrity: sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
     resolution: {integrity: sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
     resolution: {integrity: sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
   '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
     resolution: {integrity: sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==}
     cpu: [riscv64]
     os: [linux]
+    libc: [musl]
 
   '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
     resolution: {integrity: sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
     resolution: {integrity: sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@unrs/resolver-binding-linux-x64-musl@1.11.1':
     resolution: {integrity: sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@unrs/resolver-binding-wasm32-wasi@1.11.1':
     resolution: {integrity: sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==}
@@ -2042,31 +1898,8 @@ packages:
     peerDependencies:
       vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
 
-  '@vitejs/plugin-vue@5.2.4':
-    resolution: {integrity: sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    peerDependencies:
-      vite: ^5.0.0 || ^6.0.0
-      vue: ^3.2.25
-
-  '@vue/babel-helper-vue-transform-on@1.5.0':
-    resolution: {integrity: sha512-0dAYkerNhhHutHZ34JtTl2czVQHUNWv6xEbkdF5W+Yrv5pCWsqjeORdOgbtW2I9gWlt+wBmVn+ttqN9ZxR5tzA==}
-
-  '@vue/babel-plugin-jsx@1.5.0':
-    resolution: {integrity: sha512-mneBhw1oOqCd2247O0Yw/mRwC9jIGACAJUlawkmMBiNmL4dGA2eMzuNZVNqOUfYTa6vqmND4CtOPzmEEEqLKFw==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    peerDependenciesMeta:
-      '@babel/core':
-        optional: true
-
-  '@vue/babel-plugin-resolve-type@1.5.0':
-    resolution: {integrity: sha512-Wm/60o+53JwJODm4Knz47dxJnLDJ9FnKnGZJbUUf8nQRAtt6P+undLUAVU3Ha33LxOJe6IPoifRQ6F/0RrU31w==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@vue/compiler-core@3.5.25':
-    resolution: {integrity: sha512-vay5/oQJdsNHmliWoZfHPoVZZRmnSWhug0BYT34njkYTPqClh3DNWLkZNJBVSjsNMrg0CCrBfoKkjZQPM/QVUw==}
+  '@vue/compiler-core@3.5.25':
+    resolution: {integrity: sha512-vay5/oQJdsNHmliWoZfHPoVZZRmnSWhug0BYT34njkYTPqClh3DNWLkZNJBVSjsNMrg0CCrBfoKkjZQPM/QVUw==}
 
   '@vue/compiler-dom@3.5.25':
     resolution: {integrity: sha512-4We0OAcMZsKgYoGlMjzYvaoErltdFI2/25wqanuTu+S4gismOTRTBPi4IASOjxWdzIwrYSjnqONfKvuqkXzE2Q==}
@@ -2080,17 +1913,6 @@ packages:
   '@vue/devtools-api@6.6.4':
     resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
 
-  '@vue/devtools-core@7.7.9':
-    resolution: {integrity: sha512-48jrBSwG4GVQRvVeeXn9p9+dlx+ISgasM7SxZZKczseohB0cBz+ITKr4YbLWjmJdy45UHL7UMPlR4Y0CWTRcSQ==}
-    peerDependencies:
-      vue: ^3.0.0
-
-  '@vue/devtools-kit@7.7.9':
-    resolution: {integrity: sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==}
-
-  '@vue/devtools-shared@7.7.9':
-    resolution: {integrity: sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==}
-
   '@vue/reactivity@3.5.25':
     resolution: {integrity: sha512-5xfAypCQepv4Jog1U4zn8cZIcbKKFka3AgWHEFQeK65OW+Ys4XybP6z2kKgws4YB43KGpqp5D/K3go2UPPunLA==}
 
@@ -2170,6 +1992,13 @@ packages:
     resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
     engines: {node: '>=4'}
 
+  astring@1.9.0:
+    resolution: {integrity: sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==}
+    hasBin: true
+
+  bail@2.0.2:
+    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
+
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
@@ -2183,9 +2012,6 @@ packages:
   bidi-js@1.0.3:
     resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}
 
-  birpc@2.8.0:
-    resolution: {integrity: sha512-Bz2a4qD/5GRhiHSwj30c/8kC8QGj12nNDwz3D4ErQ4Xhy35dsSDvF+RA/tWpjyU0pdGtSDiEk6B5fBGE1qNVhw==}
-
   body-parser@2.2.1:
     resolution: {integrity: sha512-nfDwkulwiZYQIGwxdy0RUmowMhKcFVcYXUU7m4QlKYim1rUtg83xm2yjZ40QjDuc291AJjjeSc9b++AWHSgSHw==}
     engines: {node: '>=18'}
@@ -2237,6 +2063,9 @@ packages:
   caniuse-lite@1.0.30001757:
     resolution: {integrity: sha512-r0nnL/I28Zi/yjk1el6ilj27tKcdjLsNqAOZr0yVjWPrSQyHgKI2INaEWw21bAQSv2LXRt1XuCS/GomNpWOxsQ==}
 
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
@@ -2245,6 +2074,18 @@ packages:
     resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
 
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
+  character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
+
+  character-reference-invalid@2.0.1:
+    resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
+
   class-variance-authority@0.7.1:
     resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
 
@@ -2271,6 +2112,9 @@ packages:
   code-block-writer@13.0.3:
     resolution: {integrity: sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==}
 
+  collapse-white-space@2.1.0:
+    resolution: {integrity: sha512-loKTxY1zCOuG4j9f6EPnuyyYkf58RnhhWTvRoZEokgB+WbdXehfjFviyOVYkqzEWz1Q5kRiZdBYS5SwxbQYwzw==}
+
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
@@ -2278,6 +2122,9 @@ packages:
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
   commander@11.1.0:
     resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
     engines: {node: '>=16'}
@@ -2316,10 +2163,6 @@ packages:
     resolution: {integrity: sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==}
     engines: {node: '>=18'}
 
-  copy-anything@4.0.5:
-    resolution: {integrity: sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==}
-    engines: {node: '>=18'}
-
   cors@2.8.5:
     resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
     engines: {node: '>= 0.10'}
@@ -2350,6 +2193,50 @@ packages:
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
+  d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-format@3.1.2:
+    resolution: {integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-path@3.1.0:
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
+
+  d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+
+  d3-shape@3.2.0:
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
+
+  d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+
+  d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
   data-uri-to-buffer@4.0.1:
     resolution: {integrity: sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==}
     engines: {node: '>= 12'}
@@ -2363,6 +2250,12 @@ packages:
       supports-color:
         optional: true
 
+  decimal.js-light@2.5.1:
+    resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
+
+  decode-named-character-reference@1.3.0:
+    resolution: {integrity: sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==}
+
   dedent@1.7.1:
     resolution: {integrity: sha512-9JmrhGZpOlEgOLdQgSm0zxFaYoQon408V1v49aqTWuXENVlnCuY9JBZcXZiCsZQWDjTm5Qf/nIvAy77mXDAjEg==}
     peerDependencies:
@@ -2394,6 +2287,10 @@ packages:
     resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
     engines: {node: '>= 0.8'}
 
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
   detect-gpu@5.0.70:
     resolution: {integrity: sha512-bqerEP1Ese6nt3rFkwPnGbsUF9a4q+gMmpTVVOEzoCyeCc+y7/RvJnQZJx1JwhgQI5Ntg0Kgat8Uu7XpBqnz1w==}
 
@@ -2404,10 +2301,16 @@ packages:
   detect-node-es@1.1.0:
     resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
 
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
   diff@8.0.2:
     resolution: {integrity: sha512-sSuxWU5j5SR9QQji/o2qMvqRNYRDOcBTgsJ/DeCf4iSN4gW+gNMXM7wFIP+fdXZxoNiAnHUTGjCr+TSWXdRDKg==}
     engines: {node: '>=0.3.1'}
 
+  dom-helpers@5.2.1:
+    resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
+
   dotenv@17.2.3:
     resolution: {integrity: sha512-JVUnt+DUIzu87TABbhPmNfVdBDt18BLOWjMUFJMSi/Qqg7NTYtabbvSNJGOJ7afbRuv9D/lngizHtP7QyLQ+9w==}
     engines: {node: '>=12'}
@@ -2454,9 +2357,6 @@ packages:
   error-ex@1.3.4:
     resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
 
-  error-stack-parser-es@0.1.5:
-    resolution: {integrity: sha512-xHku1X40RO+fO8yJ8Wh2f2rZWVjqyhb1zgq1yZ8aZRQkv6OOKhKWRUaht3eSCUbAOBaKIgM+ykwFLE+QUxgGeg==}
-
   es-define-property@1.0.1:
     resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
     engines: {node: '>= 0.4'}
@@ -2469,6 +2369,12 @@ packages:
     resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
     engines: {node: '>= 0.4'}
 
+  esast-util-from-estree@2.0.0:
+    resolution: {integrity: sha512-4CyanoAudUSBAn5K13H4JhsMH6L9ZP7XbLVe/dKybkxMO7eDyLsT8UHl9TRNrU2Gr9nz+FovfSIjuXWJ81uVwQ==}
+
+  esast-util-from-js@2.0.1:
+    resolution: {integrity: sha512-8Ja+rNJ0Lt56Pcf3TAmpBZjmx8ZcK5Ts4cAzIOjsjevg9oSXJnl6SUQ2EevU8tv3h6ZLWmoKL5H4fgWvdvfETw==}
+
   esbuild@0.25.12:
     resolution: {integrity: sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==}
     engines: {node: '>=18'}
@@ -2485,6 +2391,10 @@ packages:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
 
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
   eslint-compat-utils@0.5.1:
     resolution: {integrity: sha512-3z3vFexKIEnjHE3zCMRo6fn/e44U7T1khUjg+Hp0ZQMCigh28rALD0nPFBcGZuiLC5rLZa2ubQHDRln09JfU2Q==}
     engines: {node: '>=12'}
@@ -2568,9 +2478,30 @@ packages:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
 
+  estree-util-attach-comments@3.0.0:
+    resolution: {integrity: sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw==}
+
+  estree-util-build-jsx@3.0.1:
+    resolution: {integrity: sha512-8U5eiL6BTrPxp/CHbs2yMgP8ftMhR5ww1eIKoWRMlqvltHF8fZn5LRDvTKuxD3DUn+shRbLGqXemcP51oFCsGQ==}
+
+  estree-util-is-identifier-name@3.0.0:
+    resolution: {integrity: sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==}
+
+  estree-util-scope@1.0.0:
+    resolution: {integrity: sha512-2CAASclonf+JFWBNJPndcOpA8EMJwa0Q8LUFJEKqXLW6+qBvbFZuF5gItbQOs/umBUkjviCSDCbBwU2cXbmrhQ==}
+
+  estree-util-to-js@2.0.0:
+    resolution: {integrity: sha512-WDF+xj5rRWmD5tj6bIqRi6CkLIXbbNQUcxQHzGysQzvHmdYG2G7p/Tf0J0gpxGgkeMZNTIjT/AoSvC9Xehcgdg==}
+
+  estree-util-visit@2.0.0:
+    resolution: {integrity: sha512-m5KgiH85xAhhW8Wta0vShLcUvOsh3LLPI2YVwcbio1l7E09NTLL1EyMZFM1OyWowoH0skScNbhOPl4kcBgzTww==}
+
   estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
   esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
@@ -2579,6 +2510,9 @@ packages:
     resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
     engines: {node: '>= 0.6'}
 
+  eventemitter3@4.0.7:
+    resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
+
   eventsource-parser@3.0.6:
     resolution: {integrity: sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg==}
     engines: {node: '>=18.0.0'}
@@ -2605,9 +2539,16 @@ packages:
     resolution: {integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==}
     engines: {node: '>= 18'}
 
+  extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
+  fast-equals@5.4.0:
+    resolution: {integrity: sha512-jt2DW/aNFNwke7AUd+Z+e6pz39KO5rzdbbFCg2sGafS4mk13MI7Z8O5z9cADNn5lhGODIgLwug6TZO2ctf7kcw==}
+    engines: {node: '>=6.0.0'}
+
   fast-glob@3.3.3:
     resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
     engines: {node: '>=8.6.0'}
@@ -2788,6 +2729,15 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
+  hast-util-to-estree@3.1.3:
+    resolution: {integrity: sha512-48+B/rJWAp0jamNbAAf9M7Uf//UVqAoMmgXhBdxTDJLGKY+LRnZ99qcG+Qjl5HfMpYNzS5v4EAwVEF34LeAj7w==}
+
+  hast-util-to-jsx-runtime@2.3.6:
+    resolution: {integrity: sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==}
+
+  hast-util-whitespace@3.0.0:
+    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
+
   headers-polyfill@4.0.3:
     resolution: {integrity: sha512-IScLbePpkvO846sIwOtOTDjutRMWdXdJmXdMvk6gCBHxFO8d+QKOQedyZSxFTTFYRSmlgSTDtXqqq4pcenBXLQ==}
 
@@ -2798,9 +2748,6 @@ packages:
     resolution: {integrity: sha512-PmQi306+M/ct/m5s66Hrg+adPnkD5jiO6IjA7WhWw0gSBSo1EcRegwuI1deZ+wd5pzCGynCcn2DprnE4/yEV4w==}
     engines: {node: '>=16.9.0'}
 
-  hookable@5.5.3:
-    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
-
   http-errors@2.0.1:
     resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
     engines: {node: '>= 0.8'}
@@ -2846,13 +2793,29 @@ packages:
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
+  inline-style-parser@0.2.7:
+    resolution: {integrity: sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==}
+
+  internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+
   ipaddr.js@1.9.1:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
     engines: {node: '>= 0.10'}
 
+  is-alphabetical@2.0.1:
+    resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
+
+  is-alphanumerical@2.0.1:
+    resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==}
+
   is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
 
+  is-decimal@2.0.1:
+    resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
+
   is-docker@3.0.0:
     resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -2870,6 +2833,9 @@ packages:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
 
+  is-hexadecimal@2.0.1:
+    resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
+
   is-in-ssh@1.0.0:
     resolution: {integrity: sha512-jYa6Q9rH90kR1vKB6NM7qqd1mge3Fx4Dhw5TVlK1MUBqhEOuCagrEHMevNuCcbECmXZ0ThXkRm+Ymr51HwEPAw==}
     engines: {node: '>=20'}
@@ -2924,10 +2890,6 @@ packages:
     resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
     engines: {node: '>=18'}
 
-  is-what@5.5.0:
-    resolution: {integrity: sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==}
-    engines: {node: '>=18'}
-
   is-wsl@3.1.0:
     resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
     engines: {node: '>=16'}
@@ -3000,9 +2962,6 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
-  kolorist@1.8.0:
-    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
-
   levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -3045,24 +3004,28 @@ packages:
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   lightningcss-linux-arm64-musl@1.30.2:
     resolution: {integrity: sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   lightningcss-linux-x64-gnu@1.30.2:
     resolution: {integrity: sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   lightningcss-linux-x64-musl@1.30.2:
     resolution: {integrity: sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   lightningcss-win32-arm64-msvc@1.30.2:
     resolution: {integrity: sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==}
@@ -3090,13 +3053,28 @@ packages:
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
+  lodash@4.18.1:
+    resolution: {integrity: sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==}
+
   log-symbols@6.0.0:
     resolution: {integrity: sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw==}
     engines: {node: '>=18'}
 
+  longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
+
+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
+  lucide-react@0.544.0:
+    resolution: {integrity: sha512-t5tS44bqd825zAW45UQxpG2CvcC4urOwn2TrwSH8u+MjeE+1NnWl6QqeQ/6NdjMqdOygyiT9p3Ev0p1NJykxjw==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   lucide-react@0.556.0:
     resolution: {integrity: sha512-iOb8dRk7kLaYBZhR2VlV1CeJGxChBgUthpSP8wom9jfj79qovgG6qcSdiy6vkoREKPnbUYzJsCn4o4PtG3Iy+A==}
     peerDependencies:
@@ -3116,10 +3094,65 @@ packages:
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
+  markdown-extensions@2.0.0:
+    resolution: {integrity: sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q==}
+    engines: {node: '>=16'}
+
+  markdown-table@3.0.4:
+    resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
+
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
 
+  mdast-util-find-and-replace@3.0.2:
+    resolution: {integrity: sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==}
+
+  mdast-util-from-markdown@2.0.3:
+    resolution: {integrity: sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==}
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    resolution: {integrity: sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==}
+
+  mdast-util-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==}
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    resolution: {integrity: sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==}
+
+  mdast-util-gfm-table@2.0.0:
+    resolution: {integrity: sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==}
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    resolution: {integrity: sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==}
+
+  mdast-util-gfm@3.1.0:
+    resolution: {integrity: sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==}
+
+  mdast-util-mdx-expression@2.0.1:
+    resolution: {integrity: sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==}
+
+  mdast-util-mdx-jsx@3.2.0:
+    resolution: {integrity: sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==}
+
+  mdast-util-mdx@3.0.0:
+    resolution: {integrity: sha512-JfbYLAW7XnYTTbUsmpu0kdBUVe+yKVJZBItEjwyYJiDJuZ9w4eeaqks4HQO+R7objWgS2ymV60GYpI14Ug554w==}
+
+  mdast-util-mdxjs-esm@2.0.1:
+    resolution: {integrity: sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==}
+
+  mdast-util-phrasing@4.1.0:
+    resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
+
+  mdast-util-to-hast@13.2.1:
+    resolution: {integrity: sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==}
+
+  mdast-util-to-markdown@2.1.2:
+    resolution: {integrity: sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==}
+
+  mdast-util-to-string@4.0.0:
+    resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
+
   media-typer@1.1.0:
     resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
     engines: {node: '>= 0.8'}
@@ -3143,6 +3176,111 @@ packages:
   meshoptimizer@0.22.0:
     resolution: {integrity: sha512-IebiK79sqIy+E4EgOr+CAw+Ke8hAspXKzBd0JdgEmPHiAwmvEj2S4h1rfvo+o/BnfEYd/jAOg5IeeIjzlzSnDg==}
 
+  micromark-core-commonmark@2.0.3:
+    resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
+
+  micromark-extension-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==}
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    resolution: {integrity: sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==}
+
+  micromark-extension-gfm-table@2.1.1:
+    resolution: {integrity: sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==}
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    resolution: {integrity: sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==}
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    resolution: {integrity: sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==}
+
+  micromark-extension-gfm@3.0.0:
+    resolution: {integrity: sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==}
+
+  micromark-extension-mdx-expression@3.0.1:
+    resolution: {integrity: sha512-dD/ADLJ1AeMvSAKBwO22zG22N4ybhe7kFIZ3LsDI0GlsNr2A3KYxb0LdC1u5rj4Nw+CHKY0RVdnHX8vj8ejm4Q==}
+
+  micromark-extension-mdx-jsx@3.0.2:
+    resolution: {integrity: sha512-e5+q1DjMh62LZAJOnDraSSbDMvGJ8x3cbjygy2qFEi7HCeUT4BDKCvMozPozcD6WmOt6sVvYDNBKhFSz3kjOVQ==}
+
+  micromark-extension-mdx-md@2.0.0:
+    resolution: {integrity: sha512-EpAiszsB3blw4Rpba7xTOUptcFeBFi+6PY8VnJ2hhimH+vCQDirWgsMpz7w1XcZE7LVrSAUGb9VJpG9ghlYvYQ==}
+
+  micromark-extension-mdxjs-esm@3.0.0:
+    resolution: {integrity: sha512-DJFl4ZqkErRpq/dAPyeWp15tGrcrrJho1hKK5uBS70BCtfrIFg81sqcTVu3Ta+KD1Tk5vAtBNElWxtAa+m8K9A==}
+
+  micromark-extension-mdxjs@3.0.0:
+    resolution: {integrity: sha512-A873fJfhnJ2siZyUrJ31l34Uqwy4xIFmvPY1oj+Ean5PHcPBYzEsvqvWGaWcfEIr11O5Dlw3p2y0tZWpKHDejQ==}
+
+  micromark-factory-destination@2.0.1:
+    resolution: {integrity: sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==}
+
+  micromark-factory-label@2.0.1:
+    resolution: {integrity: sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==}
+
+  micromark-factory-mdx-expression@2.0.3:
+    resolution: {integrity: sha512-kQnEtA3vzucU2BkrIa8/VaSAsP+EJ3CKOvhMuJgOEGg9KDC6OAY6nSnNDVRiVNRqj7Y4SlSzcStaH/5jge8JdQ==}
+
+  micromark-factory-space@2.0.1:
+    resolution: {integrity: sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==}
+
+  micromark-factory-title@2.0.1:
+    resolution: {integrity: sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==}
+
+  micromark-factory-whitespace@2.0.1:
+    resolution: {integrity: sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==}
+
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-chunked@2.0.1:
+    resolution: {integrity: sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==}
+
+  micromark-util-classify-character@2.0.1:
+    resolution: {integrity: sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==}
+
+  micromark-util-combine-extensions@2.0.1:
+    resolution: {integrity: sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==}
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    resolution: {integrity: sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==}
+
+  micromark-util-decode-string@2.0.1:
+    resolution: {integrity: sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-events-to-acorn@2.0.3:
+    resolution: {integrity: sha512-jmsiEIiZ1n7X1Rr5k8wVExBQCg5jy4UXVADItHmNk1zkwEVhBuIUKRu3fqv+hs4nxLISi2DQGlqIOGiFxgbfHg==}
+
+  micromark-util-html-tag-name@2.0.1:
+    resolution: {integrity: sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==}
+
+  micromark-util-normalize-identifier@2.0.1:
+    resolution: {integrity: sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==}
+
+  micromark-util-resolve-all@2.0.1:
+    resolution: {integrity: sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-subtokenize@2.1.0:
+    resolution: {integrity: sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
+
+  micromark@4.0.2:
+    resolution: {integrity: sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==}
+
   micromatch@4.0.8:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
@@ -3177,13 +3315,6 @@ packages:
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
-  mitt@3.0.1:
-    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
-
-  mrmime@2.0.1:
-    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
-    engines: {node: '>=10'}
-
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
@@ -3206,11 +3337,6 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
-  nanoid@5.1.6:
-    resolution: {integrity: sha512-c7+7RQ+dMB5dPwwCp4ee1/iV/q2P6aK1mTZcfr1BTuVlyW9hJYiMPybJCcnBlQtuSmTIWNeazm/zqNoZSSElBg==}
-    engines: {node: ^18 || >=20}
-    hasBin: true
-
   napi-postinstall@0.3.4:
     resolution: {integrity: sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
@@ -3276,10 +3402,6 @@ packages:
     resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
     engines: {node: '>=18'}
 
-  open@10.2.0:
-    resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==}
-    engines: {node: '>=18'}
-
   open@11.0.0:
     resolution: {integrity: sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw==}
     engines: {node: '>=20'}
@@ -3310,6 +3432,9 @@ packages:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
 
+  parse-entities@4.0.2:
+    resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==}
+
   parse-json@5.2.0:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
@@ -3343,12 +3468,6 @@ packages:
   path-to-regexp@8.3.0:
     resolution: {integrity: sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==}
 
-  pathe@2.0.3:
-    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
-
-  perfect-debounce@1.0.0:
-    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
-
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -3383,6 +3502,11 @@ packages:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
+  prettier@3.8.3:
+    resolution: {integrity: sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==}
+    engines: {node: '>=14'}
+    hasBin: true
+
   pretty-ms@9.3.0:
     resolution: {integrity: sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==}
     engines: {node: '>=18'}
@@ -3398,6 +3522,12 @@ packages:
     resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
     engines: {node: '>= 6'}
 
+  prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+
+  property-information@7.1.0:
+    resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==}
+
   proxy-addr@2.0.7:
     resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
     engines: {node: '>= 0.10'}
@@ -3413,19 +3543,6 @@ packages:
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  radix-ui@1.4.3:
-    resolution: {integrity: sha512-aWizCQiyeAenIdUbqEpXgRA1ya65P13NKn/W8rWkcN0OPkRDxdBVLWnIEDsS2RpwCK2nobI7oMUSmexzTDyAmA==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   range-parser@1.2.1:
     resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
     engines: {node: '>= 0.6'}
@@ -3439,6 +3556,12 @@ packages:
     peerDependencies:
       react: ^19.2.1
 
+  react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+
+  react-is@18.3.1:
+    resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
+
   react-refresh@0.18.0:
     resolution: {integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==}
     engines: {node: '>=0.10.0'}
@@ -3469,6 +3592,12 @@ packages:
       react: ^18.0.0 || ^19.0.0
       react-dom: ^18.0.0 || ^19.0.0
 
+  react-smooth@4.0.4:
+    resolution: {integrity: sha512-gnGKTpYwqL0Iii09gHobNolvX4Kiq4PKx6eWBCYYix+8cdw+cGo3do906l1NBPKkSWx1DghC1dlWG9L2uGd61Q==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   react-style-singleton@2.2.3:
     resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
     engines: {node: '>=10'}
@@ -3479,6 +3608,12 @@ packages:
       '@types/react':
         optional: true
 
+  react-transition-group@4.4.5:
+    resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
+    peerDependencies:
+      react: '>=16.6.0'
+      react-dom: '>=16.6.0'
+
   react-use-measure@2.1.7:
     resolution: {integrity: sha512-KrvcAo13I/60HpwGO5jpW7E9DfusKyLPLvuHlUyP5zqnmAPhNc6qTRjUQrdTADl0lpPpDVU2/Gg51UlOGHXbdg==}
     peerDependencies:
@@ -3496,6 +3631,48 @@ packages:
     resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
     engines: {node: '>= 4'}
 
+  recharts-scale@0.4.5:
+    resolution: {integrity: sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==}
+
+  recharts@2.15.4:
+    resolution: {integrity: sha512-UT/q6fwS3c1dHbXv2uFgYJ9BMFHu3fwnd7AYZaEQhXuYQ4hgsxLvsUXzGdKeZrW5xopzDCvuA2N41WJ88I7zIw==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      react: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  recma-build-jsx@1.0.0:
+    resolution: {integrity: sha512-8GtdyqaBcDfva+GUKDr3nev3VpKAhup1+RvkMvUxURHpW7QyIvk9F5wz7Vzo06CEMSilw6uArgRqhpiUcWp8ew==}
+
+  recma-jsx@1.0.1:
+    resolution: {integrity: sha512-huSIy7VU2Z5OLv6oFLosQGGDqPqdO1iq6bWNAdhzMxSJP7RAso4fCZ1cKu8j9YHCZf3TPrq4dw3okhrylgcd7w==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  recma-parse@1.0.0:
+    resolution: {integrity: sha512-OYLsIGBB5Y5wjnSnQW6t3Xg7q3fQ7FWbw/vcXtORTnyaSFscOtABg+7Pnz6YZ6c27fG1/aN8CjfwoUEUIdwqWQ==}
+
+  recma-stringify@1.0.0:
+    resolution: {integrity: sha512-cjwII1MdIIVloKvC9ErQ+OgAtwHBmcZ0Bg4ciz78FtbT8In39aAYbaA7zvxQ61xVMSPE8WxhLwLbhif4Js2C+g==}
+
+  rehype-recma@1.0.0:
+    resolution: {integrity: sha512-lqA4rGUf1JmacCNWWZx0Wv1dHqMwxzsDWYMTowuplHF3xH0N/MmrZ/G3BDZnzAkRmxDadujCjaKM2hqYdCBOGw==}
+
+  remark-gfm@4.0.1:
+    resolution: {integrity: sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==}
+
+  remark-mdx@3.1.1:
+    resolution: {integrity: sha512-Pjj2IYlUY3+D8x00UJsIOg5BEvfMyeI+2uLPn9VO9Wg4MEtN/VTIq2NEJQfde9PnX15KgtHyl9S0BcTnWrIuWg==}
+
+  remark-parse@11.0.0:
+    resolution: {integrity: sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==}
+
+  remark-rehype@11.1.2:
+    resolution: {integrity: sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==}
+
+  remark-stringify@11.0.0:
+    resolution: {integrity: sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==}
+
   require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
@@ -3522,9 +3699,6 @@ packages:
     resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
-  rfdc@1.4.1:
-    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
-
   rollup@4.53.3:
     resolution: {integrity: sha512-w8GmOxZfBmKknvdXU1sdM9NHcoQejwF/4mNgj2JuEEdRaHwwF12K7e9eXn1nLZ07ad+du76mkVsyeb2rKGllsA==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
@@ -3602,10 +3776,6 @@ packages:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
 
-  sirv@3.0.2:
-    resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==}
-    engines: {node: '>=18'}
-
   sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
@@ -3623,9 +3793,12 @@ packages:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
 
-  speakingurl@14.0.1:
-    resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
-    engines: {node: '>=0.10.0'}
+  source-map@0.7.6:
+    resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==}
+    engines: {node: '>= 12'}
+
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
 
   stable-hash-x@0.2.0:
     resolution: {integrity: sha512-o3yWv49B/o4QZk5ZcsALc6t0+eCelPc44zZsLtCQnZPDwFpDYSWcDnrv2TtMmMbQ7uKo3J0HTURCqckw23czNQ==}
@@ -3659,6 +3832,9 @@ packages:
     resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
     engines: {node: '>=18'}
 
+  stringify-entities@4.0.4:
+    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
+
   stringify-object@5.0.0:
     resolution: {integrity: sha512-zaJYxz2FtcMb4f+g60KsRNFOpVMUyuJgA51Zi5Z1DOTC3S59+OQiVOzE9GZt0x72uBGWKsQIuBKeF9iusmKFsg==}
     engines: {node: '>=14.16'}
@@ -3687,9 +3863,11 @@ packages:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
-  superjson@2.2.5:
-    resolution: {integrity: sha512-zWPTX96LVsA/eVYnqOM2+ofcdPqdS1dAF1LN4TS2/MWuUpfitd9ctTa87wt4xrYnZnkLtS69xpBdSxVBP5Rm6w==}
-    engines: {node: '>=16'}
+  style-to-js@1.1.21:
+    resolution: {integrity: sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==}
+
+  style-to-object@1.0.14:
+    resolution: {integrity: sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==}
 
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
@@ -3753,14 +3931,13 @@ packages:
     resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
     engines: {node: '>=0.6'}
 
-  totalist@3.0.1:
-    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
-    engines: {node: '>=6'}
-
   tough-cookie@6.0.0:
     resolution: {integrity: sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==}
     engines: {node: '>=16'}
 
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
   troika-three-text@0.52.4:
     resolution: {integrity: sha512-V50EwcYGruV5rUZ9F4aNsrytGdKcXKALjEtQXIOBfhVoZU9VAqZNIoGQ3TMiooVqFAbR1w15T+f+8gkzoFzawg==}
     peerDependencies:
@@ -3774,6 +3951,9 @@ packages:
   troika-worker-utils@0.52.0:
     resolution: {integrity: sha512-W1CpvTHykaPH5brv5VHLfQo9D1OYuo0cSBEUQFFT/nBUzM8iD6Lq2/tgG/f1OelbAS1WtaTPQzE5uM49egnngw==}
 
+  trough@2.2.0:
+    resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
+
   ts-api-utils@2.3.0:
     resolution: {integrity: sha512-6eg3Y9SF7SsAvGzRHQvvc1skDAhwI4YQ32ui1scxD1Ccr0G5qIIbUBT3pFTKX8kmWIQClHobtUdNuaBgwdfdWg==}
     engines: {node: '>=18.12'}
@@ -3825,10 +4005,34 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  undici-types@6.21.0:
+    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+
   unicorn-magic@0.3.0:
     resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
     engines: {node: '>=18'}
 
+  unified@11.0.5:
+    resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
+
+  unist-util-is@6.0.1:
+    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
+
+  unist-util-position-from-estree@2.0.0:
+    resolution: {integrity: sha512-KaFVRjoqLyF6YXCbVLNad/eS4+OfPQQn2yOd7zF/h5T/CSL2v8NpN6a5TPvtbXthAGw5nG+PuTtq+DdIZr+cRQ==}
+
+  unist-util-position@5.0.0:
+    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.2:
+    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
+
+  unist-util-visit@5.1.0:
+    resolution: {integrity: sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==}
+
   universalify@2.0.1:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
@@ -3888,31 +4092,14 @@ packages:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
-  vite-hot-client@2.1.0:
-    resolution: {integrity: sha512-7SpgZmU7R+dDnSmvXE1mfDtnHLHQSisdySVR7lO8ceAXvM0otZeuQQ6C8LrS5d/aYyP/QZ0hI0L+dIPrm4YlFQ==}
-    peerDependencies:
-      vite: ^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0
-
-  vite-plugin-inspect@0.8.9:
-    resolution: {integrity: sha512-22/8qn+LYonzibb1VeFZmISdVao5kC22jmEKm24vfFE8siEn47EpVcCLYMv6iKOYMJfjSvSJfueOwcFCkUnV3A==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      '@nuxt/kit': '*'
-      vite: ^3.1.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.1
-    peerDependenciesMeta:
-      '@nuxt/kit':
-        optional: true
+  vfile-message@4.0.3:
+    resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
 
-  vite-plugin-vue-devtools@7.7.9:
-    resolution: {integrity: sha512-08DvePf663SxqLFJeMVNW537zzVyakp9KIrI2K7lwgaTqA5R/ydN/N2K8dgZO34tg/Qmw0ch84fOKoBtCEdcGg==}
-    engines: {node: '>=v14.21.3'}
-    peerDependencies:
-      vite: ^3.1.0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
-  vite-plugin-vue-inspector@5.3.2:
-    resolution: {integrity: sha512-YvEKooQcSiBTAs0DoYLfefNja9bLgkFM7NI2b07bE2SruuvX0MEa9cMaxjKVMkeCp5Nz9FRIdcN1rOdFVBeL6Q==}
-    peerDependencies:
-      vite: ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0
+  victory-vendor@36.9.2:
+    resolution: {integrity: sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==}
 
   vite@6.4.1:
     resolution: {integrity: sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==}
@@ -4009,10 +4196,6 @@ packages:
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
-  wsl-utils@0.1.0:
-    resolution: {integrity: sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==}
-    engines: {node: '>=18'}
-
   wsl-utils@0.3.1:
     resolution: {integrity: sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg==}
     engines: {node: '>=20'}
@@ -4085,6 +4268,9 @@ packages:
       use-sync-external-store:
         optional: true
 
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
 snapshots:
 
   '@antfu/ni@25.0.0':
@@ -4094,8 +4280,6 @@ snapshots:
       package-manager-detector: 1.6.0
       tinyexec: 1.0.2
 
-  '@antfu/utils@0.7.10': {}
-
   '@babel/code-frame@7.27.1':
     dependencies:
       '@babel/helper-validator-identifier': 7.28.5
@@ -4219,30 +4403,6 @@ snapshots:
     dependencies:
       '@babel/types': 7.28.5
 
-  '@babel/plugin-proposal-decorators@7.28.0(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-create-class-features-plugin': 7.28.5(@babel/core@7.28.5)
-      '@babel/helper-plugin-utils': 7.27.1
-      '@babel/plugin-syntax-decorators': 7.27.1(@babel/core@7.28.5)
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/plugin-syntax-decorators@7.27.1(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-plugin-utils': 7.27.1
-
-  '@babel/plugin-syntax-import-attributes@7.27.1(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-plugin-utils': 7.27.1
-
-  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-plugin-utils': 7.27.1
-
   '@babel/plugin-syntax-jsx@7.27.1(@babel/core@7.28.5)':
     dependencies:
       '@babel/core': 7.28.5
@@ -4323,7 +4483,8 @@ snapshots:
       vue: 3.5.25(typescript@5.9.3)
       zod: 3.25.76
 
-  '@dimforge/rapier3d-compat@0.12.0': {}
+  '@dimforge/rapier3d-compat@0.12.0':
+    optional: true
 
   '@dnd-kit/accessibility@3.1.1(react@19.2.1)':
     dependencies:
@@ -4366,17 +4527,22 @@ snapshots:
     dependencies:
       '@noble/ciphers': 1.3.0
 
-  '@embeddr/react-ui@0.1.4(16c373490915c1118e2ce5b39846f212)':
+  '@embeddr/client-typescript@0.2.0-alpha.3': {}
+
+  '@embeddr/react-ui@0.2.0-alpha.2(@types/react@19.2.7)(@types/three@0.182.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
+      '@mdx-js/mdx': 3.1.1
       '@radix-ui/react-accordion': 1.2.12(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@radix-ui/react-aspect-ratio': 1.1.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@radix-ui/react-avatar': 1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@radix-ui/react-checkbox': 1.3.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@radix-ui/react-collapsible': 1.1.12(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@radix-ui/react-context-menu': 2.2.16(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@radix-ui/react-dialog': 1.1.15(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@radix-ui/react-dropdown-menu': 2.1.16(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@radix-ui/react-label': 2.1.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@radix-ui/react-menubar': 1.1.16(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@radix-ui/react-popover': 1.1.15(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@radix-ui/react-progress': 1.1.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@radix-ui/react-scroll-area': 1.2.10(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@radix-ui/react-select': 2.2.6(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
@@ -4386,25 +4552,56 @@ snapshots:
       '@radix-ui/react-switch': 1.2.6(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@radix-ui/react-tabs': 1.1.13(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@radix-ui/react-tooltip': 1.2.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-three/drei': 10.7.7(@react-three/fiber@9.5.0(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(three@0.182.0))(@types/react@19.2.7)(@types/three@0.182.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(three@0.182.0)
-      '@react-three/fiber': 9.5.0(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(three@0.182.0)
+      '@radix-ui/react-visually-hidden': 1.2.4(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@tabler/icons-react': 3.36.1(react@19.2.1)
       class-variance-authority: 0.7.1
       clsx: 2.1.1
       lucide-react: 0.562.0(react@19.2.1)
       next-themes: 0.4.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      radix-ui: 1.4.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
       react-resizable-panels: 4.2.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      shadcn: 3.6.2(hono@4.11.3)(typescript@5.9.3)
+      recharts: 2.15.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      remark-gfm: 4.0.1
       sonner: 2.0.7(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       tailwind-merge: 3.4.0
+    optionalDependencies:
+      '@react-three/drei': 10.7.7(@react-three/fiber@9.5.0(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(three@0.182.0))(@types/react@19.2.7)(@types/three@0.182.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(three@0.182.0)
+      '@react-three/fiber': 9.5.0(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(three@0.182.0)
       three: 0.182.0
     transitivePeerDependencies:
       - '@types/react'
       - '@types/react-dom'
+      - '@types/three'
+      - expo
+      - expo-asset
+      - expo-file-system
+      - expo-gl
+      - immer
+      - react-native
+      - supports-color
+
+  '@embeddr/zen-shell@0.2.0-alpha.3(@types/react@19.2.7)(@types/three@0.182.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(use-sync-external-store@1.6.0(react@19.2.1))':
+    dependencies:
+      '@embeddr/client-typescript': 0.2.0-alpha.3
+      '@embeddr/react-ui': 0.2.0-alpha.2(@types/react@19.2.7)(@types/three@0.182.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@tanstack/react-query': 5.100.6(react@19.2.1)
+      lucide-react: 0.544.0(react@19.2.1)
+      react: 19.2.1
+      react-dom: 19.2.1(react@19.2.1)
+      zustand: 5.0.9(@types/react@19.2.7)(react@19.2.1)(use-sync-external-store@1.6.0(react@19.2.1))
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+      - '@types/three'
+      - expo
+      - expo-asset
+      - expo-file-system
+      - expo-gl
+      - immer
+      - react-native
+      - supports-color
+      - use-sync-external-store
 
   '@emnapi/core@1.7.1':
     dependencies:
@@ -4563,6 +4760,8 @@ snapshots:
 
   '@floating-ui/utils@0.2.10': {}
 
+  '@fontsource-variable/jetbrains-mono@5.2.8': {}
+
   '@hono/node-server@1.19.7(hono@4.11.3)':
     dependencies:
       hono: 4.11.3
@@ -4580,25 +4779,31 @@ snapshots:
 
   '@inquirer/ansi@1.0.2': {}
 
-  '@inquirer/confirm@5.1.21':
+  '@inquirer/confirm@5.1.21(@types/node@22.19.17)':
     dependencies:
-      '@inquirer/core': 10.3.2
-      '@inquirer/type': 3.0.10
+      '@inquirer/core': 10.3.2(@types/node@22.19.17)
+      '@inquirer/type': 3.0.10(@types/node@22.19.17)
+    optionalDependencies:
+      '@types/node': 22.19.17
 
-  '@inquirer/core@10.3.2':
+  '@inquirer/core@10.3.2(@types/node@22.19.17)':
     dependencies:
       '@inquirer/ansi': 1.0.2
       '@inquirer/figures': 1.0.15
-      '@inquirer/type': 3.0.10
+      '@inquirer/type': 3.0.10(@types/node@22.19.17)
       cli-width: 4.1.0
       mute-stream: 2.0.0
       signal-exit: 4.1.0
       wrap-ansi: 6.2.0
       yoctocolors-cjs: 2.1.3
+    optionalDependencies:
+      '@types/node': 22.19.17
 
   '@inquirer/figures@1.0.15': {}
 
-  '@inquirer/type@3.0.10': {}
+  '@inquirer/type@3.0.10(@types/node@22.19.17)':
+    optionalDependencies:
+      '@types/node': 22.19.17
 
   '@intlify/core-base@9.14.5':
     dependencies:
@@ -4637,7 +4842,38 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.5
 
-  '@mediapipe/tasks-vision@0.10.17': {}
+  '@mdx-js/mdx@3.1.1':
+    dependencies:
+      '@types/estree': 1.0.8
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdx': 2.0.13
+      acorn: 8.15.0
+      collapse-white-space: 2.1.0
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      estree-util-scope: 1.0.0
+      estree-walker: 3.0.3
+      hast-util-to-jsx-runtime: 2.3.6
+      markdown-extensions: 2.0.0
+      recma-build-jsx: 1.0.0
+      recma-jsx: 1.0.1(acorn@8.15.0)
+      recma-stringify: 1.0.0
+      rehype-recma: 1.0.0
+      remark-mdx: 3.1.1
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.2
+      source-map: 0.7.6
+      unified: 11.0.5
+      unist-util-position-from-estree: 2.0.0
+      unist-util-stringify-position: 4.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@mediapipe/tasks-vision@0.10.17':
+    optional: true
 
   '@modelcontextprotocol/sdk@1.25.1(hono@4.11.3)(zod@3.25.76)':
     dependencies:
@@ -4665,6 +4901,7 @@ snapshots:
     dependencies:
       promise-worker-transferable: 1.0.4
       three: 0.182.0
+    optional: true
 
   '@mswjs/interceptors@0.40.0':
     dependencies:
@@ -4711,8 +4948,6 @@ snapshots:
 
   '@open-draft/until@2.1.0': {}
 
-  '@polka/url@1.0.0-next.29': {}
-
   '@primeuix/styled@0.7.4':
     dependencies:
       '@primeuix/utils': 0.6.3
@@ -4740,14 +4975,6 @@ snapshots:
 
   '@radix-ui/primitive@1.1.3': {}
 
-  '@radix-ui/react-accessible-icon@1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
   '@radix-ui/react-accordion@1.2.12(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
@@ -4764,19 +4991,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.7
 
-  '@radix-ui/react-alert-dialog@1.1.15(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-dialog': 1.1.15(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
   '@radix-ui/react-arrow@1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
       '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
@@ -4785,14 +4999,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.7
 
-  '@radix-ui/react-aspect-ratio@1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
   '@radix-ui/react-aspect-ratio@1.1.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
       '@radix-ui/react-primitive': 2.1.4(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
@@ -4801,18 +5007,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.7
 
-  '@radix-ui/react-avatar@1.1.10(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
   '@radix-ui/react-avatar@1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
       '@radix-ui/react-context': 1.1.3(@types/react@19.2.7)(react@19.2.1)
@@ -4966,35 +5160,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.7
 
-  '@radix-ui/react-form@0.1.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-label': 2.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
-  '@radix-ui/react-hover-card@1.1.15(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-popper': 1.2.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-portal': 1.1.9(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-presence': 1.1.5(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
   '@radix-ui/react-id@1.1.1(@types/react@19.2.7)(react@19.2.1)':
     dependencies:
       '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.1)
@@ -5002,14 +5167,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.7
 
-  '@radix-ui/react-label@2.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
   '@radix-ui/react-label@2.1.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
       '@radix-ui/react-primitive': 2.1.4(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
@@ -5060,61 +5217,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.7
 
-  '@radix-ui/react-navigation-menu@1.2.14(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-presence': 1.1.5(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
-  '@radix-ui/react-one-time-password-field@0.1.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/number': 1.1.1
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
-  '@radix-ui/react-password-toggle-field@0.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.7)(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
   '@radix-ui/react-popover@1.1.15(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
@@ -5188,15 +5290,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.7
 
-  '@radix-ui/react-progress@1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
   '@radix-ui/react-progress@1.1.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
       '@radix-ui/react-context': 1.1.3(@types/react@19.2.7)(react@19.2.1)
@@ -5206,23 +5299,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.7
 
-  '@radix-ui/react-radio-group@1.3.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-presence': 1.1.5(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
   '@radix-ui/react-roving-focus@1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
@@ -5283,14 +5359,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.7
 
-  '@radix-ui/react-separator@1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
   '@radix-ui/react-separator@1.1.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
       '@radix-ui/react-primitive': 2.1.4(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
@@ -5360,63 +5428,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.7
 
-  '@radix-ui/react-toast@1.2.15(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-portal': 1.1.9(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-presence': 1.1.5(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
-  '@radix-ui/react-toggle-group@1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-toggle': 1.1.10(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
-  '@radix-ui/react-toggle@1.1.10(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
-  '@radix-ui/react-toolbar@1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-separator': 1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-toggle-group': 1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
   '@radix-ui/react-tooltip@1.2.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
@@ -5505,6 +5516,14 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.7
 
+  '@radix-ui/react-visually-hidden@1.2.4(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.4(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      react: 19.2.1
+      react-dom: 19.2.1(react@19.2.1)
+    optionalDependencies:
+      '@types/react': 19.2.7
+
   '@radix-ui/rect@1.1.1': {}
 
   '@react-three/drei@10.7.7(@react-three/fiber@9.5.0(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(three@0.182.0))(@types/react@19.2.7)(@types/three@0.182.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(three@0.182.0)':
@@ -5539,6 +5558,7 @@ snapshots:
       - '@types/react'
       - '@types/three'
       - immer
+    optional: true
 
   '@react-three/fiber@9.5.0(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(three@0.182.0)':
     dependencies:
@@ -5559,17 +5579,10 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
       - immer
+    optional: true
 
   '@rolldown/pluginutils@1.0.0-beta.47': {}
 
-  '@rollup/pluginutils@5.3.0(rollup@4.53.3)':
-    dependencies:
-      '@types/estree': 1.0.8
-      estree-walker: 2.0.2
-      picomatch: 4.0.3
-    optionalDependencies:
-      rollup: 4.53.3
-
   '@rollup/rollup-android-arm-eabi@4.53.3':
     optional: true
 
@@ -5652,10 +5665,10 @@ snapshots:
 
   '@tabler/icons-react@3.36.1(react@19.2.1)':
     dependencies:
-      '@tabler/icons': 3.36.1
+      '@tabler/icons': 3.41.1
       react: 19.2.1
 
-  '@tabler/icons@3.36.1': {}
+  '@tabler/icons@3.41.1': {}
 
   '@tailwindcss/node@4.1.17':
     dependencies:
@@ -5718,12 +5731,12 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.1.17
       '@tailwindcss/oxide-win32-x64-msvc': 4.1.17
 
-  '@tailwindcss/vite@4.1.17(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2))':
+  '@tailwindcss/vite@4.1.17(vite@6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.30.2))':
     dependencies:
       '@tailwindcss/node': 4.1.17
       '@tailwindcss/oxide': 4.1.17
       tailwindcss: 4.1.17
-      vite: 6.4.1(jiti@2.6.1)(lightningcss@1.30.2)
+      vite: 6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.30.2)
 
   '@tanstack/eslint-config@0.3.4(@typescript-eslint/utils@8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
@@ -5741,13 +5754,21 @@ snapshots:
       - supports-color
       - typescript
 
-  '@ts-morph/common@0.27.0':
+  '@tanstack/query-core@5.100.6': {}
+
+  '@tanstack/react-query@5.100.6(react@19.2.1)':
+    dependencies:
+      '@tanstack/query-core': 5.100.6
+      react: 19.2.1
+
+  '@ts-morph/common@0.27.0':
     dependencies:
       fast-glob: 3.3.3
       minimatch: 10.1.1
       path-browserify: 1.0.1
 
-  '@tweenjs/tween.js@23.1.3': {}
+  '@tweenjs/tween.js@23.1.3':
+    optional: true
 
   '@tybys/wasm-util@0.10.1':
     dependencies:
@@ -5775,23 +5796,76 @@ snapshots:
     dependencies:
       '@babel/types': 7.28.5
 
-  '@types/draco3d@1.4.10': {}
+  '@types/d3-array@3.2.2': {}
+
+  '@types/d3-color@3.1.3': {}
+
+  '@types/d3-ease@3.0.2': {}
+
+  '@types/d3-interpolate@3.0.4':
+    dependencies:
+      '@types/d3-color': 3.1.3
+
+  '@types/d3-path@3.1.1': {}
+
+  '@types/d3-scale@4.0.9':
+    dependencies:
+      '@types/d3-time': 3.0.4
+
+  '@types/d3-shape@3.1.8':
+    dependencies:
+      '@types/d3-path': 3.1.1
+
+  '@types/d3-time@3.0.4': {}
+
+  '@types/d3-timer@3.0.2': {}
+
+  '@types/debug@4.1.13':
+    dependencies:
+      '@types/ms': 2.1.0
+
+  '@types/draco3d@1.4.10':
+    optional: true
+
+  '@types/estree-jsx@1.0.5':
+    dependencies:
+      '@types/estree': 1.0.8
 
   '@types/estree@1.0.8': {}
 
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
   '@types/json-schema@7.0.15': {}
 
-  '@types/offscreencanvas@2019.7.3': {}
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/mdx@2.0.13': {}
+
+  '@types/ms@2.1.0': {}
+
+  '@types/node@22.19.17':
+    dependencies:
+      undici-types: 6.21.0
+
+  '@types/offscreencanvas@2019.7.3':
+    optional: true
 
   '@types/react-reconciler@0.28.9(@types/react@19.2.7)':
     dependencies:
       '@types/react': 19.2.7
+    optional: true
 
   '@types/react@19.2.7':
     dependencies:
       csstype: 3.2.3
+    optional: true
 
-  '@types/stats.js@0.17.4': {}
+  '@types/stats.js@0.17.4':
+    optional: true
 
   '@types/statuses@2.0.6': {}
 
@@ -5804,8 +5878,14 @@ snapshots:
       '@webgpu/types': 0.1.68
       fflate: 0.8.2
       meshoptimizer: 0.22.0
+    optional: true
 
-  '@types/webxr@0.5.24': {}
+  '@types/unist@2.0.11': {}
+
+  '@types/unist@3.0.3': {}
+
+  '@types/webxr@0.5.24':
+    optional: true
 
   '@typescript-eslint/eslint-plugin@8.50.1(@typescript-eslint/parser@8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
@@ -5898,6 +5978,8 @@ snapshots:
       '@typescript-eslint/types': 8.50.1
       eslint-visitor-keys: 4.2.1
 
+  '@ungap/structured-clone@1.3.0': {}
+
   '@unrs/resolver-binding-android-arm-eabi@1.11.1':
     optional: true
 
@@ -5957,14 +6039,16 @@ snapshots:
   '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
     optional: true
 
-  '@use-gesture/core@10.3.1': {}
+  '@use-gesture/core@10.3.1':
+    optional: true
 
   '@use-gesture/react@10.3.1(react@19.2.1)':
     dependencies:
       '@use-gesture/core': 10.3.1
       react: 19.2.1
+    optional: true
 
-  '@vitejs/plugin-react@5.1.1(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2))':
+  '@vitejs/plugin-react@5.1.1(vite@6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.30.2))':
     dependencies:
       '@babel/core': 7.28.5
       '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.5)
@@ -5972,41 +6056,7 @@ snapshots:
       '@rolldown/pluginutils': 1.0.0-beta.47
       '@types/babel__core': 7.20.5
       react-refresh: 0.18.0
-      vite: 6.4.1(jiti@2.6.1)(lightningcss@1.30.2)
-    transitivePeerDependencies:
-      - supports-color
-
-  '@vitejs/plugin-vue@5.2.4(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2))(vue@3.5.25(typescript@5.9.3))':
-    dependencies:
-      vite: 6.4.1(jiti@2.6.1)(lightningcss@1.30.2)
-      vue: 3.5.25(typescript@5.9.3)
-
-  '@vue/babel-helper-vue-transform-on@1.5.0': {}
-
-  '@vue/babel-plugin-jsx@1.5.0(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/helper-module-imports': 7.27.1
-      '@babel/helper-plugin-utils': 7.27.1
-      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.5)
-      '@babel/template': 7.27.2
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
-      '@vue/babel-helper-vue-transform-on': 1.5.0
-      '@vue/babel-plugin-resolve-type': 1.5.0(@babel/core@7.28.5)
-      '@vue/shared': 3.5.25
-    optionalDependencies:
-      '@babel/core': 7.28.5
-    transitivePeerDependencies:
-      - supports-color
-
-  '@vue/babel-plugin-resolve-type@1.5.0(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/core': 7.28.5
-      '@babel/helper-module-imports': 7.27.1
-      '@babel/helper-plugin-utils': 7.27.1
-      '@babel/parser': 7.28.5
-      '@vue/compiler-sfc': 3.5.25
+      vite: 6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.30.2)
     transitivePeerDependencies:
       - supports-color
 
@@ -6042,32 +6092,6 @@ snapshots:
 
   '@vue/devtools-api@6.6.4': {}
 
-  '@vue/devtools-core@7.7.9(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2))(vue@3.5.25(typescript@5.9.3))':
-    dependencies:
-      '@vue/devtools-kit': 7.7.9
-      '@vue/devtools-shared': 7.7.9
-      mitt: 3.0.1
-      nanoid: 5.1.6
-      pathe: 2.0.3
-      vite-hot-client: 2.1.0(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2))
-      vue: 3.5.25(typescript@5.9.3)
-    transitivePeerDependencies:
-      - vite
-
-  '@vue/devtools-kit@7.7.9':
-    dependencies:
-      '@vue/devtools-shared': 7.7.9
-      birpc: 2.8.0
-      hookable: 5.5.3
-      mitt: 3.0.1
-      perfect-debounce: 1.0.0
-      speakingurl: 14.0.1
-      superjson: 2.2.5
-
-  '@vue/devtools-shared@7.7.9':
-    dependencies:
-      rfdc: 1.4.1
-
   '@vue/reactivity@3.5.25':
     dependencies:
       '@vue/shared': 3.5.25
@@ -6092,7 +6116,8 @@ snapshots:
 
   '@vue/shared@3.5.25': {}
 
-  '@webgpu/types@0.1.68': {}
+  '@webgpu/types@0.1.68':
+    optional: true
 
   accepts@2.0.0:
     dependencies:
@@ -6145,17 +6170,21 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  astring@1.9.0: {}
+
+  bail@2.0.2: {}
+
   balanced-match@1.0.2: {}
 
-  base64-js@1.5.1: {}
+  base64-js@1.5.1:
+    optional: true
 
   baseline-browser-mapping@2.8.31: {}
 
   bidi-js@1.0.3:
     dependencies:
       require-from-string: 2.0.2
-
-  birpc@2.8.0: {}
+    optional: true
 
   body-parser@2.2.1:
     dependencies:
@@ -6196,6 +6225,7 @@ snapshots:
     dependencies:
       base64-js: 1.5.1
       ieee754: 1.2.1
+    optional: true
 
   bundle-name@4.1.0:
     dependencies:
@@ -6218,9 +6248,12 @@ snapshots:
   camera-controls@3.1.2(three@0.182.0):
     dependencies:
       three: 0.182.0
+    optional: true
 
   caniuse-lite@1.0.30001757: {}
 
+  ccount@2.0.1: {}
+
   chalk@4.1.2:
     dependencies:
       ansi-styles: 4.3.0
@@ -6228,6 +6261,14 @@ snapshots:
 
   chalk@5.6.2: {}
 
+  character-entities-html4@2.1.0: {}
+
+  character-entities-legacy@3.0.0: {}
+
+  character-entities@2.0.2: {}
+
+  character-reference-invalid@2.0.1: {}
+
   class-variance-authority@0.7.1:
     dependencies:
       clsx: 2.1.1
@@ -6250,12 +6291,16 @@ snapshots:
 
   code-block-writer@13.0.3: {}
 
+  collapse-white-space@2.1.0: {}
+
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
 
   color-name@1.1.4: {}
 
+  comma-separated-tokens@2.0.3: {}
+
   commander@11.1.0: {}
 
   commander@14.0.2: {}
@@ -6276,10 +6321,6 @@ snapshots:
 
   cookie@1.1.1: {}
 
-  copy-anything@4.0.5:
-    dependencies:
-      is-what: 5.5.0
-
   cors@2.8.5:
     dependencies:
       object-assign: 4.1.1
@@ -6297,6 +6338,7 @@ snapshots:
   cross-env@7.0.3:
     dependencies:
       cross-spawn: 7.0.6
+    optional: true
 
   cross-spawn@7.0.6:
     dependencies:
@@ -6308,12 +6350,56 @@ snapshots:
 
   csstype@3.2.3: {}
 
+  d3-array@3.2.4:
+    dependencies:
+      internmap: 2.0.3
+
+  d3-color@3.1.0: {}
+
+  d3-ease@3.0.1: {}
+
+  d3-format@3.1.2: {}
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+
+  d3-path@3.1.0: {}
+
+  d3-scale@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+
+  d3-shape@3.2.0:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-time-format@4.1.0:
+    dependencies:
+      d3-time: 3.1.0
+
+  d3-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-timer@3.0.1: {}
+
   data-uri-to-buffer@4.0.1: {}
 
   debug@4.4.3:
     dependencies:
       ms: 2.1.3
 
+  decimal.js-light@2.5.1: {}
+
+  decode-named-character-reference@1.3.0:
+    dependencies:
+      character-entities: 2.0.2
+
   dedent@1.7.1: {}
 
   deep-is@0.1.4: {}
@@ -6331,19 +6417,32 @@ snapshots:
 
   depd@2.0.0: {}
 
+  dequal@2.0.3: {}
+
   detect-gpu@5.0.70:
     dependencies:
       webgl-constants: 1.1.1
+    optional: true
 
   detect-libc@2.1.2: {}
 
   detect-node-es@1.1.0: {}
 
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
   diff@8.0.2: {}
 
+  dom-helpers@5.2.1:
+    dependencies:
+      '@babel/runtime': 7.28.4
+      csstype: 3.2.3
+
   dotenv@17.2.3: {}
 
-  draco3d@1.5.7: {}
+  draco3d@1.5.7:
+    optional: true
 
   dunder-proto@1.0.1:
     dependencies:
@@ -6381,8 +6480,6 @@ snapshots:
     dependencies:
       is-arrayish: 0.2.1
 
-  error-stack-parser-es@0.1.5: {}
-
   es-define-property@1.0.1: {}
 
   es-errors@1.3.0: {}
@@ -6391,6 +6488,20 @@ snapshots:
     dependencies:
       es-errors: 1.3.0
 
+  esast-util-from-estree@2.0.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      devlop: 1.1.0
+      estree-util-visit: 2.0.0
+      unist-util-position-from-estree: 2.0.0
+
+  esast-util-from-js@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      acorn: 8.15.0
+      esast-util-from-estree: 2.0.0
+      vfile-message: 4.0.3
+
   esbuild@0.25.12:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.25.12
@@ -6426,6 +6537,8 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
+  escape-string-regexp@5.0.0: {}
+
   eslint-compat-utils@0.5.1(eslint@9.39.2(jiti@2.6.1)):
     dependencies:
       eslint: 9.39.2(jiti@2.6.1)
@@ -6545,12 +6658,47 @@ snapshots:
 
   estraverse@5.3.0: {}
 
+  estree-util-attach-comments@3.0.0:
+    dependencies:
+      '@types/estree': 1.0.8
+
+  estree-util-build-jsx@3.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      estree-walker: 3.0.3
+
+  estree-util-is-identifier-name@3.0.0: {}
+
+  estree-util-scope@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.8
+      devlop: 1.1.0
+
+  estree-util-to-js@2.0.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      astring: 1.9.0
+      source-map: 0.7.6
+
+  estree-util-visit@2.0.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/unist': 3.0.3
+
   estree-walker@2.0.2: {}
 
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.8
+
   esutils@2.0.3: {}
 
   etag@1.8.1: {}
 
+  eventemitter3@4.0.7: {}
+
   eventsource-parser@3.0.6: {}
 
   eventsource@3.0.7:
@@ -6621,8 +6769,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  extend@3.0.2: {}
+
   fast-deep-equal@3.1.3: {}
 
+  fast-equals@5.4.0: {}
+
   fast-glob@3.3.3:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -6650,9 +6802,11 @@ snapshots:
       node-domexception: 1.0.0
       web-streams-polyfill: 3.3.3
 
-  fflate@0.6.10: {}
+  fflate@0.6.10:
+    optional: true
 
-  fflate@0.8.2: {}
+  fflate@0.8.2:
+    optional: true
 
   figures@6.1.0:
     dependencies:
@@ -6767,7 +6921,8 @@ snapshots:
 
   globrex@0.1.2: {}
 
-  glsl-noise@0.0.0: {}
+  glsl-noise@0.0.0:
+    optional: true
 
   gopd@1.2.0: {}
 
@@ -6783,14 +6938,58 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
+  hast-util-to-estree@3.1.3:
+    dependencies:
+      '@types/estree': 1.0.8
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      estree-util-attach-comments: 3.0.0
+      estree-util-is-identifier-name: 3.0.0
+      hast-util-whitespace: 3.0.0
+      mdast-util-mdx-expression: 2.0.1
+      mdast-util-mdx-jsx: 3.2.0
+      mdast-util-mdxjs-esm: 2.0.1
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      style-to-js: 1.1.21
+      unist-util-position: 5.0.0
+      zwitch: 2.0.4
+    transitivePeerDependencies:
+      - supports-color
+
+  hast-util-to-jsx-runtime@2.3.6:
+    dependencies:
+      '@types/estree': 1.0.8
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      hast-util-whitespace: 3.0.0
+      mdast-util-mdx-expression: 2.0.1
+      mdast-util-mdx-jsx: 3.2.0
+      mdast-util-mdxjs-esm: 2.0.1
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      style-to-js: 1.1.21
+      unist-util-position: 5.0.0
+      vfile-message: 4.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  hast-util-whitespace@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
   headers-polyfill@4.0.3: {}
 
-  hls.js@1.6.15: {}
+  hls.js@1.6.15:
+    optional: true
 
   hono@4.11.3: {}
 
-  hookable@5.5.3: {}
-
   http-errors@2.0.1:
     dependencies:
       depd: 2.0.0
@@ -6814,13 +7013,15 @@ snapshots:
     dependencies:
       safer-buffer: 2.1.2
 
-  ieee754@1.2.1: {}
+  ieee754@1.2.1:
+    optional: true
 
   ignore@5.3.2: {}
 
   ignore@7.0.5: {}
 
-  immediate@3.0.6: {}
+  immediate@3.0.6:
+    optional: true
 
   import-fresh@3.3.1:
     dependencies:
@@ -6831,10 +7032,23 @@ snapshots:
 
   inherits@2.0.4: {}
 
+  inline-style-parser@0.2.7: {}
+
+  internmap@2.0.3: {}
+
   ipaddr.js@1.9.1: {}
 
+  is-alphabetical@2.0.1: {}
+
+  is-alphanumerical@2.0.1:
+    dependencies:
+      is-alphabetical: 2.0.1
+      is-decimal: 2.0.1
+
   is-arrayish@0.2.1: {}
 
+  is-decimal@2.0.1: {}
+
   is-docker@3.0.0: {}
 
   is-extglob@2.1.1: {}
@@ -6845,6 +7059,8 @@ snapshots:
     dependencies:
       is-extglob: 2.1.1
 
+  is-hexadecimal@2.0.1: {}
+
   is-in-ssh@1.0.0: {}
 
   is-inside-container@1.0.0:
@@ -6861,7 +7077,8 @@ snapshots:
 
   is-plain-obj@4.1.0: {}
 
-  is-promise@2.2.2: {}
+  is-promise@2.2.2:
+    optional: true
 
   is-promise@4.0.0: {}
 
@@ -6875,8 +7092,6 @@ snapshots:
 
   is-unicode-supported@2.1.0: {}
 
-  is-what@5.5.0: {}
-
   is-wsl@3.1.0:
     dependencies:
       is-inside-container: 1.0.0
@@ -6891,6 +7106,7 @@ snapshots:
       react: 19.2.1
     transitivePeerDependencies:
       - '@types/react'
+    optional: true
 
   jiti@2.6.1: {}
 
@@ -6932,8 +7148,6 @@ snapshots:
 
   kleur@4.1.5: {}
 
-  kolorist@1.8.0: {}
-
   levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
@@ -6942,6 +7156,7 @@ snapshots:
   lie@3.3.0:
     dependencies:
       immediate: 3.0.6
+    optional: true
 
   lightningcss-android-arm64@1.30.2:
     optional: true
@@ -7000,15 +7215,27 @@ snapshots:
 
   lodash.merge@4.6.2: {}
 
+  lodash@4.18.1: {}
+
   log-symbols@6.0.0:
     dependencies:
       chalk: 5.6.2
       is-unicode-supported: 1.3.0
 
+  longest-streak@3.1.0: {}
+
+  loose-envify@1.4.0:
+    dependencies:
+      js-tokens: 4.0.0
+
   lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
 
+  lucide-react@0.544.0(react@19.2.1):
+    dependencies:
+      react: 19.2.1
+
   lucide-react@0.556.0(react@19.2.1):
     dependencies:
       react: 19.2.1
@@ -7021,13 +7248,181 @@ snapshots:
     dependencies:
       '@types/three': 0.182.0
       three: 0.182.0
+    optional: true
 
   magic-string@0.30.21:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
 
+  markdown-extensions@2.0.0: {}
+
+  markdown-table@3.0.4: {}
+
   math-intrinsics@1.1.0: {}
 
+  mdast-util-find-and-replace@3.0.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      escape-string-regexp: 5.0.0
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
+  mdast-util-from-markdown@2.0.3:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      mdast-util-to-string: 4.0.0
+      micromark: 4.0.2
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-decode-string: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-stringify-position: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-find-and-replace: 3.0.2
+      micromark-util-character: 2.1.1
+
+  mdast-util-gfm-footnote@2.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+      micromark-util-normalize-identifier: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-table@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      markdown-table: 3.0.4
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm@3.1.0:
+    dependencies:
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-gfm-autolink-literal: 2.0.1
+      mdast-util-gfm-footnote: 2.1.0
+      mdast-util-gfm-strikethrough: 2.0.0
+      mdast-util-gfm-table: 2.0.0
+      mdast-util-gfm-task-list-item: 2.0.0
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdx-expression@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdx-jsx@3.2.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+      parse-entities: 4.0.2
+      stringify-entities: 4.0.4
+      unist-util-stringify-position: 4.0.0
+      vfile-message: 4.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdx@3.0.0:
+    dependencies:
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-mdx-expression: 2.0.1
+      mdast-util-mdx-jsx: 3.2.0
+      mdast-util-mdxjs-esm: 2.0.1
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdxjs-esm@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-phrasing@4.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      unist-util-is: 6.0.1
+
+  mdast-util-to-hast@13.2.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.3.0
+      devlop: 1.1.0
+      micromark-util-sanitize-uri: 2.0.1
+      trim-lines: 3.0.1
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+
+  mdast-util-to-markdown@2.1.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      longest-streak: 3.1.0
+      mdast-util-phrasing: 4.1.0
+      mdast-util-to-string: 4.0.0
+      micromark-util-classify-character: 2.0.1
+      micromark-util-decode-string: 2.0.1
+      unist-util-visit: 5.1.0
+      zwitch: 2.0.4
+
+  mdast-util-to-string@4.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+
   media-typer@1.1.0: {}
 
   merge-descriptors@2.0.0: {}
@@ -7039,8 +7434,274 @@ snapshots:
   meshline@3.3.1(three@0.182.0):
     dependencies:
       three: 0.182.0
+    optional: true
+
+  meshoptimizer@0.22.0:
+    optional: true
+
+  micromark-core-commonmark@2.0.3:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-factory-destination: 2.0.1
+      micromark-factory-label: 2.0.1
+      micromark-factory-space: 2.0.1
+      micromark-factory-title: 2.0.1
+      micromark-factory-whitespace: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-html-tag-name: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-footnote@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-table@2.1.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm@3.0.0:
+    dependencies:
+      micromark-extension-gfm-autolink-literal: 2.1.0
+      micromark-extension-gfm-footnote: 2.1.0
+      micromark-extension-gfm-strikethrough: 2.1.0
+      micromark-extension-gfm-table: 2.1.1
+      micromark-extension-gfm-tagfilter: 2.0.0
+      micromark-extension-gfm-task-list-item: 2.1.0
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-mdx-expression@3.0.1:
+    dependencies:
+      '@types/estree': 1.0.8
+      devlop: 1.1.0
+      micromark-factory-mdx-expression: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.3
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-mdx-jsx@3.0.2:
+    dependencies:
+      '@types/estree': 1.0.8
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      micromark-factory-mdx-expression: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.3
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      vfile-message: 4.0.3
+
+  micromark-extension-mdx-md@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-extension-mdxjs-esm@3.0.0:
+    dependencies:
+      '@types/estree': 1.0.8
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.3
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-position-from-estree: 2.0.0
+      vfile-message: 4.0.3
+
+  micromark-extension-mdxjs@3.0.0:
+    dependencies:
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      micromark-extension-mdx-expression: 3.0.1
+      micromark-extension-mdx-jsx: 3.0.2
+      micromark-extension-mdx-md: 2.0.0
+      micromark-extension-mdxjs-esm: 3.0.0
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-destination@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-label@2.0.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-mdx-expression@2.0.3:
+    dependencies:
+      '@types/estree': 1.0.8
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.3
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-position-from-estree: 2.0.0
+      vfile-message: 4.0.3
+
+  micromark-factory-space@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-title@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-whitespace@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-character@2.1.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-chunked@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-classify-character@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-combine-extensions@2.0.1:
+    dependencies:
+      micromark-util-chunked: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-decode-string@2.0.1:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      micromark-util-character: 2.1.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-encode@2.0.1: {}
+
+  micromark-util-events-to-acorn@2.0.3:
+    dependencies:
+      '@types/estree': 1.0.8
+      '@types/unist': 3.0.3
+      devlop: 1.1.0
+      estree-util-visit: 2.0.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      vfile-message: 4.0.3
+
+  micromark-util-html-tag-name@2.0.1: {}
+
+  micromark-util-normalize-identifier@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-resolve-all@2.0.1:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-subtokenize@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-symbol@2.0.1: {}
+
+  micromark-util-types@2.0.2: {}
 
-  meshoptimizer@0.22.0: {}
+  micromark@4.0.2:
+    dependencies:
+      '@types/debug': 4.1.13
+      debug: 4.4.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-encode: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
 
   micromatch@4.0.8:
     dependencies:
@@ -7071,15 +7732,11 @@ snapshots:
 
   minimist@1.2.8: {}
 
-  mitt@3.0.1: {}
-
-  mrmime@2.0.1: {}
-
   ms@2.1.3: {}
 
-  msw@2.12.7(typescript@5.9.3):
+  msw@2.12.7(@types/node@22.19.17)(typescript@5.9.3):
     dependencies:
-      '@inquirer/confirm': 5.1.21
+      '@inquirer/confirm': 5.1.21(@types/node@22.19.17)
       '@mswjs/interceptors': 0.40.0
       '@open-draft/deferred-promise': 2.2.0
       '@types/statuses': 2.0.6
@@ -7106,8 +7763,6 @@ snapshots:
 
   nanoid@3.3.11: {}
 
-  nanoid@5.1.6: {}
-
   napi-postinstall@0.3.4: {}
 
   natural-compare@1.4.0: {}
@@ -7160,13 +7815,6 @@ snapshots:
     dependencies:
       mimic-function: 5.0.1
 
-  open@10.2.0:
-    dependencies:
-      default-browser: 5.4.0
-      define-lazy-prop: 3.0.0
-      is-inside-container: 1.0.0
-      wsl-utils: 0.1.0
-
   open@11.0.0:
     dependencies:
       default-browser: 5.4.0
@@ -7213,6 +7861,16 @@ snapshots:
     dependencies:
       callsites: 3.1.0
 
+  parse-entities@4.0.2:
+    dependencies:
+      '@types/unist': 2.0.11
+      character-entities-legacy: 3.0.0
+      character-reference-invalid: 2.0.1
+      decode-named-character-reference: 1.3.0
+      is-alphanumerical: 2.0.1
+      is-decimal: 2.0.1
+      is-hexadecimal: 2.0.1
+
   parse-json@5.2.0:
     dependencies:
       '@babel/code-frame': 7.27.1
@@ -7236,10 +7894,6 @@ snapshots:
 
   path-to-regexp@8.3.0: {}
 
-  pathe@2.0.3: {}
-
-  perfect-debounce@1.0.0: {}
-
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
@@ -7259,12 +7913,15 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  potpack@1.0.2: {}
+  potpack@1.0.2:
+    optional: true
 
   powershell-utils@0.1.0: {}
 
   prelude-ls@1.2.1: {}
 
+  prettier@3.8.3: {}
+
   pretty-ms@9.3.0:
     dependencies:
       parse-ms: 4.0.0
@@ -7283,12 +7940,21 @@ snapshots:
     dependencies:
       is-promise: 2.2.2
       lie: 3.3.0
+    optional: true
 
   prompts@2.4.2:
     dependencies:
       kleur: 3.0.3
       sisteransi: 1.0.5
 
+  prop-types@15.8.1:
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react-is: 16.13.1
+
+  property-information@7.1.0: {}
+
   proxy-addr@2.0.7:
     dependencies:
       forwarded: 0.2.0
@@ -7302,68 +7968,6 @@ snapshots:
 
   queue-microtask@1.2.3: {}
 
-  radix-ui@1.4.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-accessible-icon': 1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-accordion': 1.2.12(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-alert-dialog': 1.1.15(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-arrow': 1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-aspect-ratio': 1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-avatar': 1.1.10(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-checkbox': 1.3.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-collapsible': 1.1.12(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-collection': 1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-context-menu': 2.2.16(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-dialog': 1.1.15(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-dropdown-menu': 2.1.16(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-form': 0.1.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-hover-card': 1.1.15(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-label': 2.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-menu': 2.1.16(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-menubar': 1.1.16(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-navigation-menu': 1.2.14(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-one-time-password-field': 0.1.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-password-toggle-field': 0.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-popover': 1.1.15(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-popper': 1.2.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-portal': 1.1.9(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-presence': 1.1.5(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-primitive': 2.1.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-progress': 1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-radio-group': 1.3.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-scroll-area': 1.2.10(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-select': 2.2.6(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-separator': 1.1.7(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-slider': 1.3.6(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-switch': 1.2.6(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-tabs': 1.1.13(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-toast': 1.2.15(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-toggle': 1.1.10(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-toggle-group': 1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-toolbar': 1.1.11(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-tooltip': 1.2.8(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.1)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react@19.2.7)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      react: 19.2.1
-      react-dom: 19.2.1(react@19.2.1)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
   range-parser@1.2.1: {}
 
   raw-body@3.0.2:
@@ -7378,6 +7982,10 @@ snapshots:
       react: 19.2.1
       scheduler: 0.27.0
 
+  react-is@16.13.1: {}
+
+  react-is@18.3.1: {}
+
   react-refresh@0.18.0: {}
 
   react-remove-scroll-bar@2.3.8(@types/react@19.2.7)(react@19.2.1):
@@ -7404,6 +8012,14 @@ snapshots:
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
+  react-smooth@4.0.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
+    dependencies:
+      fast-equals: 5.4.0
+      prop-types: 15.8.1
+      react: 19.2.1
+      react-dom: 19.2.1(react@19.2.1)
+      react-transition-group: 4.4.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+
   react-style-singleton@2.2.3(@types/react@19.2.7)(react@19.2.1):
     dependencies:
       get-nonce: 1.0.1
@@ -7412,11 +8028,21 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.7
 
+  react-transition-group@4.4.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
+    dependencies:
+      '@babel/runtime': 7.28.4
+      dom-helpers: 5.2.1
+      loose-envify: 1.4.0
+      prop-types: 15.8.1
+      react: 19.2.1
+      react-dom: 19.2.1(react@19.2.1)
+
   react-use-measure@2.1.7(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
     dependencies:
       react: 19.2.1
     optionalDependencies:
       react-dom: 19.2.1(react@19.2.1)
+    optional: true
 
   react@19.2.1: {}
 
@@ -7428,6 +8054,101 @@ snapshots:
       tiny-invariant: 1.3.3
       tslib: 2.8.1
 
+  recharts-scale@0.4.5:
+    dependencies:
+      decimal.js-light: 2.5.1
+
+  recharts@2.15.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
+    dependencies:
+      clsx: 2.1.1
+      eventemitter3: 4.0.7
+      lodash: 4.18.1
+      react: 19.2.1
+      react-dom: 19.2.1(react@19.2.1)
+      react-is: 18.3.1
+      react-smooth: 4.0.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      recharts-scale: 0.4.5
+      tiny-invariant: 1.3.3
+      victory-vendor: 36.9.2
+
+  recma-build-jsx@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.8
+      estree-util-build-jsx: 3.0.1
+      vfile: 6.0.3
+
+  recma-jsx@1.0.1(acorn@8.15.0):
+    dependencies:
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      estree-util-to-js: 2.0.0
+      recma-parse: 1.0.0
+      recma-stringify: 1.0.0
+      unified: 11.0.5
+
+  recma-parse@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.8
+      esast-util-from-js: 2.0.1
+      unified: 11.0.5
+      vfile: 6.0.3
+
+  recma-stringify@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.8
+      estree-util-to-js: 2.0.0
+      unified: 11.0.5
+      vfile: 6.0.3
+
+  rehype-recma@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.8
+      '@types/hast': 3.0.4
+      hast-util-to-estree: 3.1.3
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-gfm@4.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-gfm: 3.1.0
+      micromark-extension-gfm: 3.0.0
+      remark-parse: 11.0.0
+      remark-stringify: 11.0.0
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-mdx@3.1.1:
+    dependencies:
+      mdast-util-mdx: 3.0.0
+      micromark-extension-mdxjs: 3.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-parse@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.3
+      micromark-util-types: 2.0.2
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-rehype@11.1.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      mdast-util-to-hast: 13.2.1
+      unified: 11.0.5
+      vfile: 6.0.3
+
+  remark-stringify@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-to-markdown: 2.1.2
+      unified: 11.0.5
+
   require-directory@2.1.1: {}
 
   require-from-string@2.0.2: {}
@@ -7445,8 +8166,6 @@ snapshots:
 
   reusify@1.1.0: {}
 
-  rfdc@1.4.1: {}
-
   rollup@4.53.3:
     dependencies:
       '@types/estree': 1.0.8
@@ -7526,7 +8245,7 @@ snapshots:
 
   setprototypeof@1.2.0: {}
 
-  shadcn@3.6.2(hono@4.11.3)(typescript@5.9.3):
+  shadcn@3.6.2(@types/node@22.19.17)(hono@4.11.3)(typescript@5.9.3):
     dependencies:
       '@antfu/ni': 25.0.0
       '@babel/core': 7.28.5
@@ -7547,7 +8266,7 @@ snapshots:
       fuzzysort: 3.1.0
       https-proxy-agent: 7.0.6
       kleur: 4.1.5
-      msw: 2.12.7(typescript@5.9.3)
+      msw: 2.12.7(@types/node@22.19.17)(typescript@5.9.3)
       node-fetch: 3.3.2
       open: 11.0.0
       ora: 8.2.0
@@ -7606,12 +8325,6 @@ snapshots:
 
   signal-exit@4.1.0: {}
 
-  sirv@3.0.2:
-    dependencies:
-      '@polka/url': 1.0.0-next.29
-      mrmime: 2.0.1
-      totalist: 3.0.1
-
   sisteransi@1.0.5: {}
 
   sonner@2.0.7(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
@@ -7623,7 +8336,9 @@ snapshots:
 
   source-map@0.6.1: {}
 
-  speakingurl@14.0.1: {}
+  source-map@0.7.6: {}
+
+  space-separated-tokens@2.0.2: {}
 
   stable-hash-x@0.2.0: {}
 
@@ -7631,8 +8346,10 @@ snapshots:
     dependencies:
       '@types/three': 0.182.0
       three: 0.182.0
+    optional: true
 
-  stats.js@0.17.0: {}
+  stats.js@0.17.0:
+    optional: true
 
   statuses@2.0.2: {}
 
@@ -7652,6 +8369,11 @@ snapshots:
       get-east-asian-width: 1.4.0
       strip-ansi: 7.1.2
 
+  stringify-entities@4.0.4:
+    dependencies:
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
+
   stringify-object@5.0.0:
     dependencies:
       get-own-enumerable-keys: 1.0.0
@@ -7674,9 +8396,13 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
-  superjson@2.2.5:
+  style-to-js@1.1.21:
+    dependencies:
+      style-to-object: 1.0.14
+
+  style-to-object@1.0.14:
     dependencies:
-      copy-anything: 4.0.5
+      inline-style-parser: 0.2.7
 
   supports-color@7.2.0:
     dependencies:
@@ -7685,6 +8411,7 @@ snapshots:
   suspend-react@0.1.3(react@19.2.1):
     dependencies:
       react: 19.2.1
+    optional: true
 
   tagged-tag@1.0.0: {}
 
@@ -7697,6 +8424,7 @@ snapshots:
   three-mesh-bvh@0.8.3(three@0.182.0):
     dependencies:
       three: 0.182.0
+    optional: true
 
   three-stdlib@2.36.1(three@0.182.0):
     dependencies:
@@ -7707,6 +8435,7 @@ snapshots:
       fflate: 0.6.10
       potpack: 1.0.2
       three: 0.182.0
+    optional: true
 
   three@0.182.0: {}
 
@@ -7731,12 +8460,12 @@ snapshots:
 
   toidentifier@1.0.1: {}
 
-  totalist@3.0.1: {}
-
   tough-cookie@6.0.0:
     dependencies:
       tldts: 7.0.19
 
+  trim-lines@3.0.1: {}
+
   troika-three-text@0.52.4(three@0.182.0):
     dependencies:
       bidi-js: 1.0.3
@@ -7744,12 +8473,17 @@ snapshots:
       troika-three-utils: 0.52.4(three@0.182.0)
       troika-worker-utils: 0.52.0
       webgl-sdf-generator: 1.1.1
+    optional: true
 
   troika-three-utils@0.52.4(three@0.182.0):
     dependencies:
       three: 0.182.0
+    optional: true
 
-  troika-worker-utils@0.52.0: {}
+  troika-worker-utils@0.52.0:
+    optional: true
+
+  trough@2.2.0: {}
 
   ts-api-utils@2.3.0(typescript@5.9.3):
     dependencies:
@@ -7780,6 +8514,7 @@ snapshots:
       - '@types/react'
       - immer
       - react
+    optional: true
 
   tw-animate-css@1.4.0: {}
 
@@ -7810,8 +8545,47 @@ snapshots:
 
   typescript@5.9.3: {}
 
+  undici-types@6.21.0: {}
+
   unicorn-magic@0.3.0: {}
 
+  unified@11.0.5:
+    dependencies:
+      '@types/unist': 3.0.3
+      bail: 2.0.2
+      devlop: 1.1.0
+      extend: 3.0.2
+      is-plain-obj: 4.1.0
+      trough: 2.2.0
+      vfile: 6.0.3
+
+  unist-util-is@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-position-from-estree@2.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-visit@5.1.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
   universalify@2.0.1: {}
 
   unpipe@1.0.0: {}
@@ -7873,62 +8647,39 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
-  utility-types@3.11.0: {}
+  utility-types@3.11.0:
+    optional: true
 
   vary@1.1.2: {}
 
-  vite-hot-client@2.1.0(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2)):
+  vfile-message@4.0.3:
     dependencies:
-      vite: 6.4.1(jiti@2.6.1)(lightningcss@1.30.2)
+      '@types/unist': 3.0.3
+      unist-util-stringify-position: 4.0.0
 
-  vite-plugin-inspect@0.8.9(rollup@4.53.3)(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2)):
+  vfile@6.0.3:
     dependencies:
-      '@antfu/utils': 0.7.10
-      '@rollup/pluginutils': 5.3.0(rollup@4.53.3)
-      debug: 4.4.3
-      error-stack-parser-es: 0.1.5
-      fs-extra: 11.3.2
-      open: 10.2.0
-      perfect-debounce: 1.0.0
-      picocolors: 1.1.1
-      sirv: 3.0.2
-      vite: 6.4.1(jiti@2.6.1)(lightningcss@1.30.2)
-    transitivePeerDependencies:
-      - rollup
-      - supports-color
+      '@types/unist': 3.0.3
+      vfile-message: 4.0.3
 
-  vite-plugin-vue-devtools@7.7.9(rollup@4.53.3)(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2))(vue@3.5.25(typescript@5.9.3)):
+  victory-vendor@36.9.2:
     dependencies:
-      '@vue/devtools-core': 7.7.9(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2))(vue@3.5.25(typescript@5.9.3))
-      '@vue/devtools-kit': 7.7.9
-      '@vue/devtools-shared': 7.7.9
-      execa: 9.6.0
-      sirv: 3.0.2
-      vite: 6.4.1(jiti@2.6.1)(lightningcss@1.30.2)
-      vite-plugin-inspect: 0.8.9(rollup@4.53.3)(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2))
-      vite-plugin-vue-inspector: 5.3.2(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2))
-    transitivePeerDependencies:
-      - '@nuxt/kit'
-      - rollup
-      - supports-color
-      - vue
+      '@types/d3-array': 3.2.2
+      '@types/d3-ease': 3.0.2
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-scale': 4.0.9
+      '@types/d3-shape': 3.1.8
+      '@types/d3-time': 3.0.4
+      '@types/d3-timer': 3.0.2
+      d3-array: 3.2.4
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-scale: 4.0.2
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-timer: 3.0.1
 
-  vite-plugin-vue-inspector@5.3.2(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2)):
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/plugin-proposal-decorators': 7.28.0(@babel/core@7.28.5)
-      '@babel/plugin-syntax-import-attributes': 7.27.1(@babel/core@7.28.5)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.28.5)
-      '@babel/plugin-transform-typescript': 7.28.5(@babel/core@7.28.5)
-      '@vue/babel-plugin-jsx': 1.5.0(@babel/core@7.28.5)
-      '@vue/compiler-dom': 3.5.25
-      kolorist: 1.8.0
-      magic-string: 0.30.21
-      vite: 6.4.1(jiti@2.6.1)(lightningcss@1.30.2)
-    transitivePeerDependencies:
-      - supports-color
-
-  vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2):
+  vite@6.4.1(@types/node@22.19.17)(jiti@2.6.1)(lightningcss@1.30.2):
     dependencies:
       esbuild: 0.25.12
       fdir: 6.5.0(picomatch@4.0.3)
@@ -7937,6 +8688,7 @@ snapshots:
       rollup: 4.53.3
       tinyglobby: 0.2.15
     optionalDependencies:
+      '@types/node': 22.19.17
       fsevents: 2.3.3
       jiti: 2.6.1
       lightningcss: 1.30.2
@@ -7972,9 +8724,11 @@ snapshots:
 
   web-streams-polyfill@3.3.3: {}
 
-  webgl-constants@1.1.1: {}
+  webgl-constants@1.1.1:
+    optional: true
 
-  webgl-sdf-generator@1.1.1: {}
+  webgl-sdf-generator@1.1.1:
+    optional: true
 
   which@2.0.2:
     dependencies:
@@ -8000,10 +8754,6 @@ snapshots:
 
   wrappy@1.0.2: {}
 
-  wsl-utils@0.1.0:
-    dependencies:
-      is-wsl: 3.1.0
-
   wsl-utils@0.3.1:
     dependencies:
       is-wsl: 3.1.0
@@ -8043,9 +8793,12 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.7
       react: 19.2.1
+    optional: true
 
   zustand@5.0.9(@types/react@19.2.7)(react@19.2.1)(use-sync-external-store@1.6.0(react@19.2.1)):
     optionalDependencies:
       '@types/react': 19.2.7
       react: 19.2.1
       use-sync-external-store: 1.6.0(react@19.2.1)
+
+  zwitch@2.0.4: {}
diff --git a/prettier.config.cjs b/prettier.config.cjs
new file mode 100644
index 0000000..40f7389
--- /dev/null
+++ b/prettier.config.cjs
@@ -0,0 +1,8 @@
+/** @type {import('prettier').Config} */
+module.exports = {
+  semi: true,
+  singleQuote: false,
+  trailingComma: "all",
+  printWidth: 100,
+  tabWidth: 2,
+};
diff --git a/ui/components/GlobalDialog.tsx b/ui/components/GlobalDialog.tsx
index b32adc0..302d916 100644
--- a/ui/components/GlobalDialog.tsx
+++ b/ui/components/GlobalDialog.tsx
@@ -1,16 +1,11 @@
 import React, { useEffect, useState } from "react";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-} from "@embeddr/react-ui/components/ui";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@embeddr/react-ui/components/ui";
 import { useImageDialog } from "@embeddr/react-ui";
+import { useEmbeddrApi } from "../hooks/useEmbeddrApi";
+import { app } from "../../../scripts/app.js";
 import { ExploreTab } from "./tabs/ExploreTab";
 import { CollectionSelector } from "./selectors/CollectionSelector";
-import { useEmbeddrApi } from "../hooks/useEmbeddrApi";
 // @ts-ignore
-import { app } from "../../../scripts/app.js";
 
 type DialogMode = "image" | "collection";
 
@@ -101,9 +96,7 @@ export function GlobalDialog() {
           // Handle Collection Selection
 
           // 1. Try "collection_ids" -> Set ID
-          const idWidget = node.widgets?.find(
-            (w: any) => w.name === "collection_ids",
-          );
+          const idWidget = node.widgets?.find((w: any) => w.name === "collection_ids");
           if (idWidget) {
             idWidget.value = item.id.toString();
             if (idWidget.callback) {
@@ -117,9 +110,7 @@ export function GlobalDialog() {
             node.widgets?.map((w: any) => w.name),
           );
 
-          const colIdWidget = node.widgets?.find(
-            (w: any) => w.name === "collection_id",
-          );
+          const colIdWidget = node.widgets?.find((w: any) => w.name === "collection_id");
 
           let idSet = false;
           if (colIdWidget && item.id) {
@@ -130,10 +121,10 @@ export function GlobalDialog() {
             }
             idSet = true;
           } else {
-            console.warn(
-              "[Embeddr] collection_id widget not found on node or invalid item.id!",
-              { widgetFound: !!colIdWidget, itemId: item.id },
-            );
+            console.warn("[Embeddr] collection_id widget not found on node or invalid item.id!", {
+              widgetFound: !!colIdWidget,
+              itemId: item.id,
+            });
           }
 
           // 3. Update Info Widget (Friendly display)
@@ -148,15 +139,11 @@ export function GlobalDialog() {
           // 4. Update or Clear Name Widget
           // If we successfully set the ID, clear the name widget to avoid confusion
           // and ensure the backend uses the ID.
-          const nameWidget = node.widgets?.find(
-            (w: any) => w.name === "collection_name",
-          );
+          const nameWidget = node.widgets?.find((w: any) => w.name === "collection_name");
           if (nameWidget) {
             if (idSet) {
               // Clear name to prioritize ID match and avoid ambiguity
-              console.log(
-                "[Embeddr] Clearing collection_name widget to prioritize ID",
-              );
+              console.log("[Embeddr] Clearing collection_name widget to prioritize ID");
               nameWidget.value = "";
             } else {
               nameWidget.value = item.label || item.name;
@@ -190,9 +177,7 @@ export function GlobalDialog() {
           }
 
           // Also update image_url if it exists (for preview/compatibility)
-          const urlWidget = node.widgets?.find(
-            (w: any) => w.name === "image_url",
-          );
+          const urlWidget = node.widgets?.find((w: any) => w.name === "image_url");
           if (urlWidget) {
             urlWidget.value = item.image_url;
           }
@@ -208,9 +193,7 @@ export function GlobalDialog() {
     <Dialog open={isOpen} onOpenChange={setIsOpen}>
       <DialogContent className="max-w-4xl h-[80vh] flex flex-col p-0 gap-0">
         <DialogHeader className="p-4 pb-2">
-          <DialogTitle>
-            {mode === "collection" ? "Select Collection" : "Select Image"}
-          </DialogTitle>
+          <DialogTitle>{mode === "collection" ? "Select Collection" : "Select Image"}</DialogTitle>
         </DialogHeader>
         <div className="flex-1 overflow-hidden p-4 pt-0">
           {mode === "collection" ? (
diff --git a/ui/components/ZenShell.tsx b/ui/components/ZenShell.tsx
index 260931f..9825206 100644
--- a/ui/components/ZenShell.tsx
+++ b/ui/components/ZenShell.tsx
@@ -1,41 +1,34 @@
-import React, {
-  useEffect,
-  useState,
-  useMemo,
-  useCallback,
-  useDeferredValue,
-} from "react";
-import type { EmbeddrAPI } from "@embeddr/react-ui/types";
+import React, { useCallback, useDeferredValue, useEffect, useMemo, useState } from "react";
 import { useEmbeddrAPI } from "@embeddr/react-ui/context";
 import {
-  ZenPanelManagerCore,
-  ZenDraggablePanel,
-  useZenWindowStore,
-  usePluginRegistry,
-  loadExternalPlugins,
+  CoreUIEventBridge,
   DynamicPluginComponent,
-  PluginErrorBoundary,
-  type ZenWindowRendererProps,
   EmbeddrProvider,
-  type PluginLoaderAdapter,
-  CoreUIEventBridge,
+  PluginErrorBoundary,
+  ZenDraggablePanel,
+  ZenPanelManagerCore,
   ZenWebSocketProvider,
   globalEventBus,
+  loadExternalPlugins,
+  usePluginRegistry,
+  useZenWindowStore,
 } from "@embeddr/zen-shell";
-import { useEmbeddrApi } from "../hooks/useEmbeddrApi";
 import {
+  AppWindow,
+  ExternalLink,
+  LayoutTemplate,
   Minimize2,
-  X,
   Play,
   RefreshCw,
-  LayoutTemplate,
-  Search,
-  AppWindow,
   RotateCcw,
-  ExternalLink,
+  Search,
+  X,
 } from "lucide-react";
 import { Button } from "@embeddr/react-ui/components/ui";
 import { Badge, Input, ScrollArea, Separator, cn } from "@embeddr/react-ui";
+import { useEmbeddrApi } from "../hooks/useEmbeddrApi";
+import type { PluginLoaderAdapter, ZenWindowRendererProps } from "@embeddr/zen-shell";
+import type { EmbeddrAPI } from "@embeddr/react-ui/types";
 
 const PANEL_SAFE_AREA = { top: 8, right: 8, bottom: 8, left: 8 };
 
@@ -46,8 +39,7 @@ type PersistedZenWindowStore = typeof useZenWindowStore & {
   };
 };
 
-const zenWindowStoreWithPersist =
-  useZenWindowStore as PersistedZenWindowStore;
+const zenWindowStoreWithPersist = useZenWindowStore;
 
 type LauncherComponentEntry = {
   pluginId: string;
@@ -177,11 +169,8 @@ const CustomWindowRenderer = React.memo((props: ZenWindowRendererProps) => {
     useZenWindowStore.getState().togglePin(id);
   }, [id]);
 
-  const defaultPosition =
-    windowState.position ||
-    panelProps.defaultPosition || { x: 100, y: 100 };
-  const defaultSize =
-    windowState.size || panelProps.defaultSize || { width: 500, height: 400 };
+  const defaultPosition = windowState.position || panelProps.defaultPosition || { x: 100, y: 100 };
+  const defaultSize = windowState.size || panelProps.defaultSize || { width: 500, height: 400 };
   const panelMeta = useMemo(
     () => ({
       id,
@@ -191,9 +180,7 @@ const CustomWindowRenderer = React.memo((props: ZenWindowRendererProps) => {
     [defaultPosition, id, isActive],
   );
   const panelClassName =
-    typeof panelProps.className === "string"
-      ? panelProps.className
-      : undefined;
+    typeof panelProps.className === "string" ? panelProps.className : undefined;
   const hideHeader = Boolean(panelProps.hideHeader);
   const transparent = Boolean(panelProps.transparent);
   const panelPluginId = resolved?.pluginId || "unknown";
@@ -206,12 +193,10 @@ const CustomWindowRenderer = React.memo((props: ZenWindowRendererProps) => {
   );
   const panelContentId = `panel-content-${panelPluginId.replace(/[^a-zA-Z0-9]/g, "-")}-${panelComponentName.replace(/[^a-zA-Z0-9]/g, "-")}`;
   const pluginApi = useMemo(
-    () =>
-      resolved ? extendApiForPlugin(baseApi, resolved.pluginId) : baseApi,
+    () => (resolved ? extendApiForPlugin(baseApi, resolved.pluginId) : baseApi),
     [baseApi, resolved?.pluginId],
   );
-  const GlobalEmbeddrProvider =
-    (window as any).EmbeddrUI?.EmbeddrProvider || EmbeddrProvider;
+  const GlobalEmbeddrProvider = (window as any).EmbeddrUI?.EmbeddrProvider || EmbeddrProvider;
 
   if (!resolved) {
     return (
@@ -255,9 +240,7 @@ const CustomWindowRenderer = React.memo((props: ZenWindowRendererProps) => {
     <div style={{ pointerEvents: "auto" }}>
       <WindowErrorBoundary
         windowId={id}
-        title={
-          windowState.title || resolved.def?.label || resolved.componentName
-        }
+        title={windowState.title || resolved.def?.label || resolved.componentName}
         onClose={handleClose}
         onMinimize={handleMinimize}
         onPinChange={handlePinChange}
@@ -275,11 +258,7 @@ const CustomWindowRenderer = React.memo((props: ZenWindowRendererProps) => {
       >
         <ZenDraggablePanel
           id={id}
-          title={
-            windowState.title ||
-            resolved.def?.label ||
-            resolved.componentName
-          }
+          title={windowState.title || resolved.def?.label || resolved.componentName}
           isOpen={true}
           onMinimize={handleMinimize}
           pinned={windowState.isPinned}
@@ -400,10 +379,7 @@ class WindowErrorBoundary extends React.Component<
 type EmbeddrApiAdapterInput = ReturnType<typeof useEmbeddrApi>;
 
 function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
-  const backendUrl = (input.endpoint || "http://localhost:8003").replace(
-    /\/$/,
-    "",
-  );
+  const backendUrl = (input.endpoint || "http://localhost:8003").replace(/\/$/, "");
   const apiBase = `${backendUrl}/api/v1`;
   const assetBase = backendUrl.replace(/\/api(?:\/v\d+)?\/?$/, "");
 
@@ -414,18 +390,13 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
       const baseUrl =
         assetBase ||
         backendUrl ||
-        (typeof window !== "undefined"
-          ? window.location.origin
-          : "http://localhost");
+        (typeof window !== "undefined" ? window.location.origin : "http://localhost");
       const parsed = new URL(url, baseUrl);
       const assetOrigin = new URL(baseUrl).origin;
-      const windowOrigin =
-        typeof window !== "undefined" ? window.location.origin : assetOrigin;
-      const isInternal =
-        parsed.origin === assetOrigin || parsed.origin === windowOrigin;
+      const windowOrigin = typeof window !== "undefined" ? window.location.origin : assetOrigin;
+      const isInternal = parsed.origin === assetOrigin || parsed.origin === windowOrigin;
       const isProtectedPath =
-        parsed.pathname.startsWith("/api/") ||
-        parsed.pathname.startsWith("/plugins/");
+        parsed.pathname.startsWith("/api/") || parsed.pathname.startsWith("/plugins/");
       if (!isInternal || !isProtectedPath) return parsed.toString();
       if (!parsed.searchParams.has("api_key")) {
         parsed.searchParams.set("api_key", apiKey);
@@ -436,17 +407,13 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
     }
   };
 
-  const normalizePluginLogoUrl = (
-    value: string | null,
-    pluginName?: string,
-  ) => {
+  const normalizePluginLogoUrl = (value: string | null, pluginName?: string) => {
     if (!value) return null;
     if (value.startsWith("http://") || value.startsWith("https://")) {
       return signProtectedUrl(value);
     }
     if (value.startsWith("//")) {
-      const protocol =
-        typeof window !== "undefined" ? window.location.protocol : "https:";
+      const protocol = typeof window !== "undefined" ? window.location.protocol : "https:";
       return signProtectedUrl(`${protocol}${value}`);
     }
     if (value.startsWith("/api/") || value.startsWith("/plugins/")) {
@@ -523,11 +490,7 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
   };
 
   const modelCatalog = {
-    list: async (input: {
-      category: string;
-      page?: number;
-      limit?: number;
-    }) => ({
+    list: async (input: { category: string; page?: number; limit?: number }) => ({
       items: [],
       total: 0,
       page: input.page || 1,
@@ -567,14 +530,14 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
     settings: {
       get: <T,>(key: string, defaultValue?: T) => {
         const raw = localStorage.getItem(key);
-        return (raw !== null ? (JSON.parse(raw) as T) : defaultValue) as T;
+        return raw !== null ? (JSON.parse(raw) as T) : defaultValue;
       },
       set: (key: string, value: any) => {
         localStorage.setItem(key, JSON.stringify(value));
       },
       getPlugin: <T,>(pluginId: string, key: string, defaultValue?: T) => {
         const raw = localStorage.getItem(`${pluginId}:${key}`);
-        return (raw !== null ? (JSON.parse(raw) as T) : defaultValue) as T;
+        return raw !== null ? (JSON.parse(raw) as T) : defaultValue;
       },
       setPlugin: (pluginId: string, key: string, value: any) => {
         localStorage.setItem(`${pluginId}:${key}`, JSON.stringify(value));
@@ -599,10 +562,8 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
     artifacts: {
       list: (inputData) => {
         const q = new URLSearchParams();
-        if (inputData?.limit !== undefined)
-          q.append("limit", String(inputData.limit));
-        if (inputData?.offset !== undefined)
-          q.append("offset", String(inputData.offset));
+        if (inputData?.limit !== undefined) q.append("limit", String(inputData.limit));
+        if (inputData?.offset !== undefined) q.append("offset", String(inputData.offset));
         if (inputData?.type_name) q.append("type_name", inputData.type_name);
         if (inputData?.media_type) q.append("media_type", inputData.media_type);
         if (inputData?.sort) q.append("sort", inputData.sort);
@@ -613,13 +574,10 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
       get: (id: string) => jsonRequest(`/artifacts/${id}`),
       getContentUrl: (id: string) => `${apiBase}/artifacts/${id}/content`,
       resolve: (inputData: any) => jsonRequest(`/artifacts/${inputData.id}`),
-      getPreviewUrl: (
-        id: string,
-        type: "thumbnail" | "preview" = "thumbnail",
-      ) => `${apiBase}/artifacts/${id}/preview?preview_type=${type}`,
+      getPreviewUrl: (id: string, type: "thumbnail" | "preview" = "thumbnail") =>
+        `${apiBase}/artifacts/${id}/preview?preview_type=${type}`,
       getEmbeddings: (id: string) => jsonRequest(`/artifacts/${id}/embeddings`),
-      getAnnotations: (id: string) =>
-        jsonRequest(`/artifacts/${id}/annotations`),
+      getAnnotations: (id: string) => jsonRequest(`/artifacts/${id}/annotations`),
       getLineage: (id: string) => jsonRequest(`/artifacts/${id}/lineage`),
       getRelations: (id: string) => jsonRequest(`/artifacts/${id}/relations`),
       addRelation: (sourceId: string, inputData: any) =>
@@ -634,8 +592,7 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
         }),
       getSubgraph: (id: string, params: any) => {
         const q = new URLSearchParams();
-        if (params?.maxDepth !== undefined)
-          q.append("max_depth", String(params.maxDepth));
+        if (params?.maxDepth !== undefined) q.append("max_depth", String(params.maxDepth));
         if (params?.includeLineage !== undefined)
           q.append("include_lineage", String(params.includeLineage));
         if (params?.includeRelations !== undefined)
@@ -655,8 +612,7 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify(inputData),
         }),
-      delete: (id: string) =>
-        jsonRequest(`/artifacts/${id}`, { method: "DELETE" }),
+      delete: (id: string) => jsonRequest(`/artifacts/${id}`, { method: "DELETE" }),
       uploadInit: (inputData: any) =>
         jsonRequest(`/artifacts/${inputData.artifact_id}/upload/init`, {
           method: "POST",
@@ -725,9 +681,7 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
           body: JSON.stringify(payload ?? {}),
         }),
       query: (query: string, limit = 20) =>
-        jsonRequest(
-          `/lotus/query?q=${encodeURIComponent(query)}&limit=${limit}`,
-        ),
+        jsonRequest(`/lotus/query?q=${encodeURIComponent(query)}&limit=${limit}`),
       list: (payload?: any) => {
         const q = new URLSearchParams();
         if (payload?.kind) q.append("kind", payload.kind);
@@ -735,9 +689,7 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
         if (payload?.slot) q.append("slot", payload.slot);
         if (payload?.limit) q.append("limit", String(payload.limit));
         if (payload?.offset) q.append("offset", String(payload.offset));
-        return jsonRequest(
-          `/lotus/list${q.toString() ? `?${q.toString()}` : ""}`,
-        );
+        return jsonRequest(`/lotus/list${q.toString() ? `?${q.toString()}` : ""}`);
       },
     },
     client: {
@@ -762,10 +714,7 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
         if (key && !headers.has("X-API-Key")) headers.set("X-API-Key", key);
         return input.apiClient.fetch(url, { ...init, headers });
       },
-      request: async <T = any,>(
-        path: string,
-        init?: RequestInit,
-      ): Promise<T> => {
+      request: async <T = any,>(path: string, init?: RequestInit): Promise<T> => {
         const url = path.startsWith("http")
           ? path
           : `${apiBase}/plugins${path.startsWith("/") ? path : `/${path}`}`;
@@ -773,8 +722,7 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
         const headers = new Headers(init?.headers || {});
         if (key && !headers.has("X-API-Key")) headers.set("X-API-Key", key);
         const res = await input.apiClient.fetch(url, { ...init, headers });
-        if (!res.ok)
-          throw new Error(await res.text().catch(() => res.statusText));
+        if (!res.ok) throw new Error(await res.text().catch(() => res.statusText));
         return res.json();
       },
     },
@@ -799,15 +747,9 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
     },
     events: {
       on: (event, listener) =>
-        globalEventBus.on(
-          event as string,
-          listener as (...args: any[]) => void,
-        ),
+        globalEventBus.on(event as string, listener as (...args: Array<any>) => void),
       off: (event, listener) =>
-        globalEventBus.off(
-          event as string,
-          listener as (...args: any[]) => void,
-        ),
+        globalEventBus.off(event as string, listener as (...args: Array<any>) => void),
       emit: (event, payload) => globalEventBus.emit(event as string, payload),
     },
     comfy: modelCatalog as any,
@@ -831,12 +773,9 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
         const data = (await jsonRequest("/plugins/logos")) as {
           logos?: Record<string, string | null>;
         };
-        const logos = (data?.logos || {}) as Record<string, string | null>;
+        const logos = data?.logos || {};
         return Object.fromEntries(
-          Object.entries(logos).map(([key, value]) => [
-            key,
-            normalizePluginLogoUrl(value, key),
-          ]),
+          Object.entries(logos).map(([key, value]) => [key, normalizePluginLogoUrl(value, key)]),
         );
       },
       getActions: () => [],
@@ -889,10 +828,7 @@ function extendApiForPlugin(api: EmbeddrAPI, pluginId: string): EmbeddrAPI {
               path.startsWith("/") ? path.slice(1) : path
             }`;
 
-        if (
-          url.includes("/api/v1/lotus/") &&
-          (nextInit.method || "GET").toUpperCase() === "POST"
-        ) {
+        if (url.includes("/api/v1/lotus/") && (nextInit.method || "GET").toUpperCase() === "POST") {
           const capId = url.split("/api/v1/lotus/")[1] || "";
           let payload: any = undefined;
           if (typeof nextInit.body === "string") {
@@ -922,14 +858,12 @@ export function ZenShell() {
   const [isOpen, setIsOpen] = useState(false);
   const [launcherCollapsed, setLauncherCollapsed] = useState(false);
   const [launcherQuery, setLauncherQuery] = useState("");
-  const [launcherMode, setLauncherMode] = useState<"workspace" | "catalog">(
-    "workspace",
-  );
+  const [launcherMode, setLauncherMode] = useState<"workspace" | "catalog">("workspace");
   const [pluginsLoading, setPluginsLoading] = useState(false);
   const [pluginLoadError, setPluginLoadError] = useState<string | null>(null);
   const [pluginBootstrapComplete, setPluginBootstrapComplete] = useState(false);
-  const [windowStoreHydrated, setWindowStoreHydrated] = useState(() =>
-    zenWindowStoreWithPersist.persist?.hasHydrated?.() ?? true,
+  const [windowStoreHydrated, setWindowStoreHydrated] = useState(
+    () => zenWindowStoreWithPersist.persist?.hasHydrated?.() ?? true,
   );
 
   let api;
@@ -962,39 +896,33 @@ export function ZenShell() {
     [api.endpoint],
   );
   const orderIndexByWindowId = useMemo(
-    () =>
-      new Map(panelOrder.map((id, index) => [id, index] as const)),
+    () => new Map(panelOrder.map((id, index) => [id, index] as const)),
     [panelOrder],
   );
-  const launcherComponents = useMemo<LauncherComponentEntry[]>(
+  const launcherComponents = useMemo<Array<LauncherComponentEntry>>(
     () =>
       knownPlugins
         .flatMap((pluginId) => {
           const plugin = plugins[pluginId];
-          return (plugin?.components ?? []).map(
-            (component: any, componentIndex: number) => ({
+          return (plugin?.components ?? []).map((component: any, componentIndex: number) => ({
+            pluginId,
+            pluginLabel: plugin?.name || pluginId,
+            componentId: `${pluginId}-${
+              component.exportName ||
+              component.component ||
+              component.name ||
+              `comp-${componentIndex}`
+            }`,
+            title:
+              component.label ||
+              component.name ||
+              component.component ||
+              component.exportName ||
               pluginId,
-              pluginLabel: plugin?.name || pluginId,
-              componentId: `${pluginId}-${
-                component.exportName ||
-                component.component ||
-                component.name ||
-                `comp-${componentIndex}`
-              }`,
-              title:
-                component.label ||
-                component.name ||
-                component.component ||
-                component.exportName ||
-                pluginId,
-              subtitle:
-                component.component ||
-                component.exportName ||
-                component.name ||
-                "Plugin panel",
-              component,
-            }),
-          );
+            subtitle:
+              component.component || component.exportName || component.name || "Plugin panel",
+            component,
+          }));
         })
         .sort(
           (left, right) =>
@@ -1003,7 +931,7 @@ export function ZenShell() {
         ),
     [knownPlugins, plugins],
   );
-  const launcherOpenWindows = useMemo<LauncherWindowEntry[]>(
+  const launcherOpenWindows = useMemo<Array<LauncherWindowEntry>>(
     () =>
       Object.values(windows)
         .filter((windowState) => !windowState.isMinimized && !windowState.groupHostId)
@@ -1012,14 +940,8 @@ export function ZenShell() {
           return {
             id: windowState.id,
             title:
-              windowState.title ||
-              resolved?.def?.label ||
-              resolved?.componentName ||
-              "Untitled",
-            subtitle:
-              resolved?.pluginId ||
-              resolved?.def?.component ||
-              windowState.componentId,
+              windowState.title || resolved?.def?.label || resolved?.componentName || "Untitled",
+            subtitle: resolved?.pluginId || resolved?.def?.component || windowState.componentId,
             componentId: windowState.componentId,
             isPinned: Boolean(windowState.isPinned),
             tabsCount: windowState.tabs?.length || 0,
@@ -1029,7 +951,7 @@ export function ZenShell() {
         .sort((left, right) => right.orderIndex - left.orderIndex),
     [orderIndexByWindowId, plugins, windows],
   );
-  const launcherMinimizedWindows = useMemo<LauncherWindowEntry[]>(
+  const launcherMinimizedWindows = useMemo<Array<LauncherWindowEntry>>(
     () =>
       Object.values(windows)
         .filter((windowState) => windowState.isMinimized)
@@ -1038,14 +960,8 @@ export function ZenShell() {
           return {
             id: windowState.id,
             title:
-              windowState.title ||
-              resolved?.def?.label ||
-              resolved?.componentName ||
-              "Untitled",
-            subtitle:
-              resolved?.pluginId ||
-              resolved?.def?.component ||
-              windowState.componentId,
+              windowState.title || resolved?.def?.label || resolved?.componentName || "Untitled",
+            subtitle: resolved?.pluginId || resolved?.def?.component || windowState.componentId,
             componentId: windowState.componentId,
             groupHostId: windowState.groupHostId,
             isPinned: Boolean(windowState.isPinned),
@@ -1069,8 +985,7 @@ export function ZenShell() {
         .filter(({ score }) => score > 0)
         .sort(
           (left, right) =>
-            right.score - left.score ||
-            right.entry.orderIndex - left.entry.orderIndex,
+            right.score - left.score || right.entry.orderIndex - left.entry.orderIndex,
         )
         .map(({ entry }) => entry),
     [deferredLauncherQuery, launcherOpenWindows],
@@ -1088,8 +1003,7 @@ export function ZenShell() {
         .filter(({ score }) => score > 0)
         .sort(
           (left, right) =>
-            right.score - left.score ||
-            right.entry.orderIndex - left.entry.orderIndex,
+            right.score - left.score || right.entry.orderIndex - left.entry.orderIndex,
         )
         .map(({ entry }) => entry),
     [deferredLauncherQuery, launcherMinimizedWindows],
@@ -1114,38 +1028,34 @@ export function ZenShell() {
         .map(({ entry }) => entry),
     [deferredLauncherQuery, launcherComponents],
   );
-  const groupedLauncherComponents = useMemo(
-    () => {
-      const groups = new Map<
-        string,
-        {
-          pluginId: string;
-          pluginLabel: string;
-          entries: LauncherComponentEntry[];
-        }
-      >();
+  const groupedLauncherComponents = useMemo(() => {
+    const groups = new Map<
+      string,
+      {
+        pluginId: string;
+        pluginLabel: string;
+        entries: Array<LauncherComponentEntry>;
+      }
+    >();
 
-      filteredLauncherComponents.forEach((entry) => {
-        const current = groups.get(entry.pluginId);
-        if (current) {
-          current.entries.push(entry);
-          return;
-        }
-        groups.set(entry.pluginId, {
-          pluginId: entry.pluginId,
-          pluginLabel: entry.pluginLabel,
-          entries: [entry],
-        });
+    filteredLauncherComponents.forEach((entry) => {
+      const current = groups.get(entry.pluginId);
+      if (current) {
+        current.entries.push(entry);
+        return;
+      }
+      groups.set(entry.pluginId, {
+        pluginId: entry.pluginId,
+        pluginLabel: entry.pluginLabel,
+        entries: [entry],
       });
+    });
 
-      return Array.from(groups.values()).sort(
-        (left, right) => left.pluginLabel.localeCompare(right.pluginLabel),
-      );
-    },
-    [filteredLauncherComponents],
-  );
-  const shellReady =
-    api.configLoaded && windowStoreHydrated && pluginBootstrapComplete;
+    return Array.from(groups.values()).sort((left, right) =>
+      left.pluginLabel.localeCompare(right.pluginLabel),
+    );
+  }, [filteredLauncherComponents]);
+  const shellReady = api.configLoaded && windowStoreHydrated && pluginBootstrapComplete;
 
   useEffect(() => {
     console.log("[ZenShell] Mounted");
@@ -1191,11 +1101,7 @@ export function ZenShell() {
           console.log("[ZenShell] Fetching plugins from", targetUrl);
           const res = await api.apiClient.fetch(targetUrl);
           if (!res.ok) {
-            console.error(
-              "[ZenShell] Plugin fetch failed",
-              res.status,
-              res.statusText,
-            );
+            console.error("[ZenShell] Plugin fetch failed", res.status, res.statusText);
             return [];
           }
           const data = await res.json();
@@ -1207,10 +1113,7 @@ export function ZenShell() {
         }
       },
       resolveScriptUrl: (manifest) => {
-        const baseUrl = (api.endpoint || "http://localhost:8003").replace(
-          /\/$/,
-          "",
-        );
+        const baseUrl = (api.endpoint || "http://localhost:8003").replace(/\/$/, "");
         const url = manifest.url;
 
         if (!url) return "";
@@ -1222,10 +1125,7 @@ export function ZenShell() {
         return url;
       },
       resolveCssUrl: (manifest) => {
-        const baseUrl = (api.endpoint || "http://localhost:8003").replace(
-          /\/$/,
-          "",
-        );
+        const baseUrl = (api.endpoint || "http://localhost:8003").replace(/\/$/, "");
         let url = manifest.url;
 
         if (!url) return null;
@@ -1268,7 +1168,7 @@ export function ZenShell() {
       }
     };
 
-    const targets: Window[] = [];
+    const targets: Array<Window> = [];
     const addTarget = (target?: Window | null) => {
       if (!target) return;
       if (!targets.includes(target)) targets.push(target);
@@ -1288,26 +1188,19 @@ export function ZenShell() {
 
     targets.forEach((target) => {
       target.addEventListener("embeddr-toggle-shell", handleToggle);
-      target.addEventListener(
-        "embeddr-launch-window",
-        handleLaunch as EventListener,
-      );
+      target.addEventListener("embeddr-launch-window", handleLaunch as EventListener);
     });
 
     return () => {
       targets.forEach((target) => {
         target.removeEventListener("embeddr-toggle-shell", handleToggle);
-        target.removeEventListener(
-          "embeddr-launch-window",
-          handleLaunch as EventListener,
-        );
+        target.removeEventListener("embeddr-launch-window", handleLaunch as EventListener);
       });
     };
   }, [isOpen, launcherCollapsed, spawnWindow]);
 
   const handlePluginLoadError = useCallback((error: unknown) => {
-    const message =
-      error instanceof Error ? error.message : "Failed to load plugins";
+    const message = error instanceof Error ? error.message : "Failed to load plugins";
     console.error("[ZenShell] Failed to load external plugins", error);
     setPluginLoadError(message);
   }, []);
@@ -1348,9 +1241,10 @@ export function ZenShell() {
         if (cancelled) return;
         handlePluginLoadError(error);
       } finally {
-        if (cancelled) return;
-        setPluginsLoading(false);
-        setPluginBootstrapComplete(true);
+        if (!cancelled) {
+          setPluginsLoading(false);
+          setPluginBootstrapComplete(true);
+        }
       }
     })();
     return () => {
@@ -1362,11 +1256,8 @@ export function ZenShell() {
     (entry: LauncherComponentEntry) => {
       const windowId = spawnWindow(entry.componentId, entry.title, {
         ...(entry.component.props ?? {}),
-        defaultPosition:
-          entry.component.defaultPosition ??
-          entry.component.props?.defaultPosition,
-        defaultSize:
-          entry.component.defaultSize ?? entry.component.props?.defaultSize,
+        defaultPosition: entry.component.defaultPosition ?? entry.component.props?.defaultPosition,
+        defaultSize: entry.component.defaultSize ?? entry.component.props?.defaultSize,
       });
 
       if (entry.component.defaultPosition || entry.component.defaultSize) {
@@ -1406,7 +1297,7 @@ export function ZenShell() {
     filteredMinimizedWindows.length > 0 ||
     groupedLauncherComponents.length > 0;
   const trimmedLauncherQuery = deferredLauncherQuery.trim();
-  const launcherSearchResults = useMemo<LauncherSearchResult[]>(() => {
+  const launcherSearchResults = useMemo<Array<LauncherSearchResult>>(() => {
     if (!trimmedLauncherQuery) return [];
 
     const openResults = launcherOpenWindows
@@ -1450,12 +1341,7 @@ export function ZenShell() {
     return [...openResults, ...minimizedResults, ...componentResults]
       .sort((left, right) => right.score - left.score)
       .slice(0, 40);
-  }, [
-    launcherComponents,
-    launcherMinimizedWindows,
-    launcherOpenWindows,
-    trimmedLauncherQuery,
-  ]);
+  }, [launcherComponents, launcherMinimizedWindows, launcherOpenWindows, trimmedLauncherQuery]);
   const effectiveLauncherMode = trimmedLauncherQuery ? "search" : launcherMode;
 
   return (
@@ -1514,8 +1400,7 @@ export function ZenShell() {
               <div className="text-left">
                 <div className="text-xs font-semibold">Zen Launcher</div>
                 <div className="text-[10px] text-muted-foreground">
-                  {launcherOpenWindows.length} open,{" "}
-                  {launcherMinimizedWindows.length} minimized
+                  {launcherOpenWindows.length} open, {launcherMinimizedWindows.length} minimized
                 </div>
               </div>
             </button>
@@ -1529,9 +1414,7 @@ export function ZenShell() {
                         <LayoutTemplate className="h-5 w-5" />
                       </div>
                       <div className="min-w-0">
-                        <div className="truncate text-sm font-semibold">
-                          Zen Launcher
-                        </div>
+                        <div className="truncate text-sm font-semibold">Zen Launcher</div>
                         <div className="text-[11px] text-muted-foreground">
                           {effectiveLauncherMode === "search"
                             ? "Fast search across open windows and plugin panels."
@@ -1550,12 +1433,7 @@ export function ZenShell() {
                       disabled={pluginsLoading}
                       onClick={reloadPlugins}
                     >
-                      <RefreshCw
-                        className={cn(
-                          "h-3.5 w-3.5",
-                          pluginsLoading && "animate-spin",
-                        )}
-                      />
+                      <RefreshCw className={cn("h-3.5 w-3.5", pluginsLoading && "animate-spin")} />
                     </Button>
                     <Button
                       variant="ghost"
@@ -1581,9 +1459,7 @@ export function ZenShell() {
                     <div className="text-[10px] font-semibold uppercase tracking-wide text-muted-foreground">
                       Open
                     </div>
-                    <div className="mt-1 text-lg font-semibold">
-                      {launcherOpenWindows.length}
-                    </div>
+                    <div className="mt-1 text-lg font-semibold">{launcherOpenWindows.length}</div>
                   </div>
                   <div className="rounded-2xl border border-border/60 bg-background/70 px-3 py-2">
                     <div className="text-[10px] font-semibold uppercase tracking-wide text-muted-foreground">
@@ -1597,9 +1473,7 @@ export function ZenShell() {
                     <div className="text-[10px] font-semibold uppercase tracking-wide text-muted-foreground">
                       Panels
                     </div>
-                    <div className="mt-1 text-lg font-semibold">
-                      {launcherComponents.length}
-                    </div>
+                    <div className="mt-1 text-lg font-semibold">{launcherComponents.length}</div>
                   </div>
                 </div>
 
@@ -1615,9 +1489,7 @@ export function ZenShell() {
 
                 <div className="mt-3 flex items-center gap-2">
                   <Button
-                    variant={
-                      effectiveLauncherMode === "workspace" ? "secondary" : "ghost"
-                    }
+                    variant={effectiveLauncherMode === "workspace" ? "secondary" : "ghost"}
                     size="sm"
                     className="h-7 rounded-full px-3 text-xs"
                     onClick={() => setLauncherMode("workspace")}
@@ -1628,9 +1500,7 @@ export function ZenShell() {
                     </Badge>
                   </Button>
                   <Button
-                    variant={
-                      effectiveLauncherMode === "catalog" ? "secondary" : "ghost"
-                    }
+                    variant={effectiveLauncherMode === "catalog" ? "secondary" : "ghost"}
                     size="sm"
                     className="h-7 rounded-full px-3 text-xs"
                     onClick={() => setLauncherMode("catalog")}
@@ -1661,10 +1531,7 @@ export function ZenShell() {
                       <div className="text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
                         Search Results
                       </div>
-                      <Badge
-                        variant="secondary"
-                        className="h-4 px-1.5 text-[10px]"
-                      >
+                      <Badge variant="secondary" className="h-4 px-1.5 text-[10px]">
                         {launcherSearchResults.length}
                       </Badge>
                     </div>
@@ -1691,10 +1558,7 @@ export function ZenShell() {
                                       >
                                         {entry.title}
                                       </span>
-                                      <Badge
-                                        variant="secondary"
-                                        className="h-4 px-1 text-[9px]"
-                                      >
+                                      <Badge variant="secondary" className="h-4 px-1 text-[9px]">
                                         Panel
                                       </Badge>
                                     </div>
@@ -1730,10 +1594,7 @@ export function ZenShell() {
                                 onClick={() =>
                                   isOpenResult
                                     ? handleFocusWindow(entry.id)
-                                    : handleRestoreWindow(
-                                        entry.id,
-                                        entry.groupHostId,
-                                      )
+                                    : handleRestoreWindow(entry.id, entry.groupHostId)
                                 }
                               >
                                 <div
@@ -1758,10 +1619,7 @@ export function ZenShell() {
                                     >
                                       {entry.title}
                                     </span>
-                                    <Badge
-                                      variant="secondary"
-                                      className="h-4 px-1 text-[9px]"
-                                    >
+                                    <Badge variant="secondary" className="h-4 px-1 text-[9px]">
                                       {isOpenResult ? "Open" : "Minimized"}
                                     </Badge>
                                   </div>
@@ -1794,10 +1652,7 @@ export function ZenShell() {
                           <AppWindow className="h-3.5 w-3.5" />
                           Open Panels
                         </div>
-                        <Badge
-                          variant="secondary"
-                          className="h-4 px-1.5 text-[10px]"
-                        >
+                        <Badge variant="secondary" className="h-4 px-1.5 text-[10px]">
                           {launcherOpenWindows.length}
                         </Badge>
                       </div>
@@ -1823,18 +1678,12 @@ export function ZenShell() {
                                       {entry.title}
                                     </span>
                                     {entry.tabsCount > 1 && (
-                                      <Badge
-                                        variant="secondary"
-                                        className="h-4 px-1 text-[9px]"
-                                      >
+                                      <Badge variant="secondary" className="h-4 px-1 text-[9px]">
                                         {entry.tabsCount} tabs
                                       </Badge>
                                     )}
                                     {entry.isPinned && (
-                                      <Badge
-                                        variant="secondary"
-                                        className="h-4 px-1 text-[9px]"
-                                      >
+                                      <Badge variant="secondary" className="h-4 px-1 text-[9px]">
                                         Pinned
                                       </Badge>
                                     )}
@@ -1889,10 +1738,7 @@ export function ZenShell() {
                           <RotateCcw className="h-3.5 w-3.5" />
                           Minimized
                         </div>
-                        <Badge
-                          variant="secondary"
-                          className="h-4 px-1.5 text-[10px]"
-                        >
+                        <Badge variant="secondary" className="h-4 px-1.5 text-[10px]">
                           {launcherMinimizedWindows.length}
                         </Badge>
                       </div>
@@ -1907,12 +1753,7 @@ export function ZenShell() {
                                   "flex w-full items-center gap-3 rounded-2xl border border-border/50 bg-background/60 px-3 py-2 text-left",
                                   "transition-colors hover:bg-muted/40",
                                 )}
-                                onClick={() =>
-                                  handleRestoreWindow(
-                                    entry.id,
-                                    entry.groupHostId,
-                                  )
-                                }
+                                onClick={() => handleRestoreWindow(entry.id, entry.groupHostId)}
                               >
                                 <div className="flex h-8 w-8 items-center justify-center rounded-xl bg-muted/60 text-muted-foreground">
                                   <RotateCcw className="h-3.5 w-3.5" />
@@ -1926,10 +1767,7 @@ export function ZenShell() {
                                       {entry.title}
                                     </span>
                                     {entry.groupHostId && (
-                                      <Badge
-                                        variant="secondary"
-                                        className="h-4 px-1 text-[9px]"
-                                      >
+                                      <Badge variant="secondary" className="h-4 px-1 text-[9px]">
                                         Tab
                                       </Badge>
                                     )}
@@ -1959,10 +1797,7 @@ export function ZenShell() {
                       <div className="text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
                         Launch Panels
                       </div>
-                      <Badge
-                        variant="secondary"
-                        className="h-4 px-1.5 text-[10px]"
-                      >
+                      <Badge variant="secondary" className="h-4 px-1.5 text-[10px]">
                         {launcherComponents.length}
                       </Badge>
                     </div>
@@ -1997,10 +1832,7 @@ export function ZenShell() {
                                     {group.pluginId}
                                   </div>
                                 </div>
-                                <Badge
-                                  variant="secondary"
-                                  className="h-4 px-1.5 text-[10px]"
-                                >
+                                <Badge variant="secondary" className="h-4 px-1.5 text-[10px]">
                                   {group.entries.length}
                                 </Badge>
                               </div>
@@ -2028,9 +1860,7 @@ export function ZenShell() {
                                       variant="secondary"
                                       size="sm"
                                       className="h-7 shrink-0 rounded-lg px-2 text-xs"
-                                      onClick={() =>
-                                        handleSpawnComponent(entry)
-                                      }
+                                      onClick={() => handleSpawnComponent(entry)}
                                     >
                                       <Play className="mr-1.5 h-3 w-3" />
                                       Open
diff --git a/ui/components/panels/EmbeddrPanel.tsx b/ui/components/panels/EmbeddrPanel.tsx
index 9195af0..264280a 100644
--- a/ui/components/panels/EmbeddrPanel.tsx
+++ b/ui/components/panels/EmbeddrPanel.tsx
@@ -1,20 +1,7 @@
 import React, { useEffect, useState } from "react";
-import { cn } from "@embeddr/react-ui";
-import {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-} from "@embeddr/react-ui/components/ui";
-import { useExternalNav, useImageDialog } from "@embeddr/react-ui";
-import {
-  GlobeIcon,
-  MessageCircleIcon,
-  Search,
-  Settings,
-  LayoutTemplate,
-} from "lucide-react";
-import { Button } from "@embeddr/react-ui/components/ui";
+import { cn, useExternalNav, useImageDialog } from "@embeddr/react-ui";
+import { Button, Tabs, TabsContent, TabsList, TabsTrigger } from "@embeddr/react-ui/components/ui";
+import { GlobeIcon, LayoutTemplate, MessageCircleIcon, Search, Settings } from "lucide-react";
 import { useEmbeddrApi } from "@hooks/useEmbeddrApi";
 import { SettingsForm } from "../tabs/SettingsForm";
 import { ExploreTab } from "../tabs/ExploreTab";
@@ -67,8 +54,7 @@ export default function EmbeddrPanel() {
   // Initial fetch and refetch on change
   useEffect(() => {
     if (configLoaded) {
-      const libId =
-        selectedLibrary === "all" ? null : parseInt(selectedLibrary);
+      const libId = selectedLibrary === "all" ? null : parseInt(selectedLibrary);
       fetchImages(true, searchQuery, viewMode, libId, similarImageId);
     }
   }, [viewMode, configLoaded, selectedLibrary, mode, similarImageId]);
@@ -77,11 +63,8 @@ export default function EmbeddrPanel() {
     await saveSettings(endpoint, mode, gridSize, gridPreviewContain, apiKey);
   };
 
-  const dispatchShellEvent = (
-    name: string,
-    detail?: Record<string, unknown>,
-  ) => {
-    const targets: Window[] = [];
+  const dispatchShellEvent = (name: string, detail?: Record<string, unknown>) => {
+    const targets: Array<Window> = [];
     console.log("[EmbeddrPanel] Dispatching event", name, detail);
     const addTarget = (target?: Window | null) => {
       if (!target) return;
@@ -107,10 +90,7 @@ export default function EmbeddrPanel() {
   };
 
   return (
-    <div
-      className="flex flex-col h-full text-foreground"
-      style={{ contain: "none" }}
-    >
+    <div className="flex flex-col h-full text-foreground" style={{ contain: "none" }}>
       <Tabs
         value={activeTab}
         onValueChange={setActiveTab}
@@ -119,16 +99,10 @@ export default function EmbeddrPanel() {
         <div className="pt-2 flex flex-col gap-2 p-2 pb-0!">
           <div className="flex items-center gap-2">
             <TabsList className="flex gap-1 w-full justify-start">
-              <TabsTrigger
-                value="explore"
-                className="max-w-fit items-center gap-2"
-              >
+              <TabsTrigger value="explore" className="max-w-fit items-center gap-2">
                 <Search className="w-4 h-4" />
               </TabsTrigger>
-              <TabsTrigger
-                value="prompt"
-                className="max-w-fit items-center gap-2"
-              >
+              <TabsTrigger value="prompt" className="max-w-fit items-center gap-2">
                 <MessageCircleIcon className="w-4 h-4" />
               </TabsTrigger>
             </TabsList>
@@ -143,10 +117,7 @@ export default function EmbeddrPanel() {
             <Button
               variant="link"
               size="icon"
-              className={cn(
-                "ml-auto",
-                activeTab === "settings" ? "bg-primary/50" : "",
-              )}
+              className={cn("ml-auto", activeTab === "settings" ? "bg-primary/50" : "")}
               onClick={() => setActiveTab("settings")}
             >
               <Settings className="w-4 h-4" />
@@ -186,9 +157,7 @@ export default function EmbeddrPanel() {
           <PromptTab
             endpoint={endpoint}
             apiKey={apiKey}
-            onOpenDocs={() =>
-              openExternal(`${endpoint.replace(/\/+$/, "")}/docs`)
-            }
+            onOpenDocs={() => openExternal(`${endpoint.replace(/\/+$/, "")}/docs`)}
           />
         </TabsContent>
 
diff --git a/ui/components/panels/ImageDetails.tsx b/ui/components/panels/ImageDetails.tsx
index 321b533..4c220a6 100644
--- a/ui/components/panels/ImageDetails.tsx
+++ b/ui/components/panels/ImageDetails.tsx
@@ -81,9 +81,9 @@ interface ArtifactFeatureRef {
 }
 
 interface ArtifactSignals {
-  annotations: ArtifactAnnotation[];
-  embeddings: ArtifactEmbedding[];
-  features: ArtifactFeatureRef[];
+  annotations: Array<ArtifactAnnotation>;
+  embeddings: Array<ArtifactEmbedding>;
+  features: Array<ArtifactFeatureRef>;
 }
 
 interface DerivedTextSignal {
@@ -147,11 +147,11 @@ function normalizeSignalText(value: unknown) {
 
 function collectDerivedTextSignals(
   artifact: ArtifactDetail | null,
-  annotations: ArtifactAnnotation[],
-  features: ArtifactFeatureRef[],
-): DerivedTextSignal[] {
+  annotations: Array<ArtifactAnnotation>,
+  features: Array<ArtifactFeatureRef>,
+): Array<DerivedTextSignal> {
   const seen = new Set<string>();
-  const signals: DerivedTextSignal[] = [];
+  const signals: Array<DerivedTextSignal> = [];
 
   const pushSignal = (signal: DerivedTextSignal | null) => {
     if (!signal) return;
@@ -193,8 +193,12 @@ function collectDerivedTextSignals(
 
   features.forEach((feature) => {
     const featureText =
-      TEXT_METADATA_KEYS.map((key) => normalizeSignalText(feature.metadata_json?.[key])).find(Boolean) ||
-      (/(caption|summary|ocr|text)/i.test(feature.feature_type) ? normalizeSignalText(feature.name) : null);
+      TEXT_METADATA_KEYS.map((key) => normalizeSignalText(feature.metadata_json?.[key])).find(
+        Boolean,
+      ) ||
+      (/(caption|summary|ocr|text)/i.test(feature.feature_type)
+        ? normalizeSignalText(feature.name)
+        : null);
 
     pushSignal(
       featureText
@@ -230,10 +234,7 @@ export function ImageDetails({
 
   const effectiveApiKey = useMemo(
     () =>
-      apiKey ||
-      (typeof window !== "undefined"
-        ? localStorage.getItem("embeddr_api_key")
-        : null),
+      apiKey || (typeof window !== "undefined" ? localStorage.getItem("embeddr_api_key") : null),
     [apiKey],
   );
 
@@ -298,15 +299,15 @@ export function ImageDetails({
     setSignalsError(null);
 
     Promise.allSettled([
-      fetchJson<ArtifactAnnotation[]>(
+      fetchJson<Array<ArtifactAnnotation>>(
         `${resolvedApiBase}/artifacts/${selectedImage.id}/annotations`,
         effectiveApiKey,
       ),
-      fetchJson<ArtifactEmbedding[]>(
+      fetchJson<Array<ArtifactEmbedding>>(
         `${resolvedApiBase}/artifacts/${selectedImage.id}/embeddings`,
         effectiveApiKey,
       ),
-      fetchJson<ArtifactFeatureRef[]>(
+      fetchJson<Array<ArtifactFeatureRef>>(
         `${resolvedApiBase}/artifacts/${selectedImage.id}/features`,
         effectiveApiKey,
       ),
@@ -315,27 +316,18 @@ export function ImageDetails({
         if (!active) return;
 
         const nextSignals: ArtifactSignals = {
-          annotations:
-            annotationsResult.status === "fulfilled"
-              ? annotationsResult.value
-              : [],
-          embeddings:
-            embeddingsResult.status === "fulfilled" ? embeddingsResult.value : [],
-          features:
-            featuresResult.status === "fulfilled" ? featuresResult.value : [],
+          annotations: annotationsResult.status === "fulfilled" ? annotationsResult.value : [],
+          embeddings: embeddingsResult.status === "fulfilled" ? embeddingsResult.value : [],
+          features: featuresResult.status === "fulfilled" ? featuresResult.value : [],
         };
 
-        const failedRequests = [
-          annotationsResult,
-          embeddingsResult,
-          featuresResult,
-        ].filter((result) => result.status === "rejected");
+        const failedRequests = [annotationsResult, embeddingsResult, featuresResult].filter(
+          (result) => result.status === "rejected",
+        );
 
         setSignals(nextSignals);
         setSignalsError(
-          failedRequests.length > 0
-            ? "Some artifact signals could not be loaded."
-            : null,
+          failedRequests.length > 0 ? "Some artifact signals could not be loaded." : null,
         );
       })
       .catch((error) => {
@@ -360,12 +352,7 @@ export function ImageDetails({
   );
 
   const derivedTextSignals = useMemo(
-    () =>
-      collectDerivedTextSignals(
-        artifact,
-        signals.annotations,
-        signals.features,
-      ),
+    () => collectDerivedTextSignals(artifact, signals.annotations, signals.features),
     [artifact, signals.annotations, signals.features],
   );
 
@@ -433,11 +420,7 @@ export function ImageDetails({
                     onClick={handleCopyPrompt}
                     title="Copy legacy prompt"
                   >
-                    {copiedPrompt ? (
-                      <Check className="h-4 w-4" />
-                    ) : (
-                      <Copy className="h-4 w-4" />
-                    )}
+                    {copiedPrompt ? <Check className="h-4 w-4" /> : <Copy className="h-4 w-4" />}
                   </Button>
                 )}
 
@@ -447,9 +430,7 @@ export function ImageDetails({
                     size="sm"
                     variant="secondary"
                     className="h-6 whitespace-nowrap text-xs shadow-sm opacity-0 transition-opacity group-hover:opacity-100"
-                    onClick={() =>
-                      onLoadIntoNode(node.id, selectedImage.image_url)
-                    }
+                    onClick={() => onLoadIntoNode(node.id, selectedImage.image_url)}
                   >
                     {node.title}
                     <ArrowBigRightDashIcon className="ml-1 h-3 w-3" />
@@ -533,9 +514,7 @@ export function ImageDetails({
                         {selectedImage.model && (
                           <div>
                             <div className="text-muted-foreground">Model</div>
-                            <div className="truncate font-medium">
-                              {selectedImage.model}
-                            </div>
+                            <div className="truncate font-medium">{selectedImage.model}</div>
                           </div>
                         )}
                       </div>
@@ -601,9 +580,10 @@ export function ImageDetails({
                       <div className="flex flex-wrap gap-1">
                         {(artifact?.tags?.length
                           ? artifact.tags
-                          : (artifact?.metadata_json?.tags as string[]).map(
-                              (tag) => ({ id: tag, name: tag }),
-                            )
+                          : (artifact?.metadata_json?.tags as Array<string>).map((tag) => ({
+                              id: tag,
+                              name: tag,
+                            }))
                         ).map((tag) => (
                           <Badge
                             key={tag.id}
@@ -656,25 +636,19 @@ export function ImageDetails({
                   <div className="text-[10px] uppercase tracking-wide text-muted-foreground">
                     Text Signals
                   </div>
-                  <div className="mt-1 text-lg font-semibold">
-                    {derivedTextSignals.length}
-                  </div>
+                  <div className="mt-1 text-lg font-semibold">{derivedTextSignals.length}</div>
                 </div>
                 <div className="rounded-lg border bg-background/60 p-3">
                   <div className="text-[10px] uppercase tracking-wide text-muted-foreground">
                     Features
                   </div>
-                  <div className="mt-1 text-lg font-semibold">
-                    {signals.features.length}
-                  </div>
+                  <div className="mt-1 text-lg font-semibold">{signals.features.length}</div>
                 </div>
                 <div className="rounded-lg border bg-background/60 p-3">
                   <div className="text-[10px] uppercase tracking-wide text-muted-foreground">
                     Embeddings
                   </div>
-                  <div className="mt-1 text-lg font-semibold">
-                    {signals.embeddings.length}
-                  </div>
+                  <div className="mt-1 text-lg font-semibold">{signals.embeddings.length}</div>
                 </div>
               </div>
 
@@ -700,10 +674,7 @@ export function ImageDetails({
                     {derivedTextSignals.length > 0 ? (
                       <div className="space-y-2">
                         {derivedTextSignals.map((signal) => (
-                          <div
-                            key={signal.id}
-                            className="rounded-lg border bg-background/60 p-3"
-                          >
+                          <div key={signal.id} className="rounded-lg border bg-background/60 p-3">
                             <div className="mb-2 flex items-center gap-2">
                               <Badge variant="outline" className="text-[10px]">
                                 {signal.source}
@@ -730,8 +701,8 @@ export function ImageDetails({
                       </div>
                     ) : (
                       <div className="rounded-lg border border-dashed border-border/60 bg-background/50 px-4 py-6 text-center text-xs text-muted-foreground">
-                        No captions, annotations, or generated text are attached
-                        to this artifact yet.
+                        No captions, annotations, or generated text are attached to this artifact
+                        yet.
                       </div>
                     )}
                   </div>
@@ -746,48 +717,31 @@ export function ImageDetails({
                     {signals.features.length > 0 ? (
                       <div className="space-y-2">
                         {signals.features.map((feature) => (
-                          <div
-                            key={feature.id}
-                            className="rounded-lg border bg-background/60 p-3"
-                          >
+                          <div key={feature.id} className="rounded-lg border bg-background/60 p-3">
                             <div className="flex items-center gap-2">
                               <Badge variant="outline" className="text-[10px]">
                                 {feature.feature_type}
                               </Badge>
-                              <span className="truncate text-xs font-medium">
-                                {feature.name}
-                              </span>
+                              <span className="truncate text-xs font-medium">{feature.name}</span>
                             </div>
                             <div className="mt-2 flex flex-wrap gap-1">
                               {feature.producer_plugin ? (
-                                <Badge
-                                  variant="secondary"
-                                  className="text-[10px]"
-                                >
+                                <Badge variant="secondary" className="text-[10px]">
                                   {feature.producer_plugin}
                                 </Badge>
                               ) : null}
                               {feature.model_name ? (
-                                <Badge
-                                  variant="secondary"
-                                  className="text-[10px]"
-                                >
+                                <Badge variant="secondary" className="text-[10px]">
                                   {feature.model_name}
                                 </Badge>
                               ) : null}
                               {feature.space ? (
-                                <Badge
-                                  variant="secondary"
-                                  className="text-[10px]"
-                                >
+                                <Badge variant="secondary" className="text-[10px]">
                                   {feature.space}
                                 </Badge>
                               ) : null}
                               {feature.vector_dim ? (
-                                <Badge
-                                  variant="secondary"
-                                  className="text-[10px]"
-                                >
+                                <Badge variant="secondary" className="text-[10px]">
                                   {feature.vector_dim}d
                                 </Badge>
                               ) : null}
@@ -829,10 +783,7 @@ export function ImageDetails({
                                 {embedding.vector_dim}d
                               </Badge>
                               {embedding.plugin_name ? (
-                                <Badge
-                                  variant="secondary"
-                                  className="text-[10px]"
-                                >
+                                <Badge variant="secondary" className="text-[10px]">
                                   {embedding.plugin_name}
                                 </Badge>
                               ) : null}
diff --git a/ui/components/selectors/CollectionSelector.tsx b/ui/components/selectors/CollectionSelector.tsx
index 0cec462..a062da3 100644
--- a/ui/components/selectors/CollectionSelector.tsx
+++ b/ui/components/selectors/CollectionSelector.tsx
@@ -1,18 +1,18 @@
 import React, { useEffect, useState } from "react";
 import {
+  Button,
   Card,
   CardDescription,
   CardHeader,
   CardTitle,
+  Input,
+  ScrollArea,
 } from "@embeddr/react-ui/components/ui";
-import { ScrollArea } from "@embeddr/react-ui/components/ui";
-import { Input } from "@embeddr/react-ui/components/ui";
-import { Button } from "@embeddr/react-ui/components/ui";
-import { Folder, Search, Plus } from "lucide-react";
+import { Folder, Plus, Search } from "lucide-react";
 import type { Collection } from "../../hooks/useEmbeddrCollections";
 
 interface CollectionSelectorProps {
-  collections: Collection[];
+  collections: Array<Collection>;
   loading: boolean;
   onSelect: (collection: Collection) => void;
   fetchCollections: () => void;
@@ -46,7 +46,7 @@ export function CollectionSelector({
   };
 
   const filtered = collections.filter((c) =>
-    (c.label || "").toLowerCase().includes(search.toLowerCase())
+    (c.label || "").toLowerCase().includes(search.toLowerCase()),
   );
 
   return (
@@ -88,9 +88,7 @@ export function CollectionSelector({
 
       <ScrollArea className="flex-1">
         {loading ? (
-          <div className="flex items-center justify-center h-40">
-            Scanning collections...
-          </div>
+          <div className="flex items-center justify-center h-40">Scanning collections...</div>
         ) : filtered.length === 0 ? (
           <div className="flex flex-col items-center justify-center p-8 text-muted-foreground">
             <div className="mb-2">No collections found</div>
@@ -109,10 +107,7 @@ export function CollectionSelector({
                     <Folder className="h-6 w-6 text-primary" />
                   </div>
                   <div className="flex-1 overflow-hidden">
-                    <CardTitle
-                      className="truncate text-base"
-                      title={collection.label}
-                    >
+                    <CardTitle className="truncate text-base" title={collection.label}>
                       {collection.label}
                     </CardTitle>
                     <CardDescription className="text-xs mt-1">
diff --git a/ui/components/tabs/ExploreTab.tsx b/ui/components/tabs/ExploreTab.tsx
index 3c0855a..dfd95a3 100644
--- a/ui/components/tabs/ExploreTab.tsx
+++ b/ui/components/tabs/ExploreTab.tsx
@@ -4,19 +4,15 @@ import {
   ResizableHandle,
   ResizablePanel,
   ResizablePanelGroup,
+  Slider,
 } from "@embeddr/react-ui/components/ui";
-import { Search, Grid3X3 } from "lucide-react";
-import { Slider } from "@embeddr/react-ui/components/ui";
+import { Grid3X3, Search } from "lucide-react";
 import { ImageGrid } from "@components/ui/ImageGrid";
 import { useNodeScanner } from "@hooks/useNodeScanner";
 import { ImageDetails } from "../panels/ImageDetails";
 import { SearchBar } from "../ui/SearchBar";
 import { useEmbeddrCollections } from "../../hooks/useEmbeddrCollections";
-import type {
-  ApiMode,
-  LibraryPath,
-  PromptImageRead,
-} from "@hooks/useEmbeddrApi";
+import type { ApiMode, LibraryPath, PromptImageRead } from "@hooks/useEmbeddrApi";
 import type { EmbeddrApiClient } from "@embeddr/client-typescript";
 
 interface ExploreTabProps {
@@ -66,8 +62,7 @@ export function ExploreTab({
   apiKey,
 }: ExploreTabProps) {
   const { targetNodes, handleLoadIntoNode, handleUseImage } = useNodeScanner();
-  const { openImage, closeImage, setGalleryImages, currentGallery } =
-    useImageDialog();
+  const { openImage, closeImage, setGalleryImages, currentGallery } = useImageDialog();
 
   const { collections, fetchCollections } = useEmbeddrCollections({
     apiBase,
@@ -84,11 +79,8 @@ export function ExploreTab({
 
   const [searchQuery, setSearchQuery] = useState("");
   const [viewMode, setViewMode] = useState<"all" | "mine">("all");
-  const [selectedCollectionId, setSelectedCollectionId] =
-    useState<string>("all");
-  const [selectedImage, setSelectedImage] = useState<PromptImageRead | null>(
-    null,
-  );
+  const [selectedCollectionId, setSelectedCollectionId] = useState<string>("all");
+  const [selectedImage, setSelectedImage] = useState<PromptImageRead | null>(null);
   const scrollRef = useRef<HTMLDivElement>(null);
 
   // Fetch when dependencies change
@@ -146,10 +138,7 @@ export function ExploreTab({
             />
           </div>
           {setGridSize && (
-            <div
-              className="w-32 pt-2 flex items-center gap-2"
-              title="Grid Size"
-            >
+            <div className="w-32 pt-2 flex items-center gap-2" title="Grid Size">
               <Grid3X3 className="w-4 h-4 text-muted-foreground" />
               <Slider
                 value={[gridSize]}
@@ -179,16 +168,8 @@ export function ExploreTab({
                 setSelectedImage(e);
               }}
               onLoadMore={() => {
-                const colId =
-                  selectedCollectionId === "all" ? null : selectedCollectionId;
-                fetchImages(
-                  false,
-                  searchQuery,
-                  viewMode,
-                  null,
-                  similarImageId,
-                  colId,
-                );
+                const colId = selectedCollectionId === "all" ? null : selectedCollectionId;
+                fetchImages(false, searchQuery, viewMode, null, similarImageId, colId);
               }}
               onSimilarSearch={(imageId) => {
                 setSimilarImageId(imageId);
@@ -205,24 +186,18 @@ export function ExploreTab({
                   metadata: p,
                 }));
                 const index = images.findIndex((p) => p.id === image.id);
-                const totalImages = hasMore
-                  ? images.length + 100
-                  : images.length;
+                const totalImages = hasMore ? images.length + 100 : images.length;
 
                 openImage(
                   image.image_url,
                   {
                     id: "virtual-gallery",
-                    name:
-                      activeTab === "explore" ? "Explore" : "Search Results",
+                    name: activeTab === "explore" ? "Explore" : "Search Results",
                     images: galleryImages,
                     totalImages: totalImages,
                     fetchMore: async (_dir: any, _offset: any) => {
                       if (hasMore) {
-                        const colId =
-                          selectedCollectionId === "all"
-                            ? null
-                            : selectedCollectionId;
+                        const colId = selectedCollectionId === "all" ? null : selectedCollectionId;
                         await fetchImages(
                           false,
                           searchQuery,
@@ -241,9 +216,7 @@ export function ExploreTab({
                       icon: <Search className="w-4 h-4" />,
                       label: "Search by Image",
                       onClick: (galleryImage) => {
-                        const img = galleryImage?.metadata as
-                          | PromptImageRead
-                          | undefined;
+                        const img = galleryImage?.metadata as PromptImageRead | undefined;
                         if (img) {
                           setSimilarImageId(img.id);
                         } else {
@@ -262,11 +235,7 @@ export function ExploreTab({
           {selectedImage && (
             <>
               <ResizableHandle className="mt-1" />
-              <ResizablePanel
-                defaultSize={30}
-                minSize={20}
-                className="flex flex-col gap-3 py-1 "
-              >
+              <ResizablePanel defaultSize={30} minSize={20} className="flex flex-col gap-3 py-1 ">
                 <ImageDetails
                   selectedImage={selectedImage}
                   targetNodes={targetNodes}
diff --git a/ui/components/tabs/PromptTab.tsx b/ui/components/tabs/PromptTab.tsx
index 49e7a8a..577951a 100644
--- a/ui/components/tabs/PromptTab.tsx
+++ b/ui/components/tabs/PromptTab.tsx
@@ -1,18 +1,18 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { AlertCircle, Bot, Loader2, Send, Wrench } from "lucide-react";
-import { Button } from "@embeddr/react-ui/components/ui";
-import { Card } from "@embeddr/react-ui/components/ui";
-import { Input } from "@embeddr/react-ui/components/ui";
-import { Label } from "@embeddr/react-ui/components/ui";
 import {
+  Button,
+  Card,
+  Input,
+  Label,
+  ScrollArea,
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
+  Textarea,
 } from "@embeddr/react-ui/components/ui";
-import { ScrollArea } from "@embeddr/react-ui/components/ui";
-import { Textarea } from "@embeddr/react-ui/components/ui";
 
 type ChatMessage = {
   id?: string;
@@ -85,14 +85,14 @@ export function PromptTab({ endpoint, apiKey, onOpenDocs }: PromptTabProps) {
   const [hasLlmPlugin, setHasLlmPlugin] = useState(false);
   const [pluginCheckError, setPluginCheckError] = useState<string | null>(null);
 
-  const [providers, setProviders] = useState<LlmProvider[]>([]);
-  const [models, setModels] = useState<LlmModel[]>([]);
+  const [providers, setProviders] = useState<Array<LlmProvider>>([]);
+  const [models, setModels] = useState<Array<LlmModel>>([]);
   const [selectedProviderId, setSelectedProviderId] = useState<string>("auto");
   const [selectedModel, setSelectedModel] = useState<string>("auto");
 
   const [systemPrompt, setSystemPrompt] = useState("");
   const [prompt, setPrompt] = useState("");
-  const [messages, setMessages] = useState<ChatMessage[]>([]);
+  const [messages, setMessages] = useState<Array<ChatMessage>>([]);
   const [isSending, setIsSending] = useState(false);
 
   const selectedProviderModels = useMemo(() => {
@@ -113,11 +113,7 @@ export function PromptTab({ endpoint, apiKey, onOpenDocs }: PromptTabProps) {
     setPluginCheckError(null);
     try {
       const data = await jsonRequest<any>(endpoint, "/plugins", {}, apiKey);
-      const list = Array.isArray(data)
-        ? data
-        : Array.isArray(data?.items)
-          ? data.items
-          : [];
+      const list = Array.isArray(data) ? data : Array.isArray(data?.items) ? data.items : [];
       const found = list.some((plugin: any) => {
         const id = String(plugin?.id || plugin?.plugin_id || "");
         return id === "embeddr-llm";
@@ -135,12 +131,7 @@ export function PromptTab({ endpoint, apiKey, onOpenDocs }: PromptTabProps) {
     if (!hasLlmPlugin) return;
     try {
       const [providerRes, modelRes] = await Promise.all([
-        jsonRequest<any>(
-          endpoint,
-          "/plugins/embeddr-llm/providers",
-          {},
-          apiKey,
-        ),
+        jsonRequest<any>(endpoint, "/plugins/embeddr-llm/providers", {}, apiKey),
         jsonRequest<any>(endpoint, "/plugins/embeddr-llm/models", {}, apiKey),
       ]);
 
@@ -196,8 +187,7 @@ export function PromptTab({ endpoint, apiKey, onOpenDocs }: PromptTabProps) {
             inputs: {
               prompt: text,
               system_prompt: systemPrompt.trim() || undefined,
-              provider_id:
-                selectedProviderId !== "auto" ? selectedProviderId : undefined,
+              provider_id: selectedProviderId !== "auto" ? selectedProviderId : undefined,
               model: selectedModel !== "auto" ? selectedModel : undefined,
             },
           }),
@@ -240,17 +230,13 @@ export function PromptTab({ endpoint, apiKey, onOpenDocs }: PromptTabProps) {
       if (assistantText) {
         setMessages((prev) =>
           prev.map((message) =>
-            message.id === pendingId
-              ? { role: "assistant", content: assistantText }
-              : message,
+            message.id === pendingId ? { role: "assistant", content: assistantText } : message,
           ),
         );
       } else if (failedText) {
         setMessages((prev) =>
           prev.map((message) =>
-            message.id === pendingId
-              ? { role: "error", content: failedText }
-              : message,
+            message.id === pendingId ? { role: "error", content: failedText } : message,
           ),
         );
       } else {
@@ -305,8 +291,8 @@ export function PromptTab({ endpoint, apiKey, onOpenDocs }: PromptTabProps) {
             <span className="font-medium">LLM chat is not available</span>
           </div>
           <p className="text-sm text-muted-foreground">
-            This tab needs the <strong>embeddr-llm</strong> plugin installed and
-            enabled on your configured instance.
+            This tab needs the <strong>embeddr-llm</strong> plugin installed and enabled on your
+            configured instance.
           </p>
           {pluginCheckError ? (
             <div className="text-xs text-amber-500 flex items-center gap-1">
@@ -352,10 +338,7 @@ export function PromptTab({ endpoint, apiKey, onOpenDocs }: PromptTabProps) {
 
         <div className="space-y-1">
           <Label>Model</Label>
-          <Select
-            value={selectedModel}
-            onValueChange={(value) => setSelectedModel(value)}
-          >
+          <Select value={selectedModel} onValueChange={(value) => setSelectedModel(value)}>
             <SelectTrigger>
               <SelectValue placeholder="Auto" />
             </SelectTrigger>
@@ -424,11 +407,7 @@ export function PromptTab({ endpoint, apiKey, onOpenDocs }: PromptTabProps) {
           disabled={isSending}
         />
         <Button onClick={runChat} disabled={isSending || !prompt.trim()}>
-          {isSending ? (
-            <Loader2 className="w-4 h-4 animate-spin" />
-          ) : (
-            <Send className="w-4 h-4" />
-          )}
+          {isSending ? <Loader2 className="w-4 h-4 animate-spin" /> : <Send className="w-4 h-4" />}
         </Button>
       </div>
     </div>
diff --git a/ui/components/tabs/SettingsForm.tsx b/ui/components/tabs/SettingsForm.tsx
index 791c75b..a490922 100644
--- a/ui/components/tabs/SettingsForm.tsx
+++ b/ui/components/tabs/SettingsForm.tsx
@@ -1,23 +1,23 @@
 import React, { useCallback, useEffect, useState } from "react";
-import { Input } from "@embeddr/react-ui/components/ui";
-import { Label } from "@embeddr/react-ui/components/ui";
-import { Button } from "@embeddr/react-ui/components/ui";
-import { Badge } from "@embeddr/react-ui/components/ui";
-import { Slider } from "@embeddr/react-ui/components/ui";
-import { Switch } from "@embeddr/react-ui/components/ui";
 import {
+  Badge,
+  Button,
+  Input,
+  Label,
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
+  Slider,
+  Switch,
 } from "@embeddr/react-ui/components/ui";
 
-import { Moon, Server, Sun, Shield, LogOut, User } from "lucide-react";
+import { LogOut, Moon, Server, Shield, Sun, User } from "lucide-react";
 import { createEmbeddrOAuth } from "@embeddr/client-typescript";
+import { useThemePacks } from "@hooks/useThemePacks";
 import { proxyFetch } from "../../utils/proxyFetch";
 import type { ApiMode } from "@hooks/useEmbeddrApi";
-import { useThemePacks } from "@hooks/useThemePacks";
 
 const OAUTH_CLIENT_ID = "embeddr:comfyui";
 
@@ -109,7 +109,7 @@ function EmbeddrConnectionSection({
       .catch((e) => {
         console.error("OAuth callback failed:", e);
       });
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+  }, []);
 
   const handleOAuthConnect = async () => {
     console.log("[Embeddr] OAuth connect clicked", { endpoint });
@@ -161,16 +161,12 @@ function EmbeddrConnectionSection({
         <div className="rounded-md border p-3 space-y-2">
           <div className="flex items-center gap-2.5">
             <div className="h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center shrink-0">
-              <span className="text-[10px] font-semibold text-primary">
-                {initials}
-              </span>
+              <span className="text-[10px] font-semibold text-primary">{initials}</span>
             </div>
             <div className="min-w-0 flex-1">
               <div className="text-xs font-medium truncate">{displayName}</div>
               <div className="text-[10px] text-muted-foreground truncate">
-                {profile.operator_name && (
-                  <span>{profile.operator_name} &middot; </span>
-                )}
+                {profile.operator_name && <span>{profile.operator_name} &middot; </span>}
                 {profile.instance_name}
               </div>
             </div>
@@ -178,23 +174,14 @@ function EmbeddrConnectionSection({
               connected
             </Badge>
           </div>
-          <Button
-            variant="outline"
-            size="sm"
-            className="w-full text-xs"
-            onClick={handleDisconnect}
-          >
+          <Button variant="outline" size="sm" className="w-full text-xs" onClick={handleDisconnect}>
             <LogOut className="h-3 w-3 mr-1.5" />
             Disconnect
           </Button>
         </div>
       ) : (
         <div className="rounded-md border border-dashed p-3 space-y-2">
-          <Button
-            className="w-full"
-            onClick={handleOAuthConnect}
-            disabled={checking || !endpoint}
-          >
+          <Button className="w-full" onClick={handleOAuthConnect} disabled={checking || !endpoint}>
             <Shield className="h-4 w-4 mr-2" />
             {checking ? "Checking..." : "Connect to Embeddr"}
           </Button>
@@ -203,9 +190,7 @@ function EmbeddrConnectionSection({
           </p>
           {showManualKey && (
             <div className="space-y-1 pt-1 border-t">
-              <p className="text-[10px] text-muted-foreground">
-                Or enter an API key manually:
-              </p>
+              <p className="text-[10px] text-muted-foreground">Or enter an API key manually:</p>
               <Input
                 type="password"
                 placeholder="em_..."
@@ -305,11 +290,7 @@ export function SettingsForm({
         </p>
       </div>
 
-      <EmbeddrConnectionSection
-        endpoint={endpoint}
-        apiKey={apiKey}
-        setApiKey={setApiKey}
-      />
+      <EmbeddrConnectionSection endpoint={endpoint} apiKey={apiKey} setApiKey={setApiKey} />
 
       <div className="space-y-2">
         <Label htmlFor="grid-size">Grid Columns</Label>
@@ -324,9 +305,7 @@ export function SettingsForm({
           />{" "}
           <span className="w-6 text-right">{gridSize}</span>
         </div>
-        <p className="text-xs text-muted-foreground">
-          Number of columns in the image grid.
-        </p>
+        <p className="text-xs text-muted-foreground">Number of columns in the image grid.</p>
       </div>
       <div className="space-y-2">
         <Label htmlFor="grid-preview-contain">Grid Preview Contain</Label>
@@ -337,9 +316,7 @@ export function SettingsForm({
             checked={gridPreviewContain}
             onCheckedChange={(value) => setGridPreviewContain(value)}
           />
-          <span className="w-6 text-right">
-            {gridPreviewContain ? "Contain" : "Cover"}
-          </span>
+          <span className="w-6 text-right">{gridPreviewContain ? "Contain" : "Cover"}</span>
         </div>
         <p className="text-xs text-muted-foreground">
           Switch between contain and cover for image previews.
@@ -372,15 +349,11 @@ export function SettingsForm({
         <Label htmlFor="theme-pack">Theme Pack</Label>
         <Select
           value={themePackId || "default"}
-          onValueChange={(value) =>
-            setThemePackId(value === "default" ? "" : value)
-          }
+          onValueChange={(value) => setThemePackId(value === "default" ? "" : value)}
           disabled={isLoading || !hasPacks}
         >
           <SelectTrigger id="theme-pack">
-            <SelectValue
-              placeholder={isLoading ? "Loading..." : "Select theme pack"}
-            />
+            <SelectValue placeholder={isLoading ? "Loading..." : "Select theme pack"} />
           </SelectTrigger>
           <SelectContent>
             <SelectItem value="default">Default</SelectItem>
diff --git a/ui/components/ui/AuthorizedImage.tsx b/ui/components/ui/AuthorizedImage.tsx
index fcb30c3..48acaca 100644
--- a/ui/components/ui/AuthorizedImage.tsx
+++ b/ui/components/ui/AuthorizedImage.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useRef } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { cn } from "@embeddr/react-ui";
 
 interface AuthorizedImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
@@ -19,12 +19,9 @@ export function AuthorizedImage({
 }: AuthorizedImageProps) {
   // Switch to Proxy strategy for robustness against CORS and Auth issues.
   const isEmbeddrUrl =
-    src.includes("/api/v") &&
-    (src.includes("/artifacts") || src.includes("/content"));
+    src.includes("/api/v") && (src.includes("/artifacts") || src.includes("/content"));
   const shouldUseProxy = (!!apiKey || isEmbeddrUrl) && src.startsWith("http");
-  const proxySrc = shouldUseProxy
-    ? `/embeddr/proxy?url=${encodeURIComponent(src)}`
-    : src;
+  const proxySrc = shouldUseProxy ? `/embeddr/proxy?url=${encodeURIComponent(src)}` : src;
 
   const [error, setError] = useState(false);
 
diff --git a/ui/components/ui/ImageGrid.tsx b/ui/components/ui/ImageGrid.tsx
index cfd6fba..ef05b27 100644
--- a/ui/components/ui/ImageGrid.tsx
+++ b/ui/components/ui/ImageGrid.tsx
@@ -1,9 +1,7 @@
 import React, { useEffect, useRef } from "react";
-import { ScrollArea } from "@embeddr/react-ui/components/ui";
+import { Button, ScrollArea } from "@embeddr/react-ui/components/ui";
 import { Eye, PenLineIcon } from "lucide-react";
-import { Button } from "@embeddr/react-ui/components/ui";
-import { cn } from "@embeddr/react-ui";
-import { EmbeddrDnDTypes } from "@embeddr/react-ui";
+import { EmbeddrDnDTypes, cn } from "@embeddr/react-ui";
 import { AuthorizedImage } from "./AuthorizedImage";
 
 import type { PromptImageRead } from "@hooks/useEmbeddrApi";
diff --git a/ui/components/ui/SearchBar.tsx b/ui/components/ui/SearchBar.tsx
index 22c19fb..bd97e29 100644
--- a/ui/components/ui/SearchBar.tsx
+++ b/ui/components/ui/SearchBar.tsx
@@ -1,13 +1,13 @@
 import React from "react";
-import { Input } from "@embeddr/react-ui/components/ui";
-import { Button } from "@embeddr/react-ui/components/ui";
-import { Spinner } from "@embeddr/react-ui/components/ui";
 import {
+  Button,
+  Input,
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
+  Spinner,
 } from "@embeddr/react-ui/components/ui";
 import { Globe, ScanEyeIcon, Search, User } from "lucide-react";
 import type { ApiMode, LibraryPath } from "@types";
@@ -47,8 +47,7 @@ export function SearchBar({
       {similarImageId ? (
         <div className="flex items-center justify-between bg-primary/10 p-2 border border-primary/20 h-9">
           <span className="text-xs font-medium text-primary">
-            <ScanEyeIcon className="w-4 h-4 inline-block mr-1" /> Showing
-            similar images
+            <ScanEyeIcon className="w-4 h-4 inline-block mr-1" /> Showing similar images
           </span>
           <Button
             variant="ghost"
@@ -76,10 +75,7 @@ export function SearchBar({
 
       <div className="flex gap-1">
         {mode === "local" ? (
-          <Select
-            value={selectedCollectionId}
-            onValueChange={setSelectedCollectionId}
-          >
+          <Select value={selectedCollectionId} onValueChange={setSelectedCollectionId}>
             <SelectTrigger className="h-8 w-full">
               <SelectValue placeholder="Select collection" />
             </SelectTrigger>
diff --git a/ui/hooks/useEmbeddrApi.ts b/ui/hooks/useEmbeddrApi.ts
index 8de6314..2dd98da 100644
--- a/ui/hooks/useEmbeddrApi.ts
+++ b/ui/hooks/useEmbeddrApi.ts
@@ -1,13 +1,11 @@
 import { useMemo } from "react";
 import { EmbeddrApiClient } from "@embeddr/client-typescript";
+import { proxyFetch } from "../utils/proxyFetch";
 import { useEmbeddrSettings } from "./useEmbeddrSettings";
 import { useEmbeddrLibraries } from "./useEmbeddrLibraries";
 import { useEmbeddrImages } from "./useEmbeddrImages";
-import {
-  useEmbeddrCollections,
-  type Collection,
-} from "./useEmbeddrCollections";
-import { proxyFetch } from "../utils/proxyFetch";
+import { useEmbeddrCollections } from "./useEmbeddrCollections";
+import type { Collection } from "./useEmbeddrCollections";
 import type { ApiMode, LibraryPath, PromptImageRead } from "@types";
 
 export type { PromptImageRead, LibraryPath, ApiMode, Collection };
@@ -16,9 +14,7 @@ interface UseEmbeddrApiProps {
   baseUrl?: string;
 }
 
-export function useEmbeddrApi({
-  baseUrl = "http://localhost:8003",
-}: UseEmbeddrApiProps = {}) {
+export function useEmbeddrApi({ baseUrl = "http://localhost:8003" }: UseEmbeddrApiProps = {}) {
   const settings = useEmbeddrSettings({ baseUrl });
 
   const apiClient = useMemo(
@@ -39,8 +35,7 @@ export function useEmbeddrApi({
           // We can attach the key here, but the proxy will OVERWRITE/Attach it from server-side config.
           // It's safer to rely on server-side config for the key to avoid exposing it in browser network tab
           // if we can. But providing it here doesn't hurt.
-          const key =
-            settings.apiKey || localStorage.getItem("embeddr_api_key");
+          const key = settings.apiKey || localStorage.getItem("embeddr_api_key");
           if (key) {
             // For now we do NOT attach it here to ensure we test the proxy works from server config
             // headers["X-API-Key"] = key;
diff --git a/ui/hooks/useEmbeddrCollections.ts b/ui/hooks/useEmbeddrCollections.ts
index 403faca..cd4e13f 100644
--- a/ui/hooks/useEmbeddrCollections.ts
+++ b/ui/hooks/useEmbeddrCollections.ts
@@ -1,4 +1,4 @@
-import { useState, useCallback } from "react";
+import { useCallback, useState } from "react";
 import type { EmbeddrApiClient } from "@embeddr/client-typescript";
 
 export interface Collection {
@@ -23,7 +23,7 @@ export function useEmbeddrCollections({
   apiClient,
   apiKey,
 }: UseEmbeddrCollectionsProps) {
-  const [collections, setCollections] = useState<Collection[]>([]);
+  const [collections, setCollections] = useState<Array<Collection>>([]);
   const [loadingCollections, setLoadingCollections] = useState(false);
 
   const fetchCollections = useCallback(async () => {
@@ -91,9 +91,7 @@ export function useEmbeddrCollections({
           await apiClient.collections.add({
             label,
             type_name: "collection:mix",
-            uri: `embeddr:///collections/${label
-              .toLowerCase()
-              .replace(/\s/g, "_")}_${Date.now()}`,
+            uri: `embeddr:///collections/${label.toLowerCase().replace(/\s/g, "_")}_${Date.now()}`,
           });
           await fetchCollections();
           return true;
@@ -109,9 +107,7 @@ export function useEmbeddrCollections({
         const payload = {
           label: label,
           type_name: "collection:mix", // Default to simple mix
-          uri: `embeddr:///collections/${label
-            .toLowerCase()
-            .replace(/\s/g, "_")}_${Date.now()}`,
+          uri: `embeddr:///collections/${label.toLowerCase().replace(/\s/g, "_")}_${Date.now()}`,
         };
 
         let baseUrl = apiBase;
diff --git a/ui/hooks/useEmbeddrImages.ts b/ui/hooks/useEmbeddrImages.ts
index 9d01d93..42094ac 100644
--- a/ui/hooks/useEmbeddrImages.ts
+++ b/ui/hooks/useEmbeddrImages.ts
@@ -1,15 +1,13 @@
 import { useCallback, useRef, useState } from "react";
+import { app } from "../../../scripts/app.js";
 import type { EmbeddrApiClient } from "@embeddr/client-typescript";
 // @ts-ignore
-import { app } from "../../../scripts/app.js";
 import type { ApiMode, PromptImageRead } from "@types";
 
 const PAGE_SIZE = 20;
 
 const proxifyImageUrl = (url: string) =>
-  url.startsWith("http")
-    ? `/embeddr/proxy?url=${encodeURIComponent(url)}`
-    : url;
+  url.startsWith("http") ? `/embeddr/proxy?url=${encodeURIComponent(url)}` : url;
 
 const normalizePromptImage = (
   item: any,
@@ -52,9 +50,7 @@ export function useEmbeddrImages({
   const loadingRef = useRef(false);
   const pageRef = useRef(1);
   const [hasMore, setHasMore] = useState(true);
-  const [similarImageId, setSimilarImageId] = useState<string | number | null>(
-    null,
-  );
+  const [similarImageId, setSimilarImageId] = useState<string | number | null>(null);
   const failureCountRef = useRef(0);
   const nextAllowedFetchRef = useRef(0);
 
@@ -97,8 +93,7 @@ export function useEmbeddrImages({
           baseUrl = `${baseUrl}/api/v1`;
         }
 
-        const currentSimilarId =
-          similarId !== undefined ? similarId : similarImageId;
+        const currentSimilarId = similarId !== undefined ? similarId : similarImageId;
 
         let url = "";
         let method = "GET";
@@ -126,10 +121,13 @@ export function useEmbeddrImages({
           params.set("limit", String(ids.length));
           params.set("media_type", "image");
           ids.forEach((id) => params.append("ids", String(id)));
-          const listedResponse = await fetchWithProxy(`${baseUrl}/artifacts/?${params.toString()}`, {
-            method: "GET",
-            headers,
-          });
+          const listedResponse = await fetchWithProxy(
+            `${baseUrl}/artifacts/?${params.toString()}`,
+            {
+              method: "GET",
+              headers,
+            },
+          );
           if (!listedResponse.ok) {
             throw new Error(`Failed to fetch artifacts: ${listedResponse.status}`);
           }
@@ -220,9 +218,7 @@ export function useEmbeddrImages({
 
         // Fallback for Similar Search if plugin missing (404)
         if (!response.ok && currentSimilarId && response.status === 404) {
-          console.warn(
-            "Embeddr Search plugin not found, falling back to latest",
-          );
+          console.warn("Embeddr Search plugin not found, falling back to latest");
           url = `${baseUrl}/artifacts/?media_type=image&sort=new&limit=${PAGE_SIZE}&offset=${offset}`;
           method = "GET";
           body = undefined;
@@ -231,9 +227,7 @@ export function useEmbeddrImages({
 
         // Fallback for Text Search if plugin missing (404)
         if (!response.ok && searchQuery && response.status === 404) {
-          console.warn(
-            "Embeddr Search plugin not found, falling back to simple search",
-          );
+          console.warn("Embeddr Search plugin not found, falling back to simple search");
           url = `${baseUrl}/artifacts/search?q=${encodeURIComponent(
             searchQuery,
           )}&limit=${PAGE_SIZE}&offset=${offset}`;
@@ -257,12 +251,8 @@ export function useEmbeddrImages({
             let artifactItems = rawItems;
             if (needsArtifactLookup && artifactIds.length) {
               const resolvedItems = await fetchArtifactsByIds(artifactIds);
-              const byId = new Map(
-                resolvedItems.map((item: any) => [String(item.id), item]),
-              );
-              artifactItems = artifactIds
-                .map((id) => byId.get(String(id)))
-                .filter(Boolean);
+              const byId = new Map(resolvedItems.map((item: any) => [String(item.id), item]));
+              artifactItems = artifactIds.map((id) => byId.get(String(id))).filter(Boolean);
             }
 
             items = mapArtifacts(artifactItems);
@@ -298,17 +288,13 @@ export function useEmbeddrImages({
       } catch (error) {
         console.error("Error fetching images:", error);
         failureCountRef.current += 1;
-        const backoffMs = Math.min(
-          60000,
-          2000 * 2 ** (failureCountRef.current - 1),
-        );
+        const backoffMs = Math.min(60000, 2000 * 2 ** (failureCountRef.current - 1));
         nextAllowedFetchRef.current = Date.now() + backoffMs;
         if (app.extensionManager?.toast) {
           app.extensionManager.toast.add({
             severity: "error",
             summary: "Fetch Failed",
-            detail:
-              "Could not load images. Check your API settings and connection.",
+            detail: "Could not load images. Check your API settings and connection.",
             life: 5000,
           });
         }
diff --git a/ui/hooks/useEmbeddrLibraries.ts b/ui/hooks/useEmbeddrLibraries.ts
index 2415fb1..b9a8a80 100644
--- a/ui/hooks/useEmbeddrLibraries.ts
+++ b/ui/hooks/useEmbeddrLibraries.ts
@@ -28,9 +28,7 @@ export function useEmbeddrLibraries({
         setLibraries(
           (Array.isArray(data) ? data : []).map((item: any, index: number) => {
             const numericId = Number(item?.id);
-            const label = String(
-              item?.label || item?.name || item?.uri || "Library",
-            );
+            const label = String(item?.label || item?.name || item?.uri || "Library");
             return {
               id: Number.isFinite(numericId) ? numericId : index + 1,
               path: String(item?.uri || ""),
diff --git a/ui/hooks/useEmbeddrSettings.ts b/ui/hooks/useEmbeddrSettings.ts
index e44b3be..328ac55 100644
--- a/ui/hooks/useEmbeddrSettings.ts
+++ b/ui/hooks/useEmbeddrSettings.ts
@@ -1,14 +1,14 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 // @ts-ignore
 import { app } from "../../../scripts/app.js";
-import type { ApiMode } from "@types";
 import {
-  applyThemePackCss,
   applyThemePackComfyBridge,
+  applyThemePackCss,
   applyThemePackTokens,
   clearThemePackTokens,
   loadThemePacks,
 } from "../utils/themePacks";
+import type { ApiMode } from "@types";
 
 interface UseEmbeddrSettingsProps {
   baseUrl?: string;
@@ -47,7 +47,7 @@ export function useEmbeddrSettings({
     return localStorage.getItem("embeddr_theme_pack") || "";
   });
 
-  const appliedTokenKeysRef = useRef<string[]>([]);
+  const appliedTokenKeysRef = useRef<Array<string>>([]);
 
   const [configLoaded, setConfigLoaded] = useState(false);
 
@@ -62,9 +62,7 @@ export function useEmbeddrSettings({
     const roots = [
       document.documentElement,
       document.body,
-      ...Array.from(
-        document.querySelectorAll<HTMLElement>(".embeddr-theme-root"),
-      ),
+      ...Array.from(document.querySelectorAll<HTMLElement>(".embeddr-theme-root")),
     ];
     roots.forEach((root) => {
       if (theme === "dark") {
@@ -102,9 +100,7 @@ export function useEmbeddrSettings({
       const targets = [
         document.documentElement,
         document.body,
-        ...Array.from(
-          document.querySelectorAll<HTMLElement>(".embeddr-theme-root"),
-        ),
+        ...Array.from(document.querySelectorAll<HTMLElement>(".embeddr-theme-root")),
       ];
 
       clearThemePackTokens(targets, appliedTokenKeysRef.current);
@@ -152,9 +148,7 @@ export function useEmbeddrSettings({
         const data = await res.json();
 
         if (data.endpoint) {
-          const normalized = normalizeEndpoint(
-            new URL(data.endpoint).toString(),
-          );
+          const normalized = normalizeEndpoint(new URL(data.endpoint).toString());
           setEndpoint(normalized);
           localStorage.setItem("embeddr_endpoint", normalized);
         }
@@ -201,10 +195,7 @@ export function useEmbeddrSettings({
       localStorage.setItem("embeddr_endpoint", normalizedEndpoint);
       localStorage.setItem("embeddr_mode", newMode);
       localStorage.setItem("embeddr_grid_size", newGridSize.toString());
-      localStorage.setItem(
-        "embeddr_grid_preview_contain",
-        newGridPreviewContain.toString(),
-      );
+      localStorage.setItem("embeddr_grid_preview_contain", newGridPreviewContain.toString());
 
       const payload: any = {
         endpoint: normalizedEndpoint,
diff --git a/ui/hooks/useNodeScanner.ts b/ui/hooks/useNodeScanner.ts
index c85f560..accfd88 100644
--- a/ui/hooks/useNodeScanner.ts
+++ b/ui/hooks/useNodeScanner.ts
@@ -13,9 +13,7 @@ export function useNodeScanner() {
   useEffect(() => {
     const scan = () => {
       if (!app.graph) return;
-      const nodes = app.graph.findNodesByType
-        ? app.graph.findNodesByType("embeddr.LoadImage")
-        : [];
+      const nodes = app.graph.findNodesByType ? app.graph.findNodesByType("embeddr.LoadImage") : [];
 
       if (nodes) {
         const info = nodes.map((n: any) => ({
@@ -84,10 +82,7 @@ export function useNodeScanner() {
       const LiteGraph = window.LiteGraph;
       const node = LiteGraph.createNode("embeddr.LoadImage");
       if (node) {
-        node.pos = [
-          app.canvas.graph_mouse[0] || 0,
-          app.canvas.graph_mouse[1] || 0,
-        ];
+        node.pos = [app.canvas.graph_mouse[0] || 0, app.canvas.graph_mouse[1] || 0];
         if (node.widgets && node.widgets[0]) {
           node.widgets[0].value = imageUrl;
         }
diff --git a/ui/hooks/useThemePacks.ts b/ui/hooks/useThemePacks.ts
index 94938a7..a8e1035 100644
--- a/ui/hooks/useThemePacks.ts
+++ b/ui/hooks/useThemePacks.ts
@@ -1,8 +1,9 @@
 import { useCallback, useEffect, useState } from "react";
-import { loadThemePacks, type ThemePack } from "../utils/themePacks";
+import { loadThemePacks } from "../utils/themePacks";
+import type { ThemePack } from "../utils/themePacks";
 
 export function useThemePacks(apiBase: string, enabled = true) {
-  const [packs, setPacks] = useState<ThemePack[]>([]);
+  const [packs, setPacks] = useState<Array<ThemePack>>([]);
   const [isLoading, setIsLoading] = useState(false);
 
   const reload = useCallback(async () => {
diff --git a/ui/main.tsx b/ui/main.tsx
index fd40836..2aaa634 100644
--- a/ui/main.tsx
+++ b/ui/main.tsx
@@ -97,8 +97,7 @@ if (typeof embeddrUI.usePluginDrop !== "function") {
         }
 
         const artifactId =
-          dt.getData(fallbackDnDTypes.ARTIFACT_ID) ||
-          dt.getData(fallbackDnDTypes.IMAGE_ID);
+          dt.getData(fallbackDnDTypes.ARTIFACT_ID) || dt.getData(fallbackDnDTypes.IMAGE_ID);
         if (artifactId && onArtifact) {
           onArtifact({
             id: artifactId,
@@ -142,11 +141,7 @@ if (typeof embeddrUI.usePluginDrop !== "function") {
   };
 }
 if (typeof embeddrUI.usePluginStorage !== "function") {
-  embeddrUI.usePluginStorage = <T,>(
-    pluginId: string,
-    key: string,
-    initialValue: T,
-  ) => {
+  embeddrUI.usePluginStorage = <T,>(pluginId: string, key: string, initialValue: T) => {
     const storageKey = pluginId ? `plugin-storage:${pluginId}:${key}` : key;
     const [value, setValue] = React.useState<T>(() => {
       const raw = localStorage.getItem(storageKey);
@@ -279,8 +274,7 @@ document.body.classList.add("embeddr", "embeddr-theme-root", "font-sans");
 const originalFetch = window.fetch.bind(window);
 window.fetch = async (input: RequestInfo | URL, init?: RequestInit) => {
   const urlStr = input instanceof Request ? input.url : input.toString();
-  const endpoint =
-    localStorage.getItem("embeddr_endpoint") || "http://localhost:8003";
+  const endpoint = localStorage.getItem("embeddr_endpoint") || "http://localhost:8003";
   const apiKey = localStorage.getItem("embeddr_api_key") || "";
 
   const shouldAttachKey = (() => {
@@ -290,9 +284,7 @@ window.fetch = async (input: RequestInfo | URL, init?: RequestInit) => {
         ? new URL(urlStr)
         : new URL(urlStr, window.location.origin);
       const base = new URL(endpoint);
-      return (
-        target.origin === base.origin && target.pathname.startsWith("/api/v1/")
-      );
+      return target.origin === base.origin && target.pathname.startsWith("/api/v1/");
     } catch {
       return false;
     }
@@ -302,9 +294,7 @@ window.fetch = async (input: RequestInfo | URL, init?: RequestInit) => {
     return originalFetch(input, init);
   }
 
-  const headers = new Headers(
-    input instanceof Request ? input.headers : undefined,
-  );
+  const headers = new Headers(input instanceof Request ? input.headers : undefined);
   if (init?.headers) {
     new Headers(init.headers).forEach((value, key) => headers.set(key, value));
   }
diff --git a/ui/nodes/EmbeddrAction.ts b/ui/nodes/EmbeddrAction.ts
index 02f568c..6a66978 100644
--- a/ui/nodes/EmbeddrAction.ts
+++ b/ui/nodes/EmbeddrAction.ts
@@ -47,9 +47,7 @@ const SKIP_SCHEMA_FIELDS = new Set(["resource", "artifact_id", "artifact_ids"]);
  * payload_json input.
  */
 function syncDynToPayload(node: any) {
-  const payloadWidget = (node.widgets ?? []).find(
-    (w: any) => w.name === "payload_json",
-  );
+  const payloadWidget = (node.widgets ?? []).find((w: any) => w.name === "payload_json");
   if (!payloadWidget) return;
 
   // Parse existing payload_json (user may have typed extra values)
@@ -92,9 +90,7 @@ function syncDynToPayload(node: any) {
  * restore their values from payload_json.
  */
 function syncPayloadToDyn(node: any) {
-  const payloadWidget = (node.widgets ?? []).find(
-    (w: any) => w.name === "payload_json",
-  );
+  const payloadWidget = (node.widgets ?? []).find((w: any) => w.name === "payload_json");
   if (!payloadWidget) return;
 
   let values: Record<string, any> = {};
@@ -141,9 +137,7 @@ function addWidgetForJsonSchemaProp(
   // Resolve type (handle anyOf / allOf / oneOf)
   let type = prop.type as string | undefined;
   if (!type && prop.anyOf) {
-    const nonNull = (prop.anyOf as any[]).find(
-      (s: any) => s.type && s.type !== "null",
-    );
+    const nonNull = (prop.anyOf as Array<any>).find((s: any) => s.type && s.type !== "null");
     if (nonNull) type = nonNull.type;
   }
 
@@ -151,8 +145,7 @@ function addWidgetForJsonSchemaProp(
   const tooltip = prop.description || name;
 
   if (type === "string") ensureDynInput(node, wName, "STRING");
-  else if (type === "integer" || type === "number")
-    ensureDynInput(node, wName, "NUMBER");
+  else if (type === "integer" || type === "number") ensureDynInput(node, wName, "NUMBER");
   else if (type === "boolean") ensureDynInput(node, wName, "BOOLEAN");
   else ensureDynInput(node, wName, "*");
 
@@ -165,9 +158,7 @@ function addWidgetForJsonSchemaProp(
         });
       } else {
         const isLong =
-          (prop.maxLength && prop.maxLength > 200) ||
-          name === "prompt" ||
-          name.includes("json");
+          (prop.maxLength && prop.maxLength > 200) || name === "prompt" || name.includes("json");
         node.addWidget("text", wName, defaultVal ?? "", () => {}, {
           multiline: isLong,
           tooltip,
@@ -270,8 +261,8 @@ interface LotusCapability {
   title: string;
   description?: string;
   plugin?: string;
-  inputs?: LotusIOType[];
-  outputs?: LotusIOType[];
+  inputs?: Array<LotusIOType>;
+  outputs?: Array<LotusIOType>;
   data?: Record<string, any>;
   action?: {
     action?: string;
@@ -279,9 +270,9 @@ interface LotusCapability {
       schema?: Record<string, any>;
       model?: string;
       ui?: {
-        order?: string[];
+        order?: Array<string>;
         widgets?: Record<string, string>;
-        options?: Record<string, string[]>;
+        options?: Record<string, Array<string>>;
       };
     };
     output?: {
@@ -292,11 +283,11 @@ interface LotusCapability {
 }
 
 /** Cached actions list */
-let _actionsCache: LotusCapability[] | null = null;
+let _actionsCache: Array<LotusCapability> | null = null;
 let _actionsCacheTime = 0;
 const CACHE_TTL_MS = 30_000;
 
-async function fetchActions(): Promise<LotusCapability[]> {
+async function fetchActions(): Promise<Array<LotusCapability>> {
   const now = Date.now();
   if (_actionsCache && now - _actionsCacheTime < CACHE_TTL_MS) {
     return _actionsCache;
@@ -311,9 +302,7 @@ async function fetchActions(): Promise<LotusCapability[]> {
     }
 
     const targetUrl = `${baseUrl}/api/v1/lotus/list?kind=action&limit=500`;
-    const resp = await fetch(
-      `/embeddr/proxy?url=${encodeURIComponent(targetUrl)}`,
-    );
+    const resp = await fetch(`/embeddr/proxy?url=${encodeURIComponent(targetUrl)}`);
     if (!resp.ok) {
       console.warn("[Embeddr Action] Proxy returned", resp.status);
       return _actionsCache ?? [];
@@ -321,7 +310,7 @@ async function fetchActions(): Promise<LotusCapability[]> {
     const data = await resp.json();
     _actionsCache = data.items ?? data ?? [];
     _actionsCacheTime = now;
-    return _actionsCache!;
+    return _actionsCache;
   } catch (e) {
     console.warn("[Embeddr Action] Failed to fetch actions:", e);
     return _actionsCache ?? [];
@@ -329,7 +318,7 @@ async function fetchActions(): Promise<LotusCapability[]> {
 }
 
 function buildComboLabel(cap: LotusCapability): string {
-  const parts: string[] = [];
+  const parts: Array<string> = [];
   if (cap.plugin) parts.push(cap.plugin);
   let label = cap.id;
   if (cap.title && cap.title !== cap.id) {
@@ -406,13 +395,7 @@ const TEXT_EXTRACT_KEYS = [
 ];
 
 /** Keys Python checks when extracting artifact IDs. */
-const ARTIFACT_EXTRACT_KEYS = [
-  "artifact_id",
-  "id",
-  "artifact_ids",
-  "ids",
-  "output_artifact_id",
-];
+const ARTIFACT_EXTRACT_KEYS = ["artifact_id", "id", "artifact_ids", "ids", "output_artifact_id"];
 
 /**
  * Relabel the static output slots based on the selected action's
@@ -430,8 +413,7 @@ function updateOutputLabels(node: any, cap: LotusCapability) {
   resetOutputLabels(node);
 
   // Try to get output schema properties
-  const outSchema =
-    cap.action?.output?.schema ?? (cap as any).data?.output?.schema;
+  const outSchema = cap.action?.output?.schema ?? (cap as any).data?.output?.schema;
   const outProps: Record<string, any> | undefined = outSchema?.properties;
 
   // Also check cap.outputs (LotusIOType array)
@@ -497,8 +479,7 @@ function updateOutputLabels(node: any, cap: LotusCapability) {
   }
 
   // ── Add tooltip to result_json showing the model name ──
-  const modelName =
-    cap.action?.output?.model ?? (cap as any).data?.output?.model;
+  const modelName = cap.action?.output?.model ?? (cap as any).data?.output?.model;
   if (modelName && node.outputs[OUTPUT_SLOTS.result_json]) {
     node.outputs[OUTPUT_SLOTS.result_json].tooltip =
       `Full JSON: ${modelName.split(":").pop() ?? modelName}`;
@@ -547,17 +528,14 @@ function createDynamicInputs(node: any, cap: LotusCapability) {
     }
   } else {
     // ── Path B: JSON Schema from action.input.schema ──
-    const jsonSchema =
-      cap.action?.input?.schema ?? (cap as any).data?.input?.schema;
+    const jsonSchema = cap.action?.input?.schema ?? (cap as any).data?.input?.schema;
 
     if (jsonSchema && jsonSchema.properties) {
       const props = jsonSchema.properties as Record<string, any>;
       const requiredSet = new Set(jsonSchema.required ?? []);
 
-      const uiOrder: string[] =
-        cap.action?.input?.ui?.order ??
-        (cap as any).data?.input?.ui?.order ??
-        Object.keys(props);
+      const uiOrder: Array<string> =
+        cap.action?.input?.ui?.order ?? (cap as any).data?.input?.ui?.order ?? Object.keys(props);
 
       const ordered = [
         ...uiOrder.filter((k: string) => k in props),
@@ -566,12 +544,7 @@ function createDynamicInputs(node: any, cap: LotusCapability) {
 
       for (const propName of ordered) {
         if (SKIP_SCHEMA_FIELDS.has(propName)) continue;
-        addWidgetForJsonSchemaProp(
-          node,
-          propName,
-          props[propName],
-          requiredSet.has(propName),
-        );
+        addWidgetForJsonSchemaProp(node, propName, props[propName], requiredSet.has(propName));
       }
     }
   }
@@ -594,9 +567,7 @@ async function populateActionCombo(node: any) {
     options.push(buildComboLabel(cap));
   }
 
-  const existingIdx = (node.widgets ?? []).findIndex(
-    (w: any) => w.name === "action_id",
-  );
+  const existingIdx = (node.widgets ?? []).findIndex((w: any) => w.name === "action_id");
 
   let prevValue = "";
   if (existingIdx >= 0) {
@@ -643,7 +614,7 @@ async function onActionChanged(node: any, value: string) {
     return;
   }
 
-  (node as any)._embeddrActionCap = cap;
+  node._embeddrActionCap = cap;
   createDynamicInputs(node, cap);
   updateOutputLabels(node, cap);
 
@@ -678,9 +649,7 @@ app.registerExtension({
       const result = origOnConfigure?.apply(this, arguments);
 
       populateActionCombo(this).then(() => {
-        const comboWidget = this.widgets?.find(
-          (w: any) => w.name === "action_id",
-        );
+        const comboWidget = this.widgets?.find((w: any) => w.name === "action_id");
         const val = comboWidget?.value;
         if (val && val !== "(select action)" && val !== "") {
           onActionChanged(this, val);
diff --git a/ui/nodes/EmbeddrFindCollection.ts b/ui/nodes/EmbeddrFindCollection.ts
index b3c0936..f964324 100644
--- a/ui/nodes/EmbeddrFindCollection.ts
+++ b/ui/nodes/EmbeddrFindCollection.ts
@@ -8,19 +8,13 @@ app.registerExtension({
       // Add a button to open the dialog
       const onNodeCreated = nodeType.prototype.onNodeCreated;
       nodeType.prototype.onNodeCreated = function () {
-        const r = onNodeCreated
-          ? onNodeCreated.apply(this, arguments)
-          : undefined;
+        const r = onNodeCreated ? onNodeCreated.apply(this, arguments) : undefined;
 
         // Custom Widget for Displaying Collection Info
         // We create a custom widget that just renders text, no input
-        const displayWidget = this.addWidget(
-          "text",
-          "Info",
-          "No Collection Selected",
-          () => {},
-          { serialize: false }
-        );
+        const displayWidget = this.addWidget("text", "Info", "No Collection Selected", () => {}, {
+          serialize: false,
+        });
         if (displayWidget.inputEl) {
           displayWidget.inputEl.readOnly = true;
           displayWidget.inputEl.style.opacity = "0.6";
diff --git a/ui/nodes/EmbeddrLoRAStack.ts b/ui/nodes/EmbeddrLoRAStack.ts
index d3ed531..55c6be0 100644
--- a/ui/nodes/EmbeddrLoRAStack.ts
+++ b/ui/nodes/EmbeddrLoRAStack.ts
@@ -33,7 +33,7 @@ app.registerExtension({
           (v) => {
             this.updateWidgets();
           },
-          { values: this.loraOptions }
+          { values: this.loraOptions },
         );
 
         // Add Strength Float
@@ -79,23 +79,16 @@ app.registerExtension({
 
         if (loraWidgets.length > 1) {
           const secondLastWidget = loraWidgets[loraWidgets.length - 2];
-          if (
-            lastWidget.value === "None" &&
-            secondLastWidget.value === "None"
-          ) {
+          if (lastWidget.value === "None" && secondLastWidget.value === "None") {
             // Remove the last pair
             // We need to remove both lora and strength widgets
             const strengthName = `strength_${lastIndex}`;
 
             // Find index of widgets to remove
-            const wIndex = this.widgets.findIndex(
-              (w) => w.name === lastWidget.name
-            );
+            const wIndex = this.widgets.findIndex((w) => w.name === lastWidget.name);
             if (wIndex > -1) this.widgets.splice(wIndex, 1);
 
-            const sIndex = this.widgets.findIndex(
-              (w) => w.name === strengthName
-            );
+            const sIndex = this.widgets.findIndex((w) => w.name === strengthName);
             if (sIndex > -1) this.widgets.splice(sIndex, 1);
 
             // Resize node
diff --git a/ui/nodes/EmbeddrLoadArtifact.ts b/ui/nodes/EmbeddrLoadArtifact.ts
index fd505e3..60489af 100644
--- a/ui/nodes/EmbeddrLoadArtifact.ts
+++ b/ui/nodes/EmbeddrLoadArtifact.ts
@@ -1,6 +1,6 @@
 // @ts-ignore
-import { app } from "../../../scripts/app.js";
 import { EmbeddrDnDTypes } from "@embeddr/react-ui";
+import { app } from "../../../scripts/app.js";
 import { registerNodeDragAndDrop } from "../utils/nodeDragAndDrop.js";
 
 app.registerExtension({
@@ -10,9 +10,7 @@ app.registerExtension({
       // Add a button to open the dialog
       const onNodeCreated = nodeType.prototype.onNodeCreated;
       nodeType.prototype.onNodeCreated = function () {
-        const r = onNodeCreated
-          ? onNodeCreated.apply(this, arguments)
-          : undefined;
+        const r = onNodeCreated ? onNodeCreated.apply(this, arguments) : undefined;
 
         // Add button widget
         this.addWidget("button", "Search Image", "search", () => {
@@ -51,10 +49,7 @@ app.registerExtension({
             if (artifactRaw) {
               try {
                 const parsed = JSON.parse(artifactRaw);
-                id =
-                  parsed?.id?.toString?.() ||
-                  parsed?.artifact_id?.toString?.() ||
-                  "";
+                id = parsed?.id?.toString?.() || parsed?.artifact_id?.toString?.() || "";
               } catch {
                 id = "";
               }
@@ -62,9 +57,7 @@ app.registerExtension({
           }
 
           if (id) {
-            const widget = node.widgets?.find(
-              (w: any) => w.name === "artifact_id",
-            );
+            const widget = node.widgets?.find((w: any) => w.name === "artifact_id");
             if (widget) {
               widget.value = id;
               if (widget.callback) {
diff --git a/ui/nodes/EmbeddrUploadArtifact.ts b/ui/nodes/EmbeddrUploadArtifact.ts
index 04c99c2..39c9737 100644
--- a/ui/nodes/EmbeddrUploadArtifact.ts
+++ b/ui/nodes/EmbeddrUploadArtifact.ts
@@ -9,26 +9,19 @@ app.registerExtension({
       // Add a button to open the dialog
       const onNodeCreated = nodeType.prototype.onNodeCreated;
       nodeType.prototype.onNodeCreated = function () {
-        const r = onNodeCreated
-          ? onNodeCreated.apply(this, arguments)
-          : undefined;
+        const r = onNodeCreated ? onNodeCreated.apply(this, arguments) : undefined;
 
         // Add button widget
-        this.addWidget(
-          "button",
-          "Select Collection",
-          "select_collection",
-          () => {
-            // Dispatch event to open dialog with collection mode
-            const event = new CustomEvent("embeddr-open-dialog", {
-              detail: {
-                nodeId: this.id,
-                mode: "collection",
-              },
-            });
-            window.dispatchEvent(event);
-          }
-        );
+        this.addWidget("button", "Select Collection", "select_collection", () => {
+          // Dispatch event to open dialog with collection mode
+          const event = new CustomEvent("embeddr-open-dialog", {
+            detail: {
+              nodeId: this.id,
+              mode: "collection",
+            },
+          });
+          window.dispatchEvent(event);
+        });
 
         return r;
       };
@@ -39,9 +32,7 @@ app.registerExtension({
         onDrop: (e: DragEvent, node: any) => {
           const id = e.dataTransfer?.getData("embeddr/collection_id");
           if (id) {
-            const widget = node.widgets?.find(
-              (w: any) => w.name === "collection_ids"
-            );
+            const widget = node.widgets?.find((w: any) => w.name === "collection_ids");
             if (widget) {
               // Append if shift key held? Or just replace?
               // For now, let's assume replacement or simple csv append if non-empty
diff --git a/ui/utils/nodeDragAndDrop.ts b/ui/utils/nodeDragAndDrop.ts
index b0d5b23..281cf68 100644
--- a/ui/utils/nodeDragAndDrop.ts
+++ b/ui/utils/nodeDragAndDrop.ts
@@ -6,16 +6,13 @@ export interface DragAndDropOptions {
   onDragOver?: (e: DragEvent, node: any) => boolean;
   onDrop?: (e: DragEvent, node: any) => boolean;
   // If specific data types are required
-  acceptTypes?: string[];
+  acceptTypes?: Array<string>;
 }
 
 /**
  * Adds drag and drop file/data handling to a node prototype
  */
-export function registerNodeDragAndDrop(
-  nodeType: any,
-  options: DragAndDropOptions
-) {
+export function registerNodeDragAndDrop(nodeType: any, options: DragAndDropOptions) {
   const { onDragOver, onDrop, acceptTypes = [] } = options;
 
   const originalDragOver = nodeType.prototype.onDragOver;
@@ -24,9 +21,7 @@ export function registerNodeDragAndDrop(
       // Check if we have any of the accepted types
       const hasAcceptedType =
         acceptTypes.length === 0 ||
-        acceptTypes.some(
-          (type) => e.dataTransfer && e.dataTransfer.types.includes(type)
-        );
+        acceptTypes.some((type) => e.dataTransfer && e.dataTransfer.types.includes(type));
 
       if (hasAcceptedType) {
         if (onDragOver) {
@@ -51,9 +46,7 @@ export function registerNodeDragAndDrop(
     if (e.dataTransfer) {
       const hasAcceptedType =
         acceptTypes.length === 0 ||
-        acceptTypes.some(
-          (type) => e.dataTransfer && e.dataTransfer.types.includes(type)
-        );
+        acceptTypes.some((type) => e.dataTransfer && e.dataTransfer.types.includes(type));
 
       if (hasAcceptedType && onDrop) {
         const handled = onDrop.call(this, e, this);
diff --git a/ui/utils/themePacks.ts b/ui/utils/themePacks.ts
index 06b6d3c..1e4afba 100644
--- a/ui/utils/themePacks.ts
+++ b/ui/utils/themePacks.ts
@@ -23,27 +23,21 @@ export type ThemePack = {
 };
 
 export type ThemePackIndex = {
-  packs: ThemePack[];
+  packs: Array<ThemePack>;
 };
 
 const THEME_STYLE_ID = "embeddr-theme-pack-css";
 const THEME_BRIDGE_STYLE_ID = "embeddr-theme-pack-bridge";
 
-const TOKEN_FALLBACKS: Record<string, string[]> = {
+const TOKEN_FALLBACKS: Record<string, Array<string>> = {
   "--background": ["--base-background", "--bg-color", "--content-bg"],
   "--foreground": ["--base-foreground", "--fg-color", "--content-fg"],
   "--primary": ["--primary-background", "--brand-blue", "--accent-primary"],
   "--primary-foreground": ["--button-surface-contrast", "--base-foreground"],
-  "--secondary": [
-    "--secondary-background",
-    "--component-node-widget-background",
-  ],
+  "--secondary": ["--secondary-background", "--component-node-widget-background"],
   "--secondary-foreground": ["--component-node-foreground", "--foreground"],
   "--muted": ["--muted-background", "--component-node-widget-background"],
-  "--muted-foreground": [
-    "--text-secondary",
-    "--component-node-foreground-secondary",
-  ],
+  "--muted-foreground": ["--text-secondary", "--component-node-foreground-secondary"],
   "--accent": ["--accent-background", "--component-node-surface"],
   "--accent-foreground": ["--component-node-foreground", "--foreground"],
   "--border": ["--border-default", "--node-component-border"],
@@ -52,7 +46,7 @@ const TOKEN_FALLBACKS: Record<string, string[]> = {
   "--card-foreground": ["--component-node-foreground", "--foreground"],
 };
 
-const COMFY_MAPPINGS: Array<[string, string[]]> = [
+const COMFY_MAPPINGS: Array<[string, Array<string>]> = [
   ["--component-node-background", ["--card", "--background"]],
   ["--component-node-border", ["--border", "--node-component-border"]],
   ["--component-node-foreground", ["--card-foreground", "--foreground"]],
@@ -78,14 +72,8 @@ const COMFY_MAPPINGS: Array<[string, string[]]> = [
   ["--bg-color", ["--background"]],
   ["--fg-color", ["--foreground"]],
   ["--p-primary-color", ["--primary"]],
-  [
-    "--p-primary-hover-color",
-    ["--primary-background-hover", "--accent", "--primary"],
-  ],
-  [
-    "--p-primary-active-color",
-    ["--primary-background-hover", "--accent", "--primary"],
-  ],
+  ["--p-primary-hover-color", ["--primary-background-hover", "--accent", "--primary"]],
+  ["--p-primary-active-color", ["--primary-background-hover", "--accent", "--primary"]],
   ["--p-primary-contrast-color", ["--primary-foreground", "--foreground"]],
   ["--p-surface-0", ["--background"]],
   ["--p-surface-100", ["--card", "--secondary"]],
@@ -103,14 +91,8 @@ const COMFY_MAPPINGS: Array<[string, string[]]> = [
   ["--p-text-color", ["--foreground"]],
   ["--p-text-muted-color", ["--muted-foreground"]],
   ["--p-button-primary-background", ["--primary"]],
-  [
-    "--p-button-primary-hover-background",
-    ["--primary-background-hover", "--accent", "--primary"],
-  ],
-  [
-    "--p-button-primary-active-background",
-    ["--primary-background-hover", "--accent", "--primary"],
-  ],
+  ["--p-button-primary-hover-background", ["--primary-background-hover", "--accent", "--primary"]],
+  ["--p-button-primary-active-background", ["--primary-background-hover", "--accent", "--primary"]],
   ["--p-button-primary-border-color", ["--primary"]],
   [
     "--p-button-primary-hover-border-color",
@@ -130,24 +112,15 @@ const COMFY_MAPPINGS: Array<[string, string[]]> = [
   ["--p-button-secondary-hover-border-color", ["--border"]],
   ["--p-button-secondary-active-border-color", ["--border"]],
   ["--p-button-secondary-color", ["--secondary-foreground", "--foreground"]],
-  [
-    "--p-button-secondary-hover-color",
-    ["--secondary-foreground", "--foreground"],
-  ],
-  [
-    "--p-button-secondary-active-color",
-    ["--secondary-foreground", "--foreground"],
-  ],
+  ["--p-button-secondary-hover-color", ["--secondary-foreground", "--foreground"]],
+  ["--p-button-secondary-active-color", ["--secondary-foreground", "--foreground"]],
   ["--p-togglebutton-background", ["--secondary", "--input"]],
   ["--p-togglebutton-border-color", ["--border"]],
   ["--p-togglebutton-color", ["--foreground"]],
   ["--p-togglebutton-hover-background", ["--accent", "--secondary"]],
   ["--p-togglebutton-hover-border-color", ["--border"]],
   ["--p-togglebutton-hover-color", ["--foreground"]],
-  [
-    "--p-togglebutton-checked-background",
-    ["--primary-background-hover", "--accent", "--primary"],
-  ],
+  ["--p-togglebutton-checked-background", ["--primary-background-hover", "--accent", "--primary"]],
   [
     "--p-togglebutton-checked-border-color",
     ["--primary-background-hover", "--accent", "--primary"],
@@ -181,7 +154,7 @@ const resolveAssetBase = (apiBase: string) => {
   return trimmed.replace(/\/api\/v1$/, "");
 };
 
-export async function loadThemePacks(apiBase: string): Promise<ThemePack[]> {
+export async function loadThemePacks(apiBase: string): Promise<Array<ThemePack>> {
   const packs = new Map<string, ThemePack>();
 
   const addPack = (pack?: ThemePack) => {
@@ -206,31 +179,19 @@ export async function loadThemePacks(apiBase: string): Promise<ThemePack[]> {
   const normalized: ThemePackIndex = {
     packs: (data.packs || []).map((pack) => {
       const iconUrl =
-        pack.iconUrl ||
-        (pack.icon ? `${assetBase}/themes/${pack.id}/${pack.icon}` : undefined);
+        pack.iconUrl || (pack.icon ? `${assetBase}/themes/${pack.id}/${pack.icon}` : undefined);
       const bannerUrl =
         pack.bannerUrl ||
-        (pack.banner
-          ? `${assetBase}/themes/${pack.id}/${pack.banner}`
-          : undefined);
+        (pack.banner ? `${assetBase}/themes/${pack.id}/${pack.banner}` : undefined);
       const cssUrl =
         pack.cssUrl ||
-        (pack.cssFile
-          ? `${assetBase}/themes/${pack.id}/${pack.cssFile}`
-          : undefined);
+        (pack.cssFile ? `${assetBase}/themes/${pack.id}/${pack.cssFile}` : undefined);
 
       return {
         ...pack,
-        iconUrl:
-          iconUrl && iconUrl.startsWith("/")
-            ? `${assetBase}${iconUrl}`
-            : iconUrl,
-        bannerUrl:
-          bannerUrl && bannerUrl.startsWith("/")
-            ? `${assetBase}${bannerUrl}`
-            : bannerUrl,
-        cssUrl:
-          cssUrl && cssUrl.startsWith("/") ? `${assetBase}${cssUrl}` : cssUrl,
+        iconUrl: iconUrl && iconUrl.startsWith("/") ? `${assetBase}${iconUrl}` : iconUrl,
+        bannerUrl: bannerUrl && bannerUrl.startsWith("/") ? `${assetBase}${bannerUrl}` : bannerUrl,
+        cssUrl: cssUrl && cssUrl.startsWith("/") ? `${assetBase}${cssUrl}` : cssUrl,
       };
     }),
   };
@@ -275,9 +236,9 @@ export function applyThemePackCss(pack?: ThemePack | null) {
         const link = document.createElement("link");
         link.id = THEME_STYLE_ID;
         link.rel = "stylesheet";
-        link.href = pack.cssUrl as string;
+        link.href = pack.cssUrl;
         document.head.appendChild(link);
-        // eslint-disable-next-line no-console
+
         console.warn(
           "[themePacks] proxyFetch failed for theme css, falling back to direct link",
           err,
@@ -288,7 +249,7 @@ export function applyThemePackCss(pack?: ThemePack | null) {
 
 function selectTokenValue(
   tokenMap: Record<string, string>,
-  keys: string[],
+  keys: Array<string>,
 ): string | undefined {
   for (const key of keys) {
     const value = tokenMap[key];
@@ -299,10 +260,7 @@ function selectTokenValue(
   return undefined;
 }
 
-function resolveThemeTokens(
-  pack: ThemePack | null | undefined,
-  mode: "light" | "dark",
-) {
+function resolveThemeTokens(pack: ThemePack | null | undefined, mode: "light" | "dark") {
   if (!pack?.tokens) return null;
   const rawTokens =
     (mode === "dark" ? pack.tokens.dark : pack.tokens.light) ||
@@ -341,12 +299,12 @@ function resolveThemeTokens(
 }
 
 export function applyThemePackTokens(
-  targets: HTMLElement[],
+  targets: Array<HTMLElement>,
   pack: ThemePack | null | undefined,
   mode: "light" | "dark",
 ) {
   const tokens = resolveThemeTokens(pack, mode);
-  if (!tokens) return [] as string[];
+  if (!tokens) return [] as Array<string>;
   const keys = Object.keys(tokens);
   targets.forEach((target) => {
     Object.entries(tokens).forEach(([key, value]) => {
@@ -357,7 +315,7 @@ export function applyThemePackTokens(
   return keys;
 }
 
-export function clearThemePackTokens(targets: HTMLElement[], keys: string[]) {
+export function clearThemePackTokens(targets: Array<HTMLElement>, keys: Array<string>) {
   if (!keys.length) return;
   targets.forEach((target) => {
     keys.forEach((key) => target.style.removeProperty(key));
diff --git a/vite.config.mts b/vite.config.mts
index 0f8526e..16e7d15 100644
--- a/vite.config.mts
+++ b/vite.config.mts
@@ -45,53 +45,48 @@ const inlineCssPlugin: any = {
 
     // Inject CSS into main JS file
     if (cssContent && Object.keys(bundle).some((f) => f.endsWith(".js"))) {
-      const jsFile = Object.keys(bundle).find(
-        (f) => f.endsWith(".js") && f.startsWith("main"),
-      );
+      const jsFile = Object.keys(bundle).find((f) => f.endsWith(".js") && f.startsWith("main"));
       if (jsFile) {
         const jsAsset = bundle[jsFile] as any;
 
         // Wrap all CSS rules with a scoping selector
-        const scopedCss = cssContent.replace(
-          /([^{}]+){([^{}]*)}/g,
-          (match, selector, rules) => {
-            // Skip @rules (like @media, @keyframes, @import)
-            if (selector.trim().startsWith("@")) {
-              return match;
-            }
+        const scopedCss = cssContent.replace(/([^{}]+){([^{}]*)}/g, (match, selector, rules) => {
+          // Skip @rules (like @media, @keyframes, @import)
+          if (selector.trim().startsWith("@")) {
+            return match;
+          }
 
-            // Skip if already scoped to avoid double scoping
-            if (selector.includes(".tailwind")) {
-              return match;
-            }
+          // Skip if already scoped to avoid double scoping
+          if (selector.includes(".tailwind")) {
+            return match;
+          }
 
-            // Handle :root selector specially
-            if (selector.trim() === ":root") {
-              return match; // Keep :root global
-            }
+          // Handle :root selector specially
+          if (selector.trim() === ":root") {
+            return match; // Keep :root global
+          }
 
-            // Add scoping to each selector
-            const scopedSelectors = selector
-              .split(",")
-              .map((s) => {
-                const trimmed = s.trim();
-                // Keep html.class / body.class selectors global – these set
-                // CSS custom-property theme variables and must cascade from
-                // the document root, not from a .tailwind wrapper.
-                if (/^(html|body)\./.test(trimmed)) {
-                  return trimmed;
-                }
-                // Use :where(.tailwind) for zero-specificity scoping.
-                // This ensures the extension's utilities only match inside
-                // .tailwind containers, but don't gain higher specificity
-                // than ComfyUI's own utility classes – so contextual
-                // overrides like pt-11.5 after p-2 still work correctly.
-                return `:where(.tailwind) ${trimmed}`;
-              })
-              .join(", ");
-            return `${scopedSelectors} { ${rules} }`;
-          },
-        );
+          // Add scoping to each selector
+          const scopedSelectors = selector
+            .split(",")
+            .map((s) => {
+              const trimmed = s.trim();
+              // Keep html.class / body.class selectors global – these set
+              // CSS custom-property theme variables and must cascade from
+              // the document root, not from a .tailwind wrapper.
+              if (/^(html|body)\./.test(trimmed)) {
+                return trimmed;
+              }
+              // Use :where(.tailwind) for zero-specificity scoping.
+              // This ensures the extension's utilities only match inside
+              // .tailwind containers, but don't gain higher specificity
+              // than ComfyUI's own utility classes – so contextual
+              // overrides like pt-11.5 after p-2 still work correctly.
+              return `:where(.tailwind) ${trimmed}`;
+            })
+            .join(", ");
+          return `${scopedSelectors} { ${rules} }`;
+        });
 
         const styleInject = `(function(){const css=${JSON.stringify(
           scopedCss,
@@ -114,9 +109,6 @@ export default defineConfig({
       "@": fileURLToPath(new URL("./ui", import.meta.url)),
       "@components": path.resolve(__dirname, "ui/components"),
       "@hooks": path.resolve(__dirname, "ui/hooks"),
-      "@embeddr/client-typescript": fileURLToPath(
-        new URL("../clients/client-typescript/src", import.meta.url),
-      ),
     },
   },
   define: {

From 6459739a0bbf2f97ecddd80d21b30c632eae3478 Mon Sep 17 00:00:00 2001
From: Nynxz <contact@nynxz.com>
Date: Fri, 1 May 2026 08:42:51 +1000
Subject: [PATCH 8/9] chore: add ruff lint+format for Python side
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Set up the Python tooling that was missing — the ts side already had
eslint+prettier, the python side had nothing.

Tooling:
- pyproject.toml [tool.ruff]: target py310, line-length 100, lint rules
  E/W/F/I/B/UP/SIM/C4/RUF, ignore E501 (formatter handles wrapping),
  B008 (function-call default is a common ComfyUI node pattern), and
  SIM108 (ternary often less readable). Per-file-ignore N801/N802/
  N803/N806 in nodes/ — ComfyUI's own naming convention.
- Add ruff>=0.7.0 to dev dependency-group (PEP 735, uv-managed)
- Bump requires-python 3.8 → 3.10 (codebase already uses PEP 604
  union syntax `str | None`)
- Declare requests as a runtime dep (was used but not listed)

Source fixes from ruff pass:
- 8x bare `except:` → `except Exception:` (avoid catching
  KeyboardInterrupt / SystemExit unintentionally)
- 4x mutable class default `_cache = {}` → `_cache: ClassVar[dict] = {}`
  (RUF012; the cache is intentionally class-level for sharing across
  ComfyUI executions of the same node, ClassVar makes the intent explicit)
- 1x em-dash → hyphen in docstring
- ~17 misc auto-fixes: list concatenation → spread, contextlib.suppress
  for try/except/pass, unused vars renamed with `_` prefix
- ruff format pass across 20 files (consistent quotes, indentation)

CI:
- ci.yml: split into two jobs — `frontend` (existing pnpm lint+build)
  and `python` (new: uv sync + ruff check + ruff format --check)
- release.yml: insert ruff check before the frontend build step so
  releases can't ship Python lint failures
---
 .github/workflows/ci.yml              |  23 ++-
 .github/workflows/release.yml         |   9 ++
 __init__.py                           |  78 ++++++-----
 eslint.config.js                      |   9 +-
 nodes/EmbeddrAction.py                |  96 ++++++++-----
 nodes/EmbeddrExtractArtifactInfo.py   |  19 ++-
 nodes/EmbeddrFindCollection.py        |  54 ++++---
 nodes/EmbeddrFindSimilarArtifacts.py  |  29 ++--
 nodes/EmbeddrFindSimilarText.py       |  38 +++--
 nodes/EmbeddrFindSimilarToArtifact.py |  40 ++----
 nodes/EmbeddrLoRAStack.py             |  16 +--
 nodes/EmbeddrLoadArtifact.py          |  85 +++++++-----
 nodes/EmbeddrLoadArtifacts.py         |  90 ++++++------
 nodes/EmbeddrLoadImages.py            |  89 ++++++------
 nodes/EmbeddrLoadVideo.py             | 128 +++++++++++------
 nodes/EmbeddrMergeIDs.py              |   8 +-
 nodes/EmbeddrSplitIDs.py              |  10 +-
 nodes/EmbeddrUploadArtifact.py        |  90 +++++++-----
 nodes/EmbeddrUploadOptions.py         |  41 ++++--
 nodes/EmbeddrUploadVideo.py           |  39 +++---
 nodes/types.py                        |   9 +-
 nodes/utils/config.py                 |  20 +--
 nodes/utils/ids.py                    |   4 +-
 pyproject.toml                        |  45 +++++-
 uv.lock                               | 193 +++++++++++++++++++++++++-
 25 files changed, 816 insertions(+), 446 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 759f4ee..b8f4c7b 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -10,8 +10,8 @@ on:
       - main
 
 jobs:
-  build:
-    name: Build Check
+  frontend:
+    name: Frontend (lint + build)
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
@@ -36,3 +36,22 @@ jobs:
 
       - name: Build frontend
         run: pnpm build
+
+  python:
+    name: Python (ruff)
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Install uv
+        uses: astral-sh/setup-uv@v4
+
+      - name: Install dev dependencies
+        run: uv sync --group dev
+
+      - name: Ruff check
+        run: uv run ruff check .
+
+      - name: Ruff format check
+        run: uv run ruff format --check .
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 7f95d64..42aafc6 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -36,6 +36,15 @@ jobs:
       - name: Lint
         run: pnpm lint || true # soft-fail; tanstack-config strictness
 
+      - name: Install uv (for Python ruff check)
+        uses: astral-sh/setup-uv@v4
+
+      - name: Ruff check (Python)
+        run: |
+          uv sync --group dev
+          uv run ruff check .
+          uv run ruff format --check .
+
       - name: Build frontend
         run: pnpm build
 
diff --git a/__init__.py b/__init__.py
index fe3c0ab..cf12e4b 100644
--- a/__init__.py
+++ b/__init__.py
@@ -1,34 +1,37 @@
-import os
 import json
-import aiohttp
 import mimetypes
+import os
 import re
 import tempfile
-from aiohttp import web
 from pathlib import Path
-from server import PromptServer
+
+import aiohttp
+from aiohttp import web
 from comfy_api.latest import ComfyExtension, io
+from server import PromptServer
 
 try:
     import folder_paths
 except Exception:
     folder_paths = None
 
-from .nodes.EmbeddrUploadArtifact import EmbeddrUploadArtifactNode
-from .nodes.EmbeddrLoadArtifact import EmbeddrLoadArtifactNode
-from .nodes.EmbeddrLoadArtifacts import EmbeddrLoadArtifactsNode
-from .nodes.EmbeddrMergeIDs import EmbeddrMergeIDsNode
+import contextlib
+
+from .nodes.EmbeddrAction import EmbeddrActionNode
 from .nodes.EmbeddrExtractArtifactInfo import EmbeddrExtractArtifactInfoNode
-from .nodes.EmbeddrSplitIDs import EmbeddrSplitIDsNode
+from .nodes.EmbeddrFindCollection import EmbeddrFindCollectionNode
 from .nodes.EmbeddrFindSimilarArtifacts import EmbeddrFindSimilarArtifactsNode
-from .nodes.EmbeddrFindSimilarToArtifact import EmbeddrFindSimilarToArtifactNode
 from .nodes.EmbeddrFindSimilarText import EmbeddrFindSimilarTextNode
-from .nodes.EmbeddrUploadVideo import EmbeddrUploadVideo
+from .nodes.EmbeddrFindSimilarToArtifact import EmbeddrFindSimilarToArtifactNode
+from .nodes.EmbeddrLoadArtifact import EmbeddrLoadArtifactNode
+from .nodes.EmbeddrLoadArtifacts import EmbeddrLoadArtifactsNode
 from .nodes.EmbeddrLoadVideo import EmbeddrLoadVideoNode
 from .nodes.EmbeddrLoRAStack import EmbeddrLoRAStack
-from .nodes.EmbeddrFindCollection import EmbeddrFindCollectionNode
+from .nodes.EmbeddrMergeIDs import EmbeddrMergeIDsNode
+from .nodes.EmbeddrSplitIDs import EmbeddrSplitIDsNode
+from .nodes.EmbeddrUploadArtifact import EmbeddrUploadArtifactNode
 from .nodes.EmbeddrUploadOptions import UploadArtifactOptionsNode
-from .nodes.EmbeddrAction import EmbeddrActionNode
+from .nodes.EmbeddrUploadVideo import EmbeddrUploadVideo
 
 CONFIG_PATH = os.path.join(os.path.dirname(__file__), "config.json")
 
@@ -38,7 +41,7 @@
 def get_api_key():
     if os.path.exists(CONFIG_PATH):
         try:
-            with open(CONFIG_PATH, "r") as f:
+            with open(CONFIG_PATH) as f:
                 config = json.load(f)
                 return config.get("api_key", "")
         except Exception:
@@ -49,7 +52,7 @@ def get_api_key():
 def _load_config() -> dict:
     if os.path.exists(CONFIG_PATH):
         try:
-            with open(CONFIG_PATH, "r") as f:
+            with open(CONFIG_PATH) as f:
                 return json.load(f)
         except Exception:
             return {}
@@ -137,7 +140,9 @@ def _guess_install_filename(
         file_name_override,
         comfy_meta.get("suggested_filename"),
         metadata.get("filename"),
-        Path(str(civitai_meta.get("local_path") or "")).name if civitai_meta.get("local_path") else None,
+        Path(str(civitai_meta.get("local_path") or "")).name
+        if civitai_meta.get("local_path")
+        else None,
         metadata.get("name"),
     ]
 
@@ -158,7 +163,9 @@ def _guess_install_filename(
     }
     suffix = ext_map.get(format_hint)
     if not suffix:
-        guessed = mimetypes.guess_extension(str(artifact_payload.get("content_type") or "").split(";", 1)[0].strip())
+        guessed = mimetypes.guess_extension(
+            str(artifact_payload.get("content_type") or "").split(";", 1)[0].strip()
+        )
         suffix = guessed or ".bin"
     return f"{file_name}{suffix}"
 
@@ -228,9 +235,9 @@ async def proxy_request(request):
     config = {}
     if os.path.exists(CONFIG_PATH):
         try:
-            with open(CONFIG_PATH, "r") as f:
+            with open(CONFIG_PATH) as f:
                 config = json.load(f)
-        except:
+        except Exception:
             pass
 
     api_key = config.get("api_key", "")
@@ -252,17 +259,16 @@ async def proxy_request(request):
         try:
             async with session.request(method, url, headers=headers, data=data) as resp:
                 # Create response with status code from upstream
-                response = web.StreamResponse(
-                    status=resp.status, reason=resp.reason)
+                response = web.StreamResponse(status=resp.status, reason=resp.reason)
 
                 # Forward relevant headers
-                for h in ['Content-Type', 'Content-Length', 'Content-Disposition']:
+                for h in ["Content-Type", "Content-Length", "Content-Disposition"]:
                     if h in resp.headers:
                         response.headers[h] = resp.headers[h]
 
                 await response.prepare(request)
 
-                async for chunk in resp.content.iter_chunked(1024*64):
+                async for chunk in resp.content.iter_chunked(1024 * 64):
                     await response.write(chunk)
 
                 return response
@@ -284,9 +290,9 @@ async def save_config(request):
         config = {}
         if os.path.exists(CONFIG_PATH):
             try:
-                with open(CONFIG_PATH, "r") as f:
+                with open(CONFIG_PATH) as f:
                     config = json.load(f)
-            except:
+            except Exception:
                 pass
 
         if api_key is not None:
@@ -318,13 +324,15 @@ async def get_config(request):
     auth_salt = config.get("auth_salt", os.environ.get("EMBEDDR_AUTH_SALT", ""))
 
     # Return key for UI so frontend can make authorized requests
-    return web.json_response({
-        "endpoint": endpoint,
-        "mode": mode,
-        "grid_preview_contain": grid_preview_contain,
-        "api_key": api_key,
-        "auth_salt": auth_salt,
-    })
+    return web.json_response(
+        {
+            "endpoint": endpoint,
+            "mode": mode,
+            "grid_preview_contain": grid_preview_contain,
+            "api_key": api_key,
+            "auth_salt": auth_salt,
+        }
+    )
 
 
 @PromptServer.instance.routes.get("/embeddr/health")
@@ -507,10 +515,8 @@ async def install_artifact(request):
             os.replace(tmp_path, target_path)
         finally:
             if tmp_path.exists():
-                try:
+                with contextlib.suppress(Exception):
                     tmp_path.unlink()
-                except Exception:
-                    pass
 
     sidecar_payload = _build_sidecar_metadata(artifact_payload, target_path)
     try:
@@ -569,4 +575,4 @@ async def comfy_entrypoint() -> ComfyExtension:
 
 
 WEB_DIRECTORY = "./js"
-__all__ = ["EmbeddrComfyUIExtension", "comfy_entrypoint", "WEB_DIRECTORY"]
+__all__ = ["WEB_DIRECTORY", "EmbeddrComfyUIExtension", "comfy_entrypoint"]
diff --git a/eslint.config.js b/eslint.config.js
index 6a9a0ce..fc73694 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -4,7 +4,14 @@ import { tanstackConfig } from "@tanstack/eslint-config";
 export default [
   ...tanstackConfig,
   {
-    ignores: ["js/**", "build/**", ".vite/**", "coverage/**", "*.config.{js,ts,mjs,cjs,mts}"],
+    ignores: [
+      "js/**",
+      "build/**",
+      ".vite/**",
+      ".venv/**",
+      "coverage/**",
+      "*.config.{js,ts,mjs,cjs,mts}",
+    ],
   },
   {
     files: ["ui/**/*.{ts,tsx}", "nodes/**/*.{ts,tsx}"],
diff --git a/nodes/EmbeddrAction.py b/nodes/EmbeddrAction.py
index 4b0d276..bcdcc5e 100644
--- a/nodes/EmbeddrAction.py
+++ b/nodes/EmbeddrAction.py
@@ -1,5 +1,5 @@
 """
-EmbeddrAction – Dynamic Lotus Action node for ComfyUI.
+EmbeddrAction - Dynamic Lotus Action node for ComfyUI.
 
 Introspects Lotus capabilities (kind=action) at execution time and
 dispatches the selected action via the Embeddr REST API.
@@ -7,11 +7,15 @@
 The frontend extension (ui/nodes/EmbeddrAction.ts) handles the
 dynamic input/widget creation based on the selected action's schema.
 """
+
+import contextlib
 import json
+
 import requests
 from comfy_api.latest import io
+
 from .types import EmbeddrArtifactID, EmbeddrArtifactIDObject
-from .utils.config import get_embeddr_base_url, get_auth_headers
+from .utils.config import get_auth_headers, get_embeddr_base_url
 
 
 def _log(msg: str):
@@ -57,6 +61,7 @@ def _fetch_actions() -> list[dict]:
 def _get_cap_schema(cap_id: str) -> dict | None:
     """Get the capability dict for a given cap_id, using a short-lived cache."""
     import time
+
     global _cap_cache, _cap_cache_ts
 
     now = time.time()
@@ -273,7 +278,7 @@ def execute(
             if not isinstance(key, str) or not key.startswith(_DYN_PREFIX):
                 continue
 
-            payload_key = key[len(_DYN_PREFIX):]
+            payload_key = key[len(_DYN_PREFIX) :]
             if not payload_key:
                 continue
 
@@ -287,10 +292,8 @@ def execute(
             if isinstance(runtime_val, str):
                 trimmed = runtime_val.strip()
                 if trimmed.startswith("{") or trimmed.startswith("["):
-                    try:
+                    with contextlib.suppress(Exception):
                         runtime_val = json.loads(trimmed)
-                    except Exception:
-                        pass
 
             if runtime_val is None:
                 continue
@@ -307,13 +310,19 @@ def execute(
         # Extract connected artifact IDs
         raw_aid = None
         if artifact_id:
-            raw_aid = artifact_id.artifact_id if isinstance(
-                artifact_id, EmbeddrArtifactIDObject) else artifact_id
+            raw_aid = (
+                artifact_id.artifact_id
+                if isinstance(artifact_id, EmbeddrArtifactIDObject)
+                else artifact_id
+            )
 
         raw_aids = None
         if artifact_ids:
-            raw_aids = artifact_ids.artifact_id if isinstance(
-                artifact_ids, EmbeddrArtifactIDObject) else artifact_ids
+            raw_aids = (
+                artifact_ids.artifact_id
+                if isinstance(artifact_ids, EmbeddrArtifactIDObject)
+                else artifact_ids
+            )
             if raw_aids and not isinstance(raw_aids, list):
                 raw_aids = [raw_aids]
 
@@ -321,19 +330,22 @@ def execute(
             # Deduplicate
             seen: set[str] = set()
             unique_ids: list[str] = []
-            for aid in ([raw_aid] if isinstance(raw_aid, str) and raw_aid else (raw_aid if isinstance(raw_aid, list) else [])):
+            for aid in (
+                [raw_aid]
+                if isinstance(raw_aid, str) and raw_aid
+                else (raw_aid if isinstance(raw_aid, list) else [])
+            ):
                 if aid and aid not in seen:
                     seen.add(aid)
                     unique_ids.append(aid)
-            for aid in (raw_aids or []):
+            for aid in raw_aids or []:
                 if aid and aid not in seen:
                     seen.add(aid)
                     unique_ids.append(aid)
 
             if unique_ids:
                 if has_resource_field and "resource" not in payload:
-                    payload["resource"] = unique_ids[0] if len(
-                        unique_ids) == 1 else unique_ids
+                    payload["resource"] = unique_ids[0] if len(unique_ids) == 1 else unique_ids
                 else:
                     if "artifact_id" not in payload:
                         payload["artifact_id"] = unique_ids[0]
@@ -344,8 +356,7 @@ def execute(
         base_url = get_embeddr_base_url()
         url = f"{base_url}/api/v1/lotus/{cap_id}"
 
-        _log(
-            f"Invoking action '{cap_id}' with payload: {json.dumps(payload, default=str)[:500]}")
+        _log(f"Invoking action '{cap_id}' with payload: {json.dumps(payload, default=str)[:500]}")
 
         try:
             resp = requests.post(
@@ -364,16 +375,18 @@ def execute(
                 error_text = resp.text[:500]
                 _log(f"Action error: {error_text}")
                 return io.NodeOutput(
-                    json.dumps(
-                        {"error": error_text, "status_code": resp.status_code}),
+                    json.dumps({"error": error_text, "status_code": resp.status_code}),
                     "error",
                     "",
                     "",
                     error_text,
                 )
 
-            result = resp.json() if resp.headers.get(
-                "content-type", "").startswith("application/json") else {"raw": resp.text}
+            result = (
+                resp.json()
+                if resp.headers.get("content-type", "").startswith("application/json")
+                else {"raw": resp.text}
+            )
 
             # ── Extract typed outputs from result ──
             output_ids = ""
@@ -382,10 +395,10 @@ def execute(
             status_str = "ok"
 
             if isinstance(result, dict):
-                outputs_obj = result.get("outputs") if isinstance(
-                    result.get("outputs"), dict) else {}
-                output_schema_props = _get_output_schema_props(
-                    cap) if cap else {}
+                outputs_obj = (
+                    result.get("outputs") if isinstance(result.get("outputs"), dict) else {}
+                )
+                output_schema_props = _get_output_schema_props(cap) if cap else {}
 
                 # Status
                 if "status" in result:
@@ -395,8 +408,13 @@ def execute(
 
                 # Artifact IDs
                 artifact_keys = [
-                    key for key in (
-                        "artifact_id", "id", "artifact_ids", "ids", "output_artifact_id",
+                    key
+                    for key in (
+                        "artifact_id",
+                        "id",
+                        "artifact_ids",
+                        "ids",
+                        "output_artifact_id",
                     )
                     if (not output_schema_props) or key in output_schema_props
                 ] or ["artifact_id", "id", "artifact_ids", "ids", "output_artifact_id"]
@@ -404,17 +422,28 @@ def execute(
                 if artifact_val is None:
                     artifact_val = _pick_first_value(result, artifact_keys)
                 if artifact_val:
-                    output_ids = artifact_val if isinstance(
-                        artifact_val, str) else json.dumps(artifact_val)
+                    output_ids = (
+                        artifact_val if isinstance(artifact_val, str) else json.dumps(artifact_val)
+                    )
 
                 # Primary text content (captions, messages, values, etc.)
                 _TEXT_KEYS = (
-                    "response_text", "caption_text", "caption", "value", "text",
-                    "message", "content", "description", "summary",
-                    "output", "answer", "response",
+                    "response_text",
+                    "caption_text",
+                    "caption",
+                    "value",
+                    "text",
+                    "message",
+                    "content",
+                    "description",
+                    "summary",
+                    "output",
+                    "answer",
+                    "response",
                 )
                 text_keys = [
-                    key for key in _TEXT_KEYS
+                    key
+                    for key in _TEXT_KEYS
                     if (not output_schema_props) or key in output_schema_props
                 ] or list(_TEXT_KEYS)
                 text_val = _pick_first_value(outputs_obj, text_keys)
@@ -443,8 +472,7 @@ def execute(
                     if better_val is not None:
                         text_val = better_val
                 if text_val is not None:
-                    text_output = str(text_val) if not isinstance(
-                        text_val, str) else text_val
+                    text_output = str(text_val) if not isinstance(text_val, str) else text_val
 
                 # Error
                 if result.get("error"):
diff --git a/nodes/EmbeddrExtractArtifactInfo.py b/nodes/EmbeddrExtractArtifactInfo.py
index 8aceedf..3832613 100644
--- a/nodes/EmbeddrExtractArtifactInfo.py
+++ b/nodes/EmbeddrExtractArtifactInfo.py
@@ -1,5 +1,6 @@
 from comfy_api.latest import io
-from .types import EmbeddrArtifactInfo, EmbeddrArtifactID, EmbeddrArtifactIDObject
+
+from .types import EmbeddrArtifactID, EmbeddrArtifactIDObject, EmbeddrArtifactInfo
 
 
 class EmbeddrExtractArtifactInfoNode(io.ComfyNode):
@@ -12,15 +13,14 @@ def define_schema(cls) -> io.Schema:
             category="Embeddr",
             inputs=[
                 EmbeddrArtifactInfo.Input(
-                    "artifact_info", tooltip="Artifact Info object from Load Artifact"),
+                    "artifact_info", tooltip="Artifact Info object from Load Artifact"
+                ),
             ],
             outputs=[
-                EmbeddrArtifactID.Output(
-                    "parent_ids", tooltip="List of parent Artifact IDs"),
+                EmbeddrArtifactID.Output("parent_ids", tooltip="List of parent Artifact IDs"),
                 # EmbeddrArtifactID.Output("collection_ids", tooltip="List of collection IDs"),
                 io.String.Output("tags", tooltip="Comma-separated tags"),
-                io.String.Output(
-                    "all_json", tooltip="Full JSON dump of the artifact metadata"),
+                io.String.Output("all_json", tooltip="Full JSON dump of the artifact metadata"),
             ],
         )
 
@@ -85,10 +85,7 @@ def get_parents_from_dict(d):
         tags_str = ",".join(tags)
 
         import json
+
         json_str = json.dumps(data, indent=2)
 
-        return io.NodeOutput(
-            EmbeddrArtifactIDObject(artifact_id=parent_str),
-            tags_str,
-            json_str
-        )
+        return io.NodeOutput(EmbeddrArtifactIDObject(artifact_id=parent_str), tags_str, json_str)
diff --git a/nodes/EmbeddrFindCollection.py b/nodes/EmbeddrFindCollection.py
index 449512e..930a3d9 100644
--- a/nodes/EmbeddrFindCollection.py
+++ b/nodes/EmbeddrFindCollection.py
@@ -1,6 +1,7 @@
 import requests
 from comfy_api.latest import io
-from .utils.config import get_config, get_auth_headers
+
+from .utils.config import get_auth_headers, get_config
 
 
 def Embeddr_Log(message: str):
@@ -15,25 +16,33 @@ def define_schema(cls) -> io.Schema:
             display_name="Embeddr Find Collection",
             category="Embeddr",
             inputs=[
-                io.String.Input("collection_name", default="", optional=True,
-                                tooltip="Name to find (or create if missing)"),
-                io.String.Input("collection_id", default="",
-                                tooltip="Direct Collection ID (overrides Name)"),
-                io.Boolean.Input("create_if_missing", default=True,
-                                 tooltip="Create collection if it doesn't exist (Only applies to Name)"),
+                io.String.Input(
+                    "collection_name",
+                    default="",
+                    optional=True,
+                    tooltip="Name to find (or create if missing)",
+                ),
+                io.String.Input(
+                    "collection_id", default="", tooltip="Direct Collection ID (overrides Name)"
+                ),
+                io.Boolean.Input(
+                    "create_if_missing",
+                    default=True,
+                    tooltip="Create collection if it doesn't exist (Only applies to Name)",
+                ),
             ],
             outputs=[
                 io.String.Output("collection_id"),
-            ]
+            ],
         )
 
     @classmethod
     def execute(cls, collection_name, create_if_missing, collection_id=""):
         Embeddr_Log(
-            f"EXECUTE FindCollection: name='{collection_name}', id='{collection_id}', create={create_if_missing}")
+            f"EXECUTE FindCollection: name='{collection_name}', id='{collection_id}', create={create_if_missing}"
+        )
         config = get_config()
-        base_url = config.get("embeddr_url") or config.get(
-            "endpoint") or "http://localhost:8003"
+        base_url = config.get("embeddr_url") or config.get("endpoint") or "http://localhost:8003"
         base_url = base_url.rstrip("/")
 
         # 1. Direct ID Priority
@@ -45,8 +54,7 @@ def execute(cls, collection_name, create_if_missing, collection_id=""):
         try:
             # 2. List Collections to Find by Name
             # Note: Removed limit=1000 to avoid potential 422 if API doesn't support it
-            resp = requests.get(
-                f"{base_url}/api/v1/collections", headers=get_auth_headers())
+            resp = requests.get(f"{base_url}/api/v1/collections", headers=get_auth_headers())
             # If 404, maybe endpoint is different.
             if resp.status_code == 404:
                 # Fallback to V1? Or just fail.
@@ -72,24 +80,26 @@ def execute(cls, collection_name, create_if_missing, collection_id=""):
 
             if found:
                 Embeddr_Log(
-                    f"Found Collection: {found.get('label', 'Unnamed')} ({found.get('id')})")
+                    f"Found Collection: {found.get('label', 'Unnamed')} ({found.get('id')})"
+                )
                 return io.NodeOutput(str(found.get("id")))
 
             if collection_name and create_if_missing:
                 # Create
-                payload = {"label": collection_name,
-                           "type_name": "collection:mix",
-                           "uri": f"embeddr:///collections/{collection_name.lower().replace(' ', '_')}"}
+                payload = {
+                    "label": collection_name,
+                    "type_name": "collection:mix",
+                    "uri": f"embeddr:///collections/{collection_name.lower().replace(' ', '_')}",
+                }
                 resp = requests.post(
-                    f"{base_url}/api/v1/collections", json=payload, headers=get_auth_headers())
+                    f"{base_url}/api/v1/collections", json=payload, headers=get_auth_headers()
+                )
                 resp.raise_for_status()
                 new_col = resp.json()
-                Embeddr_Log(
-                    f"Created Collection: {new_col.get('label')} ({new_col.get('id')})")
+                Embeddr_Log(f"Created Collection: {new_col.get('label')} ({new_col.get('id')})")
                 return io.NodeOutput(str(new_col.get("id")))
 
-            Embeddr_Log(
-                f"Collection '{collection_name}' not found and creation disabled.")
+            Embeddr_Log(f"Collection '{collection_name}' not found and creation disabled.")
             # Fallback to empty string
             return io.NodeOutput("")
 
diff --git a/nodes/EmbeddrFindSimilarArtifacts.py b/nodes/EmbeddrFindSimilarArtifacts.py
index 7233fed..985432a 100644
--- a/nodes/EmbeddrFindSimilarArtifacts.py
+++ b/nodes/EmbeddrFindSimilarArtifacts.py
@@ -1,9 +1,11 @@
+import io as pyio
+
+import numpy as np
 import requests
 import torch
-import numpy as np
+from comfy_api.latest import io
 from PIL import Image
-import io as pyio
-from comfy_api.latest import io, ui
+
 from .utils import get_config
 from .utils.config import get_auth_headers
 
@@ -30,8 +32,7 @@ def define_schema(cls) -> io.Schema:
     @classmethod
     def execute(cls, image, limit, model_name="lotus"):
         config = get_config()
-        base_url = config.get("embeddr_url") or config.get(
-            "endpoint") or "http://localhost:8003"
+        base_url = config.get("embeddr_url") or config.get("endpoint") or "http://localhost:8003"
         base_url = base_url.rstrip("/")
 
         # Endpoint in Plugin
@@ -50,15 +51,13 @@ def execute(cls, image, limit, model_name="lotus"):
 
         try:
             # Upload & Search
-            response = requests.post(
-                api_url, files=files, data=data, headers=get_auth_headers())
+            response = requests.post(api_url, files=files, data=data, headers=get_auth_headers())
             response.raise_for_status()
             results = response.json()
             items = results.get("items", [])  # List of objects {id, uri, ...}
 
             if not items:
-                empty = torch.zeros(
-                    (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+                empty = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
                 return io.NodeOutput([empty], ["-1"])
 
             output_images = []
@@ -69,8 +68,7 @@ def execute(cls, image, limit, model_name="lotus"):
                 content_url = f"{base_url}/api/v1/plugins/embeddr-comfyui/content/{art_id}"
 
                 try:
-                    img_resp = requests.get(
-                        content_url, headers=get_auth_headers())
+                    img_resp = requests.get(content_url, headers=get_auth_headers())
                     if img_resp.status_code == 200:
                         i = Image.open(pyio.BytesIO(img_resp.content))
                         i = i.convert("RGB")
@@ -79,18 +77,15 @@ def execute(cls, image, limit, model_name="lotus"):
                         output_images.append(torch.from_numpy(i_np)[None,])
                         output_ids.append(str(art_id))
                 except Exception as e:
-                    print(
-                        f"Failed to fetch content for similar item {art_id}: {e}")
+                    print(f"Failed to fetch content for similar item {art_id}: {e}")
 
             if not output_images:
-                empty = torch.zeros(
-                    (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+                empty = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
                 return io.NodeOutput([empty], ["-1"])
 
             return io.NodeOutput(output_images, output_ids)
 
         except Exception as e:
             print(f"[Embeddr] FindSimilar Error: {e}")
-            empty = torch.zeros(
-                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+            empty = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
             return io.NodeOutput([empty], ["-1"])
diff --git a/nodes/EmbeddrFindSimilarText.py b/nodes/EmbeddrFindSimilarText.py
index e93daed..06258d1 100644
--- a/nodes/EmbeddrFindSimilarText.py
+++ b/nodes/EmbeddrFindSimilarText.py
@@ -1,11 +1,13 @@
+import io as pyio
+
+import numpy as np
 import requests
 import torch
-import numpy as np
+from comfy_api.latest import io
 from PIL import Image, ImageOps
-import io as pyio
-from comfy_api.latest import io, ui
+
 from .utils import get_config
-from .utils.api import get_libraries, get_collections
+from .utils.api import get_collections, get_libraries
 from .utils.config import get_auth_headers
 
 
@@ -13,8 +15,8 @@ class EmbeddrFindSimilarTextNode(io.ComfyNode):
     @classmethod
     def define_schema(cls) -> io.Schema:
         # Fetch dynamic options
-        libraries = ["All"] + get_libraries()
-        collections = ["All"] + get_collections()
+        libraries = ["All", *get_libraries()]
+        collections = ["All", *get_collections()]
 
         return io.Schema(
             node_id="embeddr.FindSimilarText",
@@ -24,8 +26,7 @@ def define_schema(cls) -> io.Schema:
             inputs=[
                 io.String.Input("prompt", multiline=True),
                 io.Combo.Input("library", options=libraries, default="All"),
-                io.Combo.Input(
-                    "collection", options=collections, default="All"),
+                io.Combo.Input("collection", options=collections, default="All"),
                 io.Int.Input("limit", default=5, min=1, max=50),
             ],
             outputs=[
@@ -50,40 +51,34 @@ def execute(cls, prompt, library="All", collection="All", limit=5):
             try:
                 lib_id = int(library.split(":")[0])
                 params["library_id"] = lib_id
-            except:
+            except Exception:
                 pass
 
         if collection != "All":
             try:
                 col_id = int(collection.split(":")[0])
                 params["collection_id"] = col_id
-            except:
+            except Exception:
                 pass
 
         try:
-            response = requests.get(
-                api_url, params=params, headers=get_auth_headers())
+            response = requests.get(api_url, params=params, headers=get_auth_headers())
             response.raise_for_status()
             results = response.json()
             items = results.get("items", [])
 
             if not items:
                 # Return empty
-                empty = torch.zeros(
-                    (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+                empty = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
                 return io.NodeOutput(empty, "")
 
             # Load images
             output_images = []
             output_ids = []
 
-            first_width = 0
-            first_height = 0
-
             for item in items:
                 # Fetch image file
-                img_url = endpoint.rstrip(
-                    "/") + f"/api/v1/images/{item['id']}/file"
+                img_url = endpoint.rstrip("/") + f"/api/v1/images/{item['id']}/file"
                 img_resp = requests.get(img_url, headers=get_auth_headers())
                 if img_resp.status_code == 200:
                     i = Image.open(pyio.BytesIO(img_resp.content))
@@ -93,7 +88,7 @@ def execute(cls, prompt, library="All", collection="All", limit=5):
                     i = np.array(i).astype(np.float32) / 255.0
                     # Add batch dimension (1, H, W, C)
                     output_images.append(torch.from_numpy(i).unsqueeze(0))
-                    output_ids.append(str(item['id']))
+                    output_ids.append(str(item["id"]))
 
             if not output_images:
                 return io.NodeOutput([], [])
@@ -102,6 +97,5 @@ def execute(cls, prompt, library="All", collection="All", limit=5):
 
         except Exception as e:
             print(f"[Embeddr] Find Similar Text error: {e}")
-            empty = torch.zeros(
-                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+            empty = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
             return io.NodeOutput(empty, "")
diff --git a/nodes/EmbeddrFindSimilarToArtifact.py b/nodes/EmbeddrFindSimilarToArtifact.py
index 2eaceca..61f5bf0 100644
--- a/nodes/EmbeddrFindSimilarToArtifact.py
+++ b/nodes/EmbeddrFindSimilarToArtifact.py
@@ -1,12 +1,14 @@
+import io as pyio
+
+import numpy as np
 import requests
 import torch
-import numpy as np
+from comfy_api.latest import io
 from PIL import Image
-import io as pyio
-from comfy_api.latest import io, ui
+
+from .types import EmbeddrArtifactID
 from .utils import get_config
 from .utils.config import get_auth_headers
-from .types import EmbeddrArtifactID
 
 
 class EmbeddrFindSimilarToArtifactNode(io.ComfyNode):
@@ -18,8 +20,7 @@ def define_schema(cls) -> io.Schema:
             description="Finds similar artifacts using an existing Artifact ID.",
             category="Embeddr",
             inputs=[
-                EmbeddrArtifactID.Input(
-                    "artifact_id", tooltip="The Source Artifact ID"),
+                EmbeddrArtifactID.Input("artifact_id", tooltip="The Source Artifact ID"),
                 io.Int.Input("limit", default=5, min=1, max=50),
                 io.String.Input("model_name", default="lotus"),
             ],
@@ -32,8 +33,7 @@ def define_schema(cls) -> io.Schema:
     @classmethod
     def execute(cls, artifact_id, limit, model_name="lotus"):
         config = get_config()
-        base_url = config.get("embeddr_url") or config.get(
-            "endpoint") or "http://localhost:8003"
+        base_url = config.get("embeddr_url") or config.get("endpoint") or "http://localhost:8003"
         base_url = base_url.rstrip("/")
 
         # Endpoint in Plugin
@@ -46,23 +46,17 @@ def execute(cls, artifact_id, limit, model_name="lotus"):
             if isinstance(aid, list):
                 aid = aid[0]  # Take first if list
 
-        data = {
-            "artifact_id": aid,
-            "limit": limit,
-            "model_name": model_name
-        }
+        data = {"artifact_id": aid, "limit": limit, "model_name": model_name}
 
         try:
             # Search
-            response = requests.post(
-                api_url, data=data, headers=get_auth_headers())
+            response = requests.post(api_url, data=data, headers=get_auth_headers())
             response.raise_for_status()
             results = response.json()
             items = results.get("items", [])
 
             if not items:
-                empty = torch.zeros(
-                    (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+                empty = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
                 return io.NodeOutput([empty], ["-1"])
 
             output_images = []
@@ -73,8 +67,7 @@ def execute(cls, artifact_id, limit, model_name="lotus"):
                 content_url = f"{base_url}/api/v1/plugins/embeddr-comfyui/content/{art_id}"
 
                 try:
-                    img_resp = requests.get(
-                        content_url, headers=get_auth_headers())
+                    img_resp = requests.get(content_url, headers=get_auth_headers())
                     if img_resp.status_code == 200:
                         i = Image.open(pyio.BytesIO(img_resp.content))
                         i = i.convert("RGB")
@@ -82,18 +75,15 @@ def execute(cls, artifact_id, limit, model_name="lotus"):
                         output_images.append(torch.from_numpy(i_np)[None,])
                         output_ids.append(str(art_id))
                 except Exception as e:
-                    print(
-                        f"Failed to fetch content for similar item {art_id}: {e}")
+                    print(f"Failed to fetch content for similar item {art_id}: {e}")
 
             if not output_images:
-                empty = torch.zeros(
-                    (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+                empty = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
                 return io.NodeOutput([empty], ["-1"])
 
             return io.NodeOutput(output_images, output_ids)
 
         except Exception as e:
             print(f"[Embeddr] FindSimilarToID Error: {e}")
-            empty = torch.zeros(
-                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+            empty = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
             return io.NodeOutput([empty], ["-1"])
diff --git a/nodes/EmbeddrLoRAStack.py b/nodes/EmbeddrLoRAStack.py
index 08f6229..44dc2c8 100644
--- a/nodes/EmbeddrLoRAStack.py
+++ b/nodes/EmbeddrLoRAStack.py
@@ -12,10 +12,8 @@ def define_schema(cls) -> io.Schema:
         ]
 
         # Add 1 slot initially, frontend will handle the rest
-        inputs.append(io.Combo.Input(
-            "lora_1", default="None", options=["None"] + loras))
-        inputs.append(io.Float.Input(
-            "strength_1", default=1.0, min=-10.0, max=10.0, step=0.01))
+        inputs.append(io.Combo.Input("lora_1", default="None", options=["None", *loras]))
+        inputs.append(io.Float.Input("strength_1", default=1.0, min=-10.0, max=10.0, step=0.01))
 
         return io.Schema(
             node_id="embeddr.LoRAStack",
@@ -39,7 +37,7 @@ def execute(cls, model, **kwargs):
         # We expect keys like lora_1, strength_1, lora_2, strength_2, etc.
 
         # Find all lora keys
-        lora_keys = [k for k in kwargs.keys() if k.startswith("lora_")]
+        lora_keys = [k for k in kwargs if k.startswith("lora_")]
         # Sort them by index
         lora_keys.sort(key=lambda x: int(x.split("_")[1]))
 
@@ -51,9 +49,9 @@ def execute(cls, model, **kwargs):
             if lora_name and lora_name != "None":
                 lora_path = folder_paths.get_full_path("loras", lora_name)
                 if lora_path:
-                    lora = comfy.utils.load_torch_file(
-                        lora_path, safe_load=True)
-                    out_model, out_clip = comfy.sd.load_lora_for_models(
-                        out_model, None, lora, strength, strength)
+                    lora = comfy.utils.load_torch_file(lora_path, safe_load=True)
+                    out_model, _out_clip = comfy.sd.load_lora_for_models(
+                        out_model, None, lora, strength, strength
+                    )
 
         return io.NodeOutput(out_model)
diff --git a/nodes/EmbeddrLoadArtifact.py b/nodes/EmbeddrLoadArtifact.py
index 64d8470..f103834 100644
--- a/nodes/EmbeddrLoadArtifact.py
+++ b/nodes/EmbeddrLoadArtifact.py
@@ -1,18 +1,26 @@
-import requests
-from urllib.parse import urljoin, urlparse
 import logging
 import os
-import torch
-import numpy as np
-from PIL import Image, ImageOps
 from io import BytesIO
+from typing import ClassVar
+from urllib.parse import urljoin, urlparse
+
+import numpy as np
+import requests
+import torch
 from comfy_api.latest import io, ui
+from PIL import Image, ImageOps
+
+from .types import (
+    EmbeddrArtifactID,
+    EmbeddrArtifactIDObject,
+    EmbeddrArtifactInfo,
+    EmbeddrArtifactInfoObject,
+)
 from .utils.config import get_auth_headers, get_embeddr_base_url
-from .types import EmbeddrArtifactID, EmbeddrArtifactIDObject, EmbeddrArtifactInfo, EmbeddrArtifactInfoObject
 
 
 class EmbeddrLoadArtifactNode(io.ComfyNode):
-    _cache = {}
+    _cache: ClassVar[dict] = {}
 
     _logger = logging.getLogger("embeddr.comfyui.load_artifact")
 
@@ -32,10 +40,8 @@ def _debug(cls, message: str, **fields):
     @classmethod
     def _resolve_artifact_url(cls, base_url: str, artifact_id: str, auth_ticket: str = ""):
         resolve_url = f"{base_url}/api/v1/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
-        cls._debug("resolving_artifact", artifact_id=artifact_id,
-                   resolve_url=resolve_url)
-        res = requests.get(
-            resolve_url, headers=get_auth_headers(auth_ticket=auth_ticket))
+        cls._debug("resolving_artifact", artifact_id=artifact_id, resolve_url=resolve_url)
+        res = requests.get(resolve_url, headers=get_auth_headers(auth_ticket=auth_ticket))
         res.raise_for_status()
         data = res.json()
         url = data.get("url")
@@ -65,8 +71,7 @@ def _resolve_artifact_url(cls, base_url: str, artifact_id: str, auth_ticket: str
                 proxy_url=proxy_url,
             )
             return proxy_url, {}
-        cls._debug("resolved_artifact", artifact_id=artifact_id,
-                   url=url, headers=headers)
+        cls._debug("resolved_artifact", artifact_id=artifact_id, url=url, headers=headers)
         return url, headers
 
     @classmethod
@@ -77,13 +82,21 @@ def define_schema(cls) -> io.Schema:
             description="Loads an image/artifact from Embeddr by UUID.",
             category="Embeddr",
             inputs=[
-                io.String.Input("manual_artifact_id",
-                                tooltip="Manual UUID string (used if input not connected)", default=""),
-                EmbeddrArtifactID.Input("artifact_id",
-                                        tooltip="UUID of the artifact to load", optional=True),
-                io.String.Input("auth_ticket", default="",
-                                tooltip="Ephemeral auth ticket for per-user access", optional=True),
-                io.Boolean.Input("use_cache", default=True)
+                io.String.Input(
+                    "manual_artifact_id",
+                    tooltip="Manual UUID string (used if input not connected)",
+                    default="",
+                ),
+                EmbeddrArtifactID.Input(
+                    "artifact_id", tooltip="UUID of the artifact to load", optional=True
+                ),
+                io.String.Input(
+                    "auth_ticket",
+                    default="",
+                    tooltip="Ephemeral auth ticket for per-user access",
+                    optional=True,
+                ),
+                io.Boolean.Input("use_cache", default=True),
             ],
             outputs=[
                 io.Image.Output("image"),
@@ -110,30 +123,29 @@ def execute(cls, use_cache, artifact_id=None, manual_artifact_id=None, auth_tick
 
         if not resolved_id:
             # Return empty black image if no ID
-            empty_image = torch.zeros(
-                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
-            empty_mask = torch.zeros(
-                (1, 64, 64), dtype=torch.float32, device="cpu")
+            empty_image = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
+            empty_mask = torch.zeros((1, 64, 64), dtype=torch.float32, device="cpu")
             return io.NodeOutput(
                 empty_image,
                 empty_mask,
                 EmbeddrArtifactIDObject(artifact_id=""),
-                EmbeddrArtifactInfoObject(data={})
+                EmbeddrArtifactInfoObject(data={}),
             )
 
         cache_key = (resolved_id, str(auth_ticket or ""))
 
         if use_cache and cache_key in cls._cache:
             image, mask, info = cls._cache[cache_key]
-            return io.NodeOutput(image, mask, EmbeddrArtifactIDObject(artifact_id=resolved_id), info)
+            return io.NodeOutput(
+                image, mask, EmbeddrArtifactIDObject(artifact_id=resolved_id), info
+            )
 
         try:
             base_url = get_embeddr_base_url()
 
             # 1. Fetch JSON metadata first
             meta_url = f"{base_url}/api/v1/artifacts/{resolved_id}"
-            meta_res = requests.get(
-                meta_url, headers=get_auth_headers(auth_ticket=auth_ticket))
+            meta_res = requests.get(meta_url, headers=get_auth_headers(auth_ticket=auth_ticket))
             meta_res.raise_for_status()
             artifact_data = meta_res.json()
             info_obj = EmbeddrArtifactInfoObject(data=artifact_data)
@@ -169,20 +181,25 @@ def execute(cls, use_cache, artifact_id=None, manual_artifact_id=None, auth_tick
             image = np.array(image).astype(np.float32) / 255.0
             image = torch.from_numpy(image)[None,]
 
-            if 'A' in img.getbands():
-                mask = np.array(img.getchannel('A')).astype(np.float32) / 255.0
-                mask = 1. - torch.from_numpy(mask)
+            if "A" in img.getbands():
+                mask = np.array(img.getchannel("A")).astype(np.float32) / 255.0
+                mask = 1.0 - torch.from_numpy(mask)
             else:
                 mask = torch.zeros((64, 64), dtype=torch.float32, device="cpu")
 
             if use_cache:
                 cls._cache[cache_key] = (image, mask, info_obj)
 
-            return io.NodeOutput(image, mask, EmbeddrArtifactIDObject(artifact_id=resolved_id), info_obj, ui=ui.PreviewImage(image))
+            return io.NodeOutput(
+                image,
+                mask,
+                EmbeddrArtifactIDObject(artifact_id=resolved_id),
+                info_obj,
+                ui=ui.PreviewImage(image),
+            )
 
         except Exception as e:
             print(f"[Embeddr] Error loading artifact {resolved_id}: {e}")
-            cls._debug("artifact_load_failed",
-                       artifact_id=resolved_id, error=str(e))
+            cls._debug("artifact_load_failed", artifact_id=resolved_id, error=str(e))
             # Raise error to stop workflow if loading fails
             raise e
diff --git a/nodes/EmbeddrLoadArtifacts.py b/nodes/EmbeddrLoadArtifacts.py
index 0791650..3cf6b83 100644
--- a/nodes/EmbeddrLoadArtifacts.py
+++ b/nodes/EmbeddrLoadArtifacts.py
@@ -1,21 +1,24 @@
-import requests
 import logging
 import os
+from io import BytesIO
+from typing import ClassVar
 from urllib.parse import urljoin, urlparse
-import torch
+
 import numpy as np
+import requests
+import torch
+from comfy_api.latest import io
 from PIL import Image, ImageOps
-from io import BytesIO
-from comfy_api.latest import io, ui
+
+from .types import EmbeddrArtifactID
 from .utils import get_config
 from .utils.api import get_collections
 from .utils.config import get_auth_headers
 from .utils.ids import normalize_ids
-from .types import EmbeddrArtifactID
 
 
 class EmbeddrLoadArtifactsNode(io.ComfyNode):
-    _cache = {}
+    _cache: ClassVar[dict] = {}
 
     _logger = logging.getLogger("embeddr.comfyui.load_artifacts")
 
@@ -35,10 +38,8 @@ def _debug(cls, message: str, **fields):
     @classmethod
     def _resolve_artifact_url(cls, base_url: str, artifact_id: str, auth_ticket: str = ""):
         resolve_url = f"{base_url}/api/v1/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
-        cls._debug("resolving_artifact", artifact_id=artifact_id,
-                   resolve_url=resolve_url)
-        res = requests.get(
-            resolve_url, headers=get_auth_headers(auth_ticket=auth_ticket))
+        cls._debug("resolving_artifact", artifact_id=artifact_id, resolve_url=resolve_url)
+        res = requests.get(resolve_url, headers=get_auth_headers(auth_ticket=auth_ticket))
         res.raise_for_status()
         data = res.json()
         url = data.get("url")
@@ -60,13 +61,12 @@ def _resolve_artifact_url(cls, base_url: str, artifact_id: str, auth_ticket: str
                 proxy_url=proxy_url,
             )
             return proxy_url, {}
-        cls._debug("resolved_artifact", artifact_id=artifact_id,
-                   url=url, headers=headers)
+        cls._debug("resolved_artifact", artifact_id=artifact_id, url=url, headers=headers)
         return url, headers
 
     @classmethod
     def define_schema(cls) -> io.Schema:
-        collections = ["All"] + get_collections()
+        collections = ["All", *get_collections()]
 
         return io.Schema(
             node_id="embeddr.LoadArtifacts",
@@ -75,13 +75,18 @@ def define_schema(cls) -> io.Schema:
             category="Embeddr",
             inputs=[
                 EmbeddrArtifactID.Input(
-                    "artifact_ids", tooltip="Optional list of IDs to load (overrides collection)", optional=True),
-                io.String.Input("auth_ticket", default="",
-                                tooltip="Ephemeral auth ticket for per-user access", optional=True),
-                io.Combo.Input(
-                    "collection", options=collections, default="All"),
-                io.Combo.Input("sort_by", options=[
-                               "newest", "random"], default="newest"),
+                    "artifact_ids",
+                    tooltip="Optional list of IDs to load (overrides collection)",
+                    optional=True,
+                ),
+                io.String.Input(
+                    "auth_ticket",
+                    default="",
+                    tooltip="Ephemeral auth ticket for per-user access",
+                    optional=True,
+                ),
+                io.Combo.Input("collection", options=collections, default="All"),
+                io.Combo.Input("sort_by", options=["newest", "random"], default="newest"),
                 io.Int.Input("limit", default=5, min=1, max=50),
                 io.Int.Input("seed", default=0, display_name="Random Seed"),
             ],
@@ -103,16 +108,16 @@ def execute(cls, collection, sort_by, limit, seed, artifact_ids=None, auth_ticke
             manual_ids.sort()
             cache_key = ("ids", tuple(manual_ids), str(auth_ticket or ""))
         else:
-            cache_key = (collection, sort_by, limit,
-                         seed, str(auth_ticket or ""))
+            cache_key = (collection, sort_by, limit, seed, str(auth_ticket or ""))
 
         if cache_key in cls._cache:
             return cls._cache[cache_key]
 
         try:
             config = get_config()
-            base_url = config.get("embeddr_url") or config.get(
-                "endpoint") or "http://localhost:8003"
+            base_url = (
+                config.get("embeddr_url") or config.get("endpoint") or "http://localhost:8003"
+            )
             base_url = base_url.rstrip("/")
 
             items = []
@@ -129,17 +134,13 @@ def execute(cls, collection, sort_by, limit, seed, artifact_ids=None, auth_ticke
             else:
                 # List Artifacts
                 api_url = f"{base_url}/api/v1/artifacts/"
-                params = {
-                    "limit": limit,
-                    "type_name": "image",
-                    "offset": 0
-                }
+                params = {"limit": limit, "type_name": "image", "offset": 0}
 
                 if collection != "All":
                     try:
                         col_id = collection.split(":")[0].strip()
                         params["collection_id"] = col_id
-                    except:
+                    except Exception:
                         pass
 
                 if sort_by == "random":
@@ -149,7 +150,8 @@ def execute(cls, collection, sort_by, limit, seed, artifact_ids=None, auth_ticke
                     params["sort"] = "new"
 
                 response = requests.get(
-                    api_url, params=params, headers=get_auth_headers(auth_ticket=auth_ticket))
+                    api_url, params=params, headers=get_auth_headers(auth_ticket=auth_ticket)
+                )
                 response.raise_for_status()
                 data = response.json()
                 items = data.get("items", [])
@@ -165,7 +167,8 @@ def execute(cls, collection, sort_by, limit, seed, artifact_ids=None, auth_ticke
                 art_id = item.get("id")
 
                 content_url, content_headers = cls._resolve_artifact_url(
-                    base_url, art_id, auth_ticket)
+                    base_url, art_id, auth_ticket
+                )
                 try:
                     final_headers = get_auth_headers(auth_ticket=auth_ticket)
                     if content_headers:
@@ -180,19 +183,20 @@ def execute(cls, collection, sort_by, limit, seed, artifact_ids=None, auth_ticke
                     i_np = np.array(i).astype(np.float32) / 255.0
                     images_list.append(torch.from_numpy(i_np))
 
-                    if 'A' in img.getbands():
-                        m_np = np.array(img.getchannel('A')).astype(
-                            np.float32) / 255.0
-                        masks_list.append(1. - torch.from_numpy(m_np))
+                    if "A" in img.getbands():
+                        m_np = np.array(img.getchannel("A")).astype(np.float32) / 255.0
+                        masks_list.append(1.0 - torch.from_numpy(m_np))
                     else:
-                        masks_list.append(torch.zeros(
-                            (i_np.shape[0], i_np.shape[1]), dtype=torch.float32, device="cpu"))
+                        masks_list.append(
+                            torch.zeros(
+                                (i_np.shape[0], i_np.shape[1]), dtype=torch.float32, device="cpu"
+                            )
+                        )
 
                     ids_list.append(str(art_id))
                 except Exception as e:
                     print(f"Failed to load artifact {art_id}: {e}")
-                    cls._debug("artifact_load_failed",
-                               artifact_id=str(art_id), error=str(e))
+                    cls._debug("artifact_load_failed", artifact_id=str(art_id), error=str(e))
 
             if not images_list:
                 return cls._return_empty()
@@ -209,8 +213,6 @@ def execute(cls, collection, sort_by, limit, seed, artifact_ids=None, auth_ticke
 
     @classmethod
     def _return_empty(cls):
-        empty_image = torch.zeros(
-            (1, 64, 64, 3), dtype=torch.float32, device="cpu")
-        empty_mask = torch.zeros(
-            (1, 64, 64), dtype=torch.float32, device="cpu")
+        empty_image = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
+        empty_mask = torch.zeros((1, 64, 64), dtype=torch.float32, device="cpu")
         return io.NodeOutput([empty_image], ["-1"], [empty_mask])
diff --git a/nodes/EmbeddrLoadImages.py b/nodes/EmbeddrLoadImages.py
index 5162a68..88ab832 100644
--- a/nodes/EmbeddrLoadImages.py
+++ b/nodes/EmbeddrLoadImages.py
@@ -1,20 +1,22 @@
-import requests
-from urllib.parse import urljoin, urlparse
 import logging
 import os
-import torch
+from io import BytesIO
+from typing import ClassVar
+from urllib.parse import urljoin, urlparse
+
 import numpy as np
+import requests
+import torch
+from comfy_api.latest import io
 from PIL import Image, ImageOps
-from io import BytesIO
-import random
-from comfy_api.latest import io, ui
+
 from .utils import get_config
 from .utils.api import get_collections, get_libraries
 from .utils.config import get_auth_headers
 
 
 class EmbeddrLoadImagesNode(io.ComfyNode):
-    _cache = {}
+    _cache: ClassVar[dict] = {}
 
     _logger = logging.getLogger("embeddr.comfyui.load_images")
 
@@ -34,10 +36,8 @@ def _debug(cls, message: str, **fields):
     @classmethod
     def _resolve_artifact_url(cls, base_url: str, artifact_id: str, auth_ticket: str = ""):
         resolve_url = f"{base_url}/api/v1/artifacts/{artifact_id}/resolve?variant=original&proxy=1"
-        cls._debug("resolving_artifact", artifact_id=artifact_id,
-                   resolve_url=resolve_url)
-        res = requests.get(
-            resolve_url, headers=get_auth_headers(auth_ticket=auth_ticket))
+        cls._debug("resolving_artifact", artifact_id=artifact_id, resolve_url=resolve_url)
+        res = requests.get(resolve_url, headers=get_auth_headers(auth_ticket=auth_ticket))
         res.raise_for_status()
         data = res.json()
         url = data.get("url")
@@ -59,17 +59,16 @@ def _resolve_artifact_url(cls, base_url: str, artifact_id: str, auth_ticket: str
                 proxy_url=proxy_url,
             )
             return proxy_url, {}
-        cls._debug("resolved_artifact", artifact_id=artifact_id,
-                   url=url, headers=headers)
+        cls._debug("resolved_artifact", artifact_id=artifact_id, url=url, headers=headers)
         return url, headers
 
     @classmethod
     def define_schema(cls) -> io.Schema:
         # Note: Dynamic fetching (get_collections) might need updates to V2 too
         # but for now we focus on the execution logic
-        collections = ["All"] + get_collections()
+        collections = ["All", *get_collections()]
         # Legacy libraries -> Folders/Collections?
-        libraries = ["All"] + get_libraries()
+        libraries = ["All", *get_libraries()]
 
         return io.Schema(
             node_id="embeddr.EmbeddrLoadImages",
@@ -78,15 +77,16 @@ def define_schema(cls) -> io.Schema:
             category="Embeddr",
             inputs=[
                 io.Combo.Input("library", options=libraries, default="All"),
-                io.Combo.Input(
-                    "collection", options=collections, default="All"),
-                io.Combo.Input("sort_by", options=[
-                               "newest", "random"], default="newest"),
+                io.Combo.Input("collection", options=collections, default="All"),
+                io.Combo.Input("sort_by", options=["newest", "random"], default="newest"),
                 io.Int.Input("limit", default=5, min=1, max=100),
-                io.String.Input("auth_ticket", default="",
-                                tooltip="Ephemeral auth ticket for per-user access", optional=True),
-                io.Int.Input("seed", default=0,
-                             display_name="Seed (Random Sort)"),
+                io.String.Input(
+                    "auth_ticket",
+                    default="",
+                    tooltip="Ephemeral auth ticket for per-user access",
+                    optional=True,
+                ),
+                io.Int.Input("seed", default=0, display_name="Seed (Random Sort)"),
             ],
             outputs=[
                 io.Image.Output("images", is_output_list=True),
@@ -98,15 +98,15 @@ def define_schema(cls) -> io.Schema:
     @classmethod
     def execute(cls, library, collection, sort_by, limit, auth_ticket: str = "", seed=0):
         # Cache key based on inputs
-        cache_key = (library, collection, sort_by,
-                     limit, seed, str(auth_ticket or ""))
+        cache_key = (library, collection, sort_by, limit, seed, str(auth_ticket or ""))
         if cache_key in cls._cache:
             return cls._cache[cache_key]
 
         try:
             config = get_config()
-            base_url = config.get("embeddr_url") or config.get(
-                "endpoint") or "http://localhost:8003"
+            base_url = (
+                config.get("embeddr_url") or config.get("endpoint") or "http://localhost:8003"
+            )
             base_url = base_url.rstrip("/")
 
             # V2 API: List Artifacts
@@ -115,7 +115,7 @@ def execute(cls, library, collection, sort_by, limit, auth_ticket: str = "", see
             params = {
                 "limit": limit,
                 "type_name": "image",  # Filter for images
-                "offset": 0
+                "offset": 0,
             }
 
             # Parse Collection ID (UUID in V2?)
@@ -124,7 +124,7 @@ def execute(cls, library, collection, sort_by, limit, auth_ticket: str = "", see
                 try:
                     col_id = collection.split(":")[0].strip()
                     params["collection_id"] = col_id
-                except:
+                except Exception:
                     pass
 
             # Legacy Libraries mapped to ?
@@ -133,7 +133,7 @@ def execute(cls, library, collection, sort_by, limit, auth_ticket: str = "", see
                 try:
                     lib_id = library.split(":")[0].strip()
                     params["library_id"] = lib_id
-                except:
+                except Exception:
                     pass
 
             if sort_by == "random":
@@ -143,7 +143,8 @@ def execute(cls, library, collection, sort_by, limit, auth_ticket: str = "", see
                 params["sort"] = "new"
 
             response = requests.get(
-                api_url, params=params, headers=get_auth_headers(auth_ticket=auth_ticket))
+                api_url, params=params, headers=get_auth_headers(auth_ticket=auth_ticket)
+            )
             response.raise_for_status()
             data = response.json()
             items = data.get("items", [])
@@ -163,7 +164,8 @@ def execute(cls, library, collection, sort_by, limit, auth_ticket: str = "", see
                 # Fetch Content via Plugin Endpoint
                 # Uses the plugin endpoint we defined to get raw content
                 content_url, content_headers = cls._resolve_artifact_url(
-                    base_url, art_id, auth_ticket)
+                    base_url, art_id, auth_ticket
+                )
 
                 cls._debug(
                     "requesting_artifact_content",
@@ -176,8 +178,7 @@ def execute(cls, library, collection, sort_by, limit, auth_ticket: str = "", see
                     if content_headers:
                         final_headers.update(content_headers)
 
-                    img_resp = requests.get(
-                        content_url, headers=final_headers)
+                    img_resp = requests.get(content_url, headers=final_headers)
                     img_resp.raise_for_status()
                     cls._debug(
                         "artifact_content_response",
@@ -196,13 +197,15 @@ def execute(cls, library, collection, sort_by, limit, auth_ticket: str = "", see
                     images_list.append(torch.from_numpy(i_np))
 
                     # Mask
-                    if 'A' in img.getbands():
-                        m_np = np.array(img.getchannel('A')).astype(
-                            np.float32) / 255.0
-                        masks_list.append(1. - torch.from_numpy(m_np))
+                    if "A" in img.getbands():
+                        m_np = np.array(img.getchannel("A")).astype(np.float32) / 255.0
+                        masks_list.append(1.0 - torch.from_numpy(m_np))
                     else:
-                        masks_list.append(torch.zeros(
-                            (i_np.shape[0], i_np.shape[1]), dtype=torch.float32, device="cpu"))
+                        masks_list.append(
+                            torch.zeros(
+                                (i_np.shape[0], i_np.shape[1]), dtype=torch.float32, device="cpu"
+                            )
+                        )
 
                     ids_list.append(str(art_id))
 
@@ -242,8 +245,6 @@ def execute(cls, library, collection, sort_by, limit, auth_ticket: str = "", see
 
     @classmethod
     def _return_empty(cls):
-        empty_image = torch.zeros(
-            (1, 64, 64, 3), dtype=torch.float32, device="cpu")
-        empty_mask = torch.zeros(
-            (1, 64, 64), dtype=torch.float32, device="cpu")
+        empty_image = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
+        empty_mask = torch.zeros((1, 64, 64), dtype=torch.float32, device="cpu")
         return io.NodeOutput([empty_image], ["-1"], [empty_mask])
diff --git a/nodes/EmbeddrLoadVideo.py b/nodes/EmbeddrLoadVideo.py
index 42fa5d3..db6fd14 100644
--- a/nodes/EmbeddrLoadVideo.py
+++ b/nodes/EmbeddrLoadVideo.py
@@ -1,17 +1,21 @@
-import requests
-import torch
-import numpy as np
-import cv2
-import tempfile
+import contextlib
 import os
 import shutil
-from comfy_api.latest import io, ui
+import tempfile
+from typing import ClassVar
+
+import cv2
+import numpy as np
+import requests
+import torch
+from comfy_api.latest import io
+
 from .utils import get_config
 from .utils.config import get_auth_headers
 
 
 class EmbeddrLoadVideoNode(io.ComfyNode):
-    _cache = {}
+    _cache: ClassVar[dict] = {}
 
     @classmethod
     def define_schema(cls) -> io.Schema:
@@ -22,18 +26,54 @@ def define_schema(cls) -> io.Schema:
             category="Embeddr",
             inputs=[
                 io.String.Input("image_id", default=""),
-                io.Int.Input("frame_load_cap", default=0, min=0, max=100000,
-                             step=1, tooltip="Stop loading after this many frames (0=all)"),
-                io.Int.Input("skip_first_frames", default=0, min=0, max=10000,
-                             step=1, tooltip="Skip this many frames at the start"),
-                io.Int.Input("select_every_nth", default=1, min=1,
-                             max=100, step=1, tooltip="Load every Nth frame"),
-                io.Int.Input("force_rate", default=0, min=0, max=120,
-                             step=1, tooltip="Force playback FPS (0=original)"),
-                io.Int.Input("custom_width", default=0, min=0, max=4096,
-                             step=8, tooltip="Resize width (0=original)"),
-                io.Int.Input("custom_height", default=0, min=0, max=4096,
-                             step=8, tooltip="Resize height (0=original)"),
+                io.Int.Input(
+                    "frame_load_cap",
+                    default=0,
+                    min=0,
+                    max=100000,
+                    step=1,
+                    tooltip="Stop loading after this many frames (0=all)",
+                ),
+                io.Int.Input(
+                    "skip_first_frames",
+                    default=0,
+                    min=0,
+                    max=10000,
+                    step=1,
+                    tooltip="Skip this many frames at the start",
+                ),
+                io.Int.Input(
+                    "select_every_nth",
+                    default=1,
+                    min=1,
+                    max=100,
+                    step=1,
+                    tooltip="Load every Nth frame",
+                ),
+                io.Int.Input(
+                    "force_rate",
+                    default=0,
+                    min=0,
+                    max=120,
+                    step=1,
+                    tooltip="Force playback FPS (0=original)",
+                ),
+                io.Int.Input(
+                    "custom_width",
+                    default=0,
+                    min=0,
+                    max=4096,
+                    step=8,
+                    tooltip="Resize width (0=original)",
+                ),
+                io.Int.Input(
+                    "custom_height",
+                    default=0,
+                    min=0,
+                    max=4096,
+                    step=8,
+                    tooltip="Resize height (0=original)",
+                ),
             ],
             outputs=[
                 io.Image.Output("images"),
@@ -45,11 +85,19 @@ def define_schema(cls) -> io.Schema:
         )
 
     @classmethod
-    def execute(cls, image_id, frame_load_cap, skip_first_frames, select_every_nth, force_rate, custom_width, custom_height):
+    def execute(
+        cls,
+        image_id,
+        frame_load_cap,
+        skip_first_frames,
+        select_every_nth,
+        force_rate,
+        custom_width,
+        custom_height,
+    ):
         if not image_id:
             # Return empty
-            empty_image = torch.zeros(
-                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+            empty_image = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
             return io.NodeOutput(empty_image, 0)
 
         # URL construction
@@ -59,9 +107,8 @@ def execute(cls, image_id, frame_load_cap, skip_first_frames, select_every_nth,
             endpoint = endpoint.rstrip("/")
             api_url = f"{endpoint}/api/v1/images/{image_id}/file"
         except Exception:
-            print(f"[Embeddr] Could not get config for endpoint")
-            empty_image = torch.zeros(
-                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+            print("[Embeddr] Could not get config for endpoint")
+            empty_image = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
             return io.NodeOutput(empty_image, 0)
 
         # Download to temp file
@@ -74,12 +121,12 @@ def execute(cls, image_id, frame_load_cap, skip_first_frames, select_every_nth,
             with requests.get(api_url, stream=True, headers=get_auth_headers()) as r:
                 r.raise_for_status()
                 # Determine extension
-                content_type = r.headers.get('content-type', '')
-                ext = '.mp4'
-                if 'quicktime' in content_type:
-                    ext = '.mov'
-                if 'webm' in content_type:
-                    ext = '.webm'
+                content_type = r.headers.get("content-type", "")
+                ext = ".mp4"
+                if "quicktime" in content_type:
+                    ext = ".mov"
+                if "webm" in content_type:
+                    ext = ".webm"
 
                 with tempfile.NamedTemporaryFile(delete=False, suffix=ext) as f:
                     shutil.copyfileobj(r.raw, f)
@@ -88,8 +135,7 @@ def execute(cls, image_id, frame_load_cap, skip_first_frames, select_every_nth,
             # Open with CV2
             cap = cv2.VideoCapture(temp_file_path)
             if not cap.isOpened():
-                raise ValueError(
-                    f"Could not open video file: {temp_file_path}")
+                raise ValueError(f"Could not open video file: {temp_file_path}")
 
             fps = cap.get(cv2.CAP_PROP_FPS)
             width = int(cap.get(cv2.CAP_PROP_FRAME_WIDTH))
@@ -135,8 +181,7 @@ def execute(cls, image_id, frame_load_cap, skip_first_frames, select_every_nth,
                 frame = cv2.cvtColor(frame, cv2.COLOR_BGR2RGB)
 
                 if target_w != width or target_h != height:
-                    frame = cv2.resize(
-                        frame, (target_w, target_h), interpolation=cv2.INTER_LINEAR)
+                    frame = cv2.resize(frame, (target_w, target_h), interpolation=cv2.INTER_LINEAR)
 
                 # Normalize to 0-1
                 frame = frame.astype(np.float32) / 255.0
@@ -150,8 +195,7 @@ def execute(cls, image_id, frame_load_cap, skip_first_frames, select_every_nth,
             cap.release()
 
             if not frames:
-                empty_image = torch.zeros(
-                    (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+                empty_image = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
                 return io.NodeOutput(empty_image, 0)
 
             video_tensor = torch.from_numpy(np.stack(frames))
@@ -159,7 +203,7 @@ def execute(cls, image_id, frame_load_cap, skip_first_frames, select_every_nth,
 
             final_fps = force_rate if force_rate > 0 else fps
 
-            video_info = {
+            {
                 "source_fps": fps,
                 "source_frame_count": total_frames,
                 "source_duration": duration,
@@ -173,19 +217,15 @@ def execute(cls, image_id, frame_load_cap, skip_first_frames, select_every_nth,
 
             # Audio - currently returning None/Empty as we don't have audio extraction logic
             # To support audio properly we'd need audio libraries unavailable in minimal env.
-            audio = None
 
             return io.NodeOutput(video_tensor, len(frames))
 
         except Exception as e:
             print(f"[Embeddr] Error loading video: {e}")
-            empty_image = torch.zeros(
-                (1, 64, 64, 3), dtype=torch.float32, device="cpu")
+            empty_image = torch.zeros((1, 64, 64, 3), dtype=torch.float32, device="cpu")
             return io.NodeOutput(empty_image, 0)
 
         finally:
             if temp_file_path and os.path.exists(temp_file_path):
-                try:
+                with contextlib.suppress(BaseException):
                     os.remove(temp_file_path)
-                except:
-                    pass
diff --git a/nodes/EmbeddrMergeIDs.py b/nodes/EmbeddrMergeIDs.py
index 3dd9f82..4a9a15c 100644
--- a/nodes/EmbeddrMergeIDs.py
+++ b/nodes/EmbeddrMergeIDs.py
@@ -1,4 +1,5 @@
-from comfy_api.latest import io, ui
+from comfy_api.latest import io
+
 from .types import EmbeddrArtifactID
 
 
@@ -14,7 +15,10 @@ def define_schema(cls) -> io.Schema:
             inputs=[],
             outputs=[
                 EmbeddrArtifactID.Output(
-                    "artifact_ids", tooltip="List of merged Artifact IDs", display_name="artifact_ids"),
+                    "artifact_ids",
+                    tooltip="List of merged Artifact IDs",
+                    display_name="artifact_ids",
+                ),
             ],
         )
 
diff --git a/nodes/EmbeddrSplitIDs.py b/nodes/EmbeddrSplitIDs.py
index 8cd8eb1..d5e4f97 100644
--- a/nodes/EmbeddrSplitIDs.py
+++ b/nodes/EmbeddrSplitIDs.py
@@ -1,4 +1,5 @@
 from comfy_api.latest import io
+
 from .types import EmbeddrArtifactID, EmbeddrArtifactIDObject
 from .utils.ids import normalize_ids
 
@@ -13,11 +14,13 @@ def define_schema(cls) -> io.Schema:
             category="Embeddr",
             inputs=[
                 EmbeddrArtifactID.Input(
-                    "artifact_ids", tooltip="Comma-separated IDs or list of IDs"),
+                    "artifact_ids", tooltip="Comma-separated IDs or list of IDs"
+                ),
             ],
             outputs=[
                 EmbeddrArtifactID.Output(
-                    "split_ids", tooltip="Individual IDs (List Execution)", is_output_list=True),
+                    "split_ids", tooltip="Individual IDs (List Execution)", is_output_list=True
+                ),
             ],
         )
 
@@ -27,7 +30,6 @@ def execute(cls, artifact_ids):
         final_ids = normalize_ids(artifact_ids)
 
         # Return a LIST of objects. ComfyUI will iterate this list for downstream nodes if they support it.
-        results = [EmbeddrArtifactIDObject(
-            artifact_id=fid) for fid in final_ids]
+        results = [EmbeddrArtifactIDObject(artifact_id=fid) for fid in final_ids]
 
         return io.NodeOutput(results)
diff --git a/nodes/EmbeddrUploadArtifact.py b/nodes/EmbeddrUploadArtifact.py
index b62b9ef..2cb5cb2 100644
--- a/nodes/EmbeddrUploadArtifact.py
+++ b/nodes/EmbeddrUploadArtifact.py
@@ -1,14 +1,14 @@
-import requests
-import numpy as np
-from PIL import Image
 import io as pyio
 import json
-from .utils.ids import normalize_ids
-from .utils.config import get_embeddr_base_url, get_upload_mode, get_auth_headers
+
+import numpy as np
+import requests
 from comfy_api.latest import io, ui
+from PIL import Image
+
 from .EmbeddrUploadOptions import EmbeddrUploadArtifactOptions, EmbeddrUploadArtifactOptionsObject
 from .types import EmbeddrArtifactID, EmbeddrArtifactIDObject
-
+from .utils.config import get_auth_headers, get_embeddr_base_url, get_upload_mode
 from .utils.ids import normalize_ids
 
 
@@ -34,20 +34,35 @@ def define_schema(cls) -> io.Schema:
             is_output_node=True,
             inputs=[
                 io.Image.Input("image"),
-                EmbeddrArtifactID.Input("parent_ids", optional=True,
-                                        tooltip="Parent artifact UUIDs"),
-                io.String.Input("auth_ticket", default="",
-                                tooltip="Ephemeral auth ticket for per-user ownership", optional=True),
-                EmbeddrUploadArtifactOptions.Input("options", tooltip="Upload Artifact Options",
-                                                   optional=True, display_name="Options"),
+                EmbeddrArtifactID.Input(
+                    "parent_ids", optional=True, tooltip="Parent artifact UUIDs"
+                ),
+                io.String.Input(
+                    "auth_ticket",
+                    default="",
+                    tooltip="Ephemeral auth ticket for per-user ownership",
+                    optional=True,
+                ),
+                EmbeddrUploadArtifactOptions.Input(
+                    "options",
+                    tooltip="Upload Artifact Options",
+                    optional=True,
+                    display_name="Options",
+                ),
             ],
             outputs=[
                 EmbeddrArtifactID.Output("artifact_ids"),
-            ]
+            ],
         )
 
     @classmethod
-    def execute(cls, image, parent_ids: EmbeddrArtifactIDObject = None, auth_ticket: str = "", options: EmbeddrUploadArtifactOptionsObject = None) -> io.NodeOutput:
+    def execute(
+        cls,
+        image,
+        parent_ids: EmbeddrArtifactIDObject = None,
+        auth_ticket: str = "",
+        options: EmbeddrUploadArtifactOptionsObject = None,
+    ) -> io.NodeOutput:
         base_url = get_embeddr_base_url()
         upload_mode = get_upload_mode()
         endpoint = f"{base_url}/api/v1/plugins/embeddr-comfyui/upload"
@@ -58,9 +73,7 @@ def execute(cls, image, parent_ids: EmbeddrArtifactIDObject = None, auth_ticket:
         results = []
 
         if upload_mode in {"skip", "disabled", "off", "none"}:
-            Embeddr_Log(
-                "Upload disabled (EMBEDDR_UPLOAD_MODE). Skipping Embeddr upload."
-            )
+            Embeddr_Log("Upload disabled (EMBEDDR_UPLOAD_MODE). Skipping Embeddr upload.")
             return io.NodeOutput(EmbeddrArtifactIDObject(artifact_id=""), ui=ui.PreviewImage(image))
 
         if upload_mode in {"best_effort", "auto"}:
@@ -68,30 +81,30 @@ def execute(cls, image, parent_ids: EmbeddrArtifactIDObject = None, auth_ticket:
                 health_url = f"{base_url}/api/v1/system/routes"
                 requests.get(health_url, timeout=2)
             except Exception as e:
-                Embeddr_Log(
-                    f"Embeddr backend unavailable ({e}); skipping upload."
+                Embeddr_Log(f"Embeddr backend unavailable ({e}); skipping upload.")
+                return io.NodeOutput(
+                    EmbeddrArtifactIDObject(artifact_id=""), ui=ui.PreviewImage(image)
                 )
-                return io.NodeOutput(EmbeddrArtifactIDObject(artifact_id=""), ui=ui.PreviewImage(image))
 
         # 'image' input is a batch tensor [B, H, W, C]
         for batch_idx, img_tensor in enumerate(image):
             try:
                 # Convert tensor to PIL
-                i = 255. * img_tensor.cpu().numpy()
+                i = 255.0 * img_tensor.cpu().numpy()
                 img = Image.fromarray(np.clip(i, 0, 255).astype(np.uint8))
 
                 # Save to buffer
                 img_byte_arr = pyio.BytesIO()
-                img.save(img_byte_arr, format='PNG')
+                img.save(img_byte_arr, format="PNG")
                 img_byte_arr.seek(0)
                 Embeddr_Log(f"""
                             Uploading artifact batch {batch_idx}...
-                            Storage Provider: {options.storage_provider if options else 'default'}
-                            Storage Path: {options.storage_path if options else 'default'}
-                            Tags: {options.tags if options else 'none'}
-                            Related Artifacts: {options.related_artifact_ids if options else 'none'}
+                            Storage Provider: {options.storage_provider if options else "default"}
+                            Storage Path: {options.storage_path if options else "default"}
+                            Tags: {options.tags if options else "none"}
+                            Related Artifacts: {options.related_artifact_ids if options else "none"}
                             Parent IDs: {normalized_parent_ids}
-                            Auth Ticket: {'present' if _has_auth_ticket(auth_ticket) else 'absent'}
+                            Auth Ticket: {"present" if _has_auth_ticket(auth_ticket) else "absent"}
                             """)
 
                 storage_provider = None
@@ -101,8 +114,7 @@ def execute(cls, image, parent_ids: EmbeddrArtifactIDObject = None, auth_ticket:
                         storage_provider = options.get("storage_provider")
                         storage_path = options.get("storage_path")
                     else:
-                        storage_provider = getattr(
-                            options, "storage_provider", None)
+                        storage_provider = getattr(options, "storage_provider", None)
                         storage_path = getattr(options, "storage_path", None)
 
                 storage_provider = (
@@ -119,12 +131,16 @@ def execute(cls, image, parent_ids: EmbeddrArtifactIDObject = None, auth_ticket:
                 # Prepare Metadata
                 meta = {
                     "parent_ids": normalized_parent_ids,
-                    "collection_ids": normalize_ids(options.related_artifact_ids) if options else [],
+                    "collection_ids": normalize_ids(options.related_artifact_ids)
+                    if options
+                    else [],
                     "tags": normalize_ids(options.tags) if options else [],
                     "trigger_automation": options.trigger_ingest if options else True,
-                    "compute_embedding": options.trigger_ingest if options else True,  # Legacy Compat
+                    "compute_embedding": options.trigger_ingest
+                    if options
+                    else True,  # Legacy Compat
                     "batch_index": batch_idx,
-                    "confirm": True
+                    "confirm": True,
                 }
 
                 if storage_provider:
@@ -139,16 +155,15 @@ def execute(cls, image, parent_ids: EmbeddrArtifactIDObject = None, auth_ticket:
                     )
 
                 # Prepare multipart upload
-                files = {'file': (f'image_{batch_idx}.png',
-                                  img_byte_arr, 'image/png')}
-                data = {'metadata': json.dumps(meta)}
+                files = {"file": (f"image_{batch_idx}.png", img_byte_arr, "image/png")}
+                data = {"metadata": json.dumps(meta)}
 
                 # Post to Embeddr Core Plugin
                 response = requests.post(
                     endpoint,
                     files=files,
                     data=data,
-                    headers=get_auth_headers(auth_ticket=auth_ticket)
+                    headers=get_auth_headers(auth_ticket=auth_ticket),
                 )
                 response.raise_for_status()
                 res_json = response.json()
@@ -164,8 +179,7 @@ def execute(cls, image, parent_ids: EmbeddrArtifactIDObject = None, auth_ticket:
                 except Exception:
                     body = ""
                 suffix = f" body={body}" if body else ""
-                Embeddr_Log(
-                    f"Upload failed for batch {batch_idx}: {e}{suffix}")
+                Embeddr_Log(f"Upload failed for batch {batch_idx}: {e}{suffix}")
             except Exception as e:
                 Embeddr_Log(f"Upload failed for batch {batch_idx}: {e}")
                 # We don't crash the whole node, but result might be partial
diff --git a/nodes/EmbeddrUploadOptions.py b/nodes/EmbeddrUploadOptions.py
index 87fbd1f..2cb279d 100644
--- a/nodes/EmbeddrUploadOptions.py
+++ b/nodes/EmbeddrUploadOptions.py
@@ -1,4 +1,5 @@
 from comfy_api.latest import io
+
 from .types import EmbeddrUploadArtifactOptions, EmbeddrUploadArtifactOptionsObject
 
 
@@ -11,24 +12,42 @@ def define_schema(cls) -> io.Schema:
             category="Embeddr",
             inputs=[
                 io.String.Input(
-                    "storage_provider", tooltip="Override default storage provider for the artifact", default=None),
+                    "storage_provider",
+                    tooltip="Override default storage provider for the artifact",
+                    default=None,
+                ),
                 io.String.Input(
-                    "storage_path", tooltip="Override default storage path for the artifact", default=None),
-
-                io.Boolean.Input("trigger_ingest", default=True,
-                                 tooltip="Trigger ingest process after upload", display_name="Trigger Ingest"),
-                io.String.Input("tags", default=[],
-                                tooltip="Tags to associate with the uploaded artifact", display_name="Tags"),
-                io.String.Input("related_artifact_ids", default=[],
-                                tooltip="IDs of related artifacts", display_name="Related Artifact IDs"),
+                    "storage_path",
+                    tooltip="Override default storage path for the artifact",
+                    default=None,
+                ),
+                io.Boolean.Input(
+                    "trigger_ingest",
+                    default=True,
+                    tooltip="Trigger ingest process after upload",
+                    display_name="Trigger Ingest",
+                ),
+                io.String.Input(
+                    "tags",
+                    default=[],
+                    tooltip="Tags to associate with the uploaded artifact",
+                    display_name="Tags",
+                ),
+                io.String.Input(
+                    "related_artifact_ids",
+                    default=[],
+                    tooltip="IDs of related artifacts",
+                    display_name="Related Artifact IDs",
+                ),
                 # io.Combo.Input(
                 #     "scale_mode", options=[e.value for e in ResizeModeEnum], default="contain",
                 #     tooltip="Choose how images are scaled to fit the target size", display_name="Scale Mode"),
             ],
             outputs=[
                 EmbeddrUploadArtifactOptions.Output(
-                    "options", tooltip="Upload Artifact Options Object", display_name="options"),
-            ]
+                    "options", tooltip="Upload Artifact Options Object", display_name="options"
+                ),
+            ],
         )
 
     @classmethod
diff --git a/nodes/EmbeddrUploadVideo.py b/nodes/EmbeddrUploadVideo.py
index cea15a0..bfd8a53 100644
--- a/nodes/EmbeddrUploadVideo.py
+++ b/nodes/EmbeddrUploadVideo.py
@@ -1,16 +1,17 @@
-import os
 import json
-import requests
+import os
 import tempfile
+
+import requests
 from comfy_api.latest import io
-from .utils.ids import normalize_ids
-from .utils.config import get_embeddr_base_url, get_upload_mode, get_auth_headers
+
 from .EmbeddrUploadOptions import EmbeddrUploadArtifactOptions, EmbeddrUploadArtifactOptionsObject
 from .types import EmbeddrArtifactID, EmbeddrArtifactIDObject
+from .utils.config import get_auth_headers, get_embeddr_base_url, get_upload_mode
+from .utils.ids import normalize_ids
 
 
 class EmbeddrUploadVideo(io.ComfyNode):
-
     @classmethod
     def define_schema(cls) -> io.Schema:
         formats = ["mp4", "mkv", "webm", "mov", "avi"]
@@ -24,10 +25,15 @@ def define_schema(cls) -> io.Schema:
             inputs=[
                 io.Video.Input("video", tooltip="The video to save."),
                 io.String.Input("caption", optional=True),
-                EmbeddrArtifactID.Input("parent_ids", optional=True,
-                                        tooltip="Parent artifact UUIDs"),
-                EmbeddrUploadArtifactOptions.Input("options", tooltip="Upload Artifact Options",
-                                                   optional=True, display_name="Options"),
+                EmbeddrArtifactID.Input(
+                    "parent_ids", optional=True, tooltip="Parent artifact UUIDs"
+                ),
+                EmbeddrUploadArtifactOptions.Input(
+                    "options",
+                    tooltip="Upload Artifact Options",
+                    optional=True,
+                    display_name="Options",
+                ),
                 io.Combo.Input("format", options=formats, default="mp4"),
                 io.Combo.Input("codec", options=codecs, default="h264"),
             ],
@@ -59,8 +65,7 @@ def execute(
         normalized_parent_ids = normalize_ids(parent_ids)
 
         if upload_mode in {"skip", "disabled", "off", "none"}:
-            print(
-                "[Embeddr] Upload disabled (EMBEDDR_UPLOAD_MODE). Skipping Embeddr upload.")
+            print("[Embeddr] Upload disabled (EMBEDDR_UPLOAD_MODE). Skipping Embeddr upload.")
             return io.NodeOutput(EmbeddrArtifactIDObject(artifact_id=""))
 
         if upload_mode in {"best_effort", "auto"}:
@@ -68,8 +73,7 @@ def execute(
                 health_url = f"{base_url}/api/v1/system/routes"
                 requests.get(health_url, timeout=2)
             except Exception as e:
-                print(
-                    f"[Embeddr] Embeddr backend unavailable ({e}); skipping upload.")
+                print(f"[Embeddr] Embeddr backend unavailable ({e}); skipping upload.")
                 return io.NodeOutput(EmbeddrArtifactIDObject(artifact_id=""))
 
         try:
@@ -90,8 +94,7 @@ def execute(
                     storage_provider = options.get("storage_provider")
                     storage_path = options.get("storage_path")
                 else:
-                    storage_provider = getattr(
-                        options, "storage_provider", None)
+                    storage_provider = getattr(options, "storage_provider", None)
                     storage_path = getattr(options, "storage_path", None)
 
             storage_provider = (
@@ -100,9 +103,7 @@ def execute(
                 else None
             )
             storage_path = (
-                str(storage_path).strip()
-                if storage_path not in (None, "", "__default__")
-                else None
+                str(storage_path).strip() if storage_path not in (None, "", "__default__") else None
             )
 
             meta = {
@@ -140,7 +141,7 @@ def execute(
             print(f"[Embeddr] Video upload failed: {e}")
             uploaded_ids.append("-1")
         finally:
-            if 'temp_path' in locals() and os.path.exists(temp_path):
+            if "temp_path" in locals() and os.path.exists(temp_path):
                 os.remove(temp_path)
 
         result_str = ",".join(uploaded_ids)
diff --git a/nodes/types.py b/nodes/types.py
index de31786..4d5e34c 100644
--- a/nodes/types.py
+++ b/nodes/types.py
@@ -19,7 +19,14 @@ class EmbeddrUploadArtifactOptions(ComfyTypeIO):
 
 
 class EmbeddrUploadArtifactOptionsObject:
-    def __init__(self, storage_provider=None, storage_path=None, trigger_ingest=True, tags=None, related_artifact_ids=None):
+    def __init__(
+        self,
+        storage_provider=None,
+        storage_path=None,
+        trigger_ingest=True,
+        tags=None,
+        related_artifact_ids=None,
+    ):
         self.storage_provider: str | None = storage_provider
         self.storage_path: str | None = storage_path
         self.trigger_ingest: bool = trigger_ingest
diff --git a/nodes/utils/config.py b/nodes/utils/config.py
index 2d6ee0c..fd4ed73 100644
--- a/nodes/utils/config.py
+++ b/nodes/utils/config.py
@@ -1,5 +1,5 @@
-import os
 import json
+import os
 
 
 def _normalize_base_url(url: str | None, default: str) -> str:
@@ -9,9 +9,7 @@ def _normalize_base_url(url: str | None, default: str) -> str:
     clean = str(url).strip().rstrip("/")
 
     # Strip API suffixes to get the root base
-    if clean.endswith("/api/v1"):
-        clean = clean[:-7]
-    elif clean.endswith("/api/v1"):
+    if clean.endswith("/api/v1") or clean.endswith("/api/v1"):
         clean = clean[:-7]
     elif clean.endswith("/api"):
         clean = clean[:-4]
@@ -26,11 +24,10 @@ def _normalize_base_url(url: str | None, default: str) -> str:
 def get_config():
     try:
         # Go up 3 levels: utils -> nodes -> embeddr-comfyui
-        base_path = os.path.dirname(os.path.dirname(
-            os.path.dirname(__file__)))
+        base_path = os.path.dirname(os.path.dirname(os.path.dirname(__file__)))
         config_path = os.path.join(base_path, "config.json")
         if os.path.exists(config_path):
-            return json.load(open(config_path, "r"))
+            return json.load(open(config_path))
     except Exception:
         pass
     return {}
@@ -43,11 +40,7 @@ def get_embeddr_base_url(default: str = "http://localhost:8003") -> str:
         or os.environ.get("EMBEDDR_URL")
         or os.environ.get("EMBEDDR_ENDPOINT")
     )
-    cfg_url = (
-        cfg.get("embeddr_url")
-        or cfg.get("backend_url")
-        or cfg.get("endpoint")
-    )
+    cfg_url = cfg.get("embeddr_url") or cfg.get("backend_url") or cfg.get("endpoint")
 
     return _normalize_base_url(cfg_url or env_url, default)
 
@@ -69,8 +62,7 @@ def get_auth_headers(auth_ticket: str | None = None) -> dict[str, str]:
     if isinstance(ticket_value, (list, tuple)):
         ticket_value = ticket_value[0] if ticket_value else None
     if isinstance(ticket_value, dict):
-        ticket_value = ticket_value.get(
-            "auth_ticket") or ticket_value.get("ticket")
+        ticket_value = ticket_value.get("auth_ticket") or ticket_value.get("ticket")
 
     if ticket_value is not None:
         ticket_text = str(ticket_value).strip()
diff --git a/nodes/utils/ids.py b/nodes/utils/ids.py
index 8583fab..45a8357 100644
--- a/nodes/utils/ids.py
+++ b/nodes/utils/ids.py
@@ -1,6 +1,6 @@
 def normalize_ids(value) -> list[str]:
     """
-    Normalizes a variety of input types (single string, list of strings, 
+    Normalizes a variety of input types (single string, list of strings,
     comma-separated strings, EmbeddrArtifactIDObjects) into a clean list of string IDs.
     """
     if not value:
@@ -32,7 +32,7 @@ def extract_val(x):
     out = []
     seen = set()
     for s in raw_strings:
-        parts = s.split(',')
+        parts = s.split(",")
         for p in parts:
             clean_p = p.strip()
             if not clean_p:
diff --git a/pyproject.toml b/pyproject.toml
index 8b2934a..fa95514 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -1,12 +1,14 @@
-# pyproject.toml
 [project]
 name = "embeddr-extension"
 description = "Embeddr ComfyUI Extension"
 version = "1.2.1"
 license = { file = "LICENSE.md" }
-dependencies = []
-requires-python = ">=3.8"
-
+requires-python = ">=3.10"
+dependencies = [
+    # Most runtime deps (torch, numpy, PIL, aiohttp) are provided by the
+    # ComfyUI host environment. Only declare what we use beyond that.
+    "requests>=2.31.0",
+]
 
 [project.urls]
 Repository = "https://github.com/embeddr-net/embeddr-comfyui"
@@ -16,3 +18,38 @@ PublisherId = "nynxz"
 DisplayName = "Embeddr ComfyUI Extension"
 Icon = "https://avatars.githubusercontent.com/u/251817691"
 includes = ["js"]
+
+[dependency-groups]
+dev = ["ruff>=0.7.0"]
+
+[tool.ruff]
+target-version = "py310"
+line-length = 100
+extend-exclude = ["js", ".venv", "node_modules"]
+
+[tool.ruff.lint]
+select = [
+    "E",   # pycodestyle errors
+    "W",   # pycodestyle warnings
+    "F",   # pyflakes
+    "I",   # isort
+    "B",   # flake8-bugbear
+    "UP",  # pyupgrade
+    "SIM", # flake8-simplify
+    "C4",  # flake8-comprehensions
+    "RUF", # ruff-specific rules
+]
+ignore = [
+    "E501",   # line-too-long (formatter handles wrapping)
+    "B008",   # function-call-in-default-argument (common pattern in ComfyUI nodes)
+    "SIM108", # use-ternary (often less readable)
+]
+
+[tool.ruff.lint.per-file-ignores]
+# ComfyUI nodes follow a specific class naming convention; relax rules
+# that fight that convention.
+"nodes/*.py" = ["N801", "N802", "N803", "N806"]
+
+[tool.ruff.format]
+quote-style = "double"
+indent-style = "space"
diff --git a/uv.lock b/uv.lock
index e1ff2f2..02664e7 100644
--- a/uv.lock
+++ b/uv.lock
@@ -1,13 +1,194 @@
 version = 1
 revision = 3
-requires-python = ">=3.8"
-resolution-markers = [
-    "python_full_version >= '3.10'",
-    "python_full_version == '3.9.*'",
-    "python_full_version < '3.9'",
+requires-python = ">=3.10"
+
+[[package]]
+name = "certifi"
+version = "2026.4.22"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/25/ee/6caf7a40c36a1220410afe15a1cc64993a1f864871f698c0f93acb72842a/certifi-2026.4.22.tar.gz", hash = "sha256:8d455352a37b71bf76a79caa83a3d6c25afee4a385d632127b6afb3963f1c580", size = 137077, upload-time = "2026-04-22T11:26:11.191Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/22/30/7cd8fdcdfbc5b869528b079bfb76dcdf6056b1a2097a662e5e8c04f42965/certifi-2026.4.22-py3-none-any.whl", hash = "sha256:3cb2210c8f88ba2318d29b0388d1023c8492ff72ecdde4ebdaddbb13a31b1c4a", size = 135707, upload-time = "2026-04-22T11:26:09.372Z" },
+]
+
+[[package]]
+name = "charset-normalizer"
+version = "3.4.7"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/e7/a1/67fe25fac3c7642725500a3f6cfe5821ad557c3abb11c9d20d12c7008d3e/charset_normalizer-3.4.7.tar.gz", hash = "sha256:ae89db9e5f98a11a4bf50407d4363e7b09b31e55bc117b4f7d80aab97ba009e5", size = 144271, upload-time = "2026-04-02T09:28:39.342Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/26/08/0f303cb0b529e456bb116f2d50565a482694fbb94340bf56d44677e7ed03/charset_normalizer-3.4.7-cp310-cp310-macosx_10_9_universal2.whl", hash = "sha256:cdd68a1fb318e290a2077696b7eb7a21a49163c455979c639bf5a5dcdc46617d", size = 315182, upload-time = "2026-04-02T09:25:40.673Z" },
+    { url = "https://files.pythonhosted.org/packages/24/47/b192933e94b546f1b1fe4df9cc1f84fcdbf2359f8d1081d46dd029b50207/charset_normalizer-3.4.7-cp310-cp310-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:e17b8d5d6a8c47c85e68ca8379def1303fd360c3e22093a807cd34a71cd082b8", size = 209329, upload-time = "2026-04-02T09:25:42.354Z" },
+    { url = "https://files.pythonhosted.org/packages/c2/b4/01fa81c5ca6141024d89a8fc15968002b71da7f825dd14113207113fabbd/charset_normalizer-3.4.7-cp310-cp310-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:511ef87c8aec0783e08ac18565a16d435372bc1ac25a91e6ac7f5ef2b0bff790", size = 231230, upload-time = "2026-04-02T09:25:44.281Z" },
+    { url = "https://files.pythonhosted.org/packages/20/f7/7b991776844dfa058017e600e6e55ff01984a063290ca5622c0b63162f68/charset_normalizer-3.4.7-cp310-cp310-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:007d05ec7321d12a40227aae9e2bc6dca73f3cb21058999a1df9e193555a9dcc", size = 225890, upload-time = "2026-04-02T09:25:45.475Z" },
+    { url = "https://files.pythonhosted.org/packages/20/e7/bed0024a0f4ab0c8a9c64d4445f39b30c99bd1acd228291959e3de664247/charset_normalizer-3.4.7-cp310-cp310-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:cf29836da5119f3c8a8a70667b0ef5fdca3bb12f80fd06487cfa575b3909b393", size = 216930, upload-time = "2026-04-02T09:25:46.58Z" },
+    { url = "https://files.pythonhosted.org/packages/e2/ab/b18f0ab31cdd7b3ddb8bb76c4a414aeb8160c9810fdf1bc62f269a539d87/charset_normalizer-3.4.7-cp310-cp310-manylinux_2_31_armv7l.whl", hash = "sha256:12d8baf840cc7889b37c7c770f478adea7adce3dcb3944d02ec87508e2dcf153", size = 202109, upload-time = "2026-04-02T09:25:48.031Z" },
+    { url = "https://files.pythonhosted.org/packages/82/e5/7e9440768a06dfb3075936490cb82dbf0ee20a133bf0dd8551fa096914ec/charset_normalizer-3.4.7-cp310-cp310-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:d560742f3c0d62afaccf9f41fe485ed69bd7661a241f86a3ef0f0fb8b1a397af", size = 214684, upload-time = "2026-04-02T09:25:49.245Z" },
+    { url = "https://files.pythonhosted.org/packages/71/94/8c61d8da9f062fdf457c80acfa25060ec22bf1d34bbeaca4350f13bcfd07/charset_normalizer-3.4.7-cp310-cp310-musllinux_1_2_aarch64.whl", hash = "sha256:b14b2d9dac08e28bb8046a1a0434b1750eb221c8f5b87a68f4fa11a6f97b5e34", size = 212785, upload-time = "2026-04-02T09:25:50.671Z" },
+    { url = "https://files.pythonhosted.org/packages/66/cd/6e9889c648e72c0ab2e5967528bb83508f354d706637bc7097190c874e13/charset_normalizer-3.4.7-cp310-cp310-musllinux_1_2_armv7l.whl", hash = "sha256:bc17a677b21b3502a21f66a8cc64f5bfad4df8a0b8434d661666f8ce90ac3af1", size = 203055, upload-time = "2026-04-02T09:25:51.802Z" },
+    { url = "https://files.pythonhosted.org/packages/92/2e/7a951d6a08aefb7eb8e1b54cdfb580b1365afdd9dd484dc4bee9e5d8f258/charset_normalizer-3.4.7-cp310-cp310-musllinux_1_2_ppc64le.whl", hash = "sha256:750e02e074872a3fad7f233b47734166440af3cdea0add3e95163110816d6752", size = 232502, upload-time = "2026-04-02T09:25:53.388Z" },
+    { url = "https://files.pythonhosted.org/packages/58/d5/abcf2d83bf8e0a1286df55cd0dc1d49af0da4282aa77e986df343e7de124/charset_normalizer-3.4.7-cp310-cp310-musllinux_1_2_riscv64.whl", hash = "sha256:4e5163c14bffd570ef2affbfdd77bba66383890797df43dc8b4cc7d6f500bf53", size = 214295, upload-time = "2026-04-02T09:25:54.765Z" },
+    { url = "https://files.pythonhosted.org/packages/47/3a/7d4cd7ed54be99973a0dc176032cba5cb1f258082c31fa6df35cff46acfc/charset_normalizer-3.4.7-cp310-cp310-musllinux_1_2_s390x.whl", hash = "sha256:6ed74185b2db44f41ef35fd1617c5888e59792da9bbc9190d6c7300617182616", size = 227145, upload-time = "2026-04-02T09:25:55.904Z" },
+    { url = "https://files.pythonhosted.org/packages/1d/98/3a45bf8247889cf28262ebd3d0872edff11565b2a1e3064ccb132db3fbb0/charset_normalizer-3.4.7-cp310-cp310-musllinux_1_2_x86_64.whl", hash = "sha256:94e1885b270625a9a828c9793b4d52a64445299baa1fea5a173bf1d3dd9a1a5a", size = 218884, upload-time = "2026-04-02T09:25:57.074Z" },
+    { url = "https://files.pythonhosted.org/packages/ad/80/2e8b7f8915ed5c9ef13aa828d82738e33888c485b65ebf744d615040c7ea/charset_normalizer-3.4.7-cp310-cp310-win32.whl", hash = "sha256:6785f414ae0f3c733c437e0f3929197934f526d19dfaa75e18fdb4f94c6fb374", size = 148343, upload-time = "2026-04-02T09:25:58.199Z" },
+    { url = "https://files.pythonhosted.org/packages/35/1b/3b8c8c77184af465ee9ad88b5aea46ea6b2e1f7b9dc9502891e37af21e30/charset_normalizer-3.4.7-cp310-cp310-win_amd64.whl", hash = "sha256:6696b7688f54f5af4462118f0bfa7c1621eeb87154f77fa04b9295ce7a8f2943", size = 159174, upload-time = "2026-04-02T09:25:59.322Z" },
+    { url = "https://files.pythonhosted.org/packages/be/c1/feb40dca40dbb21e0a908801782d9288c64fc8d8e562c2098e9994c8c21b/charset_normalizer-3.4.7-cp310-cp310-win_arm64.whl", hash = "sha256:66671f93accb62ed07da56613636f3641f1a12c13046ce91ffc923721f23c008", size = 147805, upload-time = "2026-04-02T09:26:00.756Z" },
+    { url = "https://files.pythonhosted.org/packages/c2/d7/b5b7020a0565c2e9fa8c09f4b5fa6232feb326b8c20081ccded47ea368fd/charset_normalizer-3.4.7-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:7641bb8895e77f921102f72833904dcd9901df5d6d72a2ab8f31d04b7e51e4e7", size = 309705, upload-time = "2026-04-02T09:26:02.191Z" },
+    { url = "https://files.pythonhosted.org/packages/5a/53/58c29116c340e5456724ecd2fff4196d236b98f3da97b404bc5e51ac3493/charset_normalizer-3.4.7-cp311-cp311-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:202389074300232baeb53ae2569a60901f7efadd4245cf3a3bf0617d60b439d7", size = 206419, upload-time = "2026-04-02T09:26:03.583Z" },
+    { url = "https://files.pythonhosted.org/packages/b2/02/e8146dc6591a37a00e5144c63f29fb7c97a734ea8a111190783c0e60ab63/charset_normalizer-3.4.7-cp311-cp311-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:30b8d1d8c52a48c2c5690e152c169b673487a2a58de1ec7393196753063fcd5e", size = 227901, upload-time = "2026-04-02T09:26:04.738Z" },
+    { url = "https://files.pythonhosted.org/packages/fb/73/77486c4cd58f1267bf17db420e930c9afa1b3be3fe8c8b8ebbebc9624359/charset_normalizer-3.4.7-cp311-cp311-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:532bc9bf33a68613fd7d65e4b1c71a6a38d7d42604ecf239c77392e9b4e8998c", size = 222742, upload-time = "2026-04-02T09:26:06.36Z" },
+    { url = "https://files.pythonhosted.org/packages/a1/fa/f74eb381a7d94ded44739e9d94de18dc5edc9c17fb8c11f0a6890696c0a9/charset_normalizer-3.4.7-cp311-cp311-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:2fe249cb4651fd12605b7288b24751d8bfd46d35f12a20b1ba33dea122e690df", size = 214061, upload-time = "2026-04-02T09:26:08.347Z" },
+    { url = "https://files.pythonhosted.org/packages/dc/92/42bd3cefcf7687253fb86694b45f37b733c97f59af3724f356fa92b8c344/charset_normalizer-3.4.7-cp311-cp311-manylinux_2_31_armv7l.whl", hash = "sha256:65bcd23054beab4d166035cabbc868a09c1a49d1efe458fe8e4361215df40265", size = 199239, upload-time = "2026-04-02T09:26:09.823Z" },
+    { url = "https://files.pythonhosted.org/packages/4c/3d/069e7184e2aa3b3cddc700e3dd267413dc259854adc3380421c805c6a17d/charset_normalizer-3.4.7-cp311-cp311-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:08e721811161356f97b4059a9ba7bafb23ea5ee2255402c42881c214e173c6b4", size = 210173, upload-time = "2026-04-02T09:26:10.953Z" },
+    { url = "https://files.pythonhosted.org/packages/62/51/9d56feb5f2e7074c46f93e0ebdbe61f0848ee246e2f0d89f8e20b89ebb8f/charset_normalizer-3.4.7-cp311-cp311-musllinux_1_2_aarch64.whl", hash = "sha256:e060d01aec0a910bdccb8be71faf34e7799ce36950f8294c8bf612cba65a2c9e", size = 209841, upload-time = "2026-04-02T09:26:12.142Z" },
+    { url = "https://files.pythonhosted.org/packages/d2/59/893d8f99cc4c837dda1fe2f1139079703deb9f321aabcb032355de13b6c7/charset_normalizer-3.4.7-cp311-cp311-musllinux_1_2_armv7l.whl", hash = "sha256:38c0109396c4cfc574d502df99742a45c72c08eff0a36158b6f04000043dbf38", size = 200304, upload-time = "2026-04-02T09:26:13.711Z" },
+    { url = "https://files.pythonhosted.org/packages/7d/1d/ee6f3be3464247578d1ed5c46de545ccc3d3ff933695395c402c21fa6b77/charset_normalizer-3.4.7-cp311-cp311-musllinux_1_2_ppc64le.whl", hash = "sha256:1c2a768fdd44ee4a9339a9b0b130049139b8ce3c01d2ce09f67f5a68048d477c", size = 229455, upload-time = "2026-04-02T09:26:14.941Z" },
+    { url = "https://files.pythonhosted.org/packages/54/bb/8fb0a946296ea96a488928bdce8ef99023998c48e4713af533e9bb98ef07/charset_normalizer-3.4.7-cp311-cp311-musllinux_1_2_riscv64.whl", hash = "sha256:1a87ca9d5df6fe460483d9a5bbf2b18f620cbed41b432e2bddb686228282d10b", size = 210036, upload-time = "2026-04-02T09:26:16.478Z" },
+    { url = "https://files.pythonhosted.org/packages/9a/bc/015b2387f913749f82afd4fcba07846d05b6d784dd16123cb66860e0237d/charset_normalizer-3.4.7-cp311-cp311-musllinux_1_2_s390x.whl", hash = "sha256:d635aab80466bc95771bb78d5370e74d36d1fe31467b6b29b8b57b2a3cd7d22c", size = 224739, upload-time = "2026-04-02T09:26:17.751Z" },
+    { url = "https://files.pythonhosted.org/packages/17/ab/63133691f56baae417493cba6b7c641571a2130eb7bceba6773367ab9ec5/charset_normalizer-3.4.7-cp311-cp311-musllinux_1_2_x86_64.whl", hash = "sha256:ae196f021b5e7c78e918242d217db021ed2a6ace2bc6ae94c0fc596221c7f58d", size = 216277, upload-time = "2026-04-02T09:26:18.981Z" },
+    { url = "https://files.pythonhosted.org/packages/06/6d/3be70e827977f20db77c12a97e6a9f973631a45b8d186c084527e53e77a4/charset_normalizer-3.4.7-cp311-cp311-win32.whl", hash = "sha256:adb2597b428735679446b46c8badf467b4ca5f5056aae4d51a19f9570301b1ad", size = 147819, upload-time = "2026-04-02T09:26:20.295Z" },
+    { url = "https://files.pythonhosted.org/packages/20/d9/5f67790f06b735d7c7637171bbfd89882ad67201891b7275e51116ed8207/charset_normalizer-3.4.7-cp311-cp311-win_amd64.whl", hash = "sha256:8e385e4267ab76874ae30db04c627faaaf0b509e1ccc11a95b3fc3e83f855c00", size = 159281, upload-time = "2026-04-02T09:26:21.74Z" },
+    { url = "https://files.pythonhosted.org/packages/ca/83/6413f36c5a34afead88ce6f66684d943d91f233d76dd083798f9602b75ae/charset_normalizer-3.4.7-cp311-cp311-win_arm64.whl", hash = "sha256:d4a48e5b3c2a489fae013b7589308a40146ee081f6f509e047e0e096084ceca1", size = 147843, upload-time = "2026-04-02T09:26:22.901Z" },
+    { url = "https://files.pythonhosted.org/packages/0c/eb/4fc8d0a7110eb5fc9cc161723a34a8a6c200ce3b4fbf681bc86feee22308/charset_normalizer-3.4.7-cp312-cp312-macosx_10_13_universal2.whl", hash = "sha256:eca9705049ad3c7345d574e3510665cb2cf844c2f2dcfe675332677f081cbd46", size = 311328, upload-time = "2026-04-02T09:26:24.331Z" },
+    { url = "https://files.pythonhosted.org/packages/f8/e3/0fadc706008ac9d7b9b5be6dc767c05f9d3e5df51744ce4cc9605de7b9f4/charset_normalizer-3.4.7-cp312-cp312-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:6178f72c5508bfc5fd446a5905e698c6212932f25bcdd4b47a757a50605a90e2", size = 208061, upload-time = "2026-04-02T09:26:25.568Z" },
+    { url = "https://files.pythonhosted.org/packages/42/f0/3dd1045c47f4a4604df85ec18ad093912ae1344ac706993aff91d38773a2/charset_normalizer-3.4.7-cp312-cp312-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:e1421b502d83040e6d7fb2fb18dff63957f720da3d77b2fbd3187ceb63755d7b", size = 229031, upload-time = "2026-04-02T09:26:26.865Z" },
+    { url = "https://files.pythonhosted.org/packages/dc/67/675a46eb016118a2fbde5a277a5d15f4f69d5f3f5f338e5ee2f8948fcf43/charset_normalizer-3.4.7-cp312-cp312-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:edac0f1ab77644605be2cbba52e6b7f630731fc42b34cb0f634be1a6eface56a", size = 225239, upload-time = "2026-04-02T09:26:28.044Z" },
+    { url = "https://files.pythonhosted.org/packages/4b/f8/d0118a2f5f23b02cd166fa385c60f9b0d4f9194f574e2b31cef350ad7223/charset_normalizer-3.4.7-cp312-cp312-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:5649fd1c7bade02f320a462fdefd0b4bd3ce036065836d4f42e0de958038e116", size = 216589, upload-time = "2026-04-02T09:26:29.239Z" },
+    { url = "https://files.pythonhosted.org/packages/b1/f1/6d2b0b261b6c4ceef0fcb0d17a01cc5bc53586c2d4796fa04b5c540bc13d/charset_normalizer-3.4.7-cp312-cp312-manylinux_2_31_armv7l.whl", hash = "sha256:203104ed3e428044fd943bc4bf45fa73c0730391f9621e37fe39ecf477b128cb", size = 202733, upload-time = "2026-04-02T09:26:30.5Z" },
+    { url = "https://files.pythonhosted.org/packages/6f/c0/7b1f943f7e87cc3db9626ba17807d042c38645f0a1d4415c7a14afb5591f/charset_normalizer-3.4.7-cp312-cp312-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:298930cec56029e05497a76988377cbd7457ba864beeea92ad7e844fe74cd1f1", size = 212652, upload-time = "2026-04-02T09:26:31.709Z" },
+    { url = "https://files.pythonhosted.org/packages/38/dd/5a9ab159fe45c6e72079398f277b7d2b523e7f716acc489726115a910097/charset_normalizer-3.4.7-cp312-cp312-musllinux_1_2_aarch64.whl", hash = "sha256:708838739abf24b2ceb208d0e22403dd018faeef86ddac04319a62ae884c4f15", size = 211229, upload-time = "2026-04-02T09:26:33.282Z" },
+    { url = "https://files.pythonhosted.org/packages/d5/ff/531a1cad5ca855d1c1a8b69cb71abfd6d85c0291580146fda7c82857caa1/charset_normalizer-3.4.7-cp312-cp312-musllinux_1_2_armv7l.whl", hash = "sha256:0f7eb884681e3938906ed0434f20c63046eacd0111c4ba96f27b76084cd679f5", size = 203552, upload-time = "2026-04-02T09:26:34.845Z" },
+    { url = "https://files.pythonhosted.org/packages/c1/4c/a5fb52d528a8ca41f7598cb619409ece30a169fbdf9cdce592e53b46c3a6/charset_normalizer-3.4.7-cp312-cp312-musllinux_1_2_ppc64le.whl", hash = "sha256:4dc1e73c36828f982bfe79fadf5919923f8a6f4df2860804db9a98c48824ce8d", size = 230806, upload-time = "2026-04-02T09:26:36.152Z" },
+    { url = "https://files.pythonhosted.org/packages/59/7a/071feed8124111a32b316b33ae4de83d36923039ef8cf48120266844285b/charset_normalizer-3.4.7-cp312-cp312-musllinux_1_2_riscv64.whl", hash = "sha256:aed52fea0513bac0ccde438c188c8a471c4e0f457c2dd20cdbf6ea7a450046c7", size = 212316, upload-time = "2026-04-02T09:26:37.672Z" },
+    { url = "https://files.pythonhosted.org/packages/fd/35/f7dba3994312d7ba508e041eaac39a36b120f32d4c8662b8814dab876431/charset_normalizer-3.4.7-cp312-cp312-musllinux_1_2_s390x.whl", hash = "sha256:fea24543955a6a729c45a73fe90e08c743f0b3334bbf3201e6c4bc1b0c7fa464", size = 227274, upload-time = "2026-04-02T09:26:38.93Z" },
+    { url = "https://files.pythonhosted.org/packages/8a/2d/a572df5c9204ab7688ec1edc895a73ebded3b023bb07364710b05dd1c9be/charset_normalizer-3.4.7-cp312-cp312-musllinux_1_2_x86_64.whl", hash = "sha256:bb6d88045545b26da47aa879dd4a89a71d1dce0f0e549b1abcb31dfe4a8eac49", size = 218468, upload-time = "2026-04-02T09:26:40.17Z" },
+    { url = "https://files.pythonhosted.org/packages/86/eb/890922a8b03a568ca2f336c36585a4713c55d4d67bf0f0c78924be6315ca/charset_normalizer-3.4.7-cp312-cp312-win32.whl", hash = "sha256:2257141f39fe65a3fdf38aeccae4b953e5f3b3324f4ff0daf9f15b8518666a2c", size = 148460, upload-time = "2026-04-02T09:26:41.416Z" },
+    { url = "https://files.pythonhosted.org/packages/35/d9/0e7dffa06c5ab081f75b1b786f0aefc88365825dfcd0ac544bdb7b2b6853/charset_normalizer-3.4.7-cp312-cp312-win_amd64.whl", hash = "sha256:5ed6ab538499c8644b8a3e18debabcd7ce684f3fa91cf867521a7a0279cab2d6", size = 159330, upload-time = "2026-04-02T09:26:42.554Z" },
+    { url = "https://files.pythonhosted.org/packages/9e/5d/481bcc2a7c88ea6b0878c299547843b2521ccbc40980cb406267088bc701/charset_normalizer-3.4.7-cp312-cp312-win_arm64.whl", hash = "sha256:56be790f86bfb2c98fb742ce566dfb4816e5a83384616ab59c49e0604d49c51d", size = 147828, upload-time = "2026-04-02T09:26:44.075Z" },
+    { url = "https://files.pythonhosted.org/packages/c1/3b/66777e39d3ae1ddc77ee606be4ec6d8cbd4c801f65e5a1b6f2b11b8346dd/charset_normalizer-3.4.7-cp313-cp313-macosx_10_13_universal2.whl", hash = "sha256:f496c9c3cc02230093d8330875c4c3cdfc3b73612a5fd921c65d39cbcef08063", size = 309627, upload-time = "2026-04-02T09:26:45.198Z" },
+    { url = "https://files.pythonhosted.org/packages/2e/4e/b7f84e617b4854ade48a1b7915c8ccfadeba444d2a18c291f696e37f0d3b/charset_normalizer-3.4.7-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:0ea948db76d31190bf08bd371623927ee1339d5f2a0b4b1b4a4439a65298703c", size = 207008, upload-time = "2026-04-02T09:26:46.824Z" },
+    { url = "https://files.pythonhosted.org/packages/c4/bb/ec73c0257c9e11b268f018f068f5d00aa0ef8c8b09f7753ebd5f2880e248/charset_normalizer-3.4.7-cp313-cp313-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:a277ab8928b9f299723bc1a2dabb1265911b1a76341f90a510368ca44ad9ab66", size = 228303, upload-time = "2026-04-02T09:26:48.397Z" },
+    { url = "https://files.pythonhosted.org/packages/85/fb/32d1f5033484494619f701e719429c69b766bfc4dbc61aa9e9c8c166528b/charset_normalizer-3.4.7-cp313-cp313-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:3bec022aec2c514d9cf199522a802bd007cd588ab17ab2525f20f9c34d067c18", size = 224282, upload-time = "2026-04-02T09:26:49.684Z" },
+    { url = "https://files.pythonhosted.org/packages/fa/07/330e3a0dda4c404d6da83b327270906e9654a24f6c546dc886a0eb0ffb23/charset_normalizer-3.4.7-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:e044c39e41b92c845bc815e5ae4230804e8e7bc29e399b0437d64222d92809dd", size = 215595, upload-time = "2026-04-02T09:26:50.915Z" },
+    { url = "https://files.pythonhosted.org/packages/e3/7c/fc890655786e423f02556e0216d4b8c6bcb6bdfa890160dc66bf52dee468/charset_normalizer-3.4.7-cp313-cp313-manylinux_2_31_armv7l.whl", hash = "sha256:f495a1652cf3fbab2eb0639776dad966c2fb874d79d87ca07f9d5f059b8bd215", size = 201986, upload-time = "2026-04-02T09:26:52.197Z" },
+    { url = "https://files.pythonhosted.org/packages/d8/97/bfb18b3db2aed3b90cf54dc292ad79fdd5ad65c4eae454099475cbeadd0d/charset_normalizer-3.4.7-cp313-cp313-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:e712b419df8ba5e42b226c510472b37bd57b38e897d3eca5e8cfd410a29fa859", size = 211711, upload-time = "2026-04-02T09:26:53.49Z" },
+    { url = "https://files.pythonhosted.org/packages/6f/a5/a581c13798546a7fd557c82614a5c65a13df2157e9ad6373166d2a3e645d/charset_normalizer-3.4.7-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:7804338df6fcc08105c7745f1502ba68d900f45fd770d5bdd5288ddccb8a42d8", size = 210036, upload-time = "2026-04-02T09:26:54.975Z" },
+    { url = "https://files.pythonhosted.org/packages/8c/bf/b3ab5bcb478e4193d517644b0fb2bf5497fbceeaa7a1bc0f4d5b50953861/charset_normalizer-3.4.7-cp313-cp313-musllinux_1_2_armv7l.whl", hash = "sha256:481551899c856c704d58119b5025793fa6730adda3571971af568f66d2424bb5", size = 202998, upload-time = "2026-04-02T09:26:56.303Z" },
+    { url = "https://files.pythonhosted.org/packages/e7/4e/23efd79b65d314fa320ec6017b4b5834d5c12a58ba4610aa353af2e2f577/charset_normalizer-3.4.7-cp313-cp313-musllinux_1_2_ppc64le.whl", hash = "sha256:f59099f9b66f0d7145115e6f80dd8b1d847176df89b234a5a6b3f00437aa0832", size = 230056, upload-time = "2026-04-02T09:26:57.554Z" },
+    { url = "https://files.pythonhosted.org/packages/b9/9f/1e1941bc3f0e01df116e68dc37a55c4d249df5e6fa77f008841aef68264f/charset_normalizer-3.4.7-cp313-cp313-musllinux_1_2_riscv64.whl", hash = "sha256:f59ad4c0e8f6bba240a9bb85504faa1ab438237199d4cce5f622761507b8f6a6", size = 211537, upload-time = "2026-04-02T09:26:58.843Z" },
+    { url = "https://files.pythonhosted.org/packages/80/0f/088cbb3020d44428964a6c97fe1edfb1b9550396bf6d278330281e8b709c/charset_normalizer-3.4.7-cp313-cp313-musllinux_1_2_s390x.whl", hash = "sha256:3dedcc22d73ec993f42055eff4fcfed9318d1eeb9a6606c55892a26964964e48", size = 226176, upload-time = "2026-04-02T09:27:00.437Z" },
+    { url = "https://files.pythonhosted.org/packages/6a/9f/130394f9bbe06f4f63e22641d32fc9b202b7e251c9aef4db044324dac493/charset_normalizer-3.4.7-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:64f02c6841d7d83f832cd97ccf8eb8a906d06eb95d5276069175c696b024b60a", size = 217723, upload-time = "2026-04-02T09:27:02.021Z" },
+    { url = "https://files.pythonhosted.org/packages/73/55/c469897448a06e49f8fa03f6caae97074fde823f432a98f979cc42b90e69/charset_normalizer-3.4.7-cp313-cp313-win32.whl", hash = "sha256:4042d5c8f957e15221d423ba781e85d553722fc4113f523f2feb7b188cc34c5e", size = 148085, upload-time = "2026-04-02T09:27:03.192Z" },
+    { url = "https://files.pythonhosted.org/packages/5d/78/1b74c5bbb3f99b77a1715c91b3e0b5bdb6fe302d95ace4f5b1bec37b0167/charset_normalizer-3.4.7-cp313-cp313-win_amd64.whl", hash = "sha256:3946fa46a0cf3e4c8cb1cc52f56bb536310d34f25f01ca9b6c16afa767dab110", size = 158819, upload-time = "2026-04-02T09:27:04.454Z" },
+    { url = "https://files.pythonhosted.org/packages/68/86/46bd42279d323deb8687c4a5a811fd548cb7d1de10cf6535d099877a9a9f/charset_normalizer-3.4.7-cp313-cp313-win_arm64.whl", hash = "sha256:80d04837f55fc81da168b98de4f4b797ef007fc8a79ab71c6ec9bc4dd662b15b", size = 147915, upload-time = "2026-04-02T09:27:05.971Z" },
+    { url = "https://files.pythonhosted.org/packages/97/c8/c67cb8c70e19ef1960b97b22ed2a1567711de46c4ddf19799923adc836c2/charset_normalizer-3.4.7-cp314-cp314-macosx_10_15_universal2.whl", hash = "sha256:c36c333c39be2dbca264d7803333c896ab8fa7d4d6f0ab7edb7dfd7aea6e98c0", size = 309234, upload-time = "2026-04-02T09:27:07.194Z" },
+    { url = "https://files.pythonhosted.org/packages/99/85/c091fdee33f20de70d6c8b522743b6f831a2f1cd3ff86de4c6a827c48a76/charset_normalizer-3.4.7-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:1c2aed2e5e41f24ea8ef1590b8e848a79b56f3a5564a65ceec43c9d692dc7d8a", size = 208042, upload-time = "2026-04-02T09:27:08.749Z" },
+    { url = "https://files.pythonhosted.org/packages/87/1c/ab2ce611b984d2fd5d86a5a8a19c1ae26acac6bad967da4967562c75114d/charset_normalizer-3.4.7-cp314-cp314-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:54523e136b8948060c0fa0bc7b1b50c32c186f2fceee897a495406bb6e311d2b", size = 228706, upload-time = "2026-04-02T09:27:09.951Z" },
+    { url = "https://files.pythonhosted.org/packages/a8/29/2b1d2cb00bf085f59d29eb773ce58ec2d325430f8c216804a0a5cd83cbca/charset_normalizer-3.4.7-cp314-cp314-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:715479b9a2802ecac752a3b0efa2b0b60285cf962ee38414211abdfccc233b41", size = 224727, upload-time = "2026-04-02T09:27:11.175Z" },
+    { url = "https://files.pythonhosted.org/packages/47/5c/032c2d5a07fe4d4855fea851209cca2b6f03ebeb6d4e3afdb3358386a684/charset_normalizer-3.4.7-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:bd6c2a1c7573c64738d716488d2cdd3c00e340e4835707d8fdb8dc1a66ef164e", size = 215882, upload-time = "2026-04-02T09:27:12.446Z" },
+    { url = "https://files.pythonhosted.org/packages/2c/c2/356065d5a8b78ed04499cae5f339f091946a6a74f91e03476c33f0ab7100/charset_normalizer-3.4.7-cp314-cp314-manylinux_2_31_armv7l.whl", hash = "sha256:c45e9440fb78f8ddabcf714b68f936737a121355bf59f3907f4e17721b9d1aae", size = 200860, upload-time = "2026-04-02T09:27:13.721Z" },
+    { url = "https://files.pythonhosted.org/packages/0c/cd/a32a84217ced5039f53b29f460962abb2d4420def55afabe45b1c3c7483d/charset_normalizer-3.4.7-cp314-cp314-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:3534e7dcbdcf757da6b85a0bbf5b6868786d5982dd959b065e65481644817a18", size = 211564, upload-time = "2026-04-02T09:27:15.272Z" },
+    { url = "https://files.pythonhosted.org/packages/44/86/58e6f13ce26cc3b8f4a36b94a0f22ae2f00a72534520f4ae6857c4b81f89/charset_normalizer-3.4.7-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:e8ac484bf18ce6975760921bb6148041faa8fef0547200386ea0b52b5d27bf7b", size = 211276, upload-time = "2026-04-02T09:27:16.834Z" },
+    { url = "https://files.pythonhosted.org/packages/8f/fe/d17c32dc72e17e155e06883efa84514ca375f8a528ba2546bee73fc4df81/charset_normalizer-3.4.7-cp314-cp314-musllinux_1_2_armv7l.whl", hash = "sha256:a5fe03b42827c13cdccd08e6c0247b6a6d4b5e3cdc53fd1749f5896adcdc2356", size = 201238, upload-time = "2026-04-02T09:27:18.229Z" },
+    { url = "https://files.pythonhosted.org/packages/6a/29/f33daa50b06525a237451cdb6c69da366c381a3dadcd833fa5676bc468b3/charset_normalizer-3.4.7-cp314-cp314-musllinux_1_2_ppc64le.whl", hash = "sha256:2d6eb928e13016cea4f1f21d1e10c1cebd5a421bc57ddf5b1142ae3f86824fab", size = 230189, upload-time = "2026-04-02T09:27:19.445Z" },
+    { url = "https://files.pythonhosted.org/packages/b6/6e/52c84015394a6a0bdcd435210a7e944c5f94ea1055f5cc5d56c5fe368e7b/charset_normalizer-3.4.7-cp314-cp314-musllinux_1_2_riscv64.whl", hash = "sha256:e74327fb75de8986940def6e8dee4f127cc9752bee7355bb323cc5b2659b6d46", size = 211352, upload-time = "2026-04-02T09:27:20.79Z" },
+    { url = "https://files.pythonhosted.org/packages/8c/d7/4353be581b373033fb9198bf1da3cf8f09c1082561e8e922aa7b39bf9fe8/charset_normalizer-3.4.7-cp314-cp314-musllinux_1_2_s390x.whl", hash = "sha256:d6038d37043bced98a66e68d3aa2b6a35505dc01328cd65217cefe82f25def44", size = 227024, upload-time = "2026-04-02T09:27:22.063Z" },
+    { url = "https://files.pythonhosted.org/packages/30/45/99d18aa925bd1740098ccd3060e238e21115fffbfdcb8f3ece837d0ace6c/charset_normalizer-3.4.7-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:7579e913a5339fb8fa133f6bbcfd8e6749696206cf05acdbdca71a1b436d8e72", size = 217869, upload-time = "2026-04-02T09:27:23.486Z" },
+    { url = "https://files.pythonhosted.org/packages/5c/05/5ee478aa53f4bb7996482153d4bfe1b89e0f087f0ab6b294fcf92d595873/charset_normalizer-3.4.7-cp314-cp314-win32.whl", hash = "sha256:5b77459df20e08151cd6f8b9ef8ef1f961ef73d85c21a555c7eed5b79410ec10", size = 148541, upload-time = "2026-04-02T09:27:25.146Z" },
+    { url = "https://files.pythonhosted.org/packages/48/77/72dcb0921b2ce86420b2d79d454c7022bf5be40202a2a07906b9f2a35c97/charset_normalizer-3.4.7-cp314-cp314-win_amd64.whl", hash = "sha256:92a0a01ead5e668468e952e4238cccd7c537364eb7d851ab144ab6627dbbe12f", size = 159634, upload-time = "2026-04-02T09:27:26.642Z" },
+    { url = "https://files.pythonhosted.org/packages/c6/a3/c2369911cd72f02386e4e340770f6e158c7980267da16af8f668217abaa0/charset_normalizer-3.4.7-cp314-cp314-win_arm64.whl", hash = "sha256:67f6279d125ca0046a7fd386d01b311c6363844deac3e5b069b514ba3e63c246", size = 148384, upload-time = "2026-04-02T09:27:28.271Z" },
+    { url = "https://files.pythonhosted.org/packages/94/09/7e8a7f73d24dba1f0035fbbf014d2c36828fc1bf9c88f84093e57d315935/charset_normalizer-3.4.7-cp314-cp314t-macosx_10_15_universal2.whl", hash = "sha256:effc3f449787117233702311a1b7d8f59cba9ced946ba727bdc329ec69028e24", size = 330133, upload-time = "2026-04-02T09:27:29.474Z" },
+    { url = "https://files.pythonhosted.org/packages/8d/da/96975ddb11f8e977f706f45cddd8540fd8242f71ecdb5d18a80723dcf62c/charset_normalizer-3.4.7-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:fbccdc05410c9ee21bbf16a35f4c1d16123dcdeb8a1d38f33654fa21d0234f79", size = 216257, upload-time = "2026-04-02T09:27:30.793Z" },
+    { url = "https://files.pythonhosted.org/packages/e5/e8/1d63bf8ef2d388e95c64b2098f45f84758f6d102a087552da1485912637b/charset_normalizer-3.4.7-cp314-cp314t-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:733784b6d6def852c814bce5f318d25da2ee65dd4839a0718641c696e09a2960", size = 234851, upload-time = "2026-04-02T09:27:32.44Z" },
+    { url = "https://files.pythonhosted.org/packages/9b/40/e5ff04233e70da2681fa43969ad6f66ca5611d7e669be0246c4c7aaf6dc8/charset_normalizer-3.4.7-cp314-cp314t-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:a89c23ef8d2c6b27fd200a42aa4ac72786e7c60d40efdc76e6011260b6e949c4", size = 233393, upload-time = "2026-04-02T09:27:34.03Z" },
+    { url = "https://files.pythonhosted.org/packages/be/c1/06c6c49d5a5450f76899992f1ee40b41d076aee9279b49cf9974d2f313d5/charset_normalizer-3.4.7-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:6c114670c45346afedc0d947faf3c7f701051d2518b943679c8ff88befe14f8e", size = 223251, upload-time = "2026-04-02T09:27:35.369Z" },
+    { url = "https://files.pythonhosted.org/packages/2b/9f/f2ff16fb050946169e3e1f82134d107e5d4ae72647ec8a1b1446c148480f/charset_normalizer-3.4.7-cp314-cp314t-manylinux_2_31_armv7l.whl", hash = "sha256:a180c5e59792af262bf263b21a3c49353f25945d8d9f70628e73de370d55e1e1", size = 206609, upload-time = "2026-04-02T09:27:36.661Z" },
+    { url = "https://files.pythonhosted.org/packages/69/d5/a527c0cd8d64d2eab7459784fb4169a0ac76e5a6fc5237337982fd61347e/charset_normalizer-3.4.7-cp314-cp314t-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:3c9a494bc5ec77d43cea229c4f6db1e4d8fe7e1bbffa8b6f0f0032430ff8ab44", size = 220014, upload-time = "2026-04-02T09:27:38.019Z" },
+    { url = "https://files.pythonhosted.org/packages/7e/80/8a7b8104a3e203074dc9aa2c613d4b726c0e136bad1cc734594b02867972/charset_normalizer-3.4.7-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:8d828b6667a32a728a1ad1d93957cdf37489c57b97ae6c4de2860fa749b8fc1e", size = 218979, upload-time = "2026-04-02T09:27:39.37Z" },
+    { url = "https://files.pythonhosted.org/packages/02/9a/b759b503d507f375b2b5c153e4d2ee0a75aa215b7f2489cf314f4541f2c0/charset_normalizer-3.4.7-cp314-cp314t-musllinux_1_2_armv7l.whl", hash = "sha256:cf1493cd8607bec4d8a7b9b004e699fcf8f9103a9284cc94962cb73d20f9d4a3", size = 209238, upload-time = "2026-04-02T09:27:40.722Z" },
+    { url = "https://files.pythonhosted.org/packages/c2/4e/0f3f5d47b86bdb79256e7290b26ac847a2832d9a4033f7eb2cd4bcf4bb5b/charset_normalizer-3.4.7-cp314-cp314t-musllinux_1_2_ppc64le.whl", hash = "sha256:0c96c3b819b5c3e9e165495db84d41914d6894d55181d2d108cc1a69bfc9cce0", size = 236110, upload-time = "2026-04-02T09:27:42.33Z" },
+    { url = "https://files.pythonhosted.org/packages/96/23/bce28734eb3ed2c91dcf93abeb8a5cf393a7b2749725030bb630e554fdd8/charset_normalizer-3.4.7-cp314-cp314t-musllinux_1_2_riscv64.whl", hash = "sha256:752a45dc4a6934060b3b0dab47e04edc3326575f82be64bc4fc293914566503e", size = 219824, upload-time = "2026-04-02T09:27:43.924Z" },
+    { url = "https://files.pythonhosted.org/packages/2c/6f/6e897c6984cc4d41af319b077f2f600fc8214eb2fe2d6bcb79141b882400/charset_normalizer-3.4.7-cp314-cp314t-musllinux_1_2_s390x.whl", hash = "sha256:8778f0c7a52e56f75d12dae53ae320fae900a8b9b4164b981b9c5ce059cd1fcb", size = 233103, upload-time = "2026-04-02T09:27:45.348Z" },
+    { url = "https://files.pythonhosted.org/packages/76/22/ef7bd0fe480a0ae9b656189ec00744b60933f68b4f42a7bb06589f6f576a/charset_normalizer-3.4.7-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:ce3412fbe1e31eb81ea42f4169ed94861c56e643189e1e75f0041f3fe7020abe", size = 225194, upload-time = "2026-04-02T09:27:46.706Z" },
+    { url = "https://files.pythonhosted.org/packages/c5/a7/0e0ab3e0b5bc1219bd80a6a0d4d72ca74d9250cb2382b7c699c147e06017/charset_normalizer-3.4.7-cp314-cp314t-win32.whl", hash = "sha256:c03a41a8784091e67a39648f70c5f97b5b6a37f216896d44d2cdcb82615339a0", size = 159827, upload-time = "2026-04-02T09:27:48.053Z" },
+    { url = "https://files.pythonhosted.org/packages/7a/1d/29d32e0fb40864b1f878c7f5a0b343ae676c6e2b271a2d55cc3a152391da/charset_normalizer-3.4.7-cp314-cp314t-win_amd64.whl", hash = "sha256:03853ed82eeebbce3c2abfdbc98c96dc205f32a79627688ac9a27370ea61a49c", size = 174168, upload-time = "2026-04-02T09:27:49.795Z" },
+    { url = "https://files.pythonhosted.org/packages/de/32/d92444ad05c7a6e41fb2036749777c163baf7a0301a040cb672d6b2b1ae9/charset_normalizer-3.4.7-cp314-cp314t-win_arm64.whl", hash = "sha256:c35abb8bfff0185efac5878da64c45dafd2b37fb0383add1be155a763c1f083d", size = 153018, upload-time = "2026-04-02T09:27:51.116Z" },
+    { url = "https://files.pythonhosted.org/packages/db/8f/61959034484a4a7c527811f4721e75d02d653a35afb0b6054474d8185d4c/charset_normalizer-3.4.7-py3-none-any.whl", hash = "sha256:3dce51d0f5e7951f8bb4900c257dad282f49190fdbebecd4ba99bcc41fef404d", size = 61958, upload-time = "2026-04-02T09:28:37.794Z" },
 ]
 
 [[package]]
 name = "embeddr-extension"
-version = "1.2.0"
+version = "1.2.1"
 source = { virtual = "." }
+dependencies = [
+    { name = "requests" },
+]
+
+[package.dev-dependencies]
+dev = [
+    { name = "ruff" },
+]
+
+[package.metadata]
+requires-dist = [{ name = "requests", specifier = ">=2.31.0" }]
+
+[package.metadata.requires-dev]
+dev = [{ name = "ruff", specifier = ">=0.7.0" }]
+
+[[package]]
+name = "idna"
+version = "3.13"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/ce/cc/762dfb036166873f0059f3b7de4565e1b5bc3d6f28a414c13da27e442f99/idna-3.13.tar.gz", hash = "sha256:585ea8fe5d69b9181ec1afba340451fba6ba764af97026f92a91d4eef164a242", size = 194210, upload-time = "2026-04-22T16:42:42.314Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/5d/13/ad7d7ca3808a898b4612b6fe93cde56b53f3034dcde235acb1f0e1df24c6/idna-3.13-py3-none-any.whl", hash = "sha256:892ea0cde124a99ce773decba204c5552b69c3c67ffd5f232eb7696135bc8bb3", size = 68629, upload-time = "2026-04-22T16:42:40.909Z" },
+]
+
+[[package]]
+name = "requests"
+version = "2.33.1"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "certifi" },
+    { name = "charset-normalizer" },
+    { name = "idna" },
+    { name = "urllib3" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/5f/a4/98b9c7c6428a668bf7e42ebb7c79d576a1c3c1e3ae2d47e674b468388871/requests-2.33.1.tar.gz", hash = "sha256:18817f8c57c6263968bc123d237e3b8b08ac046f5456bd1e307ee8f4250d3517", size = 134120, upload-time = "2026-03-30T16:09:15.531Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/d7/8e/7540e8a2036f79a125c1d2ebadf69ed7901608859186c856fa0388ef4197/requests-2.33.1-py3-none-any.whl", hash = "sha256:4e6d1ef462f3626a1f0a0a9c42dd93c63bad33f9f1c1937509b8c5c8718ab56a", size = 64947, upload-time = "2026-03-30T16:09:13.83Z" },
+]
+
+[[package]]
+name = "ruff"
+version = "0.15.12"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/99/43/3291f1cc9106f4c63bdce7a8d0df5047fe8422a75b091c16b5e9355e0b11/ruff-0.15.12.tar.gz", hash = "sha256:ecea26adb26b4232c0c2ca19ccbc0083a68344180bba2a600605538ce51a40a6", size = 4643852, upload-time = "2026-04-24T18:17:14.305Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/c3/6e/e78ffb61d4686f3d96ba3df2c801161843746dcbcbb17a1e927d4829312b/ruff-0.15.12-py3-none-linux_armv6l.whl", hash = "sha256:f86f176e188e94d6bdbc09f09bfd9dc729059ad93d0e7390b5a73efe19f8861c", size = 10640713, upload-time = "2026-04-24T18:17:22.841Z" },
+    { url = "https://files.pythonhosted.org/packages/ae/08/a317bc231fb9e7b93e4ef3089501e51922ff88d6936ce5cf870c4fe55419/ruff-0.15.12-py3-none-macosx_10_12_x86_64.whl", hash = "sha256:e3bcd123364c3770b8e1b7baaf343cc99a35f197c5c6e8af79015c666c423a6c", size = 11069267, upload-time = "2026-04-24T18:17:30.105Z" },
+    { url = "https://files.pythonhosted.org/packages/aa/a4/f828e9718d3dce1f5f11c39c4f65afd32783c8b2aebb2e3d259e492c47bd/ruff-0.15.12-py3-none-macosx_11_0_arm64.whl", hash = "sha256:fe87510d000220aa1ed530d4448a7c696a0cae1213e5ec30e5874287b66557b5", size = 10397182, upload-time = "2026-04-24T18:17:07.177Z" },
+    { url = "https://files.pythonhosted.org/packages/71/e0/3310fc6d1b5e1fdea22bf3b1b807c7e187b581021b0d7d4514cccdb5fb71/ruff-0.15.12-py3-none-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:84a1630093121375a3e2a95b4a6dc7b59e2b4ee76216e32d81aae550a832d002", size = 10758012, upload-time = "2026-04-24T18:16:55.759Z" },
+    { url = "https://files.pythonhosted.org/packages/11/c1/a606911aee04c324ddaa883ae418f3569792fd3c4a10c50e0dd0a2311e1e/ruff-0.15.12-py3-none-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:fb129f40f114f089ebe0ca56c0d251cf2061b17651d464bb6478dc01e69f11f5", size = 10447479, upload-time = "2026-04-24T18:16:51.677Z" },
+    { url = "https://files.pythonhosted.org/packages/9d/68/4201e8444f0894f21ab4aeeaee68aa4f10b51613514a20d80bd628d57e88/ruff-0.15.12-py3-none-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:b0c862b172d695db7598426b8af465e7e9ac00a3ea2a3630ee67eb82e366aaa6", size = 11234040, upload-time = "2026-04-24T18:17:16.529Z" },
+    { url = "https://files.pythonhosted.org/packages/34/ff/8a6d6cf4ccc23fd67060874e832c18919d1557a0611ebef03fdb01fff11e/ruff-0.15.12-py3-none-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:2849ea9f3484c3aca43a82f484210370319e7170df4dfe4843395ddf6c57bc33", size = 12087377, upload-time = "2026-04-24T18:17:04.944Z" },
+    { url = "https://files.pythonhosted.org/packages/85/f6/c669cf73f5152f623d34e69866a46d5e6185816b19fcd5b6dd8a2d299922/ruff-0.15.12-py3-none-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:9e77c7e51c07fe396826d5969a5b846d9cd4c402535835fb6e21ce8b28fef847", size = 11367784, upload-time = "2026-04-24T18:17:25.409Z" },
+    { url = "https://files.pythonhosted.org/packages/e8/39/c61d193b8a1daaa8977f7dea9e8d8ba866e02ea7b65d32f6861693aa4c12/ruff-0.15.12-py3-none-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:83b2f4f2f3b1026b5fb449b467d9264bf22067b600f7b6f41fc5958909f449d0", size = 11344088, upload-time = "2026-04-24T18:17:12.258Z" },
+    { url = "https://files.pythonhosted.org/packages/c2/8d/49afab3645e31e12c590acb6d3b5b69d7aab5b81926dbaf7461f9441f37a/ruff-0.15.12-py3-none-manylinux_2_31_riscv64.whl", hash = "sha256:9ba3b8f1afd7e2e43d8943e55f249e13f9682fde09711644a6e7290eb4f3e339", size = 11271770, upload-time = "2026-04-24T18:17:02.457Z" },
+    { url = "https://files.pythonhosted.org/packages/46/06/33f41fe94403e2b755481cdfb9b7ef3e4e0ed031c4581124658d935d52b4/ruff-0.15.12-py3-none-musllinux_1_2_aarch64.whl", hash = "sha256:e852ba9fdc890655e1d78f2df1499efbe0e54126bd405362154a75e2bde159c5", size = 10719355, upload-time = "2026-04-24T18:17:27.648Z" },
+    { url = "https://files.pythonhosted.org/packages/0d/59/18aa4e014debbf559670e4048e39260a85c7fcee84acfd761ac01e7b8d35/ruff-0.15.12-py3-none-musllinux_1_2_armv7l.whl", hash = "sha256:dd8aed930da53780d22fc70bdf84452c843cf64f8cb4eb38984319c24c5cd5fd", size = 10462758, upload-time = "2026-04-24T18:17:32.347Z" },
+    { url = "https://files.pythonhosted.org/packages/25/e7/cc9f16fd0f3b5fddcbd7ec3d6ae30c8f3fde1047f32a4093a98d633c6570/ruff-0.15.12-py3-none-musllinux_1_2_i686.whl", hash = "sha256:01da3988d225628b709493d7dc67c3b9b12c0210016b08690ef9bd27970b262b", size = 10953498, upload-time = "2026-04-24T18:17:20.674Z" },
+    { url = "https://files.pythonhosted.org/packages/72/7a/a9ba7f98c7a575978698f4230c5e8cc54bbc761af34f560818f933dafa0c/ruff-0.15.12-py3-none-musllinux_1_2_x86_64.whl", hash = "sha256:9cae0f92bd5700d1213188b31cd3bdd2b315361296d10b96b8e2337d3d11f53e", size = 11447765, upload-time = "2026-04-24T18:17:09.755Z" },
+    { url = "https://files.pythonhosted.org/packages/ea/f9/0ae446942c846b8266059ad8a30702a35afae55f5cdc54c5adf8d7afdc27/ruff-0.15.12-py3-none-win32.whl", hash = "sha256:d0185894e038d7043ba8fd6aee7499ece6462dc0ea9f1e260c7451807c714c20", size = 10657277, upload-time = "2026-04-24T18:17:18.591Z" },
+    { url = "https://files.pythonhosted.org/packages/33/f1/9614e03e1cdcbf9437570b5400ced8a720b5db22b28d8e0f1bda429f660d/ruff-0.15.12-py3-none-win_amd64.whl", hash = "sha256:c87a162d61ab3adca47c03f7f717c68672edec7d1b5499e652331780fe74950d", size = 11837758, upload-time = "2026-04-24T18:17:00.113Z" },
+    { url = "https://files.pythonhosted.org/packages/c0/98/6beb4b351e472e5f4c4613f7c35a5290b8be2497e183825310c4c3a3984b/ruff-0.15.12-py3-none-win_arm64.whl", hash = "sha256:a538f7a82d061cee7be55542aca1d86d1393d55d81d4fcc314370f4340930d4f", size = 11120821, upload-time = "2026-04-24T18:16:57.979Z" },
+]
+
+[[package]]
+name = "urllib3"
+version = "2.6.3"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/c7/24/5f1b3bdffd70275f6661c76461e25f024d5a38a46f04aaca912426a2b1d3/urllib3-2.6.3.tar.gz", hash = "sha256:1b62b6884944a57dbe321509ab94fd4d3b307075e0c2eae991ac71ee15ad38ed", size = 435556, upload-time = "2026-01-07T16:24:43.925Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/39/08/aaaad47bc4e9dc8c725e68f9d04865dbcb2052843ff09c97b08904852d84/urllib3-2.6.3-py3-none-any.whl", hash = "sha256:bf272323e553dfb2e87d9bfd225ca7b0f467b919d7bbd355436d3fd37cb0acd4", size = 131584, upload-time = "2026-01-07T16:24:42.685Z" },
+]

From e037b3c8a83a79fa04365aca3339918a4dbf671b Mon Sep 17 00:00:00 2001
From: Nynxz <contact@nynxz.com>
Date: Fri, 1 May 2026 09:15:42 +1000
Subject: [PATCH 9/9] chore: clean up root directory cruft
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Trim stale / unused files now that the configs are settled.

Removed:
- example.config.json — stale; runtime config is set via the sidebar
  SettingsForm UI which writes to config.json directly. The template
  file isn't referenced anywhere.
- __pycache__/, .ruff_cache/ — tooling artifacts that shouldn't be in
  the working tree (already in .gitignore).

Fixed:
- MANIFEST.in: was referencing a non-existent LICENSE.txt; corrected
  to LICENSE (matches the actual file). Kept — `comfy node publish`
  builds a Python sdist for the registry, which needs MANIFEST.in to
  pull in the compiled `js/` bundle (it isn't auto-included as it's
  not a Python package).
- components.json: shadcn config pointed at src/globals.css which
  doesn't exist; the actual file is ui/globals.css. `pnpm dlx shadcn
  add <component>` now works.
- tsconfig.json: drop typeRoots ["src/types", ...] referencing a
  non-existent dir; add include ["ui"], moduleResolution: "bundler",
  skipLibCheck, esModuleInterop, isolatedModules — fills in the gaps
  that were causing tsserver to lose track of the project.
- Auto-fixed 5 @typescript-eslint/no-unnecessary-type-assertion
  surfaced once tsconfig was sane (typed-aware lint kicked in).

.gitignore: rewrote with explicit categories — Python artifacts (incl.
.ruff_cache/.pytest_cache/.venv), local user state (config.json/.env),
release artifacts (comfyui-embeddr/, *.zip). Drops stale `node.zip`
and `*_cache` glob in favour of explicit names.

Kept: uv.lock (needed for reproducible CI install via `uv sync`).
---
 .gitignore                 | 21 +++++++++++++++++----
 MANIFEST.in                |  4 +---
 components.json            |  2 +-
 example.config.json        |  1 -
 tsconfig.json              | 12 ++++++++----
 ui/components/ZenShell.tsx | 10 +++++-----
 6 files changed, 32 insertions(+), 18 deletions(-)
 delete mode 100644 example.config.json

diff --git a/.gitignore b/.gitignore
index 80ee846..1aeb5b2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,7 +1,20 @@
-__pycache__
 node_modules
 js
-config.json
-node.zip
-*_cache
+.DS_Store
+
+# Python
+__pycache__
+*.py[cod]
 .venv
+.ruff_cache
+.pytest_cache
+
+# Local user state
+config.json
+.env
+*.local
+
+# Release artifacts
+comfyui-embeddr/
+comfyui-embeddr.zip
+*.zip
diff --git a/MANIFEST.in b/MANIFEST.in
index 3e7fd2c..f0c5fe8 100644
--- a/MANIFEST.in
+++ b/MANIFEST.in
@@ -1,4 +1,4 @@
-include LICENSE.txt
+include LICENSE
 include README.md
 include pyproject.toml
 include __init__.py
@@ -8,5 +8,3 @@ recursive-include nodes *
 
 exclude ui
 recursive-exclude ui *
-exclude dist-artifact
-recursive-exclude dist-artifact *
diff --git a/components.json b/components.json
index 4b1c517..b1fa1ae 100644
--- a/components.json
+++ b/components.json
@@ -5,7 +5,7 @@
   "tsx": true,
   "tailwind": {
     "config": "",
-    "css": "src/globals.css",
+    "css": "ui/globals.css",
     "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""
diff --git a/example.config.json b/example.config.json
deleted file mode 100644
index e7f2c1a..0000000
--- a/example.config.json
+++ /dev/null
@@ -1 +0,0 @@
-{ "endpoint": "http://127.0.0.1:8003/", "mode": "local", "grid_preview_contain": false }
diff --git a/tsconfig.json b/tsconfig.json
index e2eef02..43069ff 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,15 +3,19 @@
     "target": "ES2022",
     "useDefineForClassFields": true,
     "jsx": "react-jsx",
-
     "module": "ESNext",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "isolatedModules": true,
     "paths": {
       "@components/*": ["./ui/components/*"],
       "@hooks/*": ["./ui/hooks/*"],
       "@types": ["./ui/types.ts"]
-    },
-    "typeRoots": ["src/types", "node_modules/@types"]
+    }
   },
-  "exclude": ["node_modules", "dist", "js", "**/*.test.ts", "**/*.test.tsx"]
+  "include": ["ui"],
+  "exclude": ["node_modules", "js", "**/*.test.ts", "**/*.test.tsx"]
 }
diff --git a/ui/components/ZenShell.tsx b/ui/components/ZenShell.tsx
index 9825206..286d660 100644
--- a/ui/components/ZenShell.tsx
+++ b/ui/components/ZenShell.tsx
@@ -703,7 +703,7 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
           });
         },
       },
-    } as any,
+    },
     plugin: {
       fetch: async (path: string, init?: RequestInit) => {
         const url = path.startsWith("http")
@@ -747,9 +747,9 @@ function createEmbeddrApiAdapter(input: EmbeddrApiAdapterInput): EmbeddrAPI {
     },
     events: {
       on: (event, listener) =>
-        globalEventBus.on(event as string, listener as (...args: Array<any>) => void),
+        globalEventBus.on(event as string, listener),
       off: (event, listener) =>
-        globalEventBus.off(event as string, listener as (...args: Array<any>) => void),
+        globalEventBus.off(event as string, listener),
       emit: (event, payload) => globalEventBus.emit(event as string, payload),
     },
     comfy: modelCatalog as any,
@@ -849,8 +849,8 @@ function extendApiForPlugin(api: EmbeddrAPI, pluginId: string): EmbeddrAPI {
         }
         return res.json();
       },
-    } as any,
-  } as EmbeddrAPI;
+    },
+  };
 }
 
 export function ZenShell() {