@cmdoss/walrus-site-builder-react 2.2.0

package/dist/index.js

@@ -0,0 +1,4908 @@
+import { TransactionExecutorService, WalrusSiteBuilderSdk, getSHA256Hash, mainPackage, objectIdToWalrusSiteUrl, sha256ToU256, suinsDomainToWalrusSiteUrl } from "@cmdoss/walrus-site-builder";
+import { Transaction } from "@mysten/sui/transactions";
+import { ALLOWED_METADATA, SuinsClient, SuinsTransaction, mainPackage as mainPackage$1 } from "@mysten/suins";
+import { MAINNET_WALRUS_PACKAGE_CONFIG, TESTNET_WALRUS_PACKAGE_CONFIG } from "@mysten/walrus";
+import { useStore } from "@nanostores/react";
+import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useQueries, useQuery } from "@tanstack/react-query";
+import { atom, computed } from "nanostores";
+import * as Dialog from "@radix-ui/react-dialog";
+import { AlertCircle, AlertTriangle, Calendar, CalendarClock, CheckCircle, CheckCircle2, Clock, ExternalLink, Globe2, Info, Link2, Loader2, Pencil, Search, Upload, X, XCircle } from "lucide-react";
+import { AggregatorClient, Env } from "@cetusprotocol/aggregator-sdk";
+import BN from "bn.js";
+import { ZenFsFileManager } from "@cmdoss/file-manager";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+//#region rolldown:runtime
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+
+//#endregion
+//#region src/lib/nonNull.ts
+function nonNull(value) {
+	return value !== null && value !== void 0;
+}
+
+//#endregion
+//#region src/queries/keys.ts
+const queryKeys = {
+	suinsDomains: (address, network) => [
+		"suins-domains",
+		address,
+		network
+	],
+	suinsDomainDetail: (name, network) => [
+		"suins-domain-detail",
+		name,
+		network
+	],
+	walrusSite: (siteId) => ["walrus-site", siteId],
+	walrusSites: (address, network) => [
+		"walrus-sites",
+		address,
+		network
+	],
+	storageCost: (fileSize, epochs) => [
+		"storage-cost",
+		fileSize,
+		epochs
+	]
+};
+
+//#endregion
+//#region src/queries/suins-domains.query.ts
+function useSuiNsDomainsQuery(currentAccount, clients) {
+	const { suiClient, queryClient } = clients;
+	const { network } = suiClient;
+	const suinsClient = useMemo(() => new SuinsClient({
+		network: suiClient.network === "mainnet" ? "mainnet" : "testnet",
+		client: suiClient
+	}), [suiClient]);
+	const onchainDataQuery = useQuery({
+		queryKey: queryKeys.suinsDomains(currentAccount?.address, network),
+		queryFn: async () => {
+			if (!currentAccount?.address) return [];
+			try {
+				let allDomains = [];
+				let hasNextPage = true;
+				let cursor;
+				const suinsPackageId = mainPackage$1[network]?.packageIdV1;
+				if (!suinsPackageId) {
+					console.warn(`SuiNS not supported on network: ${network}`);
+					return [];
+				}
+				console.log("suinsPackageId", suinsPackageId);
+				console.log("suinsPackageId", `${suinsPackageId}::suins_registration::SuinsRegistration`);
+				while (hasNextPage) {
+					const response = await suiClient.getOwnedObjects({
+						owner: currentAccount.address,
+						filter: { StructType: `${suinsPackageId}::suins_registration::SuinsRegistration` },
+						options: {
+							showContent: true,
+							showType: true,
+							showDisplay: true
+						},
+						cursor
+					});
+					console.log("response", response);
+					const domains$1 = response.data.filter((obj) => obj.data?.content?.dataType === "moveObject").map((obj) => {
+						const content$5 = obj.data?.content;
+						const fields = content$5 && "fields" in content$5 ? content$5.fields : {};
+						return {
+							name: fields?.domain_name || "",
+							objectId: obj.data?.objectId || "",
+							expiresAt: fields?.expiration_timestamp_ms ? Number(fields.expiration_timestamp_ms) : void 0
+						};
+					}).filter((domain) => domain.name);
+					allDomains = [...allDomains, ...domains$1];
+					hasNextPage = response.hasNextPage;
+					cursor = response.nextCursor;
+				}
+				return allDomains;
+			} catch (error) {
+				console.error("Error fetching SuiNS domains:", error);
+				return [];
+			}
+		},
+		enabled: !!currentAccount?.address,
+		staleTime: 1e3 * 60 * 5,
+		retry: 2,
+		retryDelay: (attemptIndex) => Math.min(1e3 * 2 ** attemptIndex, 3e4)
+	}, queryClient);
+	const domains = useQueries({ queries: onchainDataQuery.data?.map((domain) => ({
+		queryKey: queryKeys.suinsDomainDetail(domain.name, network),
+		queryFn: async () => await suinsClient?.getNameRecord(domain.name),
+		enabled: !!suinsClient && !!domain.name
+	})) ?? [] }, queryClient);
+	return {
+		isLoading: useMemo(() => onchainDataQuery.isLoading || domains.some((d) => d.isLoading), [onchainDataQuery.isLoading, domains]),
+		isError: useMemo(() => onchainDataQuery.isError || domains.some((d) => d.isError), [onchainDataQuery.isError, domains]),
+		data: useMemo(() => domains.map((d) => d.data).filter(nonNull).map((r) => ({
+			name: r.name.slice(0, -4),
+			avatar: r.avatar,
+			expirationTimestampMs: Number(r.expirationTimestampMs),
+			nftId: r.nftId,
+			walrusSiteId: r.walrusSiteId,
+			targetAddr: r.targetAddress,
+			walrusSiteUrl: network === "mainnet" ? `https://${r.name.slice(0, -4)}.wal.app` : `http://${r.name.slice(0, -4)}.localhost:3003`
+		})), [domains, network])
+	};
+}
+
+//#endregion
+//#region src/queries/walrus-site.query.ts
+function handleError(error) {
+	switch (error.code) {
+		case "deleted": throw new Error("Walrus site has been deleted");
+		case "notExists": throw new Error("Walrus site does not exist");
+		case "displayError": throw new Error("Failed to fetch Walrus site display data");
+		case "dynamicFieldNotFound": throw new Error("Walrus site dynamic field not found");
+		default: throw new Error(`Unknown error when fetching Walrus site!`);
+	}
+}
+async function fetchSiteDynamicFields(suiClient, siteId) {
+	const dynamicFields = [];
+	let cursor = null;
+	while (true) {
+		const page = await suiClient.getDynamicFields({
+			parentId: siteId,
+			cursor
+		});
+		cursor = page.nextCursor;
+		dynamicFields.push(...page.data);
+		if (!page.hasNextPage) break;
+	}
+	return dynamicFields;
+}
+async function fetchSiteResources(suiClient, siteId, packageId) {
+	const resourcePaths = (await fetchSiteDynamicFields(suiClient, siteId)).filter((f) => f.objectType === `${packageId}::site::Resource`).filter((r) => r.name.type === `${packageId}::site::ResourcePath`);
+	const resources = [];
+	for (const rp of resourcePaths) {
+		const resObj = await suiClient.getObject({
+			id: rp.objectId,
+			options: { showContent: true }
+		});
+		if (resObj.data?.content?.dataType !== "moveObject") throw new Error("Invalid resource object data type");
+		const fields = resObj.data?.content?.fields;
+		if (Array.isArray(fields)) throw new Error("Invalid resource object fields");
+		if (!("value" in fields)) throw new Error("Invalid resource object fields value");
+		const resourceValue = fields.value;
+		const result = {
+			blob_hash: resourceValue.fields.blob_hash,
+			blob_id: resourceValue.fields.blob_id,
+			headers: resourceValue.fields.headers.fields.contents.map((c) => c.fields),
+			path: resourceValue.fields.path
+		};
+		resources.push(result);
+	}
+	return resources;
+}
+async function fetchWalrusSiteData(suiClient, id, packageId) {
+	const objRes = await suiClient.getObject({
+		id,
+		options: { showDisplay: true }
+	});
+	const error = objRes.data?.display?.error ?? objRes.error;
+	if (error) handleError(error);
+	const data = objRes.data?.display?.data;
+	if (!data) throw new Error("No data returned for Walrus site");
+	const siteData = data;
+	const resources = await fetchSiteResources(suiClient, id, packageId);
+	return {
+		id,
+		...siteData,
+		resources
+	};
+}
+function useWalrusSiteQuery(id, clients) {
+	const { network } = clients.suiClient;
+	const packageId = useMemo(() => mainPackage[network].packageId, [network]);
+	return useQuery({
+		queryKey: queryKeys.walrusSite(id),
+		queryFn: async () => {
+			if (!id) throw new Error("No site ID provided");
+			return fetchWalrusSiteData(clients.suiClient, id, packageId);
+		},
+		enabled: !!id
+	}, clients.queryClient);
+}
+async function fetchWalrusSitesListPaginated(suiClient, address, packageId, limit, cursorParam) {
+	try {
+		const response = await suiClient.getOwnedObjects({
+			owner: address,
+			filter: { StructType: `${packageId}::site::Site` },
+			options: {
+				showDisplay: true,
+				showType: true
+			},
+			cursor: cursorParam,
+			limit: limit || 50
+		});
+		if (!response.data || response.data.length === 0) return {
+			sites: [],
+			nextCursor: response.nextCursor || null,
+			hasNextPage: response.hasNextPage
+		};
+		return {
+			sites: response.data.filter((obj) => {
+				if (!obj.data) {
+					console.warn("Object missing data:", obj);
+					return false;
+				}
+				if (obj.data.display?.error) {
+					console.warn("Display error for site:", obj.data.objectId, obj.data.display.error);
+					return false;
+				}
+				const type = obj.data.type;
+				if (!type || type !== `${packageId}::site::Site`) return false;
+				if (!obj.data.objectId) {
+					console.warn("Object missing objectId:", obj);
+					return false;
+				}
+				return true;
+			}).map((obj) => {
+				if (!obj.data) return null;
+				const display = obj.data.display?.data;
+				if (!display) {
+					console.warn("No display data for site:", obj.data.objectId);
+					return null;
+				}
+				const displayData = display;
+				if (!displayData.name) {
+					console.warn("Site missing name:", obj.data.objectId);
+					return null;
+				}
+				return {
+					id: obj.data.objectId,
+					name: displayData.name,
+					description: displayData.description || "",
+					image_url: displayData.image_url || "",
+					link: displayData.link || "",
+					project_url: displayData.project_url || "",
+					creator: displayData.creator || "",
+					resources: []
+				};
+			}).filter((site) => site !== null),
+			nextCursor: response.nextCursor || null,
+			hasNextPage: response.hasNextPage
+		};
+	} catch (error) {
+		console.error("Error fetching Walrus sites list:", error);
+		throw error;
+	}
+}
+function useWalrusSitesQuery(address, options, clients) {
+	const { suiClient, queryClient } = clients;
+	const { network } = suiClient;
+	const packageId = useMemo(() => mainPackage[network].packageId, [network]);
+	console.log("🔍 Fetching Walrus sites list for address:", address, packageId);
+	const sitesListQuery = useQuery({
+		queryKey: [
+			...queryKeys.walrusSites(address, network),
+			options?.cursor,
+			options?.limit
+		],
+		queryFn: async () => {
+			if (!address) return {
+				sites: [],
+				nextCursor: null,
+				hasNextPage: false
+			};
+			return fetchWalrusSitesListPaginated(suiClient, address, packageId, options?.limit, options?.cursor);
+		},
+		enabled: !!address,
+		staleTime: 1e3 * 60 * 5,
+		retry: 2,
+		retryDelay: (attemptIndex) => Math.min(1e3 * 2 ** attemptIndex, 3e4)
+	}, queryClient);
+	return {
+		data: sitesListQuery.data?.sites ?? [],
+		nextCursor: sitesListQuery.data?.nextCursor ?? null,
+		hasNextPage: sitesListQuery.data?.hasNextPage ?? false,
+		isLoading: sitesListQuery.isLoading,
+		isError: sitesListQuery.isError,
+		error: sitesListQuery.error
+	};
+}
+
+//#endregion
+//#region src/queries/zenfs-files.query.ts
+function useZenfsFilesQuery(fm, clients) {
+	const { queryClient } = clients;
+	return useQuery({
+		queryKey: ["zenfs-files", fm?.workspaceDir],
+		queryFn: async () => {
+			if (!fm) return [];
+			const files = await fm.listFiles();
+			const assets = [];
+			for (const path of files) {
+				const content$5 = await fm?.readFile(path);
+				if (!content$5) continue;
+				const hashU256 = sha256ToU256(await getSHA256Hash(content$5));
+				assets.push({
+					path,
+					content: content$5,
+					hashU256
+				});
+			}
+			return assets;
+		},
+		enabled: !!fm,
+		staleTime: 300 * 1e3
+	}, queryClient);
+}
+
+//#endregion
+//#region src/stores/site-domain.store.ts
+const isDomainDialogOpen = atom(false);
+const isAssigningDomain = atom(false);
+const isRegisterSuiNSDomainDialogOpen = atom(false);
+const isExtendTimeDialogOpen = atom(false);
+
+//#endregion
+//#region src/stores/site-metadata.store.ts
+const DEFAULT_TITLE = "wal-0";
+const DEFAULT_DESCRIPTION = "WAL-0 Generated Project";
+var SiteMetadata = class {
+	title = atom(DEFAULT_TITLE);
+	description = atom(DEFAULT_DESCRIPTION);
+	imageUrl = atom("https://www.walrus.xyz/walrus-site");
+	link = atom("");
+	projectUrl = atom("");
+	epochs = atom(5);
+	deletable = atom(false);
+	loading = atom(false);
+	suiNSUrl = atom([]);
+	originalTitle = atom(DEFAULT_TITLE);
+	originalDescription = atom(DEFAULT_DESCRIPTION);
+	originalImageUrl = atom("https://www.walrus.xyz/walrus-site");
+	originalLink = atom("");
+	originalProjectUrl = atom("");
+	originalEpochs = atom(5);
+	originalSuiNSUrl = atom([]);
+	isDirty = computed([
+		this.title,
+		this.description,
+		this.imageUrl,
+		this.link,
+		this.projectUrl,
+		this.epochs,
+		this.suiNSUrl,
+		this.originalTitle,
+		this.originalDescription,
+		this.originalImageUrl,
+		this.originalLink,
+		this.originalProjectUrl,
+		this.originalEpochs,
+		this.originalSuiNSUrl
+	], (title$5, description$5, iconUrl, link$3, projectUrl, epochs, suiNSUrl, originalTitle, originalDescription, originalIcon, originalLink, originalProjectUrl, originalEpochs, originalSuiNSUrl) => title$5 !== originalTitle || description$5 !== originalDescription || (iconUrl ?? null) !== (originalIcon ?? null) || link$3 !== originalLink || projectUrl !== originalProjectUrl || epochs !== originalEpochs || JSON.stringify(suiNSUrl.sort((a, b) => a.nftId.localeCompare(b.nftId))) !== JSON.stringify(originalSuiNSUrl.sort((a, b) => a.nftId.localeCompare(b.nftId))));
+	/**
+	* Computed URL for displaying the image preview
+	*/
+	imageDisplayUrl = computed([this.imageUrl], (imageUrl) => {
+		if (!imageUrl) return null;
+		if (typeof imageUrl === "string") return imageUrl;
+		return URL.createObjectURL(imageUrl);
+	});
+	commitChanges() {
+		this.originalTitle.set(this.title.get());
+		this.originalDescription.set(this.description.get());
+		this.originalImageUrl.set(this.imageUrl.get());
+		this.originalLink.set(this.link.get());
+		this.originalProjectUrl.set(this.projectUrl.get());
+		this.originalEpochs.set(this.epochs.get());
+		this.originalSuiNSUrl.set(this.suiNSUrl.get().map((item$1) => ({ ...item$1 })));
+	}
+	reset() {
+		this.title.set(this.originalTitle.get());
+		this.description.set(this.originalDescription.get());
+		this.imageUrl.set(this.originalImageUrl.get());
+		this.link.set(this.originalLink.get());
+		this.projectUrl.set(this.originalProjectUrl.get());
+		this.epochs.set(this.originalEpochs.get());
+		this.suiNSUrl.set(this.originalSuiNSUrl.get().map((item$1) => ({ ...item$1 })));
+		this.loading.set(false);
+	}
+	cancelEdit = () => this.reset();
+};
+const siteMetadataStore = new SiteMetadata();
+
+//#endregion
+//#region src/lib/result.ts
+function ok(data) {
+	return {
+		ok: true,
+		data
+	};
+}
+function failed(error) {
+	return {
+		ok: false,
+		error
+	};
+}
+
+//#endregion
+//#region src/stores/site-publishing.store.ts
+let DeploySteps = /* @__PURE__ */ function(DeploySteps$1) {
+	DeploySteps$1[DeploySteps$1["Idle"] = 0] = "Idle";
+	DeploySteps$1[DeploySteps$1["Prepared"] = 1] = "Prepared";
+	DeploySteps$1[DeploySteps$1["Uploaded"] = 2] = "Uploaded";
+	DeploySteps$1[DeploySteps$1["Certified"] = 3] = "Certified";
+	DeploySteps$1[DeploySteps$1["Deployed"] = 4] = "Deployed";
+	return DeploySteps$1;
+}({});
+let DeploymentStatus = /* @__PURE__ */ function(DeploymentStatus$1) {
+	DeploymentStatus$1[DeploymentStatus$1["Idle"] = 0] = "Idle";
+	/** Preparing assets for upload */
+	DeploymentStatus$1[DeploymentStatus$1["Preparing"] = 1] = "Preparing";
+	/** Assets have been prepared */
+	DeploymentStatus$1[DeploymentStatus$1["Prepared"] = 2] = "Prepared";
+	/** Uploading assets to the network */
+	DeploymentStatus$1[DeploymentStatus$1["Uploading"] = 3] = "Uploading";
+	/** Assets have been uploaded */
+	DeploymentStatus$1[DeploymentStatus$1["Uploaded"] = 4] = "Uploaded";
+	/** Certify uploaded assets */
+	DeploymentStatus$1[DeploymentStatus$1["Certifying"] = 5] = "Certifying";
+	/** Assets have been certified */
+	DeploymentStatus$1[DeploymentStatus$1["Certified"] = 6] = "Certified";
+	/** Deploy site metadata */
+	DeploymentStatus$1[DeploymentStatus$1["Deploying"] = 7] = "Deploying";
+	/** Site has been deployed */
+	DeploymentStatus$1[DeploymentStatus$1["Deployed"] = 8] = "Deployed";
+	return DeploymentStatus$1;
+}({});
+var SitePublishingStore = class {
+	deployStatus = atom(DeploymentStatus.Idle);
+	deploymentStepIndex = computed([this.deployStatus], (s) => {
+		switch (s) {
+			case DeploymentStatus.Idle:
+			case DeploymentStatus.Preparing: return 0;
+			case DeploymentStatus.Prepared:
+			case DeploymentStatus.Uploading: return 1;
+			case DeploymentStatus.Uploaded:
+			case DeploymentStatus.Certifying: return 2;
+			case DeploymentStatus.Certified:
+			case DeploymentStatus.Deploying: return 3;
+			case DeploymentStatus.Deployed: return 4;
+			default: return 0;
+		}
+	});
+	isPublishDialogOpen = atom(false);
+	certifiedBlobs = atom([]);
+	isWorking = computed([this.deployStatus], (deployStatus) => deployStatus !== DeploymentStatus.Idle && deployStatus !== DeploymentStatus.Prepared && deployStatus !== DeploymentStatus.Uploaded && deployStatus !== DeploymentStatus.Certified && deployStatus !== DeploymentStatus.Deployed);
+	deployStatusText = computed([this.deployStatus], (s) => {
+		switch (s) {
+			case DeploymentStatus.Idle: return "Start Deployment";
+			case DeploymentStatus.Preparing: return "Preparing assets...";
+			case DeploymentStatus.Prepared: return "Upload assets";
+			case DeploymentStatus.Uploading: return "Uploading assets...";
+			case DeploymentStatus.Uploaded: return "Certify assets";
+			case DeploymentStatus.Certifying: return "Certifying assets...";
+			case DeploymentStatus.Certified: return "Update Site Metadata";
+			case DeploymentStatus.Deploying: return "Updating site metadata...";
+			case DeploymentStatus.Deployed: return "Customize Domain";
+			default: return "Unknown status";
+		}
+	});
+	currentFlow;
+	siteId;
+	async runDeploymentStep(sdk, assets, site) {
+		if (this.isWorking.get()) return failed("Another operation is in progress");
+		switch (this.deployStatus.get()) {
+			case DeploymentStatus.Idle:
+				this.deployStatus.set(DeploymentStatus.Preparing);
+				try {
+					this.currentFlow = sdk.executeSiteUpdateFlow(assets, {
+						object_id: site.id,
+						site_name: site.title,
+						metadata: {
+							link: site.link,
+							description: site.description,
+							project_url: site.projectUrl,
+							image_url: site.imageUrl,
+							creator: site.creator ?? "CommandOSS Site Builder"
+						}
+					});
+					const diff = await this.currentFlow.prepareResources();
+					if (diff.resources.every((r) => r.op === "unchanged")) if (diff.site_name.op === "noop" && diff.metadata.op === "noop") {
+						this.deployStatus.set(DeploymentStatus.Idle);
+						return failed("No changes detected");
+					} else this.deployStatus.set(DeploymentStatus.Certified);
+					else this.deployStatus.set(DeploymentStatus.Prepared);
+					return this.runDeploymentStep(sdk, assets, site);
+				} catch (e) {
+					console.error("Failed to prepare assets:", e);
+					const msg = e instanceof Error ? e.message : "Failed to prepare assets";
+					this.deployStatus.set(DeploymentStatus.Idle);
+					return failed(msg);
+				}
+			case DeploymentStatus.Prepared: {
+				if (!this.currentFlow) return failed("Invalid deployment flow");
+				this.deployStatus.set(DeploymentStatus.Uploading);
+				const epochs = siteMetadataStore.epochs.get();
+				const deletable = siteMetadataStore.deletable.get();
+				try {
+					await this.currentFlow.writeResources(epochs, deletable);
+				} catch (e) {
+					console.error("Failed to upload assets:", e);
+					this.deployStatus.set(DeploymentStatus.Prepared);
+					return failed("Failed to upload assets");
+				}
+				this.deployStatus.set(DeploymentStatus.Uploaded);
+				return this.runDeploymentStep(sdk, assets, site);
+			}
+			case DeploymentStatus.Uploaded:
+				if (!this.currentFlow) return failed("Invalid deployment flow");
+				this.deployStatus.set(DeploymentStatus.Certifying);
+				try {
+					await this.currentFlow.certifyResources();
+					this.deployStatus.set(DeploymentStatus.Certified);
+					return this.runDeploymentStep(sdk, assets, site);
+				} catch (e) {
+					console.error("Failed to certify assets:", e);
+					this.deployStatus.set(DeploymentStatus.Uploaded);
+					return failed(e instanceof Error ? e.message : "Failed to certify assets");
+				}
+			case DeploymentStatus.Certified:
+				if (!this.currentFlow) return failed("Invalid deployment flow");
+				this.deployStatus.set(DeploymentStatus.Deploying);
+				try {
+					const { siteId } = await this.currentFlow.writeSite();
+					if (!siteId) throw new Error("No site ID returned");
+					this.deployStatus.set(DeploymentStatus.Deployed);
+					this.siteId = siteId;
+					return ok(siteId);
+				} catch (e) {
+					console.error("Failed to deploy site:", e);
+					this.deployStatus.set(DeploymentStatus.Certified);
+					return failed(e instanceof Error ? e.message : "Failed to deploy site");
+				}
+			case DeploymentStatus.Deployed:
+				if (!this.siteId) return failed("Invalid state");
+				this.reset();
+				this.closePublishDialog();
+				this.openCustomDomainDialog();
+				return ok(this.siteId);
+			default: return failed("Invalid deployment step");
+		}
+	}
+	reset() {
+		this.deployStatus.set(DeploymentStatus.Idle);
+		this.certifiedBlobs.set([]);
+		this.currentFlow = void 0;
+	}
+	closePublishDialog = () => this.isPublishDialogOpen.set(false);
+	openCustomDomainDialog = () => isDomainDialogOpen.set(true);
+};
+const sitePublishingStore = new SitePublishingStore();
+
+//#endregion
+//#region src/hooks/useTransactionExecutor.ts
+/**
+* React hook to create a TransactionExecutorService instance.
+* Automatically handles sponsor configuration and wallet changes.
+*/
+function useTransactionExecutor({ suiClient, walletAddress, signAndExecuteTransaction, sponsorConfig }) {
+	return useMemo(() => {
+		if (!walletAddress) return null;
+		return new TransactionExecutorService({
+			suiClient,
+			walletAddress,
+			signAndExecuteTransaction,
+			sponsorConfig
+		});
+	}, [
+		suiClient,
+		walletAddress,
+		signAndExecuteTransaction,
+		sponsorConfig
+	]);
+}
+
+//#endregion
+//#region src/hooks/useSitePublishing.ts
+function useSitePublishing({ siteId, assets, onUpdateSiteMetadata, onAssociatedDomain, onError, onExtendedBlobs, currentAccount, signAndExecuteTransaction, sponsorConfig, portalDomain, portalHttps, clients: { suiClient, queryClient, suinsClient, walrusClient } }) {
+	const [isExtending, setIsExtending] = useState(false);
+	const txExecutor = useTransactionExecutor({
+		suiClient,
+		walletAddress: currentAccount?.address,
+		signAndExecuteTransaction,
+		sponsorConfig
+	});
+	const sdk = useMemo(() => {
+		if (!suiClient || !walrusClient || !currentAccount) return;
+		return new WalrusSiteBuilderSdk(walrusClient, suiClient, currentAccount.address, signAndExecuteTransaction, sponsorConfig);
+	}, [
+		suiClient,
+		walrusClient,
+		currentAccount,
+		signAndExecuteTransaction,
+		sponsorConfig
+	]);
+	const { data: nsDomains, isLoading: isLoadingNsDomains, isError: isErrorNsDomains } = useSuiNsDomainsQuery(currentAccount, {
+		suiClient,
+		queryClient
+	});
+	const { data: walrusSiteData } = useWalrusSiteQuery(siteId, {
+		suiClient,
+		queryClient
+	});
+	const isPublishDialogOpen = useStore(sitePublishingStore.isPublishDialogOpen);
+	const isWorking = useStore(sitePublishingStore.isWorking);
+	const certifiedBlobs = useStore(sitePublishingStore.certifiedBlobs);
+	const deployStatus = useStore(sitePublishingStore.deployStatus);
+	const deployStatusText = useStore(sitePublishingStore.deployStatusText);
+	const deployStepIndex = useStore(sitePublishingStore.deploymentStepIndex);
+	const epochs = useStore(siteMetadataStore.epochs);
+	const title$5 = useStore(siteMetadataStore.title);
+	const imageUrl = useStore(siteMetadataStore.imageUrl);
+	const link$3 = useStore(siteMetadataStore.link);
+	const description$5 = useStore(siteMetadataStore.description);
+	const isEditingSiteMetadata = useStore(siteMetadataStore.isDirty);
+	const isSavingSiteMetadata = useStore(siteMetadataStore.loading);
+	const isAssigning = useStore(isAssigningDomain);
+	const isDeployed = !!siteId;
+	const walrusSiteUrl = useMemo(() => {
+		if (!siteId) return null;
+		return objectIdToWalrusSiteUrl(siteId, portalDomain, portalHttps);
+	}, [
+		siteId,
+		portalDomain,
+		portalHttps
+	]);
+	const associatedDomains = nsDomains.filter((d) => d.walrusSiteId === siteId);
+	useEffect(() => {
+		if (!walrusSiteData) return;
+		console.log("🔄 Syncing Walrus site data to store", walrusSiteData);
+		siteMetadataStore.originalTitle.set(walrusSiteData.name ?? "");
+		siteMetadataStore.originalDescription.set(walrusSiteData.description ?? "");
+		siteMetadataStore.originalImageUrl.set(walrusSiteData.image_url ?? null);
+		siteMetadataStore.originalProjectUrl.set(walrusSiteData.project_url ?? null);
+		siteMetadataStore.originalLink.set(walrusSiteData.link ?? "");
+		siteMetadataStore.reset();
+	}, [walrusSiteData]);
+	const handleRunDeploymentStep = async () => {
+		if (!sdk) return onError?.("SDK not initialized");
+		if (imageUrl instanceof File) return onError?.("Please upload image first.");
+		const siteMetadata = {
+			id: siteId,
+			title: title$5,
+			description: description$5,
+			imageUrl: imageUrl ?? void 0,
+			link: siteMetadataStore.link.get() ?? void 0,
+			projectUrl: siteMetadataStore.projectUrl.get() ?? void 0
+		};
+		const result = await sitePublishingStore.runDeploymentStep(sdk, assets, siteMetadata);
+		if (!result.ok) return onError?.(result.error || "Deployment failed");
+		siteMetadata.id = result.data;
+		await onUpdateSiteMetadata?.(siteMetadata);
+		siteMetadataStore.commitChanges();
+	};
+	const handleSaveSiteMetadata = async () => {
+		if (!onUpdateSiteMetadata) {
+			siteMetadataStore.commitChanges();
+			return;
+		}
+		siteMetadataStore.loading.set(true);
+		try {
+			const result = await onUpdateSiteMetadata({
+				id: siteId,
+				title: siteMetadataStore.title.get(),
+				description: siteMetadataStore.description.get(),
+				imageUrl: siteMetadataStore.imageUrl.get() ?? void 0,
+				link: siteMetadataStore.link.get() ?? void 0,
+				projectUrl: siteMetadataStore.projectUrl.get() ?? void 0
+			});
+			if (!result) throw new Error("Failed to save site metadata");
+			if (result.title) siteMetadataStore.title.set(result.title);
+			if (result.description) siteMetadataStore.description.set(result.description);
+			if (result.imageUrl) siteMetadataStore.imageUrl.set(result.imageUrl);
+			siteMetadataStore.link.set(result.link ?? "");
+			siteMetadataStore.projectUrl.set(result.projectUrl ?? "");
+			siteMetadataStore.commitChanges();
+		} finally {
+			siteMetadataStore.loading.set(false);
+		}
+	};
+	const handleAssociateDomain = async (nftId, siteId$1, suiNSName) => {
+		if (!suinsClient) return onError?.("SuiNS client not available");
+		if (!nftId) return onError?.("No domain selected");
+		if (!txExecutor) return onError?.("Transaction executor not available");
+		isAssigningDomain.set(true);
+		try {
+			try {
+				const transaction = new Transaction();
+				new SuinsTransaction(suinsClient, transaction).setUserData({
+					nft: nftId,
+					key: ALLOWED_METADATA.walrusSiteId,
+					value: siteId$1
+				});
+				const digest = await txExecutor.execute({
+					transaction,
+					description: "Associate domain with Walrus site"
+				});
+				await suiClient.waitForTransaction({ digest });
+				await queryClient.invalidateQueries({ predicate: (query) => {
+					const key = query.queryKey[0];
+					return key === "suins-domains" || key === "suins-domain-detail";
+				} });
+				const currentDomains = siteMetadataStore.suiNSUrl.get();
+				const domainEntry = {
+					suins: suiNSName,
+					nftId
+				};
+				if (!currentDomains.some((d) => d.nftId === nftId)) siteMetadataStore.suiNSUrl.set([...currentDomains, domainEntry]);
+				await onAssociatedDomain?.(nftId, siteId$1, suiNSName);
+			} catch (e) {
+				console.error("🚨 Failed to update SuiNS metadata:", e);
+				onError?.("Failed to update SuiNS metadata");
+			}
+		} finally {
+			isAssigningDomain.set(false);
+		}
+	};
+	function handleOpenDomainDialog() {
+		isDomainDialogOpen.set(true);
+	}
+	function handleOpenPublishingDialog() {
+		sitePublishingStore.isPublishDialogOpen.set(true);
+	}
+	const handleExtendBlobs = async (extendEpochs) => {
+		if (!walrusClient || !currentAccount || !walrusSiteData?.resources || walrusSiteData.resources.length === 0) {
+			onError?.("Cannot extend blobs: missing required data");
+			return;
+		}
+		if (!extendEpochs || extendEpochs <= 0 || extendEpochs > 365) {
+			onError?.("Invalid epoch count. Must be between 1 and 365");
+			return;
+		}
+		if (!txExecutor) {
+			onError?.("Transaction executor not available");
+			return;
+		}
+		setIsExtending(true);
+		try {
+			const blobType = await walrusClient.getBlobType();
+			const walCoinType = mainPackage[suiClient.network].walrusCoinType;
+			const walrusPackageId = mainPackage[suiClient.network].walrusPackageId;
+			const systemObjectId = suiClient.network === "mainnet" ? MAINNET_WALRUS_PACKAGE_CONFIG.systemObjectId : TESTNET_WALRUS_PACKAGE_CONFIG.systemObjectId;
+			const blobIdToObjectIdMap = /* @__PURE__ */ new Map();
+			let cursor = null;
+			let hasNextPage = true;
+			while (hasNextPage) {
+				const ownedObjects = await suiClient.getOwnedObjects({
+					owner: currentAccount.address,
+					filter: { StructType: blobType },
+					options: { showContent: true },
+					cursor
+				});
+				console.log("walrusSiteData.resources", walrusSiteData.resources);
+				for (const resource of walrusSiteData.resources) {
+					const blobId = resource.blob_id;
+					for (const obj of ownedObjects.data) if (obj.data?.content && "fields" in obj.data.content) {
+						const fields = obj.data.content.fields;
+						if ("blob_id" in fields) {
+							if (String(fields.blob_id) === blobId && !blobIdToObjectIdMap.has(blobId)) {
+								blobIdToObjectIdMap.set(blobId, obj.data.objectId);
+								break;
+							}
+						}
+					}
+				}
+				hasNextPage = ownedObjects.hasNextPage;
+				cursor = ownedObjects.nextCursor;
+			}
+			if (blobIdToObjectIdMap.size === 0) throw new Error("No blob objects found for this site. Make sure you own the blob objects.");
+			const tx = new Transaction();
+			tx.setSender(currentAccount.address);
+			const walCoin = await suiClient.getCoins({
+				owner: currentAccount.address,
+				coinType: walCoinType
+			});
+			if (walCoin.data.length === 0) throw new Error(`No WAL coins found in wallet. Please acquire WAL tokens first.`);
+			if (walCoin.data.length > 1) tx.mergeCoins(tx.object(walCoin.data[0].coinObjectId), walCoin.data.slice(1).map((coin) => tx.object(coin.coinObjectId)));
+			for (const [_blobId, objectId] of blobIdToObjectIdMap.entries()) tx.moveCall({
+				package: walrusPackageId,
+				module: "system",
+				function: "extend_blob",
+				arguments: [
+					tx.object(systemObjectId),
+					tx.object(objectId),
+					tx.pure.u32(extendEpochs),
+					tx.object(walCoin.data[0].coinObjectId)
+				]
+			});
+			const digest = await txExecutor.execute({
+				transaction: tx,
+				description: `Extending ${blobIdToObjectIdMap.size} blob(s) by ${extendEpochs} epoch(s)`
+			});
+			await suiClient.waitForTransaction({ digest });
+			await queryClient.invalidateQueries({ predicate: (query) => {
+				const key = query.queryKey;
+				return Array.isArray(key) && (key[0] === "walrus-site" || key[0] === "walrus-sites") || false;
+			} });
+			onExtendedBlobs?.(`Successfully extended ${blobIdToObjectIdMap.size} blob(s) by ${extendEpochs} epoch(s)`, digest);
+		} catch (error) {
+			console.error("Error extending blobs:", error);
+			onError?.(`Failed to extend blobs: ${error instanceof Error ? error.message : "Unknown error"}`);
+		} finally {
+			setIsExtending(false);
+		}
+	};
+	return {
+		state: {
+			isDeployed,
+			isAssigning,
+			isExtending,
+			isPublishDialogOpen,
+			isWorking,
+			certifiedBlobs,
+			epochs,
+			title: title$5,
+			iconUrl: imageUrl,
+			description: description$5,
+			link: link$3,
+			isEditingSiteMetadata,
+			deployStatus,
+			deployStatusText,
+			deployStepIndex,
+			walrusSiteUrl,
+			nsDomains,
+			isLoadingNsDomains,
+			isErrorNsDomains,
+			isSavingSiteMetadata,
+			associatedDomains
+		},
+		actions: {
+			handleRunDeploymentStep,
+			handleSaveSiteMetadata,
+			handleAssociateDomain,
+			handleExtendBlobs,
+			handleOpenDomainDialog,
+			handleOpenPublishingDialog,
+			handleCancelEditingSiteMetadata: siteMetadataStore.reset
+		}
+	};
+}
+
+//#endregion
+//#region src/hooks/useEpochDuration.ts
+function useEpochDuration(walrusClient) {
+	const [epochDurationMs, setEpochDurationMs] = useState(null);
+	useEffect(() => {
+		const fetchEpochDuration = async () => {
+			if (!walrusClient) return;
+			try {
+				const stakingState = await walrusClient.stakingState();
+				setEpochDurationMs(Number(stakingState.epoch_duration));
+			} catch (error) {
+				console.error("Error fetching epoch duration:", error);
+				setEpochDurationMs(1440 * 60 * 1e3);
+			}
+		};
+		fetchEpochDuration();
+	}, [walrusClient]);
+	const getExpirationDate = useMemo(() => {
+		return (epochs) => {
+			if (!epochDurationMs || !epochs || epochs <= 0) return null;
+			const now = Date.now();
+			return new Date(now + epochs * epochDurationMs);
+		};
+	}, [epochDurationMs]);
+	const formatDate = (date) => {
+		return new Intl.DateTimeFormat("en-US", {
+			year: "numeric",
+			month: "short",
+			day: "numeric",
+			hour: "2-digit",
+			minute: "2-digit"
+		}).format(date);
+	};
+	return {
+		epochDurationMs,
+		getExpirationDate,
+		formatDate
+	};
+}
+
+//#endregion
+//#region src/hooks/useSuiNsRegistration.ts
+function useSuiNsRegistration({ currentAccount, clients: { suiClient, queryClient, suinsClient }, signAndExecuteTransaction, sponsorConfig }) {
+	const txExecutor = useTransactionExecutor({
+		suiClient,
+		walletAddress: currentAccount?.address,
+		signAndExecuteTransaction,
+		sponsorConfig
+	});
+	const [searchName, setSearchName] = useState("");
+	const [isSearching, setIsSearching] = useState(false);
+	const [isAvailable, setIsAvailable] = useState(null);
+	const [isRegistering, setIsRegistering] = useState(false);
+	const [isSwapping, setIsSwapping] = useState(false);
+	const [estimatedPrice, setEstimatedPrice] = useState(null);
+	const [error, setError] = useState(null);
+	const normalizedName = searchName.toLowerCase().trim();
+	const fullName = normalizedName ? `${normalizedName}.sui` : "";
+	const network = suiClient.network;
+	const isMainnet = network === "mainnet";
+	const isTestnet = network === "testnet";
+	const WAL_COIN_TYPE = mainPackage[network]?.walrusCoinType;
+	const aggregatorClient = useMemo(() => {
+		if (!suiClient || !currentAccount || !isMainnet) return null;
+		return new AggregatorClient({
+			signer: currentAccount.address,
+			client: suiClient,
+			env: Env.Mainnet
+		});
+	}, [
+		suiClient,
+		currentAccount,
+		isMainnet
+	]);
+	return {
+		searchName,
+		setSearchName,
+		isSearching,
+		isAvailable,
+		isRegistering,
+		isSwapping,
+		estimatedPrice,
+		error,
+		normalizedName,
+		fullName,
+		handleSearch: useCallback(async () => {
+			if (!normalizedName || !suinsClient) return;
+			if (normalizedName.length < 3) {
+				setError("Domain name must be at least 3 characters");
+				setIsAvailable(null);
+				setEstimatedPrice(null);
+				return;
+			}
+			setIsSearching(true);
+			setError(null);
+			setIsAvailable(null);
+			setEstimatedPrice(null);
+			try {
+				const available = !(await suinsClient.getNameRecord(fullName))?.nftId;
+				setIsAvailable(available);
+				if (available && currentAccount && isMainnet && WAL_COIN_TYPE && aggregatorClient) try {
+					const priceList = await suinsClient.getPriceList();
+					const nameLength = normalizedName.length;
+					let pricePerYear = 0;
+					for (const [[from, to], price] of priceList.entries()) if (nameLength >= from && nameLength <= to) {
+						pricePerYear = price;
+						break;
+					}
+					if (pricePerYear > 0) {
+						const totalPrice = pricePerYear * 1;
+						const requiredAmount = BigInt(Math.floor(totalPrice * 1.05));
+						const usdcBalance = (await suiClient.getCoins({
+							owner: currentAccount.address,
+							coinType: suinsClient.config.coins.USDC.type
+						})).data?.reduce((sum, coin) => sum + BigInt(coin.balance), 0n) ?? 0n;
+						const missingUsdc = usdcBalance < requiredAmount ? requiredAmount - usdcBalance : requiredAmount;
+						const baseWalAtomic = 1000000000n;
+						const rateRouter = await aggregatorClient.findRouters({
+							from: WAL_COIN_TYPE,
+							target: suinsClient.config.coins.USDC.type,
+							amount: new BN(baseWalAtomic.toString()),
+							byAmountIn: true,
+							providers: ["CETUS"]
+						});
+						if (rateRouter && !rateRouter.error && rateRouter.amountOut) {
+							const rawAmountOut = rateRouter.amountOut;
+							const usdcOutForOneWal = BigInt(rawAmountOut instanceof BN ? rawAmountOut.toString() : new BN(String(rawAmountOut)).toString());
+							if (usdcOutForOneWal > 0n) {
+								const exchangeRate = Number(baseWalAtomic) / Number(usdcOutForOneWal);
+								const estimatedWalNeeded = missingUsdc * BigInt(Math.ceil(exchangeRate));
+								setEstimatedPrice(`~${(Number(estimatedWalNeeded) / 1e9).toFixed(4)} WAL`);
+							} else setEstimatedPrice(`~${(Number(requiredAmount) / 1e6).toFixed(2)} USDC`);
+						} else setEstimatedPrice(`~${(Number(requiredAmount) / 1e6).toFixed(2)} USDC`);
+					}
+				} catch (priceError) {
+					console.error("Error estimating price:", priceError);
+				}
+			} catch (error$1) {
+				console.error("Error checking name:", error$1);
+				setIsAvailable(true);
+			} finally {
+				setIsSearching(false);
+			}
+		}, [
+			normalizedName,
+			fullName,
+			suinsClient,
+			currentAccount,
+			isMainnet,
+			WAL_COIN_TYPE,
+			aggregatorClient,
+			suiClient
+		]),
+		handleRegister: useCallback(async () => {
+			if (!suinsClient || !currentAccount || !isAvailable || !normalizedName) return;
+			if (!txExecutor) {
+				setError("Transaction executor not available");
+				return;
+			}
+			setIsRegistering(true);
+			setError(null);
+			try {
+				const priceList = await suinsClient.getPriceList();
+				const nameLength = normalizedName.length;
+				let pricePerYear = 0;
+				for (const [[from, to], price] of priceList.entries()) if (nameLength >= from && nameLength <= to) {
+					pricePerYear = price;
+					break;
+				}
+				if (pricePerYear === 0) throw new Error("Unable to determine price for this domain");
+				const years = 1;
+				const totalPrice = pricePerYear * years;
+				const coinType = isTestnet ? "SUI" : "USDC";
+				const coinConfig = suinsClient.config.coins[coinType];
+				const [usdcCoins, walCoins] = await Promise.all([isMainnet ? suiClient.getCoins({
+					owner: currentAccount.address,
+					coinType: suinsClient.config.coins.USDC.type
+				}) : Promise.resolve({ data: [] }), isMainnet && WAL_COIN_TYPE ? suiClient.getCoins({
+					owner: currentAccount.address,
+					coinType: WAL_COIN_TYPE
+				}) : Promise.resolve({ data: [] })]);
+				const usdcBalance = usdcCoins.data?.reduce((sum, coin) => sum + BigInt(coin.balance), 0n) ?? 0n;
+				const walBalance = walCoins.data?.reduce((sum, coin) => sum + BigInt(coin.balance), 0n) ?? 0n;
+				const requiredAmount = BigInt(Math.floor(totalPrice * 1.05));
+				if (isMainnet && coinType === "USDC") {
+					if (usdcBalance < requiredAmount) {
+						if (!aggregatorClient || !WAL_COIN_TYPE) throw new Error("Swap client not ready. Please try again in a few seconds.");
+						if (walBalance === 0n) throw new Error(`Insufficient USDC balance. Need approximately ${(Number(requiredAmount) / 1e6).toFixed(2)} USDC, but have ${(Number(usdcBalance) / 1e6).toFixed(2)} USDC. No WAL available to swap.`);
+						const missingUsdc = requiredAmount - usdcBalance;
+						const baseWalAtomic = 1000000000n;
+						const rateRouter = await aggregatorClient.findRouters({
+							from: WAL_COIN_TYPE,
+							target: suinsClient.config.coins.USDC.type,
+							amount: new BN(baseWalAtomic.toString()),
+							byAmountIn: true,
+							providers: ["CETUS"]
+						});
+						if (!rateRouter || rateRouter.error || !rateRouter.amountOut) {
+							const msg = rateRouter?.error?.msg || "Failed to fetch WAL → USDC rate from aggregator.";
+							throw new Error(msg);
+						}
+						const rawAmountOut = rateRouter.amountOut;
+						if (!rawAmountOut) throw new Error("Failed to get amount out from rate router");
+						const usdcOutForOneWal = BigInt(rawAmountOut instanceof BN ? rawAmountOut.toString() : new BN(String(rawAmountOut)).toString());
+						if (usdcOutForOneWal === 0n) throw new Error("Aggregator returned zero USDC for 1 WAL.");
+						const exchangeRate = Number(baseWalAtomic) / Number(usdcOutForOneWal);
+						const estimatedWalNeeded = missingUsdc * BigInt(Math.ceil(exchangeRate));
+						if (walBalance < estimatedWalNeeded) throw new Error(`Insufficient WAL balance. Need approximately ${(Number(estimatedWalNeeded) / 1e9).toFixed(4)} WAL to swap for USDC.`);
+						setIsSwapping(true);
+						try {
+							const amountWalBN = new BN(estimatedWalNeeded.toString());
+							const routerResult = await aggregatorClient.findRouters({
+								from: WAL_COIN_TYPE,
+								target: suinsClient.config.coins.USDC.type,
+								amount: amountWalBN,
+								byAmountIn: true,
+								providers: ["CETUS"]
+							});
+							if (!routerResult || routerResult.error) {
+								const msg = routerResult?.error?.msg || "Failed to find route to swap WAL to USDC for registration.";
+								throw new Error(msg);
+							}
+							if (routerResult.insufficientLiquidity) throw new Error("Insufficient liquidity to swap WAL to USDC for this registration amount.");
+							const swapTx = new Transaction();
+							swapTx.setSenderIfNotSet(currentAccount.address);
+							await aggregatorClient.fastRouterSwap({
+								router: routerResult,
+								txb: swapTx,
+								slippage: .005
+							});
+							swapTx.setGasBudget(5e7);
+							const swapDigest = await txExecutor.execute({
+								transaction: swapTx,
+								description: "Swap WAL to USDC for SuiNS registration"
+							});
+							await suiClient.waitForTransaction({ digest: swapDigest });
+							if (((await suiClient.getCoins({
+								owner: currentAccount.address,
+								coinType: suinsClient.config.coins.USDC.type
+							})).data?.reduce((sum, coin) => sum + BigInt(coin.balance), 0n) ?? 0n) < requiredAmount) throw new Error("Swap completed but still insufficient USDC balance. Please try again.");
+						} finally {
+							setIsSwapping(false);
+						}
+					}
+				}
+				const coins = await suiClient.getCoins({
+					owner: currentAccount.address,
+					coinType: coinConfig.type
+				});
+				if (coins.data.length === 0) throw new Error(`No ${coinType} coins found in your wallet`);
+				const maxPaymentAmount = Math.floor(totalPrice * 1.05);
+				const totalBalance = coins.data.reduce((sum, coin) => sum + BigInt(coin.balance), 0n);
+				const requiredBalance = BigInt(maxPaymentAmount) + 10000000n;
+				if (totalBalance < requiredBalance) throw new Error(`Insufficient balance. Need approximately ${(Number(requiredBalance) / 1e9).toFixed(4)} ${coinType}`);
+				const transaction = new Transaction();
+				transaction.setSenderIfNotSet(currentAccount.address);
+				const suinsTransaction = new SuinsTransaction(suinsClient, transaction);
+				let paymentCoin;
+				if (coinType === "SUI") paymentCoin = transaction.gas;
+				else {
+					const suiCoins = await suiClient.getCoins({
+						owner: currentAccount.address,
+						coinType: "0x2::sui::SUI"
+					});
+					if (suiCoins.data.length === 0) throw new Error("No SUI coins found for gas fees");
+					const primaryCoin = coins.data[0].coinObjectId;
+					if (coins.data.length > 1) transaction.mergeCoins(transaction.object(primaryCoin), coins.data.slice(1).map((coin) => transaction.object(coin.coinObjectId)));
+					paymentCoin = transaction.object(primaryCoin);
+					if (suiCoins.data.length > 1) transaction.mergeCoins(transaction.object(suiCoins.data[0].coinObjectId), suiCoins.data.slice(1).map((coin) => transaction.object(coin.coinObjectId)));
+				}
+				const registerParams = {
+					domain: fullName,
+					years,
+					coinConfig,
+					coin: paymentCoin
+				};
+				if (coinConfig.feed) registerParams.priceInfoObjectId = (await suinsClient.getPriceInfoObject(transaction, coinConfig.feed))[0];
+				const nft = suinsTransaction.register(registerParams);
+				suinsTransaction.setTargetAddress({
+					nft,
+					address: currentAccount.address
+				});
+				transaction.transferObjects([nft], currentAccount.address);
+				transaction.setGasBudget(5e7);
+				if (!txExecutor) throw new Error("Transaction executor not available");
+				const digest = await txExecutor.execute({
+					transaction,
+					description: "Register SuiNS domain"
+				});
+				await suiClient.waitForTransaction({ digest });
+				if (currentAccount?.address) queryClient.invalidateQueries({ queryKey: [
+					"suins-domains",
+					currentAccount.address,
+					network
+				] });
+				return true;
+			} catch (err) {
+				console.error("Error registering domain:", err);
+				setError(err instanceof Error ? err.message : "Failed to register domain");
+				return false;
+			} finally {
+				setIsRegistering(false);
+			}
+		}, [
+			suinsClient,
+			currentAccount,
+			isAvailable,
+			normalizedName,
+			fullName,
+			txExecutor,
+			isTestnet,
+			isMainnet,
+			WAL_COIN_TYPE,
+			aggregatorClient,
+			suiClient,
+			queryClient,
+			network
+		]),
+		reset: useCallback(() => {
+			setSearchName("");
+			setIsAvailable(null);
+			setEstimatedPrice(null);
+			setError(null);
+			setIsSearching(false);
+			setIsRegistering(false);
+			setIsSwapping(false);
+		}, [])
+	};
+}
+
+//#endregion
+//#region src/hooks/useZenFsWorkspace.ts
+function useZenFsWorkspace(workspaceDir = "/workspace", mountDir = "/workspace", queryClient) {
+	const [loading, setLoading] = useState(true);
+	const [fileManager, setFileManager] = useState(null);
+	useEffect(() => {
+		setLoading(true);
+		console.log("Initializing ZenFS FileManager at", workspaceDir);
+		const fm = new ZenFsFileManager(workspaceDir, mountDir);
+		setFileManager(fm);
+		fm.initialize().catch(() => {}).then(async () => {
+			await queryClient.invalidateQueries({ queryKey: ["zenfs", workspaceDir] });
+		}).finally(() => setLoading(false));
+	}, [
+		workspaceDir,
+		mountDir,
+		queryClient
+	]);
+	return {
+		loading,
+		fileManager
+	};
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/@vanilla-extract+recipes@0.5.7_@vanilla-extract+css@1.18.0/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-166334d7.cjs.prod.js
+var require_createRuntimeFn_166334d7_cjs_prod = /* @__PURE__ */ __commonJSMin(((exports) => {
+	function toPrimitive(t, r) {
+		if ("object" != typeof t || !t) return t;
+		var e = t[Symbol.toPrimitive];
+		if (void 0 !== e) {
+			var i = e.call(t, r || "default");
+			if ("object" != typeof i) return i;
+			throw new TypeError("@@toPrimitive must return a primitive value.");
+		}
+		return ("string" === r ? String : Number)(t);
+	}
+	function toPropertyKey(t) {
+		var i = toPrimitive(t, "string");
+		return "symbol" == typeof i ? i : String(i);
+	}
+	function _defineProperty(obj, key, value) {
+		key = toPropertyKey(key);
+		if (key in obj) Object.defineProperty(obj, key, {
+			value,
+			enumerable: true,
+			configurable: true,
+			writable: true
+		});
+		else obj[key] = value;
+		return obj;
+	}
+	function ownKeys(e, r) {
+		var t = Object.keys(e);
+		if (Object.getOwnPropertySymbols) {
+			var o = Object.getOwnPropertySymbols(e);
+			r && (o = o.filter(function(r$1) {
+				return Object.getOwnPropertyDescriptor(e, r$1).enumerable;
+			})), t.push.apply(t, o);
+		}
+		return t;
+	}
+	function _objectSpread2(e) {
+		for (var r = 1; r < arguments.length; r++) {
+			var t = null != arguments[r] ? arguments[r] : {};
+			r % 2 ? ownKeys(Object(t), !0).forEach(function(r$1) {
+				_defineProperty(e, r$1, t[r$1]);
+			}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r$1) {
+				Object.defineProperty(e, r$1, Object.getOwnPropertyDescriptor(t, r$1));
+			});
+		}
+		return e;
+	}
+	function mapValues(input$1, fn) {
+		var result = {};
+		for (var _key in input$1) result[_key] = fn(input$1[_key], _key);
+		return result;
+	}
+	var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
+		for (var key of Object.keys(compoundCheck)) {
+			var _selections$key;
+			if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) return false;
+		}
+		return true;
+	};
+	var createRuntimeFn = (config) => {
+		var runtimeFn = (options) => {
+			var className = config.defaultClassName;
+			var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+			for (var variantName in selections) {
+				var _selections$variantNa;
+				var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
+				if (variantSelection != null) {
+					var selection = variantSelection;
+					if (typeof selection === "boolean") selection = selection === true ? "true" : "false";
+					var selectionClassName = config.variantClassNames[variantName][selection];
+					if (selectionClassName) className += " " + selectionClassName;
+				}
+			}
+			for (var [compoundCheck, compoundClassName] of config.compoundVariants) if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += " " + compoundClassName;
+			return className;
+		};
+		runtimeFn.variants = () => Object.keys(config.variantClassNames);
+		runtimeFn.classNames = {
+			get base() {
+				return config.defaultClassName.split(" ")[0];
+			},
+			get variants() {
+				return mapValues(config.variantClassNames, (classNames) => mapValues(classNames, (className) => className.split(" ")[0]));
+			}
+		};
+		return runtimeFn;
+	};
+	exports.createRuntimeFn = createRuntimeFn;
+	exports.mapValues = mapValues;
+}));
+
+//#endregion
+//#region ../../node_modules/.pnpm/@vanilla-extract+recipes@0.5.7_@vanilla-extract+css@1.18.0/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.cjs.prod.js
+var require_vanilla_extract_recipes_createRuntimeFn_cjs_prod = /* @__PURE__ */ __commonJSMin(((exports) => {
+	Object.defineProperty(exports, "__esModule", { value: true });
+	var createRuntimeFn_dist_vanillaExtractRecipesCreateRuntimeFn = require_createRuntimeFn_166334d7_cjs_prod();
+	exports.createRuntimeFn = createRuntimeFn_dist_vanillaExtractRecipesCreateRuntimeFn.createRuntimeFn;
+}));
+
+//#endregion
+//#region ../../node_modules/.pnpm/@vanilla-extract+recipes@0.5.7_@vanilla-extract+css@1.18.0/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-2f250aaf.cjs.dev.js
+var require_createRuntimeFn_2f250aaf_cjs_dev = /* @__PURE__ */ __commonJSMin(((exports) => {
+	function toPrimitive(t, r) {
+		if ("object" != typeof t || !t) return t;
+		var e = t[Symbol.toPrimitive];
+		if (void 0 !== e) {
+			var i = e.call(t, r || "default");
+			if ("object" != typeof i) return i;
+			throw new TypeError("@@toPrimitive must return a primitive value.");
+		}
+		return ("string" === r ? String : Number)(t);
+	}
+	function toPropertyKey(t) {
+		var i = toPrimitive(t, "string");
+		return "symbol" == typeof i ? i : String(i);
+	}
+	function _defineProperty(obj, key, value) {
+		key = toPropertyKey(key);
+		if (key in obj) Object.defineProperty(obj, key, {
+			value,
+			enumerable: true,
+			configurable: true,
+			writable: true
+		});
+		else obj[key] = value;
+		return obj;
+	}
+	function ownKeys(e, r) {
+		var t = Object.keys(e);
+		if (Object.getOwnPropertySymbols) {
+			var o = Object.getOwnPropertySymbols(e);
+			r && (o = o.filter(function(r$1) {
+				return Object.getOwnPropertyDescriptor(e, r$1).enumerable;
+			})), t.push.apply(t, o);
+		}
+		return t;
+	}
+	function _objectSpread2(e) {
+		for (var r = 1; r < arguments.length; r++) {
+			var t = null != arguments[r] ? arguments[r] : {};
+			r % 2 ? ownKeys(Object(t), !0).forEach(function(r$1) {
+				_defineProperty(e, r$1, t[r$1]);
+			}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r$1) {
+				Object.defineProperty(e, r$1, Object.getOwnPropertyDescriptor(t, r$1));
+			});
+		}
+		return e;
+	}
+	function mapValues(input$1, fn) {
+		var result = {};
+		for (var _key in input$1) result[_key] = fn(input$1[_key], _key);
+		return result;
+	}
+	var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
+		for (var key of Object.keys(compoundCheck)) {
+			var _selections$key;
+			if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) return false;
+		}
+		return true;
+	};
+	var createRuntimeFn = (config) => {
+		var runtimeFn = (options) => {
+			var className = config.defaultClassName;
+			var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+			for (var variantName in selections) {
+				var _selections$variantNa;
+				var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
+				if (variantSelection != null) {
+					var selection = variantSelection;
+					if (typeof selection === "boolean") selection = selection === true ? "true" : "false";
+					var selectionClassName = config.variantClassNames[variantName][selection];
+					if (selectionClassName) className += " " + selectionClassName;
+				}
+			}
+			for (var [compoundCheck, compoundClassName] of config.compoundVariants) if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += " " + compoundClassName;
+			return className;
+		};
+		runtimeFn.variants = () => Object.keys(config.variantClassNames);
+		runtimeFn.classNames = {
+			get base() {
+				return config.defaultClassName.split(" ")[0];
+			},
+			get variants() {
+				return mapValues(config.variantClassNames, (classNames) => mapValues(classNames, (className) => className.split(" ")[0]));
+			}
+		};
+		return runtimeFn;
+	};
+	exports.createRuntimeFn = createRuntimeFn;
+	exports.mapValues = mapValues;
+}));
+
+//#endregion
+//#region ../../node_modules/.pnpm/@vanilla-extract+recipes@0.5.7_@vanilla-extract+css@1.18.0/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.cjs.dev.js
+var require_vanilla_extract_recipes_createRuntimeFn_cjs_dev = /* @__PURE__ */ __commonJSMin(((exports) => {
+	Object.defineProperty(exports, "__esModule", { value: true });
+	var createRuntimeFn_dist_vanillaExtractRecipesCreateRuntimeFn = require_createRuntimeFn_2f250aaf_cjs_dev();
+	exports.createRuntimeFn = createRuntimeFn_dist_vanillaExtractRecipesCreateRuntimeFn.createRuntimeFn;
+}));
+
+//#endregion
+//#region ../../node_modules/.pnpm/@vanilla-extract+recipes@0.5.7_@vanilla-extract+css@1.18.0/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.cjs.js
+var require_vanilla_extract_recipes_createRuntimeFn_cjs = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	if (process.env.NODE_ENV === "production") module.exports = require_vanilla_extract_recipes_createRuntimeFn_cjs_prod();
+	else module.exports = require_vanilla_extract_recipes_createRuntimeFn_cjs_dev();
+}));
+
+//#endregion
+//#region src/components/ui/Banner.css.ts
+var import_vanilla_extract_recipes_createRuntimeFn_cjs = require_vanilla_extract_recipes_createRuntimeFn_cjs();
+var banner = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntimeFn)({
+	defaultClassName: "Banner_banner__z4crwg0",
+	variantClassNames: { variant: {
+		info: "Banner_banner_variant_info__z4crwg1",
+		success: "Banner_banner_variant_success__z4crwg2",
+		warning: "Banner_banner_variant_warning__z4crwg3",
+		alert: "Banner_banner_variant_alert__z4crwg4",
+		error: "Banner_banner_variant_error__z4crwg5"
+	} },
+	defaultVariants: { variant: "info" },
+	compoundVariants: []
+});
+var closeButton$1 = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntimeFn)({
+	defaultClassName: "Banner_closeButton__z4crwgx",
+	variantClassNames: { variant: {
+		info: "Banner_closeButton_variant_info__z4crwgy",
+		success: "Banner_closeButton_variant_success__z4crwgz",
+		warning: "Banner_closeButton_variant_warning__z4crwg10",
+		alert: "Banner_closeButton_variant_alert__z4crwg11",
+		error: "Banner_closeButton_variant_error__z4crwg12"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+var closeIcon = "Banner_closeIcon__z4crwg13";
+var content$4 = "Banner_content__z4crwg7";
+var description$4 = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntimeFn)({
+	defaultClassName: "Banner_description__z4crwgr",
+	variantClassNames: { variant: {
+		info: "Banner_description_variant_info__z4crwgs",
+		success: "Banner_description_variant_success__z4crwgt",
+		warning: "Banner_description_variant_warning__z4crwgu",
+		alert: "Banner_description_variant_alert__z4crwgv",
+		error: "Banner_description_variant_error__z4crwgw"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+var gridPattern = "Banner_gridPattern__z4crwg6";
+var icon = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntimeFn)({
+	defaultClassName: "Banner_icon__z4crwge",
+	variantClassNames: { variant: {
+		info: "Banner_icon_variant_info__z4crwgf",
+		success: "Banner_icon_variant_success__z4crwgg",
+		warning: "Banner_icon_variant_warning__z4crwgh",
+		alert: "Banner_icon_variant_alert__z4crwgi",
+		error: "Banner_icon_variant_error__z4crwgj"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+var iconContainer = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntimeFn)({
+	defaultClassName: "Banner_iconContainer__z4crwg8",
+	variantClassNames: { variant: {
+		info: "Banner_iconContainer_variant_info__z4crwg9",
+		success: "Banner_iconContainer_variant_success__z4crwga",
+		warning: "Banner_iconContainer_variant_warning__z4crwgb",
+		alert: "Banner_iconContainer_variant_alert__z4crwgc",
+		error: "Banner_iconContainer_variant_error__z4crwgd"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+var link$2 = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntimeFn)({
+	defaultClassName: "Banner_link__z4crwg14",
+	variantClassNames: { variant: {
+		info: "Banner_link_variant_info__z4crwg15",
+		success: "Banner_link_variant_success__z4crwg16",
+		warning: "Banner_link_variant_warning__z4crwg17",
+		alert: "Banner_link_variant_alert__z4crwg18",
+		error: "Banner_link_variant_error__z4crwg19"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+var textContainer = "Banner_textContainer__z4crwgk";
+var title$4 = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntimeFn)({
+	defaultClassName: "Banner_title__z4crwgl",
+	variantClassNames: { variant: {
+		info: "Banner_title_variant_info__z4crwgm",
+		success: "Banner_title_variant_success__z4crwgn",
+		warning: "Banner_title_variant_warning__z4crwgo",
+		alert: "Banner_title_variant_alert__z4crwgp",
+		error: "Banner_title_variant_error__z4crwgq"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+
+//#endregion
+//#region src/components/ui/Banner.tsx
+const defaultIcons = {
+	info: /* @__PURE__ */ jsx(Link2, {
+		style: {
+			width: "1rem",
+			height: "1rem"
+		},
+		strokeWidth: 1.5
+	}),
+	success: /* @__PURE__ */ jsx(CheckCircle, {
+		style: {
+			width: "1rem",
+			height: "1rem"
+		},
+		strokeWidth: 1.5
+	}),
+	warning: /* @__PURE__ */ jsx(AlertTriangle, {
+		style: {
+			width: "1rem",
+			height: "1rem"
+		},
+		strokeWidth: 1.5
+	}),
+	alert: /* @__PURE__ */ jsx(AlertCircle, {
+		style: {
+			width: "1rem",
+			height: "1rem"
+		},
+		strokeWidth: 1.5
+	}),
+	error: /* @__PURE__ */ jsx(XCircle, {
+		style: {
+			width: "1rem",
+			height: "1rem"
+		},
+		strokeWidth: 1.5
+	})
+};
+const Banner = ({ title: titleText, description: descriptionText, icon: customIcon, showIcon = true, className = "", variant = "info", onClose, url, urlName }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: `${banner({ variant })} ${className}`,
+		children: [
+			/* @__PURE__ */ jsxs("svg", {
+				className: gridPattern,
+				width: "100%",
+				height: "100%",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("pattern", {
+					id: `grid-pattern-${variant}`,
+					x: "-1",
+					y: "-2",
+					width: "13",
+					height: "13",
+					patternUnits: "userSpaceOnUse",
+					children: /* @__PURE__ */ jsx("path", {
+						d: "M 13 0 L 0 0 0 13",
+						fill: "transparent",
+						stroke: "currentColor",
+						strokeWidth: "1",
+						children: /* @__PURE__ */ jsx("title", { children: "Grid pattern" })
+					})
+				}) }), /* @__PURE__ */ jsx("rect", {
+					fill: `url(#grid-pattern-${variant})`,
+					width: "100%",
+					height: "100%"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: content$4,
+				children: [showIcon && /* @__PURE__ */ jsx("div", {
+					className: iconContainer({ variant }),
+					children: /* @__PURE__ */ jsx("div", {
+						className: icon({ variant }),
+						children: customIcon || defaultIcons[variant]
+					})
+				}), /* @__PURE__ */ jsxs("div", {
+					className: textContainer,
+					children: [/* @__PURE__ */ jsx("h3", {
+						className: title$4({ variant }),
+						children: titleText
+					}), descriptionText && /* @__PURE__ */ jsxs("p", {
+						className: description$4({ variant }),
+						children: [descriptionText, url && urlName && /* @__PURE__ */ jsxs(Fragment, { children: [" ", /* @__PURE__ */ jsx("a", {
+							href: url,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: link$2({ variant }),
+							children: urlName
+						})] })]
+					})]
+				})]
+			}),
+			onClose && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: onClose,
+				className: closeButton$1({ variant }),
+				"aria-label": "Close banner",
+				children: /* @__PURE__ */ jsx("svg", {
+					className: closeIcon,
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsx("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M6 18L18 6M6 6l12 12",
+						children: /* @__PURE__ */ jsx("title", { children: "Close icon" })
+					})
+				})
+			})
+		]
+	});
+};
+
+//#endregion
+//#region src/components/ui/Button.css.ts
+var button = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntimeFn)({
+	defaultClassName: "Button_button__1267jvj0",
+	variantClassNames: {
+		variant: {
+			"default": "Button_button_variant_default__1267jvj1",
+			outline: "Button_button_variant_outline__1267jvj2",
+			ghost: "Button_button_variant_ghost__1267jvj3",
+			destructive: "Button_button_variant_destructive__1267jvj4",
+			gradient: "Button_button_variant_gradient__1267jvj5"
+		},
+		size: {
+			"default": "Button_button_size_default__1267jvj6",
+			sm: "Button_button_size_sm__1267jvj7",
+			lg: "Button_button_size_lg__1267jvj8",
+			icon: "Button_button_size_icon__1267jvj9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	},
+	compoundVariants: []
+});
+
+//#endregion
+//#region src/components/ui/Button.tsx
+const Button = ({ variant = "default", size = "default", className = "", children, ...props }) => {
+	return /* @__PURE__ */ jsx("button", {
+		className: `${button({
+			variant,
+			size
+		})} ${className}`,
+		...props,
+		children
+	});
+};
+
+//#endregion
+//#region src/components/ui/FlickeringGrid.css.ts
+var canvas = "FlickeringGrid_canvas__1e33elw1";
+var container = "FlickeringGrid_container__1e33elw0";
+
+//#endregion
+//#region src/components/ui/FlickeringGrid.tsx
+const FlickeringGrid = ({ squareSize = 4, gridGap = 6, flickerChance = .3, color = "rgb(0, 0, 0)", width, height, className = "", maxOpacity = .3, ...props }) => {
+	const canvasRef = useRef(null);
+	const containerRef = useRef(null);
+	const [isInView, setIsInView] = useState(false);
+	const [canvasSize, setCanvasSize] = useState({
+		width: 0,
+		height: 0
+	});
+	const memoizedColor = useMemo(() => {
+		const toRGBA = (color$1) => {
+			if (typeof window === "undefined") return "rgba(0, 0, 0,";
+			const canvasEl = document.createElement("canvas");
+			canvasEl.width = canvasEl.height = 1;
+			const ctx = canvasEl.getContext("2d");
+			if (!ctx) return "rgba(255, 0, 0,";
+			ctx.fillStyle = color$1;
+			ctx.fillRect(0, 0, 1, 1);
+			const [r, g, b] = Array.from(ctx.getImageData(0, 0, 1, 1).data);
+			return `rgba(${r}, ${g}, ${b},`;
+		};
+		return toRGBA(color);
+	}, [color]);
+	const setupCanvas = useCallback((canvasEl, width$1, height$1) => {
+		const dpr = window.devicePixelRatio || 1;
+		canvasEl.width = width$1 * dpr;
+		canvasEl.height = height$1 * dpr;
+		canvasEl.style.width = `${width$1}px`;
+		canvasEl.style.height = `${height$1}px`;
+		const cols = Math.floor(width$1 / (squareSize + gridGap));
+		const rows = Math.floor(height$1 / (squareSize + gridGap));
+		const squares = new Float32Array(cols * rows);
+		for (let i = 0; i < squares.length; i++) squares[i] = Math.random() * maxOpacity;
+		return {
+			cols,
+			rows,
+			squares,
+			dpr
+		};
+	}, [
+		squareSize,
+		gridGap,
+		maxOpacity
+	]);
+	const updateSquares = useCallback((squares, deltaTime) => {
+		for (let i = 0; i < squares.length; i++) if (Math.random() < flickerChance * deltaTime) squares[i] = Math.random() * maxOpacity;
+	}, [flickerChance, maxOpacity]);
+	const drawGrid = useCallback((ctx, width$1, height$1, cols, rows, squares, dpr) => {
+		ctx.clearRect(0, 0, width$1, height$1);
+		ctx.fillStyle = "transparent";
+		ctx.fillRect(0, 0, width$1, height$1);
+		for (let i = 0; i < cols; i++) for (let j = 0; j < rows; j++) {
+			ctx.fillStyle = `${memoizedColor}${squares[i * rows + j]})`;
+			ctx.fillRect(i * (squareSize + gridGap) * dpr, j * (squareSize + gridGap) * dpr, squareSize * dpr, squareSize * dpr);
+		}
+	}, [
+		memoizedColor,
+		squareSize,
+		gridGap
+	]);
+	useEffect(() => {
+		const canvasEl = canvasRef.current;
+		const container$1 = containerRef.current;
+		if (!canvasEl || !container$1) return;
+		const ctx = canvasEl.getContext("2d");
+		if (!ctx) return;
+		let animationFrameId;
+		let gridParams;
+		const updateCanvasSize = () => {
+			const newWidth = width || container$1.clientWidth;
+			const newHeight = height || container$1.clientHeight;
+			setCanvasSize({
+				width: newWidth,
+				height: newHeight
+			});
+			gridParams = setupCanvas(canvasEl, newWidth, newHeight);
+		};
+		updateCanvasSize();
+		let lastTime = 0;
+		const animate = (time) => {
+			if (!isInView) return;
+			const deltaTime = (time - lastTime) / 1e3;
+			lastTime = time;
+			updateSquares(gridParams.squares, deltaTime);
+			drawGrid(ctx, canvasEl.width, canvasEl.height, gridParams.cols, gridParams.rows, gridParams.squares, gridParams.dpr);
+			animationFrameId = requestAnimationFrame(animate);
+		};
+		const resizeObserver = new ResizeObserver(() => {
+			updateCanvasSize();
+		});
+		resizeObserver.observe(container$1);
+		const intersectionObserver = new IntersectionObserver(([entry]) => {
+			setIsInView(entry.isIntersecting);
+		}, { threshold: 0 });
+		intersectionObserver.observe(canvasEl);
+		if (isInView) animationFrameId = requestAnimationFrame(animate);
+		return () => {
+			cancelAnimationFrame(animationFrameId);
+			resizeObserver.disconnect();
+			intersectionObserver.disconnect();
+		};
+	}, [
+		setupCanvas,
+		updateSquares,
+		drawGrid,
+		width,
+		height,
+		isInView
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: containerRef,
+		className: `${container} ${className}`,
+		...props,
+		children: /* @__PURE__ */ jsx("canvas", {
+			ref: canvasRef,
+			className: canvas,
+			style: {
+				width: canvasSize.width,
+				height: canvasSize.height
+			}
+		})
+	});
+};
+
+//#endregion
+//#region src/components/ui/Input.css.ts
+var input = "Input_input__50i2wa0";
+var label = "Input_label__50i2wa1";
+var textarea = "Input_textarea__50i2wa2";
+
+//#endregion
+//#region src/components/ui/Input.tsx
+const Input = forwardRef(({ className = "", ...props }, ref) => {
+	return /* @__PURE__ */ jsx("input", {
+		ref,
+		className: `${input} ${className}`,
+		...props
+	});
+});
+Input.displayName = "Input";
+const Label = ({ className = "", children, ...props }) => {
+	return /* @__PURE__ */ jsx("label", {
+		className: `${label} ${className}`,
+		...props,
+		children
+	});
+};
+const Textarea = ({ className = "", ...props }) => {
+	return /* @__PURE__ */ jsx("textarea", {
+		className: `${textarea} ${className}`,
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/ui/Stepper.css.ts
+var stepContainer = "Stepper_stepContainer__e4qgi3";
+var stepDot = "Stepper_stepDot__e4qgie";
+var stepIndicator = "Stepper_stepIndicator__e4qgi4";
+var stepIndicatorActive = "Stepper_stepIndicatorActive__e4qgi6";
+var stepIndicatorCompleted = "Stepper_stepIndicatorCompleted__e4qgi5";
+var stepIndicatorPending = "Stepper_stepIndicatorPending__e4qgi7";
+var stepLabel = "Stepper_stepLabel__e4qgib";
+var stepLabelActive = "Stepper_stepLabelActive__e4qgic";
+var stepLabelInactive = "Stepper_stepLabelInactive__e4qgid";
+var stepLine = "Stepper_stepLine__e4qgi8";
+var stepLineCompleted = "Stepper_stepLineCompleted__e4qgi9";
+var stepLinePending = "Stepper_stepLinePending__e4qgia";
+var stepSpinner = "Stepper_stepSpinner__e4qgif";
+var stepperContainer = "Stepper_stepperContainer__e4qgi1";
+var stepperWrapper = "Stepper_stepperWrapper__e4qgi2";
+
+//#endregion
+//#region src/components/ui/Stepper.tsx
+const Step = ({ title: title$5, isLoading, isCompleted, isActive, isLast }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: stepContainer,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: `${stepIndicator} ${isCompleted ? stepIndicatorCompleted : isActive ? stepIndicatorActive : stepIndicatorPending}`,
+				children: isCompleted ? /* @__PURE__ */ jsxs("svg", {
+					width: "16",
+					height: "16",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: [/* @__PURE__ */ jsx("title", { children: "Check" }), /* @__PURE__ */ jsx("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M5 13l4 4L19 7"
+					})]
+				}) : isLoading ? /* @__PURE__ */ jsx("div", { className: stepSpinner }) : /* @__PURE__ */ jsx("div", { className: stepDot })
+			}),
+			!isLast && /* @__PURE__ */ jsx("div", { className: `${stepLine} ${isCompleted ? stepLineCompleted : stepLinePending}` }),
+			/* @__PURE__ */ jsx("span", {
+				className: `${stepLabel} ${isActive || isCompleted ? stepLabelActive : stepLabelInactive}`,
+				children: title$5
+			})
+		]
+	});
+};
+const Stepper = ({ steps, currentStep, isLoading }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: stepperContainer,
+		children: /* @__PURE__ */ jsx("div", {
+			className: stepperWrapper,
+			children: steps.map((step, index) => /* @__PURE__ */ jsx(Step, {
+				title: step.title,
+				description: step.description,
+				isCompleted: index < currentStep,
+				isLoading: isLoading && index === currentStep,
+				isActive: index === currentStep,
+				isLast: index === steps.length - 1
+			}, step.title))
+		})
+	});
+};
+
+//#endregion
+//#region src/components/extend-time-dialog/ExtendTimeDialog.css.ts
+var body$1 = "ExtendTimeDialog_body__1augvc0a";
+var closeButton = "ExtendTimeDialog_closeButton__1augvc09";
+var content$3 = "ExtendTimeDialog_content__1augvc02";
+var dateInputWrapper = "ExtendTimeDialog_dateInputWrapper__1augvc0d";
+var description$3 = "ExtendTimeDialog_description__1augvc08";
+var errorText = "ExtendTimeDialog_errorText__1augvc0h";
+var fieldGroup = "ExtendTimeDialog_fieldGroup__1augvc0c";
+var footer$1 = "ExtendTimeDialog_footer__1augvc0r";
+var formSection = "ExtendTimeDialog_formSection__1augvc0b";
+var header$2 = "ExtendTimeDialog_header__1augvc06";
+var infoText = "ExtendTimeDialog_infoText__1augvc0g";
+var inputError = "ExtendTimeDialog_inputError__1augvc0f";
+var loadingContent = "ExtendTimeDialog_loadingContent__1augvc04";
+var loadingOverlay = "ExtendTimeDialog_loadingOverlay__1augvc03";
+var overlay$2 = "ExtendTimeDialog_overlay__1augvc01";
+var spinner$1 = "ExtendTimeDialog_spinner__1augvc05";
+var summaryCard = "ExtendTimeDialog_summaryCard__1augvc0j";
+var summaryContent = "ExtendTimeDialog_summaryContent__1augvc0l";
+var summaryError = "ExtendTimeDialog_summaryError__1augvc0o";
+var summaryGrid = "ExtendTimeDialog_summaryGrid__1augvc0i";
+var summaryHeader = "ExtendTimeDialog_summaryHeader__1augvc0k";
+var summarySubtext = "ExtendTimeDialog_summarySubtext__1augvc0n";
+var summaryValue = "ExtendTimeDialog_summaryValue__1augvc0m";
+var title$3 = "ExtendTimeDialog_title__1augvc07";
+
+//#endregion
+//#region src/components/extend-time-dialog/ExtendTimeDialog.tsx
+const ExtendTimeDialog = ({ siteId, currentAccount, clients: { suiClient, queryClient, walrusClient }, signAndExecuteTransaction, sponsorConfig, onSuccess }) => {
+	const isOpen = useStore(isExtendTimeDialogOpen);
+	const [selectedDate, setSelectedDate] = useState("");
+	const [epochs, setEpochs] = useState(1);
+	const [isExtending, setIsExtending] = useState(false);
+	const [dateError, setDateError] = useState(null);
+	const [currentEpochsRemaining, setCurrentEpochsRemaining] = useState(null);
+	const [expirationDates, setExpirationDates] = useState(/* @__PURE__ */ new Map());
+	const { epochDurationMs, formatDate } = useEpochDuration(walrusClient);
+	const txExecutor = useTransactionExecutor({
+		suiClient,
+		walletAddress: currentAccount?.address,
+		signAndExecuteTransaction,
+		sponsorConfig
+	});
+	const { data: siteData } = useWalrusSiteQuery(siteId, {
+		suiClient,
+		queryClient
+	});
+	const fetchExpirationDates = useCallback(async () => {
+		if (!siteId || !walrusClient || !currentAccount || !siteData?.resources) return;
+		try {
+			const blobType = await walrusClient.getBlobType();
+			const datesMap = /* @__PURE__ */ new Map();
+			const stakingState = await walrusClient.stakingState();
+			const currentEpoch = Number(stakingState.epoch);
+			const epochDuration = Number(stakingState.epoch_duration);
+			let cursor = null;
+			let hasNextPage = true;
+			while (hasNextPage) {
+				const ownedObjects = await suiClient.getOwnedObjects({
+					owner: currentAccount.address,
+					filter: { StructType: blobType },
+					options: { showContent: true },
+					cursor
+				});
+				for (const resource of siteData.resources) {
+					const blobId = resource.blob_id;
+					if (datesMap.has(blobId)) continue;
+					for (const obj of ownedObjects.data) if (obj.data?.content && "fields" in obj.data.content) {
+						const fields = obj.data.content.fields;
+						if ("blob_id" in fields) {
+							if (String(fields.blob_id) === blobId) {
+								const storage = fields.storage;
+								if (storage?.fields?.end_epoch !== void 0) {
+									const remainingEpochs = Number(storage.fields.end_epoch) - currentEpoch;
+									const expirationTime = Date.now() + remainingEpochs * epochDuration;
+									datesMap.set(blobId, new Date(expirationTime));
+									break;
+								}
+							}
+						}
+					}
+				}
+				hasNextPage = ownedObjects.hasNextPage;
+				cursor = ownedObjects.nextCursor;
+			}
+			setExpirationDates(datesMap);
+		} catch (error) {
+			console.error("Error fetching expiration dates:", error);
+		}
+	}, [
+		siteId,
+		walrusClient,
+		currentAccount,
+		suiClient,
+		siteData
+	]);
+	useEffect(() => {
+		if (isOpen && siteId) fetchExpirationDates();
+	}, [
+		isOpen,
+		siteId,
+		fetchExpirationDates
+	]);
+	const currentExpiredDateMemo = useMemo(() => {
+		if (!siteData?.resources || siteData.resources.length === 0) return null;
+		const timestamps = siteData.resources.map((resource) => expirationDates.get(resource.blob_id)?.getTime()).filter((timestamp) => typeof timestamp === "number");
+		if (timestamps.length === 0) return null;
+		return new Date(Math.min(...timestamps));
+	}, [siteData?.resources, expirationDates]);
+	useEffect(() => {
+		if (!currentExpiredDateMemo || !epochDurationMs) {
+			setCurrentEpochsRemaining(null);
+			return;
+		}
+		const now = Date.now();
+		if (currentExpiredDateMemo.getTime() <= now) {
+			setCurrentEpochsRemaining(0);
+			return;
+		}
+		setCurrentEpochsRemaining(Math.ceil((currentExpiredDateMemo.getTime() - now) / epochDurationMs));
+	}, [currentExpiredDateMemo, epochDurationMs]);
+	const minDate = useMemo(() => {
+		if (!epochDurationMs || !currentExpiredDateMemo) return "";
+		const now = Date.now();
+		const currentExpiration = currentExpiredDateMemo.getTime();
+		const minFromNow = now + 1 * epochDurationMs;
+		const minTimestamp = Math.max(currentExpiration, minFromNow);
+		return new Date(minTimestamp).toISOString().slice(0, 10);
+	}, [epochDurationMs, currentExpiredDateMemo]);
+	const maxDate = useMemo(() => {
+		if (!epochDurationMs || !currentExpiredDateMemo) return "";
+		const maxTimestamp = currentExpiredDateMemo.getTime() + 365 * epochDurationMs;
+		return new Date(maxTimestamp).toISOString().slice(0, 10);
+	}, [epochDurationMs, currentExpiredDateMemo]);
+	const calculateEpochsFromDate = (dateString) => {
+		if (!epochDurationMs || !dateString || !currentExpiredDateMemo) return 1;
+		const diffMs = new Date(dateString).getTime() - currentExpiredDateMemo.getTime();
+		if (diffMs <= 0) return 1;
+		const exactEpochs = diffMs / epochDurationMs;
+		const roundedEpochs = Math.ceil(exactEpochs);
+		return Math.max(1, Math.min(365, roundedEpochs));
+	};
+	const handleDateChange = (e) => {
+		const newDate = e.target.value;
+		setSelectedDate(newDate);
+		setDateError(null);
+		if (!newDate) {
+			setEpochs(1);
+			return;
+		}
+		setEpochs(calculateEpochsFromDate(newDate));
+	};
+	const projectedDate = useMemo(() => {
+		if (!epochDurationMs || !currentExpiredDateMemo) return null;
+		const projectedTimestamp = currentExpiredDateMemo.getTime() + epochs * epochDurationMs;
+		return new Date(projectedTimestamp);
+	}, [
+		epochs,
+		currentExpiredDateMemo,
+		epochDurationMs
+	]);
+	useEffect(() => {
+		if (isOpen && epochDurationMs && currentExpiredDateMemo) {
+			const defaultTimestamp = currentExpiredDateMemo.getTime() + epochDurationMs;
+			setSelectedDate(new Date(defaultTimestamp).toISOString().slice(0, 10));
+			setEpochs(1);
+			setDateError(null);
+		}
+	}, [
+		isOpen,
+		epochDurationMs,
+		currentExpiredDateMemo
+	]);
+	const handleExtend = useCallback(async () => {
+		if (!walrusClient || !currentAccount || !siteData?.resources || siteData.resources.length === 0 || !siteId) {
+			setDateError("Cannot extend blobs: missing required data");
+			return;
+		}
+		if (!epochs || epochs <= 0 || epochs > 365) {
+			setDateError("Invalid epoch count. Must be between 1 and 365");
+			return;
+		}
+		if (!selectedDate) {
+			setDateError("Please select an expiration date");
+			return;
+		}
+		if (!txExecutor) {
+			setDateError("Transaction executor not available");
+			return;
+		}
+		setIsExtending(true);
+		setDateError(null);
+		try {
+			const blobType = await walrusClient.getBlobType();
+			const network = suiClient.network;
+			const walCoinType = mainPackage[network]?.walrusCoinType;
+			const walrusPackageId = mainPackage[network]?.walrusPackageId;
+			const systemObjectId = network === "mainnet" ? MAINNET_WALRUS_PACKAGE_CONFIG.systemObjectId : TESTNET_WALRUS_PACKAGE_CONFIG.systemObjectId;
+			if (!walCoinType || !walrusPackageId) throw new Error("Network configuration not found");
+			const blobIdToObjectIdMap = /* @__PURE__ */ new Map();
+			let cursor = null;
+			let hasNextPage = true;
+			while (hasNextPage) {
+				const ownedObjects = await suiClient.getOwnedObjects({
+					owner: currentAccount.address,
+					filter: { StructType: blobType },
+					options: { showContent: true },
+					cursor
+				});
+				for (const resource of siteData.resources) {
+					const blobId = resource.blob_id;
+					if (blobIdToObjectIdMap.has(blobId)) continue;
+					for (const obj of ownedObjects.data) if (obj.data?.content && "fields" in obj.data.content) {
+						const fields = obj.data.content.fields;
+						if ("blob_id" in fields) {
+							if (String(fields.blob_id) === blobId) {
+								blobIdToObjectIdMap.set(blobId, obj.data.objectId);
+								break;
+							}
+						}
+					}
+				}
+				hasNextPage = ownedObjects.hasNextPage;
+				cursor = ownedObjects.nextCursor;
+			}
+			if (blobIdToObjectIdMap.size === 0) throw new Error("No blob objects found for this site. Make sure you own the blob objects.");
+			const tx = new Transaction();
+			tx.setSender(currentAccount.address);
+			const walCoin = await suiClient.getCoins({
+				owner: currentAccount.address,
+				coinType: walCoinType
+			});
+			if (walCoin.data.length === 0) throw new Error("No WAL coins found in wallet. Please acquire WAL tokens first.");
+			if (walCoin.data.length > 1) tx.mergeCoins(tx.object(walCoin.data[0].coinObjectId), walCoin.data.slice(1).map((coin) => tx.object(coin.coinObjectId)));
+			for (const [_blobId, objectId] of blobIdToObjectIdMap.entries()) tx.moveCall({
+				package: walrusPackageId,
+				module: "system",
+				function: "extend_blob",
+				arguments: [
+					tx.object(systemObjectId),
+					tx.object(objectId),
+					tx.pure.u32(epochs),
+					tx.object(walCoin.data[0].coinObjectId)
+				]
+			});
+			const digest = await txExecutor.execute({
+				transaction: tx,
+				description: `Extending ${blobIdToObjectIdMap.size} blob(s) by ${epochs} epoch(s)`
+			});
+			await suiClient.waitForTransaction({ digest });
+			await queryClient.invalidateQueries({ predicate: (query) => {
+				const key = query.queryKey;
+				return Array.isArray(key) && (key[0] === "walrus-site" || key[0] === "walrus-sites") || false;
+			} });
+			await fetchExpirationDates();
+			const successMessage = `Successfully extended ${blobIdToObjectIdMap.size} blob(s) by ${epochs} epoch(s)`;
+			onSuccess?.(successMessage, digest);
+			isExtendTimeDialogOpen.set(false);
+			setSelectedDate("");
+			setEpochs(1);
+			setDateError(null);
+		} catch (error) {
+			console.error("Error extending blobs:", error);
+			setDateError(`Failed to extend: ${error instanceof Error ? error.message : "Unknown error"}`);
+		} finally {
+			setIsExtending(false);
+		}
+	}, [
+		walrusClient,
+		currentAccount,
+		siteData,
+		siteId,
+		epochs,
+		selectedDate,
+		txExecutor,
+		suiClient,
+		queryClient,
+		onSuccess,
+		fetchExpirationDates
+	]);
+	const handleClose = () => {
+		isExtendTimeDialogOpen.set(false);
+		setSelectedDate("");
+		setEpochs(1);
+		setDateError(null);
+	};
+	if (!siteId || !siteData) return null;
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open: isOpen,
+		onOpenChange: (open) => !open && handleClose(),
+		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, { className: overlay$2 }), /* @__PURE__ */ jsxs(Dialog.Content, {
+			className: content$3,
+			children: [
+				isExtending && /* @__PURE__ */ jsx("div", {
+					className: loadingOverlay,
+					children: /* @__PURE__ */ jsxs("div", {
+						className: loadingContent,
+						children: [/* @__PURE__ */ jsx(Loader2, { className: spinner$1 }), /* @__PURE__ */ jsx("p", { children: "Extending storage time..." })]
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: header$2,
+					children: [
+						/* @__PURE__ */ jsxs(Dialog.Title, {
+							className: title$3,
+							children: ["Extend Time for ", siteData.name]
+						}),
+						/* @__PURE__ */ jsx(Dialog.Description, {
+							className: description$3,
+							children: "Add epochs to extend the storage time for blobs in this site. Epochs will be added to the current expiration time."
+						}),
+						/* @__PURE__ */ jsx(Dialog.Close, {
+							asChild: true,
+							children: /* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: closeButton,
+								children: /* @__PURE__ */ jsx(X, { size: 20 })
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: body$1,
+					children: [
+						currentEpochsRemaining === 0 && /* @__PURE__ */ jsx(Banner, {
+							title: "Site Expired",
+							description: "This site has expired and cannot be extended. The blobs are no longer available on the Walrus network.",
+							variant: "warning"
+						}),
+						currentEpochsRemaining !== 0 && /* @__PURE__ */ jsx(Banner, {
+							title: "How Extension Works",
+							description: "Select a target expiration date. The system will calculate the required epochs to extend your blobs to that date. Duration is rounded up to the nearest epoch.",
+							variant: "info"
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: formSection,
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: fieldGroup,
+								children: [
+									/* @__PURE__ */ jsx(Label, {
+										htmlFor: "expiration-date",
+										children: "Target Expiration Date"
+									}),
+									/* @__PURE__ */ jsx("div", {
+										className: dateInputWrapper,
+										children: /* @__PURE__ */ jsx(Input, {
+											id: "expiration-date",
+											type: "date",
+											value: selectedDate,
+											min: minDate,
+											max: maxDate,
+											onChange: handleDateChange,
+											disabled: currentEpochsRemaining === 0 || isExtending,
+											className: dateError ? inputError : ""
+										})
+									}),
+									epochDurationMs && /* @__PURE__ */ jsxs("div", {
+										className: infoText,
+										children: [/* @__PURE__ */ jsx(Info, { size: 14 }), /* @__PURE__ */ jsxs("span", { children: [
+											"1 epoch ≈",
+											" ",
+											(epochDurationMs / (1e3 * 60 * 60 * 24)).toFixed(1),
+											" ",
+											"days • Duration rounded up. Maximum 365 epochs per extend."
+										] })]
+									}),
+									dateError && /* @__PURE__ */ jsx("p", {
+										className: errorText,
+										children: dateError
+									})
+								]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: summaryGrid,
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: summaryCard,
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: summaryHeader,
+										children: [/* @__PURE__ */ jsx(Calendar, { size: 14 }), /* @__PURE__ */ jsx("span", { children: "Current Expiration" })]
+									}), currentExpiredDateMemo ? /* @__PURE__ */ jsxs("div", {
+										className: summaryContent,
+										children: [
+											/* @__PURE__ */ jsx("div", {
+												className: summaryValue,
+												children: formatDate(currentExpiredDateMemo)
+											}),
+											currentEpochsRemaining !== null && currentEpochsRemaining > 0 && /* @__PURE__ */ jsxs("div", {
+												className: summarySubtext,
+												children: [
+													currentEpochsRemaining,
+													" epoch",
+													currentEpochsRemaining !== 1 ? "s" : "",
+													" remaining"
+												]
+											}),
+											currentEpochsRemaining === 0 && /* @__PURE__ */ jsx("div", {
+												className: summaryError,
+												children: "Expired"
+											})
+										]
+									}) : /* @__PURE__ */ jsx("div", {
+										className: summaryValue,
+										children: "Unavailable"
+									})]
+								}), /* @__PURE__ */ jsxs("div", {
+									className: summaryCard,
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: summaryHeader,
+										children: [/* @__PURE__ */ jsx(Clock, { size: 14 }), /* @__PURE__ */ jsx("span", { children: "New Expiration Date" })]
+									}), projectedDate ? /* @__PURE__ */ jsxs("div", {
+										className: summaryContent,
+										children: [/* @__PURE__ */ jsx("div", {
+											className: summaryValue,
+											children: formatDate(projectedDate)
+										}), currentEpochsRemaining !== null && /* @__PURE__ */ jsxs("div", {
+											className: summarySubtext,
+											children: [
+												currentEpochsRemaining,
+												" →",
+												" ",
+												currentEpochsRemaining + epochs,
+												" epochs (+",
+												epochs,
+												" ",
+												"epoch",
+												epochs !== 1 ? "s" : "",
+												")"
+											]
+										})]
+									}) : /* @__PURE__ */ jsx("div", {
+										className: summaryValue,
+										children: "Select a date"
+									})]
+								})]
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: footer$1,
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						onClick: handleClose,
+						disabled: isExtending,
+						children: "Cancel"
+					}), /* @__PURE__ */ jsx(Button, {
+						onClick: handleExtend,
+						disabled: isExtending || !epochs || !selectedDate || !!dateError || currentEpochsRemaining === 0,
+						children: isExtending ? "Extending..." : "Extend Time"
+					})]
+				})
+			]
+		})] })
+	});
+};
+var ExtendTimeDialog_default = ExtendTimeDialog;
+
+//#endregion
+//#region src/components/publish-menu/PublishMenu.css.ts
+var buttonGroup$1 = "PublishMenu_buttonGroup__13o2p6d7";
+var content$2 = "PublishMenu_content__13o2p6d0";
+var description$2 = "PublishMenu_description__13o2p6d4";
+var footer = "PublishMenu_footer__13o2p6d6";
+var header$1 = "PublishMenu_header__13o2p6d2";
+var item = "PublishMenu_item__13o2p6d1";
+var link$1 = "PublishMenu_link__13o2p6d5";
+var separator = "PublishMenu_separator__13o2p6d8";
+var title$2 = "PublishMenu_title__13o2p6d3";
+
+//#endregion
+//#region src/components/publish-menu/PublishMenu.tsx
+const PublishMenu = ({ children, siteId, onPublishClick, onDomainClick, portalDomain, portalHttps, network = "testnet", clients, currentAccount }) => {
+	const isDeployed = !!siteId;
+	const walrusSiteUrl = siteId ? objectIdToWalrusSiteUrl(siteId, portalDomain, portalHttps) : void 0;
+	const { data: nsDomains } = useSuiNsDomainsQuery(currentAccount, {
+		suiClient: clients.suiClient,
+		queryClient: clients.queryClient
+	});
+	const associatedDomains = nsDomains.filter((d) => d.walrusSiteId === siteId);
+	const suiNSUrlArray = useStore(siteMetadataStore.suiNSUrl);
+	const suiNSUrl = suiNSUrlArray.length > 0 ? suiNSUrlArray[0].suins : void 0;
+	return /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [/* @__PURE__ */ jsx(DropdownMenu.Trigger, {
+		asChild: true,
+		children
+	}), /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsxs(DropdownMenu.Content, {
+		className: content$2,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: header$1,
+				children: [/* @__PURE__ */ jsx("h4", {
+					className: title$2,
+					children: isDeployed ? "Update your Site" : "Publish your Site"
+				}), isDeployed && walrusSiteUrl ? associatedDomains.length > 0 && suiNSUrl ? /* @__PURE__ */ jsxs("p", {
+					className: description$2,
+					children: [
+						"Your site is live at",
+						" ",
+						/* @__PURE__ */ jsx("a", {
+							href: suiNSUrl,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: link$1,
+							children: suiNSUrl
+						}),
+						". You can update your site to reflect the latest changes."
+					]
+				}) : /* @__PURE__ */ jsxs("p", {
+					className: description$2,
+					children: [
+						"Your site is live at",
+						" ",
+						/* @__PURE__ */ jsxs("a", {
+							href: network === "testnet" ? `https://testnet.suivision.xyz/object/${siteId}` : `https://suivision.xyz/object/${siteId}`,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: link$1,
+							children: ["Explorer", /* @__PURE__ */ jsx(ExternalLink, { style: {
+								display: "inline",
+								width: "0.75rem",
+								height: "0.75rem",
+								marginLeft: "0.25rem"
+							} })]
+						}),
+						". You can link SuiNS domains to view your site in the portal."
+					]
+				}) : /* @__PURE__ */ jsxs("p", {
+					className: description$2,
+					children: [
+						"Deploy your app to",
+						" ",
+						/* @__PURE__ */ jsx("a", {
+							href: "https://www.walrus.xyz/",
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: link$1,
+							children: "Walrus Sites"
+						}),
+						", a decentralized web hosting platform. After publishing, you can customize your domain and feature it in the community."
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx(DropdownMenu.Separator, { className: separator }),
+			/* @__PURE__ */ jsxs(DropdownMenu.Item, {
+				className: item,
+				onSelect: onDomainClick,
+				disabled: !siteId,
+				children: [
+					/* @__PURE__ */ jsx(Globe2, { style: {
+						width: "1rem",
+						height: "1rem"
+					} }),
+					/* @__PURE__ */ jsx("span", {
+						style: { flex: 1 },
+						children: "Customize Domain"
+					}),
+					!siteId && /* @__PURE__ */ jsx("span", {
+						style: {
+							fontSize: "0.75rem",
+							color: "var(--muted-foreground)"
+						},
+						children: "Not Published Yet"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs(DropdownMenu.Item, {
+				className: item,
+				onSelect: () => {
+					isExtendTimeDialogOpen.set(true);
+				},
+				disabled: !siteId,
+				children: [
+					/* @__PURE__ */ jsx(CalendarClock, { style: {
+						width: "1rem",
+						height: "1rem"
+					} }),
+					/* @__PURE__ */ jsx("span", {
+						style: { flex: 1 },
+						children: "Extend Time"
+					}),
+					!siteId && /* @__PURE__ */ jsx("span", {
+						style: {
+							fontSize: "0.75rem",
+							color: "var(--muted-foreground)"
+						},
+						children: "Not Published Yet"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(DropdownMenu.Separator, { className: separator }),
+			/* @__PURE__ */ jsxs("div", {
+				className: footer,
+				children: [isDeployed && walrusSiteUrl ? /* @__PURE__ */ jsxs("div", {
+					className: buttonGroup$1,
+					children: [suiNSUrl ? /* @__PURE__ */ jsx(DropdownMenu.Item, {
+						className: button({
+							variant: "outline",
+							size: "default"
+						}),
+						style: { width: "100%" },
+						onSelect: () => {
+							window.open(suinsDomainToWalrusSiteUrl(suiNSUrl, portalDomain, portalHttps), "_blank", "noopener,noreferrer");
+						},
+						children: "Visit Site"
+					}) : /* @__PURE__ */ jsx(DropdownMenu.Item, {
+						className: button({
+							variant: "outline",
+							size: "default"
+						}),
+						style: { width: "100%" },
+						onSelect: () => {
+							isDomainDialogOpen.set(true);
+						},
+						children: "Link SuiNS"
+					}), /* @__PURE__ */ jsx(DropdownMenu.Item, {
+						className: button({
+							variant: "gradient",
+							size: "default"
+						}),
+						onSelect: onPublishClick,
+						children: "Update Site"
+					})]
+				}) : /* @__PURE__ */ jsx(DropdownMenu.Item, {
+					className: button({
+						variant: "gradient",
+						size: "default"
+					}),
+					style: { width: "100%" },
+					onSelect: onPublishClick,
+					children: "Publish to Walrus"
+				}), network === "testnet" && /* @__PURE__ */ jsx(Banner, {
+					title: "You are publishing to the testnet",
+					description: "You must run a local Walrus Site Portal to view published site.",
+					variant: "info",
+					url: "https://docs.wal.app/walrus-sites/portal.html",
+					urlName: "Portal Documentation"
+				})]
+			})
+		]
+	}) })] });
+};
+var PublishMenu_default = PublishMenu;
+
+//#endregion
+//#region src/queries/storage-cost.query.ts
+function useStorageCostQuery(fileSize, epochs, clients) {
+	const { walrusClient, queryClient } = clients;
+	return useQuery({
+		queryKey: queryKeys.storageCost(fileSize, epochs),
+		queryFn: async () => {
+			if (!walrusClient) throw new Error("Walrus client not available");
+			if (fileSize === null) throw new Error("Invalid file size");
+			const storageCost = await walrusClient.storageCost(fileSize, epochs);
+			return {
+				storageCost: storageCost.storageCost.toString(),
+				writeCost: storageCost.writeCost.toString(),
+				totalCost: storageCost.totalCost.toString()
+			};
+		},
+		enabled: !!walrusClient && fileSize !== null && fileSize > 0 && epochs > 0,
+		staleTime: 300 * 1e3
+	}, queryClient);
+}
+
+//#endregion
+//#region src/components/publish-modal/PublishModal.css.ts
+var buttonGroup = "PublishModal_buttonGroup__m8gxhre";
+var charCount = "PublishModal_charCount__m8gxhr11";
+var content$1 = "PublishModal_content__m8gxhr2";
+var description$1 = "PublishModal_description__m8gxhr4";
+var dialogBodyTwoColumn = "PublishModal_dialogBodyTwoColumn__m8gxhru";
+var dialogContent = "PublishModal_dialogContent__m8gxhrr";
+var dialogFooter = "PublishModal_dialogFooter__m8gxhrw";
+var dialogHeader = "PublishModal_dialogHeader__m8gxhrs";
+var dialogOverlay = "PublishModal_dialogOverlay__m8gxhrq";
+var dialogRightColumn = "PublishModal_dialogRightColumn__m8gxhrv";
+var editButton = "PublishModal_editButton__m8gxhro";
+var fieldLabel = "PublishModal_fieldLabel__m8gxhr10";
+var flickeringGrid = "PublishModal_flickeringGrid__m8gxhri";
+var leftColumn = "PublishModal_leftColumn__m8gxhr8";
+var maskLayer = "PublishModal_maskLayer__m8gxhrj";
+var metadataFields = "PublishModal_metadataFields__m8gxhra";
+var overlay$1 = "PublishModal_overlay__m8gxhr1";
+var placeholderContent = "PublishModal_placeholderContent__m8gxhrk";
+var placeholderIcon = "PublishModal_placeholderIcon__m8gxhrn";
+var previewArea = "PublishModal_previewArea__m8gxhrh";
+var previewContainer = "PublishModal_previewContainer__m8gxhrg";
+var previewImage = "PublishModal_previewImage__m8gxhrm";
+var previewImageWrapper = "PublishModal_previewImageWrapper__m8gxhrl";
+var rightColumn = "PublishModal_rightColumn__m8gxhr9";
+var section$1 = "PublishModal_section__m8gxhr6";
+var spinner = "PublishModal_spinner__m8gxhr1e";
+var storageCostLabel = "PublishModal_storageCostLabel__m8gxhr1a";
+var storageCostSection = "PublishModal_storageCostSection__m8gxhr18";
+var storageCostSummary = "PublishModal_storageCostSummary__m8gxhr19";
+var storageCostValue = "PublishModal_storageCostValue__m8gxhr1b";
+var storageDetailsBox = "PublishModal_storageDetailsBox__m8gxhr1d";
+var title$1 = "PublishModal_title__m8gxhr3";
+var twoColumnSection = "PublishModal_twoColumnSection__m8gxhr7";
+var uploadAreaSquare = "PublishModal_uploadAreaSquare__m8gxhry";
+var uploadPlaceholder = "PublishModal_uploadPlaceholder__m8gxhrz";
+
+//#endregion
+//#region src/components/publish-modal/PublishModal.tsx
+const PublishModal = ({ siteId, assets, onDeploy, onSaveMetadata, onExtendBlobs, clients: { queryClient, walrusClient } }) => {
+	const [isMetadataDialogOpen, setIsMetadataDialogOpen] = useState(false);
+	const [isStorageDetailsExpanded, setIsStorageDetailsExpanded] = useState(false);
+	const [isExtending, setIsExtending] = useState(false);
+	const [previousEpochs, setPreviousEpochs] = useState(0);
+	const [pendingEpochs, setPendingEpochs] = useState(0);
+	const isOpen = useStore(sitePublishingStore.isPublishDialogOpen);
+	const isWorking = useStore(sitePublishingStore.isWorking);
+	const deployStatusText = useStore(sitePublishingStore.deployStatusText);
+	const deployStepIndex = useStore(sitePublishingStore.deploymentStepIndex);
+	const imageDisplayUrl = useStore(siteMetadataStore.imageDisplayUrl);
+	const projectUrl = useStore(siteMetadataStore.projectUrl);
+	const epochs = useStore(siteMetadataStore.epochs);
+	const isDirty = useStore(siteMetadataStore.isDirty);
+	const isLoading = useStore(siteMetadataStore.loading);
+	const title$5 = useStore(siteMetadataStore.title);
+	const description$5 = useStore(siteMetadataStore.description);
+	const { epochDurationMs, getExpirationDate } = useEpochDuration(walrusClient);
+	useEffect(() => {
+		if (siteId && epochs && previousEpochs === 0) setPreviousEpochs(epochs);
+	}, [
+		siteId,
+		epochs,
+		previousEpochs
+	]);
+	const assetsSize = useMemo(() => assets.reduce((sum, a) => sum + a.content.byteLength, 0), [assets]);
+	const minDate = useMemo(() => {
+		if (!epochDurationMs) return "";
+		const minDateTime = Date.now() + 5 * epochDurationMs;
+		return new Date(minDateTime).toISOString().slice(0, 10);
+	}, [epochDurationMs]);
+	const maxDate = useMemo(() => {
+		if (!epochDurationMs) return "";
+		const maxDateTime = Date.now() + 30 * epochDurationMs;
+		return new Date(maxDateTime).toISOString().slice(0, 10);
+	}, [epochDurationMs]);
+	const calculateEpochsFromDate = (selectedDate$1) => {
+		if (!epochDurationMs || !selectedDate$1) return 5;
+		const now = Date.now();
+		const diffMs = new Date(selectedDate$1).getTime() - now;
+		if (diffMs <= 0) return 5;
+		const exactEpochs = diffMs / epochDurationMs;
+		const roundedEpochs = Math.ceil(exactEpochs);
+		return Math.max(5, Math.min(30, roundedEpochs));
+	};
+	const handleDateChange = (e) => {
+		const selectedDate$1 = e.target.value;
+		if (!selectedDate$1) return;
+		const calculatedEpochs = calculateEpochsFromDate(selectedDate$1);
+		if (siteId && previousEpochs > 0) setPendingEpochs(calculatedEpochs);
+		siteMetadataStore.epochs.set(calculatedEpochs);
+	};
+	const handleSaveMetadataWithExtend = async () => {
+		if (!onSaveMetadata) return;
+		await onSaveMetadata();
+		if (siteId && onExtendBlobs && previousEpochs > 0 && pendingEpochs > previousEpochs) {
+			const extensionEpochs = pendingEpochs - previousEpochs;
+			if (extensionEpochs > 0) {
+				setIsExtending(true);
+				try {
+					await onExtendBlobs(extensionEpochs);
+					setPreviousEpochs(pendingEpochs);
+					setPendingEpochs(0);
+				} catch (error) {
+					console.error("Failed to extend blobs:", error);
+				} finally {
+					setIsExtending(false);
+				}
+			}
+		}
+	};
+	const selectedDate = useMemo(() => {
+		if (!epochDurationMs || !epochs) return "";
+		const targetTime = Date.now() + epochs * epochDurationMs;
+		return new Date(targetTime).toISOString().slice(0, 10);
+	}, [epochs, epochDurationMs]);
+	const { data: storageCost = {
+		storageCost: "0",
+		writeCost: "0",
+		totalCost: "0"
+	}, isLoading: storageCostLoading, isError: storageCostError } = useStorageCostQuery(assetsSize, epochs, {
+		walrusClient,
+		queryClient
+	});
+	const deploymentSteps = [
+		{
+			title: "Prepare",
+			description: "Build and register blobs for deployment"
+		},
+		{
+			title: "Upload",
+			description: "Upload assets to Walrus network"
+		},
+		{
+			title: "Certify",
+			description: "Certify the uploaded assets"
+		},
+		{
+			title: "Deploy",
+			description: "Deploy and update the site"
+		}
+	];
+	const expirationDate = getExpirationDate(epochs);
+	return /* @__PURE__ */ jsxs(Dialog.Root, {
+		open: isOpen,
+		onOpenChange: sitePublishingStore.closePublishDialog,
+		children: [/* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, { className: overlay$1 }), /* @__PURE__ */ jsxs(Dialog.Content, {
+			className: content$1,
+			children: [
+				/* @__PURE__ */ jsx(Dialog.Title, {
+					className: title$1,
+					children: siteId ? "Edit Site" : "Publish New Site"
+				}),
+				/* @__PURE__ */ jsx(Dialog.Description, {
+					className: description$1,
+					children: "Make your project live in the Walrus network."
+				}),
+				/* @__PURE__ */ jsx(Stepper, {
+					steps: deploymentSteps,
+					currentStep: deployStepIndex,
+					isLoading: isWorking
+				}),
+				/* @__PURE__ */ jsxs("section", {
+					className: twoColumnSection,
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: leftColumn,
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: previewContainer,
+							children: [/* @__PURE__ */ jsx("div", {
+								className: previewArea,
+								children: imageDisplayUrl ? /* @__PURE__ */ jsxs("div", {
+									className: previewImageWrapper,
+									children: [
+										/* @__PURE__ */ jsx("img", {
+											src: imageDisplayUrl,
+											alt: "Site preview",
+											className: previewImage
+										}),
+										/* @__PURE__ */ jsx("div", { style: {
+											position: "absolute",
+											inset: 0,
+											background: "linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.7) 100%)",
+											pointerEvents: "none"
+										} }),
+										(title$5 || description$5) && /* @__PURE__ */ jsxs("div", {
+											style: {
+												position: "absolute",
+												bottom: 0,
+												left: 0,
+												right: 0,
+												padding: "1rem",
+												color: "white",
+												pointerEvents: "none"
+											},
+											children: [title$5 && /* @__PURE__ */ jsx("h3", {
+												style: {
+													fontSize: "0.875rem",
+													fontWeight: 600,
+													marginBottom: "0.25rem",
+													lineHeight: 1.3,
+													overflow: "hidden",
+													textOverflow: "ellipsis",
+													display: "-webkit-box",
+													WebkitLineClamp: 2,
+													WebkitBoxOrient: "vertical"
+												},
+												children: title$5
+											}), description$5 && /* @__PURE__ */ jsx("p", {
+												style: {
+													fontSize: "0.75rem",
+													opacity: .9,
+													lineHeight: 1.4,
+													overflow: "hidden",
+													textOverflow: "ellipsis",
+													display: "-webkit-box",
+													WebkitLineClamp: 2,
+													WebkitBoxOrient: "vertical"
+												},
+												children: description$5
+											})]
+										})
+									]
+								}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+									/* @__PURE__ */ jsx(FlickeringGrid, {
+										className: flickeringGrid,
+										squareSize: 2,
+										gridGap: 6,
+										color: "rgb(0, 0, 0)",
+										maxOpacity: .3,
+										flickerChance: .3
+									}),
+									/* @__PURE__ */ jsx("div", { className: maskLayer }),
+									/* @__PURE__ */ jsxs("div", {
+										className: placeholderContent,
+										children: [
+											/* @__PURE__ */ jsx("div", {
+												className: placeholderIcon,
+												children: /* @__PURE__ */ jsxs("svg", {
+													width: "32",
+													height: "32",
+													fill: "none",
+													stroke: "currentColor",
+													viewBox: "0 0 24 24",
+													children: [/* @__PURE__ */ jsx("title", { children: "Image placeholder icon" }), /* @__PURE__ */ jsx("path", {
+														strokeLinecap: "round",
+														strokeLinejoin: "round",
+														strokeWidth: 2,
+														d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+													})]
+												})
+											}),
+											/* @__PURE__ */ jsx("p", {
+												style: {
+													fontWeight: 500,
+													color: "var(--foreground)",
+													textAlign: "center"
+												},
+												children: "Add a preview image"
+											}),
+											/* @__PURE__ */ jsx("p", {
+												style: {
+													color: "var(--muted-foreground)",
+													textAlign: "center",
+													fontSize: "0.875rem"
+												},
+												children: "Click the edit button to customize"
+											})
+										]
+									})
+								] })
+							}), /* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: editButton,
+								onClick: () => setIsMetadataDialogOpen(true),
+								children: /* @__PURE__ */ jsx(Pencil, { size: 20 })
+							})]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: storageCostSection,
+							style: { marginTop: "0.5rem" },
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: storageCostSummary,
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: storageCostLabel,
+									children: [/* @__PURE__ */ jsx("span", {
+										style: { fontWeight: 500 },
+										children: "Storage Cost"
+									}), assetsSize !== null && /* @__PURE__ */ jsx("button", {
+										type: "button",
+										onClick: () => setIsStorageDetailsExpanded(!isStorageDetailsExpanded),
+										style: {
+											padding: "0.25rem",
+											cursor: "pointer",
+											border: "none",
+											background: "transparent",
+											color: "var(--muted-foreground)",
+											borderRadius: "0.25rem",
+											transition: "background-color 0.2s"
+										},
+										onMouseEnter: (e) => {
+											e.currentTarget.style.backgroundColor = "var(--muted)";
+										},
+										onMouseLeave: (e) => {
+											e.currentTarget.style.backgroundColor = "transparent";
+										},
+										"aria-label": "View storage cost details",
+										children: /* @__PURE__ */ jsx(Info, { size: 16 })
+									})]
+								}), /* @__PURE__ */ jsx("div", {
+									className: storageCostValue,
+									children: assetsSize === null ? /* @__PURE__ */ jsxs("span", {
+										style: {
+											color: "var(--warning, #f59e0b)",
+											display: "flex",
+											alignItems: "center",
+											gap: "0.375rem"
+										},
+										children: [/* @__PURE__ */ jsx(Info, { size: 14 }), "Assets not prepared yet"]
+									}) : storageCostLoading ? /* @__PURE__ */ jsx("span", {
+										style: { color: "var(--muted-foreground)" },
+										children: "Calculating..."
+									}) : storageCostError ? /* @__PURE__ */ jsx("span", {
+										style: { color: "var(--destructive)" },
+										children: "Cost unavailable"
+									}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
+										style: {
+											fontSize: "0.875rem",
+											color: "var(--muted-foreground)"
+										},
+										children: [
+											(assetsSize / 1024).toFixed(2),
+											" KB •",
+											" "
+										]
+									}), /* @__PURE__ */ jsxs("span", {
+										style: {
+											fontWeight: 600,
+											color: "var(--foreground)"
+										},
+										children: [
+											((Number(storageCost.storageCost) + Number(storageCost.writeCost)) / 1e9).toFixed(9),
+											" ",
+											"WAL"
+										]
+									})] })
+								})]
+							}), isStorageDetailsExpanded && /* @__PURE__ */ jsx("div", {
+								className: storageDetailsBox,
+								children: /* @__PURE__ */ jsxs("div", {
+									style: {
+										display: "flex",
+										flexDirection: "column",
+										gap: "0.2rem"
+									},
+									children: [
+										/* @__PURE__ */ jsxs("div", {
+											style: { fontSize: "0.875rem" },
+											children: [
+												/* @__PURE__ */ jsx("span", {
+													style: { fontWeight: 500 },
+													children: "Storage Cost:"
+												}),
+												" ",
+												/* @__PURE__ */ jsxs("span", {
+													style: { color: "#10b981" },
+													children: [
+														(Number(storageCost.storageCost) / 1e9).toFixed(9),
+														" ",
+														"WAL"
+													]
+												})
+											]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											style: { fontSize: "0.875rem" },
+											children: [
+												/* @__PURE__ */ jsx("span", {
+													style: { fontWeight: 500 },
+													children: "Write Cost:"
+												}),
+												" ",
+												/* @__PURE__ */ jsxs("span", {
+													style: { color: "#f97316" },
+													children: [
+														(Number(storageCost.writeCost) / 1e9).toFixed(9),
+														" ",
+														"WAL"
+													]
+												})
+											]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											style: {
+												fontSize: "0.875rem",
+												borderTop: "1px solid var(--border)",
+												paddingTop: "0.1rem",
+												marginTop: "0.1rem"
+											},
+											children: [
+												/* @__PURE__ */ jsx("span", {
+													style: { fontWeight: 500 },
+													children: "Total Cost:"
+												}),
+												" ",
+												/* @__PURE__ */ jsxs("span", {
+													style: {
+														color: "#3b82f6",
+														fontWeight: 600
+													},
+													children: [
+														((Number(storageCost.storageCost) + Number(storageCost.writeCost)) / 1e9).toFixed(9),
+														" ",
+														"WAL"
+													]
+												})
+											]
+										})
+									]
+								})
+							})]
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: rightColumn,
+						children: /* @__PURE__ */ jsx("div", {
+							className: metadataFields,
+							children: /* @__PURE__ */ jsxs("div", {
+								className: dialogRightColumn,
+								children: [
+									/* @__PURE__ */ jsxs("fieldset", { children: [/* @__PURE__ */ jsxs("div", {
+										className: fieldLabel,
+										children: [/* @__PURE__ */ jsx(Label, { children: "Title" }), /* @__PURE__ */ jsxs("span", {
+											className: charCount,
+											children: [siteMetadataStore.title.get().length, "/120"]
+										})]
+									}), /* @__PURE__ */ jsx(Input, {
+										value: siteMetadataStore.title.get(),
+										onChange: (e) => siteMetadataStore.title.set(e.target.value.slice(0, 120)),
+										placeholder: "Add a title..."
+									})] }),
+									/* @__PURE__ */ jsxs("fieldset", { children: [/* @__PURE__ */ jsxs("div", {
+										className: fieldLabel,
+										children: [/* @__PURE__ */ jsx(Label, { children: "Description" }), /* @__PURE__ */ jsxs("span", {
+											className: charCount,
+											children: [siteMetadataStore.description.get().length, "/150"]
+										})]
+									}), /* @__PURE__ */ jsx(Textarea, {
+										value: siteMetadataStore.description.get(),
+										onChange: (e) => siteMetadataStore.description.set(e.target.value.slice(0, 150)),
+										placeholder: "Add a description...",
+										rows: 4
+									})] }),
+									/* @__PURE__ */ jsxs("fieldset", { children: [/* @__PURE__ */ jsxs(Label, { children: ["Project URL", /* @__PURE__ */ jsx("span", {
+										style: {
+											fontSize: "0.75rem",
+											color: "var(--muted-foreground)"
+										},
+										children: "(Optional)"
+									})] }), /* @__PURE__ */ jsx(Input, {
+										value: projectUrl,
+										onChange: (e) => siteMetadataStore.projectUrl.set(e.target.value),
+										placeholder: "https://github.com/username/project"
+									})] }),
+									!siteId && /* @__PURE__ */ jsxs("fieldset", { children: [
+										/* @__PURE__ */ jsxs("div", {
+											className: fieldLabel,
+											children: [/* @__PURE__ */ jsx(Label, { children: "Storage Duration" }), epochs > 0 && /* @__PURE__ */ jsxs("span", {
+												style: {
+													fontSize: "0.75rem",
+													color: "var(--muted-foreground)",
+													display: "flex",
+													alignItems: "center",
+													gap: "0.25rem"
+												},
+												children: [/* @__PURE__ */ jsx("span", {
+													style: {
+														fontWeight: 600,
+														color: "var(--foreground)"
+													},
+													children: epochs
+												}), "epochs"]
+											})]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											style: { position: "relative" },
+											children: [/* @__PURE__ */ jsx(Input, {
+												type: "date",
+												value: selectedDate,
+												min: minDate,
+												max: maxDate,
+												onChange: handleDateChange,
+												disabled: isWorking,
+												style: {
+													paddingLeft: "2.5rem",
+													cursor: isWorking ? "wait" : "pointer"
+												}
+											}), /* @__PURE__ */ jsx(CalendarClock, {
+												size: 18,
+												style: {
+													position: "absolute",
+													left: "0.75rem",
+													top: "50%",
+													transform: "translateY(-50%)",
+													color: "var(--muted-foreground)",
+													pointerEvents: "none"
+												}
+											})]
+										}),
+										expirationDate && epochDurationMs && /* @__PURE__ */ jsxs("div", {
+											style: {
+												display: "flex",
+												alignItems: "center",
+												gap: "0.5rem",
+												fontSize: "0.75rem",
+												color: "var(--muted-foreground)",
+												marginTop: "0.5rem"
+											},
+											children: [/* @__PURE__ */ jsx(Info, {
+												size: 14,
+												style: { flexShrink: 0 }
+											}), /* @__PURE__ */ jsxs("span", { children: [
+												"1 epoch ≈",
+												" ",
+												(epochDurationMs / (1e3 * 60 * 60 * 24)).toFixed(1),
+												" ",
+												"days",
+												" • ",
+												"Duration rounded up. Can be extended later."
+											] })]
+										})
+									] })
+								]
+							})
+						})
+					})]
+				}),
+				isDirty ? /* @__PURE__ */ jsx("section", {
+					className: section$1,
+					children: /* @__PURE__ */ jsxs("div", {
+						className: buttonGroup,
+						children: [/* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							style: { flex: 1 },
+							onClick: siteMetadataStore.cancelEdit,
+							disabled: isLoading,
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button, {
+							style: {
+								flex: 1,
+								display: "flex",
+								alignItems: "center",
+								justifyContent: "center",
+								gap: "0.5rem"
+							},
+							onClick: handleSaveMetadataWithExtend,
+							disabled: isLoading || isExtending,
+							children: isLoading || isExtending ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Loader2, {
+								size: 16,
+								className: spinner
+							}), isExtending ? "Extending Storage..." : "Saving..."] }) : "Save"
+						})]
+					})
+				}) : /* @__PURE__ */ jsxs("section", {
+					className: section$1,
+					children: [/* @__PURE__ */ jsx("div", {
+						className: buttonGroup,
+						children: /* @__PURE__ */ jsxs(Button, {
+							variant: "gradient",
+							style: {
+								width: "100%",
+								display: "flex",
+								alignItems: "center",
+								justifyContent: "center",
+								gap: "0.5rem"
+							},
+							onClick: onDeploy,
+							disabled: isWorking,
+							children: [isWorking && /* @__PURE__ */ jsx(Loader2, {
+								size: 16,
+								className: spinner
+							}), deployStatusText]
+						})
+					}), /* @__PURE__ */ jsx(Banner, {
+						title: "Warning",
+						description: "Please don't close the website\n                until the deployment is complete.",
+						variant: "warning"
+					})]
+				})
+			]
+		})] }), /* @__PURE__ */ jsx(MetadataEditDialog, {
+			isOpen: isMetadataDialogOpen,
+			onClose: () => setIsMetadataDialogOpen(false)
+		})]
+	});
+};
+function MetadataEditDialog({ isOpen, onClose }) {
+	const imageDisplayUrl = useStore(siteMetadataStore.imageDisplayUrl);
+	const isDirty = useStore(siteMetadataStore.isDirty);
+	const isLoading = useStore(siteMetadataStore.loading);
+	const [uploadMode, setUploadMode] = useState("file");
+	const [imageUrl, setImageUrl] = useState("");
+	const [urlError, setUrlError] = useState("");
+	const [fileSizeError, setFileSizeError] = useState("");
+	const fileInputRef = useRef(null);
+	const MAX_FILE_SIZE = 5 * 1024 * 1024;
+	const handleImageChange = (e) => {
+		const file = e.target.files?.[0];
+		if (!file) return;
+		if (file.size > MAX_FILE_SIZE) {
+			setFileSizeError(`File size exceeds 5MB limit (${(file.size / 1024 / 1024).toFixed(2)}MB)`);
+			e.target.value = "";
+			return;
+		}
+		setFileSizeError("");
+		siteMetadataStore.imageUrl.set(file);
+	};
+	const handleUrlSubmit = () => {
+		if (!imageUrl.trim()) {
+			setUrlError("Please enter a valid URL");
+			return;
+		}
+		try {
+			new URL(imageUrl);
+			siteMetadataStore.imageUrl.set(imageUrl);
+			setImageUrl("");
+			setUrlError("");
+			setUploadMode("file");
+		} catch {
+			setUrlError("Please enter a valid URL");
+		}
+	};
+	const handleCancel = () => {
+		siteMetadataStore.cancelEdit();
+		setUploadMode("file");
+		setImageUrl("");
+		setUrlError("");
+		setFileSizeError("");
+		onClose();
+	};
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open: isOpen,
+		onOpenChange: onClose,
+		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, { className: dialogOverlay }), /* @__PURE__ */ jsxs(Dialog.Content, {
+			className: dialogContent,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: dialogHeader,
+					children: [/* @__PURE__ */ jsx(Dialog.Title, {
+						style: {
+							fontSize: "1.125rem",
+							fontWeight: 600,
+							color: "var(--foreground)"
+						},
+						children: "Edit Site Image"
+					}), /* @__PURE__ */ jsx(Dialog.Close, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("button", {
+							type: "button",
+							style: {
+								padding: "0.25rem",
+								cursor: "pointer",
+								border: "none",
+								background: "transparent",
+								color: "var(--foreground)",
+								borderRadius: "0.5rem",
+								transition: "background-color 0.2s"
+							},
+							onMouseEnter: (e) => {
+								e.currentTarget.style.backgroundColor = "var(--muted)";
+							},
+							onMouseLeave: (e) => {
+								e.currentTarget.style.backgroundColor = "transparent";
+							},
+							children: /* @__PURE__ */ jsx(X, { size: 20 })
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: dialogBodyTwoColumn,
+					children: /* @__PURE__ */ jsxs("div", { children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: fieldLabel,
+							children: [/* @__PURE__ */ jsx(Label, { children: "Preview Image" }), /* @__PURE__ */ jsx("span", {
+								style: {
+									fontSize: "0.75rem",
+									color: "var(--muted-foreground)"
+								},
+								children: "Max 5MB"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							style: {
+								display: "flex",
+								gap: "0.5rem",
+								marginBottom: "1rem",
+								padding: "0.25rem",
+								backgroundColor: "var(--muted)",
+								borderRadius: "0.5rem"
+							},
+							children: [/* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: () => {
+									setUploadMode("file");
+									setUrlError("");
+								},
+								style: {
+									flex: 1,
+									padding: "0.5rem 1rem",
+									fontSize: "0.875rem",
+									fontWeight: 500,
+									border: "none",
+									borderRadius: "0.375rem",
+									cursor: "pointer",
+									transition: "all 0.2s",
+									backgroundColor: uploadMode === "file" ? "var(--background)" : "transparent",
+									color: uploadMode === "file" ? "var(--foreground)" : "var(--muted-foreground)",
+									boxShadow: uploadMode === "file" ? "0 1px 3px rgba(0, 0, 0, 0.1)" : "none"
+								},
+								children: "Upload File"
+							}), /* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: () => {
+									setUploadMode("url");
+									setFileSizeError("");
+								},
+								style: {
+									flex: 1,
+									padding: "0.5rem 1rem",
+									fontSize: "0.875rem",
+									fontWeight: 500,
+									border: "none",
+									borderRadius: "0.375rem",
+									cursor: "pointer",
+									transition: "all 0.2s",
+									backgroundColor: uploadMode === "url" ? "var(--background)" : "transparent",
+									color: uploadMode === "url" ? "var(--foreground)" : "var(--muted-foreground)",
+									boxShadow: uploadMode === "url" ? "0 1px 3px rgba(0, 0, 0, 0.1)" : "none"
+								},
+								children: "From URL"
+							})]
+						}),
+						uploadMode === "file" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+							/* @__PURE__ */ jsx("div", {
+								className: uploadAreaSquare,
+								onClick: () => !isLoading && fileInputRef.current?.click(),
+								style: {
+									cursor: isLoading ? "wait" : "pointer",
+									opacity: isLoading ? .6 : 1
+								},
+								children: isLoading ? /* @__PURE__ */ jsxs("div", {
+									className: uploadPlaceholder,
+									children: [/* @__PURE__ */ jsx("div", { style: {
+										width: "32px",
+										height: "32px",
+										border: "3px solid var(--muted)",
+										borderTop: "3px solid var(--foreground)",
+										borderRadius: "50%",
+										animation: "spin 1s linear infinite",
+										marginBottom: "0.75rem"
+									} }), /* @__PURE__ */ jsx("p", {
+										style: {
+											fontWeight: 500,
+											color: "var(--foreground)",
+											textAlign: "center"
+										},
+										children: "Uploading..."
+									})]
+								}) : imageDisplayUrl ? /* @__PURE__ */ jsx("img", {
+									src: imageDisplayUrl,
+									alt: "Preview",
+									style: {
+										width: "100%",
+										height: "100%",
+										objectFit: "cover",
+										borderRadius: "0.5rem"
+									}
+								}) : /* @__PURE__ */ jsxs("div", {
+									className: uploadPlaceholder,
+									children: [
+										/* @__PURE__ */ jsx(Upload, {
+											size: 32,
+											style: {
+												marginBottom: "0.75rem",
+												color: "var(--muted-foreground)"
+											}
+										}),
+										/* @__PURE__ */ jsx("p", {
+											style: {
+												fontWeight: 500,
+												color: "var(--foreground)",
+												textAlign: "center"
+											},
+											children: "Click to upload"
+										}),
+										/* @__PURE__ */ jsx("p", {
+											style: {
+												fontSize: "0.875rem",
+												color: "var(--muted-foreground)",
+												textAlign: "center",
+												marginTop: "0.25rem"
+											},
+											children: "Square image recommended"
+										})
+									]
+								})
+							}),
+							/* @__PURE__ */ jsx("input", {
+								ref: fileInputRef,
+								type: "file",
+								accept: "image/*",
+								onChange: handleImageChange,
+								style: { display: "none" }
+							}),
+							fileSizeError && /* @__PURE__ */ jsxs("p", {
+								style: {
+									fontSize: "0.75rem",
+									color: "var(--destructive)",
+									marginTop: "0.5rem",
+									display: "flex",
+									alignItems: "center",
+									gap: "0.25rem"
+								},
+								children: [/* @__PURE__ */ jsx(Info, { size: 14 }), fileSizeError]
+							})
+						] }) : /* @__PURE__ */ jsxs("div", {
+							style: {
+								display: "flex",
+								flexDirection: "column",
+								gap: "1rem"
+							},
+							children: [imageDisplayUrl && /* @__PURE__ */ jsx("div", {
+								style: {
+									width: "100%",
+									aspectRatio: "1",
+									borderRadius: "0.5rem",
+									overflow: "hidden",
+									border: "1px solid var(--border)"
+								},
+								children: /* @__PURE__ */ jsx("img", {
+									src: imageDisplayUrl,
+									alt: "Preview",
+									style: {
+										width: "100%",
+										height: "100%",
+										objectFit: "cover"
+									}
+								})
+							}), /* @__PURE__ */ jsxs("div", { children: [
+								/* @__PURE__ */ jsx(Label, { children: "Image URL" }),
+								/* @__PURE__ */ jsxs("div", {
+									style: {
+										display: "flex",
+										gap: "0.5rem",
+										marginTop: "0.5rem"
+									},
+									children: [/* @__PURE__ */ jsx(Input, {
+										value: imageUrl,
+										onChange: (e) => {
+											setImageUrl(e.target.value);
+											setUrlError("");
+										},
+										onKeyDown: (e) => {
+											if (e.key === "Enter") handleUrlSubmit();
+										},
+										placeholder: "https://example.com/image.png",
+										style: { flex: 1 }
+									}), /* @__PURE__ */ jsx(Button, {
+										onClick: handleUrlSubmit,
+										style: { flexShrink: 0 },
+										children: "Apply"
+									})]
+								}),
+								urlError && /* @__PURE__ */ jsxs("p", {
+									style: {
+										fontSize: "0.75rem",
+										color: "var(--destructive)",
+										marginTop: "0.5rem",
+										display: "flex",
+										alignItems: "center",
+										gap: "0.25rem"
+									},
+									children: [/* @__PURE__ */ jsx(Info, { size: 14 }), urlError]
+								})
+							] })]
+						})
+					] })
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: dialogFooter,
+					children: [/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => {
+							siteMetadataStore.imageUrl.set("https://www.walrus.xyz/walrus-site");
+							onClose();
+						},
+						style: {
+							fontSize: "0.875rem",
+							fontWeight: 500,
+							color: "var(--muted-foreground)",
+							cursor: "pointer",
+							border: "none",
+							background: "transparent",
+							transition: "color 0.2s"
+						},
+						onMouseEnter: (e) => {
+							e.currentTarget.style.color = "var(--foreground)";
+						},
+						onMouseLeave: (e) => {
+							e.currentTarget.style.color = "var(--muted-foreground)";
+						},
+						children: "Reset to default"
+					}), /* @__PURE__ */ jsxs("div", {
+						style: {
+							display: "flex",
+							gap: "0.75rem"
+						},
+						children: [/* @__PURE__ */ jsx(Button, {
+							onClick: handleCancel,
+							variant: "outline",
+							children: "Close"
+						}), /* @__PURE__ */ jsx(Dialog.Close, {
+							asChild: true,
+							children: /* @__PURE__ */ jsx(Button, {
+								disabled: !isDirty || isLoading,
+								children: isLoading ? "Saving..." : "Save Changes"
+							})
+						})]
+					})]
+				})
+			]
+		})] })
+	});
+}
+var PublishModal_default = PublishModal;
+
+//#endregion
+//#region src/components/suins-modal/DomainCardSvg.tsx
+const CardBackground = () => {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("g", {
+		clipPath: "url(#clip0_2_8065)",
+		children: [/* @__PURE__ */ jsx("rect", {
+			width: "440",
+			height: "440",
+			rx: "24.6939",
+			fill: "#221C36"
+		}), /* @__PURE__ */ jsx("g", {
+			clipPath: "url(#clip1_2_8065)",
+			children: /* @__PURE__ */ jsxs("g", {
+				style: { mixBlendMode: "plus-lighter" },
+				children: [/* @__PURE__ */ jsx("mask", {
+					id: "mask0_2_8065",
+					style: { maskType: "alpha" },
+					maskUnits: "userSpaceOnUse",
+					x: "-371",
+					y: "-402",
+					width: "1183",
+					height: "685",
+					children: /* @__PURE__ */ jsx("rect", {
+						x: "-370.026",
+						y: "-401.408",
+						width: "1181.24",
+						height: "684.133",
+						fill: "url(#paint0_linear_2_8065)"
+					})
+				}), /* @__PURE__ */ jsxs("g", {
+					mask: "url(#mask0_2_8065)",
+					children: [/* @__PURE__ */ jsxs("g", {
+						opacity: "0.3",
+						children: [
+							/* @__PURE__ */ jsxs("g", {
+								clipPath: "url(#clip2_2_8065)",
+								children: [/* @__PURE__ */ jsx("path", {
+									d: "M55.6533 284.621C54.582 285.692 54.5918 287.425 55.6562 288.489L99.9621 332.795C106.892 339.724 106.906 350.929 100.015 357.821C93.1228 364.712 81.9185 364.697 74.989 357.768L30.6831 313.462C15.7599 298.539 15.7201 274.398 30.5751 259.543C45.4302 244.688 69.5712 244.727 84.4945 259.651L114.326 289.482C115.39 290.546 117.123 290.556 118.194 289.485C119.265 288.414 119.255 286.681 118.191 285.617L73.8851 241.311C66.9557 234.381 66.9408 223.177 73.8326 216.285C80.7244 209.393 91.9287 209.408 98.8582 216.338L143.164 260.644C158.087 275.567 158.127 299.708 143.272 314.563C128.417 329.418 104.276 329.378 89.3527 314.455L59.5214 284.624C58.4571 283.559 56.7247 283.55 55.6533 284.621Z",
+									stroke: "url(#paint1_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								}), /* @__PURE__ */ jsx("path", {
+									d: "M142.429 198.7C141.359 199.77 141.361 201.504 142.429 202.572C143.497 203.64 145.231 203.642 146.301 202.573L176.132 172.741C191.05 157.823 215.251 157.833 230.185 172.767C245.119 187.7 245.128 211.901 230.21 226.819L185.904 271.125C178.98 278.049 167.747 278.046 160.814 271.113C153.881 264.18 153.877 252.946 160.801 246.022L205.107 201.716C206.177 200.647 206.175 198.913 205.107 197.845C204.039 196.777 202.305 196.774 201.235 197.844L171.404 227.675C156.486 242.593 132.285 242.584 117.351 227.65C102.417 212.716 102.408 188.516 117.326 173.598L161.632 129.292C168.556 122.368 179.789 122.371 186.722 129.304C193.655 136.237 193.659 147.47 186.735 154.395L142.429 198.7Z",
+									stroke: "url(#paint2_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								})]
+							}),
+							/* @__PURE__ */ jsxs("g", {
+								clipPath: "url(#clip3_2_8065)",
+								children: [/* @__PURE__ */ jsx("path", {
+									d: "M230.049 110.225C228.978 111.297 228.988 113.029 230.052 114.094L274.358 158.399C281.288 165.329 281.303 176.533 274.411 183.425C267.519 190.317 256.315 190.302 249.385 183.373L205.079 139.067C190.156 124.143 190.116 100.002 204.971 85.1473C219.826 70.2923 243.967 70.332 258.891 85.2553L288.722 115.087C289.786 116.151 291.519 116.161 292.59 115.089C293.661 114.018 293.651 112.286 292.587 111.221L248.281 66.9155C241.352 59.986 241.337 48.7817 248.229 41.8899C255.121 34.998 266.325 35.013 273.254 41.9424L317.56 86.2483C332.483 101.172 332.523 125.313 317.668 140.168C302.813 155.023 278.672 154.983 263.749 140.06L233.918 110.228C232.853 109.164 231.121 109.154 230.049 110.225Z",
+									stroke: "url(#paint3_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								}), /* @__PURE__ */ jsx("path", {
+									d: "M316.825 24.3051C315.755 25.3747 315.757 27.1086 316.825 28.1767C317.893 29.2447 319.627 29.247 320.697 28.1773L350.528 -1.65402C365.446 -16.572 389.647 -16.5627 404.581 -1.62882C419.515 13.305 419.524 37.5057 404.606 52.4236L360.3 96.7295C353.376 103.654 342.143 103.65 335.21 96.7173C328.277 89.7844 328.273 78.551 335.197 71.6268L379.503 27.3209C380.573 26.2513 380.571 24.5174 379.503 23.4494C378.435 22.3813 376.701 22.3791 375.631 23.4487L345.8 53.28C330.882 68.198 306.681 68.1887 291.747 53.2548C276.813 38.321 276.804 14.1203 291.722 -0.797645L336.028 -45.1035C342.952 -52.0277 354.186 -52.0242 361.118 -45.0913C368.051 -38.1583 368.055 -26.925 361.131 -20.0008L316.825 24.3051Z",
+									stroke: "url(#paint4_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								})]
+							}),
+							/* @__PURE__ */ jsx("g", {
+								clipPath: "url(#clip4_2_8065)",
+								children: /* @__PURE__ */ jsx("path", {
+									d: "M404.445 -64.1706C403.374 -63.0993 403.384 -61.3669 404.448 -60.3026L448.754 -15.9967C455.684 -9.06721 455.699 2.13713 448.807 9.02895C441.915 15.9208 430.711 15.9059 423.781 8.9764L379.475 -35.3295C364.552 -50.2527 364.512 -74.3938 379.367 -89.2488C394.222 -104.104 418.363 -104.064 433.287 -89.1409L463.118 -59.3095C464.182 -58.2452 465.915 -58.2353 466.986 -59.3067C468.057 -60.378 468.048 -62.1104 466.983 -63.1747L422.677 -107.481C415.748 -114.41 415.733 -125.614 422.625 -132.506C429.517 -139.398 440.721 -139.383 447.65 -132.454L491.956 -88.1478C506.879 -73.2246 506.919 -49.0835 492.064 -34.2285C477.209 -19.3735 453.068 -19.4132 438.145 -34.3365L408.314 -64.1678C407.249 -65.2321 405.517 -65.242 404.445 -64.1706Z",
+									stroke: "url(#paint5_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								})
+							}),
+							/* @__PURE__ */ jsx("g", {
+								clipPath: "url(#clip5_2_8065)",
+								children: /* @__PURE__ */ jsx("path", {
+									d: "M230.586 286.856C229.516 287.926 229.518 289.66 230.586 290.728C231.654 291.796 233.388 291.798 234.458 290.729L264.289 260.897C279.207 245.979 303.408 245.989 318.342 260.923C333.276 275.856 333.285 300.057 318.367 314.975L274.061 359.281C267.137 366.205 255.903 366.202 248.971 359.269C242.038 352.336 242.034 341.102 248.958 334.178L293.264 289.872C294.334 288.803 294.332 287.069 293.263 286.001C292.195 284.933 290.462 284.93 289.392 286L259.561 315.831C244.643 330.749 220.442 330.74 205.508 315.806C190.574 300.872 190.565 276.672 205.483 261.754L249.789 217.448C256.713 210.524 267.946 210.527 274.879 217.46C281.812 224.393 281.816 235.626 274.892 242.551L230.586 286.856Z",
+									stroke: "url(#paint6_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								})
+							}),
+							/* @__PURE__ */ jsxs("g", {
+								clipPath: "url(#clip6_2_8065)",
+								children: [/* @__PURE__ */ jsx("path", {
+									d: "M318.205 198.382C317.133 199.453 317.143 201.186 318.208 202.25L362.513 246.556C369.443 253.485 369.458 264.69 362.566 271.581C355.674 278.473 344.47 278.458 337.54 271.529L293.234 227.223C278.311 212.3 278.271 188.159 293.126 173.304C307.981 158.449 332.123 158.488 347.046 173.412L376.877 203.243C377.941 204.307 379.674 204.317 380.745 203.246C381.817 202.174 381.807 200.442 380.742 199.378L336.436 155.072C329.507 148.142 329.492 136.938 336.384 130.046C343.276 123.154 354.48 123.169 361.41 130.099L405.715 174.405C420.639 189.328 420.678 213.469 405.823 228.324C390.968 243.179 366.827 243.139 351.904 228.216L322.073 198.385C321.008 197.32 319.276 197.31 318.205 198.382Z",
+									stroke: "url(#paint7_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								}), /* @__PURE__ */ jsx("path", {
+									d: "M404.98 112.461C403.91 113.531 403.913 115.265 404.981 116.333C406.049 117.401 407.783 117.403 408.852 116.334L438.684 86.5023C453.602 71.5843 477.802 71.5936 492.736 86.5275C507.67 101.461 507.679 125.662 492.761 140.58L448.455 184.886C441.531 191.81 430.298 191.807 423.365 184.874C416.432 177.941 416.428 166.707 423.353 159.783L467.659 115.477C468.728 114.408 468.726 112.674 467.658 111.606C466.59 110.538 464.856 110.535 463.786 111.605L433.955 141.436C419.037 156.354 394.836 156.345 379.902 141.411C364.969 126.477 364.959 102.277 379.877 87.3587L424.183 43.0528C431.107 36.1286 442.341 36.1321 449.274 43.065C456.207 49.998 456.21 61.2313 449.286 68.1555L404.98 112.461Z",
+									stroke: "url(#paint8_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								})]
+							}),
+							/* @__PURE__ */ jsx("g", {
+								clipPath: "url(#clip7_2_8065)",
+								children: /* @__PURE__ */ jsx("path", {
+									d: "M492.601 23.9857C491.529 25.0571 491.539 26.7895 492.604 27.8538L536.91 72.1597C543.839 79.0892 543.854 90.2935 536.962 97.1853C530.07 104.077 518.866 104.062 511.936 97.1328L467.631 52.8269C452.707 37.9036 452.668 13.7626 467.523 -1.09245C482.378 -15.9475 506.519 -15.9077 521.442 -0.984478L551.273 28.8469C552.338 29.9112 554.07 29.9211 555.141 28.8497C556.213 27.7783 556.203 26.046 555.138 24.9816L510.833 -19.3243C503.903 -26.2537 503.888 -37.4581 510.78 -44.3499C517.672 -51.2417 528.876 -51.2268 535.806 -44.2973L580.112 0.00856119C595.035 14.9318 595.075 39.0729 580.22 53.9279C565.364 68.7829 541.223 68.7432 526.3 53.8199L496.469 23.9886C495.405 22.9242 493.672 22.9144 492.601 23.9857Z",
+									stroke: "url(#paint9_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								})
+							}),
+							/* @__PURE__ */ jsxs("g", {
+								clipPath: "url(#clip8_2_8065)",
+								children: [/* @__PURE__ */ jsx("path", {
+									d: "M406.362 286.537C405.29 287.608 405.3 289.34 406.365 290.405L450.67 334.71C457.6 341.64 457.615 352.844 450.723 359.736C443.831 366.628 432.627 366.613 425.697 359.684L381.392 315.378C366.468 300.454 366.429 276.313 381.284 261.458C396.139 246.603 420.28 246.643 435.203 261.566L465.034 291.398C466.099 292.462 467.831 292.472 468.902 291.4C469.974 290.329 469.964 288.597 468.899 287.532L424.594 243.227C417.664 236.297 417.649 225.093 424.541 218.201C431.433 211.309 442.637 211.324 449.567 218.253L493.872 262.559C508.796 277.483 508.835 301.624 493.98 316.479C479.125 331.334 454.984 331.294 440.061 316.371L410.23 286.539C409.165 285.475 407.433 285.465 406.362 286.537Z",
+									stroke: "url(#paint10_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								}), /* @__PURE__ */ jsx("path", {
+									d: "M493.137 200.616C492.067 201.686 492.07 203.42 493.138 204.488C494.206 205.556 495.94 205.558 497.009 204.488L526.841 174.657C541.759 159.739 565.959 159.748 580.893 174.682C595.827 189.616 595.836 213.817 580.918 228.735L536.612 273.041C529.688 279.965 518.455 279.961 511.522 273.028C504.589 266.095 504.586 254.862 511.51 247.938L555.816 203.632C556.885 202.562 556.883 200.828 555.815 199.76C554.747 198.692 553.013 198.69 551.943 199.76L522.112 229.591C507.194 244.509 482.993 244.5 468.06 229.566C453.126 214.632 453.116 190.431 468.034 175.513L512.34 131.207C519.264 124.283 530.498 124.287 537.431 131.22C544.364 138.153 544.367 149.386 537.443 156.31L493.137 200.616Z",
+									stroke: "url(#paint11_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								})]
+							})
+						]
+					}), /* @__PURE__ */ jsxs("g", {
+						opacity: "0.3",
+						children: [
+							/* @__PURE__ */ jsx("g", {
+								clipPath: "url(#clip9_2_8065)",
+								children: /* @__PURE__ */ jsx("path", {
+									d: "M-33.3645 22.9074C-34.4342 23.977 -34.4319 25.7109 -33.3638 26.7789C-32.2958 27.847 -30.5619 27.8493 -29.4923 26.7796L0.339089 -3.05172C15.257 -17.9697 39.4577 -17.9604 54.3916 -3.02652C69.3254 11.9073 69.3347 36.108 54.4168 51.0259L10.1109 95.3318C3.18672 102.256 -8.04665 102.252 -14.9796 95.3196C-21.9125 88.3866 -21.916 77.1533 -14.9918 70.2291L29.3141 25.9232C30.3837 24.8536 30.3814 23.1197 29.3134 22.0517C28.2454 20.9836 26.5114 20.9814 25.4418 22.051L-4.38954 51.8823C-19.3075 66.8003 -43.5082 66.791 -58.442 51.8571C-73.3759 36.9233 -73.3852 12.7226 -58.4672 -2.19535L-14.1613 -46.5012C-7.23718 -53.4254 3.99619 -53.4219 10.9291 -46.489C17.862 -39.556 17.8655 -28.3227 10.9414 -21.3985L-33.3645 22.9074Z",
+									stroke: "url(#paint12_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								})
+							}),
+							/* @__PURE__ */ jsx("g", {
+								clipPath: "url(#clip10_2_8065)",
+								children: /* @__PURE__ */ jsx("path", {
+									d: "M54.2562 -65.5677C53.1849 -64.4964 53.1947 -62.764 54.2591 -61.6997L98.565 -17.3938C105.494 -10.4643 105.509 0.740023 98.6175 7.63184C91.7257 14.5237 80.5214 14.5088 73.5919 7.57929L29.286 -36.7266C14.3628 -51.6498 14.323 -75.7909 29.1781 -90.6459C44.0331 -105.501 68.1741 -105.461 83.0974 -90.5379L112.929 -60.7066C113.993 -59.6423 115.725 -59.6324 116.797 -60.7038C117.868 -61.7751 117.858 -63.5075 116.794 -64.5718L72.488 -108.878C65.5586 -115.807 65.5437 -127.012 72.4355 -133.903C79.3273 -140.795 90.5317 -140.78 97.4611 -133.851L141.767 -89.5449C156.69 -74.6217 156.73 -50.4806 141.875 -35.6256C127.02 -20.7706 102.879 -20.8103 87.9556 -35.7336L58.1243 -65.5649C57.06 -66.6292 55.3276 -66.6391 54.2562 -65.5677Z",
+									stroke: "url(#paint13_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								})
+							}),
+							/* @__PURE__ */ jsxs("g", {
+								clipPath: "url(#clip11_2_8065)",
+								children: [/* @__PURE__ */ jsx("path", {
+									d: "M-31.983 196.985C-33.0543 198.056 -33.0445 199.788 -31.9801 200.853L12.3258 245.159C19.2552 252.088 19.2701 263.292 12.3783 270.184C5.4865 277.076 -5.71784 277.061 -12.6473 270.132L-56.9532 225.826C-71.8764 210.902 -71.9162 186.761 -57.0611 171.906C-42.2061 157.051 -18.0651 157.091 -3.14183 172.014L26.6895 201.846C27.7538 202.91 29.4862 202.92 30.5576 201.849C31.629 200.777 31.6191 199.045 30.5547 197.98L-13.7512 153.675C-20.6806 146.745 -20.6955 135.541 -13.8037 128.649C-6.91189 121.757 4.29245 121.772 11.2219 128.702L55.5278 173.007C70.451 187.931 70.4908 212.072 55.6358 226.927C40.7807 241.782 16.6397 241.742 1.71644 226.819L-28.1149 196.987C-29.1792 195.923 -30.9116 195.913 -31.983 196.985Z",
+									stroke: "url(#paint14_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								}), /* @__PURE__ */ jsx("path", {
+									d: "M54.7925 111.064C53.7228 112.134 53.7251 113.868 54.7931 114.936C55.8611 116.004 57.5951 116.006 58.6647 114.936L88.4961 85.1051C103.414 70.1871 127.615 70.1964 142.549 85.1303C157.482 100.064 157.492 124.265 142.574 139.183L98.2678 183.489C91.3437 190.413 80.1103 190.409 73.1774 183.476C66.2445 176.543 66.241 165.31 73.1651 158.386L117.471 114.08C118.541 113.01 118.538 111.276 117.47 110.208C116.402 109.14 114.668 109.138 113.599 110.208L83.7674 140.039C68.8495 154.957 44.6488 154.948 29.715 140.014C14.7811 125.08 14.7718 100.879 29.6898 85.9614L73.9956 41.6556C80.9198 34.7314 92.1532 34.7349 99.0861 41.6678C106.019 48.6008 106.023 59.8341 99.0984 66.7583L54.7925 111.064Z",
+									stroke: "url(#paint15_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								})]
+							}),
+							/* @__PURE__ */ jsxs("g", {
+								clipPath: "url(#clip12_2_8065)",
+								children: [/* @__PURE__ */ jsx("path", {
+									d: "M142.413 22.5881C141.342 23.6595 141.352 25.3918 142.416 26.4562L186.722 70.762C193.651 77.6915 193.666 88.8958 186.774 95.7877C179.883 102.679 168.678 102.665 161.749 95.7351L117.443 51.4292C102.52 36.506 102.48 12.3649 117.335 -2.49009C132.19 -17.3451 156.331 -17.3054 171.254 -2.38212L201.086 27.4492C202.15 28.5135 203.882 28.5234 204.954 27.4521C206.025 26.3807 206.015 24.6483 204.951 23.584L160.645 -20.7219C153.715 -27.6514 153.701 -38.8557 160.592 -45.7475C167.484 -52.6393 178.689 -52.6244 185.618 -45.695L229.924 -1.38908C244.847 13.5342 244.887 37.6752 230.032 52.5302C215.177 67.3853 191.036 67.3455 176.113 52.4223L146.281 22.5909C145.217 21.5266 143.484 21.5167 142.413 22.5881Z",
+									stroke: "url(#paint16_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								}), /* @__PURE__ */ jsx("path", {
+									d: "M229.189 -63.3323C228.119 -62.2627 228.121 -60.5287 229.189 -59.4607C230.257 -58.3927 231.991 -58.3904 233.061 -59.4601L262.892 -89.2914C277.81 -104.209 302.011 -104.2 316.945 -89.2662C331.878 -74.3323 331.888 -50.1317 316.97 -35.2137L272.664 9.09215C265.74 16.0163 254.506 16.0128 247.573 9.07988C240.641 2.14696 240.637 -9.08641 247.561 -16.0106L291.867 -60.3164C292.937 -61.3861 292.934 -63.12 291.866 -64.188C290.798 -65.2561 289.064 -65.2583 287.995 -64.1887L258.163 -34.3574C243.246 -19.4394 219.045 -19.4487 204.111 -34.3826C189.177 -49.3164 189.168 -73.5171 204.086 -88.435L248.392 -132.741C255.316 -139.665 266.549 -139.662 273.482 -132.729C280.415 -125.796 280.419 -114.562 273.494 -107.638L229.189 -63.3323Z",
+									stroke: "url(#paint17_linear_2_8065)",
+									strokeWidth: "3.36735",
+									strokeMiterlimit: "10",
+									strokeLinecap: "round"
+								})]
+							})
+						]
+					})]
+				})]
+			})
+		})]
+	}), /* @__PURE__ */ jsx("rect", {
+		x: "1.12245",
+		y: "1.12245",
+		width: "437.755",
+		height: "437.755",
+		rx: "23.5714",
+		stroke: "url(#paint18_linear_2_8065)",
+		strokeWidth: "2.2449"
+	})] });
+};
+const SuiNSLogo = () => {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("g", {
+			clipPath: "url(#clip13_2_8065)",
+			children: [/* @__PURE__ */ jsx("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M330.479 342.088C330.237 342.088 330.041 342.285 330.041 342.527V368.61C330.041 373.074 326.429 376.692 321.974 376.692C317.518 376.692 313.906 373.074 313.906 368.61V342.527C313.906 333.357 321.326 325.923 330.479 325.923C339.632 325.923 347.052 333.357 347.052 342.527V360.088C347.052 360.331 347.248 360.527 347.49 360.527C347.731 360.527 347.927 360.331 347.927 360.088V334.006C347.927 329.542 351.539 325.923 355.995 325.923C360.45 325.923 364.062 329.542 364.062 334.006V360.088C364.062 369.258 356.642 376.692 347.49 376.692C338.337 376.692 330.917 369.258 330.917 360.088V342.527C330.917 342.285 330.721 342.088 330.479 342.088Z",
+				fill: "#DAD0FF"
+			}), /* @__PURE__ */ jsx("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M381.32 342.348C381.079 342.348 380.883 342.544 380.883 342.786C380.883 343.028 381.079 343.225 381.32 343.225H398.849C408.002 343.225 415.422 350.659 415.422 359.828C415.422 368.998 408.002 376.432 398.849 376.432H372.815C368.359 376.432 364.747 372.813 364.747 368.35C364.747 363.886 368.359 360.267 372.815 360.267H398.849C399.091 360.267 399.287 360.07 399.287 359.828C399.287 359.586 399.091 359.39 398.849 359.39H381.32C372.168 359.39 364.747 351.956 364.747 342.786C364.747 333.616 372.168 326.182 381.32 326.182H407.355C411.81 326.182 415.422 329.801 415.422 334.265C415.422 338.729 411.81 342.348 407.355 342.348H381.32Z",
+				fill: "#DAD0FF"
+			})]
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			x: "287.089",
+			y: "351.359",
+			width: "25.156",
+			height: "25.1977",
+			rx: "12.578",
+			fill: "#DAD0FF"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M303.198 362.795V362.796C303.812 363.575 304.178 364.563 304.178 365.637C304.178 366.711 303.801 367.728 303.171 368.513L303.116 368.58L303.102 368.494C303.09 368.421 303.075 368.347 303.059 368.273C302.744 366.869 301.716 365.665 300.025 364.69C298.883 364.034 298.229 363.243 298.058 362.345C297.947 361.764 298.029 361.181 298.189 360.681C298.348 360.182 298.585 359.763 298.786 359.511L299.444 358.696C299.559 358.553 299.775 358.553 299.89 358.696L303.199 362.795L303.198 362.795ZM304.239 361.981V361.98L299.83 356.517C299.746 356.413 299.588 356.413 299.504 356.517L295.095 361.981V361.981L295.08 361.999C294.269 363.019 293.784 364.316 293.784 365.727C293.784 369.014 296.418 371.679 299.667 371.679C302.916 371.679 305.55 369.014 305.55 365.727C305.55 364.316 305.065 363.019 304.253 361.999L304.239 361.981H304.239ZM296.15 362.777L296.544 362.289L296.556 362.379C296.566 362.45 296.577 362.522 296.591 362.594C296.846 363.951 297.757 365.082 299.281 365.959C300.606 366.722 301.377 367.601 301.6 368.565C301.692 368.967 301.709 369.363 301.669 369.708L301.666 369.73L301.647 369.739C301.049 370.035 300.377 370.202 299.667 370.202C297.175 370.202 295.155 368.158 295.155 365.637C295.155 364.555 295.527 363.56 296.15 362.778L296.15 362.777Z",
+			fill: "#221C36"
+		})
+	] });
+};
+const DomainCardSvg = ({ className }) => {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 440 440",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		role: "img",
+		"aria-label": "Domain card background",
+		className,
+		children: [
+			/* @__PURE__ */ jsx(CardBackground, {}),
+			/* @__PURE__ */ jsx(SuiNSLogo, {}),
+			/* @__PURE__ */ jsxs("defs", { children: [
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "gradient",
+					x1: "0%",
+					y1: "0%",
+					x2: "100%",
+					y2: "0%",
+					children: [
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0%",
+							stopColor: "#4bffa6"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "56%",
+							stopColor: "#ff794b"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "100%",
+							stopColor: "#d962ff"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint0_linear_2_8065",
+					x1: "220.592",
+					y1: "-52.8804",
+					x2: "220.592",
+					y2: "282.725",
+					gradientUnits: "userSpaceOnUse",
+					children: [/* @__PURE__ */ jsx("stop", { stopColor: "white" }), /* @__PURE__ */ jsx("stop", {
+						offset: "1",
+						stopColor: "white",
+						stopOpacity: "0"
+					})]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint1_linear_2_8065",
+					x1: "13.27",
+					y1: "274.467",
+					x2: "134.549",
+					y2: "215.647",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint2_linear_2_8065",
+					x1: "100.083",
+					y1: "188.459",
+					x2: "223.203",
+					y2: "129.859",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint3_linear_2_8065",
+					x1: "187.666",
+					y1: "100.071",
+					x2: "308.945",
+					y2: "41.2512",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint4_linear_2_8065",
+					x1: "274.479",
+					y1: "14.064",
+					x2: "397.599",
+					y2: "-44.5362",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint5_linear_2_8065",
+					x1: "362.062",
+					y1: "-74.3248",
+					x2: "483.341",
+					y2: "-133.145",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint6_linear_2_8065",
+					x1: "188.24",
+					y1: "276.615",
+					x2: "311.36",
+					y2: "218.015",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint7_linear_2_8065",
+					x1: "275.821",
+					y1: "188.228",
+					x2: "397.1",
+					y2: "129.408",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint8_linear_2_8065",
+					x1: "362.634",
+					y1: "102.22",
+					x2: "485.754",
+					y2: "43.6201",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint9_linear_2_8065",
+					x1: "450.217",
+					y1: "13.8316",
+					x2: "571.496",
+					y2: "-44.9885",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint10_linear_2_8065",
+					x1: "363.978",
+					y1: "276.382",
+					x2: "485.257",
+					y2: "217.562",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint11_linear_2_8065",
+					x1: "450.792",
+					y1: "190.375",
+					x2: "573.912",
+					y2: "131.775",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint12_linear_2_8065",
+					x1: "-75.71",
+					y1: "12.6663",
+					x2: "47.41",
+					y2: "-45.9339",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint13_linear_2_8065",
+					x1: "11.8729",
+					y1: "-75.7219",
+					x2: "133.151",
+					y2: "-134.542",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint14_linear_2_8065",
+					x1: "-74.3663",
+					y1: "186.83",
+					x2: "46.9122",
+					y2: "128.01",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint15_linear_2_8065",
+					x1: "12.447",
+					y1: "100.823",
+					x2: "135.567",
+					y2: "42.2229",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint16_linear_2_8065",
+					x1: "100.03",
+					y1: "12.434",
+					x2: "221.308",
+					y2: "-46.3862",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint17_linear_2_8065",
+					x1: "186.843",
+					y1: "-73.5734",
+					x2: "309.963",
+					y2: "-132.174",
+					gradientUnits: "userSpaceOnUse",
+					children: [
+						/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.345634",
+							stopColor: "#EB8865"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.554579",
+							stopColor: "#D34BFF"
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "#4CA2FF"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "paint18_linear_2_8065",
+					x1: "541.75",
+					y1: "220",
+					x2: "134.237",
+					y2: "-134.348",
+					gradientUnits: "userSpaceOnUse",
+					children: [/* @__PURE__ */ jsx("stop", { stopColor: "#4BFFA6" }), /* @__PURE__ */ jsx("stop", {
+						offset: "1",
+						stopColor: "#D34BFF"
+					})]
+				}),
+				/* @__PURE__ */ jsx("clipPath", {
+					id: "clip0_2_8065",
+					children: /* @__PURE__ */ jsx("rect", {
+						width: "440",
+						height: "440",
+						rx: "24.6939",
+						fill: "white"
+					})
+				}),
+				/* @__PURE__ */ jsx("clipPath", {
+					id: "clip1_2_8065",
+					children: /* @__PURE__ */ jsx("rect", {
+						width: "440",
+						height: "440",
+						fill: "white"
+					})
+				}),
+				/* @__PURE__ */ jsx("clipPath", {
+					id: "clip2_2_8065",
+					children: /* @__PURE__ */ jsx("rect", {
+						width: "243.923",
+						height: "121.961",
+						fill: "white",
+						transform: "translate(1.28839 286.448) rotate(-45)"
+					})
+				}),
+				/* @__PURE__ */ jsx("clipPath", {
+					id: "clip3_2_8065",
+					children: /* @__PURE__ */ jsx("rect", {
+						width: "243.923",
+						height: "121.961",
+						fill: "white",
+						transform: "translate(175.685 112.053) rotate(-45)"
+					})
+				}),
+				/* @__PURE__ */ jsx("clipPath", {
+					id: "clip4_2_8065",
+					children: /* @__PURE__ */ jsx("rect", {
+						width: "243.923",
+						height: "121.961",
+						fill: "white",
+						transform: "translate(350.081 -62.3431) rotate(-45)"
+					})
+				}),
+				/* @__PURE__ */ jsx("clipPath", {
+					id: "clip5_2_8065",
+					children: /* @__PURE__ */ jsx("rect", {
+						width: "243.923",
+						height: "121.961",
+						fill: "white",
+						transform: "translate(89.4453 374.604) rotate(-45)"
+					})
+				}),
+				/* @__PURE__ */ jsx("clipPath", {
+					id: "clip6_2_8065",
+					children: /* @__PURE__ */ jsx("rect", {
+						width: "243.923",
+						height: "121.961",
+						fill: "white",
+						transform: "translate(263.84 200.209) rotate(-45)"
+					})
+				}),
+				/* @__PURE__ */ jsx("clipPath", {
+					id: "clip7_2_8065",
+					children: /* @__PURE__ */ jsx("rect", {
+						width: "243.923",
+						height: "121.961",
+						fill: "white",
+						transform: "translate(438.236 25.8132) rotate(-45)"
+					})
+				}),
+				/* @__PURE__ */ jsx("clipPath", {
+					id: "clip8_2_8065",
+					children: /* @__PURE__ */ jsx("rect", {
+						width: "243.923",
+						height: "121.961",
+						fill: "white",
+						transform: "translate(351.997 288.364) rotate(-45)"
+					})
+				}),
+				/* @__PURE__ */ jsx("clipPath", {
+					id: "clip9_2_8065",
+					children: /* @__PURE__ */ jsx("rect", {
+						width: "243.923",
+						height: "121.961",
+						fill: "white",
+						transform: "translate(-174.505 110.655) rotate(-45)"
+					})
+				}),
+				/* @__PURE__ */ jsx("clipPath", {
+					id: "clip10_2_8065",
+					children: /* @__PURE__ */ jsx("rect", {
+						width: "243.923",
+						height: "121.961",
+						fill: "white",
+						transform: "translate(-0.108704 -63.7402) rotate(-45)"
+					})
+				}),
+				/* @__PURE__ */ jsx("clipPath", {
+					id: "clip11_2_8065",
+					children: /* @__PURE__ */ jsx("rect", {
+						width: "243.923",
+						height: "121.961",
+						fill: "white",
+						transform: "translate(-86.3479 198.812) rotate(-45)"
+					})
+				}),
+				/* @__PURE__ */ jsx("clipPath", {
+					id: "clip12_2_8065",
+					children: /* @__PURE__ */ jsx("rect", {
+						width: "243.923",
+						height: "121.961",
+						fill: "white",
+						transform: "translate(88.0482 24.4156) rotate(-45)"
+					})
+				}),
+				/* @__PURE__ */ jsx("clipPath", {
+					id: "clip13_2_8065",
+					children: /* @__PURE__ */ jsx("rect", {
+						width: "101.516",
+						height: "50.7692",
+						fill: "white",
+						transform: "translate(313.906 325.923)"
+					})
+				})
+			] })
+		]
+	});
+};
+var DomainCardSvg_default = DomainCardSvg;
+
+//#endregion
+//#region src/components/suins-modal/SuiNsModal.css.ts
+var body = "SuiNsModal_body__lh8k8k5";
+var content = "SuiNsModal_content__lh8k8k1";
+var description = "SuiNsModal_description__lh8k8k4";
+var domainCard = "SuiNsModal_domainCard__lh8k8kb";
+var domainCardBg = "SuiNsModal_domainCardBg__lh8k8kc";
+var domainCardGrid = "SuiNsModal_domainCardGrid__lh8k8ka";
+var domainExpiry = "SuiNsModal_domainExpiry__lh8k8ke";
+var domainItem = "SuiNsModal_domainItem__lh8k8k9";
+var domainList = "SuiNsModal_domainList__lh8k8k8";
+var domainName = "SuiNsModal_domainName__lh8k8kd";
+var header = "SuiNsModal_header__lh8k8k2";
+var link = "SuiNsModal_link__lh8k8kg";
+var loadingSpinner = "SuiNsModal_loadingSpinner__lh8k8kh";
+var overlay = "SuiNsModal_overlay__lh8k8k0";
+var section = "SuiNsModal_section__lh8k8k6";
+var sectionTitle = "SuiNsModal_sectionTitle__lh8k8k7";
+var title = "SuiNsModal_title__lh8k8k3";
+
+//#endregion
+//#region src/components/suins-modal/RegisterSuiNsDialog.tsx
+const RegisterSuiNsDialog = ({ isOpen, onClose, onRegistered, currentAccount, clients: { suiClient, queryClient, suinsClient }, signAndExecuteTransaction, sponsorConfig }) => {
+	const { searchName, setSearchName, isSearching, isAvailable, isRegistering, isSwapping, estimatedPrice, error, normalizedName, fullName, handleSearch, handleRegister: handleRegisterInternal, reset } = useSuiNsRegistration({
+		currentAccount,
+		clients: {
+			suiClient,
+			queryClient,
+			suinsClient
+		},
+		signAndExecuteTransaction,
+		sponsorConfig
+	});
+	const handleRegister = async () => {
+		if (await handleRegisterInternal()) {
+			if (onRegistered) onRegistered();
+			handleClose();
+		}
+	};
+	const handleClose = () => {
+		reset();
+		onClose();
+	};
+	if (!currentAccount) return null;
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open: isOpen,
+		onOpenChange: (open) => !open && handleClose(),
+		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, {
+			className: overlay,
+			style: {
+				zIndex: 51,
+				backgroundColor: "rgba(0, 0, 0, 0.7)"
+			}
+		}), /* @__PURE__ */ jsxs(Dialog.Content, {
+			className: content,
+			style: {
+				maxWidth: "32rem",
+				zIndex: 52
+			},
+			children: [
+				(isRegistering || isSwapping) && /* @__PURE__ */ jsx("div", {
+					style: {
+						position: "absolute",
+						inset: 0,
+						backgroundColor: "rgba(0, 0, 0, 0.5)",
+						backdropFilter: "blur(4px)",
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center",
+						zIndex: 100,
+						borderRadius: "0.75rem"
+					},
+					children: /* @__PURE__ */ jsxs("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							alignItems: "center",
+							gap: "0.75rem"
+						},
+						children: [/* @__PURE__ */ jsx(Loader2, { style: {
+							width: "2rem",
+							height: "2rem",
+							animation: "spin 1s linear infinite",
+							color: "white"
+						} }), /* @__PURE__ */ jsx("p", {
+							style: {
+								fontSize: "0.875rem",
+								color: "white"
+							},
+							children: isSwapping ? "Swapping WAL to USDC..." : "Registering domain..."
+						})]
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: header,
+					children: [
+						/* @__PURE__ */ jsx(Dialog.Title, {
+							className: title,
+							children: "Register SuiNS Domain"
+						}),
+						/* @__PURE__ */ jsx(Dialog.Description, {
+							className: description,
+							children: "Search and register a new .sui domain name"
+						}),
+						/* @__PURE__ */ jsx(Dialog.Close, {
+							asChild: true,
+							children: /* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: handleClose,
+								disabled: isRegistering,
+								style: {
+									position: "absolute",
+									right: "1rem",
+									top: "1rem",
+									padding: "0.5rem",
+									borderRadius: "0.375rem",
+									border: "none",
+									background: "transparent",
+									cursor: "pointer",
+									display: "flex",
+									alignItems: "center",
+									justifyContent: "center"
+								},
+								children: /* @__PURE__ */ jsx(X, { style: {
+									width: "1rem",
+									height: "1rem"
+								} })
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: body,
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							style: { marginBottom: "1rem" },
+							children: [/* @__PURE__ */ jsx("label", {
+								htmlFor: "domain-search",
+								style: {
+									display: "block",
+									fontSize: "0.875rem",
+									fontWeight: 500,
+									marginBottom: "0.5rem"
+								},
+								children: "Search for a domain"
+							}), /* @__PURE__ */ jsxs("div", {
+								style: {
+									display: "flex",
+									gap: "0.5rem"
+								},
+								children: [/* @__PURE__ */ jsxs("div", {
+									style: {
+										position: "relative",
+										flex: 1
+									},
+									children: [/* @__PURE__ */ jsx(Input, {
+										id: "domain-search",
+										type: "text",
+										value: searchName,
+										onChange: (e) => {
+											setSearchName(e.target.value);
+										},
+										onKeyDown: (e) => {
+											if (e.key === "Enter" && normalizedName) handleSearch();
+										},
+										placeholder: "Enter domain name",
+										disabled: isSearching || isRegistering,
+										style: { paddingRight: "3rem" }
+									}), /* @__PURE__ */ jsx("span", {
+										style: {
+											position: "absolute",
+											right: "0.75rem",
+											top: "50%",
+											transform: "translateY(-50%)",
+											fontSize: "0.875rem",
+											color: "var(--muted-foreground)",
+											pointerEvents: "none"
+										},
+										children: ".sui"
+									})]
+								}), /* @__PURE__ */ jsx(Button, {
+									onClick: handleSearch,
+									disabled: isSearching || isRegistering || !normalizedName,
+									size: "default",
+									children: isSearching ? /* @__PURE__ */ jsx(Loader2, { style: {
+										width: "1rem",
+										height: "1rem",
+										animation: "spin 1s linear infinite"
+									} }) : /* @__PURE__ */ jsx(Search, { style: {
+										width: "1rem",
+										height: "1rem"
+									} })
+								})]
+							})]
+						}),
+						isAvailable !== null && /* @__PURE__ */ jsxs("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: "0.625rem",
+								padding: "0.875rem",
+								borderRadius: "0.5rem",
+								border: `1px solid ${isAvailable ? "rgba(34, 197, 94, 0.2)" : "rgba(239, 68, 68, 0.2)"}`,
+								backgroundColor: isAvailable ? "rgba(34, 197, 94, 0.1)" : "rgba(239, 68, 68, 0.1)",
+								color: isAvailable ? "rgb(22, 163, 74)" : "rgb(220, 38, 38)",
+								marginBottom: "1rem"
+							},
+							children: [/* @__PURE__ */ jsx(CheckCircle2, { style: {
+								width: "1.25rem",
+								height: "1.25rem",
+								flexShrink: 0
+							} }), /* @__PURE__ */ jsxs("div", {
+								style: {
+									flex: 1,
+									minWidth: 0
+								},
+								children: [/* @__PURE__ */ jsx("p", {
+									style: {
+										fontSize: "0.875rem",
+										fontWeight: 600
+									},
+									children: isAvailable ? `${fullName} is available!` : `${fullName} is already taken`
+								}), isAvailable && estimatedPrice && /* @__PURE__ */ jsxs("p", {
+									style: {
+										fontSize: "0.75rem",
+										opacity: .8,
+										marginTop: "0.125rem"
+									},
+									children: ["Estimated cost: ", estimatedPrice]
+								})]
+							})]
+						}),
+						error && /* @__PURE__ */ jsx("div", {
+							style: {
+								padding: "0.75rem",
+								borderRadius: "0.5rem",
+								backgroundColor: "rgba(239, 68, 68, 0.1)",
+								color: "rgb(220, 38, 38)",
+								fontSize: "0.875rem",
+								marginBottom: "1rem"
+							},
+							children: error
+						}),
+						isAvailable && /* @__PURE__ */ jsx(Button, {
+							onClick: handleRegister,
+							disabled: isRegistering || isSwapping || !normalizedName,
+							variant: "gradient",
+							size: "default",
+							style: { width: "100%" },
+							children: isSwapping ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Loader2, { style: {
+								width: "1rem",
+								height: "1rem",
+								animation: "spin 1s linear infinite",
+								marginRight: "0.5rem"
+							} }), "Swapping WAL to USDC..."] }) : isRegistering ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Loader2, { style: {
+								width: "1rem",
+								height: "1rem",
+								animation: "spin 1s linear infinite",
+								marginRight: "0.5rem"
+							} }), "Registering..."] }) : `Register ${fullName}`
+						})
+					]
+				})
+			]
+		})] })
+	});
+};
+
+//#endregion
+//#region src/components/suins-modal/SuiNsModal.tsx
+const SuiNsModal = ({ siteId, onAssociateDomain, currentAccount, portalDomain, portalHttps, clients: { suiClient, queryClient, suinsClient }, signAndExecuteTransaction, sponsorConfig }) => {
+	const isOpen = useStore(isDomainDialogOpen);
+	const isAssigning = useStore(isAssigningDomain);
+	const isRegisterSuiNSDomainDialog = useStore(isRegisterSuiNSDomainDialogOpen);
+	const suiNSUrlArray = useStore(siteMetadataStore.suiNSUrl);
+	const { network } = suiClient;
+	const { data: nsDomains, isLoading: isLoadingDomains, isError: isErrorDomains } = useSuiNsDomainsQuery(currentAccount, {
+		suiClient,
+		queryClient
+	});
+	const connectedDomains = nsDomains.filter((domain) => {
+		console.log("[1]domain", domain);
+		console.log("[1]suiNSUrlArray", suiNSUrlArray);
+		return suiNSUrlArray.some((entry) => entry.nftId === domain.nftId);
+	});
+	const explorerUrl = siteId ? network === "testnet" ? `https://testnet.suivision.xyz/object/${siteId}` : `https://suivision.xyz/object/${siteId}` : void 0;
+	const handleAssociate = (nftId, suiNSName) => {
+		if (siteId && onAssociateDomain) onAssociateDomain(nftId, siteId, suiNSName);
+	};
+	const handleRemoveAssociation = (nftId) => {
+		if (onAssociateDomain) onAssociateDomain(nftId, "", "");
+	};
+	const formatExpiryDate = (timestamp) => {
+		if (!timestamp) return null;
+		return new Date(timestamp).toLocaleDateString("en-US", {
+			month: "short",
+			day: "2-digit",
+			year: "numeric"
+		});
+	};
+	return /* @__PURE__ */ jsxs(Dialog.Root, {
+		open: isOpen,
+		onOpenChange: isDomainDialogOpen.set,
+		children: [/* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, { className: overlay }), /* @__PURE__ */ jsxs(Dialog.Content, {
+			className: content,
+			children: [
+				isAssigning && /* @__PURE__ */ jsx("div", {
+					style: {
+						position: "absolute",
+						inset: 0,
+						backgroundColor: "rgba(0, 0, 0, 0.5)",
+						backdropFilter: "blur(4px)",
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center",
+						zIndex: 100,
+						borderRadius: "0.75rem"
+					},
+					children: /* @__PURE__ */ jsxs("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							alignItems: "center",
+							gap: "0.75rem"
+						},
+						children: [/* @__PURE__ */ jsx(Loader2, { style: {
+							width: "2rem",
+							height: "2rem",
+							animation: "spin 1s linear infinite",
+							color: "white"
+						} }), /* @__PURE__ */ jsx("p", {
+							style: {
+								fontSize: "0.875rem",
+								color: "white"
+							},
+							children: "Updating domain association..."
+						})]
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: header,
+					children: [/* @__PURE__ */ jsx(Dialog.Title, {
+						className: title,
+						children: "Customize Domain"
+					}), /* @__PURE__ */ jsx(Dialog.Description, {
+						className: description,
+						children: "Associate your website with a SuiNS domain for easy access"
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: body,
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: section,
+							children: [/* @__PURE__ */ jsx("div", {
+								className: sectionTitle,
+								children: "Currently Associated Domains"
+							}), /* @__PURE__ */ jsxs("div", {
+								className: domainList,
+								children: [explorerUrl && /* @__PURE__ */ jsx("div", {
+									className: domainItem,
+									children: /* @__PURE__ */ jsxs("div", {
+										style: {
+											flex: 1,
+											width: "100%"
+										},
+										children: [/* @__PURE__ */ jsxs("a", {
+											href: explorerUrl,
+											target: "_blank",
+											rel: "noreferrer",
+											className: link,
+											style: {
+												fontSize: "0.875rem",
+												fontWeight: 500
+											},
+											children: ["Explorer", /* @__PURE__ */ jsx(ExternalLink, { style: {
+												display: "inline",
+												width: "0.75rem",
+												height: "0.75rem",
+												marginLeft: "0.25rem"
+											} })]
+										}), /* @__PURE__ */ jsx("p", {
+											style: {
+												marginTop: "0.1rem",
+												fontSize: "0.75rem",
+												color: "var(--muted-foreground)"
+											},
+											children: "Sui Explorer"
+										})]
+									})
+								}), connectedDomains.length > 0 && connectedDomains.map((domain) => {
+									const linkedEntry = suiNSUrlArray.find((entry) => entry.nftId === domain.nftId);
+									return /* @__PURE__ */ jsxs("div", {
+										className: domainItem,
+										children: [/* @__PURE__ */ jsxs("div", {
+											style: {
+												flex: 1,
+												minWidth: 0
+											},
+											children: [/* @__PURE__ */ jsxs("a", {
+												href: suinsDomainToWalrusSiteUrl(linkedEntry?.suins || "", portalDomain, portalHttps) || domain.walrusSiteUrl,
+												target: "_blank",
+												rel: "noreferrer",
+												className: link,
+												style: {
+													fontSize: "0.875rem",
+													fontWeight: 500
+												},
+												children: ["@", domain.name]
+											}), /* @__PURE__ */ jsx("p", {
+												style: {
+													fontSize: "0.75rem",
+													color: "var(--muted-foreground)"
+												},
+												children: "SuiNS Linked Domain"
+											})]
+										}), /* @__PURE__ */ jsx(Button, {
+											variant: "ghost",
+											size: "icon",
+											onClick: () => handleRemoveAssociation(domain.nftId),
+											disabled: isAssigning,
+											title: "Remove domain association",
+											children: /* @__PURE__ */ jsx(X, { style: {
+												width: "1rem",
+												height: "1rem"
+											} })
+										})]
+									}, domain.nftId);
+								})]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: section,
+							style: { marginTop: "0.5rem" },
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: sectionTitle,
+									children: [/* @__PURE__ */ jsx("span", { children: "Select a domain to associate with your website" }), /* @__PURE__ */ jsx(Button, {
+										size: "sm",
+										type: "button",
+										onClick: () => isRegisterSuiNSDomainDialogOpen.set(true),
+										children: "Buy a domain"
+									})]
+								}),
+								isLoadingDomains && /* @__PURE__ */ jsx("div", {
+									className: loadingSpinner,
+									children: /* @__PURE__ */ jsx(Loader2, { style: {
+										width: "1.5rem",
+										height: "1.5rem",
+										animation: "spin 1s linear infinite"
+									} })
+								}),
+								isErrorDomains && /* @__PURE__ */ jsx("p", {
+									style: {
+										fontSize: "0.75rem",
+										color: "var(--destructive)",
+										padding: "1rem 0"
+									},
+									children: "Failed to load your domains. Please try again."
+								}),
+								!isLoadingDomains && !isErrorDomains && !nsDomains.length && /* @__PURE__ */ jsx(Banner, {
+									title: "You don't own any SuiNS domains yet.",
+									description: "Buy a domain to continue.",
+									variant: "warning"
+								}),
+								!isLoadingDomains && !isErrorDomains && nsDomains.length > 0 && /* @__PURE__ */ jsx("div", {
+									className: domainCardGrid,
+									children: nsDomains.map((domain) => {
+										const isConnectedToThisSite = suiNSUrlArray.some((entry) => entry.nftId === domain.nftId);
+										return /* @__PURE__ */ jsxs("button", {
+											type: "button",
+											className: domainCard,
+											onClick: () => handleAssociate(domain.nftId, domain.name),
+											disabled: isConnectedToThisSite,
+											title: isConnectedToThisSite ? "Already connected to this site" : "Click to connect",
+											children: [
+												/* @__PURE__ */ jsx("div", {
+													className: domainCardBg,
+													children: /* @__PURE__ */ jsx(DomainCardSvg_default, {})
+												}),
+												/* @__PURE__ */ jsxs("div", {
+													className: domainName,
+													children: ["@", domain.name || "Unknown"]
+												}),
+												/* @__PURE__ */ jsx("div", {
+													className: domainExpiry,
+													children: formatExpiryDate(domain.expirationTimestampMs)
+												})
+											]
+										}, domain.nftId);
+									})
+								})
+							]
+						}),
+						network === "testnet" && /* @__PURE__ */ jsx(Banner, {
+							title: "You are publishing to the testnet",
+							description: "You must run a local Walrus Site Portal to view published site.",
+							variant: "info",
+							url: "https://docs.wal.app/walrus-sites/portal.html",
+							urlName: "Portal Documentation"
+						})
+					]
+				})
+			]
+		})] }), signAndExecuteTransaction && /* @__PURE__ */ jsx(RegisterSuiNsDialog, {
+			isOpen: isRegisterSuiNSDomainDialog,
+			onClose: () => isRegisterSuiNSDomainDialogOpen.set(false),
+			onRegistered: () => {
+				if (currentAccount?.address) queryClient.invalidateQueries({ queryKey: [
+					"suins-domains",
+					currentAccount.address,
+					network
+				] });
+			},
+			currentAccount,
+			clients: {
+				suiClient,
+				queryClient,
+				suinsClient
+			},
+			signAndExecuteTransaction,
+			sponsorConfig
+		})]
+	});
+};
+var SuiNsModal_default = SuiNsModal;
+
+//#endregion
+//#region src/components/ThemeProvider.tsx
+const ThemeProvider = ({ children, themeOverrides: _ }) => {
+	return /* @__PURE__ */ jsx(Fragment, { children });
+};
+
+//#endregion
+//#region src/components/PublishButton.tsx
+const PublishButton = ({ children, siteId, assets, onUpdateSiteMetadata, onAssociatedDomain, onError, onExtendedBlobs, currentAccount, signAndExecuteTransaction, sponsorConfig, portalDomain, portalHttps, clients }) => {
+	const { actions: { handleOpenPublishingDialog, handleOpenDomainDialog, handleRunDeploymentStep, handleSaveSiteMetadata, handleAssociateDomain, handleExtendBlobs } } = useSitePublishing({
+		siteId,
+		assets,
+		onUpdateSiteMetadata,
+		onAssociatedDomain,
+		onError,
+		onExtendedBlobs,
+		currentAccount,
+		signAndExecuteTransaction,
+		sponsorConfig,
+		clients,
+		portalDomain,
+		portalHttps
+	});
+	const network = clients.suiClient.network;
+	return /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+		/* @__PURE__ */ jsx(PublishMenu_default, {
+			siteId,
+			onPublishClick: handleOpenPublishingDialog,
+			onDomainClick: handleOpenDomainDialog,
+			network: network === "mainnet" ? "mainnet" : "testnet",
+			portalDomain,
+			portalHttps,
+			clients,
+			currentAccount,
+			children: children || /* @__PURE__ */ jsx(Button, { children: "Publish" })
+		}),
+		/* @__PURE__ */ jsx(PublishModal_default, {
+			siteId,
+			assets,
+			onDeploy: handleRunDeploymentStep,
+			onSaveMetadata: handleSaveSiteMetadata,
+			onExtendBlobs: handleExtendBlobs,
+			clients
+		}),
+		/* @__PURE__ */ jsx(SuiNsModal_default, {
+			siteId,
+			onAssociateDomain: handleAssociateDomain,
+			currentAccount,
+			portalDomain,
+			portalHttps,
+			clients,
+			signAndExecuteTransaction,
+			sponsorConfig
+		}),
+		/* @__PURE__ */ jsx(ExtendTimeDialog_default, {
+			siteId,
+			currentAccount,
+			clients,
+			signAndExecuteTransaction,
+			sponsorConfig,
+			onSuccess: (message, digest) => {
+				onExtendedBlobs?.(message, digest);
+			}
+		})
+	] });
+};
+var PublishButton_default = PublishButton;
+
+//#endregion
+export { Banner, Button, DeploySteps, DeploymentStatus, FlickeringGrid, Input, Label, PublishButton_default as PublishButton, PublishMenu_default as PublishMenu, PublishModal_default as PublishModal, Stepper, SuiNsModal_default as SuiNsModal, Textarea, isAssigningDomain, isDomainDialogOpen, isExtendTimeDialogOpen, isRegisterSuiNSDomainDialogOpen, siteMetadataStore, sitePublishingStore, useEpochDuration, useSitePublishing, useSuiNsDomainsQuery, useSuiNsRegistration, useTransactionExecutor, useWalrusSiteQuery, useWalrusSitesQuery, useZenFsWorkspace, useZenfsFilesQuery };
+//# sourceMappingURL=index.js.map