@fluid-app/portal-sdk 0.1.456 → 0.1.458

package/dist/index.mjs

@@ -1,9 +1,9 @@
 import "./translation-adapter-RsuBioxm.mjs";
-import { A as DEFAULT_COLORS, B as getForegroundColor, C as removeAllThemes, D as transformThemes, E as getActiveThemeId, F as DEFAULT_THEME_ID, G as FONT_SIZE_KEYS, H as parseColor, I as DEFAULT_THEME_NAME, K as RADIUS_KEYS, L as getDefaultThemeDefinition, M as DEFAULT_FONT_SIZES, N as DEFAULT_RADII, O as deserialiseTheme, P as DEFAULT_SPACING, R as generateThemeCSS, S as applyTheme, T as buildThemeDefinition, U as resolveTheme, V as mergeDarkOverrides, W as FONT_FAMILY_KEYS, Y as useAppDefinitionApi, Z as deleteDatabase, _ as DEFAULT_SDK_WIDGET_REGISTRY, a as useScreenAreaFullscreenSnapshot, b as createWidgetFromShareable, c as useFluidApp, d as toNavigationItem, f as normalizeComponentTree, h as useCompanyScopedQueryKey, i as useOptionalScreenAreaFullscreenCoordinator, j as DEFAULT_FONT_FAMILIES, k as serialiseTheme, l as toRawManifest, m as createCompanyQueryKey, o as APP_DATA_QUERY_KEY, p as toScreenDefinition, q as SEMANTIC_COLOR_NAMES, r as ScreenAreaFullscreenProvider, s as fetchRawManifest, t as buildRemoteWidgetRegistry, u as transformManifestToRepAppData, v as widgetPropertySchemas, w as removeTheme, x as createWidgetRegistry, y as createScreen, z as deriveDarkVariant } from "./build-widget-registry-BZjLacQ8.mjs";
-import { a as assertNever, i as assertDefined, n as DataAwareWidget, o as isWidgetType, r as WIDGET_TYPE_NAMES, s as isWidgetTypeName, u as useRegistry } from "./ScreenRenderer-BQz-1cCn.mjs";
+import { A as serialiseTheme, B as deriveDarkVariant, C as applyTheme, D as getActiveThemeId, E as buildThemeDefinition, F as DEFAULT_SPACING, G as FONT_FAMILY_KEYS, H as mergeDarkOverrides, I as DEFAULT_THEME_ID, J as SEMANTIC_COLOR_NAMES, K as FONT_SIZE_KEYS, L as DEFAULT_THEME_NAME, M as DEFAULT_FONT_FAMILIES, N as DEFAULT_FONT_SIZES, O as transformThemes, P as DEFAULT_RADII, Q as deleteDatabase, R as getDefaultThemeDefinition, S as createWidgetRegistry, T as removeTheme, U as parseColor, V as getForegroundColor, W as resolveTheme, X as useAppDefinitionApi, _ as DEFAULT_SDK_WIDGET_REGISTRY, a as useScreenAreaFullscreenSnapshot, b as createScreen, c as useFluidApp, d as toNavigationItem, f as normalizeComponentTree, h as useCompanyScopedQueryKey, i as useOptionalScreenAreaFullscreenCoordinator, j as DEFAULT_COLORS, k as deserialiseTheme, l as toRawManifest, m as createCompanyQueryKey, o as APP_DATA_QUERY_KEY, p as toScreenDefinition, q as RADIUS_KEYS, r as ScreenAreaFullscreenProvider, s as fetchRawManifest, t as buildRemoteWidgetRegistry, u as transformManifestToRepAppData, v as isDefaultWidgetComponent, w as removeAllThemes, x as createWidgetFromShareable, y as widgetPropertySchemas, z as generateThemeCSS } from "./build-widget-registry-Dveiky2q.mjs";
+import { a as assertNever, i as assertDefined, n as DataAwareWidget, o as isWidgetType, r as WIDGET_TYPE_NAMES, s as isWidgetTypeName, u as useRegistry } from "./ScreenRenderer-KJIcMne2.mjs";
 import { t as useAccount } from "./use-account-DR6HXMw_.mjs";
 import "./use-optional-store-DpB_jK4Q.mjs";
