@fluid-app/portal-sdk 0.1.287 → 0.1.288

package/dist/{ShareablesScreen-CQZBq1Hl.cjs → ShareablesScreen-BT3H1Omb.cjs}

@@ -2,6 +2,7 @@ const require_chunk = require("./chunk-9hOWP6kD.cjs");
 const require_portal_tenant = require("./portal_tenant-DG4gKXnu.cjs");
 const require_portal_tenant_content = require("./portal_tenant_content-C1R1xxDP.cjs");
 const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-CVv-4rQ9.cjs");
+const require_static_dict_adapter = require("./static-dict-adapter-D1ErNskC.cjs");
 const require_src = require("./src-B0ut9PTw.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-CsfhnuJk.cjs");
 const require_use_store = require("./use-store-DvtLtZ3f.cjs");
@@ -488,11 +489,18 @@ async function getProduct(client, id, options) {
 	});
 }
 //#endregion
+//#region ../../shareables/core/src/translation-api-context.ts
+const { Provider: ShareablesProvider, useTranslation } = require_static_dict_adapter.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);
 	}
@@ -534,10 +542,10 @@ function ShareItemCard({ title, imageUrl, href, badge, isVideo = false, subtitle
 			className: "px-2 pt-2 pb-4",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 				className: "text-foreground line-clamp-2 text-sm leading-tight font-bold",
-				children: title || "Untitled"
+				children: title || t("common_untitled")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "text-muted-foreground mt-1 text-xs",
-				children: subtitle
+				children: resolvedSubtitle
 			})]
 		})]
 	});
@@ -552,13 +560,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__ */ (0, react_jsx_runtime.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
 	});
 }
@@ -582,7 +591,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__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-6 px-4 py-4 md:px-10 md:py-6",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -608,7 +619,7 @@ function ShareableListLayout({ filters, children, isLoading, error, errorMessage
 		className: "flex flex-col items-center justify-center py-16",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 			className: "text-destructive text-sm",
-			children: errorMessage
+			children: resolvedErrorMessage
 		})
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -644,6 +655,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__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "hover:bg-muted flex items-center gap-3 px-4 py-3 transition-colors",
 		children: [
@@ -663,7 +675,7 @@ function ShareableListRow({ imageUrl, imageAlt, title, subtitle, onClick, leadin
 					className: "min-w-0 flex-1",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "text-foreground truncate text-sm font-medium",
-						children: title || "Untitled"
+						children: title || t("common_untitled")
 					}), subtitle != null && subtitle !== false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "text-muted-foreground flex items-center gap-1.5 text-xs",
 						children: subtitle
@@ -681,16 +693,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__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "border-input bg-muted flex items-center rounded-lg border p-0.5",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleButton, {
 			active: value === "list",
-			label: "List view",
+			label: t("common_list_view"),
 			onClick: () => onChange("list"),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.List, { className: "h-4 w-4" })
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleButton, {
 			active: value === "grid",
-			label: "Grid view",
+			label: t("common_grid_view"),
 			onClick: () => onChange("grid"),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LayoutGrid, { className: "h-4 w-4" })
 		})]
@@ -741,35 +754,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 = (0, react.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] = (0, react.useState)("");
 	const [debouncedSearch, setDebouncedSearch] = (0, react.useState)("");
 	const [sortValue, setSortValue] = (0, react.useState)("created_at_desc");
@@ -848,18 +862,18 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
 	}), error && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenHeaderContext.ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbList, {
 		className: "text-lg",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 			className: "font-semibold",
-			children: "Products"
+			children: t("products_breadcrumb")
 		}) })
 	}) }) }), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex items-center justify-end gap-2",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -867,8 +881,8 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PortalProductsApiProvider.SearchSort, {
 					searchValue: searchTerm,
 					onSearchChange: setSearchTerm,
-					placeholder: "Search products...",
-					sortOptions: SORT_OPTIONS$1,
+					placeholder: t("products_search_placeholder"),
+					sortOptions: SORT_OPTIONS,
 					sortValue,
 					onSortChange: setSortValue
 				})
@@ -895,7 +909,7 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 			children: products.map((product) => /* @__PURE__ */ (0, react_jsx_runtime.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))
 		})
