@object-ui/app-shell 5.0.1 → 5.1.1

package/CHANGELOG.md

@@ -1,5 +1,174 @@
 # @object-ui/app-shell — Changelog
 
+## 5.1.1
+
+### Patch Changes
+
+- Updated dependencies [8955b9c]
+  - @object-ui/components@5.1.1
+  - @object-ui/fields@5.1.1
+  - @object-ui/layout@5.1.1
+  - @object-ui/types@5.1.1
+  - @object-ui/core@5.1.1
+  - @object-ui/i18n@5.1.1
+  - @object-ui/react@5.1.1
+  - @object-ui/data-objectstack@5.1.1
+  - @object-ui/auth@5.1.1
+  - @object-ui/permissions@5.1.1
+  - @object-ui/collaboration@5.1.1
+  - @object-ui/providers@5.1.1
+
+## 5.1.0
+
+### Minor Changes
+
+- d1ec6a2: Fold inline-edit into the page-header overflow menu (HubSpot/Lightning
+  pattern) and remove the orphan "Edit fields" toolbar row that previously
+  floated between the tab strip and the first detail section.
+  - `@object-ui/app-shell` `RecordDetailView`: injects a new `sys_inline_edit`
+    system action that appears in the ⋯ overflow menu and dispatches a
+    `objectui:record:inline-edit-toggle` window CustomEvent (filtered by
+    recordId + objectName).
+  - `@object-ui/plugin-detail` `DetailView`: listens for that event to
+    toggle inline-edit mode; the in-page toolbar now renders only during
+    active editing / save error / locked states, so the idle layout flows
+    tabs → first section card with no orphan row.
+  - `@object-ui/components` layout containers: extended `KNOWN_LABEL_DICT`
+    with zh-CN + zh-TW translations for common CRM related-list labels
+    (Quotes / Products / Contacts / Accounts / Leads / Opportunities /
+    Cases / Campaigns / Approvals / Documents / Emails / Calls / Meetings
+    / Open Tasks / Closed Tasks), so authored English labels auto-translate
+    in `page:accordion` / `page:tabs` items.
+
+- cf30cc2: Polish Lightning record detail page layout.
+  - `record:details` sections now render with Card chrome by default when a `title` is present, restoring visual grouping that was missing on pages like the opportunity detail page.
+  - Section labels can be translated via the `{ns}.objects.{objectName}._sections.{name}.label` convention. Author each section with a stable `name` (e.g. `info`, `forecast`) and the renderer picks up the locale-specific label automatically. Falls back to the literal `label` when no translation exists.
+  - The `page:header` action toolbar now collapses into a `⋯` overflow menu when more than two actions are present. The first business action stays inline; secondary system actions (Edit / Share / Delete) move into the menu, with destructive styling applied to Delete.
+  - Header action labels resolve via the `{ns}.objects.{objectName}._actions.{name}.label` convention.
+  - Removed the meaningless field-count Badge from collapsible section headers (the `2` chip next to "Description"). Field-count metadata wasn't useful in the header and added visual noise.
+  - Synth-path `sys_delete` now carries `variant: 'destructive'` so the overflow menu can color it appropriately.
+
+- c0b236f: Platform detail/form polish:
+  - **Auto-section grouping**: When an object has no authored `views.form.sections`, the detail page now splits fields into a primary section and a collapsible "More details" section based on a field-type/name heuristic (textarea / markdown / description / notes / remarks). Eliminates the wall-of-fields layout on objects without explicit detail metadata.
+  - **FormSection card chrome**: `FormSection` now accepts `showBorder`. Defaults to `true` for titled sections (Card wrapper) and `false` for untitled sections (flat). Same auto-default already applied to `DetailSection`.
+  - **Origin breadcrumb**: Navigating from a list/kanban into a record now records the source view; the detail page shows a `← <view label>` back-link above the page header.
+  - New i18n key `detail.sectionMoreDetails` (en + zh-CN).
+
+### Patch Changes
+
+- d51a577: feat(platform): Discussion attachments + @mention directory + Reference Rail aside
+  - **Discussion attachments** — `RichTextCommentInput` now accepts an `extraSlot`
+    and a `canSubmitEmpty` flag so hosts can mount the existing
+    `CommentAttachment` composer beneath the editor without forking the toolbar.
+    `RecordActivityTimeline` plumbs the attachments through
+    `DiscussionContext.onUploadAttachments` and submits attachment-only comments.
+  - **@mention directory** — `DiscussionContext` gains a `mentionSuggestions`
+    field; `RecordDetailView` populates it from the host `sys_user` collection so
+    `@` autocomplete in the composer now resolves against real users.
+  - **Reference Rail** — New `record:reference_rail` renderer + a dedicated
+    `aside` region emitted by `buildDefaultPageSchema` whenever a record has
+    ≥ 2 related lists. The rail surfaces a Salesforce/HubSpot-style snapshot
+    of related collections (count badge + top 3 records) on `xl+` viewports.
+  - **Layout** — `PageRenderer`'s structured-layout `<aside>` wrappers now honor
+    `aside.className`, letting schemas attach responsive utilities like
+    `hidden xl:flex` to the rail region.
+
+- 1976691: Fix the drawer "Open as full page" (maximize) button on the record drawer
+  which threw `TypeError: name.indexOf is not a function` and prevented
+  navigation to the dedicated detail page.
+  - `@object-ui/app-shell` `ObjectView`: pass `objectDef.name` (string) — not
+    the whole `objectDef` — into `viewLabel(...)` when computing the
+    `originState.from.label` for both drawer-navigate and list-navigate
+    flows. Two call sites fixed.
+  - `@object-ui/i18n` `useObjectLabel`: harden `stripNamespace` so it
+    tolerates non-string inputs and returns an empty string instead of
+    throwing, providing a safety net for similar future regressions.
+
+- a49f300: feat(detail): per-object Reference Rail opt-out via `objectDef.detail.hideReferenceRail`
+
+  The Record-detail Reference Rail (right-hand related-list summary cards)
+  can now be suppressed on a per-object basis without authoring a full
+  custom `Page`. Catalog-style objects (Product, Task) ship with the rail
+  off by default; hub objects (Account, Opportunity, Contact, Case) keep it
+  on.
+  - `RecordDetailView` now reads `(objectDef as any)?.detail?.hideReferenceRail`
+    and `…?.hideRelatedTab` and threads them to `buildDefaultPageSchema`.
+  - The Reference Rail renderer also accepts entries authored as either a
+    flat `entries` array or nested under `properties.entries`, so explicit
+    `Page` authors can opt-in via the standard spec shape.
+  - See `packages/plugin-detail/README.md` (Reference Rail decision matrix)
+    for the rationale and per-object guidance.
+
+- e9767b0: Remove dead `sys_presence` REST probes from `RecordDetailView` and `AppHeader`. Real-time
+  presence does not belong in a regular REST collection — the feature is being redesigned
+  behind a transport-level `<PresenceProvider>` (see ROADMAP). This change removes the
+  probe (and associated state / unused UI mounts) so the browser no longer makes silently
+  swallowed 404 requests on every record open / app navigation. UI surface area is
+  unchanged for end users (the previous code never rendered viewers when the probe failed).
+- Updated dependencies [bd8447d]
+- Updated dependencies [fbd5052]
+- Updated dependencies [d51a577]
+- Updated dependencies [1976691]
+- Updated dependencies [d1ec6a2]
+- Updated dependencies [cf30cc2]
+- Updated dependencies [5b80cfd]
+- Updated dependencies [49b1760]
+- Updated dependencies [c0b236f]
+- Updated dependencies [d548d6b]
+  - @object-ui/components@5.1.0
+  - @object-ui/react@5.1.0
+  - @object-ui/i18n@5.1.0
+  - @object-ui/types@5.1.0
+  - @object-ui/core@5.1.0
+  - @object-ui/data-objectstack@5.1.0
+  - @object-ui/fields@5.1.0
+  - @object-ui/layout@5.1.0
+  - @object-ui/auth@5.1.0
+  - @object-ui/collaboration@5.1.0
+  - @object-ui/permissions@5.1.0
+  - @object-ui/providers@5.1.0
+
+## 5.0.2
+
+### Patch Changes
+
+- cab6a93: **plugin-grid:** column summary footer now formats values using the
+  column's type metadata. Currency columns render `Sum: $1,760,000.00`
+  instead of bare `Sum: 1,760,000`; percent columns honor `0–1` vs
+  `0–100` value ranges; avg uses two fraction digits. `useColumnSummary`
+  accepts an optional `fieldMetadata` map (typically `objectSchema.fields`)
+  so per-field `type`, `currency`, `defaultCurrency`, `precision` are
+  respected.
+
+  **plugin-gantt:** added safe-fallback `useGanttTranslation` hook. All
+  hardcoded toolbar `aria-label`s and the `Task Name` / `Start` / `End` /
+  `Today` column-header strings now flow through `t('gantt.*')`. A new
+  `gantt.*` section is exported from the en/zh/ja/ko/de/fr/es/pt/ru/ar
+  locales.
+
+  **app-shell:** `ReportView` no longer hardcodes the `Edit` button label
+  or the `Loading report…` fallback — they now use `common.edit` and
+  `common.loading`.
+
+  **i18n:** added top-level `gantt` section (with English fallbacks in
+  non-en/zh locales) and the `common.addToFavorites` /
+  `common.removeFromFavorites` keys across all ten built-in locales so
+  the `builtInLocales` parity tests pass.
+
+- Updated dependencies [cab6a93]
+  - @object-ui/i18n@5.0.2
+  - @object-ui/components@5.0.2
+  - @object-ui/fields@5.0.2
+  - @object-ui/react@5.0.2
+  - @object-ui/layout@5.0.2
+  - @object-ui/types@5.0.2
+  - @object-ui/core@5.0.2
+  - @object-ui/data-objectstack@5.0.2
+  - @object-ui/auth@5.0.2
+  - @object-ui/permissions@5.0.2
+  - @object-ui/collaboration@5.0.2
+  - @object-ui/providers@5.0.2
+
 ## 5.0.1
 
 ### Patch Changes

