chordia-ui 3.3.8 → 3.3.9

package/dist/components/navigation.es.js

@@ -1,10 +1,769 @@
-import { N as r, a as s, b as t, c as d, S as i, d as N } from "../NavigationBar.es.js";
+import { jsxs as u, jsx as j, Fragment as P } from "react/jsx-runtime";
+import q, { useState as l, useMemo as b, useEffect as w, useRef as G } from "react";
+import { PanelLeft as MM, PanelLeftClose as NM, ChevronDown as V, SquareDot as v, Home as DM, FolderClosed as F, Users as m, LayoutDashboard as jM, Clock3 as B, Activity as R, Lightbulb as zM, Bell as IM, Plug as gM, Settings as rM, BarChart3 as eM, FileText as W, Headphones as yM, Shield as uM, Sliders as tM, Workflow as iM, LogOut as nM } from "lucide-react";
+import { T as TM, a as cM, b as xM } from "../Tooltip.es.js";
+import "react-dom";
+const AM = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ2IiBoZWlnaHQ9IjQ3IiB2aWV3Qm94PSIwIDAgMTQ2IDQ3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzkuNzM0NSAyMy4wODc5QzM5LjczNDUgMTguMzI2NCAzNy45NTYyIDEzLjk4MDYgMzUuMDI2NSAxMC42Nzc4QzMxLjU5ODQgNi44MTMwMyAyNi41OTYxIDQuMzc5OTUgMjEuMDI1NSA0LjM3OTkxQzE1LjU1IDQuMzc5OTEgMTAuNjI2IDYuNzMxNTUgNy4yMDMyNSAxMC40ODE1QzQuMTY3MzIgMTMuODA4NiAyLjMxNzUyIDE4LjIzMTIgMi4zMTc1IDIzLjA4ODlDMi4zMTc1IDI4LjQ3MDQgNC41ODkzNiAzMy4zMjE1IDguMjI4NjQgMzYuNzM1NEw4LjU0NjAyIDM3LjAyNjRDMTEuODY0MyAzOS45OTE5IDE2LjM3NzQgNDEuNzk2OSAyMS4wMjY1IDQxLjc5NjlDMjUuODI4NSA0MS43OTY5IDMwLjIwNjkgMzkuOTg5MiAzMy41MTk3IDM3LjAxNDdDMzcuMzM2MyAzMy41ODc1IDM5LjczNDUgMjguNjE4MSAzOS43MzQ1IDIzLjA4NzlaTTQxLjA5NzggMjMuMDg3OUM0MS4wOTc4IDI5LjAyMSAzOC41MjIgMzQuMzUzNyAzNC40Mjk4IDM4LjAyODRDMzAuODc2NyA0MS4yMTg3IDI2LjE3NzMgNDMuMTYwMiAyMS4wMjY1IDQzLjE2MDJDMTUuODczMiA0My4xNjAyIDEwLjg4NzUgNDEuMDk4OSA3LjI5NjAyIDM3LjcyOTVDMy4zOTM2IDM0LjA2ODggMC45NTQyMjQgMjguODYyMyAwLjk1NDIyNCAyMy4wODg5QzAuOTU0MjM1IDE3Ljg3ODIgMi45NDA0MiAxMy4xMzA4IDYuMTk2NDEgOS41NjI1M0M5Ljg2NjMxIDUuNTQxOCAxNS4xNTExIDMuMDE2NjMgMjEuMDI1NSAzLjAxNjYzQzI3LjAwMjEgMy4wMTY2NiAzMi4zNzAyIDUuNjMwMzIgMzYuMDQ2IDkuNzc0NDRDMzkuMTg4MSAxMy4zMTY4IDQxLjA5NzggMTcuOTgwNiA0MS4wOTc4IDIzLjA4NzlaIiBmaWxsPSIjRThENEEzIi8+CjxwYXRoIGQ9Ik0zNy4yODcyIDIzLjA4OTFDMzcuMjg3MiAxOC44Njk4IDM1LjY3NjkgMTUuMDI2OCAzMy4wMzcyIDEyLjE0MThMMzMuMDM1MiAxMi4xMzk5QzMwLjA2NjcgOC44NzUwMSAyNS43ODYxIDYuODI2NDQgMjEuMDI1NSA2LjgyNjRDMTYuMjU0NiA2LjgyNjQgMTEuOTY0NyA4Ljg4MDYxIDguOTg5MzIgMTIuMTUzNUM2LjM2MzM4IDE1LjA0MjEgNC43NjI3NiAxOC44NzggNC43NjI3NiAyMy4wODkxQzQuNzYyOCAyNy43MTc0IDcuMDIyNTMgMzEuNDcyIDEwLjIxNTkgMzQuNDczOUMxMy4xNzA0IDM3LjI1MTggMTYuODYwNyAzOS4zNTA4IDIxLjAyNTUgMzkuMzUwOEMyNS4yNDI5IDM5LjM1MDggMjkuMDg1MiAzNy43NDQyIDMxLjk3MzcgMzUuMTA5NkwzMi4yNzY0IDM0LjgyNzRDMzUuMzY1MiAzMS44Njg2IDM3LjI4NzEgMjcuNzAzNCAzNy4yODcyIDIzLjA4OTFaTTM4LjQ3OTYgMjMuMDg5MUMzOC40Nzk1IDI4LjIwMTUgMzYuMjc5NCAzMi44MDE5IDMyLjc3NjQgMzUuOTkxNEMyOS42NzcgMzguODE4MiAyNS41NTEzIDQwLjU0MzIgMjEuMDI1NSA0MC41NDMyQzE2LjQ0NjQgNDAuNTQzMiAxMi40Nzg0IDM4LjIzNzkgOS4zOTk0OCAzNS4zNDNDNi4wNTE2OCAzMi4xOTYgMy41NzE0IDI4LjE0NzkgMy41NzEzNSAyMy4wODkxQzMuNTcxMzUgMTguNTcwMSA1LjI4OTA5IDE0LjQ1MTIgOC4xMDY1MSAxMS4zNTE4QzExLjI5ODMgNy44NDA3NCAxNS45MDQ3IDUuNjM0OTkgMjEuMDI1NSA1LjYzNDk5QzI2LjEzNSA1LjYzNTAzIDMwLjczMTEgNy44MzQgMzMuOTE2MSAxMS4zMzYyQzM2Ljc0OTMgMTQuNDMyNCAzOC40Nzk2IDE4LjU2MDIgMzguNDc5NiAyMy4wODkxWiIgZmlsbD0iI0MxRDg5RiIvPgo8cGF0aCBkPSJNMzQuODQxMSAyMy4wODkxQzM0Ljg0MTEgMTkuNDEwMyAzMy4zOTEzIDE2LjA3NjMgMzEuMDQ2MSAxMy42MDA4QzI4LjUyODEgMTAuOTQyNyAyNC45NzQzIDkuMjcyNzYgMjEuMDI1NiA5LjI3MjcyQzE2Ljk1OTQgOS4yNzI3MiAxMy4zMDM2IDExLjAyODUgMTAuNzc1NiAxMy44MjQ1QzguNTU4NSAxNi4yNzU3IDcuMjA5MjMgMTkuNTI0NiA3LjIwOTIzIDIzLjA4OTFDNy4yMDkzIDI2Ljk2ODQgOS40NDY5IDI5LjYxMTYgMTIuMjA1MyAzMi4yMTMyQzE0Ljc4MTUgMzQuNjQyNCAxNy40ODI2IDM2LjkwNDYgMjEuMDI1NiAzNi45MDQ2QzI0LjY1OTcgMzYuOTA0NSAyNy45NjU3IDM1LjQ5OTMgMzAuNDI5OSAzMy4yMDM0QzMzLjE0MzcgMzAuNjgzMiAzNC44NDEgMjcuMDg1IDM0Ljg0MTEgMjMuMDg5MVpNMzUuODYzNSAyMy4wODkxQzM1Ljg2MzUgMjcuMzgwNyAzNC4wMzgzIDMxLjI0NiAzMS4xMjUyIDMzLjk1MTRDMjguNDc5NCAzNi40MTY1IDI0LjkyODQgMzcuOTI3IDIxLjAyNTYgMzcuOTI3QzE3LjAzMTUgMzcuOTI3IDE0LjA1OTUgMzUuMzY1IDExLjUwNTEgMzIuOTU2M0gxMS41MDQyQzguNzIxNjcgMzAuMzMyMSA2LjE4NzgyIDI3LjQyNyA2LjE4Nzc0IDIzLjA4OTFDNi4xODc3NCAxOS4yNjE2IDcuNjM3MzUgMTUuNzcwNyAxMC4wMTc4IDEzLjEzODlMMTAuMjc1NiAxMi44NjE2QzEyLjk3NzIgMTAuMDIyMSAxNi43OTUgOC4yNTEyNCAyMS4wMjU2IDguMjUxMjRDMjUuMjY5NCA4LjI1MTI4IDI5LjA4NzQgMTAuMDQ2NiAzMS43ODgzIDEyLjg5NzdDMzQuMzA0IDE1LjU1MzEgMzUuODYzNSAxOS4xMzU2IDM1Ljg2MzUgMjMuMDg5MVoiIGZpbGw9IiM5QkRCOUMiLz4KPHBhdGggZD0iTTMyLjM5MzggMjMuMDg4QzMyLjM5MzggMTkuOTUwOCAzMS4xMTM0IDE3LjExODQgMjkuMDU2OSAxNS4wNjA3QzI3LjAwMDQgMTMuMDAzMiAyNC4xNjQ5IDExLjcxOSAyMS4wMjU2IDExLjcxODlIMjAuOTQ2NUMxNy42MTc0IDExLjc0MTIgMTQuNjI3NiAxMy4xOTM5IDEyLjU2MTcgMTUuNDk1M0MxMC43NTQ2IDE3LjUwOTIgOS42NTU0OSAyMC4xNjkzIDkuNjU1NDkgMjMuMDg4QzkuNjU1NTMgMjQuNjU3MSAxMC4yMDgzIDI1LjgyMTQgMTEuMDQ2MSAyNi44NjY0QzExLjkwNTYgMjcuOTM4NCAxMy4wMjQ5IDI4Ljg0NDEgMTQuMTkzNiAyOS45NTAzQzE0LjcyODggMzAuNDU3NCAxNS4yNTIxIDMxLjAwODEgMTUuNzYzOSAzMS41Mjc1QzE2LjI4MTEgMzIuMDUyNCAxNi43OTQzIDMyLjU1NDMgMTcuMzM1MiAzMi45OTE0QzE4LjQxMjMgMzMuODYxNiAxOS41NzM3IDM0LjQ1ODIgMjEuMDI0NiAzNC40NTgyQzI0LjA3NTQgMzQuNDU4MSAyNi44NDM5IDMzLjI1NSAyOC44ODQgMzEuMjk4VjMxLjI5N0MzMS4wNDY0IDI5LjIzMDggMzIuMzkzNyAyNi4yMjQ4IDMyLjM5MzggMjMuMDg4Wk0zMy4yNDUzIDIzLjA4OEMzMy4yNDUzIDI2LjM1NzcgMzEuODg3NiAyOS40ODc5IDI5LjY4NzcgMzEuNzAxM0wyOS40NzI5IDMxLjkxMjNDMjcuMjgwNyAzNC4wMTUgMjQuMzAzOSAzNS4zMDk2IDIxLjAyNDYgMzUuMzA5N0MxOS4zMTAzIDM1LjMwOTcgMTcuOTY0OSAzNC41OTQ2IDE2LjggMzMuNjUzNUMxNi4yMiAzMy4xODQ4IDE1LjY3OTIgMzIuNjU0NyAxNS4xNTc0IDMyLjEyNTFDMTQuNjMwMiAzMS41OSAxNC4xMjk3IDMxLjA2MjIgMTMuNjA4NiAzMC41Njg1VjMwLjU2OTVDMTIuNTA1OCAyOS41MjU2IDExLjI4OTMgMjguNTMxNCAxMC4zODExIDI3LjM5ODZDOS40NTEzMyAyNi4yMzg4IDguODAzOTcgMjQuODkyNCA4LjgwMzkyIDIzLjA4OEM4LjgwMzkyIDE5Ljk1MSA5Ljk4NiAxNy4wODk5IDExLjkyNzkgMTQuOTI1OUgxMS45Mjg5QzE0LjE2NTYgMTIuNDM0NSAxNy40MTI2IDEwLjg2NjQgMjEuMDI0NiAxMC44NjY0SDIxLjIwMDRMMjEuMjAzMyAxMC44NzAzQzI0LjUwOTUgMTAuOTE3OSAyNy40ODk2IDEyLjI4OTMgMjkuNjU4NCAxNC40NTkxTDMwLjA2MjcgMTQuODgzQzMyLjAzMzQgMTcuMDQ5OSAzMy4yNDUzIDE5LjkyNDIgMzMuMjQ1MyAyMy4wODhaIiBmaWxsPSIjNzRERjk4Ii8+CjxwYXRoIGQ9Ik0yOS45NDg1IDIzLjA4OTJDMjkuOTQ4NSAyMC40OTE2IDI4LjgzODggMTguMTU0MiAyNy4wNjc3IDE2LjUyMjhDMjUuNDg4IDE1LjA2OCAyMy4zODM2IDE0LjE3NzYgMjEuMDY5NiAxNC4xNjYzSDIxLjAyNDdDMTguMzY4IDE0LjE2NjMgMTUuOTgzNiAxNS4zMjYxIDE0LjM0ODkgMTcuMTY4M0MxMi45NTA0IDE4Ljc0MzcgMTIuMTAxOCAyMC44MTY4IDEyLjEwMTggMjMuMDg5MkMxMi4xMDE5IDI0LjI3MjUgMTIuNjI5IDI0Ljk3NDMgMTMuNDA1NSAyNS42MDU4QzEzLjgwNDIgMjUuOTMgMTQuMjU0MSAyNi4yMjM4IDE0LjczOTUgMjYuNTU3OUMxNS4yMTggMjYuODg3MyAxNS43MTk2IDI3LjI0OTQgMTYuMTgyOSAyNy42OTA4QzE2LjYyMiAyOC4xMDg5IDE3LjAwMjIgMjguNjAzNSAxNy4zNTc3IDI5LjA5NDFDMTcuNzE5MyAyOS41OTMgMTguMDUwMyAzMC4wNzkyIDE4LjQxMjQgMzAuNTIxOEMxOS4xMjk3IDMxLjM5ODYgMTkuODk2OSAzMi4wMTIgMjEuMDI0NyAzMi4wMTJDMjMuNDkxMiAzMi4wMTE5IDI1LjcyMzIgMzEuMDExIDI3LjMzOTEgMjkuMzkyOUMyOC45NTE4IDI3Ljc3ODEgMjkuOTQ4NSAyNS41NTAzIDI5Ljk0ODUgMjMuMDg5MlpNMzAuNjI5MiAyMy4wODkyQzMwLjYyOTEgMjUuNzM4IDI5LjU1NjYgMjguMTM3IDI3LjgyMTYgMjkuODc0M0MyNi4wODMxIDMxLjYxNTIgMjMuNjc5NCAzMi42OTI2IDIxLjAyNDcgMzIuNjkyN0MxOS41OTE2IDMyLjY5MjcgMTguNjUwMiAzMS44ODg3IDE3Ljg4NSAzMC45NTM0QzE3LjUwNjEgMzAuNDkwMiAxNy4xNTE2IDI5Ljk3MTQgMTYuODA1OSAyOS40OTQ1QzE2LjU0MjEgMjkuMTMwNCAxNi4yNzkzIDI4Ljc4NTEgMTUuOTk5MyAyOC40Nzc5TDE1LjcxMzIgMjguMTgzOUMxNS4yOTA4IDI3Ljc4MTYgMTQuODI2NCAyNy40NDQ4IDE0LjM1MzggMjcuMTE5NUMxMy44ODg0IDI2Ljc5OTEgMTMuNDAyMyAyNi40ODE3IDEyLjk3NTkgMjYuMTM1MUMxMi4xMDE5IDI1LjQyNDQgMTEuNDIwMyAyNC41NDU3IDExLjQyMDIgMjMuMDg5MkMxMS40MjAyIDIwLjY0MzkgMTIuMzM0MyAxOC40MTE1IDEzLjgzOTEgMTYuNzE2MUwxNC4xNzggMTYuMzUyOUMxNS44ODYxIDE0LjYxNjcgMTguMjUwOSAxMy41MzA3IDIwLjg3MDQgMTMuNDg5NkwyMC44NzUzIDEzLjQ4MzdIMjEuMDI1N0MyMy41MzQ2IDEzLjQ4MzggMjUuODE4MSAxNC40NDY1IDI3LjUyODYgMTYuMDIxOEMyOS40MzQgMTcuNzc2OCAzMC42MjkyIDIwLjI5MzEgMzAuNjI5MiAyMy4wODkyWiIgZmlsbD0iIzRERTI5NCIvPgo8cGF0aCBkPSJNMTM2LjIwOSAzMi41OTcxQzEzNC45NDIgMzIuNTk3MSAxMzMuOTE3IDMyLjI4ODcgMTMzLjEzNCAzMS42NzIxQzEzMi4zNTEgMzEuMDU1NCAxMzEuOTU5IDMwLjE3MjEgMTMxLjk1OSAyOS4wMjIxQzEzMS45NTkgMjcuODcyMSAxMzIuMzU5IDI2Ljk2MzcgMTMzLjE1OSAyNi4yOTcxQzEzMy45NzYgMjUuNjMwNCAxMzUuMTU5IDI1LjI5NzEgMTM2LjcwOSAyNS4yOTcxSDEzOC4zMzRDMTM5LjQ2NyAyNS4yOTcxIDE0MC4yNjcgMjUuMTQ3MSAxNDAuNzM0IDI0Ljg0NzFDMTQxLjIxNyAyNC41NDcxIDE0MS40NTkgMjQuMDk3MSAxNDEuNDU5IDIzLjQ5NzFDMTQxLjQ1OSAyMi45ODA0IDE0MS4yNDIgMjIuNTMwNCAxNDAuODA5IDIyLjE0NzFDMTQwLjM3NiAyMS43NjM3IDEzOS42OTIgMjEuNTcyMSAxMzguNzU5IDIxLjU3MjFDMTM3Ljg5MiAyMS41NzIxIDEzNy4xODQgMjEuNzg4NyAxMzYuNjM0IDIyLjIyMjFDMTM2LjEwMSAyMi42NTU0IDEzNS43NzYgMjMuMjgwNCAxMzUuNjU5IDI0LjA5NzFIMTMyLjEwOUMxMzIuMjc2IDIyLjQ2MzcgMTMyLjk0MiAyMS4xODg3IDEzNC4xMDkgMjAuMjcyMUMxMzUuMjc2IDE5LjM1NTQgMTM2LjgzNCAxOC44OTcxIDEzOC43ODQgMTguODk3MUMxNDAuNzM0IDE4Ljg5NzEgMTQyLjI1MSAxOS4zMTM3IDE0My4zMzQgMjAuMTQ3MUMxNDQuNDE3IDIwLjk2MzcgMTQ0Ljk1OSAyMi4xMTM3IDE0NC45NTkgMjMuNTk3MVYzMi4xOTcxSDE0MS41MDlMMTQxLjQ1OSAyOS4wNzIxSDE0MS4zMzRDMTQxLjA1MSAzMC4xMDU0IDE0MC40MzQgMzAuOTU1NCAxMzkuNDg0IDMxLjYyMjFDMTM4LjU1MSAzMi4yNzIxIDEzNy40NTkgMzIuNTk3MSAxMzYuMjA5IDMyLjU5NzFaTTEzNS41NTkgMjguNzIyMUMxMzUuNTU5IDI5LjIyMjEgMTM1LjczNCAyOS42MDU0IDEzNi4wODQgMjkuODcyMUMxMzYuNDUxIDMwLjEzODcgMTM2Ljk2NyAzMC4yNzIxIDEzNy42MzQgMzAuMjcyMUMxMzguMzY3IDMwLjI3MjEgMTM5LjAyNiAzMC4wOTcxIDEzOS42MDkgMjkuNzQ3MUMxNDAuMTkyIDI5LjM5NzEgMTQwLjY0MiAyOC45Mzg3IDE0MC45NTkgMjguMzcyMUMxNDEuMjkyIDI3LjgwNTQgMTQxLjQ1OSAyNy4xOTcxIDE0MS40NTkgMjYuNTQ3MVYyNS4zNzIxSDE0MS4zMzRDMTQxLjE4NCAyNS45ODg3IDE0MC44NTkgMjYuNDQ3MSAxNDAuMzU5IDI2Ljc0NzFDMTM5Ljg1OSAyNy4wMzA0IDEzOS4xNTEgMjcuMTcyMSAxMzguMjM0IDI3LjE3MjFIMTM3LjM1OUMxMzYuNzc2IDI3LjE3MjEgMTM2LjMyNiAyNy4zMTM3IDEzNi4wMDkgMjcuNTk3MUMxMzUuNzA5IDI3Ljg2MzcgMTM1LjU1OSAyOC4yMzg3IDEzNS41NTkgMjguNzIyMVoiIGZpbGw9IiNGQUY1RTkiLz4KPHBhdGggZD0iTTEyOS42ODUgMTkuMjk3MVYzMi4xOTcxSDEyNi4xMVYxOS4yOTcxSDEyOS42ODVaTTEyNS43ODUgMTUuNTIyMUMxMjUuNzg1IDE0Ljk1NTQgMTI1Ljk5MyAxNC40NzIxIDEyNi40MSAxNC4wNzIxQzEyNi44MjcgMTMuNjU1NCAxMjcuMzE4IDEzLjQ0NzEgMTI3Ljg4NSAxMy40NDcxQzEyOC40NjggMTMuNDQ3MSAxMjguOTYgMTMuNjQ3MSAxMjkuMzYgMTQuMDQ3MUMxMjkuNzYgMTQuNDQ3MSAxMjkuOTYgMTQuOTM4NyAxMjkuOTYgMTUuNTIyMUMxMjkuOTYgMTYuMDg4NyAxMjkuNzYgMTYuNTcyMSAxMjkuMzYgMTYuOTcyMUMxMjguOTYgMTcuMzcyMSAxMjguNDY4IDE3LjU3MjEgMTI3Ljg4NSAxNy41NzIxQzEyNy4zMDIgMTcuNTcyMSAxMjYuODAyIDE3LjM3MjEgMTI2LjM4NSAxNi45NzIxQzEyNS45ODUgMTYuNTcyMSAxMjUuNzg1IDE2LjA4ODcgMTI1Ljc4NSAxNS41MjIxWiIgZmlsbD0iI0ZBRjVFOSIvPgo8cGF0aCBkPSJNMTA5LjIzMiAyNS43NDcxQzEwOS4yMzIgMjQuMzgwNCAxMDkuNDU3IDIzLjE4MDQgMTA5LjkwNyAyMi4xNDcxQzExMC4zNzMgMjEuMTEzNyAxMTEuMDMyIDIwLjMxMzcgMTExLjg4MiAxOS43NDcxQzExMi43MzIgMTkuMTgwNCAxMTMuNzIzIDE4Ljg5NzEgMTE0Ljg1NyAxOC44OTcxQzExNS45MDcgMTguODk3MSAxMTYuODQgMTkuMTk3MSAxMTcuNjU3IDE5Ljc5NzFDMTE4LjQ3MyAyMC4zOTcxIDExOS4wNzMgMjEuMjIyMSAxMTkuNDU3IDIyLjI3MjFIMTE5LjYwN1YxNC42OTcxSDEyMy4xNTdWMzIuMTk3MUgxMTkuNzA3TDExOS42MDcgMjkuMjQ3MUgxMTkuNDU3QzExOS4wNTcgMzAuMjk3MSAxMTguNDQ4IDMxLjEyMjEgMTE3LjYzMiAzMS43MjIxQzExNi44MTUgMzIuMzA1NCAxMTUuODkgMzIuNTk3MSAxMTQuODU3IDMyLjU5NzFDMTEzLjcyMyAzMi41OTcxIDExMi43MzIgMzIuMzIyMSAxMTEuODgyIDMxLjc3MjFDMTExLjAzMiAzMS4yMDU0IDExMC4zNzMgMzAuNDA1NCAxMDkuOTA3IDI5LjM3MjFDMTA5LjQ1NyAyOC4zMzg3IDEwOS4yMzIgMjcuMTMwNCAxMDkuMjMyIDI1Ljc0NzFaTTExMi44MDcgMjUuNzQ3MUMxMTIuODA3IDI3LjA4MDQgMTEzLjExNSAyOC4xNDcxIDExMy43MzIgMjguOTQ3MUMxMTQuMzQ4IDI5LjczMDQgMTE1LjE3MyAzMC4xMjIxIDExNi4yMDcgMzAuMTIyMUMxMTcuMjIzIDMwLjEyMjEgMTE4LjA0IDI5Ljc4ODcgMTE4LjY1NyAyOS4xMjIxQzExOS4yOSAyOC40Mzg3IDExOS42MDcgMjcuNTcyMSAxMTkuNjA3IDI2LjUyMjFWMjQuOTk3MUMxMTkuNjA3IDIzLjkzMDQgMTE5LjI5OCAyMy4wNjM3IDExOC42ODIgMjIuMzk3MUMxMTguMDY1IDIxLjcxMzcgMTE3LjI0IDIxLjM3MjEgMTE2LjIwNyAyMS4zNzIxQzExNS4xNzMgMjEuMzcyMSAxMTQuMzQ4IDIxLjc3MjEgMTEzLjczMiAyMi41NzIxQzExMy4xMTUgMjMuMzU1NCAxMTIuODA3IDI0LjQxMzcgMTEyLjgwNyAyNS43NDcxWiIgZmlsbD0iI0ZBRjVFOSIvPgo8cGF0aCBkPSJNOTkuNTg4MiAxOS4yOTcxSDEwMy4wMzhMMTAzLjEzOCAyMy4zNDcxSDEwMy4yNjNDMTAzLjQ2MyAyMi4zMzA0IDEwMy43NTUgMjEuNTIyMSAxMDQuMTM4IDIwLjkyMjFDMTA0LjUyMiAyMC4zMDU0IDEwNS4wNjMgMTkuODQ3MSAxMDUuNzYzIDE5LjU0NzFDMTA2LjQ4IDE5LjIzMDQgMTA3LjQyMiAxOS4wNzIxIDEwOC41ODggMTkuMDcyMVYyMi4wNzIxQzEwNi43NTUgMjIuMTM4NyAxMDUuNDMgMjIuNDg4NyAxMDQuNjEzIDIzLjEyMjFDMTA0LjA5NyAyMy41MDU0IDEwMy43MjIgMjQuMDMwNCAxMDMuNDg4IDI0LjY5NzFDMTAzLjI1NSAyNS4zNjM3IDEwMy4xMzggMjYuMjEzNyAxMDMuMTM4IDI3LjI0NzFWMzIuMTk3MUg5OS41ODgyVjE5LjI5NzFaIiBmaWxsPSIjRkFGNUU5Ii8+CjxwYXRoIGQ9Ik05MC40NzQzIDMyLjU5NzFDODkuMTc0MyAzMi41OTcxIDg3Ljk4MjcgMzIuMzIyMSA4Ni44OTkzIDMxLjc3MjFDODUuODMyNyAzMS4yMDU0IDg0Ljk5MSAzMC4zOTcxIDg0LjM3NDMgMjkuMzQ3MUM4My43NTc3IDI4LjI5NzEgODMuNDQ5MyAyNy4wODA0IDgzLjQ0OTMgMjUuNjk3MUM4My40NDkzIDI0LjM0NzEgODMuNzU3NyAyMy4xNTU0IDg0LjM3NDMgMjIuMTIyMUM4NS4wMDc3IDIxLjA4ODcgODUuODU3NyAyMC4yOTcxIDg2LjkyNDMgMTkuNzQ3MUM4Ny45OTEgMTkuMTgwNCA4OS4xNzQzIDE4Ljg5NzEgOTAuNDc0MyAxOC44OTcxQzkxLjc3NDMgMTguODk3MSA5Mi45NTc3IDE5LjE4MDQgOTQuMDI0MyAxOS43NDcxQzk1LjEwNzcgMjAuMjk3MSA5NS45NTc3IDIxLjA4ODcgOTYuNTc0MyAyMi4xMjIxQzk3LjIwNzcgMjMuMTU1NCA5Ny41MjQzIDI0LjM0NzEgOTcuNTI0MyAyNS42OTcxQzk3LjUyNDMgMjcuMDgwNCA5Ny4yMDc3IDI4LjI5NzEgOTYuNTc0MyAyOS4zNDcxQzk1Ljk1NzcgMzAuMzk3MSA5NS4xMDc3IDMxLjIwNTQgOTQuMDI0MyAzMS43NzIxQzkyLjk1NzcgMzIuMzIyMSA5MS43NzQzIDMyLjU5NzEgOTAuNDc0MyAzMi41OTcxWk04Ny4wMjQzIDI1LjY5NzFDODcuMDI0MyAyNy4wNjM3IDg3LjMyNDMgMjguMTA1NCA4Ny45MjQzIDI4LjgyMjFDODguNTQxIDI5LjUzODcgODkuMzkxIDI5Ljg5NzEgOTAuNDc0MyAyOS44OTcxQzkxLjU1NzcgMjkuODk3MSA5Mi4zOTkzIDI5LjUzODcgOTIuOTk5MyAyOC44MjIxQzkzLjYxNiAyOC4xMDU0IDkzLjkyNDMgMjcuMDYzNyA5My45MjQzIDI1LjY5NzFDOTMuOTI0MyAyNC4zNjM3IDkzLjYxNiAyMy4zNDcxIDkyLjk5OTMgMjIuNjQ3MUM5Mi4zOTkzIDIxLjk0NzEgOTEuNTU3NyAyMS41OTcxIDkwLjQ3NDMgMjEuNTk3MUM4OS4zOTEgMjEuNTk3MSA4OC41NDEgMjEuOTQ3MSA4Ny45MjQzIDIyLjY0NzFDODcuMzI0MyAyMy4zNDcxIDg3LjAyNDMgMjQuMzYzNyA4Ny4wMjQzIDI1LjY5NzFaIiBmaWxsPSIjRkFGNUU5Ii8+CjxwYXRoIGQ9Ik02OC4xNDE5IDE0LjY5NzFINzEuNjkxOVYyMi4zNzIxSDcxLjg0MTlDNzIuMTkxOSAyMS4yNTU0IDcyLjc3NTIgMjAuMzk3MSA3My41OTE5IDE5Ljc5NzFDNzQuNDI1MiAxOS4xOTcxIDc1LjQyNTIgMTguODk3MSA3Ni41OTE5IDE4Ljg5NzFDNzcuNDU4NiAxOC44OTcxIDc4LjI1MDIgMTkuMDk3MSA3OC45NjY5IDE5LjQ5NzFDNzkuNzAwMiAxOS44ODA0IDgwLjI3NTIgMjAuNDQ3MSA4MC42OTE5IDIxLjE5NzFDODEuMTI1MiAyMS45NDcxIDgxLjM0MTkgMjIuODM4NyA4MS4zNDE5IDIzLjg3MjFWMzIuMTk3MUg3Ny43OTE5VjI0Ljg3MjFDNzcuNzkxOSAyMy44MjIxIDc3LjU0MTkgMjMuMDMwNCA3Ny4wNDE5IDIyLjQ5NzFDNzYuNTU4NiAyMS45NjM3IDc1LjgzMzYgMjEuNjk3MSA3NC44NjY5IDIxLjY5NzFDNzMuODgzNiAyMS42OTcxIDczLjEwODYgMjIuMDMwNCA3Mi41NDE5IDIyLjY5NzFDNzEuOTc1MiAyMy4zNjM3IDcxLjY5MTkgMjQuMjgwNCA3MS42OTE5IDI1LjQ0NzFWMzIuMTk3MUg2OC4xNDE5VjE0LjY5NzFaIiBmaWxsPSIjRkFGNUU5Ii8+CjxwYXRoIGQ9Ik01Ny43OTc4IDMyLjU5N0M1Ni4wMzExIDMyLjU5NyA1NC40ODk0IDMyLjIzMDQgNTMuMTcyOCAzMS40OTdDNTEuODcyOCAzMC43NjM3IDUwLjg2NDQgMjkuNzA1NCA1MC4xNDc4IDI4LjMyMjFDNDkuNDQ3OCAyNi45Mzg3IDQ5LjA5NzggMjUuMzA1NCA0OS4wOTc4IDIzLjQyMjFDNDkuMDk3OCAyMS41Mzg3IDQ5LjQ0NzggMTkuOTEzNyA1MC4xNDc4IDE4LjU0NzFDNTAuODY0NCAxNy4xNjM3IDUxLjg3MjggMTYuMTEzNyA1My4xNzI4IDE1LjM5N0M1NC40NzI4IDE0LjY2MzcgNTYuMDE0NCAxNC4yOTcxIDU3Ljc5NzggMTQuMjk3MUM2MC4wNjQ0IDE0LjI5NzEgNjEuOTE0NCAxNC44NzIxIDYzLjM0NzggMTYuMDIyMUM2NC43OTc4IDE3LjE1NTQgNjUuNjgxMSAxOC43MDU0IDY1Ljk5NzggMjAuNjcyMUg2Mi4wNDc4QzYxLjc4MTEgMTkuNjM4NyA2MS4yODExIDE4LjgyMjEgNjAuNTQ3OCAxOC4yMjIxQzU5LjgxNDQgMTcuNjIyMSA1OC44OTc4IDE3LjMyMjEgNTcuNzk3OCAxNy4zMjIxQzU2LjMzMTEgMTcuMzIyMSA1NS4xNzI4IDE3Ljg2MzcgNTQuMzIyOCAxOC45NDcxQzUzLjQ4OTQgMjAuMDEzNyA1My4wNzI4IDIxLjUwNTQgNTMuMDcyOCAyMy40MjIxQzUzLjA3MjggMjUuMzM4NyA1My41MDYxIDI2Ljg0NzEgNTQuMzcyOCAyNy45NDcxQzU1LjIzOTQgMjkuMDMwNCA1Ni40MjI4IDI5LjU3MjEgNTcuOTIyOCAyOS41NzIxQzU5LjEwNjEgMjkuNTcyMSA2MC4wNzI4IDI5LjE5NzEgNjAuODIyOCAyOC40NDcxQzYxLjU4OTQgMjcuNjk3MSA2Mi4wNDc4IDI2LjY5NzEgNjIuMTk3OCAyNS40NDcxSDY2LjA5NzhDNjUuOTY0NCAyNi44OTcxIDY1LjU0NzggMjguMTYzNyA2NC44NDc4IDI5LjI0NzFDNjQuMTY0NCAzMC4zMTM3IDYzLjIyMjggMzEuMTM4NyA2Mi4wMjI4IDMxLjcyMkM2MC44MjI4IDMyLjMwNTQgNTkuNDE0NCAzMi41OTcgNTcuNzk3OCAzMi41OTdaIiBmaWxsPSIjRkFGNUU5Ii8+Cjwvc3ZnPgo=", oM = {
+  home: DM,
+  projects: F,
+  folder: F,
+  organization: m,
+  users: m,
+  dashboard: jM,
+  history: B,
+  sessions: B,
+  monitoring: R,
+  activity: R,
+  insights: zM,
+  notifications: IM,
+  integrations: gM,
+  settings: rM,
+  usage: eM,
+  docs: W,
+  documentation: W,
+  agents: yM,
+  security: uM,
+  configuration: tM,
+  workflow: iM
+};
+function C(M) {
+  if (M)
+    return `sidebar-nav-${String(M)}`;
+}
+function H(M) {
+  return M ? typeof M == "string" ? oM[M.toLowerCase()] || v : M : v;
+}
+function kM({
+  menuItems: M = [],
+  activeId: N,
+  onNavigate: I,
+  collapsed: r,
+  onToggleCollapse: T,
+  header: A,
+  footer: t,
+  width: o = 244,
+  collapsedWidth: a = 56,
+  expandedParentId: g = void 0,
+  defaultExpandedParentId: c = null,
+  onExpandedParentChange: O,
+  singleExpand: n = !1
+}) {
+  const [s, z] = l(!1), i = r !== void 0 ? r : s, J = T || (() => z(!s)), [X, $] = l(() => {
+    const D = {};
+    return M.forEach((e) => {
+      var y;
+      if ((y = e.children) != null && y.length) {
+        const x = e.children.some((E) => E.id === N || E.active);
+        D[e.id] = x;
+      }
+    }), D;
+  }), d = b(
+    () => new Set(M.filter((D) => {
+      var e;
+      return (e = D.children) == null ? void 0 : e.length;
+    }).map((D) => D.id)),
+    [M]
+  ), k = b(() => {
+    const D = M.find(
+      (e) => {
+        var y;
+        return ((y = e.children) == null ? void 0 : y.length) && (e.id === N || !!e.active || e.children.some((x) => x.id === N || x.active));
+      }
+    );
+    return (D == null ? void 0 : D.id) ?? null;
+  }, [M, N]), [L, p] = l(() => {
+    const D = new Set(
+      M.filter((y) => {
+        var x;
+        return (x = y.children) == null ? void 0 : x.length;
+      }).map((y) => y.id)
+    );
+    if (c != null && D.has(c))
+      return c;
+    const e = M.find(
+      (y) => {
+        var x;
+        return ((x = y.children) == null ? void 0 : x.length) && (y.id === N || !!y.active || y.children.some((E) => E.id === N || E.active));
+      }
+    );
+    return (e == null ? void 0 : e.id) ?? null;
+  }), S = g !== void 0, Q = S ? g ?? null : d.has(L) ? L : k ?? null;
+  w(() => {
+    if (S || !n)
+      return;
+    (L == null || !d.has(L)) && p(k ?? null);
+  }, [
+    k,
+    S,
+    n,
+    L,
+    d
+  ]);
+  const f = (D) => {
+    S || p(D), O == null || O(D);
+  }, h = (D) => {
+    if (n) {
+      f(Q === D ? null : D);
+      return;
+    }
+    $((e) => ({ ...e, [D]: !e[D] }));
+  }, _ = (D) => n ? Q === D : !!X[D], K = (D) => {
+    if (n) {
+      Q !== D.id && f(D.id), I == null || I(D.href || D.id);
+      return;
+    }
+    h(D.id);
+  }, Y = i ? a : o;
+  return /* @__PURE__ */ u(
+    "nav",
+    {
+      style: {
+        width: Y,
+        minWidth: Y,
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        padding: i ? "0" : "0 0 24px 24px",
+        gap: 24,
+        background: "var(--Background-Inverse, #0B0B0B)",
+        fontFamily: "var(--font-sans)",
+        transition: "width 0.2s ease, min-width 0.2s ease",
+        overflow: "hidden",
+        flexShrink: 0
+      },
+      children: [
+        /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: i ? "center" : "space-between",
+              padding: i ? "12px 0" : "12px 0 0",
+              flexShrink: 0,
+              width: "100%"
+            },
+            children: [
+              !i && /* @__PURE__ */ j("div", { style: { flexShrink: 0 }, children: A !== void 0 ? A : /* @__PURE__ */ j("img", { src: AM, alt: "Chordia", style: { height: 28, objectFit: "contain" } }) }),
+              /* @__PURE__ */ j(
+                "button",
+                {
+                  onClick: J,
+                  title: i ? "Expand sidebar" : "Collapse sidebar",
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: 28,
+                    height: 28,
+                    borderRadius: "var(--radius-sm)",
+                    border: "none",
+                    background: "transparent",
+                    color: "rgba(255, 255, 255, 0.5)",
+                    cursor: "pointer",
+                    transition: "background 0.15s ease, color 0.15s ease",
+                    flexShrink: 0
+                  },
+                  onMouseEnter: (D) => {
+                    D.currentTarget.style.background = "rgba(255, 255, 255, 0.08)", D.currentTarget.style.color = "rgba(255, 255, 255, 0.8)";
+                  },
+                  onMouseLeave: (D) => {
+                    D.currentTarget.style.background = "transparent", D.currentTarget.style.color = "rgba(255, 255, 255, 0.5)";
+                  },
+                  children: i ? /* @__PURE__ */ j(MM, { size: 16 }) : /* @__PURE__ */ j(NM, { size: 16 })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ j(
+          "div",
+          {
+            className: "custom-thin-scrollbar",
+            style: {
+              flex: 1,
+              overflowY: "auto",
+              overflowX: "hidden",
+              padding: i ? "0 8px" : "0",
+              width: "100%"
+            },
+            children: M.map((D, e) => {
+              var y;
+              return /* @__PURE__ */ u(q.Fragment, { children: [
+                D.section && !i && /* @__PURE__ */ j(
+                  "div",
+                  {
+                    style: {
+                      fontSize: "var(--text-xs)",
+                      fontWeight: 650,
+                      letterSpacing: "0.08em",
+                      textTransform: "uppercase",
+                      color: "rgba(255, 255, 255, 0.35)",
+                      padding: "16px 8px 6px",
+                      lineHeight: 1
+                    },
+                    children: D.section
+                  }
+                ),
+                (y = D.children) != null && y.length ? /* @__PURE__ */ j(
+                  aM,
+                  {
+                    item: D,
+                    activeId: N,
+                    expanded: _(D.id),
+                    onPrimaryClick: () => K(D),
+                    onToggleOnly: () => h(D.id),
+                    onNavigate: I,
+                    collapsed: i,
+                    singleExpand: n
+                  }
+                ) : /* @__PURE__ */ j(
+                  Z,
+                  {
+                    item: D,
+                    active: D.id === N || D.active,
+                    onNavigate: I,
+                    collapsed: i
+                  }
+                )
+              ] }, D.id || e);
+            })
+          }
+        ),
+        t && !i && /* @__PURE__ */ j(
+          "div",
+          {
+            style: {
+              padding: "12px 16px",
+              borderTop: "1px solid rgba(255, 255, 255, 0.08)",
+              flexShrink: 0,
+              width: "100%"
+            },
+            children: t
+          }
+        )
+      ]
+    }
+  );
+}
+function Z({ item: M, active: N, onNavigate: I, collapsed: r }) {
+  const T = H(M.icon), A = typeof M.icon != "string" && typeof M.icon < "u", t = G(null), [o, a] = l(!1);
+  return w(() => {
+    if (r)
+      return;
+    const g = () => {
+      t.current && a(t.current.scrollWidth > t.current.clientWidth);
+    };
+    return g(), window.addEventListener("resize", g), () => window.removeEventListener("resize", g);
+  }, [M.label, r]), /* @__PURE__ */ u(
+    "button",
+    {
+      id: C(M.id),
+      onClick: () => I == null ? void 0 : I(M.href || M.id),
+      title: r || o ? M.label : void 0,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: r ? 0 : 12,
+        justifyContent: r ? "center" : "flex-start",
+        width: "100%",
+        padding: r ? "10px 0" : "12px 24px 12px 12px",
+        borderRadius: N ? "4px 0 0 4px" : "4px",
+        borderRight: N ? "2px solid #00A66E" : "2px solid transparent",
+        borderTop: "none",
+        borderBottom: "none",
+        borderLeft: "none",
+        background: N ? "var(--Background-MonoPressed, #323232)" : "transparent",
+        color: N ? "var(--Brand-400, #33B88B)" : "var(--Content-TertiaryInverse, #B2AEA8)",
+        fontWeight: 500,
+        fontSize: "12px",
+        fontStyle: "normal",
+        lineHeight: "120%",
+        textTransform: "uppercase",
+        fontFamily: "var(--font-sans)",
+        cursor: "pointer",
+        textAlign: "left",
+        transition: "background 0.15s ease, color 0.1s ease, border-color 0.15s ease",
+        marginBottom: 2
+      },
+      onMouseEnter: (g) => {
+        N || (g.currentTarget.style.background = "var(--Background-MonoPressed, #323232)", g.currentTarget.style.color = "var(--Brand-400, #33B88B)");
+      },
+      onMouseLeave: (g) => {
+        N || (g.currentTarget.style.background = "transparent", g.currentTarget.style.color = "var(--Content-TertiaryInverse, #B2AEA8)");
+      },
+      children: [
+        A ? /* @__PURE__ */ j("span", { style: { flexShrink: 0, display: "flex" }, children: M.icon }) : /* @__PURE__ */ j(
+          T,
+          {
+            size: 18,
+            style: {
+              flexShrink: 0,
+              color: "inherit",
+              cursor: "pointer"
+            },
+            onClick: (g) => {
+              g.stopPropagation(), onToggleOnly();
+            }
+          }
+        ),
+        !r && /* @__PURE__ */ j(
+          "span",
+          {
+            ref: t,
+            style: {
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
+            children: M.label
+          }
+        )
+      ]
+    }
+  );
+}
+function aM({
+  item: M,
+  activeId: N,
+  expanded: I,
+  onPrimaryClick: r,
+  onToggleOnly: T,
+  onNavigate: A,
+  collapsed: t,
+  singleExpand: o
+}) {
+  var s;
+  const a = H(M.icon), g = M.id === N || !!M.active || ((s = M.children) == null ? void 0 : s.some((z) => z.id === N || z.active)), c = G(null), [O, n] = l(!1);
+  return w(() => {
+    if (t)
+      return;
+    const z = () => {
+      c.current && n(c.current.scrollWidth > c.current.clientWidth);
+    };
+    return z(), window.addEventListener("resize", z), () => window.removeEventListener("resize", z);
+  }, [M.label, t]), t ? /* @__PURE__ */ j(
+    "button",
+    {
+      id: C(M.id),
+      onClick: r,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "100%",
+        padding: "10px 0",
+        borderRadius: "4px",
+        border: "none",
+        background: g ? "var(--Background-MonoPressed, #323232)" : "transparent",
+        color: g ? "var(--Brand-400, #33B88B)" : "var(--Content-TertiaryInverse, #B2AEA8)",
+        cursor: "pointer",
+        marginBottom: 2,
+        transition: "background 0.15s ease"
+      },
+      onMouseEnter: (z) => {
+        g || (z.currentTarget.style.background = "var(--Background-MonoPressed, #323232)", z.currentTarget.style.color = "var(--Brand-400, #33B88B)");
+      },
+      onMouseLeave: (z) => {
+        g || (z.currentTarget.style.background = "transparent", z.currentTarget.style.color = "var(--Content-TertiaryInverse, #B2AEA8)");
+      },
+      children: /* @__PURE__ */ j(
+        a,
+        {
+          size: 18,
+          style: { color: "inherit" }
+        }
+      )
+    }
+  ) : /* @__PURE__ */ u("div", { style: { marginBottom: 2 }, children: [
+    /* @__PURE__ */ u(
+      "button",
+      {
+        id: C(M.id),
+        onClick: r,
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 12,
+          width: "100%",
+          padding: "12px 24px 12px 12px",
+          borderRadius: "4px",
+          border: "none",
+          background: "transparent",
+          color: g ? "var(--Brand-400, #33B88B)" : "var(--Content-TertiaryInverse, #B2AEA8)",
+          fontWeight: 700,
+          fontSize: "12px",
+          fontStyle: "normal",
+          lineHeight: "120%",
+          textTransform: "uppercase",
+          fontFamily: "var(--font-sans)",
+          cursor: "pointer",
+          textAlign: "left",
+          transition: "background 0.15s ease, color 0.15s ease"
+        },
+        onMouseEnter: (z) => {
+          z.currentTarget.style.background = "var(--Background-MonoPressed, #323232)", z.currentTarget.style.color = "var(--Brand-400, #33B88B)";
+        },
+        onMouseLeave: (z) => {
+          z.currentTarget.style.background = "transparent", g ? z.currentTarget.style.color = "var(--Brand-400, #33B88B)" : z.currentTarget.style.color = "var(--Content-TertiaryInverse, #B2AEA8)";
+        },
+        children: [
+          /* @__PURE__ */ j(
+            a,
+            {
+              size: 18,
+              style: {
+                flexShrink: 0,
+                color: "inherit"
+              }
+            }
+          ),
+          O ? /* @__PURE__ */ u(TM, { children: [
+            /* @__PURE__ */ j(cM, { asChild: !0, children: /* @__PURE__ */ j(
+              "span",
+              {
+                ref: c,
+                style: {
+                  flex: 1,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap"
+                },
+                children: M.label
+              }
+            ) }),
+            /* @__PURE__ */ j(xM, { side: "top", className: "max-w-[28ch] whitespace-normal break-words", children: M.label })
+          ] }) : /* @__PURE__ */ j(
+            "span",
+            {
+              ref: c,
+              style: {
+                flex: 1,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              },
+              children: M.label
+            }
+          ),
+          /* @__PURE__ */ j(
+            V,
+            {
+              size: 14,
+              onClick: (z) => {
+                z.stopPropagation(), T();
+              },
+              style: {
+                flexShrink: 0,
+                color: "inherit",
+                opacity: 0.7,
+                transform: I ? "rotate(0deg)" : "rotate(-90deg)",
+                transition: "transform 0.2s ease",
+                cursor: o ? "pointer" : "inherit"
+              }
+            }
+          )
+        ]
+      }
+    ),
+    I && /* @__PURE__ */ j("div", { style: { paddingLeft: 18, marginTop: 2 }, children: M.children.map((z, i) => /* @__PURE__ */ j(
+      Z,
+      {
+        item: z,
+        active: z.id === N || z.active,
+        onNavigate: A,
+        collapsed: !1
+      },
+      z.id || i
+    )) })
+  ] });
+}
+const U = [
+  "#5a8a6e",
+  // sage green
+  "#b07d4f",
+  // warm amber
+  "#7a8fa6",
+  // slate blue
+  "#c47a5a",
+  // terracotta
+  "#6a9a8a",
+  // teal
+  "#a0785a",
+  // clay
+  "#5a7a9a",
+  // steel blue
+  "#9a7a5a"
+  // caramel
+];
+function OM(M) {
+  if (!M)
+    return U[0];
+  let N = 0;
+  for (let I = 0; I < M.length; I++)
+    N = (N << 5) - N + M.charCodeAt(I) | 0;
+  return U[Math.abs(N) % U.length];
+}
+function QM({
+  logo: M,
+  title: N,
+  userName: I,
+  userEmail: r,
+  userInitials: T,
+  userRole: A,
+  onSignOut: t,
+  children: o,
+  trailing: a,
+  userMenu: g,
+  height: c = 48,
+  style: O
+}) {
+  const n = I || r || "", s = T || sM(n);
+  return /* @__PURE__ */ u(
+    "header",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        padding: "0 20px",
+        height: c,
+        borderBottom: "1px solid var(--border)",
+        background: "var(--primary-foreground)",
+        flexShrink: 0,
+        fontFamily: "var(--font-sans)",
+        position: "sticky",
+        top: 0,
+        zIndex: 1e3,
+        ...O
+      },
+      children: [
+        /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", gap: 10, flexShrink: 0 }, children: [
+          M !== void 0 ? M : /* @__PURE__ */ j("span", { style: {
+            fontSize: "var(--text-lg)",
+            fontWeight: 700,
+            fontFamily: "var(--font-display)",
+            color: "var(--text-ink)",
+            letterSpacing: "-0.01em"
+          }, children: "Chordia" }),
+          N && /* @__PURE__ */ u(P, { children: [
+            /* @__PURE__ */ j("span", { style: {
+              width: 1,
+              height: 18,
+              background: "var(--border)",
+              flexShrink: 0
+            } }),
+            /* @__PURE__ */ j("span", { style: {
+              fontSize: "var(--text-md)",
+              fontWeight: 500,
+              color: "var(--text-muted)"
+            }, children: N })
+          ] })
+        ] }),
+        o && /* @__PURE__ */ j("div", { style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 8,
+          flex: 1,
+          justifyContent: "center",
+          minWidth: 0
+        }, children: o }),
+        /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 10,
+              flexShrink: 0
+            },
+            children: [
+              a,
+              g || n && /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+                /* @__PURE__ */ j("div", { style: {
+                  width: 30,
+                  height: 30,
+                  borderRadius: "50%",
+                  background: OM(n),
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  flexShrink: 0
+                }, children: /* @__PURE__ */ j("span", { style: {
+                  fontSize: 11,
+                  fontWeight: 600,
+                  color: "#fff",
+                  letterSpacing: "0.02em",
+                  lineHeight: 1
+                }, children: s }) }),
+                /* @__PURE__ */ u("div", { style: { display: "flex", flexDirection: "column", gap: 1 }, children: [
+                  /* @__PURE__ */ j("span", { style: {
+                    fontSize: "var(--text-sm)",
+                    fontWeight: 550,
+                    color: "var(--text-strong)",
+                    lineHeight: 1.2
+                  }, children: n }),
+                  A && /* @__PURE__ */ j("span", { style: {
+                    fontSize: "var(--text-xs)",
+                    color: "var(--text-muted)",
+                    lineHeight: 1.2
+                  }, children: A })
+                ] }),
+                t && /* @__PURE__ */ j(
+                  "button",
+                  {
+                    onClick: t,
+                    title: "Sign out",
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      width: 28,
+                      height: 28,
+                      borderRadius: "var(--radius-sm)",
+                      border: "none",
+                      background: "transparent",
+                      color: "var(--text-faint)",
+                      cursor: "pointer",
+                      transition: "background 0.15s ease, color 0.15s ease"
+                    },
+                    onMouseEnter: (z) => {
+                      z.currentTarget.style.background = "var(--hover-warm)", z.currentTarget.style.color = "var(--text-muted)";
+                    },
+                    onMouseLeave: (z) => {
+                      z.currentTarget.style.background = "transparent", z.currentTarget.style.color = "var(--text-faint)";
+                    },
+                    children: /* @__PURE__ */ j(nM, { size: 14 })
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function UM({ label: M, color: N = "var(--text-muted)", active: I, onClick: r }) {
+  return /* @__PURE__ */ u(
+    "button",
+    {
+      onClick: r,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 4,
+        fontSize: "var(--text-sm)",
+        fontWeight: 500,
+        fontFamily: "var(--font-sans)",
+        padding: "4px 10px",
+        borderRadius: "var(--radius-sm)",
+        border: `1px solid color-mix(in srgb, ${N} 30%, transparent)`,
+        background: `color-mix(in srgb, ${N} 10%, transparent)`,
+        color: N,
+        cursor: "pointer",
+        transition: "background 0.15s ease, border-color 0.15s ease"
+      },
+      onMouseEnter: (T) => {
+        T.currentTarget.style.background = `color-mix(in srgb, ${N} 18%, transparent)`;
+      },
+      onMouseLeave: (T) => {
+        T.currentTarget.style.background = `color-mix(in srgb, ${N} 10%, transparent)`;
+      },
+      children: [
+        M,
+        /* @__PURE__ */ j(
+          V,
+          {
+            size: 12,
+            style: {
+              transform: I ? "rotate(180deg)" : "rotate(0deg)",
+              transition: "transform 0.2s ease",
+              opacity: 0.7
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function CM({ open: M, onClose: N, children: I, align: r = "left" }) {
+  return M ? /* @__PURE__ */ u(P, { children: [
+    /* @__PURE__ */ j(
+      "div",
+      {
+        onClick: N,
+        style: { position: "fixed", inset: 0, zIndex: 99, background: "rgba(0,0,0,0.03)" }
+      }
+    ),
+    /* @__PURE__ */ j("div", { style: {
+      position: "absolute",
+      top: "100%",
+      [r === "right" ? "right" : "left"]: 0,
+      marginTop: 4,
+      zIndex: 100,
+      background: "#fff",
+      border: "1px solid var(--border)",
+      borderRadius: "var(--radius)",
+      padding: 4,
+      minWidth: 200,
+      maxHeight: 280,
+      overflowY: "auto",
+      boxShadow: "0 8px 24px rgba(0,0,0,0.12)"
+    }, children: I })
+  ] }) : null;
+}
+function wM({ label: M, active: N, onClick: I }) {
+  return /* @__PURE__ */ j(
+    "div",
+    {
+      onClick: I,
+      style: {
+        padding: "8px 10px",
+        borderRadius: "var(--radius-sm)",
+        cursor: "pointer",
+        fontSize: "var(--text-sm)",
+        color: N ? "var(--text-ink)" : "var(--text-base)",
+        fontWeight: N ? 600 : 400,
+        fontFamily: "var(--font-sans)",
+        background: N ? "var(--hover-warm)" : "transparent",
+        transition: "background 0.1s ease"
+      },
+      onMouseEnter: (r) => {
+        N || (r.currentTarget.style.background = "var(--hover-warm-subtle)");
+      },
+      onMouseLeave: (r) => {
+        N || (r.currentTarget.style.background = "transparent");
+      },
+      children: M
+    }
+  );
+}
+function pM({ connected: M, label: N }) {
+  return /* @__PURE__ */ j("span", { style: {
+    fontSize: "var(--text-xs)",
+    fontFamily: "var(--font-sans)",
+    padding: "3px 10px",
+    borderRadius: 12,
+    border: `1px solid ${M ? "var(--state-present)" : "var(--border)"}`,
+    color: M ? "var(--state-present)" : "var(--text-faint)",
+    background: M ? "rgba(37,163,114,0.08)" : "transparent",
+    transition: "all 0.2s ease"
+  }, children: N || (M ? "Connected" : "Disconnected") });
+}
+function sM(M) {
+  if (!M)
+    return "?";
+  const N = M.trim().split(/\s+/);
+  return N.length >= 2 ? (N[0][0] + N[N.length - 1][0]).toUpperCase() : M.slice(0, 2).toUpperCase();
+}
 export {
-  r as NavDropdown,
-  s as NavDropdownItem,
-  t as NavPill,
-  d as NavigationBar,
-  i as Sidebar,
-  N as StatusIndicator
+  CM as NavDropdown,
+  wM as NavDropdownItem,
+  UM as NavPill,
+  QM as NavigationBar,
+  kM as Sidebar,
+  pM as StatusIndicator
 };
 //# sourceMappingURL=navigation.es.js.map