fix #8553 -- generate using AI link got broken.

- this code is so confusing and I don't even understand how my fix works

Author: williamstein

src/packages/frontend/jupyter/codemirror-editor.tsx

@@ -828,7 +828,9 @@ export const CodeMirrorEditor: React.FC<CodeMirrorEditorProps> = ({
               opacity: 0.5,
               fontSize: "inherit",
             }}
-            onClick={() => setShowAICellGen("replace")}
+            onClick={() => {
+              setShowAICellGen("replace");
+            }}
           >
             generate using AI...
           </a>

src/packages/frontend/jupyter/insert-cell/index.tsx

@@ -98,7 +98,10 @@ export function InsertCell({
     classNames.push("cocalc-jupyter-insert-cell-below");
   }
 
-  const isActiveAIGenerator = !hide && showAICellGen === position;
+  const isActiveAIGenerator =
+    !hide &&
+    (showAICellGen === position ||
+      (position === "below" && showAICellGen === "replace"));
 
   function renderControls() {
     return (

src/packages/frontend/jupyter/llm/cell-context-selector.tsx

@@ -143,7 +143,9 @@ export function LLMCellContextSelector({
           <Flex flex={0}>
             <Switch
               checked={cellTypes === "all"}
-              onChange={(val) => onCellTypesChange(val ? "all" : "code")}
+              onChange={(checked) => {
+                onCellTypesChange(checked ? "all" : "code");
+              }}
               unCheckedChildren="Code cells"
               checkedChildren="All Cells"
             />

src/packages/frontend/jupyter/llm/cell-tool.tsx

@@ -672,8 +672,8 @@ export function LLMCellTool({ actions, id, style, llmTools, cellType }: Props) {
         mode === "translate_text"
           ? getLanguageName(targetTextLanguage)
           : targetLanguage === OTHER_LANG
-          ? otherLanguage
-          : targetLanguage,
+            ? otherLanguage
+            : targetLanguage,
       stepByStep,
     });