@fluid-app/portal-sdk 0.1.287 → 0.1.288

package/dist/{ShareablesScreen-DYOIQwK-.mjs → ShareablesScreen-BrsJQqia.mjs}

@@ -1,6 +1,7 @@
 import { A as playlists_list, C as pages_show, D as playlists_items_list, E as playlists_items_add, M as playlists_update, N as shares_create, O as playlists_items_remove, P as shares_list, S as pages_list, T as playlists_destroy, _ as media_products_add, a as content_playlists_by_shares, b as media_show, c as dam_asset_paths_list, d as dam_assets_discard, f as dam_assets_list, g as media_list, h as media_destroy, i as content_pages_by_visits, j as playlists_show, k as playlists_items_reorder, l as dam_assets_create, m as media_create, n as content_media_by_visits, o as content_playlists_by_visits, p as dam_query, r as content_pages_by_shares, s as dam_asset_paths_create, t as content_media_by_shares, u as dam_assets_destroy, v as media_products_list, w as playlists_create, x as media_update, y as media_products_remove } from "./portal_tenant_content-DPLnrtOG.mjs";
 import { l as enrollment_packs_list, u as enrollment_packs_show } from "./portal_tenant-l4a-eX2B.mjs";
 import { n as usePortalTenantClient } from "./PortalTenantClientProvider-BF-1Fy27.mjs";
+import { i as createTranslationContext, n as createDomainTranslations, o as useActiveLocale, r as useDomainDict, t as createStaticDictAdapter } from "./static-dict-adapter-OprHuHgs.mjs";
 import { $ as DialogDescription, B as DropdownMenuContent, C as SelectContent, Cn as cn, Ct as Checkbox, E as SelectValue, F as FormItem, G as DropdownMenuSeparator, I as FormLabel, J as DropdownMenuSubTrigger, K as DropdownMenuSub, L as FormMessage, M as Form, N as FormControl, P as FormField, Q as DialogContent, R as Label, S as Select, Sn as useZodForm, T as SelectTrigger, V as DropdownMenuItem, X as Dialog, Y as DropdownMenuTrigger, _n as AlertDialogTitle, a as Textarea, an as BreadcrumbLink, at as Popover, c as TabsTrigger, cn as BreadcrumbSeparator, d as Spinner, dn as AlertDialogAction, f as fluidToast, fn as AlertDialogCancel, gn as AlertDialogHeader, gt as Card, h as Skeleton, hn as AlertDialogFooter, i as TooltipTrigger, in as BreadcrumbItem, it as DialogTitle, k as Input, l as Switch, ln as Badge, m as Slider, mn as AlertDialogDescription, n as TooltipContent, nt as DialogOverlay, o as Tabs, on as BreadcrumbList, ot as PopoverContent, pn as AlertDialogContent, q as DropdownMenuSubContent, r as TooltipProvider, rn as Breadcrumb, rt as DialogPortal, s as TabsList, sn as BreadcrumbPage, st as PopoverTrigger, t as Tooltip, tt as DialogHeader, un as AlertDialog, vn as Button, vt as CardContent, w as SelectItem, x as Separator, yn as Content, z as DropdownMenu } from "./src-Dk1FJOX0.mjs";
 import { n as ScreenHeaderBreadcrumbs, t as ScreenHeaderActions } from "./ScreenHeaderContext-Dn12BZyj.mjs";
 import { t as useStore } from "./use-store-BnHhQDYo.mjs";
@@ -486,11 +487,18 @@ async function getProduct(client, id, options) {
 	});
 }
 //#endregion
+//#region ../../shareables/core/src/translation-api-context.ts
+const { Provider: ShareablesProvider, useTranslation } = createTranslationContext("Shareables");
+const ShareablesTranslationProvider = ShareablesProvider;
+const useShareablesTranslation = useTranslation;
+//#endregion
 //#region ../../shareables/ui/src/components/MediaShare/ShareItemCard.tsx
 const DEFAULT_IMAGE$6 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
-function ShareItemCard({ title, imageUrl, href, badge, isVideo = false, subtitle = "Click to find shareable assets" }) {
+function ShareItemCard({ title, imageUrl, href, badge, isVideo = false, subtitle }) {
 	const { navigate } = useShareablesUI();
 	const renderImage = useRenderImage();
+	const { t } = useShareablesTranslation();
+	const resolvedSubtitle = subtitle ?? t("share_click_to_find_assets");
 	function handleClick() {
 		navigate(href);
 	}
@@ -532,10 +540,10 @@ function ShareItemCard({ title, imageUrl, href, badge, isVideo = false, subtitle
 			className: "px-2 pt-2 pb-4",
 			children: [/* @__PURE__ */ jsx("h3", {
 				className: "text-foreground line-clamp-2 text-sm leading-tight font-bold",
-				children: title || "Untitled"
+				children: title || t("common_untitled")
 			}), /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground mt-1 text-xs",
-				children: subtitle
+				children: resolvedSubtitle
 			})]
 		})]
 	});
@@ -550,13 +558,14 @@ function getProductImageUrl(product) {
 	return product.image_url ?? null;
 }
 function ShareProductCard({ product, mediaCount }) {
+	const { t } = useShareablesTranslation();
 	const imageUrl = getProductImageUrl(product);
 	const isVideo = product.kind === "video" && !!product.video_url;
 	return /* @__PURE__ */ jsx(ShareItemCard, {
 		title: product.title,
 		imageUrl,
 		href: `product/${product.id}`,
-		badge: !isVideo && mediaCount != null ? { text: `${mediaCount} assets` } : void 0,
+		badge: !isVideo && mediaCount != null ? { text: t("products_asset_count", { count: String(mediaCount) }) } : void 0,
 		isVideo
 	});
 }
@@ -580,7 +589,9 @@ const SHAREABLE_GRID_CLASS = "grid grid-cols-1 gap-8 sm:grid-cols-2 md:grid-cols
 * `filters` and `children`. This component does NOT own data fetching or
 * any state — callers pass in the derived flags.
 */
