@powerhousedao/connect 6.2.0-dev.5 → 6.2.0-dev.51

package/dist/{InspectorModal-DyrVQ4fu.js → InspectorModal-CtzrfT0O.js}

@@ -1,13 +1,15 @@
 
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="5aa56f9b-5ea7-5546-b87c-20428186997d")}catch(e){}}();
-import { c as subscribeReactorPgMajor, o as loadPgDump, r as getCachedReactorPgMajor, s as resolvePgMajorForRuntime } from "./pglite-runtime-toc1-TWa.js";
-import { t as PENDING_PG_SEED_KEY } from "./pglite-seed-D8oSKkep.js";
-import { t as clearReactorStorage } from "./reactor-RZaraEfU.js";
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="4b2f992d-46d3-5749-8c1a-c9b5620b05f1")}catch(e){}}();
+import { a as resolvePgMajorForRuntime, i as loadPgDump } from "./pglite-major-B39aOEiE.js";
+import { c as getCachedReactorPgMajor, d as subscribeReactorPgMajor } from "./connection-state-Cig644T0.js";
+import { t as PENDING_PG_SEED_KEY } from "./pglite-seed-9rjhdCs5.js";
+import { t as clearReactorStorage } from "./reactor-9Le-f3E4.js";
 import { jsx } from "react/jsx-runtime";
+import { Kysely, sql } from "kysely";
+import { PGliteDialect } from "kysely-pglite-dialect";
 import { useCallback, useMemo, useSyncExternalStore } from "react";
 import { DocumentIntegrityService, InMemoryQueue, PollBehavior, REACTOR_SCHEMA, addRemoteDrive, closePHModal, useConnectionStates, useDatabase, usePGlite, usePHModal, useReactorClientModule, useSync } from "@powerhousedao/reactor-browser";
 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()));
@@ -25,12 +27,19 @@ const PRIORITY_COLUMNS = [
 	"index",
 	"skip"
 ];