-import { g as useNativeCapabilities, h as useThemeContext, m as FluidThemeProvider, n as useFluidContext, p as shellEn, r as SUPPORTED_LANGUAGES, t as FluidProvider, x as useLanguagesApi } from "./FluidProvider-CbA8KrhD.mjs";
+import { g as useNativeCapabilities, h as useThemeContext, m as FluidThemeProvider, n as useFluidContext, p as shellEn, r as SUPPORTED_LANGUAGES, t as FluidProvider, x as useLanguagesApi } from "./FluidProvider-C5JqeOGi.mjs";
 import "./mysite-api-context-BbxSfNft.mjs";
 import "./ContactsTranslationBridge-DCSWCdyq.mjs";
 import { r as contactsScreenPropertySchema, t as ContactsScreen } from "./ContactsScreen-D0l3-Xof.mjs";
@@ -22,7 +22,7 @@ import { r as useShellTranslation, t as ShellTranslationContext } from "./shell-
 import "./error-state-BMPrAS3n.mjs";
 import { r as pointsWidgetPropertySchema, t as PointsWidget } from "./PointsWidget-7OpNqRDe.mjs";
 import "./task-composer-form-DzVUCin2.mjs";
-import { a as sectionLayoutConfig, i as groupChildrenByColumn, r as layoutWidgetPropertySchema, t as LayoutWidget } from "./LayoutWidget-ENLd1G__.mjs";
+import { a as sectionLayoutConfig, i as groupChildrenByColumn, r as layoutWidgetPropertySchema, t as LayoutWidget } from "./LayoutWidget-DkYKWC2P.mjs";
 import { _ as extractPropertyValues, g as applyPropertyValues, h as PROPERTY_FIELD_TYPES, r as gapValues, v as groupPropertyFields, y as isPropertyFieldType } from "./registries-DXVOnKV2.mjs";
 import "./fields-Cz7BkKd6.mjs";
 import { r as textWidgetPropertySchema, t as TextWidget } from "./TextWidget-cnDl92rJ.mjs";
@@ -30,16 +30,16 @@ import { r as alertWidgetPropertySchema, t as AlertWidget } from "./AlertWidget-
 import { r as bulletListWidgetPropertySchema, t as BulletListWidget } from "./BulletListWidget-DZrlNEa4.mjs";
 import "./preview-context-DvXxVZ0z.mjs";
 import { r as calendarWidgetPropertySchema, t as CalendarWidget } from "./CalendarWidget-DwZ5hrXx.mjs";
-import { r as cardWidgetPropertySchema, t as CardWidget } from "./CardWidget-Bs0hqVjy.mjs";
+import { r as cardWidgetPropertySchema, t as CardWidget } from "./CardWidget-Dee9DpBH.mjs";
 import "./purify.es-CcYKK30Z.mjs";
 import "./MediaRenderer-DflyyaXq.mjs";
 import { r as carouselWidgetPropertySchema, t as CarouselWidget } from "./CarouselWidget-DEyRWj_S.mjs";
 import { r as catchUpWidgetPropertySchema, t as CatchUpWidget } from "./CatchUpWidget-dROZKeGW.mjs";
 import { Cn as Button, Ln as cn, N as IconButton, ct as PopoverContent, dt as CollapsibleContent, ft as CollapsibleTrigger, g as Skeleton, lt as PopoverTrigger, m as Toaster, st as Popover, ut as Collapsible } from "./src-v1U7mjgR.mjs";
