@powerhousedao/connect 6.1.0-dev.12 → 6.1.0-dev.14

package/dist/{sidebar--SNGGkVA.js → sidebar-BG9ZKWVN.js}

@@ -1,11 +1,11 @@
 
-!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]="6595a537-debb-533b-99e8-b6c6379e11b4")}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]="d8c9adb1-143b-5860-904f-b6af4153c2c2")}catch(e){}}();
 import { n as defaultPHAppConfig, r as defaultPHDocumentEditorConfig, t as connectConfig } from "./connect.config-B2xP5Iez.js";
 import { n as toast, t as ToastContainer } from "./toast-DnODOv28.js";
 import { t as i18n } from "./i18n-BuVT7wFQ.js";
 import { c as subscribeReactorPgMajor, d as createFileDataStore, f as idbError, l as IDB_STORE_NAME, m as readPgVersionFile, p as openIdb, r as getCachedReactorPgMajor, u as PRIMARY_IDB_NAMES } from "./pglite-runtime-Btp8ZXVH.js";
 import { t as serviceWorkerManager } from "./registerServiceWorker-BkUnxLqB.js";
-import { driveCollectionId, getRevisionFromDate, logout, openRenown, setPHAppConfig, setPHDocumentEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useAppModuleById, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDrives, useEditorModuleById, useFallbackEditorModule, useNodeParentFolderById, usePHModal, usePackageDiscoveryService, useReactorClientModule, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSyncList, useUser, useVetraPackageManager, useVetraPackages } from "@powerhousedao/reactor-browser";
+import { driveCollectionId, getRevisionFromDate, initTheme, logout, openRenown, setPHAppConfig, setPHDocumentEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useAppModuleById, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDrives, useEditorModuleById, useFallbackEditorModule, useNodeParentFolderById, usePHModal, usePackageDiscoveryService, useReactorClientModule, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSyncList, useTheme, useUser, useVetraPackageManager, useVetraPackages } from "@powerhousedao/reactor-browser";
 import { childLogger } from "document-model";
 import React, { StrictMode, Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { z } from "zod";
@@ -13,7 +13,7 @@ import { Trans, useTranslation } from "react-i18next";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Outlet, RouterProvider, createBrowserRouter, createRoutesFromChildren, matchRoutes, useLocation, useNavigationType } from "react-router-dom";
 import { useHotkeys } from "react-hotkeys-hook";
-import { AnimatedLoader, ConnectSidebar, ConnectTooltipProvider, CookieBanner, DefaultEditorLoader, DropZoneWrapper, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, PackageInstallModal, RevisionHistory, SidebarAddDriveItem, SidebarItem, useEns } from "@powerhousedao/design-system/connect";
+import { ConnectSidebar, ConnectTooltipProvider, CookieBanner, DefaultEditorLoader, DropZoneWrapper, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, LogoAnimation, PackageInstallModal, RevisionHistory, SidebarAddDriveItem, SidebarItem, useEns } from "@powerhousedao/design-system/connect";
 import { GenericDriveExplorer } from "@powerhousedao/powerhouse-vetra-packages/editors";
 import { Icon, Modal, PowerhouseButton } from "@powerhousedao/design-system";
 import { ErrorBoundary } from "react-error-boundary";
@@ -648,7 +648,7 @@ function DetailedFallback({ error, resetErrorBoundary }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "z-10 mx-auto flex max-w-[80%] flex-1 items-center justify-center p-6",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "w-full max-w-lg rounded-lg border border-gray-500 bg-white p-6 shadow-sm",
+			className: "w-full max-w-lg rounded-lg border border-gray-500 bg-gray-50 p-6 shadow-sm dark:border-slate-400 dark:bg-slate-800",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "mb-3 flex items-center gap-2",
@@ -661,16 +661,16 @@ function DetailedFallback({ error, resetErrorBoundary }) {
 					})]
 				}),
 				/* @__PURE__ */ jsx("p", {
-					className: "mb-4 text-sm text-gray-700",
+					className: "mb-4 text-sm text-gray-700 dark:text-slate-200",
 					children: errorMessage
 				}),
 				errorDetails !== "{}" && /* @__PURE__ */ jsxs("details", {
 					className: "group",
 					children: [/* @__PURE__ */ jsx("summary", {
-						className: "cursor-pointer text-sm font-medium text-gray-700 underline select-none hover:text-gray-700",
+						className: "cursor-pointer text-sm font-medium text-gray-700 underline select-none hover:text-gray-700 dark:text-slate-200 dark:hover:text-slate-200",
 						children: "Show details"
 					}), /* @__PURE__ */ jsx("pre", {
-						className: "mt-2 max-h-48 overflow-auto rounded-sm bg-gray-100 p-3 text-xs",
+						className: "mt-2 max-h-48 overflow-auto rounded-sm bg-gray-100 p-3 text-xs dark:bg-slate-700",
 						children: errorDetails
 					})]
 				}),
