@powerhousedao/connect 6.2.0-dev.9 → 6.2.0-rc.0

package/dist/{SettingsModal-V2LEfVtr.js → SettingsModal-mslhNfDQ.js}

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

package/dist/SettingsModal-mslhNfDQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsModal-mslhNfDQ.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":"0dd1146a-0b04-571c-9b74-3288b9da4b40"}

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

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

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

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

package/dist/{app-loader-CI2xLPWx.js → app-loader-4hDsMW8y.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]="767f30ff-57f4-51fb-bcab-05b37d838b90")}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]="f6a73b34-e60d-575f-aa22-95bcb1f704e4")}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";
@@ -10,9 +10,9 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { PGlite } from "@electric-sql/pglite";
 import { Trans, useTranslation } from "react-i18next";
 import React, { StrictMode, Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { driveCollectionId, getRevisionFromDate, initTheme, logout, openRenown, setPHAppConfig, setPHDocumentEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useAppModuleById, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDrives, useEditorModuleById, useFallbackEditorModule, useIsAddDriveEnabled, useNodeParentFolderById, usePHModal, usePackageDiscoveryService, useReactorClientModule, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSyncList, useTheme, useUser, useVetraPackageManager, useVetraPackages } from "@powerhousedao/reactor-browser";
+import { DriveCollectionId, getRevisionFromDate, initTheme, logout, openRenown, setPHAppConfig, setPHDocumentEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useAppModuleById, useConnectionStates, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDrives, useEditorModuleById, useFallbackEditorModule, useIsAddDriveEnabled, 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 { ConnectSidebar, ConnectTooltipProvider, CookieBanner, DefaultEditorLoader, DropZoneWrapper, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, LogoAnimation, PackageInstallModal, RevisionHistory, SidebarAddDriveItem, SidebarItem, useEns } from "@powerhousedao/design-system/connect";
+import { ConnectSidebar, ConnectTooltipProvider, CookieBanner, DefaultEditorLoader, DriveAuthGate, DropZoneWrapper, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, LogoAnimation, PackageInstallModal, RevisionHistory, SidebarAddDriveItem, SidebarItem, useEns } from "@powerhousedao/design-system/connect";
 import { z } from "zod";
 import { Outlet, RouterProvider, createBrowserRouter, createRoutesFromChildren, matchRoutes, useLocation, useNavigationType } from "react-router-dom";
 import { useHotkeys } from "react-hotkeys-hook";
@@ -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")
 				})
@@ -1439,7 +1439,7 @@ function DriveIcon({ drive }) {
 	const remotes = useSyncList();
 	const isRemoteDrive = useMemo(() => {
 		if (!drive) return false;
-		return remotes.some((remote) => remote.collectionId === driveCollectionId("main", drive.header.id));
+		return remotes.some((remote) => remote.collectionId.equals(DriveCollectionId.forDrive(drive.header.id)));
 	}, [remotes, drive]);
 	const driveIconSrc = drive?.state.global.icon;
 	if (driveIconSrc) return /* @__PURE__ */ jsx("img", {
@@ -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",
@@ -1620,8 +1620,24 @@ function Root() {
 	});
 }
 //#endregion
+//#region src/components/use-drive-auth-gate.ts
+/** Gate an anonymous user only when a remote failed with an auth rejection
+* (`requiresAuth`) — the switchboard refusing the caller for lack of login. */
+function computeNeedsLogin(isAuthenticated, connectionStates) {
+	if (isAuthenticated) return false;
+	for (const snap of connectionStates.values()) if (snap.state === "error" && snap.requiresAuth) return true;
+	return false;
+}
+/** Live wrapper over {@link computeNeedsLogin}. */
+function useDriveAuthGate() {
+	const user = useUser();
+	const connectionStates = useConnectionStates();
+	return { needsLogin: computeNeedsLogin(Boolean(user), connectionStates) };
+}
+//#endregion
 //#region src/pages/content.tsx
 function Content() {
+	const { needsLogin } = useDriveAuthGate();
 	const [selectedDrive] = useSelectedDriveSafe();
 	const selectedFolder = useSelectedFolder();
 	const selectedDocumentId = useSelectedDocumentId();
@@ -1631,7 +1647,10 @@ function Content() {
 	useEffect(() => {
 		if (!selectedDrive) setPHAppConfig(defaultPHAppConfig);
 	}, [selectedDrive]);
-	return /* @__PURE__ */ jsx(ContentContainer, { children: !selectedDocumentId && !selectedDrive && !selectedFolder ? /* @__PURE__ */ jsx(HomeScreenContainer, {}) : /* @__PURE__ */ jsx(AppContainer, {}) });
+	return /* @__PURE__ */ jsx(ContentContainer, { children: needsLogin ? /* @__PURE__ */ jsx("div", {
+		className: "flex h-full items-center justify-center p-4",
+		children: /* @__PURE__ */ jsx(DriveAuthGate, { onLogin: openRenown })
+	}) : !selectedDocumentId && !selectedDrive && !selectedFolder ? /* @__PURE__ */ jsx(HomeScreenContainer, {}) : /* @__PURE__ */ jsx(AppContainer, {}) });
 }
 function ContentContainer({ children }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -1777,7 +1796,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",
@@ -1791,7 +1810,7 @@ const MigrationBanner = () => {
 							]
 						}),
 						/* @__PURE__ */ jsxs("div", {
-							className: "text-gray-900 dark:text-slate-100",
+							className: "text-foreground",
 							children: [
 								"Migrate to Postgres ",
 								17,
@@ -1799,7 +1818,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]
 						})
 					]
