From 12a81ee1ec6518fd103e10eaebdb6778d64b08c5 Mon Sep 17 00:00:00 2001
From: Aron Homberg <info@aron-homberg.de>
Date: Fri, 30 Aug 2024 13:54:05 +0200
Subject: [PATCH] feat: added placeholders in all tools

---
 src/components/scratchpad/GenericModule.tsx           |  7 +++++--
 src/components/scratchpad/coach/CoachModule.tsx       |  2 ++
 .../scratchpad/extraction/ExtractionModule.tsx        | 11 ++---------
 .../scratchpad/interview/InterviewModule.tsx          |  2 ++
 .../scratchpad/proofreading/ProofreadingModule.tsx    |  2 ++
 src/components/scratchpad/summary/SummaryModule.tsx   |  2 ++
 src/components/scratchpad/titles/TitlesModule.tsx     |  2 ++
 .../scratchpad/translation/TranslationModule.tsx      |  2 ++
 src/data/prompt-templates/titles.liquid               |  3 +++
 9 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/src/components/scratchpad/GenericModule.tsx b/src/components/scratchpad/GenericModule.tsx
index ad99e15..4cb4688 100644
--- a/src/components/scratchpad/GenericModule.tsx
+++ b/src/components/scratchpad/GenericModule.tsx
@@ -1243,8 +1243,11 @@ ${promptPrepared.original.replace(/\n/g, "\n")}
               */}
             </div>
 
-            <div className="ab-flex ab-flex-col ab-ml-0 ab-mr-0 ab-pr-0 ab-justify-between">
+            <div className="ab-flex ab-flex-col ab-ml-0 ab-mr-0 ab-pr-0 ab-justify-between ab-border-t ab-border-t-1 ab-border-t-slate-300 ab-border-dashed !ab-pt-1">
               <span className="ab-flex ab-flex-row ab-justify-start ab-items-center">
+                <span className="ab-text-sm ab-font-bold">
+                  Instruktionen:&nbsp;
+                </span>
                 <span className="ab-text-sm">KI-Modell:&nbsp;</span>
                 <AiModelDropdown
                   value={modelPk}
@@ -1352,7 +1355,7 @@ ${promptPrepared.original.replace(/\n/g, "\n")}
                   maxHeight={100}
                   value={customInstruction}
                   name={`${name}PromptInstructionEditor`}
-                  placeholder="Stelle links die Einstellungen ein. Sende hier weitere Anforderungen..."
+                  placeholder="Links finden Sie die Standard-Einstellungen. Geben Sie hier flexibel weitere Anforderungen an die KI ein..."
                   className="!ab-block ab-mb-2 !ab-text-sm ab-h-12"
                   onChange={(evt) => setCustomInstruction(evt.target.value)}
                 />
