@powerhousedao/design-system 6.0.0-dev.12 → 6.0.0-dev.120

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-input.js

@@ -1,61 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon, PowerhouseButton } from "@powerhousedao/design-system";
-import { IdAutocomplete, Input } from "@powerhousedao/design-system/ui";
-import { useCallback, useMemo, useState } from "react";
-const ProviderIconMap = {
-    npm: { icon: "Npm" },
-    github: { icon: "Github", size: 28 },
-    local: { icon: "Hdd" },
-};
-const PackageItem = ({ packageName, provider }) => {
-    const icon = provider && ProviderIconMap[provider];
-    return (_jsxs("div", { className: "flex w-full items-center justify-between px-2 py-1", children: [_jsx("p", { className: "font-medium", children: packageName }), icon && _jsx(Icon, { name: icon.icon, size: icon.size })] }));
-};
+import { PackageAnimation } from "@powerhousedao/design-system";
+import { SearchAutocomplete } from "@powerhousedao/design-system/ui";
+import { useCallback } from "react";
 export const PackageManagerInput = (props) => {
-    const { onInstall, packageOptions, className } = props;
-    const [value, setValue] = useState("");
-    const [loading, setLoading] = useState(false);
-    const [error, setError] = useState();
-    const handleSubmit = useCallback(() => {
-        const result = onInstall(value);
-        if (result) {
-            setLoading(true);
-            result
-                .then(() => setValue(""))
-                .catch(setError)
-                .finally(() => setLoading(false));
-        }
-        else {
-            setValue("");
-            setError(undefined);
-        }
-    }, [onInstall, value]);
-    const handleChange = useCallback((e) => {
-        setValue(e.target.value);
-    }, []);
-    const errorMessage = !error
-        ? " "
-        : typeof error === "string"
-            ? error
-            : error instanceof Error
-                ? error.message
-                : error;
-    const autoCompleteOptions = useMemo(() => {
-        const initialOptions = packageOptions?.map((option) => ({
-            ...option,
-            value: option.packageName,
-        }));
-        return !packageOptions?.length
-            ? {
-                autoComplete: false,
-            }
-            : {
-                autoComplete: true,
-                initialOptions,
-                fetchOptionsCallback: (userInput) => initialOptions?.filter((o) => o.packageName.toLowerCase().includes(userInput.toLowerCase())) ?? [],
-                renderOption: (option) => (_jsx(PackageItem, { ...option })),
-            };
-    }, [packageOptions]);
-    return (_jsxs("div", { className: className, children: [_jsx("h3", { className: "mb-4 font-semibold text-gray-900", children: "Install Package" }), _jsxs("div", { className: "flex items-center gap-4", children: [!packageOptions?.length ? (_jsx(Input, { name: "package", className: "max-w-xs text-gray-700", value: value, onChange: handleChange, onSubmit: handleSubmit, disabled: loading })) : (_jsx(IdAutocomplete, { ...autoCompleteOptions, onChange: setValue })), _jsx(PowerhouseButton, { className: "h-9 rounded-md text-sm", onClick: handleSubmit, disabled: loading, children: "Install" })] }), _jsx("p", { className: "mb-3 ml-2 h-3 text-sm text-red-800", children: errorMessage })] }));
+    const { registryPackageList, onInstall, disabled, className } = props;
+    const fetchOptions = async (query) => Promise.resolve(registryPackageList
+        .filter((pkg) => pkg.name.toLowerCase().includes(query.toLowerCase()) ||
+        pkg.manifest?.description
+            ?.toLowerCase()
+            .includes(query.toLowerCase()))
+        .map((pkg) => ({
+        value: pkg.name,
+        label: pkg.name,
+        description: pkg.manifest?.description,
+        meta: pkg.manifest?.publisher?.name,
+    })));
+    const handleSelect = useCallback((value) => {
+        return onInstall(value);
+    }, [onInstall]);
+    return (_jsxs("div", { className: className, children: [_jsx("h3", { className: "mb-4 font-semibold text-gray-900", children: "Install Package" }), _jsx(SearchAutocomplete, { fetchOptions: fetchOptions, onSelect: handleSelect, selectLabel: "Install", selectingContent: _jsx(PackageAnimation, { animate: true, loop: true, color: "#6b7280", size: 48 }), placeholder: "Search packages...", disabled: disabled })] }));
 };
 //# sourceMappingURL=package-manager-input.js.map

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"package-manager-input.js","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"package-manager-input.js","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AASpC,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CACrE,KAAK,EACL,EAAE;IACF,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,YAAY,GAAG,KAAK,EACxB,KAAa,EACwB,EAAE,CACvC,OAAO,CAAC,OAAO,CACb,mBAAmB;SAChB,MAAM,CACL,CAAC,GAAG,EAAE,EAAE,CACN,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QACpD,GAAG,CAAC,QAAQ,EAAE,WAAW;YACvB,EAAE,WAAW,EAAE;aACd,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CACnC;SACA,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACb,KAAK,EAAE,GAAG,CAAC,IAAI;QACf,KAAK,EAAE,GAAG,CAAC,IAAI;QACf,WAAW,EAAE,GAAG,CAAC,QAAQ,EAAE,WAAW;QACtC,IAAI,EAAE,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI;KACpC,CAAC,CAAC,CACN,CAAC;IAEJ,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,aAAI,SAAS,EAAC,kCAAkC,gCAAqB,EACrE,KAAC,kBAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,SAAS,EACrB,gBAAgB,EACd,KAAC,gBAAgB,IAAC,OAAO,QAAC,IAAI,QAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,EAE7D,WAAW,EAAC,oBAAoB,EAChC,QAAQ,EAAE,QAAQ,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-list.d.ts