-import { _ as SidebarProvider, a as BottomNavVisibilityProvider, c as SidebarContent, d as SidebarHeader, f as SidebarInset, g as SidebarMenuSub, h as SidebarMenuItem, i as useMessagingAuth, l as SidebarFooter, m as SidebarMenuButton, n as messagingScreenPropertySchema, o as useBottomNavHidden, p as SidebarMenu, r as useMessagingConfig, s as Sidebar, t as MessagingScreen, u as SidebarGroupLabel, v as useSidebar } from "./MessagingScreen-BtdVeSR5.mjs";
-import { n as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-Dv7PjXwb.mjs";
+import { _ as SidebarProvider, a as BottomNavVisibilityProvider, c as SidebarContent, d as SidebarHeader, f as SidebarInset, g as SidebarMenuSub, h as SidebarMenuItem, i as useMessagingAuth, l as SidebarFooter, m as SidebarMenuButton, n as messagingScreenPropertySchema, o as useBottomNavHidden, p as SidebarMenu, r as useMessagingConfig, s as Sidebar, t as MessagingScreen, u as SidebarGroupLabel, v as useSidebar } from "./MessagingScreen-kftHOAO7.mjs";
+import { n as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-D0pn4_JR.mjs";
 import { r as chartWidgetPropertySchema, t as ChartWidget } from "./ChartWidget-LcbtV1uD.mjs";
-import { r as containerWidgetPropertySchema, t as ContainerWidget } from "./ContainerWidget-bbzSrNUJ.mjs";
+import { r as containerWidgetPropertySchema, t as ContainerWidget } from "./ContainerWidget-BVlY76wy.mjs";
 import { r as embedWidgetPropertySchema, t as EmbedWidget } from "./EmbedWidget-EjCuOFOz.mjs";
 import { r as imageWidgetPropertySchema, t as ImageWidget } from "./ImageWidget-BjyKNhR9.mjs";
 import { r as linkWidgetPropertySchema, t as LinkWidget } from "./LinkWidget-BNZzqXbl.mjs";
@@ -53,7 +53,7 @@ import { r as spacerWidgetPropertySchema, t as SpacerWidget } from "./SpacerWidg
 import { r as tableWidgetPropertySchema, t as TableWidget } from "./TableWidget-BCIzecMi.mjs";
 import { r as toDoWidgetPropertySchema, t as ToDoWidget } from "./ToDoWidget-DtM9JWAS.mjs";
 import { r as videoWidgetPropertySchema, t as VideoWidget } from "./VideoWidget-DyyX7THj.mjs";
-import "./ShopWidget-CwiD88Sr.mjs";
+import { r as shopWidgetPropertySchema } from "./ShopWidget-DXVNRrFY.mjs";
 import "./translation-adapter-DfT1IP6Z.mjs";
 import "./translation-adapter-C-L9dSVl.mjs";
 import { r as storeKeys } from "./query-keys-QbaHKNsd.mjs";
@@ -65,17 +65,17 @@ import { i as useScreenHeaderSlotRefs, r as ScreenHeaderProvider } from "./Scree
 import { a as FallbackCard, i as CoreScreenPlaceholder, r as customersScreenPropertySchema, t as CustomersScreen } from "./CustomersScreen-B_dmvOqk.mjs";
 import { a as memberTypeSlug, i as memberTypeName, n as deniesRepSurfaces, r as hasMemberPermission, t as canAccessRepSurfaces } from "./member-permissions-CXsp_VS_.mjs";
 import { a as implementPortalFunction } from "./portal-function-VnzSP78n.mjs";
-import "./use-portal-card-add-3ds-flow-tvSUKAvl.mjs";
+import "./use-portal-card-add-3ds-flow--PAh5qUt.mjs";
 import "./display-CG8t6Bv8.mjs";
 import "./use-mysite-portal-B9dx249L.mjs";
-import { n as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-Dj1pTzLz.mjs";
+import { n as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-DnlCxwh6.mjs";
 import "./dist-CBZLrT5S.mjs";
 import "./es-B3I_oMk-.mjs";
 import "./dist-CU-tsJ00.mjs";
-import { n as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-fZFg1l1W.mjs";
+import { n as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-DDQ8QXWo.mjs";
 import { r as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScreen-DVkGc2_9.mjs";
 import "./sortable.esm-B6B4nWkF.mjs";
-import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-BKWFrPHB.mjs";
+import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-CUoUECrG.mjs";
 import "./AppDownloadScreen-OiFZo-I_.mjs";
 import { buildRemoteWidgetPluginManifests } from "./utils/build-remote-widget-plugin-manifests.mjs";
 import * as React$1 from "react";
@@ -1443,6 +1443,192 @@ function AccessDeniedScreen() {
 	});
 }
 //#endregion
+//#region src/core/default-property-schema-registry.ts
+const DEFAULT_PROPERTY_SCHEMA_REGISTRY = {
+	AlertWidget: alertWidgetPropertySchema,
+	BulletListWidget: bulletListWidgetPropertySchema,
+	CalendarWidget: calendarWidgetPropertySchema,
+	CardWidget: cardWidgetPropertySchema,
+	CarouselWidget: carouselWidgetPropertySchema,
+	ChartWidget: chartWidgetPropertySchema,
+	ContainerWidget: containerWidgetPropertySchema,
+	EmbedWidget: embedWidgetPropertySchema,
+	ImageWidget: imageWidgetPropertySchema,
+	LayoutWidget: layoutWidgetPropertySchema,
+	LinkWidget: linkWidgetPropertySchema,
+	ListWidget: listWidgetPropertySchema,
+	MySiteWidget: mySiteWidgetPropertySchema,
+	NestedWidget: nestedWidgetPropertySchema,
+	PointsWidget: pointsWidgetPropertySchema,
+	QuickLinksWidget: quickLinksWidgetPropertySchema,
+	QuickShareWidget: quickShareWidgetPropertySchema,
+	RecentActivityWidget: recentActivityWidgetPropertySchema,
+	SeparatorWidget: separatorWidgetPropertySchema,
+	ShopWidget: shopWidgetPropertySchema,
+	SpacerWidget: spacerWidgetPropertySchema,
+	TableWidget: tableWidgetPropertySchema,
+	TextWidget: textWidgetPropertySchema,
+	ToDoWidget: toDoWidgetPropertySchema,
+	VideoWidget: videoWidgetPropertySchema
+};
+//#endregion
+//#region src/utils/warn-unknown-widget-props.ts
+/**
+* Props every widget instance may legitimately receive that are never part
+* of a widget's own editable property schema:
+*  - Standard React/DOM pass-through props (`className`, `style`, `children`,
+*    `id`, `key`).
+*  - Structural identity props the screen-renderer pipeline injects itself
+*    for container widgets so they can support drag/select wiring
+*    (`widgetId`, `widgetPath`) — see `ScreenRenderer.tsx` in
+*    `@fluid-app/portal-widgets/core` and `WidgetContent` in
+*    `@fluid-app/portal-builder/core/widget-rendering`, which both inject
+*    these for the same widget nodes rendered here.
+* Never warn about these even though they never appear in a widget's
+* `fields` list.
+*/
+const ALWAYS_ALLOWED_WIDGET_PROPS = new Set([
+	"className",
+	"style",
+	"children",
+	"id",
+	"key",
+	"widgetId",
+	"widgetPath"
+]);
+/** Maximum Levenshtein distance for a "did you mean" suggestion to be shown. */
+const MAX_SUGGESTION_DISTANCE = 3;
+/**
+* Common authoring aliases → the canonical prop name to suggest. Levenshtein
+* only catches spelling slips; these are *semantic* misses (the motivating
+* incident authored `content` where the schema says `description` — edit
+* distance 9, far beyond any sane typo threshold). A suggestion is only shown
+* when the canonical name actually exists in the widget's schema.
+*/
+const PROP_NAME_SYNONYMS = {
+	content: "description",
+	text: "description",
+	body: "description",
+	copy: "description",
+	message: "description",
+	heading: "title",
+	header: "title",
+	label: "title"
+};
+/** `${widgetType}::${propName}` pairs already warned about this session. */
+const warnedPairs = /* @__PURE__ */ new Set();
+function isDevBuild() {
+	return import.meta.env?.DEV === true;
+}
+/**
+* Levenshtein edit distance between two strings. Small inline helper (no new
+* dependency) — only ever called with short widget-prop-name strings.
+*/
+function levenshteinDistance(a, b) {
+	if (a === b) return 0;
+	if (a.length === 0) return b.length;
+	if (b.length === 0) return a.length;
+	let previousRow = Array.from({ length: b.length + 1 }, (_, j) => j);
+	for (let i = 1; i <= a.length; i++) {
+		const currentRow = [i];
+		for (let j = 1; j <= b.length; j++) {
+			const substitutionCost = a[i - 1] === b[j - 1] ? 0 : 1;
+			const deletion = (previousRow[j] ?? Infinity) + 1;
+			const insertion = (currentRow[j - 1] ?? Infinity) + 1;
+			const substitution = (previousRow[j - 1] ?? Infinity) + substitutionCost;
+			currentRow.push(Math.min(deletion, insertion, substitution));
+		}
+		previousRow = currentRow;
+	}
+	return previousRow[b.length] ?? Math.max(a.length, b.length);
+}
+/**
+* Finds the suggestion for an unknown prop: a known semantic synonym first
+* (see {@link PROP_NAME_SYNONYMS}), then the nearest known key by Levenshtein
+* distance within {@link MAX_SUGGESTION_DISTANCE}.
+*/
+function findNearestKey(propName, candidates) {
+	const synonym = PROP_NAME_SYNONYMS[propName.toLowerCase()];
+	if (synonym && candidates.includes(synonym)) return synonym;
+	let nearest;
+	let nearestDistance = MAX_SUGGESTION_DISTANCE + 1;
+	for (const candidate of candidates) {
+		const distance = levenshteinDistance(propName, candidate);
+		if (distance < nearestDistance) {
+			nearestDistance = distance;
+			nearest = candidate;
+		}
+	}
+	return nearestDistance <= MAX_SUGGESTION_DISTANCE ? nearest : void 0;
+}
+/**
+* Collects every prop name a widget's property schema actually recognizes as
+* a `widget.props` key:
+*  - `borderRadius` fields are composite — their top-level `key` is a schema
+*    grouping identifier, not a real widget prop, so its four corner keys are
+*    expanded instead (mirrors `extractPropertyValues` in
+*    `@fluid-app/portal-core/registries`).
+*  - `dataSource` fields are excluded entirely. Per the same
+*    `extractPropertyValues` reference, this field type only exists so the
+*    property panel can gate other fields' visibility on whether a data
+*    source is configured — its value is read from `widget.dataSource` (the
+*    top-level, sibling-of-`props` config), never from `widget.props`.
+*    Authoring a literal `props.dataSource` is a real mistake (the config
+*    belongs one level up), so its field `key` must not be treated as an
+*    accepted prop here.
+*/
+function collectKnownPropKeys(fields) {
+	const keys = [];
+	for (const field of fields) if (field.type === "borderRadius") keys.push(...Object.values(field.keys));
+	else if (field.type !== "dataSource") keys.push(field.key);
+	return keys;
+}
+/**
+* Merges schema field keys with `dataSourceTargetProps` — props a data
+* source may populate (e.g. ListWidget's `items`) that aren't necessarily
+* declared as editable fields — into one deduped list. Used for both the
+* known/unknown check and what's surfaced to the author (the "Known props:"
+* list and suggestion candidates), so a typo of a data-source-only prop
+* still gets a correct suggestion and the valid name is actually listed.
+*/
+function collectAllKnownKeys(schema) {
+	const fieldKeys = collectKnownPropKeys(schema.fields);
+	const targetProps = schema.dataSourceTargetProps ?? [];
+	return Array.from(new Set([...fieldKeys, ...targetProps]));
+}
+/**
+* Dev-only console warning for widget props not declared in the widget's
+* registered property schema. Guards against the class of bug where an
+* authored screen sets a prop the widget doesn't know about (typo'd name,
+* stale field from a prior schema version) — the prop is silently dropped
+* and the widget renders its placeholder defaults with no signal to the
+* author.
+*
+* No-ops entirely outside a Vite dev build (checked first, before any prop
+* iteration, so there's zero overhead in production bundles) and for widget
+* types with no registered schema (custom/company widgets) — there's nothing
+* to validate against, so we skip silently rather than warn.
+*
+* Warns at most once per (widgetType, propName) pair per session.
+*/
+function warnUnknownWidgetProps({ widgetType, props, registry }) {
+	if (!isDevBuild()) return;
+	const schema = registry[widgetType];
+	if (!schema) return;
+	const knownKeys = collectAllKnownKeys(schema);
+	const knownKeySet = new Set(knownKeys);
+	for (const propName of Object.keys(props)) {
+		if (knownKeySet.has(propName)) continue;
+		if (ALWAYS_ALLOWED_WIDGET_PROPS.has(propName)) continue;
+		const pairKey = `${widgetType}::${propName}`;
+		if (warnedPairs.has(pairKey)) continue;
+		warnedPairs.add(pairKey);
+		const suggestion = findNearestKey(propName, knownKeys);
+		const suggestionText = suggestion ? ` Did you mean "${suggestion}"?` : "";
+		console.warn(`[portal] ${widgetType} received unknown prop "${propName}" — not in its schema.${suggestionText} Known props: ${knownKeys.join(", ")}.`);
+	}
+}
+//#endregion
 //#region src/shell/BuilderScreenView.tsx
 /**
 * BuilderScreenView — renders a builder screen's component_tree with
@@ -1460,6 +1646,11 @@ function WidgetRenderer({ widget, index }) {
 		console.warn(`[BuilderScreenView] Widget type "${String(widget.type)}" not found in registry`);
 		return null;
 	}
+	if (isDefaultWidgetComponent(widget.type, Component)) warnUnknownWidgetProps({
+		widgetType: widget.type,
+		props: widget.props,
+		registry: DEFAULT_PROPERTY_SCHEMA_REGISTRY
+	});
 	if (widget.dataSource) return /* @__PURE__ */ jsx("div", {
 		className: "h-full w-full overflow-x-hidden",
 		children: /* @__PURE__ */ jsx(DataAwareWidget, {
@@ -1522,12 +1713,12 @@ function resolveMemberTypePage(registry, memberTypeSlug, currentSlug, baseSlug)
 }
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = lazy(() => import("./ProfileScreen-Bqv7MNPH.mjs").then((m) => ({ default: m.ProfileScreen })));
-const OrdersScreen$1 = lazy(() => import("./OrdersScreen-1kPmXJga.mjs").then((m) => ({ default: m.OrdersScreen })));
-const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-G64lYG5v.mjs").then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = lazy(() => import("./MessagingScreen-Dt6Rwk7_.mjs").then((m) => ({ default: m.MessagingScreen })));
+const ProfileScreen$1 = lazy(() => import("./ProfileScreen-ntvqBCpb.mjs").then((m) => ({ default: m.ProfileScreen })));
+const OrdersScreen$1 = lazy(() => import("./OrdersScreen-DPkq_mS2.mjs").then((m) => ({ default: m.OrdersScreen })));
+const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-qD8Mnh2A.mjs").then((m) => ({ default: m.SubscriptionsScreen })));
+const MessagingScreen$1 = lazy(() => import("./MessagingScreen-CowNfnz0.mjs").then((m) => ({ default: m.MessagingScreen })));
 const ContactsScreen$1 = lazy(() => import("./ContactsScreen-D0l3-Xof.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = lazy(() => import("./ShopScreen-CfvCqYJ9.mjs").then((m) => ({ default: m.ShopScreen })));
+const ShopScreen$1 = lazy(() => import("./ShopScreen-CGX6YHVV.mjs").then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = lazy(() => import("./CustomersScreen-B_dmvOqk.mjs").then((n) => n.n).then((m) => ({ default: m.CustomersScreen })));
 const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-u6O-4LI4.mjs").then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = lazy(() => import("./MySiteScreen-DVkGc2_9.mjs").then((n) => n.n).then((m) => ({ default: m.MySiteScreen })));
@@ -1975,6 +2166,35 @@ function TranslatedScreenHeader({ slug, title, trailingContent }) {
 	});
 }
 //#endregion
+//#region src/shell/mobile-back-target.ts
+const LEGACY_SHAREABLE_PARENT_SLUGS = {
+	"share/page": "share/pages",
+	"share/playlist": "share/playlists",
+	"share/product": "share/products"
+};
+const SHAREABLE_DETAIL_ROUTE_PREFIXES = [
+	"share/files",
+	"share/media",
+	"share/page",
+	"share/pages",
+	"share/playlist",
+	"share/playlists",
+	"share/product",
+	"share/products"
+];
+function isShareableDetailRoute(normalizedSlug) {
+	return SHAREABLE_DETAIL_ROUTE_PREFIXES.some((routePrefix) => normalizedSlug.startsWith(routePrefix + "/"));
+}
+function resolveMobileBackTarget(currentSlug, navSlugs, previousSlug) {
+	const navMatch = matchSlugPrefix(currentSlug, navSlugs);
+	const normalized = normalizeSlug(currentSlug);
+	const isDrillDownRoute = !!navMatch?.rest || isShareableDetailRoute(normalized);
+	const normalizedPrevious = normalizeSlug(previousSlug ?? void 0);
+	if (isDrillDownRoute && normalizedPrevious && normalizedPrevious !== normalized) return normalizedPrevious;
+	if (navMatch?.rest) return navMatch.matchedSlug;
+	for (const [routePrefix, parentSlug] of Object.entries(LEGACY_SHAREABLE_PARENT_SLUGS)) if (normalized.startsWith(routePrefix + "/") && navSlugs.includes(parentSlug)) return parentSlug;
+}
+//#endregion
 //#region src/shell/AppShell.tsx
 const THEME_STORAGE_KEY = "portal-theme-mode";
 const SHAREABLE_TYPE_TO_SLUG = {
@@ -2167,9 +2387,11 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 	const activeSlug = controlledSlug ?? pathSlug;
 	const activeSlugRef = useRef(activeSlug);
 	activeSlugRef.current = activeSlug;
-	const handleNavigate = useCallback((slug) => {
+	const navigateToSlug = useCallback((slug, options) => {
 		const current = activeSlugRef.current;
-		if (slug !== current) setPreviousSlug(current || null);
+		const recordPrevious = options?.recordPrevious ?? true;
+		if (slug !== current && recordPrevious) setPreviousSlug(current || null);
+		else if (slug !== current) setPreviousSlug(null);
 		if (onNavigateProp) {
 			onNavigateProp(slug);
 			return;
@@ -2178,6 +2400,9 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 		history.pushState(null, "", targetPath);
 		setPathSlug(slug);
 	}, [onNavigateProp, normalizedBasePath]);
+	const handleNavigate = useCallback((slug) => {
+		navigateToSlug(slug);
+	}, [navigateToSlug]);
 	const handleWidgetItemClick = useCallback((item) => {
 		const subscriptionToken = item.subscription_token;
 		if (typeof subscriptionToken === "string" && subscriptionToken) {
@@ -2208,6 +2433,15 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 	const slugMatch = useMemo(() => matchSlugPrefix(activeSlug, allNavSlugs), [activeSlug, allNavSlugs]);
 	const baseSlug = slugMatch?.matchedSlug ?? normalizeSlug(activeSlug);
 	const restParams = slugMatch?.rest ?? "";
+	const mobileBackTarget = useMemo(() => resolveMobileBackTarget(activeSlug, allNavSlugs, previousSlug), [
+		activeSlug,
+		allNavSlugs,
+		previousSlug
+	]);
+	const handleMobileBack = useCallback(() => {
+		if (!mobileBackTarget) return;
+		navigateToSlug(mobileBackTarget, { recordPrevious: false });
+	}, [mobileBackTarget, navigateToSlug]);
 	const mobileSecondLevelTabs = findCurrentSection(filteredMobileNavItems, baseSlug)?.children ?? [];
 	const currentNavItem = findNavItem(filteredNavItems, baseSlug) ?? findNavItem(filteredMobileNavItems, baseSlug);
 	const matchingScreen = screens?.find((s) => s.id === currentNavItem?.screen_id);
@@ -2292,7 +2526,7 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 								mobileTabs: mobileSecondLevelTabs,
 								currentSlug: activeSlug,
 								title: screenTitle,
-								...restParams !== "" && { onBack: () => handleNavigate(baseSlug) },
+								...mobileBackTarget !== void 0 && { onBack: handleMobileBack },
 								onNavigate: handleNavigate,
 								onLogout: logout
 							}),
@@ -3435,15 +3669,15 @@ const CORE_PAGE_IDS = {
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => import("./ProfileScreen-Bqv7MNPH.mjs").then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => import("./MessagingScreen-Dt6Rwk7_.mjs").then((m) => m.messagingScreenPropertySchema),
+	ProfileScreen: () => import("./ProfileScreen-ntvqBCpb.mjs").then((m) => m.profileScreenPropertySchema),
+	MessagingScreen: () => import("./MessagingScreen-CowNfnz0.mjs").then((m) => m.messagingScreenPropertySchema),
 	ContactsScreen: () => import("./ContactsScreen-D0l3-Xof.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
-	OrdersScreen: () => import("./OrdersScreen-1kPmXJga.mjs").then((m) => m.ordersScreenPropertySchema),
-	SubscriptionsScreen: () => import("./SubscriptionsScreen-G64lYG5v.mjs").then((m) => m.subscriptionsScreenPropertySchema),
+	OrdersScreen: () => import("./OrdersScreen-DPkq_mS2.mjs").then((m) => m.ordersScreenPropertySchema),
+	SubscriptionsScreen: () => import("./SubscriptionsScreen-qD8Mnh2A.mjs").then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => import("./CustomersScreen-B_dmvOqk.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
 	MySiteScreen: () => import("./MySiteScreen-DVkGc2_9.mjs").then((n) => n.n).then((m) => m.mySiteScreenPropertySchema),
 	ShareablesScreen: () => import("./ShareablesScreen-u6O-4LI4.mjs").then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => import("./ShopScreen-CfvCqYJ9.mjs").then((m) => m.shopScreenPropertySchema),
+	ShopScreen: () => import("./ShopScreen-CGX6YHVV.mjs").then((m) => m.shopScreenPropertySchema),
 	AppDownloadScreen: () => import("./AppDownloadScreen-OiFZo-I_.mjs").then((n) => n.t).then((m) => m.appDownloadScreenPropertySchema)
 };
 /**