@epam/ai-dial-publish-panel 1.3.0-dev.331 → 1.3.0-dev.342

package/index.js

@@ -1,40 +1,40 @@
 import { useCallback as e, useEffect as t, useId as n, useMemo as r, useRef as i, useState as a } from "react";
-import { ButtonVariant as o, Checkbox as s, DIAL_ICON_SIZE as c, DIAL_KIT_ICON_STROKE as l, DialFileNodeType as u, ElementSize as d, ErrorText as f, FolderName as p, GhostButton as m, GhostIconButton as h, Highlight as g, Input as _, LinkButton as ee, LiveRegion as v, LiveRegionElement as te, LiveRegionPoliteness as y, NeutralButton as b, Notification as x, NotificationType as S, NotificationVariant as C, PrimaryButton as ne, RadioGroup as re, Search as w, Select as T, SideDrawer as E, Spinner as D, Tag as O, TagInput as k } from "@epam/ai-dial-ui-kit";
-import { ResourceSummary as A, TAG_INPUT_TAG_CLASS_NAME as j, buildCssVars as ie, mergeClasses as M } from "@epam/ai-dial-chat-shared";
-import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { IconFolder as I, IconFolderPlus as ae, IconPlus as L, IconTrashX as oe } from "@tabler/icons-react";
-import { DialFileNodeType as se, DialFoldersTree as ce } from "@epam/ai-dial-react-file-manager";
+import { BottomSheet as o, ButtonVariant as s, Checkbox as c, DIAL_ICON_SIZE as l, DIAL_KIT_ICON_STROKE as u, DialFileNodeType as d, ElementSize as f, ErrorText as p, FolderName as m, GhostButton as h, GhostIconButton as g, Highlight as _, Input as ee, LinkButton as v, LiveRegion as y, LiveRegionElement as b, LiveRegionPoliteness as x, NeutralButton as S, Notification as C, NotificationType as w, NotificationVariant as T, PrimaryButton as E, RadioGroup as D, Search as O, Select as k, SideDrawer as A, Spinner as j, Tag as M, TagInput as N } from "@epam/ai-dial-ui-kit";
+import { ResourceSummary as P, TAG_INPUT_TAG_CLASS_NAME as te, buildCssVars as ne, mergeClasses as F, useIsMobile as I } from "@epam/ai-dial-chat-shared";
+import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
+import { IconFolder as B, IconFolderPlus as re, IconPlus as ie, IconTrashX as ae } from "@tabler/icons-react";
+import { DialFileNodeType as oe, DialFoldersTree as se } from "@epam/ai-dial-react-file-manager";
 //#region src/models/publish.ts
