@statezero/core 0.2.53 → 0.2.54

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

@@ -1,61 +1,61 @@
-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 ut, isEqual as qe } from "lodash-es";
-import Ae from "mitt";
-import It from "handlebars";
-import Dt from "superjson";
-import ms from "p-queue";
-import ys from "axios";
-import { z as P } from "zod";
-import gs from "pusher-js";
-import Yt, { createEqualsOperation as ee } from "sift";
+import { ref as J, computed as I, onMounted as hs, onBeforeUnmount as fs, watch as ot, createElementBlock as M, openBlock as A, createElementVNode as f, createVNode as St, toDisplayString as S, createCommentVNode as L, Fragment as W, renderList as ce, normalizeClass as Tt, normalizeStyle as it, withDirectives as Ue, createTextVNode as Qe, vModelCheckbox as Mt, vModelSelect as At, Transition as Ot, withCtx as $t } from "vue";
+import { v7 as B } from "uuid";
+import { isNil as b, isEmpty as ve, trim as dt, isEqual as He } from "lodash-es";
+import Oe from "mitt";
+import Ft from "handlebars";
+import Pt from "superjson";
+import ps from "p-queue";
+import ms from "axios";
+import { z as $ } from "zod";
+import ys from "pusher-js";
+import Wt, { createEqualsOperation as ee } from "sift";
 import { DateTime as _e } from "luxon";
-import { parse as _s, format as ws } from "date-fns";
-import { Graph as zt } from "graphlib";
+import { parse as gs, format as _s } from "date-fns";
+import { Graph as Dt } from "graphlib";
 import Le from "object-hash";
-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);
+import * as Zt 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);
 }
-function Je(n) {
+function qe(n) {
   return typeof n == "string" && /\{\{\s*TempPK_[^}\s]+\s*\}\}/.test(n);
 }
-function Kt(n) {
+function zt(n) {
   return `{{TempPK_${n}}}`;
 }
 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 ht)
+  for (const o of ut)
     try {
       o(t, e);
     } catch (i) {
       console.warn("[tempPk] onResolve callback error:", i);
     }
 }
-function Es(n) {
-  if (!Je(String(n))) return n;
+function vs(n) {
+  if (!qe(String(n))) return n;
   const e = String(n).match(/\{\{\s*TempPK_([^}\s]+)\s*\}\}/);
   if (!e) return n;
   const t = `"TempPK_${e[1]}"`, s = se.get(t);
   return s ? s.startsWith('"') && s.endsWith('"') ? s.slice(1, -1) : parseInt(s, 10) : n;
 }
