Release 0.1.1

Values editing (#17 )
* Refactorings * save * REdesigning install dialog * Display values editor * Reconfigure flow * Status handler and version * error reporting
2026-03-26 14:28:04 +00:00 · 2022-10-12 12:23:03 +01:00 · 2022-10-07 17:01:19 +01:00 · 2022-10-04 09:12:14 +01:00 · 2022-10-04 08:52:59 +01:00 · 2022-10-04 08:50:20 +01:00
30 changed files with 2198 additions and 662 deletions
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -34,4 +34,10 @@ jobs:
      - name: Test Binary is Runnable
        run: "dist/helm-dashboard_linux_amd64_v1/helm-dashboard --help"
      - name: golangci-lint
-        uses: golangci/golangci-lint-action@v3
+        uses: golangci/golangci-lint-action@v3.2.0
+        with:
+          # version: latest
+          # skip-go-installation: true
+          skip-pkg-cache: true
+          skip-build-cache: true
+          # args: --timeout=15m
--- a/.goreleaser.yml
+++ b/.goreleaser.yml
@@ -3,7 +3,7 @@
 builds:
  - main: ./main.go
    binary: helm-dashboard
-    ldflags: -s -w -X main.version={{.Version}} -X main.version={{.Version}} -X main.version={{.Version}} -X main.date={{.Date}}
+    ldflags: -s -w -X main.version={{.Version}} -X main.commit={{.Commit}} -X main.date={{.Date}}
    goos:
      - windows
      - darwin
--- a/9
+++ b/9
@@ -0,0 +1,9 @@
+pull:
+	git pull
+
+build:
+	go build -o bin/dashboard .
+
+
+debug:
+	 DEBUG=1 ./bin/dashboard
--- a/README.md
+++ b/README.md
@@ -2,71 +2,122 @@

 A simplified way of working with Helm.

-[<img src="screenshot.png" style="width: 100%; border: 1px solid silver">](screenshot.png)
+<kbd>[<img src="screenshot.png" style="width: 100%; border: 1px solid silver;" border="1" alt="Screenshot">](screenshot.png)</kbd>

-## Local Testing
+## What it Does?
+
+The _Helm Dashboard_ plugin offers a UI-driven way to view the installed Helm charts, see their revision history and corresponding k8s resources. Also, you can perform simple actions like roll back to a revision or upgrade to newer version.
+
+This project is part of [Komodor's](https://komodor.com/?utm_campaign=Helm-Dash&utm_source=helm-dash-gh) vision of helping Kubernetes users to navigate and troubleshoot their clusters.
+
+## Installing 
+
+To install it, simply run Helm command:
+
+```shell
+helm plugin install https://github.com/komodorio/helm-dashboard.git
+```
+
+To update the plugin to the latest version, run:
+```shell
+helm plugin update dashboard
+```
+
+To uninstall, run:
+
+```shell
+helm plugin uninstall dashboard
+```
+
+## Running
+
+To use the plugin, your machine needs to have working `helm` and also `kubectl` commands.
+
+After installing, start the UI by running:
+```shell
+helm dashboard
+```
+
+The command above will launch the local Web server and will open the UI in new browser tab. The command will hang waiting for you to terminate it in command-line or web UI.
+
+By default, the web server is only available locally. You can change that by specifying `HD_BIND` environment variable to the desired value. For example, `0.0.0.0` would bind to all IPv4 addresses or `[::0]` would be all IPv6 addresses.
+
+If your port 8080 is busy, you can specify a different port to use via `HD_PORT` environment variable.
+
+If you don't want browser tab to automatically open, set `HD_NOBROWSER=1` in your environment variables.
+
+If you want to increase the logging verbosity and see all the debug info, set `DEBUG=1` environment variable.
+
+## Support Channels
+
+We have two main channels for supporting the Helm Dashboard users: [Slack community](https://komodorkommunity.slack.com/archives/C044U1B0265) for general conversations
+and [GitHub issues](https://github.com/komodorio/helm-dashboard/issues) for real bugs.
+
+
+## Roadmap & Ideas
+
+### First Public Version
+
+- CLI launcher
+- Web Server with REST API
+- Listing the installed applications
+- View k8s resources created by the application (describe, status)
+- Viewing revision history for application
+- View manifest diffs between revisions, also changelogs etc
+- Analytics reporting (telemetry)
+- Rollback to a revision
+- Check for repo updates & upgrade flow
+- Uninstalling the app completely
+- Switch clusters
+- Show manifest/describe upon clicking on resource
+
+- Helm Plugin Packaging
+- Styled properly
+
+### Further Ideas
+- solve umbrella-chart case
+- Have cleaner idea on the web API structure
+- Recognise & show ArgoCD-originating charts/objects, those `helm ls` does not show
+
+#### Topic "Validating Manifests"
+
+- Validate manifests before deploy and get better errors
+- See if we can build in Chechov or Validkube validation
+
+#### Iteration "Value Setting"
+
+- Setting parameter values and installing
+- Reconfiguring the application
+
+#### Iteration "Repo View"
+
+- Browsing repositories
+- Adding new repository
+- Installing new app from repo
+
+## Local Dev Testing

 Prerequisites: `helm` and `kubectl` binaries installed and operational.

-Until we make our repo public, we have to use a custom way to install the plugin.
-
 There is a need to build binary for plugin to function, run:
+
 ```shell
 go build -o bin/dashboard .
 ```

 To install, checkout the source code and run from source dir:
+
 ```shell
 helm plugin install .
 ```

-Local install of plugin just creates a symlink, so making the changes and rebuilding the binary would not require to reinstall a plugin.
+Local installation of plugin just creates a symlink, so making the changes and rebuilding the binary would not require to
+reinstall a plugin.

 To use the plugin, run in your terminal:
+
 ```shell
 helm dashboard
 ```

 Then, use the web UI.
-
-## Uninstalling
-
-To uninstall, run:
-```shell
-helm plugin uninstall dashboard
-```
-
-## Support Channels
-
-We have two main channels for supporting the tool users: [Slack community](#TODO) for general conversations and [GitHub issues](https://github.com/komodorio/helm-dashboard/issues) for real bugs.
-
-## Roadmap
-
-### Internal Milestone 1
- Helm Plugin Packaging
- CLI launcher
- Web Server with REST API
-
-
-### First Public Version
-Listing the installed applications
-View k8s resources created by the application (describe, status)
-Viewing revision history for application
-View manifest diffs between revisions, also changelogs etc
-Analytics reporting (telemetry)
-
-### Further Ideas
-Setting parameter values and installing
-Installing new app from repo
-Uninstalling the app completely
-Reconfiguring the application
-Rollback a revision
-
-Validate manifests before deploy and get better errors
-Switch clusters (?)
-Browsing repositories
-Adding new repository
-
-Recognise & show ArgoCD-originating charts/objects
-Have cleaner idea on the web API structure
-See if we can build in Chechov or Validkube validation
--- a/main.go
+++ b/main.go
@@ -22,7 +22,7 @@ func main() {
 		os.Exit(0)
 	}

-	address, webServerDone := dashboard.StartServer()
+	address, webServerDone := dashboard.StartServer(version)

 	if os.Getenv("HD_NOBROWSER") == "" {
 		log.Infof("Opening web UI: %s", address)
--- a/pkg/dashboard/api.go
+++ b/pkg/dashboard/api.go
@@ -5,8 +5,6 @@ import (
 	"errors"
 	"github.com/gin-gonic/gin"
 	log "github.com/sirupsen/logrus"
-	"k8s.io/apimachinery/pkg/apis/meta/v1"
-	v12 "k8s.io/apimachinery/pkg/apis/testapigroup/v1"
 	"net/http"
 	"os"
 	"path"
@@ -35,7 +33,7 @@ func errorHandler(c *gin.Context) {
 	}
 }

-func NewRouter(abortWeb ControlChan, data *DataLayer) *gin.Engine {
+func NewRouter(abortWeb ControlChan, data *DataLayer, version string) *gin.Engine {
 	var api *gin.Engine
 	if os.Getenv("DEBUG") == "" {
 		api = gin.New()
@@ -44,167 +42,50 @@ func NewRouter(abortWeb ControlChan, data *DataLayer) *gin.Engine {
 		api = gin.Default()
 	}

-	api.Use(noCache)
 	api.Use(contextSetter(data))
+	api.Use(noCache)
 	api.Use(errorHandler)
-	configureStatic(api)

-	configureRoutes(abortWeb, data, api)
+	configureStatic(api)
+	configureRoutes(abortWeb, data, api, version)
+
 	return api
 }

-func configureRoutes(abortWeb ControlChan, data *DataLayer, api *gin.Engine) {
+func configureRoutes(abortWeb ControlChan, data *DataLayer, api *gin.Engine, version string) {
 	// server shutdown handler
 	api.DELETE("/", func(c *gin.Context) {
 		abortWeb <- struct{}{}
+		c.Status(http.StatusAccepted)
 	})

-	api.GET("/api/helm/charts", func(c *gin.Context) {
-		res, err := data.ListInstalled()
-		if err != nil {
-			_ = c.AbortWithError(http.StatusInternalServerError, err)
-			return
-		}
-		c.IndentedJSON(http.StatusOK, res)
+	api.GET("/status", func(c *gin.Context) {
+		c.String(http.StatusOK, version)
 	})

-	api.GET("/api/helm/charts/history", func(c *gin.Context) {
-		cName := c.Query("chart")
-		cNamespace := c.Query("namespace")
-		if cName == "" {
-			_ = c.AbortWithError(http.StatusBadRequest, errors.New("missing required query string parameter: chart"))
-			return
-		}
-
-		res, err := data.ChartHistory(cNamespace, cName)
-		if err != nil {
-			_ = c.AbortWithError(http.StatusInternalServerError, err)
-			return
-		}
-		c.IndentedJSON(http.StatusOK, res)
-	})
-
-	api.GET("/api/helm/charts/resources", func(c *gin.Context) {
-		cName := c.Query("chart")
-		cNamespace := c.Query("namespace")
-		if cName == "" {
-			_ = c.AbortWithError(http.StatusBadRequest, errors.New("missing required query string parameter: chart"))
-			return
-		}
-		cRev, err := strconv.Atoi(c.Query("revision"))
-		if err != nil {
-			_ = c.AbortWithError(http.StatusInternalServerError, err)
-			return
-		}
-
-		res, err := data.RevisionManifestsParsed(cNamespace, cName, cRev)
-		if err != nil {
-			_ = c.AbortWithError(http.StatusInternalServerError, err)
-			return
-		}
-		c.IndentedJSON(http.StatusOK, res)
-	})
-
-	configureKubectls(api, data)
-
-	sections := map[string]SectionFn{
-		"manifests": data.RevisionManifests,
-		"values":    data.RevisionValues,
-		"notes":     data.RevisionNotes,
-	}
-
-	api.GET("/api/helm/charts/:section", func(c *gin.Context) {
-		functor, found := sections[c.Param("section")]
-		if !found {
-			_ = c.AbortWithError(http.StatusNotFound, errors.New("unsupported section: "+c.Param("section")))
-			return
-		}
-
-		cName := c.Query("chart")
-		cNamespace := c.Query("namespace")
-		if cName == "" {
-			_ = c.AbortWithError(http.StatusBadRequest, errors.New("missing required query string parameter: chart"))
-			return
-		}
-
-		cRev, err := strconv.Atoi(c.Query("revision"))
-		if err != nil {
-			_ = c.AbortWithError(http.StatusInternalServerError, err)
-			return
-		}
-		flag := c.Query("flag") == "true"
-		rDiff := c.Query("revisionDiff")
-		if rDiff != "" {
-			cRevDiff, err := strconv.Atoi(rDiff)
-			if err != nil {
-				_ = c.AbortWithError(http.StatusInternalServerError, err)
-				return
-			}
-
-			ext := ".yaml"
-			if c.Param("section") == "notes" {
-				ext = ".txt"
-			}
-
-			res, err := RevisionDiff(functor, ext, cNamespace, cName, cRevDiff, cRev, flag)
-			if err != nil {
-				_ = c.AbortWithError(http.StatusInternalServerError, err)
-				return
-			}
-			c.String(http.StatusOK, res)
-		} else {
-			res, err := functor(cNamespace, cName, cRev, flag)
-			if err != nil {
-				_ = c.AbortWithError(http.StatusInternalServerError, err)
-				return
-			}
-			c.String(http.StatusOK, res)
-		}
-	})
+	configureHelms(api.Group("/api/helm"), data)
+	configureKubectls(api.Group("/api/kube"), data)
 }

-func configureKubectls(api *gin.Engine, data *DataLayer) {
-	api.GET("/api/kube/contexts", func(c *gin.Context) {
-		res, err := data.ListContexts()
-		if err != nil {
-			_ = c.AbortWithError(http.StatusInternalServerError, err)
-			return
-		}
-		c.IndentedJSON(http.StatusOK, res)
-	})
+func configureHelms(api *gin.RouterGroup, data *DataLayer) {
+	h := HelmHandler{Data: data}
+	api.GET("/charts", h.GetCharts)
+	api.DELETE("/charts", h.Uninstall)
+	api.POST("/charts/rollback", h.Rollback)
+	api.GET("/charts/history", h.History)
+	api.GET("/charts/resources", h.Resources)
+	api.GET("/repo/search", h.RepoSearch)
+	api.POST("/repo/update", h.RepoUpdate)
+	api.GET("/repo/values", h.RepoValues)
+	api.POST("/charts/install", h.Install)
+	api.GET("/charts/:section", h.GetInfoSection)
+}

-	api.GET("/api/kube/resources/:kind", func(c *gin.Context) {
-		cName := c.Query("name")
-		cNamespace := c.Query("namespace")
-		if cName == "" {
-			_ = c.AbortWithError(http.StatusBadRequest, errors.New("missing required query string parameter: name"))
-			return
-		}
-
-		res, err := data.GetResource(cNamespace, &GenericResource{
-			TypeMeta:   v1.TypeMeta{Kind: c.Param("kind")},
-			ObjectMeta: v1.ObjectMeta{Name: cName},
-		})
-		if err != nil {
-			_ = c.AbortWithError(http.StatusInternalServerError, err)
-			return
-		}
-
-		if res.Status.Phase == "Active" || res.Status.Phase == "Error" {
-			_ = res.Name + ""
-		} else if res.Status.Phase == "" && len(res.Status.Conditions) > 0 {
-			res.Status.Phase = v12.CarpPhase(res.Status.Conditions[len(res.Status.Conditions)-1].Type)
-			res.Status.Message = res.Status.Conditions[len(res.Status.Conditions)-1].Message
-			res.Status.Reason = res.Status.Conditions[len(res.Status.Conditions)-1].Reason
-			if res.Status.Conditions[len(res.Status.Conditions)-1].Status == "False" {
-				res.Status.Phase = "Not" + res.Status.Phase
-			}
-		} else if res.Status.Phase == "" {
-			res.Status.Phase = "Exists"
-		}
-
-		c.IndentedJSON(http.StatusOK, res)
-	})
+func configureKubectls(api *gin.RouterGroup, data *DataLayer) {
+	h := KubeHandler{Data: data}
+	api.GET("/contexts", h.GetContexts)
+	api.GET("/resources/:kind", h.GetResourceInfo)
+	api.GET("/describe/:kind", h.Describe)
 }

 func configureStatic(api *gin.Engine) {
@@ -246,3 +127,27 @@ func contextSetter(data *DataLayer) gin.HandlerFunc {
 		c.Next()
 	}
 }
+
+type QueryProps struct {
+	Namespace string
+	Name      string
+	Revision  int
+}
+
+func getQueryProps(c *gin.Context, revRequired bool) (*QueryProps, error) {
+	qp := QueryProps{}
+
+	qp.Namespace = c.Query("namespace")
+	qp.Name = c.Query("name")
+	if qp.Name == "" {
+		return nil, errors.New("missing required query string parameter: name")
+	}
+
+	cRev, err := strconv.Atoi(c.Query("revision"))
+	if err != nil && revRequired {
+		return nil, err
+	}
+	qp.Revision = cRev
+
+	return &qp, nil
+}
--- a/pkg/dashboard/data.go
+++ b/pkg/dashboard/data.go
@@ -5,12 +5,12 @@ import (
 	"encoding/json"
 	"errors"
 	"fmt"
-	"github.com/Masterminds/semver/v3"
 	"github.com/hexops/gotextdiff"
 	"github.com/hexops/gotextdiff/myers"
 	"github.com/hexops/gotextdiff/span"
 	log "github.com/sirupsen/logrus"
 	"gopkg.in/yaml.v3"
+	"helm.sh/helm/v3/pkg/release"
 	v1 "k8s.io/apimachinery/pkg/apis/testapigroup/v1"
 	"os"
 	"os/exec"
@@ -21,6 +21,17 @@ import (
 	"time"
 )

+type CmdError struct {
+	Command   []string
+	OrigError error
+	StdErr    []byte
+}
+
+func (e CmdError) Error() string {
+	//return fmt.Sprintf("failed to run command %s:\nError: %s\nSTDERR:%s", e.Command, e.OrigError, e.StdErr)
+	return string(e.StdErr)
+}
+
 type DataLayer struct {
 	KubeContext string
 	Helm        string
@@ -46,9 +57,18 @@ func (d *DataLayer) runCommand(cmd ...string) (string, error) {
 			log.Warnf("STDERR:\n%s", serr)
 		}
 		if eerr, ok := err.(*exec.ExitError); ok {
-			return "", fmt.Errorf("failed to run command %s:\nError: %s\nSTDERR:%s", cmd, eerr, serr)
+			return "", CmdError{
+				Command:   cmd,
+				StdErr:    serr,
+				OrigError: eerr,
+			}
+		}
+
+		return "", CmdError{
+			Command:   cmd,
+			StdErr:    serr,
+			OrigError: err,
 		}
-		return "", err
 	}

 	sout := stdout.Bytes()
@@ -96,12 +116,10 @@ func (d *DataLayer) CheckConnectivity() error {
 		return errors.New("did not find any kubectl contexts configured")
 	}

-	/*
-		_, err = d.runCommandHelm("env") // no point in doing is, since the default context may be invalid
+	_, err = d.runCommandHelm("--help") // no point in doing is, since the default context may be invalid
 	if err != nil {
 		return err
 	}
-	*/

 	return nil
 }
@@ -173,8 +191,6 @@ func (d *DataLayer) ChartHistory(namespace string, chartName string) (res []*his
 		return nil, err
 	}

-	var aprev *semver.Version
-	var cprev *semver.Version
 	for _, elm := range res {
 		chartRepoName, curVer, err := chartAndVersion(elm.Chart)
 		if err != nil {
@@ -182,39 +198,15 @@ func (d *DataLayer) ChartHistory(namespace string, chartName string) (res []*his
 		}
 		elm.ChartName = chartRepoName
 		elm.ChartVer = curVer
-		elm.Action = ""
 		elm.Updated.Time = elm.Updated.Time.Round(time.Second)
-
-		cver, err1 := semver.NewVersion(elm.ChartVer)
-		aver, err2 := semver.NewVersion(elm.AppVersion)
-		if err1 == nil && err2 == nil {
-			if aprev != nil && cprev != nil {
-				switch {
-				case aprev.LessThan(aver):
-					elm.Action = "app_upgrade"
-				case aprev.GreaterThan(aver):
-					elm.Action = "app_downgrade"
-				case cprev.LessThan(cver):
-					elm.Action = "chart_upgrade"
-				case cprev.GreaterThan(cver):
-					elm.Action = "chart_downgrade"
-				default:
-					elm.Action = "reconfigure"
-				}
-			}
-		} else {
-			log.Debugf("Semver parsing errors: %s=%s, %s=%s", elm.ChartVer, err1, elm.AppVersion, err2)
-		}
-
-		aprev = aver
-		cprev = cver
 	}

 	return res, nil
 }

 func (d *DataLayer) ChartRepoVersions(chartName string) (res []repoChartElement, err error) {
-	out, err := d.runCommandHelm("search", "repo", "--regexp", "/"+chartName+"\v", "--versions", "--output", "json")
+	cmd := []string{"search", "repo", "--regexp", "/" + chartName + "\v", "--versions", "--output", "json"}
+	out, err := d.runCommandHelm(cmd...)
 	if err != nil {
 		return nil, err
 	}
@@ -229,14 +221,19 @@ func (d *DataLayer) ChartRepoVersions(chartName string) (res []repoChartElement,
 type SectionFn = func(string, string, int, bool) (string, error) // TODO: rework it into struct-based argument?

 func (d *DataLayer) RevisionManifests(namespace string, chartName string, revision int, _ bool) (res string, err error) {
-	out, err := d.runCommandHelm("get", "manifest", chartName, "--namespace", namespace, "--revision", strconv.Itoa(revision))
+	cmd := []string{"get", "manifest", chartName, "--namespace", namespace}
+	if revision > 0 {
+		cmd = append(cmd, "--revision", strconv.Itoa(revision))
+	}
+
+	out, err := d.runCommandHelm(cmd...)
 	if err != nil {
 		return "", err
 	}
 	return out, nil
 }

-func (d *DataLayer) RevisionManifestsParsed(namespace string, chartName string, revision int) ([]*GenericResource, error) {
+func (d *DataLayer) RevisionManifestsParsed(namespace string, chartName string, revision int) ([]*v1.Carp, error) {
 	out, err := d.RevisionManifests(namespace, chartName, revision, false)
 	if err != nil {
 		return nil, err
@@ -244,7 +241,7 @@ func (d *DataLayer) RevisionManifestsParsed(namespace string, chartName string,

 	dec := yaml.NewDecoder(bytes.NewReader([]byte(out)))

-	res := make([]*GenericResource, 0)
+	res := make([]*v1.Carp, 0)
 	var tmp interface{}
 	for dec.Decode(&tmp) == nil {
 		// k8s libs uses only JSON tags defined, say hello to https://github.com/go-yaml/yaml/issues/424
@@ -254,7 +251,7 @@ func (d *DataLayer) RevisionManifestsParsed(namespace string, chartName string,
 			return nil, err
 		}

-		var doc GenericResource
+		var doc v1.Carp
 		err = json.Unmarshal(jsoned, &doc)
 		if err != nil {
 			return nil, err
@@ -275,7 +272,12 @@ func (d *DataLayer) RevisionNotes(namespace string, chartName string, revision i
 }

 func (d *DataLayer) RevisionValues(namespace string, chartName string, revision int, onlyUserDefined bool) (res string, err error) {
-	cmd := []string{"get", "values", chartName, "--namespace", namespace, "--revision", strconv.Itoa(revision), "--output", "yaml"}
+	cmd := []string{"get", "values", chartName, "--namespace", namespace, "--output", "yaml"}
+
+	if revision > 0 {
+		cmd = append(cmd, "--revision", strconv.Itoa(revision))
+	}
+
 	if !onlyUserDefined {
 		cmd = append(cmd, "--all")
 	}
@@ -286,11 +288,11 @@ func (d *DataLayer) RevisionValues(namespace string, chartName string, revision
 	return out, nil
 }

-func (d *DataLayer) GetResource(namespace string, def *GenericResource) (*GenericResource, error) {
+func (d *DataLayer) GetResource(namespace string, def *v1.Carp) (*v1.Carp, error) {
 	out, err := d.runCommandKubectl("get", strings.ToLower(def.Kind), def.Name, "--namespace", namespace, "--output", "json")
 	if err != nil {
 		if strings.HasSuffix(strings.TrimSpace(err.Error()), " not found") {
-			return &GenericResource{
+			return &v1.Carp{
 				Status: v1.CarpStatus{
 					Phase:   "NotFound",
 					Message: err.Error(),
@@ -302,13 +304,22 @@ func (d *DataLayer) GetResource(namespace string, def *GenericResource) (*Generi
 		}
 	}

-	var res GenericResource
+	var res v1.Carp
 	err = json.Unmarshal([]byte(out), &res)
 	if err != nil {
 		return nil, err
 	}

 	sort.Slice(res.Status.Conditions, func(i, j int) bool {
+		// some condition types always bubble up
+		if res.Status.Conditions[i].Type == "Available" {
+			return false
+		}
+
+		if res.Status.Conditions[j].Type == "Available" {
+			return true
+		}
+
 		t1 := res.Status.Conditions[i].LastTransitionTime
 		t2 := res.Status.Conditions[j].LastTransitionTime
 		return t1.Time.Before(t2.Time)
@@ -317,6 +328,97 @@ func (d *DataLayer) GetResource(namespace string, def *GenericResource) (*Generi
 	return &res, nil
 }

+func (d *DataLayer) DescribeResource(namespace string, kind string, name string) (string, error) {
+	out, err := d.runCommandKubectl("describe", strings.ToLower(kind), name, "--namespace", namespace)
+	if err != nil {
+		return "", err
+	}
+	return out, nil
+}
+
+func (d *DataLayer) UninstallChart(namespace string, name string) error {
+	_, err := d.runCommandHelm("uninstall", name, "--namespace", namespace)
+	if err != nil {
+		return err
+	}
+	return nil
+}
+
+func (d *DataLayer) Revert(namespace string, name string, rev int) error {
+	_, err := d.runCommandHelm("rollback", name, strconv.Itoa(rev), "--namespace", namespace)
+	if err != nil {
+		return err
+	}
+	return nil
+}
+
+func (d *DataLayer) ChartRepoUpdate(name string) error {
+	cmd := []string{"repo", "update"}
+	if name != "" {
+		cmd = append(cmd, name)
+	}
+
+	_, err := d.runCommandHelm(cmd...)
+	if err != nil {
+		return err
+	}
+
+	return nil
+}
+
+func (d *DataLayer) ChartUpgrade(namespace string, name string, repoChart string, version string, justTemplate bool, values string) (string, error) {
+	if values == "" {
+		oldVals, err := d.RevisionValues(namespace, name, 0, true)
+		if err != nil {
+			return "", err
+		}
+		values = oldVals
+	}
+
+	oldValsFile, close1, err := tempFile(values)
+	defer close1()
+	if err != nil {
+		return "", err
+	}
+
+	cmd := []string{"upgrade", name, repoChart, "--version", version, "--namespace", namespace, "--values", oldValsFile, "--output", "json"}
+	if justTemplate {
+		cmd = append(cmd, "--dry-run")
+	}
+
+	out, err := d.runCommandHelm(cmd...)
+	if err != nil {
+		return "", err
+	}
+
+	if justTemplate {
+		res := release.Release{}
+		err = json.Unmarshal([]byte(out), &res)
+		if err != nil {
+			return "", err
+		}
+
+		manifests, err := d.RevisionManifests(namespace, name, 0, false)
+		if err != nil {
+			return "", err
+		}
+		out = getDiff(strings.TrimSpace(manifests), strings.TrimSpace(res.Manifest), "current.yaml", "upgraded.yaml")
+	} else {
+		res := release.Release{}
+		err = json.Unmarshal([]byte(out), &res)
+		if err != nil {
+			return "", err
+		}
+		_ = res
+	}
+
+	return out, nil
+}
+
+func (d *DataLayer) ShowValues(chart string, ver string) (string, error) {
+	return d.runCommandHelm("show", "values", chart, "--version", ver)
+}
+
 func RevisionDiff(functor SectionFn, ext string, namespace string, name string, revision1 int, revision2 int, flag bool) (string, error) {
 	if revision1 == 0 || revision2 == 0 {
 		log.Debugf("One of revisions is zero: %d %d", revision1, revision2)
@@ -333,11 +435,14 @@ func RevisionDiff(functor SectionFn, ext string, namespace string, name string,
 		return "", err
 	}

-	edits := myers.ComputeEdits(span.URIFromPath(""), manifest1, manifest2)
-	unified := gotextdiff.ToUnified(strconv.Itoa(revision1)+ext, strconv.Itoa(revision2)+ext, manifest1, edits)
-	diff := fmt.Sprint(unified)
-	log.Debugf("The diff is: %s", diff)
+	diff := getDiff(manifest1, manifest2, strconv.Itoa(revision1)+ext, strconv.Itoa(revision2)+ext)
 	return diff, nil
 }

-type GenericResource = v1.Carp
+func getDiff(text1 string, text2 string, name1 string, name2 string) string {
+	edits := myers.ComputeEdits(span.URIFromPath(""), text1, text2)
+	unified := gotextdiff.ToUnified(name1, name2, text1, edits)
+	diff := fmt.Sprint(unified)
+	log.Debugf("The diff is: %s", diff)
+	return diff
+}
--- a/pkg/dashboard/data_test.go
+++ b/pkg/dashboard/data_test.go
@@ -3,6 +3,7 @@ package dashboard
 import (
 	log "github.com/sirupsen/logrus"
 	"helm.sh/helm/v3/pkg/release"
+	v1 "k8s.io/apimachinery/pkg/apis/testapigroup/v1"
 	"sync"
 	"testing"
 )
@@ -63,7 +64,7 @@ func TestFlow(t *testing.T) {
 	_ = manifests

 	var wg sync.WaitGroup
-	res := make([]*GenericResource, 0)
+	res := make([]*v1.Carp, 0)
 	for _, m := range manifests {
 		wg.Add(1)
 		mc := m // fix the clojure
--- a/pkg/dashboard/helmHandlers.go
+++ b/pkg/dashboard/helmHandlers.go
@@ -0,0 +1,196 @@
+package dashboard
+
+import (
+	"errors"
+	"github.com/gin-gonic/gin"
+	"net/http"
+	"strconv"
+)
+
+type HelmHandler struct {
+	Data *DataLayer
+}
+
+func (h *HelmHandler) GetCharts(c *gin.Context) {
+	res, err := h.Data.ListInstalled()
+	if err != nil {
+		_ = c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+	c.IndentedJSON(http.StatusOK, res)
+}
+
+// TODO: helm show chart komodorio/k8s-watcher to get the icon URL
+
+func (h *HelmHandler) Uninstall(c *gin.Context) {
+	qp, err := getQueryProps(c, false)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusBadRequest, err)
+		return
+	}
+	err = h.Data.UninstallChart(qp.Namespace, qp.Name)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+	c.Status(http.StatusAccepted)
+}
+
+func (h *HelmHandler) Rollback(c *gin.Context) {
+	qp, err := getQueryProps(c, true)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusBadRequest, err)
+		return
+	}
+
+	err = h.Data.Revert(qp.Namespace, qp.Name, qp.Revision)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+	c.Status(http.StatusAccepted)
+}
+
+func (h *HelmHandler) History(c *gin.Context) {
+	qp, err := getQueryProps(c, false)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusBadRequest, err)
+		return
+	}
+
+	res, err := h.Data.ChartHistory(qp.Namespace, qp.Name)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+	c.IndentedJSON(http.StatusOK, res)
+}
+
+func (h *HelmHandler) Resources(c *gin.Context) {
+	qp, err := getQueryProps(c, true)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusBadRequest, err)
+		return
+	}
+
+	res, err := h.Data.RevisionManifestsParsed(qp.Namespace, qp.Name, qp.Revision)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+	c.IndentedJSON(http.StatusOK, res)
+}
+
+func (h *HelmHandler) RepoSearch(c *gin.Context) {
+	qp, err := getQueryProps(c, false)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusBadRequest, err)
+		return
+	}
+
+	res, err := h.Data.ChartRepoVersions(qp.Name)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+	c.IndentedJSON(http.StatusOK, res)
+}
+
+func (h *HelmHandler) RepoUpdate(c *gin.Context) {
+	qp, err := getQueryProps(c, false)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusBadRequest, err)
+		return
+	}
+
+	err = h.Data.ChartRepoUpdate(qp.Name)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+	c.Status(http.StatusNoContent)
+}
+
+func (h *HelmHandler) Install(c *gin.Context) {
+	qp, err := getQueryProps(c, false)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusBadRequest, err)
+		return
+	}
+
+	justTemplate := c.Query("flag") != "true"
+	out, err := h.Data.ChartUpgrade(qp.Namespace, qp.Name, c.Query("chart"), c.Query("version"), justTemplate, c.PostForm("values"))
+	if err != nil {
+		_ = c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+
+	if !justTemplate {
+		c.Header("Content-Type", "application/json")
+	}
+
+	c.String(http.StatusAccepted, out)
+}
+
+func (h *HelmHandler) GetInfoSection(c *gin.Context) {
+	qp, err := getQueryProps(c, true)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusBadRequest, err)
+		return
+	}
+
+	flag := c.Query("flag") == "true"
+	rDiff := c.Query("revisionDiff")
+	res, err := handleGetSection(h.Data, c.Param("section"), rDiff, qp, flag)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+	c.String(http.StatusOK, res)
+}
+
+func (h *HelmHandler) RepoValues(c *gin.Context) {
+	out, err := h.Data.ShowValues(c.Query("chart"), c.Query("version"))
+	if err != nil {
+		_ = c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+	c.String(http.StatusOK, out)
+}
+
+func handleGetSection(data *DataLayer, section string, rDiff string, qp *QueryProps, flag bool) (string, error) {
+	sections := map[string]SectionFn{
+		"manifests": data.RevisionManifests,
+		"values":    data.RevisionValues,
+		"notes":     data.RevisionNotes,
+	}
+
+	functor, found := sections[section]
+	if !found {
+		return "", errors.New("unsupported section: " + section)
+	}
+
+	if rDiff != "" {
+		cRevDiff, err := strconv.Atoi(rDiff)
+		if err != nil {
+			return "", err
+		}
+
+		ext := ".yaml"
+		if section == "notes" {
+			ext = ".txt"
+		}
+
+		res, err := RevisionDiff(functor, ext, qp.Namespace, qp.Name, cRevDiff, qp.Revision, flag)
+		if err != nil {
+			return "", err
+		}
+		return res, nil
+	} else {
+		res, err := functor(qp.Namespace, qp.Name, qp.Revision, flag)
+		if err != nil {
+			return "", err
+		}
+		return res, nil
+	}
+}
--- a/pkg/dashboard/helmTypes.go
+++ b/pkg/dashboard/helmTypes.go
@@ -25,7 +25,6 @@ type historyElement struct {
 	Description string         `json:"description"`
 	ChartName   string         `json:"chart_name"`
 	ChartVer    string         `json:"chart_ver"`
-	Action      string         `json:"action"`
 }

 type repoChartElement struct {
--- a/pkg/dashboard/kubeHandlers.go
+++ b/pkg/dashboard/kubeHandlers.go
@@ -0,0 +1,69 @@
+package dashboard
+
+import (
+	"github.com/gin-gonic/gin"
+	"k8s.io/apimachinery/pkg/apis/meta/v1"
+	v12 "k8s.io/apimachinery/pkg/apis/testapigroup/v1"
+	"net/http"
+)
+
+type KubeHandler struct {
+	Data *DataLayer
+}
+
+func (h *KubeHandler) GetContexts(c *gin.Context) {
+	res, err := h.Data.ListContexts()
+	if err != nil {
+		_ = c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+	c.IndentedJSON(http.StatusOK, res)
+}
+
+func (h *KubeHandler) GetResourceInfo(c *gin.Context) {
+	qp, err := getQueryProps(c, false)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusBadRequest, err)
+		return
+	}
+
+	res, err := h.Data.GetResource(qp.Namespace, &v12.Carp{
+		TypeMeta:   v1.TypeMeta{Kind: c.Param("kind")},
+		ObjectMeta: v1.ObjectMeta{Name: qp.Name},
+	})
+	if err != nil {
+		_ = c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+
+	if res.Status.Phase == "Active" || res.Status.Phase == "Error" {
+		_ = res.Name + ""
+	} else if res.Status.Phase == "" && len(res.Status.Conditions) > 0 {
+		res.Status.Phase = v12.CarpPhase(res.Status.Conditions[len(res.Status.Conditions)-1].Type)
+		res.Status.Message = res.Status.Conditions[len(res.Status.Conditions)-1].Message
+		res.Status.Reason = res.Status.Conditions[len(res.Status.Conditions)-1].Reason
+		if res.Status.Conditions[len(res.Status.Conditions)-1].Status == "False" {
+			res.Status.Phase = "Not" + res.Status.Phase
+		}
+	} else if res.Status.Phase == "" {
+		res.Status.Phase = "Exists"
+	}
+
+	c.IndentedJSON(http.StatusOK, res)
+}
+
+func (h *KubeHandler) Describe(c *gin.Context) {
+	qp, err := getQueryProps(c, false)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusBadRequest, err)
+		return
+	}
+
+	res, err := h.Data.DescribeResource(qp.Namespace, c.Param("kind"), qp.Name)
+	if err != nil {
+		_ = c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+
+	c.String(http.StatusOK, res)
+}
--- a/pkg/dashboard/server.go
+++ b/pkg/dashboard/server.go
@@ -8,7 +8,7 @@ import (
 	"os"
 )

-func StartServer() (string, ControlChan) {
+func StartServer(version string) (string, ControlChan) {
 	data := DataLayer{}
 	err := data.CheckConnectivity()
 	if err != nil {
@@ -28,7 +28,7 @@ func StartServer() (string, ControlChan) {
 	}

 	abort := make(ControlChan)
-	api := NewRouter(abort, &data)
+	api := NewRouter(abort, &data, version)
 	done := startBackgroundServer(address, api, abort)

 	return "http://" + address, done
--- a/pkg/dashboard/static/actions.js
+++ b/pkg/dashboard/static/actions.js
@@ -0,0 +1,260 @@
+$("#btnUpgradeCheck").click(function () {
+    const self = $(this)
+    self.find(".bi-repeat").hide()
+    self.find(".spinner-border").show()
+    const repoName = self.data("repo")
+    $("#btnUpgrade span").text("Checking...")
+    $("#btnUpgrade .icon").removeClass("bi-arrow-up bi-pencil").addClass("bi-hourglass")
+    $.post("/api/helm/repo/update?name=" + repoName).fail(function (xhr) {
+        reportError("Failed to update chart repo", xhr)
+    }).done(function () {
+        self.find(".spinner-border").hide()
+        self.find(".bi-repeat").show()
+
+        checkUpgradeable(self.data("chart"))
+        $("#btnUpgradeCheck").prop("disabled", true)
+    })
+})
+
+
+function checkUpgradeable(name) {
+    $.getJSON("/api/helm/repo/search?name=" + name).fail(function (xhr) {
+        reportError("Failed to find chart in repo", xhr)
+    }).done(function (data) {
+        if (!data || !data.length) {
+            $("#btnUpgrade span").text("No upgrades")
+            $("#btnUpgrade .icon").removeClass("bi-hourglass-split").addClass("bi-x-octagon")
+            $("#btnUpgrade").prop("disabled", true)
+            $("#btnUpgradeCheck").prop("disabled", true)
+            return
+        }
+
+        const verCur = $("#specRev").data("last-chart-ver");
+        $('#upgradeModal select').empty()
+        for (let i = 0; i < data.length; i++) {
+            const opt = $("<option value='" + data[i].version + "'></option>");
+            if (data[i].version === verCur) {
+                opt.html(data[i].version + " &middot;")
+            } else {
+                opt.html(data[i].version)
+            }
+            $('#upgradeModal select').append(opt)
+        }
+
+        const elm = data[0]
+        $("#btnUpgradeCheck").data("repo", elm.name.split('/').shift())
+        $("#btnUpgradeCheck").data("chart", elm.name.split('/').pop())
+
+        const canUpgrade = isNewerVersion(verCur, elm.version);
+        $("#btnUpgradeCheck").prop("disabled", false)
+        if (canUpgrade) {
+            $("#btnUpgrade span").text("Upgrade to " + elm.version)
+            $("#btnUpgrade .icon").removeClass("bi-hourglass-split").addClass("bi-arrow-up")
+        } else {
+            $("#btnUpgrade span").text("Reconfigure")
+            $("#btnUpgrade .icon").removeClass("bi-hourglass-split").addClass("bi-pencil")
+        }
+
+        $("#btnUpgrade").off("click").click(function () {
+            popUpUpgrade($(this), verCur, elm)
+        })
+    })
+}
+
+function popUpUpgrade(self, verCur, elm) {
+    const name = getHashParam("chart");
+    let url = "/api/helm/charts/install?namespace=" + getHashParam("namespace") + "&name=" + name + "&chart=" + elm.name;
+    $('#upgradeModal select').data("url", url).data("chart", elm.name)
+
+    $("#upgradeModalLabel .name").text(name)
+    $("#upgradeModal .ver-old").text(verCur)
+
+    $('#upgradeModal select').val(elm.version).trigger("change")
+
+    const myModal = new bootstrap.Modal(document.getElementById('upgradeModal'), {});
+    myModal.show()
+
+    const btnConfirm = $("#upgradeModal .btn-confirm");
+    btnConfirm.prop("disabled", true).off('click').click(function () {
+        btnConfirm.prop("disabled", true).prepend('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>')
+        $.ajax({
+            type: 'POST',
+            url: url + "&version=" + $('#upgradeModal select').val() + "&flag=true",
+            data: $("#upgradeModal textarea").data("dirty") ? $("#upgradeModal form").serialize() : null,
+        }).fail(function (xhr) {
+            reportError("Failed to upgrade the chart", xhr)
+        }).done(function (data) {
+            console.log(data)
+            if (data.version) {
+                setHashParam("revision", data.version)
+                window.location.reload()
+            } else {
+                reportError("Failed to get new revision number")
+            }
+        })
+    })
+
+    // fill current values
+    const lastRev = $("#specRev").data("last-rev")
+    $.get("/api/helm/charts/values?namespace=" + getHashParam("namespace") + "&revision=" + lastRev + "&name=" + getHashParam("chart") + "&flag=true").fail(function (xhr) {
+        reportError("Failed to get charts values info", xhr)
+    }).done(function (data) {
+        $("#upgradeModal textarea").val(data).data("dirty", false)
+    })
+}
+
+let reconfigTimeout = null;
+$("#upgradeModal textarea").keyup(function () {
+    const self = $(this);
+    self.data("dirty", true)
+    if (reconfigTimeout) {
+        window.clearTimeout(reconfigTimeout)
+    }
+    reconfigTimeout = window.setTimeout(function () {
+        requestChangeDiff()
+    }, 500)
+})
+
+$('#upgradeModal select').change(function () {
+    const self = $(this)
+
+    requestChangeDiff()
+
+    // fill reference values
+    $("#upgradeModal .ref-vals").html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>')
+    $.get("/api/helm/repo/values?chart=" + self.data("chart") + "&version=" + self.val()).fail(function (xhr) {
+        reportError("Failed to get upgrade info", xhr)
+    }).done(function (data) {
+        data = hljs.highlight(data, {language: 'yaml'}).value
+        $("#upgradeModal .ref-vals").html(data)
+    })
+})
+
+function requestChangeDiff() {
+    const self = $('#upgradeModal select');
+    const diffBody = $("#upgradeModalBody");
+    diffBody.empty().append('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Calculating diff...')
+    $("#upgradeModal .btn-confirm").prop("disabled", true)
+
+    let values = null;
+    if ($("#upgradeModal textarea").data("dirty")) {
+        $("#upgradeModal .invalid-feedback").hide()
+        values = $("#upgradeModal form").serialize()
+        
+        try {
+            jsyaml.load($("#upgradeModal textarea").val())
+        } catch (e) {
+            $("#upgradeModal .invalid-feedback").text("YAML parse error: "+e.message).show()
+            $("#upgradeModalBody").html("Invalid values YAML")
+            return
+        }
+    }
+
+    $.ajax({
+        type: "POST",
+        url: self.data("url") + "&version=" + self.val(),
+        data: values,
+    }).fail(function (xhr) {
+        $("#upgradeModalBody").html("<p class='text-danger'>Failed to get upgrade info:     "+ xhr.responseText+"</p>")
+    }).done(function (data) {
+        diffBody.empty();
+        $("#upgradeModal .btn-confirm").prop("disabled", false)
+
+        const targetElement = document.getElementById('upgradeModalBody');
+        const configuration = {
+            inputFormat: 'diff', outputFormat: 'side-by-side',
+            drawFileList: false, showFiles: false, highlight: true,
+        };
+        const diff2htmlUi = new Diff2HtmlUI(targetElement, data, configuration);
+        diff2htmlUi.draw()
+        if (!data) {
+            diffBody.html("No changes will happen to the cluster")
+        }
+    })
+}
+
+const btnConfirm = $("#confirmModal .btn-confirm");
+$("#btnUninstall").click(function () {
+    const chart = getHashParam('chart');
+    const namespace = getHashParam('namespace');
+    const revision = $("#specRev").data("last-rev")
+    $("#confirmModalLabel").html("Uninstall <b class='text-danger'>" + chart + "</b> from namespace <b class='text-danger'>" + namespace + "</b>")
+    $("#confirmModalBody").empty().append('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>')
+    btnConfirm.prop("disabled", true).off('click').click(function () {
+        btnConfirm.prop("disabled", true).append('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>')
+        const url = "/api/helm/charts?namespace=" + namespace + "&name=" + chart;
+        $.ajax({
+            url: url,
+            type: 'DELETE',
+        }).fail(function (xhr) {
+            reportError("Failed to delete the chart", xhr)
+        }).done(function () {
+            window.location.href = "/"
+        })
+    })
+
+    const myModal = new bootstrap.Modal(document.getElementById('confirmModal'));
+    myModal.show()
+
+    let qstr = "name=" + chart + "&namespace=" + namespace + "&revision=" + revision
+    let url = "/api/helm/charts/resources"
+    url += "?" + qstr
+    $.getJSON(url).fail(function (xhr) {
+        reportError("Failed to get list of resources", xhr)
+    }).done(function (data) {
+        $("#confirmModalBody").empty().append("<p>Following resources will be deleted from the cluster:</p>");
+        btnConfirm.prop("disabled", false)
+        for (let i = 0; i < data.length; i++) {
+            const res = data[i]
+            $("#confirmModalBody").append("<p class='row'><i class='col-sm-3 text-end'>" + res.kind + "</i><b class='col-sm-9'>" + res.metadata.name + "</b></p>")
+        }
+    })
+})
+
+$("#btnRollback").click(function () {
+    const chart = getHashParam('chart');
+    const namespace = getHashParam('namespace');
+    const revisionNew = $("#btnRollback").data("rev")
+    const revisionCur = $("#specRev").data("last-rev")
+    $("#confirmModalLabel").html("Rollback <b class='text-danger'>" + chart + "</b> from revision " + revisionCur + " to " + revisionNew)
+    $("#confirmModalBody").empty().append('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>')
+    btnConfirm.prop("disabled", true).off('click').click(function () {
+        btnConfirm.prop("disabled", true).append('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>')
+        const url = "/api/helm/charts/rollback?namespace=" + namespace + "&name=" + chart + "&revision=" + revisionNew;
+        $.ajax({
+            url: url,
+            type: 'POST',
+        }).fail(function (xhr) {
+            reportError("Failed to rollback the chart", xhr)
+        }).done(function () {
+            window.location.reload()
+        })
+    })
+
+    const myModal = new bootstrap.Modal(document.getElementById('confirmModal'), {});
+    myModal.show()
+
+    let qstr = "name=" + chart + "&namespace=" + namespace + "&revision=" + revisionNew + "&revisionDiff=" + revisionCur
+    let url = "/api/helm/charts/manifests"
+    url += "?" + qstr
+    $.get(url).fail(function (xhr) {
+        reportError("Failed to get list of resources", xhr)
+    }).done(function (data) {
+        $("#confirmModalBody").empty();
+        $("#confirmModal .btn-confirm").prop("disabled", false)
+
+        const targetElement = document.getElementById('confirmModalBody');
+        const configuration = {
+            inputFormat: 'diff', outputFormat: 'side-by-side',
+            drawFileList: false, showFiles: false, highlight: true,
+        };
+        const diff2htmlUi = new Diff2HtmlUI(targetElement, data, configuration);
+        diff2htmlUi.draw()
+        if (data) {
+            $("#confirmModalBody").prepend("<p>Following changes will happen to cluster:</p>")
+        } else {
+            $("#confirmModalBody").html("<p>No changes will happen to cluster</p>")
+        }
+    })
+})
+
--- a/pkg/dashboard/static/datadog.js
+++ b/pkg/dashboard/static/datadog.js
@@ -0,0 +1,26 @@
+(function(h,o,u,n,d) {
+    h=h[d]=h[d]||{q:[],onReady:function(c){h.q.push(c)}}
+    d=o.createElement(u);d.async=1;d.src=n
+    n=o.getElementsByTagName(u)[0];n.parentNode.insertBefore(d,n)
+})(window,document,'script','https://www.datadoghq-browser-agent.com/datadog-rum-v4.js','DD_RUM')
+    DD_RUM.onReady(function() {
+        const xhr = new XMLHttpRequest();
+        xhr.onreadystatechange = function() {
+            const version = xhr.responseText;
+            if (xhr.readyState === XMLHttpRequest.DONE && version!=="dev") {
+                DD_RUM.init({
+                    clientToken: 'pub16d64cd1c00cf073ce85af914333bf72',
+                    applicationId: 'e75439e5-e1b3-46ba-a9e9-a2e58579a2e2',
+                    site: 'datadoghq.com',
+                    service: 'helm-dashboard',
+                    version: version,
+                    trackInteractions: true,
+                    trackResources: true,
+                    trackLongTasks: true,
+                    defaultPrivacyLevel: 'mask'
+                })
+            }
+        }
+        xhr.open('GET', '/status', true);
+        xhr.send(null);
+})
--- a/pkg/dashboard/static/details-view.js
+++ b/pkg/dashboard/static/details-view.js
@@ -0,0 +1,214 @@
+function revisionClicked(namespace, name, self) {
+    let active = "active border-primary border-1 bg-white";
+    let inactive = "border-secondary bg-secondary";
+    revRow.find(".active").removeClass(active).addClass(inactive)
+    self.removeClass(inactive).addClass(active)
+    const elm = self.data("elm")
+    setHashParam("revision", elm.revision)
+    $("#sectionDetails span.rev").text("#" + elm.revision)
+    statusStyle(elm.status, $("#none"), $("#sectionDetails .rev-details .rev-status"))
+
+    const rdate = luxon.DateTime.fromISO(elm.updated);
+    $("#sectionDetails .rev-date").text(rdate.toJSDate().toLocaleString())
+    $("#sectionDetails .rev-tags .rev-chart").text(elm.chart)
+    $("#sectionDetails .rev-tags .rev-app").text(elm.app_version)
+    $("#sectionDetails .rev-tags .rev-ns").text(getHashParam("namespace"))
+    $("#sectionDetails .rev-tags .rev-cluster").text(getHashParam("context"))
+
+    $("#revDescr").text(elm.description).removeClass("text-danger")
+    if (elm.status === "failed") {
+        $("#revDescr").addClass("text-danger")
+    }
+
+    const rev = $("#specRev").data("last-rev") == elm.revision ? elm.revision - 1 : elm.revision
+    if (!rev || getHashParam("revision") === $("#specRev").data("first-rev")) {
+        $("#btnRollback").hide()
+    } else {
+        $("#btnRollback").show().data("rev", rev).find("span").text("Rollback to #" + rev)
+    }
+
+    const tab = getHashParam("tab")
+    if (!tab) {
+        $("#nav-tab [data-tab=resources]").click()
+    } else {
+        $("#nav-tab [data-tab=" + tab + "]").click()
+    }
+}
+
+
+function loadContentWrapper() {
+    let revDiff = 0
+    const revision = parseInt(getHashParam("revision"));
+    if (revision === $("#specRev").data("first-rev")) {
+        revDiff = 0
+    } else if (getHashParam("mode") === "diff-prev") {
+        revDiff = revision - 1
+    } else if (getHashParam("mode") === "diff-rev") {
+        revDiff = $("#specRev").val()
+    }
+
+    const flag = $("#userDefinedVals").prop("checked");
+    loadContent(getHashParam("tab"), getHashParam("namespace"), getHashParam("chart"), revision, revDiff, flag)
+}
+
+function loadContent(mode, namespace, name, revision, revDiff, flag) {
+    let qstr = "name=" + name + "&namespace=" + namespace + "&revision=" + revision
+    if (revDiff) {
+        qstr += "&revisionDiff=" + revDiff
+    }
+
+    if (flag) {
+        qstr += "&flag=" + flag
+    }
+
+    let url = "/api/helm/charts/" + mode
+    url += "?" + qstr
+    const diffDisplay = $("#manifestText");
+    diffDisplay.empty().append('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>')
+    $.get(url).fail(function (xhr) {
+        reportError("Failed to get diff of " + mode, xhr)
+    }).done(function (data) {
+        diffDisplay.empty();
+        if (data === "") {
+            diffDisplay.text("No differences to display")
+        } else {
+            if (revDiff) {
+                const targetElement = document.getElementById('manifestText');
+                const configuration = {
+                    inputFormat: 'diff', outputFormat: 'side-by-side',
+
+                    drawFileList: false, showFiles: false, highlight: true, //matching: 'lines',
+                };
+                const diff2htmlUi = new Diff2HtmlUI(targetElement, data, configuration);
+                diff2htmlUi.draw()
+            } else {
+                data = hljs.highlight(data, {language: 'yaml'}).value
+                const code = $("#manifestText").empty().append("<pre class='bg-white rounded p-3'></pre>").find("pre");
+                code.html(data)
+            }
+        }
+    })
+}
+
+$('#specRev').keyup(function (event) {
+    let keycode = (event.keyCode ? event.keyCode : event.which);
+    if (keycode == '13') {
+        $("#diffModeRev").click()
+    }
+});
+
+$("form").submit(function(e){
+    e.preventDefault();
+});
+
+$("#userDefinedVals").change(function () {
+    const self = $(this)
+    const flag = $("#userDefinedVals").prop("checked");
+    setHashParam("udv", flag)
+    loadContentWrapper()
+})
+
+$("#modePanel [data-mode]").click(function () {
+    const self = $(this)
+    const mode = self.data("mode")
+    setHashParam("mode", mode)
+    loadContentWrapper()
+})
+
+$("#nav-tab [data-tab]").click(function () {
+    const self = $(this)
+    setHashParam("tab", self.data("tab"))
+
+    if (self.data("tab") === "values") {
+        $("#userDefinedVals").parent().show()
+    } else {
+        $("#userDefinedVals").parent().hide()
+    }
+
+    const flag = getHashParam("udv") === "true";
+    $("#userDefinedVals").prop("checked", flag)
+
+    if (self.data("tab") === "resources") {
+        showResources(getHashParam("namespace"), getHashParam("chart"), getHashParam("revision"))
+    } else {
+        const mode = getHashParam("mode")
+        if (!mode) {
+            $("#modePanel [data-mode=view]").trigger('click')
+        } else {
+            $("#modePanel [data-mode=" + mode + "]").trigger('click')
+        }
+    }
+})
+
+function showResources(namespace, chart, revision) {
+    const resBody = $("#nav-resources .body");
+    resBody.empty().append('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>');
+    let qstr = "name=" + chart + "&namespace=" + namespace + "&revision=" + revision
+    let url = "/api/helm/charts/resources"
+    url += "?" + qstr
+    $.getJSON(url).fail(function (xhr) {
+        reportError("Failed to get list of resources", xhr)
+    }).done(function (data) {
+        resBody.empty();
+        for (let i = 0; i < data.length; i++) {
+            const res = data[i]
+            const resBlock = $(`
+                    <div class="row px-3 py-2 mb-3 bg-white rounded">
+                        <div class="col-2 res-kind text-break"></div>
+                        <div class="col-3 res-name text-break fw-bold"></div>
+                        <div class="col-1 res-status"><span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span></div>
+                        <div class="col-5 res-statusmsg"><span class="text-muted small">Getting status...</span></div>
+                        <div class="col-1 res-actions"></div>
+                    </div>
+            `)
+
+            resBlock.find(".res-kind").text(res.kind)
+            resBlock.find(".res-name").text(res.metadata.name)
+
+            resBody.append(resBlock)
+            let ns = res.metadata.namespace ? res.metadata.namespace : namespace
+            $.getJSON("/api/kube/resources/" + res.kind.toLowerCase() + "?name=" + res.metadata.name + "&namespace=" + ns).fail(function () {
+                //reportError("Failed to get list of resources")
+            }).done(function (data) {
+                const badge = $("<span class='badge me-2 fw-normal'></span>").text(data.status.phase);
+                if (["Available", "Active", "Established"].includes(data.status.phase)) {
+                    badge.addClass("bg-success text-dark")
+                } else if (["Exists"].includes(data.status.phase)) {
+                    badge.addClass("bg-success text-dark bg-opacity-50")
+                } else if (["Progressing"].includes(data.status.phase)) {
+                    badge.addClass("bg-warning")
+                } else {
+                    badge.addClass("bg-danger")
+                }
+
+                const statusBlock = resBlock.find(".res-status");
+                statusBlock.empty().append(badge)
+                resBlock.find(".res-statusmsg").html("<span class='text-muted small'>" + (data.status.message ? data.status.message : '') + "</span>")
+
+                if (badge.text() !== "NotFound") {
+                    resBlock.find(".res-actions")
+                    const btn = $("<button class=\"btn btn-sm btn-white border-secondary\">Describe</button>");
+                    resBlock.find(".res-actions").append(btn)
+                    btn.click(function () {
+                        showDescribe(ns, res.kind, res.metadata.name, badge.clone())
+                    })
+                }
+            })
+        }
+    })
+}
+
+function showDescribe(ns, kind, name, badge) {
+    $("#describeModal .offcanvas-header p").text(kind)
+    $("#describeModalLabel").text(name).append(badge.addClass("ms-3 small fw-normal"))
+    $("#describeModalBody").empty().append('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>')
+
+    const myModal = new bootstrap.Offcanvas(document.getElementById('describeModal'));
+    myModal.show()
+    $.get("/api/kube/describe/" + kind.toLowerCase() + "?name=" + name + "&namespace=" + ns).fail(function (xhr) {
+        reportError("Failed to describe resource", xhr)
+    }).done(function (data) {
+        data = hljs.highlight(data, {language: 'yaml'}).value
+        $("#describeModalBody").empty().append("<pre class='bg-white rounded p-3'></pre>").find("pre").html(data)
+    })
+}
--- a/pkg/dashboard/static/helm-gray-50.svg
+++ b/pkg/dashboard/static/helm-gray-50.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="28"
+   height="28"
+   viewBox="0 0 28 28"
+   fill="none"
+   version="1.1"
+   id="svg886"
+   sodipodi:docname="helm-gray-50.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs890" />
+  <sodipodi:namedview
+     id="namedview888"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="64.928571"
+     inkscape:cx="13.992299"
+     inkscape:cy="14"
+     inkscape:window-width="3840"
+     inkscape:window-height="2059"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg886" />
+  <path
+     d="M7.64558 6.78334C7.61355 6.75296 7.57868 6.72027 7.54422 6.68716C6.83768 6.00837 6.29089 5.22352 5.9606 4.29585C5.86816 4.03621 5.79837 3.7714 5.81075 3.49176C5.81193 3.46522 5.81185 3.4386 5.81368 3.41212C5.8386 3.05114 6.08019 2.86874 6.43295 2.95422C6.54422 2.98304 6.65188 3.0243 6.75391 3.07723C7.13976 3.27073 7.45426 3.55679 7.74346 3.87051C8.25713 4.41715 8.66907 5.05112 8.95989 5.74257C8.96624 5.75904 8.97352 5.77514 8.9817 5.79078C8.98569 5.79798 8.99415 5.8027 9.01302 5.81984C10.3898 4.99388 11.9471 4.51602 13.5501 4.42764C13.5403 4.37858 13.5344 4.34108 13.5251 4.30444C13.3615 3.62754 13.3113 2.9282 13.3765 2.23488C13.4052 1.81941 13.4889 1.40957 13.6254 1.01611C13.6914 0.808874 13.7954 0.615724 13.9321 0.446513C13.9837 0.386073 14.0433 0.33292 14.1092 0.288509C14.1749 0.242074 14.2532 0.216879 14.3337 0.216318C14.4141 0.215757 14.4927 0.239858 14.5591 0.285373C14.6992 0.380274 14.8119 0.510259 14.8861 0.662357C15.0243 0.920312 15.1236 1.19726 15.1808 1.48424C15.3112 2.09109 15.3513 2.71388 15.2997 3.33244C15.2741 3.70997 15.2086 4.08373 15.1042 4.44745C15.503 4.52092 15.8999 4.57785 16.2884 4.67017C16.6761 4.76031 17.0583 4.87256 17.4331 5.00635C17.811 5.14505 18.1807 5.30527 18.5402 5.48623C18.8956 5.66344 19.2338 5.87491 19.5884 6.07638C19.5999 6.05213 19.6167 6.02319 19.628 5.99226C19.9973 4.97054 20.6335 4.06633 21.4704 3.37357C21.6658 3.20585 21.8901 3.07522 22.1324 2.98812C22.1992 2.96486 22.2682 2.94899 22.3384 2.9408C22.6892 2.90063 22.8365 3.12136 22.8624 3.38498C22.8818 3.57931 22.8672 3.77555 22.8191 3.96484C22.6909 4.45379 22.4883 4.92009 22.2182 5.34735C21.8379 5.96177 21.3866 6.51522 20.813 6.96185C20.796 6.97503 20.7812 6.99087 20.7525 7.01731C21.3135 7.53479 21.8132 8.11507 22.2417 8.74672C22.2106 8.75474 22.179 8.76031 22.1471 8.76339C21.5538 8.76423 20.9604 8.76237 20.3671 8.76597C20.3321 8.76513 20.2979 8.75614 20.267 8.73971C20.2362 8.72327 20.2096 8.69986 20.1894 8.67133C18.8949 7.25696 17.1496 6.33565 15.2515 6.06462C14.6902 5.98295 14.1218 5.961 13.5558 5.99914C11.8683 6.10218 10.2539 6.72438 8.93373 7.78053C8.59283 8.04942 8.27485 8.34616 7.98306 8.66767C7.95717 8.6998 7.92412 8.72543 7.88656 8.74252C7.84899 8.75961 7.80796 8.76768 7.76672 8.76609C7.19997 8.76215 6.63318 8.76413 6.0664 8.76413H5.94588C5.98049 8.62928 6.32893 8.15161 6.72336 7.72518C7.01749 7.40716 7.32909 7.10529 7.64558 6.78334Z"
+     fill="#3B3D45"
+     id="path874"
+     style="opacity:1;fill:#3b3d45;fill-opacity:0.5" />
+  <path
+     d="M22.0936 19.4833C21.6995 20.035 21.2496 20.5447 20.7511 21.0044C20.7909 21.0375 20.8231 21.0644 20.8554 21.0913C21.7206 21.799 22.3734 22.7321 22.7417 23.7874C22.8397 24.0448 22.8817 24.3201 22.865 24.595C22.8598 24.6654 22.8458 24.7348 22.8231 24.8017C22.7946 24.8964 22.7324 24.9774 22.6482 25.0292C22.564 25.0811 22.4636 25.1002 22.3663 25.083C22.2348 25.0659 22.107 25.028 21.9875 24.9706C21.8051 24.8806 21.6327 24.7715 21.4734 24.645C20.634 23.9554 19.9967 23.0516 19.629 22.0294C19.6185 22.0007 19.607 21.9723 19.5885 21.9243C19.1415 22.2198 18.6734 22.482 18.1878 22.7087C17.7046 22.929 17.205 23.1111 16.6934 23.2533C16.1735 23.3944 15.6436 23.4952 15.1083 23.555C15.1177 23.6021 15.1231 23.6396 15.1328 23.6759C15.3026 24.342 15.3588 25.032 15.2992 25.7167C15.2768 26.146 15.1934 26.5698 15.0515 26.9755C14.9839 27.1434 14.906 27.3069 14.8183 27.4652C14.7827 27.5266 14.7386 27.5826 14.6873 27.6315C14.4644 27.8617 14.1983 27.8636 13.9811 27.6274C13.8952 27.5322 13.8217 27.4265 13.7623 27.3128C13.59 26.9894 13.5013 26.6377 13.438 26.2791C13.3565 25.7895 13.331 25.2923 13.3619 24.797C13.3787 24.4343 13.4328 24.0743 13.5234 23.7226C13.5312 23.6928 13.5384 23.6627 13.5442 23.6325C13.5457 23.6248 13.5406 23.6158 13.5346 23.5911C11.9318 23.5005 10.3754 23.0201 9.0004 22.1915C8.97745 22.2424 8.95773 22.2853 8.93871 22.3284C8.55337 23.2275 7.96033 24.0225 7.20825 24.648C7.00915 24.8181 6.78047 24.9502 6.53361 25.0377C6.41792 25.0841 6.29167 25.0977 6.16876 25.0769C6.10089 25.0647 6.03733 25.0352 5.9843 24.9911C5.93126 24.9471 5.89056 24.89 5.86618 24.8255C5.78687 24.6338 5.80092 24.4343 5.82785 24.2366C5.87203 23.9609 5.95317 23.6925 6.06908 23.4385C6.41254 22.6386 6.91804 21.9186 7.55371 21.3238C7.57941 21.2995 7.60578 21.2758 7.63103 21.251C7.63906 21.2395 7.64591 21.2272 7.65149 21.2143C7.05256 20.6949 6.51739 20.1062 6.05723 19.4606C6.11237 19.4561 6.14925 19.4505 6.18615 19.4505C6.77495 19.4499 7.36377 19.452 7.95254 19.448C7.99171 19.4469 8.03065 19.4544 8.06652 19.4702C8.1024 19.4859 8.13431 19.5095 8.15994 19.5391C8.80004 20.1976 9.54586 20.7444 10.3665 21.1567C11.2347 21.6034 12.1787 21.884 13.1499 21.984C15.7886 22.2405 18.0585 21.4405 19.9595 19.5841C20.002 19.5382 20.0541 19.5021 20.1121 19.4785C20.1701 19.4548 20.2325 19.4442 20.2951 19.4473C20.844 19.4541 21.393 19.4501 21.9419 19.4501H22.0838L22.0936 19.4833Z"
+     fill="#3B3D45"
+     id="path876"
+     style="opacity:1;fill:#3b3d45;fill-opacity:0.5" />
+  <path
+     d="M19.6412 11.0745C19.7972 11.0745 19.9475 11.0851 20.0956 11.0717C20.2633 11.0565 20.3834 11.1165 20.5057 11.2292C21.212 11.88 21.9257 12.5229 22.637 13.1683C22.6728 13.2008 22.7093 13.2324 22.7552 13.273C22.798 13.2362 22.8381 13.2034 22.8764 13.1686C23.6096 12.5012 24.3422 11.8331 25.0743 11.1645C25.1047 11.1332 25.1414 11.1088 25.182 11.0929C25.2226 11.077 25.2662 11.07 25.3097 11.0724C25.49 11.0797 25.6707 11.0745 25.8608 11.0745V16.9751C25.7643 17.0033 24.4678 17.0089 24.313 16.9785V13.9903L24.283 13.976C23.7784 14.4362 23.2738 14.8964 22.7577 15.3671C22.241 14.9017 21.7305 14.4418 21.22 13.9819L21.1906 13.9927C21.1893 14.2421 21.1902 14.4915 21.19 14.7409C21.1899 14.9888 21.1899 15.2367 21.19 15.4846V16.9894H19.654C19.6253 16.8901 19.6119 11.4083 19.6412 11.0745Z"
+     fill="#3B3D45"
+     id="path878"
+     style="opacity:1;fill:#3b3d45;fill-opacity:0.5" />
+  <path
+     d="M5.46747 11.0815H6.99421C7.02504 11.1797 7.03107 16.8479 6.99951 16.9909H5.47141C5.46299 16.6155 5.46875 16.2414 5.4677 15.8675C5.46665 15.4966 5.46747 15.1258 5.46747 14.7453H3.57536V16.9708C3.46003 17.0052 2.15667 17.0085 2.0271 16.9777V11.0822H3.56924V13.1648C3.67944 13.1966 5.30094 13.2025 5.46607 13.172C5.46653 13.0053 5.46719 12.8346 5.46742 12.6638C5.46765 12.4867 5.46767 12.3096 5.46747 12.1325C5.46747 11.9599 5.46747 11.7872 5.46747 11.6145C5.46747 11.4422 5.46747 11.2698 5.46747 11.0815Z"
+     fill="#3B3D45"
+     id="path880"
+     style="opacity:1;fill:#3b3d45;fill-opacity:0.5" />
+  <path
+     d="M8.82422 16.9889V11.0991C8.91477 11.0695 12.2707 11.0579 12.4901 11.0877V12.3429C12.4409 12.3464 12.3901 12.3531 12.3393 12.3532C11.7417 12.354 11.144 12.3541 10.5463 12.3537H10.3801V13.33H12.2476V14.6287H10.3968C10.3659 14.7399 10.3574 15.5145 10.3825 15.7289C10.4298 15.7321 10.4805 15.7384 10.5312 15.7384C11.1289 15.7391 11.7265 15.7393 12.3242 15.7389H12.4905V16.9889H8.82422Z"
+     fill="#3B3D45"
+     id="path882"
+     style="opacity:1;fill:#3b3d45;fill-opacity:0.5" />
+  <path
+     d="M14.2399 16.991C14.2118 16.833 14.2175 11.1893 14.2453 11.082H15.7664V15.4368C15.832 15.4403 15.8835 15.4452 15.935 15.4452C16.5371 15.4458 17.1392 15.4459 17.7413 15.4456C17.7932 15.4456 17.845 15.4456 17.9042 15.4456V16.991L14.2399 16.991Z"
+     fill="#3B3D45"
+     id="path884"
+     style="opacity:1;fill:#3b3d45;fill-opacity:0.5" />
+</svg>
--- a/pkg/dashboard/static/helm-gray.svg
+++ b/pkg/dashboard/static/helm-gray.svg
@@ -0,0 +1,8 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.64558 6.78334C7.61355 6.75296 7.57868 6.72027 7.54422 6.68716C6.83768 6.00837 6.29089 5.22352 5.9606 4.29585C5.86816 4.03621 5.79837 3.7714 5.81075 3.49176C5.81193 3.46522 5.81185 3.4386 5.81368 3.41212C5.8386 3.05114 6.08019 2.86874 6.43295 2.95422C6.54422 2.98304 6.65188 3.0243 6.75391 3.07723C7.13976 3.27073 7.45426 3.55679 7.74346 3.87051C8.25713 4.41715 8.66907 5.05112 8.95989 5.74257C8.96624 5.75904 8.97352 5.77514 8.9817 5.79078C8.98569 5.79798 8.99415 5.8027 9.01302 5.81984C10.3898 4.99388 11.9471 4.51602 13.5501 4.42764C13.5403 4.37858 13.5344 4.34108 13.5251 4.30444C13.3615 3.62754 13.3113 2.9282 13.3765 2.23488C13.4052 1.81941 13.4889 1.40957 13.6254 1.01611C13.6914 0.808874 13.7954 0.615724 13.9321 0.446513C13.9837 0.386073 14.0433 0.33292 14.1092 0.288509C14.1749 0.242074 14.2532 0.216879 14.3337 0.216318C14.4141 0.215757 14.4927 0.239858 14.5591 0.285373C14.6992 0.380274 14.8119 0.510259 14.8861 0.662357C15.0243 0.920312 15.1236 1.19726 15.1808 1.48424C15.3112 2.09109 15.3513 2.71388 15.2997 3.33244C15.2741 3.70997 15.2086 4.08373 15.1042 4.44745C15.503 4.52092 15.8999 4.57785 16.2884 4.67017C16.6761 4.76031 17.0583 4.87256 17.4331 5.00635C17.811 5.14505 18.1807 5.30527 18.5402 5.48623C18.8956 5.66344 19.2338 5.87491 19.5884 6.07638C19.5999 6.05213 19.6167 6.02319 19.628 5.99226C19.9973 4.97054 20.6335 4.06633 21.4704 3.37357C21.6658 3.20585 21.8901 3.07522 22.1324 2.98812C22.1992 2.96486 22.2682 2.94899 22.3384 2.9408C22.6892 2.90063 22.8365 3.12136 22.8624 3.38498C22.8818 3.57931 22.8672 3.77555 22.8191 3.96484C22.6909 4.45379 22.4883 4.92009 22.2182 5.34735C21.8379 5.96177 21.3866 6.51522 20.813 6.96185C20.796 6.97503 20.7812 6.99087 20.7525 7.01731C21.3135 7.53479 21.8132 8.11507 22.2417 8.74672C22.2106 8.75474 22.179 8.76031 22.1471 8.76339C21.5538 8.76423 20.9604 8.76237 20.3671 8.76597C20.3321 8.76513 20.2979 8.75614 20.267 8.73971C20.2362 8.72327 20.2096 8.69986 20.1894 8.67133C18.8949 7.25696 17.1496 6.33565 15.2515 6.06462C14.6902 5.98295 14.1218 5.961 13.5558 5.99914C11.8683 6.10218 10.2539 6.72438 8.93373 7.78053C8.59283 8.04942 8.27485 8.34616 7.98306 8.66767C7.95717 8.6998 7.92412 8.72543 7.88656 8.74252C7.84899 8.75961 7.80796 8.76768 7.76672 8.76609C7.19997 8.76215 6.63318 8.76413 6.0664 8.76413H5.94588C5.98049 8.62928 6.32893 8.15161 6.72336 7.72518C7.01749 7.40716 7.32909 7.10529 7.64558 6.78334Z" fill="#3B3D45"/>
+<path d="M22.0936 19.4833C21.6995 20.035 21.2496 20.5447 20.7511 21.0044C20.7909 21.0375 20.8231 21.0644 20.8554 21.0913C21.7206 21.799 22.3734 22.7321 22.7417 23.7874C22.8397 24.0448 22.8817 24.3201 22.865 24.595C22.8598 24.6654 22.8458 24.7348 22.8231 24.8017C22.7946 24.8964 22.7324 24.9774 22.6482 25.0292C22.564 25.0811 22.4636 25.1002 22.3663 25.083C22.2348 25.0659 22.107 25.028 21.9875 24.9706C21.8051 24.8806 21.6327 24.7715 21.4734 24.645C20.634 23.9554 19.9967 23.0516 19.629 22.0294C19.6185 22.0007 19.607 21.9723 19.5885 21.9243C19.1415 22.2198 18.6734 22.482 18.1878 22.7087C17.7046 22.929 17.205 23.1111 16.6934 23.2533C16.1735 23.3944 15.6436 23.4952 15.1083 23.555C15.1177 23.6021 15.1231 23.6396 15.1328 23.6759C15.3026 24.342 15.3588 25.032 15.2992 25.7167C15.2768 26.146 15.1934 26.5698 15.0515 26.9755C14.9839 27.1434 14.906 27.3069 14.8183 27.4652C14.7827 27.5266 14.7386 27.5826 14.6873 27.6315C14.4644 27.8617 14.1983 27.8636 13.9811 27.6274C13.8952 27.5322 13.8217 27.4265 13.7623 27.3128C13.59 26.9894 13.5013 26.6377 13.438 26.2791C13.3565 25.7895 13.331 25.2923 13.3619 24.797C13.3787 24.4343 13.4328 24.0743 13.5234 23.7226C13.5312 23.6928 13.5384 23.6627 13.5442 23.6325C13.5457 23.6248 13.5406 23.6158 13.5346 23.5911C11.9318 23.5005 10.3754 23.0201 9.0004 22.1915C8.97745 22.2424 8.95773 22.2853 8.93871 22.3284C8.55337 23.2275 7.96033 24.0225 7.20825 24.648C7.00915 24.8181 6.78047 24.9502 6.53361 25.0377C6.41792 25.0841 6.29167 25.0977 6.16876 25.0769C6.10089 25.0647 6.03733 25.0352 5.9843 24.9911C5.93126 24.9471 5.89056 24.89 5.86618 24.8255C5.78687 24.6338 5.80092 24.4343 5.82785 24.2366C5.87203 23.9609 5.95317 23.6925 6.06908 23.4385C6.41254 22.6386 6.91804 21.9186 7.55371 21.3238C7.57941 21.2995 7.60578 21.2758 7.63103 21.251C7.63906 21.2395 7.64591 21.2272 7.65149 21.2143C7.05256 20.6949 6.51739 20.1062 6.05723 19.4606C6.11237 19.4561 6.14925 19.4505 6.18615 19.4505C6.77495 19.4499 7.36377 19.452 7.95254 19.448C7.99171 19.4469 8.03065 19.4544 8.06652 19.4702C8.1024 19.4859 8.13431 19.5095 8.15994 19.5391C8.80004 20.1976 9.54586 20.7444 10.3665 21.1567C11.2347 21.6034 12.1787 21.884 13.1499 21.984C15.7886 22.2405 18.0585 21.4405 19.9595 19.5841C20.002 19.5382 20.0541 19.5021 20.1121 19.4785C20.1701 19.4548 20.2325 19.4442 20.2951 19.4473C20.844 19.4541 21.393 19.4501 21.9419 19.4501H22.0838L22.0936 19.4833Z" fill="#3B3D45"/>
+<path d="M19.6412 11.0745C19.7972 11.0745 19.9475 11.0851 20.0956 11.0717C20.2633 11.0565 20.3834 11.1165 20.5057 11.2292C21.212 11.88 21.9257 12.5229 22.637 13.1683C22.6728 13.2008 22.7093 13.2324 22.7552 13.273C22.798 13.2362 22.8381 13.2034 22.8764 13.1686C23.6096 12.5012 24.3422 11.8331 25.0743 11.1645C25.1047 11.1332 25.1414 11.1088 25.182 11.0929C25.2226 11.077 25.2662 11.07 25.3097 11.0724C25.49 11.0797 25.6707 11.0745 25.8608 11.0745V16.9751C25.7643 17.0033 24.4678 17.0089 24.313 16.9785V13.9903L24.283 13.976C23.7784 14.4362 23.2738 14.8964 22.7577 15.3671C22.241 14.9017 21.7305 14.4418 21.22 13.9819L21.1906 13.9927C21.1893 14.2421 21.1902 14.4915 21.19 14.7409C21.1899 14.9888 21.1899 15.2367 21.19 15.4846V16.9894H19.654C19.6253 16.8901 19.6119 11.4083 19.6412 11.0745Z" fill="#3B3D45"/>
+<path d="M5.46747 11.0815H6.99421C7.02504 11.1797 7.03107 16.8479 6.99951 16.9909H5.47141C5.46299 16.6155 5.46875 16.2414 5.4677 15.8675C5.46665 15.4966 5.46747 15.1258 5.46747 14.7453H3.57536V16.9708C3.46003 17.0052 2.15667 17.0085 2.0271 16.9777V11.0822H3.56924V13.1648C3.67944 13.1966 5.30094 13.2025 5.46607 13.172C5.46653 13.0053 5.46719 12.8346 5.46742 12.6638C5.46765 12.4867 5.46767 12.3096 5.46747 12.1325C5.46747 11.9599 5.46747 11.7872 5.46747 11.6145C5.46747 11.4422 5.46747 11.2698 5.46747 11.0815Z" fill="#3B3D45"/>
+<path d="M8.82422 16.9889V11.0991C8.91477 11.0695 12.2707 11.0579 12.4901 11.0877V12.3429C12.4409 12.3464 12.3901 12.3531 12.3393 12.3532C11.7417 12.354 11.144 12.3541 10.5463 12.3537H10.3801V13.33H12.2476V14.6287H10.3968C10.3659 14.7399 10.3574 15.5145 10.3825 15.7289C10.4298 15.7321 10.4805 15.7384 10.5312 15.7384C11.1289 15.7391 11.7265 15.7393 12.3242 15.7389H12.4905V16.9889H8.82422Z" fill="#3B3D45"/>
+<path d="M14.2399 16.991C14.2118 16.833 14.2175 11.1893 14.2453 11.082H15.7664V15.4368C15.832 15.4403 15.8835 15.4452 15.935 15.4452C16.5371 15.4458 17.1392 15.4459 17.7413 15.4456C17.7932 15.4456 17.845 15.4456 17.9042 15.4456V16.991L14.2399 16.991Z" fill="#3B3D45"/>
+</svg>
--- a/pkg/dashboard/static/index.html
+++ b/pkg/dashboard/static/index.html
@@ -5,83 +5,199 @@
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Helm Dashboard</title>
+    <script src="static/datadog.js"></script>
+    <link rel="stylesheet"
+          href="https://fonts.googleapis.com/css2?family=Roboto&family=Inter&family=Poppins:wght@600&family=Poppins:wght@500&family=Inter:wght@500&family=Roboto+Slab:wght@400&family=Roboto+Slab:wght@700&family=Roboto:wght@700&family=Roboto:wght@500"/>
+
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
-    <!-- CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/lightfair.min.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/diff2html/bundles/css/diff2html.min.css"/>
    <link href="static/styles.css" rel="stylesheet">
+    <script type="text/javascript">
+        window.heap = window.heap || [], heap.load = function (e, t) {
+            window.heap.appid = e, window.heap.config = t = t || {};
+            var r = document.createElement("script");
+            r.type = "text/javascript", r.async = !0, r.src = "https://cdn.heapanalytics.com/js/heap-" + e + ".js";
+            var a = document.getElementsByTagName("script")[0];
+            a.parentNode.insertBefore(r, a);
+            for (var n = function (e) {
+                return function () {
+                    heap.push([e].concat(Array.prototype.slice.call(arguments, 0)))
+                }
+            }, p = ["addEventProperties", "addUserProperties", "clearEventProperties", "identify", "resetIdentity", "removeEventProperty", "setEventProperties", "track", "unsetEventProperty"], o = 0; o < p.length; o++) heap[p[o]] = n(p[o])
+        };
+        heap.load("3615793373");
+    </script>
 </head>
 <body>

-<div class="container">
-    <i class="fa-solid fa-arrow-trend-down"></i>
-    <nav class="navbar navbar-expand-lg bg-light rounded" style="margin-bottom: 0.75rem">
-        <div class="container-fluid">
-            <div style="line-height: 90%; font-size: 1.5rem" class="navbar-brand">
-                <img src="static/logo.png" style="height: 3rem; float: left" alt="Logo">
-                <a class="navbar-brand" href="#"><b>Helm Dashboard</b></a><br/>
-                <span style="font-size: 0.8rem;">by <a href="https://komodor.io">komodor.io</a></span>
+<div class="container-fluid px-0">
+    <!-- TOP BAR -->
+    <nav class="navbar navbar-expand bg-white mb-0 p-0 b-shadow" id="topNav">
+        <div class="container-fluid m-0 p-0">
+            <div class="navbar-brand">
+                <a href="/"><img src="static/logo.png" alt="Logo"></a>
+                <div>
+                    <h1><a href="/">Helm Dashboard</a></h1>
+                </div>
            </div>
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav"
-                    aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-            </button>

-            <div class="collapse navbar-collapse" id="mainNav">
+            <div class="separator-vertical mx-3"><span></span></div>
+
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                    <li class="nav-item">
-                        <a class="nav-link active" aria-current="page" href="/">Installed Charts</a>
+                <li class="nav-item mx-2">
+                    <a class="nav-link px-3 active" aria-current="page" href="/">Installed</a>
                </li>
                <!-- TODO
+                <li class="nav-item mx-2">
+                    <a href="#" class="nav-link px-3">Repository</a>
+                </li>
+                -->
+                <!-- TODO
                <li class="nav-item">
                    <a class="nav-link disabled">Provisional Charts</a>
                </li>
-                    <li class="nav-item">
-                        <a class="nav-link disabled">Repositories</a>
-                    </li>
                -->
            </ul>
-                <form class="d-flex flex-nowrap text-nowrap">
-                    <label for="cluster" style="margin-top: 0.5rem">K8s Context:</label>
-                    <select id="cluster" class="form-control"></select>
-                </form>
-                <i class="btn fa fa-power-off text-muted" title="Shut down the Helm Dashboard application"></i>
+            <div>
+                <a class="btn" href="https://komodor.com/?utm_campaign=Helm-Dash&utm_source=helm-dash"><img
+                        src="https://komodor.com/wp-content/uploads/2021/05/favicon.png" alt="komodor.io"
+                        style="height: 1.2rem; vertical-align: text-bottom; filter: grayscale(00%);"></a>
+
+                <a class="btn me-2 text-muted" href="https://github.com/komodorio/helm-dashboard"
+                   title="Project page on GitHub"><i class="bi-github"></i></a>
            </div>
+            <div class="separator-vertical"><span></span></div>
+            <i class="btn bi-power text-muted p-2 m-1 mx-2" title="Shut down the Helm Dashboard application"></i>
        </div>
    </nav>
+    <!-- /TOP BAR -->

-    <div class="bg-light p-5 pt-0 rounded" id="sectionDetails" style="display: none">
-        <span class="text-muted"
-              style="transform: rotate(270deg); z-index: 100; display: inline-block; position: relative; left:-4rem; top: 4rem; color: #BBB!important; text-transform: uppercase">Revisions</span>
-        <div class="row mb-3">
+    <div class="row mt-3 pt-3 me-5" id="sectionList" style="display: none">
+        <div class="col-2 ms-3">
+            <!-- FILTER BLOCK -->
+            <div class="p-2 ps-2 bg-white rounded-1 b-shadow" id="filters">
+                <form>
+                    <h4>Clusters</h4>
+                    <ul class="list-unstyled" id="cluster">
+                    </ul>
+
+                    <!-- TODO
+                    <h4 class="mt-4">Namespaces</h4>
+                    <ul class="list-unstyled" id="namespaces">
+                    </ul>
+                    -->
+                </form>
+            </div>
+            <!-- /FILTER BLOCK -->

        </div>
-        <h1><span class="name"></span>,
-            revision <span class="rev"></span></h1>
-        Chart <b id="chartName"></b>: <i id="revDescr"></i>
+
+        <!-- INSTALLED LIST -->
+        <div class="col ms-2" id="installedList">
+            <div class="col rounded rounded-1 b-shadow header">
+                <div class="bg-white rounded-top m-0">
+                    <h2 class="m-0 p-1"><img class="m-2 mx-3 me-2" src="static/helm-gray.svg" alt="Installed Charts">Installed
+                        Charts (<span></span>)</h2>
+                </div>
+                <div class="bg-secondary rounded-bottom m-0 row p-2">
+                    <div class="col-4 hdr-name">Name</div>
+                    <div class="col-3">Chart Status</div>
+                    <div class="col-2">Chart</div>
+                    <div class="col-1">Revision</div>
+                    <div class="col-1">Namespace</div>
+                    <div class="col-1">Updated</div>
+                </div>
+            </div>
+
+            <div class="body"></div>
+        </div>
+        <!-- /INSTALLED LIST -->
+    </div>
+
+    <div class="row flex-nowrap pt-0 mx-0" id="sectionDetails" style="display: none">
+        <div class="col-2 px-4 py-4 pe-3 rev-list">
+            <h3 class="fw-bold small">Revisions</h3>
+            <ul class="list-unstyled">
+            </ul>
+        </div>
+
+        <div class="col-10 rev-details bg-white b-shadow pt-4 px-5 overflow-auto">
+            <div><span class="rev-status fw-bold me-3"></span></div>
+            <div>
+                <h1 class="name float-start">Name</h1>
+                <div id="actionButtons" class="float-end">
+                    <span><button id="btnUpgrade"
+                                  class="opacity-10 btn btn-sm btn-light bg-white me-2 border-secondary">
+                        <i class="icon bi-hourglass-split"></i> <span></span>
+                    </button></span>
+
+                    <button id="btnRollback" class="btn btn-sm  btn-light bg-white border border-secondary me-2"
+                            title="Rollback to this revision"><i class="bi-arrow-repeat"></i> <span>Rollback</span>
+                    </button>
+                    <button id="btnUninstall" class="btn btn-sm btn-light bg-white  border border-secondary"
+                            title="Uninstall the chart"><i class="bi-trash3"></i> Uninstall
+                    </button>
+                    <br/>
+                    <a class="link small" id="btnUpgradeCheck">Check for new version
+                        <span class="spinner-border spinner-border-sm" style="display: none" role="status"
+                              aria-hidden="true"></span>
+                    </a>
+                </div>
+                <div class="fs-2">&nbsp;</div>
+            </div>
+
+            <div>
+                Revision <span class="rev fw-bold me-4"></span>
+                <span class="rev-date"></span>
+            </div>
+
+            <div class="rev-tags mt-3">
+                <span class="rounded rounded-1 me-2 p-1 px-2 bg-tag text-dark">chart version: <span
+                        class="rev-chart  fw-bold"></span></span>
+                <span class="rounded rounded-1 me-2 p-1 px-2 bg-tag text-dark">app version: <span
+                        class="rev-app fw-bold"></span></span>
+                <span class="rounded rounded-1 me-2 p-1 px-2 bg-tag text-dark">namespace: <span
+                        class="rev-ns fw-bold"></span></span>
+                <span class="rounded rounded-1 me-2 p-1 px-2 bg-tag text-dark">cluster: <span
+                        class="rev-cluster fw-bold"></span></span>
+            </div>
+
+            <div id="revDescr" class="mt-3 mb-4"></div>

            <nav class="mt-2">
                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#nav-resources" data-tab="resources"
-                        type="button" role="tab" aria-controls="nav-resources" aria-selected="false">Resources
+                            type="button" role="tab" aria-controls="nav-resources" aria-selected="false" tabindex="-1">
+                        Resources
                    </button>
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#nav-manifest" data-tab="manifests"
-                        type="button" role="tab" aria-controls="nav-manifest-diff" aria-selected="false">Manifests
+                            type="button" role="tab" aria-controls="nav-manifest-diff" aria-selected="false"
+                            tabindex="-1">Manifests
                    </button>
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#nav-manifest" data-tab="values"
-                        type="button" role="tab" aria-controls="nav-disabled" aria-selected="false">
-                    Parameterized Values
+                            type="button" role="tab" aria-controls="nav-disabled" aria-selected="false" tabindex="-1">
+                        Values
                    </button>
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#nav-manifest" data-tab="notes"
-                        type="button" role="tab" aria-controls="nav-disabled" aria-selected="false">Notes
+                            type="button" role="tab" aria-controls="nav-disabled" aria-selected="false" tabindex="-1">
+                        Notes
                    </button>
                </div>
            </nav>
            <div class="tab-content">
-            <div class="tab-pane p-3" id="nav-resources" role="tabpanel">
-
+                <div class="tab-pane p-3 container-fluid" id="nav-resources" role="tabpanel">
+                    <div class="row bg-secondary rounded px-3 py-2 mb-3 fw-bold small"
+                         style="text-transform: uppercase">
+                        <div class="col-2">Resource Type</div>
+                        <div class="col-3">Name</div>
+                        <div class="col-1">Status</div>
+                        <div class="col-5">Status Message</div>
+                        <div class="col-1"></div>
+                    </div>
+                    <div class="body"></div>
                </div>
                <div class="tab-pane" id="nav-manifest" role="tabpanel">
                    <nav class="navbar bg-light">
@@ -89,7 +205,7 @@
                            <label class="form-check-label" for="diffModeNone">
                                <input class="form-check-input" type="radio" name="diffMode" id="diffModeNone"
                                       data-mode="view">
-                            View Current
+                                View
                            </label>
                            <label class="form-check-label" for="diffModePrev">
                                <input class="form-check-input" type="radio" name="diffMode" id="diffModePrev"
@@ -114,17 +230,99 @@
                </div>
            </div>
        </div>
-
-    <div class="bg-light p-5 rounded" id="sectionList" style="display: none">
-        <h1>Charts List</h1>
-        <div id="charts" class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
-
    </div>
-    </div>
-
 </div>


+<!-- Modals -->
+<div id="errorAlert" style="z-index: 2000"
+     class="display-none alert alert-sm alert-danger alert-dismissible position-absolute position-absolute top-0 start-50 translate-middle-x mt-3 border-danger"
+     role="alert">
+    <h4 class="alert-heading"><i class="bi-exclamation-triangle-fill"></i> <span></span></h4>
+    <hr>
+    <p style="white-space: pre-wrap"></p>
+    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+</div>
+
+<div class="offcanvas offcanvas-end rounded-start" tabindex="-1" id="describeModal"
+     aria-labelledby="describeModalLabel">
+    <div class="offcanvas-header border-bottom p-4">
+        <div>
+            <h5 id="describeModalLabel"></h5>
+            <p class="m-0 mt-4">ResourceType</p>
+        </div>
+        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+
+    </div>
+    <div class="offcanvas-body p-2 ps-4" id="describeModalBody">
+    </div>
+</div>
+
+
+<div class="modal" id="confirmModal" tabindex="-1" aria-labelledby="describeModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-dialog modal-dialog-scrollable modal-xl">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="confirmModalLabel"></h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body" id="confirmModalBody">
+
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary btn-confirm">Confirm</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<div class="modal" id="upgradeModal" tabindex="-1" aria-labelledby="describeModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-dialog modal-dialog-scrollable modal-xl">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title" id="upgradeModalLabel">
+                    Upgrade <b class='text-success name'></b>
+                </h4>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form class="modal-body border-bottom fs-5" enctype="multipart/form-data">
+                <div class="input-group mb-3 text-muted">
+                    <label class="form-label me-4 text-dark">Version to install: <select
+                            class='fw-bold text-success ver-new'></select></label> (current version is <span
+                        class='text-success ver-old ms-1'>0.0.0</span>)
+                </div>
+                <div class="row">
+                    <div class="col-6 pe-3">
+                        <label class="form-label">User-Defined Values:</label>
+                    </div>
+                    <div class="col-6 ps-3">
+                        <label class="form-label">Chart Values Reference:</label>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-6 pe-3">
+                        <textarea name="values" class="form-control w-100 h-100" rows="5"></textarea>
+                    </div>
+                    <div class="col-6 ps-3">
+                        <pre class="ref-vals fs-6 w-100 bg-secondary p-2 rounded" style="max-height: 20rem"></pre>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-6 pe-3">
+                        <span class="invalid-feedback small mb-3"> (wrong YAML)</span>
+                    </div>
+                </div>
+                <label class="form-label mt-5">Manifest changes:</label>
+                <div id="upgradeModalBody" class="small"></div>
+            </form>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary btn-confirm">Confirm Upgrade</button>
+            </div>
+        </div>
+    </div>
+</div>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa"
        crossorigin="anonymous"></script>
@@ -133,10 +331,16 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"
        integrity="sha512-gU7kztaQEl7SHJyraPfZLQCNnrKdaQi5ndOyt4L4UPL/FHDd/uB9Je6KDARIqwnNNE27hnqoWLBq+Kpe4iHfeQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"
-        integrity="sha256-0H3Nuz3aug3afVbUlsu12Puxva3CP4EhJtPExqs54Vg=" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/luxon@3.0.3/build/global/luxon.min.js"
        integrity="sha256-RH4TKnKcKyde0s2jc5BW3pXZl/5annY3fcZI9VrV5WQ=" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/4.1.0/js-yaml.min.js"
+        integrity="sha512-CSBhVREyzHAjAFfBlIBakjoRUKp5h7VSweP0InR/pAJyptH7peuhCsqAI/snV+TwZmXZqoUklpXp6R6wMnYf5Q=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="static/list-view.js"></script>
+<script src="static/revisions-view.js"></script>
+<script src="static/details-view.js"></script>
+<script src="static/actions.js"></script>
 <script src="static/scripts.js"></script>
+
 </body>
 </html>
--- a/pkg/dashboard/static/komodor-logo.svg
+++ b/pkg/dashboard/static/komodor-logo.svg
@@ -0,0 +1,16 @@
+<svg width="77" height="19" viewBox="0 0 77 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_231_1524)">
+<path d="M8.51786 7.17108H5.90895L1.96859 10.9915V3.16663H0V16.0875H1.96859V13.0592L3.52824 11.6745L6.64123 16.0875H9.06309L4.93573 10.4021L8.51786 7.17108Z" fill="#1347FF"/>
+<path d="M28.2007 7.17127L27.2085 8.16924L26.2321 7.17127H22.6848L21.5024 8.39069V7.17127H19.6448V16.0877H21.6165V9.84712L22.6658 8.79613H24.9356L25.4808 9.33257V16.0877H27.4526V9.49785L28.1627 8.79613H30.7716L31.3168 9.33257V16.0877H33.2854V8.75871L31.7099 7.17127H28.2007Z" fill="#1347FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.38939 8.75871L10.9649 7.17127H16.3508L17.9263 8.75871V14.5003L16.3508 16.0877H10.9649L9.38939 14.5003V8.75871ZM15.4124 14.4628L15.9387 13.9264H15.9418V9.33257L15.4156 8.79613H11.9064L11.3802 9.33257V13.9264L11.9033 14.4628H15.4124Z" fill="#1347FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M62.8772 7.17127L61.3017 8.75871V14.5003L62.8772 16.0877H68.2631L69.8385 14.5003V8.75871L68.2631 7.17127H62.8772ZM67.8513 13.9264L67.3249 14.4628H63.8158L63.2895 13.9264V9.33257L63.8158 8.79613H67.3249L67.8513 9.33257V13.9264Z" fill="#1347FF"/>
+<path d="M73.4148 8.49984L74.7271 7.17127H77.0003V9.01758H74.5785L73.5289 10.053V16.0877H71.5571V7.17127H73.4148V8.49984Z" fill="#1347FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.4523 7.17127L34.8768 8.75871V14.5003L36.4523 16.0877H48.0926L49.668 14.5003V8.75871L48.0926 7.17127H36.4523ZM47.6776 13.9264L47.1512 14.4628H37.3875L36.8613 13.9264V9.33257L37.3875 8.79613H47.1512L47.6776 9.33257V13.9264Z" fill="#1347FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M56.5078 7.17108L57.5955 8.27823V3.16663H59.5637V16.0875H57.5955V14.9991L56.5078 16.0875H52.7546L51.1792 14.5001V8.7585L52.7546 7.17108H56.5078ZM56.546 14.4627L57.5955 13.4303V9.84695L56.546 8.79592H53.6933L53.1478 9.33236V13.9262L53.6933 14.4627H56.546Z" fill="#1347FF"/>
+</g>
+<defs>
+<clipPath id="clip0_231_1524">
+<rect width="77" height="19" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/pkg/dashboard/static/list-view.js
+++ b/pkg/dashboard/static/list-view.js
@@ -0,0 +1,51 @@
+function loadChartsList() {
+    $("body").removeClass("bg-variant1 bg-variant2").addClass("bg-variant1")
+    $("#sectionList").show()
+    const chartsCards = $("#installedList .body")
+    chartsCards.empty().append("<div><span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span> Loading...</div>")
+    $.getJSON("/api/helm/charts").fail(function (xhr) {
+        reportError("Failed to get list of charts", xhr)
+    }).done(function (data) {
+        chartsCards.empty()
+        $("#installedList .header h2 span").text(data.length)
+        data.forEach(function (elm) {
+            let card = buildChartCard(elm);
+            chartsCards.append(card)
+        })
+    })
+}
+
+
+function buildChartCard(elm) {
+    const card = $(`<div class="row m-0 py-3 bg-white rounded-1 b-shadow border-4 border-start">
+            <div class="col-4 rel-name"><span class="link">release-name</span><div></div></div>
+            <div class="col-3 rel-status"><span></span><div></div></div>
+            <div class="col-2 rel-chart text-nowrap"><span></span><div>Chart Version</div></div>
+            <div class="col-1 rel-rev"><span>#0</span><div>Revision</div></div>
+            <div class="col-1 rel-ns text-nowrap"><span>default</span><div>Namespace</div></div>
+            <div class="col-1 rel-date text-nowrap"><span>today</span><div>Updated</div></div>
+        </div>`)
+
+    card.find(".rel-name span").text(elm.name)
+    card.find(".rel-rev span").text("#" + elm.revision)
+    card.find(".rel-ns span").text(elm.namespace)
+    card.find(".rel-chart span").text(elm.chart)
+    card.find(".rel-date span").text(getAge(elm))
+
+    statusStyle(elm.status, card, card.find(".rel-status span"))
+
+    card.find("a").attr("href", '#context=' + getHashParam('context') + '&namespace=' + elm.namespace + '&name=' + elm.name)
+
+    card.find(".rel-name span").data("chart", elm).click(function () {
+        const self = $(this)
+        $("#sectionList").hide()
+
+        let chart = self.data("chart");
+        setHashParam("namespace", chart.namespace)
+        setHashParam("chart", chart.name)
+
+        loadChartHistory(chart.namespace, chart.name, elm.chart_name)
+    })
+    return card;
+}
+
--- a/pkg/dashboard/static/logo.png
+++ b/pkg/dashboard/static/logo.png
--- a/pkg/dashboard/static/logo.svg
+++ b/pkg/dashboard/static/logo.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="37"
+   viewBox="0 0 32 37"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="logo.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="34.810811"
+     inkscape:cx="13.228649"
+     inkscape:cy="17.552019"
+     inkscape:window-width="3840"
+     inkscape:window-height="2059"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <rect
+     style="opacity:0.455635;fill:#ffffff;stroke-width:18.0094;fill-opacity:1"
+     id="rect1031"
+     width="17.224331"
+     height="10.929513"
+     x="7.3572245"
+     y="12.500892"
+     ry="0" />
+  <path
+     fill-rule="evenodd"
+     clip-rule="evenodd"
+     d="M18 5V2.29761C18 1.02617 17.1002 0 15.9958 0C14.8915 0 14 1.03576 14 2.29761V5H18ZM28.8285 11.364L30.7394 9.45308C31.6384 8.55404 31.7278 7.19222 30.9469 6.4113C30.166 5.63038 28.8032 5.73239 27.9109 6.62466L26.0001 8.53553L28.8285 11.364ZM1.62465 9.45308L3.53553 11.364L6.36396 8.53553L4.45308 6.62466C3.56081 5.73239 2.19804 5.63038 1.41712 6.4113C0.636208 7.19222 0.72561 8.55404 1.62465 9.45308ZM6 12.8164L7.78385 11H24.2163L26 12.8085V23.1915L24.2163 25H7.78372L6 23.1915V12.8164ZM8.94831 12.977L8.25128 13.6683V22.3438L8.94831 23.0351H23.0733L23.7446 22.3426V13.6694L23.0733 12.977H8.94831ZM20.1736 17.4485C20.1736 18.7679 19.4222 19.8375 18.4953 19.8375C17.5684 19.8375 16.817 18.7679 16.817 17.4485C16.817 16.1291 17.5684 15.0595 18.4953 15.0595C19.4222 15.0595 20.1736 16.1291 20.1736 17.4485ZM13.5045 19.8375C14.4314 19.8375 15.1828 18.7679 15.1828 17.4485C15.1828 16.1291 14.4314 15.0595 13.5045 15.0595C12.5776 15.0595 11.8262 16.1291 11.8262 17.4485C11.8262 18.7679 12.5776 19.8375 13.5045 19.8375ZM14.3641 34.0662V31.3638H18.3641V34.0662C18.3641 35.328 17.4726 36.3638 16.3682 36.3638C15.2638 36.3638 14.3641 35.3376 14.3641 34.0662ZM1.62465 26.9107L3.53553 24.9998L6.36396 27.8282L4.45308 29.7391C3.56081 30.6314 2.19804 30.7334 1.41712 29.9525C0.636204 29.1716 0.725608 27.8097 1.62465 26.9107ZM28.8285 24.9998L30.7394 26.9107C31.6384 27.8097 31.7278 29.1716 30.9469 29.9525C30.166 30.7334 28.8032 30.6314 27.9109 29.7391L26.0001 27.8282L28.8285 24.9998Z"
+     fill="#1347FF"
+     id="path2" />
+</svg>
--- a/pkg/dashboard/static/revisions-view.js
+++ b/pkg/dashboard/static/revisions-view.js
@@ -0,0 +1,69 @@
+const revRow = $("#sectionDetails .rev-list ul");
+
+function loadChartHistory(namespace, name) {
+    $("body").removeClass("bg-variant1 bg-variant2").addClass("bg-variant2")
+    $("#sectionDetails").show()
+    $("#sectionDetails .name").text(name)
+    revRow.empty().append("<li><span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span></li>")
+    $.getJSON("/api/helm/charts/history?name=" + name + "&namespace=" + namespace).fail(function (xhr) {
+        reportError("Failed to get chart details", xhr)
+    }).done(function (data) {
+        fillChartHistory(data, namespace, name);
+
+        checkUpgradeable(data[data.length - 1].chart_name)
+
+        const rev = getHashParam("revision")
+        if (rev) {
+            revRow.find(".rev-" + rev).click()
+        } else {
+            revRow.find("li:first-child").click()
+        }
+    })
+}
+
+function fillChartHistory(data, namespace, name) {
+    revRow.empty()
+    data.reverse()
+    for (let x = 0; x < data.length; x++) {
+        const elm = data[x]
+        $("#specRev").data("first-rev", elm.revision)
+
+        if (!x) {
+            $("#specRev").val(elm.revision).data("last-rev", elm.revision).data("last-chart-ver", elm.chart_ver)
+        }
+
+        const rev = $(`<li class="px-2 pt-5 pb-4 mb-2 rounded border border-secondary bg-secondary position-relative">
+                                <div class="rev-status position-absolute top-0 m-2 mb-5 start-0 fw-bold"></div>
+                                <div class="rev-number position-absolute top-0 m-2 mb-5 end-0 fw-bold fs-6"></div>
+                                <div class="rev-changes position-absolute bottom-0 start-0 m-2 text-muted small"></div>
+                                <div class="position-absolute bottom-0 end-0 m-2 text-muted small">AGE: <span class="rev-age"></span></div>
+                            </li>`)
+        rev.find(".rev-number").text("#" + elm.revision)
+        //rev.find(".app-ver").text(elm.app_version)
+        //rev.find(".chart-ver").text(elm.chart_ver)
+        rev.find(".rev-date").text(elm.updated.replace("T", " "))
+
+        rev.find(".rev-age").text(getAge(elm, data[x - 1])).parent().attr("title", elm.updated)
+        statusStyle(elm.status, rev.find(".rev-status"), rev.find(".rev-status"))
+
+        if (elm.description.startsWith("Rollback to ")) {
+            //rev.find(".rev-status").append(" <span class='small fw-normal text-lowercase'>(rollback)</span>")
+            rev.find(".rev-status").append(" <i class='bi-arrow-counterclockwise text-muted' title='"+elm.description+"'></i>")
+        }
+
+        const nxt = data[x + 1];
+        if (nxt && isNewerVersion(elm.chart_ver, nxt.chart_ver)) {
+            rev.find(".rev-changes").html("<span class='strike'>" + nxt.chart_ver + "</span> <i class='text-danger bi-arrow-down-right'></i> " + elm.chart_ver)
+        } else if (nxt && isNewerVersion(nxt.chart_ver, elm.chart_ver)) {
+            rev.find(".rev-changes").html("<span class='strike'>" + nxt.chart_ver + "</span> <i class='text-success bi-arrow-up-right'></i> " + elm.chart_ver)
+        }
+
+        rev.data("elm", elm)
+        rev.addClass("rev-" + elm.revision)
+        rev.click(function () {
+            revisionClicked(namespace, name, $(this))
+        })
+
+        revRow.append(rev)
+    }
+}
--- a/pkg/dashboard/static/scripts.js
+++ b/pkg/dashboard/static/scripts.js
@@ -1,197 +1,42 @@
-const clusterSelect = $("#cluster");
-const chartsCards = $("#charts");
-const revRow = $("#sectionDetails .row");
+$(function () {
+    const clusterSelect = $("#cluster");
+    clusterSelect.change(function () {
+        window.location.href = "/#context=" + clusterSelect.find("input:radio:checked").val()
+        window.location.reload()
+    })

-function reportError(err) {
-    alert(err) // TODO: nice modal/baloon/etc
-}
-
-function revisionClicked(namespace, name, self) {
-    let active = "active border-primary border-2 bg-opacity-25 bg-primary";
-    let inactive = "border-secondary bg-white";
-    revRow.find(".active").removeClass(active).addClass(inactive)
-    self.removeClass(inactive).addClass(active)
-    const elm = self.data("elm")
-    setHashParam("revision", elm.revision)
-    $("#sectionDetails h1 span.rev").text(elm.revision)
-    $("#chartName").text(elm.chart)
-    $("#revDescr").text(elm.description).removeClass("text-danger")
-    if (elm.status === "failed") {
-        $("#revDescr").addClass("text-danger")
-    }
-
-    const tab = getHashParam("tab")
-    if (!tab) {
-        $("#nav-tab [data-tab=resources]").click()
-    } else {
-        $("#nav-tab [data-tab=" + tab + "]").click()
-    }
-}
-
-$("#nav-tab [data-tab]").click(function () {
-    const self = $(this)
-    setHashParam("tab", self.data("tab"))
-
-    if (self.data("tab") === "values") {
-        $("#userDefinedVals").parent().show()
-    } else {
-        $("#userDefinedVals").parent().hide()
-    }
-
-    const flag = getHashParam("udv") === "true";
-    $("#userDefinedVals").prop("checked", flag)
-
-    if (self.data("tab") === "resources") {
-        showResources(getHashParam("namespace"), getHashParam("chart"), getHashParam("revision"))
-    } else {
-        const mode = getHashParam("mode")
-        if (!mode) {
-            $("#modePanel [data-mode=diff-prev]").trigger('click')
-        } else {
-            $("#modePanel [data-mode=" + mode + "]").trigger('click')
-        }
-    }
-})
-
-$("#modePanel [data-mode]").click(function () {
-    const self = $(this)
-    const mode = self.data("mode")
-    setHashParam("mode", mode)
-    loadContentWrapper()
-})
-
-
-$("#userDefinedVals").change(function () {
-    const self = $(this)
-    const flag = $("#userDefinedVals").prop("checked");
-    setHashParam("udv", flag)
-    loadContentWrapper()
-})
-
-function loadContentWrapper() {
-    let revDiff = 0
-    const revision = parseInt(getHashParam("revision"));
-    if (getHashParam("mode") === "diff-prev") {
-        revDiff = revision - 1
-    } else if (getHashParam("mode") === "diff-rev") {
-        revDiff = $("#specRev").val()
-    }
-    const flag = $("#userDefinedVals").prop("checked");
-    loadContent(getHashParam("tab"), getHashParam("namespace"), getHashParam("chart"), revision, revDiff, flag)
-}
-
-function loadContent(mode, namespace, name, revision, revDiff, flag) {
-    let qstr = "chart=" + name + "&namespace=" + namespace + "&revision=" + revision
-    if (revDiff) {
-        qstr += "&revisionDiff=" + revDiff
-    }
-
-    if (flag) {
-        qstr += "&flag=" + flag
-    }
-
-    let url = "/api/helm/charts/" + mode
-    url += "?" + qstr
-    const diffDisplay = $("#manifestText");
-    diffDisplay.empty().append("<i class='fa fa-spinner fa-spin fa-2x'></i>")
-    $.get(url).fail(function () {
-        reportError("Failed to get diff of " + mode)
+    $.getJSON("/api/kube/contexts").fail(function (xhr) {
+        reportError("Failed to get list of clusters", xhr)
    }).done(function (data) {
-        diffDisplay.empty();
-        if (data === "") {
-            diffDisplay.text("No differences to display")
-        } else {
-            if (revDiff) {
-                const targetElement = document.getElementById('manifestText');
-                const configuration = {
-                    inputFormat: 'diff', outputFormat: 'side-by-side',
+        const context = getHashParam("context")
+        fillClusterList(data, context);

-                    drawFileList: false, showFiles: false, highlight: true, //matching: 'lines',
-                };
-                const diff2htmlUi = new Diff2HtmlUI(targetElement, data, configuration);
-                diff2htmlUi.draw()
+        const namespace = getHashParam("namespace")
+        const chart = getHashParam("chart")
+        if (!chart) {
+            loadChartsList()
        } else {
-                data = hljs.highlight(data, {language: 'yaml'}).value
-                const code = $("#manifestText").empty().append("<pre class='bg-white rounded p-3'></pre>").find("pre");
-                code.html(data)
-            }
+            loadChartHistory(namespace, chart)
        }
    })
-}
+})

-$('#specRev').keyup(function (event) {
-    let keycode = (event.keyCode ? event.keyCode : event.which);
-    if (keycode == '13') {
-        $("#diffModeRev").click()
-    }
+
+const myAlert = document.getElementById('errorAlert')
+myAlert.addEventListener('close.bs.alert', event => {
    event.preventDefault()
-});
+    $("#errorAlert").hide()
+})

-function loadChartHistory(namespace, name) {
-    $("#sectionDetails").show()
-    $("#sectionDetails h1 span.name").text(name)
-    revRow.empty().append("<div><i class='fa fa-spinner fa-spin fa-2x'></i></div>")
-    $.getJSON("/api/helm/charts/history?chart=" + name + "&namespace=" + namespace).fail(function () {
-        reportError("Failed to get chart details")
-    }).done(function (data) {
-        revRow.empty()
-        for (let x = 0; x < data.length; x++) {
-            const elm = data[x]
-            $("#specRev").val(elm.revision)
-            const rev = $(`<div class="col-md-2 p-2 rounded border border-secondary bg-gradient bg-white">
-                                <span><b class="rev-number"></b> - <span class="rev-status"></span></span><br/>
-                                <span class="text-muted">Chart:</span> <span class="chart-ver"></span><br/>
-                                <span class="text-muted">App ver:</span> <span class="app-ver"></span><br/>
-                                <p class="small mt-3 mb-0"><span class="text-muted">Age:</span> <span class="rev-age"></span><br/>
-                                <span class="text-muted rev-date"></span><br/></p>                
-                            </div>`)
-            rev.find(".rev-number").text("#" + elm.revision)
-            rev.find(".app-ver").text(elm.app_version)
-            rev.find(".chart-ver").text(elm.chart_ver)
-            rev.find(".rev-date").text(elm.updated.replace("T", " "))
-            rev.find(".rev-age").text(getAge(elm, data[x + 1]))
-            rev.find(".rev-status").text(elm.status)
-            rev.find(".fa").attr("title", elm.action)
-
-            if (elm.status === "failed") {
-                rev.find(".rev-status").parent().addClass("text-danger")
+function reportError(err, xhr) {
+    $("#errorAlert h4 span").text(err)
+    if (xhr) {
+        $("#errorAlert p").text(xhr.responseText)
    }
-
-            switch (elm.action) {
-                case "app_upgrade":
-                    rev.find(".app-ver").append(" <i class='fa fa-angle-double-up text-success'></i>")
-                    break
-                case "app_downgrade":
-                    rev.find(".app-ver").append(" <i class='fa fa-angle-double-down text-danger'></i>")
-                    break
-                case "chart_upgrade":
-                    rev.find(".chart-ver").append(" <i class='fa fa-angle-up text-success'></i>")
-                    break
-                case "chart_downgrade":
-                    rev.find(".chart-ver").append(" <i class='fa fa-angle-down text-danger'></i>")
-                    break
-                case "reconfigure": // ?
-                    break
-            }
-
-            rev.data("elm", elm)
-            rev.addClass("rev-" + elm.revision)
-            rev.click(function () {
-                revisionClicked(namespace, name, $(this))
-            })
-
-            revRow.append(rev)
-        }
-
-        const rev = getHashParam("revision")
-        if (rev) {
-            revRow.find(".rev-" + rev).click()
-        } else {
-            revRow.find("div.col-md-2:last-child").click()
-        }
-    })
+    $("#errorAlert").show()
 }

+
 function getHashParam(name) {
    const params = new URLSearchParams(window.location.hash.substring(1))
    return params.get(name)
@@ -203,91 +48,69 @@ function setHashParam(name, val) {
    window.location.hash = new URLSearchParams(params).toString()
 }

-function loadChartsList() {
-    $("#sectionList").show()
-    chartsCards.empty().append("<div><i class='fa fa-spinner fa-spin fa-2x'></i> Loading...</div>")
-    $.getJSON("/api/helm/charts").fail(function () {
-        reportError("Failed to get list of charts")
-    }).done(function (data) {
-        chartsCards.empty()
-        data.forEach(function (elm) {
-            const header = $("<div class='card-header'></div>")
-            header.append($('<div class="float-end"><h5 class="float-end text-muted text-end">#' + elm.revision + '</h5><br/><div class="badge">' + elm.status + "</div>"))
-            // TODO: for pending- and uninstalling, add the spinner
-            if (elm.status === "failed") {
-                header.find(".badge").addClass("bg-danger text-light")
-            } else if (elm.status === "deployed" || elm.status === "superseded") {
-                header.find(".badge").addClass("bg-info")
+function statusStyle(status, card, txt) {
+    txt.addClass("text-uppercase")
+    txt.html("<span class='fs-6'>●</span> " + status)
+    txt.removeClass("text-failed text-deployed text-pending text-other")
+    if (status === "failed") {
+        card.addClass("border-failed")
+        txt.addClass("text-failed")
+        // TODO: add failure description here
+    } else if (status === "deployed") {
+        card.addClass("border-deployed")
+        txt.addClass("text-deployed")
+    } else if (status.startsWith("pending-")) {
+        card.addClass("border-pending")
+        txt.addClass("text-pending")
    } else {
-                header.find(".badge").addClass("bg-light text-dark")
+        card.addClass("border-other")
+        txt.addClass("text-other")
    }
-
-            header.append($('<h5 class="card-title"><a href="#namespace=' + elm.namespace + '&chart=' + elm.name + '" class="link-dark" style="text-decoration: none">' + elm.name + '</a></h5>'))
-            header.append($('<p class="card-text small text-muted"></p>').append("Chart: " + elm.chart))
-
-            const body = $("<div class='card-body'></div>")
-            body.append($('<p class="card-text"></p>').append("Namespace: " + elm.namespace))
-            body.append($('<p class="card-text"></p>').append("Version: " + elm.app_version))
-            body.append($('<p class="card-text"></p>').append("Updated: " + elm.updated))
-
-            let card = $("<div class='card'></div>").append(header).append(body);
-
-            card.data("chart", elm)
-            card.click(function () {
-                const self = $(this)
-                $("#sectionList").hide()
-
-                let chart = self.data("chart");
-                setHashParam("namespace", chart.namespace)
-                setHashParam("chart", chart.name)
-                loadChartHistory(chart.namespace, chart.name)
-            })
-
-            chartsCards.append($("<div class='col'></div>").append(card))
-        })
-    })
 }

+function getCleanClusterName(rawClusterName) {
+    if (rawClusterName.indexOf('arn')==0) {
+        // AWS cluster
+        clusterSplit = rawClusterName.split(':')
+        clusterName = clusterSplit.at(-1).split("/").at(-1)
+        region = clusterSplit.at(-3)
+        return region + "/" + clusterName + ' [AWS]'
+    }
+    if (rawClusterName.indexOf('gke')==0) {
+        // GKE cluster
+        return rawClusterName.split('_').at(-2) + '/' + rawClusterName.split('_').at(-1) + ' [GKE]'
+    }
+    return rawClusterName
+}

-$(function () {
-    // cluster list
-    clusterSelect.change(function () {
-        Cookies.set("context", clusterSelect.val())
-        window.location.href = "/"
-    })
-
-    $.getJSON("/api/kube/contexts").fail(function () {
-        reportError("Failed to get list of clusters")
-    }).done(function (data) {
-        const context = Cookies.get("context")
-
+function fillClusterList(data, context) {
    data.forEach(function (elm) {
        // aws CLI uses complicated context names, the suffix does not work well
        // maybe we should have an `if` statement here
        let label = elm.Name //+ " (" + elm.Cluster + "/" + elm.AuthInfo + "/" + elm.Namespace + ")"
-            let opt = $("<option></option>").val(elm.Name).text(label)
+        let opt = $('<li><label><input type="radio" name="cluster" class="me-2"/><span></span></label></li>');
+        opt.attr('title', label)
+        opt.find("input").val(elm.Name).text(label)
+        opt.find("span").text(getCleanClusterName(label))
        if (elm.IsCurrent && !context) {
-                opt.attr("selected", "selected")
+            opt.find("input").prop("checked", true)
+            setCurrentContext(elm.Name)
        } else if (context && elm.Name === context) {
-                opt.attr("selected", "selected")
+            opt.find("input").prop("checked", true)
+            setCurrentContext(elm.Name)
+        }
+        $("#cluster").append(opt)
+    })
+}
+
+function setCurrentContext(ctx) {
+    setHashParam("context", ctx)
    $.ajaxSetup({
        headers: {
-                        'x-kubecontext': context
+            'x-kubecontext': ctx
        }
    });
-            }
-            clusterSelect.append(opt)
-        })
-
-        const namespace = getHashParam("namespace")
-        const chart = getHashParam("chart")
-        if (!chart) {
-            loadChartsList()
-        } else {
-            loadChartHistory(namespace, chart)
-        }
-    })
-})
+}

 function getAge(obj1, obj2) {
    const date = luxon.DateTime.fromISO(obj1.updated);
@@ -310,46 +133,8 @@ function getAge(obj1, obj2) {
    return "n/a"
 }

-function showResources(namespace, chart, revision) {
-    $("#nav-resources").empty().append("<i class='fa fa-spin fa-spinner fa-2x'></i>");
-    let qstr = "chart=" + chart + "&namespace=" + namespace + "&revision=" + revision
-    let url = "/api/helm/charts/resources"
-    url += "?" + qstr
-    $.getJSON(url).fail(function () {
-        reportError("Failed to get list of resources")
-    }).done(function (data) {
-        $("#nav-resources").empty();
-        for (let i = 0; i < data.length; i++) {
-            const res = data[i]
-            const resBlock = $(` 
-                <div class="input-group row">
-                    <span class="input-group-text col-sm-2"><em class="text-muted small">` + res.kind + `</em></span>
-                    <span class="input-group-text col-sm-6">` + res.metadata.name + `</span>
-                    <span class="form-control col-sm-4"><i class="fa fa-spinner fa-spin"></i> <span class="text-muted small">Getting status...</span></span>
-                </div>`)
-            $("#nav-resources").append(resBlock)
-            let ns = res.metadata.namespace ? res.metadata.namespace : namespace
-            $.getJSON("/api/kube/resources/" + res.kind.toLowerCase() + "?name=" + res.metadata.name + "&namespace=" + ns).fail(function () {
-                //reportError("Failed to get list of resources")
-            }).done(function (data) {
-                const badge = $("<span class='badge me-2'></span>").text(data.status.phase);
-                if (["Available", "Active", "Established"].includes(data.status.phase)) {
-                    badge.addClass("bg-success")
-                } else if (["Exists"].includes(data.status.phase)) {
-                    badge.addClass("bg-success bg-opacity-50")
-                } else {
-                    badge.addClass("bg-danger")
-                }
-
-                resBlock.find(".form-control").empty().append(badge).append("<span class='text-muted small'>" + (data.status.message ? data.status.message : '') + "</span>")
-            })
-
-        }
-    })
-}
-
-$(".fa-power-off").click(function () {
-    $(".fa-power-off").attr("disabled", "disabled").removeClass(".fa-power-off").addClass("fa-spin fa-spinner")
+$(".bi-power").click(function () {
+    $(".bi-power").attr("disabled", "disabled").removeClass(".bi-power").append('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>')
    $.ajax({
        url: "/",
        type: 'DELETE',
@@ -357,3 +142,15 @@ $(".fa-power-off").click(function () {
        window.close();
    })
 })
+
+function isNewerVersion(oldVer, newVer) {
+    const oldParts = oldVer.split('.')
+    const newParts = newVer.split('.')
+    for (let i = 0; i < newParts.length; i++) {
+        const a = ~~newParts[i] // parse int
+        const b = ~~oldParts[i] // parse int
+        if (a > b) return true
+        if (a < b) return false
+    }
+    return false
+}
--- a/pkg/dashboard/static/styles.css
+++ b/pkg/dashboard/static/styles.css
@@ -1,11 +1,352 @@
-#charts .card, #sectionDetails .row > div {
-    cursor: pointer;
+.strike {
+    text-decoration: line-through;
 }

-.bg-primary .text-muted {
-    color: white!important;
+.text-muted {
+    color: #707583 !important;
+}
+
+.border-other {
+    border-color: #9195A1 !important;
+}
+
+.text-other {
+    color: #9195A1 !important;
+}
+
+.border-failed {
+    border-color: #FC1683 !important;
+}
+
+.text-failed {
+    color: #FC1683 !important;
+}
+
+.border-deployed {
+    border-color: #1BE99A !important;
+}
+
+.text-deployed {
+    color: #1FA470 !important;
+}
+
+.border-pending {
+    border-color: #5AB0FF !important;
+}
+
+.text-pending {
+    color: #5AB0FF !important;
+}
+
+.bg-tag {
+    background-color: #D6EFFE;
+}
+
+.bg-tag.text-dark {
+    color: #333333 !important;
+}
+
+.bg-danger {
+    background-color: #FC1683 !important;
+}
+
+.bg-success {
+    background-color: #A4F8D7 !important;
+}
+
+.btn {
+    font-weight: 500;
+}
+
+.btn-primary {
+    background-color: #1347FF;
+}
+
+.text-uppercase {
+    text-transform: uppercase;
+}
+
+.offcanvas {
+    width: auto !important;
+    max-width: 90%;
+    min-width: 60%;
+}
+
+html {
+    min-height: 100%;
+}
+
+body {
+    font-size: 14px;
+
+    background-color: #F4F7FA;
+    font-family: Roboto, serif;
+    color: #3D4048;
+}
+
+body.bg-variant1 {
+    background-color: #F4F7FA;
+    background-image: url("topographic.svg");
+    background-repeat: no-repeat;
+    background-position: bottom left;
+    background-size: auto 100%;
+}
+
+body.bg-variant2 {
+    background-color: #E8EDF2;
+}
+
+body > .container-fluid {
+    min-height: 100% !important;
+}
+
+#topNav.navbar {
+}
+
+.navbar-brand {
+    font-family: Poppins, serif;
+    font-size: 0.6rem !important;
+    color: #707583;
+    font-weight: 500;
+    text-decoration: none;
+}
+
+.navbar-brand > a > img {
+    vertical-align: middle;
+    height: 2.5rem;
+    display: inline-block;
+    margin: 0.5rem 0.8rem
+}
+
+.navbar-brand > div {
+    display: inline-block;
+    vertical-align: top;
+}
+
+.navbar-brand h1 a {
+    font-size: 1.2rem !important;
+    color: #0023A3 !important;
+    text-decoration: none;
+    vertical-align: middle;
+}
+
+#topNav .navbar i.btn {
+    font-size: 1.5rem;
 }

 .d2h-file-collapse, .d2h-tag {
    opacity: 0; /* trollface */
 }
+
+.display-none {
+    display: none;
+}
+
+.separator-vertical span {
+    font-size: 2rem;
+    border-left: 1px solid #DCDDDF;
+    margin: 0.25rem 0;
+}
+
+#topNav .nav-link {
+    color: #3B3D45 !important;
+}
+
+#topNav .nav-link.active {
+    background: #EBEFFF;
+    border-radius: 2px;
+    color: #1347FF !important;
+}
+
+.b-shadow {
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
+}
+
+#filters h4 {
+    font-size: 1rem;
+    font-weight: bold;
+    margin-top: 0;
+}
+
+#filters {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font-size: 0.8rem;
+    line-height: 175%;
+}
+
+#cluster input, #cluster span {
+    vertical-align: middle;
+}
+
+#installedList > div, #installedList .body > div {
+    margin-bottom: 0.75rem !important;
+}
+
+#installedList h2 {
+    font-family: Inter, serif;
+    font-weight: 700;
+    font-size: 1rem;
+}
+
+
+.bg-secondary {
+    background: #ECEFF2 !important;
+}
+
+.border-secondary {
+    border-color: #DCDDDF !important;
+}
+
+#installedList .header {
+    font-family: Roboto, serif;
+    font-weight: 600;
+    font-size: 0.6rem;
+    color: #3B3D45;
+}
+
+#installedList .header .row {
+    text-transform: uppercase;
+}
+
+#installedList .hdr-name {
+    padding-left: 5.5rem
+}
+
+#installedList .body {
+    font-size: 0.75rem;
+}
+
+#installedList .body .row div div {
+    margin-top: 0.75rem;
+}
+
+span.link {
+    cursor: pointer;
+}
+
+#installedList .body .row:hover span.link {
+    text-decoration: underline;
+}
+
+#installedList .rel-name {
+    padding-left: 5.5rem;
+    background-image: url("helm-gray-50.svg");
+    background-repeat: no-repeat;
+    background-position: center left;
+    background-position-x: 1.1rem;
+    background-size: 3rem;
+}
+
+#installedList .rel-name span {
+    font-family: Roboto Slab, sans-serif;
+    font-weight: 700;
+    font-size: 1.25rem;
+}
+
+#sectionDetails h1 {
+    font-family: Roboto Slab, sans-serif;
+    font-weight: 400;
+    font-size: 2rem;
+}
+
+
+#installedList .rel-name div {
+    height: 2rem;
+    min-height: 2rem;
+    max-height: 2rem;
+}
+
+#installedList .rel-status span {
+    text-transform: uppercase;
+    font-weight: 700;
+}
+
+#installedList .rel-chart span, #installedList .rel-rev span, #installedList .rel-ns span, #installedList .rel-date span {
+    font-weight: 700;
+}
+
+#installedList .rel-chart div, #installedList .rel-rev div, #installedList .rel-ns div, #installedList .rel-date div {
+    text-transform: uppercase;
+    color: #707583;
+}
+
+#actionButtons .link {
+    cursor: pointer;
+}
+
+#actionButtons button > * {
+    vertical-align: bottom;
+}
+
+.d2h-code-side-linenumber {
+    position: static;
+}
+
+.nav-tabs {
+    border: none;
+    margin-bottom: 1rem;
+}
+
+.nav-tabs .nav-link {
+    padding-bottom: 0.25rem;
+    color: #3B3D45;
+}
+
+.nav-tabs .nav-link.active {
+    border: none;
+    border-bottom: 3px solid #3B3D45;
+    background-color: transparent;
+}
+
+#installedList .b-shadow:hover {
+    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.18);
+}
+
+#btnUpgradeCheck {
+    color: #3B3D45;
+}
+
+#btnUpgrade {
+    min-width: 9rem;
+}
+
+#sectionDetails > .bg-white {
+    background-color: #F4F7FA !important;
+}
+
+#sectionDetails .list-unstyled .bg-secondary {
+    background-color: #F4F7FA !important;
+}
+
+#nav-resources .badge {
+    font-size: inherit;
+}
+
+#nav-resources .bg-secondary {
+    background-color: #E6E7EB!important;
+}
+
+.res-actions .btn-sm {
+    font-size: 0.75rem;
+}
+
+.offcanvas-header h5 {
+    font-family: Poppins, serif;
+    font-weight: 500;
+}
+
+.offcanvas-header h5 .badge {
+    font-family: Roboto, serif;
+    font-weight: normal;
+    font-size: 0.8rem;
+}
+
+.offcanvas-header p {
+    font-family: Inter, serif;
+}
+
+#describeModalBody pre {
+    font-size: 1rem;
+}
--- a/pkg/dashboard/static/topographic.svg
+++ b/pkg/dashboard/static/topographic.svg
--- a/pkg/dashboard/utils.go
+++ b/pkg/dashboard/utils.go
@@ -2,6 +2,8 @@ package dashboard

 import (
 	"errors"
+	"io/ioutil"
+	"os"
 	"strings"
 )

