chore(ai-assist): add alpha badge (#13973)

Author: bnchrch

airbyte-webapp/src/components/connectorBuilder/Builder/Assist/AssistConfigButton.tsx

@@ -1,7 +1,8 @@
 import { useFloating, offset, flip, autoUpdate } from "@floating-ui/react-dom";
 import { Popover, PopoverButton, PopoverPanel } from "@headlessui/react";
-import { useIntl } from "react-intl";
+import { useIntl, FormattedMessage } from "react-intl";
 
+import { Badge } from "components/ui/Badge";
 import { Button, ButtonProps } from "components/ui/Button";
 import { FlexContainer } from "components/ui/Flex";
 import { Heading } from "components/ui/Heading";
@@ -73,6 +74,9 @@ const AssistTitle = () => {
       <Heading as="h3" size="sm" className={styles.assistTitle}>
         {formatMessage({ id: "connectorBuilder.assist.config.title" })}
       </Heading>
+      <Badge variant="blue">
+        <FormattedMessage id="ui.badge.alpha" />
+      </Badge>
     </FlexContainer>
   );
 };

airbyte-webapp/src/locales/en.json

@@ -1342,6 +1342,7 @@
   "ui.combobox.buttonErrorText": "Please select an option",
   "ui.combobox.buttonAddText": "Add option",
   "ui.combobox.buttonEditText": "Edit option",
+  "ui.badge.alpha": "Alpha",
 
   "airbyte.datatype.string": "String",
   "airbyte.datatype.binary_data": "Binary Data",

airbyte-webapp/src/pages/connectorBuilder/ConnectorBuilderGeneratePage/ConnectorBuilderGeneratePage.tsx

@@ -14,6 +14,7 @@ import {
 } from "components/connectorBuilder/types";
 import { Form, FormControl } from "components/forms";
 import { HeadTitle } from "components/HeadTitle";
+import { Badge } from "components/ui/Badge";
 import { Button } from "components/ui/Button";
 import { Card } from "components/ui/Card";
 import { FlexContainer } from "components/ui/Flex";
@@ -142,6 +143,9 @@ const ConnectorBuilderGenerateForm: React.FC<{
               <Heading as="h3" size="sm" className={styles.assistTitle}>
                 {formatMessage({ id: "connectorBuilder.generatePage.title" })}
               </Heading>
+              <Badge variant="blue">
+                <FormattedMessage id="ui.badge.alpha" />
+              </Badge>
             </FlexContainer>
             <Text size="sm" color="grey">
               <FormattedMessage id="connectorBuilder.generatePage.description" />