Merge pull request #27 from talesofai/feat-result-analyze

feat: result analyze

CHANGELOG.md

@@ -1,6 +1,10 @@
 # ChangeLog
 
-## v1.7.0 - 2023-01-14
+## v1.8.0 - 2024-03-19
+
+- Update xyz_plot to support Z axis
+
+## v1.7.0 - 2024-01-14
 
 - Add xyz_plot and select_inputs nodes
 

nodes/xyz_plot.py

@@ -4,7 +4,6 @@ from PIL import Image
 import numpy as np
 import os
 import copy
-import pandas as pd
 
 import folder_paths
 
@@ -35,8 +34,11 @@ class XyzPlot:
                 "input_y": ["INPUT", {}],
                 "value_x": ["STRING", {"multiline": True, "placeholder": 'X values split by semicolon such as "1girl; 1boy"'}],
                 "value_y": ["STRING", {"multiline": True, "placeholder": 'Y values split by semicolon such as "1girl; 1boy"'}],
+                "value_z": ["STRING", {"multiline": True, "placeholder": 'Z values split by semicolon such as "1girl; 1boy"'}],
                 "output_folder_name": ["STRING", {"default": "xyz_plot"}],
-                "result_filename": ["STRING", {"default": "result"}],
+            },
+            "optional": {
+                "input_z": ["INPUT", {}],
             },
             "hidden": {
                 "prompt": "PROMPT",
@@ -56,8 +58,11 @@ class XyzPlot:
         self.y_index = 0
 
     @staticmethod
-    def get_filename(ix, iy, i):
-        return f"x{ix}_y{iy}_{i}.jpeg"
+    def get_filename(ix, iy, iz, i):
+        if (iz >= 0):
+            return f"x{ix}_y{iy}_z{iz}_{i}.jpeg"
+        else:
+            return f"x{ix}_y{iy}_{i}.jpeg"
 
     @staticmethod
     def get_preview_url(folder_name, filename):
@@ -71,51 +76,100 @@ class XyzPlot:
             i = 255. * image.cpu().numpy()
             img = Image.fromarray(np.clip(i, 0, 255).astype(np.uint8))
             img = img.convert('RGB')
-            filename = self.get_filename(self.x_index, self.y_index, index)
+            filename = self.get_filename(self.x_index, self.y_index, self.z_index, index)
             target_path = os.path.join(self.output_folder_name, filename)
             img.save(target_path, 'JPEG', quality=90)
 
-    def run(self, images, input_x, input_y, value_x, value_y, output_folder_name, result_filename, prompt, unique_id, extra_pnginfo=None):
-        self.output_folder_name = os.path.join(folder_paths.get_output_directory(), output_folder_name)
+    def run(self, images, input_x, input_y, value_x, value_y, output_folder_name, prompt, unique_id, input_z=None, value_z="", extra_pnginfo=None):
+        self.output_folder_name = os.path.join(
+            folder_paths.get_output_directory(),
+            output_folder_name,
+        )
+
         if 'xyz_data' in prompt[unique_id]['inputs']:
             self.x_index = prompt[unique_id]['inputs']['xyz_data']['x_index']
             self.y_index = prompt[unique_id]['inputs']['xyz_data']['y_index']
+            self.z_index = prompt[unique_id]['inputs']['xyz_data']['z_index']
             self.save_images(images)
             return ()
 
+
+        def filter_values(value):
+            return list(filter(lambda x: x != '', value.split(";")))
+
+        def queue_new_prompt(prompt):
+            data = json.dumps({
+                'prompt': prompt
+            }).encode('utf-8')
+
+            # for some special network environments like AutoDL
+            proxies = {"http": "", "https": ""}
+            return requests.post(SERVER_BASE_URL + '/prompt', data=data, proxies=proxies)
+
+
         batch_size = len(images)
-        values_x = value_x.split(";")
-        values_y = value_y.split(";")
-        new_prompt =  copy.deepcopy(prompt)
-        ret = {}
+        values_x = filter_values(value_x)
+        values_y = filter_values(value_y)
+        values_z = filter_values(value_z)
+        new_prompt = copy.deepcopy(prompt)
+        ret = []
         for ix, vx in enumerate(values_x):
             vx = vx.strip()
-            row = {}
+            row = []
             for iy, vy in enumerate(values_y):
                 vy = vy.strip()
                 new_prompt[input_x["node_id"]]["inputs"][input_x["widget_name"]] = vx
                 new_prompt[input_y["node_id"]]["inputs"][input_y["widget_name"]] = vy
+
                 new_prompt[unique_id]['inputs']['xyz_data'] = {
                     "source_unique_id": unique_id,
                     "output_folder_name": output_folder_name,
                     "x_index": ix,
                     "y_index": iy,
+                    "z_index": -1,
                 }
-                data = json.dumps({
-                    'prompt': new_prompt
-                }).encode('utf-8')
 
-                # for some special network environments like AutoDL
-                proxies = {"http": "", "https": ""}
-                r = requests.post(SERVER_BASE_URL + '/prompt', data=data, proxies=proxies)
+                ceil = []
+                if (input_z and len(values_z) > 0):
+                    for iz, vz in enumerate(values_z):
+                        vz = vz.strip()
+                        new_prompt[input_z["node_id"]]["inputs"][input_z["widget_name"]] = vz
+                        new_prompt[unique_id]['inputs']['xyz_data']['z_index'] = iz
+                        queue_new_prompt(new_prompt)
+                        zCeil = []
+                        for i in range(batch_size):
+                            filename = self.get_filename(ix, iy, iz, i)
+                            preview_url = self.get_preview_url(output_folder_name, filename)
+                            zCeil.append({
+                                "type": "img",
+                                "src": preview_url,
+                            })
+                        ceil.append({
+                            "type": "axis",
+                            "value": vz,
+                            "children": zCeil,
+                        })
+                else:
+                    queue_new_prompt(new_prompt)
+                    for i in range(batch_size):
+                        filename = self.get_filename(ix, iy, -1, i)
+                        preview_url = self.get_preview_url(output_folder_name, filename)
+                        ceil.append({
+                            "type": "img",
+                            "src": preview_url,
+                        })
 
-                row[vy] = ""
-                for i in range(batch_size):
-                    filename = self.get_filename(ix, iy, i)
-                    preview_url = self.get_preview_url(output_folder_name, filename)
-                    row[vy] += f'<img src="{preview_url}" width="100">'
+                row.append({
+                    "type": "axis",
+                    "value": vy,
+                    "children": ceil,
+                })
 
-            ret[vx] = row
+            ret.append({
+                "type": "axis",
+                "value": vx,
+                "children": row,
+            })
 
         # Check if the directory exists
         if not os.path.exists(self.output_folder_name):
@@ -125,30 +179,36 @@ class XyzPlot:
                 raise Exception(f"Failed to create directory: {e}")
 
         browser_base_url = f"/browser/s/outputs/{output_folder_name}"
-
-        workflow_html = ""
+        retData = {
+            "result": ret,
+        }
         if extra_pnginfo:
-            workflow_filename = f"{result_filename}_workflow.json"
+            workflow_filename = "workflow.json"
             with open(f"{self.output_folder_name}/{workflow_filename}", "w", encoding="utf-8") as f:
                 json.dump(extra_pnginfo, f)
-            workflow_html = f'<p><a target="_blank" href="{browser_base_url}/{workflow_filename}">Open the workflow</a></p>'
+            retData["workflow"] = {
+                "url": f'{browser_base_url}/{workflow_filename}',
+            }
+
+        axisConst = ["X", "Y", "Z"]
+        retData["annotations"] = []
+        for index, ele in enumerate([input_x, input_y, input_z]):
+            if not ele:
+                continue
+            retData["annotations"].append({
+                "axis": axisConst[index],
+                "key": f"#{ele['node_id']} {ele['node_title']}",
+                "type": ele['widget_name'],
+            })
 
 
-        # To generate grid HTML
-        def gird_title(input):
-            return f"#{input['node_id']} {input['node_title']} - {input['widget_name']}"
-
-        df = pd.DataFrame(ret)
-        html = workflow_html
-        html += f"<p>X: {gird_title(input_x)}</p><p>Y: {gird_title(input_y)}</p>"
-        html += df.to_html(escape=False)
-        target_path = f"{self.output_folder_name}/{result_filename}.html"
+        target_path = f"{self.output_folder_name}/result.json"
         with open(target_path, "w", encoding="utf-8") as f:
-            f.write(html)
+            json.dump(retData, f)
 
         return {
             "ui": {
-                "result_path": [f"{browser_base_url}/{result_filename}.html"],
+                "result_path": [f"/browser/web/xyz_plot.html?path={browser_base_url}/result.json"],
             },
             "result": (),
         }

svelte/package-lock.json

@@ -16,9 +16,11 @@
         "@sveltejs/adapter-static": "^3.0.1",
         "@sveltejs/kit": "^2.0.4",
         "@sveltejs/vite-plugin-svelte": "^3.0.1",
+        "@types/node": "^20.11.28",
         "autoprefixer": "^10.4.16",
         "daisyui": "^4.4.22",
         "postcss": "^8.4.32",
+        "sass": "^1.72.0",
         "svelte": "^4.2.8",
         "svelte-check": "^3.6.2",
         "tailwindcss": "^3.4.0",
@@ -822,6 +824,15 @@
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
       "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw=="
     },