+function createWorkerReactorDatabase(inspector) {
+	return new Kysely({ dialect: new PGliteDialect({ query: async (statement, params) => ({ rows: await inspector.queryReactorDb(statement, params) }) }) });
+}
 function useDbExplorer() {
-	const database = useDatabase();
+	const browserDatabase = useDatabase();
 	const pglite = usePGlite();
-	const reactorClientModule = useReactorClientModule();
+	const module = useReactorClientModule();
+	const reactorClientModule = module?.kind === "browser" ? module : void 0;
 	const reactor = reactorClientModule?.reactorModule?.reactor;
 	const queue = reactorClientModule?.reactorModule?.queue;
+	const workerModule = module?.kind === "worker" ? module : void 0;
+	const workerDatabase = useMemo(() => workerModule ? createWorkerReactorDatabase(workerModule.inspector) : void 0, [workerModule]);
+	const database = browserDatabase ?? workerDatabase;
 	const getTables = useCallback(async () => {
 		if (!database) return [];
 		const result = await sql`
@@ -171,17 +180,19 @@ function useDbExplorer() {
 		queue,
 		reactor
 	]);
+	const getDefaultSort = useCallback((table) => {
+		if (table === "Operation") return {
+			column: "timestampUtcMs",
+			direction: "desc"
+		};
+	}, []);
+	const canModifyDb = !!pglite;
 	return {
 		getTables,
 		getTableRows,
-		getDefaultSort: useCallback((table) => {
-			if (table === "Operation") return {
-				column: "timestampUtcMs",
-				direction: "desc"
-			};
-		}, []),
-		onExportDb,
-		onImportDb
+		getDefaultSort,
+		onExportDb: canModifyDb ? onExportDb : void 0,
+		onImportDb: canModifyDb ? onImportDb : void 0
 	};
 }
 //#endregion
@@ -212,24 +223,29 @@ function useDebugInspector() {
 //#endregion
 //#region src/components/modal/modals/InspectorModal/useIntegrityInspector.ts
 function useIntegrityInspector() {
-	const reactorModule = useReactorClientModule()?.reactorModule;
+	const module = useReactorClientModule();
+	const reactorModule = module?.kind === "browser" ? module.reactorModule : void 0;
+	const inspector = module?.kind === "worker" ? module.inspector : void 0;
 	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 (inspector) return await inspector.validateDocument(documentId, branch);
 		if (!service) throw new Error("Reactor module not available");
 		return service.validateDocument(documentId, branch);
-	}, [service]);
+	}, [service, inspector]);
 	const onRebuildKeyframes = useCallback(async (documentId, branch) => {
+		if (inspector) return await inspector.rebuildKeyframes(documentId, branch);
 		if (!service) throw new Error("Reactor module not available");
 		return service.rebuildKeyframes(documentId, branch);
-	}, [service]);
+	}, [service, inspector]);
 	const onRebuildSnapshots = useCallback(async (documentId, branch) => {
+		if (inspector) return await inspector.rebuildSnapshots(documentId, branch);
 		if (!service) throw new Error("Reactor module not available");
 		return service.rebuildSnapshots(documentId, branch);
-	}, [service]);
-	if (!service) return;
+	}, [service, inspector]);
+	if (!service && !inspector) return;
 	return {
 		onValidate,
 		onRebuildKeyframes,
@@ -239,9 +255,12 @@ function useIntegrityInspector() {
 //#endregion
 //#region src/components/modal/modals/InspectorModal/useProcessorsInspector.ts
 function useProcessorsInspector() {
-	const processorManager = useReactorClientModule()?.reactorModule?.processorManager;
-	const hasProcessorManager = useMemo(() => processorManager != null, [processorManager]);
+	const module = useReactorClientModule();
+	const processorManager = module?.kind === "browser" ? module.reactorModule?.processorManager : void 0;
+	const inspector = module?.kind === "worker" ? module.inspector : void 0;
+	const available = useMemo(() => processorManager != null || inspector != null, [processorManager, inspector]);
 	const getProcessors = useCallback(() => {
+		if (inspector) return inspector.getProcessors();
 		if (!processorManager) return Promise.resolve([]);
 		return Promise.resolve(processorManager.getAll().map((tracked) => ({
 			processorId: tracked.processorId,
@@ -253,13 +272,17 @@ function useProcessorsInspector() {
 			lastError: tracked.lastError,
 			lastErrorTimestamp: tracked.lastErrorTimestamp
 		})));
-	}, [processorManager]);
+	}, [processorManager, inspector]);
 	const onRetry = useCallback(async (processorId) => {
+		if (inspector) {
+			await inspector.retryProcessor(processorId);
+			return;
+		}
 		if (!processorManager) return;
 		const tracked = processorManager.get(processorId);
 		if (tracked) await tracked.retry();
-	}, [processorManager]);
-	if (!hasProcessorManager) return;
+	}, [processorManager, inspector]);
+	if (!available) return;
 	return {
 		getProcessors,
 		onRetry
@@ -268,11 +291,15 @@ function useProcessorsInspector() {
 //#endregion
 //#region src/components/modal/modals/InspectorModal/useQueueInspector.ts
 function useQueueInspector() {
-	const queue = useReactorClientModule()?.reactorModule?.queue;
+	const module = useReactorClientModule();
+	const reactorClientModule = module?.kind === "browser" ? module : void 0;
+	const inspector = module?.kind === "worker" ? module.inspector : void 0;
+	const queue = reactorClientModule?.reactorModule?.queue;
 	const inMemoryQueue = useMemo(() => {
 		if (queue instanceof InMemoryQueue) return queue;
 	}, [queue]);
 	const getQueueState = useCallback(() => {
+		if (inspector) return inspector.getQueueState();
 		if (!inMemoryQueue) return Promise.resolve({
 			isPaused: false,
 			pendingJobs: [],
@@ -294,15 +321,22 @@ function useQueueInspector() {
 			totalPending: pendingJobs.length,
 			totalExecuting: executingJobs.length
 		});
-	}, [inMemoryQueue]);
-	const onPause = useCallback(() => {
+	}, [inMemoryQueue, inspector]);
+	const onPause = useCallback(async () => {
+		if (inspector) {
+			await inspector.pauseQueue();
+			return;
+		}
 		if (inMemoryQueue) inMemoryQueue.pause();
-		return Promise.resolve();
-	}, [inMemoryQueue]);
+	}, [inMemoryQueue, inspector]);
 	const onResume = useCallback(async () => {
+		if (inspector) {
+			await inspector.resumeQueue();
+			return;
+		}
 		if (inMemoryQueue) await inMemoryQueue.resume();
-	}, [inMemoryQueue]);
-	if (!inMemoryQueue) return;
+	}, [inMemoryQueue, inspector]);
+	if (!inMemoryQueue && !inspector) return;
 	return {
 		getQueueState,
 		onPause,
@@ -328,6 +362,19 @@ function useRemotesInspector() {
 	};
 }
 //#endregion
+//#region src/components/modal/modals/InspectorModal/useWorkerInspector.ts
+function useWorkerInspector() {
+	const module = useReactorClientModule();
+	const adminClient = module?.kind === "worker" ? module.adminClient : void 0;
+	return useMemo(() => {
+		if (!adminClient) return;
+		return {
+			getInfo: () => adminClient.info(),
+			onRestart: () => adminClient.restart()
+		};
+	}, [adminClient]);
+}
+//#endregion
 //#region src/components/modal/modals/InspectorModal/InspectorModal.tsx
 const DEFAULT_PAGE_SIZE = 25;
 const InspectorModal = () => {
@@ -337,6 +384,7 @@ const InspectorModal = () => {
 	const queueInspectorProps = useQueueInspector();
 	const processorsInspectorProps = useProcessorsInspector();
 	const integrityInspectorProps = useIntegrityInspector();
+	const workerInspectorProps = useWorkerInspector();
 	const { currentPgVersion, supportedPgVersions, onResetToPgVersion } = useDebugInspector();
 	return /* @__PURE__ */ jsx(InspectorModal$1, {
 		open,
@@ -366,11 +414,12 @@ const InspectorModal = () => {
 		},
 		queueInspectorProps,
 		processorsInspectorProps,
-		integrityInspectorProps
+		integrityInspectorProps,
+		workerInspectorProps
 	});
 };
 //#endregion
 export { InspectorModal };
 
-//# sourceMappingURL=InspectorModal-DyrVQ4fu.js.map
-//# debugId=5aa56f9b-5ea7-5546-b87c-20428186997d
+//# sourceMappingURL=InspectorModal-CtzrfT0O.js.map
+//# debugId=4b2f992d-46d3-5749-8c1a-c9b5620b05f1

package/dist/InspectorModal-CtzrfT0O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InspectorModal-CtzrfT0O.js","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/useWorkerInspector.ts","../src/components/modal/modals/InspectorModal/InspectorModal.tsx"],"sourcesContent":["import type { PGlite } from \"@electric-sql/pglite\";\nimport {\n  getCachedReactorPgMajor,\n  loadPgDump,\n  resolvePgMajorForRuntime,\n} from \"@powerhousedao/connect/utils\";\nimport type {\n  FilterGroup,\n  SortOptions,\n} from \"@powerhousedao/design-system/connect\";\nimport type { Database } from \"@powerhousedao/reactor\";\nimport {\n  REACTOR_SCHEMA,\n  useDatabase,\n  usePGlite,\n  useReactorClientModule,\n  type IQueue,\n} from \"@powerhousedao/reactor-browser\";\nimport type { IInspectorProxy } from \"@powerhousedao/reactor-browser/rpc\";\nimport { Kysely, sql } from \"kysely\";\nimport { PGliteDialect } from \"kysely-pglite-dialect\";\nimport { useCallback, useMemo } 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\ntype ReactorPgliteAdapter = {\n  query: (\n    sql: string,\n    params?: unknown[],\n  ) => Promise<{ rows: unknown[]; affectedRows?: number }>;\n};\n\nfunction createWorkerReactorDatabase(\n  inspector: IInspectorProxy,\n): Kysely<Database> {\n  const adapter: ReactorPgliteAdapter = {\n    query: async (statement, params) => ({\n      rows: (await inspector.queryReactorDb(statement, params)) as unknown[],\n    }),\n  };\n  return new Kysely<Database>({\n    dialect: new PGliteDialect(adapter as unknown as PGlite),\n  });\n}\n\nexport function useDbExplorer() {\n  const browserDatabase = useDatabase();\n  const pglite = usePGlite();\n  const module = useReactorClientModule();\n  const reactorClientModule = module?.kind === \"browser\" ? module : undefined;\n  const reactor = reactorClientModule?.reactorModule?.reactor;\n  const queue = reactorClientModule?.reactorModule?.queue;\n  const workerModule = module?.kind === \"worker\" ? module : undefined;\n  const workerDatabase = useMemo(\n    () =>\n      workerModule\n        ? createWorkerReactorDatabase(workerModule.inspector)\n        : undefined,\n    [workerModule],\n  );\n  const database = browserDatabase ?? workerDatabase;\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      const filters = options.filters;\n      const tableRef = sql.raw(`${REACTOR_SCHEMA}.\"${table}\"`);\n\n      // Build WHERE clause from filters\n      let whereClause = sql``;\n      if (filters?.clauses && filters.clauses.length > 0) {\n        const conditions: ReturnType<typeof sql>[] = [];\n\n        for (let i = 0; i < filters.clauses.length; i++) {\n          const clause = filters.clauses[i];\n          if (!clause) continue;\n\n          const columnRef = sql.raw(`\"${clause.column}\"`);\n\n          let condition: ReturnType<typeof sql>;\n\n          if (clause.operator === \"IS NULL\") {\n            condition = sql`${columnRef} IS NULL`;\n          } else if (clause.operator === \"IS NOT NULL\") {\n            condition = sql`${columnRef} IS NOT NULL`;\n          } else if (\n            clause.operator === \"LIKE\" ||\n            clause.operator === \"ILIKE\"\n          ) {\n            const value = clause.value;\n            const operator =\n              clause.operator === \"LIKE\" ? sql`LIKE` : sql`ILIKE`;\n            condition = sql`${columnRef} ${operator} ${value}`;\n          } else {\n            // For =, !=, >, <, >=, <=\n            const operator = sql.raw(clause.operator);\n            const value = clause.value;\n\n            // Try to parse as number if it looks like a number\n            let parsedValue: string | number = value;\n            if (value !== \"\" && !isNaN(Number(value)) && value.trim() !== \"\") {\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          if (i < filters.clauses.length - 1) {\n            const connector = filters.connectors?.[i] ?? \"AND\";\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\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\n      await syncPgliteToIdb(pglite);\n\n      window.location.reload();\n\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  const canModifyDb = !!pglite;\n\n  return {\n    getTables,\n    getTableRows,\n    getDefaultSort,\n    onExportDb: canModifyDb ? onExportDb : undefined,\n    onImportDb: canModifyDb ? onImportDb : undefined,\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  type RebuildResult,\n  type ValidationResult,\n} from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\nexport function useIntegrityInspector(): IntegrityInspectorProps | undefined {\n  const module = useReactorClientModule();\n  const reactorModule =\n    module?.kind === \"browser\" ? module.reactorModule : undefined;\n  const inspector = module?.kind === \"worker\" ? module.inspector : undefined;\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): Promise<ValidationResult> => {\n      if (inspector) {\n        return (await inspector.validateDocument(\n          documentId,\n          branch,\n        )) as ValidationResult;\n      }\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.validateDocument(documentId, branch);\n    },\n    [service, inspector],\n  );\n\n  const onRebuildKeyframes = useCallback(\n    async (documentId: string, branch?: string): Promise<RebuildResult> => {\n      if (inspector) {\n        return (await inspector.rebuildKeyframes(\n          documentId,\n          branch,\n        )) as RebuildResult;\n      }\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.rebuildKeyframes(documentId, branch);\n    },\n    [service, inspector],\n  );\n\n  const onRebuildSnapshots = useCallback(\n    async (documentId: string, branch?: string): Promise<RebuildResult> => {\n      if (inspector) {\n        return (await inspector.rebuildSnapshots(\n          documentId,\n          branch,\n        )) as RebuildResult;\n      }\n      if (!service) {\n        throw new Error(\"Reactor module not available\");\n      }\n      return service.rebuildSnapshots(documentId, branch);\n    },\n    [service, inspector],\n  );\n\n  if (!service && !inspector) {\n    return undefined;\n  }\n\n  return {\n    onValidate,\n    onRebuildKeyframes,\n    onRebuildSnapshots,\n  };\n}\n","import type {\n  ProcessorInfo,\n  ProcessorsInspectorProps,\n} from \"@powerhousedao/design-system/connect\";\nimport { useReactorClientModule } from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\nexport function useProcessorsInspector(): ProcessorsInspectorProps | undefined {\n  const module = useReactorClientModule();\n  const processorManager =\n    module?.kind === \"browser\"\n      ? module.reactorModule?.processorManager\n      : undefined;\n  const inspector = module?.kind === \"worker\" ? module.inspector : undefined;\n\n  const available = useMemo(\n    () => processorManager != null || inspector != null,\n    [processorManager, inspector],\n  );\n\n  const getProcessors = useCallback((): Promise<ProcessorInfo[]> => {\n    if (inspector) {\n      return inspector.getProcessors() as Promise<ProcessorInfo[]>;\n    }\n    if (!processorManager) {\n      return Promise.resolve([]);\n    }\n    return Promise.resolve(\n      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    );\n  }, [processorManager, inspector]);\n\n  const onRetry = useCallback(\n    async (processorId: string) => {\n      if (inspector) {\n        await inspector.retryProcessor(processorId);\n        return;\n      }\n      if (!processorManager) return;\n      const tracked = processorManager.get(processorId);\n      if (tracked) {\n        await tracked.retry();\n      }\n    },\n    [processorManager, inspector],\n  );\n\n  if (!available) {\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 module = useReactorClientModule();\n  const reactorClientModule = module?.kind === \"browser\" ? module : undefined;\n  const inspector = module?.kind === \"worker\" ? module.inspector : undefined;\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((): Promise<QueueState> => {\n    if (inspector) {\n      return inspector.getQueueState() as Promise<QueueState>;\n    }\n    if (!inMemoryQueue) {\n      return Promise.resolve({\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 Promise.resolve({\n      isPaused: inMemoryQueue.paused,\n      pendingJobs,\n      executingJobs,\n      totalPending: pendingJobs.length,\n      totalExecuting: executingJobs.length,\n    });\n  }, [inMemoryQueue, inspector]);\n\n  const onPause = useCallback(async (): Promise<void> => {\n    if (inspector) {\n      await inspector.pauseQueue();\n      return;\n    }\n    if (inMemoryQueue) {\n      inMemoryQueue.pause();\n    }\n  }, [inMemoryQueue, inspector]);\n\n  const onResume = useCallback(async (): Promise<void> => {\n    if (inspector) {\n      await inspector.resumeQueue();\n      return;\n    }\n    if (inMemoryQueue) {\n      await inMemoryQueue.resume();\n    }\n  }, [inMemoryQueue, inspector]);\n\n  if (!inMemoryQueue && !inspector) {\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 {\n  addRemoteDrive,\n  PollBehavior,\n  useConnectionStates,\n  useSync,\n} from \"@powerhousedao/reactor-browser\";\nimport { useCallback } from \"react\";\n\nexport function useRemotesInspector(): {\n  getRemotes: () => Promise<Remote[]>;\n  removeRemote: (name: string) => Promise<void>;\n  addRemoteManual: (url: string) => Promise<void>;\n  triggerPull: (name: string) => 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  const addRemoteManual = useCallback(async (url: string) => {\n    await addRemoteDrive(url, undefined, {\n      pollBehavior: PollBehavior.Manual,\n    });\n  }, []);\n\n  const triggerPull = useCallback(\n    (name: string) => syncManager.triggerPull(name),\n    [syncManager],\n  );\n\n  return {\n    getRemotes,\n    removeRemote,\n    addRemoteManual,\n    triggerPull,\n    connectionStates,\n  };\n}\n","import type { WorkerInspectorProps } from \"@powerhousedao/design-system/connect\";\nimport { useReactorClientModule } from \"@powerhousedao/reactor-browser\";\nimport { useMemo } from \"react\";\n\nexport function useWorkerInspector(): WorkerInspectorProps | undefined {\n  const module = useReactorClientModule();\n  const adminClient =\n    module?.kind === \"worker\" ? module.adminClient : undefined;\n\n  return useMemo(() => {\n    if (!adminClient) {\n      return undefined;\n    }\n    return {\n      getInfo: () => adminClient.info(),\n      onRestart: () => adminClient.restart(),\n    };\n  }, [adminClient]);\n}\n","import { InspectorModal as ConnectInspectorModal } from \"@powerhousedao/design-system/connect\";\nimport {\n  closePHModal,\n  REACTOR_SCHEMA,\n  usePHModal,\n} 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\";\nimport { useWorkerInspector } from \"./useWorkerInspector.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 {\n    getRemotes,\n    removeRemote,\n    addRemoteManual,\n    triggerPull,\n    connectionStates,\n  } = useRemotesInspector();\n  const queueInspectorProps = useQueueInspector();\n  const processorsInspectorProps = useProcessorsInspector();\n  const integrityInspectorProps = useIntegrityInspector();\n  const workerInspectorProps = useWorkerInspector();\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        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        addRemoteManual,\n        triggerPull,\n        connectionStates,\n      }}\n      queueInspectorProps={queueInspectorProps}\n      processorsInspectorProps={processorsInspectorProps}\n      integrityInspectorProps={integrityInspectorProps}\n      workerInspectorProps={workerInspectorProps}\n    />\n  );\n};\n"],"names":["ConnectInspectorModal"],"mappings":"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","debug_id":"4b2f992d-46d3-5749-8c1a-c9b5620b05f1"}

package/dist/{MissingPackageModal-D_N96M6a.js → MissingPackageModal-BQcCQbOn.js}

@@ -1,6 +1,6 @@
 
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="d9bccd72-b798-50bd-b420-2ca911a686e8")}catch(e){}}();
-import { t as useRegistryPackages } from "./useRegistryPackages-Bh0luCvV.js";
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="bd7d533f-489c-56c6-b228-c4fb25a21177")}catch(e){}}();
+import { t as useRegistryPackages } from "./useRegistryPackages-BaYtekjQ.js";
 import { jsx } from "react/jsx-runtime";
 import { closePHModal, usePHModal, useVetraPackageManager } from "@powerhousedao/reactor-browser";
 import { PackageInstallModal } from "@powerhousedao/design-system/connect";
