@powerhousedao/connect 6.0.0-dev.104 → 6.0.0-dev.106

package/dist/DisclaimerModal-CCnvwoB5.js

@@ -0,0 +1,21 @@
+import { closePHModal, usePHModal } from "@powerhousedao/reactor-browser";
+import "react";
+import { ReadRequiredModal } from "@powerhousedao/design-system/connect";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/modal/modals/DisclaimerModal.tsx
+const DisclaimerModal = () => {
+	const open = usePHModal()?.type === "disclaimer";
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(ReadRequiredModal, {
+		open,
+		header: t("modals.disclaimer.title"),
+		body: t("modals.disclaimer.body"),
+		closeLabel: "Close",
+		onContinue: () => closePHModal()
+	});
+};
+//#endregion
+export { DisclaimerModal };
+
+//# sourceMappingURL=DisclaimerModal-CCnvwoB5.js.map

package/dist/DisclaimerModal-CCnvwoB5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclaimerModal-CCnvwoB5.js","names":[],"sources":["../src/components/modal/modals/DisclaimerModal.tsx"],"sourcesContent":["import { ReadRequiredModal } from \"@powerhousedao/design-system/connect\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nexport const DisclaimerModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"disclaimer\";\n\n  const { t } = useTranslation();\n\n  return (\n    <ReadRequiredModal\n      open={open}\n      header={t(\"modals.disclaimer.title\")}\n      body={t(\"modals.disclaimer.body\")}\n      closeLabel=\"Close\"\n      onContinue={() => closePHModal()}\n    />\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAa,wBAAkC;CAE7C,MAAM,OADU,YAAY,EACN,SAAS;CAE/B,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,oBAAC,mBAAD;EACQ;EACN,QAAQ,EAAE,0BAA0B;EACpC,MAAM,EAAE,yBAAyB;EACjC,YAAW;EACX,kBAAkB,cAAc;EAChC,CAAA"}

package/dist/DriveSettingsModal-DxMjOsLg.js

@@ -0,0 +1,45 @@
+import { closePHModal, driveCollectionId, renameDrive, setDriveAvailableOffline, setDriveSharingType, showPHModal, useDriveById, usePHModal, useSyncList } from "@powerhousedao/reactor-browser";
+import { useMemo } from "react";
+import { DriveSettingsModal as DriveSettingsModal$1 } from "@powerhousedao/design-system/connect";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/modal/modals/DriveSettingsModal.tsx
+function DriveSettingsModal() {
+	const phModal = usePHModal();
+	const open = phModal?.type === "driveSettings";
+	const driveId = open ? phModal.driveId : void 0;
+	const [drive] = useDriveById(driveId);
+	const remotes = useSyncList();
+	const isRemoteDrive = useMemo(() => {
+		return remotes.some((remote) => remote.collectionId === driveCollectionId("main", drive.header.id));
+	}, [remotes, drive]);
+	if (!driveId || !drive) return null;
+	async function onRenameDrive(drive, newName) {
+		await renameDrive(drive.header.id, newName);
+	}
+	async function onChangeSharingType(drive, newSharingType) {
+		await setDriveSharingType(drive.header.id, newSharingType);
+	}
+	async function onChangeAvailableOffline(drive, newAvailableOffline) {
+		await setDriveAvailableOffline(drive.header.id, newAvailableOffline);
+	}
+	return /* @__PURE__ */ jsx(DriveSettingsModal$1, {
+		drive,
+		sharingType: isRemoteDrive ? "PUBLIC" : "LOCAL",
+		availableOffline: !isRemoteDrive,
+		open,
+		onRenameDrive,
+		onDeleteDrive: () => showPHModal({
+			type: "deleteDrive",
+			driveId
+		}),
+		onChangeAvailableOffline,
+		onChangeSharingType,
+		onOpenChange: (status) => {
+			if (!status) return closePHModal();
+		}
+	});
+}
+//#endregion
+export { DriveSettingsModal };
+
+//# sourceMappingURL=DriveSettingsModal-DxMjOsLg.js.map

