@cmdoss/walrus-site-builder-react 2.5.0 → 2.6.1

package/dist/index.js

@@ -1,8 +1,8 @@
+import { useStore } from "@nanostores/react";
 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 { useMutation, useQueries, useQuery } from "@tanstack/react-query";
 import { atom, computed } from "nanostores";
@@ -85,8 +85,8 @@ function useSuiNsDomainsQuery(currentAccount, clients) {
 					});
 					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 : {};
+						const content$6 = obj.data?.content;
+						const fields = content$6 && "fields" in content$6 ? content$6.fields : {};
 						return {
 							name: fields?.domain_name || "",
 							objectId: obj.data?.objectId || "",
@@ -315,12 +315,12 @@ function useZenfsFilesQuery(fm, clients) {
 			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));
+				const content$6 = await fm?.readFile(path);
+				if (!content$6) continue;
+				const hashU256 = sha256ToU256(await getSHA256Hash(content$6));
 				assets.push({
 					path,
-					content: content$5,
+					content: content$6,
 					hashU256
 				});
 			}
@@ -337,6 +337,7 @@ const isDomainDialogOpen = atom(false);
 const isAssigningDomain = atom(false);
 const isRegisterSuiNSDomainDialogOpen = atom(false);
 const isExtendTimeDialogOpen = atom(false);
+const isUpdateMetadataModalOpen = atom(false);
 
 //#endregion
 //#region src/stores/site-metadata.store.ts
@@ -374,7 +375,7 @@ var SiteMetadata = class {
 		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))));
+	], (title$6, description$6, iconUrl, link$3, projectUrl, epochs, suiNSUrl, originalTitle, originalDescription, originalIcon, originalLink, originalProjectUrl, originalEpochs, originalSuiNSUrl) => title$6 !== originalTitle || description$6 !== 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
 	*/
