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

package/dist/svelte/ai/contributions.d.ts

@@ -0,0 +1,79 @@
+export declare const imageGenerationDialogWidgetDescriptor: {
+    kind: "chat/dialog.widget";
+    requiresRoom: false;
+    surfaces: string[];
+    id: string;
+    name: string;
+    description: string;
+    dialog: string;
+    actionId: string;
+    event: string;
+    priority: number;
+};
+export declare const imageGenerationComposerActionDescriptor: {
+    kind: "chat/composer.action";
+    requiresRoom: false;
+    requiresAgent: false;
+    surfaces: string[];
+    id: string;
+    name: string;
+    description: string;
+    icon: string;
+    command: string;
+    dialog: string;
+    widgetId: string;
+    priority: number;
+};
+export declare const agentCustomizeDialogWidgetDescriptor: {
+    kind: "chat/dialog.widget";
+    requiresRoom: false;
+    surfaces: string[];
+    id: string;
+    name: string;
+    description: string;
+    dialog: string;
+    actionId: string;
+    event: string;
+    priority: number;
+};
+export declare const agentCustomizeComposerActionDescriptor: {
+    kind: "chat/composer.action";
+    requiresRoom: false;
+    requiresAgent: false;
+    surfaces: string[];
+    id: string;
+    name: string;
+    description: string;
+    icon: string;
+    command: string;
+    dialog: string;
+    widgetId: string;
+    priority: number;
+};
+export declare const chatAiDescriptors: ({
+    kind: "chat/dialog.widget";
+    requiresRoom: false;
+    surfaces: string[];
+    id: string;
+    name: string;
+    description: string;
+    dialog: string;
+    actionId: string;
+    event: string;
+    priority: number;
+} | {
+    kind: "chat/composer.action";
+    requiresRoom: false;
+    requiresAgent: false;
+    surfaces: string[];
+    id: string;
+    name: string;
+    description: string;
+    icon: string;
+    command: string;
+    dialog: string;
+    widgetId: string;
+    priority: number;
+})[];
+export declare const chatAiLoaders: import("@vibesdotdev/kernel").AssetLoader[];
+//# sourceMappingURL=contributions.d.ts.map

package/dist/svelte/ai/contributions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contributions.d.ts","sourceRoot":"","sources":["../../../src/svelte/ai/contributions.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qCAAqC;;;;;;;;;;;CAYX,CAAC;AAExC,eAAO,MAAM,uCAAuC;;;;;;;;;;;;;CAcX,CAAC;AAE1C,eAAO,MAAM,oCAAoC;;;;;;;;;;;CAYV,CAAC;AAExC,eAAO,MAAM,sCAAsC;;;;;;;;;;;;;CAeV,CAAC;AAE1C,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;IAG7B,CAAC;AACF,eAAO,MAAM,aAAa,6CAGzB,CAAC"}

package/dist/svelte/ai/contributions.js

@@ -0,0 +1,61 @@
+import { loader } from '@vibesdotdev/kernel';
+export const imageGenerationDialogWidgetDescriptor = {
+    kind: 'chat/dialog.widget',
+    requiresRoom: false,
+    surfaces: ['svelte'],
+    id: 'ai.chat.dialog.image-generation',
+    name: 'Image generation dialog',
+    description: 'Dialog widget for sending a chat prompt to image generation',
+    dialog: 'image-generation',
+    actionId: 'ai.image-generation',
+    event: 'chat:open-image-generation',
+    priority: 55
+};
+export const imageGenerationComposerActionDescriptor = {
+    kind: 'chat/composer.action',
+    requiresRoom: false,
+    requiresAgent: false,
+    surfaces: ['svelte'],
+    id: 'ai.image-generation',
+    name: 'Create image',
+    description: 'Open image generation from chat',
+    icon: 'lucide:image',
+    command: 'image',
+    dialog: 'image-generation',
+    widgetId: imageGenerationDialogWidgetDescriptor.id,
+    priority: 55
+};
+export const agentCustomizeDialogWidgetDescriptor = {
+    kind: 'chat/dialog.widget',
+    requiresRoom: false,
+    surfaces: ['svelte'],
+    id: 'ai.chat.dialog.agent-customize',
+    name: 'Customize agent',
+    description: 'Dialog widget for overriding agent runtime model settings',
+    dialog: 'agent-customize',
+    actionId: 'ai.agent-customize',
+    event: 'chat:open-agent-customize',
+    priority: 70
+};
+export const agentCustomizeComposerActionDescriptor = {
+    kind: 'chat/composer.action',
+    requiresRoom: false,
+    requiresAgent: false,
+    surfaces: ['svelte'],
+    id: 'ai.agent-customize',
+    name: 'Customize agent',
+    description: 'Override model, temperature, and reasoning effort for this run',
+    icon: 'lucide:sliders-horizontal',
+    command: 'agent',
+    dialog: 'agent-customize',
+    widgetId: agentCustomizeDialogWidgetDescriptor.id,
+    priority: 70
+};
+export const chatAiDescriptors = [
+    imageGenerationDialogWidgetDescriptor, imageGenerationComposerActionDescriptor,
+    agentCustomizeDialogWidgetDescriptor, agentCustomizeComposerActionDescriptor
+];
+export const chatAiLoaders = [
+    loader(imageGenerationDialogWidgetDescriptor.id, { kind: 'chat/dialog.widget', scope: 'browser' }, () => import('./ImageGenerationDialog.svelte')),
+    loader(agentCustomizeDialogWidgetDescriptor.id, { kind: 'chat/dialog.widget', scope: 'browser' }, () => import('@vibesdotdev/ai/svelte/components/agent-customization').then((module) => ({ default: module.AgentCustomizeDialog })))
+];

