@epam/ai-dial-projects 1.3.0-dev.260 → 1.3.0-dev.266

package/index.js

@@ -1,43 +1,43 @@
-import { DeleteConfirmationDialog as e, InitialsAvatar as t, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as n, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as r, MarkdownRenderer as i, PROHIBITED_CONVERSATION_NAME_CHARS_RE as a, PanelEmptyState as o, RequestStatus as s, TextRefinementField as c, buildCssVars as ee, getAttachmentTypeFromMime as l, inferMimeTypeFromPath as u, mergeClasses as d, useAvailableHeightCap as f, useIsMobile as p, useTextRefinement as m } from "@epam/ai-dial-chat-shared";
-import { Button as h, ButtonAppearance as g, ButtonDropdown as _, ButtonVariant as v, CardShell as y, DIAL_ICON_SIZE as b, DIAL_KIT_ICON_STROKE as x, Dropdown as S, ElementSize as C, EllipsisTooltip as w, ErrorText as T, FileDropzone as E, FolderPath as D, GhostButton as O, GhostIconButton as k, Highlight as A, Input as j, Label as M, LiveRegion as te, LiveRegionElement as N, LiveRegionPoliteness as P, MenuItemMark as F, NeutralButton as ne, Popup as re, PopupSize as ie, ProgressBar as I, ProgressBarRole as L, Search as ae, Spinner as oe, Textarea as se } from "@epam/ai-dial-ui-kit";
-import { IconArrowNarrowLeft as ce, IconArrowsSort as le, IconDotsVertical as ue, IconPin as R, IconPinFilled as de, IconPlus as fe } from "@tabler/icons-react";
-import { Suspense as pe, lazy as z, memo as B, useCallback as V, useEffect as me, useId as H, useMemo as U, useRef as W, useState as G } from "react";
-import { Fragment as he, jsx as K, jsxs as q } from "react/jsx-runtime";
-import { AttachmentCard as ge, FileDndOverlay as _e } from "@epam/ai-dial-attachment-input";
-import { BuilderFormContainer as ve } from "@epam/ai-dial-builder-form";
-import { LazyMarkdownEditor as J } from "@epam/ai-dial-ui-kit/editors";
+import { DeleteConfirmationDialog as e, InitialsAvatar as t, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as n, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as r, MarkdownRenderer as i, PROHIBITED_CONVERSATION_NAME_CHARS_RE as a, PanelEmptyState as o, RequestStatus as s, TextRefinementField as c, buildCssVars as l, getAttachmentTypeFromMime as u, inferMimeTypeFromPath as d, mergeClasses as f, useAvailableHeightCap as p, useIsMobile as m, useTextRefinement as h } from "@epam/ai-dial-chat-shared";
+import { Button as g, ButtonAppearance as _, ButtonDropdown as v, ButtonVariant as y, CardShell as b, DIAL_ICON_SIZE as x, DIAL_KIT_ICON_STROKE as S, Dropdown as C, ElementSize as w, EllipsisTooltip as T, ErrorText as E, FileDropzone as D, FolderPath as O, GhostButton as k, GhostIconButton as A, Highlight as j, Input as M, Label as N, LiveRegion as ee, LiveRegionElement as P, LiveRegionPoliteness as F, MenuItemMark as I, NeutralButton as L, Popup as te, PopupSize as ne, Search as re, Spinner as R } from "@epam/ai-dial-ui-kit";
+import { IconArrowNarrowLeft as z, IconArrowsSort as ie, IconDotsVertical as ae, IconPin as oe, IconPinFilled as B, IconPlus as V } from "@tabler/icons-react";
+import { Suspense as se, lazy as H, memo as U, useCallback as W, useEffect as ce, useId as G, useMemo as K, useRef as q, useState as J } from "react";
+import { Fragment as le, jsx as Y, jsxs as X } from "react/jsx-runtime";
+import { AttachmentCard as ue, FileDndOverlay as de } from "@epam/ai-dial-attachment-input";
+import { BuilderFormContainer as fe } from "@epam/ai-dial-builder-form";
+import { LazyMarkdownEditor as pe } from "@epam/ai-dial-ui-kit/editors";
 //#region src/types/projects-sort-key.ts
-var Y = /* @__PURE__ */ function(e) {
+var Z = /* @__PURE__ */ function(e) {
 	return e.Newest = "newest", e.Oldest = "oldest", e.NameAsc = "name-asc", e;
-}({}), ye = (e, t) => {
+}({}), me = (e, t) => {
 	let n = t.trim().toLocaleLowerCase();
 	return n ? e.filter((e) => e.name.toLocaleLowerCase().includes(n)) : e;
-}, be = (e, t, n) => {
+}, he = (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 === Y.NameAsc) return [...e].sort((e, t) => a(e, t) || i(e, t));
-	let o = t === Y.Oldest ? 1 : -1;
+	if (t === Z.NameAsc) return [...e].sort((e, t) => a(e, t) || i(e, t));
+	let o = t === Z.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;
 	});
