@selvajs/ui 6.0.0-beta.5 → 6.0.0-beta.6

package/dist/components/compute/AppLayout.svelte

@@ -3,6 +3,7 @@
 	import type { ActionButton } from '../../types/actionButton';
 	import type { PresetLabels } from '../../types/presetLabels';
 	import { ChevronUp } from '@lucide/svelte';
+	import type { ThreeViewer } from '@selvajs/visualization/render';
 	import Viewer, { type ViewerConfig } from '../viewer/Viewer.svelte';
 	import CalculateButton from '../primitives/CalculateButton.svelte';
 	import SolvingIndicator from '../primitives/SolvingIndicator.svelte';
@@ -39,6 +40,8 @@
 		viewerConfig?: ViewerConfig;
 		/** Branding logo URL shown as a watermark in the viewer's bottom-right corner. */
 		logoUrl?: string;
+		/** Hands the live three.js viewer to the host. See `Viewer.svelte`. */
+		onViewerReady?: (viewer: ThreeViewer) => void | (() => void);
 	}
 
 	let {
@@ -60,7 +63,8 @@
 		onListStates,
 		presetLabels,
 		viewerConfig = {},
-		logoUrl
+		logoUrl,
+		onViewerReady
 	}: Props = $props();
 
 	const hasViewer = $derived(
@@ -189,6 +193,7 @@
 					isBlurred={drawerOpen}
 					{drawerOpen}
 					{logoUrl}
+					{onViewerReady}
 					viewerConfig={{
 						...viewerConfig,
 						backgroundColor: schema?.viewerOptions?.backgroundColor,
@@ -352,6 +357,7 @@
 							bind:isFullscreen={isViewerFullscreen}
 							{isSolving}
 							{logoUrl}
+							{onViewerReady}
 							viewerConfig={{
 								backgroundColor: schema?.viewerOptions?.backgroundColor
 							}}

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

@@ -1,6 +1,7 @@
 import type { UISchema, SupportedTypes, ParameterPreset } from '@selvajs/schemas';
 import type { ActionButton } from '../../types/actionButton';
 import type { PresetLabels } from '../../types/presetLabels';
+import type { ThreeViewer } from '@selvajs/visualization/render';
 import { type ViewerConfig } from '../viewer/Viewer.svelte';
 interface Props {
     schema: UISchema;
@@ -23,6 +24,8 @@ interface Props {
     viewerConfig?: ViewerConfig;
     /** Branding logo URL shown as a watermark in the viewer's bottom-right corner. */
     logoUrl?: string;
+    /** Hands the live three.js viewer to the host. See `Viewer.svelte`. */
+    onViewerReady?: (viewer: ThreeViewer) => void | (() => void);
 }
 declare const AppLayout: import("svelte").Component<Props, {}, "isViewerFullscreen">;
 type AppLayout = ReturnType<typeof AppLayout>;

package/dist/components/compute/ComputeApp.svelte

@@ -7,8 +7,9 @@
 	import type { PresetLabels } from '../../types/presetLabels';
 	import { createSolvingIndicator } from '../../compute/solving.svelte';
 	import { createRequestResponseDriver } from '@selvajs/solve/client';
-	import type { RetainedSolveResult } from '@selvajs/solve/client';
+	import type { RetainedSolveResult, SolveSession } from '@selvajs/solve/client';
 	import { meshPolicy } from '@selvajs/visualization/parse';
+	import type { ThreeViewer } from '@selvajs/visualization/render';
 	import { useSolveSession } from '../../compute/useSolveSession.svelte';
 	import { useFooterItem } from '../../composables/useFooterItem.svelte';
 	import { hexToOklch } from '../../utils/color';
@@ -62,7 +63,20 @@
 			 * A getter, not a snapshot: `onReady` fires once.
 			 */
 			getLastResult: () => RetainedSolveResult | null;
+			/**
+			 * The live solve session, for hosts driving solves from their own state —
+			 * `setValue`/`solve` to push inputs, `subscribe` to react to results.
+			 *
+			 * A getter for the same reason as `getLastResult`. Values written here go through the
+			 * same throttle and memo as the UI's, so it's safe to call at interaction rate.
+			 */
+			getSession: () => SolveSession;
 		}) => void;
+		/**
+		 * Hands the live three.js viewer to the host once it mounts, for apps drawing their own
+		 * content alongside solve results. See `Viewer.svelte` for the contract.
+		 */
+		onViewerReady?: (viewer: ThreeViewer) => void | (() => void);
 		headerRight?: Snippet;
 		// Replaces the built-in header; takes precedence over `headerRight`.
 		header?: Snippet;
@@ -104,6 +118,7 @@
 		headerRight,
 		header,
 		onReady,
+		onViewerReady,
 		externalScopeKey,
 		clientSlot,
 		lang
@@ -152,7 +167,8 @@
 	$effect(() => {
 		onReady?.({
 			loadValues: (incoming) => session.loadValues(incoming),
-			getLastResult: () => session.lastResult
+			getLastResult: () => session.lastResult,
+			getSession: () => session
 		});
 	});
 
@@ -240,6 +256,7 @@
 					bind:isViewerFullscreen
 					values={session.values}
 					logoUrl={logo}
+					{onViewerReady}
 					{panelActions}
 					{showSaveButton}
 					{showLoadButton}

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

@@ -2,7 +2,8 @@ import type { UISchema, ParameterPreset } from '@selvajs/schemas';
 import type { ActionButton } from '../../types/actionButton';
 import type { SolveFn } from '@selvajs/solve/shared';
 import type { PresetLabels } from '../../types/presetLabels';
-import type { RetainedSolveResult } from '@selvajs/solve/client';
+import type { RetainedSolveResult, SolveSession } from '@selvajs/solve/client';
+import type { ThreeViewer } from '@selvajs/visualization/render';
 import { type ClientSlot } from '../../contexts/clientSlotContext.svelte';
 import type { Locale } from '../../i18n/messages';
 import type { Snippet } from 'svelte';
@@ -47,7 +48,20 @@ interface Props {
          * A getter, not a snapshot: `onReady` fires once.
          */
         getLastResult: () => RetainedSolveResult | null;
+        /**
+         * The live solve session, for hosts driving solves from their own state —
+         * `setValue`/`solve` to push inputs, `subscribe` to react to results.
+         *
+         * A getter for the same reason as `getLastResult`. Values written here go through the
+         * same throttle and memo as the UI's, so it's safe to call at interaction rate.
+         */
+        getSession: () => SolveSession;
     }) => void;
+    /**
+     * Hands the live three.js viewer to the host once it mounts, for apps drawing their own
+     * content alongside solve results. See `Viewer.svelte` for the contract.
+     */
+    onViewerReady?: (viewer: ThreeViewer) => void | (() => void);
     headerRight?: Snippet;
     header?: Snippet;
     externalScopeKey?: string;

package/dist/components/viewer/Viewer.svelte

@@ -11,7 +11,8 @@
 		type CameraProjection,
 		type MeasureTool,
 		type ViewPreset,
-		type Grid
+		type Grid,
+		type ThreeViewer
 	} from '@selvajs/visualization/render';
 	import {
 		Maximize,
@@ -49,7 +50,7 @@
 		showGridToggle?: boolean;
 		/**
 		 * Expose the "Display" submenu (render style picker + edges toggle) in the tools menu.
-		 * Defaults on. Starts on the 'technical' style with edges shown.
+		 * Defaults on. Starts on the 'technical' style with edges hidden.
 		 */
 		showDisplayMenu?: boolean;
 		enableMeshClick?: boolean;
@@ -68,6 +69,16 @@
 		 * bottom-right corner. Omitted/empty renders nothing.
 		 */
 		logoUrl?: string;
+		/**
+		 * Hands the live three.js viewer to the host once the canvas is up, for apps drawing their
+		 * own content — `addUserGeometry` (survives solves), `tools.register` (claim clicks before
+		 * selection), `labelLayer`, `cameraController`.
+		 *
+		 * Return a cleanup function to tear down what you added; it runs before the viewer disposes.
+		 * Anything added outside a solve needs `viewer.invalidate()` to repaint — the render loop is
+		 * on-demand.
+		 */
+		onViewerReady?: (viewer: ThreeViewer) => void | (() => void);
 		/**
 		 * UI language for the viewer's own chrome (tools menu, panels, dialogs).
 		 * When set, the viewer provides it to its subtree. When omitted, the viewer
@@ -96,6 +107,7 @@
 		drawerOpen = false,
 		viewerConfig = {},
 		logoUrl,
+		onViewerReady,
 		lang
 	}: Props = $props();
 
@@ -141,10 +153,10 @@
 	let projection: CameraProjection = $state('perspective');
 	let measureActive = $state(false);
 	let gridVisible = $state(false);
-	// Render style + edge overlays. 'technical' is the default look; edges (crease lines) start on so
-	// the technical look reads as a CAD shaded view — both are user-switchable via the Display submenu.
+	// Render style + edge overlays. 'technical' is the default look; edges (crease lines) start off —
+	// both are user-switchable via the Display submenu.
 	let renderStyle: Look = $state('technical');
-	let edgesVisible = $state(true);
+	let edgesVisible = $state(false);
 	let selectedMeshMetadata: Record<string, any> | null = $state(null);
 	let selectedMeshName: string | null = $state(null);
 
@@ -225,7 +237,13 @@
 
 		const renderer = init.renderer;
 
+		// Untracked: the host's setup runs once against this canvas, and reading `meshes` or config
+		// inside it must not re-run onMount's teardown.
+		const hostCleanup = untrack(() => onViewerReady?.(init));
+
 		return () => {
+			// Before dispose, so the host can still remove its own objects from a live scene.
+			hostCleanup?.();
 			init.dispose();
 			// `{#key definitionKey}` recreates the canvas + WebGLRenderer + GL context
 			// on every definition switch; browsers cap live contexts (~16). Explicitly
@@ -352,7 +370,12 @@
 		: 'overflow-hidden rounded-[0.625rem]'}"
 >
 	<Resizable.PaneGroup direction="horizontal" class="h-full w-full">
-		<Resizable.Pane defaultSize={100} minSize={40}>
+		<!-- `defaultSize` must sum to 100 across the live panes. Panes register a frame before the
+		     group recomputes its layout, so a sum of 115 renders one frame at the raw flex-grow ratio
+		     and is then renormalized — and if the recompute short-circuits on an equal layout, the
+		     scene pane keeps a sliver of its intended width. Hence 85 + 15, and the explicit
+		     id/order so a conditionally-rendered pane keeps its slot. -->
+		<Resizable.Pane id="viewport" order={1} defaultSize={sceneManagerOpen ? 85 : 100} minSize={40}>
 			<div class="relative h-full w-full" style="touch-action: none;">
 				<canvas class="block h-full w-full" bind:this={canvas}></canvas>
 
@@ -565,7 +588,7 @@
 		<!-- Scene Manager Pane -->
 		{#if sceneManagerOpen && scene && outliner}
 			<Resizable.Handle withHandle />
-			<Resizable.Pane defaultSize={15} minSize={8} maxSize={30}>
+			<Resizable.Pane id="scene-manager" order={2} defaultSize={15} minSize={8} maxSize={30}>
 				<SceneManager {outliner} {sceneVersion} />
 			</Resizable.Pane>
 		{/if}

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

@@ -1,3 +1,4 @@
+import { type ThreeViewer } from '@selvajs/visualization/render';
 import type { Locale } from '../../i18n/messages';
 export interface ViewerConfig {
     showScreenshotButton?: boolean;
@@ -8,7 +9,7 @@ export interface ViewerConfig {
     showGridToggle?: boolean;
     /**
      * Expose the "Display" submenu (render style picker + edges toggle) in the tools menu.
-     * Defaults on. Starts on the 'technical' style with edges shown.
+     * Defaults on. Starts on the 'technical' style with edges hidden.
      */
     showDisplayMenu?: boolean;
     enableMeshClick?: boolean;
@@ -26,6 +27,16 @@ interface Props {
      * bottom-right corner. Omitted/empty renders nothing.
      */
     logoUrl?: string;
+    /**
+     * Hands the live three.js viewer to the host once the canvas is up, for apps drawing their
+     * own content — `addUserGeometry` (survives solves), `tools.register` (claim clicks before
+     * selection), `labelLayer`, `cameraController`.
+     *
+     * Return a cleanup function to tear down what you added; it runs before the viewer disposes.
+     * Anything added outside a solve needs `viewer.invalidate()` to repaint — the render loop is
+     * on-demand.
+     */
+    onViewerReady?: (viewer: ThreeViewer) => void | (() => void);
     /**
      * UI language for the viewer's own chrome (tools menu, panels, dialogs).
      * When set, the viewer provides it to its subtree. When omitted, the viewer

package/dist/public.d.ts

@@ -1,6 +1,8 @@
 export { default as AppLayout } from './components/compute/AppLayout.svelte';
 export { default as ComputeApp } from './components/compute/ComputeApp.svelte';
 export { default as Viewer, type ViewerConfig } from './components/viewer/Viewer.svelte';
+export type { ThreeViewer, PointerTool, ToolRegistry, ToolRegistration, LabelLayer, LabelHandle, CameraController, ViewPreset } from '@selvajs/visualization/render';
+export { appSource, isHostOwned, isOwnedBy, pointerToNdc } from '@selvajs/visualization/render';
 export type { Locale, ViewerMessages } from './i18n/messages';
 export { VIEWER_MESSAGES, DEFAULT_LOCALE, messagesFor } from './i18n/messages';
 export { setLocaleContext, getLocaleContext, type LocaleContext } from './i18n/localeContext.svelte';

package/dist/public.js

@@ -26,6 +26,7 @@ export { default as ComputeApp } from './components/compute/ComputeApp.svelte';
 // an optional `viewerConfig`. Pass `lang` to localize its chrome, or provide a
 // locale context (setLocaleContext) at the host root to drive it app-wide.
 export { default as Viewer } from './components/viewer/Viewer.svelte';
+export { appSource, isHostOwned, isOwnedBy, pointerToNdc } from '@selvajs/visualization/render';
 export { VIEWER_MESSAGES, DEFAULT_LOCALE, messagesFor } from './i18n/messages';
 export { setLocaleContext, getLocaleContext } from './i18n/localeContext.svelte';
 // Full-screen states a host app renders

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selvajs/ui",
-  "version": "6.0.0-beta.5",
+  "version": "6.0.0-beta.6",
   "description": "Shared UI components and utilities for Selva applications",
   "license": "MIT",
   "author": "VektorNode",
@@ -62,7 +62,7 @@
     "@selvajs/compute": "^4.0.0-beta.5",
     "@selvajs/schemas": "^5.0.0-beta.2",
     "@selvajs/solve": "^1.0.0-beta.9",
-    "@selvajs/visualization": "^1.0.0-beta.2"
+    "@selvajs/visualization": "^1.0.0-beta.3"
   },
   "peerDependenciesMeta": {
     "three": {
@@ -90,10 +90,10 @@
     "svelte": "5.56.8",
     "tailwind-variants": "^3.3.0",
     "vitest": "^4.1.10",
-    "@selvajs/compute": "4.0.0-beta.5",
     "@selvajs/config": "0.0.3",
     "@selvajs/schemas": "5.0.0-beta.2",
-    "@selvajs/visualization": "1.0.0-beta.2",
+    "@selvajs/compute": "4.0.0-beta.5",
+    "@selvajs/visualization": "1.0.0-beta.3",
     "@selvajs/solve": "1.0.0-beta.9"
   },
   "scripts": {

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

@@ -3,6 +3,7 @@
 	import type { ActionButton } from '../../types/actionButton';
 	import type { PresetLabels } from '../../types/presetLabels';
 	import { ChevronUp } from '@lucide/svelte';
+	import type { ThreeViewer } from '@selvajs/visualization/render';
 	import Viewer, { type ViewerConfig } from '../viewer/Viewer.svelte';
 	import CalculateButton from '../primitives/CalculateButton.svelte';
 	import SolvingIndicator from '../primitives/SolvingIndicator.svelte';
@@ -39,6 +40,8 @@
 		viewerConfig?: ViewerConfig;
 		/** Branding logo URL shown as a watermark in the viewer's bottom-right corner. */
 		logoUrl?: string;
+		/** Hands the live three.js viewer to the host. See `Viewer.svelte`. */
+		onViewerReady?: (viewer: ThreeViewer) => void | (() => void);
 	}
 
 	let {
@@ -60,7 +63,8 @@
 		onListStates,
 		presetLabels,
 		viewerConfig = {},
-		logoUrl
+		logoUrl,
+		onViewerReady
 	}: Props = $props();
 
 	const hasViewer = $derived(
@@ -189,6 +193,7 @@
 					isBlurred={drawerOpen}
 					{drawerOpen}
 					{logoUrl}
+					{onViewerReady}
 					viewerConfig={{
 						...viewerConfig,
 						backgroundColor: schema?.viewerOptions?.backgroundColor,
@@ -352,6 +357,7 @@
 							bind:isFullscreen={isViewerFullscreen}
 							{isSolving}
 							{logoUrl}
+							{onViewerReady}
 							viewerConfig={{
 								backgroundColor: schema?.viewerOptions?.backgroundColor
 							}}

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

@@ -7,8 +7,9 @@
 	import type { PresetLabels } from '../../types/presetLabels';
 	import { createSolvingIndicator } from '../../compute/solving.svelte';
 	import { createRequestResponseDriver } from '@selvajs/solve/client';
-	import type { RetainedSolveResult } from '@selvajs/solve/client';
+	import type { RetainedSolveResult, SolveSession } from '@selvajs/solve/client';
 	import { meshPolicy } from '@selvajs/visualization/parse';
+	import type { ThreeViewer } from '@selvajs/visualization/render';
 	import { useSolveSession } from '../../compute/useSolveSession.svelte';
 	import { useFooterItem } from '../../composables/useFooterItem.svelte';
 	import { hexToOklch } from '../../utils/color';
@@ -62,7 +63,20 @@
 			 * A getter, not a snapshot: `onReady` fires once.
 			 */
 			getLastResult: () => RetainedSolveResult | null;
+			/**
+			 * The live solve session, for hosts driving solves from their own state —
+			 * `setValue`/`solve` to push inputs, `subscribe` to react to results.
+			 *
+			 * A getter for the same reason as `getLastResult`. Values written here go through the
+			 * same throttle and memo as the UI's, so it's safe to call at interaction rate.
+			 */
+			getSession: () => SolveSession;
 		}) => void;
+		/**
+		 * Hands the live three.js viewer to the host once it mounts, for apps drawing their own
+		 * content alongside solve results. See `Viewer.svelte` for the contract.
+		 */
+		onViewerReady?: (viewer: ThreeViewer) => void | (() => void);
 		headerRight?: Snippet;
 		// Replaces the built-in header; takes precedence over `headerRight`.
 		header?: Snippet;
@@ -104,6 +118,7 @@
 		headerRight,
 		header,
 		onReady,
+		onViewerReady,
 		externalScopeKey,
 		clientSlot,
 		lang
@@ -152,7 +167,8 @@
 	$effect(() => {
 		onReady?.({
 			loadValues: (incoming) => session.loadValues(incoming),
-			getLastResult: () => session.lastResult
+			getLastResult: () => session.lastResult,
+			getSession: () => session
 		});
 	});
 
@@ -240,6 +256,7 @@
 					bind:isViewerFullscreen
 					values={session.values}
 					logoUrl={logo}
+					{onViewerReady}
 					{panelActions}
 					{showSaveButton}
 					{showLoadButton}

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

@@ -11,7 +11,8 @@
 		type CameraProjection,
 		type MeasureTool,
 		type ViewPreset,
-		type Grid
+		type Grid,
+		type ThreeViewer
 	} from '@selvajs/visualization/render';
 	import {
 		Maximize,
@@ -49,7 +50,7 @@
 		showGridToggle?: boolean;
 		/**
 		 * Expose the "Display" submenu (render style picker + edges toggle) in the tools menu.
-		 * Defaults on. Starts on the 'technical' style with edges shown.
+		 * Defaults on. Starts on the 'technical' style with edges hidden.
 		 */
 		showDisplayMenu?: boolean;
 		enableMeshClick?: boolean;
@@ -68,6 +69,16 @@
 		 * bottom-right corner. Omitted/empty renders nothing.
 		 */
 		logoUrl?: string;
+		/**
+		 * Hands the live three.js viewer to the host once the canvas is up, for apps drawing their
+		 * own content — `addUserGeometry` (survives solves), `tools.register` (claim clicks before
+		 * selection), `labelLayer`, `cameraController`.
+		 *
+		 * Return a cleanup function to tear down what you added; it runs before the viewer disposes.
+		 * Anything added outside a solve needs `viewer.invalidate()` to repaint — the render loop is
+		 * on-demand.
+		 */
+		onViewerReady?: (viewer: ThreeViewer) => void | (() => void);
 		/**
 		 * UI language for the viewer's own chrome (tools menu, panels, dialogs).
 		 * When set, the viewer provides it to its subtree. When omitted, the viewer
@@ -96,6 +107,7 @@
 		drawerOpen = false,
 		viewerConfig = {},
 		logoUrl,
+		onViewerReady,
 		lang
 	}: Props = $props();
 
@@ -141,10 +153,10 @@
 	let projection: CameraProjection = $state('perspective');
 	let measureActive = $state(false);
 	let gridVisible = $state(false);
-	// Render style + edge overlays. 'technical' is the default look; edges (crease lines) start on so
-	// the technical look reads as a CAD shaded view — both are user-switchable via the Display submenu.
+	// Render style + edge overlays. 'technical' is the default look; edges (crease lines) start off —
+	// both are user-switchable via the Display submenu.
 	let renderStyle: Look = $state('technical');
-	let edgesVisible = $state(true);
+	let edgesVisible = $state(false);
 	let selectedMeshMetadata: Record<string, any> | null = $state(null);
 	let selectedMeshName: string | null = $state(null);
 
@@ -225,7 +237,13 @@
 
 		const renderer = init.renderer;
 
+		// Untracked: the host's setup runs once against this canvas, and reading `meshes` or config
+		// inside it must not re-run onMount's teardown.
+		const hostCleanup = untrack(() => onViewerReady?.(init));
+
 		return () => {
+			// Before dispose, so the host can still remove its own objects from a live scene.
+			hostCleanup?.();
 			init.dispose();
 			// `{#key definitionKey}` recreates the canvas + WebGLRenderer + GL context
 			// on every definition switch; browsers cap live contexts (~16). Explicitly
@@ -352,7 +370,12 @@
 		: 'overflow-hidden rounded-[0.625rem]'}"
 >
 	<Resizable.PaneGroup direction="horizontal" class="h-full w-full">
-		<Resizable.Pane defaultSize={100} minSize={40}>
+		<!-- `defaultSize` must sum to 100 across the live panes. Panes register a frame before the
+		     group recomputes its layout, so a sum of 115 renders one frame at the raw flex-grow ratio
+		     and is then renormalized — and if the recompute short-circuits on an equal layout, the
+		     scene pane keeps a sliver of its intended width. Hence 85 + 15, and the explicit
+		     id/order so a conditionally-rendered pane keeps its slot. -->
+		<Resizable.Pane id="viewport" order={1} defaultSize={sceneManagerOpen ? 85 : 100} minSize={40}>
 			<div class="relative h-full w-full" style="touch-action: none;">
 				<canvas class="block h-full w-full" bind:this={canvas}></canvas>
 
@@ -565,7 +588,7 @@
 		<!-- Scene Manager Pane -->
 		{#if sceneManagerOpen && scene && outliner}
 			<Resizable.Handle withHandle />
-			<Resizable.Pane defaultSize={15} minSize={8} maxSize={30}>
+			<Resizable.Pane id="scene-manager" order={2} defaultSize={15} minSize={8} maxSize={30}>
 				<SceneManager {outliner} {sceneVersion} />
 			</Resizable.Pane>
 		{/if}

package/src/lib/public.ts

@@ -29,6 +29,24 @@ export { default as ComputeApp } from './components/compute/ComputeApp.svelte';
 // locale context (setLocaleContext) at the host root to drive it app-wide.
 export { default as Viewer, type ViewerConfig } from './components/viewer/Viewer.svelte';
 
+// Viewer app seam. `onViewerReady` (on <Viewer> and <ComputeApp>) hands over the
+// live three.js viewer, so a host can draw its own content into the same scene as
+// the solve results — a point cloud, draft lines, annotations — and register
+// pointer tools that claim clicks ahead of object selection. Re-exported from
+// @selvajs/visualization/render so hosts can annotate without depending on it
+// directly; `three` stays a peer dep of that package either way.
+export type {
+	ThreeViewer,
+	PointerTool,
+	ToolRegistry,
+	ToolRegistration,
+	LabelLayer,
+	LabelHandle,
+	CameraController,
+	ViewPreset
+} from '@selvajs/visualization/render';
+export { appSource, isHostOwned, isOwnedBy, pointerToNdc } from '@selvajs/visualization/render';
+
 // Viewer localization. The library renders English + German chrome; switch at
 // runtime by passing `lang` to <Viewer> or by setting a reactive locale context
 // once at the host root (e.g. feed in an app-wide Paraglide locale). Does not