@@ -1099,12 +1099,12 @@ const MigrationOverlay = () => {
 	return /* @__PURE__ */ jsx("div", {
 		className: "absolute inset-0 z-20 flex items-center justify-center",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "rounded-lg bg-white/90 px-6 py-4 text-sm text-gray-900 shadow-lg",
+			className: "rounded-lg bg-white/90 px-6 py-4 text-sm text-gray-900 shadow-lg dark:bg-slate-900/90 dark:text-slate-50",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "font-medium",
 				children: "Upgrading local database…"
 			}), /* @__PURE__ */ jsx("div", {
-				className: "text-gray-600",
+				className: "text-gray-700 dark:text-slate-200",
 				children: PHASE_LABEL[status.phase]
 			})]
 		})
@@ -1113,6 +1113,7 @@ const MigrationOverlay = () => {
 const Loader = ({ delay = LOADER_DELAY }) => {
 	const isSSR = typeof window === "undefined";
 	const showInitialLoader = typeof document !== "undefined" && document.body.getAttribute("data-show-loader") === "true";
+	if (!isSSR) initTheme();
 	const [showLoading, setShowLoading] = useState(!delay || showInitialLoader);
 	useEffect(() => {
 		const id = setTimeout(() => {
@@ -1124,7 +1125,7 @@ const Loader = ({ delay = LOADER_DELAY }) => {
 		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, {})
+			children: /* @__PURE__ */ jsx(LogoAnimation, {})
 		}), isSSR ? /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `setTimeout(() => {
                         document.querySelector('.skeleton-loader')?.classList.remove('hidden');
                         document.body.setAttribute('data-show-loader', 'true');
@@ -1135,7 +1136,7 @@ const AppSkeleton = (props) => {
 	const isSSR = typeof window === "undefined";
 	const isHomeScreen = !isSSR && window.location.pathname === getBasePath();
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-screen overflow-hidden",
+		className: "flex h-screen overflow-hidden bg-gray-50 dark:bg-slate-700",
 		children: [
 			!(!isSSR && getIsEmbedded()) && /* @__PURE__ */ jsx(ConnectSidebar, {
 				className: "animate-pulse",
@@ -1200,7 +1201,7 @@ const MigrationBanner = () => {
 	return /* @__PURE__ */ jsx("div", {
 		className: "absolute inset-x-0 top-0 z-30 flex justify-center p-3",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex max-w-3xl items-center gap-3 rounded-lg border border-yellow-500 bg-yellow-400 px-4 py-3 text-sm text-gray-900 shadow-lg",
+			className: "flex max-w-3xl items-center gap-3 rounded-lg border border-yellow-500 bg-yellow-400 px-4 py-3 text-sm text-gray-900 shadow-lg dark:border-yellow-400 dark:bg-yellow-500 dark:text-slate-50",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex-1",
@@ -1214,7 +1215,7 @@ const MigrationBanner = () => {
 							]
 						}),
 						/* @__PURE__ */ jsxs("div", {
-							className: "text-gray-800",
+							className: "text-gray-900 dark:text-slate-100",
 							children: [
 								"Migrate to Postgres ",
 								17,
@@ -1222,7 +1223,7 @@ const MigrationBanner = () => {
 							]
 						}),
 						error && /* @__PURE__ */ jsxs("div", {
-							className: "mt-2 font-medium text-red-900",
+							className: "mt-2 font-medium text-red-900 dark:text-red-400",
 							children: ["Migration failed: ", error]
 						})
 					]
@@ -1231,14 +1232,14 @@ const MigrationBanner = () => {
 					type: "button",
 					disabled: migrating,
 					onClick: handleMigrate,
-					className: "rounded-sm bg-gray-900 px-3 py-1 text-sm font-medium text-white hover:bg-gray-800 disabled:opacity-50",
+					className: "rounded-sm bg-gray-900 px-3 py-1 text-sm font-medium text-white hover:bg-gray-800 disabled:opacity-50 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-100",
 					children: migrating ? "Migrating…" : "Migrate now"
 				}),
 				/* @__PURE__ */ jsx("button", {
 					type: "button",
 					disabled: migrating,
 					onClick: dismiss,
-					className: "rounded-sm border border-gray-900 bg-transparent px-3 py-1 text-sm font-medium text-gray-900 hover:bg-gray-900/10 disabled:opacity-50",
+					className: "rounded-sm border border-gray-900 bg-transparent px-3 py-1 text-sm font-medium text-gray-900 hover:bg-gray-900/10 disabled:opacity-50 dark:border-slate-50 dark:text-slate-50",
 					children: "Dismiss"
 				})
 			]
@@ -1248,16 +1249,16 @@ const MigrationBanner = () => {
 //#endregion
 //#region src/components/modal/modals-container.tsx
 const AddDriveModal$1 = lazy(() => import("./AddDriveModal-Cg2qcYp6.js").then((m) => ({ default: m.AddDriveModal })));
-const ClearStorageModal = lazy(() => import("./ClearStorageModal-Dx_kY08P.js").then((m) => ({ default: m.ClearStorageModal })));
-const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-DiXQV82b.js").then((m) => ({ default: m.CookiesPolicyModal })));
+const ClearStorageModal = lazy(() => import("./ClearStorageModal-D2K3LkHV.js").then((m) => ({ default: m.ClearStorageModal })));
+const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-4QzcllDR.js").then((m) => ({ default: m.CookiesPolicyModal })));
 const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-7vgZ8nbM.js").then((m) => ({ default: m.CreateDocumentModal })));
-const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-DZcnTkMs.js").then((m) => ({ default: m.DebugSettingsModal })));
+const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-DPKKXMZt.js").then((m) => ({ default: m.DebugSettingsModal })));
 const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-ABue_rOY.js").then((m) => ({ default: m.DeleteDriveModal })));
 const DeleteItemModal = lazy(() => import("./DeleteItemModal-B6aHnYPD.js").then((m) => ({ default: m.DeleteItemModal })));
 const DisclaimerModal = lazy(() => import("./DisclaimerModal-CfDeiBz8.js").then((m) => ({ default: m.DisclaimerModal })));
 const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-CNtCO4-y.js").then((m) => ({ default: m.DriveSettingsModal })));
-const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-5NDf6rH4.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
-const SettingsModal$1 = lazy(() => import("./SettingsModal-BVesM-sY.js").then((m) => ({ default: m.SettingsModal })));
+const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-CaAPGg04.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
+const SettingsModal$1 = lazy(() => import("./SettingsModal-yuYEcU0F.js").then((m) => ({ default: m.SettingsModal })));
 const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-BwI5E5k3.js").then((m) => ({ default: m.UpgradeDriveModal })));
 const modalComponents = {
 	addDrive: AddDriveModal$1,
@@ -1270,7 +1271,7 @@ const modalComponents = {
 	disclaimer: DisclaimerModal,
 	driveSettings: DriveSettingsModal$1,
 	downloadDocumentWithErrors: DownloadDocumentWithErrorsModal,
-	inspector: lazy(() => import("./InspectorModal-Cm2GxgwK.js").then((m) => ({ default: m.InspectorModal }))),
+	inspector: lazy(() => import("./InspectorModal-ywEL5GKA.js").then((m) => ({ default: m.InspectorModal }))),
 	settings: SettingsModal$1,
 	upgradeDrive: UpgradeDriveModal,
 	missingPackage: lazy(() => import("./MissingPackageModal-CUdcDjSO.js").then((m) => ({ default: m.ConnectMissingPackageModal })))
@@ -1293,7 +1294,7 @@ const ModalsContainer = lazy(() => {
 //#endregion
 //#region src/components/app-loader.tsx
 const AppLoader = (props) => {
-	const Load = lazy(() => import("./load-Bf4Q8pUO.js").then((m) => m.loadComponent(props.localPackage)));
+	const Load = lazy(() => import("./load-CHCKm1_A.js").then((m) => m.loadComponent(props.localPackage)));
 	return /* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsxs(ErrorBoundary$1, {
 		fallbackRender: (props) => /* @__PURE__ */ jsx(AppSkeleton, { children: /* @__PURE__ */ jsx(DetailedFallback, { ...props }) }),
 		resetKeys: [props.localPackage],
@@ -1342,11 +1343,11 @@ function MissingModelBanner() {
 	const [open, setOpen] = useState(false);
 	if (failed.length === 0) return null;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-		className: "flex items-center justify-between gap-3 bg-amber-100 px-4 py-2 text-sm text-amber-900",
+		className: "flex items-center justify-between gap-3 bg-amber-100 px-4 py-2 text-sm text-amber-900 dark:bg-amber-800 dark:text-amber-100",
 		children: [/* @__PURE__ */ jsx("span", { children: failed.length === 1 ? "1 document type couldn't load (missing model)." : `${failed.length} document types couldn't load (missing models).` }), /* @__PURE__ */ jsx("button", {
 			type: "button",
 			onClick: () => setOpen(true),
-			className: "rounded-md border border-amber-300 bg-white px-3 py-1 text-amber-900 hover:bg-amber-50",
+			className: "rounded-md border border-amber-300 bg-gray-50 px-3 py-1 text-amber-900 hover:bg-amber-50 dark:border-amber-600 dark:bg-slate-800 dark:text-amber-100 dark:hover:bg-amber-900",
 			children: "View"
 		})]
 	}), /* @__PURE__ */ jsx(MissingModelDetailsModal, {
@@ -1379,18 +1380,18 @@ function MissingModelDetailsModal(props) {
 		},
 		contentProps: { className: "rounded-3xl" },
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "w-[520px] max-w-[90vw] bg-white p-6",
+			className: "w-[520px] max-w-[90vw] bg-gray-50 p-6 dark:bg-slate-800",
 			children: [
 				/* @__PURE__ */ jsx("div", {
-					className: "border-b border-slate-100 pb-2 text-2xl font-bold text-gray-800",
+					className: "border-b border-gray-100 pb-2 text-2xl font-bold text-gray-900 dark:border-slate-500 dark:bg-slate-600 dark:text-slate-100",
 					children: "Missing document models"
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: "my-4 text-sm text-gray-600",
+					className: "my-4 text-sm text-gray-700 dark:text-slate-200",
 					children: "The following document types couldn't be loaded. Documents using them won't display until the underlying package is installed."
 				}),
 				failed.length === 0 ? /* @__PURE__ */ jsx("div", {
-					className: "rounded-xl bg-slate-50 p-4 text-sm text-gray-600",
+					className: "rounded-xl bg-gray-50 p-4 text-sm text-gray-700 dark:bg-slate-800 dark:text-slate-200",
 					children: "No outstanding failures."
 				}) : /* @__PURE__ */ jsx("div", {
 					className: "flex max-h-[60vh] flex-col gap-3 overflow-y-auto",
@@ -1398,18 +1399,18 @@ function MissingModelDetailsModal(props) {
 						const isRetrying = retrying.has(entry.documentType);
 						const retryDisabled = !canRetry(entry.reason) || isRetrying;
 						return /* @__PURE__ */ jsxs("div", {
-							className: "rounded-xl bg-slate-50 p-4",
+							className: "rounded-xl bg-gray-50 p-4 dark:bg-slate-800",
 							children: [
 								/* @__PURE__ */ jsx("div", {
-									className: "mb-1 font-mono text-sm font-semibold text-gray-800",
+									className: "mb-1 font-mono text-sm font-semibold text-gray-900 dark:text-slate-100",
 									children: entry.documentType
 								}),
 								/* @__PURE__ */ jsx("div", {
-									className: "mb-2 text-xs text-gray-600",
+									className: "mb-2 text-xs text-gray-700 dark:text-slate-200",
 									children: reasonLabels[entry.reason]
 								}),
 								entry.packageNames.length > 0 ? /* @__PURE__ */ jsxs("div", {
-									className: "mb-2 text-xs text-gray-500",
+									className: "mb-2 text-xs text-gray-500 dark:text-slate-400",
 									children: [
 										"Package",
 										entry.packageNames.length > 1 ? "s" : "",
@@ -1419,7 +1420,7 @@ function MissingModelDetailsModal(props) {
 									]
 								}) : null,
 								entry.error ? /* @__PURE__ */ jsx("div", {
-									className: "mb-2 font-mono text-xs wrap-break-word text-red-700",
+									className: "mb-2 font-mono text-xs wrap-break-word text-red-700 dark:text-red-100",
 									children: entry.error.message
 								}) : null,
 								/* @__PURE__ */ jsx("div", {
@@ -1429,7 +1430,7 @@ function MissingModelDetailsModal(props) {
 										onClick: () => void handleRetry(entry.documentType),
 										disabled: retryDisabled,
 										title: canRetry(entry.reason) ? void 0 : "No registry is configured; nothing to retry against.",
-										className: twMerge("min-h-[32px] rounded-xl px-3 py-1 text-sm font-semibold text-white transition-all hover:scale-105", retryDisabled ? "cursor-not-allowed bg-gray-300 hover:scale-100" : "bg-gray-800 active:opacity-75"),
+										className: twMerge("min-h-[32px] rounded-xl px-3 py-1 text-sm font-semibold text-white transition-all hover:scale-105 dark:text-slate-900", retryDisabled ? "cursor-not-allowed bg-gray-300 hover:scale-100 dark:bg-slate-600 dark:text-slate-100" : "bg-gray-800 active:opacity-75 dark:bg-slate-100"),
 										children: isRetrying ? "Retrying..." : "Try install again"
 									})
 								})
@@ -1442,7 +1443,7 @@ function MissingModelDetailsModal(props) {
 					children: /* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: onClose,
-						className: "min-h-[36px] rounded-xl border border-slate-200 bg-white px-4 py-2 text-sm font-semibold text-slate-800 hover:bg-slate-50",
+						className: "min-h-[36px] rounded-xl border border-gray-200 bg-gray-50 px-4 py-2 text-sm font-semibold text-gray-800 hover:bg-gray-50 dark:border-slate-500 dark:bg-slate-600 dark:text-slate-100 dark:hover:bg-slate-800",
 						children: "Close"
 					})
 				})
@@ -1468,6 +1469,7 @@ function PackageInstallPrompt() {
 //#endregion
 //#region src/components/app.tsx
 const App = () => {
+	useTheme();
 	useEffect(() => {
 		const handlePreloadError = (event) => {
 			const payload = event.payload;
@@ -1532,8 +1534,8 @@ const CookieBanner$1 = () => {
 	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 pt-10 pb-16 shadow-lg",
+		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gray-900 opacity-15 dark:bg-slate-50" }), /* @__PURE__ */ jsx("div", {
+			className: "absolute inset-x-0 bottom-0 flex justify-center bg-gray-50 px-10 pt-10 pb-16 shadow-lg dark:bg-slate-800",
 			children: /* @__PURE__ */ jsx(CookieBanner, {
 				className: "max-w-[1024px]",
 				cookies: cookiesInput,
@@ -1542,12 +1544,12 @@ const CookieBanner$1 = () => {
 				submitLabel: t("cookieBanner.accept"),
 				rejectLabel: t("cookieBanner.reject"),
 				children: /* @__PURE__ */ jsx("p", {
-					className: "font-semibold text-gray-500",
+					className: "font-semibold text-gray-500 dark:text-slate-400",
 					children: /* @__PURE__ */ jsx(Trans, {
 						i18nKey: "cookieBanner.message",
 						components: { a: /* @__PURE__ */ jsx("a", {
 							onClick: () => showPHModal({ type: "cookiesPolicy" }),
-							className: "cursor-pointer text-gray-900 hover:underline"
+							className: "cursor-pointer text-gray-900 hover:underline dark:text-slate-50"
 						}, "cookieBanner.message-link") }
 					}, "cookieBanner.message")
 				})
@@ -1726,7 +1728,7 @@ const DocumentEditor = (props) => {
 //#region src/components/root.tsx
 function Root() {
 	return /* @__PURE__ */ jsx("div", {
-		className: "h-screen",
+		className: "h-screen bg-gray-50 dark:bg-slate-800",
 		children: /* @__PURE__ */ jsx("div", {
 			className: `flex h-screen items-stretch overflow-auto`,
 			role: "presentation",
@@ -1857,5 +1859,5 @@ function Sidebar() {
 //#endregion
 export { AppLoader as t };
 
-//# sourceMappingURL=sidebar--SNGGkVA.js.map
-//# debugId=6595a537-debb-533b-99e8-b6c6379e11b4
+//# sourceMappingURL=sidebar-BG9ZKWVN.js.map
+//# debugId=d8c9adb1-143b-5860-904f-b6af4153c2c2