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

package/dist/ModelsPage-DxcKgz3y.js

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