Style improvements

Signed-off-by: Craig Box <craigb@armosec.io>

Dockerfile

@@ -58,7 +58,7 @@ LABEL org.opencontainers.image.title="Kubescape" \
     com.docker.desktop.extension.icon="https://raw.githubusercontent.com/cncf/artwork/ec3936fa0256c768b538247d20f130d293a9faed/projects/kubescape/stacked/color/kubescape-stacked-color.svg" \
     com.docker.desktop.extension.api.version=">= 0.2.3" \
     com.docker.extension.screenshots="[ { \"alt\": \"Kubescape Extension for Docker Desktop, Select Provider screen\", \"url\": \"https://raw.githubusercontent.com/kubescape/docker-desktop-extension/main/docs/screenshots/dark-01.png\" }, { \"alt\": \"Kubescape Extension for Docker Desktop, Sign Up screen\", \"url\": \"https://raw.githubusercontent.com/kubescape/docker-desktop-extension/main/docs/screenshots/dark-02.png\" }, { \"alt\": \"Kubescape Extension for Docker Desktop, Secure Your Cluster screen\", \"url\": \"https://raw.githubusercontent.com/kubescape/docker-desktop-extension/main/docs/screenshots/dark-03.png\" }, { \"alt\": \"Kubescape Extension for Docker Desktop, Cluster Secured screen\", \"url\": \"https://raw.githubusercontent.com/kubescape/docker-desktop-extension/main/docs/screenshots/dark-04.png\" }, { \"alt\": \"Kubescape Extension for Docker Desktop, Monitor screen\", \"url\": \"https://raw.githubusercontent.com/kubescape/docker-desktop-extension/main/docs/screenshots/dark-05.png\" } ]" \
-    com.docker.extension.detailed-description="<h1>Kubescape Extension for Docker Desktop</h1> <p>Kubescape helps harden your Kubernetes cluster by providing insight into your cluster's security posture. Some of the features that help you achieve this are - regular configuration and image scans, visualizing your RBAC rules and suggesting automatic fixes where applicable. </p> <p> The Kubescape Extension for Docker Desktop works by installing the Kubescape in-cluster components, connecting them to ARMO Platform and providing insights into the Kubernetes cluster deployed by Docker Desktop via th dashboard on ARMO Platform." \
+    com.docker.extension.detailed-description="<h1>Kubescape Extension for Docker Desktop</h1> <p>Kubescape helps harden your Kubernetes cluster by providing insight into your cluster's security posture. Some of the features that help you achieve this are - regular configuration and image scans, visualizing your RBAC rules and suggesting automatic fixes where applicable. </p> <p> The Kubescape Extension for Docker Desktop works by installing the Kubescape in-cluster components, connecting them to ARMO Platform and providing insights into the Kubernetes cluster deployed by Docker Desktop via the dashboard on ARMO Platform." \
     com.docker.extension.publisher-url="https://cloud.armosec.io/" \
     com.docker.extension.additional-urls="" \
     com.docker.extension.changelog="" \

README.md

@@ -1,9 +1,9 @@
-# Kubescape Extension
+# Kubescape Docker Desktop extension
 
 This is a Docker Desktop extension for Kubescape.
-It lets you secure your Kubernetes cluster by scanning it for misconfigurations and vulnerabilities.
+It lets you improve the security of your Kubernetes cluster by scanning it for misconfigurations and vulnerabilities.
 
-To use the extension, just type in your ARMO Cloud Account ID , deploy Kubescape and review the results in the Dashboard.
+For now, the extension supports visualising your results using the ARMO Platform dashboard. Support for Backstage, Grafana and the self-hosted Kubescape backend are on our roadmap.
 
 ## Using the development version
 

ui/src/App.tsx

@@ -97,8 +97,16 @@ const SelectHostingProviderPage = (props: PageProps) => {
   return (
     <>
       <Stack direction="column" spacing={verticalSpacing}>
-        <Typography>
-          Please select your hosting provider.
+        <Typography paragraph>
+          The Docker Desktop extension for Kubescape adds the Kubescape cluster components to your Kubernetes environment. This operator
+          will regularly scan the security posture of your cluster, and enable scanning of container repositories and source code registries.
+        </Typography>
+        <Typography paragraph>
+          This version of the extension supports the ARMO Platform, a hosted backend for Kubescape. Future versions will include support for
+          frontends including Backstage, Grafana, and a locally-hosted instance of the Kubescape backend.
+        </Typography>
+        <Typography paragraph>
+          Please select your hosting provider:
         </Typography>
         <FormControl>
           <FormLabel id="radio-buttons-group-label">Hosting Provider</FormLabel>
@@ -132,7 +140,7 @@ const SignUpPage = (props: PageProps) => {
   return (
     <>
       <Typography paragraph>
-        To help you harden your Kubernetes cluster and provide you with the best insights, we need to connect to your ARMO platform account. If you don’t have one yet, press the “Sign Up” button below and create the account by following the instructions.
+        To help you harden your Kubernetes cluster and provide you with the best insights, we need to connect to your ARMO Platform account. If you don’t have one yet, press the “Sign Up” button below and create an account by following the instructions.
       </Typography>
       <Typography paragraph>
         If you already have an ARMO Platform account, click <Link onClick={props.nextFn}>Next</Link>.
@@ -198,9 +206,8 @@ const DeployPage = (props: PageProps) => {
         The following steps will allow Kubescape to help you harden your Kubernetes cluster:
         <NumberedList>
           <OrderedListItem>Make sure your Kubernetes cluster is running.</OrderedListItem>
-          <OrderedListItem>Enter your ARMO platform account ID.</OrderedListItem>
           <OrderedListItem>To get your account ID, log into ARMO Platform, click on "Your account" icon and click the "Copy" icon next to your Account ID</OrderedListItem>
-          <OrderedListItem>Paste the input below and press on the “Deploy Kubescape” button to deploy Kubescape and secure your cluster.</OrderedListItem>
+          <OrderedListItem>Paste the ID below and press the “Deploy Kubescape” button to deploy Kubescape and secure your cluster.</OrderedListItem>
         </NumberedList>
       </Typography>
 
@@ -212,7 +219,7 @@ const DeployPage = (props: PageProps) => {
             variant="standard"
             onChange={handleTextChange}
             helperText={accountIDInvalid && accountIDValidationText}
-            label="Your Kubescape Account ID"
+            label="Your ARMO Platform Account ID"
           />
         </Grid>
         <Grid item>
@@ -241,7 +248,7 @@ const MonitorPage = () => {
     <>
       <Stack direction="column" spacing={verticalSpacing}>
         <Typography>
-          Open the ARMO Platform dashboard to check how secure your cluster is and see suggestions for improving your security posture.
+          Open the ARMO Platform dashboard to check for vulnerabilities in your cluster and see suggestions for improving your security posture.
         </Typography>
         <Stack direction="row" justifyContent="flex-end">
           <Button onClick={openDashboard}>