@aphexcms/cms-core 0.2.2 → 1.0.0

package/dist/components/admin/DocumentEditor.svelte

@@ -6,11 +6,14 @@
 	import { ApiError } from '../../api/client';
 	import SchemaField from './SchemaField.svelte';
 	import { findOrphanedFields, type OrphanedField } from '../../schema-utils/cleanup';
-	import type { SchemaType } from 'src/lib/types/schemas.js';
+	import type { SchemaType } from '../../types/schemas.js';
 	import { Rule } from '../../field-validation/rule';
 	import { hasUnpublishedChanges } from '../../utils/content-hash';
 	import { setSchemaContext } from '../../schema-context.svelte';
 	import { getDefaultValueForFieldType } from '../../utils/field-defaults';
+	import elementEvents from '../../utils/element-events';
+	import { cmsLogger } from '../../utils/logger';
+	import { toast } from 'svelte-sonner';
 
 	interface Props {
 		schemas: SchemaType[];
@@ -56,6 +59,32 @@
 	let lastSaved = $state<Date | null>(null);
 	let publishSuccess = $state<Date | null>(null);
 
+	// Ticker to keep relative time updating
+	let now = $state(Date.now());
+	let tickerInterval: ReturnType<typeof setInterval> | null = null;
+
+	$effect(() => {
+		tickerInterval = setInterval(() => {
+			now = Date.now();
+		}, 10_000); // update every 10s
+		return () => {
+			if (tickerInterval) clearInterval(tickerInterval);
+		};
+	});
+
+	function timeAgo(date: Date): string {
+		const seconds = Math.floor((now - date.getTime()) / 1000);
+		if (seconds < 5) return 'just now';
+		if (seconds < 60) return `${seconds}s ago`;
+		const minutes = Math.floor(seconds / 60);
+		if (minutes < 60) return `${minutes}m ago`;
+		const hours = Math.floor(minutes / 60);
+		if (hours < 24) return `${hours}h ago`;
+		return date.toLocaleDateString();
+	}
+
+	const savedAgoText = $derived(lastSaved ? `Saved ${timeAgo(lastSaved)}` : null);
+
 	// Menu dropdown state
 	let showDropdown = $state(false);
 
@@ -95,7 +124,7 @@
 		const _docId = documentId;
 		const _docType = documentType;
 
-		console.log('hasValidationErrors: ', hasValidationErrors);
+		cmsLogger.debug('[Document Editor]', 'hasValidationErrors: ', hasValidationErrors);
 
 		// Detect if we're actually switching documents vs just transitioning from creating→editing
 		const isSwitchingDocuments =
@@ -120,7 +149,12 @@
 				autoSaveTimer = null;
 			}
 
-			console.log('🧹 Cleared state for document switch:', _docType, _docId || 'new');
+			cmsLogger.debug(
+				'[Document Editor]',
+				'🧹 Cleared state for document switch:',
+				_docType,
+				_docId || 'new'
+			);
 		}
 
 		// Update tracking
