@powerhousedao/connect 6.2.0-dev.20 → 6.2.0-dev.21

package/dist/{DebugSettingsModal-CuTgd7TZ.js → DebugSettingsModal-BUjKyRCv.js}

@@ -1,6 +1,6 @@
 
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="18522c4e-9e15-5c28-a2f3-357b2c3ec428")}catch(e){}}();
-import { n as getGitUrl, r as shortGitSha, t as getGitSha } from "./build-info-BY8gRSI9.js";
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="d2123722-033c-59bd-b222-166629c6a192")}catch(e){}}();
+import { n as getGitUrl, r as shortGitSha, t as getGitSha } from "./build-info-YjllYmn8.js";
 import { r as connectConfig } from "./connect.config-Bt4pvvWV.js";
 import { t as serviceWorkerManager } from "./registerServiceWorker-D9l1kja7.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -26,7 +26,7 @@ const DebugSettingsModal = () => {
 		},
 		contentProps: { className: "rounded-2xl" },
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "w-[700px] rounded-2xl bg-gray-50 p-6 dark:bg-slate-800",
+			className: "w-[700px] rounded-2xl bg-background p-6",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "mb-6 flex justify-between",
@@ -59,7 +59,7 @@ const DebugSettingsModal = () => {
 							const url = getGitUrl();
 							const label = shortGitSha(sha);
 							return url ? /* @__PURE__ */ jsxs("a", {
-								className: "ml-2 font-mono text-xs font-normal text-blue-600 hover:underline dark:text-blue-100",
+								className: "ml-2 font-mono text-xs font-normal text-info hover:underline",
 								href: url,
 								target: "_blank",
 								rel: "noreferrer noopener",
@@ -70,7 +70,7 @@ const DebugSettingsModal = () => {
 									")"
 								]
 							}) : /* @__PURE__ */ jsxs("span", {
-								className: "ml-2 font-mono text-xs font-normal text-gray-500 dark:text-slate-400",
+								className: "ml-2 font-mono text-xs font-normal text-muted-foreground",
 								title: sha,
 								children: [
 									"(",
@@ -134,7 +134,7 @@ const DebugSettingsModal = () => {
 							className: "text-xs",
 							children: "Set invalid app version:"
 						}), /* @__PURE__ */ jsx(FormInput, {
-							containerClassName: "p-1 bg-gray-50 border border-gray-200 rounded-md text-sm dark:border-slate-500 dark:bg-slate-600 dark:text-slate-100",
+							containerClassName: "rounded-md border border-border bg-background p-1 text-sm",
 							inputClassName: "text-xs font-normal",
 							id: "appVersion",
 							icon: /* @__PURE__ */ jsx("div", {
@@ -168,5 +168,5 @@ const DebugSettingsModal = () => {
 //#endregion
 export { DebugSettingsModal };
 
-//# sourceMappingURL=DebugSettingsModal-CuTgd7TZ.js.map
-//# debugId=18522c4e-9e15-5c28-a2f3-357b2c3ec428
+//# sourceMappingURL=DebugSettingsModal-BUjKyRCv.js.map
+//# debugId=d2123722-033c-59bd-b222-166629c6a192

package/dist/DebugSettingsModal-BUjKyRCv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebugSettingsModal-BUjKyRCv.js","sources":["../src/components/modal/modals/DebugSettingsModal.tsx"],"sourcesContent":["import { connectConfig } from \"@powerhousedao/connect/config\";\nimport {\n  getGitSha,\n  getGitUrl,\n  serviceWorkerManager,\n  shortGitSha,\n} from \"@powerhousedao/connect/utils\";\nimport { Icon, Modal, PowerhouseButton } from \"@powerhousedao/design-system\";\nimport { Combobox, FormInput } from \"@powerhousedao/design-system/connect\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport { useEffect, useState } from \"react\";\n\nexport const DebugSettingsModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"debugSettings\";\n\n  const [appVersion, setAppVersion] = useState(connectConfig.appVersion);\n  const [serviceWorkerDebugMode, setServiceWorkerDebugMode] = useState({\n    label: serviceWorkerManager.debug ? \"Enabled\" : \"Disabled\",\n    value: serviceWorkerManager.debug,\n  });\n\n  useEffect(() => {\n    serviceWorkerManager.setDebug(serviceWorkerDebugMode.value);\n  }, [serviceWorkerDebugMode]);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(status) => {\n        if (!status) return closePHModal();\n      }}\n      contentProps={{\n        className: \"rounded-2xl\",\n      }}\n    >\n      <div className=\"w-[700px] rounded-2xl bg-background p-6\">\n        <div className=\"mb-6 flex justify-between\">\n          <div className=\"text-xl font-bold\">Debug Tools</div>\n          <button id=\"close-modal\" onClick={() => closePHModal()}>\n            <Icon name=\"Xmark\" size={28} />\n          </button>\n        </div>\n        <div className=\"flex text-sm font-bold\">\n          <Icon name=\"Ring\" size={22} />\n          <span className=\"ml-2\">App Version: {connectConfig.appVersion}</span>\n          {(() => {\n            const sha = getGitSha();\n            if (sha === \"unknown\") return null;\n            const url = getGitUrl();\n            const label = shortGitSha(sha);\n            return url ? (\n              <a\n                className=\"ml-2 font-mono text-xs font-normal text-info hover:underline\"\n                href={url}\n                target=\"_blank\"\n                rel=\"noreferrer noopener\"\n                title={sha}\n              >\n                ({label})\n              </a>\n            ) : (\n              <span\n                className=\"ml-2 font-mono text-xs font-normal text-muted-foreground\"\n                title={sha}\n              >\n                ({label})\n              </span>\n            );\n          })()}\n        </div>\n        <div className=\"mt-4 flex text-sm font-bold\">\n          <Icon name=\"Hdd\" size={22} />\n          <span className=\"ml-2\">Drive Tools:</span>\n        </div>\n\n        <div className=\"mt-4 flex text-sm font-bold\">\n          <Icon name=\"Gear\" size={22} />\n          <span className=\"ml-2\">Service Worker Tools:</span>\n        </div>\n        <div className=\"mt-2 flex items-end justify-between pl-4\">\n          <div className=\"w-[400px]\">\n            <label htmlFor=\"serviceWorkerDebugMode\" className=\"text-xs\">\n              Service Worker Debug Mode:\n            </label>\n            <Combobox\n              id=\"serviceWorkerDebugMode\"\n              onChange={(value) => {\n                setServiceWorkerDebugMode(\n                  value as typeof serviceWorkerDebugMode,\n                );\n              }}\n              value={serviceWorkerDebugMode}\n              options={[\n                { label: \"Enabled\", value: true },\n                { label: \"Disabled\", value: false },\n              ]}\n            />\n          </div>\n        </div>\n        <div className=\"mt-2 flex items-end justify-between pl-4\">\n          <div className=\"w-[400px]\">\n            <label htmlFor=\"appVersion\" className=\"text-xs\">\n              Set invalid app version:\n            </label>\n            <FormInput\n              containerClassName=\"rounded-md border border-border bg-background p-1 text-sm\"\n              inputClassName=\"text-xs font-normal\"\n              id=\"appVersion\"\n              icon={\n                <div className=\"flex h-full items-center text-xs\">Version:</div>\n              }\n              value={appVersion}\n              onChange={(element) => setAppVersion(element.target.value)}\n            />\n          </div>\n          <div className=\"mb-1 flex items-center justify-center\">\n            <PowerhouseButton\n              color={appVersion === \"\" ? \"light\" : \"red\"}\n              size=\"small\"\n              disabled={appVersion === \"\"}\n              onClick={() => {\n                // @ts-expect-error todo add send message method to service worker manager class\n                serviceWorkerManager.sendMessage({\n                  type: \"SET_APP_VERSION\",\n                  version: appVersion,\n                });\n                setAppVersion(\"\");\n              }}\n            >\n              Add Invalid App Version\n            </PowerhouseButton>\n          </div>\n        </div>\n      </div>\n    </Modal>\n  );\n};\n"],"names":[],"mappings":"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","debug_id":"d2123722-033c-59bd-b222-166629c6a192"}

package/dist/{DriveAuthRequiredModal-D1TSn4Vh.js → DriveAuthRequiredModal-B3VdLwSH.js}

@@ -1,5 +1,5 @@
 
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="e3064b36-ace0-53ae-8c41-5dd42b5ef568")}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]="9c0b151a-51cc-5fce-acac-6c24bf72eeed")}catch(e){}}();
 import { jsx } from "react/jsx-runtime";
 import "react";
 import { openRenown, usePHModal } from "@powerhousedao/reactor-browser";
