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

package/dist/svelte/components/ParticipantUserList.svelte

@@ -0,0 +1,186 @@
+<script lang="ts">
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+	/**
+	 * ParticipantUserList — renders the user participants of a chat room.
+	 *
+	 * Accepts the user list via props. Optional `currentUserId` highlights
+	 * the caller. Emits `onEditUser` for owner-level admin actions. Stateless
+	 * — does not reach into any singleton; cross-app safe.
+	 */
+
+	type ParticipantUser = {
+		id: string;
+		email?: string | null;
+		displayName?: string | null;
+		avatarUrl?: string | null;
+		role?: 'owner' | 'admin' | 'moderator' | 'member' | 'guest' | 'banned' | string;
+		online?: boolean;
+	};
+
+	type Props = {
+		users: ParticipantUser[];
+		currentUserId?: string | null;
+		isOwner?: boolean;
+		onEditUser?: (input: { userId: string; role?: string; name?: string | null }) => void;
+	};
+
+	let { users, currentUserId = null, isOwner = false, onEditUser }: Props = $props();
+
+	function getInitials(name?: string | null): string {
+		return (name || 'U')
+			.split(/\s+/)
+			.map((n) => n[0] ?? '')
+			.join('')
+			.toUpperCase()
+			.slice(0, 2) || 'U';
+	}
+</script>
+
+{#if users.length > 0}
+	<div class="participant-user-list__section">
+		<h4 class="participant-user-list__section-title">Users ({users.length})</h4>
+		<ul class="participant-user-list__items">
+			{#each users as user (user.id)}
+				{@const displayName = user.displayName || user.email || user.id}
+				<li class="participant-user-list__participant">
+					<div class="participant-user-list__avatar-wrap" aria-hidden="true">
+						{#if user.avatarUrl}
+							<img class="participant-user-list__avatar" src={user.avatarUrl} alt="" />
+						{:else}
+							<span class="participant-user-list__avatar participant-user-list__avatar--fallback">
+								{getInitials(displayName)}
+							</span>
+						{/if}
+						<span
+							class="participant-user-list__presence"
+							class:participant-user-list__presence--online={user.online}
+						></span>
+					</div>
+					<div class="participant-user-list__info">
+						<span class="participant-user-list__name">
+							{displayName}
+							{#if currentUserId && user.id === currentUserId}
+								<span class="participant-user-list__me"> (Me)</span>
+							{/if}
+						</span>
+						{#if user.role}
+							<span class="participant-user-list__role">{user.role}</span>
+						{/if}
+					</div>
+					{#if isOwner && onEditUser}
+						<Button
+							type="button"
+							variant="ghost"
+							size="sm"
+							class="participant-user-list__edit ml-auto"
+							onclick={() => onEditUser?.({ userId: user.id, role: user.role, name: user.displayName ?? null })}
+						>
+							Edit
+						</Button>
+					{/if}
+				</li>
+			{/each}
+		</ul>
+	</div>
+{/if}
+
+<style>
+	.participant-user-list__section {
+		padding: 1rem;
+	}
+
+	.participant-user-list__section-title {
+		margin: 0 0 0.75rem;
+		font-size: 0.75rem;
+		font-weight: 600;
+		text-transform: uppercase;
+		letter-spacing: 0.05em;
+		opacity: 0.65;
+	}
+
+	.participant-user-list__items {
+		list-style: none;
+		margin: 0;
+		padding: 0;
+		display: flex;
+		flex-direction: column;
+		gap: 0.375rem;
+	}
+
+	.participant-user-list__participant {
+		display: flex;
+		align-items: center;
+		gap: 0.625rem;
+		padding: 0.375rem 0.5rem;
+		border-radius: 0.375rem;
+	}
+
+	.participant-user-list__participant:hover {
+		background-color: var(--accent, rgba(0, 0, 0, 0.04));
+	}
+
+	.participant-user-list__avatar-wrap {
+		position: relative;
+		width: 2rem;
+		height: 2rem;
+		flex: 0 0 auto;
+	}
+
+	.participant-user-list__avatar {
+		width: 100%;
+		height: 100%;
+		border-radius: 9999px;
+		object-fit: cover;
+	}
+
+	.participant-user-list__avatar--fallback {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		background-color: var(--muted, rgba(0, 0, 0, 0.06));
+		font-size: 0.75rem;
+		font-weight: 600;
+	}
+
+	.participant-user-list__presence {
+		position: absolute;
+		bottom: -1px;
+		right: -1px;
+		width: 0.625rem;
+		height: 0.625rem;
+		border-radius: 9999px;
+		background-color: rgb(148, 163, 184);
+		border: 2px solid var(--background, #fff);
+	}
+
+	.participant-user-list__presence--online {
+		background-color: rgb(34, 197, 94);
+	}
+
+	.participant-user-list__info {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		min-width: 0;
+	}
+
+	.participant-user-list__name {
+		font-size: 0.875rem;
+		font-weight: 500;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.participant-user-list__me {
+		opacity: 0.6;
+		font-weight: 400;
+	}
+
+	.participant-user-list__role {
+		font-size: 0.6875rem;
+		opacity: 0.7;
+		text-transform: capitalize;
+	}
+
+</style>

package/dist/svelte/components/ParticipantUserList.svelte.d.ts

@@ -0,0 +1,29 @@
+/**
+ * ParticipantUserList — renders the user participants of a chat room.
+ *
+ * Accepts the user list via props. Optional `currentUserId` highlights
+ * the caller. Emits `onEditUser` for owner-level admin actions. Stateless
+ * — does not reach into any singleton; cross-app safe.
+ */
+type ParticipantUser = {
+    id: string;
+    email?: string | null;
+    displayName?: string | null;
+    avatarUrl?: string | null;
+    role?: 'owner' | 'admin' | 'moderator' | 'member' | 'guest' | 'banned' | string;
+    online?: boolean;
+};
+type Props = {
+    users: ParticipantUser[];
+    currentUserId?: string | null;
+    isOwner?: boolean;
+    onEditUser?: (input: {
+        userId: string;
+        role?: string;
+        name?: string | null;
+    }) => void;
+};
+declare const ParticipantUserList: import("svelte").Component<Props, {}, "">;
+type ParticipantUserList = ReturnType<typeof ParticipantUserList>;
+export default ParticipantUserList;
+//# sourceMappingURL=ParticipantUserList.svelte.d.ts.map

package/dist/svelte/components/ParticipantUserList.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantUserList.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ParticipantUserList.svelte.ts"],"names":[],"mappings":"AAKC;;;;;;GAMG;AAEH,KAAK,eAAe,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChF,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,KAAK,KAAK,GAAG;IACZ,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CACtF,CAAC;AA6DH,QAAA,MAAM,mBAAmB,2CAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/svelte/components/RoomStageChatInterface.svelte

@@ -0,0 +1,233 @@
+<script lang="ts">
+	import { onMount, type Snippet } from 'svelte';
+	import { getRuntimeSvelteContext } from '@vibesdotdev/surface-sveltekit/svelte';
+	import { Icon } from '@vibesdotdev/kit/components/icon';
+	import * as Tabs from '@vibesdotdev/kit/components/ui/tabs';
+	import { normalizeResolvedChatExperience } from '../../schemas/chat-experience.js';
+	import {
+		getRuntimeChatViewDescriptors,
+		type ChatViewDescriptor
+	} from '../../schemas/chat-view.js';
+	import { timelineChatViewDescriptor } from '../../views/timeline.chat-view.descriptor.js';
+	import { resolveRenderableChatViews } from '../chat-views.js';
+
+	type Props = {
+		/** Host-resolved JSON contract; malformed input falls back to classic timeline. */
+		resolvedExperience?: unknown;
+		roomTitle?: string;
+		/** The existing conversation surface. Timeline is a permanent room invariant. */
+		timeline: Snippet;
+		/** Optional app-owned room header. */
+		roomHeader?: Snippet;
+		/** Host renderers for runtime-contributed views. */
+		viewRenderers?: Record<string, Snippet | undefined>;
+		/** Explicit descriptor catalog for embedded hosts and deterministic previews. */
+		viewDescriptors?: readonly ChatViewDescriptor[];
+		/** Optional caller-owned controls; this component never joins or requests devices. */
+		callControls?: Snippet;
+	};
+
+	let {
+		resolvedExperience,
+		roomTitle = 'Conversation',
+		timeline,
+		roomHeader,
+		viewRenderers = {},
+		viewDescriptors,
+		callControls
+	}: Props = $props();
+
+	const runtimeStore = getRuntimeSvelteContext();
+	let runtimeDescriptors = $state<ChatViewDescriptor[]>([]);
+	let activeView = $state('timeline');
+	const experience = $derived(normalizeResolvedChatExperience(resolvedExperience));
+	const renderers = $derived.by<Record<string, Snippet | undefined>>(() => ({
+		...viewRenderers,
+		timeline
+	}));
+	const descriptors = $derived.by<readonly ChatViewDescriptor[]>(() => {
+		const configured = viewDescriptors ?? runtimeDescriptors;
+		return configured.some((descriptor) => descriptor.id === 'timeline')
+			? configured
+			: [timelineChatViewDescriptor, ...configured];
+	});
+	const availableViews = $derived(
+		resolveRenderableChatViews(experience, descriptors, Object.keys(renderers))
+	);
+
+	$effect(() => {
+		if (!availableViews.some((view) => view.id === activeView)) {
+			activeView = availableViews[0]?.id ?? 'timeline';
+		}
+	});
+
+	onMount(() => {
+		if (viewDescriptors) return;
+		void runtimeStore.load().then((runtime) => {
+			runtimeDescriptors = getRuntimeChatViewDescriptors(runtime);
+		});
+	});
+
+	function isIconName(icon: string | undefined): icon is string {
+		return typeof icon === 'string' && /^[a-z0-9-]+:[a-z0-9-]+$/i.test(icon);
+	}
+</script>
+
+<Tabs.Root bind:value={activeView} class="room-stage-interface" data-experience="room-stage">
+	{#if roomHeader}
+		{@render roomHeader()}
+	{:else}
+		<header class="room-stage-header">
+			<div class="room-stage-header__identity">
+				<Icon icon="lucide:hash" class="room-stage-header__icon" />
+				<div>
+					<p class="room-stage-header__eyebrow">Room</p>
+					<h1>{roomTitle}</h1>
+				</div>
+			</div>
+		</header>
+	{/if}
+
+	<div class="room-stage-toolbar">
+		<div class="room-stage-toolbar__scroller">
+			<Tabs.List aria-label="Room views" class="room-stage-tabs">
+				{#each availableViews as view (view.id)}
+					<Tabs.Trigger value={view.id} class="room-stage-tab">
+						{#if isIconName(view.icon)}
+							<Icon icon={view.icon} class="room-stage-tab__icon" />
+						{/if}
+						<span>{view.name}</span>
+					</Tabs.Trigger>
+				{/each}
+			</Tabs.List>
+		</div>
+		{#if experience.calls.availability === 'available' && callControls}
+			<div class="room-stage-call-controls">
+				{@render callControls()}
+			</div>
+		{/if}
+	</div>
+
+	{#each availableViews as view (view.id)}
+		<Tabs.Content value={view.id} class="room-stage-view">
+			{@const renderer = renderers[view.id]}
+			{#if renderer}{@render renderer()}{/if}
+		</Tabs.Content>
+	{/each}
+</Tabs.Root>
+
+<style>
+	:global(.room-stage-interface) {
+		display: flex;
+		min-width: 0;
+		min-height: 0;
+		height: 100%;
+		flex: 1;
+		flex-direction: column;
+		overflow: hidden;
+		background: var(--background, transparent);
+		color: var(--foreground, inherit);
+	}
+
+	.room-stage-header {
+		display: flex;
+		min-height: 3.5rem;
+		align-items: center;
+		padding: 0.75rem 1rem;
+		border-bottom: 1px solid var(--border, color-mix(in srgb, currentColor 12%, transparent));
+	}
+
+	.room-stage-header__identity {
+		display: flex;
+		min-width: 0;
+		align-items: center;
+		gap: 0.65rem;
+	}
+
+	:global(.room-stage-header__icon) {
+		width: 1.15rem;
+		height: 1.15rem;
+		color: var(--muted-foreground, currentColor);
+	}
+
+	.room-stage-header__eyebrow {
+		margin: 0 0 0.1rem;
+		color: var(--muted-foreground, currentColor);
+		font-size: 0.65rem;
+		font-weight: 650;
+		letter-spacing: 0.08em;
+		text-transform: uppercase;
+	}
+
+	.room-stage-header h1 {
+		margin: 0;
+		overflow: hidden;
+		font-size: 0.95rem;
+		font-weight: 650;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.room-stage-toolbar {
+		display: flex;
+		min-width: 0;
+		min-height: 3rem;
+		flex: 0 0 auto;
+		align-items: center;
+		gap: 0.75rem;
+		border-bottom: 1px solid var(--border, color-mix(in srgb, currentColor 10%, transparent));
+		padding: 0.4rem 0.75rem;
+	}
+
+	.room-stage-toolbar__scroller {
+		min-width: 0;
+		flex: 1;
+		overflow-x: auto;
+		scrollbar-width: none;
+	}
+
+	.room-stage-toolbar__scroller::-webkit-scrollbar {
+		display: none;
+	}
+
+	:global(.room-stage-tabs) {
+		width: max-content;
+		max-width: none;
+	}
+
+	:global(.room-stage-tab) {
+		flex: 0 0 auto;
+	}
+
+	:global(.room-stage-tab__icon) {
+		width: 0.95rem;
+		height: 0.95rem;
+	}
+
+	.room-stage-call-controls {
+		display: flex;
+		flex: 0 0 auto;
+		align-items: center;
+	}
+
+	:global(.room-stage-view) {
+		display: flex;
+		min-width: 0;
+		min-height: 0;
+		flex: 1;
+		flex-direction: column;
+		overflow: hidden;
+	}
+
+	@media (max-width: 640px) {
+		.room-stage-toolbar {
+			padding-inline: 0.5rem;
+		}
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		:global(.room-stage-interface *) {
+			scroll-behavior: auto !important;
+		}
+	}
+</style>

package/dist/svelte/components/RoomStageChatInterface.svelte.d.ts

@@ -0,0 +1,21 @@
+import { type Snippet } from 'svelte';
+import { type ChatViewDescriptor } from '../../schemas/chat-view.ts';
+type Props = {
+    /** Host-resolved JSON contract; malformed input falls back to classic timeline. */
+    resolvedExperience?: unknown;
+    roomTitle?: string;
+    /** The existing conversation surface. Timeline is a permanent room invariant. */
+    timeline: Snippet;
+    /** Optional app-owned room header. */
+    roomHeader?: Snippet;
+    /** Host renderers for runtime-contributed views. */
+    viewRenderers?: Record<string, Snippet | undefined>;
+    /** Explicit descriptor catalog for embedded hosts and deterministic previews. */
+    viewDescriptors?: readonly ChatViewDescriptor[];
+    /** Optional caller-owned controls; this component never joins or requests devices. */
+    callControls?: Snippet;
+};
+declare const RoomStageChatInterface: import("svelte").Component<Props, {}, "">;
+type RoomStageChatInterface = ReturnType<typeof RoomStageChatInterface>;
+export default RoomStageChatInterface;
+//# sourceMappingURL=RoomStageChatInterface.svelte.d.ts.map

package/dist/svelte/components/RoomStageChatInterface.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoomStageChatInterface.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/RoomStageChatInterface.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAK/C,OAAO,EAEL,KAAK,kBAAkB,EACvB,MAAM,4BAA4B,CAAC;AAKpC,KAAK,KAAK,GAAG;IACZ,mFAAmF;IACnF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,QAAQ,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;IACpD,iFAAiF;IACjF,eAAe,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAChD,sFAAsF;IACtF,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAyGH,QAAA,MAAM,sBAAsB,2CAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/svelte/components/conversations/ConversationNodes.svelte

@@ -0,0 +1,64 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { SvelteSet } from 'svelte/reactivity';
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+	import { Icon } from '@vibesdotdev/kit/components/icon';
+	import type { TreeNode } from './types.js';
+	let { nodes, expandedIds, onNodeDrop, nodeContent, nodeIcon, emptyMessage, defaultExpandAll = false, activeRoomId }: {
+		nodes: TreeNode[];
+		expandedIds: SvelteSet<string>;
+		onNodeDrop: (dragged: TreeNode, target: TreeNode, position: 'before' | 'after' | 'inside') => void;
+		nodeContent: Snippet<[{ node: TreeNode; isExpanded: boolean; isSelected: boolean; depth: number }]>;
+		nodeIcon: Snippet<[{ node: TreeNode; isExpanded: boolean; isSelected: boolean }]>;
+		emptyMessage: string;
+		defaultExpandAll?: boolean;
+		activeRoomId?: string | null;
+	} = $props();
+	let dragged = $state<TreeNode | null>(null);
+	let target = $state<{ id: string; position: 'before' | 'after' | 'inside' } | null>(null);
+	let didExpand = false;
+	function expand(items: TreeNode[]) { for (const node of items) { if (node.isContainer) expandedIds.add(node.id); if (node.children) expand(node.children); } }
+	$effect(() => { if (defaultExpandAll && !didExpand && nodes.length) { didExpand = true; expand(nodes); } });
+	function over(event: DragEvent, node: TreeNode) {
+		if (!dragged || dragged.id === node.id) return;
+		event.preventDefault(); event.stopPropagation();
+		if (event.dataTransfer) event.dataTransfer.dropEffect = 'move';
+		if (!(event.currentTarget instanceof HTMLElement)) return;
+		const bounds = event.currentTarget.getBoundingClientRect();
+		const ratio = (event.clientY - bounds.top) / bounds.height;
+		target = { id: node.id, position: ratio < .25 ? 'before' : ratio > .75 ? 'after' : node.isContainer ? 'inside' : ratio < .5 ? 'before' : 'after' };
+	}
+</script>
+
+<nav aria-label="Conversation folders" class="space-y-1">
+	{#if !nodes.length}<p class="p-4 text-sm text-muted-foreground">{emptyMessage}</p>{/if}
+	{@render branch(nodes, 0)}
+</nav>
+
+{#snippet branch(items: TreeNode[], depth: number)}
+	{#each items as node (node.id)}
+		{@const isExpanded = expandedIds.has(node.id)}
+		{@const isSelected = node.data?.kind === 'room' && node.data.roomId === activeRoomId}
+		<div class="space-y-1">
+			<div class="group flex min-w-0 items-center gap-1 rounded-md" class:bg-accent={isSelected}
+				class:ring-2={target?.id === node.id} class:ring-primary={target?.id === node.id}
+				role="group" aria-label={node.label} draggable={!node.isContainer || node.data?.kind === 'folder'}
+				ondragstart={(event) => { dragged = node; if (event.dataTransfer) { event.dataTransfer.effectAllowed = 'move'; event.dataTransfer.setData('text/plain', node.id); } }}
+				ondragend={() => { dragged = null; target = null; }}
+				ondragover={(event) => over(event, node)} ondragleave={() => { target = null; }}
+				ondrop={(event) => { event.preventDefault(); event.stopPropagation(); if (dragged && target?.id === node.id) onNodeDrop(dragged, node, target.position); dragged = null; target = null; }}>
+				{#if node.isContainer}
+					<Button variant="ghost" size="icon" aria-label={`${isExpanded ? 'Collapse' : 'Expand'} ${node.label}`} aria-expanded={isExpanded}
+						onclick={() => isExpanded ? expandedIds.delete(node.id) : expandedIds.add(node.id)}>
+						<Icon icon={isExpanded ? 'lucide:chevron-down' : 'lucide:chevron-right'} class="size-4" />
+					</Button>
+				{/if}
+				{@render nodeIcon({ node, isExpanded, isSelected })}
+				{@render nodeContent({ node, isExpanded, isSelected, depth })}
+			</div>
+			{#if isExpanded && node.children}
+				<div class="ml-4 border-l pl-2">{@render branch(node.children, depth + 1)}</div>
+			{/if}
+		</div>
+	{/each}
+{/snippet}

package/dist/svelte/components/conversations/ConversationNodes.svelte.d.ts

@@ -0,0 +1,26 @@
+import type { Snippet } from 'svelte';
+import type { SvelteSet } from 'svelte/reactivity';
+import type { TreeNode } from './types.ts';
+type $$ComponentProps = {
+    nodes: TreeNode[];
+    expandedIds: SvelteSet<string>;
+    onNodeDrop: (dragged: TreeNode, target: TreeNode, position: 'before' | 'after' | 'inside') => void;
+    nodeContent: Snippet<[{
+        node: TreeNode;
+        isExpanded: boolean;
+        isSelected: boolean;
+        depth: number;
+    }]>;
+    nodeIcon: Snippet<[{
+        node: TreeNode;
+        isExpanded: boolean;
+        isSelected: boolean;
+    }]>;
+    emptyMessage: string;
+    defaultExpandAll?: boolean;
+    activeRoomId?: string | null;
+};
+declare const ConversationNodes: import("svelte").Component<$$ComponentProps, {}, "">;
+type ConversationNodes = ReturnType<typeof ConversationNodes>;
+export default ConversationNodes;
+//# sourceMappingURL=ConversationNodes.svelte.d.ts.map

package/dist/svelte/components/conversations/ConversationNodes.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationNodes.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/conversations/ConversationNodes.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE1C,KAAK,gBAAgB,GAAI;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC/B,UAAU,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,KAAK,IAAI,CAAC;IACnG,WAAW,EAAE,OAAO,CAAC,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,UAAU,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACpG,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,UAAU,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,CAAC;IAClF,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAoDH,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}