@@ -140,7 +174,10 @@
 		if (!isCreating && documentId) {
 			// Skip loading if we just created this document (data is already in memory)
 			if (justCreatedDocument) {
-				console.log('⏭️  Skipping loadDocumentData - just created document');
+				cmsLogger.debug(
+					'[Document Editor]',
+					'⏭️  Skipping loadDocumentData - just created document'
+				);
 				justCreatedDocument = false;
 				return;
 			}
@@ -168,8 +205,8 @@
 		schemaLoading = true;
 		schemaError = null;
 
-		console.log('[Document Editor] RUNNING LOAD SCHEMA');
-		console.log('[Document Editor] SCHEMAS: ', schemas);
+		cmsLogger.debug('[Document Editor]', 'RUNNING LOAD SCHEMA');
+		cmsLogger.debug('[Document Editor]', 'SCHEMAS: ', schemas);
 
 		try {
 			// Find schema from provided schemas
@@ -181,7 +218,7 @@
 				throw new Error(`Schema type '${documentType}' not found`);
 			}
 		} catch (err) {
-			console.error('Failed to load schema:', err);
+			toast.error(err instanceof Error ? err.message : 'Failed to load schema');
 			schemaError = err instanceof Error ? err.message : 'Failed to load schema';
 		} finally {
 			schemaLoading = false;
@@ -191,7 +228,7 @@
 	async function loadDocumentData() {
 		if (!documentId) return;
 
-		console.log('📄 Loading document data for:', documentId);
+		cmsLogger.debug('[Document Editor]', '📄 Loading document data for:', documentId);
 
 		try {
 			const response = await documents.getById(documentId);
@@ -202,15 +239,16 @@
 
 				// With LocalAPI, data is flattened at top level (not in draftData)
 				// Extract all fields except id and _meta
+				// @ts-expect-error
 				const { id, _meta, ...data } = response.data;
-				console.log('📄 Full response.data:', response.data);
-				console.log('📄 Extracted data (after destructuring):', data);
-				console.log('📄 Keys in extracted data:', Object.keys(data));
-				console.log('📄 Published hash:', _meta?.publishedHash);
+				cmsLogger.debug('[Document Editor]', '📄 Full response.data:', response.data);
+				cmsLogger.debug('[Document Editor]', '📄 Extracted data (after destructuring):', data);
+				cmsLogger.debug('[Document Editor]', '📄 Keys in extracted data:', Object.keys(data));
+				cmsLogger.debug('[Document Editor]', '📄 Published hash:', _meta?.publishedHash);
 
 				documentData = { ...data };
-				console.log('📄 documentData after assignment:', documentData);
-				console.log('📄 Keys in documentData:', Object.keys(documentData));
+				cmsLogger.debug('[Document Editor]', '📄 documentData after assignment:', documentData);
+				cmsLogger.debug('[Document Editor]', '📄 Keys in documentData:', Object.keys(documentData));
 				hasUnsavedChanges = false; // Just loaded, so no unsaved changes
 
 				// Run validation on loaded document to show any existing errors
@@ -222,11 +260,11 @@
 					}
 				});
 			} else {
-				console.log('❌ Failed to load document data:', response.error);
+				cmsLogger.debug('[Document Editor]', '❌ Failed to load document data:', response.error);
 				saveError = response.error || 'Failed to load document';
 			}
 		} catch (err) {
-			console.error('❌ Error loading document data:', err);
+			toast.error(err instanceof ApiError ? err.message : 'Failed to load document');
 			saveError = err instanceof ApiError ? err.message : 'Failed to load document';
 		}
 	}
@@ -234,7 +272,7 @@
 	async function initializeDocument() {
 		if (!schema) return;
 
-		console.log('🆕 Initializing new document with field defaults');
+		cmsLogger.debug('[Document Editor]', '🆕 Initializing new document with field defaults');
 
 		// Initialize document data with field defaults
 		const initialData: Record<string, any> = {};
@@ -246,7 +284,7 @@
 					try {
 						initialData[field.name] = await field.initialValue();
 					} catch (error) {
-						console.error(`Failed to resolve initialValue for field "${field.name}":`, error);
+						toast.error(`Failed to resolve initial value for "${field.name}"`);
 						// Fall back to default value for the field type
 						initialData[field.name] = getDefaultValueForFieldType(field.type);
 					}
@@ -277,7 +315,7 @@
 		hasUnsavedChanges = false;
 		lastSaved = null;
 		saveError = null;
-		console.log('✅ Document initialized with:', initialData);
+		cmsLogger.debug('[Document Editor]', '✅ Document initialized with:', initialData);
 	}
 
 	// Check if document has meaningful content (not just empty initialized values)
