@statezero/core 0.2.52 → 0.2.54

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

@@ -1,31 +1,31 @@
-import { ref as J, computed as R, onMounted as hs, onBeforeUnmount as fs, watch as it, createElementBlock as $, openBlock as A, createElementVNode as h, createVNode as Tt, toDisplayString as S, createCommentVNode as V, Fragment as W, renderList as ce, normalizeClass as Mt, normalizeStyle as at, withDirectives as Qe, createTextVNode as Ve, vModelCheckbox as $t, vModelSelect as At, Transition as Ot, withCtx as Pt } from "vue";
-import { v7 as G } from "uuid";
-import { isNil as E, isEmpty as ve, trim as dt, isEqual as qe } from "lodash-es";
-import Ae from "mitt";
-import It from "handlebars";
-import Ft from "superjson";
+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 P } from "zod";
+import { z as $ } from "zod";
 import ys from "pusher-js";
-import Zt, { createEqualsOperation as ee } from "sift";
+import Wt, { createEqualsOperation as ee } from "sift";
 import { DateTime as _e } from "luxon";
 import { parse as gs, format as _s } from "date-fns";
 import { Graph as Dt } from "graphlib";
 import Le from "object-hash";
-import * as Yt from "mathjs";
+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 zt(n) {
   return `{{TempPK_${n}}}`;
 }
