@epam/ai-dial-publish-panel 1.3.0-dev.98 → 1.3.0-rc.0

package/index.js

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