@@ -33,5 +33,5 @@ function ConnectMissingPackageModal() {
 //#endregion
 export { ConnectMissingPackageModal };
 
-//# sourceMappingURL=MissingPackageModal-D_N96M6a.js.map
-//# debugId=d9bccd72-b798-50bd-b420-2ca911a686e8
+//# sourceMappingURL=MissingPackageModal-BQcCQbOn.js.map
+//# debugId=bd7d533f-489c-56c6-b228-c4fb25a21177

package/dist/{MissingPackageModal-D_N96M6a.js.map → MissingPackageModal-BQcCQbOn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MissingPackageModal-D_N96M6a.js","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\";\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"],"names":[],"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","debug_id":"d9bccd72-b798-50bd-b420-2ca911a686e8"}
+{"version":3,"file":"MissingPackageModal-BQcCQbOn.js","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\";\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"],"names":[],"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","debug_id":"bd7d533f-489c-56c6-b228-c4fb25a21177"}

package/dist/{SettingsModal-xaWk_n_D.js → SettingsModal-CPbdBRon.js}

@@ -1,16 +1,17 @@
 
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="6591c14e-8cbe-5bf0-acb0-ce03c587f069")}catch(e){}}();
-import { t as package_default } from "./package-Z50_4mCC.js";
-import { n as getGitUrl, r as shortGitSha, t as getGitSha } from "./build-info-AU2BqmyC.js";
-import { r as connectConfig } from "./connect.config-aPx3rHZQ.js";
-import { n as toast } from "./toast-BEy42aYx.js";
-import { t as useRegistryPackages } from "./useRegistryPackages-Bh0luCvV.js";
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="8a259ab2-1703-5a79-bd93-11c83104dce2")}catch(e){}}();
+import { t as package_default } from "./package-B2ziXT-m.js";
+import { i as shortGitSha, n as getGitUrl, t as getGitSha } from "./build-info-Bhdpc4-E.js";
+import { r as connectConfig } from "./connect.config-BG681xG9.js";
+import { n as toast } from "./toast-4t-VimvD.js";
+import { t as useRegistryPackages } from "./useRegistryPackages-BaYtekjQ.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { t } from "i18next";
 import { useCallback, useMemo, useState } from "react";