+    "node_modules/@types/node": {
+      "version": "20.11.29",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.29.tgz",
+      "integrity": "sha512-P99thMkD/1YkCvAtOd6/zGedKNA0p2fj4ZpjCzcNiSCBWgm3cNRTBfa/qjFnsKkkojxu4vVLtWpesnZ9+ap+gA==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
     "node_modules/@types/pug": {
       "version": "2.0.10",
       "resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.10.tgz",
@@ -1614,6 +1625,12 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/immutable": {
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.5.tgz",
+      "integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==",
+      "dev": true
+    },
     "node_modules/import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -2442,6 +2459,23 @@
         "rimraf": "^2.5.2"
       }
     },
+    "node_modules/sass": {
+      "version": "1.72.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.72.0.tgz",
+      "integrity": "sha512-Gpczt3WA56Ly0Mn8Sl21Vj94s1axi9hDIzDFn9Ph9x3C3p4nNyvsqJoQyVXKou6cBlfFWEgRW4rT8Tb4i3XnVA==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/set-cookie-parser": {
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz",
@@ -2992,6 +3026,12 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.0.13",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",

svelte/package.json

@@ -15,9 +15,11 @@
     "@sveltejs/adapter-static": "^3.0.1",
     "@sveltejs/kit": "^2.0.4",
     "@sveltejs/vite-plugin-svelte": "^3.0.1",
+    "@types/node": "^20.11.28",
     "autoprefixer": "^10.4.16",
     "daisyui": "^4.4.22",
     "postcss": "^8.4.32",
+    "sass": "^1.72.0",
     "svelte": "^4.2.8",
     "svelte-check": "^3.6.2",
     "tailwindcss": "^3.4.0",
@@ -30,4 +32,4 @@
     "dayjs": "^1.11.10",
     "svelte-i18n": "^4.0.0"
   }
-}
+}

svelte/pnpm-lock.yaml

@@ -25,6 +25,9 @@ devDependencies:
   '@sveltejs/vite-plugin-svelte':
     specifier: ^3.0.1
     version: 3.0.1(svelte@4.2.8)(vite@5.0.10)
+  '@types/node':
+    specifier: ^20.11.28
+    version: 20.11.28
   autoprefixer:
     specifier: ^10.4.16
     version: 10.4.16(postcss@8.4.32)
@@ -34,12 +37,15 @@ devDependencies:
   postcss:
     specifier: ^8.4.32
     version: 8.4.32
+  sass:
+    specifier: ^1.72.0
+    version: 1.72.0
   svelte:
     specifier: ^4.2.8
     version: 4.2.8
   svelte-check:
     specifier: ^3.6.2
-    version: 3.6.2(postcss@8.4.32)(svelte@4.2.8)
+    version: 3.6.2(postcss@8.4.32)(sass@1.72.0)(svelte@4.2.8)
   tailwindcss:
     specifier: ^3.4.0
     version: 3.4.0
@@ -51,7 +57,7 @@ devDependencies:
     version: 5.3.3
   vite:
     specifier: ^5.0.10
-    version: 5.0.10
+    version: 5.0.10(@types/node@20.11.28)(sass@1.72.0)
 
 packages:
 
@@ -484,7 +490,7 @@ packages:
       sirv: 2.0.3
       svelte: 4.2.8
       tiny-glob: 0.2.9
-      vite: 5.0.10
+      vite: 5.0.10(@types/node@20.11.28)(sass@1.72.0)
     dev: true
 
   /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.8)(vite@5.0.10):
@@ -498,7 +504,7 @@ packages:
       '@sveltejs/vite-plugin-svelte': 3.0.1(svelte@4.2.8)(vite@5.0.10)
       debug: 4.3.4
       svelte: 4.2.8
