feat: added placeholders in all tools

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)}
                 />

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"

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}

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"

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"

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"

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"

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"

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' }" %}