@websublime/vite-plugin-open-api-devtools 0.8.5 → 0.9.0-next.1

package/dist/ModelsPage-OOYQ3USo.js

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