@nextsparkjs/core 0.1.0-beta.19 → 0.1.0-beta.191

package/dist/components/api/keys/ApiKeyDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeyDisplay.d.ts","sourceRoot":"","sources":["../../../../src/components/api/keys/ApiKeyDisplay.tsx"],"names":[],"mappings":"AAWA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CA0KtF"}
+{"version":3,"file":"ApiKeyDisplay.d.ts","sourceRoot":"","sources":["../../../../src/components/api/keys/ApiKeyDisplay.tsx"],"names":[],"mappings":"AAWA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CAwKtF"}

package/dist/components/api/keys/ApiKeyDisplay.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Button } from "../../ui/button";
-import { Input } from "../../ui/input";
-import { Alert, AlertDescription } from "../../ui/alert";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../ui/card";
+import { Button } from "../../ui/button.js";
+import { Input } from "../../ui/input.js";
+import { Alert, AlertDescription } from "../../ui/alert.js";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../ui/card.js";
 import { Copy, Eye, EyeOff, CheckCircle, AlertTriangle, X } from "lucide-react";
 import { toast } from "sonner";
-import { createCyId } from "../../../lib/test";
+import { sel } from "../../../lib/test/index.js";
 function ApiKeyDisplay({ apiKey, keyName, warning, onClose }) {
   const [isVisible, setIsVisible] = useState(false);
   const [copied, setCopied] = useState(false);
@@ -22,28 +22,28 @@ function ApiKeyDisplay({ apiKey, keyName, warning, onClose }) {
     }
   };
   const maskedKey = apiKey.substring(0, 16) + "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
-  return /* @__PURE__ */ jsxs(Card, { className: "border-green-200 bg-green-50", "data-cy": createCyId("api-keys", "display"), children: [
+  return /* @__PURE__ */ jsxs(Card, { className: "border-green-200 bg-green-50", "data-cy": sel("settings.apiKeys.newKeyDisplay.container"), children: [
     /* @__PURE__ */ jsxs(CardHeader, { children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(CheckCircle, { className: "h-5 w-5 text-green-600" }),
-          /* @__PURE__ */ jsx(CardTitle, { className: "text-green-800", "data-cy": createCyId("api-keys", "display-title"), children: "API Key creada exitosamente" })
+          /* @__PURE__ */ jsx(CardTitle, { className: "text-green-800", children: "API Key created successfully" })
         ] }),
-        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, "data-cy": createCyId("api-keys", "display-close"), children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
       ] }),
-      keyName && /* @__PURE__ */ jsx(CardDescription, { className: "text-green-700", "data-cy": createCyId("api-keys", "display-name"), children: keyName })
+      keyName && /* @__PURE__ */ jsx(CardDescription, { className: "text-green-700", children: keyName })
     ] }),
     /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