-function Kt(n, e) {
+function Rt(n, e) {
   const t = `{{TempPK_${n}}}`, s = `"TempPK_${n}"`, r = typeof e == "string" ? `"${e}"` : String(e);
   se.set(s, r);
   for (const o of ut)
@@ -36,26 +36,26 @@ function Kt(n, e) {
     }
 }
 function vs(n) {
-  if (!Je(String(n))) return 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 = Ft.stringify(n), r = It.compile(t, { noEscape: !0 })(e);
-    return Ft.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 Es = Ae(), bs = Ae(), Rt = Ae();
-class ks {
+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 ks {
     }
   }
 }
-class vt {
+class Ct {
   constructor(e, t = {}, s = null) {
-    this.store = new ks(e, t), 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 vt {
 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);
-    Es.emit(
+    ks.emit(
       `${n.modelClass.configKey}::${n.modelClass.modelName}::render`,
       e
     ), n.renderCallbacks.forEach((o) => {
@@ -347,7 +347,7 @@ class Ss {
   operationsMap;
   isSyncing;
   constructor(e, t, s = null, r = null, o = {}) {
-    this.modelClass = e, this.fetchFn = t, this.isSyncing = !1, this.pruneThreshold = o.pruneThreshold || 10, this.groundTruthArray = s || [], this.operationsMap = /* @__PURE__ */ new Map(), r && r.length > 0 && this._loadOperations(r), this.modelCache = new vt("model-cache", {}, this.onHydrated.bind(this)), this._lastRenderedData = /* @__PURE__ */ new Map(), this.renderCallbacks = /* @__PURE__ */ new Set(), this._unsubscribeTempPk = Cs((i, l) => {
+    this.modelClass = e, this.fetchFn = t, this.isSyncing = !1, this.pruneThreshold = o.pruneThreshold || 10, this.groundTruthArray = s || [], this.operationsMap = /* @__PURE__ */ new Map(), r && r.length > 0 && this._loadOperations(r), this.modelCache = new 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 Ss {
    */
   _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 Ss {
   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 Ss {
     let s = [];
     e.forEach((r) => {
       let o = r[t];
-      if (!(typeof o == "string" && Je(o) && (o = We(r[t]), E(o) || ve(dt(o)))))
+      if (!(typeof o == "string" && 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 Ss {
     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(dt(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 Ss {
         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 Ss {
       }
       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,7 +603,7 @@ class Ss {
   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));
   }
@@ -607,10 +617,10 @@ class Ss {
         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 Ss {
     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 Ss {
     }
   }
 }
-class Ge {
+class Ve {
   constructor() {
     this._stores = /* @__PURE__ */ new Map(), this.syncManager = () => {
       console.warn("SyncManager not set for ModelStoreRegistry");
@@ -694,35 +704,37 @@ class Ge {
   }
   // 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
@@ -903,8 +915,8 @@ class Ts {
     return t.length > 0 ? t[t.length - 1] : void 0;
   }
 }
-const Pe = new Ts(), Ms = Ae();
-function $s(n) {
+const Fe = new Ts(), Ms = Oe();
+function As(n) {
   Ms.emit("error", n);
 }
 class fe extends Error {
@@ -917,7 +929,7 @@ class fe extends Error {
    * @param {number} status - The HTTP status code.
    */
   constructor(e, t, s, r) {
-    super(e), this.name = "StateZeroError", this.code = t, this.detail = s, this.status = r, Object.setPrototypeOf(this, new.target.prototype), $s(this);
+    super(e), this.name = "StateZeroError", this.code = t, this.detail = s, this.status = r, Object.setPrototypeOf(this, new.target.prototype), As(this);
   }
   /**
    * Returns a full error message including the detail.
@@ -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 Nt extends fe {
+class It extends fe {
   /**
    * Creates a new DoesNotExist error.
    *
@@ -972,7 +984,7 @@ class lt extends fe {
     super("Permission denied", "permission_denied", e, t), this.name = "PermissionDenied";
   }
 }
-class As extends fe {
+class Os extends fe {
   /**
    * Creates a new MultipleObjectsReturned error.
    *
@@ -983,7 +995,7 @@ class As extends fe {
     super("Multiple objects returned", "multiple_objects_returned", e, t), this.name = "MultipleObjectsReturned";
   }
 }
-class xt extends fe {
+class Nt extends fe {
   /**
    * Creates a new ConflictError.
    *
@@ -994,7 +1006,7 @@ class xt extends fe {
     super("Conflict", "conflict", e, t), this.name = "ConflictError";
   }
 }
-class Os extends fe {
+class $s extends fe {
   /**
    * Creates a new ASTValidationError.
    *
@@ -1005,7 +1017,7 @@ class Os 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.
    *
@@ -1016,36 +1028,36 @@ class x extends fe {
     super("Configuration error", "config_error", e, t), this.name = "ConfigError";
   }
 }
-function Ps(n) {
+function Fs(n) {
   const { status: e, type: t, detail: s } = n;
   if (t === void 0 && s === "Invalid token.")
     return new lt(s, 403);
   switch (t) {
     // Direct mappings
     case "ValidationError":
-      return new Oe(s, e);
+      return new $e(s, e);
     case "NotFound":
-      return new Nt(s, e);
+      return new It(s, e);
     case "MultipleObjectsReturned":
-      return new As(s, e);
+      return new Os(s, e);
     case "PermissionDenied":
       return new lt(s, e);
     case "ConflictError":
-      return new xt(s, e);
+      return new Nt(s, e);
     case "ASTValidationError":
-      return new Os(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 lt(s, e) : e === 404 ? new Nt(s, e) : e === 409 ? new xt(s, e) : new fe("Unknown error", "unknown", s, e);
+      return e === 400 ? new $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 jt = {
+const xt = {
   CREATE: "create",
   UPDATE: "update",
   DELETE: "delete",
@@ -1053,7 +1065,7 @@ const jt = {
   BULK_UPDATE: "bulk_update",
   BULK_DELETE: "bulk_delete"
 };
-class Is {
+class Ps {
   /**
   * @param {PusherReceiverOptions} options
   * @param {string} configKey - The backend configuration key
@@ -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(jt).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(jt).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();
-function Fs(n, e) {
-  const t = Ze.get(n);
-  t && t.disconnect(), Ze.set(n, e), e.connect();
+const We = /* @__PURE__ */ new Map();
+function Ds(n, e) {
+  const t = We.get(n);
+  t && t.disconnect(), We.set(n, e), e.connect();
 }
-function Ut(n = "default") {
-  return Ze.get(n);
+function jt(n = "default") {
+  return We.get(n);
 }
-function Ds() {
-  return Ze;
+function zs() {
+  return We;
 }
-let Qt = {
+let Ut = {
   backendConfigs: {}
 };
-const zs = 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"
     )
   })
-}), Ks = P.object({
-  type: P.enum(["websocket", "pusher", "none"]),
-  websocketUrl: P.string().url().optional(),
-  pusher: zs.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(() => Ks.optional())
-}), Rs = 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 zs = P.object({
       return { message: e.join("; ") };
     }
   ),
-  periodicSyncIntervalSeconds: P.number().min(5).nullable().optional().default(null)
+  periodicSyncIntervalSeconds: $.number().min(5).nullable().optional().default(null)
 });
 let ht = null;
 function Ns(n) {
-  Qt = n;
-  const e = Rs.safeParse(Qt);
+  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(", ")}`);
   }
   ht = e.data;
 }
 function he() {
   if (!ht)
-    throw new x("Configuration not set. Please call setConfig() with a valid configuration.");
+    throw new U("Configuration not set. Please call setConfig() with a valid configuration.");
   return ht;
 }
 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 Xt(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 Xt(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,16 +1345,16 @@ function Xt(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 && Fs(n, s), s;
+    return s && Ds(n, s), s;
   } catch (e) {
-    throw e instanceof x ? e : new x(`Failed to initialize event receiver: ${e.message}`);
+    throw e instanceof U ? e : new U(`Failed to initialize event receiver: ${e.message}`);
   }
 }
 function js() {
@@ -1350,19 +1362,19 @@ function js() {
     const n = he(), e = {};
     return Object.keys(n.backendConfigs).forEach((t) => {
       try {
-        e[t] = Xt(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 ft = null;
 function Us(n) {
   if (typeof n != "function")
-    throw new x("Provided model getter must be a function.");
+    throw new U("Provided model getter must be a function.");
   ft = n;
 }
 function Qs(n, e = "default") {
@@ -1370,31 +1382,31 @@ function Qs(n, e = "default") {
     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 es(n, e) {
+function Xt(n, e) {
   if (!ft)
-    throw new x("Model registry not registered. Please call registerModelGetter() with the function from model-registry.js during app initialization.");
+    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 Fe = {
+const De = {
   setConfig: Ns,
   getConfig: he,
   setBackendConfig: xs,
-  initializeEventReceiver: Xt,
+  initializeEventReceiver: Yt,
   registerModelGetter: Us,
-  getModelClass: es,
+  getModelClass: Xt,
   buildFileUrl: Qs
-}, ts = "__STATEZERO_DEBUG__", X = globalThis[ts] || {
-  emitter: Ae(),
+}, es = "__STATEZERO_DEBUG__", X = globalThis[es] || {
+  emitter: Oe(),
   buffer: [],
   enabled: !0,
   started: !1,
   maxEntries: 500,
   nextId: 1
 };
-globalThis[ts] = 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 Vs(n) {
+function Ls(n) {
   return Me.on("record", n), () => Me.off("record", n);
 }
-function Ls(n) {
+function Vs(n) {
   return Me.on("clear", n), () => Me.off("clear", n);
 }
-function Vt() {
+function Qt() {
   return ue.slice();
 }
-function Gs() {
+function Bs() {
   ue.length = 0, Me.emit("clear");
 }
 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 Bs() {
+function Gs() {
   X.started || (X.started = !0, ie.on(C.CREATED, (n) => {
     Te({
       type: "operation",
@@ -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 = Fe.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 = Fe.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,79 +1560,79 @@ async function L(n, e, t = {}, s, r = null, o = null, i = {}) {
     "delete_instance",
     "get_or_create",
     "update_or_create"
-  ].includes(e), U = `${p.API_URL.replace(/\/+$/, "")}/${c.modelName}/`, N = p.getAuthHeaders ? p.getAuthHeaders() : {}, I = n.semanticKey;
+  ].includes(e), 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,
-        semanticKey: I,
+        semanticKey: F,
         operationType: e,
         operationId: s,
         canonicalId: o,
-        url: U,
+        url: Q,
         payload: w,
         namespace: l
       });
-      let D = await ms.post(U, We(w), { headers: N });
-      typeof r == "function" && D?.data && await r(D.data);
-      const F = D?.data?.data, K = D?.data?.included, me = Array.isArray(F) ? F.length : F != null ? 1 : 0, Ye = K ? Object.keys(K).length : 0, ye = 100, Ke = Array.isArray(F) && F.length > ye ? F.slice(0, ye) : F, Xe = Array.isArray(F) && F.length > ye;
-      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,
-        semanticKey: I,
+        semanticKey: F,
         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,
-        semanticKey: I,
+        semanticKey: F,
         operationType: e,
         operationId: s,
         canonicalId: o,
-        url: U,
-        status: D?.response?.status,
-        message: D?.message
-      }), D?.code === "ECONNREFUSED") {
-        const F = "Connection refused. If you're running tests, start the test server with `python manage.py statezero_testserver`.";
-        throw new Error(`${F} (${U})`);
+        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 F = Ps(D.response.data);
-        throw Error.captureStackTrace && Error.captureStackTrace(F, L), F;
+      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 = Hs(l), ae = b ? pe.add(re) : re();
+  }, pe = Hs(l), ae = k ? pe.add(re) : re();
   return a ? qs(ae, a) : ae;
 }
-class Gt {
+class Vt {
   // Supported Django strftime formats and their date-fns equivalents
   static SUPPORTED_FORMATS = {
     "iso-8601": null,
@@ -1715,7 +1727,7 @@ class Gt {
 function Js(n) {
   if (!n || !n.configKey)
     return "UTC";
-  const e = Fe.getConfig();
+  const e = De.getConfig();
   return (e.backendConfigs[n.configKey] || e.backendConfigs.default).BACKEND_TZ || "UTC";
 }
 const Bt = {
@@ -1723,7 +1735,7 @@ const Bt = {
   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 Bt = {
   // Return object with both formats for maximum compatibility
   toLive: (n, e = {}) => {
     if (!n || typeof n != "object") return n;
-    const t = e.model?.constructor?.configKey || "default", s = n.file_url ? Fe.buildFileUrl(n.file_url, t) : null;
+    const t = e.model?.constructor?.configKey || "default", s = n.file_url ? De.buildFileUrl(n.file_url, t) : null;
     return {
       // snake_case (backend format)
       file_path: n.file_path,
@@ -1755,23 +1767,23 @@ const Bt = {
       mimeType: n.mime_type
     };
   }
-}, Ht = {
+}, 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 ? Gt.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 = Js(t);
-      return Gt.parseDate(n, s, t.schema, r);
+      return Vt.parseDate(n, s, t.schema, r);
     }
     try {
       return new Date(n);
@@ -1779,9 +1791,9 @@ const Bt = {
       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 Bt = {
     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;
   }
 }, 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 Bt = {
     });
   },
   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);
@@ -1824,25 +1836,25 @@ const Bt = {
   string: {
     "file-path": Bt,
     "image-path": Bt,
-    date: Ht,
-    "date-time": Ht,
-    "foreign-key": ke,
-    "one-to-one": ke
+    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": Ws
   }
 };
-class ss {
+class ts {
   constructor(e) {
     this.modelClass = e;
   }
@@ -1900,15 +1912,15 @@ class ss {
 function Zs(n) {
   if (!n || !n.configKey)
     return "UTC";
-  const e = Fe.getConfig();
+  const e = De.getConfig();
   return (e.backendConfigs[n.configKey] || e.backendConfigs.default).BACKEND_TZ || "UTC";
 }
 function Ys(n, e, t) {
   if (!t?.schema || !n) return e;
-  const s = new ss(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,64 +1948,64 @@ 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), I = N.ModelClass(), re = N.relationshipType;
-      if (!U && re === "many-to-many") {
-        let ae = c.slice(b + 1).join("__");
-        a.length > 0 ? ae += "__" + a.join("__") : f && (ae += "__" + f);
-        const D = De(ae, e, I, s), F = m.length > 0 ? m.join(".") + "." + k : k, K = D.requiredPath || D.field, me = `${F}.${K}`;
+  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: F,
-          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)
-        p = I;
+      if (m.push(E), !Q)
+        p = F;
       else {
         if (y = !0, re === "many-to-many")
-          _ = !0, w = k;
+          _ = !0, w = E;
         else {
-          const pe = I.primaryKeyField || "id";
+          const pe = F.primaryKeyField || "id";
           m.push(pe), w = pe;
         }
-        p = I;
+        p = F;
       }
-    } else if (p && p.fields && p.fields.includes(k)) {
-      if (m.push(k), w = k, U)
+    } 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 I = c.slice(b + 1);
-        m.push(...I);
+        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 : Ys(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 Xs(v, b, k, T, y);
+    const [k, E] = a;
+    return Xs(v, k, E, T, y);
   }
-  if (f)
-    return er(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 } };
 }
@@ -2016,8 +2028,8 @@ function er(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;
           }
         };
@@ -2059,15 +2071,15 @@ function er(n, e, t, s, r, o, i = !1) {
   } : e === "in" ? { field: n, operator: { $in: t } } : e === "gt" ? { field: n, operator: { $nin: [null, void 0], $gt: t } } : e === "gte" ? { field: n, operator: { $nin: [null, void 0], $gte: t } } : e === "lt" ? { field: n, operator: { $nin: [null, void 0], $lt: t } } : e === "lte" ? { field: n, operator: { $nin: [null, void 0], $lte: t } } : { field: n, operator: { $eq: t } };
 }
 function tr(n = "UTC", e = null) {
-  const t = e ? new ss(e) : null, s = (a, c = null) => a ? a instanceof Date ? a : t && c && typeof a == "string" ? t.toLiveField(c, a) : (console.warn("Date conversion without serializer context:", a), null) : null, r = (a, c, f = null) => {
-    const p = s(a, f);
+  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 tr(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 tr(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 tr(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 tr(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 tr(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 tr(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 tr(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 tr(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 tr(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 tr(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;
           }
@@ -2235,7 +2247,7 @@ function tr(n = "UTC", e = null) {
 }
 function sr(n, e) {
   const t = Zs(e);
-  return Zt(n, {
+  return Wt(n, {
     operations: tr(t, e)
   });
 }
@@ -2243,10 +2255,10 @@ 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 } };
@@ -2272,7 +2284,7 @@ function rr(n, 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;
@@ -2285,15 +2297,15 @@ function He(n, e) {
     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;
@@ -2307,7 +2319,7 @@ function nr(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 nr(n, e, t) {
       };
     }
   });
-  return n.filter(Zt({ $or: o }));
+  return n.filter(Wt({ $or: o }));
 }
-function qt(n, e) {
+function Ht(n, e) {
   const t = e.split(".");
   let s = n;
   for (const r of t) {
@@ -2337,7 +2349,7 @@ 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
@@ -2355,7 +2367,7 @@ function ir(n, e, t) {
   const s = or(e, t);
   return [...n].sort((r, o) => {
     for (const { field: i, desc: l } of s) {
-      const a = qt(r, i), c = qt(o, i);
+      const a = 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;
@@ -2376,7 +2388,7 @@ function mt(n, e, t) {
   const s = t.primaryKeyField;
   let r = [...n];
   if (e.filter) {
-    const o = He(e.filter, 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 = nr(r, e.search, t)), Array.isArray(e.orderBy) && e.orderBy.length && (r = ir(r, e.orderBy, t)), r.map((o) => o[s]);
@@ -2386,9 +2398,9 @@ function yt(n, e) {
   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}`);
     }
@@ -2429,7 +2441,7 @@ function _t(n, e) {
     gt(t, e, r);
   }), t;
 }
-function wt(n, e, t, s = !1) {
+function ss(n, e, t, s = !1) {
   if (!Array.isArray(n) || n.length === 0)
     return [];
   if (!t)
@@ -2452,13 +2464,13 @@ class ar {
   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 vt("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();
       });
@@ -2469,15 +2481,14 @@ class ar {
     return this.queryset.semanticKey;
   }
   onHydrated(e) {
-    if (this.groundTruthPks.length === 0 && this.operationsMap.size === 0) {
-      const t = this.qsCache.get(this.cacheKey);
-      !E(t) && !ve(t) && this.setGroundTruth(t);
-    }
+    if (this.lastSync !== null || this.groundTruthPks.length > 0 || this.operationsMap.size > 0) return;
+    const t = this.qsCache.get(this.cacheKey);
+    !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(dt(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() {
@@ -2501,7 +2512,7 @@ class ar {
       } catch (s) {
         console.warn("Error in render callback:", s);
       }
-    }), qe(e, this._lastRenderedPks) || (this._lastRenderedPks = e, bs.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 }
     ));
@@ -2556,7 +2567,7 @@ class ar {
    */
   registerWithModelStore() {
     if (this._modelStoreUnregister) return;
-    const e = Q.getStore(this.modelClass);
+    const e = j.getStore(this.modelClass);
     this._modelStoreUnregister = e.registerRenderCallback(() => {
       this._emitRenderEvent();
     });
@@ -2568,15 +2579,39 @@ class ar {
    */
   _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 wt(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 l = this.qsCache.get(this.cacheKey);
-      if (Array.isArray(l))
-        return B({
+      const a = this.qsCache.get(this.cacheKey);
+      if (Array.isArray(a))
+        return G({
           type: "render",
           source: "cache",
           semanticKey: this.queryset.semanticKey,
@@ -2585,15 +2620,19 @@ class ar {
           optimistic: e,
           groundTruthCount: this.groundTruthPks.length,
           operationsCount: this.operationsMap.size,
-          resultCount: l.length
-        }), l;
+          resultCount: a.length
+        }), a;
     }
-    const s = this.groundTruthPks.length === 0 && this.lastSync === null ? this.renderFromModelStore() : this.renderFromData(e);
+    const s = this.renderFromData(e);
     let r = this._getValidatedAndFilteredPks(s);
     const o = r.length, i = this.queryset.build().serializerOptions?.limit;
-    return i && (r = r.slice(0, i)), this.setCache(r), B({
+    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,
@@ -2607,18 +2646,44 @@ class ar {
     }), 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 wt(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;
@@ -2630,26 +2695,7 @@ class ar {
         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;
   }
@@ -2663,7 +2709,7 @@ class ar {
       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,
@@ -2677,7 +2723,7 @@ class ar {
         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,
@@ -2688,7 +2734,7 @@ class ar {
         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,
@@ -2796,10 +2842,10 @@ class lr {
 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",
@@ -2809,20 +2855,20 @@ class cr {
         "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
@@ -2830,7 +2876,7 @@ class cr {
    * @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 {
@@ -2854,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);
@@ -2872,7 +2918,7 @@ class Ce {
         ...i,
         type: "list"
       };
-      return (await L(
+      return (await V(
         e,
         "list",
         c,
@@ -2904,7 +2950,7 @@ 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;
@@ -2919,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;
@@ -2946,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)) {
@@ -2974,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,
@@ -2988,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 {
@@ -3002,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,
@@ -3013,8 +3059,8 @@ class Ce {
         });
         return;
       }
-      const v = p.pks.map((b) => i.fromPk(b, e)), O = e.build(), T = wt(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,
@@ -3027,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 dr 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 ur 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 hr 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 fr 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 pr {
-  // Collection of custom strategy overrides
-  static #e = /* @__PURE__ */ new Map();
-  // Default strategy map
-  static #t = /* @__PURE__ */ new Map([
-    ["count", () => new dr()],
-    ["sum", () => new ur()],
-    ["min", () => new hr()],
-    ["max", () => new fr()]
-  ]);
-  /**
-   * 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 mr {
+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 = pr.getStrategy(e, t), this.operations = [], this.confirmedOps = /* @__PURE__ */ new Set(), this.metricCache = new vt(
+    this.metricType = e, this.modelClass = t, this.queryset = s, this.field = r, this.ast = o, this.fetchFn = i, this.groundTruthValue = null, this.isSyncing = !1, this.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() {
@@ -3281,8 +3142,8 @@ class mr {
     this.metricCache.delete(this.cacheKey);
   }
   setGroundTruth(e) {
-    const t = !qe(this.groundTruthValue, e);
-    this.groundTruthValue = e, this.setCache(), t && Rt.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,
@@ -3291,19 +3152,15 @@ class mr {
     });
   }
   /**
-   * 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, Rt.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,
@@ -3329,9 +3186,9 @@ class mr {
         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:`,
@@ -3349,12 +3206,12 @@ function Z(n) {
   return delete n.isOptimistic, delete n.then, delete n.catch, n;
 }
 ws();
-Yt.create();
-function yr(n, e) {
+Zt.create();
+function ur(n, e) {
   if (!n || !n.__f_expr)
     return n;
   try {
-    return Yt.evaluate(n.original_expr, e);
+    return Zt.evaluate(n.original_expr, e);
   } catch (t) {
     return console.warn(`Error evaluating F expression: ${t.message}`), null;
   }
@@ -3368,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 = zt(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 },
@@ -3386,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 = zt(`${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 },
@@ -3408,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 = yr(w, m);
+          const v = ur(w, m);
           v !== null ? y[_] = v : y[_] = m[_];
         } else
           y[_] = w;
@@ -3421,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
@@ -3435,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: {},
@@ -3453,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 },
@@ -3471,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,
@@ -3490,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 = yt(m, o), _ = c.map(
-      (k) => _t(y, o.fromPk(k[i], e))
+    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(
-      (k) => w.includes(k[i])
-    ), O = v.length === 0, T = O ? M.CREATE : M.UPDATE, b = O ? { ...t, ...s, [i]: l } : v[0];
+      (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
@@ -3513,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 = yt(m, o), _ = c.map(
-      (k) => _t(y, o.fromPk(k[i], e))
+    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(
-      (k) => w.includes(k[i])
-    ), O = v.length === 0, T = O ? M.CREATE : M.UPDATE, b = O ? { ...t, ...s, [i]: l } : { ...v[0], ...s };
+      (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 Jt extends Array {
+class qt extends Array {
   /**
    * Creates a new ResultTuple.
    *
@@ -3539,7 +3396,7 @@ class Jt extends Array {
     super(2), this[0] = e, this[1] = t, this.instance = e, this.created = t;
   }
 }
-class gr {
+class hr {
   /**
    * Executes a get operation (get, first, last) with the QuerySet.
    *
@@ -3549,12 +3406,12 @@ class gr {
    * @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;
       }
@@ -3577,11 +3434,11 @@ class gr {
    *   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);
   }
@@ -3598,28 +3455,28 @@ class gr {
       lookup: s.lookup || {},
       defaults: s.defaults || {}
     }, l = t === "get_or_create" ? de.createGetOrCreateOperation(e, i.lookup, i.defaults) : de.createUpdateOrCreateOperation(e, i.lookup, i.defaults), a = l.type === "create", c = r.fromPk(l.instances[0][o], e);
-    let f = new Jt(c, a);
+    let 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 Jt(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.
@@ -3635,15 +3492,15 @@ class gr {
       throw new Error(
         `Field parameter is required for ${t} operation`
       );
-    const i = Ie.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 Ie.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);
   }
@@ -3656,7 +3513,7 @@ class gr {
    * @returns {Promise<boolean>} Whether records exist.
    */
   static async executeExists(e, t = "exists", s = {}) {
-    return (await L(
+    return (await V(
       e,
       t,
       {}
@@ -3681,7 +3538,7 @@ class gr {
     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,
@@ -3694,7 +3551,7 @@ class gr {
     }).catch((p) => {
       throw l.updateStatus(C.REJECTED), p;
     });
-    return te(c, f);
+    return te(c, h);
   }
   /**
    * Executes a delete operation with the QuerySet.
@@ -3709,16 +3566,16 @@ class gr {
     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);
   }
@@ -3731,25 +3588,25 @@ class gr {
    * @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,
       o,
       async (p) => {
         const { data: m } = p.data, y = Array.isArray(m) ? m[0] : m;
-        Kt(o, y);
+        Rt(o, y);
       }
     ).then((p) => {
       const { data: m, included: y, model_name: _ } = p.data;
-      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];
@@ -3764,7 +3621,7 @@ class gr {
     }).catch((p) => {
       throw l.updateStatus(C.REJECTED), p;
     });
-    return te(c, f);
+    return te(c, h);
   }
   /**
    * Executes a bulk_create operation with the QuerySet.
@@ -3775,10 +3632,10 @@ class gr {
    * @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];
@@ -3786,7 +3643,7 @@ class gr {
     });
     if (a.localOnly)
       return a.updateStatus(C.CONFIRMED, a.instances), c;
-    const f = L(
+    const h = V(
       e,
       t,
       l,
@@ -3795,15 +3652,15 @@ class gr {
         const { data: m } = p.data;
         (Array.isArray(m) ? m : []).forEach((_, w) => {
           const v = `${o}_${w}`;
-          Kt(v, _);
+          Rt(v, _);
         });
       }
     ).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({
@@ -3813,7 +3670,7 @@ class gr {
     }).catch((p) => {
       throw a.updateStatus(C.REJECTED), p;
     });
-    return te(c, f);
+    return te(c, h);
   }
   /**
    * Executes an update_instance operation with the QuerySet.
@@ -3826,29 +3683,29 @@ class gr {
   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.
@@ -3866,18 +3723,18 @@ class gr {
     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);
   }
@@ -3934,47 +3791,64 @@ class gr {
    * @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 _r {
+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 Ie.getStore(
+    return Pe.getStore(
       this.metricType,
       this.queryset,
       this.field
     ).sync(!0);
   }
   /**
-   * Getter that always returns the current value from the store
+   * Returns the current metric value from the store.
+   * Called implicitly by JS when coercing to a primitive (arithmetic, template literals, etc.)
    */
-  get value() {
-    const e = Ie.getStore(
+  valueOf() {
+    const e = Pe.getStore(
       this.metricType,
       this.queryset,
       this.field
     );
     return e ? e.render() : null;
   }
+  toString() {
+    const e = this.valueOf();
+    return e === null ? "" : String(e);
+  }
+  /** @deprecated Use valueOf() coercion instead (e.g. +metric, `${metric}`, metric + 0) */
+  get value() {
+    return this.valueOf();
+  }
 }
-class Ct {
+class 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;
@@ -3985,7 +3859,7 @@ class Ct {
    * @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()) {
@@ -4002,14 +3876,14 @@ class Ct {
    * 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 gr.executeAgg(y, c, { field: p });
-      }, a = new mr(
+        return await hr.executeAgg(y, c, { field: p });
+      }, a = new dr(
         e,
         r,
         t,
@@ -4029,20 +3903,20 @@ class Ct {
    * 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 _r(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
@@ -4059,8 +3933,8 @@ class Ct {
     return this._stores.has(e) ? this._stores.get(e).queryset : null;
   }
 }
-const Ie = new Ct();
-class wr {
+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,
@@ -4068,21 +3942,21 @@ class wr {
     } : t) || e.instances, this._cachedInstances = null;
   }
   get modelClass() {
-    return es(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 Cr {
+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;
   }
@@ -4105,7 +3979,7 @@ class Cr {
    * Initialize event handlers for all event receivers
    */
   initialize() {
-    js(), Ds().forEach((t, s) => {
+    js(), zs().forEach((t, s) => {
       t && t.addModelEventHandler(this.handleEvent.bind(this));
     }), this.startPeriodicSync();
   }
@@ -4125,7 +3999,7 @@ class Cr {
   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()) {
@@ -4139,7 +4013,7 @@ class Cr {
     ), 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);
@@ -4157,7 +4031,7 @@ class Cr {
     const r = [...this.followedModels.values()].some(
       (o) => o.has(t)
     );
-    s.add(t), r || Ut(t.configKey)?.subscribe(
+    s.add(t), r || jt(t.configKey)?.subscribe(
       t.modelName,
       this.handleEvent
     );
@@ -4167,7 +4041,7 @@ class Cr {
     if (!s) return;
     s.delete(t), [...this.followedModels.values()].some(
       (o) => o.has(t)
-    ) || Ut(t.configKey)?.unsubscribe(
+    ) || jt(t.configKey)?.unsubscribe(
       t.modelName,
       this.handleEvent
     );
@@ -4184,7 +4058,7 @@ class Cr {
    * 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;
@@ -4195,7 +4069,7 @@ class Cr {
         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(
@@ -4205,7 +4079,7 @@ class Cr {
     );
   }
   handleEvent = (e) => {
-    B({
+    G({
       type: "event",
       modelName: e.model,
       configKey: e.configKey,
@@ -4215,8 +4089,8 @@ class Cr {
       operationId: e.operation_id,
       socketId: e.socket_id
     });
-    let t = new wr(e), s = Pe.has(t.operation_id);
-    if (this.registries.has(Ct) && this.processMetrics(t), s) {
+    let t = new pr(e), s = Fe.has(t.operation_id);
+    if (this.registries.has(wt) && this.processMetrics(t), s) {
       this.syncQuerysetsNeedingVerification(t.operation_id);
       return;
     }
@@ -4243,7 +4117,7 @@ class Cr {
       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) {
@@ -4260,20 +4134,20 @@ class Cr {
   }
   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(
@@ -4283,18 +4157,18 @@ class Cr {
     );
   }
   processMetrics(e) {
-    const t = this.registries.get(Ct);
+    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;
@@ -4304,105 +4178,105 @@ class Cr {
     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 Cr();
-$e.manageRegistry(j);
-$e.manageRegistry(Q);
-$e.manageRegistry(Ie);
-const vr = /* @__PURE__ */ new Set();
-function Er(n) {
-  typeof n == "function" && vr.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;
+Ae.followAllQuerysets = !1;
 const rs = /* @__PURE__ */ new Map();
-Er(() => {
-  rs.clear(), $e.followAllQuerysets = !0, $e.followedQuerysets.clear();
+gr(() => {
+  rs.clear(), Ae.followAllQuerysets = !0, Ae.followedQuerysets.clear();
 });
-const br = (n, e) => {
+const _r = (n, e) => {
   const t = n.__vccOpts || n;
   for (const [s, r] of e)
     t[s] = r;
   return t;
-}, kr = { class: "szd" }, Sr = { class: "szd-header" }, Tr = { class: "szd-header__top" }, Mr = { class: "szd-header__left" }, $r = {
+}, wr = { class: "szd" }, Cr = { class: "szd-header" }, vr = { class: "szd-header__top" }, kr = { class: "szd-header__left" }, br = {
   key: 0,
   class: "szd-header__model"
-}, Ar = {
+}, Er = {
   key: 1,
   class: "szd-header__model szd-header__model--empty"
-}, Or = { class: "szd-header__right" }, Pr = {
+}, Sr = { class: "szd-header__right" }, Tr = {
   key: 0,
   class: "szd-header__badge szd-header__badge--syncing"
-}, Ir = {
+}, Mr = {
   key: 1,
   class: "szd-header__badge"
-}, Fr = { class: "szd-header__badge" }, Dr = { class: "szd-tabs" }, zr = ["onClick"], Kr = { class: "szd-content" }, Rr = {
+}, Ar = { class: "szd-header__badge" }, Or = { class: "szd-tabs" }, $r = ["onClick"], Fr = { class: "szd-content" }, Pr = {
   key: 0,
   class: "szd-panel"
-}, Nr = { class: "szd-panel__section" }, xr = { class: "szd-kv" }, jr = { class: "szd-kv__row" }, Ur = { class: "szd-kv__value" }, Qr = { class: "szd-kv__row" }, Vr = { class: "szd-kv__value" }, Lr = { class: "szd-kv__row" }, Gr = { class: "szd-kv__value" }, Br = { class: "szd-kv__row" }, Hr = { class: "szd-kv__value" }, qr = { class: "szd-panel__section" }, Jr = { class: "szd-stats" }, Wr = { class: "szd-stat" }, Zr = { class: "szd-stat__value" }, Yr = { class: "szd-stat" }, Xr = { class: "szd-stat__value" }, en = { class: "szd-stat" }, tn = { class: "szd-stat__value" }, sn = { class: "szd-stat" }, rn = { class: "szd-stat__value" }, nn = {
+}, 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" }
-}, on = { class: "szd-kv__row" }, an = { class: "szd-kv__value" }, ln = {
+}, en = { class: "szd-kv__row" }, tn = { class: "szd-kv__value" }, sn = {
   key: 0,
   class: "szd-panel__section"
-}, cn = { class: "szd-event-preview__text" }, dn = { class: "szd-event-preview__time" }, un = {
+}, rn = { class: "szd-event-preview__text" }, nn = { class: "szd-event-preview__time" }, on = {
   key: 1,
   class: "szd-panel"
-}, hn = { class: "szd-timeline-filters" }, fn = ["onUpdate:modelValue"], pn = { class: "szd-timeline" }, mn = ["onClick"], yn = { class: "szd-timeline__time" }, gn = { class: "szd-timeline__text" }, _n = {
+}, 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"
-}, wn = {
+}, pn = {
   key: 2,
   class: "szd-panel"
-}, Cn = { class: "szd-pipeline" }, vn = ["onClick"], En = { class: "szd-pipeline__label" }, bn = { class: "szd-pipeline__count" }, kn = {
+}, mn = { class: "szd-pipeline" }, yn = ["onClick"], gn = { class: "szd-pipeline__label" }, _n = { class: "szd-pipeline__count" }, wn = {
   key: 0,
   class: "szd-pipeline__arrow"
-}, Sn = {
+}, Cn = {
   class: "szd-panel__section",
   style: { "margin-top": "20px" }
-}, Tn = { class: "szd-preview-header" }, Mn = ["value"], $n = {
+}, vn = { class: "szd-preview-header" }, kn = ["value"], bn = {
   key: 0,
   class: "szd-data-grid"
-}, An = { class: "szd-data-card__header" }, On = {
+}, En = { class: "szd-data-card__header" }, Sn = {
   key: 0,
   class: "szd-data-card__badge"
-}, Pn = {
+}, Tn = {
   key: 1,
   class: "szd-data-card__badge szd-data-card__badge--absent"
-}, In = { class: "szd-data-card__content" }, Fn = {
+}, Mn = { class: "szd-data-card__content" }, An = {
   key: 1,
   class: "szd-empty"
-}, Dn = {
+}, On = {
   key: 3,
   class: "szd-panel"
-}, zn = {
+}, $n = {
   class: "szd-kv",
   style: { "margin-bottom": "16px" }
-}, Kn = { class: "szd-kv__row" }, Rn = { class: "szd-kv__value szd-kv__value--mono" }, Nn = { class: "szd-ast" }, xn = {
+}, Fn = { class: "szd-kv__row" }, Pn = { class: "szd-kv__value szd-kv__value--mono" }, Dn = { class: "szd-ast" }, zn = {
   key: 0,
   class: "szd-detail"
-}, jn = { class: "szd-detail__panel szd-detail__panel--sm" }, Un = { class: "szd-detail__header" }, Qn = { class: "szd-detail__body" }, Vn = { class: "szd-settings-section" }, Ln = ["value"], Gn = {
+}, 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"
-}, Bn = { class: "szd-settings-row" }, Hn = { class: "szd-settings-code" }, qn = { class: "szd-settings-section" }, Jn = { class: "szd-settings-actions" }, Wn = ["disabled"], Zn = { class: "szd-settings-section" }, Yn = { class: "szd-toggle" }, Xn = {
+}, 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"
-}, eo = { class: "szd-kv" }, to = { class: "szd-kv__row" }, so = { class: "szd-kv__value" }, ro = { class: "szd-kv__row" }, no = { class: "szd-kv__value" }, oo = { class: "szd-kv__row" }, io = { class: "szd-kv__value" }, ao = { class: "szd-kv__row" }, lo = { class: "szd-kv__value" }, co = { class: "szd-kv__row" }, uo = { class: "szd-kv__value" }, ho = {
+}, 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"
-}, fo = { class: "szd-detail__panel" }, po = { class: "szd-detail__header" }, mo = { class: "szd-detail__title" }, yo = { class: "szd-detail__body" }, go = { class: "szd-kv" }, _o = { class: "szd-kv__key" }, wo = { class: "szd-kv__value" }, Co = { class: "szd-ast" }, vo = {
+}, 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" }
-}, Eo = { class: "szd-kv__row" }, bo = { class: "szd-kv__value" }, ko = { class: "szd-kv__row" }, So = { class: "szd-kv__value" }, To = {
+}, 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"
-}, Mo = { class: "szd-ast" }, Wt = 100, $o = {
+}, ko = { class: "szd-ast" }, Jt = 100, bo = {
   __name: "StateZeroDebugPanel",
   props: {
     queryset: { type: [Object, String], default: null },
@@ -4416,7 +4290,7 @@ const br = (n, e) => {
       { id: "timeline", label: "Timeline" },
       { id: "data", label: "Data" },
       { id: "ast", label: "AST" }
-    ], r = J(""), o = J(e.useQueryset), i = J(!0), l = J(Vt()), a = J(0), c = J(!1), f = J(null), p = J(!1), m = J(null), y = J({
+    ], r = J(""), o = J(e.useQueryset), i = J(!0), l = J(Qt()), a = J(0), c = J(!1), h = J(null), p = J(!1), m = J(null), y = J({
       request: !0,
       response: !0,
       render: !0,
@@ -4432,9 +4306,9 @@ const br = (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 rs.forEach((d) => {
@@ -4445,50 +4319,50 @@ const br = (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;
-    }), I = 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, cs = u?.groundTruthPks?.length ?? 0, ds = u ? u.lastSync === null ? "model store" : "ground truth" : "—", us = be ? "Sync in progress — results may change." : oe > 0 ? "Optimistic operations are applied to results." : u?.lastSync === null ? "No ground truth yet — rendering from model store." : "Using ground truth + local filters.";
+      const u = N.value, d = 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,
+        lastSync: je,
+        optimisticCount: nt,
         confirmedCount: cs,
         source: ds,
         reason: us
       };
-    }), re = R(() => {
+    }), re = I(() => {
       a.value;
       try {
         return N.value?.queryset?.build?.() || null;
@@ -4499,13 +4373,13 @@ const br = (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),
@@ -4513,10 +4387,10 @@ const br = (n, e) => {
         limit: u?.serializerOptions?.limit ?? "—"
       };
     });
-    function F(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());
@@ -4524,9 +4398,9 @@ const br = (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: [],
@@ -4541,7 +4415,7 @@ const br = (n, e) => {
           finalSample: [],
           limit: null
         };
-      const g = Array.isArray(u.groundTruthPks) ? [...u.groundTruthPks] : [], z = u.renderFromData(!0), H = u.renderFromData(!1), oe = u._getValidatedAndFilteredPks(z), le = u.lastSync === null ? u.renderFromModelStore() : [], be = d.build()?.serializerOptions?.limit ?? null, Ue = be ? oe.slice(0, be) : oe, ot = le.length > 0 ? F(
+      const g = Array.isArray(u.groundTruthPks) ? [...u.groundTruthPks] : [], 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,
@@ -4550,66 +4424,66 @@ const br = (n, e) => {
       return {
         modelStoreFiltered: le,
         groundTruth: g,
-        optimistic: z,
+        optimistic: R,
         filtered: oe,
-        final: Ue,
-        modelStoreSample: ot,
-        groundTruthSample: F(
+        final: je,
+        modelStoreSample: nt,
+        groundTruthSample: D(
           u.modelClass,
           d,
           g,
           e.sampleSize
         ),
-        optimisticSample: F(
+        optimisticSample: D(
           u.modelClass,
           d,
-          z,
+          R,
           e.sampleSize
         ),
-        filteredSample: F(
+        filteredSample: D(
           u.modelClass,
           d,
           oe,
           e.sampleSize
         ),
-        finalSample: F(
+        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 ? [] : F(d.modelClass, g, u.pks, Wt);
-    }), Xe = R(() => !f.value || f.value.type !== "snapshot" ? !1 : f.value.data.count > Wt), 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" },
@@ -4620,10 +4494,10 @@ const br = (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();
@@ -4631,7 +4505,7 @@ const br = (n, e) => {
         return "";
       }
     }
-    function Et(u) {
+    function vt(u) {
       if (!u) return "";
       switch (u.type) {
         case "request":
@@ -4660,7 +4534,7 @@ const br = (n, e) => {
       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
@@ -4689,10 +4563,10 @@ const br = (n, e) => {
       }
     }
     function os() {
-      Gs(), l.value = [];
+      Bs(), l.value = [];
     }
     function is() {
-      !k.value || !navigator?.clipboard || navigator.clipboard.writeText(k.value);
+      !E.value || !navigator?.clipboard || navigator.clipboard.writeText(E.value);
     }
     async function as() {
       if (!(!N.value || c.value)) {
@@ -4705,60 +4579,60 @@ const br = (n, e) => {
         }
       }
     }
-    function bt(u) {
-      f.value = { type: "entry", data: u };
+    function kt(u) {
+      h.value = { type: "entry", data: u };
     }
     function ls(u) {
-      f.value = { type: "snapshot", data: u };
+      h.value = { type: "snapshot", data: u };
     }
-    function kt() {
-      f.value = null;
+    function bt() {
+      h.value = null;
     }
-    function St(u) {
+    function Et(u) {
       Object.keys(y.value).forEach((d) => {
         y.value[d] = u;
       });
     }
-    let tt = null, st = null, rt = null, nt = null;
+    let et = null, tt = null, st = null, rt = null;
     return hs(() => {
-      Bs(), Lt(e.maxEntries), tt = Vs((u) => {
+      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 = Ls(() => {
+      }), tt = Vs(() => {
         l.value = [];
-      }), rt = setInterval(() => {
+      }), st = setInterval(() => {
         a.value += 1;
-      }, 2e3), nt = setInterval(() => {
-        l.value = Vt();
+      }, 2e3), rt = setInterval(() => {
+        l.value = Qt();
       }, 1e3);
     }), fs(() => {
-      tt && tt(), st && st(), rt && clearInterval(rt), nt && clearInterval(nt);
-    }), it(
+      et && et(), tt && tt(), st && clearInterval(st), rt && clearInterval(rt);
+    }), ot(
       () => e.maxEntries,
       (u) => Lt(u)
-    ), it(
+    ), ot(
       () => e.useQueryset,
       (u) => {
         o.value = u;
       }
-    ), it(k, () => {
+    ), ot(E, () => {
       m.value = null;
-    }), (u, d) => (A(), $("section", kr, [
-      h("header", Sr, [
-        h("div", Tr, [
-          h("div", Mr, [
-            d[9] || (d[9] = h("div", { class: "szd-header__title" }, "StateZero", -1)),
-            k.value ? (A(), $("span", $r, S(I.value.modelName || "?"), 1)) : (A(), $("span", Ar, "No queryset"))
+    }), (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", Or, [
-            I.value.isSyncing ? (A(), $("span", Pr, "Syncing")) : V("", !0),
-            I.value.opsCount > 0 ? (A(), $("span", Ir, S(I.value.opsCount) + " ops", 1)) : V("", !0),
-            h("span", Fr, S(Ne.value) + " events", 1),
-            h("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",
@@ -4766,339 +4640,339 @@ const br = (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", Dr, [
-          (A(), $(W, null, ce(s, (g) => h("button", {
+        f("nav", Or, [
+          (A(), M(W, null, ce(s, (g) => f("button", {
             key: g.id,
-            class: Mt(["szd-tabs__tab", { "szd-tabs__tab--active": t.value === g.id }]),
-            onClick: (z) => t.value = g.id
-          }, S(g.label), 11, zr)), 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", Kr, [
-        t.value === "overview" ? (A(), $("div", Rr, [
-          h("div", Nr, [
-            d[15] || (d[15] = h("h3", { class: "szd-panel__heading" }, "Why This View?", -1)),
-            h("div", xr, [
-              h("div", jr, [
-                d[11] || (d[11] = h("span", { class: "szd-kv__key" }, "Filter:", -1)),
-                h("span", Ur, 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", Qr, [
-                d[12] || (d[12] = h("span", { class: "szd-kv__key" }, "Order:", -1)),
-                h("span", Vr, 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", Lr, [
-                d[13] || (d[13] = h("span", { class: "szd-kv__key" }, "Limit:", -1)),
-                h("span", Gr, 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", Br, [
-                d[14] || (d[14] = h("span", { class: "szd-kv__key" }, "Reason:", -1)),
-                h("span", Hr, S(I.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", qr, [
-            d[21] || (d[21] = h("h3", { class: "szd-panel__heading" }, "Current State", -1)),
-            h("div", Jr, [
-              h("div", Wr, [
-                h("div", Zr, S(I.value.optimisticCount ?? "—"), 1),
-                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", Yr, [
-                h("div", Xr, S(I.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", en, [
-                h("div", tn, S(I.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", sn, [
-                h("div", rn, S(I.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", nn, [
-              h("div", on, [
-                d[20] || (d[20] = h("span", { class: "szd-kv__key" }, "Last Sync:", -1)),
-                h("span", an, S(I.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", ln, [
-            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) => bt(ne.value))
+              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", cn, S(Et(ne.value)), 1),
-              h("span", dn, 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", un, [
-          h("div", hn, [
-            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) => St(!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) => St(!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: Mt(["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, fn), [
-                [$t, 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", pn, [
-            (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) => bt(g)
+              onClick: (R) => kt(g)
             }, [
-              h("span", yn, 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", gn, S(Et(g)), 1)
-            ], 8, mn))), 128)),
-            Ee.value.length ? V("", !0) : (A(), $("div", _n, " 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", wn, [
-          d[25] || (d[25] = h("h3", { class: "szd-panel__heading" }, "Data Pipeline", -1)),
-          h("div", Cn, [
-            (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) => ls(g)
               }, [
-                h("div", En, S(g.label), 1),
-                h("div", bn, S(g.count), 1)
-              ], 8, vn),
-              z < me.value.length - 1 ? (A(), $("div", kn, "→")) : V("", !0)
+                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", Sn, [
-            h("div", Tn, [
-              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, Mn))), 128))
+                }, S(g), 9, kn))), 128))
               ], 512), [
                 [At, m.value]
               ])
             ]),
-            m.value != null ? (A(), $("div", $n, [
-              (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", An, [
-                  Ve(S(g.label) + " ", 1),
-                  g.pks.includes(m.value) ? (A(), $("span", On, "Present")) : (A(), $("span", Pn, "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", Fn, "Select an instance to preview"))
+            ])) : (A(), M("div", An, "Select an instance to preview"))
           ])
-        ])) : V("", !0),
-        t.value === "ast" ? (A(), $("div", Dn, [
-          d[27] || (d[27] = h("h3", { class: "szd-panel__heading" }, "Query AST", -1)),
-          h("div", zn, [
-            h("div", Kn, [
-              d[26] || (d[26] = h("span", { class: "szd-kv__key" }, "Semantic Key:", -1)),
-              h("code", Rn, 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", Nn, 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)
       ]),
-      Tt(Ot, { name: "szd-slide" }, {
-        default: Pt(() => [
-          p.value ? (A(), $("div", xn, [
-            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", jn, [
-              h("div", Un, [
-                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", Qn, [
-                h("div", Vn, [
-                  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, Ln))), 128))
+                    }, S(g.modelName || "?") + " · " + S(g.semanticKey), 9, xn))), 128))
                   ], 512), [
                     [At, r.value]
                   ])
                 ]),
-                k.value ? (A(), $("div", Gn, [
-                  d[31] || (d[31] = h("label", { class: "szd-settings-label" }, "Semantic Key", -1)),
-                  h("div", Bn, [
-                    h("code", Hn, 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: is
                     }, "Copy")
                   ])
-                ])) : V("", !0),
-                h("div", qn, [
-                  d[32] || (d[32] = h("label", { class: "szd-settings-label" }, "Actions", -1)),
-                  h("div", Jn, [
-                    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: as,
                       disabled: !N.value || c.value
-                    }, S(c.value ? "Syncing..." : "Sync Now"), 9, Wn),
-                    h("button", {
+                    }, S(c.value ? "Syncing..." : "Sync Now"), 9, Bn),
+                    f("button", {
                       class: "szd-btn",
                       onClick: os
                     }, "Clear Events")
                   ])
                 ]),
-                h("div", Zn, [
-                  d[34] || (d[34] = h("label", { class: "szd-settings-label" }, "Options", -1)),
-                  h("label", Yn, [
-                    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), [
-                      [$t, 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", Xn, [
-                  d[40] || (d[40] = h("label", { class: "szd-settings-label" }, "Current State", -1)),
-                  h("div", eo, [
-                    h("div", to, [
-                      d[35] || (d[35] = h("span", { class: "szd-kv__key" }, "Model:", -1)),
-                      h("span", so, S(I.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", ro, [
-                      d[36] || (d[36] = h("span", { class: "szd-kv__key" }, "Source:", -1)),
-                      h("span", no, S(I.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", oo, [
-                      d[37] || (d[37] = h("span", { class: "szd-kv__key" }, "Syncing:", -1)),
-                      h("span", io, S(I.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", ao, [
-                      d[38] || (d[38] = h("span", { class: "szd-kv__key" }, "Operations:", -1)),
-                      h("span", lo, S(I.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", co, [
-                      d[39] || (d[39] = h("span", { class: "szd-kv__key" }, "Last Sync:", -1)),
-                      h("span", uo, S(I.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
       }),
-      Tt(Ot, { name: "szd-slide" }, {
-        default: Pt(() => [
-          f.value ? (A(), $("div", ho, [
-            h("div", {
+      St(Ot, { name: "szd-slide" }, {
+        default: $t(() => [
+          h.value ? (A(), M("div", io, [
+            f("div", {
               class: "szd-detail__backdrop",
-              onClick: kt
+              onClick: bt
             }),
-            h("div", fo, [
-              h("div", po, [
-                h("h3", mo, 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: kt
+                  onClick: bt
                 }, "Close")
               ]),
-              h("div", yo, [
-                f.value.type === "entry" ? (A(), $(W, { key: 0 }, [
-                  h("div", go, [
-                    (A(!0), $(W, null, ce(ns(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", _o, S(z) + ":", 1),
-                      h("span", wo, 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", Co, S(JSON.stringify(f.value.data, null, 2)), 1)
-                ], 64)) : (A(), $(W, { key: 1 }, [
-                  h("div", vo, [
-                    h("div", Eo, [
-                      d[42] || (d[42] = h("span", { class: "szd-kv__key" }, "Total Count:", -1)),
-                      h("span", bo, 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", ko, [
-                      d[43] || (d[43] = h("span", { class: "szd-kv__key" }, "Showing:", -1)),
-                      h("span", So, [
-                        Ve(S(Ke.value.length) + " items ", 1),
-                        Xe.value ? (A(), $("span", To, "(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", Mo, 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
       })
     ]));
   }
-}, Go = /* @__PURE__ */ br($o, [["__scopeId", "data-v-6d80920c"]]);
+}, jo = /* @__PURE__ */ _r(bo, [["__scopeId", "data-v-cf94aafd"]]);
 export {
-  Go as default
+  jo as default
 };