-var R = /* @__PURE__ */ function(e) {
+var V = /* @__PURE__ */ function(e) {
 	return e.Equal = "EQUAL", e.Contain = "CONTAIN", e.Regex = "REGEX", e;
-}({}), z = /* @__PURE__ */ function(e) {
+}({}), H = /* @__PURE__ */ function(e) {
 	return e.None = "none", e.Info = "info", e.ReplaceWarning = "replaceWarning", e.NoAccess = "noAccess", e.SubmitError = "submitError", e;
-}({}), B = (e) => e.isSubmitting ? {
-	calloutKind: z.None,
+}({}), U = (e) => e.isSubmitting ? {
+	calloutKind: H.None,
 	isSubmitDisabled: !0,
 	isSubmitLoading: !0
 } : e.hasSelectedFolder ? e.hasWriteAccess ? e.hasSubmitError ? {
-	calloutKind: z.SubmitError,
+	calloutKind: H.SubmitError,
 	isSubmitDisabled: !1,
 	isSubmitLoading: !1
 } : e.hasExistingPublicationInFolder ? {
-	calloutKind: z.ReplaceWarning,
+	calloutKind: H.ReplaceWarning,
 	isSubmitDisabled: e.allowReplace === !1,
 	isSubmitLoading: !1
 } : {
-	calloutKind: z.Info,
+	calloutKind: H.Info,
 	isSubmitDisabled: !1,
 	isSubmitLoading: !1
 } : {
-	calloutKind: z.NoAccess,
+	calloutKind: H.NoAccess,
 	isSubmitDisabled: !0,
 	isSubmitLoading: !1
 } : {
-	calloutKind: z.None,
+	calloutKind: H.None,
 	isSubmitDisabled: !0,
 	isSubmitLoading: !1
-}, V = 864e5, H = (e, t = Date.now(), n) => {
-	let r = Math.floor((t - e) / V);
+}, ce = 864e5, W = (e, t = Date.now(), n) => {
+	let r = Math.floor((t - e) / ce);
 	return r <= 0 ? "Today" : r === 1 ? "Yesterday" : r < 7 ? `${r} days ago` : new Date(e).toLocaleDateString(n, {
 		month: "short",
 		day: "numeric",
@@ -52,45 +52,45 @@ var R = /* @__PURE__ */ function(e) {
 } : {
 	...e,
 	children: e.children ? le(e.children, t, n) : e.children
-}), U = (e, t, n) => {
+}), G = (e, t, n) => {
 	let r = [...t, n].join("/");
 	return t.length === 0 ? e.filter((e) => e.path.join("/") !== r) : e.map((e) => e.path.join("/") === t.join("/") ? {
 		...e,
 		children: (e.children ?? []).filter((e) => e.path.join("/") !== r)
 	} : {
 		...e,
-		children: e.children ? U(e.children, t, n) : e.children
+		children: e.children ? G(e.children, t, n) : e.children
 	});
-}, ue = ({ item: n, history: i, folderItems: o, hasWriteAccess: s = () => !0, defaultAuthor: c = "", onCreateFolder: l, onPublish: u, onPublishSuccess: d, onPublishError: f, onFetchExistingRules: p }) => {
+}, K = ({ item: n, history: i, folderItems: o, hasWriteAccess: s = () => !0, defaultAuthor: c = "", onCreateFolder: l, onPublish: u, onPublishSuccess: d, onPublishError: f, onFetchExistingRules: p }) => {
 	let [m, h] = a(o);
 	t(() => {
 		h(o);
 	}, [o]);
-	let [g, _] = a(), [ee, v] = a(!1), [te, y] = a(!1), [b, x] = a([]), [S, C] = a(!1), [ne, re] = a(!1), [w, T] = a(c), [E, D] = a(!1), [O, k] = a(!1);
+	let [g, _] = a(), [ee, v] = a(!1), [y, b] = a(!1), [x, S] = a([]), [C, w] = a(!1), [T, E] = a(!1), [D, O] = a(c), [k, A] = a(!1), [j, M] = a(!1);
 	t(() => {
-		O || T(c);
-	}, [c, O]);
-	let A = e((e) => {
-		k(!0), T(e);
+		j || O(c);
+	}, [c, j]);
+	let N = e((e) => {
+		M(!0), O(e);
 	}, []);
 	t(() => {
 		if (g == null) {
-			x([]), re(!1);
+			S([]), E(!1);
 			return;
 		}
 		if (!p) return;
 		let e = !1;
-		return C(!0), re(!1), p(g).then((t) => {
-			e || x(t);
+		return w(!0), E(!1), p(g).then((t) => {
+			e || S(t);
 		}).catch(() => {
-			e || re(!0);
+			e || E(!0);
 		}).finally(() => {
-			e || C(!1);
+			e || w(!1);
 		}), () => {
 			e = !0;
 		};
 	}, [g]);
-	let j = r(() => {
+	let P = r(() => {
 		if (!g) return !1;
 		let e = g.join("/");
 		return i.some((t) => t.folderPath.join("/") === e ? n.version == null || t.version === n.version : !1);
@@ -98,59 +98,77 @@ var R = /* @__PURE__ */ function(e) {
 		i,
 		n.version,
 		g
-	]), ie = e(async (e, t) => {
+	]), te = e(async (e, t) => {
 		h((n) => le(n, e, t));
 		try {
 			await l?.(e, t);
 		} catch {
-			h((n) => U(n, e, t)), y(!0);
+			h((n) => G(n, e, t)), b(!0);
 		}
-	}, [l]), M = e(async () => {
+	}, [l]), ne = e(async () => {
 		if (!g) return !1;
-		v(!0), y(!1);
+		v(!0), b(!1);
 		try {
-			return await u(n, g, b, w.trim(), E), d?.(n, g), !0;
+			return await u(n, g, x, D.trim(), k), d?.(n, g), !0;
 		} catch (e) {
-			return y(!0), f?.(n, g, e), !1;
+			return b(!0), f?.(n, g, e), !1;
 		} finally {
 			v(!1);
 		}
 	}, [
-		w,
+		D,
 		n,
 		u,
 		f,
 		d,
-		E,
-		b,
+		k,
+		x,
 		g
-	]), N = e(() => {
-		h(o), _(void 0), y(!1), x([]), re(!1), T(c), k(!1), D(!1);
+	]), F = e(() => {
+		h(o), _(void 0), b(!1), S([]), E(!1), O(c), M(!1), A(!1);
 	}, [c, o]);
 	return {
 		folderItems: m,
 		selectedFolderPath: g,
 		setSelectedFolderPath: _,
-		handleCreateFolder: ie,
-		hasExistingPublicationInFolder: j,
+		handleCreateFolder: te,
+		hasExistingPublicationInFolder: P,
 		hasWriteAccess: !g || s(g),
 		isSubmitting: ee,
-		hasSubmitError: te,
-		handleSubmit: M,
-		reset: N,
-		rules: b,
-		setRules: x,
-		author: w,
-		setAuthor: A,
-		publishCredentials: E,
-		setPublishCredentials: D,
-		isRulesLoading: S,
-		hasRulesLoadError: ne
+		hasSubmitError: y,
+		handleSubmit: ne,
+		reset: F,
+		rules: x,
+		setRules: S,
+		author: D,
+		setAuthor: N,
+		publishCredentials: k,
+		setPublishCredentials: A,
+		isRulesLoading: C,
+		hasRulesLoadError: T
+	};
+}, q = /* @__PURE__ */ function(e) {
+	return e.Main = "main", e.ChangeFolder = "change-folder", e;
+}({}), ue = ({ isOpen: e, selectedFolderPath: n, onSelectedFolderPathChange: r }) => {
+	let [i, o] = a(q.Main), [s, c] = a();
+	return t(() => {
+		e && o(q.Main);
+	}, [e]), {
+		view: i,
+		pendingFolderPath: s,
+		setPendingFolderPath: c,
+		openFolderView: () => {
+			c(n), o(q.ChangeFolder);
+		},
+		backToMain: () => o(q.Main),
+		selectFolder: () => {
+			s != null && r(s), o(q.Main);
+		}
 	};
-}, W = (e, t) => {
+}, J = (e, t) => {
 	let n = t.trim().toLowerCase();
 	return n ? e.reduce((e, r) => {
-		let i = r.children ? W(r.children, t) : void 0;
+		let i = r.children ? J(r.children, t) : void 0;
 		return r.name.toLowerCase().includes(n) ? e.push(r) : i?.length && e.push({
 			...r,
 			children: i
@@ -159,203 +177,204 @@ var R = /* @__PURE__ */ function(e) {
 }, de = (e, t) => e.localeCompare(t, void 0, {
 	sensitivity: "base",
 	numeric: !0
-}), fe = (e) => [...e].sort((e, t) => de(e.name, t.name)).map((e) => e.children ? {
+}), Y = (e) => [...e].sort((e, t) => de(e.name, t.name)).map((e) => e.children ? {
 	...e,
-	children: fe(e.children)
-} : e), G = (e, t, n) => {
+	children: Y(e.children)
+} : e), X = (e, t, n) => {
 	let [r, ...i] = t;
 	if (r == null) return e;
 	let a = [...n, r], o = e.find((e) => e.name === r);
 	return o ? i.length ? e.map((e) => e === o ? {
 		...e,
-		children: G(e.children ?? [], i, a)
+		children: X(e.children ?? [], i, a)
 	} : e) : e : [...e, {
 		path: a,
 		name: r,
-		children: i.length ? G([], i, a) : void 0
+		children: i.length ? X([], i, a) : void 0
 	}];
-}, K = (e, t) => t.reduce((e, t) => t.length ? G(e, t, []) : e, e), q = (e) => e.flatMap((e) => [e.path.join("/"), ...e.children ? q(e.children) : []]), J = (e) => e.join("/"), pe = (e) => e.split("/").filter(Boolean), Y = (e) => e.map((e) => {
-	let t = J(e.path);
+}, Z = (e, t) => t.reduce((e, t) => t.length ? X(e, t, []) : e, e), fe = (e) => e.flatMap((e) => [e.path.join("/"), ...e.children ? fe(e.children) : []]), Q = (e) => e.join("/"), pe = (e) => e.split("/").filter(Boolean), me = (e) => e.map((e) => {
+	let t = Q(e.path);
 	return {
 		path: t,
 		name: e.name,
 		folderId: t,
-		nodeType: u.FOLDER,
-		items: e.children ? Y(e.children) : void 0
+		nodeType: d.FOLDER,
+		items: e.children ? me(e.children) : void 0
 	};
-}), me = /[/\\:;,={}&"]/, he = (e, t, n) => {
+}), he = /[/\\:;,={}&"]/, ge = (e, t, n) => {
 	let r = e.trim();
-	return r ? r.includes("..") || me.test(r) ? n.invalid : t.some((e) => e.toLowerCase() === r.toLowerCase()) ? n.duplicate : null : n.empty;
-}, ge = (e, t) => {
+	return r ? r.includes("..") || he.test(r) ? n.invalid : t.some((e) => e.toLowerCase() === r.toLowerCase()) ? n.duplicate : null : n.empty;
+}, _e = (e, t) => {
 	let n = new Set(t.map((e) => e.toLowerCase()));
 	if (!n.has(e.toLowerCase())) return e;
 	let r = 2;
 	for (; n.has(`${e} ${r}`.toLowerCase());) r += 1;
 	return `${e} ${r}`;
-}, _e = (e, t) => {
+}, ve = (e, t) => {
 	if (t.length === 0) return e.map((e) => e.name);
-	let n = J(t), r = (e) => {
+	let n = Q(t), r = (e) => {
 		for (let t of e) {
-			if (J(t.path) === n) return t;
+			if (Q(t.path) === n) return t;
 			let e = t.children ? r(t.children) : void 0;
 			if (e) return e;
 		}
 	};
 	return (r(e)?.children ?? []).map((e) => e.name);
-}, ve = {
-	dialog: "_dialog_jqcm2_5",
-	error: "_error_jqcm2_14",
-	selectField: "_selectField_jqcm2_28",
-	selectFieldOpen: "_selectFieldOpen_jqcm2_40"
-}, X = 20, Z = 200, ye = 8, be = (e) => {
+}, ye = {
+	sheet: "_sheet_1jbwn_3",
+	inline: "_inline_1jbwn_7",
+	selectField: "_selectField_1jbwn_21",
+	selectFieldOpen: "_selectFieldOpen_1jbwn_33"
+}, be = 20, xe = 200, Se = 8, Ce = (e) => {
 	let t = e.trim();
-	if (t.length === 0 || t.length > Z) return !1;
+	if (t.length === 0 || t.length > xe) return !1;
 	try {
 		return new RegExp(t) instanceof RegExp;
 	} catch {
 		return !1;
 	}
-}, Q = ({ sourceOptions: e, onSave: o, onCancel: s, disabled: c = !1, maxTargets: l = X, labels: u = {}, errorClassName: d = "dial-tiny-text", styles: p = {} }) => {
-	let h = {
-		...ie({
-			"--pare-mobile-bg": p.colors?.mobileBackground,
-			"--pare-bg": p.colors?.background,
-			"--pare-error-text": p.colors?.errorText,
-			"--pare-select-border": p.colors?.selectBorder,
-			"--pare-select-border-hover": p.colors?.selectBorderHover,
-			"--pare-select-border-open": p.colors?.selectBorderOpen,
-			"--pare-select-border-focus": p.colors?.selectBorderFocus
+}, we = ({ sourceOptions: e, onSave: s, onCancel: c, disabled: l = !1, maxTargets: u = be, labels: d = {}, styles: f = {} }) => {
+	let p = I(), m = {
+		...ne({
+			"--pare-mobile-bg": f.colors?.mobileBackground,
+			"--pare-bg": f.colors?.background,
+			"--pare-select-border": f.colors?.selectBorder,
+			"--pare-select-border-hover": f.colors?.selectBorderHover,
+			"--pare-select-border-open": f.colors?.selectBorderOpen,
+			"--pare-select-border-focus": f.colors?.selectBorderFocus
 		}),
-		...p.cssVars
-	}, { sourceLabel: ee = "Source", sourcePlaceholder: v = "Select...", functionLabel: te = "Function", equalOptionLabel: y = "Equal", containOptionLabel: x = "Contain", regexOptionLabel: S = "Regex", targetsLabel: C = "Targets", targetsPlaceholder: ne = "Add a target", targetsHintLabel: re = "Press Enter or comma to add a target.", patternLabel: w = "Pattern", patternPlaceholder: E = "Enter a regular expression", invalidRegexError: D = "Enter a valid regular expression.", requiredFieldError: O = "This field is required.", targetsRequiredError: A = "Add at least one target.", saveLabel: N = "Save", cancelLabel: I = "Cancel", dialogAriaLabel: ae = "Add access rule" } = u, L = n(), oe = n(), se = n(), ce = n(), z = i(null);
+		...f.cssVars
+	}, { sourceLabel: g = "Source", sourcePlaceholder: v = "Select...", functionLabel: y = "Function", equalOptionLabel: b = "Equal", containOptionLabel: x = "Contain", regexOptionLabel: C = "Regex", targetsLabel: w = "Targets", targetsPlaceholder: T = "Add a target", targetsHintLabel: E = "Press Enter or comma to add a target.", patternLabel: D = "Pattern", patternPlaceholder: O = "Enter a regular expression", invalidRegexError: A = "Enter a valid regular expression.", requiredFieldError: j = "This field is required.", targetsRequiredError: M = "Add at least one target.", saveLabel: P = "Save", cancelLabel: B = "Cancel", dialogAriaLabel: re = "Add access rule" } = d, ie = n(), ae = n(), oe = n(), se = n(), H = i(null);
 	t(() => {
-		z.current?.focus();
-	}, []);
-	let [B, V] = a(), [H, le] = a(), [U, ue] = a([]), [W, de] = a(""), [fe, G] = a(!1), [K, q] = a(""), [J, pe] = a(!1), [Y, me] = a(!1), he = M(ve.selectField, fe && ve.selectFieldOpen), ge = M(ve.selectField, J && ve.selectFieldOpen), _e = r(() => e.map((e) => ({
+		p || H.current?.focus();
+	}, [p]);
+	let [U, ce] = a(), [W, le] = a(), [G, K] = a([]), [q, ue] = a(""), [J, de] = a(!1), [Y, X] = a(""), [Z, fe] = a(!1), [Q, pe] = a(!1), me = F(ye.selectField, J && ye.selectFieldOpen), he = F(ye.selectField, Z && ye.selectFieldOpen), ge = r(() => e.map((e) => ({
 		value: e,
 		label: e,
-		labelNode: K.trim() ? /* @__PURE__ */ P(g, {
+		labelNode: Y.trim() ? /* @__PURE__ */ R(_, {
 			text: e,
-			query: K,
+			query: Y,
 			maxLines: 1
 		}) : void 0
-	})), [e, K]), Z = r(() => [
+	})), [e, Y]), _e = r(() => [
 		{
-			value: R.Equal,
-			label: y
+			value: V.Equal,
+			label: b
 		},
 		{
-			value: R.Contain,
+			value: V.Contain,
 			label: x
 		},
 		{
-			value: R.Regex,
-			label: S
+			value: V.Regex,
+			label: C
 		}
 	], [
-		y,
+		b,
 		x,
-		S
-	]), Q = H === R.Regex, $ = be(W), xe = B != null && H != null && (Q ? $ : U.length > 0);
-	return /* @__PURE__ */ F("div", {
-		ref: z,
-		role: "dialog",
-		"aria-modal": "true",
-		"aria-label": ae,
+		C
+	]), ve = W === V.Regex, xe = Ce(q), we = U != null && W != null && (ve ? xe : G.length > 0), $ = (e) => {
+		ce(Array.isArray(e) ? e[0] : e), de(!1);
+	}, Te = (e) => {
+		let t = Array.isArray(e) ? e[0] : e;
+		W === V.Regex != (t === V.Regex) && (K([]), ue("")), le(t), fe(!1);
+	}, Ee = (e) => {
+		let t = [];
+		for (let n of e) {
+			let e = n.trim();
+			if (!(e.length === 0 || t.includes(e)) && (t.push(e), t.length >= u)) break;
+		}
+		K(t);
+	}, De = () => {
+		!we || U == null || W == null ? pe(!0) : s({
+			source: U,
+			function: W,
+			targets: ve ? [q.trim()] : G
+		});
+	}, Oe = (q.length > 0 || Q) && !xe, ke = (e) => {
+		e.key === "Escape" && (e.stopPropagation(), c());
+	}, Ae = /* @__PURE__ */ z(L, { children: [
+		/* @__PURE__ */ R(k, {
+			id: ae,
+			labelProps: { label: g },
+			options: ge,
+			value: U,
+			onChange: $,
+			placeholder: v,
+			searchable: e.length > Se,
+			searchPlaceholder: v,
+			onSearchQueryChange: X,
+			disabled: l,
+			open: J,
+			onOpenChange: de,
+			fieldClassName: me,
+			invalid: Q && U == null,
+			error: Q && U == null ? j : void 0
+		}),
+		/* @__PURE__ */ R(k, {
+			labelProps: { label: y },
+			id: oe,
+			options: _e,
+			value: W,
+			onChange: Te,
+			placeholder: y,
+			disabled: l,
+			open: Z,
+			onOpenChange: fe,
+			fieldClassName: he,
+			invalid: Q && W == null,
+			error: Q && W == null ? j : void 0
+		}),
+		ve ? /* @__PURE__ */ R(ee, {
+			id: ie,
+			labelProps: { label: D },
+			placeholder: O,
+			value: q,
+			onChange: (e) => ue(e ?? ""),
+			error: Oe ? A : void 0,
+			disabled: l
+		}) : /* @__PURE__ */ R(N, {
+			id: se,
+			labelProps: { label: w },
+			placeholder: T,
+			caption: Q && G.length === 0 ? void 0 : E,
+			error: Q && G.length === 0 ? M : void 0,
+			invalid: Q && G.length === 0,
+			value: G,
+			onChange: Ee,
+			disabled: l,
+			tagClassName: te
+		}),
+		/* @__PURE__ */ z("div", {
+			className: "mt-auto flex justify-end gap-2 desktop:mt-2",
+			children: [/* @__PURE__ */ R(h, {
+				label: B,
+				onClick: c,
+				disabled: l
+			}), /* @__PURE__ */ R(S, {
+				label: P,
+				onClick: De,
+				disabled: l
+			})]
+		})
+	] });
+	return p ? /* @__PURE__ */ R(o, {
+		open: !0,
+		onClose: c,
+		ariaLabel: re,
+		style: m,
+		className: ye.sheet,
+		bodyClassName: "flex flex-col gap-3 p-4",
+		children: Ae
+	}) : /* @__PURE__ */ R("div", {
+		ref: H,
+		role: "group",
+		"aria-label": re,
 		tabIndex: -1,
-		onKeyDown: (e) => {
-			e.key === "Escape" && (e.stopPropagation(), s());
-		},
-		style: h,
-		className: M("fixed inset-0 z-60 flex flex-col gap-3 overflow-y-auto p-4", "desktop:static desktop:z-auto desktop:flex-none desktop:overflow-visible desktop:rounded-lg desktop:p-3", ve.dialog),
-		children: [
-			/* @__PURE__ */ P(T, {
-				id: oe,
-				labelProps: { label: ee },
-				options: _e,
-				value: B,
-				onChange: (e) => {
-					V(Array.isArray(e) ? e[0] : e), G(!1);
-				},
-				placeholder: v,
-				searchable: e.length > ye,
-				searchPlaceholder: v,
-				onSearchQueryChange: q,
-				disabled: c,
-				open: fe,
-				onOpenChange: G,
-				fieldClassName: he,
-				invalid: Y && B == null,
-				error: Y && B == null ? O : void 0
-			}),
-			/* @__PURE__ */ P(T, {
-				labelProps: { label: te },
-				id: se,
-				options: Z,
-				value: H,
-				onChange: (e) => {
-					let t = Array.isArray(e) ? e[0] : e;
-					H === R.Regex != (t === R.Regex) && (ue([]), de("")), le(t), pe(!1);
-				},
-				placeholder: te,
-				disabled: c,
-				open: J,
-				onOpenChange: pe,
-				fieldClassName: ge,
-				invalid: Y && H == null,
-				error: Y && H == null ? O : void 0
-			}),
-			Q ? /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(_, {
-				id: `${L}-input`,
-				labelProps: { label: w },
-				placeholder: E,
-				value: W,
-				onChange: (e) => de(e ?? ""),
-				invalid: (W.length > 0 || Y) && !$,
-				"aria-describedby": (W.length > 0 || Y) && !$ ? L : void 0,
-				disabled: c
-			}), (W.length > 0 || Y) && !$ && /* @__PURE__ */ P(f, {
-				id: L,
-				className: M("mt-1 block", d, ve.error),
-				text: D
-			})] }) : /* @__PURE__ */ P(k, {
-				id: ce,
-				labelProps: { label: C },
-				placeholder: ne,
-				caption: Y && U.length === 0 ? void 0 : re,
-				error: Y && U.length === 0 ? A : void 0,
-				invalid: Y && U.length === 0,
-				value: U,
-				onChange: (e) => {
-					let t = [];
-					for (let n of e) {
-						let e = n.trim();
-						if (!(e.length === 0 || t.includes(e)) && (t.push(e), t.length >= l)) break;
-					}
-					ue(t);
-				},
-				disabled: c,
-				tagClassName: j
-			}),
-			/* @__PURE__ */ F("div", {
-				className: "mt-auto flex justify-end gap-2 desktop:mt-2",
-				children: [/* @__PURE__ */ P(m, {
-					label: I,
-					onClick: s,
-					disabled: c
-				}), /* @__PURE__ */ P(b, {
-					label: N,
-					onClick: () => {
-						!xe || B == null || H == null ? me(!0) : o({
-							source: B,
-							function: H,
-							targets: Q ? [W.trim()] : U
-						});
-					},
-					disabled: c
-				})]
-			})
-		]
+		onKeyDown: ke,
+		style: m,
+		className: F("flex flex-none flex-col gap-3 rounded-lg p-3", ye.inline),
+		children: Ae
 	});
 }, $ = {
 	ruleRow: "_ruleRow_nx0en_1",
@@ -363,158 +382,158 @@ var R = /* @__PURE__ */ function(e) {
 	hint: "_hint_nx0en_9",
 	loading: "_loading_nx0en_13",
 	ruleText: "_ruleText_nx0en_17"
-}, xe = 20, Se = (e, t) => e === R.Equal ? t.equal : e === R.Contain ? t.contain : t.regex, Ce = ({ rules: e, onRulesChange: r, sourceOptions: s, folderName: u, disabled: d = !1, isLoading: f = !1, hasLoadError: p = !1, maxRules: g = xe, maxTargetsPerRule: _, labels: ee = {}, headingClassName: y = "dial-body-semi-text", hintClassName: b = "dial-small-text", loadingClassName: ne = "dial-small-text", ruleTextClassName: re = "dial-small-text", ruleSourceClassName: w = "dial-small-semi-text", styles: T = {} }) => {
-	let E = {
-		...ie({
-			"--par-rule-bg": T.colors?.ruleBackground,
-			"--par-heading-text": T.colors?.headingText,
-			"--par-hint-text": T.colors?.hintText,
-			"--par-loading-text": T.colors?.loadingText,
-			"--par-rule-text": T.colors?.ruleText
+}, Te = 20, Ee = (e, t) => e === V.Equal ? t.equal : e === V.Contain ? t.contain : t.regex, De = ({ rules: e, onRulesChange: r, sourceOptions: o, folderName: c, disabled: d = !1, isLoading: f = !1, hasLoadError: p = !1, maxRules: m = Te, maxTargetsPerRule: _, labels: ee = {}, headingClassName: v = "dial-body-semi-text", hintClassName: x = "dial-small-text", loadingClassName: S = "dial-small-text", ruleTextClassName: E = "dial-small-text", ruleSourceClassName: D = "dial-small-semi-text", styles: O = {} }) => {
+	let k = {
+		...ne({
+			"--par-rule-bg": O.colors?.ruleBackground,
+			"--par-heading-text": O.colors?.headingText,
+			"--par-hint-text": O.colors?.hintText,
+			"--par-loading-text": O.colors?.loadingText,
+			"--par-rule-text": O.colors?.ruleText
 		}),
-		...T.cssVars
-	}, { heading: O = "Allow access if all match", folderScopeHint: k = "These rules apply to \"{folder}\". Selecting another folder loads that folder's own rules instead.", noFolderScopeHint: A = "Access rules apply to the destination folder — pick a folder above to set its rules.", rulesWithoutFolderWarning: j = "These rules have no destination yet. Select a folder above to apply them.", maxRulesReachedLabel: N = "Rule limit reached ({max}). Remove a rule to add another.", addRuleLabel: I = "Add rule", clearAllLabel: ae = "Clear all", orSeparatorLabel: se = "Or", removeRuleAriaLabelTemplate: ce = "Remove rule for {source}: {targets}", equalFunctionLabel: R = "Equal", containFunctionLabel: z = "Contain", regexFunctionLabel: B = "Regex", loadingLabel: V = "Loading existing rules…", loadErrorLabel: H = "Couldn't load existing rules for this folder. You can still add rules manually.", ruleAddedAnnouncement: le = "Rule added.", ruleRemovedAnnouncement: U = "Rule removed.", rulesClearedAnnouncement: ue = "All rules cleared.", rulesLoadedAnnouncement: W = "Existing rules loaded for the selected folder.", editorLabels: de } = ee, fe = n(), [G, K] = a(!1), [q, J] = a(""), pe = i(null), Y = i(f);
+		...O.cssVars
+	}, { heading: A = "Allow access if all match", folderScopeHint: M = "These rules apply to \"{folder}\". Selecting another folder loads that folder's own rules instead.", noFolderScopeHint: N = "Access rules apply to the destination folder — pick a folder above to set its rules.", rulesWithoutFolderWarning: P = "These rules have no destination yet. Select a folder above to apply them.", maxRulesReachedLabel: te = "Rule limit reached ({max}). Remove a rule to add another.", addRuleLabel: I = "Add rule", clearAllLabel: L = "Clear all", orSeparatorLabel: B = "Or", removeRuleAriaLabelTemplate: re = "Remove rule for {source}: {targets}", equalFunctionLabel: oe = "Equal", containFunctionLabel: se = "Contain", regexFunctionLabel: V = "Regex", loadingLabel: H = "Loading existing rules…", loadErrorLabel: U = "Couldn't load existing rules for this folder. You can still add rules manually.", ruleAddedAnnouncement: ce = "Rule added.", ruleRemovedAnnouncement: W = "Rule removed.", rulesClearedAnnouncement: le = "All rules cleared.", rulesLoadedAnnouncement: G = "Existing rules loaded for the selected folder.", editorLabels: K } = ee, q = n(), [ue, J] = a(!1), [de, Y] = a(""), X = i(null), Z = i(f);
 	t(() => {
-		Y.current && !f && e.length > 0 && J(W), Y.current = f;
+		Z.current && !f && e.length > 0 && Y(G), Z.current = f;
 	}, [
 		f,
 		e,
-		W
+		G
 	]);
-	let me = () => {
-		pe.current = document.activeElement, K(!0);
+	let fe = () => {
+		X.current = document.activeElement, J(!0);
+	}, Q = () => {
+		J(!1), X.current?.focus?.();
+	}, pe = (t) => {
+		r([...e, t]), Y(ce), Q();
+	}, me = (t) => {
+		r(e.filter((e, n) => n !== t)), Y(W);
 	}, he = () => {
-		K(!1), pe.current?.focus?.();
-	}, ge = (t) => {
-		r([...e, t]), J(le), he();
-	}, _e = (t) => {
-		r(e.filter((e, n) => n !== t)), J(U);
-	}, ve = () => {
-		r([]), J(ue);
-	}, X = {
-		equal: R,
-		contain: z,
-		regex: B
-	}, Z = e.length >= g, ye = d || Z, be = u != null && u !== "";
-	return /* @__PURE__ */ F("div", {
+		r([]), Y(le);
+	}, ge = {
+		equal: oe,
+		contain: se,
+		regex: V
+	}, _e = e.length >= m, ve = d || _e, ye = c != null && c !== "";
+	return /* @__PURE__ */ z("div", {
 		role: "group",
-		"aria-labelledby": fe,
-		style: E,
-		className: M(d && "pointer-events-none opacity-60"),
+		"aria-labelledby": q,
+		style: k,
+		className: F(d && "pointer-events-none opacity-60"),
 		children: [
-			/* @__PURE__ */ P(v, {
+			/* @__PURE__ */ R(y, {
 				visuallyHidden: !0,
-				as: te.Span,
-				children: q
+				as: b.Span,
+				children: de
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ z("div", {
 				className: "mb-1 flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ P("div", {
-					id: fe,
-					className: M(y, $.heading),
-					children: O
-				}), e.length > 0 && /* @__PURE__ */ P(m, {
-					variant: o.Primary,
-					label: ae,
-					onClick: ve,
+				children: [/* @__PURE__ */ R("div", {
+					id: q,
+					className: F(v, $.heading),
+					children: A
+				}), e.length > 0 && /* @__PURE__ */ R(h, {
+					variant: s.Primary,
+					label: L,
+					onClick: he,
 					disabled: d
 				})]
 			}),
-			/* @__PURE__ */ P("p", {
-				className: M("mb-2", b, $.hint),
-				children: be ? k.replace("{folder}", u) : A
+			/* @__PURE__ */ R("p", {
+				className: F("mb-2", x, $.hint),
+				children: ye ? M.replace("{folder}", c) : N
 			}),
-			e.length > 0 && !be && /* @__PURE__ */ P("div", {
+			e.length > 0 && !ye && /* @__PURE__ */ R("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ P(x, {
-					type: S.SectionMessage,
-					variant: C.Warning,
-					message: j
+				children: /* @__PURE__ */ R(C, {
+					type: w.SectionMessage,
+					variant: T.Warning,
+					message: P
 				})
 			}),
-			f && /* @__PURE__ */ F("div", {
-				className: M("mb-2 flex items-center gap-2", ne, $.loading),
-				children: [/* @__PURE__ */ P(D, {
+			f && /* @__PURE__ */ z("div", {
+				className: F("mb-2 flex items-center gap-2", S, $.loading),
+				children: [/* @__PURE__ */ R(j, {
 					size: 16,
-					ariaLabel: V
-				}), /* @__PURE__ */ P("span", { children: V })]
+					ariaLabel: H
+				}), /* @__PURE__ */ R("span", { children: H })]
 			}),
-			p && /* @__PURE__ */ P("div", {
+			p && /* @__PURE__ */ R("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ P(x, {
-					type: S.SectionMessage,
-					variant: C.Warning,
-					message: H
+				children: /* @__PURE__ */ R(C, {
+					type: w.SectionMessage,
+					variant: T.Warning,
+					message: U
 				})
 			}),
-			e.length > 0 && /* @__PURE__ */ P("ul", {
+			e.length > 0 && /* @__PURE__ */ R("ul", {
 				className: "mb-3 flex flex-col gap-2",
 				children: e.map((e, t) => {
-					let n = e.targets.join(` ${se} `), r = ce.replace("{source}", e.source).replace("{targets}", n);
-					return /* @__PURE__ */ F("li", {
-						className: M("flex items-center justify-between gap-2 rounded-lg px-3 py-2", $.ruleRow),
-						children: [/* @__PURE__ */ F("span", {
-							className: M("truncate", re, $.ruleText),
+					let n = e.targets.join(` ${B} `), r = re.replace("{source}", e.source).replace("{targets}", n);
+					return /* @__PURE__ */ z("li", {
+						className: F("flex items-center justify-between gap-2 rounded-lg px-3 py-2", $.ruleRow),
+						children: [/* @__PURE__ */ z("span", {
+							className: F("truncate", E, $.ruleText),
 							children: [
-								/* @__PURE__ */ P("span", {
-									className: w,
+								/* @__PURE__ */ R("span", {
+									className: D,
 									children: e.source
 								}),
 								" ",
-								Se(e.function, X),
+								Ee(e.function, ge),
 								": ",
 								n
 							]
-						}), /* @__PURE__ */ P(h, {
-							icon: /* @__PURE__ */ P(oe, {
-								size: c.SM,
+						}), /* @__PURE__ */ R(g, {
+							icon: /* @__PURE__ */ R(ae, {
+								size: l.SM,
 								"aria-hidden": !0,
-								stroke: l
+								stroke: u
 							}),
 							"aria-label": r,
-							onClick: () => _e(t),
+							onClick: () => me(t),
 							disabled: d
 						})]
 					}, t);
 				})
 			}),
-			G && /* @__PURE__ */ P(Q, {
-				sourceOptions: s,
-				onSave: ge,
-				onCancel: he,
+			ue && /* @__PURE__ */ R(we, {
+				sourceOptions: o,
+				onSave: pe,
+				onCancel: Q,
 				disabled: d,
 				maxTargets: _,
-				labels: de,
-				styles: T.editor
+				labels: K,
+				styles: O.editor
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ R("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: /* @__PURE__ */ P(m, {
+				children: /* @__PURE__ */ R(h, {
 					label: I,
-					iconBefore: /* @__PURE__ */ P(L, {
-						size: c.SM,
+					iconBefore: /* @__PURE__ */ R(ie, {
+						size: l.SM,
 						"aria-hidden": !0,
-						stroke: l
+						stroke: u
 					}),
-					onClick: me,
-					disabled: ye
+					onClick: fe,
+					disabled: ve
 				})
 			}),
-			Z && /* @__PURE__ */ P("p", {
-				className: M("mt-2", b, $.hint),
-				children: N.replace("{max}", String(g))
+			_e && /* @__PURE__ */ R("p", {
+				className: F("mt-2", x, $.hint),
+				children: te.replace("{max}", String(m))
 			})
 		]
 	});
-}, we = {
+}, Oe = {
 	currentBadge: "_currentBadge_d0adf_1",
 	sharedCredentialsBadge: "_sharedCredentialsBadge_d0adf_7",
 	version: "_version_d0adf_13",
 	date: "_date_d0adf_17",
 	emptyState: "_emptyState_d0adf_21",
 	stripedRow: "_stripedRow_d0adf_25"
-}, Te = ({ entries: e, currentVersion: t, isLoading: n = !1, hasError: r = !1, versionPrefix: i = "Version", currentBadgeLabel: a = "Current", sharedCredentialsLabel: o = "Shared credentials", emptyStateLabel: s = "Not published to this folder yet — this will be the first version here.", loadingLabel: c = "Loading history…", errorLabel: l = "Failed to load publish history.", versionClassName: u = "dial-small-text", dateClassName: d = "dial-small-text", emptyStateClassName: f = "dial-small-text", colors: p }) => {
-	let m = ie({
+}, ke = ({ entries: e, currentVersion: t, isLoading: n = !1, hasError: r = !1, versionPrefix: i = "Version", currentBadgeLabel: a = "Current", sharedCredentialsLabel: o = "Shared credentials", emptyStateLabel: s = "Not published to this folder yet — this will be the first version here.", loadingLabel: c = "Loading history…", errorLabel: l = "Failed to load publish history.", versionClassName: u = "dial-small-text", dateClassName: d = "dial-small-text", emptyStateClassName: f = "dial-small-text", colors: p }) => {
+	let m = ne({
 		"--phl-badge-border": p?.currentBadgeBorder,
 		"--phl-badge-bg": p?.currentBadgeBackground,
 		"--phl-badge-text": p?.currentBadgeText,
@@ -525,420 +544,468 @@ var R = /* @__PURE__ */ function(e) {
 		"--phl-date-text": p?.dateText,
 		"--phl-empty-text": p?.emptyStateText,
 		"--phl-striped-bg": p?.stripedBackground
-	}), h = M(f, we.emptyState);
+	}), h = F(f, Oe.emptyState);
 	if (n || r || e.length === 0) {
 		let e = s;
-		return n ? e = c : r && (e = l), /* @__PURE__ */ P(v, {
-			as: te.P,
+		return n ? e = c : r && (e = l), /* @__PURE__ */ R(y, {
+			as: b.P,
 			style: m,
 			className: h,
 			children: e
 		});
 	}
-	return /* @__PURE__ */ P("ul", {
+	return /* @__PURE__ */ R("ul", {
 		style: m,
-		children: e.map((e, n) => /* @__PURE__ */ F("li", {
-			className: M("flex items-center justify-between gap-2 rounded-lg px-3 py-[11px]", n % 2 == 0 && we.stripedRow),
-			children: [/* @__PURE__ */ F("span", {
+		children: e.map((e, n) => /* @__PURE__ */ z("li", {
+			className: F("flex items-center justify-between gap-2 rounded-lg px-3 py-[11px]", n % 2 == 0 && Oe.stripedRow),
+			children: [/* @__PURE__ */ z("span", {
 				className: "flex min-w-0 items-center gap-2",
 				style: m,
 				children: [
-					/* @__PURE__ */ F("span", {
-						className: M(u, we.version),
+					/* @__PURE__ */ z("span", {
+						className: F(u, Oe.version),
 						children: [
 							i,
 							" ",
 							e.version
 						]
 					}),
-					e.version === t && /* @__PURE__ */ P(O, {
+					e.version === t && /* @__PURE__ */ R(M, {
 						label: a,
-						className: M("shrink-0 whitespace-nowrap", we.currentBadge)
+						className: F("shrink-0 whitespace-nowrap", Oe.currentBadge)
 					}),
-					e.publishCredentials === !0 && /* @__PURE__ */ P(O, {
+					e.publishCredentials === !0 && /* @__PURE__ */ R(M, {
 						label: o,
-						className: M("shrink-0 whitespace-nowrap", we.sharedCredentialsBadge)
+						className: F("shrink-0 whitespace-nowrap", Oe.sharedCredentialsBadge)
 					})
 				]
-			}), /* @__PURE__ */ P("span", {
-				className: M(d, we.date),
-				children: H(e.publishedAt)
+			}), /* @__PURE__ */ R("span", {
+				className: F(d, Oe.date),
+				children: W(e.publishedAt)
 			})]
 		}, `${e.version}-${n}`))
 	});
-}, Ee = ":", De = (e) => `${Ee}${e}`, Oe = (e) => e?.startsWith(Ee) ? e.slice(1) : void 0, ke = (e) => [De(e.rootKey), ...e.path], Ae = (e) => {
-	let [t, ...n] = e, r = Oe(t);
+}, Ae = ":", je = (e) => `${Ae}${e}`, Me = (e) => e?.startsWith(Ae) ? e.slice(1) : void 0, Ne = (e) => [je(e.rootKey), ...e.path], Pe = (e) => {
+	let [t, ...n] = e, r = Me(t);
 	return r == null ? void 0 : {
 		rootKey: r,
 		path: n
 	};
-}, je = (e, t) => e.map((e) => ({
+}, Fe = (e, t) => e.map((e) => ({
 	...e,
 	path: [t, ...e.path],
-	children: e.children ? je(e.children, t) : void 0
-})), Me = (e) => e.map((e) => {
-	let t = De(e.key);
+	children: e.children ? Fe(e.children, t) : void 0
+})), Ie = (e) => e.map((e) => {
+	let t = je(e.key);
 	return {
 		path: [t],
 		name: e.label,
-		children: je(fe(e.items), t)
+		children: Fe(Y(e.items), t)
 	};
-}), Ne = (e) => e.map((e) => De(e.key)), Pe = (e, t) => {
+}), Le = (e) => e.map((e) => je(e.key)), Re = (e, t) => {
 	let n = /* @__PURE__ */ new Set();
 	for (let r of e) {
-		let e = De(r.key);
+		let e = je(r.key);
 		for (let i of t(r) ?? []) n.add(i ? `${e}/${i}` : e);
 	}
 	return n;
-}, Fe = (e, t) => {
+}, ze = (e, t) => {
 	let n = new Map(e.map((e) => [e.key, /* @__PURE__ */ new Set()]));
 	for (let e of t) {
-		let [t, ...r] = e.split("/"), i = Oe(t);
-		i != null && r.length !== 0 && n.get(i)?.add(J(r));
+		let [t, ...r] = e.split("/"), i = Me(t);
+		i != null && r.length !== 0 && n.get(i)?.add(Q(r));
 	}
 	return n;
-}, Ie = {
+}, Be = {
 	divider: "_divider_1gs31_1",
 	tree: "_tree_1gs31_17"
-}, Le = "data-cancel-creating-folder", Re = "", ze = [], Be = ({ items: e = ze, selectedPath: n, onSelectedPathChange: o, onCreateFolder: s, roots: u, destination: d, onDestinationChange: f, onCreateDestinationFolder: p, searchQuery: h, disabled: g = !1, createFolderLabel: _ = "Create new folder", cancelCreatingFolderLabel: ee = "Cancel", addSiblingFolderLabel: v = "Add sibling", addChildFolderLabel: te = "Add child", newFolderDefaultName: y = "New folder", noResultsLabel: b = "No folders match \"{query}\".", emptyFolderNameError: x = "Folder name cannot be empty.", invalidFolderNameError: S = "Folder name contains invalid characters.", duplicateFolderNameError: C = "A folder with this name already exists.", rootLabel: ne = "Organization", expandedPaths: re, onExpandedPathsChange: w, loadingPaths: T, styles: E = {} }) => {
-	let D = {
-		...ie({ "--pft-divider": E.colors?.divider }),
-		...E.cssVars
-	}, O = u != null, k = r(() => u ? Me(u) : e, [u, e]), A = r(() => u ? Ne(u) : [Re], [u]), j = n;
-	O && (j = d ? ke(d) : void 0);
-	let N = (e) => {
-		O ? f?.(e ? Ae(e) : void 0) : o?.(e);
-	}, [I, oe] = a(() => new Set(j?.map((e, t) => J(j.slice(0, t + 1))) ?? [])), R = r(() => u ? /* @__PURE__ */ new Set([...I, ...Pe(u, (e) => e.expandedPaths)]) : void 0, [u, I]) ?? re ?? I, z = r(() => u ? Pe(u, (e) => e.loadingPaths) : T, [u, T]), B = (e) => {
+}, Ve = "data-cancel-creating-folder", He = "", Ue = [], We = ({ items: e = Ue, selectedPath: n, onSelectedPathChange: o, onCreateFolder: s, roots: c, destination: d, onDestinationChange: f, onCreateDestinationFolder: p, searchQuery: m, disabled: g = !1, createFolderLabel: _ = "Create new folder", cancelCreatingFolderLabel: ee = "Cancel", addSiblingFolderLabel: v = "Add sibling", addChildFolderLabel: y = "Add child", newFolderDefaultName: b = "New folder", noResultsLabel: x = "No folders match \"{query}\".", emptyFolderNameError: S = "Folder name cannot be empty.", invalidFolderNameError: C = "Folder name contains invalid characters.", duplicateFolderNameError: w = "A folder with this name already exists.", rootLabel: T = "Organization", expandedPaths: E, onExpandedPathsChange: D, loadingPaths: O, styles: k = {} }) => {
+	let A = {
+		...ne({ "--pft-divider": k.colors?.divider }),
+		...k.cssVars
+	}, j = c != null, M = r(() => c ? Ie(c) : e, [c, e]), N = r(() => c ? Le(c) : [He], [c]), P = n;
+	j && (P = d ? Ne(d) : void 0);
+	let te = (e) => {
+		j ? f?.(e ? Pe(e) : void 0) : o?.(e);
+	}, [I, L] = a(() => new Set(P?.map((e, t) => Q(P.slice(0, t + 1))) ?? [])), B = r(() => c ? /* @__PURE__ */ new Set([...I, ...Re(c, (e) => e.expandedPaths)]) : void 0, [c, I]) ?? E ?? I, ae = r(() => c ? Re(c, (e) => e.loadingPaths) : O, [c, O]), V = (e) => {
 		let t = new Set(e);
-		for (let e of A) t.delete(e);
-		if (u) {
-			oe(t);
-			let e = Fe(u, t);
-			for (let t of u) t.onExpandedPathsChange?.(e.get(t.key) ?? /* @__PURE__ */ new Set());
-		} else w ? w(t) : oe(t);
-	}, [V, H] = a(null), [le, U] = a(y), ue = i(null), de = i(!1);
+		for (let e of N) t.delete(e);
+		if (c) {
+			L(t);
+			let e = ze(c, t);
+			for (let t of c) t.onExpandedPathsChange?.(e.get(t.key) ?? /* @__PURE__ */ new Set());
+		} else D ? D(t) : L(t);
+	}, [H, U] = a(null), [ce, W] = a(b), le = i(null), G = i(!1);
 	t(() => {
 		let e = (e) => {
-			e.target instanceof Element && e.target.closest(`[${Le}]`) && (de.current = !0);
+			e.target instanceof Element && e.target.closest(`[${Ve}]`) && (G.current = !0);
 		};
 		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
 	}, []);
-	let G = h.trim(), K = V != null, me = r(() => W(k, h), [k, h]), ve = G.length > 0 && me.length === 0, X = !K && G.length > 0, Z = r(() => {
-		let e = X ? me : k;
-		return O ? e : fe(e);
+	let K = m.trim(), q = H != null, ue = r(() => J(M, m), [M, m]), de = K.length > 0 && ue.length === 0, X = !q && K.length > 0, Z = r(() => {
+		let e = X ? ue : M;
+		return j ? e : Y(e);
 	}, [
 		X,
-		me,
-		k,
-		O
-	]), ye = r(() => /* @__PURE__ */ new Set([...A, ...q(Z)]), [A, Z]), be = r(() => /* @__PURE__ */ new Set([...A, ...X ? ye : R]), [
-		A,
+		ue,
+		M,
+		j
+	]), he = r(() => /* @__PURE__ */ new Set([...N, ...fe(Z)]), [N, Z]), ye = r(() => /* @__PURE__ */ new Set([...N, ...X ? he : B]), [
+		N,
 		X,
-		ye,
-		R
-	]), Q = r(() => Y(Z), [Z]), $ = r(() => X && Q.length === 0 ? [] : O ? Q : [{
-		path: Re,
-		name: ne,
-		folderId: Re,
-		nodeType: se.FOLDER,
-		items: Q
+		he,
+		B
+	]), be = r(() => me(Z), [Z]), xe = r(() => X && be.length === 0 ? [] : j ? be : [{
+		path: He,
+		name: T,
+		folderId: He,
+		nodeType: oe.FOLDER,
+		items: be
 	}], [
-		Q,
-		ne,
+		be,
+		T,
 		X,
-		O
-	]), xe = V ? J(V) : null, Se = {
-		empty: x,
-		invalid: S,
-		duplicate: C
-	}, Ce = (e) => {
-		if (!u) return !0;
-		let t = Ae(e), n = u.find((e) => e.key === t?.rootKey);
+		j
+	]), Se = H ? Q(H) : null, Ce = {
+		empty: S,
+		invalid: C,
+		duplicate: w
+	}, we = (e) => {
+		if (!c) return !0;
+		let t = Pe(e), n = c.find((e) => e.key === t?.rootKey);
 		return n != null && n.canCreateFolders !== !1;
-	}, we = (() => {
-		if (!u) return j ?? [];
-		if (j && Ce(j)) return j;
-		let e = u.find((e) => e.canCreateFolders !== !1);
-		return e ? ke({
+	}, $ = (() => {
+		if (!c) return P ?? [];
+		if (P && we(P)) return P;
+		let e = c.find((e) => e.canCreateFolders !== !1);
+		return e ? Ne({
 			rootKey: e.key,
 			path: []
 		}) : void 0;
-	})(), Te = (e) => ge(ve && he(G, [], Se) == null ? G : y, _e(k, e)), Ee = (e) => {
-		H(e), U(Te(e)), ue.current = null, de.current = !1;
-		let t = J(e);
-		t && B(new Set(R).add(t));
+	})(), Te = (e) => _e(de && ge(K, [], Ce) == null ? K : b, ve(M, e)), Ee = (e) => {
+		U(e), W(Te(e)), le.current = null, G.current = !1;
+		let t = Q(e);
+		t && V(new Set(B).add(t));
 	}, De = () => {
-		we && Ee(we);
+		$ && Ee($);
 	}, Oe = (e) => {
 		let t = pe(e.path);
-		if (!Ce(t)) return [];
+		if (!we(t)) return [];
 		let n = [{
 			key: "add-child",
-			label: te,
-			icon: /* @__PURE__ */ P(ae, {
-				size: c.SM,
+			label: y,
+			icon: /* @__PURE__ */ R(re, {
+				size: l.SM,
 				"aria-hidden": !0,
-				stroke: l
+				stroke: u
 			}),
 			onClick: () => Ee(t)
 		}];
-		return A.includes(e.path) || n.push({
+		return N.includes(e.path) || n.push({
 			key: "add-sibling",
 			label: v,
-			icon: /* @__PURE__ */ P(L, {
-				size: c.SM,
+			icon: /* @__PURE__ */ R(ie, {
+				size: l.SM,
 				"aria-hidden": !0,
-				stroke: l
+				stroke: u
 			}),
 			onClick: () => Ee(t.slice(0, -1))
 		}), n;
-	}, je = (e) => {
-		if (!V) return null;
-		let t = he(e, _e(k, V), Se);
-		return ue.current = t, t;
-	}, Be = (e) => {
-		if (!V || de.current) return;
-		let t = e.trim(), n = ue.current;
-		if (!(je(e) ?? n)) {
-			let e = u ? Ae(V) : void 0;
-			e ? p?.(e.rootKey, e.path, t) : s?.(V, t), N([...V, t]);
+	}, ke = (e) => {
+		if (!H) return null;
+		let t = ge(e, ve(M, H), Ce);
+		return le.current = t, t;
+	}, Ae = (e) => {
+		if (!H || G.current) return;
+		let t = e.trim(), n = le.current;
+		if (!(ke(e) ?? n)) {
+			let e = c ? Pe(H) : void 0;
+			e ? p?.(e.rootKey, e.path, t) : s?.(H, t), te([...H, t]);
 		}
-		H(null);
-	}, Ve = () => H(null);
-	return /* @__PURE__ */ F("div", {
-		style: D,
-		className: M(g && "pointer-events-none opacity-60", E.className),
+		U(null);
+	}, je = () => U(null);
+	return /* @__PURE__ */ z("div", {
+		style: A,
+		className: F(g && "pointer-events-none opacity-60", k.className),
 		children: [
-			/* @__PURE__ */ P("div", {
-				className: M("w-full max-w-full min-w-0", Ie.tree),
-				children: /* @__PURE__ */ P(ce, {
-					items: $,
+			/* @__PURE__ */ R("div", {
+				className: F("w-full max-w-full min-w-0", Be.tree),
+				children: /* @__PURE__ */ R(se, {
+					items: xe,
 					showFiles: !1,
-					selectedPath: j == null ? void 0 : J(j),
-					expandedPaths: be,
-					onExpandedPathsChange: B,
-					loadingPaths: z,
+					selectedPath: P == null ? void 0 : Q(P),
+					expandedPaths: ye,
+					onExpandedPathsChange: V,
+					loadingPaths: ae,
 					onItemClick: (e) => {
-						let t = j != null && J(j) === e.path;
-						N(t ? void 0 : pe(e.path));
+						let t = P != null && Q(P) === e.path;
+						te(t ? void 0 : pe(e.path));
 					},
 					getContextMenuItems: Oe,
-					createdFolderPath: xe,
-					newFolderDefaultName: le,
-					onCreateFolderSave: Be,
-					onCreateFolderCancel: Ve,
-					onRenameValidate: (e) => je(e),
-					emptyStateTitle: X ? b.replace("{query}", G) : void 0
+					createdFolderPath: Se,
+					newFolderDefaultName: ce,
+					onCreateFolderSave: Ae,
+					onCreateFolderCancel: je,
+					onRenameValidate: (e) => ke(e),
+					emptyStateTitle: X ? x.replace("{query}", K) : void 0
 				})
 			}),
-			/* @__PURE__ */ P("div", {
-				className: M("my-2 h-px", Ie.divider),
+			/* @__PURE__ */ R("div", {
+				className: F("my-2 h-px", Be.divider),
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ z("div", {
 				className: "mb-4 flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ P(m, {
+				children: [/* @__PURE__ */ R(h, {
 					onClick: De,
 					label: _,
-					iconBefore: /* @__PURE__ */ P(L, {
-						size: c.SM,
+					iconBefore: /* @__PURE__ */ R(ie, {
+						size: l.SM,
 						"aria-hidden": !0,
-						stroke: l
+						stroke: u
 					}),
-					disabled: g || K || !we
-				}), K && /* @__PURE__ */ P(m, {
+					disabled: g || q || !$
+				}), q && /* @__PURE__ */ R(h, {
 					label: ee,
-					onClick: Ve,
+					onClick: je,
 					disabled: g,
-					[Le]: ""
+					[Ve]: ""
 				})]
 			})
 		]
 	});
-}, Ve = { panel: "dial-publish-panel-panel" }, He = {
-	summaryTitle: "_summaryTitle_tf20a_1",
-	sectionHeading: "_sectionHeading_tf20a_5"
-}, Ue = 200, We = ({ resource: e, renderSummary: t, folderItems: i, selectedFolderPath: o, onSelectedFolderPathChange: c, onCreateFolder: l, expandedPaths: u, onExpandedPathsChange: d, loadingPaths: f, hasExistingPublicationInFolder: p, hasWriteAccess: m, isSubmitting: h, hasSubmitError: g = !1, allowReplace: ee = !0, author: v, onAuthorChange: te, publishCredentials: y = !1, onPublishCredentialsChange: b, rules: C, onRulesChange: ne, ruleSourceOptions: re, isRulesLoading: T = !1, hasRulesLoadError: E = !1, labels: D = {}, summaryTitleClassName: O = "dial-body-semi-text", headingClassName: k = "dial-body-semi-text", calloutFolderNameClassName: j = "dial-small-paragraph-semi-text", styles: N = {} }) => {
-	let { colors: I, folderTree: ae, accessRules: L } = N, oe = {
-		...ie({
-			"--pp-summary-title-text": I?.summaryTitleText,
-			"--pp-heading-text": I?.headingText
+}, Ge = { panel: "dial-publish-panel-panel" }, Ke = {
+	summaryTitle: "_summaryTitle_zj3gd_1",
+	sectionHeading: "_sectionHeading_zj3gd_5",
+	destination: "_destination_zj3gd_9"
+}, qe = 200, Je = ({ view: e = q.Main, onChangeFolderClick: o, resource: s, renderSummary: d, folderItems: p, selectedFolderPath: g, pendingFolderPath: _, onPendingFolderPathChange: v, onCreateFolder: y, expandedPaths: b, onExpandedPathsChange: x, loadingPaths: S, hasExistingPublicationInFolder: T, hasWriteAccess: E, isSubmitting: D, hasSubmitError: k = !1, allowReplace: A = !0, author: j, onAuthorChange: M, publishCredentials: N = !1, onPublishCredentialsChange: te, rules: I, onRulesChange: L, ruleSourceOptions: re, isRulesLoading: ie = !1, hasRulesLoadError: ae = !1, labels: oe = {}, summaryTitleClassName: se = "dial-body-semi-text", headingClassName: V = "dial-body-semi-text", destinationClassName: ce = "dial-small-semi-text", calloutFolderNameClassName: W = "dial-small-paragraph-semi-text", styles: le = {} }) => {
+	let { colors: G, folderTree: K, accessRules: ue } = le, J = {
+		...ne({
+			"--pp-summary-title-text": G?.summaryTitleText,
+			"--pp-heading-text": G?.headingText,
+			"--pp-destination-text": G?.destinationText
 		}),
-		...N.cssVars
-	}, se = {
-		border: I?.summaryBorder,
-		background: I?.summaryBackground,
-		versionTagBorder: I?.summaryVersionTagBorder,
-		versionTagBackground: I?.summaryVersionTagBackground,
-		versionTagText: I?.summaryVersionTagText
-	}, { folderLabel: ce = "Publish to folder", replaceWarning: R = "Version {version} is already published in {folder}. Publishing will replace it.", noAccessError: V = "You don't have permission to publish to {folder}. Pick another, or ask an owner for access.", submitError: H = "Publishing failed. Please try again.", folderEmptyStateLabel: le, addSiblingFolderLabel: U, addChildFolderLabel: ue, cancelCreatingFolderLabel: W, createFolderEmptyNameError: de, createFolderInvalidNameError: fe, createFolderDuplicateNameError: G, rootFolderLabel: K = "Organization", summaryVersionLabel: q, accessRulesLabels: J, searchPlaceholder: pe, clearSearchAriaLabel: Y, authorLabel: me = "Author", authorPlaceholder: he = "Author name", authorHint: ge = "Shown as the publication’s author. Defaults to you — replace it to credit a team instead.", credentialsLabel: _e = "Publish with my credentials", credentialsHint: ve = "Members will use this without signing in themselves. Your credential itself is never shown to them." } = D, [X, Z] = a(""), ye = n(), be = (e) => {
-		Z(e ?? "");
-	}, Q = o != null, $ = r(() => B({
-		hasSelectedFolder: Q,
-		hasExistingPublicationInFolder: p,
-		hasWriteAccess: m,
-		isSubmitting: h,
-		hasSubmitError: g,
-		allowReplace: ee
+		...le.cssVars
+	}, de = {
+		border: G?.summaryBorder,
+		background: G?.summaryBackground
+	}, { folderLabel: Y = "Publish to folder", destinationAriaLabel: X = "Destination folder", noFolderSelectedLabel: Z = "No folder selected", changeFolderLabel: fe = "Change", chooseFolderLabel: Q = "Choose", replaceWarning: pe = "Version {version} is already published in {folder}. Publishing will replace it.", noAccessError: me = "You don't have permission to publish to {folder}. Pick another, or ask an owner for access.", submitError: he = "Publishing failed. Please try again.", folderEmptyStateLabel: ge, addSiblingFolderLabel: _e, addChildFolderLabel: ve, cancelCreatingFolderLabel: ye, createFolderEmptyNameError: be, createFolderInvalidNameError: xe, createFolderDuplicateNameError: Se, rootFolderLabel: Ce = "Organization", accessRulesLabels: we, searchPlaceholder: $, clearSearchAriaLabel: Te, authorLabel: Ee = "Author", authorPlaceholder: Oe = "Author name", authorHint: ke = "Shown as the publication’s author. Defaults to you — replace it to credit a team instead.", credentialsLabel: Ae = "Publish with my credentials", credentialsHint: je = "Members will use this without signing in themselves. Your credential itself is never shown to them." } = oe, [Me, Ne] = a(""), Pe = n(), Fe = i(null), Ie = i(null), Le = (e) => {
+		Ne(e ?? "");
+	}, Re = i(e);
+	t(() => {
+		Re.current !== e && (Re.current = e, e === q.ChangeFolder ? Ie.current?.focus({ preventScroll: !0 }) : Fe.current?.focus({ preventScroll: !0 }));
+	}, [e]);
+	let ze = g != null, Be = r(() => U({
+		hasSelectedFolder: ze,
+		hasExistingPublicationInFolder: T,
+		hasWriteAccess: E,
+		isSubmitting: D,
+		hasSubmitError: k,
+		allowReplace: A
 	}), [
-		Q,
-		p,
-		m,
-		h,
-		g,
-		ee
-	]), xe = Q ? o[o.length - 1] ?? K : "", Se = t ? t() : /* @__PURE__ */ P("span", {
-		className: M("truncate", O, He.summaryTitle),
-		children: e?.title
+		ze,
+		T,
+		E,
+		D,
+		k,
+		A
+	]), Ve = ze ? g[g.length - 1] ?? Ce : "", He = d ? d() : /* @__PURE__ */ R("span", {
+		className: F("truncate", se, Ke.summaryTitle),
+		children: s?.title
+	});
+	if (e === q.ChangeFolder) return /* @__PURE__ */ z("div", {
+		ref: Ie,
+		tabIndex: -1,
+		role: "group",
+		"aria-label": Y,
+		className: F("flex flex-col gap-3 outline-none", Ge.panel),
+		style: J,
+		children: [/* @__PURE__ */ R("div", {
+			role: "search",
+			children: /* @__PURE__ */ R(O, {
+				value: Me,
+				onChange: Le,
+				placeholder: $,
+				clearLabel: Te,
+				"aria-label": $
+			})
+		}), /* @__PURE__ */ R(We, {
+			items: p,
+			selectedPath: _,
+			onSelectedPathChange: v,
+			onCreateFolder: y,
+			expandedPaths: b,
+			onExpandedPathsChange: x,
+			loadingPaths: S,
+			searchQuery: Me,
+			disabled: D,
+			noResultsLabel: ge,
+			addSiblingFolderLabel: _e,
+			addChildFolderLabel: ve,
+			cancelCreatingFolderLabel: ye,
+			emptyFolderNameError: be,
+			invalidFolderNameError: xe,
+			duplicateFolderNameError: Se,
+			rootLabel: Ce,
+			styles: K
+		})]
 	});
-	return /* @__PURE__ */ F("div", {
-		className: M("flex flex-col gap-5", Ve.panel),
-		style: oe,
-		children: [e?.type == null ? /* @__PURE__ */ P(A, {
-			colors: se,
-			children: Se
-		}) : /* @__PURE__ */ P(A, {
+	let Ue = F(ce, Ke.destination);
+	return /* @__PURE__ */ z("div", {
+		className: F("flex flex-col gap-5", Ge.panel),
+		style: J,
+		children: [s?.type == null ? /* @__PURE__ */ R(P, {
+			colors: de,
+			children: He
+		}) : /* @__PURE__ */ R(P, {
 			item: {
-				type: e.type,
-				name: e.title,
-				version: e.version ?? "",
-				iconUrl: e.iconUrl
+				type: s.type,
+				name: s.title,
+				version: s.version ?? "",
+				iconUrl: s.iconUrl
 			},
-			versionLabel: q,
-			colors: se
-		}), /* @__PURE__ */ F("div", { children: [
-			/* @__PURE__ */ P("div", {
-				className: M("mb-2", k, He.sectionHeading),
-				children: ce
+			hasVersionTag: !1,
+			colors: de
+		}), /* @__PURE__ */ z("section", { children: [
+			/* @__PURE__ */ R("h2", {
+				className: F("mb-2", V, Ke.sectionHeading),
+				children: Y
 			}),
-			/* @__PURE__ */ P("div", {
-				role: "search",
-				className: "mb-3",
-				children: /* @__PURE__ */ P(w, {
-					value: X,
-					onChange: be,
-					placeholder: pe,
-					clearLabel: Y,
-					"aria-label": pe
-				})
-			}),
-			/* @__PURE__ */ P(Be, {
-				items: i,
-				selectedPath: o,
-				onSelectedPathChange: c,
-				onCreateFolder: l,
-				expandedPaths: u,
-				onExpandedPathsChange: d,
-				loadingPaths: f,
-				searchQuery: X,
-				disabled: h,
-				noResultsLabel: le,
-				addSiblingFolderLabel: U,
-				addChildFolderLabel: ue,
-				cancelCreatingFolderLabel: W,
-				emptyFolderNameError: de,
-				invalidFolderNameError: fe,
-				duplicateFolderNameError: G,
-				rootLabel: K,
-				styles: ae
+			/* @__PURE__ */ z("div", {
+				className: "flex min-w-0 items-center gap-2",
+				children: [/* @__PURE__ */ R("div", {
+					role: "group",
+					"aria-label": X,
+					className: "min-w-0 flex-1",
+					children: ze ? /* @__PURE__ */ R(m, {
+						name: [Ce, ...g].join(" / "),
+						nameClassName: Ue
+					}) : /* @__PURE__ */ R("span", {
+						className: F("block truncate", Ue),
+						children: Z
+					})
+				}), /* @__PURE__ */ R(h, {
+					ref: Fe,
+					size: f.Small,
+					label: ze ? fe : Q,
+					iconBefore: /* @__PURE__ */ R(B, {
+						size: l.SM,
+						stroke: u,
+						"aria-hidden": !0
+					}),
+					disabled: D,
+					onClick: o
+				})]
 			}),
-			$.calloutKind !== z.None && $.calloutKind !== z.Info && /* @__PURE__ */ P("div", {
+			Be.calloutKind !== H.None && Be.calloutKind !== H.Info && /* @__PURE__ */ R("div", {
 				className: "mt-3",
-				children: /* @__PURE__ */ P(x, {
-					type: S.SectionMessage,
-					variant: Ge($.calloutKind),
-					message: qe($.calloutKind, {
-						replaceWarning: R,
-						noAccessError: V,
-						submitError: H,
-						folderName: xe,
-						version: e?.version,
-						folderNameClassName: j
+				children: /* @__PURE__ */ R(C, {
+					type: w.SectionMessage,
+					variant: Ye(Be.calloutKind),
+					message: Ze(Be.calloutKind, {
+						replaceWarning: pe,
+						noAccessError: me,
+						submitError: he,
+						folderName: Ve,
+						version: s?.version,
+						folderNameClassName: W
 					})
 				})
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ R("div", {
 				className: "mt-4",
-				children: /* @__PURE__ */ P(_, {
-					id: ye,
-					labelProps: { label: me },
-					placeholder: he,
-					caption: ge,
-					value: v,
-					onChange: (e) => te(e ?? ""),
-					maxLength: Ue,
-					disabled: h
+				children: /* @__PURE__ */ R(ee, {
+					id: Pe,
+					labelProps: { label: Ee },
+					placeholder: Oe,
+					caption: ke,
+					value: j,
+					onChange: (e) => M(e ?? ""),
+					maxLength: qe,
+					disabled: D
 				})
 			}),
-			b != null && /* @__PURE__ */ P("div", {
+			te != null && /* @__PURE__ */ R("div", {
 				className: "mt-4",
-				children: /* @__PURE__ */ P(s, {
-					labelProps: { label: _e },
-					caption: ve,
-					isSelected: y,
-					onChange: b,
-					disabled: h
+				children: /* @__PURE__ */ R(c, {
+					labelProps: { label: Ae },
+					caption: je,
+					isSelected: N,
+					onChange: te,
+					disabled: D
 				})
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ R("div", {
 				className: "mt-4",
-				children: /* @__PURE__ */ P(Ce, {
-					rules: C,
-					onRulesChange: ne,
+				children: /* @__PURE__ */ R(De, {
+					rules: I,
+					onRulesChange: L,
 					sourceOptions: re,
-					folderName: Q ? xe : void 0,
-					disabled: h,
-					isLoading: T,
-					hasLoadError: E,
-					labels: J,
-					styles: L
+					folderName: ze ? Ve : void 0,
+					disabled: D,
+					isLoading: ie,
+					hasLoadError: ae,
+					labels: we,
+					styles: ue
 				})
 			})
 		] })]
 	});
-}, Ge = (e) => e === z.ReplaceWarning ? C.Warning : C.Error, Ke = (e, t, n) => {
+}, Ye = (e) => e === H.ReplaceWarning ? T.Warning : T.Error, Xe = (e, t, n) => {
 	let [r, i, ...a] = e.split("{folder}");
-	return i === void 0 || a.length > 0 ? e : /* @__PURE__ */ F(N, { children: [
+	return i === void 0 || a.length > 0 ? e : /* @__PURE__ */ z(L, { children: [
 		r,
-		/* @__PURE__ */ P("strong", {
+		/* @__PURE__ */ R("strong", {
 			className: n,
 			children: t
 		}),
 		i
 	] });
-}, qe = (e, t) => e === z.ReplaceWarning ? Ke(t.replaceWarning.replace("{version}", t.version ?? ""), t.folderName, t.folderNameClassName) : e === z.NoAccess ? Ke(t.noAccessError, t.folderName, t.folderNameClassName) : t.submitError, Je = { footer: "_footer_dks1v_1" }, Ye = ({ version: e, hasExistingPublicationInFolder: t, allowReplace: n = !0, isSubmitDisabled: r, isSubmitLoading: i, onCancel: a, onSubmit: o, labels: s = {}, colors: l }) => {
-	let u = ie({ "--pf-border": l?.border }), { cancelLabel: d = "Cancel", publishDefaultLabel: f = "Publish", updateLabel: p = "Update version {version}", publishingInProgressLabel: h = "Publishing…" } = s, g = i ? h : n && t && e != null ? p.replace("{version}", e) : f;
-	return /* @__PURE__ */ F("div", {
-		style: u,
-		className: M("flex items-center justify-end gap-2 border-t px-4 py-4 rtl:flex-row-reverse rtl:justify-start desktop:px-3.5", Je.footer),
-		children: [/* @__PURE__ */ P(m, {
-			label: d,
+}, Ze = (e, t) => e === H.ReplaceWarning ? Xe(t.replaceWarning.replace("{version}", t.version ?? ""), t.folderName, t.folderNameClassName) : e === H.NoAccess ? Xe(t.noAccessError, t.folderName, t.folderNameClassName) : t.submitError, Qe = { footer: "_footer_dks1v_1" }, $e = ({ version: e, hasExistingPublicationInFolder: t, allowReplace: n = !0, isSubmitDisabled: r, isSubmitLoading: i, onCancel: a, onSubmit: o, view: s = q.Main, onSelectFolder: c, isSelectFolderDisabled: u = !1, labels: d = {}, colors: f }) => {
+	let p = ne({ "--pf-border": f?.border }), { cancelLabel: m = "Cancel", publishDefaultLabel: g = "Publish", updateLabel: _ = "Update version {version}", publishingInProgressLabel: ee = "Publishing…", selectFolderLabel: v = "Select" } = d, y = s === q.ChangeFolder, b = i ? ee : n && t && e != null ? _.replace("{version}", e) : g;
+	return /* @__PURE__ */ z("div", {
+		style: p,
+		className: F("flex items-center justify-end gap-2 border-t px-4 py-4 rtl:flex-row-reverse rtl:justify-start desktop:px-3.5", Qe.footer),
+		children: [/* @__PURE__ */ R(h, {
+			label: m,
 			className: "mobile:flex-1",
 			disabled: i,
 			onClick: a
-		}), /* @__PURE__ */ P(b, {
-			label: g,
+		}), y ? /* @__PURE__ */ R(S, {
+			label: v,
+			className: "mobile:flex-1",
+			disabled: u,
+			onClick: c
+		}) : /* @__PURE__ */ R(S, {
+			label: b,
 			className: "mobile:flex-1",
 			disabled: r,
-			iconBefore: i ? /* @__PURE__ */ P(D, { size: c.SM }) : void 0,
+			iconBefore: i ? /* @__PURE__ */ R("span", {
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ R(j, { size: l.SM })
+			}) : void 0,
 			onClick: o
 		})]
 	});
-}, Xe = {
+}, et = {
 	backdrop: "_backdrop_16jmd_6",
 	panel: "_panel_16jmd_10",
 	divider: "_divider_16jmd_15",
 	content: "_content_16jmd_19",
 	title: "_title_16jmd_24"
-}, Ze = ({ isOpen: e, resource: n, renderSummary: i, folderItems: o, selectedFolderPath: s, onSelectedFolderPathChange: c, onCreateFolder: l, expandedPaths: u, onExpandedPathsChange: d, loadingPaths: f, hasExistingPublicationInFolder: p, hasWriteAccess: m, isSubmitting: h, hasSubmitError: g = !1, allowReplace: _ = !0, author: ee, onAuthorChange: v, rules: te, onRulesChange: y, ruleSourceOptions: b, isRulesLoading: x = !1, hasRulesLoadError: S = !1, onClose: C, returnFocusRef: ne, onSubmit: re, panelLabels: w, panelStyles: T, panelSummaryTitleClassName: D, panelHeadingClassName: O, panelCalloutFolderNameClassName: k, footerLabels: A, labels: j = {}, titleClassName: N = "dial-body-semi-text", colors: I }) => {
-	let ae = ie({
+}, tt = ({ isOpen: e, resource: n, renderSummary: i, folderItems: o, selectedFolderPath: s, onSelectedFolderPathChange: c, onCreateFolder: l, expandedPaths: u, onExpandedPathsChange: d, loadingPaths: f, hasExistingPublicationInFolder: p, hasWriteAccess: m, isSubmitting: h, hasSubmitError: g = !1, allowReplace: _ = !0, author: ee, onAuthorChange: v, rules: y, onRulesChange: b, ruleSourceOptions: x, isRulesLoading: S = !1, hasRulesLoadError: C = !1, onClose: w, returnFocusRef: T, onSubmit: E, panelLabels: D, panelStyles: O, panelSummaryTitleClassName: k, panelHeadingClassName: j, panelCalloutFolderNameClassName: M, footerLabels: N, labels: P = {}, titleClassName: te = "dial-body-semi-text", colors: I }) => {
+	let L = ne({
 		"--spp-backdrop-bg": I?.backdropBackground,
 		"--spp-panel-bg": I?.panelBackground,
 		"--spp-panel-border": I?.panelBorder,
 		"--spp-divider-border": I?.dividerBorder,
 		"--spp-scrollbar-thumb": I?.scrollbarThumb,
 		"--spp-title-text": I?.titleText
-	}), [L, oe] = a(null), { title: se = "Publish", ariaLabel: ce = "Publish", closeAriaLabel: R = "Close" } = j, z = r(() => B({
+	}), [B, re] = a(null), { title: ie = "Publish", changeFolderTitle: ae = "Change folder", backAriaLabel: oe = "Back", ariaLabel: se = "Publish", closeAriaLabel: V = "Close" } = P, H = ue({
+		isOpen: e,
+		selectedFolderPath: s,
+		onSelectedFolderPathChange: c
+	}), ce = H.view === q.ChangeFolder, W = r(() => U({
 		hasSelectedFolder: s != null,
 		hasExistingPublicationInFolder: p,
 		hasWriteAccess: m,
@@ -954,7 +1021,7 @@ var R = /* @__PURE__ */ function(e) {
 		_
 	]);
 	return t(() => {
-		let t = L?.closest("[role=\"dialog\"]");
+		let t = B?.closest("[role=\"dialog\"]");
 		if (!e || !t) return;
 		let n = () => t.focus({ preventScroll: !0 });
 		n();
@@ -964,41 +1031,47 @@ var R = /* @__PURE__ */ function(e) {
 		document.addEventListener("focusin", r);
 		let i = requestAnimationFrame(() => {
 			document.removeEventListener("focusin", r);
-		}), a = ne?.current;
+		}), a = T?.current;
 		return () => {
 			cancelAnimationFrame(i), document.removeEventListener("focusin", r), a?.isConnected && a.focus({ preventScroll: !0 });
 		};
 	}, [
 		e,
-		L,
-		ne
-	]), /* @__PURE__ */ F(E, {
+		B,
+		T
+	]), /* @__PURE__ */ z(A, {
 		open: e,
-		onClose: C,
-		header: /* @__PURE__ */ P("span", {
-			className: M("block truncate text-center", N, Xe.title),
-			children: se
+		onClose: w,
+		header: /* @__PURE__ */ R("span", {
+			className: F("block truncate text-center", te, et.title),
+			children: ce ? ae : ie
 		}),
-		ariaLabel: ce,
-		closeAriaLabel: R,
+		ariaLabel: se,
+		onBack: ce ? H.backToMain : void 0,
+		backAriaLabel: oe,
+		backDisabled: h,
+		closeAriaLabel: V,
 		closeDisabled: h,
-		style: ae,
-		overlayStyle: ae,
-		className: M(Xe.panel, "tablet:w-[540px]! tablet:max-w-[calc(100%-32px)]!"),
-		overlayClassName: Xe.backdrop,
-		headerClassName: M("px-[22px]", Xe.divider),
+		style: L,
+		overlayStyle: L,
+		className: F(et.panel, "tablet:w-[540px]! tablet:max-w-[calc(100%-32px)]!"),
+		overlayClassName: et.backdrop,
+		headerClassName: F("px-[22px]", et.divider),
 		bodyClassName: "flex flex-col overflow-hidden",
-		children: [/* @__PURE__ */ P("div", {
-			ref: oe,
-			className: M("min-h-0 flex-1 overflow-y-auto", Xe.content),
-			children: /* @__PURE__ */ P("div", {
+		children: [/* @__PURE__ */ R("div", {
+			ref: re,
+			className: F("min-h-0 flex-1 overflow-y-auto", et.content),
+			children: /* @__PURE__ */ R("div", {
 				className: "p-[22px]",
-				children: /* @__PURE__ */ P(We, {
+				children: /* @__PURE__ */ R(Je, {
 					resource: n,
 					renderSummary: i,
+					view: H.view,
+					onChangeFolderClick: H.openFolderView,
 					folderItems: o,
 					selectedFolderPath: s,
-					onSelectedFolderPathChange: c,
+					pendingFolderPath: H.pendingFolderPath,
+					onPendingFolderPathChange: H.setPendingFolderPath,
 					onCreateFolder: l,
 					expandedPaths: u,
 					onExpandedPathsChange: d,
@@ -1010,286 +1083,286 @@ var R = /* @__PURE__ */ function(e) {
 					allowReplace: _,
 					author: ee,
 					onAuthorChange: v,
-					rules: te,
-					onRulesChange: y,
-					ruleSourceOptions: b,
-					isRulesLoading: x,
-					hasRulesLoadError: S,
-					labels: w,
-					styles: T,
-					summaryTitleClassName: D,
-					headingClassName: O,
-					calloutFolderNameClassName: k
+					rules: y,
+					onRulesChange: b,
+					ruleSourceOptions: x,
+					isRulesLoading: S,
+					hasRulesLoadError: C,
+					labels: D,
+					styles: O,
+					summaryTitleClassName: k,
+					headingClassName: j,
+					calloutFolderNameClassName: M
 				})
 			})
-		}), /* @__PURE__ */ P(Ye, {
+		}), /* @__PURE__ */ R($e, {
 			version: n?.version,
 			hasExistingPublicationInFolder: p,
 			allowReplace: _,
-			isSubmitDisabled: z.isSubmitDisabled,
-			isSubmitLoading: z.isSubmitLoading,
-			onCancel: C,
-			onSubmit: re,
-			labels: A
+			isSubmitDisabled: W.isSubmitDisabled,
+			isSubmitLoading: W.isSubmitLoading,
+			onCancel: ce ? H.backToMain : w,
+			onSubmit: E,
+			view: H.view,
+			onSelectFolder: H.selectFolder,
+			isSelectFolderDisabled: H.pendingFolderPath == null,
+			labels: N
 		})]
 	});
-}, Qe = /* @__PURE__ */ function(e) {
+}, nt = /* @__PURE__ */ function(e) {
 	return e.Keep = "keep", e.New = "new", e;
-}({}), $e = /* @__PURE__ */ function(e) {
+}({}), rt = /* @__PURE__ */ function(e) {
 	return e.Main = "main", e.ChangeFolder = "change-folder", e;
-}({}), et = {
+}({}), it = {
 	heading: "_heading_vk731_1",
 	destination: "_destination_vk731_5"
-}, tt = ({ view: e, resource: t, roots: i, destination: o, onCreateFolder: s, onChangeFolderClick: u, changeFolderButtonRef: h, pendingDestination: g, onPendingDestinationChange: te, version: b, accessRules: x, isSubmitting: S = !1, submitError: C, foldersError: ne, onRetryFolders: T, panelLabels: E = {}, panelStyles: D = {}, headingClassName: O = "dial-body-semi-text", destinationClassName: k = "dial-small-semi-text" }) => {
-	let { saveToFolderHeading: j = "Save to folder", changeFolderLabel: N = "Change", destinationAriaLabel: ae = "Destination folder", versionHeading: L = "Version", keepVersionLabel: oe = "Keep version {version}", saveAsNewVersionLabel: se = "Save as new version", newVersionLabel: ce = "Version", newVersionPlaceholder: R = "Enter new version", searchPlaceholder: z = "Search folders", clearSearchAriaLabel: B = "Clear search", folderEmptyStateLabel: V, createFolderLabel: H, cancelCreatingFolderLabel: le, addSiblingFolderLabel: U, addChildFolderLabel: ue, createFolderEmptyNameError: W, createFolderInvalidNameError: de, createFolderDuplicateNameError: fe, retryLabel: G = "Retry", summaryVersionLabel: K } = E, { colors: q, folderTree: J } = D, pe = {
-		...ie({
-			"--stf-heading-text": q?.headingText,
-			"--stf-destination-text": q?.destinationText
+}, at = ({ view: e, resource: t, roots: i, destination: o, onCreateFolder: s, onChangeFolderClick: c, changeFolderButtonRef: d, pendingDestination: g, onPendingDestinationChange: _, version: b, accessRules: S, isSubmitting: C = !1, submitError: w, foldersError: T, onRetryFolders: E, panelLabels: k = {}, panelStyles: A = {}, headingClassName: j = "dial-body-semi-text", destinationClassName: M = "dial-small-semi-text" }) => {
+	let { saveToFolderHeading: N = "Save to folder", changeFolderLabel: te = "Change", destinationAriaLabel: I = "Destination folder", versionHeading: L = "Version", keepVersionLabel: re = "Keep version {version}", saveAsNewVersionLabel: ie = "Save as new version", newVersionLabel: ae = "Version", newVersionPlaceholder: oe = "Enter new version", searchPlaceholder: se = "Search folders", clearSearchAriaLabel: V = "Clear search", folderEmptyStateLabel: H, createFolderLabel: U, cancelCreatingFolderLabel: ce, addSiblingFolderLabel: W, addChildFolderLabel: le, createFolderEmptyNameError: G, createFolderInvalidNameError: K, createFolderDuplicateNameError: q, retryLabel: ue = "Retry" } = k, { colors: J, folderTree: de } = A, Y = {
+		...ne({
+			"--stf-heading-text": J?.headingText,
+			"--stf-destination-text": J?.destinationText
 		}),
-		...D.cssVars
-	}, Y = {
-		border: q?.summaryBorder,
-		background: q?.summaryBackground,
-		versionTagBorder: q?.summaryVersionTagBorder,
-		versionTagBackground: q?.summaryVersionTagBackground,
-		versionTagText: q?.summaryVersionTagText
-	}, [me, he] = a(""), ge = n(), _e = r(() => [i.find((e) => e.key === o.rootKey)?.label ?? o.rootKey, ...o.path], [i, o]), ve = i.find((e) => e.key === g?.rootKey), X = g ? g.path[g.path.length - 1] ?? ve?.label : void 0, Z = M(O, et.heading);
-	if (e === $e.ChangeFolder) return /* @__PURE__ */ F("div", {
+		...A.cssVars
+	}, X = {
+		border: J?.summaryBorder,
+		background: J?.summaryBackground
+	}, [Z, fe] = a(""), Q = n(), pe = r(() => [i.find((e) => e.key === o.rootKey)?.label ?? o.rootKey, ...o.path], [i, o]), me = i.find((e) => e.key === g?.rootKey), he = g ? g.path[g.path.length - 1] ?? me?.label : void 0, ge = F(j, it.heading);
+	if (e === rt.ChangeFolder) return /* @__PURE__ */ z("div", {
 		className: "flex flex-col gap-3",
-		style: pe,
+		style: Y,
 		children: [
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ R("div", {
 				role: "search",
-				children: /* @__PURE__ */ P(w, {
-					value: me,
-					onChange: (e) => he(e ?? ""),
-					placeholder: z,
-					clearLabel: B,
-					"aria-label": z
+				children: /* @__PURE__ */ R(O, {
+					value: Z,
+					onChange: (e) => fe(e ?? ""),
+					placeholder: se,
+					clearLabel: V,
+					"aria-label": se
 				})
 			}),
-			/* @__PURE__ */ P(v, {
-				politeness: y.Assertive,
-				children: ne && /* @__PURE__ */ F("div", {
+			/* @__PURE__ */ R(y, {
+				politeness: x.Assertive,
+				children: T && /* @__PURE__ */ z("div", {
 					className: "flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ P(f, { text: ne }), T && /* @__PURE__ */ P(ee, {
-						label: G,
-						onClick: T
+					children: [/* @__PURE__ */ R(p, { text: T }), E && /* @__PURE__ */ R(v, {
+						label: ue,
+						onClick: E
 					})]
 				})
 			}),
-			/* @__PURE__ */ P(Be, {
+			/* @__PURE__ */ R(We, {
 				roots: i,
 				destination: g,
-				onDestinationChange: te,
+				onDestinationChange: _,
 				onCreateDestinationFolder: s,
-				searchQuery: me,
-				disabled: S,
-				noResultsLabel: V,
-				createFolderLabel: H,
-				cancelCreatingFolderLabel: le,
-				addSiblingFolderLabel: U,
-				addChildFolderLabel: ue,
-				emptyFolderNameError: W,
-				invalidFolderNameError: de,
-				duplicateFolderNameError: fe,
-				styles: J
+				searchQuery: Z,
+				disabled: C,
+				noResultsLabel: H,
+				createFolderLabel: U,
+				cancelCreatingFolderLabel: ce,
+				addSiblingFolderLabel: W,
+				addChildFolderLabel: le,
+				emptyFolderNameError: G,
+				invalidFolderNameError: K,
+				duplicateFolderNameError: q,
+				styles: de
 			}),
-			x && ve?.hasAccessRules && /* @__PURE__ */ P("div", {
+			S && me?.hasAccessRules && /* @__PURE__ */ R("div", {
 				className: "mt-1",
-				children: /* @__PURE__ */ P(Ce, {
-					rules: x.rules,
-					onRulesChange: x.onRulesChange,
-					sourceOptions: x.sourceOptions,
-					folderName: X,
-					disabled: S,
-					isLoading: x.isLoading,
-					hasLoadError: x.hasLoadError,
-					labels: x.labels,
-					styles: x.styles
+				children: /* @__PURE__ */ R(De, {
+					rules: S.rules,
+					onRulesChange: S.onRulesChange,
+					sourceOptions: S.sourceOptions,
+					folderName: he,
+					disabled: C,
+					isLoading: S.isLoading,
+					hasLoadError: S.hasLoadError,
+					labels: S.labels,
+					styles: S.styles
 				})
 			})
 		]
 	});
-	let ye = b ? [{
-		value: Qe.Keep,
-		label: oe.replace("{version}", b.currentVersion)
+	let _e = b ? [{
+		value: nt.Keep,
+		label: re.replace("{version}", b.currentVersion)
 	}, {
-		value: Qe.New,
-		label: se,
-		content: /* @__PURE__ */ P(_, {
-			id: ge,
+		value: nt.New,
+		label: ie,
+		content: /* @__PURE__ */ R(ee, {
+			id: Q,
 			value: b.newVersion,
 			onChange: (e) => b.onNewVersionChange(e ?? ""),
 			onBlur: b.onNewVersionBlur,
 			labelProps: {
-				label: ce,
+				label: ae,
 				required: !0
 			},
-			placeholder: R,
+			placeholder: oe,
 			error: b.newVersionError,
 			invalid: !!b.newVersionError,
-			disabled: S
+			disabled: C
 		})
 	}] : [];
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ z("div", {
 		className: "flex flex-col gap-5",
-		style: pe,
+		style: Y,
 		children: [
-			t.type == null ? /* @__PURE__ */ P(A, {
-				colors: Y,
-				children: /* @__PURE__ */ P("span", {
-					className: M("truncate", Z),
+			t.type == null ? /* @__PURE__ */ R(P, {
+				colors: X,
+				children: /* @__PURE__ */ R("span", {
+					className: F("truncate", ge),
 					children: t.title
 				})
-			}) : /* @__PURE__ */ P(A, {
+			}) : /* @__PURE__ */ R(P, {
 				item: {
 					type: t.type,
 					name: t.title,
 					version: t.version ?? "",
 					iconUrl: t.iconUrl
 				},
-				versionLabel: K,
-				colors: Y
+				hasVersionTag: !1,
+				colors: X
 			}),
-			/* @__PURE__ */ F("section", {
+			/* @__PURE__ */ z("section", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ P("h2", {
-					className: Z,
-					children: j
-				}), /* @__PURE__ */ F("div", {
+				children: [/* @__PURE__ */ R("h2", {
+					className: ge,
+					children: N
+				}), /* @__PURE__ */ z("div", {
 					className: "flex min-w-0 items-center gap-2",
-					children: [/* @__PURE__ */ P("div", {
+					children: [/* @__PURE__ */ R("div", {
 						role: "group",
-						"aria-label": ae,
+						"aria-label": I,
 						className: "min-w-0 flex-1",
-						children: /* @__PURE__ */ P(p, {
-							name: _e.join(" / "),
-							nameClassName: M(k, et.destination)
+						children: /* @__PURE__ */ R(m, {
+							name: pe.join(" / "),
+							nameClassName: F(M, it.destination)
 						})
-					}), /* @__PURE__ */ P(m, {
-						ref: h,
-						size: d.Small,
-						label: N,
-						iconBefore: /* @__PURE__ */ P(I, {
-							size: c.SM,
-							stroke: l,
+					}), /* @__PURE__ */ R(h, {
+						ref: d,
+						size: f.Small,
+						label: te,
+						iconBefore: /* @__PURE__ */ R(B, {
+							size: l.SM,
+							stroke: u,
 							"aria-hidden": !0
 						}),
-						disabled: S,
-						onClick: u
+						disabled: C,
+						onClick: c
 					})]
 				})]
 			}),
-			b && /* @__PURE__ */ F("section", {
+			b && /* @__PURE__ */ z("section", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ P("h2", {
-					className: Z,
+				children: [/* @__PURE__ */ R("h2", {
+					className: ge,
 					children: L
-				}), /* @__PURE__ */ P(re, {
+				}), /* @__PURE__ */ R(D, {
 					ariaLabel: L,
 					value: b.versionMode,
 					onChange: (e) => b.onVersionModeChange(e),
-					items: ye,
-					disabled: S
+					items: _e,
+					disabled: C
 				})]
 			}),
-			/* @__PURE__ */ P(v, {
-				politeness: y.Assertive,
-				children: C && /* @__PURE__ */ P(f, { text: C })
+			/* @__PURE__ */ R(y, {
+				politeness: x.Assertive,
+				children: w && /* @__PURE__ */ R(p, { text: w })
 			})
 		]
 	});
-}, nt = {
+}, ot = {
 	backdrop: "_backdrop_1ie8s_6",
 	panel: "_panel_1ie8s_10",
 	divider: "_divider_1ie8s_15",
 	footer: "_footer_1ie8s_19",
 	content: "_content_1ie8s_23",
 	title: "_title_1ie8s_28"
-}, rt = ({ isOpen: e, onClose: n, onSubmit: r, isSubmitDisabled: o = !1, returnFocusRef: s, labels: l = {}, colors: u, titleClassName: d = "dial-body-semi-text", destination: f, onDestinationChange: p, isSubmitting: h = !1, onPendingDestinationChange: g, ..._ }) => {
-	let { title: ee = "Save", changeFolderTitle: v = "Change folder", closeAriaLabel: te = "Close", backAriaLabel: y = "Back", cancelLabel: x = "Cancel", saveLabel: S = "Save", savingLabel: C = "Saving…", selectLabel: re = "Select" } = l, w = ie({
+}, st = ({ isOpen: e, onClose: n, onSubmit: r, isSubmitDisabled: o = !1, returnFocusRef: s, labels: c = {}, colors: u, titleClassName: d = "dial-body-semi-text", destination: f, onDestinationChange: p, isSubmitting: m = !1, onPendingDestinationChange: g, ..._ }) => {
+	let { title: ee = "Save", changeFolderTitle: v = "Change folder", closeAriaLabel: y = "Close", backAriaLabel: b = "Back", cancelLabel: x = "Cancel", saveLabel: C = "Save", savingLabel: w = "Saving…", selectLabel: T = "Select" } = c, D = ne({
 		"--sstf-backdrop-bg": u?.backdropBackground,
 		"--sstf-panel-bg": u?.panelBackground,
 		"--sstf-panel-border": u?.panelBorder,
 		"--sstf-divider-border": u?.dividerBorder,
 		"--sstf-scrollbar-thumb": u?.scrollbarThumb,
 		"--sstf-title-text": u?.titleText
-	}), [T, O] = a($e.Main), [k, A] = a(f), j = i(null), N = i(null);
+	}), [O, k] = a(rt.Main), [M, N] = a(f), P = i(null), te = i(null);
 	t(() => {
-		e && O($e.Main);
+		e && k(rt.Main);
 	}, [e]);
-	let I = i(T);
+	let I = i(O);
 	t(() => {
-		I.current !== T && (I.current = T, T === $e.ChangeFolder ? j.current?.focus({ preventScroll: !0 }) : N.current?.focus({ preventScroll: !0 }));
-	}, [T]);
-	let ae = i(e);
+		I.current !== O && (I.current = O, O === rt.ChangeFolder ? P.current?.focus({ preventScroll: !0 }) : te.current?.focus({ preventScroll: !0 }));
+	}, [O]);
+	let L = i(e);
 	t(() => {
-		let t = ae.current;
-		ae.current = e, t && !e && s?.current?.isConnected && s.current.focus({ preventScroll: !0 });
+		let t = L.current;
+		L.current = e, t && !e && s?.current?.isConnected && s.current.focus({ preventScroll: !0 });
 	}, [e, s]);
-	let L = T === $e.ChangeFolder, oe = (e) => {
-		A(e), g?.(e);
-	}, se = () => {
-		oe(f), O($e.ChangeFolder);
-	}, ce = () => {
-		g?.(f), O($e.Main);
-	}, R = () => {
-		k && p(k), O($e.Main);
+	let B = O === rt.ChangeFolder, re = (e) => {
+		N(e), g?.(e);
+	}, ie = () => {
+		re(f), k(rt.ChangeFolder);
+	}, ae = () => {
+		g?.(f), k(rt.Main);
+	}, oe = () => {
+		M && p(M), k(rt.Main);
 	};
-	return /* @__PURE__ */ F(E, {
+	return /* @__PURE__ */ z(A, {
 		open: e,
 		onClose: n,
-		header: /* @__PURE__ */ P("span", {
-			ref: j,
+		header: /* @__PURE__ */ R("span", {
+			ref: P,
 			tabIndex: -1,
-			className: M("block truncate outline-none", d, nt.title),
-			children: L ? v : ee
+			className: F("block truncate outline-none", d, ot.title),
+			children: B ? v : ee
 		}),
 		ariaLabel: ee,
-		onBack: L ? ce : void 0,
-		backAriaLabel: y,
-		backDisabled: h,
-		closeAriaLabel: te,
-		closeDisabled: h,
-		style: w,
-		overlayStyle: w,
-		className: M(nt.panel, "tablet:w-[540px]! tablet:max-w-[calc(100%-32px)]!"),
-		overlayClassName: nt.backdrop,
-		headerClassName: M("px-[22px]", nt.divider),
+		onBack: B ? ae : void 0,
+		backAriaLabel: b,
+		backDisabled: m,
+		closeAriaLabel: y,
+		closeDisabled: m,
+		style: D,
+		overlayStyle: D,
+		className: F(ot.panel, "tablet:w-[540px]! tablet:max-w-[calc(100%-32px)]!"),
+		overlayClassName: ot.backdrop,
+		headerClassName: F("px-[22px]", ot.divider),
 		bodyClassName: "flex flex-col overflow-hidden",
-		children: [/* @__PURE__ */ P("div", {
-			className: M("min-h-0 flex-1 overflow-y-auto p-[22px]", nt.content),
-			children: /* @__PURE__ */ P(tt, {
+		children: [/* @__PURE__ */ R("div", {
+			className: F("min-h-0 flex-1 overflow-y-auto p-[22px]", ot.content),
+			children: /* @__PURE__ */ R(at, {
 				..._,
-				view: T,
+				view: O,
 				destination: f,
 				onDestinationChange: p,
-				isSubmitting: h,
-				onChangeFolderClick: se,
-				changeFolderButtonRef: N,
-				pendingDestination: k,
-				onPendingDestinationChange: oe
+				isSubmitting: m,
+				onChangeFolderClick: ie,
+				changeFolderButtonRef: te,
+				pendingDestination: M,
+				onPendingDestinationChange: re
 			})
-		}), /* @__PURE__ */ F("div", {
-			className: M("flex items-center justify-end gap-2 border-t px-4 py-4 desktop:px-3.5", nt.footer),
-			children: [/* @__PURE__ */ P(m, {
+		}), /* @__PURE__ */ z("div", {
+			className: F("flex items-center justify-end gap-2 border-t px-4 py-4 desktop:px-3.5", ot.footer),
+			children: [/* @__PURE__ */ R(h, {
 				label: x,
 				className: "mobile:flex-1",
-				disabled: h,
-				onClick: L ? ce : n
-			}), L ? /* @__PURE__ */ P(b, {
-				label: re,
+				disabled: m,
+				onClick: B ? ae : n
+			}), B ? /* @__PURE__ */ R(S, {
+				label: T,
 				className: "mobile:flex-1",
-				disabled: k == null,
-				onClick: R
-			}) : /* @__PURE__ */ P(ne, {
-				label: h ? C : S,
+				disabled: M == null,
+				onClick: oe
+			}) : /* @__PURE__ */ R(E, {
+				label: m ? w : C,
 				className: "mobile:flex-1",
-				disabled: o || h,
-				iconBefore: h ? /* @__PURE__ */ P("span", {
+				disabled: o || m,
+				iconBefore: m ? /* @__PURE__ */ R("span", {
 					"aria-hidden": !0,
-					children: /* @__PURE__ */ P(D, { size: c.SM })
+					children: /* @__PURE__ */ R(j, { size: l.SM })
 				}) : void 0,
 				onClick: r
 			})]
@@ -1297,4 +1370,4 @@ var R = /* @__PURE__ */ function(e) {
 	});
 };
 //#endregion
-export { Ve as PUBLISH_PANEL_CLASS, R as PublicationRuleFunction, Q as PublishAccessRuleEditor, Ce as PublishAccessRules, z as PublishCalloutKind, Be as PublishFoldersTree, Ye as PublishFooter, Te as PublishHistoryList, We as PublishPanel, tt as SaveToFolderPanel, $e as SaveToFolderView, Qe as SaveVersionMode, Ze as StandalonePublishPanel, rt as StandaloneSaveToFolderPanel, q as collectFolderKeys, B as derivePublishState, W as filterFolderTree, H as formatPublishedDate, pe as fromFolderPathKey, _e as getSiblingFolderNames, ge as getUniqueFolderName, K as mergeFolderPaths, fe as sortFolderTree, Y as toDialFileTree, J as toFolderPathKey, ue as usePublishFlow, he as validateFolderName };
+export { Ge as PUBLISH_PANEL_CLASS, V as PublicationRuleFunction, we as PublishAccessRuleEditor, De as PublishAccessRules, H as PublishCalloutKind, We as PublishFoldersTree, $e as PublishFooter, ke as PublishHistoryList, Je as PublishPanel, q as PublishPanelView, at as SaveToFolderPanel, rt as SaveToFolderView, nt as SaveVersionMode, tt as StandalonePublishPanel, st as StandaloneSaveToFolderPanel, fe as collectFolderKeys, U as derivePublishState, J as filterFolderTree, W as formatPublishedDate, pe as fromFolderPathKey, ve as getSiblingFolderNames, _e as getUniqueFolderName, Z as mergeFolderPaths, Y as sortFolderTree, me as toDialFileTree, Q as toFolderPathKey, K as usePublishFlow, ue as usePublishFolderView, ge as validateFolderName };