package/dist/console/home/RecentApps.js

@@ -9,8 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigate } from 'react-router-dom';
 import { useObjectTranslation } from '@object-ui/i18n';
 import { Card, CardContent, cn } from '@object-ui/components';
-import { Clock, ArrowUpRight } from 'lucide-react';
-import { getIcon } from '../../utils/getIcon';
+import { Clock, ArrowUpRight, Database, FileText, LayoutDashboard, File } from 'lucide-react';
 import { capitalizeFirst } from '../../utils';
 const TYPE_TONES = {
     object: 'bg-blue-500/10 text-blue-600 dark:text-blue-400 ring-blue-500/20',
@@ -18,13 +17,21 @@ const TYPE_TONES = {
     page: 'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 ring-emerald-500/20',
     record: 'bg-amber-500/10 text-amber-600 dark:text-amber-400 ring-amber-500/20',
 };
+// Per-type icon so the four kinds are visually distinguishable — see
+// StarredApps.tsx for the rationale.
+const TYPE_ICONS = {
+    object: Database,
+    record: FileText,
+    dashboard: LayoutDashboard,
+    page: File,
+};
 export function RecentApps({ items }) {
     const navigate = useNavigate();
     const { t } = useObjectTranslation();
     if (items.length === 0)
         return null;
     return (_jsxs("section", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-5", children: [_jsx("span", { className: "inline-flex h-8 w-8 items-center justify-center rounded-lg bg-sky-500/10 ring-1 ring-sky-500/20 text-sky-600 dark:text-sky-400", children: _jsx(Clock, { className: "h-4 w-4" }) }), _jsx("h2", { className: "text-2xl font-semibold tracking-tight", children: t('home.recentApps.title', { defaultValue: 'Recently Accessed' }) })] }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3", children: items.map((item) => {
-                    const Icon = getIcon(item.type);
+                    const Icon = TYPE_ICONS[item.type] || Database;
                     const typeLabel = t(`home.recentApps.itemType.${item.type}`, {
                         defaultValue: capitalizeFirst(item.type),
                     });

package/dist/console/home/StarredApps.js

@@ -9,8 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigate } from 'react-router-dom';
 import { useObjectTranslation } from '@object-ui/i18n';
 import { Card, CardContent, cn } from '@object-ui/components';
-import { Star, ArrowUpRight } from 'lucide-react';
-import { getIcon } from '../../utils/getIcon';
+import { Star, ArrowUpRight, Database, FileText, LayoutDashboard, File } from 'lucide-react';
 import { capitalizeFirst } from '../../utils';
 const TYPE_TONES = {
     object: 'bg-blue-500/10 text-blue-600 dark:text-blue-400 ring-blue-500/20',
@@ -18,19 +17,35 @@ const TYPE_TONES = {
     page: 'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 ring-emerald-500/20',
     record: 'bg-amber-500/10 text-amber-600 dark:text-amber-400 ring-amber-500/20',
 };
+// Per-type icon so the four kinds (object / record / dashboard / page) are
+// visually distinguishable at a glance. `getIcon` falls back to the same
+// Database glyph for every unknown name which made all cards look identical.
+const TYPE_ICONS = {
+    object: Database,
+    record: FileText,
+    dashboard: LayoutDashboard,
+    page: File,
+};
 export function StarredApps({ items }) {
     const navigate = useNavigate();
     const { t } = useObjectTranslation();
     if (items.length === 0)
         return null;
     return (_jsxs("section", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-5", children: [_jsx("span", { className: "inline-flex h-8 w-8 items-center justify-center rounded-lg bg-amber-500/10 ring-1 ring-amber-500/20 text-amber-600 dark:text-amber-400", children: _jsx(Star, { className: "h-4 w-4 fill-current" }) }), _jsx("h2", { className: "text-2xl font-semibold tracking-tight", children: t('home.starredApps.title', { defaultValue: 'Starred' }) })] }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3", children: items.map((item) => {
-                    const Icon = getIcon(item.type);
+                    const Icon = TYPE_ICONS[item.type] || Database;
                     const tone = TYPE_TONES[item.type] || TYPE_TONES.object;
+                    // Reuse the recentApps.itemType.* keys so Starred and Recently
+                    // Accessed surface the same localized labels (e.g. "记录" vs
+                    // "Record"). Falls back to the capitalized english type so
+                    // unknown types still render readably.
+                    const typeLabel = t(`home.recentApps.itemType.${item.type}`, {
+                        defaultValue: capitalizeFirst(item.type),
+                    });
                     return (_jsx(Card, { className: "group cursor-pointer border border-border/70 bg-card/80 backdrop-blur-sm transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-0.5 hover:shadow-md hover:border-foreground/20 motion-reduce:transition-none motion-reduce:hover:transform-none", onClick: () => navigate(item.href), "data-testid": `starred-item-${item.id}`, role: "link", tabIndex: 0, onKeyDown: (e) => {
                             if (e.key === 'Enter' || e.key === ' ') {
                                 e.preventDefault();
                                 navigate(item.href);
                             }
-                        }, children: _jsx(CardContent, { className: "p-3.5", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: cn('inline-flex h-10 w-10 items-center justify-center rounded-lg ring-1 shrink-0', tone), children: _jsx(Icon, { className: "h-5 w-5" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "font-medium text-sm truncate", children: item.label }), _jsx("p", { className: "text-xs text-muted-foreground", children: capitalizeFirst(item.type) })] }), _jsx(ArrowUpRight, { className: "h-4 w-4 text-muted-foreground opacity-0 -translate-x-1 transition-[opacity,transform] duration-200 group-hover:opacity-100 group-hover:translate-x-0" })] }) }) }, item.id));
+                        }, children: _jsx(CardContent, { className: "p-3.5", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: cn('inline-flex h-10 w-10 items-center justify-center rounded-lg ring-1 shrink-0', tone), children: _jsx(Icon, { className: "h-5 w-5" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "font-medium text-sm truncate", children: item.label }), _jsx("p", { className: "text-xs text-muted-foreground", children: typeLabel })] }), _jsx(ArrowUpRight, { className: "h-4 w-4 text-muted-foreground opacity-0 -translate-x-1 transition-[opacity,transform] duration-200 group-hover:opacity-100 group-hover:translate-x-0" })] }) }) }, item.id));
                 }) })] }));
 }

package/dist/context/FavoritesProvider.d.ts

@@ -33,6 +33,13 @@ interface FavoritesContextValue {
     toggleFavorite: (item: Omit<FavoriteItem, 'favoritedAt'>) => void;
     isFavorite: (id: string) => boolean;
     clearFavorites: () => void;
+    /**
+     * Self-heal a stored label for an existing favorite without re-ordering
+     * or resetting `favoritedAt`. Used by record pages once the human-readable
+     * title resolves so stale "raw id" labels (e.g. saved before the title
+     * loaded) get rewritten transparently on the next visit.
+     */
+    refreshLabel: (id: string, label: string) => void;
 }
 interface FavoritesProviderProps {
     children: ReactNode;

package/dist/context/FavoritesProvider.js

@@ -138,6 +138,24 @@ export function FavoritesProvider({ children }) {
         setFavorites([]);
         commit([]);
     }, [commit]);
+    const refreshLabel = useCallback((id, label) => {
+        if (!id || !label)
+            return;
+        setFavorites(prev => {
+            let changed = false;
+            const updated = prev.map(f => {
+                if (f.id === id && f.label !== label) {
+                    changed = true;
+                    return { ...f, label };
+                }
+                return f;
+            });
+            if (!changed)
+                return prev;
+            commit(updated);
+            return updated;
+        });
+    }, [commit]);
     const value = useMemo(() => ({
         favorites,
         addFavorite,
@@ -145,7 +163,8 @@ export function FavoritesProvider({ children }) {
         toggleFavorite,
         isFavorite: (id) => favorites.some(f => f.id === id),
         clearFavorites,
-    }), [favorites, addFavorite, removeFavorite, toggleFavorite, clearFavorites]);
+        refreshLabel,
+    }), [favorites, addFavorite, removeFavorite, toggleFavorite, clearFavorites, refreshLabel]);
     return (_jsx(FavoritesContext.Provider, { value: value, children: children }));
 }
 // ---------------------------------------------------------------------------
@@ -169,6 +188,7 @@ export function useFavorites() {
             toggleFavorite: () => { },
             isFavorite: () => false,
             clearFavorites: () => { },
+            refreshLabel: () => { },
         };
     }
     return ctx;

package/dist/layout/AppHeader.js

