@nestledjs/data-browser 0.1.6 → 0.1.8

package/lib/layouts/AdminDataLayout.js

@@ -1,315 +1,265 @@
-import { jsxDEV as e } from "react/jsx-dev-runtime";
-import { getPluralName as r } from "@nestledjs/helpers";
-import { useNavigate as M, useParams as C, Outlet as R } from "react-router";
-import { useState as x, useRef as B, useMemo as v } from "react";
-import { AdminLocalStorage as j } from "../utils/secure-storage.js";
-import { spacedWords as c, kebabCase as g } from "../utils/string-utils.js";
-import { useAdminDataContext as F } from "../context/AdminDataContext.js";
-function H() {
-  const L = M(), b = C(), { databaseModels: h, basePath: P = "/admin/data" } = F(), [n, I] = x(!1), [d, y] = x(null), o = B(null), m = v(
-    () => [...h].sort(
-      (t, a) => r(c(t.name)).localeCompare(r(c(a.name)))
-    ),
-    [h]
-  ), u = v(() => {
-    const t = b.dataTypePlural;
-    return t ? m.find((a) => g(r(a.name)).toLowerCase() === t.toLowerCase()) : null;
-  }, [b.dataTypePlural, m]), k = (t) => {
-    const a = t.target.value;
-    if (a) {
-      const s = m.find((l) => l.name === a);
-      s && L(`${P}/${g(r(s.name))}`);
+import { getPluralName } from "@nestledjs/helpers";
+import { useNavigate, useParams, Outlet } from "react-router";
+import { useState, useRef, useMemo } from "react";
+import { AdminLocalStorage } from "../utils/secure-storage.js";
+import { spacedWords, kebabCase } from "../utils/string-utils.js";
+import { useAdminDataContext } from "../context/AdminDataContext.js";
+var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx";
+function AdminDataLayout() {
+  const navigate = useNavigate();
+  const params = useParams();
+  const {
+    databaseModels,
+    basePath = "/admin/data"
+  } = useAdminDataContext();
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  const [notification, setNotification] = useState(null);
+  const fileInputRef = useRef(null);
+  const sortedModels = useMemo(() => [...databaseModels].sort((a, b) => getPluralName(spacedWords(a.name)).localeCompare(getPluralName(spacedWords(b.name)))), [databaseModels]);
+  const currentModel = useMemo(() => {
+    const pluralParam = params.dataTypePlural;
+    if (!pluralParam) return null;
+    return sortedModels.find((m) => {
+      const modelUrlName = kebabCase(getPluralName(m.name));
+      return modelUrlName.toLowerCase() === pluralParam.toLowerCase();
+    });
+  }, [params.dataTypePlural, sortedModels]);
+  const handleModelChange = (event) => {
+    const selectedModelName = event.target.value;
+    if (selectedModelName) {
+      const selectedModel = sortedModels.find((m) => m.name === selectedModelName);
+      if (selectedModel) {
+        navigate(`${basePath}/${kebabCase(getPluralName(selectedModel.name))}`);
+      }
     }
-  }, U = () => {
-    I(!n);
-  }, i = (t, a) => {
-    y({ type: t, message: a }), setTimeout(() => y(null), 5e3);
-  }, w = () => {
-    const t = j.exportConfig();
-    if (!t) {
-      i("error", "Failed to export preferences");
+  };
+  const toggleFullscreen = () => {
+    setIsFullscreen(!isFullscreen);
+  };
+  const showNotification = (type, message) => {
+    setNotification({
+      type,
+      message
+    });
+    setTimeout(() => setNotification(null), 5e3);
+  };
+  const handleExport = () => {
+    const configJson = AdminLocalStorage.exportConfig();
+    if (!configJson) {
+      showNotification("error", "Failed to export preferences");
       return;
     }
-    const a = new Blob([t], { type: "application/json" }), s = URL.createObjectURL(a), l = document.createElement("a");
-    l.href = s, l.download = `admin-data-preferences-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.json`, document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(s), i("success", "Preferences exported successfully");
-  }, A = (t) => {
-    var l;
-    const a = (l = t.target.files) == null ? void 0 : l[0];
-    if (!a) return;
-    const s = new FileReader();
-    s.onload = (_) => {
-      var p;
-      const N = (p = _.target) == null ? void 0 : p.result;
-      if (!N) {
-        i("error", "Failed to read file");
+    const blob = new Blob([configJson], {
+      type: "application/json"
+    });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = `admin-data-preferences-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.json`;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+    showNotification("success", "Preferences exported successfully");
+  };
+  const handleImport = (event) => {
+    var _a;
+    const file = (_a = event.target.files) == null ? void 0 : _a[0];
+    if (!file) return;
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      var _a2;
+      const content2 = (_a2 = e.target) == null ? void 0 : _a2.result;
+      if (!content2) {
+        showNotification("error", "Failed to read file");
         return;
       }
-      j.importConfig(N) ? (i("success", "Preferences imported successfully. Refreshing..."), setTimeout(() => window.location.reload(), 1500)) : i("error", "Invalid preferences file");
-    }, s.onerror = () => {
-      i("error", "Failed to read file");
-    }, s.readAsText(a), o.current && (o.current.value = "");
-  }, D = () => {
-    var t;
-    (t = o.current) == null || t.click();
-  }, f = /* @__PURE__ */ e("div", { className: "max-w-full mx-auto flex flex-col", children: [
-    d && /* @__PURE__ */ e("div", { className: `mb-4 px-4 py-3 rounded-md border ${d.type === "success" ? "bg-green-50 border-green-200 text-green-800 dark:bg-green-900/20 dark:border-green-800 dark:text-green-200" : "bg-red-50 border-red-200 text-red-800 dark:bg-red-900/20 dark:border-red-800 dark:text-red-200"}`, children: /* @__PURE__ */ e("div", { className: "flex items-center", children: [
-      d.type === "success" ? /* @__PURE__ */ e("svg", { className: "w-5 h-5 mr-2", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-        lineNumber: 133,
-        columnNumber: 17
-      }, this) }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-        lineNumber: 132,
-        columnNumber: 15
-      }, this) : /* @__PURE__ */ e("svg", { className: "w-5 h-5 mr-2", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-        lineNumber: 137,
-        columnNumber: 17
-      }, this) }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-        lineNumber: 136,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: d.message }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-        lineNumber: 140,
-        columnNumber: 13
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-      lineNumber: 130,
-      columnNumber: 11
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-      lineNumber: 125,
-      columnNumber: 9
-    }, this),
-    /* @__PURE__ */ e("div", { className: "mb-6 space-y-3", children: [
-      /* @__PURE__ */ e("div", { className: "flex items-end gap-3", children: [
-        /* @__PURE__ */ e("div", { className: "flex-1", children: [
-          /* @__PURE__ */ e("label", { htmlFor: "model-selector", className: "block text-sm font-medium text-gray-900 dark:text-gray-100 mb-2", children: "Select Model" }, void 0, !1, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-            lineNumber: 149,
-            columnNumber: 13
-          }, this),
-          /* @__PURE__ */ e("div", { className: "relative", children: [
-            /* @__PURE__ */ e(
-              "select",
-              {
-                id: "model-selector",
-                value: (u == null ? void 0 : u.name) || "",
-                onChange: k,
-                className: "w-full h-[50px] pl-4 pr-10 py-3 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-green-web focus:border-green-web text-base appearance-none cursor-pointer",
-                children: [
-                  /* @__PURE__ */ e("option", { value: "", children: "Choose a model..." }, void 0, !1, {
-                    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-                    lineNumber: 159,
-                    columnNumber: 17
-                  }, this),
-                  m.map((t) => /* @__PURE__ */ e("option", { value: t.name, children: r(c(t.name)) }, t.name, !1, {
-                    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-                    lineNumber: 161,
-                    columnNumber: 19
-                  }, this))
-                ]
-              },
-              void 0,
-              !0,
-              {
-                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-                lineNumber: 153,
-                columnNumber: 15
-              },
-              this
-            ),
-            /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", children: /* @__PURE__ */ e("svg", { className: "h-5 w-5 text-gray-400", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", clipRule: "evenodd" }, void 0, !1, {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-              lineNumber: 169,
-              columnNumber: 19
-            }, this) }, void 0, !1, {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-              lineNumber: 168,
-              columnNumber: 17
-            }, this) }, void 0, !1, {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-              lineNumber: 167,
-              columnNumber: 15
-            }, this)
-          ] }, void 0, !0, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-            lineNumber: 152,
-            columnNumber: 13
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-          lineNumber: 148,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: U,
-            className: "h-[50px] px-4 py-3 bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-green-web focus:border-green-web transition-colors",
-            title: n ? "Exit fullscreen" : "Enter fullscreen",
-            children: n ? /* @__PURE__ */ e("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 9V4.5M9 9H4.5M9 9L3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5l5.25 5.25" }, void 0, !1, {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-              lineNumber: 183,
-              columnNumber: 17
-            }, this) }, void 0, !1, {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-              lineNumber: 182,
-              columnNumber: 15
-            }, this) : /* @__PURE__ */ e("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" }, void 0, !1, {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-              lineNumber: 187,
-              columnNumber: 17
-            }, this) }, void 0, !1, {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-              lineNumber: 186,
-              columnNumber: 15
-            }, this)
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-            lineNumber: 176,
-            columnNumber: 11
-          },
-          this
-        )
-      ] }, void 0, !0, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-        lineNumber: 147,
-        columnNumber: 9
-      }, this),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ e("span", { className: "text-gray-600 dark:text-gray-400", children: "Preferences:" }, void 0, !1, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-          lineNumber: 195,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: w,
-            className: "inline-flex items-center px-3 py-1.5 text-gray-700 dark:text-gray-300 hover:text-green-web dark:hover:text-green-web transition-colors",
-            title: "Export your preferences to a file",
-            children: [
-              /* @__PURE__ */ e("svg", { className: "w-4 h-4 mr-1.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" }, void 0, !1, {
-                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-                lineNumber: 202,
-                columnNumber: 15
-              }, this) }, void 0, !1, {
-                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-                lineNumber: 201,
-                columnNumber: 13
-              }, this),
-              "Export"
-            ]
-          },
-          void 0,
-          !0,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-            lineNumber: 196,
-            columnNumber: 11
-          },
-          this
-        ),
-        /* @__PURE__ */ e("span", { className: "text-gray-300 dark:text-gray-600", children: "|" }, void 0, !1, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-          lineNumber: 206,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: D,
-            className: "inline-flex items-center px-3 py-1.5 text-gray-700 dark:text-gray-300 hover:text-green-web dark:hover:text-green-web transition-colors",
-            title: "Import preferences from a file",
-            children: [
-              /* @__PURE__ */ e("svg", { className: "w-4 h-4 mr-1.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" }, void 0, !1, {
-                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-                lineNumber: 213,
-                columnNumber: 15
-              }, this) }, void 0, !1, {
-                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-                lineNumber: 212,
-                columnNumber: 13
-              }, this),
-              "Import"
-            ]
-          },
-          void 0,
-          !0,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-            lineNumber: 207,
-            columnNumber: 11
-          },
-          this
-        ),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            ref: o,
-            type: "file",
-            accept: "application/json,.json",
-            onChange: A,
-            className: "hidden"
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-            lineNumber: 217,
-            columnNumber: 11
-          },
-          this
-        )
-      ] }, void 0, !0, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-        lineNumber: 194,
-        columnNumber: 9
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-      lineNumber: 146,
-      columnNumber: 7
-    }, this),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(R, {}, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-      lineNumber: 229,
-      columnNumber: 9
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-      lineNumber: 228,
-      columnNumber: 7
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+      const success = AdminLocalStorage.importConfig(content2);
+      if (success) {
+        showNotification("success", "Preferences imported successfully. Refreshing...");
+        setTimeout(() => window.location.reload(), 1500);
+      } else {
+        showNotification("error", "Invalid preferences file");
+      }
+    };
+    reader.onerror = () => {
+      showNotification("error", "Failed to read file");
+    };
+    reader.readAsText(file);
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+  };
+  const triggerImport = () => {
+    var _a;
+    (_a = fileInputRef.current) == null ? void 0 : _a.click();
+  };
+  const content = /* @__PURE__ */ React.createElement("div", { className: "max-w-full mx-auto flex flex-col", __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 122,
     columnNumber: 5
-  }, this);
-  return n ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50 bg-white dark:bg-gray-900 flex flex-col", children: /* @__PURE__ */ e("div", { className: "w-full p-6 md:p-8 lg:p-12", children: f }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-    lineNumber: 237,
+  } }, notification && /* @__PURE__ */ React.createElement("div", { className: `mb-4 px-4 py-3 rounded-md border ${notification.type === "success" ? "bg-green-50 border-green-200 text-green-800 dark:bg-green-900/20 dark:border-green-800 dark:text-green-200" : "bg-red-50 border-red-200 text-red-800 dark:bg-red-900/20 dark:border-red-800 dark:text-red-200"}`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 125,
     columnNumber: 9
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-    lineNumber: 236,
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 130,
+    columnNumber: 11
+  } }, notification.type === "success" ? /* @__PURE__ */ React.createElement("svg", { className: "w-5 h-5 mr-2", fill: "currentColor", viewBox: "0 0 20 20", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 132,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 133,
+    columnNumber: 17
+  } })) : /* @__PURE__ */ React.createElement("svg", { className: "w-5 h-5 mr-2", fill: "currentColor", viewBox: "0 0 20 20", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 136,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 137,
+    columnNumber: 17
+  } })), /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 140,
+    columnNumber: 13
+  } }, notification.message))), /* @__PURE__ */ React.createElement("div", { className: "mb-6 space-y-3", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 146,
     columnNumber: 7
-  }, this) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: /* @__PURE__ */ e("main", { className: "w-full p-6 md:p-8 lg:p-12", children: f }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
-    lineNumber: 246,
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-end gap-3", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 147,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex-1", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 148,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement("label", { htmlFor: "model-selector", className: "block text-sm font-medium text-gray-900 dark:text-gray-100 mb-2", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 149,
+    columnNumber: 13
+  } }, "Select Model"), /* @__PURE__ */ React.createElement("div", { className: "relative", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 152,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("select", { id: "model-selector", value: (currentModel == null ? void 0 : currentModel.name) || "", onChange: handleModelChange, className: "w-full h-[50px] pl-4 pr-10 py-3 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-green-web focus:border-green-web text-base appearance-none cursor-pointer", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 153,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("option", { value: "", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 159,
+    columnNumber: 17
+  } }, "Choose a model..."), sortedModels.map((model) => /* @__PURE__ */ React.createElement("option", { key: model.name, value: model.name, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 161,
+    columnNumber: 19
+  } }, getPluralName(spacedWords(model.name))))), /* @__PURE__ */ React.createElement("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 167,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("svg", { className: "h-5 w-5 text-gray-400", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 168,
+    columnNumber: 17
+  } }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", clipRule: "evenodd", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 169,
+    columnNumber: 19
+  } }))))), /* @__PURE__ */ React.createElement("button", { onClick: toggleFullscreen, className: "h-[50px] px-4 py-3 bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-green-web focus:border-green-web transition-colors", title: isFullscreen ? "Exit fullscreen" : "Enter fullscreen", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 176,
+    columnNumber: 11
+  } }, isFullscreen ? /* @__PURE__ */ React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 182,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 9V4.5M9 9H4.5M9 9L3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5l5.25 5.25", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 183,
+    columnNumber: 17
+  } })) : /* @__PURE__ */ React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 186,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 187,
+    columnNumber: 17
+  } })))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 text-sm", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 194,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("span", { className: "text-gray-600 dark:text-gray-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 195,
+    columnNumber: 11
+  } }, "Preferences:"), /* @__PURE__ */ React.createElement("button", { onClick: handleExport, className: "inline-flex items-center px-3 py-1.5 text-gray-700 dark:text-gray-300 hover:text-green-web dark:hover:text-green-web transition-colors", title: "Export your preferences to a file", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 196,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement("svg", { className: "w-4 h-4 mr-1.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 201,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 202,
+    columnNumber: 15
+  } })), "Export"), /* @__PURE__ */ React.createElement("span", { className: "text-gray-300 dark:text-gray-600", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 206,
+    columnNumber: 11
+  } }, "|"), /* @__PURE__ */ React.createElement("button", { onClick: triggerImport, className: "inline-flex items-center px-3 py-1.5 text-gray-700 dark:text-gray-300 hover:text-green-web dark:hover:text-green-web transition-colors", title: "Import preferences from a file", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 207,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement("svg", { className: "w-4 h-4 mr-1.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 212,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 213,
+    columnNumber: 15
+  } })), "Import"), /* @__PURE__ */ React.createElement("input", { ref: fileInputRef, type: "file", accept: "application/json,.json", onChange: handleImport, className: "hidden", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 217,
+    columnNumber: 11
+  } }))), /* @__PURE__ */ React.createElement("div", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 228,
     columnNumber: 7
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+  } }, /* @__PURE__ */ React.createElement(Outlet, { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 229,
+    columnNumber: 9
+  } })));
+  if (isFullscreen) {
+    return /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 z-50 bg-white dark:bg-gray-900 flex flex-col", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 236,
+      columnNumber: 7
+    } }, /* @__PURE__ */ React.createElement("div", { className: "w-full p-6 md:p-8 lg:p-12", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 237,
+      columnNumber: 9
+    } }, content));
+  }
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col", __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 245,
     columnNumber: 5
-  }, this);
+  } }, /* @__PURE__ */ React.createElement("main", { className: "w-full p-6 md:p-8 lg:p-12", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 246,
+    columnNumber: 7
+  } }, content));
 }
 export {
-  H as AdminDataLayout
+  AdminDataLayout
 };