@@ -956,7 +970,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 = (0, react.useMemo)(() => url ? `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(url)}` : "", [url]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: `flex ${{
@@ -966,13 +982,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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "flex items-center justify-center text-gray-400",
@@ -1031,16 +1047,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
 			});
@@ -1049,7 +1066,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;
@@ -1057,7 +1074,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"
@@ -1069,7 +1089,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;
@@ -1081,12 +1101,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
 			});
@@ -1116,7 +1136,7 @@ function ShareLinkSection({ shareLink, loading, displayTitle, isVideo, relateabl
 			className: "flex items-center gap-3",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 				className: "text-foreground shrink-0 text-sm font-semibold",
-				children: "Share Your Unique Link"
+				children: t("share_unique_link_heading")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-foreground h-px flex-1" })]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex items-start gap-4",
@@ -1124,7 +1144,7 @@ function ShareLinkSection({ shareLink, loading, displayTitle, isVideo, relateabl
 				className: "bg-muted shrink-0 rounded-md p-2",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.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"
 				})
@@ -1137,14 +1157,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__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuTrigger, {
 						asChild: true,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.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__ */ (0, react_jsx_runtime.jsx)(lucide_react.Menu, { className: "mr-1 h-3 w-3" }), "Share"]
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Menu, { className: "mr-1 h-3 w-3" }), t("share_button")]
 						})
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuContent, {
 						className: "w-48",
@@ -1165,7 +1185,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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 						onClick: handleCopyLink,
 						variant: "ghost",
@@ -1196,6 +1216,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] = (0, react.useState)(false);
 	const handleDownload = (0, react.useCallback)(async () => {
 		if (!downloadUrl || isDownloading) return;
@@ -1223,7 +1244,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__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: "text-sm font-medium",
-			children: "Download Asset"
+			children: t("share_download_asset")
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Download, { className: "h-4 w-4" })]
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareLinkSection, {
 		shareLink,
@@ -1237,25 +1258,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.default.memo(function FilterTabs({ tabs, activeTab, onTabChange }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "mb-3 flex gap-2",
 		children: tabs.map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.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.default.memo(function MediaCard({ mediaItem, onClick }) {
 	const renderImage = useRenderImage();
+	const { t } = useShareablesTranslation();
 	const isVideo = mediaItem.kind === "video";
 	const isImage = mediaItem.kind === "image";
 	const MediaIcon = isVideo ? lucide_react.Play : isImage ? lucide_react.FileImage : lucide_react.Image;
@@ -1266,7 +1283,7 @@ const MediaCard = react.default.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__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1278,25 +1295,28 @@ const MediaCard = react.default.memo(function MediaCard({ mediaItem, onClick })
 			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.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.default.memo(function LoadingState({ message = "Loading media..." }) {
+const LoadingState = react.default.memo(function LoadingState({ message }) {
+	const { t } = useShareablesTranslation();
+	const resolvedMessage = message ?? t("share_loading_media");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex flex-col items-center justify-center gap-3 py-12",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-8" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "text-muted-foreground text-sm",
-			children: message
+			children: resolvedMessage
 		})]
 	});
 });
-const ErrorState = react.default.memo(function ErrorState({ message = "Failed to load media" }) {
+const ErrorState = react.default.memo(function ErrorState({ message }) {
+	const { t } = useShareablesTranslation();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "flex items-center justify-center",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "text-sm text-red-500",
-			children: message
+			children: message ?? t("share_media_load_error")
 		})
 	});
 });
@@ -1319,29 +1339,30 @@ const EmptyState = react.default.memo(function EmptyState({ message, icon, descr
 	});
 });
 const AnalyticsPlaceholder = react.default.memo(function AnalyticsPlaceholder() {
+	const { t } = useShareablesTranslation();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "flex flex-1 items-center justify-center",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "text-center",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "mb-1 text-sm text-gray-500",
-				children: "Analytics Coming Soon"
+				children: t("share_analytics_coming_soon")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.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.default.memo(function NoAssetsState({ relateable_type }) {
-	const label = RELATEABLE_TYPE_LABELS[relateable_type] ?? "item";
+	const { t } = useShareablesTranslation();
+	const label = (0, react.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__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "flex flex-1 items-center justify-center px-6",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1353,21 +1374,32 @@ const NoAssetsState = react.default.memo(function NoAssetsState({ relateable_typ
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "mb-1 text-sm text-gray-500",
-					children: "No Marketing Assets"
+					children: t("share_no_marketing_assets")
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				/* @__PURE__ */ (0, react_jsx_runtime.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 = (0, react.useMemo)(() => [
+		{
+			id: "all",
+			label: t("common_all")
+		},
+		{
+			id: "images",
+			label: t("media_filter_images")
+		},
+		{
+			id: "videos",
+			label: t("media_filter_videos")
+		}
+	], [t]);
 	const handleMediaItemClick = (0, react.useCallback)((mediaItem) => {
 		onMediaItemClick(mediaItem);
 	}, [onMediaItemClick]);
@@ -1376,13 +1408,9 @@ function MarketingAssetsGrid({ isLoading, error, activeTab, onTabChange, mediaIt
 		if (activeMainTab === "Analytics" && relateable_type === "Medium") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnalyticsPlaceholder, {});
 		if (activeMainTab === "Related Sharables") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "mb-4 px-4 pt-4",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "px-4 pb-4",
@@ -1401,7 +1429,7 @@ function MarketingAssetsGrid({ isLoading, error, activeTab, onTabChange, mediaIt
 						onClick: handleMediaItemClick
 					}, mediaItem.id))
 				}),
-				!isLoading && !error && mediaItems.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, { message: `No ${activeTab.toLowerCase()} found` })
+				!isLoading && !error && mediaItems.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, { message: t("share_no_tab_items_found", { tab: (FILTER_TABS.find((tab) => tab.id === activeTab)?.label ?? activeTab).toLowerCase() }) })
 			]
 		})] });
 		return null;
@@ -1428,7 +1456,9 @@ var MarketingAssetsGrid_default = react.default.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__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "flex items-center justify-center py-16",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-8" })
@@ -1437,7 +1467,7 @@ function ShareableDetailLayout({ isLoading, notFound, notFoundMessage = "Not fou
 		className: "flex flex-col items-center justify-center py-16",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 			className: "text-destructive text-sm",
-			children: notFoundMessage
+			children: resolvedNotFoundMessage
 		})
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1471,6 +1501,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] = (0, react.useState)(false);
 	const stripped = stripTags(html ?? "");
 	if (!stripped) return null;
@@ -1485,7 +1516,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")
 		})]
 	});
 }
@@ -1495,7 +1526,8 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 	const api = useShareablesApi();
 	const client = useShareablesClient();
 	const { navigate } = useShareablesUI();
-	const [activeTab, setActiveTab] = (0, react.useState)("All");
+	const { t } = useShareablesTranslation();
+	const [activeTab, setActiveTab] = (0, react.useState)("all");
 	const { data: portalProductResponse, isLoading: isLoadingPortalProduct } = (0, _tanstack_react_query.useQuery)({
 		queryKey: [
 			"portal-products",
@@ -1545,9 +1577,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,
@@ -1570,18 +1602,18 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 					e.preventDefault();
 					(onBack ?? (() => navigate("products")))();
 				},
-				children: "Products"
+				children: t("products_breadcrumb")
 			}) }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 				className: "font-semibold",
-				children: displayTitle || "Product"
+				children: displayTitle || t("products_breadcrumb_fallback")
 			}) })
 		]
 	}) }) }), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1595,11 +1627,11 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "mb-1 text-sm text-gray-500",
-						children: "No Product Image"
+						children: t("products_no_image")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "text-xs text-gray-400",
-						children: "This product does not have any associated media"
+						children: t("products_no_media")
 					})
 				]
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SharePageImageDisplay, {
@@ -1614,7 +1646,7 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "font-semibold",
-					children: "Price"
+					children: t("products_price_label")
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "|" }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -1650,29 +1682,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__ */ (0, react_jsx_runtime.jsx)(require_src.Tabs, {
 		value,
 		onValueChange: (v) => onValueChange(v),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.TabsList, { children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TabsTrigger, {
 				value: "all",
-				children: "All"
+				children: t("common_all")
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TabsTrigger, {
 				value: "mine",
-				children: myLabel
+				children: myLabel ?? t("common_mine")
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.TabsTrigger, {
 				value: "company",
-				children: "Company"
+				children: t("common_company")
 			})
 		] })
 	});
@@ -1680,17 +1719,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__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuTrigger, {
 		asChild: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
@@ -1700,7 +1740,7 @@ function MediaRowActionsMenu({ onDelete }) {
 			onClick: (e) => {
 				e.stopPropagation();
 			},
-			"aria-label": "Media actions",
+			"aria-label": t("media_actions_aria"),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreVertical, { className: "h-4 w-4" })
 		})
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuContent, {
@@ -1709,11 +1749,12 @@ function MediaRowActionsMenu({ onDelete }) {
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 			onClick: onDelete,
 			className: "text-destructive focus:text-destructive",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), "Delete"]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.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 = (0, _tanstack_react_query.useQueryClient)();
@@ -1735,7 +1776,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 });
@@ -1743,7 +1784,7 @@ function MediaListingScreen(_props) {
 		},
 		onError: (error) => {
 			showToast({
-				title: `Failed to delete: ${error.message}`,
+				title: t("media_delete_error", { message: error.message }),
 				type: "error",
 				error
 			});
@@ -1787,7 +1828,7 @@ function MediaListingScreen(_props) {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(OwnerFilterTabs, {
 			value: ownerFilter,
 			onValueChange: setOwnerFilter,
-			myLabel: "My Media"
+			myLabel: t("media_my_media_tab")
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "ml-auto flex items-center gap-2",
 			children: [
@@ -1796,18 +1837,18 @@ function MediaListingScreen(_props) {
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PortalProductsApiProvider.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"
 							}
 						],
@@ -1819,29 +1860,29 @@ function MediaListingScreen(_props) {
 					asChild: true,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 						variant: "outline",
-						"aria-label": `Filter: ${kindFilter === "all" ? "All types" : kindFilter}`,
+						"aria-label": `Filter: ${kindFilter === "all" ? t("media_filter_all_types") : kindFilter}`,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Filter, { className: "size-4" }), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(require_src.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__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
@@ -1864,19 +1905,19 @@ function MediaListingScreen(_props) {
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
 	}), error && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenHeaderContext.ScreenHeaderActions, { children: readOnly ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 			onClick: () => navigate("media/new"),
 			size: "sm",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "mr-1 h-4 w-4" }), "Add Media"]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "mr-1 h-4 w-4" }), t("media_add_button")]
 		}) }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenHeaderContext.ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbList, {
 			className: "text-lg",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 				className: "font-semibold",
-				children: "Media"
+				children: t("media_breadcrumb")
 			}) })
 		}) }) }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareableListLayout, {
@@ -1887,7 +1928,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,
@@ -1903,14 +1955,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__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: "flex items-center gap-1.5",
-								children: [getMediaKindLabel(item.kind), item.owner_type === "user" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.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__ */ (0, react_jsx_runtime.jsx)(require_src.Badge, {
 									variant: "secondary",
 									className: "px-1.5 py-0 text-[10px] leading-4",
-									children: "My Media"
+									children: t("media_my_media_badge")
 								})]
 							})
 						}), canEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1926,8 +1986,12 @@ function MediaListingScreen(_props) {
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareableListRow, {
 						imageUrl: item.image_url,
 						imageAlt: item.title ?? "",
-						title: item.title ?? "Untitled",
-						subtitle: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [getMediaKindLabel(item.kind), item.owner_type === "user" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Badge, {
+						title: item.title ?? t("common_untitled"),
+						subtitle: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [getMediaKindLabel(item.kind, {
+							video: t("media_type_video"),
+							pdf: t("media_type_pdf"),
+							image: t("media_type_image")
+						}), item.owner_type === "user" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Badge, {
 							variant: "secondary",
 							className: "px-1.5 py-0 text-[10px] leading-4",
 							children: "My Media"
@@ -1941,9 +2005,9 @@ function MediaListingScreen(_props) {
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialog, {
 			open: pendingDeleteId !== null,
 			onOpenChange: (open) => !open && setPendingDeleteId(null),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogTitle, { children: "Delete this media?" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogDescription, { children: "This removes the item from your media library. Shared links that point to it will stop working." })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogCancel, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogTitle, { children: t("media_delete_confirm_title") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogDescription, { children: t("media_delete_confirm_description") })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogCancel, {
 				disabled: isDeleting,
-				children: "Cancel"
+				children: t("common_cancel")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogAction, {
 				onClick: (e) => {
 					e.preventDefault();
@@ -1951,7 +2015,7 @@ function MediaListingScreen(_props) {
 				},
 				disabled: isDeleting,
 				className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-				children: isDeleting ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : "Delete"
+				children: isDeleting ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : t("common_delete")
 			})] })] })
 		})
 	] });
@@ -1974,6 +2038,7 @@ function resolvePrice(product) {
 }
 function TaggedProductsList({ products, onProductClick }) {
 	const renderImage = useRenderImage();
+	const { t } = useShareablesTranslation();
 	const handleProductClick = (productId, e) => {
 		e.stopPropagation();
 		if (productId == null) return;
@@ -1985,7 +2050,7 @@ function TaggedProductsList({ products, onProductClick }) {
 			className: "mb-4 px-4",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "flex flex-1 items-center justify-center px-6 py-12",
@@ -1998,11 +2063,11 @@ function TaggedProductsList({ products, onProductClick }) {
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "text-foreground mb-1 text-sm",
-						children: "No Tagged Products"
+						children: t("share_no_tagged_products")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "text-muted-foreground text-xs",
-						children: "No products are tagged in this playlist"
+						children: t("share_no_tagged_products_description")
 					})
 				]
 			})
@@ -2012,13 +2077,9 @@ function TaggedProductsList({ products, onProductClick }) {
 		className: "mb-6",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "mb-4 px-4",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "px-4",
@@ -2026,7 +2087,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__ */ (0, react_jsx_runtime.jsxs)("button", {
 						onClick: (e) => handleProductClick(product.id, e),
@@ -2060,15 +2121,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();
@@ -2095,7 +2157,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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
@@ -2108,12 +2175,12 @@ function MediaDetailScreen({ mediaId, onNavigate, onBack }) {
 						e.preventDefault();
 						(onBack ?? (() => navigate("media")))();
 					},
-					children: "Media"
+					children: t("media_breadcrumb")
 				}) }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 					className: "block max-w-[60vw] truncate align-bottom font-semibold md:max-w-[60ch]",
-					children: displayTitle || "Media"
+					children: displayTitle || t("media_breadcrumb")
 				}) })
 			]
 		}) }) }),
@@ -2122,12 +2189,12 @@ function MediaDetailScreen({ mediaId, onNavigate, onBack }) {
 			variant: "outline",
 			onClick: () => navigate(`media/${mediaId}/edit`),
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "h-3.5 w-3.5" }), "Edit"]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "h-3.5 w-3.5" }), t("common_edit")]
 		}) }),
 		/* @__PURE__ */ (0, react_jsx_runtime.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)]",
@@ -7625,7 +7692,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 = require_dist$3.useEditor({
 		extensions: [
 			require_dist$3.StarterKit.configure({
@@ -7638,7 +7706,7 @@ function RichTextEditor({ value, onChange, placeholder = "Start writing...", cla
 					keepAttributes: false
 				}
 			}),
-			require_dist$3.Placeholder.configure({ placeholder }),
+			require_dist$3.Placeholder.configure({ placeholder: placeholder ?? t("common_start_writing_placeholder") }),
 			require_dist$4.TextAlign.configure({
 				types: ["paragraph"],
 				alignments: [
@@ -7674,7 +7742,7 @@ function RichTextEditor({ value, onChange, placeholder = "Start writing...", cla
 						onClick: () => editor?.chain().focus().toggleBold().run(),
 						disabled: !editor?.can().chain().focus().toggleBold().run(),
 						className: require_src.cn(buttonBase, "font-bold", editor?.isActive("bold") ? buttonActive : buttonInactive),
-						title: "Bold",
+						title: t("editor_bold"),
 						children: "B"
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -7682,7 +7750,7 @@ function RichTextEditor({ value, onChange, placeholder = "Start writing...", cla
 						onClick: () => editor?.chain().focus().toggleItalic().run(),
 						disabled: !editor?.can().chain().focus().toggleItalic().run(),
 						className: require_src.cn(buttonBase, "italic", editor?.isActive("italic") ? buttonActive : buttonInactive),
-						title: "Italic",
+						title: t("editor_italic"),
 						children: "I"
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -7690,7 +7758,7 @@ function RichTextEditor({ value, onChange, placeholder = "Start writing...", cla
 						onClick: () => editor?.chain().focus().toggleUnderline().run(),
 						disabled: !editor?.can().chain().focus().toggleUnderline().run(),
 						className: require_src.cn(buttonBase, "underline", editor?.isActive("underline") ? buttonActive : buttonInactive),
-						title: "Underline",
+						title: t("editor_underline"),
 						children: "U"
 					}),
 					separator,
@@ -7698,28 +7766,28 @@ function RichTextEditor({ value, onChange, placeholder = "Start writing...", cla
 						type: "button",
 						onClick: () => editor?.chain().focus().setTextAlign("left").run(),
 						className: require_src.cn(buttonBase, editor?.isActive({ textAlign: "left" }) ? buttonActive : buttonInactive),
-						title: "Align left",
+						title: t("editor_align_left"),
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlignLeft, { className: "h-3.5 w-3.5" })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().setTextAlign("center").run(),
 						className: require_src.cn(buttonBase, editor?.isActive({ textAlign: "center" }) ? buttonActive : buttonInactive),
-						title: "Align center",
+						title: t("editor_align_center"),
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlignCenter, { className: "h-3.5 w-3.5" })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().setTextAlign("right").run(),
 						className: require_src.cn(buttonBase, editor?.isActive({ textAlign: "right" }) ? buttonActive : buttonInactive),
-						title: "Align right",
+						title: t("editor_align_right"),
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlignRight, { className: "h-3.5 w-3.5" })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().setTextAlign("justify").run(),
 						className: require_src.cn(buttonBase, editor?.isActive({ textAlign: "justify" }) ? buttonActive : buttonInactive),
-						title: "Justify",
+						title: t("editor_justify"),
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlignJustify, { className: "h-3.5 w-3.5" })
 					}),
 					separator,
@@ -7727,14 +7795,14 @@ function RichTextEditor({ value, onChange, placeholder = "Start writing...", cla
 						type: "button",
 						onClick: () => editor?.chain().focus().toggleBulletList().run(),
 						className: require_src.cn(buttonBase, editor?.isActive("bulletList") ? buttonActive : buttonInactive),
-						title: "Bullet list",
+						title: t("editor_bullet_list"),
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.List, { className: "h-3.5 w-3.5" })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().toggleOrderedList().run(),
 						className: require_src.cn(buttonBase, editor?.isActive("orderedList") ? buttonActive : buttonInactive),
-						title: "Ordered list",
+						title: t("editor_ordered_list"),
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ListOrdered, { className: "h-3.5 w-3.5" })
 					})
 				]
@@ -7779,10 +7847,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] = (0, react.useState)(false);
 	if (imageUrl && imageUrl.length > 0 && !errored) return /* @__PURE__ */ (0, react_jsx_runtime.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",
@@ -7794,6 +7863,7 @@ function ProductImage({ imageUrl, name }) {
 	});
 }
 function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearchProducts, disabled = false, maxProducts = 100 }) {
+	const { t } = useShareablesTranslation();
 	const { showToast } = useShareablesUI();
 	const [isModalOpen, setIsModalOpen] = (0, react.useState)(false);
 	const [query, setQuery] = (0, react.useState)("");
@@ -7818,7 +7888,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
 			});
@@ -7839,7 +7909,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
 			});
@@ -7898,7 +7968,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
 			});
@@ -7912,7 +7982,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
 			});
@@ -7925,7 +7995,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 				className: "text-foreground mb-4 text-base font-semibold",
-				children: "Tagged Products"
+				children: t("media_tagged_products_heading")
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "space-y-3",
@@ -7933,39 +8003,37 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 					className: "rounded-lg border border-dashed border-gray-200 p-4 text-center",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "mb-3 text-sm text-gray-500",
-						children: "No products tagged yet."
+						children: t("media_no_products_tagged")
 					}), !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 						type: "button",
 						onClick: handleOpenModal,
 						size: "sm",
 						className: "gap-1.5",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "h-3 w-3" }), "Add Product"]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "h-3 w-3" }), t("media_add_product_button")]
 					})]
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "relative space-y-4",
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 								type: "button",
 								onClick: handleOpenModal,
 								variant: "outline",
 								size: "sm",
 								className: "gap-1.5 text-xs",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "h-3 w-3" }), "Add Products"]
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "h-3 w-3" }), t("media_add_products_button")]
 							})]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: "text-xs text-gray-500",
-							children: "Products will only display in available countries."
+							children: t("media_products_country_note")
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "max-h-96 space-y-2 overflow-y-auto pb-2",
@@ -7978,10 +8046,10 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 										name: product.name
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 									type: "button",
@@ -7990,17 +8058,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__ */ (0, react_jsx_runtime.jsxs)("p", {
+						isAtMaxLimit && /* @__PURE__ */ (0, react_jsx_runtime.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) })
 						})
 					]
 				})
@@ -8011,31 +8075,24 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, {
 					className: "max-w-2xl",
 					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogTitle, { children: ["Select Products to Tag", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogTitle, { children: [t("media_select_products_title"), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "rounded-md border border-yellow-200 bg-yellow-50 p-3",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "relative",
 							children: [searching ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "absolute top-1/2 left-3 size-4 -translate-y-1/2" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Search, { className: "absolute top-1/2 left-3 size-4 -translate-y-1/2 text-gray-400" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
-								placeholder: "Search products...",
+								placeholder: t("products_search_placeholder"),
 								value: query,
 								onChange: (e) => setQuery(e.target.value),
 								className: "pl-10",
@@ -8050,7 +8107,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-5" })
 							}) : searchResults.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "space-y-2 px-1",
 								children: [searchResults.map((result) => {
@@ -8065,7 +8122,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 												name: result.name
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("p", {
 												className: "text-xs text-gray-500",
 												children: ["$", result.price]
@@ -8079,7 +8136,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__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -8095,7 +8152,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 								type: "button",
 								variant: "outline",
 								onClick: () => setIsModalOpen(false),
-								children: "Done"
+								children: t("common_done")
 							})
 						})
 					]
@@ -8106,29 +8163,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.Globe, { className: "h-3.5 w-3.5 text-gray-500" })
-	},
-	{
-		value: "cart",
-		label: "Cart",
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ShoppingCart, { className: "h-3.5 w-3.5 text-gray-500" })
-	},
-	{
-		value: "email",
-		label: "Email",
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Mail, { className: "h-3.5 w-3.5 text-gray-500" })
-	},
-	{
-		value: "phone",
-		label: "Phone",
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.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 = (0, react.useMemo)(() => [
+		{
+			value: "link",
+			label: t("cta_type_page"),
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Globe, { className: "h-3.5 w-3.5 text-gray-500" })
+		},
+		{
+			value: "cart",
+			label: t("cta_type_cart"),
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ShoppingCart, { className: "h-3.5 w-3.5 text-gray-500" })
+		},
+		{
+			value: "email",
+			label: t("cta_type_email"),
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Mail, { className: "h-3.5 w-3.5 text-gray-500" })
+		},
+		{
+			value: "phone",
+			label: t("cta_type_phone"),
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Phone, { className: "h-3.5 w-3.5 text-gray-500" })
+		}
+	], [t]);
 	const [enabled, setEnabled] = (0, react.useState)(ctaEnabled);
 	const [type, setType] = (0, react.useState)(ctaType || "link");
 	const [buttonText, setButtonText] = (0, react.useState)(ctaButtonText);
@@ -8137,7 +8195,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);
 		}
 	}, [
@@ -8149,7 +8207,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);
@@ -8170,10 +8228,10 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, {
 			className: "max-w-lg",
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, { children: "CTA Button" }) }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, { children: t("cta_dialog_title") }) }),
 				/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "space-y-5",
@@ -8182,7 +8240,7 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 							className: "flex items-center justify-between border-b border-gray-200 pb-4",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "text-sm font-medium text-gray-700",
-								children: "Enable call-to-action button"
+								children: t("cta_enable_toggle_label")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Switch, {
 								checked: enabled,
 								onCheckedChange: handleEnable
@@ -8194,21 +8252,21 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 								className: "flex flex-col gap-1.5",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 									className: fieldsDisabled ? "text-gray-400" : "text-gray-700",
-									children: "Action Type"
+									children: t("cta_action_type_label")
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Select, {
 									value: type,
 									onValueChange: (v) => setType(v),
 									disabled: fieldsDisabled,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectTrigger, {
 										className: `w-full ${fieldsDisabled ? "opacity-50" : ""}`,
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder: "Select type" })
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectContent, { children: CTA_TYPES.map((t) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectItem, {
-										value: t.value,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder: t("cta_type_placeholder") })
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectContent, { children: CTA_TYPES.map((ctaOption) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectItem, {
+										value: ctaOption.value,
 										children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "flex flex-col gap-1.5",
@@ -8216,12 +8274,12 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 									className: "flex items-center gap-1.5",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 										className: fieldsDisabled ? "text-gray-400" : "text-gray-700",
-										children: "Button Label"
+										children: t("cta_button_label")
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.HelpCircle, { className: "h-3.5 w-3.5 text-gray-400" })]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
 									value: buttonText,
 									onChange: (e) => setButtonText(e.target.value),
-									placeholder: "Learn More",
+									placeholder: t("cta_default_button_text"),
 									disabled: fieldsDisabled,
 									className: fieldsDisabled ? "opacity-50" : ""
 								})]
@@ -8233,12 +8291,12 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 								className: "flex items-center gap-1.5",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 									className: fieldsDisabled ? "text-gray-400" : "text-gray-700",
-									children: "URL"
+									children: t("cta_url_label")
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.HelpCircle, { className: "h-3.5 w-3.5 text-gray-400" })]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.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" : ""
@@ -8251,10 +8309,10 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 						variant: "outline",
 						onClick: handleCancel,
-						children: "Cancel"
+						children: t("common_cancel")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 						onClick: handleDone,
-						children: "Done"
+						children: t("common_done")
 					})]
 				})
 			]
@@ -8267,6 +8325,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] = (0, react.useState)(false);
 	const [isPlaying, setIsPlaying] = (0, react.useState)(false);
@@ -8325,20 +8384,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 = (0, react.useCallback)(() => {
 		setIsPlaying(false);
 		setCurrentTime(0);
@@ -8351,7 +8414,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 		className: "space-y-3",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
 			className: "text-foreground mb-1.5 block text-sm font-medium",
-			children: "Thumbnail"
+			children: t("media_thumbnail_label")
 		}), thumbnailUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex items-start gap-4",
 			children: [imgLoadError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -8359,7 +8422,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "text-muted-foreground h-8 w-8" })
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.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
@@ -8390,13 +8453,13 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 							size: "sm",
 							onClick: handleOpenDialog,
 							className: "gap-1.5",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "h-3.5 w-3.5" }), "Select from video frame"]
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "h-3.5 w-3.5" }), t("media_select_from_video_frame")]
 						}), onThumbnailSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 							variant: "outline",
 							size: "sm",
 							onClick: onThumbnailSelected,
 							className: "gap-1.5",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "h-3.5 w-3.5" }), "Select New Image"]
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "h-3.5 w-3.5" }), t("media_select_new_image")]
 						})]
 					})
 				]
@@ -8410,7 +8473,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 				className: "min-w-0 flex-1",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: "text-muted-foreground text-sm",
-					children: "No thumbnail set"
+					children: t("media_no_thumbnail")
 				}), !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "mt-2",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
@@ -8418,7 +8481,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 						size: "sm",
 						onClick: handleOpenDialog,
 						className: "gap-1.5",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "h-3.5 w-3.5" }), "Select Video Frame"]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "h-3.5 w-3.5" }), t("media_select_video_frame")]
 					})
 				})]
 			})]
@@ -8428,7 +8491,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, {
 				className: "max-w-2xl",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, { children: "Select Video Frame" }) }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, { children: t("media_select_video_frame") }) }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "space-y-4",
 						children: [
@@ -8480,7 +8543,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 								onClick: handleCapture,
 								disabled: !isMetadataLoaded || capturing,
 								className: "w-full gap-2",
-								children: [capturing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "h-4 w-4" }), "Capture Frame"]
+								children: [capturing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "h-4 w-4" }), t("media_capture_frame")]
 							})
 						]
 					}),
@@ -8528,6 +8591,7 @@ function buildEditState(mediaItem) {
 	};
 }
 function ThumbnailWithMeta({ src, onReplace }) {
+	const { t } = useShareablesTranslation();
 	const { meta, fileName, handleLoad, handleError, loadError } = useThumbnailMeta(src);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex items-start gap-4",
@@ -8536,7 +8600,7 @@ function ThumbnailWithMeta({ src, onReplace }) {
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "text-muted-foreground h-8 w-8" })
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 			src,
-			alt: "Thumbnail",
+			alt: t("media_thumbnail_alt"),
 			className: "w-48 shrink-0 rounded-md border object-contain",
 			onLoad: handleLoad,
 			onError: handleError
@@ -8567,7 +8631,7 @@ function ThumbnailWithMeta({ src, onReplace }) {
 						size: "sm",
 						onClick: onReplace,
 						className: "gap-1.5",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "h-3.5 w-3.5" }), "Select New Image"]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "h-3.5 w-3.5" }), t("media_select_new_image")]
 					})
 				})
 			]
@@ -8575,6 +8639,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;
@@ -8611,11 +8676,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "h-6 w-6" }), /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, _tanstack_react_query.useQueryClient)();
@@ -8694,13 +8760,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
 			});
@@ -8710,14 +8776,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
 			});
@@ -8760,7 +8826,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 		className: "flex flex-col items-center justify-center py-16",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 			className: "text-destructive text-sm",
-			children: "Media not found or failed to load."
+			children: t("media_not_found")
 		})
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
@@ -8773,7 +8839,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 						e.preventDefault();
 						(onBack ?? (() => navigate("media")))();
 					},
-					children: "Media"
+					children: t("media_breadcrumb")
 				}) }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbLink, {
@@ -8783,12 +8849,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__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 					className: "font-semibold",
-					children: "Edit"
+					children: t("common_edit")
 				}) })
 			]
 		}) }) }),
@@ -8807,13 +8873,13 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 					onClick: () => setIsDeleteOpen(true),
 					className: "text-destructive focus:text-destructive",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), "Delete"]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
 				})
 			})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 				onClick: handleSave,
 				disabled: !isDirty || isSaving,
 				size: "sm",
-				children: isSaving ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : "Save"
+				children: isSaving ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : t("common_save")
 			})]
 		}) }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -8823,7 +8889,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 					className: "mx-auto flex w-full max-w-5xl items-center gap-3",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
 						className: "text-foreground text-xl font-semibold break-words",
-						children: editState.title || displayTitle || "Media"
+						children: editState.title || displayTitle || t("media_heading")
 					})
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -8838,20 +8904,20 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 										className: "mb-4 flex flex-wrap items-center justify-between gap-2",
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 											className: "text-foreground text-base font-semibold",
-											children: "Media"
+											children: t("media_heading")
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 											className: "flex flex-wrap items-center gap-2",
 											children: [!readOnly && filePickerContextValue && filePickerApi && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 												onClick: () => setIsPickerOpen(true),
 												variant: "outline",
 												size: "sm",
-												children: "Replace Media"
+												children: t("media_replace_button")
 											}), !readOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.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")]
 											})]
 										})]
 									}),
@@ -8874,7 +8940,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;
@@ -8883,7 +8949,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
 														});
@@ -8892,7 +8958,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 												onThumbnailSelected: () => setIsThumbnailPickerOpen(true)
 											}), pendingThumbnail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 												className: "text-muted-foreground mt-1.5 text-xs",
-												children: "Pending — save to apply"
+												children: t("media_pending_save")
 											})]
 										});
 										if (effectiveKind === "pdf") {
@@ -8903,7 +8969,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 													className: "space-y-3",
 													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
 														className: "text-foreground mb-1.5 block text-sm font-medium",
-														children: "Thumbnail"
+														children: t("media_thumbnail_label")
 													}), currentThumbnail ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThumbnailWithMeta, {
 														src: currentThumbnail,
 														onReplace: () => setIsThumbnailPickerOpen(true)
@@ -8916,19 +8982,19 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 															className: "min-w-0 flex-1",
 															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 																className: "text-muted-foreground mb-2 text-sm",
-																children: "No thumbnail set"
+																children: t("media_no_thumbnail")
 															}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 																variant: "outline",
 																size: "sm",
 																onClick: () => setIsThumbnailPickerOpen(true),
 																className: "gap-1.5",
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "h-3.5 w-3.5" }), "Select New Image"]
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "h-3.5 w-3.5" }), t("media_select_new_image")]
 															})]
 														})]
 													})]
 												}), pendingThumbnail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 													className: "text-muted-foreground mt-1.5 text-xs",
-													children: "Pending — save to apply"
+													children: t("media_pending_save")
 												})]
 											});
 										}
@@ -8940,17 +9006,21 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 								className: "border-border bg-card rounded-lg border p-4 md:p-5",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 									className: "text-foreground mb-4 text-base font-semibold",
-									children: "Media Details"
+									children: t("media_details_heading")
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "flex flex-col gap-4",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "flex flex-col gap-1.5",
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Label, {
 											htmlFor: "media-title",
-											children: ["Title ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "text-destructive",
-												children: "*"
-											})]
+											children: [
+												t("common_title_label"),
+												" ",
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "text-destructive",
+													children: "*"
+												})
+											]
 										}), readOnly ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 											className: "text-foreground text-sm",
 											children: displayTitle
@@ -8961,11 +9031,11 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 												...s,
 												title: e.target.value
 											})),
-											placeholder: "Enter media title"
+											placeholder: t("media_title_placeholder")
 										})]
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "flex flex-col gap-1.5",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, { children: "Description" }), readOnly ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, { children: t("common_description_label") }), readOnly ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 											className: "text-foreground/70 text-sm leading-relaxed",
 											children: stripTags(editState.description)
 										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RichTextEditor, {
@@ -8974,7 +9044,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 												...s,
 												description: val
 											})),
-											placeholder: "Start writing..."
+											placeholder: t("common_start_writing_placeholder")
 										})]
 									})]
 								})]
@@ -9023,12 +9093,12 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 									className: "mb-4 flex items-center justify-between",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 										className: "text-foreground text-base font-semibold",
-										children: "SEO And Link Sharing"
+										children: t("seo_heading")
 									}), !readOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 										variant: "ghost",
 										size: "sm",
 										onClick: () => setSeoExpanded((prev) => !prev),
-										children: seoExpanded ? "Done" : "Edit"
+										children: seoExpanded ? t("common_done") : t("common_edit")
 									})]
 								}),
 								(() => {
@@ -9048,10 +9118,10 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 												className: "min-w-0 flex-1",
 												children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -9067,7 +9137,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 											className: "flex flex-col gap-1.5",
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 												htmlFor: "seo-title",
-												children: "SEO Title"
+												children: t("seo_title_label")
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
 												id: "seo-title",
 												value: editState.seoTitle,
@@ -9075,14 +9145,14 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 													...s,
 													seoTitle: e.target.value
 												})),
-												placeholder: "Page title for search engines"
+												placeholder: t("seo_title_placeholder")
 											})]
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 											className: "flex flex-col gap-1.5",
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 												htmlFor: "seo-description",
-												children: "SEO Description"
+												children: t("seo_description_label")
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Textarea, {
 												id: "seo-description",
 												value: editState.seoDescription,
@@ -9090,7 +9160,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 													...s,
 													seoDescription: e.target.value
 												})),
-												placeholder: "Description for search engines",
+												placeholder: t("seo_description_placeholder"),
 												rows: 3
 											})]
 										}),
@@ -9100,10 +9170,10 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 												className: "flex flex-col gap-0.5",
 												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 													className: "text-foreground text-sm font-medium",
-													children: "Block Crawlers"
+													children: t("seo_block_crawlers_label")
 												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 													className: "text-muted-foreground text-xs",
-													children: "Prevent search engines from indexing"
+													children: t("seo_block_crawlers_description")
 												})]
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Switch, {
 												checked: editState.blockCrawler,
@@ -9111,7 +9181,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 													...s,
 													blockCrawler: checked
 												})),
-												"aria-label": "Block search engine crawlers"
+												"aria-label": t("seo_block_crawlers_aria")
 											})]
 										})
 									]
@@ -9123,18 +9193,14 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialog, {
 					open: isDeleteOpen,
 					onOpenChange: setIsDeleteOpen,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogTitle, { children: "Delete Media" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogDescription, { children: [
-						"Are you sure you want to delete “",
-						displayTitle,
-						"”? This action cannot be undone."
-					] })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogCancel, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogTitle, { children: t("media_delete_dialog_title") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogDescription, { children: t("media_delete_dialog_description", { title: mediaItem?.title ?? "" }) })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogCancel, {
 						disabled: isDeleting,
-						children: "Cancel"
+						children: t("common_cancel")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.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__ */ (0, react_jsx_runtime.jsx)(CtaModal, {
@@ -9208,6 +9274,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" ? lucide_react.Video : mediaType === "pdf" ? lucide_react.FileText : null;
@@ -9221,7 +9288,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__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "text-xs font-medium",
-					children: mediaType === "video" ? "Video" : "PDF"
+					children: mediaType === "video" ? t("media_type_video") : t("media_type_pdf")
 				})]
 			})]
 		});
@@ -9241,6 +9308,7 @@ function FilePreview({ result, mediaType }) {
 	});
 }
 function MediaCreateScreen({ onNavigate, onBack }) {
+	const { t } = useShareablesTranslation();
 	const { navigate, showToast, filePickerApi } = useShareablesUI();
 	const user = useShareablesUser();
 	const [title, setTitle] = (0, react.useState)("");
@@ -9261,14 +9329,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"
 			});
 		}
@@ -9276,14 +9344,14 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 	const handleSave = (0, react.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;
@@ -9314,6 +9382,7 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 			}
 		});
 	}, [
+		t,
 		title,
 		description,
 		active,
@@ -9361,12 +9430,12 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 						e.preventDefault();
 						(onBack ?? (() => navigate("media")))();
 					},
-					children: "Media"
+					children: t("media_breadcrumb")
 				}) }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 					className: "font-semibold",
-					children: "New Media"
+					children: t("media_create_breadcrumb")
 				}) })
 			]
 		}) }) }),
@@ -9374,7 +9443,7 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 			onClick: handleSave,
 			disabled: isCreating,
 			size: "sm",
-			children: isCreating ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : "Save"
+			children: isCreating ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : t("common_save")
 		}) }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex flex-col gap-4 px-4 py-4 md:px-10 md:py-6",
@@ -9383,7 +9452,7 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 					className: "mx-auto flex w-full max-w-5xl items-center gap-3",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
 						className: "text-foreground text-xl font-semibold",
-						children: title.trim() || "New Media"
+						children: title.trim() || t("media_new_title")
 					})
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -9396,7 +9465,7 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 								className: "mb-4 flex items-center justify-between",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 									className: "text-foreground text-base font-semibold",
-									children: "Media"
+									children: t("media_heading")
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
@@ -9404,13 +9473,13 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 										variant: "outline",
 										size: "sm",
 										disabled: !filePickerApi,
-										children: "Select Media"
+										children: t("media_select_button")
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.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__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -9423,7 +9492,7 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 									variant: "outline",
 									size: "sm",
 									className: "w-fit",
-									children: "Replace"
+									children: t("common_replace")
 								})]
 							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
@@ -9432,37 +9501,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.Upload, { className: "h-6 w-6" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "text-sm",
-									children: "No media uploaded. Click to upload an image, video, or PDF."
+									children: t("media_upload_placeholder")
 								})]
 							})]
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "border-border bg-card rounded-lg border p-5",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 								className: "text-foreground mb-4 text-base font-semibold",
-								children: "Media Details"
+								children: t("media_details_heading")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "flex flex-col gap-4",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "flex flex-col gap-1.5",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Label, {
 										htmlFor: "media-title",
-										children: ["Title ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "text-destructive",
-											children: "*"
-										})]
+										children: [
+											t("common_title_label"),
+											" ",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "text-destructive",
+												children: "*"
+											})
+										]
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
 										id: "media-title",
 										value: title,
 										onChange: (e) => setTitle(e.target.value),
-										placeholder: "Enter media title",
+										placeholder: t("media_title_placeholder"),
 										required: true
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "flex flex-col gap-1.5",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, { children: "Description" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RichTextEditor, {
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, { children: t("common_description_label") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RichTextEditor, {
 										value: description,
 										onChange: setDescription,
-										placeholder: "Start writing..."
+										placeholder: t("common_start_writing_placeholder")
 									})]
 								})]
 							})]
@@ -9476,12 +9549,12 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 									className: "mb-4 flex items-center justify-between",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 										className: "text-foreground text-base font-semibold",
-										children: "SEO And Link Sharing"
+										children: t("seo_heading")
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 										variant: "ghost",
 										size: "sm",
 										onClick: () => setSeoExpanded((prev) => !prev),
-										children: seoExpanded ? "Done" : "Edit"
+										children: seoExpanded ? t("common_done") : t("common_edit")
 									})]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -9495,10 +9568,10 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 											className: "min-w-0 flex-1",
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 												className: "text-foreground truncate text-xs font-medium",
-												children: seoTitle || "Your page title"
+												children: seoTitle || t("seo_preview_title_fallback")
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 												className: "text-muted-foreground truncate text-xs",
-												children: "yoursite.com/media/..."
+												children: t("seo_preview_url_fallback")
 											})]
 										})]
 									}), seoDescription && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -9513,24 +9586,24 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 											className: "flex flex-col gap-1.5",
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 												htmlFor: "seo-title",
-												children: "SEO Title"
+												children: t("seo_title_label")
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
 												id: "seo-title",
 												value: seoTitle,
 												onChange: (e) => setSeoTitle(e.target.value),
-												placeholder: "Page title for search engines"
+												placeholder: t("seo_title_placeholder")
 											})]
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 											className: "flex flex-col gap-1.5",
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 												htmlFor: "seo-description",
-												children: "SEO Description"
+												children: t("seo_description_label")
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Textarea, {
 												id: "seo-description",
 												value: seoDescription,
 												onChange: (e) => setSeoDescription(e.target.value),
-												placeholder: "Description for search engines",
+												placeholder: t("seo_description_placeholder"),
 												rows: 3
 											})]
 										}),
@@ -9540,15 +9613,15 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 												className: "flex flex-col gap-0.5",
 												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 													className: "text-foreground text-sm font-medium",
-													children: "Block Crawlers"
+													children: t("seo_block_crawlers_label")
 												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 													className: "text-muted-foreground text-xs",
-													children: "Prevent search engines from indexing"
+													children: t("seo_block_crawlers_description")
 												})]
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Switch, {
 												checked: seoBlockCrawler,
 												onCheckedChange: setSeoBlockCrawler,
-												"aria-label": "Block search engine crawlers"
+												"aria-label": t("seo_block_crawlers_aria")
 											})]
 										})
 									]
@@ -9599,10 +9672,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] = (0, react.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__ */ (0, react_jsx_runtime.jsx)("button", {
 		type: "button",
 		onClick: () => navigate(href),
@@ -9645,7 +9719,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreVertical, { className: "text-foreground h-4 w-4" })
 								})
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuContent, {
@@ -9654,16 +9728,16 @@ function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, i
 								children: [
 									onToggleFavorite && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 										onClick: onToggleFavorite,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Heart, { className: require_src.cn("mr-2 h-4 w-4", isFavorited && "text-destructive fill-current") }), isFavorited ? "Unfavorite" : "Favorite"]
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Heart, { className: require_src.cn("mr-2 h-4 w-4", isFavorited && "text-destructive fill-current") }), isFavorited ? t("common_unfavorite") : t("common_favorite")]
 									}),
 									canEdit && onEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 										onClick: onEdit,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "mr-2 h-4 w-4" }), "Edit"]
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "mr-2 h-4 w-4" }), t("common_edit")]
 									}),
 									canEdit && onDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuSeparator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 										variant: "destructive",
 										onClick: onDelete,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), "Delete"]
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
 									})] })
 								]
 							})] })
@@ -9676,7 +9750,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.Heart, { className: require_src.cn("h-6 w-6 drop-shadow-lg transition-all", isFavorited ? "fill-destructive text-destructive" : "text-[#ffffff]") })
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -9692,7 +9766,7 @@ function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, i
 					className: "px-2 pt-2 pb-4",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 						className: "text-foreground line-clamp-2 text-sm leading-tight font-bold",
-						children: title || "Untitled"
+						children: title || t("common_untitled")
 					})
 				})]
 			})]
@@ -9702,6 +9776,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__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "bg-foreground flex items-center justify-between rounded-lg px-4 py-3",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -9710,10 +9785,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__ */ (0, react_jsx_runtime.jsxs)("span", {
+				children: selectedCount === totalCount ? t("common_deselect_all") : t("common_select_all")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "text-background/70 text-sm",
-				children: [selectedCount, " selected"]
+				children: t("common_selected_count", { count: String(selectedCount) })
 			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex items-center gap-3",
@@ -9723,12 +9798,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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "h-4 w-4" })
 			})]
 		})]
@@ -9740,6 +9815,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 = (0, _tanstack_react_query.useQueryClient)();
 	const [searchTerm, setSearchTerm] = (0, react.useState)("");
@@ -9842,13 +9918,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"
 			});
 		},
@@ -9875,14 +9951,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
 			});
@@ -9892,6 +9968,24 @@ function PlaylistsListingScreen(_props) {
 	const confirmDelete = (0, react.useCallback)(() => {
 		if (pendingDeleteId != null) deletePlaylist(pendingDeleteId);
 	}, [pendingDeleteId, deletePlaylist]);
+	const sortOptions = (0, react.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__ */ (0, react_jsx_runtime.jsx)(BulkSelectionBar, {
 		selectedCount: selectedIds.size,
 		totalCount: filteredPlaylists.length,
@@ -9903,7 +9997,7 @@ function PlaylistsListingScreen(_props) {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(OwnerFilterTabs, {
 			value: ownerFilter,
 			onValueChange: setOwnerFilter,
-			myLabel: "My Playlists"
+			myLabel: t("playlist_my_playlists_tab")
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "ml-auto flex items-center gap-2",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -9911,25 +10005,8 @@ function PlaylistsListingScreen(_props) {
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PortalProductsApiProvider.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
 				})
@@ -9951,13 +10028,13 @@ function PlaylistsListingScreen(_props) {
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenHeaderContext.ScreenHeaderActions, { children: readOnly ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 			onClick: () => navigate("playlists/new"),
 			size: "sm",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "mr-1 h-4 w-4" }), "Create Playlist"]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "mr-1 h-4 w-4" }), t("playlist_create_button")]
 		}) }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenHeaderContext.ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbList, {
 			className: "text-lg",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 				className: "font-semibold",
-				children: "Playlists"
+				children: t("playlist_breadcrumb")
 			}) })
 		}) }) }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareableListLayout, {
@@ -9968,7 +10045,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,
@@ -9981,7 +10069,7 @@ function PlaylistsListingScreen(_props) {
 					const itemCount = playlist.items_count ?? playlist.items?.length ?? 0;
 					const canEdit = !readOnly && playlist.user_id === user?.id;
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlaylistCard, {
-						title: playlist.title || "Untitled Playlist",
+						title: playlist.title || t("playlist_untitled"),
 						imageUrl,
 						href: `playlists/${playlist.id}`,
 						itemCount,
@@ -10003,29 +10091,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__ */ (0, react_jsx_runtime.jsx)(ShareableListRow, {
 						imageUrl,
 						title,
-						subtitle: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Badge, {
+						subtitle: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.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__ */ (0, react_jsx_runtime.jsx)(require_src.Checkbox, {
 							checked: isSelected,
 							onCheckedChange: (checked) => handleToggleSelection(playlist.id, checked === true),
-							"aria-label": `Select ${title}`
+							"aria-label": t("playlist_select_aria", { title })
 						}),
 						trailing: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [onToggleFavorite && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(lucide_react.Heart, { className: require_src.cn("h-4 w-4 transition-colors", playlist.is_favorited ? "fill-destructive text-destructive" : "text-muted-foreground") })
 						}), canEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuTrigger, {
@@ -10034,18 +10118,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreVertical, { className: "h-4 w-4" })
 							})
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuContent, {
 							align: "end",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 								onClick: () => handleEdit(playlist.id),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "mr-2 h-4 w-4" }), "Edit"]
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "mr-2 h-4 w-4" }), t("common_edit")]
 							}), onDeletePlaylist && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuSeparator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 								variant: "destructive",
 								onClick: () => setPendingDeleteId(playlist.id),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), "Delete"]
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
 							})] })]
 						})] })] })
 					}, playlist.id);
@@ -10057,9 +10141,9 @@ function PlaylistsListingScreen(_props) {
 			onOpenChange: (open) => {
 				if (!open && !isDeleting) setPendingDeleteId(null);
 			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogTitle, { children: "Delete this playlist?" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogDescription, { children: "This removes the playlist from your library. Shared links that point to it will stop working." })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogCancel, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogTitle, { children: t("playlist_delete_confirm_title") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogDescription, { children: t("playlist_delete_confirm_description") })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogCancel, {
 				disabled: isDeleting,
-				children: "Cancel"
+				children: t("common_cancel")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogAction, {
 				onClick: (e) => {
 					e.preventDefault();
@@ -10067,7 +10151,7 @@ function PlaylistsListingScreen(_props) {
 				},
 				disabled: isDeleting,
 				className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-				children: isDeleting ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : "Delete"
+				children: isDeleting ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : t("common_delete")
 			})] })] })
 		})
 	] });
@@ -10082,13 +10166,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;
@@ -10106,6 +10190,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);
@@ -10126,11 +10211,11 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "mb-1 text-sm text-gray-500",
-						children: "No Items"
+						children: t("playlist_no_items")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "text-xs text-gray-400",
-						children: "This playlist doesn't have any items yet"
+						children: t("playlist_no_items_description")
 					})
 				]
 			})
@@ -10140,11 +10225,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";
@@ -10191,7 +10283,7 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 							}),
 							isVideo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "text-muted-foreground text-[13px] leading-[1.4] font-normal",
-								children: videoLength || "Video"
+								children: videoLength || t("media_type_video")
 							}),
 							isImage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "text-muted-foreground text-[13px] leading-[1.4] font-normal",
@@ -10214,13 +10306,9 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 		className: "hide-scrollbar flex h-full flex-col",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "mb-4 px-4 pt-4",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "flex-1 overflow-y-auto px-4 pb-4",
@@ -10233,6 +10321,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] = (0, react.useState)(0);
 	const { data: playlistResponse, isLoading } = (0, _tanstack_react_query.useQuery)({
@@ -10258,7 +10347,7 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 				variant: "outline",
 				size: "sm",
 				onClick: () => navigate(`playlists/${playlistId}/edit`),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "mr-1 h-3.5 w-3.5" }), "Edit"]
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "mr-1 h-3.5 w-3.5" }), t("common_edit")]
 			})
 		}) : null }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenHeaderContext.ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.BreadcrumbList, {
@@ -10270,19 +10359,19 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 						e.preventDefault();
 						navigate("playlists");
 					},
-					children: "Playlists"
+					children: t("playlist_breadcrumb")
 				}) }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.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__ */ (0, react_jsx_runtime.jsxs)(ShareableDetailLayout, {
 			isLoading,
 			notFound: !playlist,
-			notFoundMessage: "Playlist not found or failed to load.",
+			notFoundMessage: t("playlist_not_found"),
 			title: displayTitle,
 			description: displayDescription,
 			image: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -10292,7 +10381,7 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 					displayTitle,
 					displayVideo,
 					isVideo,
-					badgeLabel: "Playlist"
+					badgeLabel: t("playlist_badge_label")
 				})
 			}),
 			actions: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AssetActions, {
@@ -10487,6 +10576,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();
@@ -10503,13 +10593,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
 			});
@@ -10527,7 +10617,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreVertical, { className: "h-4 w-4" })
 				})
@@ -10536,7 +10626,7 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 					onClick: () => setIsDeleteOpen(true),
 					className: "text-destructive focus:text-destructive",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), "Delete"]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
 				})
 			})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 				onClick: () => {
@@ -10544,7 +10634,7 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 				},
 				disabled: isMutating || !isDirty || !isFormValid,
 				size: "sm",
-				children: isSaving ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : "Save"
+				children: isSaving ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : t("common_save")
 			})]
 		}) }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenHeaderContext.ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.BreadcrumbList, {
@@ -10556,12 +10646,12 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 						e.preventDefault();
 						navigate("playlists");
 					},
-					children: "Playlists"
+					children: t("playlist_breadcrumb")
 				}) }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 					className: "font-semibold",
-					children: isEditMode ? "Edit Playlist" : "New Playlist"
+					children: isEditMode ? t("playlist_edit_breadcrumb") : t("playlist_create_breadcrumb")
 				}) })
 			]
 		}) }) }),
@@ -10570,9 +10660,9 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 			onOpenChange: (open) => {
 				if (!open && !isDeleting) setIsDeleteOpen(false);
 			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogTitle, { children: "Delete this playlist?" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogDescription, { children: "This removes the playlist from your library. Shared links that point to it will stop working." })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogCancel, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogTitle, { children: t("playlist_delete_confirm_title") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogDescription, { children: t("playlist_delete_confirm_description") })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogCancel, {
 				disabled: isDeleting,
-				children: "Cancel"
+				children: t("common_cancel")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogAction, {
 				onClick: (e) => {
 					e.preventDefault();
@@ -10580,7 +10670,7 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 				},
 				disabled: isDeleting,
 				className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-				children: isDeleting ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : "Delete"
+				children: isDeleting ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : t("common_delete")
 			})] })] })
 		})
 	] });
@@ -10588,6 +10678,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__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "border-border bg-card w-full rounded-lg border p-4 shadow-xs",
@@ -10595,10 +10686,10 @@ function PlaylistFormDetails() {
 			className: "space-y-6",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
 				className: "text-md text-foreground font-semibold",
-				children: "Playlist"
+				children: t("playlist_form_heading")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "text-muted-foreground text-sm",
-				children: "Name your playlist and add a short description."
+				children: t("playlist_form_description")
 			})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "space-y-4",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -10606,11 +10697,11 @@ function PlaylistFormDetails() {
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 							className: "text-foreground font-medium",
-							children: "Name *"
+							children: t("playlist_name_label")
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
 							name: "title",
-							placeholder: "Playlist name",
+							placeholder: t("playlist_name_placeholder"),
 							value: form.title,
 							onChange: (e) => updateField("title", e.target.value),
 							required: true,
@@ -10625,7 +10716,7 @@ function PlaylistFormDetails() {
 					className: "flex flex-col gap-2",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 						className: "text-foreground font-medium",
-						children: "Description"
+						children: t("common_description_label")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "border-border rounded-[6px] border shadow-xs",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RichTextEditor, {
@@ -10633,7 +10724,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")
 						})
 					})]
 				})]
@@ -10678,18 +10769,18 @@ function typeBadgeIcon(relateableType, kind) {
 	if (relateableType === "EnrollmentPack") return lucide_react.Package;
 	return lucide_react.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) {
@@ -10702,6 +10793,7 @@ function getItemIcon(relateableType) {
 	}
 }
 function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableReordering = true }) {
+	const { t } = useShareablesTranslation();
 	const sensors = (0, import_dist.useSensors)((0, import_dist.useSensor)(import_dist.PointerSensor), (0, import_dist.useSensor)(import_dist.KeyboardSensor, { coordinateGetter: import_dist$1.sortableKeyboardCoordinates }));
 	const handleDragEnd = (event) => {
 		const { active, over } = event;
@@ -10726,19 +10818,19 @@ function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableR
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("tbody", {
@@ -10775,7 +10867,7 @@ function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableR
 									className: "min-w-0 flex-1",
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: "text-foreground truncate text-sm font-medium",
-										children: row.title || "Untitled"
+										children: row.title || t("common_untitled")
 									})
 								})]
 							})
@@ -10784,7 +10876,7 @@ function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableR
 							className: "px-6 py-4 whitespace-nowrap",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "bg-muted text-foreground inline-flex items-center gap-1 rounded-full px-2 py-1 text-xs",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(typeBadgeIcon(row.relateable_type || "", row.kind || ""), { className: "h-3 w-3 shrink-0" }), getTypeDisplay(row.relateable_type || "", row.kind || "")] })
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(typeBadgeIcon(row.relateable_type || "", row.kind || ""), { className: "h-3 w-3 shrink-0" }), getTypeDisplay(row.relateable_type || "", row.kind || "", t)] })
 							})
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
@@ -10805,7 +10897,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), "Delete Item"]
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), t("playlist_delete_item")]
 								})
 							})] })
 						})
@@ -10881,23 +10973,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 (0, react.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] = (0, react.useState)(null);
 	const { items: contextItems, updateItems, addItem, removeItem } = usePlaylistItems();
 	const tableItems = contextItems;
@@ -10915,7 +11011,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
 		});
@@ -10923,13 +11019,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
 			});
@@ -10966,7 +11062,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
 					});
@@ -10981,7 +11077,8 @@ function PlaylistItemsSection({ playlistId }) {
 		playlistId,
 		canPersistReorder,
 		reorderItemsMutation.mutate,
-		showToast
+		showToast,
+		t
 	]);
 	const handleDeleteItem = (itemId) => {
 		removeItem(itemId);
@@ -10994,7 +11091,7 @@ function PlaylistItemsSection({ playlistId }) {
 		setOpenSection(null);
 		if (results.length === 0) {
 			showToast({
-				title: "No items selected",
+				title: t("playlist_no_items_selected"),
 				type: "warning"
 			});
 			return;
@@ -11008,7 +11105,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;
@@ -11035,7 +11132,7 @@ function PlaylistItemsSection({ playlistId }) {
 					}
 				});
 				showToast({
-					title: "Item added to playlist successfully",
+					title: t("playlist_add_item_success"),
 					type: "success"
 				});
 			} catch {}
@@ -11046,7 +11143,8 @@ function PlaylistItemsSection({ playlistId }) {
 		playlistId,
 		addItemMutation,
 		addItem,
-		showToast
+		showToast,
+		t
 	]);
 	const filePickerContextValue = (0, react.useMemo)(() => {
 		if (!filePickerApi) return null;
@@ -11129,6 +11227,7 @@ function PlaylistItemsSection({ playlistId }) {
 	});
 }
 function PlaylistItemsSubsection({ section, items, onAdd, onReorder, onDeleteItem, isPending, isDeletePending, disableAdd = false }) {
+	const { t } = useShareablesTranslation();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "border-border bg-card rounded-lg border p-4",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -11153,7 +11252,7 @@ function PlaylistItemsSubsection({ section, items, onAdd, onReorder, onDeleteIte
 						size: "sm",
 						className: "flex min-w-25 items-center gap-2",
 						onClick: onAdd,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "h-4 w-4" }), "Add Item"]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "h-4 w-4" }), t("playlist_add_item_button")]
 					})
 				})]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableTable, {
@@ -11201,13 +11300,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 = (0, react.useMemo)(() => getFirstOrderedContentItem(items), [items]);
 	const firstItemImageUrl = (0, react.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 = (0, react.useMemo)(() => buildPlaylistUrl({
 		playlist,
@@ -11231,7 +11331,7 @@ function PlaylistOpenGraphPreview({ playlist, playlistShareBaseUrl }) {
 		className: "border-border bg-card rounded-lg border p-4 shadow-xs",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 			className: "text-foreground mb-2 text-sm font-semibold",
-			children: "Preview"
+			children: t("playlist_preview_heading")
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "border-border bg-card overflow-hidden rounded-lg border",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -11246,7 +11346,7 @@ function PlaylistOpenGraphPreview({ playlist, playlistShareBaseUrl }) {
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "text-muted-foreground text-[11px] tracking-wide uppercase",
-						children: hostname || "your-site.com"
+						children: hostname || t("common_site_hostname_fallback")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "text-foreground line-clamp-2 text-base font-semibold",
@@ -11265,6 +11365,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();
@@ -11286,7 +11387,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;
@@ -11294,7 +11395,7 @@ function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onB
 		},
 		onError: (error) => {
 			showToast({
-				title: "Failed to create playlist",
+				title: t("playlist_create_error"),
 				type: "error",
 				error
 			});
@@ -11303,13 +11404,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
 			});
@@ -11319,7 +11420,7 @@ function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onB
 	const onSaveForm = (0, react.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"));
@@ -11374,7 +11475,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"
 			});
 		}
@@ -11389,7 +11490,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 () => {
@@ -11404,7 +11506,7 @@ function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onB
 					e.preventDefault();
 					(onBack ?? (() => navigate("playlists")))();
 				},
-				children: "Playlists"
+				children: t("playlist_breadcrumb")
 			}) }), isEditMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbLink, {
@@ -11414,16 +11516,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__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 					className: "font-semibold",
-					children: "Edit"
+					children: t("common_edit")
 				}) })
 			] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 				className: "font-semibold",
-				children: "New Playlist"
+				children: t("playlist_create_breadcrumb")
 			}) })] })]
 		}) }) }),
 		renderHeaderSlot?.({
@@ -11491,16 +11593,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] = (0, react.useState)("");
 	const [debouncedSearch, setDebouncedSearch] = (0, react.useState)("");
 	(0, react.useEffect)(() => {
@@ -11536,18 +11639,18 @@ function FilesListingScreen({ onNavigate }) {
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
 	}), error && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenHeaderContext.ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbList, {
 		className: "text-lg",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 			className: "font-semibold",
-			children: "Files"
+			children: t("files_breadcrumb")
 		}) })
 	}) }) }), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "flex justify-end",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -11555,7 +11658,7 @@ function FilesListingScreen({ onNavigate }) {
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PortalProductsApiProvider.SearchSort, {
 					searchValue: searchTerm,
 					onSearchChange: setSearchTerm,
-					placeholder: "Search files..."
+					placeholder: t("files_search_placeholder")
 				})
 			})
 		}),
@@ -11582,7 +11685,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"
 							}),
@@ -11596,17 +11699,22 @@ function FilesListingScreen({ onNavigate }) {
 							!isVideo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "px-2 pt-2 pb-4",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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);
@@ -11624,6 +11732,7 @@ function toApiSort(value) {
 function PagesListingScreen({ onNavigate }) {
 	const api = useShareablesApi();
 	const renderImage = useRenderImage();
+	const { t } = useShareablesTranslation();
 	const [searchTerm, setSearchTerm] = (0, react.useState)("");
 	const [debouncedSearch, setDebouncedSearch] = (0, react.useState)("");
 	const [sortValue, setSortValue] = (0, react.useState)("newest");
@@ -11650,6 +11759,20 @@ function PagesListingScreen({ onNavigate }) {
 		initialPageParam: void 0,
 		placeholderData: _tanstack_react_query.keepPreviousData
 	});
+	const sortOptions = (0, react.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 = (0, react.useMemo)(() => data?.pages.flatMap((p) => p.pages) ?? [], [data?.pages]);
 	(0, react.useEffect)(() => {
 		const target = observerTarget.current;
@@ -11671,14 +11794,14 @@ function PagesListingScreen({ onNavigate }) {
 		className: "text-lg",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 			className: "font-semibold",
-			children: "Pages"
+			children: t("pages_breadcrumb")
 		}) })
 	}) }) }), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "flex justify-end",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -11686,21 +11809,8 @@ function PagesListingScreen({ onNavigate }) {
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PortalProductsApiProvider.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)
 				})
@@ -11714,7 +11824,7 @@ function PagesListingScreen({ onNavigate }) {
 		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(require_src.Card, {
 					role: "button",
@@ -11737,7 +11847,7 @@ function PagesListingScreen({ onNavigate }) {
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "px-2 pt-2 pb-4",
@@ -11759,6 +11869,7 @@ function PagesListingScreen({ onNavigate }) {
 function PageDetailScreen({ pageId, onBack }) {
 	const api = useShareablesApi();
 	const { navigate } = useShareablesUI();
+	const { t } = useShareablesTranslation();
 	const { data: pageResponse, isLoading } = (0, _tanstack_react_query.useQuery)({
 		queryKey: shareablesKeys.pages.detail(Number(pageId)),
 		queryFn: () => api.pages.getPage(Number(pageId))
@@ -11780,18 +11891,18 @@ function PageDetailScreen({ pageId, onBack }) {
 					e.preventDefault();
 					(onBack ?? (() => navigate("pages")))();
 				},
-				children: "Pages"
+				children: t("pages_breadcrumb")
 			}) }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.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__ */ (0, react_jsx_runtime.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)]",
@@ -11801,13 +11912,13 @@ function PageDetailScreen({ pageId, onBack }) {
 				displayImage,
 				displayTitle,
 				isVideo: false,
-				badgeLabel: "Page",
+				badgeLabel: t("pages_badge_label"),
 				rounded: true,
 				showBadge: false
 			}), page && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.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__ */ (0, react_jsx_runtime.jsx)(AssetActions, {
@@ -11885,6 +11996,334 @@ function ShareablesApp({ screen, detailId, action, onNavigate, onBack, countryCo
 	return content;
 }
 //#endregion
+//#region ../../shareables/core/src/translation-adapter.ts
+const shareablesDomain = require_static_dict_adapter.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: () => Promise.resolve().then(() => require("./de-d5sXuDlc.cjs")).then((m) => m.default),
+		el: () => Promise.resolve().then(() => require("./el-3T5wNvmF.cjs")).then((m) => m.default),
+		es: () => Promise.resolve().then(() => require("./es-DYAui4cM.cjs")).then((m) => m.default),
+		fr: () => Promise.resolve().then(() => require("./fr-DYML7Hb_.cjs")).then((m) => m.default),
+		he: () => Promise.resolve().then(() => require("./he-Cu_YCy1f.cjs")).then((m) => m.default),
+		hu: () => Promise.resolve().then(() => require("./hu-Czc1FPg9.cjs")).then((m) => m.default),
+		id: () => Promise.resolve().then(() => require("./id-Vw9DQ3V1.cjs")).then((m) => m.default),
+		it: () => Promise.resolve().then(() => require("./it-CpnrX6Qu.cjs")).then((m) => m.default),
+		ja: () => Promise.resolve().then(() => require("./ja-JVcCjBJ9.cjs")).then((m) => m.default),
+		ko: () => Promise.resolve().then(() => require("./ko-WIfVodYY.cjs")).then((m) => m.default),
+		nl: () => Promise.resolve().then(() => require("./nl-C5U5y6gr.cjs")).then((m) => m.default),
+		pl: () => Promise.resolve().then(() => require("./pl-DJKAFKNJ.cjs")).then((m) => m.default),
+		pt: () => Promise.resolve().then(() => require("./pt-CpQN7iPy.cjs")).then((m) => m.default),
+		ro: () => Promise.resolve().then(() => require("./ro-CGOwHLvs.cjs")).then((m) => m.default),
+		ru: () => Promise.resolve().then(() => require("./ru-CW4wBDfy.cjs")).then((m) => m.default),
+		th: () => Promise.resolve().then(() => require("./th-C7VrhPP5.cjs")).then((m) => m.default),
+		tl: () => Promise.resolve().then(() => require("./tl-CATDGPeB.cjs")).then((m) => m.default),
+		tr: () => Promise.resolve().then(() => require("./tr-Bsdv5dWu.cjs")).then((m) => m.default),
+		zh_CN: () => Promise.resolve().then(() => require("./zh_CN-Bzo7sqbA.cjs")).then((m) => m.default),
+		zh_TW: () => Promise.resolve().then(() => require("./zh_TW-DQdWK1u9.cjs")).then((m) => m.default)
+	}
+});
+function createShareablesTranslationAdapter(locale, dict) {
+	return require_static_dict_adapter.createStaticDictAdapter(locale, dict);
+}
+//#endregion
+//#region src/providers/ShareablesTranslationBridge.tsx
+function ShareablesTranslationBridge({ children }) {
+	const { locale } = require_static_dict_adapter.useActiveLocale();
+	const dict = require_static_dict_adapter.useDomainDict(shareablesDomain, locale);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareablesTranslationProvider, {
+		value: (0, react.useMemo)(() => createShareablesTranslationAdapter(locale, dict), [locale, dict]),
+		children
+	});
+}
+//#endregion
 //#region ../../file-picker/api-client/src/api/url-proxy.ts
 const urlProxyResponseSchema = zod.z.object({
 	data: zod.z.string(),
@@ -13283,7 +13722,7 @@ function ShareablesScreenContent() {
 		detailId,
 		screen
 	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareablesCoreProvider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareablesTranslationBridge, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareablesCoreProvider, {
 		config: (0, react.useMemo)(() => ({
 			user: account ? { id: account.id } : null,
 			repContext: true
@@ -13429,7 +13868,7 @@ function ShareablesScreenContent() {
 				onBack: handleBack
 			})
 		})
-	});
+	}) });
 }
 const shareablesScreenPropertySchema = {
 	widgetType: "ShareablesScreen",
@@ -13454,4 +13893,4 @@ Object.defineProperty(exports, "shareablesScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ShareablesScreen-CQZBq1Hl.cjs.map
+//# sourceMappingURL=ShareablesScreen-BT3H1Omb.cjs.map