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

package/dist/svelte/components/runtime/RuntimeChatMessages.svelte

@@ -0,0 +1,223 @@
+<script lang="ts">
+	import { useChatSurface } from '../../surface-context.js';
+	const { chatMessagesStore, chatParticipantsStore, chatRoomStore, chatRealtimeStore } = useChatSurface();
+
+	import { onMount, tick } from 'svelte';
+	import { fly } from 'svelte/transition';
+	import type { Snippet } from 'svelte';
+	import type { ChatMessage } from '@vibesdotdev/chat/schemas/common';
+	import { Icon } from '@vibesdotdev/kit/components/icon';
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+
+	import TypingIndicator from '../indicators/TypingIndicator.svelte';
+	import RuntimeChatMessageRow from './RuntimeChatMessageRow.svelte';
+	import type { ChatTypingParticipant } from '../utils/types';
+
+	let {
+		roomId = null,
+		emptyState,
+		messageRow,
+		listHeader,
+		listFooter,
+		currentUserId = null,
+		onEdit,
+		onReact
+	}: {
+		roomId?: string | null;
+		emptyState?: Snippet;
+		/**
+		 * Render a message row yourself, keeping this component's store wiring,
+		 * stick-to-bottom, streaming-growth autoscroll and jump-to-latest.
+		 *
+		 * Without this seam the row was fixed, so any surface that needed a
+		 * different row had to fork the whole list — which is exactly what
+		 * chat-web did, duplicating the scroll behaviour along with it. Consume
+		 * this instead of copying the file.
+		 */
+		messageRow?: Snippet<[ChatMessage, number]>;
+		/** Pinned above the list inside the scroller (e.g. a load-older control). */
+		listHeader?: Snippet;
+		/** Pinned below the list inside the scroller (e.g. an approval bar). */
+		listFooter?: Snippet;
+		/** Viewer id — forwarded to each row so it can offer Edit on own messages. */
+		currentUserId?: string | null;
+		/** Forwarded to each row to PATCH message text. */
+		onEdit?: (messageId: string) => void;
+		/** Forwarded to each row to add/remove a reaction. */
+		onReact?: (messageId: string, type: 'up' | 'down') => void;
+	} = $props();
+
+	let containerEl = $state<HTMLDivElement | null>(null);
+	// The growing inner list (messages + streaming tokens + tool cards). We watch
+	// its size with a ResizeObserver so autoscroll follows ANY content growth —
+	// including streaming tokens, which mutate a message's content in place and do
+	// NOT reliably re-run the `streamingTailLength` derived below.
+	let listEl = $state<HTMLDivElement | null>(null);
+
+	const currentRoomId = $derived(roomId ?? chatRoomStore.roomId);
+	const messageIds = $derived(currentRoomId ? (chatMessagesStore.roomRefs.get(currentRoomId) ?? []) : []);
+	const messages = $derived.by(() =>
+		messageIds.map((id) => chatMessagesStore.data.get(id)).filter((message) => message !== undefined)
+	);
+	const typingParticipants = $derived.by(() => {
+		const participants: ChatTypingParticipant[] = [];
+		for (const userId of chatRealtimeStore.typingUsers) {
+			if (userId === chatParticipantsStore.currentUserId) continue;
+			const agent = chatParticipantsStore.agents.get(userId);
+			if (agent) {
+				participants.push({ id: agent.agentId, name: agent.alias, alias: agent.alias });
+				continue;
+			}
+			// A non-agent, non-self typer is a human member. Show them even if the
+			// participant profile hasn't synced yet (fallback label) — the typing
+			// frame is member-gated, so the id is always a real participant.
+			const user = chatParticipantsStore.users.get(userId);
+			const label = user?.displayName ?? user?.email ?? 'Someone';
+			participants.push({ id: userId, name: label, alias: label });
+		}
+		return participants;
+	});
+
+	// Stick-to-bottom only when the reader is already near the bottom. A new
+	// message (or a streaming chunk) must NOT yank a user who has scrolled up to
+	// read history back down — the previous unconditional scrollToBottom() on
+	// every messages.length change did exactly that across embedded
+	// surfaces.
+	const NEAR_BOTTOM_PX = 120;
+	let stickToBottom = $state(true);
+	// Track the last count we scrolled on — scroll only when count increases.
+	let lastCount = $state(0);
+	// Track the streaming tail length so autoscroll also follows GROWING content
+	// of the in-flight assistant row (count stays flat while it streams). Without
+	// this, the reply scrolls past the viewport bottom and the reader has to drag
+	// down manually as tokens arrive.
+	let lastStreamingLength = $state(0);
+	const streamingTailLength = $derived.by(() => {
+		const last = messages[messages.length - 1];
+		if (!last || last.status !== 'streaming') return 0;
+		// Follow ordered-segment + tool-call growth too, not just text tokens: a
+		// tool-only step (search / OCR / takeoff) grows segments/toolCalls while
+		// content stays flat, so a content-only tail would let a tall tool widget
+		// render below the fold until the next text token arrives. Each new
+		// segment/tool bumps the tail so autoscroll keeps the live work in view.
+		const meta = last.metadata;
+		const segCount = Array.isArray(meta?.segments) ? meta.segments.length : 0;
+		const toolCount = Array.isArray(meta?.toolCalls) ? meta.toolCalls.length : 0;
+		return (last.content ?? '').length + (segCount + toolCount) * 1000;
+	});
+
+	// Mirror the prefersReducedMotion pattern from RuntimeChatCommandMenu.
+	let prefersReducedMotion = $state(false);
+
+	function isNearBottom(): boolean {
+		if (!containerEl) return true;
+		return containerEl.scrollHeight - (containerEl.scrollTop + containerEl.clientHeight) <= NEAR_BOTTOM_PX;
+	}
+
+	function onScroll() {
+		stickToBottom = isNearBottom();
+	}
+
+	async function scrollToBottom() {
+		await tick();
+		if (!containerEl) return;
+		containerEl.scrollTop = containerEl.scrollHeight;
+		stickToBottom = true;
+	}
+
+	onMount(() => {
+		prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+		lastCount = messages.length;
+		void scrollToBottom();
+	});
+
+	// Stick-to-bottom that actually follows streaming. A ResizeObserver on the
+	// inner list fires whenever its height changes — a new message, a tool card,
+	// or each streaming token appended to the in-flight reply. While the reader is
+	// pinned (stickToBottom, maintained by their own scrolling), we re-pin to the
+	// bottom. We deliberately do NOT re-measure isNearBottom() here: the growth
+	// itself pushes the bottom away, so a post-growth measurement would read as
+	// "not near bottom" and the view would drift — the classic streaming-scroll
+	// bug. `onScroll` is what flips stickToBottom off when the user scrolls up.
+	$effect(() => {
+		if (!listEl) return;
+		const observer = new ResizeObserver(() => {
+			if (stickToBottom) void scrollToBottom();
+		});
+		observer.observe(listEl);
+		return () => observer.disconnect();
+	});
+
+	$effect(() => {
+		const count = messages.length;
+		const tail = streamingTailLength;
+		// Auto-scroll when a new message arrives (count increase) OR the in-flight
+		// assistant row grows (streaming tokens) — but only while the reader is
+		// pinned to the bottom. When they've scrolled up, leave their position; the
+		// "jump to latest" affordance lets them return.
+		const grew = count > lastCount || tail > lastStreamingLength;
+		if (grew && stickToBottom) {
+			void scrollToBottom();
+		}
+		lastCount = count;
+		lastStreamingLength = tail;
+	});
+</script>
+
+<div
+	class="runtime-chat-messages"
+	bind:this={containerEl}
+	onscroll={onScroll}
+	role="log"
+	aria-live="polite"
+>
+	{#if messages.length === 0}
+		{#if emptyState}
+			{@render emptyState()}
+		{:else}
+			<div class="grid min-h-full place-items-center p-8 text-center text-muted-foreground">
+				<p>No messages yet.</p>
+			</div>
+		{/if}
+	{:else}
+		<div class="grid min-h-full content-end gap-1 p-4" bind:this={listEl}>
+			{#if listHeader}{@render listHeader()}{/if}
+			{#each messages as message, index (message.id)}
+				{#if messageRow}
+					{@render messageRow(message, index)}
+				{:else}
+					<RuntimeChatMessageRow {message} {currentUserId} {onEdit} {onReact} />
+				{/if}
+			{/each}
+			{#if typingParticipants.length > 0}
+				<TypingIndicator participants={typingParticipants} />
+			{/if}
+			{#if listFooter}{@render listFooter()}{/if}
+		</div>
+	{/if}
+
+	{#if !stickToBottom}
+		<div transition:fly={{ y: 8, duration: prefersReducedMotion ? 0 : 150 }}>
+			<Button
+				class="sticky bottom-4 left-1/2 z-10 size-8 -translate-x-1/2 rounded-full shadow-md"
+				variant="outline"
+				size="icon"
+				type="button"
+				aria-label="Jump to latest messages"
+				onclick={() => scrollToBottom()}
+			>
+				<Icon icon="lucide:chevron-down" class="h-4 w-4" />
+			</Button>
+		</div>
+	{/if}
+</div>
+
+<style>
+	.runtime-chat-messages {
+		position: relative;
+		height: 100%;
+		min-height: 0;
+		overflow-y: auto;
+		background: var(--background);
+	}
+</style>

package/dist/svelte/components/runtime/RuntimeChatMessages.svelte.d.ts

@@ -0,0 +1,30 @@
+import type { Snippet } from 'svelte';
+import type { ChatMessage } from '@vibesdotdev/chat/schemas/common';
+type $$ComponentProps = {
+    roomId?: string | null;
+    emptyState?: Snippet;
+    /**
+     * Render a message row yourself, keeping this component's store wiring,
+     * stick-to-bottom, streaming-growth autoscroll and jump-to-latest.
+     *
+     * Without this seam the row was fixed, so any surface that needed a
+     * different row had to fork the whole list — which is exactly what
+     * chat-web did, duplicating the scroll behaviour along with it. Consume
+     * this instead of copying the file.
+     */
+    messageRow?: Snippet<[ChatMessage, number]>;
+    /** Pinned above the list inside the scroller (e.g. a load-older control). */
+    listHeader?: Snippet;
+    /** Pinned below the list inside the scroller (e.g. an approval bar). */
+    listFooter?: Snippet;
+    /** Viewer id — forwarded to each row so it can offer Edit on own messages. */
+    currentUserId?: string | null;
+    /** Forwarded to each row to PATCH message text. */
+    onEdit?: (messageId: string) => void;
+    /** Forwarded to each row to add/remove a reaction. */
+    onReact?: (messageId: string, type: 'up' | 'down') => void;
+};
+declare const RuntimeChatMessages: import("svelte").Component<$$ComponentProps, {}, "">;
+type RuntimeChatMessages = ReturnType<typeof RuntimeChatMessages>;
+export default RuntimeChatMessages;
+//# sourceMappingURL=RuntimeChatMessages.svelte.d.ts.map

package/dist/svelte/components/runtime/RuntimeChatMessages.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeChatMessages.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/runtime/RuntimeChatMessages.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAQnE,KAAK,gBAAgB,GAAI;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAC5C,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,mDAAmD;IACnD,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,sDAAsD;IACtD,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3D,CAAC;AAuLH,QAAA,MAAM,mBAAmB,sDAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/svelte/components/runtime/RuntimeChatModeControl.svelte

@@ -0,0 +1,74 @@
+<script lang="ts">
+	import { useChatSurface } from '../../surface-context.js';
+	const { chatRoomStore, runtimeChatStore } = useChatSurface();
+
+	import * as z from 'zod/v4';
+	import { settle, valueFreeFailure } from '@vibesdotdev/kernel';
+	import ChatModeSelector from '../ChatModeSelector.svelte';
+
+
+	type Props = {
+		class?: string;
+		compact?: boolean;
+		size?: 'sm' | 'default';
+		defaultModeId?: string;
+		onChange?: (modeId: string) => void;
+		onError?: (message: string) => void;
+	};
+
+	let {
+		class: className,
+		compact = false,
+		size = 'sm',
+		defaultModeId = 'chat',
+		onChange,
+		onError
+	}: Props = $props();
+
+	let errorMessage = $state<string | null>(null);
+
+	const currentModeId = $derived.by<string>(() => {
+		const parsed = z.string().min(1).safeParse(chatRoomStore.room?.metadata?.modeId);
+		if (parsed.success) return parsed.data;
+		if (chatRoomStore.roomId || chatRoomStore.room) return defaultModeId;
+		return chatRoomStore.pendingModeId ?? defaultModeId;
+	});
+
+	async function handleChange(modeId: string | null): Promise<void> {
+		const selectedModeId = modeId ?? defaultModeId;
+		errorMessage = null;
+		const settled = await settle(async () => {
+			await runtimeChatStore.setChatModeId(selectedModeId);
+			onChange?.(selectedModeId);
+		});
+		if (!settled.ok) {
+			const failure = valueFreeFailure(settled.cause);
+			const message = failure.reason ?? 'Failed to update chat mode';
+			errorMessage = message;
+			onError?.(message);
+		}
+	}
+</script>
+
+<ChatModeSelector
+	value={currentModeId}
+	onChange={handleChange}
+	{compact}
+	{size}
+	class={className}
+/>
+
+{#if errorMessage}
+	<span class="runtime-chat-mode-control__status" role="status">{errorMessage}</span>
+{/if}
+
+<style>
+	.runtime-chat-mode-control__status {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+	}
+</style>

package/dist/svelte/components/runtime/RuntimeChatModeControl.svelte.d.ts

@@ -0,0 +1,12 @@
+type Props = {
+    class?: string;
+    compact?: boolean;
+    size?: 'sm' | 'default';
+    defaultModeId?: string;
+    onChange?: (modeId: string) => void;
+    onError?: (message: string) => void;
+};
+declare const RuntimeChatModeControl: import("svelte").Component<Props, {}, "">;
+type RuntimeChatModeControl = ReturnType<typeof RuntimeChatModeControl>;
+export default RuntimeChatModeControl;
+//# sourceMappingURL=RuntimeChatModeControl.svelte.d.ts.map

package/dist/svelte/components/runtime/RuntimeChatModeControl.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeChatModeControl.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/runtime/RuntimeChatModeControl.svelte.ts"],"names":[],"mappings":"AAWC,KAAK,KAAK,GAAG;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAsDH,QAAA,MAAM,sBAAsB,2CAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/svelte/components/runtime/RuntimeChatPermissionControl.svelte

@@ -0,0 +1,98 @@
+<script lang="ts">
+	import { useChatSurface } from '../../surface-context.js';
+	const { chatRoomStore, runtimeChatStore } = useChatSurface();
+
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+	import * as Popover from '@vibesdotdev/kit/components/ui/popover';
+	import * as AlertDialog from '@vibesdotdev/kit/components/ui/alert-dialog';
+	import { settle } from '@vibesdotdev/kernel';
+	import { chatSessionApprovalModeSchema, readChatSessionRoomMetadata, type ChatSessionApprovalMode } from '@vibesdotdev/chat/schemas/session';
+
+	let { presentation = 'composer' }: { presentation?: 'composer' | 'setup' } = $props();
+
+	const modes = [
+		{ id: 'always-ask', label: 'Ask first', description: 'Ask before each tool action.' },
+		{ id: 'auto-approve-safe', label: 'Safe actions', description: 'Run safe actions automatically; ask for the rest.' },
+		{ id: 'always-approve', label: 'YOLO', description: 'Approve every tool action this conversation is allowed to run.' }
+	] as const;
+	let open = $state(false);
+	let confirmYolo = $state(false);
+	let saving = $state(false);
+	let error = $state('');
+	let notice = $state('');
+	const configured = $derived(readChatSessionRoomMetadata(chatRoomStore.room?.metadata)?.configuration);
+	const mode = $derived.by(() => {
+		if (configured) return configured.interaction.approvalMode;
+		const parsed = chatSessionApprovalModeSchema.safeParse(chatRoomStore.room?.metadata?.approvalMode);
+		return parsed.success ? parsed.data : runtimeChatStore.activeRoom ? null : runtimeChatStore.pendingApprovalMode;
+	});
+	async function choose(value: ChatSessionApprovalMode) {
+		saving = true; error = ''; notice = '';
+		const settled = await settle(async () => {
+			await runtimeChatStore.setApprovalMode(value);
+		});
+		if (settled.ok) {
+			open = false;
+			// The kit's AlertDialog.Action does not close its dialog; without
+			// this the YOLO confirmation stays up after the mode applied.
+			confirmYolo = false;
+		} else {
+			error = 'Permissions could not be saved. Try again.';
+			// Surface the failure where the error text renders: close the
+			// confirmation and reopen the permissions popover.
+			confirmYolo = false;
+			open = true;
+		}
+		saving = false;
+	}
+	async function forgetRules() {
+		saving = true; error = ''; notice = '';
+		const settled = await settle(async () => {
+			await runtimeChatStore.activeRoom?.updateSettings({ resetApprovalRules: true });
+		});
+		if (settled.ok) {
+			notice = 'Saved and session command rules cleared.';
+		} else {
+			error = 'Command rules could not be cleared. Try again.';
+		}
+		saving = false;
+	}
+</script>
+
+<Popover.Root bind:open>
+	<Popover.Trigger>
+		{#snippet child({ props })}
+			<Button {...props} variant="outline" size={presentation === 'setup' ? 'default' : 'sm'} class={presentation === 'setup' ? 'w-full justify-start' : 'shrink-0'} aria-label="Permission mode" data-permission-mode={mode}>
+				{modes.find((item) => item.id === mode)?.label ?? (mode === 'batch-approve' ? 'Batch approval' : 'Mode default')}
+			</Button>
+		{/snippet}
+	</Popover.Trigger>
+	<Popover.Content class="w-80 space-y-3">
+		<h3 class="text-sm font-semibold">Permissions</h3>
+		<p class="text-xs text-muted-foreground">Applies to future turns in this conversation. Workspace and host restrictions still apply.</p>
+		{#if configured}<p class="text-xs text-muted-foreground">This session’s launch configuration manages its permission mode.</p>{/if}
+		<div class="space-y-1" role="group" aria-label="Choose permission mode">
+			{#each modes as item}
+				<Button variant={mode === item.id ? 'secondary' : 'ghost'} class="h-auto w-full flex-col items-start whitespace-normal py-2 text-left" aria-pressed={mode === item.id} disabled={saving || Boolean(configured)} onclick={() => { if (item.id === 'always-approve' && mode !== item.id) { open = false; confirmYolo = true; } else void choose(item.id); }}>
+					<span>{item.label}</span><span class="text-xs font-normal text-muted-foreground">{item.description}</span>
+				</Button>
+			{/each}
+		</div>
+		{#if runtimeChatStore.activeRoom}<Button variant="outline" size="sm" disabled={saving} onclick={forgetRules}>Forget command rules</Button>{/if}
+		{#if error}<p role="alert" class="text-xs text-destructive">{error}</p>{/if}
+		{#if notice}<p role="status" class="text-xs text-muted-foreground">{notice}</p>{/if}
+	</Popover.Content>
+</Popover.Root>
+
+<AlertDialog.Root bind:open={confirmYolo}>
+	<AlertDialog.Content>
+		<AlertDialog.Header>
+			<AlertDialog.Title>Enable YOLO for this conversation?</AlertDialog.Title>
+			<AlertDialog.Description>Future turns can run allowed tools without asking, including commands that change files or services. Workspace and host restrictions still apply. You can switch back in Permissions.</AlertDialog.Description>
+		</AlertDialog.Header>
+		<AlertDialog.Footer>
+			<AlertDialog.Cancel>Keep current mode</AlertDialog.Cancel>
+			<AlertDialog.Action onclick={() => void choose('always-approve')}>Enable YOLO</AlertDialog.Action>
+		</AlertDialog.Footer>
+	</AlertDialog.Content>
+</AlertDialog.Root>

package/dist/svelte/components/runtime/RuntimeChatPermissionControl.svelte.d.ts

@@ -0,0 +1,7 @@
+type $$ComponentProps = {
+    presentation?: 'composer' | 'setup';
+};
+declare const RuntimeChatPermissionControl: import("svelte").Component<$$ComponentProps, {}, "">;
+type RuntimeChatPermissionControl = ReturnType<typeof RuntimeChatPermissionControl>;
+export default RuntimeChatPermissionControl;
+//# sourceMappingURL=RuntimeChatPermissionControl.svelte.d.ts.map

package/dist/svelte/components/runtime/RuntimeChatPermissionControl.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeChatPermissionControl.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/runtime/RuntimeChatPermissionControl.svelte.ts"],"names":[],"mappings":"AAWC,KAAK,gBAAgB,GAAI;IAAE,YAAY,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;CAAE,CAAC;AAsGlE,QAAA,MAAM,4BAA4B,sDAAwC,CAAC;AAC3E,KAAK,4BAA4B,GAAG,UAAU,CAAC,OAAO,4BAA4B,CAAC,CAAC;AACpF,eAAe,4BAA4B,CAAC"}

package/dist/svelte/components/runtime/command-definitions.d.ts

@@ -0,0 +1,4 @@
+import type { RuntimeChatAction, RuntimeChatCommandMenuItem } from './types.ts';
+export { DEFAULT_RUNTIME_CHAT_ACTIONS } from '../../composer-actions.ts';
+export declare function getRuntimeChatSlashCommands(actions: readonly RuntimeChatAction[], onSelectAction: (action: RuntimeChatAction) => void): RuntimeChatCommandMenuItem[];
+//# sourceMappingURL=command-definitions.d.ts.map

package/dist/svelte/components/runtime/command-definitions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-definitions.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/runtime/command-definitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAChF,OAAO,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAEzE,wBAAgB,2BAA2B,CAC1C,OAAO,EAAE,SAAS,iBAAiB,EAAE,EACrC,cAAc,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,GACjD,0BAA0B,EAAE,CAU9B"}

package/dist/svelte/components/runtime/command-definitions.js

@@ -0,0 +1,12 @@
+export { DEFAULT_RUNTIME_CHAT_ACTIONS } from "../../composer-actions.js";
+export function getRuntimeChatSlashCommands(actions, onSelectAction) {
+    return actions
+        .filter((action) => action.command)
+        .map((action) => ({
+        id: `cmd-${action.id}`,
+        label: action.command ?? action.id,
+        description: action.description,
+        icon: action.icon,
+        action: () => onSelectAction(action)
+    }));
+}

package/dist/svelte/components/runtime/runtime-chat-submit-state.d.ts

@@ -0,0 +1,22 @@
+export type RuntimeChatQueueStateInput = {
+    content: string;
+    sending: boolean;
+    canType: boolean;
+    sendDisabled: boolean;
+    hasUploadingAttachments: boolean;
+    hasFailedAttachments: boolean;
+    hasReadyAttachments: boolean;
+    hasStorageRefs: boolean;
+    hasStagedContext: boolean;
+    includeComposerState: boolean;
+};
+export type RuntimeChatSubmitStateInput = Omit<RuntimeChatQueueStateInput, 'includeComposerState'> & {
+    hasBuilderStaged: boolean;
+};
+export type RuntimeChatSubmitState = {
+    queueing: boolean;
+    sendDisabled: boolean;
+};
+export declare function canQueueRuntimeChatFollowUp(input: RuntimeChatQueueStateInput): boolean;
+export declare function getRuntimeChatSubmitState(input: RuntimeChatSubmitStateInput): RuntimeChatSubmitState;
+//# sourceMappingURL=runtime-chat-submit-state.d.ts.map

package/dist/svelte/components/runtime/runtime-chat-submit-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-chat-submit-state.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/runtime/runtime-chat-submit-state.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,0BAA0B,GAAG;IACxC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,uBAAuB,EAAE,OAAO,CAAC;IACjC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,oBAAoB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC7C,0BAA0B,EAC1B,sBAAsB,CACtB,GAAG;IACH,gBAAgB,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,0BAA0B,GAAG,OAAO,CAQtF;AAED,wBAAgB,yBAAyB,CACxC,KAAK,EAAE,2BAA2B,GAChC,sBAAsB,CAoBxB"}

package/dist/svelte/components/runtime/runtime-chat-submit-state.js

@@ -0,0 +1,34 @@
+export function canQueueRuntimeChatFollowUp(input) {
+    const hasText = input.content.trim().length > 0;
+    if (!input.sending || !hasText)
+        return false;
+    if (!input.canType || input.sendDisabled)
+        return false;
+    if (input.hasUploadingAttachments || input.hasFailedAttachments)
+        return false;
+    if (input.hasReadyAttachments || input.hasStorageRefs)
+        return false;
+    if (input.includeComposerState && input.hasStagedContext)
+        return false;
+    return true;
+}
+export function getRuntimeChatSubmitState(input) {
+    const hasText = input.content.trim().length > 0;
+    const queueing = canQueueRuntimeChatFollowUp({
+        ...input,
+        includeComposerState: true
+    });
+    return {
+        queueing,
+        sendDisabled: input.sendDisabled ||
+            !input.canType ||
+            input.hasUploadingAttachments ||
+            input.hasFailedAttachments ||
+            (input.sending
+                ? !queueing
+                : !hasText &&
+                    !input.hasBuilderStaged &&
+                    !input.hasReadyAttachments &&
+                    !input.hasStagedContext)
+    };
+}

package/dist/svelte/components/runtime/sender-label.d.ts

@@ -0,0 +1,33 @@
+export interface SenderLabelMetadata {
+    agentAlias?: string | null;
+    agentName?: string | null;
+}
+type AgentLike = {
+    agentId?: string | null;
+    alias?: string | null;
+};
+type UserLike = {
+    displayName?: string | null;
+};
+type AgentCollection = {
+    get(agentId: string): AgentLike | undefined;
+    values(): Iterable<AgentLike>;
+};
+type UserCollection = {
+    get(userId: string): UserLike | undefined;
+};
+export type RuntimeSenderLabelMessage = {
+    senderType?: string | null;
+    userId?: string | null;
+    agentId?: string | null;
+    metadata?: unknown;
+};
+export type RuntimeSenderLabelParticipants = {
+    agents: AgentCollection;
+    users: UserCollection;
+    currentUserId?: string | null;
+};
+export declare function readAgentLabelFromMetadata(metadata?: unknown): string | null;
+export declare function resolveRuntimeChatSenderLabel(message: RuntimeSenderLabelMessage, participants: RuntimeSenderLabelParticipants): string;
+export {};
+//# sourceMappingURL=sender-label.d.ts.map

package/dist/svelte/components/runtime/sender-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sender-label.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/runtime/sender-label.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,KAAK,SAAS,GAAG;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,KAAK,QAAQ,GAAG;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,KAAK,eAAe,GAAG;IACtB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5C,MAAM,IAAI,QAAQ,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,KAAK,cAAc,GAAG;IACrB,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC5C,MAAM,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAgBF,wBAAgB,0BAA0B,CACzC,QAAQ,CAAC,EAAE,OAAO,GAChB,MAAM,GAAG,IAAI,CAYf;AAED,wBAAgB,6BAA6B,CAC5C,OAAO,EAAE,yBAAyB,EAClC,YAAY,EAAE,8BAA8B,GAC1C,MAAM,CAuBR"}

package/dist/svelte/components/runtime/sender-label.js

@@ -0,0 +1,53 @@
+import * as z from 'zod/v4';
+function nonBlank(value) {
+    if (!value)
+        return null;
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : null;
+}
+const agentAliasSchema = z.looseObject({
+    agentAlias: z.string()
+});
+const agentNameSchema = z.looseObject({
+    agentName: z.string()
+});
+export function readAgentLabelFromMetadata(metadata) {
+    const aliasParsed = agentAliasSchema.safeParse(metadata);
+    if (aliasParsed.success) {
+        const alias = aliasParsed.data.agentAlias.trim();
+        if (alias.length > 0)
+            return alias;
+    }
+    const nameParsed = agentNameSchema.safeParse(metadata);
+    if (nameParsed.success) {
+        const name = nameParsed.data.agentName.trim();
+        if (name.length > 0)
+            return name;
+    }
+    return null;
+}
+export function resolveRuntimeChatSenderLabel(message, participants) {
+    if (message.senderType === 'system')
+        return 'System';
+    if (message.senderType === 'agent') {
+        const metadataLabel = readAgentLabelFromMetadata(message.metadata);
+        if (metadataLabel)
+            return metadataLabel;
+        const agentId = message.agentId ?? '';
+        const participant = agentId ? participants.agents.get(agentId) : undefined;
+        const participantLabel = nonBlank(participant?.alias);
+        if (participantLabel)
+            return participantLabel;
+        const agents = Array.from(participants.agents.values());
+        if (agents.length === 1) {
+            const singleAgentLabel = nonBlank(agents[0]?.alias);
+            if (singleAgentLabel)
+                return singleAgentLabel;
+        }
+        return 'AI teammate';
+    }
+    const userId = message.userId ?? participants.currentUserId ?? '';
+    if (userId && userId === participants.currentUserId)
+        return 'You';
+    return nonBlank(participants.users.get(userId)?.displayName) ?? 'You';
+}

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

@@ -0,0 +1,2 @@
+export type { RuntimeChatAction, RuntimeChatCommandMenuItem, RuntimeChatParticipantOption } from '@vibesdotdev/chat/surface/types';
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/runtime/types.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,iBAAiB,EACjB,0BAA0B,EAC1B,4BAA4B,EAC5B,MAAM,iCAAiC,CAAC"}

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

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