@signal9/era-ui 2.3.0 → 2.5.0

package/dist/generated-docs/llm-shell.md

@@ -0,0 +1,3 @@
+# LLM Shell
+
+Streaming chat built from the AI suite — reasoning, tools, markdown.

package/dist/generated-docs/llms-full.txt

@@ -55,6 +55,14 @@ Make any element draggable with @neodrag/svelte v3.
 
 <!-- end: draggable -->
 
+<!-- begin: llm-shell -->
+
+# LLM Shell
+
+Streaming chat built from the AI suite — reasoning, tools, markdown.
+
+<!-- end: llm-shell -->
+
 <!-- begin: os -->
 
 # OS Shell

package/dist/generated-docs/llms.txt

@@ -31,4 +31,4 @@ Full concatenated reference: `{{ORIGIN}}/llms-full.txt`.
 
 ## Components
 
-spacing, surfaces, draggable, os, aspect-ratio, badge, avatar, bar, button, button-group, pane, card, chip, code-block, kv, separator, sheet, skeleton, switch, toggle, accordion, alert-dialog, calendar, checkbox, collapsible, combobox, command, command-bar, step, context-menu, date-field, date-picker, date-range-field, date-range-picker, dialog, dropdown-menu, file-upload, scroll-area, input, link-preview, label, menu, menubar, meter, navigation-menu, mode, pagination, pin-input, popover, progress, range-calendar, radio-group, rating-group, select, slider, table, tabs, time-field, time-range-field, toggle-group, toolbar, video-player, tooltip
+spacing, surfaces, draggable, llm-shell, os, aspect-ratio, badge, avatar, bar, button, button-group, pane, card, chip, code-block, kv, separator, sheet, skeleton, switch, toggle, accordion, alert-dialog, calendar, checkbox, collapsible, combobox, command, command-bar, step, context-menu, date-field, date-picker, date-range-field, date-range-picker, dialog, dropdown-menu, file-upload, scroll-area, input, link-preview, label, menu, menubar, meter, navigation-menu, mode, pagination, pin-input, popover, progress, range-calendar, radio-group, rating-group, select, slider, table, tabs, time-field, time-range-field, toggle-group, toolbar, video-player, tooltip

package/dist/generated-docs/manifest.json

@@ -24,6 +24,14 @@
       "sections": [],
       "file": "draggable.md"
     },