-function ShareableListLayout({ filters, children, isLoading, error, errorMessage = "Failed to load. Please try again.", isEmpty, emptyMessage, footer, loadingFilterShape = "search", sentinelRef }) {
+function ShareableListLayout({ filters, children, isLoading, error, errorMessage, isEmpty, emptyMessage, footer, loadingFilterShape = "search", sentinelRef }) {
+	const { t } = useShareablesTranslation();
+	const resolvedErrorMessage = errorMessage ?? t("common_load_error_default");
 	if (isLoading) return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6 px-4 py-4 md:px-10 md:py-6",
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -606,7 +617,7 @@ function ShareableListLayout({ filters, children, isLoading, error, errorMessage
 		className: "flex flex-col items-center justify-center py-16",
 		children: /* @__PURE__ */ jsx("p", {
 			className: "text-destructive text-sm",
-			children: errorMessage
+			children: resolvedErrorMessage
 		})
 	});
 	return /* @__PURE__ */ jsxs("div", {
@@ -642,6 +653,7 @@ const SHAREABLE_LIST_CLASS = "divide-border divide-y rounded-lg border";
 * button. Hover styling applies to the entire row container.
 */
 function ShareableListRow({ imageUrl, imageAlt, title, subtitle, onClick, leading, trailing }) {
+	const { t } = useShareablesTranslation();
 	return /* @__PURE__ */ jsxs("div", {
 		className: "hover:bg-muted flex items-center gap-3 px-4 py-3 transition-colors",
 		children: [
@@ -661,7 +673,7 @@ function ShareableListRow({ imageUrl, imageAlt, title, subtitle, onClick, leadin
 					className: "min-w-0 flex-1",
 					children: [/* @__PURE__ */ jsx("p", {
 						className: "text-foreground truncate text-sm font-medium",
-						children: title || "Untitled"
+						children: title || t("common_untitled")
 					}), subtitle != null && subtitle !== false && /* @__PURE__ */ jsx("p", {
 						className: "text-muted-foreground flex items-center gap-1.5 text-xs",
 						children: subtitle
@@ -679,16 +691,17 @@ function ShareableListRow({ imageUrl, imageAlt, title, subtitle, onClick, leadin
 * listing screen. Stateless — callers own the `viewMode` state.
 */
 function ViewModeToggle({ value, onChange }) {
+	const { t } = useShareablesTranslation();
 	return /* @__PURE__ */ jsxs("div", {
 		className: "border-input bg-muted flex items-center rounded-lg border p-0.5",
 		children: [/* @__PURE__ */ jsx(ToggleButton, {
 			active: value === "list",
-			label: "List view",
+			label: t("common_list_view"),
 			onClick: () => onChange("list"),
 			children: /* @__PURE__ */ jsx(List, { className: "h-4 w-4" })
 		}), /* @__PURE__ */ jsx(ToggleButton, {
 			active: value === "grid",
-			label: "Grid view",
+			label: t("common_grid_view"),
 			onClick: () => onChange("grid"),
 			children: /* @__PURE__ */ jsx(LayoutGrid, { className: "h-4 w-4" })
 		})]
@@ -739,35 +752,36 @@ function useInfiniteListSentinel({ hasNextPage, isFetchingNextPage, fetchNextPag
 //#endregion
 //#region ../../shareables/ui/src/components/screens/ProductsScreen.tsx
 const PAGE_SIZE$6 = 24;
-const SORT_OPTIONS$1 = [
-	{
-		label: "Newest",
-		value: "created_at_desc"
-	},
-	{
-		label: "Oldest",
-		value: "created_at_asc"
-	},
-	{
-		label: "Title A–Z",
-		value: "title_asc"
-	},
-	{
-		label: "Title Z–A",
-		value: "title_desc"
-	},
-	{
-		label: "Price: Low to High",
-		value: "price_asc"
-	},
-	{
-		label: "Price: High to Low",
-		value: "price_desc"
-	}
-];
 function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNavigate }) {
 	const client = useShareablesClient();
 	const { navigate } = useShareablesUI();
+	const { t } = useShareablesTranslation();
+	const SORT_OPTIONS = useMemo(() => [
+		{
+			label: t("sort_newest"),
+			value: "created_at_desc"
+		},
+		{
+			label: t("sort_oldest"),
+			value: "created_at_asc"
+		},
+		{
+			label: t("sort_title_asc"),
+			value: "title_asc"
+		},
+		{
+			label: t("sort_title_desc"),
+			value: "title_desc"
+		},
+		{
+			label: t("sort_price_asc"),
+			value: "price_asc"
+		},
+		{
+			label: t("sort_price_desc"),
+			value: "price_desc"
+		}
+	], [t]);
 	const [searchTerm, setSearchTerm] = useState("");
 	const [debouncedSearch, setDebouncedSearch] = useState("");
 	const [sortValue, setSortValue] = useState("created_at_desc");
@@ -846,18 +860,18 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 		children: /* @__PURE__ */ jsx("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
 	}), error && /* @__PURE__ */ jsx("p", {
 		className: "bg-destructive/10 text-destructive rounded-lg px-3 py-2",
-		children: "Failed to load products. Please try again."
+		children: t("products_load_error")
 	})] });
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
 		className: "text-lg",
 		children: /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 			className: "font-semibold",
-			children: "Products"
+			children: t("products_breadcrumb")
 		}) })
 	}) }) }), /* @__PURE__ */ jsx(ShareableListLayout, {
 		isLoading,
 		isEmpty: !error && products.length === 0 && !isFetchingNextPage && !hasNextPage,
-		emptyMessage: debouncedSearch ? "No products match your search." : "No products available.",
+		emptyMessage: debouncedSearch ? t("products_search_no_results") : t("products_empty_default"),
 		filters: /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center justify-end gap-2",
 			children: [/* @__PURE__ */ jsx("div", {
@@ -865,8 +879,8 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 				children: /* @__PURE__ */ jsx(SearchSort, {
 					searchValue: searchTerm,
 					onSearchChange: setSearchTerm,
-					placeholder: "Search products...",
-					sortOptions: SORT_OPTIONS$1,
+					placeholder: t("products_search_placeholder"),
+					sortOptions: SORT_OPTIONS,
 					sortValue,
 					onSortChange: setSortValue
 				})
@@ -893,7 +907,7 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 			children: products.map((product) => /* @__PURE__ */ jsx(ShareableListRow, {
 				imageUrl: product.image_url,
 				title: product.title,
-				subtitle: product.media_count != null ? `${product.media_count} assets` : void 0,
+				subtitle: product.media_count != null ? t("products_asset_count", { count: String(product.media_count) }) : void 0,
 				onClick: () => navigate(`product/${product.id}`)
 			}, product.id))
 		})
@@ -954,7 +968,9 @@ function SharePageImageDisplay({ displayImage, displayTitle, displayVideo, isVid
 }
 //#endregion
 //#region ../../shareables/ui/src/components/QrCodeDisplay.tsx
-function QrCodeDisplay({ url, alt = "QR Code", size = "md", className = "" }) {
+function QrCodeDisplay({ url, alt, size = "md", className = "" }) {
+	const { t } = useShareablesTranslation();
+	const resolvedAlt = alt ?? t("share_qr_code_default_alt");
 	const qrCodeUrl = useMemo(() => url ? `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(url)}` : "", [url]);
 	return /* @__PURE__ */ jsx("div", {
 		className: `flex ${{
@@ -964,13 +980,13 @@ function QrCodeDisplay({ url, alt = "QR Code", size = "md", className = "" }) {
 		}[size]} items-center justify-center overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm ${className}`,
 		children: qrCodeUrl ? /* @__PURE__ */ jsx("img", {
 			src: qrCodeUrl,
-			alt,
+			alt: resolvedAlt,
 			className: "h-full w-full object-cover",
 			loading: "lazy",
 			onError: (e) => {
 				e.currentTarget.style.display = "none";
 				const parent = e.currentTarget.parentElement;
-				if (parent) parent.title = "QR code failed to load";
+				if (parent) parent.title = t("share_qr_code_load_error");
 			}
 		}) : /* @__PURE__ */ jsx("div", {
 			className: "flex items-center justify-center text-gray-400",
@@ -1029,16 +1045,17 @@ function XTwitterIcon(props) {
 //#region ../../shareables/ui/src/components/SharePage/ShareLinkSection.tsx
 function ShareLinkSection({ shareLink, loading, displayTitle, isVideo, relateableId, relateableType }) {
 	const { showToast, onMySiteShare } = useShareablesUI();
+	const { t } = useShareablesTranslation();
 	const handleCopyLink = async () => {
 		if (shareLink) try {
 			await navigator.clipboard.writeText(shareLink);
 			showToast({
-				title: "Share link copied to clipboard!",
+				title: t("share_link_copied"),
 				type: "success"
 			});
 		} catch (error) {
 			showToast({
-				title: "Failed to copy link to clipboard",
+				title: t("share_link_copy_error"),
 				type: "error",
 				error
 			});
@@ -1047,7 +1064,7 @@ function ShareLinkSection({ shareLink, loading, displayTitle, isVideo, relateabl
 	const handlePlatformShare = async (platform) => {
 		if (!shareLink) {
 			showToast({
-				title: "Share link not available yet. Please wait...",
+				title: t("share_link_not_available"),
 				type: "error"
 			});
 			return;
@@ -1055,7 +1072,10 @@ function ShareLinkSection({ shareLink, loading, displayTitle, isVideo, relateabl
 		await handleSocialShare(platform.toLowerCase(), {
 			url: shareLink,
 			title: displayTitle,
-			description: `Check out this ${isVideo ? "video" : "image"}: ${displayTitle}`
+			description: t("share_social_description", {
+				type: isVideo ? "video" : "image",
+				title: displayTitle
+			})
 		}, (message) => showToast({
 			title: message,
 			type: "success"
@@ -1067,7 +1087,7 @@ function ShareLinkSection({ shareLink, loading, displayTitle, isVideo, relateabl
 	const handleMySiteShareClick = async () => {
 		if (!shareLink) {
 			showToast({
-				title: "Share link not available yet. Please wait...",
+				title: t("share_link_not_available"),
 				type: "error"
 			});
 			return;
@@ -1079,12 +1099,12 @@ function ShareLinkSection({ shareLink, loading, displayTitle, isVideo, relateabl
 				relateable_type: relateableType
 			});
 			showToast({
-				title: "Shared to MySite",
+				title: t("share_mysite_success"),
 				type: "success"
 			});
 		} catch (error) {
 			showToast({
-				title: "Failed to share to MySite",
+				title: t("share_mysite_error"),
 				type: "error",
 				error
 			});
@@ -1114,7 +1134,7 @@ function ShareLinkSection({ shareLink, loading, displayTitle, isVideo, relateabl
 			className: "flex items-center gap-3",
 			children: [/* @__PURE__ */ jsx("h3", {
 				className: "text-foreground shrink-0 text-sm font-semibold",
-				children: "Share Your Unique Link"
+				children: t("share_unique_link_heading")
 			}), /* @__PURE__ */ jsx("div", { className: "bg-foreground h-px flex-1" })]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex items-start gap-4",
@@ -1122,7 +1142,7 @@ function ShareLinkSection({ shareLink, loading, displayTitle, isVideo, relateabl
 				className: "bg-muted shrink-0 rounded-md p-2",
 				children: /* @__PURE__ */ jsx(QrCodeDisplay, {
 					url: shareLink,
-					alt: "QR Code for share link",
+					alt: t("share_qr_code_alt"),
 					size: "sm",
 					className: "h-[75px] w-[75px] rounded-none! border-none"
 				})
@@ -1135,14 +1155,14 @@ function ShareLinkSection({ shareLink, loading, displayTitle, isVideo, relateabl
 						variant: "secondary",
 						size: "sm",
 						className: "border-foreground bg-background text-foreground hover:bg-muted h-8 rounded-md border px-3 text-xs font-semibold transition-colors",
-						children: "MySite"
+						children: t("share_mysite_button")
 					}), isMobileDevice() ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
 						asChild: true,
 						children: /* @__PURE__ */ jsxs(Button, {
 							variant: "secondary",
 							size: "sm",
 							className: "border-foreground bg-background text-foreground hover:bg-muted h-8 rounded-md border px-3 text-xs font-semibold transition-colors",
-							children: [/* @__PURE__ */ jsx(Menu, { className: "mr-1 h-3 w-3" }), "Share"]
+							children: [/* @__PURE__ */ jsx(Menu, { className: "mr-1 h-3 w-3" }), t("share_button")]
 						})
 					}), /* @__PURE__ */ jsx(DropdownMenuContent, {
 						className: "w-48",
@@ -1163,7 +1183,7 @@ function ShareLinkSection({ shareLink, loading, displayTitle, isVideo, relateabl
 					style: { background: "linear-gradient(81.27deg, #E5F7FF 0.95%, #FFDBF5 34.5%, #FFE0CF 60.44%, #EDFFFB 75.06%, #FFDBF5 99.76%)" },
 					children: [/* @__PURE__ */ jsx("span", {
 						className: "flex-1 truncate text-sm text-[#344054]",
-						children: shareLink || (loading ? "Generating link..." : "Loading...")
+						children: shareLink || (loading ? t("share_generating_link") : t("common_loading"))
 					}), /* @__PURE__ */ jsx(Button, {
 						onClick: handleCopyLink,
 						variant: "ghost",
@@ -1194,6 +1214,7 @@ async function downloadFile(url, filename) {
 //#region ../../shareables/ui/src/components/SharePage/AssetActions.tsx
 function AssetActions({ downloadUrl, displayTitle, shareLink, shareLinkLoading, isVideo, relateableId, relateableType }) {
 	const { onFileDownload } = useShareablesUI();
+	const { t } = useShareablesTranslation();
 	const [isDownloading, setIsDownloading] = useState(false);
 	const handleDownload = useCallback(async () => {
 		if (!downloadUrl || isDownloading) return;
@@ -1221,7 +1242,7 @@ function AssetActions({ downloadUrl, displayTitle, shareLink, shareLinkLoading,
 		className: "bg-foreground text-background hover:bg-foreground/70 flex h-10 w-full items-center justify-between rounded-lg px-4 transition-all",
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "text-sm font-medium",
-			children: "Download Asset"
+			children: t("share_download_asset")
 		}), /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })]
 	}), /* @__PURE__ */ jsx(ShareLinkSection, {
 		shareLink,
@@ -1235,25 +1256,21 @@ function AssetActions({ downloadUrl, displayTitle, shareLink, shareLinkLoading,
 //#endregion
 //#region ../../shareables/ui/src/components/ShareablesModal/MarketingAssetsGrid.tsx
 const PLACEHOLDER_IMAGE = "https://assets.fluid.app/fluid-admin/images/placeholder.png";
-const FILTER_TABS = [
-	"All",
-	"Images",
-	"Videos"
-];
 const FilterTabs = React.memo(function FilterTabs({ tabs, activeTab, onTabChange }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "mb-3 flex gap-2",
 		children: tabs.map((tab) => /* @__PURE__ */ jsx(Button, {
-			onClick: () => onTabChange(tab),
+			onClick: () => onTabChange(tab.id),
 			variant: "secondary",
 			size: "sm",
-			className: `inline-flex items-center gap-x-1.5 rounded-sm border-none px-2 py-1 text-xs font-medium capitalize shadow-none! transition-colors ${activeTab === tab ? "bg-primary text-primary-foreground ring-primary hover:bg-primary hover:text-primary-foreground hover:ring-primary" : "bg-muted text-foreground hover:bg-primary hover:text-primary-foreground hover:ring-primary"}`,
-			children: tab
-		}, tab))
+			className: `inline-flex items-center gap-x-1.5 rounded-sm border-none px-2 py-1 text-xs font-medium capitalize shadow-none! transition-colors ${activeTab === tab.id ? "bg-primary text-primary-foreground ring-primary hover:bg-primary hover:text-primary-foreground hover:ring-primary" : "bg-muted text-foreground hover:bg-primary hover:text-primary-foreground hover:ring-primary"}`,
+			children: tab.label
+		}, tab.id))
 	});
 });
 const MediaCard = React.memo(function MediaCard({ mediaItem, onClick }) {
 	const renderImage = useRenderImage();
+	const { t } = useShareablesTranslation();
 	const isVideo = mediaItem.kind === "video";
 	const isImage = mediaItem.kind === "image";
 	const MediaIcon = isVideo ? Play : isImage ? FileImage : Image;
@@ -1264,7 +1281,7 @@ const MediaCard = React.memo(function MediaCard({ mediaItem, onClick }) {
 			className: "bg-background relative aspect-[3/4] w-full overflow-hidden rounded-lg",
 			children: [renderImage({
 				src: mediaItem.image_url || PLACEHOLDER_IMAGE,
-				alt: mediaItem.title || "Media",
+				alt: mediaItem.title || t("media_type_default"),
 				fill: true,
 				className: "object-cover"
 			}), /* @__PURE__ */ jsx("div", {
@@ -1276,25 +1293,28 @@ const MediaCard = React.memo(function MediaCard({ mediaItem, onClick }) {
 			})]
 		}), /* @__PURE__ */ jsx("h3", {
 			className: "text-foreground line-clamp-2 px-1 text-[15px] leading-[1.4] font-semibold",
-			children: mediaItem.title || "Untitled"
+			children: mediaItem.title || t("common_untitled")
 		})]
 	});
 });
-const LoadingState = React.memo(function LoadingState({ message = "Loading media..." }) {
+const LoadingState = React.memo(function LoadingState({ message }) {
+	const { t } = useShareablesTranslation();
+	const resolvedMessage = message ?? t("share_loading_media");
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col items-center justify-center gap-3 py-12",
 		children: [/* @__PURE__ */ jsx(Spinner, { className: "size-8" }), /* @__PURE__ */ jsx("div", {
 			className: "text-muted-foreground text-sm",
-			children: message
+			children: resolvedMessage
 		})]
 	});
 });
-const ErrorState = React.memo(function ErrorState({ message = "Failed to load media" }) {
+const ErrorState = React.memo(function ErrorState({ message }) {
+	const { t } = useShareablesTranslation();
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex items-center justify-center",
 		children: /* @__PURE__ */ jsx("div", {
 			className: "text-sm text-red-500",
-			children: message
+			children: message ?? t("share_media_load_error")
 		})
 	});
 });
@@ -1317,29 +1337,30 @@ const EmptyState = React.memo(function EmptyState({ message, icon, description }
 	});
 });
 const AnalyticsPlaceholder = React.memo(function AnalyticsPlaceholder() {
+	const { t } = useShareablesTranslation();
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex flex-1 items-center justify-center",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "text-center",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "mb-1 text-sm text-gray-500",
-				children: "Analytics Coming Soon"
+				children: t("share_analytics_coming_soon")
 			}), /* @__PURE__ */ jsx("div", {
 				className: "text-xs text-gray-400",
-				children: "View engagement metrics and performance data"
+				children: t("share_analytics_description")
 			})]
 		})
 	});
 });
-const RELATEABLE_TYPE_LABELS = {
-	Product: "product",
-	Medium: "media",
-	EnrollmentPack: "enrollment pack",
-	MySite: "site",
-	Library: "library"
-};
 const NoAssetsState = React.memo(function NoAssetsState({ relateable_type }) {
-	const label = RELATEABLE_TYPE_LABELS[relateable_type] ?? "item";
+	const { t } = useShareablesTranslation();
+	const label = useMemo(() => ({
+		Product: t("share_type_product"),
+		Medium: t("share_type_media"),
+		EnrollmentPack: t("share_type_enrollment_pack"),
+		MySite: t("share_type_site"),
+		Library: t("share_type_library")
+	}), [t])[relateable_type] ?? "item";
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex flex-1 items-center justify-center px-6",
 		children: /* @__PURE__ */ jsxs("div", {
@@ -1351,21 +1372,32 @@ const NoAssetsState = React.memo(function NoAssetsState({ relateable_type }) {
 				}),
 				/* @__PURE__ */ jsx("div", {
 					className: "mb-1 text-sm text-gray-500",
-					children: "No Marketing Assets"
+					children: t("share_no_marketing_assets")
 				}),
-				/* @__PURE__ */ jsxs("div", {
+				/* @__PURE__ */ jsx("div", {
 					className: "text-xs text-gray-400",
-					children: [
-						"This ",
-						label,
-						" does not have any associated media"
-					]
+					children: t("share_no_associated_media", { label })
 				})
 			]
 		})
 	});
 });
 function MarketingAssetsGrid({ isLoading, error, activeTab, onTabChange, mediaItems, onMediaItemClick, showEmptyState = false, activeMainTab = "Related Sharables", relateable_type }) {
+	const { t } = useShareablesTranslation();
+	const FILTER_TABS = useMemo(() => [
+		{
+			id: "all",
+			label: t("common_all")
+		},
+		{
+			id: "images",
+			label: t("media_filter_images")
+		},
+		{
+			id: "videos",
+			label: t("media_filter_videos")
+		}
+	], [t]);
 	const handleMediaItemClick = useCallback((mediaItem) => {
 		onMediaItemClick(mediaItem);
 	}, [onMediaItemClick]);
@@ -1374,13 +1406,9 @@ function MarketingAssetsGrid({ isLoading, error, activeTab, onTabChange, mediaIt
 		if (activeMainTab === "Analytics" && relateable_type === "Medium") return /* @__PURE__ */ jsx(AnalyticsPlaceholder, {});
 		if (activeMainTab === "Related Sharables") return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 			className: "mb-4 px-4 pt-4",
-			children: /* @__PURE__ */ jsxs("h2", {
+			children: /* @__PURE__ */ jsx("h2", {
 				className: "text-foreground text-[15px] leading-[1.4] font-semibold",
-				children: [
-					"Related Sharables (",
-					mediaItems.length,
-					")"
-				]
+				children: t("share_related_sharables_count", { count: String(mediaItems.length) })
 			})
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "px-4 pb-4",
@@ -1399,7 +1427,7 @@ function MarketingAssetsGrid({ isLoading, error, activeTab, onTabChange, mediaIt
 						onClick: handleMediaItemClick
 					}, mediaItem.id))
 				}),
-				!isLoading && !error && mediaItems.length === 0 && /* @__PURE__ */ jsx(EmptyState, { message: `No ${activeTab.toLowerCase()} found` })
+				!isLoading && !error && mediaItems.length === 0 && /* @__PURE__ */ jsx(EmptyState, { message: t("share_no_tab_items_found", { tab: (FILTER_TABS.find((tab) => tab.id === activeTab)?.label ?? activeTab).toLowerCase() }) })
 			]
 		})] });
 		return null;
@@ -1426,7 +1454,9 @@ var MarketingAssetsGrid_default = React.memo(MarketingAssetsGrid);
 * NOT touch the shell header. Dialogs (delete confirmation, etc.) belong to
 * the caller and should be rendered as siblings to this component.
 */
-function ShareableDetailLayout({ isLoading, notFound, notFoundMessage = "Not found or failed to load.", title, description, image, actions, meta, children, containerHeightClass = "md:h-[calc(100vh-140px)]" }) {
+function ShareableDetailLayout({ isLoading, notFound, notFoundMessage, title, description, image, actions, meta, children, containerHeightClass = "md:h-[calc(100vh-140px)]" }) {
+	const { t } = useShareablesTranslation();
+	const resolvedNotFoundMessage = notFoundMessage ?? t("common_not_found_default");
 	if (isLoading) return /* @__PURE__ */ jsx("div", {
 		className: "flex items-center justify-center py-16",
 		children: /* @__PURE__ */ jsx(Spinner, { className: "size-8" })
@@ -1435,7 +1465,7 @@ function ShareableDetailLayout({ isLoading, notFound, notFoundMessage = "Not fou
 		className: "flex flex-col items-center justify-center py-16",
 		children: /* @__PURE__ */ jsx("p", {
 			className: "text-destructive text-sm",
-			children: notFoundMessage
+			children: resolvedNotFoundMessage
 		})
 	});
 	return /* @__PURE__ */ jsx("div", {
@@ -1469,6 +1499,7 @@ function ShareableDetailLayout({ isLoading, notFound, notFoundMessage = "Not fou
 * (e.g. mediaItem.description.body) — tags are stripped internally.
 */
 function ShareableDescription({ html, threshold = 150 }) {
+	const { t } = useShareablesTranslation();
 	const [isExpanded, setIsExpanded] = useState(false);
 	const stripped = stripTags(html ?? "");
 	if (!stripped) return null;
@@ -1483,7 +1514,7 @@ function ShareableDescription({ html, threshold = 150 }) {
 			variant: "ghost",
 			size: "sm",
 			className: "text-foreground hover:text-foreground/80 mt-1 h-auto p-0 text-xs font-normal underline",
-			children: isExpanded ? "Read less" : "Read more"
+			children: isExpanded ? t("common_read_less") : t("common_read_more")
 		})]
 	});
 }
@@ -1493,7 +1524,8 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 	const api = useShareablesApi();
 	const client = useShareablesClient();
 	const { navigate } = useShareablesUI();
-	const [activeTab, setActiveTab] = useState("All");
+	const { t } = useShareablesTranslation();
+	const [activeTab, setActiveTab] = useState("all");
 	const { data: portalProductResponse, isLoading: isLoadingPortalProduct } = useQuery({
 		queryKey: [
 			"portal-products",
@@ -1543,9 +1575,9 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 		}
 	})();
 	const filteredMediaItems = (productMediaResponse?.media ?? []).filter((item) => {
-		if (activeTab === "All") return true;
-		if (activeTab === "Images") return item.kind === "image";
-		if (activeTab === "Videos") return item.kind === "video";
+		if (activeTab === "all") return true;
+		if (activeTab === "images") return item.kind === "image";
+		if (activeTab === "videos") return item.kind === "video";
 		return true;
 	}).map((item) => ({
 		id: item.id,
@@ -1568,18 +1600,18 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 					e.preventDefault();
 					(onBack ?? (() => navigate("products")))();
 				},
-				children: "Products"
+				children: t("products_breadcrumb")
 			}) }),
 			/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
 			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 				className: "font-semibold",
-				children: displayTitle || "Product"
+				children: displayTitle || t("products_breadcrumb_fallback")
 			}) })
 		]
 	}) }) }), /* @__PURE__ */ jsxs(ShareableDetailLayout, {
 		isLoading: isLoadingProduct,
 		notFound: !product,
-		notFoundMessage: "Product not found or failed to load.",
+		notFoundMessage: t("products_not_found"),
 		title: displayTitle,
 		description: displayDescription,
 		image: /* @__PURE__ */ jsx("div", {
@@ -1593,11 +1625,11 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "mb-1 text-sm text-gray-500",
-						children: "No Product Image"
+						children: t("products_no_image")
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "text-xs text-gray-400",
-						children: "This product does not have any associated media"
+						children: t("products_no_media")
 					})
 				]
 			}) : /* @__PURE__ */ jsx(SharePageImageDisplay, {
@@ -1612,7 +1644,7 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 			children: [
 				/* @__PURE__ */ jsx("span", {
 					className: "font-semibold",
-					children: "Price"
+					children: t("products_price_label")
 				}),
 				/* @__PURE__ */ jsx("span", { children: "|" }),
 				/* @__PURE__ */ jsx("span", {
@@ -1648,29 +1680,36 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 }
 //#endregion
 //#region ../../shareables/ui/src/components/OwnerFilterTabs.tsx
-function getFilteredEmptyMessage({ searchTerm, ownerFilter, hasOtherFilters = false, entityName = "items", defaultMessage = "Nothing available at the moment." }) {
+function getFilteredEmptyMessage({ searchTerm, ownerFilter, hasOtherFilters = false, entityName = "items", defaultMessage = "Nothing available at the moment.", messages }) {
 	const isFiltered = ownerFilter !== "all" || hasOtherFilters;
+	if (messages) {
+		if (searchTerm && isFiltered) return messages.filterSearchNoResults;
+		if (searchTerm) return messages.searchNoResults;
+		if (isFiltered) return messages.filterNoResults;
+		return defaultMessage;
+	}
 	if (searchTerm && isFiltered) return `No ${entityName} match "${searchTerm}" with the current filters. Try a different search term or switch to "All".`;
 	if (searchTerm) return `No ${entityName} match "${searchTerm}". Try a different search term.`;
 	if (isFiltered) return `No matching ${entityName} for the current filters.`;
 	return defaultMessage;
 }
-function OwnerFilterTabs({ value, onValueChange, myLabel = "Mine" }) {
+function OwnerFilterTabs({ value, onValueChange, myLabel }) {
+	const { t } = useShareablesTranslation();
 	return /* @__PURE__ */ jsx(Tabs, {
 		value,
 		onValueChange: (v) => onValueChange(v),
 		children: /* @__PURE__ */ jsxs(TabsList, { children: [
 			/* @__PURE__ */ jsx(TabsTrigger, {
 				value: "all",
-				children: "All"
+				children: t("common_all")
 			}),
 			/* @__PURE__ */ jsx(TabsTrigger, {
 				value: "mine",
-				children: myLabel
+				children: myLabel ?? t("common_mine")
 			}),
 			/* @__PURE__ */ jsx(TabsTrigger, {
 				value: "company",
-				children: "Company"
+				children: t("common_company")
 			})
 		] })
 	});
@@ -1678,17 +1717,18 @@ function OwnerFilterTabs({ value, onValueChange, myLabel = "Mine" }) {
 //#endregion
 //#region ../../shareables/ui/src/components/screens/MediaListingScreen.tsx
 const PAGE_SIZE$5 = 24;
-function getMediaKindLabel(kind) {
+function getMediaKindLabel(kind, labels) {
 	switch (kind) {
-		case "video": return "Video";
-		case "pdf": return "PDF";
-		default: return "Image";
+		case "video": return labels.video;
+		case "pdf": return labels.pdf;
+		default: return labels.image;
 	}
 }
 /** Three-dot dropdown attached to each media row/card — currently just
 *  exposes "Delete", but kept as its own component so future actions
 *  (Duplicate, Archive, etc.) slot in cleanly. */
 function MediaRowActionsMenu({ onDelete }) {
+	const { t } = useShareablesTranslation();
 	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
 		asChild: true,
 		children: /* @__PURE__ */ jsx(Button, {
@@ -1698,7 +1738,7 @@ function MediaRowActionsMenu({ onDelete }) {
 			onClick: (e) => {
 				e.stopPropagation();
 			},
-			"aria-label": "Media actions",
+			"aria-label": t("media_actions_aria"),
 			children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" })
 		})
 	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
@@ -1707,11 +1747,12 @@ function MediaRowActionsMenu({ onDelete }) {
 		children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
 			onClick: onDelete,
 			className: "text-destructive focus:text-destructive",
-			children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Delete"]
+			children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
 		})
 	})] });
 }
 function MediaListingScreen(_props) {
+	const { t } = useShareablesTranslation();
 	const api = useShareablesApi();
 	const repContext = useRepContext();
 	const queryClient = useQueryClient();
@@ -1733,7 +1774,7 @@ function MediaListingScreen(_props) {
 		mutationFn: (id) => api.media.deleteMedia(id),
 		onSuccess: () => {
 			showToast({
-				title: "Media deleted",
+				title: t("media_delete_success"),
 				type: "success"
 			});
 			queryClient.invalidateQueries({ queryKey: shareablesKeys.media.all });
@@ -1741,7 +1782,7 @@ function MediaListingScreen(_props) {
 		},
 		onError: (error) => {
 			showToast({
-				title: `Failed to delete: ${error.message}`,
+				title: t("media_delete_error", { message: error.message }),
 				type: "error",
 				error
 			});
@@ -1785,7 +1826,7 @@ function MediaListingScreen(_props) {
 		children: [/* @__PURE__ */ jsx(OwnerFilterTabs, {
 			value: ownerFilter,
 			onValueChange: setOwnerFilter,
-			myLabel: "My Media"
+			myLabel: t("media_my_media_tab")
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "ml-auto flex items-center gap-2",
 			children: [
@@ -1794,18 +1835,18 @@ function MediaListingScreen(_props) {
 					children: /* @__PURE__ */ jsx(SearchSort, {
 						searchValue: searchTerm,
 						onSearchChange: setSearchTerm,
-						placeholder: "Search media...",
+						placeholder: t("media_search_placeholder"),
 						sortOptions: [
 							{
-								label: "Newest",
+								label: t("sort_newest"),
 								value: "newest"
 							},
 							{
-								label: "Name (A-Z)",
+								label: t("sort_name_asc"),
 								value: "title_asc"
 							},
 							{
-								label: "Name (Z-A)",
+								label: t("sort_name_desc"),
 								value: "title_desc"
 							}
 						],
@@ -1817,29 +1858,29 @@ function MediaListingScreen(_props) {
 					asChild: true,
 					children: /* @__PURE__ */ jsxs(Button, {
 						variant: "outline",
-						"aria-label": `Filter: ${kindFilter === "all" ? "All types" : kindFilter}`,
+						"aria-label": `Filter: ${kindFilter === "all" ? t("media_filter_all_types") : kindFilter}`,
 						children: [/* @__PURE__ */ jsx(Filter, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
 							className: "hidden sm:inline",
-							children: kindFilter === "all" ? "All types" : kindFilter === "image" ? "Images" : kindFilter === "video" ? "Videos" : "PDFs"
+							children: kindFilter === "all" ? t("media_filter_all_types") : kindFilter === "image" ? t("media_filter_images") : kindFilter === "video" ? t("media_filter_videos") : t("media_filter_pdfs")
 						})]
 					})
 				}), /* @__PURE__ */ jsx(DropdownMenuContent, {
 					align: "end",
 					children: [
 						{
-							label: "All types",
+							label: t("media_filter_all_types"),
 							value: "all"
 						},
 						{
-							label: "Images",
+							label: t("media_filter_images"),
 							value: "image"
 						},
 						{
-							label: "Videos",
+							label: t("media_filter_videos"),
 							value: "video"
 						},
 						{
-							label: "PDFs",
+							label: t("media_filter_pdfs"),
 							value: "pdf"
 						}
 					].map((opt) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
@@ -1862,19 +1903,19 @@ function MediaListingScreen(_props) {
 		children: /* @__PURE__ */ jsx("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
 	}), error && /* @__PURE__ */ jsxs("p", {
 		className: "bg-destructive/10 text-destructive rounded-lg px-3 py-2",
-		children: ["Error: ", error.message]
+		children: [t("common_error_prefix"), error.message]
 	})] });
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsx(ScreenHeaderActions, { children: readOnly ? null : /* @__PURE__ */ jsxs(Button, {
 			onClick: () => navigate("media/new"),
 			size: "sm",
-			children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }), "Add Media"]
+			children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }), t("media_add_button")]
 		}) }),
 		/* @__PURE__ */ jsx(ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
 			className: "text-lg",
 			children: /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 				className: "font-semibold",
-				children: "Media"
+				children: t("media_breadcrumb")
 			}) })
 		}) }) }),
 		/* @__PURE__ */ jsx(ShareableListLayout, {
@@ -1885,7 +1926,18 @@ function MediaListingScreen(_props) {
 				ownerFilter,
 				hasOtherFilters: kindFilter !== "all",
 				entityName: "media",
-				defaultMessage: "No media available."
+				defaultMessage: t("media_empty_default"),
+				messages: {
+					filterSearchNoResults: t("common_filter_search_no_results", {
+						entityName: "media",
+						searchTerm: debouncedSearch
+					}),
+					searchNoResults: t("common_search_no_results", {
+						entityName: "media",
+						searchTerm: debouncedSearch
+					}),
+					filterNoResults: t("common_filter_no_results", { entityName: "media" })
+				}
 			}),
 			filters: filterBar,
 			footer,
@@ -1901,14 +1953,22 @@ function MediaListingScreen(_props) {
 							title: item.title ?? "",
 							imageUrl: item.image_url,
 							href: `media/${item.id}`,
-							badge: { text: getMediaKindLabel(item.kind) },
+							badge: { text: getMediaKindLabel(item.kind, {
+								video: t("media_type_video"),
+								pdf: t("media_type_pdf"),
+								image: t("media_type_image")
+							}) },
 							isVideo: item.kind === "video",
 							subtitle: /* @__PURE__ */ jsxs("span", {
 								className: "flex items-center gap-1.5",
-								children: [getMediaKindLabel(item.kind), item.owner_type === "user" && /* @__PURE__ */ jsx(Badge, {
+								children: [getMediaKindLabel(item.kind, {
+									video: t("media_type_video"),
+									pdf: t("media_type_pdf"),
+									image: t("media_type_image")
+								}), item.owner_type === "user" && /* @__PURE__ */ jsx(Badge, {
 									variant: "secondary",
 									className: "px-1.5 py-0 text-[10px] leading-4",
-									children: "My Media"
+									children: t("media_my_media_badge")
 								})]
 							})
 						}), canEdit && /* @__PURE__ */ jsx("div", {
@@ -1924,8 +1984,12 @@ function MediaListingScreen(_props) {
 					return /* @__PURE__ */ jsx(ShareableListRow, {
 						imageUrl: item.image_url,
 						imageAlt: item.title ?? "",
-						title: item.title ?? "Untitled",
-						subtitle: /* @__PURE__ */ jsxs(Fragment$1, { children: [getMediaKindLabel(item.kind), item.owner_type === "user" && /* @__PURE__ */ jsx(Badge, {
+						title: item.title ?? t("common_untitled"),
+						subtitle: /* @__PURE__ */ jsxs(Fragment$1, { children: [getMediaKindLabel(item.kind, {
+							video: t("media_type_video"),
+							pdf: t("media_type_pdf"),
+							image: t("media_type_image")
+						}), item.owner_type === "user" && /* @__PURE__ */ jsx(Badge, {
 							variant: "secondary",
 							className: "px-1.5 py-0 text-[10px] leading-4",
 							children: "My Media"
@@ -1939,9 +2003,9 @@ function MediaListingScreen(_props) {
 		/* @__PURE__ */ jsx(AlertDialog, {
 			open: pendingDeleteId !== null,
 			onOpenChange: (open) => !open && setPendingDeleteId(null),
-			children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Delete this media?" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "This removes the item from your media library. Shared links that point to it will stop working." })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
+			children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: t("media_delete_confirm_title") }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: t("media_delete_confirm_description") })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
 				disabled: isDeleting,
-				children: "Cancel"
+				children: t("common_cancel")
 			}), /* @__PURE__ */ jsx(AlertDialogAction, {
 				onClick: (e) => {
 					e.preventDefault();
@@ -1949,7 +2013,7 @@ function MediaListingScreen(_props) {
 				},
 				disabled: isDeleting,
 				className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-				children: isDeleting ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : "Delete"
+				children: isDeleting ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : t("common_delete")
 			})] })] })
 		})
 	] });
@@ -1972,6 +2036,7 @@ function resolvePrice(product) {
 }
 function TaggedProductsList({ products, onProductClick }) {
 	const renderImage = useRenderImage();
+	const { t } = useShareablesTranslation();
 	const handleProductClick = (productId, e) => {
 		e.stopPropagation();
 		if (productId == null) return;
@@ -1983,7 +2048,7 @@ function TaggedProductsList({ products, onProductClick }) {
 			className: "mb-4 px-4",
 			children: /* @__PURE__ */ jsx("h2", {
 				className: "text-foreground text-[15px] leading-[1.4] font-semibold",
-				children: "Tagged Products (0)"
+				children: t("share_tagged_products_count", { count: "0" })
 			})
 		}), /* @__PURE__ */ jsx("div", {
 			className: "flex flex-1 items-center justify-center px-6 py-12",
@@ -1996,11 +2061,11 @@ function TaggedProductsList({ products, onProductClick }) {
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "text-foreground mb-1 text-sm",
-						children: "No Tagged Products"
+						children: t("share_no_tagged_products")
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "text-muted-foreground text-xs",
-						children: "No products are tagged in this playlist"
+						children: t("share_no_tagged_products_description")
 					})
 				]
 			})
@@ -2010,13 +2075,9 @@ function TaggedProductsList({ products, onProductClick }) {
 		className: "mb-6",
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "mb-4 px-4",
-			children: /* @__PURE__ */ jsxs("h2", {
+			children: /* @__PURE__ */ jsx("h2", {
 				className: "text-foreground text-[15px] leading-[1.4] font-semibold",
-				children: [
-					"Tagged Products (",
-					products.length,
-					")"
-				]
+				children: t("share_tagged_products_count", { count: String(products.length) })
 			})
 		}), /* @__PURE__ */ jsx("div", {
 			className: "px-4",
@@ -2024,7 +2085,7 @@ function TaggedProductsList({ products, onProductClick }) {
 				className: "scrollbar-none flex gap-4 overflow-x-auto pb-2",
 				children: products.map((product, index) => {
 					const imageUrl = product.images?.[0]?.image_url || product.image_url || product.compressed_image_url || DEFAULT_IMAGE$5;
-					const title = product.title || "Untitled";
+					const title = product.title || t("common_untitled");
 					const displayPrice = resolvePrice(product);
 					return /* @__PURE__ */ jsxs("button", {
 						onClick: (e) => handleProductClick(product.id, e),
@@ -2058,15 +2119,16 @@ function TaggedProductsList({ products, onProductClick }) {
 }
 //#endregion
 //#region ../../shareables/ui/src/components/screens/MediaDetailScreen.tsx
-function getBadgeLabel(kind) {
+function getBadgeLabel(kind, labels) {
 	switch (kind) {
-		case "video": return "Video";
-		case "image": return "Image";
-		case "pdf": return "PDF";
-		default: return "Media";
+		case "video": return labels.video;
+		case "image": return labels.image;
+		case "pdf": return labels.pdf;
+		default: return labels.default;
 	}
 }
 function MediaDetailScreen({ mediaId, onNavigate, onBack }) {
+	const { t } = useShareablesTranslation();
 	const api = useShareablesApi();
 	const repContext = useRepContext();
 	const { navigate, readOnly, mediaProductsApi } = useShareablesUI();
@@ -2093,7 +2155,12 @@ function MediaDetailScreen({ mediaId, onNavigate, onBack }) {
 	const displayImage = mediaItem?.image_url || "";
 	const displayVideo = mediaItem?.video_url || "";
 	const isVideo = mediaItem?.kind === "video" && !!displayVideo;
-	const badgeLabel = getBadgeLabel(mediaItem?.kind ?? null);
+	const badgeLabel = getBadgeLabel(mediaItem?.kind ?? null, {
+		video: t("media_type_video"),
+		image: t("media_type_image"),
+		pdf: t("media_type_pdf"),
+		default: t("media_type_default")
+	});
 	const rawDescription = mediaItem?.description?.body || mediaItem?.stripped || "";
 	const downloadUrl = isVideo ? displayVideo : mediaItem?.pdf_url || displayImage;
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -2106,12 +2173,12 @@ function MediaDetailScreen({ mediaId, onNavigate, onBack }) {
 						e.preventDefault();
 						(onBack ?? (() => navigate("media")))();
 					},
-					children: "Media"
+					children: t("media_breadcrumb")
 				}) }),
 				/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
 				/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 					className: "block max-w-[60vw] truncate align-bottom font-semibold md:max-w-[60ch]",
-					children: displayTitle || "Media"
+					children: displayTitle || t("media_breadcrumb")
 				}) })
 			]
 		}) }) }),
@@ -2120,12 +2187,12 @@ function MediaDetailScreen({ mediaId, onNavigate, onBack }) {
 			variant: "outline",
 			onClick: () => navigate(`media/${mediaId}/edit`),
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" }), "Edit"]
+			children: [/* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" }), t("common_edit")]
 		}) }),
 		/* @__PURE__ */ jsx(ShareableDetailLayout, {
 			isLoading,
 			notFound: !mediaItem,
-			notFoundMessage: "Media not found or failed to load.",
+			notFoundMessage: t("media_not_found"),
 			title: displayTitle,
 			description: rawDescription,
 			containerHeightClass: "md:h-[calc(95vh-140px)]",
@@ -7623,7 +7690,8 @@ function useThumbnailMeta(src) {
 }
 //#endregion
 //#region ../../shareables/ui/src/components/playlists/RichTextEditor.tsx
-function RichTextEditor({ value, onChange, placeholder = "Start writing...", className, editorClassName }) {
+function RichTextEditor({ value, onChange, placeholder, className, editorClassName }) {
+	const { t } = useShareablesTranslation();
 	const editor = useEditor({
 		extensions: [
 			StarterKit.configure({
@@ -7636,7 +7704,7 @@ function RichTextEditor({ value, onChange, placeholder = "Start writing...", cla
 					keepAttributes: false
 				}
 			}),
-			Placeholder.configure({ placeholder }),
+			Placeholder.configure({ placeholder: placeholder ?? t("common_start_writing_placeholder") }),
 			TextAlign.configure({
 				types: ["paragraph"],
 				alignments: [
@@ -7672,7 +7740,7 @@ function RichTextEditor({ value, onChange, placeholder = "Start writing...", cla
 						onClick: () => editor?.chain().focus().toggleBold().run(),
 						disabled: !editor?.can().chain().focus().toggleBold().run(),
 						className: cn(buttonBase, "font-bold", editor?.isActive("bold") ? buttonActive : buttonInactive),
-						title: "Bold",
+						title: t("editor_bold"),
 						children: "B"
 					}),
 					/* @__PURE__ */ jsx("button", {
@@ -7680,7 +7748,7 @@ function RichTextEditor({ value, onChange, placeholder = "Start writing...", cla
 						onClick: () => editor?.chain().focus().toggleItalic().run(),
 						disabled: !editor?.can().chain().focus().toggleItalic().run(),
 						className: cn(buttonBase, "italic", editor?.isActive("italic") ? buttonActive : buttonInactive),
-						title: "Italic",
+						title: t("editor_italic"),
 						children: "I"
 					}),
 					/* @__PURE__ */ jsx("button", {
@@ -7688,7 +7756,7 @@ function RichTextEditor({ value, onChange, placeholder = "Start writing...", cla
 						onClick: () => editor?.chain().focus().toggleUnderline().run(),
 						disabled: !editor?.can().chain().focus().toggleUnderline().run(),
 						className: cn(buttonBase, "underline", editor?.isActive("underline") ? buttonActive : buttonInactive),
-						title: "Underline",
+						title: t("editor_underline"),
 						children: "U"
 					}),
 					separator,
@@ -7696,28 +7764,28 @@ function RichTextEditor({ value, onChange, placeholder = "Start writing...", cla
 						type: "button",
 						onClick: () => editor?.chain().focus().setTextAlign("left").run(),
 						className: cn(buttonBase, editor?.isActive({ textAlign: "left" }) ? buttonActive : buttonInactive),
-						title: "Align left",
+						title: t("editor_align_left"),
 						children: /* @__PURE__ */ jsx(AlignLeft, { className: "h-3.5 w-3.5" })
 					}),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().setTextAlign("center").run(),
 						className: cn(buttonBase, editor?.isActive({ textAlign: "center" }) ? buttonActive : buttonInactive),
-						title: "Align center",
+						title: t("editor_align_center"),
 						children: /* @__PURE__ */ jsx(AlignCenter, { className: "h-3.5 w-3.5" })
 					}),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().setTextAlign("right").run(),
 						className: cn(buttonBase, editor?.isActive({ textAlign: "right" }) ? buttonActive : buttonInactive),
-						title: "Align right",
+						title: t("editor_align_right"),
 						children: /* @__PURE__ */ jsx(AlignRight, { className: "h-3.5 w-3.5" })
 					}),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().setTextAlign("justify").run(),
 						className: cn(buttonBase, editor?.isActive({ textAlign: "justify" }) ? buttonActive : buttonInactive),
-						title: "Justify",
+						title: t("editor_justify"),
 						children: /* @__PURE__ */ jsx(AlignJustify, { className: "h-3.5 w-3.5" })
 					}),
 					separator,
@@ -7725,14 +7793,14 @@ function RichTextEditor({ value, onChange, placeholder = "Start writing...", cla
 						type: "button",
 						onClick: () => editor?.chain().focus().toggleBulletList().run(),
 						className: cn(buttonBase, editor?.isActive("bulletList") ? buttonActive : buttonInactive),
-						title: "Bullet list",
+						title: t("editor_bullet_list"),
 						children: /* @__PURE__ */ jsx(List, { className: "h-3.5 w-3.5" })
 					}),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().toggleOrderedList().run(),
 						className: cn(buttonBase, editor?.isActive("orderedList") ? buttonActive : buttonInactive),
-						title: "Ordered list",
+						title: t("editor_ordered_list"),
 						children: /* @__PURE__ */ jsx(ListOrdered, { className: "h-3.5 w-3.5" })
 					})
 				]
@@ -7777,10 +7845,11 @@ function RichTextEditor({ value, onChange, placeholder = "Start writing...", cla
 //#region ../../shareables/ui/src/components/media/MediaProductTagging.tsx
 const PAGE_SIZE$3 = 25;
 function ProductImage({ imageUrl, name }) {
+	const { t } = useShareablesTranslation();
 	const [errored, setErrored] = useState(false);
 	if (imageUrl && imageUrl.length > 0 && !errored) return /* @__PURE__ */ jsx("img", {
 		src: imageUrl,
-		alt: name ?? "Product",
+		alt: name ?? t("common_product"),
 		width: 40,
 		height: 40,
 		className: "h-10 w-10 shrink-0 rounded object-cover",
@@ -7792,6 +7861,7 @@ function ProductImage({ imageUrl, name }) {
 	});
 }
 function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearchProducts, disabled = false, maxProducts = 100 }) {
+	const { t } = useShareablesTranslation();
 	const { showToast } = useShareablesUI();
 	const [isModalOpen, setIsModalOpen] = useState(false);
 	const [query, setQuery] = useState("");
@@ -7816,7 +7886,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 			setSearchResults([]);
 			setNextCursor(null);
 			showToast({
-				title: "Failed to load products. Please try again.",
+				title: t("products_load_error"),
 				type: "error",
 				error
 			});
@@ -7837,7 +7907,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 		} catch (error) {
 			setNextCursor(null);
 			showToast({
-				title: "Failed to load more products.",
+				title: t("products_load_more_error"),
 				type: "error",
 				error
 			});
@@ -7896,7 +7966,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 			runSearch(query);
 		} catch (error) {
 			showToast({
-				title: "Failed to add product. Please try again.",
+				title: t("products_add_error"),
 				type: "error",
 				error
 			});
@@ -7910,7 +7980,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 			await onRemoveProduct(productId);
 		} catch (error) {
 			showToast({
-				title: "Failed to remove product. Please try again.",
+				title: t("products_remove_error"),
 				type: "error",
 				error
 			});
@@ -7923,7 +7993,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 		children: [
 			/* @__PURE__ */ jsx("h3", {
 				className: "text-foreground mb-4 text-base font-semibold",
-				children: "Tagged Products"
+				children: t("media_tagged_products_heading")
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "space-y-3",
@@ -7931,39 +8001,37 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 					className: "rounded-lg border border-dashed border-gray-200 p-4 text-center",
 					children: [/* @__PURE__ */ jsx("p", {
 						className: "mb-3 text-sm text-gray-500",
-						children: "No products tagged yet."
+						children: t("media_no_products_tagged")
 					}), !disabled && /* @__PURE__ */ jsxs(Button, {
 						type: "button",
 						onClick: handleOpenModal,
 						size: "sm",
 						className: "gap-1.5",
-						children: [/* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }), "Add Product"]
+						children: [/* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }), t("media_add_product_button")]
 					})]
 				}) : /* @__PURE__ */ jsxs("div", {
 					className: "relative space-y-4",
 					children: [
 						/* @__PURE__ */ jsxs("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ jsxs("span", {
+							children: [/* @__PURE__ */ jsx("span", {
 								className: "text-xs text-gray-500",
-								children: [
-									products.length,
-									" of ",
-									maxProducts,
-									" products selected"
-								]
+								children: t("media_products_selected_count", {
+									current: String(products.length),
+									max: String(maxProducts)
+								})
 							}), !disabled && !isAtMaxLimit && /* @__PURE__ */ jsxs(Button, {
 								type: "button",
 								onClick: handleOpenModal,
 								variant: "outline",
 								size: "sm",
 								className: "gap-1.5 text-xs",
-								children: [/* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }), "Add Products"]
+								children: [/* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }), t("media_add_products_button")]
 							})]
 						}),
 						/* @__PURE__ */ jsx("p", {
 							className: "text-xs text-gray-500",
-							children: "Products will only display in available countries."
+							children: t("media_products_country_note")
 						}),
 						/* @__PURE__ */ jsx("div", {
 							className: "max-h-96 space-y-2 overflow-y-auto pb-2",
@@ -7976,10 +8044,10 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 										name: product.name
 									}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
 										className: "text-sm font-medium text-gray-900",
-										children: product.name ?? `Product #${product.id}`
+										children: product.name ?? t("media_product_fallback_name", { id: String(product.id) })
 									}), /* @__PURE__ */ jsx("p", {
 										className: "text-xs text-gray-500",
-										children: product.price ? `$${product.price}` : "N/A"
+										children: product.price ? `$${product.price}` : t("common_na")
 									})] })]
 								}), !disabled && /* @__PURE__ */ jsx(Button, {
 									type: "button",
@@ -7988,17 +8056,13 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 									onClick: () => void handleRemove(product.id),
 									disabled: removingId === product.id,
 									className: "text-xs text-red-600 hover:bg-red-50 hover:text-red-700",
-									children: removingId === product.id ? "Removing..." : "Remove"
+									children: removingId === product.id ? t("common_removing") : t("common_remove")
 								})]
 							}, product.id))
 						}),
-						isAtMaxLimit && /* @__PURE__ */ jsxs("p", {
+						isAtMaxLimit && /* @__PURE__ */ jsx("p", {
 							className: "py-2 text-center text-xs text-gray-500",
-							children: [
-								"Maximum ",
-								maxProducts,
-								" products reached"
-							]
+							children: t("media_max_products_reached", { max: String(maxProducts) })
 						})
 					]
 				})
@@ -8009,31 +8073,24 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 				children: /* @__PURE__ */ jsxs(DialogContent, {
 					className: "max-w-2xl",
 					children: [
-						/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { children: ["Select Products to Tag", /* @__PURE__ */ jsxs("span", {
+						/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { children: [t("media_select_products_title"), /* @__PURE__ */ jsx("span", {
 							className: "ml-2 text-sm font-normal text-gray-500",
-							children: [
-								"(",
-								products.length,
-								"/",
-								maxProducts,
-								" selected)"
-							]
+							children: t("media_products_selected_ratio", {
+								current: String(products.length),
+								max: String(maxProducts)
+							})
 						})] }) }),
 						isAtMaxLimit && /* @__PURE__ */ jsx("div", {
 							className: "rounded-md border border-yellow-200 bg-yellow-50 p-3",
-							children: /* @__PURE__ */ jsxs("p", {
+							children: /* @__PURE__ */ jsx("p", {
 								className: "text-sm text-yellow-800",
-								children: [
-									"You have reached the maximum limit of ",
-									maxProducts,
-									" products."
-								]
+								children: t("media_max_products_warning", { max: String(maxProducts) })
 							})
 						}),
 						/* @__PURE__ */ jsxs("div", {
 							className: "relative",
 							children: [searching ? /* @__PURE__ */ jsx(Spinner, { className: "absolute top-1/2 left-3 size-4 -translate-y-1/2" }) : /* @__PURE__ */ jsx(Search, { className: "absolute top-1/2 left-3 size-4 -translate-y-1/2 text-gray-400" }), /* @__PURE__ */ jsx(Input, {
-								placeholder: "Search products...",
+								placeholder: t("products_search_placeholder"),
 								value: query,
 								onChange: (e) => setQuery(e.target.value),
 								className: "pl-10",
@@ -8048,7 +8105,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 								children: /* @__PURE__ */ jsx(Spinner, { className: "size-5" })
 							}) : searchResults.length === 0 ? /* @__PURE__ */ jsx("p", {
 								className: "py-8 text-center text-sm text-gray-500",
-								children: query.length > 0 ? "No products found matching your search." : "Start typing to search for products."
+								children: query.length > 0 ? t("products_search_no_results") : t("products_search_start_typing")
 							}) : /* @__PURE__ */ jsxs("div", {
 								className: "space-y-2 px-1",
 								children: [searchResults.map((result) => {
@@ -8063,7 +8120,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 												name: result.name
 											}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
 												className: `text-sm font-medium ${canAdd ? "text-gray-900" : "text-gray-500"}`,
-												children: result.name ?? `Product #${result.id}`
+												children: result.name ?? t("media_product_fallback_name", { id: String(result.id) })
 											}), result.price && /* @__PURE__ */ jsxs("p", {
 												className: "text-xs text-gray-500",
 												children: ["$", result.price]
@@ -8077,7 +8134,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 											},
 											disabled: !canAdd || addingId === result.id,
 											className: isTagged ? "text-green-600" : "",
-											children: addingId === result.id ? "Adding..." : isTagged ? "Added" : canAdd ? "Add" : "Limit reached"
+											children: addingId === result.id ? t("common_adding") : isTagged ? t("common_added") : canAdd ? t("common_add") : t("media_limit_reached")
 										})]
 									}, result.id);
 								}), nextCursor !== null && /* @__PURE__ */ jsx("div", {
@@ -8093,7 +8150,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 								type: "button",
 								variant: "outline",
 								onClick: () => setIsModalOpen(false),
-								children: "Done"
+								children: t("common_done")
 							})
 						})
 					]
@@ -8104,29 +8161,30 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 }
 //#endregion
 //#region ../../shareables/ui/src/components/media/CtaModal.tsx
-const CTA_TYPES = [
-	{
-		value: "link",
-		label: "Page",
-		icon: /* @__PURE__ */ jsx(Globe, { className: "h-3.5 w-3.5 text-gray-500" })
-	},
-	{
-		value: "cart",
-		label: "Cart",
-		icon: /* @__PURE__ */ jsx(ShoppingCart, { className: "h-3.5 w-3.5 text-gray-500" })
-	},
-	{
-		value: "email",
-		label: "Email",
-		icon: /* @__PURE__ */ jsx(Mail, { className: "h-3.5 w-3.5 text-gray-500" })
-	},
-	{
-		value: "phone",
-		label: "Phone",
-		icon: /* @__PURE__ */ jsx(Phone, { className: "h-3.5 w-3.5 text-gray-500" })
-	}
-];
 function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaUrl, onDone }) {
+	const { t } = useShareablesTranslation();
+	const CTA_TYPES = useMemo(() => [
+		{
+			value: "link",
+			label: t("cta_type_page"),
+			icon: /* @__PURE__ */ jsx(Globe, { className: "h-3.5 w-3.5 text-gray-500" })
+		},
+		{
+			value: "cart",
+			label: t("cta_type_cart"),
+			icon: /* @__PURE__ */ jsx(ShoppingCart, { className: "h-3.5 w-3.5 text-gray-500" })
+		},
+		{
+			value: "email",
+			label: t("cta_type_email"),
+			icon: /* @__PURE__ */ jsx(Mail, { className: "h-3.5 w-3.5 text-gray-500" })
+		},
+		{
+			value: "phone",
+			label: t("cta_type_phone"),
+			icon: /* @__PURE__ */ jsx(Phone, { className: "h-3.5 w-3.5 text-gray-500" })
+		}
+	], [t]);
 	const [enabled, setEnabled] = useState(ctaEnabled);
 	const [type, setType] = useState(ctaType || "link");
 	const [buttonText, setButtonText] = useState(ctaButtonText);
@@ -8135,7 +8193,7 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 		if (open) {
 			setEnabled(ctaEnabled);
 			setType(ctaType || "link");
-			setButtonText(ctaButtonText || "Learn More");
+			setButtonText(ctaButtonText || t("cta_default_button_text"));
 			setUrl(ctaUrl);
 		}
 	}, [
@@ -8147,7 +8205,7 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 	]);
 	const handleEnable = (checked) => {
 		setEnabled(checked);
-		if (checked && !buttonText) setButtonText("Learn More");
+		if (checked && !buttonText) setButtonText(t("cta_default_button_text"));
 	};
 	const handleCancel = () => {
 		onOpenChange(false);
@@ -8168,10 +8226,10 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 		children: /* @__PURE__ */ jsxs(DialogContent, {
 			className: "max-w-lg",
 			children: [
-				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "CTA Button" }) }),
+				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("cta_dialog_title") }) }),
 				/* @__PURE__ */ jsx("p", {
 					className: "mt-1 text-sm text-gray-500",
-					children: "Configure the call-to-action button that appears with your media."
+					children: t("cta_dialog_description")
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "space-y-5",
@@ -8180,7 +8238,7 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 							className: "flex items-center justify-between border-b border-gray-200 pb-4",
 							children: [/* @__PURE__ */ jsx("span", {
 								className: "text-sm font-medium text-gray-700",
-								children: "Enable call-to-action button"
+								children: t("cta_enable_toggle_label")
 							}), /* @__PURE__ */ jsx(Switch, {
 								checked: enabled,
 								onCheckedChange: handleEnable
@@ -8192,21 +8250,21 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 								className: "flex flex-col gap-1.5",
 								children: [/* @__PURE__ */ jsx(Label, {
 									className: fieldsDisabled ? "text-gray-400" : "text-gray-700",
-									children: "Action Type"
+									children: t("cta_action_type_label")
 								}), /* @__PURE__ */ jsxs(Select, {
 									value: type,
 									onValueChange: (v) => setType(v),
 									disabled: fieldsDisabled,
 									children: [/* @__PURE__ */ jsx(SelectTrigger, {
 										className: `w-full ${fieldsDisabled ? "opacity-50" : ""}`,
-										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select type" })
-									}), /* @__PURE__ */ jsx(SelectContent, { children: CTA_TYPES.map((t) => /* @__PURE__ */ jsx(SelectItem, {
-										value: t.value,
+										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("cta_type_placeholder") })
+									}), /* @__PURE__ */ jsx(SelectContent, { children: CTA_TYPES.map((ctaOption) => /* @__PURE__ */ jsx(SelectItem, {
+										value: ctaOption.value,
 										children: /* @__PURE__ */ jsxs("span", {
 											className: "flex items-center gap-2",
-											children: [t.icon, t.label]
+											children: [ctaOption.icon, ctaOption.label]
 										})
-									}, t.value)) })]
+									}, ctaOption.value)) })]
 								})]
 							}), type !== "cart" ? /* @__PURE__ */ jsxs("div", {
 								className: "flex flex-col gap-1.5",
@@ -8214,12 +8272,12 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 									className: "flex items-center gap-1.5",
 									children: [/* @__PURE__ */ jsx(Label, {
 										className: fieldsDisabled ? "text-gray-400" : "text-gray-700",
-										children: "Button Label"
+										children: t("cta_button_label")
 									}), /* @__PURE__ */ jsx(HelpCircle, { className: "h-3.5 w-3.5 text-gray-400" })]
 								}), /* @__PURE__ */ jsx(Input, {
 									value: buttonText,
 									onChange: (e) => setButtonText(e.target.value),
-									placeholder: "Learn More",
+									placeholder: t("cta_default_button_text"),
 									disabled: fieldsDisabled,
 									className: fieldsDisabled ? "opacity-50" : ""
 								})]
@@ -8231,12 +8289,12 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 								className: "flex items-center gap-1.5",
 								children: [/* @__PURE__ */ jsx(Label, {
 									className: fieldsDisabled ? "text-gray-400" : "text-gray-700",
-									children: "URL"
+									children: t("cta_url_label")
 								}), /* @__PURE__ */ jsx(HelpCircle, { className: "h-3.5 w-3.5 text-gray-400" })]
 							}), /* @__PURE__ */ jsx(Input, {
 								value: url,
 								onChange: (e) => setUrl(e.target.value),
-								placeholder: "https://example.com",
+								placeholder: t("cta_url_placeholder"),
 								type: "url",
 								disabled: fieldsDisabled,
 								className: fieldsDisabled ? "opacity-50" : ""
@@ -8249,10 +8307,10 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 					children: [/* @__PURE__ */ jsx(Button, {
 						variant: "outline",
 						onClick: handleCancel,
-						children: "Cancel"
+						children: t("common_cancel")
 					}), /* @__PURE__ */ jsx(Button, {
 						onClick: handleDone,
-						children: "Done"
+						children: t("common_done")
 					})]
 				})
 			]
@@ -8265,6 +8323,7 @@ function formatTime(seconds) {
 	return `${Math.floor(seconds / 60)}:${Math.floor(seconds % 60).toString().padStart(2, "0")}`;
 }
 function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, onThumbnailSelected, disabled = false }) {
+	const { t } = useShareablesTranslation();
 	const { showToast } = useShareablesUI();
 	const [frameSelectorOpen, setFrameSelectorOpen] = useState(false);
 	const [isPlaying, setIsPlaying] = useState(false);
@@ -8323,20 +8382,24 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 					onThumbnailCaptured(blob);
 					setFrameSelectorOpen(false);
 				} else showToast({
-					title: "Couldn't capture the video frame. Please try again.",
+					title: t("media_frame_capture_error"),
 					type: "error"
 				});
 				setCapturing(false);
 			}, "image/jpeg", .92);
 		} catch (error) {
 			showToast({
-				title: "Couldn't capture the video frame. Please try again.",
+				title: t("media_frame_capture_error"),
 				type: "error",
 				error
 			});
 			setCapturing(false);
 		}
-	}, [onThumbnailCaptured, showToast]);
+	}, [
+		onThumbnailCaptured,
+		showToast,
+		t
+	]);
 	const handleOpenDialog = useCallback(() => {
 		setIsPlaying(false);
 		setCurrentTime(0);
@@ -8349,7 +8412,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 		className: "space-y-3",
 		children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
 			className: "text-foreground mb-1.5 block text-sm font-medium",
-			children: "Thumbnail"
+			children: t("media_thumbnail_label")
 		}), thumbnailUrl ? /* @__PURE__ */ jsxs("div", {
 			className: "flex items-start gap-4",
 			children: [imgLoadError ? /* @__PURE__ */ jsx("div", {
@@ -8357,7 +8420,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 				children: /* @__PURE__ */ jsx(ImageIcon, { className: "text-muted-foreground h-8 w-8" })
 			}) : /* @__PURE__ */ jsx("img", {
 				src: thumbnailUrl,
-				alt: "Video thumbnail",
+				alt: t("media_video_thumbnail_alt"),
 				className: "w-48 shrink-0 rounded-md border object-contain",
 				onLoad: handleImgLoad,
 				onError: handleImgError
@@ -8388,13 +8451,13 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 							size: "sm",
 							onClick: handleOpenDialog,
 							className: "gap-1.5",
-							children: [/* @__PURE__ */ jsx(Camera, { className: "h-3.5 w-3.5" }), "Select from video frame"]
+							children: [/* @__PURE__ */ jsx(Camera, { className: "h-3.5 w-3.5" }), t("media_select_from_video_frame")]
 						}), onThumbnailSelected && /* @__PURE__ */ jsxs(Button, {
 							variant: "outline",
 							size: "sm",
 							onClick: onThumbnailSelected,
 							className: "gap-1.5",
-							children: [/* @__PURE__ */ jsx(ImageIcon, { className: "h-3.5 w-3.5" }), "Select New Image"]
+							children: [/* @__PURE__ */ jsx(ImageIcon, { className: "h-3.5 w-3.5" }), t("media_select_new_image")]
 						})]
 					})
 				]
@@ -8408,7 +8471,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 				className: "min-w-0 flex-1",
 				children: [/* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground text-sm",
-					children: "No thumbnail set"
+					children: t("media_no_thumbnail")
 				}), !disabled && /* @__PURE__ */ jsx("div", {
 					className: "mt-2",
 					children: /* @__PURE__ */ jsxs(Button, {
@@ -8416,7 +8479,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 						size: "sm",
 						onClick: handleOpenDialog,
 						className: "gap-1.5",
-						children: [/* @__PURE__ */ jsx(Camera, { className: "h-3.5 w-3.5" }), "Select Video Frame"]
+						children: [/* @__PURE__ */ jsx(Camera, { className: "h-3.5 w-3.5" }), t("media_select_video_frame")]
 					})
 				})]
 			})]