-}, xe = 60, Se = 3600, X = 24 * Se, Ce = [
-	["year", 365 * X],
-	["month", 30 * X],
-	["week", 7 * X],
-	["day", X],
-	["hour", Se],
-	["minute", xe]
-], we = (e, t, n) => {
+}, ge = 60, _e = 3600, ve = 24 * _e, ye = [
+	["year", 365 * ve],
+	["month", 30 * ve],
+	["week", 7 * ve],
+	["day", ve],
+	["hour", _e],
+	["minute", ge]
+], be = (e, t, n) => {
 	let r = (t - e) / 1e3;
-	for (let [e, t] of Ce) {
+	for (let [e, t] of ye) {
 		let i = Math.floor(r / t);
 		if (i >= 1) return new Intl.RelativeTimeFormat(n).format(-i, e);
 	}
 	return new Intl.RelativeTimeFormat(n, { numeric: "auto" }).format(0, "second");
-}, Z = {
+}, Q = {
 	card: "_card_1gkfw_1",
 	title: "_title_1gkfw_5",
 	updatedAt: "_updatedAt_1gkfw_9",
@@ -48,293 +48,293 @@ var Y = /* @__PURE__ */ function(e) {
 	link: "_link_1gkfw_39",
 	aboveLink: "_aboveLink_1gkfw_55",
 	interactive: "_interactive_1gkfw_60"
-}, Te = (e, t) => [e, ...(t ?? "").split("/").filter((e) => e.length > 0)], Ee = (e) => e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey, De = ({ project: e, searchQuery: t, sourceLabel: n, folderPathLabel: r, pinnedLabel: i, pinLabel: a, onTogglePin: o, href: s, onOpen: c, now: ee, locale: l, updatedAtClassName: u, titleClassName: f, pathLabelClassName: p, pathLeafClassName: m }) => {
-	let h = /* @__PURE__ */ K(A, {
+}, xe = (e, t) => [e, ...(t ?? "").split("/").filter((e) => e.length > 0)], Se = (e) => e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey, Ce = ({ project: e, searchQuery: t, sourceLabel: n, folderPathLabel: r, pinnedLabel: i, pinLabel: a, onTogglePin: o, href: s, onOpen: c, now: l, locale: u, updatedAtClassName: d, titleClassName: p, pathLabelClassName: m, pathLeafClassName: h }) => {
+	let g = /* @__PURE__ */ Y(j, {
 		text: e.name,
 		query: t,
 		maxLines: 1,
-		className: d("min-w-0", f, Z.title, s != null && Z.aboveLink)
+		className: f("min-w-0", p, Q.title, s != null && Q.aboveLink)
 	});
-	return /* @__PURE__ */ K("li", {
+	return /* @__PURE__ */ Y("li", {
 		className: "flex min-w-0",
-		children: /* @__PURE__ */ q(y, {
+		children: /* @__PURE__ */ X(b, {
 			"aria-label": e.name,
-			className: d("relative flex w-full min-w-0 flex-col gap-2", Z.card, s != null && "has-focus-visible:translate-y-[-3px] has-focus-visible:shadow-lg motion-reduce:has-focus-visible:translate-y-0", s != null && Z.interactive),
+			className: f("relative flex w-full min-w-0 flex-col gap-2", Q.card, s != null && "has-focus-visible:translate-y-[-3px] has-focus-visible:shadow-lg motion-reduce:has-focus-visible:translate-y-0", s != null && Q.interactive),
 			children: [
-				e.updatedAt != null && /* @__PURE__ */ K("time", {
+				e.updatedAt != null && /* @__PURE__ */ Y("time", {
 					dateTime: new Date(e.updatedAt).toISOString(),
-					className: d(u, Z.updatedAt, (e.isPinned || o != null) && "pe-6"),
-					children: we(e.updatedAt, ee, l)
+					className: f(d, Q.updatedAt, (e.isPinned || o != null) && "pe-6"),
+					children: be(e.updatedAt, l, u)
 				}),
-				/* @__PURE__ */ q("div", {
-					className: d("flex min-w-0 items-center", (e.isPinned || o != null) && "pe-6"),
-					children: [s == null ? /* @__PURE__ */ K("div", {
+				/* @__PURE__ */ X("div", {
+					className: f("flex min-w-0 items-center", (e.isPinned || o != null) && "pe-6"),
+					children: [s == null ? /* @__PURE__ */ Y("div", {
 						className: "min-w-0 flex-1",
-						children: h
-					}) : /* @__PURE__ */ K("a", {
+						children: g
+					}) : /* @__PURE__ */ Y("a", {
 						href: s,
 						onClick: (t) => {
-							c != null && Ee(t) && (t.preventDefault(), c(e.id));
+							c != null && Se(t) && (t.preventDefault(), c(e.id));
 						},
-						className: d("min-w-0 flex-1", Z.link),
-						children: h
-					}), o == null ? e.isPinned && /* @__PURE__ */ q("span", {
-						className: d("absolute inset-e-5 top-5 flex", Z.pin),
-						children: [/* @__PURE__ */ K(de, {
-							size: b.SM,
+						className: f("min-w-0 flex-1", Q.link),
+						children: g
+					}), o == null ? e.isPinned && /* @__PURE__ */ X("span", {
+						className: f("absolute inset-e-5 top-5 flex", Q.pin),
+						children: [/* @__PURE__ */ Y(B, {
+							size: x.SM,
 							"aria-hidden": !0
-						}), /* @__PURE__ */ K("span", {
+						}), /* @__PURE__ */ Y("span", {
 							className: "sr-only",
 							children: i
 						})]
-					}) : /* @__PURE__ */ K(k, {
-						size: C.Small,
-						icon: e.isPinned ? /* @__PURE__ */ K(de, {
-							size: b.SM,
+					}) : /* @__PURE__ */ Y(A, {
+						size: w.Small,
+						icon: e.isPinned ? /* @__PURE__ */ Y(B, {
+							size: x.SM,
 							"aria-hidden": !0
-						}) : /* @__PURE__ */ K(R, {
-							size: b.SM,
+						}) : /* @__PURE__ */ Y(oe, {
+							size: x.SM,
 							"aria-hidden": !0,
-							stroke: x
+							stroke: S
 						}),
 						"aria-label": a,
 						"aria-pressed": e.isPinned === !0,
 						onClick: () => o(e.id, !e.isPinned),
-						className: d("absolute inset-e-4 top-4", Z.pinToggle, !e.isPinned && Z.pinToggleIdle)
+						className: f("absolute inset-e-4 top-4", Q.pinToggle, !e.isPinned && Q.pinToggleIdle)
 					})]
 				}),
-				/* @__PURE__ */ K(D, {
-					segments: Te(n, e.parentPath),
+				/* @__PURE__ */ Y(O, {
+					segments: xe(n, e.parentPath),
 					ariaLabel: r,
-					labelClassName: d(p, Z.path),
-					leafClassName: d(m, Z.path),
-					className: d(s != null && Z.aboveLink)
+					labelClassName: f(m, Q.path),
+					leafClassName: f(h, Q.path),
+					className: f(s != null && Q.aboveLink)
 				})
 			]
 		})
 	});
-}, Oe = {
+}, we = {
 	container: "_container_4rer8_1",
 	subtitle: "_subtitle_4rer8_5",
 	sortButton: "_sortButton_4rer8_9"
-}, ke = ({ projects: e, isLoading: t = !1, hasError: n = !1, incompleteSources: r = [], onRetry: i, onCreateProject: a, onTogglePin: s, onOpenProject: c, getProjectHref: l, searchQuery: u, onSearchQueryChange: f, sortKey: m, onSortKeyChange: y, labels: S, locale: w, styles: T }) => {
-	let { colors: E, typography: D } = T ?? {}, k = D?.titleClassName ?? "dial-h1-text", A = D?.subtitleClassName ?? "dial-body-text", j = D?.cardTitleClassName ?? "dial-body-semi-text", M = D?.pathLabelClassName ?? "dial-tiny-text", P = D?.pathLeafClassName ?? "dial-tiny-semi-text", ne = D?.updatedAtClassName ?? "dial-tiny-text", re = D?.emptyStateDescriptionClassName ?? "dial-small-paragraph-text", ie = ee({
-		"--pr-bg": E?.background,
-		"--pr-subtitle-text": E?.subtitleText,
-		"--pr-sort-text": E?.sortButtonText,
-		"--pr-card-bg": E?.cardBackground,
-		"--pr-card-title-text": E?.cardTitleText,
-		"--pr-updated-at-text": E?.updatedAtText,
-		"--pr-path-text": E?.pathText,
-		"--pr-card-focus-outline": E?.cardFocusOutline
-	}), I = p(), L = U(() => Date.now(), [e]), se = u.trim(), ce = r.length > 0, ue = ce && e.length === 0, R = U(() => be(ye(e, u), m, w), [
+}, Te = ({ projects: e, isLoading: t = !1, hasError: n = !1, incompleteSources: r = [], onRetry: i, onCreateProject: a, onTogglePin: s, onOpenProject: c, getProjectHref: u, searchQuery: d, onSearchQueryChange: p, sortKey: h, onSortKeyChange: b, labels: C, locale: T, styles: E }) => {
+	let { colors: D, typography: O } = E ?? {}, A = O?.titleClassName ?? "dial-h1-text", j = O?.subtitleClassName ?? "dial-body-text", M = O?.cardTitleClassName ?? "dial-body-semi-text", N = O?.pathLabelClassName ?? "dial-tiny-text", F = O?.pathLeafClassName ?? "dial-tiny-semi-text", L = O?.updatedAtClassName ?? "dial-tiny-text", te = O?.emptyStateDescriptionClassName ?? "dial-small-paragraph-text", ne = l({
+		"--pr-bg": D?.background,
+		"--pr-subtitle-text": D?.subtitleText,
+		"--pr-sort-text": D?.sortButtonText,
+		"--pr-card-bg": D?.cardBackground,
+		"--pr-card-title-text": D?.cardTitleText,
+		"--pr-updated-at-text": D?.updatedAtText,
+		"--pr-path-text": D?.pathText,
+		"--pr-card-focus-outline": D?.cardFocusOutline
+	}), z = m(), ae = K(() => Date.now(), [e]), oe = d.trim(), B = r.length > 0, se = B && e.length === 0, H = K(() => he(me(e, d), h, T), [
 		e,
-		u,
-		m,
-		w
-	]), de = S.sortOptions.find((e) => e.value === m)?.label ?? S.sortLabel, pe = U(() => S.sortOptions.map((e) => ({
+		d,
+		h,
+		T
+	]), U = C.sortOptions.find((e) => e.value === h)?.label ?? C.sortLabel, W = K(() => C.sortOptions.map((e) => ({
 		key: e.value,
 		label: e.label,
-		mark: F.Check,
-		checked: e.value === m,
-		onClick: () => y(e.value)
+		mark: I.Check,
+		checked: e.value === h,
+		onClick: () => b(e.value)
 	})), [
-		S.sortOptions,
-		m,
-		y
-	]), z = (e) => {
-		f(e ?? "");
-	}, B = () => {
-		if (!t) return n ? S.errorLabel : ce ? S.incompleteLabel : e.length === 0 ? S.emptyStateLabel : R.length === 0 ? S.noResultsLabel : S.resultCountLabel(R.length);
-	}, V = (e, t) => a ? /* @__PURE__ */ K(h, {
-		label: S.createProjectLabel,
+		C.sortOptions,
+		h,
+		b
+	]), ce = (e) => {
+		p(e ?? "");
+	}, G = () => {
+		if (!t) return n ? C.errorLabel : B ? C.incompleteLabel : e.length === 0 ? C.emptyStateLabel : H.length === 0 ? C.noResultsLabel : C.resultCountLabel(H.length);
+	}, q = (e, t) => a ? /* @__PURE__ */ Y(g, {
+		label: C.createProjectLabel,
 		variant: e,
 		onClick: a,
-		className: d("shrink-0", t)
-	}) : void 0, me = () => t ? /* @__PURE__ */ K(oe, {}) : n || ue ? /* @__PURE__ */ q("div", {
+		className: f("shrink-0", t)
+	}) : void 0, J = () => t ? /* @__PURE__ */ Y(R, {}) : n || se ? /* @__PURE__ */ X("div", {
 		className: "flex flex-col items-center gap-3",
-		children: [/* @__PURE__ */ K("p", {
-			className: d(A, Oe.subtitle),
-			children: n ? S.errorLabel : S.incompleteLabel
-		}), /* @__PURE__ */ K(O, {
-			label: S.retryLabel,
+		children: [/* @__PURE__ */ Y("p", {
+			className: f(j, we.subtitle),
+			children: n ? C.errorLabel : C.incompleteLabel
+		}), /* @__PURE__ */ Y(k, {
+			label: C.retryLabel,
 			onClick: i
 		})]
-	}) : e.length === 0 ? /* @__PURE__ */ K(o, {
-		label: S.emptyStateLabel,
-		description: S.emptyStateDescription,
-		action: V(v.Secondary, "mt-2"),
-		containerClassName: W,
+	}) : e.length === 0 ? /* @__PURE__ */ Y(o, {
+		label: C.emptyStateLabel,
+		description: C.emptyStateDescription,
+		action: q(y.Secondary, "mt-2"),
+		containerClassName: ue,
 		labelClassName: "mt-3",
-		descriptionClassName: re
-	}) : R.length === 0 ? /* @__PURE__ */ K(o, {
-		label: S.noResultsLabel,
-		containerClassName: W,
+		descriptionClassName: te
+	}) : H.length === 0 ? /* @__PURE__ */ Y(o, {
+		label: C.noResultsLabel,
+		containerClassName: ue,
 		labelClassName: "mt-3"
-	}) : /* @__PURE__ */ K("ul", {
+	}) : /* @__PURE__ */ Y("ul", {
 		className: "m-0 grid w-full min-w-0 list-none grid-cols-1 gap-4 p-0 desktop:grid-cols-3 desktop:gap-5",
-		children: R.map((e) => /* @__PURE__ */ K(De, {
+		children: H.map((e) => /* @__PURE__ */ Y(Ce, {
 			project: e,
-			searchQuery: se,
-			sourceLabel: S.sourceLabels[e.source],
-			folderPathLabel: S.folderPathLabel,
-			pinnedLabel: S.pinnedLabel ?? "Pinned",
-			pinLabel: S.pinLabel ?? "Pin",
+			searchQuery: oe,
+			sourceLabel: C.sourceLabels[e.source],
+			folderPathLabel: C.folderPathLabel,
+			pinnedLabel: C.pinnedLabel ?? "Pinned",
+			pinLabel: C.pinLabel ?? "Pin",
 			onTogglePin: s,
-			href: l?.(e.id),
+			href: u?.(e.id),
 			onOpen: c,
-			now: L,
-			locale: w,
-			updatedAtClassName: ne,
-			titleClassName: j,
-			pathLabelClassName: M,
-			pathLeafClassName: P
+			now: ae,
+			locale: T,
+			updatedAtClassName: L,
+			titleClassName: M,
+			pathLabelClassName: N,
+			pathLeafClassName: F
 		}, e.id))
-	}), H = t || n || ue, W = "mt-6 p-3 desktop:mt-0";
-	return /* @__PURE__ */ q("div", {
-		style: ie,
-		className: d("relative flex h-full w-full min-w-0 flex-col", Oe.container),
-		children: [/* @__PURE__ */ q("div", {
+	}), le = t || n || se, ue = "mt-6 p-3 desktop:mt-0";
+	return /* @__PURE__ */ X("div", {
+		style: ne,
+		className: f("relative flex h-full w-full min-w-0 flex-col", we.container),
+		children: [/* @__PURE__ */ X("div", {
 			className: "flex min-h-0 w-full min-w-0 flex-1 flex-col overflow-y-auto",
 			children: [
-				I ? /* @__PURE__ */ K("h1", {
+				z ? /* @__PURE__ */ Y("h1", {
 					className: "sr-only",
-					children: S.title
-				}) : /* @__PURE__ */ q("div", {
+					children: C.title
+				}) : /* @__PURE__ */ X("div", {
 					className: "flex min-w-0 items-start gap-2 px-8 py-4",
-					children: [/* @__PURE__ */ q("div", {
+					children: [/* @__PURE__ */ X("div", {
 						className: "flex min-h-10 min-w-0 flex-1 flex-col justify-center gap-0.5",
-						children: [/* @__PURE__ */ K("h1", {
-							className: d("wrap-break-word", k),
-							children: S.title
-						}), S.subtitle && /* @__PURE__ */ K("p", {
-							className: d(A, Oe.subtitle),
-							children: S.subtitle
+						children: [/* @__PURE__ */ Y("h1", {
+							className: f("wrap-break-word", A),
+							children: C.title
+						}), C.subtitle && /* @__PURE__ */ Y("p", {
+							className: f(j, we.subtitle),
+							children: C.subtitle
 						})]
-					}), V(v.Primary)]
+					}), q(y.Primary)]
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ X("div", {
 					className: "flex items-center gap-2 p-4 desktop:gap-3 desktop:px-8 desktop:pt-4 desktop:pb-5",
-					children: [/* @__PURE__ */ K("div", {
+					children: [/* @__PURE__ */ Y("div", {
 						role: "search",
 						className: "min-w-0 flex-1",
-						children: /* @__PURE__ */ K(ae, {
-							value: u,
-							onChange: z,
-							placeholder: S.searchPlaceholder,
-							clearLabel: S.clearSearchLabel,
-							"aria-label": S.searchAriaLabel,
-							size: I ? C.Standard : C.Large
+						children: /* @__PURE__ */ Y(re, {
+							value: d,
+							onChange: ce,
+							placeholder: C.searchPlaceholder,
+							clearLabel: C.clearSearchLabel,
+							"aria-label": C.searchAriaLabel,
+							size: z ? w.Standard : w.Large
 						})
-					}), S.sortOptions.length > 0 && /* @__PURE__ */ K("div", {
+					}), C.sortOptions.length > 0 && /* @__PURE__ */ Y("div", {
 						role: "group",
-						"aria-label": S.sortLabel,
+						"aria-label": C.sortLabel,
 						className: "shrink-0",
-						children: /* @__PURE__ */ K(_, {
-							items: pe,
-							label: de,
-							variant: v.Primary,
-							appearance: g.Ghost,
-							size: I ? C.Small : C.Standard,
-							iconBefore: /* @__PURE__ */ K(le, {
-								size: I ? b.SM : b.MD,
+						children: /* @__PURE__ */ Y(v, {
+							items: W,
+							label: U,
+							variant: y.Primary,
+							appearance: _.Ghost,
+							size: z ? w.Small : w.Standard,
+							iconBefore: /* @__PURE__ */ Y(ie, {
+								size: z ? x.SM : x.MD,
 								"aria-hidden": !0,
-								stroke: x
+								stroke: S
 							}),
-							className: d("desktop:px-3", Oe.sortButton)
+							className: f("desktop:px-3", we.sortButton)
 						})
 					})]
 				}),
-				/* @__PURE__ */ K(te, {
+				/* @__PURE__ */ Y(ee, {
 					visuallyHidden: !0,
-					as: N.Span,
-					children: B()
+					as: P.Span,
+					children: G()
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ X("div", {
 					className: "flex w-full min-w-0 flex-1 flex-col items-center gap-4 px-4 pb-20 desktop:gap-5 desktop:px-8 desktop:pt-6 desktop:pb-8",
-					children: [ce && !t && !n && !ue && /* @__PURE__ */ q("div", {
+					children: [B && !t && !n && !se && /* @__PURE__ */ X("div", {
 						className: "flex w-full max-w-[1116px] flex-wrap items-center gap-3",
-						children: [/* @__PURE__ */ K("p", {
-							className: d(A, Oe.subtitle),
-							children: S.incompleteLabel
-						}), /* @__PURE__ */ K(O, {
-							label: S.retryLabel,
+						children: [/* @__PURE__ */ Y("p", {
+							className: f(j, we.subtitle),
+							children: C.incompleteLabel
+						}), /* @__PURE__ */ Y(k, {
+							label: C.retryLabel,
 							onClick: i
 						})]
-					}), /* @__PURE__ */ K("div", {
-						className: d("flex w-full max-w-[1116px] min-w-0 flex-col items-center", H && "flex-1 justify-center"),
-						children: me()
+					}), /* @__PURE__ */ Y("div", {
+						className: f("flex w-full max-w-[1116px] min-w-0 flex-col items-center", le && "flex-1 justify-center"),
+						children: J()
 					})]
 				})
 			]
-		}), I && a && /* @__PURE__ */ K(h, {
-			variant: v.Primary,
-			iconBefore: /* @__PURE__ */ K(fe, {
-				size: b.LG,
+		}), z && a && /* @__PURE__ */ Y(g, {
+			variant: y.Primary,
+			iconBefore: /* @__PURE__ */ Y(V, {
+				size: x.LG,
 				"aria-hidden": !0,
-				stroke: x
+				stroke: S
 			}),
-			"aria-label": S.createProjectLabel,
+			"aria-label": C.createProjectLabel,
 			onClick: a,
 			className: "absolute inset-e-4 bottom-4 z-10 size-10 rounded-full px-0"
 		})]
 	});
-}, Ae = /* @__PURE__ */ function(e) {
+}, Ee = /* @__PURE__ */ function(e) {
 	return e.Personal = "personal", e.Shared = "shared", e.Organization = "organization", e;
-}({}), je = (e) => !!e.dataTransfer?.types.includes("Files"), Me = (e) => {
-	let [t, n] = G(!1), r = W(0);
+}({}), De = (e) => !!e.dataTransfer?.types.includes("Files"), Oe = (e) => {
+	let [t, n] = J(!1), r = q(0);
 	return {
 		isDragActive: t,
 		handlers: {
-			onDragEnter: V((e) => {
-				je(e) && (e.preventDefault(), r.current += 1, n(!0));
+			onDragEnter: W((e) => {
+				De(e) && (e.preventDefault(), r.current += 1, n(!0));
 			}, []),
-			onDragLeave: V((e) => {
-				je(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
+			onDragLeave: W((e) => {
+				De(e) && (--r.current, r.current <= 0 && (r.current = 0, n(!1)));
 			}, []),
-			onDragOver: V((e) => {
-				je(e) && e.preventDefault();
+			onDragOver: W((e) => {
+				De(e) && e.preventDefault();
 			}, []),
-			onDrop: V((t) => {
-				if (!je(t)) return;
+			onDrop: W((t) => {
+				if (!De(t)) return;
 				t.preventDefault(), r.current = 0, n(!1);
 				let i = Array.from(t.dataTransfer?.files ?? []);
 				i.length > 0 && e(i);
 			}, [e])
 		}
 	};
-}, Q = /* @__PURE__ */ function(e) {
+}, ke = /* @__PURE__ */ function(e) {
 	return e.UnsupportedType = "unsupported-type", e.TooLarge = "too-large", e.CapacityExceeded = "capacity-exceeded", e.Duplicate = "duplicate", e.InvalidName = "invalid-name", e;
-}({}), Ne = /* @__PURE__ */ function(e) {
+}({}), Ae = /* @__PURE__ */ function(e) {
 	return e.Required = "required", e.InvalidCharacters = "invalid-characters", e.Reserved = "reserved", e.TooLong = "too-long", e;
-}({}), Pe = 255, Fe = new RegExp(a.source, "u"), Ie = /[\p{Cc}‎‏‪-‮⁦-⁩]/u, Le = /* @__PURE__ */ new Set([
+}({}), je = 255, Me = new RegExp(a.source, "u"), Ne = /[\p{Cc}‎‏‪-‮⁦-⁩]/u, Pe = /* @__PURE__ */ new Set([
 	".",
 	"..",
 	"v",
 	"files",
 	".dial-resource",
 	".dial-folder"
-]), Re = (e) => new TextEncoder().encode(e).length, ze = (e) => {
+]), Fe = (e) => new TextEncoder().encode(e).length, Ie = (e) => {
 	let t = e.trim();
-	return t.length === 0 ? Ne.Required : Re(t) > 255 ? Ne.TooLong : Fe.test(t) || Ie.test(t) ? Ne.InvalidCharacters : Le.has(t) ? Ne.Reserved : null;
-}, Be = (e) => {
+	return t.length === 0 ? Ae.Required : Fe(t) > 255 ? Ae.TooLong : Me.test(t) || Ne.test(t) ? Ae.InvalidCharacters : Pe.has(t) ? Ae.Reserved : null;
+}, Le = (e) => {
 	let t = e.lastIndexOf(".");
 	return t > 0 ? e.slice(t + 1).toLowerCase() : "";
-}, Ve = (e) => "isStored" in e && e.isStored, He = (e) => Ve(e) ? e.size : e.file.size, Ue = (e) => e.reduce((e, t) => e + He(t), 0), We = 0, Ge = () => (We += 1, `project-context-${Date.now()}-${We}`), Ke = (e) => {
-	let t = e.type || u(e.name) || "application/octet-stream";
+}, Re = (e) => "isStored" in e && e.isStored, ze = (e) => Re(e) ? e.size : e.file.size, Be = (e) => e.reduce((e, t) => e + ze(t), 0), Ve = 0, He = () => (Ve += 1, `project-context-${Date.now()}-${Ve}`), Ue = (e) => {
+	let t = e.type || d(e.name) || "application/octet-stream";
 	return {
-		id: Ge(),
+		id: He(),
 		name: e.name,
 		contentType: t,
-		type: l(t),
+		type: u(t),
 		status: s.Idle,
 		file: e
 	};
-}, qe = (e, t, n, r) => ze(e.name) != null || e.name.trim() !== e.name ? Q.InvalidName : r.allowedExtensions.includes(Be(e.name)) ? t.has(e.name) ? Q.Duplicate : e.size > r.maxFileBytes ? Q.TooLarge : n + e.size > r.maxTotalBytes ? Q.CapacityExceeded : null : Q.UnsupportedType, Je = (e, t, n) => {
-	let r = new Set(t.map((e) => e.name)), i = Ue(t), a = [], o = [];
+}, We = (e, t, n, r) => Ie(e.name) != null || e.name.trim() !== e.name ? ke.InvalidName : r.allowedExtensions.includes(Le(e.name)) ? t.has(e.name) ? ke.Duplicate : e.size > r.maxFileBytes ? ke.TooLarge : n + e.size > r.maxTotalBytes ? ke.CapacityExceeded : null : ke.UnsupportedType, Ge = (e, t, n) => {
+	let r = new Set(t.map((e) => e.name)), i = Be(t), a = [], o = [];
 	for (let t of e) {
-		let e = qe(t, r, i, n);
-		e == null ? (r.add(t.name), i += t.size, a.push(Ke(t))) : o.push({
+		let e = We(t, r, i, n);
+		e == null ? (r.add(t.name), i += t.size, a.push(Ue(t))) : o.push({
 			name: t.name,
 			reason: e
 		});
@@ -343,283 +343,196 @@ var Y = /* @__PURE__ */ function(e) {
 		accepted: a,
 		rejected: o
 	};
-}, Ye = (e, t) => e <= 0 ? 0 : t <= 0 ? 100 : Math.min(100, Math.max(1, Math.round(e / t * 100))), Xe = (e, t) => {
+}, Ke = (e, t) => {
 	let n = t.trim().toLowerCase();
 	return n === "" ? e : e.filter((e) => e.name.toLowerCase().includes(n));
-}, Ze = {
-	track: "_track_1eyt2_1",
-	text: "_text_1eyt2_11"
-}, Qe = ({ usedBytes: e, maxBytes: t, ariaLabel: n, formatLabel: r, textClassName: i = "dial-tiny-text" }) => {
-	if (e <= 0) return null;
-	let a = r(Ye(e, t));
-	return /* @__PURE__ */ q("div", {
-		className: "flex min-w-0 items-center gap-2",
-		children: [/* @__PURE__ */ K(I, {
-			role: L.Meter,
-			value: e,
-			max: t,
-			size: C.Small,
-			"aria-label": n,
-			"aria-valuetext": a,
-			className: d("w-[60px] shrink-0", Ze.track)
-		}), /* @__PURE__ */ K("span", {
-			"aria-hidden": !0,
-			className: d("whitespace-nowrap", i, Ze.text),
-			children: a
-		})]
-	});
-}, $e = {
-	formColumn: "_formColumn_1fxsc_1",
-	helper: "_helper_1fxsc_10",
-	label: "_label_1fxsc_14"
-}, et = z(async () => ({ default: (await J()).MarkdownEditor })), tt = "device", nt = "file-manager", rt = ({ values: e, errors: t, onFieldChange: i, contextFiles: a, onContextFilesChange: o, allowedExtensions: s, maxFileBytes: l, maxTotalBytes: u, onPickFromFileManager: p, onRefineDescription: h, onRefineInstructions: g, onBack: y, onCancel: S, onSubmit: w, isSubmitting: D = !1, labels: O, markdownEditorTheme: k, className: A, styles: F }) => {
-	let ne = H(), re = H(), ie = H(), I = H(), L = H(), ae = W(null), le = W(null), ue = f(), [R, de] = G(!1), [fe, z] = G([]), [B, he] = G(""), J = W(void 0), Y = V((e) => e ? async (t, n) => {
-		if (J.current && !J.current.aborted) throw new DOMException("Busy", "AbortError");
-		J.current = n;
-		try {
-			return await e(t, n);
-		} finally {
-			J.current === n && (J.current = void 0);
-		}
-	} : void 0, []), ye = U(() => Y(h), [Y, h]), be = U(() => Y(g), [Y, g]), xe = m({
-		value: e.description,
-		onChange: (e) => i("description", e),
-		onRefine: ye,
-		disabled: D
-	}), Se = m({
+}, qe = {
+	formColumn: "_formColumn_ub3na_1",
+	dropZone: "_dropZone_ub3na_11",
+	label: "_label_ub3na_15",
+	link: "_link_ub3na_19"
+}, Je = H(async () => ({ default: (await pe()).MarkdownEditor })), Ye = ({ values: e, errors: t, onFieldChange: i, contextFiles: a, onContextFilesChange: o, allowedExtensions: s, maxFileBytes: u, maxTotalBytes: d, onPickFromFileManager: m, onRefineInstructions: g, onBack: _, onCancel: v, onSubmit: y, isSubmitting: b = !1, labels: C, markdownEditorTheme: w, className: T, styles: O }) => {
+	let k = G(), A = G(), j = G(), I = G(), L = q(null), te = p(), [ne, re] = J(!1), [ie, ae] = J([]), [oe, B] = J(""), V = h({
 		value: e.instructions,
 		onChange: (e) => i("instructions", e),
-		onRefine: be,
-		disabled: D
-	}), X = xe.isPending || Se.isPending, Ce = ze(e.name), we = t.name ?? (R && Ce != null ? O.nameErrors[Ce] : void 0), Z = Ce != null || D || X;
-	me(() => {
-		t.name && ae.current?.focus();
+		onRefine: g,
+		disabled: b
+	}), H = V.isPending, U = Ie(e.name), W = t.name ?? (ne && U != null ? C.nameErrors[U] : void 0), le = U != null || b || H;
+	ce(() => {
+		t.name && L.current?.focus();
 	}, [t.name]);
-	let Te = U(() => Ue(a), [a]), Ee = U(() => s.map((e) => `.${e}`).join(","), [s]), De = (e) => {
+	let pe = K(() => s.map((e) => `.${e}`).join(","), [s]), Z = (e) => {
 		if (e.length === 0) return;
-		let { accepted: t, rejected: n } = Je(e, a, {
+		let { accepted: t, rejected: n } = Ge(e, a, {
 			allowedExtensions: s,
-			maxFileBytes: l,
-			maxTotalBytes: u
+			maxFileBytes: u,
+			maxTotalBytes: d
 		});
-		z(n), t.length > 0 && o([...a, ...t]), he([t.length > 0 ? O.filesAddedStatus(t.length) : "", ...n.map(({ name: e, reason: t }) => O.fileRejections[t](e))].filter(Boolean).join(" "));
-	}, { isDragActive: Oe, handlers: ke } = Me(De), Ae = (e) => {
+		ae(n), t.length > 0 && o([...a, ...t]), B([t.length > 0 ? C.filesAddedStatus(t.length) : "", ...n.map(({ name: e, reason: t }) => C.fileRejections[t](e))].filter(Boolean).join(" "));
+	}, { isDragActive: me, handlers: he } = Oe(Z), ge = (e) => {
 		let t = a.find((t) => t.id === e);
-		o(a.filter((t) => t.id !== e)), z([]), t && he(O.fileRemovedStatus(t.name));
-	}, je = (e) => {
-		De(Array.from(e.target.files ?? [])), e.target.value = "";
-	}, Q = async () => {
-		if (p) try {
-			let e = await p();
-			e && De(e);
+		o(a.filter((t) => t.id !== e)), ae([]), t && B(C.fileRemovedStatus(t.name));
+	}, _e = async (e) => {
+		if (e.preventDefault(), e.stopPropagation(), m) try {
+			let e = await m();
+			e && Z(e);
 		} catch {}
-	}, Ne = [{
-		key: tt,
-		label: O.addFromDeviceLabel,
-		onClick: () => le.current?.click()
-	}, ...p ? [{
-		key: nt,
-		label: O.addFromFileManagerLabel,
-		onClick: () => void Q()
-	}] : []], Pe = () => {
-		!Z && (!J.current || J.current.aborted) && w();
-	}, { colors: Fe, typography: Ie } = F ?? {}, Le = Ie?.titleClassName ?? "dial-h1-text", Re = d(Ie?.labelClassName ?? "dial-tiny-semi-text", $e.label), Be = Ie?.helperClassName ?? "dial-tiny-text", Ve = ee({
-		"--pcf-helper-text": Fe?.helperText,
-		"--pcf-label-text": Fe?.labelText,
-		"--pcf-meter-track": Fe?.meterTrack,
-		"--pcf-meter-fill": Fe?.meterFill
-	}), He = O.refinement, We = t.context, Ge = !!We;
-	return /* @__PURE__ */ q("div", {
-		className: d("relative flex h-full min-h-0 w-full", A),
-		...ke,
+	}, ve = () => {
+		le || y();
+	}, { colors: ye, typography: be } = O ?? {}, Q = be?.titleClassName ?? "dial-h1-text", xe = f(be?.labelClassName ?? "dial-tiny-semi-text", qe.label), Se = be?.helperClassName ?? "dial-tiny-text", Ce = l({
+		"--pcf-label-text": ye?.labelText,
+		"--pcf-link-text": ye?.linkText
+	}), we = C.refinement, Te = t.context, Ee = [...ie.map(({ name: e, reason: t }) => C.fileRejections[t](e)), Te].filter(Boolean).join("\n"), De = C.dropZoneLabel({
+		fromDevice: /* @__PURE__ */ Y("span", { className: qe.link }),
+		fileManager: m ? /* @__PURE__ */ Y("button", {
+			type: "button",
+			className: qe.link,
+			disabled: b,
+			onClick: (e) => void _e(e)
+		}) : void 0
+	});
+	return /* @__PURE__ */ X("div", {
+		className: f("relative flex h-full min-h-0 w-full", T),
+		...he,
 		children: [
-			/* @__PURE__ */ K(_e, {
-				isVisible: Oe,
+			/* @__PURE__ */ Y(de, {
+				isVisible: me,
 				labels: {
-					title: O.dropOverlayTitle,
-					subtitle: O.dropOverlaySubtitle
+					title: C.dropOverlayTitle,
+					subtitle: C.dropOverlaySubtitle
 				}
 			}),
-			/* @__PURE__ */ K(ve, {
+			/* @__PURE__ */ Y(fe, {
 				labels: {
-					title: O.title,
-					backButtonLabel: O.backLabel,
-					cancelButtonLabel: O.cancelLabel,
-					submitButtonLabel: O.createLabel,
-					submittingLabel: O.submittingLabel ?? O.createLabel
+					title: C.title,
+					backButtonLabel: C.backLabel,
+					cancelButtonLabel: C.cancelLabel,
+					submitButtonLabel: C.createLabel,
+					submittingLabel: C.submittingLabel ?? C.createLabel
 				},
-				onBack: y,
-				onCancel: S,
-				onSubmit: Pe,
-				isCancelDisabled: D,
-				isSubmitDisabled: Z,
-				isSubmitting: D,
-				backIcon: /* @__PURE__ */ K(ce, {
-					size: b.LG,
-					stroke: x,
+				onBack: _,
+				onCancel: v,
+				onSubmit: ve,
+				isCancelDisabled: b,
+				isSubmitDisabled: le,
+				isSubmitting: b,
+				backIcon: /* @__PURE__ */ Y(z, {
+					size: x.LG,
+					stroke: S,
 					"aria-hidden": !0,
 					className: "rtl:scale-x-[-1]"
 				}),
 				styles: {
-					colors: { background: Fe?.background },
+					colors: { background: ye?.background },
 					header: {
-						colors: { borderColor: Fe?.headerBorder },
-						typography: { fontClassName: Le }
+						colors: { borderColor: ye?.headerBorder },
+						typography: { fontClassName: Q }
 					},
-					cssVars: Ve
+					cssVars: Ce
 				},
-				children: /* @__PURE__ */ q("div", {
-					className: d("mx-auto flex w-full max-w-[1040px] min-w-0 flex-col gap-5 py-6", $e.formColumn),
+				children: /* @__PURE__ */ X("div", {
+					className: f("mx-auto flex w-full max-w-262 min-w-0 flex-col gap-5 py-6", qe.formColumn),
 					children: [
-						/* @__PURE__ */ q("div", {
+						/* @__PURE__ */ X("div", {
 							className: "flex flex-col gap-1",
 							children: [
-								/* @__PURE__ */ K(j, {
-									id: ne,
-									inputRef: ae,
+								/* @__PURE__ */ Y(M, {
+									id: k,
+									inputRef: L,
 									value: e.name,
 									onChange: (e) => i("name", e ?? ""),
-									onBlur: () => de(!0),
-									placeholder: O.namePlaceholder,
+									onBlur: () => re(!0),
+									placeholder: C.namePlaceholder,
 									labelProps: {
-										label: O.nameLabel,
+										label: C.nameLabel,
 										required: !0
 									},
 									required: !0,
 									"aria-required": !0,
-									invalid: !!we,
-									"aria-invalid": !!we,
-									"aria-describedby": we ? re : void 0
+									invalid: !!W,
+									"aria-invalid": !!W,
+									"aria-describedby": W ? A : void 0
 								}),
-								/* @__PURE__ */ K(T, {
-									announce: P.Assertive,
-									id: re,
-									className: Be,
+								/* @__PURE__ */ Y(E, {
+									announce: F.Assertive,
+									id: A,
+									className: Se,
 									text: t.name ?? ""
 								}),
-								we && !t.name && /* @__PURE__ */ K(T, {
-									id: re,
-									className: Be,
-									text: we
+								W && !t.name && /* @__PURE__ */ Y(E, {
+									id: A,
+									className: Se,
+									text: W
 								})
 							]
 						}),
-						/* @__PURE__ */ K(c, {
-							isEnabled: !!h,
-							fieldId: ie,
-							label: O.descriptionLabel,
-							labelClassName: Re,
-							labels: He,
-							refinement: xe,
-							disabled: D || X,
-							children: /* @__PURE__ */ K(se, {
-								id: ie,
-								value: e.description,
-								onChange: (e) => {
-									xe.reset(), i("description", e);
-								},
-								placeholder: O.descriptionPlaceholder,
-								labelProps: h ? void 0 : { label: O.descriptionLabel }
-							})
-						}),
-						/* @__PURE__ */ K(c, {
+						/* @__PURE__ */ Y(c, {
 							isEnabled: !!g,
-							fieldId: I,
-							label: O.instructionsLabel,
-							labelClassName: Re,
-							labels: He,
-							refinement: Se,
-							disabled: D || X,
-							children: /* @__PURE__ */ q("div", {
+							fieldId: j,
+							label: C.instructionsLabel,
+							labelClassName: xe,
+							labels: we,
+							refinement: V,
+							disabled: b || H,
+							children: /* @__PURE__ */ X("div", {
 								className: "flex flex-1 flex-col gap-2",
-								children: [!g && /* @__PURE__ */ K(M, {
-									htmlFor: I,
-									className: Re,
-									label: O.instructionsLabel
-								}), /* @__PURE__ */ K("div", {
-									ref: ue,
-									className: d("w-full", n, r),
-									children: /* @__PURE__ */ K(pe, {
-										fallback: /* @__PURE__ */ K(oe, {}),
-										children: /* @__PURE__ */ K(et, {
-											id: I,
+								children: [!g && /* @__PURE__ */ Y(N, {
+									htmlFor: j,
+									className: xe,
+									label: C.instructionsLabel
+								}), /* @__PURE__ */ Y("div", {
+									ref: te,
+									className: f("w-full", n, r),
+									children: /* @__PURE__ */ Y(se, {
+										fallback: /* @__PURE__ */ Y(R, {}),
+										children: /* @__PURE__ */ Y(Je, {
+											id: j,
 											value: e.instructions,
 											onChange: (e) => {
-												Se.reset(), i("instructions", e);
+												V.reset(), i("instructions", e);
 											},
 											height: 176,
-											theme: k,
-											placeholder: O.instructionsPlaceholder
+											theme: w,
+											placeholder: C.instructionsPlaceholder
 										})
 									})
 								})]
 							})
 						}),
-						/* @__PURE__ */ q("section", {
-							"aria-labelledby": L,
+						/* @__PURE__ */ X("section", {
+							"aria-labelledby": I,
 							className: "flex flex-col gap-2",
 							children: [
-								/* @__PURE__ */ q("div", {
-									className: "flex min-w-0 flex-wrap items-center justify-between gap-2",
-									children: [/* @__PURE__ */ K("h2", {
-										id: L,
-										className: Re,
-										children: O.contextLabel
-									}), /* @__PURE__ */ q("div", {
-										className: "flex min-w-0 items-center gap-4",
-										children: [/* @__PURE__ */ K(Qe, {
-											usedBytes: Te,
-											maxBytes: u,
-											ariaLabel: O.capacityMeterLabel,
-											formatLabel: O.capacityLabel,
-											textClassName: Be
-										}), /* @__PURE__ */ K(_, {
-											items: Ne,
-											label: O.addLabel,
-											variant: v.Neutral,
-											size: C.Small,
-											disabled: D
-										})]
-									})]
-								}),
-								/* @__PURE__ */ K("input", {
-									ref: le,
-									type: "file",
-									multiple: !0,
-									accept: Ee,
-									tabIndex: -1,
-									"aria-hidden": !0,
-									className: "sr-only",
-									onChange: je
+								/* @__PURE__ */ Y("h2", {
+									id: I,
+									className: xe,
+									children: C.contextLabel
 								}),
-								/* @__PURE__ */ K(E, {
-									label: O.dropZoneLabel,
-									description: O.dropZoneHint,
-									accept: Ee,
+								/* @__PURE__ */ Y(D, {
+									label: De,
+									ariaLabel: C.dropZoneAriaLabel,
+									description: C.dropZoneHint,
+									accept: pe,
 									multiple: !0,
-									disabled: D,
-									onChange: De,
-									onReject: De
+									disabled: b,
+									onChange: Z,
+									onReject: Z,
+									errorText: Ee || void 0,
+									className: qe.dropZone
 								}),
-								fe.length > 0 && /* @__PURE__ */ K("ul", {
-									className: d("flex flex-col gap-1", Be, $e.helper),
-									children: fe.map(({ name: e, reason: t }) => /* @__PURE__ */ K("li", { children: O.fileRejections[t](e) }, `${t}:${e}`))
+								/* @__PURE__ */ Y(ee, {
+									visuallyHidden: !0,
+									politeness: F.Assertive,
+									children: Te
 								}),
-								/* @__PURE__ */ K(te, {
-									politeness: P.Assertive,
-									children: Ge && /* @__PURE__ */ K("p", {
-										className: d(Be, $e.helper),
-										children: We
-									})
-								}),
-								a.length > 0 && /* @__PURE__ */ K("ul", {
-									className: "flex min-w-0 flex-wrap gap-2 pt-1",
-									children: a.map((e) => /* @__PURE__ */ K("li", {
+								a.length > 0 && /* @__PURE__ */ Y("ul", {
+									className: "flex min-w-0 flex-wrap gap-2 pt-3",
+									children: a.map((e) => /* @__PURE__ */ Y("li", {
 										className: "min-w-0",
-										children: /* @__PURE__ */ K(ge, {
+										children: /* @__PURE__ */ Y(ue, {
 											attachment: e,
-											onRemove: Ae,
-											labels: { removeLabel: O.removeFileLabel(e.name) }
+											onRemove: ge,
+											labels: { removeLabel: C.removeFileLabel(e.name) }
 										})
 									}, e.id))
 								})
@@ -628,10 +541,10 @@ var Y = /* @__PURE__ */ function(e) {
 					]
 				})
 			}),
-			/* @__PURE__ */ K(te, {
+			/* @__PURE__ */ Y(ee, {
 				visuallyHidden: !0,
-				as: N.Span,
-				children: D ? O.creatingStatus : B
+				as: P.Span,
+				children: b ? C.creatingStatus : oe
 			})
 		]
 	});
@@ -642,21 +555,21 @@ var Y = /* @__PURE__ */ function(e) {
 	body: "_body_16lvl_13",
 	secondary: "_secondary_16lvl_17",
 	panel: "_panel_16lvl_21"
-}, it = (e) => ({
+}, Xe = (e) => ({
 	id: e.name,
 	name: e.name,
 	contentType: e.contentType,
-	type: l(e.contentType),
+	type: u(e.contentType),
 	status: s.Idle
-}), at = B(({ project: e, isLoading: t = !1, hasError: n = !1, isNotFound: r = !1, isPinned: a, isPinPending: s = !1, contextSearchQuery: c, onContextSearchQueryChange: l, onBack: u, onTogglePin: f, onPublish: p, onEdit: m, onShare: g, onDelete: _, onDownload: y, onOpenFile: C, onRetry: T, onBrowseProjects: E, mainContent: D, mainContentLabel: A = "Project content", labels: j, styles: M }) => {
-	let { colors: P, typography: F } = M ?? {}, re = F?.titleClassName ?? "dial-h2-text", ie = F?.panelTitleClassName ?? "dial-body-semi-text", I = F?.sectionTitleClassName ?? "dial-tiny-text", L = F?.bodyClassName ?? "dial-small-text", se = F?.helperClassName ?? "dial-tiny-text", le = F?.instructionsHeadingClassName ?? "dial-small-semi-text", fe = ee({
-		"--pv-bg": P?.background,
-		"--pv-border": P?.border,
-		"--pv-heading-text": P?.headingText,
-		"--pv-body-text": P?.bodyText,
-		"--pv-secondary-text": P?.secondaryText
-	}), pe = U(() => e?.contextFiles ?? [], [e]), z = U(() => Xe(pe, c), [pe, c]), B = c.trim(), V = H(), me = U(() => {
-		let e = d("mb-1 mt-3 first:mt-0", le);
+}), Ze = U(({ project: e, isLoading: t = !1, hasError: n = !1, isNotFound: r = !1, isPinned: a, isPinPending: s = !1, contextSearchQuery: c, onContextSearchQueryChange: u, onBack: d, onTogglePin: p, onPublish: m, onEdit: h, onShare: _, onDelete: v, onDownload: b, onOpenFile: w, onRetry: E, onBrowseProjects: D, mainContent: O, mainContentLabel: j = "Project content", labels: M, styles: N }) => {
+	let { colors: F, typography: I } = N ?? {}, te = I?.titleClassName ?? "dial-h2-text", ne = I?.panelTitleClassName ?? "dial-body-semi-text", ie = I?.sectionTitleClassName ?? "dial-tiny-text", V = I?.bodyClassName ?? "dial-small-text", se = I?.helperClassName ?? "dial-tiny-text", H = I?.instructionsHeadingClassName ?? "dial-small-semi-text", U = l({
+		"--pv-bg": F?.background,
+		"--pv-border": F?.border,
+		"--pv-heading-text": F?.headingText,
+		"--pv-body-text": F?.bodyText,
+		"--pv-secondary-text": F?.secondaryText
+	}), W = K(() => e?.contextFiles ?? [], [e]), ce = K(() => Ke(W, c), [W, c]), q = c.trim(), J = G(), de = K(() => {
+		let e = f("mb-1 mt-3 first:mt-0", H);
 		return {
 			h1: e,
 			h2: e,
@@ -664,196 +577,196 @@ var Y = /* @__PURE__ */ function(e) {
 			h4: e,
 			h5: e,
 			h6: e,
-			p: L,
-			ul: L,
-			ol: L
+			p: V,
+			ul: V,
+			ol: V
 		};
-	}, [L, le]), W = (e) => {
+	}, [V, H]), fe = (e) => {
 		let t = [];
-		return e && p && t.push({
+		return e && m && t.push({
 			key: "publish",
-			label: j.publishLabel,
-			onClick: p
-		}), e && m && t.push({
-			key: "edit",
-			label: j.editLabel,
+			label: M.publishLabel,
 			onClick: m
-		}), g && t.push({
+		}), e && h && t.push({
+			key: "edit",
+			label: M.editLabel,
+			onClick: h
+		}), _ && t.push({
 			key: "share",
-			label: j.shareLabel,
-			onClick: g
+			label: M.shareLabel,
+			onClick: _
 		}), t.push({
 			key: "download",
-			label: j.downloadLabel,
-			onClick: y
-		}), _ && t.push({
+			label: M.downloadLabel,
+			onClick: b
+		}), v && t.push({
 			key: "delete",
-			label: j.deleteLabel,
+			label: M.deleteLabel,
 			danger: !0,
-			onClick: _
+			onClick: v
 		}), t;
-	}, G = (e, t) => /* @__PURE__ */ K("div", {
+	}, pe = (e, t) => /* @__PURE__ */ Y("div", {
 		className: t,
-		children: /* @__PURE__ */ K(S, {
-			items: W(e),
+		children: /* @__PURE__ */ Y(C, {
+			items: fe(e),
 			matchReferenceWidth: !1,
 			listClassName: "w-[200px]",
-			children: /* @__PURE__ */ K(k, {
-				icon: /* @__PURE__ */ K(ue, {
-					size: b.MD,
+			children: /* @__PURE__ */ Y(A, {
+				icon: /* @__PURE__ */ Y(ae, {
+					size: x.MD,
 					"aria-hidden": !0,
-					stroke: x
+					stroke: S
 				}),
-				"aria-label": j.moreActionsLabel
+				"aria-label": M.moreActionsLabel
 			})
 		})
 	});
-	return t || n || r || e == null ? /* @__PURE__ */ K("div", {
-		style: fe,
-		className: d("flex h-full w-full min-w-0 items-center justify-center p-4", $.container),
-		children: t ? /* @__PURE__ */ K(oe, {}) : n ? /* @__PURE__ */ q("div", {
+	return t || n || r || e == null ? /* @__PURE__ */ Y("div", {
+		style: U,
+		className: f("flex h-full w-full min-w-0 items-center justify-center p-4", $.container),
+		children: t ? /* @__PURE__ */ Y(R, {}) : n ? /* @__PURE__ */ X("div", {
 			className: "flex flex-col items-center gap-3",
-			children: [/* @__PURE__ */ K("p", {
+			children: [/* @__PURE__ */ Y("p", {
 				role: "status",
-				className: d(L, $.body),
-				children: j.errorLabel
-			}), /* @__PURE__ */ K(O, {
-				label: j.retryLabel,
-				onClick: T
+				className: f(V, $.body),
+				children: M.errorLabel
+			}), /* @__PURE__ */ Y(k, {
+				label: M.retryLabel,
+				onClick: E
 			})]
-		}) : /* @__PURE__ */ q("div", {
+		}) : /* @__PURE__ */ X("div", {
 			className: "flex flex-col items-center gap-3",
-			children: [/* @__PURE__ */ K("p", {
-				className: d(L, $.body),
-				children: j.notFoundLabel
-			}), /* @__PURE__ */ K(O, {
-				label: j.browseProjectsLabel,
-				onClick: E
+			children: [/* @__PURE__ */ Y("p", {
+				className: f(V, $.body),
+				children: M.notFoundLabel
+			}), /* @__PURE__ */ Y(k, {
+				label: M.browseProjectsLabel,
+				onClick: D
 			})]
 		})
-	}) : /* @__PURE__ */ q("div", {
-		style: fe,
-		className: d("flex h-full w-full min-w-0 flex-col overflow-y-auto", $.container),
-		children: [/* @__PURE__ */ q("header", {
-			className: d("flex min-w-0 items-center gap-2 px-4 py-3 desktop:px-8", $.header),
+	}) : /* @__PURE__ */ X("div", {
+		style: U,
+		className: f("flex h-full w-full min-w-0 flex-col overflow-y-auto", $.container),
+		children: [/* @__PURE__ */ X("header", {
+			className: f("flex min-w-0 items-center gap-2 px-4 py-3 desktop:px-8", $.header),
 			children: [
-				/* @__PURE__ */ K(k, {
-					icon: /* @__PURE__ */ K(ce, {
-						size: b.LG,
+				/* @__PURE__ */ Y(A, {
+					icon: /* @__PURE__ */ Y(z, {
+						size: x.LG,
 						className: "rtl:scale-x-[-1]",
 						"aria-hidden": !0,
-						stroke: x
+						stroke: S
 					}),
-					"aria-label": j.backLabel,
-					onClick: u
+					"aria-label": M.backLabel,
+					onClick: d
 				}),
-				/* @__PURE__ */ K("h1", {
-					className: d("min-w-0 flex-1", re, $.title),
-					children: /* @__PURE__ */ K(w, { text: e.name })
+				/* @__PURE__ */ Y("h1", {
+					className: f("min-w-0 flex-1", te, $.title),
+					children: /* @__PURE__ */ Y(T, { text: e.name })
 				}),
-				/* @__PURE__ */ K(k, {
-					icon: a ? /* @__PURE__ */ K(de, {
-						size: b.MD,
+				/* @__PURE__ */ Y(A, {
+					icon: a ? /* @__PURE__ */ Y(B, {
+						size: x.MD,
 						"aria-hidden": !0
-					}) : /* @__PURE__ */ K(R, {
-						size: b.MD,
+					}) : /* @__PURE__ */ Y(oe, {
+						size: x.MD,
 						"aria-hidden": !0,
-						stroke: x
+						stroke: S
 					}),
-					"aria-label": j.pinLabel,
+					"aria-label": M.pinLabel,
 					"aria-pressed": a,
 					"aria-disabled": s || void 0,
 					onClick: () => {
-						s || f();
+						s || p();
 					}
 				}),
-				p && /* @__PURE__ */ K(ne, {
-					label: j.publishLabel,
-					onClick: p,
+				m && /* @__PURE__ */ Y(L, {
+					label: M.publishLabel,
+					onClick: m,
 					className: "hidden shrink-0 desktop:inline-flex"
 				}),
-				m && /* @__PURE__ */ K(h, {
-					label: j.editLabel,
-					variant: v.Primary,
-					onClick: m,
+				h && /* @__PURE__ */ Y(g, {
+					label: M.editLabel,
+					variant: y.Primary,
+					onClick: h,
 					className: "hidden shrink-0 desktop:inline-flex"
 				}),
-				G(!1, "hidden desktop:block"),
-				G(!0, "desktop:hidden")
+				pe(!1, "hidden desktop:block"),
+				pe(!0, "desktop:hidden")
 			]
-		}), /* @__PURE__ */ q("div", {
-			className: d("flex min-w-0 flex-1 flex-col desktop:flex-row", D == null && "desktop:justify-end"),
-			children: [D != null && /* @__PURE__ */ K("section", {
-				"aria-label": A,
+		}), /* @__PURE__ */ X("div", {
+			className: f("flex min-w-0 flex-1 flex-col desktop:flex-row", O == null && "desktop:justify-end"),
+			children: [O != null && /* @__PURE__ */ Y("section", {
+				"aria-label": j,
 				className: "flex min-w-0 flex-1 flex-col gap-6 px-4 py-6 desktop:px-8",
-				children: D
-			}), /* @__PURE__ */ q("aside", {
-				"aria-labelledby": V,
-				className: d("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: O
+			}), /* @__PURE__ */ X("aside", {
+				"aria-labelledby": J,
+				className: f("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__ */ K("h2", {
-						id: V,
-						className: d(ie, $.title),
-						children: j.detailsLabel
+					/* @__PURE__ */ Y("h2", {
+						id: J,
+						className: f(ne, $.title),
+						children: M.detailsLabel
 					}),
-					e.description !== "" && /* @__PURE__ */ q("section", {
+					e.description !== "" && /* @__PURE__ */ X("section", {
 						className: "flex min-w-0 flex-col gap-1",
-						children: [/* @__PURE__ */ K("h3", {
-							className: d(I, $.secondary),
-							children: j.descriptionLabel
-						}), /* @__PURE__ */ K("p", {
-							className: d("wrap-break-word whitespace-pre-line", L, $.body),
+						children: [/* @__PURE__ */ Y("h3", {
+							className: f(ie, $.secondary),
+							children: M.descriptionLabel
+						}), /* @__PURE__ */ Y("p", {
+							className: f("wrap-break-word whitespace-pre-line", V, $.body),
 							children: e.description
 						})]
 					}),
-					e.instructions !== "" && /* @__PURE__ */ q("section", {
+					e.instructions !== "" && /* @__PURE__ */ X("section", {
 						className: "flex min-w-0 flex-col gap-1",
-						children: [/* @__PURE__ */ K("h3", {
-							className: d(I, $.secondary),
-							children: j.instructionsLabel
-						}), /* @__PURE__ */ K("div", {
-							className: d("min-w-0 wrap-break-word", L, $.body),
-							children: /* @__PURE__ */ K(i, {
+						children: [/* @__PURE__ */ Y("h3", {
+							className: f(ie, $.secondary),
+							children: M.instructionsLabel
+						}), /* @__PURE__ */ Y("div", {
+							className: f("min-w-0 wrap-break-word", V, $.body),
+							children: /* @__PURE__ */ Y(i, {
 								content: e.instructions,
-								classNames: me
+								classNames: de
 							})
 						})]
 					}),
-					/* @__PURE__ */ q("section", {
+					/* @__PURE__ */ X("section", {
 						className: "flex min-w-0 flex-col gap-2",
-						children: [/* @__PURE__ */ K("h3", {
-							className: d(I, $.secondary),
-							children: j.contextLabel
-						}), pe.length === 0 ? /* @__PURE__ */ K(o, { label: j.emptyContextLabel }) : /* @__PURE__ */ q(he, { children: [
-							/* @__PURE__ */ K("div", {
+						children: [/* @__PURE__ */ Y("h3", {
+							className: f(ie, $.secondary),
+							children: M.contextLabel
+						}), W.length === 0 ? /* @__PURE__ */ Y(o, { label: M.emptyContextLabel }) : /* @__PURE__ */ X(le, { children: [
+							/* @__PURE__ */ Y("div", {
 								role: "search",
-								children: /* @__PURE__ */ K(ae, {
+								children: /* @__PURE__ */ Y(re, {
 									value: c,
-									onChange: (e) => l(e ?? ""),
-									placeholder: j.contextSearchPlaceholder,
-									clearLabel: j.clearSearchLabel,
-									"aria-label": j.contextSearchAriaLabel
+									onChange: (e) => u(e ?? ""),
+									placeholder: M.contextSearchPlaceholder,
+									clearLabel: M.clearSearchLabel,
+									"aria-label": M.contextSearchAriaLabel
 								})
 							}),
-							z.length === 0 ? /* @__PURE__ */ K("p", {
-								className: d(se, $.secondary),
-								children: j.noContextMatchesLabel
-							}) : /* @__PURE__ */ K("ul", {
+							ce.length === 0 ? /* @__PURE__ */ Y("p", {
+								className: f(se, $.secondary),
+								children: M.noContextMatchesLabel
+							}) : /* @__PURE__ */ Y("ul", {
 								className: "m-0 flex min-w-0 list-none flex-wrap gap-2 p-0 pt-2",
-								children: z.map((e) => /* @__PURE__ */ K("li", {
+								children: ce.map((e) => /* @__PURE__ */ Y("li", {
 									className: "min-w-0",
-									children: /* @__PURE__ */ K(ge, {
-										attachment: it(e),
-										searchQuery: B,
-										onClick: C,
-										labels: { clickLabel: j.openFileLabel(e.name) }
+									children: /* @__PURE__ */ Y(ue, {
+										attachment: Xe(e),
+										searchQuery: q,
+										onClick: w,
+										labels: { clickLabel: M.openFileLabel(e.name) }
 									})
 								}, e.name))
 							}),
-							/* @__PURE__ */ K(te, {
+							/* @__PURE__ */ Y(ee, {
 								visuallyHidden: !0,
-								as: N.Span,
-								children: B === "" ? "" : j.contextResultCountLabel(z.length)
+								as: P.Span,
+								children: q === "" ? "" : M.contextResultCountLabel(ce.length)
 							})
 						] })]
 					})
@@ -861,8 +774,8 @@ var Y = /* @__PURE__ */ function(e) {
 			})]
 		})]
 	});
-}), ot = 24, st = ({ item: e, labels: n, rowTitleClassName: r, onOpen: i, onRename: a, onDelete: o }) => {
-	let s = U(() => [...a ? [{
+}), Qe = 24, $e = ({ item: e, labels: n, rowTitleClassName: r, onOpen: i, onRename: a, onDelete: o }) => {
+	let s = K(() => [...a ? [{
 		key: "rename",
 		label: n.renameLabel,
 		onClick: () => a(e.id)
@@ -878,176 +791,176 @@ var Y = /* @__PURE__ */ function(e) {
 		o,
 		a
 	]);
-	return /* @__PURE__ */ q("li", {
+	return /* @__PURE__ */ X("li", {
 		className: "flex min-w-0 items-center gap-1 rounded focus-within:bg-(--bg-accent-primary-alpha,rgba(92,141,234,0.15)) hover:bg-(--bg-accent-primary-alpha,rgba(92,141,234,0.15))",
-		children: [/* @__PURE__ */ q("button", {
+		children: [/* @__PURE__ */ X("button", {
 			type: "button",
 			"aria-label": n.openLabel(e.title, e.authorName),
 			className: "flex min-w-0 flex-1 items-center gap-3 rounded px-3 py-2 text-start focus-visible:outline-2 focus-visible:-outline-offset-2",
 			onClick: () => i(e.id),
-			children: [/* @__PURE__ */ K("span", {
+			children: [/* @__PURE__ */ Y("span", {
 				"aria-hidden": !0,
 				className: "shrink-0",
-				children: /* @__PURE__ */ K(t, {
+				children: /* @__PURE__ */ Y(t, {
 					name: e.authorName ?? "",
-					size: ot
+					size: Qe
 				})
-			}), /* @__PURE__ */ K(w, {
+			}), /* @__PURE__ */ Y(T, {
 				text: e.title,
-				className: d("min-w-0 flex-1", r)
+				className: f("min-w-0 flex-1", r)
 			})]
-		}), s.length > 0 && /* @__PURE__ */ K(S, {
+		}), s.length > 0 && /* @__PURE__ */ Y(C, {
 			items: s,
 			placement: "bottom-end",
-			children: /* @__PURE__ */ K(k, {
+			children: /* @__PURE__ */ Y(A, {
 				"aria-label": n.moreActionsLabel(e.title),
-				size: C.Small,
+				size: w.Small,
 				className: "me-2 shrink-0",
-				icon: /* @__PURE__ */ K(ue, {
+				icon: /* @__PURE__ */ Y(ae, {
 					"aria-hidden": !0,
-					size: b.SM,
-					stroke: x
+					size: x.SM,
+					stroke: S
 				})
 			})
 		})]
 	});
-}, ct = B(({ items: e, isLoading: t = !1, hasError: n = !1, onRetry: r, hasMore: i = !1, isLoadingMore: a = !1, onLoadMore: s, onOpen: c, onRename: ee, onDelete: l, labels: u, typography: f }) => {
-	let p = H(), m = f?.titleClassName ?? "dial-body-semi-text", h = f?.rowTitleClassName ?? "dial-body-text", g = f?.messageClassName ?? "dial-small-text", _ = !t && !n && e.length === 0;
-	return /* @__PURE__ */ q("section", {
-		"aria-labelledby": _ ? void 0 : p,
-		"aria-label": _ ? u.title : void 0,
+}, et = U(({ items: e, isLoading: t = !1, hasError: n = !1, onRetry: r, hasMore: i = !1, isLoadingMore: a = !1, onLoadMore: s, onOpen: c, onRename: l, onDelete: u, labels: d, typography: p }) => {
+	let m = G(), h = p?.titleClassName ?? "dial-body-semi-text", g = p?.rowTitleClassName ?? "dial-body-text", _ = p?.messageClassName ?? "dial-small-text", v = !t && !n && e.length === 0;
+	return /* @__PURE__ */ X("section", {
+		"aria-labelledby": v ? void 0 : m,
+		"aria-label": v ? d.title : void 0,
 		className: "flex min-w-0 flex-col gap-2",
-		children: [!_ && /* @__PURE__ */ K("h2", {
-			id: p,
-			className: d("m-0", m),
-			children: u.title
-		}), t ? /* @__PURE__ */ q("div", {
+		children: [!v && /* @__PURE__ */ Y("h2", {
+			id: m,
+			className: f("m-0", h),
+			children: d.title
+		}), t ? /* @__PURE__ */ X("div", {
 			role: "status",
 			className: "flex justify-center py-6",
-			children: [/* @__PURE__ */ K("span", {
+			children: [/* @__PURE__ */ Y("span", {
 				"aria-hidden": !0,
-				children: /* @__PURE__ */ K(oe, {})
-			}), /* @__PURE__ */ K("span", {
+				children: /* @__PURE__ */ Y(R, {})
+			}), /* @__PURE__ */ Y("span", {
 				className: "sr-only",
-				children: u.loadingLabel
+				children: d.loadingLabel
 			})]
-		}) : n ? /* @__PURE__ */ q("div", {
+		}) : n ? /* @__PURE__ */ X("div", {
 			role: "status",
 			className: "flex flex-col items-center gap-3 py-6 text-center",
-			children: [/* @__PURE__ */ K("p", {
-				className: d("m-0", g),
-				children: u.errorLabel
-			}), /* @__PURE__ */ K(O, {
-				label: u.retryLabel,
+			children: [/* @__PURE__ */ Y("p", {
+				className: f("m-0", _),
+				children: d.errorLabel
+			}), /* @__PURE__ */ Y(k, {
+				label: d.retryLabel,
 				onClick: r
 			})]
-		}) : _ ? /* @__PURE__ */ K("div", {
+		}) : v ? /* @__PURE__ */ Y("div", {
 			role: "status",
-			children: /* @__PURE__ */ K(o, {
-				label: u.emptyTitle,
-				description: u.emptyDescription
+			children: /* @__PURE__ */ Y(o, {
+				label: d.emptyTitle,
+				description: d.emptyDescription
 			})
-		}) : /* @__PURE__ */ q(he, { children: [/* @__PURE__ */ K("ul", {
+		}) : /* @__PURE__ */ X(le, { children: [/* @__PURE__ */ Y("ul", {
 			className: "m-0 flex min-w-0 list-none flex-col gap-1 p-0",
-			children: e.map((e) => /* @__PURE__ */ K(st, {
+			children: e.map((e) => /* @__PURE__ */ Y($e, {
 				item: e,
-				labels: u,
-				rowTitleClassName: h,
+				labels: d,
+				rowTitleClassName: g,
 				onOpen: c,
-				onRename: ee,
-				onDelete: l
+				onRename: l,
+				onDelete: u
 			}, e.id))
-		}), i && s && /* @__PURE__ */ K(O, {
+		}), i && s && /* @__PURE__ */ Y(k, {
 			className: "self-center",
-			label: u.loadMoreLabel ?? "Show more",
+			label: d.loadMoreLabel ?? "Show more",
 			disabled: a,
 			onClick: s
 		})] })]
 	});
-}), lt = B(({ composer: t, items: n, isLoading: r = !1, hasError: i = !1, onRetry: a, hasMore: o, isLoadingMore: s, onLoadMore: c, onOpen: ee, onRename: l, onDelete: u, labels: d, listTypography: f }) => {
-	let p = H(), m = W(null), [h, _] = G(null), [y, b] = G(""), [x, S] = G(), [C, w] = G(!1), [T, E] = G(null), [D, O] = G(!1), k = W(null), A = V(() => {
-		k.current = document.activeElement;
-	}, []), M = V(() => {
-		let e = k.current;
-		k.current = null, e?.isConnected && window.setTimeout(() => e.focus(), 0);
-	}, []), te = V((e) => {
-		k.current = null, window.setTimeout(() => {
-			let t = m.current;
+}), tt = U(({ composer: t, items: n, isLoading: r = !1, hasError: i = !1, onRetry: a, hasMore: o, isLoadingMore: s, onLoadMore: c, onOpen: l, onRename: u, onDelete: d, labels: f, listTypography: p }) => {
+	let m = G(), h = q(null), [g, v] = J(null), [b, x] = J(""), [S, C] = J(), [w, T] = J(!1), [E, D] = J(null), [O, k] = J(!1), A = q(null), j = W(() => {
+		A.current = document.activeElement;
+	}, []), N = W(() => {
+		let e = A.current;
+		A.current = null, e?.isConnected && window.setTimeout(() => e.focus(), 0);
+	}, []), ee = W((e) => {
+		A.current = null, window.setTimeout(() => {
+			let t = h.current;
 			if (!t) return;
 			let n = t.querySelectorAll("li > button"), r = n[Math.min(e, n.length - 1)] ?? t.querySelector("h2, section");
 			r && !r.matches("button") && (r.tabIndex = -1), r?.focus();
 		}, 0);
-	}, []), N = V((e) => n.find((t) => t.id === e) ?? null, [n]), P = V((e) => {
-		A();
-		let t = N(e);
-		_(t), b(t?.title ?? ""), S(void 0);
-	}, [N, A]), F = V((e) => {
-		A(), E(N(e));
-	}, [N, A]), ne = V(() => {
-		C || (_(null), M());
-	}, [C, M]), I = V(() => {
-		D || (E(null), M());
-	}, [D, M]), L = V(async () => {
-		if (!h || !l || C) return;
-		let e = y.trim();
-		if (!e) S(d.renameEmptyError);
+	}, []), P = W((e) => n.find((t) => t.id === e) ?? null, [n]), F = W((e) => {
+		j();
+		let t = P(e);
+		v(t), x(t?.title ?? ""), C(void 0);
+	}, [P, j]), I = W((e) => {
+		j(), D(P(e));
+	}, [P, j]), L = W(() => {
+		w || (v(null), N());
+	}, [w, N]), re = W(() => {
+		O || (D(null), N());
+	}, [O, N]), R = W(async () => {
+		if (!g || !u || w) return;
+		let e = b.trim();
+		if (!e) C(f.renameEmptyError);
 		else {
-			w(!0);
+			T(!0);
 			try {
-				await l(h.id, e), _(null), M();
+				await u(g.id, e), v(null), N();
 			} catch {} finally {
-				w(!1);
+				T(!1);
 			}
 		}
 	}, [
-		C,
-		d.renameEmptyError,
-		l,
-		h,
-		y,
-		M
-	]), ae = V((e) => {
-		e.key !== "Enter" || e.nativeEvent.isComposing || (e.preventDefault(), L());
-	}, [L]), oe = V(async () => {
-		if (!T || !u) return;
-		let e = n.findIndex((e) => e.id === T.id);
-		O(!0);
+		w,
+		f.renameEmptyError,
+		u,
+		g,
+		b,
+		N
+	]), z = W((e) => {
+		e.key !== "Enter" || e.nativeEvent.isComposing || (e.preventDefault(), R());
+	}, [R]), ie = W(async () => {
+		if (!E || !d) return;
+		let e = n.findIndex((e) => e.id === E.id);
+		k(!0);
 		try {
-			await u(T.id), E(null), te(Math.max(e, 0));
+			await d(E.id), D(null), ee(Math.max(e, 0));
 		} catch {} finally {
-			O(!1);
+			k(!1);
 		}
 	}, [
-		T,
-		te,
+		E,
+		ee,
 		n,
-		u
-	]), se = U(() => [{
-		label: d.renameCancelLabel ?? "Cancel",
-		variant: v.Primary,
-		appearance: g.Ghost,
-		disabled: C,
-		onClick: ne
+		d
+	]), ae = K(() => [{
+		label: f.renameCancelLabel ?? "Cancel",
+		variant: y.Primary,
+		appearance: _.Ghost,
+		disabled: w,
+		onClick: L
 	}, {
-		label: d.renameSaveLabel,
-		variant: v.Primary,
-		disabled: C,
+		label: f.renameSaveLabel,
+		variant: y.Primary,
+		disabled: w,
 		onClick: () => {
-			L();
+			R();
 		}
 	}], [
-		ne,
 		L,
-		C,
-		d.renameCancelLabel,
-		d.renameSaveLabel
+		R,
+		w,
+		f.renameCancelLabel,
+		f.renameSaveLabel
 	]);
-	return /* @__PURE__ */ q(he, { children: [
+	return /* @__PURE__ */ X(le, { children: [
 		t,
-		/* @__PURE__ */ K("div", {
-			ref: m,
+		/* @__PURE__ */ Y("div", {
+			ref: h,
 			className: "contents",
-			children: /* @__PURE__ */ K(ct, {
+			children: /* @__PURE__ */ Y(et, {
 				items: n,
 				isLoading: r,
 				hasError: i,
@@ -1055,68 +968,68 @@ var Y = /* @__PURE__ */ function(e) {
 				hasMore: o,
 				isLoadingMore: s,
 				onLoadMore: c,
-				onOpen: ee,
-				onRename: l ? P : void 0,
-				onDelete: u ? F : void 0,
-				labels: d.list,
-				typography: f
+				onOpen: l,
+				onRename: u ? F : void 0,
+				onDelete: d ? I : void 0,
+				labels: f.list,
+				typography: p
 			})
 		}),
-		h && /* @__PURE__ */ K(re, {
+		g && /* @__PURE__ */ Y(te, {
 			open: !0,
-			header: d.renameTitle,
-			size: ie.Sm,
-			mainButtons: se,
-			onClose: ne,
-			children: /* @__PURE__ */ K("div", {
+			header: f.renameTitle,
+			size: ne.Sm,
+			mainButtons: ae,
+			onClose: L,
+			children: /* @__PURE__ */ Y("div", {
 				className: "px-6 py-4",
-				children: /* @__PURE__ */ K(j, {
-					id: p,
-					value: y,
-					labelProps: { label: d.renameInputLabel },
-					error: x,
-					disabled: C,
-					onKeyDown: ae,
+				children: /* @__PURE__ */ Y(M, {
+					id: m,
+					value: b,
+					labelProps: { label: f.renameInputLabel },
+					error: S,
+					disabled: w,
+					onKeyDown: z,
 					onChange: (e) => {
-						b(e ?? ""), S(void 0);
+						x(e ?? ""), C(void 0);
 					}
 				})
 			})
 		}),
-		T && /* @__PURE__ */ K(e, {
+		E && /* @__PURE__ */ Y(e, {
 			open: !0,
-			title: d.deleteTitle(T.title),
-			names: [T.title],
-			message: d.deleteDescription,
-			labels: d.deleteDialog,
-			isLoading: D,
+			title: f.deleteTitle(E.title),
+			names: [E.title],
+			message: f.deleteDescription,
+			labels: f.deleteDialog,
+			isLoading: O,
 			onConfirm: () => {
-				oe();
+				ie();
 			},
-			onClose: I
+			onClose: re
 		})
 	] });
-}), ut = B(({ projectName: e, projectHref: t, onBack: n, onProjectLinkClick: r, backLabel: i, className: a, nameClassName: o = "dial-body-text" }) => /* @__PURE__ */ q("nav", {
+}), nt = U(({ projectName: e, projectHref: t, onBack: n, onProjectLinkClick: r, backLabel: i, className: a, nameClassName: o = "dial-body-text" }) => /* @__PURE__ */ X("nav", {
 	"aria-label": i,
-	className: d("flex min-w-0 shrink-0 items-center gap-2 border-b px-4 py-2", a),
-	children: [/* @__PURE__ */ K(k, {
+	className: f("flex min-w-0 shrink-0 items-center gap-2 border-b px-4 py-2", a),
+	children: [/* @__PURE__ */ Y(A, {
 		"aria-label": i,
-		icon: /* @__PURE__ */ K(ce, {
+		icon: /* @__PURE__ */ Y(z, {
 			"aria-hidden": !0,
-			size: b.MD,
-			stroke: x,
+			size: x.MD,
+			stroke: S,
 			className: "rtl:scale-x-[-1]"
 		}),
 		onClick: n
-	}), /* @__PURE__ */ K("a", {
+	}), /* @__PURE__ */ Y("a", {
 		href: t,
 		onClick: r,
 		className: "min-w-0 hover:underline focus-visible:underline",
-		children: /* @__PURE__ */ K(w, {
+		children: /* @__PURE__ */ Y(T, {
 			text: e,
-			className: d("min-w-0", o)
+			className: f("min-w-0", o)
 		})
 	})]
 }));
 //#endregion
-export { Q as ContextFileRejection, Pe as PROJECT_NAME_MAX_BYTES, ut as ProjectChatHeader, ct as ProjectConversationList, lt as ProjectConversationsPanel, rt as ProjectCreateForm, Ne as ProjectNameError, Ae as ProjectSource, at as ProjectView, ke as Projects, Y as ProjectsSortKey, Je as checkContextFiles, Xe as filterContextFileItems, Ue as getContextFilesSize, Ve as isStoredContextFile, ze as validateProjectName };
+export { ke as ContextFileRejection, je as PROJECT_NAME_MAX_BYTES, nt as ProjectChatHeader, et as ProjectConversationList, tt as ProjectConversationsPanel, Ye as ProjectCreateForm, Ae as ProjectNameError, Ee as ProjectSource, Ze as ProjectView, Te as Projects, Z as ProjectsSortKey, Ge as checkContextFiles, Ke as filterContextFileItems, Be as getContextFilesSize, Re as isStoredContextFile, Ie as validateProjectName };