Rename Document Labeling to Data Labeling with blue icon

- Update sidebar navigation to show 'Data Labeling' instead of 'Document Labeling' - Add blue color (#006BB4) to Data Labeling icon to match other navbar icons - Update route from 'document-labeling' to 'data-labeling' - Update page title from 'Document Labeling for RAG' to 'Data Labeling for RAG' - Update custom tab types from DocumentLabeling to DataLabeling - Update test document text to reference 'data labeling functionality' Co-Authored-By: Francisco Javier Arceo <arceofrancisco@gmail.com> Signed-off-by: Devin AI <devin-ai-integration[bot]@users.noreply.github.com> Co-Authored-By: Francisco Javier Arceo <arceofrancisco@gmail.com>
feast-dev · franciscojavierarceo · Jun 2, 2025 · May 24, 2025 · May 24, 2025 · May 24, 2025
commit 530755ccdd8b880441a6900f94b640230d181cf8
@@ -147,7 +147,7 @@ const FeastUISansProvidersInner = ({
                       element={<DatasetInstance />}
                     />
                     <Route
-                      path="document-labeling/"
+                      path="data-labeling/"
                       element={<DocumentLabelingPage />}
                     />
                     <Route path="permissions/" element={<PermissionsIndex />} />

@@ -136,18 +136,18 @@ interface DatasetCustomTabRegistrationInterface
   }: DatasetCustomTabProps) => JSX.Element;
 }
 
-// Type for Document Labeling Custom Tabs
-interface DocumentLabelingCustomTabProps {
+// Type for Data Labeling Custom Tabs
+interface DataLabelingCustomTabProps {
   id: string | undefined;
   feastObjectQuery: RegularFeatureViewQueryReturnType;
 }
-interface DocumentLabelingCustomTabRegistrationInterface
+interface DataLabelingCustomTabRegistrationInterface
   extends CustomTabRegistrationInterface {
   Component: ({
     id,
     feastObjectQuery,
     ...args
-  }: DocumentLabelingCustomTabProps) => JSX.Element;
+  }: DataLabelingCustomTabProps) => JSX.Element;
 }
 
 export type {
@@ -171,6 +171,6 @@ export type {
   FeatureCustomTabProps,
   DatasetCustomTabRegistrationInterface,
   DatasetCustomTabProps,
-  DocumentLabelingCustomTabRegistrationInterface,
-  DocumentLabelingCustomTabProps,
+  DataLabelingCustomTabRegistrationInterface,
+  DataLabelingCustomTabProps,
 };
@@ -132,13 +132,13 @@ const SideNav = () => {
           isSelected: useMatchSubpath(`${baseUrl}/data-set`),
         },
         {
-          name: "Document Labeling",
-          id: htmlIdGenerator("documentLabeling")(),
-          icon: <EuiIcon type="documentEdit" />,
+          name: "Data Labeling",
+          id: htmlIdGenerator("dataLabeling")(),
+          icon: <EuiIcon type="documentEdit" color="#006BB4" />,
           renderItem: (props) => (
-            <Link {...props} to={`${baseUrl}/document-labeling`} />
+            <Link {...props} to={`${baseUrl}/data-labeling`} />
           ),
-          isSelected: useMatchSubpath(`${baseUrl}/document-labeling`),
+          isSelected: useMatchSubpath(`${baseUrl}/data-labeling`),
         },
         {
           name: "Permissions",

@@ -220,7 +220,7 @@ The final paragraph contains information about feature stores and real-time mach
       <EuiPageBody>
         <EuiPageHeader>
           <EuiTitle size="l">
-            <h1>Document Labeling for RAG</h1>
+            <h1>Data Labeling for RAG</h1>
           </EuiTitle>
         </EuiPageHeader>
 

@@ -1,4 +1,4 @@
-This is a sample document for testing the document labeling functionality in Feast UI.
+This is a sample document for testing the data labeling functionality in Feast UI.
 
 The document contains multiple paragraphs and sections that can be used to test the text highlighting and labeling features.