feat: add performance benchmark sidebar

.gitignore

@@ -1,5 +1,7 @@
 node_modules/
 dist/
+!backend/dist/
+!backend/dist/icon.png
 backend/dist/main.js
 backend/plugin-bench
 *.tgz

backend/dist/ICON-LICENSE.md

@@ -0,0 +1,7 @@
+# Speedometer icon
+
+Source: https://icon-icons.com/icon/speedometer/137157
+
+Author: Community (Material Design).
+
+The PNG is distributed under the Apache License 2.0.

backend/main.go

@@ -15,6 +15,9 @@ import (
 //go:embed dist/main.js
 var distFS embed.FS
 
+//go:embed dist/icon.png
+var iconData []byte
+
 type runSummary struct {
 	ID        string    `json:"id"`
 	Status    string    `json:"status"`
@@ -68,9 +71,16 @@ func handleRuns(w http.ResponseWriter, r *http.Request) {
 	}
 }
 
+func handleIcon(w http.ResponseWriter, _ *http.Request) {
+	w.Header().Set("Content-Type", "image/png")
+	w.Header().Set("Cache-Control", "public, max-age=86400")
+	_, _ = w.Write(iconData)
+}
+
 func main() {
 	mux := http.NewServeMux()
 	mux.HandleFunc("GET /main.js", handleBundle)
+	mux.HandleFunc("GET /icon.png", handleIcon)
 	mux.HandleFunc("GET /healthz", handleHealth)
 	mux.HandleFunc("GET /api/status", handleStatus)
 	mux.HandleFunc("/api/runs", handleRuns)

charts/plugin-bench/templates/plugin-cr.yaml

@@ -8,6 +8,7 @@ spec:
   version: {{ .Chart.AppVersion | quote }}
   vendor: {{ .Values.plugin.vendor | quote }}
   enabled: {{ .Values.plugin.enabled }}
+  icon: {{ .Values.plugin.icon | quote }}
   backend:
     serviceRef:
       namespace: {{ .Release.Namespace }}

charts/plugin-bench/values.yaml

@@ -18,10 +18,14 @@ plugin:
   vendor: "OpenEverest"
   enabled: true
   bundlePath: "/main.js"
+  icon: "/icon.png"
   extensionPoints:
     - type: route
       path: /performance-benchmark
       label: Performance Benchmark
+    - type: sidebarItem
+      label: Performance Benchmark
+      icon: "/icon.png"
     - type: clusterDetailTab
       path: performance-benchmark
       label: Performance Benchmark

src/main.tsx

@@ -195,6 +195,11 @@ const register: PluginRegisterFn = (api: PluginApi) => {
   React = api.React;
   pluginFetch = api.fetch.bind(api);
 
+  api.registerExtension({
+    type: 'sidebarItem',
+    label: 'Performance Benchmark',
+  });
+
   api.registerExtension({
     type: 'route',
     label: 'Performance Benchmark',