local-lite 0.0.21 → 0.0.24

package/dist/core/outbox-store.js

@@ -22,16 +22,16 @@ class OutboxStore {
      * Initializes the sync_outbox schema if it does not already exist.
      */
     static async ensureSchema(db) {
-        await db.execute(`CREATE TABLE IF NOT EXISTS sync_outbox (
-        id TEXT PRIMARY KEY,
-        table_name TEXT NOT NULL,
-        row_id TEXT NOT NULL,
-        operation TEXT NOT NULL,
-        payload TEXT,
-        timestamp INTEGER NOT NULL,
-        status TEXT NOT NULL DEFAULT 'PENDING',
-        retry_count INTEGER NOT NULL DEFAULT 0,
-        last_error TEXT
+        await db.execute(`CREATE TABLE IF NOT EXISTS sync_outbox (
+        id TEXT PRIMARY KEY,
+        table_name TEXT NOT NULL,
+        row_id TEXT NOT NULL,
+        operation TEXT NOT NULL,
+        payload TEXT,
+        timestamp INTEGER NOT NULL,
+        status TEXT NOT NULL DEFAULT 'PENDING',
+        retry_count INTEGER NOT NULL DEFAULT 0,
+        last_error TEXT
       );`);
         // Indexes for the hot paths: pending scans (push), per-row conflict lookups (pull),
         // and status counts (telemetry). Executed separately: many drivers prepare one statement.
@@ -43,7 +43,7 @@ class OutboxStore {
      * Inserts a new outbox entry within an existing database transaction.
      */
     static async insertRecord(tx, op) {
-        await tx.execute(`INSERT INTO sync_outbox (id, table_name, row_id, operation, payload, timestamp, status, retry_count)
+        await tx.execute(`INSERT INTO sync_outbox (id, table_name, row_id, operation, payload, timestamp, status, retry_count)
        VALUES (?, ?, ?, ?, ?, ?, 'PENDING', 0)`, [
             op.id,
             op.tableName,
@@ -85,11 +85,11 @@ class OutboxStore {
     static async getPending(db, maxRetries = 5, limit = 50) {
         const isInfinite = !Number.isFinite(maxRetries) || maxRetries === -1;
         const query = isInfinite
-            ? `SELECT * FROM sync_outbox 
-         WHERE status = 'PENDING' OR status = 'FAILED' 
+            ? `SELECT * FROM sync_outbox 
+         WHERE status = 'PENDING' OR status = 'FAILED' 
          ORDER BY timestamp ASC LIMIT ?`
-            : `SELECT * FROM sync_outbox 
-         WHERE status = 'PENDING' OR (status = 'FAILED' AND retry_count < ?) 
+            : `SELECT * FROM sync_outbox 
+         WHERE status = 'PENDING' OR (status = 'FAILED' AND retry_count < ?) 
          ORDER BY timestamp ASC LIMIT ?`;
         const params = isInfinite ? [limit] : [maxRetries, limit];
         const rows = await db.execute(query, params);
@@ -101,8 +101,8 @@ class OutboxStore {
      * Finds the latest pending outbox record for a given table and row.
      */
     static async findPendingByRow(tx, tableName, rowId) {
-        const rows = await tx.execute(`SELECT * FROM sync_outbox 
-       WHERE table_name = ? AND row_id = ? AND status != 'FAILED' 
+        const rows = await tx.execute(`SELECT * FROM sync_outbox 
+       WHERE table_name = ? AND row_id = ? AND status != 'FAILED' 
        ORDER BY timestamp DESC LIMIT 1`, [tableName, rowId]);
         if (!rows || rows.length === 0)
             return undefined;
@@ -193,10 +193,10 @@ class OutboxStore {
         if (ids.length === 0)
             return;
         const placeholders = ids.map(() => '?').join(',');
-        await db.execute(`UPDATE sync_outbox 
-       SET status = 'FAILED', 
-           retry_count = retry_count + 1, 
-           last_error = ? 
+        await db.execute(`UPDATE sync_outbox 
+       SET status = 'FAILED', 
+           retry_count = retry_count + 1, 
+           last_error = ? 
        WHERE id IN (${placeholders})`, [errorMessage, ...ids]);
     }
     /**
@@ -235,8 +235,8 @@ class OutboxStore {
         try {
             if (ids && ids.length > 0) {
                 const placeholders = ids.map(() => '?').join(',');
-                await db.execute(`UPDATE sync_outbox 
-           SET status = 'PENDING', retry_count = 0, last_error = NULL 
+                await db.execute(`UPDATE sync_outbox 
+           SET status = 'PENDING', retry_count = 0, last_error = NULL 
            WHERE status = 'FAILED' AND id IN (${placeholders})`, ids);
                 return ids.length;
             }

package/dist/{react → devtools}/BenchmarkModal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LocalFirstClient } from '../core/client.js';
-import { type SyncThemeColors } from './theme.js';
+import { type SyncThemeColors } from '../react/theme.js';
 export interface BuiltinBenchmarkResult {
     name: string;
     category: 'Local-Lite Client' | 'ACID / Transactions' | 'Outbox / Sync' | 'Memory / JSON';

package/dist/{react → devtools}/BenchmarkModal.js

@@ -37,7 +37,7 @@ exports.runSQLiteBenchmark = runSQLiteBenchmark;
 exports.BenchmarkModal = BenchmarkModal;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const theme_js_1 = require("./theme.js");
+const theme_js_1 = require("../react/theme.js");
 let RN;
 try {
     RN = require('react-native');
@@ -68,27 +68,27 @@ async function runSQLiteBenchmark(clientOrDb, onProgress) {
         await db.execute('DROP TABLE IF EXISTS "_sync_bench_tags"').catch(() => { });
         await db.execute('DROP TABLE IF EXISTS "_sync_bench_temp"').catch(() => { });
         await db.execute('DROP TABLE IF EXISTS "_sync_bench_outbox"').catch(() => { });
-        await db.execute(`
-      CREATE TABLE IF NOT EXISTS "_sync_bench_temp" (
-        id TEXT PRIMARY KEY,
-        title TEXT,
-        score INTEGER,
-        metadata TEXT,
-        created_at TEXT
-      )
+        await db.execute(`
+      CREATE TABLE IF NOT EXISTS "_sync_bench_temp" (
+        id TEXT PRIMARY KEY,
+        title TEXT,
+        score INTEGER,
+        metadata TEXT,
+        created_at TEXT
+      )
     `);
         await db.execute('CREATE INDEX IF NOT EXISTS "idx_sync_bench_score" ON "_sync_bench_temp" (score)');
-        await db.execute(`
-      CREATE TABLE IF NOT EXISTS "_sync_bench_outbox" (
-        id TEXT PRIMARY KEY,
-        tableName TEXT NOT NULL,
-        rowId TEXT NOT NULL,
-        operation TEXT NOT NULL,
-        payload TEXT,
-        timestamp INTEGER NOT NULL,
-        status TEXT DEFAULT 'PENDING',
-        retryCount INTEGER DEFAULT 0
-      )
+        await db.execute(`
+      CREATE TABLE IF NOT EXISTS "_sync_bench_outbox" (
+        id TEXT PRIMARY KEY,
+        tableName TEXT NOT NULL,
+        rowId TEXT NOT NULL,
+        operation TEXT NOT NULL,
+        payload TEXT,
+        timestamp INTEGER NOT NULL,
+        status TEXT DEFAULT 'PENDING',
+        retryCount INTEGER DEFAULT 0
+      )
     `);
         await db.execute('CREATE INDEX IF NOT EXISTS "idx_sync_bench_outbox" ON "_sync_bench_outbox" (status, timestamp)');
         // 1. client.batch() Ingestion (500 rows in single atomic transaction)

package/dist/{react → devtools}/SyncInspector.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { LocalFirstClient } from '../core/client.js';
-import { type SyncThemeColors } from './theme.js';
+import { type SyncThemeColors } from '../react/theme.js';
 export interface SyncInspectorProps {
     client: LocalFirstClient | null | undefined;
+    title?: string;
     position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'top' | 'bottom' | 'inline';
     variant?: 'pill' | 'compact' | 'icon' | 'minimal';
     initialOpen?: boolean;
@@ -26,4 +27,4 @@ export interface SyncInspectorProps {
  * Respects device safe areas and active theme (dark/light/custom).
  * Displays real-time outbox telemetry, connection status, metrics, and triggers manual push, pull, reset, and benchmarks.
  */
-export declare function SyncInspector({ client, position, variant, initialOpen, enableBenchmark, onOpenBenchmark, style, theme, alwaysVisible, renderTrigger, }: SyncInspectorProps): React.JSX.Element | null;
+export declare function SyncInspector({ client, position, variant, initialOpen, enableBenchmark, onOpenBenchmark, style, theme, alwaysVisible, renderTrigger, title, }: SyncInspectorProps): React.JSX.Element | null;

package/dist/{react → devtools}/SyncInspector.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SyncInspector = SyncInspector;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const status_js_1 = require("./status.js");
+const status_js_1 = require("../react/status.js");
 const BenchmarkModal_js_1 = require("./BenchmarkModal.js");
-const theme_js_1 = require("./theme.js");
+const theme_js_1 = require("../react/theme.js");
 let RN;
 try {
     RN = require('react-native');
@@ -26,7 +26,7 @@ const BENCHMARK_DESCRIPTION = 'Runs automated stress tests directly validating l
  * Respects device safe areas and active theme (dark/light/custom).
  * Displays real-time outbox telemetry, connection status, metrics, and triggers manual push, pull, reset, and benchmarks.
  */
-function SyncInspector({ client, position = 'bottom-right', variant = 'pill', initialOpen = false, enableBenchmark = true, onOpenBenchmark, style, theme = 'auto', alwaysVisible = true, renderTrigger, }) {
+function SyncInspector({ client, position = 'bottom-right', variant = 'pill', initialOpen = false, enableBenchmark = true, onOpenBenchmark, style, theme = 'auto', alwaysVisible = true, renderTrigger, title = '⚡ Local Lite DevTools', }) {
     const [isOpen, setIsOpen] = (0, react_1.useState)(initialOpen);
     const [isBenchmarkModalOpen, setIsBenchmarkModalOpen] = (0, react_1.useState)(false);
     const status = (0, status_js_1.useSyncStatus)(client);
@@ -59,6 +59,33 @@ function SyncInspector({ client, position = 'bottom-right', variant = 'pill', in
         await client.syncWorker.pullRemoteChanges();
     });
     const handleRetryFailed = () => runAction('Re-queueing failed mutations...', (count) => `Re-queued ${count || 0} mutations`, () => client.retryFailedMutations());
+    const handleClearOutbox = () => {
+        const clearOutbox = () => runAction('Clearing stuck outbox...', (count) => `Cleared ${count || 0} stuck outbox mutations`, async () => {
+            client.syncWorker.pause();
+            try {
+                const count = await client.maintenance.pruneOutbox({ statuses: ['PENDING', 'PROCESSING', 'FAILED'] });
+                if (count > 0) {
+                    client.events.emit('sync_outbox', { operation: 'DELETE', rowId: 'clear-stuck' });
+                }
+                await status.refresh();
+                return count;
+            }
+            finally {
+                client.syncWorker.resume();
+            }
+        });
+        const message = 'This permanently removes queued pending, processing, and failed mutations. Local database records are not deleted.';
+        if (RN?.Alert?.alert) {
+            RN.Alert.alert('Clear stuck outbox?', message, [
+                { text: 'Cancel', style: 'cancel' },
+                { text: 'Clear outbox', style: 'destructive', onPress: () => { void clearOutbox(); } },
+            ]);
+            return;
+        }
+        if (typeof globalThis.confirm === 'function' && globalThis.confirm(message)) {
+            void clearOutbox();
+        }
+    };
     const handleBenchmarkPress = () => {
         if (onOpenBenchmark) {
             onOpenBenchmark();
@@ -97,7 +124,8 @@ function SyncInspector({ client, position = 'bottom-right', variant = 'pill', in
         { id: 'pull', label: '📥 Pull Changes', onPress: handlePull, bg: '#2563EB', color: '#FFFFFF' },
         { id: 'retry', label: '🔄 Retry Failed', onPress: handleRetryFailed, bg: currentTheme.actionBg, color: currentTheme.actionText },
         { id: 'reset', label: '⏪ Reset Cursor', onPress: handleResetCursor, bg: currentTheme.actionBg, color: currentTheme.actionText },
-    ], [handlePush, handlePull, handleRetryFailed, handleResetCursor, currentTheme.actionBg, currentTheme.actionText]);
+        { id: 'clear-outbox', label: 'Clear Stuck Outbox', onPress: handleClearOutbox, disabled: status.pendingCount === 0, bg: '#EF4444', color: '#FFFFFF' },
+    ], [handlePush, handlePull, handleRetryFailed, handleResetCursor, handleClearOutbox, currentTheme.actionBg, currentTheme.actionText, status.pendingCount]);
     const triggerLabel = variant === 'compact'
         ? status.pendingCount > 0
             ? `${status.pendingCount} queued`
@@ -141,7 +169,7 @@ function SyncInspector({ client, position = 'bottom-right', variant = 'pill', in
                                         borderBottomColor: currentTheme.border,
                                     },
                                     !RNSafeArea?.SafeAreaView && isAndroid && { paddingTop: statusBarHeight + 10 },
-                                ], children: [(0, jsx_runtime_1.jsxs)(View, { style: { flex: 1 }, children: [(0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.topBarTitle, { color: currentTheme.text }], children: "\u26A1 Local Lite DevTools" }), (0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.topBarSub, { color: currentTheme.textMuted }], children: "Engine Inspector & Sync Telemetry" })] }), (0, jsx_runtime_1.jsx)(View, { style: [rnStyles.statusBadge, { borderColor: statusColor, backgroundColor: `${statusColor}20` }], children: (0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.statusBadgeText, { color: statusColor }], children: statusLabel }) }), (0, jsx_runtime_1.jsx)(TouchableOpacity, { onPress: () => setIsOpen(false), style: [rnStyles.closeCircle, { backgroundColor: currentTheme.actionBg }], activeOpacity: 0.7, children: (0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.closeCircleText, { color: currentTheme.actionText }], children: "\u2715" }) })] }), (0, jsx_runtime_1.jsxs)(ScrollView, { style: [rnStyles.scrollBody, { backgroundColor: currentTheme.bg }], contentContainerStyle: rnStyles.scrollContent, showsVerticalScrollIndicator: true, children: [actionMessage && ((0, jsx_runtime_1.jsx)(View, { style: rnStyles.actionMsgBox, children: (0, jsx_runtime_1.jsx)(Text, { style: rnStyles.actionMsgText, children: actionMessage }) })), (0, jsx_runtime_1.jsx)(View, { style: rnStyles.statGrid, children: statCards.map((card) => ((0, jsx_runtime_1.jsxs)(View, { style: [
+                                ], children: [(0, jsx_runtime_1.jsxs)(View, { style: { flex: 1 }, children: [(0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.topBarTitle, { color: currentTheme.text }], children: title }), (0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.topBarSub, { color: currentTheme.textMuted }], children: "Engine Inspector & Sync Telemetry" })] }), (0, jsx_runtime_1.jsx)(View, { style: [rnStyles.statusBadge, { borderColor: statusColor, backgroundColor: `${statusColor}20` }], children: (0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.statusBadgeText, { color: statusColor }], children: statusLabel }) }), (0, jsx_runtime_1.jsx)(TouchableOpacity, { onPress: () => setIsOpen(false), style: [rnStyles.closeCircle, { backgroundColor: currentTheme.actionBg }], activeOpacity: 0.7, children: (0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.closeCircleText, { color: currentTheme.actionText }], children: "\u2715" }) })] }), (0, jsx_runtime_1.jsxs)(ScrollView, { style: [rnStyles.scrollBody, { backgroundColor: currentTheme.bg }], contentContainerStyle: rnStyles.scrollContent, showsVerticalScrollIndicator: true, children: [actionMessage && ((0, jsx_runtime_1.jsx)(View, { style: rnStyles.actionMsgBox, children: (0, jsx_runtime_1.jsx)(Text, { style: rnStyles.actionMsgText, children: actionMessage }) })), (0, jsx_runtime_1.jsx)(View, { style: rnStyles.statGrid, children: statCards.map((card) => ((0, jsx_runtime_1.jsxs)(View, { style: [
                                                 rnStyles.statCard,
                                                 {
                                                     backgroundColor: currentTheme.card,
@@ -153,7 +181,7 @@ function SyncInspector({ client, position = 'bottom-right', variant = 'pill', in
                                                 backgroundColor: currentTheme.card,
                                                 borderColor: currentTheme.border,
                                             },
-                                        ], children: [(0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.infoCardTitle, { color: currentTheme.textMuted }], children: "ENGINE ACTIONS" }), (0, jsx_runtime_1.jsx)(View, { style: rnStyles.btnRow, children: actionButtons.slice(0, 2).map((btn) => ((0, jsx_runtime_1.jsx)(TouchableOpacity, { onPress: btn.onPress, style: [rnStyles.actionBtn, { backgroundColor: btn.bg }], activeOpacity: 0.8, children: (0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.actionBtnText, { color: btn.color }], children: btn.label }) }, btn.id))) }), (0, jsx_runtime_1.jsx)(View, { style: [rnStyles.btnRow, { marginTop: 8 }], children: actionButtons.slice(2, 4).map((btn) => ((0, jsx_runtime_1.jsx)(TouchableOpacity, { onPress: btn.onPress, style: [rnStyles.actionBtn, { backgroundColor: btn.bg }], activeOpacity: 0.8, children: (0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.actionBtnText, { color: btn.color }], children: btn.label }) }, btn.id))) })] }), (metrics?.lastPushError || metrics?.lastPullError) && ((0, jsx_runtime_1.jsxs)(View, { style: [rnStyles.infoCard, { borderColor: '#EF444480', backgroundColor: '#7F1D1D20' }], children: [(0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.infoCardTitle, { color: '#F87171' }], children: "SYNC ENGINE ERRORS" }), metrics?.lastPushError && ((0, jsx_runtime_1.jsxs)(View, { style: { marginBottom: 6 }, children: [(0, jsx_runtime_1.jsx)(Text, { style: { fontSize: 11, color: '#FCA5A5', fontWeight: '700' }, children: "Last Push Error:" }), (0, jsx_runtime_1.jsx)(Text, { style: { fontSize: 12, color: '#FECACA' }, children: String(metrics.lastPushError) })] })), metrics?.lastPullError && ((0, jsx_runtime_1.jsxs)(View, { children: [(0, jsx_runtime_1.jsx)(Text, { style: { fontSize: 11, color: '#FCA5A5', fontWeight: '700' }, children: "Last Pull Error:" }), (0, jsx_runtime_1.jsx)(Text, { style: { fontSize: 12, color: '#FECACA' }, children: String(metrics.lastPullError) })] }))] })), status.pendingRecords && status.pendingRecords.length > 0 && ((0, jsx_runtime_1.jsxs)(View, { style: [
+                                        ], children: [(0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.infoCardTitle, { color: currentTheme.textMuted }], children: "ENGINE ACTIONS" }), (0, jsx_runtime_1.jsx)(View, { style: rnStyles.btnRow, children: actionButtons.slice(0, 2).map((btn) => ((0, jsx_runtime_1.jsx)(TouchableOpacity, { onPress: btn.onPress, style: [rnStyles.actionBtn, { backgroundColor: btn.bg }], activeOpacity: 0.8, children: (0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.actionBtnText, { color: btn.color }], children: btn.label }) }, btn.id))) }), (0, jsx_runtime_1.jsx)(View, { style: [rnStyles.btnRow, { marginTop: 8 }], children: actionButtons.slice(2, 4).map((btn) => ((0, jsx_runtime_1.jsx)(TouchableOpacity, { onPress: btn.onPress, style: [rnStyles.actionBtn, { backgroundColor: btn.bg }, btn.disabled && { opacity: 0.5 }], disabled: btn.disabled, activeOpacity: 0.8, children: (0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.actionBtnText, { color: btn.color }], children: btn.label }) }, btn.id))) }), (0, jsx_runtime_1.jsx)(View, { style: [rnStyles.btnRow, { marginTop: 8 }], children: actionButtons.slice(4, 5).map((btn) => ((0, jsx_runtime_1.jsx)(TouchableOpacity, { onPress: btn.onPress, style: [rnStyles.actionBtn, { backgroundColor: btn.bg }, btn.disabled && { opacity: 0.5 }], disabled: btn.disabled, activeOpacity: 0.8, children: (0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.actionBtnText, { color: btn.color }], children: btn.label }) }, btn.id))) })] }), (metrics?.lastPushError || metrics?.lastPullError) && ((0, jsx_runtime_1.jsxs)(View, { style: [rnStyles.infoCard, { borderColor: '#EF444480', backgroundColor: '#7F1D1D20' }], children: [(0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.infoCardTitle, { color: '#F87171' }], children: "SYNC ENGINE ERRORS" }), metrics?.lastPushError && ((0, jsx_runtime_1.jsxs)(View, { style: { marginBottom: 6 }, children: [(0, jsx_runtime_1.jsx)(Text, { style: { fontSize: 11, color: '#FCA5A5', fontWeight: '700' }, children: "Last Push Error:" }), (0, jsx_runtime_1.jsx)(Text, { style: { fontSize: 12, color: '#FECACA' }, children: String(metrics.lastPushError) })] })), metrics?.lastPullError && ((0, jsx_runtime_1.jsxs)(View, { children: [(0, jsx_runtime_1.jsx)(Text, { style: { fontSize: 11, color: '#FCA5A5', fontWeight: '700' }, children: "Last Pull Error:" }), (0, jsx_runtime_1.jsx)(Text, { style: { fontSize: 12, color: '#FECACA' }, children: String(metrics.lastPullError) })] }))] })), status.pendingRecords && status.pendingRecords.length > 0 && ((0, jsx_runtime_1.jsxs)(View, { style: [
                                             rnStyles.infoCard,
                                             {
                                                 backgroundColor: currentTheme.card,
@@ -194,14 +222,7 @@ function SyncInspector({ client, position = 'bottom-right', variant = 'pill', in
                                                             fontSize: 10,
                                                             color: currentTheme.isDark ? '#A78BFA' : '#7C3AED',
                                                             fontWeight: '700',
-                                                        }, children: "ACID & WAL" })] }), (0, jsx_runtime_1.jsx)(Text, { style: { fontSize: 12, color: currentTheme.textMuted, marginBottom: 12, lineHeight: 18 }, children: BENCHMARK_DESCRIPTION }), (0, jsx_runtime_1.jsx)(TouchableOpacity, { onPress: handleBenchmarkPress, style: [rnStyles.actionBtn, { backgroundColor: '#8B5CF6' }], activeOpacity: 0.8, children: (0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.actionBtnText, { color: '#FFFFFF', fontWeight: '700' }], children: "\u26A1 Open SQLite Benchmark Suite" }) })] }))] }), (0, jsx_runtime_1.jsx)(View, { style: [
-                                    rnStyles.bottomBar,
-                                    {
-                                        backgroundColor: currentTheme.surface,
-                                        borderTopColor: currentTheme.border,
-                                    },
-                                    !RNSafeArea?.SafeAreaView && isAndroid && { paddingBottom: 32 },
-                                ], children: (0, jsx_runtime_1.jsx)(TouchableOpacity, { onPress: () => setIsOpen(false), style: [rnStyles.doneBtn, { backgroundColor: currentTheme.actionBg }], activeOpacity: 0.8, children: (0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.doneBtnText, { color: currentTheme.actionText }], children: "Close DevTools" }) }) })] }) }), enableBenchmark && !onOpenBenchmark && ((0, jsx_runtime_1.jsx)(BenchmarkModal_js_1.BenchmarkModal, { client: client, visible: isBenchmarkModalOpen, onDismiss: () => setIsBenchmarkModalOpen(false), theme: theme }))] }));
+                                                        }, children: "ACID & WAL" })] }), (0, jsx_runtime_1.jsx)(Text, { style: { fontSize: 12, color: currentTheme.textMuted, marginBottom: 12, lineHeight: 18 }, children: BENCHMARK_DESCRIPTION }), (0, jsx_runtime_1.jsx)(TouchableOpacity, { onPress: handleBenchmarkPress, style: [rnStyles.actionBtn, { backgroundColor: '#8B5CF6' }], activeOpacity: 0.8, children: (0, jsx_runtime_1.jsx)(Text, { style: [rnStyles.actionBtnText, { color: '#FFFFFF', fontWeight: '700' }], children: "\u26A1 Open SQLite Benchmark Suite" }) })] }))] })] }) }), enableBenchmark && !onOpenBenchmark && ((0, jsx_runtime_1.jsx)(BenchmarkModal_js_1.BenchmarkModal, { client: client, visible: isBenchmarkModalOpen, onDismiss: () => setIsBenchmarkModalOpen(false), theme: theme }))] }));
     }
     // Web / DOM Renderer Fallback
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isOpen ? ((0, jsx_runtime_1.jsxs)("div", { style: {
@@ -225,7 +246,7 @@ function SyncInspector({ client, position = 'bottom-right', variant = 'pill', in
                                             height: 12,
                                             borderRadius: 6,
                                             backgroundColor: statusColor,
-                                        } }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { style: { fontSize: 17, fontWeight: 700, color: currentTheme.text }, children: "\u26A1 Local Lite DevTools" }), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: 11, color: currentTheme.textMuted, marginTop: 2 }, children: "Engine Inspector & Sync Telemetry" })] })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: 12 }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                                        } }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { style: { fontSize: 17, fontWeight: 700, color: currentTheme.text }, children: title }), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: 11, color: currentTheme.textMuted, marginTop: 2 }, children: "Engine Inspector & Sync Telemetry" })] })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: 12 }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
                                             border: `1px solid ${statusColor}`,
                                             color: statusColor,
                                             padding: '3px 10px',
