@jhits/plugin-blog 0.0.18 → 0.0.20

package/dist/views/CanvasEditor/hooks/useHeroBlock.js

@@ -27,12 +27,13 @@ export function useHeroBlock(state, registeredBlocks) {
                         return heroBlockFromContent;
                     }
                     // If no hero block in contentBlocks, initialize from defaults
-                    // Hero image and featured image are completely independent - no syncing
+                    // We map metadata.excerpt to both 'summary' and 'description' to support different block implementations
                     const initialData = {
                         ...heroData,
                         title: state.title || heroData.title || '',
                         summary: state.metadata.excerpt || heroData.summary || '',
-                        image: heroData.image, // Use default image, not featured image
+                        description: state.metadata.excerpt || heroData.description || '',
+                        category: state.metadata.categories?.[0] || heroData.category || '',
                     };
                     return {
                         id: generateBlockId(),
@@ -47,36 +48,32 @@ export function useHeroBlock(state, registeredBlocks) {
         else {
             setHeroBlock(null);
         }
-    }, [heroBlockDefinition, state.blocks, state.title, state.metadata.excerpt]);
+    }, [heroBlockDefinition, state.blocks, state.title, state.metadata.excerpt, state.metadata.categories]);
     // Sync hero block with editor state when post is loaded (for existing posts)