@@ -8426,7 +8489,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 			children: /* @__PURE__ */ jsxs(DialogContent, {
 				className: "max-w-2xl",
 				children: [
-					/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Select Video Frame" }) }),
+					/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("media_select_video_frame") }) }),
 					/* @__PURE__ */ jsxs("div", {
 						className: "space-y-4",
 						children: [
@@ -8478,7 +8541,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 								onClick: handleCapture,
 								disabled: !isMetadataLoaded || capturing,
 								className: "w-full gap-2",
-								children: [capturing ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : /* @__PURE__ */ jsx(Camera, { className: "h-4 w-4" }), "Capture Frame"]
+								children: [capturing ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : /* @__PURE__ */ jsx(Camera, { className: "h-4 w-4" }), t("media_capture_frame")]
 							})
 						]
 					}),
@@ -8526,6 +8589,7 @@ function buildEditState(mediaItem) {
 	};
 }
 function ThumbnailWithMeta({ src, onReplace }) {
+	const { t } = useShareablesTranslation();
 	const { meta, fileName, handleLoad, handleError, loadError } = useThumbnailMeta(src);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex items-start gap-4",
@@ -8534,7 +8598,7 @@ function ThumbnailWithMeta({ src, onReplace }) {
 			children: /* @__PURE__ */ jsx(ImageIcon, { className: "text-muted-foreground h-8 w-8" })
 		}) : /* @__PURE__ */ jsx("img", {
 			src,
-			alt: "Thumbnail",
+			alt: t("media_thumbnail_alt"),
 			className: "w-48 shrink-0 rounded-md border object-contain",
 			onLoad: handleLoad,
 			onError: handleError
@@ -8565,7 +8629,7 @@ function ThumbnailWithMeta({ src, onReplace }) {
 						size: "sm",
 						onClick: onReplace,
 						className: "gap-1.5",
-						children: [/* @__PURE__ */ jsx(ImageIcon, { className: "h-3.5 w-3.5" }), "Select New Image"]
+						children: [/* @__PURE__ */ jsx(ImageIcon, { className: "h-3.5 w-3.5" }), t("media_select_new_image")]
 					})
 				})
 			]