@@ -273,7 +294,7 @@ function SyncInspector({ client, position = 'bottom-right', variant = 'pill', in
                                         backgroundColor: currentTheme.card,
                                         border: `1px solid ${currentTheme.border}`,
                                         borderRadius: 12,
-                                        padding: 16,
+                                        padding: 8,
                                     }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontSize: 24, fontWeight: 800, color: card.numColor }, children: card.num }), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: 12, color: currentTheme.textSecondary, marginTop: 4, fontWeight: 600 }, children: card.label }), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: 11, color: currentTheme.textMuted, marginTop: 2 }, children: card.sub })] }, card.id))) }), (0, jsx_runtime_1.jsxs)("div", { style: {
                                     backgroundColor: currentTheme.card,
                                     border: `1px solid ${currentTheme.border}`,
@@ -285,14 +306,15 @@ function SyncInspector({ client, position = 'bottom-right', variant = 'pill', in
                                             color: currentTheme.textMuted,
                                             letterSpacing: '0.8px',
                                             marginBottom: 12,
-                                        }, children: "ENGINE ACTIONS" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 10 }, children: actionButtons.map((btn) => ((0, jsx_runtime_1.jsx)("button", { onClick: btn.onPress, style: {
+                                        }, children: "ENGINE ACTIONS" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 10 }, children: actionButtons.map((btn) => ((0, jsx_runtime_1.jsx)("button", { onClick: btn.onPress, disabled: btn.disabled, style: {
                                                 padding: '10px 14px',
                                                 backgroundColor: btn.bg,
                                                 color: btn.color,
                                                 border: 'none',
                                                 borderRadius: 8,
                                                 fontWeight: 600,
-                                                cursor: 'pointer',
+                                                cursor: btn.disabled ? 'not-allowed' : 'pointer',
+                                                opacity: btn.disabled ? 0.5 : 1,
                                             }, children: btn.label }, btn.id))) })] }), enableBenchmark && ((0, jsx_runtime_1.jsxs)("div", { style: {
                                     backgroundColor: currentTheme.isDark ? '#1E1B4B25' : '#F5F3FF',
                                     border: '1px solid #8B5CF640',
@@ -321,20 +343,7 @@ function SyncInspector({ client, position = 'bottom-right', variant = 'pill', in
                                             fontWeight: 700,
                                             fontSize: 13,
                                             cursor: 'pointer',
-                                        }, children: "\u26A1 Open SQLite Benchmark Suite" })] }))] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                            padding: '14px 20px',
-                            backgroundColor: currentTheme.surface,
-                            borderTop: `1px solid ${currentTheme.border}`,
-                        }, children: (0, jsx_runtime_1.jsx)("button", { onClick: () => setIsOpen(false), style: {
-                                width: '100%',
-                                padding: '12px',
-                                backgroundColor: currentTheme.actionBg,
-                                color: currentTheme.actionText,
-                                border: 'none',
-                                borderRadius: 8,
-                                fontWeight: 700,
-                                cursor: 'pointer',
-                            }, children: "Close DevTools" }) })] })) : ((0, jsx_runtime_1.jsx)("div", { style: isInline
+                                        }, children: "\u26A1 Open SQLite Benchmark Suite" })] }))] })] })) : ((0, jsx_runtime_1.jsx)("div", { style: isInline
                     ? { position: 'relative', display: 'inline-flex', ...style }
                     : {
                         position: 'fixed',
@@ -453,7 +462,8 @@ const rnStyles = RN && RN.StyleSheet
             minWidth: '45%',
             borderWidth: 1,
             borderRadius: 12,
-            padding: 14,
+            paddingVertical: 8,
+            paddingHorizontal: 12,
         },
         statNum: {
             fontSize: 24,

package/dist/devtools/index.d.ts

@@ -0,0 +1,3 @@
+export * from './BenchmarkModal.js';
+export { SyncInspector } from './SyncInspector.js';
+export type { SyncInspectorProps } from './SyncInspector.js';

package/dist/devtools/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SyncInspector = void 0;
+__exportStar(require("./BenchmarkModal.js"), exports);
+var SyncInspector_js_1 = require("./SyncInspector.js");
+Object.defineProperty(exports, "SyncInspector", { enumerable: true, get: function () { return SyncInspector_js_1.SyncInspector; } });

package/dist/keys/store.js

@@ -23,25 +23,25 @@ class KeyStore {
      * Initializes the API keys schema and indexes if they do not exist.
      */
     static async ensureSchema(db, tableName = exports.DEFAULT_KEYS_TABLE) {
-        await db.execute(`CREATE TABLE IF NOT EXISTS ${tableName} (
-        id TEXT PRIMARY KEY,
-        name TEXT NOT NULL,
-        prefix TEXT NOT NULL,
-        display TEXT NOT NULL,
-        key_hash TEXT NOT NULL UNIQUE,
-        metadata TEXT,
-        created_at INTEGER NOT NULL,
-        expires_at INTEGER,
-        last_used_at INTEGER,
-        revoked INTEGER NOT NULL DEFAULT 0,
-        revoked_at INTEGER
+        await db.execute(`CREATE TABLE IF NOT EXISTS ${tableName} (
+        id TEXT PRIMARY KEY,
+        name TEXT NOT NULL,
+        prefix TEXT NOT NULL,
+        display TEXT NOT NULL,
+        key_hash TEXT NOT NULL UNIQUE,
+        metadata TEXT,
+        created_at INTEGER NOT NULL,
+        expires_at INTEGER,
+        last_used_at INTEGER,
+        revoked INTEGER NOT NULL DEFAULT 0,
+        revoked_at INTEGER
       );`);
         await db.execute(`CREATE INDEX IF NOT EXISTS idx_${tableName}_hash ON ${tableName} (key_hash);`);
         await db.execute(`CREATE INDEX IF NOT EXISTS idx_${tableName}_revoked ON ${tableName} (revoked, expires_at);`);
     }
     static async insertRecord(db, tableName = exports.DEFAULT_KEYS_TABLE, record) {
-        await db.execute(`INSERT INTO ${tableName} (
-        id, name, prefix, display, key_hash, metadata, created_at, expires_at, last_used_at, revoked, revoked_at
+        await db.execute(`INSERT INTO ${tableName} (
+        id, name, prefix, display, key_hash, metadata, created_at, expires_at, last_used_at, revoked, revoked_at
       ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?);`, [
             record.id,
             record.name,

package/dist/kv/store.js

@@ -31,23 +31,23 @@ function mapKVRow(r) {
 }
 class KVStore {
     static async ensureSchema(db, tableName = exports.DEFAULT_KV_TABLE) {
-        await db.execute(`CREATE TABLE IF NOT EXISTS ${tableName} (
-        key TEXT PRIMARY KEY,
-        value TEXT NOT NULL,
-        type TEXT NOT NULL,
-        created_at INTEGER NOT NULL,
-        updated_at INTEGER NOT NULL,
-        expires_at INTEGER
+        await db.execute(`CREATE TABLE IF NOT EXISTS ${tableName} (
+        key TEXT PRIMARY KEY,
+        value TEXT NOT NULL,
+        type TEXT NOT NULL,
+        created_at INTEGER NOT NULL,
+        updated_at INTEGER NOT NULL,
+        expires_at INTEGER
       );`);
         await db.execute(`CREATE INDEX IF NOT EXISTS idx_${tableName}_expires ON ${tableName} (expires_at);`);
     }
     static async set(db, tableName = exports.DEFAULT_KV_TABLE, key, valueStr, type, now, expiresAt) {
-        await db.execute(`INSERT INTO ${tableName} (key, value, type, created_at, updated_at, expires_at)
-       VALUES (?, ?, ?, ?, ?, ?)
-       ON CONFLICT(key) DO UPDATE SET
-         value = excluded.value,
-         type = excluded.type,
-         updated_at = excluded.updated_at,
+        await db.execute(`INSERT INTO ${tableName} (key, value, type, created_at, updated_at, expires_at)
+       VALUES (?, ?, ?, ?, ?, ?)
+       ON CONFLICT(key) DO UPDATE SET
+         value = excluded.value,
+         type = excluded.type,
+         updated_at = excluded.updated_at,
          expires_at = excluded.expires_at;`, [key, valueStr, type, now, now, expiresAt]);
     }
     static async get(db, tableName = exports.DEFAULT_KV_TABLE, key) {

package/dist/react/index.d.ts

@@ -126,9 +126,6 @@ export declare function useDatabaseMaintenance(client: LocalFirstClient | null |
 export * from './runner.js';
 export * from './status.js';
 export * from './theme.js';
-export * from './BenchmarkModal.js';
-export { SyncInspector } from './SyncInspector.js';
-export type { SyncInspectorProps } from './SyncInspector.js';
 export * from './auth.js';
 export * from './backups.js';
 export * from './kv.js';

package/dist/react/index.js

@@ -14,7 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SyncInspector = void 0;
 exports.clearLiveQueryCache = clearLiveQueryCache;
 exports.useLiveQuery = useLiveQuery;
 exports.useLiveQueries = useLiveQueries;
@@ -641,9 +640,6 @@ function useDatabaseMaintenance(client) {
 __exportStar(require("./runner.js"), exports);
 __exportStar(require("./status.js"), exports);
 __exportStar(require("./theme.js"), exports);
-__exportStar(require("./BenchmarkModal.js"), exports);
-var SyncInspector_js_1 = require("./SyncInspector.js");
-Object.defineProperty(exports, "SyncInspector", { enumerable: true, get: function () { return SyncInspector_js_1.SyncInspector; } });
 __exportStar(require("./auth.js"), exports);
 __exportStar(require("./backups.js"), exports);
 __exportStar(require("./kv.js"), exports);

package/dist/scheduler/store.js

@@ -40,40 +40,40 @@ function mapJobRunRow(r) {
 }
 class JobStore {
     static async ensureSchema(db, jobsTable = exports.DEFAULT_JOBS_TABLE, runsTable = exports.DEFAULT_JOB_RUNS_TABLE) {
-        await db.execute(`CREATE TABLE IF NOT EXISTS ${jobsTable} (
-        id TEXT PRIMARY KEY,
-        name TEXT NOT NULL,
-        schedule TEXT NOT NULL,
-        interval_ms INTEGER NOT NULL,
-        last_run_at INTEGER,
-        next_run_at INTEGER NOT NULL,
-        enabled INTEGER NOT NULL DEFAULT 1,
-        payload TEXT,
-        created_at INTEGER NOT NULL
+        await db.execute(`CREATE TABLE IF NOT EXISTS ${jobsTable} (
+        id TEXT PRIMARY KEY,
+        name TEXT NOT NULL,
+        schedule TEXT NOT NULL,
+        interval_ms INTEGER NOT NULL,
+        last_run_at INTEGER,
+        next_run_at INTEGER NOT NULL,
+        enabled INTEGER NOT NULL DEFAULT 1,
+        payload TEXT,
+        created_at INTEGER NOT NULL
       );`);
         await db.execute(`CREATE INDEX IF NOT EXISTS idx_${jobsTable}_next ON ${jobsTable} (next_run_at);`);
-        await db.execute(`CREATE TABLE IF NOT EXISTS ${runsTable} (
-        id TEXT PRIMARY KEY,
-        job_id TEXT NOT NULL,
-        status TEXT NOT NULL,
-        started_at INTEGER NOT NULL,
-        finished_at INTEGER,
-        duration_ms INTEGER,
-        error TEXT
+        await db.execute(`CREATE TABLE IF NOT EXISTS ${runsTable} (
+        id TEXT PRIMARY KEY,
+        job_id TEXT NOT NULL,
+        status TEXT NOT NULL,
+        started_at INTEGER NOT NULL,
+        finished_at INTEGER,
+        duration_ms INTEGER,
+        error TEXT
       );`);
         await db.execute(`CREATE INDEX IF NOT EXISTS idx_${runsTable}_job ON ${runsTable} (job_id, started_at);`);
     }
     static async upsertJob(db, jobsTable = exports.DEFAULT_JOBS_TABLE, job) {
         const payloadStr = job.payload !== undefined ? JSON.stringify(job.payload) : null;
-        await db.execute(`INSERT INTO ${jobsTable} (id, name, schedule, interval_ms, last_run_at, next_run_at, enabled, payload, created_at)
-       VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)
-       ON CONFLICT(id) DO UPDATE SET
-         name = excluded.name,
-         schedule = excluded.schedule,
-         interval_ms = excluded.interval_ms,
-         last_run_at = excluded.last_run_at,
-         next_run_at = excluded.next_run_at,
-         enabled = excluded.enabled,
+        await db.execute(`INSERT INTO ${jobsTable} (id, name, schedule, interval_ms, last_run_at, next_run_at, enabled, payload, created_at)
+       VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)
+       ON CONFLICT(id) DO UPDATE SET
+         name = excluded.name,
+         schedule = excluded.schedule,
+         interval_ms = excluded.interval_ms,
+         last_run_at = excluded.last_run_at,
+         next_run_at = excluded.next_run_at,
+         enabled = excluded.enabled,
          payload = excluded.payload;`, [
             job.id,
             job.name,
@@ -111,7 +111,7 @@ class JobStore {
     }
     // --- Run History ---
     static async recordRunStart(db, runsTable = exports.DEFAULT_JOB_RUNS_TABLE, run) {
-        await db.execute(`INSERT INTO ${runsTable} (id, job_id, status, started_at, finished_at, duration_ms, error)
+        await db.execute(`INSERT INTO ${runsTable} (id, job_id, status, started_at, finished_at, duration_ms, error)
        VALUES (?, ?, ?, ?, ?, ?, ?);`, [run.id, run.jobId, run.status, run.startedAt, null, null, null]);
     }
     static async recordRunFinish(db, runsTable = exports.DEFAULT_JOB_RUNS_TABLE, id, status, finishedAt, durationMs, error) {

package/dist/schema/generator.js

@@ -134,34 +134,34 @@ function parseSchemaIndexes(content, options = {}) {
  */
 function formatSchemaIndexesCode(indexes) {
     const sqlStatements = indexes.map(i => i.sql).join('\n');
-    return `/**
- * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY.
- * Generated by local-lite schema index generator.
- */
-
-/**
- * SQLite index statements extracted from Supabase database schema.
- * Total indexes: ${indexes.length}
- */
-export const SCHEMA_INDEXES: readonly string[] = \`
-${sqlStatements}
-\`.trim().split('\\n');
-
-/**
- * Applies all schema indexes into SQLite to ensure zero-latency local reads.
- * Executes each statement safely, ignoring errors if tables are not yet created.
- */
-export async function ensureSchemaIndexes(db: {
-  execute: (query: string, params?: any[]) => Promise<any>;
-}): Promise<void> {
-  for (const sql of SCHEMA_INDEXES) {
-    try {
-      await db.execute(sql);
-    } catch {
-      // Safe fallback if table has not been created yet
-    }
-  }
-}
+    return `/**
+ * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY.
+ * Generated by local-lite schema index generator.
+ */
+
+/**
+ * SQLite index statements extracted from Supabase database schema.
+ * Total indexes: ${indexes.length}
+ */
+export const SCHEMA_INDEXES: readonly string[] = \`
+${sqlStatements}
+\`.trim().split('\\n');
+
+/**
+ * Applies all schema indexes into SQLite to ensure zero-latency local reads.
+ * Executes each statement safely, ignoring errors if tables are not yet created.
+ */
+export async function ensureSchemaIndexes(db: {
+  execute: (query: string, params?: any[]) => Promise<any>;
+}): Promise<void> {
+  for (const sql of SCHEMA_INDEXES) {
+    try {
+      await db.execute(sql);
+    } catch {
+      // Safe fallback if table has not been created yet
+    }
+  }
+}
 `;
 }
 /**