@nextsparkjs/core 0.1.0-beta.13 → 0.1.0-beta.131

package/dist/components/dashboard/misc/SearchDropdown.js

@@ -2,10 +2,10 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback } from "react";
 import Link from "next/link";
-import { Input } from "../../ui/input";
-import { Button } from "../../ui/button";
-import { Badge } from "../../ui/badge";
-import { ScrollArea } from "../../ui/scroll-area";
+import { Input } from "../../ui/input.js";
+import { Button } from "../../ui/button.js";
+import { Badge } from "../../ui/badge.js";
+import { ScrollArea } from "../../ui/scroll-area.js";
 import {
   Search,
   X,
@@ -15,10 +15,10 @@ import {
   AlertCircle,
   ArrowRight
 } from "lucide-react";
-import { useEntitySearch } from "../../../hooks/useEntitySearch";
-import { formatSearchResult } from "../../../lib/search-highlighting";
-import { cn } from "../../../lib/utils";
-import { createTestId, createCyId, createAriaLabel } from "../../../lib/test";
+import { useEntitySearch } from "../../../hooks/useEntitySearch.js";
+import { formatSearchResult } from "../../../lib/search-highlighting.js";
+import { cn } from "../../../lib/utils/index.js";
+import { sel, createAriaLabel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";
 const getTypeIcon = (result) => {
   if (result.type === "entity") {
@@ -85,8 +85,7 @@ function SearchResultItem({ result, onSelect, searchQuery }) {
           limits: result.limitInfo ? ` (${result.limitInfo.current}/${result.limitInfo.max})` : ""
         }
       ),
-      ...createTestId("search", "result", "item") && { "data-testid": createTestId("search", "result", "item") },
-      ...createCyId("search", "result") && { "data-cy": createCyId("search", "result") },
+      "data-cy": sel("globalSearch.result"),
       "data-result-id": result.id,
       "data-result-type": result.type,
       "data-entity-type": result.entityType,
@@ -229,7 +228,6 @@ function SearchDropdown() {
         "aria-live": "polite",
         "aria-atomic": "true",
         className: "sr-only",
-        ...createTestId("search", "status", "message") && { "data-testid": createTestId("search", "status", "message") },
         children: statusMessage
       }
     ),
@@ -238,8 +236,6 @@ function SearchDropdown() {
       {
         className: "relative w-full",
         ref: dropdownRef,
-        ...createTestId("search", "container") && { "data-testid": createTestId("search", "container") },
-        ...createCyId("search", "dropdown") && { "data-cy": createCyId("search", "dropdown") },
         children: [
           /* @__PURE__ */ jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground", "aria-hidden": "true" }),
@@ -258,8 +254,7 @@ function SearchDropdown() {
                 "aria-owns": isOpen ? "search-results" : void 0,
                 "aria-autocomplete": "list",
                 "aria-label": t("search.label"),
-                ...createTestId("search", "input") && { "data-testid": createTestId("search", "input") },
-                ...createCyId("search", "input") && { "data-cy": createCyId("search", "input") }
+                "data-cy": sel("globalSearch.input")
               }
             ),
             !isEmpty && /* @__PURE__ */ jsx(
@@ -270,8 +265,6 @@ function SearchDropdown() {
                 className: "absolute right-1 top-1/2 transform -translate-y-1/2 h-7 w-7 p-0",
                 onClick: handleClose,
                 "aria-label": t("search.clear"),
-                ...createTestId("search", "clear", "button") && { "data-testid": createTestId("search", "clear", "button") },
-                ...createCyId("search", "clear") && { "data-cy": createCyId("search", "clear") },
                 children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3", "aria-hidden": "true" })
               }
             ),
@@ -284,8 +277,7 @@ function SearchDropdown() {
               id: "search-results",
               role: "listbox",
               "aria-label": t("search.results"),
-              ...createTestId("search", "dropdown", "content") && { "data-testid": createTestId("search", "dropdown", "content") },
-              ...createCyId("search", "results") && { "data-cy": createCyId("search", "results") },
+              "data-cy": sel("globalSearch.results"),
               children: [
                 /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-96", children: isSearching ? /* @__PURE__ */ jsxs("div", { className: "p-4 text-center", children: [
                   /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin mx-auto mb-2 text-muted-foreground" }),

package/dist/components/dashboard/mobile/MobileBottomNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileBottomNav.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/MobileBottomNav.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,eAAe,4CA4J9B"}
+{"version":3,"file":"MobileBottomNav.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/MobileBottomNav.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,eAAe,4CAwJ9B"}

package/dist/components/dashboard/mobile/MobileBottomNav.js

@@ -3,13 +3,13 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { useState } from "react";
-import { cn } from "../../../lib/utils";
-import { createTestId, createCyId } from "../../../lib/test";
+import { cn } from "../../../lib/utils/index.js";
+import { sel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";
-import { MobileMoreSheet } from "./MobileMoreSheet";
-import { QuickCreateSheet } from "./QuickCreateSheet";
-import { MOBILE_NAV_CONFIG } from "../../../lib/config/config-sync";
-import { getIcon } from "../../../lib/config/icon-map";
+import { MobileMoreSheet } from "./MobileMoreSheet.js";
+import { QuickCreateSheet } from "./QuickCreateSheet.js";
+import { MOBILE_NAV_CONFIG } from "../../../lib/config/config-sync.js";
+import { getIcon } from "../../../lib/config/icon-map.js";
 function MobileBottomNav() {
   const pathname = usePathname();
   const t = useTranslations();
@@ -44,8 +44,7 @@ function MobileBottomNav() {
         className: "lg:hidden fixed bottom-0 left-0 right-0 z-40 bg-background border-t border-border safe-area-bottom",
         role: "navigation",
         "aria-label": "Navegaci\xF3n m\xF3vil principal",
-        ...createTestId("mobile-bottomnav", "container") && { "data-testid": createTestId("mobile-bottomnav", "container") },
-        ...createCyId("mobile-bottomnav", "nav") && { "data-cy": createCyId("mobile-bottomnav", "nav") },
+        "data-cy": sel("dashboard.mobile.bottomNav.container"),
         children: /* @__PURE__ */ jsx("div", { className: "flex items-end justify-around px-2 pb-2 pt-1", children: navItems.map((item) => {
           const Icon = item.icon;
           const isActive = item.isActive;
@@ -60,8 +59,7 @@ function MobileBottomNav() {
                 ),
                 "aria-label": item.name,
                 "aria-current": isActive ? "page" : void 0,
-                ...createTestId("mobile-bottomnav", "item", item.id) && { "data-testid": createTestId("mobile-bottomnav", "item", item.id) },
-                ...createCyId("mobile-bottomnav", `item-${item.id}`) && { "data-cy": createCyId("mobile-bottomnav", `item-${item.id}`) },
+                "data-cy": sel("dashboard.mobile.bottomNav.item", { id: item.id }),
                 children: [
                   /* @__PURE__ */ jsx("div", { className: "absolute -top-6 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "bg-primary rounded-full p-4 shadow-lg hover:shadow-xl transition-shadow", children: /* @__PURE__ */ jsx(Icon, { className: "h-6 w-6 text-primary-foreground", "aria-hidden": "true" }) }) }),
                   /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-foreground mt-8", children: item.name })
@@ -102,8 +100,7 @@ function MobileBottomNav() {
                   "transition-all duration-200 hover:bg-accent/50 rounded-lg"
                 ),
                 "aria-label": item.name,
-                ...createTestId("mobile-bottomnav", "item", item.id) && { "data-testid": createTestId("mobile-bottomnav", "item", item.id) },
-                ...createCyId("mobile-bottomnav", `item-${item.id}`) && { "data-cy": createCyId("mobile-bottomnav", `item-${item.id}`) },
+                "data-cy": sel("dashboard.mobile.bottomNav.item", { id: item.id }),
                 children: content
               },
               item.id
@@ -119,8 +116,7 @@ function MobileBottomNav() {
               ),
               "aria-label": item.name,
               "aria-current": isActive ? "page" : void 0,
-              ...createTestId("mobile-bottomnav", "item", item.id) && { "data-testid": createTestId("mobile-bottomnav", "item", item.id) },
-              ...createCyId("mobile-bottomnav", `item-${item.id}`) && { "data-cy": createCyId("mobile-bottomnav", `item-${item.id}`) },
+              "data-cy": sel("dashboard.mobile.bottomNav.item", { id: item.id }),
               children: content
             },
             item.id

package/dist/components/dashboard/mobile/MobileMoreSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileMoreSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/MobileMoreSheet.tsx"],"names":[],"mappings":"AAwBA,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAWD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,oBAAoB,2CA8H7E"}
+{"version":3,"file":"MobileMoreSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/MobileMoreSheet.tsx"],"names":[],"mappings":"AAwBA,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAWD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,oBAAoB,2CAuH7E"}

package/dist/components/dashboard/mobile/MobileMoreSheet.js

@@ -1,24 +1,24 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useAuth } from "../../../hooks/useAuth";
+import { useAuth } from "../../../hooks/useAuth.js";
 import {
   Sheet,
   SheetContent,
   SheetHeader,
   SheetTitle,
   SheetDescription
-} from "../../ui/sheet";
-import { Button } from "../../ui/button";
-import { Separator } from "../../ui/separator";
+} from "../../ui/sheet.js";
+import { Button } from "../../ui/button.js";
+import { Separator } from "../../ui/separator.js";
 import Link from "next/link";
 import { Shield, LogOut } from "lucide-react";
-import { createTestId, createCyId } from "../../../lib/test";
-import { TeamSwitcherCompact } from "../../teams/TeamSwitcherCompact";
+import { sel } from "../../../lib/test/index.js";
+import { TeamSwitcherCompact } from "../../teams/TeamSwitcherCompact.js";
 import { useTranslations } from "next-intl";
-import { useIsSuperAdmin } from "../../app/guards/SuperAdminGuard";
+import { useIsSuperAdmin } from "../../app/guards/SuperAdminGuard.js";
 import { useState } from "react";
-import { MOBILE_NAV_CONFIG } from "../../../lib/config/config-sync";
-import { getIcon } from "../../../lib/config/icon-map";
+import { MOBILE_NAV_CONFIG } from "../../../lib/config/config-sync.js";
+import { getIcon } from "../../../lib/config/icon-map.js";
 function MobileMoreSheet({ isOpen, onOpenChange }) {
   const { user, signOut } = useAuth();
   const tCommon = useTranslations("common");
@@ -55,8 +55,7 @@ function MobileMoreSheet({ isOpen, onOpenChange }) {
     {
       side: "bottom",
       className: "rounded-t-[20px]",
-      ...createTestId("mobile-more-sheet", "content") && { "data-testid": createTestId("mobile-more-sheet", "content") },
-      ...createCyId("mobile-more-sheet", "content") && { "data-cy": createCyId("mobile-more-sheet", "content") },
+      "data-cy": sel("dashboard.mobile.moreSheet.container"),
       children: [
         /* @__PURE__ */ jsxs(SheetHeader, { children: [
           /* @__PURE__ */ jsx(SheetTitle, { children: tCommon("mobileNav.moreOptions") }),
@@ -73,8 +72,7 @@ function MobileMoreSheet({ isOpen, onOpenChange }) {
                 className: "flex items-center gap-3 px-4 py-3 rounded-lg hover:bg-accent transition-colors",
                 target: item.external ? "_blank" : void 0,
                 rel: item.external ? "noopener noreferrer" : void 0,
-                ...createTestId("mobile-more-sheet", "item", item.id) && { "data-testid": createTestId("mobile-more-sheet", "item", item.id) },
-                ...createCyId("mobile-more-sheet", `item-${item.id}`) && { "data-cy": createCyId("mobile-more-sheet", `item-${item.id}`) },
+                "data-cy": sel("dashboard.mobile.moreSheet.item", { id: item.id }),
                 children: [
                   /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5 text-muted-foreground", "aria-hidden": "true" }),
                   /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: item.label })
@@ -91,8 +89,7 @@ function MobileMoreSheet({ isOpen, onOpenChange }) {
                 href: "/superadmin",
                 onClick: handleLinkClick,
                 className: "flex items-center gap-3 px-4 py-3 rounded-lg hover:bg-red-50 text-red-600 transition-colors",
-                ...createTestId("mobile-more-sheet", "superadmin") && { "data-testid": createTestId("mobile-more-sheet", "superadmin") },
-                ...createCyId("mobile-more-sheet", "superadmin-link") && { "data-cy": createCyId("mobile-more-sheet", "superadmin-link") },
+                "data-cy": sel("dashboard.mobile.moreSheet.superadminLink"),
                 children: [
                   /* @__PURE__ */ jsx(Shield, { className: "h-5 w-5", "aria-hidden": "true" }),
                   /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Super Admin Panel" })
@@ -101,14 +98,7 @@ function MobileMoreSheet({ isOpen, onOpenChange }) {
             )
           ] }),
           /* @__PURE__ */ jsx(Separator, { className: "my-2" }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              ...createTestId("mobile-more-sheet", "team-switcher") && { "data-testid": createTestId("mobile-more-sheet", "team-switcher") },
-              ...createCyId("mobile-more-sheet", "team-switcher") && { "data-cy": createCyId("mobile-more-sheet", "team-switcher") },
-              children: /* @__PURE__ */ jsx(TeamSwitcherCompact, { className: "border-0 p-0" })
-            }
-          ),
+          /* @__PURE__ */ jsx("div", { "data-cy": sel("dashboard.mobile.moreSheet.teamSwitcher"), children: /* @__PURE__ */ jsx(TeamSwitcherCompact, { className: "border-0 p-0" }) }),
           /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
           /* @__PURE__ */ jsxs(
             Button,
@@ -117,8 +107,7 @@ function MobileMoreSheet({ isOpen, onOpenChange }) {
               onClick: handleSignOut,
               disabled: isSigningOut,
               className: "w-full justify-start gap-3 px-4 py-3 h-auto text-red-600 hover:text-red-700 hover:bg-red-50",
-              ...createTestId("mobile-more-sheet", "signout") && { "data-testid": createTestId("mobile-more-sheet", "signout") },
-              ...createCyId("mobile-more-sheet", "signout-button") && { "data-cy": createCyId("mobile-more-sheet", "signout-button") },
+              "data-cy": sel("dashboard.mobile.moreSheet.signoutButton"),
               children: [
                 /* @__PURE__ */ jsx(LogOut, { className: "h-5 w-5", "aria-hidden": "true" }),
                 /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: isSigningOut ? tCommon("buttons.signingOut") : tCommon("buttons.signOut") })

package/dist/components/dashboard/mobile/MobileTopBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileTopBar.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/MobileTopBar.tsx"],"names":[],"mappings":"AAaA,wBAAgB,YAAY,4CAuG3B"}
+{"version":3,"file":"MobileTopBar.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/MobileTopBar.tsx"],"names":[],"mappings":"AAaA,wBAAgB,YAAY,4CA6F3B"}

package/dist/components/dashboard/mobile/MobileTopBar.js

@@ -2,11 +2,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import Image from "next/image";
-import { useAuth } from "../../../hooks/useAuth";
-import { ThemeToggle } from "../../app/misc/ThemeToggle";
-import { NotificationsDropdown } from "../misc/NotificationsDropdown";
-import { createTestId, createCyId } from "../../../lib/test";
-import { isTopbarFeatureEnabled } from "../../../lib/config";
+import { useAuth } from "../../../hooks/useAuth.js";
+import { ThemeToggle } from "../../app/misc/ThemeToggle.js";
+import { NotificationsDropdown } from "../misc/NotificationsDropdown.js";
+import { sel } from "../../../lib/test/index.js";
+import { isTopbarFeatureEnabled } from "../../../lib/config/index.js";
 import { useTranslations } from "next-intl";
 function MobileTopBar() {
   const { user } = useAuth();
@@ -44,8 +44,7 @@ function MobileTopBar() {
       className: "lg:hidden fixed top-0 left-0 right-0 z-40 bg-background border-b border-border",
       role: "banner",
       "aria-label": "Barra de navegaci\xF3n m\xF3vil superior",
-      ...createTestId("mobile-topbar", "container") && { "data-testid": createTestId("mobile-topbar", "container") },
-      ...createCyId("mobile-topbar", "header") && { "data-cy": createCyId("mobile-topbar", "header") },
+      "data-cy": sel("dashboard.mobile.topbar.container"),
       children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 h-14", children: [
         /* @__PURE__ */ jsxs(
           Link,
@@ -53,8 +52,7 @@ function MobileTopBar() {
             href: "/dashboard/settings/profile",
             className: "flex items-center gap-3 hover:opacity-80 transition-opacity",
             "aria-label": `Ir al perfil de ${user.firstName || user.email}`,
-            ...createTestId("mobile-topbar", "user", "link") && { "data-testid": createTestId("mobile-topbar", "user", "link") },
-            ...createCyId("mobile-topbar", "user-profile") && { "data-cy": createCyId("mobile-topbar", "user-profile") },
+            "data-cy": sel("dashboard.mobile.topbar.userProfile"),
             children: [
               user.image ? /* @__PURE__ */ jsx(
                 Image,
@@ -63,8 +61,7 @@ function MobileTopBar() {
                   alt: "",
                   width: 40,
                   height: 40,
-                  className: "h-10 w-10 rounded-full object-cover border-2 border-border",
-                  ...createTestId("mobile-topbar", "user", "avatar") && { "data-testid": createTestId("mobile-topbar", "user", "avatar") }
+                  className: "h-10 w-10 rounded-full object-cover border-2 border-border"
                 }
               ) : /* @__PURE__ */ jsx(
                 "div",
@@ -72,7 +69,6 @@ function MobileTopBar() {
                   className: `h-10 w-10 rounded-full flex items-center justify-center text-white text-sm font-semibold border-2 border-border ${getAvatarColor(user.email)}`,
                   role: "img",
                   "aria-label": `Avatar de ${user.firstName || user.email}`,
-                  ...createTestId("mobile-topbar", "user", "avatar") && { "data-testid": createTestId("mobile-topbar", "user", "avatar") },
                   children: getUserInitials(user)
                 }
               ),
@@ -83,22 +79,8 @@ function MobileTopBar() {
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          isTopbarFeatureEnabled("notifications") && /* @__PURE__ */ jsx(
-            "div",
-            {
-              ...createTestId("mobile-topbar", "notifications") && { "data-testid": createTestId("mobile-topbar", "notifications") },
-              ...createCyId("mobile-topbar", "notifications") && { "data-cy": createCyId("mobile-topbar", "notifications") },
-              children: /* @__PURE__ */ jsx(NotificationsDropdown, {})
-            }
-          ),
-          isTopbarFeatureEnabled("themeToggle") && /* @__PURE__ */ jsx(
-            "div",
-            {
-              ...createTestId("mobile-topbar", "theme", "toggle") && { "data-testid": createTestId("mobile-topbar", "theme", "toggle") },
-              ...createCyId("mobile-topbar", "theme-toggle") && { "data-cy": createCyId("mobile-topbar", "theme-toggle") },
-              children: /* @__PURE__ */ jsx(ThemeToggle, {})
-            }
-          )
+          isTopbarFeatureEnabled("notifications") && /* @__PURE__ */ jsx("div", { "data-cy": sel("dashboard.mobile.topbar.notifications"), children: /* @__PURE__ */ jsx(NotificationsDropdown, {}) }),
+          isTopbarFeatureEnabled("themeToggle") && /* @__PURE__ */ jsx("div", { "data-cy": sel("dashboard.mobile.topbar.themeToggle"), children: /* @__PURE__ */ jsx(ThemeToggle, {}) })
         ] })
       ] })
     }

package/dist/components/dashboard/mobile/QuickCreateSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuickCreateSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/QuickCreateSheet.tsx"],"names":[],"mappings":"AAeA,UAAU,qBAAqB;IAC7B,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,qBAAqB,2CAgE/E"}
+{"version":3,"file":"QuickCreateSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/mobile/QuickCreateSheet.tsx"],"names":[],"mappings":"AAeA,UAAU,qBAAqB;IAC7B,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,qBAAqB,2CA8D/E"}

package/dist/components/dashboard/mobile/QuickCreateSheet.js

@@ -6,11 +6,11 @@ import {
   SheetHeader,
   SheetTitle,
   SheetDescription
-} from "../../ui/sheet";
+} from "../../ui/sheet.js";
 import Link from "next/link";
 import { Loader2 } from "lucide-react";
-import { useQuickCreateEntities } from "../../../hooks/useQuickCreateEntities";
-import { createTestId, createCyId } from "../../../lib/test";
+import { useQuickCreateEntities } from "../../../hooks/useQuickCreateEntities.js";
+import { sel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";
 function QuickCreateSheet({ isOpen, onOpenChange }) {
   const t = useTranslations();
@@ -23,8 +23,7 @@ function QuickCreateSheet({ isOpen, onOpenChange }) {
     {
       side: "bottom",
       className: "rounded-t-[20px]",
-      ...createTestId("mobile-quick-create-sheet", "content") && { "data-testid": createTestId("mobile-quick-create-sheet", "content") },
-      ...createCyId("mobile-quick-create-sheet", "content") && { "data-cy": createCyId("mobile-quick-create-sheet", "content") },
+      "data-cy": sel("dashboard.mobile.quickCreateSheet.container"),
       children: [
         /* @__PURE__ */ jsxs(SheetHeader, { children: [
           /* @__PURE__ */ jsx(SheetTitle, { children: t("common.mobileNav.create") }),
@@ -42,8 +41,7 @@ function QuickCreateSheet({ isOpen, onOpenChange }) {
                 href: `/dashboard/${entity.slug}/create`,
                 onClick: handleLinkClick,
                 className: "flex items-center gap-3 px-4 py-3 rounded-lg hover:bg-accent transition-colors",
-                ...createTestId("mobile-quick-create-sheet", "item", entity.slug) && { "data-testid": createTestId("mobile-quick-create-sheet", "item", entity.slug) },
-                ...createCyId("mobile-quick-create-sheet", `item-${entity.slug}`) && { "data-cy": createCyId("mobile-quick-create-sheet", `item-${entity.slug}`) },
+                "data-cy": sel("dashboard.mobile.quickCreateSheet.item", { slug: entity.slug }),
                 children: [
                   /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5 text-muted-foreground", "aria-hidden": "true" }),
                   /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [

package/dist/components/dashboard/mobile/index.js

@@ -1,7 +1,7 @@
-import { MobileBottomNav } from "./MobileBottomNav";
-import { MobileMoreSheet } from "./MobileMoreSheet";
-import { MobileTopBar } from "./MobileTopBar";
-import { QuickCreateSheet } from "./QuickCreateSheet";
+import { MobileBottomNav } from "./MobileBottomNav.js";
+import { MobileMoreSheet } from "./MobileMoreSheet.js";
+import { MobileTopBar } from "./MobileTopBar.js";
+import { QuickCreateSheet } from "./QuickCreateSheet.js";
 export {
   MobileBottomNav,
   MobileMoreSheet,

package/dist/components/dashboard/navigation/DynamicNavigation.d.ts

@@ -2,9 +2,10 @@ import type { SerializableEntityConfig } from '../../../lib/entities/serializati
 interface DynamicNavigationProps {
     className?: string;
     isMobile?: boolean;
+    isCollapsed?: boolean;
     onItemClick?: () => void;
     entities: SerializableEntityConfig[];
 }
-export declare function DynamicNavigation({ className, isMobile, onItemClick, entities }: DynamicNavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare function DynamicNavigation({ className, isMobile, isCollapsed, onItemClick, entities }: DynamicNavigationProps): import("react/jsx-runtime").JSX.Element;
 export default DynamicNavigation;
 //# sourceMappingURL=DynamicNavigation.d.ts.map

package/dist/components/dashboard/navigation/DynamicNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/navigation/DynamicNavigation.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AA0BnF,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,wBAAwB,EAAE,CAAA;CACrC;AAyGD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAgB,EAChB,WAAW,EACX,QAAQ,EACT,EAAE,sBAAsB,2CAoGxB;AAgDD,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"DynamicNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/navigation/DynamicNavigation.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AA0BnF,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,wBAAwB,EAAE,CAAA;CACrC;AAwHD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAgB,EAChB,WAAmB,EACnB,WAAW,EACX,QAAQ,EACT,EAAE,sBAAsB,2CAyFxB;AAwDD,eAAe,iBAAiB,CAAA"}

package/dist/components/dashboard/navigation/DynamicNavigation.js

@@ -4,13 +4,13 @@ var _a;
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { useMemo } from "react";
-import { cn } from "../../../lib/utils";
+import { cn } from "../../../lib/utils/index.js";
 import { useTranslations } from "next-intl";
-import { createCyId } from "../../../lib/test";
-import { Home } from "lucide-react";
+import { sel } from "../../../lib/test/index.js";
+import { Home, Camera } from "lucide-react";
 import * as Icons from "lucide-react";
 import { THEME_REGISTRY } from "@nextsparkjs/registries/theme-registry";
-import { usePermission } from "../../../lib/permissions/hooks";
+import { usePermission } from "../../../lib/permissions/hooks.js";
 const activeTheme = process.env.NEXT_PUBLIC_ACTIVE_THEME || "default";
 const themeConfig = THEME_REGISTRY[activeTheme];
 const customSidebarSections = ((_a = themeConfig == null ? void 0 : themeConfig.appConfig) == null ? void 0 : _a.customSidebarSections) || [];
@@ -20,6 +20,12 @@ const coreItems = [
     href: "/dashboard",
     icon: Home,
     descriptionKey: "dashboard"
+  },
+  {
+    name: "media",
+    href: "/dashboard/media",
+    icon: Camera,
+    descriptionKey: "media"
   }
 ];
 const labelMappings = {
@@ -35,6 +41,7 @@ function SectionWithPermission({
   section,
   pathname,
   isMobile,
+  isCollapsed = false,
   onItemClick,
   t
 }) {
@@ -47,18 +54,19 @@ function SectionWithPermission({
   const normalizeKey = (key) => key.startsWith("common.") ? key.slice(7) : key;
   const normalizedSectionKey = normalizeKey(section.labelKey);
   const sectionLabel = t(normalizedSectionKey) || labelMappings[section.labelKey] || section.id;
-  return /* @__PURE__ */ jsxs("div", { className: "mb-4", "data-cy": createCyId("nav", `section-${section.id}`), children: [
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs("div", { className: "mb-4", "data-cy": sel("dashboard.navigation.section", { id: section.id }), children: [
+    !isCollapsed && /* @__PURE__ */ jsxs(
       "div",
       {
         className: "px-3 py-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider flex items-center gap-2",
-        "data-cy": createCyId("nav", `section-label-${section.id}`),
+        "data-cy": sel("dashboard.navigation.sectionLabel", { id: section.id }),
         children: [
           /* @__PURE__ */ jsx(SectionIcon, { className: "h-3 w-3" }),
           /* @__PURE__ */ jsx("span", { children: sectionLabel })
         ]
       }
     ),
+    isCollapsed && /* @__PURE__ */ jsx("div", { className: "my-2 mx-3 border-t border-border", "aria-hidden": "true" }),
     /* @__PURE__ */ jsx("div", { className: "space-y-1", children: section.items.map((item) => {
       const ItemIcon = Icons[item.icon] || Icons.Circle;
       const isActive = pathname === item.href || pathname.startsWith(item.href + "/");
@@ -70,15 +78,17 @@ function SectionWithPermission({
           href: item.href,
           onClick: onItemClick,
           className: cn(
-            "flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+            "flex items-center rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+            isCollapsed ? "justify-center" : "gap-3",
             isActive ? "bg-secondary text-foreground" : "text-muted-foreground hover:bg-secondary/50 hover:text-foreground",
             isMobile && "w-full"
           ),
           "aria-current": isActive ? "page" : void 0,
-          "data-cy": createCyId("nav", `section-item-${section.id}-${item.id}`),
+          title: isCollapsed ? itemLabel : void 0,
+          "data-cy": sel("dashboard.navigation.sectionItem", { sectionId: section.id, itemId: item.id }),
           children: [
             /* @__PURE__ */ jsx(ItemIcon, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { className: "truncate", children: itemLabel })
+            !isCollapsed && /* @__PURE__ */ jsx("span", { className: "truncate", children: itemLabel })
           ]
         },
         item.id
@@ -89,37 +99,26 @@ function SectionWithPermission({
 function DynamicNavigation({
   className,
   isMobile = false,
+  isCollapsed = false,
   onItemClick,
   entities
 }) {
-  var _a2, _b;
   const pathname = usePathname();
   const t = useTranslations("navigation");
   const hasCustomSections = customSidebarSections.length > 0;
-  console.log("[DynamicNavigation] entities count:", entities == null ? void 0 : entities.length);
-  if ((entities == null ? void 0 : entities.length) > 0) {
-    console.log("[DynamicNavigation] First entity:", {
-      slug: entities[0].slug,
-      enabled: entities[0].enabled,
-      hasUi: !!entities[0].ui,
-      ui: entities[0].ui,
-      showInMenu: (_b = (_a2 = entities[0].ui) == null ? void 0 : _a2.dashboard) == null ? void 0 : _b.showInMenu
-    });
-  }
   const enabledEntities = useMemo(
     () => entities.filter((entity) => {
-      var _a3, _b2;
-      return (entity == null ? void 0 : entity.enabled) && ((_b2 = (_a3 = entity == null ? void 0 : entity.ui) == null ? void 0 : _a3.dashboard) == null ? void 0 : _b2.showInMenu);
+      var _a2, _b;
+      return (entity == null ? void 0 : entity.enabled) && ((_b = (_a2 = entity == null ? void 0 : entity.ui) == null ? void 0 : _a2.dashboard) == null ? void 0 : _b.showInMenu);
     }),
     [entities]
   );
-  console.log("[DynamicNavigation] enabledEntities count:", enabledEntities == null ? void 0 : enabledEntities.length);
   const entityItems = useMemo(
     () => enabledEntities.map((entity) => {
-      var _a3;
+      var _a2;
       const icon = Icons[entity.iconName] || Icons.Box;
       return {
-        name: ((_a3 = entity.names) == null ? void 0 : _a3.plural) || entity.slug,
+        name: ((_a2 = entity.names) == null ? void 0 : _a2.plural) || entity.slug,
         href: `/dashboard/${entity.slug}`,
         icon
       };
@@ -131,22 +130,24 @@ function DynamicNavigation({
     []
   );
   if (hasCustomSections) {
-    return /* @__PURE__ */ jsxs("nav", { className: cn("space-y-1", className), "data-cy": createCyId("nav", "main"), children: [
+    return /* @__PURE__ */ jsxs("nav", { className: cn("space-y-1", className), "data-cy": sel("dashboard.navigation.container"), children: [
       /* @__PURE__ */ jsxs(
         Link,
         {
           href: "/dashboard",
           onClick: onItemClick,
           className: cn(
-            "flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors mb-4",
+            "flex items-center rounded-lg px-3 py-2 text-sm font-medium transition-colors mb-4",
+            isCollapsed ? "justify-center" : "gap-3",
             pathname === "/dashboard" ? "bg-secondary text-foreground" : "text-muted-foreground hover:bg-secondary/50 hover:text-foreground",
             isMobile && "w-full"
           ),
           "aria-current": pathname === "/dashboard" ? "page" : void 0,
-          "data-cy": createCyId("nav", "link-dashboard"),
+          title: isCollapsed ? t("navigation.dashboard") : void 0,
+          "data-cy": sel("dashboard.navigation.dashboardLink"),
           children: [
             /* @__PURE__ */ jsx(Home, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { className: "truncate", children: t("navigation.dashboard") })
+            !isCollapsed && /* @__PURE__ */ jsx("span", { className: "truncate", children: t("navigation.dashboard") })
           ]
         }
       ),
@@ -156,6 +157,7 @@ function DynamicNavigation({
           section,
           pathname,
           isMobile,
+          isCollapsed,
           onItemClick,
           t
         },
@@ -164,13 +166,14 @@ function DynamicNavigation({
     ] });
   }
   const navigationItems = [...coreItems, ...entityItems];
-  return /* @__PURE__ */ jsx("nav", { className: cn("space-y-1", className), "data-cy": createCyId("nav", "main"), children: navigationItems.map((item) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("nav", { className: cn("space-y-1", className), "data-cy": sel("dashboard.navigation.container"), children: navigationItems.map((item) => /* @__PURE__ */ jsx(
     NavigationLink,
     {
       item,
       pathname,
       t,
       isMobile,
+      isCollapsed,
       onItemClick
     },
     item.name
@@ -181,27 +184,31 @@ function NavigationLink({
   pathname,
   t,
   isMobile = false,
+  isCollapsed = false,
   onItemClick
 }) {
   const Icon = item.icon;
   const isActive = pathname === item.href || pathname.startsWith(item.href + "/");
   const label = item.descriptionKey ? t(item.descriptionKey, { defaultValue: item.name }) : item.name;
   const cySlug = item.name.toLowerCase().replace(/\s+/g, "-");
+  const dataCyId = cySlug === "dashboard" ? sel("dashboard.navigation.dashboardLink") : sel("dashboard.navigation.entityLink", { slug: cySlug });
   return /* @__PURE__ */ jsxs(
     Link,
     {
       href: item.href,
       onClick: onItemClick,
       className: cn(
-        "flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+        "flex items-center rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+        isCollapsed ? "justify-center" : "gap-3",
         isActive ? "bg-secondary text-foreground" : "text-muted-foreground hover:bg-secondary/50 hover:text-foreground",
         isMobile && "w-full"
       ),
       "aria-current": isActive ? "page" : void 0,
-      "data-cy": createCyId("nav", `link-entity-${cySlug}`),
+      title: isCollapsed ? label : void 0,
+      "data-cy": dataCyId,
       children: [
         /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+        !isCollapsed && /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
       ]
     }
   );