@@ -8573,6 +8637,7 @@ function ThumbnailWithMeta({ src, onReplace }) {
 	});
 }
 function CurrentMediaPreview({ mediaItem, pendingFileUrl, pendingKind }) {
+	const { t } = useShareablesTranslation();
 	const effectiveKind = pendingKind ?? mediaItem.content_format ?? mediaItem.kind;
 	const effectiveVideoUrl = pendingKind === "video" ? pendingFileUrl : mediaItem.video_url;
 	const effectiveImageUrl = pendingKind === "image" ? pendingFileUrl : pendingKind ? null : mediaItem.image_url;
@@ -8609,11 +8674,12 @@ function CurrentMediaPreview({ mediaItem, pendingFileUrl, pendingKind }) {
 		className: "border-border text-muted-foreground flex h-40 w-full flex-col items-center justify-center gap-2 rounded-lg border",
 		children: [/* @__PURE__ */ jsx(ImageIcon, { className: "h-6 w-6" }), /* @__PURE__ */ jsx("span", {
 			className: "text-sm",
-			children: "No media available"
+			children: t("media_no_media_available")
 		})]
 	});
 }
 function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
+	const { t } = useShareablesTranslation();
 	const api = useShareablesApi();
 	const repContext = useRepContext();
 	const queryClient = useQueryClient();
@@ -8692,13 +8758,13 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 			setPendingMediaFile(null);
 			setPendingThumbnail(null);
 			showToast({
-				title: "Media saved successfully",
+				title: t("media_save_success"),
 				type: "success"
 			});
 		},
 		onError: (error) => {
 			showToast({
-				title: `Failed to save: ${error.message}`,
+				title: t("media_save_error", { message: error.message }),
 				type: "error",
 				error
 			});
@@ -8708,14 +8774,14 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 		mutationFn: () => api.media.deleteMedia(Number(mediaId)),
 		onSuccess: () => {
 			showToast({
-				title: "Media deleted",
+				title: t("media_delete_success"),
 				type: "success"
 			});
 			navigate("media");
 		},
 		onError: (error) => {
 			showToast({
-				title: `Failed to delete: ${error.message}`,
+				title: t("media_delete_error", { message: error.message }),
 				type: "error",
 				error
 			});
@@ -8758,7 +8824,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 		className: "flex flex-col items-center justify-center py-16",
 		children: /* @__PURE__ */ jsx("p", {
 			className: "text-destructive text-sm",
-			children: "Media not found or failed to load."
+			children: t("media_not_found")
 		})
 	});
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -8771,7 +8837,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 						e.preventDefault();
 						(onBack ?? (() => navigate("media")))();
 					},
-					children: "Media"
+					children: t("media_breadcrumb")
 				}) }),
 				/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
 				/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, {
@@ -8781,12 +8847,12 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 						navigate(`media/${mediaId}`);
 					},
 					className: "block max-w-[40vw] truncate align-bottom md:max-w-[60ch]",
-					children: displayTitle || "Media"
+					children: displayTitle || t("media_breadcrumb")
 				}) }),
 				/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
 				/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 					className: "font-semibold",
-					children: "Edit"
+					children: t("common_edit")
 				}) })
 			]
 		}) }) }),
@@ -8805,13 +8871,13 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 				children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
 					onClick: () => setIsDeleteOpen(true),
 					className: "text-destructive focus:text-destructive",
-					children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Delete"]
+					children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
 				})
 			})] }), /* @__PURE__ */ jsx(Button, {
 				onClick: handleSave,
 				disabled: !isDirty || isSaving,
 				size: "sm",
-				children: isSaving ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : "Save"
+				children: isSaving ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : t("common_save")
 			})]
 		}) }),
 		/* @__PURE__ */ jsxs("div", {
@@ -8821,7 +8887,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 					className: "mx-auto flex w-full max-w-5xl items-center gap-3",
 					children: /* @__PURE__ */ jsx("h1", {
 						className: "text-foreground text-xl font-semibold break-words",
-						children: editState.title || displayTitle || "Media"
+						children: editState.title || displayTitle || t("media_heading")
 					})
 				}),
 				/* @__PURE__ */ jsxs("div", {
@@ -8836,20 +8902,20 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 										className: "mb-4 flex flex-wrap items-center justify-between gap-2",
 										children: [/* @__PURE__ */ jsx("h3", {
 											className: "text-foreground text-base font-semibold",
-											children: "Media"
+											children: t("media_heading")
 										}), /* @__PURE__ */ jsxs("div", {
 											className: "flex flex-wrap items-center gap-2",
 											children: [!readOnly && filePickerContextValue && filePickerApi && /* @__PURE__ */ jsx(Button, {
 												onClick: () => setIsPickerOpen(true),
 												variant: "outline",
 												size: "sm",
-												children: "Replace Media"
+												children: t("media_replace_button")
 											}), !readOnly && /* @__PURE__ */ jsxs(Button, {
 												variant: "outline",
 												size: "sm",
 												onClick: () => setIsCtaModalOpen(true),
 												className: editState.ctaEnabled ? "border-primary text-primary" : "",
-												children: ["CTA Button: ", editState.ctaEnabled ? "On" : "Off"]
+												children: [t("media_cta_button_label"), editState.ctaEnabled ? t("common_on") : t("common_off")]
 											})]
 										})]
 									}),
@@ -8872,7 +8938,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 												onThumbnailCaptured: async (blob) => {
 													if (!uploadThumbnail) {
 														showToast({
-															title: "Thumbnail capture is not available in this context",
+															title: t("media_thumbnail_capture_unavailable"),
 															type: "error"
 														});
 														return;
@@ -8881,7 +8947,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 														setPendingThumbnail(await uploadThumbnail(blob, `thumbnail-${mediaId}.jpg`));
 													} catch (error) {
 														showToast({
-															title: "Failed to upload thumbnail",
+															title: t("media_thumbnail_upload_error"),
 															type: "error",
 															error
 														});
@@ -8890,7 +8956,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 												onThumbnailSelected: () => setIsThumbnailPickerOpen(true)
 											}), pendingThumbnail && /* @__PURE__ */ jsx("p", {
 												className: "text-muted-foreground mt-1.5 text-xs",
-												children: "Pending — save to apply"
+												children: t("media_pending_save")
 											})]
 										});
 										if (effectiveKind === "pdf") {
@@ -8901,7 +8967,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 													className: "space-y-3",
 													children: [/* @__PURE__ */ jsx("label", {
 														className: "text-foreground mb-1.5 block text-sm font-medium",
-														children: "Thumbnail"
+														children: t("media_thumbnail_label")
 													}), currentThumbnail ? /* @__PURE__ */ jsx(ThumbnailWithMeta, {
 														src: currentThumbnail,
 														onReplace: () => setIsThumbnailPickerOpen(true)
@@ -8914,19 +8980,19 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 															className: "min-w-0 flex-1",
 															children: [/* @__PURE__ */ jsx("p", {
 																className: "text-muted-foreground mb-2 text-sm",
-																children: "No thumbnail set"
+																children: t("media_no_thumbnail")
 															}), /* @__PURE__ */ jsxs(Button, {
 																variant: "outline",
 																size: "sm",
 																onClick: () => setIsThumbnailPickerOpen(true),
 																className: "gap-1.5",
-																children: [/* @__PURE__ */ jsx(ImageIcon, { className: "h-3.5 w-3.5" }), "Select New Image"]
+																children: [/* @__PURE__ */ jsx(ImageIcon, { className: "h-3.5 w-3.5" }), t("media_select_new_image")]
 															})]
 														})]
 													})]
 												}), pendingThumbnail && /* @__PURE__ */ jsx("p", {
 													className: "text-muted-foreground mt-1.5 text-xs",
-													children: "Pending — save to apply"
+													children: t("media_pending_save")
 												})]
 											});
 										}
