0.4.9 dual stack studio, console btn added

Dockerfile

@@ -31,7 +31,7 @@ LABEL org.opencontainers.image.title="NebulaGraph" \
     com.docker.extension.detailed-description="NebulaGraph is a popular Open-Source, distributed Cloud Native Graph Database for trillion edges graph data volume." \
     com.docker.extension.publisher-url="https://github.com/vesoft-inc/nebula" \
     com.docker.extension.additional-urls='[{"title":"WebSite","url":"https://www.nebula-graph.io/"}, {"title":"GitHub","url":"https://github.com/vesoft-inc/nebula"}, {"title":"Slack","url":"http://community-chat.nebula-graph.io/"}, {"title":"Docker Extension Feedback","url":"https://github.com/nebula-contrib/nebulagraph-docker-ext/issues/new/choose"}]' \
-    com.docker.extension.changelog="Upgrade to NebulaGraph 3.5.0. See https://github.com/nebula-contrib/nebulagraph-docker-ext/" \
+    com.docker.extension.changelog="Studio with dual-arch support, added console new window btn. See https://github.com/nebula-contrib/nebulagraph-docker-ext/" \
     com.docker.desktop.extension.icon="https://user-images.githubusercontent.com/1651790/213339618-107d0e59-1b8b-4c89-bbae-5529aa4e2666.svg" \
     com.docker.extension.categories="database"
 

docker-compose.yaml

@@ -336,7 +336,6 @@ services:
     # profiles: ["studio"]
     labels:
       - "com.vesoft.scope=utils"
-    platform: linux/amd64
     image: vesoft/nebula-graph-studio:v3.7.0
     environment:
       USER: root

ui/src/App.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Button from '@mui/material/Button';
-import { Insights, Explore } from '@mui/icons-material';
+import { Insights, Explore, ArrowBackIos } from '@mui/icons-material';
 import { createDockerDesktopClient } from '@docker/extension-api-client';
 import {
   AppBar,
@@ -22,7 +22,7 @@ export function App() {
           <img src="https://user-images.githubusercontent.com/1651790/213339618-107d0e59-1b8b-4c89-bbae-5529aa4e2666.svg" alt="NebulaGraph" height="35" />
           <span style={{marginRight: 10}}></span>
           <Typography variant="h4" color={(theme) => theme.palette.text.primary} sx={{ my: 2, mr: 6 }}>
-            <b>Nebula</b>Graph Docker Desktop Extension
+            <b>Nebula</b>Graph
           </Typography>
           <Box>
             <Button
@@ -50,6 +50,18 @@ export function App() {
             </Button>
           </Box>
 
+          <Box>
+            <Button
+              variant="outlined"
+              onClick={() =>
+                ddClient.host.openExternal('http://127.0.0.1:8376')
+              }
+              endIcon={<ArrowBackIos />}
+            >
+              Console
+            </Button>
+          </Box>
+
         </Box>
         <Box>
           <a
@@ -72,7 +84,7 @@ export function App() {
     <Box sx={{ alignItems: 'left', flexDirection: 'column', height: 20, fontSize: 10, justifyContent: 'center'}}>
       <Typography variant="body2" color={(theme) => theme.palette.text.primary} sx={{ my: 2, mr: 6 }}>
       <span style={{marginRight: 10}}></span>
-        NebulaGraph for Docker Desktop Extension 0.4.8, NebulaGraph: v3.5.0, NebulaGraph Studio: v3.7.0
+        NebulaGraph for Docker Desktop Extension 0.4.9, NebulaGraph: v3.5.0, NebulaGraph Studio: v3.7.0
       </Typography>
     </Box>
 

ui/src/components/TabPanel/index.tsx

@@ -614,7 +614,7 @@ export default function NebulaGraphTabs() {
       <TabPanel value={value} index={2}>
         {/* Now NebulaGraph Stuio doesn't support being embedded as an iFrame, let's create an quick start instead. */}
         {/* <StudioHelp/> */}
-        {/* <iframe src="http://127.0.0.1:7003" width="100%" height="800"/> */}
+        {/* <iframe src="http://127.0.0.1:17003" width="100%" height="800"/> */}
 
         <Stepper activeStep={activeStep}>
           {steps.map((label, index) => {