@selvajs/selva 4.4.0 → 4.5.1

package/build/server/chunks/{_page.svelte-wUV5pt7K.js → _page.svelte-DDzV91b5.js}

@@ -2,7 +2,7 @@ import { clsx } from 'clsx';
 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-LxtlHpuz.js';
-import { a as AppShell, U as UserChip, D as Dialog_trigger, f as formatFileSize, g as getBase64FileSize, i as isFileData, M as MIME_BY_EXT, d as downloadFiles, A as APP_DEFAULTS } from './UserChip-BPLEgzMp.js';
+import { a as AppShell, U as UserChip, D as Dialog_trigger, f as formatFileSize, g as getBase64FileSize, i as isFileData, M as MIME_BY_EXT, d as downloadFiles, A as APP_DEFAULTS } from './UserChip-i0_3jHOb.js';
 import { p as page } from './index-CtiRmlms.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-DM5rvLUk.js';
@@ -3512,8 +3512,131 @@ function Slider_thumb($$renderer, $$props) {
     bind_props($$props, { ref });
   });
 }
+const en = {
+  toolsMenu: "Viewer tools",
+  switchTo2D: "Switch to 2D",
+  switchTo3D: "Switch to 3D",
+  fitToView: "Fit to view",
+  views: "Views",
+  measure: "Measure",
+  grid: "Grid",
+  sceneManager: "Scene manager",
+  screenshot: "Screenshot",
+  fullscreen: "Fullscreen",
+  exitFullscreen: "Exit fullscreen",
+  viewTop: "Top",
+  viewFront: "Front",
+  viewRight: "Right",
+  viewBack: "Back",
+  viewLeft: "Left",
+  viewBottom: "Bottom",
+  viewIso: "Isometric",
+  searchObjects: "Search objects...",
+  clearSearch: "Clear search",
+  expandLayer: "Expand layer",
+  collapseLayer: "Collapse layer",
+  showLayer: "Show layer",
+  hideLayer: "Hide layer",
+  showObject: "Show object",
+  hideObject: "Hide object",
+  noObjects: "No objects",
+  noResultsFor: 'No results for "{query}"',
+  objectFallbackName: "Object",
+  noMetadata: "No metadata",
+  loadingSchema: "Loading schema...",
+  parametersTab: "Parameters",
+  moreTab: "More",
+  expandPanel: "Expand panel",
+  collapsePanel: "Collapse panel",
+  expandSidePanel: "Expand {side} panel",
+  panelSideLeft: "left",
+  panelSideRight: "right",
+  tabNoGroups: "This tab has no groups configured.",
+  solving: "Solving",
+  solvingEllipsis: "Solving...",
+  solvingSubtitle: "Grasshopper is calculating...",
+  pressToCalculate: "Press to calculate",
+  calculate: "Calculate",
+  upToDate: "Up to date"
+};
+const de = {
+  toolsMenu: "Viewer-Werkzeuge",
+  switchTo2D: "Zu 2D wechseln",
+  switchTo3D: "Zu 3D wechseln",
+  fitToView: "Ansicht anpassen",
+  views: "Ansichten",
+  measure: "Messen",
+  grid: "Raster",
+  sceneManager: "Szenen-Manager",
+  screenshot: "Screenshot",
+  fullscreen: "Vollbild",
+  exitFullscreen: "Vollbild beenden",
+  viewTop: "Oben",
+  viewFront: "Vorne",
+  viewRight: "Rechts",
+  viewBack: "Hinten",
+  viewLeft: "Links",
+  viewBottom: "Unten",
+  viewIso: "Isometrisch",
+  searchObjects: "Objekte suchen...",
+  clearSearch: "Suche löschen",
+  expandLayer: "Ebene aufklappen",
+  collapseLayer: "Ebene zuklappen",
+  showLayer: "Ebene einblenden",
+  hideLayer: "Ebene ausblenden",
+  showObject: "Objekt einblenden",
+  hideObject: "Objekt ausblenden",
+  noObjects: "Keine Objekte",
+  noResultsFor: "Keine Ergebnisse für „{query}“",
+  objectFallbackName: "Objekt",
+  noMetadata: "Keine Metadaten",
+  loadingSchema: "Schema wird geladen...",
+  parametersTab: "Parameter",
+  moreTab: "Mehr",
+  expandPanel: "Bereich aufklappen",
+  collapsePanel: "Bereich zuklappen",
+  expandSidePanel: "{side} Bereich aufklappen",
+  panelSideLeft: "Linken",
+  panelSideRight: "Rechten",
+  tabNoGroups: "Für diesen Tab sind keine Gruppen konfiguriert.",
+  solving: "Berechnung läuft",
+  solvingEllipsis: "Berechnung läuft...",
+  solvingSubtitle: "Grasshopper berechnet...",
+  pressToCalculate: "Zum Berechnen klicken",
+  calculate: "Berechnen",
+  upToDate: "Aktuell"
+};
+const VIEWER_MESSAGES = { en, de };
+const DEFAULT_LOCALE = "en";
+function messagesFor(locale) {
+  return VIEWER_MESSAGES[locale ?? DEFAULT_LOCALE] ?? VIEWER_MESSAGES[DEFAULT_LOCALE];
+}
+const LOCALE_CONTEXT_KEY = /* @__PURE__ */ Symbol("viewer-locale-context");
+function setLocaleContext(getLocale) {
+  const ctx = {
+    get locale() {
+      return getLocale() ?? DEFAULT_LOCALE;
+    },
+    get messages() {
+      return messagesFor(getLocale());
+    }
+  };
+  setContext(LOCALE_CONTEXT_KEY, ctx);
+}
+function getLocaleContext() {
+  return getContext(LOCALE_CONTEXT_KEY) ?? {
+    get locale() {
+      return DEFAULT_LOCALE;
+    },
+    get messages() {
+      return messagesFor(DEFAULT_LOCALE);
+    }
+  };
+}
 function MeshMetadataDialog($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
+    const locale = getLocaleContext();
+    const t = derived(() => locale.messages);
     const EXCLUDED_KEYS = /* @__PURE__ */ new Set(["name", "layer", "originalIndex", "sourceComponentId"]);
     let {
       open = void 0,
@@ -3580,7 +3703,7 @@ function MeshMetadataDialog($$renderer, $$props) {
                       Dialog_title($$renderer5, {
                         class: "sr-only",
                         children: ($$renderer6) => {
-                          $$renderer6.push(`<!---->Object`);
+                          $$renderer6.push(`<!---->${escape_html(t().objectFallbackName)}`);
                         },
                         $$slots: { default: true }
                       });
@@ -3593,7 +3716,7 @@ function MeshMetadataDialog($$renderer, $$props) {
                   $$renderer5.push(`<!--]--> <div class="max-h-80 overflow-y-auto">`);
                   if (!metadata || Object.keys(getFilteredMetadata()).length === 0) {
                     $$renderer5.push("<!--[0-->");
-                    $$renderer5.push(`<p class="px-4 py-3 text-xs text-muted-foreground">No metadata</p>`);
+                    $$renderer5.push(`<p class="px-4 py-3 text-xs text-muted-foreground">${escape_html(t().noMetadata)}</p>`);
                   } else {
                     $$renderer5.push("<!--[-1-->");
                     $$renderer5.push(`<table class="text-xs w-full border-collapse"><tbody><!--[-->`);
@@ -5704,21 +5827,26 @@ function Viewer($$renderer, $$props) {
       isSolving = false,
       isBlurred = false,
       drawerOpen = false,
-      viewerConfig = {}
+      viewerConfig = {},
+      lang
     } = $$props;
     const config = derived(() => ({ ...defaultViewerConfig, ...viewerConfig }));
+    const hostLocale = getLocaleContext();
+    setLocaleContext(() => lang ?? hostLocale.locale);
+    const locale = getLocaleContext();
+    const t = derived(() => locale.messages);
     let fitToView = null;
     let sceneManagerOpen = false;
     let selectedMeshMetadata = null;
     let selectedMeshName = null;
     const VIEW_PRESETS = [
-      { preset: "top", label: "Top" },
-      { preset: "front", label: "Front" },
-      { preset: "right", label: "Right" },
-      { preset: "back", label: "Back" },
-      { preset: "left", label: "Left" },
-      { preset: "bottom", label: "Bottom" },
-      { preset: "iso", label: "Isometric" }
+      { preset: "top", label: () => t().viewTop },
+      { preset: "front", label: () => t().viewFront },
+      { preset: "right", label: () => t().viewRight },
+      { preset: "back", label: () => t().viewBack },
+      { preset: "left", label: () => t().viewLeft },
+      { preset: "bottom", label: () => t().viewBottom },
+      { preset: "iso", label: () => t().viewIso }
     ];
     function toggleProjection() {
       return;
@@ -5773,8 +5901,8 @@ function Viewer($$renderer, $$props) {
                           $$renderer5.push("<!--[-->");
                           Menu_trigger($$renderer5, {
                             class: "h-10 w-10 shadow-lg hover:shadow-xl flex items-center justify-center rounded-lg border border-border bg-card/90 transition-all hover:bg-card active:scale-95 data-[state=open]:bg-secondary/60",
-                            title: "Viewer tools",
-                            "aria-label": "Viewer tools",
+                            title: t().toolsMenu,
+                            "aria-label": t().toolsMenu,
                             children: ($$renderer6) => {
                               Settings_2($$renderer6, { class: "h-5 w-5 text-card-foreground" });
                             },
@@ -5806,7 +5934,7 @@ function Viewer($$renderer, $$props) {
                                           {
                                             $$renderer8.push("<!--[0-->");
                                             Square($$renderer8, { class: "h-4 w-4" });
-                                            $$renderer8.push(`<!----> Switch to 2D`);
+                                            $$renderer8.push(`<!----> ${escape_html(t().switchTo2D)}`);
                                           }
                                           $$renderer8.push(`<!--]-->`);
                                         },
@@ -5825,7 +5953,7 @@ function Viewer($$renderer, $$props) {
                                         onSelect: () => fitToView?.(),
                                         children: ($$renderer8) => {
                                           Frame($$renderer8, { class: "h-4 w-4" });
-                                          $$renderer8.push(`<!----> Fit to view`);
+                                          $$renderer8.push(`<!----> ${escape_html(t().fitToView)}`);
                                         },
                                         $$slots: { default: true }
                                       });
@@ -5845,7 +5973,7 @@ function Viewer($$renderer, $$props) {
                                               class: `${stringify(itemClass)} data-[state=open]:bg-muted`,
                                               children: ($$renderer9) => {
                                                 Box($$renderer9, { class: "h-4 w-4" });
-                                                $$renderer9.push(`<!----> <span class="flex-1">Views</span> `);
+                                                $$renderer9.push(`<!----> <span class="flex-1">${escape_html(t().views)}</span> `);
                                                 Chevron_right($$renderer9, { class: "h-4 w-4 text-muted-foreground" });
                                                 $$renderer9.push(`<!---->`);
                                               },
@@ -5873,7 +6001,7 @@ function Viewer($$renderer, $$props) {
                                                       class: "px-2 py-1.5 text-sm flex cursor-pointer items-center rounded-sm transition-colors outline-none select-none hover:bg-muted focus:bg-muted",
                                                       onSelect: () => setView(),
                                                       children: ($$renderer10) => {
-                                                        $$renderer10.push(`<!---->${escape_html(label)}`);
+                                                        $$renderer10.push(`<!---->${escape_html(label())}`);
                                                       },
                                                       $$slots: { default: true }
                                                     });
@@ -5909,7 +6037,7 @@ function Viewer($$renderer, $$props) {
                                         onSelect: toggleMeasure,
                                         children: ($$renderer8) => {
                                           Ruler($$renderer8, { class: "h-4 w-4" });
-                                          $$renderer8.push(`<!----> <span class="flex-1">Measure</span> `);
+                                          $$renderer8.push(`<!----> <span class="flex-1">${escape_html(t().measure)}</span> `);
                                           {
                                             $$renderer8.push("<!--[-1-->");
                                           }
@@ -5933,7 +6061,7 @@ function Viewer($$renderer, $$props) {
                                           onSelect: toggleGrid,
                                           children: ($$renderer8) => {
                                             Grid_3x3($$renderer8, { class: "h-4 w-4" });
-                                            $$renderer8.push(`<!----> <span class="flex-1">Grid</span> `);
+                                            $$renderer8.push(`<!----> <span class="flex-1">${escape_html(t().grid)}</span> `);
                                             {
                                               $$renderer8.push("<!--[-1-->");
                                             }
@@ -5974,7 +6102,7 @@ function Viewer($$renderer, $$props) {
                                           onSelect: () => sceneManagerOpen = !sceneManagerOpen,
                                           children: ($$renderer8) => {
                                             Layers($$renderer8, { class: "h-4 w-4" });
-                                            $$renderer8.push(`<!----> <span class="flex-1">Scene manager</span> `);
+                                            $$renderer8.push(`<!----> <span class="flex-1">${escape_html(t().sceneManager)}</span> `);
                                             if (sceneManagerOpen) {
                                               $$renderer8.push("<!--[0-->");
                                               Check($$renderer8, { class: "h-4 w-4" });
@@ -6003,7 +6131,7 @@ function Viewer($$renderer, $$props) {
                                           onSelect: downloadScreenshot,
                                           children: ($$renderer8) => {
                                             Camera($$renderer8, { class: "h-4 w-4" });
-                                            $$renderer8.push(`<!----> Screenshot`);
+                                            $$renderer8.push(`<!----> ${escape_html(t().screenshot)}`);
                                           },
                                           $$slots: { default: true }
                                         });
@@ -6027,11 +6155,11 @@ function Viewer($$renderer, $$props) {
                                             if (isFullscreen) {
                                               $$renderer8.push("<!--[0-->");
                                               Minimize($$renderer8, { class: "h-4 w-4" });
-                                              $$renderer8.push(`<!----> Exit fullscreen`);
+                                              $$renderer8.push(`<!----> ${escape_html(t().exitFullscreen)}`);
                                             } else {
                                               $$renderer8.push("<!--[-1-->");
                                               Maximize($$renderer8, { class: "h-4 w-4" });
-                                              $$renderer8.push(`<!----> Fullscreen`);
+                                              $$renderer8.push(`<!----> ${escape_html(t().fullscreen)}`);
                                             }
                                             $$renderer8.push(`<!--]-->`);
                                           },
@@ -6119,6 +6247,8 @@ function Viewer($$renderer, $$props) {
 }
 function CalculateButton($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
+    const locale = getLocaleContext();
+    const t = derived(() => locale.messages);
     let {
       hasPendingChanges,
       hasNeverSolved = false,
@@ -6139,19 +6269,19 @@ function CalculateButton($$renderer, $$props) {
         if (isSolving) {
           $$renderer3.push("<!--[0-->");
           Loader($$renderer3, { class: "h-4 w-4 animate-spin" });
-          $$renderer3.push(`<!----> Solving...`);
+          $$renderer3.push(`<!----> ${escape_html(t().solvingEllipsis)}`);
         } else if (hasNeverSolved) {
           $$renderer3.push("<!--[1-->");
           Play($$renderer3, { class: "h-4 w-4" });
-          $$renderer3.push(`<!----> Press to calculate`);
+          $$renderer3.push(`<!----> ${escape_html(t().pressToCalculate)}`);
         } else if (hasPendingChanges) {
           $$renderer3.push("<!--[2-->");
           Zap($$renderer3, { class: "h-4 w-4" });
-          $$renderer3.push(`<!----> Calculate`);
+          $$renderer3.push(`<!----> ${escape_html(t().calculate)}`);
         } else {
           $$renderer3.push("<!--[-1-->");
           Check($$renderer3, { class: "h-4 w-4" });
-          $$renderer3.push(`<!----> Up to date`);
+          $$renderer3.push(`<!----> ${escape_html(t().upToDate)}`);
         }
         $$renderer3.push(`<!--]-->`);
       },
@@ -6161,14 +6291,18 @@ function CalculateButton($$renderer, $$props) {
   });
 }
 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-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-->");
-  }
-  $$renderer.push(`<!--]-->`);
+  $$renderer.component(($$renderer2) => {
+    let { show } = $$props;
+    const locale = getLocaleContext();
+    const t = derived(() => locale.messages);
+    if (show) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.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">${escape_html(t().solving)}</span> <span class="text-xs opacity-70 svelte-g866ul">${escape_html(t().solvingSubtitle)}</span></div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
 }
 function Card_action($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
@@ -9057,10 +9191,9 @@ function InputControl($$renderer, $$props) {
     } = $$props;
     const inputId = derived(() => `input-${item.paramId}`);
     const label = derived(() => displayName || item.displayName || item.paramId);
-    const clientSlotConfig = derived(() => {
+    const isClientSlot = derived(() => {
       const source = item.source;
-      if (source?.kind !== "client" || source.client?.presentation !== "slot") return null;
-      return { slotLabel: source.client.slotLabel };
+      return source?.kind === "client" && source.client?.presentation === "slot";
     });
     const clientSlot = getClientSlot();
     const numberRangeHint = derived(() => {
@@ -9087,16 +9220,129 @@ function InputControl($$renderer, $$props) {
       value = newValue;
       onChange(item.paramId, newValue);
     }
-    if (clientSlotConfig()) {
+    if (isClientSlot()) {
       $$renderer2.push("<!--[0-->");
       if (clientSlot) {
         $$renderer2.push("<!--[0-->");
-        clientSlot($$renderer2, {
-          inputId: item.paramId,
-          displayName: label(),
-          slotLabel: clientSlotConfig().slotLabel,
-          value
-        });
+        if (Field) {
+          $$renderer2.push("<!--[-->");
+          Field($$renderer2, {
+            children: ($$renderer3) => {
+              if (Field_label) {
+                $$renderer3.push("<!--[-->");
+                Field_label($$renderer3, {
+                  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(`<!--]-->`);
+                  },
+                  $$slots: { default: true }
+                });
+                $$renderer3.push("<!--]-->");
+              } else {
+                $$renderer3.push("<!--[!-->");
+                $$renderer3.push("<!--]-->");
+              }
+              $$renderer3.push(` `);
+              clientSlot($$renderer3, {
+                inputId: item.paramId,
+                displayName: label(),
+                value,
+                onValueChange: commit
+              });
+              $$renderer3.push(`<!---->`);
+            },
+            $$slots: { default: true }
+          });
+          $$renderer2.push("<!--]-->");
+        } else {
+          $$renderer2.push("<!--[!-->");
+          $$renderer2.push("<!--]-->");
+        }
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -9781,6 +10027,8 @@ function OutputDisplay($$renderer, $$props) {
 }
 function TabContent($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
+    const locale = getLocaleContext();
+    const t = derived(() => locale.messages);
     let {
       tab,
       values,
@@ -9841,11 +10089,7 @@ function TabContent($$renderer, $$props) {
               $$renderer4.push(`<div class="p-4 tab-content-container svelte-jdukda">`);
               if (tab.groups.length === 0) {
                 $$renderer4.push("<!--[0-->");
-                StateDisplay($$renderer4, {
-                  type: "empty",
-                  size: "medium",
-                  message: "This tab has no groups configured."
-                });
+                StateDisplay($$renderer4, { type: "empty", size: "medium", message: t().tabNoGroups });
               } else {
                 $$renderer4.push("<!--[-1-->");
                 $$renderer4.push(`<div class="gap-8 flex flex-col"><!--[-->`);
@@ -10012,6 +10256,8 @@ function TabLayout($$renderer, $$props) {
 }
 function CollapsedPanelStrip($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
+    const locale = getLocaleContext();
+    const t = derived(() => locale.messages);
     let { side, tabs, collapsedWidth, onExpand, onTabClick } = $$props;
     const railClass = derived(() => [
       "gap-1 py-2 lg:py-3 lg:flex-col lg:w-auto px-2 lg:px-0",
@@ -10019,7 +10265,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-17r9ylq")}${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", t().expandSidePanel.replace("{side}", side === "left" ? t().panelSideLeft : t().panelSideRight))}><!--[-->`);
     const each_array = ensure_array_like(tabs);
     for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
       let tab = each_array[$$index];
@@ -10786,6 +11032,7 @@ function ParameterPresetManager($$renderer, $$props) {
 }
 function AppLayout($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
+    getLocaleContext();
     const COLLAPSED_WIDTH = 48;
     let {
       schema,
@@ -11411,9 +11658,13 @@ function ComputeApp($$renderer, $$props) {
       header,
       onReady,
       externalScopeKey,
-      clientSlot
+      clientSlot,
+      lang
     } = $$props;
     setClientSlot(clientSlot);
+    const hostLocale = getLocaleContext();
+    setLocaleContext(() => lang ?? hostLocale.locale);
+    const t = derived(() => getLocaleContext().messages);
     const driver = createRequestResponseDriver(onSolve, () => session, { timeout: solveTimeoutMs });
     const session = createSolveSession({
       schema,
@@ -11464,7 +11715,7 @@ function ComputeApp($$renderer, $$props) {
           } else if (!schema) {
             $$renderer4.push("<!--[1-->");
             $$renderer4.push(`<div class="min-h-100 flex items-center justify-center">`);
-            StateDisplay($$renderer4, { type: "loading", size: "large", message: "Loading schema..." });
+            StateDisplay($$renderer4, { type: "loading", size: "large", message: t().loadingSchema });
             $$renderer4.push(`<!----></div>`);
           } else {
             $$renderer4.push("<!--[-1-->");
@@ -11614,4 +11865,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-wUV5pt7K.js.map
+//# sourceMappingURL=_page.svelte-DDzV91b5.js.map