@@ -8938,17 +9004,21 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 								className: "border-border bg-card rounded-lg border p-4 md:p-5",
 								children: [/* @__PURE__ */ jsx("h3", {
 									className: "text-foreground mb-4 text-base font-semibold",
-									children: "Media Details"
+									children: t("media_details_heading")
 								}), /* @__PURE__ */ jsxs("div", {
 									className: "flex flex-col gap-4",
 									children: [/* @__PURE__ */ jsxs("div", {
 										className: "flex flex-col gap-1.5",
 										children: [/* @__PURE__ */ jsxs(Label, {
 											htmlFor: "media-title",
-											children: ["Title ", /* @__PURE__ */ jsx("span", {
-												className: "text-destructive",
-												children: "*"
-											})]
+											children: [
+												t("common_title_label"),
+												" ",
+												/* @__PURE__ */ jsx("span", {
+													className: "text-destructive",
+													children: "*"
+												})
+											]
 										}), readOnly ? /* @__PURE__ */ jsx("p", {
 											className: "text-foreground text-sm",
 											children: displayTitle
@@ -8959,11 +9029,11 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 												...s,
 												title: e.target.value
 											})),
-											placeholder: "Enter media title"
+											placeholder: t("media_title_placeholder")
 										})]
 									}), /* @__PURE__ */ jsxs("div", {
 										className: "flex flex-col gap-1.5",
-										children: [/* @__PURE__ */ jsx(Label, { children: "Description" }), readOnly ? /* @__PURE__ */ jsx("p", {
+										children: [/* @__PURE__ */ jsx(Label, { children: t("common_description_label") }), readOnly ? /* @__PURE__ */ jsx("p", {
 											className: "text-foreground/70 text-sm leading-relaxed",
 											children: stripTags(editState.description)
 										}) : /* @__PURE__ */ jsx(RichTextEditor, {
@@ -8972,7 +9042,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 												...s,
 												description: val
 											})),
-											placeholder: "Start writing..."
+											placeholder: t("common_start_writing_placeholder")
 										})]
 									})]
 								})]
@@ -9021,12 +9091,12 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 									className: "mb-4 flex items-center justify-between",
 									children: [/* @__PURE__ */ jsx("h3", {
 										className: "text-foreground text-base font-semibold",
-										children: "SEO And Link Sharing"
+										children: t("seo_heading")
 									}), !readOnly && /* @__PURE__ */ jsx(Button, {
 										variant: "ghost",
 										size: "sm",
 										onClick: () => setSeoExpanded((prev) => !prev),
-										children: seoExpanded ? "Done" : "Edit"
+										children: seoExpanded ? t("common_done") : t("common_edit")
 									})]
 								}),
 								(() => {
@@ -9046,10 +9116,10 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 												className: "min-w-0 flex-1",
 												children: [/* @__PURE__ */ jsx("p", {
 													className: "text-foreground truncate text-xs font-medium",
-													children: editState.seoTitle || displayTitle || "Your page title"
+													children: editState.seoTitle || displayTitle || t("seo_preview_title_fallback")
 												}), /* @__PURE__ */ jsx("p", {
 													className: "text-muted-foreground truncate text-xs",
-													children: mediaItem?.preview_link ?? mediaItem?.canonical_url ?? "yoursite.com/media/..."
+													children: mediaItem?.preview_link ?? mediaItem?.canonical_url ?? t("seo_preview_url_fallback")
 												})]
 											})]
 										}), editState.seoDescription && /* @__PURE__ */ jsx("p", {
@@ -9065,7 +9135,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 											className: "flex flex-col gap-1.5",
 											children: [/* @__PURE__ */ jsx(Label, {
 												htmlFor: "seo-title",
-												children: "SEO Title"
+												children: t("seo_title_label")
 											}), /* @__PURE__ */ jsx(Input, {
 												id: "seo-title",
 												value: editState.seoTitle,
@@ -9073,14 +9143,14 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 													...s,
 													seoTitle: e.target.value
 												})),
-												placeholder: "Page title for search engines"
+												placeholder: t("seo_title_placeholder")
 											})]
 										}),
 										/* @__PURE__ */ jsxs("div", {
 											className: "flex flex-col gap-1.5",
 											children: [/* @__PURE__ */ jsx(Label, {
 												htmlFor: "seo-description",
-												children: "SEO Description"
+												children: t("seo_description_label")
 											}), /* @__PURE__ */ jsx(Textarea, {
 												id: "seo-description",
 												value: editState.seoDescription,
@@ -9088,7 +9158,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 													...s,
 													seoDescription: e.target.value
 												})),
-												placeholder: "Description for search engines",
+												placeholder: t("seo_description_placeholder"),
 												rows: 3
 											})]
 										}),
@@ -9098,10 +9168,10 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 												className: "flex flex-col gap-0.5",
 												children: [/* @__PURE__ */ jsx("span", {
 													className: "text-foreground text-sm font-medium",
-													children: "Block Crawlers"
+													children: t("seo_block_crawlers_label")
 												}), /* @__PURE__ */ jsx("span", {
 													className: "text-muted-foreground text-xs",
-													children: "Prevent search engines from indexing"
+													children: t("seo_block_crawlers_description")
 												})]
 											}), /* @__PURE__ */ jsx(Switch, {
 												checked: editState.blockCrawler,
@@ -9109,7 +9179,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 													...s,
 													blockCrawler: checked
 												})),
-												"aria-label": "Block search engine crawlers"
+												"aria-label": t("seo_block_crawlers_aria")
 											})]
 										})
 									]
@@ -9121,18 +9191,14 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 				/* @__PURE__ */ jsx(AlertDialog, {
 					open: isDeleteOpen,
 					onOpenChange: setIsDeleteOpen,
-					children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Delete Media" }), /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
-						"Are you sure you want to delete “",
-						displayTitle,
-						"”? This action cannot be undone."
-					] })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
+					children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: t("media_delete_dialog_title") }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: t("media_delete_dialog_description", { title: mediaItem?.title ?? "" }) })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
 						disabled: isDeleting,
-						children: "Cancel"
+						children: t("common_cancel")
 					}), /* @__PURE__ */ jsx(AlertDialogAction, {
 						onClick: handleDelete,
 						disabled: isDeleting,
 						className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-						children: isDeleting ? "Deleting..." : "Delete"
+						children: isDeleting ? t("common_deleting") : t("common_delete")
 					})] })] })
 				}),
 				/* @__PURE__ */ jsx(CtaModal, {
@@ -9206,6 +9272,7 @@ function deriveMediaType(mimeType) {
 	return "image";
 }
 function FilePreview({ result, mediaType }) {
+	const { t } = useShareablesTranslation();
 	const thumbnailSrc = mediaType === "image" ? result.file_url : result.thumbnail_url;
 	if (thumbnailSrc) {
 		const Icon = mediaType === "video" ? Video : mediaType === "pdf" ? FileText : null;
@@ -9219,7 +9286,7 @@ function FilePreview({ result, mediaType }) {
 				className: "absolute bottom-2 left-2 flex items-center gap-1.5 rounded-md bg-black/60 px-2 py-1 text-white",
 				children: [/* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ jsx("span", {
 					className: "text-xs font-medium",
-					children: mediaType === "video" ? "Video" : "PDF"
+					children: mediaType === "video" ? t("media_type_video") : t("media_type_pdf")
 				})]
 			})]
 		});
@@ -9239,6 +9306,7 @@ function FilePreview({ result, mediaType }) {
 	});
 }
 function MediaCreateScreen({ onNavigate, onBack }) {
+	const { t } = useShareablesTranslation();
 	const { navigate, showToast, filePickerApi } = useShareablesUI();
 	const user = useShareablesUser();
 	const [title, setTitle] = useState("");
@@ -9259,14 +9327,14 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 	const { mutate: createMedia, isPending: isCreating } = useCreateMediaMutation({
 		onSuccess: (newMedia) => {
 			showToast({
-				title: "Media created successfully",
+				title: t("media_create_success"),
 				type: "success"
 			});
 			onNavigate?.("media", String(newMedia.id));
 		},
 		onError: (error) => {
 			showToast({
-				title: `Failed to create media: ${error.message}`,
+				title: t("media_create_error", { message: error.message }),
 				type: "error"
 			});
 		}
@@ -9274,14 +9342,14 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 	const handleSave = useCallback(() => {
 		if (!title.trim()) {
 			showToast({
-				title: "Title is required",
+				title: t("media_title_required"),
 				type: "warning"
 			});
 			return;
 		}
 		if (!selectedResult) {
 			showToast({
-				title: "Please select a file",
+				title: t("media_file_required"),
 				type: "warning"
 			});
 			return;
@@ -9312,6 +9380,7 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 			}
 		});
 	}, [
+		t,
 		title,
 		description,
 		active,
@@ -9359,12 +9428,12 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 						e.preventDefault();
 						(onBack ?? (() => navigate("media")))();
 					},
-					children: "Media"
+					children: t("media_breadcrumb")
 				}) }),
 				/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
 				/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 					className: "font-semibold",
-					children: "New Media"
+					children: t("media_create_breadcrumb")
 				}) })
 			]
 		}) }) }),
@@ -9372,7 +9441,7 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 			onClick: handleSave,
 			disabled: isCreating,
 			size: "sm",
-			children: isCreating ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : "Save"
+			children: isCreating ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : t("common_save")
 		}) }),
 		/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col gap-4 px-4 py-4 md:px-10 md:py-6",
@@ -9381,7 +9450,7 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 					className: "mx-auto flex w-full max-w-5xl items-center gap-3",
 					children: /* @__PURE__ */ jsx("h1", {
 						className: "text-foreground text-xl font-semibold",
-						children: title.trim() || "New Media"
+						children: title.trim() || t("media_new_title")
 					})
 				}),
 				/* @__PURE__ */ jsxs("div", {
@@ -9394,7 +9463,7 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 								className: "mb-4 flex items-center justify-between",
 								children: [/* @__PURE__ */ jsx("h3", {
 									className: "text-foreground text-base font-semibold",
-									children: "Media"
+									children: t("media_heading")
 								}), /* @__PURE__ */ jsxs("div", {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ jsx(Button, {
@@ -9402,13 +9471,13 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 										variant: "outline",
 										size: "sm",
 										disabled: !filePickerApi,
-										children: "Select Media"
+										children: t("media_select_button")
 									}), /* @__PURE__ */ jsxs(Button, {
 										variant: "outline",
 										size: "sm",
 										onClick: () => setIsCtaModalOpen(true),
 										className: ctaEnabled ? "border-primary text-primary" : "",
-										children: ["CTA Button: ", ctaEnabled ? "On" : "Off"]
+										children: [t("media_cta_button_label"), ctaEnabled ? t("common_on") : t("common_off")]
 									})]
 								})]
 							}), selectedResult && mediaType ? /* @__PURE__ */ jsxs("div", {
@@ -9421,7 +9490,7 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 									variant: "outline",
 									size: "sm",
 									className: "w-fit",
-									children: "Replace"
+									children: t("common_replace")
 								})]
 							}) : /* @__PURE__ */ jsxs("button", {
 								type: "button",
@@ -9430,37 +9499,41 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 								className: "border-border text-muted-foreground hover:bg-muted/30 flex h-40 w-full flex-col items-center justify-center gap-2 rounded-lg border border-dashed transition-colors disabled:cursor-not-allowed disabled:opacity-50",
 								children: [/* @__PURE__ */ jsx(Upload, { className: "h-6 w-6" }), /* @__PURE__ */ jsx("span", {
 									className: "text-sm",
-									children: "No media uploaded. Click to upload an image, video, or PDF."
+									children: t("media_upload_placeholder")
 								})]
 							})]
 						}), /* @__PURE__ */ jsxs("div", {
 							className: "border-border bg-card rounded-lg border p-5",
 							children: [/* @__PURE__ */ jsx("h3", {
 								className: "text-foreground mb-4 text-base font-semibold",
-								children: "Media Details"
+								children: t("media_details_heading")
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "flex flex-col gap-4",
 								children: [/* @__PURE__ */ jsxs("div", {
 									className: "flex flex-col gap-1.5",
 									children: [/* @__PURE__ */ jsxs(Label, {
 										htmlFor: "media-title",
-										children: ["Title ", /* @__PURE__ */ jsx("span", {
-											className: "text-destructive",
-											children: "*"
-										})]
+										children: [
+											t("common_title_label"),
+											" ",
+											/* @__PURE__ */ jsx("span", {
+												className: "text-destructive",
+												children: "*"
+											})
+										]
 									}), /* @__PURE__ */ jsx(Input, {
 										id: "media-title",
 										value: title,
 										onChange: (e) => setTitle(e.target.value),
-										placeholder: "Enter media title",
+										placeholder: t("media_title_placeholder"),
 										required: true
 									})]
 								}), /* @__PURE__ */ jsxs("div", {
 									className: "flex flex-col gap-1.5",
-									children: [/* @__PURE__ */ jsx(Label, { children: "Description" }), /* @__PURE__ */ jsx(RichTextEditor, {
+									children: [/* @__PURE__ */ jsx(Label, { children: t("common_description_label") }), /* @__PURE__ */ jsx(RichTextEditor, {
 										value: description,
 										onChange: setDescription,
-										placeholder: "Start writing..."
+										placeholder: t("common_start_writing_placeholder")
 									})]
 								})]
 							})]
@@ -9474,12 +9547,12 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 									className: "mb-4 flex items-center justify-between",
 									children: [/* @__PURE__ */ jsx("h3", {
 										className: "text-foreground text-base font-semibold",
-										children: "SEO And Link Sharing"
+										children: t("seo_heading")
 									}), /* @__PURE__ */ jsx(Button, {
 										variant: "ghost",
 										size: "sm",
 										onClick: () => setSeoExpanded((prev) => !prev),
-										children: seoExpanded ? "Done" : "Edit"
+										children: seoExpanded ? t("common_done") : t("common_edit")
 									})]
 								}),
 								/* @__PURE__ */ jsxs("div", {
@@ -9493,10 +9566,10 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 											className: "min-w-0 flex-1",
 											children: [/* @__PURE__ */ jsx("p", {
 												className: "text-foreground truncate text-xs font-medium",
-												children: seoTitle || "Your page title"
+												children: seoTitle || t("seo_preview_title_fallback")
 											}), /* @__PURE__ */ jsx("p", {
 												className: "text-muted-foreground truncate text-xs",
-												children: "yoursite.com/media/..."
+												children: t("seo_preview_url_fallback")
 											})]
 										})]
 									}), seoDescription && /* @__PURE__ */ jsx("p", {
@@ -9511,24 +9584,24 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 											className: "flex flex-col gap-1.5",
 											children: [/* @__PURE__ */ jsx(Label, {
 												htmlFor: "seo-title",
-												children: "SEO Title"
+												children: t("seo_title_label")
 											}), /* @__PURE__ */ jsx(Input, {
 												id: "seo-title",
 												value: seoTitle,
 												onChange: (e) => setSeoTitle(e.target.value),
-												placeholder: "Page title for search engines"
+												placeholder: t("seo_title_placeholder")
 											})]
 										}),
 										/* @__PURE__ */ jsxs("div", {
 											className: "flex flex-col gap-1.5",
 											children: [/* @__PURE__ */ jsx(Label, {
 												htmlFor: "seo-description",
-												children: "SEO Description"
+												children: t("seo_description_label")
 											}), /* @__PURE__ */ jsx(Textarea, {
 												id: "seo-description",
 												value: seoDescription,
 												onChange: (e) => setSeoDescription(e.target.value),
-												placeholder: "Description for search engines",
+												placeholder: t("seo_description_placeholder"),
 												rows: 3
 											})]
 										}),
@@ -9538,15 +9611,15 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 												className: "flex flex-col gap-0.5",
 												children: [/* @__PURE__ */ jsx("span", {
 													className: "text-foreground text-sm font-medium",
-													children: "Block Crawlers"
+													children: t("seo_block_crawlers_label")
 												}), /* @__PURE__ */ jsx("span", {
 													className: "text-muted-foreground text-xs",
-													children: "Prevent search engines from indexing"
+													children: t("seo_block_crawlers_description")
 												})]
 											}), /* @__PURE__ */ jsx(Switch, {
 												checked: seoBlockCrawler,
 												onCheckedChange: setSeoBlockCrawler,
-												"aria-label": "Block search engine crawlers"
+												"aria-label": t("seo_block_crawlers_aria")
 											})]
 										})
 									]
@@ -9597,10 +9670,11 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 const DEFAULT_IMAGE$4 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
 function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, isSelectable = false, isSelected = false, canEdit = false, onSelectionChange, onToggleFavorite, onEdit, onDelete }) {
 	const { navigate } = useShareablesUI();
+	const { t } = useShareablesTranslation();
 	const renderImage = useRenderImage();
 	const [imgError, setImgError] = useState(false);
 	const hasStack = itemCount > 1;
-	const badgeText = `${itemCount} ${itemCount === 1 ? "item" : "items"}`;
+	const badgeText = itemCount === 1 ? t("playlist_item_count_one", { count: "1" }) : t("playlist_item_count_other", { count: String(itemCount) });
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		onClick: () => navigate(href),
@@ -9643,7 +9717,7 @@ function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, i
 									type: "button",
 									onClick: (e) => e.stopPropagation(),
 									className: "bg-background/90 hover:bg-background flex h-8 w-8 items-center justify-center rounded-lg shadow-md backdrop-blur-sm transition-all",
-									"aria-label": "More options",
+									"aria-label": t("common_more_options_aria"),
 									children: /* @__PURE__ */ jsx(MoreVertical, { className: "text-foreground h-4 w-4" })
 								})
 							}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
@@ -9652,16 +9726,16 @@ function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, i
 								children: [
 									onToggleFavorite && /* @__PURE__ */ jsxs(DropdownMenuItem, {
 										onClick: onToggleFavorite,
-										children: [/* @__PURE__ */ jsx(Heart, { className: cn("mr-2 h-4 w-4", isFavorited && "text-destructive fill-current") }), isFavorited ? "Unfavorite" : "Favorite"]
+										children: [/* @__PURE__ */ jsx(Heart, { className: cn("mr-2 h-4 w-4", isFavorited && "text-destructive fill-current") }), isFavorited ? t("common_unfavorite") : t("common_favorite")]
 									}),
 									canEdit && onEdit && /* @__PURE__ */ jsxs(DropdownMenuItem, {
 										onClick: onEdit,
-										children: [/* @__PURE__ */ jsx(Pencil, { className: "mr-2 h-4 w-4" }), "Edit"]
+										children: [/* @__PURE__ */ jsx(Pencil, { className: "mr-2 h-4 w-4" }), t("common_edit")]
 									}),
 									canEdit && onDelete && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
 										variant: "destructive",
 										onClick: onDelete,
-										children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Delete"]
+										children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
 									})] })
 								]
 							})] })
@@ -9674,7 +9748,7 @@ function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, i
 								e.stopPropagation();
 								onToggleFavorite();
 							},
-							"aria-label": isFavorited ? "Unfavorite" : "Favorite",
+							"aria-label": isFavorited ? t("common_unfavorite") : t("common_favorite"),
 							children: /* @__PURE__ */ jsx(Heart, { className: cn("h-6 w-6 drop-shadow-lg transition-all", isFavorited ? "fill-destructive text-destructive" : "text-[#ffffff]") })
 						}),
 						/* @__PURE__ */ jsx("div", {
@@ -9690,7 +9764,7 @@ function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, i
 					className: "px-2 pt-2 pb-4",
 					children: /* @__PURE__ */ jsx("h3", {
 						className: "text-foreground line-clamp-2 text-sm leading-tight font-bold",
-						children: title || "Untitled"
+						children: title || t("common_untitled")
 					})
 				})]
 			})]