diff --git a/src/components/scratchpad/coach/CoachModule.tsx b/src/components/scratchpad/coach/CoachModule.tsx
index 730f118..affd065 100644
--- a/src/components/scratchpad/coach/CoachModule.tsx
+++ b/src/components/scratchpad/coach/CoachModule.tsx
@@ -12,6 +12,8 @@ export const CoachModule = () => {
 
   return (
     <GenericModule
+      placeholder="Die Schreibcoach-Hinweise finden Sie hier, sobald Sie Ihren Text eingegeben und die KI-Verarbeitung mit dem Senden-Button gestartet haben."
+      inputPlaceholder="Geben Sie hier den Text ein, zu dem Sie Hinweise erhalten möchten. Sie können auch von der KI verbesserten Text hier einfügen, um ihn mit weiteren Instruktionen nachbearbeiten zu lassen."
       defaultModelName="openai-gpt-4o"
       defaultPromptTemplate={coachPrompt}
       name="coach"
diff --git a/src/components/scratchpad/extraction/ExtractionModule.tsx b/src/components/scratchpad/extraction/ExtractionModule.tsx
index 1788449..5424ff8 100644
--- a/src/components/scratchpad/extraction/ExtractionModule.tsx
+++ b/src/components/scratchpad/extraction/ExtractionModule.tsx
@@ -19,14 +19,7 @@ const editorAtom = atom<string>("");
 const inputEditorAtom = atom<string>("");
 const autoExtractAtom = atom<string>("");
 const moduleName = "extraction";
-const placeholder =
-  "Die Zusammenfassung des Textes wird hier angezeigt, sobald Sie auf den Senden-Button geklickt haben.";
-const inputPlaceholder = `Der Text, den Sie hier einfügen, wird auf relevante Aspekte hin untersucht. Sie können die "Aspekte" links bestimmen. Anschließend wird eine Zusammenfassung erstellt, die im Format Ihrer Wahl ausgegeben wird. Mit den Einstellungen Max. Themen und Max. Sätze können Sie die Textlänge steuern.
 
-Die Einstellungen Zielgruppe, Tonalität und Ausgabesprache sind global. 
-
-Wählen Sie gerne das gewünschte Modell aus der Dropdown-Liste aus. 
-Die Hyperparameter, wie z.B. "Kreativ" haben einen Einfluss auf Kreativität, Fokus und Vokabular.`;
 const outputDbState = db(`${moduleName}-output`);
 const inputDbState = db(`${moduleName}-input`);
 
@@ -194,8 +187,8 @@ export const ExtractionModule = () => {
     <GenericModule
       value={editorContent}
       inputValue={inputEditorContent}
-      placeholder={placeholder}
-      inputPlaceholder={inputPlaceholder}
+      placeholder="Die KI-Analyse und Zusammenfasstung finden Sie hier, sobald Sie Ihren Text eingegeben und die KI-Verarbeitung mit dem Senden-Button gestartet haben."
+      inputPlaceholder="Geben Sie hier den Text ein, den Sie analysieren und zusammenfassen möchten. Sie können auch eine von der KI erstellte Analyse/Zusammenfassung hier einfügen, die Sie mit den Instruktionen weiter nachbearbeiten können."
       defaultModelName="openai-gpt-4o"
       defaultPromptTemplate={extractionPrompt}
       name={moduleName}
diff --git a/src/components/scratchpad/interview/InterviewModule.tsx b/src/components/scratchpad/interview/InterviewModule.tsx
index be1f289..97ea261 100644
--- a/src/components/scratchpad/interview/InterviewModule.tsx
+++ b/src/components/scratchpad/interview/InterviewModule.tsx
@@ -12,6 +12,8 @@ export const InterviewModule = () => {
 
   return (
     <GenericModule
+      placeholder="Einen Vorschlag für das Interview finden Sie hier, sobald Sie Ihren Text eingegeben und die KI-Verarbeitung mit dem Senden-Button gestartet haben."
+      inputPlaceholder="Geben Sie hier die Background-Info's für die Interview-Vorbereitung ein. Das sollten die selben Informationen sein, die Sie sonst auch zur Vorbereitung verwenden. Sie können auch einen von der KI erstellten Interview-Vorschlag hier einfügen, den Sie mit den Instruktionen weiter nachbearbeiten können."
       defaultModelName="openai-gpt-4o"
       defaultPromptTemplate={interviewPrompt}
       name="interview"
diff --git a/src/components/scratchpad/proofreading/ProofreadingModule.tsx b/src/components/scratchpad/proofreading/ProofreadingModule.tsx
index b307ad4..7a83150 100644
--- a/src/components/scratchpad/proofreading/ProofreadingModule.tsx
+++ b/src/components/scratchpad/proofreading/ProofreadingModule.tsx
@@ -12,6 +12,8 @@ export const ProofreadingModule = () => {
   const { t, i18n } = useTranslation();
   return (
     <GenericModule
+      placeholder="Das KI-Lektorat finden Sie hier, sobald Sie Ihren Text eingegeben und die KI-Verarbeitung mit dem Senden-Button gestartet haben."
+      inputPlaceholder="Geben Sie hier den Text ein, den Sie von der KI lektorieren lassen möchten. Sie können auch einen von der KI lektorierten Text nochmals hier einfügen, und mit weiteren Instruktionen nachbearbeiten lassen."
       defaultModelName="openai-gpt-4o"
       defaultPromptTemplate={proofreadingPrompt}
       name="proofreading"
diff --git a/src/components/scratchpad/summary/SummaryModule.tsx b/src/components/scratchpad/summary/SummaryModule.tsx
index 0990f4e..1507b48 100644
--- a/src/components/scratchpad/summary/SummaryModule.tsx
+++ b/src/components/scratchpad/summary/SummaryModule.tsx
@@ -12,6 +12,8 @@ export const SummaryModule = () => {
 
   return (
     <GenericModule
+      placeholder="Die KI-Analyse und Zusammenfasstung finden Sie hier, sobald Sie Ihren Text eingegeben und die KI-Verarbeitung mit dem Senden-Button gestartet haben."
+      inputPlaceholder="Geben Sie hier den Text ein, den Sie analysieren und zusammenfassen möchten. Sie können auch eine von der KI erstellte Zusammenfassung hier einfügen, die Sie mit den Instruktionen weiter nachbearbeiten können."
       defaultModelName="openai-gpt-4o"
       defaultPromptTemplate={summaryPrompt}
       name="summary"
diff --git a/src/components/scratchpad/titles/TitlesModule.tsx b/src/components/scratchpad/titles/TitlesModule.tsx
index 1e4721c..eb6c62e 100644
--- a/src/components/scratchpad/titles/TitlesModule.tsx
+++ b/src/components/scratchpad/titles/TitlesModule.tsx
@@ -12,6 +12,8 @@ export const TitlesModule = () => {
 
   return (
     <GenericModule
+      placeholder="Titelvorschläge finden Sie hier, sobald Sie Ihren Text eingegeben und die KI-Verarbeitung mit dem Senden-Button gestartet haben."
+      inputPlaceholder="Geben Sie hier den Text ein, zu dem Sie Titelvorschläge erhaltrn möchten. Sie können auch eine von der KI erstellte Titelvorschläge hier einfügen, die Sie mit den Instruktionen weiter nachbearbeiten können."
       defaultModelName="openai-gpt-4o"
       defaultPromptTemplate={titlesPrompt}
       name="titles"
diff --git a/src/components/scratchpad/translation/TranslationModule.tsx b/src/components/scratchpad/translation/TranslationModule.tsx
index d7fdba5..103e003 100644
--- a/src/components/scratchpad/translation/TranslationModule.tsx
+++ b/src/components/scratchpad/translation/TranslationModule.tsx
@@ -9,6 +9,8 @@ const inputEditorAtom = atom<string>("");
 export const TranslationModule = () => {
   return (
     <GenericModule
+      placeholder="Die KI-Übersetzung finden Sie hier, sobald Sie Ihren Text eingegeben und die KI-Verarbeitung mit dem Senden-Button gestartet haben."
+      inputPlaceholder="Geben Sie hier den Text ein, den Sie übersetzen möchten. Sie können auch eine von der KI erstellte Übersetzungen hier einfügen, die Sie mit den Instruktionen weiter nachbearbeiten können."
       defaultModelName="openai-gpt-4o"
       defaultPromptTemplate={translationPrompt}
       name="translation"
diff --git a/src/data/prompt-templates/titles.liquid b/src/data/prompt-templates/titles.liquid
index e18ae95..63ccdc7 100644
--- a/src/data/prompt-templates/titles.liquid
+++ b/src/data/prompt-templates/titles.liquid
@@ -17,6 +17,7 @@ RULES:
 - MUST adapt metaphors, common sayings and idioms, matching meaning.
 - Always translate pronouns and gender AS IS.
 - Make sure the spelling and grammar are correct.
+- The tonality/style of the titles MUST be "{{TONE}}".
 - Response MUST NOT be wrapped in Markdown code formatting block ```.
 {% if EXAMPLE %}
 - The response MUST be influenced by the EXAMPLE provided.
@@ -41,6 +42,8 @@ CONTENT:
 
 {% field COUNT = "{ label: 'Anzahl Titel (max)', default: 5 }" %}
 
+{% field TONE = "{ label: 'Tonalität', global: true, default: 'Professionell' }" %}
+
 {% field EXAMPLE = "{ type: 'textarea', label: 'Beispiel', default: '#### WOW! Baby bears found in Steglitz!
 #### Look at these cute baby bears found in Steglitz.
 #### These four Groar-Groars drive Berlin to ROFL-Copter mode' }" %}