@nestledjs/data-browser 0.1.6 → 0.1.8

package/lib/pages/AdminDataEditPage.js

@@ -1,903 +1,764 @@
-import { jsxDEV as e } from "react/jsx-dev-runtime";
-import { gql as y } from "@apollo/client";
-import { useQuery as Z, useMutation as T } from "@apollo/client/react";
-import { loadDevMessages as Y, loadErrorMessages as K } from "@apollo/client/dev";
-import { ExclamationCircleIcon as p, CheckCircleIcon as H } from "@heroicons/react/24/outline";
-import { TrashIcon as J } from "@heroicons/react/24/solid";
-import { useAdminDataContext as F } from "../context/AdminDataContext.js";
-import { ErrorBoundary as W } from "@nestledjs/shared-components";
-import { Form as X } from "@nestledjs/forms";
-import { useState as C, useMemo as A, useEffect as S } from "react";
-import { useParams as ee, Link as x, useNavigate as te } from "react-router";
-import { getAdminDocuments as ae, buildFormFields as se, cleanFormInput as ie } from "../utils/graphql-utils.js";
-function M(s) {
-  return s ? s.charAt(0).toLowerCase() + s.slice(1) : "";
+import { gql } from "@apollo/client";
+import { useQuery, useMutation } from "@apollo/client/react";
+import { loadDevMessages, loadErrorMessages } from "@apollo/client/dev";
+import { ExclamationCircleIcon, CheckCircleIcon } from "@heroicons/react/24/outline";
+import { TrashIcon } from "@heroicons/react/24/solid";
+import { useAdminDataContext } from "../context/AdminDataContext.js";
+import { ErrorBoundary } from "@nestledjs/shared-components";
+import { Form } from "@nestledjs/forms";
+import { useState, useMemo, useEffect } from "react";
+import { useParams, Link, useNavigate } from "react-router";
+import { getAdminDocuments, buildFormFields, cleanFormInput } from "../utils/graphql-utils.js";
+var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx";
+function toLowerCamelCase(name) {
+  if (!name) return "";
+  return name.charAt(0).toLowerCase() + name.slice(1);
 }
-function le(s) {
-  return `${M(s)}Id`;
+function getModelIdVariableName(modelName) {
+  return `${toLowerCamelCase(modelName)}Id`;
 }
-function re(s) {
-  return M(s);
+function getModelResponseFieldName(modelName) {
+  return toLowerCamelCase(modelName);
 }
-function u(s) {
-  return s.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (d) => d.toUpperCase());
+function toReadableText(text) {
+  return text.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (str) => str.toUpperCase());
 }
-process.env.NODE_ENV !== "production" && (Y(), K());
-const B = (s) => !s || typeof s != "string" ? "" : s.replace(/[<>"'%;()&+]/g, "").replace(/javascript:/gi, "").replace(/on\w+\s*=/gi, "").trim().substring(0, 100), I = (s) => s.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), ne = (s) => {
-  if (!s) return null;
-  const d = B(s);
-  return d ? /^[a-zA-Z0-9_-]+$/.test(d) ? d : (console.warn(`[Security] Invalid ID format attempted: ${s}`), null) : null;
+if (process.env.NODE_ENV !== "production") {
+  loadDevMessages();
+  loadErrorMessages();
+}
+const sanitizeInput = (input) => {
+  if (!input || typeof input !== "string") return "";
+  return input.replace(/[<>"'%;()&+]/g, "").replace(/javascript:/gi, "").replace(/on\w+\s*=/gi, "").trim().substring(0, 100);
+};
+const toKebabCase = (str) => {
+  return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+};
+const validateId = (id) => {
+  if (!id) return null;
+  const sanitized = sanitizeInput(id);
+  if (!sanitized) return null;
+  if (!/^[a-zA-Z0-9_-]+$/.test(sanitized)) {
+    console.warn(`[Security] Invalid ID format attempted: ${id}`);
+    return null;
+  }
+  return sanitized;
 };
-function Pe() {
-  const { dataType: s, id: d } = ee(), { databaseModels: c, basePath: j = "/admin/data", formTheme: U } = F(), P = (i) => c.find((g) => g.name === i), m = ((i) => {
-    if (!i) return null;
-    const g = B(i);
-    if (!g) return null;
-    const v = g.split("-").map((f) => f.charAt(0).toUpperCase() + f.slice(1).toLowerCase()).join("");
-    return c.find((f) => f.name === v) ? v : (console.warn(`[Security] Invalid dataType attempted: ${i}`), null);
-  })(s), r = ne(d), h = !m || !r, D = m ? P(m) : null, E = m && r && !D;
-  return h ? /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(p, { className: "mx-auto h-12 w-12 text-red-400" }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+function AdminDataEditPage() {
+  const {
+    dataType,
+    id
+  } = useParams();
+  const {
+    databaseModels,
+    basePath = "/admin/data",
+    formTheme
+  } = useAdminDataContext();
+  const findModelByName = (name) => {
+    return databaseModels.find((model2) => model2.name === name);
+  };
+  const validateDataType = (dataType2) => {
+    if (!dataType2) return null;
+    const sanitized = sanitizeInput(dataType2);
+    if (!sanitized) return null;
+    const properCaseDataType = sanitized.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join("");
+    const model2 = databaseModels.find((m) => m.name === properCaseDataType);
+    if (!model2) {
+      console.warn(`[Security] Invalid dataType attempted: ${dataType2}`);
+      return null;
+    }
+    return properCaseDataType;
+  };
+  const validatedDataType = validateDataType(dataType);
+  const validatedId = validateId(id);
+  const shouldShowUnauthorized = !validatedDataType || !validatedId;
+  const model = validatedDataType ? findModelByName(validatedDataType) : null;
+  const shouldShowModelNotFound = validatedDataType && validatedId && !model;
+  if (shouldShowUnauthorized) {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 118,
+      columnNumber: 7
+    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 119,
+      columnNumber: 9
+    } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 120,
+      columnNumber: 11
+    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 121,
+      columnNumber: 13
+    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 122,
       columnNumber: 15
-    }, this),
-    /* @__PURE__ */ e("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "Unauthorized" }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+    } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 123,
       columnNumber: 15
-    }, this),
-    /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: "Invalid data type, ID, or insufficient permissions." }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+    } }, "Unauthorized"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 124,
       columnNumber: 15
-    }, this),
-    /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
-      x,
-      {
-        to: j,
-        className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web",
-        children: "Return to Data Browser"
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 128,
-        columnNumber: 17
-      },
-      this
-    ) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+    } }, "Invalid data type, ID, or insufficient permissions."), /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 127,
       columnNumber: 15
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-    lineNumber: 121,
-    columnNumber: 13
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-    lineNumber: 120,
-    columnNumber: 11
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-    lineNumber: 119,
-    columnNumber: 9
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-    lineNumber: 118,
-    columnNumber: 7
-  }, this) : E ? /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(p, { className: "mx-auto h-12 w-12 text-yellow-400" }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+    } }, /* @__PURE__ */ React.createElement(Link, { to: basePath, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 128,
+      columnNumber: 17
+    } }, "Return to Data Browser"))))));
+  }
+  if (shouldShowModelNotFound) {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 144,
+      columnNumber: 7
+    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 145,
+      columnNumber: 9
+    } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 146,
+      columnNumber: 11
+    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 147,
+      columnNumber: 13
+    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-yellow-400", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 148,
       columnNumber: 15
-    }, this),
-    /* @__PURE__ */ e("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "Model Not Found" }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+    } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 149,
       columnNumber: 15
-    }, this),
-    /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: [
-      'The data model for "',
-      m,
-      '" could not be found.'
-    ] }, void 0, !0, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+    } }, "Model Not Found"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 150,
       columnNumber: 15
-    }, this),
-    /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
-      x,
-      {
-        to: j,
-        className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web",
-        children: "Return to Data Browser"
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 154,
-        columnNumber: 17
-      },
-      this
-    ) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+    } }, 'The data model for "', validatedDataType, '" could not be found.'), /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 153,
       columnNumber: 15
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-    lineNumber: 147,
-    columnNumber: 13
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-    lineNumber: 146,
-    columnNumber: 11
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-    lineNumber: 145,
-    columnNumber: 9
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-    lineNumber: 144,
-    columnNumber: 7
-  }, this) : /* @__PURE__ */ e(de, { model: D, id: r, basePath: j, formTheme: U }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+    } }, /* @__PURE__ */ React.createElement(Link, { to: basePath, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 154,
+      columnNumber: 17
+    } }, "Return to Data Browser"))))));
+  }
+  return /* @__PURE__ */ React.createElement(AdminDataEditPageContent, { model, id: validatedId, basePath, formTheme, __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 169,
     columnNumber: 10
-  }, this);
+  } });
 }
-function de({ model: s, id: d, basePath: c, formTheme: j }) {
-  const U = te(), { sdk: P } = F(), [n, m] = C({ status: "idle" }), [r, h] = C({ status: "idle" }), [D, E] = C(!1), i = A(() => {
+function AdminDataEditPageContent({
+  model,
+  id,
+  basePath,
+  formTheme
+}) {
+  const navigate = useNavigate();
+  const {
+    sdk
+  } = useAdminDataContext();
+  const [submissionState, setSubmissionState] = useState({
+    status: "idle"
+  });
+  const [deleteState, setDeleteState] = useState({
+    status: "idle"
+  });
+  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
+  const documents = useMemo(() => {
     try {
-      return ae(P, s);
-    } catch (l) {
-      return console.error("[AdminDataEditPage] Error getting documents:", l), null;
+      return getAdminDocuments(sdk, model);
+    } catch (error2) {
+      console.error("[AdminDataEditPage] Error getting documents:", error2);
+      return null;
     }
-  }, [P, s]), g = A(() => {
-    var l, a;
-    if (!(i != null && i.query)) return null;
+  }, [sdk, model]);
+  const QUERY = useMemo(() => {
+    var _a, _b;
+    if (!(documents == null ? void 0 : documents.query)) return null;
     try {
-      return (l = i.query) != null && l.definitions && ((a = i.query) != null && a.loc) ? i.query : y(i.query);
-    } catch (t) {
-      return console.error("[AdminDataEditPage] Error parsing QUERY:", t), null;
+      if (((_a = documents.query) == null ? void 0 : _a.definitions) && ((_b = documents.query) == null ? void 0 : _b.loc)) {
+        return documents.query;
+      }
+      return gql(documents.query);
+    } catch (error2) {
+      console.error("[AdminDataEditPage] Error parsing QUERY:", error2);
+      return null;
     }
-  }, [i]), v = A(() => {
-    var l, a;
-    if (!(i != null && i.update)) return null;
+  }, [documents]);
+  const UPDATE_MUTATION = useMemo(() => {
+    var _a, _b;
+    if (!(documents == null ? void 0 : documents.update)) return null;
     try {
-      return (l = i.update) != null && l.definitions && ((a = i.update) != null && a.loc) ? i.update : y(i.update);
-    } catch (t) {
-      return console.error("[AdminDataEditPage] Error parsing UPDATE mutation:", t), null;
+      if (((_a = documents.update) == null ? void 0 : _a.definitions) && ((_b = documents.update) == null ? void 0 : _b.loc)) {
+        return documents.update;
+      }
+      return gql(documents.update);
+    } catch (error2) {
+      console.error("[AdminDataEditPage] Error parsing UPDATE mutation:", error2);
+      return null;
     }
-  }, [i]), _ = A(() => {
-    var l, a;
-    if (!(i != null && i.delete)) return null;
+  }, [documents]);
+  const DELETE_MUTATION = useMemo(() => {
+    var _a, _b;
+    if (!(documents == null ? void 0 : documents.delete)) return null;
     try {
-      return (l = i.delete) != null && l.definitions && ((a = i.delete) != null && a.loc) ? i.delete : y(i.delete);
-    } catch (t) {
-      return console.error("[AdminDataEditPage] Error parsing DELETE mutation:", t), null;
+      if (((_a = documents.delete) == null ? void 0 : _a.definitions) && ((_b = documents.delete) == null ? void 0 : _b.loc)) {
+        return documents.delete;
+      }
+      return gql(documents.delete);
+    } catch (error2) {
+      console.error("[AdminDataEditPage] Error parsing DELETE mutation:", error2);
+      return null;
     }
-  }, [i]), f = le(s.name), R = re(s.name), { data: k, loading: z, error: L, refetch: $ } = Z(
-    g || y`
+  }, [documents]);
+  const idVariableName = getModelIdVariableName(model.name);
+  const responseFieldName = getModelResponseFieldName(model.name);
+  const {
+    data,
+    loading,
+    error,
+    refetch
+  } = useQuery(QUERY || gql`
         query PlaceholderQuery {
           __typename
         }
-      `,
-    {
-      variables: { [f]: d },
-      errorPolicy: "all",
-      skip: !g || !d
-    }
-  ), [O] = T(
-    v || y`
+      `, {
+    variables: {
+      [idVariableName]: id
+    },
+    errorPolicy: "all",
+    skip: !QUERY || !id
+  });
+  const [updateMutation] = useMutation(UPDATE_MUTATION || gql`
         mutation PlaceholderUpdate {
           __typename
         }
-      `
-  ), [Q] = T(
-    _ || y`
+      `);
+  const [deleteMutation] = useMutation(DELETE_MUTATION || gql`
         mutation PlaceholderDelete {
           __typename
         }
-      `
-  );
-  if (S(() => {
-    if (n.status === "error") {
-      const l = setTimeout(() => {
-        m({ status: "idle" });
+      `);
+  useEffect(() => {
+    if (submissionState.status === "error") {
+      const timer = setTimeout(() => {
+        setSubmissionState({
+          status: "idle"
+        });
       }, 5e3);
-      return () => clearTimeout(l);
+      return () => clearTimeout(timer);
     }
-  }, [n.status]), S(() => {
-    if (r.status === "error") {
-      const l = setTimeout(() => {
-        h({ status: "idle" });
+  }, [submissionState.status]);
+  useEffect(() => {
+    if (deleteState.status === "error") {
+      const timer = setTimeout(() => {
+        setDeleteState({
+          status: "idle"
+        });
       }, 5e3);
-      return () => clearTimeout(l);
+      return () => clearTimeout(timer);
     }
-  }, [r.status]), !i || !g || !v || !_)
-    return /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-2xl", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(p, { className: "mx-auto h-12 w-12 text-red-400" }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 309,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "GraphQL Schema Error" }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 310,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: "Unable to load GraphQL documents for this model. Please ensure the API server is running and the GraphQL schema is up to date." }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 311,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
-        x,
-        {
-          to: c,
-          className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web",
-          children: "Return to Data Browser"
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-          lineNumber: 316,
-          columnNumber: 17
-        },
-        this
-      ) }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 315,
-        columnNumber: 15
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 308,
-      columnNumber: 13
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 307,
-      columnNumber: 11
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 306,
-      columnNumber: 9
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+  }, [deleteState.status]);
+  if (!documents || !QUERY || !UPDATE_MUTATION || !DELETE_MUTATION) {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 305,
       columnNumber: 7
-    }, this);
-  if (L)
-    return /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(p, { className: "mx-auto h-12 w-12 text-red-400" }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 337,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "Error Loading Data" }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 338,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: L.message }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 339,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("div", { className: "mt-6 space-y-3", children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: () => $(),
-            className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web",
-            children: "Try Again"
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-            lineNumber: 341,
-            columnNumber: 17
-          },
-          this
-        ),
-        /* @__PURE__ */ e(
-          x,
-          {
-            to: `${c}/${I(s.pluralName)}`,
-            className: "w-full flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web",
-            children: "Back to List"
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-            lineNumber: 347,
-            columnNumber: 17
-          },
-          this
-        )
-      ] }, void 0, !0, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 340,
-        columnNumber: 15
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 336,
-      columnNumber: 13
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 335,
-      columnNumber: 11
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 334,
+    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-2xl", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 306,
       columnNumber: 9
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+    } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 307,
+      columnNumber: 11
+    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 308,
+      columnNumber: 13
+    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 309,
+      columnNumber: 15
+    } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 310,
+      columnNumber: 15
+    } }, "GraphQL Schema Error"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 311,
+      columnNumber: 15
+    } }, "Unable to load GraphQL documents for this model. Please ensure the API server is running and the GraphQL schema is up to date."), /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 315,
+      columnNumber: 15
+    } }, /* @__PURE__ */ React.createElement(Link, { to: basePath, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 316,
+      columnNumber: 17
+    } }, "Return to Data Browser"))))));
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 333,
       columnNumber: 7