-      vite: 5.0.10
+      vite: 5.0.10(@types/node@20.11.28)(sass@1.72.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -517,7 +523,7 @@ packages:
       magic-string: 0.30.5
       svelte: 4.2.8
       svelte-hmr: 0.15.3(svelte@4.2.8)
-      vite: 5.0.10
+      vite: 5.0.10(@types/node@20.11.28)(sass@1.72.0)
       vitefu: 0.2.5(vite@5.0.10)
     transitivePeerDependencies:
       - supports-color
@@ -530,6 +536,12 @@ packages:
   /@types/estree@1.0.5:
     resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
 
+  /@types/node@20.11.28:
+    resolution: {integrity: sha512-M/GPWVS2wLkSkNHVeLkrF2fD5Lx5UC4PxA0uZcKc6QqbIQUJyW1jVjueJYi1z8n0I5PxYrtpnPnWglE+y9A0KA==}
+    dependencies:
+      undici-types: 5.26.5
+    dev: true
+
   /@types/pug@2.0.10:
     resolution: {integrity: sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==}
     dev: true
@@ -971,6 +983,10 @@ packages:
       function-bind: 1.1.2
     dev: true
 
+  /immutable@4.3.5:
+    resolution: {integrity: sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==}
+    dev: true
+
   /import-fresh@3.3.0:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
     engines: {node: '>=6'}
@@ -1390,6 +1406,16 @@ packages:
       rimraf: 2.7.1
     dev: true
 
+  /sass@1.72.0:
+    resolution: {integrity: sha512-Gpczt3WA56Ly0Mn8Sl21Vj94s1axi9hDIzDFn9Ph9x3C3p4nNyvsqJoQyVXKou6cBlfFWEgRW4rT8Tb4i3XnVA==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+    dependencies:
+      chokidar: 3.5.3
+      immutable: 4.3.5
+      source-map-js: 1.0.2
+    dev: true
+
   /set-cookie-parser@2.6.0:
     resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
     dev: true
@@ -1443,7 +1469,7 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /svelte-check@3.6.2(postcss@8.4.32)(svelte@4.2.8):
+  /svelte-check@3.6.2(postcss@8.4.32)(sass@1.72.0)(svelte@4.2.8):
     resolution: {integrity: sha512-E6iFh4aUCGJLRz6QZXH3gcN/VFfkzwtruWSRmlKrLWQTiO6VzLsivR6q02WYLGNAGecV3EocqZuCDrC2uttZ0g==}
     hasBin: true
     peerDependencies:
@@ -1456,7 +1482,7 @@ packages:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 4.2.8
-      svelte-preprocess: 5.1.3(postcss@8.4.32)(svelte@4.2.8)(typescript@5.3.3)
+      svelte-preprocess: 5.1.3(postcss@8.4.32)(sass@1.72.0)(svelte@4.2.8)(typescript@5.3.3)
       typescript: 5.3.3
     transitivePeerDependencies:
       - '@babel/core'
@@ -1496,7 +1522,7 @@ packages:
       tiny-glob: 0.2.9
     dev: false
 
-  /svelte-preprocess@5.1.3(postcss@8.4.32)(svelte@4.2.8)(typescript@5.3.3):
+  /svelte-preprocess@5.1.3(postcss@8.4.32)(sass@1.72.0)(svelte@4.2.8)(typescript@5.3.3):
     resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
     engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
     requiresBuild: true
@@ -1538,6 +1564,7 @@ packages:
       detect-indent: 6.1.0
       magic-string: 0.30.5
       postcss: 8.4.32
+      sass: 1.72.0
       sorcery: 0.11.0
       strip-indent: 3.0.0
       svelte: 4.2.8
@@ -1652,6 +1679,10 @@ packages:
     hasBin: true
     dev: true
 
+  /undici-types@5.26.5:
+    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
+    dev: true
+
   /update-browserslist-db@1.0.13(browserslist@4.22.2):
     resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
     hasBin: true
@@ -1667,7 +1698,7 @@ packages:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true
 
-  /vite@5.0.10:
+  /vite@5.0.10(@types/node@20.11.28)(sass@1.72.0):
     resolution: {integrity: sha512-2P8J7WWgmc355HUMlFrwofacvr98DAjoE52BfdbwQtyLH06XKwaL/FMnmKM2crF0iX4MpmMKoDlNCB1ok7zHCw==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -1695,9 +1726,11 @@ packages:
       terser:
         optional: true
     dependencies:
+      '@types/node': 20.11.28
       esbuild: 0.19.10
       postcss: 8.4.32
       rollup: 4.9.1
+      sass: 1.72.0
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
@@ -1710,7 +1743,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 5.0.10
+      vite: 5.0.10(@types/node@20.11.28)(sass@1.72.0)
     dev: true
 
   /wrappy@1.0.2:

svelte/src/app.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

svelte/src/app.sass

@@ -0,0 +1,10 @@
+@tailwind base
+@tailwind components
+@tailwind utilities
+
+.table-zebra-grey
+    tbody
+        tr:nth-child(even)
+            background-color: #424242
+            th
+                background-color: #424242

svelte/src/lib/icons/info.svelte

@@ -0,0 +1,15 @@
+<script>
+  export let width = 34;
+  export let height = 34;
+</script>
+
+<svg
+  viewBox="0 0 1024 1024"
+  {height}
+  {width}
+  class="inline-block stroke-current fill-current"
+  ><path
+    stroke-width="2"
+    d="M509.92 795.84c157.904 0 285.92-128.016 285.92-285.92C795.84 352 667.808 224 509.92 224 352 224 224 352 224 509.92c0 157.904 128 285.92 285.92 285.92z m0 48C325.504 843.84 176 694.32 176 509.92 176 325.504 325.504 176 509.92 176c184.416 0 333.92 149.504 333.92 333.92 0 184.416-149.504 333.92-333.92 333.92z m-2.448-400.704h16a16 16 0 0 1 16 16v201.728a16 16 0 0 1-16 16h-16a16 16 0 0 1-16-16V459.136a16 16 0 0 1 16-16z m0-100.176h16a16 16 0 0 1 16 16v23.648a16 16 0 0 1-16 16h-16a16 16 0 0 1-16-16v-23.648a16 16 0 0 1 16-16z"
+  ></path></svg
+>

svelte/src/lib/multi-dim-table/layout.svelte

@@ -0,0 +1,73 @@
+<script lang="ts">
+  export let extraItems:
+    | undefined
+    | {
+        label: string;
+        onClick?: () => void;
+      }[] = undefined;
+
+  export let sidebarItems: typeof extraItems = undefined;
+</script>
+
+<div class="drawer absolute h-full w-full overflow-y-hidden">
+  <input id="my-drawer-3" type="checkbox" class="drawer-toggle" />
+  <div class="drawer-content flex flex-col">
+    <!-- Navbar -->
+    <div class="w-full navbar bg-base-300">
+      <div class="flex-none">
+        {#if sidebarItems}
+          <label
+            for="my-drawer-3"
+            aria-label="open sidebar"
+            class="btn btn-square btn-ghost"
+          >
+            <svg
+              fill="none"
+              viewBox="0 0 24 24"
+              class="inline-block w-6 h-6 stroke-current"
+              ><path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M4 6h16M4 12h16M4 18h16"
+              ></path>
+            </svg>
+          </label>
+        {/if}
+      </div>
+      <div class="flex-1 px-2 mx-2">
+        <slot name="title" />
+      </div>
+      <div class="flex-none">
+        {#if extraItems}
+          <ul class="menu menu-horizontal items-center">
+            <slot name="extra" />
+            {#each extraItems as item}
+              <li>
+                <a on:click={item.onClick}>
+                  {item.label}
+                </a>
+              </li>
+            {/each}
+          </ul>
+        {/if}
+      </div>
+    </div>
+    <slot />
+  </div>
+  <div class="drawer-side z-50">
+    <label for="my-drawer-3" aria-label="close sidebar" class="drawer-overlay"
+    ></label>
+    {#if sidebarItems}
+      <ul class="menu p-4 w-80 min-h-full bg-base-200">
+        {#each sidebarItems as item}
+          <li>
+            <a on:click={item.onClick}>
+              {item.label}
+            </a>
+          </li>
+        {/each}
+      </ul>
+    {/if}
+  </div>
+</div>

svelte/src/lib/multi-dim-table/models.ts

@@ -0,0 +1,29 @@
+export interface Payload  {
+    workflow: Workflow
+    annotations: Annotation[],
+    result: Axis[]
+}
+
+export interface Workflow {
+    url: string
+}
+
+export interface Annotation {
+    axis: string
+    key: string
+    type: string
+}
+
+export interface Axis {
+    type: 'axis',
+    value: string
+    children: AxisValue[]
+}
+
+export type AxisValue = Axis | ImgResult
+
+export interface ImgResult {
+    type: 'img',
+    uuid: string,
+    src: string
+}

svelte/src/lib/multi-dim-table/store.ts

@@ -0,0 +1,3 @@
+import { writable } from "svelte/store";
+
+export const imageWidth = writable(50)

svelte/src/lib/multi-dim-table/table-axis.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import type { Axis } from './models';
+  import TableHolder from './table-holder.svelte';
+  export let axis: Axis;
+</script>
+
+<tr>
+  <!-- prompts -->
+  <th>{axis.value}</th>
+  {#each axis.children as dim2}
+    {#if dim2.type === 'axis'}
+      <td>
+        {#each dim2.children as dim3}
+          <TableHolder value={dim3}></TableHolder>
+        {/each}
+      </td>
+    {/if}
+  {/each}
+</tr>

svelte/src/lib/multi-dim-table/table-cell-axis.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import type { Axis } from './models';
+  import TableHolder from './table-holder.svelte';
+  export let value: Axis;
+</script>
+
+<div class="m-1 border">
+  <div class="text-center font-bold">
+    {value.value}
+  </div>
+  <div class="flex justify-around my-1">
+    {#each value.children as item}
+      <TableHolder value={item} />
+    {/each}
+  </div>
+</div>

svelte/src/lib/multi-dim-table/table-cell-img.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import type { ImgResult } from './models';
+  import { imageWidth } from './store';
+  export let value: ImgResult;
+  export let width = 100;
+
+  imageWidth.subscribe((d) => {
+    width = d;
+  });
+</script>
+
+<div class="px-0.5">
+  <img style={`width:${width}px`} src={value.src} alt={value.uuid} />
+</div>

svelte/src/lib/multi-dim-table/table-holder.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import type { AxisValue } from './models';
+  import TableCellAxis from './table-cell-axis.svelte';
+  import TableCellImg from './table-cell-img.svelte';
+
+  export let value: AxisValue;
+</script>
+
+<div>
+  {#if value.type === 'img'}
+    <TableCellImg {value} />
+  {:else if value.type === 'axis'}
+    <TableCellAxis {value} />
+  {/if}
+</div>

svelte/src/lib/multi-dim-table/table.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+  import type { Payload } from './models';
+  import TableAxis from './table-axis.svelte';
+  export let height: number = 0;
+  export let payload: Payload;
+  console.log({ height });
+</script>
+
+<div class="overflow-x-auto w-full" style={`max-height: ${height}px`}>
+  <table class="table table-xs table-pin-rows table-pin-cols table-zebra-grey">
+    <thead>
+      <tr>
+        <th></th>
+        {#each payload.result[0].children as r}
+          {#if r.type === 'axis'}
+            <td>{r.value}</td>
+          {/if}
+        {/each}
+      </tr>
+    </thead>
+    <tbody>
+      {#each payload.result as axis}
+        <TableAxis {axis} />
+      {/each}
+    </tbody>
+  </table>
+</div>

svelte/src/routes/+layout.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import "../app.css";
+  import '../app.sass';
 </script>
 
 <slot />

svelte/src/routes/xyz_plot/+layout.ts

@@ -0,0 +1,14 @@
+import { waitLocale } from 'svelte-i18n';
+
+/** @type {import('./$types').PageLoad} */
+export async function load({ url }) {
+  await waitLocale();
+
+  if (typeof process === 'undefined') {
+    const path = url.searchParams.get('path');
+    return {
+      path,
+    };
+  }
+  return {};
+}

svelte/src/routes/xyz_plot/+page.svelte

@@ -0,0 +1,96 @@
+<script>
+  import { onMount } from 'svelte';
+  import MultiDimTable from '$lib/multi-dim-table/layout.svelte';
+  import AnalyzeTable from '$lib/multi-dim-table/table.svelte';
+  import { imageWidth } from '$lib/multi-dim-table/store';
+  import InfoIcon from '$lib/icons/info.svelte';
+
+  /** @type {import('./$types').PageData} */
+  export let data;
+
+  /** @type {string | null} */
+  export let path;
+
+  $: ({ path } = data);
+
+  let mounted = false;
+
+  /** @type {import("$lib/multi-dim-table/models").Payload}*/
+  let payload;
+  let loading = false;
+
+  /**@type {HTMLElement | undefined}*/
+  let tableContainerRef;
+
+  $: {
+    if (mounted && path !== null) {
+      loading = true;
+      fetch(path)
+        .then((d) => d.json())
+        .then((d) => (payload = d))
+        .finally(() => {
+          loading = false;
+        });
+    }
+  }
+
+  onMount(() => {
+    mounted = true;
+  });
+
+  let _imageWidth = 50;
+
+  $: {
+    imageWidth.set(_imageWidth);
+  }
+</script>
+
+{#if typeof data.path === 'string' && data.path.length > 0}
+  {#if loading}
+    <div class="flex flex-col w-screen h-screen justify-center items-center">
+      <span class="loading loading-dots loading-lg"></span>
+    </div>
+  {:else if !payload}
+    null
+  {:else}
+    <MultiDimTable
+      extraItems={[
+        {
+          label: 'Open Workflow',
+          onClick: () => {
+            open(payload.workflow.url);
+          },
+        },
+      ]}
+    >
+      <div slot="title">
+        XYZ Plots
+
+        <div
+          class="tooltip tooltip-bottom z-10 before:whitespace-pre-wrap"
+          data-tip={payload.annotations
+            .map((d) => `${d.axis}: ${d.key} - ${d.type}`)
+            .join('\n')}
+        >
+          <InfoIcon />
+        </div>
+      </div>
+      <li slot="extra">
+        <div>
+          <input
+            type="range"
+            min="5"
+            max="300"
+            bind:value={_imageWidth}
+            class="range"
+          />
+        </div>
+      </li>
+      <div class="w-full h-full" bind:this={tableContainerRef}>
+        <AnalyzeTable {payload} height={tableContainerRef?.clientHeight ?? 0} />
+      </div>
+    </MultiDimTable>
+  {/if}
+{:else}
+  Invalid Path
+{/if}

web/build/_app/immutable/chunks/each.-oqiv04n.js

@@ -0,0 +1 @@
+function e(n){return n?.length!==void 0?n:Array.from(n)}export{e};

web/build/_app/immutable/chunks/index.Bo7-JXlm.js

@@ -1 +1 @@
-import{n as f,k as w,r as m,s as q,l as x}from"./scheduler.3IkOjBO1.js";const a=[];function z(e,i){return{subscribe:A(e,i).subscribe}}function A(e,i=f){let r;const n=new Set;function u(t){if(q(e,t)&&(e=t,r)){const o=!a.length;for(const s of n)s[1](),a.push(s,e);if(o){for(let s=0;s<a.length;s+=2)a[s][0](a[s+1]);a.length=0}}}function l(t){u(t(e))}function b(t,o=f){const s=[t,o];return n.add(s),n.size===1&&(r=i(u,l)||f),t(e),()=>{n.delete(s),n.size===0&&r&&(r(),r=null)}}return{set:u,update:l,subscribe:b}}function B(e,i,r){const n=!Array.isArray(e),u=n?[e]:e;if(!u.every(Boolean))throw new Error("derived() expects stores as input, got a falsy value");const l=i.length<2;return z(r,(b,t)=>{let o=!1;const s=[];let d=0,p=f;const h=()=>{if(d)return;p();const c=i(n?s[0]:s,b,t);l?b(c):p=x(c)?c:f},y=u.map((c,g)=>w(c,_=>{s[g]=_,d&=~(1<<g),o&&h()},()=>{d|=1<<g}));return o=!0,h(),function(){m(y),p(),o=!1}})}export{B as d,A as w};
+import{n as f,l as w,r as m,s as q,k as x}from"./scheduler.Tg1fnMp_.js";const a=[];function z(e,i){return{subscribe:A(e,i).subscribe}}function A(e,i=f){let r;const n=new Set;function u(t){if(q(e,t)&&(e=t,r)){const o=!a.length;for(const s of n)s[1](),a.push(s,e);if(o){for(let s=0;s<a.length;s+=2)a[s][0](a[s+1]);a.length=0}}}function l(t){u(t(e))}function b(t,o=f){const s=[t,o];return n.add(s),n.size===1&&(r=i(u,l)||f),t(e),()=>{n.delete(s),n.size===0&&r&&(r(),r=null)}}return{set:u,update:l,subscribe:b}}function B(e,i,r){const n=!Array.isArray(e),u=n?[e]:e;if(!u.every(Boolean))throw new Error("derived() expects stores as input, got a falsy value");const l=i.length<2;return z(r,(b,t)=>{let o=!1;const s=[];let d=0,p=f;const h=()=>{if(d)return;p();const c=i(n?s[0]:s,b,t);l?b(c):p=x(c)?c:f},y=u.map((c,g)=>w(c,_=>{s[g]=_,d&=~(1<<g),o&&h()},()=>{d|=1<<g}));return o=!0,h(),function(){m(y),p(),o=!1}})}export{B as d,A as w};

web/build/_app/immutable/chunks/scheduler.Tg1fnMp_.js

@@ -1 +1 @@
-function x(){}function w(t,n){for(const e in n)t[e]=n[e];return t}function j(t){return t()}function A(){return Object.create(null)}function E(t){t.forEach(j)}function D(t){return typeof t=="function"}function F(t,n){return t!=t?n==n:t!==n||t&&typeof t=="object"||typeof t=="function"}let i;function P(t,n){return t===n?!0:(i||(i=document.createElement("a")),i.href=n,t===i.href)}function S(t){return Object.keys(t).length===0}function q(t,...n){if(t==null){for(const r of n)r(void 0);return x}const e=t.subscribe(...n);return e.unsubscribe?()=>e.unsubscribe():e}function U(t,n,e){t.$$.on_destroy.push(q(n,e))}function B(t,n,e,r){if(t){const o=m(t,n,e,r);return t[0](o)}}function m(t,n,e,r){return t[1]&&r?w(e.ctx.slice(),t[1](r(n))):e.ctx}function C(t,n,e,r){if(t[2]&&r){const o=t[2](r(e));if(n.dirty===void 0)return o;if(typeof o=="object"){const l=[],_=Math.max(n.dirty.length,o.length);for(let s=0;s<_;s+=1)l[s]=n.dirty[s]|o[s];return l}return n.dirty|o}return n.dirty}function G(t,n,e,r,o,l){if(o){const _=m(n,e,r,l);t.p(_,o)}}function H(t){if(t.ctx.length>32){const n=[],e=t.ctx.length/32;for(let r=0;r<e;r++)n[r]=-1;return n}return-1}let f;function h(t){f=t}function g(){if(!f)throw new Error("Function called outside component initialization");return f}function I(t){g().$$.on_mount.push(t)}function J(t){g().$$.after_update.push(t)}function K(t){g().$$.on_destroy.push(t)}const a=[],y=[];let u=[];const p=[],k=Promise.resolve();let b=!1;function v(){b||(b=!0,k.then(z))}function L(){return v(),k}function O(t){u.push(t)}function N(t){p.push(t)}const d=new Set;let c=0;function z(){if(c!==0)return;const t=f;do{try{for(;c<a.length;){const n=a[c];c++,h(n),M(n.$$)}}catch(n){throw a.length=0,c=0,n}for(h(null),a.length=0,c=0;y.length;)y.pop()();for(let n=0;n<u.length;n+=1){const e=u[n];d.has(e)||(d.add(e),e())}u.length=0}while(a.length);for(;p.length;)p.pop()();b=!1,d.clear(),h(t)}function M(t){if(t.fragment!==null){t.update(),E(t.before_update);const n=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,n),t.after_update.forEach(O)}}function Q(t){const n=[],e=[];u.forEach(r=>t.indexOf(r)===-1?n.push(r):e.push(r)),e.forEach(r=>r()),u=n}export{v as A,J as a,y as b,B as c,C as d,U as e,P as f,H as g,N as h,K as i,O as j,q as k,D as l,A as m,x as n,I as o,z as p,S as q,E as r,F as s,L as t,G as u,Q as v,f as w,h as x,j as y,a as z};
+function x(){}function w(t,n){for(const e in n)t[e]=n[e];return t}function j(t){return t()}function A(){return Object.create(null)}function E(t){t.forEach(j)}function D(t){return typeof t=="function"}function F(t,n){return t!=t?n==n:t!==n||t&&typeof t=="object"||typeof t=="function"}let i;function P(t,n){return t===n?!0:(i||(i=document.createElement("a")),i.href=n,t===i.href)}function S(t){return Object.keys(t).length===0}function q(t,...n){if(t==null){for(const r of n)r(void 0);return x}const e=t.subscribe(...n);return e.unsubscribe?()=>e.unsubscribe():e}function U(t,n,e){t.$$.on_destroy.push(q(n,e))}function B(t,n,e,r){if(t){const o=m(t,n,e,r);return t[0](o)}}function m(t,n,e,r){return t[1]&&r?w(e.ctx.slice(),t[1](r(n))):e.ctx}function C(t,n,e,r){if(t[2]&&r){const o=t[2](r(e));if(n.dirty===void 0)return o;if(typeof o=="object"){const l=[],_=Math.max(n.dirty.length,o.length);for(let s=0;s<_;s+=1)l[s]=n.dirty[s]|o[s];return l}return n.dirty|o}return n.dirty}function G(t,n,e,r,o,l){if(o){const _=m(n,e,r,l);t.p(_,o)}}function H(t){if(t.ctx.length>32){const n=[],e=t.ctx.length/32;for(let r=0;r<e;r++)n[r]=-1;return n}return-1}let f;function h(t){f=t}function g(){if(!f)throw new Error("Function called outside component initialization");return f}function I(t){g().$$.on_mount.push(t)}function J(t){g().$$.after_update.push(t)}function K(t){g().$$.on_destroy.push(t)}const a=[],y=[];let u=[];const p=[],k=Promise.resolve();let b=!1;function v(){b||(b=!0,k.then(z))}function L(){return v(),k}function O(t){u.push(t)}function N(t){p.push(t)}const d=new Set;let c=0;function z(){if(c!==0)return;const t=f;do{try{for(;c<a.length;){const n=a[c];c++,h(n),M(n.$$)}}catch(n){throw a.length=0,c=0,n}for(h(null),a.length=0,c=0;y.length;)y.pop()();for(let n=0;n<u.length;n+=1){const e=u[n];d.has(e)||(d.add(e),e())}u.length=0}while(a.length);for(;p.length;)p.pop()();b=!1,d.clear(),h(t)}function M(t){if(t.fragment!==null){t.update(),E(t.before_update);const n=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,n),t.after_update.forEach(O)}}function Q(t){const n=[],e=[];u.forEach(r=>t.indexOf(r)===-1?n.push(r):e.push(r)),e.forEach(r=>r()),u=n}export{v as A,J as a,y as b,B as c,C as d,U as e,P as f,H as g,N as h,K as i,O as j,D as k,q as l,A as m,x as n,I as o,z as p,S as q,E as r,F as s,L as t,G as u,Q as v,f as w,h as x,j as y,a as z};

web/build/_app/immutable/chunks/singletons.SrwXqy11.js

@@ -1 +0,0 @@
-import{w as u}from"./index.KGH7dGZH.js";const b=globalThis.__sveltekit_vb5m50?.base??"",v=globalThis.__sveltekit_vb5m50?.assets??b,k="1705164974856",R="sveltekit:snapshot",T="sveltekit:scroll",w="sveltekit:states",I="sveltekit:pageurl",S="sveltekit:history",y="sveltekit:navigation",f={tap:1,hover:2,viewport:3,eager:4,off:-1,false:-1},_=location.origin;function N(e){if(e instanceof URL)return e;let t=document.baseURI;if(!t){const n=document.getElementsByTagName("base");t=n.length?n[0].href:document.URL}return new URL(e,t)}function U(){return{x:pageXOffset,y:pageYOffset}}function c(e,t){return e.getAttribute(`data-sveltekit-${t}`)}const d={...f,"":f.hover};function g(e){let t=e.assignedSlot??e.parentNode;return t?.nodeType===11&&(t=t.host),t}function L(e,t){for(;e&&e!==t;){if(e.nodeName.toUpperCase()==="A"&&e.hasAttribute("href"))return e;e=g(e)}}function O(e,t){let n;try{n=new URL(e instanceof SVGAElement?e.href.baseVal:e.href,document.baseURI)}catch{}const a=e instanceof SVGAElement?e.target.baseVal:e.target,r=!n||!!a||E(n,t)||(e.getAttribute("rel")||"").split(/\s+/).includes("external"),l=n?.origin===_&&e.hasAttribute("download");return{url:n,external:r,target:a,download:l}}function Y(e){let t=null,n=null,a=null,r=null,l=null,o=null,s=e;for(;s&&s!==document.documentElement;)a===null&&(a=c(s,"preload-code")),r===null&&(r=c(s,"preload-data")),t===null&&(t=c(s,"keepfocus")),n===null&&(n=c(s,"noscroll")),l===null&&(l=c(s,"reload")),o===null&&(o=c(s,"replacestate")),s=g(s);function i(h){switch(h){case"":case"true":return!0;case"off":case"false":return!1;default:return}}return{preload_code:d[a??"off"],preload_data:d[r??"off"],keepfocus:i(t),noscroll:i(n),reload:i(l),replace_state:i(o)}}function p(e){const t=u(e);let n=!0;function a(){n=!0,t.update(o=>o)}function r(o){n=!1,t.set(o)}function l(o){let s;return t.subscribe(i=>{(s===void 0||n&&i!==s)&&o(s=i)})}return{notify:a,set:r,subscribe:l}}function m(){const{set:e,subscribe:t}=u(!1);let n;async function a(){clearTimeout(n);try{const r=await fetch(`${v}/_app/version.json`,{headers:{pragma:"no-cache","cache-control":"no-cache"}});if(!r.ok)return!1;const o=(await r.json()).version!==k;return o&&(e(!0),clearTimeout(n)),o}catch{return!1}}return{subscribe:t,check:a}}function E(e,t){return e.origin!==_||!e.pathname.startsWith(t)}function x(e){e.client}const P={url:p({}),page:p({}),navigating:u(null),updated:m()};export{S as H,y as N,I as P,T as S,w as a,R as b,Y as c,P as d,b as e,L as f,O as g,f as h,E as i,x as j,_ as o,N as r,U as s};

web/build/_app/immutable/chunks/singletons.SwlEVgLy.js

@@ -0,0 +1 @@
+import{w as u}from"./index.Bo7-JXlm.js";const b=globalThis.__sveltekit_1ttigzj?.base??"",v=globalThis.__sveltekit_1ttigzj?.assets??b,k="1710838092511",R="sveltekit:snapshot",T="sveltekit:scroll",w="sveltekit:states",I="sveltekit:pageurl",S="sveltekit:history",y="sveltekit:navigation",f={tap:1,hover:2,viewport:3,eager:4,off:-1,false:-1},_=location.origin;function N(t){if(t instanceof URL)return t;let e=document.baseURI;if(!e){const n=document.getElementsByTagName("base");e=n.length?n[0].href:document.URL}return new URL(t,e)}function U(){return{x:pageXOffset,y:pageYOffset}}function c(t,e){return t.getAttribute(`data-sveltekit-${e}`)}const d={...f,"":f.hover};function g(t){let e=t.assignedSlot??t.parentNode;return e?.nodeType===11&&(e=e.host),e}function L(t,e){for(;t&&t!==e;){if(t.nodeName.toUpperCase()==="A"&&t.hasAttribute("href"))return t;t=g(t)}}function O(t,e){let n;try{n=new URL(t instanceof SVGAElement?t.href.baseVal:t.href,document.baseURI)}catch{}const a=t instanceof SVGAElement?t.target.baseVal:t.target,r=!n||!!a||m(n,e)||(t.getAttribute("rel")||"").split(/\s+/).includes("external"),l=n?.origin===_&&t.hasAttribute("download");return{url:n,external:r,target:a,download:l}}function Y(t){let e=null,n=null,a=null,r=null,l=null,o=null,s=t;for(;s&&s!==document.documentElement;)a===null&&(a=c(s,"preload-code")),r===null&&(r=c(s,"preload-data")),e===null&&(e=c(s,"keepfocus")),n===null&&(n=c(s,"noscroll")),l===null&&(l=c(s,"reload")),o===null&&(o=c(s,"replacestate")),s=g(s);function i(h){switch(h){case"":case"true":return!0;case"off":case"false":return!1;default:return}}return{preload_code:d[a??"off"],preload_data:d[r??"off"],keepfocus:i(e),noscroll:i(n),reload:i(l),replace_state:i(o)}}function p(t){const e=u(t);let n=!0;function a(){n=!0,e.update(o=>o)}function r(o){n=!1,e.set(o)}function l(o){let s;return e.subscribe(i=>{(s===void 0||n&&i!==s)&&o(s=i)})}return{notify:a,set:r,subscribe:l}}function E(){const{set:t,subscribe:e}=u(!1);let n;async function a(){clearTimeout(n);try{const r=await fetch(`${v}/_app/version.json`,{headers:{pragma:"no-cache","cache-control":"no-cache"}});if(!r.ok)return!1;const o=(await r.json()).version!==k;return o&&(t(!0),clearTimeout(n)),o}catch{return!1}}return{subscribe:e,check:a}}function m(t,e){return t.origin!==_||!t.pathname.startsWith(e)}function j(t){t.client}const x={url:p({}),page:p({}),navigating:u(null),updated:E()};export{S as H,y as N,I as P,T as S,w as a,R as b,Y as c,x as d,b as e,L as f,O as g,f as h,m as i,j,_ as o,N as r,U as s};

web/build/_app/immutable/entry/app.bKNUjLue.js

@@ -1,7 +0,0 @@
-import{_ as I}from"../chunks/preload-helper.0HuHagjb.js";import{s as S,a as j,o as C,t as M,b as P}from"../chunks/scheduler.3IkOjBO1.js";import{S as U,i as z,s as B,e as p,c as F,a as w,t as d,b as N,d as h,f as g,g as G,h as H,j as J,k as R,l as m,m as K,n as Q,o as W,p as D,q as k,r as v,u as V,v as E,w as y}from"../chunks/index.b4_itZyM.js";const ie={};function X(r){let e,n,i;var s=r[1][0];function _(t,o){return{props:{data:t[3],form:t[2]}}}return s&&(e=k(s,_(r)),r[12](e)),{c(){e&&v(e.$$.fragment),n=p()},l(t){e&&V(e.$$.fragment,t),n=p()},m(t,o){e&&E(e,t,o),w(t,n,o),i=!0},p(t,o){if(o&2&&s!==(s=t[1][0])){if(e){D();const a=e;d(a.$$.fragment,1,0,()=>{y(a,1)}),N()}s?(e=k(s,_(t)),t[12](e),v(e.$$.fragment),h(e.$$.fragment,1),E(e,n.parentNode,n)):e=null}else if(s){const a={};o&8&&(a.data=t[3]),o&4&&(a.form=t[2]),e.$set(a)}},i(t){i||(e&&h(e.$$.fragment,t),i=!0)},o(t){e&&d(e.$$.fragment,t),i=!1},d(t){t&&g(n),r[12](null),e&&y(e,t)}}}function Y(r){let e,n,i;var s=r[1][0];function _(t,o){return{props:{data:t[3],$$slots:{default:[Z]},$$scope:{ctx:t}}}}return s&&(e=k(s,_(r)),r[11](e)),{c(){e&&v(e.$$.fragment),n=p()},l(t){e&&V(e.$$.fragment,t),n=p()},m(t,o){e&&E(e,t,o),w(t,n,o),i=!0},p(t,o){if(o&2&&s!==(s=t[1][0])){if(e){D();const a=e;d(a.$$.fragment,1,0,()=>{y(a,1)}),N()}s?(e=k(s,_(t)),t[11](e),v(e.$$.fragment),h(e.$$.fragment,1),E(e,n.parentNode,n)):e=null}else if(s){const a={};o&8&&(a.data=t[3]),o&8215&&(a.$$scope={dirty:o,ctx:t}),e.$set(a)}},i(t){i||(e&&h(e.$$.fragment,t),i=!0)},o(t){e&&d(e.$$.fragment,t),i=!1},d(t){t&&g(n),r[11](null),e&&y(e,t)}}}function Z(r){let e,n,i;var s=r[1][1];function _(t,o){return{props:{data:t[4],form:t[2]}}}return s&&(e=k(s,_(r)),r[10](e)),{c(){e&&v(e.$$.fragment),n=p()},l(t){e&&V(e.$$.fragment,t),n=p()},m(t,o){e&&E(e,t,o),w(t,n,o),i=!0},p(t,o){if(o&2&&s!==(s=t[1][1])){if(e){D();const a=e;d(a.$$.fragment,1,0,()=>{y(a,1)}),N()}s?(e=k(s,_(t)),t[10](e),v(e.$$.fragment),h(e.$$.fragment,1),E(e,n.parentNode,n)):e=null}else if(s){const a={};o&16&&(a.data=t[4]),o&4&&(a.form=t[2]),e.$set(a)}},i(t){i||(e&&h(e.$$.fragment,t),i=!0)},o(t){e&&d(e.$$.fragment,t),i=!1},d(t){t&&g(n),r[10](null),e&&y(e,t)}}}function A(r){let e,n=r[6]&&L(r);return{c(){e=G("div"),n&&n.c(),this.h()},l(i){e=H(i,"DIV",{id:!0,"aria-live":!0,"aria-atomic":!0,style:!0});var s=J(e);n&&n.l(s),s.forEach(g),this.h()},h(){R(e,"id","svelte-announcer"),R(e,"aria-live","assertive"),R(e,"aria-atomic","true"),m(e,"position","absolute"),m(e,"left","0"),m(e,"top","0"),m(e,"clip","rect(0 0 0 0)"),m(e,"clip-path","inset(50%)"),m(e,"overflow","hidden"),m(e,"white-space","nowrap"),m(e,"width","1px"),m(e,"height","1px")},m(i,s){w(i,e,s),n&&n.m(e,null)},p(i,s){i[6]?n?n.p(i,s):(n=L(i),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(i){i&&g(e),n&&n.d()}}}function L(r){let e;return{c(){e=K(r[7])},l(n){e=Q(n,r[7])},m(n,i){w(n,e,i)},p(n,i){i&128&&W(e,n[7])},d(n){n&&g(e)}}}function $(r){let e,n,i,s,_;const t=[Y,X],o=[];function a(f,u){return f[1][1]?0:1}e=a(r),n=o[e]=t[e](r);let c=r[5]&&A(r);return{c(){n.c(),i=B(),c&&c.c(),s=p()},l(f){n.l(f),i=F(f),c&&c.l(f),s=p()},m(f,u){o[e].m(f,u),w(f,i,u),c&&c.m(f,u),w(f,s,u),_=!0},p(f,[u]){let b=e;e=a(f),e===b?o[e].p(f,u):(D(),d(o[b],1,1,()=>{o[b]=null}),N(),n=o[e],n?n.p(f,u):(n=o[e]=t[e](f),n.c()),h(n,1),n.m(i.parentNode,i)),f[5]?c?c.p(f,u):(c=A(f),c.c(),c.m(s.parentNode,s)):c&&(c.d(1),c=null)},i(f){_||(h(n),_=!0)},o(f){d(n),_=!1},d(f){f&&(g(i),g(s)),o[e].d(f),c&&c.d(f)}}}function x(r,e,n){let{stores:i}=e,{page:s}=e,{constructors:_}=e,{components:t=[]}=e,{form:o}=e,{data_0:a=null}=e,{data_1:c=null}=e;j(i.page.notify);let f=!1,u=!1,b=null;C(()=>{const l=i.page.subscribe(()=>{f&&(n(6,u=!0),M().then(()=>{n(7,b=document.title||"untitled page")}))});return n(5,f=!0),l});function O(l){P[l?"unshift":"push"](()=>{t[1]=l,n(0,t)})}function T(l){P[l?"unshift":"push"](()=>{t[0]=l,n(0,t)})}function q(l){P[l?"unshift":"push"](()=>{t[0]=l,n(0,t)})}return r.$$set=l=>{"stores"in l&&n(8,i=l.stores),"page"in l&&n(9,s=l.page),"constructors"in l&&n(1,_=l.constructors),"components"in l&&n(0,t=l.components),"form"in l&&n(2,o=l.form),"data_0"in l&&n(3,a=l.data_0),"data_1"in l&&n(4,c=l.data_1)},r.$$.update=()=>{r.$$.dirty&768&&i.page.set(s)},[t,_,o,a,c,f,u,b,i,s,O,T,q]}class se extends U{constructor(e){super(),z(this,e,x,$,S,{stores:8,page:9,constructors:1,components:0,form:2,data_0:3,data_1:4})}}const oe=[()=>I(()=>import("../nodes/0.z_vse_tt.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url),()=>I(()=>import("../nodes/1.2vGAU644.js"),__vite__mapDeps([7,4,5,8,3]),import.meta.url),()=>I(()=>import("../nodes/2.g-1vMRVf.js"),__vite__mapDeps([9,4,5,2,3]),import.meta.url)],re=[],ae={"/":[2]},fe={handleError:({error:r})=>{console.error(r)}};export{ae as dictionary,fe as hooks,ie as matchers,oe as nodes,se as root,re as server_loads};
-function __vite__mapDeps(indexes) {
-  if (!__vite__mapDeps.viteFileDeps) {
-    __vite__mapDeps.viteFileDeps = ["../nodes/0.z_vse_tt.js","../chunks/preload-helper.0HuHagjb.js","../chunks/runtime.-hGPaMd1.js","../chunks/index.KGH7dGZH.js","../chunks/scheduler.3IkOjBO1.js","../chunks/index.b4_itZyM.js","../assets/0.S8gUIXi-.css","../nodes/1.2vGAU644.js","../chunks/singletons.SrwXqy11.js","../nodes/2.g-1vMRVf.js"]
-  }
-  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
-}

web/build/_app/immutable/nodes/0.qqxLW6jL.js

@@ -1,4 +1,4 @@
-import{_ as c}from"../chunks/preload-helper.0HuHagjb.js";import{r as u,g as n,i as _,$ as f,w as m}from"../chunks/runtime.-hGPaMd1.js";import{s as p,c as g,u as d,g as $,d as L}from"../chunks/scheduler.3IkOjBO1.js";import{S as y,i as S,d as v,t as b}from"../chunks/index.b4_itZyM.js";u("en-US",()=>c(()=>import("../chunks/en-US.JAQIzv30.js"),__vite__mapDeps([]),import.meta.url));u("zh-CN",()=>c(()=>import("../chunks/zh-CN.giVTFcLQ.js"),__vite__mapDeps([]),import.meta.url));const r="lang",h="en-US";let i=window.navigator.language;n()&&(i=n());localStorage.getItem(r)&&(i=localStorage.getItem(r));_({fallbackLocale:h,initialLocale:i,handleMissingMessage:o=>o.id.split(".").pop()});f.subscribe(o=>{localStorage.setItem(r,o)});const w=!0;async function I({url:o}){await m();let a="";return typeof process>"u"&&(a=o.searchParams.get("comfyUrl")||""),{comfyUrl:a}}const j=Object.freeze(Object.defineProperty({__proto__:null,load:I,prerender:w},Symbol.toStringTag,{value:"Module"}));function P(o){let a;const s=o[1].default,t=g(s,o,o[0],null);return{c(){t&&t.c()},l(e){t&&t.l(e)},m(e,l){t&&t.m(e,l),a=!0},p(e,[l]){t&&t.p&&(!a||l&1)&&d(t,s,e,e[0],a?L(s,e[0],l,null):$(e[0]),null)},i(e){a||(v(t,e),a=!0)},o(e){b(t,e),a=!1},d(e){t&&t.d(e)}}}function E(o,a,s){let{$$slots:t={},$$scope:e}=a;return o.$$set=l=>{"$$scope"in l&&s(0,e=l.$$scope)},[e,t]}class z extends y{constructor(a){super(),S(this,a,E,P,p,{})}}export{z as component,j as universal};
+import{_ as c}from"../chunks/preload-helper.0HuHagjb.js";import{r as u,g as n,i as _,$ as f,w as m}from"../chunks/runtime.AyegV5ce.js";import{s as p,c as g,u as d,g as $,d as L}from"../chunks/scheduler.Tg1fnMp_.js";import{S as y,i as S,d as v,t as b}from"../chunks/index.xa2X6v7V.js";u("en-US",()=>c(()=>import("../chunks/en-US.JAQIzv30.js"),__vite__mapDeps([]),import.meta.url));u("zh-CN",()=>c(()=>import("../chunks/zh-CN.giVTFcLQ.js"),__vite__mapDeps([]),import.meta.url));const r="lang",h="en-US";let i=window.navigator.language;n()&&(i=n());localStorage.getItem(r)&&(i=localStorage.getItem(r));_({fallbackLocale:h,initialLocale:i,handleMissingMessage:o=>o.id.split(".").pop()});f.subscribe(o=>{localStorage.setItem(r,o)});const w=!0;async function I({url:o}){await m();let a="";return typeof process>"u"&&(a=o.searchParams.get("comfyUrl")||""),{comfyUrl:a}}const j=Object.freeze(Object.defineProperty({__proto__:null,load:I,prerender:w},Symbol.toStringTag,{value:"Module"}));function P(o){let a;const s=o[1].default,t=g(s,o,o[0],null);return{c(){t&&t.c()},l(e){t&&t.l(e)},m(e,l){t&&t.m(e,l),a=!0},p(e,[l]){t&&t.p&&(!a||l&1)&&d(t,s,e,e[0],a?L(s,e[0],l,null):$(e[0]),null)},i(e){a||(v(t,e),a=!0)},o(e){b(t,e),a=!1},d(e){t&&t.d(e)}}}function E(o,a,s){let{$$slots:t={},$$scope:e}=a;return o.$$set=l=>{"$$scope"in l&&s(0,e=l.$$scope)},[e,t]}class z extends y{constructor(a){super(),S(this,a,E,P,p,{})}}export{z as component,j as universal};
 function __vite__mapDeps(indexes) {
   if (!__vite__mapDeps.viteFileDeps) {
     __vite__mapDeps.viteFileDeps = []

web/build/_app/immutable/nodes/1.1RNH8fxF.js

@@ -1 +1 @@
-import{s as E,n as b,e as x}from"../chunks/scheduler.3IkOjBO1.js";import{S,i as j,g as _,m as f,s as q,h as d,j as g,n as h,f as p,c as y,a as l,x as v,o as $}from"../chunks/index.b4_itZyM.js";import{d as C}from"../chunks/singletons.SrwXqy11.js";const H=()=>{const s=C;return{page:{subscribe:s.page.subscribe},navigating:{subscribe:s.navigating.subscribe},updated:s.updated}},P={subscribe(s){return H().page.subscribe(s)}};function k(s){let t,r=s[0].status+"",o,n,i,c=s[0].error?.message+"",u;return{c(){t=_("h1"),o=f(r),n=q(),i=_("p"),u=f(c)},l(e){t=d(e,"H1",{});var a=g(t);o=h(a,r),a.forEach(p),n=y(e),i=d(e,"P",{});var m=g(i);u=h(m,c),m.forEach(p)},m(e,a){l(e,t,a),v(t,o),l(e,n,a),l(e,i,a),v(i,u)},p(e,[a]){a&1&&r!==(r=e[0].status+"")&&$(o,r),a&1&&c!==(c=e[0].error?.message+"")&&$(u,c)},i:b,o:b,d(e){e&&(p(t),p(n),p(i))}}}function w(s,t,r){let o;return x(s,P,n=>r(0,o=n)),[o]}let D=class extends S{constructor(t){super(),j(this,t,w,k,E,{})}};export{D as component};
+import{s as E,n as b,e as x}from"../chunks/scheduler.Tg1fnMp_.js";import{S,i as j,g as _,m as f,s as q,h as d,j as g,n as h,f as p,c as y,a as l,x as v,o as $}from"../chunks/index.xa2X6v7V.js";import{d as C}from"../chunks/singletons.SwlEVgLy.js";const H=()=>{const s=C;return{page:{subscribe:s.page.subscribe},navigating:{subscribe:s.navigating.subscribe},updated:s.updated}},P={subscribe(s){return H().page.subscribe(s)}};function k(s){let t,r=s[0].status+"",o,n,i,c=s[0].error?.message+"",u;return{c(){t=_("h1"),o=f(r),n=q(),i=_("p"),u=f(c)},l(e){t=d(e,"H1",{});var a=g(t);o=h(a,r),a.forEach(p),n=y(e),i=d(e,"P",{});var m=g(i);u=h(m,c),m.forEach(p)},m(e,a){l(e,t,a),v(t,o),l(e,n,a),l(e,i,a),v(i,u)},p(e,[a]){a&1&&r!==(r=e[0].status+"")&&$(o,r),a&1&&c!==(c=e[0].error?.message+"")&&$(u,c)},i:b,o:b,d(e){e&&(p(t),p(n),p(i))}}}function w(s,t,r){let o;return x(s,P,n=>r(0,o=n)),[o]}let D=class extends S{constructor(t){super(),j(this,t,w,k,E,{})}};export{D as component};

web/build/_app/immutable/nodes/2.NObIK4OH.js

@@ -0,0 +1 @@
+import{w as r}from"../chunks/runtime.AyegV5ce.js";import{s as l,c as i,u,g as f,d as c}from"../chunks/scheduler.Tg1fnMp_.js";import{S as _,i as p,d as m,t as d}from"../chunks/index.xa2X6v7V.js";async function g({url:o}){return await r(),typeof process>"u"?{path:o.searchParams.get("path")}:{}}const v=Object.freeze(Object.defineProperty({__proto__:null,load:g},Symbol.toStringTag,{value:"Module"}));function $(o){let s;const n=o[1].default,e=i(n,o,o[0],null);return{c(){e&&e.c()},l(t){e&&e.l(t)},m(t,a){e&&e.m(t,a),s=!0},p(t,[a]){e&&e.p&&(!s||a&1)&&u(e,n,t,t[0],s?c(n,t[0],a,null):f(t[0]),null)},i(t){s||(m(e,t),s=!0)},o(t){d(e,t),s=!1},d(t){e&&e.d(t)}}}function h(o,s,n){let{$$slots:e={},$$scope:t}=s;return o.$$set=a=>{"$$scope"in a&&n(0,t=a.$$scope)},[t,e]}class w extends _{constructor(s){super(),p(this,s,h,$,l,{})}}export{w as component,v as universal};

web/build/_app/version.json

@@ -1 +1 @@
-{"version":"1705164974856"}
+{"version":"1710838092511"}

web/build/xyz_plot.html

@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="en" data-theme="forest">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="./favicon.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		
+		<link href="./_app/immutable/assets/0.whLgwaPV.css" rel="stylesheet">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.Gdbbwk-X.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.Tg1fnMp_.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/singletons.SwlEVgLy.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/index.Bo7-JXlm.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.TunG-itD.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.0HuHagjb.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/index.xa2X6v7V.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/0.qqxLW6jL.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/runtime.AyegV5ce.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/2.NObIK4OH.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/4.m7E3a99r.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/each.-oqiv04n.js">
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">  Invalid Path 
+			
+			<script>
+				{
+					__sveltekit_1ttigzj = {
+						base: new URL(".", location).pathname.slice(0, -1),
+						env: null
+					};
+
+					const element = document.currentScript.parentElement;
+
+					const data = [null,null,null];
+
+					Promise.all([
+						import("./_app/immutable/entry/start.Gdbbwk-X.js"),
+						import("./_app/immutable/entry/app.TunG-itD.js")
+					]).then(([kit, app]) => {
+						kit.start(app, element, {
+							node_ids: [0, 2, 4],
+							data,
+							form: null,
+							error: null
+						});
+					});
+				}
+			</script>
+		</div>
+	</body>
+</html>