@@ -1808,14 +1827,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"
 				})
 			]
@@ -1824,18 +1843,18 @@ const MigrationBanner = () => {
 };
 //#endregion
 //#region src/components/modal/modals-container.tsx
-const AddDriveModal$1 = lazy(() => import("./AddDriveModal-kzL41qdg.js").then((m) => ({ default: m.AddDriveModal })));
-const ClearStorageModal = lazy(() => import("./ClearStorageModal-9qqxbO1y.js").then((m) => ({ default: m.ClearStorageModal })));
+const AddDriveModal$1 = lazy(() => import("./AddDriveModal-BoKLJyUY.js").then((m) => ({ default: m.AddDriveModal })));
+const ClearStorageModal = lazy(() => import("./ClearStorageModal-kAd_wAOs.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-DL2byDNM.js").then((m) => ({ default: m.DebugSettingsModal })));
+const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-BMCpNo7G.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-L5sM-rIh.js").then((m) => ({ default: m.DriveSettingsModal })));
+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-V2LEfVtr.js").then((m) => ({ default: m.SettingsModal })));
-const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-CyAUDCU7.js").then((m) => ({ default: m.UpgradeDriveModal })));
+const SettingsModal$1 = lazy(() => import("./SettingsModal-mslhNfDQ.js").then((m) => ({ default: m.SettingsModal })));
+const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-C7lV4rAX.js").then((m) => ({ default: m.UpgradeDriveModal })));
 const modalComponents = {
 	addDrive: AddDriveModal$1,
 	clearStorage: ClearStorageModal,
@@ -1847,10 +1866,11 @@ const modalComponents = {
 	disclaimer: DisclaimerModal,
 	driveSettings: DriveSettingsModal$1,
 	downloadDocumentWithErrors: DownloadDocumentWithErrorsModal,
-	inspector: lazy(() => import("./InspectorModal-v4CyjztA.js").then((m) => ({ default: m.InspectorModal }))),
+	inspector: lazy(() => import("./InspectorModal-so7krTny.js").then((m) => ({ default: m.InspectorModal }))),
 	settings: SettingsModal$1,
 	upgradeDrive: UpgradeDriveModal,
-	missingPackage: lazy(() => import("./MissingPackageModal-D_N96M6a.js").then((m) => ({ default: m.ConnectMissingPackageModal })))
+	missingPackage: lazy(() => import("./MissingPackageModal-Bn036mWQ.js").then((m) => ({ default: m.ConnectMissingPackageModal }))),
+	driveAuthRequired: lazy(() => import("./DriveAuthRequiredModal-B3VdLwSH.js").then((m) => ({ default: m.DriveAuthRequiredModal })))
 };
 const ModalsContainer = lazy(() => {
 	return Promise.resolve({ default: () => {
@@ -1870,7 +1890,7 @@ const ModalsContainer = lazy(() => {
 //#endregion
 //#region src/components/app-loader.tsx
 const AppLoader = (props) => {
-	const Load = lazy(() => import("./load-8SeZZVg5.js").then((m) => m.loadComponent(props.localPackage)));
+	const Load = lazy(() => import("./load-hFcxdWCu.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],
@@ -1899,5 +1919,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-CI2xLPWx.js.map
-//# debugId=767f30ff-57f4-51fb-bcab-05b37d838b90
+//# sourceMappingURL=app-loader-4hDsMW8y.js.map
+//# debugId=f6a73b34-e60d-575f-aa22-95bcb1f704e4