package/dist/DriveSettingsModal-DxMjOsLg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DriveSettingsModal-DxMjOsLg.js","names":["ConnectDriveSettingsModal"],"sources":["../src/components/modal/modals/DriveSettingsModal.tsx"],"sourcesContent":["import { DriveSettingsModal as ConnectDriveSettingsModal } from \"@powerhousedao/design-system/connect\";\nimport {\n  closePHModal,\n  driveCollectionId,\n  renameDrive,\n  setDriveAvailableOffline,\n  setDriveSharingType,\n  showPHModal,\n  useDriveById,\n  usePHModal,\n  useSyncList,\n} from \"@powerhousedao/reactor-browser\";\nimport type { DocumentDriveDocument } from \"@powerhousedao/shared/document-drive\";\nimport type { SharingType } from \"document-drive\";\nimport { useMemo } from \"react\";\n\nexport function DriveSettingsModal() {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"driveSettings\";\n  const driveId = open ? phModal.driveId : undefined;\n  const [drive] = useDriveById(driveId);\n  const remotes = useSyncList();\n\n  const isRemoteDrive = useMemo(() => {\n    return remotes.some(\n      (remote) =>\n        remote.collectionId === driveCollectionId(\"main\", drive.header.id),\n    );\n  }, [remotes, drive]);\n\n  if (!driveId || !drive) {\n    return null;\n  }\n\n  async function onRenameDrive(drive: DocumentDriveDocument, newName: string) {\n    await renameDrive(drive.header.id, newName);\n  }\n\n  async function onChangeSharingType(\n    drive: DocumentDriveDocument,\n    newSharingType: SharingType,\n  ) {\n    await setDriveSharingType(drive.header.id, newSharingType);\n  }\n\n  async function onChangeAvailableOffline(\n    drive: DocumentDriveDocument,\n    newAvailableOffline: boolean,\n  ) {\n    await setDriveAvailableOffline(drive.header.id, newAvailableOffline);\n  }\n\n  return (\n    <ConnectDriveSettingsModal\n      drive={drive}\n      sharingType={isRemoteDrive ? \"PUBLIC\" : \"LOCAL\"}\n      availableOffline={!isRemoteDrive}\n      open={open}\n      onRenameDrive={onRenameDrive}\n      onDeleteDrive={() => showPHModal({ type: \"deleteDrive\", driveId })}\n      onChangeAvailableOffline={onChangeAvailableOffline}\n      onChangeSharingType={onChangeSharingType}\n      onOpenChange={(status) => {\n        if (!status) return closePHModal();\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;AAgBA,SAAgB,qBAAqB;CACnC,MAAM,UAAU,YAAY;CAC5B,MAAM,OAAO,SAAS,SAAS;CAC/B,MAAM,UAAU,OAAO,QAAQ,UAAU,KAAA;CACzC,MAAM,CAAC,SAAS,aAAa,QAAQ;CACrC,MAAM,UAAU,aAAa;CAE7B,MAAM,gBAAgB,cAAc;AAClC,SAAO,QAAQ,MACZ,WACC,OAAO,iBAAiB,kBAAkB,QAAQ,MAAM,OAAO,GAAG,CACrE;IACA,CAAC,SAAS,MAAM,CAAC;AAEpB,KAAI,CAAC,WAAW,CAAC,MACf,QAAO;CAGT,eAAe,cAAc,OAA8B,SAAiB;AAC1E,QAAM,YAAY,MAAM,OAAO,IAAI,QAAQ;;CAG7C,eAAe,oBACb,OACA,gBACA;AACA,QAAM,oBAAoB,MAAM,OAAO,IAAI,eAAe;;CAG5D,eAAe,yBACb,OACA,qBACA;AACA,QAAM,yBAAyB,MAAM,OAAO,IAAI,oBAAoB;;AAGtE,QACE,oBAACA,sBAAD;EACS;EACP,aAAa,gBAAgB,WAAW;EACxC,kBAAkB,CAAC;EACb;EACS;EACf,qBAAqB,YAAY;GAAE,MAAM;GAAe;GAAS,CAAC;EACxC;EACL;EACrB,eAAe,WAAW;AACxB,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,CAAA"}