@@ -22,7 +22,7 @@ const DriveAuthRequiredModal = () => {
 		role: "dialog",
 		"aria-modal": "false",
 		"aria-label": "Log in to access this drive",
-		className: "pointer-events-none fixed inset-0 z-50 grid place-items-center bg-gray-900/30 dark:bg-slate-900/70",
+		className: "pointer-events-none fixed inset-0 z-50 grid place-items-center bg-primary/30",
 		children: /* @__PURE__ */ jsx(DriveAuthGate, {
 			onLogin: () => openRenown(),
 			className: "pointer-events-auto"
@@ -32,5 +32,5 @@ const DriveAuthRequiredModal = () => {
 //#endregion
 export { DriveAuthRequiredModal };
 
-//# sourceMappingURL=DriveAuthRequiredModal-D1TSn4Vh.js.map
-//# debugId=e3064b36-ace0-53ae-8c41-5dd42b5ef568
+//# sourceMappingURL=DriveAuthRequiredModal-B3VdLwSH.js.map
+//# debugId=9c0b151a-51cc-5fce-acac-6c24bf72eeed

package/dist/{DriveAuthRequiredModal-D1TSn4Vh.js.map → DriveAuthRequiredModal-B3VdLwSH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DriveAuthRequiredModal-D1TSn4Vh.js","sources":["../src/components/modal/modals/DriveAuthRequiredModal.tsx"],"sourcesContent":["import { DriveAuthGate } from \"@powerhousedao/design-system/connect\";\nimport { openRenown, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport React from \"react\";\n\n/**\n * Shown when a protected drive can't be added because the user isn't logged in.\n *\n * Deliberately NOT a Radix modal dialog: a modal dialog blocks all outside\n * interaction, which would trap the cookie banner (rendered above at z-10000)\n * and prevent accepting/rejecting it. Instead this is a non-blocking overlay —\n * `pointer-events-none` on the backdrop (so the banner and page stay clickable)\n * with `pointer-events-auto` on the card — sitting below the cookie banner. The\n * card itself is the shared {@link DriveAuthGate}, identical to the full-page\n * gate. It stays up until login (the Renown CTA full-page-redirects).\n */\nexport const DriveAuthRequiredModal: React.FC = () => {\n  const phModal = usePHModal();\n  if (phModal?.type !== \"driveAuthRequired\") return null;\n\n  return (\n    <div\n      role=\"dialog\"\n      aria-modal=\"false\"\n      aria-label=\"Log in to access this drive\"\n      className=\"pointer-events-none fixed inset-0 z-50 grid place-items-center bg-gray-900/30 dark:bg-slate-900/70\"\n    >\n      <DriveAuthGate\n        onLogin={() => openRenown()}\n        className=\"pointer-events-auto\"\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAeA,MAAa,+BAAyC;AAEpD,KADgB,YAAY,EACf,SAAS,oBAAqB,QAAO;AAElD,QACE,oBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,cAAW;EACX,WAAU;YAEV,oBAAC,eAAD;GACE,eAAe,YAAY;GAC3B,WAAU;GACV,CAAA;EACE,CAAA","debug_id":"e3064b36-ace0-53ae-8c41-5dd42b5ef568"}
+{"version":3,"file":"DriveAuthRequiredModal-B3VdLwSH.js","sources":["../src/components/modal/modals/DriveAuthRequiredModal.tsx"],"sourcesContent":["import { DriveAuthGate } from \"@powerhousedao/design-system/connect\";\nimport { openRenown, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport React from \"react\";\n\n/**\n * Shown when a protected drive can't be added because the user isn't logged in.\n *\n * Deliberately NOT a Radix modal dialog: a modal dialog blocks all outside\n * interaction, which would trap the cookie banner (rendered above at z-10000)\n * and prevent accepting/rejecting it. Instead this is a non-blocking overlay —\n * `pointer-events-none` on the backdrop (so the banner and page stay clickable)\n * with `pointer-events-auto` on the card — sitting below the cookie banner. The\n * card itself is the shared {@link DriveAuthGate}, identical to the full-page\n * gate. It stays up until login (the Renown CTA full-page-redirects).\n */\nexport const DriveAuthRequiredModal: React.FC = () => {\n  const phModal = usePHModal();\n  if (phModal?.type !== \"driveAuthRequired\") return null;\n\n  return (\n    <div\n      role=\"dialog\"\n      aria-modal=\"false\"\n      aria-label=\"Log in to access this drive\"\n      className=\"pointer-events-none fixed inset-0 z-50 grid place-items-center bg-primary/30\"\n    >\n      <DriveAuthGate\n        onLogin={() => openRenown()}\n        className=\"pointer-events-auto\"\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAeA,MAAa,+BAAyC;AAEpD,KADgB,YAAY,EACf,SAAS,oBAAqB,QAAO;AAElD,QACE,oBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,cAAW;EACX,WAAU;YAEV,oBAAC,eAAD;GACE,eAAe,YAAY;GAC3B,WAAU;GACV,CAAA;EACE,CAAA","debug_id":"9c0b151a-51cc-5fce-acac-6c24bf72eeed"}

package/dist/{SettingsModal-D0F9IxhO.js → SettingsModal-DI2_oVrF.js}

@@ -1,7 +1,7 @@
 
-!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]="a3905706-a5ad-5d02-b8d8-6a5f6fa7b5b9")}catch(e){}}();
-import { t as package_default } from "./package-DgJJtNq6.js";
-import { n as getGitUrl, r as shortGitSha, t as getGitSha } from "./build-info-BY8gRSI9.js";
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="02e5dfa8-6732-5c2f-874f-321fb14a9baf")}catch(e){}}();
+import { t as package_default } from "./package-Cra5KN-6.js";
+import { n as getGitUrl, r as shortGitSha, t as getGitSha } from "./build-info-YjllYmn8.js";
 import { r as connectConfig } from "./connect.config-Bt4pvvWV.js";
 import { n as toast } from "./toast-BEy42aYx.js";
 import { t as useRegistryPackages } from "./useRegistryPackages-B-gFECmd.js";
