frontend/new: fix AI generate for ipynb-sagews and tweak +New page

Author: haraldschilly

src/packages/frontend/codemirror/extensions/ai-formula.tsx

@@ -1,5 +1,6 @@
 import { Button, Descriptions, Divider, Input, Modal, Space } from "antd";
 import { debounce } from "lodash";
+import { useIntl } from "react-intl";
 
 import { useLanguageModelSetting } from "@cocalc/frontend/account/useLanguageModelSetting";
 import {
@@ -22,13 +23,14 @@ import {
 import AIAvatar from "@cocalc/frontend/components/ai-avatar";
 import { LLMModelName } from "@cocalc/frontend/components/llm-name";
 import LLMSelector from "@cocalc/frontend/frame-editors/llm/llm-selector";
+import { dialogs } from "@cocalc/frontend/i18n";
 import { show_react_modal } from "@cocalc/frontend/misc";
 import { LLMCostEstimation } from "@cocalc/frontend/misc/llm-cost-estimation";
 import track from "@cocalc/frontend/user-tracking";
 import { webapp_client } from "@cocalc/frontend/webapp-client";
 import { isFreeModel } from "@cocalc/util/db-schema/llm-utils";
-import { unreachable } from "@cocalc/util/misc";
 import { Locale } from "@cocalc/util/i18n";
+import { unreachable } from "@cocalc/util/misc";
 
 type Mode = "tex" | "md";
 
@@ -65,6 +67,7 @@ interface Props extends Opts {
 }
 
 function AiGenFormula({ mode, text = "", project_id, locale, cb }: Props) {
+  const intl = useIntl();
   const { setLocale } = useLocalizationCtx();
   const is_cocalc_com = useTypedRedux("customize", "is_cocalc_com");
   const [model, setModel] = useLanguageModelSetting(project_id);
@@ -260,7 +263,7 @@ function AiGenFormula({ mode, text = "", project_id, locale, cb }: Props) {
         </Title>
         {enabled ? (
           <>
-            Select language model:{" "}
+            {intl.formatMessage(dialogs.select_llm)}:{" "}
             <LLMSelector
               project_id={project_id}
               model={model}

src/packages/frontend/i18n/common.ts

@@ -1332,6 +1332,10 @@ export const jupyter = {
 };
 
 export const dialogs = defineMessages({
+  select_llm: {
+    id: "ai-generator.select_llm",
+    defaultMessage: "Select language model",
+  },
   project_start_warning_title: {
     id: "project-start-warning.title",
     defaultMessage: "Start this project?",

src/packages/frontend/i18n/trans/ar_EG.json

@@ -33,6 +33,7 @@
   "accountaccount.account_preferences.subtitle": "قم بضبط تفضيلات الحساب أدناه. <A>قم بزيارة إعدادات حسابك لمزيد من المعلومات...</A>",
   "ai-generate-document.loading_kernels.error_message": "غير قادر على تحميل نوى Jupyter. تأكد من تشغيل المشروع وتثبيت Jupyter.",
   "ai-generate-document.modal.title": "إنشاء مستند {docName} باستخدام الذكاء الاصطناعي",
+  "ai-generator.select_llm": "اختر نموذج اللغة",
   "app.fullscreen-button.tooltip": "وضع الشاشة الكاملة، يركز على المستند أو الصفحة الحالية.",
   "chat.chat-indicator.tooltip": "إخفاء أو إظهار محادثة المستندات",
   "chat.input.placeholder": "اكتب رسالة جديدة ({have_llm, select, true {الدردشة مع الذكاء الاصطناعي أو } other {}}إخطار زميل بكتابة @)...",
@@ -781,9 +782,17 @@
   "project.new.new-file-page.upload.description": "يمكنك إسقاط ملف أو أكثر هنا أو في قائمة ملفات المستكشف. اطلع على <A>التوثيق</A> لمزيد من الطرق لإضافة ملفاتك إلى مشروعك.",
   "project.new.new-file-page.upload.title": "تحميل الملفات إلى مشروعك",
   "project.open_file.what": "افتح الملف \"{path}\"",
+  "project.page.ai-generate-document.content.label": "قدم وصفًا مفصلًا لوثيقة {docName} التي تريد إنشاؤها:",
+  "project.page.ai-generate-document.content.placeholder": "وصف المحتوى...",
   "project.page.ai-generate-document.create_document.what": "إنشاء مستند {docName} \"{path}\"",
+  "project.page.ai-generate-document.create.label": "إنشاء {docName} باستخدام",
   "project.page.ai-generate-document.info.title": "مولد",
   "project.page.ai-generate-document.info.tooltip": "افتح مولد الذكاء الاصطناعي لإنشاء مستند تلقائيًا",
+  "project.page.ai-generate-document.preview.footer": "انقر على \"حفظ\" لتخزين معاينة المحتوى في ملف جديد بالاسم المحدد. يمكنك بعد ذلك تحرير وتشغيل المستند الحسابي كالمعتاد. انقر على \"تجاهل\" لتجاهل النتيجة والعودة إلى الخطوة السابقة.",
+  "project.page.ai-generate-document.preview.header": "هذا معاينة للمحتوى المُنشأ.",
+  "project.page.ai-generate-document.preview.info": "سيتم إرسال مطالبة لإنشاء المستند إلى نموذج اللغة {llm}. سترى معاينة للمحتوى الجديد، الذي ستتمكن بعد ذلك من حفظه في ملف جديد والبدء في العمل عليه. بشكل عام، يجب أن يساعدك المستند الذي تم إنشاؤه حديثًا في البدء في تحقيق هدفك.",
+  "project.page.ai-generate-document.preview.save_message": "لقد انتهى من توليد المحتوى. يمكنك إما <B>حفظ الملف</B> بالاسم المعطى، أو تجاهل المعاينة والعودة إلى الخطوة السابقة.",
+  "project.page.ai-generate-document.preview.saving": "{saving, select, true {يتم حفظ الملف...} other {يرجى الانتظار حتى يتم الانتهاء من التوليد...}}",
   "project.page.file-tab.search_file.label": "بحث",
   "project.page.file-tab.upgrades.flyoutTitle": "ترقيات المشروع",
   "project.page.flyout.log.title": "الملفات الأخيرة",

src/packages/frontend/i18n/trans/de_DE.json

@@ -32,7 +32,8 @@
   "account.terminal-settings.label-row.label": "Terminalfarbschema",
   "accountaccount.account_preferences.subtitle": "Passen Sie die Kontoeinstellungen unten an. <A>Besuchen Sie Ihre Kontokonfiguration für mehr...</A>",
   "ai-generate-document.loading_kernels.error_message": "Jupyter-Kernel können nicht geladen werden. Stellen Sie sicher, dass das Projekt läuft und Jupyter installiert ist.",
-  "ai-generate-document.modal.title": "Erzeugen Sie ein {docName} Dokument mit KI",
+  "ai-generate-document.modal.title": "Erzeuge ein {docName} Dokument mit KI",
+  "ai-generator.select_llm": "Sprachmodell auswählen",
   "app.fullscreen-button.tooltip": "Vollbildmodus, fokussiert auf das aktuelle Dokument oder die aktuelle Seite",
   "chat.chat-indicator.tooltip": "Dokument-Chat ausblenden oder anzeigen",
   "chat.input.placeholder": "Schreib eine neue Nachricht ({have_llm, select, true {sprich mit einer KI oder } other {}}kontaktiere eine/n Mitarbeiter/in durch Erwähnen mit einem @)...",
@@ -781,9 +782,17 @@
   "project.new.new-file-page.upload.description": "Sie können eine oder mehrere Dateien hier oder in der Explorer-Dateiliste ablegen. Siehe <A>Dokumentation</A> für weitere Möglichkeiten, Ihre Dateien in Ihr Projekt zu bekommen.",
   "project.new.new-file-page.upload.title": "Dateien in Ihr Projekt hochladen",
   "project.open_file.what": "öffne die Datei \"{path}\"",
+  "project.page.ai-generate-document.content.label": "Geben Sie eine detaillierte Beschreibung des {docName}-Dokuments, das Sie erstellen möchten:",
+  "project.page.ai-generate-document.content.placeholder": "Inhalt beschreiben...",
   "project.page.ai-generate-document.create_document.what": "erstelle das {docName} Dokument \"{path}\"",
+  "project.page.ai-generate-document.create.label": "Erstelle {docName} mit",
   "project.page.ai-generate-document.info.title": "Generator",
   "project.page.ai-generate-document.info.tooltip": "Öffnen Sie den AI-Generator, um automatisch ein Dokument zu erstellen.",
+  "project.page.ai-generate-document.preview.footer": "Klicken Sie auf \"Speichern\", um die Vorschau des Inhalts in einer neuen Datei mit dem angegebenen Dateinamen zu speichern. Sie können dann das Rechendokument wie gewohnt bearbeiten und ausführen. Klicken Sie auf \"Verwerfen\", um das Ergebnis zu ignorieren und zum vorherigen Schritt zurückzukehren.",
+  "project.page.ai-generate-document.preview.header": "Dies ist eine Vorschau des generierten Inhalts.",
+  "project.page.ai-generate-document.preview.info": "Eine Aufforderung zur Erstellung des Dokuments wird an das {llm} Sprachmodell gesendet. Sie sehen eine Vorschau des neuen Inhalts, die Sie dann in einer neuen Datei speichern und daran arbeiten können. Insgesamt sollte das neu erstellte Dokument Ihnen helfen, Ihr Ziel zu erreichen.",
+  "project.page.ai-generate-document.preview.save_message": "Es hat die Inhalte fertiggestellt. Sie können entweder die Datei mit dem angegebenen Dateinamen <B>speichern</B> oder die Vorschau verwerfen und zum vorherigen Schritt zurückkehren.",
+  "project.page.ai-generate-document.preview.saving": "{saving, select, true {Die Datei wird gespeichert...} other {Bitte warten Sie, bis vollständig generiert...}}",
   "project.page.file-tab.search_file.label": "Suche",
   "project.page.file-tab.upgrades.flyoutTitle": "Projekt-Upgrades",
   "project.page.flyout.log.title": "Kürzlich bearbeitete Dateien",

src/packages/frontend/i18n/trans/es_ES.json

@@ -33,6 +33,7 @@
   "accountaccount.account_preferences.subtitle": "Ajusta las preferencias de tu cuenta a continuación. <A>Visita la configuración de tu cuenta para más...</A>",
   "ai-generate-document.loading_kernels.error_message": "No se pueden cargar los núcleos de Jupyter. Asegúrese de que el proyecto esté en ejecución y Jupyter esté instalado.",
   "ai-generate-document.modal.title": "Generar un documento {docName} usando IA",
+  "ai-generator.select_llm": "Seleccionar modelo de idioma",
   "app.fullscreen-button.tooltip": "Modo de pantalla completa, centrado en el documento o página actual.",
   "chat.chat-indicator.tooltip": "Ocultar o Mostrar Chat del Documento",
   "chat.input.placeholder": "Escribe un nuevo mensaje ({have_llm, select, true {chatea con AI o } other {}}notifica a un colaborador escribiendo @)...",
@@ -781,9 +782,17 @@
   "project.new.new-file-page.upload.description": "Puedes soltar uno o más archivos aquí o en la lista de archivos del Explorador. Consulta la <A>documentación</A> para más formas de añadir tus archivos a tu proyecto.",
   "project.new.new-file-page.upload.title": "Subir archivos a tu proyecto",
   "project.open_file.what": "abre el archivo \"{path}\"",
+  "project.page.ai-generate-document.content.label": "Proporcione una descripción detallada del documento {docName} que desea crear:",
+  "project.page.ai-generate-document.content.placeholder": "Describir el contenido...",
   "project.page.ai-generate-document.create_document.what": "crear el documento {docName} \"{path}\"",
+  "project.page.ai-generate-document.create.label": "Crear {docName} usando",
   "project.page.ai-generate-document.info.title": "Generador",
   "project.page.ai-generate-document.info.tooltip": "Abre el Generador de IA para crear un documento automáticamente.",
+  "project.page.ai-generate-document.preview.footer": "Haz clic en \"guardar\" para almacenar la vista previa del contenido en un nuevo archivo con el nombre de archivo dado. Luego puedes editar y ejecutar el documento computacional como de costumbre. Haz clic en \"descartar\" para ignorar el resultado y volver al paso anterior.",
+  "project.page.ai-generate-document.preview.header": "Esta es una vista previa del contenido generado.",
+  "project.page.ai-generate-document.preview.info": "Se enviará un aviso al modelo de lenguaje {llm} para generar el documento. Verás una vista previa del nuevo contenido, que luego podrás guardar en un nuevo archivo y comenzar a trabajar en él. En general, el documento recién creado debería ayudarte a comenzar a lograr tu objetivo.",
+  "project.page.ai-generate-document.preview.save_message": "Terminó de generar el contenido. Puedes <B>guardar el archivo</B> con el nombre de archivo dado, o descartar la vista previa y volver al paso anterior.",
+  "project.page.ai-generate-document.preview.saving": "{saving, select, true {El archivo se está guardando...} other {Por favor, espera hasta que se genere completamente...}}",
   "project.page.file-tab.search_file.label": "Buscar",
   "project.page.file-tab.upgrades.flyoutTitle": "Mejoras del Proyecto",
   "project.page.flyout.log.title": "Archivos Recientes",

src/packages/frontend/i18n/trans/fr_FR.json

@@ -33,6 +33,7 @@
   "accountaccount.account_preferences.subtitle": "Ajustez les préférences de compte ci-dessous. <A>Visitez la configuration de votre compte pour plus...</A>",
   "ai-generate-document.loading_kernels.error_message": "Impossible de charger les noyaux Jupyter. Assurez-vous que le projet est en cours d'exécution et que Jupyter est installé.",
   "ai-generate-document.modal.title": "Générer un document {docName} en utilisant l'IA",
+  "ai-generator.select_llm": "Sélectionner le modèle de langue",
   "app.fullscreen-button.tooltip": "Mode plein écran, concentré sur le document ou la page actuelle.",
   "chat.chat-indicator.tooltip": "Masquer ou Afficher le Chat du Document",
   "chat.input.placeholder": "Tapez un nouveau message ({have_llm, select, true {discutez avec l'IA ou } other {}}notifiez un collaborateur en tapant @)...",
@@ -781,9 +782,17 @@
   "project.new.new-file-page.upload.description": "Vous pouvez déposer un ou plusieurs fichiers ici ou dans la liste des fichiers de l'Explorateur. Voir <A>documentation</A> pour plus de moyens d'ajouter vos fichiers à votre projet.",
   "project.new.new-file-page.upload.title": "Télécharger des fichiers dans votre projet",
   "project.open_file.what": "ouvrir le fichier \"{path}\"",
+  "project.page.ai-generate-document.content.label": "Fournissez une description détaillée du document {docName} que vous souhaitez créer :",
+  "project.page.ai-generate-document.content.placeholder": "Décrire le contenu...",
   "project.page.ai-generate-document.create_document.what": "créer le document {docName} \"{path}\"",
+  "project.page.ai-generate-document.create.label": "Créer {docName} en utilisant",
   "project.page.ai-generate-document.info.title": "Générateur",
   "project.page.ai-generate-document.info.tooltip": "Ouvrez le Générateur d'IA pour créer automatiquement un document",
+  "project.page.ai-generate-document.preview.footer": "Cliquez sur \"enregistrer\" pour stocker l'aperçu du contenu dans un nouveau fichier avec le nom de fichier donné. Vous pouvez ensuite éditer et exécuter le document de calcul comme d'habitude. Cliquez sur \"ignorer\" pour ignorer le résultat et revenir à l'étape précédente.",
+  "project.page.ai-generate-document.preview.header": "Ceci est un aperçu du contenu généré.",
+  "project.page.ai-generate-document.preview.info": "Une invite pour générer le document sera envoyée au modèle de langue {llm}. Vous verrez un aperçu du nouveau contenu, que vous pourrez ensuite enregistrer dans un nouveau fichier et commencer à travailler dessus. Dans l'ensemble, le document nouvellement créé devrait vous aider à commencer à atteindre votre objectif.",
+  "project.page.ai-generate-document.preview.save_message": "Il a fini de générer le contenu. Vous pouvez soit <B>enregistrer le fichier</B> avec le nom donné, soit annuler l'aperçu et revenir à l'étape précédente.",
+  "project.page.ai-generate-document.preview.saving": "{saving, select, true {Le fichier est en cours de sauvegarde...} other {Veuillez attendre jusqu'à ce que ce soit entièrement généré...}}",
   "project.page.file-tab.search_file.label": "Trouver",
   "project.page.file-tab.upgrades.flyoutTitle": "Mises à niveau du projet",
   "project.page.flyout.log.title": "Fichiers récents",

src/packages/frontend/i18n/trans/he_IL.json

@@ -33,6 +33,7 @@
   "accountaccount.account_preferences.subtitle": "התאם את הגדרות החשבון למטה. <A>בקר בהגדרות החשבון שלך למידע נוסף...</A>",
   "ai-generate-document.loading_kernels.error_message": "לא ניתן לטעון את הליבות של Jupyter. ודא שהפרויקט פועל ו-Jupyter מותקן.",
   "ai-generate-document.modal.title": "צור מסמך {docName} באמצעות AI",
+  "ai-generator.select_llm": "בחר מודל שפה",
   "app.fullscreen-button.tooltip": "מצב מסך מלא, ממוקד במסמך או בעמוד הנוכחי",
   "chat.chat-indicator.tooltip": "הסתר או הצג צ'אט מסמך",
   "chat.input.placeholder": "הקלד הודעה חדשה ({have_llm, select, true {שוחח עם AI או } other {}}הודע לשתף פעולה על ידי הקלדת @)...",
@@ -781,9 +782,17 @@
   "project.new.new-file-page.upload.description": "ניתן לשחרר קובץ אחד או יותר כאן או ברשימת הקבצים ב-Explorer. ראה <A>תיעוד</A> לעוד דרכים להעלות את הקבצים שלך לפרויקט שלך.",
   "project.new.new-file-page.upload.title": "העלאת קבצים לפרויקט שלך",
   "project.open_file.what": "פתח את הקובץ \"{path}\"",
+  "project.page.ai-generate-document.content.label": "ספק תיאור מפורט של המסמך {docName} שברצונך ליצור",
+  "project.page.ai-generate-document.content.placeholder": "תאר את התוכן...",
   "project.page.ai-generate-document.create_document.what": "צור את המסמך {docName} \"{path}\"",
+  "project.page.ai-generate-document.create.label": "צור {docName} באמצעות",
   "project.page.ai-generate-document.info.title": "גנרטור",
   "project.page.ai-generate-document.info.tooltip": "פתח את מחולל ה-AI ליצירת מסמך באופן אוטומטי",
+  "project.page.ai-generate-document.preview.footer": "לחץ על \"שמור\" כדי לאחסן את התצוגה המקדימה של התוכן בקובץ חדש עם שם הקובץ הנתון. לאחר מכן תוכל לערוך ולהפעיל את המסמך החישובי כרגיל. לחץ על \"התעלם\" כדי להתעלם מהתוצאה ולחזור לשלב הקודם.",
+  "project.page.ai-generate-document.preview.header": "זהו תצוגה מקדימה של התוכן שנוצר",
+  "project.page.ai-generate-document.preview.info": "תתבקש מהמודל השפתי {llm} ליצור את המסמך. תראה תצוגה מקדימה של התוכן החדש, שתוכל לשמור בקובץ חדש ולהתחיל לעבוד עליו. בסך הכל, המסמך החדש שנוצר אמור לעזור לך להתחיל להשיג את מטרתך.",
+  "project.page.ai-generate-document.preview.save_message": "זה סיים לייצר את התוכן. תוכל או <B>לשמור את הקובץ</B> עם שם הקובץ שניתן, או לבטל את התצוגה המקדימה ולחזור לשלב הקודם.",
+  "project.page.ai-generate-document.preview.saving": "{saving, select, true {הקובץ נשמר...} other {אנא המתן עד להשלמה מלאה...}}",
   "project.page.file-tab.search_file.label": "מצא",
   "project.page.file-tab.upgrades.flyoutTitle": "שדרוגי פרויקט",
   "project.page.flyout.log.title": "קבצים אחרונים",