@statezero/core 0.2.52 → 0.2.53

package/dist/adaptors/vue/components/StateZeroDebugPanel.js

@@ -1,41 +1,41 @@
-import { ref as J, computed as R, onMounted as hs, onBeforeUnmount as fs, watch as it, createElementBlock as $, openBlock as A, createElementVNode as h, createVNode as Tt, toDisplayString as S, createCommentVNode as V, Fragment as W, renderList as ce, normalizeClass as Mt, normalizeStyle as at, withDirectives as Qe, createTextVNode as Ve, vModelCheckbox as $t, vModelSelect as At, Transition as Ot, withCtx as Pt } from "vue";
+import { ref as J, computed as R, onMounted as fs, onBeforeUnmount as ps, watch as it, createElementBlock as $, openBlock as A, createElementVNode as h, createVNode as Mt, toDisplayString as S, createCommentVNode as V, Fragment as W, renderList as ce, normalizeClass as $t, normalizeStyle as at, withDirectives as Qe, createTextVNode as Ve, vModelCheckbox as At, vModelSelect as Ot, Transition as Pt, withCtx as Ft } from "vue";
 import { v7 as G } from "uuid";
-import { isNil as E, isEmpty as ve, trim as dt, isEqual as qe } from "lodash-es";
+import { isNil as E, isEmpty as ve, trim as ut, isEqual as qe } from "lodash-es";
 import Ae from "mitt";
 import It from "handlebars";
-import Ft from "superjson";
-import ps from "p-queue";
-import ms from "axios";
+import Dt from "superjson";
+import ms from "p-queue";
+import ys from "axios";
 import { z as P } from "zod";
-import ys from "pusher-js";
-import Zt, { createEqualsOperation as ee } from "sift";
+import gs from "pusher-js";
+import Yt, { createEqualsOperation as ee } from "sift";
 import { DateTime as _e } from "luxon";
-import { parse as gs, format as _s } from "date-fns";
-import { Graph as Dt } from "graphlib";
+import { parse as _s, format as ws } from "date-fns";
+import { Graph as zt } from "graphlib";
 import Le from "object-hash";
-import * as Yt from "mathjs";
-import ws from "rfdc";
-const se = /* @__PURE__ */ new Map(), ut = /* @__PURE__ */ new Set();
-function Cs(n) {
-  return ut.add(n), () => ut.delete(n);
+import * as Xt from "mathjs";
+import Cs from "rfdc";
+const se = /* @__PURE__ */ new Map(), ht = /* @__PURE__ */ new Set();
+function vs(n) {
+  return ht.add(n), () => ht.delete(n);
 }
 function Je(n) {
   return typeof n == "string" && /\{\{\s*TempPK_[^}\s]+\s*\}\}/.test(n);
 }