@@ -58,14 +58,12 @@ export function AppHeader({ variant, appName, objects, connectionState, presence
     const { apps: metadataApps, dashboards: metadataDashboards, pages: metadataPages, reports: metadataReports } = useMetadata();
     const { currentAppName, recordTitle } = useNavigationContext();
     const mobileSwitcher = useMobileViewSwitcher();
-    const [apiPresenceUsers, setApiPresenceUsers] = useState(null);
     const [apiActivities, setApiActivities] = useState(null);
     /** M10.8: in-header notifications. Polled from sys_notification scoped to current user. */
     const [notifications, setNotifications] = useState([]);
     // Once the server returns 404 for these collections we stop retrying for
     // the lifetime of the page — they're optional features and re-requesting
     // on every navigation creates console noise + wasted round trips.
-    const presenceUnavailableRef = useRef(false);
     const activityUnavailableRef = useRef(false);
     const notificationsUnavailableRef = useRef(false);
     /** M11.C15: pending approvals count for the topbar shortcut. */
@@ -79,29 +77,21 @@ export function AppHeader({ variant, appName, objects, connectionState, presence
         // registered on the server. Either signal means the feature is
         // unavailable — disable it for the rest of the page.
         const isMissingResource = (err) => err?.httpStatus === 404 || err?.status === 404 || err?.code === 'object_not_found';
-        const presenceP = presenceUnavailableRef.current
-            ? Promise.resolve({ data: [] })
-            : dataSource.find('sys_presence').catch((err) => {
-                if (isMissingResource(err))
-                    presenceUnavailableRef.current = true;
-                return { data: [] };
-            });
-        const activityP = activityUnavailableRef.current
-            ? Promise.resolve({ data: [] })
-            : dataSource
+        // Tenant-wide presence ("who else is online?") is intentionally NOT
+        // probed here. Presence is real-time ephemeral state that does not
+        // belong in a regular REST collection. The feature is staged behind a
+        // transport-level provider (<PresenceProvider>) which is not yet
+        // wired — see ROADMAP for the realtime plan.
+        if (activityUnavailableRef.current)
+            return;
+        try {
+            const activityResult = await dataSource
                 .find('sys_activity', { $orderby: { timestamp: 'desc' }, $top: 20 })
                 .catch((err) => {
                 if (isMissingResource(err))
                     activityUnavailableRef.current = true;
                 return { data: [] };
             });
-        try {
-            const [presenceResult, activityResult] = await Promise.all([presenceP, activityP]);
-            if (presenceResult.data?.length) {
-                const users = presenceResult.data.filter((u) => typeof u.userId === 'string');
-                if (users.length)
-                    setApiPresenceUsers(users);
-            }
             if (activityResult.data?.length) {
                 const items = activityResult.data.filter((a) => typeof a.type === 'string');
                 if (items.length)
@@ -277,7 +267,7 @@ export function AppHeader({ variant, appName, objects, connectionState, presence
         const now = new Date().toISOString();
         await Promise.all(unread.map(n => dataSource.update('sys_notification', n.id, { is_read: true, read_at: now }).catch(() => { })));
     }, [dataSource, notifications]);
-    const activeUsers = presenceUsers ?? apiPresenceUsers ?? EMPTY_PRESENCE_USERS;
+    const activeUsers = presenceUsers ?? EMPTY_PRESENCE_USERS;
     const activeActivities = activities ?? apiActivities ?? [];
     const orgList = organizations ?? [];
     const hasOrgSection = isOrganizationsLoading || orgList.length > 0 || !!activeOrganization;

package/dist/layout/AppSidebar.js

@@ -94,7 +94,7 @@ export function AppSidebar({ activeAppName, onAppChange }) {
     const { user, signOut, isAuthEnabled } = useAuth();
     const navigate = useNavigate();
     const { t } = useObjectTranslation();
-    const { objectLabel: resolveNavObjectLabel } = useObjectLabel();
+    const { objectLabel: resolveNavObjectLabel, viewLabel: resolveNavViewLabel } = useObjectLabel();
     // Swipe-from-left-edge gesture to open sidebar on mobile
     React.useEffect(() => {
         const EDGE_THRESHOLD = 30;
@@ -200,7 +200,7 @@ export function AppSidebar({ activeAppName, onAppChange }) {
                                                     const AreaIcon = getIcon(area.icon);
                                                     const isActiveArea = area.id === activeAreaId;
                                                     return (_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { isActive: isActiveArea, tooltip: area.label, onClick: () => setActiveAreaId(area.id), children: [_jsx(AreaIcon, { className: "h-4 w-4" }), _jsx("span", { children: area.label })] }) }, area.id));
-                                                }) }) })] })), _jsx(SidebarGroup, { className: "py-0", children: _jsxs(SidebarGroupContent, { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-70" }), _jsx(SidebarInput, { placeholder: "Search navigation...", value: navSearchQuery, onChange: (e) => setNavSearchQuery(e.target.value), className: "pl-8" })] }) }), _jsx(NavigationRenderer, { items: processedNavigation, basePath: basePath, evaluateVisibility: evalVis, checkPermission: checkPerm, checkCapability: checkCap, searchQuery: navSearchQuery, enablePinning: true, onPinToggle: togglePin, enableReorder: true, onReorder: handleReorder, resolveObjectLabel: (objectName, fallback) => resolveNavObjectLabel({ name: objectName, label: fallback }), t: t }), recentItems.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5 cursor-pointer select-none", onClick: () => setRecentExpanded(prev => !prev), children: [_jsx(ChevronRight, { className: `h-3 w-3 transition-transform duration-150 ${recentExpanded ? 'rotate-90' : ''}` }), _jsx(Clock, { className: "h-3.5 w-3.5" }), "Recent"] }), recentExpanded && (_jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: recentItems.slice(0, 5).map(item => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : '📄' }), _jsx("span", { className: "truncate", children: item.label })] }) }) }, item.id))) }) }))] })), favorites.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Star, { className: "h-3.5 w-3.5" }), "Favorites"] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: favorites.slice(0, 8).map(item => (_jsxs(SidebarMenuItem, { children: [_jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : item.type === 'page' ? '📄' : '📋' }), _jsx("span", { className: "truncate", children: item.label })] }) }), _jsx(SidebarMenuAction, { showOnHover: true, onClick: (e) => { e.stopPropagation(); removeFavorite(item.id); }, "aria-label": `Remove ${item.label} from favorites`, children: _jsx(StarOff, { className: "h-3 w-3" }) })] }, item.id))) }) })] }))] })) : (_jsxs(SidebarGroup, { "data-testid": "system-fallback-nav", children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Settings, { className: "h-3.5 w-3.5" }), "System"] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: systemFallbackNavigation.map((item) => {
+                                                }) }) })] })), _jsx(SidebarGroup, { className: "py-0", children: _jsxs(SidebarGroupContent, { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-70" }), _jsx(SidebarInput, { placeholder: "Search navigation...", value: navSearchQuery, onChange: (e) => setNavSearchQuery(e.target.value), className: "pl-8" })] }) }), _jsx(NavigationRenderer, { items: processedNavigation, basePath: basePath, evaluateVisibility: evalVis, checkPermission: checkPerm, checkCapability: checkCap, searchQuery: navSearchQuery, enablePinning: true, onPinToggle: togglePin, enableReorder: true, onReorder: handleReorder, resolveObjectLabel: (objectName, fallback) => resolveNavObjectLabel({ name: objectName, label: fallback }), resolveViewLabel: (objectName, viewName, fallback) => resolveNavViewLabel(objectName, viewName, fallback), t: t }), recentItems.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5 cursor-pointer select-none", onClick: () => setRecentExpanded(prev => !prev), children: [_jsx(ChevronRight, { className: `h-3 w-3 transition-transform duration-150 ${recentExpanded ? 'rotate-90' : ''}` }), _jsx(Clock, { className: "h-3.5 w-3.5" }), "Recent"] }), recentExpanded && (_jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: recentItems.slice(0, 5).map(item => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : '📄' }), _jsx("span", { className: "truncate", children: item.label })] }) }) }, item.id))) }) }))] })), favorites.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Star, { className: "h-3.5 w-3.5" }), "Favorites"] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: favorites.slice(0, 8).map(item => (_jsxs(SidebarMenuItem, { children: [_jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : item.type === 'page' ? '📄' : '📋' }), _jsx("span", { className: "truncate", children: item.label })] }) }), _jsx(SidebarMenuAction, { showOnHover: true, onClick: (e) => { e.stopPropagation(); removeFavorite(item.id); }, "aria-label": `Remove ${item.label} from favorites`, children: _jsx(StarOff, { className: "h-3 w-3" }) })] }, item.id))) }) })] }))] })) : (_jsxs(SidebarGroup, { "data-testid": "system-fallback-nav", children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Settings, { className: "h-3.5 w-3.5" }), "System"] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: systemFallbackNavigation.map((item) => {
                                             const NavIcon = getIcon(item.icon);
                                             return (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.url || '/system', children: [_jsx(NavIcon, { className: "h-4 w-4" }), _jsx("span", { children: item.label })] }) }) }, item.id));
                                         }) }) })] })) }), _jsx(SidebarFooter, { children: _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { size: "lg", className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground", children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [_jsx(AvatarImage, { src: user?.image, alt: user?.name ?? 'User' }), _jsx(AvatarFallback, { className: "rounded-lg bg-primary text-primary-foreground", children: getUserInitials(user) })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: user?.name ?? 'User' }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: user?.email ?? '' })] }), _jsx(ChevronsUpDown, { className: "ml-auto size-4" })] }) }), _jsxs(DropdownMenuContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg", side: isMobile ? "bottom" : "right", align: "end", sideOffset: 4, children: [_jsx(DropdownMenuLabel, { className: "p-0 font-normal", children: _jsxs("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [_jsx(AvatarImage, { src: user?.image, alt: user?.name ?? 'User' }), _jsx(AvatarFallback, { className: "rounded-lg bg-primary text-primary-foreground", children: getUserInitials(user) })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: user?.name ?? 'User' }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: user?.email ?? '' })] })] }) }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuGroup, { children: _jsxs(DropdownMenuItem, { onClick: () => navigate('/apps/setup'), children: [_jsx(Settings, { className: "mr-2 h-4 w-4" }), t('user.settings', { defaultValue: 'Settings' })] }) }), isAuthEnabled && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => signOut(), children: [_jsx(LogOut, { className: "mr-2 h-4 w-4" }), t('user.logout', { defaultValue: 'Log out' })] })] }))] })] }) }) }) })] }), isMobile && (_jsx("div", { className: "fixed bottom-0 left-0 right-0 z-50 flex items-center justify-around border-t bg-background/95 backdrop-blur-sm px-2 py-1 sm:hidden safe-area-bottom", children: (() => {

package/dist/layout/UnifiedSidebar.js

@@ -88,7 +88,7 @@ export function UnifiedSidebar({ activeAppName }) {
     const { isMobile, setOpenMobile } = useSidebar();
     const location = useLocation();
     const { t } = useObjectTranslation();
-    const { objectLabel: resolveNavObjectLabel, dashboardLabel: resolveNavDashboardLabel, navGroupLabel: resolveNavGroupLabel } = useObjectLabel();
+    const { objectLabel: resolveNavObjectLabel, dashboardLabel: resolveNavDashboardLabel, navGroupLabel: resolveNavGroupLabel, viewLabel: resolveNavViewLabel } = useObjectLabel();
     const { context, currentAppName } = useNavigationContext();
     // Swipe-from-left-edge gesture to open sidebar on mobile
     React.useEffect(() => {
@@ -175,7 +175,7 @@ export function UnifiedSidebar({ activeAppName }) {
                                                     const AreaIcon = getIcon(area.icon);
                                                     const isActiveArea = area.id === activeAreaId;
                                                     return (_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { isActive: isActiveArea, tooltip: area.label, onClick: () => setActiveAreaId(area.id), children: [_jsx(AreaIcon, { className: "h-4 w-4" }), _jsx("span", { children: area.label })] }) }, area.id));
-                                                }) }) })] })), _jsx(NavigationRenderer, { items: processedNavigation, basePath: basePath, evaluateVisibility: evalVis, checkPermission: checkPerm, checkCapability: checkCap, enablePinning: !isMobile, onPinToggle: togglePin, enableReorder: !isMobile, onReorder: handleReorder, resolveObjectLabel: (objectName, fallback) => resolveNavObjectLabel({ name: objectName, label: fallback }), resolveDashboardLabel: (dashboardName, fallback) => resolveNavDashboardLabel({ name: dashboardName, label: fallback }), resolveGroupLabel: activeApp ? (groupId, fallback) => resolveNavGroupLabel(activeApp.name, groupId, fallback) : undefined, t: t }), recentItems.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5 cursor-pointer select-none", onClick: () => setRecentExpanded(prev => !prev), children: [_jsx(ChevronRight, { className: `h-3 w-3 transition-transform duration-150 ${recentExpanded ? 'rotate-90' : ''}` }), _jsx(Clock, { className: "h-3.5 w-3.5" }), t('sidebar.recent', { defaultValue: 'Recent' })] }), recentExpanded && (_jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: recentItems.slice(0, 5).map(item => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : '📄' }), _jsx("span", { className: "truncate", children: item.label })] }) }) }, item.id))) }) }))] })), favorites.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Star, { className: "h-3.5 w-3.5" }), t('sidebar.favorites', { defaultValue: 'Favorites' })] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: favorites.slice(0, 8).map(item => (_jsxs(SidebarMenuItem, { children: [_jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : item.type === 'page' ? '📄' : '📋' }), _jsx("span", { className: "truncate", children: item.label })] }) }), _jsx(SidebarMenuAction, { showOnHover: true, onClick: (e) => { e.stopPropagation(); removeFavorite(item.id); }, "aria-label": t('sidebar.removeFromFavorites', { defaultValue: 'Remove {{name}} from favorites', name: item.label }), children: _jsx(StarOff, { className: "h-3 w-3" }) })] }, item.id))) }) })] }))] })) : (_jsxs(_Fragment, { children: [_jsx(SidebarGroup, { children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: homeNavigation.map((item) => {
+                                                }) }) })] })), _jsx(NavigationRenderer, { items: processedNavigation, basePath: basePath, evaluateVisibility: evalVis, checkPermission: checkPerm, checkCapability: checkCap, enablePinning: !isMobile, onPinToggle: togglePin, enableReorder: !isMobile, onReorder: handleReorder, resolveObjectLabel: (objectName, fallback) => resolveNavObjectLabel({ name: objectName, label: fallback }), resolveDashboardLabel: (dashboardName, fallback) => resolveNavDashboardLabel({ name: dashboardName, label: fallback }), resolveGroupLabel: activeApp ? (groupId, fallback) => resolveNavGroupLabel(activeApp.name, groupId, fallback) : undefined, resolveViewLabel: (objectName, viewName, fallback) => resolveNavViewLabel(objectName, viewName, fallback), t: t }), recentItems.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5 cursor-pointer select-none", onClick: () => setRecentExpanded(prev => !prev), children: [_jsx(ChevronRight, { className: `h-3 w-3 transition-transform duration-150 ${recentExpanded ? 'rotate-90' : ''}` }), _jsx(Clock, { className: "h-3.5 w-3.5" }), t('sidebar.recent', { defaultValue: 'Recent' })] }), recentExpanded && (_jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: recentItems.slice(0, 5).map(item => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : '📄' }), _jsx("span", { className: "truncate", children: item.label })] }) }) }, item.id))) }) }))] })), favorites.length > 0 && (_jsxs(SidebarGroup, { children: [_jsxs(SidebarGroupLabel, { className: "flex items-center gap-1.5", children: [_jsx(Star, { className: "h-3.5 w-3.5" }), t('sidebar.favorites', { defaultValue: 'Favorites' })] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: favorites.slice(0, 8).map(item => (_jsxs(SidebarMenuItem, { children: [_jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, children: _jsxs(Link, { to: item.href, children: [_jsx("span", { className: "text-muted-foreground", children: item.type === 'dashboard' ? '📊' : item.type === 'report' ? '📈' : item.type === 'page' ? '📄' : '📋' }), _jsx("span", { className: "truncate", children: item.label })] }) }), _jsx(SidebarMenuAction, { showOnHover: true, onClick: (e) => { e.stopPropagation(); removeFavorite(item.id); }, "aria-label": t('sidebar.removeFromFavorites', { defaultValue: 'Remove {{name}} from favorites', name: item.label }), children: _jsx(StarOff, { className: "h-3 w-3" }) })] }, item.id))) }) })] }))] })) : (_jsxs(_Fragment, { children: [_jsx(SidebarGroup, { children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: homeNavigation.map((item) => {
                                                 const NavIcon = getIcon(item.icon);
                                                 const isActive = location.pathname === item.url;
                                                 return (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.label, isActive: isActive, children: _jsxs(Link, { to: item.url || '/home', children: [_jsx(NavIcon, { className: "h-4 w-4" }), _jsx("span", { children: item.label })] }) }) }, item.id));

