@epam/ai-dial-projects 1.3.0-dev.252 → 1.3.0-dev.256

package/index.js

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