@powerhousedao/connect 6.2.2-dev.9 → 6.2.2

package/dist/SettingsModal-CdoFxyJJ.js

@@ -1,289 +0,0 @@
-
-!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]="f1296641-877b-5809-8a83-3492148dcfbd")}catch(e){}}();
-import { t as package_default } from "./package-BcKQ9BGX.js";
-import { i as shortGitSha, n as getGitUrl, t as getGitSha } from "./build-info-AUWI7jOw.js";
-import { r as connectConfig } from "./connect.config-vgUeFoNp.js";
-import { n as toast } from "./toast-4t-VimvD.js";
-import { t as useRegistryPackages } from "./useRegistryPackages-BaYtekjQ.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { t } from "i18next";
-import { useCallback, useMemo, useState } from "react";
-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 = () => {
-		closePHModal();
-		showPHModal({ type: "inspector" });
-	};
-	return /* @__PURE__ */ jsxs("div", { children: [
-		/* @__PURE__ */ jsx(About, {
-			packageJson: package_default,
-			phCliVersion: typeof connectConfig.phCliVersion === "string" ? connectConfig.phCliVersion : void 0
-		}),
-		/* @__PURE__ */ jsx(AppGitHash, {}),
-		/* @__PURE__ */ jsx(ConnectedDrives, {}),
-		/* @__PURE__ */ jsxs("div", {
-			className: "bg-background p-3",
-			children: [
-				/* @__PURE__ */ jsx("h2", {
-					className: "mb-2 font-semibold text-foreground",
-					children: "Inspector"
-				}),
-				/* @__PURE__ */ jsx("p", {
-					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-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, {
-						name: "CircleInfo",
-						size: 16
-					})]
-				})
-			]
-		})
-	] });
-};
-function AppGitHash() {
-	const sha = getGitSha();
-	if (sha === "unknown") return null;
-	const url = getGitUrl();
-	const label = shortGitSha(sha);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "bg-background p-3 text-sm",
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "font-semibold",
-			children: "Git hash: "
-		}), url ? /* @__PURE__ */ jsx("a", {
-			className: "font-mono underline",
-			href: url,
-			target: "_blank",
-			rel: "noreferrer noopener",
-			title: sha,
-			children: label
-		}) : /* @__PURE__ */ jsx("span", {
-			className: "font-mono",
-			title: sha,
-			children: label
-		})]
-	});
-}
-function ConnectedDrives() {
-	const drives = useDrives() ?? [];
-	const remotes = useSyncList();
-	const remoteDrives = useMemo(() => drives.filter((d) => remotes.some((r) => r.meta.collectionId.equals(DriveCollectionId.forDrive(d.header.id)))), [drives, remotes]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "my-4 bg-background p-3",
-		children: [/* @__PURE__ */ jsx("h2", {
-			className: "mb-2 font-semibold text-foreground",
-			children: "Connected drives"
-		}), remoteDrives.length === 0 ? /* @__PURE__ */ jsx("p", {
-			className: "text-sm font-normal text-foreground",
-			children: "No connected remote drives."
-		}) : /* @__PURE__ */ jsx("ul", {
-			className: "flex flex-col gap-3",
-			children: remoteDrives.map((drive) => /* @__PURE__ */ jsx(DriveAboutEntry, { drive }, drive.header.id))
-		})]
-	});
-}
-function DriveAboutEntry({ drive }) {
-	const info = useDriveSystemInfo(drive);
-	return /* @__PURE__ */ jsxs("li", {
-		className: "text-sm text-foreground",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-baseline gap-2",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "font-medium",
-					children: drive.state.global.name || drive.header.name
-				}), info.status === "ready" && /* @__PURE__ */ jsx("span", {
-					className: "text-xs text-muted-foreground",
-					children: info.host
-				})]
-			}),
-			info.status === "loading" && /* @__PURE__ */ jsx("div", {
-				className: "mt-1 text-xs text-muted-foreground",
-				children: "Loading…"
-			}),
-			info.status === "error" && /* @__PURE__ */ jsx("div", {
-				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-foreground",
-				children: [/* @__PURE__ */ jsxs("div", { children: [
-					/* @__PURE__ */ jsx("span", {
-						className: "font-medium",
-						children: "Version:"
-					}),
-					" ",
-					info.version
-				] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
-					className: "font-medium",
-					children: "Git hash: "
-				}), info.gitUrl ? /* @__PURE__ */ jsx("a", {
-					className: "font-mono hover:underline",
-					href: info.gitUrl,
-					target: "_blank",
-					rel: "noreferrer noopener",
-					title: info.gitHash,
-					children: shortGitSha(info.gitHash)
-				}) : /* @__PURE__ */ jsx("span", {
-					className: "font-mono",
-					title: info.gitHash,
-					children: shortGitSha(info.gitHash)
-				})] })]
-			}),
-			info.status === "local" && /* @__PURE__ */ jsx("div", {
-				className: "mt-1 text-xs text-muted-foreground",
-				children: "Local drive — N/A"
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/modal/modals/settings/danger-zone.tsx
-const DangerZone$1 = () => {
-	const drives = useDrives();
-	const handleDeleteDrive = async (drive) => {
-		await deleteDrive(drive.header.id);
-		setSelectedDrive(void 0);
-	};
-	const handleClearStorage = () => {
-		showPHModal({ type: "clearStorage" });
-	};
-	return /* @__PURE__ */ jsx(DangerZone, {
-		drives: drives ?? [],
-		onDeleteDrive: (drive) => {
-			handleDeleteDrive(drive);
-		},
-		onClearStorage: handleClearStorage
-	});
-};
-//#endregion
-//#region src/components/modal/modals/settings/default-editor.tsx
-const documentModelEditorOptions = [{
-	label: "V1",
-	value: "document-model-editor"
-}, {
-	label: "V2",
-	value: "document-model-editor-v2"
-}];
-const DefaultEditor$1 = () => {
-	const [documentModelEditor, setDocumentModelEditor] = useState(documentModelEditorOptions[1]);
-	const handleSetDocumentEditor = useCallback((value) => {
-		const option = documentModelEditorOptions.find((dm) => dm.value == value);
-		if (option) setDocumentModelEditor(option);
-	}, []);
-	return /* @__PURE__ */ jsx(DefaultEditor, {
-		documentModelEditor: documentModelEditor.value,
-		setDocumentModelEditor: handleSetDocumentEditor,
-		documentModelEditorOptions
-	});
-};
-//#endregion
-//#region src/components/modal/modals/settings/package-manager.tsx
-/**
-* Split a `name@tag` spec into its bare package name. Mirrors the design-system's
-* `parsePackageSpec` — duplicated here to avoid reaching into a deep subpath
-* export. Scoped names split on the LAST `@`, unscoped on the first.
-*/
-function parseBareName(spec) {
-	const trimmed = spec.trim();
-	const at = trimmed.startsWith("@") ? trimmed.lastIndexOf("@") : trimmed.indexOf("@");
-	return at > 0 ? trimmed.slice(0, at) : trimmed;
-}
-const ConnectPackageManager = () => {
-	const packageManager = useVetraPackageManager();
-	const { registryPackageList, updateRegistryPackageStatus, registerFallbackRegistryPackage } = useRegistryPackages();
-	async function handleInstall(packageSpec) {
-		if (!packageManager) return;
-		const bareName = parseBareName(packageSpec);
-		const wasKnownToRegistry = registryPackageList.some((p) => p.name === bareName);
-		const result = await packageManager.addPackage(packageSpec);
-		if (result.type === "success") {
-			if (wasKnownToRegistry) updateRegistryPackageStatus(bareName, "registry-install");
-			else registerFallbackRegistryPackage(bareName, result.package, packageManager.getPackageVersion(bareName) ?? packageManager.getPackageVersion(packageSpec), "registry-install");
-			toast(`Package "${packageSpec}" installed successfully`, { type: "connect-success" });
-		} else {
-			const message = result.error.message;
-			toast(/failed to fetch|404|not found/i.test(message) ? `Could not install "${packageSpec}". The package isn't available on this registry, and the npmjs.org fallback could not resolve it either.` : `Failed to install "${packageSpec}": ${message}`, { type: "error" });
-		}
-	}
-	function handleUninstall(packageName) {
-		if (!packageManager) return;
-		try {
-			packageManager.removePackage(packageName);
-			updateRegistryPackageStatus(packageName, "available");
-			toast(`Package "${packageName}" uninstalled successfully`, { type: "connect-success" });
-		} catch (error) {
-			toast(`Failed to uninstall "${packageName}": ${error instanceof Error ? error.message : "Unknown error"}`, { type: "error" });
-		}
-	}
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex h-full flex-1 flex-col",
-		children: /* @__PURE__ */ jsx(PackageManager, {
-			mutable: true,
-			registryPackageList,
-			onInstall: handleInstall,
-			onUninstall: handleUninstall
-		})
-	});
-};
-//#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(Package, { ...iconProps }),
-			label: "Package Manager",
-			content: ConnectPackageManager
-		},
-		{
-			id: "default-editors",
-			icon: /* @__PURE__ */ jsx(PenLine, { ...iconProps }),
-			label: "Default Editors",
-			content: DefaultEditor$1
-		},
-		{
-			id: "danger-zone",
-			icon: /* @__PURE__ */ jsx(TriangleAlert, {
-				...iconProps,
-				className: "text-destructive"
-			}),
-			label: /* @__PURE__ */ jsx("span", {
-				className: "text-destructive",
-				children: "Danger Zone"
-			}),
-			content: () => /* @__PURE__ */ jsx(DangerZone$1, {})
-		},
-		{
-			id: "about",
-			icon: /* @__PURE__ */ jsx(CircleHelp, { ...iconProps }),
-			label: "About",
-			content: About$1
-		}
-	], []);
-	return /* @__PURE__ */ jsx(SettingsModal$1, {
-		open,
-		title: t("modals.connectSettings.title"),
-		onOpenChange: (status) => {
-			if (!status) return closePHModal();
-		},
-		tabs,
-		navFooter: /* @__PURE__ */ jsx(ThemeSwitch, { horizontal: true })
-	});
-};
-//#endregion
-export { SettingsModal };
-
-//# sourceMappingURL=SettingsModal-CdoFxyJJ.js.map
-//# debugId=f1296641-877b-5809-8a83-3492148dcfbd

