fix(gui): remove prompt length error condition (#268)

gui/src/components/input/PromptInput.tsx

@@ -13,33 +13,32 @@ export interface PromptInputProps extends PromptValue {
   onChange?: Maybe<(value: PromptValue) => void>;
 }
 
-export const PROMPT_LIMIT = 77;
+export const PROMPT_GROUP = 75;
+
+function splitPrompt(prompt: string): Array<string> {
+  return prompt
+    .split(',')
+    .flatMap((phrase) => phrase.split(' '))
+    .map((word) => word.trim())
+    .filter((word) => word.length > 0);
+}
 
 export function PromptInput(props: PromptInputProps) {
   const { prompt = '', negativePrompt = '' } = props;
-  const promptLength = prompt.split(' ').length;
+
-  const error = promptLength > PROMPT_LIMIT;
+  const tokens = splitPrompt(prompt);
+  const groups = Math.ceil(tokens.length / PROMPT_GROUP);
 
   const { t } = useTranslation();
-
+  const helper = t('input.prompt.tokens', {
-  function promptHelper() {
+    groups,
-    const params = {
+    tokens: tokens.length,
-      current: promptLength,
+  });
-      max: PROMPT_LIMIT,
-    };
-
-    if (error) {
-      return t('input.prompt.error.length', params);
-    } else {
-      return t('input.prompt.tokens', params);
-    }
-  }
 
   return <Stack spacing={2}>
     <TextField
-      error={error}
       label={t('parameter.prompt')}
-      helperText={promptHelper()}
+      helperText={helper}
       variant='outlined'
       value={prompt}
       onChange={(event) => {

gui/src/strings/en.ts

@@ -30,10 +30,7 @@ export const I18N_STRINGS_EN = {
           },
         },
         prompt: {
-          tokens: 'Tokens: {{current}}/{{max}}',
+          tokens: '{{tokens}} tokens, {{groups}} groups',
-          error: {
-            length: 'Too many tokens: {{current}}/{{max}}',
-          },
         },
       },
       loading: {