@parhelia/core 0.1.12802 → 0.1.12836

package/dist/splash-screen/ModernSplashScreen.js

@@ -3,13 +3,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useEffect, useMemo, useCallback } from "react";
 import { useEditContext } from "../editor/client/editContext";
 import { RecentPages } from "./RecentPages";
-import { AlertTriangle, ArrowRight, Bell, Bot, Layers, Search, X, } from "lucide-react";
+import { LatestFeedback } from "../editor/reviews/LatestFeedback";
+import { getLatestFeedbackCreatedTime, isLatestFeedbackRefreshMessage, loadLatestFeedbackItems, } from "../editor/reviews/latestFeedbackData";
+import { AlertTriangle, ArrowRight, Bell, Bot, Layers, Search, } from "lucide-react";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "../components/ui/accordion";
+import { CloseButton } from "../components/ui/close-button";
 import { ItemSearch } from "../editor/ui/ItemSearch";
+import { Favorites } from "../editor/sidebar/Favorites";
 import { SimpleTabs } from "../editor/ui/SimpleTabs";
+import { HomeListBadge, HomeListIcon, homeListContainerClass, homeListRowClass, } from "../editor/ui/HomeListRow";
 import { cn } from "../lib/utils";
 import { executeCustomCommand, isCustomCommandDisabled, renderCustomCommandIcon, } from "../editor/commands/customCommandConverter";
+import { dedupeInflight } from "../editor/utils/dedupeInflight";
 import { getHomeQuickActions, getSystemStatus, } from "../editor/services/systemService";
-import { getAgentsGrouped } from "../editor/services/agentService";
+import { getAgentsGrouped, } from "../editor/services/agentService";
 import { getMyTasks } from "../task-board/services/taskService";
 import { getTaskBoardNavSnapshot, setTaskBoardNavState, } from "../task-board/taskBoardNavStore";
 import { normalizeTaskStatus } from "../task-board/taskStatus";
@@ -19,6 +26,8 @@ import { useNotifications } from "../editor/notifications/useNotifications";
 import { resolveNotificationAction } from "../editor/notifications/notificationRoutes";
 import { tourScrollIntoViewMarginClass } from "../tour/Tour";
 import { LicenseFeatures, useFeature } from "../licensing";
