@selvajs/ui 6.6.0-beta.4 → 6.6.0-beta.5

package/dist/i18n/messages.d.ts

@@ -20,6 +20,13 @@ export interface ViewerMessages {
     viewLeft: string;
     viewBottom: string;
     viewIso: string;
+    lookTechnical: string;
+    lookStudio: string;
+    lookShowcase: string;
+    lookArctic: string;
+    lookXray: string;
+    lookLineart: string;
+    lookWireframe: string;
     searchObjects: string;
     clearSearch: string;
     expandLayer: string;
@@ -49,8 +56,6 @@ export interface ViewerMessages {
     moreTab: string;
     scrollTabsBack: string;
     scrollTabsForward: string;
-    expandPanel: string;
-    collapsePanel: string;
     /** `{side}` is replaced with `panelSideLeft` / `panelSideRight`. */
     expandSidePanel: string;
     panelSideLeft: string;
@@ -62,8 +67,116 @@ export interface ViewerMessages {
     pressToCalculate: string;
     calculate: string;
     upToDate: string;
+    /** The panel footer's ⋯ menu: saving and loading inputs, plus the host's own actions. */
+    moreActions: string;
+    /** Under a menu action that solves before it runs, while the inputs have changed. */
+    calculatesFirst: string;
+    /** `{count}` is replaced with the number of errors. */
+    errorCountOne: string;
+    errorCountOther: string;
+    /** `{count}` is replaced with the number of warnings. */
+    warningCountOne: string;
+    warningCountOther: string;
+    /** `{count}` is replaced with the number of notes. */
+    noteCountOne: string;
+    noteCountOther: string;
+    /** `{count}` is replaced with the number of messages. */
+    lastSolveMessagesOne: string;
+    lastSolveMessagesOther: string;
+    messagesTitle: string;
+    /** `{name}` is replaced with the copyright holder, `{year}` with the current year. */
+    copyright: string;
+    close: string;
+    toggleTheme: string;
+    errorTitle: string;
+    goHome: string;
+    selectOption: string;
+    noOptionsYet: string;
+    /** `{min}` is replaced with the field's minimum. */
+    minValue: string;
+    /** `{max}` is replaced with the field's maximum. */
+    maxValue: string;
+    fineDragHint: string;
+    /** `{max}` is replaced with the field's character limit. */
+    maxLength: string;
+    invalidFormat: string;
+    invalidPattern: string;
+    fileModeUpload: string;
+    fileModeUrl: string;
+    fileUrlLabel: string;
+    fetchFile: string;
+    fetchingFile: string;
+    fileUrlPublic: string;
+    chooseFile: string;
+    /** `{formats}` is replaced with the accepted extensions. */
+    acceptedFormats: string;
+    /** `{ext}` is replaced with the file's extension. */
+    uploadedFile: string;
+    /** `{ext}` is replaced with the file's extension, `{size}` with its size in MB. */
+    uploadedFileSize: string;
+    /** `{ext}` is replaced with the file's extension, `{size}` with its size in KB. */
+    fileLoaded: string;
+    urlInvalid: string;
+    urlProtocolUnsupported: string;
+    /** `{status}` is replaced with the HTTP status the server answered with. */
+    urlServerError: string;
+    /** `{ext}` is replaced with the rejected extension, `{formats}` with the accepted ones. */
+    fileFormatNotAccepted: string;
+    /** `{size}` is replaced with the file's size in MB, `{max}` with the limit in MB. */
+    fileTooLarge: string;
+    fileTooLargeUseUpload: string;
+    fileReadFailed: string;
+    /** `{host}` is replaced with the URL's host name. */
+    urlUnreachable: string;
+    urlUnreachableHint: string;
+    urlHintSharePoint: string;
+    urlHintGoogleDrive: string;
+    urlHintDropbox: string;
+    unknownError: string;
+    waitingForData: string;
+    waitingForFiles: string;
+    /** `{count}` is replaced with the number of files. */
+    fileCount: string;
+    duplicateFilesTitle: string;
+    duplicatePathsOne: string;
+    duplicatePathsOther: string;
+    duplicateFilesHint: string;
+    downloadFile: string;
+    /** `{count}` is replaced with the number of files. */
+    downloadFiles: string;
+    downloading: string;
+    downloadFailed: string;
+    copy: string;
+    copied: string;
+    chartReceiving: string;
+    chartRenderFailed: string;
+    /** `{error}` is replaced with the browser's reason. */
+    fullscreenUnavailable: string;
+    /** `{error}` is replaced with the browser's reason. */
+    exitFullscreenFailed: string;
+    imageViewer: string;
+    imageLoading: string;
+    /** `{ext}` is replaced with the file's extension, `{formats}` with the supported ones. */
+    imageUnsupported: string;
+    imageUnknownFormat: string;
+    /** `{file}` is replaced with the file's name. */
+    imageDecodeFailed: string;
+    previousImage: string;
+    nextImage: string;
+    zoomHint: string;
+    zoomIn: string;
+    zoomOut: string;
+    zoomFit: string;
+    zoomActual: string;
+    downloadImage: string;
 }
 export declare const VIEWER_MESSAGES: Record<Locale, ViewerMessages>;
 export declare const DEFAULT_LOCALE: Locale;
 /** Resolve a catalog for a locale, falling back to English for unknown locales. */
 export declare function messagesFor(locale: Locale | undefined): ViewerMessages;
+/** Layers a host's partial overrides over a full catalog. An `undefined` entry keeps the base string. */
+export declare function withOverrides(base: ViewerMessages, overrides: Partial<ViewerMessages> | undefined): ViewerMessages;
+/** Fills each `{name}` placeholder from `vars`; an unknown placeholder is left as written. */
+export declare function formatMessage(template: string, vars: Record<string, string | number>): string;
+/** Picks the singular or plural form for `count` and fills its `{count}`. */
+export declare function formatCount(count: number, one: string, other: string): string;

package/dist/i18n/messages.js

@@ -5,6 +5,9 @@
 // Only the strings @selvajs/ui renders itself. Names coming from a Grasshopper
 // definition — meshes, layers, metadata keys — live in the user's .gh file and
 // cannot be translated here.
+//
+// A `{name}` in a message is a placeholder the component fills in. Pairs ending in
+// `One`/`Other` are the singular and plural forms of one message.
 const en = {
     toolsMenu: 'Viewer tools',
     switchToOrthographic: 'Orthographic camera',
@@ -26,6 +29,13 @@ const en = {
     viewLeft: 'Left',
     viewBottom: 'Bottom',
     viewIso: 'Isometric',
+    lookTechnical: 'Technical',
+    lookStudio: 'Studio',
+    lookShowcase: 'Showcase',
+    lookArctic: 'Arctic',
+    lookXray: 'X-Ray',
+    lookLineart: 'Line Art',
+    lookWireframe: 'Wireframe',
     searchObjects: 'Search objects...',
     clearSearch: 'Clear search',
     expandLayer: 'Expand layer',
@@ -40,7 +50,7 @@ const en = {
     noResultsFor: 'No results for "{query}"',
     objectFallbackName: 'Object',
     noMetadata: 'No metadata',
-    loadingSchema: 'Loading schema...',
+    loadingSchema: 'Loading…',
     solveBlocked: 'The definition stopped this solve. No results were produced.',
     solveBlockedTitle: 'Solve stopped',
     solveMessagesTitle: 'Solve messages',
@@ -54,18 +64,94 @@ const en = {
     moreTab: 'More',
     scrollTabsBack: 'Previous tabs',
     scrollTabsForward: 'More tabs',
-    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...',
+    solvingSubtitle: 'This can take a moment…',
     pressToCalculate: 'Press to calculate',
     calculate: 'Calculate',
-    upToDate: 'Up to date'
+    upToDate: 'Up to date',
+    moreActions: 'More actions',
+    calculatesFirst: 'Calculates first',
+    errorCountOne: '{count} error',
+    errorCountOther: '{count} errors',
+    warningCountOne: '{count} warning',
+    warningCountOther: '{count} warnings',
+    noteCountOne: '{count} note',
+    noteCountOther: '{count} notes',
+    lastSolveMessagesOne: '{count} message from the last solve',
+    lastSolveMessagesOther: '{count} messages from the last solve',
+    messagesTitle: 'Messages',
+    copyright: 'by {name} © {year}',
+    close: 'Close',
+    toggleTheme: 'Toggle theme',
+    errorTitle: 'Error',
+    goHome: 'Go Home',
+    selectOption: 'Select an option...',
+    noOptionsYet: 'No options available yet.',
+    minValue: 'Minimum value is {min}',
+    maxValue: 'Maximum value is {max}',
+    fineDragHint: 'Hold Shift to drag finely',
+    maxLength: 'Maximum {max} characters allowed',
+    invalidFormat: 'Invalid format',
+    invalidPattern: 'Invalid validation pattern configured',
+    fileModeUpload: 'Upload',
+    fileModeUrl: 'URL',
+    fileUrlLabel: 'File URL',
+    fetchFile: 'Fetch',
+    fetchingFile: 'Fetching...',
+    fileUrlPublic: 'URL must be publicly accessible (no login required).',
+    chooseFile: 'Choose File or Drag & Drop',
+    acceptedFormats: 'Accepted formats: {formats}',
+    uploadedFile: 'Uploaded file ({ext})',
+    uploadedFileSize: 'Uploaded file ({ext}, {size}MB)',
+    fileLoaded: 'Loaded {ext} ({size} KB)',
+    urlInvalid: 'Invalid URL — make sure it starts with https://',
+    urlProtocolUnsupported: 'Only http:// and https:// URLs are supported.',
+    urlServerError: 'Server returned {status}. Check the URL is correct and publicly accessible.',
+    fileFormatNotAccepted: 'File format "{ext}" is not accepted. Allowed: {formats}',
+    fileTooLarge: 'File too large: {size}MB (max {max}MB).',
+    fileTooLargeUseUpload: 'Download it and use Upload instead.',
+    fileReadFailed: 'Failed to read the downloaded file.',
+    urlUnreachable: 'Could not reach "{host}" — the file may not exist, or the server does not allow browser access.',
+    urlUnreachableHint: 'Check that the URL is correct and the file is publicly accessible. If the server requires login, download the file and use the Upload option instead.',
+    urlHintSharePoint: 'SharePoint/OneDrive blocks browser access. Open the file in SharePoint, use "Download" to save it locally, then upload it here.',
+    urlHintGoogleDrive: 'Google Drive blocks browser access. Use "Download" in Google Drive to save the file locally, then upload it here.',
+    urlHintDropbox: 'Dropbox links may block browser access. Try changing "?dl=0" to "?dl=1" in the URL, or download and upload instead.',
+    unknownError: 'Unknown error',
+    waitingForData: 'Waiting for data...',
+    waitingForFiles: 'Waiting for file data...',
+    fileCount: '{count} files',
+    duplicateFilesTitle: 'Duplicate file names detected',
+    duplicatePathsOne: 'The following path appears more than once:',
+    duplicatePathsOther: 'The following paths appear more than once:',
+    duplicateFilesHint: 'Rename outputs in your Grasshopper definition so each file has a unique name.',
+    downloadFile: 'Download File',
+    downloadFiles: 'Download {count} Files',
+    downloading: 'Downloading...',
+    downloadFailed: 'Download failed',
+    copy: 'Copy',
+    copied: 'Copied!',
+    chartReceiving: 'Receiving chart data...',
+    chartRenderFailed: 'Failed to render chart',
+    fullscreenUnavailable: 'Fullscreen unavailable: {error}',
+    exitFullscreenFailed: 'Exit fullscreen failed: {error}',
+    imageViewer: 'image viewer',
+    imageLoading: 'Loading image…',
+    imageUnsupported: 'Unsupported image format: {ext}. Supported: {formats}',
+    imageUnknownFormat: '(unknown)',
+    imageDecodeFailed: "Couldn't decode {file}",
+    previousImage: 'Previous image',
+    nextImage: 'Next image',
+    zoomHint: 'Hold Ctrl or ⌘ and scroll to zoom',
+    zoomIn: 'Zoom in',
+    zoomOut: 'Zoom out',
+    zoomFit: 'Fit',
+    zoomActual: 'Actual pixels',
+    downloadImage: 'Download image'
 };
 const de = {
     toolsMenu: 'Viewer-Werkzeuge',
@@ -88,6 +174,13 @@ const de = {
     viewLeft: 'Links',
     viewBottom: 'Unten',
     viewIso: 'Isometrisch',
+    lookTechnical: 'Technisch',
+    lookStudio: 'Studio',
+    lookShowcase: 'Präsentation',
+    lookArctic: 'Arktis',
+    lookXray: 'Röntgen',
+    lookLineart: 'Strichzeichnung',
+    lookWireframe: 'Drahtgitter',
     searchObjects: 'Objekte suchen...',
     clearSearch: 'Suche löschen',
     expandLayer: 'Ebene aufklappen',
@@ -102,7 +195,7 @@ const de = {
     noResultsFor: 'Keine Ergebnisse für „{query}“',
     objectFallbackName: 'Objekt',
     noMetadata: 'Keine Metadaten',
-    loadingSchema: 'Schema wird geladen...',
+    loadingSchema: 'Wird geladen…',
     solveBlocked: 'Die Definition hat diese Berechnung gestoppt. Es wurden keine Ergebnisse erzeugt.',
     solveBlockedTitle: 'Berechnung gestoppt',
     solveMessagesTitle: 'Meldungen zur Berechnung',
@@ -116,18 +209,94 @@ const de = {
     moreTab: 'Mehr',
     scrollTabsBack: 'Vorherige Tabs',
     scrollTabsForward: 'Weitere Tabs',
-    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',
+    solvingSubtitle: 'Das kann einen Moment dauern…',
+    pressToCalculate: 'Berechnen',
     calculate: 'Berechnen',
-    upToDate: 'Aktuell'
+    upToDate: 'Berechnet',
+    moreActions: 'Weitere Aktionen',
+    calculatesFirst: 'Berechnet zuerst',
+    errorCountOne: '{count} Fehler',
+    errorCountOther: '{count} Fehler',
+    warningCountOne: '{count} Warnung',
+    warningCountOther: '{count} Warnungen',
+    noteCountOne: '{count} Hinweis',
+    noteCountOther: '{count} Hinweise',
+    lastSolveMessagesOne: '{count} Meldung der letzten Berechnung',
+    lastSolveMessagesOther: '{count} Meldungen der letzten Berechnung',
+    messagesTitle: 'Meldungen',
+    copyright: 'von {name} © {year}',
+    close: 'Schliessen',
+    toggleTheme: 'Farbschema wechseln',
+    errorTitle: 'Fehler',
+    goHome: 'Zur Startseite',
+    selectOption: 'Option wählen…',
+    noOptionsYet: 'Noch keine Optionen verfügbar.',
+    minValue: 'Der kleinste erlaubte Wert ist {min}',
+    maxValue: 'Der grösste erlaubte Wert ist {max}',
+    fineDragHint: 'Umschalttaste halten für feine Schritte',
+    maxLength: 'Höchstens {max} Zeichen erlaubt',
+    invalidFormat: 'Ungültiges Format',
+    invalidPattern: 'Ungültiges Prüfmuster hinterlegt',
+    fileModeUpload: 'Hochladen',
+    fileModeUrl: 'URL',
+    fileUrlLabel: 'Datei-URL',
+    fetchFile: 'Abrufen',
+    fetchingFile: 'Wird abgerufen…',
+    fileUrlPublic: 'Die URL muss öffentlich erreichbar sein (ohne Anmeldung).',
+    chooseFile: 'Datei wählen oder hierher ziehen',
+    acceptedFormats: 'Erlaubte Formate: {formats}',
+    uploadedFile: 'Hochgeladene Datei ({ext})',
+    uploadedFileSize: 'Hochgeladene Datei ({ext}, {size} MB)',
+    fileLoaded: '{ext} geladen ({size} KB)',
+    urlInvalid: 'Ungültige URL – sie muss mit https:// beginnen',
+    urlProtocolUnsupported: 'Nur http://- und https://-URLs werden unterstützt.',
+    urlServerError: 'Der Server antwortete mit {status}. Ist die URL korrekt und öffentlich erreichbar?',
+    fileFormatNotAccepted: 'Dateiformat „{ext}“ ist nicht erlaubt. Erlaubt: {formats}',
+    fileTooLarge: 'Datei zu gross: {size} MB (höchstens {max} MB).',
+    fileTooLargeUseUpload: 'Datei herunterladen und stattdessen über „Hochladen“ einfügen.',
+    fileReadFailed: 'Die heruntergeladene Datei konnte nicht gelesen werden.',
+    urlUnreachable: '„{host}“ ist nicht erreichbar – die Datei existiert vielleicht nicht, oder der Server erlaubt keinen Zugriff aus dem Browser.',
+    urlUnreachableHint: 'Prüfen, ob die URL stimmt und die Datei öffentlich erreichbar ist. Verlangt der Server eine Anmeldung: Datei herunterladen und über „Hochladen“ einfügen.',
+    urlHintSharePoint: 'SharePoint/OneDrive sperrt den Zugriff aus dem Browser. Datei in SharePoint öffnen, mit „Herunterladen“ lokal speichern und hier hochladen.',
+    urlHintGoogleDrive: 'Google Drive sperrt den Zugriff aus dem Browser. Datei in Google Drive mit „Herunterladen“ lokal speichern und hier hochladen.',
+    urlHintDropbox: 'Dropbox-Links sperren den Zugriff aus dem Browser oft. In der URL „?dl=0“ durch „?dl=1“ ersetzen oder die Datei herunterladen und hochladen.',
+    unknownError: 'Unbekannter Fehler',
+    waitingForData: 'Noch keine Daten',
+    waitingForFiles: 'Noch keine Dateien',
+    fileCount: '{count} Dateien',
+    duplicateFilesTitle: 'Doppelte Dateinamen',
+    duplicatePathsOne: 'Dieser Pfad kommt mehrfach vor:',
+    duplicatePathsOther: 'Diese Pfade kommen mehrfach vor:',
+    duplicateFilesHint: 'Ausgaben in der Grasshopper-Definition umbenennen, damit jede Datei einen eindeutigen Namen hat.',
+    downloadFile: 'Datei herunterladen',
+    downloadFiles: '{count} Dateien herunterladen',
+    downloading: 'Wird heruntergeladen…',
+    downloadFailed: 'Download fehlgeschlagen',
+    copy: 'Kopieren',
+    copied: 'Kopiert!',
+    chartReceiving: 'Diagrammdaten werden empfangen…',
+    chartRenderFailed: 'Diagramm konnte nicht dargestellt werden',
+    fullscreenUnavailable: 'Vollbild nicht verfügbar: {error}',
+    exitFullscreenFailed: 'Vollbild konnte nicht beendet werden: {error}',
+    imageViewer: 'Bildbetrachter',
+    imageLoading: 'Bild wird geladen…',
+    imageUnsupported: 'Bildformat nicht unterstützt: {ext}. Unterstützt: {formats}',
+    imageUnknownFormat: '(unbekannt)',
+    imageDecodeFailed: '{file} konnte nicht gelesen werden',
+    previousImage: 'Vorheriges Bild',
+    nextImage: 'Nächstes Bild',
+    zoomHint: 'Zum Zoomen Strg oder ⌘ halten und scrollen',
+    zoomIn: 'Vergrössern',
+    zoomOut: 'Verkleinern',
+    zoomFit: 'Einpassen',
+    zoomActual: 'Originalgrösse',
+    downloadImage: 'Bild herunterladen'
 };
 export const VIEWER_MESSAGES = { en, de };
 export const DEFAULT_LOCALE = 'en';
@@ -135,3 +304,22 @@ export const DEFAULT_LOCALE = 'en';
 export function messagesFor(locale) {
     return VIEWER_MESSAGES[locale ?? DEFAULT_LOCALE] ?? VIEWER_MESSAGES[DEFAULT_LOCALE];
 }
+/** Layers a host's partial overrides over a full catalog. An `undefined` entry keeps the base string. */
+export function withOverrides(base, overrides) {
+    if (!overrides)
+        return base;
+    const merged = { ...base };
+    for (const [key, value] of Object.entries(overrides)) {
+        if (value !== undefined)
+            merged[key] = value;
+    }
+    return merged;
+}
+/** Fills each `{name}` placeholder from `vars`; an unknown placeholder is left as written. */
+export function formatMessage(template, vars) {
+    return template.replace(/\{(\w+)\}/g, (placeholder, name) => name in vars ? String(vars[name]) : placeholder);
+}
+/** Picks the singular or plural form for `count` and fills its `{count}`. */
+export function formatCount(count, one, other) {
+    return formatMessage(count === 1 ? one : other, { count });
+}

package/dist/index.d.ts

@@ -11,7 +11,7 @@ export * from './schema/dynamic-value-list';
 export * from './schema/traversal';
 export * from './compute/solving.svelte';
 export { useSolveSession } from './compute/useSolveSession.svelte';
-export { createSolveSession, createRequestResponseDriver, type SolveSession, type SolveSessionArgs, type SolveDriver, type SolveReporter, type LiveSolveState, type SolvePhase, EMPTY_LIVE_SOLVE, decodeOutcome, finalizeResult, type SolveOutcome } from '@selvajs/solve/client';
+export { createSolveSession, createRequestResponseDriver, type SolveSession, type SolveSessionArgs, type SolveSettlement, type SolveDriver, type SolveReporter, type LiveSolveState, type SolvePhase, EMPTY_LIVE_SOLVE, decodeOutcome, finalizeResult, type SolveOutcome } from '@selvajs/solve/client';
 export { writeExternalValue, readExternalValue, clearExternalValue, getExternalInputs, type ExternalValueRef, type ExternalInput } from '@selvajs/solve/client';
 export * from './contexts/footerContext.svelte';
 export * from './contexts/clientSlotContext.svelte';

package/dist/public.d.ts

@@ -8,7 +8,7 @@ export { VIEWER_MESSAGES, DEFAULT_LOCALE, messagesFor } from './i18n/messages';
 export { setLocaleContext, getLocaleContext, type LocaleContext } from './i18n/localeContext.svelte';
 export { default as ErrorScreen } from './components/ErrorScreen.svelte';
 export { useSolveSession } from './compute/useSolveSession.svelte';
-export { createSolveSession, createRequestResponseDriver, type SolveSession, type SolveSessionArgs, type SolveDriver, type SolveReporter, type LiveSolveState, type SolvePhase } from '@selvajs/solve/client';
+export { createSolveSession, createRequestResponseDriver, type SolveSession, type SolveSessionArgs, type SolveSettlement, type SolveDriver, type SolveReporter, type LiveSolveState, type SolvePhase } from '@selvajs/solve/client';
 export type { ClientSlotArgs, ClientSlot } from './contexts/clientSlotContext.svelte';
 export { writeExternalValue, readExternalValue, clearExternalValue, getExternalInputs, type ExternalValueRef, type ExternalInput } from '@selvajs/solve/client';
 export * from './schema/defaults';

package/dist/schema/visibility-rules.js

@@ -1,3 +1,4 @@
+import { isFileData } from '../utils/file-download';
 const toStringArray = (value) => {
     if (Array.isArray(value))
         return value.map(String);
@@ -50,6 +51,9 @@ export function evaluateVisibility(item, values) {
     if ('visible' in item && item.visible === false) {
         return { visible: false, disabled: false };
     }
+    if (item.type === 'output' && drawsNothing(item, values[item.paramId])) {
+        return { visible: false, disabled: false };
+    }
     if (!item.visibilityCondition?.rules)
         return { visible: true, disabled: false };
     const { action = 'show', defaultValue } = item.visibilityCondition;
@@ -57,6 +61,23 @@ export function evaluateVisibility(item, values) {
     const actionFn = ACTIONS[action] ?? ACTIONS.show;
     return actionFn(met, defaultValue);
 }
+/**
+ * An image or chart output has nothing to draw until a solve returns its data, and an empty
+ * preview box would hold its group, tab and pane open; it counts as hidden until then. A dynamic
+ * value list output never draws: it only feeds the options of an input.
+ */
+function drawsNothing(item, value) {
+    switch (item.widgetType) {
+        case 'image':
+            return !(Array.isArray(value) ? value.some(isFileData) : isFileData(value));
+        case 'chart':
+            return value === undefined || value === null || value === '';
+        case 'dynamicValueList':
+            return true;
+        default:
+            return false;
+    }
+}
 /** Must stay identical to the key the renderers use in their `{#each}` blocks. */
 export function itemKey(item) {
     return item.type === 'linebreak' ? item.id : item.paramId;

package/dist/styles/base.css

@@ -19,11 +19,14 @@
 	--muted-foreground: oklch(0.5 0 0);
 	--accent: oklch(0.93 0 0);
 	--accent-foreground: oklch(0.3 0 0);
-	--destructive: oklch(0.6 0.18 27);
+	/* 4.5:1 as small text on background, card and muted, and under white text. */
+	--destructive: oklch(0.55 0.19 27);
 	--destructive-foreground: oklch(0.985 0 0);
 	--border: oklch(0.86 0 0);
-	--input: oklch(0.91 0 0);
-	--ring: oklch(0.67 0 0);
+	/* Field borders and unchecked boxes: at least 3:1 against background, card and muted, the
+	   WCAG minimum for a control's boundary. Same for the focus ring, which is drawn opaque. */
+	--input: oklch(0.62 0 0);
+	--ring: oklch(0.55 0 0);
 	--success: oklch(0.66 0.14 145);
 	--success-foreground: oklch(0.99 0 0);
 	--warning: oklch(0.78 0.12 75);
@@ -42,7 +45,7 @@
 	--sidebar-accent: oklch(0.93 0 0);
 	--sidebar-accent-foreground: oklch(0.3 0 0);
 	--sidebar-border: oklch(0.88 0 0);
-	--sidebar-ring: oklch(0.67 0 0);
+	--sidebar-ring: oklch(0.55 0 0);
 	--inputparam: oklch(1 0 0);
 	--outputparam: oklch(1 0 0);
 	/* Scrim behind modal dialogs and drawers. */
@@ -67,7 +70,7 @@
 	--destructive: oklch(0.7 0.17 22);
 	--destructive-foreground: oklch(0.985 0 0);
 	--border: oklch(1 0 0 / 14%);
-	--input: oklch(1 0 0 / 12%);
+	--input: oklch(1 0 0 / 36%);
 	--ring: oklch(0.74 0 0);
 	--success: oklch(0.74 0.15 145);
 	--success-foreground: oklch(0.18 0.03 145);
@@ -179,7 +182,7 @@
 
 @layer base {
 	* {
-		@apply border-border outline-ring/50;
+		@apply border-border outline-ring;
 	}
 	html,
 	body {

package/dist/types/actionButton.d.ts

@@ -1,9 +1,23 @@
+import type { SolveSettlement } from '@selvajs/solve/client';
+/** A host action, listed in the panel footer's ⋯ menu after saving and loading inputs. */
 export interface ActionButton {
     id: string;
     label: string;
     /** A Svelte component, rendered before the label. */
     icon?: any;
-    variant?: 'default' | 'outline' | 'destructive' | 'secondary' | 'ghost';
-    size?: 'default' | 'sm' | 'lg';
-    onclick: () => void | Promise<void>;
+    variant?: 'default' | 'destructive';
+    /** Shows the action as unavailable instead of hiding it. Pair it with a `hint` saying why. */
+    disabled?: boolean;
+    /** A short line under the label: why it is disabled, or what it does. */
+    hint?: string;
+    /**
+     * The action needs the result for the current inputs: picking it solves first when inputs
+     * changed, waits for a solve that is running or under review, and runs `onclick` only if
+     * that solve is applied. `onclick` then receives it. A refused or failed solve already shows
+     * its messages, so the action just doesn't run.
+     */
+    solvesFirst?: boolean;
+    onclick: (settled?: Extract<SolveSettlement, {
+        status: 'applied';
+    }>) => void | Promise<void>;
 }

package/dist/types/presetLabels.d.ts

@@ -3,8 +3,8 @@
  * unset keys fall back to `DEFAULT_PRESET_LABELS`.
  */
 export interface PresetLabels {
-    saveButton: string;
-    loadButton: string;
+    saveMenuItem: string;
+    loadMenuItem: string;
     saveDialogTitle: string;
     saveDialogDescription: string;
     saveNameLabel: string;
@@ -16,6 +16,7 @@ export interface PresetLabels {
     saveTagsLabel: string;
     saveTagsPlaceholder: string;
     saveNameRequired: string;
+    saveConfirmButton: string;
     loadDialogTitle: string;
     loadDialogDescription: string;
     loadFromFileButton: string;

package/dist/types/presetLabels.js

@@ -1,9 +1,9 @@
 export const DEFAULT_PRESET_LABELS = {
-    saveButton: 'Save State',
-    loadButton: 'Load State',
-    saveDialogTitle: 'Save Parameter State',
-    saveDialogDescription: 'Save the current parameter values as a .slvp file',
-    saveNameLabel: 'State Name *',
+    saveMenuItem: 'Save inputs…',
+    loadMenuItem: 'Load inputs…',
+    saveDialogTitle: 'Save inputs',
+    saveDialogDescription: 'Save the current input values as a .slvp file',
+    saveNameLabel: 'Name *',
     saveNamePlaceholder: 'e.g., Design Option A',
     saveDescriptionLabel: 'Description',
     saveDescriptionPlaceholder: 'Optional description of this state',
@@ -11,9 +11,10 @@ export const DEFAULT_PRESET_LABELS = {
     saveAuthorPlaceholder: 'Your name or email',
     saveTagsLabel: 'Tags',
     saveTagsPlaceholder: 'facade, option-a, client-approved (comma-separated)',
-    saveNameRequired: 'Please enter a name for this state',
-    loadDialogTitle: 'Load Parameter State',
-    loadDialogDescription: 'Select a .slvp state file from your drive to load',
+    saveNameRequired: 'Please enter a name for these inputs',
+    saveConfirmButton: 'Save',
+    loadDialogTitle: 'Load inputs',
+    loadDialogDescription: 'Select a .slvp file from your drive to load',
     loadFromFileButton: 'Select .slvp File',
     loadEmptyList: 'No saved states found',
     loadImportError: 'Failed to import state: ',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selvajs/ui",
-  "version": "6.6.0-beta.4",
+  "version": "6.6.0-beta.5",
   "description": "Shared UI components and utilities for Selva applications",
   "license": "MIT",
   "author": "VektorNode",
@@ -61,7 +61,7 @@
     "three": "^0.186.1",
     "@selvajs/compute": "^4.2.2-beta.0",
     "@selvajs/schemas": "^5.2.0",
-    "@selvajs/solve": "^1.2.3-beta.1",
+    "@selvajs/solve": "^1.3.0-beta.2",
     "@selvajs/visualization": "^1.5.0"
   },
   "peerDependenciesMeta": {
@@ -92,9 +92,9 @@
     "vitest": "^5.0.2",
     "@selvajs/compute": "4.2.2-beta.0",
     "@selvajs/config": "0.0.4",
-    "@selvajs/schemas": "5.2.0",
     "@selvajs/visualization": "1.5.0",
-    "@selvajs/solve": "1.2.3-beta.1"
+    "@selvajs/solve": "1.3.0-beta.2",
+    "@selvajs/schemas": "5.2.0"
   },
   "scripts": {
     "predev": "node ../../scripts/sync-shared-assets.js",

package/src/lib/components/ErrorScreen.svelte

@@ -3,6 +3,7 @@
 	import * as Card from './primitives/card/index.js';
 	import { Button } from './primitives/button/index.js';
 	import Callout from './primitives/Callout.svelte';
+	import { getLocaleContext } from '$lib/i18n/localeContext.svelte';
 
 	interface Props {
 		status?: number;
@@ -12,6 +13,9 @@
 	}
 
 	let { status = 500, message, details, homeLink = '/' }: Props = $props();
+
+	const locale = getLocaleContext();
+	const t = $derived(locale.messages);
 </script>
 
 <div class="p-4 flex min-h-screen items-center justify-center bg-background">
@@ -26,7 +30,7 @@
 		</Card.Header>
 		<Card.Content>
 			<div class="gap-4 flex flex-col">
-				<Callout tone="danger" title="Error">
+				<Callout tone="danger" title={t.errorTitle}>
 					{#if message}{message}{/if}
 				</Callout>
 				{#if details}
@@ -37,7 +41,7 @@
 			</div>
 		</Card.Content>
 		<Card.Footer>
-			<Button variant="outline" href={homeLink} rel="external" class="w-full">Go Home</Button>
+			<Button variant="outline" href={homeLink} rel="external" class="w-full">{t.goHome}</Button>
 		</Card.Footer>
 	</Card.Root>
 </div>