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

package/dist/sidebar-AZ4xvZzG.js

@@ -0,0 +1,1173 @@
+import { n as defaultPHDocumentEditorConfig, r as defaultPHDriveEditorConfig, t as connectConfig } from "./connect.config-CUbxYkCy.js";
+import { t as toast$1 } from "./toast-iD-70hL8.js";
+import { t as i18n } from "./i18n-Ch408v5-.js";
+import { t as serviceWorkerManager } from "./registerServiceWorker-fSbJUcrq.js";
+import { addRemoteDrive, driveCollectionId, exportFile, getRevisionFromDate, logout, openRenown, setPHDocumentEditorConfig, setPHDriveEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useDefaultDriveEditorModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDriveEditorModuleById, useDrives, useEditorModuleById, useFallbackEditorModule, useInspectorEnabled, useNodeParentFolderById, usePHModal, useReactorClient, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDrive, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSyncList, useUser, validateDocument } from "@powerhousedao/reactor-browser";
+import { childLogger } from "document-model";
+import React, { StrictMode, Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { AnimatedLoader, ConnectSidebar, ConnectTooltipProvider, CookieBanner, DefaultEditorLoader, DropZoneWrapper, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, RevisionHistory, SidebarAddDriveItem, SidebarItem, ToastContainer, WagmiContext } from "@powerhousedao/design-system/connect";
+import { Trans, useTranslation } from "react-i18next";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Outlet, RouterProvider, createBrowserRouter, createRoutesFromChildren, matchRoutes, useLocation, useNavigate, useNavigationType, useParams } from "react-router-dom";
+import { useHotkeys } from "react-hotkeys-hook";
+import { ErrorBoundary } from "react-error-boundary";
+import { GenericDriveExplorer } from "@powerhousedao/powerhouse-vetra-packages/editors";
+import { Icon, PowerhouseButton } from "@powerhousedao/design-system";
+import { redo, undo } from "@powerhousedao/shared/document-model";
+import { gql, request } from "graphql-request";
+//#region src/hooks/useAcceptedCookies.ts
+const ACCEPTED_COOKIES_KEY_STORAGE = `${connectConfig.routerBasename}:acceptedCookies`;
+const listeners$1 = /* @__PURE__ */ new Set();
+let cookies = getInitial$1();
+function getInitial$1() {
+	try {
+		const value = localStorage.getItem(ACCEPTED_COOKIES_KEY_STORAGE);
+		return value ? JSON.parse(value) : {
+			analytics: false,
+			marketing: false,
+			functional: false
+		};
+	} catch {
+		return {
+			analytics: false,
+			marketing: false,
+			functional: false
+		};
+	}
+}
+function getCookies() {
+	return cookies;
+}
+function setCookies(setter) {
+	cookies = setter(cookies);
+	localStorage.setItem(ACCEPTED_COOKIES_KEY_STORAGE, JSON.stringify(cookies));
+	listeners$1.forEach((fn) => fn());
+}
+function subscribe$1(fn) {
+	listeners$1.add(fn);
+	return () => listeners$1.delete(fn);
+}
+const useAcceptedCookies = () => {
+	return [useSyncExternalStore(subscribe$1, getCookies, getCookies), setCookies];
+};
+const COOKIE_BANNER_KEY_STORAGE = `${connectConfig.routerBasename}:display-cookie-banner`;
+const listeners = /* @__PURE__ */ new Set();
+let bannerShown = getInitial();
+function getInitial() {
+	try {
+		return localStorage.getItem(COOKIE_BANNER_KEY_STORAGE) !== "false";
+	} catch (error) {
+		console.error(error);
+		return true;
+	}
+}
+function getCookieBannerState() {
+	return bannerShown;
+}
+function setCookieBannerState(state) {
+	bannerShown = state;
+	localStorage.setItem(COOKIE_BANNER_KEY_STORAGE, JSON.stringify(state));
+}
+function subscribe(fn) {
+	listeners.add(fn);
+	return () => listeners.delete(fn);
+}
+const useCookieBanner = () => {
+	return [useSyncExternalStore(subscribe, getCookieBannerState, getCookieBannerState), setCookieBannerState];
+};
+//#endregion
+//#region src/hooks/useInitSentry.ts
+const logger$2 = childLogger(["sentry"]);
+let clientStarted = false;
+async function getSentry() {
+	return await import("@sentry/react");
+}
+async function initSentry() {
+	connectConfig.sentry;
+	const Sentry = await getSentry();
+	const integrations = [
+		Sentry.httpClientIntegration(),
+		Sentry.extraErrorDataIntegration({ depth: 5 }),
+		Sentry.replayIntegration(),
+		Sentry.captureConsoleIntegration({ levels: ["error"] })
+	];
+	if (connectConfig.sentry.tracing) integrations.push(Sentry.reactRouterV6BrowserTracingIntegration({
+		useEffect: React.useEffect,
+		useLocation,
+		useNavigationType,
+		createRoutesFromChildren,
+		matchRoutes
+	}));
+	Sentry.init({
+		release: connectConfig.sentry.release,
+		dsn: connectConfig.sentry.dsn,
+		environment: connectConfig.sentry.env,
+		integrations,
+		ignoreErrors: [
+			"User is not allowed to create files",
+			"User is not allowed to move documents",
+			"The user aborted a request."
+		],
+		sendDefaultPii: true,
+		tracesSampleRate: 1,
+		replaysSessionSampleRate: .1,
+		replaysOnErrorSampleRate: 1,
+		beforeSend(event, hint) {
+			const error = hint.originalException;
+			if (error instanceof TypeError && error.message.includes("Failed to fetch") && !navigator.onLine) return null;
+			return event;
+		}
+	});
+	clientStarted = true;
+}
+async function closeClient() {
+	if (!clientStarted) return;
+	return (await getSentry()).getClient()?.close();
+}
+function useInitSentry() {
+	const [acceptedCookies] = useAcceptedCookies();
+	const { analytics } = acceptedCookies;
+	useEffect(() => {
+		if (!analytics) {
+			closeClient().catch((error) => logger$2.error("@error", error));
+			return;
+		}
+		if (clientStarted || !connectConfig.sentry.dsn || connectConfig.sentry.dsn === "") return;
+		initSentry().catch((error) => logger$2.error("@error", error));
+	}, [analytics]);
+}
+//#endregion
+//#region src/hooks/useUndoRedoShortcuts.ts
+const useUndoRedoShortcuts = (props) => {
+	const { undo, redo, canRedo, canUndo } = props;
+	const isMac = window.navigator.userAgent.includes("Mac");
+	let undoShortcut = "ctrl+z";
+	let redoShortcut = "ctrl+y";
+	if (isMac) {
+		undoShortcut = "mod+z";
+		redoShortcut = "mod+shift+z";
+	}
+	useHotkeys(undoShortcut, (event) => {
+		event.preventDefault();
+		if (canUndo) undo();
+	}, {}, [canUndo, undo]);
+	useHotkeys(redoShortcut, (event) => {
+		event.preventDefault();
+		if (canRedo) redo();
+	}, {}, [canRedo, redo]);
+};
+//#endregion
+//#region src/components/analytics.tsx
+function gtag(...args) {
+	window.dataLayer?.push(...args);
+}
+const Analytics = () => {
+	const gaTrackingId = connectConfig.gaTrackingId;
+	const [{ analytics }] = useAcceptedCookies();
+	const useAnalytics = gaTrackingId && analytics;
+	useEffect(() => {
+		if (useAnalytics) {
+			const script = document.createElement("script");
+			script.src = `https://www.googletagmanager.com/gtag/js?id=${gaTrackingId}`;
+			script.async = true;
+			document.head.appendChild(script);
+			window.dataLayer = window.dataLayer || [];
+			gtag("js", /* @__PURE__ */ new Date());
+			gtag("config", gaTrackingId);
+			return () => {
+				document.head.removeChild(script);
+			};
+		}
+	}, [useAnalytics, gaTrackingId]);
+	return null;
+};
+//#endregion
+//#region src/utils/browser.ts
+function getBasePath() {
+	if (typeof document === "undefined") return "/";
+	return document.querySelector("base")?.getAttribute("href") || "/";
+}
+//#endregion
+//#region src/utils/document-editor-debug-tools.ts
+var DocumentEditorDebugTools = class {
+	document;
+	operations = [];
+	constructor(document) {
+		if (document) this.document = document;
+	}
+	operationsToTableObject(operations) {
+		return operations.map((op) => ({
+			...op,
+			input: JSON.stringify(op.action.input)
+		}));
+	}
+	setDocument(document) {
+		this.document = document;
+	}
+	getDocument() {
+		return this.document;
+	}
+	getOperations() {
+		return this.operations;
+	}
+	pushOperation(operation) {
+		this.operations.push(operation);
+	}
+	operationsTable() {
+		if (!this.document) console.warn("No document");
+		const ops = Object.values(this.document?.operations || {}).filter((array) => array !== void 0).flatMap((array) => array).sort((a, b) => a.index - b.index);
+		console.table(this.operationsToTableObject(ops));
+	}
+	scopeOperationsTable(scope) {
+		if (!this.document) console.warn("No document");
+		const ops = this.document?.operations[scope] || [];
+		console.table(this.operationsToTableObject(ops));
+	}
+	operationsLog() {
+		console.log(this.operations);
+	}
+	operationsLogTable() {
+		console.table(this.operationsToTableObject(this.operations));
+	}
+	clear() {
+		this.operations = [];
+		this.document = void 0;
+	}
+};
+//#endregion
+//#region src/components/app-skeleton.tsx
+const LOADER_DELAY = 250;
+const Loader = ({ delay = LOADER_DELAY }) => {
+	const isSSR = typeof window === "undefined";
+	const showInitialLoader = typeof document !== "undefined" && document.body.getAttribute("data-show-loader") === "true";
+	const [showLoading, setShowLoading] = useState(!delay || showInitialLoader);
+	useEffect(() => {
+		const id = setTimeout(() => {
+			setShowLoading(true);
+		}, delay);
+		return () => clearTimeout(id);
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: `skeleton-loader absolute inset-0 z-10 flex items-center justify-center ${showLoading ? "" : "hidden"}`,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "animate-pulse overflow-hidden rounded-full shadow-lg",
+			children: /* @__PURE__ */ jsx(AnimatedLoader, {})
+		}), isSSR ? /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `setTimeout(() => {
+                        document.querySelector('.skeleton-loader')?.classList.remove('hidden');
+                        document.body.setAttribute('data-show-loader', 'true');
+                    }, ${delay})` } }) : null]
+	});
+};
+const AppSkeleton = () => {
+	const isSSR = typeof window === "undefined";
+	const isHomeScreen = !isSSR && window.location.pathname === getBasePath();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-screen",
+		children: [
+			/* @__PURE__ */ jsx(ConnectSidebar, {
+				className: "animate-pulse",
+				onLogin: void 0,
+				onDisconnect: void 0,
+				onClickSettings: void 0,
+				address: void 0
+			}),
+			/* @__PURE__ */ jsx(HomeScreen, {
+				containerClassName: isSSR || !isHomeScreen ? "hidden home-screen" : void 0,
+				children: null
+			}),
+			isSSR ? /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `
+                    const baseEl = document.querySelector('base');
+                    const href = baseEl?.getAttribute('href');
+                    const basePath = href || '/';
+                    if (window.location.pathname === basePath) {
+                        document.querySelector('.home-screen')?.classList.remove('hidden')
+                    }` } }) : null,
+			/* @__PURE__ */ jsx(Loader, {})
+		]
+	});
+};
+//#endregion
+//#region src/components/error-boundary.tsx
+const logger$1 = childLogger(["Connect"]);
+function hasCustomFallback(props) {
+	return "fallbackRender" in props;
+}
+function SilentFallback() {
+	return null;
+}
+/**
+* Simple text-based fallback component.
+* Displays a centered message when an error occurs.
+*/
+function TextFallback({ message = "Something went wrong" }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "text-center",
+		children: message
+	});
+}
+/**
+* Detailed fallback component showing full error information.
+* Displays error message and JSON representation of the error object.
+* Useful for development and debugging purposes.
+*/
+function DetailedFallback({ error }) {
+	const errorMessage = error instanceof Error ? error.message : String(error);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto flex max-w-[80%] flex-1 flex-col items-center justify-center",
+		children: [
+			/* @__PURE__ */ jsx("h1", {
+				className: "mb-2 text-xl font-semibold",
+				children: "Error"
+			}),
+			/* @__PURE__ */ jsx("i", { children: errorMessage }),
+			/* @__PURE__ */ jsx("pre", { children: JSON.stringify(error, null, 2) })
+		]
+	});
+}
+/**
+* Centered error message fallback component.
+* Displays the error message in a centered, full-size container.
+* Suitable for use as a custom fallbackRender when you need simple error display.
+*/
+function CenteredErrorMessage({ error }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex size-full items-center justify-center",
+		children: /* @__PURE__ */ jsx("h3", {
+			className: "text-lg font-semibold",
+			children: error instanceof Error ? error.message : String(error)
+		})
+	});
+}
+function getFallbackComponent(variant, fallbackMessage) {
+	switch (variant) {
+		case "silent": return SilentFallback;
+		case "text": return () => /* @__PURE__ */ jsx(TextFallback, { message: fallbackMessage });
+		case "detailed": return DetailedFallback;
+		default: return CenteredErrorMessage;
+	}
+}
+/**
+* Unified error boundary component for catching and handling React errors.
+*
+* Built on top of `react-error-boundary`, this component provides:
+* - Automatic error logging with configurable context
+* - Multiple fallback UI variants (silent, text, detailed)
+* - Support for custom fallback render functions
+* - Reset capability via `resetKeys`
+*
+* @example
+* // Using a predefined variant
+* <ErrorBoundary variant="detailed" loggerContext={["Connect", "Editor"]}>
+*   <EditorComponent />
+* </ErrorBoundary>
+*
+* @example
+* // Using a custom message with the text variant
+* <ErrorBoundary variant="text" fallbackMessage="Failed to load drives">
+*   <DrivesList />
+* </ErrorBoundary>
+*
+* @example
+* // Using a custom fallback render
+* <ErrorBoundary
+*   fallbackRender={CenteredErrorMessage}
+*   onError={(error) => trackError(error)}
+* >
+*   <MyComponent />
+* </ErrorBoundary>
+*
+* @example
+* // Silent mode for modals (renders null on error)
+* <ErrorBoundary variant="silent" loggerContext={["Connect", "Modals"]}>
+*   <ModalContent />
+* </ErrorBoundary>
+*/
+function ErrorBoundary$1(props) {
+	const { children, onError, resetKeys, loggerContext } = props;
+	const handleError = (error, info) => {
+		if (error.message.includes("Failed to fetch dynamically imported module") && error.message.includes("node_modules/.vite")) {
+			console.error(error);
+			console.log("Outdated chunk detected, reloading page...");
+			window.location.reload();
+			return;
+		}
+		(loggerContext ? childLogger(loggerContext) : logger$1).error("@error @info", error, info);
+		onError?.(error, info);
+	};
+	return /* @__PURE__ */ jsx(ErrorBoundary, {
+		fallbackRender: hasCustomFallback(props) ? props.fallbackRender : getFallbackComponent(props.variant, props.fallbackMessage),
+		onError: handleError,
+		resetKeys,
+		children
+	});
+}
+//#endregion
+//#region src/components/modal/modals-container.tsx
+const AddDriveModal$1 = lazy(() => import("./AddDriveModal-7rTpxYpu.js").then((m) => ({ default: m.AddDriveModal })));
+const ClearStorageModal = lazy(() => import("./ClearStorageModal-DipDBfNw.js").then((m) => ({ default: m.ClearStorageModal })));
+const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-Gae1QuhA.js").then((m) => ({ default: m.CookiesPolicyModal })));
+const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-5i6rmv3C.js").then((m) => ({ default: m.CreateDocumentModal })));
+const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-BDtsGB5P.js").then((m) => ({ default: m.DebugSettingsModal })));
+const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-BbAx_yXt.js").then((m) => ({ default: m.DeleteDriveModal })));
+const DeleteItemModal = lazy(() => import("./DeleteItemModal-CkWegLlh.js").then((m) => ({ default: m.DeleteItemModal })));
+const DisclaimerModal = lazy(() => import("./DisclaimerModal-CCnvwoB5.js").then((m) => ({ default: m.DisclaimerModal })));
+const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-DxMjOsLg.js").then((m) => ({ default: m.DriveSettingsModal })));
+const ExportDocumentWithErrorsModal = lazy(() => import("./ExportDocumentWithErrorsModal-hgliF8Gy.js").then((m) => ({ default: m.ExportDocumentWithErrorsModal })));
+const SettingsModal$1 = lazy(() => import("./SettingsModal-DdBhkUvH.js").then((m) => ({ default: m.SettingsModal })));
+const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-DldcNCaT.js").then((m) => ({ default: m.UpgradeDriveModal })));
+const modalComponents = {
+	addDrive: AddDriveModal$1,
+	clearStorage: ClearStorageModal,
+	cookiesPolicy: CookiesPolicyModal,
+	createDocument: CreateDocumentModal$1,
+	debugSettings: DebugSettingsModal,
+	deleteDrive: DeleteDriveModal,
+	deleteItem: DeleteItemModal,
+	disclaimer: DisclaimerModal,
+	driveSettings: DriveSettingsModal$1,
+	exportDocumentWithErrors: ExportDocumentWithErrorsModal,
+	inspector: lazy(() => import("./InspectorModal-C4rE0Y5E.js").then((m) => ({ default: m.InspectorModal }))),
+	settings: SettingsModal$1,
+	upgradeDrive: UpgradeDriveModal,
+	missingPackage: lazy(() => import("./MissingPackageModal-BOeTH4V6.js").then((m) => ({ default: m.ConnectMissingPackageModal })))
+};
+const ModalsContainer = lazy(async () => {
+	return { default: () => {
+		const phModal = usePHModal();
+		if (!phModal?.type) return null;
+		const ModalComponent = modalComponents[phModal.type];
+		return ModalComponent ? /* @__PURE__ */ jsx(ErrorBoundary$1, {
+			variant: "silent",
+			loggerContext: ["Connect", "Modals"],
+			children: /* @__PURE__ */ jsx(Suspense, {
+				fallback: null,
+				children: /* @__PURE__ */ jsx(ModalComponent, {})
+			})
+		}) : null;
+	} };
+});
+//#endregion
+//#region src/components/app-loader.tsx
+const AppLoader = (props) => {
+	const Load = lazy(() => import("./load-C7EmGD3a.js").then((m) => m.loadComponent(props.localPackage)));
+	return /* @__PURE__ */ jsxs(StrictMode, { children: [
+		/* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx(AppSkeleton, {}),
+			name: "AppLoader",
+			children: /* @__PURE__ */ jsx(Load, {
+				...props,
+				children: /* @__PURE__ */ jsx(App, {})
+			})
+		}),
+		/* @__PURE__ */ jsx(Suspense, {
+			name: "CookieBanner",
+			children: /* @__PURE__ */ jsx(CookieBanner$1, {})
+		}),
+		/* @__PURE__ */ jsx(Suspense, {
+			name: "ModalsContainer",
+			children: /* @__PURE__ */ jsx(ModalsContainer, {})
+		})
+	] });
+};
+//#endregion
+//#region src/context/processor-manager.old.tsx
+function ProcessorManagerProvider({ children }) {
+	return /* @__PURE__ */ jsx(Fragment, { children });
+}
+//#endregion
+//#region src/context/sentry-provider.tsx
+const SentryProvider = ({ children }) => {
+	useInitSentry();
+	return children;
+};
+//#endregion
+//#region src/components/app.tsx
+const App = () => {
+	useEffect(() => {
+		const handlePreloadError = () => {
+			console.log("Outdated chunks detected, reloading page...");
+			window.location.reload();
+		};
+		window.addEventListener("vite:preloadError", handlePreloadError);
+		return () => {
+			window.removeEventListener("vite:preloadError", handlePreloadError);
+		};
+	}, []);
+	useEffect(() => {
+		if (import.meta.env.MODE === "development") window.documentEditorDebugTools = new DocumentEditorDebugTools();
+		else serviceWorkerManager.registerServiceWorker(false);
+	}, []);
+	return /* @__PURE__ */ jsx(SentryProvider, { children: /* @__PURE__ */ jsx(WagmiContext, { children: /* @__PURE__ */ jsxs(ProcessorManagerProvider, { children: [
+		/* @__PURE__ */ jsx(ToastContainer, {
+			position: "bottom-right",
+			containerId: "connect"
+		}),
+		/* @__PURE__ */ jsx(Router, {}),
+		/* @__PURE__ */ jsx(Analytics, {})
+	] }) }) });
+};
+//#endregion
+//#region src/components/cookie-banner.tsx
+const isCookieAccepted = (cookies, id) => {
+	return cookies.some((cookie) => cookie.id === id && cookie.value);
+};
+const CookieBanner$1 = () => {
+	const { t } = useTranslation(void 0, {
+		useSuspense: true,
+		i18n
+	});
+	const [showBanner, setShowBanner] = useCookieBanner();
+	const [, setAcceptedCookies] = useAcceptedCookies();
+	const cookiesInput = [{
+		id: "analytics-cookie",
+		label: t("cookieBanner.cookies.analytics"),
+		value: true
+	}];
+	const handleAccept = (cookies) => {
+		setShowBanner(false);
+		if (isCookieAccepted(cookies, "analytics-cookie")) setAcceptedCookies((acceptedCookies) => ({
+			...acceptedCookies,
+			analytics: true
+		}));
+	};
+	const handleReject = () => {
+		setShowBanner(false);
+		setAcceptedCookies(() => ({
+			analytics: false,
+			functional: false,
+			marketing: false
+		}));
+	};
+	if (!showBanner) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "absolute inset-0 z-[10000] backdrop-blur-sm",
+		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black opacity-15" }), /* @__PURE__ */ jsx("div", {
+			className: "absolute inset-x-0 bottom-0 flex justify-center bg-white px-10 pb-16 pt-10 shadow-lg",
+			children: /* @__PURE__ */ jsx(CookieBanner, {
+				className: "max-w-[1024px]",
+				cookies: cookiesInput,
+				onSubmit: handleAccept,
+				onReject: handleReject,
+				submitLabel: t("cookieBanner.accept"),
+				rejectLabel: t("cookieBanner.reject"),
+				children: /* @__PURE__ */ jsx("p", {
+					className: "font-semibold text-gray-500",
+					children: /* @__PURE__ */ jsx(Trans, {
+						i18nKey: "cookieBanner.message",
+						components: { a: /* @__PURE__ */ jsx("a", {
+							onClick: () => showPHModal({ type: "cookiesPolicy" }),
+							className: "cursor-pointer text-gray-900 hover:underline"
+						}, "cookieBanner.message-link") }
+					}, "cookieBanner.message")
+				})
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/components/document-editor-container.tsx
+function DocumentEditorContainer() {
+	const [selectedDocument] = useSelectedDocument();
+	const parentFolder = useNodeParentFolderById(selectedDocument.header.id);
+	const onExport = useCallback(() => {
+		if (validateDocument(selectedDocument).length) showPHModal({
+			type: "exportDocumentWithErrors",
+			documentId: selectedDocument.header.id
+		});
+		else exportFile(selectedDocument).catch((error) => {
+			console.error(error);
+			toast$1(`Failed to export document: ${error instanceof Error ? error.message : JSON.stringify(error, null, 1)}`);
+		});
+	}, [selectedDocument]);
+	const onOpenSwitchboardLink = useMemo(() => {
+		return async () => {};
+	}, []);
+	const onClose = useCallback(() => {
+		setSelectedNode(parentFolder);
+	}, [parentFolder, setSelectedNode]);
+	return /* @__PURE__ */ jsx("div", {
+		id: "document-editor-container",
+		className: "flex-1",
+		"data-document-type": selectedDocument.header.documentType,
+		children: /* @__PURE__ */ jsx(DocumentEditor, {
+			document: selectedDocument,
+			onClose,
+			onExport,
+			onOpenSwitchboardLink
+		})
+	});
+}
+//#endregion
+//#region src/components/editor-loader.tsx
+function EditorLoader(props) {
+	const [showLoading, setShowLoading] = useState(false);
+	useEffect(() => {
+		setTimeout(() => {
+			setShowLoading(true);
+		}, props.loadingTimeout ?? 200);
+	}, [props]);
+	if (!showLoading) return null;
+	const { customEditorLoader, ...defaultProps } = props;
+	if (customEditorLoader) return /* @__PURE__ */ jsx(Fragment, { children: customEditorLoader });
+	return /* @__PURE__ */ jsx(DefaultEditorLoader, { ...defaultProps });
+}
+//#endregion
+//#region src/components/drive-editor-container.tsx
+function DriveEditorContainer() {
+	const [selectedDrive] = useSelectedDrive();
+	const selectedDocumentId = useSelectedDocumentId();
+	const driveEditor = useDriveEditorModuleById(selectedDrive.header.meta?.preferredEditor);
+	const defaultDriveEditor = useDefaultDriveEditorModule();
+	const DriveEditorComponent = driveEditor?.Component ?? defaultDriveEditor?.Component ?? GenericDriveExplorer.Component;
+	if (!DriveEditorComponent) throw new Error("No drive editor component found");
+	return /* @__PURE__ */ jsx(ErrorBoundary$1, {
+		variant: "detailed",
+		resetKeys: [selectedDrive.header.id],
+		loggerContext: ["Connect", "DriveEditor"],
+		children: /* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx(EditorLoader, {}),
+			children: /* @__PURE__ */ jsx(DropZoneWrapper, {
+				className: "flex h-full flex-col overflow-auto",
+				children: /* @__PURE__ */ jsx(DriveEditorComponent, { children: selectedDocumentId ? /* @__PURE__ */ jsx(DocumentEditorContainer, {}) : null })
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/drive-icon.tsx
+function DriveIcon({ drive }) {
+	const remotes = useSyncList();
+	const isRemoteDrive = useMemo(() => {
+		if (!drive) return false;
+		return remotes.some((remote) => remote.collectionId === driveCollectionId("main", drive.header.id));
+	}, [remotes, drive]);
+	const driveIconSrc = drive?.state.global.icon;
+	if (driveIconSrc) return /* @__PURE__ */ jsx("img", {
+		src: driveIconSrc,
+		alt: drive.header.name,
+		height: 32,
+		width: 32
+	});
+	if (!isRemoteDrive) return /* @__PURE__ */ jsx(Icon, {
+		name: "Hdd",
+		size: 32
+	});
+	return /* @__PURE__ */ jsx(Icon, {
+		name: "Server",
+		size: 32
+	});
+}
+//#endregion
+//#region src/components/editors.tsx
+function EditorError({ message }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex size-full items-center justify-center",
+		children: /* @__PURE__ */ jsx("h3", {
+			className: "text-lg font-semibold",
+			children: message
+		})
+	});
+}
+const DocumentEditor = (props) => {
+	const { document: initialDocument, onClose, onExport, onOpenSwitchboardLink } = props;
+	const selectedTimelineItem = useSelectedTimelineItem();
+	const revisionHistoryVisible = useRevisionHistoryVisible();
+	const [document, dispatch] = useDocumentById(initialDocument.header.id);
+	const documentId = document?.header.id ?? void 0;
+	const documentName = document?.header.name ?? void 0;
+	const documentType = document?.header.documentType ?? void 0;
+	const preferredEditor = document?.header.meta?.preferredEditor ?? void 0;
+	const { globalOperations, localOperations, isLoading: isLoadingOperations, refetch: refetchOperations } = useDocumentOperations(documentId);
+	useEffect(() => {
+		if (revisionHistoryVisible) refetchOperations();
+	}, [revisionHistoryVisible, refetchOperations]);
+	const globalRevisionNumber = document?.header.revision.global ?? 0;
+	const localRevisionNumber = document?.header.revision.local ?? 0;
+	const documentModelModule = useDocumentModelModuleById(documentType);
+	const preferredEditorModule = useEditorModuleById(preferredEditor);
+	const fallbackEditorModule = useFallbackEditorModule(documentType);
+	const editorModule = preferredEditorModule ?? fallbackEditorModule;
+	const isLoadingDocument = !document;
+	const isLoadingEditor = editorModule && documentType && !editorModule.documentTypes.includes(documentType) && !editorModule.documentTypes.includes("*");
+	const canUndo = globalRevisionNumber > 0 || localRevisionNumber > 0;
+	const canRedo = !!document?.clipboard.length;
+	const addUndoAction = () => dispatch(undo());
+	const addRedoAction = () => dispatch(redo());
+	useUndoRedoShortcuts({
+		undo: addUndoAction,
+		redo: addRedoAction,
+		canUndo,
+		canRedo
+	});
+	useEffect(() => {
+		return () => {
+			window.documentEditorDebugTools?.clear();
+		};
+	}, []);
+	const [editorError, setEditorError] = useState(void 0);
+	useEffect(() => {
+		if (editorError && editorError.documentId !== documentId) setEditorError(void 0);
+	}, [editorError, documentId]);
+	const handleEditorError = (error, info) => {
+		setEditorError({
+			error,
+			documentId,
+			info
+		});
+	};
+	if (isLoadingEditor) return /* @__PURE__ */ jsx(EditorLoader, { message: "Loading editor" });
+	if (isLoadingDocument) return /* @__PURE__ */ jsx(EditorLoader, { message: "Loading document" });
+	if (!documentModelModule) return /* @__PURE__ */ jsx(EditorError, { message: /* @__PURE__ */ jsxs("div", {
+		className: "text-center leading-10",
+		children: [/* @__PURE__ */ jsxs("p", { children: [
+			"Unable to open the document because the document model \"",
+			documentType,
+			"\" is not supported."
+		] }), /* @__PURE__ */ jsxs("p", { children: [
+			"Go to the",
+			" ",
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "cursor-pointer underline",
+				onClick: () => {
+					showPHModal({ type: "settings" });
+				},
+				children: "package manager"
+			}),
+			" ",
+			"to install this document model"
+		] })]
+	}) });
+	if (!editorModule) return /* @__PURE__ */ jsx(EditorError, { message: /* @__PURE__ */ jsxs("div", {
+		className: "text-center leading-10",
+		children: [/* @__PURE__ */ jsx("p", { children: "Unable to open the document because no editor has been found" }), /* @__PURE__ */ jsxs("p", { children: [
+			"Go to the",
+			" ",
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "cursor-pointer underline",
+				onClick: () => {
+					showPHModal({ type: "settings" });
+				},
+				children: "package manager"
+			}),
+			" ",
+			"an editor for the \"$",
+			documentType,
+			"\" document type"
+		] })]
+	}) });
+	const EditorComponent = editorModule.Component;
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative h-full",
+		id: "document-editor-context",
+		"data-editor": editorModule.id,
+		"data-document-type": documentType,
+		children: revisionHistoryVisible ? isLoadingOperations ? /* @__PURE__ */ jsx(EditorLoader, { message: "Loading operations" }) : /* @__PURE__ */ jsx(RevisionHistory, {
+			documentTitle: documentName ?? "",
+			documentId: documentId ?? "",
+			globalOperations,
+			localOperations,
+			onClose: () => setRevisionHistoryVisible(false),
+			documentState: document.state,
+			onCopyState: () => {
+				toast$1("Copied document state to clipboard", { type: "success" });
+			},
+			onCopyDocId: () => {
+				toast$1("Copied document ID to clipboard", { type: "success" });
+			}
+		}, documentId) : /* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx(EditorLoader, { message: "Loading editor" }),
+			name: "EditorLoader",
+			children: /* @__PURE__ */ jsx(ErrorBoundary$1, {
+				fallbackRender: CenteredErrorMessage,
+				resetKeys: [documentId],
+				onError: handleEditorError,
+				loggerContext: ["Connect", "DocumentEditor"],
+				children: !editorError?.error && /* @__PURE__ */ jsx(EditorComponent, {
+					context: {
+						readMode: !!selectedTimelineItem,
+						selectedTimelineRevision: getRevisionFromDate(selectedTimelineItem?.startDate, selectedTimelineItem?.endDate, globalOperations)
+					},
+					documentId: document.header.id
+				}, documentId)
+			})
+		})
+	});
+};
+//#endregion
+//#region src/components/root.tsx
+function Root() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "h-screen",
+		children: /* @__PURE__ */ jsx("div", {
+			className: `flex h-screen items-stretch overflow-auto`,
+			role: "presentation",
+			tabIndex: 0,
+			children: /* @__PURE__ */ jsxs(Suspense, {
+				name: "Root",
+				children: [/* @__PURE__ */ jsx(Sidebar, {}), /* @__PURE__ */ jsx("div", {
+					className: "relative flex-1 overflow-auto",
+					children: /* @__PURE__ */ jsx(Outlet, {})
+				})]
+			})
+		})
+	});
+}
+//#endregion
+//#region src/pages/content.tsx
+function Content() {
+	const [selectedDrive] = useSelectedDriveSafe();
+	const selectedFolder = useSelectedFolder();
+	const selectedDocumentId = useSelectedDocumentId();
+	useEffect(() => {
+		if (!selectedDocumentId) setPHDocumentEditorConfig(defaultPHDocumentEditorConfig);
+	}, [selectedDocumentId]);
+	useEffect(() => {
+		if (!selectedDrive) setPHDriveEditorConfig(defaultPHDriveEditorConfig);
+	}, [selectedDrive]);
+	return /* @__PURE__ */ jsx(ContentContainer, { children: !selectedDocumentId && !selectedDrive && !selectedFolder ? /* @__PURE__ */ jsx(HomeScreenContainer, {}) : /* @__PURE__ */ jsx(DriveEditorContainer, {}) });
+}
+function ContentContainer({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex h-full flex-col overflow-auto",
+		id: "content-view",
+		children
+	});
+}
+function DriveItem({ drive }) {
+	const description = useDriveEditorModuleById(drive.header.meta?.preferredEditor)?.name || "Drive Explorer App";
+	return /* @__PURE__ */ jsx(HomeScreenItem, {
+		title: drive.state.global.name,
+		description,
+		icon: /* @__PURE__ */ jsx(DriveIcon, { drive }),
+		onClick: () => setSelectedDrive(drive)
+	}, drive.header.id);
+}
+function HomeScreenContainer() {
+	const drives = useDrives();
+	const config = connectConfig;
+	return /* @__PURE__ */ jsxs(HomeScreen, { children: [drives?.map((drive) => {
+		return /* @__PURE__ */ jsx(DriveItem, { drive }, drive.header.id);
+	}), config.drives.addDriveEnabled && /* @__PURE__ */ jsx(HomeScreenAddDriveItem, {})] });
+}
+//#endregion
+//#region src/pages/demo/atlas-import.tsx
+const REACTOR_URL = "https://apps.powerhouse.io/sky-atlas/staging/switchboard";
+const MIN_LOADING_TIME = 2e3;
+function useReactorUrl() {
+	const { search } = useLocation();
+	return useMemo(() => {
+		const url = new URLSearchParams(search).get("reactorUrl") ?? REACTOR_URL;
+		return url.endsWith("/") ? url : `${url}/`;
+	}, [search]);
+}
+async function forkAtlas(docId, reactorUrl) {
+	const document = gql`
+    mutation ForkAtlas($docId: PHID) {
+      ForkAtlas(docId: $docId)
+    }
+  `;
+	return await request(`${reactorUrl}graphql`, document, { docId });
+}
+function AtlasImport() {
+	const status = useRef("initial");
+	const reactor = useReactorClient();
+	const { documentId } = useParams();
+	const reactorUrl = useReactorUrl();
+	const navigate = useNavigate();
+	const [driveId, setDriveId] = useState(void 0);
+	const [error, setError] = useState(void 0);
+	const [loading, setLoading] = useState(true);
+	const hasError = status.current === "error";
+	useEffect(() => {
+		if (error) {
+			console.error("Error forking Atlas:", error);
+			toast$1("Error forking Atlas", { type: "error" });
+		}
+	}, [error]);
+	async function forkAtlasDocument(documentId) {
+		const driveId = (await forkAtlas(documentId, reactorUrl)).ForkAtlas;
+		status.current = "forked";
+		setDriveId(driveId);
+	}
+	const redirectToDrive = useCallback(() => {
+		if (driveId && !loading) navigate(`/d/${driveId}`, { replace: true });
+	}, [
+		driveId,
+		navigate,
+		loading
+	]);
+	const addForkDrive = useCallback(async (driveId) => {
+		console.log("Adding remote drive:", driveId);
+		const driveUrl = `${reactorUrl}d/${driveId}`;
+		try {
+			const addedDrive = await addRemoteDrive(driveUrl, {
+				sharingType: "PUBLIC",
+				availableOffline: true,
+				listeners: [{
+					block: true,
+					callInfo: {
+						data: driveUrl,
+						name: "switchboard-push",
+						transmitterType: "SwitchboardPush"
+					},
+					filter: {
+						branch: ["main"],
+						documentId: ["*"],
+						documentType: ["*"],
+						scope: ["global"]
+					},
+					label: "Switchboard Sync",
+					listenerId: "1",
+					system: true
+				}],
+				triggers: []
+			});
+			status.current = "done";
+			console.log("Added remote drive:", addedDrive);
+			setTimeout(() => {
+				setLoading(false);
+			}, MIN_LOADING_TIME);
+		} catch (error) {
+			status.current = "error";
+			setLoading(false);
+			setError(error);
+		}
+	}, [
+		addRemoteDrive,
+		navigate,
+		reactorUrl
+	]);
+	useEffect(() => {
+		if (!documentId || status.current !== "initial") return;
+		status.current = "forking";
+		forkAtlasDocument(documentId).catch((error) => {
+			status.current = "error";
+			setError(error);
+		});
+	}, [documentId, status]);
+	useEffect(() => {
+		if (!driveId || !reactor || status.current !== "forked") return;
+		status.current = "addingDrive";
+		new Promise((resolve) => {
+			setTimeout(resolve, 500);
+		}).then(() => addForkDrive(driveId)).catch((error) => {
+			status.current = "error";
+			setError(error);
+		});
+	}, [
+		driveId,
+		reactor,
+		status
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex size-full justify-center gap-x-4 bg-gray-50",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "w-full max-w-[850px] rounded-2xl bg-white p-6 drop-shadow-sm",
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "text-lg font-medium text-gray-900",
+				children: "Welcome to the Atlas Explorer"
+			}), /* @__PURE__ */ jsx("div", {
+				className: "mt-4 rounded-xl border border-gray-200 bg-gray-50 p-6",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex min-h-80 flex-col items-center justify-center rounded-2xl bg-slate-50",
+					children: [
+						/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("svg", {
+							width: "28",
+							height: "32",
+							viewBox: "0 0 28 32",
+							fill: "none",
+							xmlns: "http://www.w3.org/2000/svg",
+							children: [
+								/* @__PURE__ */ jsx("path", {
+									fillRule: "evenodd",
+									clipRule: "evenodd",
+									d: "M0.05092 23.7286L0.000163347 23.9993L0 23.9995L0.207853 24.067L27.6823 24.067L27.9995 23.9995L27.9161 23.6913L14.2182 0.209032L13.9998 0L13.749 0.246353L0.05092 23.7286ZM20.9994 11.9999L7.0003 11.9999L13.9998 23.999L20.9994 11.9999Z",
+									fill: "url(#paint0_radial_319_20865)"
+								}),
+								/* @__PURE__ */ jsx("path", {
+									d: "M14 0L0 23.9998V7.99993L14 0Z",
+									fill: "url(#paint1_linear_319_20865)"
+								}),
+								/* @__PURE__ */ jsx("path", {
+									d: "M28 24L7.82013e-05 24L14 31.9999L28 24Z",
+									fill: "url(#paint2_linear_319_20865)"
+								}),
+								/* @__PURE__ */ jsx("path", {
+									d: "M14 0L28 23.9998V7.99993L14 0Z",
+									fill: "url(#paint3_linear_319_20865)"
+								}),
+								/* @__PURE__ */ jsxs("defs", { children: [
+									/* @__PURE__ */ jsxs("radialGradient", {
+										id: "paint0_radial_319_20865",
+										cx: "0",
+										cy: "0",
+										r: "1",
+										gradientUnits: "userSpaceOnUse",
+										gradientTransform: "translate(13.9994 16.0344) rotate(-89.9988) scale(16.0344 16.201)",
+										children: [/* @__PURE__ */ jsx("stop", {
+											offset: "0.181008",
+											stopColor: "#FFCD6B"
+										}), /* @__PURE__ */ jsx("stop", {
+											offset: "1",
+											stopColor: "#EB5EDF"
+										})]
+									}),
+									/* @__PURE__ */ jsxs("linearGradient", {
+										id: "paint1_linear_319_20865",
+										x1: "-0.031454",
+										y1: "24.041",
+										x2: "13.801",
+										y2: "-0.142908",
+										gradientUnits: "userSpaceOnUse",
+										children: [/* @__PURE__ */ jsx("stop", { stopColor: "#4331E9" }), /* @__PURE__ */ jsx("stop", {
+											offset: "1",
+											stopColor: "#A273FF"
+										})]
+									}),
+									/* @__PURE__ */ jsxs("linearGradient", {
+										id: "paint2_linear_319_20865",
+										x1: "-0.0310093",
+										y1: "24",
+										x2: "28.0444",
+										y2: "24",
+										gradientUnits: "userSpaceOnUse",
+										children: [/* @__PURE__ */ jsx("stop", { stopColor: "#A273FF" }), /* @__PURE__ */ jsx("stop", {
+											offset: "1",
+											stopColor: "#4331E9"
+										})]
+									}),
+									/* @__PURE__ */ jsxs("linearGradient", {
+										id: "paint3_linear_319_20865",
+										x1: "28.0315",
+										y1: "24.041",
+										x2: "14.199",
+										y2: "-0.142908",
+										gradientUnits: "userSpaceOnUse",
+										children: [/* @__PURE__ */ jsx("stop", { stopColor: "#A273FF" }), /* @__PURE__ */ jsx("stop", {
+											offset: "1",
+											stopColor: "#4331E9"
+										})]
+									})
+								] })
+							]
+						}) }),
+						hasError ? /* @__PURE__ */ jsx("div", {
+							className: "mt-3 text-sm text-gray-800",
+							children: "Error forking Atlas scope. Please try again."
+						}) : /* @__PURE__ */ jsx("div", {
+							className: "mt-3 text-sm text-gray-500",
+							children: "Forking Atlas scope..."
+						}),
+						/* @__PURE__ */ jsx(PowerhouseButton, {
+							onClick: hasError ? window.location.reload.bind(window.location) : redirectToDrive,
+							size: "small",
+							color: "light",
+							className: "mt-4 h-9 border border-gray-200 bg-white px-3 text-gray-600",
+							children: hasError ? "Retry" : loading ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("svg", {
+								className: "animate-spin",
+								width: "16",
+								height: "16",
+								viewBox: "0 0 16 16",
+								fill: "none",
+								xmlns: "http://www.w3.org/2000/svg",
+								children: [/* @__PURE__ */ jsx("path", {
+									d: "M15.6867 8.03333C15.4933 7.83999 15.1733 7.83999 14.98 8.03333L14.6733 8.34001V8C14.6733 4.32 11.68 1.32666 7.99999 1.32666C5.96666 1.32666 4.06666 2.23999 2.79333 3.82666C2.61999 4.03999 2.65332 4.35999 2.87332 4.52665C3.08666 4.69999 3.40666 4.66666 3.57332 4.44666C4.65999 3.09332 6.27332 2.31999 7.99999 2.31999C11.1267 2.31999 13.6733 4.86666 13.6733 7.99333V8.32666L13.3667 8.02002C13.1733 7.82669 12.8533 7.82669 12.66 8.02002C12.4667 8.21335 12.4667 8.53335 12.66 8.72668L13.82 9.88668C13.8667 9.93334 13.92 9.96666 13.98 9.99333C14.04 10.02 14.1067 10.0333 14.1733 10.0333C14.24 10.0333 14.3 10.02 14.3667 9.99333C14.4267 9.96666 14.48 9.93334 14.5267 9.88668L15.6867 8.72668C15.88 8.54668 15.88 8.22666 15.6867 8.03333Z",
+									fill: "#6C7275"
+								}), /* @__PURE__ */ jsx("path", {
+									d: "M13.1267 11.4666C12.9133 11.2933 12.5933 11.3266 12.4267 11.5466C11.34 12.9 9.72665 13.6733 7.99998 13.6733C4.87332 13.6733 2.32665 11.1266 2.32665 7.99996V7.66663L2.63332 7.97331C2.73332 8.07331 2.85999 8.11996 2.98665 8.11996C3.11332 8.11996 3.23999 8.07331 3.33999 7.97331C3.53332 7.77998 3.53332 7.45998 3.33999 7.26664L2.17998 6.10661C2.13332 6.05994 2.07998 6.02663 2.01998 5.99996C1.89998 5.94663 1.75998 5.94663 1.63998 5.99996C1.57998 6.02663 1.52665 6.05994 1.47999 6.10661L0.319988 7.26664C0.126654 7.45998 0.126654 7.77998 0.319988 7.97331C0.513321 8.16664 0.833319 8.16664 1.02665 7.97331L1.33332 7.66663V7.99996C1.33332 11.68 4.32665 14.6733 8.00665 14.6733C10.04 14.6733 11.94 13.76 13.2133 12.1733C13.38 11.96 13.3467 11.64 13.1267 11.4666Z",
+									fill: "#6C7275"
+								})]
+							}), "Loading"] }) : "Continue"
+						})
+					]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/router.tsx
+function createRouter(routes) {
+	const routerBasename = connectConfig.routerBasename;
+	return createBrowserRouter(routes, {
+		basename: routerBasename,
+		future: {
+			v7_fetcherPersist: true,
+			v7_relativeSplatPath: true
+		}
+	});
+}
+function createRoutes() {
+	return [{
+		element: /* @__PURE__ */ jsx(Suspense, {
+			name: "RouteRoot",
+			children: /* @__PURE__ */ jsx(Root, {})
+		}),
+		children: [{
+			index: true,
+			path: "d?/:driveId?/*?",
+			element: /* @__PURE__ */ jsx(Suspense, {
+				name: "Drive",
+				children: /* @__PURE__ */ jsx(Content, {})
+			})
+		}, {
+			path: "import/:documentId",
+			element: /* @__PURE__ */ jsx(Suspense, {
+				name: "AtlasImport",
+				children: /* @__PURE__ */ jsx(AtlasImport, {})
+			})
+		}]
+	}];
+}
+const router = createRouter(createRoutes());
+const Router = () => {
+	return /* @__PURE__ */ jsx(RouterProvider, { router });
+};
+//#endregion
+//#region src/components/sidebar.tsx
+function Sidebar() {
+	const user = useUser();
+	const drives = useDrives();
+	const [selectedDrive] = useSelectedDriveSafe();
+	const inspectorEnabled = useInspectorEnabled();
+	const connectDebug = localStorage.getItem("CONNECT_DEBUG") === "true";
+	const onClickSettings = () => {
+		showPHModal({ type: "settings" });
+	};
+	const onAddDriveClick = () => {
+		showPHModal({ type: "addDrive" });
+	};
+	const onInspectorClick = () => {
+		showPHModal({ type: "inspector" });
+	};
+	const etherscanUrl = user?.address ? `https://etherscan.io/address/${user.address}` : "";
+	return /* @__PURE__ */ jsx(ConnectTooltipProvider, { children: /* @__PURE__ */ jsx(ConnectSidebar, {
+		id: "sidebar",
+		onClick: () => setSelectedDrive(void 0),
+		onClickSettings,
+		onInspectorClick: inspectorEnabled ? onInspectorClick : void 0,
+		address: user?.address,
+		onLogin: openRenown,
+		onDisconnect: logout,
+		etherscanUrl,
+		showDebug: connectDebug,
+		onDebugClick: () => showPHModal({ type: "debugSettings" }),
+		children: /* @__PURE__ */ jsxs(ErrorBoundary$1, {
+			variant: "text",
+			fallbackMessage: "There was an error loading drives",
+			loggerContext: ["Connect", "Sidebar"],
+			children: [drives?.map((drive, index) => /* @__PURE__ */ jsx(SidebarItem, {
+				title: drive.header.name,
+				onClick: () => setSelectedDrive(drive),
+				active: selectedDrive?.header.id === drive.header.id,
+				icon: /* @__PURE__ */ jsx(DriveIcon, { drive })
+			}, index)), connectConfig.drives.addDriveEnabled && /* @__PURE__ */ jsx(SidebarAddDriveItem, { onClick: onAddDriveClick })]
+		})
+	}) });
+}
+//#endregion
+export { AppLoader as t };
+
+//# sourceMappingURL=sidebar-AZ4xvZzG.js.map