frontend/jupyter/llm: add Assistant dialog to markdown cells

Author: haraldschilly

src/packages/frontend/account/i18n-selector.tsx

@@ -4,11 +4,20 @@
  */
 
 /*
-Basically a drop-down to change the langauge (i18n localization)
+Basically a drop-down to change the language (i18n localization)
 */
 
 import { DownOutlined } from "@ant-design/icons";
-import { Button, Dropdown, MenuProps, Modal, Space, Tooltip } from "antd";
+import {
+  Button,
+  Dropdown,
+  MenuProps,
+  Modal,
+  Select,
+  SelectProps,
+  Space,
+  Tooltip,
+} from "antd";
 import { SizeType } from "antd/es/config-provider/SizeContext";
 import { useState } from "react";
 import { defineMessage, useIntl } from "react-intl";
@@ -54,6 +63,50 @@ Thank you for your patience and understanding as we work to make our application
   description: "Content of translation information modal",
 });
 
+interface LanguageSelectorProps
+  extends Omit<SelectProps, "options" | "onChange"> {
+  value?: string;
+  onChange?: (language: string) => void;
+}
+
+/**
+ * A reusable language selector component for translation purposes.
+ */
+export function LanguageSelector({
+  value,
+  onChange,
+  ...props
+}: LanguageSelectorProps) {
+  const intl = useIntl();
+
+  let availableLocales = Object.keys(LOCALIZATIONS) as Locale[];
+
+  const options = availableLocales.map((locale) => {
+    const localization = LOCALIZATIONS[locale];
+    const other =
+      locale === value
+        ? localization.name
+        : intl.formatMessage(localization.trans);
+    return {
+      value: locale,
+      label: `${localization.flag} ${localization.native} (${other})`,
+    };
+  });
+
+  return (
+    <Select
+      value={value}
+      onChange={onChange}
+      options={options}
+      placeholder="Select a language..."
+      showSearch
+      optionFilterProp="label"
+      popupMatchSelectWidth={false}
+      {...props}
+    />
+  );
+}
+
 export function I18NSelector(props: Readonly<Props>) {
   const { isWide = true, size, confirm = false } = props;
 

src/packages/frontend/frame-editors/llm/consts.ts

@@ -1,5 +1,5 @@
 // number of characters we send to an LLM for context
-export const CUTOFF = 3000;
+export const CUTOFF = 5000;
 
 // this came from ./create-chat, but for all frame types
 export const AI_ASSIST_TAG = "code-editor";

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

@@ -634,8 +634,8 @@
   "jupyter.cell-buttonbar-menu.paste-cell-below": "لصق الخلية أدناه",
   "jupyter.cell-buttonbar-menu.paste-clipboard": "لصق من الحافظة",
   "jupyter.cell-buttonbar-menu.split-cell": "قسّم الخلية عند المؤشر",
-  "jupyter.cell-buttonbr.format-button.label": "تنسيق",
-  "jupyter.cell-buttonbr.format-button.tooltip": "نسّق هذا الكود ليبدو جميلاً",
+  "jupyter.cell-buttonbar.format-button.label": "تنسيق",
+  "jupyter.cell-buttonbar.format-button.tooltip": "نسّق هذا الكود ليبدو جميلاً",
   "jupyter.commands.cell_toolbar_attachments.label": "شريط أدوات المرفقات",
   "jupyter.commands.cell_toolbar_attachments.menu": "المرفقات",
   "jupyter.commands.cell_toolbar_create_assignment.label": "إنشاء واجب باستخدام NBgrader",
@@ -822,6 +822,15 @@
   "jupyter.llm.cell-tool.actions.explain.label": "اشرح",
   "jupyter.llm.cell-tool.actions.improve.descr": "حسّن الشيفرة في تلك الخلية",
   "jupyter.llm.cell-tool.actions.improve.label": "تحسين",
+  "jupyter.llm.cell-tool.actions.md.ask.descr": "اطرح سؤالًا مخصصًا حول هذه الخلية مع سياق اختياري من الخلايا المحيطة.",
+  "jupyter.llm.cell-tool.actions.md.document.descr": "اكتب ملخصًا حول جميع الخلايا في السياق",
+  "jupyter.llm.cell-tool.actions.md.document.label": "توثيق",
+  "jupyter.llm.cell-tool.actions.md.formulize.descr": "أضف صيغًا رياضية لجعل النص أكثر قابلية للقراءة للعلماء.",
+  "jupyter.llm.cell-tool.actions.md.formulize.label": "إضافة صيغ",
+  "jupyter.llm.cell-tool.actions.md.proofread.descr": "تحسين اللغة، إصلاح الأخطاء الإملائية والنحوية.",
+  "jupyter.llm.cell-tool.actions.md.proofread.label": "تدقيق",
+  "jupyter.llm.cell-tool.actions.md.translate-text.descr": "ترجمة محتوى النص إلى لغة بشرية أخرى.",
+  "jupyter.llm.cell-tool.actions.md.translate-text.label": "ترجمة",
   "jupyter.llm.cell-tool.actions.modify.descr": "عدل الكود في الخلية",
   "jupyter.llm.cell-tool.actions.modify.label": "تعديل",
   "jupyter.llm.cell-tool.actions.translate.descr": "ترجمة الشيفرة في تلك الخلية إلى لغة أخرى باستخدام الذكاء الاصطناعي.",
@@ -831,16 +840,21 @@
   "jupyter.llm.cell-tool.assistant.title": "استخدم مساعد الذكاء الاصطناعي على هذه الخلية",
   "jupyter.llm.cell-tool.bugfix.label": "خلل",
   "jupyter.llm.cell-tool.bugfix.placeholder": "صف المشكلة التي تحتاج إلى إصلاحها...",
+  "jupyter.llm.cell-tool.document.label": "تركيز",
+  "jupyter.llm.cell-tool.document.placeholder": "على ماذا يجب أن تركز الوثائق؟ (اختياري)",
   "jupyter.llm.cell-tool.explain.description": "كيف تشرح الشيفرة؟ إما {summary} عالي المستوى أو {step_by_step} تفسيرات.",
   "jupyter.llm.cell-tool.explain.step-by-step": "خطوة بخطوة",
   "jupyter.llm.cell-tool.explain.summary": "ملخص",
   "jupyter.llm.cell-tool.explanation.ask": "اطرح أي سؤال حول الكود في هذه الخلية. سيقوم نموذج اللغة بتحليل الكود وتقديم إجابة بناءً على سؤالك المحدد.",
   "jupyter.llm.cell-tool.explanation.bugfix": "اشرح مشكلة الكود في الخلية وسيحاول النموذج اللغوي المحدد إصلاحها. عادةً، سيخبرك إذا وجد مشكلة ويشرحها لك.",
   "jupyter.llm.cell-tool.explanation.document": "سيقوم نموذج اللغة بإضافة سطور التوثيق إلى الكود في الخلية.",
   "jupyter.llm.cell-tool.explanation.explain": "سيتم إرسال الكود في الخلية إلى النموذج اللغوي المحدد. سيوضح لك الكود بلغة بسيطة.",
+  "jupyter.llm.cell-tool.explanation.formulize": "سيضيف نموذج اللغة الصيغ الرياضية المناسبة باستخدام ترميز LaTeX لجعل النص أكثر وضوحًا للعلماء.",
   "jupyter.llm.cell-tool.explanation.improve": "سيقوم نموذج اللغة المحدد بتحليل الشفرة واقتراح تحسينات. احذر، فالنتائج لا يُضمن أن تكون صحيحة، وقد تسبب مشاكل طفيفة – راجعها بعناية.",
   "jupyter.llm.cell-tool.explanation.modify": "سيقوم نموذج اللغة بتعديل الكود وفقًا للتعليمات المعطاة. اختر أحد النماذج وقم بتعديله، أو ابتكر تعليمات خاصة بك!",
+  "jupyter.llm.cell-tool.explanation.proofread": "سيقوم نموذج اللغة بمراجعة نص الماركداون، وتصحيح الأخطاء الإملائية والنحوية مع تحسين الوضوح وسهولة القراءة.",
   "jupyter.llm.cell-tool.explanation.translate": "سيحاول نموذج اللغة ترجمة الكود في الخلية إلى لغة برمجة أخرى. قد لا يعمل الناتج على الإطلاق - ولكن إذا كنت أكثر دراية بلغة الهدف المختارة، فقد تجد من الأسهل فهم ما يحدث!",
+  "jupyter.llm.cell-tool.explanation.translate-text": "سيقوم نموذج اللغة بترجمة نصوص الماركداون إلى اللغة المحددة مع الحفاظ على التنسيق والهيكل.",
   "jupyter.llm.cell-tool.footer.info": "إرسال هذه الرسالة إلى {model} سيبدأ محادثة في <A>إطار الدردشة الجانبية</A>. سيرد نموذج اللغة ويمكنك متابعة المحادثة في نفس الموضوع.",
   "jupyter.llm.cell-tool.improve.label": "تحسين",
   "jupyter.llm.cell-tool.improve.placeholder": "سرعة التنفيذ، القابلية للقراءة، …",

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

@@ -634,8 +634,8 @@
   "jupyter.cell-buttonbar-menu.paste-cell-below": "Zelle darunter einfügen",
   "jupyter.cell-buttonbar-menu.paste-clipboard": "Aus Zwischenablage einfügen",
   "jupyter.cell-buttonbar-menu.split-cell": "Zelle am Cursor teilen",
-  "jupyter.cell-buttonbr.format-button.label": "Format",
-  "jupyter.cell-buttonbr.format-button.tooltip": "Formatieren Sie diesen Code, damit er gut aussieht",
+  "jupyter.cell-buttonbar.format-button.label": "Format",
+  "jupyter.cell-buttonbar.format-button.tooltip": "Formatieren Sie diesen Code, damit er gut aussieht",
   "jupyter.commands.cell_toolbar_attachments.label": "Werkzeugleiste für Anhänge",
   "jupyter.commands.cell_toolbar_attachments.menu": "Anhänge",
   "jupyter.commands.cell_toolbar_create_assignment.label": "Aufgabe mit NBgrader erstellen",
@@ -822,6 +822,15 @@
   "jupyter.llm.cell-tool.actions.explain.label": "Erklären",
   "jupyter.llm.cell-tool.actions.improve.descr": "Verbessern des Codes in dieser Zelle.",
   "jupyter.llm.cell-tool.actions.improve.label": "Verbessern",
+  "jupyter.llm.cell-tool.actions.md.ask.descr": "Stellen Sie eine benutzerdefinierte Frage zu dieser Zelle mit optionalem Kontext aus den umliegenden Zellen.",
+  "jupyter.llm.cell-tool.actions.md.document.descr": "Schreiben Sie eine Zusammenfassung über alle Zellen im Kontext",
+  "jupyter.llm.cell-tool.actions.md.document.label": "Dokumentieren",
+  "jupyter.llm.cell-tool.actions.md.formulize.descr": "Fügen Sie mathematische Formeln hinzu, um den Text für Wissenschaftler lesbarer zu machen.",
+  "jupyter.llm.cell-tool.actions.md.formulize.label": "Formeln hinzufügen",
+  "jupyter.llm.cell-tool.actions.md.proofread.descr": "Sprache verbessern, Rechtschreib- und Grammatikfehler beheben.",
+  "jupyter.llm.cell-tool.actions.md.proofread.label": "Korrekturlesen",
+  "jupyter.llm.cell-tool.actions.md.translate-text.descr": "Übersetze den Textinhalt in eine andere menschliche Sprache.",
+  "jupyter.llm.cell-tool.actions.md.translate-text.label": "Übersetzen",
   "jupyter.llm.cell-tool.actions.modify.descr": "Ändern des Codes in der Zelle",
   "jupyter.llm.cell-tool.actions.modify.label": "Ändern",
   "jupyter.llm.cell-tool.actions.translate.descr": "Übersetze den Code in dieser Zelle in eine andere Sprache mit KI.",
@@ -831,16 +840,21 @@
   "jupyter.llm.cell-tool.assistant.title": "AI-Assistent für diese Zelle verwenden",
   "jupyter.llm.cell-tool.bugfix.label": "Fehler",
   "jupyter.llm.cell-tool.bugfix.placeholder": "Beschreiben Sie das zu behebende Problem…",
+  "jupyter.llm.cell-tool.document.label": "Fokus",
+  "jupyter.llm.cell-tool.document.placeholder": "Worauf sollte die Dokumentation fokussieren? (optional)",
   "jupyter.llm.cell-tool.explain.description": "Wie erklärt man den Code? Entweder eine hochrangige {summary} oder {step_by_step} Erklärungen.",
   "jupyter.llm.cell-tool.explain.step-by-step": "Schritt-für-Schritt",
   "jupyter.llm.cell-tool.explain.summary": "Zusammenfassung",
   "jupyter.llm.cell-tool.explanation.ask": "Stellen Sie jede Frage zum Code in dieser Zelle. Das Sprachmodell wird den Code analysieren und basierend auf Ihrer spezifischen Frage eine Antwort geben.",
   "jupyter.llm.cell-tool.explanation.bugfix": "Erklären Sie das Problem des Codes in der Zelle, und das ausgewählte Sprachmodell wird versuchen, es zu beheben. Normalerweise wird es Ihnen mitteilen, ob es ein Problem gefunden hat und es Ihnen erklären.",
   "jupyter.llm.cell-tool.explanation.document": "Das Sprachmodell wird Dokumentationszeilen zum Code in der Zelle hinzufügen.",
   "jupyter.llm.cell-tool.explanation.explain": "Der Code in der Zelle wird an das ausgewählte Sprachmodell gesendet. Es wird den Code in einfacher Sprache erklären.",
+  "jupyter.llm.cell-tool.explanation.formulize": "Das Sprachmodell wird geeignete mathematische Formeln unter Verwendung der LaTeX-Notation hinzufügen, um den Text für Wissenschaftler lesbarer zu machen.",
   "jupyter.llm.cell-tool.explanation.improve": "Das ausgewählte Sprachmodell wird den Code analysieren und Verbesserungen vorschlagen. Beachten Sie, dass die Ergebnisse nicht garantiert korrekt sind und subtile Probleme verursachen können – überprüfen Sie sie sorgfältig.",
   "jupyter.llm.cell-tool.explanation.modify": "Das Sprachmodell wird den Code gemäß den gegebenen Anweisungen ändern. Wählen Sie eine der Vorlagen aus und passen Sie sie an, oder denken Sie sich eigene Anweisungen aus!",
+  "jupyter.llm.cell-tool.explanation.proofread": "Das Sprachmodell wird den Markdown-Text korrigieren, indem es Rechtschreib- und Grammatikfehler behebt und gleichzeitig Klarheit und Lesbarkeit verbessert.",
   "jupyter.llm.cell-tool.explanation.translate": "Das Sprachmodell wird versuchen, den Code in der Zelle in eine andere Programmiersprache zu übersetzen. Das Ergebnis könnte überhaupt nicht funktionieren – aber wenn du mit der ausgewählten Zielsprache vertrauter bist, findest du es vielleicht einfacher zu verstehen, was vor sich geht!",
+  "jupyter.llm.cell-tool.explanation.translate-text": "Das Sprachmodell wird den Markdown-Text in die ausgewählte Sprache übersetzen, während Formatierung und Struktur beibehalten werden.",
   "jupyter.llm.cell-tool.footer.info": "Das Übermitteln dieser Nachricht an {model} wird einen Chat im <A>Seiten-Chat-Fenster</A> starten. Das Sprachmodell antwortet und Sie können das Gespräch im selben Thread fortsetzen.",
   "jupyter.llm.cell-tool.improve.label": "Verbesserung",
   "jupyter.llm.cell-tool.improve.placeholder": "Ausführungsgeschwindigkeit, Lesbarkeit, …",

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

@@ -634,8 +634,8 @@
   "jupyter.cell-buttonbar-menu.paste-cell-below": "Pegar Celda Abajo",
   "jupyter.cell-buttonbar-menu.paste-clipboard": "Pegar desde el portapapeles",
   "jupyter.cell-buttonbar-menu.split-cell": "Dividir Celda en el Cursor",
-  "jupyter.cell-buttonbr.format-button.label": "Formato",
-  "jupyter.cell-buttonbr.format-button.tooltip": "Formatea este código para que se vea bien",
+  "jupyter.cell-buttonbar.format-button.label": "Formato",
+  "jupyter.cell-buttonbar.format-button.tooltip": "Formatea este código para que se vea bien",
   "jupyter.commands.cell_toolbar_attachments.label": "Barra de herramientas de adjuntos",
   "jupyter.commands.cell_toolbar_attachments.menu": "Adjuntos",
   "jupyter.commands.cell_toolbar_create_assignment.label": "Crear Tarea Usando NBgrader",
@@ -822,6 +822,15 @@
   "jupyter.llm.cell-tool.actions.explain.label": "Explicar",
   "jupyter.llm.cell-tool.actions.improve.descr": "Mejora el código en esa celda.",
   "jupyter.llm.cell-tool.actions.improve.label": "Mejorar",
+  "jupyter.llm.cell-tool.actions.md.ask.descr": "Haz una pregunta personalizada sobre esta celda con contexto opcional de las celdas circundantes.",
+  "jupyter.llm.cell-tool.actions.md.document.descr": "Escribe un resumen sobre todas las celdas en el contexto",
+  "jupyter.llm.cell-tool.actions.md.document.label": "Documentar",
+  "jupyter.llm.cell-tool.actions.md.formulize.descr": "Añadir fórmulas matemáticas para hacer el texto más comprensible para los científicos.",
+  "jupyter.llm.cell-tool.actions.md.formulize.label": "Agregar fórmulas",
+  "jupyter.llm.cell-tool.actions.md.proofread.descr": "Mejorar el idioma, corregir errores de ortografía y gramática.",
+  "jupyter.llm.cell-tool.actions.md.proofread.label": "Corregir pruebas",
+  "jupyter.llm.cell-tool.actions.md.translate-text.descr": "Traduce el contenido del texto a otro idioma humano.",
+  "jupyter.llm.cell-tool.actions.md.translate-text.label": "Traducir",
   "jupyter.llm.cell-tool.actions.modify.descr": "Modifica el código en la celda",
   "jupyter.llm.cell-tool.actions.modify.label": "Modificar",
   "jupyter.llm.cell-tool.actions.translate.descr": "Traduce el código en esa celda a otro idioma usando AI.",
@@ -831,16 +840,21 @@
   "jupyter.llm.cell-tool.assistant.title": "Usar asistente de IA en esta celda",
   "jupyter.llm.cell-tool.bugfix.label": "Error",
   "jupyter.llm.cell-tool.bugfix.placeholder": "Describe el problema para solucionar…",
+  "jupyter.llm.cell-tool.document.label": "Enfocar",
+  "jupyter.llm.cell-tool.document.placeholder": "¿En qué debería centrarse la documentación? (opcional)",
   "jupyter.llm.cell-tool.explain.description": "Cómo explicar el código? Ya sea un {summary} de alto nivel o explicaciones {step_by_step}.",
   "jupyter.llm.cell-tool.explain.step-by-step": "Paso-a-paso",
   "jupyter.llm.cell-tool.explain.summary": "Resumen",
   "jupyter.llm.cell-tool.explanation.ask": "Haz cualquier pregunta sobre el código en esta celda. El modelo de lenguaje analizará el código y proporcionará una respuesta basada en tu pregunta específica.",
   "jupyter.llm.cell-tool.explanation.bugfix": "Explica el problema del código en la celda y el modelo de lenguaje seleccionado intentará solucionarlo. Normalmente, te dirá si encontró un problema y te lo explicará.",
   "jupyter.llm.cell-tool.explanation.document": "El modelo de lenguaje añadirá líneas de documentación al código en la celda",
   "jupyter.llm.cell-tool.explanation.explain": "El código en la celda se enviará al modelo de lenguaje seleccionado. Te explicará el código en lenguaje sencillo.",
+  "jupyter.llm.cell-tool.explanation.formulize": "El modelo de lenguaje añadirá fórmulas matemáticas apropiadas usando notación LaTeX para hacer el texto más legible para los científicos.",
   "jupyter.llm.cell-tool.explanation.improve": "El modelo de lenguaje seleccionado analizará el código y sugerirá mejoras. Tenga en cuenta que los resultados no están garantizados para ser correctos, ni podrían causar problemas sutiles, así que revíselos cuidadosamente.",
   "jupyter.llm.cell-tool.explanation.modify": "El modelo de lenguaje modificará el código según las instrucciones dadas. Elige una de las plantillas y modifícala, ¡o crea tus propias instrucciones!",
+  "jupyter.llm.cell-tool.explanation.proofread": "El modelo de lenguaje revisará el texto en markdown, corrigiendo errores ortográficos y gramaticales mientras mejora la claridad y legibilidad.",
   "jupyter.llm.cell-tool.explanation.translate": "El modelo de lenguaje intentará traducir el código en la celda a otro lenguaje de programación. El resultado podría no funcionar en absoluto, pero si estás más familiarizado con el lenguaje de destino seleccionado, ¡podrías encontrarlo más fácil de entender lo que está pasando!",
+  "jupyter.llm.cell-tool.explanation.translate-text": "El modelo de lenguaje traducirá el texto markdown al idioma seleccionado mientras conserva el formato y la estructura.",
   "jupyter.llm.cell-tool.footer.info": "Enviar este mensaje a {model} iniciará un chat en el <A>marco de chat lateral</A>. El modelo de lenguaje responderá y podrás continuar la conversación en el mismo hilo.",
   "jupyter.llm.cell-tool.improve.label": "Mejora",
   "jupyter.llm.cell-tool.improve.placeholder": "velocidad de ejecución, legibilidad, …",