@signal9/era-ui 12.1.2 → 13.0.0

package/dist/ui/dialog/dialog-overlay.svelte

@@ -5,4 +5,8 @@
 	let { ref = $bindable(null), class: className, ...restProps }: Dialog.OverlayProps = $props();
 </script>
 
-<Dialog.Overlay bind:ref class={cn('fixed inset-0 z-50 bg-overlay', className)} {...restProps} />
+<Dialog.Overlay
+	bind:ref
+	class={cn('fixed inset-0 z-overlay bg-overlay', className)}
+	{...restProps}
+/>

package/dist/ui/dropdown-menu/dropdown-menu-content.svelte

@@ -29,7 +29,7 @@
 		// floating menu, like the context menu it should match: full radius, a
 		// gutter of air, shadow doing the separating.
 		class={cn(
-			'z-50 w-max min-w-(--bits-dropdown-menu-anchor-width) overflow-hidden rounded-control bg-elevated p-menu shadow-lg glass-blur',
+			'z-overlay w-max min-w-(--bits-dropdown-menu-anchor-width) overflow-hidden rounded-control bg-elevated p-menu shadow-lg glass-blur',
 			className
 		)}
 		{sideOffset}

package/dist/ui/dropdown-menu/dropdown-menu-sub-content.svelte

@@ -15,7 +15,7 @@
 	<DropdownMenu.SubContent
 		bind:ref
 		class={cn(
-			'z-50 w-max overflow-hidden rounded-control bg-elevated p-menu shadow-lg glass-blur',
+			'z-overlay w-max overflow-hidden rounded-control bg-elevated p-menu shadow-lg glass-blur',
 			className
 		)}
 		{sideOffset}

package/dist/ui/link-preview/link-preview-content.svelte

@@ -15,7 +15,7 @@
 	<LinkPreview.Content
 		bind:ref
 		class={cn(
-			'z-50 max-w-xs rounded-control bg-elevated p-inset-control text-body shadow-lg glass-blur',
+			'z-overlay max-w-xs rounded-control bg-elevated p-inset-control text-body shadow-lg glass-blur',
 			className
 		)}
 		{sideOffset}

package/dist/ui/menubar/menubar-content.svelte

@@ -29,7 +29,7 @@
 		// floating menu, like the context menu it should match: full radius, a
 		// gutter of air, shadow doing the separating.
 		class={cn(
-			'z-50 w-max min-w-(--bits-menubar-menu-anchor-width) overflow-hidden rounded-control bg-elevated p-menu shadow-lg glass-blur',
+			'z-overlay w-max min-w-(--bits-menubar-menu-anchor-width) overflow-hidden rounded-control bg-elevated p-menu shadow-lg glass-blur',
 			className
 		)}
 		{sideOffset}

package/dist/ui/menubar/menubar-sub-content.svelte

@@ -15,7 +15,7 @@
 	<Menubar.SubContent
 		bind:ref
 		class={cn(
-			'z-50 w-max overflow-hidden rounded-control bg-elevated p-menu shadow-lg glass-blur',
+			'z-overlay w-max overflow-hidden rounded-control bg-elevated p-menu shadow-lg glass-blur',
 			className
 		)}
 		{sideOffset}

package/dist/ui/popover/popover-content.svelte

@@ -22,7 +22,7 @@
 	// floating menu, like the context menu it should match: full radius, a
 	// gutter of air, shadow doing the separating.
 	class={cn(
-		'z-50 w-max min-w-(--bits-popover-anchor-width) overflow-hidden rounded-control bg-elevated p-card shadow-lg glass-blur',
+		'z-overlay w-max min-w-(--bits-popover-anchor-width) overflow-hidden rounded-control bg-elevated p-card shadow-lg glass-blur',
 		className
 	)}
 	{sideOffset}

package/dist/ui/select/select-content.svelte

