frontend: Improve cluster metadata for UI

Signed-off-by: Vincent T <[email protected]>

Author: vyncent-t

backend/cmd/headlamp.go

@@ -1178,6 +1178,13 @@ func (c *HeadlampConfig) getClusters() []Cluster {
 				"source":     context.SourceStr(),
 				"namespace":  context.KubeContext.Namespace,
 				"extensions": context.KubeContext.Extensions,
+				"origin": map[string]interface{}{
+					"kubeconfig": func() string {
+						path, _ := c.getKubeConfigPath(context.SourceStr())
+						return path
+					}(),
+				},
+				"originalName": context.Name,
 			},
 		})
 	}

frontend/src/components/App/Home/index.tsx

@@ -246,7 +246,8 @@ function HomeComponent(props: HomeComponentProps) {
    */
   function getOrigin(cluster: Cluster): string {
     if (cluster.meta_data?.source === 'kubeconfig') {
-      const kubeconfigPath = process.env.KUBECONFIG ?? '~/.kube/config';
+      const sourcePath = cluster.meta_data?.origin?.kubeconfig;
+      const kubeconfigPath = process.env.KUBECONFIG ?? sourcePath;
       return `Kubeconfig: ${kubeconfigPath}`;
     } else if (cluster.meta_data?.source === 'dynamic_cluster') {
       return t('translation|Plugin');

frontend/src/components/App/Settings/SettingsCluster.tsx

@@ -314,6 +314,22 @@ export default function SettingsCluster() {
     );
   }
 
+  function ClusterName() {
+    console.log('this cluster info: ', clusterInfo);
+    const originalName = clusterInfo?.meta_data?.originalName;
+
+    return (
+      <>
+        t('translation|Name')
+        {originalName && (
+          <Typography variant="body2" color="textSecondary">
+            Original name of cluster: {originalName}
+          </Typography>
+        )}
+      </>
+    );
+  }
+
   return (
     <>
       <SectionBox
@@ -336,7 +352,7 @@ export default function SettingsCluster() {
           <NameValueTable
             rows={[
               {
-                name: t('translation|Name'),
+                name: <ClusterName />,
                 value: (
                   <TextField
                     onChange={event => {