@@ -26,18 +26,18 @@ const About$1 = () => {
 		/* @__PURE__ */ jsx(AppGitHash, {}),
 		/* @__PURE__ */ jsx(ConnectedDrives, {}),
 		/* @__PURE__ */ jsxs("div", {
-			className: "bg-gray-50 p-3 dark:bg-slate-800",
+			className: "bg-background p-3",
 			children: [
 				/* @__PURE__ */ jsx("h2", {
-					className: "mb-2 font-semibold text-gray-700 dark:text-slate-200",
+					className: "mb-2 font-semibold text-foreground",
 					children: "Inspector"
 				}),
 				/* @__PURE__ */ jsx("p", {
-					className: "mb-3 text-sm font-normal text-gray-700 dark:text-slate-200",
+					className: "mb-3 text-sm font-normal text-foreground",
 					children: "Explore the local database and sync state for debugging."
 				}),
 				/* @__PURE__ */ jsxs("button", {
-					className: "flex items-center gap-x-2 rounded-md border border-gray-300 bg-transparent px-3 py-1 text-sm font-medium text-gray-900 transition-colors hover:bg-gray-100 dark:border-slate-500 dark:bg-slate-600 dark:text-slate-100 dark:hover:bg-slate-700",
+					className: "flex items-center gap-x-2 rounded-md border border-border bg-transparent px-3 py-1 text-sm font-medium text-foreground transition-colors hover:hover-effect",
 					onClick: onOpenInspector,
 					type: "button",
 					children: ["Open Inspector ", /* @__PURE__ */ jsx(Icon, {
@@ -55,7 +55,7 @@ function AppGitHash() {
 	const url = getGitUrl();
 	const label = shortGitSha(sha);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "bg-gray-50 p-3 text-sm dark:bg-slate-800",
+		className: "bg-background p-3 text-sm",
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "font-semibold",
 			children: "Git hash: "
@@ -78,12 +78,12 @@ function ConnectedDrives() {
 	const remotes = useSyncList();
 	const remoteDrives = useMemo(() => drives.filter((d) => remotes.some((r) => r.collectionId.equals(DriveCollectionId.forDrive(d.header.id)))), [drives, remotes]);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "my-4 bg-gray-50 p-3 dark:bg-slate-800",
+		className: "my-4 bg-background p-3",
 		children: [/* @__PURE__ */ jsx("h2", {
-			className: "mb-2 font-semibold text-gray-700 dark:text-slate-200",
+			className: "mb-2 font-semibold text-foreground",
 			children: "Connected drives"
 		}), remoteDrives.length === 0 ? /* @__PURE__ */ jsx("p", {
-			className: "text-sm font-normal text-gray-700 dark:text-slate-200",
+			className: "text-sm font-normal text-foreground",
 			children: "No connected remote drives."
 		}) : /* @__PURE__ */ jsx("ul", {
 			className: "flex flex-col gap-3",
@@ -94,7 +94,7 @@ function ConnectedDrives() {
 function DriveAboutEntry({ drive }) {
 	const info = useDriveSystemInfo(drive);
 	return /* @__PURE__ */ jsxs("li", {
-		className: "text-sm text-gray-700 dark:text-slate-200",
+		className: "text-sm text-foreground",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-baseline gap-2",
@@ -102,20 +102,20 @@ function DriveAboutEntry({ drive }) {
 					className: "font-medium",
 					children: drive.state.global.name || drive.header.name
 				}), info.status === "ready" && /* @__PURE__ */ jsx("span", {
-					className: "text-xs text-gray-500 dark:text-slate-400",
+					className: "text-xs text-muted-foreground",
 					children: info.host
 				})]
 			}),
 			info.status === "loading" && /* @__PURE__ */ jsx("div", {
-				className: "mt-1 text-xs text-gray-400 dark:text-slate-500",
+				className: "mt-1 text-xs text-muted-foreground",
 				children: "Loading…"
 			}),
 			info.status === "error" && /* @__PURE__ */ jsx("div", {
-				className: "mt-1 text-xs text-red-600 dark:text-red-100",
+				className: "mt-1 text-xs text-destructive",
 				children: "Could not load system info"
 			}),
 			info.status === "ready" && /* @__PURE__ */ jsxs("div", {
-				className: "mt-1 text-xs text-gray-700 dark:text-slate-200",
+				className: "mt-1 text-xs text-foreground",
 				children: [/* @__PURE__ */ jsxs("div", { children: [
 					/* @__PURE__ */ jsx("span", {
 						className: "font-medium",
@@ -140,7 +140,7 @@ function DriveAboutEntry({ drive }) {
 				})] })]
 			}),
 			info.status === "local" && /* @__PURE__ */ jsx("div", {
-				className: "mt-1 text-xs text-gray-400 dark:text-slate-500",
+				className: "mt-1 text-xs text-muted-foreground",
 				children: "Local drive — N/A"
 			})
 		]
@@ -257,10 +257,10 @@ const SettingsModal = () => {
 			id: "danger-zone",
 			icon: /* @__PURE__ */ jsx(TriangleAlert, {
 				...iconProps,
-				className: "text-red-900 dark:text-red-400"
+				className: "text-destructive"
 			}),
 			label: /* @__PURE__ */ jsx("span", {
-				className: "text-red-900 dark:text-red-400",
+				className: "text-destructive",
 				children: "Danger Zone"
 			}),
 			content: () => /* @__PURE__ */ jsx(DangerZone$1, {})
@@ -285,5 +285,5 @@ const SettingsModal = () => {
 //#endregion
 export { SettingsModal };
 
-//# sourceMappingURL=SettingsModal-D0F9IxhO.js.map
-//# debugId=a3905706-a5ad-5d02-b8d8-6a5f6fa7b5b9
+//# sourceMappingURL=SettingsModal-DI2_oVrF.js.map
+//# debugId=02e5dfa8-6732-5c2f-874f-321fb14a9baf

package/dist/SettingsModal-DI2_oVrF.js.map

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

package/dist/app-loader-Crk2wvz-.js

@@ -0,0 +1,4 @@
+import { t as AppLoader } from "./app-loader-HC9KrWYq.js";
+export { AppLoader };
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="4d42b4b5-1974-56b7-a5c7-8762a9c3c998")}catch(e){}}();
+//# debugId=4d42b4b5-1974-56b7-a5c7-8762a9c3c998

package/dist/{app-loader-CWzoV72t.js → app-loader-HC9KrWYq.js}

@@ -1,5 +1,5 @@
 
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="c34eb760-d346-531b-97a0-4aefcfacd4e8")}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]="5de9352d-c347-5789-abb0-91edaee27780")}catch(e){}}();
 import { n as getRuntimeConfig } from "./runtime-config-DL3QjcfM.js";
 import { n as i18n } from "./reload-connect-toast-CwvSc6F-.js";
 import { a as defaultPHDocumentEditorConfig, i as defaultPHAppConfig, r as connectConfig } from "./connect.config-Bt4pvvWV.js";
@@ -743,12 +743,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 dark:bg-slate-900/90 dark:text-slate-50",
+			className: "rounded-lg bg-card/90 px-6 py-4 text-sm text-foreground shadow-lg",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "font-medium",
 				children: "Upgrading local database…"
 			}), /* @__PURE__ */ jsx("div", {
-				className: "text-gray-700 dark:text-slate-200",
+				className: "text-foreground",
 				children: PHASE_LABEL[status.phase]
 			})]
 		})
@@ -780,7 +780,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 bg-gray-50 dark:bg-slate-700",
+		className: "flex h-screen overflow-hidden bg-background",
 		children: [
 			!(!isSSR && getIsEmbedded()) && /* @__PURE__ */ jsx(ConnectSidebar, {
 				className: "animate-pulse",
@@ -790,7 +790,7 @@ const AppSkeleton = (props) => {
 				address: void 0
 			}),
 			/* @__PURE__ */ jsx(HomeScreen, {
-				containerClassName: isSSR || !isHomeScreen ? "hidden home-screen" : void 0,
+				containerClassName: isSSR || !isHomeScreen ? "home-screen hidden" : void 0,
 				children: props.children ?? null
 			}),
 			isSSR ? /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `
@@ -835,7 +835,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-gray-50 p-6 shadow-sm dark:border-slate-400 dark:bg-slate-800",
+			className: "w-full max-w-lg rounded-lg border border-border bg-background p-6 shadow-sm",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "mb-3 flex items-center gap-2",
@@ -848,16 +848,16 @@ function DetailedFallback({ error, resetErrorBoundary }) {
 					})]
 				}),
 				/* @__PURE__ */ jsx("p", {
-					className: "mb-4 text-sm text-gray-700 dark:text-slate-200",
+					className: "mb-4 text-sm text-foreground",
 					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 dark:text-slate-200 dark:hover:text-slate-200",
+						className: "cursor-pointer text-sm font-medium text-foreground underline select-none hover:hover-effect",
 						children: "Show details"
 					}), /* @__PURE__ */ jsx("pre", {
-						className: "mt-2 max-h-48 overflow-auto rounded-sm bg-gray-100 p-3 text-xs dark:bg-slate-700",
+						className: "mt-2 max-h-48 overflow-auto rounded-sm bg-muted p-3 text-xs",
 						children: errorDetails
 					})]
 				}),
@@ -1219,11 +1219,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 dark:bg-amber-800 dark:text-amber-100",
+		className: "flex items-center justify-between gap-3 bg-warning/10 px-4 py-2 text-sm text-warning",
 		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-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",
+			className: "rounded-md border border-warning bg-background px-3 py-1 text-warning hover:hover-effect",
 			children: "View"
 		})]
 	}), /* @__PURE__ */ jsx(MissingModelDetailsModal, {
@@ -1256,18 +1256,18 @@ function MissingModelDetailsModal(props) {
 		},
 		contentProps: { className: "rounded-3xl" },
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "w-[520px] max-w-[90vw] bg-gray-50 p-6 dark:bg-slate-800",
+			className: "w-[520px] max-w-[90vw] bg-background p-6",
 			children: [
 				/* @__PURE__ */ jsx("div", {
-					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",
+					className: "border-b border-border pb-2 text-2xl font-bold text-foreground",
 					children: "Missing document models"
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: "my-4 text-sm text-gray-700 dark:text-slate-200",
+					className: "my-4 text-sm text-foreground",
 					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-gray-50 p-4 text-sm text-gray-700 dark:bg-slate-800 dark:text-slate-200",
+					className: "rounded-xl bg-background p-4 text-sm text-foreground",
 					children: "No outstanding failures."
 				}) : /* @__PURE__ */ jsx("div", {
 					className: "flex max-h-[60vh] flex-col gap-3 overflow-y-auto",
@@ -1275,18 +1275,18 @@ function MissingModelDetailsModal(props) {
 						const isRetrying = retrying.has(entry.documentType);
 						const retryDisabled = !canRetry(entry.reason) || isRetrying;
 						return /* @__PURE__ */ jsxs("div", {
-							className: "rounded-xl bg-gray-50 p-4 dark:bg-slate-800",
+							className: "rounded-xl bg-background p-4",
 							children: [
 								/* @__PURE__ */ jsx("div", {
-									className: "mb-1 font-mono text-sm font-semibold text-gray-900 dark:text-slate-100",
+									className: "mb-1 font-mono text-sm font-semibold text-foreground",
 									children: entry.documentType
 								}),
 								/* @__PURE__ */ jsx("div", {
-									className: "mb-2 text-xs text-gray-700 dark:text-slate-200",
+									className: "mb-2 text-xs text-foreground",
 									children: reasonLabels[entry.reason]
 								}),
 								entry.packageNames.length > 0 ? /* @__PURE__ */ jsxs("div", {
-									className: "mb-2 text-xs text-gray-500 dark:text-slate-400",
+									className: "mb-2 text-xs text-muted-foreground",
 									children: [
 										"Package",
 										entry.packageNames.length > 1 ? "s" : "",
@@ -1296,7 +1296,7 @@ function MissingModelDetailsModal(props) {
 									]
 								}) : null,
 								entry.error ? /* @__PURE__ */ jsx("div", {
-									className: "mb-2 font-mono text-xs wrap-break-word text-red-700 dark:text-red-100",
+									className: "mb-2 font-mono text-xs wrap-break-word text-destructive",
 									children: entry.error.message
 								}) : null,
 								/* @__PURE__ */ jsx("div", {
@@ -1306,7 +1306,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 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"),
+										className: twMerge("min-h-[32px] rounded-xl px-3 py-1 text-sm font-semibold text-foreground transition-all hover:hover-effect", retryDisabled ? "cursor-not-allowed bg-secondary hover:hover-effect" : "bg-primary text-primary-foreground active:active-effect"),
 										children: isRetrying ? "Retrying..." : "Try install again"
 									})
 								})
@@ -1319,7 +1319,7 @@ function MissingModelDetailsModal(props) {
 					children: /* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: onClose,
-						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",
+						className: "min-h-[36px] rounded-xl border border-border bg-background px-4 py-2 text-sm font-semibold text-foreground hover:hover-effect",
 						children: "Close"
 					})
 				})
@@ -1410,8 +1410,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-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("div", { className: "absolute inset-0 bg-primary opacity-15" }), /* @__PURE__ */ jsx("div", {
+			className: "absolute inset-x-0 bottom-0 flex justify-center bg-background px-10 pt-10 pb-16 shadow-lg",
 			children: /* @__PURE__ */ jsx(CookieBanner, {
 				className: "max-w-[1024px]",
 				cookies: cookiesInput,
@@ -1420,12 +1420,12 @@ const CookieBanner$1 = () => {
 				submitLabel: t("cookieBanner.accept"),
 				rejectLabel: t("cookieBanner.reject"),
 				children: /* @__PURE__ */ jsx("p", {
-					className: "font-semibold text-gray-500 dark:text-slate-400",
+					className: "font-semibold text-muted-foreground",
 					children: /* @__PURE__ */ jsx(Trans, {
 						i18nKey: "cookieBanner.message",
 						components: { a: /* @__PURE__ */ jsx("a", {
 							onClick: () => showPHModal({ type: "cookiesPolicy" }),
-							className: "cursor-pointer text-gray-900 hover:underline dark:text-slate-50"
+							className: "cursor-pointer text-foreground hover:underline"
 						}, "cookieBanner.message-link") }
 					}, "cookieBanner.message")
 				})
@@ -1604,7 +1604,7 @@ const DocumentEditor = (props) => {
 //#region src/components/root.tsx
 function Root() {
 	return /* @__PURE__ */ jsx("div", {
-		className: "h-screen bg-gray-50 dark:bg-slate-800",
+		className: "h-screen bg-background",
 		children: /* @__PURE__ */ jsx("div", {
 			className: `flex h-screen items-stretch overflow-auto`,
 			role: "presentation",
@@ -1801,7 +1801,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 dark:border-yellow-400 dark:bg-yellow-500 dark:text-slate-50",
+			className: "flex max-w-3xl items-center gap-3 rounded-lg border border-warning bg-warning px-4 py-3 text-sm text-warning-foreground shadow-lg",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex-1",
@@ -1815,7 +1815,7 @@ const MigrationBanner = () => {
 							]
 						}),
 						/* @__PURE__ */ jsxs("div", {
-							className: "text-gray-900 dark:text-slate-100",
+							className: "text-foreground",
 							children: [
 								"Migrate to Postgres ",
 								17,
@@ -1823,7 +1823,7 @@ const MigrationBanner = () => {
 							]
 						}),
 						error && /* @__PURE__ */ jsxs("div", {
-							className: "mt-2 font-medium text-red-900 dark:text-red-400",
+							className: "mt-2 font-medium text-destructive",
 							children: ["Migration failed: ", error]
 						})
 					]
@@ -1832,14 +1832,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 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-100",
+					className: "rounded-sm bg-primary px-3 py-1 text-sm font-medium text-primary-foreground hover:hover-effect disabled:disabled-effect",
 					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 dark:border-slate-50 dark:text-slate-50",
+					className: "rounded-sm border border-foreground bg-transparent px-3 py-1 text-sm font-medium text-foreground hover:hover-effect disabled:disabled-effect",
 					children: "Dismiss"
 				})
 			]
@@ -1852,13 +1852,13 @@ const AddDriveModal$1 = lazy(() => import("./AddDriveModal-BoKLJyUY.js").then((m
 const ClearStorageModal = lazy(() => import("./ClearStorageModal-CXoNWmRe.js").then((m) => ({ default: m.ClearStorageModal })));
 const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-1nOh6oN3.js").then((m) => ({ default: m.CookiesPolicyModal })));
 const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-nQbLVDq3.js").then((m) => ({ default: m.CreateDocumentModal })));
-const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-CuTgd7TZ.js").then((m) => ({ default: m.DebugSettingsModal })));
+const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-BUjKyRCv.js").then((m) => ({ default: m.DebugSettingsModal })));
 const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-6P0T1QgD.js").then((m) => ({ default: m.DeleteDriveModal })));
 const DeleteItemModal = lazy(() => import("./DeleteItemModal-BmV1aQyZ.js").then((m) => ({ default: m.DeleteItemModal })));
 const DisclaimerModal = lazy(() => import("./DisclaimerModal-CVTFfN0_.js").then((m) => ({ default: m.DisclaimerModal })));
 const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-CsNFEJ9E.js").then((m) => ({ default: m.DriveSettingsModal })));
 const DownloadDocumentWithErrorsModal = lazy(() => import("./DownloadDocumentWithErrorsModal-CXeFUtaz.js").then((m) => ({ default: m.DownloadDocumentWithErrorsModal })));
-const SettingsModal$1 = lazy(() => import("./SettingsModal-D0F9IxhO.js").then((m) => ({ default: m.SettingsModal })));
+const SettingsModal$1 = lazy(() => import("./SettingsModal-DI2_oVrF.js").then((m) => ({ default: m.SettingsModal })));
 const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-C7lV4rAX.js").then((m) => ({ default: m.UpgradeDriveModal })));
 const modalComponents = {
 	addDrive: AddDriveModal$1,
@@ -1875,7 +1875,7 @@ const modalComponents = {
 	settings: SettingsModal$1,
 	upgradeDrive: UpgradeDriveModal,
 	missingPackage: lazy(() => import("./MissingPackageModal-Bn036mWQ.js").then((m) => ({ default: m.ConnectMissingPackageModal }))),
-	driveAuthRequired: lazy(() => import("./DriveAuthRequiredModal-D1TSn4Vh.js").then((m) => ({ default: m.DriveAuthRequiredModal })))
+	driveAuthRequired: lazy(() => import("./DriveAuthRequiredModal-B3VdLwSH.js").then((m) => ({ default: m.DriveAuthRequiredModal })))
 };
 const ModalsContainer = lazy(() => {
 	return Promise.resolve({ default: () => {
@@ -1895,7 +1895,7 @@ const ModalsContainer = lazy(() => {
 //#endregion
 //#region src/components/app-loader.tsx
 const AppLoader = (props) => {
-	const Load = lazy(() => import("./load-C1ufF-ho.js").then((m) => m.loadComponent(props.localPackage)));
+	const Load = lazy(() => import("./load-9_rJ2u5a.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],
@@ -1924,5 +1924,5 @@ const AppLoader = (props) => {
 //#endregion
 export { DocumentEditor as a, App as c, DocumentEditorContainer as d, OpenPanel as f, Root as i, AppContainer as l, AppSkeleton as m, Sidebar as n, DriveIcon as o, Analytics as p, Router as r, CookieBanner$1 as s, AppLoader as t, EditorLoader as u };
 
-//# sourceMappingURL=app-loader-CWzoV72t.js.map
-//# debugId=c34eb760-d346-531b-97a0-4aefcfacd4e8
+//# sourceMappingURL=app-loader-HC9KrWYq.js.map
+//# debugId=5de9352d-c347-5789-abb0-91edaee27780