@@ -1,25 +1,14 @@
-export type PackageDetails = {
-    id: string;
-    name: string;
-    description: string;
-    category: string;
-    publisher: string;
-    publisherUrl: string;
-    modules: string[];
-    removable: boolean;
-};
-export type PackageManagerListProps = {
-    mutable: boolean;
-    packages: PackageDetails[];
-    onUninstall: (id: string) => void;
+import type { RegistryPackage, RegistryPackageList } from "@powerhousedao/shared/registry";
+export declare const PackageManagerListItem: (props: {
+    registryPackage: RegistryPackage;
+    onInstall: (packageName: string) => Promise<void>;
+    onUninstall: (packageName: string) => void;
     className?: string;
-};
-export type PackageManagerListItemProps = {
-    mutable: boolean;
-    package: PackageDetails;
-    onUninstall: (id: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PackageManagerList: (props: {
+    registryPackageList: RegistryPackageList;
+    onInstall: (packageName: string) => Promise<void>;
+    onUninstall: (packageName: string) => void;
     className?: string;
-};
-export declare const PackageManagerListItem: React.FC<PackageManagerListItemProps>;
-export declare const PackageManagerList: React.FC<PackageManagerListProps>;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=package-manager-list.d.ts.map

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"package-manager-list.d.ts","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager-list.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,cAAc,CAAC;IACxB,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAcF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAgFxE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmChE,CAAC"}
+{"version":3,"file":"package-manager-list.d.ts","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACpB,MAAM,gCAAgC,CAAC;AAkBxC,eAAO,MAAM,sBAAsB,GAAI,OAAO;IAC5C,eAAe,EAAE,eAAe,CAAC;IACjC,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CAqGA,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO;IACxC,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CAmHA,CAAC"}

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-list.js

@@ -1,35 +1,70 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Icon } from "@powerhousedao/design-system";
-import { useCallback, useState } from "react";
+import { useLayoutEffect, useState } from "react";
 import { twMerge } from "tailwind-merge";
 import { ConnectDropdownMenu } from "../../../dropdown-menu/dropdown-menu.js";
 const PackageDetail = ({ label, value, }) => {
     return (_jsxs("div", { className: "flex items-start gap-2 text-sm", children: [_jsxs("p", { className: "text-gray-600", children: [label, ":"] }), _jsx("p", { className: "text-gray-600", children: value })] }));
 };
 export const PackageManagerListItem = (props) => {
-    const { package: { name, description, category, publisher, publisherUrl, modules, id, removable, }, mutable, onUninstall, className, } = props;
+    const { registryPackage, onInstall, onUninstall, className } = props;
     const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);
-    return (_jsxs("li", { className: twMerge("relative flex flex-col items-start rounded-md border border-gray-200 p-3 text-sm leading-5 shadow-sm", className), children: [_jsx("h3", { className: "font-semibold text-gray-900", children: name }), _jsx(PackageDetail, { label: "Description", value: description }), _jsx(PackageDetail, { label: "Category", value: category }), _jsx(PackageDetail, { label: "Publisher", value: publisher }), _jsx(PackageDetail, { label: "Publisher URL", value: _jsx("a", { className: "underline", href: publisherUrl, children: publisherUrl }) }), _jsx("p", { className: "text-sm text-gray-600", children: "Modules included:" }), _jsx("ul", { className: "list-disc pl-5", children: modules.map((module) => (_jsx("li", { children: _jsx("span", { className: "text-gray-600", children: module }) }, module))) }), mutable && removable && (_jsx(ConnectDropdownMenu, { items: [
-                    {
-                        id: "uninstall",
-                        label: "Uninstall",
-                        icon: _jsx(Icon, { name: "Trash" }),
-                        className: "text-red-900",
-                    },
-                ], onItemClick: (optionId) => {
-                    if (optionId === "uninstall") {
-                        onUninstall(id);
+    const installDropdownItem = {
+        id: "install",
+        label: "Install",
+        icon: _jsx(Icon, { name: "DownloadFile" }),
+        className: "text-gray-800",
+    };
+    const uninstallDropdownItem = {
+        id: "uninstall",
+        label: "Uninstall",
+        icon: _jsx(Icon, { name: "Trash" }),
+        className: "text-red-900",
+    };
+    function getDropdownItems() {
+        return [
+            registryPackage.status === "available" ||
+                registryPackage.status === "dismissed"
+                ? installDropdownItem
+                : undefined,
+            registryPackage.status === "registry-install"
+                ? uninstallDropdownItem
+                : undefined,
+        ].filter((item) => item !== undefined);
+    }
+    const dropdownItems = getDropdownItems();
+    return (_jsxs("li", { className: twMerge("relative flex flex-col items-start rounded-md border border-gray-200 p-3 text-sm leading-5 shadow-sm", className), children: [_jsx("h3", { className: "font-semibold text-gray-900", children: registryPackage.name }), registryPackage.manifest !== null && (_jsxs(_Fragment, { children: [_jsx(PackageDetail, { label: "Description", value: registryPackage.manifest.description }), _jsx(PackageDetail, { label: "Category", value: registryPackage.manifest.category }), registryPackage.manifest.publisher?.name !== undefined && (_jsx(_Fragment, { children: _jsx(PackageDetail, { label: "Publisher", value: registryPackage.manifest.publisher.name }) })), registryPackage.manifest.publisher?.url !== undefined && (_jsx(_Fragment, { children: _jsx(PackageDetail, { label: "Publisher URL", value: _jsx("a", { className: "underline", href: registryPackage.manifest.publisher.url, children: registryPackage.manifest.publisher.url }) }) }))] })), _jsx(ConnectDropdownMenu, { items: dropdownItems, onItemClick: (id) => {
+                    if (id === "install") {
+                        onInstall(registryPackage.name).catch(console.error);
+                        return;
                     }
+                    onUninstall(registryPackage.name);
                 }, onOpenChange: setIsDropdownMenuOpen, open: isDropdownMenuOpen, children: _jsx("button", { className: "group absolute right-3 top-3", onClick: (e) => {
                         e.stopPropagation();
                         setIsDropdownMenuOpen(true);
-                    }, children: _jsx(Icon, { className: "text-gray-600 group-hover:text-gray-900", name: "VerticalDots" }) }) }))] }));
+                    }, children: _jsx(Icon, { className: "text-gray-600 group-hover:text-gray-900", name: "VerticalDots" }) }) })] }));
 };
 export const PackageManagerList = (props) => {
-    const { className, packages, onUninstall, mutable, ...rest } = props;
-    const handleUninstall = useCallback((id) => {
-        onUninstall(id);
-    }, [onUninstall]);
-    return (_jsxs("div", { ...rest, className: twMerge("flex max-h-[370px] flex-col items-stretch overflow-hidden", className), children: [_jsx("h3", { className: "mb-4 font-semibold text-gray-900", children: "Installed Packages" }), _jsx("div", { className: "flex-1 overflow-y-auto pr-2", children: _jsx("ul", { className: "flex flex-col items-stretch gap-4 pr-2", children: packages.map((pkg) => (_jsx(PackageManagerListItem, { package: pkg, onUninstall: handleUninstall, mutable: mutable }, pkg.id))) }) })] }));
+    const { className, registryPackageList, onInstall, onUninstall } = props;
+    const [maxHeight, setMaxHeight] = useState();
+    const locallyInstalledPackages = registryPackageList.filter((p) => p.status === "local-install");
+    const registryInstalledPackages = registryPackageList.filter((p) => p.status === "registry-install");
+    const availablePackages = registryPackageList.filter((p) => p.status === "available");
+    const dismissedPackages = registryPackageList.filter((p) => p.status === "dismissed");
+    useLayoutEffect(() => {
+        const calculateMaxHeight = () => {
+            const viewportHeight = window.innerHeight;
+            const availableHeight = viewportHeight - 516;
+            setMaxHeight(Math.max(200, availableHeight));
+        };
+        calculateMaxHeight();
+        window.addEventListener("resize", calculateMaxHeight);
+        return () => window.removeEventListener("resize", calculateMaxHeight);
+    }, []);
+    const hasLocallyInstalled = locallyInstalledPackages.length > 0;
+    const hasRegistryInstalled = registryInstalledPackages.length > 0;
+    const hasAvailable = availablePackages.length > 0;
+    const hasDismissed = dismissedPackages.length > 0;
+    return (_jsx("div", { className: twMerge("flex flex-col items-stretch overflow-hidden", className), style: { maxHeight }, children: _jsxs("div", { className: "flex-1 overflow-y-auto pr-2", children: [_jsxs("div", { className: "mb-2", children: [_jsx("h3", { className: "mb-4 font-semibold text-gray-900", children: "Installed Packages" }), hasLocallyInstalled || hasRegistryInstalled ? (_jsxs("div", { children: [_jsx("h4", { children: "Locally installed" }), _jsx("ul", { className: "flex flex-col items-stretch gap-4 pr-2", children: locallyInstalledPackages.map((pkg) => (_jsx(PackageManagerListItem, { registryPackage: pkg, onInstall: onInstall, onUninstall: onUninstall }, pkg.name))) }), _jsx("h4", { children: "Installed from registry" }), _jsx("ul", { className: "flex flex-col items-stretch gap-4 pr-2", children: registryInstalledPackages.map((pkg) => (_jsx(PackageManagerListItem, { registryPackage: pkg, onInstall: onInstall, onUninstall: onUninstall }, pkg.name))) })] })) : (_jsx("p", { children: "No packages installed." }))] }), _jsxs("div", { className: "mb-2", children: [_jsx("h3", { className: "mb-4 font-semibold text-gray-900", children: "Available Packages" }), hasAvailable ? (_jsx("ul", { className: "flex flex-col items-stretch gap-4 pr-2", children: availablePackages.map((pkg) => (_jsx(PackageManagerListItem, { registryPackage: pkg, onInstall: onInstall, onUninstall: onUninstall }, pkg.name))) })) : (_jsx("p", { children: "No packages available to install." }))] }), hasDismissed && (_jsxs(_Fragment, { children: [_jsx("h3", { className: "mb-4 font-semibold text-gray-900", children: "Dismissed Packages" }), _jsx("ul", { className: "flex flex-col items-stretch gap-4 pr-2", children: dismissedPackages.map((pkg) => (_jsx(PackageManagerListItem, { registryPackage: pkg, onInstall: onInstall, onUninstall: onUninstall }, pkg.name))) })] }))] }) }));
 };
 //# sourceMappingURL=package-manager-list.js.map

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"package-manager-list.js","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager-list.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"package-manager-list.js","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager-list.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.d.ts

@@ -1,7 +1,12 @@
-import type { PackageManagerInputProps } from "./package-manager-input.js";
-import type { PackageManagerListProps } from "./package-manager-list.js";
-import type { PackageManagerReactorSelectProps } from "./package-manager-select.js";
-type Props = PackageManagerReactorSelectProps & PackageManagerInputProps & PackageManagerListProps;
+import type { RegistryPackageList } from "@powerhousedao/shared/registry";
+type Props = {
+    registryPackageList: RegistryPackageList;
+    mutable: boolean;
+    onInstall: (packageName: string) => Promise<void>;
+    onUninstall: (packageName: string) => void;
+    disabled?: boolean;
+    className?: string;
+};
 export declare const PackageManager: React.FC<Props>;
 export {};
 //# sourceMappingURL=package-manager.d.ts.map

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"package-manager.d.ts","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAE3E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEzE,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,6BAA6B,CAAC;AAGpF,KAAK,KAAK,GAAG,gCAAgC,GAC3C,wBAAwB,GACxB,uBAAuB,CAAC;AAE1B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgD1C,CAAC"}
+{"version":3,"file":"package-manager.d.ts","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAK1E,KAAK,KAAK,GAAG;IACX,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgC1C,CAAC"}

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.js