package/dist/SettingsModal-CdoFxyJJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsModal-CdoFxyJJ.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.meta.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":";;;;;;;;;;;;;;;AAoBA,MAAaA,gBAAwB;CACnC,MAAM,wBAAwB;AAC5B,gBAAc;AACd,cAAY,EAAE,MAAM,aAAa,CAAC;;AAGpC,QACE,qBAAC,OAAD,EAAA,UAAA;EACE,oBAACC,OAAD;GACE,aAAaC;GACb,cACE,OAAO,cAAc,iBAAiB,WAClC,cAAc,eACd,KAAA;GAEN,CAAA;EACF,oBAAC,YAAD,EAAc,CAAA;EACd,oBAAC,iBAAD,EAAmB,CAAA;EACnB,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,MAAD;KAAI,WAAU;eAAqC;KAAc,CAAA;IACjE,oBAAC,KAAD;KAAG,WAAU;eAA2C;KAEpD,CAAA;IACJ,qBAAC,UAAD;KACE,WAAU;KACV,SAAS;KACT,MAAK;eAHP,CAIC,mBACgB,oBAAC,MAAD;MAAM,MAAK;MAAa,MAAM;MAAM,CAAA,CAC5C;;IACL;;EACF,EAAA,CAAA;;AAIV,SAAS,aAAa;CACpB,MAAM,MAAM,WAAW;AACvB,KAAI,QAAQ,UAAW,QAAO;CAC9B,MAAM,MAAM,WAAW;CACvB,MAAM,QAAQ,YAAY,IAAI;AAC9B,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,QAAD;GAAM,WAAU;aAAgB;GAAiB,CAAA,EAChD,MACC,oBAAC,KAAD;GACE,WAAU;GACV,MAAM;GACN,QAAO;GACP,KAAI;GACJ,OAAO;aAEN;GACC,CAAA,GAEJ,oBAAC,QAAD;GAAM,WAAU;GAAY,OAAO;aAChC;GACI,CAAA,CAEL;;;AAIV,SAAS,kBAAkB;CACzB,MAAM,SAAS,WAAW,IAAI,EAAE;CAChC,MAAM,UAAU,aAAa;CAE7B,MAAM,eAAe,cAEjB,OAAO,QAAQ,MACb,QAAQ,MAAM,MACZ,EAAE,KAAK,aAAa,OAAO,kBAAkB,SAAS,EAAE,OAAO,GAAG,CAAC,CACpE,CACF,EACH,CAAC,QAAQ,QAAQ,CAClB;AAED,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,MAAD;GAAI,WAAU;aAAqC;GAAqB,CAAA,EACvE,aAAa,WAAW,IACvB,oBAAC,KAAD;GAAG,WAAU;aAAsC;GAE/C,CAAA,GAEJ,oBAAC,MAAD;GAAI,WAAU;aACX,aAAa,KAAK,UACjB,oBAAC,iBAAD,EAA8C,OAAS,EAAjC,MAAM,OAAO,GAAoB,CACvD;GACC,CAAA,CAEH;;;AAIV,SAAS,gBAAgB,EAAE,SAA2C;CACpE,MAAM,OAAO,mBAAmB,MAAM;AAGtC,QACE,qBAAC,MAAD;EAAI,WAAU;YAAd;GACE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,QAAD;KAAM,WAAU;eALT,MAAM,MAAM,OAAO,QAAQ,MAAM,OAAO;KAKJ,CAAA,EAC1C,KAAK,WAAW,WACf,oBAAC,QAAD;KAAM,WAAU;eAAiC,KAAK;KAAY,CAAA,CAEhE;;GACL,KAAK,WAAW,aACf,oBAAC,OAAD;IAAK,WAAU;cAAqC;IAAc,CAAA;GAEnE,KAAK,WAAW,WACf,oBAAC,OAAD;IAAK,WAAU;cAAgC;IAEzC,CAAA;GAEP,KAAK,WAAW,WACf,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,qBAAC,OAAD,EAAA,UAAA;KACE,oBAAC,QAAD;MAAM,WAAU;gBAAc;MAAe,CAAA;;KAAE,KAAK;KAChD,EAAA,CAAA,EACN,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,QAAD;KAAM,WAAU;eAAc;KAAiB,CAAA,EAC9C,KAAK,SACJ,oBAAC,KAAD;KACE,WAAU;KACV,MAAM,KAAK;KACX,QAAO;KACP,KAAI;KACJ,OAAO,KAAK;eAEX,YAAY,KAAK,QAAQ;KACxB,CAAA,GAEJ,oBAAC,QAAD;KAAM,WAAU;KAAY,OAAO,KAAK;eACrC,YAAY,KAAK,QAAQ;KACrB,CAAA,CAEL,EAAA,CAAA,CACF;;GAEP,KAAK,WAAW,WACf,oBAAC,OAAD;IAAK,WAAU;cAAqC;IAE9C,CAAA;GAEL;;;;;AC3JT,MAAaC,qBAA6B;CACxC,MAAM,SAAS,WAAW;CAE1B,MAAM,oBAAoB,OAAO,UAAiC;AAChE,QAAM,YAAY,MAAM,OAAO,GAAG;AAClC,mBAAiB,KAAA,EAAU;;CAG7B,MAAM,2BAA2B;AAC/B,cAAY,EAAE,MAAM,gBAAgB,CAAC;;AAGvC,QACE,oBAACC,YAAD;EACE,QAAQ,UAAU,EAAE;EACpB,gBAAgB,UAAU;AACnB,qBAAkB,MAAM;;EAE/B,gBAAgB;EAChB,CAAA;;;;ACzBN,MAAM,6BAA6B,CACjC;CAAE,OAAO;CAAM,OAAO;CAAyB,EAC/C;CAAE,OAAO;CAAM,OAAO;CAA4B,CACnD;AAED,MAAaC,wBAAgC;CAC3C,MAAM,CAAC,qBAAqB,0BAA0B,SAEpD,2BAA2B,GAAG;CAEhC,MAAM,0BAA0B,aAAa,UAAkB;EAC7D,MAAM,SAAS,2BAA2B,MAAM,OAAO,GAAG,SAAS,MAAM;AACzE,MAAI,OACF,wBAAuB,OAAO;IAE/B,EAAE,CAAC;AAEN,QACE,oBAACC,eAAD;EACE,qBAAqB,oBAAoB;EACzC,wBAAwB;EAEtB;EAKF,CAAA;;;;;;;;;ACnBN,SAAS,cAAc,MAAsB;CAC3C,MAAM,UAAU,KAAK,MAAM;CAC3B,MAAM,KAAK,QAAQ,WAAW,IAAI,GAC9B,QAAQ,YAAY,IAAI,GACxB,QAAQ,QAAQ,IAAI;AACxB,QAAO,KAAK,IAAI,QAAQ,MAAM,GAAG,GAAG,GAAG;;AAGzC,MAAa,8BAAwC;CACnD,MAAM,iBAAiB,wBAAwB;CAC/C,MAAM,EACJ,qBACA,6BACA,oCACE,qBAAqB;CAEzB,eAAe,cAAc,aAAqB;AAChD,MAAI,CAAC,eAAgB;EAMrB,MAAM,WAAW,cAAc,YAAY;EAO3C,MAAM,qBAAqB,oBAAoB,MAC5C,MAAM,EAAE,SAAS,SACnB;EACD,MAAM,SAAS,MAAM,eAAe,WAAW,YAAY;AAC3D,MAAI,OAAO,SAAS,WAAW;AAC7B,OAAI,mBACF,6BAA4B,UAAU,mBAAmB;OAEzD,iCACE,UACA,OAAO,SACP,eAAe,kBAAkB,SAAS,IACxC,eAAe,kBAAkB,YAAY,EAC/C,mBACD;AAEH,SAAM,YAAY,YAAY,2BAA2B,EACvD,MAAM,mBACP,CAAC;SACG;GACL,MAAM,UAAU,OAAO,MAAM;AAW7B,SAJyB,iCAAiC,KAAK,QAAQ,GAEnE,sBAAsB,YAAY,4GAClC,sBAAsB,YAAY,KAAK,WACxB,EAAE,MAAM,SAAS,CAAC;;;CAIzC,SAAS,gBAAgB,aAAqB;AAC5C,MAAI,CAAC,eAAgB;AACrB,MAAI;AACF,kBAAe,cAAc,YAAY;AACzC,+BAA4B,aAAa,YAAY;AAErD,SAAM,YAAY,YAAY,6BAA6B,EACzD,MAAM,mBACP,CAAC;WACK,OAAO;AAEd,SAAM,wBAAwB,YAAY,KAD1B,iBAAiB,QAAQ,MAAM,UAAU,mBACC,EACxD,MAAM,SACP,CAAC;;;AAIN,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,gBAAD;GACE,SAAS;GACY;GACrB,WAAW;GACX,aAAa;GACb,CAAA;EACE,CAAA;;;;ACxFV,MAAM,YAAY,EAAE,MAAM,IAAI;AAE9B,MAAa,sBAAgC;CAE3C,MAAM,OADU,YAAY,EACN,SAAS;CAE/B,MAAM,OAAO,cACL;EACJ;GACE,IAAI;GACJ,MAAM,oBAAC,SAAD,EAAS,GAAI,WAAa,CAAA;GAChC,OAAO;GACP,SAAS;GACV;EACD;GACE,IAAI;GACJ,MAAM,oBAAC,SAAD,EAAS,GAAI,WAAa,CAAA;GAChC,OAAO;GACP,SAASC;GACV;EACD;GACE,IAAI;GACJ,MAAM,oBAAC,eAAD;IAAe,GAAI;IAAW,WAAU;IAAqB,CAAA;GACnE,OAAO,oBAAC,QAAD;IAAM,WAAU;cAAmB;IAAkB,CAAA;GAC5D,eAAe,oBAACC,cAAD,EAAc,CAAA;GAC9B;EACD;GACE,IAAI;GACJ,MAAM,oBAAC,YAAD,EAAY,GAAI,WAAa,CAAA;GACnC,OAAO;GACP,SAASC;GACV;EACF,EACD,EAAE,CACH;AAED,QACE,oBAACC,iBAAD;EACQ;EACN,OAAO,EAAE,+BAA+B;EACxC,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAE9B;EACN,WAAW,oBAAC,aAAD,EAAa,YAAA,MAAa,CAAA;EACrC,CAAA","debug_id":"f1296641-877b-5809-8a83-3492148dcfbd"}