Add Automatic installer

.storybook/preview-body.html

@@ -1,16 +1,24 @@
 <script>
+  window.theme;
   window.platform = "JetBrains";
   window.ide = "IDEA";
-  window.theme;
   window.mainFont;
   window.codeFont;
   window.isJaegerEnabled = true;
-  window.isObservabilityEnabled;
   window.userEmail;
+  window.isObservabilityEnabled;
+  window.isDigmaEngineInstalled;
+  window.isDigmaEngineRunning;
+  window.isDockerInstalled = true;
+  window.isDockerComposeInstalled = true;
+
+  window.assetsRefreshInterval;
+  window.assetsSearch = true;
+
   window.recentActivityExpirationLimit;
   window.recentActivityDocumentationURL =
     "https://github.com/digma-ai/digma-vscode-plugin#%EF%B8%8F-extension-settings";
+
+  window.wizardFirstLaunch;
   window.wizardSkipInstallationStep;
-  window.assetsRefreshInterval;
-  window.assetsSearch = true;
 </script>

assets/assets/index.ejs

@@ -15,10 +15,19 @@
     <div id="root"></div>
     <!-- Environment variables -->
     <script>
-      window.platform;
       window.theme;
+      window.platform;
+      window.ide;
       window.mainFont;
       window.codeFont;
+      window.isJaegerEnabled;
+      window.userEmail;
+      window.isObservabilityEnabled;
+      window.isDigmaEngineInstalled;
+      window.isDigmaEngineRunning;
+      window.isDockerInstalled;
+      window.isDockerComposeInstalled;
+
       window.assetsRefreshInterval;
       window.assetsSearch;
     </script>

assets/installationWizard/index.ejs

@@ -15,13 +15,20 @@
     <div id="root"></div>
     <!-- Environment variables -->
     <script>
+      window.theme;
       window.platform;
       window.ide;
-      window.theme;
       window.mainFont;
       window.codeFont;
+      window.isJaegerEnabled;
       window.userEmail;
       window.isObservabilityEnabled;
+      window.isDigmaEngineInstalled;
+      window.isDigmaEngineRunning;
+      window.isDockerInstalled;
+      window.isDockerComposeInstalled;
+
+      window.wizardFirstLaunch;
       window.wizardSkipInstallationStep;
     </script>
     <script src="/index.js"></script>

assets/recentActivity/index.ejs

@@ -15,11 +15,19 @@
     <div id="root"></div>
     <!-- Environment variables -->
     <script>
-      window.platform;
       window.theme;
+      window.platform;
+      window.ide;
       window.mainFont;
       window.codeFont;
       window.isJaegerEnabled;
+      window.userEmail;
+      window.isObservabilityEnabled;
+      window.isDigmaEngineInstalled;
+      window.isDigmaEngineRunning;
+      window.isDockerInstalled;
+      window.isDockerComposeInstalled;
+
       window.recentActivityExpirationLimit;
       window.recentActivityDocumentationURL;
     </script>

src/components/InstallationWizard/FinishStep/styles.ts

@@ -68,7 +68,6 @@ export const EmailField = styled.div`
 `;
 
 export const EmailInput = styled.input`
-  box-sizing: border-box;
   font-size: 12px;
   line-height: 14px;
   padding: 8px 10px;

src/components/InstallationWizard/InstallStep/EngineManager/EngineManager.stories.tsx

@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from "@storybook/react";
+
+import { EngineManager } from ".";
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+const meta: Meta<typeof EngineManager> = {
+  title: "Installation Wizard/EngineManager",
+  component: EngineManager,
+  parameters: {
+    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
+    layout: "fullscreen"
+  }
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+export const Default: Story = {};