@@ -342,11 +380,17 @@
 		// Only auto-save if there's meaningful content, data has changed, and not in read-only mode
 		if (hasContent && hasChanges && schema && !isReadOnly) {
 			autoSaveTimer = setTimeout(() => {
-				console.log('🔄 Auto-saving after typing pause (data changed)...', { documentId });
+				cmsLogger.debug(
+					'[Document Editor]',
+					'🔄 Auto-saving after typing pause (data changed)...',
+					{
+						documentId
+					}
+				);
 				saveDocument(true); // auto-save
 			}, 1200); // Shorter delay - saves faster but still waits for typing pauses
 		} else if (!hasChanges) {
-			console.log('⏭️  Skipping auto-save - no changes from saved data');
+			cmsLogger.debug('[Document Editor]', '⏭️  Skipping auto-save - no changes from saved data');
 		}
 
 		return () => {
@@ -368,7 +412,7 @@
 			// ALWAYS allow saving drafts (even with validation errors) - Sanity-style
 			if (isCreating) {
 				// Create new document
-				console.log('🔄 Creating new document with data:', {
+				cmsLogger.debug('[Document Editor]', '🔄 Creating new document with data:', {
 					type: documentType,
 					data: documentData
 				});
@@ -377,10 +421,14 @@
 					data: documentData
 				});
 
-				console.log('📝 Document creation response:', response);
+				cmsLogger.debug('[Document Editor]', '📝 Document creation response:', response);
 
 				if (response.success && response.data) {
-					console.log('✅ Document created successfully with ID:', response.data.id);
+					cmsLogger.debug(
+						'[Document Editor]',
+						'✅ Document created successfully with ID:',
+						response.data.id
+					);
 					// Set flag to prevent loadDocumentData from overwriting our data
 					justCreatedDocument = true;
 					// Store the response data for hash comparison
@@ -388,7 +436,7 @@
 					// Always call onSaved to switch to edit mode after creation
 					onSaved?.(response.data.id);
 				} else {
-					console.error('❌ Document creation failed:', response);
+					toast.error(response?.error || 'Failed to create document');
 				}
 			} else if (documentId) {
 				// Update existing document
@@ -400,6 +448,8 @@
 				// We need to sync fullDocument to match what we just saved (documentData)
 				// instead of what the server returned, in case server adds extra metadata
 				if (response?.success && response.data) {
+					cmsLogger.debug('[Document Editor]', 'meta response data:', response.data);
+					// @ts-expect-error
 					const { id: responseId, _meta } = response.data;
 					// Reconstruct fullDocument using the data we sent (documentData)
 					// plus the id and _meta from the response
@@ -418,7 +468,7 @@
 					// Trigger validation on all fields after auto-save
 					validateAllFields(); // Update validation status
 					schemaFields.forEach((fieldComponent, index) => {
-						const field = schema.fields[index];
+						const field = schema?.fields[index];
 						if (fieldComponent && field) {
 							fieldComponent.performValidation(documentData[field.name], {});
 						}
@@ -431,7 +481,7 @@
 				throw new Error(response?.error || 'Failed to save document');
 			}
 		} catch (err) {
-			console.error('Failed to save document:', err);
+			toast.error(err instanceof ApiError ? err.message : 'Failed to save document');
 
 			// Extract validation errors if present
 			if (err instanceof ApiError && err.response?.validationErrors) {
@@ -470,8 +520,8 @@
 				fullDocument = response.data;
 				lastSaved = new Date();
 				publishSuccess = new Date();
-				console.log('✅ Document published successfully');
-				console.log('📄 New published hash:', response.data.publishedHash);
+				cmsLogger.debug('[Document Editor]', '✅ Document published successfully');
+				cmsLogger.debug('[Document Editor]', '📄 New published hash:', response.data.publishedHash);
 
 				// Notify parent that document was published
 				if (onPublished && documentId) {
@@ -481,7 +531,7 @@
 				throw new Error(response.error || 'Failed to publish document');
 			}
 		} catch (err) {
-			console.error('Failed to publish document:', err);
+			toast.error(err instanceof ApiError ? err.message : 'Failed to publish document');
 
 			// Extract validation errors if present
 			if (err instanceof ApiError && err.response?.validationErrors) {
@@ -518,14 +568,17 @@
 						const rule = validationFn(new Rule());
 						const markers = await rule.validate(documentData[field.name], { path: [field.name] });
 
-						if (markers.some((m) => m.level === 'error')) {
+						if (markers.some((m: any) => m.level === 'error')) {
 							errorsFound = true;
-							console.log(`❌ Validation error in field '${field.name}':`, markers);
+							cmsLogger.debug(
+								`[DocumentEditor] Validation error in field '${field.name}':`,
+								markers
+							);
 						}
 					}
 				} catch (error) {
 					errorsFound = true;
-					console.error(`Validation failed for field '${field.name}':`, error);
+					toast.error(`Validation failed for field "${field.name}"`);
 				}
 			}
 		}
@@ -548,13 +601,13 @@
 			const response = await documents.deleteById(documentId);
 
 			if (response.success) {
-				console.log('✅ Document deleted successfully');
+				cmsLogger.debug('[Document Editor]', '✅ Document deleted successfully');
 				onDeleted?.();
 			} else {
 				throw new Error(response.error || 'Failed to delete document');
 			}
 		} catch (err) {
-			console.error('Failed to delete document:', err);
+			toast.error(err instanceof ApiError ? err.message : 'Failed to delete document');
 			saveError = err instanceof ApiError ? err.message : 'Failed to delete document';
 		} finally {
 			saving = false;
@@ -590,18 +643,18 @@
 		let current = obj;
 
 		for (let i = 0; i < parts.length - 1; i++) {
-			const part = parts[i];
+			const part = parts[i]!;
 			if (part.includes('[') && part.includes(']')) {
 				// Handle array index like "items[0]"
 				const [key, indexStr] = part.split('[');
-				const index = parseInt(indexStr.replace(']', ''));
-				current = current[key][index];
+				const index = parseInt(indexStr!.replace(']', ''));
+				current = current[key!][index];
 			} else {
 				current = current[part];
 			}
 		}
 
-		const lastPart = parts[parts.length - 1];
+		const lastPart = parts[parts.length - 1]!;
 		delete current[lastPart];
 	}
 
@@ -632,9 +685,9 @@
 				<div class="flex items-center gap-2">
 					{#if saving}
 						<span class="text-muted-foreground text-xs">Saving...</span>
-					{:else if lastSaved}
+					{:else if savedAgoText}
 						<span class="text-muted-foreground text-xs">
-							Saved {lastSaved.toLocaleTimeString()}
+							{savedAgoText}
 						</span>
 					{:else if hasUnsavedChanges}
 						<span class="text-muted-foreground text-xs">Unsaved changes</span>
@@ -657,12 +710,8 @@
 			<!-- Status badges -->
 			{#if saving}
 				<Badge variant="secondary" class="hidden sm:flex">Saving...</Badge>
-			{:else if publishSuccess && new Date().getTime() - publishSuccess.getTime() < 3000}
+			{:else if publishSuccess && now - publishSuccess.getTime() < 3000}
 				<Badge variant="default" class="hidden sm:flex">Published!</Badge>
-			{:else if hasUnpublishedContent}
-				<Badge variant="outline" class="hidden sm:flex">Unpublished</Badge>
-			{:else if lastSaved}
-				<Badge variant="secondary" class="hidden sm:flex">Saved</Badge>
 			{/if}
 
 			<!-- Close button (X) - hidden on mobile -->
@@ -775,22 +824,38 @@
 			{/if}
 
 			<!-- Dynamic Schema Fields -->
-			{#each schema.fields as field, index (index)}
-				<SchemaField
-					bind:this={schemaFields[index]}
-					{field}
-					value={documentData[field.name]}
-					{documentData}
-					onUpdate={(newValue) => {
-						documentData = { ...documentData, [field.name]: newValue };
-						hasUnsavedChanges = true;
-					}}
-					{onOpenReference}
-					schemaType={documentType}
-					readonly={isReadOnly}
-					organizationId={fullDocument?._meta?.organizationId}
-				/>
-			{/each}
+			<svelte:boundary
+				onerror={(error) => cmsLogger.error('[DocumentEditor]', 'Error in editor content:', error)}
+			>
+				{#each schema.fields as field, index (index)}
+					<SchemaField
+						{field}
+						value={documentData[field.name]}
+						{documentData}
+						onUpdate={(newValue) => {
+							documentData = { ...documentData, [field.name]: newValue };
+							hasUnsavedChanges = true;
+						}}
+						{onOpenReference}
+						schemaType={documentType}
+						readonly={isReadOnly}
+						organizationId={fullDocument?._meta?.organizationId}
+					/>
+				{/each}
+
+				{#snippet failed(error, reset)}
+					<div class="border-destructive/30 bg-destructive/5 rounded-md border p-4 text-center">
+						<p class="text-destructive font-medium">Document editor encountered an error</p>
+						<p class="text-muted-foreground mt-1 text-sm">{error instanceof Error ? error.message : 'Unknown error'}</p>
+						<button
+							class="bg-primary text-primary-foreground mt-3 rounded px-4 py-2 text-sm"
+							onclick={reset}
+						>
+							Reload editor
+						</button>
+					</div>
+				{/snippet}
+			</svelte:boundary>
 		{:else}
 			<div class="border-muted-foreground/30 rounded-md border border-dashed p-4">
 				<p class="text-muted-foreground text-center text-sm">
@@ -808,14 +873,12 @@
 				<div class="flex items-center gap-2">
 					{#if saving}
 						<Badge variant="secondary">Saving...</Badge>
-					{:else if publishSuccess && new Date().getTime() - publishSuccess.getTime() < 3000}
+					{:else if publishSuccess && now - publishSuccess.getTime() < 3000}
 						<Badge variant="default">Published!</Badge>
 					{:else if hasUnsavedChanges}
 						<Badge variant="outline">Unsaved</Badge>
-					{:else if hasUnpublishedContent}
-						<Badge variant="outline">Unpublished Changes</Badge>
-					{:else if lastSaved}
-						<Badge variant="secondary">Saved</Badge>
+					{:else if savedAgoText}
+						<Badge variant="secondary">{savedAgoText}</Badge>
 					{/if}
 				</div>
 
@@ -862,7 +925,7 @@
 							{#if showDropdown}
 								<!-- Dropdown menu -->
 								<div
-									class="bg-background border-border absolute bottom-full right-0 z-50 mb-2 min-w-[140px] rounded-md border py-1 shadow-lg"
+									class="bg-background border-border absolute right-0 bottom-full z-50 mb-2 min-w-[140px] rounded-md border py-1 shadow-lg"
 								>
 									<Button
 										variant="ghost"
@@ -877,7 +940,12 @@
 								</div>
 
 								<!-- Click outside to close -->
-								<div class="fixed inset-0 z-40" onclick={() => (showDropdown = false)}></div>
+								<div
+									class="fixed inset-0 z-40"
+									use:elementEvents={{
+										events: [{ name: 'click', handler: () => (showDropdown = false) }]
+									}}
+								></div>
 							{/if}
 						</div>
 					{/if}

package/dist/components/admin/DocumentEditor.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { SchemaType } from 'src/lib/types/schemas.js';
+import type { SchemaType } from '../../types/schemas.js';
 interface Props {
     schemas: SchemaType[];
     documentType: string;

package/dist/components/admin/DocumentEditor.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentEditor.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/DocumentEditor.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAO1D,UAAU,KAAK;IACd,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAoyBF,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"DocumentEditor.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/DocumentEditor.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAUxD,UAAU,KAAK;IACd,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAg2BF,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/admin/DocumentsSkeleton.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+	import { fade } from 'svelte/transition';
+
+	type Props = {
+		container_class?: string;
+	};
+
+	const { container_class = '' }: Props = $props();
+</script>
+
+<div class="relative {container_class}" transition:fade={{ duration: 100 }}>
+	<div
+		class="from-muted/50 via-muted/30 absolute flex size-full animate-pulse flex-col items-center bg-linear-to-b to-transparent"
+	>
+		{#each new Array(3) as _, index (index)}
+			<div
+				class="border-border group flex w-full items-center justify-between border-b p-3"
+				style="opacity: {1 - index * 0.4}"
+			>
+				<div class="flex min-w-0 flex-1 items-center gap-3">
+					<div class="flex items-center justify-center">
+						<div class="bg-muted size-6 rounded dark:bg-white/10"></div>
+					</div>
+					<div class="min-w-0 flex-1">
+						<!-- Title -->
+						<div class="h-5 w-4/5 pb-0.5">
+							<div class="bg-muted h-full w-full rounded dark:bg-white/10"></div>
+						</div>
+						<!-- Subtitle -->
+						<div class="h-4 w-3/5 pt-0.5">
+							<div class="bg-muted h-full w-full rounded dark:bg-white/10"></div>
+						</div>
+					</div>
+				</div>
+				<!-- Date -->
+				<div class="bg-muted h-4 w-1/5 rounded dark:bg-white/10"></div>
+			</div>
+		{/each}
+	</div>
+</div>

package/dist/components/admin/DocumentsSkeleton.svelte.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    container_class?: string;
+};
+declare const DocumentsSkeleton: import("svelte").Component<Props, {}, "">;
+type DocumentsSkeleton = ReturnType<typeof DocumentsSkeleton>;
+export default DocumentsSkeleton;
+//# sourceMappingURL=DocumentsSkeleton.svelte.d.ts.map

package/dist/components/admin/DocumentsSkeleton.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentsSkeleton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/DocumentsSkeleton.svelte.ts"],"names":[],"mappings":"AAMC,KAAK,KAAK,GAAG;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAoCH,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}