@seedprotocol/react 0.4.15

package/dist/index.js

@@ -0,0 +1,1988 @@
+import Te, { useState as w, useRef as _, useMemo as D, useEffect as I, useCallback as x } from "react";
+import { flushSync as ce } from "react-dom";
+import { getClient as ye, ClientManagerState as F, BaseDb as W, Item as Ne, getAddressesForItemsFilter as Ve, seeds as A, getVersionData as Ke, createNewItem as je, ItemProperty as ne, metadata as T, appState as de, Schema as me, schemas as G, loadAllSchemasFromDb as We, SEED_PROTOCOL_SCHEMA_NAME as Je, Model as se, models as ie, modelSchemas as ge, ModelProperty as ue, properties as Z, getPropertySchema as ke, getSchemaNameFromId as Ge, BaseFileManager as j, eventEmitter as V, client as Ye } from "@seedprotocol/sdk";
+import { orderBy as Xe, debounce as $e, startCase as De } from "lodash-es";
+import J from "debug";
+import { useSelector as we } from "@xstate/react";
+import { or as ee, isNull as ae, eq as O, inArray as _e, sql as Ze, isNotNull as Ie, and as Ee, gt as et, like as Be, desc as tt } from "drizzle-orm";
+import { toSnakeCase as rt } from "drizzle-orm/casing";
+import { useQueryClient as Y, useQuery as X, QueryClient as nt, QueryClientProvider as st } from "@tanstack/react-query";
+import ot from "pluralize";
+import { jsxs as $, jsx as S } from "react/jsx-runtime";
+const H = () => {
+  const r = ye().getService();
+  return we(r, (n) => n.value === F.IDLE);
+};
+function oe(e) {
+  const [r, t] = w(void 0), n = _(null), i = _(void 0), c = H(), o = D(() => {
+    if (!c || !e)
+      return null;
+    try {
+      return W.liveQuery(e);
+    } catch (l) {
+      return console.error("[useLiveQuery] Failed to create live query:", l), null;
+    }
+  }, [e, c]);
+  return I(() => {
+    if (n.current && (n.current.unsubscribe(), n.current = null), !o)
+      return;
+    const l = o.subscribe({
+      next: (a) => {
+        const s = i.current, d = s ? JSON.stringify(s) : "undefined", u = a ? JSON.stringify(a) : "undefined";
+        d === u && s !== void 0 || (i.current = a, t(a));
+      },
+      error: (a) => {
+        console.error("[useLiveQuery] Error:", a);
+      }
+    });
+    return n.current = l, () => {
+      n.current && (n.current.unsubscribe(), n.current = null);
+    };
+  }, [o]), r;
+}
+const fe = J("seedSdk:react:item"), Kt = ({ modelName: e, seedLocalId: r, seedUid: t }) => {
+  const [n, i] = w(), [c, o] = w(!!(r || t)), [l, a] = w(null), s = _(void 0), d = _(!1), u = H(), f = _(e), h = _(r), b = _(t), v = D(() => u ? !!(h.current || b.current) : !1, [u, r, t]), p = x(async () => {
+    if (!!!(u && (h.current || b.current))) {
+      i(void 0), o(!1), a(null);
+      return;
+    }
+    try {
+      a(null);
+      const m = await Ne.find({
+        modelName: f.current,
+        seedLocalId: h.current,
+        seedUid: b.current
+      });
+      if (!m) {
+        fe("[useItem] [loadItem] no item found", f.current, h.current), i((E) => E && (E.seedLocalId && E.seedLocalId === h.current || E.seedUid && E.seedUid === b.current) ? E : void 0), o(!1), a(null);
+        return;
+      }
+      i(m), o(!1), a(null);
+    } catch (m) {
+      fe("[useItem] Error loading item:", m), i(void 0), o(!1), a(m);
+    }
+  }, [u]);
+  return I(() => {
+    f.current = e, h.current = r, b.current = t;
+  }, [e, r, t]), I(() => {
+    if (!v) {
+      !r && !t && (i(void 0), o(!1), a(null));
+      return;
+    }
+    p();
+  }, [v, p, r, t]), I(() => {
+    if (!n) {
+      s.current?.unsubscribe(), s.current = void 0, d.current = !1;
+      return;
+    }
+    s.current?.unsubscribe(), d.current = !1;
+    const m = n.getService().subscribe((E) => {
+      E && typeof E == "object" && "value" in E && (E.value === "idle" ? (d.current = !0, o(!1), a(null)) : E.value === "error" ? (a(new Error("Item service error")), o(!1)) : d.current && o(!0));
+    });
+    return s.current = m, () => {
+      s.current?.unsubscribe(), s.current = void 0;
+    };
+  }, [n]), {
+    item: n,
+    isLoading: c,
+    error: l
+  };
+}, it = (e, r, t, n) => ["seed", "items", e ?? null, r ?? !1, t ?? !1, n ?? null], jt = ({
+  modelName: e,
+  deleted: r = !1,
+  includeEas: t = !1,
+  addressFilter: n
+}) => {
+  const i = H(), c = Y(), o = _(void 0), l = _([]), a = _(/* @__PURE__ */ new Set()), [s, d] = w(null);
+  I(() => {
+    if (n !== "owned" && n !== "watched") {
+      d(null);
+      return;
+    }
+    let m = !1;
+    return Ve(n).then((E) => {
+      m || d(E);
+    }), () => {
+      m = !0;
+    };
+  }, [n]);
+  const u = D(
+    () => it(e, r, t, n),
+    [e, r, t, n]
+  ), {
+    data: f = [],
+    isLoading: h,
+    error: b
+  } = X({
+    queryKey: u,
+    queryFn: () => Ne.all(e, r, { waitForReady: !0, includeEas: t, addressFilter: n }),
+    enabled: i
+  });
+  l.current = f;
+  const v = i ? W.getAppDb() : null, p = D(() => {
+    if (!v || (n === "owned" || n === "watched") && s === null)
+      return null;
+    const m = [];
+    t || m.push(ee(ae(A.uid), O(A.uid, ""))), e && m.push(O(A.type, rt(e))), n === "owned" ? s && s.length > 0 && m.push(
+      ee(
+        _e(A.publisher, s),
+        ae(A.publisher)
+      )
+    ) : n === "watched" && (s && s.length > 0 ? m.push(_e(A.publisher, s)) : m.push(Ze`1=0`)), r ? m.push(
+      ee(
+        Ie(A._markedForDeletion),
+        O(A._markedForDeletion, 1)
+      )
+    ) : (m.push(
+      ee(
+        ae(A._markedForDeletion),
+        O(A._markedForDeletion, 0)
+      )
+    ), m.push(
+      ee(ae(A.revokedAt), O(A.revokedAt, 0))
+    ));
+    const E = Ke();
+    return v.with(E).select({
+      localId: A.localId,
+      uid: A.uid,
+      type: A.type,
+      schemaUid: A.schemaUid,
+      createdAt: A.createdAt,
+      attestationCreatedAt: A.attestationCreatedAt,
+      _markedForDeletion: A._markedForDeletion
+    }).from(A).leftJoin(E, O(A.localId, E.seedLocalId)).where(Ee(et(E.versionsCount, 0), ...m)).groupBy(A.localId);
+  }, [v, i, e, r, t, n, s]), y = oe(p);
+  return I(() => {
+    if (!i || !y) return;
+    const m = /* @__PURE__ */ new Set();
+    for (const N of y) {
+      const M = N.localId || N.uid;
+      M && m.add(M);
+    }
+    const E = /* @__PURE__ */ new Set();
+    for (const N of l.current) {
+      const M = N.seedLocalId || N.seedUid;
+      M && E.add(M);
+    }
+    if (m.size === 0 && E.size > 0) return;
+    const g = a.current;
+    if (g.size === m.size && [...g].every((N) => m.has(N)))
+      return;
+    if (o.current = y, E.size === m.size && [...E].every((N) => m.has(N))) {
+      a.current = new Set(m);
+      return;
+    }
+    a.current = new Set(m), c.invalidateQueries({ queryKey: u });
+  }, [i, y, c, u]), {
+    items: Xe(
+      f,
+      [
+        (m) => m.lastVersionPublishedAt || m.attestationCreatedAt || m.createdAt
+      ],
+      ["desc"]
+    ),
+    isLoading: h,
+    error: b
+  };
+}, Wt = () => {
+  const [e, r] = w(!1), [t, n] = w(null), i = x(() => n(null), []);
+  return {
+    createItem: x(
+      async (o, l) => {
+        if (e) {
+          fe("[useCreateItem] [createItem] already creating item, skipping");
+          return;
+        }
+        n(null), ce(() => r(!0));
+        try {
+          const a = l ?? {}, { seedLocalId: s } = await je({ modelName: o, ...a });
+          return await Ne.find({ modelName: o, seedLocalId: s }) ?? void 0;
+        } catch (a) {
+          fe("[useCreateItem] Error creating item:", a), n(a instanceof Error ? a : new Error(String(a)));
+          return;
+        } finally {
+          queueMicrotask(() => r(!1));
+        }
+      },
+      [e]
+    ),
+    isLoading: e,
+    error: t,
+    resetError: i
+  };
+}, Jt = () => {
+  const [e, r] = w(null), [t, n] = w(!1), [i, c] = w(null), o = _(void 0), l = x(() => c(null), []), a = x((s) => {
+    s && (r(s), c(null), s.publish().catch(() => {
+    }));
+  }, []);
+  return I(() => {
+    if (!e) {
+      o.current?.unsubscribe(), o.current = void 0, n(!1);
+      return;
+    }
+    o.current?.unsubscribe();
+    const s = e.getService(), d = s.subscribe((b) => {
+      const v = b?.value, p = b?.context;
+      n(v === "publishing");
+      const y = p?._publishError;
+      c(y ? new Error(y.message) : null);
+    });
+    o.current = d;
+    const u = s.getSnapshot();
+    n(u?.value === "publishing");
+    const h = u?.context?._publishError;
+    return c(h ? new Error(h.message) : null), () => {
+      o.current?.unsubscribe(), o.current = void 0;
+    };
+  }, [e]), {
+    publishItem: a,
+    isLoading: t,
+    error: i,
+    resetError: l
+  };
+}, pe = J("seedSdk:react:property"), re = J("seedSdk:react:itemProperties");
+function Ue(e, r) {
+  const t = H(), [n, i] = w(void 0), [c, o] = w(!1), [l, a] = w(null), s = _(void 0), [, d] = w(0), f = typeof e == "object" && e != null ? e : null, h = f?.itemId, b = f?.seedLocalId, v = f?.seedUid, p = f?.propertyName, y = typeof e == "string" ? e : h !== void 0 && h !== "" ? h : void 0, E = p ?? (typeof e == "string" ? r : void 0), g = D(() => {
+    const M = y !== void 0 && y !== "" ? y : b, q = y !== void 0 && y !== "" ? void 0 : v;
+    return (M != null || q != null) && E != null && E !== "" ? {
+      type: "identifiers",
+      seedLocalId: M ?? void 0,
+      seedUid: q,
+      propertyName: E
+    } : null;
+  }, [y, E, b, v]);
+  D(() => g ? !!((g.seedLocalId || g.seedUid) && g.propertyName) : !1, [g]);
+  const z = D(() => !t || !g ? !1 : !!((g.seedLocalId || g.seedUid) && g.propertyName), [t, g]), N = x(async () => {
+    if (!t || !g) {
+      i(void 0), o(!1), a(null);
+      return;
+    }
+    try {
+      o(!0), a(null);
+      const M = g.seedLocalId, q = g.seedUid;
+      if (!M && !q) {
+        i(void 0), o(!1), a(null);
+        return;
+      }
+      const K = await ne.find({
+        propertyName: g.propertyName,
+        seedLocalId: M,
+        seedUid: q
+      });
+      if (!K) {
+        pe(
+          `[useItemProperty] [updateItemProperty] no property found for Item.${M || q}.${g.propertyName}`
+        ), i(void 0), o(!1), a(null);
+        return;
+      }
+      i(K), o(!1), a(null);
+    } catch (M) {
+      pe("[useItemProperty] Error updating item property:", M), i(void 0), o(!1), a(M);
+    }
+  }, [t, g]);
+  return I(() => {
+    if (!z) {
+      i(void 0), o(!1), a(null);
+      return;
+    }
+    n && g && n.propertyName === g.propertyName && (g.seedLocalId != null && n.seedLocalId === g.seedLocalId || g.seedUid != null && n.seedUid === g.seedUid) || N();
+  }, [z, N, n, g]), I(() => {
+    if (!n) {
+      s.current?.unsubscribe(), s.current = void 0;
+      return;
+    }
+    s.current?.unsubscribe();
+    let M = 0, q = !1;
+    const K = 50, L = n.getService().subscribe((C) => {
+      if (C && typeof C == "object" && "value" in C && C.value === "idle") {
+        o(!1), a(null), q || (q = !0, d((Q) => Q + 1));
+        return;
+      }
+      q = !1;
+      const B = Date.now();
+      B - M >= K && (M = B, d((Q) => Q + 1));
+    });
+    return s.current = L, () => {
+      s.current?.unsubscribe(), s.current = void 0;
+    };
+  }, [n]), {
+    property: n,
+    isLoading: c,
+    error: l
+  };
+}
+function Gt(e, r = 300) {
+  const t = "itemId" in e ? e.itemId : void 0, n = "seedLocalId" in e ? e.seedLocalId : void 0, i = "seedUid" in e ? e.seedUid : void 0, c = e.propertyName, o = D(() => t ? { seedLocalId: t, propertyName: c } : { seedLocalId: n, seedUid: i, propertyName: c }, [t, n, i, c]), { property: l, isLoading: a, error: s } = Ue(o), d = _(""), u = D(
+    () => $e((h) => {
+      h.getService().send({
+        type: "save",
+        newValue: d.current
+      });
+    }, r),
+    [r]
+  );
+  I(() => () => u.cancel(), [u]);
+  const f = x(
+    (h) => {
+      l && (d.current = h, l.getService().send({
+        type: "updateContext",
+        propertyValue: h,
+        renderValue: h
+      }), u(l));
+    },
+    [l, u]
+  );
+  return {
+    property: l,
+    setValue: f,
+    isLoading: a,
+    error: s
+  };
+}
+async function at(e, r) {
+  if (!e && !r) return [];
+  const t = W.getAppDb();
+  if (!t) return [];
+  const n = await ne.all(
+    { seedLocalId: e ?? void 0, seedUid: r ?? void 0 },
+    { waitForReady: !0 }
+  ), i = [...n], c = /* @__PURE__ */ new Set();
+  for (const a of n)
+    a.propertyName && c.add(a.propertyName);
+  let o;
+  if (n.length > 0) {
+    const a = n[0];
+    o = a.modelName ?? a.modelType, o && typeof o == "string" && (o = De(o));
+  }
+  if (!o) {
+    const a = await t.select({ type: A.type }).from(A).where(r ? O(A.uid, r) : O(A.localId, e)).limit(1);
+    a.length > 0 && a[0].type && (o = De(a[0].type));
+  }
+  const l = [];
+  if (o)
+    try {
+      const { Model: a } = await import("@seedprotocol/sdk"), s = await a.getByNameAsync(o);
+      if (s?.properties)
+        for (const d of s.properties)
+          d.name && l.push(d.name);
+    } catch (a) {
+      re(`[useItemProperties] Error getting ModelProperties for ${o}:`, a);
+    }
+  if (o && l.length > 0) {
+    const a = n.length > 0 ? n[0].seedLocalId ?? e : e, s = n.length > 0 ? n[0].seedUid ?? r : r;
+    for (const d of l)
+      if (!c.has(d))
+        try {
+          const u = ne.create(
+            {
+              propertyName: d,
+              modelName: o,
+              seedLocalId: a || void 0,
+              seedUid: s || void 0,
+              propertyValue: null
+            },
+            { waitForReady: !1 }
+          );
+          u && i.push(u);
+        } catch (u) {
+          pe(`[useItemProperties] Error creating ItemProperty for missing property ${d}:`, u);
+        }
+  }
+  if (e || r) {
+    const a = await t.select({ createdAt: A.createdAt }).from(A).where(r ? O(A.uid, r) : O(A.localId, e)).limit(1);
+    if (a.length > 0 && a[0].createdAt) {
+      const s = "createdAt";
+      if (!i.some((u) => u.propertyName === s) && o)
+        try {
+          const u = n.length > 0 ? n[0].seedLocalId ?? e : e, f = n.length > 0 ? n[0].seedUid ?? r : r, h = ne.create(
+            {
+              propertyName: s,
+              modelName: o,
+              seedLocalId: u || void 0,
+              seedUid: f || void 0,
+              propertyValue: a[0].createdAt.toString()
+            },
+            { waitForReady: !1 }
+          );
+          h && i.push(h);
+        } catch (u) {
+          pe("[useItemProperties] Error creating createdAt ItemProperty:", u);
+        }
+    }
+  }
+  return i;
+}
+function Yt(e) {
+  const r = H(), t = Y(), n = _(void 0), i = D(() => typeof e == "string" ? { type: "itemId", itemId: e } : typeof e == "object" ? {
+    type: "identifiers",
+    seedLocalId: e.seedLocalId,
+    seedUid: e.seedUid
+  } : null, [e]), c = D(() => {
+    if (i)
+      return i.type === "itemId" ? i.itemId : i.seedLocalId;
+  }, [i]), o = D(() => {
+    if (!(!i || i.type === "itemId"))
+      return i.seedUid;
+  }, [i]), l = c ?? o ?? "", a = D(
+    () => ["seed", "itemProperties", l],
+    [l]
+  ), {
+    data: s = [],
+    isLoading: d,
+    error: u
+  } = X({
+    queryKey: a,
+    queryFn: () => at(c, o),
+    enabled: r && !!l
+  }), f = D(() => {
+    if (!r || !c && !o)
+      return re("[useItemProperties] Query: returning null (not ready or no identifiers)"), null;
+    const v = W.getAppDb();
+    if (!v)
+      return re("[useItemProperties] Query: returning null (no db)"), null;
+    re(`[useItemProperties] Query: creating query for seedLocalId=${c}, seedUid=${o}`);
+    const p = o ? v.select({
+      propertyName: T.propertyName,
+      propertyValue: T.propertyValue,
+      seedLocalId: T.seedLocalId,
+      seedUid: T.seedUid,
+      modelType: T.modelType,
+      schemaUid: T.schemaUid,
+      createdAt: T.createdAt,
+      attestationCreatedAt: T.attestationCreatedAt
+    }).from(T).where(
+      Ee(
+        O(T.seedUid, o),
+        Ie(T.propertyName)
+      )
+    ) : c ? v.select({
+      propertyName: T.propertyName,
+      propertyValue: T.propertyValue,
+      seedLocalId: T.seedLocalId,
+      seedUid: T.seedUid,
+      modelType: T.modelType,
+      schemaUid: T.schemaUid,
+      createdAt: T.createdAt,
+      attestationCreatedAt: T.attestationCreatedAt
+    }).from(T).where(
+      Ee(
+        O(T.seedLocalId, c),
+        Ie(T.propertyName)
+      )
+    ) : null;
+    return re("[useItemProperties] Query: created query object", { queryType: o ? "seedUid" : "seedLocalId" }), p;
+  }, [r, c, o]), h = oe(f), b = D(() => {
+    if (!h || h.length === 0)
+      return [];
+    const v = /* @__PURE__ */ new Map();
+    for (const p of h) {
+      if (!p.propertyName) continue;
+      const y = v.get(p.propertyName);
+      if (!y)
+        v.set(p.propertyName, p);
+      else {
+        const m = y.attestationCreatedAt || y.createdAt || 0;
+        (p.attestationCreatedAt || p.createdAt || 0) > m && v.set(p.propertyName, p);
+      }
+    }
+    return Array.from(v.values());
+  }, [h]);
+  return I(() => {
+    if (!r || !c && !o || b === void 0) return;
+    const v = JSON.stringify(
+      b.map((p) => ({
+        propertyName: p.propertyName,
+        propertyValue: p.propertyValue,
+        seedLocalId: p.seedLocalId,
+        seedUid: p.seedUid
+      })).sort((p, y) => (p.propertyName || "").localeCompare(y.propertyName || ""))
+    );
+    n.current !== v && (n.current = v, b.length > 0 && t.invalidateQueries({ queryKey: a }));
+  }, [r, b, s, c, o, t, a]), I(() => {
+    n.current = void 0;
+  }, [c, o]), {
+    properties: s,
+    isLoading: d,
+    error: u
+  };
+}
+const Xt = () => {
+  const e = _(void 0), [r, t] = w(!1), [n, i] = w(null), c = x(() => i(null), []), o = x((l) => {
+    if (!l.propertyName || !l.seedLocalId && !l.seedUid || !l.modelName) {
+      const d = new Error("seedLocalId or seedUid, propertyName, and modelName are required");
+      i(d);
+      return;
+    }
+    i(null), t(!0), e.current?.unsubscribe(), e.current = void 0;
+    const a = ne.create(l, { waitForReady: !1 });
+    if (!a) {
+      i(new Error("Failed to create item property")), t(!1);
+      return;
+    }
+    const s = a.getService().subscribe((d) => {
+      if (d?.value === "error") {
+        const u = d.context?._loadingError?.error ?? new Error("Failed to create item property");
+        i(u instanceof Error ? u : new Error(String(u))), t(!1);
+      }
+      d?.value === "idle" && (i(null), t(!1));
+    });
+    return e.current = s, a;
+  }, []);
+  return I(() => () => {
+    e.current?.unsubscribe(), e.current = void 0;
+  }, []), {
+    create: o,
+    isLoading: r,
+    error: n,
+    resetError: c
+  };
+}, Zt = () => {
+  const [e, r] = w(null), [t, n] = w({
+    isLoading: !1,
+    error: null
+  });
+  I(() => {
+    if (!e) {
+      n({ isLoading: !1, error: null });
+      return;
+    }
+    const o = e.getService(), l = () => {
+      const d = o.getSnapshot().context;
+      n({
+        isLoading: !!d._destroyInProgress,
+        error: d._destroyError ? new Error(d._destroyError.message) : null
+      });
+    };
+    l();
+    const a = o.subscribe(l);
+    return () => a.unsubscribe();
+  }, [e]);
+  const i = x(async (o) => {
+    o && (r(o), await o.destroy());
+  }, []), c = x(() => {
+    e && e.getService().send({ type: "clearDestroyError" });
+  }, [e]);
+  return {
+    destroy: i,
+    isLoading: t.isLoading,
+    error: t.error,
+    resetError: c
+  };
+}, Le = J("seedSdk:react:services"), lt = ["idle", "ready", "done", "success", "initialized"], Oe = (e) => {
+  let r = "actor";
+  const t = e;
+  return e && t.uniqueKey && (r = t.uniqueKey), e && !t.uniqueKey && t.logic && t.logic.config && (r = Ae(e)), r;
+}, Fe = (e) => {
+  let r;
+  return e && e.getSnapshot() && e.getSnapshot().value && (r = e.getSnapshot().value), Oe(e) === "global" && r && typeof r == "object" && Object.keys(r).length > 0 && Object.keys(r)[0] === "initialized" && (r = "ready"), r && typeof r == "object" && (r = JSON.stringify(r)), r;
+}, Ae = (e) => {
+  const r = e;
+  if (!e || !r.logic || !r.logic.config || !r._snapshot)
+    return;
+  const t = r.logic.config;
+  if (!t.id)
+    return;
+  let n = t.id;
+  t.id.includes("@seedSdk/") && (n = t.id.match(/^.*@seedSdk\/(\w+)[\.\w]*/)[1]);
+  let i;
+  try {
+    i = e.getSnapshot();
+  } catch (c) {
+    return Le("Error:", c), n;
+  }
+  if (i) {
+    const c = i.context;
+    c && c.dbName && (n = c.dbName), c && c.modelNamePlural && (n = c.modelNamePlural), c && c.modelName && (n = ot(c.modelName.toLowerCase()));
+  }
+  return n;
+}, er = (e) => {
+  const [r, t] = w(0), n = (o) => {
+    let l = 0;
+    const a = o;
+    if (a.logic?.states) {
+      const s = [], d = [];
+      for (const [h, b] of Object.entries(a.logic.states))
+        b.tags?.includes("loading") && (s.push(h), d.push(b));
+      const u = d.length, f = Fe(o);
+      if (f && lt.includes(f))
+        return 0;
+      f && (l = s.indexOf(f) / u * 100);
+    }
+    return l;
+  }, i = x(
+    (o) => {
+      e.getSnapshot().context;
+      const l = e.getSnapshot().value;
+      if (l === "done" || l === "success" || l === "idle" || l === "ready") {
+        clearInterval(o);
+        return;
+      }
+      t((a) => a + 1);
+    },
+    [e]
+  ), c = x(() => {
+    const o = setInterval(() => {
+      i(o);
+    }, 1e3);
+    return o;
+  }, [i, e]);
+  return I(() => {
+    const o = c();
+    return () => clearInterval(o);
+  }, []), {
+    name: Oe(e),
+    timeElapsed: r,
+    value: Fe(e),
+    percentComplete: n(e),
+    uniqueKey: Ae(e)
+  };
+}, ct = () => {
+  const [e, r] = w(!1), { internalStatus: t } = ft();
+  return I(() => {
+    t === "ready" && r(!0);
+  }, [t]), I(() => {
+    t === "ready" && r(!0);
+  }, []), e;
+}, tr = () => {
+  const [e, r] = w(!1), t = dt(), { services: n, percentComplete: i } = ut(), c = x(async () => {
+    for (const l of n) {
+      const a = Ae(l);
+      Le(
+        `would save to db with snapshot__${a}:`,
+        JSON.stringify(l.getPersistedSnapshot())
+      );
+    }
+  }, [n]), o = x(async () => {
+    const l = W.getAppDb();
+    return l ? await l.select().from(de).where(Be(de.key, "snapshot__%")) : [];
+  }, []);
+  I(() => !t || e ? void 0 : ((async () => {
+    const a = await o();
+    Le("persistedSnapshots:", a), r(!0);
+  })(), () => {
+    c();
+  }), [t, e]);
+}, dt = () => {
+  const [e, r] = w(!1), t = ct();
+  return I(() => {
+    t && (async () => {
+      const c = await W.getAppDb().select().from(de).where(Be(de.key, "snapshot__%"));
+      c && c.length > 0 && r(!0);
+    })();
+  }, [t]), e;
+}, ut = () => {
+  const [e, r] = w([]), [t, n] = w(5);
+  return I(() => {
+    const c = ye().getService(), o = c;
+    o.uniqueKey = "clientManager", r([o]);
+    const l = c.subscribe((a) => {
+      const s = a.value;
+      let d = 0;
+      s === F.IDLE ? d = 100 : s === F.ADD_MODELS_TO_DB ? d = 90 : s === F.ADD_MODELS_TO_STORE ? d = 80 : s === F.PROCESS_SCHEMA_FILES ? d = 70 : s === F.SAVE_CONFIG ? d = 60 : s === F.DB_INIT ? d = 50 : s === F.FILE_SYSTEM_INIT ? d = 30 : s === F.PLATFORM_CLASSES_INIT && (d = 10), n(d);
+    });
+    return () => {
+      l.unsubscribe();
+    };
+  }, []), {
+    services: e,
+    percentComplete: t
+  };
+}, ft = () => {
+  const r = ye().getService(), t = we(r, (i) => i.value), n = we(r, (i) => {
+    const c = i.value;
+    return c === F.DB_INIT || c === F.SAVE_CONFIG || c === F.PROCESS_SCHEMA_FILES || c === F.ADD_MODELS_TO_STORE || c === F.ADD_MODELS_TO_DB || c === F.IDLE ? "ready" : c;
+  });
+  return {
+    status: t,
+    internalStatus: n
+  };
+};
+J("seedSdk:react:db");
+const rr = () => {
+  const [e, r] = w(!1), t = x(() => {
+    e || r(!0);
+  }, []);
+  return I(() => {
+    let n;
+    return (async () => {
+      const o = ye().getService(), l = o.getSnapshot().value;
+      if (l === F.DB_INIT || l === F.SAVE_CONFIG || l === F.PROCESS_SCHEMA_FILES || l === F.ADD_MODELS_TO_STORE || l === F.ADD_MODELS_TO_DB || l === F.IDLE) {
+        t();
+        return;
+      }
+      n = o.subscribe((a) => {
+        const s = a.value;
+        (s === F.DB_INIT || s === F.SAVE_CONFIG || s === F.PROCESS_SCHEMA_FILES || s === F.ADD_MODELS_TO_STORE || s === F.ADD_MODELS_TO_DB || s === F.IDLE) && (t(), n?.unsubscribe());
+      });
+    })(), () => {
+      n && n.unsubscribe();
+    };
+  }, []), {
+    dbsAreReady: e
+  };
+}, qe = J("seedSdk:react:schema"), pt = (e) => {
+  const [r, t] = w(null), [n, i] = w(!!e), [c, o] = w(null), l = _(null), a = H(), s = x((d) => {
+    i(!0), o(null);
+    try {
+      const u = me.create(d, {
+        waitForReady: !1
+      });
+      t(u);
+      const f = u.getService();
+      f.getSnapshot().value === "idle" ? (ce(() => i(!1)), o(null)) : i(!0), l.current = f.subscribe((v) => {
+        v.value === "idle" ? (ce(() => i(!1)), o(null)) : i(!0);
+      });
+    } catch (u) {
+      return qe("[useSchema] Error creating schema:", u), o(u), t(null), i(!1), null;
+    }
+  }, []);
+  return I(() => {
+    if (l.current && (l.current.unsubscribe(), l.current = null), !a) {
+      t(null), o(null), i(!1);
+      return;
+    }
+    if (!e) {
+      t(null), o(null), i(!1);
+      return;
+    }
+    return s(e), () => {
+      l.current && (l.current.unsubscribe(), l.current = null);
+    };
+  }, [e, a, s]), {
+    schema: r,
+    isLoading: n,
+    error: c
+  };
+}, be = ["seed", "schemas"], nr = () => {
+  const e = H(), r = Y(), t = _(void 0), n = _([]), {
+    data: i = [],
+    isLoading: c,
+    error: o
+  } = X({
+    queryKey: be,
+    queryFn: () => me.all({ waitForReady: !0 }),
+    enabled: e
+  });
+  n.current = i;
+  const l = e ? W.getAppDb() : null, a = D(() => l ? l.select().from(G).orderBy(G.name, tt(G.version)) : null, [l, e]), s = oe(a);
+  return I(() => {
+    if (typeof BroadcastChannel > "u") return;
+    const d = new BroadcastChannel("seed-schemas-invalidate"), u = () => {
+      r.invalidateQueries({ queryKey: be });
+    };
+    return d.addEventListener("message", u), () => {
+      d.removeEventListener("message", u), d.close();
+    };
+  }, [r]), I(() => {
+    if (!e || !s)
+      return;
+    const d = t.current, u = d ? JSON.stringify(d) : "undefined", f = s ? JSON.stringify(s) : "undefined";
+    if (u === f && d !== void 0)
+      return;
+    t.current = s;
+    const h = /* @__PURE__ */ new Set();
+    for (const y of n.current) {
+      const m = y.id || y.schemaFileId;
+      if (m)
+        h.add(m);
+      else {
+        const E = y.metadata?.name, g = y.version;
+        E && g !== void 0 && h.add(`${E}:${g}`);
+      }
+    }
+    const b = /* @__PURE__ */ new Set();
+    for (const y of s)
+      y.name !== "Seed Protocol" && (y.schemaFileId ? b.add(y.schemaFileId) : y.name != null && y.version !== void 0 && b.add(`${y.name}:${y.version}`));
+    const v = h.size === b.size && [...h].every((y) => b.has(y)), p = h.size > 0 && b.size > 0 && [...b].some((y) => !h.has(y));
+    !v && p && r.invalidateQueries({ queryKey: be });
+  }, [e, s, r]), {
+    schemas: i,
+    isLoading: c,
+    error: o
+  };
+}, sr = () => {
+  const e = _(null), [r, t] = w(!1), [n, i] = w(null), c = x(() => i(null), []), o = x((l) => {
+    i(null), t(!0), e.current?.unsubscribe(), e.current = null;
+    const a = me.create(l, {
+      waitForReady: !1
+    }), s = a.getService().subscribe((d) => {
+      if (d.value === "error") {
+        const u = d.context._loadingError?.error;
+        i(u instanceof Error ? u : new Error("Failed to create schema")), t(!1);
+      }
+      d.value === "idle" && (i(null), t(!1));
+    });
+    return e.current = s, a;
+  }, []);
+  return I(() => () => {
+    e.current?.unsubscribe(), e.current = null;
+  }, []), {
+    createSchema: o,
+    isLoading: r,
+    error: n,
+    resetError: c
+  };
+}, or = () => {
+  const [e, r] = w(null), [t, n] = w({
+    isLoading: !1,
+    error: null
+  });
+  I(() => {
+    if (!e) {
+      n({ isLoading: !1, error: null });
+      return;
+    }
+    const o = e.getService(), l = () => {
+      const d = o.getSnapshot().context;
+      n({
+        isLoading: !!d._destroyInProgress,
+        error: d._destroyError ? new Error(d._destroyError.message) : null
+      });
+    };
+    l();
+    const a = o.subscribe(l);
+    return () => a.unsubscribe();
+  }, [e]);
+  const i = x(async (o) => {
+    o && (r(o), await o.destroy());
+  }, []), c = x(() => {
+    e && e.getService().send({ type: "clearDestroyError" });
+  }, [e]);
+  return {
+    destroy: i,
+    isLoading: t.isLoading,
+    error: t.error,
+    resetError: c
+  };
+}, ir = () => {
+  const [e, r] = w(), t = _(/* @__PURE__ */ new Map()), n = H(), i = x(async () => {
+    if (n)
+      try {
+        const c = await We(), o = /* @__PURE__ */ new Set();
+        for (const a of c) {
+          const s = a.schema.metadata?.name;
+          s && o.add(s);
+        }
+        const l = /* @__PURE__ */ new Map();
+        for (const a of o)
+          if (t.current.has(a)) {
+            const s = t.current.get(a);
+            l.set(a, s);
+          } else {
+            const s = me.create(a, {
+              waitForReady: !1
+            });
+            l.set(a, s);
+          }
+        for (const [a, s] of t.current.entries())
+          o.has(a) || s.unload();
+        t.current = l, r(Array.from(l.values()));
+      } catch (c) {
+        qe("Error fetching all schema versions from database:", c), r(null);
+      }
+  }, [n]);
+  return I(() => {
+    n && i();
+  }, [n, i]), I(() => () => {
+    t.current.forEach((c) => {
+      c.unload();
+    }), t.current.clear();
+  }, []), e;
+}, ar = () => pt(Je), yt = (e) => ["seed", "models", e], Ce = /* @__PURE__ */ new Map(), mt = (e) => {
+  const r = H(), t = Y(), n = _([]), i = D(() => yt(e), [e]), {
+    data: c = [],
+    isLoading: o,
+    error: l
+  } = X({
+    queryKey: i,
+    queryFn: async () => {
+      const p = t.getQueryData(i), y = await se.all(e, { waitForReady: !1 });
+      if (Array.isArray(p) && p.length > 0 && Array.isArray(y) && y.length === 0)
+        return [...p];
+      if (Array.isArray(y) && y.length === 0) {
+        const m = t.getQueryData(i);
+        if (Array.isArray(m) && m.length > 0)
+          return [...m];
+      }
+      return y;
+    },
+    enabled: r && !!e
+  }), a = e && typeof e == "string" ? e : "";
+  c.length > 0 && Ce.set(a, c);
+  const s = n.current.length > 0 ? n.current : Ce.get(a), d = e ? c.length > 0 ? c : s?.length ? s : c : c;
+  n.current = d, I(() => {
+    if (!e || typeof BroadcastChannel > "u") return;
+    const p = new BroadcastChannel("seed-models-invalidate"), y = (m) => {
+      const { schemaName: E, schemaFileId: g } = m.data || {};
+      (e === E || e === g) && (t.invalidateQueries({ queryKey: i }), t.refetchQueries({ queryKey: i }));
+    };
+    return p.addEventListener("message", y), () => {
+      p.removeEventListener("message", y), p.close();
+    };
+  }, [e, t, i]);
+  const u = _(null), f = _(null);
+  function h() {
+    const p = W.getAppDb();
+    return !p || !e ? null : p.select({
+      modelFileId: ie.schemaFileId,
+      modelName: ie.name
+    }).from(G).innerJoin(ge, O(G.id, ge.schemaId)).innerJoin(ie, O(ge.modelId, ie.id)).where(
+      ee(
+        O(G.schemaFileId, e),
+        O(G.name, e)
+      )
+    );
+  }
+  const b = D(() => {
+    if (!e || !r) return null;
+    const p = { schemaId: e, ready: r }, y = u.current;
+    if (y && y.schemaId === p.schemaId && y.ready === p.ready && f.current !== null)
+      return f.current;
+    const m = h();
+    return m ? (u.current = p, f.current = m, m) : null;
+  }, [e, r]), v = oe(b);
+  return I(() => {
+    if (!r || !v || !e) return;
+    const p = /* @__PURE__ */ new Set();
+    for (const g of n.current) {
+      const z = g.id || g.modelFileId;
+      z ? p.add(z) : g.modelName && p.add(g.modelName);
+    }
+    const y = /* @__PURE__ */ new Set();
+    for (const g of v)
+      g.modelFileId ? y.add(g.modelFileId) : g.modelName && y.add(g.modelName);
+    const m = p.size === y.size && [...p].every((g) => y.has(g)), E = y.size > 0 && [...y].some((g) => !p.has(g));
+    !m && E && t.invalidateQueries({ queryKey: i });
+  }, [r, v, e, t, i]), {
+    models: d,
+    isLoading: o,
+    error: l
+  };
+}, ht = (e, r) => {
+  const t = H(), [n, i] = w(void 0), [c, o] = w(!1), [l, a] = w(null), s = _(void 0), [, d] = w(0), u = r == null;
+  if (D(() => t ? u ? !!e : !!(e && r) : !1, [t, u, e, r]), I(() => {
+    if (!t || !u || !e) {
+      i(void 0), o(!1), a(null);
+      return;
+    }
+    (async () => {
+      try {
+        o(!0), a(null);
+        const y = await se.createById(e);
+        i(y || void 0), o(!1), a(null);
+      } catch (y) {
+        console.error("[useModel] Error looking up model by ID:", y), i(void 0), o(!1), a(y);
+      }
+    })();
+  }, [t, u, e]), I(() => {
+    if (!u || !n) {
+      s.current?.unsubscribe(), s.current = void 0;
+      return;
+    }
+    s.current?.unsubscribe();
+    const p = n.getService().subscribe((y) => {
+      d((m) => m + 1);
+    });
+    return s.current = p, () => {
+      s.current?.unsubscribe(), s.current = void 0;
+    };
+  }, [u, n]), u)
+    return {
+      model: n,
+      isLoading: c,
+      error: l
+    };
+  const { models: f, isLoading: h, error: b } = mt(e), v = D(() => {
+    if (r)
+      return f.find((p) => (p.modelName ?? p.name) === r);
+  }, [f, r]);
+  return I(() => {
+    if (u || !v) {
+      s.current?.unsubscribe(), s.current = void 0;
+      return;
+    }
+    s.current?.unsubscribe();
+    const p = v.getService().subscribe((y) => {
+      d((m) => m + 1);
+    });
+    return s.current = p, () => {
+      s.current?.unsubscribe(), s.current = void 0;
+    };
+  }, [u, v]), {
+    model: v,
+    isLoading: h,
+    error: b
+  };
+}, lr = () => {
+  const e = _(void 0), [r, t] = w(!1), [n, i] = w(null), c = x(() => i(null), []), o = x(
+    (l, a, s) => {
+      i(null), t(!0), e.current?.unsubscribe(), e.current = void 0;
+      const d = se.create(a, l, {
+        ...s,
+        waitForReady: !1
+      }), u = d.getService().subscribe((f) => {
+        f.value === "error" && (i(
+          f.context._loadingError?.error ?? new Error("Failed to create model")
+        ), t(!1)), f.value === "idle" && (i(null), t(!1));
+      });
+      return e.current = u, d;
+    },
+    []
+  );
+  return I(() => () => {
+    e.current?.unsubscribe(), e.current = void 0;
+  }, []), {
+    create: o,
+    isLoading: r,
+    error: n,
+    resetError: c
+  };
+}, cr = () => {
+  const [e, r] = w(null), [t, n] = w({
+    isLoading: !1,
+    error: null
+  });
+  I(() => {
+    if (!e) {
+      n({ isLoading: !1, error: null });
+      return;
+    }
+    const o = e.getService(), l = () => {
+      const d = o.getSnapshot().context;
+      n({
+        isLoading: !!d._destroyInProgress,
+        error: d._destroyError ? new Error(d._destroyError.message) : null
+      });
+    };
+    l();
+    const a = o.subscribe(l);
+    return () => a.unsubscribe();
+  }, [e]);
+  const i = x(async (o) => {
+    o && (r(o), await o.destroy());
+  }, []), c = x(() => {
+    e && e.getService().send({ type: "clearDestroyError" });
+  }, [e]);
+  return {
+    destroy: i,
+    isLoading: t.isLoading,
+    error: t.error,
+    resetError: c
+  };
+};
+J("seedSdk:browser:react:modelProperty");
+const dr = (e, r) => {
+  const { model: t } = ht(e, r);
+  D(() => {
+    if (t)
+      try {
+        return t.modelName ?? t.name;
+      } catch {
+        return;
+      }
+  }, [t]);
+  const n = H(), i = Y(), c = D(() => {
+    if (!t) return null;
+    try {
+      return t._getSnapshotContext()._dbId;
+    } catch {
+      return null;
+    }
+  }, [t]), o = t?.id, l = D(
+    () => ["seed", "modelProperties", o ?? ""],
+    [o]
+  ), {
+    data: a = [],
+    isLoading: s,
+    error: d
+  } = X({
+    queryKey: l,
+    queryFn: () => ue.all(o, { waitForReady: !0 }),
+    enabled: n && !!o
+  }), u = n ? W.getAppDb() : null, f = D(() => !u || !c ? null : u.select({
+    id: Z.id,
+    name: Z.name,
+    dataType: Z.dataType,
+    schemaFileId: Z.schemaFileId
+  }).from(Z).where(O(Z.modelId, c)), [u, n, c]), h = oe(f), b = _([]);
+  b.current = a, I(() => {
+    if (!o || a.length > 0 || !i || !l) return;
+    const y = [400, 1200, 2500].map(
+      (m) => setTimeout(() => {
+        i.invalidateQueries({ queryKey: l });
+      }, m)
+    );
+    return () => y.forEach((m) => clearTimeout(m));
+  }, [o, a.length, i, l]), I(() => {
+    if (!n || !t?.id || !h || !l) return;
+    const p = /* @__PURE__ */ new Set();
+    for (const g of b.current) {
+      const N = g._getSnapshotContext()?.id;
+      N ? p.add(N) : g.name && p.add(g.name);
+    }
+    const y = /* @__PURE__ */ new Set();
+    for (const g of h)
+      g.schemaFileId ? y.add(g.schemaFileId) : g.name && y.add(g.name);
+    !(p.size === y.size && (p.size === 0 || [...p].every((g) => y.has(g)))) && (p.size > 0 || y.size > 0) && i.invalidateQueries({ queryKey: l });
+  }, [n, h, t?.id, i, l]);
+  const v = s && a.length === 0;
+  return {
+    modelProperties: a,
+    isLoading: v,
+    error: d
+  };
+}, gt = async (e, r) => {
+  const t = await se.createById(e);
+  if (!t)
+    return;
+  const n = t.modelName ?? t.name;
+  if (n)
+    return ke(n, r);
+};
+function ur(e, r, t) {
+  const n = D(() => t != null ? !!(e && r && t) : r != null ? !!(e && r) : !!e, [e, r, t]), [i, c] = w(void 0), [o, l] = w(n), [a, s] = w(null), d = _(void 0), u = H(), f = D(() => t != null ? { type: "schemaId", schemaId: e, modelName: r, propertyName: t } : r != null ? { type: "modelFileId", modelFileId: e, propertyName: r } : { type: "propertyFileId", propertyFileId: e }, [e, r, t]), h = D(() => u ? f.type === "propertyFileId" ? !!f.propertyFileId : f.type === "modelFileId" ? !!(f.modelFileId && f.propertyName) : !!(f.schemaId && f.modelName && f.propertyName) : !1, [u, f]), b = x(async () => {
+    if (!u) {
+      c(void 0), l(!1), s(null);
+      return;
+    }
+    let p, y;
+    try {
+      if (l(!0), s(null), f.type === "propertyFileId") {
+        if (!f.propertyFileId) {
+          c(void 0), l(!1), s(null);
+          return;
+        }
+        const m = await ue.createById(f.propertyFileId);
+        m ? (c(m), l(!1), s(null)) : (c(void 0), l(!1), s(null));
+        return;
+      } else if (f.type === "modelFileId") {
+        if (!f.modelFileId || !f.propertyName) {
+          c(void 0), l(!1), s(null);
+          return;
+        }
+        p = await gt(f.modelFileId, f.propertyName);
+        const m = await se.createById(f.modelFileId);
+        y = m?.modelName ?? m?.name;
+      } else {
+        if (!f.schemaId || !f.modelName || !f.propertyName) {
+          c(void 0), l(!1), s(null);
+          return;
+        }
+        p = await ke(f.modelName, f.propertyName), y = f.modelName;
+      }
+      if (p && y) {
+        const m = ue.create(
+          { ...p, modelName: y },
+          { waitForReady: !1 }
+        ), E = m instanceof Promise ? await m : m;
+        ce(() => {
+          c(E), l(!1), s(null);
+        });
+      } else
+        c(void 0), l(!1), s(null);
+    } catch (m) {
+      console.error("[useModelProperty] Error updating model property:", m), c(void 0), l(!1), s(m);
+    }
+  }, [u, f.type, f.propertyFileId, f.modelFileId, f.propertyName, f.schemaId, f.modelName]);
+  I(() => {
+    if (!h) {
+      c(void 0), l(!1), s(null);
+      return;
+    }
+    b();
+  }, [h, b]);
+  const v = f.type === "propertyFileId";
+  return I(() => {
+    if (!i || !v)
+      return;
+    d.current?.unsubscribe();
+    const p = $e(b, 100), y = i.getService().subscribe(() => {
+      p();
+    });
+    return d.current = y, () => {
+      p.cancel(), d.current?.unsubscribe(), d.current = void 0;
+    };
+  }, [i, b, v]), {
+    modelProperty: i,
+    isLoading: o,
+    error: a
+  };
+}
+const fr = () => {
+  const e = _(void 0), [r, t] = w(!1), [n, i] = w(null), c = x(() => i(null), []), o = x(
+    (l, a, s) => {
+      if (i(null), t(!0), e.current?.unsubscribe(), e.current = void 0, !a || !s.name || !s.dataType) {
+        const h = new Error("modelName, property name and dataType are required");
+        throw i(h), t(!1), h;
+      }
+      const d = Ge(l) ?? l, u = ue.create(
+        { ...s, modelName: a },
+        { waitForReady: !1, schemaName: d }
+      ), f = u.getService().subscribe((h) => {
+        if (h.value === "error") {
+          const b = h.context._loadingError?.error ?? new Error("Failed to create model property");
+          i(b instanceof Error ? b : new Error(String(b))), t(!1);
+        }
+        h.value === "idle" && (i(null), t(!1));
+      });
+      return e.current = f, u;
+    },
+    []
+  );
+  return I(() => () => {
+    e.current?.unsubscribe(), e.current = void 0;
+  }, []), {
+    create: o,
+    isLoading: r,
+    error: n,
+    resetError: c
+  };
+}, pr = () => {
+  const [e, r] = w(null), [t, n] = w({
+    isLoading: !1,
+    error: null
+  });
+  I(() => {
+    if (!e) {
+      n({ isLoading: !1, error: null });
+      return;
+    }
+    const o = e.getService(), l = () => {
+      const d = o.getSnapshot().context;
+      n({
+        isLoading: !!d._destroyInProgress,
+        error: d._destroyError ? new Error(d._destroyError.message) : null
+      });
+    };
+    l();
+    const a = o.subscribe(l);
+    return () => a.unsubscribe();
+  }, [e]);
+  const i = x(async (o) => {
+    o && (r(o), await o.destroy());
+  }, []), c = x(() => {
+    e && e.getService().send({ type: "clearDestroyError" });
+  }, [e]);
+  return {
+    destroy: i,
+    isLoading: t.isLoading,
+    error: t.error,
+    resetError: c
+  };
+}, yr = () => {
+  const [e, r] = w(null), [t, n] = w({
+    isLoading: !1,
+    error: null
+  });
+  I(() => {
+    if (!e) {
+      n({ isLoading: !1, error: null });
+      return;
+    }
+    const o = e.getService(), l = () => {
+      const d = o.getSnapshot().context;
+      n({
+        isLoading: !!d._destroyInProgress,
+        error: d._destroyError ? new Error(d._destroyError.message) : null
+      });
+    };
+    l();
+    const a = o.subscribe(l);
+    return () => a.unsubscribe();
+  }, [e]);
+  const i = x(async (o) => {
+    o && (r(o), await o.destroy());
+  }, []), c = x(() => {
+    e && e.getService().send({ type: "clearDestroyError" });
+  }, [e]);
+  return {
+    deleteItem: i,
+    isLoading: t.isLoading,
+    error: t.error,
+    resetError: c
+  };
+}, ve = ["seed", "imageFiles"];
+function mr() {
+  const e = H(), r = Y(), {
+    data: t = [],
+    isLoading: n,
+    error: i,
+    refetch: c
+  } = X({
+    queryKey: ve,
+    queryFn: () => j.listImageFiles(),
+    enabled: e
+  });
+  return I(() => {
+    const o = (a) => {
+      a.includes("/images/") && r.invalidateQueries({ queryKey: ve });
+    }, l = () => {
+      r.invalidateQueries({ queryKey: ve });
+    };
+    return V.on("file-saved", o), V.on("fs.downloadAll.success", l), () => {
+      V.off("file-saved", o), V.off("fs.downloadAll.success", l);
+    };
+  }, [r]), {
+    imageFiles: t,
+    isLoading: n,
+    error: i instanceof Error ? i : null,
+    refetch: c
+  };
+}
+const bt = ["seed", "files"];
+function hr(e = "files") {
+  const r = H(), t = Y(), n = D(() => [...bt, e], [e]), {
+    data: i = [],
+    isLoading: c,
+    error: o,
+    refetch: l
+  } = X({
+    queryKey: n,
+    queryFn: () => j.listFiles(e),
+    enabled: r
+  });
+  return I(() => {
+    const a = (d) => {
+      d.includes(`/${e}/`) && t.invalidateQueries({ queryKey: n });
+    }, s = () => {
+      t.invalidateQueries({ queryKey: n });
+    };
+    return V.on("file-saved", a), V.on("fs.downloadAll.success", s), () => {
+      V.off("file-saved", a), V.off("fs.downloadAll.success", s);
+    };
+  }, [t, e, n]), {
+    files: i,
+    isLoading: c,
+    error: o instanceof Error ? o : null,
+    refetch: l
+  };
+}
+const vt = {
+  queries: {
+    networkMode: "offlineFirst",
+    gcTime: 1e3 * 60 * 60 * 24,
+    // 24 hours
+    staleTime: 1e3 * 60
+    // 1 minute - list data can be slightly stale
+  }
+};
+function ze() {
+  return { ...vt };
+}
+function St(e) {
+  const r = ze();
+  return e ? {
+    queries: {
+      ...r.queries,
+      ...e.queries ?? {}
+    },
+    mutations: {
+      ...r.mutations ?? {},
+      ...e.mutations ?? {}
+    }
+  } : r;
+}
+function wt(e) {
+  const r = ze(), { defaultOptions: t, ...n } = e ?? {};
+  return new nt({
+    ...n,
+    defaultOptions: t ? St(t) : r
+  });
+}
+let xe = null;
+function gr(e) {
+  const r = xe?.(e);
+  return typeof window < "u" && window.__SEED_INVALIDATE_ITEM_PROPERTIES__ && window.__SEED_INVALIDATE_ITEM_PROPERTIES__(e), Promise.resolve(r).then(() => {
+  });
+}
+function It({ queryClient: e }) {
+  return I(() => {
+    const r = (n) => {
+      const i = ["seed", "itemProperties", n];
+      return e.invalidateQueries({ queryKey: i }), e.refetchQueries({ queryKey: i });
+    };
+    xe = r, typeof window < "u" && (window.__SEED_INVALIDATE_ITEM_PROPERTIES__ = r);
+    const t = (n) => {
+      const i = n?.seedLocalId ?? n?.seedUid;
+      i && r(i);
+    };
+    return V.on("itemProperty.saved", t), () => {
+      V.off("itemProperty.saved", t), xe = null, typeof window < "u" && (window.__SEED_INVALIDATE_ITEM_PROPERTIES__ = null);
+    };
+  }, [e]), null;
+}
+function br({ children: e, queryClient: r, queryClientRef: t }) {
+  const n = D(
+    () => r ?? wt(),
+    [r]
+  );
+  if (t && (t.current = n, typeof window < "u")) {
+    const i = window;
+    i.__TEST_SEED_QUERY_CLIENT__ = n;
+    try {
+      window.parent && window.parent !== window && (window.parent.__TEST_SEED_QUERY_CLIENT__ = n);
+    } catch {
+    }
+  }
+  return /* @__PURE__ */ $(st, { client: n, children: [
+    /* @__PURE__ */ S(It, { queryClient: n }),
+    e
+  ] });
+}
+function Et() {
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        height: "100%",
+        width: "100%"
+      },
+      children: "Loading..."
+    }
+  );
+}
+function vr({
+  initConfig: e,
+  schema: r,
+  loadingComponent: t,
+  wrapperClassName: n,
+  loadingClassName: i,
+  children: c
+}) {
+  const o = H();
+  I(() => {
+    const u = r ? {
+      ...e,
+      config: {
+        ...e.config,
+        schema: r
+      }
+    } : e;
+    Ye.init(u);
+  }, [e, r]);
+  const l = t ?? /* @__PURE__ */ S(Et, {}), a = n ? void 0 : { position: "relative", display: "flex", height: "100vh", width: "100vw" }, s = {
+    display: o ? "none" : "flex",
+    ...!i && {
+      position: "absolute",
+      inset: 0,
+      zIndex: 50,
+      alignItems: "center",
+      justifyContent: "center"
+    }
+  };
+  return /* @__PURE__ */ $("div", { className: n, style: a, children: [
+    /* @__PURE__ */ S(
+      "div",
+      {
+        className: i,
+        style: s,
+        "aria-hidden": o,
+        children: l
+      }
+    ),
+    /* @__PURE__ */ S("div", { style: {
+      flex: 1,
+      display: o ? "flex" : "none",
+      flexDirection: "column"
+    }, children: c })
+  ] });
+}
+async function He(e, r = "") {
+  const t = [];
+  try {
+    for await (const [n, i] of e.entries()) {
+      const c = r ? `${r}/${n}` : n;
+      if (i.kind === "file")
+        try {
+          const o = await i.getFile();
+          t.push({
+            name: n,
+            path: c,
+            size: o.size,
+            type: o.type || "application/octet-stream",
+            lastModified: o.lastModified
+          });
+        } catch (o) {
+          console.warn(`Failed to read file ${c}:`, o);
+        }
+      else if (i.kind === "directory") {
+        const o = await He(i, c);
+        t.push(...o);
+      }
+    }
+  } catch (n) {
+    console.warn(`Failed to scan directory ${r}:`, n);
+  }
+  return t;
+}
+function Lt(e = {}) {
+  const { rootPath: r } = e, [t, n] = w([]), [i, c] = w(!0), [o, l] = w(null), a = x(async () => {
+    c(!0), l(null);
+    try {
+      let d = await navigator.storage.getDirectory();
+      if (r) {
+        const f = r.split("/").filter(Boolean);
+        for (const h of f)
+          d = await d.getDirectoryHandle(h);
+      }
+      const u = await He(d, r || "");
+      n(u.sort((f, h) => f.path.localeCompare(h.path)));
+    } catch (s) {
+      l(
+        "Failed to access OPFS: " + (s instanceof Error ? s.message : String(s))
+      ), console.error("OPFS access error:", s);
+    } finally {
+      c(!1);
+    }
+  }, [r]);
+  return I(() => {
+    a();
+  }, [a]), { files: t, isLoading: i, error: o, refetch: a };
+}
+const Pe = () => /* @__PURE__ */ S("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", style: { width: 20, height: 20 }, children: /* @__PURE__ */ S("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3" }) }), xt = () => /* @__PURE__ */ S("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", style: { width: 48, height: 48 }, children: /* @__PURE__ */ S("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.25 12.75V12a2.25 2.25 0 012.25-2.25h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" }) }), Nt = () => /* @__PURE__ */ S("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", style: { width: 20, height: 20 }, children: /* @__PURE__ */ S("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" }) }), Re = () => /* @__PURE__ */ S("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", style: { width: 20, height: 20 }, children: /* @__PURE__ */ S("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" }) }), At = () => /* @__PURE__ */ $(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    style: { width: 32, height: 32 },
+    "aria-hidden": !0,
+    children: [
+      /* @__PURE__ */ S(
+        "circle",
+        {
+          style: { opacity: 0.25 },
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: "currentColor",
+          strokeWidth: "4"
+        }
+      ),
+      /* @__PURE__ */ S(
+        "path",
+        {
+          style: { opacity: 0.75 },
+          fill: "currentColor",
+          d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+        }
+      )
+    ]
+  }
+);
+function Dt(e) {
+  if (e === 0) return "0 Bytes";
+  const r = 1024, t = ["Bytes", "KB", "MB", "GB"], n = Math.floor(Math.log(e) / Math.log(r));
+  return Math.round(e / Math.pow(r, n) * 100) / 100 + " " + t[n];
+}
+function _t(e) {
+  return new Date(e).toLocaleString();
+}
+async function Ft(e, r) {
+  const t = e.path.split("/").filter(Boolean);
+  if (t.length === 0) throw new Error("Invalid file path");
+  let n = r;
+  for (let l = 0; l < t.length - 1; l++)
+    n = await n.getDirectoryHandle(t[l]);
+  const i = t[t.length - 1];
+  return await (await n.getFileHandle(i)).getFile();
+}
+async function Me(e, r) {
+  const t = e.split("/").filter(Boolean);
+  if (t.length === 0) throw new Error("Invalid file path");
+  let n = r;
+  for (let c = 0; c < t.length - 1; c++)
+    n = await n.getDirectoryHandle(t[c]);
+  const i = t[t.length - 1];
+  await n.removeEntry(i);
+}
+const Ct = {
+  light: {
+    title: "text-gray-900",
+    description: "text-gray-500",
+    batchBar: "bg-gray-100 border-gray-200",
+    batchText: "text-gray-900",
+    clearButton: "text-gray-500 hover:text-gray-900",
+    loadingText: "text-gray-500",
+    errorBox: "bg-red-50 border-red-200",
+    errorTitle: "text-red-800",
+    errorText: "text-red-700",
+    emptyIcon: "text-gray-400",
+    emptyTitle: "text-gray-900",
+    emptyText: "text-gray-500",
+    tableHeader: "bg-gray-100 text-gray-900",
+    tableRow: "bg-white",
+    tableBorder: "border-gray-200 divide-gray-200",
+    tableCell: "text-gray-900",
+    tableCellMuted: "text-gray-500",
+    codeBlock: "bg-gray-100 border-gray-200 text-gray-800",
+    actionButton: "text-gray-500 hover:text-gray-700",
+    deleteButton: "text-gray-500 hover:text-red-600"
+  },
+  dark: {
+    title: "text-white",
+    description: "text-gray-400",
+    batchBar: "bg-gray-800 border-gray-700",
+    batchText: "text-white",
+    clearButton: "text-gray-400 hover:text-white",
+    loadingText: "text-gray-400",
+    errorBox: "bg-red-900/50 border-red-800",
+    errorTitle: "text-red-200",
+    errorText: "text-red-300",
+    emptyIcon: "text-gray-500",
+    emptyTitle: "text-white",
+    emptyText: "text-gray-400",
+    tableHeader: "bg-gray-900 text-white",
+    tableRow: "bg-gray-900",
+    tableBorder: "border-gray-800 divide-gray-800",
+    tableCell: "text-white",
+    tableCellMuted: "text-gray-400",
+    codeBlock: "bg-gray-800 border-gray-700 text-gray-300",
+    actionButton: "text-gray-400 hover:text-indigo-400",
+    deleteButton: "text-gray-400 hover:text-red-500"
+  }
+}, R = {
+  container: { padding: "2rem 0" },
+  header: {
+    display: "flex",
+    flexWrap: "wrap",
+    alignItems: "center",
+    gap: "1rem",
+    marginBottom: "1rem"
+  },
+  title: { fontSize: "1.5rem", fontWeight: 600, margin: 0 },
+  description: { fontSize: "0.875rem", margin: "0.5rem 0 0 0" },
+  button: "rounded-md px-3 py-2 text-sm font-semibold border-0 cursor-pointer bg-indigo-600 text-white hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600",
+  buttonDanger: "rounded-md px-3 py-2 text-sm font-semibold border-0 cursor-pointer bg-red-600 text-white hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600",
+  table: "min-w-full divide-y",
+  tableHeader: "py-3.5 pl-4 pr-3 text-left text-sm font-semibold sm:pl-6",
+  tableCell: "whitespace-nowrap py-4 pl-4 pr-3 text-sm sm:pl-6",
+  errorBox: "rounded-md border p-4 mt-4",
+  emptyState: "text-center py-12"
+};
+function Sr({
+  rootPath: e,
+  filter: r,
+  onBeforeDelete: t,
+  onAfterDelete: n,
+  onDownload: i,
+  title: c = "Files",
+  description: o = "Browse and download all files stored in the Origin Private File System (OPFS).",
+  theme: l = "dark",
+  className: a
+}) {
+  const s = Ct[l], { files: d, isLoading: u, error: f, refetch: h } = Lt({ rootPath: e }), b = r ? d.filter(r) : d, [v, p] = w(/* @__PURE__ */ new Set()), y = _(null), m = b.length > 0 && v.size === b.length, E = v.size > 0 && v.size < b.length, g = (L) => {
+    p((C) => {
+      const P = new Set(C);
+      return P.has(L) ? P.delete(L) : P.add(L), P;
+    });
+  }, z = () => {
+    p(
+      v.size === b.length ? /* @__PURE__ */ new Set() : new Set(b.map((L) => L.path))
+    );
+  };
+  I(() => {
+    p(/* @__PURE__ */ new Set());
+  }, [b.length]), I(() => {
+    y.current && (y.current.indeterminate = E);
+  }, [E]);
+  const N = async (L, C = !1) => {
+    try {
+      const P = await navigator.storage.getDirectory(), B = await Ft(L, P);
+      if (i)
+        await i(L, B);
+      else {
+        const Q = URL.createObjectURL(B), U = document.createElement("a");
+        U.href = Q, U.download = L.name, document.body.appendChild(U), U.click(), document.body.removeChild(U), URL.revokeObjectURL(Q);
+      }
+    } catch (P) {
+      const B = "Failed to download file: " + (P instanceof Error ? P.message : String(P));
+      throw C || alert(B), P;
+    }
+  }, M = async (L) => {
+    if (!(t && !await t(L)) && confirm(`Are you sure you want to delete "${L.name}"? This action cannot be undone.`))
+      try {
+        const C = await navigator.storage.getDirectory();
+        await Me(L.path, C), await h(), await n?.([L.path]);
+      } catch (C) {
+        alert("Failed to delete file: " + (C instanceof Error ? C.message : String(C)));
+      }
+  }, q = async () => {
+    if (v.size === 0) return;
+    const L = b.filter((P) => v.has(P.path)), C = [];
+    for (const P of L)
+      try {
+        await N(P, !0), await new Promise((B) => setTimeout(B, 100));
+      } catch (B) {
+        C.push(`${P.name}: ${B instanceof Error ? B.message : String(B)}`);
+      }
+    C.length > 0 && alert(`Some downloads failed:
+${C.join(`
+`)}`);
+  }, K = async () => {
+    if (v.size === 0) return;
+    const L = b.filter((U) => v.has(U.path)), C = L.map((U) => U.name).join(", ");
+    if (!confirm(
+      `Are you sure you want to delete ${v.size} file(s)?
+
+Files: ${C}
+
+This action cannot be undone.`
+    ))
+      return;
+    const P = await navigator.storage.getDirectory(), B = [], Q = [];
+    for (const U of L)
+      if (!(t && !await t(U)))
+        try {
+          await Me(U.path, P), B.push(U.path);
+        } catch (te) {
+          Q.push(`${U.name}: ${te instanceof Error ? te.message : String(te)}`);
+        }
+    p(/* @__PURE__ */ new Set()), await h(), B.length > 0 && await n?.(B), Q.length > 0 && alert(`Some deletions failed:
+${Q.join(`
+`)}`);
+  };
+  return /* @__PURE__ */ $("div", { className: a, style: R.container, children: [
+    /* @__PURE__ */ S("style", { children: "@keyframes opfs-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}" }),
+    /* @__PURE__ */ $("div", { style: R.header, children: [
+      /* @__PURE__ */ $("div", { style: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ S("h1", { style: R.title, className: s.title, children: c }),
+        /* @__PURE__ */ S("p", { style: R.description, className: s.description, children: o })
+      ] }),
+      /* @__PURE__ */ S("button", { type: "button", onClick: h, className: R.button, children: "Refresh" })
+    ] }),
+    v.size > 0 && /* @__PURE__ */ $(
+      "div",
+      {
+        className: `mt-4 flex items-center justify-between rounded-lg border px-4 py-3 ${s.batchBar}`,
+        children: [
+          /* @__PURE__ */ $("span", { className: `text-sm font-medium ${s.batchText}`, children: [
+            v.size,
+            " file",
+            v.size === 1 ? "" : "s",
+            " selected"
+          ] }),
+          /* @__PURE__ */ $("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ S("button", { onClick: q, className: R.button, children: /* @__PURE__ */ $("span", { className: "inline-flex items-center gap-2", children: [
+              /* @__PURE__ */ S(Pe, {}),
+              " Download All"
+            ] }) }),
+            /* @__PURE__ */ S("button", { onClick: K, className: R.buttonDanger, children: /* @__PURE__ */ $("span", { className: "inline-flex items-center gap-2", children: [
+              /* @__PURE__ */ S(Re, {}),
+              " Delete All"
+            ] }) }),
+            /* @__PURE__ */ S(
+              "button",
+              {
+                onClick: () => p(/* @__PURE__ */ new Set()),
+                className: `text-sm cursor-pointer bg-transparent border-0 ${s.clearButton}`,
+                children: "Clear selection"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ S("div", { className: "mt-8", children: u ? /* @__PURE__ */ $("div", { className: "flex justify-center items-center py-12 gap-3", children: [
+      /* @__PURE__ */ S("span", { style: { animation: "opfs-spin 1s linear infinite" }, children: /* @__PURE__ */ S(At, {}) }),
+      /* @__PURE__ */ S("span", { className: s.loadingText, children: "Loading files..." })
+    ] }) : f ? /* @__PURE__ */ $("div", { className: `${R.errorBox} ${s.errorBox}`, children: [
+      /* @__PURE__ */ S("h3", { className: `m-0 text-sm font-medium ${s.errorTitle}`, children: "Error" }),
+      /* @__PURE__ */ S("div", { className: `mt-2 text-sm ${s.errorText}`, children: f })
+    ] }) : b.length === 0 ? /* @__PURE__ */ $("div", { className: R.emptyState, children: [
+      /* @__PURE__ */ S("span", { className: s.emptyIcon, children: /* @__PURE__ */ S(xt, {}) }),
+      /* @__PURE__ */ S("h3", { className: `mt-2 text-sm font-semibold ${s.emptyTitle}`, children: "No files" }),
+      /* @__PURE__ */ S("p", { className: `mt-1 text-sm ${s.emptyText}`, children: "No files found in OPFS." })
+    ] }) : /* @__PURE__ */ S("div", { className: "overflow-x-auto", children: /* @__PURE__ */ $("table", { className: R.table, children: [
+      /* @__PURE__ */ S("thead", { children: /* @__PURE__ */ $("tr", { className: s.tableBorder, children: [
+        /* @__PURE__ */ S("th", { className: `${R.tableHeader} w-10 ${s.tableHeader}`, children: /* @__PURE__ */ S(
+          "input",
+          {
+            ref: y,
+            type: "checkbox",
+            checked: m,
+            onChange: z,
+            "aria-label": "Select all"
+          }
+        ) }),
+        /* @__PURE__ */ S("th", { className: `${R.tableHeader} ${s.tableHeader}`, children: "Name" }),
+        /* @__PURE__ */ S("th", { className: `${R.tableHeader} ${s.tableHeader}`, children: "Path" }),
+        /* @__PURE__ */ S("th", { className: `${R.tableHeader} ${s.tableHeader}`, children: "Size" }),
+        /* @__PURE__ */ S("th", { className: `${R.tableHeader} ${s.tableHeader}`, children: "Type" }),
+        /* @__PURE__ */ S("th", { className: `${R.tableHeader} ${s.tableHeader}`, children: "Modified" }),
+        /* @__PURE__ */ S(
+          "th",
+          {
+            className: `${R.tableHeader} w-24 ${s.tableHeader}`,
+            "aria-label": "Actions"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ S("tbody", { className: `divide-y ${s.tableBorder}`, children: b.map((L) => /* @__PURE__ */ $("tr", { className: s.tableRow, children: [
+        /* @__PURE__ */ S("td", { className: `${R.tableCell} ${s.tableCell}`, children: /* @__PURE__ */ S(
+          "input",
+          {
+            type: "checkbox",
+            checked: v.has(L.path),
+            onChange: () => g(L.path),
+            "aria-label": `Select ${L.name}`
+          }
+        ) }),
+        /* @__PURE__ */ S("td", { className: `${R.tableCell} ${s.tableCell}`, children: /* @__PURE__ */ $("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ S(Nt, {}),
+          L.name
+        ] }) }),
+        /* @__PURE__ */ S("td", { className: `${R.tableCell} ${s.tableCellMuted}`, children: /* @__PURE__ */ S("code", { className: `text-xs px-2 py-1 rounded border ${s.codeBlock}`, children: L.path }) }),
+        /* @__PURE__ */ S("td", { className: `${R.tableCell} ${s.tableCellMuted}`, children: Dt(L.size) }),
+        /* @__PURE__ */ S("td", { className: `${R.tableCell} ${s.tableCellMuted}`, children: L.type }),
+        /* @__PURE__ */ S("td", { className: `${R.tableCell} ${s.tableCellMuted}`, children: _t(L.lastModified) }),
+        /* @__PURE__ */ S("td", { className: R.tableCell, children: /* @__PURE__ */ $("div", { className: "flex gap-2 justify-end", children: [
+          /* @__PURE__ */ S(
+            "button",
+            {
+              type: "button",
+              onClick: () => N(L),
+              title: "Download",
+              className: `p-1.5 rounded cursor-pointer bg-transparent border-0 transition-colors ${s.actionButton}`,
+              children: /* @__PURE__ */ S(Pe, {})
+            }
+          ),
+          /* @__PURE__ */ S(
+            "button",
+            {
+              type: "button",
+              onClick: () => M(L),
+              title: "Delete",
+              className: `p-1.5 rounded cursor-pointer bg-transparent border-0 transition-colors ${s.deleteButton}`,
+              children: /* @__PURE__ */ S(Re, {})
+            }
+          )
+        ] }) })
+      ] }, L.path)) })
+    ] }) }) })
+  ] });
+}
+const Se = J("seedSdk:react:SeedImage"), le = /* @__PURE__ */ new Map(), Qe = (e) => {
+  const r = /^(.*[\/\\])?([^\/\\]+?)(\.[^.\/\\]*)?$/, t = e.match(r);
+  return t && t[2] ? t[2] : e;
+};
+function Pt(e) {
+  return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function Rt(e, r) {
+  const t = new RegExp(`^${Pt(r)}$`), n = Qe(e);
+  return t.test(n);
+}
+const Mt = ({ imageProperty: e, width: r, filename: t, ...n }) => {
+  const [i, c] = w(), [o, l] = w(), { property: a } = Ue({
+    propertyName: e.propertyName,
+    seedLocalId: e.seedLocalId,
+    seedUid: e.seedUid
+  }), s = e ?? a, d = t ?? s?.refResolvedValue ?? s?.value, u = s?.value, f = typeof u == "string" ? u : d, h = u != null && (u instanceof File || u instanceof Blob), [b, v] = w(null), p = Te.useRef(null);
+  I(() => {
+    if (h && (u instanceof File || u instanceof Blob))
+      return p.current || (p.current = URL.createObjectURL(u), v(p.current)), () => {
+        p.current && (URL.revokeObjectURL(p.current), p.current = null), v(null);
+      };
+    p.current = null, v(null);
+  }, [h, u]), I(() => !d || u && ((N) => typeof N == "string" && N.startsWith("blob:"))(u) || b ? void 0 : ((async () => {
+    try {
+      const N = s?.localStoragePath ? s.localStoragePath : `${j.getFilesPath("images")}/${d}`;
+      if (await j.pathExists(N)) {
+        const q = await j.getContentUrlFromPath(N);
+        q && l(q);
+      }
+    } catch (N) {
+      Se("_getOriginalContentUrl error", N);
+    }
+  })(), () => l(void 0)), [d, u, b, s?.localStoragePath]), I(() => {
+    if (!r || !d)
+      return;
+    (async () => {
+      try {
+        const z = await j.getFs(), N = s?.localStoragePath ? s.localStoragePath.split("/").slice(0, -1).join("/") : j.getFilesPath("images"), K = z.readdirSync(N, { withFileTypes: !0 }).filter((k) => k.isDirectory()).map((k) => parseInt(k.name)), L = K.reduce((k, he) => Math.abs(he - r) < Math.abs(k - r) ? he : k, K[0]), C = Qe(d), P = `${C}-${L}`;
+        if (le.has(P))
+          try {
+            const k = le.get(P);
+            if (k && (await fetch(k)).ok) {
+              c(k);
+              return;
+            }
+          } catch (k) {
+            Se("error", k), le.delete(P);
+          }
+        const Q = z.readdirSync(`${N}/${L}`, { withFileTypes: !0 }).find((k) => k.name ? Rt(k.name, C) : !1);
+        if (!Q)
+          return;
+        const U = `${N}/${L}/${Q?.name}`;
+        if (await j.pathExists(U)) {
+          const k = await j.getContentUrlFromPath(U);
+          k && (le.set(P, k), c(k));
+        }
+      } catch (z) {
+        Se("_getSizedContentUrl error", z);
+      }
+    })();
+  }, [s, r, f, d]);
+  const y = (g) => typeof g == "string" && g.startsWith("blob:");
+  if (!(!!i || !!o || !!b || !!f && y(f)) && !d)
+    return null;
+  const E = i || o || b || (y(f) ? f : void 0) || "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
+  return /* @__PURE__ */ S("img", { src: E, alt: n.alt || e.propertyName || "Image", ...n });
+}, wr = Te.memo(
+  Mt,
+  (e, r) => e.imageProperty === r.imageProperty && e.width === r.width && e.filename === r.filename
+);
+export {
+  bt as FILES_QUERY_KEY_PREFIX,
+  Sr as OPFSFilesManager,
+  vr as SeedClientGate,
+  wr as SeedImage,
+  br as SeedProvider,
+  wt as createSeedQueryClient,
+  ze as getSeedQueryDefaultOptions,
+  Oe as getServiceName,
+  Ae as getServiceUniqueKey,
+  Fe as getServiceValue,
+  gr as invalidateItemPropertiesForItem,
+  St as mergeSeedQueryDefaults,
+  ir as useAllSchemaVersions,
+  Wt as useCreateItem,
+  Xt as useCreateItemProperty,
+  lr as useCreateModel,
+  fr as useCreateModelProperty,
+  sr as useCreateSchema,
+  rr as useDbsAreReady,
+  Gt as useDebouncedItemProperty,
+  yr as useDeleteItem,
+  Zt as useDestroyItemProperty,
+  cr as useDestroyModel,
+  pr as useDestroyModelProperty,
+  or as useDestroySchema,
+  hr as useFiles,
+  ft as useGlobalServiceStatus,
+  dt as useHasSavedSnapshots,
+  mr as useImageFiles,
+  ct as useIsDbReady,
+  Kt as useItem,
+  Yt as useItemProperties,
+  Ue as useItemProperty,
+  jt as useItems,
+  oe as useLiveQuery,
+  ht as useModel,
+  dr as useModelProperties,
+  ur as useModelProperty,
+  mt as useModels,
+  Lt as useOPFSFiles,
+  tr as usePersistedSnapshots,
+  Jt as usePublishItem,
+  pt as useSchema,
+  nr as useSchemas,
+  ar as useSeedProtocolSchema,
+  er as useService,
+  ut as useServices
+};
+//# sourceMappingURL=index.js.map