-import { closePHModal, deleteDrive, driveCollectionId, setSelectedDrive, showPHModal, useDriveSystemInfo, useDrives, usePHModal, useSyncList, useVetraPackageManager } from "@powerhousedao/reactor-browser";
-import { About, DangerZone, DefaultEditor, PackageManager, SettingsModal as SettingsModal$1 } from "@powerhousedao/design-system/connect";
+import { DriveCollectionId, closePHModal, deleteDrive, setSelectedDrive, showPHModal, useDriveSystemInfo, useDrives, usePHModal, useSyncList, useVetraPackageManager } from "@powerhousedao/reactor-browser";
+import { About, DangerZone, DefaultEditor, PackageManager, SettingsModal as SettingsModal$1, ThemeSwitch } from "@powerhousedao/design-system/connect";
 import { Icon } from "@powerhousedao/design-system";
+import { CircleHelp, Package, PenLine, TriangleAlert } from "lucide-react";
 //#region src/components/modal/modals/settings/about.tsx
 const About$1 = () => {
 	const onOpenInspector = () => {
@@ -25,18 +26,18 @@ const About$1 = () => {
 		/* @__PURE__ */ jsx(AppGitHash, {}),
 		/* @__PURE__ */ jsx(ConnectedDrives, {}),
 		/* @__PURE__ */ jsxs("div", {
-			className: "bg-gray-50 p-3 dark:bg-slate-800",
+			className: "bg-background p-3",
 			children: [
 				/* @__PURE__ */ jsx("h2", {
-					className: "mb-2 font-semibold text-gray-700 dark:text-slate-200",
+					className: "mb-2 font-semibold text-foreground",
 					children: "Inspector"
 				}),
 				/* @__PURE__ */ jsx("p", {
-					className: "mb-3 text-sm font-normal text-gray-700 dark:text-slate-200",
+					className: "mb-3 text-sm font-normal text-foreground",
 					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 dark:border-slate-500 dark:bg-slate-600 dark:text-slate-100 dark:hover:bg-slate-700",
+					className: "flex items-center gap-x-2 rounded-md border border-border bg-transparent px-3 py-1 text-sm font-medium text-foreground transition-colors hover:hover-effect",
 					onClick: onOpenInspector,
 					type: "button",
 					children: ["Open Inspector ", /* @__PURE__ */ jsx(Icon, {
@@ -54,7 +55,7 @@ function AppGitHash() {
 	const url = getGitUrl();
 	const label = shortGitSha(sha);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "bg-gray-50 p-3 text-sm dark:bg-slate-800",
+		className: "bg-background p-3 text-sm",
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "font-semibold",
 			children: "Git hash: "
@@ -75,14 +76,14 @@ function AppGitHash() {
 function ConnectedDrives() {
 	const drives = useDrives() ?? [];
 	const remotes = useSyncList();
-	const remoteDrives = useMemo(() => drives.filter((d) => remotes.some((r) => r.collectionId === driveCollectionId("main", d.header.id))), [drives, remotes]);
+	const remoteDrives = useMemo(() => drives.filter((d) => remotes.some((r) => r.meta.collectionId.equals(DriveCollectionId.forDrive(d.header.id)))), [drives, remotes]);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "my-4 bg-gray-50 p-3 dark:bg-slate-800",
+		className: "my-4 bg-background p-3",
 		children: [/* @__PURE__ */ jsx("h2", {
-			className: "mb-2 font-semibold text-gray-700 dark:text-slate-200",
+			className: "mb-2 font-semibold text-foreground",
 			children: "Connected drives"
 		}), remoteDrives.length === 0 ? /* @__PURE__ */ jsx("p", {
-			className: "text-sm font-normal text-gray-700 dark:text-slate-200",
+			className: "text-sm font-normal text-foreground",
 			children: "No connected remote drives."
 		}) : /* @__PURE__ */ jsx("ul", {
 			className: "flex flex-col gap-3",
@@ -93,7 +94,7 @@ function ConnectedDrives() {
 function DriveAboutEntry({ drive }) {
 	const info = useDriveSystemInfo(drive);
 	return /* @__PURE__ */ jsxs("li", {
-		className: "text-sm text-gray-700 dark:text-slate-200",
+		className: "text-sm text-foreground",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-baseline gap-2",
@@ -101,20 +102,20 @@ function DriveAboutEntry({ drive }) {
 					className: "font-medium",
 					children: drive.state.global.name || drive.header.name
 				}), info.status === "ready" && /* @__PURE__ */ jsx("span", {
-					className: "text-xs text-gray-500 dark:text-slate-400",
+					className: "text-xs text-muted-foreground",
 					children: info.host
 				})]
 			}),
 			info.status === "loading" && /* @__PURE__ */ jsx("div", {
-				className: "mt-1 text-xs text-gray-400 dark:text-slate-500",
+				className: "mt-1 text-xs text-muted-foreground",
 				children: "Loading…"
 			}),
 			info.status === "error" && /* @__PURE__ */ jsx("div", {
-				className: "mt-1 text-xs text-red-600 dark:text-red-100",
+				className: "mt-1 text-xs text-destructive",
 				children: "Could not load system info"
 			}),
 			info.status === "ready" && /* @__PURE__ */ jsxs("div", {
-				className: "mt-1 text-xs text-gray-700 dark:text-slate-200",
+				className: "mt-1 text-xs text-foreground",
 				children: [/* @__PURE__ */ jsxs("div", { children: [
 					/* @__PURE__ */ jsx("span", {
 						className: "font-medium",
@@ -139,7 +140,7 @@ function DriveAboutEntry({ drive }) {
 				})] })]
 			}),
 			info.status === "local" && /* @__PURE__ */ jsx("div", {
-				className: "mt-1 text-xs text-gray-400 dark:text-slate-500",
+				className: "mt-1 text-xs text-muted-foreground",
 				children: "Local drive — N/A"
 			})
 		]
@@ -236,46 +237,37 @@ const ConnectPackageManager = () => {
 };
 //#endregion
 //#region src/components/modal/modals/SettingsModal.tsx
+const iconProps = { size: 16 };
 const SettingsModal = () => {
 	const open = usePHModal()?.type === "settings";
 	const tabs = useMemo(() => [
 		{
 			id: "package-manager",
-			icon: /* @__PURE__ */ jsx(Icon, {
-				name: "PackageManager",
-				size: 12
-			}),
+			icon: /* @__PURE__ */ jsx(Package, { ...iconProps }),
 			label: "Package Manager",
 			content: ConnectPackageManager
 		},
 		{
 			id: "default-editors",
-			icon: /* @__PURE__ */ jsx(Icon, {
-				name: "Edit",
-				size: 12
-			}),
+			icon: /* @__PURE__ */ jsx(PenLine, { ...iconProps }),
 			label: "Default Editors",
 			content: DefaultEditor$1
 		},
 		{
 			id: "danger-zone",
-			icon: /* @__PURE__ */ jsx(Icon, {
-				name: "Danger",
-				size: 12,
-				className: "text-red-900 dark:text-red-400"
+			icon: /* @__PURE__ */ jsx(TriangleAlert, {
+				...iconProps,
+				className: "text-destructive"
 			}),
 			label: /* @__PURE__ */ jsx("span", {
-				className: "text-red-900 dark:text-red-400",
+				className: "text-destructive",
 				children: "Danger Zone"
 			}),
 			content: () => /* @__PURE__ */ jsx(DangerZone$1, {})
 		},
 		{
 			id: "about",
-			icon: /* @__PURE__ */ jsx(Icon, {
-				name: "QuestionSquare",
-				size: 12
-			}),
+			icon: /* @__PURE__ */ jsx(CircleHelp, { ...iconProps }),
 			label: "About",
 			content: About$1
 		}
@@ -286,11 +278,12 @@ const SettingsModal = () => {
 		onOpenChange: (status) => {
 			if (!status) return closePHModal();
 		},
-		tabs
+		tabs,
+		navFooter: /* @__PURE__ */ jsx(ThemeSwitch, { horizontal: true })
 	});
 };
 //#endregion
 export { SettingsModal };
 
-//# sourceMappingURL=SettingsModal-xaWk_n_D.js.map
-//# debugId=6591c14e-8cbe-5bf0-acb0-ce03c587f069
+//# sourceMappingURL=SettingsModal-CPbdBRon.js.map
+//# debugId=8a259ab2-1703-5a79-bd93-11c83104dce2

package/dist/SettingsModal-CPbdBRon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsModal-CPbdBRon.js","sources":["../src/components/modal/modals/settings/about.tsx","../src/components/modal/modals/settings/danger-zone.tsx","../src/components/modal/modals/settings/default-editor.tsx","../src/components/modal/modals/settings/package-manager.tsx","../src/components/modal/modals/SettingsModal.tsx"],"sourcesContent":["import { connectConfig } from \"@powerhousedao/connect/config\";\nimport {\n  getGitSha,\n  getGitUrl,\n  packageJson,\n  shortGitSha,\n} from \"@powerhousedao/connect/utils\";\nimport { Icon } from \"@powerhousedao/design-system\";\nimport { About as BaseAbout } from \"@powerhousedao/design-system/connect\";\nimport {\n  closePHModal,\n  DriveCollectionId,\n  showPHModal,\n  useDrives,\n  useDriveSystemInfo,\n  useSyncList,\n} from \"@powerhousedao/reactor-browser\";\nimport type { DocumentDriveDocument } from \"@powerhousedao/shared/document-drive\";\nimport { useMemo } from \"react\";\n\nexport const About: React.FC = () => {\n  const onOpenInspector = () => {\n    closePHModal();\n    showPHModal({ type: \"inspector\" });\n  };\n\n  return (\n    <div>\n      <BaseAbout\n        packageJson={packageJson}\n        phCliVersion={\n          typeof connectConfig.phCliVersion === \"string\"\n            ? connectConfig.phCliVersion\n            : undefined\n        }\n      />\n      <AppGitHash />\n      <ConnectedDrives />\n      <div className=\"bg-background p-3\">\n        <h2 className=\"mb-2 font-semibold text-foreground\">Inspector</h2>\n        <p className=\"mb-3 text-sm font-normal text-foreground\">\n          Explore the local database and sync state for debugging.\n        </p>\n        <button\n          className=\"flex items-center gap-x-2 rounded-md border border-border bg-transparent px-3 py-1 text-sm font-medium text-foreground transition-colors hover:hover-effect\"\n          onClick={onOpenInspector}\n          type=\"button\"\n        >\n          Open Inspector <Icon name=\"CircleInfo\" size={16} />\n        </button>\n      </div>\n    </div>\n  );\n};\n\nfunction AppGitHash() {\n  const sha = getGitSha();\n  if (sha === \"unknown\") return null;\n  const url = getGitUrl();\n  const label = shortGitSha(sha);\n  return (\n    <div className=\"bg-background p-3 text-sm\">\n      <span className=\"font-semibold\">Git hash: </span>\n      {url ? (\n        <a\n          className=\"font-mono underline\"\n          href={url}\n          target=\"_blank\"\n          rel=\"noreferrer noopener\"\n          title={sha}\n        >\n          {label}\n        </a>\n      ) : (\n        <span className=\"font-mono\" title={sha}>\n          {label}\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction ConnectedDrives() {\n  const drives = useDrives() ?? [];\n  const remotes = useSyncList();\n\n  const remoteDrives = useMemo(\n    () =>\n      drives.filter((d) =>\n        remotes.some((r) =>\n          r.meta.collectionId.equals(DriveCollectionId.forDrive(d.header.id)),\n        ),\n      ),\n    [drives, remotes],\n  );\n\n  return (\n    <div className=\"my-4 bg-background p-3\">\n      <h2 className=\"mb-2 font-semibold text-foreground\">Connected drives</h2>\n      {remoteDrives.length === 0 ? (\n        <p className=\"text-sm font-normal text-foreground\">\n          No connected remote drives.\n        </p>\n      ) : (\n        <ul className=\"flex flex-col gap-3\">\n          {remoteDrives.map((drive) => (\n            <DriveAboutEntry key={drive.header.id} drive={drive} />\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nfunction DriveAboutEntry({ drive }: { drive: DocumentDriveDocument }) {\n  const info = useDriveSystemInfo(drive);\n  const name = drive.state.global.name || drive.header.name;\n\n  return (\n    <li className=\"text-sm text-foreground\">\n      <div className=\"flex items-baseline gap-2\">\n        <span className=\"font-medium\">{name}</span>\n        {info.status === \"ready\" && (\n          <span className=\"text-xs text-muted-foreground\">{info.host}</span>\n        )}\n      </div>\n      {info.status === \"loading\" && (\n        <div className=\"mt-1 text-xs text-muted-foreground\">Loading…</div>\n      )}\n      {info.status === \"error\" && (\n        <div className=\"mt-1 text-xs text-destructive\">\n          Could not load system info\n        </div>\n      )}\n      {info.status === \"ready\" && (\n        <div className=\"mt-1 text-xs text-foreground\">\n          <div>\n            <span className=\"font-medium\">Version:</span> {info.version}\n          </div>\n          <div>\n            <span className=\"font-medium\">Git hash: </span>\n            {info.gitUrl ? (\n              <a\n                className=\"font-mono hover:underline\"\n                href={info.gitUrl}\n                target=\"_blank\"\n                rel=\"noreferrer noopener\"\n                title={info.gitHash}\n              >\n                {shortGitSha(info.gitHash)}\n              </a>\n            ) : (\n              <span className=\"font-mono\" title={info.gitHash}>\n                {shortGitSha(info.gitHash)}\n              </span>\n            )}\n          </div>\n        </div>\n      )}\n      {info.status === \"local\" && (\n        <div className=\"mt-1 text-xs text-muted-foreground\">\n          Local drive — N/A\n        </div>\n      )}\n    </li>\n  );\n}\n","import { DangerZone as BaseDangerZone } from \"@powerhousedao/design-system/connect\";\nimport {\n  deleteDrive,\n  setSelectedDrive,\n  showPHModal,\n  useDrives,\n} from \"@powerhousedao/reactor-browser\";\nimport type { DocumentDriveDocument } from \"@powerhousedao/shared/document-drive\";\n\nexport const DangerZone: React.FC = () => {\n  const drives = useDrives();\n\n  const handleDeleteDrive = async (drive: DocumentDriveDocument) => {\n    await deleteDrive(drive.header.id);\n    setSelectedDrive(undefined);\n  };\n\n  const handleClearStorage = () => {\n    showPHModal({ type: \"clearStorage\" });\n  };\n\n  return (\n    <BaseDangerZone\n      drives={drives ?? []}\n      onDeleteDrive={(drive) => {\n        void handleDeleteDrive(drive);\n      }}\n      onClearStorage={handleClearStorage}\n    />\n  );\n};\n","import { DefaultEditor as BaseDefaultEditor } from \"@powerhousedao/design-system/connect\";\nimport { useCallback, useState } from \"react\";\n\nconst documentModelEditorOptions = [\n  { label: \"V1\", value: \"document-model-editor\" },\n  { label: \"V2\", value: \"document-model-editor-v2\" },\n] as const;\n\nexport const DefaultEditor: React.FC = () => {\n  const [documentModelEditor, setDocumentModelEditor] = useState<\n    (typeof documentModelEditorOptions)[number]\n  >(documentModelEditorOptions[1]);\n\n  const handleSetDocumentEditor = useCallback((value: string) => {\n    const option = documentModelEditorOptions.find((dm) => dm.value == value);\n    if (option) {\n      setDocumentModelEditor(option);\n    }\n  }, []);\n\n  return (\n    <BaseDefaultEditor\n      documentModelEditor={documentModelEditor.value}\n      setDocumentModelEditor={handleSetDocumentEditor}\n      documentModelEditorOptions={\n        documentModelEditorOptions as unknown as {\n          value: string;\n          label: string;\n        }[]\n      }\n    />\n  );\n};\n","import { useRegistryPackages } from \"@powerhousedao/connect/hooks\";\nimport { toast } from \"@powerhousedao/connect/services\";\nimport { PackageManager } from \"@powerhousedao/design-system/connect\";\nimport { useVetraPackageManager } from \"@powerhousedao/reactor-browser\";\nimport React from \"react\";\n\n/**\n * Split a `name@tag` spec into its bare package name. Mirrors the design-system's\n * `parsePackageSpec` — duplicated here to avoid reaching into a deep subpath\n * export. Scoped names split on the LAST `@`, unscoped on the first.\n */\nfunction parseBareName(spec: string): string {\n  const trimmed = spec.trim();\n  const at = trimmed.startsWith(\"@\")\n    ? trimmed.lastIndexOf(\"@\")\n    : trimmed.indexOf(\"@\");\n  return at > 0 ? trimmed.slice(0, at) : trimmed;\n}\n\nexport const ConnectPackageManager: React.FC = () => {\n  const packageManager = useVetraPackageManager();\n  const {\n    registryPackageList,\n    updateRegistryPackageStatus,\n    registerFallbackRegistryPackage,\n  } = useRegistryPackages();\n\n  async function handleInstall(packageSpec: string) {\n    if (!packageManager) return;\n\n    // The spec may include an explicit `@tag` / `@version` suffix from the\n    // search input. Pass it through to the package manager as-is (the CDN\n    // route already handles `name@tag` specs), but track status under the\n    // bare name so the Settings list doesn't fragment.\n    const bareName = parseBareName(packageSpec);\n    // Packages that were in `/packages` when the user clicked Install go\n    // through `updateRegistryPackageStatus` and hit an existing entry.\n    // Packages that landed via the npm-uplink fallback weren't in the list,\n    // so we register them explicitly rather than silently upserting a\n    // placeholder — keeping the \"does not exist\" error as a signal for any\n    // other code path that reaches update without a matching entry.\n    const wasKnownToRegistry = registryPackageList.some(\n      (p) => p.name === bareName,\n    );\n    const result = await packageManager.addPackage(packageSpec);\n    if (result.type === \"success\") {\n      if (wasKnownToRegistry) {\n        updateRegistryPackageStatus(bareName, \"registry-install\");\n      } else {\n        registerFallbackRegistryPackage(\n          bareName,\n          result.package,\n          packageManager.getPackageVersion(bareName) ??\n            packageManager.getPackageVersion(packageSpec),\n          \"registry-install\",\n        );\n      }\n      toast(`Package \"${packageSpec}\" installed successfully`, {\n        type: \"connect-success\",\n      });\n    } else {\n      const message = result.error.message;\n      // `BrowserPackageManager` raises a generic \"Failed to fetch dynamically\n      // imported module\" when the registry CDN returns an error. That covers\n      // both \"the name exists nowhere (not on this registry AND not on the\n      // npmjs uplink)\" and \"the tarball is there but doesn't look like a\n      // Powerhouse package\". Tell the user in plain terms before dumping the\n      // raw error so the \"install from npm\" fallback case is self-explanatory.\n      const isLikelyNotFound = /failed to fetch|404|not found/i.test(message);\n      const userMessage = isLikelyNotFound\n        ? `Could not install \"${packageSpec}\". The package isn't available on this registry, and the npmjs.org fallback could not resolve it either.`\n        : `Failed to install \"${packageSpec}\": ${message}`;\n      toast(userMessage, { type: \"error\" });\n    }\n  }\n\n  function handleUninstall(packageName: string) {\n    if (!packageManager) return;\n    try {\n      packageManager.removePackage(packageName);\n      updateRegistryPackageStatus(packageName, \"available\");\n\n      toast(`Package \"${packageName}\" uninstalled successfully`, {\n        type: \"connect-success\",\n      });\n    } catch (error) {\n      const message = error instanceof Error ? error.message : \"Unknown error\";\n      toast(`Failed to uninstall \"${packageName}\": ${message}`, {\n        type: \"error\",\n      });\n    }\n  }\n\n  return (\n    <div className=\"flex h-full flex-1 flex-col\">\n      <PackageManager\n        mutable={true}\n        registryPackageList={registryPackageList}\n        onInstall={handleInstall}\n        onUninstall={handleUninstall}\n      />\n    </div>\n  );\n};\n","import {\n  SettingsModal as SettingsModalV2,\n  ThemeSwitch,\n} from \"@powerhousedao/design-system/connect\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport { t } from \"i18next\";\nimport { CircleHelp, Package, PenLine, TriangleAlert } from \"lucide-react\";\nimport React, { useMemo } from \"react\";\nimport { About } from \"./settings/about.js\";\nimport { DangerZone } from \"./settings/danger-zone.js\";\nimport { DefaultEditor } from \"./settings/default-editor.js\";\nimport { ConnectPackageManager } from \"./settings/package-manager.js\";\n\nconst iconProps = { size: 16 } as const;\n\nexport const SettingsModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"settings\";\n\n  const tabs = useMemo(\n    () => [\n      {\n        id: \"package-manager\",\n        icon: <Package {...iconProps} />,\n        label: \"Package Manager\",\n        content: ConnectPackageManager,\n      },\n      {\n        id: \"default-editors\",\n        icon: <PenLine {...iconProps} />,\n        label: \"Default Editors\",\n        content: DefaultEditor,\n      },\n      {\n        id: \"danger-zone\",\n        icon: <TriangleAlert {...iconProps} className=\"text-destructive\" />,\n        label: <span className=\"text-destructive\">Danger Zone</span>,\n        content: () => <DangerZone />,\n      },\n      {\n        id: \"about\",\n        icon: <CircleHelp {...iconProps} />,\n        label: \"About\",\n        content: About,\n      },\n    ],\n    [],\n  );\n\n  return (\n    <SettingsModalV2\n      open={open}\n      title={t(\"modals.connectSettings.title\")}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n      tabs={tabs}\n      navFooter={<ThemeSwitch horizontal />}\n    />\n  );\n};\n"],"names":["About","BaseAbout","packageJson","DangerZone","BaseDangerZone","DefaultEditor","BaseDefaultEditor","DefaultEditor","DangerZone","About","SettingsModalV2"],"mappings":"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","debug_id":"8a259ab2-1703-5a79-bd93-11c83104dce2"}

package/dist/{UpgradeDriveModal-CyAUDCU7.js → UpgradeDriveModal-BZGSE9_r.js}

@@ -1,5 +1,5 @@
 
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="e2bb15c6-0657-58b8-a11a-db584d53a8fe")}catch(e){}}();
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="d0cff9c7-cc95-58d8-a8e7-1950202bec87")}catch(e){}}();
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import "react";
@@ -30,5 +30,5 @@ const UpgradeDriveModal = () => {
 //#endregion
 export { UpgradeDriveModal };
 
-//# sourceMappingURL=UpgradeDriveModal-CyAUDCU7.js.map
-//# debugId=e2bb15c6-0657-58b8-a11a-db584d53a8fe
+//# sourceMappingURL=UpgradeDriveModal-BZGSE9_r.js.map
+//# debugId=d0cff9c7-cc95-58d8-a8e7-1950202bec87

package/dist/{UpgradeDriveModal-CyAUDCU7.js.map → UpgradeDriveModal-BZGSE9_r.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UpgradeDriveModal-CyAUDCU7.js","sources":["../src/components/modal/modals/UpgradeDriveModal.tsx"],"sourcesContent":["import { ConnectUpgradeDriveModal } from \"@powerhousedao/design-system/connect\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nexport const UpgradeDriveModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"upgradeDrive\";\n  const driveId = open ? phModal.driveId : undefined;\n\n  const { t } = useTranslation();\n\n  const onContinue = () => {\n    // TODO: Implement upgrade drive\n    console.log(\"Upgrade drive: \", driveId);\n    closePHModal();\n  };\n\n  return (\n    <ConnectUpgradeDriveModal\n      open={open}\n      onContinue={onContinue}\n      header={t(\"modals.upgradeDrive.header\")}\n      body={t(\"modals.upgradeDrive.body\")}\n      cancelLabel={t(\"common.cancel\")}\n      continueLabel={t(\"common.continue\")}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAKA,MAAa,0BAAoC;CAC/C,MAAM,UAAU,YAAY;CAC5B,MAAM,OAAO,SAAS,SAAS;CAC/B,MAAM,UAAU,OAAO,QAAQ,UAAU,KAAA;CAEzC,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,mBAAmB;AAEvB,UAAQ,IAAI,mBAAmB,QAAQ;AACvC,gBAAc;;AAGhB,QACE,oBAAC,0BAAD;EACQ;EACM;EACZ,QAAQ,EAAE,6BAA6B;EACvC,MAAM,EAAE,2BAA2B;EACnC,aAAa,EAAE,gBAAgB;EAC/B,eAAe,EAAE,kBAAkB;EACnC,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,CAAA","debug_id":"e2bb15c6-0657-58b8-a11a-db584d53a8fe"}
+{"version":3,"file":"UpgradeDriveModal-BZGSE9_r.js","sources":["../src/components/modal/modals/UpgradeDriveModal.tsx"],"sourcesContent":["import { ConnectUpgradeDriveModal } from \"@powerhousedao/design-system/connect\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nexport const UpgradeDriveModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"upgradeDrive\";\n  const driveId = open ? phModal.driveId : undefined;\n\n  const { t } = useTranslation();\n\n  const onContinue = () => {\n    // TODO: Implement upgrade drive\n    console.log(\"Upgrade drive: \", driveId);\n    closePHModal();\n  };\n\n  return (\n    <ConnectUpgradeDriveModal\n      open={open}\n      onContinue={onContinue}\n      header={t(\"modals.upgradeDrive.header\")}\n      body={t(\"modals.upgradeDrive.body\")}\n      cancelLabel={t(\"common.cancel\")}\n      continueLabel={t(\"common.continue\")}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAKA,MAAa,0BAAoC;CAC/C,MAAM,UAAU,YAAY;CAC5B,MAAM,OAAO,SAAS,SAAS;CAC/B,MAAM,UAAU,OAAO,QAAQ,UAAU,KAAA;CAEzC,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,mBAAmB;AAEvB,UAAQ,IAAI,mBAAmB,QAAQ;AACvC,gBAAc;;AAGhB,QACE,oBAAC,0BAAD;EACQ;EACM;EACZ,QAAQ,EAAE,6BAA6B;EACvC,MAAM,EAAE,2BAA2B;EACnC,aAAa,EAAE,gBAAgB;EAC/B,eAAe,EAAE,kBAAkB;EACnC,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,CAAA","debug_id":"d0cff9c7-cc95-58d8-a8e7-1950202bec87"}

package/dist/app-loader-D0B2KMz8.js

@@ -0,0 +1,4 @@
+import { t as AppLoader } from "./app-loader-N0kkedYA.js";
+export { AppLoader };
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="6dc7d254-2759-5522-b476-b9da6b3a6129")}catch(e){}}();
+//# debugId=6dc7d254-2759-5522-b476-b9da6b3a6129