package/dist/views/ObjectView.js

@@ -10,7 +10,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * - ListView delegation for non-grid view types (kanban, calendar, chart, etc.)
  */
 import { useMemo, useState, useCallback, useEffect, useRef, lazy, Suspense } from 'react';
-import { useParams, useSearchParams, useNavigate } from 'react-router-dom';
+import { useParams, useSearchParams, useNavigate, useLocation } from 'react-router-dom';
 const ObjectChart = lazy(() => import('@object-ui/plugin-charts').then((m) => ({ default: m.ObjectChart })));
 const ImportWizard = lazy(() => import('@object-ui/plugin-grid').then((m) => ({ default: m.ImportWizard })));
 import { ListView } from '@object-ui/plugin-list';
@@ -197,9 +197,10 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
     const navigate = useNavigate();
     const { appName, objectName, viewId } = useParams();
     const [searchParams, setSearchParams] = useSearchParams();
+    const location = useLocation();
     const { showDebug } = useMetadataInspector();
     const { t } = useObjectTranslation();
-    const { objectLabel, objectDescription: objectDesc, viewLabel, actionLabel, actionConfirm, actionSuccess, fieldLabel, fieldOptionLabel } = useObjectLabel();
+    const { objectLabel, objectDescription: objectDesc, viewLabel, viewEmptyState, actionLabel, actionConfirm, actionSuccess, fieldLabel, fieldOptionLabel } = useObjectLabel();
     const { isFavorite, toggleFavorite } = useFavorites();
     // Inline view config panel state (Airtable-style right sidebar)
     const [showViewConfigPanel, setShowViewConfigPanel] = useState(false);
@@ -1239,13 +1240,19 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
         // forwarded from `navigation.view` (e.g. 'detail_form'). The view
         // variant is resolved by RecordDetailView from its own config, so
         // any non-`new_window` action lands on the record detail route.
+        const originState = {
+            from: {
+                pathname: location.pathname + (location.search || ''),
+                label: viewLabel(objectDef.name, activeView?.name ?? '', activeView?.label ?? '') || objectLabel(objectDef),
+            },
+        };
         if (viewId) {
-            navigate(`../../record/${encodeURIComponent(String(recordId))}`, { relative: 'path' });
+            navigate(`../../record/${encodeURIComponent(String(recordId))}`, { relative: 'path', state: originState });
         }
         else {
-            navigate(`record/${encodeURIComponent(String(recordId))}`);
+            navigate(`record/${encodeURIComponent(String(recordId))}`, { state: originState });
         }
-    }, [navigate, viewId]);
+    }, [navigate, viewId, location.pathname, location.search, objectDef, activeView?.name, activeView?.label, viewLabel, objectLabel]);
     const navOverlay = useNavigationOverlay({
         navigation: detailNavigation,
         objectName: objectDef.name,
@@ -1433,9 +1440,9 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
             showRecordCount: viewDef.showRecordCount ?? listSchema.showRecordCount,
             allowPrinting: viewDef.allowPrinting ?? listSchema.allowPrinting,
             virtualScroll: viewDef.virtualScroll ?? listSchema.virtualScroll,
-            emptyState: viewDef.emptyState
+            emptyState: viewEmptyState(objectDef.name, viewDef.name || viewDef.id || '', viewDef.emptyState
                 ?? listSchema.emptyState
-                ?? resolveManagedByEmptyState(objectDef?.managedBy),
+                ?? resolveManagedByEmptyState(objectDef?.managedBy)),
             aria: viewDef.aria ?? listSchema.aria,
             tabs: listSchema.tabs,
             // Propagate filter/sort as default filters/sort for data flow
@@ -1566,15 +1573,21 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
                 onEdit?.({ id: recordId });
             }
             else if (mode === 'view') {
+                const originState = {
+                    from: {
+                        pathname: location.pathname + (location.search || ''),
+                        label: viewLabel(objectDef.name, activeView?.name ?? '', activeView?.label ?? '') || objectLabel(objectDef),
+                    },
+                };
                 if (viewId) {
-                    navigate(`../../record/${encodeURIComponent(String(recordId))}`, { relative: 'path' });
+                    navigate(`../../record/${encodeURIComponent(String(recordId))}`, { relative: 'path', state: originState });
                 }
                 else {
-                    navigate(`record/${encodeURIComponent(String(recordId))}`);
+                    navigate(`record/${encodeURIComponent(String(recordId))}`, { state: originState });
                 }
             }
         },
