Remove beta labeling (#200)

mattermost · Jun 11, 2024 · 9ed0bb7 · 9ed0bb7
1 parent 561c677
commit 9ed0bb7
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 11 deletions.
diff --git a/webapp/src/components/system_console/bot.tsx b/webapp/src/components/system_console/bot.tsx
@@ -5,7 +5,7 @@ import {FormattedMessage, useIntl} from 'react-intl';
 import {TrashCanOutlineIcon, ChevronDownIcon, AlertOutlineIcon, ChevronUpIcon} from '@mattermost/compass-icons/components';
 
 import IconAI from '../assets/icon_ai';
-import {DangerPill} from '../pill';
+import {DangerPill, Pill} from '../pill';
 
 import {ButtonIcon} from '../assets/buttons';
 
@@ -112,7 +112,7 @@ const Bot = (props: Props) => {
                             <SelectionItemOption value='openai'>{'OpenAI'}</SelectionItemOption>
                             <SelectionItemOption value='openaicompatible'>{'OpenAI Compatible'}</SelectionItemOption>
                             <SelectionItemOption value='anthropic'>{'Anthropic'}</SelectionItemOption>
-                            <SelectionItemOption value='asksage'>{'Ask Sage'}</SelectionItemOption>
+                            <SelectionItemOption value='asksage'>{'Ask Sage (Experimental)'}</SelectionItemOption>
                         </SelectionItem>
                         <ServiceItem
                             service={props.bot.service}
@@ -127,7 +127,12 @@ const Bot = (props: Props) => {
                         />
                         { (props.bot.service.type === 'openai' || props.bot.service.type === 'openaicompatible') && (
                             <BooleanItem
-                                label={intl.formatMessage({defaultMessage: 'Enable Vision'})}
+                                label={
+                                    <Horizontal>
+                                        <FormattedMessage defaultMessage='Enable Vision'/>
+                                        <Pill><FormattedMessage defaultMessage='BETA'/></Pill>
+                                    </Horizontal>
+                                }
                                 value={props.bot.enableVision}
                                 onChange={(to: boolean) => props.onChange({...props.bot, enableVision: to})}
                                 helpText={intl.formatMessage({defaultMessage: 'Enable Vision to allow the bot to process images. Requires a compatible model.'})}
@@ -140,6 +145,13 @@ const Bot = (props: Props) => {
     );
 };
 
+const Horizontal = styled.div`
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 8px;
+`;
+
 type ServiceItemProps = {
     service: LLMService
     onChange: (service: LLMService) => void

diff --git a/webapp/src/components/system_console/config.tsx b/webapp/src/components/system_console/config.tsx
@@ -75,10 +75,9 @@ const defaultConfig = {
 
 const BetaMessage = () => (
     <MessageContainer>
-        <Pill><FormattedMessage defaultMessage='BETA'/></Pill>
         <span>
             <FormattedMessage
-                defaultMessage='This plugin is currently in beta. To report a bug or to provide feedback, <link>create a new issue in the plugin repository</link>.'
+                defaultMessage='To report a bug or to provide feedback, <link>create a new issue in the plugin repository</link>.'
                 values={{link: (chunks: any) => (
                     <a
                         target={'_blank'}

diff --git a/webapp/src/components/system_console/item.tsx b/webapp/src/components/system_console/item.tsx
@@ -111,7 +111,7 @@ export const StyledInput = styled.input<{as?: string}>`
 `;
 
 type BooleanItemProps = {
-    label: string
+    label: React.ReactNode
     value: boolean
     onChange: (to: boolean) => void
     helpText?: string

diff --git a/webapp/src/i18n/en.json b/webapp/src/i18n/en.json
@@ -30,7 +30,6 @@
   "HYbZtR6A": "Enable tracing of LLM requests. Outputs whole conversations to the logs.",
   "HberkbyG": "React for me",
   "HigwY2IC": "User restrictions (experimental)",
-  "Hn93Hjdt": "This plugin is currently in beta. To report a bug or to provide feedback, <link>create a new issue in the plugin repository</link>.",
   "JCIgkjKX": "Username",
   "JLL4ie2j": "AI Actions",
   "Ku669Gj+": "Meeting agenda",
@@ -52,6 +51,7 @@
   "YGyAkqd5": "Generate With:",
   "YmXaPq7f": "AI services are third party services; Mattermost is not responsible for output.",
   "Z17cukDt": "Chat history",
+  "Zs/vXTiU": "To report a bug or to provide feedback, <link>create a new issue in the plugin repository</link>.",
   "aH3xyeJP": "Choose which bot you want to be the default for each function.",
   "bV+YmcFC": "Default model",
   "cTgKF+6f": "Only Users on Team:",

diff --git a/webapp/src/index.tsx b/webapp/src/index.tsx
@@ -22,7 +22,6 @@ import {BotUsername} from './constants';
 import PostEventListener from './websocket';
 import {setupRedux} from './redux';
 import UnreadsSumarize from './components/unreads_summarize';
-import {Pill} from './components/pill';
 import {PostbackPost} from './components/postback_post';
 
 type WebappStore = Store<GlobalState, Action<Record<string, unknown>>>
@@ -47,9 +46,6 @@ const RHSTitle = () => {
         <RHSTitleContainer>
             <IconAIContainer src={aiIcon}/>
             {'Copilot'}
-            <Pill>
-                {'BETA'}
-            </Pill>
         </RHSTitleContainer>
     );
 };