package/dist/ExportDocumentWithErrorsModal-hgliF8Gy.js

@@ -0,0 +1,41 @@
+import { closePHModal, exportFile, useDocumentById, usePHModal, validateDocument } from "@powerhousedao/reactor-browser";
+import { ConnectConfirmationModal } from "@powerhousedao/design-system/connect";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/modal/modals/ExportDocumentWithErrorsModal.tsx
+function ExportDocumentWithErrorsModal() {
+	const phModal = usePHModal();
+	const open = phModal?.type === "exportDocumentWithErrors";
+	const [document] = useDocumentById(open ? phModal.documentId : void 0);
+	const { t } = useTranslation();
+	if (!document) return null;
+	const validationErrors = validateDocument(document);
+	return /* @__PURE__ */ jsx(ConnectConfirmationModal, {
+		header: t("modals.exportDocumentWithErrors.title"),
+		title: t("modals.exportDocumentWithErrors.title"),
+		body: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", { children: t("modals.exportDocumentWithErrors.body") }), /* @__PURE__ */ jsx("ul", {
+			className: "mt-4 flex list-disc flex-col items-start px-4 text-xs",
+			children: validationErrors.map((error, index) => /* @__PURE__ */ jsx("li", { children: error.message }, index))
+		})] }),
+		cancelLabel: t("common.cancel"),
+		continueLabel: t("common.export"),
+		onCancel: () => closePHModal(),
+		onContinue: async () => {
+			try {
+				await exportFile(document);
+			} catch (error) {
+				console.error(error);
+			} finally {
+				closePHModal();
+			}
+		},
+		open,
+		onOpenChange: (status) => {
+			if (!status) return closePHModal();
+		}
+	});
+}
+//#endregion
+export { ExportDocumentWithErrorsModal };
+
+//# sourceMappingURL=ExportDocumentWithErrorsModal-hgliF8Gy.js.map

package/dist/ExportDocumentWithErrorsModal-hgliF8Gy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportDocumentWithErrorsModal-hgliF8Gy.js","names":[],"sources":["../src/components/modal/modals/ExportDocumentWithErrorsModal.tsx"],"sourcesContent":["import { ConnectConfirmationModal } from \"@powerhousedao/design-system/connect\";\nimport {\n  closePHModal,\n  exportFile,\n  useDocumentById,\n  usePHModal,\n  validateDocument,\n} from \"@powerhousedao/reactor-browser\";\nimport { useTranslation } from \"react-i18next\";\nexport function ExportDocumentWithErrorsModal() {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"exportDocumentWithErrors\";\n  const documentId = open ? phModal.documentId : undefined;\n  const [document] = useDocumentById(documentId);\n  const { t } = useTranslation();\n\n  if (!document) {\n    return null;\n  }\n\n  const validationErrors = validateDocument(document);\n  return (\n    <ConnectConfirmationModal\n      header={t(\"modals.exportDocumentWithErrors.title\")}\n      title={t(\"modals.exportDocumentWithErrors.title\")}\n      body={\n        <div>\n          <p>{t(\"modals.exportDocumentWithErrors.body\")}</p>\n          <ul className=\"mt-4 flex list-disc flex-col items-start px-4 text-xs\">\n            {validationErrors.map((error, index) => (\n              <li key={index}>{error.message}</li>\n            ))}\n          </ul>\n        </div>\n      }\n      cancelLabel={t(\"common.cancel\")}\n      continueLabel={t(\"common.export\")}\n      onCancel={() => closePHModal()}\n      onContinue={async () => {\n        try {\n          await exportFile(document);\n        } catch (error) {\n          console.error(error);\n        } finally {\n          closePHModal();\n        }\n      }}\n      open={open}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,gCAAgC;CAC9C,MAAM,UAAU,YAAY;CAC5B,MAAM,OAAO,SAAS,SAAS;CAE/B,MAAM,CAAC,YAAY,gBADA,OAAO,QAAQ,aAAa,KAAA,EACD;CAC9C,MAAM,EAAE,MAAM,gBAAgB;AAE9B,KAAI,CAAC,SACH,QAAO;CAGT,MAAM,mBAAmB,iBAAiB,SAAS;AACnD,QACE,oBAAC,0BAAD;EACE,QAAQ,EAAE,wCAAwC;EAClD,OAAO,EAAE,wCAAwC;EACjD,MACE,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,KAAD,EAAA,UAAI,EAAE,uCAAuC,EAAK,CAAA,EAClD,oBAAC,MAAD;GAAI,WAAU;aACX,iBAAiB,KAAK,OAAO,UAC5B,oBAAC,MAAD,EAAA,UAAiB,MAAM,SAAa,EAA3B,MAA2B,CACpC;GACC,CAAA,CACD,EAAA,CAAA;EAER,aAAa,EAAE,gBAAgB;EAC/B,eAAe,EAAE,gBAAgB;EACjC,gBAAgB,cAAc;EAC9B,YAAY,YAAY;AACtB,OAAI;AACF,UAAM,WAAW,SAAS;YACnB,OAAO;AACd,YAAQ,MAAM,MAAM;aACZ;AACR,kBAAc;;;EAGZ;EACN,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,CAAA"}

