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

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 b, SideDrawer as x, Spinner as S, Tag as C, TagInput as ee } from "@epam/ai-dial-ui-kit";
-import { ResourceSummary as w, TAG_INPUT_TAG_CLASS_NAME as T, buildCssVars as E, mergeClasses as D } from "@epam/ai-dial-chat-shared";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-import { IconFolderPlus as j, IconPlus as te, 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, 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 M = /* @__PURE__ */ function(e) {
+var V = /* @__PURE__ */ function(e) {
 	return e.Equal = "EQUAL", e.Contain = "CONTAIN", e.Regex = "REGEX", e;
-}({}), N = /* @__PURE__ */ function(e) {
+}({}), H = /* @__PURE__ */ function(e) {
 	return e.None = "none", e.Info = "info", e.ReplaceWarning = "replaceWarning", e.NoAccess = "noAccess", e.SubmitError = "submitError", e;
-}({}), P = (e) => e.isSubmitting ? {
-	calloutKind: N.None,
+}({}), U = (e) => e.isSubmitting ? {
+	calloutKind: H.None,
 	isSubmitDisabled: !0,
 	isSubmitLoading: !0
 } : e.hasSelectedFolder ? e.hasWriteAccess ? e.hasSubmitError ? {
-	calloutKind: N.SubmitError,
+	calloutKind: H.SubmitError,
 	isSubmitDisabled: !1,
 	isSubmitLoading: !1
 } : e.hasExistingPublicationInFolder ? {
-	calloutKind: N.ReplaceWarning,
+	calloutKind: H.ReplaceWarning,
 	isSubmitDisabled: e.allowReplace === !1,
 	isSubmitLoading: !1
 } : {
-	calloutKind: N.Info,
+	calloutKind: H.Info,
 	isSubmitDisabled: !1,
 	isSubmitLoading: !1
 } : {
-	calloutKind: N.NoAccess,
+	calloutKind: H.NoAccess,
 	isSubmitDisabled: !0,
 	isSubmitLoading: !1
 } : {
-	calloutKind: N.None,
+	calloutKind: H.None,
 	isSubmitDisabled: !0,
 	isSubmitLoading: !1
-}, F = 1440 * 60 * 1e3, I = (e, t = Date.now(), n) => {
-	let r = Math.floor((t - e) / F);
+}, 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",
 		year: "numeric"
 	});
-}, L = (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,37 +51,37 @@ var M = /* @__PURE__ */ function(e) {
 	}]
 } : {
 	...e,
-	children: e.children ? L(e.children, t, n) : e.children
-}), R = (e, t, n) => {
+	children: e.children ? le(e.children, t, n) : e.children
+}), 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 ? R(e.children, t, n) : e.children
+		children: e.children ? G(e.children, t, n) : e.children
 	});