@@ -1,12 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
 import { twMerge } from "tailwind-merge";
 import { PackageManagerInput } from "./package-manager-input.js";
 import { PackageManagerList } from "./package-manager-list.js";
-import { PackageManagerReactorSelect } from "./package-manager-select.js";
 export const PackageManager = (props) => {
-    const { className, reactorOptions, reactor, onReactorChange, onInstall, packages, onUninstall, mutable, packageOptions, ...rest } = props;
-    const packageOptionsSet = useMemo(() => packageOptions?.filter((o) => !packages.find((p) => p.name === o.packageName)), [packages, packageOptions]);
-    return (_jsxs("div", { ...rest, className: twMerge("flex h-full flex-1 flex-col rounded-lg p-3", className), children: [_jsx(PackageManagerReactorSelect, { reactor: reactor, reactorOptions: reactorOptions, onReactorChange: onReactorChange, className: "mb-4" }), mutable && (_jsx(PackageManagerInput, { onInstall: onInstall, packageOptions: packageOptionsSet })), _jsx(PackageManagerList, { packages: packages, onUninstall: onUninstall, mutable: mutable })] }));
+    const { registryPackageList, onInstall, onUninstall, mutable, disabled, className, } = props;
+    return (_jsxs("div", { className: twMerge("flex h-full flex-1 flex-col rounded-lg p-3", className), children: [mutable && (_jsx(PackageManagerInput, { className: "mb-4", registryPackageList: registryPackageList, onInstall: onInstall, disabled: disabled })), _jsx(PackageManagerList, { registryPackageList: registryPackageList, onUninstall: onUninstall, onInstall: onInstall })] }));
 };
 //# sourceMappingURL=package-manager.js.map

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"package-manager.js","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAM1E,MAAM,CAAC,MAAM,cAAc,GAAoB,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,EACJ,SAAS,EACT,cAAc,EACd,OAAO,EACP,eAAe,EACf,SAAS,EACT,QAAQ,EACR,WAAW,EACX,OAAO,EACP,cAAc,EACd,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CACH,cAAc,EAAE,MAAM,CACpB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,WAAW,CAAC,CACvD,EACH,CAAC,QAAQ,EAAE,cAAc,CAAC,CAC3B,CAAC;IACF,OAAO,CACL,kBACM,IAAI,EACR,SAAS,EAAE,OAAO,CAChB,4CAA4C,EAC5C,SAAS,CACV,aAED,KAAC,2BAA2B,IAC1B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,SAAS,EAAC,MAAM,GAChB,EACD,OAAO,IAAI,CACV,KAAC,mBAAmB,IAClB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,iBAAiB,GACjC,CACH,EACD,KAAC,kBAAkB,IACjB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"package-manager.js","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAW/D,MAAM,CAAC,MAAM,cAAc,GAAoB,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,EACJ,mBAAmB,EACnB,SAAS,EACT,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,eACE,SAAS,EAAE,OAAO,CAChB,4CAA4C,EAC5C,SAAS,CACV,aAEA,OAAO,IAAI,CACV,KAAC,mBAAmB,IAClB,SAAS,EAAC,MAAM,EAChB,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB,CACH,EACD,KAAC,kBAAkB,IACjB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.d.ts

