Merge branch 'master' into joanne-tutorialagent

1 files changed, 8 insertions, 69 deletions

diff --git a/src/client/views/pdf/AnchorMenu.tsx b/src/client/views/pdf/AnchorMenu.tsx
index 9aa8fe649..eb6516403 100644
--- a/src/client/views/pdf/AnchorMenu.tsx
+++ b/src/client/views/pdf/AnchorMenu.tsx
@@ -1,24 +1,19 @@
 import { ColorPicker, Group, IconButton, Popup, Size, Toggle, ToggleType, Type } from '@dash/components';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { IReactionDisposer, ObservableMap, action, computed, makeObservable, observable, reaction, runInAction } from 'mobx';
+import { IReactionDisposer, ObservableMap, action, computed, makeObservable, observable, reaction } from 'mobx';
 import { observer } from 'mobx-react';
 import * as React from 'react';
 import { ColorResult } from 'react-color';
-import ReactLoading from 'react-loading';
 import { ClientUtils, returnFalse, setupMoveUpEvents } from '../../../ClientUtils';
 import { emptyFunction, unimplementedFunction } from '../../../Utils';
 import { Doc, Opt } from '../../../fields/Doc';
-import { DocData } from '../../../fields/DocSymbols';
 import { SettingsManager } from '../../util/SettingsManager';
-import { undoBatch } from '../../util/UndoManager';
 import { AntimodeMenu, AntimodeMenuProps } from '../AntimodeMenu';
 import { LinkPopup } from '../linking/LinkPopup';
-import { ComparisonBox } from '../nodes/ComparisonBox';
 import { DocumentView } from '../nodes/DocumentView';
-import { DrawingOptions, SmartDrawHandler } from '../smartdraw/SmartDrawHandler';
+import { RichTextMenu } from '../nodes/formattedText/RichTextMenu';
 import './AnchorMenu.scss';
 import { GPTPopup } from './GPTPopup/GPTPopup';
-import { RichTextMenu } from '../nodes/formattedText/RichTextMenu';
 
 @observer
 export class AnchorMenu extends AntimodeMenu<AntimodeMenuProps> {
@@ -73,7 +68,6 @@ export class AnchorMenu extends AntimodeMenu<AntimodeMenuProps> {
     public MakeTargetToggle: () => void = unimplementedFunction;
     public ShowTargetTrail: () => void = unimplementedFunction;
     public IsTargetToggler: () => boolean = returnFalse;
-    public gptFlashcards: () => void = unimplementedFunction;
     public makeLabels: () => void = unimplementedFunction;
     public marqueeWidth = 0;
     public marqueeHeight = 0;
@@ -98,57 +92,11 @@ export class AnchorMenu extends AntimodeMenu<AntimodeMenuProps> {
      * Invokes the API with the selected text and stores it in the summarized text.
      * @param e pointer down event
      */
-    gptSummarize = () => GPTPopup.Instance.generateSummary(this._selectedText);
-
-    /*
-     * Transfers the flashcard text generated by GPT on flashcards and creates a collection out them.
-     */
-
-    transferToFlashcard = (text: string, x: number, y: number) => {
-        ComparisonBox.createFlashcardDeck(text, 250, 200, 'data_front', 'data_back').then(
-            action(newCol => {
-                newCol.x = x;
-                newCol.y = y;
-                newCol.zIndex = 1000;
-                this.addToCollection?.(newCol);
-                this._loading = false;
-            })
-        );
-    };
-
-    /**
-     * Creates a GPT drawing based on selected text.
-     */
-    gptDraw = (e: React.PointerEvent) => {
-        try {
-            SmartDrawHandler.Instance.AddDrawing = this.createDrawingAnnotation;
-            runInAction(() => (this._isLoading = true));
-            SmartDrawHandler.Instance.drawWithGPT({ X: e.clientX, Y: e.clientY }, this._selectedText, 5, 100, true)?.then(
-                action(() => {
-                    this._isLoading = false;
-                })
-            );
-        } catch (err) {
-            console.error(err);
-        }
+    gptAskAboutSelection = () => {
+        GPTPopup.Instance.askAIAboutSelection(this._selectedText);
+        AnchorMenu.Instance.fadeOut(true);
     };
 
-    /**
-     * Defines how a GPT drawing should be added to the current document.
-     */
-    @undoBatch
-    createDrawingAnnotation = action((drawing: Doc, opts: DrawingOptions, gptRes: string) => {
-        this.AddDrawingAnnotation(drawing);
-        const docData = drawing[DocData];
-        docData.title = opts.text?.match(/^(.*?)~~~.*$/)?.[1] || opts.text;
-        docData.ai_drawing_input = opts.text;
-        docData.ai_drawing_complexity = opts.complexity;
-        docData.ai_drawing_colored = opts.autoColor;
-        docData.ai_drawing_size = opts.size;
-        docData.ai_drawing_data = gptRes;
-        docData.ai = 'gpt';
-    });
-
     pointerDown = (e: React.PointerEvent) => {
         setupMoveUpEvents(
             this,
@@ -225,23 +173,14 @@ export class AnchorMenu extends AntimodeMenu<AntimodeMenuProps> {
                     {/* GPT Summarize icon only shows up when text is highlighted, not on marquee selection */}
                     {this._selectedText && (
                         <IconButton
-                            tooltip="Summarize with AI" //
-                            onPointerDown={this.gptSummarize}
+                            tooltip="Ask AI..." //
+                            onPointerDown={this.gptAskAboutSelection}
                             icon={<FontAwesomeIcon icon="comment-dots" size="lg" />}
                             color={SettingsManager.userColor}
                         />
                     )}
                     {/* Adds a create flashcards option to the anchor menu, which calls the gptFlashcard method. */}
-                    <IconButton tooltip="Create flashcards" onPointerDown={this.gptFlashcards} icon={<FontAwesomeIcon icon="layer-group" size="lg" />} color={SettingsManager.userColor} />
-                    <IconButton tooltip="Create labels" onPointerDown={this.makeLabels} icon={<FontAwesomeIcon icon="tag" size="lg" />} color={SettingsManager.userColor} />
-                    {this._selectedText && (
-                        <IconButton
-                            tooltip="Create drawing"
-                            onPointerDown={e => this.gptDraw(e)}
-                            icon={this._isLoading ? <ReactLoading type="spin" color={SettingsManager.userVariantColor} width={16} height={20} /> : <FontAwesomeIcon icon="paintbrush" size="lg" />}
-                            color={SettingsManager.userColor}
-                        />
-                    )}
+                    {this.makeLabels === unimplementedFunction ? null : <IconButton tooltip="Create labels" onPointerDown={this.makeLabels} icon={<FontAwesomeIcon icon="tag" size="lg" />} color={SettingsManager.userColor} />}
                     {this._selectedText && RichTextMenu.Instance?.createLinkButton()}
                     {AnchorMenu.Instance.OnAudio === unimplementedFunction ? null : (
                         <IconButton