@@ -9700,6 +9774,7 @@ function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, i
 //#endregion
 //#region ../../shareables/ui/src/components/playlists/BulkSelectionBar.tsx
 function BulkSelectionBar({ selectedCount, totalCount, onSelectAll, onClearSelection, onBulkFavorite }) {
+	const { t } = useShareablesTranslation();
 	return /* @__PURE__ */ jsxs("div", {
 		className: "bg-foreground flex items-center justify-between rounded-lg px-4 py-3",
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -9708,10 +9783,10 @@ function BulkSelectionBar({ selectedCount, totalCount, onSelectAll, onClearSelec
 				type: "button",
 				onClick: onSelectAll,
 				className: "text-background hover:text-background/80 text-sm font-medium",
-				children: selectedCount === totalCount ? "Deselect All" : "Select All"
-			}), /* @__PURE__ */ jsxs("span", {
+				children: selectedCount === totalCount ? t("common_deselect_all") : t("common_select_all")
+			}), /* @__PURE__ */ jsx("span", {
 				className: "text-background/70 text-sm",
-				children: [selectedCount, " selected"]
+				children: t("common_selected_count", { count: String(selectedCount) })
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-3",
@@ -9721,12 +9796,12 @@ function BulkSelectionBar({ selectedCount, totalCount, onSelectAll, onClearSelec
 				variant: "secondary",
 				size: "sm",
 				className: "bg-background text-foreground hover:bg-background/90 rounded-md px-3 py-1.5 text-xs font-medium disabled:cursor-not-allowed disabled:opacity-50",
-				children: "Favorite"
+				children: t("common_favorite")
 			}), /* @__PURE__ */ jsx("button", {
 				type: "button",
 				onClick: onClearSelection,
 				className: "text-background hover:text-background/80",
-				"aria-label": "Cancel selection",
+				"aria-label": t("common_cancel_selection_aria"),
 				children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
 			})]
 		})]
@@ -9738,6 +9813,7 @@ const PAGE_SIZE$2 = 12;
 const GRID_CLASS = "grid grid-cols-1 gap-8 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4";
 function PlaylistsListingScreen(_props) {
 	const api = useShareablesApi();
+	const { t } = useShareablesTranslation();
 	const { navigate, showToast, user, onToggleFavorite, onDeletePlaylist, readOnly } = useShareablesUI();
 	const queryClient = useQueryClient();
 	const [searchTerm, setSearchTerm] = useState("");
@@ -9840,13 +9916,13 @@ function PlaylistsListingScreen(_props) {
 		onError: (_err, _playlistId, context) => {
 			if (context?.previousData) queryClient.setQueryData(context.capturedKey, context.previousData);
 			showToast({
-				title: "Failed to update favorite",
+				title: t("playlist_favorite_error"),
 				type: "error"
 			});
 		},
 		onSuccess: (result) => {
 			showToast({
-				title: result.is_favorited ? "Added to favorites" : "Removed from favorites",
+				title: result.is_favorited ? t("playlist_favorite_added") : t("playlist_favorite_removed"),
 				type: "success"
 			});
 		},
@@ -9873,14 +9949,14 @@ function PlaylistsListingScreen(_props) {
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: shareablesKeys.playlists.all });
 			showToast({
-				title: "Playlist deleted",
+				title: t("playlist_delete_success"),
 				type: "success"
 			});
 			setPendingDeleteId(null);
 		},
 		onError: (error) => {
 			showToast({
-				title: "Failed to delete playlist",
+				title: t("playlist_delete_error"),
 				type: "error",
 				error
 			});
@@ -9890,6 +9966,24 @@ function PlaylistsListingScreen(_props) {
 	const confirmDelete = useCallback(() => {
 		if (pendingDeleteId != null) deletePlaylist(pendingDeleteId);
 	}, [pendingDeleteId, deletePlaylist]);
+	const sortOptions = useMemo(() => [
+		{
+			label: t("sort_name_asc"),
+			value: "title"
+		},
+		{
+			label: t("sort_name_desc"),
+			value: "-title"
+		},
+		{
+			label: t("sort_date_newest"),
+			value: "-created_at"
+		},
+		{
+			label: t("sort_date_oldest"),
+			value: "created_at"
+		}
+	], [t]);
 	const filterBar = hasSelection ? /* @__PURE__ */ jsx(BulkSelectionBar, {
 		selectedCount: selectedIds.size,
 		totalCount: filteredPlaylists.length,
@@ -9901,7 +9995,7 @@ function PlaylistsListingScreen(_props) {
 		children: [/* @__PURE__ */ jsx(OwnerFilterTabs, {
 			value: ownerFilter,
 			onValueChange: setOwnerFilter,
-			myLabel: "My Playlists"
+			myLabel: t("playlist_my_playlists_tab")
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "ml-auto flex items-center gap-2",
 			children: [/* @__PURE__ */ jsx("div", {
@@ -9909,25 +10003,8 @@ function PlaylistsListingScreen(_props) {
 				children: /* @__PURE__ */ jsx(SearchSort, {
 					searchValue: searchTerm,
 					onSearchChange: setSearchTerm,
-					placeholder: "Search playlists...",
-					sortOptions: [
-						{
-							label: "Name (A-Z)",
-							value: "title"
-						},
-						{
-							label: "Name (Z-A)",
-							value: "-title"
-						},
-						{
-							label: "Date Created (Newest)",
-							value: "-created_at"
-						},
-						{
-							label: "Date Created (Oldest)",
-							value: "created_at"
-						}
-					],
+					placeholder: t("playlist_search_placeholder"),
+					sortOptions,
 					sortValue,
 					onSortChange: setSortValue
 				})
@@ -9949,13 +10026,13 @@ function PlaylistsListingScreen(_props) {
 		/* @__PURE__ */ jsx(ScreenHeaderActions, { children: readOnly ? null : /* @__PURE__ */ jsxs(Button, {
 			onClick: () => navigate("playlists/new"),
 			size: "sm",
-			children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }), "Create Playlist"]
+			children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }), t("playlist_create_button")]
 		}) }),
 		/* @__PURE__ */ jsx(ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
 			className: "text-lg",
 			children: /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 				className: "font-semibold",
-				children: "Playlists"
+				children: t("playlist_breadcrumb")
 			}) })
 		}) }) }),
 		/* @__PURE__ */ jsx(ShareableListLayout, {
@@ -9966,7 +10043,18 @@ function PlaylistsListingScreen(_props) {
 				searchTerm,
 				ownerFilter,
 				entityName: "playlists",
-				defaultMessage: "There are no playlists available at the moment."
+				defaultMessage: t("playlist_empty_default"),
+				messages: {
+					filterSearchNoResults: t("common_filter_search_no_results", {
+						entityName: "playlists",
+						searchTerm
+					}),
+					searchNoResults: t("common_search_no_results", {
+						entityName: "playlists",
+						searchTerm
+					}),
+					filterNoResults: t("common_filter_no_results", { entityName: "playlists" })
+				}
 			}),
 			footer,
 			sentinelRef: observerTarget,
@@ -9979,7 +10067,7 @@ function PlaylistsListingScreen(_props) {
 					const itemCount = playlist.items_count ?? playlist.items?.length ?? 0;
 					const canEdit = !readOnly && playlist.user_id === user?.id;
 					return /* @__PURE__ */ jsx(PlaylistCard, {
-						title: playlist.title || "Untitled Playlist",
+						title: playlist.title || t("playlist_untitled"),
 						imageUrl,
 						href: `playlists/${playlist.id}`,
 						itemCount,
@@ -10001,29 +10089,25 @@ function PlaylistsListingScreen(_props) {
 					const itemCount = playlist.items_count ?? playlist.items?.length ?? 0;
 					const canEdit = !readOnly && playlist.user_id === user?.id;
 					const isSelected = selectedIds.has(playlist.id);
-					const title = playlist.title || "Untitled Playlist";
+					const title = playlist.title || t("playlist_untitled");
 					return /* @__PURE__ */ jsx(ShareableListRow, {
 						imageUrl,
 						title,
-						subtitle: /* @__PURE__ */ jsxs(Badge, {
+						subtitle: /* @__PURE__ */ jsx(Badge, {
 							variant: "secondary",
 							className: "px-1.5 py-0 text-[10px] leading-4",
-							children: [
-								itemCount,
-								" ",
-								itemCount === 1 ? "item" : "items"
-							]
+							children: itemCount === 1 ? t("playlist_item_count_one", { count: "1" }) : t("playlist_item_count_other", { count: String(itemCount) })
 						}),
 						onClick: () => navigate(`playlists/${playlist.id}`),
 						leading: /* @__PURE__ */ jsx(Checkbox, {
 							checked: isSelected,
 							onCheckedChange: (checked) => handleToggleSelection(playlist.id, checked === true),
-							"aria-label": `Select ${title}`
+							"aria-label": t("playlist_select_aria", { title })
 						}),
 						trailing: /* @__PURE__ */ jsxs(Fragment$1, { children: [onToggleFavorite && /* @__PURE__ */ jsx("button", {
 							type: "button",
 							onClick: () => handleFavorite(playlist.id),
-							"aria-label": playlist.is_favorited ? "Unfavorite" : "Favorite",
+							"aria-label": playlist.is_favorited ? t("common_unfavorite") : t("common_favorite"),
 							className: "hover:bg-muted-foreground/10 flex h-8 w-8 items-center justify-center rounded-md transition-colors",
 							children: /* @__PURE__ */ jsx(Heart, { className: cn("h-4 w-4 transition-colors", playlist.is_favorited ? "fill-destructive text-destructive" : "text-muted-foreground") })
 						}), canEdit && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
@@ -10032,18 +10116,18 @@ function PlaylistsListingScreen(_props) {
 								variant: "ghost",
 								size: "sm",
 								className: "h-8 w-8 p-0",
-								"aria-label": "Playlist actions",
+								"aria-label": t("playlist_actions_aria"),
 								children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" })
 							})
 						}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
 							align: "end",
 							children: [/* @__PURE__ */ jsxs(DropdownMenuItem, {
 								onClick: () => handleEdit(playlist.id),
-								children: [/* @__PURE__ */ jsx(Pencil, { className: "mr-2 h-4 w-4" }), "Edit"]
+								children: [/* @__PURE__ */ jsx(Pencil, { className: "mr-2 h-4 w-4" }), t("common_edit")]
 							}), onDeletePlaylist && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
 								variant: "destructive",
 								onClick: () => setPendingDeleteId(playlist.id),
-								children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Delete"]
+								children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
 							})] })]
 						})] })] })
 					}, playlist.id);
@@ -10055,9 +10139,9 @@ function PlaylistsListingScreen(_props) {
 			onOpenChange: (open) => {
 				if (!open && !isDeleting) setPendingDeleteId(null);
 			},
-			children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Delete this playlist?" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "This removes the playlist from your library. Shared links that point to it will stop working." })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
+			children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: t("playlist_delete_confirm_title") }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: t("playlist_delete_confirm_description") })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
 				disabled: isDeleting,
-				children: "Cancel"
+				children: t("common_cancel")
 			}), /* @__PURE__ */ jsx(AlertDialogAction, {
 				onClick: (e) => {
 					e.preventDefault();
@@ -10065,7 +10149,7 @@ function PlaylistsListingScreen(_props) {
 				},
 				disabled: isDeleting,
 				className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-				children: isDeleting ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : "Delete"
+				children: isDeleting ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : t("common_delete")
 			})] })] })
 		})
 	] });
@@ -10080,13 +10164,13 @@ const NAVIGABLE_RELATEABLE_TYPES = new Set([
 //#endregion
 //#region ../../shareables/ui/src/components/SharePage/PlaylistItemsList.tsx
 const DEFAULT_IMAGE$3 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
-function getItemType(type, kind) {
-	if (type === "Product") return "Product";
-	if (type === "EnrollmentPack") return "Enrollment";
-	if (type === "Page") return "Page";
-	if (kind === "video") return "Video";
-	if (kind === "image") return "Image";
-	return "Media";
+function getItemType(type, kind, labels) {
+	if (type === "Product") return labels.product;
+	if (type === "EnrollmentPack") return labels.enrollment;
+	if (type === "Page") return labels.page;
+	if (kind === "video") return labels.video;
+	if (kind === "image") return labels.image;
+	return labels.media;
 }
 function formatVideoLength(seconds) {
 	if (seconds == null) return null;
@@ -10104,6 +10188,7 @@ function getFileType(mediaFormat, imageUrl) {
 	return null;
 }
 function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavigateToItem }) {
+	const { t } = useShareablesTranslation();
 	const handleNavigateToItem = (itemId, type, e) => {
 		e?.stopPropagation();
 		onNavigateToItem?.(itemId, type);
@@ -10124,11 +10209,11 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "mb-1 text-sm text-gray-500",
-						children: "No Items"
+						children: t("playlist_no_items")
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "text-xs text-gray-400",
-						children: "This playlist doesn't have any items yet"
+						children: t("playlist_no_items_description")
 					})
 				]
 			})
@@ -10138,11 +10223,18 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 			children: items.map((item, index) => {
 				const relateable = item.relateable;
 				const imageUrl = item.image_url ?? relateable?.image_url ?? relateable?.compressed_image_url ?? DEFAULT_IMAGE$3;
-				const title = item.title ?? relateable?.title ?? "Untitled";
+				const title = item.title ?? relateable?.title ?? t("common_untitled");
 				const rawPrice = relateable?.display_price || relateable?.price;
 				const price = rawPrice && parseFloat(rawPrice.replace(/[^0-9.-]/g, "")) > 0 ? rawPrice : null;
 				const kind = item.kind ?? relateable?.kind;
-				const itemType = getItemType(item.relateable_type, kind);
+				const itemType = getItemType(item.relateable_type, kind, {
+					product: t("common_product"),
+					enrollment: t("common_enrollment"),
+					page: t("common_page"),
+					video: t("media_type_video"),
+					image: t("media_type_image"),
+					media: t("media_type_default")
+				});
 				const isVideo = kind === "video";
 				const isImage = kind === "image";
 				const isProduct = item.relateable_type === "Product";
@@ -10189,7 +10281,7 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 							}),
 							isVideo && /* @__PURE__ */ jsx("div", {
 								className: "text-muted-foreground text-[13px] leading-[1.4] font-normal",
-								children: videoLength || "Video"
+								children: videoLength || t("media_type_video")
 							}),
 							isImage && /* @__PURE__ */ jsx("div", {
 								className: "text-muted-foreground text-[13px] leading-[1.4] font-normal",
@@ -10212,13 +10304,9 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 		className: "hide-scrollbar flex h-full flex-col",
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "mb-4 px-4 pt-4",
-			children: /* @__PURE__ */ jsxs("h2", {
+			children: /* @__PURE__ */ jsx("h2", {
 				className: "text-foreground text-[15px] leading-[1.4] font-semibold",
-				children: [
-					"Items in playlist (",
-					items.length,
-					")"
-				]
+				children: t("playlist_items_in_playlist_count", { count: String(items.length) })
 			})
 		}), /* @__PURE__ */ jsx("div", {
 			className: "flex-1 overflow-y-auto px-4 pb-4",
@@ -10231,6 +10319,7 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 const DEFAULT_IMAGE$2 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
 function PlaylistDetailScreen({ playlistId, onNavigate }) {
 	const api = useShareablesApi();
+	const { t } = useShareablesTranslation();
 	const { navigate, user, readOnly } = useShareablesUI();
 	const [selectedPlaylistItemIndex, setSelectedPlaylistItemIndex] = useState(0);
 	const { data: playlistResponse, isLoading } = useQuery({
@@ -10256,7 +10345,7 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 				variant: "outline",
 				size: "sm",
 				onClick: () => navigate(`playlists/${playlistId}/edit`),
-				children: [/* @__PURE__ */ jsx(Pencil, { className: "mr-1 h-3.5 w-3.5" }), "Edit"]
+				children: [/* @__PURE__ */ jsx(Pencil, { className: "mr-1 h-3.5 w-3.5" }), t("common_edit")]
 			})
 		}) : null }),
 		/* @__PURE__ */ jsx(ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
@@ -10268,19 +10357,19 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 						e.preventDefault();
 						navigate("playlists");
 					},
-					children: "Playlists"
+					children: t("playlist_breadcrumb")
 				}) }),
 				/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
 				/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 					className: "block max-w-[60vw] truncate align-bottom font-semibold md:max-w-[60ch]",
-					children: displayTitle || "Playlist"
+					children: displayTitle || t("playlist_breadcrumb_fallback")
 				}) })
 			]
 		}) }) }),
 		/* @__PURE__ */ jsxs(ShareableDetailLayout, {
 			isLoading,
 			notFound: !playlist,
-			notFoundMessage: "Playlist not found or failed to load.",
+			notFoundMessage: t("playlist_not_found"),
 			title: displayTitle,
 			description: displayDescription,
 			image: /* @__PURE__ */ jsx("div", {
@@ -10290,7 +10379,7 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 					displayTitle,
 					displayVideo,
 					isVideo,
-					badgeLabel: "Playlist"
+					badgeLabel: t("playlist_badge_label")
 				})
 			}),
 			actions: /* @__PURE__ */ jsx(AssetActions, {
@@ -10485,6 +10574,7 @@ function PlaylistItemsProvider({ children, initialItems = [] }) {
 //#endregion
 //#region ../../shareables/ui/src/components/playlists/form/PlaylistFormHeader.tsx
 function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
+	const { t } = useShareablesTranslation();
 	const { form, isDirty: formIsDirty } = usePlaylistForm();
 	const { isDirty: itemsIsDirty } = usePlaylistItems();
 	const { onDeletePlaylist, showToast, navigate } = useShareablesUI();
@@ -10501,13 +10591,13 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 		try {
 			await onDeletePlaylist(Number(playlistId));
 			showToast({
-				title: "Playlist deleted successfully",
+				title: t("playlist_delete_success_full"),
 				type: "success"
 			});
 			navigate("playlists");
 		} catch (error) {
 			showToast({
-				title: "Failed to delete playlist",
+				title: t("playlist_delete_error"),
 				type: "error",
 				error
 			});
@@ -10525,7 +10615,7 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 					variant: "outline",
 					size: "sm",
 					className: "h-8 w-8 p-0",
-					"aria-label": "Playlist actions",
+					"aria-label": t("playlist_actions_aria"),
 					disabled: isMutating,
 					children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" })
 				})
@@ -10534,7 +10624,7 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 				children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
 					onClick: () => setIsDeleteOpen(true),
 					className: "text-destructive focus:text-destructive",
-					children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Delete"]
+					children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
 				})
 			})] }), /* @__PURE__ */ jsx(Button, {
 				onClick: () => {
@@ -10542,7 +10632,7 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 				},
 				disabled: isMutating || !isDirty || !isFormValid,
 				size: "sm",
-				children: isSaving ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : "Save"
+				children: isSaving ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : t("common_save")
 			})]
 		}) }),
 		/* @__PURE__ */ jsx(ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
@@ -10554,12 +10644,12 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 						e.preventDefault();
 						navigate("playlists");
 					},
-					children: "Playlists"
+					children: t("playlist_breadcrumb")
 				}) }),
 				/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
 				/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 					className: "font-semibold",
-					children: isEditMode ? "Edit Playlist" : "New Playlist"
+					children: isEditMode ? t("playlist_edit_breadcrumb") : t("playlist_create_breadcrumb")
 				}) })
 			]
 		}) }) }),
@@ -10568,9 +10658,9 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 			onOpenChange: (open) => {
 				if (!open && !isDeleting) setIsDeleteOpen(false);
 			},
-			children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Delete this playlist?" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "This removes the playlist from your library. Shared links that point to it will stop working." })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
+			children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: t("playlist_delete_confirm_title") }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: t("playlist_delete_confirm_description") })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
 				disabled: isDeleting,
-				children: "Cancel"
+				children: t("common_cancel")
 			}), /* @__PURE__ */ jsx(AlertDialogAction, {
 				onClick: (e) => {
 					e.preventDefault();
@@ -10578,7 +10668,7 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 				},
 				disabled: isDeleting,
 				className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-				children: isDeleting ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : "Delete"
+				children: isDeleting ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : t("common_delete")
 			})] })] })
 		})
 	] });