-    // BUT: Never sync image from featured image to hero - they are independent
-    // Only sync title, summary, and category
     useEffect(() => {
         if (heroBlock && heroBlockDefinition && state.postId) {
-            // Only update if the hero block data doesn't match the editor state
-            // This prevents overwriting user edits with stale data
             const currentTitle = heroBlock.data?.title || '';
             const currentSummary = heroBlock.data?.summary || '';
+            const currentDescription = heroBlock.data?.description || '';
             const currentCategory = heroBlock.data?.category || '';
             const stateTitle = state.title || '';
-            const stateSummary = state.metadata.excerpt || '';
+            const stateExcerpt = state.metadata.excerpt || '';
             const stateCategory = state.metadata.categories?.[0] || '';
-            // Check if hero block is out of sync with editor state
-            // NOTE: We do NOT sync image anymore - hero and featured image are independent
             const titleMismatch = currentTitle !== stateTitle;
-            const summaryMismatch = currentSummary !== stateSummary;
+            // Check both summary and description for mismatches
+            const summaryMismatch = currentSummary !== stateExcerpt;
+            const descriptionMismatch = currentDescription !== stateExcerpt;
             const categoryMismatch = currentCategory !== stateCategory;
-            // Only update title, summary, and category - NEVER update image
-            // The hero block image should come from contentBlocks, not from featured image
-            if ((titleMismatch || summaryMismatch || categoryMismatch) && (stateTitle || stateSummary || stateCategory)) {
+            // Sync if state has values and there's a mismatch
+            if ((titleMismatch || summaryMismatch || descriptionMismatch || categoryMismatch) && (stateTitle || stateExcerpt || stateCategory)) {
                 setHeroBlock({
                     ...heroBlock,
                     data: {
                         ...heroBlock.data,
-                        title: stateTitle || heroBlock.data?.title || '',
-                        summary: stateSummary || heroBlock.data?.summary || '',
-                        // DO NOT sync image - keep hero block's own image
-                        category: stateCategory || heroBlock.data?.category || '',
+                        title: stateTitle || currentTitle,
+                        summary: stateExcerpt || currentSummary,
+                        description: stateExcerpt || currentDescription,
+                        category: stateCategory || currentCategory,
                     },
                 });
             }

package/dist/views/CanvasEditor/hooks/usePostLoader.d.ts

@@ -1,4 +1,7 @@
 import type { BlogPost } from '../../../types/post';
+/**
+ * Technical hook for loading post data into the Orchestrator
+ */
 export declare function usePostLoader(postId: string | undefined, currentPostId: string | null, loadPost: (post: BlogPost) => void, resetHeroBlock: () => void, language?: string): {
     isLoadingPost: boolean;
 };

package/dist/views/CanvasEditor/hooks/usePostLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePostLoader.d.ts","sourceRoot":"","sources":["../../../../src/views/CanvasEditor/hooks/usePostLoader.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,wBAAgB,aAAa,CACzB,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,EAClC,cAAc,EAAE,MAAM,IAAI,EAC1B,QAAQ,CAAC,EAAE,MAAM;;EAwCpB"}
+{"version":3,"file":"usePostLoader.d.ts","sourceRoot":"","sources":["../../../../src/views/CanvasEditor/hooks/usePostLoader.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD;;GAEG;AACH,wBAAgB,aAAa,CACzB,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,EAClC,cAAc,EAAE,MAAM,IAAI,EAC1B,QAAQ,CAAC,EAAE,MAAM;;EA2CpB"}

package/dist/views/CanvasEditor/hooks/usePostLoader.js

@@ -1,32 +1,34 @@
+'use client';
 import { useEffect, useState, useRef } from 'react';
 import { apiToBlogPost } from '../../../lib/mappers/apiMapper';
+/**
+ * Technical hook for loading post data into the Orchestrator
+ */
 export function usePostLoader(postId, currentPostId, loadPost, resetHeroBlock, language) {
     const [isLoadingPost, setIsLoadingPost] = useState(false);
-    // Use a ref to track language so changes don't re-trigger initial load
     const languageRef = useRef(language);
     languageRef.current = language;
     useEffect(() => {
+        // Only trigger if we have a target ID but no active post in state
+        // This prevents infinite loops while allowing initial synchronization
         if (postId && !currentPostId) {
             const loadPostData = async () => {
                 try {
                     setIsLoadingPost(true);
-                    // Reset hero block before loading new post so it gets re-initialized from the new post's blocks
                     resetHeroBlock();
-                    const lang = languageRef.current;
-                    const url = lang
-                        ? `/api/plugin-blog/${postId}?language=${lang}`
-                        : `/api/plugin-blog/${postId}`;
+                    const lang = languageRef.current || 'nl';
+                    // We use the relative URL which will hit the Dashboard API
+                    const url = `/api/plugin-blog/${postId}?language=${lang}&admin=true`;
                     const response = await fetch(url);
                     if (!response.ok) {
-                        throw new Error('Failed to load post');
+                        throw new Error(`NODE_HANDSHAKE_FAILED: ${response.status}`);
                     }
                     const apiDoc = await response.json();
                     const blogPost = apiToBlogPost(apiDoc);
                     loadPost(blogPost);
                 }
                 catch (error) {
-                    console.error('Failed to load post:', error);
-                    alert('Failed to load post. Please try again.');
+                    console.error('[usePostLoader] CRITICAL_SYNC_ERROR:', error);
                 }
                 finally {
                     setIsLoadingPost(false);
@@ -34,9 +36,6 @@ export function usePostLoader(postId, currentPostId, loadPost, resetHeroBlock, l
             };
             loadPostData();
         }
-        // Only re-run on initial load (postId / currentPostId change), NOT on language change
-        // Language switching is handled separately by handleLanguageChange
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [postId, currentPostId]);
+    }, [postId, currentPostId, loadPost, resetHeroBlock]);
     return { isLoadingPost };
 }

package/dist/views/CanvasEditor/hooks/useUnsavedChanges.js

@@ -63,7 +63,6 @@ export function useUnsavedChanges({ state, isDirty, onSave, heroBlock, autoSaveE
         try {
             localStorage.setItem(AUTO_SAVE_STORAGE_KEY, enabled.toString());
             setAutoSaveEnabledState(enabled);
-            console.log('[useUnsavedChanges] Auto-save preference updated:', enabled);
         }
         catch (error) {
             console.error('[useUnsavedChanges] Failed to save auto-save preference:', error);
@@ -89,7 +88,6 @@ export function useUnsavedChanges({ state, isDirty, onSave, heroBlock, autoSaveE
         // When a post is loaded (postId exists) and isDirty is false, update the saved state reference
         if (postId && !isDirty && lastSavedStateRef.current === '') {
             lastSavedStateRef.current = getStateSnapshot();
-            console.log('[useUnsavedChanges] Initialized saved state reference after post load');
         }
         // Also update if isDirty becomes false after being true (e.g., after save or MARK_CLEAN)
         if (!isDirty && lastSavedStateRef.current !== getStateSnapshot()) {
@@ -106,11 +104,9 @@ export function useUnsavedChanges({ state, isDirty, onSave, heroBlock, autoSaveE
             setSaveStatus('saving');
             setCountdown(null);
             countdownStartTimeRef.current = null;
-            console.log('[useUnsavedChanges] Auto-saving...');
             await onSave(heroBlock);
             lastSavedStateRef.current = getStateSnapshot();
             setSaveStatus('saved');
-            console.log('[useUnsavedChanges] Auto-save completed');
             // Clear save status after 2 seconds
             if (saveStatusTimeoutRef.current) {
                 clearTimeout(saveStatusTimeoutRef.current);

package/dist/views/PostManager/EmptyState.d.ts

@@ -1,6 +1,6 @@
 /**
  * Empty State Component
- * Botanical-themed empty state for when no posts are found
+ * Generic empty state for when no posts are found
  */
 export interface EmptyStateProps {
     hasFilters: boolean;

package/dist/views/PostManager/EmptyState.js

@@ -1,12 +1,12 @@
 /**
  * Empty State Component
- * Botanical-themed empty state for when no posts are found
+ * Generic empty state for when no posts are found
  */
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Sprout, Plus } from 'lucide-react';
+import { PenTool, Plus } from 'lucide-react';
 export function EmptyState({ hasFilters, onCreatePost }) {
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-20 px-8 bg-neutral-100 dark:bg-neutral-800/50 rounded-[2.5rem] border-2 border-dashed border-neutral-300 dark:border-neutral-700", children: [_jsx("div", { className: "w-24 h-24 rounded-full bg-green-500/10 dark:bg-green-500/20 flex items-center justify-center mb-6", children: _jsx(Sprout, { className: "text-green-600 dark:text-green-400 size-12" }) }), _jsx("h3", { className: "text-xl font-black text-neutral-950 dark:text-white uppercase tracking-tight mb-2", children: hasFilters ? 'No Posts Found' : 'No Posts Yet' }), _jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400 text-center mb-6 max-w-md", children: hasFilters
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-20 px-8 bg-neutral-100 dark:bg-neutral-800/50 rounded-[2.5rem] border-2 border-dashed border-neutral-300 dark:border-neutral-700", children: [_jsx("div", { className: "w-24 h-24 rounded-full bg-primary/10 dark:bg-primary/20 flex items-center justify-center mb-6", children: _jsx(PenTool, { className: "text-primary size-12" }) }), _jsx("h3", { className: "text-xl font-black text-neutral-950 dark:text-white uppercase tracking-tight mb-2", children: hasFilters ? 'No Results Found' : 'Your Journal is Empty' }), _jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400 text-center mb-6 max-w-md leading-relaxed", children: hasFilters
                     ? 'Try adjusting your search or filter criteria to find what you\'re looking for.'
-                    : 'Start growing your content garden. Create your first blog post to share your botanical knowledge with the world.' }), !hasFilters && (_jsxs("button", { onClick: onCreatePost, className: "inline-flex items-center gap-2 px-6 py-3 bg-primary text-white rounded-full text-[10px] font-black uppercase tracking-widest hover:bg-primary/90 transition-all shadow-lg shadow-primary/20", children: [_jsx(Plus, { size: 16 }), "Create Your First Post"] }))] }));
+                    : 'It looks like you haven\'t published any stories yet. Start writing to share your insights with the world.' }), !hasFilters && (_jsxs("button", { onClick: onCreatePost, className: "inline-flex items-center gap-2 px-8 py-4 bg-primary text-white rounded-full text-[10px] font-black uppercase tracking-widest hover:bg-primary/90 transition-all shadow-lg shadow-primary/20", children: [_jsx(Plus, { size: 16 }), "Start Writing"] }))] }));
 }

package/dist/views/PostManager/FilterDropdown.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Filter Dropdown Component
+ * Custom styled dropdown matching the dashboard design
+ */
+import React from 'react';
+interface Option {
+    label: string;
+    value: string;
+    icon?: React.ReactNode;
+}
+interface FilterDropdownProps {
+    options: Option[];
+    value: string;
+    onChange: (value: string) => void;
+    icon: React.ReactNode;
+    label: string;
+    minWidth?: string;
+}
+export declare function FilterDropdown({ options, value, onChange, icon, label, minWidth }: FilterDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilterDropdown.d.ts.map

package/dist/views/PostManager/FilterDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDropdown.d.ts","sourceRoot":"","sources":["../../../src/views/PostManager/FilterDropdown.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,UAAU,mBAAmB;IACzB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAkB,EACrB,EAAE,mBAAmB,2CA8DrB"}

package/dist/views/PostManager/FilterDropdown.js

@@ -0,0 +1,28 @@
+/**
+ * Filter Dropdown Component
+ * Custom styled dropdown matching the dashboard design
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { ChevronDown } from 'lucide-react';
+export function FilterDropdown({ options, value, onChange, icon, label, minWidth = '160px' }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const dropdownRef = useRef(null);
+    const selectedOption = options.find(opt => opt.value === value) || options[0];
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    return (_jsxs("div", { className: "relative", ref: dropdownRef, children: [_jsxs("button", { onClick: () => setIsOpen(!isOpen), className: `flex items-center gap-3 px-4 py-2.5 rounded-xl transition-all hover:bg-white/5 group ${isOpen ? 'text-primary' : 'text-dashboard-text-secondary'}`, style: { minWidth }, children: [_jsx("div", { className: `${isOpen ? 'text-primary' : 'text-dashboard-text-secondary group-hover:text-primary'} transition-colors`, children: selectedOption.icon || icon }), _jsxs("div", { className: "flex flex-col items-start flex-1 overflow-hidden text-left", children: [_jsx("span", { className: "text-[8px] font-black uppercase tracking-[0.2em] opacity-40", children: label }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest truncate w-full", children: selectedOption.label })] }), _jsx(ChevronDown, { className: `size-3 transition-transform duration-300 ${isOpen ? 'rotate-180 text-primary' : 'opacity-30'}` })] }), isOpen && (_jsx("div", { className: "absolute top-full left-0 mt-3 p-2 bg-dashboard-bg/95 backdrop-blur-2xl border border-dashboard-border rounded-2xl shadow-2xl z-[100] min-w-[200px] animate-in fade-in zoom-in-95 duration-200", children: options.map((option) => (_jsxs("button", { onClick: () => {
+                        onChange(option.value);
+                        setIsOpen(false);
+                    }, className: `w-full flex items-center gap-3 px-3 py-2.5 rounded-xl transition-all ${option.value === value
+                        ? 'bg-primary/10 text-primary font-bold'
+                        : 'text-dashboard-text-secondary hover:bg-white/5 hover:text-dashboard-text'}`, children: [_jsx("div", { className: option.value === value ? 'text-primary' : 'opacity-50', children: option.icon || icon }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest", children: option.label })] }, option.value))) }))] }));
+}

package/dist/views/PostManager/LanguageFlags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageFlags.d.ts","sourceRoot":"","sources":["../../../src/views/PostManager/LanguageFlags.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,UAAU,kBAAkB;IACxB,IAAI,EAAE,YAAY,CAAC;CACtB;AAwBD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE,kBAAkB,kDAiGzD"}
+{"version":3,"file":"LanguageFlags.d.ts","sourceRoot":"","sources":["../../../src/views/PostManager/LanguageFlags.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,UAAU,kBAAkB;IACxB,IAAI,EAAE,YAAY,CAAC;CACtB;AAwBD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE,kBAAkB,kDAqGzD"}

package/dist/views/PostManager/LanguageFlags.js

@@ -46,9 +46,12 @@ export function LanguageFlags({ post }) {
     return (_jsx("div", { className: "flex gap-2", children: post.availableLanguages.map((lang) => {
             const langData = post.languages?.[lang];
             const status = langData?.status || 'draft';
+            // Try to get title from metadata, fallback to root title
             const langTitle = langData?.metadata?.title || post.title;
             const isHovered = hoveredLang === lang;
-            return (_jsxs("div", { ref: (el) => { flagRefs.current[lang] = el; }, className: "relative", onMouseEnter: () => setHoveredLang(lang), onMouseLeave: () => setHoveredLang(null), children: [_jsxs(motion.div, { whileHover: { scale: 1.15 }, className: `relative flex items-center justify-center w-7 h-4.5 rounded shadow-sm overflow-hidden border cursor-help transition-colors ${status === 'published'
+            return (_jsxs("div", { ref: (el) => { flagRefs.current[lang] = el; }, className: "relative", onMouseEnter: () => {
+                    setHoveredLang(lang);
+                }, onMouseLeave: () => setHoveredLang(null), children: [_jsxs(motion.div, { whileHover: { scale: 1.15 }, className: `relative flex items-center justify-center w-7 h-4.5 rounded shadow-sm overflow-hidden border cursor-help transition-colors ${status === 'published'
                             ? 'border-green-500/40 bg-white'
                             : 'border-amber-500/40 bg-white opacity-90'}`, children: [_jsx("img", { src: getFlagUrl(lang), alt: lang, className: "w-full h-full object-cover" }), status !== 'published' && (_jsx("div", { className: "absolute inset-0 bg-amber-500/5" }))] }), typeof document !== 'undefined' && createPortal(_jsx(AnimatePresence, { children: isHovered && tooltipCoords && (_jsx(motion.div, { initial: { opacity: 0, y: -90, x: '-50%', scale: 0.95 }, animate: { opacity: 1, y: -100, x: '-50%', scale: 1 }, exit: { opacity: 0, y: -90, x: '-50%', scale: 0.95 }, className: "fixed z-[9999] pointer-events-none", style: {
                                 top: tooltipCoords.top - 12,

package/dist/views/PostManager/PostCards.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostCards.d.ts","sourceRoot":"","sources":["../../../src/views/PostManager/PostCards.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,OAAO,EAAE,YAAY,EAAc,MAAM,kBAAkB,CAAC;AAK5D,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AA4BD,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,EACT,WAAW,EACX,QAAQ,GACX,EAAE,cAAc,2CAoJhB"}
+{"version":3,"file":"PostCards.d.ts","sourceRoot":"","sources":["../../../src/views/PostManager/PostCards.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,OAAO,EAAE,YAAY,EAAc,MAAM,kBAAkB,CAAC;AAK5D,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AA4BD,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,EACT,WAAW,EACX,QAAQ,GACX,EAAE,cAAc,2CA+IhB"}

package/dist/views/PostManager/PostCards.js

@@ -4,26 +4,25 @@
  */
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { Calendar, User, UserCheck } from 'lucide-react';
-import { Image } from '@jhits/plugin-images';
+import { FileText, Tag, Activity } from 'lucide-react';
+import { Image as PluginImage } from '@jhits/plugin-images';
 import { PostActionsMenu } from './PostActionsMenu';
 import { LanguageFlags } from './LanguageFlags';
 import { useSession } from 'next-auth/react';
 function getStatusBadgeColor(status) {
     switch (status) {
         case 'published':
-            return 'bg-green-500/10 text-green-700 dark:text-green-400 border-green-500/20';
+            return 'bg-emerald-500 text-white border-emerald-400 shadow-lg shadow-emerald-500/20';
         case 'draft':
-            return 'bg-amber-500/10 text-amber-700 dark:text-amber-400 border-amber-500/20';
+            return 'bg-amber-500 text-white border-amber-400 shadow-lg shadow-amber-500/20';
         case 'scheduled':
-            return 'bg-blue-500/10 text-blue-700 dark:text-blue-400 border-blue-500/20';
+            return 'bg-blue-500 text-white border-blue-400 shadow-lg shadow-blue-500/20';
         case 'archived':
-            return 'bg-neutral-500/10 text-neutral-700 dark:text-neutral-400 border-neutral-500/20';
+            return 'bg-neutral-500 text-white border-neutral-400';
         case 'not-translated':
-            return 'bg-red-500/10 text-red-700 dark:text-red-400 border-red-500/20 italic';
+            return 'bg-red-500/10 text-red-500 border-red-500/20 italic';
         default:
-            return 'bg-neutral-500/10 text-neutral-700 dark:text-neutral-400 border-neutral-500/20';
+            return 'bg-neutral-500/10 text-neutral-500 border-neutral-500/20';
     }
 }
 function formatDate(dateString, locale) {
@@ -38,43 +37,27 @@ function formatDate(dateString, locale) {
 export function PostCards({ posts, locale, onEdit, onPreview, onDuplicate, onDelete, }) {
     const { data: session, status: sessionStatus } = useSession();
     const currentUserId = session?.user?.id;
-    const [userMap, setUserMap] = useState({});
     // Helper function to check if user is the owner
     const isPostOwner = (post) => {
         if (sessionStatus === 'loading')
-            return false; // Don't show actions while loading
+            return false;
         if (!currentUserId || !post.authorId)
             return false;
-        // Convert both to strings for comparison to handle ObjectId vs string
         return String(currentUserId) === String(post.authorId);
     };
-    // Fetch users to map IDs to names
-    useEffect(() => {
-        const fetchUsers = async () => {
-            try {
-                const response = await fetch('/api/users');
-                const users = await response.json();
-                if (Array.isArray(users)) {
-                    const map = {};
-                    users.forEach((user) => {
-                        const id = user._id?.toString();
-                        if (id) {
-                            map[id] = user.name || user.email || 'Unknown';
-                        }
-                    });
-                    setUserMap(map);
-                }
-            }
-            catch (error) {
-                console.error('Failed to fetch users:', error);
-            }
-        };
-        fetchUsers();
-    }, []);
-    const getAuthorName = (authorId) => {
-        if (!authorId)
-            return 'Unknown';
-        return userMap[authorId] || authorId;
+    const getAuthorData = (post) => {
+        if (post.author) {
+            return {
+                name: post.author.name || 'Unknown Author',
+                image: post.author.image
+            };
+        }
+        return { name: 'Unknown Author' };
     };
-    return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6", children: posts.map((post) => (_jsxs("div", { className: "flex flex-col bg-dashboard-card rounded-2xl border border-dashboard-border overflow-hidden hover:shadow-xl transition-all duration-300 group h-full", children: [_jsxs("div", { className: "relative w-full h-48 bg-neutral-200 dark:bg-neutral-800 overflow-hidden flex-shrink-0", children: [post.featuredImage ? (_jsx(Image, { id: post.featuredImage, alt: post.title, fill: true, editable: false, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" })) : (_jsx("div", { className: "w-full h-full flex items-center justify-center", children: _jsx("span", { className: "text-sm text-neutral-400", children: "No Image" }) })), isPostOwner(post) && (_jsx("div", { className: "absolute top-4 left-4 z-10", children: _jsx("div", { className: "bg-white/90 dark:bg-neutral-900/90 backdrop-blur-sm rounded-full p-1 shadow-lg border border-neutral-200 dark:border-neutral-700", children: _jsx(PostActionsMenu, { onEdit: () => onEdit(post.id), onPreview: () => onPreview(post.id), onDuplicate: () => onDuplicate(post.id), onDelete: () => onDelete(post.id) }) }) })), _jsx("div", { className: "absolute top-4 right-4", children: _jsx("span", { className: `inline-flex items-center px-3 py-1 rounded-full text-[10px] font-black uppercase tracking-wider border backdrop-blur-sm ${getStatusBadgeColor(post.status)}`, children: post.status }) })] }), _jsxs("div", { className: "p-6 flex flex-col flex-1", children: [_jsxs("div", { className: "mb-4 min-h-[72px]", children: [_jsx("button", { onClick: () => onEdit(post.id), className: "text-left w-full hover:cursor-pointer", children: _jsx("h3", { className: "font-bold text-lg text-neutral-950 dark:text-white mb-2 line-clamp-2 group-hover:text-primary transition-colors hover:underline", children: post.title }) }), _jsxs("p", { className: "text-xs text-neutral-500 dark:text-neutral-400 font-mono line-clamp-1", children: ["/", post.slug] })] }), _jsx("div", { className: "flex-1 mb-4 min-h-[40px]", children: post.excerpt && (_jsx("p", { className: "text-sm text-neutral-600 dark:text-neutral-400 line-clamp-2", children: post.excerpt })) }), _jsx("div", { className: "mb-6", children: _jsx(LanguageFlags, { post: post }) }), _jsxs("div", { className: "space-y-3 pt-4 border-t border-neutral-200 dark:border-neutral-700 mt-auto", children: [_jsxs("div", { className: "flex items-center gap-2", children: [isPostOwner(post) ? (_jsx(UserCheck, { size: 14, className: "text-primary" })) : (_jsx(User, { size: 14, className: "text-neutral-400" })), _jsxs("span", { className: `text-xs ${isPostOwner(post) ? 'text-primary font-semibold' : 'text-neutral-600 dark:text-neutral-400'}`, children: [getAuthorName(post.authorId), isPostOwner(post) && (_jsx("span", { className: "ml-1", children: "(You)" }))] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { size: 14, className: "text-neutral-400" }), _jsx("span", { className: "text-xs text-neutral-600 dark:text-neutral-400", children: formatDate(post.updatedAt, locale) })] })] })] })] }, post.id))) }));
+    return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6", children: posts.map((post) => {
+            const author = getAuthorData(post);
+            const owner = isPostOwner(post);
+            const initials = author.name.split(' ').map(n => n[0]).join('').toUpperCase().slice(0, 2);
+            return (_jsxs("div", { className: "group relative flex flex-col h-full animate-in fade-in slide-in-from-bottom-2 duration-500", children: [_jsx("div", { className: "absolute inset-0 bg-dashboard-card/40 backdrop-blur-md rounded-[2.5rem] border border-dashboard-border/40 transition-all duration-500 group-hover:border-primary/30 group-hover:bg-primary/5 group-hover:shadow-xl group-hover:shadow-primary/5" }), _jsxs("div", { className: "relative p-3.5 flex flex-col h-full space-y-5", children: [_jsxs("div", { className: "aspect-[16/9.5] relative bg-dashboard-bg/50 rounded-[2rem] overflow-hidden border border-dashboard-border/40 group-hover:border-primary/20 transition-all shadow-sm", children: [post.featuredImage ? (_jsx(PluginImage, { id: post.featuredImage, alt: post.title, fill: true, editable: false, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" })) : (_jsx("div", { className: "w-full h-full flex flex-col items-center justify-center bg-dashboard-bg/50 opacity-20", children: _jsx(FileText, { size: 40 }) })), _jsx("div", { className: "absolute top-3.5 right-3.5", children: _jsx("span", { className: `inline-flex items-center px-3 py-1 rounded-full text-[9px] font-bold uppercase tracking-wider border backdrop-blur-md shadow-sm ${getStatusBadgeColor(post.status)}`, children: post.status === 'not-translated' ? 'Edition Missing' : post.status }) }), owner && (_jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/10 transition-all duration-500 flex items-center justify-center opacity-0 group-hover:opacity-100 z-20", children: _jsx("div", { className: "bg-white/10 backdrop-blur-md p-1.5 rounded-2xl border border-white/20 shadow-2xl flex items-center gap-1 scale-90 group-hover:scale-100 transition-transform duration-500", children: _jsx(PostActionsMenu, { onEdit: () => onEdit(post.id), onPreview: () => onPreview(post.id), onDuplicate: () => onDuplicate(post.id), onDelete: () => onDelete(post.id) }) }) }))] }), _jsxs("div", { className: "px-3.5 pb-2.5 flex-1 flex flex-col", children: [_jsxs("div", { className: "flex items-center gap-3 mb-3.5", children: [_jsx(LanguageFlags, { post: post }), _jsx("div", { className: "h-4 w-px bg-dashboard-border/30" }), _jsxs("span", { className: "text-[10px] font-bold text-primary uppercase tracking-widest flex items-center gap-1.5 opacity-80", children: [_jsx(Tag, { size: 12 }), post.category || 'Article'] })] }), _jsx("button", { onClick: () => onEdit(post.id), className: "text-left w-full group/title mb-2.5", children: _jsx("h3", { className: "text-xl font-bold text-dashboard-text tracking-tight leading-tight line-clamp-2 group-hover/title:text-primary transition-colors", children: post.title }) }), _jsx("p", { className: "text-sm text-dashboard-text-secondary font-medium line-clamp-2 opacity-60 mb-6", children: post.excerpt || 'No summary available for this publication.' }), _jsxs("div", { className: "pt-4 border-t border-dashboard-border/30 mt-auto space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [_jsx("div", { className: `size-9 rounded-xl flex items-center justify-center text-xs font-bold border transition-all overflow-hidden shrink-0 ${owner ? 'bg-primary text-white border-primary/20 shadow-lg shadow-primary/20' : 'bg-dashboard-bg/50 text-dashboard-text-secondary border-dashboard-border/60'}`, children: author.image ? (_jsx("img", { src: author.image, alt: author.name, className: "size-full object-cover", crossOrigin: "anonymous" })) : initials }), _jsxs("div", { className: "flex flex-col min-w-0", children: [_jsxs("span", { className: "text-[10px] font-bold text-dashboard-text uppercase tracking-tight truncate", children: [author.name, " ", owner && _jsx("span", { className: "text-primary ml-0.5", children: "(YOU)" })] }), _jsx("span", { className: "text-[9px] font-semibold text-dashboard-text-secondary uppercase tracking-widest opacity-60", children: formatDate(post.updatedAt, locale) })] })] }), post.status === 'published' && (_jsxs("div", { className: "flex items-center gap-1.5 px-2.5 py-0.5 bg-emerald-500/10 text-emerald-500 rounded-full border border-emerald-500/20", children: [_jsx(Activity, { size: 10, className: "animate-pulse" }), _jsx("span", { className: "text-[8px] font-bold uppercase tracking-widest", children: "Live" })] }))] }), _jsx("div", { className: "bg-dashboard-bg/40 px-3 py-1.5 rounded-xl border border-dashboard-border/30", children: _jsxs("p", { className: "text-[9px] font-mono text-dashboard-text-secondary/50 uppercase tracking-tight truncate", children: ["Path: /", post.slug] }) })] })] })] })] }, post.id));
+        }) }));
 }

package/dist/views/PostManager/PostFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostFilters.d.ts","sourceRoot":"","sources":["../../../src/views/PostManager/PostFilters.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,UAAU,GAAG,KAAK,CAAC;IACjC,oBAAoB,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,MAAM,EAAE,CAAC;CAChC;AAED,wBAAgB,WAAW,CAAC,EACxB,MAAM,EACN,cAAc,EACd,YAAY,EACZ,oBAAoB,EACpB,cAAc,EACd,sBAAsB,EACtB,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,GACrB,EAAE,gBAAgB,2CA+FlB"}
+{"version":3,"file":"PostFilters.d.ts","sourceRoot":"","sources":["../../../src/views/PostManager/PostFilters.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,UAAU,GAAG,KAAK,CAAC;IACjC,oBAAoB,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,MAAM,EAAE,CAAC;CAChC;AAED,wBAAgB,WAAW,CAAC,EACxB,MAAM,EACN,cAAc,EACd,YAAY,EACZ,oBAAoB,EACpB,cAAc,EACd,sBAAsB,EACtB,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,GACrB,EAAE,gBAAgB,2CAoGlB"}

package/dist/views/PostManager/PostFilters.js

@@ -5,16 +5,47 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Search, Filter, Tag, Globe } from 'lucide-react';
+import { FilterDropdown } from './FilterDropdown';
 export function PostFilters({ search, onSearchChange, statusFilter, onStatusFilterChange, categoryFilter, onCategoryFilterChange, categories, language, onLanguageChange, availableLanguages, }) {
     const langNames = {
         nl: 'Nederlands (NL)',
-        en: 'English (EN)',
-        sv: 'Svenska (SV)',
+        en: 'English (GB)',
+        sv: 'Svenska (SE)',
         de: 'Deutsch (DE)',
         fr: 'Français (FR)',
         es: 'Español (ES)',
         it: 'Italiano (IT)',
         pt: 'Português (PT)',
     };
-    return (_jsxs("div", { className: "flex flex-col sm:flex-row gap-4 mb-6", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx("label", { htmlFor: "blog-post-search", className: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", style: { clip: 'rect(0, 0, 0, 0)', clipPath: 'inset(50%)' }, children: "Search posts by title or content" }), _jsx(Search, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 size-4" }), _jsx("input", { id: "blog-post-search", name: "blog-post-search", type: "text", value: search, onChange: (e) => onSearchChange(e.target.value), placeholder: "Search posts by title or content...", className: "w-full pl-11 pr-4 py-3 bg-neutral-100 dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-700 rounded-2xl text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary outline-none transition-all" })] }), _jsxs("div", { className: "relative", children: [_jsx("label", { htmlFor: "blog-post-status-filter", className: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", style: { clip: 'rect(0, 0, 0, 0)', clipPath: 'inset(50%)' }, children: "Filter by status" }), _jsx(Filter, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 size-4 pointer-events-none" }), _jsxs("select", { id: "blog-post-status-filter", name: "blog-post-status-filter", value: statusFilter, onChange: (e) => onStatusFilterChange(e.target.value), className: "pl-11 pr-8 py-3 bg-neutral-100 dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-700 rounded-2xl text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary appearance-none outline-none cursor-pointer min-w-[160px]", children: [_jsx("option", { value: "all", children: "All Statuses" }), _jsx("option", { value: "published", children: "Published" }), _jsx("option", { value: "draft", children: "Draft" }), _jsx("option", { value: "scheduled", children: "Scheduled" }), _jsx("option", { value: "archived", children: "Archived" })] })] }), _jsxs("div", { className: "relative", children: [_jsx("label", { htmlFor: "blog-post-category-filter", className: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", style: { clip: 'rect(0, 0, 0, 0)', clipPath: 'inset(50%)' }, children: "Filter by category" }), _jsx(Tag, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 size-4 pointer-events-none" }), _jsxs("select", { id: "blog-post-category-filter", name: "blog-post-category-filter", value: categoryFilter, onChange: (e) => onCategoryFilterChange(e.target.value), className: "pl-11 pr-8 py-3 bg-neutral-100 dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-700 rounded-2xl text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary appearance-none outline-none cursor-pointer min-w-[160px]", children: [_jsx("option", { value: "all", children: "All Categories" }), categories.map((category) => (_jsx("option", { value: category, children: category }, category)))] })] }), _jsxs("div", { className: "relative", children: [_jsx("label", { htmlFor: "blog-post-language-filter", className: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", style: { clip: 'rect(0, 0, 0, 0)', clipPath: 'inset(50%)' }, children: "Primary Language" }), _jsx(Globe, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 size-4 pointer-events-none" }), _jsx("select", { id: "blog-post-language-filter", name: "blog-post-language-filter", value: language, onChange: (e) => onLanguageChange(e.target.value), className: "pl-11 pr-8 py-3 bg-neutral-100 dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-700 rounded-2xl text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary appearance-none outline-none cursor-pointer min-w-[140px]", children: availableLanguages.map(lang => (_jsx("option", { value: lang, children: langNames[lang] || lang.toUpperCase() }, lang))) })] })] }));
+    const getFlagUrl = (lang) => {
+        const mapping = {
+            en: 'gb',
+            nl: 'nl',
+            sv: 'se',
+            de: 'de',
+            fr: 'fr',
+            es: 'es',
+            it: 'it',
+            pt: 'pt'
+        };
+        const countryCode = mapping[lang] || lang;
+        return `https://flagcdn.com/w40/${countryCode.toLowerCase()}.png`;
+    };
+    const statusOptions = [
+        { label: 'All Statuses', value: 'all' },
+        { label: 'Published', value: 'published' },
+        { label: 'Draft', value: 'draft' },
+        { label: 'Scheduled', value: 'scheduled' },
+        { label: 'Archived', value: 'archived' },
+    ];
+    const categoryOptions = [
+        { label: 'All Categories', value: 'all' },
+        ...categories.map(cat => ({ label: cat, value: cat }))
+    ];
+    const languageOptions = availableLanguages.map(lang => ({
+        label: langNames[lang] || lang.toUpperCase(),
+        value: lang,
+        icon: _jsx("img", { src: getFlagUrl(lang), alt: "", className: "w-4 h-2.5 rounded-sm object-cover shadow-sm border border-white/10" })
+    }));
+    return (_jsxs("div", { className: "flex-1 flex flex-col md:flex-row items-center gap-4", children: [_jsxs("div", { className: "relative flex-1 group w-full", children: [_jsx(Search, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-dashboard-text-secondary/40 group-focus-within:text-primary transition-colors duration-300", size: 18 }), _jsx("input", { id: "blog-post-search", name: "blog-post-search", type: "text", value: search, onChange: (e) => onSearchChange(e.target.value), placeholder: "Search articles by title...", className: "w-full pl-12 pr-6 py-3.5 bg-dashboard-card/40 border border-dashboard-border/40 rounded-2xl text-sm font-semibold text-dashboard-text placeholder:text-dashboard-text-secondary/30 outline-none focus:border-primary/30 transition-all" })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-1.5 p-1.5 bg-dashboard-card/50 rounded-xl border border-dashboard-border/40 w-full md:w-auto", children: [_jsx(FilterDropdown, { label: "Status", icon: _jsx(Filter, { size: 14, className: "text-primary/60" }), value: statusFilter, options: statusOptions, onChange: (val) => onStatusFilterChange(val), minWidth: "140px" }), _jsx("div", { className: "h-6 w-px bg-dashboard-border/30 mx-1 hidden md:block" }), _jsx(FilterDropdown, { label: "Category", icon: _jsx(Tag, { size: 14, className: "text-primary/60" }), value: categoryFilter, options: categoryOptions, onChange: onCategoryFilterChange, minWidth: "150px" }), _jsx("div", { className: "h-6 w-px bg-dashboard-border/30 mx-1 hidden md:block" }), _jsx(FilterDropdown, { label: "Language", icon: _jsx(Globe, { size: 14, className: "text-primary/60" }), value: language, options: languageOptions, onChange: onLanguageChange, minWidth: "160px" })] })] }));
 }

package/dist/views/PostManager/PostManagerView.d.ts

@@ -1,7 +1,6 @@
 /**
  * Post Manager View
- * Production-ready listing page for managing blog posts
- * Follows dashboard earth-tone design system
+ * Natural scroll layout with sticky header synchronization
  */
 export interface PostManagerViewProps {
     siteId: string;

package/dist/views/PostManager/PostManagerView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostManagerView.d.ts","sourceRoot":"","sources":["../../../src/views/PostManager/PostManagerView.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAcH,MAAM,WAAW,oBAAoB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAMD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CA4RvE"}
+{"version":3,"file":"PostManagerView.d.ts","sourceRoot":"","sources":["../../../src/views/PostManager/PostManagerView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAcH,MAAM,WAAW,oBAAoB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAMD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CA8OvE"}