@powerhousedao/connect 6.0.0-dev.20 → 6.0.0-dev.201

package/dist/InspectorModal-NoO3f3U7.js

@@ -0,0 +1,366 @@
+import { c as subscribeReactorPgMajor, o as loadPgDump, r as getCachedReactorPgMajor, s as resolvePgMajorForRuntime } from "./pglite-runtime-BS9wpAs9.js";
+import { t as PENDING_PG_SEED_KEY } from "./pglite-seed-VlhY0n-A.js";
+import { t as clearReactorStorage } from "./reactor-D1P2nU-G.js";
+import { DocumentIntegrityService, InMemoryQueue, REACTOR_SCHEMA, closePHModal, useConnectionStates, useDatabase, usePGlite, usePHModal, useReactorClientModule, useSync } from "@powerhousedao/reactor-browser";
+import { useCallback, useMemo, useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
+import { InspectorModal as InspectorModal$1 } from "@powerhousedao/design-system/connect";
+import { sql } from "kysely";
+//#region src/components/modal/modals/InspectorModal/useDbExplorer.ts
+async function quiesceQueue(queue) {
+	await new Promise((resolve) => queue.block(() => resolve()));
+}
+async function syncPgliteToIdb(pglite) {
+	await new Promise((resolve, reject) => {
+		pglite.Module.FS.syncfs(false, (err) => err ? reject(err) : resolve());
+	});
+}
+const PRIORITY_COLUMNS = [
+	"documentType",
+	"documentId",
+	"scope",
+	"branch",
+	"index",
+	"skip"
+];
+function useDbExplorer() {
+	const database = useDatabase();
+	const pglite = usePGlite();
+	const reactorClientModule = useReactorClientModule();
+	const reactor = reactorClientModule?.reactorModule?.reactor;
+	const queue = reactorClientModule?.reactorModule?.queue;
+	const getTables = useCallback(async () => {
+		if (!database) return [];
+		const result = await sql`
+      SELECT
+        c.table_name,
+        c.column_name,
+        c.data_type,
+        c.is_nullable
+      FROM information_schema.columns c
+      INNER JOIN information_schema.tables t
+        ON c.table_name = t.table_name
+        AND c.table_schema = t.table_schema
+      WHERE c.table_schema = ${REACTOR_SCHEMA}
+        AND t.table_type = 'BASE TABLE'
+      ORDER BY c.table_name, c.ordinal_position
+    `.execute(database);
+		const tableMap = /* @__PURE__ */ new Map();
+		for (const row of result.rows) {
+			if (!tableMap.has(row.table_name)) tableMap.set(row.table_name, []);
+			tableMap.get(row.table_name).push({
+				name: row.column_name,
+				dataType: row.data_type,
+				isNullable: row.is_nullable === "YES"
+			});
+		}
+		return Array.from(tableMap).map(([name, columns]) => {
+			const columnNames = columns.map((col) => col.name);
+			return {
+				name,
+				columns: [...PRIORITY_COLUMNS.filter((col) => columnNames.includes(col)).map((col) => columns.find((c) => c.name === col)), ...columns.filter((col) => !PRIORITY_COLUMNS.includes(col.name))]
+			};
+		});
+	}, [database]);
+	const getTableRows = useCallback(async (table, options) => {
+		if (!database) return {
+			columns: [],
+			rows: [],
+			total: null
+		};
+		const limit = options.limit;
+		const offset = options.offset;
+		const sort = options.sort;
+		const filters = options.filters;
+		const tableRef = sql.raw(`${REACTOR_SCHEMA}."${table}"`);
+		let whereClause = sql``;
+		if (filters?.clauses && filters.clauses.length > 0) {
+			const conditions = [];
+			for (let i = 0; i < filters.clauses.length; i++) {
+				const clause = filters.clauses[i];
+				if (!clause) continue;
+				const columnRef = sql.raw(`"${clause.column}"`);
+				let condition;
+				if (clause.operator === "IS NULL") condition = sql`${columnRef} IS NULL`;
+				else if (clause.operator === "IS NOT NULL") condition = sql`${columnRef} IS NOT NULL`;
+				else if (clause.operator === "LIKE" || clause.operator === "ILIKE") {
+					const value = clause.value;
+					condition = sql`${columnRef} ${clause.operator === "LIKE" ? sql`LIKE` : sql`ILIKE`} ${value}`;
+				} else {
+					const operator = sql.raw(clause.operator);
+					const value = clause.value;
+					let parsedValue = value;
+					if (value !== "" && !isNaN(Number(value)) && value.trim() !== "") parsedValue = Number(value);
+					condition = sql`${columnRef} ${operator} ${parsedValue}`;
+				}
+				conditions.push(condition);
+				if (i < filters.clauses.length - 1) {
+					const connector = filters.connectors?.[i] ?? "AND";
+					conditions.push(sql.raw(connector));
+				}
+			}
+			if (conditions.length > 0) whereClause = sql`WHERE ${sql.join(conditions, sql` `)}`;
+		}
+		let query;
+		if (sort) {
+			const columnRef = sql.raw(`"${sort.column}"`);
+			const direction = sort.direction === "desc" ? sql`DESC` : sql`ASC`;
+			query = sql`
+          SELECT * FROM ${tableRef}
+          ${whereClause}
+          ORDER BY ${columnRef} ${direction}
+          LIMIT ${limit} OFFSET ${offset}
+        `;
+		} else query = sql`
+          SELECT * FROM ${tableRef}
+          ${whereClause}
+          LIMIT ${limit} OFFSET ${offset}
+        `;
+		const result = await query.execute(database);
+		const countResult = await sql`
+        SELECT COUNT(*) as count FROM ${tableRef}
+        ${whereClause}
+      `.execute(database);
+		const total = countResult.rows[0] ? parseInt(countResult.rows[0].count, 10) : null;
+		const rawColumns = result.rows.length > 0 ? Object.keys(result.rows[0]) : [];
+		return {
+			columns: [...PRIORITY_COLUMNS.filter((col) => rawColumns.includes(col)), ...rawColumns.filter((col) => !PRIORITY_COLUMNS.includes(col))],
+			rows: result.rows,
+			total
+		};
+	}, [database]);
+	const onExportDb = useCallback(async () => {
+		if (!pglite) return;
+		if (queue) await quiesceQueue(queue);
+		try {
+			const sqlContent = await (await (await loadPgDump(resolvePgMajorForRuntime(getCachedReactorPgMajor() ?? null)))({ pg: pglite })).text();
+			const blob = new Blob([sqlContent], { type: "text/sql" });
+			const url = URL.createObjectURL(blob);
+			const a = document.createElement("a");
+			a.href = url;
+			a.download = `database-export-${Date.now()}.sql`;
+			a.click();
+			URL.revokeObjectURL(url);
+		} finally {
+			queue?.unblock();
+		}
+	}, [pglite, queue]);
+	const onImportDb = useCallback(async (sqlContent) => {
+		if (!pglite) return;
+		if (queue) await quiesceQueue(queue);
+		if (reactor) await reactor.kill().completed;
+		await pglite.transaction(async (tx) => {
+			const schemas = await tx.query(`SELECT nspname FROM pg_namespace
+           WHERE nspname NOT IN ('pg_catalog', 'pg_toast', 'information_schema', 'public')
+             AND nspname NOT LIKE 'pg_temp_%'
+             AND nspname NOT LIKE 'pg_toast_temp_%'`);
+			for (const { nspname } of schemas.rows) await tx.exec(`DROP SCHEMA IF EXISTS "${nspname}" CASCADE`);
+			try {
+				await tx.exec("SET standard_conforming_strings = off;");
+			} catch {}
+			await tx.exec(sqlContent);
+			await tx.exec(`SET search_path TO ${REACTOR_SCHEMA}`);
+		});
+		await syncPgliteToIdb(pglite);
+		window.location.reload();
+		await new Promise(() => {});
+	}, [
+		pglite,
+		queue,
+		reactor
+	]);
+	return {
+		getTables,
+		getTableRows,
+		getDefaultSort: useCallback((table) => {
+			if (table === "Operation") return {
+				column: "timestampUtcMs",
+				direction: "desc"
+			};
+		}, []),
+		onExportDb,
+		onImportDb
+	};
+}
+//#endregion
+//#region src/components/modal/modals/InspectorModal/useDebugInspector.ts
+const SUPPORTED_PG_VERSIONS = [16, 17];
+function useDebugInspector() {
+	const currentPgVersion = useSyncExternalStore(subscribeReactorPgMajor, getCachedReactorPgMajor, () => void 0);
+	const onResetToPgVersion = useCallback(async (major) => {
+		console.info(`[debug-inspector] Reset requested: PG${major}`);
+		try {
+			localStorage.setItem(PENDING_PG_SEED_KEY, String(major));
+			console.info(`[debug-inspector] Clearing reactor storage...`);
+			await clearReactorStorage();
+			console.info(`[debug-inspector] Storage cleared. Reloading...`);
+			window.location.reload();
+		} catch (err) {
+			console.error("[debug-inspector] Reset failed:", err);
+			localStorage.removeItem(PENDING_PG_SEED_KEY);
+			throw err;
+		}
+	}, []);
+	return {
+		supportedPgVersions: SUPPORTED_PG_VERSIONS,
+		currentPgVersion: currentPgVersion ?? null,
+		onResetToPgVersion
+	};
+}
+//#endregion
+//#region src/components/modal/modals/InspectorModal/useIntegrityInspector.ts
+function useIntegrityInspector() {
+	const reactorModule = useReactorClientModule()?.reactorModule;
+	const service = useMemo(() => {
+		if (!reactorModule) return void 0;
+		return new DocumentIntegrityService(reactorModule.keyframeStore, reactorModule.operationStore, reactorModule.writeCache, reactorModule.documentView, reactorModule.documentModelRegistry);
+	}, [reactorModule]);
+	const onValidate = useCallback(async (documentId, branch) => {
+		if (!service) throw new Error("Reactor module not available");
+		return service.validateDocument(documentId, branch);
+	}, [service]);
+	const onRebuildKeyframes = useCallback(async (documentId, branch) => {
+		if (!service) throw new Error("Reactor module not available");
+		return service.rebuildKeyframes(documentId, branch);
+	}, [service]);
+	const onRebuildSnapshots = useCallback(async (documentId, branch) => {
+		if (!service) throw new Error("Reactor module not available");
+		return service.rebuildSnapshots(documentId, branch);
+	}, [service]);
+	if (!service) return;
+	return {
+		onValidate,
+		onRebuildKeyframes,
+		onRebuildSnapshots
+	};
+}
+//#endregion
+//#region src/components/modal/modals/InspectorModal/useProcessorsInspector.ts
+function useProcessorsInspector() {
+	const processorManager = useReactorClientModule()?.reactorModule?.processorManager;
+	const hasProcessorManager = useMemo(() => processorManager != null, [processorManager]);
+	const getProcessors = useCallback(async () => {
+		if (!processorManager) return [];
+		return processorManager.getAll().map((tracked) => ({
+			processorId: tracked.processorId,
+			factoryId: tracked.factoryId,
+			driveId: tracked.driveId,
+			processorIndex: tracked.processorIndex,
+			lastOrdinal: tracked.lastOrdinal,
+			status: tracked.status,
+			lastError: tracked.lastError,
+			lastErrorTimestamp: tracked.lastErrorTimestamp
+		}));
+	}, [processorManager]);
+	const onRetry = useCallback(async (processorId) => {
+		if (!processorManager) return;
+		const tracked = processorManager.get(processorId);
+		if (tracked) await tracked.retry();
+	}, [processorManager]);
+	if (!hasProcessorManager) return;
+	return {
+		getProcessors,
+		onRetry
+	};
+}
+//#endregion
+//#region src/components/modal/modals/InspectorModal/useQueueInspector.ts
+function useQueueInspector() {
+	const queue = useReactorClientModule()?.reactorModule?.queue;
+	const inMemoryQueue = useMemo(() => {
+		if (queue instanceof InMemoryQueue) return queue;
+	}, [queue]);
+	const getQueueState = useCallback(async () => {
+		if (!inMemoryQueue) return {
+			isPaused: false,
+			pendingJobs: [],
+			executingJobs: [],
+			totalPending: 0,
+			totalExecuting: 0
+		};
+		const pendingJobs = inMemoryQueue.getPendingJobs();
+		const executingJobIds = inMemoryQueue.getExecutingJobIds();
+		const executingJobs = [];
+		for (const jobIdSet of executingJobIds.values()) for (const jobId of jobIdSet) {
+			const job = inMemoryQueue.getJob(jobId);
+			if (job) executingJobs.push(job);
+		}
+		return {
+			isPaused: inMemoryQueue.paused,
+			pendingJobs,
+			executingJobs,
+			totalPending: pendingJobs.length,
+			totalExecuting: executingJobs.length
+		};
+	}, [inMemoryQueue]);
+	const onPause = useCallback(async () => {
+		if (inMemoryQueue) inMemoryQueue.pause();
+	}, [inMemoryQueue]);
+	const onResume = useCallback(async () => {
+		if (inMemoryQueue) await inMemoryQueue.resume();
+	}, [inMemoryQueue]);
+	if (!inMemoryQueue) return;
+	return {
+		getQueueState,
+		onPause,
+		onResume
+	};
+}
+//#endregion
+//#region src/components/modal/modals/InspectorModal/useRemotesInspector.ts
+function useRemotesInspector() {
+	const syncManager = useSync();
+	if (!syncManager) throw new Error("Sync manager not found");
+	const connectionStates = useConnectionStates();
+	return {
+		getRemotes: useCallback(() => {
+			return Promise.resolve(syncManager.list());
+		}, [syncManager]),
+		removeRemote: useCallback((name) => syncManager.remove(name), [syncManager]),
+		connectionStates
+	};
+}
+//#endregion
+//#region src/components/modal/modals/InspectorModal/InspectorModal.tsx
+const DEFAULT_PAGE_SIZE = 25;
+const InspectorModal = () => {
+	const open = usePHModal()?.type === "inspector";
+	const { getTables, getTableRows, getDefaultSort, onExportDb, onImportDb } = useDbExplorer();
+	const { getRemotes, removeRemote, connectionStates } = useRemotesInspector();
+	const queueInspectorProps = useQueueInspector();
+	const processorsInspectorProps = useProcessorsInspector();
+	const integrityInspectorProps = useIntegrityInspector();
+	const { currentPgVersion, supportedPgVersions, onResetToPgVersion } = useDebugInspector();
+	return /* @__PURE__ */ jsx(InspectorModal$1, {
+		open,
+		onOpenChange: (status) => {
+			if (!status) closePHModal();
+		},
+		dbExplorerProps: {
+			schema: REACTOR_SCHEMA,
+			getTables,
+			getTableRows,
+			getDefaultSort,
+			pageSize: DEFAULT_PAGE_SIZE,
+			onExportDb,
+			onImportDb,
+			pgVersionControl: {
+				currentPgVersion,
+				supportedPgVersions,
+				onResetToPgVersion
+			}
+		},
+		remotesInspectorProps: {
+			getRemotes,
+			removeRemote,
+			connectionStates
+		},
+		queueInspectorProps,
+		processorsInspectorProps,
+		integrityInspectorProps
+	});
+};
+//#endregion
+export { InspectorModal };
+
+//# sourceMappingURL=InspectorModal-NoO3f3U7.js.map

package/dist/InspectorModal-NoO3f3U7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InspectorModal-NoO3f3U7.js","names":["ConnectInspectorModal"],"sources":["../src/components/modal/modals/InspectorModal/useDbExplorer.ts","../src/components/modal/modals/InspectorModal/useDebugInspector.ts","../src/components/modal/modals/InspectorModal/useIntegrityInspector.ts","../src/components/modal/modals/InspectorModal/useProcessorsInspector.ts","../src/components/modal/modals/InspectorModal/useQueueInspector.ts","../src/components/modal/modals/InspectorModal/useRemotesInspector.ts","../src/components/modal/modals/InspectorModal/InspectorModal.tsx"],"sourcesContent":["import {\n  getCachedReactorPgMajor,\n  loadPgDump,\n  resolvePgMajorForRuntime,\n} from \"@powerhousedao/connect/utils\";\nimport type {\n  FilterGroup,\n  SortOptions,\n} from \"@powerhousedao/design-system/connect\";\nimport {\n  REACTOR_SCHEMA,\n  useDatabase,\n  usePGlite,\n  useReactorClientModule,\n  type IQueue,\n} from \"@powerhousedao/reactor-browser\";\nimport { sql } from \"kysely\";\nimport { useCallback } from \"react\";\n\nasync function quiesceQueue(queue: IQueue): Promise<void> {\n  await new Promise<void>((resolve) => queue.block(() => resolve()));\n}\n\n// The reactor runs with `relaxedDurability: true`, which makes PGlite's\n// `syncToFs()` fire the IDBFS→IndexedDB write and return without awaiting\n// Emscripten's syncfs callback. `close()` also doesn't flush. Calling\n// `FS.syncfs(false, cb)` directly gives us a callback that fires from the\n// IDBFS transaction's `oncomplete` — i.e. after IDB has actually committed.\nasync function syncPgliteToIdb(pglite: {\n  readonly Module: {\n    readonly FS: {\n      syncfs(populate: boolean, cb: (err: Error | null) => void): void;\n    };\n  };\n}): Promise<void> {\n  await new Promise<void>((resolve, reject) => {\n    pglite.Module.FS.syncfs(false, (err) => (err ? reject(err) : resolve()));\n  });\n}\n\ntype ColumnInfo = {\n  readonly name: string;\n  readonly dataType: string;\n  readonly isNullable: boolean;\n};\n\ntype TableInfo = {\n  readonly name: string;\n  readonly columns: ColumnInfo[];\n};\n\ntype ColumnRow = {\n  table_name: string;\n  column_name: string;\n  data_type: string;\n  is_nullable: string;\n};\n\ntype GetTableRowsOptions = {\n  readonly schema?: string;\n  readonly limit: number;\n  readonly offset: number;\n  readonly sort?: SortOptions;\n  readonly filters?: FilterGroup;\n};\n\ntype TablePage = {\n  readonly columns: string[];\n  readonly rows: Record<string, unknown>[];\n  readonly total: number | null;\n};\n\nconst PRIORITY_COLUMNS = [\n  \"documentType\",\n  \"documentId\",\n  \"scope\",\n  \"branch\",\n  \"index\",\n  \"skip\",\n] as const;\n\nexport function useDbExplorer() {\n  const database = useDatabase();\n  const pglite = usePGlite();\n  const reactorClientModule = useReactorClientModule();\n  const reactor = reactorClientModule?.reactorModule?.reactor;\n  const queue = reactorClientModule?.reactorModule?.queue;\n\n  const getTables = useCallback(async (): Promise<TableInfo[]> => {\n    if (!database) return [];\n\n    const result = await sql<ColumnRow>`\n      SELECT\n        c.table_name,\n        c.column_name,\n        c.data_type,\n        c.is_nullable\n      FROM information_schema.columns c\n      INNER JOIN information_schema.tables t\n        ON c.table_name = t.table_name\n        AND c.table_schema = t.table_schema\n      WHERE c.table_schema = ${REACTOR_SCHEMA}\n        AND t.table_type = 'BASE TABLE'\n      ORDER BY c.table_name, c.ordinal_position\n    `.execute(database);\n\n    const tableMap = new Map<string, ColumnInfo[]>();\n    for (const row of result.rows) {\n      if (!tableMap.has(row.table_name)) {\n        tableMap.set(row.table_name, []);\n      }\n      tableMap.get(row.table_name)!.push({\n        name: row.column_name,\n        dataType: row.data_type,\n        isNullable: row.is_nullable === \"YES\",\n      });\n    }\n\n    return Array.from(tableMap).map(([name, columns]) => {\n      const columnNames = columns.map((col) => col.name);\n      const orderedColumns = [\n        ...PRIORITY_COLUMNS.filter((col) => columnNames.includes(col)).map(\n          (col) => columns.find((c) => c.name === col)!,\n        ),\n        ...columns.filter(\n          (col) =>\n            !PRIORITY_COLUMNS.includes(\n              col.name as (typeof PRIORITY_COLUMNS)[number],\n            ),\n        ),\n      ];\n      return {\n        name,\n        columns: orderedColumns,\n      };\n    });\n  }, [database]);\n\n  const getTableRows = useCallback(\n    async (table: string, options: GetTableRowsOptions): Promise<TablePage> => {\n      if (!database) {\n        return { columns: [], rows: [], total: null };\n      }\n\n      const limit = options.limit;\n      const offset = options.offset;\n      const sort = options.sort;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      const filters = options.filters;\n      const tableRef = sql.raw(`${REACTOR_SCHEMA}.\"${table}\"`);\n\n      // Build WHERE clause from filters\n      let whereClause = sql``;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      if (filters?.clauses && filters.clauses.length > 0) {\n        const conditions: ReturnType<typeof sql>[] = [];\n\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n        for (let i = 0; i < filters.clauses.length; i++) {\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment\n          const clause = filters.clauses[i];\n          if (!clause) continue;\n\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n          const columnRef = sql.raw(`\"${clause.column}\"`);\n\n          let condition: ReturnType<typeof sql>;\n\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n          if (clause.operator === \"IS NULL\") {\n            condition = sql`${columnRef} IS NULL`;\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n          } else if (clause.operator === \"IS NOT NULL\") {\n            condition = sql`${columnRef} IS NOT NULL`;\n          } else if (\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            clause.operator === \"LIKE\" ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            clause.operator === \"ILIKE\"\n          ) {\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment\n            const value = clause.value;\n            const operator =\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n              clause.operator === \"LIKE\" ? sql`LIKE` : sql`ILIKE`;\n            condition = sql`${columnRef} ${operator} ${value}`;\n          } else {\n            // For =, !=, >, <, >=, <=\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-argument\n            const operator = sql.raw(clause.operator);\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment\n            const value = clause.value;\n\n            // Try to parse as number if it looks like a number\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n            let parsedValue: string | number = value;\n            if (\n              value !== \"\" &&\n              !isNaN(Number(value)) &&\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access\n              value.trim() !== \"\"\n            ) {\n              parsedValue = Number(value);\n            }\n\n            condition = sql`${columnRef} ${operator} ${parsedValue}`;\n          }\n\n          conditions.push(condition);\n\n          // Add connector if not the last clause\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n          if (i < filters.clauses.length - 1) {\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment\n            const connector = filters.connectors?.[i] ?? \"AND\";\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n            conditions.push(sql.raw(connector));\n          }\n        }\n\n        // Combine all conditions\n        if (conditions.length > 0) {\n          whereClause = sql`WHERE ${sql.join(conditions, sql` `)}`;\n        }\n      }\n\n      // Build main query\n      let query;\n      if (sort) {\n        const columnRef = sql.raw(`\"${sort.column}\"`);\n        const direction = sort.direction === \"desc\" ? sql`DESC` : sql`ASC`;\n        query = sql<Record<string, unknown>>`\n          SELECT * FROM ${tableRef}\n          ${whereClause}\n          ORDER BY ${columnRef} ${direction}\n          LIMIT ${limit} OFFSET ${offset}\n        `;\n      } else {\n        query = sql<Record<string, unknown>>`\n          SELECT * FROM ${tableRef}\n          ${whereClause}\n          LIMIT ${limit} OFFSET ${offset}\n        `;\n      }\n\n      const result = await query.execute(database);\n\n      // Build count query with same filters\n      const countQuery = sql<{ count: string }>`\n        SELECT COUNT(*) as count FROM ${tableRef}\n        ${whereClause}\n      `;\n      const countResult = await countQuery.execute(database);\n      const total = countResult.rows[0]\n        ? parseInt(countResult.rows[0].count, 10)\n        : null;\n\n      const rawColumns =\n        result.rows.length > 0 ? Object.keys(result.rows[0]) : [];\n      const columns = [\n        ...PRIORITY_COLUMNS.filter((col) => rawColumns.includes(col)),\n        ...rawColumns.filter(\n          (col) =>\n            !PRIORITY_COLUMNS.includes(\n              col as (typeof PRIORITY_COLUMNS)[number],\n            ),\n        ),\n      ];\n\n      return {\n        columns,\n        rows: result.rows,\n        total,\n      };\n    },\n    [database],\n  );\n\n  const onExportDb = useCallback(async () => {\n    if (!pglite) return;\n\n    if (queue) await quiesceQueue(queue);\n\n    try {\n      const major = resolvePgMajorForRuntime(getCachedReactorPgMajor() ?? null);\n      const pgDump = await loadPgDump(major);\n      const dump = await pgDump({ pg: pglite });\n      const sqlContent = await dump.text();\n\n      const blob = new Blob([sqlContent], { type: \"text/sql\" });\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement(\"a\");\n      a.href = url;\n      a.download = `database-export-${Date.now()}.sql`;\n      a.click();\n      URL.revokeObjectURL(url);\n    } finally {\n      queue?.unblock();\n    }\n  }, [pglite, queue]);\n\n  const onImportDb = useCallback(\n    async (sqlContent: string) => {\n      if (!pglite) return;\n\n      if (queue) await quiesceQueue(queue);\n\n      if (reactor) {\n        const status = reactor.kill();\n        await status.completed;\n      }\n\n      // Drop every user-created schema before restoring. Processors may own\n      // schemas beyond `reactor`, so dropping only that one leaves orphans\n      // whose tables collide with whatever the dump recreates. The dump\n      // itself emits `CREATE SCHEMA ...;` statements, so we don't pre-create.\n      // `standard_conforming_strings=off` matches pg_dump's escape-string\n      // literals so doubled backslashes in JSONB collapse correctly.\n      await pglite.transaction(async (tx) => {\n        const schemas = await tx.query<{ nspname: string }>(\n          `SELECT nspname FROM pg_namespace\n           WHERE nspname NOT IN ('pg_catalog', 'pg_toast', 'information_schema', 'public')\n             AND nspname NOT LIKE 'pg_temp_%'\n             AND nspname NOT LIKE 'pg_toast_temp_%'`,\n        );\n        for (const { nspname } of schemas.rows) {\n          await tx.exec(`DROP SCHEMA IF EXISTS \"${nspname}\" CASCADE`);\n        }\n        try {\n          await tx.exec(\"SET standard_conforming_strings = off;\");\n        } catch {\n          // PG17 still accepts this but log if it ever fails.\n        }\n        await tx.exec(sqlContent);\n        await tx.exec(`SET search_path TO ${REACTOR_SCHEMA}`);\n      });\n\n      // Flush IDBFS → IndexedDB synchronously. PGlite's own syncToFs is\n      // fire-and-forget under relaxedDurability, and close() doesn't run\n      // a final sync, so we drive Emscripten's syncfs directly — its\n      // callback fires from the IDB transaction's oncomplete, guaranteeing\n      // the writes have committed before we reload.\n      await syncPgliteToIdb(pglite);\n\n      window.location.reload();\n      // reload() is asynchronous; without blocking here the DBExplorer caller\n      // would continue and call loadTables() against an in-flight shutdown.\n      await new Promise(() => {});\n    },\n    [pglite, queue, reactor],\n  );\n\n  const getDefaultSort = useCallback(\n    (table: string): SortOptions | undefined => {\n      if (table === \"Operation\") {\n        return { column: \"timestampUtcMs\", direction: \"desc\" };\n      }\n      return undefined;\n    },\n    [],\n  );\n\n  return {\n    getTables,\n    getTableRows,\n    getDefaultSort,\n    onExportDb,\n    onImportDb,\n  };\n}\n","import { clearReactorStorage } from \"@powerhousedao/connect/store\";\nimport {\n  getCachedReactorPgMajor,\n  PENDING_PG_SEED_KEY,\n  subscribeReactorPgMajor,\n} from \"@powerhousedao/connect/utils\";\nimport { useCallback, useSyncExternalStore } from \"react\";\n\nconst SUPPORTED_PG_VERSIONS = [16, 17] as const;\n\nexport function useDebugInspector() {\n  const currentPgVersion = useSyncExternalStore(\n    subscribeReactorPgMajor,\n    getCachedReactorPgMajor,\n    () => undefined,\n  );\n\n  const onResetToPgVersion = useCallback(async (major: number) => {\n    console.info(`[debug-inspector] Reset requested: PG${major}`);\n    try {\n      localStorage.setItem(PENDING_PG_SEED_KEY, String(major));\n      console.info(`[debug-inspector] Clearing reactor storage...`);\n      await clearReactorStorage();\n      console.info(`[debug-inspector] Storage cleared. Reloading...`);\n      window.location.reload();\n    } catch (err) {\n      console.error(\"[debug-inspector] Reset failed:\", err);\n      localStorage.removeItem(PENDING_PG_SEED_KEY);\n      throw err;\n    }\n  }, []);\n\n  return {\n    supportedPgVersions: SUPPORTED_PG_VERSIONS,\n    currentPgVersion: currentPgVersion ?? null,\n    onResetToPgVersion,\n  };\n}\n","import type { IntegrityInspectorProps } from \"@powerhousedao/design-system/connect\";\nimport {\n  DocumentIntegrityService,\n  useReactorClientModule,\n} from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\nexport function useIntegrityInspector(): IntegrityInspectorProps | undefined {\n  const reactorClientModule = useReactorClientModule();\n  const reactorModule = reactorClientModule?.reactorModule;\n\n  const service = useMemo(() => {\n    if (!reactorModule) return undefined;\n\n    return new DocumentIntegrityService(\n      reactorModule.keyframeStore,\n      reactorModule.operationStore,\n      reactorModule.writeCache,\n      reactorModule.documentView,\n      reactorModule.documentModelRegistry,\n    );\n  }, [reactorModule]);\n\n  const onValidate = useCallback(\n    async (documentId: string, branch?: string) => {\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.validateDocument(documentId, branch);\n    },\n    [service],\n  );\n\n  const onRebuildKeyframes = useCallback(\n    async (documentId: string, branch?: string) => {\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.rebuildKeyframes(documentId, branch);\n    },\n    [service],\n  );\n\n  const onRebuildSnapshots = useCallback(\n    async (documentId: string, branch?: string) => {\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.rebuildSnapshots(documentId, branch);\n    },\n    [service],\n  );\n\n  if (!service) {\n    return undefined;\n  }\n\n  return {\n    onValidate,\n    onRebuildKeyframes,\n    onRebuildSnapshots,\n  };\n}\n","import type { ProcessorsInspectorProps } from \"@powerhousedao/design-system/connect\";\nimport { useReactorClientModule } from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\nexport function useProcessorsInspector(): ProcessorsInspectorProps | undefined {\n  const reactorClientModule = useReactorClientModule();\n  const processorManager = reactorClientModule?.reactorModule?.processorManager;\n\n  const hasProcessorManager = useMemo(\n    () => processorManager != null,\n    [processorManager],\n  );\n\n  const getProcessors = useCallback(async () => {\n    if (!processorManager) {\n      return [];\n    }\n\n    return processorManager.getAll().map((tracked) => ({\n      processorId: tracked.processorId,\n      factoryId: tracked.factoryId,\n      driveId: tracked.driveId,\n      processorIndex: tracked.processorIndex,\n      lastOrdinal: tracked.lastOrdinal,\n      status: tracked.status,\n      lastError: tracked.lastError,\n      lastErrorTimestamp: tracked.lastErrorTimestamp,\n    }));\n  }, [processorManager]);\n\n  const onRetry = useCallback(\n    async (processorId: string) => {\n      if (!processorManager) return;\n      const tracked = processorManager.get(processorId);\n      if (tracked) {\n        await tracked.retry();\n      }\n    },\n    [processorManager],\n  );\n\n  if (!hasProcessorManager) {\n    return undefined;\n  }\n\n  return {\n    getProcessors,\n    onRetry,\n  };\n}\n","import type {\n  QueueInspectorProps,\n  QueueState,\n} from \"@powerhousedao/design-system/connect\";\nimport {\n  InMemoryQueue,\n  useReactorClientModule,\n  type Job,\n} from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\nexport function useQueueInspector(): QueueInspectorProps | undefined {\n  const reactorClientModule = useReactorClientModule();\n  const queue = reactorClientModule?.reactorModule?.queue;\n\n  const inMemoryQueue = useMemo(() => {\n    if (queue instanceof InMemoryQueue) {\n      return queue;\n    }\n    return undefined;\n  }, [queue]);\n\n  const getQueueState = useCallback(async (): Promise<QueueState> => {\n    if (!inMemoryQueue) {\n      return {\n        isPaused: false,\n        pendingJobs: [],\n        executingJobs: [],\n        totalPending: 0,\n        totalExecuting: 0,\n      };\n    }\n\n    const pendingJobs = inMemoryQueue.getPendingJobs();\n    const executingJobIds = inMemoryQueue.getExecutingJobIds();\n\n    const executingJobs: Job[] = [];\n    for (const jobIdSet of executingJobIds.values()) {\n      for (const jobId of jobIdSet) {\n        const job = inMemoryQueue.getJob(jobId);\n        if (job) {\n          executingJobs.push(job);\n        }\n      }\n    }\n\n    return {\n      isPaused: inMemoryQueue.paused,\n      pendingJobs,\n      executingJobs,\n      totalPending: pendingJobs.length,\n      totalExecuting: executingJobs.length,\n    };\n  }, [inMemoryQueue]);\n\n  const onPause = useCallback(async (): Promise<void> => {\n    if (inMemoryQueue) {\n      inMemoryQueue.pause();\n    }\n  }, [inMemoryQueue]);\n\n  const onResume = useCallback(async (): Promise<void> => {\n    if (inMemoryQueue) {\n      await inMemoryQueue.resume();\n    }\n  }, [inMemoryQueue]);\n\n  if (!inMemoryQueue) {\n    return undefined;\n  }\n\n  return {\n    getQueueState,\n    onPause,\n    onResume,\n  };\n}\n","import type {\n  ConnectionStateSnapshot,\n  Remote,\n} from \"@powerhousedao/reactor-browser\";\nimport { useConnectionStates, useSync } from \"@powerhousedao/reactor-browser\";\nimport { useCallback } from \"react\";\n\nexport function useRemotesInspector(): {\n  getRemotes: () => Promise<Remote[]>;\n  removeRemote: (name: string) => Promise<void>;\n  connectionStates: ReadonlyMap<string, ConnectionStateSnapshot>;\n} {\n  const syncManager = useSync();\n  if (!syncManager) {\n    throw new Error(\"Sync manager not found\");\n  }\n\n  const connectionStates = useConnectionStates();\n\n  const getRemotes = useCallback(() => {\n    return Promise.resolve(syncManager.list());\n  }, [syncManager]);\n\n  const removeRemote = useCallback(\n    (name: string) => syncManager.remove(name),\n    [syncManager],\n  );\n\n  return {\n    getRemotes,\n    removeRemote,\n    connectionStates,\n  };\n}\n","import { InspectorModal as ConnectInspectorModal } from \"@powerhousedao/design-system/connect\";\nimport { REACTOR_SCHEMA } from \"@powerhousedao/reactor-browser\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport { useDbExplorer } from \"./useDbExplorer.js\";\nimport { useDebugInspector } from \"./useDebugInspector.js\";\nimport { useIntegrityInspector } from \"./useIntegrityInspector.js\";\nimport { useProcessorsInspector } from \"./useProcessorsInspector.js\";\nimport { useQueueInspector } from \"./useQueueInspector.js\";\nimport { useRemotesInspector } from \"./useRemotesInspector.js\";\n\nconst DEFAULT_PAGE_SIZE = 25;\n\nexport const InspectorModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"inspector\";\n\n  const { getTables, getTableRows, getDefaultSort, onExportDb, onImportDb } =\n    useDbExplorer();\n  const { getRemotes, removeRemote, connectionStates } = useRemotesInspector();\n  const queueInspectorProps = useQueueInspector();\n  const processorsInspectorProps = useProcessorsInspector();\n  const integrityInspectorProps = useIntegrityInspector();\n  const { currentPgVersion, supportedPgVersions, onResetToPgVersion } =\n    useDebugInspector();\n\n  return (\n    <ConnectInspectorModal\n      open={open}\n      onOpenChange={(status) => {\n        if (!status) closePHModal();\n      }}\n      dbExplorerProps={{\n        schema: REACTOR_SCHEMA,\n        getTables,\n        getTableRows,\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        getDefaultSort,\n        pageSize: DEFAULT_PAGE_SIZE,\n        onExportDb,\n        onImportDb,\n        pgVersionControl: {\n          currentPgVersion,\n          supportedPgVersions,\n          onResetToPgVersion,\n        },\n      }}\n      remotesInspectorProps={{\n        getRemotes,\n        removeRemote,\n        connectionStates,\n      }}\n      queueInspectorProps={queueInspectorProps}\n      processorsInspectorProps={processorsInspectorProps}\n      integrityInspectorProps={integrityInspectorProps}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/MissingPackageModal-Df154H9n.js

@@ -0,0 +1,34 @@
+import { t as useRegistryPackages } from "./useRegistryPackages-BOX4NMAb.js";
+import { closePHModal, usePHModal, useVetraPackageManager } from "@powerhousedao/reactor-browser";
+import { jsx } from "react/jsx-runtime";
+import { PackageInstallModal } from "@powerhousedao/design-system/connect/index";
+//#region src/components/modal/modals/MissingPackageModal.tsx
+function ConnectMissingPackageModal() {
+	const phModal = usePHModal();
+	const { registryPackageList, updateRegistryPackageStatus } = useRegistryPackages();
+	const packageManager = useVetraPackageManager();
+	const documentType = phModal?.type === "missingPackage" ? phModal.documentType : void 0;
+	if (!packageManager || !documentType) return null;
+	const pendingInstallations = registryPackageList.filter((rp) => rp.documentTypes.includes(documentType)).map((rp) => ({
+		documentType,
+		packageName: rp.name
+	}));
+	async function onInstall(packageName) {
+		if ((await packageManager?.addPackage(packageName))?.type === "success") updateRegistryPackageStatus(packageName, "registry-install");
+	}
+	function onDismiss(packageName) {
+		updateRegistryPackageStatus(packageName, "dismissed");
+	}
+	return /* @__PURE__ */ jsx(PackageInstallModal, {
+		pendingInstallations,
+		onInstall,
+		onDismiss,
+		onOpenChange: (status) => {
+			if (!status) return closePHModal();
+		}
+	});
+}
+//#endregion
+export { ConnectMissingPackageModal };
+
+//# sourceMappingURL=MissingPackageModal-Df154H9n.js.map

package/dist/MissingPackageModal-Df154H9n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissingPackageModal-Df154H9n.js","names":[],"sources":["../src/components/modal/modals/MissingPackageModal.tsx"],"sourcesContent":["import { useRegistryPackages } from \"@powerhousedao/connect/hooks\";\nimport {\n  PackageInstallModal,\n  type PendingPackageInstallation,\n} from \"@powerhousedao/design-system/connect/index\";\nimport {\n  closePHModal,\n  usePHModal,\n  useVetraPackageManager,\n} from \"@powerhousedao/reactor-browser\";\n\nexport function ConnectMissingPackageModal() {\n  const phModal = usePHModal();\n  const { registryPackageList, updateRegistryPackageStatus } =\n    useRegistryPackages();\n  const packageManager = useVetraPackageManager();\n  const open = phModal?.type === \"missingPackage\";\n\n  const documentType = open ? phModal.documentType : undefined;\n\n  if (!packageManager || !documentType) return null;\n\n  const pendingInstallations: PendingPackageInstallation[] = registryPackageList\n    .filter((rp) => rp.documentTypes.includes(documentType))\n    .map((rp) => ({\n      documentType,\n      packageName: rp.name,\n    }));\n\n  async function onInstall(packageName: string) {\n    const result = await packageManager?.addPackage(packageName);\n    if (result?.type === \"success\") {\n      updateRegistryPackageStatus(packageName, \"registry-install\");\n    }\n  }\n\n  function onDismiss(packageName: string) {\n    updateRegistryPackageStatus(packageName, \"dismissed\");\n  }\n\n  return (\n    <PackageInstallModal\n      pendingInstallations={pendingInstallations}\n      onInstall={onInstall}\n      onDismiss={onDismiss}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;AAWA,SAAgB,6BAA6B;CAC3C,MAAM,UAAU,YAAY;CAC5B,MAAM,EAAE,qBAAqB,gCAC3B,qBAAqB;CACvB,MAAM,iBAAiB,wBAAwB;CAG/C,MAAM,eAFO,SAAS,SAAS,mBAEH,QAAQ,eAAe,KAAA;AAEnD,KAAI,CAAC,kBAAkB,CAAC,aAAc,QAAO;CAE7C,MAAM,uBAAqD,oBACxD,QAAQ,OAAO,GAAG,cAAc,SAAS,aAAa,CAAC,CACvD,KAAK,QAAQ;EACZ;EACA,aAAa,GAAG;EACjB,EAAE;CAEL,eAAe,UAAU,aAAqB;AAE5C,OADe,MAAM,gBAAgB,WAAW,YAAY,GAChD,SAAS,UACnB,6BAA4B,aAAa,mBAAmB;;CAIhE,SAAS,UAAU,aAAqB;AACtC,8BAA4B,aAAa,YAAY;;AAGvD,QACE,oBAAC,qBAAD;EACwB;EACX;EACA;EACX,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,CAAA"}

