@acmekit/dashboard 2.13.7 → 2.13.9

package/dist/app.mjs

@@ -1,24 +1,55 @@
-import {
-  notificationQueryKeys,
-  useFeatureFlags,
-  useMe,
-  useNotifications
-} from "./chunk-FBTP4AJM.mjs";
 import {
   I18n
 } from "./chunk-W3WS3HKB.mjs";
+import {
+  FeatureFlagProvider,
+  useFeatureFlag
+} from "./chunk-DQCEH3X2.mjs";
+import {
+  isFetchError
+} from "./chunk-TCNCAWYD.mjs";
+import {
+  languages
+} from "./chunk-535OVBXR.mjs";
 import {
   ExtensionProvider,
   useExtension
 } from "./chunk-C5P5PL3E.mjs";
 import {
-  isFetchError,
-  queryClient
-} from "./chunk-QYOO4QR6.mjs";
+  ActionMenu
+} from "./chunk-S3REQHPQ.mjs";
+import {
+  notificationQueryKeys,
+  useNotifications
+} from "./chunk-ST2YB7JN.mjs";
 import {
-  sdk,
   useLogout
-} from "./chunk-4VYJHIB3.mjs";
+} from "./chunk-GBFVWROS.mjs";
+import "./chunk-EFRMWHRX.mjs";
+import "./chunk-LKWTBYYC.mjs";
+import "./chunk-ULSPL3DR.mjs";
+import "./chunk-DN3MIYQH.mjs";
+import "./chunk-XIM7X4FB.mjs";
+import {
+  Skeleton
+} from "./chunk-ITNQKZQQ.mjs";
+import {
+  ConditionalTooltip
+} from "./chunk-OAHCJFG3.mjs";
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
+import "./chunk-ND3ODI36.mjs";
+import {
+  useMe
+} from "./chunk-YRWSG3YM.mjs";
+import {
+  queryClient
+} from "./chunk-FXYH54JP.mjs";
+import "./chunk-774WSTCC.mjs";
+import {
+  sdk
+} from "./chunk-DTY37DDZ.mjs";
 import {
   __publicField
 } from "./chunk-QZ7TP4HQ.mjs";
@@ -42,231 +73,6 @@ import { HelmetProvider } from "react-helmet-async";
 import { I18nProvider as Provider } from "@acmekit/ui";
 import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
