@selvajs/selva 4.2.0 → 4.3.0

package/build/server/chunks/{_page.svelte-DJnICJdZ.js → _page.svelte-6m8-zq9_.js}

@@ -1,19 +1,20 @@
 import { clsx } from 'clsx';
-import { GrasshopperResponseProcessor, downloadFileData } from '@selvajs/compute';
-import { as as run, o as attr_style, I as derived, Y as getContext, n as attr_class, aD as stringify, T as escape_html, q as bind_props, aA as spread_props, Q as ensure_array_like, an as props_id, p as attributes, a2 as hasContext, av as setContext, v as clsx$1, aa as is_array, $ as get_prototype_of, ak as object_prototype, m as attr } from './renderer-x4cX3Aau.js';
+import { GrasshopperResponseProcessor } from '@selvajs/compute';
+import { as as run, av as setContext, Y as getContext, o as attr_style, I as derived, aa as is_array, $ as get_prototype_of, ak as object_prototype, n as attr_class, aD as stringify, T as escape_html, q as bind_props, aA as spread_props, Q as ensure_array_like, an as props_id, p as attributes, a2 as hasContext, v as clsx$1, m as attr } from './renderer-x4cX3Aau.js';
 import { S as Server } from './server-C3-deqCy.js';
-import { A as AppShell, U as UserChip, T as Triangle_alert, D as Dialog_trigger, C as Chevron_right } from './UserChip-CCZ9yMM3.js';
+import { a as AppShell, T as Triangle_alert, U as UserChip, D as Dialog_trigger, f as formatFileSize, g as getBase64FileSize, i as isFileData, M as MIME_BY_EXT, C as Chevron_right, d as downloadFiles, A as APP_DEFAULTS } from './UserChip-fy4ucYa9.js';
 import { p as page } from './index-CtiRmlms.js';
-import { o as onDestroy, D as DOMContext$1, u as useId, A as AnimationsComplete, t as tick } from './scroll-lock-BVxv0Dsn.js';
-import { F as FOOTER_CONTEXT_KEY, w as watch } from './footerContext.svelte-BZEf7gVw.js';
-import { R as Root, D as Dialog_content, b as Dialog_header, c as Dialog_title, a as Dialog_description } from './index2-B9qXYHIn.js';
+import { o as onDestroy, t as tick } from './index-server2-BiZ3ccb0.js';
+import { F as FOOTER_CONTEXT_KEY, w as watch } from './footerContext.svelte-oP__zW9C.js';
+import { R as Root, D as Dialog_content, b as Dialog_header, c as Dialog_title, a as Dialog_description } from './index2-D4a590Kd.js';
 import { k as createBitsAttrs, j as createAttachmentKey, l as createId, h as boxWith$1, S as StyleToObject, a as attachRef$1, v as mergeProps$1, w as simpleBox, b as boolToEmptyStrOrUndef, c as boolToStr, o as getAriaChecked } from './create-id-B-AKukLt.js';
 import { c as createSubscriber, a as SvelteSet, S as SvelteMap } from './index-server-DMc-UvjC.js';
 import { c as cn } from './utils3-B05Dmz_H.js';
 import { I as Icon$1 } from './Icon-DbkwAOkZ.js';
 import { B as Button } from './button-1GF48U_O.js';
-import { C as Check, i as isFunction$1, R as Root$1, b as Select_trigger, S as Select_content, a as Select_item, H as Hidden_input, c as isValidIndex } from './index3-AGemCGcn.js';
+import { C as Check, i as isFunction$1, R as Root$1, b as Select_trigger, S as Select_content, a as Select_item, H as Hidden_input, c as isValidIndex } from './index3-0Z1R1__W.js';
 import { C as Context$1, w as watch$1, n as noop$1, d as ENTER, S as SPACE, h as isElementOrSVGElement, a as ARROW_LEFT, b as ARROW_RIGHT, c as ARROW_UP, A as ARROW_DOWN, H as HOME, E as END, j as isHTMLElement$1 } from './noop-iPXixleG.js';
+import { D as DOMContext$1, u as useId, A as AnimationsComplete } from './scroll-lock-BIz_BXmd.js';
 import { h as html } from './html-FW6Ia4bL.js';
 import { T as Tabs, a as Tabs_content, d as Textarea, b as Tabs_list, c as Tabs_trigger } from './textarea-A5IYPwqe.js';
 import { C as Card, a as Card_content } from './card-content-CLRedGcu.js';
@@ -25,9 +26,9 @@ import { tv } from 'tailwind-variants';
 import { L as Label } from './label-Df1UqzdF.js';
 import { I as Input } from './input-DGJ03-ia.js';
 import { r as randomId } from './randomId-8gj3Lbuq.js';
-import { U as Upload, D as Dialog_footer } from './upload-BY_p_jpL.js';
+import { U as Upload, D as Dialog_footer } from './dialog-footer-CqbKEEQ-.js';
 import './Icon2-DbkwAOkZ.js';
-import './dialog-description-C-wNjCmv.js';
+import './dialog-description-8UnYiAMX.js';
 import './events-qfxQNxtp.js';
 import '@sveltejs/kit/internal';
 import './root-CGeBSY2K.js';
@@ -188,6 +189,209 @@ class Context {
     return setContext(this.#key, context);
   }
 }
+function Camera($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        "d": "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"
+      }
+    ],
+    ["circle", { "cx": "12", "cy": "13", "r": "3" }]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "camera" }, props, { iconNode }]));
+}
+function Circle_check_big($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { "d": "M21.801 10A10 10 0 1 1 17 3.335" }],
+    ["path", { "d": "m9 11 3 3L22 4" }]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "circle-check-big" }, props, { iconNode }]));
+}
+function Circle_question_mark($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["circle", { "cx": "12", "cy": "12", "r": "10" }],
+    ["path", { "d": "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }],
+    ["path", { "d": "M12 17h.01" }]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "circle-question-mark" }, props, { iconNode }]));
+}
+function Download($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { "d": "M12 15V3" }],
+    ["path", { "d": "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }],
+    ["path", { "d": "m7 10 5 5 5-5" }]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "download" }, props, { iconNode }]));
+}
+function File_up($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        "d": "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"
+      }
+    ],
+    ["path", { "d": "M14 2v5a1 1 0 0 0 1 1h5" }],
+    ["path", { "d": "M12 12v6" }],
+    ["path", { "d": "m15 15-3-3-3 3" }]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "file-up" }, props, { iconNode }]));
+}
+function File($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        "d": "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"
+      }
+    ],
+    ["path", { "d": "M14 2v5a1 1 0 0 0 1 1h5" }]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "file" }, props, { iconNode }]));
+}
+function Folder_open($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        "d": "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"
+      }
+    ]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "folder-open" }, props, { iconNode }]));
+}
+function Folder($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        "d": "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
+      }
+    ]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "folder" }, props, { iconNode }]));
+}
+function Inbox($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "polyline",
+      { "points": "22 12 16 12 14 15 10 15 8 12 2 12" }
+    ],
+    [
+      "path",
+      {
+        "d": "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"
+      }
+    ]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "inbox" }, props, { iconNode }]));
+}
+function Info($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["circle", { "cx": "12", "cy": "12", "r": "10" }],
+    ["path", { "d": "M12 16v-4" }],
+    ["path", { "d": "M12 8h.01" }]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "info" }, props, { iconNode }]));
+}
+function Layers($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        "d": "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"
+      }
+    ],
+    [
+      "path",
+      {
+        "d": "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"
+      }
+    ],
+    [
+      "path",
+      {
+        "d": "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"
+      }
+    ]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "layers" }, props, { iconNode }]));
+}
+function Loader($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { "d": "M12 2v4" }],
+    ["path", { "d": "m16.2 7.8 2.9-2.9" }],
+    ["path", { "d": "M18 12h4" }],
+    ["path", { "d": "m16.2 16.2 2.9 2.9" }],
+    ["path", { "d": "M12 18v4" }],
+    ["path", { "d": "m4.9 19.1 2.9-2.9" }],
+    ["path", { "d": "M2 12h4" }],
+    ["path", { "d": "m4.9 4.9 2.9 2.9" }]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "loader" }, props, { iconNode }]));
+}
+function Maximize($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { "d": "M8 3H5a2 2 0 0 0-2 2v3" }],
+    ["path", { "d": "M21 8V5a2 2 0 0 0-2-2h-3" }],
+    ["path", { "d": "M3 16v3a2 2 0 0 0 2 2h3" }],
+    ["path", { "d": "M16 21h3a2 2 0 0 0 2-2v-3" }]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "maximize" }, props, { iconNode }]));
+}
+function Minimize($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { "d": "M8 3v3a2 2 0 0 1-2 2H3" }],
+    ["path", { "d": "M21 8h-3a2 2 0 0 1-2-2V3" }],
+    ["path", { "d": "M3 16h3a2 2 0 0 1 2 2v3" }],
+    ["path", { "d": "M16 21v-3a2 2 0 0 1 2-2h3" }]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "minimize" }, props, { iconNode }]));
+}
+function Minus($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [["path", { "d": "M5 12h14" }]];
+  Icon$1($$renderer, spread_props([{ name: "minus" }, props, { iconNode }]));
+}
+function Play($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        "d": "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"
+      }
+    ]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "play" }, props, { iconNode }]));
+}
+function Zap($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        "d": "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"
+      }
+    ]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "zap" }, props, { iconNode }]));
+}
 function extract(value, defaultValue) {
   if (isFunction$1(value)) {
     const getter = value;
@@ -2765,241 +2969,26 @@ function Slider_thumb($$renderer, $$props) {
     bind_props($$props, { ref });
   });
 }