package/dist/InspectorModal-C4rE0Y5E.js

@@ -0,0 +1,302 @@
+import { DocumentIntegrityService, InMemoryQueue, REACTOR_SCHEMA, closePHModal, useConnectionStates, useDatabase, usePGlite, usePHModal, useReactorClientModule, useSync } from "@powerhousedao/reactor-browser";
+import { useCallback, useMemo } from "react";
+import { InspectorModal as InspectorModal$1 } from "@powerhousedao/design-system/connect";
+import { jsx } from "react/jsx-runtime";
+import { sql } from "kysely";
+import { pgDump } from "@electric-sql/pglite-tools/pg_dump";
+//#region src/components/modal/modals/InspectorModal/useDbExplorer.ts
+const PRIORITY_COLUMNS = [
+	"documentType",
+	"documentId",
+	"scope",
+	"branch",
+	"index",
+	"skip"
+];
+function useDbExplorer() {
+	const database = useDatabase();
+	const pglite = usePGlite();
+	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;
+		const sqlContent = await (await pgDump({ 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);
+	}, [pglite]);
+	const onImportDb = useCallback(async (sqlContent) => {
+		if (!pglite) return;
+		await pglite.transaction(async (tx) => {
+			await tx.exec(`DROP SCHEMA ${REACTOR_SCHEMA} CASCADE`);
+			await tx.exec(`CREATE SCHEMA ${REACTOR_SCHEMA}`);
+			await tx.exec(sqlContent);
+			await tx.exec(`SET search_path TO ${REACTOR_SCHEMA}`);
+		});
+	}, [pglite]);
+	return {
+		getTables,
+		getTableRows,
+		getDefaultSort: useCallback((table) => {
+			if (table === "Operation") return {
+				column: "timestampUtcMs",
+				direction: "desc"
+			};
+		}, []),
+		onExportDb,
+		onImportDb
+	};
+}
+//#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();
+	return /* @__PURE__ */ jsx(InspectorModal$1, {
+		open,
+		onOpenChange: (status) => {
+			if (!status) closePHModal();
+		},
+		dbExplorerProps: {
+			schema: REACTOR_SCHEMA,
+			getTables,
+			getTableRows,
+			getDefaultSort,
+			pageSize: DEFAULT_PAGE_SIZE,
+			onExportDb,
+			onImportDb
+		},
+		remotesInspectorProps: {
+			getRemotes,
+			removeRemote,
+			connectionStates
+		},
+		queueInspectorProps,
+		processorsInspectorProps,
+		integrityInspectorProps
+	});
+};
+//#endregion
+export { InspectorModal };
+
+//# sourceMappingURL=InspectorModal-C4rE0Y5E.js.map

