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

package/src/lib/i18n/messages.ts

@@ -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.
 
 export type Locale = 'en' | 'de';
 
@@ -33,6 +36,15 @@ export interface ViewerMessages {
 	viewBottom: string;
 	viewIso: string;
 
+	// Display looks
+	lookTechnical: string;
+	lookStudio: string;
+	lookShowcase: string;
+	lookArctic: string;
+	lookXray: string;
+	lookLineart: string;
+	lookWireframe: string;
+
 	// Scene manager
 	searchObjects: string;
 	clearSearch: string;
@@ -67,8 +79,6 @@ export interface ViewerMessages {
 	moreTab: string;
 	scrollTabsBack: string;
 	scrollTabsForward: string;
-	expandPanel: string;
-	collapsePanel: string;
 	/** `{side}` is replaced with `panelSideLeft` / `panelSideRight`. */
 	expandSidePanel: string;
 	panelSideLeft: string;
@@ -82,6 +92,118 @@ 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;
+
+	// Footer and message centre
+	/** `{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;
+
+	// Input fields
+	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;
+
+	// File input
+	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;
+
+	// Outputs
+	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;
+
+	// Image output
+	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;
 }
 
 const en: ViewerMessages = {
@@ -107,6 +229,14 @@ const en: ViewerMessages = {
 	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',
@@ -123,7 +253,7 @@ const en: ViewerMessages = {
 	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',
@@ -137,8 +267,6 @@ const en: ViewerMessages = {
 	moreTab: 'More',
 	scrollTabsBack: 'Previous tabs',
 	scrollTabsForward: 'More tabs',
-	expandPanel: 'Expand panel',
-	collapsePanel: 'Collapse panel',
 	expandSidePanel: 'Expand {side} panel',
 	panelSideLeft: 'left',
 	panelSideRight: 'right',
@@ -146,10 +274,99 @@ const en: ViewerMessages = {
 
 	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: ViewerMessages = {
@@ -175,6 +392,14 @@ const de: ViewerMessages = {
 	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',
@@ -191,7 +416,7 @@ const de: ViewerMessages = {
 	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',
@@ -206,8 +431,6 @@ const de: ViewerMessages = {
 	moreTab: 'Mehr',
 	scrollTabsBack: 'Vorherige Tabs',
 	scrollTabsForward: 'Weitere Tabs',
-	expandPanel: 'Bereich aufklappen',
-	collapsePanel: 'Bereich zuklappen',
 	expandSidePanel: '{side} Bereich aufklappen',
 	panelSideLeft: 'Linken',
 	panelSideRight: 'Rechten',
@@ -215,10 +438,100 @@ const de: ViewerMessages = {
 
 	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: Record<Locale, ViewerMessages> = { en, de };
@@ -229,3 +542,28 @@ export const DEFAULT_LOCALE: Locale = 'en';
 export function messagesFor(locale: Locale | undefined): ViewerMessages {
 	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: ViewerMessages,
+	overrides: Partial<ViewerMessages> | undefined
+): ViewerMessages {
+	if (!overrides) return base;
+	const merged = { ...base };
+	for (const [key, value] of Object.entries(overrides) as [keyof ViewerMessages, string][]) {
+		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: string, vars: Record<string, string | number>): string {
+	return template.replace(/\{(\w+)\}/g, (placeholder, name: string) =>
+		name in vars ? String(vars[name]) : placeholder
+	);
+}
+
+/** Picks the singular or plural form for `count` and fills its `{count}`. */
+export function formatCount(count: number, one: string, other: string): string {
+	return formatMessage(count === 1 ? one : other, { count });
+}

package/src/lib/index.ts

@@ -30,6 +30,7 @@ export {
 	createRequestResponseDriver,
 	type SolveSession,
 	type SolveSessionArgs,
+	type SolveSettlement,
 	type SolveDriver,
 	type SolveReporter,
 	type LiveSolveState,

package/src/lib/public.ts

@@ -55,6 +55,7 @@ export {
 	createRequestResponseDriver,
 	type SolveSession,
 	type SolveSessionArgs,
+	type SolveSettlement,
 	type SolveDriver,
 	type SolveReporter,
 	type LiveSolveState,

package/src/lib/schema/visibility-rules.ts

@@ -1,10 +1,12 @@
 import type {
 	LayoutItem,
+	OutputLayoutItem,
 	VisibilityRule,
 	VisibilityCondition,
 	GroupVisibilityCondition,
 	TabConfig
 } from '@selvajs/schemas';
+import { isFileData } from '../utils/file-download';
 
 export interface VisibilityResult {
 	visible: boolean;
@@ -76,6 +78,9 @@ export function evaluateVisibility(
 	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;
@@ -85,6 +90,24 @@ export function evaluateVisibility(
 	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: OutputLayoutItem, value: unknown): boolean {
+	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: LayoutItem): string {
 	return item.type === 'linebreak' ? item.id : item.paramId;

package/src/lib/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/src/lib/types/actionButton.ts

@@ -1,9 +1,22 @@
+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/src/lib/types/presetLabels.ts

@@ -3,9 +3,9 @@
  * unset keys fall back to `DEFAULT_PRESET_LABELS`.
  */
 export interface PresetLabels {
-	// Toolbar buttons
-	saveButton: string;
-	loadButton: string;
+	// Panel footer menu
+	saveMenuItem: string;
+	loadMenuItem: string;
 
 	// Save dialog
 	saveDialogTitle: string;
@@ -19,6 +19,7 @@ export interface PresetLabels {
 	saveTagsLabel: string;
 	saveTagsPlaceholder: string;
 	saveNameRequired: string;
+	saveConfirmButton: string;
 
 	// Load dialog
 	loadDialogTitle: string;
@@ -47,12 +48,12 @@ export interface PresetLabels {
 }
 
 export const DEFAULT_PRESET_LABELS: PresetLabels = {
-	saveButton: 'Save State',
-	loadButton: 'Load State',
+	saveMenuItem: 'Save inputs…',
+	loadMenuItem: 'Load inputs…',
 
-	saveDialogTitle: 'Save Parameter State',
-	saveDialogDescription: 'Save the current parameter values as a .slvp file',
-	saveNameLabel: 'State Name *',
+	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',
@@ -60,10 +61,11 @@ export const DEFAULT_PRESET_LABELS: PresetLabels = {
 	saveAuthorPlaceholder: 'Your name or email',
 	saveTagsLabel: 'Tags',
 	saveTagsPlaceholder: 'facade, option-a, client-approved (comma-separated)',
-	saveNameRequired: 'Please enter a name for this state',
+	saveNameRequired: 'Please enter a name for these inputs',
+	saveConfirmButton: 'Save',
 
-	loadDialogTitle: 'Load Parameter State',
-	loadDialogDescription: 'Select a .slvp state file from your drive to load',
+	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: ',