@signal9/era-ui 34.2.9 → 34.4.0

package/dist/ui/file-diff/file-diff.svelte

@@ -0,0 +1,243 @@
+<script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '../../utils/index.js';
+	import type { FileDiffFile, FileDiffRow, FileDiffStatus } from './types.js';
+
+	interface Props extends HTMLAttributes<HTMLDivElement> {
+		ref?: HTMLDivElement | null;
+		files?: readonly FileDiffFile[];
+		selectedFileId?: string | null;
+		activeRowId?: string | null;
+		label?: string;
+		virtualize?: boolean;
+		overscan?: number;
+		onselectedfilechange?: (file: FileDiffFile) => void;
+		onactiverowchange?: (row: FileDiffRow) => void;
+	}
+
+	let {
+		ref = $bindable(null),
+		files = [],
+		selectedFileId = $bindable(null),
+		activeRowId = $bindable(null),
+		label = 'File changes',
+		virtualize = true,
+		overscan = 6,
+		onselectedfilechange,
+		onactiverowchange,
+		class: className,
+		...restProps
+	}: Props = $props();
+
+	let viewport: HTMLDivElement | null = $state(null);
+	let scrollTop = $state(0);
+	let viewportHeight = $state(0);
+	let rowHeight = $state(30);
+
+	const activeFile = $derived(files.find((file) => file.id === selectedFileId) ?? files[0]);
+	const rows = $derived.by((): FileDiffRow[] => {
+		if (!activeFile) return [];
+		return activeFile.hunks.flatMap((hunk) => [
+			{ id: `hunk:${hunk.id}`, type: 'hunk' as const, header: hunk.header },
+			...hunk.lines.map((line): FileDiffRow => ({
+				id: `line:${hunk.id}:${line.id}`,
+				type: 'line',
+				line
+			}))
+		]);
+	});
+	const effectiveActiveId = $derived(
+		rows.some((row) => row.id === activeRowId) ? activeRowId : (rows[0]?.id ?? null)
+	);
+	const visibleCount = $derived(
+		Math.max(1, Math.ceil((viewportHeight || rowHeight * 10) / Math.max(rowHeight, 1)))
+	);
+	const startIndex = $derived(
+		virtualize ? Math.max(0, Math.floor(scrollTop / Math.max(rowHeight, 1)) - overscan) : 0
+	);
+	const endIndex = $derived(
+		virtualize ? Math.min(rows.length, startIndex + visibleCount + overscan * 2) : rows.length
+	);
+	const visibleRows = $derived(rows.slice(startIndex, endIndex));
+	const topSpace = $derived(startIndex * rowHeight);
+	const bottomSpace = $derived(Math.max(0, (rows.length - endIndex) * rowHeight));
+
+	const statusLabels: Record<FileDiffStatus, string> = {
+		added: 'Added',
+		modified: 'Modified',
+		deleted: 'Deleted',
+		renamed: 'Renamed'
+	};
+
+	$effect(() => {
+		const element = viewport;
+		if (!element) return;
+		const measure = () => {
+			viewportHeight = element.clientHeight;
+			const measured = Number.parseFloat(
+				getComputedStyle(element).getPropertyValue('--era-h-control')
+			);
+			if (Number.isFinite(measured) && measured > 0) rowHeight = measured;
+		};
+		measure();
+		const observer = new ResizeObserver(measure);
+		observer.observe(element);
+		return () => observer.disconnect();
+	});
+
+	function rowDomId(id: string): string {
+		return `era-file-diff-${id.replace(/[^a-zA-Z0-9_-]/g, '-')}`;
+	}
+
+	function chooseFile(file: FileDiffFile): void {
+		selectedFileId = file.id;
+		const next = file.hunks[0];
+		activeRowId = next ? `hunk:${next.id}` : null;
+		if (viewport) viewport.scrollTop = 0;
+		onselectedfilechange?.(file);
+	}
+
+	function chooseRow(row: FileDiffRow): void {
+		activeRowId = row.id;
+		onactiverowchange?.(row);
+	}
+
+	function moveActive(event: KeyboardEvent): void {
+		if (!rows.length) return;
+		const current = Math.max(
+			0,
+			rows.findIndex((row) => row.id === effectiveActiveId)
+		);
+		let next: number;
+		if (event.key === 'ArrowDown') next = Math.min(rows.length - 1, current + 1);
+		else if (event.key === 'ArrowUp') next = Math.max(0, current - 1);
+		else if (event.key === 'Home') next = 0;
+		else if (event.key === 'End') next = rows.length - 1;
+		else if (event.key === 'PageDown') next = Math.min(rows.length - 1, current + visibleCount);
+		else if (event.key === 'PageUp') next = Math.max(0, current - visibleCount);
+		else return;
+
+		event.preventDefault();
+		const row = rows[next];
+		chooseRow(row);
+		if (!viewport) return;
+		const top = next * rowHeight;
+		const bottom = top + rowHeight;
+		if (top < viewport.scrollTop) viewport.scrollTop = top;
+		else if (bottom > viewport.scrollTop + viewport.clientHeight) {
+			viewport.scrollTop = bottom - viewport.clientHeight;
+		}
+	}
+
+	function activateRow(event: KeyboardEvent, row: FileDiffRow): void {
+		if (event.key !== 'Enter' && event.key !== ' ') return;
+		event.preventDefault();
+		chooseRow(row);
+	}
+
+	function marker(kind: 'context' | 'addition' | 'deletion'): string {
+		return kind === 'addition' ? '+' : kind === 'deletion' ? '-' : ' ';
+	}
+</script>
+
+<div
+	bind:this={ref}
+	class={cn(
+		'flex min-h-0 min-w-0 flex-col overflow-hidden rounded-bar bg-well text-body text-fg shadow-well',
+		className
+	)}
+	{...restProps}
+>
+	{#if files.length > 1}
+		<div
+			class="flex shrink-0 overflow-x-auto border-b border-divider-faded"
+			aria-label="Changed files"
+		>
+			{#each files as file (file.id)}
+				<button
+					type="button"
+					class={cn(
+						'flex h-control shrink-0 items-center gap-gutter px-inset-control text-left hover:bg-highlight focus-visible:bg-highlight focus-visible:outline-none',
+						file.id === activeFile?.id ? 'text-bright' : 'text-muted'
+					)}
+					aria-pressed={file.id === activeFile?.id}
+					onclick={() => chooseFile(file)}
+				>
+					<span class="max-w-[calc(var(--era-h-control)*8)] truncate font-mono">{file.path}</span>
+					{#if file.status}<span class="text-muted">{statusLabels[file.status]}</span>{/if}
+				</button>
+			{/each}
+		</div>
+	{:else if activeFile}
+		<div
+			class="flex h-control shrink-0 items-center gap-gutter border-b border-divider-faded px-inset-control"
+		>
+			<span class="min-w-0 flex-1 truncate font-mono text-bright">{activeFile.path}</span>
+			{#if activeFile.status}<span class="text-muted">{statusLabels[activeFile.status]}</span>{/if}
+		</div>
+	{/if}
+
+	<div
+		bind:this={viewport}
+		role="grid"
+		tabindex="0"
+		aria-label={label}
+		aria-rowcount={rows.length}
+		aria-colcount="3"
+		aria-activedescendant={effectiveActiveId ? rowDomId(effectiveActiveId) : undefined}
+		class="h-[calc(var(--era-h-control)*12)] min-h-0 overflow-auto overscroll-contain font-mono outline-none focus-visible:bg-highlight"
+		onscroll={(event) => (scrollTop = event.currentTarget.scrollTop)}
+		onkeydown={moveActive}
+	>
+		{#if topSpace > 0}<div aria-hidden="true" style:height={`${topSpace}px`}></div>{/if}
+		{#each visibleRows as row, localIndex (row.id)}
+			{@const absoluteIndex = startIndex + localIndex}
+			<div
+				id={rowDomId(row.id)}
+				role="row"
+				tabindex="-1"
+				aria-rowindex={absoluteIndex + 1}
+				aria-selected={row.id === effectiveActiveId}
+				data-kind={row.type === 'line' ? row.line.kind : 'hunk'}
+				class={cn(
+					'grid h-control grid-cols-[var(--era-h-control)_var(--era-h-control)_minmax(0,1fr)] items-center border-b border-divider-faded',
+					row.id === effectiveActiveId && 'bg-highlight'
+				)}
+				onclick={() => chooseRow(row)}
+				onkeydown={(event) => activateRow(event, row)}
+			>
+				{#if row.type === 'hunk'}
+					<div
+						role="gridcell"
+						aria-colspan="3"
+						class="col-span-3 truncate px-inset-control text-muted"
+					>
+						{row.header}
+					</div>
+				{:else}
+					<div role="gridcell" aria-label="Old line" class="px-gutter text-right text-muted">
+						{row.line.oldLineNumber ?? ''}
+					</div>
+					<div role="gridcell" aria-label="New line" class="px-gutter text-right text-muted">
+						{row.line.newLineNumber ?? ''}
+					</div>
+					<div
+						role="gridcell"
+						aria-label={`${row.line.kind}: ${row.line.text}`}
+						class={cn(
+							'min-w-0 overflow-hidden px-gutter whitespace-pre',
+							row.line.kind === 'addition' && 'bg-success/10 text-success',
+							row.line.kind === 'deletion' && 'bg-destructive/10 text-destructive'
+						)}
+					>
+						<span aria-hidden="true">{marker(row.line.kind)}</span>{row.line.text}
+					</div>
+				{/if}
+			</div>
+		{/each}
+		{#if bottomSpace > 0}<div aria-hidden="true" style:height={`${bottomSpace}px`}></div>{/if}
+		{#if !rows.length}
+			<p class="flex h-control items-center px-inset-control text-muted">No changes</p>
+		{/if}
+	</div>
+</div>

package/dist/ui/file-diff/file-diff.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { FileDiffFile, FileDiffRow } from './types.js';
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    ref?: HTMLDivElement | null;
+    files?: readonly FileDiffFile[];
+    selectedFileId?: string | null;
+    activeRowId?: string | null;
+    label?: string;
+    virtualize?: boolean;
+    overscan?: number;
+    onselectedfilechange?: (file: FileDiffFile) => void;
+    onactiverowchange?: (row: FileDiffRow) => void;
+}
+declare const FileDiff: import("svelte").Component<Props, {}, "ref" | "selectedFileId" | "activeRowId">;
+type FileDiff = ReturnType<typeof FileDiff>;
+export default FileDiff;

package/dist/ui/file-diff/fixture.svelte

@@ -0,0 +1,76 @@
+<script lang="ts">
+	import { FileDiff } from './index.js';
+	import type { FileDiffFile } from './types.js';
+
+	const files: FileDiffFile[] = [
+		{
+			id: 'runtime',
+			path: 'src/runtime.ts',
+			status: 'modified',
+			hunks: [
+				{
+					id: 'imports',
+					header: '@@ -1,3 +1,4 @@',
+					lines: [
+						{
+							id: '1',
+							kind: 'context',
+							oldLineNumber: 1,
+							newLineNumber: 1,
+							text: "import { run } from './run';"
+						},
+						{
+							id: '2',
+							kind: 'addition',
+							oldLineNumber: null,
+							newLineNumber: 2,
+							text: "import { resume } from './resume';"
+						},
+						{ id: '3', kind: 'context', oldLineNumber: 2, newLineNumber: 3, text: '' }
+					]
+				},
+				{
+					id: 'body',
+					header: '@@ -14,2 +15,2 @@ export async function execute()',
+					lines: Array.from({ length: 80 }, (_, index) => ({
+						id: `body-${index}`,
+						kind:
+							index % 9 === 0
+								? ('deletion' as const)
+								: index % 7 === 0
+									? ('addition' as const)
+									: ('context' as const),
+						oldLineNumber: index % 7 === 0 ? null : index + 14,
+						newLineNumber: index % 9 === 0 ? null : index + 15,
+						text: `const event${index} = reduce(chunks[${index}]);`
+					}))
+				}
+			]
+		},
+		{
+			id: 'cursor',
+			path: 'src/cursor.ts',
+			status: 'added',
+			hunks: [
+				{
+					id: 'cursor-body',
+					header: '@@ -0,0 +1,2 @@',
+					lines: [
+						{ id: '1', kind: 'addition', newLineNumber: 1, text: 'export type Cursor = string;' },
+						{ id: '2', kind: 'addition', newLineNumber: 2, text: 'export const initial = "";' }
+					]
+				}
+			]
+		}
+	];
+
+	let selectedFileId = $state<string | null>('runtime');
+	let activeRowId = $state<string | null>(null);
+</script>
+
+<div class="p-card">
+	<FileDiff {files} bind:selectedFileId bind:activeRowId label="Runtime changes" />
+	<p class="mt-gutter text-body text-muted">
+		Selected: {selectedFileId}; row: {activeRowId ?? 'none'}
+	</p>
+</div>

package/dist/ui/file-diff/fixture.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Fixture: import("svelte").Component<Record<string, never>, {}, "">;
+type Fixture = ReturnType<typeof Fixture>;
+export default Fixture;

package/dist/ui/file-diff/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FileDiff } from './file-diff.svelte';
+export type { FileDiffFile, FileDiffHunk, FileDiffLine, FileDiffLineKind, FileDiffRow, FileDiffStatus } from './types.js';

package/dist/ui/file-diff/index.js

@@ -0,0 +1 @@
+export { default as FileDiff } from './file-diff.svelte';

package/dist/ui/file-diff/types.d.ts

@@ -0,0 +1,31 @@
+export type FileDiffStatus = 'added' | 'modified' | 'deleted' | 'renamed';
+export type FileDiffLineKind = 'context' | 'addition' | 'deletion';
+/** One source line. Text excludes the visual `+`, `-`, or space marker. */
+export interface FileDiffLine {
+    id: string;
+    kind: FileDiffLineKind;
+    oldLineNumber?: number | null;
+    newLineNumber?: number | null;
+    text: string;
+}
+export interface FileDiffHunk {
+    id: string;
+    header: string;
+    lines: readonly FileDiffLine[];
+}
+export interface FileDiffFile {
+    id: string;
+    path: string;
+    oldPath?: string;
+    status?: FileDiffStatus;
+    hunks: readonly FileDiffHunk[];
+}
+export type FileDiffRow = {
+    id: string;
+    type: 'hunk';
+    header: string;
+} | {
+    id: string;
+    type: 'line';
+    line: FileDiffLine;
+};

package/dist/ui/file-diff/types.js

@@ -0,0 +1 @@
+export {};

package/dist/ui/tabs/tabs.svelte

@@ -1,7 +1,12 @@
 <script lang="ts">
 	import { Tabs } from 'bits-ui';
 
-	let { ref = $bindable(null), class: className, ...restProps }: Tabs.RootProps = $props();
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		class: className,
+		...restProps
+	}: Tabs.RootProps = $props();
 </script>
 
-<Tabs.Root bind:ref class={className} {...restProps} />
+<Tabs.Root bind:ref bind:value class={className} {...restProps} />

package/dist/ui/tabs/tabs.svelte.d.ts

@@ -1,4 +1,4 @@
 import { Tabs } from 'bits-ui';
-declare const Tabs: import("svelte").Component<Tabs.RootProps, {}, "ref">;
+declare const Tabs: import("svelte").Component<Tabs.RootProps, {}, "value" | "ref">;
 type Tabs = ReturnType<typeof Tabs>;
 export default Tabs;

package/dist/ui/terminal/fixture.svelte

@@ -0,0 +1,57 @@
+<script lang="ts">
+	import { Terminal, type TerminalRenderer } from './index.js';
+
+	const encoder = new TextEncoder();
+	let inputBytes = $state<number[]>([]);
+
+	const renderer: TerminalRenderer = {
+		attach(host, options) {
+			const decoder = new TextDecoder();
+			const output = document.createElement('pre');
+			output.dataset.terminalOutput = '';
+			output.className = 'min-h-bar overflow-auto p-panel leading-body whitespace-pre-wrap';
+
+			const input = document.createElement('textarea');
+			input.dataset.terminalInput = '';
+			input.setAttribute('aria-label', `${options.label} input`);
+			input.className = 'w-full resize-none bg-field p-inset-control text-fg shadow-well';
+			input.readOnly = options.readOnly;
+			input.addEventListener('input', () => {
+				options.onInput(encoder.encode(input.value));
+				input.value = '';
+			});
+			host.append(output, input);
+
+			return {
+				write(data) {
+					output.textContent += decoder.decode(data, { stream: true });
+				},
+				focus() {
+					input.focus();
+				},
+				dispose() {
+					output.remove();
+					input.remove();
+				}
+			};
+		}
+	};
+
+	const chunks = [
+		{ key: 1, data: encoder.encode('$ printf "hello\\n"\r\n') },
+		{ key: 2, data: new Uint8Array([104, 101, 108, 108, 111, 13, 10]) }
+	];
+</script>
+
+<div class="flex min-h-48 flex-col gap-gutter">
+	<Terminal
+		{renderer}
+		{chunks}
+		label="Investigation terminal"
+		oninputbytes={(data) => {
+			inputBytes = [...data];
+		}}
+		class="min-h-40"
+	/>
+	<output data-input-bytes class="font-mono text-body text-muted">{inputBytes.join(',')}</output>
+</div>

package/dist/ui/terminal/fixture.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Fixture: import("svelte").Component<Record<string, never>, {}, "">;
+type Fixture = ReturnType<typeof Fixture>;
+export default Fixture;

package/dist/ui/terminal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Terminal } from './terminal.svelte';
+export type { TerminalOutputChunk, TerminalRenderer, TerminalRendererOptions, TerminalSession } from './types.js';

package/dist/ui/terminal/index.js

@@ -0,0 +1 @@
+export { default as Terminal } from './terminal.svelte';

package/dist/ui/terminal/terminal.svelte

@@ -0,0 +1,91 @@
+<script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { SvelteSet } from 'svelte/reactivity';
+	import { cn } from '../../utils/index.js';
+	import type { TerminalOutputChunk, TerminalRenderer, TerminalSession } from './types.js';
+
+	interface Props extends HTMLAttributes<HTMLDivElement> {
+		ref?: HTMLDivElement | null;
+		/** Renderer adapter (for example an xterm.js adapter). Era owns no transport. */
+		renderer: TerminalRenderer;
+		/** Immutable, stably keyed PTY output chunks. Bytes are passed through unchanged. */
+		chunks?: readonly TerminalOutputChunk[];
+		/** The attached renderer session, exposed for focus/clear/imperative writes. */
+		session?: TerminalSession | null;
+		label?: string;
+		readOnly?: boolean;
+		oninputbytes?: (data: Uint8Array) => void | Promise<void>;
+		onterminalresize?: (columns: number, rows: number) => void | Promise<void>;
+	}
+
+	let {
+		ref = $bindable(null),
+		renderer,
+		chunks = [],
+		session = $bindable(null),
+		label = 'Terminal',
+		readOnly = false,
+		oninputbytes,
+		onterminalresize,
+		class: className,
+		...restProps
+	}: Props = $props();
+
+	let writtenSession: TerminalSession | null = null;
+	const written = new SvelteSet<string | number>();
+
+	// Renderer attachment is the only side effect. The renderer owns its DOM and
+	// cleanup; this component owns lifecycle, byte plumbing, semantics, and axes.
+	$effect(() => {
+		const host = ref;
+		if (!host) return;
+
+		const attached = renderer.attach(host, {
+			label,
+			readOnly,
+			onInput(data) {
+				void oninputbytes?.(data);
+			},
+			onResize(columns, rows) {
+				void onterminalresize?.(columns, rows);
+			}
+		});
+		session = attached;
+
+		return () => {
+			if (session === attached) session = null;
+			attached.dispose();
+		};
+	});
+
+	// Each stable chunk is reduced once per renderer session. Uint8Array goes
+	// straight to the adapter: no decode/re-encode boundary can corrupt PTY bytes.
+	$effect(() => {
+		const attached = session;
+		const output = chunks;
+		if (!attached) return;
+
+		if (writtenSession !== attached) {
+			writtenSession = attached;
+			written.clear();
+		}
+
+		for (const chunk of output) {
+			if (written.has(chunk.key)) continue;
+			written.add(chunk.key);
+			attached.write(chunk.data);
+		}
+	});
+</script>
+
+<div
+	bind:this={ref}
+	role="region"
+	aria-label={label}
+	data-readonly={readOnly || undefined}
+	class={cn(
+		'relative min-h-control min-w-0 overflow-hidden rounded-bar bg-field font-mono text-body text-fg shadow-well focus-within:bg-highlight focus-within:outline-none',
+		className
+	)}
+	{...restProps}
+></div>

package/dist/ui/terminal/terminal.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { TerminalOutputChunk, TerminalRenderer, TerminalSession } from './types.js';
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    ref?: HTMLDivElement | null;
+    /** Renderer adapter (for example an xterm.js adapter). Era owns no transport. */
+    renderer: TerminalRenderer;
+    /** Immutable, stably keyed PTY output chunks. Bytes are passed through unchanged. */
+    chunks?: readonly TerminalOutputChunk[];
+    /** The attached renderer session, exposed for focus/clear/imperative writes. */
+    session?: TerminalSession | null;
+    label?: string;
+    readOnly?: boolean;
+    oninputbytes?: (data: Uint8Array) => void | Promise<void>;
+    onterminalresize?: (columns: number, rows: number) => void | Promise<void>;
+}
+declare const Terminal: import("svelte").Component<Props, {}, "ref" | "session">;
+type Terminal = ReturnType<typeof Terminal>;
+export default Terminal;

package/dist/ui/terminal/types.d.ts

@@ -0,0 +1,26 @@
+/** A stable output record. Reusing a key means the bytes were already rendered. */
+export interface TerminalOutputChunk {
+    key: string | number;
+    data: Uint8Array;
+}
+/** Callbacks a renderer uses to return raw PTY input and geometry. */
+export interface TerminalRendererOptions {
+    label: string;
+    readOnly: boolean;
+    onInput(data: Uint8Array): void;
+    onResize(columns: number, rows: number): void;
+}
+/** Attached renderer surface. `write` must consume the supplied bytes as-is. */
+export interface TerminalSession {
+    write(data: Uint8Array): void;
+    focus?(): void;
+    clear?(): void;
+    dispose(): void;
+}
+/**
+ * UI-renderer seam, deliberately independent of WebSocket, SSH, MCP, or any
+ * other backend. Consumers can adapt xterm.js or another terminal engine.
+ */
+export interface TerminalRenderer {
+    attach(host: HTMLElement, options: TerminalRendererOptions): TerminalSession;
+}

package/dist/ui/terminal/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "34.2.9",
+	"version": "34.4.0",
 	"packageManager": "npm@11.19.0",
 	"engines": {
 		"node": ">=24 <27",
@@ -234,6 +234,11 @@
 			"svelte": "./dist/ui/dropdown-menu/index.js",
 			"default": "./dist/ui/dropdown-menu/index.js"
 		},
+		"./file-diff": {
+			"types": "./dist/ui/file-diff/index.d.ts",
+			"svelte": "./dist/ui/file-diff/index.js",
+			"default": "./dist/ui/file-diff/index.js"
+		},
 		"./file-upload": {
 			"types": "./dist/ui/file-upload/index.d.ts",
 			"svelte": "./dist/ui/file-upload/index.js",
@@ -389,6 +394,11 @@
 			"svelte": "./dist/ui/tabs/index.js",
 			"default": "./dist/ui/tabs/index.js"
 		},
+		"./terminal": {
+			"types": "./dist/ui/terminal/index.d.ts",
+			"svelte": "./dist/ui/terminal/index.js",
+			"default": "./dist/ui/terminal/index.js"
+		},
 		"./time-field": {
 			"types": "./dist/ui/time-field/index.d.ts",
 			"svelte": "./dist/ui/time-field/index.js",
@@ -454,6 +464,11 @@
 			"svelte": "./dist/ai/chain-of-thought/index.js",
 			"default": "./dist/ai/chain-of-thought/index.js"
 		},
+		"./ai/code-mode": {
+			"types": "./dist/ai/code-mode/index.d.ts",
+			"svelte": "./dist/ai/code-mode/index.js",
+			"default": "./dist/ai/code-mode/index.js"
+		},
 		"./ai/confirmation": {
 			"types": "./dist/ai/confirmation/index.d.ts",
 			"svelte": "./dist/ai/confirmation/index.js",

package/skills/era-ui/references/releases/34.md

@@ -1,5 +1,17 @@
 # Era UI v34 release history
 
+## [34.4.0](https://github.com/sig-nine/era-ui/compare/v34.3.0...v34.4.0) (2026-08-25)
+
+### Features
+
+* add Navi execution primitives ([540c97b](https://github.com/sig-nine/era-ui/commit/540c97bc0a4f45b106dd7bb4228810d2f17c9db6))
+
+## [34.3.0](https://github.com/sig-nine/era-ui/compare/v34.2.9...v34.3.0) (2026-08-25)
+
+### Features
+
+* **ai:** generalize durable provider primitives ([808f9e3](https://github.com/sig-nine/era-ui/commit/808f9e3ff5d0446cc80d9e020c9fdf1259ce934e))
+
 ## [34.2.9](https://github.com/sig-nine/era-ui/compare/v34.2.8...v34.2.9) (2026-08-25)
 
 ### Bug Fixes