@@ -634,10 +635,10 @@ function useSitePublishing({ siteId, assets, onUpdateSiteMetadata, onAssociatedD
 	const deployStatusText = useStore(sitePublishingStore.deployStatusText);
 	const deployStepIndex = useStore(sitePublishingStore.deploymentStepIndex);
 	const epochs = useStore(siteMetadataStore.epochs);
-	const title$5 = useStore(siteMetadataStore.title);
+	const title$6 = useStore(siteMetadataStore.title);
 	const imageUrl = useStore(siteMetadataStore.imageUrl);
 	const link$3 = useStore(siteMetadataStore.link);
-	const description$5 = useStore(siteMetadataStore.description);
+	const description$6 = useStore(siteMetadataStore.description);
 	const isEditingSiteMetadata = useStore(siteMetadataStore.isDirty);
 	const isSavingSiteMetadata = useStore(siteMetadataStore.loading);
 	const isAssigning = useStore(isAssigningDomain);
@@ -666,8 +667,8 @@ function useSitePublishing({ siteId, assets, onUpdateSiteMetadata, onAssociatedD
 		if (imageUrl instanceof File) return onError?.("Please upload image first.");
 		const siteMetadata = {
 			id: siteId,
-			title: title$5,
-			description: description$5,
+			title: title$6,
+			description: description$6,
 			imageUrl: imageUrl ?? void 0,
 			link: siteMetadataStore.link.get() ?? void 0,
 			projectUrl: siteMetadataStore.projectUrl.get() ?? void 0
@@ -838,9 +839,9 @@ function useSitePublishing({ siteId, assets, onUpdateSiteMetadata, onAssociatedD
 			isWorking,
 			certifiedBlobs,
 			epochs,
-			title: title$5,
+			title: title$6,
 			iconUrl: imageUrl,
-			description: description$5,
+			description: description$6,
 			link: link$3,
 			isEditingSiteMetadata,
 			deployStatus,
@@ -1643,7 +1644,7 @@ var banner = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntim
 	defaultVariants: { variant: "info" },
 	compoundVariants: []
 });
-var closeButton$1 = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntimeFn)({
+var closeButton$2 = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntimeFn)({
 	defaultClassName: "Banner_closeButton__z4crwgx",
 	variantClassNames: { variant: {
 		info: "Banner_closeButton_variant_info__z4crwgy",
@@ -1656,8 +1657,8 @@ var closeButton$1 = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.creat
 	compoundVariants: []
 });
 var closeIcon = "Banner_closeIcon__z4crwg13";
-var content$4 = "Banner_content__z4crwg7";
-var description$4 = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntimeFn)({
+var content$5 = "Banner_content__z4crwg7";
+var description$5 = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntimeFn)({
 	defaultClassName: "Banner_description__z4crwgr",
 	variantClassNames: { variant: {
 		info: "Banner_description_variant_info__z4crwgs",
@@ -1707,7 +1708,7 @@ var link$2 = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntim
 	compoundVariants: []
 });
 var textContainer = "Banner_textContainer__z4crwgk";
-var title$4 = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntimeFn)({
+var title$5 = (0, import_vanilla_extract_recipes_createRuntimeFn_cjs.createRuntimeFn)({
 	defaultClassName: "Banner_title__z4crwgl",
 	variantClassNames: { variant: {
 		info: "Banner_title_variant_info__z4crwgm",
@@ -1789,7 +1790,7 @@ const Banner = ({ title: titleText, description: descriptionText, icon: customIc
 				})]
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: content$4,
+				className: content$5,
 				children: [showIcon && /* @__PURE__ */ jsx("div", {
 					className: iconContainer({ variant }),
 					children: /* @__PURE__ */ jsx("div", {
@@ -1799,10 +1800,10 @@ const Banner = ({ title: titleText, description: descriptionText, icon: customIc
 				}), /* @__PURE__ */ jsxs("div", {
 					className: textContainer,
 					children: [/* @__PURE__ */ jsx("h3", {
-						className: title$4({ variant }),
+						className: title$5({ variant }),
 						children: titleText
 					}), descriptionText && /* @__PURE__ */ jsxs("p", {
-						className: description$4({ variant }),
+						className: description$5({ variant }),
 						children: [descriptionText, url && urlName && /* @__PURE__ */ jsxs(Fragment, { children: [" ", /* @__PURE__ */ jsx("a", {
 							href: url,
 							target: "_blank",
@@ -1816,7 +1817,7 @@ const Banner = ({ title: titleText, description: descriptionText, icon: customIc
 			onClose && /* @__PURE__ */ jsx("button", {
 				type: "button",
 				onClick: onClose,
-				className: closeButton$1({ variant }),
+				className: closeButton$2({ variant }),
 				"aria-label": "Close banner",
 				children: /* @__PURE__ */ jsx("svg", {
 					className: closeIcon,
@@ -2056,7 +2057,7 @@ var stepperWrapper = "Stepper_stepperWrapper__e4qgi2";
 
 //#endregion
 //#region src/components/ui/Stepper.tsx
-const Step = ({ title: title$5, isLoading, isCompleted, isActive, isLast }) => {
+const Step = ({ title: title$6, isLoading, isCompleted, isActive, isLast }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: stepContainer,
 		children: [
@@ -2079,7 +2080,7 @@ const Step = ({ title: title$5, isLoading, isCompleted, isActive, isLast }) => {
 			!isLast && /* @__PURE__ */ jsx("div", { className: `${stepLine} ${isCompleted ? stepLineCompleted : stepLinePending}` }),
 			/* @__PURE__ */ jsx("span", {
 				className: `${stepLabel} ${isActive || isCompleted ? stepLabelActive : stepLabelInactive}`,
-				children: title$5
+				children: title$6
 			})
 		]
 	});
@@ -2103,9 +2104,9 @@ const Stepper = ({ steps, currentStep, isLoading }) => {
 
 //#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 body$2 = "ExtendTimeDialog_body__1augvc0a";
+var closeButton$1 = "ExtendTimeDialog_closeButton__1augvc09";
+var content$4 = "ExtendTimeDialog_content__1augvc02";
 var costContent = "ExtendTimeDialog_costContent__1augvc0u";
 var costDivider = "ExtendTimeDialog_costDivider__1augvc011";
 var costError = "ExtendTimeDialog_costError__1augvc0z";
@@ -2117,19 +2118,19 @@ var costSection = "ExtendTimeDialog_costSection__1augvc0s";
 var costValue = "ExtendTimeDialog_costValue__1augvc0x";
 var costWarning = "ExtendTimeDialog_costWarning__1augvc010";
 var dateInputWrapper = "ExtendTimeDialog_dateInputWrapper__1augvc0d";
-var description$3 = "ExtendTimeDialog_description__1augvc08";
-var errorText = "ExtendTimeDialog_errorText__1augvc0h";
+var description$4 = "ExtendTimeDialog_description__1augvc08";
+var errorText$1 = "ExtendTimeDialog_errorText__1augvc0h";
 var estimatedBadge = "ExtendTimeDialog_estimatedBadge__1augvc015";
 var fieldGroup = "ExtendTimeDialog_fieldGroup__1augvc0c";
-var footer$1 = "ExtendTimeDialog_footer__1augvc0r";
+var footer$2 = "ExtendTimeDialog_footer__1augvc0r";
 var formSection = "ExtendTimeDialog_formSection__1augvc0b";
-var header$2 = "ExtendTimeDialog_header__1augvc06";
+var header$3 = "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 overlay$3 = "ExtendTimeDialog_overlay__1augvc01";
+var spinner$2 = "ExtendTimeDialog_spinner__1augvc05";
 var summaryCard = "ExtendTimeDialog_summaryCard__1augvc0j";
 var summaryContent = "ExtendTimeDialog_summaryContent__1augvc0l";
 var summaryError = "ExtendTimeDialog_summaryError__1augvc0o";
@@ -2137,7 +2138,7 @@ 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";
+var title$4 = "ExtendTimeDialog_title__1augvc07";
 
 //#endregion
 //#region src/components/extend-time-dialog/ExtendTimeDialog.tsx
@@ -2445,39 +2446,39 @@ const ExtendTimeDialog = ({ siteId, currentAccount, clients: { suiClient, queryC
 	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: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, { className: overlay$3 }), /* @__PURE__ */ jsxs(Dialog.Content, {
+			className: content$4,
 			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..." })]
+						children: [/* @__PURE__ */ jsx(Loader2, { className: spinner$2 }), /* @__PURE__ */ jsx("p", { children: "Extending storage time..." })]
 					})
 				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: header$2,
+					className: header$3,
 					children: [
 						/* @__PURE__ */ jsxs(Dialog.Title, {
-							className: title$3,
+							className: title$4,
 							children: ["Extend Time for ", siteData.name]
 						}),
 						/* @__PURE__ */ jsx(Dialog.Description, {
-							className: description$3,
+							className: description$4,
 							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,
+								className: closeButton$1,
 								children: /* @__PURE__ */ jsx(X, { size: 20 })
 							})
 						})
 					]
 				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: body$1,
+					className: body$2,
 					children: [
 						currentEpochsRemaining === 0 && /* @__PURE__ */ jsx(Banner, {
 							title: "Site Expired",
@@ -2523,7 +2524,7 @@ const ExtendTimeDialog = ({ siteId, currentAccount, clients: { suiClient, queryC
 											] })]
 										}),
 										dateError && /* @__PURE__ */ jsx("p", {
-											className: errorText,
+											className: errorText$1,
 											children: dateError
 										})
 									]
@@ -2637,7 +2638,7 @@ const ExtendTimeDialog = ({ siteId, currentAccount, clients: { suiClient, queryC
 												className: costLoading,
 												children: [/* @__PURE__ */ jsx(Loader2, {
 													size: 14,
-													className: spinner$1
+													className: spinner$2
 												}), /* @__PURE__ */ jsx("span", { children: "Calculating cost..." })]
 											}) : storageCostData || estimatedCostData ? /* @__PURE__ */ jsxs(Fragment, { children: [
 												totalFileSize === null && estimatedFileSize !== null && /* @__PURE__ */ jsxs("div", {
@@ -2680,7 +2681,7 @@ const ExtendTimeDialog = ({ siteId, currentAccount, clients: { suiClient, queryC
 					]
 				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: footer$1,
+					className: footer$2,
 					children: [/* @__PURE__ */ jsx(Button, {
 						variant: "outline",
 						onClick: handleClose,
@@ -2701,14 +2702,14 @@ 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 content$3 = "PublishMenu_content__13o2p6d0";
+var description$3 = "PublishMenu_description__13o2p6d4";
+var footer$1 = "PublishMenu_footer__13o2p6d6";
+var header$2 = "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";
+var title$3 = "PublishMenu_title__13o2p6d3";
 
 //#endregion
 //#region src/components/publish-menu/PublishMenu.tsx
@@ -2726,15 +2727,15 @@ const PublishMenu = ({ children, siteId, onPublishClick, onDomainClick, portalDo
 		asChild: true,
 		children
 	}), /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsxs(DropdownMenu.Content, {
-		className: content$2,
+		className: content$3,
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: header$1,
+				className: header$2,
 				children: [/* @__PURE__ */ jsx("h4", {
-					className: title$2,
+					className: title$3,
 					children: isDeployed ? "Update your Site" : "Publish your Site"
 				}), isDeployed && walrusSiteUrl ? associatedDomains.length > 0 && suiNSUrl ? /* @__PURE__ */ jsxs("p", {
-					className: description$2,
+					className: description$3,
 					children: [
 						"Your site is live at",
 						" ",
@@ -2748,7 +2749,7 @@ const PublishMenu = ({ children, siteId, onPublishClick, onDomainClick, portalDo
 						". You can update your site to reflect the latest changes."
 					]
 				}) : /* @__PURE__ */ jsxs("p", {
-					className: description$2,
+					className: description$3,
 					children: [
 						"Your site is live at",
 						" ",
@@ -2767,7 +2768,7 @@ const PublishMenu = ({ children, siteId, onPublishClick, onDomainClick, portalDo
 						". You can link SuiNS domains to view your site in the portal."
 					]
 				}) : /* @__PURE__ */ jsxs("p", {
-					className: description$2,
+					className: description$3,
 					children: [
 						"Deploy your app to",
 						" ",
@@ -2831,7 +2832,7 @@ const PublishMenu = ({ children, siteId, onPublishClick, onDomainClick, portalDo
 			}),
 			/* @__PURE__ */ jsx(DropdownMenu.Separator, { className: separator }),
 			/* @__PURE__ */ jsxs("div", {
-				className: footer,
+				className: footer$1,
 				children: [isDeployed && walrusSiteUrl ? /* @__PURE__ */ jsxs("div", {
 					className: buttonGroup$1,
 					children: [suiNSUrl ? /* @__PURE__ */ jsx(DropdownMenu.Item, {
@@ -2886,9 +2887,9 @@ var PublishMenu_default = PublishMenu;
 //#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 charCount$1 = "PublishModal_charCount__m8gxhr11";
+var content$2 = "PublishModal_content__m8gxhr2";
+var description$2 = "PublishModal_description__m8gxhr4";
 var dialogBodyTwoColumn = "PublishModal_dialogBodyTwoColumn__m8gxhru";
 var dialogContent = "PublishModal_dialogContent__m8gxhrr";
 var dialogFooter = "PublishModal_dialogFooter__m8gxhrw";
@@ -2896,30 +2897,30 @@ 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 fieldLabel$1 = "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 overlay$2 = "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 previewImage$1 = "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 spinner$1 = "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 title$2 = "PublishModal_title__m8gxhr3";
 var twoColumnSection = "PublishModal_twoColumnSection__m8gxhr7";
 var uploadAreaSquare = "PublishModal_uploadAreaSquare__m8gxhry";
-var uploadPlaceholder = "PublishModal_uploadPlaceholder__m8gxhrz";
+var uploadPlaceholder$1 = "PublishModal_uploadPlaceholder__m8gxhrz";
 
 //#endregion
 //#region src/components/publish-modal/PublishModal.tsx
@@ -2938,8 +2939,8 @@ const PublishModal = ({ siteId, assets, onDeploy, onSaveMetadata, onExtendBlobs,
 	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 title$6 = useStore(siteMetadataStore.title);
+	const description$6 = useStore(siteMetadataStore.description);
 	const { epochDurationMs, getExpirationDate } = useEpochDuration(walrusClient);
 	useEffect(() => {
 		if (siteId && epochs && previousEpochs === 0) setPreviousEpochs(epochs);
@@ -3029,15 +3030,15 @@ const PublishModal = ({ siteId, assets, onDeploy, onSaveMetadata, onExtendBlobs,
 	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__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, { className: overlay$2 }), /* @__PURE__ */ jsxs(Dialog.Content, {
+			className: content$2,
 			children: [
 				/* @__PURE__ */ jsx(Dialog.Title, {
-					className: title$1,
+					className: title$2,
 					children: siteId ? "Edit Site" : "Publish New Site"
 				}),
 				/* @__PURE__ */ jsx(Dialog.Description, {
-					className: description$1,
+					className: description$2,
 					children: "Make your project live in the Walrus network."
 				}),
 				/* @__PURE__ */ jsx(Stepper, {
@@ -3059,7 +3060,7 @@ const PublishModal = ({ siteId, assets, onDeploy, onSaveMetadata, onExtendBlobs,
 										/* @__PURE__ */ jsx("img", {
 											src: imageDisplayUrl,
 											alt: "Site preview",
-											className: previewImage
+											className: previewImage$1
 										}),
 										/* @__PURE__ */ jsx("div", { style: {
 											position: "absolute",
@@ -3067,7 +3068,7 @@ const PublishModal = ({ siteId, assets, onDeploy, onSaveMetadata, onExtendBlobs,
 											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", {
+										(title$6 || description$6) && /* @__PURE__ */ jsxs("div", {
 											style: {
 												position: "absolute",
 												bottom: 0,
@@ -3077,7 +3078,7 @@ const PublishModal = ({ siteId, assets, onDeploy, onSaveMetadata, onExtendBlobs,
 												color: "white",
 												pointerEvents: "none"
 											},
-											children: [title$5 && /* @__PURE__ */ jsx("h3", {
+											children: [title$6 && /* @__PURE__ */ jsx("h3", {
 												style: {
 													fontSize: "0.875rem",
 													fontWeight: 600,
@@ -3089,8 +3090,8 @@ const PublishModal = ({ siteId, assets, onDeploy, onSaveMetadata, onExtendBlobs,
 													WebkitLineClamp: 2,
 													WebkitBoxOrient: "vertical"
 												},
-												children: title$5
-											}), description$5 && /* @__PURE__ */ jsx("p", {
+												children: title$6
+											}), description$6 && /* @__PURE__ */ jsx("p", {
 												style: {
 													fontSize: "0.75rem",
 													opacity: .9,
@@ -3101,7 +3102,7 @@ const PublishModal = ({ siteId, assets, onDeploy, onSaveMetadata, onExtendBlobs,
 													WebkitLineClamp: 2,
 													WebkitBoxOrient: "vertical"
 												},
-												children: description$5
+												children: description$6
 											})]
 										})
 									]
@@ -3311,9 +3312,9 @@ const PublishModal = ({ siteId, assets, onDeploy, onSaveMetadata, onExtendBlobs,
 								className: dialogRightColumn,
 								children: [
 									/* @__PURE__ */ jsxs("fieldset", { children: [/* @__PURE__ */ jsxs("div", {
-										className: fieldLabel,
+										className: fieldLabel$1,
 										children: [/* @__PURE__ */ jsx(Label, { children: "Title" }), /* @__PURE__ */ jsxs("span", {
-											className: charCount,
+											className: charCount$1,
 											children: [siteMetadataStore.title.get().length, "/120"]
 										})]
 									}), /* @__PURE__ */ jsx(Input, {
@@ -3322,9 +3323,9 @@ const PublishModal = ({ siteId, assets, onDeploy, onSaveMetadata, onExtendBlobs,
 										placeholder: "Add a title..."
 									})] }),
 									/* @__PURE__ */ jsxs("fieldset", { children: [/* @__PURE__ */ jsxs("div", {
-										className: fieldLabel,
+										className: fieldLabel$1,
 										children: [/* @__PURE__ */ jsx(Label, { children: "Description" }), /* @__PURE__ */ jsxs("span", {
-											className: charCount,
+											className: charCount$1,
 											children: [siteMetadataStore.description.get().length, "/150"]
 										})]
 									}), /* @__PURE__ */ jsx(Textarea, {
@@ -3346,7 +3347,7 @@ const PublishModal = ({ siteId, assets, onDeploy, onSaveMetadata, onExtendBlobs,
 									})] }),
 									!siteId && /* @__PURE__ */ jsxs("fieldset", { children: [
 										/* @__PURE__ */ jsxs("div", {
-											className: fieldLabel,
+											className: fieldLabel$1,
 											children: [/* @__PURE__ */ jsx(Label, { children: "Storage Duration" }), epochs > 0 && /* @__PURE__ */ jsxs("span", {
 												style: {
 													fontSize: "0.75rem",
@@ -3439,7 +3440,7 @@ const PublishModal = ({ siteId, assets, onDeploy, onSaveMetadata, onExtendBlobs,
 							disabled: isLoading || isExtending,
 							children: isLoading || isExtending ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Loader2, {
 								size: 16,
-								className: spinner
+								className: spinner$1
 							}), isExtending ? "Extending Storage..." : "Saving..."] }) : "Save"
 						})]
 					})
@@ -3460,7 +3461,7 @@ const PublishModal = ({ siteId, assets, onDeploy, onSaveMetadata, onExtendBlobs,
 							disabled: isWorking,
 							children: [isWorking && /* @__PURE__ */ jsx(Loader2, {
 								size: 16,
-								className: spinner
+								className: spinner$1
 							}), deployStatusText]
 						})
 					}), /* @__PURE__ */ jsx(Banner, {
@@ -3562,7 +3563,7 @@ function MetadataEditDialog({ isOpen, onClose }) {
 					className: dialogBodyTwoColumn,
 					children: /* @__PURE__ */ jsxs("div", { children: [
 						/* @__PURE__ */ jsxs("div", {
-							className: fieldLabel,
+							className: fieldLabel$1,
 							children: [/* @__PURE__ */ jsx(Label, { children: "Preview Image" }), /* @__PURE__ */ jsx("span", {
 								style: {
 									fontSize: "0.75rem",
@@ -3631,7 +3632,7 @@ function MetadataEditDialog({ isOpen, onClose }) {
 									opacity: isLoading ? .6 : 1
 								},
 								children: isLoading ? /* @__PURE__ */ jsxs("div", {
-									className: uploadPlaceholder,
+									className: uploadPlaceholder$1,
 									children: [/* @__PURE__ */ jsx("div", { style: {
 										width: "32px",
 										height: "32px",
@@ -3658,7 +3659,7 @@ function MetadataEditDialog({ isOpen, onClose }) {
 										borderRadius: "0.5rem"
 									}
 								}) : /* @__PURE__ */ jsxs("div", {
-									className: uploadPlaceholder,
+									className: uploadPlaceholder$1,
 									children: [
 										/* @__PURE__ */ jsx(Upload, {
 											size: 32,
@@ -4629,9 +4630,9 @@ 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 body$1 = "SuiNsModal_body__lh8k8k5";
+var content$1 = "SuiNsModal_content__lh8k8k1";
+var description$1 = "SuiNsModal_description__lh8k8k4";
 var domainCard = "SuiNsModal_domainCard__lh8k8kb";
 var domainCardBg = "SuiNsModal_domainCardBg__lh8k8kc";
 var domainCardGrid = "SuiNsModal_domainCardGrid__lh8k8ka";
@@ -4639,13 +4640,13 @@ 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 header$1 = "SuiNsModal_header__lh8k8k2";
 var link = "SuiNsModal_link__lh8k8kg";
 var loadingSpinner = "SuiNsModal_loadingSpinner__lh8k8kh";
-var overlay = "SuiNsModal_overlay__lh8k8k0";
+var overlay$1 = "SuiNsModal_overlay__lh8k8k0";
 var section = "SuiNsModal_section__lh8k8k6";
 var sectionTitle = "SuiNsModal_sectionTitle__lh8k8k7";
-var title = "SuiNsModal_title__lh8k8k3";
+var title$1 = "SuiNsModal_title__lh8k8k3";
 
 //#endregion
 //#region src/components/suins-modal/RegisterSuiNsDialog.tsx
@@ -4676,13 +4677,13 @@ const RegisterSuiNsDialog = ({ isOpen, onClose, onRegistered, currentAccount, cl
 		open: isOpen,
 		onOpenChange: (open) => !open && handleClose(),
 		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, {
-			className: overlay,
+			className: overlay$1,
 			style: {
 				zIndex: 51,
 				backgroundColor: "rgba(0, 0, 0, 0.7)"
 			}
 		}), /* @__PURE__ */ jsxs(Dialog.Content, {
-			className: content,
+			className: content$1,
 			style: {
 				maxWidth: "32rem",
 				zIndex: 52
@@ -4722,14 +4723,14 @@ const RegisterSuiNsDialog = ({ isOpen, onClose, onRegistered, currentAccount, cl
 					})
 				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: header,
+					className: header$1,
 					children: [
 						/* @__PURE__ */ jsx(Dialog.Title, {
-							className: title,
+							className: title$1,
 							children: "Register SuiNS Domain"
 						}),
 						/* @__PURE__ */ jsx(Dialog.Description, {
-							className: description,
+							className: description$1,
 							children: "Search and register a new .sui domain name"
 						}),
 						/* @__PURE__ */ jsx(Dialog.Close, {
@@ -4760,7 +4761,7 @@ const RegisterSuiNsDialog = ({ isOpen, onClose, onRegistered, currentAccount, cl
 					]
 				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: body,
+					className: body$1,
 					children: [
 						/* @__PURE__ */ jsxs("div", {
 							style: { marginBottom: "1rem" },
@@ -5136,8 +5137,8 @@ const SuiNsModal = ({ siteId, onAssociateDomain, currentAccount, portalDomain, p
 	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: [/* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, { className: overlay$1 }), /* @__PURE__ */ jsxs(Dialog.Content, {
+			className: content$1,
 			children: [
 				isAssigning && /* @__PURE__ */ jsx("div", {
 					style: {
@@ -5173,17 +5174,17 @@ const SuiNsModal = ({ siteId, onAssociateDomain, currentAccount, portalDomain, p
 					})
 				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: header,
+					className: header$1,
 					children: [/* @__PURE__ */ jsx(Dialog.Title, {
-						className: title,
+						className: title$1,
 						children: "Customize Domain"
 					}), /* @__PURE__ */ jsx(Dialog.Description, {
-						className: description,
+						className: description$1,
 						children: "Associate your website with a SuiNS domain for easy access"
 					})]
 				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: body,
+					className: body$1,
 					children: [
 						/* @__PURE__ */ jsxs("div", {
 							className: section,
@@ -5366,6 +5367,393 @@ const ThemeProvider = ({ children, themeOverrides: _ }) => {
 	return /* @__PURE__ */ jsx(Fragment, { children });
 };
 
+//#endregion
+//#region src/components/update-metadata-modal/UpdateMetadataModal.css.ts
+var body = "UpdateMetadataModal_body__1b8g8dv7";
+var charCount = "UpdateMetadataModal_charCount__1b8g8dvb";
+var closeButton = "UpdateMetadataModal_closeButton__1b8g8dv6";
+var content = "UpdateMetadataModal_content__1b8g8dv2";
+var description = "UpdateMetadataModal_description__1b8g8dv5";
+var errorBanner = "UpdateMetadataModal_errorBanner__1b8g8dvo";
+var errorText = "UpdateMetadataModal_errorText__1b8g8dvn";
+var fieldLabel = "UpdateMetadataModal_fieldLabel__1b8g8dva";
+var footer = "UpdateMetadataModal_footer__1b8g8dv9";
+var header = "UpdateMetadataModal_header__1b8g8dv3";
+var imagePreview = "UpdateMetadataModal_imagePreview__1b8g8dvl";
+var loadingContainer = "UpdateMetadataModal_loadingContainer__1b8g8dv8";
+var optionalLabel = "UpdateMetadataModal_optionalLabel__1b8g8dvc";
+var overlay = "UpdateMetadataModal_overlay__1b8g8dv1";
+var previewImage = "UpdateMetadataModal_previewImage__1b8g8dvj";
+var spinner = "UpdateMetadataModal_spinner__1b8g8dvq";
+var title = "UpdateMetadataModal_title__1b8g8dv4";
+var uploadArea = "UpdateMetadataModal_uploadArea__1b8g8dvg";
+var uploadHint = "UpdateMetadataModal_uploadHint__1b8g8dvi";
+var uploadModeButton = "UpdateMetadataModal_uploadModeButton__1b8g8dve";
+var uploadModeButtonActive = "UpdateMetadataModal_uploadModeButtonActive__1b8g8dvf";
+var uploadModeToggle = "UpdateMetadataModal_uploadModeToggle__1b8g8dvd";
+var uploadPlaceholder = "UpdateMetadataModal_uploadPlaceholder__1b8g8dvh";
+var urlInputContainer = "UpdateMetadataModal_urlInputContainer__1b8g8dvk";
+var urlInputWrapper = "UpdateMetadataModal_urlInputWrapper__1b8g8dvm";
+var warningBanner = "UpdateMetadataModal_warningBanner__1b8g8dvp";
+
+//#endregion
+//#region src/components/update-metadata-modal/UpdateMetadataModal.tsx
+/**
+* UpdateMetadataModal Component
+*
+* A modal dialog component for updating metadata (name, description, project URL, preview image)
+* of an existing Walrus site on the Sui blockchain.
+*
+* ## Features
+* - Updates site name (max 120 chars), description (max 150 chars), project URL, and preview image
+* - Supports image upload (max 5MB) or URL input
+* - Validates wallet connection before allowing submission
+* - Automatically loads current site metadata when opened
+* - Shows loading states and error messages
+*
+* ## Usage
+*
+* ```tsx
+* import { UpdateMetadataModal, isUpdateMetadataModalOpen } from '@cmdoss/walrus-site-builder-react'
+* import { useStore } from '@nanostores/react'
+*
+* function MyComponent() {
+*   const isOpen = useStore(isUpdateMetadataModalOpen)
+*
+*   return (
+*     <UpdateMetadataModal
+*       siteId="0x123..."
+*       isOpen={isOpen}
+*       onOpenChange={isUpdateMetadataModalOpen.set}
+*       onSuccess={(digest) => console.log('Updated:', digest)}
+*       clients={{ suiClient, queryClient, walrusClient }}
+*       currentAccount={currentAccount}
+*       signAndExecuteTransaction={signAndExecuteTransaction}
+*     />
+*   )
+* }
+* ```
+*
+* ## State Management
+*
+* The modal visibility is typically controlled via the `isUpdateMetadataModalOpen` atom:
+*
+* ```tsx
+* import { isUpdateMetadataModalOpen } from '@cmdoss/walrus-site-builder-react'
+*
+* // Open modal
+* isUpdateMetadataModalOpen.set(true)
+*
+* // Close modal
+* isUpdateMetadataModalOpen.set(false)
+* ```
+*
+* @see {@link useUpdateSiteMetadata} - The hook used internally for metadata updates
+* @see {@link useWalrusSiteQuery} - Used to fetch current site data
+*/
+const UpdateMetadataModal = ({ siteId, isOpen, onOpenChange, onSuccess, onError, clients: { suiClient, queryClient, walrusClient }, currentAccount, signAndExecuteTransaction, sponsorConfig }) => {
+	const [siteName, setSiteName] = useState("");
+	const [description$6, setDescription] = useState("");
+	const [projectUrl, setProjectUrl] = useState("");
+	const [imageUrl, setImageUrl] = useState("");
+	const [uploadMode, setUploadMode] = useState("url");
+	const [urlInput, setUrlInput] = useState("");
+	const [urlError, setUrlError] = useState("");
+	const [fileSizeError, setFileSizeError] = useState("");
+	const fileInputRef = useRef(null);
+	const MAX_FILE_SIZE = 5 * 1024 * 1024;
+	const { data: siteData, isLoading: isLoadingSite } = useWalrusSiteQuery(siteId, {
+		suiClient,
+		queryClient
+	});
+	const { updateSiteMetadata, isUpdating, error } = useUpdateSiteMetadata({
+		siteId,
+		clients: {
+			suiClient,
+			queryClient,
+			walrusClient
+		},
+		currentAccount,
+		signAndExecuteTransaction,
+		sponsorConfig
+	});
+	const isSdkReady = !!currentAccount && !!suiClient && !!walrusClient;
+	useEffect(() => {
+		if (siteData && isOpen) {
+			setSiteName(siteData.name || "");
+			setDescription(siteData.description || "");
+			setProjectUrl(siteData.project_url || "");
+			setImageUrl(siteData.image_url || "");
+			setUrlInput(siteData.image_url || "");
+		}
+	}, [siteData, isOpen]);
+	useEffect(() => {
+		if (!isOpen) {
+			setUrlError("");
+			setFileSizeError("");
+			setUploadMode("url");
+		}
+	}, [isOpen]);
+	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("");
+		const reader = new FileReader();
+		reader.onload = (e$1) => {
+			const result = e$1.target?.result;
+			if (typeof result === "string") setImageUrl(result);
+		};
+		reader.readAsDataURL(file);
+	};
+	const handleUrlSubmit = () => {
+		if (!urlInput.trim()) {
+			setUrlError("Please enter a valid URL");
+			return;
+		}
+		try {
+			new URL(urlInput);
+			setImageUrl(urlInput);
+			setUrlError("");
+		} catch {
+			setUrlError("Please enter a valid URL");
+		}
+	};
+	const handleSubmit = async () => {
+		if (!isSdkReady) {
+			onError?.(/* @__PURE__ */ new Error("Wallet not connected. Please connect your wallet first."));
+			return;
+		}
+		try {
+			const digest = await updateSiteMetadata({
+				siteName,
+				metadata: {
+					description: description$6 || void 0,
+					project_url: projectUrl || void 0,
+					image_url: imageUrl || void 0
+				}
+			});
+			onSuccess?.(digest);
+			onOpenChange(false);
+		} catch (err) {
+			const error$1 = err instanceof Error ? err : /* @__PURE__ */ new Error("Unknown error");
+			onError?.(error$1);
+		}
+	};
+	const hasChanges = siteName !== (siteData?.name || "") || description$6 !== (siteData?.description || "") || projectUrl !== (siteData?.project_url || "") || imageUrl !== (siteData?.image_url || "");
+	const isLoading = isLoadingSite || isUpdating;
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open: isOpen,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, { className: overlay }), /* @__PURE__ */ jsxs(Dialog.Content, {
+			className: content,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: header,
+					children: [
+						/* @__PURE__ */ jsx(Dialog.Title, {
+							className: title,
+							children: "Update Site Metadata"
+						}),
+						/* @__PURE__ */ jsx(Dialog.Description, {
+							className: description,
+							children: "Update the metadata for your site"
+						}),
+						/* @__PURE__ */ jsx(Dialog.Close, {
+							asChild: true,
+							children: /* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: closeButton,
+								children: /* @__PURE__ */ jsx(X, { size: 20 })
+							})
+						})
+					]
+				}),
+				isLoadingSite ? /* @__PURE__ */ jsxs("div", {
+					className: loadingContainer,
+					children: [/* @__PURE__ */ jsx(Loader2, {
+						size: 24,
+						className: spinner
+					}), /* @__PURE__ */ jsx("p", { children: "Loading site data..." })]
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: body,
+					children: [
+						/* @__PURE__ */ jsxs("fieldset", { children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: fieldLabel,
+								children: [/* @__PURE__ */ jsx(Label, { children: "Preview Image" }), /* @__PURE__ */ jsx("span", {
+									className: optionalLabel,
+									children: "Max 5MB"
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: uploadModeToggle,
+								children: [/* @__PURE__ */ jsx("button", {
+									type: "button",
+									onClick: () => {
+										setUploadMode("file");
+										setUrlError("");
+									},
+									className: uploadMode === "file" ? uploadModeButtonActive : uploadModeButton,
+									children: "Upload File"
+								}), /* @__PURE__ */ jsx("button", {
+									type: "button",
+									onClick: () => {
+										setUploadMode("url");
+										setFileSizeError("");
+									},
+									className: uploadMode === "url" ? uploadModeButtonActive : uploadModeButton,
+									children: "From URL"
+								})]
+							}),
+							uploadMode === "file" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+								/* @__PURE__ */ jsx("div", {
+									className: uploadArea,
+									onClick: () => !isUpdating && fileInputRef.current?.click(),
+									style: {
+										cursor: isUpdating ? "wait" : "pointer",
+										opacity: isUpdating ? .6 : 1
+									},
+									children: imageUrl ? /* @__PURE__ */ jsx("img", {
+										src: imageUrl,
+										alt: "Preview",
+										className: previewImage
+									}) : /* @__PURE__ */ jsxs("div", {
+										className: uploadPlaceholder,
+										children: [
+											/* @__PURE__ */ jsx(Upload, { size: 32 }),
+											/* @__PURE__ */ jsx("p", { children: "Click to upload" }),
+											/* @__PURE__ */ jsx("p", {
+												className: uploadHint,
+												children: "Square image recommended"
+											})
+										]
+									})
+								}),
+								/* @__PURE__ */ jsx("input", {
+									ref: fileInputRef,
+									type: "file",
+									accept: "image/*",
+									onChange: handleImageChange,
+									style: { display: "none" }
+								}),
+								fileSizeError && /* @__PURE__ */ jsxs("p", {
+									className: errorText,
+									children: [/* @__PURE__ */ jsx(Info, { size: 14 }), fileSizeError]
+								})
+							] }) : /* @__PURE__ */ jsxs("div", {
+								className: urlInputContainer,
+								children: [
+									imageUrl && /* @__PURE__ */ jsx("div", {
+										className: imagePreview,
+										children: /* @__PURE__ */ jsx("img", {
+											src: imageUrl,
+											alt: "Preview",
+											className: previewImage
+										})
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: urlInputWrapper,
+										children: [/* @__PURE__ */ jsx(Input, {
+											value: urlInput,
+											onChange: (e) => {
+												setUrlInput(e.target.value);
+												setUrlError("");
+											},
+											onKeyDown: (e) => {
+												if (e.key === "Enter") handleUrlSubmit();
+											},
+											placeholder: "https://example.com/image.png",
+											disabled: isUpdating
+										}), /* @__PURE__ */ jsx(Button, {
+											onClick: handleUrlSubmit,
+											disabled: isUpdating,
+											style: { flexShrink: 0 },
+											children: "Apply"
+										})]
+									}),
+									urlError && /* @__PURE__ */ jsxs("p", {
+										className: errorText,
+										children: [/* @__PURE__ */ jsx(Info, { size: 14 }), urlError]
+									})
+								]
+							})
+						] }),
+						/* @__PURE__ */ jsxs("fieldset", { children: [/* @__PURE__ */ jsxs("div", {
+							className: fieldLabel,
+							children: [/* @__PURE__ */ jsx(Label, { children: "Site Name" }), /* @__PURE__ */ jsxs("span", {
+								className: charCount,
+								children: [siteName.length, "/120"]
+							})]
+						}), /* @__PURE__ */ jsx(Input, {
+							value: siteName,
+							onChange: (e) => setSiteName(e.target.value.slice(0, 120)),
+							placeholder: "Enter site name...",
+							disabled: isUpdating
+						})] }),
+						/* @__PURE__ */ jsxs("fieldset", { children: [/* @__PURE__ */ jsxs("div", {
+							className: fieldLabel,
+							children: [/* @__PURE__ */ jsx(Label, { children: "Description" }), /* @__PURE__ */ jsxs("span", {
+								className: charCount,
+								children: [description$6.length, "/150"]
+							})]
+						}), /* @__PURE__ */ jsx(Textarea, {
+							value: description$6,
+							onChange: (e) => setDescription(e.target.value.slice(0, 150)),
+							placeholder: "Enter description...",
+							rows: 4,
+							disabled: isUpdating
+						})] }),
+						/* @__PURE__ */ jsxs("fieldset", { children: [/* @__PURE__ */ jsxs(Label, { children: ["Project URL", /* @__PURE__ */ jsx("span", {
+							className: optionalLabel,
+							children: " (Optional)"
+						})] }), /* @__PURE__ */ jsx(Input, {
+							value: projectUrl,
+							onChange: (e) => setProjectUrl(e.target.value),
+							placeholder: "https://github.com/username/project",
+							disabled: isUpdating
+						})] }),
+						!isSdkReady && /* @__PURE__ */ jsxs("div", {
+							className: warningBanner,
+							children: [/* @__PURE__ */ jsx(Info, { size: 16 }), /* @__PURE__ */ jsx("span", { children: "Please connect your wallet to update metadata" })]
+						}),
+						error && /* @__PURE__ */ jsxs("div", {
+							className: errorBanner,
+							children: [/* @__PURE__ */ jsx(Info, { size: 16 }), /* @__PURE__ */ jsxs("span", { children: ["Failed to update metadata: ", error.message] })]
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: footer,
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						onClick: () => onOpenChange(false),
+						disabled: isUpdating,
+						children: "Cancel"
+					}), /* @__PURE__ */ jsxs(Button, {
+						onClick: handleSubmit,
+						disabled: !hasChanges || isLoading || !isSdkReady,
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: "0.5rem"
+						},
+						children: [isUpdating && /* @__PURE__ */ jsx(Loader2, {
+							size: 16,
+							className: spinner
+						}), isUpdating ? "Updating..." : !isSdkReady ? "Connect Wallet" : "Update Metadata"]
+					})]
+				})
+			]
+		})] })
+	});
+};
+var UpdateMetadataModal_default = UpdateMetadataModal;
+
 //#endregion
 //#region src/components/PublishButton.tsx
 const PublishButton = ({ children, siteId, assets, onUpdateSiteMetadata, onAssociatedDomain, onError, onExtendedBlobs, currentAccount, signAndExecuteTransaction, sponsorConfig, portalDomain, portalHttps, clients }) => {
@@ -5384,6 +5772,7 @@ const PublishButton = ({ children, siteId, assets, onUpdateSiteMetadata, onAssoc
 		portalHttps
 	});
 	const network = clients.suiClient.network;
+	const updateMetadataModalOpen = useStore(isUpdateMetadataModalOpen);
 	return /* @__PURE__ */ jsxs(ThemeProvider, { children: [
 		/* @__PURE__ */ jsx(PublishMenu_default, {
 			siteId,
@@ -5423,11 +5812,31 @@ const PublishButton = ({ children, siteId, assets, onUpdateSiteMetadata, onAssoc
 			onSuccess: (message, digest) => {
 				onExtendedBlobs?.(message, digest);
 			}
+		}),
+		siteId && /* @__PURE__ */ jsx(UpdateMetadataModal_default, {
+			siteId,
+			isOpen: updateMetadataModalOpen,
+			onOpenChange: isUpdateMetadataModalOpen.set,
+			onSuccess: (digest) => {
+				console.log("✅ Site metadata updated:", digest);
+			},
+			onError: (error) => {
+				onError?.(error.message);
+				console.error("❌ Failed to update metadata:", error);
+			},
+			clients: {
+				suiClient: clients.suiClient,
+				queryClient: clients.queryClient,
+				walrusClient: clients.walrusClient
+			},
+			currentAccount,
+			signAndExecuteTransaction,
+			sponsorConfig
 		})
 	] });
 };
 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, useUpdateSiteMetadata, useWalrusSiteQuery, useWalrusSitesQuery, useZenFsWorkspace, useZenfsFilesQuery };
+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, UpdateMetadataModal_default as UpdateMetadataModal, isAssigningDomain, isDomainDialogOpen, isExtendTimeDialogOpen, isRegisterSuiNSDomainDialogOpen, isUpdateMetadataModalOpen, siteMetadataStore, sitePublishingStore, useEpochDuration, useSitePublishing, useSuiNsDomainsQuery, useSuiNsRegistration, useTransactionExecutor, useUpdateSiteMetadata, useWalrusSiteQuery, useWalrusSitesQuery, useZenFsWorkspace, useZenfsFilesQuery };
 //# sourceMappingURL=index.js.map