-}, z = ({ 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(), [v, y] = a(!1), [b, x] = a(!1), [S, C] = a([]), [ee, w] = a(!1), [T, E] = a(!1), [D, O] = a(c), [k, A] = a(!1), [j, te] = 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(() => {
 		j || O(c);
 	}, [c, j]);
-	let ne = e((e) => {
-		te(!0), O(e);
+	let N = e((e) => {
+		M(!0), O(e);
 	}, []);
 	t(() => {
 		if (g == null) {
-			C([]), E(!1);
+			S([]), E(!1);
 			return;
 		}
 		if (!p) return;
 		let e = !1;
 		return w(!0), E(!1), p(g).then((t) => {
-			e || C(t);
+			e || S(t);
 		}).catch(() => {
 			e || E(!0);
 		}).finally(() => {
@@ -90,30 +90,30 @@ var M = /* @__PURE__ */ function(e) {
 			e = !0;
 		};
 	}, [g]);
-	let re = r(() => {
+	let P = 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) => L(n, e, t));
+	]), te = e(async (e, t) => {
+		h((n) => le(n, e, t));
 		try {
 			await l?.(e, t);
 		} catch {
-			h((n) => R(n, e, t)), x(!0);
+			h((n) => G(n, e, t)), b(!0);
 		}
-	}, [l]), M = e(async () => {
+	}, [l]), ne = e(async () => {
 		if (!g) return !1;
-		y(!0), x(!1);
+		v(!0), b(!1);
 		try {
-			return await u(n, g, S, D.trim(), k), d?.(n, g), !0;
+			return await u(n, g, x, D.trim(), k), d?.(n, g), !0;
 		} catch (e) {
-			return x(!0), f?.(n, g, e), !1;
+			return b(!0), f?.(n, g, e), !1;
 		} finally {
-			y(!1);
+			v(!1);
 		}
 	}, [
 		D,
@@ -122,405 +122,418 @@ var M = /* @__PURE__ */ function(e) {
 		f,
 		d,
 		k,
-		S,
+		x,
 		g
-	]), N = e(() => {
-		h(o), _(void 0), x(!1), C([]), E(!1), O(c), te(!1), A(!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: re,
-		hasWriteAccess: g ? s(g) : !0,
-		isSubmitting: v,
-		hasSubmitError: b,
-		handleSubmit: M,
-		reset: N,
-		rules: S,
-		setRules: C,
+		handleCreateFolder: te,
+		hasExistingPublicationInFolder: P,
+		hasWriteAccess: !g || s(g),
+		isSubmitting: ee,
+		hasSubmitError: y,
+		handleSubmit: ne,
+		reset: F,
+		rules: x,
+		setRules: S,
 		author: D,
-		setAuthor: ne,
+		setAuthor: N,
 		publishCredentials: k,
 		setPublishCredentials: A,
-		isRulesLoading: ee,
+		isRulesLoading: C,
 		hasRulesLoadError: T
 	};
-}, ae = (e, 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);
+		}
+	};
+}, J = (e, t) => {
 	let n = t.trim().toLowerCase();
 	return n ? e.reduce((e, r) => {
-		let i = r.children ? ae(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
 		}), e;
 	}, []) : e;
-}, B = (e, t) => e.localeCompare(t, void 0, {
+}, de = (e, t) => e.localeCompare(t, void 0, {
 	sensitivity: "base",
 	numeric: !0
-}), oe = (e) => [...e].sort((e, t) => B(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: oe(e.children)
-} : e), V = (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: V(e.children ?? [], i, a)
+		children: X(e.children ?? [], i, a)
 	} : e) : e : [...e, {
 		path: a,
 		name: r,
-		children: i.length ? V([], i, a) : void 0
+		children: i.length ? X([], i, a) : void 0
 	}];
-}, se = (e, t) => t.reduce((e, t) => t.length ? V(e, t, []) : e, e), H = (e) => e.flatMap((e) => [e.path.join("/"), ...e.children ? H(e.children) : []]), U = (e) => e.join("/"), W = (e) => e.split("/").filter(Boolean), G = (e) => e.map((e) => {
-	let t = U(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 ? G(e.children) : void 0
+		nodeType: d.FOLDER,
+		items: e.children ? me(e.children) : void 0
 	};
-}), K = /[/\\:;,={}&"]/, q = (e, t, n) => {
+}), he = /[/\\:;,={}&"]/, ge = (e, t, n) => {
 	let r = e.trim();
-	return r ? r.includes("..") || K.test(r) ? n.invalid : t.some((e) => e.toLowerCase() === r.toLowerCase()) ? n.duplicate : null : n.empty;
-}, ce = (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}`;
-}, J = (e, t) => {
+}, ve = (e, t) => {
 	if (t.length === 0) return e.map((e) => e.name);
-	let n = U(t), r = (e) => {
+	let n = Q(t), r = (e) => {
 		for (let t of e) {
-			if (U(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);
-}, Y = {
-	dialog: "_dialog_jqcm2_5",
-	error: "_error_jqcm2_14",
-	selectField: "_selectField_jqcm2_28",
-	selectFieldOpen: "_selectFieldOpen_jqcm2_40"
-}, le = 20, ue = 200, de = 8, fe = (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 > ue) return !1;
+	if (t.length === 0 || t.length > xe) return !1;
 	try {
 		return new RegExp(t) instanceof RegExp;
 	} catch {
 		return !1;
 	}
-}, pe = ({ sourceOptions: e, onSave: o, onCancel: s, disabled: c = !1, maxTargets: l = le, labels: u = {}, errorClassName: f = "dial-small-text", styles: g = {} }) => {
-	let _ = {
-		...E({
-			"--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
+}, 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
 		}),
-		...g.cssVars
-	}, { sourceLabel: v = "Source", sourcePlaceholder: y = "Select...", functionLabel: x = "Function", equalOptionLabel: S = "Equal", containOptionLabel: C = "Contain", regexOptionLabel: w = "Regex", targetsLabel: O = "Targets", targetsPlaceholder: j = "Add a target", targetsHintLabel: te = "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: P = "Add at least one target.", saveLabel: F = "Save", cancelLabel: I = "Cancel", dialogAriaLabel: L = "Add access rule" } = u, R = n(), z = n(), ae = n(), B = n(), oe = 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(() => {
-		oe.current?.focus();
-	}, []);
-	let [V, se] = a(), [H, U] = a(), [W, G] = a([]), [K, q] = a(""), [ce, J] = a(!1), [ue, pe] = a(""), [X, me] = a(!1), [Z, he] = a(!1), Q = D(Y.selectField, ce && Y.selectFieldOpen), ge = D(Y.selectField, X && Y.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: ue.trim() ? /* @__PURE__ */ k(p, {
+		labelNode: Y.trim() ? /* @__PURE__ */ R(_, {
 			text: e,
-			query: ue,
+			query: Y,
 			maxLines: 1
 		}) : void 0
-	})), [e, ue]), ve = r(() => [
+	})), [e, Y]), _e = r(() => [
 		{
-			value: M.Equal,
-			label: S
+			value: V.Equal,
+			label: b
 		},
 		{
-			value: M.Contain,
-			label: C
+			value: V.Contain,
+			label: x
 		},
 		{
-			value: M.Regex,
-			label: w
+			value: V.Regex,
+			label: C
 		}
 	], [
-		S,
-		C,
-		w
-	]), $ = H === M.Regex, ye = fe(K), be = V != null && H != null && ($ ? ye : W.length > 0);
-	return /* @__PURE__ */ A("div", {
-		ref: oe,
-		role: "dialog",
-		"aria-modal": "true",
-		"aria-label": L,
+		b,
+		x,
+		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: _,
-		className: D("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", Y.dialog),
-		children: [
-			/* @__PURE__ */ k(b, {
-				id: z,
-				labelProps: { label: v },
-				options: _e,
-				value: V,
-				onChange: (e) => {
-					se(Array.isArray(e) ? e[0] : e), J(!1);
-				},
-				placeholder: y,
-				searchable: e.length > de,
-				searchPlaceholder: y,
-				onSearchQueryChange: pe,
-				disabled: c,
-				open: ce,
-				onOpenChange: J,
-				fieldClassName: Q,
-				invalid: Z && V == null,
-				error: Z && V == null ? N : void 0
-			}),
-			/* @__PURE__ */ k(b, {
-				labelProps: { label: x },
-				id: ae,
-				options: ve,
-				value: H,
-				onChange: (e) => {
-					let t = Array.isArray(e) ? e[0] : e;
-					H === M.Regex != (t === M.Regex) && (G([]), q("")), U(t), me(!1);
-				},
-				placeholder: x,
-				disabled: c,
-				open: X,
-				onOpenChange: me,
-				fieldClassName: ge,
-				invalid: Z && H == null,
-				error: Z && H == null ? N : void 0
-			}),
-			$ ? /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k(m, {
-				id: `${R}-input`,
-				labelProps: { label: ne },
-				placeholder: re,
-				value: K,
-				onChange: (e) => q(e ?? ""),
-				invalid: (K.length > 0 || Z) && !ye,
-				"aria-describedby": (K.length > 0 || Z) && !ye ? R : void 0,
-				disabled: c
-			}), (K.length > 0 || Z) && !ye && /* @__PURE__ */ k("span", {
-				id: R,
-				role: "alert",
-				className: D("mt-1 block", f, Y.error),
-				children: ie
-			})] }) : /* @__PURE__ */ k(ee, {
-				id: B,
-				labelProps: { label: O },
-				placeholder: j,
-				caption: Z && W.length === 0 ? void 0 : te,
-				error: Z && W.length === 0 ? P : void 0,
-				invalid: Z && W.length === 0,
-				value: W,
-				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;
-					}
-					G(t);
-				},
-				disabled: c,
-				tagClassName: T
-			}),
-			/* @__PURE__ */ A("div", {
-				className: "mt-auto flex justify-end gap-2 desktop:mt-2",
-				children: [/* @__PURE__ */ k(d, {
-					label: I,
-					onClick: s,
-					disabled: c
-				}), /* @__PURE__ */ k(h, {
-					label: F,
-					onClick: () => {
-						if (!be || V == null || H == null) {
-							he(!0);
-							return;
-						}
-						o({
-							source: V,
-							function: H,
-							targets: $ ? [K.trim()] : W
-						});
-					},
-					disabled: c
-				})]
-			})
-		]
+		onKeyDown: ke,
+		style: m,
+		className: F("flex flex-none flex-col gap-3 rounded-lg p-3", ye.inline),
+		children: Ae
 	});
-}, X = {
+}, $ = {
 	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: b, labels: x = {}, headingClassName: C = "dial-body-semi-text", hintClassName: ee = "dial-small-text", loadingClassName: w = "dial-small-text", ruleTextClassName: T = "dial-small-text", ruleSourceClassName: O = "dial-small-semi-text", styles: j = {} }) => {
-	let re = {
-		...E({
-			"--par-rule-bg": j.colors?.ruleBackground,
-			"--par-heading-text": j.colors?.headingText,
-			"--par-hint-text": j.colors?.hintText,
-			"--par-loading-text": j.colors?.loadingText,
-			"--par-rule-text": j.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
 		}),
-		...j.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: P = "These rules have no destination yet. Select a folder above to apply them.", maxRulesReachedLabel: F = "Rule limit reached ({max}). Remove a rule to add another.", addRuleLabel: I = "Add rule", clearAllLabel: L = "Clear all", orSeparatorLabel: R = "Or", removeRuleAriaLabelTemplate: z = "Remove rule for {source}: {targets}", equalFunctionLabel: ae = "Equal", containFunctionLabel: B = "Contain", regexFunctionLabel: oe = "Regex", loadingLabel: V = "Loading existing rules…", loadErrorLabel: se = "Couldn't load existing rules for this folder. You can still add rules manually.", ruleAddedAnnouncement: H = "Rule added.", ruleRemovedAnnouncement: U = "Rule removed.", rulesClearedAnnouncement: W = "All rules cleared.", rulesLoadedAnnouncement: G = "Existing rules loaded for the selected folder.", editorLabels: K } = x, q = n(), [ce, J] = a(!1), [Y, le] = a(""), ue = i(null), de = i(m);
+		...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(() => {
-		de.current && !m && e.length > 0 && le(G), de.current = m;
+		Z.current && !f && e.length > 0 && Y(G), Z.current = f;
 	}, [
-		m,
+		f,
 		e,
 		G
 	]);
 	let fe = () => {
-		ue.current = document.activeElement, J(!0);
+		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 = () => {
-		J(!1), ue.current?.focus?.();
-	}, Q = (t) => {
-		r([...e, t]), le(H), he();
-	}, ge = (t) => {
-		r(e.filter((e, n) => n !== t)), le(U);
-	}, _e = () => {
-		r([]), le(W);
-	}, ve = {
-		equal: ae,
-		contain: B,
-		regex: oe
-	}, $ = e.length >= y, ye = p || $, be = u != null && u !== "";
-	return /* @__PURE__ */ A("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": q,
-		style: re,
-		className: D(p && "pointer-events-none opacity-60"),
+		style: k,
+		className: F(d && "pointer-events-none opacity-60"),
 		children: [
-			/* @__PURE__ */ k("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
-				children: Y
+			/* @__PURE__ */ R(y, {
+				visuallyHidden: !0,
+				as: b.Span,
+				children: de
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ z("div", {
 				className: "mb-1 flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ R("div", {
 					id: q,
-					className: D(C, X.heading),
-					children: ie
-				}), e.length > 0 && /* @__PURE__ */ k(d, {
-					variant: o.Primary,
+					className: F(v, $.heading),
+					children: A
+				}), e.length > 0 && /* @__PURE__ */ R(h, {
+					variant: s.Primary,
 					label: L,
-					onClick: _e,
-					disabled: p
+					onClick: he,
+					disabled: d
 				})]
 			}),
-			/* @__PURE__ */ k("p", {
-				className: D("mb-2", ee, X.hint),
-				children: be ? M.replace("{folder}", u) : N
+			/* @__PURE__ */ R("p", {
+				className: F("mb-2", x, $.hint),
+				children: ye ? M.replace("{folder}", c) : N
 			}),
-			e.length > 0 && !be && /* @__PURE__ */ k("div", {
+			e.length > 0 && !ye && /* @__PURE__ */ R("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ k(g, {
-					type: _.SectionMessage,
-					variant: v.Warning,
+				children: /* @__PURE__ */ R(C, {
+					type: w.SectionMessage,
+					variant: T.Warning,
 					message: P
 				})
 			}),
-			m && /* @__PURE__ */ A("div", {
-				className: D("mb-2 flex items-center gap-2", w, X.loading),
-				children: [/* @__PURE__ */ k(S, {
+			f && /* @__PURE__ */ z("div", {
+				className: F("mb-2 flex items-center gap-2", S, $.loading),
+				children: [/* @__PURE__ */ R(j, {
 					size: 16,
-					ariaLabel: V
-				}), /* @__PURE__ */ k("span", { children: V })]
+					ariaLabel: H
+				}), /* @__PURE__ */ R("span", { children: H })]
 			}),
-			h && /* @__PURE__ */ k("div", {
+			p && /* @__PURE__ */ R("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ k(g, {
-					type: _.SectionMessage,
-					variant: v.Warning,
-					message: se
+				children: /* @__PURE__ */ R(C, {
+					type: w.SectionMessage,
+					variant: T.Warning,
+					message: U
 				})
 			}),
-			e.length > 0 && /* @__PURE__ */ k("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(` ${R} `), r = z.replace("{source}", e.source).replace("{targets}", n);
-					return /* @__PURE__ */ A("li", {
-						className: D("flex items-center justify-between gap-2 rounded-lg px-3 py-2", X.ruleRow),
-						children: [/* @__PURE__ */ A("span", {
-							className: D("truncate", T, X.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__ */ k("span", {
-									className: O,
+								/* @__PURE__ */ R("span", {
+									className: D,
 									children: e.source
 								}),
 								" ",
-								Z(e.function, ve),
+								Ee(e.function, ge),
 								": ",
 								n
 							]
-						}), /* @__PURE__ */ k(f, {
-							icon: /* @__PURE__ */ k(ne, {
-								size: c.SM,
+						}), /* @__PURE__ */ R(g, {
+							icon: /* @__PURE__ */ R(ae, {
+								size: l.SM,
 								"aria-hidden": !0,
-								stroke: l
+								stroke: u
 							}),
 							"aria-label": r,
-							onClick: () => ge(t),
-							disabled: p
+							onClick: () => me(t),
+							disabled: d
 						})]
 					}, t);
 				})
 			}),
-			ce && /* @__PURE__ */ k(pe, {
-				sourceOptions: s,
-				onSave: Q,
-				onCancel: he,
-				disabled: p,
-				maxTargets: b,
+			ue && /* @__PURE__ */ R(we, {
+				sourceOptions: o,
+				onSave: pe,
+				onCancel: Q,
+				disabled: d,
+				maxTargets: _,
 				labels: K,
-				styles: j.editor
+				styles: O.editor
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ R("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: /* @__PURE__ */ k(d, {
+				children: /* @__PURE__ */ R(h, {
 					label: I,
-					iconBefore: /* @__PURE__ */ k(te, {
-						size: c.SM,
+					iconBefore: /* @__PURE__ */ R(ie, {
+						size: l.SM,
 						"aria-hidden": !0,
-						stroke: l
+						stroke: u
 					}),
 					onClick: fe,
-					disabled: ye
+					disabled: ve
 				})
 			}),
-			$ && /* @__PURE__ */ k("p", {
-				className: D("mt-2", ee, X.hint),
-				children: F.replace("{max}", String(y))
+			_e && /* @__PURE__ */ R("p", {
+				className: F("mt-2", x, $.hint),
+				children: te.replace("{max}", String(m))
 			})
 		]
 	});
-}, Q = {
+}, 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"
-}, 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 = E({
+}, 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,
@@ -531,348 +544,468 @@ var M = /* @__PURE__ */ function(e) {
 		"--phl-date-text": p?.dateText,
 		"--phl-empty-text": p?.emptyStateText,
 		"--phl-striped-bg": p?.stripedBackground
-	}), h = D(f, Q.emptyState);
-	return n ? /* @__PURE__ */ k("p", {
-		style: m,
-		className: h,
-		children: c
-	}) : r ? /* @__PURE__ */ k("p", {
-		style: m,
-		className: h,
-		role: "alert",
-		children: l
-	}) : e.length === 0 ? /* @__PURE__ */ k("p", {
-		style: m,
-		className: h,
-		children: s
-	}) : /* @__PURE__ */ k("ul", {
+	}), h = F(f, Oe.emptyState);
+	if (n || r || e.length === 0) {
+		let e = s;
+		return n ? e = c : r && (e = l), /* @__PURE__ */ R(y, {
+			as: b.P,
+			style: m,
+			className: h,
+			children: e
+		});
+	}
+	return /* @__PURE__ */ R("ul", {
 		style: m,
-		children: e.map((e, n) => /* @__PURE__ */ A("li", {
-			className: D("flex items-center justify-between gap-2 rounded-lg px-3 py-[11px]", n % 2 == 0 && Q.stripedRow),
-			children: [/* @__PURE__ */ A("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__ */ A("span", {
-						className: D(u, Q.version),
+					/* @__PURE__ */ z("span", {
+						className: F(u, Oe.version),
 						children: [
 							i,
 							" ",
 							e.version
 						]
 					}),
-					e.version === t && /* @__PURE__ */ k(C, {
+					e.version === t && /* @__PURE__ */ R(M, {
 						label: a,
-						className: D("shrink-0 whitespace-nowrap", Q.currentBadge)
+						className: F("shrink-0 whitespace-nowrap", Oe.currentBadge)
 					}),
-					e.publishCredentials === !0 && /* @__PURE__ */ k(C, {
+					e.publishCredentials === !0 && /* @__PURE__ */ R(M, {
 						label: o,
-						className: D("shrink-0 whitespace-nowrap", Q.sharedCredentialsBadge)
+						className: F("shrink-0 whitespace-nowrap", Oe.sharedCredentialsBadge)
 					})
 				]
-			}), /* @__PURE__ */ k("span", {
-				className: D(d, Q.date),
-				children: I(e.publishedAt)
+			}), /* @__PURE__ */ R("span", {
+				className: F(d, Oe.date),
+				children: W(e.publishedAt)
 			})]
 		}, `${e.version}-${n}`))
 	});
-}, _e = {
+}, 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
+	};
+}, Fe = (e, t) => e.map((e) => ({
+	...e,
+	path: [t, ...e.path],
+	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: Fe(Y(e.items), t)
+	};
+}), Le = (e) => e.map((e) => je(e.key)), Re = (e, t) => {
+	let n = /* @__PURE__ */ new Set();
+	for (let r of e) {
+		let e = je(r.key);
+		for (let i of t(r) ?? []) n.add(i ? `${e}/${i}` : e);
+	}
+	return n;
+}, 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 = Me(t);
+		i != null && r.length !== 0 && n.get(i)?.add(Q(r));
+	}
+	return n;
+}, Be = {
 	divider: "_divider_1gs31_1",
 	tree: "_tree_1gs31_17"
-}, ve = ({ items: e, selectedPath: t, onSelectedPathChange: n, onCreateFolder: o, searchQuery: s, disabled: u = !1, createFolderLabel: f = "Create new folder", cancelCreatingFolderLabel: p = "Cancel", addSiblingFolderLabel: m = "Add sibling", addChildFolderLabel: h = "Add child", newFolderDefaultName: g = "New folder", noResultsLabel: _ = "No folders match \"{query}\".", emptyFolderNameError: v = "Folder name cannot be empty.", invalidFolderNameError: y = "Folder name contains invalid characters.", duplicateFolderNameError: b = "A folder with this name already exists.", rootLabel: x = "Organization", expandedPaths: S, onExpandedPathsChange: C, loadingPaths: ee, styles: w = {} }) => {
-	let T = {
-		...E({ "--pft-divider": w.colors?.divider }),
-		...w.cssVars
-	}, [O, ne] = a(() => new Set(t?.map((e, n) => U(t.slice(0, n + 1))) ?? [])), M = S ?? O, N = (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);
-		t.delete(""), C ? C(t) : ne(t);
-	}, [P, F] = a(null), [I, L] = a(g), R = i(null), z = s.trim(), B = P != null, V = r(() => ae(e, s), [e, s]), se = z.length > 0 && V.length === 0, K = !B && z.length > 0, Y = r(() => oe(K ? V : e), [
-		K,
-		V,
-		e
-	]), le = r(() => new Set(["", ...H(Y)]), [Y]), ue = r(() => new Set(["", ...K ? le : M]), [
-		K,
-		le,
-		M
-	]), de = r(() => G(Y), [Y]), fe = r(() => K && de.length === 0 ? [] : [{
-		path: "",
-		name: x,
-		folderId: "",
-		nodeType: re.FOLDER,
-		items: de
+		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(`[${Ve}]`) && (G.current = !0);
+		};
+		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
+	}, []);
+	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,
+		ue,
+		M,
+		j
+	]), he = r(() => /* @__PURE__ */ new Set([...N, ...fe(Z)]), [N, Z]), ye = r(() => /* @__PURE__ */ new Set([...N, ...X ? he : B]), [
+		N,
+		X,
+		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
 	}], [
-		de,
-		x,
-		K
-	]), pe = P ? U(P) : null, X = {
-		empty: v,
-		invalid: y,
-		duplicate: b
-	}, me = (t) => ce(se && q(z, [], X) == null ? z : g, J(e, t)), Z = (e) => {
-		F(e), L(me(e)), R.current = null;
-		let t = U(e);
-		t && N(new Set(M).add(t));
-	}, he = () => Z(t ?? []), Q = (e) => {
-		let t = W(e.path), n = [{
+		be,
+		T,
+		X,
+		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;
+	}, $ = (() => {
+		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) => _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 = () => {
+		$ && Ee($);
+	}, Oe = (e) => {
+		let t = pe(e.path);
+		if (!we(t)) return [];
+		let n = [{
 			key: "add-child",
-			label: h,
-			icon: /* @__PURE__ */ k(j, {
-				size: c.SM,
+			label: y,
+			icon: /* @__PURE__ */ R(re, {
+				size: l.SM,
 				"aria-hidden": !0,
-				stroke: l
+				stroke: u
 			}),
-			onClick: () => Z(t)
+			onClick: () => Ee(t)
 		}];
-		return e.path !== "" && n.push({
+		return N.includes(e.path) || n.push({
 			key: "add-sibling",
-			label: m,
-			icon: /* @__PURE__ */ k(te, {
-				size: c.SM,
+			label: v,
+			icon: /* @__PURE__ */ R(ie, {
+				size: l.SM,
 				"aria-hidden": !0,
-				stroke: l
+				stroke: u
 			}),
-			onClick: () => Z(t.slice(0, -1))
+			onClick: () => Ee(t.slice(0, -1))
 		}), n;
-	}, ge = (t) => {
-		if (!P) return null;
-		let n = q(t, J(e, P), X);
-		return R.current = n, n;
-	}, ve = (e) => {
-		if (!P) return;
-		let t = e.trim(), r = R.current;
-		(ge(e) ?? r) || (o(P, t), n([...P, t])), F(null);
-	}, $ = () => F(null);
-	return /* @__PURE__ */ A("div", {
-		style: T,
-		className: D(u && "pointer-events-none opacity-60", w.className),
+	}, 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]);
+		}
+		U(null);
+	}, je = () => U(null);
+	return /* @__PURE__ */ z("div", {
+		style: A,
+		className: F(g && "pointer-events-none opacity-60", k.className),
 		children: [
-			/* @__PURE__ */ k("div", {
-				className: D("w-full min-w-0 max-w-full", _e.tree),
-				children: /* @__PURE__ */ k(ie, {
-					items: fe,
+			/* @__PURE__ */ R("div", {
+				className: F("w-full max-w-full min-w-0", Be.tree),
+				children: /* @__PURE__ */ R(se, {
+					items: xe,
 					showFiles: !1,
-					selectedPath: t == null ? void 0 : U(t),
-					expandedPaths: ue,
-					onExpandedPathsChange: N,
-					loadingPaths: ee,
+					selectedPath: P == null ? void 0 : Q(P),
+					expandedPaths: ye,
+					onExpandedPathsChange: V,
+					loadingPaths: ae,
 					onItemClick: (e) => {
-						n(t != null && U(t) === e.path ? void 0 : W(e.path));
+						let t = P != null && Q(P) === e.path;
+						te(t ? void 0 : pe(e.path));
 					},
-					getContextMenuItems: Q,
-					createdFolderPath: pe,
-					newFolderDefaultName: I,
-					onCreateFolderSave: ve,
-					onCreateFolderCancel: $,
-					onRenameValidate: (e) => ge(e),
-					emptyStateTitle: K ? _.replace("{query}", z) : void 0
+					getContextMenuItems: Oe,
+					createdFolderPath: Se,
+					newFolderDefaultName: ce,
+					onCreateFolderSave: Ae,
+					onCreateFolderCancel: je,
+					onRenameValidate: (e) => ke(e),
+					emptyStateTitle: X ? x.replace("{query}", K) : void 0
 				})
 			}),
-			/* @__PURE__ */ k("div", {
-				className: D("my-2 h-px", _e.divider),
+			/* @__PURE__ */ R("div", {
+				className: F("my-2 h-px", Be.divider),
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ z("div", {
 				className: "mb-4 flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ k(d, {
-					onClick: he,
-					label: f,
-					iconBefore: /* @__PURE__ */ k(te, {
-						size: c.SM,
+				children: [/* @__PURE__ */ R(h, {
+					onClick: De,
+					label: _,
+					iconBefore: /* @__PURE__ */ R(ie, {
+						size: l.SM,
 						"aria-hidden": !0,
-						stroke: l
+						stroke: u
 					}),
-					disabled: u || B
-				}), B && /* @__PURE__ */ k(d, {
-					label: p,
-					onClick: $,
-					disabled: u
+					disabled: g || q || !$
+				}), q && /* @__PURE__ */ R(h, {
+					label: ee,
+					onClick: je,
+					disabled: g,
+					[Ve]: ""
 				})]
 			})
 		]
 	});
-}, $ = { panel: "dial-publish-panel-panel" }, ye = {
-	summaryTitle: "_summaryTitle_tf20a_1",
-	sectionHeading: "_sectionHeading_tf20a_5"
-}, be = 200, xe = ({ 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: b = !1, allowReplace: x = !0, author: S, onAuthorChange: C, publishCredentials: ee = !1, onPublishCredentialsChange: T, rules: O, onRulesChange: j, ruleSourceOptions: te, isRulesLoading: ne = !1, hasRulesLoadError: re = !1, labels: ie = {}, summaryTitleClassName: M = "dial-body-semi-text", headingClassName: F = "dial-body-semi-text", styles: I = {} }) => {
-	let { colors: L, folderTree: R, accessRules: z } = I, ae = {
-		...E({
-			"--pp-summary-title-text": L?.summaryTitleText,
-			"--pp-heading-text": L?.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
 		}),
-		...I.cssVars
-	}, B = {
-		border: L?.summaryBorder,
-		background: L?.summaryBackground,
-		versionTagBorder: L?.summaryVersionTagBorder,
-		versionTagBackground: L?.summaryVersionTagBackground,
-		versionTagText: L?.summaryVersionTagText
-	}, { folderLabel: oe = "Publish to folder", replaceWarning: V = "Version {version} is already published in {folder}. Publishing will replace it.", noAccessError: se = "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: U, addSiblingFolderLabel: W, addChildFolderLabel: G, cancelCreatingFolderLabel: K, createFolderEmptyNameError: q, createFolderInvalidNameError: ce, createFolderDuplicateNameError: J, rootFolderLabel: Y = "Organization", summaryVersionLabel: le, accessRulesLabels: ue, 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(""), xe = n(), Ce = (e) => {
-		_e(e ?? "");
-	}, Te = o != null, Ee = r(() => P({
-		hasSelectedFolder: Te,
-		hasExistingPublicationInFolder: p,
-		hasWriteAccess: h,
-		isSubmitting: v,
-		hasSubmitError: b,
-		allowReplace: x
+		...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
 	}), [
-		Te,
-		p,
-		h,
-		v,
-		b,
-		x
-	]), De = Te ? o[o.length - 1] ?? Y : "", Oe = t ? t() : /* @__PURE__ */ k("span", {
-		className: D("truncate", M, ye.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__ */ A("div", {
-		className: D("flex flex-col gap-5", $.panel),
-		style: ae,
-		children: [e?.type == null ? /* @__PURE__ */ k(w, {
-			colors: B,
-			children: Oe
-		}) : /* @__PURE__ */ k(w, {
+	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: le,
-			colors: B
-		}), /* @__PURE__ */ A("div", { children: [
-			/* @__PURE__ */ k("div", {
-				className: D("mb-2", F, ye.sectionHeading),
-				children: oe
-			}),
-			/* @__PURE__ */ k("div", {
-				role: "search",
-				className: "mb-3",
-				children: /* @__PURE__ */ k(y, {
-					value: ge,
-					onChange: Ce,
-					placeholder: de,
-					clearLabel: fe,
-					"aria-label": de
-				})
+			hasVersionTag: !1,
+			colors: de
+		}), /* @__PURE__ */ z("section", { children: [
+			/* @__PURE__ */ R("h2", {
+				className: F("mb-2", V, Ke.sectionHeading),
+				children: Y
 			}),
-			/* @__PURE__ */ k(ve, {
-				items: i,
-				selectedPath: o,
-				onSelectedPathChange: c,
-				onCreateFolder: l,
-				expandedPaths: u,
-				onExpandedPathsChange: d,
-				loadingPaths: f,
-				searchQuery: ge,
-				disabled: v,
-				noResultsLabel: U,
-				addSiblingFolderLabel: W,
-				addChildFolderLabel: G,
-				cancelCreatingFolderLabel: K,
-				emptyFolderNameError: q,
-				invalidFolderNameError: ce,
-				duplicateFolderNameError: J,
-				rootLabel: Y,
-				styles: R
+			/* @__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
+				})]
 			}),
-			Ee.calloutKind !== N.None && Ee.calloutKind !== N.Info && /* @__PURE__ */ k("div", {
+			Be.calloutKind !== H.None && Be.calloutKind !== H.Info && /* @__PURE__ */ R("div", {
 				className: "mt-3",
-				children: /* @__PURE__ */ k(g, {
-					type: _.SectionMessage,
-					variant: Se(Ee.calloutKind),
-					message: we(Ee.calloutKind, {
-						replaceWarning: V,
-						noAccessError: se,
-						submitError: H,
-						folderName: De,
-						version: e?.version
+				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__ */ k("div", {
+			/* @__PURE__ */ R("div", {
 				className: "mt-4",
-				children: /* @__PURE__ */ k(m, {
-					id: xe,
-					labelProps: { label: pe },
-					placeholder: X,
-					caption: me,
-					value: S,
-					onChange: (e) => C(e ?? ""),
-					maxLength: be,
-					disabled: v
+				children: /* @__PURE__ */ R(ee, {
+					id: Pe,
+					labelProps: { label: Ee },
+					placeholder: Oe,
+					caption: ke,
+					value: j,
+					onChange: (e) => M(e ?? ""),
+					maxLength: qe,
+					disabled: D
 				})
 			}),
-			T != null && /* @__PURE__ */ k("div", {
+			te != null && /* @__PURE__ */ R("div", {
 				className: "mt-4",
-				children: /* @__PURE__ */ k(s, {
-					labelProps: { label: Z },
-					caption: Q,
-					isSelected: ee,
-					onChange: T,
-					disabled: v
+				children: /* @__PURE__ */ R(c, {
+					labelProps: { label: Ae },
+					caption: je,
+					isSelected: N,
+					onChange: te,
+					disabled: D
 				})
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ R("div", {
 				className: "mt-4",
-				children: /* @__PURE__ */ k(he, {
-					rules: O,
-					onRulesChange: j,
-					sourceOptions: te,
-					folderName: Te ? De : void 0,
-					disabled: v,
-					isLoading: ne,
-					hasLoadError: re,
-					labels: ue,
-					styles: z
+				children: /* @__PURE__ */ R(De, {
+					rules: I,
+					onRulesChange: L,
+					sourceOptions: re,
+					folderName: ze ? Ve : void 0,
+					disabled: D,
+					isLoading: ie,
+					hasLoadError: ae,
+					labels: we,
+					styles: ue
 				})
 			})
 		] })]
 	});
-}, Se = (e) => e === N.ReplaceWarning ? v.Warning : v.Error, Ce = (e, t) => {
-	let [n, r, ...i] = e.split("{folder}");
-	return r === void 0 || i.length > 0 ? e : /* @__PURE__ */ A(O, { children: [
-		n,
-		/* @__PURE__ */ k("strong", {
-			className: "font-semibold",
+}, 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__ */ z(L, { children: [
+		r,
+		/* @__PURE__ */ R("strong", {
+			className: n,
 			children: t
 		}),
-		r
+		i
 	] });
-}, we = (e, t) => e === N.ReplaceWarning ? Ce(t.replaceWarning.replace("{version}", t.version ?? ""), t.folderName) : e === N.NoAccess ? Ce(t.noAccessError, t.folderName) : t.submitError, Te = { footer: "_footer_dks1v_1" }, Ee = ({ version: e, hasExistingPublicationInFolder: t, isSubmitDisabled: n, isSubmitLoading: r, onCancel: i, onSubmit: a, labels: o = {}, colors: s }) => {
-	let l = E({ "--pf-border": s?.border }), { cancelLabel: u = "Cancel", publishDefaultLabel: f = "Publish", updateLabel: p = "Update version {version}", publishingInProgressLabel: m = "Publishing…" } = o, g = r ? m : t && e != null ? p.replace("{version}", e) : f;
-	return /* @__PURE__ */ A("div", {
-		style: l,
-		className: D("flex items-center justify-end gap-2 border-t px-4 py-4 desktop:px-3.5 rtl:flex-row-reverse rtl:justify-start", Te.footer),
-		children: [/* @__PURE__ */ k(d, {
-			label: u,
-			className: "mobile:flex-1",
-			disabled: r,
-			onClick: i
-		}), /* @__PURE__ */ k(h, {
-			label: g,
+}, 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: n,
-			iconBefore: r ? /* @__PURE__ */ k(S, { size: c.SM }) : void 0,
+			disabled: i,
 			onClick: a
+		}), 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__ */ R("span", {
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ R(j, { size: l.SM })
+			}) : void 0,
+			onClick: o
 		})]
 	});
-}, De = {
+}, et = {
 	backdrop: "_backdrop_16jmd_6",
 	panel: "_panel_16jmd_10",
 	divider: "_divider_16jmd_15",
 	content: "_content_16jmd_19",
 	title: "_title_16jmd_24"
-}, Oe = ({ 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: b, onRulesChange: S, ruleSourceOptions: C, isRulesLoading: ee = !1, hasRulesLoadError: w = !1, onClose: T, returnFocusRef: O, onSubmit: j, panelLabels: te, panelStyles: ne, footerLabels: re, labels: ie = {}, titleClassName: M = "dial-body-semi-text", colors: N }) => {
-	let F = E({
-		"--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
-	}), [I, L] = a(null), { title: R = "Publish", ariaLabel: z = "Publish", closeAriaLabel: ae = "Close" } = ie, B = r(() => P({
+}, 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
+	}), [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,
@@ -888,7 +1021,7 @@ var M = /* @__PURE__ */ function(e) {
 		_
 	]);
 	return t(() => {
-		let t = I?.closest("[role=\"dialog\"]");
+		let t = B?.closest("[role=\"dialog\"]");
 		if (!e || !t) return;
 		let n = () => t.focus({ preventScroll: !0 });
 		n();
@@ -898,41 +1031,47 @@ var M = /* @__PURE__ */ function(e) {
 		document.addEventListener("focusin", r);
 		let i = requestAnimationFrame(() => {
 			document.removeEventListener("focusin", r);
-		}), a = O?.current;
+		}), a = T?.current;
 		return () => {
 			cancelAnimationFrame(i), document.removeEventListener("focusin", r), a?.isConnected && a.focus({ preventScroll: !0 });
 		};
 	}, [
 		e,
-		I,
-		O
-	]), /* @__PURE__ */ A(x, {
+		B,
+		T
+	]), /* @__PURE__ */ z(A, {
 		open: e,
-		onClose: T,
-		header: /* @__PURE__ */ k("span", {
-			className: D("block truncate text-center", M, De.title),
-			children: R
+		onClose: w,
+		header: /* @__PURE__ */ R("span", {
+			className: F("block truncate text-center", te, et.title),
+			children: ce ? ae : ie
 		}),
-		ariaLabel: z,
-		closeAriaLabel: ae,
+		ariaLabel: se,
+		onBack: ce ? H.backToMain : void 0,
+		backAriaLabel: oe,
+		backDisabled: h,
+		closeAriaLabel: V,
 		closeDisabled: h,
-		style: F,
-		overlayStyle: F,
-		className: De.panel,
-		overlayClassName: De.backdrop,
-		headerClassName: D("px-[22px]", De.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__ */ k("div", {
-			ref: L,
-			className: D("min-h-0 flex-1 overflow-y-auto", De.content),
-			children: /* @__PURE__ */ k("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__ */ k(xe, {
+				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,
@@ -942,27 +1081,293 @@ var M = /* @__PURE__ */ function(e) {
 					isSubmitting: h,
 					hasSubmitError: g,
 					allowReplace: _,
-					author: v,
-					onAuthorChange: y,
-					rules: b,
-					onRulesChange: S,
-					ruleSourceOptions: C,
-					isRulesLoading: ee,
-					hasRulesLoadError: w,
-					labels: te,
-					styles: ne
+					author: ee,
+					onAuthorChange: v,
+					rules: y,
+					onRulesChange: b,
+					ruleSourceOptions: x,
+					isRulesLoading: S,
+					hasRulesLoadError: C,
+					labels: D,
+					styles: O,
+					summaryTitleClassName: k,
+					headingClassName: j,
+					calloutFolderNameClassName: M
 				})
 			})
-		}), /* @__PURE__ */ k(Ee, {
+		}), /* @__PURE__ */ R($e, {
 			version: n?.version,
 			hasExistingPublicationInFolder: p,
-			isSubmitDisabled: B.isSubmitDisabled,
-			isSubmitLoading: B.isSubmitLoading,
-			onCancel: T,
-			onSubmit: j,
-			labels: re
+			allowReplace: _,
+			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
+		})]
+	});
+}, nt = /* @__PURE__ */ function(e) {
+	return e.Keep = "keep", e.New = "new", e;
+}({}), rt = /* @__PURE__ */ function(e) {
+	return e.Main = "main", e.ChangeFolder = "change-folder", e;
+}({}), it = {
+	heading: "_heading_vk731_1",
+	destination: "_destination_vk731_5"
+}, 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
+		}),
+		...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: Y,
+		children: [
+			/* @__PURE__ */ R("div", {
+				role: "search",
+				children: /* @__PURE__ */ R(O, {
+					value: Z,
+					onChange: (e) => fe(e ?? ""),
+					placeholder: se,
+					clearLabel: V,
+					"aria-label": se
+				})
+			}),
+			/* @__PURE__ */ R(y, {
+				politeness: x.Assertive,
+				children: T && /* @__PURE__ */ z("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ R(p, { text: T }), E && /* @__PURE__ */ R(v, {
+						label: ue,
+						onClick: E
+					})]
+				})
+			}),
+			/* @__PURE__ */ R(We, {
+				roots: i,
+				destination: g,
+				onDestinationChange: _,
+				onCreateDestinationFolder: s,
+				searchQuery: Z,
+				disabled: C,
+				noResultsLabel: H,
+				createFolderLabel: U,
+				cancelCreatingFolderLabel: ce,
+				addSiblingFolderLabel: W,
+				addChildFolderLabel: le,
+				emptyFolderNameError: G,
+				invalidFolderNameError: K,
+				duplicateFolderNameError: q,
+				styles: de
+			}),
+			S && me?.hasAccessRules && /* @__PURE__ */ R("div", {
+				className: "mt-1",
+				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 _e = b ? [{
+		value: nt.Keep,
+		label: re.replace("{version}", b.currentVersion)
+	}, {
+		value: nt.New,
+		label: ie,
+		content: /* @__PURE__ */ R(ee, {
+			id: Q,
+			value: b.newVersion,
+			onChange: (e) => b.onNewVersionChange(e ?? ""),
+			onBlur: b.onNewVersionBlur,
+			labelProps: {
+				label: ae,
+				required: !0
+			},
+			placeholder: oe,
+			error: b.newVersionError,
+			invalid: !!b.newVersionError,
+			disabled: C
+		})
+	}] : [];
+	return /* @__PURE__ */ z("div", {
+		className: "flex flex-col gap-5",
+		style: Y,
+		children: [
+			t.type == null ? /* @__PURE__ */ R(P, {
+				colors: X,
+				children: /* @__PURE__ */ R("span", {
+					className: F("truncate", ge),
+					children: t.title
+				})
+			}) : /* @__PURE__ */ R(P, {
+				item: {
+					type: t.type,
+					name: t.title,
+					version: t.version ?? "",
+					iconUrl: t.iconUrl
+				},
+				hasVersionTag: !1,
+				colors: X
+			}),
+			/* @__PURE__ */ z("section", {
+				className: "flex flex-col gap-2",
+				children: [/* @__PURE__ */ R("h2", {
+					className: ge,
+					children: N
+				}), /* @__PURE__ */ z("div", {
+					className: "flex min-w-0 items-center gap-2",
+					children: [/* @__PURE__ */ R("div", {
+						role: "group",
+						"aria-label": I,
+						className: "min-w-0 flex-1",
+						children: /* @__PURE__ */ R(m, {
+							name: pe.join(" / "),
+							nameClassName: F(M, it.destination)
+						})
+					}), /* @__PURE__ */ R(h, {
+						ref: d,
+						size: f.Small,
+						label: te,
+						iconBefore: /* @__PURE__ */ R(B, {
+							size: l.SM,
+							stroke: u,
+							"aria-hidden": !0
+						}),
+						disabled: C,
+						onClick: c
+					})]
+				})]
+			}),
+			b && /* @__PURE__ */ z("section", {
+				className: "flex flex-col gap-2",
+				children: [/* @__PURE__ */ R("h2", {
+					className: ge,
+					children: L
+				}), /* @__PURE__ */ R(D, {
+					ariaLabel: L,
+					value: b.versionMode,
+					onChange: (e) => b.onVersionModeChange(e),
+					items: _e,
+					disabled: C
+				})]
+			}),
+			/* @__PURE__ */ R(y, {
+				politeness: x.Assertive,
+				children: w && /* @__PURE__ */ R(p, { text: w })
+			})
+		]
+	});
+}, 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"
+}, 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
+	}), [O, k] = a(rt.Main), [M, N] = a(f), P = i(null), te = i(null);
+	t(() => {
+		e && k(rt.Main);
+	}, [e]);
+	let I = i(O);
+	t(() => {
+		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 = L.current;
+		L.current = e, t && !e && s?.current?.isConnected && s.current.focus({ preventScroll: !0 });
+	}, [e, s]);
+	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__ */ z(A, {
+		open: e,
+		onClose: n,
+		header: /* @__PURE__ */ R("span", {
+			ref: P,
+			tabIndex: -1,
+			className: F("block truncate outline-none", d, ot.title),
+			children: B ? v : ee
+		}),
+		ariaLabel: ee,
+		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__ */ R("div", {
+			className: F("min-h-0 flex-1 overflow-y-auto p-[22px]", ot.content),
+			children: /* @__PURE__ */ R(at, {
+				..._,
+				view: O,
+				destination: f,
+				onDestinationChange: p,
+				isSubmitting: m,
+				onChangeFolderClick: ie,
+				changeFolderButtonRef: te,
+				pendingDestination: M,
+				onPendingDestinationChange: re
+			})
+		}), /* @__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: m,
+				onClick: B ? ae : n
+			}), B ? /* @__PURE__ */ R(S, {
+				label: T,
+				className: "mobile:flex-1",
+				disabled: M == null,
+				onClick: oe
+			}) : /* @__PURE__ */ R(E, {
+				label: m ? w : C,
+				className: "mobile:flex-1",
+				disabled: o || m,
+				iconBefore: m ? /* @__PURE__ */ R("span", {
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ R(j, { size: l.SM })
+				}) : void 0,
+				onClick: r
+			})]
 		})]
 	});
 };
 //#endregion
-export { $ as PUBLISH_PANEL_CLASS, M as PublicationRuleFunction, pe as PublishAccessRuleEditor, he as PublishAccessRules, N as PublishCalloutKind, ve as PublishFoldersTree, Ee as PublishFooter, ge as PublishHistoryList, xe as PublishPanel, Oe as StandalonePublishPanel, H as collectFolderKeys, P as derivePublishState, ae as filterFolderTree, I as formatPublishedDate, W as fromFolderPathKey, J as getSiblingFolderNames, ce as getUniqueFolderName, se as mergeFolderPaths, oe as sortFolderTree, G as toDialFileTree, U as toFolderPathKey, z as usePublishFlow, q 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 };