chordia-ui 3.3.8 → 3.3.9

package/dist/NavigationBar.es.js

@@ -1,762 +0,0 @@
-import { jsxs as c, jsx as n, Fragment as G } from "react/jsx-runtime";
-import Q, { useState as T, useMemo as V, useEffect as E, useRef as $ } from "react";
-import { PanelLeft as r2, PanelLeftClose as e2, ChevronDown as _, SquareDot as W, Workflow as t2, Sliders as n2, Shield as o2, Headphones as a2, FileText as R, BarChart3 as i2, Settings as s2, Plug as l2, Bell as d2, Lightbulb as c2, Activity as D, Clock3 as j, LayoutDashboard as C2, Users as O, FolderClosed as P, Home as u2, LogOut as p2 } from "lucide-react";
-import { T as f2, c as g2, a as h2 } from "./Tooltip.es.js";
-const x2 = "data:image/svg+xml,%3csvg%20width='146'%20height='47'%20viewBox='0%200%20146%2047'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M39.7345%2023.0879C39.7345%2018.3264%2037.9562%2013.9806%2035.0265%2010.6778C31.5984%206.81303%2026.5961%204.37995%2021.0255%204.37991C15.55%204.37991%2010.626%206.73155%207.20325%2010.4815C4.16732%2013.8086%202.31752%2018.2312%202.3175%2023.0889C2.3175%2028.4704%204.58936%2033.3215%208.22864%2036.7354L8.54602%2037.0264C11.8643%2039.9919%2016.3774%2041.7969%2021.0265%2041.7969C25.8285%2041.7969%2030.2069%2039.9892%2033.5197%2037.0147C37.3363%2033.5875%2039.7345%2028.6181%2039.7345%2023.0879ZM41.0978%2023.0879C41.0978%2029.021%2038.522%2034.3537%2034.4298%2038.0284C30.8767%2041.2187%2026.1773%2043.1602%2021.0265%2043.1602C15.8732%2043.1602%2010.8875%2041.0989%207.29602%2037.7295C3.3936%2034.0688%200.954224%2028.8623%200.954224%2023.0889C0.954235%2017.8782%202.94042%2013.1308%206.19641%209.56253C9.86631%205.5418%2015.1511%203.01663%2021.0255%203.01663C27.0021%203.01666%2032.3702%205.63032%2036.046%209.77444C39.1881%2013.3168%2041.0978%2017.9806%2041.0978%2023.0879Z'%20fill='%23E8D4A3'/%3e%3cpath%20d='M37.2872%2023.0891C37.2872%2018.8698%2035.6769%2015.0268%2033.0372%2012.1418L33.0352%2012.1399C30.0667%208.87501%2025.7861%206.82644%2021.0255%206.8264C16.2546%206.8264%2011.9647%208.88061%208.98932%2012.1535C6.36338%2015.0421%204.76276%2018.878%204.76276%2023.0891C4.7628%2027.7174%207.02253%2031.472%2010.2159%2034.4739C13.1704%2037.2518%2016.8607%2039.3508%2021.0255%2039.3508C25.2429%2039.3508%2029.0852%2037.7442%2031.9737%2035.1096L32.2764%2034.8274C35.3652%2031.8686%2037.2871%2027.7034%2037.2872%2023.0891ZM38.4796%2023.0891C38.4795%2028.2015%2036.2794%2032.8019%2032.7764%2035.9914C29.677%2038.8182%2025.5513%2040.5432%2021.0255%2040.5432C16.4464%2040.5432%2012.4784%2038.2379%209.39948%2035.343C6.05168%2032.196%203.5714%2028.1479%203.57135%2023.0891C3.57135%2018.5701%205.28909%2014.4512%208.10651%2011.3518C11.2983%207.84074%2015.9047%205.63499%2021.0255%205.63499C26.135%205.63503%2030.7311%207.834%2033.9161%2011.3362C36.7493%2014.4324%2038.4796%2018.5602%2038.4796%2023.0891Z'%20fill='%23C1D89F'/%3e%3cpath%20d='M34.8411%2023.0891C34.8411%2019.4103%2033.3913%2016.0763%2031.0461%2013.6008C28.5281%2010.9427%2024.9743%209.27276%2021.0256%209.27272C16.9594%209.27272%2013.3036%2011.0285%2010.7756%2013.8245C8.5585%2016.2757%207.20923%2019.5246%207.20923%2023.0891C7.2093%2026.9684%209.4469%2029.6116%2012.2053%2032.2132C14.7815%2034.6424%2017.4826%2036.9046%2021.0256%2036.9046C24.6597%2036.9045%2027.9657%2035.4993%2030.4299%2033.2034C33.1437%2030.6832%2034.841%2027.085%2034.8411%2023.0891ZM35.8635%2023.0891C35.8635%2027.3807%2034.0383%2031.246%2031.1252%2033.9514C28.4794%2036.4165%2024.9284%2037.927%2021.0256%2037.927C17.0315%2037.927%2014.0595%2035.365%2011.5051%2032.9563H11.5042C8.72167%2030.3321%206.18782%2027.427%206.18774%2023.0891C6.18774%2019.2616%207.63735%2015.7707%2010.0178%2013.1389L10.2756%2012.8616C12.9772%2010.0221%2016.795%208.25124%2021.0256%208.25124C25.2694%208.25128%2029.0874%2010.0466%2031.7883%2012.8977C34.304%2015.5531%2035.8635%2019.1356%2035.8635%2023.0891Z'%20fill='%239BDB9C'/%3e%3cpath%20d='M32.3938%2023.088C32.3938%2019.9508%2031.1134%2017.1184%2029.0569%2015.0607C27.0004%2013.0032%2024.1649%2011.719%2021.0256%2011.7189H20.9465C17.6174%2011.7412%2014.6276%2013.1939%2012.5617%2015.4953C10.7546%2017.5092%209.65549%2020.1693%209.65549%2023.088C9.65553%2024.6571%2010.2083%2025.8214%2011.0461%2026.8664C11.9056%2027.9384%2013.0249%2028.8441%2014.1936%2029.9503C14.7288%2030.4574%2015.2521%2031.0081%2015.7639%2031.5275C16.2811%2032.0524%2016.7943%2032.5543%2017.3352%2032.9914C18.4123%2033.8616%2019.5737%2034.4582%2021.0246%2034.4582C24.0754%2034.4581%2026.8439%2033.255%2028.884%2031.298V31.297C31.0464%2029.2308%2032.3937%2026.2248%2032.3938%2023.088ZM33.2453%2023.088C33.2453%2026.3577%2031.8876%2029.4879%2029.6877%2031.7013L29.4729%2031.9123C27.2807%2034.015%2024.3039%2035.3096%2021.0246%2035.3097C19.3103%2035.3097%2017.9649%2034.5946%2016.8%2033.6535C16.22%2033.1848%2015.6792%2032.6547%2015.1574%2032.1251C14.6302%2031.59%2014.1297%2031.0622%2013.6086%2030.5685V30.5695C12.5058%2029.5256%2011.2893%2028.5314%2010.3811%2027.3986C9.45133%2026.2388%208.80397%2024.8924%208.80392%2023.088C8.80392%2019.951%209.986%2017.0899%2011.9279%2014.9259H11.9289C14.1656%2012.4345%2017.4126%2010.8664%2021.0246%2010.8664H21.2004L21.2033%2010.8703C24.5095%2010.9179%2027.4896%2012.2893%2029.6584%2014.4591L30.0627%2014.883C32.0334%2017.0499%2033.2453%2019.9242%2033.2453%2023.088Z'%20fill='%2374DF98'/%3e%3cpath%20d='M29.9485%2023.0892C29.9485%2020.4916%2028.8388%2018.1542%2027.0677%2016.5228C25.488%2015.068%2023.3836%2014.1776%2021.0696%2014.1663H21.0247C18.368%2014.1663%2015.9836%2015.3261%2014.3489%2017.1683C12.9504%2018.7437%2012.1018%2020.8168%2012.1018%2023.0892C12.1019%2024.2725%2012.629%2024.9743%2013.4055%2025.6058C13.8042%2025.93%2014.2541%2026.2238%2014.7395%2026.5579C15.218%2026.8873%2015.7196%2027.2494%2016.1829%2027.6908C16.622%2028.1089%2017.0022%2028.6035%2017.3577%2029.0941C17.7193%2029.593%2018.0503%2030.0792%2018.4124%2030.5218C19.1297%2031.3986%2019.8969%2032.012%2021.0247%2032.012C23.4912%2032.0119%2025.7232%2031.011%2027.3391%2029.3929C28.9518%2027.7781%2029.9485%2025.5503%2029.9485%2023.0892ZM30.6292%2023.0892C30.6291%2025.738%2029.5566%2028.137%2027.8216%2029.8743C26.0831%2031.6152%2023.6794%2032.6926%2021.0247%2032.6927C19.5916%2032.6927%2018.6502%2031.8887%2017.885%2030.9534C17.5061%2030.4902%2017.1516%2029.9714%2016.8059%2029.4945C16.5421%2029.1304%2016.2793%2028.7851%2015.9993%2028.4779L15.7132%2028.1839C15.2908%2027.7816%2014.8264%2027.4448%2014.3538%2027.1195C13.8884%2026.7991%2013.4023%2026.4817%2012.9759%2026.1351C12.1019%2025.4244%2011.4203%2024.5457%2011.4202%2023.0892C11.4202%2020.6439%2012.3343%2018.4115%2013.8391%2016.7161L14.178%2016.3529C15.8861%2014.6167%2018.2509%2013.5307%2020.8704%2013.4896L20.8753%2013.4837H21.0257C23.5346%2013.4838%2025.8181%2014.4465%2027.5286%2016.0218C29.434%2017.7768%2030.6292%2020.2931%2030.6292%2023.0892Z'%20fill='%234DE294'/%3e%3cpath%20d='M136.209%2032.5971C134.942%2032.5971%20133.917%2032.2887%20133.134%2031.6721C132.351%2031.0554%20131.959%2030.1721%20131.959%2029.0221C131.959%2027.8721%20132.359%2026.9637%20133.159%2026.2971C133.976%2025.6304%20135.159%2025.2971%20136.709%2025.2971H138.334C139.467%2025.2971%20140.267%2025.1471%20140.734%2024.8471C141.217%2024.5471%20141.459%2024.0971%20141.459%2023.4971C141.459%2022.9804%20141.242%2022.5304%20140.809%2022.1471C140.376%2021.7637%20139.692%2021.5721%20138.759%2021.5721C137.892%2021.5721%20137.184%2021.7887%20136.634%2022.2221C136.101%2022.6554%20135.776%2023.2804%20135.659%2024.0971H132.109C132.276%2022.4637%20132.942%2021.1887%20134.109%2020.2721C135.276%2019.3554%20136.834%2018.8971%20138.784%2018.8971C140.734%2018.8971%20142.251%2019.3137%20143.334%2020.1471C144.417%2020.9637%20144.959%2022.1137%20144.959%2023.5971V32.1971H141.509L141.459%2029.0721H141.334C141.051%2030.1054%20140.434%2030.9554%20139.484%2031.6221C138.551%2032.2721%20137.459%2032.5971%20136.209%2032.5971ZM135.559%2028.7221C135.559%2029.2221%20135.734%2029.6054%20136.084%2029.8721C136.451%2030.1387%20136.967%2030.2721%20137.634%2030.2721C138.367%2030.2721%20139.026%2030.0971%20139.609%2029.7471C140.192%2029.3971%20140.642%2028.9387%20140.959%2028.3721C141.292%2027.8054%20141.459%2027.1971%20141.459%2026.5471V25.3721H141.334C141.184%2025.9887%20140.859%2026.4471%20140.359%2026.7471C139.859%2027.0304%20139.151%2027.1721%20138.234%2027.1721H137.359C136.776%2027.1721%20136.326%2027.3137%20136.009%2027.5971C135.709%2027.8637%20135.559%2028.2387%20135.559%2028.7221Z'%20fill='%23FAF5E9'/%3e%3cpath%20d='M129.685%2019.2971V32.1971H126.11V19.2971H129.685ZM125.785%2015.5221C125.785%2014.9554%20125.993%2014.4721%20126.41%2014.0721C126.827%2013.6554%20127.318%2013.4471%20127.885%2013.4471C128.468%2013.4471%20128.96%2013.6471%20129.36%2014.0471C129.76%2014.4471%20129.96%2014.9387%20129.96%2015.5221C129.96%2016.0887%20129.76%2016.5721%20129.36%2016.9721C128.96%2017.3721%20128.468%2017.5721%20127.885%2017.5721C127.302%2017.5721%20126.802%2017.3721%20126.385%2016.9721C125.985%2016.5721%20125.785%2016.0887%20125.785%2015.5221Z'%20fill='%23FAF5E9'/%3e%3cpath%20d='M109.232%2025.7471C109.232%2024.3804%20109.457%2023.1804%20109.907%2022.1471C110.373%2021.1137%20111.032%2020.3137%20111.882%2019.7471C112.732%2019.1804%20113.723%2018.8971%20114.857%2018.8971C115.907%2018.8971%20116.84%2019.1971%20117.657%2019.7971C118.473%2020.3971%20119.073%2021.2221%20119.457%2022.2721H119.607V14.6971H123.157V32.1971H119.707L119.607%2029.2471H119.457C119.057%2030.2971%20118.448%2031.1221%20117.632%2031.7221C116.815%2032.3054%20115.89%2032.5971%20114.857%2032.5971C113.723%2032.5971%20112.732%2032.3221%20111.882%2031.7721C111.032%2031.2054%20110.373%2030.4054%20109.907%2029.3721C109.457%2028.3387%20109.232%2027.1304%20109.232%2025.7471ZM112.807%2025.7471C112.807%2027.0804%20113.115%2028.1471%20113.732%2028.9471C114.348%2029.7304%20115.173%2030.1221%20116.207%2030.1221C117.223%2030.1221%20118.04%2029.7887%20118.657%2029.1221C119.29%2028.4387%20119.607%2027.5721%20119.607%2026.5221V24.9971C119.607%2023.9304%20119.298%2023.0637%20118.682%2022.3971C118.065%2021.7137%20117.24%2021.3721%20116.207%2021.3721C115.173%2021.3721%20114.348%2021.7721%20113.732%2022.5721C113.115%2023.3554%20112.807%2024.4137%20112.807%2025.7471Z'%20fill='%23FAF5E9'/%3e%3cpath%20d='M99.5882%2019.2971H103.038L103.138%2023.3471H103.263C103.463%2022.3304%20103.755%2021.5221%20104.138%2020.9221C104.522%2020.3054%20105.063%2019.8471%20105.763%2019.5471C106.48%2019.2304%20107.422%2019.0721%20108.588%2019.0721V22.0721C106.755%2022.1387%20105.43%2022.4887%20104.613%2023.1221C104.097%2023.5054%20103.722%2024.0304%20103.488%2024.6971C103.255%2025.3637%20103.138%2026.2137%20103.138%2027.2471V32.1971H99.5882V19.2971Z'%20fill='%23FAF5E9'/%3e%3cpath%20d='M90.4743%2032.5971C89.1743%2032.5971%2087.9827%2032.3221%2086.8993%2031.7721C85.8327%2031.2054%2084.991%2030.3971%2084.3743%2029.3471C83.7577%2028.2971%2083.4493%2027.0804%2083.4493%2025.6971C83.4493%2024.3471%2083.7577%2023.1554%2084.3743%2022.1221C85.0077%2021.0887%2085.8577%2020.2971%2086.9243%2019.7471C87.991%2019.1804%2089.1743%2018.8971%2090.4743%2018.8971C91.7743%2018.8971%2092.9577%2019.1804%2094.0243%2019.7471C95.1077%2020.2971%2095.9577%2021.0887%2096.5743%2022.1221C97.2077%2023.1554%2097.5243%2024.3471%2097.5243%2025.6971C97.5243%2027.0804%2097.2077%2028.2971%2096.5743%2029.3471C95.9577%2030.3971%2095.1077%2031.2054%2094.0243%2031.7721C92.9577%2032.3221%2091.7743%2032.5971%2090.4743%2032.5971ZM87.0243%2025.6971C87.0243%2027.0637%2087.3243%2028.1054%2087.9243%2028.8221C88.541%2029.5387%2089.391%2029.8971%2090.4743%2029.8971C91.5577%2029.8971%2092.3993%2029.5387%2092.9993%2028.8221C93.616%2028.1054%2093.9243%2027.0637%2093.9243%2025.6971C93.9243%2024.3637%2093.616%2023.3471%2092.9993%2022.6471C92.3993%2021.9471%2091.5577%2021.5971%2090.4743%2021.5971C89.391%2021.5971%2088.541%2021.9471%2087.9243%2022.6471C87.3243%2023.3471%2087.0243%2024.3637%2087.0243%2025.6971Z'%20fill='%23FAF5E9'/%3e%3cpath%20d='M68.1419%2014.6971H71.6919V22.3721H71.8419C72.1919%2021.2554%2072.7752%2020.3971%2073.5919%2019.7971C74.4252%2019.1971%2075.4252%2018.8971%2076.5919%2018.8971C77.4586%2018.8971%2078.2502%2019.0971%2078.9669%2019.4971C79.7002%2019.8804%2080.2752%2020.4471%2080.6919%2021.1971C81.1252%2021.9471%2081.3419%2022.8387%2081.3419%2023.8721V32.1971H77.7919V24.8721C77.7919%2023.8221%2077.5419%2023.0304%2077.0419%2022.4971C76.5586%2021.9637%2075.8336%2021.6971%2074.8669%2021.6971C73.8836%2021.6971%2073.1086%2022.0304%2072.5419%2022.6971C71.9752%2023.3637%2071.6919%2024.2804%2071.6919%2025.4471V32.1971H68.1419V14.6971Z'%20fill='%23FAF5E9'/%3e%3cpath%20d='M57.7978%2032.597C56.0311%2032.597%2054.4894%2032.2304%2053.1728%2031.497C51.8728%2030.7637%2050.8644%2029.7054%2050.1478%2028.3221C49.4478%2026.9387%2049.0978%2025.3054%2049.0978%2023.4221C49.0978%2021.5387%2049.4478%2019.9137%2050.1478%2018.5471C50.8644%2017.1637%2051.8728%2016.1137%2053.1728%2015.397C54.4728%2014.6637%2056.0144%2014.2971%2057.7978%2014.2971C60.0644%2014.2971%2061.9144%2014.8721%2063.3478%2016.0221C64.7978%2017.1554%2065.6811%2018.7054%2065.9978%2020.6721H62.0478C61.7811%2019.6387%2061.2811%2018.8221%2060.5478%2018.2221C59.8144%2017.6221%2058.8978%2017.3221%2057.7978%2017.3221C56.3311%2017.3221%2055.1728%2017.8637%2054.3228%2018.9471C53.4894%2020.0137%2053.0728%2021.5054%2053.0728%2023.4221C53.0728%2025.3387%2053.5061%2026.8471%2054.3728%2027.9471C55.2394%2029.0304%2056.4228%2029.5721%2057.9228%2029.5721C59.1061%2029.5721%2060.0728%2029.1971%2060.8228%2028.4471C61.5894%2027.6971%2062.0478%2026.6971%2062.1978%2025.4471H66.0978C65.9644%2026.8971%2065.5478%2028.1637%2064.8478%2029.2471C64.1644%2030.3137%2063.2228%2031.1387%2062.0228%2031.722C60.8228%2032.3054%2059.4144%2032.597%2057.7978%2032.597Z'%20fill='%23FAF5E9'/%3e%3c/svg%3e", y2 = {
-  home: u2,
-  projects: P,
-  folder: P,
-  organization: O,
-  users: O,
-  dashboard: C2,
-  history: j,
-  sessions: j,
-  monitoring: D,
-  activity: D,
-  insights: c2,
-  notifications: d2,
-  integrations: l2,
-  settings: s2,
-  usage: i2,
-  docs: R,
-  documentation: R,
-  agents: a2,
-  security: o2,
-  configuration: n2,
-  workflow: t2
-};
-function A(r) {
-  if (r)
-    return `sidebar-nav-${String(r)}`;
-}
-function U(r) {
-  return r ? typeof r == "string" ? y2[r.toLowerCase()] || W : r : W;
-}
-function B2({
-  menuItems: r = [],
-  activeId: e,
-  onNavigate: a,
-  collapsed: s,
-  onToggleCollapse: f,
-  header: x,
-  footer: C,
-  width: y = 244,
-  collapsedWidth: b = 56,
-  expandedParentId: i = void 0,
-  defaultExpandedParentId: g = null,
-  onExpandedParentChange: v,
-  singleExpand: p = !1
-}) {
-  const [k, o] = T(!1), u = s !== void 0 ? s : k, q = f || (() => o(!k)), [X, J] = T(() => {
-    const t = {};
-    return r.forEach((l) => {
-      var d;
-      if ((d = l.children) != null && d.length) {
-        const h = l.children.some((m) => m.id === e || m.active);
-        t[l.id] = h;
-      }
-    }), t;
-  }), B = V(
-    () => new Set(r.filter((t) => {
-      var l;
-      return (l = t.children) == null ? void 0 : l.length;
-    }).map((t) => t.id)),
-    [r]
-  ), M = V(() => {
-    const t = r.find(
-      (l) => {
-        var d;
-        return ((d = l.children) == null ? void 0 : d.length) && (l.id === e || !!l.active || l.children.some((h) => h.id === e || h.active));
-      }
-    );
-    return (t == null ? void 0 : t.id) ?? null;
-  }, [r, e]), [w, F] = T(() => {
-    const t = new Set(
-      r.filter((d) => {
-        var h;
-        return (h = d.children) == null ? void 0 : h.length;
-      }).map((d) => d.id)
-    );
-    if (g != null && t.has(g))
-      return g;
-    const l = r.find(
-      (d) => {
-        var h;
-        return ((h = d.children) == null ? void 0 : h.length) && (d.id === e || !!d.active || d.children.some((m) => m.id === e || m.active));
-      }
-    );
-    return (l == null ? void 0 : l.id) ?? null;
-  }), S = i !== void 0, L = S ? i ?? null : B.has(w) ? w : M ?? null;
-  E(() => {
-    if (S || !p) return;
-    (w == null || !B.has(w)) && F(M ?? null);
-  }, [
-    M,
-    S,
-    p,
-    w,
-    B
-  ]);
-  const I = (t) => {
-    S || F(t), v == null || v(t);
-  }, z = (t) => {
-    if (p) {
-      I(L === t ? null : t);
-      return;
-    }
-    J((l) => ({ ...l, [t]: !l[t] }));
-  }, K = (t) => p ? L === t : !!X[t], N = (t) => {
-    if (p) {
-      L !== t.id && I(t.id), a == null || a(t.href || t.id);
-      return;
-    }
-    z(t.id);
-  }, Z = u ? b : y;
-  return /* @__PURE__ */ c(
-    "nav",
-    {
-      style: {
-        width: Z,
-        minWidth: Z,
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "flex-start",
-        padding: u ? "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__ */ c(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: u ? "center" : "space-between",
-              padding: u ? "12px 0" : "12px 0 0",
-              flexShrink: 0,
-              width: "100%"
-            },
-            children: [
-              !u && /* @__PURE__ */ n("div", { style: { flexShrink: 0 }, children: x !== void 0 ? x : /* @__PURE__ */ n("img", { src: x2, alt: "Chordia", style: { height: 28, objectFit: "contain" } }) }),
-              /* @__PURE__ */ n(
-                "button",
-                {
-                  onClick: q,
-                  title: u ? "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: (t) => {
-                    t.currentTarget.style.background = "rgba(255, 255, 255, 0.08)", t.currentTarget.style.color = "rgba(255, 255, 255, 0.8)";
-                  },
-                  onMouseLeave: (t) => {
-                    t.currentTarget.style.background = "transparent", t.currentTarget.style.color = "rgba(255, 255, 255, 0.5)";
-                  },
-                  children: u ? /* @__PURE__ */ n(r2, { size: 16 }) : /* @__PURE__ */ n(e2, { size: 16 })
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(
-          "div",
-          {
-            className: "custom-thin-scrollbar",
-            style: {
-              flex: 1,
-              overflowY: "auto",
-              overflowX: "hidden",
-              padding: u ? "0 8px" : "0",
-              width: "100%"
-            },
-            children: r.map((t, l) => {
-              var d;
-              return /* @__PURE__ */ c(Q.Fragment, { children: [
-                t.section && !u && /* @__PURE__ */ n(
-                  "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: t.section
-                  }
-                ),
-                (d = t.children) != null && d.length ? /* @__PURE__ */ n(
-                  b2,
-                  {
-                    item: t,
-                    activeId: e,
-                    expanded: K(t.id),
-                    onPrimaryClick: () => N(t),
-                    onToggleOnly: () => z(t.id),
-                    onNavigate: a,
-                    collapsed: u,
-                    singleExpand: p
-                  }
-                ) : /* @__PURE__ */ n(
-                  Y,
-                  {
-                    item: t,
-                    active: t.id === e || t.active,
-                    onNavigate: a,
-                    collapsed: u
-                  }
-                )
-              ] }, t.id || l);
-            })
-          }
-        ),
-        C && !u && /* @__PURE__ */ n(
-          "div",
-          {
-            style: {
-              padding: "12px 16px",
-              borderTop: "1px solid rgba(255, 255, 255, 0.08)",
-              flexShrink: 0,
-              width: "100%"
-            },
-            children: C
-          }
-        )
-      ]
-    }
-  );
-}
-function Y({ item: r, active: e, onNavigate: a, collapsed: s }) {
-  const f = U(r.icon), x = typeof r.icon != "string" && typeof r.icon < "u", C = $(null), [y, b] = T(!1);
-  return E(() => {
-    if (s) return;
-    const i = () => {
-      C.current && b(C.current.scrollWidth > C.current.clientWidth);
-    };
-    return i(), window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
-  }, [r.label, s]), /* @__PURE__ */ c(
-    "button",
-    {
-      id: A(r.id),
-      onClick: () => a == null ? void 0 : a(r.href || r.id),
-      title: s || y ? r.label : void 0,
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: s ? 0 : 12,
-        justifyContent: s ? "center" : "flex-start",
-        width: "100%",
-        padding: s ? "10px 0" : "12px 24px 12px 12px",
-        borderRadius: e ? "4px 0 0 4px" : "4px",
-        borderRight: e ? "2px solid #00A66E" : "2px solid transparent",
-        borderTop: "none",
-        borderBottom: "none",
-        borderLeft: "none",
-        background: e ? "var(--Background-MonoPressed, #323232)" : "transparent",
-        color: e ? "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: (i) => {
-        e || (i.currentTarget.style.background = "var(--Background-MonoPressed, #323232)", i.currentTarget.style.color = "var(--Brand-400, #33B88B)");
-      },
-      onMouseLeave: (i) => {
-        e || (i.currentTarget.style.background = "transparent", i.currentTarget.style.color = "var(--Content-TertiaryInverse, #B2AEA8)");
-      },
-      children: [
-        x ? /* @__PURE__ */ n("span", { style: { flexShrink: 0, display: "flex" }, children: r.icon }) : /* @__PURE__ */ n(
-          f,
-          {
-            size: 18,
-            style: {
-              flexShrink: 0,
-              color: "inherit",
-              cursor: "pointer"
-            },
-            onClick: (i) => {
-              i.stopPropagation(), onToggleOnly();
-            }
-          }
-        ),
-        !s && /* @__PURE__ */ n(
-          "span",
-          {
-            ref: C,
-            style: {
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              whiteSpace: "nowrap"
-            },
-            children: r.label
-          }
-        )
-      ]
-    }
-  );
-}
-function b2({
-  item: r,
-  activeId: e,
-  expanded: a,
-  onPrimaryClick: s,
-  onToggleOnly: f,
-  onNavigate: x,
-  collapsed: C,
-  singleExpand: y
-}) {
-  var k;
-  const b = U(r.icon), i = r.id === e || !!r.active || ((k = r.children) == null ? void 0 : k.some((o) => o.id === e || o.active)), g = $(null), [v, p] = T(!1);
-  return E(() => {
-    if (C) return;
-    const o = () => {
-      g.current && p(g.current.scrollWidth > g.current.clientWidth);
-    };
-    return o(), window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
-  }, [r.label, C]), C ? /* @__PURE__ */ n(
-    "button",
-    {
-      id: A(r.id),
-      onClick: s,
-      style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: "100%",
-        padding: "10px 0",
-        borderRadius: "4px",
-        border: "none",
-        background: i ? "var(--Background-MonoPressed, #323232)" : "transparent",
-        color: i ? "var(--Brand-400, #33B88B)" : "var(--Content-TertiaryInverse, #B2AEA8)",
-        cursor: "pointer",
-        marginBottom: 2,
-        transition: "background 0.15s ease"
-      },
-      onMouseEnter: (o) => {
-        i || (o.currentTarget.style.background = "var(--Background-MonoPressed, #323232)", o.currentTarget.style.color = "var(--Brand-400, #33B88B)");
-      },
-      onMouseLeave: (o) => {
-        i || (o.currentTarget.style.background = "transparent", o.currentTarget.style.color = "var(--Content-TertiaryInverse, #B2AEA8)");
-      },
-      children: /* @__PURE__ */ n(
-        b,
-        {
-          size: 18,
-          style: { color: "inherit" }
-        }
-      )
-    }
-  ) : /* @__PURE__ */ c("div", { style: { marginBottom: 2 }, children: [
-    /* @__PURE__ */ c(
-      "button",
-      {
-        id: A(r.id),
-        onClick: s,
-        style: {
-          display: "flex",
-          alignItems: "center",
-          gap: 12,
-          width: "100%",
-          padding: "12px 24px 12px 12px",
-          borderRadius: "4px",
-          border: "none",
-          background: "transparent",
-          color: i ? "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: (o) => {
-          o.currentTarget.style.background = "var(--Background-MonoPressed, #323232)", o.currentTarget.style.color = "var(--Brand-400, #33B88B)";
-        },
-        onMouseLeave: (o) => {
-          o.currentTarget.style.background = "transparent", i ? o.currentTarget.style.color = "var(--Brand-400, #33B88B)" : o.currentTarget.style.color = "var(--Content-TertiaryInverse, #B2AEA8)";
-        },
-        children: [
-          /* @__PURE__ */ n(
-            b,
-            {
-              size: 18,
-              style: {
-                flexShrink: 0,
-                color: "inherit"
-              }
-            }
-          ),
-          v ? /* @__PURE__ */ c(f2, { children: [
-            /* @__PURE__ */ n(g2, { asChild: !0, children: /* @__PURE__ */ n(
-              "span",
-              {
-                ref: g,
-                style: {
-                  flex: 1,
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap"
-                },
-                children: r.label
-              }
-            ) }),
-            /* @__PURE__ */ n(h2, { side: "top", className: "max-w-[28ch] whitespace-normal break-words", children: r.label })
-          ] }) : /* @__PURE__ */ n(
-            "span",
-            {
-              ref: g,
-              style: {
-                flex: 1,
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap"
-              },
-              children: r.label
-            }
-          ),
-          /* @__PURE__ */ n(
-            _,
-            {
-              size: 14,
-              onClick: (o) => {
-                o.stopPropagation(), f();
-              },
-              style: {
-                flexShrink: 0,
-                color: "inherit",
-                opacity: 0.7,
-                transform: a ? "rotate(0deg)" : "rotate(-90deg)",
-                transition: "transform 0.2s ease",
-                cursor: y ? "pointer" : "inherit"
-              }
-            }
-          )
-        ]
-      }
-    ),
-    a && /* @__PURE__ */ n("div", { style: { paddingLeft: 18, marginTop: 2 }, children: r.children.map((o, u) => /* @__PURE__ */ n(
-      Y,
-      {
-        item: o,
-        active: o.id === e || o.active,
-        onNavigate: x,
-        collapsed: !1
-      },
-      o.id || u
-    )) })
-  ] });
-}
-const H = [
-  "#5a8a6e",
-  // sage green
-  "#b07d4f",
-  // warm amber
-  "#7a8fa6",
-  // slate blue
-  "#c47a5a",
-  // terracotta
-  "#6a9a8a",
-  // teal
-  "#a0785a",
-  // clay
-  "#5a7a9a",
-  // steel blue
-  "#9a7a5a"
-  // caramel
-];
-function v2(r) {
-  if (!r) return H[0];
-  let e = 0;
-  for (let a = 0; a < r.length; a++) e = (e << 5) - e + r.charCodeAt(a) | 0;
-  return H[Math.abs(e) % H.length];
-}
-function M2({
-  logo: r,
-  title: e,
-  userName: a,
-  userEmail: s,
-  userInitials: f,
-  userRole: x,
-  onSignOut: C,
-  children: y,
-  trailing: b,
-  userMenu: i,
-  height: g = 48,
-  style: v
-}) {
-  const p = a || s || "", k = f || k2(p);
-  return /* @__PURE__ */ c(
-    "header",
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        padding: "0 20px",
-        height: g,
-        borderBottom: "1px solid var(--border)",
-        background: "var(--primary-foreground)",
-        flexShrink: 0,
-        fontFamily: "var(--font-sans)",
-        position: "sticky",
-        top: 0,
-        zIndex: 1e3,
-        ...v
-      },
-      children: [
-        /* @__PURE__ */ c("div", { style: { display: "flex", alignItems: "center", gap: 10, flexShrink: 0 }, children: [
-          r !== void 0 ? r : /* @__PURE__ */ n("span", { style: {
-            fontSize: "var(--text-lg)",
-            fontWeight: 700,
-            fontFamily: "var(--font-display)",
-            color: "var(--text-ink)",
-            letterSpacing: "-0.01em"
-          }, children: "Chordia" }),
-          e && /* @__PURE__ */ c(G, { children: [
-            /* @__PURE__ */ n("span", { style: {
-              width: 1,
-              height: 18,
-              background: "var(--border)",
-              flexShrink: 0
-            } }),
-            /* @__PURE__ */ n("span", { style: {
-              fontSize: "var(--text-md)",
-              fontWeight: 500,
-              color: "var(--text-muted)"
-            }, children: e })
-          ] })
-        ] }),
-        y && /* @__PURE__ */ n("div", { style: {
-          display: "flex",
-          alignItems: "center",
-          gap: 8,
-          flex: 1,
-          justifyContent: "center",
-          minWidth: 0
-        }, children: y }),
-        /* @__PURE__ */ c(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: 10,
-              flexShrink: 0
-            },
-            children: [
-              b,
-              i || p && /* @__PURE__ */ c("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-                /* @__PURE__ */ n("div", { style: {
-                  width: 30,
-                  height: 30,
-                  borderRadius: "50%",
-                  background: v2(p),
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  flexShrink: 0
-                }, children: /* @__PURE__ */ n("span", { style: {
-                  fontSize: 11,
-                  fontWeight: 600,
-                  color: "#fff",
-                  letterSpacing: "0.02em",
-                  lineHeight: 1
-                }, children: k }) }),
-                /* @__PURE__ */ c("div", { style: { display: "flex", flexDirection: "column", gap: 1 }, children: [
-                  /* @__PURE__ */ n("span", { style: {
-                    fontSize: "var(--text-sm)",
-                    fontWeight: 550,
-                    color: "var(--text-strong)",
-                    lineHeight: 1.2
-                  }, children: p }),
-                  x && /* @__PURE__ */ n("span", { style: {
-                    fontSize: "var(--text-xs)",
-                    color: "var(--text-muted)",
-                    lineHeight: 1.2
-                  }, children: x })
-                ] }),
-                C && /* @__PURE__ */ n(
-                  "button",
-                  {
-                    onClick: C,
-                    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: (o) => {
-                      o.currentTarget.style.background = "var(--hover-warm)", o.currentTarget.style.color = "var(--text-muted)";
-                    },
-                    onMouseLeave: (o) => {
-                      o.currentTarget.style.background = "transparent", o.currentTarget.style.color = "var(--text-faint)";
-                    },
-                    children: /* @__PURE__ */ n(p2, { size: 14 })
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-function L2({ label: r, color: e = "var(--text-muted)", active: a, onClick: s }) {
-  return /* @__PURE__ */ c(
-    "button",
-    {
-      onClick: s,
-      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, ${e} 30%, transparent)`,
-        background: `color-mix(in srgb, ${e} 10%, transparent)`,
-        color: e,
-        cursor: "pointer",
-        transition: "background 0.15s ease, border-color 0.15s ease"
-      },
-      onMouseEnter: (f) => {
-        f.currentTarget.style.background = `color-mix(in srgb, ${e} 18%, transparent)`;
-      },
-      onMouseLeave: (f) => {
-        f.currentTarget.style.background = `color-mix(in srgb, ${e} 10%, transparent)`;
-      },
-      children: [
-        r,
-        /* @__PURE__ */ n(
-          _,
-          {
-            size: 12,
-            style: {
-              transform: a ? "rotate(180deg)" : "rotate(0deg)",
-              transition: "transform 0.2s ease",
-              opacity: 0.7
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-function H2({ open: r, onClose: e, children: a, align: s = "left" }) {
-  return r ? /* @__PURE__ */ c(G, { children: [
-    /* @__PURE__ */ n(
-      "div",
-      {
-        onClick: e,
-        style: { position: "fixed", inset: 0, zIndex: 99, background: "rgba(0,0,0,0.03)" }
-      }
-    ),
-    /* @__PURE__ */ n("div", { style: {
-      position: "absolute",
-      top: "100%",
-      [s === "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: a })
-  ] }) : null;
-}
-function A2({ label: r, active: e, onClick: a }) {
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      onClick: a,
-      style: {
-        padding: "8px 10px",
-        borderRadius: "var(--radius-sm)",
-        cursor: "pointer",
-        fontSize: "var(--text-sm)",
-        color: e ? "var(--text-ink)" : "var(--text-base)",
-        fontWeight: e ? 600 : 400,
-        fontFamily: "var(--font-sans)",
-        background: e ? "var(--hover-warm)" : "transparent",
-        transition: "background 0.1s ease"
-      },
-      onMouseEnter: (s) => {
-        e || (s.currentTarget.style.background = "var(--hover-warm-subtle)");
-      },
-      onMouseLeave: (s) => {
-        e || (s.currentTarget.style.background = "transparent");
-      },
-      children: r
-    }
-  );
-}
-function E2({ connected: r, label: e }) {
-  return /* @__PURE__ */ n("span", { style: {
-    fontSize: "var(--text-xs)",
-    fontFamily: "var(--font-sans)",
-    padding: "3px 10px",
-    borderRadius: 12,
-    border: `1px solid ${r ? "var(--state-present)" : "var(--border)"}`,
-    color: r ? "var(--state-present)" : "var(--text-faint)",
-    background: r ? "rgba(37,163,114,0.08)" : "transparent",
-    transition: "all 0.2s ease"
-  }, children: e || (r ? "Connected" : "Disconnected") });
-}
-function k2(r) {
-  if (!r) return "?";
-  const e = r.trim().split(/\s+/);
-  return e.length >= 2 ? (e[0][0] + e[e.length - 1][0]).toUpperCase() : r.slice(0, 2).toUpperCase();
-}
-export {
-  H2 as N,
-  B2 as S,
-  A2 as a,
-  L2 as b,
-  M2 as c,
-  E2 as d
-};
-//# sourceMappingURL=NavigationBar.es.js.map