@smart-cloud/ai-kit-ui 1.1.34 → 1.1.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smart-cloud/ai-kit-ui",
-  "version": "1.1.34",
+  "version": "1.1.36",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/src/ai-feature/AiFeature.tsx

@@ -335,7 +335,7 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
 
   const [state, setState] = useState<string>();
   const [featureOpen, setFeatureOpen] = useState<boolean>(!showOpenButton);
-  const [optionsOpen, setOptionsOpen] = useState<boolean>(false);
+  const [optionsOpen, setOptionsOpen] = useState<boolean>();
   const [backendConfigured, setBackendConfigured] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [generated, setGenerated] = useState<never | null>(null);
@@ -344,6 +344,7 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
   const [instructions, setInstructions] = useState<string | undefined>(
     defaults?.instructions,
   );
+  const [detectedLanguage, setDetectedLanguage] = useState<AiKitLanguageCode>();
   const [inputLanguage, setInputLanguage] = useState<
     AiKitLanguageCode | "auto" | undefined
   >(defaults?.inputLanguage);
@@ -462,7 +463,7 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
         return (
           Boolean(text && text.trim().length > 0) &&
           outputLanguage &&
-          inputLanguage !== outputLanguage
+          detectedLanguage !== outputLanguage
         );
       case "summarize":
       case "proofread":
@@ -473,7 +474,7 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
       default:
         return false;
     }
-  }, [inputText, mode, image, inputLanguage, outputLanguage, featureOpen]);
+  }, [inputText, mode, image, detectedLanguage, outputLanguage, featureOpen]);
 
   const ai = useAiRun();
   const statusText =
@@ -568,7 +569,9 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
                   onDeviceTimeoutOverride: onDeviceTimeout,
                   silent: true,
                 });
-                setInputLanguage(inputLang);
+                setDetectedLanguage(inputLang);
+              } else {
+                setDetectedLanguage(inputLang);
               }
               const outLang =
                 (outputLanguage && outputLanguage !== "auto"
@@ -962,10 +965,11 @@ Follow these additional instructions: ${instructions}`
     if (ai.busy) {
       ai.cancel();
     }
-  }, [ai]);
+  }, [ai.busy]);
 
   useEffect(() => {
     if (
+      optionsOpen !== false ||
       !featureOpen ||
       !autoRun ||
       !canGenerate ||
@@ -979,7 +983,16 @@ Follow these additional instructions: ${instructions}`
     queueMicrotask(() => {
       void runGenerate(modeOverride);
     });
-  }, [ai.busy, canGenerate, autoRun, generated, runGenerate, modeOverride]);
+  }, [
+    ai.busy,
+    autoRunOnceRef,
+    featureOpen,
+    canGenerate,
+    autoRun,
+    generated,
+    runGenerate,
+    modeOverride,
+  ]);
 
   useEffect(() => {
     if (!allowOverrideParameters) return;
@@ -1206,7 +1219,7 @@ Follow these additional instructions: ${instructions}`
                         )}
                       </Group>
 
-                      <CollapseComponent in={optionsOpen}>
+                      <CollapseComponent in={optionsOpen === true}>
                         {optionsDisplay === "collapse" && <Divider my="sm" />}
                         <OptionsComponent gap="xs" justify="space-between">
                           {/* TOPIC */}