@chronoter/main 0.1.10 → 0.1.11

package/dist/server/client/main.js

@@ -7533,33 +7533,20 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.553.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/bell.js
-var __iconNode = [
-  ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
-  [
-    "path",
-    {
-      d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",
-      key: "11g9vi"
-    }
-  ]
-];
-var Bell = createLucideIcon("bell", __iconNode);
-
 // ../../node_modules/.pnpm/lucide-react@0.553.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/circle-question-mark.js
-var __iconNode2 = [
+var __iconNode = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-var CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode2);
+var CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode);
 
 // ../../node_modules/.pnpm/lucide-react@0.553.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/x.js
-var __iconNode3 = [
+var __iconNode2 = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
-var X = createLucideIcon("x", __iconNode3);
+var X = createLucideIcon("x", __iconNode2);
 
 // src/core/hooks/use-mobile.tsx
 var React3 = __toESM(require_react(), 1);
@@ -10886,10 +10873,10 @@ var NODES = [
   "ul"
 ];
 var Primitive = NODES.reduce((primitive, node) => {
-  const Slot4 = createSlot2(`Primitive.${node}`);
+  const Slot3 = createSlot2(`Primitive.${node}`);
   const Node2 = React10.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot4 : node;
+    const Comp = asChild ? Slot3 : node;
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
@@ -15904,7 +15891,7 @@ function SidebarMenuSubButton({
 }
 
 // src/core/components/layout/ChronoterHeader.tsx
-var React42 = __toESM(require_react(), 1);
+var React39 = __toESM(require_react(), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-navigation-menu@1.2.14_@types+react-dom@18.3.7_@types+react@18.3.26__@types+r_tqpeediw4apzeruvopnk34mhqu/node_modules/@radix-ui/react-navigation-menu/dist/index.mjs
 var React38 = __toESM(require_react(), 1);
@@ -15926,7 +15913,7 @@ __toESM(require_react(), 1);
 __toESM(require_jsx_runtime(), 1);
 function createCollection(name) {
   const PROVIDER_NAME2 = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope4] = createContextScope(PROVIDER_NAME2);
+  const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME2);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
     PROVIDER_NAME2,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -15966,7 +15953,7 @@ function createCollection(name) {
     }
   );
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
-  function useCollection4(scope) {
+  function useCollection2(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
     const getItems = import_react5.default.useCallback(() => {
       const collectionNode = context.collectionRef.current;
@@ -15982,8 +15969,8 @@ function createCollection(name) {
   }
   return [
     { Provider: CollectionProvider, Slot: CollectionSlot, ItemSlot: CollectionItemSlot },
-    useCollection4,
-    createCollectionScope4
+    useCollection2,
+    createCollectionScope2
   ];
 }
 
@@ -16903,1418 +16890,32 @@ var HamburgerIcon = ({
   }
 );
 
-// ../../node_modules/.pnpm/@radix-ui+react-dropdown-menu@2.1.16_@types+react-dom@18.3.7_@types+react@18.3.26__@types+rea_iaecsfbcg4zg4kegr2ujb7doey/node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
-var React41 = __toESM(require_react(), 1);
-
-// ../../node_modules/.pnpm/@radix-ui+react-menu@2.1.16_@types+react-dom@18.3.7_@types+react@18.3.26__@types+react@18.3.2_y3hbfiku5rjtwg3ibyxwi2eup4/node_modules/@radix-ui/react-menu/dist/index.mjs
-var React40 = __toESM(require_react(), 1);
-
-// ../../node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.11_@types+react-dom@18.3.7_@types+react@18.3.26__@types+reac_ipyy2w45uopecj6ozew45icviu/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
-var React39 = __toESM(require_react(), 1);
-var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
-var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
-var EVENT_OPTIONS2 = { bubbles: false, cancelable: true };
-var GROUP_NAME = "RovingFocusGroup";
-var [Collection2, useCollection2, createCollectionScope2] = createCollection(GROUP_NAME);
-var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
-  GROUP_NAME,
-  [createCollectionScope2]
-);
-var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
-var RovingFocusGroup = React39.forwardRef(
-  (props, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Collection2.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Collection2.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
-  }
-);
-RovingFocusGroup.displayName = GROUP_NAME;
-var RovingFocusGroupImpl = React39.forwardRef((props, forwardedRef) => {
-  const {
-    __scopeRovingFocusGroup,
-    orientation,
-    loop = false,
-    dir,
-    currentTabStopId: currentTabStopIdProp,
-    defaultCurrentTabStopId,
-    onCurrentTabStopIdChange,
-    onEntryFocus,
-    preventScrollOnEntryFocus = false,
-    ...groupProps
-  } = props;
-  const ref = React39.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  const direction = useDirection(dir);
-  const [currentTabStopId, setCurrentTabStopId] = useControllableState({
-    prop: currentTabStopIdProp,
-    defaultProp: defaultCurrentTabStopId ?? null,
-    onChange: onCurrentTabStopIdChange,
-    caller: GROUP_NAME
-  });
-  const [isTabbingBackOut, setIsTabbingBackOut] = React39.useState(false);
-  const handleEntryFocus = useCallbackRef(onEntryFocus);
-  const getItems = useCollection2(__scopeRovingFocusGroup);
-  const isClickFocusRef = React39.useRef(false);
-  const [focusableItemsCount, setFocusableItemsCount] = React39.useState(0);
-  React39.useEffect(() => {
-    const node = ref.current;
-    if (node) {
-      node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
-      return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
-    }
-  }, [handleEntryFocus]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    RovingFocusProvider,
-    {
-      scope: __scopeRovingFocusGroup,
-      orientation,
-      dir: direction,
-      loop,
-      currentTabStopId,
-      onItemFocus: React39.useCallback(
-        (tabStopId) => setCurrentTabStopId(tabStopId),
-        [setCurrentTabStopId]
-      ),
-      onItemShiftTab: React39.useCallback(() => setIsTabbingBackOut(true), []),
-      onFocusableItemAdd: React39.useCallback(
-        () => setFocusableItemsCount((prevCount) => prevCount + 1),
-        []
-      ),
-      onFocusableItemRemove: React39.useCallback(
-        () => setFocusableItemsCount((prevCount) => prevCount - 1),
-        []
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        Primitive.div,
-        {
-          tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
-          "data-orientation": orientation,
-          ...groupProps,
-          ref: composedRefs,
-          style: { outline: "none", ...props.style },
-          onMouseDown: composeEventHandlers(props.onMouseDown, () => {
-            isClickFocusRef.current = true;
-          }),
-          onFocus: composeEventHandlers(props.onFocus, (event) => {
-            const isKeyboardFocus = !isClickFocusRef.current;
-            if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
-              const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS2);
-              event.currentTarget.dispatchEvent(entryFocusEvent);
-              if (!entryFocusEvent.defaultPrevented) {
-                const items = getItems().filter((item) => item.focusable);
-                const activeItem = items.find((item) => item.active);
-                const currentItem = items.find((item) => item.id === currentTabStopId);
-                const candidateItems = [activeItem, currentItem, ...items].filter(
-                  Boolean
-                );
-                const candidateNodes = candidateItems.map((item) => item.ref.current);
-                focusFirst3(candidateNodes, preventScrollOnEntryFocus);
-              }
-            }
-            isClickFocusRef.current = false;
-          }),
-          onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))
-        }
-      )
-    }
-  );
-});
-var ITEM_NAME2 = "RovingFocusGroupItem";
-var RovingFocusGroupItem = React39.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      __scopeRovingFocusGroup,
-      focusable = true,
-      active = false,
-      tabStopId,
-      children,
-      ...itemProps
-    } = props;
-    const autoId = useId();
-    const id = tabStopId || autoId;
-    const context = useRovingFocusContext(ITEM_NAME2, __scopeRovingFocusGroup);
-    const isCurrentTabStop = context.currentTabStopId === id;
-    const getItems = useCollection2(__scopeRovingFocusGroup);
-    const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
-    React39.useEffect(() => {
-      if (focusable) {
-        onFocusableItemAdd();
-        return () => onFocusableItemRemove();
-      }
-    }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      Collection2.ItemSlot,
-      {
-        scope: __scopeRovingFocusGroup,
-        id,
-        focusable,
-        active,
-        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          Primitive.span,
-          {
-            tabIndex: isCurrentTabStop ? 0 : -1,
-            "data-orientation": context.orientation,
-            ...itemProps,
-            ref: forwardedRef,
-            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
-              if (!focusable) event.preventDefault();
-              else context.onItemFocus(id);
-            }),
-            onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
-            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
-              if (event.key === "Tab" && event.shiftKey) {
-                context.onItemShiftTab();
-                return;
-              }
-              if (event.target !== event.currentTarget) return;
-              const focusIntent = getFocusIntent(event, context.orientation, context.dir);
-              if (focusIntent !== void 0) {
-                if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
-                event.preventDefault();
-                const items = getItems().filter((item) => item.focusable);
-                let candidateNodes = items.map((item) => item.ref.current);
-                if (focusIntent === "last") candidateNodes.reverse();
-                else if (focusIntent === "prev" || focusIntent === "next") {
-                  if (focusIntent === "prev") candidateNodes.reverse();
-                  const currentIndex = candidateNodes.indexOf(event.currentTarget);
-                  candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
-                }
-                setTimeout(() => focusFirst3(candidateNodes));
-              }
-            }),
-            children: typeof children === "function" ? children({ isCurrentTabStop, hasTabStop: currentTabStopId != null }) : children
-          }
-        )
-      }
-    );
-  }
-);
-RovingFocusGroupItem.displayName = ITEM_NAME2;
-var MAP_KEY_TO_FOCUS_INTENT = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function getDirectionAwareKey(key, dir) {
-  if (dir !== "rtl") return key;
-  return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
-}
-function getFocusIntent(event, orientation, dir) {
-  const key = getDirectionAwareKey(event.key, dir);
-  if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
-  if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
-  return MAP_KEY_TO_FOCUS_INTENT[key];
-}
-function focusFirst3(candidates, preventScroll = false) {
-  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
-  for (const candidate of candidates) {
-    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-    candidate.focus({ preventScroll });
-    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
-  }
-}
-function wrapArray(array, startIndex) {
-  return array.map((_, index2) => array[(startIndex + index2) % array.length]);
-}
-var Root4 = RovingFocusGroup;
-var Item2 = RovingFocusGroupItem;
-
-// ../../node_modules/.pnpm/@radix-ui+react-menu@2.1.16_@types+react-dom@18.3.7_@types+react@18.3.26__@types+react@18.3.2_y3hbfiku5rjtwg3ibyxwi2eup4/node_modules/@radix-ui/react-menu/dist/index.mjs
-var import_jsx_runtime27 = __toESM(require_jsx_runtime(), 1);
-var SELECTION_KEYS = ["Enter", " "];
-var FIRST_KEYS = ["ArrowDown", "PageUp", "Home"];
-var LAST_KEYS = ["ArrowUp", "PageDown", "End"];
-var FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
-var SUB_OPEN_KEYS = {
-  ltr: [...SELECTION_KEYS, "ArrowRight"],
-  rtl: [...SELECTION_KEYS, "ArrowLeft"]
-};
-var SUB_CLOSE_KEYS = {
-  ltr: ["ArrowLeft"],
-  rtl: ["ArrowRight"]
-};
-var MENU_NAME = "Menu";
-var [Collection3, useCollection3, createCollectionScope3] = createCollection(MENU_NAME);
-var [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, [
-  createCollectionScope3,
-  createPopperScope,
-  createRovingFocusGroupScope
-]);
-var usePopperScope2 = createPopperScope();
-var useRovingFocusGroupScope = createRovingFocusGroupScope();
-var [MenuProvider, useMenuContext] = createMenuContext(MENU_NAME);
-var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
-var Menu = (props) => {
-  const { __scopeMenu, open = false, children, dir, onOpenChange, modal = true } = props;
-  const popperScope = usePopperScope2(__scopeMenu);
-  const [content, setContent] = React40.useState(null);
-  const isUsingKeyboardRef = React40.useRef(false);
-  const handleOpenChange = useCallbackRef(onOpenChange);
-  const direction = useDirection(dir);
-  React40.useEffect(() => {
-    const handleKeyDown = () => {
-      isUsingKeyboardRef.current = true;
-      document.addEventListener("pointerdown", handlePointer, { capture: true, once: true });
-      document.addEventListener("pointermove", handlePointer, { capture: true, once: true });
-    };
-    const handlePointer = () => isUsingKeyboardRef.current = false;
-    document.addEventListener("keydown", handleKeyDown, { capture: true });
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown, { capture: true });
-      document.removeEventListener("pointerdown", handlePointer, { capture: true });
-      document.removeEventListener("pointermove", handlePointer, { capture: true });
-    };
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    MenuProvider,
-    {
-      scope: __scopeMenu,
-      open,
-      onOpenChange: handleOpenChange,
-      content,
-      onContentChange: setContent,
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-        MenuRootProvider,
-        {
-          scope: __scopeMenu,
-          onClose: React40.useCallback(() => handleOpenChange(false), [handleOpenChange]),
-          isUsingKeyboardRef,
-          dir: direction,
-          modal,
-          children
-        }
-      )
-    }
-  ) });
-};
-Menu.displayName = MENU_NAME;
-var ANCHOR_NAME2 = "MenuAnchor";
-var MenuAnchor = React40.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeMenu, ...anchorProps } = props;
-    const popperScope = usePopperScope2(__scopeMenu);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
-  }
-);
-MenuAnchor.displayName = ANCHOR_NAME2;
-var PORTAL_NAME4 = "MenuPortal";
-var [PortalProvider3, usePortalContext3] = createMenuContext(PORTAL_NAME4, {
-  forceMount: void 0
-});
-var MenuPortal = (props) => {
-  const { __scopeMenu, forceMount, children, container } = props;
-  const context = useMenuContext(PORTAL_NAME4, __scopeMenu);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PortalProvider3, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Portal, { asChild: true, container, children }) }) });
-};
-MenuPortal.displayName = PORTAL_NAME4;
-var CONTENT_NAME5 = "MenuContent";
-var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME5);
-var MenuContent = React40.forwardRef(
-  (props, forwardedRef) => {
-    const portalContext = usePortalContext3(CONTENT_NAME5, props.__scopeMenu);
-    const { forceMount = portalContext.forceMount, ...contentProps } = props;
-    const context = useMenuContext(CONTENT_NAME5, props.__scopeMenu);
-    const rootContext = useMenuRootContext(CONTENT_NAME5, props.__scopeMenu);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Collection3.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Collection3.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
-  }
-);
-var MenuRootContentModal = React40.forwardRef(
-  (props, forwardedRef) => {
-    const context = useMenuContext(CONTENT_NAME5, props.__scopeMenu);
-    const ref = React40.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
-    React40.useEffect(() => {
-      const content = ref.current;
-      if (content) return hideOthers(content);
-    }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      MenuContentImpl,
-      {
-        ...props,
-        ref: composedRefs,
-        trapFocus: context.open,
-        disableOutsidePointerEvents: context.open,
-        disableOutsideScroll: true,
-        onFocusOutside: composeEventHandlers(
-          props.onFocusOutside,
-          (event) => event.preventDefault(),
-          { checkForDefaultPrevented: false }
-        ),
-        onDismiss: () => context.onOpenChange(false)
-      }
-    );
-  }
-);
-var MenuRootContentNonModal = React40.forwardRef((props, forwardedRef) => {
-  const context = useMenuContext(CONTENT_NAME5, props.__scopeMenu);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    MenuContentImpl,
-    {
-      ...props,
-      ref: forwardedRef,
-      trapFocus: false,
-      disableOutsidePointerEvents: false,
-      disableOutsideScroll: false,
-      onDismiss: () => context.onOpenChange(false)
-    }
-  );
-});
-var Slot3 = createSlot2("MenuContent.ScrollLock");
-var MenuContentImpl = React40.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      __scopeMenu,
-      loop = false,
-      trapFocus,
-      onOpenAutoFocus,
-      onCloseAutoFocus,
-      disableOutsidePointerEvents,
-      onEntryFocus,
-      onEscapeKeyDown,
-      onPointerDownOutside,
-      onFocusOutside,
-      onInteractOutside,
-      onDismiss,
-      disableOutsideScroll,
-      ...contentProps
-    } = props;
-    const context = useMenuContext(CONTENT_NAME5, __scopeMenu);
-    const rootContext = useMenuRootContext(CONTENT_NAME5, __scopeMenu);
-    const popperScope = usePopperScope2(__scopeMenu);
-    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
-    const getItems = useCollection3(__scopeMenu);
-    const [currentItemId, setCurrentItemId] = React40.useState(null);
-    const contentRef = React40.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, contentRef, context.onContentChange);
-    const timerRef = React40.useRef(0);
-    const searchRef = React40.useRef("");
-    const pointerGraceTimerRef = React40.useRef(0);
-    const pointerGraceIntentRef = React40.useRef(null);
-    const pointerDirRef = React40.useRef("right");
-    const lastPointerXRef = React40.useRef(0);
-    const ScrollLockWrapper = disableOutsideScroll ? Combination_default : React40.Fragment;
-    const scrollLockWrapperProps = disableOutsideScroll ? { as: Slot3, allowPinchZoom: true } : void 0;
-    const handleTypeaheadSearch = (key) => {
-      const search = searchRef.current + key;
-      const items = getItems().filter((item) => !item.disabled);
-      const currentItem = document.activeElement;
-      const currentMatch = items.find((item) => item.ref.current === currentItem)?.textValue;
-      const values = items.map((item) => item.textValue);
-      const nextMatch = getNextMatch(values, search, currentMatch);
-      const newItem = items.find((item) => item.textValue === nextMatch)?.ref.current;
-      (function updateSearch(value) {
-        searchRef.current = value;
-        window.clearTimeout(timerRef.current);
-        if (value !== "") timerRef.current = window.setTimeout(() => updateSearch(""), 1e3);
-      })(search);
-      if (newItem) {
-        setTimeout(() => newItem.focus());
-      }
-    };
-    React40.useEffect(() => {
-      return () => window.clearTimeout(timerRef.current);
-    }, []);
-    useFocusGuards();
-    const isPointerMovingToSubmenu = React40.useCallback((event) => {
-      const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;
-      return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
-    }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      MenuContentProvider,
-      {
-        scope: __scopeMenu,
-        searchRef,
-        onItemEnter: React40.useCallback(
-          (event) => {
-            if (isPointerMovingToSubmenu(event)) event.preventDefault();
-          },
-          [isPointerMovingToSubmenu]
-        ),
-        onItemLeave: React40.useCallback(
-          (event) => {
-            if (isPointerMovingToSubmenu(event)) return;
-            contentRef.current?.focus();
-            setCurrentItemId(null);
-          },
-          [isPointerMovingToSubmenu]
-        ),
-        onTriggerLeave: React40.useCallback(
-          (event) => {
-            if (isPointerMovingToSubmenu(event)) event.preventDefault();
-          },
-          [isPointerMovingToSubmenu]
-        ),
-        pointerGraceTimerRef,
-        onPointerGraceIntentChange: React40.useCallback((intent) => {
-          pointerGraceIntentRef.current = intent;
-        }, []),
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          FocusScope,
-          {
-            asChild: true,
-            trapped: trapFocus,
-            onMountAutoFocus: composeEventHandlers(onOpenAutoFocus, (event) => {
-              event.preventDefault();
-              contentRef.current?.focus({ preventScroll: true });
-            }),
-            onUnmountAutoFocus: onCloseAutoFocus,
-            children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              DismissableLayer,
-              {
-                asChild: true,
-                disableOutsidePointerEvents,
-                onEscapeKeyDown,
-                onPointerDownOutside,
-                onFocusOutside,
-                onInteractOutside,
-                onDismiss,
-                children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                  Root4,
-                  {
-                    asChild: true,
-                    ...rovingFocusGroupScope,
-                    dir: rootContext.dir,
-                    orientation: "vertical",
-                    loop,
-                    currentTabStopId: currentItemId,
-                    onCurrentTabStopIdChange: setCurrentItemId,
-                    onEntryFocus: composeEventHandlers(onEntryFocus, (event) => {
-                      if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
-                    }),
-                    preventScrollOnEntryFocus: true,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                      Content2,
-                      {
-                        role: "menu",
-                        "aria-orientation": "vertical",
-                        "data-state": getOpenState2(context.open),
-                        "data-radix-menu-content": "",
-                        dir: rootContext.dir,
-                        ...popperScope,
-                        ...contentProps,
-                        ref: composedRefs,
-                        style: { outline: "none", ...contentProps.style },
-                        onKeyDown: composeEventHandlers(contentProps.onKeyDown, (event) => {
-                          const target = event.target;
-                          const isKeyDownInside = target.closest("[data-radix-menu-content]") === event.currentTarget;
-                          const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
-                          const isCharacterKey = event.key.length === 1;
-                          if (isKeyDownInside) {
-                            if (event.key === "Tab") event.preventDefault();
-                            if (!isModifierKey && isCharacterKey) handleTypeaheadSearch(event.key);
-                          }
-                          const content = contentRef.current;
-                          if (event.target !== content) return;
-                          if (!FIRST_LAST_KEYS.includes(event.key)) return;
-                          event.preventDefault();
-                          const items = getItems().filter((item) => !item.disabled);
-                          const candidateNodes = items.map((item) => item.ref.current);
-                          if (LAST_KEYS.includes(event.key)) candidateNodes.reverse();
-                          focusFirst4(candidateNodes);
-                        }),
-                        onBlur: composeEventHandlers(props.onBlur, (event) => {
-                          if (!event.currentTarget.contains(event.target)) {
-                            window.clearTimeout(timerRef.current);
-                            searchRef.current = "";
-                          }
-                        }),
-                        onPointerMove: composeEventHandlers(
-                          props.onPointerMove,
-                          whenMouse2((event) => {
-                            const target = event.target;
-                            const pointerXHasChanged = lastPointerXRef.current !== event.clientX;
-                            if (event.currentTarget.contains(target) && pointerXHasChanged) {
-                              const newDir = event.clientX > lastPointerXRef.current ? "right" : "left";
-                              pointerDirRef.current = newDir;
-                              lastPointerXRef.current = event.clientX;
-                            }
-                          })
-                        )
-                      }
-                    )
-                  }
-                )
-              }
-            )
-          }
-        ) })
-      }
-    );
-  }
-);
-MenuContent.displayName = CONTENT_NAME5;
-var GROUP_NAME2 = "MenuGroup";
-var MenuGroup = React40.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeMenu, ...groupProps } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
-  }
-);
-MenuGroup.displayName = GROUP_NAME2;
-var LABEL_NAME = "MenuLabel";
-var MenuLabel = React40.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeMenu, ...labelProps } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Primitive.div, { ...labelProps, ref: forwardedRef });
-  }
-);
-MenuLabel.displayName = LABEL_NAME;
-var ITEM_NAME3 = "MenuItem";
-var ITEM_SELECT = "menu.itemSelect";
-var MenuItem = React40.forwardRef(
-  (props, forwardedRef) => {
-    const { disabled = false, onSelect, ...itemProps } = props;
-    const ref = React40.useRef(null);
-    const rootContext = useMenuRootContext(ITEM_NAME3, props.__scopeMenu);
-    const contentContext = useMenuContentContext(ITEM_NAME3, props.__scopeMenu);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
-    const isPointerDownRef = React40.useRef(false);
-    const handleSelect = () => {
-      const menuItem = ref.current;
-      if (!disabled && menuItem) {
-        const itemSelectEvent = new CustomEvent(ITEM_SELECT, { bubbles: true, cancelable: true });
-        menuItem.addEventListener(ITEM_SELECT, (event) => onSelect?.(event), { once: true });
-        dispatchDiscreteCustomEvent(menuItem, itemSelectEvent);
-        if (itemSelectEvent.defaultPrevented) {
-          isPointerDownRef.current = false;
-        } else {
-          rootContext.onClose();
-        }
-      }
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      MenuItemImpl,
-      {
-        ...itemProps,
-        ref: composedRefs,
-        disabled,
-        onClick: composeEventHandlers(props.onClick, handleSelect),
-        onPointerDown: (event) => {
-          props.onPointerDown?.(event);
-          isPointerDownRef.current = true;
-        },
-        onPointerUp: composeEventHandlers(props.onPointerUp, (event) => {
-          if (!isPointerDownRef.current) event.currentTarget?.click();
-        }),
-        onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
-          const isTypingAhead = contentContext.searchRef.current !== "";
-          if (disabled || isTypingAhead && event.key === " ") return;
-          if (SELECTION_KEYS.includes(event.key)) {
-            event.currentTarget.click();
-            event.preventDefault();
-          }
-        })
-      }
-    );
-  }
-);
-MenuItem.displayName = ITEM_NAME3;
-var MenuItemImpl = React40.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
-    const contentContext = useMenuContentContext(ITEM_NAME3, __scopeMenu);
-    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
-    const ref = React40.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
-    const [isFocused, setIsFocused] = React40.useState(false);
-    const [textContent, setTextContent] = React40.useState("");
-    React40.useEffect(() => {
-      const menuItem = ref.current;
-      if (menuItem) {
-        setTextContent((menuItem.textContent ?? "").trim());
-      }
-    }, [itemProps.children]);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      Collection3.ItemSlot,
-      {
-        scope: __scopeMenu,
-        disabled,
-        textValue: textValue ?? textContent,
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Item2, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          Primitive.div,
-          {
-            role: "menuitem",
-            "data-highlighted": isFocused ? "" : void 0,
-            "aria-disabled": disabled || void 0,
-            "data-disabled": disabled ? "" : void 0,
-            ...itemProps,
-            ref: composedRefs,
-            onPointerMove: composeEventHandlers(
-              props.onPointerMove,
-              whenMouse2((event) => {
-                if (disabled) {
-                  contentContext.onItemLeave(event);
-                } else {
-                  contentContext.onItemEnter(event);
-                  if (!event.defaultPrevented) {
-                    const item = event.currentTarget;
-                    item.focus({ preventScroll: true });
-                  }
-                }
-              })
-            ),
-            onPointerLeave: composeEventHandlers(
-              props.onPointerLeave,
-              whenMouse2((event) => contentContext.onItemLeave(event))
-            ),
-            onFocus: composeEventHandlers(props.onFocus, () => setIsFocused(true)),
-            onBlur: composeEventHandlers(props.onBlur, () => setIsFocused(false))
-          }
-        ) })
-      }
-    );
-  }
-);
-var CHECKBOX_ITEM_NAME = "MenuCheckboxItem";
-var MenuCheckboxItem = React40.forwardRef(
-  (props, forwardedRef) => {
-    const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      MenuItem,
-      {
-        role: "menuitemcheckbox",
-        "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
-        ...checkboxItemProps,
-        ref: forwardedRef,
-        "data-state": getCheckedState(checked),
-        onSelect: composeEventHandlers(
-          checkboxItemProps.onSelect,
-          () => onCheckedChange?.(isIndeterminate(checked) ? true : !checked),
-          { checkForDefaultPrevented: false }
-        )
-      }
-    ) });
-  }
-);
-MenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;
-var RADIO_GROUP_NAME = "MenuRadioGroup";
-var [RadioGroupProvider, useRadioGroupContext] = createMenuContext(
-  RADIO_GROUP_NAME,
-  { value: void 0, onValueChange: () => {
-  } }
-);
-var MenuRadioGroup = React40.forwardRef(
-  (props, forwardedRef) => {
-    const { value, onValueChange, ...groupProps } = props;
-    const handleValueChange = useCallbackRef(onValueChange);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(RadioGroupProvider, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenuGroup, { ...groupProps, ref: forwardedRef }) });
-  }
-);
-MenuRadioGroup.displayName = RADIO_GROUP_NAME;
-var RADIO_ITEM_NAME = "MenuRadioItem";
-var MenuRadioItem = React40.forwardRef(
-  (props, forwardedRef) => {
-    const { value, ...radioItemProps } = props;
-    const context = useRadioGroupContext(RADIO_ITEM_NAME, props.__scopeMenu);
-    const checked = value === context.value;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      MenuItem,
-      {
-        role: "menuitemradio",
-        "aria-checked": checked,
-        ...radioItemProps,
-        ref: forwardedRef,
-        "data-state": getCheckedState(checked),
-        onSelect: composeEventHandlers(
-          radioItemProps.onSelect,
-          () => context.onValueChange?.(value),
-          { checkForDefaultPrevented: false }
-        )
-      }
-    ) });
-  }
-);
-MenuRadioItem.displayName = RADIO_ITEM_NAME;
-var ITEM_INDICATOR_NAME = "MenuItemIndicator";
-var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(
-  ITEM_INDICATOR_NAME,
-  { checked: false }
-);
-var MenuItemIndicator = React40.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
-    const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      Presence,
-      {
-        present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          Primitive.span,
-          {
-            ...itemIndicatorProps,
-            ref: forwardedRef,
-            "data-state": getCheckedState(indicatorContext.checked)
-          }
-        )
-      }
-    );
-  }
-);
-MenuItemIndicator.displayName = ITEM_INDICATOR_NAME;
-var SEPARATOR_NAME = "MenuSeparator";
-var MenuSeparator = React40.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeMenu, ...separatorProps } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      Primitive.div,
-      {
-        role: "separator",
-        "aria-orientation": "horizontal",
-        ...separatorProps,
-        ref: forwardedRef
-      }
-    );
-  }
-);
-MenuSeparator.displayName = SEPARATOR_NAME;
-var ARROW_NAME3 = "MenuArrow";
-var MenuArrow = React40.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeMenu, ...arrowProps } = props;
-    const popperScope = usePopperScope2(__scopeMenu);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
-  }
-);
-MenuArrow.displayName = ARROW_NAME3;
-var SUB_NAME2 = "MenuSub";
-var [MenuSubProvider, useMenuSubContext] = createMenuContext(SUB_NAME2);
-var SUB_TRIGGER_NAME = "MenuSubTrigger";
-var MenuSubTrigger = React40.forwardRef(
-  (props, forwardedRef) => {
-    const context = useMenuContext(SUB_TRIGGER_NAME, props.__scopeMenu);
-    const rootContext = useMenuRootContext(SUB_TRIGGER_NAME, props.__scopeMenu);
-    const subContext = useMenuSubContext(SUB_TRIGGER_NAME, props.__scopeMenu);
-    const contentContext = useMenuContentContext(SUB_TRIGGER_NAME, props.__scopeMenu);
-    const openTimerRef = React40.useRef(null);
-    const { pointerGraceTimerRef, onPointerGraceIntentChange } = contentContext;
-    const scope = { __scopeMenu: props.__scopeMenu };
-    const clearOpenTimer = React40.useCallback(() => {
-      if (openTimerRef.current) window.clearTimeout(openTimerRef.current);
-      openTimerRef.current = null;
-    }, []);
-    React40.useEffect(() => clearOpenTimer, [clearOpenTimer]);
-    React40.useEffect(() => {
-      const pointerGraceTimer = pointerGraceTimerRef.current;
-      return () => {
-        window.clearTimeout(pointerGraceTimer);
-        onPointerGraceIntentChange(null);
-      };
-    }, [pointerGraceTimerRef, onPointerGraceIntentChange]);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      MenuItemImpl,
-      {
-        id: subContext.triggerId,
-        "aria-haspopup": "menu",
-        "aria-expanded": context.open,
-        "aria-controls": subContext.contentId,
-        "data-state": getOpenState2(context.open),
-        ...props,
-        ref: composeRefs(forwardedRef, subContext.onTriggerChange),
-        onClick: (event) => {
-          props.onClick?.(event);
-          if (props.disabled || event.defaultPrevented) return;
-          event.currentTarget.focus();
-          if (!context.open) context.onOpenChange(true);
-        },
-        onPointerMove: composeEventHandlers(
-          props.onPointerMove,
-          whenMouse2((event) => {
-            contentContext.onItemEnter(event);
-            if (event.defaultPrevented) return;
-            if (!props.disabled && !context.open && !openTimerRef.current) {
-              contentContext.onPointerGraceIntentChange(null);
-              openTimerRef.current = window.setTimeout(() => {
-                context.onOpenChange(true);
-                clearOpenTimer();
-              }, 100);
-            }
-          })
-        ),
-        onPointerLeave: composeEventHandlers(
-          props.onPointerLeave,
-          whenMouse2((event) => {
-            clearOpenTimer();
-            const contentRect = context.content?.getBoundingClientRect();
-            if (contentRect) {
-              const side = context.content?.dataset.side;
-              const rightSide = side === "right";
-              const bleed = rightSide ? -5 : 5;
-              const contentNearEdge = contentRect[rightSide ? "left" : "right"];
-              const contentFarEdge = contentRect[rightSide ? "right" : "left"];
-              contentContext.onPointerGraceIntentChange({
-                area: [
-                  // Apply a bleed on clientX to ensure that our exit point is
-                  // consistently within polygon bounds
-                  { x: event.clientX + bleed, y: event.clientY },
-                  { x: contentNearEdge, y: contentRect.top },
-                  { x: contentFarEdge, y: contentRect.top },
-                  { x: contentFarEdge, y: contentRect.bottom },
-                  { x: contentNearEdge, y: contentRect.bottom }
-                ],
-                side
-              });
-              window.clearTimeout(pointerGraceTimerRef.current);
-              pointerGraceTimerRef.current = window.setTimeout(
-                () => contentContext.onPointerGraceIntentChange(null),
-                300
-              );
-            } else {
-              contentContext.onTriggerLeave(event);
-              if (event.defaultPrevented) return;
-              contentContext.onPointerGraceIntentChange(null);
-            }
-          })
-        ),
-        onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
-          const isTypingAhead = contentContext.searchRef.current !== "";
-          if (props.disabled || isTypingAhead && event.key === " ") return;
-          if (SUB_OPEN_KEYS[rootContext.dir].includes(event.key)) {
-            context.onOpenChange(true);
-            context.content?.focus();
-            event.preventDefault();
-          }
-        })
-      }
-    ) });
-  }
-);
-MenuSubTrigger.displayName = SUB_TRIGGER_NAME;
-var SUB_CONTENT_NAME = "MenuSubContent";
-var MenuSubContent = React40.forwardRef(
-  (props, forwardedRef) => {
-    const portalContext = usePortalContext3(CONTENT_NAME5, props.__scopeMenu);
-    const { forceMount = portalContext.forceMount, ...subContentProps } = props;
-    const context = useMenuContext(CONTENT_NAME5, props.__scopeMenu);
-    const rootContext = useMenuRootContext(CONTENT_NAME5, props.__scopeMenu);
-    const subContext = useMenuSubContext(SUB_CONTENT_NAME, props.__scopeMenu);
-    const ref = React40.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Collection3.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Collection3.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      MenuContentImpl,
-      {
-        id: subContext.contentId,
-        "aria-labelledby": subContext.triggerId,
-        ...subContentProps,
-        ref: composedRefs,
-        align: "start",
-        side: rootContext.dir === "rtl" ? "left" : "right",
-        disableOutsidePointerEvents: false,
-        disableOutsideScroll: false,
-        trapFocus: false,
-        onOpenAutoFocus: (event) => {
-          if (rootContext.isUsingKeyboardRef.current) ref.current?.focus();
-          event.preventDefault();
-        },
-        onCloseAutoFocus: (event) => event.preventDefault(),
-        onFocusOutside: composeEventHandlers(props.onFocusOutside, (event) => {
-          if (event.target !== subContext.trigger) context.onOpenChange(false);
-        }),
-        onEscapeKeyDown: composeEventHandlers(props.onEscapeKeyDown, (event) => {
-          rootContext.onClose();
-          event.preventDefault();
-        }),
-        onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
-          const isKeyDownInside = event.currentTarget.contains(event.target);
-          const isCloseKey = SUB_CLOSE_KEYS[rootContext.dir].includes(event.key);
-          if (isKeyDownInside && isCloseKey) {
-            context.onOpenChange(false);
-            subContext.trigger?.focus();
-            event.preventDefault();
-          }
-        })
-      }
-    ) }) }) });
-  }
-);
-MenuSubContent.displayName = SUB_CONTENT_NAME;
-function getOpenState2(open) {
-  return open ? "open" : "closed";
-}
-function isIndeterminate(checked) {
-  return checked === "indeterminate";
-}
-function getCheckedState(checked) {
-  return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
-}
-function focusFirst4(candidates) {
-  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
-  for (const candidate of candidates) {
-    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-    candidate.focus();
-    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
-  }
-}
-function wrapArray2(array, startIndex) {
-  return array.map((_, index2) => array[(startIndex + index2) % array.length]);
-}
-function getNextMatch(values, search, currentMatch) {
-  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
-  const normalizedSearch = isRepeated ? search[0] : search;
-  const currentMatchIndex = currentMatch ? values.indexOf(currentMatch) : -1;
-  let wrappedValues = wrapArray2(values, Math.max(currentMatchIndex, 0));
-  const excludeCurrentMatch = normalizedSearch.length === 1;
-  if (excludeCurrentMatch) wrappedValues = wrappedValues.filter((v) => v !== currentMatch);
-  const nextMatch = wrappedValues.find(
-    (value) => value.toLowerCase().startsWith(normalizedSearch.toLowerCase())
-  );
-  return nextMatch !== currentMatch ? nextMatch : void 0;
-}
-function isPointInPolygon2(point, polygon) {
-  const { x, y } = point;
-  let inside = false;
-  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
-    const ii = polygon[i];
-    const jj = polygon[j];
-    const xi = ii.x;
-    const yi = ii.y;
-    const xj = jj.x;
-    const yj = jj.y;
-    const intersect = yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi;
-    if (intersect) inside = !inside;
-  }
-  return inside;
-}
-function isPointerInGraceArea(event, area) {
-  if (!area) return false;
-  const cursorPos = { x: event.clientX, y: event.clientY };
-  return isPointInPolygon2(cursorPos, area);
-}
-function whenMouse2(handler) {
-  return (event) => event.pointerType === "mouse" ? handler(event) : void 0;
-}
-var Root33 = Menu;
-var Anchor2 = MenuAnchor;
-var Portal4 = MenuPortal;
-var Content23 = MenuContent;
-var Group = MenuGroup;
-var Label = MenuLabel;
-var Item22 = MenuItem;
-var CheckboxItem = MenuCheckboxItem;
-var RadioGroup = MenuRadioGroup;
-var RadioItem = MenuRadioItem;
-var ItemIndicator = MenuItemIndicator;
-var Separator2 = MenuSeparator;
-var Arrow23 = MenuArrow;
-var SubTrigger = MenuSubTrigger;
-var SubContent = MenuSubContent;
-
-// ../../node_modules/.pnpm/@radix-ui+react-dropdown-menu@2.1.16_@types+react-dom@18.3.7_@types+react@18.3.26__@types+rea_iaecsfbcg4zg4kegr2ujb7doey/node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
-var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
-var DROPDOWN_MENU_NAME = "DropdownMenu";
-var [createDropdownMenuContext] = createContextScope(
-  DROPDOWN_MENU_NAME,
-  [createMenuScope]
-);
-var useMenuScope = createMenuScope();
-var [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME);
-var DropdownMenu = (props) => {
-  const {
-    __scopeDropdownMenu,
-    children,
-    dir,
-    open: openProp,
-    defaultOpen,
-    onOpenChange,
-    modal = true
-  } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  const triggerRef = React41.useRef(null);
-  const [open, setOpen] = useControllableState({
-    prop: openProp,
-    defaultProp: defaultOpen ?? false,
-    onChange: onOpenChange,
-    caller: DROPDOWN_MENU_NAME
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    DropdownMenuProvider,
-    {
-      scope: __scopeDropdownMenu,
-      triggerId: useId(),
-      triggerRef,
-      contentId: useId(),
-      open,
-      onOpenChange: setOpen,
-      onOpenToggle: React41.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
-      modal,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Root33, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
-    }
-  );
-};
-DropdownMenu.displayName = DROPDOWN_MENU_NAME;
-var TRIGGER_NAME4 = "DropdownMenuTrigger";
-var DropdownMenuTrigger = React41.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
-    const context = useDropdownMenuContext(TRIGGER_NAME4, __scopeDropdownMenu);
-    const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-      Primitive.button,
-      {
-        type: "button",
-        id: context.triggerId,
-        "aria-haspopup": "menu",
-        "aria-expanded": context.open,
-        "aria-controls": context.open ? context.contentId : void 0,
-        "data-state": context.open ? "open" : "closed",
-        "data-disabled": disabled ? "" : void 0,
-        disabled,
-        ...triggerProps,
-        ref: composeRefs(forwardedRef, context.triggerRef),
-        onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
-          if (!disabled && event.button === 0 && event.ctrlKey === false) {
-            context.onOpenToggle();
-            if (!context.open) event.preventDefault();
-          }
-        }),
-        onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
-          if (disabled) return;
-          if (["Enter", " "].includes(event.key)) context.onOpenToggle();
-          if (event.key === "ArrowDown") context.onOpenChange(true);
-          if (["Enter", " ", "ArrowDown"].includes(event.key)) event.preventDefault();
-        })
-      }
-    ) });
-  }
-);
-DropdownMenuTrigger.displayName = TRIGGER_NAME4;
-var PORTAL_NAME5 = "DropdownMenuPortal";
-var DropdownMenuPortal = (props) => {
-  const { __scopeDropdownMenu, ...portalProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Portal4, { ...menuScope, ...portalProps });
-};
-DropdownMenuPortal.displayName = PORTAL_NAME5;
-var CONTENT_NAME6 = "DropdownMenuContent";
-var DropdownMenuContent = React41.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDropdownMenu, ...contentProps } = props;
-    const context = useDropdownMenuContext(CONTENT_NAME6, __scopeDropdownMenu);
-    const menuScope = useMenuScope(__scopeDropdownMenu);
-    const hasInteractedOutsideRef = React41.useRef(false);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-      Content23,
-      {
-        id: context.contentId,
-        "aria-labelledby": context.triggerId,
-        ...menuScope,
-        ...contentProps,
-        ref: forwardedRef,
-        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
-          if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
-          hasInteractedOutsideRef.current = false;
-          event.preventDefault();
-        }),
-        onInteractOutside: composeEventHandlers(props.onInteractOutside, (event) => {
-          const originalEvent = event.detail.originalEvent;
-          const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
-          const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
-          if (!context.modal || isRightClick) hasInteractedOutsideRef.current = true;
-        }),
-        style: {
-          ...props.style,
-          // re-namespace exposed content custom properties
-          ...{
-            "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-            "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
-            "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
-            "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
-            "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
-          }
-        }
-      }
-    );
-  }
-);
-DropdownMenuContent.displayName = CONTENT_NAME6;
-var GROUP_NAME3 = "DropdownMenuGroup";
-var DropdownMenuGroup = React41.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDropdownMenu, ...groupProps } = props;
-    const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Group, { ...menuScope, ...groupProps, ref: forwardedRef });
-  }
-);
-DropdownMenuGroup.displayName = GROUP_NAME3;
-var LABEL_NAME2 = "DropdownMenuLabel";
-var DropdownMenuLabel = React41.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDropdownMenu, ...labelProps } = props;
-    const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Label, { ...menuScope, ...labelProps, ref: forwardedRef });
-  }
-);
-DropdownMenuLabel.displayName = LABEL_NAME2;
-var ITEM_NAME4 = "DropdownMenuItem";
-var DropdownMenuItem = React41.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDropdownMenu, ...itemProps } = props;
-    const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Item22, { ...menuScope, ...itemProps, ref: forwardedRef });
-  }
-);
-DropdownMenuItem.displayName = ITEM_NAME4;
-var CHECKBOX_ITEM_NAME2 = "DropdownMenuCheckboxItem";
-var DropdownMenuCheckboxItem = React41.forwardRef((props, forwardedRef) => {
-  const { __scopeDropdownMenu, ...checkboxItemProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
-});
-DropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME2;
-var RADIO_GROUP_NAME2 = "DropdownMenuRadioGroup";
-var DropdownMenuRadioGroup = React41.forwardRef((props, forwardedRef) => {
-  const { __scopeDropdownMenu, ...radioGroupProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
-});
-DropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME2;
-var RADIO_ITEM_NAME2 = "DropdownMenuRadioItem";
-var DropdownMenuRadioItem = React41.forwardRef((props, forwardedRef) => {
-  const { __scopeDropdownMenu, ...radioItemProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
-});
-DropdownMenuRadioItem.displayName = RADIO_ITEM_NAME2;
-var INDICATOR_NAME2 = "DropdownMenuItemIndicator";
-var DropdownMenuItemIndicator = React41.forwardRef((props, forwardedRef) => {
-  const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
-});
-DropdownMenuItemIndicator.displayName = INDICATOR_NAME2;
-var SEPARATOR_NAME2 = "DropdownMenuSeparator";
-var DropdownMenuSeparator = React41.forwardRef((props, forwardedRef) => {
-  const { __scopeDropdownMenu, ...separatorProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Separator2, { ...menuScope, ...separatorProps, ref: forwardedRef });
-});
-DropdownMenuSeparator.displayName = SEPARATOR_NAME2;
-var ARROW_NAME4 = "DropdownMenuArrow";
-var DropdownMenuArrow = React41.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDropdownMenu, ...arrowProps } = props;
-    const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Arrow23, { ...menuScope, ...arrowProps, ref: forwardedRef });
-  }
-);
-DropdownMenuArrow.displayName = ARROW_NAME4;
-var SUB_TRIGGER_NAME2 = "DropdownMenuSubTrigger";
-var DropdownMenuSubTrigger = React41.forwardRef((props, forwardedRef) => {
-  const { __scopeDropdownMenu, ...subTriggerProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
-});
-DropdownMenuSubTrigger.displayName = SUB_TRIGGER_NAME2;
-var SUB_CONTENT_NAME2 = "DropdownMenuSubContent";
-var DropdownMenuSubContent = React41.forwardRef((props, forwardedRef) => {
-  const { __scopeDropdownMenu, ...subContentProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    SubContent,
-    {
-      ...menuScope,
-      ...subContentProps,
-      ref: forwardedRef,
-      style: {
-        ...props.style,
-        // re-namespace exposed content custom properties
-        ...{
-          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
-          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
-          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
-          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
-        }
-      }
-    }
-  );
-});
-DropdownMenuSubContent.displayName = SUB_CONTENT_NAME2;
-var Root24 = DropdownMenu;
-var Trigger4 = DropdownMenuTrigger;
-var Portal22 = DropdownMenuPortal;
-var Content24 = DropdownMenuContent;
-var Label2 = DropdownMenuLabel;
-var Item23 = DropdownMenuItem;
-var Separator22 = DropdownMenuSeparator;
-
-// src/core/components/ui/dropdown-menu.tsx
-var import_jsx_runtime29 = __toESM(require_jsx_runtime(), 1);
-function DropdownMenu2({
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Root24, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuTrigger2({
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    Trigger4,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
-}
-function DropdownMenuContent2({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Portal22, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    Content24,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuItem2({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    Item23,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuLabel2({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    Label2,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      className: cn(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuSeparator2({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    Separator22,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: cn("bg-border -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-
 // src/core/components/layout/InfoMenu.tsx
-var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
-var InfoMenu = ({
-  onItemClick
-}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(DropdownMenu2, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Button, { variant: "ghost", size: "icon", className: "h-9 w-9", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CircleQuestionMark, { className: "h-4 w-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Help and Information" })
-  ] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(DropdownMenuContent2, { align: "end", className: "w-56", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuLabel2, { children: "Help & Support" }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuSeparator2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuItem2, { onClick: () => onItemClick?.("help"), children: "Help Center" }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuItem2, { onClick: () => onItemClick?.("documentation"), children: "Documentation" }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuItem2, { onClick: () => onItemClick?.("contact"), children: "Contact Support" }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuItem2, { onClick: () => onItemClick?.("feedback"), children: "Send Feedback" })
-  ] })
-] });
-
-// src/core/components/ui/badge.tsx
-var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
-var badgeVariants = cva(
-  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
+var InfoMenu = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  Button,
   {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+    variant: "ghost",
+    size: "icon",
+    className: "h-9 w-9",
+    asChild: true,
+    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      "a",
+      {
+        href: "https://chronoter.com/docs",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CircleQuestionMark, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Documentation" })
+        ]
       }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
+    )
   }
 );
-function Badge({
-  className,
-  variant,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-    Comp,
-    {
-      "data-slot": "badge",
-      className: cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-
-// src/core/components/layout/NotificationMenu.tsx
-var import_jsx_runtime32 = __toESM(require_jsx_runtime(), 1);
-var NotificationMenu = ({
-  notificationCount = 3,
-  onItemClick
-}) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(DropdownMenu2, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Button, { variant: "ghost", size: "icon", className: "h-9 w-9 relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Bell, { className: "h-4 w-4" }),
-    notificationCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Badge, { className: "absolute -top-1 -right-1 h-5 w-5 flex items-center justify-center p-0 text-xs", children: notificationCount > 9 ? "9+" : notificationCount }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: "Notifications" })
-  ] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(DropdownMenuContent2, { align: "end", className: "w-80", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenuLabel2, { children: "Notifications" }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenuSeparator2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenuItem2, { onClick: () => onItemClick?.("notification1"), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-sm font-medium", children: "New message received" }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-xs text-muted-foreground", children: "2 minutes ago" })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenuItem2, { onClick: () => onItemClick?.("notification2"), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-sm font-medium", children: "System update available" }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-xs text-muted-foreground", children: "1 hour ago" })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenuItem2, { onClick: () => onItemClick?.("notification3"), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-sm font-medium", children: "Weekly report ready" }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-xs text-muted-foreground", children: "3 hours ago" })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenuSeparator2, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenuItem2, { onClick: () => onItemClick?.("view-all"), children: "View all notifications" })
-  ] })
-] });
 
 // src/core/components/ChronoterLogo.tsx
-var import_jsx_runtime33 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime27 = __toESM(require_jsx_runtime(), 1);
 var logoClass = cva("h-auto", {
   variants: {
     variant: {
@@ -18330,8 +16931,8 @@ var ChronoterLogo = (props) => {
   const lightImgSrc = props.variant === "small" ? "/chronoter-assets/media/Chronoter_favicon.svg" : "/chronoter-assets/media/Chronoter.png";
   const darkImgSrc = props.variant === "small" ? "/chronoter-assets/media/Chronoter_favicon-dark.svg" : "/chronoter-assets/media/Chronoter-dark.png";
   const alt = props.variant === "small" ? `Chronoter small logo` : `Chronoter logo`;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "img",
       {
         alt,
@@ -18345,7 +16946,7 @@ var ChronoterLogo = (props) => {
         width: props.variant === "small" ? 40 : 508
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "img",
       {
         alt,
@@ -18363,7 +16964,7 @@ var ChronoterLogo = (props) => {
 };
 
 // src/core/components/SiteLogo.tsx
-var import_jsx_runtime34 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
 var resolveLogoPath = (path) => {
   if (path.startsWith("./")) {
     return `/chronoter-assets/project/${path.slice(2)}`;
@@ -18378,8 +16979,8 @@ var SiteLogo = ({
   if (logoPath && logoPath.trim() !== "") {
     const lightSrc = resolveLogoPath(logoPath);
     const darkSrc = logoPathDark ? resolveLogoPath(logoPathDark) : lightSrc;
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "img",
         {
           alt: "Site logo",
@@ -18390,7 +16991,7 @@ var SiteLogo = ({
           width: 150
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "img",
         {
           alt: "Site logo",
@@ -18403,32 +17004,28 @@ var SiteLogo = ({
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChronoterLogo, { variant: "default", className });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChronoterLogo, { variant: "default", className });
 };
 
 // src/core/components/layout/ChronoterHeader.tsx
-var import_jsx_runtime35 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime29 = __toESM(require_jsx_runtime(), 1);
 var defaultNavigationLinks = [
-  { href: "#", label: "Home" },
   { href: "#", label: "Features" },
   { href: "#", label: "Pricing" },
   { href: "#", label: "About" }
 ];
-var ChronoterHeader = React42.forwardRef(
+var ChronoterHeader = React39.forwardRef(
   ({
     className,
     logoHref = "#",
     navigationLinks = defaultNavigationLinks,
-    notificationCount = 3,
     onNavItemClick,
-    onInfoItemClick,
-    onNotificationItemClick,
     platformComponent,
     config: config2,
     ...props
   }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "header",
       {
         ref,
@@ -18437,9 +17034,9 @@ var ChronoterHeader = React42.forwardRef(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex h-16 items-center justify-between gap-4 px-4 md:px-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex h-16 items-center justify-between gap-4 px-4 md:px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               Button,
               {
                 className: "group h-9 w-9 hover:bg-accent hover:text-accent-foreground md:hidden",
@@ -18449,16 +17046,16 @@ var ChronoterHeader = React42.forwardRef(
                   event.preventDefault();
                   toggleSidebar();
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(HamburgerIcon, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(HamburgerIcon, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-6", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-6", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                 "a",
                 {
                   href: logoHref,
                   className: "flex items-center text-primary hover:text-primary/90 transition-colors cursor-pointer",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                     SiteLogo,
                     {
                       logoPath: config2?.theme?.logo,
@@ -18467,7 +17064,7 @@ var ChronoterHeader = React42.forwardRef(
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(NavigationMenu2, { className: "hidden md:flex", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(NavigationMenuList2, { className: "gap-1", children: navigationLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(NavigationMenuItem2, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(NavigationMenu2, { className: "hidden md:flex", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(NavigationMenuList2, { className: "gap-1", children: navigationLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(NavigationMenuItem2, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                 NavigationMenuLink2,
                 {
                   href: link.href,
@@ -18482,17 +17079,8 @@ var ChronoterHeader = React42.forwardRef(
               ) }, link.href || link.label)) }) })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(InfoMenu, { onItemClick: onInfoItemClick }),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-                NotificationMenu,
-                {
-                  notificationCount,
-                  onItemClick: onNotificationItemClick
-                }
-              )
-            ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(InfoMenu, {}),
             platformComponent
           ] })
         ] })
@@ -18503,23 +17091,23 @@ var ChronoterHeader = React42.forwardRef(
 ChronoterHeader.displayName = "ChronoterHeader";
 
 // src/core/components/layout/ChronoterSidebar.tsx
-var import_jsx_runtime36 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
 var renderNavigationItems = (items, currentPath, isActive, showStatus, getStatusByPath, StatusIndicator, depth = 1) => {
   return items.map((item) => {
     const hasPath = !!item.path;
     const hasChildren = item.items && item.items.length > 0;
     const status = hasPath && showStatus ? getStatusByPath(item.path) : void 0;
     const isCompact = depth >= 2;
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(SidebarMenuSubItem, { children: [
-      hasPath ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(SidebarMenuSubItem, { children: [
+      hasPath ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         SidebarMenuSubButton,
         {
           asChild: true,
           isActive: isActive(item.path),
           size: isCompact ? "sm" : "md",
-          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("a", { href: item.path, className: "relative flex items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "truncate pr-4", children: item.title }),
-            status && StatusIndicator && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("a", { href: item.path, className: "relative flex items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate pr-4", children: item.title }),
+            status && StatusIndicator && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               StatusIndicator,
               {
                 isUnread: status.isUnread,
@@ -18529,8 +17117,8 @@ var renderNavigationItems = (items, currentPath, isActive, showStatus, getStatus
             )
           ] })
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SidebarMenuSubButton, { size: isCompact ? "sm" : "md", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: depth > 0 ? "font-normal" : "font-semibold", children: item.title }) }),
-      hasChildren && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SidebarMenuSub, { children: renderNavigationItems(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarMenuSubButton, { size: isCompact ? "sm" : "md", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: depth > 0 ? "font-normal" : "font-semibold", children: item.title }) }),
+      hasChildren && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarMenuSub, { children: renderNavigationItems(
         item.items,
         currentPath,
         isActive,
@@ -18554,20 +17142,20 @@ var ChronoterSidebar = ({
     if (!path) return false;
     return currentPath === path;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Sidebar, { className: "md:top-16 md:h-[calc(100svh-4rem)]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SidebarContent, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SidebarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SidebarGroupContent, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SidebarMenu, { children: navigation.map((item) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Sidebar, { className: "md:top-16 md:h-[calc(100svh-4rem)]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarContent, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarGroupContent, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarMenu, { children: navigation.map((item) => {
       const hasPath = !!item.path;
       const hasChildren = item.items && item.items.length > 0;
       const status = hasPath && showStatus ? getStatusByPath(item.path) : void 0;
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(SidebarMenuItem, { children: [
-        hasPath ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SidebarMenuButton, { asChild: true, isActive: isActive(item.path), children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(SidebarMenuItem, { children: [
+        hasPath ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarMenuButton, { asChild: true, isActive: isActive(item.path), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
           "a",
           {
             href: item.path,
             className: "relative flex items-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "truncate pr-4", children: item.title }),
-              status && StatusIndicator && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate pr-4", children: item.title }),
+              status && StatusIndicator && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 StatusIndicator,
                 {
                   isUnread: status.isUnread,
@@ -18577,8 +17165,8 @@ var ChronoterSidebar = ({
               )
             ]
           }
-        ) }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SidebarMenuButton, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "font-semibold", children: item.title }) }),
-        hasChildren && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SidebarMenuSub, { children: renderNavigationItems(
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarMenuButton, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "font-semibold", children: item.title }) }),
+        hasChildren && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarMenuSub, { children: renderNavigationItems(
           item.items,
           currentPath,
           isActive,
@@ -18589,15 +17177,19 @@ var ChronoterSidebar = ({
         ) })
       ] }, item.path || item.title);
     }) }) }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(SidebarFooter, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(SidebarFooter, { children: [
       platformComponent,
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "px-2 py-2 text-xs text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { children: "\xA9 2025 Chronoter" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "px-2 py-2 text-xs text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("p", { children: [
+        "\xA9 ",
+        (/* @__PURE__ */ new Date()).getFullYear(),
+        " Chronoter"
+      ] }) })
     ] })
   ] });
 };
 
 // src/core/components/layout/ChronoterLayout.tsx
-var import_jsx_runtime37 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
 var ChronoterLayout = ({
   config: config2,
   currentPath = "",
@@ -18613,13 +17205,13 @@ var ChronoterLayout = ({
   getStatusByPath
 }) => {
   const navigation = navigationProp || config2.navigation || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn("flex flex-col min-h-screen w-full", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: cn("flex flex-col min-h-screen w-full", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       ChronoterHeader,
       {
         config: config2,
         logoHref: "/",
-        navigationLinks: [{ href: "/", label: "Home" }],
+        navigationLinks: [],
         notificationCount: 0,
         onNavItemClick,
         onInfoItemClick,
@@ -18627,8 +17219,8 @@ var ChronoterLayout = ({
         platformComponent: platformHeaderComponent
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         ChronoterSidebar,
         {
           navigation,
@@ -18638,7 +17230,7 @@ var ChronoterLayout = ({
           getStatusByPath
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SidebarInset, { className: "flex flex-col flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("main", { className: "flex-1 p-4 md:p-6 lg:p-8", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "mx-auto max-w-4xl", children }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SidebarInset, { className: "flex flex-col flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("main", { className: "flex-1 p-4 md:p-6 lg:p-8", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "mx-auto max-w-4xl", children }) }) })
     ] })
   ] }) });
 };
@@ -18646,15 +17238,18 @@ var ChronoterLayout = ({
 // src/core/components/ui/avatar.tsx
 __toESM(require_jsx_runtime(), 1);
 
+// src/core/components/ui/dropdown-menu.tsx
+__toESM(require_jsx_runtime(), 1);
+
 // src/core/components/MDXContent.tsx
 var import_react7 = __toESM(require_react(), 1);
-var import_jsx_runtime39 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime34 = __toESM(require_jsx_runtime(), 1);
 var defaultMDXComponents = {
-  ul: ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("ul", { ...props, children: import_react7.default.Children.map(
+  ul: ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("ul", { ...props, children: import_react7.default.Children.map(
     children,
     (child, index2) => import_react7.default.isValidElement(child) ? import_react7.default.cloneElement(child, { key: index2 }) : child
   ) }),
-  ol: ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("ol", { ...props, children: import_react7.default.Children.map(
+  ol: ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("ol", { ...props, children: import_react7.default.Children.map(
     children,
     (child, index2) => import_react7.default.isValidElement(child) ? import_react7.default.cloneElement(child, { key: index2 }) : child
   ) })
@@ -18705,16 +17300,16 @@ var MDXContent = ({
         } catch (renderError) {
           console.error("Failed to render MDX:", renderError);
           console.error("MDX Code:", code);
-          return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "rounded-md border border-red-500 bg-red-50 p-4 text-red-900", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "font-semibold", children: "MDX Rendering Error" }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "mt-2 text-sm", children: renderError instanceof Error ? renderError.message : String(renderError) }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("details", { className: "mt-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("summary", { className: "cursor-pointer text-sm font-medium", children: "Stack Trace" }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("pre", { className: "mt-2 text-xs bg-red-100 p-2 rounded overflow-x-auto", children: renderError instanceof Error ? renderError.stack : "No stack trace available" })
+          return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "rounded-md border border-red-500 bg-red-50 p-4 text-red-900", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "font-semibold", children: "MDX Rendering Error" }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mt-2 text-sm", children: renderError instanceof Error ? renderError.message : String(renderError) }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("details", { className: "mt-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("summary", { className: "cursor-pointer text-sm font-medium", children: "Stack Trace" }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("pre", { className: "mt-2 text-xs bg-red-100 p-2 rounded overflow-x-auto", children: renderError instanceof Error ? renderError.stack : "No stack trace available" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("details", { className: "mt-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("summary", { className: "cursor-pointer text-sm font-medium", children: "MDX Code" }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("pre", { className: "mt-2 text-xs bg-red-100 p-2 rounded overflow-x-auto whitespace-pre-wrap break-words", children: code })
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("details", { className: "mt-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("summary", { className: "cursor-pointer text-sm font-medium", children: "MDX Code" }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("pre", { className: "mt-2 text-xs bg-red-100 p-2 rounded overflow-x-auto whitespace-pre-wrap break-words", children: code })
             ] })
           ] });
         }
@@ -18722,33 +17317,33 @@ var MDXContent = ({
     } catch (error) {
       console.error("Failed to execute MDX:", error);
       console.error("MDX Code:", code);
-      return () => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "rounded-md border border-red-500 bg-red-50 p-4 text-red-900", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "font-semibold", children: "MDX Execution Error" }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "mt-2 text-sm", children: error instanceof Error ? error.message : String(error) }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("details", { className: "mt-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("summary", { className: "cursor-pointer text-sm font-medium", children: "Stack Trace" }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("pre", { className: "mt-2 text-xs bg-red-100 p-2 rounded overflow-x-auto", children: error instanceof Error ? error.stack : "No stack trace available" })
+      return () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "rounded-md border border-red-500 bg-red-50 p-4 text-red-900", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "font-semibold", children: "MDX Execution Error" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mt-2 text-sm", children: error instanceof Error ? error.message : String(error) }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("details", { className: "mt-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("summary", { className: "cursor-pointer text-sm font-medium", children: "Stack Trace" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("pre", { className: "mt-2 text-xs bg-red-100 p-2 rounded overflow-x-auto", children: error instanceof Error ? error.stack : "No stack trace available" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("details", { className: "mt-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("summary", { className: "cursor-pointer text-sm font-medium", children: "MDX Code" }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("pre", { className: "mt-2 text-xs bg-red-100 p-2 rounded overflow-x-auto whitespace-pre-wrap break-words", children: code })
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("details", { className: "mt-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("summary", { className: "cursor-pointer text-sm font-medium", children: "MDX Code" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("pre", { className: "mt-2 text-xs bg-red-100 p-2 rounded overflow-x-auto whitespace-pre-wrap break-words", children: code })
         ] })
       ] });
     }
   }, [code, components]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MDXComponent, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(MDXComponent, {});
 };
 
 // src/core/components/NotFound.tsx
-var import_jsx_runtime40 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime35 = __toESM(require_jsx_runtime(), 1);
 var NotFound = ({ onNavigateHome }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col items-center justify-center min-h-[60vh] px-4 text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "mb-8", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h1", { className: "text-9xl font-bold text-muted-foreground/20", children: "404" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "mb-8 space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "text-3xl font-bold tracking-tight", children: "\u30DA\u30FC\u30B8\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093" }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-muted-foreground max-w-md", children: "\u304A\u63A2\u3057\u306E\u30DA\u30FC\u30B8\u306F\u5B58\u5728\u3057\u306A\u3044\u304B\u3001\u79FB\u52D5\u307E\u305F\u306F\u524A\u9664\u3055\u308C\u305F\u53EF\u80FD\u6027\u304C\u3042\u308A\u307E\u3059\u3002" })
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col items-center justify-center min-h-[60vh] px-4 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mb-8", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h1", { className: "text-9xl font-bold text-muted-foreground/20", children: "404" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mb-8 space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h2", { className: "text-3xl font-bold tracking-tight", children: "\u30DA\u30FC\u30B8\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-muted-foreground max-w-md", children: "\u304A\u63A2\u3057\u306E\u30DA\u30FC\u30B8\u306F\u5B58\u5728\u3057\u306A\u3044\u304B\u3001\u79FB\u52D5\u307E\u305F\u306F\u524A\u9664\u3055\u308C\u305F\u53EF\u80FD\u6027\u304C\u3042\u308A\u307E\u3059\u3002" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "mb-8", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { size: "lg", onClick: onNavigateHome, className: "min-w-[200px]", children: "\u30DB\u30FC\u30E0\u3078\u623B\u308B" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mb-8", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button, { size: "lg", onClick: onNavigateHome, className: "min-w-[200px]", children: "\u30DB\u30FC\u30E0\u3078\u623B\u308B" }) })
   ] });
 };
 
@@ -18756,7 +17351,7 @@ var NotFound = ({ onNavigateHome }) => {
 __toESM(require_jsx_runtime(), 1);
 
 // src/server/client/Page.tsx
-var import_jsx_runtime42 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime37 = __toESM(require_jsx_runtime(), 1);
 var Page = ({ route, config: config2 }) => {
   const [processedMDX, setProcessedMDX] = (0, import_react8.useState)(null);
   const [loading, setLoading] = (0, import_react8.useState)(true);
@@ -18796,22 +17391,22 @@ var Page = ({ route, config: config2 }) => {
     fetchMDX();
   }, [route.path, route.filePath, route.frontmatter, config2.site.title]);
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ChronoterLayout, { config: config2, currentPath: route.path, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-primary" }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "mt-4 text-muted-foreground", children: "Loading..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ChronoterLayout, { config: config2, currentPath: route.path, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-primary" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "mt-4 text-muted-foreground", children: "Loading..." })
     ] }) }) });
   }
   if (error || !processedMDX) {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ChronoterLayout, { config: config2, currentPath: route.path, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "rounded-md border border-red-500 bg-red-50 p-6 text-red-900", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h2", { className: "text-xl font-semibold mb-2", children: "Error Loading Page" }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "mb-4", children: error?.message || "Failed to load the page content." }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("details", { className: "mt-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("summary", { className: "cursor-pointer text-sm font-medium", children: "Technical Details" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("pre", { className: "mt-2 text-xs bg-red-100 p-2 rounded overflow-x-auto", children: error?.stack || "No stack trace available" })
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ChronoterLayout, { config: config2, currentPath: route.path, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "rounded-md border border-red-500 bg-red-50 p-6 text-red-900", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h2", { className: "text-xl font-semibold mb-2", children: "Error Loading Page" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "mb-4", children: error?.message || "Failed to load the page content." }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("details", { className: "mt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("summary", { className: "cursor-pointer text-sm font-medium", children: "Technical Details" }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("pre", { className: "mt-2 text-xs bg-red-100 p-2 rounded overflow-x-auto", children: error?.stack || "No stack trace available" })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ChronoterLayout, { config: config2, currentPath: route.path, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("article", { className: "prose prose-slate dark:prose-invert max-w-none", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ChronoterLayout, { config: config2, currentPath: route.path, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("article", { className: "prose prose-slate dark:prose-invert max-w-none", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     MDXContent,
     {
       code: processedMDX.code,
@@ -18949,7 +17544,7 @@ var generateNavigationFromRoutes = (routes) => {
 };
 
 // src/server/client/App.tsx
-var import_jsx_runtime43 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime38 = __toESM(require_jsx_runtime(), 1);
 var DEFAULT_CONFIG = {
   site: {
     title: "Chronoter"
@@ -19055,33 +17650,33 @@ var App = ({ initialPath }) => {
     fetchRoute();
   }, [currentPath]);
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "inline-block animate-spin rounded-full h-16 w-16 border-b-2 border-primary" }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "mt-4 text-lg text-muted-foreground", children: "Loading..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "inline-block animate-spin rounded-full h-16 w-16 border-b-2 border-primary" }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "mt-4 text-lg text-muted-foreground", children: "Loading..." })
     ] }) });
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex items-center justify-center min-h-screen p-4", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "max-w-2xl w-full rounded-md border border-red-500 bg-red-50 p-6 text-red-900", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h2", { className: "text-2xl font-semibold mb-2", children: "Application Error" }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "mb-4", children: error.message }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("details", { className: "mt-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("summary", { className: "cursor-pointer text-sm font-medium", children: "Technical Details" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("pre", { className: "mt-2 text-xs bg-red-100 p-2 rounded overflow-x-auto", children: error.stack || "No stack trace available" })
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center justify-center min-h-screen p-4", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "max-w-2xl w-full rounded-md border border-red-500 bg-red-50 p-6 text-red-900", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: "text-2xl font-semibold mb-2", children: "Application Error" }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "mb-4", children: error.message }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("details", { className: "mt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("summary", { className: "cursor-pointer text-sm font-medium", children: "Technical Details" }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("pre", { className: "mt-2 text-xs bg-red-100 p-2 rounded overflow-x-auto", children: error.stack || "No stack trace available" })
       ] })
     ] }) });
   }
   if (!route) {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(NotFound, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(NotFound, {});
   }
   const configWithNavigation = {
     ...config,
     navigation
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Page, { route, config: configWithNavigation });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Page, { route, config: configWithNavigation });
 };
 
 // src/server/client/main.tsx
-var import_jsx_runtime44 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime39 = __toESM(require_jsx_runtime(), 1);
 var mountApp = () => {
   const rootElement = document.getElementById("root");
   if (!rootElement) {
@@ -19091,7 +17686,7 @@ var mountApp = () => {
   }
   const root = (0, import_client.createRoot)(rootElement);
   root.render(
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react10.default.StrictMode, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(App, { initialPath: window.location.pathname }) })
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react10.default.StrictMode, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(App, { initialPath: window.location.pathname }) })
   );
 };
 if (document.readyState === "loading") {
@@ -19149,7 +17744,6 @@ lucide-react/dist/esm/shared/src/utils.js:
 lucide-react/dist/esm/defaultAttributes.js:
 lucide-react/dist/esm/Icon.js:
 lucide-react/dist/esm/createLucideIcon.js:
-lucide-react/dist/esm/icons/bell.js:
 lucide-react/dist/esm/icons/circle-question-mark.js:
 lucide-react/dist/esm/icons/x.js:
 lucide-react/dist/esm/lucide-react.js: