@websublime/vite-plugin-open-api-devtools 0.8.0 → 0.8.2

package/dist/ModelsPage-DgFhUiBH.js

@@ -0,0 +1,750 @@
+import { ref as w, computed as M, toRaw as te, defineComponent as q, createElementBlock as m, openBlock as f, createCommentVNode as N, createVNode as E, createElementVNode as s, unref as r, Fragment as J, renderList as A, normalizeClass as B, toDisplayString as C, watch as H, normalizeStyle as se, reactive as ne, onMounted as ae, nextTick as oe, createBlock as le, Teleport as re, withModifiers as ie, createTextVNode as G } from "vue";
+import { c as W, D as K, _ as X, u as ce } from "./main-DUNgny3E.js";
+import { C as de } from "./check-D8w72KaI.js";
+import { defineStore as ue } from "pinia";
+import { X as fe } from "./x-BI73Bc0z.js";
+import { T as me } from "./trash-2-BaiQpXqE.js";
+const ve = W("circle-alert", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+]);
+const he = W("refresh-cw", [
+  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
+  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
+  ["path", { d: "M8 16H3v5", key: "1cv678" }]
+]);
+const _e = W("save", [
+  [
+    "path",
+    {
+      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
+      key: "1c8476"
+    }
+  ],
+  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
+  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
+]);
+function U(t) {
+  try {
+    return structuredClone(te(t));
+  } catch {
+    return JSON.parse(JSON.stringify(t));
+  }
+}
+const ye = ue("models", () => {
+  const t = w([]), e = w(null), i = w([]), c = w([]), u = w(!1), o = w(null), y = M(() => e.value ? t.value.find((a) => a.name === e.value) ?? null : null), g = w(!1), d = M(() => g.value), v = M(() => t.value.length), p = M(() => t.value.reduce((a, _) => a + _.count, 0));
+  async function x() {
+    u.value = !0, o.value = null;
+    try {
+      const a = await fetch("/_api/store");
+      if (!a.ok)
+        throw new Error(`Failed to fetch schemas: ${a.statusText}`);
+      const _ = await a.json();
+      t.value = _.schemas ?? [];
+    } catch (a) {
+      o.value = a instanceof Error ? a.message : "Failed to fetch schemas", console.error("[ModelsStore] Error fetching schemas:", a);
+    } finally {
+      u.value = !1;
+    }
+  }
+  async function F(a) {
+    e.value !== a && (e.value = a, await j(a));
+  }
+  async function j(a) {
+    u.value = !0, o.value = null;
+    try {
+      const _ = await fetch(`/_api/store/${encodeURIComponent(a)}`);
+      if (!_.ok)
+        throw new Error(`Failed to fetch schema data: ${_.statusText}`);
+      const I = await _.json(), D = I.items ?? [];
+      i.value = U(D), c.value = U(D), g.value = !1;
+      const Y = t.value.findIndex((ee) => ee.name === a);
+      Y !== -1 && (t.value[Y].count = I.count);
+    } catch (_) {
+      o.value = _ instanceof Error ? _.message : "Failed to fetch schema data", console.error("[ModelsStore] Error fetching schema data:", _);
+    } finally {
+      u.value = !1;
+    }
+  }
+  function O(a) {
+    if (!Array.isArray(a)) {
+      o.value = "Invalid data: Expected an array of items", console.error("[ModelsStore] updateItems received non-array value:", typeof a);
+      return;
+    }
+    i.value = a, o.value = null, g.value = !0;
+  }
+  async function h() {
+    if (!e.value)
+      return o.value = "No schema selected", !1;
+    u.value = !0, o.value = null;
+    try {
+      const a = await fetch(`/_api/store/${encodeURIComponent(e.value)}`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(i.value)
+      });
+      if (!a.ok) {
+        const D = await a.json().catch(() => ({}));
+        throw new Error(D.error || `Failed to save items: ${a.statusText}`);
+      }
+      const _ = await a.json();
+      c.value = U(i.value), g.value = !1;
+      const I = t.value.findIndex((D) => D.name === e.value);
+      return I !== -1 && (t.value[I].count = _.created ?? i.value.length), !0;
+    } catch (a) {
+      return o.value = a instanceof Error ? a.message : "Failed to save items", console.error("[ModelsStore] Error saving items:", a), !1;
+    } finally {
+      u.value = !1;
+    }
+  }
+  async function b() {
+    if (!e.value)
+      return o.value = "No schema selected", !1;
+    u.value = !0, o.value = null;
+    try {
+      const a = await fetch(`/_api/store/${encodeURIComponent(e.value)}`, {
+        method: "DELETE"
+      });
+      if (!a.ok)
+        throw new Error(`Failed to clear schema: ${a.statusText}`);
+      i.value = [], c.value = [], g.value = !1;
+      const _ = t.value.findIndex((I) => I.name === e.value);
+      return _ !== -1 && (t.value[_].count = 0), !0;
+    } catch (a) {
+      return o.value = a instanceof Error ? a.message : "Failed to clear schema", console.error("[ModelsStore] Error clearing schema:", a), !1;
+    } finally {
+      u.value = !1;
+    }
+  }
+  function $() {
+    i.value = U(c.value), g.value = !1;
+  }
+  async function l() {
+    e.value ? await j(e.value) : await x();
+  }
+  function n() {
+    t.value = [], e.value = null, i.value = [], c.value = [], u.value = !1, o.value = null, g.value = !1;
+  }
+  function S(a) {
+    const _ = t.value.findIndex((I) => I.name === a.schema);
+    _ !== -1 && (t.value[_].count = a.count), e.value === a.schema && (d.value ? console.warn(
+      `[ModelsStore] Skipping auto-refresh for schema "${a.schema}" - unsaved changes exist`
+    ) : j(a.schema));
+  }
+  function R(a) {
+    a.success && (x(), e.value && (d.value ? console.warn(
+      `[ModelsStore] Skipping auto-refresh after reseed for schema "${e.value}" - unsaved changes exist`
+    ) : j(e.value)));
+  }
+  return {
+    // State
+    schemas: t,
+    selectedSchema: e,
+    currentItems: i,
+    loading: u,
+    error: o,
+    // Computed
+    currentSchema: y,
+    isDirty: d,
+    schemaCount: v,
+    totalItems: p,
+    // Actions
+    fetchSchemas: x,
+    selectSchemaByName: F,
+    fetchSchemaData: j,
+    updateItems: O,
+    saveItems: h,
+    clearSchema: b,
+    discardChanges: $,
+    refresh: l,
+    reset: n,
+    handleStoreUpdate: S,
+    handleReseedComplete: R
+  };
+});
+function L(t, e) {
+  return t.length <= e ? t : `${t.slice(0, e)}…`;
+}
+function pe(t) {
+  return t == null ? "--" : typeof t == "string" ? L(t, 50) : typeof t == "number" || typeof t == "boolean" ? String(t) : Array.isArray(t) || typeof t == "object" ? L(JSON.stringify(t), 50) : String(t);
+}
+function Q(t, e) {
+  if (!(typeof t != "object" || t === null))
+    return t[e];
+}
+function ge(t, e, i) {
+  const c = Q(t, e);
+  return typeof c == "string" || typeof c == "number" ? c : i;
+}
+function be(t, e) {
+  if (t.length === 0) return [];
+  const i = /* @__PURE__ */ new Set();
+  for (const u of t)
+    if (typeof u == "object" && u !== null)
+      for (const o of Object.keys(u))
+        i.add(o);
+  if (i.size === 0) return [];
+  const c = Array.from(i);
+  return c.includes(e) ? [e, ...c.filter((u) => u !== e)] : c;
+}
+const Se = { class: "data-table" }, Ce = {
+  key: 0,
+  class: "data-table__empty"
+}, ke = {
+  key: 1,
+  class: "data-table__container"
+}, we = { class: "data-table__table" }, xe = ["onClick"], Ie = { class: "data-table__row-num" }, $e = {
+  key: 2,
+  class: "data-table__footer"
+}, Te = { class: "data-table__info" }, Ee = { class: "data-table__info" }, je = /* @__PURE__ */ q({
+  __name: "DataTable",
+  props: {
+    items: {},
+    idField: {},
+    selectedIndex: { default: -1 }
+  },
+  emits: ["select"],
+  setup(t, { emit: e }) {
+    const i = t, c = e, u = M(() => be(i.items, i.idField));
+    function o(g) {
+      c("select", g);
+    }
+    function y(g, d) {
+      return ge(g, i.idField, d);
+    }
+    return (g, d) => (f(), m("div", Se, [
+      t.items.length === 0 ? (f(), m("div", Ce, [
+        E(r(K), {
+          size: 32,
+          class: "data-table__empty-icon"
+        }),
+        d[0] || (d[0] = s("span", null, "No items", -1))
+      ])) : (f(), m("div", ke, [
+        s("table", we, [
+          s("thead", null, [
+            s("tr", null, [
+              d[1] || (d[1] = s("th", { class: "data-table__row-num" }, "#", -1)),
+              (f(!0), m(J, null, A(u.value, (v) => (f(), m("th", {
+                key: v,
+                class: B(["data-table__header", { "data-table__header--id": v === t.idField }])
+              }, C(v), 3))), 128))
+            ])
+          ]),
+          s("tbody", null, [
+            (f(!0), m(J, null, A(t.items, (v, p) => (f(), m("tr", {
+              key: y(v, p),
+              class: B(["data-table__row", { "data-table__row--selected": p === t.selectedIndex }]),
+              onClick: (x) => o(p)
+            }, [
+              s("td", Ie, C(p + 1), 1),
+              (f(!0), m(J, null, A(u.value, (x) => (f(), m("td", {
+                key: x,
+                class: B(["data-table__cell", { "data-table__cell--id": x === t.idField }])
+              }, C(r(pe)(r(Q)(v, x))), 3))), 128))
+            ], 10, xe))), 128))
+          ])
+        ])
+      ])),
+      t.items.length > 0 ? (f(), m("div", $e, [
+        s("span", Te, C(t.items.length) + " items", 1),
+        s("span", Ee, C(u.value.length) + " columns", 1)
+      ])) : N("", !0)
+    ]));
+  }
+}), De = /* @__PURE__ */ X(je, [["__scopeId", "data-v-dcdce8f7"]]), Me = { class: "json-editor" }, Ne = { class: "json-editor__container" }, Je = {
+  class: "json-editor__lines",
+  "aria-hidden": "true"
+}, Fe = ["value", "readonly", "placeholder"], Ve = { class: "json-editor__status" }, Oe = { class: "json-editor__status-left" }, Re = {
+  key: 0,
+  class: "json-editor__valid"
+}, Ae = {
+  key: 1,
+  class: "json-editor__error"
+}, ze = { class: "json-editor__status-right" }, Ue = { class: "json-editor__info" }, Pe = /* @__PURE__ */ q({
+  __name: "JsonEditor",
+  props: {
+    modelValue: {},
+    readonly: { type: Boolean, default: !1 },
+    placeholder: { default: "Enter JSON data..." },
+    minHeight: { default: 200 }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: e, emit: i }) {
+    const c = t, u = i, o = w(""), y = w(null), g = M(() => y.value === null), d = M(() => o.value.split(`
+`).length), v = M(() => Array.from({ length: d.value }, (h, b) => b + 1));
+    function p() {
+      try {
+        o.value = JSON.stringify(c.modelValue, null, 2), y.value = null;
+      } catch {
+        o.value = "", y.value = "Invalid initial value";
+      }
+    }
+    p(), H(
+      () => c.modelValue,
+      () => {
+        try {
+          const h = JSON.parse(o.value);
+          JSON.stringify(h) !== JSON.stringify(c.modelValue) && p();
+        } catch {
+          p();
+        }
+      }
+    );
+    function x(h) {
+      const b = h.target;
+      o.value = b.value, F();
+    }
+    function F() {
+      if (o.value.trim() === "") {
+        y.value = null, u("update:modelValue", []);
+        return;
+      }
+      try {
+        const h = JSON.parse(o.value);
+        y.value = null, u("update:modelValue", h);
+      } catch (h) {
+        if (h instanceof Error) {
+          const b = h.message.match(/position (\d+)/);
+          if (b) {
+            const $ = Number.parseInt(b[1], 10), l = o.value.substring(0, $).split(`
+`), n = l.length, S = l[l.length - 1].length + 1;
+            y.value = `Line ${n}, Column ${S}: ${h.message}`;
+          } else
+            y.value = h.message;
+        } else
+          y.value = "Invalid JSON";
+      }
+    }
+    function j() {
+      try {
+        const h = JSON.parse(o.value);
+        o.value = JSON.stringify(h, null, 2), y.value = null, u("update:modelValue", h);
+      } catch {
+      }
+    }
+    function O(h) {
+      if (h.key === "Tab") {
+        h.preventDefault();
+        const b = h.target, $ = b.selectionStart, l = b.selectionEnd, n = `${o.value.substring(0, $)}  ${o.value.substring(l)}`;
+        o.value = n, setTimeout(() => {
+          b.selectionStart = b.selectionEnd = $ + 2;
+        }, 0), F();
+      }
+    }
+    return e({
+      formatJson: j,
+      isValid: g
+    }), (h, b) => (f(), m("div", Me, [
+      s("div", Ne, [
+        s("div", Je, [
+          (f(!0), m(J, null, A(v.value, ($) => (f(), m("div", {
+            key: $,
+            class: "json-editor__line-number"
+          }, C($), 1))), 128))
+        ]),
+        s("textarea", {
+          value: o.value,
+          readonly: t.readonly,
+          placeholder: t.placeholder,
+          style: se({ minHeight: `${t.minHeight}px` }),
+          class: "json-editor__textarea",
+          spellcheck: "false",
+          onInput: x,
+          onKeydown: O
+        }, null, 44, Fe)
+      ]),
+      s("div", Ve, [
+        s("div", Oe, [
+          g.value ? (f(), m("div", Re, [
+            E(r(de), { size: 14 }),
+            b[0] || (b[0] = s("span", null, "Valid JSON", -1))
+          ])) : y.value ? (f(), m("div", Ae, [
+            E(r(ve), { size: 14 }),
+            s("span", null, C(y.value), 1)
+          ])) : N("", !0)
+        ]),
+        s("div", ze, [
+          s("span", Ue, C(d.value) + " lines", 1)
+        ])
+      ])
+    ]));
+  }
+}), Be = /* @__PURE__ */ X(Pe, [["__scopeId", "data-v-dbd5ce20"]]), z = w([]), T = ne({
+  visible: !1,
+  title: "",
+  message: "",
+  confirmText: "Confirm",
+  cancelText: "Cancel",
+  onConfirm: null,
+  onCancel: null
+}), V = /* @__PURE__ */ new Map();
+let k = null, Le = 0;
+function He() {
+  return `toast-${Date.now()}-${Le++}`;
+}
+function P(t, e, i = 3e3) {
+  const c = He(), u = {
+    id: c,
+    type: t,
+    message: e,
+    duration: i,
+    timestamp: Date.now()
+  };
+  if (z.value.push(u), i > 0) {
+    const o = setTimeout(() => {
+      Z(c), V.delete(c);
+    }, i);
+    V.set(c, o);
+  }
+  return c;
+}
+function Z(t) {
+  const e = V.get(t);
+  e !== void 0 && (clearTimeout(e), V.delete(t));
+  const i = z.value.findIndex((c) => c.id === t);
+  i !== -1 && z.value.splice(i, 1);
+}
+function Ke() {
+  function t(d, v) {
+    return P("success", d, v);
+  }
+  function e(d, v) {
+    return P("error", d, v);
+  }
+  function i(d, v) {
+    return P("info", d, v);
+  }
+  function c(d, v) {
+    return P("warning", d, v);
+  }
+  function u(d, v) {
+    return new Promise((p) => {
+      k && (k(!1), k = null), k = p, T.visible = !0, T.title = v?.title || "Confirm", T.message = d, T.confirmText = v?.confirmText || "Confirm", T.cancelText = v?.cancelText || "Cancel", T.onConfirm = () => {
+        T.visible = !1, k && (k(!0), k = null);
+      }, T.onCancel = () => {
+        T.visible = !1, k && (k(!1), k = null);
+      };
+    });
+  }
+  function o() {
+    T.visible = !1, k && (k(!1), k = null);
+  }
+  function y(d) {
+    Z(d);
+  }
+  function g() {
+    for (const d of V.values())
+      clearTimeout(d);
+    V.clear(), z.value = [];
+  }
+  return {
+    // State
+    toasts: z,
+    confirmDialog: T,
+    // Toast methods
+    success: t,
+    error: e,
+    info: i,
+    warning: c,
+    dismiss: y,
+    clearAll: g,
+    // Confirm methods
+    confirm: u,
+    closeConfirm: o
+  };
+}
+const qe = { class: "models-page" }, We = { class: "models-sidebar" }, Xe = { class: "models-sidebar__header" }, Ye = { class: "models-sidebar__badge" }, Ge = {
+  key: 0,
+  class: "models-sidebar__loading"
+}, Qe = {
+  key: 1,
+  class: "models-sidebar__list"
+}, Ze = ["onClick"], et = { class: "models-sidebar__name" }, tt = { class: "models-sidebar__count" }, st = { class: "models-sidebar__footer" }, nt = { class: "models-sidebar__stat" }, at = { class: "font-mono" }, ot = { class: "models-content" }, lt = { class: "models-toolbar" }, rt = { class: "models-toolbar__title" }, it = { class: "font-mono" }, ct = { class: "text-muted" }, dt = {
+  key: 0,
+  class: "models-toolbar__badge models-toolbar__badge--warning"
+}, ut = { class: "models-toolbar__actions" }, ft = ["disabled"], mt = ["disabled"], vt = {
+  key: 0,
+  class: "models-error"
+}, ht = { class: "models-panels" }, _t = { class: "models-panel" }, yt = { class: "models-panel" }, pt = {
+  key: 1,
+  class: "models-loading-overlay"
+}, gt = {
+  key: 1,
+  class: "empty-state"
+}, bt = {
+  key: 0,
+  class: "models-error"
+}, St = { class: "modal__body" }, Ct = { class: "modal__footer" }, kt = /* @__PURE__ */ q({
+  __name: "ModelsPage",
+  setup(t) {
+    const e = ye(), { send: i, on: c, connected: u } = ce(), { success: o, error: y, confirm: g } = Ke(), d = w(null), v = w(!1), p = w(-1);
+    ae(async () => {
+      try {
+        await e.fetchSchemas(), e.schemas.length > 0 && !e.selectedSchema && await e.selectSchemaByName(e.schemas[0].name);
+      } catch (l) {
+        e.error || (e.error = l instanceof Error ? l.message : "Failed to load schemas");
+      }
+    }), c("store:updated", (l) => {
+      const n = l;
+      if (typeof l != "object" || l === null || typeof n.schema != "string" || typeof n.action != "string" || typeof n.count != "number") {
+        console.warn("[ModelsPage] Invalid store:updated payload:", l);
+        return;
+      }
+      e.handleStoreUpdate(l), p.value = -1;
+    }), c("reseeded", (l) => {
+      const n = l;
+      if (typeof l != "object" || l === null || typeof n.success != "boolean" || !Array.isArray(n.schemas)) {
+        console.warn("[ModelsPage] Invalid reseeded payload:", l);
+        return;
+      }
+      e.handleReseedComplete(l), p.value = -1;
+    }), H(
+      () => e.selectedSchema,
+      async () => {
+        p.value = -1, d.value && e.currentItems.length > 0 && (await oe(), d.value?.formatJson());
+      }
+    ), H(
+      () => e.currentItems,
+      (l, n) => {
+        const S = p.value;
+        if (S < 0) return;
+        if (S >= l.length) {
+          p.value = -1;
+          return;
+        }
+        const R = e.currentSchema?.idField ?? "id", a = n?.[S], _ = l[S];
+        if (a !== _) {
+          if (typeof a == "object" && a !== null && typeof _ == "object" && _ !== null) {
+            const I = a[R], D = _[R];
+            if (I !== void 0 && I === D) return;
+          }
+          p.value = -1;
+        }
+      }
+    );
+    async function x(l) {
+      e.isDirty && !await g(
+        "You have unsaved changes. Are you sure you want to switch schemas?",
+        {
+          title: "Unsaved Changes",
+          confirmText: "Switch Schema",
+          cancelText: "Cancel"
+        }
+      ) || await e.selectSchemaByName(l);
+    }
+    async function F() {
+      if (!d.value?.isValid) {
+        y("Cannot save invalid JSON. Please fix the errors first.");
+        return;
+      }
+      if (await e.saveItems())
+        o("Items saved successfully");
+      else {
+        const n = e.error || "Failed to save items";
+        y(n);
+      }
+    }
+    async function j() {
+      if (!e.isDirty) return;
+      await g("Discard all changes and revert to saved data?", {
+        title: "Discard Changes",
+        confirmText: "Discard",
+        cancelText: "Cancel"
+      }) && (e.discardChanges(), o("Changes discarded"));
+    }
+    async function O() {
+      v.value = !1;
+      try {
+        if (await e.clearSchema())
+          o("Schema cleared successfully");
+        else {
+          const n = e.error || "Failed to clear schema";
+          y(n);
+        }
+      } catch (l) {
+        const n = l instanceof Error ? l.message : "Failed to clear schema";
+        y(n);
+      }
+    }
+    async function h() {
+      if (!u.value) {
+        y("WebSocket not connected. Cannot trigger reseed.");
+        return;
+      }
+      await g(
+        "This will regenerate all seed data and replace existing items. Continue?",
+        {
+          title: "Reseed All Schemas",
+          confirmText: "Reseed",
+          cancelText: "Cancel"
+        }
+      ) && (i({ type: "reseed" }), o("Reseed command sent"));
+    }
+    function b(l) {
+      e.updateItems(l);
+    }
+    function $(l) {
+      p.value = p.value === l ? -1 : l;
+    }
+    return (l, n) => (f(), m("div", qe, [
+      s("aside", We, [
+        s("div", Xe, [
+          E(r(K), { size: 18 }),
+          n[4] || (n[4] = s("span", null, "Schemas", -1)),
+          s("span", Ye, C(r(e).schemaCount), 1)
+        ]),
+        r(e).loading && r(e).schemas.length === 0 ? (f(), m("div", Ge, [...n[5] || (n[5] = [
+          s("div", { class: "spinner" }, null, -1),
+          s("span", null, "Loading...", -1)
+        ])])) : (f(), m("div", Qe, [
+          (f(!0), m(J, null, A(r(e).schemas, (S) => (f(), m("button", {
+            key: S.name,
+            class: B([
+              "models-sidebar__item",
+              { "models-sidebar__item--active": r(e).selectedSchema === S.name }
+            ]),
+            onClick: (R) => x(S.name)
+          }, [
+            s("span", et, C(S.name), 1),
+            s("span", tt, C(S.count), 1)
+          ], 10, Ze))), 128))
+        ])),
+        s("div", st, [
+          s("div", nt, [
+            n[6] || (n[6] = s("span", { class: "text-muted" }, "Total Items:", -1)),
+            s("span", at, C(r(e).totalItems), 1)
+          ])
+        ])
+      ]),
+      s("main", ot, [
+        r(e).selectedSchema ? (f(), m(J, { key: 0 }, [
+          s("div", lt, [
+            s("div", rt, [
+              s("span", it, C(r(e).selectedSchema), 1),
+              s("span", ct, "(" + C(r(e).currentItems.length) + " items)", 1),
+              r(e).isDirty ? (f(), m("span", dt, " Unsaved ")) : N("", !0)
+            ]),
+            s("div", ut, [
+              r(e).isDirty ? (f(), m("button", {
+                key: 0,
+                class: "btn btn--ghost",
+                title: "Discard changes",
+                onClick: j
+              }, [
+                E(r(fe), { size: 16 }),
+                n[7] || (n[7] = s("span", null, "Discard", -1))
+              ])) : N("", !0),
+              s("button", {
+                disabled: !r(e).isDirty || r(e).loading,
+                class: "btn btn--primary",
+                title: "Save changes",
+                onClick: F
+              }, [
+                E(r(_e), { size: 16 }),
+                n[8] || (n[8] = s("span", null, "Save", -1))
+              ], 8, ft),
+              s("button", {
+                class: "btn btn--danger",
+                title: "Clear all items",
+                onClick: n[0] || (n[0] = (S) => v.value = !0)
+              }, [
+                E(r(me), { size: 16 }),
+                n[9] || (n[9] = s("span", null, "Clear", -1))
+              ]),
+              s("button", {
+                disabled: !r(u),
+                class: "btn btn--secondary",
+                title: "Reseed all schemas with generated data",
+                onClick: h
+              }, [
+                E(r(he), { size: 16 }),
+                n[10] || (n[10] = s("span", null, "Reseed All", -1))
+              ], 8, mt)
+            ])
+          ]),
+          r(e).error ? (f(), m("div", vt, [
+            s("span", null, "⚠️ " + C(r(e).error), 1)
+          ])) : N("", !0),
+          s("div", ht, [
+            s("div", _t, [
+              E(Be, {
+                ref_key: "jsonEditorRef",
+                ref: d,
+                "model-value": r(e).currentItems,
+                readonly: r(e).loading,
+                "min-height": 400,
+                "onUpdate:modelValue": b
+              }, null, 8, ["model-value", "readonly"])
+            ]),
+            s("div", yt, [
+              E(De, {
+                items: r(e).currentItems,
+                "id-field": r(e).currentSchema?.idField ?? "id",
+                "selected-index": p.value,
+                onSelect: $
+              }, null, 8, ["items", "id-field", "selected-index"])
+            ])
+          ]),
+          r(e).loading ? (f(), m("div", pt, [...n[11] || (n[11] = [
+            s("div", { class: "spinner" }, null, -1),
+            s("span", null, "Loading...", -1)
+          ])])) : N("", !0)
+        ], 64)) : (f(), m("div", gt, [
+          r(e).error ? (f(), m("div", bt, [
+            s("span", null, "⚠️ " + C(r(e).error), 1)
+          ])) : (f(), m(J, { key: 1 }, [
+            E(r(K), {
+              size: 48,
+              class: "empty-state__icon"
+            }),
+            n[12] || (n[12] = s("h3", { class: "empty-state__title" }, "Select a schema", -1)),
+            n[13] || (n[13] = s("p", { class: "empty-state__description" }, " Choose a schema from the sidebar to view and edit its data. ", -1))
+          ], 64))
+        ]))
+      ]),
+      (f(), le(re, { to: "body" }, [
+        v.value ? (f(), m("div", {
+          key: 0,
+          class: "modal-overlay",
+          onClick: n[3] || (n[3] = (S) => v.value = !1)
+        }, [
+          s("div", {
+            class: "modal",
+            onClick: n[2] || (n[2] = ie(() => {
+            }, ["stop"]))
+          }, [
+            n[17] || (n[17] = s("div", { class: "modal__header" }, [
+              s("h3", null, "Clear Schema Data")
+            ], -1)),
+            s("div", St, [
+              s("p", null, [
+                n[14] || (n[14] = G(" Are you sure you want to clear all items for ", -1)),
+                s("strong", null, C(r(e).selectedSchema), 1),
+                n[15] || (n[15] = G("? ", -1))
+              ]),
+              n[16] || (n[16] = s("p", { class: "text-muted" }, "This action cannot be undone.", -1))
+            ]),
+            s("div", Ct, [
+              s("button", {
+                class: "btn btn--ghost",
+                onClick: n[1] || (n[1] = (S) => v.value = !1)
+              }, " Cancel "),
+              s("button", {
+                class: "btn btn--danger",
+                onClick: O
+              }, " Clear Schema ")
+            ])
+          ])
+        ])) : N("", !0)
+      ]))
+    ]));
+  }
+}), jt = /* @__PURE__ */ X(kt, [["__scopeId", "data-v-353edfbc"]]);
+export {
+  jt as default
+};
+//# sourceMappingURL=ModelsPage-DgFhUiBH.js.map