feat(ws): Notebooks 2.0 // Frontend // Fetch workspaces

Yehudit Kerido · Yehudit Kerido · commit ea1b9f9383fd · 2025-05-20T09:35:07.000+03:00
Signed-off-by: Yehudit Kerido &lt;yehudit.kerido@nokia.com&gt;
diff --git a/workspaces/backend/internal/models/workspaces/funcs.go b/workspaces/backend/internal/models/workspaces/funcs.go
@@ -120,7 +120,6 @@ func NewWorkspaceModelFromWorkspace(ws *kubefloworgv1beta1.Workspace, wsk *kubef
 				ImageConfig: imageConfigModel,
 				PodConfig:   podConfigModel,
 			},
-			EndPoints: buildEndpointsList(ws, wsk),
 		},
 		Activity: Activity{
 			LastActivity: ws.Status.Activity.LastActivity,
@@ -134,37 +133,6 @@ func NewWorkspaceModelFromWorkspace(ws *kubefloworgv1beta1.Workspace, wsk *kubef
 	return workspaceModel
 }
 
-func buildEndpointsList(ws *kubefloworgv1beta1.Workspace, wsk *kubefloworgv1beta1.WorkspaceKind) []EndPoints {
-	var endpoints []EndPoints
-
-	// Return an empty list if wsk is nil.
-	if wsk == nil {
-		return endpoints
-	}
-
-	// Get the image configuration from the WorkspaceKind's PodTemplate options.
-	imageConfig := wsk.Spec.PodTemplate.Options.ImageConfig
-
-	for _, val := range imageConfig.Values {
-		if len(val.Spec.Ports) == 0 {
-			continue
-		}
-		firstPort := val.Spec.Ports[0]
-		portStr := fmt.Sprintf("%d", firstPort.Port)
-		displayName := firstPort.DisplayName
-		if displayName == "" {
-			displayName = val.Id
-		}
-		ep := EndPoints{
-			DisplayName: displayName,
-			Port:        portStr,
-		}
-		endpoints = append(endpoints, ep)
-	}
-
-	return endpoints
-}
-
 func wskExists(wsk *kubefloworgv1beta1.WorkspaceKind) bool {
 	return wsk != nil && wsk.UID != ""
 }
diff --git a/workspaces/backend/internal/models/workspaces/types.go b/workspaces/backend/internal/models/workspaces/types.go
@@ -59,12 +59,6 @@ type PodTemplate struct {
 	PodMetadata PodMetadata        `json:"podMetadata"`
 	Volumes     PodVolumes         `json:"volumes"`
 	Options     PodTemplateOptions `json:"options"`
-	EndPoints   []EndPoints        `json:"end_points"`
-}
-
-type EndPoints struct {
-	DisplayName string `json:"display_name"`
-	Port        string `json:"port"`
 }
 
 type PodMetadata struct {
diff --git a/workspaces/frontend/src/__tests__/cypress/cypress/downloads/downloads.htm b/workspaces/frontend/src/__tests__/cypress/cypress/downloads/downloads.htm
diff --git a/workspaces/frontend/src/__tests__/cypress/cypress/tests/e2e/Workspaces.cy.ts b/workspaces/frontend/src/__tests__/cypress/cypress/tests/e2e/Workspaces.cy.ts
@@ -16,7 +16,7 @@ const validateWorkspaceRow = (workspace: Workspace, index: number) => {
 
   cy.findByTestId(`workspace-row-${index}`)
     .find('[data-testid="pod-config"]')
-    .should('have.text', workspace.pod_template.options.pod_config.current.display_name);
+    .should('have.text', workspace.podTemplate.options.podConfig.current.displayName);
 };
 
 // Test suite for workspace-related tests
diff --git a/workspaces/frontend/src/__tests__/cypress/cypress/tests/mocked/workspace.mock.ts b/workspaces/frontend/src/__tests__/cypress/cypress/tests/mocked/workspace.mock.ts
@@ -13,41 +13,40 @@ const generateMockWorkspace = (
 ): {
   name: string;
   namespace: string;
-  workspace_kind: { name: string };
-  defer_updates: boolean;
+  workspaceKind: { name: string };
+  deferUpdates: boolean;
   paused: boolean;
-  paused_time: number;
+  pausedTime: number;
+  pendingRestart: boolean;
   state: WorkspaceState;
-  state_message: string;
-  pod_template: {
-    pod_metadata: { labels: object; annotations: object };
+  stateMessage: string;
+  podTemplate: {
+    podMetadata: { labels: object; annotations: object };
     volumes: {
-      home: { pvc_name: string; mount_path: string; readOnly: boolean };
-      data: { pvc_name: string; mount_path: string; readOnly: boolean }[];
+      home: { pvcName: string; mountPath: string; readOnly: boolean };
+      data: { pvcName: string; mountPath: string; readOnly: boolean }[];
     };
     options: {
-      image_config: {
+      imageConfig: {
         current: {
           id: string;
-          display_name: string;
+          displayName: string;
           description: string;
           labels: { key: string; value: string }[];
         };
       };
-      pod_config: {
+      podConfig: {
         current: {
           id: string;
-          display_name: string;
+          displayName: string;
           description: string;
           labels: ({ key: string; value: string } | { key: string; value: string })[];
         };
       };
     };
-    image_config: { current: string; desired: string; redirect_chain: never[] };
-    pod_config: { current: string; desired: string; redirect_chain: never[] };
-    end_points: { display_name: string; port: string }[];
   };
   activity: { last_activity: number; last_update: number };
+  services: { httpService: { displayName: string; httpPath: string } }[];
 } => {
   const currentTime = Date.now();
   const lastActivityTime = currentTime - Math.floor(Math.random() * 1000000);
@@ -56,55 +55,50 @@ const generateMockWorkspace = (
   return {
     name,
     namespace,
-    workspace_kind: { name: 'jupyterlab' },
-    defer_updates: paused,
+    workspaceKind: { name: 'jupyterlab' },
+    deferUpdates: paused,
     paused,
-    paused_time: paused ? currentTime - Math.floor(Math.random() * 1000000) : 0,
+    pausedTime: paused ? currentTime - Math.floor(Math.random() * 1000000) : 0,
+    pendingRestart: false,
     state,
-    state_message:
+    stateMessage:
       state === WorkspaceState.Running
         ? 'Workspace is running smoothly.'
         : state === WorkspaceState.Paused
           ? 'Workspace is paused.'
           : 'Workspace is operational.',
-    pod_template: {
-      end_points: [
-        {
-          display_name: 'Jupyter-lab',
-          port: '8888',
-        },
-      ],
-      pod_metadata: {
+    podTemplate: {
+      podMetadata: {
         labels: {},
         annotations: {},
       },
       volumes: {
         home: {
-          pvc_name: `${pvcName}-home`,
-          mount_path: '/home/jovyan',
+          pvcName: `${pvcName}-home`,
+          mountPath: '/home/jovyan',
           readOnly: false,
         },
         data: [
           {
-            pvc_name: pvcName,
-            mount_path: '/data/my-data',
+            pvcName,
+            mountPath: '/data/my-data',
             readOnly: paused,
           },
         ],
       },
       options: {
-        image_config: {
+        imageConfig: {
           current: {
             id: imageConfigId,
-            display_name: imageConfigDisplayName,
+            displayName: imageConfigDisplayName,
             description: 'JupyterLab environment',
             labels: [{ key: 'python_version', value: '3.11' }],
           },
         },
-        pod_config: {
+        podConfig: {
           current: {
             id: podConfigId,
-            display_name: podConfigDisplayName,
+            displayName: podConfigDisplayName,
             description: 'Pod configuration with resource limits',
             labels: [
               { key: 'cpu', value: '100m' },
@@ -113,21 +107,19 @@ const generateMockWorkspace = (
           },
         },
       },
-      image_config: {
-        current: imageConfigId,
-        desired: '',
-        redirect_chain: [],
-      },
-      pod_config: {
-        current: podConfigId,
-        desired: podConfigId,
-        redirect_chain: [],
-      },
     },
     activity: {
       last_activity: lastActivityTime,
       last_update: lastUpdateTime,
     },
+    services: [
+      {
+        httpService: {
+          displayName: 'Jupyter-lab',
+          httpPath: `/workspace/${namespace}/${name}/Jupyter-lab/`,
+        },
+      },
+    ],
   };
 };
 
diff --git a/workspaces/frontend/src/app/pages/Workspaces/Workspaces.tsx b/workspaces/frontend/src/app/pages/Workspaces/Workspaces.tsx
@@ -184,19 +184,19 @@ export const Workspaces: React.FunctionComponent = () => {
   const [activeSortIndex, setActiveSortIndex] = React.useState<number | null>(null);
   const [activeSortDirection, setActiveSortDirection] = React.useState<'asc' | 'desc' | null>(null);
 
-  const getSortableRowValues = (workspace: Workspace): (string | number | undefined)[] => {
+  const getSortableRowValues = (workspace: Workspace): (string | number)[] => {
     const { redirectStatus, name, kind, image, podConfig, state, homeVol, cpu, ram, lastActivity } =
       {
         redirectStatus: '',
         name: workspace.name,
-        kind: workspace.workspace_kind.name,
-        image: workspace.pod_template.options.image_config.current.display_name,
-        podConfig: workspace.pod_template.pod_config.current,
+        kind: workspace.workspaceKind.name,
+        image: workspace.podTemplate.options.imageConfig.current.displayName,
+        podConfig: workspace.podTemplate.options.podConfig.current.displayName,
         state: workspace.state,
-        homeVol: workspace.pod_template.volumes.home.pvc_name,
+        homeVol: workspace.podTemplate.volumes.home.pvcName,
         cpu: getCpuValue(workspace),
         ram: getRamValue(workspace),
-        lastActivity: workspace.activity.last_activity,
+        lastActivity: workspace.activity.lastActivity,
       };
       redirectStatus: '',
       name: workspace.name,
@@ -474,11 +474,11 @@ export const Workspaces: React.FunctionComponent = () => {
   );
 
   const getCpuValue = (workspace: Workspace): string =>
-    workspace.pod_template.options.pod_config.current.labels.find((label) => label.key === 'cpu')
+    workspace.podTemplate.options.podConfig.current.labels.find((label) => label.key === 'cpu')
       ?.value || 'N/A';
 
   const getRamValue = (workspace: Workspace): string =>
-    workspace.pod_template.options.pod_config.current.labels.find((label) => label.key === 'memory')
+    workspace.podTemplate.options.podConfig.current.labels.find((label) => label.key === 'memory')
       ?.value || 'N/A';
 
   return (
@@ -540,7 +540,7 @@ export const Workspaces: React.FunctionComponent = () => {
                         }}
                       />
                       <Td dataLabel={columnNames.redirectStatus}>
-                        {workspaceRedirectStatus[workspace.kind]
+                        {workspaceRedirectStatus[workspace.workspaceKind.name]
                           ? getRedirectStatusIcon(
                               workspaceRedirectStatus[workspace.kind]?.level,
                               workspaceRedirectStatus[workspace.kind]?.message ||
@@ -552,37 +552,37 @@ export const Workspaces: React.FunctionComponent = () => {
                         {workspace.name}
                       </Td>
                       <Td dataLabel={columnNames.kind}>
-                        {kindLogoDict[workspace.workspace_kind.name] ? (
-                          <Tooltip content={workspace.workspace_kind.name}>
+                        {kindLogoDict[workspace.workspaceKind.name] ? (
+                          <Tooltip content={workspace.workspaceKind.name}>
                             <Brand
-                              src={kindLogoDict[workspace.workspace_kind.name]}
-                              alt={workspace.workspace_kind.name}
+                              src={kindLogoDict[workspace.workspaceKind.name]}
+                              alt={workspace.workspaceKind.name}
                               style={{ width: '20px', height: '20px', cursor: 'pointer' }}
                             />
                           </Tooltip>
                         ) : (
-                          <Tooltip content={workspace.workspace_kind.name}>
+                          <Tooltip content={workspace.workspaceKind.name}>
                             <CodeIcon />
                           </Tooltip>
                         )}
                       </Td>
                       <Td dataLabel={columnNames.image}>
-                        {workspace.pod_template.options.image_config.current.display_name}
+                        {workspace.podTemplate.options.imageConfig.current.displayName}
                       </Td>
                       <Td data-testid="pod-config" dataLabel={columnNames.podConfig}>
-                        {workspace.pod_template.options.pod_config.current.display_name}
+                        {workspace.podTemplate.options.podConfig.current.displayName}
                       </Td>
                       <Td data-testid="state-label" dataLabel={columnNames.state}>
                         <Label color={stateColors[workspace.state]}>{workspace.state}</Label>{' '}
                       </Td>
                       <Td dataLabel={columnNames.homeVol}>
-                        {workspace.pod_template.volumes.home.pvc_name}
+                        {workspace.podTemplate.volumes.home.pvcName}
                       </Td>
                       <Td dataLabel={columnNames.cpu}>{formatCPU(getCpuValue(workspace))}</Td>
                       <Td dataLabel={columnNames.ram}>{formatRam(getRamValue(workspace))}</Td>
                       <Td dataLabel={columnNames.lastActivity}>
                         <Timestamp
-                          date={new Date(workspace.activity.last_activity)}
+                          date={new Date(workspace.activity.lastActivity)}
                           tooltip={{ variant: TimestampTooltipVariant.default }}
                         >
                           1 hour ago
