@object-ui/plugin-detail 3.1.0 → 3.1.1

package/dist/src/DetailView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DetailView.d.ts","sourceRoot":"","sources":["../../src/DetailView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGrE,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAChF;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+hBhD,CAAC"}
+{"version":3,"file":"DetailView.d.ts","sourceRoot":"","sources":["../../src/DetailView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4C/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAMrE,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAChF;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwuBhD,CAAC"}

package/dist/src/HeaderHighlight.d.ts

@@ -0,0 +1,18 @@
+import { HighlightField } from '../../types/src';
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import * as React from 'react';
+export interface HeaderHighlightProps {
+    fields: HighlightField[];
+    data?: any;
+    className?: string;
+    /** Object name for i18n field label resolution */
+    objectName?: string;
+}
+export declare const HeaderHighlight: React.FC<HeaderHighlightProps>;
+//# sourceMappingURL=HeaderHighlight.d.ts.map

package/dist/src/HeaderHighlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderHighlight.d.ts","sourceRoot":"","sources":["../../src/HeaderHighlight.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGvD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6C1D,CAAC"}

package/dist/src/RelatedList.d.ts

@@ -16,10 +16,26 @@ export interface RelatedListProps {
     columns?: any[];
     className?: string;
     dataSource?: DataSource;
+    /** Object name for i18n field label resolution */
+    objectName?: string;
     /** Callback when "New" button is clicked */
     onNew?: () => void;
     /** Callback when "View All" button is clicked */
     onViewAll?: () => void;
+    /** Callback when a row Edit action is clicked */
+    onRowEdit?: (row: any) => void;
+    /** Callback when a row Delete action is clicked */
+    onRowDelete?: (row: any) => void;
+    /** Page size for pagination (enables pagination when set) */
+    pageSize?: number;
+    /** Enable column sorting */
+    sortable?: boolean;
+    /** Enable text filtering */
+    filterable?: boolean;
+    /** Whether the card is collapsible */
+    collapsible?: boolean;
+    /** Whether the card starts collapsed (requires collapsible=true) */
+    defaultCollapsed?: boolean;
 }
 export declare const RelatedList: React.FC<RelatedListProps>;
 //# sourceMappingURL=RelatedList.d.ts.map

package/dist/src/RelatedList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RelatedList.d.ts","sourceRoot":"","sources":["../../src/RelatedList.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGnD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoHlD,CAAC"}
+{"version":3,"file":"RelatedList.d.ts","sourceRoot":"","sources":["../../src/RelatedList.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,OAAO,KAAK,EAAE,UAAU,EAAiB,MAAM,kBAAkB,CAAC;AAKlE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,iDAAiD;IACjD,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,mDAAmD;IACnD,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2VlD,CAAC"}

package/dist/src/SectionGroup.d.ts

@@ -0,0 +1,21 @@
+import { SectionGroup as SectionGroupType } from '../../types/src';
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import * as React from 'react';
+export interface SectionGroupProps {
+    group: SectionGroupType;
+    data?: any;
+    className?: string;
+    objectSchema?: any;
+    /** Object name for i18n field label resolution */
+    objectName?: string;
+    isEditing?: boolean;
+    onFieldChange?: (field: string, value: any) => void;
+}
+export declare const SectionGroup: React.FC<SectionGroupProps>;
+//# sourceMappingURL=SectionGroup.d.ts.map

package/dist/src/SectionGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionGroup.d.ts","sourceRoot":"","sources":["../../src/SectionGroup.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,gBAAgB,CAAC;IACxB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACrD;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsEpD,CAAC"}

package/dist/src/index.d.ts

@@ -3,6 +3,8 @@ import { DetailSection } from './DetailSection';
 import { DetailTabs } from './DetailTabs';
 import { RelatedList } from './RelatedList';
 export { DetailView, DetailSection, DetailTabs, RelatedList };
+export { SectionGroup } from './SectionGroup';
+export { HeaderHighlight } from './HeaderHighlight';
 export { inferDetailColumns, isWideFieldType, applyAutoSpan, applyDetailAutoLayout } from './autoLayout';
 export { useDetailTranslation, DETAIL_DEFAULT_TRANSLATIONS, createSafeTranslationHook } from './useDetailTranslation';
 export { RecordComments } from './RecordComments';
@@ -26,6 +28,8 @@ export type { DetailViewProps } from './DetailView';
 export type { DetailSectionProps } from './DetailSection';
 export type { DetailTabsProps } from './DetailTabs';
 export type { RelatedListProps } from './RelatedList';
+export type { SectionGroupProps } from './SectionGroup';
+export type { HeaderHighlightProps } from './HeaderHighlight';
 export type { RecordCommentsProps } from './RecordComments';
 export type { ActivityTimelineProps, ActivityFilterType } from './ActivityTimeline';
 export type { InlineCreateRelatedProps, RelatedFieldDefinition, RelatedRecordOption } from './InlineCreateRelated';

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}

package/dist/src/useDetailTranslation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDetailTranslation.d.ts","sourceRoot":"","sources":["../../src/useDetailTranslation.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAChC,OAAO,EAAE,MAAM;aAQE,MAAM,YAAY,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;EA0B3D;AAED;;;GAGG;AACH,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAkC9D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB;aAxEd,MAAM,YAAY,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;CA2E3D,CAAC"}
+{"version":3,"file":"useDetailTranslation.d.ts","sourceRoot":"","sources":["../../src/useDetailTranslation.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAChC,OAAO,EAAE,MAAM;aAQE,MAAM,YAAY,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;EA0B3D;AAED;;;GAGG;AACH,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6C9D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB;aAnFd,MAAM,YAAY,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;CAsF3D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-detail",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "type": "module",
   "license": "MIT",
   "description": "DetailView plugin for Object UI - comprehensive detail page with sections, tabs, and related lists",
@@ -25,11 +25,11 @@
   },
   "dependencies": {
     "lucide-react": "^0.576.0",
-    "@object-ui/components": "3.1.0",
-    "@object-ui/core": "3.1.0",
-    "@object-ui/fields": "3.1.0",
-    "@object-ui/react": "3.1.0",
-    "@object-ui/types": "3.1.0"
+    "@object-ui/components": "3.1.1",
+    "@object-ui/fields": "3.1.1",
+    "@object-ui/core": "3.1.1",
+    "@object-ui/react": "3.1.1",
+    "@object-ui/types": "3.1.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/DetailSection.tsx

@@ -29,6 +29,7 @@ import { getCellRenderer } from '@object-ui/fields';
 import type { DetailViewSection as DetailViewSectionType, DetailViewField, FieldMetadata } from '@object-ui/types';
 import { applyDetailAutoLayout } from './autoLayout';
 import { useDetailTranslation } from './useDetailTranslation';
+import { useSafeFieldLabel } from '@object-ui/react';
 
 export interface DetailSectionProps {
   section: DetailViewSectionType;
@@ -36,6 +37,8 @@ export interface DetailSectionProps {
   className?: string;
   /** Object schema from DataSource for field type enrichment */
   objectSchema?: any;
+  /** Object name for i18n field label resolution */
+  objectName?: string;
   /** Whether inline editing is active */
   isEditing?: boolean;
   /** Callback when a field value changes during inline editing */
@@ -47,12 +50,14 @@ export const DetailSection: React.FC<DetailSectionProps> = ({
   data,
   className,
   objectSchema,
+  objectName,
   isEditing = false,
   onFieldChange,
 }) => {
   const [isCollapsed, setIsCollapsed] = React.useState(section.defaultCollapsed ?? false);
   const [copiedField, setCopiedField] = React.useState<string | null>(null);
   const { t } = useDetailTranslation();
+  const { fieldLabel } = useSafeFieldLabel();
 
   const handleCopyField = React.useCallback((fieldName: string, value: any) => {
     const textValue = value !== null && value !== undefined ? String(value) : '';
@@ -91,7 +96,8 @@ export const DetailSection: React.FC<DetailSectionProps> = ({
         if (objectDefField.currency && !enrichedField.currency) enrichedField.currency = objectDefField.currency;
         if (objectDefField.precision !== undefined && enrichedField.precision === undefined) enrichedField.precision = objectDefField.precision;
         if (objectDefField.format && !enrichedField.format) enrichedField.format = objectDefField.format;
-        if (objectDefField.reference_to && !enrichedField.reference_to) enrichedField.reference_to = objectDefField.reference_to;
+        const refTarget = objectDefField.reference_to || objectDefField.reference;
+        if (refTarget && !enrichedField.reference_to) enrichedField.reference_to = refTarget;
         if (objectDefField.reference_field && !enrichedField.reference_field) enrichedField.reference_field = objectDefField.reference_field;
       }
       // Use type-aware cell renderer when field type is available (explicit or enriched)
@@ -110,7 +116,7 @@ export const DetailSection: React.FC<DetailSectionProps> = ({
     return (
       <div key={field.name} className={cn("space-y-1.5 group", spanClass)}>
         <div className="text-xs font-medium text-muted-foreground uppercase tracking-wide">
-          {field.label || field.name}
+          {fieldLabel(objectName || '', field.name, field.label || field.name)}
         </div>
         {isEditing && !field.readonly ? (
           <div className="min-h-[44px] sm:min-h-0">

package/src/DetailView.tsx

@@ -21,6 +21,10 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
 } from '@object-ui/components';
 import { 
   ArrowLeft, 
@@ -40,6 +44,8 @@ import {
 import { DetailSection } from './DetailSection';
 import { DetailTabs } from './DetailTabs';
 import { RelatedList } from './RelatedList';
+import { SectionGroup } from './SectionGroup';
+import { HeaderHighlight } from './HeaderHighlight';
 import { RecordComments } from './RecordComments';
 import { ActivityTimeline } from './ActivityTimeline';
 import { SchemaRenderer } from '@object-ui/react';
@@ -47,6 +53,9 @@ import { buildExpandFields } from '@object-ui/core';
 import type { DetailViewSchema, DataSource } from '@object-ui/types';
 import { useDetailTranslation } from './useDetailTranslation';
 
+/** Default page size for related lists in the detail view */
+const DEFAULT_RELATED_PAGE_SIZE = 5;
+
 export interface DetailViewProps {
   schema: DetailViewSchema;
   dataSource?: DataSource;
@@ -288,6 +297,42 @@ export const DetailView: React.FC<DetailViewProps> = ({
     return () => document.removeEventListener('keydown', handler);
   }, [schema.recordNavigation]);
 
+  // Auto-discover related lists from objectSchema reference fields
+  const discoveredRelated = React.useMemo(() => {
+    if (!schema.autoDiscoverRelated || !objectSchema?.fields) return [];
+    // Only auto-discover when no explicit related config is provided
+    if (schema.related && schema.related.length > 0) return [];
+    const refs: Array<{ title: string; type: 'list' | 'grid' | 'table'; objectName: string; referenceField: string }> = [];
+    const fields = objectSchema.fields;
+    for (const [fieldName, fieldDef] of Object.entries<any>(fields)) {
+      const refTarget = fieldDef?.reference_to || fieldDef?.reference;
+      if (
+        fieldDef &&
+        (fieldDef.type === 'lookup' || fieldDef.type === 'master_detail') &&
+        refTarget
+      ) {
+        refs.push({
+          title: fieldDef.label || fieldName.charAt(0).toUpperCase() + fieldName.slice(1),
+          type: 'table',
+          objectName: refTarget,
+          referenceField: fieldName,
+        });
+      }
+    }
+    return refs;
+  }, [schema.autoDiscoverRelated, schema.related, objectSchema]);
+
+  // Merge explicit and auto-discovered related lists
+  const effectiveRelated: NonNullable<DetailViewSchema['related']> = React.useMemo(() => {
+    if (schema.related && schema.related.length > 0) return schema.related;
+    return discoveredRelated.map((r) => ({
+      title: r.title,
+      type: r.type,
+      api: r.objectName,
+      data: [] as any[],
+    }));
+  }, [schema.related, discoveredRelated]);
+
   if (loading || schema.loading) {
     return (
       <div className={cn('space-y-4', className)}>
@@ -427,7 +472,7 @@ export const DetailView: React.FC<DetailViewProps> = ({
               <SchemaRenderer key={index} schema={action} data={data} />
             ))}
 
-            {/* Inline Edit Toggle */}
+            {/* Inline Edit Toggle - hidden on mobile, accessible via more menu */}
             {inlineEdit && (
               <Tooltip>
                 <TooltipTrigger asChild>
@@ -435,7 +480,7 @@ export const DetailView: React.FC<DetailViewProps> = ({
                     variant={isInlineEditing ? 'default' : 'outline'} 
                     size="sm"
                     onClick={handleInlineEditToggle}
-                    className="gap-2"
+                    className="gap-2 hidden sm:inline-flex"
                   >
                     {isInlineEditing ? (
                       <>
@@ -456,21 +501,21 @@ export const DetailView: React.FC<DetailViewProps> = ({
               </Tooltip>
             )}
 
-            {/* Share Button */}
+            {/* Share Button - hidden on mobile, accessible via more menu */}
             <Tooltip>
               <TooltipTrigger asChild>
-                <Button variant="outline" size="icon" onClick={handleShare}>
+                <Button variant="outline" size="icon" onClick={handleShare} className="hidden sm:inline-flex">
                   <Share2 className="h-4 w-4" />
                 </Button>
               </TooltipTrigger>
               <TooltipContent>{t('detail.share')}</TooltipContent>
             </Tooltip>
 
-            {/* Edit Button */}
+            {/* Edit Button - hidden on mobile, accessible via more menu */}
             {schema.showEdit && (
               <Tooltip>
                 <TooltipTrigger asChild>
-                  <Button variant="default" onClick={handleEdit} className="gap-2">
+                  <Button variant="default" onClick={handleEdit} className="gap-2 hidden sm:inline-flex">
                     <Edit className="h-4 w-4" />
                     <span className="hidden sm:inline">{t('detail.edit')}</span>
                   </Button>
@@ -492,6 +537,24 @@ export const DetailView: React.FC<DetailViewProps> = ({
                 <TooltipContent>{t('detail.moreActions')}</TooltipContent>
               </Tooltip>
               <DropdownMenuContent align="end" className="w-[calc(100vw-2rem)] sm:w-48 max-h-[60vh] overflow-y-auto">
+                {/* Mobile-only: Share, Edit, Inline Edit */}
+                <DropdownMenuItem onClick={handleShare} className="sm:hidden">
+                  <Share2 className="h-4 w-4 mr-2" />
+                  {t('detail.share')}
+                </DropdownMenuItem>
+                {schema.showEdit && (
+                  <DropdownMenuItem onClick={handleEdit} className="sm:hidden">
+                    <Edit className="h-4 w-4 mr-2" />
+                    {t('detail.edit')}
+                  </DropdownMenuItem>
+                )}
+                {inlineEdit && (
+                  <DropdownMenuItem onClick={handleInlineEditToggle} className="sm:hidden">
+                    <Edit className="h-4 w-4 mr-2" />
+                    {isInlineEditing ? t('detail.save') : t('detail.editInline')}
+                  </DropdownMenuItem>
+                )}
+                <DropdownMenuSeparator className="sm:hidden" />
                 <DropdownMenuItem onClick={handleDuplicate}>
                   <Copy className="h-4 w-4 mr-2" />
                   {t('detail.duplicate')}
@@ -528,70 +591,217 @@ export const DetailView: React.FC<DetailViewProps> = ({
         </div>
       )}
 
-      {/* Sections */}
-      {schema.sections && schema.sections.length > 0 && (
-        <div className="space-y-3 sm:space-y-4">
-          {schema.sections.map((section, index) => (
+      {/* Header Highlight Area */}
+      {schema.highlightFields && schema.highlightFields.length > 0 && (
+        <HeaderHighlight fields={schema.highlightFields} data={data} objectName={schema.objectName} />
+      )}
+
+      {/* Auto Tabs mode: wrap sections, related, activity into tabs */}
+      {schema.autoTabs && !schema.tabs?.length ? (
+        <Tabs defaultValue="details" className="w-full">
+          <TabsList className="w-full justify-start border-b rounded-none bg-transparent p-0">
+            <TabsTrigger
+              value="details"
+              className="relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent"
+            >
+              {t('detail.details')}
+            </TabsTrigger>
+            {effectiveRelated.length > 0 && (
+              <TabsTrigger
+                value="related"
+                className="relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent"
+              >
+                <span className="flex items-center gap-1.5">
+                  {t('detail.related')}
+                  <Badge variant="secondary" className="text-xs">{effectiveRelated.length}</Badge>
+                </span>
+              </TabsTrigger>
+            )}
+            {schema.activities && schema.activities.length > 0 && (
+              <TabsTrigger
+                value="activity"
+                className="relative rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent"
+              >
+                <span className="flex items-center gap-1.5">
+                  {t('detail.activity')}
+                  <Badge variant="secondary" className="text-xs">{schema.activities.length}</Badge>
+                </span>
+              </TabsTrigger>
+            )}
+          </TabsList>
+
+          {/* Details Tab Content */}
+          <TabsContent value="details" className="mt-4">
+            <div className="space-y-3 sm:space-y-4">
+              {/* Section Groups */}
+              {schema.sectionGroups && schema.sectionGroups.length > 0 && (
+                schema.sectionGroups.map((group, index) => (
+                  <SectionGroup
+                    key={index}
+                    group={group}
+                    data={{ ...data, ...editedValues }}
+                    objectSchema={objectSchema}
+                    objectName={schema.objectName}
+                    isEditing={isInlineEditing}
+                    onFieldChange={handleInlineFieldChange}
+                  />
+                ))
+              )}
+              {schema.sections && schema.sections.length > 0 && (
+                schema.sections.map((section, index) => (
+                  <DetailSection
+                    key={index}
+                    section={section}
+                    data={{ ...data, ...editedValues }}
+                    objectSchema={objectSchema}
+                    objectName={schema.objectName}
+                    isEditing={isInlineEditing}
+                    onFieldChange={handleInlineFieldChange}
+                  />
+                ))
+              )}
+              {schema.fields && schema.fields.length > 0 && !schema.sections?.length && (
+                <DetailSection
+                  section={{
+                    fields: schema.fields,
+                    columns: schema.columns,
+                  }}
+                  data={{ ...data, ...editedValues }}
+                  objectSchema={objectSchema}
+                  objectName={schema.objectName}
+                  isEditing={isInlineEditing}
+                  onFieldChange={handleInlineFieldChange}
+                />
+              )}
+              {/* Comments in details tab */}
+              {schema.comments && (
+                <RecordComments
+                  comments={schema.comments}
+                  onAddComment={schema.onAddComment}
+                />
+              )}
+            </div>
+          </TabsContent>
+
+          {/* Related Tab Content */}
+          {effectiveRelated.length > 0 && (
+            <TabsContent value="related" className="mt-4">
+              <div className="space-y-4">
+                {effectiveRelated.map((related, index) => (
+                  <RelatedList
+                    key={index}
+                    title={related.title}
+                    type={related.type}
+                    api={related.api}
+                    data={related.data}
+                    columns={related.columns as any}
+                    dataSource={dataSource}
+                    objectName={related.api}
+                    collapsible
+                    pageSize={DEFAULT_RELATED_PAGE_SIZE}
+                  />
+                ))}
+              </div>
+            </TabsContent>
+          )}
+
+          {/* Activity Tab Content */}
+          {schema.activities && schema.activities.length > 0 && (
+            <TabsContent value="activity" className="mt-4">
+              <ActivityTimeline activities={schema.activities} />
+            </TabsContent>
+          )}
+        </Tabs>
+      ) : (
+        <>
+          {/* Section Groups */}
+          {schema.sectionGroups && schema.sectionGroups.length > 0 && (
+            <div className="space-y-3 sm:space-y-4">
+              {schema.sectionGroups.map((group, index) => (
+                <SectionGroup
+                  key={index}
+                  group={group}
+                  data={{ ...data, ...editedValues }}
+                  objectSchema={objectSchema}
+                  objectName={schema.objectName}
+                  isEditing={isInlineEditing}
+                  onFieldChange={handleInlineFieldChange}
+                />
+              ))}
+            </div>
+          )}
+
+          {/* Sections */}
+          {schema.sections && schema.sections.length > 0 && (
+            <div className="space-y-3 sm:space-y-4">
+              {schema.sections.map((section, index) => (
+                <DetailSection
+                  key={index}
+                  section={section}
+                  data={{ ...data, ...editedValues }}
+                  objectSchema={objectSchema}
+                  objectName={schema.objectName}
+                  isEditing={isInlineEditing}
+                  onFieldChange={handleInlineFieldChange}
+                />
+              ))}
+            </div>
+          )}
+
+          {/* Direct Fields (if no sections) */}
+          {schema.fields && schema.fields.length > 0 && !schema.sections?.length && (
             <DetailSection
-              key={index}
-              section={section}
+              section={{
+                fields: schema.fields,
+                columns: schema.columns,
+              }}
               data={{ ...data, ...editedValues }}
               objectSchema={objectSchema}
+              objectName={schema.objectName}
               isEditing={isInlineEditing}
               onFieldChange={handleInlineFieldChange}
             />
-          ))}
-        </div>
-      )}
-
-      {/* Direct Fields (if no sections) */}
-      {schema.fields && schema.fields.length > 0 && !schema.sections?.length && (
-        <DetailSection
-          section={{
-            fields: schema.fields,
-            columns: schema.columns,
-          }}
-          data={{ ...data, ...editedValues }}
-          objectSchema={objectSchema}
-          isEditing={isInlineEditing}
-          onFieldChange={handleInlineFieldChange}
-        />
-      )}
-
-      {/* Tabs */}
-      {schema.tabs && schema.tabs.length > 0 && (
-        <DetailTabs tabs={schema.tabs} data={data} />
-      )}
+          )}
+
+          {/* Tabs */}
+          {schema.tabs && schema.tabs.length > 0 && (
+            <DetailTabs tabs={schema.tabs} data={data} />
+          )}
+
+          {/* Related Lists */}
+          {effectiveRelated.length > 0 && (
+            <div className="space-y-4">
+              <h2 className="text-xl font-semibold">{t('detail.related')}</h2>
+              {effectiveRelated.map((related, index) => (
+                <RelatedList
+                  key={index}
+                  title={related.title}
+                  type={related.type}
+                  api={related.api}
+                  data={related.data}
+                  columns={related.columns as any}
+                  dataSource={dataSource}
+                  objectName={related.api}
+                  collapsible
+                  pageSize={DEFAULT_RELATED_PAGE_SIZE}
+                />
+              ))}
+            </div>
+          )}
 
-      {/* Related Lists */}
-      {schema.related && schema.related.length > 0 && (
-        <div className="space-y-4">
-          <h2 className="text-xl font-semibold">{t('detail.related')}</h2>
-          {schema.related.map((related, index) => (
-            <RelatedList
-              key={index}
-              title={related.title}
-              type={related.type}
-              api={related.api}
-              data={related.data}
-              columns={related.columns as any}
-              dataSource={dataSource}
+          {/* Comments */}
+          {schema.comments && (
+            <RecordComments
+              comments={schema.comments}
+              onAddComment={schema.onAddComment}
             />
-          ))}
-        </div>
-      )}
-
-      {/* Comments */}
-      {schema.comments && (
-        <RecordComments
-          comments={schema.comments}
-          onAddComment={schema.onAddComment}
-        />
-      )}
+          )}
 
-      {/* Activity Timeline */}
-      {schema.activities && schema.activities.length > 0 && (
-        <ActivityTimeline activities={schema.activities} />
+          {/* Activity Timeline */}
+          {schema.activities && schema.activities.length > 0 && (
+            <ActivityTimeline activities={schema.activities} />
+          )}
+        </>
       )}
 
       {/* Custom Footer */}