-    }), [objectDef.name, onEdit, activeView?.showSearch, activeView?.showFilters, activeView?.showSort, navigate, viewId, isAdmin]);
+    }), [objectDef, onEdit, activeView?.showSearch, activeView?.showFilters, activeView?.showSort, activeView?.name, activeView?.label, navigate, viewId, isAdmin, location.pathname, location.search, viewLabel, objectLabel]);
     return (_jsxs(ActionProvider, { context: {
             objectName: objectDef.name,
             user: currentUser,
@@ -1668,7 +1681,7 @@ export function ObjectView({ dataSource, objects, onEdit, externalRefreshKey })
                                     { title: 'View Configuration', data: activeView },
                                     { title: 'Object Definition', data: objectDef },
                                 ] }), _jsx("div", { "data-testid": "view-config-panel-wrapper", className: `transition-[max-width,opacity] duration-300 ease-in-out overflow-hidden ${showViewConfigPanel && isAdmin ? 'max-w-[280px] opacity-100' : 'max-w-0 opacity-0'}`, children: _jsx(ViewConfigPanel, { open: showViewConfigPanel && isAdmin, onClose: () => { setShowViewConfigPanel(false); setViewConfigPanelMode('edit'); }, mode: viewConfigPanelMode, activeView: activeView, objectDef: objectDef, recordCount: recordCount, onSave: handleViewConfigSave, onViewUpdate: handleViewUpdate, onCreate: handleViewCreate }) }), _jsx(CreateViewDialog, { open: showCreateViewDialog && isAdmin, onOpenChange: setShowCreateViewDialog, existingLabels: views.map((v) => v.label).filter(Boolean), objectDef: objectDef, onCreate: (cfg) => handleViewCreate(cfg) })] }), navOverlay.mode !== 'split' && (_jsx(NavigationOverlay, { ...navOverlay, setIsOpen: (open) => { if (!open)
-                            handleDrawerClose(); }, title: objectDef.label, onExpand: handleExpandDrawer, expandLabel: t('console.objectView.expandToPage', { defaultValue: 'Open as full page' }), storageKey: `drawer-width:${objectDef.name}`, children: (record) => {
+                            handleDrawerClose(); }, title: objectLabel(objectDef), onExpand: handleExpandDrawer, expandLabel: t('console.objectView.expandToPage', { defaultValue: 'Open as full page' }), storageKey: `drawer-width:${objectDef.name}`, children: (record) => {
                             const recordId = (record.id || record._id);
                             return (_jsx(RecordDetailView, { dataSource: dataSource, objects: objects, onEdit: onEdit, objectNameOverride: objectDef.name, recordIdOverride: recordId, embedded: true }));
                         } }))] }), _jsx(ActionConfirmDialog, { state: confirmState, onOpenChange: (open) => {

package/dist/views/RecordDetailView.js

@@ -7,15 +7,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * the object field definitions.
  */
 import { useState, useEffect, useCallback, useMemo, useRef } from 'react';
-import { useParams, useNavigate } from 'react-router-dom';
+import { useParams, useNavigate, useLocation, Link } from 'react-router-dom';
 import { DetailView, RecordChatterPanel, buildDefaultPageSchema } from '@object-ui/plugin-detail';
-import { Empty, EmptyTitle, EmptyDescription, Button } from '@object-ui/components';
-import { PresenceAvatars } from '@object-ui/collaboration';
+import { Empty, EmptyTitle, EmptyDescription } from '@object-ui/components';
 import { useAuth, createAuthenticatedFetch } from '@object-ui/auth';
 import { ActionProvider, useObjectTranslation, useObjectLabel, usePageAssignment, RecordContextProvider, SchemaRenderer, DiscussionContextProvider, HighlightFieldsProvider } from '@object-ui/react';
 import { buildExpandFields } from '@object-ui/core';
 import { toast } from 'sonner';
-import { Database, Users, Star, StarOff } from 'lucide-react';
+import { Database, ChevronLeft } from 'lucide-react';
 import { MetadataPanel, useMetadataInspector } from './MetadataInspector';
 import { SkeletonDetail } from '../skeletons';
 import { ManagedByBadge } from '../components/ManagedByBadge';
@@ -28,6 +27,7 @@ import { useRecordBreadcrumbTitle } from '../context/NavigationContext';
 import { useRecordApprovals } from '../hooks/useRecordApprovals';
 import { getRecordDisplayName } from '../utils';
 import { useFavorites } from '../hooks/useFavorites';
+import { useRecentItems } from '../hooks/useRecentItems';
 const FALLBACK_USER = { id: 'current-user', name: 'Demo User' };
 /**
  * Audit field names auto-injected by the framework's `applySystemFields`.
@@ -49,6 +49,24 @@ const AUDIT_FIELD_NAMES = new Set(['created_at', 'created_by', 'updated_at', 'up
 const HIDDEN_SYSTEM_FIELD_NAMES = new Set([
     'organization_id', 'tenant_id', 'is_deleted', 'deleted_at',
 ]);
+/**
+ * Field-type signals that suggest a "secondary / system / metadata"
+ * placement when auto-grouping fields. These move out of the main
+ * section and into a collapsible "More details" section by default,
+ * keeping the primary section dense with business-critical fields.
+ *
+ * The heuristic is conservative: when no objectDef metadata is available
+ * we surface most fields in the main section; long-form text and
+ * audit-by-name fields drop down.
+ */
+const SECONDARY_FIELD_NAME_HINTS = ['description', 'notes', 'note', 'remark', 'remarks', 'comments'];
+const SECONDARY_FIELD_TYPES = new Set(['textarea', 'markdown', 'html', 'rich-text', 'json', 'code']);
+function isSecondaryField(fieldName, fieldDef) {
+    if (SECONDARY_FIELD_TYPES.has(fieldDef?.type))
+        return true;
+    const lc = fieldName.toLowerCase();
+    return SECONDARY_FIELD_NAME_HINTS.some((hint) => lc === hint || lc.endsWith(`_${hint}`));
+}
 export function RecordDetailView({ dataSource, objects, onEdit, objectNameOverride, recordIdOverride, embedded }) {
     const params = useParams();
     const appName = params.appName;
@@ -57,12 +75,15 @@ export function RecordDetailView({ dataSource, objects, onEdit, objectNameOverri
     const { showDebug } = useMetadataInspector();
     const { user } = useAuth();
     const navigate = useNavigate();
+    const location = useLocation();
+    const originFrom = location.state?.from;
     const { t } = useObjectTranslation();
     const { objectLabel, viewLabel: _vLabel, sectionLabel, actionLabel, actionConfirm, actionSuccess, fieldLabel, fieldOptionLabel } = useObjectLabel();
-    const { isFavorite, toggleFavorite } = useFavorites();
+    const { isFavorite, toggleFavorite, refreshLabel: refreshFavoriteLabel } = useFavorites();
+    const { addRecentItem } = useRecentItems();
     const [isLoading, setIsLoading] = useState(true);
     const [feedItems, setFeedItems] = useState([]);
-    const [recordViewers, setRecordViewers] = useState([]);
+    const [mentionSuggestions, setMentionSuggestions] = useState([]);
     const [actionRefreshKey, setActionRefreshKey] = useState(0);
     const [childRelatedData, setChildRelatedData] = useState({});
     const [historyEntries, setHistoryEntries] = useState(null);
@@ -77,6 +98,21 @@ export function RecordDetailView({ dataSource, objects, onEdit, objectNameOverri
     // Navigation code passes `record.id || record._id` directly into the URL
     // without adding any prefix, so no stripping is needed.
     const pureRecordId = recordId;
+    const favoriteRecord = useMemo(() => {
+        if (!objectName || !pureRecordId)
+            return null;
+        return {
+            id: `record:${objectName}:${pureRecordId}`,
+            label: recordTitle || pureRecordId || '',
+            href: `/apps/${appName}/${objectName}/record/${pureRecordId}`,
+            type: 'record',
+        };
+    }, [appName, objectName, pureRecordId, recordTitle]);
+    const isRecordFavorite = favoriteRecord ? isFavorite(favoriteRecord.id) : false;
+    const handleToggleRecordFavorite = useCallback(() => {
+        if (favoriteRecord)
+            toggleFavorite(favoriteRecord);
+    }, [favoriteRecord, toggleFavorite]);
     // ─── Page Assignment (Salesforce Lightning-style record Pages) ──────
     // If a PageSchema(pageType='record') is authored for this object, render
     // it via SchemaRenderer (which dispatches to the registered 'record'
@@ -134,22 +170,63 @@ export function RecordDetailView({ dataSource, objects, onEdit, objectNameOverri
         // page subtitle interpolation and record:* renderers depend on this.
         const expandFields = buildExpandFields(objectDef?.fields);
         const params = expandFields.length > 0 ? { $expand: expandFields } : undefined;
-        const findOnePromise = params
-            ? dataSource.findOne(objectName, pureRecordId, params)
-            : dataSource.findOne(objectName, pureRecordId);
-        findOnePromise
-            .then((rec) => {
-            if (!cancelled)
-                setPageRecord(rec);
-        })
-            .catch(() => {
-            if (!cancelled)
-                setPageRecord(null);
-        });
+        const loadRecord = () => {
+            const findOnePromise = params
+                ? dataSource.findOne(objectName, pureRecordId, params)
+                : dataSource.findOne(objectName, pureRecordId);
+            findOnePromise
+                .then((rec) => {
+                if (!cancelled)
+                    setPageRecord(rec);
+            })
+                .catch(() => {
+                if (!cancelled)
+                    setPageRecord(null);
+            });
+        };
+        loadRecord();
+        // Re-sync when any descendant signals the record changed (e.g.
+        // DetailView recalling a pending approval). Without this listener,
+        // the cached `pageRecord` would stay stale and propagate `pending`
+        // back into nested DetailViews via context.
+        const onChanged = (ev) => {
+            const detail = ev.detail || {};
+            if (detail.objectName !== objectName || String(detail.recordId) !== String(pureRecordId))
+                return;
+            loadRecord();
+        };
+        window.addEventListener('objectui:record-changed', onChanged);
         return () => {
             cancelled = true;
+            window.removeEventListener('objectui:record-changed', onChanged);
         };
     }, [effectivePage, objectName, pureRecordId, dataSource, objectDef]);
+    // Schema-driven path: derive a human-readable record title from the
+    // loaded `pageRecord` so favourites (record:*) and the breadcrumb show
+    // e.g. "Acme Corporation" instead of the raw record id. The legacy
+    // `DetailView` path keeps using its own `onDataLoaded` callback below.
+    useEffect(() => {
+        if (!pageRecord || typeof pageRecord !== 'object' || !objectDef)
+            return;
+        const resolved = getRecordDisplayName(objectDef, pageRecord);
+        if (resolved && resolved !== 'Untitled' && resolved !== recordTitle) {
+            setRecordTitle(resolved);
+        }
+    }, [pageRecord, objectDef, recordTitle]);
+    // Once we have a human-readable title, (a) record this visit into the
+    // "Recently Accessed" rail on the home page and (b) self-heal any
+    // previously-favorited entry whose label was saved as the raw record id
+    // (because the title hadn't loaded yet at the time of the toggle).
+    useEffect(() => {
+        if (!objectName || !pureRecordId || !appName)
+            return;
+        if (!recordTitle)
+            return;
+        const favId = `record:${objectName}:${pureRecordId}`;
+        const href = `/apps/${appName}/${objectName}/record/${pureRecordId}`;
+        addRecentItem({ id: favId, label: recordTitle, href, type: 'record' });
+        refreshFavoriteLabel(favId, recordTitle);
+    }, [appName, objectName, pureRecordId, recordTitle, addRecentItem, refreshFavoriteLabel]);
     // ─── Action Provider Handlers ───────────────────────────────────────
     // Confirm dialog state (promise-based)
     const [confirmState, setConfirmState] = useState({ open: false, message: '' });
@@ -495,20 +572,56 @@ export function RecordDetailView({ dataSource, objects, onEdit, objectNameOverri
         });
         return () => { cancelled = true; };
     }, [dataSource, pureRecordId, objectDef, historyEnabled]);
+    // Fetch a directory of active users once per dataSource mount and expose
+    // them as @-mention suggestions to the DiscussionContext. Capped at 50 to
+    // keep the dropdown tight; hosts can swap in a paginated/server-search
+    // implementation later by mounting their own DiscussionContextProvider.
+    useEffect(() => {
+        if (!dataSource)
+            return;
+        let cancelled = false;
+        (async () => {
+            try {
+                const res = await dataSource.find('sys_user', {
+                    $top: 50,
+                    $select: ['id', 'name', 'email', 'image'],
+                });
+                if (cancelled)
+                    return;
+                const rows = Array.isArray(res) ? res : res?.data || [];
+                const suggestions = rows
+                    .map((u) => ({
+                    id: String(u.id),
+                    label: u.name || u.email || String(u.id),
+                    avatarUrl: u.image || undefined,
+                }))
+                    .filter((s) => s.label);
+                setMentionSuggestions(suggestions);
+            }
+            catch {
+                // Silently fall back to free-text @mention when the user dir is
+                // unavailable (e.g. the backend has no sys_user collection).
+            }
+        })();
+        return () => { cancelled = true; };
+    }, [dataSource]);
     // Memoize so the object identity is stable across renders — otherwise
     // any effect that depends on it (e.g. the feed loader below) would
     // re-fire every render and create an infinite request loop.
     const currentUser = useMemo(() => (user ? { id: user.id, name: user.name, avatar: user.image } : FALLBACK_USER), [user?.id, user?.name, user?.image]);
-    // Fetch presence and comments from API
+    // Fetch comments from API.
+    //
+    // NOTE: Record-level presence ("who else is viewing this record") used to
+    // be probed here by `dataSource.find('sys_presence', …)`, but that was an
+    // architectural mistake: presence is real-time ephemeral state and does
+    // not belong in a regular REST collection. The probe has been removed
+    // pending a proper transport-level design (WebSocket-backed
+    // `<PresenceProvider>` in @object-ui/collaboration). See ROADMAP for the
+    // realtime / OCC plan.
     useEffect(() => {
         if (!dataSource || !objectName || !pureRecordId)
             return;
         const threadId = `${objectName}:${pureRecordId}`;
-        // Fetch record viewers
-        dataSource.find('sys_presence', { $filter: { recordId: pureRecordId } })
-            .then((res) => { if (res.data?.length)
-            setRecordViewers(res.data); })
-            .catch(() => { });
         // M10.10: Fetch persisted comments from sys_comment. Field names
         // are snake_case to match the platform-objects schema
         // (`packages/platform-objects/src/audit/sys-comment.object.ts`):
@@ -809,29 +922,55 @@ export function RecordDetailView({ dataSource, objects, onEdit, objectNameOverri
                     };
                 }),
             }))
-            : [
-                {
-                    // Intentionally untitled: when there's only one auto-generated
-                    // section, DetailSection flattens it (no Card chrome, no
-                    // redundant "Details" heading).
-                    showBorder: false,
-                    fields: Object.keys(objectDef.fields || {})
-                        .filter(key => !AUDIT_FIELD_NAMES.has(key) && !HIDDEN_SYSTEM_FIELD_NAMES.has(key) && !objectDef.fields[key]?.hidden)
-                        .map(key => {
-                        const fieldDef = objectDef.fields[key];
-                        const refTarget = fieldDef.reference_to || fieldDef.reference;
-                        return {
-                            name: key,
-                            label: fieldDef.label || key,
-                            type: fieldDef.type || 'text',
-                            ...(fieldDef.options && { options: fieldDef.options }),
-                            ...(refTarget && { reference_to: refTarget }),
-                            ...(fieldDef.reference_field && { reference_field: fieldDef.reference_field }),
-                            ...(fieldDef.currency && { currency: fieldDef.currency }),
-                        };
-                    }),
-                },
-            ];
+            : (() => {
+                // Auto-grouping (platform B): when no form sections are authored,
+                // split fields into a primary section and a collapsible
+                // "More details" section so long-form/secondary fields don't
+                // dilute the main grid. The primary section stays untitled so
+                // DetailSection still flattens its chrome when alone.
+                const allFields = Object.keys(objectDef.fields || {})
+                    .filter((key) => !AUDIT_FIELD_NAMES.has(key) && !HIDDEN_SYSTEM_FIELD_NAMES.has(key) && !objectDef.fields[key]?.hidden);
+                const toField = (key) => {
+                    const fieldDef = objectDef.fields[key];
+                    const refTarget = fieldDef.reference_to || fieldDef.reference;
+                    return {
+                        name: key,
+                        label: fieldDef.label || key,
+                        type: fieldDef.type || 'text',
+                        ...(fieldDef.options && { options: fieldDef.options }),
+                        ...(refTarget && { reference_to: refTarget }),
+                        ...(fieldDef.reference_field && { reference_field: fieldDef.reference_field }),
+                        ...(fieldDef.currency && { currency: fieldDef.currency }),
+                    };
+                };
+                const primaryKeys = allFields.filter((k) => !isSecondaryField(k, objectDef.fields[k]));
+                const secondaryKeys = allFields.filter((k) => isSecondaryField(k, objectDef.fields[k]));
+                // Below ~6 primary fields the second section often looks awkward
+                // — keep the legacy single-untitled-section behaviour. Also
+                // honour the "no secondary fields" case the same way.
+                if (secondaryKeys.length === 0 || primaryKeys.length === 0) {
+                    return [
+                        {
+                            showBorder: false,
+                            fields: allFields.map(toField),
+                        },
+                    ];
+                }
+                return [
+                    {
+                        showBorder: false,
+                        fields: primaryKeys.map(toField),
+                    },
+                    {
+                        name: 'details',
+                        title: sectionLabel(objectDef.name, 'details', t('detail.sectionMoreDetails', 'More details')),
+                        collapsible: true,
+                        defaultCollapsed: false,
+                        showBorder: true,
+                        fields: secondaryKeys.map(toField),
+                    },
+                ];
+            })();
         // Audit fields (created_at/created_by/updated_at/updated_by) are NOT
         // appended as a section here — they are surfaced by `<RecordMetaFooter>`
         // (rendered by DetailView) as a single subtle line below the content,
@@ -1085,6 +1224,24 @@ export function RecordDetailView({ dataSource, objects, onEdit, objectNameOverri
             const affordances = resolveCrudAffordances(objectDef);
             const items = [];
             if (affordances.edit) {
+                // Inline-edit toggle. Surfaced ABOVE `sys_edit` so the
+                // overflow menu lists field-level editing first — Lightning /
+                // HubSpot put inline edit ("Edit details") above the modal /
+                // form-page edit because in-page editing is the higher-frequency
+                // interaction. Communicates with DetailView via a window event
+                // so we don't need to lift inline-edit state out of the plugin.
+                items.push({
+                    name: 'sys_inline_edit',
+                    label: t('detail.editFieldsInline', { defaultValue: 'Edit fields' }),
+                    type: 'script',
+                    locations: ['record_header'],
+                    variant: 'outline',
+                    onClick: () => {
+                        window.dispatchEvent(new CustomEvent('objectui:record:inline-edit-toggle', {
+                            detail: { recordId: pureRecordId, objectName },
+                        }));
+                    },
+                });
                 items.push({
                     name: 'sys_edit',
                     label: t('detail.edit', { defaultValue: 'Edit' }),
@@ -1107,14 +1264,23 @@ export function RecordDetailView({ dataSource, objects, onEdit, objectNameOverri
                                 title: document.title,
                                 url: window.location.href,
                             });
-                        }
-                        else {
-                            await navigator.clipboard.writeText(window.location.href);
-                            toast.success(t('detail.linkCopied', { defaultValue: 'Link copied' }));
+                            return;
                         }
                     }
                     catch {
-                        // user dismissed share sheet — no-op
+                        // user dismissed the native share sheet — no-op
+                        return;
+                    }
+                    // Fallback path: clipboard. Surface failure to the user so we
+                    // never silently no-op (e.g. when clipboard access is denied
+                    // because the page is not focused or running over http://).
+                    try {
+                        await navigator.clipboard.writeText(window.location.href);
+                        toast.success(t('detail.linkCopied', { defaultValue: 'Link copied' }));
+                    }
+                    catch (err) {
+                        toast.error(t('detail.linkCopyFailed', { defaultValue: 'Failed to copy link' }) +
+                            (err?.message ? `: ${err.message}` : ''));
                     }
                 },
             });
@@ -1124,7 +1290,7 @@ export function RecordDetailView({ dataSource, objects, onEdit, objectNameOverri
                     label: t('detail.delete', { defaultValue: 'Delete' }),
                     type: 'script',
                     locations: ['record_header'],
-                    variant: 'outline',
+                    variant: 'destructive',
                     onClick: async () => {
                         const msg = t('detail.deleteConfirmation', {
                             defaultValue: 'Are you sure you want to delete this record?',
@@ -1183,18 +1349,14 @@ export function RecordDetailView({ dataSource, objects, onEdit, objectNameOverri
                 headerActions: synthHeaderActions,
                 related: synthRelated,
                 history: synthHistory,
+                // Per-object opt-outs read from `objectDef.detail.*`. Lets
+                // catalog/atomic objects (product, task, ...) keep a focused
+                // single-column layout instead of inheriting the rail.
+                hideReferenceRail: objectDef?.detail?.hideReferenceRail === true || undefined,
+                hideRelatedTab: objectDef?.detail?.hideRelatedTab === true || undefined,
                 ...(assignedSlots ? { slots: assignedSlots } : {}),
             });
-        return (_jsxs("div", { className: "h-full bg-background overflow-hidden flex flex-col relative", children: [_jsxs("div", { className: "absolute top-2 sm:top-4 right-2 sm:right-4 z-50 flex items-center gap-2", children: [objectName && pureRecordId && (_jsx(Button, { size: "sm", variant: "ghost", className: "h-8 w-8 p-0", onClick: () => toggleFavorite({
-                                id: `record:${objectName}:${pureRecordId}`,
-                                label: recordTitle || pureRecordId || '',
-                                href: `/apps/${appName}/${objectName}/record/${pureRecordId}`,
-                                type: 'record',
-                            }), "aria-pressed": isFavorite(`record:${objectName}:${pureRecordId}`), "aria-label": isFavorite(`record:${objectName}:${pureRecordId}`)
-                                ? t('common.removeFromFavorites', { defaultValue: 'Remove from favorites' })
-                                : t('common.addToFavorites', { defaultValue: 'Add to favorites' }), "data-testid": `record-favorite-btn-${pureRecordId}`, children: isFavorite(`record:${objectName}:${pureRecordId}`)
-                                ? _jsx(Star, { className: "h-4 w-4 fill-amber-400 text-amber-400" })
-                                : _jsx(StarOff, { className: "h-4 w-4" }) })), _jsx(ManagedByBadge, { managedBy: objectDef?.managedBy }), recordViewers.length > 0 && (_jsxs("div", { className: "flex items-center gap-1.5", title: t('recordDetail.viewersTooltip'), children: [_jsx(Users, { className: "h-3.5 w-3.5 text-muted-foreground" }), _jsx(PresenceAvatars, { users: recordViewers, size: "sm", maxVisible: 4, showStatus: true })] }))] }), _jsx(RecordContextProvider, { objectName: objectName, recordId: pureRecordId, data: pageRecord, objectSchema: objectDef, dataSource: dataSource, embedded: embedded, headerSystemActions: synthSystemActions, children: _jsx(HighlightFieldsProvider, { children: _jsx(DiscussionContextProvider, { items: feedItems, onAddComment: handleAddComment, onAddReply: handleAddReply, onToggleReaction: handleToggleReaction, children: _jsx(ActionProvider, { context: { record: pageRecord || {}, objectName, user: currentUser }, onConfirm: confirmHandler, onToast: toastHandler, onNavigate: navigateHandler, onParamCollection: paramCollectionHandler, handlers: { api: apiHandler, flow: flowHandler, script: serverActionHandler, modal: serverActionHandler, approval: approvalHandler }, children: _jsxs("div", { className: "flex-1 overflow-hidden flex flex-row", children: [_jsxs("div", { className: "flex-1 overflow-auto p-3 sm:p-4 lg:p-6 scroll-pb-48", children: [_jsx(SchemaRenderer, { schema: renderedPage }), showAutoDiscussion && (_jsx("div", { className: "mt-6", children: _jsx(RecordChatterPanel, { config: {
+        return (_jsxs("div", { className: "h-full bg-background overflow-hidden flex flex-col relative", children: [_jsx("div", { className: "absolute top-2 sm:top-4 right-2 sm:right-4 z-50 flex items-center gap-2", children: _jsx(ManagedByBadge, { managedBy: objectDef?.managedBy }) }), _jsx(RecordContextProvider, { objectName: objectName, recordId: pureRecordId, data: pageRecord, objectSchema: objectDef, dataSource: dataSource, embedded: embedded, headerSystemActions: synthSystemActions, isFavorite: isRecordFavorite, onToggleFavorite: favoriteRecord ? handleToggleRecordFavorite : undefined, children: _jsx(HighlightFieldsProvider, { children: _jsx(DiscussionContextProvider, { items: feedItems, onAddComment: handleAddComment, onAddReply: handleAddReply, onToggleReaction: handleToggleReaction, mentionSuggestions: mentionSuggestions, children: _jsx(ActionProvider, { context: { record: pageRecord || {}, objectName, user: currentUser }, onConfirm: confirmHandler, onToast: toastHandler, onNavigate: navigateHandler, onParamCollection: paramCollectionHandler, handlers: { api: apiHandler, flow: flowHandler, script: serverActionHandler, modal: serverActionHandler, approval: approvalHandler }, children: _jsxs("div", { className: "flex-1 overflow-hidden flex flex-row", children: [_jsxs("div", { className: "flex-1 overflow-auto p-3 sm:p-4 lg:p-6 scroll-pb-48", children: [originFrom?.pathname && originFrom?.label && (_jsxs(Link, { to: originFrom.pathname, className: "inline-flex items-center gap-1 mb-3 text-sm text-muted-foreground hover:text-foreground transition-colors", children: [_jsx(ChevronLeft, { className: "h-4 w-4" }), _jsx("span", { children: originFrom.label })] })), _jsx(SchemaRenderer, { schema: renderedPage }), showAutoDiscussion && (_jsx("div", { className: "mt-6", children: _jsx(RecordChatterPanel, { config: {
                                                             position: 'bottom',
                                                             collapsible: false,
                                                             feed: {
@@ -1202,7 +1364,7 @@ export function RecordDetailView({ dataSource, objects, onEdit, objectNameOverri
                                                                 enableThreading: true,
                                                                 showCommentInput: true,
                                                             },
-                                                        }, items: feedItems, onAddComment: handleAddComment, onAddReply: handleAddReply, onToggleReaction: handleToggleReaction }) }))] }), _jsx(MetadataPanel, { open: showDebug, sections: [{ title: 'Page Schema', data: renderedPage }] })] }) }) }) }) }), _jsx(ActionConfirmDialog, { state: confirmState, onOpenChange: (open) => {
+                                                        }, items: feedItems, onAddComment: handleAddComment, onAddReply: handleAddReply, onToggleReaction: handleToggleReaction, mentionSuggestions: mentionSuggestions }) }))] }), _jsx(MetadataPanel, { open: showDebug, sections: [{ title: 'Page Schema', data: renderedPage }] })] }) }) }) }) }), _jsx(ActionConfirmDialog, { state: confirmState, onOpenChange: (open) => {
                         if (!open)
                             setConfirmState(s => ({ ...s, open: false }));
                     } }), _jsx(ActionParamDialog, { state: paramState, onOpenChange: (open) => {
@@ -1210,16 +1372,7 @@ export function RecordDetailView({ dataSource, objects, onEdit, objectNameOverri
                             setParamState(s => ({ ...s, open: false }));
                     } })] }));
     }
-    return (_jsxs("div", { className: "h-full bg-background overflow-hidden flex flex-col relative", children: [_jsxs("div", { className: "absolute top-2 sm:top-4 right-2 sm:right-4 z-50 flex items-center gap-2", children: [objectName && pureRecordId && (_jsx(Button, { size: "sm", variant: "ghost", className: "h-8 w-8 p-0", onClick: () => toggleFavorite({
-                            id: `record:${objectName}:${pureRecordId}`,
-                            label: recordTitle || pureRecordId || '',
-                            href: `/apps/${appName}/${objectName}/record/${pureRecordId}`,
-                            type: 'record',
-                        }), "aria-pressed": isFavorite(`record:${objectName}:${pureRecordId}`), "aria-label": isFavorite(`record:${objectName}:${pureRecordId}`)
-                            ? t('common.removeFromFavorites', { defaultValue: 'Remove from favorites' })
-                            : t('common.addToFavorites', { defaultValue: 'Add to favorites' }), "data-testid": `record-favorite-btn-${pureRecordId}`, children: isFavorite(`record:${objectName}:${pureRecordId}`)
-                            ? _jsx(Star, { className: "h-4 w-4 fill-amber-400 text-amber-400" })
-                            : _jsx(StarOff, { className: "h-4 w-4" }) })), _jsx(ManagedByBadge, { managedBy: objectDef?.managedBy }), recordViewers.length > 0 && (_jsxs("div", { className: "flex items-center gap-1.5", title: t('recordDetail.viewersTooltip'), children: [_jsx(Users, { className: "h-3.5 w-3.5 text-muted-foreground" }), _jsx(PresenceAvatars, { users: recordViewers, size: "sm", maxVisible: 4, showStatus: true })] }))] }), _jsxs("div", { className: "flex-1 overflow-hidden flex flex-row", children: [_jsx("div", { className: "flex-1 overflow-auto p-3 sm:p-4 lg:p-6 scroll-pb-48", children: _jsx(ActionProvider, { context: { record: {}, objectName, user: currentUser }, onConfirm: confirmHandler, onToast: toastHandler, onNavigate: navigateHandler, onParamCollection: paramCollectionHandler, handlers: { api: apiHandler, flow: flowHandler, script: serverActionHandler, modal: serverActionHandler, approval: approvalHandler }, children: _jsx(DetailView, { schema: detailSchema, dataSource: dataSource, objectLabel: objectLabel({ name: objectDef.name, label: objectDef.label }), onDataLoaded: (record) => {
+    return (_jsxs("div", { className: "h-full bg-background overflow-hidden flex flex-col relative", children: [_jsx("div", { className: "absolute top-2 sm:top-4 right-2 sm:right-4 z-50 flex items-center gap-2", children: _jsx(ManagedByBadge, { managedBy: objectDef?.managedBy }) }), _jsxs("div", { className: "flex-1 overflow-hidden flex flex-row", children: [_jsx("div", { className: "flex-1 overflow-auto p-3 sm:p-4 lg:p-6 scroll-pb-48", children: _jsx(ActionProvider, { context: { record: {}, objectName, user: currentUser }, onConfirm: confirmHandler, onToast: toastHandler, onNavigate: navigateHandler, onParamCollection: paramCollectionHandler, handlers: { api: apiHandler, flow: flowHandler, script: serverActionHandler, modal: serverActionHandler, approval: approvalHandler }, children: _jsx(DetailView, { schema: detailSchema, dataSource: dataSource, objectLabel: objectLabel({ name: objectDef.name, label: objectDef.label }), isFavorite: isRecordFavorite, onToggleFavorite: favoriteRecord ? handleToggleRecordFavorite : undefined, onDataLoaded: (record) => {
                                     if (!record || typeof record !== 'object')
                                         return;
                                     // Resolve the same way DetailView's header does, so the

package/dist/views/ReportView.js

@@ -352,5 +352,5 @@ export function ReportView({ dataSource }) {
         allowExport: true,
         loading: dataLoading, // Loading state for data fetching
     };
-    return (_jsxs("div", { className: "flex flex-col h-full overflow-hidden bg-background", children: [_jsxs("div", { className: "flex flex-col sm:flex-row justify-between sm:items-center gap-3 sm:gap-4 p-4 sm:p-6 border-b shrink-0", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h1", { className: "text-lg sm:text-xl md:text-2xl font-bold tracking-tight truncate", children: previewReport.title || previewReport.label || 'Report Viewer' }), previewReport.description && (_jsx("p", { className: "text-sm text-muted-foreground mt-1 line-clamp-2", children: previewReport.description }))] }), _jsx("div", { className: "shrink-0 flex items-center gap-1.5", children: _jsxs("button", { type: "button", onClick: handleOpenConfigPanel, className: "inline-flex items-center gap-1.5 rounded-md border border-input bg-background px-2.5 py-1.5 text-xs font-medium text-muted-foreground shadow-sm hover:bg-accent hover:text-accent-foreground", "data-testid": "report-edit-button", children: [_jsx(Pencil, { className: "h-3.5 w-3.5" }), "Edit"] }) })] }), _jsxs("div", { className: "flex-1 overflow-hidden flex flex-col sm:flex-row relative", children: [_jsx("div", { className: "flex-1 min-w-0 overflow-auto p-4 sm:p-6 lg:p-8 bg-muted/5", children: _jsx("div", { className: "w-full shadow-sm border rounded-lg sm:rounded-xl bg-background overflow-hidden min-h-150", children: _jsx(Suspense, { fallback: _jsx("div", { className: "p-8 text-sm text-muted-foreground", children: "Loading report\u2026" }), children: useSpecRenderer ? (_jsx("div", { className: "p-4 sm:p-6", children: _jsx(ReportRenderer, { schema: previewReport, dataSource: dataSource }) })) : (_jsx(ReportViewer, { schema: viewerSchema })) }) }) }), _jsx(Suspense, { fallback: null, children: _jsx(ReportConfigPanel, { open: configPanelOpen, onClose: handleCloseConfigPanel, config: reportConfig, onSave: handleReportConfigSave, onFieldChange: handleReportFieldChange, availableFields: availableFields, getFieldsForObject: getFieldsForObject }) }), _jsx(MetadataPanel, { open: showDebug, sections: [{ title: 'Report Configuration', data: previewReport }] })] })] }));
+    return (_jsxs("div", { className: "flex flex-col h-full overflow-hidden bg-background", children: [_jsxs("div", { className: "flex flex-col sm:flex-row justify-between sm:items-center gap-3 sm:gap-4 p-4 sm:p-6 border-b shrink-0", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h1", { className: "text-lg sm:text-xl md:text-2xl font-bold tracking-tight truncate", children: previewReport.title || previewReport.label || 'Report Viewer' }), previewReport.description && (_jsx("p", { className: "text-sm text-muted-foreground mt-1 line-clamp-2", children: previewReport.description }))] }), _jsx("div", { className: "shrink-0 flex items-center gap-1.5", children: _jsxs("button", { type: "button", onClick: handleOpenConfigPanel, className: "inline-flex items-center gap-1.5 rounded-md border border-input bg-background px-2.5 py-1.5 text-xs font-medium text-muted-foreground shadow-sm hover:bg-accent hover:text-accent-foreground", "data-testid": "report-edit-button", children: [_jsx(Pencil, { className: "h-3.5 w-3.5" }), t('common.edit')] }) })] }), _jsxs("div", { className: "flex-1 overflow-hidden flex flex-col sm:flex-row relative", children: [_jsx("div", { className: "flex-1 min-w-0 overflow-auto p-4 sm:p-6 lg:p-8 bg-muted/5", children: _jsx("div", { className: "w-full shadow-sm border rounded-lg sm:rounded-xl bg-background overflow-hidden min-h-150", children: _jsx(Suspense, { fallback: _jsx("div", { className: "p-8 text-sm text-muted-foreground", children: t('common.loading', { defaultValue: 'Loading…' }) }), children: useSpecRenderer ? (_jsx("div", { className: "p-4 sm:p-6", children: _jsx(ReportRenderer, { schema: previewReport, dataSource: dataSource }) })) : (_jsx(ReportViewer, { schema: viewerSchema })) }) }) }), _jsx(Suspense, { fallback: null, children: _jsx(ReportConfigPanel, { open: configPanelOpen, onClose: handleCloseConfigPanel, config: reportConfig, onSave: handleReportConfigSave, onFieldChange: handleReportFieldChange, availableFields: availableFields, getFieldsForObject: getFieldsForObject }) }), _jsx(MetadataPanel, { open: showDebug, sections: [{ title: 'Report Configuration', data: previewReport }] })] })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/app-shell",
-  "version": "5.0.1",
+  "version": "5.1.1",
   "type": "module",
   "license": "MIT",
   "description": "Minimal application shell for ObjectUI - framework-agnostic rendering engine",
@@ -27,35 +27,35 @@
   "dependencies": {
     "lucide-react": "^1.16.0",
     "sonner": "^2.0.7",
-    "@object-ui/auth": "5.0.1",
-    "@object-ui/collaboration": "5.0.1",
-    "@object-ui/components": "5.0.1",
-    "@object-ui/core": "5.0.1",
-    "@object-ui/data-objectstack": "5.0.1",
-    "@object-ui/fields": "5.0.1",
-    "@object-ui/i18n": "5.0.1",
-    "@object-ui/layout": "5.0.1",
-    "@object-ui/permissions": "5.0.1",
-    "@object-ui/providers": "5.0.1",
-    "@object-ui/react": "5.0.1",
-    "@object-ui/types": "5.0.1"
+    "@object-ui/auth": "5.1.1",
+    "@object-ui/collaboration": "5.1.1",
+    "@object-ui/components": "5.1.1",
+    "@object-ui/core": "5.1.1",
+    "@object-ui/data-objectstack": "5.1.1",
+    "@object-ui/fields": "5.1.1",
+    "@object-ui/i18n": "5.1.1",
+    "@object-ui/layout": "5.1.1",
+    "@object-ui/permissions": "5.1.1",
+    "@object-ui/providers": "5.1.1",
+    "@object-ui/react": "5.1.1",
+    "@object-ui/types": "5.1.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-router-dom": "^6.0.0 || ^7.0.0",
-    "@object-ui/plugin-calendar": "^5.0.1",
-    "@object-ui/plugin-charts": "^5.0.1",
-    "@object-ui/plugin-chatbot": "^5.0.1",
-    "@object-ui/plugin-dashboard": "^5.0.1",
-    "@object-ui/plugin-designer": "^5.0.1",
-    "@object-ui/plugin-detail": "^5.0.1",
-    "@object-ui/plugin-form": "^5.0.1",
-    "@object-ui/plugin-grid": "^5.0.1",
-    "@object-ui/plugin-kanban": "^5.0.1",
-    "@object-ui/plugin-list": "^5.0.1",
-    "@object-ui/plugin-report": "^5.0.1",
-    "@object-ui/plugin-view": "^5.0.1"
+    "@object-ui/plugin-calendar": "^5.1.1",
+    "@object-ui/plugin-charts": "^5.1.1",
+    "@object-ui/plugin-chatbot": "^5.1.1",
+    "@object-ui/plugin-dashboard": "^5.1.1",
+    "@object-ui/plugin-designer": "^5.1.1",
+    "@object-ui/plugin-detail": "^5.1.1",
+    "@object-ui/plugin-form": "^5.1.1",
+    "@object-ui/plugin-grid": "^5.1.1",
+    "@object-ui/plugin-kanban": "^5.1.1",
+    "@object-ui/plugin-list": "^5.1.1",
+    "@object-ui/plugin-report": "^5.1.1",
+    "@object-ui/plugin-view": "^5.1.1"
   },
   "devDependencies": {
     "@types/node": "^25.9.0",