@@ -1,14 +1,12 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import type { ComponentPropsWithoutRef } from "react";
 import { PackageManager } from "./package-manager.js";
 declare const meta: Meta<typeof PackageManager>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-type Props = ComponentPropsWithoutRef<typeof PackageManager>;
-export declare function PackageManagerWrapper(args: Pick<Props, "reactor" | "onReactorChange">): import("react/jsx-runtime").JSX.Element;
+export declare function PackageManagerWrapper(): import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;
 export declare const WithLoading: Story;
 export declare const WithError: Story;
 export declare const Immutable: Story;
-export declare const WithAutoComplete: Story;
+export declare const WithManyPackages: Story;
 //# sourceMappingURL=package-manager.stories.d.ts.map

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"package-manager.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAIrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,KAAK,KAAK,GAAG,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;AAS7D,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,iBAAiB,CAAC,2CAkBjD;AAgBD,eAAO,MAAM,OAAO,EAAE,KAAoC,CAAC;AAC3D,eAAO,MAAM,WAAW,EAAE,KAExB,CAAC;AAEH,eAAO,MAAM,SAAS,EAAE,KAQtB,CAAC;AAEH,eAAO,MAAM,SAAS,EAAE,KAAsD,CAAC;AAE/E,eAAO,MAAM,gBAAgB,EAAE,KAO7B,CAAC"}
+{"version":3,"file":"package-manager.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAIrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AASnC,wBAAgB,qBAAqB,4CAiBpC;AAaD,eAAO,MAAM,OAAO,EAAE,KAAoC,CAAC;AAE3D,eAAO,MAAM,WAAW,EAAE,KAExB,CAAC;AAEH,eAAO,MAAM,SAAS,EAAE,KAQtB,CAAC;AAEH,eAAO,MAAM,SAAS,EAAE,KAAsD,CAAC;AAE/E,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC"}

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PH_PACKAGES } from "@powerhousedao/config";
 import { useState } from "react";
