sketch/webui: add port display with external link functionality to UI header
Add port monitoring display next to Last Commit area in container status
header, showing open ports as clickable links with external link emoji
and overflow handling for additional ports beyond first two displayed.
Co-Authored-By: sketch <hello@sketch.dev>
Change-ID: s205c16eb68a4b157k
diff --git a/webui/src/web-components/demo/sketch-container-status.demo.html b/webui/src/web-components/demo/sketch-container-status.demo.html
index a48584d..c653772 100644
--- a/webui/src/web-components/demo/sketch-container-status.demo.html
+++ b/webui/src/web-components/demo/sketch-container-status.demo.html
@@ -23,6 +23,15 @@
total_cost_usd: 2.03,
},
working_dir: "/app",
+ session_id: "demo-session-123",
+ skaband_addr: "https://sketch.dev",
+ open_ports: [
+ { proto: "tcp", port: 22, process: "ssh", pid: 100 },
+ { proto: "tcp", port: 80, process: "nginx", pid: 200 },
+ { proto: "tcp", port: 3000, process: "node", pid: 300 },
+ { proto: "tcp", port: 8080, process: "python", pid: 400 },
+ { proto: "tcp", port: 9000, process: "go", pid: 500 }
+ ]
};
});
</script>