package/dist/SettingsModal-GY9xBmv5.js

@@ -0,0 +1,191 @@
+import { t as connectConfig } from "./connect.config-Cuh0hj_Q.js";
+import { n as toast } from "./toast-DnODOv28.js";
+import { t as useRegistryPackages } from "./useRegistryPackages-BOX4NMAb.js";
+import { t as package_default } from "./package-pGOQdXJY.js";
+import { closePHModal, deleteDrive, setSelectedDrive, showPHModal, useDrives, usePHModal, useVetraPackageManager } from "@powerhousedao/reactor-browser";
+import { useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { About, DangerZone, DefaultEditor, PackageManager, SettingsModal as SettingsModal$1 } from "@powerhousedao/design-system/connect";
+import { Icon } from "@powerhousedao/design-system";
+import { t } from "i18next";
+//#region src/components/modal/modals/settings/about.tsx
+const About$1 = () => {
+	const onOpenInspector = () => {
+		closePHModal();
+		showPHModal({ type: "inspector" });
+	};
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(About, {
+		packageJson: package_default,
+		phCliVersion: typeof connectConfig.phCliVersion === "string" ? connectConfig.phCliVersion : void 0
+	}), /* @__PURE__ */ jsxs("div", {
+		className: "bg-white p-3",
+		children: [
+			/* @__PURE__ */ jsx("h2", {
+				className: "mb-2 font-semibold",
+				children: "Inspector"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mb-3 text-sm font-normal text-gray-600",
+				children: "Explore the local database and sync state for debugging."
+			}),
+			/* @__PURE__ */ jsxs("button", {
+				className: "flex items-center gap-x-2 rounded-md border border-gray-300 bg-transparent px-3 py-1 text-sm font-medium text-gray-900 transition-colors hover:bg-gray-100",
+				onClick: onOpenInspector,
+				type: "button",
+				children: ["Open Inspector ", /* @__PURE__ */ jsx(Icon, {
+					name: "CircleInfo",
+					size: 16
+				})]
+			})
+		]
+	})] });
+};
+//#endregion
+//#region src/components/modal/modals/settings/danger-zone.tsx
+const DangerZone$1 = () => {
+	const drives = useDrives();
+	const handleDeleteDrive = async (drive) => {
+		await deleteDrive(drive.header.id);
+		setSelectedDrive(void 0);
+	};
+	const handleClearStorage = () => {
+		showPHModal({ type: "clearStorage" });
+	};
+	return /* @__PURE__ */ jsx(DangerZone, {
+		drives: drives ?? [],
+		onDeleteDrive: handleDeleteDrive,
+		onClearStorage: handleClearStorage
+	});
+};
+//#endregion
+//#region src/components/modal/modals/settings/default-editor.tsx
+const documentModelEditorOptions = [{
+	label: "V1",
+	value: "document-model-editor"
+}, {
+	label: "V2",
+	value: "document-model-editor-v2"
+}];
+const DefaultEditor$1 = () => {
+	const [documentModelEditor, setDocumentModelEditor] = useState(documentModelEditorOptions[1]);
+	const handleSetDocumentEditor = useCallback((value) => {
+		const option = documentModelEditorOptions.find((dm) => dm.value == value);
+		if (option) setDocumentModelEditor(option);
+	}, []);
+	return /* @__PURE__ */ jsx(DefaultEditor, {
+		documentModelEditor: documentModelEditor.value,
+		setDocumentModelEditor: handleSetDocumentEditor,
+		documentModelEditorOptions
+	});
+};
+//#endregion
+//#region src/components/modal/modals/settings/package-manager.tsx
+/**
+* Split a `name@tag` spec into its bare package name. Mirrors the design-system's
+* `parsePackageSpec` — duplicated here to avoid reaching into a deep subpath
+* export. Scoped names split on the LAST `@`, unscoped on the first.
+*/
+function parseBareName(spec) {
+	const trimmed = spec.trim();
+	const at = trimmed.startsWith("@") ? trimmed.lastIndexOf("@") : trimmed.indexOf("@");
+	return at > 0 ? trimmed.slice(0, at) : trimmed;
+}
+const ConnectPackageManager = () => {
+	const packageManager = useVetraPackageManager();
+	const { registryPackageList, updateRegistryPackageStatus, registerFallbackRegistryPackage } = useRegistryPackages();
+	async function handleInstall(packageSpec) {
+		if (!packageManager) return;
+		const bareName = parseBareName(packageSpec);
+		const wasKnownToRegistry = registryPackageList.some((p) => p.name === bareName);
+		const result = await packageManager.addPackage(packageSpec);
+		if (result.type === "success") {
+			if (wasKnownToRegistry) updateRegistryPackageStatus(bareName, "registry-install");
+			else registerFallbackRegistryPackage(bareName, result.package, packageManager.getPackageVersion(bareName) ?? packageManager.getPackageVersion(packageSpec), "registry-install");
+			toast(`Package "${packageSpec}" installed successfully`, { type: "connect-success" });
+		} else {
+			const message = result.error.message;
+			toast(/failed to fetch|404|not found/i.test(message) ? `Could not install "${packageSpec}". The package isn't available on this registry, and the npmjs.org fallback could not resolve it either.` : `Failed to install "${packageSpec}": ${message}`, { type: "error" });
+		}
+	}
+	function handleUninstall(packageName) {
+		if (!packageManager) return;
+		try {
+			packageManager.removePackage(packageName);
+			updateRegistryPackageStatus(packageName, "available");
+			toast(`Package "${packageName}" uninstalled successfully`, { type: "connect-success" });
+		} catch (error) {
+			toast(`Failed to uninstall "${packageName}": ${error instanceof Error ? error.message : "Unknown error"}`, { type: "error" });
+		}
+	}
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex h-full flex-1 flex-col",
+		children: /* @__PURE__ */ jsx(PackageManager, {
+			mutable: true,
+			registryPackageList,
+			onInstall: handleInstall,
+			onUninstall: handleUninstall
+		})
+	});
+};
+//#endregion
+//#region src/components/modal/modals/SettingsModal.tsx
+const SettingsModal = () => {
+	const open = usePHModal()?.type === "settings";
+	function onRefresh() {
+		window.location.reload();
+	}
+	const tabs = useMemo(() => [
+		{
+			id: "package-manager",
+			icon: /* @__PURE__ */ jsx(Icon, {
+				name: "PackageManager",
+				size: 12
+			}),
+			label: "Package Manager",
+			content: ConnectPackageManager
+		},
+		{
+			id: "default-editors",
+			icon: /* @__PURE__ */ jsx(Icon, {
+				name: "Edit",
+				size: 12
+			}),
+			label: "Default Editors",
+			content: DefaultEditor$1
+		},
+		{
+			id: "danger-zone",
+			icon: /* @__PURE__ */ jsx(Icon, {
+				name: "Danger",
+				size: 12,
+				className: "text-red-900"
+			}),
+			label: /* @__PURE__ */ jsx("span", {
+				className: "text-red-900",
+				children: "Danger Zone"
+			}),
+			content: () => /* @__PURE__ */ jsx(DangerZone$1, {})
+		},
+		{
+			id: "about",
+			icon: /* @__PURE__ */ jsx(Icon, {
+				name: "QuestionSquare",
+				size: 12
+			}),
+			label: "About",
+			content: About$1
+		}
+	], [onRefresh]);
+	return /* @__PURE__ */ jsx(SettingsModal$1, {
+		open,
+		title: t("modals.connectSettings.title"),
+		onOpenChange: (status) => {
+			if (!status) return closePHModal();
+		},
+		tabs
+	});
+};
+//#endregion
+export { SettingsModal };
+
+//# sourceMappingURL=SettingsModal-GY9xBmv5.js.map