-
-// src/i18n/languages.ts
-import {
-  ar,
-  bg,
-  bs,
-  cs,
-  de,
-  el,
-  enUS,
-  es,
-  faIR,
-  fr,
-  he,
-  hu,
-  id,
-  it,
-  ja,
-  ko,
-  lt,
-  mk,
-  mn,
-  nl,
-  pl,
-  pt,
-  ptBR,
-  ro,
-  ru,
-  th,
-  tr,
-  uk,
-  vi,
-  zhCN,
-  zhTW
-} from "date-fns/locale";
-var languages = [
-  {
-    code: "bs",
-    display_name: "Bosanski",
-    ltr: true,
-    date_locale: bs
-  },
-  {
-    code: "bg",
-    display_name: "\u0411\u044A\u043B\u0433\u0430\u0440\u0441\u043A\u0438",
-    ltr: true,
-    date_locale: bg
-  },
-  {
-    code: "en",
-    display_name: "English",
-    ltr: true,
-    date_locale: enUS
-  },
-  {
-    code: "es",
-    display_name: "Espa\xF1ol",
-    ltr: true,
-    date_locale: es
-  },
-  {
-    code: "el",
-    display_name: "\u0395\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AC",
-    ltr: true,
-    date_locale: el
-  },
-  {
-    code: "de",
-    display_name: "Deutsch",
-    ltr: true,
-    date_locale: de
-  },
-  {
-    code: "fr",
-    display_name: "Fran\xE7ais",
-    ltr: true,
-    date_locale: fr
-  },
-  {
-    code: "he",
-    display_name: "\u05E2\u05D1\u05E8\u05D9\u05EA",
-    ltr: false,
-    date_locale: he
-  },
-  {
-    code: "hu",
-    display_name: "Magyar",
-    ltr: true,
-    date_locale: hu
-  },
-  {
-    code: "it",
-    display_name: "Italiano",
-    ltr: true,
-    date_locale: it
-  },
-  {
-    code: "ja",
-    display_name: "\u65E5\u672C\u8A9E",
-    ltr: true,
-    date_locale: ja
-  },
-  {
-    code: "pl",
-    display_name: "Polski",
-    ltr: true,
-    date_locale: pl
-  },
-  {
-    code: "ptBR",
-    display_name: "Portugu\xEAs (Brasil)",
-    ltr: true,
-    date_locale: ptBR
-  },
-  {
-    code: "ptPT",
-    display_name: "Portugu\xEAs (Portugal)",
-    ltr: true,
-    date_locale: pt
-  },
-  {
-    code: "tr",
-    display_name: "T\xFCrk\xE7e",
-    ltr: true,
-    date_locale: tr
-  },
-  {
-    code: "th",
-    display_name: "\u0E44\u0E17\u0E22",
-    ltr: true,
-    date_locale: th
-  },
-  {
-    code: "uk",
-    display_name: "\u0423\u043A\u0440\u0430\u0457\u043D\u0441\u044C\u043A\u0430",
-    ltr: true,
-    date_locale: uk
-  },
-  {
-    code: "ro",
-    display_name: "Rom\xE2n\u0103",
-    ltr: true,
-    date_locale: ro
-  },
-  {
-    code: "mk",
-    display_name: "\u041C\u0430\u043A\u0435\u0434\u043E\u043D\u0441\u043A\u0438",
-    ltr: true,
-    date_locale: mk
-  },
-  {
-    code: "mn",
-    display_name: "\u041C\u043E\u043D\u0433\u043E\u043B",
-    ltr: true,
-    date_locale: mn
-  },
-  {
-    code: "ar",
-    display_name: "\u0627\u0644\u0639\u0631\u0628\u064A\u0629",
-    ltr: false,
-    date_locale: ar
-  },
-  {
-    code: "zhCN",
-    display_name: "\u7B80\u4F53\u4E2D\u6587",
-    ltr: true,
-    date_locale: zhCN
-  },
-  {
-    code: "fa",
-    display_name: "\u0641\u0627\u0631\u0633\u06CC",
-    ltr: false,
-    date_locale: faIR
-  },
-  {
-    code: "cs",
-    display_name: "\u010Ce\u0161tina",
-    ltr: true,
-    date_locale: cs
-  },
-  {
-    code: "ru",
-    display_name: "\u0420\u0443\u0441\u0441\u043A\u0438\u0439",
-    ltr: true,
-    date_locale: ru
-  },
-  {
-    code: "lt",
-    display_name: "Lietuvi\u0161kai",
-    ltr: true,
-    date_locale: lt
-  },
-  {
-    code: "vi",
-    display_name: "Ti\u1EBFng Vi\u1EC7t",
-    ltr: true,
-    date_locale: vi
-  },
-  {
-    code: "id",
-    display_name: "Bahasa Indonesia",
-    ltr: true,
-    date_locale: id
-  },
-  {
-    code: "ko",
-    display_name: "\uD55C\uAD6D\uC5B4",
-    ltr: true,
-    date_locale: ko
-  },
-  {
-    code: "nl",
-    display_name: "Nederlands",
-    ltr: true,
-    date_locale: nl
-  },
-  {
-    code: "zhTW",
-    display_name: "\u7E41\u9AD4\u4E2D\u6587(\u81FA\u7063)",
-    ltr: true,
-    date_locale: zhTW
-  }
-];
-
-// src/providers/i18n-provider/i18n-provider.tsx
 import { jsx } from "react/jsx-runtime";
 var formatLocaleCode = (code) => {
   return code.replace(/([a-z])([A-Z])/g, "$1-$2");
@@ -353,26 +159,13 @@ var useTheme = () => {
   return context;
 };
 
-// src/providers/feature-flag-provider/index.tsx
-import { createContext as createContext2, useContext as useContext2 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var FeatureFlagContext = createContext2(null);
-var FeatureFlagProvider = ({ children }) => {
-  const { data: flags = {}, isLoading, error } = useFeatureFlags();
-  const isFeatureEnabled = (flag) => {
-    const enabled = flags[flag] === true;
-    return enabled;
-  };
-  return /* @__PURE__ */ jsx3(FeatureFlagContext.Provider, { value: { flags, isLoading, isFeatureEnabled }, children });
-};
-
 // src/providers/providers.tsx
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var Providers = ({ api, children }) => {
-  return /* @__PURE__ */ jsx4(TooltipProvider, { children: /* @__PURE__ */ jsx4(ExtensionProvider, { api, children: /* @__PURE__ */ jsx4(HelmetProvider, { children: /* @__PURE__ */ jsx4(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx4(ThemeProvider, { children: /* @__PURE__ */ jsxs(FeatureFlagProvider, { children: [
-    /* @__PURE__ */ jsx4(I18n, {}),
-    /* @__PURE__ */ jsx4(I18nProvider, { children }),
-    /* @__PURE__ */ jsx4(Toaster, {})
+  return /* @__PURE__ */ jsx3(TooltipProvider, { children: /* @__PURE__ */ jsx3(ExtensionProvider, { api, children: /* @__PURE__ */ jsx3(HelmetProvider, { children: /* @__PURE__ */ jsx3(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx3(ThemeProvider, { children: /* @__PURE__ */ jsxs(FeatureFlagProvider, { children: [
+    /* @__PURE__ */ jsx3(I18n, {}),
+    /* @__PURE__ */ jsx3(I18nProvider, { children }),
+    /* @__PURE__ */ jsx3(Toaster, {})
   ] }) }) }) }) }) });
 };
 
@@ -93082,23 +92875,24 @@ var translations_default = {
 
 // src/dashboard-app/routes/get-route.map.tsx
 import { t } from "i18next";
+import { Outlet as Outlet4 } from "react-router-dom";
 
 // src/components/authentication/protected-route/protected-route.tsx
 import { Spinner as Spinner2 } from "@acmekit/icons";
 import { Navigate, Outlet, useLocation as useLocation3 } from "react-router-dom";
 
 // src/providers/search-provider/search-provider.tsx
-import { useEffect as useEffect7, useState as useState8 } from "react";
+import { useEffect as useEffect6, useState as useState7 } from "react";
 
 // src/components/search/search.tsx
 import {
   Badge,
   Button,
-  clx as clx3,
+  clx as clx2,
   DropdownMenu,
   IconButton,
   Kbd,
-  Text as Text2
+  Text
 } from "@acmekit/ui";
 import { Command } from "cmdk";
 import { Dialog as RadixDialog } from "radix-ui";
@@ -93107,11 +92901,11 @@ import {
   forwardRef,
   Fragment,
   useCallback as useCallback4,
-  useEffect as useEffect5,
+  useEffect as useEffect4,
   useImperativeHandle,
   useMemo as useMemo3,
   useRef,
-  useState as useState6
+  useState as useState5
 } from "react";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { useLocation, useNavigate as useNavigate2 } from "react-router-dom";
@@ -93124,46 +92918,29 @@ import {
 } from "@acmekit/icons";
 import { matchSorter } from "match-sorter";
 
-// src/components/common/skeleton/skeleton.tsx
-import { Container, clx } from "@acmekit/ui";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-var Skeleton = ({ className, style }) => {
-  return /* @__PURE__ */ jsx5(
-    "div",
-    {
-      "aria-hidden": true,
-      className: clx(
-        "bg-ui-bg-component h-3 w-3 animate-pulse rounded-[4px]",
-        className
-      ),
-      style
-    }
-  );
-};
-
 // src/components/common/thumbnail/thumbnail.tsx
 import { Photo } from "@acmekit/icons";
-import { clx as clx2 } from "@acmekit/ui";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { clx } from "@acmekit/ui";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var Thumbnail = ({ src, alt, size = "base" }) => {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
-      className: clx2(
+      className: clx(
         "bg-ui-bg-component border-ui-border-base flex items-center justify-center overflow-hidden rounded border",
         {
           "h-8 w-6": size === "base",
           "h-5 w-4": size === "small"
         }
       ),
-      children: src ? /* @__PURE__ */ jsx6(
+      children: src ? /* @__PURE__ */ jsx4(
         "img",
         {
           src,
           alt,
           className: "h-full w-full object-cover object-center"
         }
-      ) : /* @__PURE__ */ jsx6(Photo, { className: "text-ui-fg-subtle" })
+      ) : /* @__PURE__ */ jsx4(Photo, { className: "text-ui-fg-subtle" })
     }
   );
 };
@@ -93185,13 +92962,13 @@ import { useMemo as useMemo2 } from "react";
 
 // src/providers/keybind-provider/hooks.tsx
 import { default as debounceFn } from "lodash.debounce";
-import { useCallback, useContext as useContext3, useEffect as useEffect3, useState as useState2 } from "react";
+import { useCallback, useContext as useContext2, useEffect as useEffect3, useState as useState2 } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 
 // src/providers/keybind-provider/keybind-context.tsx
-import { createContext as createContext3 } from "react";
-var KeybindContext = createContext3(null);
+import { createContext as createContext2 } from "react";
+var KeybindContext = createContext2(null);
 
 // src/providers/keybind-provider/utils.ts
 var findFirstPlatformMatch = (keys) => {
@@ -93316,95 +93093,6 @@ var useGlobalShortcuts = () => {
     });
   };
   const globalShortcuts = [
-    // Pages
-    {
-      keys: {
-        Mac: ["G", "O"]
-      },
-      label: t2("app.keyboardShortcuts.navigation.goToOrders"),
-      type: "pageShortcut",
-      to: "/orders"
-    },
-    {
-      keys: {
-        Mac: ["G", "P"]
-      },
-      label: t2("app.keyboardShortcuts.navigation.goToProducts"),
-      type: "pageShortcut",
-      to: "/products"
-    },
-    {
-      keys: {
-        Mac: ["G", "C"]
-      },
-      label: t2("app.keyboardShortcuts.navigation.goToCollections"),
-      type: "pageShortcut",
-      to: "/collections"
-    },
-    {
-      keys: {
-        Mac: ["G", "A"]
-      },
-      label: t2("app.keyboardShortcuts.navigation.goToCategories"),
-      type: "pageShortcut",
-      to: "/categories"
-    },
-    {
-      keys: {
-        Mac: ["G", "U"]
-      },
-      label: t2("app.keyboardShortcuts.navigation.goToCustomers"),
-      type: "pageShortcut",
-      to: "/customers"
-    },
-    {
-      keys: {
-        Mac: ["G", "G"]
-      },
-      label: t2("app.keyboardShortcuts.navigation.goToCustomerGroups"),
-      type: "pageShortcut",
-      to: "/customer-groups"
-    },
-    {
-      keys: {
-        Mac: ["G", "I"]
-      },
-      label: t2("app.keyboardShortcuts.navigation.goToInventory"),
-      type: "pageShortcut",
-      to: "/inventory"
-    },
-    {
-      keys: {
-        Mac: ["G", "R"]
-      },
-      label: t2("app.keyboardShortcuts.navigation.goToReservations"),
-      type: "pageShortcut",
-      to: "/reservations"
-    },
-    {
-      keys: {
-        Mac: ["G", "L"]
-      },
-      label: t2("app.keyboardShortcuts.navigation.goToPriceLists"),
-      type: "pageShortcut",
-      to: "/price-lists"
-    },
-    {
-      keys: {
-        Mac: ["G", "M"]
-      },
-      label: t2("app.keyboardShortcuts.navigation.goToPromotions"),
-      type: "pageShortcut",
-      to: "/promotions"
-    },
-    {
-      keys: {
-        Mac: ["G", "K"]
-      },
-      label: t2("app.keyboardShortcuts.navigation.goToCampaigns"),
-      type: "pageShortcut",
-      to: "/campaigns"
-    },
     // Settings
     {
       keys: {
@@ -93414,14 +93102,6 @@ var useGlobalShortcuts = () => {
       type: "settingShortcut",
       to: "/settings"
     },
-    {
-      keys: {
-        Mac: ["G", ",", "S"]
-      },
-      label: t2("app.keyboardShortcuts.settings.goToStore"),
-      type: "settingShortcut",
-      to: "/settings/store"
-    },
     {
       keys: {
         Mac: ["G", ",", "U"]
@@ -93430,54 +93110,6 @@ var useGlobalShortcuts = () => {
       type: "settingShortcut",
       to: "/settings/users"
     },
-    {
-      keys: {
-        Mac: ["G", ",", "R"]
-      },
-      label: t2("app.keyboardShortcuts.settings.goToRegions"),
-      type: "settingShortcut",
-      to: "/settings/regions"
-    },
-    {
-      keys: {
-        Mac: ["G", ",", "T"]
-      },
-      label: t2("app.keyboardShortcuts.settings.goToTaxRegions"),
-      type: "settingShortcut",
-      to: "/settings/tax-regions"
-    },
-    {
-      keys: {
-        Mac: ["G", ",", "A"]
-      },
-      label: t2("app.keyboardShortcuts.settings.goToSalesChannels"),
-      type: "settingShortcut",
-      to: "/settings/sales-channels"
-    },
-    {
-      keys: {
-        Mac: ["G", ",", "P"]
-      },
-      label: t2("app.keyboardShortcuts.settings.goToProductTypes"),
-      type: "settingShortcut",
-      to: "/settings/product-types"
-    },
-    {
-      keys: {
-        Mac: ["G", ",", "L"]
-      },
-      label: t2("app.keyboardShortcuts.settings.goToLocations"),
-      type: "settingShortcut",
-      to: "/settings/locations"
-    },
-    {
-      keys: {
-        Mac: ["G", ",", "M"]
-      },
-      label: t2("app.keyboardShortcuts.settings.goToReturnReasons"),
-      type: "settingShortcut",
-      to: "/settings/return-reasons"
-    },
     {
       keys: {
         Mac: ["G", ",", "J"]
@@ -93525,7 +93157,7 @@ var useGlobalShortcuts = () => {
 
 // src/providers/keybind-provider/keybind-provider.tsx
 import { useCallback as useCallback2, useMemo, useState as useState3 } from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var KeybindProvider = ({
   shortcuts,
   debounce = 500,
@@ -93560,7 +93192,7 @@ var KeybindProvider = ({
     }),
     [storeShortcuts, registerShortcut, getKeysByPlatform]
   );
-  return /* @__PURE__ */ jsx7(KeybindContext.Provider, { value: commandsContext, children });
+  return /* @__PURE__ */ jsx5(KeybindContext.Provider, { value: commandsContext, children });
 };
 
 // src/components/search/use-search-results.tsx
@@ -93625,44 +93257,12 @@ var useDynamicSearchResults = (_currentArea, _limit, _q) => {
   );
 };
 
-// src/hooks/use-document-direction.tsx
-import { useEffect as useEffect4, useState as useState5 } from "react";
-var useDocumentDirection = () => {
-  const [direction, setDirection] = useState5(() => {
-    if (typeof document !== "undefined") {
-      return document.documentElement.getAttribute("dir") || void 0;
-    }
-    return void 0;
-  });
-  useEffect4(() => {
-    if (typeof document === "undefined") {
-      return;
-    }
-    const observer = new MutationObserver((mutations) => {
-      mutations.forEach((mutation) => {
-        if (mutation.type === "attributes" && mutation.attributeName === "dir" && mutation.target === document.documentElement) {
-          const newDirection = document.documentElement.getAttribute("dir");
-          setDirection(newDirection || void 0);
-        }
-      });
-    });
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["dir"]
-    });
-    return () => {
-      observer.disconnect();
-    };
-  }, []);
-  return direction;
-};
-
 // src/components/search/search.tsx
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 var Search = () => {
-  const [area, setArea] = useState6("all");
-  const [search, setSearch] = useState6("");
-  const [limit, setLimit] = useState6(DEFAULT_SEARCH_LIMIT);
+  const [area, setArea] = useState5("all");
+  const [search, setSearch] = useState5("");
+  const [limit, setLimit] = useState5(DEFAULT_SEARCH_LIMIT);
   const { open, onOpenChange } = useSearch();
   const location = useLocation();
   const { t: t2 } = useTranslation3();
@@ -93692,7 +93292,7 @@ var Search = () => {
     },
     [onOpenChange, handleReset]
   );
-  useEffect5(() => {
+  useEffect4(() => {
     handleOpenChange(false);
   }, [location.pathname, handleOpenChange]);
   const handleSelect = (item) => {
@@ -93741,8 +93341,8 @@ var Search = () => {
   const showLoading = useMemo3(() => {
     return isFetching && !dynamicResults.length && !filteredStaticResults.length;
   }, [isFetching, dynamicResults, filteredStaticResults]);
-  return /* @__PURE__ */ jsxs3(CommandDialog, { open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs2(CommandDialog, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx6(
       CommandInput,
       {
         isFetching,
@@ -93755,19 +93355,19 @@ var Search = () => {
         placeholder: t2("app.search.placeholder")
       }
     ),
-    /* @__PURE__ */ jsxs3(CommandList, { ref: listRef, children: [
-      showLoading && /* @__PURE__ */ jsx8(CommandLoading, {}),
+    /* @__PURE__ */ jsxs2(CommandList, { ref: listRef, children: [
+      showLoading && /* @__PURE__ */ jsx6(CommandLoading, {}),
       dynamicResults.map((group) => {
-        return /* @__PURE__ */ jsxs3(CommandGroup, { heading: group.title, children: [
+        return /* @__PURE__ */ jsxs2(CommandGroup, { heading: group.title, children: [
           group.items.map((item) => {
-            return /* @__PURE__ */ jsx8(
+            return /* @__PURE__ */ jsx6(
               CommandItem,
               {
                 onSelect: () => handleSelect(item),
                 value: item.value,
                 className: "flex items-center justify-between",
-                children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-3", children: [
-                  item.thumbnail && /* @__PURE__ */ jsx8(
+                children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-3", children: [
+                  item.thumbnail && /* @__PURE__ */ jsx6(
                     Thumbnail,
                     {
                       alt: item.title,
@@ -93775,34 +93375,34 @@ var Search = () => {
                       size: "small"
                     }
                   ),
-                  /* @__PURE__ */ jsx8("span", { children: item.title }),
-                  item.subtitle && /* @__PURE__ */ jsx8("span", { className: "text-ui-fg-muted", children: item.subtitle })
+                  /* @__PURE__ */ jsx6("span", { children: item.title }),
+                  item.subtitle && /* @__PURE__ */ jsx6("span", { className: "text-ui-fg-muted", children: item.subtitle })
                 ] })
               },
               item.id
             );
           }),
-          group.hasMore && area === "all" && /* @__PURE__ */ jsx8(
+          group.hasMore && area === "all" && /* @__PURE__ */ jsx6(
             CommandItem,
             {
               onSelect: () => handleShowMore(group.area),
               hidden: true,
               value: `${group.title}:show:more`,
-              children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-muted flex items-center gap-x-3", children: [
-                /* @__PURE__ */ jsx8(Plus, {}),
-                /* @__PURE__ */ jsx8(Text2, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.showMore") })
+              children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-muted flex items-center gap-x-3", children: [
+                /* @__PURE__ */ jsx6(Plus, {}),
+                /* @__PURE__ */ jsx6(Text, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.showMore") })
               ] })
             }
           ),
-          group.hasMore && area === group.area && /* @__PURE__ */ jsx8(
+          group.hasMore && area === group.area && /* @__PURE__ */ jsx6(
             CommandItem,
             {
               onSelect: handleLoadMore,
               hidden: true,
               value: `${group.title}:load:more`,
-              children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-muted flex items-center gap-x-3", children: [
-                /* @__PURE__ */ jsx8(Plus, {}),
-                /* @__PURE__ */ jsx8(Text2, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.loadMore", {
+              children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-muted flex items-center gap-x-3", children: [
+                /* @__PURE__ */ jsx6(Plus, {}),
+                /* @__PURE__ */ jsx6(Text, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.loadMore", {
                   count: Math.min(
                     SEARCH_LIMIT_INCREMENT,
                     group.count - limit
@@ -93814,26 +93414,26 @@ var Search = () => {
         ] }, group.title);
       }),
       filteredStaticResults.map((group) => {
-        return /* @__PURE__ */ jsx8(
+        return /* @__PURE__ */ jsx6(
           CommandGroup,
           {
             heading: t2(`app.keyboardShortcuts.${group.title}`),
             children: group.items.map((item) => {
-              return /* @__PURE__ */ jsxs3(
+              return /* @__PURE__ */ jsxs2(
                 CommandItem,
                 {
                   onSelect: () => handleSelect(item),
                   className: "flex items-center justify-between",
                   children: [
-                    /* @__PURE__ */ jsx8("span", { children: item.label }),
-                    /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-x-1.5", children: item.keys.Mac?.map((key, index) => {
-                      return /* @__PURE__ */ jsxs3(
+                    /* @__PURE__ */ jsx6("span", { children: item.label }),
+                    /* @__PURE__ */ jsx6("div", { className: "flex items-center gap-x-1.5", children: item.keys.Mac?.map((key, index) => {
+                      return /* @__PURE__ */ jsxs2(
                         "div",
                         {
                           className: "flex items-center gap-x-1",
                           children: [
-                            /* @__PURE__ */ jsx8(Kbd, { children: key }),
-                            index < (item.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx8("span", { className: "txt-compact-xsmall text-ui-fg-subtle", children: t2("app.keyboardShortcuts.then") })
+                            /* @__PURE__ */ jsx6(Kbd, { children: key }),
+                            index < (item.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx6("span", { className: "txt-compact-xsmall text-ui-fg-subtle", children: t2("app.keyboardShortcuts.then") })
                           ]
                         },
                         index
@@ -93848,16 +93448,16 @@ var Search = () => {
           group.title
         );
       }),
-      !showLoading && /* @__PURE__ */ jsx8(CommandEmpty, { q: search })
+      !showLoading && /* @__PURE__ */ jsx6(CommandEmpty, { q: search })
     ] })
   ] });
 };
-var CommandPalette = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var CommandPalette = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   Command,
   {
     shouldFilter: false,
     ref,
-    className: clx3(
+    className: clx2(
       "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
       className
     ),
@@ -93870,12 +93470,12 @@ var CommandDialog = ({ children, ...props }) => {
   const preserveHeight = useMemo3(() => {
     return props.isLoading && Children.count(children) === 0;
   }, [props.isLoading, children]);
-  return /* @__PURE__ */ jsx8(RadixDialog.Root, { ...props, children: /* @__PURE__ */ jsxs3(RadixDialog.Portal, { children: [
-    /* @__PURE__ */ jsx8(RadixDialog.Overlay, { className: "bg-ui-bg-overlay fixed inset-0" }),
-    /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx6(RadixDialog.Root, { ...props, children: /* @__PURE__ */ jsxs2(RadixDialog.Portal, { children: [
+    /* @__PURE__ */ jsx6(RadixDialog.Overlay, { className: "bg-ui-bg-overlay fixed inset-0" }),
+    /* @__PURE__ */ jsxs2(
       RadixDialog.Content,
       {
-        className: clx3(
+        className: clx2(
           "bg-ui-bg-base shadow-elevation-modal fixed left-[50%] top-[50%] flex max-h-[calc(100%-16px)] w-[calc(100%-16px)] min-w-0 max-w-2xl translate-x-[-50%] translate-y-[-50%] flex-col overflow-hidden rounded-xl p-0",
           {
             "h-[300px]": preserveHeight
@@ -93883,21 +93483,21 @@ var CommandDialog = ({ children, ...props }) => {
           }
         ),
         children: [
-          /* @__PURE__ */ jsx8(RadixDialog.Title, { className: "sr-only", children: t2("app.search.title") }),
-          /* @__PURE__ */ jsx8(RadixDialog.Description, { className: "sr-only", children: t2("app.search.description") }),
-          /* @__PURE__ */ jsx8(CommandPalette, { className: "[&_[cmdk-group-heading]]:text-muted-foreground flex h-full flex-col overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0", children }),
-          /* @__PURE__ */ jsx8("div", { className: "bg-ui-bg-field text-ui-fg-subtle flex items-center justify-end border-t px-4 py-3", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-3", children: [
-            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
-              /* @__PURE__ */ jsx8(Text2, { size: "xsmall", leading: "compact", children: t2("app.search.navigation") }),
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-1", children: [
-                /* @__PURE__ */ jsx8(Kbd, { className: "bg-ui-bg-field-component", children: "\u2193" }),
-                /* @__PURE__ */ jsx8(Kbd, { className: "bg-ui-bg-field-component", children: "\u2191" })
+          /* @__PURE__ */ jsx6(RadixDialog.Title, { className: "sr-only", children: t2("app.search.title") }),
+          /* @__PURE__ */ jsx6(RadixDialog.Description, { className: "sr-only", children: t2("app.search.description") }),
+          /* @__PURE__ */ jsx6(CommandPalette, { className: "[&_[cmdk-group-heading]]:text-muted-foreground flex h-full flex-col overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0", children }),
+          /* @__PURE__ */ jsx6("div", { className: "bg-ui-bg-field text-ui-fg-subtle flex items-center justify-end border-t px-4 py-3", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-3", children: [
+            /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx6(Text, { size: "xsmall", leading: "compact", children: t2("app.search.navigation") }),
+              /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-1", children: [
+                /* @__PURE__ */ jsx6(Kbd, { className: "bg-ui-bg-field-component", children: "\u2193" }),
+                /* @__PURE__ */ jsx6(Kbd, { className: "bg-ui-bg-field-component", children: "\u2191" })
               ] })
             ] }),
-            /* @__PURE__ */ jsx8("div", { className: "bg-ui-border-strong h-3 w-px" }),
-            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
-              /* @__PURE__ */ jsx8(Text2, { size: "xsmall", leading: "compact", children: t2("app.search.openResult") }),
-              /* @__PURE__ */ jsx8(Kbd, { className: "bg-ui-bg-field-component", children: "\u21B5" })
+            /* @__PURE__ */ jsx6("div", { className: "bg-ui-border-strong h-3 w-px" }),
+            /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx6(Text, { size: "xsmall", leading: "compact", children: t2("app.search.openResult") }),
+              /* @__PURE__ */ jsx6(Kbd, { className: "bg-ui-bg-field-component", children: "\u21B5" })
             ] })
           ] }) })
         ]
@@ -93923,20 +93523,20 @@ var CommandInput = forwardRef(
       ref,
       () => innerRef.current
     );
-    return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col border-b", children: [
-      /* @__PURE__ */ jsx8("div", { className: "px-4 pt-4", children: /* @__PURE__ */ jsxs3(DropdownMenu, { dir: direction, children: [
-        /* @__PURE__ */ jsx8(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs3(
+    return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col border-b", children: [
+      /* @__PURE__ */ jsx6("div", { className: "px-4 pt-4", children: /* @__PURE__ */ jsxs2(DropdownMenu, { dir: direction, children: [
+        /* @__PURE__ */ jsx6(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs2(
           Badge,
           {
             size: "2xsmall",
             className: "hover:bg-ui-bg-base-pressed transition-fg cursor-pointer",
             children: [
               t2(`app.search.groups.${area}`),
-              /* @__PURE__ */ jsx8(TriangleDownMini, { className: "text-ui-fg-muted" })
+              /* @__PURE__ */ jsx6(TriangleDownMini, { className: "text-ui-fg-muted" })
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx6(
           DropdownMenu.Content,
           {
             align: "start",
@@ -93945,48 +93545,48 @@ var CommandInput = forwardRef(
               e.preventDefault();
               innerRef.current?.focus();
             },
-            children: /* @__PURE__ */ jsx8(
+            children: /* @__PURE__ */ jsx6(
               DropdownMenu.RadioGroup,
               {
                 value: area,
                 onValueChange: (v) => setArea(v),
-                children: SEARCH_AREAS.map((area2) => /* @__PURE__ */ jsxs3(Fragment, { children: [
-                  area2 === "command" && /* @__PURE__ */ jsx8(DropdownMenu.Separator, {}),
-                  /* @__PURE__ */ jsx8(DropdownMenu.RadioItem, { value: area2, children: t2(`app.search.groups.${area2}`) }),
-                  area2 === "all" && /* @__PURE__ */ jsx8(DropdownMenu.Separator, {})
+                children: SEARCH_AREAS.map((area2) => /* @__PURE__ */ jsxs2(Fragment, { children: [
+                  area2 === "command" && /* @__PURE__ */ jsx6(DropdownMenu.Separator, {}),
+                  /* @__PURE__ */ jsx6(DropdownMenu.RadioItem, { value: area2, children: t2(`app.search.groups.${area2}`) }),
+                  area2 === "all" && /* @__PURE__ */ jsx6(DropdownMenu.Separator, {})
                 ] }, area2))
               }
             )
           }
         )
       ] }) }),
-      /* @__PURE__ */ jsxs3("div", { className: "relative flex items-center gap-x-2 px-4 py-3", children: [
-        onBack && /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsxs2("div", { className: "relative flex items-center gap-x-2 px-4 py-3", children: [
+        onBack && /* @__PURE__ */ jsx6(
           IconButton,
           {
             type: "button",
             size: "small",
             variant: "transparent",
             onClick: onBack,
-            children: /* @__PURE__ */ jsx8(ArrowUturnLeft, { className: "text-ui-fg-muted" })
+            children: /* @__PURE__ */ jsx6(ArrowUturnLeft, { className: "text-ui-fg-muted" })
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx6(
           Command.Input,
           {
             ref: innerRef,
             value,
             onValueChange,
-            className: clx3(
+            className: clx2(
               "placeholder:text-ui-fg-muted flex !h-6 w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
               className
             ),
             ...props
           }
         ),
-        /* @__PURE__ */ jsxs3("div", { className: "absolute end-4 top-1/2 flex -translate-y-1/2 items-center justify-end gap-x-2", children: [
-          isFetching && /* @__PURE__ */ jsx8(Spinner, { className: "text-ui-fg-muted animate-spin" }),
-          value && /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs2("div", { className: "absolute end-4 top-1/2 flex -translate-y-1/2 items-center justify-end gap-x-2", children: [
+          isFetching && /* @__PURE__ */ jsx6(Spinner, { className: "text-ui-fg-muted animate-spin" }),
+          value && /* @__PURE__ */ jsx6(
             Button,
             {
               variant: "transparent",
@@ -94006,11 +93606,11 @@ var CommandInput = forwardRef(
   }
 );
 CommandInput.displayName = Command.Input.displayName;
-var CommandList = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var CommandList = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   Command.List,
   {
     ref,
-    className: clx3(
+    className: clx2(
       "max-h-[300px] flex-1 overflow-y-auto overflow-x-hidden px-2 pb-4",
       className
     ),
@@ -94020,35 +93620,35 @@ var CommandList = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
 CommandList.displayName = Command.List.displayName;
 var CommandEmpty = forwardRef((props, ref) => {
   const { t: t2 } = useTranslation3();
-  return /* @__PURE__ */ jsx8(Command.Empty, { ref, className: "py-6 text-center text-sm", ...props, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle flex min-h-[236px] flex-col items-center justify-center gap-y-3", children: [
-    /* @__PURE__ */ jsx8(MagnifyingGlass, { className: "text-ui-fg-subtle" }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center justify-center gap-y-1", children: [
-      /* @__PURE__ */ jsx8(Text2, { size: "small", weight: "plus", leading: "compact", children: props.q ? t2("app.search.noResultsTitle") : t2("app.search.emptySearchTitle") }),
-      /* @__PURE__ */ jsx8(Text2, { size: "small", className: "text-ui-fg-muted", children: props.q ? t2("app.search.noResultsMessage") : t2("app.search.emptySearchMessage") })
+  return /* @__PURE__ */ jsx6(Command.Empty, { ref, className: "py-6 text-center text-sm", ...props, children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle flex min-h-[236px] flex-col items-center justify-center gap-y-3", children: [
+    /* @__PURE__ */ jsx6(MagnifyingGlass, { className: "text-ui-fg-subtle" }),
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center justify-center gap-y-1", children: [
+      /* @__PURE__ */ jsx6(Text, { size: "small", weight: "plus", leading: "compact", children: props.q ? t2("app.search.noResultsTitle") : t2("app.search.emptySearchTitle") }),
+      /* @__PURE__ */ jsx6(Text, { size: "small", className: "text-ui-fg-muted", children: props.q ? t2("app.search.noResultsMessage") : t2("app.search.emptySearchMessage") })
     ] })
   ] }) });
 });
 CommandEmpty.displayName = Command.Empty.displayName;
 var CommandLoading = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     Command.Loading,
     {
       ref,
       ...props,
       className: "bg-ui-bg-base flex flex-col",
       children: [
-        /* @__PURE__ */ jsx8("div", { className: "w-full px-2 pb-1 pt-3", children: /* @__PURE__ */ jsx8(Skeleton, { className: "h-5 w-10" }) }),
-        Array.from({ length: 7 }).map((_, index) => /* @__PURE__ */ jsx8("div", { className: "w-full p-2", children: /* @__PURE__ */ jsx8(Skeleton, { className: "h-5 w-full" }) }, index))
+        /* @__PURE__ */ jsx6("div", { className: "w-full px-2 pb-1 pt-3", children: /* @__PURE__ */ jsx6(Skeleton, { className: "h-5 w-10" }) }),
+        Array.from({ length: 7 }).map((_, index) => /* @__PURE__ */ jsx6("div", { className: "w-full p-2", children: /* @__PURE__ */ jsx6(Skeleton, { className: "h-5 w-full" }) }, index))
       ]
     }
   );
 });
 CommandLoading.displayName = Command.Loading.displayName;
-var CommandGroup = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var CommandGroup = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   Command.Group,
   {
     ref,
-    className: clx3(
+    className: clx2(
       "text-ui-fg-base [&_[cmdk-group-heading]]:text-ui-fg-muted [&_[cmdk-group-heading]]:txt-compact-xsmall-plus overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:pt-3 [&_[cmdk-item]]:py-2",
       className
     ),
@@ -94056,20 +93656,20 @@ var CommandGroup = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 CommandGroup.displayName = Command.Group.displayName;
-var CommandSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var CommandSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   Command.Separator,
   {
     ref,
-    className: clx3("bg-border -mx-1 h-px", className),
+    className: clx2("bg-border -mx-1 h-px", className),
     ...props
   }
 ));
 CommandSeparator.displayName = Command.Separator.displayName;
-var CommandItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var CommandItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   Command.Item,
   {
     ref,
-    className: clx3(
+    className: clx2(
       "aria-selected:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-hover txt-compact-small [&>svg]:text-ui-fg-subtle relative flex cursor-pointer select-none items-center gap-x-3 rounded-md p-2 outline-none data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
       className
     ),
@@ -94079,18 +93679,18 @@ var CommandItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
 CommandItem.displayName = Command.Item.displayName;
 
 // src/providers/sidebar-provider/sidebar-provider.tsx
-import { useEffect as useEffect6, useState as useState7 } from "react";
+import { useEffect as useEffect5, useState as useState6 } from "react";
 import { useLocation as useLocation2 } from "react-router-dom";
 
 // src/providers/sidebar-provider/sidebar-context.tsx
-import { createContext as createContext4 } from "react";
-var SidebarContext = createContext4(null);
+import { createContext as createContext3 } from "react";
+var SidebarContext = createContext3(null);
 
 // src/providers/sidebar-provider/sidebar-provider.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var SidebarProvider = ({ children }) => {
-  const [desktop, setDesktop] = useState7(true);
-  const [mobile, setMobile] = useState7(false);
+  const [desktop, setDesktop] = useState6(true);
+  const [mobile, setMobile] = useState6(false);
   const { pathname } = useLocation2();
   const toggle = (view) => {
     if (view === "desktop") {
@@ -94099,16 +93699,16 @@ var SidebarProvider = ({ children }) => {
       setMobile(!mobile);
     }
   };
-  useEffect6(() => {
+  useEffect5(() => {
     setMobile(false);
   }, [pathname]);
-  return /* @__PURE__ */ jsx9(SidebarContext.Provider, { value: { desktop, mobile, toggle }, children });
+  return /* @__PURE__ */ jsx7(SidebarContext.Provider, { value: { desktop, mobile, toggle }, children });
 };
 
 // src/providers/sidebar-provider/use-sidebar.tsx
-import { useContext as useContext4 } from "react";
+import { useContext as useContext3 } from "react";
 var useSidebar = () => {
-  const context = useContext4(SidebarContext);
+  const context = useContext3(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider");
   }
@@ -94116,13 +93716,13 @@ var useSidebar = () => {
 };
 
 // src/providers/search-provider/search-context.tsx
-import { createContext as createContext5 } from "react";
-var SearchContext = createContext5(null);
+import { createContext as createContext4 } from "react";
+var SearchContext = createContext4(null);
 
 // src/providers/search-provider/search-provider.tsx
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 var SearchProvider = ({ children }) => {
-  const [open, setOpen] = useState8(false);
+  const [open, setOpen] = useState7(false);
   const { mobile, toggle } = useSidebar();
   const toggleSearch = () => {
     const update = !open;
@@ -94131,7 +93731,7 @@ var SearchProvider = ({ children }) => {
     }
     setOpen(update);
   };
-  useEffect7(() => {
+  useEffect6(() => {
     const onKeyDown = (e) => {
       if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
         setOpen((prev) => !prev);
@@ -94142,7 +93742,7 @@ var SearchProvider = ({ children }) => {
       document.removeEventListener("keydown", onKeyDown);
     };
   }, []);
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     SearchContext.Provider,
     {
       value: {
@@ -94152,16 +93752,16 @@ var SearchProvider = ({ children }) => {
       },
       children: [
         children,
-        /* @__PURE__ */ jsx10(Search, {})
+        /* @__PURE__ */ jsx8(Search, {})
       ]
     }
   );
 };
 
 // src/providers/search-provider/use-search.tsx
-import { useContext as useContext5 } from "react";
+import { useContext as useContext4 } from "react";
 var useSearch = () => {
-  const context = useContext5(SearchContext);
+  const context = useContext4(SearchContext);
   if (!context) {
     throw new Error("useSearch must be used within a SearchProvider");
   }
@@ -94169,60 +93769,44 @@ var useSearch = () => {
 };
 
 // src/components/authentication/protected-route/protected-route.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var ProtectedRoute = () => {
   const { user, isLoading } = useMe();
   const location = useLocation3();
   if (isLoading) {
-    return /* @__PURE__ */ jsx11("div", { className: "flex min-h-screen items-center justify-center", children: /* @__PURE__ */ jsx11(Spinner2, { className: "text-ui-fg-interactive animate-spin" }) });
+    return /* @__PURE__ */ jsx9("div", { className: "flex min-h-screen items-center justify-center", children: /* @__PURE__ */ jsx9(Spinner2, { className: "text-ui-fg-interactive animate-spin" }) });
   }
   if (!user) {
-    return /* @__PURE__ */ jsx11(Navigate, { to: "/login", state: { from: location }, replace: true });
+    return /* @__PURE__ */ jsx9(Navigate, { to: "/login", state: { from: location }, replace: true });
   }
-  return /* @__PURE__ */ jsx11(SidebarProvider, { children: /* @__PURE__ */ jsx11(SearchProvider, { children: /* @__PURE__ */ jsx11(Outlet, {}) }) });
+  return /* @__PURE__ */ jsx9(SidebarProvider, { children: /* @__PURE__ */ jsx9(SearchProvider, { children: /* @__PURE__ */ jsx9(Outlet, {}) }) });
 };
 
 // src/components/layout/main-layout/main-layout.tsx
 import {
   ChevronDownMini,
   CogSixTooth,
-  EllipsisHorizontal as EllipsisHorizontal3,
+  EllipsisHorizontal as EllipsisHorizontal2,
   MagnifyingGlass as MagnifyingGlass2,
   MinusMini,
   OpenRectArrowOut as OpenRectArrowOut2,
   SquaresPlus
 } from "@acmekit/icons";
-import { Avatar as Avatar2, Divider, DropdownMenu as DropdownMenu4, Text as Text7, clx as clx9 } from "@acmekit/ui";
+import { Avatar as Avatar2, Divider, DropdownMenu as DropdownMenu3, Text as Text6, clx as clx7 } from "@acmekit/ui";
 import { Collapsible as RadixCollapsible2 } from "radix-ui";
 import { useTranslation as useTranslation8 } from "react-i18next";
 
 // src/components/layout/nav-item/nav-item.tsx
-import { Kbd as Kbd2, Text as Text3, clx as clx4 } from "@acmekit/ui";
+import { Kbd as Kbd2, Text as Text2, clx as clx3 } from "@acmekit/ui";
 import { Collapsible as RadixCollapsible } from "radix-ui";
 import {
   useCallback as useCallback5,
-  useEffect as useEffect8,
-  useState as useState9
+  useEffect as useEffect7,
+  useState as useState8
 } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { NavLink, useLocation as useLocation4 } from "react-router-dom";
-
-// src/components/common/conditional-tooltip/conditional-tooltip.tsx
-import { Tooltip } from "@acmekit/ui";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var ConditionalTooltip = ({
-  children,
-  showTooltip = false,
-  ...props
-}) => {
-  if (showTooltip) {
-    return /* @__PURE__ */ jsx12(Tooltip, { ...props, children });
-  }
-  return children;
-};
-
-// src/components/layout/nav-item/nav-item.tsx
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 var BASE_NAV_LINK_CLASSES = "text-ui-fg-subtle transition-fg hover:bg-ui-bg-subtle-hover flex items-center gap-x-2 rounded-md py-0.5 pl-0.5 pr-2 outline-none [&>svg]:text-ui-fg-subtle focus-visible:shadow-borders-focus";
 var ACTIVE_NAV_LINK_CLASSES = "bg-ui-bg-base shadow-elevation-card-rest text-ui-fg-base hover:bg-ui-bg-base";
 var NESTED_NAV_LINK_CLASSES = "pl-[34px] pr-2 py-1 w-full text-ui-fg-muted";
@@ -94239,21 +93823,21 @@ var NavItemTooltip = ({
   const { t: t2 } = useTranslation4();
   const globalShortcuts = useGlobalShortcuts();
   const shortcut = globalShortcuts.find((s) => s.to === to);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx10(
     ConditionalTooltip,
     {
       showTooltip: !!shortcut,
       maxWidth: 9999,
-      content: /* @__PURE__ */ jsxs5("div", { className: "txt-compact-xsmall flex h-5 items-center justify-between gap-x-2 whitespace-nowrap", children: [
-        /* @__PURE__ */ jsx13("span", { children: shortcut?.label }),
-        /* @__PURE__ */ jsx13("div", { className: "flex items-center gap-x-1", children: shortcut?.keys.Mac?.map((key, index) => /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-1", children: [
-          /* @__PURE__ */ jsx13(Kbd2, { children: key }, key),
-          index < (shortcut.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx13("span", { className: "text-ui-fg-muted txt-compact-xsmall", children: t2("app.keyboardShortcuts.then") })
+      content: /* @__PURE__ */ jsxs4("div", { className: "txt-compact-xsmall flex h-5 items-center justify-between gap-x-2 whitespace-nowrap", children: [
+        /* @__PURE__ */ jsx10("span", { children: shortcut?.label }),
+        /* @__PURE__ */ jsx10("div", { className: "flex items-center gap-x-1", children: shortcut?.keys.Mac?.map((key, index) => /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-1", children: [
+          /* @__PURE__ */ jsx10(Kbd2, { children: key }, key),
+          index < (shortcut.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx10("span", { className: "text-ui-fg-muted txt-compact-xsmall", children: t2("app.keyboardShortcuts.then") })
         ] }, index)) })
       ] }),
       side: "right",
       delayDuration: 1500,
-      children: /* @__PURE__ */ jsx13("div", { className: "w-full", children })
+      children: /* @__PURE__ */ jsx10("div", { className: "w-full", children })
     }
   );
 };
@@ -94268,9 +93852,9 @@ var NavItem = ({
 }) => {
   const { t: t2 } = useTranslation4(translationNs);
   const { pathname } = useLocation4();
-  const [open, setOpen] = useState9(getIsOpen(to, items, pathname));
+  const [open, setOpen] = useState8(getIsOpen(to, items, pathname));
   const displayLabel = translationNs ? t2(label) : label;
-  useEffect8(() => {
+  useEffect7(() => {
     setOpen(getIsOpen(to, items, pathname));
   }, [pathname, to, items]);
   const navLinkClassNames = useCallback5(
@@ -94283,7 +93867,7 @@ var NavItem = ({
       if (["core", "setting"].includes(type)) {
         isActive = pathname.startsWith(to2);
       }
-      return clx4(BASE_NAV_LINK_CLASSES, {
+      return clx3(BASE_NAV_LINK_CLASSES, {
         [NESTED_NAV_LINK_CLASSES]: isNested,
         [ACTIVE_NAV_LINK_CLASSES]: isActive,
         [SETTING_NAV_LINK_CLASSES]: isSetting2
@@ -94292,8 +93876,8 @@ var NavItem = ({
     [type, pathname]
   );
   const isSetting = type === "setting";
-  return /* @__PURE__ */ jsxs5("div", { className: "px-3", children: [
-    /* @__PURE__ */ jsx13(NavItemTooltip, { to, children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4("div", { className: "px-3", children: [
+    /* @__PURE__ */ jsx10(NavItemTooltip, { to, children: /* @__PURE__ */ jsxs4(
       NavLink,
       {
         to,
@@ -94302,38 +93886,38 @@ var NavItem = ({
           from
         } : void 0,
         className: ({ isActive }) => {
-          return clx4(navLinkClassNames({ isActive, isSetting, to }), {
+          return clx3(navLinkClassNames({ isActive, isSetting, to }), {
             "max-lg:hidden": !!items?.length
           });
         },
         children: [
-          type !== "setting" && /* @__PURE__ */ jsx13("div", { className: "flex size-6 items-center justify-center", children: /* @__PURE__ */ jsx13(Icon, { icon, type }) }),
-          /* @__PURE__ */ jsx13(Text3, { size: "small", weight: "plus", leading: "compact", children: displayLabel })
+          type !== "setting" && /* @__PURE__ */ jsx10("div", { className: "flex size-6 items-center justify-center", children: /* @__PURE__ */ jsx10(Icon, { icon, type }) }),
+          /* @__PURE__ */ jsx10(Text2, { size: "small", weight: "plus", leading: "compact", children: displayLabel })
         ]
       }
     ) }),
-    items && items.length > 0 && /* @__PURE__ */ jsxs5(RadixCollapsible.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsxs5(
+    items && items.length > 0 && /* @__PURE__ */ jsxs4(RadixCollapsible.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxs4(
         RadixCollapsible.Trigger,
         {
-          className: clx4(
+          className: clx3(
             "text-ui-fg-subtle hover:text-ui-fg-base transition-fg hover:bg-ui-bg-subtle-hover flex w-full items-center gap-x-2 rounded-md py-0.5 pl-0.5 pr-2 outline-none lg:hidden",
             { "pl-2": isSetting }
           ),
           children: [
-            /* @__PURE__ */ jsx13("div", { className: "flex size-6 items-center justify-center", children: /* @__PURE__ */ jsx13(Icon, { icon, type }) }),
-            /* @__PURE__ */ jsx13(Text3, { size: "small", weight: "plus", leading: "compact", children: displayLabel })
+            /* @__PURE__ */ jsx10("div", { className: "flex size-6 items-center justify-center", children: /* @__PURE__ */ jsx10(Icon, { icon, type }) }),
+            /* @__PURE__ */ jsx10(Text2, { size: "small", weight: "plus", leading: "compact", children: displayLabel })
           ]
         }
       ),
-      /* @__PURE__ */ jsx13(RadixCollapsible.Content, { children: /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-y-0.5 pb-2 pt-0.5", children: /* @__PURE__ */ jsxs5("ul", { className: "flex flex-col gap-y-0.5", children: [
-        /* @__PURE__ */ jsx13("li", { className: "flex w-full items-center gap-x-1 lg:hidden", children: /* @__PURE__ */ jsx13(NavItemTooltip, { to, children: /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx10(RadixCollapsible.Content, { children: /* @__PURE__ */ jsx10("div", { className: "flex flex-col gap-y-0.5 pb-2 pt-0.5", children: /* @__PURE__ */ jsxs4("ul", { className: "flex flex-col gap-y-0.5", children: [
+        /* @__PURE__ */ jsx10("li", { className: "flex w-full items-center gap-x-1 lg:hidden", children: /* @__PURE__ */ jsx10(NavItemTooltip, { to, children: /* @__PURE__ */ jsx10(
           NavLink,
           {
             to,
             end: true,
             className: ({ isActive }) => {
-              return clx4(
+              return clx3(
                 navLinkClassNames({
                   to,
                   isActive,
@@ -94342,19 +93926,19 @@ var NavItem = ({
                 })
               );
             },
-            children: /* @__PURE__ */ jsx13(Text3, { size: "small", weight: "plus", leading: "compact", children: displayLabel })
+            children: /* @__PURE__ */ jsx10(Text2, { size: "small", weight: "plus", leading: "compact", children: displayLabel })
           }
         ) }) }),
         items.map((item) => {
           const { t: itemT } = useTranslation4(item.translationNs);
           const itemLabel = item.translationNs ? itemT(item.label) : item.label;
-          return /* @__PURE__ */ jsx13("li", { className: "flex h-7 items-center", children: /* @__PURE__ */ jsx13(NavItemTooltip, { to: item.to, children: /* @__PURE__ */ jsx13(
+          return /* @__PURE__ */ jsx10("li", { className: "flex h-7 items-center", children: /* @__PURE__ */ jsx10(NavItemTooltip, { to: item.to, children: /* @__PURE__ */ jsx10(
             NavLink,
             {
               to: item.to,
               end: true,
               className: ({ isActive }) => {
-                return clx4(
+                return clx3(
                   navLinkClassNames({
                     to: item.to,
                     isActive,
@@ -94363,7 +93947,7 @@ var NavItem = ({
                   })
                 );
               },
-              children: /* @__PURE__ */ jsx13(Text3, { size: "small", weight: "plus", leading: "compact", children: itemLabel })
+              children: /* @__PURE__ */ jsx10(Text2, { size: "small", weight: "plus", leading: "compact", children: itemLabel })
             }
           ) }) }, item.to);
         })
@@ -94375,18 +93959,18 @@ var Icon = ({ icon, type }) => {
   if (!icon) {
     return null;
   }
-  return type === "extension" ? /* @__PURE__ */ jsx13("div", { className: "shadow-borders-base bg-ui-bg-base flex h-5 w-5 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ jsx13("div", { className: "h-[15px] w-[15px] overflow-hidden rounded-sm", children: icon }) }) : icon;
+  return type === "extension" ? /* @__PURE__ */ jsx10("div", { className: "shadow-borders-base bg-ui-bg-base flex h-5 w-5 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ jsx10("div", { className: "h-[15px] w-[15px] overflow-hidden rounded-sm", children: icon }) }) : icon;
 };
 
 // src/components/layout/shell/shell.tsx
 import { SidebarLeft, TriangleRightMini, XMark } from "@acmekit/icons";
-import { IconButton as IconButton5, clx as clx7 } from "@acmekit/ui";
+import { IconButton as IconButton4, clx as clx5 } from "@acmekit/ui";
 import { AnimatePresence } from "motion/react";
 import { Dialog as RadixDialog2 } from "radix-ui";
-import { useEffect as useEffect11, useState as useState11 } from "react";
+import { useEffect as useEffect10, useState as useState10 } from "react";
 import { useTranslation as useTranslation6 } from "react-i18next";
 import {
-  Link as Link2,
+  Link,
   Outlet as Outlet2,
   useMatches,
   useNavigation
@@ -94394,9 +93978,9 @@ import {
 
 // src/components/common/progress-bar/progress-bar.tsx
 import { motion } from "motion/react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var ProgressBar = ({ duration = 2 }) => {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx11(
     motion.div,
     {
       className: "bg-ui-fg-subtle size-full",
@@ -94425,93 +94009,15 @@ import {
   BellAlertDone,
   InformationCircleSolid
 } from "@acmekit/icons";
-import { clx as clx6, Drawer, Heading as Heading2, IconButton as IconButton4, Text as Text5 } from "@acmekit/ui";
+import { clx as clx4, Drawer, Heading, IconButton as IconButton3, Text as Text4 } from "@acmekit/ui";
 import { formatDistance } from "date-fns";
-import { useEffect as useEffect10, useState as useState10 } from "react";
+import { useEffect as useEffect9, useState as useState9 } from "react";
 import { useTranslation as useTranslation5 } from "react-i18next";
 
 // src/components/common/file-preview/file-preview.tsx
 import { ArrowDownTray, Spinner as Spinner3 } from "@acmekit/icons";
-import { IconButton as IconButton3, Text as Text4 } from "@acmekit/ui";
-
-// src/components/common/action-menu/action-menu.tsx
-import { DropdownMenu as DropdownMenu2, IconButton as IconButton2, clx as clx5 } from "@acmekit/ui";
-import { EllipsisHorizontal } from "@acmekit/icons";
-import { Link } from "react-router-dom";
-import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
-var ActionMenu = ({
-  groups,
-  variant = "transparent",
-  children
-}) => {
-  const direction = useDocumentDirection();
-  const inner = children ?? /* @__PURE__ */ jsx15(IconButton2, { size: "small", variant, children: /* @__PURE__ */ jsx15(EllipsisHorizontal, {}) });
-  return /* @__PURE__ */ jsxs6(DropdownMenu2, { dir: direction, children: [
-    /* @__PURE__ */ jsx15(DropdownMenu2.Trigger, { asChild: true, children: inner }),
-    /* @__PURE__ */ jsx15(DropdownMenu2.Content, { children: groups.map((group, index) => {
-      if (!group.actions.length) {
-        return null;
-      }
-      const isLast = index === groups.length - 1;
-      return /* @__PURE__ */ jsxs6(DropdownMenu2.Group, { children: [
-        group.actions.map((action, index2) => {
-          const Wrapper = action.disabledTooltip ? ({ children: children2 }) => /* @__PURE__ */ jsx15(
-            ConditionalTooltip,
-            {
-              showTooltip: action.disabled,
-              content: action.disabledTooltip,
-              side: "right",
-              children: /* @__PURE__ */ jsx15("div", { children: children2 })
-            }
-          ) : "div";
-          if (action.onClick) {
-            return /* @__PURE__ */ jsx15(Wrapper, { children: /* @__PURE__ */ jsxs6(
-              DropdownMenu2.Item,
-              {
-                disabled: action.disabled,
-                onClick: (e) => {
-                  e.stopPropagation();
-                  action.onClick();
-                },
-                className: clx5(
-                  "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
-                  {
-                    "[&_svg]:text-ui-fg-disabled": action.disabled
-                  }
-                ),
-                children: [
-                  action.icon,
-                  /* @__PURE__ */ jsx15("span", { children: action.label })
-                ]
-              }
-            ) }, index2);
-          }
-          return /* @__PURE__ */ jsx15(Wrapper, { children: /* @__PURE__ */ jsx15(
-            DropdownMenu2.Item,
-            {
-              className: clx5(
-                "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
-                {
-                  "[&_svg]:text-ui-fg-disabled": action.disabled
-                }
-              ),
-              asChild: true,
-              disabled: action.disabled,
-              children: /* @__PURE__ */ jsxs6(Link, { to: action.to, onClick: (e) => e.stopPropagation(), children: [
-                action.icon,
-                /* @__PURE__ */ jsx15("span", { children: action.label })
-              ] })
-            }
-          ) }, index2);
-        }),
-        !isLast && /* @__PURE__ */ jsx15(DropdownMenu2.Separator, {})
-      ] }, index);
-    }) })
-  ] });
-};
-
-// src/components/common/file-preview/file-preview.tsx
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { IconButton as IconButton2, Text as Text3 } from "@acmekit/ui";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 var FilePreview = ({
   filename,
   url,
@@ -94520,12 +94026,12 @@ var FilePreview = ({
   actions,
   hideThumbnail
 }) => {
-  return /* @__PURE__ */ jsx16("div", { className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg rounded-md px-3 py-2", children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-row items-center justify-between gap-2", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "flex flex-row items-center gap-3", children: [
-      !hideThumbnail && /* @__PURE__ */ jsx16(FileThumbnail, {}),
-      /* @__PURE__ */ jsxs7("div", { className: "flex flex-col justify-center", children: [
-        /* @__PURE__ */ jsx16(
-          Text4,
+  return /* @__PURE__ */ jsx12("div", { className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg rounded-md px-3 py-2", children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-row items-center justify-between gap-2", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex flex-row items-center gap-3", children: [
+      !hideThumbnail && /* @__PURE__ */ jsx12(FileThumbnail, {}),
+      /* @__PURE__ */ jsxs5("div", { className: "flex flex-col justify-center", children: [
+        /* @__PURE__ */ jsx12(
+          Text3,
           {
             size: "small",
             leading: "compact",
@@ -94533,8 +94039,8 @@ var FilePreview = ({
             children: filename
           }
         ),
-        loading && !!activity && /* @__PURE__ */ jsx16(
-          Text4,
+        loading && !!activity && /* @__PURE__ */ jsx12(
+          Text3,
           {
             leading: "compact",
             size: "xsmall",
@@ -94544,13 +94050,13 @@ var FilePreview = ({
         )
       ] })
     ] }),
-    loading && /* @__PURE__ */ jsx16(Spinner3, { className: "animate-spin" }),
-    !loading && actions && /* @__PURE__ */ jsx16(ActionMenu, { groups: actions }),
-    !loading && url && /* @__PURE__ */ jsx16(IconButton3, { variant: "transparent", asChild: true, children: /* @__PURE__ */ jsx16("a", { href: url, download: filename ?? `${Date.now()}`, children: /* @__PURE__ */ jsx16(ArrowDownTray, {}) }) })
+    loading && /* @__PURE__ */ jsx12(Spinner3, { className: "animate-spin" }),
+    !loading && actions && /* @__PURE__ */ jsx12(ActionMenu, { groups: actions }),
+    !loading && url && /* @__PURE__ */ jsx12(IconButton2, { variant: "transparent", asChild: true, children: /* @__PURE__ */ jsx12("a", { href: url, download: filename ?? `${Date.now()}`, children: /* @__PURE__ */ jsx12(ArrowDownTray, {}) }) })
   ] }) });
 };
 var FileThumbnail = () => {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs5(
     "svg",
     {
       width: "24",
@@ -94559,7 +94065,7 @@ var FileThumbnail = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx12(
           "path",
           {
             d: "M20 31.75H4C1.92893 31.75 0.25 30.0711 0.25 28V4C0.25 1.92893 1.92893 0.25 4 0.25H15.9431C16.9377 0.25 17.8915 0.645088 18.5948 1.34835L22.6516 5.4052C23.3549 6.10847 23.75 7.06229 23.75 8.05685V28C23.75 30.0711 22.0711 31.75 20 31.75Z",
@@ -94568,7 +94074,7 @@ var FileThumbnail = () => {
             "stroke-width": "0.5"
           }
         ),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx12(
           "path",
           {
             opacity: "0.4",
@@ -94578,8 +94084,8 @@ var FileThumbnail = () => {
             "stroke-width": "0.428571"
           }
         ),
-        /* @__PURE__ */ jsxs7("defs", { children: [
-          /* @__PURE__ */ jsxs7(
+        /* @__PURE__ */ jsxs5("defs", { children: [
+          /* @__PURE__ */ jsxs5(
             "linearGradient",
             {
               id: "paint0_linear_6594_388107",
@@ -94589,12 +94095,12 @@ var FileThumbnail = () => {
               y2: "32",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx16("stop", { "stop-color": "#F4F4F5" }),
-                /* @__PURE__ */ jsx16("stop", { offset: "1", "stop-color": "#E4E4E7" })
+                /* @__PURE__ */ jsx12("stop", { "stop-color": "#F4F4F5" }),
+                /* @__PURE__ */ jsx12("stop", { offset: "1", "stop-color": "#E4E4E7" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs5(
             "linearGradient",
             {
               id: "paint1_linear_6594_388107",
@@ -94604,12 +94110,12 @@ var FileThumbnail = () => {
               y2: "32",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx16("stop", { "stop-color": "#E4E4E7" }),
-                /* @__PURE__ */ jsx16("stop", { offset: "1", "stop-color": "#D4D4D8" })
+                /* @__PURE__ */ jsx12("stop", { "stop-color": "#E4E4E7" }),
+                /* @__PURE__ */ jsx12("stop", { offset: "1", "stop-color": "#D4D4D8" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs5(
             "linearGradient",
             {
               id: "paint2_linear_6594_388107",
@@ -94619,12 +94125,12 @@ var FileThumbnail = () => {
               y2: "21.25",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx16("stop", { "stop-color": "#52525B" }),
-                /* @__PURE__ */ jsx16("stop", { offset: "1", "stop-color": "#A1A1AA" })
+                /* @__PURE__ */ jsx12("stop", { "stop-color": "#52525B" }),
+                /* @__PURE__ */ jsx12("stop", { offset: "1", "stop-color": "#A1A1AA" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs5(
             "linearGradient",
             {
               id: "paint3_linear_6594_388107",
@@ -94634,8 +94140,8 @@ var FileThumbnail = () => {
               y2: "21.25",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx16("stop", { "stop-color": "#18181B" }),
-                /* @__PURE__ */ jsx16("stop", { offset: "1", "stop-color": "#52525B" })
+                /* @__PURE__ */ jsx12("stop", { "stop-color": "#18181B" }),
+                /* @__PURE__ */ jsx12("stop", { offset: "1", "stop-color": "#52525B" })
               ]
             }
           )
@@ -94647,10 +94153,10 @@ var FileThumbnail = () => {
 
 // src/components/common/infinite-list/infinite-list.tsx
 import { useInfiniteQuery } from "@tanstack/react-query";
-import { useEffect as useEffect9, useMemo as useMemo4, useRef as useRef2 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo4, useRef as useRef2 } from "react";
 import { toast } from "@acmekit/ui";
 import { Spinner as Spinner4 } from "@acmekit/icons";
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var InfiniteList = ({
   queryKey,
   queryFn,
@@ -94697,11 +94203,11 @@ var InfiniteList = ({
   const endObserver = useRef2();
   const fetchNextPageRef = useRef2(fetchNextPage);
   const fetchPreviousPageRef = useRef2(fetchPreviousPage);
-  useEffect9(() => {
+  useEffect8(() => {
     fetchNextPageRef.current = fetchNextPage;
     fetchPreviousPageRef.current = fetchPreviousPage;
   }, [fetchNextPage, fetchPreviousPage]);
-  useEffect9(() => {
+  useEffect8(() => {
     if (isPending) {
       return;
     }
@@ -94745,31 +94251,31 @@ var InfiniteList = ({
     isFetching,
     isPending
   ]);
-  useEffect9(() => {
+  useEffect8(() => {
     if (error) {
       toast.error(error.message);
     }
   }, [error]);
   if (isPending) {
-    return /* @__PURE__ */ jsx17("div", { className: "flex h-full flex-col items-center justify-center", children: /* @__PURE__ */ jsx17(Spinner4, { className: "animate-spin" }) });
+    return /* @__PURE__ */ jsx13("div", { className: "flex h-full flex-col items-center justify-center", children: /* @__PURE__ */ jsx13(Spinner4, { className: "animate-spin" }) });
   }
-  return /* @__PURE__ */ jsxs8("div", { ref: parentRef, className: "h-full", children: [
-    items?.length ? items.map((item) => /* @__PURE__ */ jsx17("div", { children: renderItem(item) }, item.id)) : renderEmpty(),
-    isFetching && /* @__PURE__ */ jsx17("div", { className: "flex flex-col items-center justify-center py-4", children: /* @__PURE__ */ jsx17(Spinner4, { className: "animate-spin" }) })
+  return /* @__PURE__ */ jsxs6("div", { ref: parentRef, className: "h-full", children: [
+    items?.length ? items.map((item) => /* @__PURE__ */ jsx13("div", { children: renderItem(item) }, item.id)) : renderEmpty(),
+    isFetching && /* @__PURE__ */ jsx13("div", { className: "flex flex-col items-center justify-center py-4", children: /* @__PURE__ */ jsx13(Spinner4, { className: "animate-spin" }) })
   ] });
 };
 
 // src/components/layout/notifications/notifications.tsx
-import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var LAST_READ_NOTIFICATION_KEY = "notificationsLastReadAt";
 var Notifications = () => {
   const { t: t2 } = useTranslation5();
-  const [open, setOpen] = useState10(false);
+  const [open, setOpen] = useState9(false);
   const [hasUnread, setHasUnread] = useUnreadNotifications();
-  const [lastReadAt, setLastReadAt] = useState10(
+  const [lastReadAt, setLastReadAt] = useState9(
     localStorage.getItem(LAST_READ_NOTIFICATION_KEY)
   );
-  useEffect10(() => {
+  useEffect9(() => {
     const onKeyDown = (e) => {
       if (e.key === "n" && (e.metaKey || e.ctrlKey)) {
         setOpen((prev) => !prev);
@@ -94790,22 +94296,22 @@ var Notifications = () => {
       setLastReadAt(localStorage.getItem(LAST_READ_NOTIFICATION_KEY));
     }
   };
-  return /* @__PURE__ */ jsxs9(Drawer, { open, onOpenChange: handleOnOpen, children: [
-    /* @__PURE__ */ jsx18(Drawer.Trigger, { asChild: true, children: /* @__PURE__ */ jsx18(
-      IconButton4,
+  return /* @__PURE__ */ jsxs7(Drawer, { open, onOpenChange: handleOnOpen, children: [
+    /* @__PURE__ */ jsx14(Drawer.Trigger, { asChild: true, children: /* @__PURE__ */ jsx14(
+      IconButton3,
       {
         variant: "transparent",
         size: "small",
         className: "text-ui-fg-muted hover:text-ui-fg-subtle",
-        children: hasUnread ? /* @__PURE__ */ jsx18(BellAlertDone, {}) : /* @__PURE__ */ jsx18(BellAlert, {})
+        children: hasUnread ? /* @__PURE__ */ jsx14(BellAlertDone, {}) : /* @__PURE__ */ jsx14(BellAlert, {})
       }
     ) }),
-    /* @__PURE__ */ jsxs9(Drawer.Content, { children: [
-      /* @__PURE__ */ jsxs9(Drawer.Header, { children: [
-        /* @__PURE__ */ jsx18(Drawer.Title, { asChild: true, children: /* @__PURE__ */ jsx18(Heading2, { children: t2("notifications.domain") }) }),
-        /* @__PURE__ */ jsx18(Drawer.Description, { className: "sr-only", children: t2("notifications.accessibility.description") })
+    /* @__PURE__ */ jsxs7(Drawer.Content, { children: [
+      /* @__PURE__ */ jsxs7(Drawer.Header, { children: [
+        /* @__PURE__ */ jsx14(Drawer.Title, { asChild: true, children: /* @__PURE__ */ jsx14(Heading, { children: t2("notifications.domain") }) }),
+        /* @__PURE__ */ jsx14(Drawer.Description, { className: "sr-only", children: t2("notifications.accessibility.description") })
       ] }),
-      /* @__PURE__ */ jsx18(Drawer.Body, { className: "overflow-y-auto px-0", children: /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx14(Drawer.Body, { className: "overflow-y-auto px-0", children: /* @__PURE__ */ jsx14(
         InfiniteList,
         {
           responseKey: "notifications",
@@ -94815,9 +94321,9 @@ var Notifications = () => {
             channel: "feed"
           }),
           queryOptions: { enabled: open },
-          renderEmpty: () => /* @__PURE__ */ jsx18(NotificationsEmptyState, { t: t2 }),
+          renderEmpty: () => /* @__PURE__ */ jsx14(NotificationsEmptyState, { t: t2 }),
           renderItem: (notification) => {
-            return /* @__PURE__ */ jsx18(
+            return /* @__PURE__ */ jsx14(
               Notification,
               {
                 notification,
@@ -94839,18 +94345,18 @@ var Notification = ({
   if (!data?.title) {
     return null;
   }
-  return /* @__PURE__ */ jsx18(Fragment2, { children: /* @__PURE__ */ jsxs9("div", { className: "relative flex items-start justify-center gap-3 border-b p-6", children: [
-    /* @__PURE__ */ jsx18("div", { className: "text-ui-fg-muted flex size-5 items-center justify-center", children: /* @__PURE__ */ jsx18(InformationCircleSolid, {}) }),
-    /* @__PURE__ */ jsxs9("div", { className: "flex w-full flex-col gap-y-3", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx18(Text5, { size: "small", leading: "compact", weight: "plus", children: data.title }),
-          /* @__PURE__ */ jsxs9("div", { className: "align-center flex items-center justify-center gap-2", children: [
-            /* @__PURE__ */ jsx18(
-              Text5,
+  return /* @__PURE__ */ jsx14(Fragment2, { children: /* @__PURE__ */ jsxs7("div", { className: "relative flex items-start justify-center gap-3 border-b p-6", children: [
+    /* @__PURE__ */ jsx14("div", { className: "text-ui-fg-muted flex size-5 items-center justify-center", children: /* @__PURE__ */ jsx14(InformationCircleSolid, {}) }),
+    /* @__PURE__ */ jsxs7("div", { className: "flex w-full flex-col gap-y-3", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx14(Text4, { size: "small", leading: "compact", weight: "plus", children: data.title }),
+          /* @__PURE__ */ jsxs7("div", { className: "align-center flex items-center justify-center gap-2", children: [
+            /* @__PURE__ */ jsx14(
+              Text4,
               {
                 as: "span",
-                className: clx6("text-ui-fg-subtle", {
+                className: clx4("text-ui-fg-subtle", {
                   "text-ui-fg-base": unread
                 }),
                 size: "small",
@@ -94861,7 +94367,7 @@ var Notification = ({
                 })
               }
             ),
-            unread && /* @__PURE__ */ jsx18(
+            unread && /* @__PURE__ */ jsx14(
               "div",
               {
                 className: "bg-ui-bg-interactive h-2 w-2 rounded",
@@ -94870,8 +94376,8 @@ var Notification = ({
             )
           ] })
         ] }),
-        !!data.description && /* @__PURE__ */ jsx18(
-          Text5,
+        !!data.description && /* @__PURE__ */ jsx14(
+          Text4,
           {
             className: "text-ui-fg-subtle whitespace-pre-line",
             size: "small",
@@ -94879,7 +94385,7 @@ var Notification = ({
           }
         )
       ] }),
-      !!data?.file?.url && /* @__PURE__ */ jsx18(
+      !!data?.file?.url && /* @__PURE__ */ jsx14(
         FilePreview,
         {
           filename: data.file.filename ?? "",
@@ -94891,11 +94397,11 @@ var Notification = ({
   ] }) });
 };
 var NotificationsEmptyState = ({ t: t2 }) => {
-  return /* @__PURE__ */ jsxs9("div", { className: "flex h-full flex-col items-center justify-center", children: [
-    /* @__PURE__ */ jsx18(BellAlertDone, {}),
-    /* @__PURE__ */ jsx18(Text5, { size: "small", leading: "compact", weight: "plus", className: "mt-3", children: t2("notifications.emptyState.title") }),
-    /* @__PURE__ */ jsx18(
-      Text5,
+  return /* @__PURE__ */ jsxs7("div", { className: "flex h-full flex-col items-center justify-center", children: [
+    /* @__PURE__ */ jsx14(BellAlertDone, {}),
+    /* @__PURE__ */ jsx14(Text4, { size: "small", leading: "compact", weight: "plus", className: "mt-3", children: t2("notifications.emptyState.title") }),
+    /* @__PURE__ */ jsx14(
+      Text4,
       {
         size: "small",
         className: "text-ui-fg-muted mt-1 max-w-[294px] text-center",
@@ -94905,13 +94411,13 @@ var NotificationsEmptyState = ({ t: t2 }) => {
   ] });
 };
 var useUnreadNotifications = () => {
-  const [hasUnread, setHasUnread] = useState10(false);
+  const [hasUnread, setHasUnread] = useState9(false);
   const { notifications } = useNotifications(
     { limit: 1, offset: 0, fields: "created_at" },
     { refetchInterval: 6e4 }
   );
   const lastNotification = notifications?.[0];
-  useEffect10(() => {
+  useEffect9(() => {
     if (!lastNotification) {
       return;
     }
@@ -94926,37 +94432,37 @@ var useUnreadNotifications = () => {
 };
 
 // src/components/layout/shell/shell.tsx
-import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var Shell = ({ children }) => {
   const globalShortcuts = useGlobalShortcuts();
   const navigation = useNavigation();
   const loading = navigation.state === "loading";
-  return /* @__PURE__ */ jsx19(KeybindProvider, { shortcuts: globalShortcuts, children: /* @__PURE__ */ jsxs10("div", { className: "relative flex h-screen flex-col items-start overflow-hidden lg:flex-row", children: [
-    /* @__PURE__ */ jsx19(NavigationBar, { loading }),
-    /* @__PURE__ */ jsxs10("div", { children: [
-      /* @__PURE__ */ jsx19(MobileSidebarContainer, { children }),
-      /* @__PURE__ */ jsx19(DesktopSidebarContainer, { children })
+  return /* @__PURE__ */ jsx15(KeybindProvider, { shortcuts: globalShortcuts, children: /* @__PURE__ */ jsxs8("div", { className: "relative flex h-screen flex-col items-start overflow-hidden lg:flex-row", children: [
+    /* @__PURE__ */ jsx15(NavigationBar, { loading }),
+    /* @__PURE__ */ jsxs8("div", { children: [
+      /* @__PURE__ */ jsx15(MobileSidebarContainer, { children }),
+      /* @__PURE__ */ jsx15(DesktopSidebarContainer, { children })
     ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "flex h-screen w-full flex-col overflow-auto", children: [
-      /* @__PURE__ */ jsx19(Topbar, {}),
-      /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsxs8("div", { className: "flex h-screen w-full flex-col overflow-auto", children: [
+      /* @__PURE__ */ jsx15(Topbar, {}),
+      /* @__PURE__ */ jsx15(
         "main",
         {
-          className: clx7(
+          className: clx5(
             "flex h-full w-full flex-col items-center overflow-y-auto transition-opacity delay-200 duration-200",
             {
               "opacity-25": loading
             }
           ),
-          children: /* @__PURE__ */ jsx19(Gutter, { children: /* @__PURE__ */ jsx19(Outlet2, {}) })
+          children: /* @__PURE__ */ jsx15(Gutter, { children: /* @__PURE__ */ jsx15(Outlet2, {}) })
         }
       )
     ] })
   ] }) });
 };
 var NavigationBar = ({ loading }) => {
-  const [showBar, setShowBar] = useState11(false);
-  useEffect11(() => {
+  const [showBar, setShowBar] = useState10(false);
+  useEffect10(() => {
     let timeout;
     if (loading) {
       timeout = setTimeout(() => {
@@ -94969,10 +94475,10 @@ var NavigationBar = ({ loading }) => {
       clearTimeout(timeout);
     };
   }, [loading]);
-  return /* @__PURE__ */ jsx19("div", { className: "fixed inset-x-0 top-0 z-50 h-1", children: /* @__PURE__ */ jsx19(AnimatePresence, { children: showBar ? /* @__PURE__ */ jsx19(ProgressBar, {}) : null }) });
+  return /* @__PURE__ */ jsx15("div", { className: "fixed inset-x-0 top-0 z-50 h-1", children: /* @__PURE__ */ jsx15(AnimatePresence, { children: showBar ? /* @__PURE__ */ jsx15(ProgressBar, {}) : null }) });
 };
 var Gutter = ({ children }) => {
-  return /* @__PURE__ */ jsx19("div", { className: "flex w-full max-w-[1600px] flex-col gap-y-2 p-3", children });
+  return /* @__PURE__ */ jsx15("div", { className: "flex w-full max-w-[1600px] flex-col gap-y-2 p-3", children });
 };
 var Breadcrumbs = () => {
   const matches = useMatches();
@@ -94991,29 +94497,29 @@ var Breadcrumbs = () => {
       path: match.pathname
     };
   }).filter(Boolean);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx15(
     "ol",
     {
-      className: clx7(
+      className: clx5(
         "text-ui-fg-muted txt-compact-small-plus flex select-none items-center"
       ),
       children: crumbs.map((crumb, index) => {
         const isLast = index === crumbs.length - 1;
         const isSingle = crumbs.length === 1;
-        return /* @__PURE__ */ jsxs10("li", { className: clx7("flex items-center"), children: [
-          !isLast ? /* @__PURE__ */ jsx19(
-            Link2,
+        return /* @__PURE__ */ jsxs8("li", { className: clx5("flex items-center"), children: [
+          !isLast ? /* @__PURE__ */ jsx15(
+            Link,
             {
               className: "transition-fg hover:text-ui-fg-subtle",
               to: crumb.path,
               children: crumb.label
             }
-          ) : /* @__PURE__ */ jsxs10("div", { children: [
-            !isSingle && /* @__PURE__ */ jsx19("span", { className: "block lg:hidden", children: "..." }),
-            /* @__PURE__ */ jsx19(
+          ) : /* @__PURE__ */ jsxs8("div", { children: [
+            !isSingle && /* @__PURE__ */ jsx15("span", { className: "block lg:hidden", children: "..." }),
+            /* @__PURE__ */ jsx15(
               "span",
               {
-                className: clx7({
+                className: clx5({
                   "hidden lg:block": !isSingle
                 }),
                 children: crumb.label
@@ -95021,7 +94527,7 @@ var Breadcrumbs = () => {
               index
             )
           ] }),
-          !isLast && /* @__PURE__ */ jsx19("span", { className: "mx-2", children: /* @__PURE__ */ jsx19(TriangleRightMini, { className: "rtl:rotate-180" }) })
+          !isLast && /* @__PURE__ */ jsx15("span", { className: "mx-2", children: /* @__PURE__ */ jsx15(TriangleRightMini, { className: "rtl:rotate-180" }) })
         ] }, index);
       })
     }
@@ -95029,44 +94535,44 @@ var Breadcrumbs = () => {
 };
 var ToggleSidebar = () => {
   const { toggle } = useSidebar();
-  return /* @__PURE__ */ jsxs10("div", { children: [
-    /* @__PURE__ */ jsx19(
-      IconButton5,
+  return /* @__PURE__ */ jsxs8("div", { children: [
+    /* @__PURE__ */ jsx15(
+      IconButton4,
       {
         className: "hidden lg:flex",
         variant: "transparent",
         onClick: () => toggle("desktop"),
         size: "small",
-        children: /* @__PURE__ */ jsx19(SidebarLeft, { className: "text-ui-fg-muted rtl:rotate-180" })
+        children: /* @__PURE__ */ jsx15(SidebarLeft, { className: "text-ui-fg-muted rtl:rotate-180" })
       }
     ),
-    /* @__PURE__ */ jsx19(
-      IconButton5,
+    /* @__PURE__ */ jsx15(
+      IconButton4,
       {
         className: "hidden max-lg:flex",
         variant: "transparent",
         onClick: () => toggle("mobile"),
         size: "small",
-        children: /* @__PURE__ */ jsx19(SidebarLeft, { className: "text-ui-fg-muted rtl:rotate-180" })
+        children: /* @__PURE__ */ jsx15(SidebarLeft, { className: "text-ui-fg-muted rtl:rotate-180" })
       }
     )
   ] });
 };
 var Topbar = () => {
-  return /* @__PURE__ */ jsxs10("div", { className: "grid w-full grid-cols-2 border-b p-3", children: [
-    /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-x-1.5", children: [
-      /* @__PURE__ */ jsx19(ToggleSidebar, {}),
-      /* @__PURE__ */ jsx19(Breadcrumbs, {})
+  return /* @__PURE__ */ jsxs8("div", { className: "grid w-full grid-cols-2 border-b p-3", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-x-1.5", children: [
+      /* @__PURE__ */ jsx15(ToggleSidebar, {}),
+      /* @__PURE__ */ jsx15(Breadcrumbs, {})
     ] }),
-    /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-end gap-x-3", children: /* @__PURE__ */ jsx19(Notifications, {}) })
+    /* @__PURE__ */ jsx15("div", { className: "flex items-center justify-end gap-x-3", children: /* @__PURE__ */ jsx15(Notifications, {}) })
   ] });
 };
 var DesktopSidebarContainer = ({ children }) => {
   const { desktop } = useSidebar();
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
-      className: clx7("hidden h-screen w-[220px] border-e", {
+      className: clx5("hidden h-screen w-[220px] border-e", {
         "lg:flex": desktop
       }),
       children
@@ -95076,36 +94582,36 @@ var DesktopSidebarContainer = ({ children }) => {
 var MobileSidebarContainer = ({ children }) => {
   const { t: t2 } = useTranslation6();
   const { mobile, toggle } = useSidebar();
-  return /* @__PURE__ */ jsx19(RadixDialog2.Root, { open: mobile, onOpenChange: () => toggle("mobile"), children: /* @__PURE__ */ jsxs10(RadixDialog2.Portal, { children: [
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx15(RadixDialog2.Root, { open: mobile, onOpenChange: () => toggle("mobile"), children: /* @__PURE__ */ jsxs8(RadixDialog2.Portal, { children: [
+    /* @__PURE__ */ jsx15(
       RadixDialog2.Overlay,
       {
-        className: clx7(
+        className: clx5(
           "bg-ui-bg-overlay fixed inset-0",
           "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
         )
       }
     ),
-    /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsxs8(
       RadixDialog2.Content,
       {
-        className: clx7(
+        className: clx5(
           "bg-ui-bg-subtle shadow-elevation-modal fixed inset-y-2 start-2 flex w-full max-w-[304px] flex-col overflow-hidden rounded-lg border-r",
           "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]:slide-out-to-start-1/2 data-[state=open]:slide-in-from-start-1/2 duration-200"
         ),
         children: [
-          /* @__PURE__ */ jsxs10("div", { className: "p-3", children: [
-            /* @__PURE__ */ jsx19(RadixDialog2.Close, { asChild: true, children: /* @__PURE__ */ jsx19(
-              IconButton5,
+          /* @__PURE__ */ jsxs8("div", { className: "p-3", children: [
+            /* @__PURE__ */ jsx15(RadixDialog2.Close, { asChild: true, children: /* @__PURE__ */ jsx15(
+              IconButton4,
               {
                 size: "small",
                 variant: "transparent",
                 className: "text-ui-fg-subtle",
-                children: /* @__PURE__ */ jsx19(XMark, {})
+                children: /* @__PURE__ */ jsx15(XMark, {})
               }
             ) }),
-            /* @__PURE__ */ jsx19(RadixDialog2.Title, { className: "sr-only", children: t2("app.nav.accessibility.title") }),
-            /* @__PURE__ */ jsx19(RadixDialog2.Description, { className: "sr-only", children: t2("app.nav.accessibility.description") })
+            /* @__PURE__ */ jsx15(RadixDialog2.Title, { className: "sr-only", children: t2("app.nav.accessibility.title") }),
+            /* @__PURE__ */ jsx15(RadixDialog2.Description, { className: "sr-only", children: t2("app.nav.accessibility.description") })
           ] }),
           children
         ]
@@ -95115,13 +94621,13 @@ var MobileSidebarContainer = ({ children }) => {
 };
 
 // src/components/layout/main-layout/main-layout.tsx
-import { Link as Link4, useLocation as useLocation6, useNavigate as useNavigate4 } from "react-router-dom";
+import { Link as Link3, useLocation as useLocation6, useNavigate as useNavigate4 } from "react-router-dom";
 
 // src/components/layout/user-menu/user-menu.tsx
 import {
   BookOpen,
   CircleHalfSolid,
-  EllipsisHorizontal as EllipsisHorizontal2,
+  EllipsisHorizontal,
   Keyboard,
   OpenRectArrowOut,
   TimelineVertical,
@@ -95130,59 +94636,59 @@ import {
 } from "@acmekit/icons";
 import {
   Avatar,
-  DropdownMenu as DropdownMenu3,
-  Heading as Heading3,
-  IconButton as IconButton6,
+  DropdownMenu as DropdownMenu2,
+  Heading as Heading2,
+  IconButton as IconButton5,
   Input,
   Kbd as Kbd3,
-  Text as Text6,
-  clx as clx8
+  Text as Text5,
+  clx as clx6
 } from "@acmekit/ui";
 import { Dialog as RadixDialog3 } from "radix-ui";
 import { useTranslation as useTranslation7 } from "react-i18next";
-import { useState as useState12 } from "react";
-import { Link as Link3, useLocation as useLocation5, useNavigate as useNavigate3 } from "react-router-dom";
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useState as useState11 } from "react";
+import { Link as Link2, useLocation as useLocation5, useNavigate as useNavigate3 } from "react-router-dom";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var UserMenu = () => {
   const { t: t2 } = useTranslation7();
   const location = useLocation5();
   const direction = useDocumentDirection();
-  const [openMenu, setOpenMenu] = useState12(false);
-  const [openModal, setOpenModal] = useState12(false);
+  const [openMenu, setOpenMenu] = useState11(false);
+  const [openModal, setOpenModal] = useState11(false);
   const toggleModal = () => {
     setOpenMenu(false);
     setOpenModal(!openModal);
   };
-  return /* @__PURE__ */ jsxs11("div", { children: [
-    /* @__PURE__ */ jsxs11(DropdownMenu3, { dir: direction, open: openMenu, onOpenChange: setOpenMenu, children: [
-      /* @__PURE__ */ jsx20(UserBadge, {}),
-      /* @__PURE__ */ jsxs11(DropdownMenu3.Content, { className: "min-w-[var(--radix-dropdown-menu-trigger-width)] max-w-[var(--radix-dropdown-menu-trigger-width)]", children: [
-        /* @__PURE__ */ jsx20(UserItem, {}),
-        /* @__PURE__ */ jsx20(DropdownMenu3.Separator, {}),
-        /* @__PURE__ */ jsx20(DropdownMenu3.Item, { asChild: true, children: /* @__PURE__ */ jsxs11(Link3, { to: "/settings/profile", state: { from: location.pathname }, children: [
-          /* @__PURE__ */ jsx20(UserIcon, { className: "text-ui-fg-subtle me-2" }),
+  return /* @__PURE__ */ jsxs9("div", { children: [
+    /* @__PURE__ */ jsxs9(DropdownMenu2, { dir: direction, open: openMenu, onOpenChange: setOpenMenu, children: [
+      /* @__PURE__ */ jsx16(UserBadge, {}),
+      /* @__PURE__ */ jsxs9(DropdownMenu2.Content, { className: "min-w-[var(--radix-dropdown-menu-trigger-width)] max-w-[var(--radix-dropdown-menu-trigger-width)]", children: [
+        /* @__PURE__ */ jsx16(UserItem, {}),
+        /* @__PURE__ */ jsx16(DropdownMenu2.Separator, {}),
+        /* @__PURE__ */ jsx16(DropdownMenu2.Item, { asChild: true, children: /* @__PURE__ */ jsxs9(Link2, { to: "/settings/profile", state: { from: location.pathname }, children: [
+          /* @__PURE__ */ jsx16(UserIcon, { className: "text-ui-fg-subtle me-2" }),
           t2("app.menus.user.profileSettings")
         ] }) }),
-        /* @__PURE__ */ jsx20(DropdownMenu3.Separator, {}),
-        /* @__PURE__ */ jsx20(DropdownMenu3.Item, { asChild: true, children: /* @__PURE__ */ jsxs11(Link3, { to: "https://docs.acmekit.com", target: "_blank", children: [
-          /* @__PURE__ */ jsx20(BookOpen, { className: "text-ui-fg-subtle me-2" }),
+        /* @__PURE__ */ jsx16(DropdownMenu2.Separator, {}),
+        /* @__PURE__ */ jsx16(DropdownMenu2.Item, { asChild: true, children: /* @__PURE__ */ jsxs9(Link2, { to: "https://docs.acmekit.com", target: "_blank", children: [
+          /* @__PURE__ */ jsx16(BookOpen, { className: "text-ui-fg-subtle me-2" }),
           t2("app.menus.user.documentation")
         ] }) }),
-        /* @__PURE__ */ jsx20(DropdownMenu3.Item, { asChild: true, children: /* @__PURE__ */ jsxs11(Link3, { to: "https://acmekit.com/changelog/", target: "_blank", children: [
-          /* @__PURE__ */ jsx20(TimelineVertical, { className: "text-ui-fg-subtle me-2" }),
+        /* @__PURE__ */ jsx16(DropdownMenu2.Item, { asChild: true, children: /* @__PURE__ */ jsxs9(Link2, { to: "https://acmekit.com/changelog/", target: "_blank", children: [
+          /* @__PURE__ */ jsx16(TimelineVertical, { className: "text-ui-fg-subtle me-2" }),
           t2("app.menus.user.changelog")
         ] }) }),
-        /* @__PURE__ */ jsx20(DropdownMenu3.Separator, {}),
-        /* @__PURE__ */ jsxs11(DropdownMenu3.Item, { onClick: toggleModal, children: [
-          /* @__PURE__ */ jsx20(Keyboard, { className: "text-ui-fg-subtle me-2" }),
+        /* @__PURE__ */ jsx16(DropdownMenu2.Separator, {}),
+        /* @__PURE__ */ jsxs9(DropdownMenu2.Item, { onClick: toggleModal, children: [
+          /* @__PURE__ */ jsx16(Keyboard, { className: "text-ui-fg-subtle me-2" }),
           t2("app.menus.user.shortcuts")
         ] }),
-        /* @__PURE__ */ jsx20(ThemeToggle, {}),
-        /* @__PURE__ */ jsx20(DropdownMenu3.Separator, {}),
-        /* @__PURE__ */ jsx20(Logout, {})
+        /* @__PURE__ */ jsx16(ThemeToggle, {}),
+        /* @__PURE__ */ jsx16(DropdownMenu2.Separator, {}),
+        /* @__PURE__ */ jsx16(Logout, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsx20(GlobalKeybindsModal, { open: openModal, onOpenChange: setOpenModal })
+    /* @__PURE__ */ jsx16(GlobalKeybindsModal, { open: openModal, onOpenChange: setOpenModal })
   ] });
 };
 var UserBadge = () => {
@@ -95191,28 +94697,28 @@ var UserBadge = () => {
   const displayName = name || user?.email;
   const fallback = displayName ? displayName[0].toUpperCase() : null;
   if (isPending) {
-    return /* @__PURE__ */ jsxs11("button", { className: "shadow-borders-base flex max-w-[192px] select-none items-center gap-x-2 overflow-hidden text-ellipsis whitespace-nowrap rounded-full py-1 ps-1 pe-2.5", children: [
-      /* @__PURE__ */ jsx20(Skeleton, { className: "h-5 w-5 rounded-full" }),
-      /* @__PURE__ */ jsx20(Skeleton, { className: "h-[9px] w-[70px]" })
+    return /* @__PURE__ */ jsxs9("button", { className: "shadow-borders-base flex max-w-[192px] select-none items-center gap-x-2 overflow-hidden text-ellipsis whitespace-nowrap rounded-full py-1 ps-1 pe-2.5", children: [
+      /* @__PURE__ */ jsx16(Skeleton, { className: "h-5 w-5 rounded-full" }),
+      /* @__PURE__ */ jsx16(Skeleton, { className: "h-[9px] w-[70px]" })
     ] });
   }
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx20("div", { className: "p-3", children: /* @__PURE__ */ jsxs11(
-    DropdownMenu3.Trigger,
+  return /* @__PURE__ */ jsx16("div", { className: "p-3", children: /* @__PURE__ */ jsxs9(
+    DropdownMenu2.Trigger,
     {
       disabled: !user,
-      className: clx8(
+      className: clx6(
         "bg-ui-bg-subtle grid w-full cursor-pointer grid-cols-[24px_1fr_15px] items-center gap-2 rounded-md py-1 ps-0.5 pe-2 outline-none",
         "hover:bg-ui-bg-subtle-hover",
         "data-[state=open]:bg-ui-bg-subtle-hover",
         "focus-visible:shadow-borders-focus"
       ),
       children: [
-        /* @__PURE__ */ jsx20("div", { className: "flex size-6 items-center justify-center", children: fallback ? /* @__PURE__ */ jsx20(Avatar, { size: "xsmall", fallback }) : /* @__PURE__ */ jsx20(Skeleton, { className: "h-6 w-6 rounded-full" }) }),
-        /* @__PURE__ */ jsx20("div", { className: "flex items-center overflow-hidden", children: displayName ? /* @__PURE__ */ jsx20(
-          Text6,
+        /* @__PURE__ */ jsx16("div", { className: "flex size-6 items-center justify-center", children: fallback ? /* @__PURE__ */ jsx16(Avatar, { size: "xsmall", fallback }) : /* @__PURE__ */ jsx16(Skeleton, { className: "h-6 w-6 rounded-full" }) }),
+        /* @__PURE__ */ jsx16("div", { className: "flex items-center overflow-hidden", children: displayName ? /* @__PURE__ */ jsx16(
+          Text5,
           {
             size: "xsmall",
             weight: "plus",
@@ -95220,8 +94726,8 @@ var UserBadge = () => {
             className: "truncate",
             children: displayName
           }
-        ) : /* @__PURE__ */ jsx20(Skeleton, { className: "h-[9px] w-[70px]" }) }),
-        /* @__PURE__ */ jsx20(EllipsisHorizontal2, { className: "text-ui-fg-muted" })
+        ) : /* @__PURE__ */ jsx16(Skeleton, { className: "h-[9px] w-[70px]" }) }),
+        /* @__PURE__ */ jsx16(EllipsisHorizontal, { className: "text-ui-fg-muted" })
       ]
     }
   ) });
@@ -95229,14 +94735,14 @@ var UserBadge = () => {
 var ThemeToggle = () => {
   const { t: t2 } = useTranslation7();
   const { theme, setTheme } = useTheme();
-  return /* @__PURE__ */ jsxs11(DropdownMenu3.SubMenu, { children: [
-    /* @__PURE__ */ jsxs11(DropdownMenu3.SubMenuTrigger, { dir: "ltr", className: "rounded-md rtl:rotate-180", children: [
-      /* @__PURE__ */ jsx20(CircleHalfSolid, { className: "text-ui-fg-subtle me-2" }),
-      /* @__PURE__ */ jsx20("span", { className: "rtl:rotate-180", children: t2("app.menus.user.theme.label") })
+  return /* @__PURE__ */ jsxs9(DropdownMenu2.SubMenu, { children: [
+    /* @__PURE__ */ jsxs9(DropdownMenu2.SubMenuTrigger, { dir: "ltr", className: "rounded-md rtl:rotate-180", children: [
+      /* @__PURE__ */ jsx16(CircleHalfSolid, { className: "text-ui-fg-subtle me-2" }),
+      /* @__PURE__ */ jsx16("span", { className: "rtl:rotate-180", children: t2("app.menus.user.theme.label") })
     ] }),
-    /* @__PURE__ */ jsx20(DropdownMenu3.SubMenuContent, { children: /* @__PURE__ */ jsxs11(DropdownMenu3.RadioGroup, { value: theme, children: [
-      /* @__PURE__ */ jsx20(
-        DropdownMenu3.RadioItem,
+    /* @__PURE__ */ jsx16(DropdownMenu2.SubMenuContent, { children: /* @__PURE__ */ jsxs9(DropdownMenu2.RadioGroup, { value: theme, children: [
+      /* @__PURE__ */ jsx16(
+        DropdownMenu2.RadioItem,
         {
           value: "system",
           onClick: (e) => {
@@ -95246,8 +94752,8 @@ var ThemeToggle = () => {
           children: t2("app.menus.user.theme.system")
         }
       ),
-      /* @__PURE__ */ jsx20(
-        DropdownMenu3.RadioItem,
+      /* @__PURE__ */ jsx16(
+        DropdownMenu2.RadioItem,
         {
           value: "light",
           onClick: (e) => {
@@ -95257,8 +94763,8 @@ var ThemeToggle = () => {
           children: t2("app.menus.user.theme.light")
         }
       ),
-      /* @__PURE__ */ jsx20(
-        DropdownMenu3.RadioItem,
+      /* @__PURE__ */ jsx16(
+        DropdownMenu2.RadioItem,
         {
           value: "dark",
           onClick: (e) => {
@@ -95283,33 +94789,33 @@ var Logout = () => {
       }
     });
   };
-  return /* @__PURE__ */ jsx20(DropdownMenu3.Item, { onClick: handleLogout, children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-x-2", children: [
-    /* @__PURE__ */ jsx20(OpenRectArrowOut, { className: "text-ui-fg-subtle" }),
-    /* @__PURE__ */ jsx20("span", { children: t2("app.menus.actions.logout") })
+  return /* @__PURE__ */ jsx16(DropdownMenu2.Item, { onClick: handleLogout, children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-x-2", children: [
+    /* @__PURE__ */ jsx16(OpenRectArrowOut, { className: "text-ui-fg-subtle" }),
+    /* @__PURE__ */ jsx16("span", { children: t2("app.menus.actions.logout") })
   ] }) });
 };
 var GlobalKeybindsModal = (props) => {
   const { t: t2 } = useTranslation7();
   const globalShortcuts = useGlobalShortcuts();
-  const [searchValue, onSearchValueChange] = useState12("");
+  const [searchValue, onSearchValueChange] = useState11("");
   const searchResults = searchValue ? globalShortcuts.filter((shortcut) => {
     return shortcut.label.toLowerCase().includes(searchValue?.toLowerCase());
   }) : globalShortcuts;
-  return /* @__PURE__ */ jsx20(RadixDialog3.Root, { ...props, children: /* @__PURE__ */ jsxs11(RadixDialog3.Portal, { children: [
-    /* @__PURE__ */ jsx20(RadixDialog3.Overlay, { className: "bg-ui-bg-overlay fixed inset-0" }),
-    /* @__PURE__ */ jsxs11(RadixDialog3.Content, { className: "bg-ui-bg-subtle shadow-elevation-modal fixed left-[50%] top-[50%] flex h-full max-h-[612px] w-full max-w-[560px] translate-x-[-50%] translate-y-[-50%] flex-col divide-y overflow-hidden rounded-lg", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
-        /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs11("div", { children: [
-            /* @__PURE__ */ jsx20(RadixDialog3.Title, { asChild: true, children: /* @__PURE__ */ jsx20(Heading3, { children: t2("app.menus.user.shortcuts") }) }),
-            /* @__PURE__ */ jsx20(RadixDialog3.Description, { className: "sr-only" })
+  return /* @__PURE__ */ jsx16(RadixDialog3.Root, { ...props, children: /* @__PURE__ */ jsxs9(RadixDialog3.Portal, { children: [
+    /* @__PURE__ */ jsx16(RadixDialog3.Overlay, { className: "bg-ui-bg-overlay fixed inset-0" }),
+    /* @__PURE__ */ jsxs9(RadixDialog3.Content, { className: "bg-ui-bg-subtle shadow-elevation-modal fixed left-[50%] top-[50%] flex h-full max-h-[612px] w-full max-w-[560px] translate-x-[-50%] translate-y-[-50%] flex-col divide-y overflow-hidden rounded-lg", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs9("div", { children: [
+            /* @__PURE__ */ jsx16(RadixDialog3.Title, { asChild: true, children: /* @__PURE__ */ jsx16(Heading2, { children: t2("app.menus.user.shortcuts") }) }),
+            /* @__PURE__ */ jsx16(RadixDialog3.Description, { className: "sr-only" })
           ] }),
-          /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-x-2", children: [
-            /* @__PURE__ */ jsx20(Kbd3, { children: "esc" }),
-            /* @__PURE__ */ jsx20(RadixDialog3.Close, { asChild: true, children: /* @__PURE__ */ jsx20(IconButton6, { variant: "transparent", size: "small", children: /* @__PURE__ */ jsx20(XMark2, {}) }) })
+          /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-x-2", children: [
+            /* @__PURE__ */ jsx16(Kbd3, { children: "esc" }),
+            /* @__PURE__ */ jsx16(RadixDialog3.Close, { asChild: true, children: /* @__PURE__ */ jsx16(IconButton5, { variant: "transparent", size: "small", children: /* @__PURE__ */ jsx16(XMark2, {}) }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx20("div", { children: /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx16("div", { children: /* @__PURE__ */ jsx16(
           Input,
           {
             type: "search",
@@ -95318,17 +94824,17 @@ var GlobalKeybindsModal = (props) => {
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx20("div", { className: "flex flex-col divide-y overflow-y-auto", children: searchResults.map((shortcut, index) => {
-        return /* @__PURE__ */ jsxs11(
+      /* @__PURE__ */ jsx16("div", { className: "flex flex-col divide-y overflow-y-auto", children: searchResults.map((shortcut, index) => {
+        return /* @__PURE__ */ jsxs9(
           "div",
           {
             className: "text-ui-fg-subtle flex items-center justify-between px-6 py-3",
             children: [
-              /* @__PURE__ */ jsx20(Text6, { size: "small", children: shortcut.label }),
-              /* @__PURE__ */ jsx20("div", { className: "flex items-center gap-x-1", children: shortcut.keys.Mac?.map((key, index2) => {
-                return /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-x-1", children: [
-                  /* @__PURE__ */ jsx20(Kbd3, { children: key }),
-                  index2 < (shortcut.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx20("span", { className: "txt-compact-xsmall text-ui-fg-subtle", children: t2("app.keyboardShortcuts.then") })
+              /* @__PURE__ */ jsx16(Text5, { size: "small", children: shortcut.label }),
+              /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-x-1", children: shortcut.keys.Mac?.map((key, index2) => {
+                return /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-x-1", children: [
+                  /* @__PURE__ */ jsx16(Kbd3, { children: key }),
+                  index2 < (shortcut.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx16("span", { className: "txt-compact-xsmall text-ui-fg-subtle", children: t2("app.keyboardShortcuts.then") })
                 ] }, index2);
               }) })
             ]
@@ -95343,7 +94849,7 @@ var UserItem = () => {
   const { user, isPending, isError, error } = useMe();
   const loaded = !isPending && !!user;
   if (!loaded) {
-    return /* @__PURE__ */ jsx20("div", {});
+    return /* @__PURE__ */ jsx16("div", {});
   }
   const name = [user.first_name, user.last_name].filter(Boolean).join(" ");
   const email = user.email;
@@ -95352,8 +94858,8 @@ var UserItem = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-x-3 overflow-hidden px-2 py-1", children: [
-    /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-x-3 overflow-hidden px-2 py-1", children: [
+    /* @__PURE__ */ jsx16(
       Avatar,
       {
         size: "small",
@@ -95362,9 +94868,9 @@ var UserItem = () => {
         fallback
       }
     ),
-    /* @__PURE__ */ jsxs11("div", { className: "block w-full min-w-0 max-w-[187px] overflow-hidden whitespace-nowrap", children: [
-      /* @__PURE__ */ jsx20(
-        Text6,
+    /* @__PURE__ */ jsxs9("div", { className: "block w-full min-w-0 max-w-[187px] overflow-hidden whitespace-nowrap", children: [
+      /* @__PURE__ */ jsx16(
+        Text5,
         {
           size: "small",
           weight: "plus",
@@ -95373,8 +94879,8 @@ var UserItem = () => {
           children: name || email
         }
       ),
-      !!name && /* @__PURE__ */ jsx20(
-        Text6,
+      !!name && /* @__PURE__ */ jsx16(
+        Text5,
         {
           size: "xsmall",
           leading: "compact",
@@ -95387,24 +94893,24 @@ var UserItem = () => {
 };
 
 // src/components/layout/main-layout/main-layout.tsx
-import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 var MainLayout = () => {
-  return /* @__PURE__ */ jsx21(Shell, { children: /* @__PURE__ */ jsx21(MainSidebar, {}) });
+  return /* @__PURE__ */ jsx17(Shell, { children: /* @__PURE__ */ jsx17(MainSidebar, {}) });
 };
 var MainSidebar = () => {
-  return /* @__PURE__ */ jsx21("aside", { className: "flex flex-1 flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-1 flex-col", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "bg-ui-bg-subtle sticky top-0", children: [
-      /* @__PURE__ */ jsx21(Header, {}),
-      /* @__PURE__ */ jsx21("div", { className: "px-3", children: /* @__PURE__ */ jsx21(Divider, { variant: "dashed" }) })
+  return /* @__PURE__ */ jsx17("aside", { className: "flex flex-1 flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-1 flex-col", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "bg-ui-bg-subtle sticky top-0", children: [
+      /* @__PURE__ */ jsx17(Header, {}),
+      /* @__PURE__ */ jsx17("div", { className: "px-3", children: /* @__PURE__ */ jsx17(Divider, { variant: "dashed" }) })
     ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "flex flex-1 flex-col justify-between", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex flex-1 flex-col", children: [
-        /* @__PURE__ */ jsx21(CoreRouteSection, {}),
-        /* @__PURE__ */ jsx21(ExtensionRouteSection, {})
+    /* @__PURE__ */ jsxs10("div", { className: "flex flex-1 flex-col justify-between", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "flex flex-1 flex-col", children: [
+        /* @__PURE__ */ jsx17(CoreRouteSection, {}),
+        /* @__PURE__ */ jsx17(ExtensionRouteSection, {})
       ] }),
-      /* @__PURE__ */ jsx21(UtilitySection, {})
+      /* @__PURE__ */ jsx17(UtilitySection, {})
     ] }),
-    /* @__PURE__ */ jsx21("div", { className: "bg-ui-bg-subtle sticky bottom-0", children: /* @__PURE__ */ jsx21(UserSection, {}) })
+    /* @__PURE__ */ jsx17("div", { className: "bg-ui-bg-subtle sticky bottom-0", children: /* @__PURE__ */ jsx17(UserSection, {}) })
   ] }) });
 };
 var Logout2 = () => {
@@ -95419,29 +94925,29 @@ var Logout2 = () => {
       }
     });
   };
-  return /* @__PURE__ */ jsx21(DropdownMenu4.Item, { onClick: handleLogout, children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-x-2", children: [
-    /* @__PURE__ */ jsx21(OpenRectArrowOut2, { className: "text-ui-fg-subtle" }),
-    /* @__PURE__ */ jsx21("span", { children: t2("app.menus.actions.logout") })
+  return /* @__PURE__ */ jsx17(DropdownMenu3.Item, { onClick: handleLogout, children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-x-2", children: [
+    /* @__PURE__ */ jsx17(OpenRectArrowOut2, { className: "text-ui-fg-subtle" }),
+    /* @__PURE__ */ jsx17("span", { children: t2("app.menus.actions.logout") })
   ] }) });
 };
 var Header = () => {
   const { t: t2 } = useTranslation8();
   const direction = useDocumentDirection();
   const fallback = "A";
-  return /* @__PURE__ */ jsx21("div", { className: "w-full p-3", children: /* @__PURE__ */ jsxs12(DropdownMenu4, { dir: direction, children: [
-    /* @__PURE__ */ jsxs12(
-      DropdownMenu4.Trigger,
+  return /* @__PURE__ */ jsx17("div", { className: "w-full p-3", children: /* @__PURE__ */ jsxs10(DropdownMenu3, { dir: direction, children: [
+    /* @__PURE__ */ jsxs10(
+      DropdownMenu3.Trigger,
       {
-        className: clx9(
+        className: clx7(
           "bg-ui-bg-subtle transition-fg grid w-full grid-cols-[24px_1fr_15px] items-center gap-x-3 rounded-md p-0.5 pe-2 outline-none",
           "hover:bg-ui-bg-subtle-hover",
           "data-[state=open]:bg-ui-bg-subtle-hover",
           "focus-visible:shadow-borders-focus"
         ),
         children: [
-          /* @__PURE__ */ jsx21(Avatar2, { variant: "squared", size: "xsmall", fallback }),
-          /* @__PURE__ */ jsx21("div", { className: "block overflow-hidden text-start", children: /* @__PURE__ */ jsx21(
-            Text7,
+          /* @__PURE__ */ jsx17(Avatar2, { variant: "squared", size: "xsmall", fallback }),
+          /* @__PURE__ */ jsx17("div", { className: "block overflow-hidden text-start", children: /* @__PURE__ */ jsx17(
+            Text6,
             {
               size: "small",
               weight: "plus",
@@ -95450,17 +94956,17 @@ var Header = () => {
               children: t2("app.nav.main.store", "Admin")
             }
           ) }),
-          /* @__PURE__ */ jsx21(EllipsisHorizontal3, { className: "text-ui-fg-muted" })
+          /* @__PURE__ */ jsx17(EllipsisHorizontal2, { className: "text-ui-fg-muted" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs12(DropdownMenu4.Content, { className: "w-[var(--radix-dropdown-menu-trigger-width)] min-w-0", children: [
-      /* @__PURE__ */ jsx21(DropdownMenu4.Item, { className: "gap-x-2", asChild: true, children: /* @__PURE__ */ jsxs12(Link4, { to: "/settings", children: [
-        /* @__PURE__ */ jsx21(CogSixTooth, { className: "text-ui-fg-subtle" }),
+    /* @__PURE__ */ jsxs10(DropdownMenu3.Content, { className: "w-[var(--radix-dropdown-menu-trigger-width)] min-w-0", children: [
+      /* @__PURE__ */ jsx17(DropdownMenu3.Item, { className: "gap-x-2", asChild: true, children: /* @__PURE__ */ jsxs10(Link3, { to: "/settings", children: [
+        /* @__PURE__ */ jsx17(CogSixTooth, { className: "text-ui-fg-subtle" }),
         t2("app.nav.main.storeSettings", "Settings")
       ] }) }),
-      /* @__PURE__ */ jsx21(DropdownMenu4.Separator, {}),
-      /* @__PURE__ */ jsx21(Logout2, {})
+      /* @__PURE__ */ jsx17(DropdownMenu3.Separator, {}),
+      /* @__PURE__ */ jsx17(Logout2, {})
     ] })
   ] }) });
 };
@@ -95470,19 +94976,19 @@ var useCoreRoutes = () => {
 var Searchbar = () => {
   const { t: t2 } = useTranslation8();
   const { toggleSearch } = useSearch();
-  return /* @__PURE__ */ jsx21("div", { className: "px-3", children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx17("div", { className: "px-3", children: /* @__PURE__ */ jsxs10(
     "button",
     {
       onClick: toggleSearch,
-      className: clx9(
+      className: clx7(
         "bg-ui-bg-subtle text-ui-fg-subtle flex w-full items-center gap-x-2.5 rounded-md px-2 py-1 outline-none",
         "hover:bg-ui-bg-subtle-hover",
         "focus-visible:shadow-borders-focus"
       ),
       children: [
-        /* @__PURE__ */ jsx21(MagnifyingGlass2, {}),
-        /* @__PURE__ */ jsx21("div", { className: "flex-1 text-start", children: /* @__PURE__ */ jsx21(Text7, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.label") }) }),
-        /* @__PURE__ */ jsx21(Text7, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: "\u2318K" })
+        /* @__PURE__ */ jsx17(MagnifyingGlass2, {}),
+        /* @__PURE__ */ jsx17("div", { className: "flex-1 text-start", children: /* @__PURE__ */ jsx17(Text6, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.label") }) }),
+        /* @__PURE__ */ jsx17(Text6, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: "\u2318K" })
       ]
     }
   ) });
@@ -95499,10 +95005,10 @@ var CoreRouteSection = () => {
       }
     }
   });
-  return /* @__PURE__ */ jsxs12("nav", { className: "flex flex-col gap-y-1 py-3", children: [
-    /* @__PURE__ */ jsx21(Searchbar, {}),
+  return /* @__PURE__ */ jsxs10("nav", { className: "flex flex-col gap-y-1 py-3", children: [
+    /* @__PURE__ */ jsx17(Searchbar, {}),
     coreRoutes.map((route) => {
-      return /* @__PURE__ */ jsx21(NavItem, { ...route }, route.to);
+      return /* @__PURE__ */ jsx17(NavItem, { ...route }, route.to);
     })
   ] });
 };
@@ -95513,23 +95019,23 @@ var ExtensionRouteSection = () => {
   if (!menuItems.length) {
     return null;
   }
-  return /* @__PURE__ */ jsxs12("div", { children: [
-    /* @__PURE__ */ jsx21("div", { className: "px-3", children: /* @__PURE__ */ jsx21(Divider, { variant: "dashed" }) }),
-    /* @__PURE__ */ jsx21("div", { className: "flex flex-col gap-y-1 py-3", children: /* @__PURE__ */ jsxs12(RadixCollapsible2.Root, { defaultOpen: true, children: [
-      /* @__PURE__ */ jsx21("div", { className: "px-4", children: /* @__PURE__ */ jsx21(RadixCollapsible2.Trigger, { asChild: true, className: "group/trigger", children: /* @__PURE__ */ jsxs12("button", { className: "text-ui-fg-subtle flex w-full items-center justify-between px-2", children: [
-        /* @__PURE__ */ jsx21(Text7, { size: "xsmall", weight: "plus", leading: "compact", children: t2("app.nav.common.extensions") }),
-        /* @__PURE__ */ jsxs12("div", { className: "text-ui-fg-muted", children: [
-          /* @__PURE__ */ jsx21(ChevronDownMini, { className: "group-data-[state=open]/trigger:hidden" }),
-          /* @__PURE__ */ jsx21(MinusMini, { className: "group-data-[state=closed]/trigger:hidden" })
+  return /* @__PURE__ */ jsxs10("div", { children: [
+    /* @__PURE__ */ jsx17("div", { className: "px-3", children: /* @__PURE__ */ jsx17(Divider, { variant: "dashed" }) }),
+    /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-y-1 py-3", children: /* @__PURE__ */ jsxs10(RadixCollapsible2.Root, { defaultOpen: true, children: [
+      /* @__PURE__ */ jsx17("div", { className: "px-4", children: /* @__PURE__ */ jsx17(RadixCollapsible2.Trigger, { asChild: true, className: "group/trigger", children: /* @__PURE__ */ jsxs10("button", { className: "text-ui-fg-subtle flex w-full items-center justify-between px-2", children: [
+        /* @__PURE__ */ jsx17(Text6, { size: "xsmall", weight: "plus", leading: "compact", children: t2("app.nav.common.extensions") }),
+        /* @__PURE__ */ jsxs10("div", { className: "text-ui-fg-muted", children: [
+          /* @__PURE__ */ jsx17(ChevronDownMini, { className: "group-data-[state=open]/trigger:hidden" }),
+          /* @__PURE__ */ jsx17(MinusMini, { className: "group-data-[state=closed]/trigger:hidden" })
         ] })
       ] }) }) }),
-      /* @__PURE__ */ jsx21(RadixCollapsible2.Content, { children: /* @__PURE__ */ jsx21("nav", { className: "flex flex-col gap-y-0.5 py-1 pb-4", children: menuItems.map((item, i) => {
-        return /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx17(RadixCollapsible2.Content, { children: /* @__PURE__ */ jsx17("nav", { className: "flex flex-col gap-y-0.5 py-1 pb-4", children: menuItems.map((item, i) => {
+        return /* @__PURE__ */ jsx17(
           NavItem,
           {
             to: item.to,
             label: item.label,
-            icon: item.icon ? item.icon : /* @__PURE__ */ jsx21(SquaresPlus, {}),
+            icon: item.icon ? item.icon : /* @__PURE__ */ jsx17(SquaresPlus, {}),
             items: item.items,
             translationNs: item.translationNs,
             type: "extension"
@@ -95543,40 +95049,76 @@ var ExtensionRouteSection = () => {
 var UtilitySection = () => {
   const location = useLocation6();
   const { t: t2 } = useTranslation8();
-  return /* @__PURE__ */ jsx21("div", { className: "flex flex-col gap-y-0.5 py-3", children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-y-0.5 py-3", children: /* @__PURE__ */ jsx17(
     NavItem,
     {
       label: t2("app.nav.settings.header"),
       to: "/settings",
       from: location.pathname,
-      icon: /* @__PURE__ */ jsx21(CogSixTooth, {})
+      icon: /* @__PURE__ */ jsx17(CogSixTooth, {})
     }
   ) });
 };
 var UserSection = () => {
-  return /* @__PURE__ */ jsxs12("div", { children: [
-    /* @__PURE__ */ jsx21("div", { className: "px-3", children: /* @__PURE__ */ jsx21(Divider, { variant: "dashed" }) }),
-    /* @__PURE__ */ jsx21(UserMenu, {})
+  return /* @__PURE__ */ jsxs10("div", { children: [
+    /* @__PURE__ */ jsx17("div", { className: "px-3", children: /* @__PURE__ */ jsx17(Divider, { variant: "dashed" }) }),
+    /* @__PURE__ */ jsx17(UserMenu, {})
   ] });
 };
 
 // src/components/layout/public-layout/public-layout.tsx
 import { Outlet as Outlet3 } from "react-router-dom";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var PublicLayout = () => {
-  return /* @__PURE__ */ jsx22(Outlet3, {});
+  return /* @__PURE__ */ jsx18(Outlet3, {});
 };
 
 // src/components/layout/settings-layout/settings-layout.tsx
 import { ArrowUturnLeft as ArrowUturnLeft2, MinusMini as MinusMini2 } from "@acmekit/icons";
-import { clx as clx10, Divider as Divider2, IconButton as IconButton7, Text as Text8 } from "@acmekit/ui";
+import { clx as clx8, Divider as Divider2, IconButton as IconButton6, Text as Text7 } from "@acmekit/ui";
 import { Collapsible as RadixCollapsible3 } from "radix-ui";
-import { useEffect as useEffect12, useState as useState13 } from "react";
+import { Fragment as Fragment3, useEffect as useEffect11, useMemo as useMemo5, useState as useState12 } from "react";
 import { useTranslation as useTranslation9 } from "react-i18next";
-import { Link as Link5, useLocation as useLocation7 } from "react-router-dom";
-import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Link as Link4, useLocation as useLocation7 } from "react-router-dom";
+import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
 var SettingsLayout = () => {
-  return /* @__PURE__ */ jsx23(Shell, { children: /* @__PURE__ */ jsx23(SettingsSidebar, {}) });
+  return /* @__PURE__ */ jsx19(Shell, { children: /* @__PURE__ */ jsx19(SettingsSidebar, {}) });
+};
+var useSettingRoutes = () => {
+  const isTranslationsEnabled = useFeatureFlag("translation");
+  const { t: t2 } = useTranslation9();
+  return useMemo5(
+    () => [
+      { label: t2("store.domain"), to: "/settings/store" },
+      { label: t2("users.domain"), to: "/settings/users" },
+      ...isTranslationsEnabled ? [{ label: t2("translations.domain"), to: "/settings/translations" }] : []
+    ],
+    [t2, isTranslationsEnabled]
+  );
+};
+var useDeveloperRoutes = () => {
+  const { t: t2 } = useTranslation9();
+  return useMemo5(
+    () => [
+      {
+        label: t2("apiKeyManagement.domain.publishable"),
+        to: "/settings/publishable-api-keys"
+      },
+      {
+        label: t2("apiKeyManagement.domain.secret"),
+        to: "/settings/secret-api-keys"
+      },
+      { label: t2("workflowExecutions.domain"), to: "/settings/workflows" }
+    ],
+    [t2]
+  );
+};
+var useMyAccountRoutes = () => {
+  const { t: t2 } = useTranslation9();
+  return useMemo5(
+    () => [{ label: t2("profile.domain"), to: "/settings/profile" }],
+    [t2]
+  );
 };
 var getSafeFromValue = (from) => {
   if (from.startsWith("/settings")) {
@@ -95588,45 +95130,76 @@ var SettingsSidebar = () => {
   const { getMenu } = useExtension();
   const extensionRoutes = getMenu("settingsExtensions");
   const { t: t2 } = useTranslation9();
-  return /* @__PURE__ */ jsxs13("aside", { className: "relative flex flex-1 flex-col justify-between overflow-y-auto", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "bg-ui-bg-subtle sticky top-0", children: [
-      /* @__PURE__ */ jsx23(Header2, {}),
-      /* @__PURE__ */ jsx23("div", { className: "flex items-center justify-center px-3", children: /* @__PURE__ */ jsx23(Divider2, { variant: "dashed" }) })
+  const routes = useSettingRoutes();
+  const developerRoutes = useDeveloperRoutes();
+  const myAccountRoutes = useMyAccountRoutes();
+  return /* @__PURE__ */ jsxs11("aside", { className: "relative flex flex-1 flex-col justify-between overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "bg-ui-bg-subtle sticky top-0", children: [
+      /* @__PURE__ */ jsx19(Header2, {}),
+      /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center px-3", children: /* @__PURE__ */ jsx19(Divider2, { variant: "dashed" }) })
     ] }),
-    /* @__PURE__ */ jsxs13("div", { className: "flex flex-1 flex-col", children: [
-      /* @__PURE__ */ jsx23("div", { className: "flex flex-1 flex-col overflow-y-auto", children: extensionRoutes.length > 0 ? /* @__PURE__ */ jsx23(
-        RadixCollapsibleSection,
-        {
-          label: t2("app.nav.common.extensions"),
-          items: extensionRoutes
-        }
-      ) : null }),
-      /* @__PURE__ */ jsx23("div", { className: "bg-ui-bg-subtle sticky bottom-0", children: /* @__PURE__ */ jsx23(UserSection2, {}) })
+    /* @__PURE__ */ jsxs11("div", { className: "flex flex-1 flex-col", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex flex-1 flex-col overflow-y-auto", children: [
+        /* @__PURE__ */ jsx19(
+          RadixCollapsibleSection,
+          {
+            label: t2("app.nav.settings.general"),
+            items: routes
+          }
+        ),
+        /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center px-3", children: /* @__PURE__ */ jsx19(Divider2, { variant: "dashed" }) }),
+        /* @__PURE__ */ jsx19(
+          RadixCollapsibleSection,
+          {
+            label: t2("app.nav.settings.developer"),
+            items: developerRoutes
+          }
+        ),
+        /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center px-3", children: /* @__PURE__ */ jsx19(Divider2, { variant: "dashed" }) }),
+        /* @__PURE__ */ jsx19(
+          RadixCollapsibleSection,
+          {
+            label: t2("app.nav.settings.myAccount"),
+            items: myAccountRoutes
+          }
+        ),
+        extensionRoutes.length > 0 ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center px-3", children: /* @__PURE__ */ jsx19(Divider2, { variant: "dashed" }) }),
+          /* @__PURE__ */ jsx19(
+            RadixCollapsibleSection,
+            {
+              label: t2("app.nav.common.extensions"),
+              items: extensionRoutes
+            }
+          )
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsx19("div", { className: "bg-ui-bg-subtle sticky bottom-0", children: /* @__PURE__ */ jsx19(UserSection2, {}) })
     ] })
   ] });
 };
 var Header2 = () => {
-  const [from, setFrom] = useState13("/");
+  const [from, setFrom] = useState12("/");
   const { t: t2 } = useTranslation9();
   const location = useLocation7();
-  useEffect12(() => {
+  useEffect11(() => {
     if (location.state?.from) {
       setFrom(getSafeFromValue(location.state.from));
     }
   }, [location]);
-  return /* @__PURE__ */ jsx23("div", { className: "bg-ui-bg-subtle p-3", children: /* @__PURE__ */ jsx23(
-    Link5,
+  return /* @__PURE__ */ jsx19("div", { className: "bg-ui-bg-subtle p-3", children: /* @__PURE__ */ jsx19(
+    Link4,
     {
       to: from,
       replace: true,
-      className: clx10(
+      className: clx8(
         "bg-ui-bg-subtle transition-fg flex items-center rounded-md outline-none",
         "hover:bg-ui-bg-subtle-hover",
         "focus-visible:shadow-borders-focus"
       ),
-      children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-x-2.5 px-2 py-1", children: [
-        /* @__PURE__ */ jsx23("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx23(ArrowUturnLeft2, { className: "text-ui-fg-subtle" }) }),
-        /* @__PURE__ */ jsx23(Text8, { leading: "compact", weight: "plus", size: "small", children: t2("app.nav.settings.header") })
+      children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-x-2.5 px-2 py-1", children: [
+        /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx19(ArrowUturnLeft2, { className: "text-ui-fg-subtle" }) }),
+        /* @__PURE__ */ jsx19(Text7, { leading: "compact", weight: "plus", size: "small", children: t2("app.nav.settings.header") })
       ] })
     }
   ) });
@@ -95635,27 +95208,27 @@ var RadixCollapsibleSection = ({
   label,
   items
 }) => {
-  return /* @__PURE__ */ jsxs13(RadixCollapsible3.Root, { defaultOpen: true, className: "py-3", children: [
-    /* @__PURE__ */ jsx23("div", { className: "px-3", children: /* @__PURE__ */ jsxs13("div", { className: "text-ui-fg-muted flex h-7 items-center justify-between px-2", children: [
-      /* @__PURE__ */ jsx23(Text8, { size: "small", leading: "compact", children: label }),
-      /* @__PURE__ */ jsx23(RadixCollapsible3.Trigger, { asChild: true, children: /* @__PURE__ */ jsx23(IconButton7, { size: "2xsmall", variant: "transparent", className: "static", children: /* @__PURE__ */ jsx23(MinusMini2, { className: "text-ui-fg-muted" }) }) })
+  return /* @__PURE__ */ jsxs11(RadixCollapsible3.Root, { defaultOpen: true, className: "py-3", children: [
+    /* @__PURE__ */ jsx19("div", { className: "px-3", children: /* @__PURE__ */ jsxs11("div", { className: "text-ui-fg-muted flex h-7 items-center justify-between px-2", children: [
+      /* @__PURE__ */ jsx19(Text7, { size: "small", leading: "compact", children: label }),
+      /* @__PURE__ */ jsx19(RadixCollapsible3.Trigger, { asChild: true, children: /* @__PURE__ */ jsx19(IconButton6, { size: "2xsmall", variant: "transparent", className: "static", children: /* @__PURE__ */ jsx19(MinusMini2, { className: "text-ui-fg-muted" }) }) })
     ] }) }),
-    /* @__PURE__ */ jsx23(RadixCollapsible3.Content, { children: /* @__PURE__ */ jsx23("div", { className: "pt-0.5", children: /* @__PURE__ */ jsx23("nav", { className: "flex flex-col gap-y-0.5", children: items.map((setting) => /* @__PURE__ */ jsx23(NavItem, { type: "setting", ...setting }, setting.to)) }) }) })
+    /* @__PURE__ */ jsx19(RadixCollapsible3.Content, { children: /* @__PURE__ */ jsx19("div", { className: "pt-0.5", children: /* @__PURE__ */ jsx19("nav", { className: "flex flex-col gap-y-0.5", children: items.map((setting) => /* @__PURE__ */ jsx19(NavItem, { type: "setting", ...setting }, setting.to)) }) }) })
   ] });
 };
 var UserSection2 = () => {
-  return /* @__PURE__ */ jsxs13("div", { children: [
-    /* @__PURE__ */ jsx23("div", { className: "px-3", children: /* @__PURE__ */ jsx23(Divider2, { variant: "dashed" }) }),
-    /* @__PURE__ */ jsx23(UserMenu, {})
+  return /* @__PURE__ */ jsxs11("div", { children: [
+    /* @__PURE__ */ jsx19("div", { className: "px-3", children: /* @__PURE__ */ jsx19(Divider2, { variant: "dashed" }) }),
+    /* @__PURE__ */ jsx19(UserMenu, {})
   ] });
 };
 
 // src/components/utilities/error-boundary/error-boundary.tsx
 import { ExclamationCircle } from "@acmekit/icons";
-import { Text as Text9 } from "@acmekit/ui";
+import { Text as Text8 } from "@acmekit/ui";
 import { useTranslation as useTranslation10 } from "react-i18next";
 import { Navigate as Navigate2, useLocation as useLocation8, useRouteError } from "react-router-dom";
-import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 var ErrorBoundary = () => {
   const error = useRouteError();
   const location = useLocation8();
@@ -95663,7 +95236,7 @@ var ErrorBoundary = () => {
   let code = null;
   if (isFetchError(error)) {
     if (error.status === 401) {
-      return /* @__PURE__ */ jsx24(Navigate2, { to: "/login", state: { from: location }, replace: true });
+      return /* @__PURE__ */ jsx20(Navigate2, { to: "/login", state: { from: location }, replace: true });
     }
     code = error.status ?? null;
   }
@@ -95690,12 +95263,12 @@ var ErrorBoundary = () => {
       message = t2("errorBoundary.defaultMessage");
       break;
   }
-  return /* @__PURE__ */ jsx24("div", { className: "flex size-full min-h-[calc(100vh-57px-24px)] items-center justify-center", children: /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-y-6", children: /* @__PURE__ */ jsxs14("div", { className: "text-ui-fg-subtle flex flex-col items-center gap-y-3", children: [
-    /* @__PURE__ */ jsx24(ExclamationCircle, {}),
-    /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center justify-center gap-y-1", children: [
-      /* @__PURE__ */ jsx24(Text9, { size: "small", leading: "compact", weight: "plus", children: title }),
-      /* @__PURE__ */ jsx24(
-        Text9,
+  return /* @__PURE__ */ jsx20("div", { className: "flex size-full min-h-[calc(100vh-57px-24px)] items-center justify-center", children: /* @__PURE__ */ jsx20("div", { className: "flex flex-col gap-y-6", children: /* @__PURE__ */ jsxs12("div", { className: "text-ui-fg-subtle flex flex-col items-center gap-y-3", children: [
+    /* @__PURE__ */ jsx20(ExclamationCircle, {}),
+    /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center justify-center gap-y-1", children: [
+      /* @__PURE__ */ jsx20(Text8, { size: "small", leading: "compact", weight: "plus", children: title }),
+      /* @__PURE__ */ jsx20(
+        Text8,
         {
           size: "small",
           className: "text-ui-fg-muted text-balance text-center",
@@ -95707,10 +95280,192 @@ var ErrorBoundary = () => {
 };
 
 // src/dashboard-app/routes/get-route.map.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function mergeSettingsRouteChildren(settingsRoutes) {
   return settingsRoutes.filter((r) => r.path === "settings").flatMap((r) => r.children ?? []);
 }
+var defaultSettingsRouteChildren = [
+  {
+    path: "profile",
+    errorElement: /* @__PURE__ */ jsx21(ErrorBoundary, {}),
+    lazy: () => import("./profile-detail-YX27F7N6.mjs"),
+    handle: { breadcrumb: () => t("profile.domain") },
+    children: [
+      {
+        path: "edit",
+        lazy: () => import("./profile-edit-2VRDU75O.mjs")
+      }
+    ]
+  },
+  {
+    path: "users",
+    errorElement: /* @__PURE__ */ jsx21(ErrorBoundary, {}),
+    element: /* @__PURE__ */ jsx21(Outlet4, {}),
+    handle: { breadcrumb: () => t("users.domain") },
+    children: [
+      {
+        path: "",
+        lazy: () => import("./user-list-KNJ5S3IM.mjs"),
+        children: [
+          {
+            path: "invite",
+            lazy: () => import("./user-invite-E3FAAU3V.mjs")
+          }
+        ]
+      },
+      {
+        path: ":id",
+        lazy: async () => {
+          const { Component, Breadcrumb, loader } = await import("./user-detail-KUSRRVNX.mjs");
+          return {
+            Component,
+            loader,
+            handle: {
+              breadcrumb: (match) => /* @__PURE__ */ jsx21(Breadcrumb, { ...match })
+            }
+          };
+        },
+        children: [
+          { path: "edit", lazy: () => import("./user-edit-HTN3ZGCL.mjs") },
+          {
+            path: "metadata/edit",
+            lazy: () => import("./user-metadata-5GQK75DT.mjs")
+          }
+        ]
+      }
+    ]
+  },
+  {
+    path: "publishable-api-keys",
+    element: /* @__PURE__ */ jsx21(Outlet4, {}),
+    handle: { breadcrumb: () => t("apiKeyManagement.domain.publishable") },
+    children: [
+      {
+        path: "",
+        element: /* @__PURE__ */ jsx21(Outlet4, {}),
+        children: [
+          {
+            path: "",
+            lazy: () => import("./api-key-management-list-K2XPKF5E.mjs"),
+            children: [
+              {
+                path: "create",
+                lazy: () => import("./api-key-management-create-VWUERPPB.mjs")
+              }
+            ]
+          }
+        ]
+      },
+      {
+        path: ":id",
+        lazy: async () => {
+          const { Component, Breadcrumb, loader } = await import("./api-key-management-detail-V4ENQHYY.mjs");
+          return {
+            Component,
+            loader,
+            handle: {
+              breadcrumb: (match) => /* @__PURE__ */ jsx21(Breadcrumb, { ...match })
+            }
+          };
+        },
+        children: [
+          {
+            path: "edit",
+            lazy: () => import("./api-key-management-edit-R44OHS7B.mjs")
+          }
+        ]
+      }
+    ]
+  },
+  {
+    path: "secret-api-keys",
+    element: /* @__PURE__ */ jsx21(Outlet4, {}),
+    handle: { breadcrumb: () => t("apiKeyManagement.domain.secret") },
+    children: [
+      {
+        path: "",
+        element: /* @__PURE__ */ jsx21(Outlet4, {}),
+        children: [
+          {
+            path: "",
+            lazy: () => import("./api-key-management-list-K2XPKF5E.mjs"),
+            children: [
+              {
+                path: "create",
+                lazy: () => import("./api-key-management-create-VWUERPPB.mjs")
+              }
+            ]
+          }
+        ]
+      },
+      {
+        path: ":id",
+        lazy: async () => {
+          const { Component, Breadcrumb, loader } = await import("./api-key-management-detail-V4ENQHYY.mjs");
+          return {
+            Component,
+            loader,
+            handle: {
+              breadcrumb: (match) => /* @__PURE__ */ jsx21(Breadcrumb, { ...match })
+            }
+          };
+        },
+        children: [
+          {
+            path: "edit",
+            lazy: () => import("./api-key-management-edit-R44OHS7B.mjs")
+          }
+        ]
+      }
+    ]
+  },
+  {
+    path: "workflows",
+    errorElement: /* @__PURE__ */ jsx21(ErrorBoundary, {}),
+    element: /* @__PURE__ */ jsx21(Outlet4, {}),
+    handle: { breadcrumb: () => t("workflowExecutions.domain") },
+    children: [
+      {
+        path: "",
+        lazy: () => import("./workflow-execution-list-HQ3V6TML.mjs")
+      },
+      {
+        path: ":id",
+        lazy: async () => {
+          const { Component, Breadcrumb, loader } = await import("./workflow-execution-detail-LZXCRVNC.mjs");
+          return {
+            Component,
+            loader,
+            handle: {
+              breadcrumb: (match) => /* @__PURE__ */ jsx21(Breadcrumb, { ...match })
+            }
+          };
+        }
+      }
+    ]
+  },
+  {
+    path: "translations",
+    errorElement: /* @__PURE__ */ jsx21(ErrorBoundary, {}),
+    handle: { breadcrumb: () => t("translations.domain") },
+    children: [
+      {
+        path: "",
+        lazy: () => import("./translation-list-CCEQJNED.mjs"),
+        children: [
+          {
+            path: "settings",
+            lazy: () => import("./settings-3XWLL5LG.mjs")
+          }
+        ]
+      },
+      {
+        path: "edit",
+        lazy: () => import("./translations-edit-E57GVUFV.mjs")
+      }
+    ]
+  }
+];
 function getRouteMap({
   settingsRoutes,
   coreRoutes
@@ -95718,15 +95473,15 @@ function getRouteMap({
   const settingsPluginChildren = mergeSettingsRouteChildren(settingsRoutes);
   return [
     {
-      element: /* @__PURE__ */ jsx25(ProtectedRoute, {}),
-      errorElement: /* @__PURE__ */ jsx25(ErrorBoundary, {}),
+      element: /* @__PURE__ */ jsx21(ProtectedRoute, {}),
+      errorElement: /* @__PURE__ */ jsx21(ErrorBoundary, {}),
       children: [
         {
-          element: /* @__PURE__ */ jsx25(MainLayout, {}),
+          element: /* @__PURE__ */ jsx21(MainLayout, {}),
           children: [
             {
               path: "/",
-              errorElement: /* @__PURE__ */ jsx25(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ jsx21(ErrorBoundary, {}),
               lazy: () => import("./home-KNY6I2I2.mjs")
             },
             ...coreRoutes
@@ -95737,35 +95492,36 @@ function getRouteMap({
           handle: {
             breadcrumb: () => t("app.nav.settings.header")
           },
-          element: /* @__PURE__ */ jsx25(SettingsLayout, {}),
+          element: /* @__PURE__ */ jsx21(SettingsLayout, {}),
           children: [
             {
               index: true,
-              errorElement: /* @__PURE__ */ jsx25(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ jsx21(ErrorBoundary, {}),
               lazy: () => import("./settings-QPWN5OOD.mjs")
             },
+            ...defaultSettingsRouteChildren,
             ...settingsPluginChildren
           ]
         }
       ]
     },
     {
-      element: /* @__PURE__ */ jsx25(PublicLayout, {}),
+      element: /* @__PURE__ */ jsx21(PublicLayout, {}),
       children: [
         {
-          errorElement: /* @__PURE__ */ jsx25(ErrorBoundary, {}),
+          errorElement: /* @__PURE__ */ jsx21(ErrorBoundary, {}),
           children: [
             {
               path: "/login",
-              lazy: () => import("./login-AIMR26AL.mjs")
+              lazy: () => import("./login-GNP3QIPI.mjs")
             },
             {
               path: "/reset-password",
-              lazy: () => import("./reset-password-UQPRHMB3.mjs")
+              lazy: () => import("./reset-password-TWRNZO6Z.mjs")
             },
             {
               path: "/invite",
-              lazy: () => import("./invite-S5USGDOZ.mjs")
+              lazy: () => import("./invite-XGPZZBUP.mjs")
             },
             {
               path: "*",
@@ -95926,7 +95682,7 @@ function sortMenuItemsByRank(items) {
 }
 
 // src/dashboard-app/dashboard-app.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var OPTIONAL_LAST_SEGMENT_MATCH = /\/([^\/])+\?$/;
 var DashboardApp = class {
   constructor({ plugins }) {
@@ -96032,7 +95788,7 @@ var DashboardApp = class {
       const navItem = {
         label: item.label,
         to: item.path,
-        icon: item.icon ? /* @__PURE__ */ jsx26(item.icon, {}) : void 0,
+        icon: item.icon ? /* @__PURE__ */ jsx22(item.icon, {}) : void 0,
         items: [],
         nested: item.nested,
         rank: item.rank,
@@ -96242,7 +95998,7 @@ var DashboardApp = class {
     const router = createBrowserRouter(routes, {
       basename: __BASE__ || "/"
     });
-    return /* @__PURE__ */ jsx26(Providers, { api: this.api, children: /* @__PURE__ */ jsx26(RouterProvider, { router }) });
+    return /* @__PURE__ */ jsx22(Providers, { api: this.api, children: /* @__PURE__ */ jsx22(RouterProvider, { router }) });
   }
 };
 
@@ -96263,7 +96019,7 @@ import {
 } from "zod";
 
 // src/dashboard-app/forms/form-extension-zone/form-extension-zone.tsx
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 
 // src/dashboard-app/forms/hooks.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -96280,7 +96036,7 @@ import i18nModule from "virtual:acmekit/i18n";
 import menuItemModule from "virtual:acmekit/menu-items";
 import routeModule from "virtual:acmekit/routes";
 import widgetModule from "virtual:acmekit/widgets";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var localPlugin = {
   widgetModule,
   routeModule,
@@ -96293,7 +96049,7 @@ function App({ plugins = [] }) {
   const app = new DashboardApp({
     plugins: [localPlugin, ...plugins]
   });
-  return /* @__PURE__ */ jsx28("div", { children: app.render() });
+  return /* @__PURE__ */ jsx24("div", { children: app.render() });
 }
 var app_default = App;
 export {