@@ -10586,6 +10676,7 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 //#endregion
 //#region ../../shareables/ui/src/components/playlists/form/PlaylistFormDetails.tsx
 function PlaylistFormDetails() {
+	const { t } = useShareablesTranslation();
 	const { form, updateField, validationErrors } = usePlaylistForm();
 	return /* @__PURE__ */ jsx("div", {
 		className: "border-border bg-card w-full rounded-lg border p-4 shadow-xs",
@@ -10593,10 +10684,10 @@ function PlaylistFormDetails() {
 			className: "space-y-6",
 			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h2", {
 				className: "text-md text-foreground font-semibold",
-				children: "Playlist"
+				children: t("playlist_form_heading")
 			}), /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground text-sm",
-				children: "Name your playlist and add a short description."
+				children: t("playlist_form_description")
 			})] }), /* @__PURE__ */ jsxs("div", {
 				className: "space-y-4",
 				children: [/* @__PURE__ */ jsxs("div", {
@@ -10604,11 +10695,11 @@ function PlaylistFormDetails() {
 					children: [
 						/* @__PURE__ */ jsx(Label, {
 							className: "text-foreground font-medium",
-							children: "Name *"
+							children: t("playlist_name_label")
 						}),
 						/* @__PURE__ */ jsx(Input, {
 							name: "title",
-							placeholder: "Playlist name",
+							placeholder: t("playlist_name_placeholder"),
 							value: form.title,
 							onChange: (e) => updateField("title", e.target.value),
 							required: true,
@@ -10623,7 +10714,7 @@ function PlaylistFormDetails() {
 					className: "flex flex-col gap-2",
 					children: [/* @__PURE__ */ jsx(Label, {
 						className: "text-foreground font-medium",
-						children: "Description"
+						children: t("common_description_label")
 					}), /* @__PURE__ */ jsx("div", {
 						className: "border-border rounded-[6px] border shadow-xs",
 						children: /* @__PURE__ */ jsx(RichTextEditor, {
@@ -10631,7 +10722,7 @@ function PlaylistFormDetails() {
 							onChange: (value) => updateField("description", value),
 							className: "h-48 border-0",
 							editorClassName: "h-36 overflow-auto",
-							placeholder: "Describe this playlist..."
+							placeholder: t("playlist_description_placeholder")
 						})
 					})]
 				})]
@@ -10673,18 +10764,18 @@ function typeBadgeIcon(relateableType, kind) {
 	if (relateableType === "EnrollmentPack") return Package;
 	return ShoppingBag;
 }
-function getTypeDisplay(relateableType, relateableKind) {
+function getTypeDisplay(relateableType, relateableKind, t) {
 	switch (relateableType) {
-		case "Product": return "Product";
-		case "EnrollmentPack": return "Enrollment Pack";
+		case "Product": return t("common_product");
+		case "EnrollmentPack": return t("common_enrollment_pack");
 		case "Medium": {
 			const kind = relateableKind?.toLowerCase() ?? "";
-			if (kind === "video" || kind.includes("video")) return "Video";
-			if (kind === "image" || kind.includes("image")) return "Image";
-			return relateableKind || "Media";
+			if (kind === "video" || kind.includes("video")) return t("media_type_video");
+			if (kind === "image" || kind.includes("image")) return t("media_type_image");
+			return relateableKind || t("media_type_default");
 		}
-		case "Page": return "Page";
-		default: return relateableType?.replace(/_/g, " ") || "Unknown";
+		case "Page": return t("common_page");
+		default: return relateableType?.replace(/_/g, " ") || t("common_unknown");
 	}
 }
 function getItemIcon(relateableType) {
@@ -10697,6 +10788,7 @@ function getItemIcon(relateableType) {
 	}
 }
 function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableReordering = true }) {
+	const { t } = useShareablesTranslation();
 	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
 	const handleDragEnd = (event) => {
 		const { active, over } = event;
@@ -10721,19 +10813,19 @@ function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableR
 				children: /* @__PURE__ */ jsxs("tr", { children: [
 					/* @__PURE__ */ jsx("th", {
 						className: "text-muted-foreground px-6 py-3 text-left text-xs font-medium tracking-wider uppercase",
-						children: "Order"
+						children: t("playlist_table_order")
 					}),
 					/* @__PURE__ */ jsx("th", {
 						className: "text-muted-foreground px-6 py-3 text-left text-xs font-medium tracking-wider uppercase",
-						children: "Item"
+						children: t("playlist_table_item")
 					}),
 					/* @__PURE__ */ jsx("th", {
 						className: "text-muted-foreground px-6 py-3 text-left text-xs font-medium tracking-wider uppercase",
-						children: "Type"
+						children: t("playlist_table_type")
 					}),
 					/* @__PURE__ */ jsx("th", {
 						className: "text-muted-foreground px-6 py-3 text-left text-xs font-medium tracking-wider uppercase",
-						children: "Actions"
+						children: t("playlist_table_actions")
 					})
 				] })
 			}), /* @__PURE__ */ jsx("tbody", {
@@ -10770,7 +10862,7 @@ function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableR
 									className: "min-w-0 flex-1",
 									children: /* @__PURE__ */ jsx("div", {
 										className: "text-foreground truncate text-sm font-medium",
-										children: row.title || "Untitled"
+										children: row.title || t("common_untitled")
 									})
 								})]
 							})
@@ -10779,7 +10871,7 @@ function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableR
 							className: "px-6 py-4 whitespace-nowrap",
 							children: /* @__PURE__ */ jsx("div", {
 								className: "bg-muted text-foreground inline-flex items-center gap-1 rounded-full px-2 py-1 text-xs",
-								children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(typeBadgeIcon(row.relateable_type || "", row.kind || ""), { className: "h-3 w-3 shrink-0" }), getTypeDisplay(row.relateable_type || "", row.kind || "")] })
+								children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(typeBadgeIcon(row.relateable_type || "", row.kind || ""), { className: "h-3 w-3 shrink-0" }), getTypeDisplay(row.relateable_type || "", row.kind || "", t)] })
 							})
 						}),
 						/* @__PURE__ */ jsx("td", {
@@ -10800,7 +10892,7 @@ function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableR
 										onDeleteItem(typeof row.id === "number" ? row.id : parseInt(String(row.id).replace("item-", "")));
 									},
 									variant: "destructive",
-									children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Delete Item"]
+									children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), t("playlist_delete_item")]
 								})
 							})] })
 						})
@@ -10876,23 +10968,27 @@ function computeOrderedItems(items) {
 	});
 	return result;
 }