-function zt(n) {
+function Kt(n) {
   return `{{TempPK_${n}}}`;
 }
-function Kt(n, e) {
+function Rt(n, e) {
   const t = `{{TempPK_${n}}}`, s = `"TempPK_${n}"`, r = typeof e == "string" ? `"${e}"` : String(e);
   se.set(s, r);
-  for (const o of ut)
+  for (const o of ht)
     try {
       o(t, e);
     } catch (i) {
       console.warn("[tempPk] onResolve callback error:", i);
     }
 }
-function vs(n) {
+function Es(n) {
   if (!Je(String(n))) return n;
   const e = String(n).match(/\{\{\s*TempPK_([^}\s]+)\s*\}\}/);
   if (!e) return n;
@@ -48,14 +48,14 @@ function We(n) {
   try {
     if (typeof n == "string")
       return It.compile(n, { noEscape: !0 })(e);
-    const t = Ft.stringify(n), r = It.compile(t, { noEscape: !0 })(e);
-    return Ft.parse(r);
+    const t = Dt.stringify(n), r = It.compile(t, { noEscape: !0 })(e);
+    return Dt.parse(r);
   } catch {
     return n;
   }
 }
-const Es = Ae(), bs = Ae(), Rt = Ae();
-class ks {
+const bs = Ae(), ks = Ae(), Nt = Ae(), lt = /* @__PURE__ */ new Map();
+class Ss {
   constructor(e, t = {}) {
     this.dbName = e, this.storeName = t.storeName || "keyval-store", this.batchDelay = t.batchDelay || 50, this.version = t.version || 5, this.resetOnErrors = t.resetOnErrors || [
       "VersionError",
@@ -236,9 +236,9 @@ class ks {
     }
   }
 }
-class vt {
+class Et {
   constructor(e, t = {}, s = null) {
-    this.store = new ks(e, t), this.localMap = /* @__PURE__ */ new Map(), this.hydrate().then((r) => {
+    lt.has(e) ? this.store = lt.get(e) : (this.store = new Ss(e, t), lt.set(e, this.store)), this.localMap = /* @__PURE__ */ new Map(), this.hydrate().then((r) => {
       typeof s == "function" && s(r);
     }).catch((r) => {
       console.error(`Cache hydration failed for "${e}":`, r);
@@ -294,7 +294,7 @@ const ge = (n, e) => {
       o && o[r] != null && n._lastRenderedData.set(o[r], o);
     for (const o of e.pks)
       s.some((i) => i && i[r] === o) || n._lastRenderedData.set(o, null);
-    Es.emit(
+    bs.emit(
       `${n.modelClass.configKey}::${n.modelClass.modelName}::render`,
       e
     ), n.renderCallbacks.forEach((o) => {
@@ -340,14 +340,14 @@ class Y {
     return r.size > 0 ? new Y(t, Array.from(r)) : null;
   }
 }
-class Ss {
+class Ts {
   modelClass;
   fetchFn;
   groundTruthArray;
   operationsMap;
   isSyncing;
   constructor(e, t, s = null, r = null, o = {}) {
-    this.modelClass = e, this.fetchFn = t, this.isSyncing = !1, this.pruneThreshold = o.pruneThreshold || 10, this.groundTruthArray = s || [], this.operationsMap = /* @__PURE__ */ new Map(), r && r.length > 0 && this._loadOperations(r), this.modelCache = new vt("model-cache", {}, this.onHydrated.bind(this)), this._lastRenderedData = /* @__PURE__ */ new Map(), this.renderCallbacks = /* @__PURE__ */ new Set(), this._unsubscribeTempPk = Cs((i, l) => {
+    this.modelClass = e, this.fetchFn = t, this.isSyncing = !1, this.pruneThreshold = o.pruneThreshold || 10, this.groundTruthArray = s || [], this.operationsMap = /* @__PURE__ */ new Map(), r && r.length > 0 && this._loadOperations(r), this.modelCache = new Et("model-cache", {}, this.onHydrated.bind(this)), this._lastRenderedData = /* @__PURE__ */ new Map(), this.renderCallbacks = /* @__PURE__ */ new Set(), this._unsubscribeTempPk = vs((i, l) => {
       if (this._lastRenderedData.has(i)) {
         const a = this._lastRenderedData.get(i);
         a && typeof a == "object" && (a[this.pkField] = l), this._lastRenderedData.set(l, a), this._lastRenderedData.delete(i);
@@ -382,7 +382,7 @@ class Ss {
     let s = [];
     e.forEach((r) => {
       let o = r[t];
-      if (!(typeof o == "string" && Je(o) && (o = We(r[t]), E(o) || ve(dt(o)))))
+      if (!(typeof o == "string" && Je(o) && (o = We(r[t]), E(o) || ve(ut(o)))))
         if (r && typeof r.serialize == "function") {
           const i = r.serialize(!0);
           i[t] = o, s.push(i);
@@ -398,7 +398,7 @@ class Ss {
     let r = [];
     if (e.forEach((c) => {
       let f = c[s];
-      typeof f == "string" && Je(f) && (f = We(c[s]), E(f) || ve(dt(f))) || (c[s] = f, r.push(c));
+      typeof f == "string" && Je(f) && (f = We(c[s]), E(f) || ve(ut(f))) || (c[s] = f, r.push(c));
     }), t === null) {
       this.setCache(r);
       return;
@@ -600,7 +600,7 @@ class Ss {
   // Render methods
   render(e = null, t = !0, s = !0) {
     if (s && e !== null) {
-      const o = (Array.isArray(e) ? e : [e]).map((a) => vs(a)), i = [];
+      const o = (Array.isArray(e) ? e : [e]).map((a) => Es(a)), i = [];
       for (const a of o)
         this._lastRenderedData.has(a) || i.push(a);
       if (i.length === 0)
@@ -688,7 +688,7 @@ class Ge {
       const t = async ({ pks: s, modelClass: r }) => await r.objects.filter({
         [`${r.primaryKeyField}__in`]: s
       }).fetch().serialize();
-      this._stores.set(e, new Ss(e, t, null, null)), this.syncManager.followModel(this, e);
+      this._stores.set(e, new Ts(e, t, null, null)), this.syncManager.followModel(this, e);
     }
     return this._stores.get(e);
   }
@@ -818,7 +818,7 @@ class q {
     return e.instances && !Array.isArray(e.instances) && (e.instances = [e.instances]), Object.assign(this, e), this.timestamp = Date.now(), ie.emit(C.MUTATED, this), this;
   }
 }
-class Ts {
+class Ms {
   constructor() {
     this._operations = /* @__PURE__ */ new Map(), this._querysetStates = /* @__PURE__ */ new Map();
   }
@@ -903,9 +903,9 @@ class Ts {
     return t.length > 0 ? t[t.length - 1] : void 0;
   }
 }
-const Pe = new Ts(), Ms = Ae();
-function $s(n) {
-  Ms.emit("error", n);
+const Pe = new Ms(), $s = Ae();
+function As(n) {
+  $s.emit("error", n);
 }
 class fe extends Error {
   /**
@@ -917,7 +917,7 @@ class fe extends Error {
    * @param {number} status - The HTTP status code.
    */
   constructor(e, t, s, r) {
-    super(e), this.name = "StateZeroError", this.code = t, this.detail = s, this.status = r, Object.setPrototypeOf(this, new.target.prototype), $s(this);
+    super(e), this.name = "StateZeroError", this.code = t, this.detail = s, this.status = r, Object.setPrototypeOf(this, new.target.prototype), As(this);
   }
   /**
    * Returns a full error message including the detail.
@@ -950,7 +950,7 @@ class Oe extends fe {
     super("Validation error", "validation_error", e, t), this.name = "ValidationError";
   }
 }
-class Nt extends fe {
+class xt extends fe {
   /**
    * Creates a new DoesNotExist error.
    *
@@ -961,7 +961,7 @@ class Nt extends fe {
     super("DoesNotExist", "does_not_exist", e, t), this.name = "DoesNotExist";
   }
 }
-class lt extends fe {
+class ct extends fe {
   /**
    * Creates a new PermissionDenied error.
    *
@@ -972,7 +972,7 @@ class lt extends fe {
     super("Permission denied", "permission_denied", e, t), this.name = "PermissionDenied";
   }
 }
-class As extends fe {
+class Os extends fe {
   /**
    * Creates a new MultipleObjectsReturned error.
    *
@@ -983,7 +983,7 @@ class As extends fe {
     super("Multiple objects returned", "multiple_objects_returned", e, t), this.name = "MultipleObjectsReturned";
   }
 }
-class xt extends fe {
+class jt extends fe {
   /**
    * Creates a new ConflictError.
    *
@@ -994,7 +994,7 @@ class xt extends fe {
     super("Conflict", "conflict", e, t), this.name = "ConflictError";
   }
 }
-class Os extends fe {
+class Ps extends fe {
   /**
    * Creates a new ASTValidationError.
    *
@@ -1016,24 +1016,24 @@ class x extends fe {
     super("Configuration error", "config_error", e, t), this.name = "ConfigError";
   }
 }
-function Ps(n) {
+function Fs(n) {
   const { status: e, type: t, detail: s } = n;
   if (t === void 0 && s === "Invalid token.")
-    return new lt(s, 403);
+    return new ct(s, 403);
   switch (t) {
     // Direct mappings
     case "ValidationError":
       return new Oe(s, e);
     case "NotFound":
-      return new Nt(s, e);
+      return new xt(s, e);
     case "MultipleObjectsReturned":
-      return new As(s, e);
+      return new Os(s, e);
     case "PermissionDenied":
-      return new lt(s, e);
+      return new ct(s, e);
     case "ConflictError":
-      return new xt(s, e);
+      return new jt(s, e);
     case "ASTValidationError":
-      return new Os(s, e);
+      return new Ps(s, e);
     case "ConfigError":
       return new x(s, e);
     // Django error types that map to our error classes
@@ -1042,10 +1042,10 @@ function Ps(n) {
     case "ValueError":
       return new Oe(s, e);
     default:
-      return e === 400 ? new Oe(s, e) : e === 403 ? new lt(s, e) : e === 404 ? new Nt(s, e) : e === 409 ? new xt(s, e) : new fe("Unknown error", "unknown", s, e);
+      return e === 400 ? new Oe(s, e) : e === 403 ? new ct(s, e) : e === 404 ? new xt(s, e) : e === 409 ? new jt(s, e) : new fe("Unknown error", "unknown", s, e);
   }
 }
-const jt = {
+const Ut = {
   CREATE: "create",
   UPDATE: "update",
   DELETE: "delete",
@@ -1063,7 +1063,7 @@ class Is {
     this.configKey = t, this.connectionTimeoutId = null, s.appKey && /^\d+$/.test(s.appKey) && s.appKey.length < 15 && console.warn(
       `%c[Pusher Warning] The provided appKey ("${s.appKey}") looks like a numeric app_id. Pusher requires the alphanumeric key, not the ID. Please verify your configuration for backend: "${this.configKey}".`,
       "color: orange; font-weight: bold; font-size: 14px;"
-    ), this.pusherClient = new ys(s.appKey, {
+    ), this.pusherClient = new gs(s.appKey, {
       cluster: s.cluster,
       forceTLS: s.forceTLS ?? !0,
       authEndpoint: s.authEndpoint,
@@ -1143,7 +1143,7 @@ Common causes:
         `%cAuthentication failed for channel ${t}. Check your authEndpoint and server-side permissions.`,
         "color: orange; font-weight: bold;"
       );
-    }), Object.values(jt).forEach((r) => {
+    }), Object.values(Ut).forEach((r) => {
       s.bind(r, (o) => {
         const i = {
           ...o,
@@ -1158,7 +1158,7 @@ Common causes:
   unsubscribe(e) {
     const t = this.channels.get(e);
     if (!t) return;
-    Object.values(jt).forEach((r) => {
+    Object.values(Ut).forEach((r) => {
       t.unbind(r);
     });
     const s = e.startsWith("private-") ? e : this.formatChannelName(e);
@@ -1201,20 +1201,20 @@ Common causes:
   }
 }
 const Ze = /* @__PURE__ */ new Map();
-function Fs(n, e) {
+function Ds(n, e) {
   const t = Ze.get(n);
   t && t.disconnect(), Ze.set(n, e), e.connect();
 }
-function Ut(n = "default") {
+function Qt(n = "default") {
   return Ze.get(n);
 }
-function Ds() {
+function zs() {
   return Ze;
 }
-let Qt = {
+let Vt = {
   backendConfigs: {}
 };
-const zs = P.object({
+const Ks = P.object({
   clientOptions: P.object({
     appKey: P.string({ required_error: "Pusher appKey is required" }),
     cluster: P.string({ required_error: "Pusher cluster is required" }),
@@ -1225,10 +1225,10 @@ const zs = P.object({
       "getAuthHeaders must be a function if provided"
     )
   })
-}), Ks = P.object({
+}), Rs = P.object({
   type: P.enum(["websocket", "pusher", "none"]),
   websocketUrl: P.string().url().optional(),
-  pusher: zs.optional(),
+  pusher: Ks.optional(),
   hotpaths: P.array(P.string()).default(["default"])
 }).superRefine((n, e) => {
   n.type === "websocket" && (n.websocketUrl || e.addIssue({
@@ -1258,8 +1258,8 @@ const zs = P.object({
     (n) => n === void 0 || typeof n == "function",
     "eventInterceptor must be a function if provided"
   ),
-  events: P.lazy(() => Ks.optional())
-}), Rs = P.object({
+  events: P.lazy(() => Rs.optional())
+}), Ns = P.object({
   backendConfigs: P.record(P.string(), Be).refine(
     (n) => {
       for (const [e, t] of Object.entries(n))
@@ -1281,22 +1281,22 @@ const zs = P.object({
   ),
   periodicSyncIntervalSeconds: P.number().min(5).nullable().optional().default(null)
 });
-let ht = null;
-function Ns(n) {
-  Qt = n;
-  const e = Rs.safeParse(Qt);
+let ft = null;
+function xs(n) {
+  Vt = n;
+  const e = Ns.safeParse(Vt);
   if (!e.success) {
     const t = e.error.errors.map((s) => s.message);
     throw new x(`Error setting configuration: ${t.join(", ")}`);
   }
-  ht = e.data;
+  ft = e.data;
 }
 function he() {
-  if (!ht)
+  if (!ft)
     throw new x("Configuration not set. Please call setConfig() with a valid configuration.");
-  return ht;
+  return ft;
 }
-function xs(n, e) {
+function js(n, e) {
   try {
     const t = he();
     if (!t.backendConfigs[n])
@@ -1311,7 +1311,7 @@ function xs(n, e) {
     throw t instanceof x ? t : new x(t.message || "Invalid backend configuration");
   }
 }
-function Xt(n = "default") {
+function es(n = "default") {
   try {
     const e = he();
     if (!e.backendConfigs[n])
@@ -1340,17 +1340,17 @@ function Xt(n = "default") {
       default:
         throw new x(`Unknown event receiver type: ${t.events.type}`);
     }
-    return s && Fs(n, s), s;
+    return s && Ds(n, s), s;
   } catch (e) {
     throw e instanceof x ? e : new x(`Failed to initialize event receiver: ${e.message}`);
   }
 }
-function js() {
+function Us() {
   try {
     const n = he(), e = {};
     return Object.keys(n.backendConfigs).forEach((t) => {
       try {
-        e[t] = Xt(t);
+        e[t] = es(t);
       } catch (s) {
         console.warn(`Failed to initialize event receiver for backend "${t}": ${s.message}`);
       }
@@ -1359,13 +1359,13 @@ function js() {
     throw new x(`Failed to initialize event receivers: ${n.message}`);
   }
 }
-let ft = null;
-function Us(n) {
+let pt = null;
+function Qs(n) {
   if (typeof n != "function")
     throw new x("Provided model getter must be a function.");
-  ft = n;
+  pt = n;
 }
-function Qs(n, e = "default") {
+function Vs(n, e = "default") {
   if (n && n.startsWith("http"))
     return n;
   const s = he().backendConfigs[e];
@@ -1373,20 +1373,20 @@ function Qs(n, e = "default") {
     throw new x(`Backend "${e}" not found in configuration.`);
   return s.fileRootURL ? s.fileRootURL.replace(/\/$/, "") + n : n;
 }
-function es(n, e) {
-  if (!ft)
+function ts(n, e) {
+  if (!pt)
     throw new x("Model registry not registered. Please call registerModelGetter() with the function from model-registry.js during app initialization.");
-  return ft(n, e);
+  return pt(n, e);
 }
-const Fe = {
-  setConfig: Ns,
+const Ie = {
+  setConfig: xs,
   getConfig: he,
-  setBackendConfig: xs,
-  initializeEventReceiver: Xt,
-  registerModelGetter: Us,
-  getModelClass: es,
-  buildFileUrl: Qs
-}, ts = "__STATEZERO_DEBUG__", X = globalThis[ts] || {
+  setBackendConfig: js,
+  initializeEventReceiver: es,
+  registerModelGetter: Qs,
+  getModelClass: ts,
+  buildFileUrl: Vs
+}, ss = "__STATEZERO_DEBUG__", X = globalThis[ss] || {
   emitter: Ae(),
   buffer: [],
   enabled: !0,
@@ -1394,7 +1394,7 @@ const Fe = {
   maxEntries: 500,
   nextId: 1
 };
-globalThis[ts] = X;
+globalThis[ss] = X;
 const Me = X.emitter, ue = X.buffer;
 function Te(n) {
   if (!X.enabled) return;
@@ -1408,23 +1408,23 @@ function Te(n) {
 function B(n) {
   Te(n);
 }
-function Vs(n) {
+function Ls(n) {
   return Me.on("record", n), () => Me.off("record", n);
 }
-function Ls(n) {
+function Gs(n) {
   return Me.on("clear", n), () => Me.off("clear", n);
 }
-function Vt() {
+function Lt() {
   return ue.slice();
 }
-function Gs() {
+function Bs() {
   ue.length = 0, Me.emit("clear");
 }
-function Lt(n) {
+function Gt(n) {
   const e = Number(n);
   !Number.isFinite(e) || e <= 0 || (X.maxEntries = Math.floor(e), ue.length > X.maxEntries && ue.splice(0, ue.length - X.maxEntries));
 }
-function Bs() {
+function Hs() {
   X.started || (X.started = !0, ie.on(C.CREATED, (n) => {
     Te({
       type: "operation",
@@ -1477,11 +1477,11 @@ function Bs() {
     Te({ type: "operation", subtype: C.CLEAR });
   }));
 }
-const ct = /* @__PURE__ */ new Map();
-function Hs(n = "default") {
-  return ct.has(n) || ct.set(n, new ps({ concurrency: 1 })), ct.get(n);
+const dt = /* @__PURE__ */ new Map();
+function qs(n = "default") {
+  return dt.has(n) || dt.set(n, new ms({ concurrency: 1 })), dt.get(n);
 }
-function qs(n, e = 3e4) {
+function Js(n, e = 3e4) {
   return Promise.race([
     n,
     new Promise(
@@ -1496,7 +1496,7 @@ function we(n, e, t, s = null) {
   s && (o = j.getStore(s));
   try {
     for (const [i, l] of Object.entries(e)) {
-      const a = Fe.getModelClass(i, r);
+      const a = Ie.getModelClass(i, r);
       if (!a)
         throw console.error(
           `Model class not found for ${i} in config ${r}`
@@ -1518,7 +1518,7 @@ function we(n, e, t, s = null) {
   }
 }
 async function L(n, e, t = {}, s, r = null, o = null, i = {}) {
-  const { namespace: l = "default", timeout: a } = i, c = n.ModelClass, p = Fe.getConfig().backendConfigs[c.configKey];
+  const { namespace: l = "default", timeout: a } = i, c = n.ModelClass, p = Ie.getConfig().backendConfigs[c.configKey];
   if (!p)
     throw new Error(
       `No backend configuration found for key: ${c.configKey}`
@@ -1548,7 +1548,7 @@ async function L(n, e, t = {}, s, r = null, o = null, i = {}) {
     "delete_instance",
     "get_or_create",
     "update_or_create"
-  ].includes(e), U = `${p.API_URL.replace(/\/+$/, "")}/${c.modelName}/`, N = p.getAuthHeaders ? p.getAuthHeaders() : {}, I = n.semanticKey;
+  ].includes(e), U = `${p.API_URL.replace(/\/+$/, "")}/${c.modelName}/`, N = p.getAuthHeaders ? p.getAuthHeaders() : {}, F = n.semanticKey;
   s && (N["X-Operation-ID"] = s), o && (N["X-Canonical-ID"] = o);
   const re = async () => {
     try {
@@ -1556,7 +1556,7 @@ async function L(n, e, t = {}, s, r = null, o = null, i = {}) {
         type: "request",
         modelName: c.modelName,
         configKey: c.configKey,
-        semanticKey: I,
+        semanticKey: F,
         operationType: e,
         operationId: s,
         canonicalId: o,
@@ -1564,9 +1564,9 @@ async function L(n, e, t = {}, s, r = null, o = null, i = {}) {
         payload: w,
         namespace: l
       });
-      let D = await ms.post(U, We(w), { headers: N });
+      let D = await ys.post(U, We(w), { headers: N });
       typeof r == "function" && D?.data && await r(D.data);
-      const F = D?.data?.data, K = D?.data?.included, me = Array.isArray(F) ? F.length : F != null ? 1 : 0, Ye = K ? Object.keys(K).length : 0, ye = 100, Ke = Array.isArray(F) && F.length > ye ? F.slice(0, ye) : F, Xe = Array.isArray(F) && F.length > ye;
+      const I = D?.data?.data, K = D?.data?.included, me = Array.isArray(I) ? I.length : I != null ? 1 : 0, Ye = K ? Object.keys(K).length : 0, ye = 100, Ke = Array.isArray(I) && I.length > ye ? I.slice(0, ye) : I, Xe = Array.isArray(I) && I.length > ye;
       let Re = K, Ee = !1;
       if (K && typeof K == "object") {
         const Ne = {};
@@ -1582,7 +1582,7 @@ async function L(n, e, t = {}, s, r = null, o = null, i = {}) {
         type: "response",
         modelName: c.modelName,
         configKey: c.configKey,
-        semanticKey: I,
+        semanticKey: F,
         operationType: e,
         operationId: s,
         canonicalId: o,
@@ -1600,7 +1600,7 @@ async function L(n, e, t = {}, s, r = null, o = null, i = {}) {
         type: "error",
         modelName: c.modelName,
         configKey: c.configKey,
-        semanticKey: I,
+        semanticKey: F,
         operationType: e,
         operationId: s,
         canonicalId: o,
@@ -1608,19 +1608,19 @@ async function L(n, e, t = {}, s, r = null, o = null, i = {}) {
         status: D?.response?.status,
         message: D?.message
       }), D?.code === "ECONNREFUSED") {
-        const F = "Connection refused. If you're running tests, start the test server with `python manage.py statezero_testserver`.";
-        throw new Error(`${F} (${U})`);
+        const I = "Connection refused. If you're running tests, start the test server with `python manage.py statezero_testserver`.";
+        throw new Error(`${I} (${U})`);
       }
       if (D.response && D.response.data) {
-        const F = Ps(D.response.data);
-        throw Error.captureStackTrace && Error.captureStackTrace(F, L), F;
+        const I = Fs(D.response.data);
+        throw Error.captureStackTrace && Error.captureStackTrace(I, L), I;
       }
       throw new Error(`API call failed: ${D.message}`);
     }
-  }, pe = Hs(l), ae = b ? pe.add(re) : re();
-  return a ? qs(ae, a) : ae;
+  }, pe = qs(l), ae = b ? pe.add(re) : re();
+  return a ? Js(ae, a) : ae;
 }
-class Gt {
+class Bt {
   // Supported Django strftime formats and their date-fns equivalents
   static SUPPORTED_FORMATS = {
     "iso-8601": null,
@@ -1674,7 +1674,7 @@ class Gt {
         return c.isValid ? c.toJSDate() : (console.error(`Failed to parse ISO date "${e}":`, c.invalidReason), null);
       }
       const a = this.SUPPORTED_FORMATS[l];
-      return gs(e, a, /* @__PURE__ */ new Date());
+      return _s(e, a, /* @__PURE__ */ new Date());
     } catch (a) {
       return console.error(`Failed to parse date "${e}" with format "${l}"`, a), null;
     }
@@ -1706,19 +1706,19 @@ class Gt {
       if (!i || i === "iso-8601")
         return r === "date" ? e.toISOString().slice(0, 10) : e.toISOString();
       const l = this.SUPPORTED_FORMATS[i];
-      return _s(e, l);
+      return ws(e, l);
     } catch (l) {
       return console.error(`Failed to format date with format "${i}"`, l), e.toISOString();
     }
   }
 }
-function Js(n) {
+function Ws(n) {
   if (!n || !n.configKey)
     return "UTC";
-  const e = Fe.getConfig();
+  const e = Ie.getConfig();
   return (e.backendConfigs[n.configKey] || e.backendConfigs.default).BACKEND_TZ || "UTC";
 }
-const Bt = {
+const Ht = {
   // Store backend snake_case format internally for consistency with API
   toInternal: (n, e = {}) => {
     if (typeof n == "string")
@@ -1738,7 +1738,7 @@ const Bt = {
   // Return object with both formats for maximum compatibility
   toLive: (n, e = {}) => {
     if (!n || typeof n != "object") return n;
-    const t = e.model?.constructor?.configKey || "default", s = n.file_url ? Fe.buildFileUrl(n.file_url, t) : null;
+    const t = e.model?.constructor?.configKey || "default", s = n.file_url ? Ie.buildFileUrl(n.file_url, t) : null;
     return {
       // snake_case (backend format)
       file_path: n.file_path,
@@ -1755,14 +1755,14 @@ const Bt = {
       mimeType: n.mime_type
     };
   }
-}, Ht = {
+}, qt = {
   toInternal: (n, e = {}) => {
     if (E(n) || typeof n == "string") return n;
     if (n instanceof Date) {
       const { model: t, field: s, fieldSchema: r } = e, o = t?.schema || r?.format && {
         properties: { [s]: { format: r.format } }
       };
-      return o ? Gt.serializeDate(n, s, o) : n.toISOString();
+      return o ? Bt.serializeDate(n, s, o) : n.toISOString();
     }
     throw new Error(`expected string or Date, got ${typeof n}`);
   },
@@ -1770,8 +1770,8 @@ const Bt = {
     if (E(n) || typeof n != "string") return n;
     const { model: t, field: s } = e;
     if (t?.schema) {
-      const r = Js(t);
-      return Gt.parseDate(n, s, t.schema, r);
+      const r = Ws(t);
+      return Bt.parseDate(n, s, t.schema, r);
     }
     try {
       return new Date(n);
@@ -1794,7 +1794,7 @@ const Bt = {
     const { model: t, field: s } = e;
     return t.relationshipFields.has(s) && n ? t.relationshipFields.get(s).ModelClass().fromPk(n) : n;
   }
-}, Ws = {
+}, Zs = {
   toInternal: (n, e = {}) => {
     if (E(n)) return n;
     if (!Array.isArray(n)) throw new Error(`expected array, got ${typeof n}`);
@@ -1822,10 +1822,10 @@ const Bt = {
   }
 }, Se = {
   string: {
-    "file-path": Bt,
-    "image-path": Bt,
-    date: Ht,
-    "date-time": Ht,
+    "file-path": Ht,
+    "image-path": Ht,
+    date: qt,
+    "date-time": qt,
     "foreign-key": ke,
     "one-to-one": ke
   },
@@ -1839,10 +1839,10 @@ const Bt = {
     "one-to-one": ke
   },
   array: {
-    "many-to-many": Ws
+    "many-to-many": Zs
   }
 };
-class ss {
+class rs {
   constructor(e) {
     this.modelClass = e;
   }
@@ -1897,15 +1897,15 @@ class ss {
     return t;
   }
 }
-function Zs(n) {
+function Ys(n) {
   if (!n || !n.configKey)
     return "UTC";
-  const e = Fe.getConfig();
+  const e = Ie.getConfig();
   return (e.backendConfigs[n.configKey] || e.backendConfigs.default).BACKEND_TZ || "UTC";
 }
-function Ys(n, e, t) {
+function Xs(n, e, t) {
   if (!t?.schema || !n) return e;
-  const s = new ss(t);
+  const s = new rs(t);
   return Array.isArray(e) ? e.map((r) => s.toLiveField(n, r)) : s.toLiveField(n, e);
 }
 function De(n, e, t, s = {}) {
@@ -1947,13 +1947,13 @@ function De(n, e, t, s = {}) {
     k === "pk" && p && (k = p.primaryKeyField);
     const U = b === c.length - 1;
     if (p && p.relationshipFields && p.relationshipFields instanceof Map && p.relationshipFields.has(k)) {
-      const N = p.relationshipFields.get(k), I = N.ModelClass(), re = N.relationshipType;
+      const N = p.relationshipFields.get(k), F = N.ModelClass(), re = N.relationshipType;
       if (!U && re === "many-to-many") {
         let ae = c.slice(b + 1).join("__");
         a.length > 0 ? ae += "__" + a.join("__") : f && (ae += "__" + f);
-        const D = De(ae, e, I, s), F = m.length > 0 ? m.join(".") + "." + k : k, K = D.requiredPath || D.field, me = `${F}.${K}`;
+        const D = De(ae, e, F, s), I = m.length > 0 ? m.join(".") + "." + k : k, K = D.requiredPath || D.field, me = `${I}.${K}`;
         return {
-          field: F,
+          field: I,
           operator: { $elemMatch: { [D.field]: D.operator } },
           isM2M: !0,
           requiredPath: me
@@ -1961,49 +1961,49 @@ function De(n, e, t, s = {}) {
         };
       }
       if (m.push(k), !U)
-        p = I;
+        p = F;
       else {
         if (y = !0, re === "many-to-many")
           _ = !0, w = k;
         else {
-          const pe = I.primaryKeyField || "id";
+          const pe = F.primaryKeyField || "id";
           m.push(pe), w = pe;
         }
-        p = I;
+        p = F;
       }
     } else if (p && p.fields && p.fields.includes(k)) {
       if (m.push(k), w = k, U)
         break;
       const N = p.schema?.properties?.[k];
       if (N && N.format === "json") {
-        const I = c.slice(b + 1);
-        m.push(...I);
+        const F = c.slice(b + 1);
+        m.push(...F);
         break;
       }
       throw new Error(`Field '${k}' in '${n}' is not a relationship field and cannot be traversed.`);
     } else
       throw new Error(`Field '${k}' in '${n}' not found in model ${p.modelName}.`);
   }
-  const v = m.join("."), T = i.includes(f) || a.length === 2 && i.includes(a[0]) ? e : Ys(w, e, p);
+  const v = m.join("."), T = i.includes(f) || a.length === 2 && i.includes(a[0]) ? e : Xs(w, e, p);
   if (a.length === 2) {
     const [b, k] = a;
-    return Xs(v, b, k, T, y);
+    return er(v, b, k, T, y);
   }
   if (f)
-    return er(v, f, T, y, p, w, _);
+    return tr(v, f, T, y, p, w, _);
   if (y) {
     let b = T;
     return T && typeof T == "object" && "pk" in T && (b = T.pk), _ ? { field: v, operator: { $elemMatch: { pk: { $eq: b } } }, isM2M: !0 } : { field: v, operator: { $eq: b } };
   }
   return { field: v, operator: { $eq: T } };
 }
-function Xs(n, e, t, s, r) {
+function er(n, e, t, s, r) {
   return r ? (console.warn(`Date part comparison on relationship fields may not work as expected: ${n}`), { field: n, operator: { $eq: s } }) : {
     field: n,
     operator: { [`$${e}_${t}`]: s }
   };
 }
-function er(n, e, t, s, r, o, i = !1) {
+function tr(n, e, t, s, r, o, i = !1) {
   function l(a) {
     return a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
   }
@@ -2058,8 +2058,8 @@ function er(n, e, t, s, r, o, i = !1) {
     operator: { $regex: new RegExp(`${l(t)}$`, "i") }
   } : e === "in" ? { field: n, operator: { $in: t } } : e === "gt" ? { field: n, operator: { $nin: [null, void 0], $gt: t } } : e === "gte" ? { field: n, operator: { $nin: [null, void 0], $gte: t } } : e === "lt" ? { field: n, operator: { $nin: [null, void 0], $lt: t } } : e === "lte" ? { field: n, operator: { $nin: [null, void 0], $lte: t } } : { field: n, operator: { $eq: t } };
 }
-function tr(n = "UTC", e = null) {
-  const t = e ? new ss(e) : null, s = (a, c = null) => a ? a instanceof Date ? a : t && c && typeof a == "string" ? t.toLiveField(c, a) : (console.warn("Date conversion without serializer context:", a), null) : null, r = (a, c, f = null) => {
+function sr(n = "UTC", e = null) {
+  const t = e ? new rs(e) : null, s = (a, c = null) => a ? a instanceof Date ? a : t && c && typeof a == "string" ? t.toLiveField(c, a) : (console.warn("Date conversion without serializer context:", a), null) : null, r = (a, c, f = null) => {
     const p = s(a, f);
     if (!p || !(p instanceof Date) || isNaN(p.getTime()))
       return null;
@@ -2233,13 +2233,13 @@ function tr(n = "UTC", e = null) {
     });
   }), o;
 }
-function sr(n, e) {
-  const t = Zs(e);
-  return Zt(n, {
-    operations: tr(t, e)
+function rr(n, e) {
+  const t = Ys(e);
+  return Yt(n, {
+    operations: sr(t, e)
   });
 }
-function pt(n, e) {
+function mt(n, e) {
   const t = {}, s = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
   for (const [o, i] of Object.entries(n))
     try {
@@ -2267,9 +2267,9 @@ function pt(n, e) {
   }
   return t;
 }
-function rr(n, e) {
+function nr(n, e) {
   return !n || !n.length ? null : {
-    $or: n.map((t) => "operator" in t && "conditions" in t ? { [t.operator === "AND" ? "$and" : "$or"]: t.conditions.map((r) => pt(r, e)) } : pt(t, e))
+    $or: n.map((t) => "operator" in t && "conditions" in t ? { [t.operator === "AND" ? "$and" : "$or"]: t.conditions.map((r) => mt(r, e)) } : mt(t, e))
   };
 }
 function He(n, e) {
@@ -2277,8 +2277,8 @@ function He(n, e) {
   if (n.type === "filter") {
     const { conditions: t, Q: s } = n;
     let r = {};
-    if (t && Object.keys(t).length > 0 && (r = pt(t, e)), s && s.length > 0) {
-      const o = rr(s, e);
+    if (t && Object.keys(t).length > 0 && (r = mt(t, e)), s && s.length > 0) {
+      const o = nr(s, e);
       if (o)
         return Object.keys(r).length > 0 ? { $and: [r, o] } : o;
     }
@@ -2298,7 +2298,7 @@ function He(n, e) {
   }
   return null;
 }
-function nr(n, e, t) {
+function or(n, e, t) {
   if (!e || !e.searchQuery) return n;
   const s = e.searchFields || (n[0] ? Object.keys(n[0]).filter((i) => typeof n[0][i] == "string") : []);
   if (!s.length) return n;
@@ -2321,9 +2321,9 @@ function nr(n, e, t) {
       };
     }
   });
-  return n.filter(Zt({ $or: o }));
+  return n.filter(Yt({ $or: o }));
 }
-function qt(n, e) {
+function Jt(n, e) {
   const t = e.split(".");
   let s = n;
   for (const r of t) {
@@ -2333,7 +2333,7 @@ function qt(n, e) {
   }
   return s;
 }
-function or(n, e) {
+function ir(n, e) {
   return n.map((t) => {
     const s = t.startsWith("-"), r = s ? t.substring(1) : t;
     try {
@@ -2350,12 +2350,12 @@ function or(n, e) {
     }
   });
 }
-function ir(n, e, t) {
+function ar(n, e, t) {
   if (!e || !e.length) return [...n];
-  const s = or(e, t);
+  const s = ir(e, t);
   return [...n].sort((r, o) => {
     for (const { field: i, desc: l } of s) {
-      const a = qt(r, i), c = qt(o, i);
+      const a = Jt(r, i), c = Jt(o, i);
       if (a !== c) {
         if (a === null && c !== null) return l ? -1 : 1;
         if (a !== null && c === null) return l ? 1 : -1;
@@ -2368,7 +2368,7 @@ function ir(n, e, t) {
     return 0;
   });
 }
-function mt(n, e, t) {
+function yt(n, e, t) {
   if (!Array.isArray(n) || n.length === 0)
     return [];
   if (!t)
@@ -2377,11 +2377,11 @@ function mt(n, e, t) {
   let r = [...n];
   if (e.filter) {
     const o = He(e.filter, t);
-    o && Object.keys(o).length && (r = r.filter(sr(o, t)));
+    o && Object.keys(o).length && (r = r.filter(rr(o, t)));
   }
-  return e.search && e.search.searchQuery && (r = nr(r, e.search, t)), Array.isArray(e.orderBy) && e.orderBy.length && (r = ir(r, e.orderBy, t)), r.map((o) => o[s]);
+  return e.search && e.search.searchQuery && (r = or(r, e.search, t)), Array.isArray(e.orderBy) && e.orderBy.length && (r = ar(r, e.orderBy, t)), r.map((o) => o[s]);
 }
-function yt(n, e) {
+function gt(n, e) {
   const t = /* @__PURE__ */ new Set(), s = e.primaryKeyField;
   t.add(s);
   function r(i) {
@@ -2414,36 +2414,36 @@ function yt(n, e) {
     r(i.replace(/^-/, ""));
   }), Array.from(t);
 }
-function gt(n, e, t) {
+function _t(n, e, t) {
   if (e == null || t.length === 0)
     return;
   const [s, ...r] = t, o = e[s];
   o !== void 0 && (r.length === 0 ? n[s] = o : Array.isArray(o) ? (s in n || (n[s] = []), o.forEach((i, l) => {
-    n[s][l] === void 0 && (n[s][l] = {}), gt(n[s][l], i, r);
-  })) : typeof o == "object" && (s in n || (n[s] = {}), gt(n[s], o, r)));
+    n[s][l] === void 0 && (n[s][l] = {}), _t(n[s][l], i, r);
+  })) : typeof o == "object" && (s in n || (n[s] = {}), _t(n[s], o, r)));
 }
-function _t(n, e) {
+function wt(n, e) {
   const t = {};
   return n.forEach((s) => {
     const r = s.split(".");
-    gt(t, e, r);
+    _t(t, e, r);
   }), t;
 }
-function wt(n, e, t, s = !1) {
+function Ct(n, e, t, s = !1) {
   if (!Array.isArray(n) || n.length === 0)
     return [];
   if (!t)
     throw new Error("ModelClass is required for proper relationship traversal");
   const r = t.primaryKeyField || "id";
-  let o = yt(e, t), i = n.map((a) => _t(o, a));
-  const l = mt(i, e, t);
+  let o = gt(e, t), i = n.map((a) => wt(o, a));
+  const l = yt(i, e, t);
   if (s) {
     const a = new Map(n.map((c) => [c[r], c]));
     return l.map((c) => a.get(c));
   }
   return l;
 }
-class ar {
+class lr {
   modelClass;
   fetchFn;
   queryset;
@@ -2457,7 +2457,7 @@ class ar {
         const c = Pe.get(l.operationId) || new q(l, !0);
         this.operationsMap.set(c.operationId, c);
       }
-    if (this.qsCache = new vt("queryset-cache", {}, this.onHydrated.bind(this)), this._lastRenderedPks = null, this.renderCallbacks = /* @__PURE__ */ new Set(), !this.isTemp) {
+    if (this.qsCache = new Et("queryset-cache", {}, this.onHydrated.bind(this)), this._lastRenderedPks = null, this.renderCallbacks = /* @__PURE__ */ new Set(), !this.isTemp) {
       const l = Q.getStore(this.modelClass);
       this._modelStoreUnregister = l.registerRenderCallback(() => {
         this._emitRenderEvent();
@@ -2469,15 +2469,14 @@ class ar {
     return this.queryset.semanticKey;
   }
   onHydrated(e) {
-    if (this.groundTruthPks.length === 0 && this.operationsMap.size === 0) {
-      const t = this.qsCache.get(this.cacheKey);
-      !E(t) && !ve(t) && this.setGroundTruth(t);
-    }
+    if (this.lastSync !== null || this.groundTruthPks.length > 0 || this.operationsMap.size > 0) return;
+    const t = this.qsCache.get(this.cacheKey);
+    !E(t) && !ve(t) && (this.groundTruthPks = Array.isArray(t) ? t : [], this._emitRenderEvent());
   }
   setCache(e) {
     let t = [];
     e.forEach((s) => {
-      typeof s == "string" && Je(s) && (s = We(s), E(s) || ve(dt(s))) || t.push(s);
+      typeof s == "string" && Je(s) && (s = We(s), E(s) || ve(ut(s))) || t.push(s);
     }), this.qsCache.set(this.cacheKey, t);
   }
   clearCache() {
@@ -2501,7 +2500,7 @@ class ar {
       } catch (s) {
         console.warn("Error in render callback:", s);
       }
-    }), qe(e, this._lastRenderedPks) || (this._lastRenderedPks = e, bs.emit(
+    }), qe(e, this._lastRenderedPks) || (this._lastRenderedPks = e, ks.emit(
       `${this.modelClass.configKey}::${this.modelClass.modelName}::queryset::render`,
       { ast: this.queryset.build(), ModelClass: this.modelClass }
     ));
@@ -2570,12 +2569,12 @@ class ar {
     const t = Array.from(e).map((o) => this.modelClass.fromPk(o, this.queryset)).filter(
       (o) => Q.getEntity(this.modelClass, o.pk) !== null
     ), s = this.queryset.build();
-    return wt(t, s, this.modelClass, !1);
+    return Ct(t, s, this.modelClass, !1);
   }
   render(e = !0, t = !1) {
     if (t) {
-      const l = this.qsCache.get(this.cacheKey);
-      if (Array.isArray(l))
+      const c = this.qsCache.get(this.cacheKey);
+      if (Array.isArray(c))
         return B({
           type: "render",
           source: "cache",
@@ -2585,13 +2584,13 @@ class ar {
           optimistic: e,
           groundTruthCount: this.groundTruthPks.length,
           operationsCount: this.operationsMap.size,
-          resultCount: l.length
-        }), l;
+          resultCount: c.length
+        }), c;
     }
-    const s = this.groundTruthPks.length === 0 && this.lastSync === null ? this.renderFromModelStore() : this.renderFromData(e);
-    let r = this._getValidatedAndFilteredPks(s);
-    const o = r.length, i = this.queryset.build().serializerOptions?.limit;
-    return i && (r = r.slice(0, i)), this.setCache(r), B({
+    const s = this.queryset.build().serializerOptions?.offset, o = this.groundTruthPks.length === 0 && this.lastSync === null && !(s != null && s > 0) ? this.renderFromModelStore() : this.renderFromData(e);
+    let i = this._getValidatedAndFilteredPks(o);
+    const l = i.length, a = this.queryset.build().serializerOptions?.limit;
+    return a && (i = i.slice(0, a)), this.setCache(i), B({
       type: "render",
       source: this.groundTruthPks.length === 0 && this.lastSync === null ? "modelStore" : "groundTruth",
       semanticKey: this.queryset.semanticKey,
@@ -2600,11 +2599,11 @@ class ar {
       optimistic: e,
       groundTruthCount: this.groundTruthPks.length,
       operationsCount: this.operationsMap.size,
-      rawCount: Array.isArray(s) ? s.length : 0,
-      filteredCount: o,
-      resultCount: r.length,
-      limit: i
-    }), r;
+      rawCount: Array.isArray(o) ? o.length : 0,
+      filteredCount: l,
+      resultCount: i.length,
+      limit: a
+    }), i;
   }
   renderFromData(e = !0) {
     const t = this.groundTruthSet;
@@ -2618,7 +2617,7 @@ class ar {
    */
   renderFromModelStore() {
     const s = Q.getStore(this.modelClass).groundTruthPks.map((o) => this.modelClass.fromPk(o, this.queryset)), r = this.queryset.build();
-    return wt(s, r, this.modelClass, !1);
+    return Ct(s, r, this.modelClass, !1);
   }
   applyOperation(e, t) {
     const s = this.pkField;
@@ -2702,9 +2701,9 @@ class ar {
     }
   }
 }
-class lr {
+class cr {
   constructor() {
-    this.graph = new Dt({ directed: !0 }), this.processedQuerysets = /* @__PURE__ */ new Set();
+    this.graph = new zt({ directed: !0 }), this.processedQuerysets = /* @__PURE__ */ new Set();
   }
   /**
    * Add a queryset and its parent relationship to the graph
@@ -2790,10 +2789,10 @@ class lr {
     return !e && !t ? !0 : !e || !t || e.length !== t.length ? !1 : e.every((s, r) => s === t[r]);
   }
   clear() {
-    this.graph = new Dt({ directed: !0 }), this.processedQuerysets = /* @__PURE__ */ new Set();
+    this.graph = new zt({ directed: !0 }), this.processedQuerysets = /* @__PURE__ */ new Set();
   }
 }
-class cr {
+class dr {
   #e;
   #t;
   #s;
@@ -2837,7 +2836,7 @@ class Ce {
   constructor() {
     this._stores = /* @__PURE__ */ new Map(), this._tempStores = /* @__PURE__ */ new WeakMap(), this.followingQuerysets = /* @__PURE__ */ new Map(), this.syncManager = () => {
       console.warn("SyncManager not set for QuerysetStoreRegistry");
-    }, this.querysetStoreGraph = new lr(), this._groupSyncCache = /* @__PURE__ */ new Map();
+    }, this.querysetStoreGraph = new cr(), this._groupSyncCache = /* @__PURE__ */ new Map();
   }
   clear() {
     this._stores.forEach((e) => {
@@ -2885,7 +2884,7 @@ class Ce {
         { namespace: "sync", timeout: 3e4 }
         // Sync ops on separate queue
       )).data;
-    }, o = new ar(
+    }, o = new lr(
       e.ModelClass,
       r,
       e,
@@ -2909,7 +2908,7 @@ class Ce {
     this.addFollowingQueryset(s, e);
     let r;
     this._tempStores.has(e) ? (r = this._tempStores.get(e), r.isTemp = !1, r.registerWithModelStore(), this._stores.set(s, r), this.syncManager.followModel(this, e.ModelClass)) : this._stores.has(s) ? r = this._stores.get(s) : (r = this.getStore(e), r.isTemp = !1, r.registerWithModelStore(), this._stores.set(s, r), this.syncManager.followModel(this, e.ModelClass));
-    const o = new cr(e);
+    const o = new dr(e);
     return t && r.sync(), o;
   }
   /**
@@ -3013,7 +3012,7 @@ class Ce {
         });
         return;
       }
-      const v = p.pks.map((b) => i.fromPk(b, e)), O = e.build(), T = wt(v, O, i, !1);
+      const v = p.pks.map((b) => i.fromPk(b, e)), O = e.build(), T = Ct(v, O, i, !1);
       m.setGroundTruth(T), m.setOperations(m.getInflightOperations()), m.lastSync = Date.now(), B({
         type: "groupSync",
         phase: "filteredFromRoot",
@@ -3073,7 +3072,7 @@ class ze {
     return isNaN(r) ? 0 : r;
   }
 }
-class dr extends ze {
+class ur extends ze {
   reduceOperation(e, t, s) {
     if (t.status === C.REJECTED)
       return e;
@@ -3081,7 +3080,7 @@ class dr extends ze {
     return r === M.CREATE ? e + 1 : [M.DELETE, M.DELETE_INSTANCE].includes(r) ? Math.max(0, e - 1) : e;
   }
 }
-class ur extends ze {
+class hr extends ze {
   reduceOperation(e, t, s) {
     if (t.status === C.REJECTED)
       return e;
@@ -3106,7 +3105,7 @@ class ur extends ze {
     }
   }
 }
-class hr extends ze {
+class fr extends ze {
   getInitialValue() {
     return 1 / 0;
   }
@@ -3129,7 +3128,7 @@ class hr extends ze {
     return e;
   }
 }
-class fr extends ze {
+class pr extends ze {
   getInitialValue() {
     return -1 / 0;
   }
@@ -3152,15 +3151,15 @@ class fr extends ze {
     return e;
   }
 }
-class pr {
+class mr {
   // Collection of custom strategy overrides
   static #e = /* @__PURE__ */ new Map();
   // Default strategy map
   static #t = /* @__PURE__ */ new Map([
-    ["count", () => new dr()],
-    ["sum", () => new ur()],
-    ["min", () => new hr()],
-    ["max", () => new fr()]
+    ["count", () => new ur()],
+    ["sum", () => new hr()],
+    ["min", () => new fr()],
+    ["max", () => new pr()]
   ]);
   /**
    * Clear all custom strategy overrides
@@ -3206,9 +3205,9 @@ class pr {
     return this.#e.has(o) ? this.#e.get(o) : (this.#t.get(s) || this.#t.get("count"))();
   }
 }
-class mr {
+class yr {
   constructor(e, t, s, r = null, o = null, i) {
-    this.metricType = e, this.modelClass = t, this.queryset = s, this.field = r, this.ast = o, this.fetchFn = i, this.groundTruthValue = null, this.isSyncing = !1, this.strategy = pr.getStrategy(e, t), this.operations = [], this.confirmedOps = /* @__PURE__ */ new Set(), this.metricCache = new vt(
+    this.metricType = e, this.modelClass = t, this.queryset = s, this.field = r, this.ast = o, this.fetchFn = i, this.groundTruthValue = null, this.isSyncing = !1, this.strategy = mr.getStrategy(e, t), this.operations = [], this.confirmedOps = /* @__PURE__ */ new Set(), this.metricCache = new Et(
       "metric-store-cache",
       {},
       this.onHydrated.bind(this)
@@ -3282,7 +3281,7 @@ class mr {
   }
   setGroundTruth(e) {
     const t = !qe(this.groundTruthValue, e);
-    this.groundTruthValue = e, this.setCache(), t && Rt.emit("metric::render", {
+    this.groundTruthValue = e, this.setCache(), t && Nt.emit("metric::render", {
       metricType: this.metricType,
       ModelClass: this.modelClass,
       field: this.field,
@@ -3303,7 +3302,7 @@ class mr {
       this.field,
       this.modelClass
     );
-    return qe(this._lastCalculatedValue, e) || (this._lastCalculatedValue = e, Rt.emit("metric::render", {
+    return qe(this._lastCalculatedValue, e) || (this._lastCalculatedValue = e, Nt.emit("metric::render", {
       metricType: this.metricType,
       ModelClass: this.modelClass,
       field: this.field,
@@ -3348,13 +3347,13 @@ function te(n, e) {
 function Z(n) {
   return delete n.isOptimistic, delete n.then, delete n.catch, n;
 }
-ws();
-Yt.create();
-function yr(n, e) {
+Cs();
+Xt.create();
+function gr(n, e) {
   if (!n || !n.__f_expr)
     return n;
   try {
-    return Yt.evaluate(n.original_expr, e);
+    return Xt.evaluate(n.original_expr, e);
   } catch (t) {
     return console.warn(`Error evaluating F expression: ${t.message}`), null;
   }
@@ -3368,7 +3367,7 @@ class de {
    * @returns {Operation} The created operation
    */
   static createCreateOperation(e, t = {}, s = null) {
-    const o = e.ModelClass.primaryKeyField, i = s || `${G()}`, l = zt(i);
+    const o = e.ModelClass.primaryKeyField, i = s || `${G()}`, l = Kt(i);
     return new q({
       operationId: i,
       type: M.CREATE,
@@ -3387,7 +3386,7 @@ class de {
    */
   static createBulkCreateOperation(e, t = [], s = null) {
     const o = e.ModelClass.primaryKeyField, i = s || `${G()}`, l = t.map((a, c) => {
-      const f = zt(`${i}_${c}`);
+      const f = Kt(`${i}_${c}`);
       return { ...a, [o]: f };
     });
     return new q({
@@ -3413,7 +3412,7 @@ class de {
       y[i] = p;
       for (const [_, w] of Object.entries(t))
         if (w && typeof w == "object" && w.__f_expr) {
-          const v = yr(w, m);
+          const v = gr(w, m);
           v !== null ? y[_] = v : y[_] = m[_];
         } else
           y[_] = w;
@@ -3490,9 +3489,9 @@ class de {
    * @returns {Operation} The created operation
    */
   static createGetOrCreateOperation(e, t = {}, s = {}, r = null) {
-    const o = e.ModelClass, i = o.primaryKeyField, l = r || `${G()}`, c = Q.getStore(o).render(), f = { ...t }, m = new e.constructor(o).filter(f).build(), y = yt(m, o), _ = c.map(
-      (k) => _t(y, o.fromPk(k[i], e))
-    ), w = mt(_, m, o), v = c.filter(
+    const o = e.ModelClass, i = o.primaryKeyField, l = r || `${G()}`, c = Q.getStore(o).render(), f = { ...t }, m = new e.constructor(o).filter(f).build(), y = gt(m, o), _ = c.map(
+      (k) => wt(y, o.fromPk(k[i], e))
+    ), w = yt(_, m, o), v = c.filter(
       (k) => w.includes(k[i])
     ), O = v.length === 0, T = O ? M.CREATE : M.UPDATE, b = O ? { ...t, ...s, [i]: l } : v[0];
     return new q({
@@ -3513,9 +3512,9 @@ class de {
    * @returns {Operation} The created operation
    */
   static createUpdateOrCreateOperation(e, t = {}, s = {}, r = null) {
-    const o = e.ModelClass, i = o.primaryKeyField, l = r || `${G()}`, c = Q.getStore(o).render(), f = { ...t }, m = new e.constructor(o).filter(f).build(), y = yt(m, o), _ = c.map(
-      (k) => _t(y, o.fromPk(k[i], e))
-    ), w = mt(_, m, o), v = c.filter(
+    const o = e.ModelClass, i = o.primaryKeyField, l = r || `${G()}`, c = Q.getStore(o).render(), f = { ...t }, m = new e.constructor(o).filter(f).build(), y = gt(m, o), _ = c.map(
+      (k) => wt(y, o.fromPk(k[i], e))
+    ), w = yt(_, m, o), v = c.filter(
       (k) => w.includes(k[i])
     ), O = v.length === 0, T = O ? M.CREATE : M.UPDATE, b = O ? { ...t, ...s, [i]: l } : { ...v[0], ...s };
     return new q({
@@ -3528,7 +3527,7 @@ class de {
     });
   }
 }
-class Jt extends Array {
+class Wt extends Array {
   /**
    * Creates a new ResultTuple.
    *
@@ -3539,7 +3538,7 @@ class Jt extends Array {
     super(2), this[0] = e, this[1] = t, this.instance = e, this.created = t;
   }
 }
-class gr {
+class _r {
   /**
    * Executes a get operation (get, first, last) with the QuerySet.
    *
@@ -3598,7 +3597,7 @@ class gr {
       lookup: s.lookup || {},
       defaults: s.defaults || {}
     }, l = t === "get_or_create" ? de.createGetOrCreateOperation(e, i.lookup, i.defaults) : de.createUpdateOrCreateOperation(e, i.lookup, i.defaults), a = l.type === "create", c = r.fromPk(l.instances[0][o], e);
-    let f = new Jt(c, a);
+    let f = new Wt(c, a);
     if (l.localOnly)
       return l.updateStatus(C.CONFIRMED, l.instances), f;
     const p = L(
@@ -3615,7 +3614,7 @@ class gr {
       return b && l.mutate({
         instances: [b],
         status: C.CONFIRMED
-      }), f = new Jt(c, v), Z(f), f;
+      }), f = new Wt(c, v), Z(f), f;
     }).catch((m) => {
       throw l.updateStatus(C.REJECTED), m;
     });
@@ -3635,7 +3634,7 @@ class gr {
       throw new Error(
         `Field parameter is required for ${t} operation`
       );
-    const i = Ie.getEntity(t, e, o), l = {};
+    const i = Fe.getEntity(t, e, o), l = {};
     t !== "exists" && (l.field = o);
     const a = L(
       e,
@@ -3643,7 +3642,7 @@ class gr {
       l
     ).then((c) => {
       const f = c.data, p = j.getEntity(e);
-      return Ie.setEntity(t, e, o, f, p), Z(i), f;
+      return Fe.setEntity(t, e, o, f, p), Z(i), f;
     });
     return te(i, a);
   }
@@ -3745,7 +3744,7 @@ class gr {
       o,
       async (p) => {
         const { data: m } = p.data, y = Array.isArray(m) ? m[0] : m;
-        Kt(o, y);
+        Rt(o, y);
       }
     ).then((p) => {
       const { data: m, included: y, model_name: _ } = p.data;
@@ -3795,7 +3794,7 @@ class gr {
         const { data: m } = p.data;
         (Array.isArray(m) ? m : []).forEach((_, w) => {
           const v = `${o}_${w}`;
-          Kt(v, _);
+          Rt(v, _);
         });
       }
     ).then((p) => {
@@ -3937,7 +3936,7 @@ class gr {
     return L(e, t, s);
   }
 }
-class _r {
+class wr {
   constructor(e, t, s = null) {
     this.queryset = e, this.metricType = t, this.field = s;
   }
@@ -3949,25 +3948,34 @@ class _r {
    * Delegates to the underlying store's sync method
    */
   refreshFromDb() {
-    return Ie.getStore(
+    return Fe.getStore(
       this.metricType,
       this.queryset,
       this.field
     ).sync(!0);
   }
   /**
-   * Getter that always returns the current value from the store
+   * Returns the current metric value from the store.
+   * Called implicitly by JS when coercing to a primitive (arithmetic, template literals, etc.)
    */
-  get value() {
-    const e = Ie.getStore(
+  valueOf() {
+    const e = Fe.getStore(
       this.metricType,
       this.queryset,
       this.field
     );
     return e ? e.render() : null;
   }
+  toString() {
+    const e = this.valueOf();
+    return e === null ? "" : String(e);
+  }
+  /** @deprecated Use valueOf() coercion instead (e.g. +metric, `${metric}`, metric + 0) */
+  get value() {
+    return this.valueOf();
+  }
 }
-class Ct {
+class vt {
   constructor() {
     this._stores = /* @__PURE__ */ new Map(), this.syncManager = null;
   }
@@ -4008,8 +4016,8 @@ class Ct {
     if (!this._stores.has(i)) {
       const l = async ({ metricType: c, modelClass: f, field: p, ast: m }) => {
         const y = t.clone();
-        return await gr.executeAgg(y, c, { field: p });
-      }, a = new mr(
+        return await _r.executeAgg(y, c, { field: p });
+      }, a = new yr(
         e,
         r,
         t,
@@ -4032,7 +4040,7 @@ class Ct {
     if (E(e) || E(t) || E(t.ModelClass))
       return null;
     this.getStore(e, t, s);
-    const r = new _r(t, e, s);
+    const r = new wr(t, e, s);
     return r;
   }
   /**
@@ -4059,8 +4067,8 @@ class Ct {
     return this._stores.has(e) ? this._stores.get(e).queryset : null;
   }
 }
-const Ie = new Ct();
-class wr {
+const Fe = new vt();
+class Cr {
   constructor(e) {
     this.event = e.event, this.model = e.model, this.operation_id = e.operation_id, this.pk_field_name = e.pk_field_name, this.configKey = e.configKey, this.canonical_id = e.canonical_id || null, this.server_ts_ms = e.server_ts_ms || null, this.instances = e.instances?.map((t) => t && this.pk_field_name && t[this.pk_field_name] != null ? {
       ...t,
@@ -4068,7 +4076,7 @@ class wr {
     } : t) || e.instances, this._cachedInstances = null;
   }
   get modelClass() {
-    return es(this.model, this.configKey);
+    return ts(this.model, this.configKey);
   }
   async getFullInstances() {
     if (this.event === "delete")
@@ -4082,7 +4090,7 @@ class wr {
     }).fetch()), this._cachedInstances;
   }
 }
-class Cr {
+class vr {
   constructor() {
     this.registries = /* @__PURE__ */ new Map(), this.followedModels = /* @__PURE__ */ new Map(), this.followAllQuerysets = !0, this.followedQuerysets = /* @__PURE__ */ new Map(), this.periodicSyncTimer = null, this.eventBatch = /* @__PURE__ */ new Map(), this.debounceTimer = null, this.maxWaitTimer = null, this.debounceMs = 100, this.maxWaitMs = 2e3, this.batchStartTime = null;
   }
@@ -4105,7 +4113,7 @@ class Cr {
    * Initialize event handlers for all event receivers
    */
   initialize() {
-    js(), Ds().forEach((t, s) => {
+    Us(), zs().forEach((t, s) => {
       t && t.addModelEventHandler(this.handleEvent.bind(this));
     }), this.startPeriodicSync();
   }
@@ -4157,7 +4165,7 @@ class Cr {
     const r = [...this.followedModels.values()].some(
       (o) => o.has(t)
     );
-    s.add(t), r || Ut(t.configKey)?.subscribe(
+    s.add(t), r || Qt(t.configKey)?.subscribe(
       t.modelName,
       this.handleEvent
     );
@@ -4167,7 +4175,7 @@ class Cr {
     if (!s) return;
     s.delete(t), [...this.followedModels.values()].some(
       (o) => o.has(t)
-    ) || Ut(t.configKey)?.unsubscribe(
+    ) || Qt(t.configKey)?.unsubscribe(
       t.modelName,
       this.handleEvent
     );
@@ -4215,8 +4223,8 @@ class Cr {
       operationId: e.operation_id,
       socketId: e.socket_id
     });
-    let t = new wr(e), s = Pe.has(t.operation_id);
-    if (this.registries.has(Ct) && this.processMetrics(t), s) {
+    let t = new Cr(e), s = Pe.has(t.operation_id);
+    if (this.registries.has(vt) && this.processMetrics(t), s) {
       this.syncQuerysetsNeedingVerification(t.operation_id);
       return;
     }
@@ -4283,7 +4291,7 @@ class Cr {
     );
   }
   processMetrics(e) {
-    const t = this.registries.get(Ct);
+    const t = this.registries.get(vt);
     for (const [s, r] of t._stores.entries())
       if (r.queryset && r.queryset.modelClass.modelName === e.model && r.queryset.modelClass.configKey === e.configKey) {
         if (this.followAllQuerysets) {
@@ -4312,97 +4320,97 @@ class Cr {
     }), a.length > 0 && s.sync(a);
   }
 }
-const $e = new Cr();
+const $e = new vr();
 $e.manageRegistry(j);
 $e.manageRegistry(Q);
-$e.manageRegistry(Ie);
-const vr = /* @__PURE__ */ new Set();
-function Er(n) {
-  typeof n == "function" && vr.add(n);
+$e.manageRegistry(Fe);
+const Er = /* @__PURE__ */ new Set();
+function br(n) {
+  typeof n == "function" && Er.add(n);
 }
 $e.followAllQuerysets = !1;
-const rs = /* @__PURE__ */ new Map();
-Er(() => {
-  rs.clear(), $e.followAllQuerysets = !0, $e.followedQuerysets.clear();
+const ns = /* @__PURE__ */ new Map();
+br(() => {
+  ns.clear(), $e.followAllQuerysets = !0, $e.followedQuerysets.clear();
 });
-const br = (n, e) => {
+const kr = (n, e) => {
   const t = n.__vccOpts || n;
   for (const [s, r] of e)
     t[s] = r;
   return t;
-}, kr = { class: "szd" }, Sr = { class: "szd-header" }, Tr = { class: "szd-header__top" }, Mr = { class: "szd-header__left" }, $r = {
+}, Sr = { class: "szd" }, Tr = { class: "szd-header" }, Mr = { class: "szd-header__top" }, $r = { class: "szd-header__left" }, Ar = {
   key: 0,
   class: "szd-header__model"
-}, Ar = {
+}, Or = {
   key: 1,
   class: "szd-header__model szd-header__model--empty"
-}, Or = { class: "szd-header__right" }, Pr = {
+}, Pr = { class: "szd-header__right" }, Fr = {
   key: 0,
   class: "szd-header__badge szd-header__badge--syncing"
 }, Ir = {
   key: 1,
   class: "szd-header__badge"
-}, Fr = { class: "szd-header__badge" }, Dr = { class: "szd-tabs" }, zr = ["onClick"], Kr = { class: "szd-content" }, Rr = {
+}, Dr = { class: "szd-header__badge" }, zr = { class: "szd-tabs" }, Kr = ["onClick"], Rr = { class: "szd-content" }, Nr = {
   key: 0,
   class: "szd-panel"
-}, Nr = { class: "szd-panel__section" }, xr = { class: "szd-kv" }, jr = { class: "szd-kv__row" }, Ur = { class: "szd-kv__value" }, Qr = { class: "szd-kv__row" }, Vr = { class: "szd-kv__value" }, Lr = { class: "szd-kv__row" }, Gr = { class: "szd-kv__value" }, Br = { class: "szd-kv__row" }, Hr = { class: "szd-kv__value" }, qr = { class: "szd-panel__section" }, Jr = { class: "szd-stats" }, Wr = { class: "szd-stat" }, Zr = { class: "szd-stat__value" }, Yr = { class: "szd-stat" }, Xr = { class: "szd-stat__value" }, en = { class: "szd-stat" }, tn = { class: "szd-stat__value" }, sn = { class: "szd-stat" }, rn = { class: "szd-stat__value" }, nn = {
+}, xr = { class: "szd-panel__section" }, jr = { class: "szd-kv" }, Ur = { class: "szd-kv__row" }, Qr = { class: "szd-kv__value" }, Vr = { class: "szd-kv__row" }, Lr = { class: "szd-kv__value" }, Gr = { class: "szd-kv__row" }, Br = { class: "szd-kv__value" }, Hr = { class: "szd-kv__row" }, qr = { class: "szd-kv__value" }, Jr = { class: "szd-panel__section" }, Wr = { class: "szd-stats" }, Zr = { class: "szd-stat" }, Yr = { class: "szd-stat__value" }, Xr = { class: "szd-stat" }, en = { class: "szd-stat__value" }, tn = { class: "szd-stat" }, sn = { class: "szd-stat__value" }, rn = { class: "szd-stat" }, nn = { class: "szd-stat__value" }, on = {
   class: "szd-kv",
   style: { "margin-top": "12px" }
-}, on = { class: "szd-kv__row" }, an = { class: "szd-kv__value" }, ln = {
+}, an = { class: "szd-kv__row" }, ln = { class: "szd-kv__value" }, cn = {
   key: 0,
   class: "szd-panel__section"
-}, cn = { class: "szd-event-preview__text" }, dn = { class: "szd-event-preview__time" }, un = {
+}, dn = { class: "szd-event-preview__text" }, un = { class: "szd-event-preview__time" }, hn = {
   key: 1,
   class: "szd-panel"
-}, hn = { class: "szd-timeline-filters" }, fn = ["onUpdate:modelValue"], pn = { class: "szd-timeline" }, mn = ["onClick"], yn = { class: "szd-timeline__time" }, gn = { class: "szd-timeline__text" }, _n = {
+}, fn = { class: "szd-timeline-filters" }, pn = ["onUpdate:modelValue"], mn = { class: "szd-timeline" }, yn = ["onClick"], gn = { class: "szd-timeline__time" }, _n = { class: "szd-timeline__text" }, wn = {
   key: 0,
   class: "szd-empty"
-}, wn = {
+}, Cn = {
   key: 2,
   class: "szd-panel"
-}, Cn = { class: "szd-pipeline" }, vn = ["onClick"], En = { class: "szd-pipeline__label" }, bn = { class: "szd-pipeline__count" }, kn = {
+}, vn = { class: "szd-pipeline" }, En = ["onClick"], bn = { class: "szd-pipeline__label" }, kn = { class: "szd-pipeline__count" }, Sn = {
   key: 0,
   class: "szd-pipeline__arrow"
-}, Sn = {
+}, Tn = {
   class: "szd-panel__section",
   style: { "margin-top": "20px" }
-}, Tn = { class: "szd-preview-header" }, Mn = ["value"], $n = {
+}, Mn = { class: "szd-preview-header" }, $n = ["value"], An = {
   key: 0,
   class: "szd-data-grid"
-}, An = { class: "szd-data-card__header" }, On = {
+}, On = { class: "szd-data-card__header" }, Pn = {
   key: 0,
   class: "szd-data-card__badge"
-}, Pn = {
+}, Fn = {
   key: 1,
   class: "szd-data-card__badge szd-data-card__badge--absent"
-}, In = { class: "szd-data-card__content" }, Fn = {
+}, In = { class: "szd-data-card__content" }, Dn = {
   key: 1,
   class: "szd-empty"
-}, Dn = {
+}, zn = {
   key: 3,
   class: "szd-panel"
-}, zn = {
+}, Kn = {
   class: "szd-kv",
   style: { "margin-bottom": "16px" }
-}, Kn = { class: "szd-kv__row" }, Rn = { class: "szd-kv__value szd-kv__value--mono" }, Nn = { class: "szd-ast" }, xn = {
+}, Rn = { class: "szd-kv__row" }, Nn = { class: "szd-kv__value szd-kv__value--mono" }, xn = { class: "szd-ast" }, jn = {
   key: 0,
   class: "szd-detail"
-}, jn = { class: "szd-detail__panel szd-detail__panel--sm" }, Un = { class: "szd-detail__header" }, Qn = { class: "szd-detail__body" }, Vn = { class: "szd-settings-section" }, Ln = ["value"], Gn = {
+}, Un = { class: "szd-detail__panel szd-detail__panel--sm" }, Qn = { class: "szd-detail__header" }, Vn = { class: "szd-detail__body" }, Ln = { class: "szd-settings-section" }, Gn = ["value"], Bn = {
   key: 0,
   class: "szd-settings-section"
-}, Bn = { class: "szd-settings-row" }, Hn = { class: "szd-settings-code" }, qn = { class: "szd-settings-section" }, Jn = { class: "szd-settings-actions" }, Wn = ["disabled"], Zn = { class: "szd-settings-section" }, Yn = { class: "szd-toggle" }, Xn = {
+}, Hn = { class: "szd-settings-row" }, qn = { class: "szd-settings-code" }, Jn = { class: "szd-settings-section" }, Wn = { class: "szd-settings-actions" }, Zn = ["disabled"], Yn = { class: "szd-settings-section" }, Xn = { class: "szd-toggle" }, eo = {
   key: 1,
   class: "szd-settings-section"
-}, eo = { class: "szd-kv" }, to = { class: "szd-kv__row" }, so = { class: "szd-kv__value" }, ro = { class: "szd-kv__row" }, no = { class: "szd-kv__value" }, oo = { class: "szd-kv__row" }, io = { class: "szd-kv__value" }, ao = { class: "szd-kv__row" }, lo = { class: "szd-kv__value" }, co = { class: "szd-kv__row" }, uo = { class: "szd-kv__value" }, ho = {
+}, to = { class: "szd-kv" }, so = { class: "szd-kv__row" }, ro = { class: "szd-kv__value" }, no = { class: "szd-kv__row" }, oo = { class: "szd-kv__value" }, io = { class: "szd-kv__row" }, ao = { class: "szd-kv__value" }, lo = { class: "szd-kv__row" }, co = { class: "szd-kv__value" }, uo = { class: "szd-kv__row" }, ho = { class: "szd-kv__value" }, fo = {
   key: 0,
   class: "szd-detail"
-}, fo = { class: "szd-detail__panel" }, po = { class: "szd-detail__header" }, mo = { class: "szd-detail__title" }, yo = { class: "szd-detail__body" }, go = { class: "szd-kv" }, _o = { class: "szd-kv__key" }, wo = { class: "szd-kv__value" }, Co = { class: "szd-ast" }, vo = {
+}, po = { class: "szd-detail__panel" }, mo = { class: "szd-detail__header" }, yo = { class: "szd-detail__title" }, go = { class: "szd-detail__body" }, _o = { class: "szd-kv" }, wo = { class: "szd-kv__key" }, Co = { class: "szd-kv__value" }, vo = { class: "szd-ast" }, Eo = {
   class: "szd-kv",
   style: { "margin-bottom": "16px" }
-}, Eo = { class: "szd-kv__row" }, bo = { class: "szd-kv__value" }, ko = { class: "szd-kv__row" }, So = { class: "szd-kv__value" }, To = {
+}, bo = { class: "szd-kv__row" }, ko = { class: "szd-kv__value" }, So = { class: "szd-kv__row" }, To = { class: "szd-kv__value" }, Mo = {
   key: 0,
   class: "szd-kv__note"
-}, Mo = { class: "szd-ast" }, Wt = 100, $o = {
+}, $o = { class: "szd-ast" }, Zt = 100, Ao = {
   __name: "StateZeroDebugPanel",
   props: {
     queryset: { type: [Object, String], default: null },
@@ -4416,7 +4424,7 @@ const br = (n, e) => {
       { id: "timeline", label: "Timeline" },
       { id: "data", label: "Data" },
       { id: "ast", label: "AST" }
-    ], r = J(""), o = J(e.useQueryset), i = J(!0), l = J(Vt()), a = J(0), c = J(!1), f = J(null), p = J(!1), m = J(null), y = J({
+    ], r = J(""), o = J(e.useQueryset), i = J(!0), l = J(Lt()), a = J(0), c = J(!1), f = J(null), p = J(!1), m = J(null), y = J({
       request: !0,
       response: !0,
       render: !0,
@@ -4437,7 +4445,7 @@ const br = (n, e) => {
     ), v = R(() => {
       a.value;
       const u = [];
-      return rs.forEach((d) => {
+      return ns.forEach((d) => {
         d?.semanticKey && u.push({
           semanticKey: d.semanticKey,
           modelName: d.ModelClass?.modelName,
@@ -4472,9 +4480,9 @@ const br = (n, e) => {
           return null;
         }
       return k.value && j._stores.get(k.value) || null;
-    }), I = R(() => {
+    }), F = R(() => {
       a.value;
-      const u = N.value, d = U.value, g = u?.modelClass?.modelName || d?.ModelClass?.modelName, z = u?.modelClass?.configKey || d?.ModelClass?.configKey, H = u?.groundTruthPks?.length ?? 0, oe = u?.operationsMap?.size ?? 0, le = u?.getInflightOperations?.() || [], be = u?.isSyncing ?? !1, Ue = u?.lastSync ? new Date(u.lastSync).toLocaleString() : "—", ot = u && Array.isArray(u._lastRenderedPks) ? u._lastRenderedPks.length : null, cs = u?.groundTruthPks?.length ?? 0, ds = u ? u.lastSync === null ? "model store" : "ground truth" : "—", us = be ? "Sync in progress — results may change." : oe > 0 ? "Optimistic operations are applied to results." : u?.lastSync === null ? "No ground truth yet — rendering from model store." : "Using ground truth + local filters.";
+      const u = N.value, d = U.value, g = u?.modelClass?.modelName || d?.ModelClass?.modelName, z = u?.modelClass?.configKey || d?.ModelClass?.configKey, H = u?.groundTruthPks?.length ?? 0, oe = u?.operationsMap?.size ?? 0, le = u?.getInflightOperations?.() || [], be = u?.isSyncing ?? !1, Ue = u?.lastSync ? new Date(u.lastSync).toLocaleString() : "—", ot = u && Array.isArray(u._lastRenderedPks) ? u._lastRenderedPks.length : null, ds = u?.groundTruthPks?.length ?? 0, us = u ? u.lastSync === null ? "model store" : "ground truth" : "—", hs = be ? "Sync in progress — results may change." : oe > 0 ? "Optimistic operations are applied to results." : u?.lastSync === null ? "No ground truth yet — rendering from model store." : "Using ground truth + local filters.";
       return {
         modelName: g,
         configKey: z,
@@ -4484,9 +4492,9 @@ const br = (n, e) => {
         isSyncing: be,
         lastSync: Ue,
         optimisticCount: ot,
-        confirmedCount: cs,
-        source: ds,
-        reason: us
+        confirmedCount: ds,
+        source: us,
+        reason: hs
       };
     }), re = R(() => {
       a.value;
@@ -4513,7 +4521,7 @@ const br = (n, e) => {
         limit: u?.serializerOptions?.limit ?? "—"
       };
     });
-    function F(u, d, g, z) {
+    function I(u, d, g, z) {
       if (!u || !Array.isArray(g)) return [];
       const H = [];
       for (const oe of g.slice(0, z))
@@ -4541,7 +4549,7 @@ const br = (n, e) => {
           finalSample: [],
           limit: null
         };
-      const g = Array.isArray(u.groundTruthPks) ? [...u.groundTruthPks] : [], z = u.renderFromData(!0), H = u.renderFromData(!1), oe = u._getValidatedAndFilteredPks(z), le = u.lastSync === null ? u.renderFromModelStore() : [], be = d.build()?.serializerOptions?.limit ?? null, Ue = be ? oe.slice(0, be) : oe, ot = le.length > 0 ? F(
+      const g = Array.isArray(u.groundTruthPks) ? [...u.groundTruthPks] : [], z = u.renderFromData(!0), H = u.renderFromData(!1), oe = u._getValidatedAndFilteredPks(z), le = u.lastSync === null ? u.renderFromModelStore() : [], be = d.build()?.serializerOptions?.limit ?? null, Ue = be ? oe.slice(0, be) : oe, ot = le.length > 0 ? I(
         u.modelClass,
         d,
         le,
@@ -4554,25 +4562,25 @@ const br = (n, e) => {
         filtered: oe,
         final: Ue,
         modelStoreSample: ot,
-        groundTruthSample: F(
+        groundTruthSample: I(
           u.modelClass,
           d,
           g,
           e.sampleSize
         ),
-        optimisticSample: F(
+        optimisticSample: I(
           u.modelClass,
           d,
           z,
           e.sampleSize
         ),
-        filteredSample: F(
+        filteredSample: I(
           u.modelClass,
           d,
           oe,
           e.sampleSize
         ),
-        finalSample: F(
+        finalSample: I(
           u.modelClass,
           d,
           Ue,
@@ -4602,8 +4610,8 @@ const br = (n, e) => {
     const Ke = R(() => {
       if (!f.value || f.value.type !== "snapshot") return [];
       const u = f.value.data, d = N.value, g = U.value;
-      return !d || !g || !u.pks ? [] : F(d.modelClass, g, u.pks, Wt);
-    }), Xe = R(() => !f.value || f.value.type !== "snapshot" ? !1 : f.value.data.count > Wt), Re = R(() => {
+      return !d || !g || !u.pks ? [] : I(d.modelClass, g, u.pks, Zt);
+    }), Xe = R(() => !f.value || f.value.type !== "snapshot" ? !1 : f.value.data.count > Zt), Re = R(() => {
       if (!k.value) return l.value;
       const u = N.value;
       return l.value.filter((d) => d.semanticKey === k.value ? !0 : u ? d.modelName === u.modelClass?.modelName && d.configKey === u.modelClass?.configKey : !1);
@@ -4631,7 +4639,7 @@ const br = (n, e) => {
         return "";
       }
     }
-    function Et(u) {
+    function bt(u) {
       if (!u) return "";
       switch (u.type) {
         case "request":
@@ -4656,7 +4664,7 @@ const br = (n, e) => {
           return u.type;
       }
     }
-    function ns(u) {
+    function os(u) {
       if (!u) return null;
       const d = {
         type: u.type,
@@ -4688,13 +4696,13 @@ const br = (n, e) => {
           return d;
       }
     }
-    function os() {
-      Gs(), l.value = [];
-    }
     function is() {
+      Bs(), l.value = [];
+    }
+    function as() {
       !k.value || !navigator?.clipboard || navigator.clipboard.writeText(k.value);
     }
-    async function as() {
+    async function ls() {
       if (!(!N.value || c.value)) {
         c.value = !0;
         try {
@@ -4705,36 +4713,36 @@ const br = (n, e) => {
         }
       }
     }
-    function bt(u) {
+    function kt(u) {
       f.value = { type: "entry", data: u };
     }
-    function ls(u) {
+    function cs(u) {
       f.value = { type: "snapshot", data: u };
     }
-    function kt() {
+    function St() {
       f.value = null;
     }
-    function St(u) {
+    function Tt(u) {
       Object.keys(y.value).forEach((d) => {
         y.value[d] = u;
       });
     }
     let tt = null, st = null, rt = null, nt = null;
-    return hs(() => {
-      Bs(), Lt(e.maxEntries), tt = Vs((u) => {
+    return fs(() => {
+      Hs(), Gt(e.maxEntries), tt = Ls((u) => {
         i.value && (l.value = [...l.value, u], l.value.length > e.maxEntries && (l.value = l.value.slice(-e.maxEntries)));
-      }), st = Ls(() => {
+      }), st = Gs(() => {
         l.value = [];
       }), rt = setInterval(() => {
         a.value += 1;
       }, 2e3), nt = setInterval(() => {
-        l.value = Vt();
+        l.value = Lt();
       }, 1e3);
-    }), fs(() => {
+    }), ps(() => {
       tt && tt(), st && st(), rt && clearInterval(rt), nt && clearInterval(nt);
     }), it(
       () => e.maxEntries,
-      (u) => Lt(u)
+      (u) => Gt(u)
     ), it(
       () => e.useQueryset,
       (u) => {
@@ -4742,17 +4750,17 @@ const br = (n, e) => {
       }
     ), it(k, () => {
       m.value = null;
-    }), (u, d) => (A(), $("section", kr, [
-      h("header", Sr, [
-        h("div", Tr, [
-          h("div", Mr, [
+    }), (u, d) => (A(), $("section", Sr, [
+      h("header", Tr, [
+        h("div", Mr, [
+          h("div", $r, [
             d[9] || (d[9] = h("div", { class: "szd-header__title" }, "StateZero", -1)),
-            k.value ? (A(), $("span", $r, S(I.value.modelName || "?"), 1)) : (A(), $("span", Ar, "No queryset"))
+            k.value ? (A(), $("span", Ar, S(F.value.modelName || "?"), 1)) : (A(), $("span", Or, "No queryset"))
           ]),
-          h("div", Or, [
-            I.value.isSyncing ? (A(), $("span", Pr, "Syncing")) : V("", !0),
-            I.value.opsCount > 0 ? (A(), $("span", Ir, S(I.value.opsCount) + " ops", 1)) : V("", !0),
-            h("span", Fr, S(Ne.value) + " events", 1),
+          h("div", Pr, [
+            F.value.isSyncing ? (A(), $("span", Fr, "Syncing")) : V("", !0),
+            F.value.opsCount > 0 ? (A(), $("span", Ir, S(F.value.opsCount) + " ops", 1)) : V("", !0),
+            h("span", Dr, S(Ne.value) + " events", 1),
             h("button", {
               class: "szd-btn szd-btn--icon",
               onClick: d[0] || (d[0] = (g) => p.value = !0),
@@ -4776,138 +4784,138 @@ const br = (n, e) => {
             ])])
           ])
         ]),
-        h("nav", Dr, [
+        h("nav", zr, [
           (A(), $(W, null, ce(s, (g) => h("button", {
             key: g.id,
-            class: Mt(["szd-tabs__tab", { "szd-tabs__tab--active": t.value === g.id }]),
+            class: $t(["szd-tabs__tab", { "szd-tabs__tab--active": t.value === g.id }]),
             onClick: (z) => t.value = g.id
-          }, S(g.label), 11, zr)), 64))
+          }, S(g.label), 11, Kr)), 64))
         ])
       ]),
-      h("main", Kr, [
-        t.value === "overview" ? (A(), $("div", Rr, [
-          h("div", Nr, [
+      h("main", Rr, [
+        t.value === "overview" ? (A(), $("div", Nr, [
+          h("div", xr, [
             d[15] || (d[15] = h("h3", { class: "szd-panel__heading" }, "Why This View?", -1)),
-            h("div", xr, [
-              h("div", jr, [
+            h("div", jr, [
+              h("div", Ur, [
                 d[11] || (d[11] = h("span", { class: "szd-kv__key" }, "Filter:", -1)),
-                h("span", Ur, S(D.value.filter), 1)
+                h("span", Qr, S(D.value.filter), 1)
               ]),
-              h("div", Qr, [
+              h("div", Vr, [
                 d[12] || (d[12] = h("span", { class: "szd-kv__key" }, "Order:", -1)),
-                h("span", Vr, S(D.value.orderBy), 1)
+                h("span", Lr, S(D.value.orderBy), 1)
               ]),
-              h("div", Lr, [
+              h("div", Gr, [
                 d[13] || (d[13] = h("span", { class: "szd-kv__key" }, "Limit:", -1)),
-                h("span", Gr, S(D.value.limit), 1)
+                h("span", Br, S(D.value.limit), 1)
               ]),
-              h("div", Br, [
+              h("div", Hr, [
                 d[14] || (d[14] = h("span", { class: "szd-kv__key" }, "Reason:", -1)),
-                h("span", Hr, S(I.value.reason), 1)
+                h("span", qr, S(F.value.reason), 1)
               ])
             ])
           ]),
-          h("div", qr, [
+          h("div", Jr, [
             d[21] || (d[21] = h("h3", { class: "szd-panel__heading" }, "Current State", -1)),
-            h("div", Jr, [
-              h("div", Wr, [
-                h("div", Zr, S(I.value.optimisticCount ?? "—"), 1),
+            h("div", Wr, [
+              h("div", Zr, [
+                h("div", Yr, S(F.value.optimisticCount ?? "—"), 1),
                 d[16] || (d[16] = h("div", { class: "szd-stat__label" }, "Optimistic", -1))
               ]),
-              h("div", Yr, [
-                h("div", Xr, S(I.value.confirmedCount), 1),
+              h("div", Xr, [
+                h("div", en, S(F.value.confirmedCount), 1),
                 d[17] || (d[17] = h("div", { class: "szd-stat__label" }, "Confirmed", -1))
               ]),
-              h("div", en, [
-                h("div", tn, S(I.value.groundTruthCount), 1),
+              h("div", tn, [
+                h("div", sn, S(F.value.groundTruthCount), 1),
                 d[18] || (d[18] = h("div", { class: "szd-stat__label" }, "Ground Truth", -1))
               ]),
-              h("div", sn, [
-                h("div", rn, S(I.value.inFlightCount), 1),
+              h("div", rn, [
+                h("div", nn, S(F.value.inFlightCount), 1),
                 d[19] || (d[19] = h("div", { class: "szd-stat__label" }, "In-Flight", -1))
               ])
             ]),
-            h("div", nn, [
-              h("div", on, [
+            h("div", on, [
+              h("div", an, [
                 d[20] || (d[20] = h("span", { class: "szd-kv__key" }, "Last Sync:", -1)),
-                h("span", an, S(I.value.lastSync), 1)
+                h("span", ln, S(F.value.lastSync), 1)
               ])
             ])
           ]),
-          ne.value ? (A(), $("div", ln, [
+          ne.value ? (A(), $("div", cn, [
             d[22] || (d[22] = h("h3", { class: "szd-panel__heading" }, "Last Event", -1)),
             h("button", {
               class: "szd-event-preview",
-              onClick: d[1] || (d[1] = (g) => bt(ne.value))
+              onClick: d[1] || (d[1] = (g) => kt(ne.value))
             }, [
               h("span", {
                 class: "szd-event-preview__badge",
                 style: at({ background: je(ne.value.type) })
               }, S(ne.value.type), 5),
-              h("span", cn, S(Et(ne.value)), 1),
-              h("span", dn, S(et(ne.value.ts)), 1)
+              h("span", dn, S(bt(ne.value)), 1),
+              h("span", un, S(et(ne.value.ts)), 1)
             ])
           ])) : V("", !0)
         ])) : V("", !0),
-        t.value === "timeline" ? (A(), $("div", un, [
-          h("div", hn, [
+        t.value === "timeline" ? (A(), $("div", hn, [
+          h("div", fn, [
             h("button", {
               class: "szd-btn szd-btn--sm",
-              onClick: d[2] || (d[2] = (g) => St(!0))
+              onClick: d[2] || (d[2] = (g) => Tt(!0))
             }, "All"),
             h("button", {
               class: "szd-btn szd-btn--sm",
-              onClick: d[3] || (d[3] = (g) => St(!1))
+              onClick: d[3] || (d[3] = (g) => Tt(!1))
             }, "None"),
             (A(), $(W, null, ce(xe, (g) => h("label", {
               key: g.id,
-              class: Mt(["szd-filter-chip", { "szd-filter-chip--active": y.value[g.id] }]),
+              class: $t(["szd-filter-chip", { "szd-filter-chip--active": y.value[g.id] }]),
               style: at(y.value[g.id] ? { background: g.color, borderColor: g.color } : {})
             }, [
               Qe(h("input", {
                 type: "checkbox",
                 "onUpdate:modelValue": (z) => y.value[g.id] = z,
                 class: "szd-filter-chip__input"
-              }, null, 8, fn), [
-                [$t, y.value[g.id]]
+              }, null, 8, pn), [
+                [At, y.value[g.id]]
               ]),
               Ve(" " + S(g.label), 1)
             ], 6)), 64))
           ]),
-          h("div", pn, [
+          h("div", mn, [
             (A(!0), $(W, null, ce(Ee.value, (g) => (A(), $("div", {
               key: g.id,
               class: "szd-timeline__item",
-              onClick: (z) => bt(g)
+              onClick: (z) => kt(g)
             }, [
-              h("span", yn, S(et(g.ts)), 1),
+              h("span", gn, S(et(g.ts)), 1),
               h("span", {
                 class: "szd-timeline__badge",
                 style: at({ background: je(g.type) })
               }, S(g.type), 5),
-              h("span", gn, S(Et(g)), 1)
-            ], 8, mn))), 128)),
-            Ee.value.length ? V("", !0) : (A(), $("div", _n, " No events match current filters "))
+              h("span", _n, S(bt(g)), 1)
+            ], 8, yn))), 128)),
+            Ee.value.length ? V("", !0) : (A(), $("div", wn, " No events match current filters "))
           ])
         ])) : V("", !0),
-        t.value === "data" ? (A(), $("div", wn, [
+        t.value === "data" ? (A(), $("div", Cn, [
           d[25] || (d[25] = h("h3", { class: "szd-panel__heading" }, "Data Pipeline", -1)),
-          h("div", Cn, [
+          h("div", vn, [
             (A(!0), $(W, null, ce(me.value, (g, z) => (A(), $(W, {
               key: g.id
             }, [
               h("div", {
                 class: "szd-pipeline__stage",
-                onClick: (H) => ls(g)
+                onClick: (H) => cs(g)
               }, [
-                h("div", En, S(g.label), 1),
-                h("div", bn, S(g.count), 1)
-              ], 8, vn),
-              z < me.value.length - 1 ? (A(), $("div", kn, "→")) : V("", !0)
+                h("div", bn, S(g.label), 1),
+                h("div", kn, S(g.count), 1)
+              ], 8, En),
+              z < me.value.length - 1 ? (A(), $("div", Sn, "→")) : V("", !0)
             ], 64))), 128))
           ]),
-          h("div", Sn, [
-            h("div", Tn, [
+          h("div", Tn, [
+            h("div", Mn, [
               d[24] || (d[24] = h("h3", { class: "szd-panel__heading" }, "Instance Preview", -1)),
               Qe(h("select", {
                 "onUpdate:modelValue": d[4] || (d[4] = (g) => m.value = g),
@@ -4917,53 +4925,53 @@ const br = (n, e) => {
                 (A(!0), $(W, null, ce(Ye.value, (g) => (A(), $("option", {
                   key: g,
                   value: g
-                }, S(g), 9, Mn))), 128))
+                }, S(g), 9, $n))), 128))
               ], 512), [
-                [At, m.value]
+                [Ot, m.value]
               ])
             ]),
-            m.value != null ? (A(), $("div", $n, [
+            m.value != null ? (A(), $("div", An, [
               (A(!0), $(W, null, ce(me.value, (g) => (A(), $("div", {
                 key: g.id,
                 class: "szd-data-card"
               }, [
-                h("div", An, [
+                h("div", On, [
                   Ve(S(g.label) + " ", 1),
-                  g.pks.includes(m.value) ? (A(), $("span", On, "Present")) : (A(), $("span", Pn, "Absent"))
+                  g.pks.includes(m.value) ? (A(), $("span", Pn, "Present")) : (A(), $("span", Fn, "Absent"))
                 ]),
                 h("pre", In, S(g.pks.includes(m.value) ? JSON.stringify(ye(m.value), null, 2) : "—"), 1)
               ]))), 128))
-            ])) : (A(), $("div", Fn, "Select an instance to preview"))
+            ])) : (A(), $("div", Dn, "Select an instance to preview"))
           ])
         ])) : V("", !0),
-        t.value === "ast" ? (A(), $("div", Dn, [
+        t.value === "ast" ? (A(), $("div", zn, [
           d[27] || (d[27] = h("h3", { class: "szd-panel__heading" }, "Query AST", -1)),
-          h("div", zn, [
-            h("div", Kn, [
+          h("div", Kn, [
+            h("div", Rn, [
               d[26] || (d[26] = h("span", { class: "szd-kv__key" }, "Semantic Key:", -1)),
-              h("code", Rn, S(k.value || "—"), 1)
+              h("code", Nn, S(k.value || "—"), 1)
             ])
           ]),
-          h("pre", Nn, S(re.value ? JSON.stringify(re.value, null, 2) : "Select a queryset to view AST"), 1)
+          h("pre", xn, S(re.value ? JSON.stringify(re.value, null, 2) : "Select a queryset to view AST"), 1)
         ])) : V("", !0)
       ]),
-      Tt(Ot, { name: "szd-slide" }, {
-        default: Pt(() => [
-          p.value ? (A(), $("div", xn, [
+      Mt(Pt, { name: "szd-slide" }, {
+        default: Ft(() => [
+          p.value ? (A(), $("div", jn, [
             h("div", {
               class: "szd-detail__backdrop",
               onClick: d[5] || (d[5] = (g) => p.value = !1)
             }),
-            h("div", jn, [
-              h("div", Un, [
+            h("div", Un, [
+              h("div", Qn, [
                 d[28] || (d[28] = h("h3", { class: "szd-detail__title" }, "Debug Settings", -1)),
                 h("button", {
                   class: "szd-btn",
                   onClick: d[6] || (d[6] = (g) => p.value = !1)
                 }, "Close")
               ]),
-              h("div", Qn, [
-                h("div", Vn, [
+              h("div", Vn, [
+                h("div", Ln, [
                   d[30] || (d[30] = h("label", { class: "szd-settings-label" }, "Queryset", -1)),
                   Qe(h("select", {
                     "onUpdate:modelValue": d[7] || (d[7] = (g) => r.value = g),
@@ -4973,69 +4981,69 @@ const br = (n, e) => {
                     (A(!0), $(W, null, ce(b.value, (g) => (A(), $("option", {
                       key: g.semanticKey,
                       value: g.semanticKey
-                    }, S(g.modelName || "?") + " · " + S(g.semanticKey), 9, Ln))), 128))
+                    }, S(g.modelName || "?") + " · " + S(g.semanticKey), 9, Gn))), 128))
                   ], 512), [
-                    [At, r.value]
+                    [Ot, r.value]
                   ])
                 ]),
-                k.value ? (A(), $("div", Gn, [
+                k.value ? (A(), $("div", Bn, [
                   d[31] || (d[31] = h("label", { class: "szd-settings-label" }, "Semantic Key", -1)),
-                  h("div", Bn, [
-                    h("code", Hn, S(k.value), 1),
+                  h("div", Hn, [
+                    h("code", qn, S(k.value), 1),
                     h("button", {
                       class: "szd-btn szd-btn--sm",
-                      onClick: is
+                      onClick: as
                     }, "Copy")
                   ])
                 ])) : V("", !0),
-                h("div", qn, [
+                h("div", Jn, [
                   d[32] || (d[32] = h("label", { class: "szd-settings-label" }, "Actions", -1)),
-                  h("div", Jn, [
+                  h("div", Wn, [
                     h("button", {
                       class: "szd-btn",
-                      onClick: as,
+                      onClick: ls,
                       disabled: !N.value || c.value
-                    }, S(c.value ? "Syncing..." : "Sync Now"), 9, Wn),
+                    }, S(c.value ? "Syncing..." : "Sync Now"), 9, Zn),
                     h("button", {
                       class: "szd-btn",
-                      onClick: os
+                      onClick: is
                     }, "Clear Events")
                   ])
                 ]),
-                h("div", Zn, [
+                h("div", Yn, [
                   d[34] || (d[34] = h("label", { class: "szd-settings-label" }, "Options", -1)),
-                  h("label", Yn, [
+                  h("label", Xn, [
                     Qe(h("input", {
                       type: "checkbox",
                       "onUpdate:modelValue": d[8] || (d[8] = (g) => i.value = g)
                     }, null, 512), [
-                      [$t, i.value]
+                      [At, i.value]
                     ]),
                     d[33] || (d[33] = Ve(" Live updates ", -1))
                   ])
                 ]),
-                k.value ? (A(), $("div", Xn, [
+                k.value ? (A(), $("div", eo, [
                   d[40] || (d[40] = h("label", { class: "szd-settings-label" }, "Current State", -1)),
-                  h("div", eo, [
-                    h("div", to, [
+                  h("div", to, [
+                    h("div", so, [
                       d[35] || (d[35] = h("span", { class: "szd-kv__key" }, "Model:", -1)),
-                      h("span", so, S(I.value.modelName || "—"), 1)
+                      h("span", ro, S(F.value.modelName || "—"), 1)
                     ]),
-                    h("div", ro, [
+                    h("div", no, [
                       d[36] || (d[36] = h("span", { class: "szd-kv__key" }, "Source:", -1)),
-                      h("span", no, S(I.value.source), 1)
+                      h("span", oo, S(F.value.source), 1)
                     ]),
-                    h("div", oo, [
+                    h("div", io, [
                       d[37] || (d[37] = h("span", { class: "szd-kv__key" }, "Syncing:", -1)),
-                      h("span", io, S(I.value.isSyncing ? "Yes" : "No"), 1)
+                      h("span", ao, S(F.value.isSyncing ? "Yes" : "No"), 1)
                     ]),
-                    h("div", ao, [
+                    h("div", lo, [
                       d[38] || (d[38] = h("span", { class: "szd-kv__key" }, "Operations:", -1)),
-                      h("span", lo, S(I.value.opsCount), 1)
+                      h("span", co, S(F.value.opsCount), 1)
                     ]),
-                    h("div", co, [
+                    h("div", uo, [
                       d[39] || (d[39] = h("span", { class: "szd-kv__key" }, "Last Sync:", -1)),
-                      h("span", uo, S(I.value.lastSync), 1)
+                      h("span", ho, S(F.value.lastSync), 1)
                     ])
                   ])
                 ])) : V("", !0)
@@ -5045,50 +5053,50 @@ const br = (n, e) => {
         ]),
         _: 1
       }),
-      Tt(Ot, { name: "szd-slide" }, {
-        default: Pt(() => [
-          f.value ? (A(), $("div", ho, [
+      Mt(Pt, { name: "szd-slide" }, {
+        default: Ft(() => [
+          f.value ? (A(), $("div", fo, [
             h("div", {
               class: "szd-detail__backdrop",
-              onClick: kt
+              onClick: St
             }),
-            h("div", fo, [
-              h("div", po, [
-                h("h3", mo, S(f.value.type === "entry" ? "Event Detail" : "Snapshot: " + f.value.data.label), 1),
+            h("div", po, [
+              h("div", mo, [
+                h("h3", yo, S(f.value.type === "entry" ? "Event Detail" : "Snapshot: " + f.value.data.label), 1),
                 h("button", {
                   class: "szd-btn",
-                  onClick: kt
+                  onClick: St
                 }, "Close")
               ]),
-              h("div", yo, [
+              h("div", go, [
                 f.value.type === "entry" ? (A(), $(W, { key: 0 }, [
-                  h("div", go, [
-                    (A(!0), $(W, null, ce(ns(f.value.data), (g, z) => (A(), $("div", {
+                  h("div", _o, [
+                    (A(!0), $(W, null, ce(os(f.value.data), (g, z) => (A(), $("div", {
                       key: z,
                       class: "szd-kv__row"
                     }, [
-                      h("span", _o, S(z) + ":", 1),
-                      h("span", wo, S(g ?? "—"), 1)
+                      h("span", wo, S(z) + ":", 1),
+                      h("span", Co, S(g ?? "—"), 1)
                     ]))), 128))
                   ]),
                   d[41] || (d[41] = h("h4", { style: { margin: "16px 0 8px" } }, "Raw JSON", -1)),
-                  h("pre", Co, S(JSON.stringify(f.value.data, null, 2)), 1)
+                  h("pre", vo, S(JSON.stringify(f.value.data, null, 2)), 1)
                 ], 64)) : (A(), $(W, { key: 1 }, [
-                  h("div", vo, [
-                    h("div", Eo, [
+                  h("div", Eo, [
+                    h("div", bo, [
                       d[42] || (d[42] = h("span", { class: "szd-kv__key" }, "Total Count:", -1)),
-                      h("span", bo, S(f.value.data.count), 1)
+                      h("span", ko, S(f.value.data.count), 1)
                     ]),
-                    h("div", ko, [
+                    h("div", So, [
                       d[43] || (d[43] = h("span", { class: "szd-kv__key" }, "Showing:", -1)),
-                      h("span", So, [
+                      h("span", To, [
                         Ve(S(Ke.value.length) + " items ", 1),
-                        Xe.value ? (A(), $("span", To, "(limited to first 100)")) : V("", !0)
+                        Xe.value ? (A(), $("span", Mo, "(limited to first 100)")) : V("", !0)
                       ])
                     ])
                   ]),
                   d[44] || (d[44] = h("h4", { style: { margin: "0 0 8px" } }, "Data", -1)),
-                  h("pre", Mo, S(JSON.stringify(Ke.value, null, 2)), 1)
+                  h("pre", $o, S(JSON.stringify(Ke.value, null, 2)), 1)
                 ], 64))
               ])
             ])
@@ -5098,7 +5106,7 @@ const br = (n, e) => {
       })
     ]));
   }
-}, Go = /* @__PURE__ */ br($o, [["__scopeId", "data-v-6d80920c"]]);
+}, Bo = /* @__PURE__ */ kr(Ao, [["__scopeId", "data-v-6d80920c"]]);
 export {
-  Go as default
+  Bo as default
 };