+    {
+      "slug": "llm-shell",
+      "title": "LLM Shell",
+      "summary": "Streaming chat built from the AI suite — reasoning, tools, markdown.",
+      "tokenEstimate": 21,
+      "sections": [],
+      "file": "llm-shell.md"
+    },
     {
       "slug": "os",
       "title": "OS Shell",

package/dist/os/desktop.svelte

@@ -34,14 +34,40 @@
 	// Feed the live viewport size to the store so maximize / snap have real bounds.
 	let w = $state(0);
 	let h = $state(0);
+	let ref = $state<HTMLDivElement | null>(null);
+
+	// Selection containment: a text drag that starts in one window must never
+	// bleed into its neighbours — while the primary button is down, every
+	// OTHER window goes user-select:none, restored on release. The browser has
+	// no cross-window selection fence (user-select: contain never shipped), so
+	// this is the whole mechanism.
+	function containSelection(e: PointerEvent) {
+		if (e.button !== 0 || !ref) return;
+		const origin = (e.target as Element | null)?.closest?.('[data-window]');
+		if (!origin) return;
+		const muted: HTMLElement[] = [];
+		for (const el of ref.querySelectorAll<HTMLElement>('[data-window]')) {
+			if (el !== origin) {
+				el.style.userSelect = 'none';
+				muted.push(el);
+			}
+		}
+		const release = () => {
+			for (const el of muted) el.style.userSelect = '';
+		};
+		window.addEventListener('pointerup', release, { once: true });
+		window.addEventListener('pointercancel', release, { once: true });
+	}
 	$effect(() => {
 		wm.bounds = { width: w, height: h };
 	});
 </script>
 
 <div
+	bind:this={ref}
 	bind:clientWidth={w}
 	bind:clientHeight={h}
+	onpointerdowncapture={containSelection}
 	data-desktop
 	class={cn('relative h-full w-full overflow-hidden bg-(--color-1)', className)}
 	{...restProps}

package/dist/os/taskbar.svelte

@@ -185,6 +185,13 @@
 				<Button
 					active={wm.focusedId === win.id && win.state !== 'minimized'}
 					onclick={() => wm.toggleMinimize(win.id)}
+					onauxclick={(e: MouseEvent) => {
+						if (e.button === 1) wm.close(win.id);
+					}}
+					onpointerdown={(e: PointerEvent) => {
+						// Cancel middle pointerdown so autoscroll never engages.
+						if (e.button === 1) e.preventDefault();
+					}}
 					class={cn('max-w-48 min-w-0 justify-start', win.state === 'minimized' && 'opacity-60')}
 				>
 					{#if win.icon}{@const Icon = win.icon}<Icon class="size-(--era-h-xs) shrink-0" />{/if}
@@ -216,17 +223,20 @@
 	<!-- System tray -->
 	<div class="flex shrink-0 items-center gap-(--era-gap)">
 		{@render end?.()}
-		<div class="relative">
-			<Button icon size="default" aria-label="Notifications" onclick={onNotifications}>
-				<Bell class="size-(--era-h-xs)" />
-			</Button>
-			{#if notif.unread > 0}
+		<!-- The bell only exists while there's something unread — silent means
+		     no dead chrome (the center stays reachable via onNotifications
+		     consumers' own affordances). -->
+		{#if notif.unread > 0}
+			<div class="relative">
+				<Button icon size="default" aria-label="Notifications" onclick={onNotifications}>
+					<Bell class="size-(--era-h-xs)" />
+				</Button>
 				<span
 					class="absolute -top-0.5 -right-0.5 flex min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[0.65rem] leading-4 text-primary-fg"
 				>
 					{notif.unread > 99 ? '99+' : notif.unread}
 				</span>
-			{/if}
-		</div>
+			</div>
+		{/if}
 	</div>
 </div>

package/dist/os/window.svelte

@@ -59,6 +59,7 @@
 
 <Pane.Root
 	bind:ref
+	data-window
 	bind:position={win.pos}
 	bind:size={win.size}
 	resizable={win.resizable}
@@ -99,7 +100,8 @@
 					// Cancelling the middle pointerdown suppresses its compatibility
 					// mouse events, so the browser's autoscroll never engages.
 					if (e.button === 1) e.preventDefault();
-					armed = e.button === 2 ? 'minimize' : e.button === 1 ? 'maximize' : null;
+					armed =
+							e.button === 2 && win.minimizable ? 'minimize' : e.button === 1 ? 'maximize' : null;
 				}}
 				onpointerup={(e: PointerEvent) => {
 					if (e.button === 2 && armed === 'minimize') wm.minimize(win.id);

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

@@ -50,6 +50,10 @@ export interface AppDefinition {
     singleton?: boolean;
     /** Show a resize grip (default true). */
     resizable?: boolean;
+    /** One switch for the whole minimize affordance (default true): off, the
+     *  × gesture won't arm it and taskbar tabs only focus — minimize() and
+     *  toggleMinimize() become focus-only no-ops. */
+    minimizable?: boolean;
     /** Extra classes for the window body (Pane.Content) — e.g. `p-(--era-gap)`
      *  for a body of controls, or `p-0` for a full-bleed app. */
     bodyClass?: string;
@@ -73,6 +77,7 @@ export interface AppWindow {
     restore: Frame | null;
     component?: AppComponent;
     resizable: boolean;
+    minimizable: boolean;
     bodyClass?: string;
 }
 /** A named virtual desktop. Every window belongs to exactly one; only the

package/dist/os/wm.svelte.js

@@ -104,6 +104,7 @@ export class WindowManager {
             restore: null,
             component: app.component,
             resizable: overrides?.resizable ?? app.resizable ?? true,
+            minimizable: app.minimizable ?? true,
             bodyClass: app.bodyClass
         };
         this.windows.push(win);
@@ -128,7 +129,7 @@ export class WindowManager {
     }
     minimize(id) {
         const w = this.#find(id);
-        if (w)
+        if (w?.minimizable)
             w.state = 'minimized';
     }
     /** Taskbar behaviour: focus if not focused, else minimize; restore if minimized. */
@@ -136,7 +137,7 @@ export class WindowManager {
         const w = this.#find(id);
         if (!w)
             return;
-        if (w.state === 'minimized')
+        if (w.state === 'minimized' || !w.minimizable)
             this.focus(id);
         else if (this.focusedId === id)
             w.state = 'minimized';

package/package.json

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