package/dist/svelte/ai/index.d.ts

@@ -0,0 +1,3 @@
+export * from './contributions.ts';
+export { default as ImageGenerationDialog } from './ImageGenerationDialog.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/svelte/ai/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/svelte/ai/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/svelte/ai/index.js

@@ -0,0 +1,2 @@
+export * from "./contributions.js";
+export { default as ImageGenerationDialog } from './ImageGenerationDialog.svelte';

package/dist/svelte/attachments.d.ts

@@ -0,0 +1,52 @@
+import { type ChatRoomStore } from './stores/chatRoomStore.svelte.ts';
+export interface StagedChatAttachment {
+    id: string;
+    name: string;
+    type: string;
+    size: number;
+    url: string;
+    status: 'uploading' | 'ready' | 'failed';
+    source?: 'chat-upload' | 'platform-storage' | 'inline';
+    /**
+     * Portable `storage://{providerId}/{driveId}/{key}` pointer for
+     * `source: 'platform-storage'` items. The bytes are NOT copied at stage
+     * time — the ref rides through `stagedContext.data['storage-entities']`
+     * and the AI worker lazily resolves it at run time (see ai-web's
+     * `resolveStorageEntity`). Undefined for chat-upload/inline attachments.
+     */
+    ref?: string;
+    error?: string;
+}
+export interface ChatAttachmentStageInput {
+    id: string;
+    name: string;
+    type?: string;
+    size: number;
+    url?: string;
+    status?: StagedChatAttachment['status'];
+    source?: StagedChatAttachment['source'];
+    /** `storage://` pointer for `source: 'platform-storage'` items. */
+    ref?: string;
+    error?: string;
+}
+export declare function formatChatAttachmentSize(bytes: number): string;
+export declare function stageChatAttachment(input: ChatAttachmentStageInput, store?: ChatRoomStore): StagedChatAttachment;
+/**
+ * Stage a platform-storage object as a pending attachment by its portable
+ * `storage://{providerId}/{driveId}/{key}` reference.
+ *
+ * Unlike a chat upload, nothing is copied: there is no `url` (the bytes are
+ * fetched lazily by the AI worker), `source` is `'platform-storage'`, and the
+ * `ref` is the only handle. The composer's `send()` collects these refs into
+ * `stagedContext.data['storage-entities']` so the empty `url` never produces a
+ * dead attachment link.
+ */
+export declare function stageStorageRefAttachment(input: {
+    ref: string;
+    name: string;
+    size: number;
+    type?: string;
+}, store?: ChatRoomStore): void;
+export declare function removeStagedAttachment(id: string, store?: ChatRoomStore): void;
+export declare function clearStagedAttachments(store?: ChatRoomStore): void;
+//# sourceMappingURL=attachments.d.ts.map

