@nxtode/app-shell 0.2.1

package/README.md

@@ -0,0 +1,13 @@
+# @nxtode/app-shell
+
+Shared NXTode application shell for top navigation, left sidebar, breadcrumbs, footer, scroll progress, and scroll-to-top behavior.
+
+Install:
+
+    npm install @nxtode/app-shell
+
+Basic usage:
+
+    import { AppShell } from "@nxtode/app-shell";
+
+The shell is configured per app using appName, appDescription, accountHref, user, workspace, and navigation props.

package/dist/components/brand/nxtode-logo.d.ts

@@ -0,0 +1,8 @@
+type NxtodeLogoProps = {
+    variant?: "icon" | "wordmark";
+    className?: string;
+    priority?: boolean;
+};
+export declare function NxtodeLogo({ variant, className, priority, }: NxtodeLogoProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=nxtode-logo.d.ts.map

package/dist/components/brand/nxtode-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nxtode-logo.d.ts","sourceRoot":"","sources":["../../../src/components/brand/nxtode-logo.tsx"],"names":[],"mappings":"AAIA,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,OAAoB,EACpB,SAAc,EACd,QAAgB,GACjB,EAAE,eAAe,2CAuCjB"}

package/dist/components/brand/nxtode-logo.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+import { appConfig } from "../../config/app";
+export function NxtodeLogo({ variant = "wordmark", className = "", priority = false, }) {
+    if (variant === "icon") {
+        return (_jsx(Image, { src: appConfig.logo.icon, alt: `${appConfig.name} icon`, width: 40, height: 40, priority: priority, className: `object-contain ${className}` }));
+    }
+    return (_jsxs("span", { className: `relative inline-block h-8 w-36 shrink-0 ${className}`, "aria-label": appConfig.name, children: [_jsx(Image, { src: appConfig.logo.wordmarkDark, alt: appConfig.name, fill: true, priority: priority, sizes: "144px", className: "nxtode-logo-dark object-contain object-left" }), _jsx(Image, { src: appConfig.logo.wordmarkLight, alt: "", fill: true, priority: priority, sizes: "144px", className: "nxtode-logo-light object-contain object-left", "aria-hidden": "true" })] }));
+}
+//# sourceMappingURL=nxtode-logo.js.map

package/dist/components/brand/nxtode-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nxtode-logo.js","sourceRoot":"","sources":["../../../src/components/brand/nxtode-logo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQ7C,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,GAAG,UAAU,EACpB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,GACA;IAChB,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACvB,OAAO,CACL,KAAC,KAAK,IACJ,GAAG,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,EACxB,GAAG,EAAE,GAAG,SAAS,CAAC,IAAI,OAAO,EAC7B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,kBAAkB,SAAS,EAAE,GACxC,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,gBACE,SAAS,EAAE,2CAA2C,SAAS,EAAE,gBACrD,SAAS,CAAC,IAAI,aAE1B,KAAC,KAAK,IACJ,GAAG,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,EAChC,GAAG,EAAE,SAAS,CAAC,IAAI,EACnB,IAAI,QACJ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,6CAA6C,GACvD,EAEF,KAAC,KAAK,IACJ,GAAG,EAAE,SAAS,CAAC,IAAI,CAAC,aAAa,EACjC,GAAG,EAAC,EAAE,EACN,IAAI,QACJ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,8CAA8C,iBAC5C,MAAM,GAClB,IACG,CACR,CAAC;AACJ,CAAC"}

package/dist/components/layout/app-switcher-menu.d.ts

@@ -0,0 +1,2 @@
+export declare function AppSwitcherMenu(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=app-switcher-menu.d.ts.map

package/dist/components/layout/app-switcher-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-switcher-menu.d.ts","sourceRoot":"","sources":["../../../src/components/layout/app-switcher-menu.tsx"],"names":[],"mappings":"AA+FA,wBAAgB,eAAe,4CA2F9B"}

package/dist/components/layout/app-switcher-menu.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useEffect, useRef, useState } from "react";
+const apps = [
+    {
+        name: "Account",
+        description: "Identity and profile",
+        href: "/dashboard",
+        initials: "A",
+        tone: "blue",
+    },
+    {
+        name: "Security",
+        description: "MFA and sessions",
+        href: "/settings?tab=security",
+        initials: "S",
+        tone: "emerald",
+    },
+    {
+        name: "Notifications",
+        description: "Alerts and history",
+        href: "/settings?tab=notifications",
+        initials: "N",
+        tone: "amber",
+    },
+    {
+        name: "Data",
+        description: "Export and privacy",
+        href: "/settings?tab=data",
+        initials: "D",
+        tone: "violet",
+    },
+    {
+        name: "App Settings",
+        description: "Product settings",
+        href: "/app-settings",
+        initials: "AS",
+        tone: "rose",
+    },
+    {
+        name: "NXTode Audit",
+        description: "HubSpot usage audits",
+        href: "https://audit.nxtode.com",
+        initials: "NA",
+        tone: "emerald",
+    },
+    {
+        name: "NXTClone",
+        description: "Sample app",
+        href: "/dashboard",
+        initials: "NC",
+        tone: "zinc",
+    },
+];
+const toneClasses = {
+    blue: "border-blue-500/30 bg-blue-500/15 text-blue-200",
+    emerald: "border-emerald-500/30 bg-emerald-500/15 text-emerald-200",
+    amber: "border-amber-500/30 bg-amber-500/15 text-amber-200",
+    violet: "border-violet-500/30 bg-violet-500/15 text-violet-200",
+    rose: "border-rose-500/30 bg-rose-500/15 text-rose-200",
+    zinc: "border-zinc-700 bg-zinc-900 text-zinc-100",
+};
+function GridIcon() {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "h-5 w-5", "aria-hidden": "true", children: [_jsx("circle", { cx: "5", cy: "5", r: "1.6" }), _jsx("circle", { cx: "12", cy: "5", r: "1.6" }), _jsx("circle", { cx: "19", cy: "5", r: "1.6" }), _jsx("circle", { cx: "5", cy: "12", r: "1.6" }), _jsx("circle", { cx: "12", cy: "12", r: "1.6" }), _jsx("circle", { cx: "19", cy: "12", r: "1.6" }), _jsx("circle", { cx: "5", cy: "19", r: "1.6" }), _jsx("circle", { cx: "12", cy: "19", r: "1.6" }), _jsx("circle", { cx: "19", cy: "19", r: "1.6" })] }));
+}
+export function AppSwitcherMenu() {
+    const menuRef = useRef(null);
+    const [isOpen, setIsOpen] = useState(false);
+    useEffect(() => {
+        if (!isOpen) {
+            return;
+        }
+        function handlePointerDown(event) {
+            if (menuRef.current &&
+                event.target instanceof Node &&
+                !menuRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        }
+        function handleKeyDown(event) {
+            if (event.key === "Escape") {
+                setIsOpen(false);
+            }
+        }
+        document.addEventListener("pointerdown", handlePointerDown);
+        document.addEventListener("keydown", handleKeyDown);
+        return () => {
+            document.removeEventListener("pointerdown", handlePointerDown);
+            document.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [isOpen]);
+    return (_jsxs("div", { ref: menuRef, className: "relative", children: [_jsx("button", { type: "button", onClick: () => setIsOpen((current) => !current), className: "flex h-10 w-10 items-center justify-center border border-zinc-800 text-zinc-400 transition hover:bg-zinc-900 hover:text-zinc-100", "aria-label": "Open app switcher", "aria-haspopup": "menu", "aria-expanded": isOpen, children: _jsx(GridIcon, {}) }), isOpen ? (_jsxs("div", { className: "absolute right-0 top-full z-50 mt-2 w-[21rem] rounded-2xl border border-zinc-800 bg-zinc-950 p-3 shadow-2xl shadow-black/40", children: [_jsxs("div", { className: "px-2 pb-3 pt-1", children: [_jsx("p", { className: "text-sm font-medium text-zinc-100", children: "NXTode apps" }), _jsx("p", { className: "mt-0.5 text-xs text-zinc-500", children: "Open an app or workspace." })] }), _jsx("div", { className: "grid grid-cols-3 gap-2", children: apps.map((app) => (_jsxs(Link, { href: app.href, onClick: () => setIsOpen(false), className: "group flex min-h-28 flex-col items-center justify-start gap-2 px-2 py-3 text-center text-sm text-zinc-300 transition hover:bg-zinc-900 hover:text-white", title: app.description, children: [_jsx("span", { className: `flex h-12 w-12 items-center justify-center rounded-2xl border text-sm font-semibold shadow-sm ${toneClasses[app.tone]}`, children: app.initials }), _jsx("span", { className: "line-clamp-2 text-xs font-medium leading-4", children: app.name })] }, app.name))) }), _jsx("div", { className: "mt-3 border-t border-zinc-800 px-2 pt-3", children: _jsx(Link, { href: "/app-settings", onClick: () => setIsOpen(false), className: "block text-center text-xs font-medium text-zinc-400 transition hover:text-white", children: "View all apps" }) })] })) : null] }));
+}
+//# sourceMappingURL=app-switcher-menu.js.map

package/dist/components/layout/app-switcher-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-switcher-menu.js","sourceRoot":"","sources":["../../../src/components/layout/app-switcher-menu.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/notification-menu.d.ts

@@ -0,0 +1,6 @@
+type NotificationMenuProps = {
+    unreadCount?: number;
+};
+export declare function NotificationMenu({ unreadCount: initialUnreadCount, }: NotificationMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=notification-menu.d.ts.map

package/dist/components/layout/notification-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-menu.d.ts","sourceRoot":"","sources":["../../../src/components/layout/notification-menu.tsx"],"names":[],"mappings":"AAeA,KAAK,qBAAqB,GAAG;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAkGF,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EAAE,kBAAsB,GACpC,EAAE,qBAAqB,2CAiWvB"}

package/dist/components/layout/notification-menu.js

@@ -0,0 +1,205 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+const NOTIFICATIONS_UPDATED_EVENT = "nxtode:notifications-updated";
+const NOTIFICATIONS_POLL_INTERVAL_MS = 30_000;
+const DROPDOWN_FETCH_LIMIT = 30;
+const DROPDOWN_VISIBLE_LIMIT = 5;
+function getNotificationDetailHref(notificationId) {
+    return `/settings?tab=notifications&notificationId=${encodeURIComponent(notificationId)}`;
+}
+function BellIcon({ className = "h-5 w-5" }) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", children: [_jsx("path", { d: "M18 8a6 6 0 1 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9" }), _jsx("path", { d: "M10 21h4" })] }));
+}
+function CheckIcon({ className = "h-4 w-4" }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.9", strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", children: _jsx("path", { d: "m5 12 4 4L19 6" }) }));
+}
+function formatTime(value) {
+    return new Intl.DateTimeFormat("en", {
+        hour: "numeric",
+        minute: "2-digit",
+    }).format(new Date(value));
+}
+function getDayLabel(value) {
+    const date = new Date(value);
+    const today = new Date();
+    const yesterday = new Date();
+    yesterday.setDate(today.getDate() - 1);
+    const dateKey = date.toDateString();
+    if (dateKey === today.toDateString()) {
+        return "Today";
+    }
+    if (dateKey === yesterday.toDateString()) {
+        return "Yesterday";
+    }
+    return new Intl.DateTimeFormat("en", {
+        month: "short",
+        day: "numeric",
+    }).format(date);
+}
+function groupNotifications(notifications) {
+    return notifications.reduce((groups, notification) => {
+        const key = getDayLabel(notification.createdAt);
+        return {
+            ...groups,
+            [key]: [...(groups[key] ?? []), notification],
+        };
+    }, {});
+}
+export function NotificationMenu({ unreadCount: initialUnreadCount = 0, }) {
+    const menuRef = useRef(null);
+    const [isOpen, setIsOpen] = useState(false);
+    const [activeFilter, setActiveFilter] = useState("unread");
+    const [unreadCount, setUnreadCount] = useState(initialUnreadCount);
+    const [notifications, setNotifications] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState("");
+    const badgeLabel = unreadCount > 99 ? "99+" : String(unreadCount);
+    const readCount = notifications.filter((item) => item.readAt).length;
+    const filteredNotifications = useMemo(() => {
+        if (activeFilter === "unread") {
+            return notifications.filter((item) => !item.readAt);
+        }
+        if (activeFilter === "read") {
+            return notifications.filter((item) => item.readAt);
+        }
+        return notifications;
+    }, [activeFilter, notifications]);
+    const visibleNotifications = useMemo(() => filteredNotifications.slice(0, DROPDOWN_VISIBLE_LIMIT), [filteredNotifications]);
+    const hasMoreFilteredNotifications = filteredNotifications.length > visibleNotifications.length;
+    const groupedNotifications = useMemo(() => groupNotifications(visibleNotifications), [visibleNotifications]);
+    const loadNotifications = useCallback(async () => {
+        setError("");
+        try {
+            const response = await fetch(`/api/notifications?limit=${DROPDOWN_FETCH_LIMIT}`, {
+                method: "GET",
+                credentials: "same-origin",
+                cache: "no-store",
+            });
+            if (!response.ok) {
+                return;
+            }
+            const data = await response.json();
+            setUnreadCount(data.unreadCount ?? 0);
+            setNotifications(data.notifications ?? []);
+        }
+        catch {
+            setError("Could not load notifications.");
+        }
+    }, []);
+    useEffect(() => {
+        let isActive = true;
+        async function refreshUnreadCount() {
+            if (!isActive) {
+                return;
+            }
+            await loadNotifications();
+        }
+        void refreshUnreadCount();
+        const interval = window.setInterval(() => {
+            void refreshUnreadCount();
+        }, NOTIFICATIONS_POLL_INTERVAL_MS);
+        function handleWindowFocus() {
+            void refreshUnreadCount();
+        }
+        function handleVisibilityChange() {
+            if (document.visibilityState === "visible") {
+                void refreshUnreadCount();
+            }
+        }
+        function handleNotificationsUpdated() {
+            void refreshUnreadCount();
+        }
+        window.addEventListener("focus", handleWindowFocus);
+        document.addEventListener("visibilitychange", handleVisibilityChange);
+        window.addEventListener(NOTIFICATIONS_UPDATED_EVENT, handleNotificationsUpdated);
+        return () => {
+            isActive = false;
+            window.clearInterval(interval);
+            window.removeEventListener("focus", handleWindowFocus);
+            document.removeEventListener("visibilitychange", handleVisibilityChange);
+            window.removeEventListener(NOTIFICATIONS_UPDATED_EVENT, handleNotificationsUpdated);
+        };
+    }, [loadNotifications]);
+    useEffect(() => {
+        if (!isOpen) {
+            return;
+        }
+        function handlePointerDown(event) {
+            if (menuRef.current &&
+                event.target instanceof Node &&
+                !menuRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        }
+        function handleKeyDown(event) {
+            if (event.key === "Escape") {
+                setIsOpen(false);
+            }
+        }
+        document.addEventListener("pointerdown", handlePointerDown);
+        document.addEventListener("keydown", handleKeyDown);
+        return () => {
+            document.removeEventListener("pointerdown", handlePointerDown);
+            document.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [isOpen]);
+    async function openMenu() {
+        setIsOpen((current) => !current);
+        if (!isOpen) {
+            setIsLoading(true);
+            await loadNotifications();
+            setIsLoading(false);
+        }
+    }
+    async function markAllRead() {
+        try {
+            await fetch("/api/notifications/read", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                credentials: "same-origin",
+                body: JSON.stringify({
+                    all: true,
+                }),
+            });
+            window.dispatchEvent(new Event(NOTIFICATIONS_UPDATED_EVENT));
+            await loadNotifications();
+        }
+        catch {
+            setError("Could not mark notifications as read.");
+        }
+    }
+    async function markOneRead(notificationId) {
+        try {
+            await fetch("/api/notifications/read", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                credentials: "same-origin",
+                body: JSON.stringify({
+                    notificationId,
+                }),
+            });
+            window.dispatchEvent(new Event(NOTIFICATIONS_UPDATED_EVENT));
+            await loadNotifications();
+        }
+        catch {
+            setError("Could not update notification.");
+        }
+    }
+    return (_jsxs("div", { ref: menuRef, className: "relative", children: [_jsxs("button", { type: "button", onClick: openMenu, className: "notification-trigger-button relative hidden h-10 w-10 items-center justify-center text-zinc-400 transition hover:text-zinc-100 sm:inline-flex", "aria-label": "Open notifications", "aria-haspopup": "menu", "aria-expanded": isOpen, children: [_jsx(BellIcon, {}), unreadCount > 0 ? (_jsx("span", { className: "notification-trigger-badge", children: badgeLabel })) : null] }), isOpen ? (_jsx("div", { className: "notification-popover", children: _jsxs("div", { className: "notification-popover-card", children: [_jsxs("div", { className: "notification-popover-header", children: [_jsxs("div", { children: [_jsx("h3", { className: "notification-popover-title", children: "Notifications" }), _jsx("p", { className: "notification-popover-subtitle", children: "Security and account updates" })] }), unreadCount > 0 ? (_jsxs("button", { type: "button", onClick: markAllRead, className: "notification-ghost-button", children: [_jsx(CheckIcon, {}), "Mark all"] })) : null] }), _jsxs("div", { className: "notification-tabs", role: "tablist", children: [_jsxs("button", { type: "button", onClick: () => setActiveFilter("unread"), className: `notification-tab ${activeFilter === "unread" ? "is-active" : ""}`, children: ["Unread", _jsx("span", { children: unreadCount })] }), _jsxs("button", { type: "button", onClick: () => setActiveFilter("read"), className: `notification-tab ${activeFilter === "read" ? "is-active" : ""}`, children: ["Read", _jsx("span", { children: readCount })] }), _jsxs("button", { type: "button", onClick: () => setActiveFilter("all"), className: `notification-tab ${activeFilter === "all" ? "is-active" : ""}`, children: ["All", _jsx("span", { children: notifications.length })] })] }), error ? _jsx("div", { className: "notification-error", children: error }) : null, _jsxs("div", { className: "notification-popover-list", children: [isLoading ? (_jsx("div", { className: "notification-empty-state", children: "Loading notifications..." })) : filteredNotifications.length === 0 ? (_jsxs("div", { className: "notification-empty-state", children: [_jsx("p", { children: "No notifications" }), _jsx("span", { children: activeFilter === "unread"
+                                                ? "You are caught up."
+                                                : "Security alerts and account updates will appear here." })] })) : (_jsx("div", { className: "notification-group-stack", children: Object.entries(groupedNotifications).map(([groupLabel, groupItems]) => (_jsxs("section", { className: "notification-group", children: [_jsxs("div", { className: "notification-group-header", children: [_jsx("span", { children: groupLabel }), _jsx("span", { children: groupItems.length })] }), _jsx("div", { className: "notification-card-stack", children: groupItems.map((notification) => {
+                                                    const href = getNotificationDetailHref(notification.id);
+                                                    const isUnread = !notification.readAt;
+                                                    return (_jsxs(Link, { href: href, onClick: () => {
+                                                            void markOneRead(notification.id);
+                                                            setIsOpen(false);
+                                                        }, className: `notification-card ${isUnread ? "is-unread" : ""}`, children: [_jsx("span", { className: "notification-status-dot" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "notification-card-title-row", children: [_jsx("p", { children: notification.title }), _jsx("span", { children: formatTime(notification.createdAt) })] }), _jsx("p", { className: "notification-card-message", children: notification.message })] })] }, notification.id));
+                                                }) })] }, groupLabel))) })), !isLoading && hasMoreFilteredNotifications ? (_jsxs("p", { className: "notification-popover-limit-note", children: ["Showing latest ", visibleNotifications.length, " of", " ", filteredNotifications.length, ". View all for full history."] })) : null] }), _jsx("div", { className: "notification-popover-footer", children: _jsx(Link, { href: "/settings?tab=notifications", onClick: () => setIsOpen(false), children: "View all" }) })] }) })) : null] }));
+}
+//# sourceMappingURL=notification-menu.js.map