-const SECTIONS = {
-	primary: {
-		heading: "Playlist Items",
-		description: "Manage the media and pages in your playlist. At least one is required.",
-		allowedMethods: ["media", "pages"],
-		allowedRelateableTypes: PRIMARY_CONTENT_TYPES
-	},
-	tagged: {
-		heading: "Tagged Products",
-		description: "Manage the products and enrollments in your playlist. These items will show as recommended items in the cart.",
-		allowedMethods: ["products", "enrollment_packs"],
-		allowedRelateableTypes: TAGGED_CONTENT_TYPES
-	}
-};
+function useSections(t) {
+	return useMemo(() => ({
+		primary: {
+			heading: t("playlist_items_heading"),
+			description: t("playlist_items_description"),
+			allowedMethods: ["media", "pages"],
+			allowedRelateableTypes: PRIMARY_CONTENT_TYPES
+		},
+		tagged: {
+			heading: t("playlist_tagged_products_heading"),
+			description: t("playlist_tagged_products_description"),
+			allowedMethods: ["products", "enrollment_packs"],
+			allowedRelateableTypes: TAGGED_CONTENT_TYPES
+		}
+	}), [t]);
+}
 function PlaylistItemsSection({ playlistId }) {
+	const { t } = useShareablesTranslation();
 	const { showToast, filePickerApi, pickerSources } = useShareablesUI();
 	const api = useShareablesApi();
+	const SECTIONS = useSections(t);
 	const [openSection, setOpenSection] = useState(null);
 	const { items: contextItems, updateItems, addItem, removeItem } = usePlaylistItems();
 	const tableItems = contextItems;
@@ -10910,7 +11006,7 @@ function PlaylistItemsSection({ playlistId }) {
 	}, [tableItems]);
 	const addItemMutation = useAddItemToPlaylistMutation({ onError: (error) => {
 		showToast({
-			title: "Failed to add item to playlist",
+			title: t("playlist_add_item_error"),
 			type: "error",
 			error
 		});
@@ -10918,13 +11014,13 @@ function PlaylistItemsSection({ playlistId }) {
 	const removeItemMutation = useRemoveItemsFromPlaylistMutation({
 		onSuccess: () => {
 			showToast({
-				title: "Item removed from playlist successfully",
+				title: t("playlist_remove_item_success"),
 				type: "success"
 			});
 		},
 		onError: (error) => {
 			showToast({
-				title: "Failed to remove item from playlist",
+				title: t("playlist_remove_item_error"),
 				type: "error",
 				error
 			});
@@ -10961,7 +11057,7 @@ function PlaylistItemsSection({ playlistId }) {
 					if (rollback) updateItems(rollback);
 					reorderRollbackRef.current = null;
 					showToast({
-						title: "Failed to save new item order",
+						title: t("playlist_reorder_error"),
 						type: "error",
 						error
 					});
@@ -10976,7 +11072,8 @@ function PlaylistItemsSection({ playlistId }) {
 		playlistId,
 		canPersistReorder,
 		reorderItemsMutation.mutate,
-		showToast
+		showToast,
+		t
 	]);
 	const handleDeleteItem = (itemId) => {
 		removeItem(itemId);
@@ -10989,7 +11086,7 @@ function PlaylistItemsSection({ playlistId }) {
 		setOpenSection(null);
 		if (results.length === 0) {
 			showToast({
-				title: "No items selected",
+				title: t("playlist_no_items_selected"),
 				type: "warning"
 			});
 			return;
@@ -11003,7 +11100,7 @@ function PlaylistItemsSection({ playlistId }) {
 			const label = result.metadata?.file_name || `${relateableType} #${relateableId}`;
 			if (tableItems.some((existing) => existing.relateable_type === relateableType && existing.relateable?.id === relateableId)) {
 				showToast({
-					title: "This item is already in the playlist",
+					title: t("playlist_item_already_exists"),
 					type: "error"
 				});
 				continue;
@@ -11030,7 +11127,7 @@ function PlaylistItemsSection({ playlistId }) {
 					}
 				});
 				showToast({
-					title: "Item added to playlist successfully",
+					title: t("playlist_add_item_success"),
 					type: "success"
 				});
 			} catch {}
@@ -11041,7 +11138,8 @@ function PlaylistItemsSection({ playlistId }) {
 		playlistId,
 		addItemMutation,
 		addItem,
-		showToast
+		showToast,
+		t
 	]);
 	const filePickerContextValue = useMemo(() => {
 		if (!filePickerApi) return null;
@@ -11124,6 +11222,7 @@ function PlaylistItemsSection({ playlistId }) {
 	});
 }
 function PlaylistItemsSubsection({ section, items, onAdd, onReorder, onDeleteItem, isPending, isDeletePending, disableAdd = false }) {
+	const { t } = useShareablesTranslation();
 	return /* @__PURE__ */ jsx("div", {
 		className: "border-border bg-card rounded-lg border p-4",
 		children: /* @__PURE__ */ jsxs("div", {
@@ -11148,7 +11247,7 @@ function PlaylistItemsSubsection({ section, items, onAdd, onReorder, onDeleteIte
 						size: "sm",
 						className: "flex min-w-25 items-center gap-2",
 						onClick: onAdd,
-						children: [/* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }), "Add Item"]
+						children: [/* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }), t("playlist_add_item_button")]
 					})
 				})]
 			}), /* @__PURE__ */ jsx(SortableTable, {
@@ -11196,13 +11295,14 @@ function buildPlaylistUrl(options) {
 	return "";
 }
 function PlaylistOpenGraphPreview({ playlist, playlistShareBaseUrl }) {
+	const { t } = useShareablesTranslation();
 	const { form } = usePlaylistForm();
 	const { items } = usePlaylistItems();
 	const seo = form.search_engine_optimizer;
 	const firstContentItem = useMemo(() => getFirstOrderedContentItem(items), [items]);
 	const firstItemImageUrl = useMemo(() => getImageFromRelateable(firstContentItem), [firstContentItem]);
-	const title = (seo?.title || form.title || "").trim() || "Playlist title";
-	const description = (seo?.description || "").trim() || stripHtml(form.description || "") || "Description shown when this playlist is shared on social platforms.";
+	const title = (seo?.title || form.title || "").trim() || t("playlist_og_title_fallback");
+	const description = (seo?.description || "").trim() || stripHtml(form.description || "") || t("playlist_og_description_fallback");
 	const imageUrl = firstItemImageUrl || (seo?.image_url || "").trim() || (form.image_url || "").trim();
 	const shareUrl = useMemo(() => buildPlaylistUrl({
 		playlist,
@@ -11226,7 +11326,7 @@ function PlaylistOpenGraphPreview({ playlist, playlistShareBaseUrl }) {
 		className: "border-border bg-card rounded-lg border p-4 shadow-xs",
 		children: [/* @__PURE__ */ jsx("h3", {
 			className: "text-foreground mb-2 text-sm font-semibold",
-			children: "Preview"
+			children: t("playlist_preview_heading")
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "border-border bg-card overflow-hidden rounded-lg border",
 			children: [/* @__PURE__ */ jsx("div", {
@@ -11241,7 +11341,7 @@ function PlaylistOpenGraphPreview({ playlist, playlistShareBaseUrl }) {
 				children: [
 					/* @__PURE__ */ jsx("p", {
 						className: "text-muted-foreground text-[11px] tracking-wide uppercase",
-						children: hostname || "your-site.com"
+						children: hostname || t("common_site_hostname_fallback")
 					}),
 					/* @__PURE__ */ jsx("p", {
 						className: "text-foreground line-clamp-2 text-base font-semibold",
@@ -11260,6 +11360,7 @@ function PlaylistOpenGraphPreview({ playlist, playlistShareBaseUrl }) {
 //#region ../../shareables/ui/src/components/screens/PlaylistCreateScreen.tsx
 function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onBack, hideHeader, renderHeaderSlot }) {
 	const api = useShareablesApi();
+	const { t } = useShareablesTranslation();
 	const { showToast, navigate, user } = useShareablesUI();
 	const { items: contextItems } = usePlaylistItems();
 	const { form, updateField, validateForm } = usePlaylistForm();
@@ -11281,7 +11382,7 @@ function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onB
 	const createMutation = useCreatePlaylistMutation({
 		onSuccess: (createdPlaylist) => {
 			showToast({
-				title: "Playlist created successfully",
+				title: t("playlist_create_success"),
 				type: "success"
 			});
 			const newId = createdPlaylist.playlist.id;
@@ -11289,7 +11390,7 @@ function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onB
 		},
 		onError: (error) => {
 			showToast({
-				title: "Failed to create playlist",
+				title: t("playlist_create_error"),
 				type: "error",
 				error
 			});
@@ -11298,13 +11399,13 @@ function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onB
 	const updateMutation = useUpdatePlaylistMutation({
 		onSuccess: () => {
 			showToast({
-				title: "Playlist updated successfully",
+				title: t("playlist_update_success"),
 				type: "success"
 			});
 		},
 		onError: (error) => {
 			showToast({
-				title: "Failed to update playlist",
+				title: t("playlist_update_error"),
 				type: "error",
 				error
 			});
@@ -11314,7 +11415,7 @@ function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onB
 	const onSaveForm = useCallback(async () => {
 		if (!validateForm()) {
 			showToast({
-				title: "Please fill out all required fields",
+				title: t("common_fill_required_fields"),
 				type: "error"
 			});
 			return Promise.reject(/* @__PURE__ */ new Error("Validation failed"));
@@ -11369,7 +11470,7 @@ function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onB
 		} catch (itemError) {
 			console.error("Error adding items to playlist:", itemError);
 			showToast({
-				title: "Playlist created but some items failed to add",
+				title: t("playlist_create_items_partial_error"),
 				type: "warning"
 			});
 		}
@@ -11384,7 +11485,8 @@ function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onB
 		updateMutation,
 		showToast,
 		api,
-		user?.id
+		user?.id,
+		t
 	]);
 	const isSaving = createMutation.isPending || updateMutation.isPending;
 	const handleSubmit = async () => {
@@ -11399,7 +11501,7 @@ function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onB
 					e.preventDefault();
 					(onBack ?? (() => navigate("playlists")))();
 				},
-				children: "Playlists"
+				children: t("playlist_breadcrumb")
 			}) }), isEditMode ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
 				/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, {
@@ -11409,16 +11511,16 @@ function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onB
 						navigate(`playlists/${playlistId}`);
 					},
 					className: "block max-w-[40vw] truncate align-bottom md:max-w-[60ch]",
-					children: playlistTitle || "Playlist"
+					children: playlistTitle || t("playlist_breadcrumb_fallback")
 				}) }),
 				/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
 				/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 					className: "font-semibold",
-					children: "Edit"
+					children: t("common_edit")
 				}) })
 			] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(BreadcrumbSeparator, {}), /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 				className: "font-semibold",
-				children: "New Playlist"
+				children: t("playlist_create_breadcrumb")
 			}) })] })]
 		}) }) }),
 		renderHeaderSlot?.({
@@ -11486,16 +11588,17 @@ function PlaylistCreateScreen({ playlistId, onBack, hideHeader, renderHeaderSlot
 //#endregion
 //#region ../../shareables/ui/src/components/screens/FilesListingScreen.tsx
 const PAGE_SIZE$1 = 24;
-function formatFileSize(bytes) {
-	if (bytes < 1024) return `${bytes} B`;
-	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-	if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-	return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+function formatFileSize(bytes, labels) {
+	if (bytes < 1024) return `${bytes} ${labels.b}`;
+	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} ${labels.kb}`;
+	if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} ${labels.mb}`;
+	return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} ${labels.gb}`;
 }
 const DEFAULT_IMAGE$1 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
 function FilesListingScreen({ onNavigate }) {
 	const api = useShareablesApi();
 	const renderImage = useRenderImage();
+	const { t } = useShareablesTranslation();
 	const [searchTerm, setSearchTerm] = useState("");
 	const [debouncedSearch, setDebouncedSearch] = useState("");
 	useEffect(() => {
@@ -11531,18 +11634,18 @@ function FilesListingScreen({ onNavigate }) {
 		children: /* @__PURE__ */ jsx("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
 	}), error && /* @__PURE__ */ jsx("p", {
 		className: "bg-destructive/10 text-destructive rounded-lg px-3 py-2",
-		children: "Failed to load files. Please try again."
+		children: t("files_load_error")
 	})] });
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
 		className: "text-lg",
 		children: /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 			className: "font-semibold",
-			children: "Files"
+			children: t("files_breadcrumb")
 		}) })
 	}) }) }), /* @__PURE__ */ jsx(ShareableListLayout, {
 		isLoading,
 		isEmpty: !error && files.length === 0 && !isFetchingNextPage && !hasNextPage,
-		emptyMessage: debouncedSearch ? `No files match "${debouncedSearch}". Try a different search term.` : "No files available.",
+		emptyMessage: debouncedSearch ? t("files_search_no_results", { search: debouncedSearch }) : t("files_empty_default"),
 		filters: /* @__PURE__ */ jsx("div", {
 			className: "flex justify-end",
 			children: /* @__PURE__ */ jsx("div", {
@@ -11550,7 +11653,7 @@ function FilesListingScreen({ onNavigate }) {
 				children: /* @__PURE__ */ jsx(SearchSort, {
 					searchValue: searchTerm,
 					onSearchChange: setSearchTerm,
-					placeholder: "Search files..."
+					placeholder: t("files_search_placeholder")
 				})
 			})
 		}),
@@ -11577,7 +11680,7 @@ function FilesListingScreen({ onNavigate }) {
 						children: [
 							renderImage({
 								src: file.preview_image_url || DEFAULT_IMAGE$1,
-								alt: file.filename || "Untitled File",
+								alt: file.filename || t("files_untitled"),
 								fill: true,
 								className: "object-cover transition-transform group-hover:scale-105"
 							}),
@@ -11591,17 +11694,22 @@ function FilesListingScreen({ onNavigate }) {
 							!isVideo && /* @__PURE__ */ jsx(Badge, {
 								className: "absolute top-2 right-2 shadow-lg",
 								variant: "default",
-								children: formatFileSize(file.content_size)
+								children: formatFileSize(file.content_size, {
+									b: t("files_size_b"),
+									kb: t("files_size_kb"),
+									mb: t("files_size_mb"),
+									gb: t("files_size_gb")
+								})
 							})
 						]
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "px-2 pt-2 pb-4",
 						children: [/* @__PURE__ */ jsx("h3", {
 							className: "text-foreground line-clamp-2 text-sm leading-tight font-bold",
-							children: file.filename || "Untitled File"
+							children: file.filename || t("files_untitled")
 						}), /* @__PURE__ */ jsx("p", {
 							className: "text-muted-foreground mt-1 text-xs",
-							children: file.content_type || "File"
+							children: file.content_type || t("files_type_default")
 						})]
 					})]
 				}, file.id);
@@ -11619,6 +11727,7 @@ function toApiSort(value) {
 function PagesListingScreen({ onNavigate }) {
 	const api = useShareablesApi();
 	const renderImage = useRenderImage();
+	const { t } = useShareablesTranslation();
 	const [searchTerm, setSearchTerm] = useState("");
 	const [debouncedSearch, setDebouncedSearch] = useState("");
 	const [sortValue, setSortValue] = useState("newest");
@@ -11645,6 +11754,20 @@ function PagesListingScreen({ onNavigate }) {
 		initialPageParam: void 0,
 		placeholderData: keepPreviousData
 	});
+	const sortOptions = useMemo(() => [
+		{
+			label: t("sort_newest_first"),
+			value: "newest"
+		},
+		{
+			label: t("sort_title_asc"),
+			value: "title_asc"
+		},
+		{
+			label: t("sort_title_desc"),
+			value: "title_desc"
+		}
+	], [t]);
 	const allPages = useMemo(() => data?.pages.flatMap((p) => p.pages) ?? [], [data?.pages]);
 	useEffect(() => {
 		const target = observerTarget.current;
@@ -11666,14 +11789,14 @@ function PagesListingScreen({ onNavigate }) {
 		className: "text-lg",
 		children: /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 			className: "font-semibold",
-			children: "Pages"
+			children: t("pages_breadcrumb")
 		}) })
 	}) }) }), /* @__PURE__ */ jsx(ShareableListLayout, {
 		isLoading,
 		error,
-		errorMessage: "Failed to load pages. Please try again.",
+		errorMessage: t("pages_load_error"),
 		isEmpty: allPages.length === 0 && !isFetchingNextPage,
-		emptyMessage: debouncedSearch ? `No pages match "${debouncedSearch}". Try a different search term.` : "No pages available.",
+		emptyMessage: debouncedSearch ? t("pages_search_no_results", { search: debouncedSearch }) : t("pages_empty_default"),
 		filters: /* @__PURE__ */ jsx("div", {
 			className: "flex justify-end",
 			children: /* @__PURE__ */ jsx("div", {
@@ -11681,21 +11804,8 @@ function PagesListingScreen({ onNavigate }) {
 				children: /* @__PURE__ */ jsx(SearchSort, {
 					searchValue: searchTerm,
 					onSearchChange: setSearchTerm,
-					placeholder: "Search pages...",
-					sortOptions: [
-						{
-							label: "Newest first",
-							value: "newest"
-						},
-						{
-							label: "Title (A-Z)",
-							value: "title_asc"
-						},
-						{
-							label: "Title (Z-A)",
-							value: "title_desc"
-						}
-					],
+					placeholder: t("pages_search_placeholder"),
+					sortOptions,
 					sortValue,
 					onSortChange: (v) => setSortValue(v)
 				})
@@ -11709,7 +11819,7 @@ function PagesListingScreen({ onNavigate }) {
 		children: /* @__PURE__ */ jsx("div", {
 			className: SHAREABLE_GRID_CLASS,
 			children: allPages.map((page) => {
-				const title = page.title || "Untitled Page";
+				const title = page.title || t("pages_untitled");
 				const openDetail = () => onNavigate?.("pages", String(page.id));
 				return /* @__PURE__ */ jsxs(Card, {
 					role: "button",
@@ -11732,7 +11842,7 @@ function PagesListingScreen({ onNavigate }) {
 						}), /* @__PURE__ */ jsx(Badge, {
 							className: "absolute top-2 right-2 shadow-lg",
 							variant: page.status === "published" ? "default" : "secondary",
-							children: page.status === "published" ? "Published" : "Unpublished"
+							children: page.status === "published" ? t("pages_status_published") : t("pages_status_unpublished")
 						})]
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "px-2 pt-2 pb-4",
@@ -11754,6 +11864,7 @@ function PagesListingScreen({ onNavigate }) {
 function PageDetailScreen({ pageId, onBack }) {
 	const api = useShareablesApi();
 	const { navigate } = useShareablesUI();
+	const { t } = useShareablesTranslation();
 	const { data: pageResponse, isLoading } = useQuery({
 		queryKey: shareablesKeys.pages.detail(Number(pageId)),
 		queryFn: () => api.pages.getPage(Number(pageId))
@@ -11775,18 +11886,18 @@ function PageDetailScreen({ pageId, onBack }) {
 					e.preventDefault();
 					(onBack ?? (() => navigate("pages")))();
 				},
-				children: "Pages"
+				children: t("pages_breadcrumb")
 			}) }),
 			/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
 			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 				className: "block max-w-[60vw] truncate align-bottom font-semibold md:max-w-[60ch]",
-				children: displayTitle || "Page"
+				children: displayTitle || t("pages_breadcrumb_fallback")
 			}) })
 		]
 	}) }) }), /* @__PURE__ */ jsx(ShareableDetailLayout, {
 		isLoading,
 		notFound: !page && !isLoading,
-		notFoundMessage: "Page not found or failed to load.",
+		notFoundMessage: t("pages_not_found"),
 		title: displayTitle,
 		description,
 		containerHeightClass: "md:h-[calc(95vh-140px)]",
@@ -11796,13 +11907,13 @@ function PageDetailScreen({ pageId, onBack }) {
 				displayImage,
 				displayTitle,
 				isVideo: false,
-				badgeLabel: "Page",
+				badgeLabel: t("pages_badge_label"),
 				rounded: true,
 				showBadge: false
 			}), page && /* @__PURE__ */ jsx(Badge, {
 				variant: page.status === "published" ? "default" : "secondary",
 				className: "bg-background/80 text-foreground absolute top-3 right-3 z-0 inline-flex h-8 items-center rounded-full px-3 text-xs font-medium shadow-md backdrop-blur-sm",
-				children: page.status === "published" ? "Published" : "Unpublished"
+				children: page.status === "published" ? t("pages_status_published") : t("pages_status_unpublished")
 			})]
 		}),
 		actions: page && /* @__PURE__ */ jsx(AssetActions, {
@@ -11880,6 +11991,334 @@ function ShareablesApp({ screen, detailId, action, onNavigate, onBack, countryCo
 	return content;
 }
 //#endregion
+//#region ../../shareables/core/src/translation-adapter.ts
+const shareablesDomain = createDomainTranslations({
+	fallback: {
+		common_save: "Save",
+		common_cancel: "Cancel",
+		common_delete: "Delete",
+		common_deleting: "Deleting...",
+		common_edit: "Edit",
+		common_done: "Done",
+		common_on: "On",
+		common_off: "Off",
+		common_replace: "Replace",
+		common_remove: "Remove",
+		common_removing: "Removing...",
+		common_add: "Add",
+		common_adding: "Adding...",
+		common_added: "Added",
+		common_untitled: "Untitled",
+		common_loading: "Loading...",
+		common_na: "N/A",
+		common_all: "All",
+		common_mine: "Mine",
+		common_company: "Company",
+		common_product: "Product",
+		common_enrollment: "Enrollment",
+		common_enrollment_pack: "Enrollment Pack",
+		common_page: "Page",
+		common_unknown: "Unknown",
+		common_title_label: "Title",
+		common_description_label: "Description",
+		common_start_writing_placeholder: "Start writing...",
+		common_read_more: "Read more",
+		common_read_less: "Read less",
+		common_not_found_default: "Not found or failed to load.",
+		common_load_error_default: "Failed to load. Please try again.",
+		common_error_prefix: "Error: ",
+		common_fill_required_fields: "Please fill out all required fields",
+		common_select_all: "Select All",
+		common_deselect_all: "Deselect All",
+		common_selected_count: "{{count}} selected",
+		common_favorite: "Favorite",
+		common_unfavorite: "Unfavorite",
+		common_cancel_selection_aria: "Cancel selection",
+		common_more_options_aria: "More options",
+		common_list_view: "List view",
+		common_grid_view: "Grid view",
+		common_site_hostname_fallback: "your-site.com",
+		sort_newest: "Newest",
+		sort_oldest: "Oldest",
+		sort_newest_first: "Newest first",
+		sort_name_asc: "Name (A-Z)",
+		sort_name_desc: "Name (Z-A)",
+		sort_title_asc: "Title (A-Z)",
+		sort_title_desc: "Title (Z-A)",
+		sort_date_newest: "Date Created (Newest)",
+		sort_date_oldest: "Date Created (Oldest)",
+		sort_price_asc: "Price: Low to High",
+		sort_price_desc: "Price: High to Low",
+		media_breadcrumb: "Media",
+		media_heading: "Media",
+		media_new_title: "New Media",
+		media_create_breadcrumb: "New Media",
+		media_type_image: "Image",
+		media_type_video: "Video",
+		media_type_pdf: "PDF",
+		media_type_default: "Media",
+		media_create_success: "Media created successfully",
+		media_create_error: "Failed to create media: {{message}}",
+		media_save_success: "Media saved successfully",
+		media_save_error: "Failed to save: {{message}}",
+		media_delete_success: "Media deleted",
+		media_delete_error: "Failed to delete: {{message}}",
+		media_title_required: "Title is required",
+		media_file_required: "Please select a file",
+		media_not_found: "Media not found or failed to load.",
+		media_select_button: "Select Media",
+		media_replace_button: "Replace Media",
+		media_add_button: "Add Media",
+		media_upload_placeholder: "No media uploaded. Click to upload an image, video, or PDF.",
+		media_details_heading: "Media Details",
+		media_title_placeholder: "Enter media title",
+		media_cta_button_label: "CTA Button: ",
+		media_thumbnail_label: "Thumbnail",
+		media_thumbnail_alt: "Thumbnail",
+		media_video_thumbnail_alt: "Video thumbnail",
+		media_no_thumbnail: "No thumbnail set",
+		media_pending_save: "Pending — save to apply",
+		media_select_new_image: "Select New Image",
+		media_thumbnail_capture_unavailable: "Thumbnail capture is not available in this context",
+		media_thumbnail_upload_error: "Failed to upload thumbnail",
+		media_no_media_available: "No media available",
+		media_actions_aria: "Media actions",
+		media_my_media_tab: "My Media",
+		media_my_media_badge: "My Media",
+		media_search_placeholder: "Search media...",
+		media_filter_all_types: "All types",
+		media_filter_images: "Images",
+		media_filter_videos: "Videos",
+		media_filter_pdfs: "PDFs",
+		media_empty_default: "No media available.",
+		media_delete_dialog_title: "Delete Media",
+		media_delete_dialog_description: "Are you sure you want to delete {{title}}? This action cannot be undone.",
+		media_delete_confirm_title: "Delete this media?",
+		media_delete_confirm_description: "This removes the item from your media library. Shared links that point to it will stop working.",
+		media_frame_capture_error: "Couldn't capture the video frame. Please try again.",
+		media_select_from_video_frame: "Select from video frame",
+		media_select_video_frame: "Select Video Frame",
+		media_select_video_frame_title: "Select Video Frame",
+		media_capture_frame: "Capture Frame",
+		media_tagged_products_heading: "Tagged Products",
+		media_no_products_tagged: "No products tagged yet.",
+		media_add_product_button: "Add Product",
+		media_add_products_button: "Add Products",
+		media_products_selected_count: "{{current}} of {{max}} products selected",
+		media_products_country_note: "Products will only display in available countries.",
+		media_product_fallback_name: "Product #{{id}}",
+		media_max_products_reached: "Maximum {{max}} products reached",
+		media_select_products_title: "Select Products to Tag",
+		media_products_selected_ratio: "({{current}}/{{max}} selected)",
+		media_max_products_warning: "You have reached the maximum limit of {{max}} products.",
+		media_limit_reached: "Limit reached",
+		cta_dialog_title: "CTA Button",
+		cta_dialog_description: "Configure the call-to-action button that appears with your media.",
+		cta_enable_toggle_label: "Enable call-to-action button",
+		cta_action_type_label: "Action Type",
+		cta_type_placeholder: "Select type",
+		cta_type_page: "Page",
+		cta_type_cart: "Cart",
+		cta_type_email: "Email",
+		cta_type_phone: "Phone",
+		cta_button_label: "Button Label",
+		cta_default_button_text: "Learn More",
+		cta_url_label: "URL",
+		cta_url_placeholder: "https://example.com",
+		seo_heading: "SEO And Link Sharing",
+		seo_title_label: "SEO Title",
+		seo_title_placeholder: "Page title for search engines",
+		seo_description_label: "SEO Description",
+		seo_description_placeholder: "Description for search engines",
+		seo_block_crawlers_label: "Block Crawlers",
+		seo_block_crawlers_description: "Prevent search engines from indexing",
+		seo_block_crawlers_aria: "Block search engine crawlers",
+		seo_preview_title_fallback: "Your page title",
+		seo_preview_url_fallback: "yoursite.com/media/...",
+		playlist_breadcrumb: "Playlists",
+		playlist_breadcrumb_fallback: "Playlist",
+		playlist_create_breadcrumb: "New Playlist",
+		playlist_edit_breadcrumb: "Edit Playlist",
+		playlist_badge_label: "Playlist",
+		playlist_create_success: "Playlist created successfully",
+		playlist_create_error: "Failed to create playlist",
+		playlist_update_success: "Playlist updated successfully",
+		playlist_update_error: "Failed to update playlist",
+		playlist_delete_success: "Playlist deleted",
+		playlist_delete_success_full: "Playlist deleted successfully",
+		playlist_delete_error: "Failed to delete playlist",
+		playlist_not_found: "Playlist not found or failed to load.",
+		playlist_create_items_partial_error: "Playlist created but some items failed to add",
+		playlist_favorite_error: "Failed to update favorite",
+		playlist_favorite_added: "Added to favorites",
+		playlist_favorite_removed: "Removed from favorites",
+		playlist_my_playlists_tab: "My Playlists",
+		playlist_search_placeholder: "Search playlists...",
+		playlist_create_button: "Create Playlist",
+		playlist_empty_default: "There are no playlists available at the moment.",
+		playlist_untitled: "Untitled Playlist",
+		playlist_item_count_one: "{{count}} item",
+		playlist_item_count_other: "{{count}} items",
+		playlist_select_aria: "Select {{title}}",
+		playlist_actions_aria: "Playlist actions",
+		playlist_delete_confirm_title: "Delete this playlist?",
+		playlist_delete_confirm_description: "This removes the playlist from your library. Shared links that point to it will stop working.",
+		playlist_form_heading: "Playlist",
+		playlist_form_description: "Name your playlist and add a short description.",
+		playlist_name_label: "Name *",
+		playlist_name_placeholder: "Playlist name",
+		playlist_description_placeholder: "Describe this playlist...",
+		playlist_items_heading: "Playlist Items",
+		playlist_items_description: "Manage the media and pages in your playlist. At least one is required.",
+		playlist_tagged_products_heading: "Tagged Products",
+		playlist_tagged_products_description: "Manage the products and enrollments in your playlist. These items will show as recommended items in the cart.",
+		playlist_add_item_button: "Add Item",
+		playlist_add_item_success: "Item added to playlist successfully",
+		playlist_add_item_error: "Failed to add item to playlist",
+		playlist_remove_item_success: "Item removed from playlist successfully",
+		playlist_remove_item_error: "Failed to remove item from playlist",
+		playlist_reorder_error: "Failed to save new item order",
+		playlist_no_items_selected: "No items selected",
+		playlist_item_already_exists: "This item is already in the playlist",
+		playlist_delete_item: "Delete Item",
+		playlist_table_order: "Order",
+		playlist_table_item: "Item",
+		playlist_table_type: "Type",
+		playlist_table_actions: "Actions",
+		playlist_preview_heading: "Preview",
+		playlist_og_title_fallback: "Playlist title",
+		playlist_og_description_fallback: "Description shown when this playlist is shared on social platforms.",
+		playlist_no_other_playlists: "No Other Playlists",
+		playlist_no_other_playlists_description: "There are no other playlists available",
+		playlist_view_link: "View playlist ->",
+		playlist_other_playlists_tab: "Other Playlists",
+		playlist_no_items: "No Items",
+		playlist_no_items_description: "This playlist doesn't have any items yet",
+		playlist_items_in_playlist_count: "Items in playlist ({{count}})",
+		pages_breadcrumb: "Pages",
+		pages_breadcrumb_fallback: "Page",
+		pages_badge_label: "Page",
+		pages_load_error: "Failed to load pages. Please try again.",
+		pages_search_no_results: "No pages match \"{{search}}\". Try a different search term.",
+		pages_empty_default: "No pages available.",
+		pages_search_placeholder: "Search pages...",
+		pages_untitled: "Untitled Page",
+		pages_status_published: "Published",
+		pages_status_unpublished: "Unpublished",
+		pages_not_found: "Page not found or failed to load.",
+		products_breadcrumb: "Products",
+		products_breadcrumb_fallback: "Product",
+		products_load_error: "Failed to load products. Please try again.",
+		products_load_more_error: "Failed to load more products.",
+		products_add_error: "Failed to add product. Please try again.",
+		products_remove_error: "Failed to remove product. Please try again.",
+		products_search_placeholder: "Search products...",
+		products_search_no_results: "No products found matching your search.",
+		products_search_start_typing: "Start typing to search for products.",
+		products_empty_default: "No products available.",
+		products_not_found: "Product not found or failed to load.",
+		products_no_image: "No Product Image",
+		products_no_media: "This product does not have any associated media",
+		products_price_label: "Price",
+		products_related_sharables: "Related Sharables",
+		products_asset_count: "{{count}} assets",
+		files_breadcrumb: "Files",
+		files_load_error: "Failed to load files. Please try again.",
+		files_search_no_results: "No files match \"{{search}}\". Try a different search term.",
+		files_empty_default: "No files available.",
+		files_search_placeholder: "Search files...",
+		files_untitled: "Untitled File",
+		files_type_default: "File",
+		files_size_b: "B",
+		files_size_kb: "KB",
+		files_size_mb: "MB",
+		files_size_gb: "GB",
+		share_download_asset: "Download Asset",
+		share_download_no_asset: "No downloadable asset available",
+		share_link_copied: "Share link copied to clipboard!",
+		share_link_copy_error: "Failed to copy link to clipboard",
+		share_link_not_available: "Share link not available yet. Please wait...",
+		share_social_description: "Check out this {{type}}: {{title}}",
+		share_mysite_success: "Shared to MySite",
+		share_mysite_error: "Failed to share to MySite",
+		share_unique_link_heading: "Share Your Unique Link",
+		share_qr_code_alt: "QR Code for share link",
+		share_qr_code_default_alt: "QR Code",
+		share_qr_code_load_error: "QR code failed to load",
+		share_mysite_button: "MySite",
+		share_mysite_preview_title: "MySite Preview",
+		share_button: "Share",
+		share_generating_link: "Generating link...",
+		share_loading_media: "Loading media...",
+		share_media_load_error: "Failed to load media",
+		share_analytics_coming_soon: "Analytics Coming Soon",
+		share_analytics_description: "View engagement metrics and performance data",
+		share_type_product: "product",
+		share_type_media: "media",
+		share_type_enrollment_pack: "enrollment pack",
+		share_type_site: "site",
+		share_type_library: "library",
+		share_no_marketing_assets: "No Marketing Assets",
+		share_no_associated_media: "This {{label}} does not have any associated media",
+		share_related_sharables_count: "Related Sharables ({{count}})",
+		share_no_tab_items_found: "No {{tab}} found",
+		share_no_items_to_display: "No items to display",
+		share_click_to_find_assets: "Click to find shareable assets",
+		share_click_to_share_video: "Click to share this video",
+		share_click_to_share_asset: "Click to share this asset",
+		share_no_tagged_products: "No Tagged Products",
+		share_no_tagged_products_description: "No products are tagged in this playlist",
+		share_tagged_products_count: "Tagged Products ({{count}})",
+		common_filter_search_no_results: "No {{entityName}} match \"{{searchTerm}}\" with the current filters. Try a different search term or switch to \"All\".",
+		common_search_no_results: "No {{entityName}} match \"{{searchTerm}}\". Try a different search term.",
+		common_filter_no_results: "No matching {{entityName}} for the current filters.",
+		editor_bold: "Bold",
+		editor_italic: "Italic",
+		editor_underline: "Underline",
+		editor_align_left: "Align left",
+		editor_align_center: "Align center",
+		editor_align_right: "Align right",
+		editor_justify: "Justify",
+		editor_bullet_list: "Bullet list",
+		editor_ordered_list: "Ordered list"
+	},
+	loaders: {
+		de: () => import("./de-ndSZ5ykY.mjs").then((m) => m.default),
+		el: () => import("./el-epEJkauy.mjs").then((m) => m.default),
+		es: () => import("./es-CWW1uLK3.mjs").then((m) => m.default),
+		fr: () => import("./fr-CT47eWK_.mjs").then((m) => m.default),
+		he: () => import("./he-gcmGB1-C.mjs").then((m) => m.default),
+		hu: () => import("./hu-pswRdooT.mjs").then((m) => m.default),
+		id: () => import("./id-Dhws7LdN.mjs").then((m) => m.default),
+		it: () => import("./it-dsOgAn3r.mjs").then((m) => m.default),
+		ja: () => import("./ja-BqySbP-W.mjs").then((m) => m.default),
+		ko: () => import("./ko-Cdb4MyCC.mjs").then((m) => m.default),
+		nl: () => import("./nl-D0dcnS-5.mjs").then((m) => m.default),
+		pl: () => import("./pl-COP9NGch.mjs").then((m) => m.default),
+		pt: () => import("./pt-CSvh02ed.mjs").then((m) => m.default),
+		ro: () => import("./ro-D2WH48l8.mjs").then((m) => m.default),
+		ru: () => import("./ru-BCP_P-Kw.mjs").then((m) => m.default),
+		th: () => import("./th-CZxqRIHs.mjs").then((m) => m.default),
+		tl: () => import("./tl-DCKUBvuV.mjs").then((m) => m.default),
+		tr: () => import("./tr-COlHtN47.mjs").then((m) => m.default),
+		zh_CN: () => import("./zh_CN-oOeDsP-B.mjs").then((m) => m.default),
+		zh_TW: () => import("./zh_TW-D-xI7JBs.mjs").then((m) => m.default)
+	}
+});
+function createShareablesTranslationAdapter(locale, dict) {
+	return createStaticDictAdapter(locale, dict);
+}
+//#endregion
+//#region src/providers/ShareablesTranslationBridge.tsx
+function ShareablesTranslationBridge({ children }) {
+	const { locale } = useActiveLocale();
+	const dict = useDomainDict(shareablesDomain, locale);
+	return /* @__PURE__ */ jsx(ShareablesTranslationProvider, {
+		value: useMemo(() => createShareablesTranslationAdapter(locale, dict), [locale, dict]),
+		children
+	});
+}
+//#endregion
 //#region ../../file-picker/api-client/src/api/url-proxy.ts
 const urlProxyResponseSchema = z.object({
 	data: z.string(),
@@ -13278,7 +13717,7 @@ function ShareablesScreenContent() {
 		detailId,
 		screen
 	]);
-	return /* @__PURE__ */ jsx(ShareablesCoreProvider, {
+	return /* @__PURE__ */ jsx(ShareablesTranslationBridge, { children: /* @__PURE__ */ jsx(ShareablesCoreProvider, {
 		config: useMemo(() => ({
 			user: account ? { id: account.id } : null,
 			repContext: true
@@ -13424,7 +13863,7 @@ function ShareablesScreenContent() {
 				onBack: handleBack
 			})
 		})
-	});
+	}) });
 }
 const shareablesScreenPropertySchema = {
 	widgetType: "ShareablesScreen",
@@ -13438,4 +13877,4 @@ const shareablesScreenPropertySchema = {
 //#endregion
 export { shareablesScreenPropertySchema as n, ShareablesScreen as t };
 
-//# sourceMappingURL=ShareablesScreen-DYOIQwK-.mjs.map
+//# sourceMappingURL=ShareablesScreen-BrsJQqia.mjs.map