-      warning && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", "data-cy": createCyId("api-keys", "display-warning"), children: [
+      warning && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
         /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4" }),
         /* @__PURE__ */ jsxs(AlertDescription, { children: [
-          /* @__PURE__ */ jsx("strong", { children: "\xA1Importante!" }),
+          /* @__PURE__ */ jsx("strong", { children: "Important!" }),
           " ",
           warning
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-green-800", children: "Tu nueva API Key:" }),
+        /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-green-800", children: "Your new API Key:" }),
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
             /* @__PURE__ */ jsx(
@@ -52,8 +52,7 @@ function ApiKeyDisplay({ apiKey, keyName, warning, onClose }) {
                 type: isVisible ? "text" : "password",
                 value: isVisible ? apiKey : maskedKey,
                 readOnly: true,
-                className: "font-mono text-sm pr-10",
-                "data-cy": createCyId("api-keys", "display-value")
+                className: "font-mono text-sm pr-10"
               }
             ),
             /* @__PURE__ */ jsx(
@@ -64,7 +63,6 @@ function ApiKeyDisplay({ apiKey, keyName, warning, onClose }) {
                 size: "sm",
                 className: "absolute right-1 top-1 h-8 w-8 p-0",
                 onClick: () => setIsVisible(!isVisible),
-                "data-cy": createCyId("api-keys", "display-toggle"),
                 children: isVisible ? /* @__PURE__ */ jsx(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" })
               }
             )
@@ -75,32 +73,32 @@ function ApiKeyDisplay({ apiKey, keyName, warning, onClose }) {
               onClick: copyToClipboard,
               variant: copied ? "default" : "outline",
               className: "shrink-0",
-              "data-cy": createCyId("api-keys", "display-copy"),
+              "data-cy": sel("settings.apiKeys.newKeyDisplay.copyButton"),
               children: [
                 /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4 mr-2" }),
-                copied ? "Copiado!" : "Copiar"
+                copied ? "Copied!" : "Copy"
               ]
             }
           )
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-green-800", children: "C\xF3mo usar tu API Key:" }),
+        /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-green-800", children: "How to use your API Key:" }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-sm", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("strong", { children: "1. Incluye la API key en el header Authorization:" }),
+            /* @__PURE__ */ jsx("strong", { children: "1. Include the API key in the Authorization header:" }),
             /* @__PURE__ */ jsxs("div", { className: "mt-1 p-2 bg-gray-100 rounded font-mono text-xs overflow-x-auto", children: [
               "Authorization: Bearer ",
               isVisible ? apiKey : "sk_live_\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("strong", { children: "2. Ejemplo con curl:" }),
+            /* @__PURE__ */ jsx("strong", { children: "2. Example with curl:" }),
             /* @__PURE__ */ jsx("div", { className: "mt-1 p-2 bg-gray-100 rounded font-mono text-xs overflow-x-auto", children: `curl -H "Authorization: Bearer ${isVisible ? apiKey : "YOUR_API_KEY"}" \\
      https://yourapp.com/api/v1/users` })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("strong", { children: "3. Ejemplo con JavaScript:" }),
+            /* @__PURE__ */ jsx("strong", { children: "3. Example with JavaScript:" }),
             /* @__PURE__ */ jsx("div", { className: "mt-1 p-2 bg-gray-100 rounded font-mono text-xs overflow-x-auto", children: `fetch('/api/v1/users', {
   headers: {
     'Authorization': 'Bearer ${isVisible ? apiKey : "YOUR_API_KEY"}',
@@ -111,20 +109,20 @@ function ApiKeyDisplay({ apiKey, keyName, warning, onClose }) {
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-green-800", children: "Consejos de seguridad:" }),
+        /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-green-800", children: "Security tips:" }),
         /* @__PURE__ */ jsxs("ul", { className: "text-sm text-green-700 space-y-1 list-disc list-inside", children: [
-          /* @__PURE__ */ jsx("li", { children: "Nunca compartas tu API key p\xFAblicamente" }),
-          /* @__PURE__ */ jsx("li", { children: "Gu\xE1rdala como variable de entorno en tu aplicaci\xF3n" }),
-          /* @__PURE__ */ jsx("li", { children: "Revoca la key inmediatamente si crees que est\xE1 comprometida" }),
-          /* @__PURE__ */ jsx("li", { children: "Usa HTTPS siempre al hacer requests a la API" })
+          /* @__PURE__ */ jsx("li", { children: "Never share your API key publicly" }),
+          /* @__PURE__ */ jsx("li", { children: "Store it as an environment variable in your application" }),
+          /* @__PURE__ */ jsx("li", { children: "Revoke the key immediately if you think it's compromised" }),
+          /* @__PURE__ */ jsx("li", { children: "Always use HTTPS when making requests to the API" })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "p-3 bg-blue-50 rounded-lg border border-blue-200", children: [
-        /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-blue-800 mb-1", children: "L\xEDmites de la API:" }),
+        /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-blue-800 mb-1", children: "API limits:" }),
         /* @__PURE__ */ jsxs("div", { className: "text-sm text-blue-700 space-y-1", children: [
-          /* @__PURE__ */ jsx("div", { children: "\u2022 1,000 requests por minuto" }),
-          /* @__PURE__ */ jsx("div", { children: "\u2022 Headers de rate limiting incluidos en respuestas" }),
-          /* @__PURE__ */ jsx("div", { children: "\u2022 Documentaci\xF3n completa disponible en /docs" })
+          /* @__PURE__ */ jsx("div", { children: "\u2022 1,000 requests per minute" }),
+          /* @__PURE__ */ jsx("div", { children: "\u2022 Rate limiting headers included in responses" }),
+          /* @__PURE__ */ jsx("div", { children: "\u2022 Full documentation available at /docs" })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-2", children: [
@@ -136,11 +134,11 @@ function ApiKeyDisplay({ apiKey, keyName, warning, onClose }) {
             className: "flex-1",
             children: [
               /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4 mr-2" }),
-              copied ? "API Key Copiada!" : "Copiar API Key"
+              copied ? "API Key Copied!" : "Copy API Key"
             ]
           }
         ),
-        /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "outline", children: "Entendido" })
+        /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "outline", children: "Got it" })
       ] })
     ] })
   ] });

package/dist/components/api/keys/CreateApiKeyDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateApiKeyDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/api/keys/CreateApiKeyDialog.tsx"],"names":[],"mappings":"AA+BA,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC3G;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAkRvF"}
+{"version":3,"file":"CreateApiKeyDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/api/keys/CreateApiKeyDialog.tsx"],"names":[],"mappings":"AAgCA,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC3G;AAuBD,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAkRvF"}

package/dist/components/api/keys/CreateApiKeyDialog.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { useMutation } from "@tanstack/react-query";
-import { Button } from "../../ui/button";
-import { Input } from "../../ui/input";
-import { Label } from "../../ui/label";
-import { Checkbox } from "../../ui/checkbox";
+import { Button } from "../../ui/button.js";
+import { Input } from "../../ui/input.js";
+import { Label } from "../../ui/label.js";
+import { Checkbox } from "../../ui/checkbox.js";
 import {
   Dialog,
   DialogContent,
@@ -13,29 +13,46 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "../../ui/dialog";
+} from "../../ui/dialog.js";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "../../ui/select";
-import { Alert, AlertDescription } from "../../ui/alert";
-import { Badge } from "../../ui/badge";
-import { Separator } from "../../ui/separator";
+} from "../../ui/select.js";
+import { Alert, AlertDescription } from "../../ui/alert.js";
+import { Badge } from "../../ui/badge.js";
+import { Separator } from "../../ui/separator.js";
 import { AlertTriangle, Info } from "lucide-react";
 import { toast } from "sonner";
-import { API_SCOPES, SCOPE_CATEGORIES } from "../../../lib/api/keys";
-import { createCyId } from "../../../lib/test";
+import { SCOPE_CATEGORIES, getApiScopes, getAppApiScopes } from "../../../lib/api/keys.js";
+import { sel } from "../../../lib/test/index.js";
+import { withBasePath } from "../../../lib/base-path.js";
+function useScopeCatalogue() {
+  return useMemo(() => {
+    const appScopes = Object.keys(getAppApiScopes());
+    if (appScopes.length === 0) return SCOPE_CATEGORIES;
+    return {
+      ...SCOPE_CATEGORIES,
+      app: {
+        name: "Application",
+        description: "Scopes this application defines for its own routes",
+        scopes: appScopes
+      }
+    };
+  }, []);
+}
 function CreateApiKeyDialog({ open, onClose, onSuccess }) {
   const [name, setName] = useState("");
   const [selectedScopes, setSelectedScopes] = useState([]);
+  const scopeCatalogue = useScopeCatalogue();
+  const scopeLabels = useMemo(() => getApiScopes(), []);
   const [expiresAt, setExpiresAt] = useState("");
   const [expiryOption, setExpiryOption] = useState("never");
   const createApiKey = useMutation({
     mutationFn: async (data) => {
-      const response = await fetch("/api/v1/api-keys", {
+      const response = await fetch(withBasePath("/api/v1/api-keys"), {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(data)
@@ -116,37 +133,37 @@ function CreateApiKeyDialog({ open, onClose, onSuccess }) {
   const isCategoryPartiallySelected = (categoryScopes) => {
     return categoryScopes.some((scope) => selectedScopes.includes(scope)) && !isCategoryFullySelected(categoryScopes);
   };
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-2xl max-h-[90vh] overflow-y-auto", "data-cy": createCyId("api-keys", "dialog"), children: [
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-2xl max-h-[90vh] overflow-y-auto", "data-cy": sel("settings.apiKeys.createDialog.container"), children: [
     /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { "data-cy": createCyId("api-keys", "dialog-title"), children: "Crear nueva API Key" }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: "Crea una API key para acceder a los endpoints externos de forma segura." })
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Create new API Key" }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: "Create an API key to securely access the external endpoints." })
     ] }),
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", "data-cy": createCyId("api-keys", "dialog-form"), children: [
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: "Nombre de la API Key" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: "API Key Name" }),
         /* @__PURE__ */ jsx(
           Input,
           {
             id: "name",
             value: name,
             onChange: (e) => setName(e.target.value),
-            placeholder: "ej. Mi aplicaci\xF3n m\xF3vil",
+            placeholder: "e.g. My mobile app",
             maxLength: 100,
-            "data-cy": createCyId("api-keys", "dialog-name")
+            "data-cy": sel("settings.apiKeys.createDialog.nameInput")
           }
         ),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Un nombre descriptivo para identificar esta API key" })
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "A descriptive name to identify this API key" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx(Label, { children: "Expiraci\xF3n" }),
+        /* @__PURE__ */ jsx(Label, { children: "Expiration" }),
         /* @__PURE__ */ jsxs(Select, { value: expiryOption, onValueChange: (value) => setExpiryOption(value), children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { "data-cy": createCyId("api-keys", "dialog-expiration"), children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsxs(SelectContent, { "data-cy": createCyId("api-keys", "dialog-expiration-options"), children: [
-            /* @__PURE__ */ jsx(SelectItem, { value: "never", "data-cy": createCyId("api-keys", "dialog-expiration-never"), children: "Nunca expira" }),
-            /* @__PURE__ */ jsx(SelectItem, { value: "30d", "data-cy": createCyId("api-keys", "dialog-expiration-30d"), children: "30 d\xEDas" }),
-            /* @__PURE__ */ jsx(SelectItem, { value: "90d", "data-cy": createCyId("api-keys", "dialog-expiration-90d"), children: "90 d\xEDas" }),
-            /* @__PURE__ */ jsx(SelectItem, { value: "1y", "data-cy": createCyId("api-keys", "dialog-expiration-1y"), children: "1 a\xF1o" }),
-            /* @__PURE__ */ jsx(SelectItem, { value: "custom", "data-cy": createCyId("api-keys", "dialog-expiration-custom"), children: "Fecha personalizada" })
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: "never", children: "Never expires" }),
+            /* @__PURE__ */ jsx(SelectItem, { value: "30d", children: "30 days" }),
+            /* @__PURE__ */ jsx(SelectItem, { value: "90d", children: "90 days" }),
+            /* @__PURE__ */ jsx(SelectItem, { value: "1y", children: "1 year" }),
+            /* @__PURE__ */ jsx(SelectItem, { value: "custom", children: "Custom date" })
           ] })
         ] }),
         expiryOption === "custom" && /* @__PURE__ */ jsx(
@@ -155,24 +172,23 @@ function CreateApiKeyDialog({ open, onClose, onSuccess }) {
             type: "datetime-local",
             value: expiresAt,
             onChange: (e) => setExpiresAt(e.target.value),
-            min: (/* @__PURE__ */ new Date()).toISOString().slice(0, 16),
-            "data-cy": createCyId("api-keys", "dialog-expiration-date")
+            min: (/* @__PURE__ */ new Date()).toISOString().slice(0, 16)
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-4", "data-cy": createCyId("api-keys", "dialog-scopes"), children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", "data-cy": sel("settings.apiKeys.createDialog.scopesContainer"), children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { children: "Permisos (Scopes)" }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Selecciona los permisos que tendr\xE1 esta API key" })
+          /* @__PURE__ */ jsx(Label, { children: "Permissions (Scopes)" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Choose the permissions this API key will have" })
         ] }),
         /* @__PURE__ */ jsxs(Alert, { children: [
           /* @__PURE__ */ jsx(Info, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx(AlertDescription, { children: "Solo puedes asignar permisos que tu rol actual permite. Los permisos no se pueden cambiar despu\xE9s de crear la API key." })
+          /* @__PURE__ */ jsx(AlertDescription, { children: "You can only assign permissions that your current role allows. Permissions cannot be changed after creating the API key." })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: Object.entries(SCOPE_CATEGORIES).map(([categoryKey, category]) => {
+        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: Object.entries(scopeCatalogue).map(([categoryKey, category]) => {
           const isFullySelected = isCategoryFullySelected(category.scopes);
           const isPartiallySelected = isCategoryPartiallySelected(category.scopes);
-          return /* @__PURE__ */ jsxs("div", { className: "space-y-3", "data-cy": createCyId("api-keys", `dialog-category-${categoryKey}`), children: [
+          return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
               /* @__PURE__ */ jsx(
                 Checkbox,
@@ -182,8 +198,7 @@ function CreateApiKeyDialog({ open, onClose, onSuccess }) {
                   ref: (el) => {
                     if (el && "indeterminate" in el) el.indeterminate = isPartiallySelected;
                   },
-                  onCheckedChange: (checked) => handleCategoryToggle(category.scopes, checked),
-                  "data-cy": createCyId("api-keys", `dialog-category-checkbox-${categoryKey}`)
+                  onCheckedChange: (checked) => handleCategoryToggle(category.scopes, checked)
                 }
               ),
               /* @__PURE__ */ jsxs("div", { children: [
@@ -205,43 +220,43 @@ function CreateApiKeyDialog({ open, onClose, onSuccess }) {
                   id: scope,
                   checked: selectedScopes.includes(scope),
                   onCheckedChange: (checked) => handleScopeToggle(scope, checked),
-                  "data-cy": createCyId("api-keys", `dialog-permission-${scope}`)
+                  "data-cy": sel("settings.apiKeys.createDialog.scopeOption", { scope })
                 }
               ),
               /* @__PURE__ */ jsxs(Label, { htmlFor: scope, className: "text-sm", children: [
                 /* @__PURE__ */ jsx("code", { className: "text-xs bg-muted px-1 py-0.5 rounded mr-2", children: scope }),
-                API_SCOPES[scope]
+                scopeLabels[scope]
               ] })
             ] }, scope)) }),
             categoryKey !== "system" && /* @__PURE__ */ jsx(Separator, {})
           ] }, categoryKey);
         }) }),
-        selectedScopes.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", "data-cy": createCyId("api-keys", "dialog-selected-scopes"), children: [
+        selectedScopes.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsxs(Label, { children: [
-            "Permisos seleccionados (",
+            "Selected permissions (",
             selectedScopes.length,
             ")"
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedScopes.map((scope) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", "data-cy": createCyId("api-keys", `dialog-selected-${scope}`), children: scope }, scope)) })
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedScopes.map((scope) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: scope }, scope)) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs(Alert, { variant: "destructive", "data-cy": createCyId("api-keys", "dialog-warning"), children: [
+      /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
         /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4" }),
         /* @__PURE__ */ jsxs(AlertDescription, { children: [
-          /* @__PURE__ */ jsx("strong", { children: "Importante:" }),
-          " La API key se mostrar\xE1 solo una vez despu\xE9s de crearla. Gu\xE1rdala en un lugar seguro ya que no podr\xE1s verla nuevamente."
+          /* @__PURE__ */ jsx("strong", { children: "Important:" }),
+          " The API key will only be shown once after creation. Store it somewhere safe, as you won't be able to see it again."
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs(DialogFooter, { "data-cy": createCyId("api-keys", "dialog-footer"), children: [
-      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleClose, disabled: createApiKey.isPending, "data-cy": createCyId("api-keys", "dialog-cancel"), children: "Cancelar" }),
+    /* @__PURE__ */ jsxs(DialogFooter, { "data-cy": sel("settings.apiKeys.createDialog.footer"), children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleClose, disabled: createApiKey.isPending, children: "Cancel" }),
       /* @__PURE__ */ jsx(
         Button,
         {
           onClick: handleSubmit,
           disabled: createApiKey.isPending || selectedScopes.length === 0 || !name.trim(),
-          "data-cy": createCyId("api-keys", "dialog-submit"),
-          children: createApiKey.isPending ? "Creando..." : "Crear API Key"
+          "data-cy": sel("settings.apiKeys.createDialog.submitButton"),
+          children: createApiKey.isPending ? "Creating..." : "Create API Key"
         }
       )
     ] })

package/dist/components/app/guards/DeveloperGuard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeveloperGuard.d.ts","sourceRoot":"","sources":["../../../../src/components/app/guards/DeveloperGuard.tsx"],"names":[],"mappings":"AAUA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAiGzE;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,IAAI,OAAO,CAGxC"}
+{"version":3,"file":"DeveloperGuard.d.ts","sourceRoot":"","sources":["../../../../src/components/app/guards/DeveloperGuard.tsx"],"names":[],"mappings":"AAUA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAgHzE;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,IAAI,OAAO,CAIxC"}

package/dist/components/app/guards/DeveloperGuard.js

@@ -1,24 +1,28 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useSession } from "../../../lib/auth-client";
+import { useSession } from "../../../lib/auth-client.js";
 import { useRouter } from "next/navigation";
-import { useEffect } from "react";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../ui/card";
+import { useEffect, useState } from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../ui/card.js";
 import { AlertTriangle, ArrowLeft } from "lucide-react";
-import { Button } from "../../ui/button";
+import { Button } from "../../ui/button.js";
 import { useTranslations } from "next-intl";
 function DeveloperGuard({ children, fallback }) {
   var _a;
   const { data: session, isPending } = useSession();
   const router = useRouter();
   const t = useTranslations();
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
   useEffect(() => {
     var _a2;
-    if (!isPending && session && ((_a2 = session.user) == null ? void 0 : _a2.role) !== "developer") {
+    if (mounted && !isPending && session && ((_a2 = session.user) == null ? void 0 : _a2.role) !== "developer") {
       router.push("/dashboard?error=access_denied");
     }
-  }, [session, isPending, router]);
-  if (isPending) {
+  }, [mounted, session, isPending, router]);
+  if (!mounted || isPending) {
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
       /* @__PURE__ */ jsx("div", { className: "h-8 bg-muted rounded w-48 mb-4" }),
       /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-32" })

package/dist/components/app/guards/SuperAdminGuard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuperAdminGuard.d.ts","sourceRoot":"","sources":["../../../../src/components/app/guards/SuperAdminGuard.tsx"],"names":[],"mappings":"AAUA,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CA8F3E;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAGzC;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,IAAI,OAAO,CAG3C"}
+{"version":3,"file":"SuperAdminGuard.d.ts","sourceRoot":"","sources":["../../../../src/components/app/guards/SuperAdminGuard.tsx"],"names":[],"mappings":"AAUA,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAyG3E;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAIzC;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,IAAI,OAAO,CAI3C"}

package/dist/components/app/guards/SuperAdminGuard.js

@@ -1,24 +1,28 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useSession } from "../../../lib/auth-client";
+import { useSession } from "../../../lib/auth-client.js";
 import { useRouter } from "next/navigation";
-import { useEffect } from "react";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../ui/card";
+import { useEffect, useState } from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../ui/card.js";
 import { AlertTriangle, ArrowLeft } from "lucide-react";
-import { Button } from "../../ui/button";
+import { Button } from "../../ui/button.js";
 import { useTranslations } from "next-intl";
 function SuperAdminGuard({ children, fallback }) {
   var _a, _b;
   const { data: session, isPending } = useSession();
   const router = useRouter();
   const t = useTranslations();
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
   useEffect(() => {
     var _a2, _b2;
-    if (!isPending && session && ((_a2 = session.user) == null ? void 0 : _a2.role) !== "superadmin" && ((_b2 = session.user) == null ? void 0 : _b2.role) !== "developer") {
+    if (mounted && !isPending && session && ((_a2 = session.user) == null ? void 0 : _a2.role) !== "superadmin" && ((_b2 = session.user) == null ? void 0 : _b2.role) !== "developer") {
       router.push("/dashboard?error=access_denied");
     }
-  }, [session, isPending, router]);
-  if (isPending) {
+  }, [mounted, session, isPending, router]);
+  if (!mounted || isPending) {
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
       /* @__PURE__ */ jsx("div", { className: "h-8 bg-muted rounded w-48 mb-4" }),
       /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-32" })

package/dist/components/app/guards/index.js

@@ -1,5 +1,5 @@
-import { DeveloperGuard, useIsDeveloper } from "./DeveloperGuard";
-import { SuperAdminGuard, useIsSuperAdmin, useCanAccessAdmin } from "./SuperAdminGuard";
+import { DeveloperGuard, useIsDeveloper } from "./DeveloperGuard.js";
+import { SuperAdminGuard, useIsSuperAdmin, useCanAccessAdmin } from "./SuperAdminGuard.js";
 export {
   DeveloperGuard,
   SuperAdminGuard,

package/dist/components/app/index.js

@@ -1,8 +1,8 @@
-import { DeveloperGuard, useIsDeveloper } from "./guards/DeveloperGuard";
-import { SuperAdminGuard, useIsSuperAdmin, useCanAccessAdmin } from "./guards/SuperAdminGuard";
-import { PublicFooter } from "./layouts/PublicFooter";
-import { PublicNavbar } from "./layouts/PublicNavbar";
-import { ThemeToggle } from "./misc/ThemeToggle";
+import { DeveloperGuard, useIsDeveloper } from "./guards/DeveloperGuard.js";
+import { SuperAdminGuard, useIsSuperAdmin, useCanAccessAdmin } from "./guards/SuperAdminGuard.js";
+import { PublicFooter } from "./layouts/PublicFooter.js";
+import { PublicNavbar } from "./layouts/PublicNavbar.js";
+import { ThemeToggle } from "./misc/ThemeToggle.js";
 export {
   DeveloperGuard,
   PublicFooter,

package/dist/components/app/layouts/PublicFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PublicFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/app/layouts/PublicFooter.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,4CAwJ3B"}
+{"version":3,"file":"PublicFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/app/layouts/PublicFooter.tsx"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,4CA8H3B"}

package/dist/components/app/layouts/PublicFooter.js

@@ -1,11 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
-import { Separator } from "../../ui/separator";
+import { Separator } from "../../ui/separator.js";
 import { useTranslations } from "next-intl";
-import { sel } from "../../../lib/test";
+import { sel } from "../../../lib/test/index.js";
+import { APP_NAME } from "../../../lib/config/index.js";
 function PublicFooter() {
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
   const t = useTranslations("footer");
+  const appName = APP_NAME;
   const footerLinks = {
     product: [
       { name: "features", href: "/features" },
@@ -16,24 +18,14 @@ function PublicFooter() {
     company: [
       { name: "about", href: "/about" },
       { name: "blog", href: "/blog" },
-      { name: "careers", href: "/careers" },
       { name: "contact", href: "/contact" }
     ],
-    legal: [
-      { name: "privacy", href: "/legal/privacy" },
-      { name: "terms", href: "/legal/terms" },
-      { name: "cookies", href: "/legal/cookies" },
-      { name: "gdpr", href: "/legal/gdpr" }
-    ],
     resources: [
-      { name: "helpCenter", href: "/support" },
-      { name: "apiDocs", href: "/docs/api" },
-      { name: "status", href: "/status" },
-      { name: "changelog", href: "/changelog" }
+      { name: "helpCenter", href: "/support" }
     ]
   };
   return /* @__PURE__ */ jsx("footer", { className: "border-t border-border/40 bg-background", "data-cy": sel("public.footer.container"), children: /* @__PURE__ */ jsxs("div", { className: "container max-w-7xl mx-auto px-4 py-12 md:py-16", children: [
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8 md:grid-cols-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8 md:grid-cols-3", children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground mb-4", children: t("product") }),
         /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: footerLinks.product.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
@@ -56,17 +48,6 @@ function PublicFooter() {
           }
         ) }, link.name)) })
       ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground mb-4", children: t("legal") }),
-        /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: footerLinks.legal.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-          Link,
-          {
-            href: link.href,
-            className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
-            children: t(link.name)
-          }
-        ) }, link.name)) })
-      ] }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground mb-4", children: t("resources") }),
         /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: footerLinks.resources.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
@@ -82,11 +63,13 @@ function PublicFooter() {
     /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-between gap-4 md:flex-row", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", "data-cy": sel("public.footer.logo"), children: [
-        /* @__PURE__ */ jsx("div", { className: "w-6 h-6 rounded bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-primary-foreground font-bold text-xs", children: "B" }) }),
+        /* @__PURE__ */ jsx("div", { className: "w-6 h-6 rounded bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-primary-foreground font-bold text-xs", children: appName.charAt(0) }) }),
         /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
           "\xA9 ",
           currentYear,
-          " Boilerplate. All rights reserved."
+          " ",
+          appName,
+          ". All rights reserved."
         ] })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex items-center space-x-6 text-sm text-muted-foreground", children: /* @__PURE__ */ jsxs("p", { className: "text-center md:text-left", children: [

package/dist/components/app/layouts/PublicNavbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PublicNavbar.d.ts","sourceRoot":"","sources":["../../../../src/components/app/layouts/PublicNavbar.tsx"],"names":[],"mappings":"AAYA,wBAAgB,YAAY,4CAwJ3B"}
+{"version":3,"file":"PublicNavbar.d.ts","sourceRoot":"","sources":["../../../../src/components/app/layouts/PublicNavbar.tsx"],"names":[],"mappings":"AAqGA,wBAAgB,YAAY,4CAsG3B"}