package/dist/svelte/attachments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachments.d.ts","sourceRoot":"","sources":["../../src/svelte/attachments.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAErF,MAAM,WAAW,oBAAoB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;IACzC,MAAM,CAAC,EAAE,aAAa,GAAG,kBAAkB,GAAG,QAAQ,CAAC;IACvD;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAwB;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACxC,mEAAmE;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAW9D;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,EAAE,KAAK,GAAE,aAA6B,GAAG,oBAAoB,CAiB/H;AAED;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAChD,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,EAAE,KAAK,GAAE,aAA6B,GAAG,IAAI,CAW7C;AAED,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,GAAE,aAA6B,GAAG,IAAI,CAI7F;AAED,wBAAgB,sBAAsB,CAAC,KAAK,GAAE,aAA6B,GAAG,IAAI,CAEjF"}

package/dist/svelte/attachments.js

@@ -0,0 +1,63 @@
+import { chatRoomStore } from "./stores/chatRoomStore.svelte.js";
+export function formatChatAttachmentSize(bytes) {
+    if (!Number.isFinite(bytes) || bytes <= 0)
+        return '0 B';
+    const units = ['B', 'KB', 'MB', 'GB', 'TB'];
+    let value = bytes;
+    let unitIndex = 0;
+    while (value >= 1024 && unitIndex < units.length - 1) {
+        value /= 1024;
+        unitIndex += 1;
+    }
+    const precision = value >= 10 || unitIndex === 0 ? 0 : 1;
+    return `${value.toFixed(precision)} ${units[unitIndex]}`;
+}
+export function stageChatAttachment(input, store = chatRoomStore) {
+    const attachment = {
+        id: input.id,
+        name: input.name,
+        type: input.type ?? 'application/octet-stream',
+        size: input.size,
+        url: input.url ?? '',
+        status: input.status ?? 'ready'
+    };
+    if (input.source)
+        attachment.source = input.source;
+    if (input.ref)
+        attachment.ref = input.ref;
+    if (input.error)
+        attachment.error = input.error;
+    store.pendingAttachments = [
+        ...store.pendingAttachments.filter((entry) => entry.id !== attachment.id),
+        attachment
+    ];
+    return attachment;
+}
+/**
+ * Stage a platform-storage object as a pending attachment by its portable
+ * `storage://{providerId}/{driveId}/{key}` reference.
+ *
+ * Unlike a chat upload, nothing is copied: there is no `url` (the bytes are
+ * fetched lazily by the AI worker), `source` is `'platform-storage'`, and the
+ * `ref` is the only handle. The composer's `send()` collects these refs into
+ * `stagedContext.data['storage-entities']` so the empty `url` never produces a
+ * dead attachment link.
+ */
+export function stageStorageRefAttachment(input, store = chatRoomStore) {
+    stageChatAttachment({
+        id: input.ref,
+        name: input.name,
+        size: input.size,
+        type: input.type ?? '',
+        url: '',
+        status: 'ready',
+        source: 'platform-storage',
+        ref: input.ref
+    }, store);
+}
+export function removeStagedAttachment(id, store = chatRoomStore) {
+    store.pendingAttachments = store.pendingAttachments.filter((entry) => entry.id !== id);
+}
+export function clearStagedAttachments(store = chatRoomStore) {
+    store.pendingAttachments = [];
+}

package/dist/svelte/augmentations/AddAgentsDialog.svelte