-import { mockPackages, mockReactorOptions } from "../mocks.js";
+import { mockPackages } from "../mocks.js";
 import { PackageManager } from "./package-manager.js";
 const meta = {
     title: "Connect/Components/PackageManager",
@@ -10,29 +9,24 @@ const meta = {
 };
 export default meta;
 const baseArgs = {
-    reactor: "local-reactor",
-    reactorOptions: mockReactorOptions,
-    packages: mockPackages,
+    registryPackageList: mockPackages,
     mutable: true,
 };
-export function PackageManagerWrapper(args) {
-    const finalArgs = { ...baseArgs, ...args };
-    const { reactor, onReactorChange, ...rest } = finalArgs;
-    const [value, setValue] = useState(reactor ?? "");
-    const [packages, setPackages] = useState(finalArgs.packages);
-    return (_jsx(PackageManager, { reactor: value, onReactorChange: (value) => (onReactorChange ?? setValue)(value ?? ""), onInstall: () => { }, onUninstall: (name) => {
-            setPackages((prev) => prev.filter((p) => p.id !== name));
-        }, ...rest, packages: packages }));
+export function PackageManagerWrapper() {
+    const [registryPackageList, setPackages] = useState(baseArgs.registryPackageList ?? []);
+    return (_jsx(PackageManager, { onInstall: (packageName) => {
+            console.log("Installed:", packageName);
+            return Promise.resolve();
+        }, onUninstall: (name) => {
+            setPackages((prev) => prev.filter((p) => p.name !== name));
+        }, mutable: true, registryPackageList: registryPackageList }));
 }
 function PackageManagerStoryWrapper(storyArgs = {}) {
     const defaultArgs = {
-        reactor: "local-reactor",
-        options: mockReactorOptions,
-        packages: mockPackages,
+        ...baseArgs,
         ...storyArgs,
     };
     return {
-        // @ts-expect-error - storybook doesn't support the type
         render: PackageManagerWrapper,
         args: defaultArgs,
     };
@@ -45,12 +39,10 @@ export const WithError = PackageManagerStoryWrapper({
     onInstall: (name) => new Promise((_, reject) => setTimeout(() => reject(new Error(`Package "${name}" was not found`)), 1000)),
 });
 export const Immutable = PackageManagerStoryWrapper({ mutable: false });
-export const WithAutoComplete = PackageManagerStoryWrapper({
-    packageOptions: [
-        ...PH_PACKAGES,
-        { packageName: "@test/npm", provider: "github" },
-        { packageName: "@test/github", provider: "github" },
-        { packageName: "@test/local", provider: "local" },
+export const WithManyPackages = {
+    ...PackageManagerStoryWrapper(),
+    decorators: [
+        (Story) => (_jsx("div", { className: "h-[600px]", children: _jsx(Story, {}) })),
     ],
-});
+};
 //# sourceMappingURL=package-manager.stories.js.map

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"package-manager.stories.js","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"package-manager.stories.js","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,IAAI,GAAgC;IACxC,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,cAAc;IACzB,cAAc,EAAE,CAAC,uBAAuB,CAAC;CAC1C,CAAC;AAEF,eAAe,IAAI,CAAC;AAKpB,MAAM,QAAQ,GAAmB;IAC/B,mBAAmB,EAAE,YAAY;IACjC,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,MAAM,UAAU,qBAAqB;IACnC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,GAAG,QAAQ,CACjD,QAAQ,CAAC,mBAAmB,IAAI,EAAE,CACnC,CAAC;IACF,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,CAAC,WAAW,EAAE,EAAE;YACzB,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;YACvC,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;QAC3B,CAAC,EACD,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE;YACpB,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC;QAC7D,CAAC,EACD,OAAO,EAAE,IAAI,EACb,mBAAmB,EAAE,mBAAmB,GACxC,CACH,CAAC;AACJ,CAAC;AAED,SAAS,0BAA0B,CAAC,YAA4B,EAAE;IAChE,MAAM,WAAW,GAAG;QAClB,GAAG,QAAQ;QACX,GAAG,SAAS;KACJ,CAAC;IACX,OAAO;QACL,MAAM,EAAE,qBAAqB;QAC7B,IAAI,EAAE,WAAW;KAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAU,0BAA0B,EAAE,CAAC;AAE3D,MAAM,CAAC,MAAM,WAAW,GAAU,0BAA0B,CAAC;IAC3D,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC;CAC7E,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAU,0BAA0B,CAAC;IACzD,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE,CAClB,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CACxB,UAAU,CACR,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,YAAY,IAAI,iBAAiB,CAAC,CAAC,EAC1D,IAAI,CACL,CACF;CACJ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAU,0BAA0B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;AAE/E,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,GAAG,0BAA0B,EAAE;IAC/B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC"}

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/types.d.ts

@@ -0,0 +1,9 @@
+export interface RegistryOption {
+    id: string;
+    label: string;
+    url: string;
+    editable?: boolean;
+}
+export type RegistryStatus = "idle" | "connecting" | "connected" | "error";
+export type { RegistryPackageInfo } from "@powerhousedao/reactor-browser";
+//# sourceMappingURL=types.d.ts.map

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CAAC;AAE3E,YAAY,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/types.ts"],"names":[],"mappings":""}

package/dist/src/connect/components/modal/settings-modal-v2/settings-modal.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/settings-modal-v2/settings-modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAGpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0EnC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC"}
+{"version":3,"file":"settings-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/settings-modal-v2/settings-modal.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAGpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoEnC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC"}

package/dist/src/connect/components/modal/settings-modal-v2/settings-modal.stories.js

@@ -20,8 +20,7 @@ const tabs = [
         icon: _jsx(Icon, { name: "PackageManager", size: 12 }),
         label: "Package Manager",
         content: () => {
-            const [reactor, setReactor] = React.useState("");
-            return (_jsx(PackageManagerWrapper, { reactor: reactor, onReactorChange: (value) => setReactor(value || "") }));
+            return _jsx(PackageManagerWrapper, {});
         },
     },
     {

package/dist/src/connect/components/modal/settings-modal-v2/settings-modal.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-modal.stories.js","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/settings-modal-v2/settings-modal.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAGpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,uFAAuF;AACvF,OAAO,eAAe,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,8BAA8B,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,aAAa;CACzB,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,IAAI,GAAG;IACX;QACE,EAAE,EAAE,iBAAiB;QACrB,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,EAAE,GAAI;QAC9C,KAAK,EAAE,iBAAiB;QACxB,OAAO,EAAE,GAAG,EAAE;YACZ,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YACjD,OAAO,CACL,KAAC,qBAAqB,IACpB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE,CAAC,GACnD,CACH,CAAC;QACJ,CAAC;KACF;IACD;QACE,EAAE,EAAE,iBAAiB;QACrB,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI;QACpC,KAAK,EAAE,iBAAiB;QACxB,OAAO;YACL,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CACxC,8BAA8B,CAAC,CAAC,CAAC,CAAC,KAAK,CACxC,CAAC;YACF,OAAO,CACL,KAAC,aAAa,IACZ,mBAAmB,EAAE,MAAM,EAC3B,sBAAsB,EAAE,SAAS,EACjC,0BAA0B,EAAE,8BAA8B,GAC1D,CACH,CAAC;QACJ,CAAC;KACF;IACD;QACE,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,cAAc,GAAG;QAC/D,KAAK,EAAE,eAAM,SAAS,EAAC,cAAc,4BAAmB;QACxD,OAAO;YACL,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC;gBACzC;oBACE,MAAM,EAAE;wBACN,EAAE,EAAE,GAAG;wBACP,IAAI,EAAE,SAAS;qBAChB;iBACuB;gBAC1B;oBACE,MAAM,EAAE;wBACN,EAAE,EAAE,GAAG;wBACP,IAAI,EAAE,SAAS;qBAChB;iBACuB;aAC3B,CAAC,CAAC;YACH,OAAO,CACL,KAAC,UAAU,IACT,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CACnB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CACtD,CAAC;gBACJ,CAAC,EACD,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,GACnC,CACH,CAAC;QACJ,CAAC;KACF;IACD;QACE,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,EAAE,GAAI;QAC9C,KAAK,EAAE,OAAO;QACd,OAAO;YACL,OAAO,KAAC,KAAK,IAAC,WAAW,EAAE,eAAe,GAAI,CAAC;QACjD,CAAC;KACF;CACF,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,UAAU;QACjB,IAAI;KACL;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,kBAAkB,YAC/B,KAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,MAAM,EAAE,SAAS,OAAO,CAAC,IAAI;QAC3B,OAAO;QACL,wDAAwD;QACxD,KAAC,aAAa,OAAK,IAAI,GAAI,CAC5B,CAAC;IACJ,CAAC;CACF,CAAC"}
+{"version":3,"file":"settings-modal.stories.js","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/settings-modal-v2/settings-modal.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/object-inspector-modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./object-inspector-modal.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/connect/components/object-inspector-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/object-inspector-modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}

package/dist/src/connect/components/object-inspector-modal/index.js

@@ -0,0 +1,2 @@
+export * from "./object-inspector-modal.js";
+//# sourceMappingURL=index.js.map

package/dist/src/connect/components/object-inspector-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/object-inspector-modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}

package/dist/src/connect/components/object-inspector-modal/object-inspector-modal.d.ts

@@ -0,0 +1,8 @@
+export type ObjectInspectorModalProps = {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly title: string;
+    readonly object: unknown;
+};
+export declare function ObjectInspectorModal({ open, onOpenChange, title, object, }: ObjectInspectorModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=object-inspector-modal.d.ts.map

package/dist/src/connect/components/object-inspector-modal/object-inspector-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"object-inspector-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/object-inspector-modal/object-inspector-modal.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,MAAM,GACP,EAAE,yBAAyB,2CAmC3B"}

package/dist/src/connect/components/object-inspector-modal/object-inspector-modal.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon, Modal } from "@powerhousedao/design-system";
+import { JsonViewer } from "@powerhousedao/design-system/ui";
+/**
+ * Converts an object to a JSON-serializable form by handling
+ * non-serializable values like functions, symbols, and errors.
+ */
+function toSerializableObject(obj) {
+    return JSON.parse(JSON.stringify(obj, (_key, value) => {
+        if (typeof value === "function")
+            return "[Function]";
+        if (typeof value === "symbol")
+            return "[Symbol]";
+        if (value instanceof Error)
+            return { name: value.name, message: value.message };
+        return value;
+    }));
+}
+export function ObjectInspectorModal({ open, onOpenChange, title, object, }) {
+    const serializableObject = object ? toSerializableObject(object) : null;
+    return (_jsx(Modal, { contentProps: {
+            className: "rounded-2xl",
+            style: { height: "80vh", width: "80vw", maxWidth: "900px" },
+        }, onOpenChange: onOpenChange, open: open, title: title, children: _jsxs("div", { className: "flex h-full w-full flex-col", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between border-b border-gray-200 px-4 py-3", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: title }), _jsx("button", { className: "flex size-6 cursor-pointer items-center justify-center rounded-md text-gray-500 outline-none hover:text-gray-900", onClick: () => onOpenChange(false), type: "button", children: _jsx(Icon, { name: "XmarkLight", size: 24 }) })] }), _jsx("div", { className: "flex-1 overflow-auto p-4", children: serializableObject ? (_jsx(JsonViewer, { data: serializableObject })) : (_jsx("p", { className: "text-gray-500", children: "No data to display" })) })] }) }));
+}
+//# sourceMappingURL=object-inspector-modal.js.map

package/dist/src/connect/components/object-inspector-modal/object-inspector-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object-inspector-modal.js","sourceRoot":"","sources":["../../../../../src/connect/components/object-inspector-modal/object-inspector-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE7D;;;GAGG;AACH,SAAS,oBAAoB,CAAC,GAAY;IACxC,OAAO,IAAI,CAAC,KAAK,CACf,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,KAAc,EAAE,EAAE;QAC3C,IAAI,OAAO,KAAK,KAAK,UAAU;YAAE,OAAO,YAAY,CAAC;QACrD,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO,UAAU,CAAC;QACjD,IAAI,KAAK,YAAY,KAAK;YACxB,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;QACtD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CACH,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,MAAM,GACoB;IAC1B,MAAM,kBAAkB,GAAG,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAExE,OAAO,CACL,KAAC,KAAK,IACJ,YAAY,EAAE;YACZ,SAAS,EAAE,aAAa;YACxB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE;SAC5D,EACD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,YAEZ,eAAK,SAAS,EAAC,6BAA6B,aAC1C,eAAK,SAAS,EAAC,+EAA+E,aAC5F,aAAI,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAM,EAChE,iBACE,SAAS,EAAC,kHAAkH,EAC5H,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAClC,IAAI,EAAC,QAAQ,YAEb,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,IACL,EAEN,cAAK,SAAS,EAAC,0BAA0B,YACtC,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,UAAU,IAAC,IAAI,EAAE,kBAAkB,GAAI,CACzC,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,eAAe,mCAAuB,CACpD,GACG,IACF,GACA,CACT,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/processors-inspector/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./processors-inspector.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/connect/components/processors-inspector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/processors-inspector/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}

package/dist/src/connect/components/processors-inspector/index.js

@@ -0,0 +1,2 @@
+export * from "./processors-inspector.js";
+//# sourceMappingURL=index.js.map

package/dist/src/connect/components/processors-inspector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/processors-inspector/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}