@vibesdotdev/chat 0.0.0-stage → 1.0.0-rc.0

package/dist/svelte/components/surface/ChatWorkspaceFrameContent.svelte

@@ -0,0 +1,474 @@
+<script lang="ts">
+	import { useChatSurface } from '../../surface-context.js';
+	const { chatUIStore, runtimeChatStore } = useChatSurface();
+
+	import { onMount, type Snippet } from 'svelte';
+	import { getLogger } from '@vibesdotdev/logging';
+	import { getRuntimeSvelteContext } from '@vibesdotdev/surface-sveltekit/svelte';
+	import { settleNow, valueFreeFailure } from '@vibesdotdev/kernel';
+	import * as Resizable from '@vibesdotdev/kit/components/ui/resizable';
+	import * as Sheet from '@vibesdotdev/kit/components/ui/sheet';
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+	import { Icon } from '@vibesdotdev/kit/components/icon';
+
+	import type { ChatSurfacePanelControls } from './types.js';
+
+	function isCollapsiblePane(candidate: Resizable.Pane | null | undefined): candidate is Resizable.Pane {
+		return (
+			candidate !== null &&
+			candidate !== undefined &&
+			candidate instanceof Object &&
+			'collapse' in candidate &&
+			candidate.collapse instanceof Function &&
+			'expand' in candidate &&
+			candidate.expand instanceof Function
+		);
+	}
+
+	const runtimeStore = getRuntimeSvelteContext();
+
+	let {
+		children,
+		sidebar,
+		participants,
+		// Nullable: pass null/undefined when the conversation pane already renders
+		// the title (ChatRoomHeader / empty-state h2) — the compact header bar
+		// otherwise duplicates the heading on narrow viewports.
+		title = null,
+		participantsEnabled = true,
+		autoSaveId = 'chat:workspace-layout',
+		compactBreakpoint = 1100,
+		leftDefaultSize = 18,
+		rightDefaultSize = 21,
+		leftMinSize = 15,
+		rightMinSize = 15,
+		leftMaxSize = 42,
+		rightMaxSize = 42
+	}: {
+		children: Snippet;
+		sidebar?: Snippet<[ChatSurfacePanelControls]>;
+		participants?: Snippet<[ChatSurfacePanelControls]>;
+		title?: string | null;
+		participantsEnabled?: boolean;
+		autoSaveId?: string;
+		compactBreakpoint?: number;
+		leftDefaultSize?: number;
+		rightDefaultSize?: number;
+		leftMinSize?: number;
+		rightMinSize?: number;
+		leftMaxSize?: number;
+		rightMaxSize?: number;
+	} = $props();
+
+	let isCompact = $state(false);
+	let hydrated = $state(false);
+	let showSidebarSheet = $state(false);
+	let showParticipantsSheet = $state(false);
+	let leftPane: Resizable.Pane | null = $state(null);
+	let rightPane: Resizable.Pane | null = $state(null);
+	let frameElement = $state<HTMLElement | null>(null);
+
+	const hasSidebar = $derived(!!sidebar);
+	const hasParticipants = $derived(participantsEnabled && !!participants);
+
+	function closeSidebar() {
+		showSidebarSheet = false;
+		void runtimeChatStore.setSidebarLeftOpen(false);
+	}
+
+	function closeParticipants() {
+		showParticipantsSheet = false;
+		void runtimeChatStore.setSidebarRightOpen(false);
+	}
+
+	onMount(() => {
+		requestAnimationFrame(() => {
+			hydrated = true;
+		});
+	});
+
+
+	$effect(() => {
+		const element = frameElement;
+		const breakpoint = compactBreakpoint;
+		if (!element) return;
+
+		const syncWidth = (width: number) => {
+			isCompact = width < breakpoint;
+		};
+
+		syncWidth(element.getBoundingClientRect().width);
+		if (!('ResizeObserver' in globalThis)) return;
+
+		const observer = new ResizeObserver((entries) => {
+			const entry = entries[0];
+			if (entry) syncWidth(entry.contentRect.width);
+		});
+		observer.observe(element);
+		return () => observer.disconnect();
+	});
+
+	$effect(() => {
+		if (!participantsEnabled && chatUIStore.sidebarRightOpen) {
+			void runtimeChatStore.setSidebarRightOpen(false);
+		}
+	});
+
+	$effect(() => {
+		if (isCompact) return;
+		const settled = settleNow(() => {
+			if (isCollapsiblePane(leftPane)) {
+				if (chatUIStore.sidebarLeftOpen) {
+					leftPane.expand();
+				} else {
+					leftPane.collapse();
+				}
+			}
+			if (isCollapsiblePane(rightPane)) {
+				if (chatUIStore.sidebarRightOpen) {
+					rightPane.expand();
+				} else {
+					rightPane.collapse();
+				}
+			}
+		});
+		if (!settled.ok && runtimeStore.runtime) {
+			const failure = valueFreeFailure(settled.cause);
+			getLogger('chat.svelte.workspace-frame', runtimeStore.runtime).debug(
+				'Resizable panes were unavailable; skipping this sync',
+				{ reason: failure.reason ?? failure.name }
+			);
+		}
+	});
+</script>
+
+{#snippet SidebarPanel()}
+	{#if sidebar}
+		{@render sidebar({ close: closeSidebar })}
+	{/if}
+{/snippet}
+
+{#snippet ParticipantsPanel()}
+	{#if participants}
+		{@render participants({ close: closeParticipants })}
+	{/if}
+{/snippet}
+
+<div bind:this={frameElement} class="chat-workspace-frame-host">
+	{#if isCompact}
+		<div class="chat-workspace-frame chat-workspace-frame--compact">
+			<header class="chat-workspace-frame__compact-header">
+				{#if hasSidebar}
+					<Button
+						type="button"
+						variant="ghost"
+						size="icon"
+						class="chat-workspace-frame__icon-button"
+						onclick={() => (showSidebarSheet = true)}
+						title="Show conversations"
+					>
+						<Icon icon="lucide:menu" class="h-5 w-5" />
+						<span class="sr-only">Show conversations</span>
+					</Button>
+				{:else}
+					<span class="chat-workspace-frame__compact-spacer" aria-hidden="true"></span>
+				{/if}
+
+				{#if title}
+					<div class="chat-workspace-frame__compact-title">
+						<Icon icon="lucide:message-square" class="h-5 w-5" />
+						<span>{title}</span>
+					</div>
+				{:else}
+					<span class="chat-workspace-frame__compact-spacer" aria-hidden="true"></span>
+				{/if}
+
+				{#if hasParticipants}
+					<Button
+						type="button"
+						variant="ghost"
+						size="icon"
+						class="chat-workspace-frame__icon-button"
+						onclick={() => (showParticipantsSheet = true)}
+						title="Show participants"
+					>
+						<Icon icon="lucide:users" class="h-5 w-5" />
+						<span class="sr-only">Show participants</span>
+					</Button>
+				{:else}
+					<span class="chat-workspace-frame__compact-spacer" aria-hidden="true"></span>
+				{/if}
+			</header>
+
+			<main class="chat-workspace-frame__main">
+				{@render children()}
+			</main>
+
+			{#if hasSidebar}
+				<Sheet.Root bind:open={showSidebarSheet}>
+					<Sheet.Content side="left" class="chat-workspace-frame__sheet">
+						{@render SidebarPanel()}
+					</Sheet.Content>
+				</Sheet.Root>
+			{/if}
+			{#if hasParticipants}
+				<Sheet.Root bind:open={showParticipantsSheet}>
+					<Sheet.Content
+						side="right"
+						class="chat-workspace-frame__sheet chat-workspace-frame__sheet--right"
+					>
+						{@render ParticipantsPanel()}
+					</Sheet.Content>
+				</Sheet.Root>
+			{/if}
+		</div>
+	{:else}
+		<Resizable.PaneGroup
+			direction="horizontal"
+			class={'chat-workspace-frame' + (hydrated ? ' is-hydrated' : '')}
+			{autoSaveId}
+		>
+			{#if hasSidebar}
+				<Resizable.Pane
+					class="chat-workspace-frame__pane"
+					bind:this={leftPane}
+					collapsible
+					collapsedSize={0}
+					defaultSize={chatUIStore.sidebarLeftOpen ? leftDefaultSize : 0}
+					minSize={leftMinSize}
+					maxSize={leftMaxSize}
+					order={1}
+				>
+					<div class="chat-workspace-frame__pane-content" data-open={chatUIStore.sidebarLeftOpen}>
+						{#if chatUIStore.sidebarLeftOpen}
+							{@render SidebarPanel()}
+						{/if}
+					</div>
+				</Resizable.Pane>
+				<Resizable.Handle withHandle class="chat-workspace-frame__handle" />
+			{/if}
+
+			<Resizable.Pane class="chat-workspace-frame__pane" order={2}>
+				<main class="chat-workspace-frame__main">
+					{#if hasSidebar && !chatUIStore.sidebarLeftOpen}
+						<Button
+							type="button"
+							variant="ghost"
+							size="icon"
+							class="chat-workspace-frame__floating chat-workspace-frame__floating--left"
+							onclick={() => void runtimeChatStore.setSidebarLeftOpen(true)}
+							title="Show conversations"
+						>
+							<Icon icon="lucide:menu" class="h-5 w-5" />
+							<span class="sr-only">Show conversations</span>
+						</Button>
+					{/if}
+					{#if hasParticipants && !chatUIStore.sidebarRightOpen}
+						<Button
+							type="button"
+							variant="ghost"
+							size="icon"
+							class="chat-workspace-frame__floating chat-workspace-frame__floating--right"
+							onclick={() => void runtimeChatStore.setSidebarRightOpen(true)}
+							title="Show participants"
+						>
+							<Icon icon="lucide:users" class="h-5 w-5" />
+							<span class="sr-only">Show participants</span>
+						</Button>
+					{/if}
+					{@render children()}
+				</main>
+			</Resizable.Pane>
+
+			{#if hasParticipants}
+				<Resizable.Handle withHandle class="chat-workspace-frame__handle" />
+				<Resizable.Pane
+					class="chat-workspace-frame__pane"
+					bind:this={rightPane}
+					collapsible
+					collapsedSize={0}
+					defaultSize={chatUIStore.sidebarRightOpen ? rightDefaultSize : 0}
+					minSize={rightMinSize}
+					maxSize={rightMaxSize}
+					order={3}
+				>
+					<div class="chat-workspace-frame__pane-content" data-open={chatUIStore.sidebarRightOpen}>
+						{#if chatUIStore.sidebarRightOpen}
+							{@render ParticipantsPanel()}
+						{/if}
+					</div>
+				</Resizable.Pane>
+			{/if}
+		</Resizable.PaneGroup>
+	{/if}
+</div>
+
+<style>
+	.chat-workspace-frame-host {
+		position: relative;
+		display: flex;
+		width: 100%;
+		height: 100%;
+		min-width: 0;
+		min-height: 0;
+		overflow: hidden;
+	}
+
+	:global(.chat-workspace-frame) {
+		position: relative;
+		display: flex;
+		width: 100%;
+		height: 100%;
+		min-height: 0;
+		overflow: hidden;
+		background: var(--background, transparent);
+		color: var(--foreground, inherit);
+	}
+
+	.chat-workspace-frame--compact {
+		flex-direction: column;
+	}
+
+	:global(.chat-workspace-frame__pane) {
+		min-width: 0;
+		min-height: 0;
+		overflow: hidden;
+	}
+
+	.chat-workspace-frame__pane-content {
+		width: 100%;
+		height: 100%;
+		min-height: 0;
+		overflow: hidden;
+		opacity: 0;
+		transition: opacity 160ms ease;
+	}
+
+	:global(.chat-workspace-frame.is-hydrated) .chat-workspace-frame__pane-content[data-open='true'] {
+		opacity: 1;
+	}
+
+	:global(.chat-workspace-frame.is-hydrated > .chat-workspace-frame__pane) {
+		transition-property: flex-grow, flex-basis;
+		transition-duration: 220ms;
+		transition-timing-function: ease;
+		will-change: flex-grow;
+	}
+
+	:global(.chat-workspace-frame__handle) {
+		position: relative;
+		z-index: 20;
+		width: 0.65rem;
+		background: var(--border, rgba(0, 0, 0, 0.1));
+		cursor: col-resize;
+		transition: background 160ms ease;
+	}
+
+	:global(.chat-workspace-frame__handle:hover) {
+		background: var(--accent, rgba(0, 0, 0, 0.06));
+	}
+
+	.chat-workspace-frame__main {
+		position: relative;
+		display: flex;
+		width: 100%;
+		height: 100%;
+		min-width: 0;
+		min-height: 0;
+		flex: 1 1 auto;
+		flex-direction: column;
+		overflow: hidden;
+	}
+
+	.chat-workspace-frame__compact-header {
+		display: flex;
+		height: 3.5rem;
+		flex: 0 0 auto;
+		align-items: center;
+		justify-content: space-between;
+		gap: 0.75rem;
+		border-bottom: 1px solid var(--border, rgba(0, 0, 0, 0.1));
+		padding: 0.75rem 1rem;
+	}
+
+	.chat-workspace-frame__compact-title {
+		display: flex;
+		min-width: 0;
+		align-items: center;
+		gap: 0.5rem;
+		font-weight: 700;
+	}
+
+	.chat-workspace-frame__compact-title span {
+		max-width: 14rem;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.chat-workspace-frame__compact-spacer,
+	:global(.chat-workspace-frame__icon-button) {
+		width: 2.5rem;
+		height: 2.5rem;
+	}
+
+	:global(.chat-workspace-frame__floating) {
+		position: absolute;
+		top: var(--chat-workspace-floating-top, 4rem);
+		z-index: 30;
+		width: 2.5rem;
+		height: 2.5rem;
+		border: 1px solid color-mix(in srgb, var(--border, #d1d5db) 45%, transparent);
+		background: color-mix(in srgb, var(--background, #fff) 72%, transparent);
+		-webkit-backdrop-filter: blur(10px);
+		backdrop-filter: blur(10px);
+	}
+
+	:global(.chat-workspace-frame__floating--left) {
+		left: var(--chat-workspace-floating-inline, 1rem);
+	}
+
+	:global(.chat-workspace-frame__floating--right) {
+		right: var(--chat-workspace-floating-inline, 1rem);
+	}
+
+	:global(.chat-workspace-frame__sheet) {
+		width: 20rem;
+		max-width: 85vw;
+		overflow: hidden;
+		padding: 0;
+	}
+
+	:global(.chat-workspace-frame__sheet--right) {
+		max-width: 80vw;
+	}
+
+	:global([data-vibes-motion='reduced']) .chat-workspace-frame__pane-content,
+	:global([data-vibes-motion='reduced'])
+		:global(.chat-workspace-frame.is-hydrated > .chat-workspace-frame__pane),
+	:global([data-vibes-motion='reduced']) :global(.chat-workspace-frame__handle),
+	:global([data-vibes-motion='off']) .chat-workspace-frame__pane-content,
+	:global([data-vibes-motion='off'])
+		:global(.chat-workspace-frame.is-hydrated > .chat-workspace-frame__pane),
+	:global([data-vibes-motion='off']) :global(.chat-workspace-frame__handle) {
+		transition: none;
+		will-change: auto;
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		.chat-workspace-frame__pane-content,
+		:global(.chat-workspace-frame.is-hydrated > .chat-workspace-frame__pane),
+		:global(.chat-workspace-frame__handle) {
+			transition: none;
+			will-change: auto;
+		}
+	}
+
+	@media (prefers-reduced-transparency: reduce) {
+		:global(.chat-workspace-frame__floating) {
+			background: var(--background, #fff);
+			-webkit-backdrop-filter: none;
+			backdrop-filter: none;
+		}
+	}
+</style>

package/dist/svelte/components/surface/ChatWorkspaceFrameContent.svelte.d.ts

@@ -0,0 +1,21 @@
+import { type Snippet } from 'svelte';
+import type { ChatSurfacePanelControls } from './types.ts';
+type $$ComponentProps = {
+    children: Snippet;
+    sidebar?: Snippet<[ChatSurfacePanelControls]>;
+    participants?: Snippet<[ChatSurfacePanelControls]>;
+    title?: string | null;
+    participantsEnabled?: boolean;
+    autoSaveId?: string;
+    compactBreakpoint?: number;
+    leftDefaultSize?: number;
+    rightDefaultSize?: number;
+    leftMinSize?: number;
+    rightMinSize?: number;
+    leftMaxSize?: number;
+    rightMaxSize?: number;
+};
+declare const ChatWorkspaceFrameContent: import("svelte").Component<$$ComponentProps, {}, "">;
+type ChatWorkspaceFrameContent = ReturnType<typeof ChatWorkspaceFrameContent>;
+export default ChatWorkspaceFrameContent;
+//# sourceMappingURL=ChatWorkspaceFrameContent.svelte.d.ts.map

package/dist/svelte/components/surface/ChatWorkspaceFrameContent.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWorkspaceFrameContent.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/surface/ChatWorkspaceFrameContent.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAS/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAE1D,KAAK,gBAAgB,GAAI;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAmPH,QAAA,MAAM,yBAAyB,sDAAwC,CAAC;AACxE,KAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC9E,eAAe,yBAAyB,CAAC"}

package/dist/svelte/components/surface/approval-args.d.ts

@@ -0,0 +1,4 @@
+import { type JsonValue } from '@vibesdotdev/kernel/schemas/json';
+import type { ChatApprovalRequest } from '@vibesdotdev/chat/client/contracts';
+export declare function formatApprovalArgs(args?: ChatApprovalRequest['args'] | JsonValue | null): string | null;
+//# sourceMappingURL=approval-args.d.ts.map

package/dist/svelte/components/surface/approval-args.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-args.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/surface/approval-args.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AA4C9E,wBAAgB,kBAAkB,CAAC,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAqCvG"}

package/dist/svelte/components/surface/approval-args.js

@@ -0,0 +1,74 @@
+import * as z from 'zod/v4';
+import { settleNow } from '@vibesdotdev/kernel';
+import { JsonValueSchema } from '@vibesdotdev/kernel/schemas/json';
+/**
+ * Human-readable approval copy for a paused tool call.
+ *
+ * Consumer runs pass raw tool args (`{ command: ['git','status'] }`). The web
+ * hop passes a sanitized `{ preview }` string. The bar must show the command
+ * in both shapes — an informed decision is the gate's whole point. A call
+ * without a command names its target (`action path`, or the bare `path` for
+ * tools such as file-write whose id is the operation the bar title shows),
+ * then the remaining arguments.
+ */
+const PREVIEW_MAX = 240;
+const SHOWN_OR_HIDDEN_KEYS = new Set(['sessionId', 'env', 'preview', 'command', 'cwd', 'action', 'path']);
+function clip(text) {
+    const trimmed = text.trim();
+    if (!trimmed)
+        return '';
+    return trimmed.length > PREVIEW_MAX ? `${trimmed.slice(0, PREVIEW_MAX)}…` : trimmed;
+}
+const commandSchema = z.union([
+    z.string().trim().min(1),
+    z.array(z.string())
+]);
+function formatCommand(value) {
+    if (!value)
+        return null;
+    if (Array.isArray(value)) {
+        if (value.length === 0)
+            return null;
+        return value
+            .map((part) => (/^[a-zA-Z0-9_./:=@+-]+$/.test(part) ? part : JSON.stringify(part)))
+            .join(' ');
+    }
+    return value.trim() || null;
+}
+const singleStringSchema = z.string().trim().min(1);
+const argsRecordSchema = z.record(z.string(), JsonValueSchema);
+export function formatApprovalArgs(args) {
+    const boundarySettled = settleNow(() => argsRecordSchema.safeParse(args));
+    if (!boundarySettled.ok || !boundarySettled.value.success)
+        return null;
+    const record = boundarySettled.value.data;
+    const previewParsed = singleStringSchema.safeParse(record.preview);
+    if (previewParsed.success) {
+        return clip(previewParsed.data);
+    }
+    const lines = [];
+    const commandParsed = commandSchema.safeParse(record.command);
+    const command = commandParsed.success ? formatCommand(commandParsed.data) : null;
+    if (command)
+        lines.push(command);
+    const cwdParsed = singleStringSchema.safeParse(record.cwd);
+    if (cwdParsed.success) {
+        lines.push(`cwd: ${cwdParsed.data}`);
+    }
+    if (!command) {
+        // The target comes first: `clip` cuts the joined copy, and a write is
+        // judged by where it lands before what it writes.
+        const actionParsed = singleStringSchema.safeParse(record.action);
+        const pathParsed = singleStringSchema.safeParse(record.path);
+        const target = [actionParsed.success ? actionParsed.data : '', pathParsed.success ? pathParsed.data : '']
+            .filter(Boolean)
+            .join(' ');
+        if (target)
+            lines.push(target);
+        const rest = Object.fromEntries(Object.entries(record).filter(([key]) => !SHOWN_OR_HIDDEN_KEYS.has(key)));
+        const restText = JSON.stringify(rest);
+        if (restText !== '{}')
+            lines.push(restText);
+    }
+    return lines.length > 0 ? clip(lines.join('\n')) : null;
+}

package/dist/svelte/components/surface/index.d.ts

@@ -0,0 +1,16 @@
+export { default as ChatRuntimeLoader } from './ChatRuntimeLoader.svelte';
+export { default as ChatSurfaceFrame } from './ChatSurfaceFrame.svelte';
+export { default as ChatWorkspaceFrame } from './ChatWorkspaceFrame.svelte';
+export { default as ChatConversationSplit } from './ChatConversationSplit.svelte';
+export { default as ChatConversationSidebar } from './ChatConversationSidebar.svelte';
+export { default as ChatConversationPane } from './ChatConversationPane.svelte';
+export { default as ChatParticipantsPanel } from './ChatParticipantsPanel.svelte';
+export { default as ChatRoomHeader } from './ChatRoomHeader.svelte';
+export { default as ChatNewConversationEmptyState } from './ChatNewConversationEmptyState.svelte';
+export { default as ChatMessageViewport } from './ChatMessageViewport.svelte';
+export { default as ChatComposerPanel } from './ChatComposerPanel.svelte';
+export { default as ChatComposerAugmentBar } from './ChatComposerAugmentBar.svelte';
+export { default as ChatApprovalBar } from './ChatApprovalBar.svelte';
+export { default as ChatSurfaceSkeleton } from './ChatSurfaceSkeleton.svelte';
+export type { ChatRuntimeLoaderState, ChatSurfaceFrameSnippets, ChatSurfacePanelControls, ChatSurfaceUser } from './types.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/svelte/components/surface/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/surface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,wCAAwC,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,YAAY,EACX,sBAAsB,EACtB,wBAAwB,EACxB,wBAAwB,EACxB,eAAe,EACf,MAAM,YAAY,CAAC"}

package/dist/svelte/components/surface/index.js

@@ -0,0 +1,14 @@
+export { default as ChatRuntimeLoader } from './ChatRuntimeLoader.svelte';
+export { default as ChatSurfaceFrame } from './ChatSurfaceFrame.svelte';
+export { default as ChatWorkspaceFrame } from './ChatWorkspaceFrame.svelte';
+export { default as ChatConversationSplit } from './ChatConversationSplit.svelte';
+export { default as ChatConversationSidebar } from './ChatConversationSidebar.svelte';
+export { default as ChatConversationPane } from './ChatConversationPane.svelte';
+export { default as ChatParticipantsPanel } from './ChatParticipantsPanel.svelte';
+export { default as ChatRoomHeader } from './ChatRoomHeader.svelte';
+export { default as ChatNewConversationEmptyState } from './ChatNewConversationEmptyState.svelte';
+export { default as ChatMessageViewport } from './ChatMessageViewport.svelte';
+export { default as ChatComposerPanel } from './ChatComposerPanel.svelte';
+export { default as ChatComposerAugmentBar } from './ChatComposerAugmentBar.svelte';
+export { default as ChatApprovalBar } from './ChatApprovalBar.svelte';
+export { default as ChatSurfaceSkeleton } from './ChatSurfaceSkeleton.svelte';

package/dist/svelte/components/surface/types.d.ts

@@ -0,0 +1,24 @@
+import type { Snippet } from 'svelte';
+export interface ChatSurfaceUser {
+    id?: string | null;
+    email?: string | null;
+    name?: string | null;
+    displayName?: string | null;
+    image?: string | null;
+    avatarUrl?: string | null;
+}
+export interface ChatRuntimeLoaderState {
+    ready: boolean;
+    loading: boolean;
+    error: Error | null;
+    roomId: string | null;
+}
+export interface ChatSurfaceFrameSnippets {
+    sidebar?: Snippet<[ChatSurfacePanelControls]>;
+    participants?: Snippet<[ChatSurfacePanelControls]>;
+    children: Snippet;
+}
+export interface ChatSurfacePanelControls {
+    close: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/svelte/components/surface/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/surface/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,eAAe;IAC/B,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAsB;IACtC,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC;IACnD,QAAQ,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,wBAAwB;IACxC,KAAK,EAAE,MAAM,IAAI,CAAC;CAClB"}

package/dist/svelte/components/surface/types.js

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

package/dist/svelte/components/tool-call-cancellation.svelte.d.ts

@@ -0,0 +1,19 @@
+import { type RuntimeRef } from '@vibesdotdev/kernel';
+import { type ToolCallView } from '@vibesdotdev/kit/components/tool-widgets';
+export declare function isCancellableToolCall(tool: ToolCallView): boolean;
+/**
+ * Per-renderer optimistic cancellation state.
+ *
+ * The Chat runtime still owns durable cancellation. This projection only makes
+ * the user's intent visible while that command settles, and removes the intent
+ * again when the command rejects so the control remains usable.
+ */
+export declare class ToolCallCancellationIntent {
+    #private;
+    private readonly runtime?;
+    constructor(runtime?: (RuntimeRef | (() => RuntimeRef | undefined) | null) | undefined);
+    private resolveRuntime;
+    project(tool: ToolCallView): ToolCallView;
+    request(tool: ToolCallView, cancel: () => void | Promise<void>, requestRuntime?: RuntimeRef): Promise<void>;
+}
+//# sourceMappingURL=tool-call-cancellation.svelte.d.ts.map

package/dist/svelte/components/tool-call-cancellation.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call-cancellation.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/tool-call-cancellation.svelte.ts"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEhF,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAI1F,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAEjE;AAED;;;;;;GAMG;AACH,qBAAa,0BAA0B;;IAG1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;gBAAR,OAAO,CAAC,GAAE,UAAU,GAAG,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,GAAG,IAAI,aAAA;IAEzF,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,IAAI,EAAE,YAAY,GAAG,YAAY;IAMnC,OAAO,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,EAAE,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;CAmBjH"}