package/dist/InspectorModal-C4rE0Y5E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InspectorModal-C4rE0Y5E.js","names":["ConnectInspectorModal"],"sources":["../src/components/modal/modals/InspectorModal/useDbExplorer.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 { pgDump } from \"@electric-sql/pglite-tools/pg_dump\";\nimport type {\n  FilterGroup,\n  SortOptions,\n} from \"@powerhousedao/design-system/connect\";\nimport {\n  REACTOR_SCHEMA,\n  useDatabase,\n  usePGlite,\n} from \"@powerhousedao/reactor-browser\";\nimport { sql } from \"kysely\";\nimport { useCallback } from \"react\";\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\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    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  }, [pglite]);\n\n  const onImportDb = useCallback(\n    async (sqlContent: string) => {\n      if (!pglite) return;\n\n      // Use explicit transaction to ensure writable transaction context\n      await pglite.transaction(async (tx) => {\n        await tx.exec(`DROP SCHEMA ${REACTOR_SCHEMA} CASCADE`);\n        await tx.exec(`CREATE SCHEMA ${REACTOR_SCHEMA}`);\n        await tx.exec(sqlContent);\n        await tx.exec(`SET search_path TO ${REACTOR_SCHEMA}`);\n      });\n    },\n    [pglite],\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 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 { 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\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      }}\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-BOeTH4V6.js

@@ -0,0 +1,33 @@
+import { t as useRegistryPackages } from "./useRegistryPackages-Ctlhv061.js";
+import { closePHModal, usePHModal, useVetraPackageManager } from "@powerhousedao/reactor-browser";
+import { jsx } from "react/jsx-runtime";
+import { MissingPackageModal } 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 open = phModal?.type === "missingPackage";
+	const documentType = open ? phModal.documentType : void 0;
+	if (!packageManager || !documentType) return null;
+	async function onInstall(packageName) {
+		if ((await packageManager?.addPackage(packageName))?.type === "success") updateRegistryPackageStatus(packageName, "registry-install");
+	}
+	function onDismiss(packageName) {
+		updateRegistryPackageStatus(packageName, "dismissed");
+	}
+	return /* @__PURE__ */ jsx(MissingPackageModal, {
+		documentType,
+		requiredPackages: registryPackageList.filter((rp) => rp.documentTypes.includes(documentType)),
+		open,
+		onInstall,
+		onDismiss,
+		onOpenChange: (status) => {
+			if (!status) return closePHModal();
+		}
+	});
+}
+//#endregion
+export { ConnectMissingPackageModal };
+
+//# sourceMappingURL=MissingPackageModal-BOeTH4V6.js.map

package/dist/MissingPackageModal-BOeTH4V6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissingPackageModal-BOeTH4V6.js","names":[],"sources":["../src/components/modal/modals/MissingPackageModal.tsx"],"sourcesContent":["import { useRegistryPackages } from \"@powerhousedao/connect/hooks\";\nimport { MissingPackageModal } 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  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  const requiredPackages = registryPackageList.filter((rp) =>\n    rp.documentTypes.includes(documentType),\n  );\n\n  return (\n    <MissingPackageModal\n      documentType={documentType}\n      requiredPackages={requiredPackages}\n      open={open}\n      onInstall={onInstall}\n      onDismiss={onDismiss}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;AAQA,SAAgB,6BAA6B;CAC3C,MAAM,UAAU,YAAY;CAC5B,MAAM,EAAE,qBAAqB,gCAC3B,qBAAqB;CACvB,MAAM,iBAAiB,wBAAwB;CAC/C,MAAM,OAAO,SAAS,SAAS;CAE/B,MAAM,eAAe,OAAO,QAAQ,eAAe,KAAA;AAEnD,KAAI,CAAC,kBAAkB,CAAC,aAAc,QAAO;CAE7C,eAAe,UAAU,aAAqB;AAE5C,OADe,MAAM,gBAAgB,WAAW,YAAY,GAChD,SAAS,UACnB,6BAA4B,aAAa,mBAAmB;;CAIhE,SAAS,UAAU,aAAqB;AACtC,8BAA4B,aAAa,YAAY;;AAOvD,QACE,oBAAC,qBAAD;EACgB;EACd,kBAPqB,oBAAoB,QAAQ,OACnD,GAAG,cAAc,SAAS,aAAa,CACxC;EAMS;EACK;EACA;EACX,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,CAAA"}