@epam/ai-dial-projects 1.3.0-dev.235 → 1.3.0-dev.244

package/index.js

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