@@ -29,7 +29,7 @@
 	// 2px frame that stops a full-width highlight from breaking their chrome.
 	// A fixed gutter was tried here and rejected: it padded flat menus too.
 	class={cn(
-		'z-50 w-max min-w-(--bits-select-anchor-width) overflow-hidden rounded-control bg-elevated p-menu shadow-lg glass-blur data-[side=bottom]:rounded-t-none data-[side=top]:rounded-b-none',
+		'z-overlay w-max min-w-(--bits-select-anchor-width) overflow-hidden rounded-control bg-elevated p-menu shadow-lg glass-blur data-[side=bottom]:rounded-t-none data-[side=top]:rounded-b-none',
 		className
 	)}
 	{sideOffset}

package/dist/ui/sheet/sheet-content.svelte

@@ -7,7 +7,7 @@
 	// border-divider on every side: the pane's hairline-edge law — on flat,
 	// shadow-lg collapses to none and the sheet's edge was a bare tone step.
 	export const sheetVariants = tv({
-		base: 'fixed z-50 flex flex-col border border-divider bg-well shadow-lg glass-blur',
+		base: 'fixed z-overlay flex flex-col border border-divider bg-well shadow-lg glass-blur',
 		variants: {
 			// The two axes meet at the corners: the SIDE picks which corners are
 			// detached from the screen edge, the HEADER picks their radius. Stated

package/dist/ui/sheet/sheet-content.svelte.d.ts

@@ -17,7 +17,7 @@ export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
         true: "[--sheet-rd:var(--era-rd-control)]";
         false: "[--sheet-rd:var(--era-rd-bar)] gap-gutter overflow-y-auto p-card";
     };
-}, undefined, "fixed z-50 flex flex-col border border-divider bg-well shadow-lg glass-blur", {
+}, undefined, "fixed z-overlay flex flex-col border border-divider bg-well shadow-lg glass-blur", {
     side: {
         top: "inset-x-0 top-0 max-h-[85dvh] rounded-b-(--sheet-rd)";
         bottom: "inset-x-0 bottom-0 max-h-[85dvh] rounded-t-(--sheet-rd)";

package/dist/ui/tooltip/tooltip-content.svelte

@@ -15,7 +15,7 @@
 	<Tooltip.Content
 		bind:ref
 		class={cn(
-			'z-50 inline-flex h-pill items-center gap-gutter rounded-pill bg-elevated px-inset-pill text-body leading-none whitespace-nowrap text-fg shadow-lg glass-blur has-[svg]:gap-inset-pill',
+			'z-overlay inline-flex h-pill items-center gap-gutter rounded-pill bg-elevated px-inset-pill text-body leading-none whitespace-nowrap text-fg shadow-lg glass-blur has-[svg]:gap-inset-pill',
 			className
 		)}
 		{sideOffset}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "12.1.2",
+	"version": "13.0.0",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",
@@ -20,9 +20,11 @@
 		"check:tokens": "node --experimental-strip-types scripts/check-tokens.ts",
 		"check:routes": "node --experimental-strip-types scripts/check-routes.ts",
 		"check:canonical": "node --experimental-strip-types scripts/check-canonical.ts",
+		"check:layers": "node --experimental-strip-types scripts/check-layers.ts",
+		"check:themes": "node --experimental-strip-types scripts/check-themes.ts",
 		"build:llm-docs": "node --experimental-strip-types scripts/build-llm-docs.ts",
-		"prebuild": "npm run check:surfaces && npm run check:tokens && npm run check:routes && npm run check:canonical && npm run build:llm-docs",
-		"validate": "npm run check && npm run lint && npm run format:check && npm run check:surfaces && npm run check:tokens && npm run check:routes && npm run check:canonical",
+		"prebuild": "npm run check:surfaces && npm run check:tokens && npm run check:routes && npm run check:canonical && npm run check:layers && npm run check:themes && npm run build:llm-docs",
+		"validate": "npm run check && npm run lint && npm run format:check && npm run check:surfaces && npm run check:tokens && npm run check:routes && npm run check:canonical && npm run check:layers && npm run check:themes",
 		"test": "npm run test:visual"
 	},
 	"files": [
@@ -58,15 +60,10 @@
 			"svelte": "./dist/ai/*/index.js",
 			"default": "./dist/ai/*/index.js"
 		},
-		"./apps": {
-			"types": "./dist/apps/index.d.ts",
-			"svelte": "./dist/apps/index.js",
-			"default": "./dist/apps/index.js"
-		},
-		"./apps/*": {
-			"types": "./dist/apps/*/index.d.ts",
-			"svelte": "./dist/apps/*/index.js",
-			"default": "./dist/apps/*/index.js"
+		"./theme": {
+			"types": "./dist/theme/index.d.ts",
+			"svelte": "./dist/theme/index.js",
+			"default": "./dist/theme/index.js"
 		},
 		"./os": {
 			"types": "./dist/os/index.d.ts",

package/dist/apps/index.d.ts

@@ -1,20 +0,0 @@
-/**
- * The apps layer — whole, opinionated applications built out of era primitives.
- *
- * `ui/` ships unopinionated pieces and `ai/` ships chat/agent composites; an app
- * here is the finished thing: its own data model, its own persistence, its own
- * keyboard map. You drop it into a window and it works. That also means an app
- * makes product decisions a primitive never would, which is exactly why these
- * live behind their own subpath instead of the root barrel.
- *
- * Apps are NOT re-exported from `@signal9/era-ui`. Each carries heavy,
- * app-specific dependencies (Notes brings TipTap), and the same reasoning that
- * isolates `ai/workflow` on its own subpath applies here: a consumer who never
- * imports an app never pays for it. Import from `@signal9/era-ui/apps` (or a
- * single app, e.g. `@signal9/era-ui/apps/notes`) and install that app's peers.
- *
- * Exports are flat and prefixed by app (`Notes`, `NotesStore`, `NoteEditor`) so
- * a second app can land without a namespace churn.
- */
-export * from './llm-shell/index.js';
-export * from './notes/index.js';

package/dist/apps/index.js

@@ -1,20 +0,0 @@
-/**
- * The apps layer — whole, opinionated applications built out of era primitives.
- *
- * `ui/` ships unopinionated pieces and `ai/` ships chat/agent composites; an app
- * here is the finished thing: its own data model, its own persistence, its own
- * keyboard map. You drop it into a window and it works. That also means an app
- * makes product decisions a primitive never would, which is exactly why these
- * live behind their own subpath instead of the root barrel.
- *
- * Apps are NOT re-exported from `@signal9/era-ui`. Each carries heavy,
- * app-specific dependencies (Notes brings TipTap), and the same reasoning that
- * isolates `ai/workflow` on its own subpath applies here: a consumer who never
- * imports an app never pays for it. Import from `@signal9/era-ui/apps` (or a
- * single app, e.g. `@signal9/era-ui/apps/notes`) and install that app's peers.
- *
- * Exports are flat and prefixed by app (`Notes`, `NotesStore`, `NoteEditor`) so
- * a second app can land without a namespace churn.
- */
-export * from './llm-shell/index.js';
-export * from './notes/index.js';

package/dist/apps/llm-shell/index.d.ts

@@ -1,2 +0,0 @@
-export { default as LlmShell } from './llm-shell.svelte';
-export type { LlmBlock, LlmConversation, LlmMessage, LlmSwarm, LlmToolChip, LlmUsage } from './types.js';

package/dist/apps/llm-shell/index.js

@@ -1 +0,0 @@
-export { default as LlmShell } from './llm-shell.svelte';

package/dist/apps/llm-shell/llm-shell.svelte

@@ -1,334 +0,0 @@
-<script lang="ts">
-	/**
-	 * LLM Shell — a streaming chat console, assembled entirely from the AI suite.
-	 *
-	 * A conversation rail (rename / star / delete / time buckets), a run-status
-	 * strip, reasoning and tool steps with structured output and a runtime feed,
-	 * an editable approval gate, an error panel, a compact chip row, a markdown
-	 * response with a stream cursor, and a per-turn usage footer.
-	 *
-	 * The app owns PRESENTATION and interaction wiring only — it is deliberately
-	 * backend-free. The host owns the model: it passes conversations in, and gets
-	 * `onSend` / `onNewChat` / `onDelete` / `onStop` back. That is the same split
-	 * Notes draws with its adapter, and it is why the docs demo can drive this
-	 * with a canned stream while a real app drives it from an SDK without
-	 * touching the component.
-	 *
-	 * Every presentation the suite offers is reachable through the LlmBlock union
-	 * (see types.ts), so a host maps its stream into blocks rather than composing
-	 * AI parts by hand.
-	 */
-	import type { Snippet } from 'svelte';
-	import * as AI from '../../ai/index.js';
-	import { Button } from '../../ui/button/index.js';
-	import { Card } from '../../ui/card/index.js';
-	import Copy from '@lucide/svelte/icons/copy';
-	import RotateCcw from '@lucide/svelte/icons/rotate-ccw';
-	import Sparkles from '@lucide/svelte/icons/sparkles';
-	import Plus from '@lucide/svelte/icons/plus';
-	import { cn } from '../../utils/index.js';
-	import LlmSwarmBlock from './llm-swarm.svelte';
-	import type { ChatStatus, LlmBlock, LlmConversation, LlmMessage, RunState } from './types.js';
-
-	let {
-		conversations = $bindable([]),
-		activeId = $bindable(''),
-		status = 'ready',
-		runStatus = 'idle',
-		suggestions = [],
-		/** Consumer owns the clock — the time bucketer takes it as an argument. */
-		now = Date.now(),
-		emptyTitle = 'LLM Shell',
-		emptyDescription = 'Ask something to get started.',
-		approvalState = $bindable('requested'),
-		placeholder = 'Send a message…',
-		onSend,
-		onNewChat,
-		onDelete,
-		onStop,
-		onOpenAgent,
-		onCancelAgent,
-		swarmRenderers,
-		empty,
-		class: className
-	}: {
-		conversations?: LlmConversation[];
-		activeId?: string;
-		status?: ChatStatus;
-		runStatus?: RunState;
-		suggestions?: string[];
-		now?: number;
-		emptyTitle?: string;
-		emptyDescription?: string;
-		approvalState?: AI.Confirmation.ApprovalState;
-		placeholder?: string;
-		onSend?: (text: string) => void;
-		onNewChat?: () => void;
-		onDelete?: (id: string) => void;
-		onStop?: () => void;
-		/**
-		 * Open a swarm agent's own transcript. Without it a swarm renders read-only
-		 * — the button appears on agents that carry a `conversationId`.
-		 */
-		onOpenAgent?: (agent: AI.Swarm.SwarmAgent) => void;
-		/** Cancel a swarm agent. Offered only while the agent has work left to stop. */
-		onCancelAgent?: (agent: AI.Swarm.SwarmAgent) => void;
-		/**
-		 * Inline renderers for swarm artifact payloads, one per content kind
-		 * (chart, exec, component, …) — see `SwarmContentRenderers`. The host
-		 * registers them once here; every swarm block resolves the same registry.
-		 */
-		swarmRenderers?: AI.Swarm.SwarmContentRenderers;
-		/** Replaces the built-in empty state for a conversation with no messages. */
-		empty?: Snippet;
-		class?: string;
-	} = $props();
-
-	const active = $derived(conversations.find((c) => c.id === activeId) ?? conversations[0]);
-	const groups = $derived(AI.Conversations.bucketConversations(conversations, now));
-
-	// Swarm agents still in flight, across every swarm block in the open thread.
-	// The run strip is about THIS conversation's work, and a delegated run is the
-	// part of it least visible in the transcript — it happens inside one block.
-	const swarmActive = $derived(
-		AI.Swarm.summarizeSwarm(
-			(active?.messages ?? [])
-				.flatMap((message) => message.blocks ?? [])
-				.filter((block) => block.kind === 'swarm')
-				.flatMap((block) => block.swarm.agents)
-		).active
-	);
-
-	// One open chip per row is plenty — the expansion area is shared, so tracking
-	// more than the current index would render two bodies into one slot.
-	let openChip = $state<string | null>(null);
-
-	function copyText(text: string) {
-		void navigator.clipboard?.writeText(text);
-	}
-</script>
-
-<div class={cn('flex h-full min-h-0', className)}>
-	<!-- Conversation rail. The gutter (p-gutter) matches the inter-row gap so the
-	     rows sit an even gap from every edge — the same treatment the docs Library
-	     window gets via its pane bodyClass. -->
-	<aside class="hidden w-64 shrink-0 flex-col border-r border-divider p-gutter md:flex">
-		<AI.Conversations.Root>
-			{#snippet header()}
-				<Button class="w-full justify-start" onclick={() => onNewChat?.()}>
-					<Plus class="size-icon" aria-hidden="true" />
-					New chat
-				</Button>
-			{/snippet}
-			{#each groups as group (group.bucket)}
-				<AI.Conversations.Group label={group.label}>
-					{#each group.items as entry (entry.id)}
-						{@const convo = conversations.find((c) => c.id === entry.id)}
-						{#if convo}
-							<AI.Conversations.Item
-								bind:title={convo.title}
-								bind:starred={convo.starred}
-								status={convo.status}
-								active={convo.id === active?.id}
-								onSelect={() => (activeId = convo.id)}
-								onDelete={() => onDelete?.(convo.id)}
-							/>
-						{/if}
-					{/each}
-				</AI.Conversations.Group>
-			{/each}
-		</AI.Conversations.Root>
-	</aside>
-
-	<!-- Thread -->
-	<div class="flex min-w-0 flex-1 flex-col">
-		{#if runStatus !== 'idle'}
-			<div class="shrink-0 border-b border-divider px-card py-gutter">
-				<AI.RunStatus.Root
-					status={runStatus}
-					tools={{
-						complete: runStatus === 'running' ? 1 : 0,
-						total: 1,
-						running: runStatus === 'running' ? 0 : 1
-					}}
-					agents={swarmActive || undefined}
-					latest={{
-						tone: 'muted',
-						text:
-							swarmActive > 0
-								? `${swarmActive} agents working…`
-								: runStatus === 'running'
-									? 'streaming response…'
-									: 'thinking…'
-					}}
-					oncancel={() => onStop?.()}
-				/>
-			</div>
-		{/if}
-
-		<AI.Conversation.Root>
-			<AI.Conversation.Content>
-				{#if !active || active.messages.length === 0}
-					{#if empty}
-						{@render empty()}
-					{:else}
-						<AI.Conversation.EmptyState title={emptyTitle} description={emptyDescription}>
-							{#snippet icon()}
-								<Sparkles class="size-control text-muted" />
-							{/snippet}
-						</AI.Conversation.EmptyState>
-					{/if}
-				{:else}
-					{#each active.messages as message (message.id)}
-						{@render messageView(message)}
-					{/each}
-				{/if}
-			</AI.Conversation.Content>
-			<AI.Conversation.ScrollButton />
-		</AI.Conversation.Root>
-
-		<div class="mx-auto w-full max-w-2xl shrink-0 p-card pt-0">
-			{#if active && active.messages.length === 0 && suggestions.length > 0}
-				<div class="pb-gutter">
-					<AI.Suggestions.Root>
-						{#each suggestions as s (s)}
-							<AI.Suggestions.Suggestion suggestion={s} onSelect={(t) => onSend?.(t)} />
-						{/each}
-					</AI.Suggestions.Root>
-				</div>
-			{/if}
-			<AI.PromptInput.Root accept="image/*" onSubmit={(m) => onSend?.(m.text)}>
-				<AI.PromptInput.Attachments />
-				<AI.PromptInput.Toolbar>
-					<AI.PromptInput.AddAttachments />
-					<AI.PromptInput.Textarea {placeholder} />
-					<AI.PromptInput.Submit {status} onStop={() => onStop?.()} />
-				</AI.PromptInput.Toolbar>
-			</AI.PromptInput.Root>
-		</div>
-	</div>
-</div>
-
-<!-- ── Render snippets ─────────────────────────────────────────────────── -->
-
-{#snippet messageView(message: LlmMessage)}
-	{#if message.role === 'user'}
-		<AI.Message.Root from="user">
-			<AI.Message.Content>{message.text}</AI.Message.Content>
-		</AI.Message.Root>
-	{:else}
-		<AI.Message.Root from="assistant">
-			{#each message.blocks ?? [] as block, i (i)}
-				{@render blockView(block)}
-			{/each}
-		</AI.Message.Root>
-	{/if}
-{/snippet}
-
-{#snippet blockView(block: LlmBlock)}
-	{#if block.kind === 'reasoning'}
-		<AI.Reasoning.Root streaming={block.streaming} bind:duration={block.duration}>
-			<AI.Reasoning.Trigger streaming={block.streaming} duration={block.duration} />
-			<AI.Reasoning.Content>
-				<p class="text-body leading-body text-muted">{block.text}</p>
-			</AI.Reasoning.Content>
-		</AI.Reasoning.Root>
-	{:else if block.kind === 'tool'}
-		<AI.Tool.Root state={block.state}>
-			<AI.Tool.Header type={block.name} />
-			<AI.Tool.Content>
-				<AI.Tool.Input input={block.input} />
-				{#if block.feed}
-					<AI.Tool.Section label="trace">
-						<AI.RuntimeFeed.Root items={block.feed} />
-					</AI.Tool.Section>
-				{/if}
-				{#if block.output !== undefined}
-					<AI.Tool.Section label="output">
-						<AI.StructuredValue.Root value={block.output} />
-					</AI.Tool.Section>
-				{/if}
-			</AI.Tool.Content>
-		</AI.Tool.Root>
-	{:else if block.kind === 'tool-row'}
-		<AI.Tool.Chips>
-			{#each block.tools as tool (tool.id)}
-				<AI.Tool.Chip
-					state={tool.state}
-					active={openChip === tool.id}
-					icon={tool.icon}
-					onclick={() => (openChip = openChip === tool.id ? null : tool.id)}
-				>
-					{tool.name}
-				</AI.Tool.Chip>
-			{/each}
-			{#snippet expanded()}
-				{@const tool = block.tools.find((t) => t.id === openChip)}
-				{#if tool}
-					<Card tone="well" class="flex min-w-0 flex-col gap-panel p-panel">
-						<AI.Tool.Input input={tool.input} />
-						<AI.Tool.Output output={tool.output} />
-					</Card>
-				{/if}
-			{/snippet}
-		</AI.Tool.Chips>
-	{:else if block.kind === 'exec'}
-		<AI.Tool.Root state={block.exitCode ? 'output-error' : 'output-available'}>
-			<AI.Tool.Header type={block.command} />
-			<AI.Tool.Content>
-				<AI.Tool.Exec
-					command={block.command}
-					stdout={block.stdout}
-					stderr={block.stderr}
-					exitCode={block.exitCode}
-				/>
-			</AI.Tool.Content>
-		</AI.Tool.Root>
-	{:else if block.kind === 'swarm'}
-		<LlmSwarmBlock
-			swarm={block.swarm}
-			view={block.view}
-			{now}
-			{onOpenAgent}
-			{onCancelAgent}
-			renderers={swarmRenderers}
-		/>
-	{:else if block.kind === 'approval'}
-		<AI.Confirmation.Root state={approvalState}>
-			Approve <span class="font-mono text-fg">{block.toolName}</span>? Review the arguments before
-			it runs.
-			<AI.Confirmation.Args controller={block.controller} />
-			<AI.Confirmation.Actions>
-				<Button variant="link" onclick={() => (approvalState = 'rejected')}>Reject</Button>
-				<Button tone="accent" onclick={() => (approvalState = 'approved')}>Approve</Button>
-			</AI.Confirmation.Actions>
-		</AI.Confirmation.Root>
-	{:else if block.kind === 'error'}
-		<AI.ErrorPanel.Root error={block.error} />
-	{:else if block.kind === 'answer'}
-		{#if block.text || block.streaming}
-			<AI.Message.Content>
-				<AI.Response content={block.text} streaming={block.streaming} />
-			</AI.Message.Content>
-		{/if}
-		{#if !block.streaming && block.text}
-			<AI.Message.Toolbar>
-				<AI.Actions.Action tooltip="Copy" onclick={() => copyText(block.text)}>
-					<Copy class="size-icon" />
-				</AI.Actions.Action>
-				<AI.Actions.Action tooltip="Regenerate" onclick={() => copyText(block.text)}>
-					<RotateCcw class="size-icon" />
-				</AI.Actions.Action>
-			</AI.Message.Toolbar>
-			{#if block.usage}
-				<AI.Message.Usage
-					tokensIn={block.usage.tokensIn}
-					tokensOut={block.usage.tokensOut}
-					model={block.usage.model}
-					cost={block.usage.cost}
-					breakdown={block.usage.breakdown}
-				/>
-			{/if}
-		{/if}
-	{/if}
-{/snippet}

package/dist/apps/llm-shell/llm-shell.svelte.d.ts

@@ -1,57 +0,0 @@
-/**
-     * LLM Shell — a streaming chat console, assembled entirely from the AI suite.
-     *
-     * A conversation rail (rename / star / delete / time buckets), a run-status
-     * strip, reasoning and tool steps with structured output and a runtime feed,
-     * an editable approval gate, an error panel, a compact chip row, a markdown
-     * response with a stream cursor, and a per-turn usage footer.
-     *
-     * The app owns PRESENTATION and interaction wiring only — it is deliberately
-     * backend-free. The host owns the model: it passes conversations in, and gets
-     * `onSend` / `onNewChat` / `onDelete` / `onStop` back. That is the same split
-     * Notes draws with its adapter, and it is why the docs demo can drive this
-     * with a canned stream while a real app drives it from an SDK without
-     * touching the component.
-     *
-     * Every presentation the suite offers is reachable through the LlmBlock union
-     * (see types.ts), so a host maps its stream into blocks rather than composing
-     * AI parts by hand.
-     */
-import type { Snippet } from 'svelte';
-import * as AI from '../../ai/index.js';
-import type { ChatStatus, LlmConversation, RunState } from './types.js';
-type $$ComponentProps = {
-    conversations?: LlmConversation[];
-    activeId?: string;
-    status?: ChatStatus;
-    runStatus?: RunState;
-    suggestions?: string[];
-    now?: number;
-    emptyTitle?: string;
-    emptyDescription?: string;
-    approvalState?: AI.Confirmation.ApprovalState;
-    placeholder?: string;
-    onSend?: (text: string) => void;
-    onNewChat?: () => void;
-    onDelete?: (id: string) => void;
-    onStop?: () => void;
-    /**
-     * Open a swarm agent's own transcript. Without it a swarm renders read-only
-     * — the button appears on agents that carry a `conversationId`.
-     */
-    onOpenAgent?: (agent: AI.Swarm.SwarmAgent) => void;
-    /** Cancel a swarm agent. Offered only while the agent has work left to stop. */
-    onCancelAgent?: (agent: AI.Swarm.SwarmAgent) => void;
-    /**
-     * Inline renderers for swarm artifact payloads, one per content kind
-     * (chart, exec, component, …) — see `SwarmContentRenderers`. The host
-     * registers them once here; every swarm block resolves the same registry.
-     */
-    swarmRenderers?: AI.Swarm.SwarmContentRenderers;
-    /** Replaces the built-in empty state for a conversation with no messages. */
-    empty?: Snippet;
-    class?: string;
-};
-declare const LlmShell: import("svelte").Component<$$ComponentProps, {}, "conversations" | "activeId" | "approvalState">;
-type LlmShell = ReturnType<typeof LlmShell>;
-export default LlmShell;