fix: agent install instructions

src/components/Agents/Add/AddAgentForm.tsx

@@ -107,7 +107,7 @@ export default function AgentForm({
             name: agent?.name ?? "",
             properties: agent?.properties ?? {},
             kubernetes: {
-              interval: "30m",
+              schedule: "30m",
               enabled: false
             },
             pushTelemetry: {
@@ -173,7 +173,7 @@ export default function AgentForm({
                           { label: "12h", value: "12h" },
                           { label: "24h", value: "24h" }
                         ]}
-                        name="kubernetes.interval"
+                        name="kubernetes.schedule"
                         label="Scrape Interval"
                         hintPosition="top"
                         hint="How often to perform a full reconciliation of changes (in addition to real-time changes from Kubernetes events), set higher for larger clusters."

src/components/Agents/InstalAgentInstruction/InstallAgentModal.tsx

@@ -1,25 +1,12 @@
-import { useState } from "react";
+import HelmInstallationSnippets, {
+  ChartData
+} from "@flanksource-ui/ui/HelmSnippet/HelmInstallationSnippets";
+import { useMemo } from "react";
 import { GeneratedAgent } from "../../../api/services/agents";
 import { Button } from "../../../ui/Buttons/Button";
 import { Modal } from "../../../ui/Modal";
-import { Tab, Tabs } from "../../../ui/Tabs/Tabs";
 import { AgentFormValues } from "../Add/AddAgentForm";
-import CLIInstallAgent from "./CLIInstallAgent";
-import FluxInstallAgent from "./FluxInstallAgent";
-
-export function WarningBox() {
-  return (
-    <div
-      className="relative rounded border border-yellow-200 bg-yellow-100 px-4 py-3 text-yellow-700"
-      role="alert"
-    >
-      <span className="block sm:inline">
-        Access token will be shown only once. Please copy it and store it
-        securely.
-      </span>
-    </div>
-  );
-}
+import { useAgentsBaseURL } from "./useAgentsBaseURL";
 
 export function MoreInfoBox() {
   return (
@@ -96,7 +83,81 @@ export default function InstallAgentModal({
   generatedAgent,
   agentFormValues
 }: Props) {
-  const [activeTab, setActiveTab] = useState<"cli" | "flux">("cli");
+  const baseUrl = useAgentsBaseURL();
+
+  const data = useMemo(() => {
+    const kubeOptions = agentFormValues?.kubernetes;
+    const pushTelemetry = agentFormValues?.pushTelemetry ?? undefined;
+
+    return [
+      {
+        chart: "mission-control-agent",
+        namespace: "mission-control-agent",
+        repoName: "flanksource",
+        createNamespace: true,
+        createRepo: true,
+        updateHelmRepo: true,
+        releaseName: "mc-agent",
+        chartUrl: "https://flanksource.github.io/charts",
+        // You can add more values here to be passed to the template for the
+        // values section of the HelmRelease
+        values: [
+          {
+            key: "upstream.createSecret",
+            value: "true"
+          },
+          {
+            key: "upstream.host",
+            value: baseUrl
+          },
+          {
+            key: "upstream.username",
+            value: "token"
+          },
+          {
+            key: "upstream.password",
+            value: generatedAgent?.access_token
+          },
+          {
+            key: "upstream.agentName",
+            value: agentFormValues?.name
+          },
+          ...(pushTelemetry?.enabled
+            ? [
+                {
+                  key: "pushTelemetry.enabled",
+                  value: "true"
+                },
+                {
+                  key: "pushTelemetry.topologyName",
+                  value: `${pushTelemetry.topologyName}`
+                }
+              ]
+            : [])
+        ]
+      },
+      ...(kubeOptions?.enabled
+        ? [
+            {
+              chart: "mission-control-kubernetes",
+              namespace: "mission-control-agent",
+              repoName: "flanksource",
+              releaseName: "mc-agent-kubernetes",
+              values: [
+                {
+                  key: "clusterName",
+                  value: agentFormValues?.name
+                },
+                {
+                  key: "scraper.schedule",
+                  value: kubeOptions.schedule
+                }
+              ]
+            }
+          ]
+        : [])
+    ] satisfies ChartData[];
+  }, [agentFormValues, baseUrl, generatedAgent]);
 
   return (
     <Modal
@@ -111,29 +172,7 @@ export default function InstallAgentModal({
           Install the Mission Control agent using instructions below
         </h3>
         <div className="flex flex-col">
-          <Tabs
-            activeTab={activeTab}
-            onSelectTab={(v) => setActiveTab(v as any)}
-          >
-            <Tab className="flex flex-col gap-4 p-4" label="Flux" value="flux">
-              <FluxInstallAgent
-                generatedAgent={generatedAgent}
-                agentFormValues={agentFormValues}
-              />
-              <WarningBox />
-            </Tab>
-            <Tab
-              className="flex flex-col gap-4 p-4"
-              label="Helm CLI"
-              value="cli"
-            >
-              <CLIInstallAgent
-                generatedAgent={generatedAgent}
-                agentFormValues={agentFormValues}
-              />
-              <WarningBox />
-            </Tab>
-          </Tabs>
+          <HelmInstallationSnippets charts={data} isWarningDisplayed />
         </div>
         <MoreInfoBox />
       </div>