package/dist/components/layout/notification-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-menu.js","sourceRoot":"","sources":["../../../src/components/layout/notification-menu.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/profile-menu.d.ts

@@ -0,0 +1,16 @@
+type ProfileMenuUser = {
+    firstName: string;
+    lastName: string;
+    email: string;
+    imageUrl?: string | null;
+    originalImageUrl?: string | null;
+    imagePositionX?: number;
+    imagePositionY?: number;
+    imageScale?: number;
+};
+type ProfileMenuProps = {
+    user: ProfileMenuUser;
+};
+export declare function ProfileMenu({ user }: ProfileMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=profile-menu.d.ts.map

package/dist/components/layout/profile-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-menu.d.ts","sourceRoot":"","sources":["../../../src/components/layout/profile-menu.tsx"],"names":[],"mappings":"AAMA,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;AAgMF,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CA+GrD"}

package/dist/components/layout/profile-menu.js

@@ -0,0 +1,160 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useEffect, useRef, useState } from "react";
+const CSRF_COOKIE_NAME = "nxtclone_csrf";
+const CSRF_HEADER_NAME = "x-csrf-token";
+function getCookieValue(name) {
+    const cookies = document.cookie.split(";").map((cookie) => cookie.trim());
+    for (const cookie of cookies) {
+        if (cookie.startsWith(`${name}=`)) {
+            return decodeURIComponent(cookie.slice(name.length + 1));
+        }
+    }
+    return "";
+}
+async function getCsrfToken() {
+    const existingToken = getCookieValue(CSRF_COOKIE_NAME);
+    if (existingToken) {
+        return existingToken;
+    }
+    const response = await fetch("/api/auth/csrf", {
+        method: "GET",
+        credentials: "same-origin",
+        cache: "no-store",
+    });
+    if (!response.ok) {
+        throw new Error("Could not prepare security token.");
+    }
+    const data = await response.json();
+    return data.csrfToken;
+}
+function isUnsafeMethod(method) {
+    return !["GET", "HEAD", "OPTIONS"].includes(method.toUpperCase());
+}
+async function csrfFetch(input, init = {}) {
+    const method = init.method ?? "GET";
+    const headers = new Headers(init.headers);
+    if (isUnsafeMethod(method)) {
+        const csrfToken = await getCsrfToken();
+        headers.set(CSRF_HEADER_NAME, csrfToken);
+    }
+    return fetch(input, {
+        ...init,
+        credentials: init.credentials ?? "same-origin",
+        headers,
+    });
+}
+const accountLinks = [
+    {
+        label: "Account settings",
+        href: "/settings?tab=account",
+        icon: UserIcon,
+    },
+    {
+        label: "Security",
+        href: "/settings?tab=security",
+        icon: ShieldIcon,
+    },
+    {
+        label: "App settings",
+        href: "/app-settings",
+        icon: SettingsIcon,
+    },
+    {
+        label: "Sessions",
+        href: "/settings?tab=sessions",
+        icon: MonitorIcon,
+    },
+    {
+        label: "Notifications",
+        href: "/settings?tab=notifications",
+        icon: BellIcon,
+    },
+    {
+        label: "Data & Privacy",
+        href: "/settings?tab=data",
+        icon: DatabaseIcon,
+    },
+];
+function getInitials(user) {
+    const first = user.firstName?.[0] ?? "";
+    const last = user.lastName?.[0] ?? "";
+    return `${first}${last}`.toUpperCase() || "U";
+}
+function Avatar({ user, className }) {
+    const initials = getInitials(user);
+    return (_jsx("span", { className: `relative flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-zinc-800 bg-zinc-900 font-semibold text-zinc-100 ${className}`, children: user.imageUrl ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        _jsx("img", { src: user.imageUrl, alt: "", className: "h-full w-full object-cover" })) : (initials) }));
+}
+function UserIcon({ className = "h-4 w-4" }) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", children: [_jsx("path", { d: "M20 21a8 8 0 0 0-16 0" }), _jsx("path", { d: "M12 13a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z" })] }));
+}
+function ShieldIcon({ className = "h-4 w-4" }) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", children: [_jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z" }), _jsx("path", { d: "m9.5 12 1.7 1.7L15 10" })] }));
+}
+function MonitorIcon({ className = "h-4 w-4" }) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "4", width: "18", height: "12", rx: "2" }), _jsx("path", { d: "M8 20h8" }), _jsx("path", { d: "M12 16v4" })] }));
+}
+function BellIcon({ className = "h-4 w-4" }) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", children: [_jsx("path", { d: "M18 8a6 6 0 1 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9" }), _jsx("path", { d: "M10 21h4" })] }));
+}
+function DatabaseIcon({ className = "h-4 w-4" }) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", children: [_jsx("ellipse", { cx: "12", cy: "5", rx: "8", ry: "3" }), _jsx("path", { d: "M4 5v6c0 1.66 3.58 3 8 3s8-1.34 8-3V5" }), _jsx("path", { d: "M4 11v6c0 1.66 3.58 3 8 3s8-1.34 8-3v-6" })] }));
+}
+function SettingsIcon({ className = "h-4 w-4" }) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", children: [_jsx("path", { d: "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z" }), _jsx("path", { d: "M19.4 15a1.8 1.8 0 0 0 .36 2l.04.04a2.1 2.1 0 0 1-2.97 2.97l-.04-.04a1.8 1.8 0 0 0-2-.36 1.8 1.8 0 0 0-1.09 1.65V21a2.1 2.1 0 0 1-4.2 0v-.06a1.8 1.8 0 0 0-1.09-1.65 1.8 1.8 0 0 0-2 .36l-.04.04a2.1 2.1 0 0 1-2.97-2.97l.04-.04a1.8 1.8 0 0 0 .36-2 1.8 1.8 0 0 0-1.65-1.09H2a2.1 2.1 0 0 1 0-4.2h.06a1.8 1.8 0 0 0 1.65-1.09 1.8 1.8 0 0 0-.36-2l-.04-.04a2.1 2.1 0 0 1 2.97-2.97l.04.04a1.8 1.8 0 0 0 2 .36 1.8 1.8 0 0 0 1.09-1.65V2a2.1 2.1 0 0 1 4.2 0v.06a1.8 1.8 0 0 0 1.09 1.65 1.8 1.8 0 0 0 2-.36l.04-.04a2.1 2.1 0 0 1 2.97 2.97l-.04.04a1.8 1.8 0 0 0-.36 2 1.8 1.8 0 0 0 1.65 1.09H22a2.1 2.1 0 0 1 0 4.2h-.06A1.8 1.8 0 0 0 19.4 15Z" })] }));
+}
+function LogoutIcon({ className = "h-4 w-4" }) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", children: [_jsx("path", { d: "M10 17 15 12l-5-5" }), _jsx("path", { d: "M15 12H3" }), _jsx("path", { d: "M21 3v18" })] }));
+}
+export function ProfileMenu({ user }) {
+    const router = useRouter();
+    const menuRef = useRef(null);
+    const [isOpen, setIsOpen] = useState(false);
+    const [isLoggingOut, setIsLoggingOut] = useState(false);
+    useEffect(() => {
+        if (!isOpen) {
+            return;
+        }
+        function handlePointerDown(event) {
+            if (menuRef.current &&
+                event.target instanceof Node &&
+                !menuRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        }
+        function handleKeyDown(event) {
+            if (event.key === "Escape") {
+                setIsOpen(false);
+            }
+        }
+        document.addEventListener("pointerdown", handlePointerDown);
+        document.addEventListener("keydown", handleKeyDown);
+        return () => {
+            document.removeEventListener("pointerdown", handlePointerDown);
+            document.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [isOpen]);
+    async function handleLogout() {
+        setIsLoggingOut(true);
+        try {
+            await csrfFetch("/api/auth/logout", {
+                method: "POST",
+                credentials: "same-origin",
+            });
+            router.push("/login");
+            router.refresh();
+        }
+        finally {
+            setIsLoggingOut(false);
+        }
+    }
+    return (_jsxs("div", { ref: menuRef, className: "relative", children: [_jsx("button", { type: "button", onClick: () => setIsOpen((current) => !current), className: "app-profile-menu-button flex h-10 w-10 items-center justify-center rounded-full transition hover:ring-2 hover:ring-zinc-700", "aria-label": "Open account menu", "aria-haspopup": "menu", "aria-expanded": isOpen, children: _jsx(Avatar, { user: user, className: "h-10 w-10 text-xs" }) }), isOpen ? (_jsxs("div", { className: "absolute right-0 top-full z-50 mt-2 w-72 rounded-2xl border border-zinc-800 bg-zinc-950 p-2 shadow-2xl shadow-black/40", children: [_jsxs("div", { className: "flex items-center gap-3 border-b border-zinc-800 px-3 py-3", children: [_jsx(Avatar, { user: user, className: "h-11 w-11 text-sm" }), _jsxs("div", { className: "min-w-0", children: [_jsxs("p", { className: "truncate text-sm font-medium text-zinc-100", children: [user.firstName, " ", user.lastName] }), _jsx("p", { className: "truncate text-xs text-zinc-500", children: user.email })] })] }), _jsx("nav", { className: "py-2", "aria-label": "Account menu", children: accountLinks.map((item) => {
+                            const Icon = item.icon;
+                            return (_jsxs(Link, { href: item.href, onClick: () => setIsOpen(false), className: "flex h-10 items-center gap-3 rounded-xl px-3 text-sm text-zinc-300 transition hover:bg-zinc-900 hover:text-white", children: [_jsx(Icon, { className: "h-4 w-4 text-zinc-500" }), _jsx("span", { className: "truncate", children: item.label })] }, item.href));
+                        }) }), _jsx("div", { className: "border-t border-zinc-800 pt-2", children: _jsxs("button", { type: "button", onClick: handleLogout, disabled: isLoggingOut, className: "flex h-10 w-full items-center gap-3 rounded-xl px-3 text-left text-sm text-red-300 transition hover:bg-red-950/30 hover:text-red-200 disabled:cursor-not-allowed disabled:opacity-60", children: [_jsx(LogoutIcon, { className: "h-4 w-4" }), isLoggingOut ? "Logging out..." : "Log out"] }) })] })) : null] }));
+}
+//# sourceMappingURL=profile-menu.js.map

package/dist/components/layout/profile-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-menu.js","sourceRoot":"","sources":["../../../src/components/layout/profile-menu.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/site-footer.d.ts

@@ -0,0 +1,6 @@
+type SiteFooterProps = {
+    compact?: boolean;
+};
+export declare function SiteFooter({ compact }: SiteFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=site-footer.d.ts.map

package/dist/components/layout/site-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-footer.d.ts","sourceRoot":"","sources":["../../../src/components/layout/site-footer.tsx"],"names":[],"mappings":"AAMA,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,OAAe,EAAE,EAAE,eAAe,2CAsD9D"}