@signal9/era-ui 30.1.2 → 30.1.3

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [30.1.3](https://github.com/sig-nine/era-ui/compare/v30.1.2...v30.1.3) (2026-08-16)
+
+### Bug Fixes
+
+* **os:** stop printing a framework warning into consumer consoles ([312e1d5](https://github.com/sig-nine/era-ui/commit/312e1d531f4df19443282917819700b66f37ccfe))
+
 ## [30.1.2](https://github.com/sig-nine/era-ui/compare/v30.1.1...v30.1.2) (2026-08-16)
 
 ### Bug Fixes

package/dist/os/desktop.svelte

@@ -162,9 +162,21 @@
 	<div class="absolute inset-0 isolate">
 		<!-- Only the active workspace paints; other workspaces' panes keep
 		     their state untouched and simply aren't in the tree. Keyed by id, so
-		     switching back remounts them exactly where they were. -->
-		{#each pm.activePanes as pane (pane.id)}
-			<Pane {pane} />
+		     switching back remounts them exactly where they were.
+
+		     ITERATING pm.panes AND FILTERING HERE, rather than iterating the
+		     `activePanes` derived, is what makes `bind:` below legal: a pane's
+		     geometry is written by Pane.Root through two bindings, and Svelte's
+		     ownership check wants that declared the whole way up — but you cannot
+		     bind to an item of a DERIVED array. `pm.panes[i]` is the same object
+		     the derived would have yielded, in the same order (activePanes is a
+		     pure filter), and the {#if} unmounts exactly what the filter excluded.
+		     Without this the shell logged ownership_invalid_binding twice per
+		     pane into every consumer's dev console. -->
+		{#each pm.panes as pane, i (pane.id)}
+			{#if pane.workspaceId === pm.activeWorkspaceId}
+				<Pane bind:pane={pm.panes[i]} />
+			{/if}
 		{/each}
 	</div>
 	{@render children?.()}

package/dist/os/pane.svelte

@@ -8,7 +8,16 @@
 	import { cn } from '../utils/index.js';
 	import { getPaneManager, type AppPane } from './pane-manager.svelte.js';
 
-	let { pane }: { pane: AppPane } = $props();
+	// $bindable, though nothing here ever reassigns it. Pane.Root takes
+	// `position` and `size` with bind:, which WRITES to pane.pos / pane.size —
+	// state this component does not own. Svelte's dev-mode ownership check
+	// followed that write up the tree, found no declared binding, and logged
+	// ownership_invalid_binding on every pane mount: era's own shell printing
+	// two framework warnings per load into every consumer's dev console.
+	// Declaring the binding here and using it in desktop.svelte is Svelte's own
+	// remedy for the message; it costs nothing at runtime and says out loud
+	// what the component has always done.
+	let { pane = $bindable() }: { pane: AppPane } = $props();
 
 	const pm = getPaneManager();
 	const focused = $derived(pm.focusedId === pane.id);

package/dist/os/pane.svelte.d.ts

@@ -3,6 +3,6 @@ import { type AppPane } from './pane-manager.svelte.js';
 type $$ComponentProps = {
     pane: AppPane;
 };
-declare const Pane: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const Pane: import("svelte").Component<$$ComponentProps, {}, "pane">;
 type Pane = ReturnType<typeof Pane>;
 export default Pane;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "30.1.2",
+	"version": "30.1.3",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",