@epam/ai-dial-projects 1.3.0-dev.246 → 1.3.0-dev.248

package/index.js

@@ -1,38 +1,38 @@
 import { MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as e, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as t, MarkdownRenderer as n, PROHIBITED_CONVERSATION_NAME_CHARS_RE as r, PanelEmptyState as i, RequestStatus as a, TextRefinementField as o, buildCssVars as ee, getAttachmentTypeFromMime as s, inferMimeTypeFromPath as c, mergeClasses as l, useAvailableHeightCap as u, useTextRefinement as d } from "@epam/ai-dial-chat-shared";
-import { Button as te, ButtonAppearance as f, ButtonDropdown as p, ButtonVariant as m, CardShell as h, DIAL_ICON_SIZE as g, DIAL_KIT_ICON_STROKE as _, Dropdown as v, ElementSize as ne, EllipsisTooltip as y, ErrorText as b, FileDropzone as re, FolderPath as x, GhostButton as S, GhostIconButton as C, Highlight as w, Input as ie, Label as T, MenuItemMark as E, NeutralButton as ae, Search as oe, Spinner as se, Textarea as D } from "@epam/ai-dial-ui-kit";
-import { IconArrowNarrowLeft as ce, IconArrowsSort as O, IconDotsVertical as le, IconPin as ue, IconPinFilled as k } from "@tabler/icons-react";
-import { Suspense as de, lazy as A, memo as j, useCallback as M, useEffect as fe, useId as N, useMemo as P, useRef as F, useState as I } from "react";
-import { Fragment as pe, jsx as L, jsxs as R } from "react/jsx-runtime";
-import { AttachmentCard as me, FileDndOverlay as z } from "@epam/ai-dial-attachment-input";
-import { BuilderFormContainer as B } from "@epam/ai-dial-builder-form";
-import { LazyMarkdownEditor as V } from "@epam/ai-dial-ui-kit/editors";
+import { Button as te, ButtonAppearance as f, ButtonDropdown as p, ButtonVariant as m, CardShell as h, DIAL_ICON_SIZE as g, DIAL_KIT_ICON_STROKE as _, Dropdown as v, ElementSize as ne, EllipsisTooltip as y, ErrorText as b, FileDropzone as re, FolderPath as x, GhostButton as S, GhostIconButton as C, Highlight as w, Input as T, Label as E, LiveRegion as ie, LiveRegionElement as ae, LiveRegionPoliteness as oe, MenuItemMark as D, NeutralButton as se, ProgressBar as O, ProgressBarRole as ce, Search as le, Spinner as ue, Textarea as de } from "@epam/ai-dial-ui-kit";
+import { IconArrowNarrowLeft as fe, IconArrowsSort as k, IconDotsVertical as pe, IconPin as A, IconPinFilled as j } from "@tabler/icons-react";
+import { Suspense as M, lazy as N, memo as P, useCallback as F, useEffect as I, useId as L, useMemo as R, useRef as z, useState as B } from "react";
+import { Fragment as me, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { AttachmentCard as he, FileDndOverlay as ge } from "@epam/ai-dial-attachment-input";
+import { BuilderFormContainer as _e } from "@epam/ai-dial-builder-form";
+import { LazyMarkdownEditor as ve } from "@epam/ai-dial-ui-kit/editors";
 //#region src/types/projects-sort-key.ts
-var H = /* @__PURE__ */ function(e) {
+var U = /* @__PURE__ */ function(e) {
 	return e.Newest = "newest", e.Oldest = "oldest", e.NameAsc = "name-asc", e;
-}({}), he = (e, t) => {
+}({}), ye = (e, t) => {
 	let n = t.trim().toLocaleLowerCase();
 	return n ? e.filter((e) => e.name.toLocaleLowerCase().includes(n)) : e;
-}, ge = (e, t, n) => {
+}, be = (e, t, n) => {
 	let r = new Intl.Collator(n, {
 		sensitivity: "base",
 		numeric: !0
 	}), i = (e, t) => r.compare(e.name, t.name), a = (e, t) => Number(t.isPinned ?? !1) - Number(e.isPinned ?? !1);
-	if (t === H.NameAsc) return [...e].sort((e, t) => a(e, t) || i(e, t));
-	let o = t === H.Oldest ? 1 : -1;
+	if (t === U.NameAsc) return [...e].sort((e, t) => a(e, t) || i(e, t));
+	let o = t === U.Oldest ? 1 : -1;
 	return [...e].sort((e, t) => {
 		let n = a(e, t);
 		return n === 0 ? e.updatedAt == null && t.updatedAt == null ? i(e, t) : e.updatedAt == null ? 1 : t.updatedAt == null ? -1 : (e.updatedAt - t.updatedAt) * o || i(e, t) : n;
 	});
-}, U = 60, _e = 3600, W = 24 * _e, ve = [
+}, xe = 60, Se = 3600, W = 24 * Se, G = [
 	["year", 365 * W],
 	["month", 30 * W],
 	["week", 7 * W],
 	["day", W],
-	["hour", _e],
-	["minute", U]
-], G = (e, t, n) => {
+	["hour", Se],
+	["minute", xe]
+], Ce = (e, t, n) => {
 	let r = (t - e) / 1e3;
-	for (let [e, t] of ve) {
+	for (let [e, t] of G) {
 		let i = Math.floor(r / t);
 		if (i >= 1) return new Intl.RelativeTimeFormat(n).format(-i, e);
 	}
@@ -46,49 +46,49 @@ var H = /* @__PURE__ */ function(e) {
 	link: "_link_1o77o_23",
 	aboveLink: "_aboveLink_1o77o_39",
 	interactive: "_interactive_1o77o_44"
-}, ye = (e, t) => [e, ...(t ?? "").split("/").filter((e) => e.length > 0)], be = (e) => e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey, xe = ({ project: e, searchQuery: t, sourceLabel: n, folderPathLabel: r, pinnedLabel: i, href: a, onOpen: o, now: ee, locale: s, updatedAtClassName: c, titleClassName: u, pathLabelClassName: d, pathLeafClassName: te }) => {
-	let f = /* @__PURE__ */ L(w, {
+}, we = (e, t) => [e, ...(t ?? "").split("/").filter((e) => e.length > 0)], Te = (e) => e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey, Ee = ({ project: e, searchQuery: t, sourceLabel: n, folderPathLabel: r, pinnedLabel: i, href: a, onOpen: o, now: ee, locale: s, updatedAtClassName: c, titleClassName: u, pathLabelClassName: d, pathLeafClassName: te }) => {
+	let f = /* @__PURE__ */ V(w, {
 		text: e.name,
 		query: t,
 		maxLines: 1,
 		className: l("min-w-0", u, K.title, a != null && K.aboveLink)
 	});
-	return /* @__PURE__ */ L("li", {
+	return /* @__PURE__ */ V("li", {
 		className: "flex min-w-0",
-		children: /* @__PURE__ */ R(h, {
+		children: /* @__PURE__ */ H(h, {
 			"aria-label": e.name,
 			className: l("relative flex w-full min-w-0 flex-col gap-2", K.card, a != null && "has-focus-visible:-translate-y-[3px] has-focus-visible:shadow-lg motion-reduce:has-focus-visible:translate-y-0", a != null && K.interactive),
 			children: [
-				e.updatedAt != null && /* @__PURE__ */ L("time", {
+				e.updatedAt != null && /* @__PURE__ */ V("time", {
 					dateTime: new Date(e.updatedAt).toISOString(),
 					className: l(c, K.updatedAt),
-					children: G(e.updatedAt, ee, s)
+					children: Ce(e.updatedAt, ee, s)
 				}),
-				/* @__PURE__ */ R("div", {
+				/* @__PURE__ */ H("div", {
 					className: "flex min-w-0 items-center gap-2",
-					children: [a == null ? /* @__PURE__ */ L("div", {
+					children: [a == null ? /* @__PURE__ */ V("div", {
 						className: "min-w-0 flex-1",
 						children: f
-					}) : /* @__PURE__ */ L("a", {
+					}) : /* @__PURE__ */ V("a", {
 						href: a,
 						onClick: (t) => {
-							o != null && be(t) && (t.preventDefault(), o(e.id));
+							o != null && Te(t) && (t.preventDefault(), o(e.id));
 						},
 						className: l("min-w-0 flex-1", K.link),
 						children: f
-					}), e.isPinned && /* @__PURE__ */ R("span", {
+					}), e.isPinned && /* @__PURE__ */ H("span", {
 						className: l("shrink-0", K.pin),
-						children: [/* @__PURE__ */ L(k, {
+						children: [/* @__PURE__ */ V(j, {
 							size: g.SM,
 							"aria-hidden": !0
-						}), /* @__PURE__ */ L("span", {
+						}), /* @__PURE__ */ V("span", {
 							className: "sr-only",
 							children: i
 						})]
 					})]
 				}),
-				/* @__PURE__ */ L(x, {
-					segments: ye(n, e.parentPath),
+				/* @__PURE__ */ V(x, {
+					segments: we(n, e.parentPath),
 					ariaLabel: r,
 					labelClassName: l(d, K.path),
 					leafClassName: l(te, K.path),
@@ -101,8 +101,8 @@ var H = /* @__PURE__ */ function(e) {
 	container: "_container_qfuxj_1",
 	subtitle: "_subtitle_qfuxj_5",
 	sortButton: "_sortButton_qfuxj_9"
-}, Se = ({ projects: e, isLoading: t = !1, hasError: n = !1, incompleteSources: r = [], onRetry: a, onCreateProject: o, onOpenProject: s, getProjectHref: c, searchQuery: u, onSearchQueryChange: d, sortKey: h, onSortKeyChange: v, labels: y, locale: b, styles: re }) => {
-	let { colors: x, typography: C } = re ?? {}, w = C?.titleClassName ?? "dial-h2-text", ie = C?.subtitleClassName ?? "dial-body-text", T = C?.cardTitleClassName ?? "dial-body-semi-text", ae = C?.pathLabelClassName ?? "dial-tiny-text", D = C?.pathLeafClassName ?? "dial-tiny-semi-text", ce = C?.updatedAtClassName ?? "dial-tiny-text", le = C?.emptyStateDescriptionClassName ?? "dial-small-paragraph-text", ue = ee({
+}, J = ({ projects: e, isLoading: t = !1, hasError: n = !1, incompleteSources: r = [], onRetry: a, onCreateProject: o, onOpenProject: s, getProjectHref: c, searchQuery: u, onSearchQueryChange: d, sortKey: h, onSortKeyChange: v, labels: y, locale: b, styles: re }) => {
+	let { colors: x, typography: C } = re ?? {}, w = C?.titleClassName ?? "dial-h2-text", T = C?.subtitleClassName ?? "dial-body-text", E = C?.cardTitleClassName ?? "dial-body-semi-text", oe = C?.pathLabelClassName ?? "dial-tiny-text", se = C?.pathLeafClassName ?? "dial-tiny-semi-text", O = C?.updatedAtClassName ?? "dial-tiny-text", ce = C?.emptyStateDescriptionClassName ?? "dial-small-paragraph-text", de = ee({
 		"--pr-bg": x?.background,
 		"--pr-subtitle-text": x?.subtitleText,
 		"--pr-sort-text": x?.sortButtonText,
@@ -110,15 +110,15 @@ var H = /* @__PURE__ */ function(e) {
 		"--pr-card-title-text": x?.cardTitleText,
 		"--pr-updated-at-text": x?.updatedAtText,
 		"--pr-path-text": x?.pathText
-	}), [k] = I(() => Date.now()), de = u.trim(), A = r.length > 0, j = A && e.length === 0, M = P(() => ge(he(e, u), h, b), [
+	}), [fe] = B(() => Date.now()), pe = u.trim(), A = r.length > 0, j = A && e.length === 0, M = R(() => be(ye(e, u), h, b), [
 		e,
 		u,
 		h,
 		b
-	]), fe = y.sortOptions.find((e) => e.value === h)?.label ?? y.sortLabel, N = P(() => y.sortOptions.map((e) => ({
+	]), N = y.sortOptions.find((e) => e.value === h)?.label ?? y.sortLabel, P = R(() => y.sortOptions.map((e) => ({
 		key: e.value,
 		label: e.label,
-		mark: E.Check,
+		mark: D.Check,
 		checked: e.value === h,
 		onClick: () => v(e.value)
 	})), [
@@ -127,74 +127,74 @@ var H = /* @__PURE__ */ function(e) {
 		v
 	]), F = (e) => {
 		d(e ?? "");
-	}, pe = () => {
+	}, I = () => {
 		if (!t) return n ? y.errorLabel : A ? y.incompleteLabel : e.length === 0 ? y.emptyStateLabel : M.length === 0 ? y.noResultsLabel : y.resultCountLabel(M.length);
-	}, me = (e, t) => o ? /* @__PURE__ */ L(te, {
+	}, L = (e, t) => o ? /* @__PURE__ */ V(te, {
 		label: y.createProjectLabel,
 		variant: e,
 		onClick: o,
 		className: l("shrink-0", t)
-	}) : void 0, z = () => t ? /* @__PURE__ */ L(se, {}) : n || j ? /* @__PURE__ */ R("div", {
+	}) : void 0, z = () => t ? /* @__PURE__ */ V(ue, {}) : n || j ? /* @__PURE__ */ H("div", {
 		className: "flex flex-col items-center gap-3",
-		children: [/* @__PURE__ */ L("p", {
-			className: l(ie, q.subtitle),
+		children: [/* @__PURE__ */ V("p", {
+			className: l(T, q.subtitle),
 			children: n ? y.errorLabel : y.incompleteLabel
-		}), /* @__PURE__ */ L(S, {
+		}), /* @__PURE__ */ V(S, {
 			label: y.retryLabel,
 			onClick: a
 		})]
-	}) : e.length === 0 ? /* @__PURE__ */ L(i, {
+	}) : e.length === 0 ? /* @__PURE__ */ V(i, {
 		label: y.emptyStateLabel,
 		description: y.emptyStateDescription,
-		action: me(m.Secondary, "mt-2"),
+		action: L(m.Secondary, "mt-2"),
 		containerClassName: "p-3",
 		labelClassName: "mt-3",
-		descriptionClassName: le
-	}) : M.length === 0 ? /* @__PURE__ */ L(i, {
+		descriptionClassName: ce
+	}) : M.length === 0 ? /* @__PURE__ */ V(i, {
 		label: y.noResultsLabel,
 		containerClassName: "p-3",
 		labelClassName: "mt-3"
-	}) : /* @__PURE__ */ L("ul", {
+	}) : /* @__PURE__ */ V("ul", {
 		className: "m-0 grid w-full min-w-0 list-none grid-cols-1 gap-5 p-0 desktop:grid-cols-3",
-		children: M.map((e) => /* @__PURE__ */ L(xe, {
+		children: M.map((e) => /* @__PURE__ */ V(Ee, {
 			project: e,
-			searchQuery: de,
+			searchQuery: pe,
 			sourceLabel: y.sourceLabels[e.source],
 			folderPathLabel: y.folderPathLabel,
 			pinnedLabel: y.pinnedLabel ?? "Pinned",
 			href: c?.(e.id),
 			onOpen: s,
-			now: k,
+			now: fe,
 			locale: b,
-			updatedAtClassName: ce,
-			titleClassName: T,
-			pathLabelClassName: ae,
-			pathLeafClassName: D
+			updatedAtClassName: O,
+			titleClassName: E,
+			pathLabelClassName: oe,
+			pathLeafClassName: se
 		}, e.id))
-	}), B = t || n || j;
-	return /* @__PURE__ */ R("div", {
-		style: ue,
+	}), me = t || n || j;
+	return /* @__PURE__ */ H("div", {
+		style: de,
 		className: l("flex h-full w-full min-w-0 flex-col overflow-y-auto", q.container),
 		children: [
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ H("div", {
 				className: "flex min-w-0 items-center gap-2 px-4 py-4 desktop:px-8",
-				children: [/* @__PURE__ */ R("div", {
+				children: [/* @__PURE__ */ H("div", {
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ L("h1", {
+					children: [/* @__PURE__ */ V("h1", {
 						className: l("break-words", w),
 						children: y.title
-					}), y.subtitle && /* @__PURE__ */ L("p", {
-						className: l("mt-0.5", ie, q.subtitle),
+					}), y.subtitle && /* @__PURE__ */ V("p", {
+						className: l("mt-0.5", T, q.subtitle),
 						children: y.subtitle
 					})]
-				}), me(m.Primary)]
+				}), L(m.Primary)]
 			}),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ H("div", {
 				className: "flex flex-col gap-3 px-4 pt-4 pb-5 desktop:flex-row desktop:items-center desktop:px-8",
-				children: [/* @__PURE__ */ L("div", {
+				children: [/* @__PURE__ */ V("div", {
 					role: "search",
 					className: "min-w-0 flex-1",
-					children: /* @__PURE__ */ L(oe, {
+					children: /* @__PURE__ */ V(le, {
 						value: u,
 						onChange: F,
 						placeholder: y.searchPlaceholder,
@@ -202,16 +202,16 @@ var H = /* @__PURE__ */ function(e) {
 						"aria-label": y.searchAriaLabel,
 						size: ne.Large
 					})
-				}), y.sortOptions.length > 0 && /* @__PURE__ */ L("div", {
+				}), y.sortOptions.length > 0 && /* @__PURE__ */ V("div", {
 					role: "group",
 					"aria-label": y.sortLabel,
 					className: "shrink-0",
-					children: /* @__PURE__ */ L(p, {
-						items: N,
-						label: fe,
+					children: /* @__PURE__ */ V(p, {
+						items: P,
+						label: N,
 						variant: m.Primary,
 						appearance: f.Ghost,
-						iconBefore: /* @__PURE__ */ L(O, {
+						iconBefore: /* @__PURE__ */ V(k, {
 							size: g.SM,
 							"aria-hidden": !0,
 							stroke: _
@@ -220,48 +220,47 @@ var H = /* @__PURE__ */ function(e) {
 					})
 				})]
 			}),
-			/* @__PURE__ */ L("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
-				children: pe()
+			/* @__PURE__ */ V(ie, {
+				visuallyHidden: !0,
+				as: ae.Span,
+				children: I()
 			}),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ H("div", {
 				className: "flex w-full min-w-0 flex-1 flex-col items-center gap-5 px-4 pt-6 pb-8 desktop:px-8",
-				children: [A && !t && !n && !j && /* @__PURE__ */ R("div", {
+				children: [A && !t && !n && !j && /* @__PURE__ */ H("div", {
 					className: "flex w-full max-w-[1116px] flex-wrap items-center gap-3",
-					children: [/* @__PURE__ */ L("p", {
-						className: l(ie, q.subtitle),
+					children: [/* @__PURE__ */ V("p", {
+						className: l(T, q.subtitle),
 						children: y.incompleteLabel
-					}), /* @__PURE__ */ L(S, {
+					}), /* @__PURE__ */ V(S, {
 						label: y.retryLabel,
 						onClick: a
 					})]
-				}), /* @__PURE__ */ L("div", {
-					className: l("flex w-full max-w-[1116px] min-w-0 flex-col items-center", B && "flex-1 justify-center"),
+				}), /* @__PURE__ */ V("div", {
+					className: l("flex w-full max-w-[1116px] min-w-0 flex-col items-center", me && "flex-1 justify-center"),
 					children: z()
 				})]
 			})
 		]
 	});
-}, Ce = /* @__PURE__ */ function(e) {
+}, De = /* @__PURE__ */ function(e) {
 	return e.Personal = "personal", e.Shared = "shared", e.Organization = "organization", e;
-}({}), J = (e) => !!e.dataTransfer?.types.includes("Files"), we = (e) => {
-	let [t, n] = I(!1), r = F(0);
+}({}), Oe = (e) => !!e.dataTransfer?.types.includes("Files"), ke = (e) => {
+	let [t, n] = B(!1), r = z(0);
 	return {
 		isDragActive: t,
 		handlers: {
-			onDragEnter: M((e) => {
-				J(e) && (e.preventDefault(), r.current += 1, n(!0));
+			onDragEnter: F((e) => {
+				Oe(e) && (e.preventDefault(), r.current += 1, n(!0));
 			}, []),
-			onDragLeave: M((e) => {
-				J(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
+			onDragLeave: F((e) => {
+				Oe(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
 			}, []),
-			onDragOver: M((e) => {
-				J(e) && e.preventDefault();
+			onDragOver: F((e) => {
+				Oe(e) && e.preventDefault();
 			}, []),
-			onDrop: M((t) => {
-				if (!J(t)) return;
+			onDrop: F((t) => {
+				if (!Oe(t)) return;
 				t.preventDefault(), r.current = 0, n(!1);
 				let i = Array.from(t.dataTransfer?.files ?? []);
 				i.length > 0 && e(i);
@@ -272,34 +271,34 @@ var H = /* @__PURE__ */ function(e) {
 	return e.UnsupportedType = "unsupported-type", e.TooLarge = "too-large", e.CapacityExceeded = "capacity-exceeded", e.Duplicate = "duplicate", e.InvalidName = "invalid-name", e;
 }({}), X = /* @__PURE__ */ function(e) {
 	return e.Required = "required", e.InvalidCharacters = "invalid-characters", e.Reserved = "reserved", e.TooLong = "too-long", e;
-}({}), Te = 255, Z = new RegExp(r.source, "u"), Ee = /[\p{Cc}‎‏‪-‮⁦-⁩]/u, De = /* @__PURE__ */ new Set([
+}({}), Ae = 255, je = new RegExp(r.source, "u"), Me = /[\p{Cc}‎‏‪-‮⁦-⁩]/u, Ne = /* @__PURE__ */ new Set([
 	".",
 	"..",
 	"v",
 	"files",
 	".dial-resource",
 	".dial-folder"
-]), Oe = (e) => new TextEncoder().encode(e).length, ke = (e) => {
+]), Pe = (e) => new TextEncoder().encode(e).length, Fe = (e) => {
 	let t = e.trim();
-	return t.length === 0 ? X.Required : Oe(t) > 255 ? X.TooLong : Z.test(t) || Ee.test(t) ? X.InvalidCharacters : De.has(t) ? X.Reserved : null;
-}, Ae = (e) => {
+	return t.length === 0 ? X.Required : Pe(t) > 255 ? X.TooLong : je.test(t) || Me.test(t) ? X.InvalidCharacters : Ne.has(t) ? X.Reserved : null;
+}, Ie = (e) => {
 	let t = e.lastIndexOf(".");
 	return t > 0 ? e.slice(t + 1).toLowerCase() : "";
-}, je = (e) => "isStored" in e && e.isStored, Me = (e) => je(e) ? e.size : e.file.size, Ne = (e) => e.reduce((e, t) => e + Me(t), 0), Pe = 0, Q = () => (Pe += 1, `project-context-${Date.now()}-${Pe}`), Fe = (e) => {
+}, Le = (e) => "isStored" in e && e.isStored, Z = (e) => Le(e) ? e.size : e.file.size, Re = (e) => e.reduce((e, t) => e + Z(t), 0), ze = 0, Be = () => (ze += 1, `project-context-${Date.now()}-${ze}`), Ve = (e) => {
 	let t = e.type || c(e.name) || "application/octet-stream";
 	return {
-		id: Q(),
+		id: Be(),
 		name: e.name,
 		contentType: t,
 		type: s(t),
 		status: a.Idle,
 		file: e
 	};
-}, Ie = (e, t, n, r) => ke(e.name) != null || e.name.trim() !== e.name ? Y.InvalidName : r.allowedExtensions.includes(Ae(e.name)) ? t.has(e.name) ? Y.Duplicate : e.size > r.maxFileBytes ? Y.TooLarge : n + e.size > r.maxTotalBytes ? Y.CapacityExceeded : null : Y.UnsupportedType, Le = (e, t, n) => {
-	let r = new Set(t.map((e) => e.name)), i = Ne(t), a = [], o = [];
+}, Q = (e, t, n, r) => Fe(e.name) != null || e.name.trim() !== e.name ? Y.InvalidName : r.allowedExtensions.includes(Ie(e.name)) ? t.has(e.name) ? Y.Duplicate : e.size > r.maxFileBytes ? Y.TooLarge : n + e.size > r.maxTotalBytes ? Y.CapacityExceeded : null : Y.UnsupportedType, He = (e, t, n) => {
+	let r = new Set(t.map((e) => e.name)), i = Re(t), a = [], o = [];
 	for (let t of e) {
-		let e = Ie(t, r, i, n);
-		e == null ? (r.add(t.name), i += t.size, a.push(Fe(t))) : o.push({
+		let e = Q(t, r, i, n);
+		e == null ? (r.add(t.name), i += t.size, a.push(Ve(t))) : o.push({
 			name: t.name,
 			reason: e
 		});
@@ -308,276 +307,283 @@ var H = /* @__PURE__ */ function(e) {
 		accepted: a,
 		rejected: o
 	};
-}, Re = (e, t) => e <= 0 ? 0 : t <= 0 ? 100 : Math.min(100, Math.max(1, Math.round(e / t * 100))), ze = (e, t) => {
+}, Ue = (e, t) => e <= 0 ? 0 : t <= 0 ? 100 : Math.min(100, Math.max(1, Math.round(e / t * 100))), We = (e, t) => {
 	let n = t.trim().toLowerCase();
 	return n === "" ? e : e.filter((e) => e.name.toLowerCase().includes(n));
-}, Be = {
-	track: "_track_15unh_1",
-	fill: "_fill_15unh_5",
-	text: "_text_15unh_9"
-}, Ve = ({ usedBytes: e, maxBytes: t, ariaLabel: n, formatLabel: r, textClassName: i = "dial-tiny-text" }) => {
+}, Ge = {
+	track: "_track_1eyt2_1",
+	text: "_text_1eyt2_11"
+}, Ke = ({ usedBytes: e, maxBytes: t, ariaLabel: n, formatLabel: r, textClassName: i = "dial-tiny-text" }) => {
 	if (e <= 0) return null;
-	let a = Re(e, t), o = r(a);
-	return /* @__PURE__ */ R("div", {
+	let a = r(Ue(e, t));
+	return /* @__PURE__ */ H("div", {
 		className: "flex min-w-0 items-center gap-2",
-		children: [/* @__PURE__ */ L("div", {
-			role: "meter",
+		children: [/* @__PURE__ */ V(O, {
+			role: ce.Meter,
+			value: e,
+			max: t,
+			size: ne.Small,
 			"aria-label": n,
-			"aria-valuemin": 0,
-			"aria-valuemax": t,
-			"aria-valuenow": Math.min(e, t),
-			"aria-valuetext": o,
-			className: l("h-1 w-[60px] shrink-0 overflow-hidden rounded-full", Be.track),
-			children: /* @__PURE__ */ L("div", {
-				className: l("h-full rounded-full", Be.fill),
-				style: { width: `${a}%` }
-			})
-		}), /* @__PURE__ */ L("span", {
+			"aria-valuetext": a,
+			className: l("w-[60px] shrink-0", Ge.track)
+		}), /* @__PURE__ */ V("span", {
 			"aria-hidden": !0,
-			className: l("whitespace-nowrap", i, Be.text),
-			children: o
+			className: l("whitespace-nowrap", i, Ge.text),
+			children: a
 		})]
 	});
-}, He = {
+}, qe = {
 	formColumn: "_formColumn_1fxsc_1",
 	helper: "_helper_1fxsc_10",
 	label: "_label_1fxsc_14"
-}, Ue = A(async () => ({ default: (await V()).MarkdownEditor })), We = "device", Ge = "file-manager", Ke = ({ values: n, errors: r, onFieldChange: i, contextFiles: a, onContextFilesChange: s, allowedExtensions: c, maxFileBytes: te, maxTotalBytes: f, onPickFromFileManager: h, onRefineDescription: v, onRefineInstructions: y, onBack: x, onCancel: S, onSubmit: C, isSubmitting: w = !1, labels: E, markdownEditorTheme: ae, className: oe, styles: O }) => {
-	let le = N(), ue = N(), k = N(), A = N(), j = N(), pe = F(null), V = F(null), H = u(), [he, ge] = I(!1), [U, _e] = I([]), [W, ve] = I(""), G = F(void 0), K = M((e) => e ? async (t, n) => {
-		if (G.current && !G.current.aborted) throw new DOMException("Busy", "AbortError");
-		G.current = n;
+}, Je = N(async () => ({ default: (await ve()).MarkdownEditor })), Ye = "device", Xe = "file-manager", Ze = ({ values: n, errors: r, onFieldChange: i, contextFiles: a, onContextFilesChange: s, allowedExtensions: c, maxFileBytes: te, maxTotalBytes: f, onPickFromFileManager: h, onRefineDescription: v, onRefineInstructions: y, onBack: x, onCancel: S, onSubmit: C, isSubmitting: w = !1, labels: D, markdownEditorTheme: se, className: O, styles: ce }) => {
+	let le = L(), k = L(), pe = L(), A = L(), j = L(), N = z(null), P = z(null), me = u(), [ve, U] = B(!1), [ye, be] = B([]), [xe, Se] = B(""), W = z(void 0), G = F((e) => e ? async (t, n) => {
+		if (W.current && !W.current.aborted) throw new DOMException("Busy", "AbortError");
+		W.current = n;
 		try {
 			return await e(t, n);
 		} finally {
-			G.current === n && (G.current = void 0);
+			W.current === n && (W.current = void 0);
 		}
-	} : void 0, []), ye = P(() => K(v), [K, v]), be = P(() => K(y), [K, y]), xe = d({
+	} : void 0, []), Ce = R(() => G(v), [G, v]), K = R(() => G(y), [G, y]), we = d({
 		value: n.description,
 		onChange: (e) => i("description", e),
-		onRefine: ye,
+		onRefine: Ce,
 		disabled: w
-	}), q = d({
+	}), Te = d({
 		value: n.instructions,
 		onChange: (e) => i("instructions", e),
-		onRefine: be,
+		onRefine: K,
 		disabled: w
-	}), Se = xe.isPending || q.isPending, Ce = ke(n.name), J = r.name ?? (he && Ce != null ? E.nameErrors[Ce] : void 0), Y = Ce != null || w || Se;
-	fe(() => {
-		r.name && pe.current?.focus();
+	}), Ee = we.isPending || Te.isPending, q = Fe(n.name), J = r.name ?? (ve && q != null ? D.nameErrors[q] : void 0), De = q != null || w || Ee;
+	I(() => {
+		r.name && N.current?.focus();
 	}, [r.name]);
-	let X = P(() => Ne(a), [a]), Te = P(() => c.map((e) => `.${e}`).join(","), [c]), Z = (e) => {
+	let Oe = R(() => Re(a), [a]), Y = R(() => c.map((e) => `.${e}`).join(","), [c]), X = (e) => {
 		if (e.length === 0) return;
-		let { accepted: t, rejected: n } = Le(e, a, {
+		let { accepted: t, rejected: n } = He(e, a, {
 			allowedExtensions: c,
 			maxFileBytes: te,
 			maxTotalBytes: f
 		});
-		_e(n), t.length > 0 && s([...a, ...t]), ve([t.length > 0 ? E.filesAddedStatus(t.length) : "", ...n.map(({ name: e, reason: t }) => E.fileRejections[t](e))].filter(Boolean).join(" "));
-	}, { isDragActive: Ee, handlers: De } = we(Z), Oe = (e) => {
+		be(n), t.length > 0 && s([...a, ...t]), Se([t.length > 0 ? D.filesAddedStatus(t.length) : "", ...n.map(({ name: e, reason: t }) => D.fileRejections[t](e))].filter(Boolean).join(" "));
+	}, { isDragActive: Ae, handlers: je } = ke(X), Me = (e) => {
 		let t = a.find((t) => t.id === e);
-		s(a.filter((t) => t.id !== e)), _e([]), t && ve(E.fileRemovedStatus(t.name));
-	}, Ae = (e) => {
-		Z(Array.from(e.target.files ?? [])), e.target.value = "";
-	}, je = async () => {
+		s(a.filter((t) => t.id !== e)), be([]), t && Se(D.fileRemovedStatus(t.name));
+	}, Ne = (e) => {
+		X(Array.from(e.target.files ?? [])), e.target.value = "";
+	}, Pe = async () => {
 		if (h) try {
 			let e = await h();
-			e && Z(e);
+			e && X(e);
 		} catch {}
-	}, Me = [{
-		key: We,
-		label: E.addFromDeviceLabel,
-		onClick: () => V.current?.click()
+	}, Ie = [{
+		key: Ye,
+		label: D.addFromDeviceLabel,
+		onClick: () => P.current?.click()
 	}, ...h ? [{
-		key: Ge,
-		label: E.addFromFileManagerLabel,
-		onClick: () => void je()
-	}] : []], Pe = () => {
-		!Y && (!G.current || G.current.aborted) && C();
-	}, { colors: Q, typography: Fe } = O ?? {}, Ie = Fe?.titleClassName ?? "dial-h1-text", Re = l(Fe?.labelClassName ?? "dial-tiny-semi-text", He.label), ze = Fe?.helperClassName ?? "dial-tiny-text", Be = ee({
-		"--pcf-helper-text": Q?.helperText,
-		"--pcf-label-text": Q?.labelText,
-		"--pcf-meter-track": Q?.meterTrack,
-		"--pcf-meter-fill": Q?.meterFill
-	}), Ke = E.refinement, $ = r.context, qe = !!$;
-	return /* @__PURE__ */ R("div", {
-		className: l("relative flex h-full min-h-0 w-full", oe),
-		...De,
+		key: Xe,
+		label: D.addFromFileManagerLabel,
+		onClick: () => void Pe()
+	}] : []], Le = () => {
+		!De && (!W.current || W.current.aborted) && C();
+	}, { colors: Z, typography: ze } = ce ?? {}, Be = ze?.titleClassName ?? "dial-h1-text", Ve = l(ze?.labelClassName ?? "dial-tiny-semi-text", qe.label), Q = ze?.helperClassName ?? "dial-tiny-text", Ue = ee({
+		"--pcf-helper-text": Z?.helperText,
+		"--pcf-label-text": Z?.labelText,
+		"--pcf-meter-track": Z?.meterTrack,
+		"--pcf-meter-fill": Z?.meterFill
+	}), We = D.refinement, Ge = r.context, Ze = !!Ge;
+	return /* @__PURE__ */ H("div", {
+		className: l("relative flex h-full min-h-0 w-full", O),
+		...je,
 		children: [
-			/* @__PURE__ */ L(z, {
-				isVisible: Ee,
+			/* @__PURE__ */ V(ge, {
+				isVisible: Ae,
 				labels: {
-					title: E.dropOverlayTitle,
-					subtitle: E.dropOverlaySubtitle
+					title: D.dropOverlayTitle,
+					subtitle: D.dropOverlaySubtitle
 				}
 			}),
-			/* @__PURE__ */ L(B, {
+			/* @__PURE__ */ V(_e, {
 				labels: {
-					title: E.title,
-					backButtonLabel: E.backLabel,
-					cancelButtonLabel: E.cancelLabel,
-					submitButtonLabel: E.createLabel,
-					submittingLabel: E.submittingLabel ?? E.createLabel
+					title: D.title,
+					backButtonLabel: D.backLabel,
+					cancelButtonLabel: D.cancelLabel,
+					submitButtonLabel: D.createLabel,
+					submittingLabel: D.submittingLabel ?? D.createLabel
 				},
 				onBack: x,
 				onCancel: S,
-				onSubmit: Pe,
+				onSubmit: Le,
 				isCancelDisabled: w,
-				isSubmitDisabled: Y,
+				isSubmitDisabled: De,
 				isSubmitting: w,
-				backIcon: /* @__PURE__ */ L(ce, {
+				backIcon: /* @__PURE__ */ V(fe, {
 					size: g.LG,
 					stroke: _,
 					"aria-hidden": !0,
 					className: "rtl:scale-x-[-1]"
 				}),
 				styles: {
-					colors: { background: Q?.background },
+					colors: { background: Z?.background },
 					header: {
-						colors: { borderColor: Q?.headerBorder },
-						typography: { fontClassName: Ie }
+						colors: { borderColor: Z?.headerBorder },
+						typography: { fontClassName: Be }
 					},
-					cssVars: Be
+					cssVars: Ue
 				},
-				children: /* @__PURE__ */ R("div", {
-					className: l("mx-auto flex w-full max-w-[1040px] min-w-0 flex-col gap-5 py-6", He.formColumn),
+				children: /* @__PURE__ */ H("div", {
+					className: l("mx-auto flex w-full max-w-[1040px] min-w-0 flex-col gap-5 py-6", qe.formColumn),
 					children: [
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ H("div", {
 							className: "flex flex-col gap-1",
-							children: [/* @__PURE__ */ L(ie, {
-								id: le,
-								inputRef: pe,
-								value: n.name,
-								onChange: (e) => i("name", e ?? ""),
-								onBlur: () => ge(!0),
-								placeholder: E.namePlaceholder,
-								labelProps: {
-									label: E.nameLabel,
-									required: !0
-								},
-								required: !0,
-								"aria-required": !0,
-								invalid: !!J,
-								"aria-invalid": !!J,
-								"aria-describedby": J ? ue : void 0
-							}), J && /* @__PURE__ */ L(b, {
-								id: ue,
-								role: r.name ? "alert" : void 0,
-								className: ze,
-								text: J
-							})]
+							children: [
+								/* @__PURE__ */ V(T, {
+									id: le,
+									inputRef: N,
+									value: n.name,
+									onChange: (e) => i("name", e ?? ""),
+									onBlur: () => U(!0),
+									placeholder: D.namePlaceholder,
+									labelProps: {
+										label: D.nameLabel,
+										required: !0
+									},
+									required: !0,
+									"aria-required": !0,
+									invalid: !!J,
+									"aria-invalid": !!J,
+									"aria-describedby": J ? k : void 0
+								}),
+								/* @__PURE__ */ V(b, {
+									announce: oe.Assertive,
+									id: k,
+									className: Q,
+									text: r.name ?? ""
+								}),
+								J && !r.name && /* @__PURE__ */ V(b, {
+									id: k,
+									className: Q,
+									text: J
+								})
+							]
 						}),
-						/* @__PURE__ */ L(o, {
+						/* @__PURE__ */ V(o, {
 							isEnabled: !!v,
-							fieldId: k,
-							label: E.descriptionLabel,
-							labelClassName: Re,
-							labels: Ke,
-							refinement: xe,
-							disabled: w || Se,
-							children: /* @__PURE__ */ L(D, {
-								id: k,
+							fieldId: pe,
+							label: D.descriptionLabel,
+							labelClassName: Ve,
+							labels: We,
+							refinement: we,
+							disabled: w || Ee,
+							children: /* @__PURE__ */ V(de, {
+								id: pe,
 								value: n.description,
 								onChange: (e) => {
-									xe.reset(), i("description", e);
+									we.reset(), i("description", e);
 								},
-								placeholder: E.descriptionPlaceholder,
-								labelProps: v ? void 0 : { label: E.descriptionLabel }
+								placeholder: D.descriptionPlaceholder,
+								labelProps: v ? void 0 : { label: D.descriptionLabel }
 							})
 						}),
-						/* @__PURE__ */ L(o, {
+						/* @__PURE__ */ V(o, {
 							isEnabled: !!y,
 							fieldId: A,
-							label: E.instructionsLabel,
-							labelClassName: Re,
-							labels: Ke,
-							refinement: q,
-							disabled: w || Se,
-							children: /* @__PURE__ */ R("div", {
+							label: D.instructionsLabel,
+							labelClassName: Ve,
+							labels: We,
+							refinement: Te,
+							disabled: w || Ee,
+							children: /* @__PURE__ */ H("div", {
 								className: "flex flex-1 flex-col gap-2",
-								children: [!y && /* @__PURE__ */ L(T, {
+								children: [!y && /* @__PURE__ */ V(E, {
 									htmlFor: A,
-									className: Re,
-									label: E.instructionsLabel
-								}), /* @__PURE__ */ L("div", {
-									ref: H,
+									className: Ve,
+									label: D.instructionsLabel
+								}), /* @__PURE__ */ V("div", {
+									ref: me,
 									className: l("w-full", e, t),
-									children: /* @__PURE__ */ L(de, {
-										fallback: /* @__PURE__ */ L(se, {}),
-										children: /* @__PURE__ */ L(Ue, {
+									children: /* @__PURE__ */ V(M, {
+										fallback: /* @__PURE__ */ V(ue, {}),
+										children: /* @__PURE__ */ V(Je, {
 											id: A,
 											value: n.instructions,
 											onChange: (e) => {
-												q.reset(), i("instructions", e);
+												Te.reset(), i("instructions", e);
 											},
 											height: 176,
-											theme: ae,
-											placeholder: E.instructionsPlaceholder
+											theme: se,
+											placeholder: D.instructionsPlaceholder
 										})
 									})
 								})]
 							})
 						}),
-						/* @__PURE__ */ R("section", {
+						/* @__PURE__ */ H("section", {
 							"aria-labelledby": j,
 							className: "flex flex-col gap-2",
 							children: [
-								/* @__PURE__ */ R("div", {
+								/* @__PURE__ */ H("div", {
 									className: "flex min-w-0 flex-wrap items-center justify-between gap-2",
-									children: [/* @__PURE__ */ L("h2", {
+									children: [/* @__PURE__ */ V("h2", {
 										id: j,
-										className: Re,
-										children: E.contextLabel
-									}), /* @__PURE__ */ R("div", {
+										className: Ve,
+										children: D.contextLabel
+									}), /* @__PURE__ */ H("div", {
 										className: "flex min-w-0 items-center gap-4",
-										children: [/* @__PURE__ */ L(Ve, {
-											usedBytes: X,
+										children: [/* @__PURE__ */ V(Ke, {
+											usedBytes: Oe,
 											maxBytes: f,
-											ariaLabel: E.capacityMeterLabel,
-											formatLabel: E.capacityLabel,
-											textClassName: ze
-										}), /* @__PURE__ */ L(p, {
-											items: Me,
-											label: E.addLabel,
+											ariaLabel: D.capacityMeterLabel,
+											formatLabel: D.capacityLabel,
+											textClassName: Q
+										}), /* @__PURE__ */ V(p, {
+											items: Ie,
+											label: D.addLabel,
 											variant: m.Neutral,
 											size: ne.Small,
 											disabled: w
 										})]
 									})]
 								}),
-								/* @__PURE__ */ L("input", {
-									ref: V,
+								/* @__PURE__ */ V("input", {
+									ref: P,
 									type: "file",
 									multiple: !0,
-									accept: Te,
+									accept: Y,
 									tabIndex: -1,
 									"aria-hidden": !0,
 									className: "sr-only",
-									onChange: Ae
+									onChange: Ne
 								}),
-								/* @__PURE__ */ L(re, {
-									label: E.dropZoneLabel,
-									description: E.dropZoneHint,
-									accept: Te,
+								/* @__PURE__ */ V(re, {
+									label: D.dropZoneLabel,
+									description: D.dropZoneHint,
+									accept: Y,
 									multiple: !0,
 									disabled: w,
-									onChange: Z,
-									onReject: Z
+									onChange: X,
+									onReject: X
 								}),
-								(U.length > 0 || qe) && /* @__PURE__ */ R("ul", {
-									className: l("flex flex-col gap-1", ze, He.helper),
-									children: [U.map(({ name: e, reason: t }) => /* @__PURE__ */ L("li", { children: E.fileRejections[t](e) }, `${t}:${e}`)), qe && /* @__PURE__ */ L("li", {
-										role: "alert",
-										children: $
-									})]
+								ye.length > 0 && /* @__PURE__ */ V("ul", {
+									className: l("flex flex-col gap-1", Q, qe.helper),
+									children: ye.map(({ name: e, reason: t }) => /* @__PURE__ */ V("li", { children: D.fileRejections[t](e) }, `${t}:${e}`))
+								}),
+								/* @__PURE__ */ V(ie, {
+									politeness: oe.Assertive,
+									children: Ze && /* @__PURE__ */ V("p", {
+										className: l(Q, qe.helper),
+										children: Ge
+									})
 								}),
-								a.length > 0 && /* @__PURE__ */ L("ul", {
+								a.length > 0 && /* @__PURE__ */ V("ul", {
 									className: "flex min-w-0 flex-wrap gap-2 pt-1",
-									children: a.map((e) => /* @__PURE__ */ L("li", {
+									children: a.map((e) => /* @__PURE__ */ V("li", {
 										className: "min-w-0",
-										children: /* @__PURE__ */ L(me, {
+										children: /* @__PURE__ */ V(he, {
 											attachment: e,
-											onRemove: Oe,
-											labels: { removeLabel: E.removeFileLabel(e.name) }
+											onRemove: Me,
+											labels: { removeLabel: D.removeFileLabel(e.name) }
 										})
 									}, e.id))
 								})
@@ -586,11 +592,10 @@ var H = /* @__PURE__ */ function(e) {
 					]
 				})
 			}),
-			/* @__PURE__ */ L("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
-				children: w ? E.creatingStatus : W
+			/* @__PURE__ */ V(ie, {
+				visuallyHidden: !0,
+				as: ae.Span,
+				children: w ? D.creatingStatus : xe
 			})
 		]
 	});
@@ -601,21 +606,21 @@ var H = /* @__PURE__ */ function(e) {
 	body: "_body_16lvl_13",
 	secondary: "_secondary_16lvl_17",
 	panel: "_panel_16lvl_21"
-}, qe = (e) => ({
+}, Qe = (e) => ({
 	id: e.name,
 	name: e.name,
 	contentType: e.contentType,
 	type: s(e.contentType),
 	status: a.Idle
-}), Je = j(({ project: e, isLoading: t = !1, hasError: r = !1, isNotFound: a = !1, isPinned: o, isPinPending: s = !1, contextSearchQuery: c, onContextSearchQueryChange: u, onBack: d, onTogglePin: f, onPublish: p, onEdit: h, onShare: ne, onDelete: b, onDownload: re, onOpenFile: x, onRetry: w, onBrowseProjects: ie, labels: T, styles: E }) => {
-	let { colors: D, typography: O } = E ?? {}, de = O?.titleClassName ?? "dial-h2-text", A = O?.panelTitleClassName ?? "dial-body-semi-text", j = O?.sectionTitleClassName ?? "dial-tiny-text", M = O?.bodyClassName ?? "dial-small-text", fe = O?.helperClassName ?? "dial-tiny-text", F = O?.instructionsHeadingClassName ?? "dial-small-semi-text", I = ee({
+}), $e = P(({ project: e, isLoading: t = !1, hasError: r = !1, isNotFound: a = !1, isPinned: o, isPinPending: s = !1, contextSearchQuery: c, onContextSearchQueryChange: u, onBack: d, onTogglePin: f, onPublish: p, onEdit: h, onShare: ne, onDelete: b, onDownload: re, onOpenFile: x, onRetry: w, onBrowseProjects: T, labels: E, styles: oe }) => {
+	let { colors: D, typography: O } = oe ?? {}, ce = O?.titleClassName ?? "dial-h2-text", de = O?.panelTitleClassName ?? "dial-body-semi-text", k = O?.sectionTitleClassName ?? "dial-tiny-text", M = O?.bodyClassName ?? "dial-small-text", N = O?.helperClassName ?? "dial-tiny-text", P = O?.instructionsHeadingClassName ?? "dial-small-semi-text", F = ee({
 		"--pv-bg": D?.background,
 		"--pv-border": D?.border,
 		"--pv-heading-text": D?.headingText,
 		"--pv-body-text": D?.bodyText,
 		"--pv-secondary-text": D?.secondaryText
-	}), z = P(() => e?.contextFiles ?? [], [e]), B = P(() => ze(z, c), [z, c]), V = c.trim(), H = N(), he = P(() => {
-		let e = l("mb-1 mt-3 first:mt-0", F);
+	}), I = R(() => e?.contextFiles ?? [], [e]), z = R(() => We(I, c), [I, c]), B = c.trim(), ge = L(), _e = R(() => {
+		let e = l("mb-1 mt-3 first:mt-0", P);
 		return {
 			h1: e,
 			h2: e,
@@ -627,113 +632,112 @@ var H = /* @__PURE__ */ function(e) {
 			ul: M,
 			ol: M
 		};
-	}, [M, F]), ge = (e) => {
+	}, [M, P]), ve = (e) => {
 		let t = [];
 		return e && p && t.push({
 			key: "publish",
-			label: T.publishLabel,
+			label: E.publishLabel,
 			onClick: p
 		}), e && h && t.push({
 			key: "edit",
-			label: T.editLabel,
+			label: E.editLabel,
 			onClick: h
 		}), ne && t.push({
 			key: "share",
-			label: T.shareLabel,
+			label: E.shareLabel,
 			onClick: ne
 		}), t.push({
 			key: "download",
-			label: T.downloadLabel,
+			label: E.downloadLabel,
 			onClick: re
 		}), b && t.push({
 			key: "delete",
-			label: T.deleteLabel,
+			label: E.deleteLabel,
 			danger: !0,
 			onClick: b
 		}), t;
-	}, U = (e, t) => /* @__PURE__ */ L("div", {
+	}, U = (e, t) => /* @__PURE__ */ V("div", {
 		className: t,
-		children: /* @__PURE__ */ L(v, {
-			items: ge(e),
+		children: /* @__PURE__ */ V(v, {
+			items: ve(e),
 			matchReferenceWidth: !1,
 			listClassName: "w-[200px]",
-			children: /* @__PURE__ */ L(C, {
-				icon: /* @__PURE__ */ L(le, {
+			children: /* @__PURE__ */ V(C, {
+				icon: /* @__PURE__ */ V(pe, {
 					size: g.MD,
 					"aria-hidden": !0,
 					stroke: _
 				}),
-				"aria-label": T.moreActionsLabel
+				"aria-label": E.moreActionsLabel
 			})
 		})
 	});
-	return t || r || a || e == null ? /* @__PURE__ */ L("div", {
-		style: I,
+	return t || r || a || e == null ? /* @__PURE__ */ V("div", {
+		style: F,
 		className: l("flex h-full w-full min-w-0 items-center justify-center p-4", $.container),
-		children: t ? /* @__PURE__ */ L(se, {}) : r ? /* @__PURE__ */ R("div", {
+		children: t ? /* @__PURE__ */ V(ue, {}) : r ? /* @__PURE__ */ H("div", {
 			className: "flex flex-col items-center gap-3",
-			children: [/* @__PURE__ */ L("p", {
-				role: "alert",
+			children: [/* @__PURE__ */ V("p", {
+				role: "status",
 				className: l(M, $.body),
-				children: T.errorLabel
-			}), /* @__PURE__ */ L(S, {
-				label: T.retryLabel,
+				children: E.errorLabel
+			}), /* @__PURE__ */ V(S, {
+				label: E.retryLabel,
 				onClick: w
 			})]
-		}) : /* @__PURE__ */ R("div", {
+		}) : /* @__PURE__ */ H("div", {
 			className: "flex flex-col items-center gap-3",
-			children: [/* @__PURE__ */ L("p", {
-				role: "alert",
+			children: [/* @__PURE__ */ V("p", {
 				className: l(M, $.body),
-				children: T.notFoundLabel
-			}), /* @__PURE__ */ L(S, {
-				label: T.browseProjectsLabel,
-				onClick: ie
+				children: E.notFoundLabel
+			}), /* @__PURE__ */ V(S, {
+				label: E.browseProjectsLabel,
+				onClick: T
 			})]
 		})
-	}) : /* @__PURE__ */ R("div", {
-		style: I,
+	}) : /* @__PURE__ */ H("div", {
+		style: F,
 		className: l("flex h-full w-full min-w-0 flex-col overflow-y-auto", $.container),
-		children: [/* @__PURE__ */ R("header", {
+		children: [/* @__PURE__ */ H("header", {
 			className: l("flex min-w-0 items-center gap-2 px-4 py-3 desktop:px-8", $.header),
 			children: [
-				/* @__PURE__ */ L(C, {
-					icon: /* @__PURE__ */ L(ce, {
+				/* @__PURE__ */ V(C, {
+					icon: /* @__PURE__ */ V(fe, {
 						size: g.LG,
 						className: "rtl:scale-x-[-1]",
 						"aria-hidden": !0,
 						stroke: _
 					}),
-					"aria-label": T.backLabel,
+					"aria-label": E.backLabel,
 					onClick: d
 				}),
-				/* @__PURE__ */ L("h1", {
-					className: l("min-w-0 flex-1", de, $.title),
-					children: /* @__PURE__ */ L(y, { text: e.name })
+				/* @__PURE__ */ V("h1", {
+					className: l("min-w-0 flex-1", ce, $.title),
+					children: /* @__PURE__ */ V(y, { text: e.name })
 				}),
-				/* @__PURE__ */ L(C, {
-					icon: o ? /* @__PURE__ */ L(k, {
+				/* @__PURE__ */ V(C, {
+					icon: o ? /* @__PURE__ */ V(j, {
 						size: g.MD,
 						"aria-hidden": !0
-					}) : /* @__PURE__ */ L(ue, {
+					}) : /* @__PURE__ */ V(A, {
 						size: g.MD,
 						"aria-hidden": !0,
 						stroke: _
 					}),
-					"aria-label": T.pinLabel,
+					"aria-label": E.pinLabel,
 					"aria-pressed": o,
 					"aria-disabled": s || void 0,
 					onClick: () => {
 						s || f();
 					}
 				}),
-				p && /* @__PURE__ */ L(ae, {
-					label: T.publishLabel,
+				p && /* @__PURE__ */ V(se, {
+					label: E.publishLabel,
 					onClick: p,
 					className: "hidden shrink-0 desktop:inline-flex"
 				}),
-				h && /* @__PURE__ */ L(te, {
-					label: T.editLabel,
+				h && /* @__PURE__ */ V(te, {
+					label: E.editLabel,
 					variant: m.Primary,
 					onClick: h,
 					className: "hidden shrink-0 desktop:inline-flex"
@@ -741,76 +745,75 @@ var H = /* @__PURE__ */ function(e) {
 				U(!1, "hidden desktop:block"),
 				U(!0, "desktop:hidden")
 			]
-		}), /* @__PURE__ */ L("div", {
+		}), /* @__PURE__ */ V("div", {
 			className: "flex min-w-0 flex-1 flex-col desktop:flex-row desktop:justify-end",
-			children: /* @__PURE__ */ R("aside", {
-				"aria-labelledby": H,
+			children: /* @__PURE__ */ H("aside", {
+				"aria-labelledby": ge,
 				className: l("flex w-full min-w-0 flex-col gap-5 border-t px-4 py-6 desktop:w-[488px] desktop:shrink-0 desktop:border-s desktop:border-t-0 desktop:px-8", $.panel),
 				children: [
-					/* @__PURE__ */ L("h2", {
-						id: H,
-						className: l(A, $.title),
-						children: T.detailsLabel
+					/* @__PURE__ */ V("h2", {
+						id: ge,
+						className: l(de, $.title),
+						children: E.detailsLabel
 					}),
-					e.description !== "" && /* @__PURE__ */ R("section", {
+					e.description !== "" && /* @__PURE__ */ H("section", {
 						className: "flex min-w-0 flex-col gap-1",
-						children: [/* @__PURE__ */ L("h3", {
-							className: l(j, $.secondary),
-							children: T.descriptionLabel
-						}), /* @__PURE__ */ L("p", {
+						children: [/* @__PURE__ */ V("h3", {
+							className: l(k, $.secondary),
+							children: E.descriptionLabel
+						}), /* @__PURE__ */ V("p", {
 							className: l("break-words whitespace-pre-line", M, $.body),
 							children: e.description
 						})]
 					}),
-					e.instructions !== "" && /* @__PURE__ */ R("section", {
+					e.instructions !== "" && /* @__PURE__ */ H("section", {
 						className: "flex min-w-0 flex-col gap-1",
-						children: [/* @__PURE__ */ L("h3", {
-							className: l(j, $.secondary),
-							children: T.instructionsLabel
-						}), /* @__PURE__ */ L("div", {
+						children: [/* @__PURE__ */ V("h3", {
+							className: l(k, $.secondary),
+							children: E.instructionsLabel
+						}), /* @__PURE__ */ V("div", {
 							className: l("min-w-0 break-words", M, $.body),
-							children: /* @__PURE__ */ L(n, {
+							children: /* @__PURE__ */ V(n, {
 								content: e.instructions,
-								classNames: he
+								classNames: _e
 							})
 						})]
 					}),
-					/* @__PURE__ */ R("section", {
+					/* @__PURE__ */ H("section", {
 						className: "flex min-w-0 flex-col gap-2",
-						children: [/* @__PURE__ */ L("h3", {
-							className: l(j, $.secondary),
-							children: T.contextLabel
-						}), z.length === 0 ? /* @__PURE__ */ L(i, { label: T.emptyContextLabel }) : /* @__PURE__ */ R(pe, { children: [
-							/* @__PURE__ */ L("div", {
+						children: [/* @__PURE__ */ V("h3", {
+							className: l(k, $.secondary),
+							children: E.contextLabel
+						}), I.length === 0 ? /* @__PURE__ */ V(i, { label: E.emptyContextLabel }) : /* @__PURE__ */ H(me, { children: [
+							/* @__PURE__ */ V("div", {
 								role: "search",
-								children: /* @__PURE__ */ L(oe, {
+								children: /* @__PURE__ */ V(le, {
 									value: c,
 									onChange: (e) => u(e ?? ""),
-									placeholder: T.contextSearchPlaceholder,
-									clearLabel: T.clearSearchLabel,
-									"aria-label": T.contextSearchAriaLabel
+									placeholder: E.contextSearchPlaceholder,
+									clearLabel: E.clearSearchLabel,
+									"aria-label": E.contextSearchAriaLabel
 								})
 							}),
-							B.length === 0 ? /* @__PURE__ */ L("p", {
-								className: l(fe, $.secondary),
-								children: T.noContextMatchesLabel
-							}) : /* @__PURE__ */ L("ul", {
+							z.length === 0 ? /* @__PURE__ */ V("p", {
+								className: l(N, $.secondary),
+								children: E.noContextMatchesLabel
+							}) : /* @__PURE__ */ V("ul", {
 								className: "m-0 flex min-w-0 list-none flex-wrap gap-2 p-0 pt-2",
-								children: B.map((e) => /* @__PURE__ */ L("li", {
+								children: z.map((e) => /* @__PURE__ */ V("li", {
 									className: "min-w-0",
-									children: /* @__PURE__ */ L(me, {
-										attachment: qe(e),
-										searchQuery: V,
+									children: /* @__PURE__ */ V(he, {
+										attachment: Qe(e),
+										searchQuery: B,
 										onClick: x,
-										labels: { clickLabel: T.openFileLabel(e.name) }
+										labels: { clickLabel: E.openFileLabel(e.name) }
 									})
 								}, e.name))
 							}),
-							/* @__PURE__ */ L("span", {
-								role: "status",
-								"aria-live": "polite",
-								className: "sr-only",
-								children: V === "" ? "" : T.contextResultCountLabel(B.length)
+							/* @__PURE__ */ V(ie, {
+								visuallyHidden: !0,
+								as: ae.Span,
+								children: B === "" ? "" : E.contextResultCountLabel(z.length)
 							})
 						] })]
 					})
@@ -820,4 +823,4 @@ var H = /* @__PURE__ */ function(e) {
 	});
 });
 //#endregion
-export { Y as ContextFileRejection, Te as PROJECT_NAME_MAX_BYTES, Ke as ProjectCreateForm, X as ProjectNameError, Ce as ProjectSource, Je as ProjectView, Se as Projects, H as ProjectsSortKey, Le as checkContextFiles, ze as filterContextFileItems, Ne as getContextFilesSize, je as isStoredContextFile, ke as validateProjectName };
+export { Y as ContextFileRejection, Ae as PROJECT_NAME_MAX_BYTES, Ze as ProjectCreateForm, X as ProjectNameError, De as ProjectSource, $e as ProjectView, J as Projects, U as ProjectsSortKey, He as checkContextFiles, We as filterContextFileItems, Re as getContextFilesSize, Le as isStoredContextFile, Fe as validateProjectName };