@@ -15,3 +17,17 @@ func chartAndVersion(x string) (string, string, error) {

 	return x[:lastInd], x[lastInd+1:], nil
 }
+
+func tempFile(txt string) (string, func(), error) {
+	file, err := ioutil.TempFile("", "helm_vals_")
+	if err != nil {
+		return "", nil, err
+	}
+
+	err = ioutil.WriteFile(file.Name(), []byte(txt), 0600)
+	if err != nil {
+		return "", nil, err
+	}
+
+	return file.Name(), func() { os.Remove(file.Name()) }, nil
+}
--- a/plugin.yaml
+++ b/plugin.yaml
@@ -1,8 +1,8 @@
 name: "dashboard"
-version: "0.0.0"
+version: "0.1.1"
 usage: "A simplified way of working with Helm"
 description: "View HELM situation in nice web UI"
-command: "$HELM_PLUGIN_DIR/bin/dashboard"
-#hooks:
-#  install: "cd $HELM_PLUGIN_DIR; scripts/install_plugin.sh"
-#  update: "cd $HELM_PLUGIN_DIR; scripts/install_plugin.sh"
+command: "$HELM_PLUGIN_DIR/bin/helm-dashboard"
+hooks:
+  install: "cd $HELM_PLUGIN_DIR; scripts/install_plugin.sh"
+  update: "cd $HELM_PLUGIN_DIR; scripts/install_plugin.sh"
--- a/screenshot.png
+++ b/screenshot.png
--- a/scripts/install_plugin.sh
+++ b/scripts/install_plugin.sh
@@ -0,0 +1,64 @@
+#!/bin/sh -e
+
+# Copied w/ love from the chartmuseum/helm-push :)
+
+name="helm-dashboard"
+repo="https://github.com/komodorio/${name}"
+
+if [ -n "${HELM_PUSH_PLUGIN_NO_INSTALL_HOOK}" ]; then
+    echo "Development mode: not downloading versioned release."
+    exit 0
+fi
+
+version="$(cat plugin.yaml | grep "version" | cut -d '"' -f 2)"
+echo "Downloading and installing ${name} v${version} ..."
+
+url=""
+
+# convert architecture of the target system to a compatible GOARCH value.
+# Otherwise failes to download of the plugin from github, because the provided
+# architecture by `uname -m` is not part of the github release.
+arch=""
+case $(uname -m) in
+  x86_64)
+    arch="x86_64"
+    ;;
+  armv6*)
+    arch="armv6"
+    ;;
+  # match every arm processor version like armv7h, armv7l and so on.
+  armv7*)
+    arch="armv7"
+    ;;
+  aarch64 | arm64)
+    arch="arm64"
+    ;;
+  *)
+    echo "Failed to detect target architecture"
+    exit 1
+    ;;
+esac
+
+
+if [ "$(uname)" = "Darwin" ]; then
+    url="${repo}/releases/download/v${version}/${name}_${version}_Darwin_${arch}.tar.gz"
+elif [ "$(uname)" = "Linux" ] ; then
+    url="${repo}/releases/download/v${version}/${name}_${version}_Linux_${arch}.tar.gz"
+else
+    url="${repo}/releases/download/v${version}/${name}_${version}_windows_${arch}.tar.gz"
+fi
+
+echo $url
+
+mkdir -p "bin"
+mkdir -p "releases/v${version}"
+
+# Download with curl if possible.
+if [ -x "$(which curl 2>/dev/null)" ]; then
+    curl --fail -sSL "${url}" -o "releases/v${version}.tar.gz"
+else
+    wget -q "${url}" -O "releases/v${version}.tar.gz"
+fi
+tar xzf "releases/v${version}.tar.gz" -C "releases/v${version}"
+mv "releases/v${version}/${name}" "bin/${name}" || \
+    mv "releases/v${version}/${name}.exe" "bin/${name}"
Author	SHA1	Message	Date
Andrei Pohilko	5cae4b5adf	Release 0.1.1	2022-10-12 12:23:03 +01:00
Andrey Pokhilko	d8afa3861d	Values editing (#17 ) * Refactorings * save * REdesigning install dialog * Display values editor * Reconfigure flow * Status handler and version * error reporting	2022-10-07 17:01:19 +01:00
Andrei Pohilko	3c4d73665e	Release 0.1.0	2022-10-04 09:12:14 +01:00
Andrei Pohilko	8b5f8e1031	Another test	2022-10-04 08:52:59 +01:00
Andrei Pohilko	44461bf5ab	Test the workaround	2022-10-04 08:50:20 +01:00
Andrei Pohilko	061bd12f2f	Fix release process	2022-10-04 08:45:13 +01:00
Andrei Pohilko	86c9f89acc	Release 0.0.8	2022-10-04 08:40:48 +01:00
Itiel shwartz	890994d70d	add datadog and heap (#16 ) * add datadog * also added heap	2022-10-04 08:32:41 +01:00
Itiel shwartz	35097fed45	Clean cluster name (#15 ) * support GKE and AWS cluster name * remove unused logs Co-authored-by: Itiel Shwartz <itielshwartz@Itiels-MacBook-Pro.local>	2022-10-03 21:34:28 +01:00
Andrei Pohilko	11912e7b51	Use dry run instead of template	2022-10-02 16:06:31 +01:00
Andrei Pohilko	8e90c9f8d0	Update screenshot	2022-10-02 15:05:10 +01:00
Andrey Pokhilko	1e3a706698	Restyle fixes (#14 ) * Applying style fixes * Implement more notes * Improvements * Applying v2 design * flyout restyle * fix spec rev * Status icons * Restyle top line and footer * Shorter err msg	2022-10-02 11:50:28 +01:00
Andrei Pohilko	1b6dc4159a	Release 0.0.6	2022-09-29 09:01:05 +01:00
Andrei Pohilko	69609b1ee2	Fix wrapping and scrolls	2022-09-28 22:29:42 +01:00
Andrei Pohilko	bdd5b9b32e	Workaround the wrap	2022-09-28 20:52:37 +01:00
Andrei Pohilko	870a1196f0	Make k8s context a URL param	2022-09-28 15:00:10 +01:00
Andrei Pohilko	c1732c86a5	Fix the binary path	2022-09-26 14:40:14 +01:00
Andrei Pohilko	388c330390	Fix unpacking	2022-09-26 14:37:53 +01:00
Andrei Pohilko	cb7c29de90	fix the name	2022-09-26 14:35:13 +01:00
Andrei Pohilko	fa6a38c50f	Update install script	2022-09-26 14:33:10 +01:00
Andrei Pohilko	a4f4ddacb7	Plugin install script	2022-09-26 14:24:43 +01:00
Andrey Pokhilko	8fa2bcb87b	Update README.md	2022-09-26 13:56:31 +01:00
Andrei Pohilko	7d9863ebed	Update Readme	2022-09-26 13:45:25 +01:00
Andrei Pohilko	89be257ded	Update screenshot	2022-09-26 11:23:28 +01:00
Andrey Pokhilko	7fd5fcc5b2	Restyle LAF (#12 ) * Logos change * Coding HTML * Top bar * Top bar is fine * Restyling it * progressing * age line * cosmetics * Installed list is fine * Save * revision list display * Split up files * Rev list works * Details * Working on details * Action buttons * cosmetics * Describe flyout * Uninstall confirm flyout * Working on flyouts * Fixed the actions working * Polishing it * Cosmetics	2022-09-26 11:19:55 +01:00
Andrei Pohilko	ea6e4d55b0	Fix wrong deployemnt status	2022-09-20 12:41:06 +01:00
Andrei Pohilko	ccb2836791	Fix diff shown when no upgrade	2022-09-20 11:17:37 +01:00
Itiel shwartz	f4b753b19f	easier local dev (#13 ) * easier local dev * rename and add build * change pull command Co-authored-by: Itiel Shwartz <itielshwartz@Itiels-MacBook-Pro.local>	2022-09-20 09:02:37 +01:00
Andrei Pohilko	927d507fd1	forgotten error report	2022-09-15 21:41:17 +01:00
Andrei Pohilko	d662849424	Right place for msg	2022-09-15 21:34:20 +01:00
Andrey Pokhilko	6b8d959491	Bugfixes (#11 ) * Don't offer rollback for the first revision * Fix the rollback bug * Cosmetics * Errors shown as alerts	2022-09-15 13:27:24 +01:00
Andrey Pokhilko	269895ae31	Repo version info and upgrade (#10 ) * Repo block shows * repository update * API progress * Fix problem of stopping after uninstall * Upgrade preview backend * Upgrade preview displays fine * Install flow works * Weird check for updates * Update action * Fix action * Still trying * Fix lint error * Refactor out helm handlers * refactor out kube handlers * save * Change icon collection * Reworked upgrade check	2022-09-14 13:20:10 +01:00
Andrei Pohilko	47929785e7	Fix name of parameters	2022-09-14 10:15:05 +01:00
Andrei Pohilko	ab17544c96	Fix the panic	2022-09-14 10:00:40 +01:00
Andrey Pokhilko	5ea54f9257	Rollback action (#9 ) * Show rollback confirm * Implement rollback backend * Refactoring * Refactoring	2022-09-11 12:54:18 +01:00
Andrey Pokhilko	fa48cf5435	Allow uninstalling the chart (#8 )	2022-09-09 14:50:50 +01:00
Andrei Pohilko	91fd3793c7	Don't offer to describe non-existing	2022-09-08 16:07:46 +01:00
Andrey Pokhilko	7b6e9f1748	Show describe modal (#7 )	2022-09-08 15:56:05 +01:00