-function Camera($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        "d": "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"
-      }
-    ],
-    ["circle", { "cx": "12", "cy": "13", "r": "3" }]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "camera" }, props, { iconNode }]));
-}
-function Circle_check_big($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    ["path", { "d": "M21.801 10A10 10 0 1 1 17 3.335" }],
-    ["path", { "d": "m9 11 3 3L22 4" }]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "circle-check-big" }, props, { iconNode }]));
-}
-function Circle_question_mark($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    ["circle", { "cx": "12", "cy": "12", "r": "10" }],
-    ["path", { "d": "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }],
-    ["path", { "d": "M12 17h.01" }]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "circle-question-mark" }, props, { iconNode }]));
-}
-function Download($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    ["path", { "d": "M12 15V3" }],
-    ["path", { "d": "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }],
-    ["path", { "d": "m7 10 5 5 5-5" }]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "download" }, props, { iconNode }]));
-}
-function File_up($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        "d": "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"
-      }
-    ],
-    ["path", { "d": "M14 2v5a1 1 0 0 0 1 1h5" }],
-    ["path", { "d": "M12 12v6" }],
-    ["path", { "d": "m15 15-3-3-3 3" }]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "file-up" }, props, { iconNode }]));
-}
-function File($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        "d": "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"
-      }
-    ],
-    ["path", { "d": "M14 2v5a1 1 0 0 0 1 1h5" }]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "file" }, props, { iconNode }]));
-}
-function Folder_open($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        "d": "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"
-      }
-    ]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "folder-open" }, props, { iconNode }]));
-}
-function Folder($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        "d": "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
-      }
-    ]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "folder" }, props, { iconNode }]));
-}
-function Inbox($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "polyline",
-      { "points": "22 12 16 12 14 15 10 15 8 12 2 12" }
-    ],
-    [
-      "path",
-      {
-        "d": "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"
-      }
-    ]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "inbox" }, props, { iconNode }]));
-}
-function Info($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    ["circle", { "cx": "12", "cy": "12", "r": "10" }],
-    ["path", { "d": "M12 16v-4" }],
-    ["path", { "d": "M12 8h.01" }]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "info" }, props, { iconNode }]));
-}
-function Layers($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        "d": "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"
-      }
-    ],
-    [
-      "path",
-      {
-        "d": "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"
-      }
-    ],
-    [
-      "path",
-      {
-        "d": "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"
-      }
-    ]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "layers" }, props, { iconNode }]));
-}
-function Loader($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    ["path", { "d": "M12 2v4" }],
-    ["path", { "d": "m16.2 7.8 2.9-2.9" }],
-    ["path", { "d": "M18 12h4" }],
-    ["path", { "d": "m16.2 16.2 2.9 2.9" }],
-    ["path", { "d": "M12 18v4" }],
-    ["path", { "d": "m4.9 19.1 2.9-2.9" }],
-    ["path", { "d": "M2 12h4" }],
-    ["path", { "d": "m4.9 4.9 2.9 2.9" }]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "loader" }, props, { iconNode }]));
-}
-function Maximize($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    ["path", { "d": "M8 3H5a2 2 0 0 0-2 2v3" }],
-    ["path", { "d": "M21 8V5a2 2 0 0 0-2-2h-3" }],
-    ["path", { "d": "M3 16v3a2 2 0 0 0 2 2h3" }],
-    ["path", { "d": "M16 21h3a2 2 0 0 0 2-2v-3" }]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "maximize" }, props, { iconNode }]));
-}
-function Minimize($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    ["path", { "d": "M8 3v3a2 2 0 0 1-2 2H3" }],
-    ["path", { "d": "M21 8h-3a2 2 0 0 1-2-2V3" }],
-    ["path", { "d": "M3 16h3a2 2 0 0 1 2 2v3" }],
-    ["path", { "d": "M16 21v-3a2 2 0 0 1 2-2h3" }]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "minimize" }, props, { iconNode }]));
-}
-function Minus($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [["path", { "d": "M5 12h14" }]];
-  Icon$1($$renderer, spread_props([{ name: "minus" }, props, { iconNode }]));
-}
-function Play($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        "d": "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"
-      }
-    ]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "play" }, props, { iconNode }]));
-}
-function Zap($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        "d": "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"
-      }
-    ]
-  ];
-  Icon$1($$renderer, spread_props([{ name: "zap" }, props, { iconNode }]));
-}
-const APP_DEFAULTS = {
-  // Timing & performance thresholds
-  TIMEOUTS: {
-    /** Parameter export callback delay (ms) */
-    PARAM_EXPORT_DELAY: 100
-  },
-  // File size formatting
-  FILE_SIZE: {
-    /** Bytes per kilobyte */
-    BYTES_PER_KB: 1024
-  }
-};
-function MeshMetadataDialog($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const EXCLUDED_KEYS = /* @__PURE__ */ new Set(["name", "layer", "originalIndex", "sourceComponentId"]);
-    let {
-      open = void 0,
-      metadata,
-      meshName,
-      onOpenChange,
-      isFullscreen = false
-    } = $$props;
-    const getFilteredMetadata = () => {
-      if (!metadata) return {};
-      const entries = Object.entries(metadata).filter(([key]) => !EXCLUDED_KEYS.has(key));
-      const result = {};
-      for (const [key, value] of entries) {
-        if (key === "metadata" && typeof value === "object" && value !== null && !Array.isArray(value)) {
-          Object.assign(result, value);
-        } else {
-          result[key] = value;
-        }
+function MeshMetadataDialog($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const EXCLUDED_KEYS = /* @__PURE__ */ new Set(["name", "layer", "originalIndex", "sourceComponentId"]);
+    let {
+      open = void 0,
+      metadata,
+      meshName,
+      onOpenChange,
+      isFullscreen = false
+    } = $$props;
+    const getFilteredMetadata = () => {
+      if (!metadata) return {};
+      const entries = Object.entries(metadata).filter(([key]) => !EXCLUDED_KEYS.has(key));
+      const result = {};
+      for (const [key, value] of entries) {
+        if (key === "metadata" && typeof value === "object" && value !== null && !Array.isArray(value)) {
+          Object.assign(result, value);
+        } else {
+          result[key] = value;
+        }
       }
       return result;
     };
@@ -5177,7 +5166,7 @@ function Viewer($$renderer, $$props) {
     let selectedMeshName = null;
     $$renderer2.push(`<div${attr_class(
       `min-h-64 sm:min-h-96 lg:min-h-125 relative h-full flex-1 border ${stringify(isFullscreen ? "fullscreen-viewer" : "overflow-hidden rounded-[0.625rem]")}`,
-      "svelte-qgylmx"
+      "svelte-13y0czs"
     )}>`);
     if (Resizable_pane_group) {
       $$renderer2.push("<!--[-->");
@@ -5191,7 +5180,7 @@ function Viewer($$renderer, $$props) {
               defaultSize: 100,
               minSize: 40,
               children: ($$renderer4) => {
-                $$renderer4.push(`<div class="relative h-full w-full" style="touch-action: none;"><canvas class="block h-full w-full"></canvas> <div${attr_class(`inset-0 blur-overlay absolute z-20 ${stringify(isBlurred ? "blur-overlay-active" : "blur-overlay-inactive")}`, "svelte-qgylmx")}></div> `);
+                $$renderer4.push(`<div class="relative h-full w-full" style="touch-action: none;"><canvas class="block h-full w-full"></canvas> <div${attr_class(`inset-0 blur-overlay absolute z-20 ${stringify(isBlurred ? "blur-overlay-active" : "blur-overlay-inactive")}`, "svelte-13y0czs")}></div> `);
                 if (isSolving) {
                   $$renderer4.push("<!--[0-->");
                   $$renderer4.push(`<div class="inset-0 absolute z-10 animate-[selva-viewer-fade-in_0.2s_ease-out] backdrop-blur-[2px] transition-all duration-300"></div>`);
@@ -5331,7 +5320,7 @@ function SolvingIndicator($$renderer, $$props) {
   let { show } = $$props;
   if (show) {
     $$renderer.push("<!--[0-->");
-    $$renderer.push(`<div class="bottom-6 left-6 gap-3 px-5 py-3 shadow-xl fixed z-50 flex animate-[selva-slideInLeft_0.2s_ease-out] items-center rounded-lg border border-primary/20 bg-primary text-primary-foreground svelte-16o83r0"><div class="h-5 w-5 relative flex shrink-0 items-center justify-center svelte-16o83r0"><div class="animate-ping absolute h-full w-full rounded-full bg-primary-foreground opacity-30 svelte-16o83r0"></div> <div class="h-3 w-3 animate-spin rounded-full border-2 border-primary-foreground border-t-transparent svelte-16o83r0"></div></div> <div class="leading-tight flex flex-col svelte-16o83r0"><span class="text-sm font-semibold svelte-16o83r0">Solving</span> <span class="text-xs opacity-70 svelte-16o83r0">Grasshopper is calculating...</span></div></div>`);
+    $$renderer.push(`<div class="bottom-6 left-6 gap-3 px-5 py-3 shadow-xl fixed z-50 flex animate-[selva-slideInLeft_0.2s_ease-out] items-center rounded-lg border border-primary/20 bg-primary text-primary-foreground svelte-g866ul"><div class="h-5 w-5 relative flex shrink-0 items-center justify-center svelte-g866ul"><div class="animate-ping absolute h-full w-full rounded-full bg-primary-foreground opacity-30 svelte-g866ul"></div> <div class="h-3 w-3 animate-spin rounded-full border-2 border-primary-foreground border-t-transparent svelte-g866ul"></div></div> <div class="leading-tight flex flex-col svelte-g866ul"><span class="text-sm font-semibold svelte-g866ul">Solving</span> <span class="text-xs opacity-70 svelte-g866ul">Grasshopper is calculating...</span></div></div>`);
   } else {
     $$renderer.push("<!--[-1-->");
   }
@@ -7143,6 +7132,16 @@ function evaluateVisibility(item, values) {
   const actionFn = ACTIONS[action] ?? ACTIONS.show;
   return actionFn(met, defaultValue);
 }
+function itemKey(item) {
+  return item.type === "linebreak" ? item.id : item.paramId;
+}
+function buildVisibilityMap(items, values) {
+  const map = {};
+  for (const item of items) {
+    map[itemKey(item)] = evaluateVisibility(item, values);
+  }
+  return map;
+}
 function evaluateGroupVisibility(group, values) {
   if (!group.visibilityCondition?.rules)
     return true;
@@ -7170,6 +7169,7 @@ function Group($$renderer, $$props) {
         onToggle();
       }
     }
+    const visibilityMap = derived(() => buildVisibilityMap(items, values));
     const columnStarts = derived(() => {
       const positions = [];
       let col = 0;
@@ -7179,7 +7179,7 @@ function Group($$renderer, $$props) {
           col = 0;
           continue;
         }
-        const visibility = evaluateVisibility(item, values);
+        const visibility = visibilityMap()[itemKey(item)];
         if (!visibility.visible) {
           positions.push(0);
           continue;
@@ -7197,13 +7197,13 @@ function Group($$renderer, $$props) {
         $$renderer3.push(`<div style="grid-column: 1 / -1" class="h-px bg-border" aria-hidden="true"></div>`);
       } else {
         $$renderer3.push("<!--[-1-->");
-        const visibility = evaluateVisibility(layoutItem, values);
+        const visibility = visibilityMap()[itemKey(layoutItem)];
         const span = Math.min(Math.max(1, layoutItem.span ?? 1), cols);
         if (visibility.visible) {
           $$renderer3.push("<!--[0-->");
           if (layoutItem.type === "input") {
             $$renderer3.push("<!--[0-->");
-            $$renderer3.push(`<div${attr_class("grid-cell min-w-0 flex items-center svelte-rxs5ka", void 0, {
+            $$renderer3.push(`<div${attr_class("grid-cell min-w-0 flex items-center svelte-1mpk06z", void 0, {
               "opacity-50": visibility.disabled,
               "col-divider": !isFirstInRow && cols > 1
             })}${attr_style(`grid-column: span ${stringify(span)} / span ${stringify(span)}`)}>`);
@@ -7211,7 +7211,7 @@ function Group($$renderer, $$props) {
             $$renderer3.push(`<!----></div>`);
           } else if (layoutItem.type === "output") {
             $$renderer3.push("<!--[1-->");
-            $$renderer3.push(`<div${attr_class("grid-cell svelte-rxs5ka", void 0, { "col-divider": !isFirstInRow && cols > 1 })}${attr_style(`grid-column: span ${stringify(span)} / span ${stringify(span)}`)}>`);
+            $$renderer3.push(`<div${attr_class("grid-cell svelte-1mpk06z", void 0, { "col-divider": !isFirstInRow && cols > 1 })}${attr_style(`grid-column: span ${stringify(span)} / span ${stringify(span)}`)}>`);
             outputSnippet($$renderer3, layoutItem);
             $$renderer3.push(`<!----></div>`);
           } else {
@@ -7227,7 +7227,7 @@ function Group($$renderer, $$props) {
     }
     if (flat) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="p-6"><div class="schema-grid gap-6 grid svelte-rxs5ka"${attr_style(`--schema-cols: ${stringify(columns)};`)}><!--[-->`);
+      $$renderer2.push(`<div class="p-6"><div class="schema-grid gap-6 grid svelte-1mpk06z"${attr_style(`--schema-cols: ${stringify(columns)};`)}><!--[-->`);
       const each_array = ensure_array_like(items);
       for (let i = 0, $$length = each_array.length; i < $$length; i++) {
         let layoutItem = each_array[i];
@@ -7307,13 +7307,13 @@ function Group($$renderer, $$props) {
               $$renderer3.push("<!--[!-->");
               $$renderer3.push("<!--]-->");
             }
-            $$renderer3.push(` <div${attr_class("content-wrapper svelte-rxs5ka", void 0, { "collapsed": collapsed })}><div class="content-inner svelte-rxs5ka">`);
+            $$renderer3.push(` <div${attr_class("content-wrapper svelte-1mpk06z", void 0, { "collapsed": collapsed })}><div class="content-inner svelte-1mpk06z">`);
             if (Card_content) {
               $$renderer3.push("<!--[-->");
               Card_content($$renderer3, {
                 class: "p-6",
                 children: ($$renderer4) => {
-                  $$renderer4.push(`<div class="schema-grid gap-6 grid svelte-rxs5ka"${attr_style(`--schema-cols: ${stringify(columns)};`)}><!--[-->`);
+                  $$renderer4.push(`<div class="schema-grid gap-6 grid svelte-1mpk06z"${attr_style(`--schema-cols: ${stringify(columns)};`)}><!--[-->`);
                   const each_array_1 = ensure_array_like(items);
                   for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
                     let layoutItem = each_array_1[i];
@@ -7350,6 +7350,9 @@ function isTextWidget(item) {
 function isDropdownWidget(item) {
   return item.type === "input" && item.widgetType === "dropdown";
 }
+function isDynamicValueListWidget(item) {
+  return item.type === "input" && item.widgetType === "dynamicValueList";
+}
 function isCheckboxWidget(item) {
   return item.type === "input" && item.widgetType === "checkbox";
 }
@@ -7359,6 +7362,23 @@ function isFileWidget(item) {
 function isColorWidget(item) {
   return item.type === "input" && item.widgetType === "color";
 }
+function getGroups(schema) {
+  if (!schema?.layout)
+    return [];
+  if (schema.layout.type === "tabbed") {
+    return schema.layout.tabs?.flatMap((t) => t.groups ?? []) ?? [];
+  }
+  if (schema.layout.type === "flat") {
+    return schema.layout.groups ?? [];
+  }
+  return [];
+}
+function getLayoutItems(schema) {
+  return getGroups(schema).flatMap((g) => g.items ?? []);
+}
+function getInputItems(schema) {
+  return getLayoutItems(schema).filter((i) => i.type === "input");
+}
 const fieldVariants = tv({
   base: "group/field data-[invalid=true]:text-destructive flex w-full gap-3",
   variants: {
@@ -7771,6 +7791,10 @@ function FileInput($$renderer, $$props) {
         alert(`File format not accepted: ${fileEnding}`);
         return;
       }
+      if (file.size > APP_DEFAULTS.FILE_UPLOAD.MAX_SIZE_BYTES) {
+        alert(`File too large: ${(file.size / 1024 / 1024).toFixed(2)}MB (max ${APP_DEFAULTS.FILE_UPLOAD.MAX_SIZE_MB}MB).`);
+        return;
+      }
       uploadedFileName = file.name;
       const reader = new FileReader();
       reader.onload = (e) => {
@@ -8171,6 +8195,13 @@ function TextInput($$renderer, $$props) {
     bind_props($$props, { value });
   });
 }
+const CLIENT_SLOT_CONTEXT_KEY = /* @__PURE__ */ Symbol("client-slot-context");
+function setClientSlot(slot) {
+  setContext(CLIENT_SLOT_CONTEXT_KEY, slot);
+}
+function getClientSlot() {
+  return getContext(CLIENT_SLOT_CONTEXT_KEY);
+}
 function InputControl($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
@@ -8178,10 +8209,17 @@ function InputControl($$renderer, $$props) {
       value = void 0,
       displayName,
       onChange,
-      disabled = false
+      disabled = false,
+      dynamicOptions
     } = $$props;
     const inputId = derived(() => `input-${item.paramId}`);
     const label = derived(() => displayName || item.displayName || item.paramId);
+    const clientSlotConfig = derived(() => {
+      const source = item.source;
+      if (source?.kind !== "client" || source.client?.presentation !== "slot") return null;
+      return { slotLabel: source.client.slotLabel };
+    });
+    const clientSlot = getClientSlot();
     const numberRangeHint = derived(() => {
       if (!isNumberWidget(item)) return null;
       const cfg = item.config;
@@ -8194,199 +8232,255 @@ function InputControl($$renderer, $$props) {
       return `≤ ${cfg.maximum}`;
     });
     const showRangeInLabel = derived(() => isNumberWidget(item) && numberRangeHint() !== null);
+    const dynamicListConfig = derived(() => isDynamicValueListWidget(item) ? item.config : void 0);
+    const dynamicListOptions = derived(() => dynamicOptions && Object.keys(dynamicOptions).length > 0 ? dynamicOptions : Object.fromEntries(Object.entries(dynamicListConfig()?.defaultOptions ?? {}).filter((entry) => entry[1] !== void 0)));
+    const dynamicListHasOptions = derived(() => Object.keys(dynamicListOptions()).length > 0);
+    const dynamicListAsDropdownConfig = derived(() => ({
+      options: dynamicListOptions(),
+      displayAs: dynamicListConfig()?.displayAs ?? "dropdown"
+    }));
+    const hideDynamicListWhenEmpty = derived(() => isDynamicValueListWidget(item) && !dynamicListHasOptions() && (dynamicListConfig()?.emptyBehavior ?? "hide") === "hide");
     function commit(newValue) {
       value = newValue;
       onChange(item.paramId, newValue);
     }
-    if (Field) {
-      $$renderer2.push("<!--[-->");
-      Field($$renderer2, {
-        children: ($$renderer3) => {
-          if (Field_label) {
-            $$renderer3.push("<!--[-->");
-            Field_label($$renderer3, {
-              for: inputId(),
-              class: "gap-2 flex items-center",
-              children: ($$renderer4) => {
-                $$renderer4.push(`<!---->${escape_html(label())} `);
-                if (item.description) {
-                  $$renderer4.push("<!--[0-->");
-                  if (Root) {
-                    $$renderer4.push("<!--[-->");
-                    Root($$renderer4, {
-                      children: ($$renderer5) => {
-                        if (Dialog_trigger) {
-                          $$renderer5.push("<!--[-->");
-                          Dialog_trigger($$renderer5, {
-                            class: "p-1 cursor-help opacity-60 transition-opacity hover:opacity-100",
-                            children: ($$renderer6) => {
-                              Circle_question_mark($$renderer6, { size: 16 });
-                            },
-                            $$slots: { default: true }
-                          });
-                          $$renderer5.push("<!--]-->");
-                        } else {
-                          $$renderer5.push("<!--[!-->");
-                          $$renderer5.push("<!--]-->");
-                        }
-                        $$renderer5.push(` `);
-                        if (Dialog_content) {
-                          $$renderer5.push("<!--[-->");
-                          Dialog_content($$renderer5, {
-                            class: "sm:max-w-md",
-                            children: ($$renderer6) => {
-                              if (Dialog_header) {
-                                $$renderer6.push("<!--[-->");
-                                Dialog_header($$renderer6, {
-                                  children: ($$renderer7) => {
-                                    if (Dialog_title) {
-                                      $$renderer7.push("<!--[-->");
-                                      Dialog_title($$renderer7, {
-                                        children: ($$renderer8) => {
-                                          $$renderer8.push(`<!---->${escape_html(label())}`);
-                                        },
-                                        $$slots: { default: true }
-                                      });
-                                      $$renderer7.push("<!--]-->");
-                                    } else {
-                                      $$renderer7.push("<!--[!-->");
-                                      $$renderer7.push("<!--]-->");
-                                    }
-                                    $$renderer7.push(` `);
-                                    if (Dialog_description) {
-                                      $$renderer7.push("<!--[-->");
-                                      Dialog_description($$renderer7, {
-                                        children: ($$renderer8) => {
-                                          $$renderer8.push(`<!---->${escape_html(item.description)}`);
-                                        },
-                                        $$slots: { default: true }
-                                      });
-                                      $$renderer7.push("<!--]-->");
-                                    } else {
-                                      $$renderer7.push("<!--[!-->");
-                                      $$renderer7.push("<!--]-->");
-                                    }
-                                  },
-                                  $$slots: { default: true }
-                                });
-                                $$renderer6.push("<!--]-->");
-                              } else {
-                                $$renderer6.push("<!--[!-->");
-                                $$renderer6.push("<!--]-->");
-                              }
-                            },
-                            $$slots: { default: true }
-                          });
-                          $$renderer5.push("<!--]-->");
-                        } else {
-                          $$renderer5.push("<!--[!-->");
-                          $$renderer5.push("<!--]-->");
-                        }
-                      },
-                      $$slots: { default: true }
-                    });
-                    $$renderer4.push("<!--]-->");
-                  } else {
-                    $$renderer4.push("<!--[!-->");
-                    $$renderer4.push("<!--]-->");
-                  }
-                } else {
-                  $$renderer4.push("<!--[-1-->");
-                }
-                $$renderer4.push(`<!--]--> `);
-                if (showRangeInLabel()) {
-                  $$renderer4.push("<!--[0-->");
-                  $$renderer4.push(`<span class="text-xs font-normal text-muted-foreground">${escape_html(numberRangeHint())}</span>`);
-                } else {
-                  $$renderer4.push("<!--[-1-->");
-                }
-                $$renderer4.push(`<!--]-->`);
-              },
-              $$slots: { default: true }
-            });
-            $$renderer3.push("<!--]-->");
-          } else {
-            $$renderer3.push("<!--[!-->");
-            $$renderer3.push("<!--]-->");
-          }
-          $$renderer3.push(` `);
-          if (isNumberWidget(item)) {
-            $$renderer3.push("<!--[0-->");
-            const config = item.config;
-            NumberInput($$renderer3, {
-              inputId: inputId(),
-              value: typeof value === "number" ? value : void 0,
-              config,
-              onChange: commit,
-              disabled
-            });
-          } else if (isCheckboxWidget(item)) {
-            $$renderer3.push("<!--[1-->");
-            CheckboxInput($$renderer3, {
-              inputId: inputId(),
-              value: typeof value === "boolean" ? value : void 0,
-              onChange: commit,
-              disabled
-            });
-          } else if (isTextWidget(item)) {
-            $$renderer3.push("<!--[2-->");
-            const config = item.config;
-            TextInput($$renderer3, {
-              inputId: inputId(),
-              value: typeof value === "string" ? value : "",
-              config,
-              onChange: commit,
-              disabled
-            });
-          } else if (isDropdownWidget(item)) {
-            $$renderer3.push("<!--[3-->");
-            const config = item.config;
-            if (config.displayAs === "checklist") {
+    if (clientSlotConfig()) {
+      $$renderer2.push("<!--[0-->");
+      if (clientSlot) {
+        $$renderer2.push("<!--[0-->");
+        clientSlot($$renderer2, {
+          inputId: item.paramId,
+          displayName: label(),
+          slotLabel: clientSlotConfig().slotLabel,
+          value
+        });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else if (!hideDynamicListWhenEmpty()) {
+      $$renderer2.push("<!--[1-->");
+      if (Field) {
+        $$renderer2.push("<!--[-->");
+        Field($$renderer2, {
+          children: ($$renderer3) => {
+            if (Field_label) {
+              $$renderer3.push("<!--[-->");
+              Field_label($$renderer3, {
+                for: inputId(),
+                class: "gap-2 flex items-center",
+                children: ($$renderer4) => {
+                  $$renderer4.push(`<!---->${escape_html(label())} `);
+                  if (item.description) {
+                    $$renderer4.push("<!--[0-->");
+                    if (Root) {
+                      $$renderer4.push("<!--[-->");
+                      Root($$renderer4, {
+                        children: ($$renderer5) => {
+                          if (Dialog_trigger) {
+                            $$renderer5.push("<!--[-->");
+                            Dialog_trigger($$renderer5, {
+                              class: "p-1 cursor-help opacity-60 transition-opacity hover:opacity-100",
+                              children: ($$renderer6) => {
+                                Circle_question_mark($$renderer6, { size: 16 });
+                              },
+                              $$slots: { default: true }
+                            });
+                            $$renderer5.push("<!--]-->");
+                          } else {
+                            $$renderer5.push("<!--[!-->");
+                            $$renderer5.push("<!--]-->");
+                          }
+                          $$renderer5.push(` `);
+                          if (Dialog_content) {
+                            $$renderer5.push("<!--[-->");
+                            Dialog_content($$renderer5, {
+                              class: "sm:max-w-md",
+                              children: ($$renderer6) => {
+                                if (Dialog_header) {
+                                  $$renderer6.push("<!--[-->");
+                                  Dialog_header($$renderer6, {
+                                    children: ($$renderer7) => {
+                                      if (Dialog_title) {
+                                        $$renderer7.push("<!--[-->");
+                                        Dialog_title($$renderer7, {
+                                          children: ($$renderer8) => {
+                                            $$renderer8.push(`<!---->${escape_html(label())}`);
+                                          },
+                                          $$slots: { default: true }
+                                        });
+                                        $$renderer7.push("<!--]-->");
+                                      } else {
+                                        $$renderer7.push("<!--[!-->");
+                                        $$renderer7.push("<!--]-->");
+                                      }
+                                      $$renderer7.push(` `);
+                                      if (Dialog_description) {
+                                        $$renderer7.push("<!--[-->");
+                                        Dialog_description($$renderer7, {
+                                          children: ($$renderer8) => {
+                                            $$renderer8.push(`<!---->${escape_html(item.description)}`);
+                                          },
+                                          $$slots: { default: true }
+                                        });
+                                        $$renderer7.push("<!--]-->");
+                                      } else {
+                                        $$renderer7.push("<!--[!-->");
+                                        $$renderer7.push("<!--]-->");
+                                      }
+                                    },
+                                    $$slots: { default: true }
+                                  });
+                                  $$renderer6.push("<!--]-->");
+                                } else {
+                                  $$renderer6.push("<!--[!-->");
+                                  $$renderer6.push("<!--]-->");
+                                }
+                              },
+                              $$slots: { default: true }
+                            });
+                            $$renderer5.push("<!--]-->");
+                          } else {
+                            $$renderer5.push("<!--[!-->");
+                            $$renderer5.push("<!--]-->");
+                          }
+                        },
+                        $$slots: { default: true }
+                      });
+                      $$renderer4.push("<!--]-->");
+                    } else {
+                      $$renderer4.push("<!--[!-->");
+                      $$renderer4.push("<!--]-->");
+                    }
+                  } else {
+                    $$renderer4.push("<!--[-1-->");
+                  }
+                  $$renderer4.push(`<!--]--> `);
+                  if (showRangeInLabel()) {
+                    $$renderer4.push("<!--[0-->");
+                    $$renderer4.push(`<span class="text-xs font-normal text-muted-foreground">${escape_html(numberRangeHint())}</span>`);
+                  } else {
+                    $$renderer4.push("<!--[-1-->");
+                  }
+                  $$renderer4.push(`<!--]-->`);
+                },
+                $$slots: { default: true }
+              });
+              $$renderer3.push("<!--]-->");
+            } else {
+              $$renderer3.push("<!--[!-->");
+              $$renderer3.push("<!--]-->");
+            }
+            $$renderer3.push(` `);
+            if (isNumberWidget(item)) {
               $$renderer3.push("<!--[0-->");
-              ChecklistInput($$renderer3, {
+              const config = item.config;
+              NumberInput($$renderer3, {
                 inputId: inputId(),
-                value: Array.isArray(value) ? value : typeof value === "string" && value ? [value] : [],
+                value: typeof value === "number" ? value : void 0,
                 config,
                 onChange: commit,
                 disabled
               });
-            } else {
-              $$renderer3.push("<!--[-1-->");
-              DropdownInput($$renderer3, {
+            } else if (isCheckboxWidget(item)) {
+              $$renderer3.push("<!--[1-->");
+              CheckboxInput($$renderer3, {
+                inputId: inputId(),
+                value: typeof value === "boolean" ? value : void 0,
+                onChange: commit,
+                disabled
+              });
+            } else if (isTextWidget(item)) {
+              $$renderer3.push("<!--[2-->");
+              const config = item.config;
+              TextInput($$renderer3, {
+                inputId: inputId(),
                 value: typeof value === "string" ? value : "",
                 config,
                 onChange: commit,
                 disabled
               });
+            } else if (isDropdownWidget(item)) {
+              $$renderer3.push("<!--[3-->");
+              const config = item.config;
+              if (config.displayAs === "checklist") {
+                $$renderer3.push("<!--[0-->");
+                ChecklistInput($$renderer3, {
+                  inputId: inputId(),
+                  value: Array.isArray(value) ? value : typeof value === "string" && value ? [value] : [],
+                  config,
+                  onChange: commit,
+                  disabled
+                });
+              } else {
+                $$renderer3.push("<!--[-1-->");
+                DropdownInput($$renderer3, {
+                  value: typeof value === "string" ? value : "",
+                  config,
+                  onChange: commit,
+                  disabled
+                });
+              }
+              $$renderer3.push(`<!--]-->`);
+            } else if (isDynamicValueListWidget(item)) {
+              $$renderer3.push("<!--[4-->");
+              if (dynamicListHasOptions()) {
+                $$renderer3.push("<!--[0-->");
+                if (dynamicListAsDropdownConfig().displayAs === "checklist") {
+                  $$renderer3.push("<!--[0-->");
+                  ChecklistInput($$renderer3, {
+                    inputId: inputId(),
+                    value: Array.isArray(value) ? value : typeof value === "string" && value ? [value] : [],
+                    config: dynamicListAsDropdownConfig(),
+                    onChange: commit,
+                    disabled
+                  });
+                } else {
+                  $$renderer3.push("<!--[-1-->");
+                  DropdownInput($$renderer3, {
+                    value: typeof value === "string" ? value : "",
+                    config: dynamicListAsDropdownConfig(),
+                    onChange: commit,
+                    disabled
+                  });
+                }
+                $$renderer3.push(`<!--]-->`);
+              } else {
+                $$renderer3.push("<!--[-1-->");
+                $$renderer3.push(`<p class="text-sm text-muted-foreground">No options available yet.</p>`);
+              }
+              $$renderer3.push(`<!--]-->`);
+            } else if (isFileWidget(item)) {
+              $$renderer3.push("<!--[5-->");
+              const config = item.config;
+              FileInput($$renderer3, {
+                value: typeof value === "string" ? value : "",
+                acceptedFormats: config?.acceptedFormats ?? [],
+                onChange: (newValue) => commit(newValue),
+                defaultInputMode: config?.defaultInputMode,
+                allowedInputModes: config?.allowedInputModes
+              });
+            } else if (isColorWidget(item)) {
+              $$renderer3.push("<!--[6-->");
+              ColorInput($$renderer3, {
+                value: typeof value === "string" ? value : "#000000"
+              });
+            } else {
+              $$renderer3.push("<!--[-1-->");
             }
             $$renderer3.push(`<!--]-->`);
-          } else if (isFileWidget(item)) {
-            $$renderer3.push("<!--[4-->");
-            const config = item.config;
-            FileInput($$renderer3, {
-              value: typeof value === "string" ? value : "",
-              acceptedFormats: config?.acceptedFormats ?? [],
-              onChange: (newValue) => commit(newValue),
-              defaultInputMode: config?.defaultInputMode,
-              allowedInputModes: config?.allowedInputModes
-            });
-          } else if (isColorWidget(item)) {
-            $$renderer3.push("<!--[5-->");
-            ColorInput($$renderer3, {
-              value: typeof value === "string" ? value : "#000000"
-            });
-          } else {
-            $$renderer3.push("<!--[-1-->");
-          }
-          $$renderer3.push(`<!--]-->`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer2.push("<!--]-->");
+          },
+          $$slots: { default: true }
+        });
+        $$renderer2.push("<!--]-->");
+      } else {
+        $$renderer2.push("<!--[!-->");
+        $$renderer2.push("<!--]-->");
+      }
     } else {
-      $$renderer2.push("<!--[!-->");
-      $$renderer2.push("<!--]-->");
+      $$renderer2.push("<!--[-1-->");
     }
+    $$renderer2.push(`<!--]-->`);
     bind_props($$props, { value });
   });
 }
@@ -8425,85 +8519,10 @@ function ChartOutput($$renderer, $$props) {
     $$renderer2.push(`<!--]--></div>`);
   });
 }
-const MIME_BY_EXT = {
-  ".png": "image/png",
-  ".jpg": "image/jpeg",
-  ".jpeg": "image/jpeg",
-  ".webp": "image/webp",
-  ".gif": "image/gif",
-  ".svg": "image/svg+xml",
-  ".json": "application/json",
-  ".txt": "text/plain",
-  ".csv": "text/csv",
-  ".xml": "application/xml",
-  ".pdf": "application/pdf",
-  ".3dm": "model/vnd.3dm",
-  ".obj": "model/obj",
-  ".stl": "model/stl"
-};
-function saveSingleFile(file) {
-  const ext = (file.fileType ?? "").toLowerCase();
-  const mime = MIME_BY_EXT[ext] ?? "application/octet-stream";
-  let blob;
-  if (file.isBase64Encoded) {
-    const binary = atob(file.data);
-    const bytes = new Uint8Array(binary.length);
-    for (let i = 0; i < binary.length; i++)
-      bytes[i] = binary.charCodeAt(i);
-    blob = new Blob([bytes], { type: mime });
-  } else {
-    blob = new Blob([file.data], { type: mime });
-  }
-  const fullName = `${file.fileName}${file.fileType ?? ""}`;
-  const a = document.createElement("a");
-  a.href = URL.createObjectURL(blob);
-  a.download = fullName;
-  a.click();
-  URL.revokeObjectURL(a.href);
-}
-async function downloadFiles(fileData, fileName = "grasshopper-output") {
-  try {
-    const filesArray = Array.isArray(fileData) ? fileData : [fileData];
-    if (filesArray.length === 0) {
-      console.warn("[FileDownload] No files to download");
-      return;
-    }
-    if (filesArray.length === 1) {
-      saveSingleFile(filesArray[0]);
-      return;
-    }
-    await downloadFileData(filesArray, fileName);
-  } catch (error) {
-    console.error("[FileDownload] Error downloading files:", error);
-    throw error;
-  }
-}
-function formatFileSize(bytes) {
-  if (bytes === 0)
-    return "0 Bytes";
-  const k = APP_DEFAULTS.FILE_SIZE.BYTES_PER_KB;
-  const sizes = ["Bytes", "KB", "MB", "GB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return Math.round(bytes / Math.pow(k, i) * 100) / 100 + " " + sizes[i];
-}
-function getBase64FileSize(base64) {
-  return Math.ceil(base64.length * 3 / 4);
-}
 function ImageOutput($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { item, value } = $$props;
     const SUPPORTED_EXTS = /* @__PURE__ */ new Set([".png", ".jpg", ".jpeg", ".webp", ".gif", ".svg"]);
-    const MIME_BY_EXT2 = {
-      ".png": "image/png",
-      ".jpg": "image/jpeg",
-      ".jpeg": "image/jpeg",
-      ".webp": "image/webp",
-      ".gif": "image/gif",
-      ".svg": "image/svg+xml"
-    };
-    function isFileData(x) {
-      return !!x && typeof x === "object" && "fileName" in x && "data" in x && "fileType" in x;
-    }
     const file = derived(() => {
       if (Array.isArray(value)) return value.find(isFileData) ?? null;
       return isFileData(value) ? value : null;
@@ -8512,7 +8531,7 @@ function ImageOutput($$renderer, $$props) {
     const isSupported = derived(() => SUPPORTED_EXTS.has(ext()));
     const dataUrl = derived(() => {
       if (!file() || !isSupported()) return null;
-      const mime = MIME_BY_EXT2[ext()] ?? "application/octet-stream";
+      const mime = MIME_BY_EXT[ext()] ?? "application/octet-stream";
       if (file().isBase64Encoded) {
         return `data:${mime};base64,${file().data}`;
       }
@@ -8591,9 +8610,6 @@ function OutputDisplay($$renderer, $$props) {
     }
     let downloading = false;
     let downloadError = null;
-    function isFileData(data) {
-      return data && typeof data === "object" && "fileName" in data && "data" in data;
-    }
     const filesArray = derived(() => !value ? [] : Array.isArray(value) ? value.filter(isFileData) : isFileData(value) ? [value] : []);
     const fileCount = derived(() => filesArray().length);
     const totalSize = derived(() => filesArray().reduce((sum, f) => sum + getBase64FileSize(f.data), 0));
@@ -8849,61 +8865,67 @@ function OutputDisplay($$renderer, $$props) {
       }
       $$renderer3.push(`<!--]-->`);
     }
-    $$renderer2.push(`<div class="gap-2 flex flex-col">`);
-    fieldHeader($$renderer2);
-    $$renderer2.push(`<!----> `);
-    if (item.widgetType === "chart") {
+    if (item.widgetType !== "dynamicValueList") {
       $$renderer2.push("<!--[0-->");
-      ChartOutput($$renderer2, {
-        value: typeof value === "string" ? value : value != null ? JSON.stringify(value) : ""
-      });
-    } else if (item.widgetType === "image") {
-      $$renderer2.push("<!--[1-->");
-      ImageOutput($$renderer2, { item, value });
-    } else if (item.widgetType === "file") {
-      $$renderer2.push("<!--[2-->");
-      fileDisplay($$renderer2);
-    } else if (item.widgetType === "number") {
-      $$renderer2.push("<!--[3-->");
-      $$renderer2.push(`<div${attr_class(`${stringify(boxClass)} flex items-center bg-muted/50 wrap-break-word`)}>`);
-      if (hasValue()) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<span class="font-bold text-primary">${escape_html(formattedValue())}</span>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-        placeholder($$renderer2);
-      }
-      $$renderer2.push(`<!--]--></div>`);
-    } else if (item.widgetType === "text") {
-      $$renderer2.push("<!--[4-->");
-      $$renderer2.push(`<div class="group relative">`);
-      if (isObjectValue()) {
+      $$renderer2.push(`<div class="gap-2 flex flex-col">`);
+      fieldHeader($$renderer2);
+      $$renderer2.push(`<!----> `);
+      if (item.widgetType === "chart") {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<pre${attr_class(`${stringify(boxClass)} overflow-wrap-anywhere max-h-96 overflow-auto bg-muted/10 text-foreground`)}>${escape_html(formattedValue())}</pre>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-        $$renderer2.push(`<div${attr_class(`${stringify(boxClass)} overflow-wrap-anywhere bg-muted/10 wrap-break-word whitespace-pre-wrap text-foreground`)}>`);
+        ChartOutput($$renderer2, {
+          value: typeof value === "string" ? value : value != null ? JSON.stringify(value) : ""
+        });
+      } else if (item.widgetType === "image") {
+        $$renderer2.push("<!--[1-->");
+        ImageOutput($$renderer2, { item, value });
+      } else if (item.widgetType === "file") {
+        $$renderer2.push("<!--[2-->");
+        fileDisplay($$renderer2);
+      } else if (item.widgetType === "number") {
+        $$renderer2.push("<!--[3-->");
+        $$renderer2.push(`<div${attr_class(`${stringify(boxClass)} flex items-center bg-muted/50 wrap-break-word`)}>`);
         if (hasValue()) {
           $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`${escape_html(value)}`);
+          $$renderer2.push(`<span class="font-bold text-primary">${escape_html(formattedValue())}</span>`);
         } else {
           $$renderer2.push("<!--[-1-->");
           placeholder($$renderer2);
         }
         $$renderer2.push(`<!--]--></div>`);
-      }
-      $$renderer2.push(`<!--]--> `);
-      if (hasValue()) {
-        $$renderer2.push("<!--[0-->");
-        Button($$renderer2, {
-          onclick: copyToClipboard,
-          class: `right-2 top-2 absolute transition-opacity ${stringify(copied ? "opacity-100" : "opacity-0 group-hover:opacity-100")}`,
-          size: "sm",
-          children: ($$renderer3) => {
-            $$renderer3.push(`<!---->${escape_html(copied ? "Copied!" : "Copy")}`);
-          },
-          $$slots: { default: true }
-        });
+      } else if (item.widgetType === "text") {
+        $$renderer2.push("<!--[4-->");
+        $$renderer2.push(`<div class="group relative">`);
+        if (isObjectValue()) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<pre${attr_class(`${stringify(boxClass)} overflow-wrap-anywhere max-h-96 overflow-auto bg-muted/10 text-foreground`)}>${escape_html(formattedValue())}</pre>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          $$renderer2.push(`<div${attr_class(`${stringify(boxClass)} overflow-wrap-anywhere bg-muted/10 wrap-break-word whitespace-pre-wrap text-foreground`)}>`);
+          if (hasValue()) {
+            $$renderer2.push("<!--[0-->");
+            $$renderer2.push(`${escape_html(value)}`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+            placeholder($$renderer2);
+          }
+          $$renderer2.push(`<!--]--></div>`);
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (hasValue()) {
+          $$renderer2.push("<!--[0-->");
+          Button($$renderer2, {
+            onclick: copyToClipboard,
+            class: `right-2 top-2 absolute transition-opacity ${stringify(copied ? "opacity-100" : "opacity-0 group-hover:opacity-100")}`,
+            size: "sm",
+            children: ($$renderer3) => {
+              $$renderer3.push(`<!---->${escape_html(copied ? "Copied!" : "Copy")}`);
+            },
+            $$slots: { default: true }
+          });
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -8911,7 +8933,7 @@ function OutputDisplay($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--></div>`);
+    $$renderer2.push(`<!--]-->`);
   });
 }
 function TabContent($$renderer, $$props) {
@@ -8923,7 +8945,8 @@ function TabContent($$renderer, $$props) {
       onToggleGroup,
       onValueChange,
       inputs,
-      outputs
+      outputs,
+      dynamicOptions = {}
     } = $$props;
     function getInputById(paramId) {
       return inputs.find((i) => i.id === paramId);
@@ -8940,7 +8963,8 @@ function TabContent($$renderer, $$props) {
           value: values[input.id],
           displayName: layoutItem.displayName,
           onChange: onValueChange,
-          disabled: visibility.disabled
+          disabled: visibility.disabled,
+          dynamicOptions: dynamicOptions[input.id]
         });
       } else {
         $$renderer3.push("<!--[-1-->");
@@ -8971,7 +8995,7 @@ function TabContent($$renderer, $$props) {
             class: "h-full",
             orientation: "vertical",
             children: ($$renderer4) => {
-              $$renderer4.push(`<div class="p-4 tab-content-container svelte-m8oqhb">`);
+              $$renderer4.push(`<div class="p-4 tab-content-container svelte-jdukda">`);
               if (tab.groups.length === 0) {
                 $$renderer4.push("<!--[0-->");
                 StateDisplay($$renderer4, {
@@ -9020,14 +9044,63 @@ function TabContent($$renderer, $$props) {
     }
   });
 }
+function isDynamicValueListPayload(value) {
+  return typeof value === "object" && value !== null && ("targetInputId" in value || "options" in value);
+}
+function coercePayload(value) {
+  if (isDynamicValueListPayload(value))
+    return value;
+  let candidate = value;
+  for (let i = 0; i < 2 && typeof candidate === "string"; i++) {
+    try {
+      candidate = JSON.parse(candidate);
+    } catch {
+      return null;
+    }
+    if (isDynamicValueListPayload(candidate))
+      return candidate;
+  }
+  return null;
+}
+function collectDynamicValueListSources(schema) {
+  const byId = /* @__PURE__ */ new Map();
+  for (const item of getLayoutItems(schema)) {
+    if (item.type !== "output" || item.widgetType !== "dynamicValueList")
+      continue;
+    const dvl = item;
+    if (typeof dvl.paramId !== "string")
+      continue;
+    byId.set(dvl.paramId, { id: dvl.paramId, targetInputId: dvl.config?.targetInputId });
+  }
+  for (const output of schema.outputs ?? []) {
+    if (output.type !== "dynamicValueList")
+      continue;
+    byId.set(output.id, { id: output.id, targetInputId: output.targetInputId });
+  }
+  return [...byId.values()];
+}
+function buildDynamicValueListOptions(schema, values) {
+  const result = {};
+  for (const source of collectDynamicValueListSources(schema)) {
+    const payload = coercePayload(values[source.id]);
+    if (!payload)
+      continue;
+    const targetInputId = payload.targetInputId ?? source.targetInputId;
+    if (!targetInputId)
+      continue;
+    if (payload.options && typeof payload.options === "object") {
+      result[targetInputId] = payload.options;
+    }
+  }
+  return result;
+}
 function TabLayout($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
       schema,
-      values = void 0,
+      values,
       onValueChange,
-      panelFilter,
-      requestedTabId = null
+      panelFilter
     } = $$props;
     let activeTabId = "";
     let collapsedGroups = {};
@@ -9036,6 +9109,7 @@ function TabLayout($$renderer, $$props) {
       return panelFilter === "right" ? tab.position === "right" : tab.position !== "right";
     }) : []);
     const showTabBar = derived(() => visibleTabs().length > 1);
+    const dynamicOptions = derived(() => buildDynamicValueListOptions(schema, values));
     function toggleGroup(groupId) {
       collapsedGroups[groupId] = !collapsedGroups[groupId];
     }
@@ -9070,7 +9144,8 @@ function TabLayout($$renderer, $$props) {
                     onToggleGroup: toggleGroup,
                     onValueChange,
                     inputs: schema.inputs,
-                    outputs: schema.outputs
+                    outputs: schema.outputs,
+                    dynamicOptions: dynamicOptions()
                   });
                 }
                 $$renderer4.push(`<!--]-->`);
@@ -9090,7 +9165,6 @@ function TabLayout($$renderer, $$props) {
       $$renderer2.push("<!--[!-->");
       $$renderer2.push("<!--]-->");
     }
-    bind_props($$props, { values });
   });
 }
 function CollapsedPanelStrip($$renderer, $$props) {
@@ -9102,7 +9176,7 @@ function CollapsedPanelStrip($$renderer, $$props) {
       "backdrop-blur-sm bg-background/90 cursor-pointer"
     ].join(" "));
     const tabButtonClass = "w-8 h-8 rounded cursor-pointer flex shrink-0 items-center justify-center text-muted-foreground transition-colors hover:bg-accent hover:text-foreground";
-    $$renderer2.push(`<div${attr_class(clsx$1(railClass()), "svelte-lgldvj")}${attr_style(`--collapsed-w: ${stringify(collapsedWidth)}px;`)} role="button" tabindex="0"${attr("aria-label", `Expand ${stringify(side)} panel`)}><!--[-->`);
+    $$renderer2.push(`<div${attr_class(clsx$1(railClass()), "svelte-17r9ylq")}${attr_style(`--collapsed-w: ${stringify(collapsedWidth)}px;`)} role="button" tabindex="0"${attr("aria-label", `Expand ${stringify(side)} panel`)}><!--[-->`);
     const each_array = ensure_array_like(tabs);
     for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
       let tab = each_array[$$index];
@@ -9126,15 +9200,6 @@ function CollapsedPanelStrip($$renderer, $$props) {
     $$renderer2.push(`<!--]--></div>`);
   });
 }
-function getGroups(schema) {
-  if (!schema.layout)
-    return [];
-  if (schema.layout.type === "tabbed")
-    return schema.layout.tabs.flatMap((t) => t.groups ?? []);
-  if (schema.layout.type === "flat")
-    return schema.layout.groups ?? [];
-  return [];
-}
 function createSavedState(schema, currentValues, metadata) {
   const parameters = [];
   for (const group of getGroups(schema)) {
@@ -9169,32 +9234,15 @@ function createSavedState(schema, currentValues, metadata) {
     parameters
   };
 }
-function extractLoadableValues(savedState, currentSchema, validation) {
-  const errorParamIds = new Set(validation.issues.filter((i) => i.severity === "error" && !i.paramId.startsWith("__")).map((i) => i.paramId));
-  const values = {};
-  for (const paramState of savedState.parameters) {
-    const exists = currentSchema.inputs.some((i) => i.id === paramState.paramId);
-    if (!errorParamIds.has(paramState.paramId) && exists) {
-      values[paramState.paramId] = paramState.value;
-    }
-  }
-  return values;
-}
 function exportStateAsJson(savedState) {
   const blob = new Blob([JSON.stringify(savedState, null, 2)], { type: "application/json" });
-  const url = URL.createObjectURL(blob);
+  const safeName = savedState.name.replace(/[^a-z0-9]/gi, "_");
+  const date = savedState.timestamp.split("T")[0].replace(/-/g, "_");
   const link = document.createElement("a");
-  link.href = url;
-  link.download = `${savedState.name.replace(/[^a-z0-9]/gi, "_")}_${savedState.timestamp.split("T")[0].replace(/-/g, "_")}.sps`;
-  link.style.display = "none";
-  document.body.appendChild(link);
-  setTimeout(() => {
-    link.click();
-    setTimeout(() => {
-      document.body.removeChild(link);
-      URL.revokeObjectURL(url);
-    }, APP_DEFAULTS.TIMEOUTS.PARAM_EXPORT_DELAY);
-  }, 0);
+  link.href = URL.createObjectURL(blob);
+  link.download = `${safeName}_${date}.sps`;
+  link.click();
+  URL.revokeObjectURL(link.href);
 }
 const DEFAULT_PRESET_LABELS = {
   saveButton: "Save State",
@@ -9250,8 +9298,7 @@ function ParameterPresetManager($$renderer, $$props) {
     let exportTags = "";
     let showValidationDialog = false;
     let showLoadDialog = false;
-    let importedState = null;
-    let validationResult = null;
+    let loadResult = null;
     let listedStates = [];
     let isLoadingList = false;
     let listError = "";
@@ -9278,19 +9325,14 @@ function ParameterPresetManager($$renderer, $$props) {
       showExportDialog = false;
     }
     function confirmLoad() {
-      if (!importedState || !validationResult) return;
-      if (validationResult.canLoad) {
-        const values = extractLoadableValues(importedState, schema, validationResult);
-        onLoadValues(values);
-        showValidationDialog = false;
-        importedState = null;
-        validationResult = null;
-      }
+      if (!loadResult || !loadResult.canLoad) return;
+      onLoadValues(loadResult.values);
+      showValidationDialog = false;
+      loadResult = null;
     }
     function cancelImport() {
       showValidationDialog = false;
-      importedState = null;
-      validationResult = null;
+      loadResult = null;
     }
     async function openLoadDialog() {
       showLoadDialog = true;
@@ -9730,10 +9772,7 @@ function ParameterPresetManager($$renderer, $$props) {
                           $$renderer6.push("<!--[-->");
                           Dialog_description($$renderer6, {
                             children: ($$renderer7) => {
-                              if (importedState) {
-                                $$renderer7.push("<!--[0-->");
-                                $$renderer7.push(`${escape_html(t().validationValidatingPrefix)}${escape_html(importedState.name)}`);
-                              } else {
+                              {
                                 $$renderer7.push("<!--[-1-->");
                               }
                               $$renderer7.push(`<!--]-->`);
@@ -9754,10 +9793,10 @@ function ParameterPresetManager($$renderer, $$props) {
                     $$renderer5.push("<!--]-->");
                   }
                   $$renderer5.push(` `);
-                  if (validationResult) {
+                  if (loadResult) {
                     $$renderer5.push("<!--[0-->");
                     $$renderer5.push(`<div class="gap-4 py-4 grid">`);
-                    if (validationResult.isValid) {
+                    if (loadResult.isValid) {
                       $$renderer5.push("<!--[0-->");
                       if (Card) {
                         $$renderer5.push("<!--[-->");
@@ -9775,7 +9814,7 @@ function ParameterPresetManager($$renderer, $$props) {
                         $$renderer5.push("<!--[!-->");
                         $$renderer5.push("<!--]-->");
                       }
-                    } else if (validationResult.canLoad) {
+                    } else if (loadResult.canLoad) {
                       $$renderer5.push("<!--[1-->");
                       if (Card) {
                         $$renderer5.push("<!--[-->");
@@ -9784,7 +9823,7 @@ function ParameterPresetManager($$renderer, $$props) {
                           children: ($$renderer6) => {
                             $$renderer6.push(`<div class="gap-3 flex items-start">`);
                             Triangle_alert($$renderer6, { class: "h-5 w-5 text-warning" });
-                            $$renderer6.push(`<!----> <div><h4 class="text-sm font-semibold text-warning-foreground">${escape_html(t().validationWarningsTitle)}</h4> <p class="text-sm mt-1 text-warning-foreground/80">${escape_html(t().validationWarningsBody.replace("{count}", String(validationResult.issues.length)))}</p></div></div>`);
+                            $$renderer6.push(`<!----> <div><h4 class="text-sm font-semibold text-warning-foreground">${escape_html(t().validationWarningsTitle)}</h4> <p class="text-sm mt-1 text-warning-foreground/80">${escape_html(t().validationWarningsBody.replace("{count}", String(loadResult.issues.length)))}</p></div></div>`);
                           },
                           $$slots: { default: true }
                         });
@@ -9813,10 +9852,10 @@ function ParameterPresetManager($$renderer, $$props) {
                       }
                     }
                     $$renderer5.push(`<!--]--> `);
-                    if (!validationResult.isValid) {
+                    if (!loadResult.isValid) {
                       $$renderer5.push("<!--[0-->");
                       $$renderer5.push(`<div class="space-y-2"><h4 class="text-sm font-medium">${escape_html(t().validationIssuesHeading)}</h4> <!--[-->`);
-                      const each_array_2 = ensure_array_like(validationResult.issues);
+                      const each_array_2 = ensure_array_like(loadResult.issues);
                       for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
                         let issue = each_array_2[$$index_2];
                         $$renderer5.push(`<div${attr_class(`p-3 rounded-lg border ${stringify(issue.severity === "error" ? "border-destructive/30 bg-destructive/5" : "border-warning/30 bg-warning/5")}`)}><div class="gap-2 flex items-start">`);
@@ -9856,7 +9895,7 @@ function ParameterPresetManager($$renderer, $$props) {
                           $$slots: { default: true }
                         });
                         $$renderer6.push(`<!----> `);
-                        if (validationResult?.canLoad) {
+                        if (loadResult?.canLoad) {
                           $$renderer6.push("<!--[0-->");
                           Button($$renderer6, {
                             onclick: confirmLoad,
@@ -9915,7 +9954,7 @@ function AppLayout($$renderer, $$props) {
       isViewerFullscreen = false,
       oncalculate = () => {
       },
-      values = {},
+      values,
       onValueChange,
       onLoadValues,
       panelActions = [],
@@ -9943,32 +9982,20 @@ function AppLayout($$renderer, $$props) {
     const layoutKey = derived(() => `${hasLeftPanel() ? "L" : ""}${hasViewer() ? "V" : ""}${hasRightPanel() ? "R" : ""}`);
     async function handleLoadValues(loadedValues) {
       Object.assign(values, loadedValues);
-      await onLoadValues?.();
+      await onLoadValues?.(loadedValues);
     }
     function panelContent($$renderer3, panelFilter, requestedTabId, showParameterStateManager = true, showCalculateButton = true) {
-      $$renderer3.push(`<div class="panel-content-wrapper svelte-1x5dn9j">`);
+      $$renderer3.push(`<div class="panel-content-wrapper svelte-1txzu1i">`);
       if (schema.layout.type === "tabbed") {
         $$renderer3.push("<!--[0-->");
-        TabLayout($$renderer3, {
-          schema,
-          onValueChange,
-          panelFilter,
-          requestedTabId,
-          get values() {
-            return values;
-          },
-          set values($$value) {
-            values = $$value;
-            $$settled = false;
-          }
-        });
+        TabLayout($$renderer3, { schema, values, onValueChange, panelFilter });
       } else {
         $$renderer3.push("<!--[-1-->");
       }
       $$renderer3.push(`<!--]--> `);
       if (showParameterStateManager || showCalculateButton && schema.instanceSolve === false) {
         $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<div class="panel-footer px-3 svelte-1x5dn9j"><div class="gap-2 flex flex-wrap items-center justify-center">`);
+        $$renderer3.push(`<div class="panel-footer px-3 svelte-1txzu1i"><div class="gap-2 flex flex-wrap items-center justify-center">`);
         if (showParameterStateManager) {
           $$renderer3.push("<!--[0-->");
           ParameterPresetManager($$renderer3, {
@@ -10028,7 +10055,7 @@ function AppLayout($$renderer, $$props) {
     let $$settled = true;
     let $$inner_renderer;
     function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div data-layout-root=""${attr_class(`min-h-0 sm:flex-row sm:py-(--page-py) flex flex-1 flex-col overflow-hidden ${stringify(leftCollapsed ? "sm:pl-0" : "sm:pl-(--page-px)")} ${stringify(rightCollapsed ? "sm:pr-0" : "sm:pr-(--page-px)")}`, "svelte-1x5dn9j", {
+      $$renderer3.push(`<div data-layout-root=""${attr_class(`min-h-0 sm:flex-row sm:py-(--page-py) flex flex-1 flex-col overflow-hidden ${stringify(leftCollapsed ? "sm:pl-0" : "sm:pl-(--page-px)")} ${stringify(rightCollapsed ? "sm:pr-0" : "sm:pr-(--page-px)")}`, "svelte-1txzu1i", {
         "fullscreen-layout": isViewerFullscreen,
         "relative": isMobile
       })}>`);
@@ -10078,7 +10105,7 @@ function AppLayout($$renderer, $$props) {
                     class: "ml-1",
                     children: ($$renderer5) => {
                       $$renderer5.push(`<div${attr_class(`min-h-0 flex h-full flex-col ${stringify(isViewerFullscreen || leftCollapsed ? "hidden" : "")}`)}>`);
-                      panelContent($$renderer5, hasRightPanel() ? "left" : void 0, requestedLeftTabId);
+                      panelContent($$renderer5, hasRightPanel() ? "left" : void 0);
                       $$renderer5.push(`<!----></div>`);
                     },
                     $$slots: { default: true }
@@ -10220,22 +10247,42 @@ function AppLayout($$renderer, $$props) {
       $$render_inner($$inner_renderer);
     } while (!$$settled);
     $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { isViewerFullscreen, values });
+    bind_props($$props, { isViewerFullscreen });
   });
 }
-function getDefaultValue(paramType) {
-  switch (paramType) {
-    case "number":
-    case "integer":
-      return 0;
-    case "boolean":
-      return false;
-    case "text":
-      return "";
-    default:
-      return null;
+function createSolvingIndicator(isSolving) {
+  let show = false;
+  return {
+    get show() {
+      return show;
+    }
+  };
+}
+const STORAGE_PREFIX = "external";
+function makeKey(scopeKey, inputId) {
+  return `${STORAGE_PREFIX}:${scopeKey}:${inputId}`;
+}
+function readExternalValue(ref) {
+  const { scopeKey, inputId } = ref;
+  if (!scopeKey || !inputId)
+    return void 0;
+  if (typeof sessionStorage === "undefined")
+    return void 0;
+  const raw = sessionStorage.getItem(makeKey(scopeKey, inputId));
+  if (raw === null)
+    return void 0;
+  try {
+    return JSON.parse(raw);
+  } catch {
+    return void 0;
   }
 }
+function getExternalInputs(schema) {
+  return getInputItems(schema).filter((item) => item.source?.kind === "client").map((item) => ({
+    paramId: item.paramId,
+    displayName: item.displayName ?? item.paramId
+  }));
+}
 const DEFAULT_TIMEOUT_MS = 6e4;
 function createComputeThrottle(computeFn, options = {}) {
   const { timeout = DEFAULT_TIMEOUT_MS } = options;
@@ -10255,8 +10302,8 @@ function createComputeThrottle(computeFn, options = {}) {
     try {
       await computeFn(values, signal);
     } catch (err) {
-      if (!(err instanceof Error && err.name === "AbortError")) {
-        throw err;
+      if (!(err instanceof Error) || err.name !== "AbortError" && err.name !== "TimeoutError") {
+        console.error("[computeThrottle] unhandled error in computeFn:", err);
       }
     } finally {
       clearTimeout(timeoutId);
@@ -10291,19 +10338,170 @@ function createComputeThrottle(computeFn, options = {}) {
     cancel
   };
 }
-function createSolvingIndicator(isSolving) {
-  let show = false;
+function getDefaultValue(paramType) {
+  switch (paramType) {
+    case "number":
+    case "integer":
+      return 0;
+    case "boolean":
+      return false;
+    case "text":
+      return "";
+    default:
+      return null;
+  }
+}
+function buildInitialValues(schema, scopeKey, read) {
+  const clientSet = new Set(getExternalInputs(schema).map((e) => e.paramId));
+  const values = {};
+  for (const input of schema.inputs) {
+    if (clientSet.has(input.id)) {
+      const stored = read({ scopeKey, inputId: input.id });
+      if (stored !== void 0)
+        values[input.id] = stored;
+      continue;
+    }
+    values[input.id] = input.default ?? getDefaultValue(input.paramType);
+  }
+  for (const output of schema.outputs) {
+    values[output.id] = null;
+  }
+  return values;
+}
+function makeInitialFlags(instanceSolve) {
+  const manual = instanceSolve === false;
+  return { hasPendingChanges: manual, hasNeverSolved: manual };
+}
+function applyValueChange(state, id, value, instanceSolve) {
+  state.values[id] = value;
+  if (instanceSolve === false) {
+    state.pendingValues[id] = value;
+    state.hasPendingChanges = true;
+    return { state, shouldSolve: false };
+  }
+  return { state, shouldSolve: true };
+}
+function applySolveResult(state, result) {
+  state.error = "";
+  state.computeErrors = result.errors ?? [];
+  state.computeWarnings = result.warnings ?? [];
+  state.meshes = result.meshes ?? [];
+  Object.assign(state.values, result.outputs);
+  state.pendingValues = {};
+  state.hasPendingChanges = false;
+  state.hasNeverSolved = false;
+  return state;
+}
+function createSolveSession(args) {
+  let currentSchema = args.schema;
+  const flags = makeInitialFlags(currentSchema?.instanceSolve);
+  const state = {
+    values: buildInitialValues(currentSchema, args.scopeKey, readExternalValue),
+    error: "",
+    computeErrors: [],
+    computeWarnings: [],
+    meshes: [],
+    pendingValues: {},
+    hasPendingChanges: flags.hasPendingChanges,
+    hasNeverSolved: flags.hasNeverSolved
+  };
+  function dispatch() {
+    args.driver.solve(snapshot(state.values));
+  }
   return {
-    get show() {
-      return show;
+    get values() {
+      return state.values;
+    },
+    get error() {
+      return state.error;
+    },
+    get computeErrors() {
+      return state.computeErrors;
+    },
+    get computeWarnings() {
+      return state.computeWarnings;
+    },
+    get meshes() {
+      return state.meshes;
+    },
+    get hasPendingChanges() {
+      return state.hasPendingChanges;
+    },
+    get hasNeverSolved() {
+      return state.hasNeverSolved;
+    },
+    get isSolving() {
+      return args.driver.isSolving;
+    },
+    setValue(id, value) {
+      const { shouldSolve } = applyValueChange(state, id, value, currentSchema?.instanceSolve);
+      if (shouldSolve) dispatch();
+    },
+    solve() {
+      dispatch();
+    },
+    loadValues(incoming) {
+      Object.assign(state.values, incoming);
+      if (currentSchema?.instanceSolve !== false) {
+        dispatch();
+      } else {
+        state.hasPendingChanges = true;
+      }
+    },
+    rebuild(schema, scopeKey) {
+      currentSchema = schema;
+      state.meshes = [];
+      state.error = "";
+      state.computeErrors = [];
+      state.computeWarnings = [];
+      state.pendingValues = {};
+      state.values = buildInitialValues(schema, scopeKey, readExternalValue);
+      const f = makeInitialFlags(schema?.instanceSolve);
+      state.hasPendingChanges = f.hasPendingChanges;
+      state.hasNeverSolved = f.hasNeverSolved;
+      if (schema && Object.keys(state.values).length > 0 && schema.instanceSolve !== false) {
+        dispatch();
+      }
+    },
+    report(result) {
+      applySolveResult(state, result);
+    },
+    reportError(message) {
+      state.error = message;
+    }
+  };
+}
+function createRequestResponseDriver(onSolve, getReporter, options = {}) {
+  const throttle = createComputeThrottle(
+    async (values, signal) => {
+      try {
+        const result = await onSolve(values, signal);
+        if (signal.aborted) return;
+        getReporter().report(result);
+      } catch (err) {
+        if (signal.aborted) return;
+        getReporter().reportError(err instanceof Error ? err.message : String(err));
+      }
+    },
+    options
+  );
+  return {
+    solve(values) {
+      throttle.trigger(values);
+    },
+    cancel() {
+      throttle.cancel();
+    },
+    get isSolving() {
+      return throttle.isComputing;
     }
   };
 }
-function useFooterItem(id, component, getProps, position = "left", priority = 0, onClick) {
+function useFooterItem(config) {
   onDestroy(() => {
     try {
       const store = getContext(FOOTER_CONTEXT_KEY);
-      store?.unregister(id);
+      store?.unregister(config.id);
     } catch {
     }
   });
@@ -10337,48 +10535,6 @@ const hexToOklch = (hex) => {
     H += 360;
   return `oklch(${L.toFixed(3)} ${C.toFixed(3)} ${H.toFixed(1)})`;
 };
-const STORAGE_PREFIX = "external";
-function makeKey(scopeKey, inputId) {
-  return `${STORAGE_PREFIX}:${scopeKey}:${inputId}`;
-}
-function readExternalValue(ref) {
-  const { scopeKey, inputId } = ref;
-  if (!scopeKey || !inputId)
-    return void 0;
-  if (typeof sessionStorage === "undefined")
-    return void 0;
-  const raw = sessionStorage.getItem(makeKey(scopeKey, inputId));
-  if (raw === null)
-    return void 0;
-  try {
-    return JSON.parse(raw);
-  } catch {
-    return void 0;
-  }
-}
-function* walkLayoutItems(schema) {
-  const groups = schema.layout.type === "tabbed" ? schema.layout.tabs.flatMap((t) => t.groups) : schema.layout.groups;
-  for (const group of groups) {
-    for (const item of group.items) {
-      yield item;
-    }
-  }
-}
-function getExternalInputs(schema) {
-  const result = [];
-  for (const item of walkLayoutItems(schema)) {
-    if (item.type !== "input")
-      continue;
-    const source = item.source;
-    if (source?.kind !== "client")
-      continue;
-    result.push({
-      paramId: item.paramId,
-      displayName: item.displayName ?? item.paramId
-    });
-  }
-  return result;
-}
 function ComputeApp($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
@@ -10405,74 +10561,31 @@ function ComputeApp($$renderer, $$props) {
       headerRight,
       header,
       onReady,
-      externalScopeKey
+      externalScopeKey,
+      clientSlot
     } = $$props;
-    function createInitialValues(s, scopeKey) {
-      const externalSet = new Set(getExternalInputs(s).map((e) => e.paramId));
-      const v = {};
-      for (const input of s.inputs) {
-        if (externalSet.has(input.id)) {
-          const stored = readExternalValue({ scopeKey, inputId: input.id });
-          if (stored !== void 0) v[input.id] = stored;
-          continue;
-        }
-        v[input.id] = input.default ?? getDefaultValue(input.paramType);
-      }
-      for (const output of s.outputs) {
-        v[output.id] = null;
-      }
-      return v;
-    }
-    let values = createInitialValues(schema, externalScopeKey || definitionKey || schema?.id || "");
-    let error = "";
-    let computeErrors = [];
-    let computeWarnings = [];
-    let meshes = [];
-    let pendingValues = {};
-    let hasPendingChanges = schema?.instanceSolve === false;
-    let hasNeverSolved = schema?.instanceSolve === false;
+    setClientSlot(clientSlot);
+    const driver = createRequestResponseDriver(onSolve, () => session, { timeout: solveTimeoutMs });
+    const session = createSolveSession({
+      schema,
+      scopeKey: externalScopeKey || definitionKey || schema?.id || "",
+      driver
+    });
     let isViewerFullscreen = false;
-    async function performSolveInternal(solveValues, signal) {
-      try {
-        error = "";
-        computeErrors = [];
-        computeWarnings = [];
-        const result = await onSolve(solveValues, signal);
-        if (signal.aborted) return;
-        computeErrors = result.errors ?? [];
-        computeWarnings = result.warnings ?? [];
-        meshes = result.meshes ?? [];
-        Object.assign(values, result.outputs);
-        pendingValues = {};
-        hasPendingChanges = false;
-        hasNeverSolved = false;
-      } catch (err) {
-        if (err instanceof Error && err.name === "AbortError") return;
-        error = err instanceof Error ? err.message : String(err);
-      }
-    }
-    const computeThrottle = createComputeThrottle(performSolveInternal, { timeout: solveTimeoutMs });
-    let solving = derived(() => computeThrottle.isComputing);
     const solvingIndicator = createSolvingIndicator();
-    function performSolve() {
-      computeThrottle.trigger(snapshot(values));
-    }
-    async function handleValueChange(id, val) {
-      values[id] = val;
-      if (schema?.instanceSolve === false) {
-        pendingValues[id] = val;
-        hasPendingChanges = true;
-        return;
-      }
-      performSolve();
+    function handleValueChange(id, val) {
+      session.setValue(id, val);
     }
     function handleCalculate() {
-      performSolve();
-    }
-    const _footerItemId = run(() => footerItemId);
-    const _footerComponent = run(() => footerComponent);
-    const _footerItemPriority = run(() => footerItemPriority);
-    useFooterItem(_footerItemId, _footerComponent, () => _footerComponent ? footerComponentProps?.() ?? {} : {}, "left", _footerItemPriority);
+      session.solve();
+    }
+    useFooterItem({
+      id: run(() => footerItemId),
+      component: run(() => footerComponent),
+      getProps: () => footerComponentProps?.() ?? {},
+      position: "left",
+      priority: run(() => footerItemPriority)
+    });
     let resolvedIsEmbedded = derived(() => isEmbedded ?? page.url.searchParams.get("embed") === "true");
     let resolvedPrimaryColor = derived(() => primaryColor ?? page.url.searchParams.get("primary"));
     let customStyle = derived(() => resolvedPrimaryColor() ? `--primary: ${hexToOklch(resolvedPrimaryColor())}` : "");
@@ -10491,13 +10604,13 @@ function ComputeApp($$renderer, $$props) {
         footerText,
         header,
         rightContent: headerRight,
-        errors: computeErrors,
-        warnings: computeWarnings,
+        errors: session.computeErrors,
+        warnings: session.computeWarnings,
         children: ($$renderer4) => {
-          if (error) {
+          if (session.error) {
             $$renderer4.push("<!--[0-->");
             $$renderer4.push(`<div class="min-h-100 p-8 flex items-center justify-center">`);
-            StateDisplay($$renderer4, { type: "error", size: "medium", message: error });
+            StateDisplay($$renderer4, { type: "error", size: "medium", message: session.error });
             $$renderer4.push(`<!----></div>`);
           } else if (!schema) {
             $$renderer4.push("<!--[1-->");
@@ -10510,11 +10623,12 @@ function ComputeApp($$renderer, $$props) {
             {
               AppLayout($$renderer4, {
                 schema,
-                meshes,
-                isSolving: solving(),
+                meshes: session.meshes,
+                isSolving: session.isSolving,
                 showSolvingIndicator: schema.instanceSolve !== false && solvingIndicator.show,
-                hasPendingChanges,
-                hasNeverSolved,
+                hasPendingChanges: session.hasPendingChanges,
+                hasNeverSolved: session.hasNeverSolved,
+                values: session.values,
                 panelActions,
                 showSaveButton,
                 showLoadButton,
@@ -10523,26 +10637,13 @@ function ComputeApp($$renderer, $$props) {
                 presetLabels,
                 onValueChange: handleValueChange,
                 oncalculate: handleCalculate,
-                onLoadValues: () => {
-                  if (schema?.instanceSolve !== false) {
-                    performSolve();
-                  } else {
-                    hasPendingChanges = true;
-                  }
-                },
+                onLoadValues: () => session.loadValues({}),
                 get isViewerFullscreen() {
                   return isViewerFullscreen;
                 },
                 set isViewerFullscreen($$value) {
                   isViewerFullscreen = $$value;
                   $$settled = false;
-                },
-                get values() {
-                  return values;
-                },
-                set values($$value) {
-                  values = $$value;
-                  $$settled = false;
                 }
               });
             }
@@ -10651,4 +10752,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-DJnICJdZ.js.map
+//# sourceMappingURL=_page.svelte-6m8-zq9_.js.map