mnfst 0.5.225 → 0.5.226

package/lib/manifest.appwrite.auth.js

@@ -255,6 +255,19 @@ function initializeAuthStore() {
         'deviceBrand', 'deviceModel', 'countryCode', 'countryName'
     ];
 
+    // User id in a mirrored state ('' / null when signed out)
+    function mirroredUserId(raw) {
+        try { const saved = JSON.parse(raw || 'null'); return saved?.isAuthenticated ? (saved.user?.$id || null) : null; } catch { return null; }
+    }
+
+    // Identity this tab is showing data for: while unverified, the last one mirrored
+    function shownUserId(store, mirrored) {
+        if (store.user?.$id) return store.user.$id;
+        if (!store._sessionUnverified) return null;
+        if (mirrored === undefined) { try { mirrored = localStorage.getItem(STORAGE_KEY); } catch { mirrored = null; } }
+        return mirroredUserId(mirrored);
+    }
+
     function sanitizeSessionForStorage(session) {
         if (!session || typeof session !== 'object') return session;
         const safe = {};
@@ -271,7 +284,8 @@ function initializeAuthStore() {
                 const state = JSON.parse(e.newValue);
                 const store = Alpine.store('auth');
                 if (store) {
-                    const prevId = store.user?.$id || null;
+                    const prevId = shownUserId(store, e.oldValue);
+                    const wasAuthenticated = store.isAuthenticated === true;
                     // Update store state from other tab
                     store._authEpoch++;
                     if (state.isAuthenticated) markVerified(store);
@@ -283,6 +297,8 @@ function initializeAuthStore() {
                     store.magicLinkExpired = state.magicLinkExpired || false;
                     store.otpSent = state.otpSent || false;
                     store.otpExpired = state.otpExpired || false;
+                    // A code row shown here must be verifiable here
+                    if (state.otpSent && state.otpUserId) store._otpUserId = state.otpUserId;
                     store.error = state.error;
                     // Identity ended or changed in another tab: scoped data must drop this tab's rows
                     const nextId = state.isAuthenticated ? (state.user?.$id || null) : null;
@@ -292,6 +308,9 @@ function initializeAuthStore() {
                             store.currentTeam = null;
                         }
                         window.dispatchEvent(new CustomEvent('manifest:auth:session-cleared'));
+                    } else if (nextId && !wasAuthenticated) {
+                        // Signed in from another tab: this tab's identity-bound data reloads
+                        window.dispatchEvent(new CustomEvent(state.isAnonymous ? 'manifest:auth:anonymous' : 'manifest:auth:login', { detail: { user: state.user, crossTab: true } }));
                     }
                 }
             } catch (error) {
@@ -314,6 +333,7 @@ function initializeAuthStore() {
                 magicLinkExpired: store.magicLinkExpired,
                 otpSent: store.otpSent,
                 otpExpired: store.otpExpired,
+                otpUserId: store.otpSent ? store._otpUserId : null,
                 error: store.error
             };
             localStorage.setItem(STORAGE_KEY, JSON.stringify(state));
@@ -335,6 +355,7 @@ function initializeAuthStore() {
         otpExpired: false, // OTP (email/phone): the entered code was wrong/expired
         otpPhrase: null, // Email OTP: security phrase to display (when enabled; phone has none)
         _otpUserId: null, // OTP: userId returned by createEmailToken/createPhoneToken, used by verifyOTP
+        _otpMigrationTicket: null, // OTP: { ticket, userId } guest-migration ticket, kept across failed verify attempts
         teams: [], // List of user's teams
         currentTeam: null, // Currently selected/active team
         _teamsPollInterval: null, // Interval ID for teams polling (deprecated, use realtime instead)
@@ -713,9 +734,12 @@ function initializeAuthStore() {
             } catch (error) {
                 if (!current()) return;
                 if (!isNoSession(error)) { scheduleRecheck(this); return; }
+                const prevId = shownUserId(this);
                 this._clearIdentity();
                 markVerified(this);
                 syncStateToStorage(this);
+                // Rows shown for the last-known user drop
+                if (prevId) window.dispatchEvent(new CustomEvent('manifest:auth:session-cleared'));
                 if (this._guestAuto && this._createAnonymousSession) await this._createAnonymousSession();
                 return;
             } finally {
@@ -907,6 +931,9 @@ function initializeAuthStore() {
                 return { success: false, error: 'Appwrite not configured' };
             }
 
+            // A ticket kept from a failed guest OTP must not outlive an explicit logout
+            this._otpMigrationTicket = null;
+
             // If not authenticated, nothing to logout from
             if (!this.isAuthenticated) {
                 return { success: true };
@@ -1080,12 +1107,18 @@ function initializeAuthStore() {
                 return this.user;
             } catch (error) {
                 if (!isNoSession(error)) throw error;
+                const prevId = shownUserId(this);
                 markVerified(this);
                 this.isAuthenticated = false;
                 this.isAnonymous = false;
                 this.user = null;
                 this.session = null;
                 syncStateToStorage(this);
+                if (prevId) {
+                    this.teams = [];
+                    this.currentTeam = null;
+                    window.dispatchEvent(new CustomEvent('manifest:auth:session-cleared'));
+                }
                 throw error;
             }
         }
@@ -6474,26 +6507,33 @@ function initializeEmailOTP() {
 
                 this.inProgress = true;
                 this.error = null;
+                let guestEnded = false;
 
                 try {
                     const appwriteConfig = await config.getAppwriteConfig();
                     const wasGuest = this.isAnonymous;
 
-                    // Guest team carryover: issue the migration ticket now, while the guest
-                    // session is still authenticated; redeemed after the new session exists.
-                    let migrationTicket = null;
+                    // Guest team carryover: issue the migration ticket while the guest session
+                    // still authenticates. Kept on the store, bound to this code's account, so a
+                    // retry after a wrong code redeems it and no other sign-in can.
                     if (wasGuest && appwriteConfig?.guestMigrationFunctionId && this._callGuestMigration) {
                         const prep = await this._callGuestMigration('/prepare', {});
-                        if (prep?.ok && prep.ticket) migrationTicket = prep.ticket;
+                        if (prep?.ok && prep.ticket) {
+                            this._otpMigrationTicket = { ticket: prep.ticket, userId: this._otpUserId };
+                        }
                     }
+                    const kept = this._otpMigrationTicket;
+                    const migrationTicket = kept?.userId === this._otpUserId ? kept.ticket : null;
 
-                    // Appwrite can't convert anonymous accounts via OTP, so delete the
-                    // guest session first to avoid a "session prohibited" conflict.
+                    // Appwrite refuses createSession while any session is active, before it
+                    // checks the code, so the guest session must go first.
                     if (this.session && this.isAnonymous) {
                         try {
                             await this._appwrite.account.deleteSession(this.session.$id);
+                            guestEnded = true;
                         } catch (deleteError) {
-                            // Could not delete anonymous session
+                            const status = deleteError?.code || deleteError?.statusCode;
+                            guestEnded = status === 401 || status === 404;
                         }
                     }
 
@@ -6516,6 +6556,7 @@ function initializeEmailOTP() {
 
                     // Redeem the migration ticket as the new account to carry teams over.
                     // Best-effort; failure never blocks the already-successful sign-in.
+                    this._otpMigrationTicket = null;
                     if (migrationTicket && this._callGuestMigration) {
                         await this._callGuestMigration('/commit', { ticket: migrationTicket });
                     }
@@ -6541,7 +6582,7 @@ function initializeEmailOTP() {
                 } catch (error) {
                     const errorMessage = error.message || '';
                     const errorCode = error.code || error.statusCode || '';
-                    const isExpiredOrInvalid = errorMessage && (
+                    const isExpiredOrInvalid = error.type !== 'user_session_already_exists' && errorMessage && (
                         errorMessage.includes('expired') ||
                         errorMessage.includes('Invalid token') ||
                         errorMessage.includes('invalid') ||
@@ -6551,14 +6592,30 @@ function initializeEmailOTP() {
 
                     this.otpExpired = !!isExpiredOrInvalid;
                     this.error = isExpiredOrInvalid ? null : error.message;
-                    this.isAuthenticated = false;
-                    this.isAnonymous = false;
+
+                    // Guest session is gone though sign-in failed: drop its identity and teams.
+                    // otpSent, the code's userId and the migration ticket stay for a retry.
+                    if (guestEnded) {
+                        this.isAuthenticated = false;
+                        this.isAnonymous = false;
+                        this.user = null;
+                        this.session = null;
+                        if (this._resetTeamsState) {
+                            this._resetTeamsState();
+                        }
+                    }
 
                     if (this._syncStateToStorage) {
                         this._syncStateToStorage(this);
                     }
 
-                    return { success: false, error: error.message };
+                    if (guestEnded) {
+                        window.dispatchEvent(new CustomEvent('manifest:auth:session-cleared', {
+                            detail: { reason: 'otp-failed' }
+                        }));
+                    }
+
+                    return { success: false, error: error.message, guestEnded };
                 } finally {
                     this.inProgress = false;
                 }

package/lib/manifest.appwrite.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.225';
+const MANIFEST_BUILD_VERSION = '0.5.226';
 
 /* Manifest Data Sources - Appwrite Integration */
 

package/lib/manifest.d.ts

@@ -434,7 +434,7 @@ export interface ManifestTextEdit {
 export type ManifestDirective =
     | 'x-route' | 'x-anchors'
     | 'x-icon' | 'x-svg' | 'x-markdown' | 'x-code' | 'x-code-group'
-    | 'x-toast' | 'x-tooltip' | 'x-carousel' | 'x-virtual' | 'x-resize' | 'x-computed' | 'x-defer'
+    | 'x-toast' | 'x-tooltip' | 'x-carousel' | 'x-virtual' | 'x-computed' | 'x-defer'
     | 'x-chart' | 'x-date' | 'x-color' | 'x-colorpicker' | 'x-combobox'
     | 'x-export' | 'x-import' | 'x-pay' | 'x-files' | 'x-data-files'
     | 'x-edit' | 'x-text-edit';

package/lib/manifest.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.225';
+const MANIFEST_BUILD_VERSION = '0.5.226';
 
 /* Manifest Data Sources - Configuration */
 
@@ -1593,6 +1593,7 @@ window.ManifestDataStore = {
         scope: '',
         generation: 0,
         pending: new Map(),    // source -> time its debounced write is due
+        landedIdentity: new Map(), // source -> identity its pending rows were read under
         writeTimer: null,
         hydrated: new Set(),   // sources hydrated (or attempted) this generation
         hydratedIdentity: null, // identity auth-dependent hydration last ran under
@@ -1609,10 +1610,10 @@ window.ManifestDataStore = {
     const liveLocale = () => (typeof document !== 'undefined' && document.documentElement?.lang)
         || (typeof Alpine !== 'undefined' && Alpine.store?.('locale')?.current) || 'en';
 
-    // Auth-dependent sources (scope / $auth. queries) carry the identity they were read under
+    // Auth-dependent sources (Appwrite tables/buckets, scope / $auth. queries) carry the identity they were read under
     function isAuthDependent(source) {
         if (!source || typeof source !== 'object') return false;
-        if (source.scope) return true;
+        if (source.scope || source.appwriteTableId || source.appwriteBucketId) return true;
         try { return JSON.stringify(source.queries || '').includes('$auth.'); } catch { return false; }
     }
 
@@ -1629,6 +1630,19 @@ window.ManifestDataStore = {
         return auth?._sessionUnverified === true;
     }
 
+    // Auth's last recorded identity (cross-tab mirror): '' signed out, null unknown
+    function lastKnownIdentity() {
+        try {
+            const saved = JSON.parse((typeof window !== 'undefined' && window.localStorage?.getItem('manifest:auth:state')) || 'null');
+            if (!saved || typeof saved !== 'object') return null;
+            return saved.isAuthenticated ? (String(saved.user?.$id || saved.user?.id || '') || null) : '';
+        } catch { return null; }
+    }
+
+    // Unconfirmed (booting / offline): hydration trusts the last recorded identity; the data reset covers a mismatch
+    function unconfirmed() { return authIdentity() === null || authUnverified(); }
+    function hydrationIdentity() { return unconfirmed() ? lastKnownIdentity() : authIdentity(); }
+
     function warnOnce(key, message, error) {
         if (state.warned.has(key)) return;
         state.warned.add(key);
@@ -1735,6 +1749,7 @@ window.ManifestDataStore = {
     function register(source, config) {
         const cfg = normalizeConfig(config === undefined ? true : config);
         if (!cfg) { state.sources.delete(source); return false; }
+        cfg.authDependent = isAuthDependent(state.manifest?.data?.[source] || state.manifest?.appwrite?.[source]);
         state.sources.set(source, cfg);
         state.hydrated.delete(source);
         state.fetchKicked.delete(source);
@@ -1819,12 +1834,22 @@ window.ManifestDataStore = {
         if (next !== state.scope) changeScope(next);
     }
 
+    // Pending saves of rows read under an identity that has since changed never land
+    function dropStaleWrites() {
+        if (unconfirmed()) return;
+        const identity = authIdentity();
+        for (const [source, landed] of [...state.landedIdentity]) {
+            if (landed !== null && landed !== identity) cancelWrites(source);
+        }
+    }
+
     function watchScope() {
         if (state.watching || typeof window === 'undefined') return;
         state.watching = true;
         for (const type of AUTH_EVENTS) {
             window.addEventListener(type, () => {
                 if (!state.enabled) return;
+                dropStaleWrites();
                 if (WIPE_EVENTS.has(type)) deleteScope(state.scope);
                 refreshScope();
                 if (!state.scopePending) hydrate(bootSources()).catch(() => { /* disabled */ });
@@ -1998,14 +2023,18 @@ window.ManifestDataStore = {
         return null;
     }
 
-    function snapshotRecord(source) {
+    function snapshotRecord(source, landed) {
         const cfg = state.sources.get(source);
         const ds = dataStore();
         if (!cfg || !ds) return null;
         const raw = ds.getRawData(source);
         if (raw === null || raw === undefined) return null;
-        const identity = cfg.authDependent ? authIdentity() : undefined;
-        if (identity === null) return null;
+        let identity;
+        if (cfg.authDependent) {
+            // Stamped with the identity the rows were read under; skipped if it changed since or was never known
+            identity = authUnverified() ? null : authIdentity();
+            if (identity === null || landed === null || (landed !== undefined && landed !== identity)) return null;
+        }
         try {
             const snapshot = snapshotOf(source, raw, cfg);
             if (snapshot === null) return null;
@@ -2028,9 +2057,10 @@ window.ManifestDataStore = {
 
     // Every source whose debounce has elapsed is written in ONE transaction
     function flush(sources) {
-        for (const source of sources) state.pending.delete(source);
+        const landedIdentity = new Map(sources.map(source => [source, state.landedIdentity.get(source)]));
+        for (const source of sources) { state.pending.delete(source); state.landedIdentity.delete(source); }
         if (!state.enabled || state.disabled) return Promise.resolve();
-        const records = sources.map(snapshotRecord).filter(Boolean);
+        const records = sources.map(source => snapshotRecord(source, landedIdentity.get(source))).filter(Boolean);
         if (!records.length) return Promise.resolve();
         const generation = state.generation;
         return withStore('readwrite', (store) => { for (const record of records) store.put(record); }).then(() => {
@@ -2062,8 +2092,9 @@ window.ManifestDataStore = {
     }
 
     function cancelWrites(source) {
-        if (source !== undefined) { state.pending.delete(source); return; }
+        if (source !== undefined) { state.pending.delete(source); state.landedIdentity.delete(source); return; }
         state.pending.clear();
+        state.landedIdentity.clear();
         if (state.writeTimer !== null) { clearTimeout(state.writeTimer); state.writeTimer = null; }
     }
 
@@ -2071,7 +2102,12 @@ window.ManifestDataStore = {
     function onLanded(sources) {
         if (!state.enabled || state.disabled || state.scopePending) return;   // nothing is keyed under an unresolved scope
         const at = Date.now() + WRITE_DEBOUNCE_MS;
-        for (const source of sources) if (state.sources.has(source)) state.pending.set(source, at);
+        const identity = hydrationIdentity();
+        for (const source of sources) {
+            if (!state.sources.has(source)) continue;
+            state.pending.set(source, at);
+            if (state.sources.get(source).authDependent) state.landedIdentity.set(source, identity);
+        }
         if (state.writeTimer !== null) { clearTimeout(state.writeTimer); state.writeTimer = null; }
         scheduleWrites();
     }
@@ -2085,8 +2121,11 @@ window.ManifestDataStore = {
         if (majorMinor(record.frameworkVersion) !== majorMinor(state.frameworkVersion)) return { ok: false, drop: true };
         if (record.locale && record.locale !== liveLocale()) return { ok: false };
         // Another identity's (or an unstamped) snapshot never hydrates: the scope alone may be '' for everyone
-        // An unverified (offline) signed-out boot keeps it for the session check to come back
-        if (cfg.authDependent && record.identity !== authIdentity()) return authUnverified() ? { ok: false } : { ok: false, drop: true };
+        // Before the session is confirmed (booting / offline) a mismatch is kept for the check to come back
+        if (cfg.authDependent) {
+            const identity = hydrationIdentity();
+            if (identity === null || record.identity !== identity) return unconfirmed() ? { ok: false } : { ok: false, drop: true };
+        }
         return { ok: true };
     }
 
@@ -2095,7 +2134,7 @@ window.ManifestDataStore = {
     async function hydrate(sources) {
         const ds = dataStore();
         // Auth-dependent sources wait for a known identity (re-run on auth events), and retry when it changes
-        const identity = authIdentity();
+        const identity = hydrationIdentity();
         const known = identity !== null;
         if (known && identity !== state.hydratedIdentity) {
             for (const [source, cfg] of state.sources) if (cfg.authDependent) state.hydrated.delete(source);
@@ -8666,10 +8705,8 @@ function createAppwriteMethodsHandler(dataSourceName, reloadDataSource) {
                     }
                     return null;
                 } else if (method === '$remove') {
-                    // Convenience method: delete file with automatic bucket reload and entry unlinking
+                    // Delete file(s), drop them from the source, unlink from table entries
                     // Usage: $x.assets.$remove(fileId)
-                    // Automatically reloads the entire assets bucket and unlinks from table entries
-                    // This is an alias for $delete with the same auto-reload functionality
                     const fileId = args[0];
                     if (!fileId) {
                         throw new Error('[Manifest Data] $remove requires file ID');
@@ -8687,20 +8724,15 @@ function createAppwriteMethodsHandler(dataSourceName, reloadDataSource) {
                         // Continue with delete even if unlink fails
                     }
 
-                    // Delete file(s) and reload in parallel for speed
-                    const deletePromise = Array.isArray(fileId)
-                        ? Promise.all(fileId.map(id => window.ManifestDataAppwrite.deleteFile(bucketId, id.$id || id)))
-                        : window.ManifestDataAppwrite.deleteFile(bucketId, actualFileId);
-
+                    const deletedIds = (Array.isArray(fileId) ? fileId : [fileId]).map(id => id.$id || id);
                     const generation = window.ManifestDataStore?.sourceGeneration?.(dataSourceName);
-                    const reloadPromise = window.ManifestDataAppwrite.listBucketFiles(bucketId, []);
-
-                    // Do delete and reload in parallel
-                    const [result, reloadedData] = await Promise.all([deletePromise, reloadPromise]);
+                    const result = Array.isArray(fileId)
+                        ? await Promise.all(deletedIds.map(id => window.ManifestDataAppwrite.deleteFile(bucketId, id)))
+                        : await window.ManifestDataAppwrite.deleteFile(bucketId, actualFileId);
 
-                    // Network landing: reloaded bucket listing replaces the source (coalesced)
-                    if (reloadedData && window.ManifestDataStore?.landRows) {
-                        await window.ManifestDataStore.landRows(dataSourceName, reloadedData, { mode: 'replace', generation });
+                    // Drop the deleted file(s) locally: a relisting would bypass the source's queries and scope
+                    if (window.ManifestDataStore?.landRemove) {
+                        await window.ManifestDataStore.landRemove(dataSourceName, deletedIds, { generation });
                     }
 
                     // Reload affected table data sources so fileIds arrays and counters
@@ -11489,15 +11521,37 @@ function authSettledUnresolvable(manifest) {
     return auth._initialized === true && auth.isAuthenticated === true && teamsSettled(auth, manifest);
 }
 
-function isAuthDependent(config) {
+// Rows depend on who reads them: scope / $auth. queries, or any Appwrite table/bucket (row/file permissions).
+// Reset on identity change only; whether a read needs an identity is buildAppwriteQueries' call (null = wait).
+function isIdentityBound(config) {
     if (!config || typeof config !== 'object') return false;
+    if (window.ManifestDataConfig?.isAppwriteCollection?.(config)) return true;
     if (window.ManifestDataConfig?.getScope?.(config)) return true;
     try { return JSON.stringify(config.queries || '').includes('$auth.'); } catch { return false; }
 }
 
-// Logout / session cleared: drop the previous identity's rows now, then settle for the new one
+// Auth's last recorded identity (cross-tab mirror): '' signed out, null unknown
+function lastKnownIdentity() {
+    try {
+        const saved = JSON.parse(window.localStorage?.getItem('manifest:auth:state') || 'null');
+        if (!saved || typeof saved !== 'object') return null;
+        return saved.isAuthenticated ? (String(saved.user?.$id || saved.user?.id || '') || null) : '';
+    } catch { return null; }
+}
+
+// Confirmed identity: '' signed out (or no auth plugin), null while booting or offline-unverified
+function confirmedIdentity() {
+    const auth = currentAuth();
+    if (!auth) return '';
+    if (auth._initialized !== true || (auth._sessionUnverified === true && auth.isAuthenticated !== true)) return null;
+    return auth.isAuthenticated === true ? (authUserId(auth) || '') : '';
+}
+
+// Identity change (sign-in, sign-out, account switch): identity-bound sources reload for the new identity.
+// A previous user's rows drop at once; rows read signed out stay live until the reload lands.
 function setupAuthResetListener() {
-    const reset = async () => {
+    let bound = (currentAuth() ? confirmedIdentity() : null) ?? lastKnownIdentity();
+    const reset = async (clear) => {
         const manifest = await window.ManifestDataConfig?.ensureManifest?.();
         const ds = window.ManifestDataStore;
         const store = typeof Alpine !== 'undefined' ? Alpine.store('data') : null;
@@ -11506,14 +11560,27 @@ function setupAuthResetListener() {
         const configs = { ...(manifest.appwrite || {}), ...(manifest.data || {}) };
         const locale = liveLocale();
         for (const [name, config] of Object.entries(configs)) {
-            if (!isAuthDependent(config) || raw[`_${name}_state`] === undefined) continue;
-            window.ManifestDataRealtime?.unsubscribeFromDataSource?.(name);
-            ds.resetSource(name);
+            if (!isIdentityBound(config) || raw[`_${name}_state`] === undefined) continue;
+            if (clear) {
+                window.ManifestDataRealtime?.unsubscribeFromDataSource?.(name);
+                ds.resetSource(name);
+            }
             loadDataSource(name, locale, { reload: true });
         }
     };
-    window.addEventListener('manifest:auth:logout', reset);
-    window.addEventListener('manifest:auth:session-cleared', reset);
+    const onAuth = (type) => {
+        const ended = type === 'manifest:auth:logout' || type === 'manifest:auth:session-cleared';
+        const next = confirmedIdentity() ?? (ended ? '' : null);
+        if (next === null) return;
+        const prev = bound;
+        bound = next;
+        if (prev === next) return;
+        // Unknown before: rows so far were read under this same session (a sign-out still drops them)
+        if (prev === null && !ended) return;
+        reset(prev !== '');
+    };
+    ['manifest:auth:logout', 'manifest:auth:session-cleared', 'manifest:auth:login', 'manifest:auth:anonymous', 'manifest:auth:initialized']
+        .forEach(type => window.addEventListener(type, () => onAuth(type)));
 }
 
 // Client-side scope filter: Appwrite returns all accessible files, so narrow to

package/lib/manifest.integrity.json

@@ -1,6 +1,6 @@
 {
-  "manifest.appwrite.auth.js": "sha384-eJ46LQV0lAoY48Zy1J8iecrK9azn/407FdeXz9+dwsuAJESUugOzlEBdTCw+i3m5",
-  "manifest.appwrite.data.js": "sha384-uWy++AIY+DZbiEm+Qhkqxc6OJ3E0NSzx5Mq+8TCaAAI+cCV6PSbrS84JRjYV2jNF",
+  "manifest.appwrite.auth.js": "sha384-Ek2fHprBtcIFHAkOHtELD40gjfME3lWdmIQGB7h8+gcm7hn5QJzt9DRpo9huz4BE",
+  "manifest.appwrite.data.js": "sha384-bwfWutqQz9CnVgvXIKCR9VZrRQ3ytswJ6zvKOevhLobHOaryZazSAr4tFRurawiZ",
   "manifest.appwrite.presences.js": "sha384-JyVDWFT69b7Svq8J8p9tNWe2v9PZNQBY5UyhtOl1vnuHFAX0CRQ3MA9SiKq5wzNh",
   "manifest.bindings.js": "sha384-lPtMf8Ykaic9gNVZKq8Scia1881ZeMAyxer3WCIkUNwwrgzGBWto1OXADUwjvORF",
   "manifest.charts.js": "sha384-gEAv/98+29RbhvNkiNWTNyBPbLTFr2Ld15wLu29FLCL57j1cwGChRrL9Pfk7dBtT",
@@ -11,7 +11,7 @@
   "manifest.combobox.js": "sha384-MILTkrgsTzsYUjGo4ZuADqV85Xs4GmfB4xexfe9vbJMIoQTZ42W4zs+DTaVSPEsx",
   "manifest.components.js": "sha384-4bc3HgPvF9DHMiOG08w+nWXI7Hho01RuAPAUL9xyLxOiS2igeZpulCVcvr5aT9v6",
   "manifest.computed.js": "sha384-GYML/e81gQfN+iDbqhPUgny8bINCyL+SrbTofoGk4hlCnLLjv51mCv42JMqq+ku5",
-  "manifest.data.js": "sha384-YljhDHjZ6BCU7qjoeecMvG1mgC7FwR7vw1EWBAyd6ZcMAlc3nmiztv3swRckN320",
+  "manifest.data.js": "sha384-Dtpxer0CayxZCsGD8zCe8lW4MwsnaWA7Yxu1cWBxPQI1PJHh6qCwEJejHYt2go3F",
   "manifest.datepicker.js": "sha384-XnbeURni2X91ozVzatQcSjYYIS4MoW12dBRJnYAGBr0nCQ624heH5s+xtQSpLZX6",
   "manifest.defer.js": "sha384-WcCf8YQ1bKIXCLSZ24a0bJwepbYntYc8TzQM50hklo5VMIH8AtzDnwl6WU4prRv1",
   "manifest.device.js": "sha384-g+txmrEszYtuOvRelTp/c1wSNR2AtllVI9rx5NPPD7DzhVUnMNughonZykv2xlBW",
@@ -23,12 +23,11 @@
   "manifest.markdown.js": "sha384-JWUxlUZADxk1hZY7NpDX051UhtXt/ofpfsCDBRcweU6JhLbN8B832yPLgCatxFdl",
   "manifest.native.js": "sha384-g+txmrEszYtuOvRelTp/c1wSNR2AtllVI9rx5NPPD7DzhVUnMNughonZykv2xlBW",
   "manifest.payments.js": "sha384-8pofk2zhxtapPMpwnFyTelPMrYhShNhDCE722uQh/EYFvZFuPLmSdgunqsarVQjv",
-  "manifest.resize.js": "sha384-+0IsyrGP/4gZmNbD6oU8dCgEyhpBsXMm74NIenYeUGuGRWyJDurcG27xE/CA0/aA",
   "manifest.router.js": "sha384-xkQaHO60lMQwtnqGPxPJJ646eyqBjINs4AFesrQbe2dWqPIoIcJ9RD5wsjqjak7w",
   "manifest.slides.js": "sha384-3uRTkyK9XPLmnxI2+igZlpi4EyPlU/7IHj5j3BZJJ2KN455vXyk99fiXV3feO/XY",
   "manifest.status.js": "sha384-MBO345ab7H6Uq1X2dZLt4Ge1Gcra+Z2qYApvlAeIV8CJhDDJrz2FPXpp+Kcp8zcM",
   "manifest.svg.js": "sha384-qr/8H9+2cIhSXNbRWRtIdrDlTOxKlNJqwEefHvCYoiBNW/kKhPTFa109Orv/EBnb",
-  "manifest.sw.js": "sha384-hEYCjpYM1VHGJLc/RnSyUsmhBx/XrGhxCA31U6kW/TpFadcUZ0Uz96Rqm0uFbr+I",
+  "manifest.sw.js": "sha384-e59BjfTqiJXTPdMgK3bkvYA2mzha1WEQeLgPABSDg35IPb+5Zd0BMUvND2kxrxoc",
   "manifest.tabs.js": "sha384-OIIcyaQnGS0eNYk4zgAFEDboNYect7THvUd9D0V6nqCeDOxQcoiqLrBEmmWVTTet",
   "manifest.tailwind.js": "sha384-r/Jvqb+Piz21jUts10BbVAJoKkShOdJRVFpywyi4HPIi/OfOJq5CtPyWAPbdkMgt",
   "manifest.text.edit.js": "sha384-RzOvLQE8GbmI6gntAwiotDewYT/08OHcd7sJ5hLon8e8u1Xbq1D7VfEGuaRVd2CE",

package/lib/manifest.sw.js

@@ -16,7 +16,7 @@
 
 // Build stamps the published version here; unstamped (dev) falls back to the
 // registration URL's `v`, then 'dev'.
-const BUILD_VERSION = '0.5.225';
+const BUILD_VERSION = '0.5.226';
 const CACHE_PREFIX = 'mnfst-sw:';
 const META_CACHE = CACHE_PREFIX + 'meta';
 // Sized to hold a full precache.json warm-up (PRECACHE_MAX_ENTRIES server-side)

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mnfst",
-    "version": "0.5.225",
+    "version": "0.5.226",
     "private": false,
     "workspaces": [
         "templates/starter",
@@ -47,7 +47,8 @@
         "test:e2e:sdk": "node tests/e2e/payments.sdk.e2e.mjs",
         "test:e2e:sw": "node tests/e2e/sw.e2e.mjs",
         "lint": "echo 'No linting configured'",
-        "release:docs": "node scripts/release-bump.mjs packages/docs && cd packages/docs && npm publish --auth-type=web"
+        "release:docs": "node scripts/release-bump.mjs packages/docs && cd packages/docs && npm publish --auth-type=web",
+        "release:check": "node scripts/release-check.mjs"
     },
     "devDependencies": {
         "@rollup/plugin-commonjs": "^28.0.1",

package/lib/manifest.resize.css

@@ -1,194 +0,0 @@
-/* Manifest Resize Handles
-
-   Superseded by x-edit.size (manifest.edit.css) — kept for existing projects.
-   Self-contained: handle geometry lives here, not in a shared snippet. */
-
-@layer base, components, utilities;
-
-@layer utilities {
-
-    :where([x-resize]) {
-        position: relative;
-
-        /* Resize handle area */
-        .resize-handle {
-            position: absolute;
-            display: block;
-            width: var(--h);
-            height: var(--h);
-            z-index: 100;
-            background: transparent;
-            border: none;
-            outline: none;
-            --h: var(--spacing-resize-handle, 1rem);
-
-            /* Visible handle */
-            &::before {
-                content: '';
-                position: absolute;
-                top: 50%;
-                left: 50%;
-                transform: translate(-50%, -50%);
-                width: 1px;
-                height: 1px;
-                background: transparent;
-                transition: background-color 0.2s ease;
-                pointer-events: none
-            }
-
-            &:hover::before,
-            &:active::before {
-                background-color: var(--color-line, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
-            }
-        }
-
-        /* Handle geometry — edges span their axis, corners stay square */
-        .resize-handle-top,
-        .resize-handle-bottom {
-            left: 0;
-            width: 100%;
-            height: var(--h);
-            cursor: ns-resize;
-
-            &::before {
-                width: 100%
-            }
-        }
-
-        .resize-handle-left,
-        .resize-handle-right,
-        .resize-handle-start,
-        .resize-handle-end {
-            top: 0;
-            width: var(--h);
-            height: 100%;
-            cursor: ew-resize;
-
-            &::before {
-                height: 100%
-            }
-        }
-
-        .resize-handle-top {
-            top: calc(var(--h) * -0.5)
-        }
-
-        .resize-handle-bottom {
-            bottom: calc(var(--h) * -0.5)
-        }
-
-        .resize-handle-left,
-        .resize-handle-top-left,
-        .resize-handle-bottom-left {
-            left: calc(var(--h) * -0.5)
-        }
-
-        .resize-handle-right,
-        .resize-handle-top-right,
-        .resize-handle-bottom-right {
-            right: calc(var(--h) * -0.5)
-        }
-
-        /* Logical edges — inset-inline-* auto-flips for RTL */
-        .resize-handle-start,
-        .resize-handle-top-start,
-        .resize-handle-bottom-start {
-            inset-inline-start: calc(var(--h) * -0.5)
-        }
-
-        .resize-handle-end,
-        .resize-handle-top-end,
-        .resize-handle-bottom-end {
-            inset-inline-end: calc(var(--h) * -0.5)
-        }
-
-        .resize-handle-top-left,
-        .resize-handle-top-right,
-        .resize-handle-top-start,
-        .resize-handle-top-end {
-            top: calc(var(--h) * -0.5)
-        }
-
-        .resize-handle-bottom-left,
-        .resize-handle-bottom-right,
-        .resize-handle-bottom-start,
-        .resize-handle-bottom-end {
-            bottom: calc(var(--h) * -0.5)
-        }
-
-        /* Corner cursors */
-        .resize-handle-top-left,
-        .resize-handle-top-start {
-            cursor: nw-resize;
-        }
-
-        .resize-handle-top-right,
-        .resize-handle-top-end {
-            cursor: ne-resize;
-        }
-
-        .resize-handle-bottom-left,
-        .resize-handle-bottom-start {
-            cursor: sw-resize;
-        }
-
-        .resize-handle-bottom-right,
-        .resize-handle-bottom-end {
-            cursor: se-resize;
-        }
-
-        /* Screen overlay to get mouse coordinates */
-        .resize-overlay {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100vw;
-            height: 100vh;
-            z-index: 9999;
-            display: none;
-            background: transparent
-        }
-
-        /* Resize states */
-        .resizable-closing {
-            opacity: 0.5;
-            transition: opacity 0.2s ease
-        }
-
-        .resizable-closed {
-            display: none !important
-        }
-
-        /* Focus states for accessibility — framework ring (manifest.theme.css) */
-        .resize-handle:focus {
-            outline: none;
-            box-shadow: 0 0 0 2px color-mix(in oklch, var(--color-content-stark) 30%, transparent)
-        }
-
-        /* Reduced motion support */
-        @media (prefers-reduced-motion: reduce) {
-
-            :where(.resizable-closing,
-                .resize-handle) {
-                transition: none
-            }
-        }
-    }
-
-    /* RTL cursor flips — placement follows the logical insets in the shared geometry */
-    [dir=rtl] :where([x-resize]) .resize-handle-top-start {
-        cursor: ne-resize;
-    }
-
-    [dir=rtl] :where([x-resize]) .resize-handle-top-end {
-        cursor: nw-resize;
-    }
-
-    [dir=rtl] :where([x-resize]) .resize-handle-bottom-start {
-        cursor: se-resize;
-    }
-
-    [dir=rtl] :where([x-resize]) .resize-handle-bottom-end {
-        cursor: sw-resize;
-    }
-}

package/lib/manifest.resize.js

@@ -1,488 +0,0 @@
-/* Manifest Resizer */
-
-(function () {
-
-
-function initializeResizablePlugin() {
-    // Cache for unit conversions to avoid repeated DOM manipulation
-    const unitCache = new Map();
-    let tempConversionEl = null;
-
-    // Helper to parse value and unit from CSS dimension
-    const parseDimension = (value) => {
-        if (typeof value === 'number') return { value, unit: 'px' };
-        const match = String(value).match(/^([\d.]+)(.*)$/);
-        return match ? { value: parseFloat(match[1]), unit: match[2] || 'px' } : { value: 0, unit: 'px' };
-    };
-
-    // Helper to convert any unit to pixels (cached and optimized)
-    const convertToPixels = (value, unit) => {
-        if (unit === 'px') return value;
-
-        const cacheKey = `${value}${unit}`;
-        if (unitCache.has(cacheKey)) {
-            return unitCache.get(cacheKey);
-        }
-
-        // Use a single cached conversion element
-        if (!tempConversionEl) {
-            tempConversionEl = document.createElement('div');
-            tempConversionEl.style.cssText = 'visibility:hidden;position:absolute;top:-9999px;left:-9999px;width:0;height:0;';
-            document.body.appendChild(tempConversionEl);
-        }
-
-        tempConversionEl.style.width = `${value}${unit}`;
-        const pixels = tempConversionEl.getBoundingClientRect().width;
-
-        unitCache.set(cacheKey, pixels);
-        return pixels;
-    };
-
-    // Helper to convert pixels back to original unit (cached)
-    const convertFromPixels = (pixels, unit, element) => {
-        if (unit === 'px') return pixels;
-
-        const cacheKey = `${pixels}${unit}${element.tagName}`;
-        if (unitCache.has(cacheKey)) {
-            return unitCache.get(cacheKey);
-        }
-
-        let result;
-        switch (unit) {
-            case '%':
-                result = (pixels / element.parentElement.getBoundingClientRect().width) * 100;
-                break;
-            case 'rem':
-                const remSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
-                result = pixels / remSize;
-                break;
-            case 'em':
-                const emSize = parseFloat(getComputedStyle(element).fontSize);
-                result = pixels / emSize;
-                break;
-            default:
-                result = pixels;
-        }
-
-        unitCache.set(cacheKey, result);
-        return result;
-    };
-
-    Alpine.directive('resize', (el, { modifiers, expression }, { evaluate }) => {
-        // Store configuration on the element for lazy initialization
-        el._resizeConfig = {
-            expression,
-            evaluate,
-            handles: null,
-            initialized: false
-        };
-
-        // Load saved width and height immediately if specified
-        if (expression) {
-            try {
-                const options = evaluate(expression);
-                if (options) {
-                    if (options.saveWidth) {
-                        const savedWidth = localStorage.getItem(`resizable-${options.saveWidth}`);
-                        if (savedWidth) {
-                            // Preserve the original unit if saved
-                            const [value, unit] = savedWidth.split('|');
-                            el.style.width = `${value}${unit || 'px'}`;
-                        }
-                    }
-                    if (options.saveHeight) {
-                        const savedHeight = localStorage.getItem(`resizable-${options.saveHeight}`);
-                        if (savedHeight) {
-                            // Preserve the original unit if saved
-                            const [value, unit] = savedHeight.split('|');
-                            el.style.height = `${value}${unit || 'px'}`;
-                        }
-                    }
-                }
-            } catch (error) {
-                // Ignore parsing errors here, they'll be handled in initializeResizeElement
-            }
-        }
-
-        // Add hover listener to create handles on first interaction
-        el.addEventListener('mouseenter', initializeResizeElement, { once: true });
-    });
-
-    function initializeResizeElement(event) {
-        const el = event.target;
-        const config = el._resizeConfig;
-        if (config.initialized) return;
-
-        config.initialized = true;
-
-        // Helper to parse value and unit from CSS dimension
-        const parseDimension = (value) => {
-            if (typeof value === 'number') return { value, unit: 'px' };
-            const match = String(value).match(/^([\d.]+)(.*)$/);
-            return match ? { value: parseFloat(match[1]), unit: match[2] || 'px' } : { value: 0, unit: 'px' };
-        };
-
-        // Parse options from expression or use defaults
-        let options = {};
-        if (config.expression) {
-            try {
-                options = config.evaluate(config.expression);
-            } catch (error) {
-                console.error('Error parsing x-resize expression:', config.expression, error);
-                options = {};
-            }
-        }
-        const {
-            snapDistance = 0,
-            snapPoints = [],
-            snapCloseX = null,
-            snapDistanceX = null,
-            snapDistanceY = null,
-            snapPointsX = [],
-            snapPointsY = [],
-            snapCloseY = null,
-            toggle = null,
-            handles = ['top', 'bottom', 'left', 'right', 'top-left', 'top-right', 'bottom-left', 'bottom-right'],
-            saveWidth = null,
-            saveHeight = null
-        } = options;
-
-        // Store handles for cleanup
-        config.handles = [];
-
-        // Parse constraints with units
-        const constraints = {
-            closeX: snapCloseX ? parseDimension(snapCloseX) : null,
-            closeY: snapCloseY ? parseDimension(snapCloseY) : null
-        };
-
-        // Parse snap points with units
-        const parsedSnapPoints = snapPoints.map(point => parseDimension(point));
-        const parsedSnapPointsX = snapPointsX.map(point => parseDimension(point));
-        const parsedSnapPointsY = snapPointsY.map(point => parseDimension(point));
-
-        // Detect RTL context
-        const isRTL = getComputedStyle(el).direction === 'rtl';
-
-        // Handle mapping for resize behavior
-        const handleMap = {
-            // Physical directions (fixed)
-            top: { edge: 'top', direction: 'vertical' },
-            bottom: { edge: 'bottom', direction: 'vertical' },
-            left: { edge: 'left', direction: 'horizontal' },
-            right: { edge: 'right', direction: 'horizontal' },
-
-            // Corners
-            'top-left': { edge: 'top-left', direction: 'both', edges: ['top', 'left'] },
-            'top-right': { edge: 'top-right', direction: 'both', edges: ['top', 'right'] },
-            'bottom-left': { edge: 'bottom-left', direction: 'both', edges: ['bottom', 'left'] },
-            'bottom-right': { edge: 'bottom-right', direction: 'both', edges: ['bottom', 'right'] },
-
-            // Logical directions (RTL-aware)
-            start: {
-                edge: isRTL ? 'right' : 'left',
-                direction: 'horizontal',
-                logical: true
-            },
-            end: {
-                edge: isRTL ? 'left' : 'right',
-                direction: 'horizontal',
-                logical: true
-            },
-
-            // Logical corners
-            'top-start': {
-                edge: isRTL ? 'top-right' : 'top-left',
-                direction: 'both',
-                edges: isRTL ? ['top', 'right'] : ['top', 'left'],
-                logical: true
-            },
-            'top-end': {
-                edge: isRTL ? 'top-left' : 'top-right',
-                direction: 'both',
-                edges: isRTL ? ['top', 'left'] : ['top', 'right'],
-                logical: true
-            },
-            'bottom-start': {
-                edge: isRTL ? 'bottom-right' : 'bottom-left',
-                direction: 'both',
-                edges: isRTL ? ['bottom', 'right'] : ['bottom', 'left'],
-                logical: true
-            },
-            'bottom-end': {
-                edge: isRTL ? 'bottom-left' : 'bottom-right',
-                direction: 'both',
-                edges: isRTL ? ['bottom', 'left'] : ['bottom', 'right'],
-                logical: true
-            }
-        };
-
-        // Create handles for each specified handle
-        handles.forEach(handleName => {
-            const handleInfo = handleMap[handleName];
-            if (!handleInfo) return;
-
-            const handle = document.createElement('span');
-            handle.className = `resize-handle resize-handle-${handleName}`;
-            handle.setAttribute('data-handle', handleName);
-
-            let startX, startY, startWidth, startHeight;
-            let currentSnap = null;
-            let lastWidth, lastHeight;
-
-            // Convert constraints to pixels for calculations
-            const pixelConstraints = {
-                closeX: constraints.closeX ? convertToPixels(constraints.closeX.value, constraints.closeX.unit) : null,
-                closeY: constraints.closeY ? convertToPixels(constraints.closeY.value, constraints.closeY.unit) : null
-            };
-
-            // Convert snap points to pixels
-            const pixelSnapPoints = parsedSnapPoints.map(point => ({
-                value: convertToPixels(point.value, point.unit),
-                unit: point.unit
-            }));
-            const pixelSnapPointsX = parsedSnapPointsX.map(point => ({
-                value: convertToPixels(point.value, point.unit),
-                unit: point.unit
-            }));
-            const pixelSnapPointsY = parsedSnapPointsY.map(point => ({
-                value: convertToPixels(point.value, point.unit),
-                unit: point.unit
-            }));
-
-            const snapDistancePixels = convertToPixels(snapDistance, 'px');
-            const snapDistanceXPixels = snapDistanceX ? convertToPixels(snapDistanceX, 'px') : snapDistancePixels;
-            const snapDistanceYPixels = snapDistanceY ? convertToPixels(snapDistanceY, 'px') : snapDistancePixels;
-
-            const handleMouseDown = (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-
-                el.classList.add('resizable-dragging');
-
-                startX = e.clientX;
-                startY = e.clientY;
-                startWidth = el.getBoundingClientRect().width;
-                startHeight = el.getBoundingClientRect().height;
-
-                // Each drag starts with clean snap state
-                currentSnap = null;
-                lastWidth = startWidth;
-                lastHeight = startHeight;
-
-                // Show overlay
-                const overlay = document.querySelector('.resize-overlay') || createOverlay();
-                overlay.style.display = 'block';
-                document.body.appendChild(overlay);
-
-                document.addEventListener('mousemove', handleMouseMove);
-                document.addEventListener('mouseup', handleMouseUp);
-            };
-
-            const handleMouseMove = (e) => {
-                const deltaX = e.clientX - startX;
-                const deltaY = e.clientY - startY;
-
-                let newWidth = startWidth;
-                let newHeight = startHeight;
-
-                // Calculate new dimensions based on handle type
-                if (handleInfo.direction === 'horizontal' || handleInfo.direction === 'both') {
-                    if (handleInfo.edge === 'left' || handleInfo.edge === 'top-left' || handleInfo.edge === 'bottom-left') {
-                        newWidth = startWidth - deltaX;
-                    } else if (handleInfo.edge === 'right' || handleInfo.edge === 'top-right' || handleInfo.edge === 'bottom-right') {
-                        newWidth = startWidth + deltaX;
-                    }
-                }
-
-                if (handleInfo.direction === 'vertical' || handleInfo.direction === 'both') {
-                    if (handleInfo.edge === 'top' || handleInfo.edge === 'top-left' || handleInfo.edge === 'top-right') {
-                        newHeight = startHeight - deltaY;
-                    } else if (handleInfo.edge === 'bottom' || handleInfo.edge === 'bottom-left' || handleInfo.edge === 'bottom-right') {
-                        newHeight = startHeight + deltaY;
-                    }
-                }
-
-                // Handle snap-close behavior for width
-                if (pixelConstraints.closeX !== null && newWidth <= pixelConstraints.closeX) {
-                    // Close only while shrinking toward the close edge
-                    if (newWidth < lastWidth || currentSnap === 'closing') {
-                        el.classList.add('resizable-closing');
-                        currentSnap = 'closing';
-
-                        if (toggle) {
-                            config.evaluate(`${toggle} = false`);
-                        }
-
-                        el.dispatchEvent(new CustomEvent('resize', {
-                            detail: {
-                                width: newWidth,
-                                height: newHeight,
-                                unit: 'px',
-                                snap: currentSnap,
-                                closing: true
-                            }
-                        }));
-                    }
-                    lastWidth = newWidth;
-                    lastHeight = newHeight;
-                    return; // Exit early to prevent further width calculations
-                }
-
-                // Handle snap-close behavior for height
-                if (pixelConstraints.closeY !== null && newHeight <= pixelConstraints.closeY) {
-                    // Close only while shrinking toward the close edge
-                    if (newHeight < lastHeight || currentSnap === 'closing') {
-                        el.classList.add('resizable-closing');
-                        currentSnap = 'closing';
-
-                        if (toggle) {
-                            config.evaluate(`${toggle} = false`);
-                        }
-
-                        el.dispatchEvent(new CustomEvent('resize', {
-                            detail: {
-                                width: newWidth,
-                                height: newHeight,
-                                unit: 'px',
-                                snap: currentSnap,
-                                closing: true
-                            }
-                        }));
-                    }
-                    lastWidth = newWidth;
-                    lastHeight = newHeight;
-                    return; // Exit early to prevent further height calculations
-                }
-
-                // Above close thresholds: clear any closing state
-                if (currentSnap === 'closing') {
-                    currentSnap = null;
-                }
-
-                // Apply constraints only if we're not closing
-                // Note: maxWidth and maxHeight are now handled by CSS (e.g., Tailwind classes)
-
-                // Handle normal snap points for width
-                const widthSnapPoints = pixelSnapPointsX.length > 0 ? pixelSnapPointsX : pixelSnapPoints;
-                const widthSnapDistance = snapDistanceXPixels;
-                for (const point of widthSnapPoints) {
-                    const distance = Math.abs(newWidth - point.value);
-                    if (distance < widthSnapDistance) {
-                        newWidth = point.value;
-                        currentSnap = `${convertFromPixels(newWidth, point.unit, el)}${point.unit}`;
-                        break;
-                    }
-                }
-
-                // Handle normal snap points for height
-                const heightSnapPoints = pixelSnapPointsY.length > 0 ? pixelSnapPointsY : pixelSnapPoints;
-                const heightSnapDistance = snapDistanceYPixels;
-                for (const point of heightSnapPoints) {
-                    const distance = Math.abs(newHeight - point.value);
-                    if (distance < heightSnapDistance) {
-                        newHeight = point.value;
-                        currentSnap = `${convertFromPixels(newHeight, point.unit, el)}${point.unit}`;
-                        break;
-                    }
-                }
-
-                // Convert back to original unit for display
-                el.style.width = `${newWidth}px`;
-                el.style.height = `${newHeight}px`;
-                lastWidth = newWidth;
-                lastHeight = newHeight;
-                el.classList.remove('resizable-closing', 'resizable-closed');
-                if (toggle) {
-                    config.evaluate(`${toggle} = true`);
-                }
-
-                if (currentSnap !== 'closing') {
-                    if (saveWidth) {
-                        localStorage.setItem(`resizable-${saveWidth}`,
-                            `${newWidth}|px`);
-                    }
-                    if (saveHeight) {
-                        localStorage.setItem(`resizable-${saveHeight}`,
-                            `${newHeight}|px`);
-                    }
-                }
-
-                // Dispatch resize event
-                el.dispatchEvent(new CustomEvent('resize', {
-                    detail: {
-                        width: newWidth,
-                        height: newHeight,
-                        unit: 'px',
-                        snap: currentSnap,
-                        closing: currentSnap === 'closing'
-                    }
-                }));
-            };
-
-            const handleMouseUp = () => {
-                document.removeEventListener('mousemove', handleMouseMove);
-                document.removeEventListener('mouseup', handleMouseUp);
-
-                el.classList.remove('resizable-dragging');
-
-                // Hide overlay
-                const overlay = document.querySelector('.resize-overlay');
-                if (overlay) {
-                    overlay.style.display = 'none';
-                }
-
-                if (currentSnap === 'closing') {
-                    el.classList.add('resizable-closed');
-                }
-            };
-
-            handle.addEventListener('mousedown', handleMouseDown);
-            el.appendChild(handle);
-            config.handles.push(handle);
-        });
-    }
-
-    function createOverlay() {
-        const overlay = document.createElement('div');
-        overlay.className = 'resize-overlay';
-        overlay.style.display = 'none';
-        return overlay;
-    }
-}
-
-// Track initialization to prevent duplicates
-let resizePluginInitialized = false;
-
-function ensureResizePluginInitialized() {
-    if (resizePluginInitialized) return;
-    if (!window.Alpine || typeof window.Alpine.directive !== 'function') return;
-
-    resizePluginInitialized = true;
-    initializeResizablePlugin();
-}
-
-// Expose on window for loader to call if needed
-window.ensureResizePluginInitialized = ensureResizePluginInitialized;
-
-// Handle both DOMContentLoaded and alpine:init
-if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', ensureResizePluginInitialized);
-}
-
-document.addEventListener('alpine:init', ensureResizePluginInitialized);
-
-// If Alpine is already initialized when this script loads, initialize immediately
-if (window.Alpine && typeof window.Alpine.directive === 'function') {
-    setTimeout(ensureResizePluginInitialized, 0);
-} else {
-    const checkAlpine = setInterval(() => {
-        if (window.Alpine && typeof window.Alpine.directive === 'function') {
-            clearInterval(checkAlpine);
-            ensureResizePluginInitialized();
-        }
-    }, 10);
-    setTimeout(() => clearInterval(checkAlpine), 5000);
-}
-
-})();