Make teaser text click-through

This will allow users to focus on the line by clicking on the teaser
text

Fixed: 480915672
Change-Id: Iaee55f62779ee793e26f0dac1b3f823d82bee59f
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7581258
Commit-Queue: Samiya Caur <samiyac@chromium.org>
Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>

Author: samiyac

front_end/ui/components/text_editor/AiCodeGenerationProvider.ts

@@ -455,9 +455,19 @@ function aiCodeGenerationTeaserExtension(teaser: PanelCommon.AiCodeGenerationTea
         // Required for mouse hover to propagate to the info button in teaser.
         return (event.target instanceof Node && teaser.contentElement.contains(event.target));
       },
-      mousedown(event: MouseEvent): boolean {
-        // Required for mouse click to propagate to the info tooltip in teaser.
-        return (event.target instanceof Node && teaser.contentElement.contains(event.target));
+      mousedown(event: MouseEvent, view: CodeMirror.EditorView): boolean {
+        if (!(event.target instanceof Node) || !teaser.contentElement.contains(event.target)) {
+          return false;
+        }
+        // On mouse click, move the cursor position to the end of the line.
+        const cursorPosition = view.state.selection.main.head;
+        const line = view.state.doc.lineAt(cursorPosition);
+        if (cursorPosition !== line.to) {
+          view.dispatch({selection: {anchor: line.to, head: line.to}});
+        }
+        // Explicitly focus the editor.
+        view.focus();
+        return true;
       },
       keydown(event: KeyboardEvent): boolean {
         if (!UI.KeyboardShortcut.KeyboardShortcut.eventHasCtrlEquivalentKey(event) ||