[UI] Move Table components to DRC ML-10153

package.json

@@ -21,7 +21,7 @@
     "final-form-arrays": "^3.1.0",
     "fs-extra": "^10.0.0",
     "identity-obj-proxy": "^3.0.0",
-    "iguazio.dashboard-react-controls": "3.0.3",
+    "iguazio.dashboard-react-controls": "3.1.0",
     "is-wsl": "^1.1.0",
     "js-base64": "^2.6.4",
     "js-yaml": "^4.1.0",

src/App.jsx

@@ -33,8 +33,8 @@ import 'prismjs/components/prism-yaml.min.js'
 import 'prismjs/components/prism-json.min.js'
 import 'prismjs/components/prism-python.min.js'
 
+import { LoaderForSuspenseFallback } from 'igz-controls/components'
 import Header from './layout/Header/Header'
-import LoaderForSuspenseFallback from './common/Loader/LoaderForSuspenseFallback'
 import Notifications from './common/Notifications/Notifications'
 
 import localStorageService from './utils/localStorageService'
@@ -124,6 +124,9 @@ const WorkflowsMonitoring = lazyRetry(
 )
 const Documents = lazyRetry(() => import('./components/Documents/Documents'))
 const LLMPrompts = lazyRetry(() => import('./components/LLMPrompts/LLMPrompts'))
+const ApplicationMetrics = lazyRetry(
+  () => import('./components/ApplicationMetrics/ApplicationMetrics')
+)
 
 const MonitoringApplicationsPage = lazyRetry(
   () => import('./components/MonitoringApplicationsPage/MonitoringApplicationsPage')
@@ -337,6 +340,14 @@ const App = () => {
               <Route path={path} element={<Files isAllVersions={[2, 3].includes(index)} />} />
             </Fragment>
           ))}
+          {[
+            `projects/:projectName/monitoring-app/:appName/${MODEL_ENDPOINTS_TAB}`,
+            `projects/:projectName/monitoring-app/:appName/${MODEL_ENDPOINTS_TAB}/:id`
+          ].map((path, index) => (
+            <Fragment key={index}>
+              <Route path={path} element={<ApplicationMetrics />} />
+            </Fragment>
+          ))}
           <Route
             path="projects/:projectName/monitoring-app/*"
             element={<MonitoringApplicationsPage />}

src/api/artifacts-api.js

@@ -157,6 +157,34 @@ const artifactsApi = {
       newConfig.params.iter = iter
     }
 
+    // return Promise.resolve({
+    //   data: {
+    //     kind: 'dataset',
+    //     metadata: {
+    //       key: 'test3',
+    //       project: 'default',
+    //       tree: '3c9a5fe2-1ffc-4c4c-864b-a712a8899fe0',
+    //       description: '',
+    //       iter: null,
+    //       uid: 'c4dc3113a581a11ed69ef09258fdc0584d590f74',
+    //       updated: '2025-05-06 08:50:01.714000+00:00',
+    //       created: '2025-05-06 08:50:01.714000+00:00',
+    //       tag: 'latest'
+    //     },
+    //     spec: {
+    //       target_path: 'v3io:///asd/asd',
+    //       producer: {
+    //         kind: 'api',
+    //         name: 'UI',
+    //         uri: 'dashboard.default-tenant.app.vmdev63.lab.iguazeng.com'
+    //       },
+    //       db_key: 'test3'
+    //     },
+    //     status: {},
+    //     project: 'default'
+    //   }
+    // })
+
     return mainHttpClientV2.get(`/projects/${projectName}/artifacts/${artifactName}`, newConfig)
   },
   getArtifacts: (project, filters, config, withExactName) => {