From 436333f11033f2c37a3c9a15c75323ff7bc4cfab Mon Sep 17 00:00:00 2001
From: Weiko <corentin@twenty.com>
Date: Tue, 31 Mar 2026 15:12:43 +0200
Subject: [PATCH] Add see records link to data model (#19163)

## Context
Add a link to the INDEX view page of an object to list all its records
directly from the data model page of the object.

<img width="556" height="460" alt="Screenshot 2026-03-31 at 14 04 20"
src="https://github.com/user-attachments/assets/3daa9ee5-ad09-42b5-a406-088ce8c53be4"
/>
---
 .../data-model/SettingsObjectDetailPage.tsx   | 33 +++++++++++++++----
 1 file changed, 26 insertions(+), 7 deletions(-)

diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetailPage.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetailPage.tsx
index cf5fd51232..396d68b4a6 100644
--- a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetailPage.tsx
+++ b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetailPage.tsx
@@ -19,8 +19,9 @@ import { isObjectMetadataReadOnly } from '@/object-record/read-only/utils/isObje
 import { activeTabIdComponentState } from '@/ui/layout/tab-list/states/activeTabIdComponentState';
 import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue';
 import { useLingui } from '@lingui/react/macro';
-import { getSettingsPath, isDefined } from 'twenty-shared/utils';
+import { getAppPath, getSettingsPath, isDefined } from 'twenty-shared/utils';
 import {
+  IconArrowUpRight,
   IconCodeCircle,
   IconListDetails,
   IconPlus,
@@ -35,6 +36,13 @@ import { useNavigateApp } from '~/hooks/useNavigateApp';
 import { SETTINGS_OBJECT_DETAIL_TABS } from '~/pages/settings/data-model/constants/SettingsObjectDetailTabs';
 import { updatedObjectNamePluralState } from '~/pages/settings/data-model/states/updatedObjectNamePluralState';
 
+const StyledTabsRow = styled.div`
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+`;
+
 const StyledContentContainer = styled.div`
   flex: 1;
   padding-left: 0;
@@ -171,12 +179,23 @@ export const SettingsObjectDetailPage = () => {
         }
       >
         <SettingsPageContainer>
-          <TabList
-            tabs={tabs}
-            componentInstanceId={
-              SETTINGS_OBJECT_DETAIL_TABS.COMPONENT_INSTANCE_ID
-            }
-          />
+          <StyledTabsRow>
+            <TabList
+              tabs={tabs}
+              componentInstanceId={
+                SETTINGS_OBJECT_DETAIL_TABS.COMPONENT_INSTANCE_ID
+              }
+            />
+            <Button
+              Icon={IconArrowUpRight}
+              title={t`See records`}
+              variant="tertiary"
+              size="small"
+              to={getAppPath(AppPath.RecordIndexPage, {
+                objectNamePlural: objectMetadataItem.namePlural,
+              })}
+            />
+          </StyledTabsRow>
           <StyledContentContainer>
             {renderActiveTabContent()}
           </StyledContentContainer>