+const LATEST_FEEDBACK_TAB_ID = "latest-feedback";
+const LATEST_FEEDBACK_TAB_INDEX = 2;
 function isTyping(event) {
     const target = event.target;
     if (!target)
@@ -38,6 +47,41 @@ function isTyping(event) {
     const closestEditable = htmlEl.closest?.('input,textarea,select,[contenteditable=""],[contenteditable="true"],[role="textbox"]');
     return !!closestEditable;
 }
+function agentStatusBadgeClass(status) {
+    switch (status) {
+        case "completed":
+        case "running":
+            return "bg-feedback-green-light text-feedback-green";
+        case "error":
+            return "bg-feedback-red-light text-feedback-red";
+        case "waitingForApproval":
+        case "waitingForInput":
+        case "costLimitReached":
+            return "bg-feedback-orange-light text-feedback-orange";
+        default:
+            return "bg-neutral-grey-5 text-neutral-grey-100";
+    }
+}
+function agentStatusDotClass(status) {
+    switch (status) {
+        case "running":
+            return "animate-pulse bg-feedback-green";
+        case "error":
+            return "bg-feedback-red";
+        case "waitingForApproval":
+        case "waitingForInput":
+        case "costLimitReached":
+            return "bg-feedback-orange";
+        default:
+            return "bg-neutral-grey-50";
+    }
+}
+function getLatestFeedbackSeenTimestamp(items) {
+    const latestItemTime = Math.max(0, ...items
+        .map(getLatestFeedbackCreatedTime)
+        .filter((time) => Number.isFinite(time) && time > 0));
+    return new Date(Math.max(Date.now(), latestItemTime)).toISOString();
+}
 /**
  * Modern splash screen with clean design featuring:
  * - Parhelia logo and branding
@@ -57,19 +101,21 @@ export function ModernSplashScreen() {
     const [myReviews, setMyReviews] = useState([]);
     const { notifications, unreadCount, markRead } = useNotifications(editContext, { showAll: false });
     const [activeListTab, setActiveListTab] = useState(0);
+    const [latestFeedbackItems, setLatestFeedbackItems] = useState([]);
+    const [latestFeedbackLastSeenAt, setLatestFeedbackLastSeenAt] = useState(editContext?.userInfo?.preferences?.latestFeedbackLastSeenAt);
     const greeting = useMemo(() => {
         const hour = new Date().getHours();
         const lateNight = {
             label: "Still up",
             slogans: [
                 "Burning the midnight oil?",
-                "The world is asleep — your move.",
-                "Quiet hours, big ideas.",
-                "Coffee or curiosity?",
+                "The world is asleep — your story isn't.",
+                "Quiet hours, bold headlines.",
+                "Coffee or copy?",
                 "Owl mode engaged.",
-                "Stars are out — so are you.",
+                "Stars are out — so is your draft.",
                 "Night shift, no apologies.",
-                "The keyboard never sleeps.",
+                "The page never sleeps.",
                 "Late, but legendary.",
                 "Shh — creativity loading.",
             ],
@@ -77,15 +123,15 @@ export function ModernSplashScreen() {
         const morning = {
             label: "Good morning",
             slogans: [
-                "Let's make today shine.",
-                "Fresh start, fresh ideas.",
-                "The world is yours before noon.",
-                "First coffee, first commit.",
-                "Mornings are made for builders.",
-                "Today's a blank canvas.",
-                "Sunrise, sign-in, ship it.",
-                "Be the early bird.",
-                "New day, new possibilities.",
+                "Let's make today's stories shine.",
+                "Fresh start, fresh content.",
+                "The homepage is yours before noon.",
+                "First coffee, first headline.",
+                "Mornings are made for storytellers.",
+                "Today's a blank page.",
+                "Sunrise, sign-in, publish.",
+                "Be the early editor.",
+                "New day, new narratives.",
                 "Caffeine and inspiration on tap.",
             ],
         };
@@ -93,60 +139,60 @@ export function ModernSplashScreen() {
             label: "Good afternoon",
             slogans: [
                 "Hope lunch was great.",
-                "Refuel and reconquer.",
+                "Refuel and rewrite.",
                 "Midday momentum.",
-                "Half the day, twice the ideas.",
-                "Lunch break or breakthrough?",
-                "Bon appétit, then build.",
-                "Sandwich in one hand, ideas in the other.",
+                "Half the day, twice the words.",
+                "Lunch break or breakthrough draft?",
+                "Bon appétit, then publish.",
+                "Sandwich in one hand, headline in the other.",
                 "The afternoon is yours to write.",
-                "Recharge, then crush it.",
-                "Halftime — back at it.",
+                "Recharge, then publish.",
+                "Halftime — back to the page.",
             ],
         };
         const afternoon = {
             label: "Good afternoon",
             slogans: [
-                "Plenty of daylight left.",
+                "Plenty of daylight left to publish.",
                 "The afternoon is your runway.",
                 "Second wind activated.",
-                "Golden hours, golden output.",
+                "Golden hours, golden copy.",
                 "Focus mode: on.",
-                "Make the afternoon count.",
-                "Sunshine and shipping.",
+                "Make every paragraph count.",
+                "Sunshine and storytelling.",
                 "Onwards, upwards.",
-                "The day's still got room.",
+                "The day's still got room for one more page.",
                 "Productive vibes only.",
             ],
         };
         const evening = {
             label: "Good evening",
             slogans: [
-                "Wrapping up strong.",
-                "Golden hour for thinking.",
+                "Wrapping up the last revisions.",
+                "Golden hour for proofreading.",
                 "Evening focus, evening flow.",
-                "The world dims, you shine.",
+                "The world dims, your words shine.",
                 "Last lap of the day.",
-                "Slow down, ship sharp.",
-                "Cozy hours, careful work.",
+                "Slow down, polish sharp.",
+                "Cozy hours, careful edits.",
                 "Sunset clarity.",
-                "One more push?",
-                "Twilight tinkering.",
+                "One more headline?",
+                "Twilight tinkering with copy.",
             ],
         };
         const night = {
             label: "Good night",
             slogans: [
                 "Don't forget to rest.",
-                "The day's almost done — and so are you?",
+                "The day's almost done — and so is your draft?",
                 "Bed > backlog.",
-                "Save your progress, save yourself.",
+                "Save your draft, save yourself.",
                 "Tomorrow's a fresh page.",
                 "Wind down mode.",
                 "Stars are calling.",
-                "Last commit, then lights out.",
-                "Quality sleep, quality code.",
-                "Goodnight is a feature, not a bug.",
+                "Last paragraph, then lights out.",
+                "Quality sleep, quality content.",
+                "Goodnight is a feature, not a typo.",
             ],
         };
         const slot = hour < 5
@@ -173,6 +219,80 @@ export function ModernSplashScreen() {
         const namePart = user.name?.split("\\").pop() ?? user.name ?? "";
         return namePart;
     }, [editContext?.user]);
+    const persistedLatestFeedbackLastSeenAt = editContext?.userInfo?.preferences?.latestFeedbackLastSeenAt;
+    const setUserPreferences = editContext?.setUserPreferences;
+    useEffect(() => {
+        setLatestFeedbackLastSeenAt(persistedLatestFeedbackLastSeenAt);
+    }, [persistedLatestFeedbackLastSeenAt]);
+    const loadLatestFeedbackSummary = useCallback(async () => {
+        const items = await loadLatestFeedbackItems();
+        setLatestFeedbackItems(items);
+        return items;
+    }, []);
+    const markLatestFeedbackSeen = useCallback((items = latestFeedbackItems) => {
+        const seenAt = getLatestFeedbackSeenTimestamp(items);
+        setLatestFeedbackLastSeenAt(seenAt);
+        setUserPreferences?.({ latestFeedbackLastSeenAt: seenAt });
+    }, [latestFeedbackItems, setUserPreferences]);
+    const latestFeedbackUnreadCount = useMemo(() => {
+        if (!latestFeedbackLastSeenAt)
+            return latestFeedbackItems.length;
+        const lastSeenTime = new Date(latestFeedbackLastSeenAt).getTime();
+        if (!Number.isFinite(lastSeenTime))
+            return latestFeedbackItems.length;
+        return latestFeedbackItems.filter((item) => getLatestFeedbackCreatedTime(item) > lastSeenTime).length;
+    }, [latestFeedbackItems, latestFeedbackLastSeenAt]);
+    const handleSetActiveListTab = useCallback((index) => {
+        setActiveListTab(index);
+        if (index === LATEST_FEEDBACK_TAB_INDEX) {
+            markLatestFeedbackSeen();
+            void loadLatestFeedbackSummary()
+                .then((items) => markLatestFeedbackSeen(items))
+                .catch(() => { });
+        }
+    }, [loadLatestFeedbackSummary, markLatestFeedbackSeen]);
+    useEffect(() => {
+        let cancelled = false;
+        loadLatestFeedbackItems()
+            .then((items) => {
+            if (!cancelled)
+                setLatestFeedbackItems(items);
+        })
+            .catch(() => {
+            if (!cancelled)
+                setLatestFeedbackItems([]);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    useEffect(() => {
+        const dispose = editContext?.addSocketMessageListener?.((message) => {
+            try {
+                if (!isLatestFeedbackRefreshMessage(message?.type))
+                    return;
+                void loadLatestFeedbackSummary()
+                    .then((items) => {
+                    if (activeListTab === LATEST_FEEDBACK_TAB_INDEX) {
+                        markLatestFeedbackSeen(items);
+                    }
+                })
+                    .catch(() => { });
+            }
+            catch { }
+        });
+        return () => {
+            try {
+                dispose?.();
+            }
+            catch { }
+        };
+    }, [
+        activeListTab,
+        editContext?.addSocketMessageListener,
+        loadLatestFeedbackSummary,
+        markLatestFeedbackSeen,
+    ]);
     useEffect(() => {
         getSystemStatus().then((res) => {
             if (res.data)
@@ -181,7 +301,7 @@ export function ModernSplashScreen() {
     }, []);
     useEffect(() => {
         let mounted = true;
-        getHomeQuickActions().then((res) => {
+        dedupeInflight("home-quick-actions", () => getHomeQuickActions()).then((res) => {
             if (!mounted || !res.data)
                 return;
             setHomeQuickActions([...res.data].sort((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0)));
@@ -209,8 +329,8 @@ export function ModernSplashScreen() {
             return;
         }
         let cancelled = false;
-        (async () => {
-            const res = await getMyTasks({ excludeDone: true });
+        dedupeInflight("home-my-tasks", () => getMyTasks({ excludeDone: true }))
+            .then(async (res) => {
             if (cancelled)
                 return;
             if (res.type !== "success") {
@@ -232,7 +352,8 @@ export function ModernSplashScreen() {
                 return bTime - aTime;
             });
             setMyTasks(list);
-        })().catch(() => {
+        })
+            .catch(() => {
             if (!cancelled)
                 setMyTasks([]);
         });
@@ -246,8 +367,8 @@ export function ModernSplashScreen() {
             return;
         }
         let cancelled = false;
-        (async () => {
-            const res = await getMyReviews({ excludeFinished: true });
+        dedupeInflight("home-my-reviews", () => getMyReviews({ excludeFinished: true }))
+            .then(async (res) => {
             if (cancelled)
                 return;
             if (res.type !== "success") {
@@ -260,7 +381,8 @@ export function ModernSplashScreen() {
                 return bTime - aTime;
             });
             setMyReviews(list);
-        })().catch(() => {
+        })
+            .catch(() => {
             if (!cancelled)
                 setMyReviews([]);
         });
@@ -322,17 +444,32 @@ export function ModernSplashScreen() {
             skipConfirmation: false,
         });
     }, [editContext]);
-    const quickActionCommands = useMemo(() => homeQuickActions
-        .map((action) => ({
-        id: action.id,
-        label: action.title,
-        description: action.description,
-        svgIcon: action.svgIcon,
-        commandType: action.commandType,
-        sortOrder: action.sortOrder,
-        settings: action.settings ?? {},
-    }))
-        .filter((command) => canUseAi || command.commandType !== "agent"), [canUseAi, homeQuickActions]);
+    const quickActionCommands = useMemo(() => {
+        const actions = homeQuickActions.length > 0
+            ? homeQuickActions
+            : [
+                {
+                    id: "default-new-page",
+                    title: "Create New Page",
+                    description: "Start a new page in the editor",
+                    svgIcon: undefined,
+                    commandType: "openDialog",
+                    sortOrder: 0,
+                    settings: { dialogId: "newPage" },
+                },
+            ];
+        return actions
+            .map((action) => ({
+            id: action.id,
+            label: action.title,
+            description: action.description,
+            svgIcon: action.svgIcon,
+            commandType: action.commandType,
+            sortOrder: action.sortOrder,
+            settings: action.settings ?? {},
+        }))
+            .filter((command) => canUseAi || command.commandType !== "agent");
+    }, [canUseAi, homeQuickActions]);
     // Get workspace switching functionality
     const { visibleWorkspaces, workspaceId, switchWorkspace, previousWorkspaceId, } = editContext ?? {};
     // Prepare workspaces list for Alt+number switching (same logic as WorkspaceRail)
@@ -431,10 +568,12 @@ export function ModernSplashScreen() {
     }, []);
     return (_jsxs("div", { className: cn(
         // Keep a scroll container, but make the background move with content (not fixed to viewport).
-        "relative flex h-full min-h-0 w-full flex-col overflow-y-auto bg-local transition-colors duration-1000", isDark ? "bg-black text-stone-200" : "text-stone-900"), style: isDark
+        "relative flex h-full min-h-0 w-full flex-col overflow-y-auto bg-local transition-colors duration-1000", isDark
+            ? "bg-neutral-grey-100 text-neutral-grey-15"
+            : "text-neutral-grey-100"), style: isDark
             ? undefined
             : {
-                backgroundColor: "#f5f5f5",
+                backgroundColor: "var(--color-neutral-grey-5)",
             }, children: [_jsx("style", { dangerouslySetInnerHTML: {
                     __html: `
           @keyframes logo-entrance {
@@ -461,74 +600,77 @@ export function ModernSplashScreen() {
             animation: content-fade-in 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
           }
         `,
-                } }), _jsxs("div", { className: "relative z-10 flex flex-1 flex-col items-center px-4 py-8 md:py-10", "data-testid": "modern-splash-screen-main-content", children: [_jsxs("div", { className: "animate-content-entrance mt-6 mb-16 w-full max-w-7xl", style: { animationDelay: "0.6s" }, children: [_jsxs("p", { className: "text-base font-normal text-stone-500", children: [greeting.label, userFirstName ? `, ${userFirstName}` : "", _jsx("span", { className: "text-stone-400", children: "." })] }), _jsx("h1", { className: "mt-3 text-[40px] leading-tight font-semibold tracking-tight text-stone-900", children: greeting.subtitle })] }), _jsx("div", { className: "animate-content-entrance mb-12 w-full max-w-7xl", style: {
+                } }), _jsxs("div", { className: "relative z-10 flex flex-1 flex-col items-center px-4 py-8 md:py-10", "data-testid": "modern-splash-screen-main-content", children: [_jsxs("div", { className: "animate-content-entrance mt-6 mb-16 w-full max-w-7xl", style: { animationDelay: "0.6s" }, children: [_jsxs("p", { className: "text-neutral-grey-50 text-base font-normal", children: [greeting.label, userFirstName ? `, ${userFirstName}` : "", _jsx("span", { className: "text-neutral-grey-50", children: "." })] }), _jsx("h1", { className: "text-neutral-grey-100 mt-3 text-[40px] leading-tight font-semibold tracking-tight", children: greeting.subtitle })] }), _jsx("div", { className: "animate-content-entrance mb-12 w-full max-w-7xl", style: {
                             animationDelay: "0.9s",
                             viewTransitionName: "splash-search",
-                        }, children: _jsxs("div", { className: "relative flex flex-col rounded-xl border border-stone-200 bg-white p-3 [&_input]:!border-transparent [&_input]:!bg-transparent [&_input]:!pl-9 [&_input]:!ring-0 [&_input]:focus:!border-transparent [&_input]:focus:!ring-0 [&_.lucide-search:not([data-splash-search])]:!hidden", children: [_jsx(Search, { "data-splash-search": true, className: "pointer-events-none absolute top-[1.25rem] left-6 z-10 h-4 w-4 text-stone-700", strokeWidth: 2 }), _jsx(ItemSearch, { itemSelected: (item) => handleLoadSearchItem(item), resultClassName: "max-h-80", placeholder: "Search content" })] }) }), statusIssues.length > 0 && !statusWarningDismissed && (_jsx("div", { className: "animate-content-entrance mb-6 w-full max-w-7xl md:mb-8", style: {
+                        }, children: _jsxs("div", { className: "border-border-default relative flex flex-col rounded-xl border bg-white p-3 [&_.lucide-search:not([data-splash-search])]:!hidden [&_[data-slot=item-search-empty]]:!pl-9 [&_input]:!h-10 [&_input]:!border-transparent [&_input]:!bg-transparent [&_input]:!pl-9 [&_input]:!ring-0 [&_input]:focus:!border-transparent [&_input]:focus:!ring-0", children: [_jsx(Search, { "data-splash-search": true, className: "text-neutral-grey-100 pointer-events-none absolute top-8 left-6 z-10 h-4 w-4 -translate-y-1/2", strokeWidth: 2 }), _jsx(ItemSearch, { itemSelected: (item) => handleLoadSearchItem(item), resultClassName: "max-h-80", placeholder: "Search content" })] }) }), statusIssues.length > 0 && !statusWarningDismissed && (_jsx("div", { className: "animate-content-entrance mb-6 w-full max-w-7xl md:mb-8", style: {
                             animationDelay: "1.25s",
                             viewTransitionName: "splash-system-warning",
-                        }, children: _jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-amber-500/30 bg-amber-50/90 p-4 backdrop-blur-sm", children: [_jsx("div", { className: "mt-0.5 shrink-0", children: _jsx(AlertTriangle, { className: "h-5 w-5 text-amber-600" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("p", { className: "text-sm font-medium text-amber-900/90", children: [errorCount > 0
+                        }, children: _jsxs("div", { className: "border-feedback-orange/30 bg-feedback-orange-light/90 flex items-start gap-3 rounded-xl border p-4 backdrop-blur-sm", children: [_jsx("div", { className: "mt-0.5 shrink-0", children: _jsx(AlertTriangle, { className: "text-feedback-orange h-5 w-5" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("p", { className: "text-feedback-orange/90 text-sm font-medium", children: [errorCount > 0
                                                     ? `${errorCount} system error${errorCount !== 1 ? "s" : ""}`
                                                     : `${warningCount} system warning${warningCount !== 1 ? "s" : ""}`, warningCount > 0 && errorCount > 0
                                                     ? ` and ${warningCount} warning${warningCount !== 1 ? "s" : ""}`
-                                                    : "", " ", "need attention. Review the full details in Settings."] }), _jsxs("button", { onClick: openStatusPanel, className: "mt-3 flex items-center gap-1.5 text-xs font-semibold text-amber-900/90 underline underline-offset-2 transition-colors hover:text-amber-900", children: ["Open Settings Status Page", _jsx(ArrowRight, { className: "h-3 w-3" })] })] }), _jsx("button", { type: "button", onClick: () => setStatusWarningDismissed(true), "aria-label": "Dismiss system warning", className: "-mt-1 -mr-1 shrink-0 cursor-pointer rounded-md p-1 text-amber-700/70 transition-colors hover:bg-amber-500/10 hover:text-amber-900", children: _jsx(X, { className: "h-4 w-4" }) })] }) })), (() => {
-                        const listCardClass = "mt-6 overflow-hidden rounded-xl border border-stone-200 bg-white shadow-sm";
-                        const recentContent = (_jsx("div", { className: listCardClass, children: _jsx(RecentPages, { bare: true }) }));
-                        const agentsContent = (_jsx("div", { className: listCardClass, children: activeAgents.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center gap-2 p-12 text-center text-sm text-stone-500", children: [_jsx(Bot, { className: "h-5 w-5 text-stone-400", strokeWidth: 1.5 }), "No active agents"] })) : (_jsx("div", { className: "divide-y divide-stone-200", children: activeAgents.slice(0, 12).map((agent) => (_jsxs("button", { onClick: () => handleOpenAgent(agent.id), className: "group relative flex w-full cursor-pointer items-center gap-3 px-5 py-3 text-left transition-colors duration-200 hover:bg-stone-50", children: [_jsx("span", { className: cn("h-2 w-2 shrink-0 rounded-full", agent.status === "running"
-                                                ? "animate-pulse bg-emerald-500"
-                                                : agent.status === "error"
-                                                    ? "bg-rose-500"
-                                                    : agent.status === "waitingForApproval" ||
-                                                        agent.status === "waitingForInput" ||
-                                                        agent.status === "costLimitReached"
-                                                        ? "bg-amber-500"
-                                                        : "bg-stone-400") }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-stone-900", children: agent.name || "Untitled agent" }), agent.profileName && (_jsx("div", { className: "mt-0.5 truncate text-xs text-stone-500", children: agent.profileName }))] }), _jsx("span", { className: cn("shrink-0 rounded-[4px] px-2 py-1 text-[11px] font-normal capitalize", agent.status === "completed"
-                                                ? "bg-[#DDF9ED] text-[#1A8B5D]"
-                                                : agent.status === "running"
-                                                    ? "bg-emerald-100 text-emerald-700"
-                                                    : agent.status === "error"
-                                                        ? "bg-[#FAE0DD] text-[#A73E2C]"
-                                                        : agent.status === "waitingForApproval" ||
-                                                            agent.status === "waitingForInput" ||
-                                                            agent.status === "costLimitReached"
-                                                            ? "bg-yellow-100 text-yellow-800"
-                                                            : "bg-stone-100 text-stone-700"), children: agent.status })] }, agent.id))) })) }));
-                        const notificationsContent = (_jsx("div", { className: listCardClass, children: notifications.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center gap-2 p-12 text-center text-sm text-stone-500", children: [_jsx(Bell, { className: "h-5 w-5 text-stone-400", strokeWidth: 1.5 }), "You're all caught up"] })) : (_jsx("div", { className: "divide-y divide-stone-200", children: notifications.slice(0, 12).map((n) => (_jsxs("button", { onClick: () => void handleOpenNotification(n), className: cn("group relative flex w-full cursor-pointer items-start gap-3 px-5 py-3 text-left transition-colors duration-200 hover:bg-stone-50", !n.isRead && "bg-stone-50"), children: [_jsx("span", { className: cn("mt-1.5 h-2 w-2 shrink-0 rounded-full", n.isRead
-                                                ? "bg-stone-300"
-                                                : n.priority === "high"
-                                                    ? "bg-rose-500"
-                                                    : "bg-stone-500") }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-stone-900", children: n.title }), n.message && (_jsx("div", { className: "mt-0.5 line-clamp-2 text-xs text-stone-500", children: n.message }))] })] }, n.id))) })) }));
-                        const myTasksContent = (_jsx("div", { className: listCardClass, children: myTasks.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center gap-2 p-12 text-center text-sm text-stone-500", children: [_jsx(ClipboardCheck, { className: "h-5 w-5 text-stone-400", strokeWidth: 1.5 }), "No tasks assigned to you"] })) : (_jsx("div", { className: "divide-y divide-stone-200", children: myTasks.slice(0, 12).map((task) => (_jsxs("button", { onClick: () => handleOpenTask(task), className: "group relative flex w-full cursor-pointer items-center gap-3 px-5 py-3 text-left transition-colors duration-200 hover:bg-stone-50", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-stone-900", children: task.title }), _jsx("div", { className: "mt-0.5 truncate text-xs text-stone-500", children: task.projectTitle })] }), _jsx("span", { className: cn("shrink-0 rounded-[4px] px-2 py-1 text-[11px] font-normal capitalize", task.status === "Done"
-                                                ? "bg-[#DDF9ED] text-[#1A8B5D]"
+                                                    : "", " ", "need attention. Review the full details in Settings."] }), _jsxs("button", { onClick: openStatusPanel, className: "text-feedback-orange/90 hover:text-feedback-orange mt-3 flex items-center gap-1.5 text-xs font-semibold underline underline-offset-2 transition-colors", children: ["Open Settings Status Page", _jsx(ArrowRight, { className: "h-3 w-3" })] })] }), _jsx(CloseButton, { onClick: () => setStatusWarningDismissed(true), label: "Dismiss system warning", className: "text-feedback-orange/70 hover:bg-feedback-orange/10 hover:text-feedback-orange -mt-1 -mr-1" })] }) })), (() => {
+                        const listCardClass = "mt-6 overflow-hidden rounded-xl border border-border-default bg-white shadow-sm";
+                        const recentContent = (_jsx("div", { className: listCardClass, children: _jsx(RecentPages, { bare: true, compact: true }) }));
+                        const latestFeedbackContent = (_jsx("div", { className: listCardClass, children: _jsx(LatestFeedback, {}) }));
+                        const favoritesContent = (_jsx("div", { className: listCardClass, children: _jsx("div", { className: "min-h-[360px]", children: _jsx(Favorites, { variant: "home" }) }) }));
+                        const agentsContent = (_jsx("div", { className: listCardClass, children: activeAgents.length === 0 ? (_jsxs("div", { className: "text-neutral-grey-50 flex flex-col items-center gap-2 p-12 text-center text-sm", children: [_jsx(Bot, { className: "text-neutral-grey-50 h-5 w-5", strokeWidth: 1.5 }), "No active agents"] })) : (_jsx("div", { className: homeListContainerClass, children: activeAgents.slice(0, 12).map((agent) => (_jsxs("button", { onClick: () => handleOpenAgent(agent.id), className: homeListRowClass, children: [_jsxs(HomeListIcon, { children: [_jsx(Bot, { className: "h-4 w-4", strokeWidth: 1.5 }), _jsx("span", { className: cn("ring-neutral-grey-50 absolute right-1 bottom-1 h-2 w-2 rounded-full ring-2", agentStatusDotClass(agent.status)) })] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-neutral-grey-100 truncate text-sm font-semibold", children: agent.name || "Untitled agent" }), agent.profileName && (_jsx("div", { className: "text-neutral-grey-50 mt-0.5 truncate text-xs", children: agent.profileName }))] }), _jsx(HomeListBadge, { className: cn(agentStatusBadgeClass(agent.status)), children: agent.status })] }, agent.id))) })) }));
+                        const notificationsContent = (_jsx("div", { className: listCardClass, children: notifications.length === 0 ? (_jsxs("div", { className: "text-neutral-grey-50 flex flex-col items-center gap-2 p-12 text-center text-sm", children: [_jsx(Bell, { className: "text-neutral-grey-50 h-5 w-5", strokeWidth: 1.5 }), "You're all caught up"] })) : (_jsx("div", { className: homeListContainerClass, children: notifications.slice(0, 12).map((n) => (_jsxs("button", { onClick: () => void handleOpenNotification(n), className: cn(homeListRowClass, !n.isRead && "bg-neutral-grey-5"), children: [_jsxs(HomeListIcon, { children: [_jsx(Bell, { className: "h-4 w-4", strokeWidth: 1.5 }), !n.isRead && (_jsx("span", { className: cn("ring-neutral-grey-50 absolute right-1 bottom-1 h-2 w-2 rounded-full ring-2", n.priority === "high"
+                                                        ? "bg-feedback-red"
+                                                        : "bg-neutral-grey-50") }))] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-neutral-grey-100 truncate text-sm font-semibold", children: n.title }), n.message && (_jsx("div", { className: "text-neutral-grey-50 mt-0.5 line-clamp-2 text-xs", children: n.message }))] })] }, n.id))) })) }));
+                        const myTasksContent = (_jsx("div", { className: listCardClass, children: myTasks.length === 0 ? (_jsxs("div", { className: "text-neutral-grey-50 flex flex-col items-center gap-2 p-12 text-center text-sm", children: [_jsx(ClipboardCheck, { className: "text-neutral-grey-50 h-5 w-5", strokeWidth: 1.5 }), "No tasks assigned to you"] })) : (_jsx("div", { className: homeListContainerClass, children: myTasks.slice(0, 12).map((task) => (_jsxs("button", { onClick: () => handleOpenTask(task), className: homeListRowClass, children: [_jsx(HomeListIcon, { children: _jsx(ClipboardCheck, { className: "h-4 w-4", strokeWidth: 1.5 }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-neutral-grey-100 truncate text-sm font-semibold", children: task.title }), _jsx("div", { className: "text-neutral-grey-50 mt-0.5 truncate text-xs", children: task.projectTitle })] }), _jsx(HomeListBadge, { className: cn(task.status === "Done"
+                                                ? "bg-feedback-green-light text-feedback-green"
                                                 : task.status === "InProgress"
-                                                    ? "bg-emerald-100 text-emerald-700"
+                                                    ? "bg-feedback-green-light text-feedback-green"
                                                     : task.status === "Review"
-                                                        ? "bg-yellow-100 text-yellow-800"
+                                                        ? "bg-feedback-orange-light text-feedback-orange"
                                                         : task.status === "Waiting"
-                                                            ? "bg-yellow-100 text-yellow-800"
-                                                            : "bg-stone-100 text-stone-700"), children: task.status })] }, `${task.projectId}:${task.taskId}`))) })) }));
-                        const myReviewsContent = (_jsx("div", { className: listCardClass, children: myReviews.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center gap-2 p-12 text-center text-sm text-stone-500", children: [_jsx(ClipboardList, { className: "h-5 w-5 text-stone-400", strokeWidth: 1.5 }), "No reviews waiting for you"] })) : (_jsx("div", { className: "divide-y divide-stone-200", children: myReviews.slice(0, 12).map((review) => {
+                                                            ? "bg-feedback-orange-light text-feedback-orange"
+                                                            : "bg-neutral-grey-5 text-neutral-grey-100"), children: task.status })] }, `${task.projectId}:${task.taskId}`))) })) }));
+                        const myReviewsContent = (_jsx("div", { className: listCardClass, children: myReviews.length === 0 ? (_jsxs("div", { className: "text-neutral-grey-50 flex flex-col items-center gap-2 p-12 text-center text-sm", children: [_jsx(ClipboardList, { className: "text-neutral-grey-50 h-5 w-5", strokeWidth: 1.5 }), "No reviews waiting for you"] })) : (_jsx("div", { className: homeListContainerClass, children: myReviews.slice(0, 12).map((review) => {
                                     const status = review.finalDecision ??
                                         review.status ??
                                         (review.isExpired ? "Expired" : "Pending");
-                                    return (_jsxs("button", { onClick: () => handleOpenReview(review), className: "group relative flex w-full cursor-pointer items-center gap-3 px-5 py-3 text-left transition-colors duration-200 hover:bg-stone-50", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-stone-900", children: review.title || "Untitled review" }), _jsxs("div", { className: "mt-0.5 truncate text-xs text-stone-500", children: [review.pagesCount, " page", review.pagesCount !== 1 ? "s" : "", review.reviewersCount > 0
+                                    return (_jsxs("button", { onClick: () => handleOpenReview(review), className: homeListRowClass, children: [_jsx(HomeListIcon, { children: _jsx(ClipboardList, { className: "h-4 w-4", strokeWidth: 1.5 }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-neutral-grey-100 truncate text-sm font-semibold", children: review.title || "Untitled review" }), _jsxs("div", { className: "text-neutral-grey-50 mt-0.5 truncate text-xs", children: [review.pagesCount, " page", review.pagesCount !== 1 ? "s" : "", review.reviewersCount > 0
                                                                 ? ` · ${review.reviewersCount} reviewer${review.reviewersCount !== 1 ? "s" : ""}`
-                                                                : ""] })] }), _jsx("span", { className: cn("shrink-0 rounded-[4px] px-2 py-1 text-[11px] font-normal capitalize", status === "Approved"
-                                                    ? "bg-[#DDF9ED] text-[#1A8B5D]"
+                                                                : ""] })] }), _jsx(HomeListBadge, { className: cn(status === "Approved"
+                                                    ? "bg-feedback-green-light text-feedback-green"
                                                     : status === "Rejected"
-                                                        ? "bg-[#FAE0DD] text-[#A73E2C]"
+                                                        ? "bg-feedback-red-light text-feedback-red"
                                                         : status === "Expired"
-                                                            ? "bg-stone-100 text-stone-700"
-                                                            : "bg-yellow-100 text-yellow-800"), children: status })] }, review.reviewId));
+                                                            ? "bg-neutral-grey-5 text-neutral-grey-100"
+                                                            : "bg-feedback-orange-light text-feedback-orange"), children: status })] }, review.reviewId));
                                 }) })) }));
-                        const renderCountBadge = (count) => (_jsx("span", { className: "rounded-[2px] bg-stone-200 px-1.5 py-0.5 text-[10px] font-semibold text-stone-700", children: count }));
+                        const renderCountBadge = (count) => (_jsx("span", { className: "rounded-badge bg-neutral-grey-10 badge-pad-sm text-2xs text-neutral-grey-100 font-semibold", children: count }));
                         const tabs = [
                             { id: "recent", label: "Recent Items", content: recentContent },
+                            {
+                                id: "my-favorites",
+                                label: "My Favorites",
+                                content: favoritesContent,
+                                testId: "my-favorites-tab",
+                                badge: editContext?.favorites?.length
+                                    ? renderCountBadge(editContext.favorites.length)
+                                    : undefined,
+                            },
+                            {
+                                id: LATEST_FEEDBACK_TAB_ID,
+                                label: "Latest Feedback",
+                                content: latestFeedbackContent,
+                                testId: "latest-feedback-tab",
+                                badge: activeListTab !== LATEST_FEEDBACK_TAB_INDEX &&
+                                    latestFeedbackUnreadCount > 0
+                                    ? renderCountBadge(latestFeedbackUnreadCount)
+                                    : undefined,
+                            },
                             {
                                 id: "my-tasks",
                                 label: "My Tasks",
                                 content: myTasksContent,
-                                badge: myTasks.length > 0 ? renderCountBadge(myTasks.length) : undefined,
+                                badge: myTasks.length > 0
+                                    ? renderCountBadge(myTasks.length)
+                                    : undefined,
                             },
                             {
                                 id: "my-reviews",
@@ -540,7 +682,11 @@ export function ModernSplashScreen() {
                             },
                         ];
                         if (canUseAi) {
-                            tabs.push({ id: "agents", label: "Agents", content: agentsContent });
+                            tabs.push({
+                                id: "agents",
+                                label: "Agents",
+                                content: agentsContent,
+                            });
                         }
                         tabs.push({
                             id: "notifications",
@@ -548,19 +694,57 @@ export function ModernSplashScreen() {
                             content: notificationsContent,
                             badge: unreadCount > 0 ? renderCountBadge(unreadCount) : undefined,
                         });
-                        return (_jsxs("div", { className: "animate-content-entrance grid w-full max-w-7xl gap-x-8 md:grid-cols-[1fr_3fr]", style: {
+                        return (_jsxs("div", { className: "animate-content-entrance grid w-full max-w-7xl min-w-0 gap-x-8 md:grid-cols-[1fr_3fr]", style: {
                                 animationDelay: "1.3s",
                                 viewTransitionName: "splash-quick-actions",
-                            }, children: [quickActionCommands.length > 0 ? (_jsxs("section", { "data-testid": "modern-splash-screen-quick-actions", children: [_jsx("h2", { className: "mb-6 border-b border-stone-200 px-4 pt-3 pb-3 text-[14px] font-medium tracking-tight text-stone-900", children: "Quick Actions" }), _jsx("div", { className: "flex flex-col gap-3", children: quickActionCommands.map((command) => {
+                            }, children: [quickActionCommands.length > 0 ? (_jsxs("section", { "data-testid": "modern-splash-screen-quick-actions", className: "min-w-0", children: [_jsx("h2", { className: "border-border-default text-neutral-grey-100 mb-6 border-b px-4 pt-3 pb-3 text-[14px] font-medium tracking-tight", children: "Quick Actions" }), _jsx("div", { className: "flex flex-col gap-3", children: quickActionCommands.map((command) => {
                                                 const quickActionTestId = getQuickActionTestId(command);
                                                 return (_jsx(BentoTile, { icon: getQuickActionIcon(command), title: command.label, description: command.description, onClick: () => handleQuickActionClick(command), dataTestId: quickActionTestId, className: quickActionTestId === "create-new-page-button"
                                                         ? tourScrollIntoViewMarginClass
                                                         : undefined, disabled: isQuickActionDisabled(command) }, command.id));
-                                            }) })] })) : (_jsx("div", { className: "hidden md:block" })), _jsx("section", { style: { viewTransitionName: "splash-recent-pages" }, className: "[&_.active-tab]:!font-normal [&_button:not(.active-tab)]:!text-[#757575]", children: _jsx(SimpleTabs, { tabs: tabs, activeTab: activeListTab, setActiveTab: setActiveListTab, className: "!justify-start border-b border-stone-200", tabClassName: "px-4 pt-3 pb-3 text-[14px] font-medium tracking-tight" }) })] }));
+                                            }) })] })) : (_jsx("div", { className: "hidden md:block" })), _jsxs("section", { style: { viewTransitionName: "splash-recent-pages" }, className: "mt-8 min-w-0 md:mt-0", children: [_jsx("div", { className: "md:hidden", children: _jsx(SplashSectionAccordion, { tabs: tabs, activeTab: activeListTab, setActiveTab: handleSetActiveListTab }) }), _jsx("div", { className: "hidden md:block", children: _jsx(SimpleTabs, { tabs: tabs, activeTab: activeListTab, setActiveTab: handleSetActiveListTab, variant: "large", className: "border-border-default border-b" }) })] })] }));
                     })()] })] }));
 }
 const renderActionIcon = (icon, size = 24, strokeWidth = 1.75) => React.isValidElement(icon) && typeof icon.type !== "string"
     ? React.cloneElement(icon, { width: size, height: size, strokeWidth })
     : icon;
-const BentoTile = ({ icon, title, description, onClick, dataTestId, className, disabled = false, }) => (_jsxs("button", { onClick: onClick, "data-testid": dataTestId, disabled: disabled, className: cn("group relative flex w-full cursor-pointer items-center gap-4 rounded-xl border border-stone-300/60 bg-white/80 px-4 py-3 text-left backdrop-blur-sm transition-all duration-300 hover:border-stone-300 hover:bg-white active:scale-[0.99]", disabled && "cursor-not-allowed opacity-50", className), children: [_jsx("div", { className: "relative flex h-14 w-14 shrink-0 items-center justify-center rounded-xl bg-stone-50 text-stone-700 transition-all duration-300 group-hover:bg-black group-hover:text-white [&_svg]:transition-colors [&_svg]:duration-300", children: renderActionIcon(icon, 28, 1.75) }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsx("h3", { className: "truncate text-sm font-semibold text-[#757575] transition-colors duration-300 group-hover:text-black", children: title }), _jsx("p", { className: "line-clamp-2 text-[11px] text-stone-500 transition-colors duration-300 group-hover:text-stone-600", children: description })] })] }));
+export function SplashSectionAccordion({ tabs, activeTab, setActiveTab, mode = "multiple", }) {
+    const [expandedTabValues, setExpandedTabValues] = useState(() => {
+        const activeTabId = tabs[activeTab]?.id;
+        return activeTabId ? [activeTabId] : [];
+    });
+    const tabIds = useMemo(() => tabs.map((tab) => tab.id), [tabs]);
+    const activeTabId = tabs[activeTab]?.id;
+    useEffect(() => {
+        setExpandedTabValues((current) => {
+            const validCurrent = current.filter((value) => tabIds.includes(value));
+            if (!activeTabId) {
+                return mode === "single" ? [] : validCurrent;
+            }
+            if (mode === "single") {
+                return [activeTabId];
+            }
+            return validCurrent.includes(activeTabId)
+                ? validCurrent
+                : [...validCurrent, activeTabId];
+        });
+    }, [activeTabId, mode, tabIds]);
+    if (tabs.length === 0)
+        return null;
+    const items = tabs.map((tab, index) => {
+        const isExpanded = expandedTabValues.includes(tab.id);
+        return (_jsxs(AccordionItem, { value: tab.id, className: cn("overflow-hidden rounded-xl border border-b-0 bg-white/80 shadow-sm backdrop-blur-2xl transition-colors", isExpanded ? "border-border-default/60" : "border-border-default"), children: [_jsx(AccordionTrigger, { "data-testid": tab.testId, className: cn("w-full px-4 py-3 hover:no-underline", "focus-visible:ring-neutral-grey-50/70 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-white", isExpanded
+                        ? "text-neutral-grey-100 bg-white"
+                        : "text-neutral-grey-100 hover:bg-neutral-grey-5/80"), onClick: () => {
+                        setActiveTab(index);
+                    }, children: _jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: cn("truncate text-[14px] tracking-tight", isExpanded
+                                    ? "text-neutral-grey-100 font-medium"
+                                    : "text-neutral-grey-50"), children: tab.label }), tab.badge] }) }), _jsx(AccordionContent, { children: _jsx("div", { className: cn("min-h-0 overflow-hidden border-t bg-white", isExpanded ? "border-border-default" : "border-transparent"), children: tab.content }) })] }, tab.id));
+    });
+    if (mode === "single") {
+        return (_jsx(Accordion, { type: "single", collapsible: true, value: expandedTabValues[0], onValueChange: (value) => setExpandedTabValues(value ? [value] : []), className: "space-y-3", children: items }));
+    }
+    return (_jsx(Accordion, { type: "multiple", value: expandedTabValues, onValueChange: setExpandedTabValues, className: "space-y-3", children: items }));
+}
+const BentoTile = ({ icon, title, description, onClick, dataTestId, className, disabled = false, }) => (_jsxs("button", { onClick: onClick, "data-testid": dataTestId, disabled: disabled, className: cn("group border-border-default/60 hover:border-border-default relative flex w-full cursor-pointer items-center gap-4 rounded-xl border bg-white/80 px-4 py-3 text-left backdrop-blur-sm transition-all duration-300 hover:bg-white active:scale-[0.99]", disabled && "cursor-not-allowed opacity-50", className), children: [_jsx("div", { className: "bg-neutral-grey-5 text-neutral-grey-100 group-hover:bg-neutral-grey-100 relative flex h-14 w-14 shrink-0 items-center justify-center rounded-xl transition-all duration-300 group-hover:text-white [&_svg]:transition-colors [&_svg]:duration-300", children: renderActionIcon(icon, 28, 1.75) }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsx("h3", { className: "group-hover:text-neutral-grey-100 truncate text-sm font-semibold text-[var(--color-neutral-grey-50)] transition-colors duration-300", children: title }), _jsx("p", { className: "text-neutral-grey-50 group-hover:text-neutral-grey-50 line-clamp-2 text-[11px] transition-colors duration-300", children: description })] })] }));
 //# sourceMappingURL=ModernSplashScreen.js.map