gavaengine 2.0.0 → 2.1.0

package/dist/{chunk-YSVQQBBU.js → chunk-5X5LEDAN.js}

@@ -2858,17 +2858,138 @@ function ContentList({
   ] });
 }
 
+// src/components/categories/CategoryManager.tsx
+import { useState as useState14, useEffect as useEffect7, useCallback as useCallback10 } from "react";
+import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+function CategoryManager({
+  getCategories,
+  createCategory,
+  updateCategory,
+  deleteCategory
+}) {
+  const [categories, setCategories] = useState14([]);
+  const [newName, setNewName] = useState14("");
+  const [editingId, setEditingId] = useState14(null);
+  const [editName, setEditName] = useState14("");
+  const load = useCallback10(async () => {
+    const cats = await getCategories();
+    setCategories(cats);
+  }, [getCategories]);
+  useEffect7(() => {
+    load();
+  }, [load]);
+  const handleCreate = async () => {
+    if (!newName.trim()) return;
+    await createCategory({ name: newName.trim() });
+    setNewName("");
+    load();
+  };
+  const handleUpdate = async (id) => {
+    if (!editName.trim()) return;
+    await updateCategory(id, { name: editName.trim() });
+    setEditingId(null);
+    load();
+  };
+  const handleDelete = async (id, name) => {
+    if (!confirm(`Delete category "${name}"?`)) return;
+    await deleteCategory(id);
+    load();
+  };
+  return /* @__PURE__ */ jsxs22("div", { className: "ge-category-manager", children: [
+    /* @__PURE__ */ jsx24("h2", { children: "Categories" }),
+    /* @__PURE__ */ jsxs22("div", { className: "ge-category-create", style: { display: "flex", gap: "0.5rem", marginBottom: "1rem" }, children: [
+      /* @__PURE__ */ jsx24(
+        "input",
+        {
+          type: "text",
+          value: newName,
+          onChange: (e) => setNewName(e.target.value),
+          placeholder: "New category name",
+          className: "ge-field-input",
+          onKeyDown: (e) => e.key === "Enter" && handleCreate(),
+          style: { flex: 1 }
+        }
+      ),
+      /* @__PURE__ */ jsx24("button", { onClick: handleCreate, className: "ge-btn ge-btn-primary", children: "Add" })
+    ] }),
+    /* @__PURE__ */ jsx24("ul", { className: "ge-category-list", style: { listStyle: "none", padding: 0 }, children: categories.map((cat) => /* @__PURE__ */ jsx24(
+      "li",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "0.5rem",
+          padding: "0.5rem 0",
+          borderBottom: "1px solid var(--ge-card-border, #e5e7eb)"
+        },
+        children: editingId === cat.id ? /* @__PURE__ */ jsxs22(Fragment6, { children: [
+          /* @__PURE__ */ jsx24(
+            "input",
+            {
+              type: "text",
+              value: editName,
+              onChange: (e) => setEditName(e.target.value),
+              className: "ge-field-input",
+              style: { flex: 1 },
+              onKeyDown: (e) => e.key === "Enter" && handleUpdate(cat.id),
+              autoFocus: true
+            }
+          ),
+          /* @__PURE__ */ jsx24(
+            "button",
+            {
+              onClick: () => handleUpdate(cat.id),
+              className: "ge-btn ge-btn-small",
+              children: "Save"
+            }
+          ),
+          /* @__PURE__ */ jsx24(
+            "button",
+            {
+              onClick: () => setEditingId(null),
+              className: "ge-btn ge-btn-small",
+              children: "Cancel"
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs22(Fragment6, { children: [
+          /* @__PURE__ */ jsx24("span", { style: { flex: 1 }, children: cat.name }),
+          /* @__PURE__ */ jsx24(
+            "button",
+            {
+              onClick: () => {
+                setEditingId(cat.id);
+                setEditName(cat.name);
+              },
+              className: "ge-btn ge-btn-small",
+              children: "Edit"
+            }
+          ),
+          /* @__PURE__ */ jsx24(
+            "button",
+            {
+              onClick: () => handleDelete(cat.id, cat.name),
+              className: "ge-btn ge-btn-small ge-btn-danger",
+              children: "Delete"
+            }
+          )
+        ] })
+      },
+      cat.id
+    )) })
+  ] });
+}
+
 // src/components/dashboard/DashboardNavbar.tsx
 import Link4 from "next/link";
 import { usePathname } from "next/navigation";
 import { useSession, signOut } from "next-auth/react";
 import { FileText as FileText3, Users, LogOut, BarChart3, ImageIcon as ImageIcon3 } from "lucide-react";
-import { useState as useState14 } from "react";
-import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { useState as useState15 } from "react";
+import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 function DashboardNavbar() {
   const pathname = usePathname();
   const { data: session } = useSession();
-  const [mobileOpen, setMobileOpen] = useState14(false);
+  const [mobileOpen, setMobileOpen] = useState15(false);
   const { branding, roles, strings, routes } = useGavaConfig();
   const role = session?.user?.role;
   const navigation = [
@@ -2884,10 +3005,10 @@ function DashboardNavbar() {
     ...role === roles.adminRole ? [{ name: strings.users, href: routes.users, icon: Users }] : []
   ];
   const isActive = (href) => pathname.startsWith(href);
-  return /* @__PURE__ */ jsx24("header", { className: "sticky top-0 z-50 px-4 pb-4", children: /* @__PURE__ */ jsx24("div", { className: "mx-auto max-w-7xl", children: /* @__PURE__ */ jsxs22("nav", { className: "bg-background/95 backdrop-blur-sm border border-t-transparent border-card-border rounded-b-xl", children: [
-    /* @__PURE__ */ jsxs22("div", { className: "flex h-14 items-center justify-between px-6", children: [
-      /* @__PURE__ */ jsxs22(Link4, { href: routes.home, className: "flex items-center gap-3", children: [
-        branding.logo && /* @__PURE__ */ jsx24("span", { className: "relative z-[9999] -my-[100px] py-[100px] bg-white rounded-b-lg px-1.5 pb-1.5", children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25("header", { className: "sticky top-0 z-50 px-4 pb-4", children: /* @__PURE__ */ jsx25("div", { className: "mx-auto max-w-7xl", children: /* @__PURE__ */ jsxs23("nav", { className: "bg-background/95 backdrop-blur-sm border border-t-transparent border-card-border rounded-b-xl", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex h-14 items-center justify-between px-6", children: [
+      /* @__PURE__ */ jsxs23(Link4, { href: routes.home, className: "flex items-center gap-3", children: [
+        branding.logo && /* @__PURE__ */ jsx25("span", { className: "relative z-[9999] -my-[100px] py-[100px] bg-white rounded-b-lg px-1.5 pb-1.5", children: /* @__PURE__ */ jsx25(
           "img",
           {
             src: branding.logo,
@@ -2896,36 +3017,36 @@ function DashboardNavbar() {
             height: 44
           }
         ) }),
-        /* @__PURE__ */ jsx24("span", { className: "font-bold text-lg text-foreground", children: branding.name })
+        /* @__PURE__ */ jsx25("span", { className: "font-bold text-lg text-foreground", children: branding.name })
       ] }),
-      /* @__PURE__ */ jsx24("div", { className: "hidden md:flex md:items-center md:gap-6", children: navigation.map((item) => /* @__PURE__ */ jsxs22(
+      /* @__PURE__ */ jsx25("div", { className: "hidden md:flex md:items-center md:gap-6", children: navigation.map((item) => /* @__PURE__ */ jsxs23(
         Link4,
         {
           href: item.href,
           className: `flex items-center gap-2 text-sm font-medium transition-colors ${isActive(item.href) ? "text-accent" : "text-muted hover:text-foreground"}`,
           children: [
-            /* @__PURE__ */ jsx24(item.icon, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx25(item.icon, { className: "w-4 h-4" }),
             item.name
           ]
         },
         item.name
       )) }),
-      /* @__PURE__ */ jsxs22("div", { className: "hidden md:flex md:items-center md:gap-3", children: [
-        /* @__PURE__ */ jsxs22("div", { className: "text-right", children: [
-          /* @__PURE__ */ jsx24("p", { className: "text-sm font-medium text-foreground leading-tight", children: session?.user?.name }),
-          /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted leading-tight", children: roles.labels[role || ""] || role })
+      /* @__PURE__ */ jsxs23("div", { className: "hidden md:flex md:items-center md:gap-3", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsx25("p", { className: "text-sm font-medium text-foreground leading-tight", children: session?.user?.name }),
+          /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted leading-tight", children: roles.labels[role || ""] || role })
         ] }),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(
           "button",
           {
             onClick: () => signOut({ callbackUrl: routes.login }),
             className: "p-2 rounded-full text-muted hover:text-foreground hover:bg-card transition-colors",
             title: strings.logout,
-            children: /* @__PURE__ */ jsx24(LogOut, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx25(LogOut, { className: "w-4 h-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs22(
+      /* @__PURE__ */ jsxs23(
         "button",
         {
           type: "button",
@@ -2933,19 +3054,19 @@ function DashboardNavbar() {
           className: "md:hidden p-2 rounded-full text-foreground flex flex-col justify-center items-center w-10 h-10 gap-1.5",
           "aria-label": "Menu",
           children: [
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(
               "span",
               {
                 className: `block h-0.5 w-5 bg-foreground rounded-full transition-all duration-300 ease-in-out ${mobileOpen ? "rotate-45 translate-y-2" : ""}`
               }
             ),
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(
               "span",
               {
                 className: `block h-0.5 w-5 bg-foreground rounded-full transition-all duration-300 ease-in-out ${mobileOpen ? "opacity-0 scale-0" : ""}`
               }
             ),
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(
               "span",
               {
                 className: `block h-0.5 w-5 bg-foreground rounded-full transition-all duration-300 ease-in-out ${mobileOpen ? "-rotate-45 -translate-y-2" : ""}`
@@ -2955,36 +3076,36 @@ function DashboardNavbar() {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       "div",
       {
         className: `md:hidden overflow-hidden transition-all duration-300 ease-in-out ${mobileOpen ? "max-h-80 opacity-100" : "max-h-0 opacity-0"}`,
-        children: /* @__PURE__ */ jsxs22("div", { className: "py-4 border-t border-card-border mx-6 space-y-1", children: [
-          navigation.map((item) => /* @__PURE__ */ jsxs22(
+        children: /* @__PURE__ */ jsxs23("div", { className: "py-4 border-t border-card-border mx-6 space-y-1", children: [
+          navigation.map((item) => /* @__PURE__ */ jsxs23(
             Link4,
             {
               href: item.href,
               onClick: () => setMobileOpen(false),
               className: `flex items-center gap-3 px-3 py-2 rounded-full text-sm font-medium transition-colors ${isActive(item.href) ? "text-accent" : "text-muted hover:text-foreground"}`,
               children: [
-                /* @__PURE__ */ jsx24(item.icon, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx25(item.icon, { className: "w-4 h-4" }),
                 item.name
               ]
             },
             item.name
           )),
-          /* @__PURE__ */ jsxs22("div", { className: "pt-3 mt-2 border-t border-card-border", children: [
-            /* @__PURE__ */ jsxs22("div", { className: "px-3 mb-2", children: [
-              /* @__PURE__ */ jsx24("p", { className: "text-sm font-medium text-foreground", children: session?.user?.name }),
-              /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted", children: roles.labels[role || ""] || role })
+          /* @__PURE__ */ jsxs23("div", { className: "pt-3 mt-2 border-t border-card-border", children: [
+            /* @__PURE__ */ jsxs23("div", { className: "px-3 mb-2", children: [
+              /* @__PURE__ */ jsx25("p", { className: "text-sm font-medium text-foreground", children: session?.user?.name }),
+              /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted", children: roles.labels[role || ""] || role })
             ] }),
-            /* @__PURE__ */ jsxs22(
+            /* @__PURE__ */ jsxs23(
               "button",
               {
                 onClick: () => signOut({ callbackUrl: routes.login }),
                 className: "flex items-center gap-3 px-3 py-2 text-sm text-muted hover:text-foreground transition-colors w-full rounded-full hover:bg-card",
                 children: [
-                  /* @__PURE__ */ jsx24(LogOut, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ jsx25(LogOut, { className: "w-4 h-4" }),
                   strings.logout
                 ]
               }
@@ -2997,7 +3118,7 @@ function DashboardNavbar() {
 }
 
 // src/components/dashboard/StatCard.tsx
-import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
 var accentStyles = {
   blue: {
     border: "border-l-blue-500",
@@ -3027,23 +3148,23 @@ function StatCard({
   accent = "blue"
 }) {
   const s = accentStyles[accent];
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       className: `bg-card border border-card-border rounded-xl p-5 border-l-[3px] ${s.border} transition-all duration-200 hover:shadow-sm`,
-      children: /* @__PURE__ */ jsxs23("div", { className: "flex items-start justify-between", children: [
-        /* @__PURE__ */ jsxs23("div", { children: [
-          /* @__PURE__ */ jsx25("p", { className: "text-xs font-medium text-muted uppercase tracking-wide mb-2", children: label }),
-          /* @__PURE__ */ jsx25("p", { className: "text-3xl font-bold text-foreground tabular-nums", children: value })
+      children: /* @__PURE__ */ jsxs24("div", { className: "flex items-start justify-between", children: [
+        /* @__PURE__ */ jsxs24("div", { children: [
+          /* @__PURE__ */ jsx26("p", { className: "text-xs font-medium text-muted uppercase tracking-wide mb-2", children: label }),
+          /* @__PURE__ */ jsx26("p", { className: "text-3xl font-bold text-foreground tabular-nums", children: value })
         ] }),
-        /* @__PURE__ */ jsx25("div", { className: `p-2 rounded-lg ${s.bg}`, children: /* @__PURE__ */ jsx25(Icon, { className: `w-5 h-5 ${s.text}` }) })
+        /* @__PURE__ */ jsx26("div", { className: `p-2 rounded-lg ${s.bg}`, children: /* @__PURE__ */ jsx26(Icon, { className: `w-5 h-5 ${s.text}` }) })
       ] })
     }
   );
 }
 
 // src/components/splash/SplashScreen.tsx
-import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
 var SPLASH_WORDS = ["Powerful", "Flexible", "Modular", "Secure", "Customizable"];
 function pickRandom3() {
   const shuffled = [...SPLASH_WORDS].sort(() => Math.random() - 0.5);
@@ -3055,28 +3176,28 @@ function SplashScreen() {
   if (phase === "idle") return null;
   const topClass = phase === "closing" ? "splash-enter-down" : phase === "opening" ? "splash-exit-up" : "";
   const bottomClass = phase === "closing" ? "splash-enter-up" : phase === "opening" ? "splash-exit-down" : "";
-  return /* @__PURE__ */ jsxs24("div", { className: "fixed inset-0 z-[9999] pointer-events-none", children: [
-    /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs25("div", { className: "fixed inset-0 z-[9999] pointer-events-none", children: [
+    /* @__PURE__ */ jsx27(
       "div",
       {
         className: `splash-half splash-half-top absolute inset-x-0 top-0 h-1/2 bg-background overflow-hidden ${topClass}`,
-        children: /* @__PURE__ */ jsx26("div", { className: "absolute inset-0 flex flex-col items-center justify-end pb-2", children: /* @__PURE__ */ jsx26("span", { className: "splash-title", children: "GAVA" }) })
+        children: /* @__PURE__ */ jsx27("div", { className: "absolute inset-0 flex flex-col items-center justify-end pb-2", children: /* @__PURE__ */ jsx27("span", { className: "splash-title", children: "GAVA" }) })
       }
     ),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27(
       "div",
       {
         className: `splash-half splash-half-bottom absolute inset-x-0 bottom-0 h-1/2 bg-background overflow-hidden ${bottomClass}`,
-        children: /* @__PURE__ */ jsxs24("div", { className: "absolute inset-0 flex flex-col items-center justify-start pt-2", children: [
-          /* @__PURE__ */ jsx26("span", { className: "splash-title", children: "ENGINE" }),
-          /* @__PURE__ */ jsx26("div", { className: "flex items-center gap-3 mt-6", children: words.map((word, i) => /* @__PURE__ */ jsxs24(
+        children: /* @__PURE__ */ jsxs25("div", { className: "absolute inset-0 flex flex-col items-center justify-start pt-2", children: [
+          /* @__PURE__ */ jsx27("span", { className: "splash-title", children: "ENGINE" }),
+          /* @__PURE__ */ jsx27("div", { className: "flex items-center gap-3 mt-6", children: words.map((word, i) => /* @__PURE__ */ jsxs25(
             "span",
             {
               className: "splash-word text-xs sm:text-sm font-medium tracking-widest uppercase",
               style: { animationDelay: `${0.2 + i * 0.1}s` },
               children: [
                 word,
-                i < 2 && /* @__PURE__ */ jsx26("span", { className: "ml-3 text-muted-foreground", children: "\xB7" })
+                i < 2 && /* @__PURE__ */ jsx27("span", { className: "ml-3 text-muted-foreground", children: "\xB7" })
               ]
             },
             word
@@ -3088,10 +3209,10 @@ function SplashScreen() {
 }
 
 // src/components/splash/DashboardSplashTrigger.tsx
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect8 } from "react";
 function DashboardSplashTrigger() {
   const { openSplash } = useSplash();
-  useEffect7(() => {
+  useEffect8(() => {
     if (typeof window.requestIdleCallback === "function") {
       const id = window.requestIdleCallback(() => openSplash());
       return () => window.cancelIdleCallback(id);
@@ -3131,9 +3252,10 @@ export {
   JsonRenderer,
   ContentEditor,
   ContentList,
+  CategoryManager,
   DashboardNavbar,
   StatCard,
   SplashScreen,
   DashboardSplashTrigger
 };
-//# sourceMappingURL=chunk-YSVQQBBU.js.map
+//# sourceMappingURL=chunk-5X5LEDAN.js.map