@psnext/design-system 1.0.0

package/dist/layouts.js

@@ -0,0 +1,3180 @@
+import { t as BodhiLogo } from "./BodhiLogo.js";
+import { i as TooltipContent, n as SlingshotLogo, o as TooltipTrigger, r as Tooltip, t as SustainLogo } from "./SustainLogo.js";
+import { a as AIChatPanel, c as defaultSuggestedPrompts, d as useRightPanel, f as ProductSwitcher, i as useActivity, l as svg_9ebyigi4zl_default, n as activityTypeLabels, o as defaultFallbackResponse, p as AccountProjectSwitcher, s as defaultMockResponses } from "./AiChatPanel.js";
+import { Activity, AlertCircle, AlertTriangle, ArrowLeft, BarChart3, Bell, BookOpen, Bot, Briefcase, Check, CheckCircle, ChevronDown, ChevronRight, ChevronsUpDown, Clock, Database, FileText, Filter, FolderOpen, GitBranch, HelpCircle, Home, LayoutDashboard, LayoutGrid, Leaf, Link, LogOut, Menu, MessageSquare, Minimize2, Monitor, Moon, Settings, Sun, Tablet, Target, User, X, Zap } from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import { createPortal } from "react-dom";
+//#region src/layouts/AnimatedBackground/AnimatedBackground.tsx
+function AnimatedBackground({ isDarkMode }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(motion.div, {
+			className: "fixed inset-0 -z-10",
+			style: { backgroundImage: isDarkMode ? `url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 2352" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><rect x="0" y="0" height="100%" width="100%" fill="url(%23grad)" opacity="1"/><defs><radialGradient id="grad" gradientUnits="userSpaceOnUse" cx="0" cy="0" r="10" gradientTransform="matrix(-48.778 123.5 -72.053 -137.99 1293.7 371.38)"><stop stop-color="rgba(3,7,18,1)" offset="0"/><stop stop-color="rgba(20,8,16,1)" offset="0.1226"/><stop stop-color="rgba(36,9,14,1)" offset="0.24519"/><stop stop-color="rgba(69,10,10,1)" offset="0.49038"/><stop stop-color="rgba(36,9,14,1)" offset="0.71635"/><stop stop-color="rgba(20,8,16,1)" offset="0.82933"/><stop stop-color="rgba(3,7,18,1)" offset="0.94231"/></radialGradient></defs></svg>')` : `url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 2352" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><rect x="0" y="0" height="100%" width="100%" fill="url(%23grad)" opacity="1"/><defs><radialGradient id="grad" gradientUnits="userSpaceOnUse" cx="0" cy="0" r="10" gradientTransform="matrix(-48.778 123.5 -72.053 -137.99 1293.7 371.38)"><stop stop-color="rgba(226,232,240,1)" offset="0"/><stop stop-color="rgba(254,202,202,1)" offset="0.49038"/><stop stop-color="rgba(226,232,240,1)" offset="0.94231"/></radialGradient></defs></svg>')` },
+			initial: { opacity: 50 },
+			animate: { opacity: 100 },
+			transition: { duration: 1.5 }
+		}),
+		/* @__PURE__ */ jsx(motion.div, {
+			className: "fixed inset-0 -z-10",
+			style: {
+				backgroundImage: isDarkMode ? "radial-gradient(circle at 50% 50%, rgba(11, 223, 181, 0.3) 0%, transparent 50%)" : "radial-gradient(circle at 50% 50%, rgba(52, 13, 125, 0.8) 0%, transparent 50%)",
+				backgroundSize: "100% 100%"
+			},
+			animate: {
+				backgroundPosition: [
+					"0% 100%",
+					"100% 100%",
+					"0% 100%",
+					"100% 0%",
+					"0% 20%"
+				],
+				backgroundSize: "100% 100%"
+			},
+			transition: {
+				duration: 50,
+				ease: "easeInOut",
+				repeat: Number.POSITIVE_INFINITY,
+				repeatType: "reverse"
+			}
+		}),
+		/* @__PURE__ */ jsx(motion.div, {
+			className: "fixed inset-0 -z-10",
+			style: { backgroundImage: isDarkMode ? "radial-gradient(circle at 50% 50%, rgba(36,9,14,0.2) 0%, transparent 60%)" : "radial-gradient(circle at 50% 50%, rgba(25, 73, 135, 0.15) 0%, transparent 60%)" },
+			animate: {
+				scale: [
+					2,
+					1.1,
+					1
+				],
+				opacity: [
+					1.3,
+					5,
+					2
+				]
+			},
+			transition: {
+				duration: 5,
+				ease: "easeInOut",
+				repeat: Number.POSITIVE_INFINITY,
+				repeatType: "reverse"
+			}
+		})
+	] });
+}
+//#endregion
+//#region src/layouts/AppHeader/AppHeader.tsx
+const BRAND_LOGOS = {
+	bodhi: BodhiLogo,
+	slingshot: SlingshotLogo,
+	sustain: SustainLogo
+};
+const BRAND_ID_PREFIX = {
+	bodhi: "bodhi-",
+	slingshot: "",
+	sustain: "sustain-"
+};
+const ORGS = [
+	"Stellar Solutions Inc.",
+	"Apex Technologies",
+	"Meridian Systems",
+	"Nova Enterprises"
+];
+const PROJECT_TREES = {
+	"Stellar Solutions Inc.": [
+		{
+			id: "engineering",
+			label: "Engineering",
+			children: [
+				{
+					id: "stellar-connect",
+					label: "Stellar Connect",
+					children: [
+						{
+							id: "stellar-connect-web",
+							label: "Web App"
+						},
+						{
+							id: "stellar-connect-mobile",
+							label: "Mobile App"
+						},
+						{
+							id: "stellar-connect-api",
+							label: "API Gateway"
+						}
+					]
+				},
+				{
+					id: "stellar-analytics",
+					label: "Stellar Analytics",
+					children: [{
+						id: "stellar-analytics-dashboard",
+						label: "Dashboard"
+					}, {
+						id: "stellar-analytics-reports",
+						label: "Reports"
+					}]
+				},
+				{
+					id: "stellar-core",
+					label: "Stellar Core"
+				}
+			]
+		},
+		{
+			id: "product",
+			label: "Product",
+			children: [{
+				id: "mobile-apps",
+				label: "Mobile Apps",
+				children: [{
+					id: "mobile-ios",
+					label: "iOS"
+				}, {
+					id: "mobile-android",
+					label: "Android"
+				}]
+			}, {
+				id: "web-platform",
+				label: "Web Platform"
+			}]
+		},
+		{
+			id: "infrastructure",
+			label: "Infrastructure",
+			children: [{
+				id: "cloud-services",
+				label: "Cloud Services"
+			}, {
+				id: "devops-pipeline",
+				label: "DevOps Pipeline"
+			}]
+		}
+	],
+	"Apex Technologies": [{
+		id: "platform",
+		label: "Platform",
+		children: [{
+			id: "apex-platform",
+			label: "Apex Platform",
+			children: [
+				{
+					id: "apex-platform-core",
+					label: "Core Services"
+				},
+				{
+					id: "apex-platform-sdk",
+					label: "SDK"
+				},
+				{
+					id: "apex-platform-docs",
+					label: "Documentation"
+				}
+			]
+		}, {
+			id: "apex-devops",
+			label: "Apex DevOps"
+		}]
+	}, {
+		id: "ai",
+		label: "AI & ML",
+		children: [
+			{
+				id: "apex-ai-core",
+				label: "Apex AI Core",
+				children: [{
+					id: "apex-ai-training",
+					label: "Training Pipelines"
+				}, {
+					id: "apex-ai-inference",
+					label: "Inference Engine"
+				}]
+			},
+			{
+				id: "apex-nlp",
+				label: "NLP Pipelines"
+			},
+			{
+				id: "apex-vision",
+				label: "Vision Models"
+			}
+		]
+	}],
+	"Meridian Systems": [{
+		id: "enterprise",
+		label: "Enterprise",
+		children: [{
+			id: "meridian-erp",
+			label: "Meridian ERP",
+			children: [
+				{
+					id: "meridian-erp-finance",
+					label: "Finance Module"
+				},
+				{
+					id: "meridian-erp-hr",
+					label: "HR Module"
+				},
+				{
+					id: "meridian-erp-supply",
+					label: "Supply Chain"
+				}
+			]
+		}, {
+			id: "meridian-crm",
+			label: "Meridian CRM",
+			children: [{
+				id: "meridian-crm-sales",
+				label: "Sales"
+			}, {
+				id: "meridian-crm-support",
+				label: "Support"
+			}]
+		}]
+	}, {
+		id: "integrations",
+		label: "Integrations",
+		children: [{
+			id: "sap-connector",
+			label: "SAP Connector"
+		}, {
+			id: "salesforce-bridge",
+			label: "Salesforce Bridge"
+		}]
+	}],
+	"Nova Enterprises": [{
+		id: "nova-suite",
+		label: "Nova Suite",
+		children: [
+			{
+				id: "nova-core",
+				label: "Nova Core",
+				children: [{
+					id: "nova-core-auth",
+					label: "Auth Service"
+				}, {
+					id: "nova-core-data",
+					label: "Data Layer"
+				}]
+			},
+			{
+				id: "nova-insights",
+				label: "Nova Insights"
+			},
+			{
+				id: "nova-shield",
+				label: "Nova Shield"
+			}
+		]
+	}, {
+		id: "nova-labs",
+		label: "Nova Labs",
+		children: [{
+			id: "nova-experiments",
+			label: "Experiments"
+		}, {
+			id: "nova-sandbox",
+			label: "Sandbox"
+		}]
+	}]
+};
+function getFirstLeaf(nodes) {
+	for (const node of nodes) {
+		if (!node.children) return node.label;
+		const leaf = getFirstLeaf(node.children);
+		if (leaf) return leaf;
+	}
+	return "";
+}
+function TreeNodeRow({ node, depth, expandedIds, onToggle, selectedProject, onSelect }) {
+	const isFolder = Boolean(node.children);
+	const isExpanded = expandedIds.has(node.id);
+	const isSelected = !isFolder && selectedProject === node.label;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("button", {
+		onClick: () => isFolder ? onToggle(node.id) : onSelect(node.label),
+		className: "flex items-center gap-[6px] w-full text-left transition-colors",
+		style: {
+			padding: `6px 12px 6px ${12 + depth * 16}px`,
+			backgroundColor: isSelected ? "var(--accent)" : "transparent",
+			border: "none",
+			cursor: "pointer"
+		},
+		onMouseEnter: (e) => {
+			if (!isSelected) e.currentTarget.style.backgroundColor = "var(--accent)";
+		},
+		onMouseLeave: (e) => {
+			if (!isSelected) e.currentTarget.style.backgroundColor = "transparent";
+		},
+		children: [
+			isFolder ? /* @__PURE__ */ jsx("span", {
+				style: {
+					color: "var(--muted-foreground)",
+					flexShrink: 0,
+					width: 14,
+					display: "flex",
+					alignItems: "center"
+				},
+				children: isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { size: 12 }) : /* @__PURE__ */ jsx(ChevronRight, { size: 12 })
+			}) : /* @__PURE__ */ jsx("span", { style: {
+				width: 14,
+				flexShrink: 0
+			} }),
+			/* @__PURE__ */ jsx("span", {
+				style: {
+					fontFamily: "var(--font-body)",
+					fontSize: "var(--text-sm)",
+					fontWeight: isFolder ? "var(--font-weight-medium)" : "var(--font-weight-normal)",
+					color: isSelected ? "var(--primary)" : "var(--foreground)",
+					flex: 1,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				},
+				children: node.label
+			}),
+			isSelected && /* @__PURE__ */ jsx(Check, {
+				size: 13,
+				style: {
+					color: "var(--primary)",
+					flexShrink: 0
+				}
+			})
+		]
+	}), isFolder && isExpanded && node.children?.map((child) => /* @__PURE__ */ jsx(TreeNodeRow, {
+		node: child,
+		depth: depth + 1,
+		expandedIds,
+		onToggle,
+		selectedProject,
+		onSelect
+	}, child.id))] });
+}
+/**
+* Unified product header (logo + org/project switchers + theme toggle + credit
+* badge + avatar menu). Replaces the previously triplicated per-product headers;
+* `BodhiHeader`, `SlingshotHeader`, and `SustainHeader` are thin wrappers around
+* this component.
+*/
+function AppHeader({ brand, isDarkMode, onToggleTheme }) {
+	const BrandLogo = BRAND_LOGOS[brand];
+	const idPrefix = BRAND_ID_PREFIX[brand];
+	const orgPanelId = `${idPrefix}org-dropdown-panel`;
+	const projectPanelId = `${idPrefix}project-dropdown-panel`;
+	const [avatarMenuOpen, setAvatarMenuOpen] = useState(false);
+	const [orgDropdownOpen, setOrgDropdownOpen] = useState(false);
+	const [projectDropdownOpen, setProjectDropdownOpen] = useState(false);
+	const [selectedOrg, setSelectedOrg] = useState(ORGS[0]);
+	const [selectedProject, setSelectedProject] = useState(() => getFirstLeaf(PROJECT_TREES[ORGS[0]]));
+	const [expandedIds, setExpandedIds] = useState(() => new Set(PROJECT_TREES[ORGS[0]].map((n) => n.id)));
+	const [orgPos, setOrgPos] = useState(null);
+	const [projectPos, setProjectPos] = useState(null);
+	const avatarMenuRef = useRef(null);
+	const orgTriggerRef = useRef(null);
+	const projectTriggerRef = useRef(null);
+	useEffect(() => {
+		function handleClickOutside(e) {
+			if (avatarMenuRef.current && !avatarMenuRef.current.contains(e.target)) setAvatarMenuOpen(false);
+			if (orgDropdownOpen) {
+				const panel = document.getElementById(orgPanelId);
+				if (panel && !panel.contains(e.target) && orgTriggerRef.current && !orgTriggerRef.current.contains(e.target)) setOrgDropdownOpen(false);
+			}
+			if (projectDropdownOpen) {
+				const panel = document.getElementById(projectPanelId);
+				if (panel && !panel.contains(e.target) && projectTriggerRef.current && !projectTriggerRef.current.contains(e.target)) setProjectDropdownOpen(false);
+			}
+		}
+		document.addEventListener("mousedown", handleClickOutside);
+		return () => document.removeEventListener("mousedown", handleClickOutside);
+	}, [
+		orgDropdownOpen,
+		projectDropdownOpen,
+		orgPanelId,
+		projectPanelId
+	]);
+	function openOrgDropdown() {
+		if (orgDropdownOpen) {
+			setOrgDropdownOpen(false);
+			return;
+		}
+		if (orgTriggerRef.current) {
+			const r = orgTriggerRef.current.getBoundingClientRect();
+			setOrgPos({
+				top: r.bottom + 6,
+				left: r.left
+			});
+		}
+		setOrgDropdownOpen(true);
+		setProjectDropdownOpen(false);
+	}
+	function openProjectDropdown() {
+		if (projectDropdownOpen) {
+			setProjectDropdownOpen(false);
+			return;
+		}
+		if (projectTriggerRef.current) {
+			const r = projectTriggerRef.current.getBoundingClientRect();
+			setProjectPos({
+				top: r.bottom + 6,
+				left: r.left
+			});
+		}
+		setProjectDropdownOpen(true);
+		setOrgDropdownOpen(false);
+	}
+	function toggleExpanded(id) {
+		setExpandedIds((prev) => {
+			const next = new Set(prev);
+			if (next.has(id)) next.delete(id);
+			else next.add(id);
+			return next;
+		});
+	}
+	function handleSelectOrg(org) {
+		setSelectedOrg(org);
+		setSelectedProject(getFirstLeaf(PROJECT_TREES[org]));
+		setExpandedIds(new Set(PROJECT_TREES[org].map((n) => n.id)));
+		setOrgDropdownOpen(false);
+	}
+	function handleSelectProject(label) {
+		setSelectedProject(label);
+		setProjectDropdownOpen(false);
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "backdrop-blur-[45px] flex gap-[12px] h-[60px] items-center px-[12px] py-[8px] rounded-[16px] shrink-0 sticky top-0 w-full z-[2]",
+		style: { backgroundColor: "var(--glass-heavy)" },
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex gap-[4px] items-center relative shrink-0",
+				children: [/* @__PURE__ */ jsx(BrandLogo, { isDarkMode }), /* @__PURE__ */ jsx(ChevronDown, {
+					size: 16,
+					style: { color: "var(--muted-foreground)" }
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative shrink-0",
+				children: [/* @__PURE__ */ jsxs("button", {
+					ref: orgTriggerRef,
+					onClick: openOrgDropdown,
+					className: "flex items-center gap-[6px] cursor-pointer transition-colors",
+					style: {
+						backgroundColor: "var(--input-background)",
+						border: "1px solid var(--border)",
+						borderRadius: "8px",
+						padding: "4px 10px"
+					},
+					"aria-label": "Select organisation",
+					"aria-expanded": orgDropdownOpen,
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							style: {
+								fontFamily: "var(--font-body)",
+								fontSize: "var(--text-xs)",
+								fontWeight: "var(--font-weight-normal)",
+								color: "var(--muted-foreground)",
+								whiteSpace: "nowrap"
+							},
+							children: "Org:"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							style: {
+								fontFamily: "var(--font-body)",
+								fontSize: "var(--text-xs)",
+								fontWeight: "var(--font-weight-medium)",
+								color: "var(--foreground)",
+								maxWidth: "120px",
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								whiteSpace: "nowrap",
+								display: "block"
+							},
+							children: selectedOrg
+						}),
+						/* @__PURE__ */ jsx(ChevronDown, {
+							size: 12,
+							style: {
+								color: "var(--muted-foreground)",
+								flexShrink: 0
+							}
+						})
+					]
+				}), orgDropdownOpen && orgPos && createPortal(/* @__PURE__ */ jsx("div", {
+					id: orgPanelId,
+					className: "fixed min-w-[200px] rounded-[16px] py-[4px] z-[9999] backdrop-blur-[45px] border overflow-hidden",
+					style: {
+						top: orgPos.top,
+						left: orgPos.left,
+						backgroundColor: "var(--glass-subtle)",
+						borderColor: "var(--border)"
+					},
+					children: ORGS.map((org) => /* @__PURE__ */ jsxs("button", {
+						onClick: () => handleSelectOrg(org),
+						className: "flex items-center justify-between gap-[8px] w-full px-[12px] py-[8px] transition-colors text-left",
+						style: { backgroundColor: "transparent" },
+						onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--glass-medium)",
+						onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+						children: [/* @__PURE__ */ jsx("span", {
+							style: {
+								fontFamily: "var(--font-body)",
+								fontSize: "var(--text-sm)",
+								fontWeight: "var(--font-weight-normal)",
+								color: "var(--foreground)"
+							},
+							children: org
+						}), selectedOrg === org && /* @__PURE__ */ jsx(Check, {
+							size: 14,
+							style: {
+								color: "var(--primary)",
+								flexShrink: 0
+							}
+						})]
+					}, org))
+				}), document.body)]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative shrink-0",
+				children: [/* @__PURE__ */ jsxs("button", {
+					ref: projectTriggerRef,
+					onClick: openProjectDropdown,
+					className: "flex items-center gap-[6px] cursor-pointer transition-colors",
+					style: {
+						backgroundColor: "var(--input-background)",
+						border: "1px solid var(--border)",
+						borderRadius: "8px",
+						padding: "4px 10px"
+					},
+					"aria-label": "Select project",
+					"aria-expanded": projectDropdownOpen,
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							style: {
+								fontFamily: "var(--font-body)",
+								fontSize: "var(--text-xs)",
+								fontWeight: "var(--font-weight-normal)",
+								color: "var(--muted-foreground)",
+								whiteSpace: "nowrap"
+							},
+							children: "Project:"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							style: {
+								fontFamily: "var(--font-body)",
+								fontSize: "var(--text-xs)",
+								fontWeight: "var(--font-weight-medium)",
+								color: "var(--foreground)",
+								maxWidth: "120px",
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								whiteSpace: "nowrap",
+								display: "block"
+							},
+							children: selectedProject
+						}),
+						/* @__PURE__ */ jsx(ChevronDown, {
+							size: 12,
+							style: {
+								color: "var(--muted-foreground)",
+								flexShrink: 0
+							}
+						})
+					]
+				}), projectDropdownOpen && projectPos && createPortal(/* @__PURE__ */ jsx("div", {
+					id: projectPanelId,
+					className: "fixed min-w-[240px] rounded-[16px] py-[4px] z-[9999] backdrop-blur-[45px] border overflow-y-auto overflow-x-hidden",
+					style: {
+						top: projectPos.top,
+						left: projectPos.left,
+						backgroundColor: "var(--glass-subtle)",
+						borderColor: "var(--border)",
+						maxHeight: "320px"
+					},
+					children: PROJECT_TREES[selectedOrg].map((node) => /* @__PURE__ */ jsx(TreeNodeRow, {
+						node,
+						depth: 0,
+						expandedIds,
+						onToggle: toggleExpanded,
+						selectedProject,
+						onSelect: handleSelectProject
+					}, node.id))
+				}), document.body)]
+			}),
+			/* @__PURE__ */ jsx("div", { className: "flex-1" }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-[8px]",
+				children: [
+					/* @__PURE__ */ jsx("button", {
+						onClick: onToggleTheme,
+						className: "flex items-center justify-center w-[40px] h-[40px] rounded-full bg-transparent transition-colors cursor-pointer",
+						style: { color: "var(--foreground)" },
+						onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--glass-medium)",
+						onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+						"aria-label": isDarkMode ? "Switch to light mode" : "Switch to dark mode",
+						children: isDarkMode ? /* @__PURE__ */ jsx(Sun, { size: 18 }) : /* @__PURE__ */ jsx(Moon, { size: 18 })
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-[4px] px-[8px] py-[4px] rounded-[8px] shrink-0",
+						style: {
+							backgroundColor: "var(--glass-light)",
+							border: "1px solid var(--border)"
+						},
+						children: [/* @__PURE__ */ jsx(Zap, {
+							size: 12,
+							style: {
+								color: "var(--foreground)",
+								flexShrink: 0
+							}
+						}), /* @__PURE__ */ jsx("span", {
+							style: {
+								fontFamily: "var(--font-body)",
+								fontSize: "var(--text-xs)",
+								fontWeight: "var(--font-weight-semibold)",
+								lineHeight: "var(--leading-body-xs)",
+								color: "var(--foreground)",
+								whiteSpace: "nowrap"
+							},
+							children: "1,000"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "relative",
+						ref: avatarMenuRef,
+						children: [/* @__PURE__ */ jsx("button", {
+							onClick: () => setAvatarMenuOpen(!avatarMenuOpen),
+							className: "flex items-center justify-center w-[40px] h-[40px] rounded-full overflow-hidden cursor-pointer shrink-0 relative",
+							style: {
+								border: "none",
+								padding: 0,
+								background: "transparent",
+								lineHeight: 0
+							},
+							"aria-label": "User menu",
+							"aria-expanded": avatarMenuOpen,
+							children: /* @__PURE__ */ jsx("div", {
+								className: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-violet-500 to-purple-600 rounded-full",
+								children: /* @__PURE__ */ jsx(User, { className: "w-5 h-5 text-white" })
+							})
+						}), avatarMenuOpen && /* @__PURE__ */ jsxs("div", {
+							className: "absolute top-full right-0 mt-[8px] min-w-[180px] rounded-[12px] py-[4px] z-50",
+							style: {
+								backgroundColor: "var(--card)",
+								border: "1px solid var(--border)",
+								boxShadow: "0px 4px 16px 0px rgba(0,0,0,0.12)"
+							},
+							children: [/* @__PURE__ */ jsxs("button", {
+								onClick: () => {
+									setAvatarMenuOpen(false);
+								},
+								className: "flex items-center gap-[12px] w-full px-[16px] py-[12px] hover:bg-[var(--muted)] transition-colors text-left",
+								children: [/* @__PURE__ */ jsx(User, {
+									size: 16,
+									style: { color: "var(--foreground)" }
+								}), /* @__PURE__ */ jsx("span", {
+									style: {
+										fontFamily: "var(--font-body)",
+										fontSize: "14px",
+										fontWeight: "var(--font-weight-normal)",
+										color: "var(--foreground)"
+									},
+									children: "Profile"
+								})]
+							}), /* @__PURE__ */ jsxs("button", {
+								onClick: () => {
+									setAvatarMenuOpen(false);
+								},
+								className: "flex items-center gap-[12px] w-full px-[16px] py-[12px] hover:bg-[var(--muted)] transition-colors text-left border-t",
+								style: { borderColor: "var(--border)" },
+								children: [/* @__PURE__ */ jsx(LogOut, {
+									size: 16,
+									style: { color: "var(--foreground)" }
+								}), /* @__PURE__ */ jsx("span", {
+									style: {
+										fontFamily: "var(--font-body)",
+										fontSize: "14px",
+										fontWeight: "var(--font-weight-normal)",
+										color: "var(--foreground)"
+									},
+									children: "Logout"
+								})]
+							})]
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/layouts/BodhiHeader/BodhiHeader.tsx
+/** Bodhi-branded {@link AppHeader}. Kept for backwards compatibility; prefer `<AppHeader brand="bodhi" />`. */
+function BodhiHeader({ isDarkMode, onToggleTheme }) {
+	return /* @__PURE__ */ jsx(AppHeader, {
+		brand: "bodhi",
+		isDarkMode,
+		onToggleTheme
+	});
+}
+//#endregion
+//#region src/layouts/Header/Header.tsx
+const imgAvatar = "";
+function Header({ isDarkMode, onToggleTheme, onLogout }) {
+	const [avatarMenuOpen, setAvatarMenuOpen] = useState(false);
+	const avatarMenuRef = useRef(null);
+	useEffect(() => {
+		function handleClickOutside(e) {
+			if (avatarMenuRef.current && !avatarMenuRef.current.contains(e.target)) setAvatarMenuOpen(false);
+		}
+		if (avatarMenuOpen) document.addEventListener("mousedown", handleClickOutside);
+		return () => document.removeEventListener("mousedown", handleClickOutside);
+	}, [avatarMenuOpen]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "fixed top-0 left-0 right-0 shrink-0 z-50 px-3 sm:px-4 lg:px-[16px] pt-3 sm:pt-4 lg:pt-[16px]",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "backdrop-blur-[45px] rounded-xl lg:rounded-[16px]",
+			style: { backgroundColor: "var(--glass-heavy)" },
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center px-3 sm:px-4 lg:px-[12px] py-2 lg:py-[8px] gap-2 sm:gap-3 lg:gap-[20px]",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex-1 flex items-center gap-1 lg:gap-[8px] overflow-visible",
+					children: [/* @__PURE__ */ jsx(ProductSwitcher, { isDarkMode }), /* @__PURE__ */ jsx(AccountProjectSwitcher, {})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-[8px]",
+					children: [
+						/* @__PURE__ */ jsx("button", {
+							onClick: onToggleTheme,
+							className: "hidden sm:flex items-center justify-center w-9 h-9 lg:w-[40px] lg:h-[40px] rounded-full bg-transparent transition-colors cursor-pointer",
+							style: { color: "var(--foreground)" },
+							onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--glass-medium)",
+							onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+							"aria-label": isDarkMode ? "Switch to light mode" : "Switch to dark mode",
+							children: isDarkMode ? /* @__PURE__ */ jsx(Sun, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(Moon, { className: "w-4 h-4" })
+						}),
+						/* @__PURE__ */ jsx("button", {
+							className: "hidden sm:flex items-center justify-center w-9 h-9 lg:w-[40px] lg:h-[40px] rounded-full bg-transparent transition-colors cursor-pointer",
+							style: { color: "var(--foreground)" },
+							onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--glass-medium)",
+							onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+							"aria-label": "Notifications",
+							children: /* @__PURE__ */ jsx(Bell, { className: "w-4 h-4" })
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "relative ml-1 lg:ml-0",
+							ref: avatarMenuRef,
+							children: [/* @__PURE__ */ jsxs("button", {
+								onClick: () => setAvatarMenuOpen(!avatarMenuOpen),
+								className: "flex items-center justify-center w-9 h-9 lg:w-[40px] lg:h-[40px] rounded-full overflow-hidden cursor-pointer shrink-0 relative",
+								style: {
+									border: "none",
+									padding: 0,
+									background: "transparent",
+									lineHeight: 0
+								},
+								"aria-label": "User menu",
+								"aria-expanded": avatarMenuOpen,
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-blue-500 to-purple-600 rounded-full",
+									children: /* @__PURE__ */ jsx(User, { className: "w-5 h-5 lg:w-6 lg:h-6 text-white" })
+								}), /* @__PURE__ */ jsx("img", {
+									src: imgAvatar,
+									alt: "Avatar",
+									className: "block w-full h-full object-cover opacity-0"
+								})]
+							}), avatarMenuOpen && /* @__PURE__ */ jsx("div", {
+								className: "absolute top-full right-0 mt-[8px] min-w-[180px] rounded-[12px] py-[4px] z-50",
+								style: {
+									backgroundColor: "var(--card)",
+									border: "1px solid var(--border)",
+									boxShadow: "0px 4px 16px 0px rgba(0,0,0,0.12)"
+								},
+								children: /* @__PURE__ */ jsxs("button", {
+									onClick: () => {
+										setAvatarMenuOpen(false);
+										onLogout?.();
+									},
+									className: "flex items-center gap-[10px] w-full px-[14px] py-[10px] border-0 bg-transparent cursor-pointer transition-colors rounded-[8px] mx-auto",
+									style: {
+										width: "calc(100% - 8px)",
+										marginLeft: "4px",
+										marginRight: "4px",
+										color: "var(--danger)"
+									},
+									onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--muted)",
+									onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+									children: [/* @__PURE__ */ jsx(LogOut, { className: "w-[16px] h-[16px]" }), /* @__PURE__ */ jsx("span", {
+										style: {
+											fontFamily: "var(--font-body)",
+											fontSize: "var(--text-sm)",
+											fontWeight: "var(--font-weight-medium)",
+											lineHeight: "20px"
+										},
+										children: "Logout"
+									})]
+								})
+							})]
+						}),
+						/* @__PURE__ */ jsx("button", {
+							className: "flex sm:hidden items-center justify-center w-9 h-9 rounded-full bg-transparent transition-colors ml-1 cursor-pointer",
+							style: { color: "var(--foreground)" },
+							onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--glass-medium)",
+							onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+							"aria-label": "Menu",
+							children: /* @__PURE__ */ jsx(Menu, { className: "w-5 h-5" })
+						})
+					]
+				})]
+			})
+		})
+	});
+}
+//#endregion
+//#region src/layouts/LeftNavigation/svg-ye4mpuwoci.ts
+var svg_ye4mpuwoci_default = {
+	p1c4b9e80: "M13.558 7.41602C13.7884 7.26395 14.0986 7.32752 14.2507 7.55794C14.4027 7.78838 14.3392 8.09853 14.1087 8.25065C12.0489 9.61057 9.63497 10.3353 7.16669 10.3353C4.69841 10.3353 2.28449 9.61057 0.224633 8.25065C-0.00578628 8.09853 -0.0693641 7.78838 0.082706 7.55794C0.234831 7.32752 0.544975 7.26395 0.775414 7.41602C2.67181 8.66804 4.89427 9.33529 7.16669 9.33529C9.43911 9.33529 11.6616 8.66804 13.558 7.41602Z",
+	p22d2dc00: "M4.66667 1.16667C4.66667 1.07462 4.59205 1 4.5 1H1.16667C1.07462 1 1 1.07462 1 1.16667V4.5C1 4.59205 1.07462 4.66667 1.16667 4.66667H4.5C4.59205 4.66667 4.66667 4.59205 4.66667 4.5V1.16667ZM5.66667 4.5C5.66667 5.14433 5.14433 5.66667 4.5 5.66667H1.16667C0.522334 5.66667 0 5.14433 0 4.5V1.16667C0 0.522334 0.522334 0 1.16667 0H4.5C5.14433 0 5.66667 0.522334 5.66667 1.16667V4.5Z",
+	p23ebb500: "M12 5.83268C12 5.71152 11.9735 5.59168 11.9225 5.48177C11.8715 5.37187 11.797 5.27418 11.7044 5.19596L11.7018 5.19401L7.03516 1.19466C6.88522 1.06915 6.69562 1 6.5 1C6.30422 1 6.11419 1.0683 5.96419 1.19401L1.29818 5.19401L1.29557 5.19596C1.20303 5.27418 1.12849 5.37187 1.07747 5.48177C1.02648 5.59168 0.999998 5.71152 1 5.83268V11.8327C1 12.0537 1.08786 12.2662 1.24414 12.4225C1.4004 12.5787 1.6124 12.666 1.83333 12.666H11.1667C11.3876 12.666 11.5996 12.5787 11.7559 12.4225C11.9121 12.2662 12 12.0537 12 11.8327V5.83268ZM13 11.8327C13 12.3189 12.8067 12.7857 12.4629 13.1296C12.1191 13.4733 11.6528 13.666 11.1667 13.666H1.83333C1.34718 13.666 0.880909 13.4733 0.537109 13.1296C0.193293 12.7857 0 12.3189 0 11.8327V5.83268C-2.26206e-06 5.56616 0.0583982 5.30297 0.170573 5.0612C0.282817 4.8193 0.446068 4.60443 0.64974 4.43229L5.3138 0.435547L5.31641 0.432943C5.64731 0.153276 6.06674 0 6.5 0C6.87906 0 7.24751 0.117304 7.55534 0.333984L7.68359 0.432943L7.6862 0.435547L12.3496 4.43229C12.5533 4.60444 12.7172 4.81928 12.8294 5.0612C12.9416 5.30297 13 5.56616 13 5.83268V11.8327Z",
+	p244a7b00: "M9.33336 3.16667V1.83333C9.33336 1.61232 9.2455 1.40042 9.08922 1.24414C8.93294 1.08786 8.72104 1 8.50002 1H5.83336C5.61234 1 5.40044 1.08786 5.24416 1.24414C5.08788 1.40042 5.00002 1.61232 5.00002 1.83333V3.16667C5.00002 3.44281 4.77617 3.66667 4.50002 3.66667C4.22388 3.66667 4.00002 3.44281 4.00002 3.16667V1.83333C4.00002 1.3471 4.19332 0.880926 4.53713 0.537109C4.88095 0.193293 5.34713 0 5.83336 0H8.50002C8.98625 0 9.45243 0.193293 9.79625 0.537109C10.1401 0.880926 10.3334 1.3471 10.3334 1.83333V3.16667C10.3334 3.44281 10.1095 3.66667 9.83336 3.66667C9.55722 3.66667 9.33336 3.44281 9.33336 3.16667Z",
+	p279d1fa0: "M12 8.5C12 8.40795 11.9254 8.33333 11.8333 8.33333H8.5C8.40795 8.33333 8.33333 8.40795 8.33333 8.5V11.8333C8.33333 11.9254 8.40795 12 8.5 12H11.8333C11.9254 12 12 11.9254 12 11.8333V8.5ZM13 11.8333C13 12.4777 12.4777 13 11.8333 13H8.5C7.85567 13 7.33333 12.4777 7.33333 11.8333V8.5C7.33333 7.85567 7.85567 7.33333 8.5 7.33333H11.8333C12.4777 7.33333 13 7.85567 13 8.5V11.8333Z",
+	p29ae5900: "M13.3334 4.5C13.3334 4.03976 12.9603 3.66667 12.5 3.66667H1.83336C1.37312 3.66667 1.00002 4.03976 1.00002 4.5V11.1667C1.00002 11.6269 1.37312 12 1.83336 12H12.5C12.9603 12 13.3334 11.6269 13.3334 11.1667V4.5ZM14.3334 11.1667C14.3334 12.1792 13.5125 13 12.5 13H1.83336C0.820835 13 2.37629e-05 12.1792 2.37629e-05 11.1667V4.5C2.37629e-05 3.48748 0.820835 2.66667 1.83336 2.66667H12.5C13.5125 2.66667 14.3334 3.48748 14.3334 4.5V11.1667Z",
+	p2bf84500: "M6.5 0C6.82179 0 7.13798 0.0845628 7.41667 0.245443L7.41602 0.246094L12.0814 2.91146L12.0833 2.91211C12.3618 3.07286 12.593 3.30434 12.7539 3.58268C12.9147 3.86098 12.9997 4.17662 13 4.49805V9.83268C12.9996 10.1541 12.9148 10.4698 12.7539 10.748C12.593 11.0264 12.3618 11.2579 12.0833 11.4186L12.0814 11.4193L7.41602 14.0846L7.41667 14.0853C7.138 14.2461 6.82177 14.3307 6.5 14.3307C6.17823 14.3307 5.862 14.2461 5.58333 14.0853L0.91862 11.4193L0.916667 11.4186C0.638241 11.2579 0.406986 11.0264 0.246094 10.748C0.085244 10.4698 0.000365199 10.1541 0 9.83268V4.49805L0.00390625 4.3776C0.0226034 4.09812 0.105401 3.82612 0.246094 3.58268C0.406986 3.30434 0.638241 3.07286 0.916667 2.91211L0.91862 2.91146L5.58333 0.246094C5.86204 0.0851851 6.17818 0 6.5 0ZM6.5 1C6.35377 1 6.20998 1.03824 6.08333 1.11133L6.08138 1.11263L1.41471 3.7793C1.28909 3.85227 1.18474 3.95691 1.11198 4.08268C1.03885 4.2092 1.00015 4.35321 1 4.49935V9.83138L1.00716 9.9401C1.02147 10.0481 1.05713 10.1525 1.11198 10.2474C1.1851 10.3739 1.29015 10.479 1.41667 10.5521L6.08138 13.2181L6.08333 13.2188C6.21002 13.2919 6.35372 13.3307 6.5 13.3307C6.64628 13.3307 6.78998 13.2919 6.91667 13.2188L6.91862 13.2181L11.5833 10.5521C11.7099 10.479 11.8149 10.3739 11.888 10.2474C11.961 10.1211 11.9997 9.97792 12 9.83203V4.49935L11.9928 4.38997C11.9785 4.28212 11.9428 4.17749 11.888 4.08268C11.8153 3.95691 11.7109 3.85227 11.5853 3.7793L6.91862 1.11263L6.91667 1.11133C6.79002 1.03824 6.64623 1 6.5 1Z",
+	p2ed383f0: "M0 1.83333C0 1.55719 0.223858 1.33333 0.5 1.33333C0.776142 1.33333 1 1.55719 1 1.83333C1 2.05435 1.08786 2.26625 1.24414 2.42253C1.40042 2.57881 1.61232 2.66667 1.83333 2.66667H3.83333C4.10948 2.66667 4.33333 2.89052 4.33333 3.16667C4.33333 3.44281 4.10948 3.66667 3.83333 3.66667H1.83333C1.3471 3.66667 0.880926 3.47337 0.537109 3.12956C0.193293 2.78574 0 2.31956 0 1.83333Z",
+	p2fe7e180: "M8 13.1663V7.83299C8 7.78878 7.98243 7.7464 7.95117 7.71515C7.91992 7.68389 7.87754 7.66632 7.83333 7.66632H5.16667C5.12246 7.66632 5.08008 7.68389 5.04883 7.71515C5.01757 7.7464 5 7.78878 5 7.83299V13.1663C5 13.4425 4.77614 13.6663 4.5 13.6663C4.22386 13.6663 4 13.4425 4 13.1663V7.83299C4 7.52357 4.123 7.22691 4.3418 7.00812C4.56059 6.78932 4.85725 6.66632 5.16667 6.66632H7.83333C8.14275 6.66632 8.43941 6.78932 8.6582 7.00812C8.877 7.22691 9 7.52357 9 7.83299V13.1663C9 13.4425 8.77614 13.6663 8.5 13.6663C8.22386 13.6663 8 13.4425 8 13.1663Z",
+	p32fb3800: "M10.6667 12.5C10.6667 11.2181 10.1577 9.98846 9.2513 9.08203C8.34488 8.17561 7.11521 7.66667 5.83333 7.66667C4.55145 7.66667 3.32179 8.17561 2.41536 9.08203C1.50894 9.98846 1 11.2181 1 12.5C1 12.7761 0.776142 13 0.5 13C0.223858 13 0 12.7761 0 12.5C0 10.9529 0.614371 9.46896 1.70833 8.375C2.8023 7.28104 4.28624 6.66667 5.83333 6.66667C7.38043 6.66667 8.86437 7.28104 9.95833 8.375C11.0523 9.46896 11.6667 10.9529 11.6667 12.5C11.6667 12.7761 11.4428 13 11.1667 13C10.8905 13 10.6667 12.7761 10.6667 12.5Z",
+	p33696440: "M12.0579 3.39837C12.2974 3.26099 12.6028 3.34382 12.7402 3.58327C12.8776 3.82274 12.7948 4.12811 12.5553 4.26556L6.74867 7.59889C6.5946 7.68726 6.40535 7.68727 6.25128 7.59889L0.444635 4.26556C0.2052 4.12811 0.122387 3.82273 0.25974 3.58327C0.397188 3.34383 0.702567 3.26102 0.942031 3.39837L6.49997 6.58848L12.0579 3.39837Z",
+	p34780d00: "M3.06576 1.76392C3.20284 1.52435 3.50842 1.44084 3.74805 1.57772L9.74805 5.01132C9.98768 5.14844 10.0713 5.45395 9.93425 5.69361C9.79713 5.93323 9.49161 6.01617 9.25195 5.87915L3.25195 2.44621C3.01239 2.30913 2.92887 2.00355 3.06576 1.76392Z",
+	p36643e00: "M8.66667 3.83333C8.66667 2.26853 7.39814 1 5.83333 1C4.26853 1 3 2.26853 3 3.83333C3 5.39814 4.26853 6.66667 5.83333 6.66667C7.39814 6.66667 8.66667 5.39814 8.66667 3.83333ZM9.66667 3.83333C9.66667 5.95043 7.95042 7.66667 5.83333 7.66667C3.71624 7.66667 2 5.95043 2 3.83333C2 1.71624 3.71624 0 5.83333 0C7.95042 0 9.66667 1.71624 9.66667 3.83333Z",
+	p36ca8400: "M6 4.5V1.16667C6 0.857247 6.123 0.560589 6.3418 0.341797C6.56059 0.123004 6.85725 0 7.16667 0H8.5C8.68102 0 8.85956 0.0421328 9.02148 0.123047C9.18348 0.204046 9.32492 0.321901 9.43359 0.466797L10.0332 1.26693C10.0487 1.28758 10.0693 1.3042 10.0924 1.31576C10.1155 1.32724 10.1409 1.33333 10.1667 1.33333H11.8333C12.1428 1.33333 12.4394 1.45634 12.6582 1.67513C12.877 1.89392 13 2.19058 13 2.5V4.5C13 4.80942 12.877 5.10608 12.6582 5.32487C12.4394 5.54366 12.1428 5.66667 11.8333 5.66667H7.16667C6.85725 5.66667 6.56059 5.54366 6.3418 5.32487C6.123 5.10608 6 4.80942 6 4.5ZM7 4.5C7 4.5442 7.01757 4.58658 7.04883 4.61784C7.08008 4.6491 7.12246 4.66667 7.16667 4.66667H11.8333C11.8775 4.66667 11.9199 4.64909 11.9512 4.61784C11.9824 4.58658 12 4.5442 12 4.5V2.5C12 2.4558 11.9824 2.41342 11.9512 2.38216C11.9199 2.35091 11.8775 2.33333 11.8333 2.33333H10.1667C9.98565 2.33333 9.80711 2.2912 9.64518 2.21029C9.48318 2.12929 9.34174 2.01143 9.23307 1.86654L8.63346 1.06641C8.61795 1.04576 8.59732 1.02913 8.57422 1.01758C8.55115 1.00609 8.52578 1 8.5 1H7.16667C7.12246 1 7.08008 1.01757 7.04883 1.04883C7.01757 1.08008 7 1.12246 7 1.16667V4.5Z",
+	p36e63380: "M0 9.16667V0.5C0 0.223858 0.223858 0 0.5 0C0.776142 0 1 0.223858 1 0.5V9.16667C1 9.38768 1.08786 9.59958 1.24414 9.75586C1.40042 9.91214 1.61232 10 1.83333 10H3.83333C4.10948 10 4.33333 10.2239 4.33333 10.5C4.33333 10.7761 4.10948 11 3.83333 11H1.83333C1.3471 11 0.880926 10.8067 0.537109 10.4629C0.193293 10.1191 0 9.6529 0 9.16667Z",
+	p38866000: "M4.66667 8.5C4.66667 8.40795 4.59205 8.33333 4.5 8.33333H1.16667C1.07462 8.33333 1 8.40795 1 8.5V11.8333C1 11.9254 1.07462 12 1.16667 12H4.5C4.59205 12 4.66667 11.9254 4.66667 11.8333V8.5ZM5.66667 11.8333C5.66667 12.4777 5.14433 13 4.5 13H1.16667C0.522334 13 0 12.4777 0 11.8333V8.5C0 7.85567 0.522334 7.33333 1.16667 7.33333H4.5C5.14433 7.33333 5.66667 7.85567 5.66667 8.5V11.8333Z",
+	p3e73ad00: "M7.1732 6.66667C7.44934 6.66667 7.6732 6.89052 7.6732 7.16667C7.6732 7.44281 7.44934 7.66667 7.1732 7.66667H7.16669C6.89055 7.66667 6.66669 7.44281 6.66669 7.16667C6.66669 6.89052 6.89055 6.66667 7.16669 6.66667H7.1732Z",
+	p3febec0: "M6 13.832V7.1653C6 6.88916 6.22386 6.6653 6.5 6.6653C6.77614 6.6653 7 6.88916 7 7.1653V13.832C7 14.1081 6.77614 14.332 6.5 14.332C6.22386 14.332 6 14.1081 6 13.832Z",
+	p4987580: "M12 1.16667C12 1.07462 11.9254 1 11.8333 1H8.5C8.40795 1 8.33333 1.07462 8.33333 1.16667V4.5C8.33333 4.59205 8.40795 4.66667 8.5 4.66667H11.8333C11.9254 4.66667 12 4.59205 12 4.5V1.16667ZM13 4.5C13 5.14433 12.4777 5.66667 11.8333 5.66667H8.5C7.85567 5.66667 7.33333 5.14433 7.33333 4.5V1.16667C7.33333 0.522334 7.85567 0 8.5 0H11.8333C12.4777 0 13 0.522334 13 1.16667V4.5Z",
+	pc279880: "M6 11.8333V8.5C6 8.19058 6.12301 7.89392 6.3418 7.67513C6.56059 7.45634 6.85725 7.33333 7.16667 7.33333H8.41992C8.64704 7.33286 8.86964 7.3987 9.0599 7.52278C9.24382 7.64278 9.38929 7.81258 9.48112 8.01172L9.75977 8.57487C9.77347 8.60206 9.7945 8.62511 9.82031 8.64127C9.84609 8.65738 9.87586 8.66621 9.90625 8.66666H11.8333C12.1428 8.66666 12.4394 8.78967 12.6582 9.00846C12.877 9.22725 13 9.52391 13 9.83333V11.8333C13 12.1427 12.877 12.4394 12.6582 12.6582C12.4394 12.877 12.1428 13 11.8333 13H7.16667C6.85725 13 6.56059 12.877 6.3418 12.6582C6.12301 12.4394 6 12.1427 6 11.8333ZM7 11.8333C7 11.8775 7.01757 11.9199 7.04883 11.9512C7.08008 11.9824 7.12246 12 7.16667 12H11.8333C11.8775 12 11.9199 11.9824 11.9512 11.9512C11.9824 11.9199 12 11.8775 12 11.8333V9.83333C12 9.78913 11.9824 9.74675 11.9512 9.71549C11.9199 9.68424 11.8775 9.66666 11.8333 9.66666H9.89323C9.67988 9.66383 9.47131 9.60265 9.29036 9.48958C9.10934 9.37644 8.96258 9.21539 8.86654 9.02474L8.86523 9.02148L8.58529 8.45507C8.58181 8.44804 8.57801 8.44079 8.57487 8.43359C8.56191 8.4039 8.54076 8.37843 8.51367 8.36067C8.48646 8.34293 8.45436 8.33324 8.42188 8.33333H7.16667C7.12247 8.33333 7.08008 8.3509 7.04883 8.38216C7.01757 8.41341 7 8.4558 7 8.5V11.8333Z",
+	pcc5de00: "M13.3335 11.8332C13.3334 9.76626 12.0929 7.82004 10.8667 6.90026C10.7408 6.80584 10.6668 6.65723 10.6668 6.49987C10.6668 6.34257 10.7408 6.19454 10.8667 6.10013C11.2391 5.82069 11.537 5.45372 11.7339 5.03177C11.9307 4.60971 12.0208 4.14525 11.9956 3.68021C11.9704 3.21518 11.8307 2.76339 11.5893 2.3651C11.348 1.96687 11.012 1.63456 10.6115 1.39701C10.374 1.25614 10.2955 0.948965 10.4363 0.711458C10.5772 0.473956 10.8844 0.395477 11.1219 0.536328C11.6638 0.857761 12.1182 1.308 12.4448 1.84688C12.7713 2.38575 12.9602 2.99699 12.9943 3.62617C13.0284 4.25533 12.9065 4.88329 12.6401 5.4543C12.4614 5.8374 12.2195 6.18536 11.9285 6.48815C13.1966 7.66254 14.3334 9.66802 14.3335 11.8332C14.3335 12.1093 14.1095 12.3331 13.8335 12.3332C13.5573 12.3332 13.3335 12.1093 13.3335 11.8332Z"
+};
+//#endregion
+//#region src/layouts/LeftNavigation/LeftNavigation.tsx
+function getSubItems(item, navMode) {
+	if (navMode === "home" && item.id === "projects") return [{
+		id: "projects",
+		label: "Projects",
+		description: "Project workspace"
+	}, {
+		id: "app-access-request",
+		label: "App Access Request",
+		description: "Request access"
+	}];
+	if (navMode === "bodhi" && item.id === "bodhi-incidents") return [
+		{
+			id: "bodhi-incidents-active",
+			label: "Active Incidents",
+			description: "Currently open"
+		},
+		{
+			id: "bodhi-incidents-triage",
+			label: "Triage Queue",
+			description: "Pending review"
+		},
+		{
+			id: "bodhi-incidents-resolved",
+			label: "Resolved",
+			description: "Past 30 days"
+		}
+	];
+	if (navMode === "bodhi" && item.id === "bodhi-knowledge") return [
+		{
+			id: "bodhi-knowledge-runbooks",
+			label: "Runbooks",
+			description: "Automated playbooks"
+		},
+		{
+			id: "bodhi-knowledge-patterns",
+			label: "Patterns",
+			description: "Issue patterns"
+		},
+		{
+			id: "bodhi-knowledge-config",
+			label: "Config Library",
+			description: "System configs"
+		}
+	];
+	if (navMode === "sustain" && item.id === "sustain-dashboard") return [
+		{
+			id: "sustain-dashboard-overview",
+			label: "Overview",
+			description: "Summary view"
+		},
+		{
+			id: "sustain-dashboard-reports",
+			label: "Reports",
+			description: "ESG reports"
+		},
+		{
+			id: "sustain-dashboard-trends",
+			label: "Trends",
+			description: "Historical data"
+		}
+	];
+	if (navMode === "sustain" && item.id === "sustain-initiatives") return [
+		{
+			id: "sustain-initiatives-active",
+			label: "Active",
+			description: "In progress"
+		},
+		{
+			id: "sustain-initiatives-pipeline",
+			label: "Pipeline",
+			description: "Planned initiatives"
+		},
+		{
+			id: "sustain-initiatives-completed",
+			label: "Completed",
+			description: "Past initiatives"
+		}
+	];
+	return [];
+}
+function getAppModNavItems(activePage) {
+	return [
+		{
+			id: "app-modernization",
+			label: "Dashboard",
+			active: activePage === "app-modernization",
+			icon: "lucide",
+			LucideIcon: LayoutGrid
+		},
+		{
+			id: "app-mod-settings",
+			label: "Settings",
+			active: activePage === "app-mod-settings",
+			icon: "lucide",
+			LucideIcon: Settings
+		},
+		{
+			id: "app-mod-templates",
+			label: "Templates",
+			active: activePage === "app-mod-templates",
+			icon: "lucide",
+			LucideIcon: FileText
+		},
+		{
+			id: "app-mod-docs",
+			label: "Docs",
+			active: activePage === "app-mod-docs",
+			icon: "lucide",
+			LucideIcon: BookOpen
+		}
+	];
+}
+function getNavMode(activePage) {
+	if ([
+		"home",
+		"projects",
+		"workflow",
+		"agents",
+		"mcp",
+		"resources",
+		"manage-resources",
+		"settings",
+		"help",
+		"feedback"
+	].includes(activePage)) return "home";
+	if ([
+		"dashboard",
+		"hierarchy",
+		"users",
+		"roles",
+		"manage-accounts",
+		"jira-connections"
+	].includes(activePage)) return "onboarding";
+	if (activePage.startsWith("bodhi-")) return "bodhi";
+	if (activePage.startsWith("sustain-")) return "sustain";
+	if ([
+		"ecg-landing",
+		"ecg-portfolios",
+		"ecg-graph",
+		"ecg-context-store",
+		"ecg-manage-resources",
+		"ecg-settings"
+	].includes(activePage)) return "ecg";
+	if (activePage.startsWith("app-mod") || activePage === "app-modernization") return "app-mod";
+	return "sub-page";
+}
+function getHomeNavItems(activePage) {
+	return [
+		{
+			id: "home",
+			label: "Home",
+			active: activePage === "home",
+			icon: "lucide",
+			LucideIcon: Home
+		},
+		{
+			id: "projects",
+			label: "Projects",
+			active: activePage === "projects",
+			icon: "lucide",
+			LucideIcon: FolderOpen
+		},
+		{
+			id: "workflow",
+			label: "Workflow",
+			active: activePage === "workflow",
+			icon: "lucide",
+			LucideIcon: GitBranch
+		},
+		{
+			id: "agents",
+			label: "Agents",
+			active: activePage === "agents",
+			icon: "lucide",
+			LucideIcon: Bot
+		},
+		{
+			id: "mcp",
+			label: "MCP",
+			active: activePage === "mcp",
+			icon: "lucide",
+			LucideIcon: Link
+		},
+		{
+			id: "resources",
+			label: "ECG",
+			active: activePage === "resources" || activePage === "manage-resources",
+			icon: "lucide",
+			LucideIcon: Activity
+		},
+		{
+			id: "settings",
+			label: "Settings",
+			active: activePage === "settings",
+			icon: "lucide",
+			LucideIcon: Settings
+		},
+		{
+			id: "help",
+			label: "Help",
+			active: activePage === "help",
+			icon: "lucide",
+			LucideIcon: HelpCircle
+		},
+		{
+			id: "feedback",
+			label: "Feedback",
+			active: activePage === "feedback",
+			icon: "lucide",
+			LucideIcon: MessageSquare
+		}
+	];
+}
+function getOnboardingNavItems(activePage) {
+	return [
+		{
+			id: "dashboard",
+			label: "Dashboard",
+			active: activePage === "dashboard",
+			icon: "svg",
+			paths: [
+				svg_ye4mpuwoci_default.p22d2dc00,
+				svg_ye4mpuwoci_default.p4987580,
+				svg_ye4mpuwoci_default.p279d1fa0,
+				svg_ye4mpuwoci_default.p38866000
+			],
+			viewBox: "0 0 13 13",
+			inset: "inset-[9.38%]"
+		},
+		{
+			id: "manage-accounts",
+			label: "Org Management",
+			active: activePage === "manage-accounts",
+			icon: "lucide",
+			LucideIcon: Settings
+		},
+		{
+			id: "jira-connections",
+			label: "Jira Connections",
+			active: activePage === "jira-connections",
+			icon: "lucide",
+			LucideIcon: Link
+		},
+		{
+			id: "hierarchy",
+			label: "Hierarchy",
+			active: activePage === "hierarchy",
+			icon: "svg",
+			paths: [
+				svg_ye4mpuwoci_default.p36ca8400,
+				svg_ye4mpuwoci_default.pc279880,
+				svg_ye4mpuwoci_default.p2ed383f0,
+				svg_ye4mpuwoci_default.p36e63380
+			],
+			viewBox: "0 0 13 13",
+			inset: "inset-[9.38%]"
+		},
+		{
+			id: "users",
+			label: "Users",
+			active: activePage === "users",
+			icon: "svg",
+			paths: [
+				svg_ye4mpuwoci_default.p32fb3800,
+				svg_ye4mpuwoci_default.p36643e00,
+				svg_ye4mpuwoci_default.pcc5de00
+			],
+			viewBox: "0 0 14.3335 13",
+			inset: "inset-[9.38%_5.21%]"
+		},
+		{
+			id: "roles",
+			label: "Roles",
+			active: activePage === "roles",
+			icon: "svg",
+			paths: [
+				svg_ye4mpuwoci_default.p3e73ad00,
+				svg_ye4mpuwoci_default.p244a7b00,
+				svg_ye4mpuwoci_default.p1c4b9e80,
+				svg_ye4mpuwoci_default.p29ae5900
+			],
+			viewBox: "0 0 14.3334 13",
+			inset: "inset-[5.21%_5.21%_13.54%_5.21%]"
+		}
+	];
+}
+function getBodhiNavItems(activePage) {
+	return [
+		{
+			id: "bodhi-home",
+			label: "Home",
+			active: activePage === "bodhi-home",
+			icon: "lucide",
+			LucideIcon: Home
+		},
+		{
+			id: "bodhi-incidents",
+			label: "Incidents",
+			active: activePage.startsWith("bodhi-incidents"),
+			icon: "lucide",
+			LucideIcon: AlertCircle
+		},
+		{
+			id: "bodhi-agents",
+			label: "Agents",
+			active: activePage === "bodhi-agents",
+			icon: "lucide",
+			LucideIcon: Bot
+		},
+		{
+			id: "bodhi-knowledge",
+			label: "Knowledge",
+			active: activePage.startsWith("bodhi-knowledge"),
+			icon: "lucide",
+			LucideIcon: BookOpen
+		},
+		{
+			id: "bodhi-analytics",
+			label: "Analytics",
+			active: activePage === "bodhi-analytics",
+			icon: "lucide",
+			LucideIcon: BarChart3
+		},
+		{
+			id: "bodhi-settings",
+			label: "Settings",
+			active: activePage === "bodhi-settings",
+			icon: "lucide",
+			LucideIcon: Settings
+		},
+		{
+			id: "bodhi-help",
+			label: "Help",
+			active: activePage === "bodhi-help",
+			icon: "lucide",
+			LucideIcon: HelpCircle
+		}
+	];
+}
+function getSustainNavItems(activePage) {
+	return [
+		{
+			id: "sustain-home",
+			label: "Home",
+			active: activePage === "sustain-home",
+			icon: "lucide",
+			LucideIcon: Home
+		},
+		{
+			id: "sustain-dashboard",
+			label: "Dashboard",
+			active: activePage.startsWith("sustain-dashboard"),
+			icon: "lucide",
+			LucideIcon: LayoutDashboard
+		},
+		{
+			id: "sustain-initiatives",
+			label: "Initiatives",
+			active: activePage.startsWith("sustain-initiatives"),
+			icon: "lucide",
+			LucideIcon: Leaf
+		},
+		{
+			id: "sustain-data",
+			label: "Data Sources",
+			active: activePage === "sustain-data",
+			icon: "lucide",
+			LucideIcon: Database
+		},
+		{
+			id: "sustain-goals",
+			label: "Goals",
+			active: activePage === "sustain-goals",
+			icon: "lucide",
+			LucideIcon: Target
+		},
+		{
+			id: "sustain-settings",
+			label: "Settings",
+			active: activePage === "sustain-settings",
+			icon: "lucide",
+			LucideIcon: Settings
+		},
+		{
+			id: "sustain-help",
+			label: "Help",
+			active: activePage === "sustain-help",
+			icon: "lucide",
+			LucideIcon: HelpCircle
+		}
+	];
+}
+function getEcgNavItems(activePage) {
+	return [
+		{
+			id: "ecg-portfolios",
+			label: "Workspaces",
+			active: activePage === "ecg-portfolios" || activePage === "ecg-landing",
+			icon: "lucide",
+			LucideIcon: Briefcase
+		},
+		{
+			id: "ecg-graph",
+			label: "Knowledge Graph",
+			active: activePage === "ecg-graph",
+			icon: "lucide",
+			LucideIcon: GitBranch
+		},
+		{
+			id: "ecg-context-store",
+			label: "Context Store",
+			active: activePage === "ecg-context-store" || activePage === "ecg-manage-resources",
+			icon: "lucide",
+			LucideIcon: Database
+		},
+		{
+			id: "ecg-settings",
+			label: "Settings",
+			active: activePage === "ecg-settings",
+			icon: "lucide",
+			LucideIcon: Settings
+		}
+	];
+}
+function NavButton({ item, onClick, setButtonRef, hideTooltip, hasSubmenu, submenuOpen, tooltipSide = "right" }) {
+	const button = /* @__PURE__ */ jsxs("button", {
+		ref: setButtonRef,
+		onClick,
+		className: "relative flex items-center justify-center w-[40px] h-[40px] rounded-full transition-all cursor-pointer",
+		style: item.active ? { backgroundColor: "var(--nav-active-bg)" } : {},
+		onMouseEnter: (e) => {
+			!item.active && (e.currentTarget.style.backgroundColor = "var(--glass-medium)");
+		},
+		onMouseLeave: (e) => {
+			!item.active && (e.currentTarget.style.backgroundColor = "transparent");
+		},
+		"aria-expanded": hasSubmenu ? submenuOpen : void 0,
+		"aria-haspopup": hasSubmenu ? "menu" : void 0,
+		children: [item.icon === "svg" && item.paths ? /* @__PURE__ */ jsx("div", {
+			className: "overflow-clip relative shrink-0 size-[16px]",
+			children: /* @__PURE__ */ jsx("div", {
+				className: `absolute ${item.inset}`,
+				children: /* @__PURE__ */ jsx("svg", {
+					className: "absolute block size-full",
+					fill: "none",
+					preserveAspectRatio: "none",
+					viewBox: item.viewBox,
+					children: /* @__PURE__ */ jsx("g", { children: item.paths.map((path, i) => /* @__PURE__ */ jsx("path", {
+						d: path,
+						fill: item.active ? "#EF4444" : "var(--foreground)"
+					}, i)) })
+				})
+			})
+		}) : item.LucideIcon ? /* @__PURE__ */ jsx(item.LucideIcon, {
+			className: "size-[16px]",
+			style: { color: item.active ? "#EF4444" : "var(--foreground)" }
+		}) : null, hasSubmenu && /* @__PURE__ */ jsx("span", {
+			className: "absolute right-[-2px] top-1/2 -translate-y-1/2 flex items-center justify-center h-[12px] w-[12px]",
+			children: submenuOpen ? /* @__PURE__ */ jsx(ChevronDown, {
+				className: "size-[10px]",
+				style: { color: "var(--muted-foreground)" }
+			}) : /* @__PURE__ */ jsx(ChevronRight, {
+				className: "size-[10px]",
+				style: { color: "var(--muted-foreground)" }
+			})
+		})]
+	});
+	if (hideTooltip) return button;
+	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: true,
+		children: button
+	}), /* @__PURE__ */ jsx(NavTooltipContent, {
+		label: item.label,
+		side: tooltipSide
+	})] });
+}
+function NavFlyout({ item, subItems, rect, activePage, onNavigate }) {
+	if (!rect || typeof document === "undefined") return null;
+	const estimatedHeight = Math.min(16 + subItems.length * 56, Math.max(160, window.innerHeight - 24));
+	return createPortal(/* @__PURE__ */ jsx("div", {
+		"data-left-nav-flyout": "true",
+		className: "fixed z-50 w-fit min-w-[180px] max-w-[calc(100vw-96px)] rounded-[16px] border backdrop-blur-[45px] overflow-hidden",
+		style: {
+			top: Math.max(12, Math.min(rect.top - 12, window.innerHeight - estimatedHeight - 12)),
+			left: rect.right + 12,
+			backgroundColor: "var(--glass-subtle)",
+			borderColor: "var(--border)",
+			boxShadow: "var(--elevation-sm)"
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col p-[8px] gap-[4px] max-h-[calc(100vh-120px)] overflow-auto",
+			children: subItems.map((subItem) => {
+				const isActive = subItem.id === activePage;
+				return /* @__PURE__ */ jsxs("button", {
+					onClick: () => {
+						onNavigate(subItem.id);
+					},
+					className: "flex items-start justify-between gap-[12px] w-full text-left rounded-[12px] px-[12px] py-[10px] transition-all cursor-pointer",
+					style: { backgroundColor: isActive ? "var(--nav-active-bg)" : "transparent" },
+					onMouseEnter: (e) => !isActive && (e.currentTarget.style.backgroundColor = "var(--glass-medium)"),
+					onMouseLeave: (e) => !isActive && (e.currentTarget.style.backgroundColor = "transparent"),
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "flex flex-col gap-[2px] min-w-0",
+						children: /* @__PURE__ */ jsx("span", {
+							style: {
+								fontFamily: "var(--font-body)",
+								fontSize: "var(--text-sm)",
+								lineHeight: "var(--leading-body-sm)",
+								fontWeight: isActive ? "var(--font-weight-semibold)" : "var(--font-weight-normal)",
+								color: "var(--foreground)"
+							},
+							children: subItem.label
+						})
+					}), /* @__PURE__ */ jsx(ChevronRight, {
+						className: "size-[14px] shrink-0 mt-[2px]",
+						style: { color: "var(--muted-foreground)" }
+					})]
+				}, subItem.id);
+			})
+		})
+	}), document.body);
+}
+function NavTooltipContent({ label, side = "right" }) {
+	return /* @__PURE__ */ jsx(TooltipContent, {
+		side,
+		sideOffset: 8,
+		className: "flex gap-[8px] items-center justify-center px-[8px] py-[6px] rounded-[8px] z-50 relative",
+		style: { backgroundColor: "var(--tooltip-bg)" },
+		children: /* @__PURE__ */ jsx("p", {
+			style: {
+				fontFamily: "var(--font-body)",
+				fontSize: "12px",
+				fontWeight: "var(--font-weight-normal)",
+				lineHeight: "16px",
+				color: "var(--tooltip-foreground)"
+			},
+			children: label
+		})
+	});
+}
+function NavBlock({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "backdrop-blur-[45px] rounded-[16px] shrink-0 w-full",
+		style: { backgroundColor: "var(--glass-strong)" },
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-[8px] p-[8px]",
+			children
+		})
+	});
+}
+function BackButtonBlock({ onClick }) {
+	return /* @__PURE__ */ jsx(NavBlock, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx("button", {
+			onClick,
+			className: "flex items-center justify-center w-[40px] h-[40px] rounded-full transition-all cursor-pointer",
+			onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--glass-medium)",
+			onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+			children: /* @__PURE__ */ jsx(Home, {
+				className: "size-[16px]",
+				style: { color: "var(--foreground)" }
+			})
+		})
+	}), /* @__PURE__ */ jsx(NavTooltipContent, { label: "Home" })] }) });
+}
+function LeftNavigation({ activePage, onNavigate }) {
+	const navMode = getNavMode(activePage);
+	const [openFlyoutItemId, setOpenFlyoutItemId] = useState(null);
+	const [flyoutAnchorRect, setFlyoutAnchorRect] = useState(null);
+	const buttonRefs = useRef({});
+	const homeItems = getHomeNavItems(activePage);
+	const onboardingItems = getOnboardingNavItems(activePage);
+	const bodhiItems = getBodhiNavItems(activePage);
+	const sustainItems = getSustainNavItems(activePage);
+	const ecgItems = getEcgNavItems(activePage);
+	const appModItems = getAppModNavItems(activePage);
+	const currentItems = useMemo(() => {
+		if (navMode === "home") return homeItems;
+		if (navMode === "onboarding") return onboardingItems;
+		if (navMode === "bodhi") return bodhiItems;
+		if (navMode === "sustain") return sustainItems;
+		if (navMode === "ecg") return ecgItems;
+		if (navMode === "app-mod") return appModItems;
+		return [];
+	}, [
+		navMode,
+		homeItems,
+		onboardingItems,
+		bodhiItems,
+		sustainItems,
+		ecgItems,
+		appModItems
+	]);
+	const flyoutItem = currentItems.find((item) => item.id === openFlyoutItemId) ?? null;
+	const flyoutSubItems = flyoutItem ? getSubItems(flyoutItem, navMode) : [];
+	const closeFlyout = () => {
+		setOpenFlyoutItemId(null);
+		setFlyoutAnchorRect(null);
+	};
+	const openFlyout = (item) => {
+		if (!getSubItems(item, navMode).length) {
+			closeFlyout();
+			return;
+		}
+		const rect = buttonRefs.current[item.id]?.getBoundingClientRect() ?? null;
+		if (!rect) return;
+		setOpenFlyoutItemId(item.id);
+		setFlyoutAnchorRect(rect);
+	};
+	const toggleFlyout = (item) => {
+		if (openFlyoutItemId === item.id) {
+			closeFlyout();
+			return;
+		}
+		openFlyout(item);
+	};
+	useEffect(() => {
+		const handlePointerDown = (event) => {
+			const target = event.target;
+			if (!target) return;
+			const inFlyout = Boolean(target.closest("[data-left-nav-flyout=\"true\"]"));
+			const inRail = Boolean(target.closest("[data-left-nav-rail=\"true\"]"));
+			if (!inFlyout && !inRail) closeFlyout();
+		};
+		const handleEscape = (event) => {
+			if (event.key === "Escape") closeFlyout();
+		};
+		document.addEventListener("pointerdown", handlePointerDown);
+		document.addEventListener("keydown", handleEscape);
+		return () => {
+			document.removeEventListener("pointerdown", handlePointerDown);
+			document.removeEventListener("keydown", handleEscape);
+		};
+	}, []);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "hidden lg:flex flex-col gap-[12px] fixed left-[16px] top-[88px] z-40 w-[56px]",
+			"data-left-nav-rail": "true",
+			children: [(navMode === "onboarding" || navMode === "ecg" || navMode === "app-mod" || navMode === "sub-page") && /* @__PURE__ */ jsx(BackButtonBlock, { onClick: () => onNavigate("home") }), navMode !== "sub-page" && /* @__PURE__ */ jsx(NavBlock, { children: currentItems.map((item, index) => {
+				const hasSubmenu = getSubItems(item, navMode).length > 0;
+				const isSubmenuOpen = openFlyoutItemId === item.id;
+				return /* @__PURE__ */ jsx("div", {
+					className: "nav-item-enter",
+					style: { animationDelay: `${index * 40}ms` },
+					children: /* @__PURE__ */ jsx(NavButton, {
+						item,
+						onClick: () => {
+							if (hasSubmenu) {
+								toggleFlyout(item);
+								return;
+							}
+							closeFlyout();
+							onNavigate(item.id);
+						},
+						setButtonRef: (node) => {
+							buttonRefs.current[item.id] = node;
+						},
+						hideTooltip: false,
+						hasSubmenu,
+						submenuOpen: isSubmenuOpen,
+						tooltipSide: hasSubmenu ? "left" : "right"
+					})
+				}, navMode + "-" + item.id);
+			}) })]
+		}),
+		flyoutItem && flyoutSubItems.length > 0 && navMode !== "sub-page" && /* @__PURE__ */ jsx(NavFlyout, {
+			item: flyoutItem,
+			subItems: flyoutSubItems,
+			rect: flyoutAnchorRect,
+			activePage,
+			onNavigate: (page) => {
+				closeFlyout();
+				onNavigate(page);
+			}
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "lg:hidden fixed bottom-0 left-0 right-0 backdrop-blur-[45px] border-t z-40",
+			style: {
+				backgroundColor: "var(--glass-strong)",
+				borderColor: "var(--border)"
+			},
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-around p-2 max-w-screen-sm mx-auto",
+				children: [
+					(navMode === "onboarding" || navMode === "ecg" || navMode === "app-mod" || navMode === "sub-page") && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("button", {
+							onClick: () => onNavigate("home"),
+							className: "flex items-center justify-center w-12 h-12 rounded-full transition-all cursor-pointer",
+							onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--glass-medium)",
+							onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+							children: /* @__PURE__ */ jsx(ArrowLeft, {
+								className: "size-[16px]",
+								style: { color: "var(--foreground)" }
+							})
+						})
+					}), /* @__PURE__ */ jsx(NavTooltipContent, {
+						label: "Back",
+						side: "top"
+					})] }),
+					navMode === "home" && homeItems.slice(0, 5).map((item) => /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("button", {
+							onClick: () => onNavigate(item.id),
+							className: "flex items-center justify-center w-12 h-12 rounded-full transition-all cursor-pointer",
+							style: item.active ? { backgroundColor: "var(--nav-active-bg)" } : {},
+							onMouseEnter: (e) => !item.active && (e.currentTarget.style.backgroundColor = "var(--glass-medium)"),
+							onMouseLeave: (e) => !item.active && (e.currentTarget.style.backgroundColor = "transparent"),
+							children: item.LucideIcon && /* @__PURE__ */ jsx(item.LucideIcon, {
+								className: "size-[16px]",
+								style: { color: item.active ? "#EF4444" : "var(--foreground)" }
+							})
+						})
+					}), /* @__PURE__ */ jsx(NavTooltipContent, {
+						label: item.label,
+						side: "top"
+					})] }, item.id)),
+					navMode === "onboarding" && onboardingItems.map((item) => /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("button", {
+							onClick: () => onNavigate(item.id),
+							className: "flex items-center justify-center w-12 h-12 rounded-full transition-all cursor-pointer",
+							style: item.active ? { backgroundColor: "var(--nav-active-bg)" } : {},
+							onMouseEnter: (e) => !item.active && (e.currentTarget.style.backgroundColor = "var(--glass-medium)"),
+							onMouseLeave: (e) => !item.active && (e.currentTarget.style.backgroundColor = "transparent"),
+							children: item.icon === "svg" && item.paths ? /* @__PURE__ */ jsx("div", {
+								className: "overflow-clip relative shrink-0 size-[16px]",
+								children: /* @__PURE__ */ jsx("div", {
+									className: `absolute ${item.inset}`,
+									children: /* @__PURE__ */ jsx("svg", {
+										className: "absolute block size-full",
+										fill: "none",
+										preserveAspectRatio: "none",
+										viewBox: item.viewBox,
+										children: /* @__PURE__ */ jsx("g", { children: item.paths.map((path, i) => /* @__PURE__ */ jsx("path", {
+											d: path,
+											fill: item.active ? "#EF4444" : "var(--foreground)"
+										}, i)) })
+									})
+								})
+							}) : item.LucideIcon ? /* @__PURE__ */ jsx(item.LucideIcon, {
+								className: "size-[16px]",
+								style: { color: item.active ? "#EF4444" : "var(--foreground)" }
+							}) : null
+						})
+					}), /* @__PURE__ */ jsx(NavTooltipContent, {
+						label: item.label,
+						side: "top"
+					})] }, item.id)),
+					navMode === "bodhi" && bodhiItems.slice(0, 5).map((item) => /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("button", {
+							onClick: () => onNavigate(item.id),
+							className: "flex items-center justify-center w-12 h-12 rounded-full transition-all cursor-pointer",
+							style: item.active ? { backgroundColor: "var(--nav-active-bg)" } : {},
+							onMouseEnter: (e) => !item.active && (e.currentTarget.style.backgroundColor = "var(--glass-medium)"),
+							onMouseLeave: (e) => !item.active && (e.currentTarget.style.backgroundColor = "transparent"),
+							children: item.LucideIcon && /* @__PURE__ */ jsx(item.LucideIcon, {
+								className: "size-[16px]",
+								style: { color: item.active ? "#EF4444" : "var(--foreground)" }
+							})
+						})
+					}), /* @__PURE__ */ jsx(NavTooltipContent, {
+						label: item.label,
+						side: "top"
+					})] }, item.id)),
+					navMode === "sustain" && sustainItems.slice(0, 5).map((item) => /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("button", {
+							onClick: () => onNavigate(item.id),
+							className: "flex items-center justify-center w-12 h-12 rounded-full transition-all cursor-pointer",
+							style: item.active ? { backgroundColor: "var(--nav-active-bg)" } : {},
+							onMouseEnter: (e) => !item.active && (e.currentTarget.style.backgroundColor = "var(--glass-medium)"),
+							onMouseLeave: (e) => !item.active && (e.currentTarget.style.backgroundColor = "transparent"),
+							children: item.LucideIcon && /* @__PURE__ */ jsx(item.LucideIcon, {
+								className: "size-[16px]",
+								style: { color: item.active ? "#EF4444" : "var(--foreground)" }
+							})
+						})
+					}), /* @__PURE__ */ jsx(NavTooltipContent, {
+						label: item.label,
+						side: "top"
+					})] }, item.id)),
+					navMode === "ecg" && ecgItems.map((item) => /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("button", {
+							onClick: () => onNavigate(item.id),
+							className: "flex items-center justify-center w-12 h-12 rounded-full transition-all cursor-pointer",
+							style: item.active ? { backgroundColor: "var(--nav-active-bg)" } : {},
+							onMouseEnter: (e) => !item.active && (e.currentTarget.style.backgroundColor = "var(--glass-medium)"),
+							onMouseLeave: (e) => !item.active && (e.currentTarget.style.backgroundColor = "transparent"),
+							children: item.LucideIcon && /* @__PURE__ */ jsx(item.LucideIcon, {
+								className: "size-[16px]",
+								style: { color: item.active ? "#EF4444" : "var(--foreground)" }
+							})
+						})
+					}), /* @__PURE__ */ jsx(NavTooltipContent, {
+						label: item.label,
+						side: "top"
+					})] }, item.id))
+				]
+			})
+		})
+	] });
+}
+//#endregion
+//#region src/layouts/Logo/Logo.tsx
+function Logo({ isDarkMode }) {
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("svg", {
+		width: "113",
+		height: "37",
+		viewBox: "0 0 113 37",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ jsxs("g", {
+				"clip-path": "url(#clip0_0_1)",
+				children: [/* @__PURE__ */ jsx("path", {
+					d: "M35.6082 18.2807C35.6082 28.0252 27.6992 36.3105 17.9428 36.3105C8.18644 36.3105 0.277344 28.0252 0.277344 18.2807C0.277344 8.53618 8.18644 0.636719 17.9428 0.636719C27.6992 0.636719 35.6082 8.53618 35.6082 18.2807Z",
+					fill: "white"
+				}), /* @__PURE__ */ jsx("path", {
+					d: "M32.1757 18.2904C32.6898 18.2904 33.1893 18.3359 33.6762 18.4268C33.6294 19.1208 33.5011 19.8088 33.2919 20.4775C32.6416 20.3218 31.9783 20.2385 31.3031 20.2385V20.3063C31.1334 20.0192 30.8321 19.8118 30.4897 19.8118C29.9979 19.8118 29.5809 20.2297 29.5809 20.7207C29.5809 21.2117 29.9979 21.6297 30.4897 21.6297C30.9359 21.6297 31.3194 21.3691 31.4621 20.9985C32.1065 20.9985 32.7389 21.0722 33.3605 21.2079C32.998 22.4014 32.495 23.5646 31.8688 24.6556C31.4937 24.5947 31.1062 24.5683 30.7107 24.5683C27.213 24.5683 24.5052 27.2706 24.5052 30.7648C24.5052 34.2590 24.5243 31.8098 24.5631 32.0945C23.7722 32.4754 22.9625 32.8179 22.1369 33.0709C22.0379 32.6531 21.9787 32.2281 21.9532 31.7961C22.2627 31.6184 22.451 31.2960 22.451 30.9221C22.451 30.4310 22.0346 30.0147 21.5440 30.0147C21.0534 30.0147 20.6370 30.4310 20.6370 30.9221C20.6370 31.4148 20.8762 31.8399 21.2434 32.0087C21.2794 32.5243 21.3463 33.0345 21.4493 33.5365C20.4821 33.7647 19.4717 33.9060 18.4273 33.9668C18.2503 33.1379 18.1669 32.2901 18.1669 31.4187C18.1669 24.4305 23.9833 18.6085 31.0015 18.6085V18.2904ZM1.86157 18.2904C8.87897 18.2904 14.7072 24.1116 14.7072 31.1012C14.7072 31.9726 14.6238 32.8222 14.4473 33.6536C13.3725 33.5946 12.3176 33.4492 11.2913 33.2185C11.4030 32.8457 11.4673 32.4538 11.5007 32.0472C11.9361 31.9015 12.2630 31.5620 12.2630 31.1419C12.2630 30.6508 11.8466 30.2345 11.3560 30.2345C10.8654 30.2345 10.4490 30.6508 10.4490 31.1419C10.4490 31.4753 10.6244 31.7588 10.8977 31.9239C10.8736 32.3575 10.8129 32.7856 10.7172 33.2011C9.89166 32.9306 9.11226 32.6158 8.38256 32.2570C8.41829 31.9148 8.44453 31.5758 8.44453 31.2258C8.44453 27.7316 5.73675 24.8294 2.23875 24.8294C-1.25924 24.8294 1.71048 24.8477 1.42783 24.8863C1.08313 24.1174 0.800262 23.3265 0.563325 22.522C1.13894 22.3755 1.72638 22.2920 2.33195 22.2920C2.47630 22.7369 2.84934 23.0634 3.34102 23.0634C3.83269 23.0634 4.24999 22.6471 4.24999 22.1560C4.24999 21.6650 3.83269 21.2487 3.34102 21.2487C2.84934 21.2487 2.64535 21.5457 2.47605 21.8613V21.7874C1.77819 21.7874 1.10219 21.8923 0.459396 22.0967C0.234978 21.2533 0.0888672 20.391 0 19.5131C0.821876 19.3571 1.66486 19.2751 2.52376 19.2751L2.54399 20.2385V18.2904ZM31.0015 25.0845C31.1750 25.0845 31.3377 25.0838 31.5003 25.1102C30.1267 27.5438 28.1265 29.5387 25.7486 30.8986C25.7374 30.7329 25.7262 30.5737 25.7262 30.4109C25.7262 27.2893 27.8939 24.9819 30.5939 25.0845H31.0015ZM2.54399 25.0845C5.24476 25.0845 7.41343 27.2515 7.41343 30.2314C7.41343 33.2113 7.41343 30.5566 7.39127 30.7120C5.01335 29.3521 3.01313 27.3571 1.63924 25.0845C1.80854 25.0845 1.94971 25.0845 2.12307 25.0845L2.54399 25.0845ZM17.9289 6.83809C19.2770 12.0850 23.5200 16.1023 28.9134 17.2263C23.5200 18.3489 19.2770 22.3721 17.9289 27.6191C16.5809 22.3721 12.3378 18.3489 6.94425 17.2263C12.3378 16.1036 16.5809 12.0850 17.9289 6.83809ZM18.0003 13.5901C18.0003 16.1175 15.9970 18.1190 13.4666 18.1190C15.9970 18.1190 18.0003 20.1205 18.0003 22.6493C18.0003 20.1226 20.0049 18.1190 22.5368 18.1167C20.0049 18.1190 18.0003 16.1175 18.0003 13.5901Z",
+					fill: "#EF4444"
+				})]
+			}),
+			/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
+				id: "clip0_0_1",
+				children: /* @__PURE__ */ jsx("rect", {
+					width: "36",
+					height: "36",
+					fill: "white"
+				})
+			}) }),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M66.2671 5.16847C66.5358 5.16847 66.7542 4.94537 66.7542 4.67017C66.7542 4.39497 66.5351 4.17188 66.2671 4.17188C65.9991 4.17188 65.7793 4.39497 65.7793 4.67017C65.7793 4.94537 65.9984 5.16847 66.2671 5.16847Z",
+				fill: "#030712"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M65.8809 12.7299H66.6424V6.11328H65.8809V12.7291V12.7299Z",
+				fill: "#030712"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M50.7183 9.40396C50.7183 8.01914 51.7808 6.89118 53.0876 6.89118C54.3944 6.89118 55.4569 8.01841 55.4569 9.40396V9.50743C55.4067 10.8739 54.3657 11.9431 53.0876 11.9431C51.8096 11.9431 50.7183 10.8042 50.7183 9.40396ZM53.0869 12.7211C54.0072 12.7211 54.8607 12.3057 55.4555 11.5755V12.7291H56.2177V6.11328H55.4555V7.24638C54.8657 6.52425 54.0122 6.11328 53.0869 6.11328C51.3606 6.11328 49.9561 7.58909 49.9561 9.40396C49.9561 11.2188 51.3606 12.7211 53.0869 12.7211Z",
+				fill: "#030712"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M61.3471 11.9424C60.0698 11.9424 59.0295 10.8732 58.9778 9.5067V9.40322C58.9778 8.01841 60.0403 6.89045 61.3471 6.89045C62.6539 6.89045 63.7157 8.01767 63.7157 9.40322C63.7157 10.7888 62.6532 11.9424 61.3471 11.9424ZM64.4772 9.40396C64.4772 7.58909 63.0727 6.11328 61.3464 6.11328C60.4211 6.11328 59.5676 6.52351 58.9771 7.24638V6.11328H58.2148V15.1142H58.9771V11.5755C59.5719 12.3064 60.4261 12.721 61.3464 12.721C63.0727 12.721 64.4772 11.2335 64.4772 9.40396Z",
+				fill: "#030712"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M78.7283 6.11402C78.0049 6.11402 77.3202 6.41564 76.8245 6.94696V6.11402H76.0889V12.7299H76.8245V8.81172C76.8497 7.74614 77.7031 6.87871 78.7283 6.87871C79.7535 6.87871 80.6185 7.74468 80.6185 8.80952V12.7299H81.367V8.80952C81.367 7.3227 80.1831 6.11328 78.7283 6.11328",
+				fill: "#030712"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M85.3071 11.971L85.2317 11.9923C85.1591 12.0129 85.0363 12.0371 84.8617 12.0371C84.5557 12.0371 84.4242 11.8389 84.4242 11.3737V6.86917H85.3229V6.10961H84.4242V3.88672H83.644V6.10888H82.7402V6.86843H83.644V11.3957C83.644 11.8932 83.7316 12.2176 83.9184 12.415C84.0916 12.6176 84.3574 12.7247 84.6864 12.7247C84.9335 12.7247 85.1527 12.6902 85.3028 12.6264L85.3452 12.6088L85.3071 11.971Z",
+				fill: "#030712"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M71.415 6.88066C72.5314 6.88066 73.4891 7.70553 73.719 8.85184H69.073C69.328 7.68718 70.2806 6.88066 71.4143 6.88066H71.415ZM73.4 10.8201C72.9847 11.5224 72.2247 11.959 71.4143 11.959C70.1549 11.959 69.1168 10.9302 69.0234 9.60332H74.1579C74.3677 9.60332 74.5322 9.44774 74.5322 9.24739V9.18942C74.3979 7.43693 73.0573 6.11523 71.4143 6.11523C69.6815 6.11523 68.2705 7.60352 68.2705 9.43233C68.2705 11.2611 69.6808 12.723 71.4143 12.723C72.4732 12.723 73.4474 12.1667 74.0243 11.2354L73.4 10.8201Z",
+				fill: "#030712"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M48.1994 9.53144C48.1994 9.53144 48.0019 9.37365 47.7878 9.28265C47.5744 9.19092 47.2684 9.08451 46.6333 8.92599C46.5471 8.90471 46.463 8.88636 46.384 8.86582C45.9594 8.7572 45.6239 8.61116 45.3876 8.43063C45.1526 8.22368 45.065 8.05195 45.0751 7.81932C45.0858 7.57347 45.2295 7.33496 45.4817 7.14709C45.7683 6.9306 46.1864 6.82272 46.6599 6.844C47.1965 6.86822 47.6046 7.14195 48.045 7.46999L48.0874 7.50155L48.6413 6.97463C48.5744 6.91005 48.5615 6.89978 48.3762 6.76988C47.9408 6.469 47.4063 6.1505 46.6908 6.11894C46.0679 6.09105 45.5119 6.22095 45.0815 6.49615C44.6153 6.81905 44.3207 7.288 44.315 7.78483C44.3099 8.15543 44.3847 8.50255 44.7475 8.85921C45.1807 9.28559 45.8545 9.51015 46.4709 9.63198C46.9997 9.73619 47.4882 9.93653 47.7339 10.145C48.0277 10.4202 48.1319 10.6198 48.1319 10.906C48.1204 11.1804 47.9451 11.4424 47.6455 11.6281C47.3452 11.8578 46.9156 11.9782 46.4673 11.9576C45.8768 11.9312 45.2669 11.6685 44.6519 11.1768L44.6095 11.1423L44.0664 11.6509L44.1203 11.6986C44.8358 12.3297 45.6146 12.6739 46.4343 12.7208C47.0485 12.7487 47.5838 12.599 48.073 12.2651C48.5788 11.9077 48.8582 11.449 48.8805 10.939C48.9035 10.3967 48.6427 9.85728 48.1994 9.5307",
+				fill: "#030712"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M52.1064 22.9933L50.7464 24.5933C50.1864 24.1733 49.6464 23.9533 49.1264 23.9533C48.5264 23.9533 48.0664 24.3133 48.0664 24.7733C48.0664 25.2533 48.3264 25.4133 49.6264 25.8733C51.9064 26.6733 52.6064 27.3533 52.6064 28.9133C52.6064 30.9733 50.9064 32.4333 48.5064 32.4333C47.0064 32.4333 45.7664 31.8933 44.7864 30.8133L46.2064 29.1333C46.9664 29.8933 47.7464 30.2933 48.5264 30.2933C49.2264 30.2933 49.7664 29.8333 49.7664 29.2133C49.7664 28.6733 49.5464 28.4333 48.2664 27.9733C45.8864 27.1333 45.4064 26.4933 45.4064 25.0733C45.4064 23.1733 46.9464 21.9533 48.9064 21.9533C50.1064 21.9533 51.1664 22.2933 52.1064 22.9933ZM54.5266 22.3133H57.2866V27.8733C57.2866 29.3533 57.9466 30.0933 59.2666 30.0933C60.6066 30.0933 61.2666 29.3533 61.2666 27.8733V22.3133H64.0066V28.3333C64.0066 30.9533 62.3066 32.4133 59.2666 32.4133C56.2266 32.4133 54.5266 30.9533 54.5266 28.3333V22.3133ZM73.3369 22.9933L71.9769 24.5933C71.4169 24.1733 70.8769 23.9533 70.3569 23.9533C69.7569 23.9533 69.2969 24.3133 69.2969 24.7733C69.2969 25.2533 69.5569 25.4133 70.8569 25.8733C73.1369 26.6733 73.8369 27.3533 73.8369 28.9133C73.8369 30.9733 72.1369 32.4333 69.7369 32.4333C68.2369 32.4333 66.9969 31.8933 66.0169 30.8133L67.4369 29.1333C68.1969 29.8933 68.9769 30.2933 69.7569 30.2933C70.4569 30.2933 70.9969 29.8333 70.9969 29.2133C70.9969 28.6733 70.7769 28.4333 69.4969 27.9733C67.1169 27.1333 66.6369 26.4933 66.6369 25.0733C66.6369 23.1733 68.1769 21.9533 70.1369 21.9533C71.3369 21.9533 72.3969 22.2933 73.3369 22.9933ZM75.777 24.6733H74.697V22.3133H75.777V18.9733H78.537V22.3133H80.457V24.6733H78.537V27.5933C78.537 29.1133 78.717 29.9933 79.737 29.9933C79.917 29.9933 80.097 29.9733 80.237 29.9533V32.3533C79.937 32.3933 79.377 32.4133 79.077 32.4133C76.937 32.4133 75.777 30.8333 75.777 28.5733V24.6733ZM90.0023 27.2333C90.0023 25.7133 88.7623 24.4733 87.2623 24.4733C85.7223 24.4733 84.5223 25.6933 84.5223 27.2133C84.5223 28.7333 85.7223 29.9533 87.2623 29.9533C88.7223 29.9533 90.0023 28.7133 90.0023 27.2333ZM89.7023 23.5733V22.3133H92.4623V32.1133H89.7023V30.8333C88.8623 31.8933 87.8023 32.4133 86.5023 32.4133C83.7423 32.4133 81.6823 30.1533 81.6823 27.1933C81.6823 24.2733 83.7223 21.9933 86.4423 21.9933C87.7223 21.9933 88.8023 22.5333 89.7023 23.5733ZM95.0139 22.3133H97.7739V32.1133H95.0139V22.3133ZM94.7539 18.1733C94.7539 17.2733 95.4939 16.5333 96.3939 16.5333C97.2939 16.5333 98.0339 17.2733 98.0339 18.1733C98.0339 19.0733 97.2939 19.8133 96.3939 19.8133C95.4939 19.8133 94.7539 19.0733 94.7539 18.1733ZM100.327 32.1133V22.3133H103.087V23.5333C103.887 22.5133 104.907 21.9933 106.147 21.9933C108.127 21.9933 109.787 23.1333 109.787 25.7733V32.1133H107.027V26.7333C107.027 25.0933 106.567 24.3333 105.167 24.3333C103.787 24.3333 103.087 25.1933 103.087 27.0333V32.1133H100.327Z",
+				fill: "#030712"
+			})
+		]
+	}) });
+}
+//#endregion
+//#region src/layouts/MobileGate/MobileGate.tsx
+function MobileGate() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "fixed inset-0 flex md:hidden flex-col items-center justify-center px-[32px] py-[48px] gap-[32px]",
+		style: {
+			backgroundColor: "var(--background)",
+			zIndex: 99999
+		},
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-[16px]",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "flex items-center justify-center w-[56px] h-[56px] rounded-[16px]",
+					style: { backgroundColor: "var(--muted)" },
+					children: /* @__PURE__ */ jsx(Monitor, {
+						className: "size-[28px]",
+						style: { color: "var(--foreground)" }
+					})
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex items-center justify-center w-[56px] h-[56px] rounded-[16px]",
+					style: { backgroundColor: "var(--muted)" },
+					children: /* @__PURE__ */ jsx(Tablet, {
+						className: "size-[28px]",
+						style: { color: "var(--muted-foreground)" }
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center gap-[12px] max-w-[320px] text-center",
+				children: [/* @__PURE__ */ jsx("span", {
+					style: {
+						fontFamily: "var(--font-heading)",
+						fontSize: "var(--text-2xl)",
+						fontWeight: "var(--font-weight-normal)",
+						lineHeight: "32px",
+						color: "var(--foreground)"
+					},
+					children: "Desktop Experience Only"
+				}), /* @__PURE__ */ jsx("span", {
+					style: {
+						fontFamily: "var(--font-body)",
+						fontSize: "var(--text-base)",
+						fontWeight: "var(--font-weight-normal)",
+						lineHeight: "24px",
+						color: "var(--muted-foreground)"
+					},
+					children: "This portal is optimized for desktop and tablet screens. Please switch to a device with a larger display for the best experience."
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-[8px] px-[16px] py-[10px] rounded-[9999px]",
+				style: { backgroundColor: "var(--muted)" },
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "w-[8px] h-[8px] rounded-full",
+					style: { backgroundColor: "var(--chart-2)" }
+				}), /* @__PURE__ */ jsx("span", {
+					style: {
+						fontFamily: "var(--font-body)",
+						fontSize: "var(--text-sm)",
+						fontWeight: "var(--font-weight-medium)",
+						lineHeight: "20px",
+						color: "var(--muted-foreground)"
+					},
+					children: "768px minimum width required"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/layouts/PsaiHeader/PsaiHeader.tsx
+const placeholderAvatar = "data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\"%3E%3Cdefs%3E%3ClinearGradient id=\"av\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"%3E%3Cstop offset=\"0%\" style=\"stop-color:%237c3aed;stop-opacity:1\" /%3E%3Cstop offset=\"100%\" style=\"stop-color:%235b21b6;stop-opacity:1\" /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=\"40\" height=\"40\" rx=\"20\" fill=\"url(%23av)\" /%3E%3Ctext x=\"50%\" y=\"50%\" dominant-baseline=\"middle\" text-anchor=\"middle\" font-size=\"20\" fill=\"white\" font-weight=\"bold\"%3EPS%3C/text%3E%3C/svg%3E";
+function PSAILogoIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "151",
+		height: "38",
+		viewBox: "0 0 151 38",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		style: { fill: "var(--color-red-500)" },
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M18.0824 0C8.11124 0 0 8.28513 0 18.4701C0 28.655 8.11124 36.9401 18.0824 36.9401C28.0536 36.9401 36.1648 28.655 36.1648 18.4701C36.1648 8.28513 28.0517 0 18.0824 0Z" }),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M31.5785 24.1953C31.3084 24.8592 30.5627 25.1735 29.9127 24.8976C29.2628 24.6216 28.9551 23.86 29.2234 23.1961C29.4935 22.5322 30.2391 22.2179 30.8891 22.4919C31.5391 22.7678 31.8468 23.5295 31.5766 24.1934",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M23.6623 32.2649C23.0104 32.5389 22.2666 32.2227 21.9965 31.5588C21.7283 30.8949 22.0378 30.1313 22.6878 29.8573C23.3396 29.5833 24.0853 29.8995 24.3535 30.5634C24.6218 31.2292 24.3123 31.989 23.6623 32.2649Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M12.4762 32.2553C11.8262 31.9794 11.5186 31.2178 11.7868 30.5538C12.057 29.8899 12.8026 29.5757 13.4545 29.8497C14.1045 30.1256 14.4121 30.8872 14.142 31.5512C13.8719 32.2151 13.1262 32.5312 12.4762 32.2534",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M4.57415 24.1675C4.3059 23.5036 4.61542 22.742 5.26541 22.468C5.91727 22.194 6.66105 22.5101 6.9293 23.174C7.19755 23.8399 6.88803 24.5996 6.23804 24.8755C5.58806 25.1495 4.8424 24.8334 4.57415 24.1694",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M4.58664 12.7439C4.85676 12.0799 5.60242 11.7657 6.25428 12.0397C6.90427 12.3156 7.21191 13.0772 6.94179 13.7412C6.67166 14.4051 5.92601 14.7193 5.27602 14.4434C4.62603 14.1675 4.31839 13.4059 4.58664 12.7419",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M12.5028 4.67236C13.1546 4.39836 13.8984 4.71451 14.1685 5.37844C14.4368 6.04236 14.1272 6.804 13.4763 7.078C12.8263 7.352 12.0807 7.03585 11.8124 6.37192C11.5442 5.70609 11.8537 4.94636 12.5037 4.67044",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M23.6874 4.68482C24.3374 4.96074 24.645 5.72238 24.3749 6.3863C24.1048 7.05022 23.3591 7.36446 22.7091 7.08854C22.0591 6.81263 21.7515 6.05099 22.0197 5.38706C22.2899 4.72314 23.0355 4.40699 23.6855 4.6829",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M31.5894 12.7707C31.8576 13.4365 31.5481 14.1982 30.8981 14.4722C30.2481 14.7462 29.5025 14.43 29.2324 13.7661C28.9641 13.1022 29.2736 12.3405 29.9236 12.0665C30.5755 11.7925 31.3193 12.1087 31.5894 12.7726",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M19.416 20.9658C18.4246 22.3597 17.7193 24.6149 19.0296 25.9524C19.9188 26.8606 19.2481 28.3666 18.0495 28.3666C16.8508 28.3666 16.1802 26.8606 17.0693 25.9524C18.3796 24.614 17.6762 22.3607 16.6829 20.9658C16.5103 20.7234 15.8556 19.9962 15.6362 19.8343C14.2696 18.8217 12.0636 18.1012 10.7542 19.4396C9.86506 20.3478 8.39062 19.6628 8.39062 18.4384C8.39062 17.2141 9.86599 16.5291 10.7542 17.4373C12.0645 18.7757 14.2705 18.0552 15.6362 17.0426C15.8735 16.8663 16.5853 16.1976 16.7439 15.9734C17.7352 14.5775 18.4406 12.3261 17.1303 10.9868C16.2411 10.0786 16.9117 8.57255 18.1104 8.57255C19.3091 8.57255 19.9797 10.0795 19.0906 10.9868C17.7803 12.3252 18.4856 14.5785 19.477 15.9734C19.6496 16.2158 20.3042 16.9429 20.5237 17.1049C21.8903 18.1175 24.0944 18.838 25.4057 17.4996C26.2948 16.5913 27.7692 17.2763 27.7692 18.5007C27.7692 19.7251 26.2948 20.4101 25.4057 19.5019C24.0954 18.1635 21.8893 18.8839 20.5237 19.8966C20.2864 20.0729 19.5745 20.7416 19.416 20.9658Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M25.0352 11.3672C25.7846 12.1326 25.7846 13.3723 25.0352 14.1359C24.2858 14.8994 23.0721 14.9014 22.3245 14.1359C21.577 13.3704 21.5751 12.1307 22.3245 11.3672C23.0739 10.6017 24.2876 10.6017 25.0352 11.3672Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M25.0373 25.5739C24.2878 26.3394 23.0742 26.3394 22.3248 25.5739C21.5753 24.8085 21.5753 23.5688 22.3248 22.8052C23.0742 22.0397 24.286 22.0397 25.0354 22.8052C25.7848 23.5707 25.7848 24.8104 25.0354 25.5739",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M11.1275 25.5739C10.3781 24.8085 10.3781 23.5688 11.1275 22.8052C11.8769 22.0397 13.0906 22.0397 13.8381 22.8052C14.5875 23.5707 14.5875 24.8104 13.8381 25.5739C13.0887 26.3394 11.875 26.3394 11.1275 25.5739Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M11.1275 11.3672C11.8769 10.6017 13.0906 10.6017 13.8381 11.3672C14.5875 12.1326 14.5875 13.3723 13.8381 14.1378C13.0887 14.9033 11.875 14.9033 11.1275 14.1378C10.3781 13.3723 10.3781 12.1345 11.1275 11.3691",
+				fill: "white"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M66.3657 5.63905C66.6344 5.63905 66.8528 5.41596 66.8528 5.14075C66.8528 4.86555 66.6337 4.64246 66.3657 4.64246C66.0978 4.64246 65.8779 4.86555 65.8779 5.14075C65.8779 5.41596 66.097 5.63905 66.3657 5.63905Z",
+				fill: "var(--foreground)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M65.9785 13.1995H66.74V6.58289H65.9785V13.1987V13.1995Z",
+				fill: "var(--foreground)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M50.8164 9.87356C50.8164 8.48875 51.879 7.36079 53.1858 7.36079C54.4926 7.36079 55.5551 8.48801 55.5551 9.87356V9.97704C55.5048 11.3435 54.4638 12.4128 53.1858 12.4128C51.9077 12.4128 50.8164 11.2738 50.8164 9.87356ZM53.185 13.1907C54.1053 13.1907 54.9588 12.7753 55.5536 12.0451V13.1987H56.3159V6.58289H55.5536V7.71598C54.9638 6.99385 54.1104 6.58289 53.185 6.58289C51.4587 6.58289 50.0542 8.0587 50.0542 9.87356C50.0542 11.6884 51.4587 13.1907 53.185 13.1907Z",
+				fill: "var(--foreground)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M61.4458 12.412C60.1684 12.412 59.1282 11.3428 59.0764 9.9763V9.87283C59.0764 8.48801 60.139 7.36005 61.4458 7.36005C62.7525 7.36005 63.8144 8.48728 63.8144 9.87283C63.8144 11.2584 62.7518 12.412 61.4458 12.412ZM64.5759 9.87356C64.5759 8.0587 63.1714 6.58289 61.445 6.58289C60.5197 6.58289 59.6662 6.99312 59.0757 7.71598V6.58289H58.3135V15.5838H59.0757V12.0451C59.6706 12.776 60.5247 13.1907 61.445 13.1907C63.1714 13.1907 64.5759 11.7031 64.5759 9.87356Z",
+				fill: "var(--foreground)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M78.8265 6.58264C78.103 6.58264 77.4184 6.88426 76.9227 7.41559V6.58264H76.187V13.1985H76.9227V9.28035C76.9478 8.21477 77.8013 7.34734 78.8265 7.34734C79.8516 7.34734 80.7166 8.2133 80.7166 9.27815V13.1985H81.4652V9.27815C81.4652 7.79133 80.2812 6.58191 78.8265 6.58191",
+				fill: "var(--foreground)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M85.4048 12.4406L85.3294 12.4619C85.2568 12.4825 85.1339 12.5067 84.9594 12.5067C84.6533 12.5067 84.5219 12.3085 84.5219 11.8433V7.33877H85.4206V6.57922H84.5219V4.35632H83.7417V6.57848H82.8379V7.33804H83.7417V11.8653C83.7417 12.3628 83.8293 12.6872 84.0161 12.8846C84.1892 13.0872 84.455 13.1943 84.7841 13.1943C85.0312 13.1943 85.2503 13.1598 85.4005 13.096L85.4429 13.0784L85.4048 12.4406Z",
+				fill: "var(--foreground)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M71.5131 7.35027C72.6296 7.35027 73.5872 8.17514 73.8171 9.32144H69.1711C69.4262 8.15679 70.3788 7.35027 71.5124 7.35027H71.5131ZM73.4981 11.2897C73.0829 11.992 72.3228 12.4286 71.5124 12.4286C70.253 12.4286 69.2149 11.3998 69.1215 10.0729H74.256C74.4658 10.0729 74.6303 9.91734 74.6303 9.717V9.65902C74.496 7.90654 73.1554 6.58484 71.5124 6.58484C69.7796 6.58484 68.3687 8.07313 68.3687 9.90193C68.3687 11.7307 69.7789 13.1926 71.5124 13.1926C72.5714 13.1926 73.5455 12.6363 74.1224 11.7051L73.4981 11.2897Z",
+				fill: "var(--foreground)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M48.2976 10.001C48.2976 10.001 48.1 9.84326 47.8859 9.75226C47.6726 9.66053 47.3665 9.55411 46.7314 9.3956C46.6452 9.37432 46.5612 9.35597 46.4821 9.33542C46.0576 9.22681 45.7221 9.08077 45.4857 8.90024C45.2508 8.69328 45.1631 8.52156 45.1732 8.28892C45.184 8.04307 45.3277 7.80457 45.5798 7.6167C45.8665 7.4002 46.2846 7.29233 46.758 7.31361C47.2947 7.33783 47.7027 7.61156 48.1431 7.9396L48.1855 7.97116L48.7394 7.44424C48.6726 7.37966 48.6597 7.36938 48.4743 7.23949C48.039 6.9386 47.5044 6.6201 46.7889 6.58854C46.166 6.56066 45.61 6.69055 45.1797 6.96575C44.7134 7.28866 44.4189 7.7576 44.4131 8.25443C44.4081 8.62503 44.4828 8.97215 44.8456 9.32882C45.2788 9.75519 45.9527 9.97976 46.5691 10.1016C47.0978 10.2058 47.5863 10.4061 47.832 10.6146C48.1259 10.8898 48.23 11.0894 48.23 11.3756C48.2186 11.65 48.0433 11.912 47.7437 12.0977C47.4434 12.3274 47.0138 12.4478 46.5655 12.4272C45.9749 12.4008 45.365 12.1381 44.7501 11.6464L44.7077 11.6119L44.1646 12.1205L44.2184 12.1682C44.934 12.7993 45.7127 13.1435 46.5324 13.1904C47.1467 13.2183 47.6819 13.0686 48.1711 12.7347C48.6769 12.3773 48.9564 11.9186 48.9786 11.4086C49.0016 10.8663 48.7408 10.3269 48.2976 10.0003",
+				fill: "var(--foreground)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M53.2646 27.7038C53.2646 26.1838 52.0246 24.9438 50.5246 24.9438C48.9846 24.9438 47.7846 26.1638 47.7846 27.6838C47.7846 29.2038 48.9846 30.4238 50.5246 30.4238C51.9846 30.4238 53.2646 29.1838 53.2646 27.7038ZM52.9646 24.0438V22.7838H55.7246V32.5838H52.9646V31.3038C52.1246 32.3638 51.0646 32.8838 49.7646 32.8838C47.0046 32.8838 44.9446 30.6238 44.9446 27.6638C44.9446 24.7438 46.9846 22.4638 49.7046 22.4638C50.9846 22.4638 52.0646 23.0038 52.9646 24.0438ZM58.2761 22.7838H61.0361V32.5838H58.2761V22.7838ZM58.0161 18.6438C58.0161 17.7438 58.7561 17.0038 59.6561 17.0038C60.5561 17.0038 61.2961 17.7438 61.2961 18.6438C61.2961 19.5438 60.5561 20.2838 59.6561 20.2838C58.7561 20.2838 58.0161 19.5438 58.0161 18.6438ZM75.5214 27.7038C75.5214 26.1838 74.3414 24.9438 72.7814 24.9438C71.2214 24.9438 70.0214 26.2038 70.0214 27.6838C70.0214 29.1638 71.2614 30.4238 72.7814 30.4238C74.2814 30.4238 75.5214 29.1638 75.5214 27.7038ZM70.3214 31.3038V37.8038H67.5614V22.7838H70.3214V24.0438C71.1614 23.0038 72.2214 22.4638 73.5214 22.4638C76.2814 22.4638 78.3414 24.7438 78.3414 27.6838C78.3414 30.6438 76.2614 32.8838 73.5814 32.8838C72.3014 32.8838 71.2214 32.3638 70.3214 31.3038ZM80.4325 32.5838V22.7838H83.1925V24.2638C83.8725 23.0638 84.8125 22.4638 86.0325 22.4638C86.4125 22.4638 86.8125 22.5438 87.2325 22.7038L86.8525 25.2838C86.4325 25.0638 85.9925 24.9438 85.5325 24.9438C83.9725 24.9438 83.1925 25.9238 83.1925 27.8838V32.5838H80.4325ZM90.858 27.6438C90.858 29.2038 92.078 30.4238 93.618 30.4238C95.138 30.4238 96.398 29.1838 96.398 27.6838C96.398 26.2038 95.138 24.9438 93.618 24.9438C92.138 24.9438 90.858 26.2038 90.858 27.6438ZM88.018 27.6038C88.018 24.6238 90.398 22.4638 93.638 22.4638C96.878 22.4638 99.218 24.6238 99.218 27.6638C99.218 30.8238 96.858 32.8838 93.578 32.8838C90.238 32.8838 88.018 30.7038 88.018 27.6038ZM109.111 27.7038C109.111 26.1838 107.871 24.9438 106.371 24.9438C104.871 24.9438 103.631 26.1838 103.631 27.6838C103.631 29.1838 104.871 30.4238 106.371 30.4238C107.831 30.4238 109.111 29.1838 109.111 27.7038ZM108.811 24.0438V15.6238H111.571V32.5838H108.811V31.3038C107.971 32.3638 106.911 32.8838 105.611 32.8838C102.851 32.8838 100.791 30.6638 100.791 27.6638C100.791 24.7438 102.851 22.4638 105.551 22.4638C106.831 22.4638 107.911 23.0038 108.811 24.0438ZM114.163 22.7838H116.923V28.3438C116.923 29.8238 117.583 30.5638 118.903 30.5638C120.243 30.5638 120.903 29.8238 120.903 28.3438V22.7838H123.643V28.8038C123.643 31.4238 121.943 32.8838 118.903 32.8838C115.863 32.8838 114.163 31.4238 114.163 28.8038V22.7838ZM133.593 23.0638V25.7638C132.873 25.2038 132.133 24.9438 131.353 24.9438C129.773 24.9438 128.553 26.0838 128.553 27.6838C128.553 29.2838 129.753 30.4238 131.353 30.4238C132.153 30.4238 132.893 30.1438 133.593 29.6038V32.3038C132.753 32.6838 131.913 32.8838 131.073 32.8838C128.013 32.8838 125.713 30.6438 125.713 27.7238C125.713 24.7438 128.033 22.4638 131.113 22.4638C132.013 22.4638 132.833 22.6638 133.593 23.0638ZM135.687 25.1438H134.607V22.7838H135.687V19.4438H138.447V22.7838H140.367V25.1438H138.447V28.0638C138.447 29.5838 138.627 30.4638 139.647 30.4638C139.827 30.4638 140.007 30.4438 140.147 30.4238V32.8238C139.847 32.8638 139.287 32.8838 138.987 32.8838C136.847 32.8838 135.687 31.3038 135.687 29.0438V25.1438ZM148.852 23.4638L147.492 25.0638C146.932 24.6438 146.392 24.4238 145.872 24.4238C145.272 24.4238 144.812 24.7838 144.812 25.2438C144.812 25.7238 145.072 25.8838 146.372 26.3438C148.652 27.1438 149.352 27.8238 149.352 29.3838C149.352 31.4438 147.652 32.9038 145.252 32.9038C143.752 32.9038 142.512 32.3638 141.532 31.2838L142.952 29.6038C143.712 30.3638 144.492 30.7638 145.272 30.7638C145.972 30.7638 146.512 30.3038 146.512 29.6838C146.512 29.1438 146.292 28.9038 145.012 28.4438C142.632 27.6038 142.152 26.9638 142.152 25.5438C142.152 23.6438 143.692 22.4238 145.652 22.4238C146.852 22.4238 147.912 22.7638 148.852 23.4638Z",
+				fill: "var(--foreground)"
+			})
+		]
+	});
+}
+function PSAIHeader({ isDarkMode, onToggleTheme, onAdminLogin, adminLoginLabel = "Domain Admin Login", onBack, showBackButton = false }) {
+	const [loginHovered, setLoginHovered] = useState(false);
+	const [backHovered, setBackHovered] = useState(false);
+	return /* @__PURE__ */ jsx("div", {
+		className: "backdrop-blur-[45px] rounded-[16px] shrink-0 w-full",
+		style: { backgroundColor: "var(--glass-heavy)" },
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center px-[12px] py-[8px] gap-[20px]",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "flex-1 flex items-center",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-[8px]",
+					children: [showBackButton && onBack && /* @__PURE__ */ jsx("button", {
+						className: "flex items-center justify-center w-[40px] h-[40px] rounded-full transition-all cursor-pointer mr-[8px]",
+						style: {
+							backgroundColor: backHovered ? "var(--glass-medium)" : "transparent",
+							border: "1px solid var(--border)"
+						},
+						onMouseEnter: () => setBackHovered(true),
+						onMouseLeave: () => setBackHovered(false),
+						onClick: onBack,
+						"aria-label": "Go back",
+						children: /* @__PURE__ */ jsxs("svg", {
+							width: "16",
+							height: "16",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							xmlns: "http://www.w3.org/2000/svg",
+							children: [/* @__PURE__ */ jsx("path", {
+								d: "M19 12H5",
+								stroke: "var(--foreground)",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
+							}), /* @__PURE__ */ jsx("path", {
+								d: "M12 19L5 12L12 5",
+								stroke: "var(--foreground)",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
+							})]
+						})
+					}), /* @__PURE__ */ jsx(PSAILogoIcon, {})]
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-[8px]",
+				children: [
+					onAdminLogin && /* @__PURE__ */ jsxs("button", {
+						className: "hidden sm:flex items-center gap-[8px] px-[24px] py-[10px] min-h-[40px] rounded-full transition-all cursor-pointer relative",
+						style: {
+							backgroundColor: loginHovered ? "var(--glass-medium)" : "transparent",
+							border: "1px solid var(--border)",
+							color: "var(--foreground)"
+						},
+						onMouseEnter: () => setLoginHovered(true),
+						onMouseLeave: () => setLoginHovered(false),
+						onClick: onAdminLogin,
+						children: [/* @__PURE__ */ jsx(User, { className: "size-[16px]" }), /* @__PURE__ */ jsx("span", {
+							style: {
+								fontFamily: "var(--font-heading)",
+								fontSize: "var(--text-sm)",
+								fontWeight: "var(--font-weight-medium)",
+								lineHeight: "20px"
+							},
+							children: adminLoginLabel
+						})]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						onClick: onToggleTheme,
+						className: "flex items-center justify-center w-[40px] h-[40px] rounded-full bg-transparent transition-colors hover:bg-[var(--glass-medium)]",
+						"aria-label": isDarkMode ? "Switch to light mode" : "Switch to dark mode",
+						children: isDarkMode ? /* @__PURE__ */ jsx(Sun, {
+							className: "w-4 h-4",
+							style: { color: "var(--foreground)" }
+						}) : /* @__PURE__ */ jsx(Moon, {
+							className: "w-4 h-4",
+							style: { color: "var(--foreground)" }
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "w-[40px] h-[40px] rounded-full overflow-hidden",
+						children: /* @__PURE__ */ jsx("img", {
+							src: placeholderAvatar,
+							alt: "Avatar",
+							className: "w-full h-full object-cover"
+						})
+					})
+				]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/layouts/RightSidebar/RightSidebar.tsx
+const domainChatConfigs = {
+	slingshot: {
+		suggestedPrompts: defaultSuggestedPrompts,
+		mockResponses: defaultMockResponses,
+		fallbackResponse: defaultFallbackResponse
+	},
+	bodhi: {
+		suggestedPrompts: [
+			"Show active incidents",
+			"Summarize agent activity",
+			"Latest runbook updates",
+			"Top error patterns"
+		],
+		mockResponses: {
+			"show active incidents": "There are currently 3 active incidents: 2 P2 issues around license provisioning and 1 P3 network timeout. All have been triaged and assigned to agents.",
+			"summarize agent activity": "In the past hour, 12 agent runs completed successfully, 1 failed due to a timeout on the GitHub connector. Overall resolution rate is 91%.",
+			"latest runbook updates": "The VPN timeout runbook was updated 2 hours ago with a new escalation path. The password reset runbook has been auto-resolving at 98% success this week.",
+			"top error patterns": "Top 3 recurring patterns: (1) Password reset loops — 340 tickets/month, auto-resolvable. (2) License provisioning delays — 160 tickets/month, workflow fix available. (3) VPN timeout cascades — 210 tickets/month, correlated to infra config."
+		},
+		fallbackResponse: "I can help with incident triage, agent run summaries, runbook management, and pattern analysis. Could you provide more detail on what you need?"
+	},
+	sustain: {
+		suggestedPrompts: [
+			"Summarize emissions this month",
+			"Show pending ESG reports",
+			"Which initiatives need attention?",
+			"Latest compliance status"
+		],
+		mockResponses: {
+			"summarize emissions this month": "Total Scope 1+2 emissions this month: 1,240 tCO₂e — down 8% vs last month. Nissan's manufacturing sites account for 63% of total. 2 data sources flagged for quality review.",
+			"show pending esg reports": "There are 2 pending ESG reports: the Q2 GHG Inventory (due Jun 15) and the CSRD disclosure package (due Jun 30). Both are 70% complete.",
+			"which initiatives need attention": "3 initiatives are behind schedule: Solar Panel Rollout (15 days late), Fleet Electrification (waiting on supplier data), and Supply Chain Audit (blocked on vendor responses).",
+			"latest compliance status": "CSRD compliance score: 78/100. 3 data gaps identified in Scope 3 categories 1 and 11. GRI reporting is on track; TCFD disclosures need board sign-off."
+		},
+		fallbackResponse: "I can help with emissions tracking, ESG reporting, initiative progress, and compliance status. Could you provide more detail on what you need?"
+	}
+};
+function timeAgo(date) {
+	const seconds = Math.floor((Date.now() - date.getTime()) / 1e3);
+	if (seconds < 60) return "Just now";
+	const minutes = Math.floor(seconds / 60);
+	if (minutes < 60) return `${minutes} min${minutes !== 1 ? "s" : ""} ago`;
+	const hours = Math.floor(minutes / 60);
+	if (hours < 24) return `${hours} hr${hours !== 1 ? "s" : ""} ago`;
+	const days = Math.floor(hours / 24);
+	return `${days} day${days !== 1 ? "s" : ""} ago`;
+}
+const severityIcons = {
+	info: /* @__PURE__ */ jsx(Clock, {
+		className: "size-[16px]",
+		style: { color: "var(--foreground)" }
+	}),
+	success: /* @__PURE__ */ jsx(CheckCircle, {
+		className: "size-[16px]",
+		style: { color: "var(--badge-success-text)" }
+	}),
+	warning: /* @__PURE__ */ jsx(AlertTriangle, {
+		className: "size-[16px]",
+		style: { color: "var(--badge-warning-text)" }
+	}),
+	error: /* @__PURE__ */ jsx(AlertCircle, {
+		className: "size-[16px]",
+		style: { color: "var(--badge-danger-text)" }
+	})
+};
+const severityColorMap = {
+	info: "var(--badge-info-bg)",
+	success: "var(--badge-success-bg)",
+	warning: "var(--badge-warning-bg)",
+	error: "var(--badge-danger-bg)"
+};
+const severityTextMap = {
+	info: "var(--badge-info-text)",
+	success: "var(--badge-success-text)",
+	warning: "var(--badge-warning-text)",
+	error: "var(--badge-danger-text)"
+};
+function TabCounter({ count, variant }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-center h-[16px] min-w-[16px] px-[4px] rounded-[10px]",
+		style: { backgroundColor: variant === "warning" ? "var(--tab-counter-warning)" : "var(--tab-counter-danger)" },
+		children: /* @__PURE__ */ jsx("span", {
+			style: {
+				fontFamily: "var(--font-body)",
+				fontSize: "12px",
+				fontWeight: 600,
+				lineHeight: "16px",
+				color: "var(--tab-counter-text)"
+			},
+			children: count
+		})
+	});
+}
+function ActivityCard({ item, onViewDetails }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative rounded-[12px] shrink-0 w-full",
+		style: { backgroundColor: "var(--tile-bg)" },
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col items-start justify-center p-[16px] w-full",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-[12px] items-start w-full",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-[8px] items-start w-full",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex gap-[12px] items-center w-full",
+						children: [severityIcons[item.severity], /* @__PURE__ */ jsx("span", {
+							className: "flex-1 min-w-0",
+							style: {
+								fontFamily: "var(--font-body)",
+								fontSize: "var(--text-sm)",
+								fontWeight: "var(--font-weight-medium)",
+								lineHeight: "20px",
+								color: "var(--foreground)",
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								whiteSpace: "nowrap"
+							},
+							children: activityTypeLabels[item.type]
+						})]
+					}), /* @__PURE__ */ jsxs("span", {
+						style: {
+							fontFamily: "var(--font-body)",
+							fontSize: "12px",
+							fontWeight: "var(--font-weight-normal)",
+							lineHeight: "16px",
+							color: "var(--muted-foreground)"
+						},
+						children: [
+							item.source,
+							" · ",
+							timeAgo(item.timestamp),
+							" · ",
+							item.category
+						]
+					})]
+				}), /* @__PURE__ */ jsxs("button", {
+					onClick: onViewDetails,
+					className: "relative flex gap-[6px] items-center justify-center min-h-[24px] px-[8px] py-[3px] rounded-[9999px] cursor-pointer transition-colors",
+					style: { backgroundColor: "var(--input-background)" },
+					onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--glass-medium)",
+					onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "var(--input-background)",
+					children: [/* @__PURE__ */ jsx("div", {
+						"aria-hidden": "true",
+						className: "absolute inset-0 pointer-events-none rounded-[9999px]",
+						style: { border: "1px solid var(--border)" }
+					}), /* @__PURE__ */ jsx("span", {
+						style: {
+							fontFamily: "var(--font-heading)",
+							fontSize: "12px",
+							fontWeight: "var(--font-weight-medium)",
+							lineHeight: "16px",
+							color: "var(--foreground)"
+						},
+						children: "View Details"
+					})]
+				})]
+			})
+		})
+	});
+}
+function EmptyState({ tab }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col items-center justify-center flex-1 min-h-[200px] gap-[12px]",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "size-[40px] flex items-center justify-center rounded-full",
+				style: { backgroundColor: "var(--muted)" },
+				children: tab === "errors" ? /* @__PURE__ */ jsx(AlertCircle, {
+					className: "size-[20px]",
+					style: { color: "var(--muted-foreground)" }
+				}) : /* @__PURE__ */ jsx(Activity, {
+					className: "size-[20px]",
+					style: { color: "var(--muted-foreground)" }
+				})
+			}),
+			/* @__PURE__ */ jsx("span", {
+				style: {
+					fontFamily: "var(--font-body)",
+					fontSize: "var(--text-sm)",
+					fontWeight: "var(--font-weight-normal)",
+					lineHeight: "20px",
+					color: "var(--muted-foreground)",
+					textAlign: "center"
+				},
+				children: tab === "errors" ? "No errors detected" : "No activity yet"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				style: {
+					fontFamily: "var(--font-body)",
+					fontSize: "12px",
+					fontWeight: "var(--font-weight-normal)",
+					lineHeight: "16px",
+					color: "var(--muted-foreground)",
+					textAlign: "center"
+				},
+				children: tab === "errors" ? "Errors will appear here when detected during ingestion." : "Add a context source to see activity here."
+			})
+		]
+	});
+}
+function ActivityDetailDrawer({ activity, isOpen, onClose }) {
+	const [isAnimating, setIsAnimating] = useState(false);
+	useEffect(() => {
+		if (isOpen) requestAnimationFrame(() => {
+			requestAnimationFrame(() => setIsAnimating(true));
+		});
+		else setIsAnimating(false);
+	}, [isOpen]);
+	const handleClose = useCallback(() => {
+		setIsAnimating(false);
+		setTimeout(onClose, 300);
+	}, [onClose]);
+	if (!isOpen || !activity) return null;
+	const metadataRows = [];
+	if (activity.metadata) {
+		const m = activity.metadata;
+		if (m.phase) metadataRows.push({
+			label: "Phase",
+			value: m.phase
+		});
+		if (m.filesCount !== void 0) metadataRows.push({
+			label: "Files Discovered",
+			value: String(m.filesCount)
+		});
+		if (m.errorsCount !== void 0) metadataRows.push({
+			label: "Errors",
+			value: String(m.errorsCount)
+		});
+		if (m.completedCount !== void 0) metadataRows.push({
+			label: "Completed",
+			value: String(m.completedCount)
+		});
+		if (m.pendingCount !== void 0) metadataRows.push({
+			label: "Pending",
+			value: String(m.pendingCount)
+		});
+		if (m.activeRepoCount !== void 0) metadataRows.push({
+			label: "Active Repos",
+			value: String(m.activeRepoCount)
+		});
+		if (m.tokenExpiredCount !== void 0) metadataRows.push({
+			label: "Expired Tokens",
+			value: String(m.tokenExpiredCount)
+		});
+		if (m.eta) metadataRows.push({
+			label: "ETA",
+			value: m.eta
+		});
+	}
+	return createPortal(/* @__PURE__ */ jsx("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-end overflow-clip transition-all duration-300",
+		style: {
+			backdropFilter: isAnimating ? "blur(5px)" : "blur(0px)",
+			backgroundColor: isAnimating ? "rgba(31, 40, 50, 0.4)" : "rgba(31, 40, 50, 0)"
+		},
+		onClick: (e) => {
+			if (e.target === e.currentTarget) handleClose();
+		},
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "h-full shrink-0 w-[480px] sm:w-[560px] md:w-[640px] flex flex-col transition-transform duration-300 ease-out rounded-tl-[16px] rounded-bl-[16px]",
+			style: {
+				backgroundColor: "var(--card)",
+				transform: isAnimating ? "translateX(0)" : "translateX(100%)"
+			},
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "shrink-0 px-[24px] py-[16px]",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-between w-full",
+						children: [/* @__PURE__ */ jsx("span", {
+							style: {
+								fontFamily: "var(--font-heading)",
+								fontSize: "var(--text-xl)",
+								fontWeight: "var(--font-weight-normal)",
+								lineHeight: "24px",
+								color: "var(--foreground)"
+							},
+							children: "Activity Details"
+						}), /* @__PURE__ */ jsx("button", {
+							onClick: handleClose,
+							className: "flex items-center justify-center size-[28px] rounded-[8px] transition-colors cursor-pointer",
+							style: { color: "var(--muted-foreground)" },
+							onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--muted)",
+							onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+							children: /* @__PURE__ */ jsx(X, { className: "size-[16px]" })
+						})]
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex-1 min-h-0 overflow-y-auto px-[24px] py-[8px]",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-[32px]",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-[4px]",
+								children: [/* @__PURE__ */ jsx("span", {
+									style: {
+										fontFamily: "var(--font-heading)",
+										fontSize: "var(--text-base)",
+										fontWeight: "var(--font-weight-normal)",
+										lineHeight: "24px",
+										color: "var(--foreground)"
+									},
+									children: activityTypeLabels[activity.type]
+								}), /* @__PURE__ */ jsx("span", {
+									style: {
+										fontFamily: "var(--font-body)",
+										fontSize: "var(--text-sm)",
+										fontWeight: "var(--font-weight-normal)",
+										lineHeight: "20px",
+										color: "var(--muted-foreground)"
+									},
+									children: "Review the details of this activity event"
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-[16px]",
+								children: [/* @__PURE__ */ jsx("span", {
+									style: {
+										fontFamily: "var(--font-heading)",
+										fontSize: "var(--text-sm)",
+										fontWeight: "var(--font-weight-normal)",
+										lineHeight: "24px",
+										color: "var(--foreground)"
+									},
+									children: "Status"
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "flex gap-[8px] items-center flex-wrap",
+									children: [/* @__PURE__ */ jsxs("span", {
+										className: "inline-flex items-center gap-[4px] px-[8px] py-[2px] rounded-[8px]",
+										style: { backgroundColor: severityColorMap[activity.severity] },
+										children: [severityIcons[activity.severity], /* @__PURE__ */ jsx("span", {
+											style: {
+												fontFamily: "var(--font-body)",
+												fontSize: "12px",
+												fontWeight: 600,
+												lineHeight: "16px",
+												color: severityTextMap[activity.severity],
+												textTransform: "capitalize"
+											},
+											children: activity.severity
+										})]
+									}), /* @__PURE__ */ jsxs("span", {
+										className: "relative inline-flex items-center px-[8px] py-[2px] rounded-[8px]",
+										style: { backgroundColor: "var(--badge-default-bg)" },
+										children: [/* @__PURE__ */ jsx("div", {
+											"aria-hidden": "true",
+											className: "absolute border border-solid inset-0 pointer-events-none rounded-[8px]",
+											style: { borderColor: "var(--border)" }
+										}), /* @__PURE__ */ jsx("span", {
+											style: {
+												fontFamily: "var(--font-body)",
+												fontSize: "12px",
+												fontWeight: 600,
+												lineHeight: "16px",
+												color: "var(--foreground)"
+											},
+											children: activity.category
+										})]
+									})]
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-[16px]",
+								children: [/* @__PURE__ */ jsx("span", {
+									style: {
+										fontFamily: "var(--font-heading)",
+										fontSize: "var(--text-sm)",
+										fontWeight: "var(--font-weight-normal)",
+										lineHeight: "24px",
+										color: "var(--foreground)"
+									},
+									children: "Source Information"
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "relative rounded-[12px] p-[16px] flex flex-col gap-[12px]",
+									style: { backgroundColor: "var(--input-background)" },
+									children: [
+										/* @__PURE__ */ jsx("div", {
+											"aria-hidden": "true",
+											className: "absolute border border-solid inset-0 pointer-events-none rounded-[12px]",
+											style: { borderColor: "var(--border)" }
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "flex items-center gap-[8px]",
+											children: [
+												/* @__PURE__ */ jsx(Zap, {
+													className: "size-[14px] shrink-0",
+													style: { color: "var(--muted-foreground)" }
+												}),
+												/* @__PURE__ */ jsx("span", {
+													style: {
+														fontFamily: "var(--font-body)",
+														fontSize: "var(--text-sm)",
+														fontWeight: "var(--font-weight-normal)",
+														lineHeight: "20px",
+														color: "var(--muted-foreground)"
+													},
+													children: "Source:"
+												}),
+												/* @__PURE__ */ jsx("span", {
+													style: {
+														fontFamily: "var(--font-body)",
+														fontSize: "var(--text-sm)",
+														fontWeight: "var(--font-weight-medium)",
+														lineHeight: "20px",
+														color: "var(--foreground)"
+													},
+													children: activity.source
+												})
+											]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "flex items-center gap-[8px]",
+											children: [/* @__PURE__ */ jsx(Clock, {
+												className: "size-[14px] shrink-0",
+												style: { color: "var(--muted-foreground)" }
+											}), /* @__PURE__ */ jsxs("span", {
+												style: {
+													fontFamily: "var(--font-body)",
+													fontSize: "var(--text-sm)",
+													fontWeight: "var(--font-weight-normal)",
+													lineHeight: "20px",
+													color: "var(--muted-foreground)"
+												},
+												children: [
+													timeAgo(activity.timestamp),
+													" · ",
+													activity.timestamp.toLocaleTimeString()
+												]
+											})]
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-[16px]",
+								children: [/* @__PURE__ */ jsx("span", {
+									style: {
+										fontFamily: "var(--font-heading)",
+										fontSize: "var(--text-sm)",
+										fontWeight: "var(--font-weight-normal)",
+										lineHeight: "24px",
+										color: "var(--foreground)"
+									},
+									children: "Description"
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "relative rounded-[12px] p-[16px]",
+									style: { backgroundColor: "var(--input-background)" },
+									children: [/* @__PURE__ */ jsx("div", {
+										"aria-hidden": "true",
+										className: "absolute border border-solid inset-0 pointer-events-none rounded-[12px]",
+										style: { borderColor: "var(--border)" }
+									}), /* @__PURE__ */ jsx("span", {
+										style: {
+											fontFamily: "var(--font-body)",
+											fontSize: "var(--text-sm)",
+											fontWeight: "var(--font-weight-normal)",
+											lineHeight: "20px",
+											color: "var(--foreground)"
+										},
+										children: activity.description
+									})]
+								})]
+							}),
+							metadataRows.length > 0 && /* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-[16px]",
+								children: [/* @__PURE__ */ jsx("span", {
+									style: {
+										fontFamily: "var(--font-heading)",
+										fontSize: "var(--text-sm)",
+										fontWeight: "var(--font-weight-normal)",
+										lineHeight: "24px",
+										color: "var(--foreground)"
+									},
+									children: "Event Metadata"
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "relative rounded-[12px] p-[16px] flex flex-col gap-[12px]",
+									style: { backgroundColor: "var(--input-background)" },
+									children: [/* @__PURE__ */ jsx("div", {
+										"aria-hidden": "true",
+										className: "absolute border border-solid inset-0 pointer-events-none rounded-[12px]",
+										style: { borderColor: "var(--border)" }
+									}), metadataRows.map((row) => /* @__PURE__ */ jsxs("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ jsx("span", {
+											style: {
+												fontFamily: "var(--font-body)",
+												fontSize: "var(--text-sm)",
+												fontWeight: "var(--font-weight-normal)",
+												lineHeight: "20px",
+												color: "var(--muted-foreground)"
+											},
+											children: row.label
+										}), /* @__PURE__ */ jsx("span", {
+											style: {
+												fontFamily: "var(--font-body)",
+												fontSize: "var(--text-sm)",
+												fontWeight: "var(--font-weight-medium)",
+												lineHeight: "20px",
+												color: "var(--foreground)"
+											},
+											children: row.value
+										})]
+									}, row.label))]
+								})]
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "shrink-0 px-[24px] py-[16px]",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "flex gap-[8px] items-start justify-end w-full",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "relative flex-1 rounded-[9999px]",
+							children: [/* @__PURE__ */ jsx("div", {
+								"aria-hidden": "true",
+								className: "absolute border border-solid inset-0 pointer-events-none rounded-[9999px]",
+								style: { borderColor: "var(--ring)" }
+							}), /* @__PURE__ */ jsx("button", {
+								onClick: handleClose,
+								className: "flex items-center justify-center w-full px-[32px] py-[12px] rounded-[9999px] cursor-pointer transition-colors",
+								style: { backgroundColor: "transparent" },
+								onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--muted)",
+								onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+								children: /* @__PURE__ */ jsx("span", {
+									style: {
+										fontFamily: "var(--font-heading)",
+										fontSize: "var(--text-base)",
+										fontWeight: "var(--font-weight-medium)",
+										lineHeight: "24px",
+										color: "var(--foreground)"
+									},
+									children: "Close"
+								})
+							})]
+						})
+					})
+				})
+			]
+		})
+	}), document.body);
+}
+function RecentActivitiesPanel({ onClose, onViewDetails, externalFilterType, externalFilterResourceId, onClearFilter }) {
+	const { activities, markAllRead } = useActivity();
+	const [activeTab, setActiveTab] = useState("logs");
+	useEffect(() => {
+		if (externalFilterType === "errors") setActiveTab("errors");
+		else if (externalFilterType === "token_expired" || externalFilterType === "warnings") setActiveTab("logs");
+	}, [externalFilterType]);
+	const logItems = activities.filter((a) => a.severity !== "error");
+	const errorItems = activities.filter((a) => a.severity === "error");
+	const applyResourceFilter = (items) => {
+		if (!externalFilterResourceId) return items;
+		return items.filter((a) => a.metadata?.resourceId === externalFilterResourceId);
+	};
+	const applyTypeFilter = (items) => {
+		if (!externalFilterType || externalFilterType === "all") return items;
+		if (externalFilterType === "errors") return items;
+		if (externalFilterType === "token_expired") return items.filter((a) => a.type === "token_expired");
+		if (externalFilterType === "warnings") return items.filter((a) => a.severity === "warning");
+		return items;
+	};
+	const items = applyTypeFilter(applyResourceFilter(activeTab === "logs" ? logItems : errorItems));
+	const isFiltered = !!externalFilterResourceId || !!externalFilterType && externalFilterType !== "all";
+	const filterSourceName = isFiltered && externalFilterResourceId && items.length > 0 ? items[0].source : null;
+	const handleOpenPanel = () => {
+		markAllRead();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-[16px] items-start p-[20px] size-full",
+		onClick: handleOpenPanel,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex gap-[16px] h-[24px] items-center justify-center shrink-0 w-full",
+				children: [
+					/* @__PURE__ */ jsx(Activity, {
+						className: "size-[20px] shrink-0",
+						style: { color: "var(--foreground)" }
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex flex-1 min-w-0",
+						children: /* @__PURE__ */ jsx("span", {
+							style: {
+								fontFamily: "var(--font-heading)",
+								fontSize: "var(--text-base)",
+								fontWeight: "var(--font-weight-normal)",
+								lineHeight: "24px",
+								color: "var(--foreground)"
+							},
+							children: "Recent Activities"
+						})
+					}),
+					/* @__PURE__ */ jsx("button", {
+						onClick: (e) => {
+							e.stopPropagation();
+							onClose();
+						},
+						className: "flex items-center justify-center shrink-0 size-[24px] rounded-[24px] cursor-pointer bg-transparent transition-all",
+						"aria-label": "Minimize panel",
+						onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--glass-medium)",
+						onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+						children: /* @__PURE__ */ jsx(Minimize2, {
+							className: "size-[16px]",
+							style: { color: "var(--foreground)" }
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "relative rounded-[12px] shrink-0 w-full",
+				style: { backgroundColor: "var(--tab-container-bg)" },
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center p-[4px] w-full",
+					children: [/* @__PURE__ */ jsx("button", {
+						onClick: () => setActiveTab("logs"),
+						className: "flex-1 min-h-[32px] min-w-[32px] relative rounded-[10px] cursor-pointer transition-all",
+						style: {
+							backgroundColor: activeTab === "logs" ? "var(--tab-active-bg)" : "transparent",
+							boxShadow: activeTab === "logs" ? "var(--elevation-sm)" : "none"
+						},
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center justify-center gap-[8px] px-[10px] py-[5.5px] w-full min-h-[inherit]",
+							children: [/* @__PURE__ */ jsx("span", {
+								style: {
+									fontFamily: "var(--font-body)",
+									fontSize: "var(--text-sm)",
+									fontWeight: "var(--font-weight-medium)",
+									lineHeight: "20px",
+									color: "var(--foreground)"
+								},
+								children: "Logs"
+							}), /* @__PURE__ */ jsx(TabCounter, {
+								count: logItems.length,
+								variant: "warning"
+							})]
+						})
+					}), /* @__PURE__ */ jsx("button", {
+						onClick: () => setActiveTab("errors"),
+						className: "flex-1 min-h-[32px] min-w-[32px] relative rounded-[10px] cursor-pointer transition-all",
+						style: {
+							backgroundColor: activeTab === "errors" ? "var(--tab-active-bg)" : "transparent",
+							boxShadow: activeTab === "errors" ? "var(--elevation-sm)" : "none"
+						},
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center justify-center gap-[8px] px-[10px] py-[5.5px] w-full min-h-[inherit]",
+							children: [/* @__PURE__ */ jsx("span", {
+								style: {
+									fontFamily: "var(--font-body)",
+									fontSize: "var(--text-sm)",
+									fontWeight: "var(--font-weight-medium)",
+									lineHeight: "20px",
+									color: "var(--foreground)"
+								},
+								children: "Errors"
+							}), /* @__PURE__ */ jsx(TabCounter, {
+								count: errorItems.length,
+								variant: "danger"
+							})]
+						})
+					})]
+				})
+			}),
+			isFiltered && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between gap-[8px] w-full px-[12px] py-[8px] rounded-[10px] shrink-0",
+				style: { backgroundColor: "var(--badge-info-bg)" },
+				children: [/* @__PURE__ */ jsxs("span", {
+					style: {
+						fontFamily: "var(--font-body)",
+						fontSize: "12px",
+						fontWeight: "var(--font-weight-medium)",
+						lineHeight: "16px",
+						color: "var(--badge-info-text)"
+					},
+					children: [
+						"Filtered",
+						filterSourceName ? `: ${filterSourceName}` : "",
+						externalFilterType && externalFilterType !== "all" ? ` · ${externalFilterType.replace("_", " ")}` : ""
+					]
+				}), onClearFilter && /* @__PURE__ */ jsx("button", {
+					onClick: (e) => {
+						e.stopPropagation();
+						onClearFilter();
+					},
+					className: "flex items-center justify-center size-[20px] rounded-[6px] cursor-pointer transition-colors",
+					style: { color: "var(--badge-info-text)" },
+					onMouseEnter: (e) => e.currentTarget.style.opacity = "0.7",
+					onMouseLeave: (e) => e.currentTarget.style.opacity = "1",
+					"aria-label": "Clear filter",
+					children: /* @__PURE__ */ jsx(X, { className: "size-[12px]" })
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-col gap-[12px] items-start overflow-y-auto flex-1 min-h-0 w-full",
+				children: items.length === 0 ? isFiltered ? /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center justify-center flex-1 min-h-[200px] gap-[12px]",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "size-[40px] flex items-center justify-center rounded-full",
+							style: { backgroundColor: "var(--muted)" },
+							children: /* @__PURE__ */ jsx(Filter, {
+								className: "size-[20px]",
+								style: { color: "var(--muted-foreground)" }
+							})
+						}),
+						/* @__PURE__ */ jsx("span", {
+							style: {
+								fontFamily: "var(--font-body)",
+								fontSize: "var(--text-sm)",
+								fontWeight: "var(--font-weight-normal)",
+								lineHeight: "20px",
+								color: "var(--muted-foreground)",
+								textAlign: "center"
+							},
+							children: "No matching activity yet"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							style: {
+								fontFamily: "var(--font-body)",
+								fontSize: "12px",
+								fontWeight: "var(--font-weight-normal)",
+								lineHeight: "16px",
+								color: "var(--muted-foreground)",
+								textAlign: "center"
+							},
+							children: "Events will appear here as the resource progresses through its lifecycle."
+						})
+					]
+				}) : /* @__PURE__ */ jsx("div", {
+					className: "w-full",
+					children: /* @__PURE__ */ jsx(EmptyState, { tab: activeTab })
+				}) : items.map((item) => /* @__PURE__ */ jsx(ActivityCard, {
+					item,
+					onViewDetails: () => onViewDetails(item)
+				}, item.id))
+			})
+		]
+	});
+}
+function CollapsedActivityBar({ onClick, unreadCount }) {
+	return /* @__PURE__ */ jsx("button", {
+		onClick,
+		className: "backdrop-blur-[45px] flex flex-col items-start overflow-x-clip overflow-y-auto p-[16px] rounded-[16px] shrink-0 w-full cursor-pointer transition-all",
+		style: { backgroundColor: "var(--glass-strong)" },
+		onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--glass-medium)",
+		onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "var(--glass-strong)",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex gap-[16px] h-[24px] items-center justify-center w-full",
+			children: [
+				/* @__PURE__ */ jsx(Activity, {
+					className: "size-[20px] shrink-0",
+					style: { color: "var(--foreground)" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex flex-1 flex-col gap-[8px] items-start min-w-0",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex gap-[8px] items-center w-full",
+						children: [/* @__PURE__ */ jsx("p", {
+							style: {
+								fontFamily: "var(--font-heading)",
+								fontSize: "var(--text-base)",
+								fontWeight: "var(--font-weight-normal)",
+								lineHeight: "24px",
+								color: "var(--foreground)",
+								whiteSpace: "nowrap",
+								textAlign: "left"
+							},
+							children: "Recent Activities"
+						}), unreadCount > 0 && /* @__PURE__ */ jsx("div", {
+							className: "flex items-center justify-center min-w-[16px] h-[16px] px-[4px] rounded-full",
+							style: { backgroundColor: "var(--destructive)" },
+							children: /* @__PURE__ */ jsx("span", {
+								style: {
+									fontFamily: "var(--font-body)",
+									fontSize: "10px",
+									fontWeight: 600,
+									lineHeight: "12px",
+									color: "var(--destructive-foreground)"
+								},
+								children: unreadCount > 9 ? "9+" : unreadCount
+							})
+						})]
+					})
+				}),
+				/* @__PURE__ */ jsx(ChevronsUpDown, {
+					className: "size-[24px] shrink-0",
+					style: { color: "var(--foreground)" }
+				})
+			]
+		})
+	});
+}
+function CollapsedChatBar({ onClick }) {
+	return /* @__PURE__ */ jsx("button", {
+		onClick,
+		className: "backdrop-blur-[45px] flex flex-col items-start overflow-x-clip overflow-y-auto p-[16px] rounded-[16px] shrink-0 w-full cursor-pointer transition-all",
+		style: { backgroundColor: "var(--glass-strong)" },
+		onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--glass-medium)",
+		onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "var(--glass-strong)",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex gap-[16px] h-[24px] items-center justify-center w-full",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "overflow-clip relative rounded-[24px] shrink-0 size-[20px]",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "absolute",
+						style: { inset: "5.21%" },
+						children: /* @__PURE__ */ jsxs("svg", {
+							className: "absolute block size-full",
+							fill: "none",
+							preserveAspectRatio: "none",
+							viewBox: "0 0 17.9175 17.9175",
+							children: [
+								/* @__PURE__ */ jsx("path", {
+									d: svg_9ebyigi4zl_default.p1104e600,
+									fill: "var(--foreground)"
+								}),
+								/* @__PURE__ */ jsx("path", {
+									d: svg_9ebyigi4zl_default.p2fe30c00,
+									fill: "var(--foreground)"
+								}),
+								/* @__PURE__ */ jsx("path", {
+									d: svg_9ebyigi4zl_default.p18accf00,
+									fill: "var(--foreground)"
+								}),
+								/* @__PURE__ */ jsx("path", {
+									d: svg_9ebyigi4zl_default.p2b445ef2,
+									fill: "var(--foreground)"
+								}),
+								/* @__PURE__ */ jsx("path", {
+									d: svg_9ebyigi4zl_default.p29b5f100,
+									fill: "var(--foreground)"
+								})
+							]
+						})
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex flex-1 flex-col gap-[8px] items-start min-w-0",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "flex gap-[8px] items-center w-full",
+						children: /* @__PURE__ */ jsx("p", {
+							style: {
+								fontFamily: "var(--font-heading)",
+								fontSize: "var(--text-base)",
+								fontWeight: "var(--font-weight-normal)",
+								lineHeight: "24px",
+								color: "var(--foreground)",
+								whiteSpace: "nowrap",
+								textAlign: "left"
+							},
+							children: "AI Assistance"
+						})
+					})
+				}),
+				/* @__PURE__ */ jsx(ChevronsUpDown, {
+					className: "size-[24px] shrink-0",
+					style: { color: "var(--foreground)" }
+				})
+			]
+		})
+	});
+}
+function RightSidebar({ domain = "slingshot" }) {
+	const chatConfig = domainChatConfigs[domain] ?? domainChatConfigs.slingshot;
+	const [selectedActivity, setSelectedActivity] = useState(null);
+	const { activePanel, openPanel, closePanel } = useRightPanel();
+	const { unreadCount, panelExpanded, setPanelExpanded, filterType, setFilterType, filterResourceId, setFilterResourceId } = useActivity();
+	const isExpanded = activePanel !== null;
+	const MIN_WIDTH = 320;
+	const MAX_WIDTH = 600;
+	const DEFAULT_WIDTH = 400;
+	const [panelWidth, setPanelWidth] = useState(DEFAULT_WIDTH);
+	const handleHorizontalResizeStart = useCallback((e) => {
+		e.preventDefault();
+		const startX = e.clientX;
+		const startWidth = panelWidth;
+		const onMouseMove = (ev) => {
+			const delta = startX - ev.clientX;
+			setPanelWidth(Math.min(MAX_WIDTH, Math.max(MIN_WIDTH, startWidth + delta)));
+		};
+		const onMouseUp = () => {
+			document.removeEventListener("mousemove", onMouseMove);
+			document.removeEventListener("mouseup", onMouseUp);
+			document.body.style.cursor = "";
+			document.body.style.userSelect = "";
+		};
+		document.body.style.cursor = "col-resize";
+		document.body.style.userSelect = "none";
+		document.addEventListener("mousemove", onMouseMove);
+		document.addEventListener("mouseup", onMouseUp);
+	}, [panelWidth]);
+	const handleDoubleClick = useCallback(() => {
+		setPanelWidth(DEFAULT_WIDTH);
+	}, []);
+	useEffect(() => {
+		if (panelExpanded && activePanel !== "activity") openPanel("activity");
+	}, [
+		panelExpanded,
+		activePanel,
+		openPanel
+	]);
+	const handleCloseActivity = useCallback(() => {
+		closePanel();
+		setPanelExpanded(false);
+		setFilterType(null);
+		setFilterResourceId(null);
+	}, [
+		closePanel,
+		setPanelExpanded,
+		setFilterType,
+		setFilterResourceId
+	]);
+	const handleCloseChat = useCallback(() => {
+		closePanel();
+	}, [closePanel]);
+	const handleClearFilter = useCallback(() => {
+		setFilterType(null);
+		setFilterResourceId(null);
+	}, [setFilterType, setFilterResourceId]);
+	const handleViewDetails = useCallback((activity) => {
+		setSelectedActivity(activity);
+	}, []);
+	const handleSwitchToActivity = useCallback(() => {
+		openPanel("activity");
+	}, [openPanel]);
+	const handleSwitchToChat = useCallback(() => {
+		if (activePanel === "activity") {
+			setPanelExpanded(false);
+			setFilterType(null);
+			setFilterResourceId(null);
+		}
+		openPanel("ai-chat");
+	}, [
+		activePanel,
+		openPanel,
+		setPanelExpanded,
+		setFilterType,
+		setFilterResourceId
+	]);
+	if (!isExpanded) return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-[8px] shrink-0 sticky top-[88px] z-[1]",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "backdrop-blur-[45px] rounded-[16px] overflow-hidden",
+			style: {
+				backgroundColor: "var(--glass-strong)",
+				width: "56px",
+				height: "56px"
+			},
+			children: /* @__PURE__ */ jsx("div", {
+				className: "flex items-center justify-center size-[56px]",
+				children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx("button", {
+						className: "relative flex items-center justify-center w-[40px] h-[40px] rounded-full bg-transparent transition-all cursor-pointer",
+						"aria-label": "AI Chat Assistant",
+						onClick: () => openPanel("ai-chat"),
+						onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--glass-medium)",
+						onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+						children: /* @__PURE__ */ jsx(Bot, {
+							className: "size-[16px]",
+							style: { color: "var(--foreground)" }
+						})
+					})
+				}), /* @__PURE__ */ jsx(TooltipContent, {
+					side: "left",
+					sideOffset: 8,
+					className: "flex gap-[8px] items-center justify-center px-[8px] py-[6px] rounded-[8px] z-50 relative",
+					style: { backgroundColor: "var(--tooltip-bg)" },
+					children: /* @__PURE__ */ jsx("p", {
+						style: {
+							fontFamily: "var(--font-body)",
+							fontSize: "12px",
+							fontWeight: "var(--font-weight-normal)",
+							lineHeight: "16px",
+							color: "var(--tooltip-foreground)"
+						},
+						children: "AI Chat Assistant"
+					})
+				})] })
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: "backdrop-blur-[45px] rounded-[16px] overflow-hidden",
+			style: {
+				backgroundColor: "var(--glass-strong)",
+				width: "56px",
+				height: "56px"
+			},
+			children: /* @__PURE__ */ jsx("div", {
+				className: "flex items-center justify-center size-[56px]",
+				children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsxs("button", {
+						className: "relative flex items-center justify-center w-[40px] h-[40px] rounded-full bg-transparent transition-all cursor-pointer",
+						"aria-label": "Activity",
+						onClick: () => openPanel("activity"),
+						onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--glass-medium)",
+						onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+						children: [/* @__PURE__ */ jsx(Activity, {
+							className: "size-[16px]",
+							style: { color: "var(--foreground)" }
+						}), unreadCount > 0 && /* @__PURE__ */ jsx("div", {
+							className: "absolute top-[4px] right-[4px] flex items-center justify-center min-w-[16px] h-[16px] px-[4px] rounded-full",
+							style: { backgroundColor: "var(--destructive)" },
+							children: /* @__PURE__ */ jsx("span", {
+								style: {
+									fontFamily: "var(--font-body)",
+									fontSize: "10px",
+									fontWeight: 600,
+									lineHeight: "12px",
+									color: "var(--destructive-foreground)"
+								},
+								children: unreadCount > 9 ? "9+" : unreadCount
+							})
+						})]
+					})
+				}), /* @__PURE__ */ jsx(TooltipContent, {
+					side: "left",
+					sideOffset: 8,
+					className: "flex gap-[8px] items-center justify-center px-[8px] py-[6px] rounded-[8px] z-50 relative",
+					style: { backgroundColor: "var(--tooltip-bg)" },
+					children: /* @__PURE__ */ jsx("p", {
+						style: {
+							fontFamily: "var(--font-body)",
+							fontSize: "12px",
+							fontWeight: "var(--font-weight-normal)",
+							lineHeight: "16px",
+							color: "var(--tooltip-foreground)"
+						},
+						children: "Activity"
+					})
+				})] })
+			})
+		})]
+	}), /* @__PURE__ */ jsx(ActivityDetailDrawer, {
+		activity: selectedActivity,
+		isOpen: !!selectedActivity,
+		onClose: () => setSelectedActivity(null)
+	})] });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "flex flex-row items-stretch shrink-0 sticky top-[88px] z-[1]",
+		style: {
+			width: `${panelWidth}px`,
+			height: "calc(100vh - 84px - 16px)"
+		},
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "flex items-center justify-center shrink-0 cursor-col-resize group",
+			style: {
+				width: "8px",
+				marginRight: "0px"
+			},
+			onMouseDown: handleHorizontalResizeStart,
+			onDoubleClick: handleDoubleClick,
+			"aria-label": "Resize panel",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "rounded-full transition-all duration-150",
+				style: {
+					width: "3px",
+					height: "40px",
+					backgroundColor: "var(--border)",
+					opacity: .5
+				},
+				onMouseEnter: (e) => {
+					e.currentTarget.style.opacity = "1";
+					e.currentTarget.style.backgroundColor = "var(--ring)";
+					e.currentTarget.style.width = "4px";
+				},
+				onMouseLeave: (e) => {
+					e.currentTarget.style.opacity = "0.5";
+					e.currentTarget.style.backgroundColor = "var(--border)";
+					e.currentTarget.style.width = "3px";
+				}
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-[12px] items-start flex-1 min-w-0",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "backdrop-blur-[45px] flex-1 min-h-0 relative rounded-[16px] w-full overflow-hidden transition-all duration-300 ease-in-out",
+				style: { backgroundColor: "var(--glass-strong)" },
+				children: /* @__PURE__ */ jsx("div", {
+					className: "overflow-x-clip overflow-y-auto size-full",
+					children: activePanel === "ai-chat" ? /* @__PURE__ */ jsx(AIChatPanel, {
+						onClose: handleCloseChat,
+						suggestedPrompts: chatConfig.suggestedPrompts,
+						mockResponses: chatConfig.mockResponses,
+						fallbackResponse: chatConfig.fallbackResponse
+					}) : /* @__PURE__ */ jsx(RecentActivitiesPanel, {
+						onClose: handleCloseActivity,
+						onViewDetails: handleViewDetails,
+						externalFilterType: filterType,
+						externalFilterResourceId: filterResourceId,
+						onClearFilter: handleClearFilter
+					})
+				})
+			}), activePanel === "ai-chat" ? /* @__PURE__ */ jsx(CollapsedActivityBar, {
+				onClick: handleSwitchToActivity,
+				unreadCount
+			}) : /* @__PURE__ */ jsx(CollapsedChatBar, { onClick: handleSwitchToChat })]
+		})]
+	}), /* @__PURE__ */ jsx(ActivityDetailDrawer, {
+		activity: selectedActivity,
+		isOpen: !!selectedActivity,
+		onClose: () => setSelectedActivity(null)
+	})] });
+}
+//#endregion
+//#region src/layouts/SlingshotHeader/SlingshotHeader.tsx
+/** Slingshot-branded {@link AppHeader}. Kept for backwards compatibility; prefer `<AppHeader brand="slingshot" />`. */
+function SlingshotHeader({ isDarkMode, onToggleTheme }) {
+	return /* @__PURE__ */ jsx(AppHeader, {
+		brand: "slingshot",
+		isDarkMode,
+		onToggleTheme
+	});
+}
+//#endregion
+//#region src/layouts/SustainHeader/SustainHeader.tsx
+/** Sustain-branded {@link AppHeader}. Kept for backwards compatibility; prefer `<AppHeader brand="sustain" />`. */
+function SustainHeader({ isDarkMode, onToggleTheme }) {
+	return /* @__PURE__ */ jsx(AppHeader, {
+		brand: "sustain",
+		isDarkMode,
+		onToggleTheme
+	});
+}
+//#endregion
+export { MobileGate as a, Header as c, AnimatedBackground as d, PSAIHeader as i, BodhiHeader as l, SlingshotHeader as n, Logo as o, RightSidebar as r, LeftNavigation as s, SustainHeader as t, AppHeader as u };
+
+//# sourceMappingURL=layouts.js.map