@powerhousedao/design-system 6.0.0-dev.1 → 6.0.0-dev.100

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

@@ -1,9 +1,11 @@
 export * from "./about.js";
+export * from "./package-manager/dismissed-packages-list.js";
 export * from "./danger-zone.js";
 export * from "./default-editor.js";
 export * from "./package-manager/package-manager-input.js";
 export * from "./package-manager/package-manager-list.js";
 export * from "./package-manager/package-manager-select.js";
 export * from "./package-manager/package-manager.js";
+export * from "./package-manager/types.js";
 export * from "./settings-modal.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/settings-modal-v2/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4CAA4C,CAAC;AAC3D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,sCAAsC,CAAC;AACrD,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/settings-modal-v2/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4CAA4C,CAAC;AAC3D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC"}

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

@@ -1,17 +1,8 @@
-export declare const mockReactorOptions: {
-    label: string;
-    value: string;
-}[];
-export declare const mockPackages: {
-    id: string;
-    name: string;
-    description: string;
-    category: string;
-    publisher: string;
-    publisherUrl: string;
-    modules: string[];
-    removable: boolean;
-}[];
+import type { RegistryOption } from "./package-manager/types.js";
+import type { PackageDetails } from "./package-manager/package-manager-list.js";
+export declare const mockRegistryOptions: RegistryOption[];
+export declare const mockAvailablePackages: PackageDetails[];
+export declare const mockPackages: PackageDetails[];
 export declare const mockDocumentModelEditorOptions: {
     label: string;
     value: string;

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

@@ -1 +1 @@
-{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/settings-modal-v2/mocks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;GAS9B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;GA8CxB,CAAC;AAEF,eAAO,MAAM,8BAA8B;;;GAG1C,CAAC"}
+{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/settings-modal-v2/mocks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAEhF,eAAO,MAAM,mBAAmB,EAAE,cAAc,EAiB/C,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAAc,EAgCjD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,cAAc,EAmHxC,CAAC;AAEF,eAAO,MAAM,8BAA8B;;;GAG1C,CAAC"}

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

@@ -1,11 +1,50 @@
-export const mockReactorOptions = [
+export const mockRegistryOptions = [
     {
-        label: "Local Reactor",
-        value: "local-reactor",
+        id: "production",
+        label: "Production",
+        url: "https://registry.powerhouse.io/-/cdn/",
     },
     {
-        label: "Switchboard",
-        value: "switchboard",
+        id: "local",
+        label: "Local",
+        url: "http://localhost:8080/-/cdn/",
+    },
+    {
+        id: "custom",
+        label: "Custom",
+        url: "",
+        editable: true,
+    },
+];
+export const mockAvailablePackages = [
+    {
+        id: "@uniswap/lp-tools",
+        name: "LP Management Tools",
+        description: "Tools for managing liquidity positions across multiple AMMs with impermanent loss tracking.",
+        category: "DeFi",
+        publisher: "@uniswap",
+        publisherUrl: "https://uniswap.org/",
+        modules: [
+            "Position Manager (Connect)",
+            "IL Calculator (Connect)",
+            "Fee Analytics (Switchboard)",
+            "Range Order Editor (Connect)",
+            "Pool Explorer (Connect)",
+        ],
+        removable: false,
+    },
+    {
+        id: "@chainlink/oracle-integrations",
+        name: "Oracle Integration Pack",
+        description: "Seamless integration with Chainlink oracles for price feeds and external data.",
+        category: "Infrastructure",
+        publisher: "@chainlink",
+        publisherUrl: "https://chain.link/",
+        modules: [
+            "Price Feed Connector (Switchboard)",
+            "Data Aggregator (Switchboard)",
+        ],
+        removable: false,
     },
 ];
 export const mockPackages = [
@@ -38,16 +77,80 @@ export const mockPackages = [
         removable: true,
     },
     {
-        id: "@powerhousedao/builder-tools2",
-        name: "Builder Tooling",
-        description: "The real world assets portfolio reporting package for the sky ecosystem.",
+        id: "@makerdao/governance-toolkit",
+        name: "Governance Toolkit",
+        description: "A comprehensive toolkit for managing decentralized governance proposals, voting, and delegation.",
+        category: "Governance",
+        publisher: "@makerdao",
+        publisherUrl: "https://makerdao.com/",
+        modules: [
+            "Proposal Manager (Connect)",
+            "Voting Dashboard (Connect)",
+            "Delegation Tracker (Switchboard)",
+        ],
+        removable: true,
+    },
+    {
+        id: "@aave/lending-analytics",
+        name: "Lending Analytics Suite",
+        description: "Advanced analytics and reporting tools for DeFi lending protocols with real-time monitoring.",
+        category: "DeFi",
+        publisher: "@aave",
+        publisherUrl: "https://aave.com/",
+        modules: [
+            "Liquidity Monitor (Switchboard)",
+            "Interest Rate Tracker (Connect)",
+            "Risk Assessment Dashboard (Connect)",
+            "Collateral Analyzer (Connect)",
+        ],
+        removable: true,
+    },
+    {
+        id: "@compound/treasury-manager",
+        name: "Treasury Manager",
+        description: "Streamlined treasury management for DAOs with multi-sig support and spending proposals.",
         category: "Finance",
-        publisher: "@powerhousedao",
-        publisherUrl: "https://www.powerhouse.inc/",
+        publisher: "@compound",
+        publisherUrl: "https://compound.finance/",
+        modules: ["Multi-Sig Wallet (Connect)", "Budget Tracker (Connect)"],
+        removable: true,
+    },
+    {
+        id: "@openzeppelin/security-suite",
+        name: "Security Audit Suite",
+        description: "Automated security scanning and vulnerability detection for smart contracts.",
+        category: "Security",
+        publisher: "@openzeppelin",
+        publisherUrl: "https://openzeppelin.com/",
         modules: [
-            "Analytics Processor (Switchboard)",
-            "RWA Portfolio Report Document Model (Connect)",
-            "RWA Portfolio Report Editor (Connect)",
+            "Contract Scanner (Connect)",
+            "Vulnerability Report Generator (Connect)",
+            "Audit Trail Logger (Switchboard)",
+        ],
+        removable: true,
+    },
+    {
+        id: "@ens/domain-manager",
+        name: "ENS Domain Manager",
+        description: "Manage ENS domains, subdomains, and records with an intuitive interface.",
+        category: "Identity",
+        publisher: "@ens",
+        publisherUrl: "https://ens.domains/",
+        modules: ["Domain Registry (Connect)", "Record Editor (Connect)"],
+        removable: true,
+    },
+    {
+        id: "@gnosis/safe-extensions",
+        name: "Safe Extensions Pack",
+        description: "Extended functionality for Gnosis Safe including batch transactions and recurring payments.",
+        category: "Wallets",
+        publisher: "@gnosis",
+        publisherUrl: "https://gnosis-safe.io/",
+        modules: [
+            "Batch Transaction Builder (Connect)",
+            "Recurring Payments (Switchboard)",
+            "Spending Limits (Connect)",
+            "Transaction History (Connect)",
         ],
         removable: true,
     },

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

@@ -1 +1 @@
-{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/settings-modal-v2/mocks.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC;QACE,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,eAAe;KACvB;IACD;QACE,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,aAAa;KACrB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B;QACE,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE,uBAAuB;QAC7B,WAAW,EACT,0EAA0E;QAC5E,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,gBAAgB;QAC3B,YAAY,EAAE,6BAA6B;QAC3C,OAAO,EAAE;YACP,mCAAmC;YACnC,+CAA+C;YAC/C,uCAAuC;SACxC;QACD,SAAS,EAAE,IAAI;KAChB;IACD;QACE,EAAE,EAAE,8BAA8B;QAClC,IAAI,EAAE,iBAAiB;QACvB,WAAW,EACT,0EAA0E;QAC5E,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,gBAAgB;QAC3B,YAAY,EAAE,6BAA6B;QAC3C,OAAO,EAAE;YACP,mCAAmC;YACnC,+CAA+C;YAC/C,uCAAuC;SACxC;QACD,SAAS,EAAE,IAAI;KAChB;IACD;QACE,EAAE,EAAE,+BAA+B;QACnC,IAAI,EAAE,iBAAiB;QACvB,WAAW,EACT,0EAA0E;QAC5E,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,gBAAgB;QAC3B,YAAY,EAAE,6BAA6B;QAC3C,OAAO,EAAE;YACP,mCAAmC;YACnC,+CAA+C;YAC/C,uCAAuC;SACxC;QACD,SAAS,EAAE,IAAI;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC5C,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,uBAAuB,EAAE;IAC/C,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE;CACnD,CAAC"}
+{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/settings-modal-v2/mocks.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+export interface DismissedPackageInfo {
+    packageName: string;
+    documentTypes: string[];
+}
+export interface DismissedPackagesListProps {
+    dismissedPackages: DismissedPackageInfo[];
+    onInstall: (packageName: string) => Promise<void>;
+    className?: string;
+}
+export declare const DismissedPackagesList: React.FC<DismissedPackagesListProps>;
+//# sourceMappingURL=dismissed-packages-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dismissed-packages-list.d.ts","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/dismissed-packages-list.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,0BAA0B;IACzC,iBAAiB,EAAE,oBAAoB,EAAE,CAAC;IAC1C,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA+DtE,CAAC"}

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { twMerge } from "tailwind-merge";
+export const DismissedPackagesList = (props) => {
+    const { dismissedPackages, onInstall, className } = props;
+    const [installingPackages, setInstallingPackages] = useState(() => new Set());
+    async function handleInstall(packageName) {
+        setInstallingPackages((prev) => new Set(prev).add(packageName));
+        try {
+            await onInstall(packageName);
+        }
+        finally {
+            setInstallingPackages((prev) => {
+                const next = new Set(prev);
+                next.delete(packageName);
+                return next;
+            });
+        }
+    }
+    if (dismissedPackages.length === 0)
+        return null;
+    return (_jsxs("div", { className: twMerge("rounded-lg p-3", className), children: [_jsx("h3", { className: "mb-3 font-semibold text-gray-900", children: "Missing Packages" }), _jsx("p", { className: "mb-3 text-sm text-gray-500", children: "These packages were requested during sync but dismissed. Install them to sync the associated documents." }), _jsx("ul", { className: "flex flex-col gap-2", children: dismissedPackages.map((dismissed) => {
+                    const installing = installingPackages.has(dismissed.packageName);
+                    return (_jsxs("li", { className: "flex items-center justify-between rounded-md border border-gray-200 p-3 shadow-sm", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-semibold text-gray-900", children: dismissed.packageName }), _jsxs("p", { className: "text-xs text-gray-500", children: ["Document types: ", dismissed.documentTypes.join(", ")] })] }), _jsx("button", { type: "button", onClick: () => void handleInstall(dismissed.packageName), disabled: installing, className: twMerge("rounded-lg bg-gray-800 px-3 py-1.5 text-sm font-semibold text-white transition-all hover:scale-105 active:opacity-75", installing && "cursor-not-allowed opacity-50"), children: installing ? "Installing..." : "Install" })] }, dismissed.packageName));
+                }) })] }));
+};
+//# sourceMappingURL=dismissed-packages-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dismissed-packages-list.js","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/dismissed-packages-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAazC,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CACzE,KAAK,EACL,EAAE;IACF,MAAM,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAC1D,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAChB,CAAC;IAEF,KAAK,UAAU,aAAa,CAAC,WAAmB;QAC9C,qBAAqB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC;QAChE,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,WAAW,CAAC,CAAC;QAC/B,CAAC;gBAAS,CAAC;YACT,qBAAqB,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC7B,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;gBAC3B,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;gBACzB,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEhD,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,CAAC,gBAAgB,EAAE,SAAS,CAAC,aAClD,aAAI,SAAS,EAAC,kCAAkC,iCAAsB,EACtE,YAAG,SAAS,EAAC,4BAA4B,wHAGrC,EACJ,aAAI,SAAS,EAAC,qBAAqB,YAChC,iBAAiB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;oBACnC,MAAM,UAAU,GAAG,kBAAkB,CAAC,GAAG,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;oBACjE,OAAO,CACL,cAEE,SAAS,EAAC,mFAAmF,aAE7F,0BACE,YAAG,SAAS,EAAC,qCAAqC,YAC/C,SAAS,CAAC,WAAW,GACpB,EACJ,aAAG,SAAS,EAAC,uBAAuB,iCACjB,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IACjD,IACA,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,aAAa,CAAC,SAAS,CAAC,WAAW,CAAC,EACxD,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,OAAO,CAChB,sHAAsH,EACtH,UAAU,IAAI,+BAA+B,CAC9C,YAEA,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,GAClC,KArBJ,SAAS,CAAC,WAAW,CAsBvB,CACN,CAAC;gBACJ,CAAC,CAAC,GACC,IACD,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,7 +1,8 @@
-import type { PowerhousePackage } from "@powerhousedao/config";
+import type { RegistryPackageInfo } from "./types.js";
 export type PackageManagerInputProps = {
-    onInstall: (value: string) => void | Promise<void>;
-    packageOptions?: PowerhousePackage[];
+    onInstall: (packageName: string) => void | Promise<void>;
+    fetchPackages?: (query: string) => Promise<RegistryPackageInfo[]>;
+    disabled?: boolean;
     className?: string;
 };
 export declare const PackageManagerInput: React.FC<PackageManagerInputProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"package-manager-input.d.ts","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAO/D,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,cAAc,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAqBF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqFlE,CAAC"}
+{"version":3,"file":"package-manager-input.d.ts","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager-input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqClE,CAAC"}

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

@@ -1,61 +1,24 @@
 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 { SearchAutocomplete } from "@powerhousedao/design-system/ui";
+import { useCallback, useMemo } 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 { onInstall, fetchPackages, disabled, className } = props;
+    const fetchOptions = useMemo(() => {
+        if (!fetchPackages)
+            return undefined;
+        return async (query) => {
+            const packages = await fetchPackages(query);
+            return packages.map((pkg) => ({
+                value: pkg.name,
+                label: pkg.name,
+                description: pkg.description,
+                meta: pkg.publisher,
+            }));
+        };
+    }, [fetchPackages]);
+    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", 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":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAU7C,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CACrE,KAAK,EACL,EAAE;IACF,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,CAAC,aAAa;YAAE,OAAO,SAAS,CAAC;QACrC,OAAO,KAAK,EAAE,KAAa,EAAuC,EAAE;YAClE,MAAM,QAAQ,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC,CAAC;YAC5C,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;gBAC5B,KAAK,EAAE,GAAG,CAAC,IAAI;gBACf,KAAK,EAAE,GAAG,CAAC,IAAI;gBACf,WAAW,EAAE,GAAG,CAAC,WAAW;gBAC5B,IAAI,EAAE,GAAG,CAAC,SAAS;aACpB,CAAC,CAAC,CAAC;QACN,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,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,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

@@ -11,6 +11,7 @@ export type PackageDetails = {
 export type PackageManagerListProps = {
     mutable: boolean;
     packages: PackageDetails[];
+    availablePackages?: PackageDetails[];
     onUninstall: (id: string) => void;
     className?: string;
 };

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":"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,iBAAiB,CAAC,EAAE,cAAc,EAAE,CAAC;IACrC,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,CAwFhE,CAAC"}

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

@@ -1,6 +1,6 @@
-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 { useCallback, useLayoutEffect, useState } from "react";
 import { twMerge } from "tailwind-merge";
 import { ConnectDropdownMenu } from "../../../dropdown-menu/dropdown-menu.js";
 const PackageDetail = ({ label, value, }) => {
@@ -26,10 +26,22 @@ export const PackageManagerListItem = (props) => {
                     }, 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 { className, packages, availablePackages, onUninstall, mutable, ...rest } = props;
+    const [maxHeight, setMaxHeight] = useState();
+    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 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 hasAvailable = availablePackages !== undefined && availablePackages.length > 0;
+    return (_jsx("div", { ...rest, className: twMerge("flex flex-col items-stretch overflow-hidden", className), style: { maxHeight }, children: _jsxs("div", { className: "flex-1 overflow-y-auto pr-2", children: [hasAvailable && (_jsxs(_Fragment, { children: [_jsx("h3", { className: "mb-4 font-semibold text-gray-900", children: "Pre-installed Packages" }), _jsx("ul", { className: "flex flex-col items-stretch gap-4 pr-2", children: availablePackages.map((pkg) => (_jsx(PackageManagerListItem, { package: pkg, onUninstall: handleUninstall, mutable: false }, pkg.id))) })] })), _jsx("h3", { className: twMerge("mb-4 font-semibold text-gray-900", hasAvailable && "mt-6"), children: "Installed Packages" }), _jsxs("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))), packages.length === 0 && (_jsx("p", { className: "text-sm text-gray-500", children: "No packages installed" }))] })] }) }));
 };
 //# 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-select.d.ts

@@ -1,9 +1,12 @@
-import type { SelectOption } from "@powerhousedao/design-system/ui";
-export type PackageManagerReactorSelectProps = {
-    reactorOptions: SelectOption[];
-    reactor: string;
+import type { RegistryOption, RegistryStatus } from "./types.js";
+export type PackageManagerRegistrySelectProps = {
+    registries: RegistryOption[];
+    selectedRegistryId: string;
+    onRegistryChange: (registryId: string) => void;
+    registryStatus: RegistryStatus;
+    customRegistryUrl?: string;
+    onCustomRegistryUrlChange?: (url: string) => void;
     className?: string;
-    onReactorChange: (value?: string) => void;
 };
-export declare const PackageManagerReactorSelect: React.FC<PackageManagerReactorSelectProps>;
+export declare const PackageManagerRegistrySelect: React.FC<PackageManagerRegistrySelectProps>;
 //# sourceMappingURL=package-manager-select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"package-manager-select.d.ts","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAIpE,MAAM,MAAM,gCAAgC,GAAG;IAC7C,cAAc,EAAE,YAAY,EAAE,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAChD,gCAAgC,CAyBjC,CAAC"}
+{"version":3,"file":"package-manager-select.d.ts","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager-select.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjE,MAAM,MAAM,iCAAiC,GAAG;IAC9C,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,cAAc,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yBAAyB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAWF,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CACjD,iCAAiC,CA2DlC,CAAC"}

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

@@ -1,11 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SelectFieldRaw } from "@powerhousedao/design-system/ui";
-import { useCallback } from "react";
-export const PackageManagerReactorSelect = (props) => {
-    const { reactorOptions, reactor, onReactorChange, ...rest } = props;
+import { Input } from "@powerhousedao/design-system/ui";
+import { useCallback, useMemo } from "react";
+import { twMerge } from "tailwind-merge";
+const statusIndicator = {
+    idle: _jsx("span", { className: "size-2 rounded-full bg-gray-400" }),
+    connecting: (_jsx("span", { className: "size-2 animate-pulse rounded-full bg-yellow-400" })),
+    connected: _jsx("span", { className: "size-2 rounded-full bg-green-500" }),
+    error: _jsx("span", { className: "size-2 rounded-full bg-red-500" }),
+};
+export const PackageManagerRegistrySelect = (props) => {
+    const { registries, selectedRegistryId, onRegistryChange, registryStatus, customRegistryUrl, onCustomRegistryUrlChange, className, } = props;
+    const selectedRegistry = registries.find((r) => r.id === selectedRegistryId);
+    const selectOptions = useMemo(() => registries.map((r) => ({ value: r.id, label: r.label })), [registries]);
     const handleChange = useCallback((value) => {
-        onReactorChange(Array.isArray(value) ? value.at(-1) : value);
-    }, [onReactorChange]);
-    return (_jsxs("div", { ...rest, children: [_jsx("h3", { className: "mb-4 font-semibold text-gray-900", children: "Select Reactor" }), _jsx(SelectFieldRaw, { className: "min-w-36 max-w-fit", name: "reactor", required: true, value: reactor, options: reactorOptions, multiple: false, onChange: handleChange })] }));
+        onRegistryChange(Array.isArray(value) ? value.at(-1) : value);
+    }, [onRegistryChange]);
+    const handleCustomUrlChange = useCallback((e) => {
+        onCustomRegistryUrlChange?.(e.target.value);
+    }, [onCustomRegistryUrlChange]);
+    return (_jsxs("div", { className: twMerge("flex flex-col gap-3", className), children: [_jsx("h3", { className: "font-semibold text-gray-900", children: "Select Registry" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SelectFieldRaw, { className: "min-w-36 max-w-fit", name: "registry", required: true, value: selectedRegistryId, options: selectOptions, multiple: false, onChange: handleChange }), statusIndicator[registryStatus]] }), selectedRegistry?.editable && (_jsx(Input, { name: "custom-registry-url", className: "max-w-xs text-gray-700", placeholder: "https://registry.example.com/-/cdn/", value: customRegistryUrl ?? "", onChange: handleCustomUrlChange }))] }));
 };
 //# sourceMappingURL=package-manager-select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"package-manager-select.js","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager-select.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AASpC,MAAM,CAAC,MAAM,2BAA2B,GAEpC,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEpE,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAwB,EAAE,EAAE;QAC3B,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC/D,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,kBAAS,IAAI,aACX,aAAI,SAAS,EAAC,kCAAkC,+BAAoB,EACpE,KAAC,cAAc,IACb,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAC,SAAS,EACd,QAAQ,QACR,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,YAAY,GACtB,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"package-manager-select.js","sourceRoot":"","sources":["../../../../../../../src/connect/components/modal/settings-modal-v2/package-manager/package-manager-select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAazC,MAAM,eAAe,GAA4C;IAC/D,IAAI,EAAE,eAAM,SAAS,EAAC,iCAAiC,GAAG;IAC1D,UAAU,EAAE,CACV,eAAM,SAAS,EAAC,iDAAiD,GAAG,CACrE;IACD,SAAS,EAAE,eAAM,SAAS,EAAC,kCAAkC,GAAG;IAChE,KAAK,EAAE,eAAM,SAAS,EAAC,gCAAgC,GAAG;CAC3D,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAErC,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EACJ,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,yBAAyB,EACzB,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,gBAAgB,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,kBAAkB,CAAC,CAAC;IAE7E,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,EAC9D,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAwB,EAAE,EAAE;QAC3B,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACjE,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,CAAsC,EAAE,EAAE;QACzC,yBAAyB,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,yBAAyB,CAAC,CAC5B,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACvD,aAAI,SAAS,EAAC,6BAA6B,gCAAqB,EAChE,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,cAAc,IACb,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAC,UAAU,EACf,QAAQ,QACR,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,YAAY,GACtB,EACD,eAAe,CAAC,cAAc,CAAC,IAC5B,EACL,gBAAgB,EAAE,QAAQ,IAAI,CAC7B,KAAC,KAAK,IACJ,IAAI,EAAC,qBAAqB,EAC1B,SAAS,EAAC,wBAAwB,EAClC,WAAW,EAAC,qCAAqC,EACjD,KAAK,EAAE,iBAAiB,IAAI,EAAE,EAC9B,QAAQ,EAAE,qBAAqB,GAC/B,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,7 +1,9 @@
 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 { PackageDetails, PackageManagerListProps } from "./package-manager-list.js";
+import type { PackageManagerRegistrySelectProps } from "./package-manager-select.js";
+type Props = PackageManagerRegistrySelectProps & PackageManagerInputProps & PackageManagerListProps & {
+    availablePackages?: PackageDetails[];
+};
 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":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAE3E,OAAO,KAAK,EACV,cAAc,EACd,uBAAuB,EACxB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,6BAA6B,CAAC;AAGrF,KAAK,KAAK,GAAG,iCAAiC,GAC5C,wBAAwB,GACxB,uBAAuB,GAAG;IACxB,iBAAiB,CAAC,EAAE,cAAc,EAAE,CAAC;CACtC,CAAC;AAEJ,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoD1C,CAAC"}

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

@@ -1,12 +1,10 @@
 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";
+import { PackageManagerRegistrySelect } 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 { className, registries, selectedRegistryId, onRegistryChange, registryStatus, customRegistryUrl, onCustomRegistryUrlChange, onInstall, fetchPackages, packages, availablePackages, onUninstall, mutable, disabled, ...rest } = props;
+    return (_jsxs("div", { ...rest, className: twMerge("flex h-full flex-1 flex-col rounded-lg p-3", className), children: [_jsx(PackageManagerRegistrySelect, { registries: registries, selectedRegistryId: selectedRegistryId, onRegistryChange: onRegistryChange, registryStatus: registryStatus, customRegistryUrl: customRegistryUrl, onCustomRegistryUrlChange: onCustomRegistryUrlChange, className: "mb-4" }), mutable && (_jsx(PackageManagerInput, { className: "mb-4", onInstall: onInstall, fetchPackages: fetchPackages, disabled: disabled })), _jsx(PackageManagerList, { packages: packages, availablePackages: availablePackages, onUninstall: onUninstall, mutable: mutable })] }));
 };
 //# 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":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAKjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAQ3E,MAAM,CAAC,MAAM,cAAc,GAAoB,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,EACJ,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,yBAAyB,EACzB,SAAS,EACT,aAAa,EACb,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,kBACM,IAAI,EACR,SAAS,EAAE,OAAO,CAChB,4CAA4C,EAC5C,SAAS,CACV,aAED,KAAC,4BAA4B,IAC3B,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,yBAAyB,EAAE,yBAAyB,EACpD,SAAS,EAAC,MAAM,GAChB,EACD,OAAO,IAAI,CACV,KAAC,mBAAmB,IAClB,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,CACH,EACD,KAAC,kBAAkB,IACjB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -5,10 +5,13 @@ 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(args: Pick<Props, "selectedRegistryId" | "onRegistryChange">): 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 WithCustomRegistry: Story;
+export declare const Connecting: Story;
+export declare const RegistryError: 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;AAEvD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAOtD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,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;AAmC7D,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,oBAAoB,GAAG,kBAAkB,CAAC,2CA2B7D;AAcD,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,kBAAkB,EAAE,KAG/B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,KAEvB,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,KAE1B,CAAC;AAEH,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC"}