-    }, this);
-  if (z)
-    return /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
-      /* @__PURE__ */ e("div", { className: "mx-auto h-12 w-12 border-4 border-green-web border-t-transparent rounded-full animate-spin" }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 368,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "Loading..." }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 369,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: [
-        "Loading ",
-        u(s.name),
-        " data..."
-      ] }, void 0, !0, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 370,
-        columnNumber: 15
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 367,
-      columnNumber: 13
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 366,
-      columnNumber: 11
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 365,
+    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 334,
       columnNumber: 9
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+    } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 335,
+      columnNumber: 11
+    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 336,
+      columnNumber: 13
+    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 337,
+      columnNumber: 15
+    } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 338,
+      columnNumber: 15
+    } }, "Error Loading Data"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 339,
+      columnNumber: 15
+    } }, error.message), /* @__PURE__ */ React.createElement("div", { className: "mt-6 space-y-3", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 340,
+      columnNumber: 15
+    } }, /* @__PURE__ */ React.createElement("button", { onClick: () => refetch(), className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 341,
+      columnNumber: 17
+    } }, "Try Again"), /* @__PURE__ */ React.createElement(Link, { to: `${basePath}/${toKebabCase(model.pluralName)}`, className: "w-full flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 347,
+      columnNumber: 17
+    } }, "Back to List"))))));
+  }
+  if (loading) {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 364,
       columnNumber: 7
-    }, this);
-  const w = k == null ? void 0 : k[R];
-  if (!w)
-    return /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(p, { className: "mx-auto h-12 w-12 text-yellow-400" }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 389,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "Not Found" }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 390,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: [
-        "The ",
-        u(s.name),
-        " you're looking for doesn't exist or has been deleted."
-      ] }, void 0, !0, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 391,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
-        x,
-        {
-          to: `${c}/${I(s.pluralName)}`,
-          className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web",
-          children: "Back to List"
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-          lineNumber: 396,
-          columnNumber: 17
-        },
-        this
-      ) }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 395,
-        columnNumber: 15
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 388,
-      columnNumber: 13
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 387,
-      columnNumber: 11
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 386,
+    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 365,
       columnNumber: 9
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+    } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 366,
+      columnNumber: 11
+    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 367,
+      columnNumber: 13
+    } }, /* @__PURE__ */ React.createElement("div", { className: "mx-auto h-12 w-12 border-4 border-green-web border-t-transparent rounded-full animate-spin", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 368,
+      columnNumber: 15
+    } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 369,
+      columnNumber: 15
+    } }, "Loading..."), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 370,
+      columnNumber: 15
+    } }, "Loading ", toReadableText(model.name), " data...")))));
+  }
+  const item = data == null ? void 0 : data[responseFieldName];
+  if (!item) {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 385,
       columnNumber: 7
-    }, this);
-  const V = se(P, s, "update"), o = {};
-  if (w) {
-    s.fields.filter((a) => (a.isId, !(a.isReadOnly || a.isGenerated || a.isUpdatedAt || a.name === "createdAt" || a.relationName && a.isList))).forEach((a) => {
-      var N;
-      let t = w[a.name];
-      if (a.relationName && !a.isList) {
-        const b = ((N = a.relationFromFields) == null ? void 0 : N[0]) || a.name;
-        t = w[b], t && typeof t == "object" && (t = t.id || ""), o[b] = t || "";
+    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 386,
+      columnNumber: 9
+    } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 387,
+      columnNumber: 11
+    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 388,
+      columnNumber: 13
+    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-yellow-400", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 389,
+      columnNumber: 15
+    } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 390,
+      columnNumber: 15
+    } }, "Not Found"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 391,
+      columnNumber: 15
+    } }, "The ", toReadableText(model.name), " you're looking for doesn't exist or has been deleted."), /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 395,
+      columnNumber: 15
+    } }, /* @__PURE__ */ React.createElement(Link, { to: `${basePath}/${toKebabCase(model.pluralName)}`, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 396,
+      columnNumber: 17
+    } }, "Back to List"))))));
+  }
+  const formFields = buildFormFields(sdk, model, "update");
+  const initialValues = {};
+  if (item) {
+    const editableFields = model.fields.filter((field) => {
+      if (field.isId && false) ;
+      if (field.isReadOnly || field.isGenerated) return false;
+      if (field.isUpdatedAt || field.name === "createdAt") return false;
+      if (field.relationName && field.isList) return false;
+      return true;
+    });
+    editableFields.forEach((field) => {
+      var _a;
+      let value = item[field.name];
+      if (field.relationName && !field.isList) {
+        const relationFieldName = ((_a = field.relationFromFields) == null ? void 0 : _a[0]) || field.name;
+        value = item[relationFieldName];
+        if (value && typeof value === "object") {
+          value = value.id || "";
+        }
+        initialValues[relationFieldName] = value || "";
       } else {
-        if (a.type.toLowerCase() === "datetime" || a.type.toLowerCase() === "date")
-          if (t != null && t !== "")
+        if (field.type.toLowerCase() === "datetime" || field.type.toLowerCase() === "date") {
+          if (value !== null && value !== void 0 && value !== "") {
             try {
-              const b = t instanceof Date ? t : new Date(t);
-              a.type.toLowerCase() === "date" ? t = b.toISOString().split("T")[0] : t = b.toISOString().substring(0, 16);
-            } catch (b) {
-              console.warn(`Failed to convert date value for field ${a.name}:`, b), t = "";
+              const dateValue = value instanceof Date ? value : new Date(value);
+              if (field.type.toLowerCase() === "date") {
+                value = dateValue.toISOString().split("T")[0];
+              } else {
+                const isoString = dateValue.toISOString();
+                value = isoString.substring(0, 16);
+              }
+            } catch (e) {
+              console.warn(`Failed to convert date value for field ${field.name}:`, e);
+              value = "";
             }
-          else
-            t = "";
-        t === null && a.type.toLowerCase() !== "boolean" && (t = ""), a.type.toLowerCase() === "boolean" && (t = !!t), t !== null && typeof t == "object" && (console.warn(`Field ${a.name} has object value, converting to string:`, t), typeof t == "object" && "id" in t ? t = t.id : t = ""), o[a.name] = t;
+          } else {
+            value = "";
+          }
+        }
+        if (value === null && field.type.toLowerCase() !== "boolean") {
+          value = "";
+        }
+        if (field.type.toLowerCase() === "boolean") {
+          value = Boolean(value);
+        }
+        if (value !== null && typeof value === "object") {
+          console.warn(`Field ${field.name} has object value, converting to string:`, value);
+          if (typeof value === "object" && "id" in value) {
+            value = value.id;
+          } else {
+            value = "";
+          }
+        }
+        initialValues[field.name] = value;
       }
     });
-    for (const [a, t] of Object.entries(o)) {
-      if (t === void 0) {
-        console.warn(`[AdminDataEditPage] Found undefined value for field ${a}, converting to empty string`), o[a] = "";
+    for (const [key, value] of Object.entries(initialValues)) {
+      if (value === void 0) {
+        console.warn(`[AdminDataEditPage] Found undefined value for field ${key}, converting to empty string`);
+        initialValues[key] = "";
+        continue;
+      }
+      if (value === null) {
         continue;
       }
-      if (t !== null && typeof t == "object")
-        if (console.warn(`[AdminDataEditPage] Found non-primitive value for field ${a}, converting:`, t), "id" in t && typeof t.id == "string")
-          o[a] = t.id;
-        else if (t instanceof Date) {
-          const N = s.fields.find((b) => b.name === a);
-          o[a] = (N == null ? void 0 : N.type.toLowerCase()) === "date" ? t.toISOString().split("T")[0] : t.toISOString();
-        } else
-          o[a] = "";
+      if (typeof value !== "object") {
+        continue;
+      }
+      console.warn(`[AdminDataEditPage] Found non-primitive value for field ${key}, converting:`, value);
+      if ("id" in value && typeof value.id === "string") {
+        initialValues[key] = value.id;
+      } else if (value instanceof Date) {
+        const field = model.fields.find((f) => f.name === key);
+        initialValues[key] = (field == null ? void 0 : field.type.toLowerCase()) === "date" ? value.toISOString().split("T")[0] : value.toISOString();
+      } else {
+        initialValues[key] = "";
+      }
     }
-    console.log("[AdminDataEditPage] Final initialValues:", o), console.log("[AdminDataEditPage] Value types:", Object.entries(o).map(([a, t]) => ({
-      key: a,
-      type: typeof t,
-      isDate: t instanceof Date,
-      value: t
+    console.log("[AdminDataEditPage] Final initialValues:", initialValues);
+    console.log("[AdminDataEditPage] Value types:", Object.entries(initialValues).map(([key, val]) => ({
+      key,
+      type: typeof val,
+      isDate: val instanceof Date,
+      value: val
     })));
   }
-  const q = async (l) => {
+  const handleSubmit = async (formData) => {
     try {
-      m({ status: "loading" });
-      const a = ie(l, s), t = await O({
+      setSubmissionState({
+        status: "loading"
+      });
+      const cleanedInput = cleanFormInput(formData, model);
+      const result = await updateMutation({
         variables: {
-          input: a,
-          [f]: d
+          input: cleanedInput,
+          [idVariableName]: id
         }
       });
-      if (t.errors) {
-        console.error("GraphQL errors:", t.errors), m({
+      if (result.errors) {
+        console.error("GraphQL errors:", result.errors);
+        setSubmissionState({
           status: "error",
-          message: t.errors.map((N) => N.message).join(", ")
+          message: result.errors.map((err) => err.message).join(", ")
         });
         return;
       }
-      m({
+      setSubmissionState({
         status: "success",
-        message: `${u(s.name)} updated successfully!`
-      }), await $();
-    } catch (a) {
-      console.error("Error updating record:", a), m({
+        message: `${toReadableText(model.name)} updated successfully!`
+      });
+      await refetch();
+    } catch (error2) {
+      console.error("Error updating record:", error2);
+      setSubmissionState({
         status: "error",
-        message: a instanceof Error ? a.message : "An unexpected error occurred"
+        message: error2 instanceof Error ? error2.message : "An unexpected error occurred"
       });
     }
-  }, G = async () => {
+  };
+  const handleDelete = async () => {
     try {
-      h({ status: "loading" });
-      const l = await Q({
+      setDeleteState({
+        status: "loading"
+      });
+      const result = await deleteMutation({
         variables: {
-          [f]: d
+          [idVariableName]: id
         }
       });
-      if (l.errors) {
-        console.error("GraphQL errors:", l.errors), h({
+      if (result.errors) {
+        console.error("GraphQL errors:", result.errors);
+        setDeleteState({
           status: "error",
-          message: l.errors.map((a) => a.message).join(", ")
+          message: result.errors.map((err) => err.message).join(", ")
         });
         return;
       }
-      h({
+      setDeleteState({
         status: "success",
-        message: `${u(s.name)} deleted successfully!`
-      }), setTimeout(() => {
-        U(`${c}/${I(s.pluralName)}`);
+        message: `${toReadableText(model.name)} deleted successfully!`
+      });
+      setTimeout(() => {
+        navigate(`${basePath}/${toKebabCase(model.pluralName)}`);
       }, 1500);
-    } catch (l) {
-      console.error("Error deleting record:", l), h({
+    } catch (error2) {
+      console.error("Error deleting record:", error2);
+      setDeleteState({
         status: "error",
-        message: l instanceof Error ? l.message : "An unexpected error occurred"
+        message: error2 instanceof Error ? error2.message : "An unexpected error occurred"
       });
     }
   };
-  return /* @__PURE__ */ e("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ e("div", { className: "mb-8", children: [
-      /* @__PURE__ */ e("nav", { className: "flex mb-6", "aria-label": "Breadcrumb", children: /* @__PURE__ */ e("ol", { className: "flex items-center space-x-4", children: [
-        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(x, { to: c, className: "text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400", children: "Data Browser" }, void 0, !1, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-          lineNumber: 620,
-          columnNumber: 17
-        }, this) }, void 0, !1, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-          lineNumber: 619,
-          columnNumber: 15
-        }, this),
-        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ e(
-            "svg",
-            {
-              className: "flex-shrink-0 h-5 w-5 text-gray-300 dark:text-gray-600",
-              fill: "currentColor",
-              viewBox: "0 0 20 20",
-              children: /* @__PURE__ */ e(
-                "path",
-                {
-                  fillRule: "evenodd",
-                  d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 111.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
-                  clipRule: "evenodd"
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-                  lineNumber: 631,
-                  columnNumber: 21
-                },
-                this
-              )
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-              lineNumber: 626,
-              columnNumber: 19
-            },
-            this
-          ),
-          /* @__PURE__ */ e(
-            x,
-            {
-              to: `${c}/${I(s.pluralName)}`,
-              className: "ml-4 text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400",
-              children: u(s.pluralName)
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-              lineNumber: 637,
-              columnNumber: 19
-            },
-            this
-          )
-        ] }, void 0, !0, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-          lineNumber: 625,
-          columnNumber: 17
-        }, this) }, void 0, !1, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-          lineNumber: 624,
-          columnNumber: 15
-        }, this),
-        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ e(
-            "svg",
-            {
-              className: "flex-shrink-0 h-5 w-5 text-gray-300 dark:text-gray-600",
-              fill: "currentColor",
-              viewBox: "0 0 20 20",
-              children: /* @__PURE__ */ e(
-                "path",
-                {
-                  fillRule: "evenodd",
-                  d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 111.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
-                  clipRule: "evenodd"
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-                  lineNumber: 652,
-                  columnNumber: 21
-                },
-                this
-              )
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-              lineNumber: 647,
-              columnNumber: 19
-            },
-            this
-          ),
-          /* @__PURE__ */ e("span", { className: "ml-4 text-gray-500 dark:text-gray-400", children: "Edit" }, void 0, !1, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-            lineNumber: 658,
-            columnNumber: 19
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-          lineNumber: 646,
-          columnNumber: 17
-        }, this) }, void 0, !1, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-          lineNumber: 645,
-          columnNumber: 15
-        }, this)
-      ] }, void 0, !0, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 618,
-        columnNumber: 13
-      }, this) }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 617,
-        columnNumber: 11
-      }, this),
-      /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ e("h1", { className: "text-3xl font-bold text-gray-900 dark:text-gray-100", children: [
-          "Edit ",
-          u(s.name)
-        ] }, void 0, !0, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-          lineNumber: 664,
-          columnNumber: 13
-        }, this),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: () => E(!0),
-            disabled: r.status === "loading",
-            className: "inline-flex items-center px-3 py-2 border border-red-300 shadow-sm text-sm leading-4 font-medium rounded-md text-red-700 bg-white hover:bg-red-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 disabled:opacity-50 disabled:cursor-not-allowed",
-            children: [
-              /* @__PURE__ */ e(J, { className: "h-4 w-4 mr-2" }, void 0, !1, {
-                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-                lineNumber: 670,
-                columnNumber: 15
-              }, this),
-              "Delete"
-            ]
-          },
-          void 0,
-          !0,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-            lineNumber: 665,
-            columnNumber: 13
-          },
-          this
-        )
-      ] }, void 0, !0, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 663,
-        columnNumber: 11
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 616,
-      columnNumber: 7
-    }, this),
-    D && /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-gray-600 dark:bg-gray-900 bg-opacity-50 dark:bg-opacity-75 overflow-y-auto h-full w-full z-50 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 p-6 rounded-lg shadow-xl max-w-md w-full mx-4", children: [
-      /* @__PURE__ */ e("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(p, { className: "h-6 w-6 text-red-600" }, void 0, !1, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-          lineNumber: 682,
-          columnNumber: 19
-        }, this) }, void 0, !1, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-          lineNumber: 681,
-          columnNumber: 17
-        }, this),
-        /* @__PURE__ */ e("div", { className: "ml-3", children: [
-          /* @__PURE__ */ e("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100", children: [
-            "Delete ",
-            u(s.name)
-          ] }, void 0, !0, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-            lineNumber: 685,
-            columnNumber: 19
-          }, this),
-          /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
-            "Are you sure you want to delete this",
-            " ",
-            u(s.name).toLowerCase(),
-            "? This action cannot be undone."
-          ] }, void 0, !0, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-            lineNumber: 689,
-            columnNumber: 21
-          }, this) }, void 0, !1, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-            lineNumber: 688,
-            columnNumber: 19
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-          lineNumber: 684,
-          columnNumber: 17
-        }, this)
-      ] }, void 0, !0, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 680,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ e("div", { className: "mt-5 sm:mt-4 sm:flex sm:flex-row-reverse", children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: G,
-            disabled: r.status === "loading",
-            className: "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm disabled:opacity-50 disabled:cursor-not-allowed",
-            children: r.status === "loading" ? "Deleting..." : "Delete"
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-            lineNumber: 697,
-            columnNumber: 17
-          },
-          this
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: () => E(!1),
-            disabled: r.status === "loading",
-            className: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web sm:mt-0 sm:w-auto sm:text-sm disabled:opacity-50 disabled:cursor-not-allowed",
-            children: "Cancel"
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-            lineNumber: 704,
-            columnNumber: 17
-          },
-          this
-        )
-      ] }, void 0, !0, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 696,
-        columnNumber: 15
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 679,
-      columnNumber: 13
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 678,
-      columnNumber: 11
-    }, this),
-    (n.status !== "idle" || r.status !== "idle") && /* @__PURE__ */ e(
-      "div",
-      {
-        className: `mb-6 rounded-md p-4 ${n.status === "success" || r.status === "success" ? "bg-green-50 border border-green-200" : n.status === "error" || r.status === "error" ? "bg-red-50 border border-red-200" : "bg-blue-50 border border-blue-200"}`,
-        children: /* @__PURE__ */ e("div", { className: "flex", children: [
-          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: n.status === "success" || r.status === "success" ? /* @__PURE__ */ e(H, { className: "h-5 w-5 text-green-400" }, void 0, !1, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-            lineNumber: 730,
-            columnNumber: 19
-          }, this) : n.status === "error" || r.status === "error" ? /* @__PURE__ */ e(p, { className: "h-5 w-5 text-red-400" }, void 0, !1, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-            lineNumber: 732,
-            columnNumber: 19
-          }, this) : /* @__PURE__ */ e("div", { className: "h-5 w-5 border-2 border-blue-400 border-t-transparent rounded-full animate-spin" }, void 0, !1, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-            lineNumber: 734,
-            columnNumber: 19
-          }, this) }, void 0, !1, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-            lineNumber: 728,
-            columnNumber: 15
-          }, this),
-          /* @__PURE__ */ e("div", { className: "ml-3", children: /* @__PURE__ */ e(
-            "p",
-            {
-              className: `text-sm font-medium ${n.status === "success" || r.status === "success" ? "text-green-800" : n.status === "error" || r.status === "error" ? "text-red-800" : "text-blue-800"}`,
-              children: n.status === "loading" ? `Updating ${u(s.name)}...` : r.status === "loading" ? `Deleting ${u(s.name)}...` : n.message || r.message
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-              lineNumber: 738,
-              columnNumber: 17
-            },
-            this
-          ) }, void 0, !1, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-            lineNumber: 737,
-            columnNumber: 15
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-          lineNumber: 727,
-          columnNumber: 13
-        }, this)
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 718,
-        columnNumber: 11
-      },
-      this
-    ),
-    /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 shadow-sm rounded-lg", children: /* @__PURE__ */ e("div", { className: "px-6 py-8", children: /* @__PURE__ */ e(
-      X,
-      {
-        id: `edit-${s.name.toLowerCase()}-form`,
-        fields: V,
-        submit: q,
-        disabled: n.status === "loading" || r.status === "loading",
-        defaultValues: o,
-        theme: j
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-        lineNumber: 761,
-        columnNumber: 13
-      },
-      this
-    ) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 760,
-      columnNumber: 11
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
-      lineNumber: 759,
-      columnNumber: 9
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+  return /* @__PURE__ */ React.createElement("div", { className: "space-y-6", __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 614,
     columnNumber: 5
-  }, this);
+  } }, /* @__PURE__ */ React.createElement("div", { className: "mb-8", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 616,
+    columnNumber: 7
+  } }, /* @__PURE__ */ React.createElement("nav", { className: "flex mb-6", "aria-label": "Breadcrumb", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 617,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement("ol", { className: "flex items-center space-x-4", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 618,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 619,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement(Link, { to: basePath, className: "text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 620,
+    columnNumber: 17
+  } }, "Data Browser")), /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 624,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 625,
+    columnNumber: 17
+  } }, /* @__PURE__ */ React.createElement("svg", { className: "flex-shrink-0 h-5 w-5 text-gray-300 dark:text-gray-600", fill: "currentColor", viewBox: "0 0 20 20", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 626,
+    columnNumber: 19
+  } }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 111.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", clipRule: "evenodd", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 631,
+    columnNumber: 21
+  } })), /* @__PURE__ */ React.createElement(Link, { to: `${basePath}/${toKebabCase(model.pluralName)}`, className: "ml-4 text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 637,
+    columnNumber: 19
+  } }, toReadableText(model.pluralName)))), /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 645,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 646,
+    columnNumber: 17
+  } }, /* @__PURE__ */ React.createElement("svg", { className: "flex-shrink-0 h-5 w-5 text-gray-300 dark:text-gray-600", fill: "currentColor", viewBox: "0 0 20 20", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 647,
+    columnNumber: 19
+  } }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 111.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", clipRule: "evenodd", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 652,
+    columnNumber: 21
+  } })), /* @__PURE__ */ React.createElement("span", { className: "ml-4 text-gray-500 dark:text-gray-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 658,
+    columnNumber: 19
+  } }, "Edit"))))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 663,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement("h1", { className: "text-3xl font-bold text-gray-900 dark:text-gray-100", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 664,
+    columnNumber: 13
+  } }, "Edit ", toReadableText(model.name)), /* @__PURE__ */ React.createElement("button", { onClick: () => setShowDeleteConfirm(true), disabled: deleteState.status === "loading", className: "inline-flex items-center px-3 py-2 border border-red-300 shadow-sm text-sm leading-4 font-medium rounded-md text-red-700 bg-white hover:bg-red-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 disabled:opacity-50 disabled:cursor-not-allowed", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 665,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement(TrashIcon, { className: "h-4 w-4 mr-2", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 670,
+    columnNumber: 15
+  } }), "Delete"))), showDeleteConfirm && /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 bg-gray-600 dark:bg-gray-900 bg-opacity-50 dark:bg-opacity-75 overflow-y-auto h-full w-full z-50 flex items-center justify-center", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 678,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 p-6 rounded-lg shadow-xl max-w-md w-full mx-4", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 679,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 680,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 681,
+    columnNumber: 17
+  } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "h-6 w-6 text-red-600", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 682,
+    columnNumber: 19
+  } })), /* @__PURE__ */ React.createElement("div", { className: "ml-3", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 684,
+    columnNumber: 17
+  } }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 685,
+    columnNumber: 19
+  } }, "Delete ", toReadableText(model.name)), /* @__PURE__ */ React.createElement("div", { className: "mt-2", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 688,
+    columnNumber: 19
+  } }, /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-500 dark:text-gray-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 689,
+    columnNumber: 21
+  } }, "Are you sure you want to delete this", " ", toReadableText(model.name).toLowerCase(), "? This action cannot be undone.")))), /* @__PURE__ */ React.createElement("div", { className: "mt-5 sm:mt-4 sm:flex sm:flex-row-reverse", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 696,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("button", { onClick: handleDelete, disabled: deleteState.status === "loading", className: "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm disabled:opacity-50 disabled:cursor-not-allowed", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 697,
+    columnNumber: 17
+  } }, deleteState.status === "loading" ? "Deleting..." : "Delete"), /* @__PURE__ */ React.createElement("button", { onClick: () => setShowDeleteConfirm(false), disabled: deleteState.status === "loading", className: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web sm:mt-0 sm:w-auto sm:text-sm disabled:opacity-50 disabled:cursor-not-allowed", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 704,
+    columnNumber: 17
+  } }, "Cancel")))), (submissionState.status !== "idle" || deleteState.status !== "idle") && /* @__PURE__ */ React.createElement("div", { className: `mb-6 rounded-md p-4 ${submissionState.status === "success" || deleteState.status === "success" ? "bg-green-50 border border-green-200" : submissionState.status === "error" || deleteState.status === "error" ? "bg-red-50 border border-red-200" : "bg-blue-50 border border-blue-200"}`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 718,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 727,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 728,
+    columnNumber: 15
+  } }, submissionState.status === "success" || deleteState.status === "success" ? /* @__PURE__ */ React.createElement(CheckCircleIcon, { className: "h-5 w-5 text-green-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 730,
+    columnNumber: 19
+  } }) : submissionState.status === "error" || deleteState.status === "error" ? /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "h-5 w-5 text-red-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 732,
+    columnNumber: 19
+  } }) : /* @__PURE__ */ React.createElement("div", { className: "h-5 w-5 border-2 border-blue-400 border-t-transparent rounded-full animate-spin", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 734,
+    columnNumber: 19
+  } })), /* @__PURE__ */ React.createElement("div", { className: "ml-3", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 737,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("p", { className: `text-sm font-medium ${submissionState.status === "success" || deleteState.status === "success" ? "text-green-800" : submissionState.status === "error" || deleteState.status === "error" ? "text-red-800" : "text-blue-800"}`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 738,
+    columnNumber: 17
+  } }, submissionState.status === "loading" ? `Updating ${toReadableText(model.name)}...` : deleteState.status === "loading" ? `Deleting ${toReadableText(model.name)}...` : submissionState.message || deleteState.message)))), /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 shadow-sm rounded-lg", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 759,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("div", { className: "px-6 py-8", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 760,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement(Form, { id: `edit-${model.name.toLowerCase()}-form`, fields: formFields, submit: handleSubmit, disabled: submissionState.status === "loading" || deleteState.status === "loading", defaultValues: initialValues, theme: formTheme, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 761,
+    columnNumber: 13
+  } }))));
 }
-function ve({ error: s }) {
-  return /* @__PURE__ */ e(W, { error: s }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
+function AdminDataEditErrorBoundary({
+  error
+}) {
+  return /* @__PURE__ */ React.createElement(ErrorBoundary, { error, __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 776,
     columnNumber: 10
-  }, this);
+  } });
 }
 export {
-  ve as AdminDataEditErrorBoundary,
-  Pe as AdminDataEditPage
+  AdminDataEditErrorBoundary,
+  AdminDataEditPage
 };