@selvajs/ui 6.0.0 → 6.1.0

package/dist/components/compute/AppLayout.svelte

@@ -355,6 +355,7 @@
 							{logoUrl}
 							{onViewerReady}
 							viewerConfig={{
+								...viewerConfig,
 								backgroundColor: schema?.viewerOptions?.backgroundColor
 							}}
 						/>

package/dist/components/compute/ComputeApp.svelte

@@ -15,6 +15,7 @@
 	import { hexToOklch } from '../../utils/color';
 	import AppShell from '../layout/AppShell.svelte';
 	import AppLayout from './AppLayout.svelte';
+	import { type ViewerConfig } from '../viewer/Viewer.svelte';
 	import StateDisplay from '../primitives/StateDisplay.svelte';
 	import { setClientSlot, type ClientSlot } from '../../contexts/clientSlotContext.svelte';
 	import type { Locale } from '../../i18n/messages';
@@ -68,6 +69,8 @@
 		}) => void;
 		/** Hands the live three.js viewer to the host once it mounts. See `Viewer.svelte` for the contract. */
 		onViewerReady?: (viewer: ThreeViewer) => void | (() => void);
+		/** Viewer chrome and defaults. `backgroundColor` and `showSceneManager` are set by the layout. */
+		viewerConfig?: ViewerConfig;
 		headerRight?: Snippet;
 		// Replaces the built-in header; takes precedence over `headerRight`.
 		header?: Snippet;
@@ -106,6 +109,7 @@
 		header,
 		onReady,
 		onViewerReady,
+		viewerConfig = {},
 		externalScopeKey,
 		clientSlot,
 		lang
@@ -239,6 +243,7 @@
 					values={session.values}
 					logoUrl={logo}
 					{onViewerReady}
+					{viewerConfig}
 					{panelActions}
 					{showSaveButton}
 					{showLoadButton}

package/dist/components/compute/ComputeApp.svelte.d.ts

@@ -4,6 +4,7 @@ import type { SolveFn } from '@selvajs/solve/shared';
 import type { PresetLabels } from '../../types/presetLabels';
 import type { RetainedSolveResult, SolveSession } from '@selvajs/solve/client';
 import type { ThreeViewer } from '@selvajs/visualization/render';
+import { type ViewerConfig } from '../viewer/Viewer.svelte';
 import { type ClientSlot } from '../../contexts/clientSlotContext.svelte';
 import type { Locale } from '../../i18n/messages';
 import type { Snippet } from 'svelte';
@@ -52,6 +53,8 @@ interface Props {
     }) => void;
     /** Hands the live three.js viewer to the host once it mounts. See `Viewer.svelte` for the contract. */
     onViewerReady?: (viewer: ThreeViewer) => void | (() => void);
+    /** Viewer chrome and defaults. `backgroundColor` and `showSceneManager` are set by the layout. */
+    viewerConfig?: ViewerConfig;
     headerRight?: Snippet;
     header?: Snippet;
     externalScopeKey?: string;

package/dist/components/viewer/Viewer.svelte

@@ -50,6 +50,8 @@
 		showDisplayMenu?: boolean;
 		enableMeshClick?: boolean;
 		backgroundColor?: string;