@@ -0,0 +1,260 @@
+<script lang="ts">
+	import { useChatSurface } from '../surface-context.js';
+	const { chatParticipantsStore, chatRoomStore, runtimeChatStore } = useChatSurface();
+
+	import * as z from 'zod/v4';
+	import { settle, valueFreeFailure } from '@vibesdotdev/kernel';
+	import * as Dialog from '@vibesdotdev/kit/components/ui/dialog';
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+	import { Input } from '@vibesdotdev/kit/components/ui/input';
+	import { Label } from '@vibesdotdev/kit/components/ui/label';
+	import { Icon } from '@vibesdotdev/kit/components/icon';
+	import { getRuntimeSvelteContext } from '@vibesdotdev/surface-sveltekit/svelte';
+	import type { ChatComposerOptions } from '@vibesdotdev/chat/client/contracts';
+	import { createRuntimeChatTeammate, loadAgentTeammateCatalog, mergeAgentTeammateCatalog, parseCommunityAgentQuery } from '../../augmentations/agent-teammate.js';
+
+
+	const runtimeStore = getRuntimeSvelteContext();
+
+	export type AddAgentsEventDetail = {
+		query?: string;
+		name?: string;
+		intent?: 'add' | 'create' | 'community' | string;
+	};
+
+	let {
+		open = $bindable(false),
+		roomId = null,
+		eventDetail = {},
+		onNotice = (_message: string) => {},
+		onError = (_message: string) => {}
+	}: {
+		open?: boolean;
+		roomId?: string | null;
+		eventDetail?: AddAgentsEventDetail;
+		onNotice?: (message: string) => void;
+		onError?: (message: string) => void;
+	} = $props();
+
+	let searchOverride = $state<string | null>(null);
+	let nameOverride = $state<string | null>(null);
+	let createDescription = $state('');
+	let creating = $state(false);
+	let adding = $state<string | null>(null);
+	let options = $state<ChatComposerOptions>({
+		models: [],
+		agents: [],
+		folders: [],
+		degraded: []
+	});
+	let loading = $state(false);
+
+	const seededQuery = $derived(eventDetail.query ?? '');
+	const seededName = $derived(eventDetail.name ?? '');
+	const searchQuery = $derived(searchOverride ?? seededQuery);
+	const createName = $derived(nameOverride ?? seededName);
+	const intent = $derived(
+		eventDetail.intent === 'create' || eventDetail.intent === 'community'
+			? eventDetail.intent
+			: 'add'
+	);
+	const existingIds = $derived(
+		new Set([
+			...chatRoomStore.pendingAgents.keys(),
+			...chatParticipantsStore.agents.keys()
+		])
+	);
+	const filtered = $derived.by(() => {
+		const query = parseCommunityAgentQuery(searchQuery).toLowerCase();
+		return options.agents.filter((agent) => {
+			if (!query) return true;
+			return [agent.name, agent.description, agent.source]
+				.filter(Boolean)
+				.join(' ')
+				.toLowerCase()
+				.includes(query);
+		});
+	});
+
+	async function refreshCatalog(query = searchQuery) {
+		const visible = options.agents.length > 0 || options.models.length > 0;
+		loading = !visible;
+		const settled = await settle(async () => {
+			const owned = await runtimeChatStore.getComposerOptions({ force: true });
+			options = mergeAgentTeammateCatalog(
+				owned,
+				await loadAgentTeammateCatalog(await runtimeStore.load(), owned.agents, query)
+			);
+		});
+		loading = false;
+		if (!settled.ok) {
+			options = { models: [], agents: [], folders: [], degraded: ['agents'] };
+			const failure = valueFreeFailure(settled.cause);
+			onError(failure.reason ?? 'Could not load AI teammates.');
+		}
+	}
+
+	function setOpen(next: boolean) {
+		open = next;
+		if (next) return;
+		searchOverride = null;
+		nameOverride = null;
+	}
+
+	$effect(() => {
+		if (!open) return;
+		const query = searchQuery;
+		const timeout = setTimeout(() => {
+			void refreshCatalog(query);
+		}, 200);
+		return () => clearTimeout(timeout);
+	});
+
+	async function addAgent(agent: ChatComposerOptions['agents'][number]) {
+		adding = agent.id;
+		const settled = await settle(async () => {
+			if (runtimeChatStore.activeRoom) {
+				await runtimeChatStore.activeRoom.participants.add({
+					id: agent.id,
+					type: 'agent',
+					name: agent.name,
+					description: agent.description,
+					responseStyle: 'reply',
+					enabled: true,
+					source: 'runtime'
+				});
+			} else {
+				chatRoomStore.pendingAgents.set(agent.id, {
+					responseMode: 'tagged',
+					alias: agent.name
+				});
+				chatParticipantsStore.agents.set(agent.id, {
+					chatRoomId: roomId ?? 'pending',
+					agentId: agent.id,
+					alias: agent.name,
+					responseMode: 'tagged'
+				});
+			}
+			await runtimeChatStore.setRoomMode('multi');
+			onNotice(`Added ${agent.name}`);
+		});
+		adding = null;
+		if (!settled.ok) {
+			const failure = valueFreeFailure(settled.cause);
+			onError(failure.reason ?? 'Failed to add AI teammate');
+		}
+	}
+
+	async function createAgent() {
+		const name = createName.trim();
+		if (!name) {
+			onError('Name this AI teammate before creating it.');
+			return;
+		}
+		creating = true;
+		const settled = await settle(async () => {
+			const created = await createRuntimeChatTeammate(await runtimeStore.load(), {
+				name,
+				description: createDescription.trim() || undefined
+			});
+			nameOverride = '';
+			createDescription = '';
+			await addAgent(created);
+			await refreshCatalog();
+		});
+		creating = false;
+		if (!settled.ok) {
+			const failure = valueFreeFailure(settled.cause);
+			onError(failure.reason ?? 'Failed to create AI teammate');
+		}
+	}
+</script>
+
+<Dialog.Root bind:open={() => open, setOpen}>
+	<Dialog.Content class="max-w-lg">
+		<Dialog.Header>
+			<Dialog.Title>
+				{intent === 'create' ? 'Create AI teammate' : 'Add AI teammate'}
+			</Dialog.Title>
+			<Dialog.Description>
+				Create a teammate, search community agents, or add one you already have.
+			</Dialog.Description>
+		</Dialog.Header>
+
+		<div class="space-y-4">
+			<form
+				class="space-y-2"
+				onsubmit={(event) => {
+					event.preventDefault();
+					void createAgent();
+				}}
+			>
+				<Label for="chat-agent-create-name">New teammate</Label>
+				<div class="flex gap-2">
+					<Input
+						id="chat-agent-create-name"
+						bind:value={() => createName, (value) => (nameOverride = value)}
+						placeholder="Name"
+						autocomplete="off"
+					/>
+					<Button type="submit" disabled={creating || !createName.trim()}>
+						{creating ? 'Creating…' : 'Create'}
+					</Button>
+				</div>
+				<Input
+					bind:value={createDescription}
+					placeholder="Optional description"
+					autocomplete="off"
+				/>
+			</form>
+
+			<div class="relative">
+				<Icon
+					icon="lucide:search"
+					class="text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2"
+				/>
+				<Input
+					bind:value={() => searchQuery, (value) => (searchOverride = value)}
+					placeholder="Search your agents and the community"
+					class="pl-9"
+				/>
+			</div>
+
+			<div class="max-h-64 space-y-1 overflow-y-auto">
+				{#if loading}
+					<p class="text-muted-foreground py-8 text-center text-sm">Loading teammates…</p>
+				{:else if filtered.length === 0}
+					<p class="text-muted-foreground py-8 text-center text-sm">
+						{searchQuery ? 'No teammates match that search' : 'No teammates available yet'}
+					</p>
+				{:else}
+					{#each filtered as agent (agent.id)}
+						{@const added = existingIds.has(agent.id)}
+						<button
+							type="button"
+							class="hover:bg-muted flex w-full items-center gap-3 rounded-md px-3 py-2 text-left"
+							disabled={added || adding === agent.id}
+							onclick={() => void addAgent(agent)}
+						>
+							<Icon icon={agent.source === 'community' ? 'lucide:globe' : 'lucide:bot'} class="h-4 w-4" />
+							<span class="min-w-0 flex-1">
+								<span class="block truncate text-sm font-medium">{agent.name}</span>
+								{#if agent.description}
+									<small class="text-muted-foreground block truncate">{agent.description}</small>
+								{/if}
+								{#if agent.source === 'community'}
+									<small class="text-muted-foreground">Community</small>
+								{/if}
+							</span>
+							<Icon icon={added ? 'lucide:check' : 'lucide:plus'} class="h-4 w-4" />
+						</button>
+					{/each}
+				{/if}
+			</div>
+		</div>
+
+		<Dialog.Footer>
+			<Button variant="outline" onclick={() => setOpen(false)}>Done</Button>
+		</Dialog.Footer>
+	</Dialog.Content>
+</Dialog.Root>

package/dist/svelte/augmentations/AddAgentsDialog.svelte.d.ts

@@ -0,0 +1,16 @@
+export type AddAgentsEventDetail = {
+    query?: string;
+    name?: string;
+    intent?: 'add' | 'create' | 'community' | string;
+};
+type $$ComponentProps = {
+    open?: boolean;
+    roomId?: string | null;
+    eventDetail?: AddAgentsEventDetail;
+    onNotice?: (message: string) => void;
+    onError?: (message: string) => void;
+};
+declare const AddAgentsDialog: import("svelte").Component<$$ComponentProps, {}, "open">;
+type AddAgentsDialog = ReturnType<typeof AddAgentsDialog>;
+export default AddAgentsDialog;
+//# sourceMappingURL=AddAgentsDialog.svelte.d.ts.map

package/dist/svelte/augmentations/AddAgentsDialog.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddAgentsDialog.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/augmentations/AddAgentsDialog.svelte.ts"],"names":[],"mappings":"AAiBC,MAAM,MAAM,oBAAoB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAC;CACjD,CAAC;AACF,KAAK,gBAAgB,GAAI;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAqOH,QAAA,MAAM,eAAe,0DAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}