@smart-cloud/ai-kit-ui 1.1.37 → 1.1.39

package/package.json

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

package/src/ai-feature/AiFeature.tsx

@@ -336,7 +336,7 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
 
   const [state, setState] = useState<string>();
   const [featureOpen, setFeatureOpen] = useState<boolean>(!showOpenButton);
-  const [optionsOpen, setOptionsOpen] = useState<boolean>();
+  const [optionsOpen, setOptionsOpen] = useState<boolean>(false);
   const [backendConfigured, setBackendConfigured] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [generated, setGenerated] = useState<never | null>(null);
@@ -525,6 +525,7 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
             const res = await ai.run(async ({ signal, onStatus }) => {
               const expectedInputLanguages: AiKitLanguageCode[] = [];
               try {
+                setState("Detecting input language...");
                 const res = await detectLanguage(
                   { text: text!.trim() },
                   {
@@ -970,7 +971,6 @@ Follow these additional instructions: ${instructions}`
 
   useEffect(() => {
     if (
-      optionsOpen !== false ||
       !featureOpen ||
       !autoRun ||
       !canGenerate ||
@@ -998,7 +998,10 @@ Follow these additional instructions: ${instructions}`
   useEffect(() => {
     if (!allowOverrideParameters) return;
     if (mode === "proofread") return;
-    if (!canGenerate) setOptionsOpen(true);
+    if (!canGenerate) {
+      setOptionsOpen(true);
+      autoRunOnceRef.current = true;
+    }
   }, [allowOverrideParameters, canGenerate, mode]);
 
   useEffect(() => {
@@ -1220,7 +1223,7 @@ Follow these additional instructions: ${instructions}`
                         )}
                       </Group>
 
-                      <CollapseComponent in={optionsOpen === true}>
+                      <CollapseComponent in={optionsOpen}>
                         {optionsDisplay === "collapse" && <Divider my="sm" />}
                         <OptionsComponent gap="xs" justify="space-between">
                           {/* TOPIC */}