+		/** Initial state of the edge overlay and its display-menu checkmark. Default false. */
+		showEdges?: boolean;
 	}
 
 	interface Props {
@@ -83,7 +85,8 @@
 		showGridToggle: true,
 		showDisplayMenu: true,
 		enableMeshClick: true,
-		backgroundColor: '#E6E6E6'
+		backgroundColor: '#E6E6E6',
+		showEdges: false
 	};
 
 	let {
@@ -136,7 +139,8 @@
 	let measureActive = $state(false);
 	let gridVisible = $state(false);
 	let renderStyle: Look = $state('technical');
-	let edgesVisible = $state(false);
+	// Seeded once, then owned by the menu toggle.
+	let edgesVisible = $state(untrack(() => viewerConfig.showEdges) ?? defaultViewerConfig.showEdges);
 	let selectedMeshMetadata: Record<string, any> | null = $state(null);
 	let selectedMeshName: string | null = $state(null);
 

package/dist/components/viewer/Viewer.svelte.d.ts

@@ -9,6 +9,8 @@ export interface ViewerConfig {
     showDisplayMenu?: boolean;
     enableMeshClick?: boolean;
     backgroundColor?: string;
+    /** Initial state of the edge overlay and its display-menu checkmark. Default false. */
+    showEdges?: boolean;
 }
 interface Props {
     meshes: any[];

package/dist/constants.js

@@ -2,8 +2,8 @@ export const APP_DEFAULTS = {
     // File upload limits
     // TEMP (dev): raised 150 MB → 300 MB so large dev file-widget inputs aren't
     // blocked client-side. The server request cap (COMPUTE_REQUEST_MAX_BYTES)
-    // still defaults to 210 MB, and base64 inflates a raw file by ~4/3, so
-    // anything over ~157 MB is rejected with a 413 after the client accepts it.
+    // still defaults to 256 MB, and base64 inflates a raw file by ~4/3, so
+    // anything over ~192 MB is rejected with a 413 after the client accepts it.
     // Revert to 150 before release.
     FILE_UPLOAD: {
         MAX_SIZE_MB: 300,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selvajs/ui",
-  "version": "6.0.0",
+  "version": "6.1.0",
   "description": "Shared UI components and utilities for Selva applications",
   "license": "MIT",
   "author": "VektorNode",
@@ -59,9 +59,9 @@
     "svelte": "^5",
     "tailwind-variants": "^3.3.1",
     "three": "^0.185.1",
+    "@selvajs/compute": "^4.0.1",
     "@selvajs/schemas": "^5.0.0",
-    "@selvajs/compute": "^4.0.0",
-    "@selvajs/solve": "^1.0.0",
+    "@selvajs/solve": "^1.0.2",
     "@selvajs/visualization": "^1.0.0"
   },
   "peerDependenciesMeta": {
@@ -86,15 +86,15 @@
     "@sveltejs/vite-plugin-svelte": "^7.2.0",
     "@types/three": "^0.185.4",
     "bits-ui": "^2.18.0",
-    "rimraf": "^6.0.1",
+    "rimraf": "^6.1.3",
     "svelte": "5.56.8",
     "tailwind-variants": "^3.3.1",
     "vitest": "^4.1.10",
-    "@selvajs/compute": "4.0.0",
-    "@selvajs/config": "0.0.4",
-    "@selvajs/schemas": "5.0.0",
     "@selvajs/visualization": "1.0.0",
-    "@selvajs/solve": "1.0.0"
+    "@selvajs/schemas": "5.0.0",
+    "@selvajs/solve": "1.0.2",
+    "@selvajs/config": "0.0.4",
+    "@selvajs/compute": "4.0.1"
   },
   "scripts": {
     "predev": "node ../../scripts/sync-shared-assets.js",

package/src/lib/components/compute/AppLayout.svelte

@@ -355,6 +355,7 @@
 							{logoUrl}
 							{onViewerReady}
 							viewerConfig={{
+								...viewerConfig,
 								backgroundColor: schema?.viewerOptions?.backgroundColor
 							}}
 						/>

package/src/lib/components/compute/ComputeApp.svelte

@@ -15,6 +15,7 @@
 	import { hexToOklch } from '../../utils/color';
 	import AppShell from '../layout/AppShell.svelte';
 	import AppLayout from './AppLayout.svelte';
+	import { type ViewerConfig } from '../viewer/Viewer.svelte';
 	import StateDisplay from '../primitives/StateDisplay.svelte';
 	import { setClientSlot, type ClientSlot } from '../../contexts/clientSlotContext.svelte';
 	import type { Locale } from '../../i18n/messages';
@@ -68,6 +69,8 @@
 		}) => void;
 		/** Hands the live three.js viewer to the host once it mounts. See `Viewer.svelte` for the contract. */
 		onViewerReady?: (viewer: ThreeViewer) => void | (() => void);
+		/** Viewer chrome and defaults. `backgroundColor` and `showSceneManager` are set by the layout. */
+		viewerConfig?: ViewerConfig;
 		headerRight?: Snippet;
 		// Replaces the built-in header; takes precedence over `headerRight`.
 		header?: Snippet;
@@ -106,6 +109,7 @@
 		header,
 		onReady,
 		onViewerReady,
+		viewerConfig = {},
 		externalScopeKey,
 		clientSlot,
 		lang
@@ -239,6 +243,7 @@
 					values={session.values}
 					logoUrl={logo}
 					{onViewerReady}
+					{viewerConfig}
 					{panelActions}
 					{showSaveButton}
 					{showLoadButton}

package/src/lib/components/viewer/Viewer.svelte

@@ -50,6 +50,8 @@
 		showDisplayMenu?: boolean;
 		enableMeshClick?: boolean;
 		backgroundColor?: string;
+		/** Initial state of the edge overlay and its display-menu checkmark. Default false. */
+		showEdges?: boolean;
 	}
 
 	interface Props {
@@ -83,7 +85,8 @@
 		showGridToggle: true,
 		showDisplayMenu: true,
 		enableMeshClick: true,
-		backgroundColor: '#E6E6E6'
+		backgroundColor: '#E6E6E6',
+		showEdges: false
 	};
 
 	let {
@@ -136,7 +139,8 @@
 	let measureActive = $state(false);
 	let gridVisible = $state(false);
 	let renderStyle: Look = $state('technical');
-	let edgesVisible = $state(false);
+	// Seeded once, then owned by the menu toggle.
+	let edgesVisible = $state(untrack(() => viewerConfig.showEdges) ?? defaultViewerConfig.showEdges);
 	let selectedMeshMetadata: Record<string, any> | null = $state(null);
 	let selectedMeshName: string | null = $state(null);
 

package/src/lib/constants.ts

@@ -2,8 +2,8 @@ export const APP_DEFAULTS = {
 	// File upload limits
 	// TEMP (dev): raised 150 MB → 300 MB so large dev file-widget inputs aren't
 	// blocked client-side. The server request cap (COMPUTE_REQUEST_MAX_BYTES)
-	// still defaults to 210 MB, and base64 inflates a raw file by ~4/3, so
-	// anything over ~157 MB is rejected with a 413 after the client accepts it.
+	// still defaults to 256 MB, and base64 inflates a raw file by ~4/3, so
+	// anything over ~192 MB is rejected with a 413 after the client accepts it.
 	// Revert to 150 before release.
 	FILE_UPLOAD: {
 		MAX_SIZE_MB: 300,