-function We(n) {
+function Je(n) {
   if (se.size === 0) return n;
   const e = Object.fromEntries(se);
   try {
     if (typeof n == "string")
-      return It.compile(n, { noEscape: !0 })(e);
-    const t = Dt.stringify(n), r = It.compile(t, { noEscape: !0 })(e);
-    return Dt.parse(r);
+      return Ft.compile(n, { noEscape: !0 })(e);
+    const t = Pt.stringify(n), r = Ft.compile(t, { noEscape: !0 })(e);
+    return Pt.parse(r);
   } catch {
     return n;
   }
 }
-const bs = Ae(), ks = Ae(), Nt = Ae(), lt = /* @__PURE__ */ new Map();
-class Ss {
+const ks = Oe(), bs = Oe(), Kt = Oe(), at = /* @__PURE__ */ new Map();
+class Es {
   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 Ss {
     }
   }
 }
-class Et {
+class Ct {
   constructor(e, t = {}, s = null) {
-    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) => {
+    at.has(e) ? this.store = at.get(e) : (this.store = new Es(e, t), at.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);
@@ -288,13 +288,13 @@ class Et {
 const ge = (n, e) => {
   if (!e || !e.pks || e.pks.length === 0) return;
   const t = e.pks.map((r) => n._lastRenderedData.get(r) ?? null), s = n.render(e.pks, !0, !1);
-  if (!qe(s, t)) {
+  if (!He(s, t)) {
     const r = n.pkField;
     for (const o of s)
       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);
-    bs.emit(
+    ks.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 Ts {
+class Ss {
   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 Et("model-cache", {}, this.onHydrated.bind(this)), this._lastRenderedData = /* @__PURE__ */ new Map(), this.renderCallbacks = /* @__PURE__ */ new Set(), this._unsubscribeTempPk = vs((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 Ct("model-cache", {}, this.onHydrated.bind(this)), this._lastRenderedData = /* @__PURE__ */ new Map(), this.renderCallbacks = /* @__PURE__ */ new Set(), this._unsubscribeTempPk = Cs((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);
@@ -363,7 +363,7 @@ class Ts {
    */
   _loadOperations(e) {
     e.forEach((t) => {
-      const s = Pe.get(t.operationId);
+      const s = Fe.get(t.operationId);
       s ? this.operationsMap.set(s.operationId, s) : this.operationsMap.set(t.operationId, new q(t, !0));
     });
   }
@@ -374,7 +374,7 @@ class Ts {
   onHydrated() {
     if (this.groundTruthArray.length === 0 && this.operationsMap.size === 0) {
       let e = this.modelCache.get(this.cacheKey);
-      !E(e) && !ve(e) && this.setGroundTruth(e);
+      !b(e) && !ve(e) && this.setGroundTruth(e);
     }
   }
   setCache(e) {
@@ -382,7 +382,7 @@ class Ts {
     let s = [];
     e.forEach((r) => {
       let o = r[t];
-      if (!(typeof o == "string" && Je(o) && (o = We(r[t]), E(o) || ve(ut(o)))))
+      if (!(typeof o == "string" && qe(o) && (o = Je(r[t]), b(o) || ve(dt(o)))))
         if (r && typeof r.serialize == "function") {
           const i = r.serialize(!0);
           i[t] = o, s.push(i);
@@ -397,14 +397,14 @@ class Ts {
     const s = this.pkField;
     let r = [];
     if (e.forEach((c) => {
-      let f = c[s];
-      typeof f == "string" && Je(f) && (f = We(c[s]), E(f) || ve(ut(f))) || (c[s] = f, r.push(c));
+      let h = c[s];
+      typeof h == "string" && qe(h) && (h = Je(c[s]), b(h) || ve(dt(h))) || (c[s] = h, r.push(c));
     }), t === null) {
       this.setCache(r);
       return;
     }
     const i = (this.modelCache.get(this.cacheKey) || []).filter(
-      (c) => c && typeof c == "object" && s in c && (!t.has(c[s]) || r.some((f) => f[s] === c[s]))
+      (c) => c && typeof c == "object" && s in c && (!t.has(c[s]) || r.some((h) => h[s] === c[s]))
     ), l = new Map(
       i.map((c) => [c[s], c])
     );
@@ -478,18 +478,28 @@ class Ts {
         r.push(l);
     }
     if (r.push(...Array.from(s.values())), this.groundTruthArray = r, i.length > 0) {
-      const l = new q({
-        operationId: `checkpoint_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
-        type: M.CHECKPOINT,
-        instances: i,
-        status: C.CONFIRMED,
-        timestamp: Date.now(),
-        queryset: this.modelClass.objects.all()
-      });
-      this.operationsMap.set(
-        l.operationId,
-        l
+      const l = /* @__PURE__ */ new Set();
+      for (const c of this.operations)
+        if ((c.type === P.UPDATE || c.type === P.UPDATE_INSTANCE) && c.status !== C.CONFIRMED && c.status !== C.REJECTED)
+          for (const h of c.instances)
+            h && h[t] != null && l.add(h[t]);
+      const a = i.filter(
+        (c) => !l.has(c[t])
       );
+      if (a.length > 0) {
+        const c = new q({
+          operationId: `checkpoint_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+          type: P.CHECKPOINT,
+          instances: a,
+          status: C.CONFIRMED,
+          timestamp: Date.now(),
+          queryset: this.modelClass.objects.all()
+        });
+        this.operationsMap.set(
+          c.operationId,
+          c
+        );
+      }
     }
     ge(
       this,
@@ -543,21 +553,21 @@ class Ts {
       }
       let o = r[s];
       switch (e.type) {
-        case M.CREATE:
-        case M.BULK_CREATE:
+        case P.CREATE:
+        case P.BULK_CREATE:
           t.has(o) || t.set(o, r);
           break;
-        case M.CHECKPOINT:
-        case M.UPDATE_INSTANCE:
-        case M.UPDATE: {
+        case P.CHECKPOINT:
+        case P.UPDATE_INSTANCE:
+        case P.UPDATE: {
           const i = t.get(o);
           i ? t.set(o, { ...i, ...r }) : this.operations.some(
-            (a) => a.type === M.DELETE && a.status !== C.REJECTED && a.instances.some((c) => c && c[s] === o)
+            (a) => a.type === P.DELETE && a.status !== C.REJECTED && a.instances.some((c) => c && c[s] === o)
           ) || t.set(o, r);
           break;
         }
-        case M.DELETE_INSTANCE:
-        case M.DELETE:
+        case P.DELETE_INSTANCE:
+        case P.DELETE:
           t.delete(o);
           break;
         default:
@@ -593,24 +603,24 @@ class Ts {
   pruneUnreferencedInstances(e) {
     const t = this.pkField, s = this.modelClass.modelName, r = /* @__PURE__ */ new Set();
     for (const [l, a] of e._stores.entries())
-      a.modelClass.modelName === s && a.groundTruthPks.forEach((c) => r.add(c)), a.includedPks.has(s) && a.includedPks.get(s).forEach((f) => r.add(f));
+      a.modelClass.modelName === s && a.groundTruthPks.forEach((c) => r.add(c)), a.includedPks.has(s) && a.includedPks.get(s).forEach((h) => r.add(h));
     const o = this.groundTruthArray.filter((l) => !l || typeof l != "object" || !(t in l) ? !1 : r.has(l[t]));
     this.groundTruthArray.length - o.length > 0 && (this.groundTruthArray = o, this.setCache(o));
   }
   // Render methods
   render(e = null, t = !0, s = !0) {
     if (s && e !== null) {
-      const o = (Array.isArray(e) ? e : [e]).map((a) => Es(a)), i = [];
+      const o = (Array.isArray(e) ? e : [e]).map((a) => vs(a)), i = [];
       for (const a of o)
         this._lastRenderedData.has(a) || i.push(a);
       if (i.length === 0)
         return this._renderFromCache(o);
       const l = this.pkField;
       if (i.length < o.length) {
-        const a = o.filter((p) => this._lastRenderedData.has(p)), c = this._renderFromCache(a), f = this._renderFresh(i, t);
-        for (const p of f)
+        const a = o.filter((p) => this._lastRenderedData.has(p)), c = this._renderFromCache(a), h = this._renderFresh(i, t);
+        for (const p of h)
           p && p[l] != null && this._lastRenderedData.set(p[l], p);
-        return [...c, ...f];
+        return [...c, ...h];
       } else {
         const a = this._renderFresh(o, t);
         for (const c of a)
@@ -634,7 +644,7 @@ class Ts {
     for (const l of o)
       l.status !== C.REJECTED && (t || l.status === C.CONFIRMED) && this.applyOperation(l, r);
     let i = Array.from(r.values());
-    return e && this.updateCache(i, s), E(e) && this.setCache(i), i;
+    return e && this.updateCache(i, s), b(e) && this.setCache(i), i;
   }
   async sync(e = null) {
     const t = this.modelClass.modelName;
@@ -669,7 +679,7 @@ class Ts {
     }
   }
 }
-class Ge {
+class Ve {
   constructor() {
     this._stores = /* @__PURE__ */ new Map(), this.syncManager = () => {
       console.warn("SyncManager not set for ModelStoreRegistry");
@@ -688,41 +698,43 @@ class Ge {
       const t = async ({ pks: s, modelClass: r }) => await r.objects.filter({
         [`${r.primaryKeyField}__in`]: s
       }).fetch().serialize();
-      this._stores.set(e, new Ts(e, t, null, null)), this.syncManager.followModel(this, e);
+      this._stores.set(e, new Ss(e, t, null, null)), this.syncManager.followModel(this, e);
     }
     return this._stores.get(e);
   }
   // Get a single entity from the store
   getEntity(e, t) {
-    if (E(e) || E(t)) return;
+    if (b(e) || b(t)) return;
     if (t[e.primaryKeyField]) throw new Error("getEntity should be called with a pk not an object");
     return this.getStore(e).render([t])[0] || null;
   }
   // Add or update an entity ground truth in the store, not for operations!
   setEntity(e, t, s) {
-    if (E(e) || E(t)) return;
+    if (b(e) || b(t)) return;
     if (t[e.primaryKeyField]) throw new Error("getEntity should be called with a pk not an object");
     return this.getStore(e).addToGroundTruth([s]), s;
   }
   // Batch add or update entities in the store ground truth
   setEntities(e, t) {
-    if (E(e) || !t?.length) return;
+    if (b(e) || !t?.length) return;
     this.getStore(e).addToGroundTruth(t);
   }
 }
-const Q = new Ge(), ie = Ae(), C = {
+const j = new Ve(), ie = Oe(), C = {
   CREATED: "operation:created",
   CONFIRMED: "operation:confirmed",
   REJECTED: "operation:rejected",
   CLEAR: "clear:all",
   MUTATED: "operation:mutated"
-}, M = {
+}, P = {
   CREATE: "create",
   BULK_CREATE: "bulk_create",
   UPDATE: "update",
   DELETE: "delete",
   UPDATE_INSTANCE: "update_instance",
   DELETE_INSTANCE: "delete_instance",
+  GET_OR_CREATE: "get_or_create",
+  UPDATE_OR_CREATE: "update_or_create",
   CHECKPOINT: "checkpoint"
 };
 class q {
@@ -743,15 +755,15 @@ class q {
       throw new Error("Operation data must include a 'type'.");
     if (!e.instances)
       throw new Error("Operation data must include 'instances'.");
-    this.operationId = e.operationId || `op_${G()}`, this.type = e.type, this.status = e.status || C.CREATED, this.queryset = e.queryset, this.args = e.args, this.doNotPropagate = e.doNotPropagate || !1, this.localOnly = e.localOnly || !1;
+    this.operationId = e.operationId || `op_${B()}`, this.type = e.type, this.status = e.status || C.CREATED, this.queryset = e.queryset, this.args = e.args, this.doNotPropagate = e.doNotPropagate || !1, this.localOnly = e.localOnly || !1;
     let s = this.queryset.ModelClass, r = e.instances;
-    E(r) || (r = Array.isArray(e.instances) ? e.instances : [e.instances]);
+    b(r) || (r = Array.isArray(e.instances) ? e.instances : [e.instances]);
     let o = s.primaryKeyField;
-    if (r.some((a) => E(a) || typeof a != "object" || !(o in a)))
+    if (r.some((a) => b(a) || typeof a != "object" || !(o in a)))
       throw new Error(`All operation instances must be objects with the '${o}' field`);
     this.#e = r;
     const i = r.map((a) => a[o]);
-    Q.getStore(s).render(i, !0, !1), this.#t = r.map((a) => s.fromPk(a[o]).serialize()), this.timestamp = e.timestamp || Date.now(), !t && (Pe.register(this), ie.emit(C.CREATED, this));
+    j.getStore(s).render(i, !0, !1), this.#t = r.map((a) => s.fromPk(a[o]).serialize()), this.timestamp = e.timestamp || Date.now(), !t && (Fe.register(this), ie.emit(C.CREATED, this));
   }
   /**
    * Getter for instances that replaces any temporary PKs with real PKs
@@ -818,7 +830,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 Ms {
+class Ts {
   constructor() {
     this._operations = /* @__PURE__ */ new Map(), this._querysetStates = /* @__PURE__ */ new Map();
   }
@@ -903,9 +915,9 @@ class Ms {
     return t.length > 0 ? t[t.length - 1] : void 0;
   }
 }
-const Pe = new Ms(), $s = Ae();
+const Fe = new Ts(), Ms = Oe();
 function As(n) {
-  $s.emit("error", n);
+  Ms.emit("error", n);
 }
 class fe extends Error {
   /**
@@ -939,7 +951,7 @@ class fe extends Error {
     return this.message;
   }
 }
-class Oe extends fe {
+class $e extends fe {
   /**
    * Creates a new ValidationError.
    *
@@ -950,7 +962,7 @@ class Oe extends fe {
     super("Validation error", "validation_error", e, t), this.name = "ValidationError";
   }
 }
-class xt extends fe {
+class It extends fe {
   /**
    * Creates a new DoesNotExist error.
    *
@@ -961,7 +973,7 @@ class xt extends fe {
     super("DoesNotExist", "does_not_exist", e, t), this.name = "DoesNotExist";
   }
 }
-class ct extends fe {
+class lt extends fe {
   /**
    * Creates a new PermissionDenied error.
    *
@@ -983,7 +995,7 @@ class Os extends fe {
     super("Multiple objects returned", "multiple_objects_returned", e, t), this.name = "MultipleObjectsReturned";
   }
 }
-class jt extends fe {
+class Nt extends fe {
   /**
    * Creates a new ConflictError.
    *
@@ -994,7 +1006,7 @@ class jt extends fe {
     super("Conflict", "conflict", e, t), this.name = "ConflictError";
   }
 }
-class Ps extends fe {
+class $s extends fe {
   /**
    * Creates a new ASTValidationError.
    *
@@ -1005,7 +1017,7 @@ class Ps extends fe {
     super("Query syntax error", "ast_validation_error", e, t), this.name = "ASTValidationError";
   }
 }
-class x extends fe {
+class U extends fe {
   /**
    * Creates a new ConfigError.
    *
@@ -1019,33 +1031,33 @@ class x extends fe {
 function Fs(n) {
   const { status: e, type: t, detail: s } = n;
   if (t === void 0 && s === "Invalid token.")
-    return new ct(s, 403);
+    return new lt(s, 403);
   switch (t) {
     // Direct mappings
     case "ValidationError":
-      return new Oe(s, e);
+      return new $e(s, e);
     case "NotFound":
-      return new xt(s, e);
+      return new It(s, e);
     case "MultipleObjectsReturned":
       return new Os(s, e);
     case "PermissionDenied":
-      return new ct(s, e);
+      return new lt(s, e);
     case "ConflictError":
-      return new jt(s, e);
+      return new Nt(s, e);
     case "ASTValidationError":
-      return new Ps(s, e);
+      return new $s(s, e);
     case "ConfigError":
-      return new x(s, e);
+      return new U(s, e);
     // Django error types that map to our error classes
     case "FieldError":
-      return new Oe(s, e);
+      return new $e(s, e);
     case "ValueError":
-      return new Oe(s, e);
+      return new $e(s, e);
     default:
-      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);
+      return e === 400 ? new $e(s, e) : e === 403 ? new lt(s, e) : e === 404 ? new It(s, e) : e === 409 ? new Nt(s, e) : new fe("Unknown error", "unknown", s, e);
   }
 }
-const Ut = {
+const xt = {
   CREATE: "create",
   UPDATE: "update",
   DELETE: "delete",
@@ -1053,7 +1065,7 @@ const Ut = {
   BULK_UPDATE: "bulk_update",
   BULK_DELETE: "bulk_delete"
 };
-class Is {
+class Ps {
   /**
   * @param {PusherReceiverOptions} options
   * @param {string} configKey - The backend configuration key
@@ -1063,7 +1075,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 gs(s.appKey, {
+    ), this.pusherClient = new ys(s.appKey, {
       cluster: s.cluster,
       forceTLS: s.forceTLS ?? !0,
       authEndpoint: s.authEndpoint,
@@ -1143,7 +1155,7 @@ Common causes:
         `%cAuthentication failed for channel ${t}. Check your authEndpoint and server-side permissions.`,
         "color: orange; font-weight: bold;"
       );
-    }), Object.values(Ut).forEach((r) => {
+    }), Object.values(xt).forEach((r) => {
       s.bind(r, (o) => {
         const i = {
           ...o,
@@ -1158,7 +1170,7 @@ Common causes:
   unsubscribe(e) {
     const t = this.channels.get(e);
     if (!t) return;
-    Object.values(Ut).forEach((r) => {
+    Object.values(xt).forEach((r) => {
       t.unbind(r);
     });
     const s = e.startsWith("private-") ? e : this.formatChannelName(e);
@@ -1200,67 +1212,67 @@ Common causes:
     return this.namespaceResolver(e);
   }
 }
-const Ze = /* @__PURE__ */ new Map();
+const We = /* @__PURE__ */ new Map();
 function Ds(n, e) {
-  const t = Ze.get(n);
-  t && t.disconnect(), Ze.set(n, e), e.connect();
+  const t = We.get(n);
+  t && t.disconnect(), We.set(n, e), e.connect();
 }
-function Qt(n = "default") {
-  return Ze.get(n);
+function jt(n = "default") {
+  return We.get(n);
 }
 function zs() {
-  return Ze;
+  return We;
 }
-let Vt = {
+let Ut = {
   backendConfigs: {}
 };
-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" }),
-    forceTLS: P.boolean().optional(),
-    authEndpoint: P.string().url("Pusher authentication endpoint URL is required"),
-    getAuthHeaders: P.function().optional().refine(
+const Rs = $.object({
+  clientOptions: $.object({
+    appKey: $.string({ required_error: "Pusher appKey is required" }),
+    cluster: $.string({ required_error: "Pusher cluster is required" }),
+    forceTLS: $.boolean().optional(),
+    authEndpoint: $.string().url("Pusher authentication endpoint URL is required"),
+    getAuthHeaders: $.function().optional().refine(
       (n) => n === void 0 || typeof n == "function",
       "getAuthHeaders must be a function if provided"
     )
   })
-}), Rs = P.object({
-  type: P.enum(["websocket", "pusher", "none"]),
-  websocketUrl: P.string().url().optional(),
-  pusher: Ks.optional(),
-  hotpaths: P.array(P.string()).default(["default"])
+}), Ks = $.object({
+  type: $.enum(["websocket", "pusher", "none"]),
+  websocketUrl: $.string().url().optional(),
+  pusher: Rs.optional(),
+  hotpaths: $.array($.string()).default(["default"])
 }).superRefine((n, e) => {
   n.type === "websocket" && (n.websocketUrl || e.addIssue({
-    code: P.ZodIssueCode.custom,
+    code: $.ZodIssueCode.custom,
     path: ["websocketUrl"],
     message: "WebSocket URL is required for WebSocket event receiver"
   })), n.type === "pusher" && (n.pusher || e.addIssue({
-    code: P.ZodIssueCode.custom,
+    code: $.ZodIssueCode.custom,
     path: ["pusher"],
     message: "Pusher configuration is required for Pusher event receiver"
   }));
-}), Be = P.object({
-  API_URL: P.string().url("API_URL must be a valid URL"),
-  GENERATED_TYPES_DIR: P.string({
+}), Be = $.object({
+  API_URL: $.string().url("API_URL must be a valid URL"),
+  GENERATED_TYPES_DIR: $.string({
     required_error: "GENERATED_TYPES_DIR is required"
   }),
-  GENERATED_ACTIONS_DIR: P.string().optional(),
-  BACKEND_TZ: P.string().optional(),
-  SYNC_TOKEN: P.string().optional(),
-  fileRootURL: P.string().url("fileRootURL must be a valid URL").optional(),
-  fileUploadMode: P.enum(["server", "s3"]).default("server"),
-  getAuthHeaders: P.function().optional().refine(
+  GENERATED_ACTIONS_DIR: $.string().optional(),
+  BACKEND_TZ: $.string().optional(),
+  SYNC_TOKEN: $.string().optional(),
+  fileRootURL: $.string().url("fileRootURL must be a valid URL").optional(),
+  fileUploadMode: $.enum(["server", "s3"]).default("server"),
+  getAuthHeaders: $.function().optional().refine(
     (n) => n === void 0 || typeof n == "function",
     "getAuthHeaders must be a function if provided"
   ),
-  eventInterceptor: P.function().optional().refine(
+  eventInterceptor: $.function().optional().refine(
     (n) => n === void 0 || typeof n == "function",
     "eventInterceptor must be a function if provided"
   ),
-  events: P.lazy(() => Rs.optional())
-}), Ns = P.object({
-  backendConfigs: P.record(P.string(), Be).refine(
+  events: $.lazy(() => Ks.optional())
+}), Is = $.object({
+  backendConfigs: $.record($.string(), Be).refine(
     (n) => {
       for (const [e, t] of Object.entries(n))
         if (!Be.safeParse(t).success)
@@ -1279,43 +1291,43 @@ const Ks = P.object({
       return { message: e.join("; ") };
     }
   ),
-  periodicSyncIntervalSeconds: P.number().min(5).nullable().optional().default(null)
+  periodicSyncIntervalSeconds: $.number().min(5).nullable().optional().default(null)
 });
-let ft = null;
-function xs(n) {
-  Vt = n;
-  const e = Ns.safeParse(Vt);
+let ht = null;
+function Ns(n) {
+  Ut = n;
+  const e = Is.safeParse(Ut);
   if (!e.success) {
     const t = e.error.errors.map((s) => s.message);
-    throw new x(`Error setting configuration: ${t.join(", ")}`);
+    throw new U(`Error setting configuration: ${t.join(", ")}`);
   }
-  ft = e.data;
+  ht = e.data;
 }
 function he() {
-  if (!ft)
-    throw new x("Configuration not set. Please call setConfig() with a valid configuration.");
-  return ft;
+  if (!ht)
+    throw new U("Configuration not set. Please call setConfig() with a valid configuration.");
+  return ht;
 }
-function js(n, e) {
+function xs(n, e) {
   try {
     const t = he();
     if (!t.backendConfigs[n])
-      throw new x(`Backend "${n}" not found in configuration.`);
+      throw new U(`Backend "${n}" not found in configuration.`);
     const s = { ...t.backendConfigs[n], ...e }, r = Be.safeParse(s);
     if (!r.success) {
       const o = r.error.errors.map((i) => i.message);
-      throw new x(`Invalid backend configuration: ${o.join(", ")}`);
+      throw new U(`Invalid backend configuration: ${o.join(", ")}`);
     }
     t.backendConfigs[n] = r.data;
   } catch (t) {
-    throw t instanceof x ? t : new x(t.message || "Invalid backend configuration");
+    throw t instanceof U ? t : new U(t.message || "Invalid backend configuration");
   }
 }
-function es(n = "default") {
+function Yt(n = "default") {
   try {
     const e = he();
     if (!e.backendConfigs[n])
-      throw new x(`Backend "${n}" not found in configuration.`);
+      throw new U(`Backend "${n}" not found in configuration.`);
     const t = e.backendConfigs[n];
     if (!t.events)
       return null;
@@ -1323,9 +1335,9 @@ function es(n = "default") {
     switch (t.events.type) {
       case "pusher":
         if (!t.events.pusher || !t.events.pusher.clientOptions)
-          throw new x("Pusher client options are required for Pusher event receiver.");
+          throw new U("Pusher client options are required for Pusher event receiver.");
         if (!t.events.pusher.clientOptions.authEndpoint)
-          throw new x("Pusher auth endpoint is required for Pusher event receiver.");
+          throw new U("Pusher auth endpoint is required for Pusher event receiver.");
         const r = t.events.pusher.clientOptions.getAuthHeaders || t.getAuthHeaders, o = t.SYNC_TOKEN, i = () => {
           const a = r ? r() : {};
           return o ? { ...a, "X-StateZero-Sync-Token": o } : a;
@@ -1333,68 +1345,68 @@ function es(n = "default") {
           ...t.events.pusher.clientOptions,
           getAuthHeaders: i
         };
-        s = new Is({ clientOptions: l }, n);
+        s = new Ps({ clientOptions: l }, n);
         break;
       case "none":
         return null;
       default:
-        throw new x(`Unknown event receiver type: ${t.events.type}`);
+        throw new U(`Unknown event receiver type: ${t.events.type}`);
     }
     return s && Ds(n, s), s;
   } catch (e) {
-    throw e instanceof x ? e : new x(`Failed to initialize event receiver: ${e.message}`);
+    throw e instanceof U ? e : new U(`Failed to initialize event receiver: ${e.message}`);
   }
 }
-function Us() {
+function js() {
   try {
     const n = he(), e = {};
     return Object.keys(n.backendConfigs).forEach((t) => {
       try {
-        e[t] = es(t);
+        e[t] = Yt(t);
       } catch (s) {
         console.warn(`Failed to initialize event receiver for backend "${t}": ${s.message}`);
       }
     }), e;
   } catch (n) {
-    throw new x(`Failed to initialize event receivers: ${n.message}`);
+    throw new U(`Failed to initialize event receivers: ${n.message}`);
   }
 }
-let pt = null;
-function Qs(n) {
+let ft = null;
+function Us(n) {
   if (typeof n != "function")
-    throw new x("Provided model getter must be a function.");
-  pt = n;
+    throw new U("Provided model getter must be a function.");
+  ft = n;
 }
-function Vs(n, e = "default") {
+function Qs(n, e = "default") {
   if (n && n.startsWith("http"))
     return n;
   const s = he().backendConfigs[e];
   if (!s)
-    throw new x(`Backend "${e}" not found in configuration.`);
+    throw new U(`Backend "${e}" not found in configuration.`);
   return s.fileRootURL ? s.fileRootURL.replace(/\/$/, "") + n : n;
 }
-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 pt(n, e);
+function Xt(n, e) {
+  if (!ft)
+    throw new U("Model registry not registered. Please call registerModelGetter() with the function from model-registry.js during app initialization.");
+  return ft(n, e);
 }
-const Ie = {
-  setConfig: xs,
+const De = {
+  setConfig: Ns,
   getConfig: he,
-  setBackendConfig: js,
-  initializeEventReceiver: es,
-  registerModelGetter: Qs,
-  getModelClass: ts,
-  buildFileUrl: Vs
-}, ss = "__STATEZERO_DEBUG__", X = globalThis[ss] || {
-  emitter: Ae(),
+  setBackendConfig: xs,
+  initializeEventReceiver: Yt,
+  registerModelGetter: Us,
+  getModelClass: Xt,
+  buildFileUrl: Qs
+}, es = "__STATEZERO_DEBUG__", X = globalThis[es] || {
+  emitter: Oe(),
   buffer: [],
   enabled: !0,
   started: !1,
   maxEntries: 500,
   nextId: 1
 };
-globalThis[ss] = X;
+globalThis[es] = X;
 const Me = X.emitter, ue = X.buffer;
 function Te(n) {
   if (!X.enabled) return;
@@ -1405,26 +1417,26 @@ function Te(n) {
   };
   ue.push(e), ue.length > X.maxEntries && ue.shift(), Me.emit("record", e);
 }
-function B(n) {
+function G(n) {
   Te(n);
 }
 function Ls(n) {
   return Me.on("record", n), () => Me.off("record", n);
 }
-function Gs(n) {
+function Vs(n) {
   return Me.on("clear", n), () => Me.off("clear", n);
 }
-function Lt() {
+function Qt() {
   return ue.slice();
 }
 function Bs() {
   ue.length = 0, Me.emit("clear");
 }
-function Gt(n) {
+function Lt(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 Hs() {
+function Gs() {
   X.started || (X.started = !0, ie.on(C.CREATED, (n) => {
     Te({
       type: "operation",
@@ -1477,11 +1489,11 @@ function Hs() {
     Te({ type: "operation", subtype: C.CLEAR });
   }));
 }
-const dt = /* @__PURE__ */ new Map();
-function qs(n = "default") {
-  return dt.has(n) || dt.set(n, new ms({ concurrency: 1 })), dt.get(n);
+const ct = /* @__PURE__ */ new Map();
+function Hs(n = "default") {
+  return ct.has(n) || ct.set(n, new ps({ concurrency: 1 })), ct.get(n);
 }
-function Js(n, e = 3e4) {
+function qs(n, e = 3e4) {
   return Promise.race([
     n,
     new Promise(
@@ -1493,19 +1505,19 @@ function we(n, e, t, s = null) {
   if (!e) return;
   const r = t.configKey;
   let o = null;
-  s && (o = j.getStore(s));
+  s && (o = x.getStore(s));
   try {
     for (const [i, l] of Object.entries(e)) {
-      const a = Ie.getModelClass(i, r);
+      const a = De.getModelClass(i, r);
       if (!a)
         throw console.error(
           `Model class not found for ${i} in config ${r}`
         ), new Error(`Model class not found for ${i}`);
       if (o) {
         o.includedPks.has(i) || o.includedPks.set(i, /* @__PURE__ */ new Set());
-        const f = o.includedPks.get(i);
+        const h = o.includedPks.get(i);
         for (const p of Object.keys(l))
-          f.add(Number(p));
+          h.add(Number(p));
       }
       const c = Object.values(l);
       n.setEntities(a, c);
@@ -1517,8 +1529,8 @@ function we(n, e, t, s = null) {
     ), new Error(`Failed to process included entities: ${i.message}`);
   }
 }
-async function L(n, e, t = {}, s, r = null, o = null, i = {}) {
-  const { namespace: l = "default", timeout: a } = i, c = n.ModelClass, p = Ie.getConfig().backendConfigs[c.configKey];
+async function V(n, e, t = {}, s, r = null, o = null, i = {}) {
+  const { namespace: l = "default", timeout: a } = i, c = n.ModelClass, p = De.getConfig().backendConfigs[c.configKey];
   if (!p)
     throw new Error(
       `No backend configuration found for key: ${c.configKey}`
@@ -1539,7 +1551,7 @@ async function L(n, e, t = {}, s, r = null, o = null, i = {}) {
     }
   }, v = w?.ast?.serializerOptions?.limit, O = w?.ast?.serializerOptions?.overfetch || 10;
   v && O && (w.ast.serializerOptions.limit = v + O);
-  const b = [
+  const k = [
     "create",
     "bulk_create",
     "update",
@@ -1548,11 +1560,11 @@ 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() : {}, F = n.semanticKey;
+  ].includes(e), Q = `${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 {
-      B({
+      G({
         type: "request",
         modelName: c.modelName,
         configKey: c.configKey,
@@ -1560,25 +1572,25 @@ async function L(n, e, t = {}, s, r = null, o = null, i = {}) {
         operationType: e,
         operationId: s,
         canonicalId: o,
-        url: U,
+        url: Q,
         payload: w,
         namespace: l
       });
-      let D = await ys.post(U, We(w), { headers: N });
-      typeof r == "function" && D?.data && await r(D.data);
-      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;
+      let z = await ms.post(Q, Je(w), { headers: N });
+      typeof r == "function" && z?.data && await r(z.data);
+      const D = z?.data?.data, K = z?.data?.included, me = Array.isArray(D) ? D.length : D != null ? 1 : 0, Ze = K ? Object.keys(K).length : 0, ye = 100, Re = Array.isArray(D) && D.length > ye ? D.slice(0, ye) : D, Ye = Array.isArray(D) && D.length > ye;
+      let Ke = K, ke = !1;
       if (K && typeof K == "object") {
-        const Ne = {};
+        const Ie = {};
         let ne = 0;
-        for (const [xe, je] of Object.entries(K))
-          if (Ne[xe] = je, ne += 1, ne >= ye) {
-            Ee = !0;
+        for (const [Ne, xe] of Object.entries(K))
+          if (Ie[Ne] = xe, ne += 1, ne >= ye) {
+            ke = !0;
             break;
           }
-        Re = Ee ? Ne : K;
+        Ke = ke ? Ie : K;
       }
-      return B({
+      return G({
         type: "response",
         modelName: c.modelName,
         configKey: c.configKey,
@@ -1586,17 +1598,17 @@ async function L(n, e, t = {}, s, r = null, o = null, i = {}) {
         operationType: e,
         operationId: s,
         canonicalId: o,
-        url: U,
-        status: D.status,
+        url: Q,
+        status: z.status,
         dataCount: me,
-        includedCount: Ye,
-        data: Ke,
-        included: Re,
-        dataTruncated: Xe,
-        includedTruncated: Ee
-      }), D.data;
-    } catch (D) {
-      if (B({
+        includedCount: Ze,
+        data: Re,
+        included: Ke,
+        dataTruncated: Ye,
+        includedTruncated: ke
+      }), z.data;
+    } catch (z) {
+      if (G({
         type: "error",
         modelName: c.modelName,
         configKey: c.configKey,
@@ -1604,23 +1616,23 @@ async function L(n, e, t = {}, s, r = null, o = null, i = {}) {
         operationType: e,
         operationId: s,
         canonicalId: o,
-        url: U,
-        status: D?.response?.status,
-        message: D?.message
-      }), D?.code === "ECONNREFUSED") {
-        const I = "Connection refused. If you're running tests, start the test server with `python manage.py statezero_testserver`.";
-        throw new Error(`${I} (${U})`);
+        url: Q,
+        status: z?.response?.status,
+        message: z?.message
+      }), z?.code === "ECONNREFUSED") {
+        const D = "Connection refused. If you're running tests, start the test server with `python manage.py statezero_testserver`.";
+        throw new Error(`${D} (${Q})`);
       }
-      if (D.response && D.response.data) {
-        const I = Fs(D.response.data);
-        throw Error.captureStackTrace && Error.captureStackTrace(I, L), I;
+      if (z.response && z.response.data) {
+        const D = Fs(z.response.data);
+        throw Error.captureStackTrace && Error.captureStackTrace(D, V), D;
       }
-      throw new Error(`API call failed: ${D.message}`);
+      throw new Error(`API call failed: ${z.message}`);
     }
-  }, pe = qs(l), ae = b ? pe.add(re) : re();
-  return a ? Js(ae, a) : ae;
+  }, pe = Hs(l), ae = k ? pe.add(re) : re();
+  return a ? qs(ae, a) : ae;
 }
-class Bt {
+class Vt {
   // Supported Django strftime formats and their date-fns equivalents
   static SUPPORTED_FORMATS = {
     "iso-8601": null,
@@ -1674,7 +1686,7 @@ class Bt {
         return c.isValid ? c.toJSDate() : (console.error(`Failed to parse ISO date "${e}":`, c.invalidReason), null);
       }
       const a = this.SUPPORTED_FORMATS[l];
-      return _s(e, a, /* @__PURE__ */ new Date());
+      return gs(e, a, /* @__PURE__ */ new Date());
     } catch (a) {
       return console.error(`Failed to parse date "${e}" with format "${l}"`, a), null;
     }
@@ -1706,24 +1718,24 @@ class Bt {
       if (!i || i === "iso-8601")
         return r === "date" ? e.toISOString().slice(0, 10) : e.toISOString();
       const l = this.SUPPORTED_FORMATS[i];
-      return ws(e, l);
+      return _s(e, l);
     } catch (l) {
       return console.error(`Failed to format date with format "${i}"`, l), e.toISOString();
     }
   }
 }
-function Ws(n) {
+function Js(n) {
   if (!n || !n.configKey)
     return "UTC";
-  const e = Ie.getConfig();
+  const e = De.getConfig();
   return (e.backendConfigs[n.configKey] || e.backendConfigs.default).BACKEND_TZ || "UTC";
 }
-const Ht = {
+const Bt = {
   // Store backend snake_case format internally for consistency with API
   toInternal: (n, e = {}) => {
     if (typeof n == "string")
       throw new Error("File field expects a file object, not a string path");
-    if (E(n))
+    if (b(n))
       return null;
     if (typeof n != "object" || Array.isArray(n))
       throw new Error(`expected file object, got ${Array.isArray(n) ? "array" : typeof n}`);
@@ -1738,7 +1750,7 @@ const Ht = {
   // 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 ? Ie.buildFileUrl(n.file_url, t) : null;
+    const t = e.model?.constructor?.configKey || "default", s = n.file_url ? De.buildFileUrl(n.file_url, t) : null;
     return {
       // snake_case (backend format)
       file_path: n.file_path,
@@ -1755,23 +1767,23 @@ const Ht = {
       mimeType: n.mime_type
     };
   }
-}, qt = {
+}, Gt = {
   toInternal: (n, e = {}) => {
-    if (E(n) || typeof n == "string") return n;
+    if (b(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 ? Bt.serializeDate(n, s, o) : n.toISOString();
+      return o ? Vt.serializeDate(n, s, o) : n.toISOString();
     }
     throw new Error(`expected string or Date, got ${typeof n}`);
   },
   toLive: (n, e = {}) => {
-    if (E(n) || typeof n != "string") return n;
+    if (b(n) || typeof n != "string") return n;
     const { model: t, field: s } = e;
     if (t?.schema) {
-      const r = Ws(t);
-      return Bt.parseDate(n, s, t.schema, r);
+      const r = Js(t);
+      return Vt.parseDate(n, s, t.schema, r);
     }
     try {
       return new Date(n);
@@ -1779,9 +1791,9 @@ const Ht = {
       return console.warn(`Failed to parse date: ${n}`), n;
     }
   }
-}, ke = {
+}, Ee = {
   toInternal: (n, e = {}) => {
-    if (E(n)) return n;
+    if (b(n)) return n;
     const t = n.pk || n;
     if (typeof t != "string" && typeof t != "number")
       throw new Error(
@@ -1790,13 +1802,13 @@ const Ht = {
     return t;
   },
   toLive: (n, e = {}) => {
-    if (E(n)) return n;
+    if (b(n)) return n;
     const { model: t, field: s } = e;
     return t.relationshipFields.has(s) && n ? t.relationshipFields.get(s).ModelClass().fromPk(n) : n;
   }
-}, Zs = {
+}, Ws = {
   toInternal: (n, e = {}) => {
-    if (E(n)) return n;
+    if (b(n)) return n;
     if (!Array.isArray(n)) throw new Error(`expected array, got ${typeof n}`);
     return n.map((t) => {
       const s = t.pk || t;
@@ -1808,7 +1820,7 @@ const Ht = {
     });
   },
   toLive: (n, e = {}) => {
-    if (E(n)) return n;
+    if (b(n)) return n;
     const { model: t, field: s } = e;
     if (t.relationshipFields.has(s) && n) {
       const r = t.relationshipFields.get(s);
@@ -1822,27 +1834,27 @@ const Ht = {
   }
 }, Se = {
   string: {
-    "file-path": Ht,
-    "image-path": Ht,
-    date: qt,
-    "date-time": qt,
-    "foreign-key": ke,
-    "one-to-one": ke
+    "file-path": Bt,
+    "image-path": Bt,
+    date: Gt,
+    "date-time": Gt,
+    "foreign-key": Ee,
+    "one-to-one": Ee
   },
   integer: {
-    "foreign-key": ke,
-    "one-to-one": ke
+    "foreign-key": Ee,
+    "one-to-one": Ee
   },
   // Add other PK types as needed
   uuid: {
-    "foreign-key": ke,
-    "one-to-one": ke
+    "foreign-key": Ee,
+    "one-to-one": Ee
   },
   array: {
-    "many-to-many": Zs
+    "many-to-many": Ws
   }
 };
-class rs {
+class ts {
   constructor(e) {
     this.modelClass = e;
   }
@@ -1897,18 +1909,18 @@ class rs {
     return t;
   }
 }
-function Ys(n) {
+function Zs(n) {
   if (!n || !n.configKey)
     return "UTC";
-  const e = Ie.getConfig();
+  const e = De.getConfig();
   return (e.backendConfigs[n.configKey] || e.backendConfigs.default).BACKEND_TZ || "UTC";
 }
-function Xs(n, e, t) {
+function Ys(n, e, t) {
   if (!t?.schema || !n) return e;
-  const s = new rs(t);
+  const s = new ts(t);
   return Array.isArray(e) ? e.map((r) => s.toLiveField(n, r)) : s.toLiveField(n, e);
 }
-function De(n, e, t, s = {}) {
+function ze(n, e, t, s = {}) {
   const r = n.split("__"), o = [
     "exact",
     "iexact",
@@ -1936,74 +1948,74 @@ function De(n, e, t, s = {}) {
   ], i = ["year", "month", "day", "week_day", "hour", "minute", "second", "date", "time"], l = ["gt", "gte", "lt", "lte", "exact"];
   let a = [], c = [...r];
   if (r.length >= 3) {
-    const b = r[r.length - 2], k = r[r.length - 1];
-    i.includes(b) && l.includes(k) && (a = [b, k], c = r.slice(0, -2));
+    const k = r[r.length - 2], E = r[r.length - 1];
+    i.includes(k) && l.includes(E) && (a = [k, E], c = r.slice(0, -2));
   }
-  let f = null;
-  a.length === 0 && r.length > 1 && o.includes(r[r.length - 1]) && (f = r[r.length - 1], c = r.slice(0, -1));
+  let h = null;
+  a.length === 0 && r.length > 1 && o.includes(r[r.length - 1]) && (h = r[r.length - 1], c = r.slice(0, -1));
   let p = t, m = [], y = !1, _ = !1, w = null;
-  for (let b = 0; b < c.length; b++) {
-    let k = c[b];
-    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), 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, F, s), I = m.length > 0 ? m.join(".") + "." + k : k, K = D.requiredPath || D.field, me = `${I}.${K}`;
+  for (let k = 0; k < c.length; k++) {
+    let E = c[k];
+    E === "pk" && p && (E = p.primaryKeyField);
+    const Q = k === c.length - 1;
+    if (p && p.relationshipFields && p.relationshipFields instanceof Map && p.relationshipFields.has(E)) {
+      const N = p.relationshipFields.get(E), F = N.ModelClass(), re = N.relationshipType;
+      if (!Q && re === "many-to-many") {
+        let ae = c.slice(k + 1).join("__");
+        a.length > 0 ? ae += "__" + a.join("__") : h && (ae += "__" + h);
+        const z = ze(ae, e, F, s), D = m.length > 0 ? m.join(".") + "." + E : E, K = z.requiredPath || z.field, me = `${D}.${K}`;
         return {
-          field: I,
-          operator: { $elemMatch: { [D.field]: D.operator } },
+          field: D,
+          operator: { $elemMatch: { [z.field]: z.operator } },
           isM2M: !0,
           requiredPath: me
           // Full path for data picking
         };
       }
-      if (m.push(k), !U)
+      if (m.push(E), !Q)
         p = F;
       else {
         if (y = !0, re === "many-to-many")
-          _ = !0, w = k;
+          _ = !0, w = E;
         else {
           const pe = F.primaryKeyField || "id";
           m.push(pe), w = pe;
         }
         p = F;
       }
-    } else if (p && p.fields && p.fields.includes(k)) {
-      if (m.push(k), w = k, U)
+    } else if (p && p.fields && p.fields.includes(E)) {
+      if (m.push(E), w = E, Q)
         break;
-      const N = p.schema?.properties?.[k];
+      const N = p.schema?.properties?.[E];
       if (N && N.format === "json") {
-        const F = c.slice(b + 1);
+        const F = c.slice(k + 1);
         m.push(...F);
         break;
       }
-      throw new Error(`Field '${k}' in '${n}' is not a relationship field and cannot be traversed.`);
+      throw new Error(`Field '${E}' 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}.`);
+      throw new Error(`Field '${E}' in '${n}' not found in model ${p.modelName}.`);
   }
-  const v = m.join("."), T = i.includes(f) || a.length === 2 && i.includes(a[0]) ? e : Xs(w, e, p);
+  const v = m.join("."), T = i.includes(h) || a.length === 2 && i.includes(a[0]) ? e : Ys(w, e, p);
   if (a.length === 2) {
-    const [b, k] = a;
-    return er(v, b, k, T, y);
+    const [k, E] = a;
+    return Xs(v, k, E, T, y);
   }
-  if (f)
-    return tr(v, f, T, y, p, w, _);
+  if (h)
+    return er(v, h, 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 } };
+    let k = T;
+    return T && typeof T == "object" && "pk" in T && (k = T.pk), _ ? { field: v, operator: { $elemMatch: { pk: { $eq: k } } }, isM2M: !0 } : { field: v, operator: { $eq: k } };
   }
   return { field: v, operator: { $eq: T } };
 }
-function er(n, e, t, s, r) {
+function Xs(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 tr(n, e, t, s, r, o, i = !1) {
+function er(n, e, t, s, r, o, i = !1) {
   function l(a) {
     return a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
   }
@@ -2016,8 +2028,8 @@ function tr(n, e, t, s, r, o, i = !1) {
           // document-level operator
           requiredPath: n,
           // need the M2M field itself for data picking
-          operator: function(f) {
-            const p = f[a], m = p === null || Array.isArray(p) && p.length === 0;
+          operator: function(h) {
+            const p = h[a], m = p === null || Array.isArray(p) && p.length === 0;
             return c ? m : !m;
           }
         };
@@ -2058,16 +2070,16 @@ function tr(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 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);
+function tr(n = "UTC", e = null) {
+  const t = e ? new ts(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, h = null) => {
+    const p = s(a, h);
     if (!p || !(p instanceof Date) || isNaN(p.getTime()))
       return null;
     const m = _e.fromJSDate(p).setZone(n);
     return c(m);
   }, o = {
     // Year - same in both
-    $year(a, c, f) {
+    $year(a, c, h) {
       const p = typeof a == "string" ? Number(a) : a;
       return ee(
         (m) => {
@@ -2075,11 +2087,11 @@ function sr(n = "UTC", e = null) {
           return y !== null && y === p;
         },
         c,
-        f
+        h
       );
     },
     // Month - Luxon is 1-indexed like Django
-    $month(a, c, f) {
+    $month(a, c, h) {
       const p = typeof a == "string" ? Number(a) : a;
       return ee(
         (m) => {
@@ -2087,11 +2099,11 @@ function sr(n = "UTC", e = null) {
           return y !== null && y === p;
         },
         c,
-        f
+        h
       );
     },
     // Day of month - same in both
-    $day(a, c, f) {
+    $day(a, c, h) {
       const p = typeof a == "string" ? Number(a) : a;
       return ee(
         (m) => {
@@ -2099,11 +2111,11 @@ function sr(n = "UTC", e = null) {
           return y !== null && y === p;
         },
         c,
-        f
+        h
       );
     },
     // Day of week - convert to Django's 1=Sunday format
-    $week_day(a, c, f) {
+    $week_day(a, c, h) {
       const p = typeof a == "string" ? Number(a) : a;
       return ee(
         (m) => {
@@ -2111,11 +2123,11 @@ function sr(n = "UTC", e = null) {
           return y !== null && y === p;
         },
         c,
-        f
+        h
       );
     },
     // Hour - same in both
-    $hour(a, c, f) {
+    $hour(a, c, h) {
       const p = typeof a == "string" ? Number(a) : a;
       return ee(
         (m) => {
@@ -2123,11 +2135,11 @@ function sr(n = "UTC", e = null) {
           return y !== null && y === p;
         },
         c,
-        f
+        h
       );
     },
     // Minute - same in both
-    $minute(a, c, f) {
+    $minute(a, c, h) {
       const p = typeof a == "string" ? Number(a) : a;
       return ee(
         (m) => {
@@ -2135,11 +2147,11 @@ function sr(n = "UTC", e = null) {
           return y !== null && y === p;
         },
         c,
-        f
+        h
       );
     },
     // Second - same in both
-    $second(a, c, f) {
+    $second(a, c, h) {
       const p = typeof a == "string" ? Number(a) : a;
       return ee(
         (m) => {
@@ -2147,11 +2159,11 @@ function sr(n = "UTC", e = null) {
           return y !== null && y === p;
         },
         c,
-        f
+        h
       );
     },
     // Date - extract date portion (ignore time)
-    $date(a, c, f) {
+    $date(a, c, h) {
       return ee(
         (p, m) => {
           const y = s(p, m);
@@ -2163,11 +2175,11 @@ function sr(n = "UTC", e = null) {
           return w.year === v.year && w.month === v.month && w.day === v.day;
         },
         c,
-        f
+        h
       );
     },
     // Time - extract time portion (ignore date)
-    $time(a, c, f) {
+    $time(a, c, h) {
       return ee(
         (p, m) => {
           const y = s(p, m);
@@ -2181,13 +2193,13 @@ function sr(n = "UTC", e = null) {
           } else {
             const T = s(a, m);
             if (!T) return !1;
-            const b = _e.fromJSDate(T).setZone(n);
-            w = b.hour, v = b.minute, O = b.second;
+            const k = _e.fromJSDate(T).setZone(n);
+            w = k.hour, v = k.minute, O = k.second;
           }
           return _.hour === w && _.minute === v && _.second === O;
         },
         c,
-        f
+        h
       );
     }
   }, i = {
@@ -2205,24 +2217,24 @@ function sr(n = "UTC", e = null) {
   }, l = ["gt", "gte", "lt", "lte", "exact"];
   return Object.keys(i).forEach((a) => {
     const c = i[a];
-    l.forEach((f) => {
-      o[`$${a}_${f}`] = (p, m, y) => ee(
+    l.forEach((h) => {
+      o[`$${a}_${h}`] = (p, m, y) => ee(
         (_, w) => {
           const v = s(_, w);
           if (!v || !(v instanceof Date) || isNaN(v.getTime()))
             return !1;
-          const O = _e.fromJSDate(v).setZone(n), T = c(O), b = a === "date" ? p : typeof p == "string" ? Number(p) : p;
-          switch (f) {
+          const O = _e.fromJSDate(v).setZone(n), T = c(O), k = a === "date" ? p : typeof p == "string" ? Number(p) : p;
+          switch (h) {
             case "gt":
-              return T > b;
+              return T > k;
             case "gte":
-              return T >= b;
+              return T >= k;
             case "lt":
-              return T < b;
+              return T < k;
             case "lte":
-              return T <= b;
+              return T <= k;
             case "exact":
-              return T === b;
+              return T === k;
             default:
               return !1;
           }
@@ -2233,20 +2245,20 @@ function sr(n = "UTC", e = null) {
     });
   }), o;
 }
-function rr(n, e) {
-  const t = Ys(e);
-  return Yt(n, {
-    operations: sr(t, e)
+function sr(n, e) {
+  const t = Zs(e);
+  return Wt(n, {
+    operations: tr(t, e)
   });
 }
-function mt(n, e) {
+function pt(n, e) {
   const t = {}, s = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
   for (const [o, i] of Object.entries(n))
     try {
-      const l = De(o, i, e), { field: a, operator: c, isDatePart: f, isM2M: p } = l;
-      f ? (s.has(a) || s.set(a, []), s.get(a).push({ [a]: c })) : p && c.$elemMatch ? (r.has(a) || r.set(a, []), r.get(a).push(c.$elemMatch)) : t[a] ? t[a] = { ...t[a], ...c } : t[a] = c;
+      const l = ze(o, i, e), { field: a, operator: c, isDatePart: h, isM2M: p } = l;
+      h ? (s.has(a) || s.set(a, []), s.get(a).push({ [a]: c })) : p && c.$elemMatch ? (r.has(a) || r.set(a, []), r.get(a).push(c.$elemMatch)) : t[a] ? t[a] = { ...t[a], ...c } : t[a] = c;
     } catch (l) {
-      throw new Oe(`Failed to process field '${o}': ${l.message}`);
+      throw new $e(`Failed to process field '${o}': ${l.message}`);
     }
   for (const [o, i] of r.entries())
     i.length === 1 ? t[o] = { $elemMatch: i[0] } : t[o] = { $elemMatch: { $and: i } };
@@ -2267,38 +2279,38 @@ function mt(n, e) {
   }
   return t;
 }
-function nr(n, e) {
+function rr(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) => mt(r, e)) } : mt(t, e))
+    $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))
   };
 }
-function He(n, e) {
+function Ge(n, e) {
   if (!n) return null;
   if (n.type === "filter") {
     const { conditions: t, Q: s } = n;
     let r = {};
-    if (t && Object.keys(t).length > 0 && (r = mt(t, e)), s && s.length > 0) {
-      const o = nr(s, e);
+    if (t && Object.keys(t).length > 0 && (r = pt(t, e)), s && s.length > 0) {
+      const o = rr(s, e);
       if (o)
         return Object.keys(r).length > 0 ? { $and: [r, o] } : o;
     }
     return r;
   }
   if (n.type === "and" && n.children) {
-    const t = n.children.map((s) => He(s, e)).filter((s) => s != null);
+    const t = n.children.map((s) => Ge(s, e)).filter((s) => s != null);
     return t.length === 0 ? null : t.length === 1 ? t[0] : { $and: t };
   }
   if (n.type === "or" && n.children) {
-    const t = n.children.map((s) => He(s, e)).filter((s) => s != null);
+    const t = n.children.map((s) => Ge(s, e)).filter((s) => s != null);
     return t.length === 0 ? null : t.length === 1 ? t[0] : { $or: t };
   }
   if (n.type === "exclude" && n.child) {
-    const t = He(n.child, e);
+    const t = Ge(n.child, e);
     return t ? { $not: t } : null;
   }
   return null;
 }
-function or(n, e, t) {
+function nr(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;
@@ -2307,7 +2319,7 @@ function or(n, e, t) {
   }
   const o = s.map((i) => {
     try {
-      const { field: l } = De(i, "", t);
+      const { field: l } = ze(i, "", t);
       return {
         [l]: {
           $regex: new RegExp(r(e.searchQuery), "i")
@@ -2321,9 +2333,9 @@ function or(n, e, t) {
       };
     }
   });
-  return n.filter(Yt({ $or: o }));
+  return n.filter(Wt({ $or: o }));
 }
-function Jt(n, e) {
+function Ht(n, e) {
   const t = e.split(".");
   let s = n;
   for (const r of t) {
@@ -2333,11 +2345,11 @@ function Jt(n, e) {
   }
   return s;
 }
-function ir(n, e) {
+function or(n, e) {
   return n.map((t) => {
     const s = t.startsWith("-"), r = s ? t.substring(1) : t;
     try {
-      const { field: o } = De(r, "", e);
+      const { field: o } = ze(r, "", e);
       return {
         field: o,
         desc: s
@@ -2350,12 +2362,12 @@ function ir(n, e) {
     }
   });
 }
-function ar(n, e, t) {
+function ir(n, e, t) {
   if (!e || !e.length) return [...n];
-  const s = ir(e, t);
+  const s = or(e, t);
   return [...n].sort((r, o) => {
     for (const { field: i, desc: l } of s) {
-      const a = Jt(r, i), c = Jt(o, i);
+      const a = Ht(r, i), c = Ht(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 +2380,7 @@ function ar(n, e, t) {
     return 0;
   });
 }
-function yt(n, e, t) {
+function mt(n, e, t) {
   if (!Array.isArray(n) || n.length === 0)
     return [];
   if (!t)
@@ -2376,19 +2388,19 @@ function yt(n, e, t) {
   const s = t.primaryKeyField;
   let r = [...n];
   if (e.filter) {
-    const o = He(e.filter, t);
-    o && Object.keys(o).length && (r = r.filter(rr(o, t)));
+    const o = Ge(e.filter, t);
+    o && Object.keys(o).length && (r = r.filter(sr(o, t)));
   }
-  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]);
+  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]);
 }
-function gt(n, e) {
+function yt(n, e) {
   const t = /* @__PURE__ */ new Set(), s = e.primaryKeyField;
   t.add(s);
   function r(i) {
     try {
-      const { field: l, isM2M: a, requiredPath: c } = De(i, null, e);
-      let f;
-      c ? f = c : a ? f = `${l}.pk` : f = l, t.add(f);
+      const { field: l, isM2M: a, requiredPath: c } = ze(i, null, e);
+      let h;
+      c ? h = c : a ? h = `${l}.pk` : h = l, t.add(h);
     } catch (l) {
       console.warn(`getRequiredFields: couldn't process "${i}": ${l.message}`);
     }
@@ -2414,36 +2426,36 @@ function gt(n, e) {
     r(i.replace(/^-/, ""));
   }), Array.from(t);
 }
-function _t(n, e, t) {
+function gt(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] = {}), _t(n[s][l], i, r);
-  })) : typeof o == "object" && (s in n || (n[s] = {}), _t(n[s], o, r)));
+    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)));
 }
-function wt(n, e) {
+function _t(n, e) {
   const t = {};
   return n.forEach((s) => {
     const r = s.split(".");
-    _t(t, e, r);
+    gt(t, e, r);
   }), t;
 }
-function Ct(n, e, t, s = !1) {
+function ss(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 = gt(e, t), i = n.map((a) => wt(o, a));
-  const l = yt(i, e, t);
+  let o = yt(e, t), i = n.map((a) => _t(o, a));
+  const l = mt(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 lr {
+class ar {
   modelClass;
   fetchFn;
   queryset;
@@ -2452,13 +2464,13 @@ class lr {
   groundTruthPks;
   isSyncing;
   constructor(e, t, s, r = null, o = null, i = {}) {
-    if (this.modelClass = e, this.fetchFn = t, this.queryset = s, this.isSyncing = !1, this.lastSync = null, this.isTemp = i.isTemp || !1, this.pruneThreshold = i.pruneThreshold || 10, this.groundTruthPks = r || [], this.operationsMap = /* @__PURE__ */ new Map(), this.includedPks = /* @__PURE__ */ new Map(), Array.isArray(o))
+    if (this.modelClass = e, this.fetchFn = t, this.queryset = s, this.isSyncing = !1, this.lastSync = null, this._createdAt = Date.now(), this.isTemp = i.isTemp || !1, this.pruneThreshold = i.pruneThreshold || 10, this.groundTruthPks = r || [], this.operationsMap = /* @__PURE__ */ new Map(), this.includedPks = /* @__PURE__ */ new Map(), Array.isArray(o))
       for (const l of o) {
-        const c = Pe.get(l.operationId) || new q(l, !0);
+        const c = Fe.get(l.operationId) || new q(l, !0);
         this.operationsMap.set(c.operationId, c);
       }
-    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);
+    if (this.qsCache = new Ct("queryset-cache", {}, this.onHydrated.bind(this)), this._lastRenderedPks = null, this.renderCallbacks = /* @__PURE__ */ new Set(), !this.isTemp) {
+      const l = j.getStore(this.modelClass);
       this._modelStoreUnregister = l.registerRenderCallback(() => {
         this._emitRenderEvent();
       });
@@ -2471,12 +2483,12 @@ class lr {
   onHydrated(e) {
     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());
+    !b(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(ut(s))) || t.push(s);
+      typeof s == "string" && qe(s) && (s = Je(s), b(s) || ve(dt(s))) || t.push(s);
     }), this.qsCache.set(this.cacheKey, t);
   }
   clearCache() {
@@ -2500,7 +2512,7 @@ class lr {
       } catch (s) {
         console.warn("Error in render callback:", s);
       }
-    }), qe(e, this._lastRenderedPks) || (this._lastRenderedPks = e, ks.emit(
+    }), He(e, this._lastRenderedPks) || (this._lastRenderedPks = e, bs.emit(
       `${this.modelClass.configKey}::${this.modelClass.modelName}::queryset::render`,
       { ast: this.queryset.build(), ModelClass: this.modelClass }
     ));
@@ -2555,7 +2567,7 @@ class lr {
    */
   registerWithModelStore() {
     if (this._modelStoreUnregister) return;
-    const e = Q.getStore(this.modelClass);
+    const e = j.getStore(this.modelClass);
     this._modelStoreUnregister = e.registerRenderCallback(() => {
       this._emitRenderEvent();
     });
@@ -2567,15 +2579,39 @@ class lr {
    */
   _getValidatedAndFilteredPks(e) {
     const t = Array.from(e).map((o) => this.modelClass.fromPk(o, this.queryset)).filter(
-      (o) => Q.getEntity(this.modelClass, o.pk) !== null
+      (o) => j.getEntity(this.modelClass, o.pk) !== null
     ), s = this.queryset.build();
-    return Ct(t, s, this.modelClass, !1);
+    return ss(t, s, this.modelClass, !1);
+  }
+  /**
+   * For offset pages that aren't full, expand with creates from the model store
+   * that sort after the first item on the page (direction-adjusted).
+   */
+  _fillOffsetPage(e, t) {
+    const s = j.getStore(this.modelClass);
+    if (!s) return null;
+    const r = this.queryset._orderBy;
+    if (!r || r.length === 0) return null;
+    const o = r[0].replace(/^-/, ""), i = r[0].startsWith("-"), l = this.modelClass.fromPk(e[0], this.queryset);
+    if (!l) return null;
+    const a = l[o];
+    if (a == null) return null;
+    const c = this.pkField, h = new Set(e), p = new Set(e);
+    for (const m of s.operations)
+      if (m.status !== C.REJECTED && !(!t && m.status !== C.CONFIRMED) && !(m.type !== P.CREATE && m.type !== P.BULK_CREATE && m.type !== P.GET_OR_CREATE && m.type !== P.UPDATE_OR_CREATE))
+        for (const y of m.instances) {
+          if (!y || y[c] == null || h.has(y[c])) continue;
+          const _ = y[o];
+          if (_ == null) continue;
+          (i ? _ <= a : _ >= a) && p.add(y[c]);
+        }
+    return p.size === h.size ? null : this._getValidatedAndFilteredPks(Array.from(p));
   }
   render(e = !0, t = !1) {
     if (t) {
-      const c = this.qsCache.get(this.cacheKey);
-      if (Array.isArray(c))
-        return B({
+      const a = this.qsCache.get(this.cacheKey);
+      if (Array.isArray(a))
+        return G({
           type: "render",
           source: "cache",
           semanticKey: this.queryset.semanticKey,
@@ -2584,40 +2620,70 @@ class lr {
           optimistic: e,
           groundTruthCount: this.groundTruthPks.length,
           operationsCount: this.operationsMap.size,
-          resultCount: c.length
-        }), c;
+          resultCount: a.length
+        }), a;
     }
-    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({
+    const s = this.renderFromData(e);
+    let r = this._getValidatedAndFilteredPks(s);
+    const o = r.length, i = this.queryset.build().serializerOptions?.limit;
+    if ((this.queryset._serializerOptions?.offset ?? 0) > 0 && i && r.length > 0 && r.length < i) {
+      const a = this._fillOffsetPage(r, e);
+      a && (r = a);
+    }
+    return i && (r = r.slice(0, i)), this.setCache(r), G({
       type: "render",
-      source: this.groundTruthPks.length === 0 && this.lastSync === null ? "modelStore" : "groundTruth",
+      source: "groundTruth",
       semanticKey: this.queryset.semanticKey,
       modelName: this.modelClass.modelName,
       configKey: this.modelClass.configKey,
       optimistic: e,
       groundTruthCount: this.groundTruthPks.length,
       operationsCount: this.operationsMap.size,
-      rawCount: Array.isArray(o) ? o.length : 0,
-      filteredCount: l,
-      resultCount: i.length,
-      limit: a
-    }), i;
+      rawCount: Array.isArray(s) ? s.length : 0,
+      filteredCount: o,
+      resultCount: r.length,
+      limit: i
+    }), r;
   }
   renderFromData(e = !0) {
-    const t = this.groundTruthSet;
-    for (const r of this.operations)
-      r.status !== C.REJECTED && (e || r.status === C.CONFIRMED) && this.applyOperation(r, t);
-    return Array.from(t);
+    const t = j.getStore(this.modelClass);
+    if (this.isTemp && this.lastSync === null && t) {
+      const i = this.pkField;
+      return t.render().map((l) => l[i]).filter((l) => l != null);
+    }
+    if (!this.isTemp && this.lastSync === null && t) {
+      if (!((this.queryset._serializerOptions?.offset ?? 0) > 0)) {
+        const c = this.pkField;
+        return t.render().map((h) => h[c]).filter((h) => h != null);
+      }
+      const { root: l } = x.querysetStoreGraph.findRoot(this.queryset), a = l ? x._stores.get(l) : null;
+      if (a && a !== this && a.lastSync !== null)
+        return a.render();
+    }
+    if ((this.queryset._serializerOptions?.offset ?? 0) > 0)
+      return Array.from(this.groundTruthSet);
+    if (!t || !this._hasRecentOps(t))
+      return Array.from(this.groundTruthSet);
+    const r = this._buildFreshPks(t, e), o = this.groundTruthSet;
+    for (const i of r) o.add(i);
+    return Array.from(o);
+  }
+  /** Are there any inflight or recent confirmed ops in the model store? */
+  _hasRecentOps(e) {
+    const t = e.operations, s = this.lastSync ?? this._createdAt;
+    for (let r = t.length - 1; r >= 0; r--)
+      if (t[r].status !== C.REJECTED)
+        return t[r].status !== C.CONFIRMED ? !0 : t[r].timestamp >= s;
+    return !1;
   }
-  /**
-   * Render by getting all instances from the model store and filtering locally.
-   * Used when a queryset has no ground truth (temp stores, newly created stores, etc.)
-   */
-  renderFromModelStore() {
-    const s = Q.getStore(this.modelClass).groundTruthPks.map((o) => this.modelClass.fromPk(o, this.queryset)), r = this.queryset.build();
-    return Ct(s, r, this.modelClass, !1);
+  /** Build set of PKs from ops newer than lastSync. Only used for no-offset querysets. */
+  _buildFreshPks(e, t) {
+    const s = /* @__PURE__ */ new Set(), r = this.pkField, o = this.lastSync ?? this._createdAt;
+    for (const i of e.operations)
+      if (i.status !== C.REJECTED && !(!t && i.status !== C.CONFIRMED) && !(i.status === C.CONFIRMED && i.timestamp < o))
+        for (const l of i.instances)
+          l && l[r] != null && s.add(l[r]);
+    return s;
   }
   applyOperation(e, t) {
     const s = this.pkField;
@@ -2629,26 +2695,7 @@ class lr {
         continue;
       }
       let o = r[s];
-      switch (e.type) {
-        case M.CREATE:
-        case M.BULK_CREATE:
-          t.add(o);
-          break;
-        case M.CHECKPOINT:
-          break;
-        case M.UPDATE:
-        case M.UPDATE_INSTANCE:
-          t.add(o);
-          break;
-        case M.DELETE:
-        case M.DELETE_INSTANCE:
-          t.delete(o);
-          break;
-        default:
-          console.error(
-            `[QuerysetStore ${this.modelClass.modelName}] Unknown operation type: ${e.type}`
-          );
-      }
+      CREATE_TYPES.has(e.type) && t.add(o);
     }
     return t;
   }
@@ -2662,7 +2709,7 @@ class lr {
       console.warn(`[QuerysetStore ${t}] Already syncing, request ignored.`);
       return;
     }
-    this.isSyncing = !0, B({
+    this.isSyncing = !0, G({
       type: "sync",
       phase: "start",
       semanticKey: this.queryset.semanticKey,
@@ -2676,7 +2723,7 @@ class lr {
         modelClass: this.modelClass,
         canonical_id: e
       }), { data: r, included: o } = s;
-      E(r) || (this.includedPks.clear(), we(Q, o, this.modelClass, this.queryset), this.setGroundTruth(r)), this.setOperations(this.getInflightOperations()), this.lastSync = Date.now(), B({
+      b(r) || (this.includedPks.clear(), we(j, o, this.modelClass, this.queryset), this.setGroundTruth(r)), this.setOperations(this.getInflightOperations()), this.lastSync = Date.now(), G({
         type: "sync",
         phase: "success",
         semanticKey: this.queryset.semanticKey,
@@ -2687,7 +2734,7 @@ class lr {
         includedCount: o ? Object.keys(o).length : 0
       });
     } catch (s) {
-      console.error(`[${t}] Failed to sync ground truth:`, s), B({
+      console.error(`[${t}] Failed to sync ground truth:`, s), G({
         type: "sync",
         phase: "error",
         semanticKey: this.queryset.semanticKey,
@@ -2701,9 +2748,9 @@ class lr {
     }
   }
 }
-class cr {
+class lr {
   constructor() {
-    this.graph = new zt({ directed: !0 }), this.processedQuerysets = /* @__PURE__ */ new Set();
+    this.graph = new Dt({ directed: !0 }), this.processedQuerysets = /* @__PURE__ */ new Set();
   }
   /**
    * Add a queryset and its parent relationship to the graph
@@ -2789,16 +2836,16 @@ class cr {
     return !e && !t ? !0 : !e || !t || e.length !== t.length ? !1 : e.every((s, r) => s === t[r]);
   }
   clear() {
-    this.graph = new zt({ directed: !0 }), this.processedQuerysets = /* @__PURE__ */ new Set();
+    this.graph = new Dt({ directed: !0 }), this.processedQuerysets = /* @__PURE__ */ new Set();
   }
 }
-class dr {
+class cr {
   #e;
   #t;
-  #s;
-  #r = [];
+  #r;
+  #s = [];
   constructor(e) {
-    return this.#e = e, this.#t = e.ModelClass, this.#r.queryset = e, this.#r.ModelClass = e.ModelClass, this.#s = new Proxy(this.#r, {
+    return this.#e = e, this.#t = e.ModelClass, this.#s.queryset = e, this.#s.ModelClass = e.ModelClass, this.#r = new Proxy(this.#s, {
       get: (t, s, r) => s === "touch" ? () => this.touch() : s === "serialize" ? () => this.serialize() : s === Symbol.iterator ? () => this.getCurrentItems()[Symbol.iterator]() : typeof s == "string" && [
         "forEach",
         "map",
@@ -2808,20 +2855,20 @@ class dr {
         "every",
         "find"
       ].includes(s) ? (...o) => this.getCurrentItems()[s](...o) : s === "length" ? this.getCurrentItems().length : typeof s == "string" && !isNaN(parseInt(s)) ? this.getCurrentItems()[s] : t[s]
-    }), this.#s;
+    }), this.#r;
   }
   /**
    * Serializes the lqs as a simple array of objects, for freezing e.g in the metric stores
    */
   serialize() {
-    return j.getStore(this.#e).render().map((s) => (this.#t.primaryKeyField, this.#t.fromPk(s, this.#e).serialize()));
+    return x.getStore(this.#e).render().map((s) => (this.#t.primaryKeyField, this.#t.fromPk(s, this.#e).serialize()));
   }
   /**
    * Refresh the queryset data from the database
    * Delegates to the underlying store's sync method
    */
   refreshFromDb() {
-    return j.getStore(this.#e).sync(!0);
+    return x.getStore(this.#e).sync(!0);
   }
   /**
    * Get the current items from the store
@@ -2829,14 +2876,14 @@ class dr {
    * @returns {Array} The current items in the queryset
    */
   getCurrentItems() {
-    return j.getStore(this.#e).render().map((r) => (this.#t.primaryKeyField, this.#t.fromPk(r, this.#e)));
+    return x.getStore(this.#e).render().map((r) => (this.#t.primaryKeyField, this.#t.fromPk(r, this.#e)));
   }
 }
 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 cr(), this._groupSyncCache = /* @__PURE__ */ new Map();
+    }, this.querysetStoreGraph = new lr(), this._groupSyncCache = /* @__PURE__ */ new Map();
   }
   clear() {
     this._stores.forEach((e) => {
@@ -2853,7 +2900,7 @@ class Ce {
     this.followingQuerysets.has(e) || this.followingQuerysets.set(e, /* @__PURE__ */ new Set()), this.followingQuerysets.get(e).add(t);
   }
   getStore(e) {
-    if (E(e) || E(e.ModelClass))
+    if (b(e) || b(e.ModelClass))
       throw new Error("QuerysetStoreRegistry.getStore requires a valid queryset");
     if (this.querysetStoreGraph.addQueryset(e), this._tempStores.has(e))
       return this._tempStores.get(e);
@@ -2871,7 +2918,7 @@ class Ce {
         ...i,
         type: "list"
       };
-      return (await L(
+      return (await V(
         e,
         "list",
         c,
@@ -2884,7 +2931,7 @@ class Ce {
         { namespace: "sync", timeout: 3e4 }
         // Sync ops on separate queue
       )).data;
-    }, o = new lr(
+    }, o = new ar(
       e.ModelClass,
       r,
       e,
@@ -2903,12 +2950,12 @@ class Ce {
    * @returns {LiveQueryset} - A live view of the queryset
    */
   getEntity(e, t = !1) {
-    if (E(e)) throw new Error("qsStoreRegistry: getEntity cannot be called without a queryset");
+    if (b(e)) throw new Error("qsStoreRegistry: getEntity cannot be called without a queryset");
     const s = e.semanticKey;
     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 dr(e);
+    const o = new cr(e);
     return t && r.sync(), o;
   }
   /**
@@ -2918,7 +2965,7 @@ class Ce {
    * @returns {Array} - The set instances
    */
   setEntity(e, t) {
-    if (E(e) || E(t)) return [];
+    if (b(e) || b(t)) return [];
     const s = e.semanticKey;
     this.addFollowingQueryset(s, e);
     let r;
@@ -2945,20 +2992,20 @@ class Ce {
    * @param {Set} dbSyncedKeys - Set of semanticKeys that are dbSynced (followedQuerysets)
    */
   async groupSync(e, t, s, r = null) {
-    if (E(e)) return;
+    if (b(e)) return;
     const o = e.semanticKey, i = e.ModelClass, l = /* @__PURE__ */ new Set();
     for (const y of s) {
       const _ = typeof y == "string" ? y : y?.semanticKey;
       _ && this._stores.has(_) && l.add(_);
     }
-    const { isRoot: a, root: c } = this.querysetStoreGraph.findRoot(e, l), f = a || c === o;
-    if (B({
+    const { isRoot: a, root: c } = this.querysetStoreGraph.findRoot(e, l), h = a || c === o;
+    if (G({
       type: "groupSync",
       phase: "start",
       operationId: t,
       semanticKey: o,
       rootKey: c,
-      iAmRoot: f,
+      iAmRoot: h,
       modelName: i?.modelName,
       configKey: i?.configKey
     }), !this._groupSyncCache.has(t)) {
@@ -2973,8 +3020,8 @@ class Ce {
       console.warn(`[groupSync] No store found for queryset: ${o}`);
       return;
     }
-    if (f)
-      await m.sync(r), p.pks = m.groundTruthPks, p.resolve(), B({
+    if (h)
+      await m.sync(r), p.pks = m.groundTruthPks, p.resolve(), G({
         type: "groupSync",
         phase: "rootSynced",
         operationId: t,
@@ -2987,12 +3034,12 @@ class Ce {
     else {
       let y = 3e4;
       try {
-        const b = he();
-        b.periodicSyncIntervalSeconds && (y = b.periodicSyncIntervalSeconds * 2e3);
+        const k = he();
+        k.periodicSyncIntervalSeconds && (y = k.periodicSyncIntervalSeconds * 2e3);
       } catch {
       }
-      const _ = new Promise((b, k) => {
-        setTimeout(() => k(new Error("timeout")), y);
+      const _ = new Promise((k, E) => {
+        setTimeout(() => E(new Error("timeout")), y);
       });
       let w = !1;
       try {
@@ -3001,7 +3048,7 @@ class Ce {
         w = !0;
       }
       if (w || !p.pks) {
-        console.warn(`[groupSync] Falling back to direct sync for: ${o.substring(0, 60)}`), await m.sync(r), B({
+        console.warn(`[groupSync] Falling back to direct sync for: ${o.substring(0, 60)}`), await m.sync(r), G({
           type: "groupSync",
           phase: "fallbackSync",
           operationId: t,
@@ -3012,8 +3059,8 @@ class Ce {
         });
         return;
       }
-      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({
+      const v = p.pks.map((k) => i.fromPk(k, e)), O = e.build(), T = ss(v, O, i, !1);
+      m.setGroundTruth(T), m.setOperations(m.getInflightOperations()), m.lastSync = Date.now(), G({
         type: "groupSync",
         phase: "filteredFromRoot",
         operationId: t,
@@ -3026,248 +3073,63 @@ class Ce {
     }
   }
 }
-const j = new Ce();
-class ze {
-  /**
-   * Calculate metric based on ground truth and operations
-   */
-  calculateWithOperations(e, t, s, r) {
-    let o = e === null ? this.getInitialValue() : e;
-    for (const i of t)
-      i.status !== C.REJECTED && i.frozenInstances.forEach((l, a) => {
-        l[r.primaryKeyField];
-        const c = i.instances[a] || null, f = {
-          originalData: l,
-          // Pre-operation state
-          updatedData: c,
-          // Post-operation state (for updates)
-          type: i.type,
-          status: i.status
-        };
-        o = this.reduceOperation(o, f, s);
-      });
-    return o;
-  }
-  /**
-   * Get initial value for the metric type
-   * Override in subclasses if needed
-   */
-  getInitialValue() {
-    return 0;
-  }
-  /**
-   * Process a single operation - implement in subclasses
-   */
-  reduceOperation(e, t, s) {
-    throw new Error("reduceOperation must be implemented by subclass");
-  }
-  /**
-   * Safely get a numeric value from an object
-   */
-  safeGetValue(e, t) {
-    if (!e || !t) return 0;
-    const s = e[t];
-    if (E(s)) return 0;
-    const r = parseFloat(s);
-    return isNaN(r) ? 0 : r;
-  }
-}
-class ur extends ze {
-  reduceOperation(e, t, s) {
-    if (t.status === C.REJECTED)
-      return e;
-    const { type: r } = t;
-    return r === M.CREATE ? e + 1 : [M.DELETE, M.DELETE_INSTANCE].includes(r) ? Math.max(0, e - 1) : e;
-  }
-}
-class hr extends ze {
-  reduceOperation(e, t, s) {
-    if (t.status === C.REJECTED)
-      return e;
-    if (!s)
-      throw new Error("SumStrategy requires a field parameter");
-    const { type: r, originalData: o, updatedData: i } = t;
-    switch (r) {
-      case M.CREATE:
-        return e + this.safeGetValue(o, s);
-      case M.CHECKPOINT:
-      case M.UPDATE:
-        if (i) {
-          const l = this.safeGetValue(o, s), a = this.safeGetValue(i, s);
-          return e - l + a;
-        }
-        return e;
-      case M.DELETE:
-      case M.DELETE_INSTANCE:
-        return e - this.safeGetValue(o, s);
-      default:
-        return e;
-    }
-  }
-}
-class fr extends ze {
-  getInitialValue() {
-    return 1 / 0;
-  }
-  reduceOperation(e, t, s) {
-    if (t.status === C.REJECTED)
-      return e;
-    if (!s)
-      throw new Error("MinStrategy requires a field parameter");
-    const { type: r, originalData: o, updatedData: i } = t;
-    if (r === M.CREATE) {
-      const l = this.safeGetValue(o, s);
-      return Math.min(e, l);
-    } else if ((r === M.UPDATE || r.CHECKPOINT) && i) {
-      const l = this.safeGetValue(o, s), a = this.safeGetValue(i, s);
-      if (l === e)
-        return a <= l, a;
-      if (a < e)
-        return a;
-    }
-    return e;
-  }
-}
-class pr extends ze {
-  getInitialValue() {
-    return -1 / 0;
-  }
-  reduceOperation(e, t, s) {
-    if (t.status === C.REJECTED)
-      return e;
-    if (!s)
-      throw new Error("MaxStrategy requires a field parameter");
-    const { type: r, originalData: o, updatedData: i } = t;
-    if (r === M.CREATE) {
-      const l = this.safeGetValue(o, s);
-      return Math.max(e, l);
-    } else if ((r === M.UPDATE || r === M.CHECKPOINT) && i) {
-      const l = this.safeGetValue(o, s), a = this.safeGetValue(i, s);
-      if (l === e)
-        return a >= l, a;
-      if (a > e)
-        return a;
-    }
-    return e;
-  }
-}
-class mr {
-  // Collection of custom strategy overrides
-  static #e = /* @__PURE__ */ new Map();
-  // Default strategy map
-  static #t = /* @__PURE__ */ new Map([
-    ["count", () => new ur()],
-    ["sum", () => new hr()],
-    ["min", () => new fr()],
-    ["max", () => new pr()]
-  ]);
-  /**
-   * Clear all custom strategy overrides
-   */
-  static clearCustomStrategies() {
-    this.#e.clear();
-  }
-  /**
-   * Generate a unique key for the strategy map
-   * @private
-   * @param {string} metricType - The type of metric (count, sum, min, max)
-   * @param {Function} ModelClass - The model class
-   * @returns {string} A unique key
-   */
-  static #s(e, t) {
-    return `${e}::${t.configKey}::${t.modelName}`;
-  }
-  /**
-   * Override a strategy for a specific metric type and model class
-   * @param {string} metricType - The type of metric (count, sum, min, max)
-   * @param {Function|null} ModelClass - The model class or null for a generic override
-   * @param {MetricCalculationStrategy} strategy - The strategy to use
-   */
-  static overrideStrategy(e, t, s) {
-    if (!e || !s)
-      throw new Error("overrideStrategy requires metricType and strategy");
-    if (!(s instanceof ze))
-      throw new Error("strategy must be an instance of MetricCalculationStrategy");
-    let r;
-    t ? r = this.#s(e, t) : r = `${e}::*::*`, this.#e.set(r, s);
-  }
-  /**
-   * Get the appropriate strategy for a model class and metric type
-   * @param {string} metricType - The type of metric (count, sum, min, max)
-   * @param {Function} ModelClass - The model class
-   * @returns {MetricCalculationStrategy} The appropriate strategy
-   */
-  static getStrategy(e, t) {
-    const s = e.toLowerCase(), r = this.#s(s, t);
-    if (this.#e.has(r))
-      return this.#e.get(r);
-    const o = `${s}::*::*`;
-    return this.#e.has(o) ? this.#e.get(o) : (this.#t.get(s) || this.#t.get("count"))();
-  }
-}
-class yr {
+const x = new Ce();
+class dr {
   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 = mr.getStrategy(e, t), this.operations = [], this.confirmedOps = /* @__PURE__ */ new Set(), this.metricCache = new Et(
+    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.deltas = /* @__PURE__ */ new Map(), this.metricCache = new Ct(
       "metric-store-cache",
       {},
       this.onHydrated.bind(this)
     ), this._lastCalculatedValue = null;
   }
   reset() {
-    this.groundTruthValue = null, this._lastCalculatedValue = null, this.operations = [], this.confirmedOps = /* @__PURE__ */ new Set(), this.isSyncing = !1, this.clearCache();
+    this.groundTruthValue = null, this._lastCalculatedValue = null, this.deltas = /* @__PURE__ */ new Map(), this.isSyncing = !1, this.clearCache();
   }
   get cacheKey() {
     return `${this.modelClass.configKey}::${this.modelClass.modelName}::metric::${this.metricType}::${this.field || "null"}::${this.ast ? Le(this.ast) : "global"}`;
   }
   /**
-   * Add an operation to this metric store
-   * @param {Operation} operation - The operation to add
+   * Add a delta for an operation
    */
-  addOperation(e) {
-    if (e.queryset.ModelClass !== this.modelClass)
-      return;
-    const t = this.operations.findIndex(
-      (s) => s.operationId === e.operationId
-    );
-    t !== -1 ? this.operations[t] = e : this.operations.push(e), E(this.groundTruthValue) || this.render();
+  addDelta(e, t) {
+    this.deltas.set(e, { delta: t, confirmed: !1 }), this.render();
   }
   /**
-   * Update an operation in this metric store
-   * @param {Operation} operation - The operation to update
+   * Mark a delta as confirmed
    */
-  updateOperation(e) {
-    if (e.queryset.ModelClass !== this.modelClass)
-      return;
-    const t = this.operations.findIndex(
-      (s) => s.operationId === e.operationId
-    );
-    t !== -1 ? this.operations[t] = e : this.operations.push(e), E(this.groundTruthValue) || this.render();
+  confirmDelta(e) {
+    const t = this.deltas.get(e);
+    t && (t.confirmed = !0, this.render());
   }
   /**
-   * Confirm an operation in this metric store
-   * @param {Operation} operation - The operation to confirm
+   * Remove a rejected delta
    */
-  confirm(e) {
-    if (e.queryset.ModelClass !== this.modelClass)
-      return;
-    const t = this.operations.findIndex(
-      (s) => s.operationId === e.operationId
-    );
-    t !== -1 && (this.operations[t] = e, this.confirmedOps.add(e.operationId)), this.render();
+  rejectDelta(e) {
+    this.deltas.delete(e) && this.render();
   }
   /**
-   * Reject an operation in this metric store
-   * @param {Operation} operation - The operation to reject
+   * Update a delta (e.g., when operation is mutated)
    */
+  updateDelta(e, t) {
+    const s = this.deltas.get(e);
+    s ? (s.delta = t, this.render()) : this.addDelta(e, t);
+  }
+  // Legacy API — kept for backward compatibility with existing callers.
+  // processMetricStores in operationEventHandlers still calls these.
+  addOperation(e) {
+  }
+  updateOperation(e) {
+  }
+  confirm(e) {
+    this.confirmDelta(e.operationId);
+  }
   reject(e) {
-    e.queryset.ModelClass === this.modelClass && (this.operations = this.operations.filter(
-      (t) => t.operationId !== e.operationId
-    ), this.confirmedOps.delete(e.operationId), E(this.groundTruthValue) || this.render());
+    this.rejectDelta(e.operationId);
   }
   onHydrated() {
     if (this.groundTruthValue === null) {
       const e = this.metricCache.get(this.cacheKey);
-      !E(e) && !ve(e) && this.setGroundTruth(e?.value);
+      !b(e) && !ve(e) && this.setGroundTruth(e?.value);
     }
   }
   setCache() {
@@ -3280,8 +3142,8 @@ class yr {
     this.metricCache.delete(this.cacheKey);
   }
   setGroundTruth(e) {
-    const t = !qe(this.groundTruthValue, e);
-    this.groundTruthValue = e, this.setCache(), t && Nt.emit("metric::render", {
+    const t = !He(this.groundTruthValue, e);
+    this.groundTruthValue = e, this.setCache(), t && Kt.emit("metric::render", {
       metricType: this.metricType,
       ModelClass: this.modelClass,
       field: this.field,
@@ -3290,19 +3152,15 @@ class yr {
     });
   }
   /**
-   * Render the metric with current operations
-   * @returns {any} Calculated metric value
+   * Render: groundTruthValue + sum of all deltas
    */
   render() {
-    if (E(this.groundTruthValue))
+    if (b(this.groundTruthValue))
       return null;
-    const e = this.strategy.calculateWithOperations(
-      this.groundTruthValue,
-      this.operations,
-      this.field,
-      this.modelClass
-    );
-    return qe(this._lastCalculatedValue, e) || (this._lastCalculatedValue = e, Nt.emit("metric::render", {
+    let e = this.groundTruthValue;
+    for (const { delta: t } of this.deltas.values())
+      e += t;
+    return He(this._lastCalculatedValue, e) || (this._lastCalculatedValue = e, Kt.emit("metric::render", {
       metricType: this.metricType,
       ModelClass: this.modelClass,
       field: this.field,
@@ -3328,9 +3186,9 @@ class yr {
         field: this.field,
         ast: this.ast
       });
-      return this.confirmedOps.size > 0 && (this.operations = this.operations.filter(
-        (t) => !this.confirmedOps.has(t.operationId)
-      ), this.confirmedOps.clear()), this.setGroundTruth(e), e;
+      for (const [t, s] of this.deltas)
+        s.confirmed && this.deltas.delete(t);
+      return this.setGroundTruth(e), e;
     } catch (e) {
       return console.error(
         `[MetricStore] Failed to sync ${this.metricType} metric:`,
@@ -3347,13 +3205,13 @@ function te(n, e) {
 function Z(n) {
   return delete n.isOptimistic, delete n.then, delete n.catch, n;
 }
-Cs();
-Xt.create();
-function gr(n, e) {
+ws();
+Zt.create();
+function ur(n, e) {
   if (!n || !n.__f_expr)
     return n;
   try {
-    return Xt.evaluate(n.original_expr, e);
+    return Zt.evaluate(n.original_expr, e);
   } catch (t) {
     return console.warn(`Error evaluating F expression: ${t.message}`), null;
   }
@@ -3367,10 +3225,10 @@ class de {
    * @returns {Operation} The created operation
    */
   static createCreateOperation(e, t = {}, s = null) {
-    const o = e.ModelClass.primaryKeyField, i = s || `${G()}`, l = Kt(i);
+    const o = e.ModelClass.primaryKeyField, i = s || `${B()}`, l = zt(i);
     return new q({
       operationId: i,
-      type: M.CREATE,
+      type: P.CREATE,
       instances: [{ ...t, [o]: l }],
       queryset: e,
       args: { data: t },
@@ -3385,13 +3243,13 @@ class de {
    * @returns {Operation} The created operation
    */
   static createBulkCreateOperation(e, t = [], s = null) {
-    const o = e.ModelClass.primaryKeyField, i = s || `${G()}`, l = t.map((a, c) => {
-      const f = Kt(`${i}_${c}`);
-      return { ...a, [o]: f };
+    const o = e.ModelClass.primaryKeyField, i = s || `${B()}`, l = t.map((a, c) => {
+      const h = zt(`${i}_${c}`);
+      return { ...a, [o]: h };
     });
     return new q({
       operationId: i,
-      type: M.BULK_CREATE,
+      type: P.BULK_CREATE,
       instances: l,
       queryset: e,
       args: { data: t },
@@ -3407,12 +3265,12 @@ class de {
    * @returns {Operation} The created operation
    */
   static createUpdateOperation(e, t = {}, s = null, r = null) {
-    const o = e.ModelClass, i = o.primaryKeyField, a = j.getStore(e).render(), c = r || `${G()}`, f = a.map((p) => {
-      const m = Q.getEntity(o, p), y = { ...m };
+    const o = e.ModelClass, i = o.primaryKeyField, a = x.getStore(e).render(), c = r || `${B()}`, h = a.map((p) => {
+      const m = j.getEntity(o, p), y = { ...m };
       y[i] = p;
       for (const [_, w] of Object.entries(t))
         if (w && typeof w == "object" && w.__f_expr) {
-          const v = gr(w, m);
+          const v = ur(w, m);
           v !== null ? y[_] = v : y[_] = m[_];
         } else
           y[_] = w;
@@ -3420,8 +3278,8 @@ class de {
     });
     return new q({
       operationId: c,
-      type: M.UPDATE,
-      instances: f,
+      type: P.UPDATE,
+      instances: h,
       queryset: e,
       args: { filter: s, data: t },
       localOnly: e._optimisticOnly || !1
@@ -3434,10 +3292,10 @@ class de {
    * @returns {Operation} The created operation
    */
   static createDeleteOperation(e, t = null) {
-    const r = e.ModelClass.primaryKeyField, i = j.getStore(e).render(), l = t || `${G()}`, a = i.map((c) => ({ [r]: c }));
+    const r = e.ModelClass.primaryKeyField, i = x.getStore(e).render(), l = t || `${B()}`, a = i.map((c) => ({ [r]: c }));
     return new q({
       operationId: l,
-      type: M.DELETE,
+      type: P.DELETE,
       instances: a,
       queryset: e,
       args: {},
@@ -3452,10 +3310,10 @@ class de {
    * @returns {Operation} The created operation
    */
   static createUpdateInstanceOperation(e, t = {}, s = null) {
-    const o = e.ModelClass.primaryKeyField, l = j.getStore(e).render(), a = s || `${G()}`, c = l.map((f) => ({ ...t, [o]: f }));
+    const o = e.ModelClass.primaryKeyField, l = x.getStore(e).render(), a = s || `${B()}`, c = l.map((h) => ({ ...t, [o]: h }));
     return new q({
       operationId: a,
-      type: M.UPDATE_INSTANCE,
+      type: P.UPDATE_INSTANCE,
       instances: c,
       queryset: e,
       args: { data: t },
@@ -3470,10 +3328,10 @@ class de {
    * @returns {Operation} The created operation
    */
   static createDeleteInstanceOperation(e, t, s = null) {
-    const r = s || `${G()}`;
+    const r = s || `${B()}`;
     return new q({
       operationId: r,
-      type: M.DELETE_INSTANCE,
+      type: P.DELETE_INSTANCE,
       instances: [t],
       queryset: e,
       args: t,
@@ -3489,15 +3347,15 @@ 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 = 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];
+    const o = e.ModelClass, i = o.primaryKeyField, l = r || `${B()}`, c = j.getStore(o).render(), h = { ...t }, m = new e.constructor(o).filter(h).build(), y = yt(m, o), _ = c.map(
+      (E) => _t(y, o.fromPk(E[i], e))
+    ), w = mt(_, m, o), v = c.filter(
+      (E) => w.includes(E[i])
+    ), O = v.length === 0, T = O ? P.CREATE : P.UPDATE, k = O ? { ...t, ...s, [i]: l } : v[0];
     return new q({
       operationId: l,
       type: T,
-      instances: [b],
+      instances: [k],
       queryset: e,
       args: { lookup: t, defaults: s },
       localOnly: e._optimisticOnly || !1
@@ -3512,22 +3370,22 @@ 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 = 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 };
+    const o = e.ModelClass, i = o.primaryKeyField, l = r || `${B()}`, c = j.getStore(o).render(), h = { ...t }, m = new e.constructor(o).filter(h).build(), y = yt(m, o), _ = c.map(
+      (E) => _t(y, o.fromPk(E[i], e))
+    ), w = mt(_, m, o), v = c.filter(
+      (E) => w.includes(E[i])
+    ), O = v.length === 0, T = O ? P.CREATE : P.UPDATE, k = O ? { ...t, ...s, [i]: l } : { ...v[0], ...s };
     return new q({
       operationId: l,
       type: T,
-      instances: [b],
+      instances: [k],
       queryset: e,
       args: { lookup: t, defaults: s },
       localOnly: e._optimisticOnly || !1
     });
   }
 }
-class Wt extends Array {
+class qt extends Array {
   /**
    * Creates a new ResultTuple.
    *
@@ -3538,7 +3396,7 @@ class Wt extends Array {
     super(2), this[0] = e, this[1] = t, this.instance = e, this.created = t;
   }
 }
-class _r {
+class hr {
   /**
    * Executes a get operation (get, first, last) with the QuerySet.
    *
@@ -3548,12 +3406,12 @@ class _r {
    * @returns {Promise<Object>} The model instance.
    */
   static executeGet(e, t, s = {}) {
-    const r = e.ModelClass, i = j.getStore(e).render(), l = Array.isArray(i) && i.length === 1 ? i[0] : null, a = r.fromPk(l, e), c = L(e, t, s).then(
-      (f) => {
-        const { data: p, included: m, model_name: y } = f.data;
-        if (E(p) || Array.isArray(p) && p.length === 0)
+    const r = e.ModelClass, i = x.getStore(e).render(), l = Array.isArray(i) && i.length === 1 ? i[0] : null, a = r.fromPk(l, e), c = V(e, t, s).then(
+      (h) => {
+        const { data: p, included: m, model_name: y } = h.data;
+        if (b(p) || Array.isArray(p) && p.length === 0)
           return null;
-        we(Q, m, r, e);
+        we(j, m, r, e);
         const _ = Array.isArray(p) ? p[0] : p;
         return a.pk = _, Z(a), a;
       }
@@ -3576,11 +3434,11 @@ class _r {
    *   synchronized with the in‑memory store.
    */
   static executeList(e, t = "list", s = {}) {
-    const r = j.getEntity(e), o = L(e, t, s).then((i) => {
+    const r = x.getEntity(e), o = V(e, t, s).then((i) => {
       const { data: l, included: a } = i.data;
-      we(Q, a, e.ModelClass, e);
+      we(j, a, e.ModelClass, e);
       const c = Array.isArray(l) ? l : [];
-      return j.setEntity(e, c), Z(r), r;
+      return x.setEntity(e, c), Z(r), r;
     });
     return te(r, o);
   }
@@ -3597,28 +3455,28 @@ class _r {
       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 Wt(c, a);
+    let h = new qt(c, a);
     if (l.localOnly)
-      return l.updateStatus(C.CONFIRMED, l.instances), f;
-    const p = L(
+      return l.updateStatus(C.CONFIRMED, l.instances), h;
+    const p = V(
       e,
       t,
       i,
       l.operationId
     ).then((m) => {
       const { data: y, included: _, model_name: w } = m.data, v = m.metadata.created;
-      we(Q, _, r, e);
+      we(j, _, r, e);
       const O = Array.isArray(y) ? y[0] : y;
       a && (c.pk = O);
-      const b = (_[w] || {})[O];
-      return b && l.mutate({
-        instances: [b],
+      const k = (_[w] || {})[O];
+      return k && l.mutate({
+        instances: [k],
         status: C.CONFIRMED
-      }), f = new Wt(c, v), Z(f), f;
+      }), h = new qt(c, v), Z(h), h;
     }).catch((m) => {
       throw l.updateStatus(C.REJECTED), m;
     });
-    return te(f, p);
+    return te(h, p);
   }
   /**
    * Executes an aggregation operation with the QuerySet.
@@ -3634,15 +3492,15 @@ class _r {
       throw new Error(
         `Field parameter is required for ${t} operation`
       );
-    const i = Fe.getEntity(t, e, o), l = {};
+    const i = Pe.getEntity(t, e, o), l = {};
     t !== "exists" && (l.field = o);
-    const a = L(
+    const a = V(
       e,
       t,
       l
     ).then((c) => {
-      const f = c.data, p = j.getEntity(e);
-      return Fe.setEntity(t, e, o, f, p), Z(i), f;
+      const h = c.data, p = x.getEntity(e);
+      return Pe.setEntity(t, e, o, h, p), Z(i), h;
     });
     return te(i, a);
   }
@@ -3655,7 +3513,7 @@ class _r {
    * @returns {Promise<boolean>} Whether records exist.
    */
   static async executeExists(e, t = "exists", s = {}) {
-    return (await L(
+    return (await V(
       e,
       t,
       {}
@@ -3680,7 +3538,7 @@ class _r {
     let c = [a, { [o]: a }, l.instances];
     if (l.localOnly)
       return l.updateStatus(C.CONFIRMED, l.instances), c;
-    const f = L(
+    const h = V(
       e,
       t,
       i,
@@ -3693,7 +3551,7 @@ class _r {
     }).catch((p) => {
       throw l.updateStatus(C.REJECTED), p;
     });
-    return te(c, f);
+    return te(c, h);
   }
   /**
    * Executes a delete operation with the QuerySet.
@@ -3708,16 +3566,16 @@ class _r {
     let a = [l, { [o]: l }, i.instances];
     if (i.localOnly)
       return i.updateStatus(C.CONFIRMED, i.instances), a;
-    const c = L(
+    const c = V(
       e,
       t,
       {},
       i.operationId
-    ).then((f) => {
-      const p = f.metadata.deleted_count, m = f.metadata.rows_deleted;
+    ).then((h) => {
+      const p = h.metadata.deleted_count, m = h.metadata.rows_deleted;
       return i.updateStatus(C.CONFIRMED, m), a = [p, { [o]: p }, m || []], Z(a), a;
-    }).catch((f) => {
-      throw i.updateStatus(C.REJECTED), f;
+    }).catch((h) => {
+      throw i.updateStatus(C.REJECTED), h;
     });
     return te(a, c);
   }
@@ -3730,14 +3588,14 @@ class _r {
    * @returns {LiveThenable<Object>} The live Model instance which resolves to the created model.
    */
   static executeCreate(e, t = "create", s = {}) {
-    const r = e.ModelClass, o = `${G()}`, i = {
+    const r = e.ModelClass, o = `${B()}`, i = {
       data: s.data || {}
     };
-    E(s.data) && (console.warn("executeCreate was called with null data"), s.data = {});
+    b(s.data) && (console.warn("executeCreate was called with null data"), s.data = {});
     const l = de.createCreateOperation(e, i.data, o), a = l.instances[0][r.primaryKeyField], c = r.fromPk(a, e);
     if (l.localOnly)
       return l.updateStatus(C.CONFIRMED, l.instances), c;
-    const f = L(
+    const h = V(
       e,
       t,
       i,
@@ -3748,7 +3606,7 @@ class _r {
       }
     ).then((p) => {
       const { data: m, included: y, model_name: _ } = p.data;
-      we(Q, y, r, e);
+      we(j, y, r, e);
       const w = Array.isArray(m) ? m[0] : m;
       c.pk = w;
       const O = (y[_] || {})[w];
@@ -3763,7 +3621,7 @@ class _r {
     }).catch((p) => {
       throw l.updateStatus(C.REJECTED), p;
     });
-    return te(c, f);
+    return te(c, h);
   }
   /**
    * Executes a bulk_create operation with the QuerySet.
@@ -3774,10 +3632,10 @@ class _r {
    * @returns {LiveThenable<Array>} Array of live Model instances.
    */
   static executeBulkCreate(e, t = "bulk_create", s = {}) {
-    const r = e.ModelClass, o = `${G()}`, i = r.primaryKeyField, l = {
+    const r = e.ModelClass, o = `${B()}`, i = r.primaryKeyField, l = {
       data: s.data || []
     };
-    if (E(s.data) || !Array.isArray(s.data))
+    if (b(s.data) || !Array.isArray(s.data))
       return console.warn("executeBulkCreate was called with invalid data"), Promise.resolve([]);
     const a = de.createBulkCreateOperation(e, l.data, o), c = a.instances.map((p) => {
       const m = p[i];
@@ -3785,7 +3643,7 @@ class _r {
     });
     if (a.localOnly)
       return a.updateStatus(C.CONFIRMED, a.instances), c;
-    const f = L(
+    const h = V(
       e,
       t,
       l,
@@ -3799,10 +3657,10 @@ class _r {
       }
     ).then((p) => {
       const { data: m, included: y, model_name: _ } = p.data;
-      we(Q, y, r, e);
+      we(j, y, r, e);
       const w = Array.isArray(m) ? m : [];
-      w.forEach((T, b) => {
-        c[b] && (c[b].pk = T);
+      w.forEach((T, k) => {
+        c[k] && (c[k].pk = T);
       });
       const v = y[_] || {}, O = w.map((T) => v[T]).filter(Boolean);
       return a.mutate({
@@ -3812,7 +3670,7 @@ class _r {
     }).catch((p) => {
       throw a.updateStatus(C.REJECTED), p;
     });
-    return te(c, f);
+    return te(c, h);
   }
   /**
    * Executes an update_instance operation with the QuerySet.
@@ -3825,29 +3683,29 @@ class _r {
   static executeUpdateInstance(e, t = "update_instance", s = {}) {
     const r = e.ModelClass;
     r.primaryKeyField;
-    const i = j.getStore(e).render(), l = s.data || {}, a = de.createUpdateInstanceOperation(e, l), c = Array.isArray(i) ? i[0] : null, f = r.fromPk(c, e);
+    const i = x.getStore(e).render(), l = s.data || {}, a = de.createUpdateInstanceOperation(e, l), c = Array.isArray(i) ? i[0] : null, h = r.fromPk(c, e);
     if (a.localOnly)
-      return a.updateStatus(C.CONFIRMED, a.instances), f;
-    const p = L(
+      return a.updateStatus(C.CONFIRMED, a.instances), h;
+    const p = V(
       e,
       t,
       { data: l },
       a.operationId
     ).then((m) => {
       const { data: y, included: _, model_name: w } = m.data;
-      we(Q, _, r, e);
+      we(j, _, r, e);
       const v = Array.isArray(y) ? y[0] : y;
-      f.pk = v;
+      h.pk = v;
       const T = (_[w] || {})[v];
       if (!T)
         throw new Error(
           `Entity data not found for ${w} with pk ${v}`
         );
-      return a.updateStatus(C.CONFIRMED, [T]), Z(f), f;
+      return a.updateStatus(C.CONFIRMED, [T]), Z(h), h;
     }).catch((m) => {
       throw a.updateStatus(C.REJECTED), m;
     });
-    return te(f, p);
+    return te(h, p);
   }
   /**
    * Executes a delete_instance operation with the QuerySet.
@@ -3865,18 +3723,18 @@ class _r {
     let a = [1, { [o]: 1 }, l.instances];
     if (l.localOnly)
       return l.updateStatus(C.CONFIRMED, l.instances), a;
-    const c = L(
+    const c = V(
       e,
       t,
       s,
       l.operationId
-    ).then((f) => {
+    ).then((h) => {
       let p = 1;
-      typeof f.data == "number" && (p = f.data);
-      const m = f.metadata?.rows_deleted || [s];
+      typeof h.data == "number" && (p = h.data);
+      const m = h.metadata?.rows_deleted || [s];
       return l.updateStatus(C.CONFIRMED, [s]), a = [p, { [o]: p }, m], Z(a), a;
-    }).catch((f) => {
-      throw l.updateStatus(C.REJECTED), f;
+    }).catch((h) => {
+      throw l.updateStatus(C.REJECTED), h;
     });
     return te(a, c);
   }
@@ -3933,22 +3791,22 @@ class _r {
    * @returns {Promise<any>} The raw API response data.
    */
   static executeRemote(e, t = "list", s = {}) {
-    return L(e, t, s);
+    return V(e, t, s);
   }
 }
-class wr {
+class fr {
   constructor(e, t, s = null) {
     this.queryset = e, this.metricType = t, this.field = s;
   }
   get lqs() {
-    return j.getEntity(this.queryset);
+    return x.getEntity(this.queryset);
   }
   /**
    * Refresh the metric data from the database
    * Delegates to the underlying store's sync method
    */
   refreshFromDb() {
-    return Fe.getStore(
+    return Pe.getStore(
       this.metricType,
       this.queryset,
       this.field
@@ -3959,7 +3817,7 @@ class wr {
    * Called implicitly by JS when coercing to a primitive (arithmetic, template literals, etc.)
    */
   valueOf() {
-    const e = Fe.getStore(
+    const e = Pe.getStore(
       this.metricType,
       this.queryset,
       this.field
@@ -3975,14 +3833,22 @@ class wr {
     return this.valueOf();
   }
 }
-class vt {
+class wt {
   constructor() {
-    this._stores = /* @__PURE__ */ new Map(), this.syncManager = null;
+    this._stores = /* @__PURE__ */ new Map(), this.followedMetrics = /* @__PURE__ */ new Set(), this.syncManager = null;
   }
   clear() {
     for (const e of this._stores.values())
       this.syncManager.unfollowModel(this, e.store.modelClass);
-    this._stores = /* @__PURE__ */ new Map();
+    this._stores = /* @__PURE__ */ new Map(), this.followedMetrics = /* @__PURE__ */ new Set();
+  }
+  followMetric(e, t, s = null) {
+    const r = this._makeKey(e, t, s);
+    this.followedMetrics.add(r);
+  }
+  unfollowMetric(e, t, s = null) {
+    const r = this._makeKey(e, t, s);
+    this.followedMetrics.delete(r);
   }
   setSyncManager(e) {
     this.syncManager = e;
@@ -3993,7 +3859,7 @@ class vt {
    * @returns {Array} Array of metric stores
    */
   getAllStoresForQueryset(e) {
-    if (E(e) || E(e.ModelClass))
+    if (b(e) || b(e.ModelClass))
       return [];
     const t = [], s = e.ModelClass;
     for (const [r, o] of this._stores.entries()) {
@@ -4010,14 +3876,14 @@ class vt {
    * Get a metric store for a specific queryset and metric type
    */
   getStore(e, t, s = null) {
-    if (E(e) || E(t) || E(t.ModelClass))
+    if (b(e) || b(t) || b(t.ModelClass))
       return null;
     const r = t.ModelClass, o = t.build(), i = this._makeKey(e, t, s);
     if (!this._stores.has(i)) {
-      const l = async ({ metricType: c, modelClass: f, field: p, ast: m }) => {
+      const l = async ({ metricType: c, modelClass: h, field: p, ast: m }) => {
         const y = t.clone();
-        return await _r.executeAgg(y, c, { field: p });
-      }, a = new yr(
+        return await hr.executeAgg(y, c, { field: p });
+      }, a = new dr(
         e,
         r,
         t,
@@ -4037,20 +3903,20 @@ class vt {
    * Get a metric value for a specific queryset
    */
   getEntity(e, t, s = null) {
-    if (E(e) || E(t) || E(t.ModelClass))
+    if (b(e) || b(t) || b(t.ModelClass))
       return null;
     this.getStore(e, t, s);
-    const r = new wr(t, e, s);
+    const r = new fr(t, e, s);
     return r;
   }
   /**
    * Set metric ground truth value 
    */
   setEntity(e, t, s, r) {
-    if (E(e) || E(t) || E(t.ModelClass))
+    if (b(e) || b(t) || b(t.ModelClass))
       return null;
     const o = this.getStore(e, t, s);
-    return o ? ((!E(o.groundTruthValue) || !ve(o.operations)) && o.reset(), o.setGroundTruth(r), r) : null;
+    return o ? ((!b(o.groundTruthValue) || !ve(o.operations)) && o.reset(), o.setGroundTruth(r), r) : null;
   }
   /**
    * Sync a specific metric with the server
@@ -4067,8 +3933,8 @@ class vt {
     return this._stores.has(e) ? this._stores.get(e).queryset : null;
   }
 }
-const Fe = new vt();
-class Cr {
+const Pe = new wt();
+class pr {
   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,
@@ -4076,21 +3942,21 @@ class Cr {
     } : t) || e.instances, this._cachedInstances = null;
   }
   get modelClass() {
-    return ts(this.model, this.configKey);
+    return Xt(this.model, this.configKey);
   }
   async getFullInstances() {
     if (this.event === "delete")
       throw new Error(
         "Cannot fetch full instances for delete operation bozo..."
       );
-    return E(this._cachedInstances) && (this._cachedInstances = await this.modelClass.objects.filter({
+    return b(this._cachedInstances) && (this._cachedInstances = await this.modelClass.objects.filter({
       [`${this.modelClass.primaryKeyField}__in`]: this.instances.map(
         (e) => e[this.modelClass.primaryKeyField]
       )
     }).fetch()), this._cachedInstances;
   }
 }
-class vr {
+class mr {
   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;
   }
@@ -4113,7 +3979,7 @@ class vr {
    * Initialize event handlers for all event receivers
    */
   initialize() {
-    Us(), zs().forEach((t, s) => {
+    js(), zs().forEach((t, s) => {
       t && t.addModelEventHandler(this.handleEvent.bind(this));
     }), this.startPeriodicSync();
   }
@@ -4133,7 +3999,7 @@ class vr {
   async syncStaleQuerysets() {
     const e = this.registries.get(Ce);
     if (!e) return;
-    const t = `periodic-sync-${G()}`, s = new Set(
+    const t = `periodic-sync-${B()}`, s = new Set(
       [...this.followedQuerysets].map((o) => o.semanticKey).filter((o) => e._stores.has(o))
     ), r = [];
     for (const [o, i] of e._stores.entries()) {
@@ -4147,7 +4013,7 @@ class vr {
     ), this.pruneUnreferencedModels();
   }
   pruneUnreferencedModels() {
-    const e = this.registries.get(Ge), t = this.registries.get(Ce);
+    const e = this.registries.get(Ve), t = this.registries.get(Ce);
     if (!(!e || !t))
       for (const [s, r] of e._stores.entries())
         r.pruneUnreferencedInstances(t);
@@ -4165,7 +4031,7 @@ class vr {
     const r = [...this.followedModels.values()].some(
       (o) => o.has(t)
     );
-    s.add(t), r || Qt(t.configKey)?.subscribe(
+    s.add(t), r || jt(t.configKey)?.subscribe(
       t.modelName,
       this.handleEvent
     );
@@ -4175,7 +4041,7 @@ class vr {
     if (!s) return;
     s.delete(t), [...this.followedModels.values()].some(
       (o) => o.has(t)
-    ) || Qt(t.configKey)?.unsubscribe(
+    ) || jt(t.configKey)?.unsubscribe(
       t.modelName,
       this.handleEvent
     );
@@ -4192,7 +4058,7 @@ class vr {
    * Checks the `verify` flag on membership state to determine which querysets need syncing.
    */
   syncQuerysetsNeedingVerification(e) {
-    const t = Pe.getQuerysetStates(e);
+    const t = Fe.getQuerysetStates(e);
     if (!t) return;
     const s = this.registries.get(Ce);
     if (!s) return;
@@ -4203,7 +4069,7 @@ class vr {
         c && r.push(c);
       }
     if (r.length === 0) return;
-    const o = `maybe-sync-${G()}`, i = new Set(
+    const o = `maybe-sync-${B()}`, i = new Set(
       [...this.followedQuerysets].map((l) => l.semanticKey).filter((l) => s._stores.has(l))
     );
     Promise.all(
@@ -4213,7 +4079,7 @@ class vr {
     );
   }
   handleEvent = (e) => {
-    B({
+    G({
       type: "event",
       modelName: e.model,
       configKey: e.configKey,
@@ -4223,8 +4089,8 @@ class vr {
       operationId: e.operation_id,
       socketId: e.socket_id
     });
-    let t = new Cr(e), s = Pe.has(t.operation_id);
-    if (this.registries.has(vt) && this.processMetrics(t), s) {
+    let t = new pr(e), s = Fe.has(t.operation_id);
+    if (this.registries.has(wt) && this.processMetrics(t), s) {
       this.syncQuerysetsNeedingVerification(t.operation_id);
       return;
     }
@@ -4251,7 +4117,7 @@ class vr {
       s.has(o) || s.set(o, []), s.get(o).push(r);
     }), s.forEach((r, o) => {
       const i = r[0];
-      this.registries.has(Ce) && this.processQuerysetsBatch(i, r), this.registries.has(Ge) && this.processModels(i);
+      this.registries.has(Ce) && this.processQuerysetsBatch(i, r), this.registries.has(Ve) && this.processModels(i);
     });
   }
   isQuerysetFollowed(e) {
@@ -4268,20 +4134,20 @@ class vr {
   }
   processQuerysetsBatch(e, t) {
     const s = this.registries.get(Ce), r = [];
-    for (const [c, f] of s._stores.entries())
-      if (f.modelClass.modelName === e.model && f.modelClass.configKey === e.configKey) {
+    for (const [c, h] of s._stores.entries())
+      if (h.modelClass.modelName === e.model && h.modelClass.configKey === e.configKey) {
         if (this.followAllQuerysets) {
-          r.push(f);
+          r.push(h);
           continue;
         }
         const p = s.followingQuerysets.get(c);
-        p && [...p].some((y) => this.isQuerysetFollowed(y)) && r.push(f);
+        p && [...p].some((y) => this.isQuerysetFollowed(y)) && r.push(h);
       }
     if (r.length === 0) return;
     const i = t.reduce(
-      (c, f) => (f.server_ts_ms || 0) > (c.server_ts_ms || 0) ? f : c,
+      (c, h) => (h.server_ts_ms || 0) > (c.server_ts_ms || 0) ? h : c,
       t[0]
-    ).canonical_id, l = `remote-event-${G()}`, a = new Set(
+    ).canonical_id, l = `remote-event-${B()}`, a = new Set(
       [...this.followedQuerysets].map((c) => c.semanticKey).filter((c) => s._stores.has(c))
     );
     Promise.all(
@@ -4291,18 +4157,18 @@ class vr {
     );
   }
   processMetrics(e) {
-    const t = this.registries.get(vt);
+    const t = this.registries.get(wt);
     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) {
           r.store.sync();
           continue;
         }
-        this.isQuerysetFollowed(r.queryset) && r.store.sync();
+        (t.followedMetrics.has(s) || this.isQuerysetFollowed(r.queryset)) && r.store.sync();
       }
   }
   processModels(e) {
-    const t = this.registries.get(Ge);
+    const t = this.registries.get(Ve);
     if (!t) return;
     const s = t.getStore(e.modelClass);
     if (!s) return;
@@ -4312,105 +4178,105 @@ class vr {
     if (r.size === 0) return;
     const o = new Set(s.groundTruthPks), i = this.registries.get(Ce), l = /* @__PURE__ */ new Set();
     if (i)
-      for (const [c, f] of i._stores.entries())
-        f.modelClass.modelName === e.model && f.modelClass.configKey === e.configKey && f.groundTruthPks.forEach((p) => l.add(p));
+      for (const [c, h] of i._stores.entries())
+        h.modelClass.modelName === e.model && h.modelClass.configKey === e.configKey && h.groundTruthPks.forEach((p) => l.add(p));
     const a = [];
     r.forEach((c) => {
       o.has(c) && !l.has(c) && a.push(c);
     }), a.length > 0 && s.sync(a);
   }
 }
-const $e = new vr();
-$e.manageRegistry(j);
-$e.manageRegistry(Q);
-$e.manageRegistry(Fe);
-const Er = /* @__PURE__ */ new Set();
-function br(n) {
-  typeof n == "function" && Er.add(n);
+const Ae = new mr();
+Ae.manageRegistry(x);
+Ae.manageRegistry(j);
+Ae.manageRegistry(Pe);
+const yr = /* @__PURE__ */ new Set();
+function gr(n) {
+  typeof n == "function" && yr.add(n);
 }
-$e.followAllQuerysets = !1;
-const ns = /* @__PURE__ */ new Map();
-br(() => {
-  ns.clear(), $e.followAllQuerysets = !0, $e.followedQuerysets.clear();
+Ae.followAllQuerysets = !1;
+const rs = /* @__PURE__ */ new Map();
+gr(() => {
+  rs.clear(), Ae.followAllQuerysets = !0, Ae.followedQuerysets.clear();
 });
-const kr = (n, e) => {
+const _r = (n, e) => {
   const t = n.__vccOpts || n;
   for (const [s, r] of e)
     t[s] = r;
   return t;
-}, Sr = { class: "szd" }, Tr = { class: "szd-header" }, Mr = { class: "szd-header__top" }, $r = { class: "szd-header__left" }, Ar = {
+}, wr = { class: "szd" }, Cr = { class: "szd-header" }, vr = { class: "szd-header__top" }, kr = { class: "szd-header__left" }, br = {
   key: 0,
   class: "szd-header__model"
-}, Or = {
+}, Er = {
   key: 1,
   class: "szd-header__model szd-header__model--empty"
-}, Pr = { class: "szd-header__right" }, Fr = {
+}, Sr = { class: "szd-header__right" }, Tr = {
   key: 0,
   class: "szd-header__badge szd-header__badge--syncing"
-}, Ir = {
+}, Mr = {
   key: 1,
   class: "szd-header__badge"
-}, Dr = { class: "szd-header__badge" }, zr = { class: "szd-tabs" }, Kr = ["onClick"], Rr = { class: "szd-content" }, Nr = {
+}, Ar = { class: "szd-header__badge" }, Or = { class: "szd-tabs" }, $r = ["onClick"], Fr = { class: "szd-content" }, Pr = {
   key: 0,
   class: "szd-panel"
-}, 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 = {
+}, Dr = { class: "szd-panel__section" }, zr = { class: "szd-kv" }, Rr = { class: "szd-kv__row" }, Kr = { class: "szd-kv__value" }, Ir = { class: "szd-kv__row" }, Nr = { class: "szd-kv__value" }, xr = { class: "szd-kv__row" }, jr = { class: "szd-kv__value" }, Ur = { class: "szd-kv__row" }, Qr = { class: "szd-kv__value" }, Lr = { class: "szd-panel__section" }, Vr = { class: "szd-stats" }, Br = { class: "szd-stat" }, Gr = { class: "szd-stat__value" }, Hr = { class: "szd-stat" }, qr = { class: "szd-stat__value" }, Jr = { class: "szd-stat" }, Wr = { class: "szd-stat__value" }, Zr = { class: "szd-stat" }, Yr = { class: "szd-stat__value" }, Xr = {
   class: "szd-kv",
   style: { "margin-top": "12px" }
-}, an = { class: "szd-kv__row" }, ln = { class: "szd-kv__value" }, cn = {
+}, en = { class: "szd-kv__row" }, tn = { class: "szd-kv__value" }, sn = {
   key: 0,
   class: "szd-panel__section"
-}, dn = { class: "szd-event-preview__text" }, un = { class: "szd-event-preview__time" }, hn = {
+}, rn = { class: "szd-event-preview__text" }, nn = { class: "szd-event-preview__time" }, on = {
   key: 1,
   class: "szd-panel"
-}, 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 = {
+}, an = { class: "szd-timeline-filters" }, ln = ["onUpdate:modelValue"], cn = { class: "szd-timeline" }, dn = ["onClick"], un = { class: "szd-timeline__time" }, hn = { class: "szd-timeline__text" }, fn = {
   key: 0,
   class: "szd-empty"
-}, Cn = {
+}, pn = {
   key: 2,
   class: "szd-panel"
-}, vn = { class: "szd-pipeline" }, En = ["onClick"], bn = { class: "szd-pipeline__label" }, kn = { class: "szd-pipeline__count" }, Sn = {
+}, mn = { class: "szd-pipeline" }, yn = ["onClick"], gn = { class: "szd-pipeline__label" }, _n = { class: "szd-pipeline__count" }, wn = {
   key: 0,
   class: "szd-pipeline__arrow"
-}, Tn = {
+}, Cn = {
   class: "szd-panel__section",
   style: { "margin-top": "20px" }
-}, Mn = { class: "szd-preview-header" }, $n = ["value"], An = {
+}, vn = { class: "szd-preview-header" }, kn = ["value"], bn = {
   key: 0,
   class: "szd-data-grid"
-}, On = { class: "szd-data-card__header" }, Pn = {
+}, En = { class: "szd-data-card__header" }, Sn = {
   key: 0,
   class: "szd-data-card__badge"
-}, Fn = {
+}, Tn = {
   key: 1,
   class: "szd-data-card__badge szd-data-card__badge--absent"
-}, In = { class: "szd-data-card__content" }, Dn = {
+}, Mn = { class: "szd-data-card__content" }, An = {
   key: 1,
   class: "szd-empty"
-}, zn = {
+}, On = {
   key: 3,
   class: "szd-panel"
-}, Kn = {
+}, $n = {
   class: "szd-kv",
   style: { "margin-bottom": "16px" }
-}, Rn = { class: "szd-kv__row" }, Nn = { class: "szd-kv__value szd-kv__value--mono" }, xn = { class: "szd-ast" }, jn = {
+}, Fn = { class: "szd-kv__row" }, Pn = { class: "szd-kv__value szd-kv__value--mono" }, Dn = { class: "szd-ast" }, zn = {
   key: 0,
   class: "szd-detail"
-}, 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 = {
+}, Rn = { class: "szd-detail__panel szd-detail__panel--sm" }, Kn = { class: "szd-detail__header" }, In = { class: "szd-detail__body" }, Nn = { class: "szd-settings-section" }, xn = ["value"], jn = {
   key: 0,
   class: "szd-settings-section"
-}, 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 = {
+}, Un = { class: "szd-settings-row" }, Qn = { class: "szd-settings-code" }, Ln = { class: "szd-settings-section" }, Vn = { class: "szd-settings-actions" }, Bn = ["disabled"], Gn = { class: "szd-settings-section" }, Hn = { class: "szd-toggle" }, qn = {
   key: 1,
   class: "szd-settings-section"
-}, 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 = {
+}, Jn = { class: "szd-kv" }, Wn = { class: "szd-kv__row" }, Zn = { class: "szd-kv__value" }, Yn = { class: "szd-kv__row" }, Xn = { class: "szd-kv__value" }, eo = { class: "szd-kv__row" }, to = { class: "szd-kv__value" }, so = { class: "szd-kv__row" }, ro = { class: "szd-kv__value" }, no = { class: "szd-kv__row" }, oo = { class: "szd-kv__value" }, io = {
   key: 0,
   class: "szd-detail"
-}, 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 = {
+}, ao = { class: "szd-detail__panel" }, lo = { class: "szd-detail__header" }, co = { class: "szd-detail__title" }, uo = { class: "szd-detail__body" }, ho = { class: "szd-kv" }, fo = { class: "szd-kv__key" }, po = { class: "szd-kv__value" }, mo = { class: "szd-ast" }, yo = {
   class: "szd-kv",
   style: { "margin-bottom": "16px" }
-}, bo = { class: "szd-kv__row" }, ko = { class: "szd-kv__value" }, So = { class: "szd-kv__row" }, To = { class: "szd-kv__value" }, Mo = {
+}, go = { class: "szd-kv__row" }, _o = { class: "szd-kv__value" }, wo = { class: "szd-kv__row" }, Co = { class: "szd-kv__value" }, vo = {
   key: 0,
   class: "szd-kv__note"
-}, $o = { class: "szd-ast" }, Zt = 100, Ao = {
+}, ko = { class: "szd-ast" }, Jt = 100, bo = {
   __name: "StateZeroDebugPanel",
   props: {
     queryset: { type: [Object, String], default: null },
@@ -4424,7 +4290,7 @@ const kr = (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(Lt()), 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(Qt()), a = J(0), c = J(!1), h = J(null), p = J(!1), m = J(null), y = J({
       request: !0,
       response: !0,
       render: !0,
@@ -4440,12 +4306,12 @@ const kr = (n, e) => {
       let g = u;
       return d && g && typeof g == "object" && "value" in g && (g = g.value), g?.original?.queryset ? g.original.queryset : g?.queryset ? g.queryset : g?.semanticKey ? g : null;
     }
-    const w = R(
+    const w = I(
       () => _(e.queryset, o.value)
-    ), v = R(() => {
+    ), v = I(() => {
       a.value;
       const u = [];
-      return ns.forEach((d) => {
+      return rs.forEach((d) => {
         d?.semanticKey && u.push({
           semanticKey: d.semanticKey,
           modelName: d.ModelClass?.modelName,
@@ -4453,50 +4319,50 @@ const kr = (n, e) => {
           queryset: d
         });
       }), u;
-    }), O = R(() => (a.value, Array.from(j._stores.entries()).map(
+    }), O = I(() => (a.value, Array.from(x._stores.entries()).map(
       ([u, d]) => ({
         semanticKey: u,
         modelName: d?.modelClass?.modelName,
         configKey: d?.modelClass?.configKey,
         store: d
       })
-    ))), T = R(() => {
+    ))), T = I(() => {
       const u = /* @__PURE__ */ new Map();
       return v.value.forEach((d) => {
         u.set(d.semanticKey, d.queryset);
       }), u;
-    }), b = R(() => {
+    }), k = I(() => {
       const u = /* @__PURE__ */ new Map();
       return v.value.forEach((d) => {
         u.set(d.semanticKey, d);
       }), O.value.forEach((d) => {
         u.has(d.semanticKey) || u.set(d.semanticKey, d);
       }), Array.from(u.values());
-    }), k = R(() => w.value?.semanticKey ? w.value.semanticKey : r.value ? r.value : ""), U = R(() => w.value ? w.value : r.value && T.value.get(r.value) || null), N = R(() => {
-      if (U.value)
+    }), E = I(() => w.value?.semanticKey ? w.value.semanticKey : r.value ? r.value : ""), Q = I(() => w.value ? w.value : r.value && T.value.get(r.value) || null), N = I(() => {
+      if (Q.value)
         try {
-          return j.getStore(U.value);
+          return x.getStore(Q.value);
         } catch {
           return null;
         }
-      return k.value && j._stores.get(k.value) || null;
-    }), F = R(() => {
+      return E.value && x._stores.get(E.value) || null;
+    }), F = I(() => {
       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, 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.";
+      const u = N.value, d = Q.value, g = u?.modelClass?.modelName || d?.ModelClass?.modelName, R = u?.modelClass?.configKey || d?.ModelClass?.configKey, H = u?.groundTruthPks?.length ?? 0, oe = u?.operationsMap?.size ?? 0, le = u?.getInflightOperations?.() || [], be = u?.isSyncing ?? !1, je = u?.lastSync ? new Date(u.lastSync).toLocaleString() : "—", nt = 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.";
       return {
         modelName: g,
-        configKey: z,
+        configKey: R,
         groundTruthCount: H,
         opsCount: oe,
         inFlightCount: le.length,
         isSyncing: be,
-        lastSync: Ue,
-        optimisticCount: ot,
-        confirmedCount: ds,
-        source: us,
-        reason: hs
+        lastSync: je,
+        optimisticCount: nt,
+        confirmedCount: cs,
+        source: ds,
+        reason: us
       };
-    }), re = R(() => {
+    }), re = I(() => {
       a.value;
       try {
         return N.value?.queryset?.build?.() || null;
@@ -4507,13 +4373,13 @@ const kr = (n, e) => {
     function pe(u) {
       if (!u?.filter?.conditions) return "—";
       const d = u.filter.conditions;
-      return typeof d != "object" ? String(d) : Object.entries(d).map(([z, H]) => H === null ? `${z}: null` : typeof H == "object" ? `${z}: ${JSON.stringify(H)}` : `${z}: ${H}`).join(", ");
+      return typeof d != "object" ? String(d) : Object.entries(d).map(([R, H]) => H === null ? `${R}: null` : typeof H == "object" ? `${R}: ${JSON.stringify(H)}` : `${R}: ${H}`).join(", ");
     }
     function ae(u) {
       const d = u?.orderBy;
       return !d || Array.isArray(d) && d.length === 0 ? "—" : Array.isArray(d) ? d.join(", ") : String(d);
     }
-    const D = R(() => {
+    const z = I(() => {
       const u = re.value;
       return {
         filter: pe(u),
@@ -4521,10 +4387,10 @@ const kr = (n, e) => {
         limit: u?.serializerOptions?.limit ?? "—"
       };
     });
-    function I(u, d, g, z) {
+    function D(u, d, g, R) {
       if (!u || !Array.isArray(g)) return [];
       const H = [];
-      for (const oe of g.slice(0, z))
+      for (const oe of g.slice(0, R))
         try {
           const le = u.fromPk(oe, d);
           le && H.push(le.serialize());
@@ -4532,9 +4398,9 @@ const kr = (n, e) => {
         }
       return H;
     }
-    const K = R(() => {
+    const K = I(() => {
       a.value;
-      const u = N.value, d = U.value;
+      const u = N.value, d = Q.value;
       if (!u || !d)
         return {
           modelStoreFiltered: [],
@@ -4549,7 +4415,7 @@ const kr = (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 ? I(
+      const g = Array.isArray(u.groundTruthPks) ? [...u.groundTruthPks] : [], R = u.renderFromData(!0), H = u.renderFromData(!1), oe = u._getValidatedAndFilteredPks(R), le = [], be = d.build()?.serializerOptions?.limit ?? null, je = be ? oe.slice(0, be) : oe, nt = le.length > 0 ? D(
         u.modelClass,
         d,
         le,
@@ -4558,66 +4424,66 @@ const kr = (n, e) => {
       return {
         modelStoreFiltered: le,
         groundTruth: g,
-        optimistic: z,
+        optimistic: R,
         filtered: oe,
-        final: Ue,
-        modelStoreSample: ot,
-        groundTruthSample: I(
+        final: je,
+        modelStoreSample: nt,
+        groundTruthSample: D(
           u.modelClass,
           d,
           g,
           e.sampleSize
         ),
-        optimisticSample: I(
+        optimisticSample: D(
           u.modelClass,
           d,
-          z,
+          R,
           e.sampleSize
         ),
-        filteredSample: I(
+        filteredSample: D(
           u.modelClass,
           d,
           oe,
           e.sampleSize
         ),
-        finalSample: I(
+        finalSample: D(
           u.modelClass,
           d,
-          Ue,
+          je,
           e.sampleSize
         ),
         limit: be,
         confirmed: H
       };
-    }), me = R(() => [
+    }), me = I(() => [
       { id: "model-store", label: "Model Store", count: K.value.modelStoreFiltered.length, pks: K.value.modelStoreFiltered },
       { id: "ground-truth", label: "Ground Truth", count: K.value.groundTruth.length, pks: K.value.groundTruth },
       { id: "optimistic", label: "Optimistic", count: K.value.optimistic.length, pks: K.value.optimistic },
       { id: "filtered", label: "Filtered", count: K.value.filtered.length, pks: K.value.filtered },
       { id: "final", label: "Final", count: K.value.final.length, pks: K.value.final }
-    ]), Ye = R(() => K.value.final || []);
+    ]), Ze = I(() => K.value.final || []);
     function ye(u) {
-      const d = N.value, g = U.value;
+      const d = N.value, g = Q.value;
       if (!d || !g || u == null) return null;
       try {
-        const z = d.modelClass.fromPk(u, g);
-        return z ? z.serialize() : null;
+        const R = d.modelClass.fromPk(u, g);
+        return R ? R.serialize() : null;
       } catch {
         return null;
       }
     }
-    R(() => m.value == null ? null : ye(m.value));
-    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 ? [] : 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;
+    I(() => m.value == null ? null : ye(m.value));
+    const Re = I(() => {
+      if (!h.value || h.value.type !== "snapshot") return [];
+      const u = h.value.data, d = N.value, g = Q.value;
+      return !d || !g || !u.pks ? [] : D(d.modelClass, g, u.pks, Jt);
+    }), Ye = I(() => !h.value || h.value.type !== "snapshot" ? !1 : h.value.data.count > Jt), Ke = I(() => {
+      if (!E.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);
-    }), Ee = R(() => Re.value.filter((u) => y.value[u.type])), Ne = R(() => l.value.length), ne = R(
+      return l.value.filter((d) => d.semanticKey === E.value ? !0 : u ? d.modelName === u.modelClass?.modelName && d.configKey === u.modelClass?.configKey : !1);
+    }), ke = I(() => Ke.value.filter((u) => y.value[u.type])), Ie = I(() => l.value.length), ne = I(
       () => l.value.length ? l.value[l.value.length - 1] : null
-    ), xe = [
+    ), Ne = [
       { id: "request", label: "Requests", color: "#3b82f6" },
       { id: "response", label: "Responses", color: "#22c55e" },
       { id: "render", label: "Renders", color: "#a855f7" },
@@ -4628,10 +4494,10 @@ const kr = (n, e) => {
       { id: "groupSync", label: "Group Sync", color: "#8b5cf6" },
       { id: "error", label: "Errors", color: "#ef4444" }
     ];
-    function je(u) {
-      return xe.find((d) => d.id === u)?.color || "#6b7280";
+    function xe(u) {
+      return Ne.find((d) => d.id === u)?.color || "#6b7280";
     }
-    function et(u) {
+    function Xe(u) {
       if (!u) return "";
       try {
         return new Date(u).toLocaleTimeString();
@@ -4639,7 +4505,7 @@ const kr = (n, e) => {
         return "";
       }
     }
-    function bt(u) {
+    function vt(u) {
       if (!u) return "";
       switch (u.type) {
         case "request":
@@ -4664,11 +4530,11 @@ const kr = (n, e) => {
           return u.type;
       }
     }
-    function os(u) {
+    function ns(u) {
       if (!u) return null;
       const d = {
         type: u.type,
-        time: et(u.ts),
+        time: Xe(u.ts),
         model: u.modelName,
         config: u.configKey,
         semanticKey: u.semanticKey
@@ -4696,13 +4562,13 @@ const kr = (n, e) => {
           return d;
       }
     }
-    function is() {
+    function os() {
       Bs(), l.value = [];
     }
-    function as() {
-      !k.value || !navigator?.clipboard || navigator.clipboard.writeText(k.value);
+    function is() {
+      !E.value || !navigator?.clipboard || navigator.clipboard.writeText(E.value);
     }
-    async function ls() {
+    async function as() {
       if (!(!N.value || c.value)) {
         c.value = !0;
         try {
@@ -4714,59 +4580,59 @@ const kr = (n, e) => {
       }
     }
     function kt(u) {
-      f.value = { type: "entry", data: u };
+      h.value = { type: "entry", data: u };
     }
-    function cs(u) {
-      f.value = { type: "snapshot", data: u };
+    function ls(u) {
+      h.value = { type: "snapshot", data: u };
     }
-    function St() {
-      f.value = null;
+    function bt() {
+      h.value = null;
     }
-    function Tt(u) {
+    function Et(u) {
       Object.keys(y.value).forEach((d) => {
         y.value[d] = u;
       });
     }
-    let tt = null, st = null, rt = null, nt = null;
-    return fs(() => {
-      Hs(), Gt(e.maxEntries), tt = Ls((u) => {
+    let et = null, tt = null, st = null, rt = null;
+    return hs(() => {
+      Gs(), Lt(e.maxEntries), et = Ls((u) => {
         i.value && (l.value = [...l.value, u], l.value.length > e.maxEntries && (l.value = l.value.slice(-e.maxEntries)));
-      }), st = Gs(() => {
+      }), tt = Vs(() => {
         l.value = [];
-      }), rt = setInterval(() => {
+      }), st = setInterval(() => {
         a.value += 1;
-      }, 2e3), nt = setInterval(() => {
-        l.value = Lt();
+      }, 2e3), rt = setInterval(() => {
+        l.value = Qt();
       }, 1e3);
-    }), ps(() => {
-      tt && tt(), st && st(), rt && clearInterval(rt), nt && clearInterval(nt);
-    }), it(
+    }), fs(() => {
+      et && et(), tt && tt(), st && clearInterval(st), rt && clearInterval(rt);
+    }), ot(
       () => e.maxEntries,
-      (u) => Gt(u)
-    ), it(
+      (u) => Lt(u)
+    ), ot(
       () => e.useQueryset,
       (u) => {
         o.value = u;
       }
-    ), it(k, () => {
+    ), ot(E, () => {
       m.value = null;
-    }), (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", Ar, S(F.value.modelName || "?"), 1)) : (A(), $("span", Or, "No queryset"))
+    }), (u, d) => (A(), M("section", wr, [
+      f("header", Cr, [
+        f("div", vr, [
+          f("div", kr, [
+            d[9] || (d[9] = f("div", { class: "szd-header__title" }, "StateZero", -1)),
+            E.value ? (A(), M("span", br, S(F.value.modelName || "?"), 1)) : (A(), M("span", Er, "No queryset"))
           ]),
-          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", {
+          f("div", Sr, [
+            F.value.isSyncing ? (A(), M("span", Tr, "Syncing")) : L("", !0),
+            F.value.opsCount > 0 ? (A(), M("span", Mr, S(F.value.opsCount) + " ops", 1)) : L("", !0),
+            f("span", Ar, S(Ie.value) + " events", 1),
+            f("button", {
               class: "szd-btn szd-btn--icon",
               onClick: d[0] || (d[0] = (g) => p.value = !0),
               title: "Settings"
             }, [...d[10] || (d[10] = [
-              h("svg", {
+              f("svg", {
                 width: "16",
                 height: "16",
                 viewBox: "0 0 24 24",
@@ -4774,339 +4640,339 @@ const kr = (n, e) => {
                 stroke: "currentColor",
                 "stroke-width": "2"
               }, [
-                h("circle", {
+                f("circle", {
                   cx: "12",
                   cy: "12",
                   r: "3"
                 }),
-                h("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
+                f("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
               ], -1)
             ])])
           ])
         ]),
-        h("nav", zr, [
-          (A(), $(W, null, ce(s, (g) => h("button", {
+        f("nav", Or, [
+          (A(), M(W, null, ce(s, (g) => f("button", {
             key: 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, Kr)), 64))
+            class: Tt(["szd-tabs__tab", { "szd-tabs__tab--active": t.value === g.id }]),
+            onClick: (R) => t.value = g.id
+          }, S(g.label), 11, $r)), 64))
         ])
       ]),
-      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", jr, [
-              h("div", Ur, [
-                d[11] || (d[11] = h("span", { class: "szd-kv__key" }, "Filter:", -1)),
-                h("span", Qr, S(D.value.filter), 1)
+      f("main", Fr, [
+        t.value === "overview" ? (A(), M("div", Pr, [
+          f("div", Dr, [
+            d[15] || (d[15] = f("h3", { class: "szd-panel__heading" }, "Why This View?", -1)),
+            f("div", zr, [
+              f("div", Rr, [
+                d[11] || (d[11] = f("span", { class: "szd-kv__key" }, "Filter:", -1)),
+                f("span", Kr, S(z.value.filter), 1)
               ]),
-              h("div", Vr, [
-                d[12] || (d[12] = h("span", { class: "szd-kv__key" }, "Order:", -1)),
-                h("span", Lr, S(D.value.orderBy), 1)
+              f("div", Ir, [
+                d[12] || (d[12] = f("span", { class: "szd-kv__key" }, "Order:", -1)),
+                f("span", Nr, S(z.value.orderBy), 1)
               ]),
-              h("div", Gr, [
-                d[13] || (d[13] = h("span", { class: "szd-kv__key" }, "Limit:", -1)),
-                h("span", Br, S(D.value.limit), 1)
+              f("div", xr, [
+                d[13] || (d[13] = f("span", { class: "szd-kv__key" }, "Limit:", -1)),
+                f("span", jr, S(z.value.limit), 1)
               ]),
-              h("div", Hr, [
-                d[14] || (d[14] = h("span", { class: "szd-kv__key" }, "Reason:", -1)),
-                h("span", qr, S(F.value.reason), 1)
+              f("div", Ur, [
+                d[14] || (d[14] = f("span", { class: "szd-kv__key" }, "Reason:", -1)),
+                f("span", Qr, S(F.value.reason), 1)
               ])
             ])
           ]),
-          h("div", Jr, [
-            d[21] || (d[21] = h("h3", { class: "szd-panel__heading" }, "Current State", -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))
+          f("div", Lr, [
+            d[21] || (d[21] = f("h3", { class: "szd-panel__heading" }, "Current State", -1)),
+            f("div", Vr, [
+              f("div", Br, [
+                f("div", Gr, S(F.value.optimisticCount ?? "—"), 1),
+                d[16] || (d[16] = f("div", { class: "szd-stat__label" }, "Optimistic", -1))
               ]),
-              h("div", Xr, [
-                h("div", en, S(F.value.confirmedCount), 1),
-                d[17] || (d[17] = h("div", { class: "szd-stat__label" }, "Confirmed", -1))
+              f("div", Hr, [
+                f("div", qr, S(F.value.confirmedCount), 1),
+                d[17] || (d[17] = f("div", { class: "szd-stat__label" }, "Confirmed", -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))
+              f("div", Jr, [
+                f("div", Wr, S(F.value.groundTruthCount), 1),
+                d[18] || (d[18] = f("div", { class: "szd-stat__label" }, "Ground Truth", -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))
+              f("div", Zr, [
+                f("div", Yr, S(F.value.inFlightCount), 1),
+                d[19] || (d[19] = f("div", { class: "szd-stat__label" }, "In-Flight", -1))
               ])
             ]),
-            h("div", on, [
-              h("div", an, [
-                d[20] || (d[20] = h("span", { class: "szd-kv__key" }, "Last Sync:", -1)),
-                h("span", ln, S(F.value.lastSync), 1)
+            f("div", Xr, [
+              f("div", en, [
+                d[20] || (d[20] = f("span", { class: "szd-kv__key" }, "Last Sync:", -1)),
+                f("span", tn, S(F.value.lastSync), 1)
               ])
             ])
           ]),
-          ne.value ? (A(), $("div", cn, [
-            d[22] || (d[22] = h("h3", { class: "szd-panel__heading" }, "Last Event", -1)),
-            h("button", {
+          ne.value ? (A(), M("div", sn, [
+            d[22] || (d[22] = f("h3", { class: "szd-panel__heading" }, "Last Event", -1)),
+            f("button", {
               class: "szd-event-preview",
               onClick: d[1] || (d[1] = (g) => kt(ne.value))
             }, [
-              h("span", {
+              f("span", {
                 class: "szd-event-preview__badge",
-                style: at({ background: je(ne.value.type) })
+                style: it({ background: xe(ne.value.type) })
               }, S(ne.value.type), 5),
-              h("span", dn, S(bt(ne.value)), 1),
-              h("span", un, S(et(ne.value.ts)), 1)
+              f("span", rn, S(vt(ne.value)), 1),
+              f("span", nn, S(Xe(ne.value.ts)), 1)
             ])
-          ])) : V("", !0)
-        ])) : V("", !0),
-        t.value === "timeline" ? (A(), $("div", hn, [
-          h("div", fn, [
-            h("button", {
+          ])) : L("", !0)
+        ])) : L("", !0),
+        t.value === "timeline" ? (A(), M("div", on, [
+          f("div", an, [
+            f("button", {
               class: "szd-btn szd-btn--sm",
-              onClick: d[2] || (d[2] = (g) => Tt(!0))
+              onClick: d[2] || (d[2] = (g) => Et(!0))
             }, "All"),
-            h("button", {
+            f("button", {
               class: "szd-btn szd-btn--sm",
-              onClick: d[3] || (d[3] = (g) => Tt(!1))
+              onClick: d[3] || (d[3] = (g) => Et(!1))
             }, "None"),
-            (A(), $(W, null, ce(xe, (g) => h("label", {
+            (A(), M(W, null, ce(Ne, (g) => f("label", {
               key: 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 } : {})
+              class: Tt(["szd-filter-chip", { "szd-filter-chip--active": y.value[g.id] }]),
+              style: it(y.value[g.id] ? { background: g.color, borderColor: g.color } : {})
             }, [
-              Qe(h("input", {
+              Ue(f("input", {
                 type: "checkbox",
-                "onUpdate:modelValue": (z) => y.value[g.id] = z,
+                "onUpdate:modelValue": (R) => y.value[g.id] = R,
                 class: "szd-filter-chip__input"
-              }, null, 8, pn), [
-                [At, y.value[g.id]]
+              }, null, 8, ln), [
+                [Mt, y.value[g.id]]
               ]),
-              Ve(" " + S(g.label), 1)
+              Qe(" " + S(g.label), 1)
             ], 6)), 64))
           ]),
-          h("div", mn, [
-            (A(!0), $(W, null, ce(Ee.value, (g) => (A(), $("div", {
+          f("div", cn, [
+            (A(!0), M(W, null, ce(ke.value, (g) => (A(), M("div", {
               key: g.id,
               class: "szd-timeline__item",
-              onClick: (z) => kt(g)
+              onClick: (R) => kt(g)
             }, [
-              h("span", gn, S(et(g.ts)), 1),
-              h("span", {
+              f("span", un, S(Xe(g.ts)), 1),
+              f("span", {
                 class: "szd-timeline__badge",
-                style: at({ background: je(g.type) })
+                style: it({ background: xe(g.type) })
               }, S(g.type), 5),
-              h("span", _n, S(bt(g)), 1)
-            ], 8, yn))), 128)),
-            Ee.value.length ? V("", !0) : (A(), $("div", wn, " No events match current filters "))
+              f("span", hn, S(vt(g)), 1)
+            ], 8, dn))), 128)),
+            ke.value.length ? L("", !0) : (A(), M("div", fn, " No events match current filters "))
           ])
-        ])) : V("", !0),
-        t.value === "data" ? (A(), $("div", Cn, [
-          d[25] || (d[25] = h("h3", { class: "szd-panel__heading" }, "Data Pipeline", -1)),
-          h("div", vn, [
-            (A(!0), $(W, null, ce(me.value, (g, z) => (A(), $(W, {
+        ])) : L("", !0),
+        t.value === "data" ? (A(), M("div", pn, [
+          d[25] || (d[25] = f("h3", { class: "szd-panel__heading" }, "Data Pipeline", -1)),
+          f("div", mn, [
+            (A(!0), M(W, null, ce(me.value, (g, R) => (A(), M(W, {
               key: g.id
             }, [
-              h("div", {
+              f("div", {
                 class: "szd-pipeline__stage",
-                onClick: (H) => cs(g)
+                onClick: (H) => ls(g)
               }, [
-                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)
+                f("div", gn, S(g.label), 1),
+                f("div", _n, S(g.count), 1)
+              ], 8, yn),
+              R < me.value.length - 1 ? (A(), M("div", wn, "→")) : L("", !0)
             ], 64))), 128))
           ]),
-          h("div", Tn, [
-            h("div", Mn, [
-              d[24] || (d[24] = h("h3", { class: "szd-panel__heading" }, "Instance Preview", -1)),
-              Qe(h("select", {
+          f("div", Cn, [
+            f("div", vn, [
+              d[24] || (d[24] = f("h3", { class: "szd-panel__heading" }, "Instance Preview", -1)),
+              Ue(f("select", {
                 "onUpdate:modelValue": d[4] || (d[4] = (g) => m.value = g),
                 class: "szd-select"
               }, [
-                d[23] || (d[23] = h("option", { value: null }, "Select instance...", -1)),
-                (A(!0), $(W, null, ce(Ye.value, (g) => (A(), $("option", {
+                d[23] || (d[23] = f("option", { value: null }, "Select instance...", -1)),
+                (A(!0), M(W, null, ce(Ze.value, (g) => (A(), M("option", {
                   key: g,
                   value: g
-                }, S(g), 9, $n))), 128))
+                }, S(g), 9, kn))), 128))
               ], 512), [
-                [Ot, m.value]
+                [At, m.value]
               ])
             ]),
-            m.value != null ? (A(), $("div", An, [
-              (A(!0), $(W, null, ce(me.value, (g) => (A(), $("div", {
+            m.value != null ? (A(), M("div", bn, [
+              (A(!0), M(W, null, ce(me.value, (g) => (A(), M("div", {
                 key: g.id,
                 class: "szd-data-card"
               }, [
-                h("div", On, [
-                  Ve(S(g.label) + " ", 1),
-                  g.pks.includes(m.value) ? (A(), $("span", Pn, "Present")) : (A(), $("span", Fn, "Absent"))
+                f("div", En, [
+                  Qe(S(g.label) + " ", 1),
+                  g.pks.includes(m.value) ? (A(), M("span", Sn, "Present")) : (A(), M("span", Tn, "Absent"))
                 ]),
-                h("pre", In, S(g.pks.includes(m.value) ? JSON.stringify(ye(m.value), null, 2) : "—"), 1)
+                f("pre", Mn, S(g.pks.includes(m.value) ? JSON.stringify(ye(m.value), null, 2) : "—"), 1)
               ]))), 128))
-            ])) : (A(), $("div", Dn, "Select an instance to preview"))
+            ])) : (A(), M("div", An, "Select an instance to preview"))
           ])
-        ])) : V("", !0),
-        t.value === "ast" ? (A(), $("div", zn, [
-          d[27] || (d[27] = h("h3", { class: "szd-panel__heading" }, "Query AST", -1)),
-          h("div", Kn, [
-            h("div", Rn, [
-              d[26] || (d[26] = h("span", { class: "szd-kv__key" }, "Semantic Key:", -1)),
-              h("code", Nn, S(k.value || "—"), 1)
+        ])) : L("", !0),
+        t.value === "ast" ? (A(), M("div", On, [
+          d[27] || (d[27] = f("h3", { class: "szd-panel__heading" }, "Query AST", -1)),
+          f("div", $n, [
+            f("div", Fn, [
+              d[26] || (d[26] = f("span", { class: "szd-kv__key" }, "Semantic Key:", -1)),
+              f("code", Pn, S(E.value || "—"), 1)
             ])
           ]),
-          h("pre", xn, S(re.value ? JSON.stringify(re.value, null, 2) : "Select a queryset to view AST"), 1)
-        ])) : V("", !0)
+          f("pre", Dn, S(re.value ? JSON.stringify(re.value, null, 2) : "Select a queryset to view AST"), 1)
+        ])) : L("", !0)
       ]),
-      Mt(Pt, { name: "szd-slide" }, {
-        default: Ft(() => [
-          p.value ? (A(), $("div", jn, [
-            h("div", {
+      St(Ot, { name: "szd-slide" }, {
+        default: $t(() => [
+          p.value ? (A(), M("div", zn, [
+            f("div", {
               class: "szd-detail__backdrop",
               onClick: d[5] || (d[5] = (g) => p.value = !1)
             }),
-            h("div", Un, [
-              h("div", Qn, [
-                d[28] || (d[28] = h("h3", { class: "szd-detail__title" }, "Debug Settings", -1)),
-                h("button", {
+            f("div", Rn, [
+              f("div", Kn, [
+                d[28] || (d[28] = f("h3", { class: "szd-detail__title" }, "Debug Settings", -1)),
+                f("button", {
                   class: "szd-btn",
                   onClick: d[6] || (d[6] = (g) => p.value = !1)
                 }, "Close")
               ]),
-              h("div", Vn, [
-                h("div", Ln, [
-                  d[30] || (d[30] = h("label", { class: "szd-settings-label" }, "Queryset", -1)),
-                  Qe(h("select", {
+              f("div", In, [
+                f("div", Nn, [
+                  d[30] || (d[30] = f("label", { class: "szd-settings-label" }, "Queryset", -1)),
+                  Ue(f("select", {
                     "onUpdate:modelValue": d[7] || (d[7] = (g) => r.value = g),
                     class: "szd-select szd-select--full"
                   }, [
-                    d[29] || (d[29] = h("option", { value: "" }, "Select queryset...", -1)),
-                    (A(!0), $(W, null, ce(b.value, (g) => (A(), $("option", {
+                    d[29] || (d[29] = f("option", { value: "" }, "Select queryset...", -1)),
+                    (A(!0), M(W, null, ce(k.value, (g) => (A(), M("option", {
                       key: g.semanticKey,
                       value: g.semanticKey
-                    }, S(g.modelName || "?") + " · " + S(g.semanticKey), 9, Gn))), 128))
+                    }, S(g.modelName || "?") + " · " + S(g.semanticKey), 9, xn))), 128))
                   ], 512), [
-                    [Ot, r.value]
+                    [At, r.value]
                   ])
                 ]),
-                k.value ? (A(), $("div", Bn, [
-                  d[31] || (d[31] = h("label", { class: "szd-settings-label" }, "Semantic Key", -1)),
-                  h("div", Hn, [
-                    h("code", qn, S(k.value), 1),
-                    h("button", {
+                E.value ? (A(), M("div", jn, [
+                  d[31] || (d[31] = f("label", { class: "szd-settings-label" }, "Semantic Key", -1)),
+                  f("div", Un, [
+                    f("code", Qn, S(E.value), 1),
+                    f("button", {
                       class: "szd-btn szd-btn--sm",
-                      onClick: as
+                      onClick: is
                     }, "Copy")
                   ])
-                ])) : V("", !0),
-                h("div", Jn, [
-                  d[32] || (d[32] = h("label", { class: "szd-settings-label" }, "Actions", -1)),
-                  h("div", Wn, [
-                    h("button", {
+                ])) : L("", !0),
+                f("div", Ln, [
+                  d[32] || (d[32] = f("label", { class: "szd-settings-label" }, "Actions", -1)),
+                  f("div", Vn, [
+                    f("button", {
                       class: "szd-btn",
-                      onClick: ls,
+                      onClick: as,
                       disabled: !N.value || c.value
-                    }, S(c.value ? "Syncing..." : "Sync Now"), 9, Zn),
-                    h("button", {
+                    }, S(c.value ? "Syncing..." : "Sync Now"), 9, Bn),
+                    f("button", {
                       class: "szd-btn",
-                      onClick: is
+                      onClick: os
                     }, "Clear Events")
                   ])
                 ]),
-                h("div", Yn, [
-                  d[34] || (d[34] = h("label", { class: "szd-settings-label" }, "Options", -1)),
-                  h("label", Xn, [
-                    Qe(h("input", {
+                f("div", Gn, [
+                  d[34] || (d[34] = f("label", { class: "szd-settings-label" }, "Options", -1)),
+                  f("label", Hn, [
+                    Ue(f("input", {
                       type: "checkbox",
                       "onUpdate:modelValue": d[8] || (d[8] = (g) => i.value = g)
                     }, null, 512), [
-                      [At, i.value]
+                      [Mt, i.value]
                     ]),
-                    d[33] || (d[33] = Ve(" Live updates ", -1))
+                    d[33] || (d[33] = Qe(" Live updates ", -1))
                   ])
                 ]),
-                k.value ? (A(), $("div", eo, [
-                  d[40] || (d[40] = h("label", { class: "szd-settings-label" }, "Current State", -1)),
-                  h("div", to, [
-                    h("div", so, [
-                      d[35] || (d[35] = h("span", { class: "szd-kv__key" }, "Model:", -1)),
-                      h("span", ro, S(F.value.modelName || "—"), 1)
+                E.value ? (A(), M("div", qn, [
+                  d[40] || (d[40] = f("label", { class: "szd-settings-label" }, "Current State", -1)),
+                  f("div", Jn, [
+                    f("div", Wn, [
+                      d[35] || (d[35] = f("span", { class: "szd-kv__key" }, "Model:", -1)),
+                      f("span", Zn, S(F.value.modelName || "—"), 1)
                     ]),
-                    h("div", no, [
-                      d[36] || (d[36] = h("span", { class: "szd-kv__key" }, "Source:", -1)),
-                      h("span", oo, S(F.value.source), 1)
+                    f("div", Yn, [
+                      d[36] || (d[36] = f("span", { class: "szd-kv__key" }, "Source:", -1)),
+                      f("span", Xn, S(F.value.source), 1)
                     ]),
-                    h("div", io, [
-                      d[37] || (d[37] = h("span", { class: "szd-kv__key" }, "Syncing:", -1)),
-                      h("span", ao, S(F.value.isSyncing ? "Yes" : "No"), 1)
+                    f("div", eo, [
+                      d[37] || (d[37] = f("span", { class: "szd-kv__key" }, "Syncing:", -1)),
+                      f("span", to, S(F.value.isSyncing ? "Yes" : "No"), 1)
                     ]),
-                    h("div", lo, [
-                      d[38] || (d[38] = h("span", { class: "szd-kv__key" }, "Operations:", -1)),
-                      h("span", co, S(F.value.opsCount), 1)
+                    f("div", so, [
+                      d[38] || (d[38] = f("span", { class: "szd-kv__key" }, "Operations:", -1)),
+                      f("span", ro, S(F.value.opsCount), 1)
                     ]),
-                    h("div", uo, [
-                      d[39] || (d[39] = h("span", { class: "szd-kv__key" }, "Last Sync:", -1)),
-                      h("span", ho, S(F.value.lastSync), 1)
+                    f("div", no, [
+                      d[39] || (d[39] = f("span", { class: "szd-kv__key" }, "Last Sync:", -1)),
+                      f("span", oo, S(F.value.lastSync), 1)
                     ])
                   ])
-                ])) : V("", !0)
+                ])) : L("", !0)
               ])
             ])
-          ])) : V("", !0)
+          ])) : L("", !0)
         ]),
         _: 1
       }),
-      Mt(Pt, { name: "szd-slide" }, {
-        default: Ft(() => [
-          f.value ? (A(), $("div", fo, [
-            h("div", {
+      St(Ot, { name: "szd-slide" }, {
+        default: $t(() => [
+          h.value ? (A(), M("div", io, [
+            f("div", {
               class: "szd-detail__backdrop",
-              onClick: St
+              onClick: bt
             }),
-            h("div", po, [
-              h("div", mo, [
-                h("h3", yo, S(f.value.type === "entry" ? "Event Detail" : "Snapshot: " + f.value.data.label), 1),
-                h("button", {
+            f("div", ao, [
+              f("div", lo, [
+                f("h3", co, S(h.value.type === "entry" ? "Event Detail" : "Snapshot: " + h.value.data.label), 1),
+                f("button", {
                   class: "szd-btn",
-                  onClick: St
+                  onClick: bt
                 }, "Close")
               ]),
-              h("div", go, [
-                f.value.type === "entry" ? (A(), $(W, { key: 0 }, [
-                  h("div", _o, [
-                    (A(!0), $(W, null, ce(os(f.value.data), (g, z) => (A(), $("div", {
-                      key: z,
+              f("div", uo, [
+                h.value.type === "entry" ? (A(), M(W, { key: 0 }, [
+                  f("div", ho, [
+                    (A(!0), M(W, null, ce(ns(h.value.data), (g, R) => (A(), M("div", {
+                      key: R,
                       class: "szd-kv__row"
                     }, [
-                      h("span", wo, S(z) + ":", 1),
-                      h("span", Co, S(g ?? "—"), 1)
+                      f("span", fo, S(R) + ":", 1),
+                      f("span", po, S(g ?? "—"), 1)
                     ]))), 128))
                   ]),
-                  d[41] || (d[41] = h("h4", { style: { margin: "16px 0 8px" } }, "Raw JSON", -1)),
-                  h("pre", vo, S(JSON.stringify(f.value.data, null, 2)), 1)
-                ], 64)) : (A(), $(W, { key: 1 }, [
-                  h("div", Eo, [
-                    h("div", bo, [
-                      d[42] || (d[42] = h("span", { class: "szd-kv__key" }, "Total Count:", -1)),
-                      h("span", ko, S(f.value.data.count), 1)
+                  d[41] || (d[41] = f("h4", { style: { margin: "16px 0 8px" } }, "Raw JSON", -1)),
+                  f("pre", mo, S(JSON.stringify(h.value.data, null, 2)), 1)
+                ], 64)) : (A(), M(W, { key: 1 }, [
+                  f("div", yo, [
+                    f("div", go, [
+                      d[42] || (d[42] = f("span", { class: "szd-kv__key" }, "Total Count:", -1)),
+                      f("span", _o, S(h.value.data.count), 1)
                     ]),
-                    h("div", So, [
-                      d[43] || (d[43] = h("span", { class: "szd-kv__key" }, "Showing:", -1)),
-                      h("span", To, [
-                        Ve(S(Ke.value.length) + " items ", 1),
-                        Xe.value ? (A(), $("span", Mo, "(limited to first 100)")) : V("", !0)
+                    f("div", wo, [
+                      d[43] || (d[43] = f("span", { class: "szd-kv__key" }, "Showing:", -1)),
+                      f("span", Co, [
+                        Qe(S(Re.value.length) + " items ", 1),
+                        Ye.value ? (A(), M("span", vo, "(limited to first 100)")) : L("", !0)
                       ])
                     ])
                   ]),
-                  d[44] || (d[44] = h("h4", { style: { margin: "0 0 8px" } }, "Data", -1)),
-                  h("pre", $o, S(JSON.stringify(Ke.value, null, 2)), 1)
+                  d[44] || (d[44] = f("h4", { style: { margin: "0 0 8px" } }, "Data", -1)),
+                  f("pre", ko, S(JSON.stringify(Re.value, null, 2)), 1)
                 ], 64))
               ])
             ])
-          ])) : V("", !0)
+          ])) : L("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}, Bo = /* @__PURE__ */ kr(Ao, [["__scopeId", "data-v-6d80920c"]]);
+}, jo = /* @__PURE__ */ _r(bo, [["__scopeId", "data-v-cf94aafd"]]);
 export {
-  Bo as default
+  jo as default
 };