edited the way api keys are handled.

Since API keys are now loaded from the auth server, this means that there is a delay between starting the software, loading the keys, and loading all the module files. Due to nodejs running Async, the modules are being loaded BEFORE the api keys have been returned from the auth server. So now the api keys are being set inside the module every time the module is being called. This has absolutely no impact on performance, or security, plus, this was the easiest solution, especially as it required no big changes to the rest of the code
implemented initial version of the authentication system
2026-06-15 18:01:52 +02:00 · 2026-01-14 03:01:30 +01:00 · 2026-01-14 02:57:51 +01:00 · 2026-01-14 02:56:14 +01:00 · 2026-01-12 18:42:43 +01:00 · 2026-01-12 18:37:39 +01:00
18 changed files with 1208 additions and 626 deletions
@@ -1,161 +1,17 @@
 <!DOCTYPE html>
 <html lang="de">
+
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Custom Document</title>
    <style>
-        body {
-            font-family: Arial, sans-serif;
-            background: #f0f2f5;
-            margin: 0;
-            padding: 0;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            min-height: 100vh;
-        }
-
-        .container {
-            background: white;
-            padding: 30px;
-            margin-top: 50px;
-            border-radius: 12px;
-            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
-            width: 90%;
-            max-width: 600px;
-        }
-
-        h1 {
-            text-align: center;
-            color: #333;
-        }
-
-        label {
-            font-weight: bold;
-            margin-top: 15px;
-            display: block;
-            color: #555;
-        }
-
-        input[type="text"], textarea, select {
-            width: 100%;
-            padding: 10px;
-            margin-top: 5px;
-            border-radius: 6px;
-            border: 1px solid #ccc;
-            font-size: 14px;
-        }
-
-        textarea {
-            height: 120px;
-            resize: vertical;
-        }
-
-        .buttons {
-            display: flex;
-            justify-content: space-between;
-            margin-top: 25px;
-        }
-
-        button {
-            padding: 10px 20px;
-            font-size: 14px;
-            border: none;
-            border-radius: 6px;
-            cursor: pointer;
-            transition: 0.2s;
-            background-color: #007BFF;
-            color: white;
-        }
-
-        button:hover {
-            background-color: #0056b3;
-        }
-
-        @media (max-width: 500px) {
-            .buttons {
-                flex-direction: column;
-            }
-            .buttons button {
-                width: 100%;
-                margin-top: 10px;
-            }
-        }
-
-        #result {
-            margin-top: 20px;
-            color: #333;
-            word-break: break-word;
-        }
    </style>
 </head>
+
 <body>
-    <div class="container">
-        <h1>Custom Document Generator</h1>
+    <script src="languages.js"></script>

-        <label for="docName">Dokumentname:</label>
-        <input type="text" id="docName" placeholder="Gib hier den Dokumentnamen ein">
-
-        <label for="existingDocs">Vorhandene Dokumente auswählen (optional):</label>
-        <select id="existingDocs">
-            <option value="">-- Neues Dokument erstellen --</option>
-            <option value="meeting_report_001">Meeting Report 001</option>
-            <option value="summary_01">Summary 01</option>
-            <option value="project_plan_A">Project Plan A</option>
-        </select>
-
-        <label for="prompt">Dein Prompt:</label>
-        <textarea id="prompt" placeholder="Schreibe hier den Prompt für dein Dokument..."></textarea>
-
-        <div class="buttons">
-            <a href="index.html">
-                <button id="goBackBtn">Abbrechen</button>
-            </a>
-            <button id="generateBtn">Dokument speichern</button>
-        </div>
-
-        <div id="result"></div>
-    </div>
-
-    <script>
-        const goBackBtn = document.getElementById("goBackBtn");
-        const generateBtn = document.getElementById("generateBtn");
-        const existingDocs = document.getElementById("existingDocs");
-        const docNameInput = document.getElementById("docName");
-        const promptInput = document.getElementById("prompt");
-        const resultDiv = document.getElementById("result");
-
-        // Zurück zur Haupt-GUI
-        goBackBtn.addEventListener("click", () => {
-            window.electronAPI.goBackToMain();
-        });
-
-        // Generiere Dokument
-        generateBtn.addEventListener("click", () => {
-            const prompt = promptInput.value.trim();
-            let docName = docNameInput.value.trim();
-            const selectedExisting = existingDocs.value;
-
-            if (!prompt) {
-                alert("Bitte gib einen Prompt ein!");
-                return;
-            }
-
-            // Wenn ein vorhandenes Dokument ausgewählt wurde, hängt der Prompt daran
-            if (selectedExisting) {
-                docName = selectedExisting; // prompt wird an vorhandenes Dokument angehängt
-            } else if (!docName) {
-                alert("Bitte gib einen Dokumentnamen ein, wenn du ein neues Dokument erstellen möchtest!");
-                return;
-            }
-
-            // Demo-Ausgabe im Result-Div
-            resultDiv.innerHTML = `<strong>Dokumentname:</strong> ${docName}<br><strong>Prompt:</strong> ${prompt}`;
-
-            // Hier kannst du den Prompt an dein LLM oder Module-Handler senden
-            // z.B. window.submit.submit({documentName: docName, prompt: prompt})
-        });
-    </script>
 </body>
+
 </html>
@@ -5,6 +5,7 @@
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title id="title">Video to document</title>
  <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lc-select@1.3.0/themes/light.css">
 </head>
 <body>

@@ -19,30 +20,66 @@
      </label>

      <nav class="menu1">
-        <a href="custom_document.html" class="li1">Custom document</a>
-        <a href="" class="li1">Help</a>
+        <button id="customDocBtn" onclick="showCD()">Manage document types</button>
+        <a href="help_page.html" class="li1">Help</a>
      </nav>
    </nav>
  </section>

  <h1 id="h1">Video to document</h1>
+
+<div class="gui-language">
+<!-- to do: Ausprobieren mit li, a oder button, im Notfall ohne Flaggen Icons, kein hover-->
+<select name="language_option" id="language_option"></select>
+</div>
+
 </div>

 <div class="step-nav">
-  <div class="step-item active" data-step="1">1. Step</div>
-  <div class="step-item" data-step="2">2. Step</div>
-  <div class="step-item" data-step="3">3. Step</div>
-  <div class="step-item" data-step="4">4. Step</div>
-  <div class="step-item" data-step="5">5. Step</div>
-  <div class="step-item" data-step="6">6. Step</div>
+  <div class="step-item active" data-step="1" id="step_nav1">1. Step</div>
+  <div class="step-item" data-step="2" id="step_nav2">2. Step</div>
+  <div class="step-item" data-step="3" id="step_nav3">3. Step</div>
+  <div class="step-item" data-step="4" id="step_nav4">4. Step</div>
+  <div class="step-item" data-step="5" id="step_nav5">5. Step</div>
+  <div class="step-item" data-step="6" id="step_nav6">6. Step</div>
 </div>
 
 <div id="middleContainerWrapper" class="middle-container-wrapper">
  <button id="prevBtn" class="navBtn" disabled>&larr;</button>

+<!-- Visible middle part-->
  <div class="mitte" id="mitte">

+    <!--Costum document section-->
+  <div class="container" id="cdContainer" style="display:none;">
+        <h1 id="cd_h1">Manage document types</h1>
+
+        <label for="existingDocs" id="cd_existingDocs">Select existing documents (optional):</label>
+        <!--Drop Down-->
+        <select name="existingDocs" id="existingDocs">
+            <option value="newDoc" id="newDoc">-- Create new document --</option>
+        </select>
+
+        <div id="docNameWrapper">
+            <label for="docName" id="cd_docName">Document name:</label>
+            <input type="text" id="docName" placeholder="Enter the document name here">
+        </div>
+
+        <label for="prompt" id="cd_promt">Your prompt:</label>
+        <textarea id="prompt" placeholder="Type the prompt for your document here..."></textarea>
+
+        <div class="buttons">
+            <button id="goBackBtn">Return</button>
+            <button id="deleteBtn">Delete document</button>
+            <button id="generateBtn">Save document</button>
+        </div>
+
+        <div id="result"></div>
+    </div>
+
+   <!-- Here starts code from step 1--> 
    <div class="step" id="step1">
+      <h2 class="h2">Upload your video here:</h2>
      <div class="upload-container" id="uploadContainer">
        <p id="p1">Drag and drop video file</p>
        <video id="previewThumbnail" autoplay="false">
@@ -56,7 +93,9 @@
      </div>
    </div>

+   <!-- Here starts code from step 2--> 
    <div class="step" id="step2" style="display:none;">
+      <h2 class="h2">Choose your preferences:</h2>
      <div class="KI-wrapper">
       <label id="labelKI">Select ki:</label>
        <select name="ai_type" id="ai_type"></select>
@@ -78,15 +117,19 @@

      <div class="language-wrapper">
        <label id="labelLanguage">Select language:</label>
-        <img id="labelLanguageFlag" src="flags/united-kingdom-flag-png-large.jpg" width="20" height="10" >
-        <select name="language_option" id="language_option">
+        
+        <select name="document_language_option" id="document_language_option">
+          
        </select>
      </div> 
    </div>

+   <!-- Here starts code from step 3--> 
+   
+   <!-- Hover Effekt für Dokumentenvorschau, Fragezeichen hinter Text, drüber hoven zeigt Beispieldokument -->
    <div class="step" id="step3" style="display:none;">
      <div class="checkbox-group">
-        <label id="checkbox-label" for="checkbox-group">Choose prefered document style:</label>
+        <h2 class="h2">Choose prefered document style:</h2>
        <div class="checkbox-container">
          <input type="checkbox" name ="docFormat" id="docFormat" value="followup-report">
          <label id="label_format" for="docFormat">Follow-up Report</label>
@@ -105,39 +148,42 @@
        </div>
        <div class="checkbox-container">
          <input type="checkbox" name="docFormat" id="docFormatCustom" value="custom">
-          <select name="ai_type" id="ai_type">
-            <option>nichts</option>
+          <select name="customDocumentTypes" id="customDocumentTypes">
          </select>
        </div>
      </div>
    </div>

+   <!-- Here starts code from step 4--> 
    <div class="step" id="step4" style="display:none;">
+      <h2 class="h2">Klick to submit:</h2>
      <button class="submit-btn" id="submitButton" onclick="checkBoxes()" disabled>Submit</button>

      <div class="testy" id="testy">
        <div class="box2" id="box1">
        </div>
-        <p>---Starting---</p>
+        <p id="box1_p1">---Starting---</p>
        <div class="box2" id="box2">
        </div>
-        <p>---Transkribing---</p>
+        <p id="box2_p2">---Transkribing---</p>
        <div class="box2" id="box3">
        </div>
-        <p>---Document creation---</p>
+        <p id="box3_p3">---Document creation---</p>
        <div class="box2" id="box4">
        </div>
      </div>
    </div>

+   <!-- Here starts code from step 5--> 
    <div class="step" id="step5" style="display:none;">
+      <h2 class="h2">Change names of the speakers:</h2>
      <div class="speakerView" id="speakerView">
       <label id="labelSpeaker">Select Speaker:</label>
       <select name="cur_speaker" id="cur_speaker">
       </select>
      </div>
      <div class="speakerAudio" id="speakerAutio">
-        <label id="labelSpeakerAudio">Selected Speaker</label>
+        <label id="labelSpeakerAudio">Selected Speaker:</label>
        <audio controls id="speakerAudioViewer">
        Currently there is no audio file here.
        </audio> 
@@ -152,7 +198,9 @@
        </div>
    </div>

+   <!-- Here starts code from step 6--> 
    <div class="step" id="step6" style="display:none;">
+      <h2 class="h2">Klick to download your document:</h2>
      <button class="download-btn" id="downloadButton" onclick="fileDownload()">Download</button>
    </div>
  </div>
@@ -160,7 +208,7 @@
  <button id ="nextBtn" class="navBtn">&rarr;</button>

 </div>
-
+<script src="https://cdn.jsdelivr.net/npm/lc-select@1.3.0/lc_select.min.js"></script>
 <script src="languages.js"></script>
 <script src="script.js"></script>
 <script src="./renderer.js"></script>
@@ -12,7 +12,37 @@ var languageOptions = {
        "checkbox_group": "Choose prefered document style:",
        "label_format": "Meeting report",
        "label_summary": "Summary with timestamps",
-        "submitButton": "Submit"
+        "submitButton": "Submit",
+        "step_nav1": "Step 1",
+        "step_nav2": "Step 2",
+        "step_nav3": "Step 3",
+        "step_nav4": "Step 4",
+        "step_nav5": "Step 5",
+        "step_nav6": "Step 6",
+        "h2": "Upload your video here:",
+        "labelSpeaker": "Select Speaker:",
+        "labelSpeakerAudio": "Selected Speaker:",
+        "labelSpeakerWriter": "Write name:",
+        "speakerLocker": "Rename speaker",
+        "speakerResender": "Rewrite document",
+        "downloadButton": "Download",
+        "box1_p1": "---Starting---",
+        "box2_p2": "---Transkribing---",
+        "box3_p3": "---Document creation---",
+        "labelType": "Select document type:",
+
+        "customDocBtn": "Manage document types",
+        "cd_h1": "Manage document types",
+        "cd_existingDocs": "Select existing documents (optional):",
+        "cd_docName": "Document name",
+        "docName": "Enter the document name here",
+        "cd_promt": "Your prompt:",
+        "prompt": "Type the prompt for your document here...",
+        "goBackBtn": "Return",
+        "deleteBtn": "Delete document",
+        "generateBtn": "Save document",
+        "newDoc": "-- Create new document --"
+
    },
    "de":{
        "flagPath": "flags/germany-flag-png-large.jpg",
@@ -27,7 +57,36 @@ var languageOptions = {
        "checkbox_group": "Bevorzugte Dokumentvarianten:",
        "label_format": "Meeting Bericht",
        "label_summary": "Zusammenfassung mit Zeitstempeln",
-        "submitButton": "Absenden"
+        "submitButton": "Absenden",
+        "step_nav1": "Schritt 1",
+        "step_nav2": "Schritt 2",
+        "step_nav3": "Schritt 3",
+        "step_nav4": "Schritt 4",
+        "step_nav5": "Schritt 5",
+        "step_nav6": "Schritt 6",
+        "h2": "Uploade dein Video hier:",
+        "labelSpeaker": "Wähle Sprecher:",
+        "labelSpeakerAudio": "Ausgewählter Sprecher:",
+        "labelSpeakerWriter": "Schreib Namen:",
+        "speakerLocker": "Ersetze Namen",
+        "speakerResender": "Überschreibe Dokument",
+        "downloadButton": "Download",
+        "box1_p1": "---Startet---",
+        "box2_p2": "---Transkribing---",
+        "box3_p3": "---Dokument kreieren---",
+        "labelType": "Wähle Dokumenttype:",
+
+        "customDocBtn": "Dokumenttypen verwalten",
+        "cd_h1": "Dokumenttypen verwalten",
+        "cd_existingDocs": "Vorhandene Dokumente auswählen (optional):",
+        "cd_docName": "Dokument Name",
+        "docName": "Geben Sie hier den Dokumentnamen ein",
+        "cd_promt": "Ihr Prompt:",
+        "prompt": "Geben Sie hier die Eingabeaufforderung für Ihr Dokument ein...",
+        "goBackBtn": "Zurück",
+        "deleteBtn": "Lösche Dokument",
+        "generateBtn": "Speicher Dokument",
+        "newDoc": "-- Neues Dokument erstellen --"
    },
    "in":{
        "flagPath": "flags/india-flag-png-large.png",
@@ -42,7 +101,37 @@ var languageOptions = {
        "checkbox_group": "पसंदीदा दस्तावेज़ शैली चुनें:",
        "label_format": "बैठक रिपोर्ट",
        "label_summary": "टाइमस्टैम्प के साथ सारांश",
-        "submitButton": "जमा करना"
+        "submitButton": "जमा करना",
+        "step_nav1": "स्टेप 1",
+        "step_nav2": "स्टेप 2",
+        "step_nav3": "स्टेप 3",
+        "step_nav4": "स्टेप 4",
+        "step_nav5": "स्टेप 5",
+        "step_nav6": "स्टेप 6",
+        "h2": "अपना वीडियो यहां अपलोड करें:",
+        "labelSpeaker": "स्पीकर चुनें:",
+        "labelSpeakerAudio": "चयनित वक्ता:",
+        "labelSpeakerWriter": "नाम लिखें:",
+        "speakerLocker": "स्पीकर का नाम बदलें",
+        "speakerResender": "दस्तावेज़ पुनः लिखें",
+        "downloadButton": "डाउनलोड करना",
+        "box1_p1": "---प्रारंभ---",
+        "box2_p2": "---प्रतिलेखन---",
+        "box3_p3": "---दस्तावेज़ निर्माण---",
+        "labelType": "दस्तावेज़ प्रकार चुनें:",
+        
+        "customDocBtn": "दस्तावेज़ प्रकार प्रबंधित करें",
+        "cd_h1": "दस्तावेज़ प्रकार प्रबंधित करें",
+        "cd_existingDocs": "मौजूदा दस्तावेज़ों का चयन करें (वैकल्पिक):",
+        "cd_docName": "दस्तावेज़ का नाम",
+        "docName": "यहां दस्तावेज़ का नाम दर्ज करें",
+        "cd_promt": "आपका संकेत:",
+        "prompt": "अपने दस्तावेज़ के लिए प्रॉम्प्ट यहां टाइप करें...",
+        "goBackBtn": "वापस करना",
+        "deleteBtn": "दस्तावेज़ हटाएँ",
+        "generateBtn": "दस्तावेज़ सहेजें",
+        "newDoc": "-- नया दस्तावेज़ बनाएँ --"
+        
    }
    
 };
@@ -5,10 +5,10 @@ try {
        onFileDrop: (file) => webUtils.getPathForFile(file)
    })
    contextBridge.exposeInMainWorld("submit", {
-        submit: (meeting_specifications) => {ipcRenderer.send("file_submit", meeting_specifications)}
+        submit: (meeting_specifications) => { ipcRenderer.send("file_submit", meeting_specifications) }
    })
    contextBridge.exposeInMainWorld("electronAPI", {
-        getFilePath: (file) => {return webUtils.getPathForFile(file)}
+        getFilePath: (file) => { return webUtils.getPathForFile(file) }
    })

    contextBridge.exposeInMainWorld("onStartup", {
@@ -23,15 +23,26 @@ try {
        speakerAudios: (callback) => ipcRenderer.on('speakerAudios', callback)
    })
    contextBridge.exposeInMainWorld("submitSpeaker", {
-        speaker_submit: (speaker_names) => {ipcRenderer.send("speaker_submit", speaker_names)}
+        speaker_submit: (speaker_names) => { ipcRenderer.send("speaker_submit", speaker_names) }
    })

    contextBridge.exposeInMainWorld("download", {
-        file_download: () => {ipcRenderer.send("file_download")}
+        file_download: () => { ipcRenderer.send("file_download") }
    })
    
+    //documenttypes 
+    contextBridge.exposeInMainWorld('api', {
+        getTxtFiles: () => ipcRenderer.invoke('get-txt-files'),
+        saveTxtFile: (name, content) =>
+            ipcRenderer.invoke('save-txt-file', name, content),
+        readTxtFile: (fileName) =>
+            ipcRenderer.invoke('read-txt-file', fileName),
+        deleteTxtFile: (fileName) =>
+            ipcRenderer.invoke('delete-txt-file', fileName)
+    });

-    ipcRenderer.on("error", (event, err) => {alert(err)})
+
+    ipcRenderer.on("error", (event, err) => { alert(err) })
 } catch (error) {
    console.log("Error in preload.js");
 }
@@ -1,58 +1,102 @@
+/*

-uploadContainer.addEventListener("dragover", (e) =>{
+Listeners for the program setup and changes
+
+*/
+
+//Listener for when the gui has been loaded so it can fill the dop down menus in step 2 and the language options
+window.addEventListener('load', async (e) => {
+  try {
+    loadLanguageOptions();
+    const value = await window.onStartup.getModuleNames();
+    loadAiOptions(value.ai_modules);
+    loadTranscriptionOptions(value.transcription_modules);
+
+  } catch (error) {
+    console.log("Error in the window listener load in the renderer.js \n");
+    console.log(error);
+  }
+});
+
+//Listener if the language of the displayed text's in the gui should be changed 
+language_option.addEventListener('change', (e) => {
+  try {
+    const select = document.getElementById('language_option');
+    changeLanguage(select.value);
+  } catch (error) {
+    console.log("Error in the language_option change listener in the renderer.js");
+    console.log(error);
+  }
+
+});
+
+stepButtons.forEach(btn => {
+  btn.addEventListener("click", () => {
    try {
-        e.stopPropagation();
-        e.preventDefault();
+      const step = parseInt(btn.dataset.step);
+      showStep(step);
    } catch (error) {
-        console.log("Error in renderer.js dragover listener function")
+
    }
+  });
+});
+
+//Listener if the button to change the current step to the previus one is pressed
+prevBtn.addEventListener("click", () => {
+  try {
+    if (currentStep > 1) showStep(currentStep - 1);
+  } catch (error) {
+
+  }
+});
+
+//Listener if the button to change the current step to the next one is pressed
+nextBtn.addEventListener("click", () => {
+  try {
+    if (currentStep < totalSteps) showStep(currentStep + 1);
+  } catch (error) {
+
+  }
+});
+
+/*
+
+Listeners for Step 1
+
+*/
+
+//Listener if a file has been draged over the drop down field
+uploadContainer.addEventListener("dragover", (e) => {
+  try {
+    e.stopPropagation();
+    e.preventDefault();
+  } catch (error) {
+    console.log("Error in renderer.js dragover listener function")
+  }

 });

 //listener for when a file get dropped on the drag&drop field
 uploadContainer.addEventListener("drop", (e) => {
-    try {
-        e.stopPropagation()
-        e.preventDefault()
-        const files = e.dataTransfer.files
-        const filePath = window.explorer.onFileDrop(files[0])
-        const testEndings = [".mp4", ".mov", ".avi", ".mkv"];
-        var pathToLower = filePath.toLowerCase();
-        if(testEndings.some(e => pathToLower.endsWith(e))){
-            const files1 = e.dataTransfer.files;
-            handleFiles(files1);
-        }else{
-          alert('The given file is not compatible. These are the available types: [".mp4", ".mov", ".avi", ".mkv"].');
-        }
-    
-    } catch (error) {
-        console.log("Error in renderer.js with the listerner for the drop function");
-        console.log(error);
-    } 
-})
-
-window.addEventListener('load', async (e) => { 
  try {
-      loadLanguageOptions(); 
-      const value = await window.onStartup.getModuleNames();
-      loadAiOptions(value.ai_modules);
-      loadTranscriptionOptions(value.transcription_modules);
+    e.stopPropagation()
+    e.preventDefault()
+    const files = e.dataTransfer.files
+    const filePath = window.explorer.onFileDrop(files[0])
+    const testEndings = [".mp4", ".mov", ".avi", ".mkv"];
+    var pathToLower = filePath.toLowerCase();
+    if (testEndings.some(e => pathToLower.endsWith(e))) {
+      const files1 = e.dataTransfer.files;
+      handleFiles(files1);
+    } else {
+      alert('The given file is not compatible. These are the available types: [".mp4", ".mov", ".avi", ".mkv"].');
+    }

  } catch (error) {
-      
+    console.log("Error in renderer.js with the listerner for the drop function");
+    console.log(error);
  }
-    
-});
-
-language_option.addEventListener('change', (e)=>{
-    try {
-        const select = document.getElementById('language_option');
-        changeLanguage(select.value);
-    } catch (error) {
-        
-    }
-    
-});
+})

 //listener for the file explorer search when something got selected
 videoUpload.addEventListener("change", () => {
@@ -77,37 +121,39 @@ manualUploadBtn.addEventListener('click', () => {

 });

-stepButtons.forEach(btn => {
-  btn.addEventListener("click", () => {
-    try {
-      const step = parseInt(btn.dataset.step);
-      showStep(step);
-    } catch (error) {
+/*

-    }
+Listeners for Step 2
+
+*/
+
+/*
+
+Listeners for Step 3
+
+*/
+
+window.api.getTxtFiles().then(files => {
+  var menu = document.getElementById('customDocumentTypes');
+  var l = document.getElementById('customDocumentTypes').options.length - 1;
+  for (i = l; i >= 0; i--) {
+    menu.remove(i);
+  }
+  files.forEach(file => {
+    const option = document.createElement('option');
+    option.value = file;
+    option.textContent = file
+      .replace('.txt', '')          // Endung entfernen
+      .replace(/_/g, ' ')           // Leerzeichen ersetzen
+      .replace(/\b\w/g, c => c.toUpperCase()) // ersten Buchstaben groß
+    menu.appendChild(option);
  });
 });

-prevBtn.addEventListener("click", () => {
-  try {
-    if (currentStep > 1) showStep(currentStep - 1);
-  } catch (error) {
-    
-  }
-});
-
-nextBtn.addEventListener("click", () => {
-  try {
-    if(currentStep < totalSteps) showStep(currentStep + 1);
-  } catch (error) {
-    
-  }
-});
-
 //Checkboxlistener so that only one can be selected at a time
-docFormat.addEventListener("change", (e) =>{
+docFormat.addEventListener("change", (e) => {
  try {
-    if(docFormat.checked){
+    if (docFormat.checked) {
      docFormatSummary1.checked = false;
      docFormatSummary2.checked = false;
      docFormatSummary3.checked = false;
@@ -117,9 +163,9 @@ docFormat.addEventListener("change", (e) =>{

  }
 });
-docFormatSummary1.addEventListener("change", (e) =>{
+docFormatSummary1.addEventListener("change", (e) => {
  try {
-    if(docFormatSummary1.checked){
+    if (docFormatSummary1.checked) {
      docFormat.checked = false;
      docFormatSummary2.checked = false;
      docFormatSummary3.checked = false;
@@ -129,9 +175,9 @@ docFormatSummary1.addEventListener("change", (e) =>{

  }
 });
-docFormatSummary2.addEventListener("change", (e) =>{
+docFormatSummary2.addEventListener("change", (e) => {
  try {
-    if(docFormatSummary2.checked){
+    if (docFormatSummary2.checked) {
      docFormatSummary1.checked = false;
      docFormat.checked = false;
      docFormatSummary3.checked = false;
@@ -141,9 +187,9 @@ docFormatSummary2.addEventListener("change", (e) =>{

  }
 });
-docFormatSummary3.addEventListener("change", (e) =>{
+docFormatSummary3.addEventListener("change", (e) => {
  try {
-    if(docFormatSummary3.checked){
+    if (docFormatSummary3.checked) {
      docFormatSummary1.checked = false;
      docFormatSummary2.checked = false;
      docFormat.checked = false;
@@ -153,9 +199,9 @@ docFormatSummary3.addEventListener("change", (e) =>{

  }
 });
-docFormatCustom.addEventListener("change", (e) =>{
+docFormatCustom.addEventListener("change", (e) => {
  try {
-    if(docFormatCustom.checked){
+    if (docFormatCustom.checked) {
      docFormatSummary1.checked = false;
      docFormatSummary2.checked = false;
      docFormatSummary3.checked = false;
@@ -166,48 +212,40 @@ docFormatCustom.addEventListener("change", (e) =>{
  }
 });

-//Speaker change listener
-cur_speaker.addEventListener("change", (e) =>{
-  try {
-    document.getElementById("speakerAudioViewer").src = speakerAudios[document.getElementById("cur_speaker").value].src;
-  } catch (error) {
+/*

-  }
-});
-
-window.audios.speakerAudios((event, arg) => {
-  loadSpeakerOptions(arg);
-  setSpeakerAudiosValue(arg);
-});
+Listeners for Step 4

+*/
+//Functions the the displayed progress in the progressbar can be changed out of the main process
 window.electron.progress((event, arg) => {
-    if(arg.curstep == 1){
-      setCircleOne();
-    }else if(arg.curstep == 2){
-      setCircleZwo();
-    } else if(arg.curstep == 3){
-      setCircleThree();
-    }else if(arg.curstep == 4){
-      setCircleFour();
-    }
+  if (arg.curstep == 1) {
+    setCircleOne();
+  } else if (arg.curstep == 2) {
+    setCircleZwo();
+  } else if (arg.curstep == 3) {
+    setCircleThree();
+  } else if (arg.curstep == 4) {
+    setCircleFour();
+  }
 });

-function setCircleOne(){
+function setCircleOne() {
  try {
-    if(document.getElementById("box1").style.backgroundColor == "green"){
+    if (document.getElementById("box1").style.backgroundColor == "green") {
      document.getElementById("box1").style.backgroundColor = "red";
-    }else{
+    } else {
      document.getElementById("box1").style.backgroundColor = "green";
    }
  } catch (error) {
  }

 };
-function setCircleZwo(){
+function setCircleZwo() {
  try {
-    if(document.getElementById("box2").style.backgroundColor == "green"){
+    if (document.getElementById("box2").style.backgroundColor == "green") {
      document.getElementById("box2").style.backgroundColor = "red";
-    }else{
+    } else {
      document.getElementById("box2").style.backgroundColor = "green";
    }
  } catch (error) {
@@ -215,11 +253,11 @@ function setCircleZwo(){
  }

 };
-function setCircleThree(){
+function setCircleThree() {
  try {
-    if(document.getElementById("box3").style.backgroundColor == "green"){
+    if (document.getElementById("box3").style.backgroundColor == "green") {
      document.getElementById("box3").style.backgroundColor = "red";
-    }else{
+    } else {
      document.getElementById("box3").style.backgroundColor = "green";
    }
  } catch (error) {
@@ -227,11 +265,11 @@ function setCircleThree(){
  }

 };
-function setCircleFour(){
+function setCircleFour() {
  try {
-    if(document.getElementById("box4").style.backgroundColor == "green"){
+    if (document.getElementById("box4").style.backgroundColor == "green") {
      document.getElementById("box4").style.backgroundColor = "red";
-    }else{
+    } else {
      document.getElementById("box4").style.backgroundColor = "green";
    }
  } catch (error) {
@@ -239,5 +277,115 @@ function setCircleFour(){
  }
 };

+/*
+
+Listeners for Step 5
+
+*/
+
+//Speaker change listener
+cur_speaker.addEventListener("change", (e) => {
+  try {
+    document.getElementById("speakerAudioViewer").src = speakerAudios[document.getElementById("cur_speaker").value].src;
+  } catch (error) {
+
+  }
+});
+//Function so the main process can give the gui a json with the speakers and their audio
+window.audios.speakerAudios((event, arg) => {
+  loadSpeakerOptions(arg);
+  setSpeakerAudiosValue(arg);
+});


+
+/*
+
+Listeners for the costum documents section
+
+*/
+
+goBackBtn.addEventListener("click", () => {
+  showCD();
+});
+
+// dokumente speichern
+generateBtn.addEventListener("click", () => {
+  const name = docName.value.trim();
+  const content = document.getElementById("prompt").value.trim();
+  if (!name || !content) {
+    result.textContent = "Bitte Dokumentname und Prompt ausfüllen.";
+    console.log(name + " " + content);
+    setTimeout(() => {
+      result.textContent = "";
+    }, 3000);
+    return;
+  }
+  window.api.saveTxtFile(name, content).then();
+  result.textContent = "Dokument erfolgreich gespeichert!";
+  setTimeout(() => {
+    result.textContent = "";
+  }, 3000);
+  reloadDocuments();
+
+});
+
+// dokumente löschen
+deleteBtn.addEventListener("click", () => {
+  const name = docName.value.trim();
+
+  if (!name) {
+    result.textContent = "Bitte Dokumentname angeben.";
+    setTimeout(() => {
+      result.textContent = "";
+    }, 3000);
+    return;
+  }
+
+  const confirmDelete = confirm(
+    `Möchtest du das Dokument "${name}" wirklich löschen?`
+  );
+
+  if (!confirmDelete) return;
+
+  window.api.deleteTxtFile(name).then((success) => {
+    if (success) {
+      result.textContent = "Dokument erfolgreich gelöscht!";
+      reloadDocuments();
+      existingDocs.value = "newDoc";
+      existingDocs.dispatchEvent(new Event("change"));
+    } else {
+      result.textContent = "Dokument konnte nicht gelöscht werden.";
+    }
+
+    setTimeout(() => {
+      result.textContent = "";
+    }, 3000);
+  });
+});
+
+
+//function to load existingDoc options to the drop down list
+
+window.api.getTxtFiles().then(files => {
+  reloadDocuments();
+});
+
+//content anzeigen
+existingDocs.addEventListener("change", async () => {
+  const existingDocsed = existingDocs.value;
+  const exampleText = "";
+
+  if (existingDocsed === "newDoc") {
+    docNameWrapper.classList.remove("hidden");
+    docName.value = "";
+    prompt.value = exampleText;
+    return;
+  }
+  docNameWrapper.classList.add("hidden");
+
+  const content = await window.api.readTxtFile(existingDocsed);
+  prompt.value = content;
+  docName.value = existingDocsed.replace(".txt", "");
+});
+
@@ -1,95 +1,73 @@
 let currentVideoPath = null;
-//function to check if one checkbox is at least klicked
-function checkBoxes() {
-  try {
-    const checkboxes = document.querySelectorAll('input[name="docFormat"]');
-    let isChecked = false;
-    var checkedCounter = 0;
-    checkboxes.forEach(function(checkbox){
-      if(checkbox.checked){
-        isChecked = true;
-        checkedCounter++;
-      }
-    });

-    if (isChecked) {
-      //Code to submit the video
-      var selectedCheckboxes = {};
-      checkboxes.forEach(function(checkbox){
-        if(checkbox.checked){
-          selectedCheckboxes[checkbox.nextElementSibling.textContent] = "";
-        } 
-      });
+/*

-      const testEndings = [".mp4", ".mov", ".avi", ".mkv"];
-      var pathTest = window.electronAPI.getFilePath(videoUpload.files[0]);
-      var pathToLower = pathTest.toLowerCase();
-      if(testEndings.some(e => pathToLower.endsWith(e))){
-        //assembly of the json for the main
+Functions used in the setup or affect most of the gui

-        var typeCheckbox;
-        if(document.getElementById("docFormat").checked) typeCheckbox = document.getElementById("docFormat").value;
-        if(document.getElementById("docFormatSummary1").checked) typeCheckbox = document.getElementById("docFormatSummary1").value;
-        if(document.getElementById("docFormatSummary2").checked) typeCheckbox = document.getElementById("docFormatSummary2").value;
-        if(document.getElementById("docFormatSummary3").checked) typeCheckbox = document.getElementById("docFormatSummary3").value;
-        if(document.getElementById("docFormatCustom").checked) typeCheckbox = document.getElementById("docFormatCustom").value;
-
-        document.getElementById("testy").style.visibility = "visible"
-        document.getElementById("box1").style.backgroundColor = "red";
-        document.getElementById("box2").style.backgroundColor = "red";
-        document.getElementById("box3").style.backgroundColor = "red";
-        document.getElementById("box4").style.backgroundColor = "red";
-        console.log(selectedCheckboxes);
-        const outputType = document.getElementById("output_type");
-        const transcriptionType = document.getElementById("transkript_type");
-        const aiType = document.getElementById("ai_type");
-        const sendingPackage = {
-          "video": {
-            "module":"extraction-video-to-audio",
-            "inputVideoPath": pathTest
-          },
-          "transcription": {
-            "module": transcriptionType.value
-          },
-          "document": {
-            "module":aiType.value,
-            "type": typeCheckbox,
-            "outputType": outputType.value
-          }
-        };
-        window.submit.submit(sendingPackage)
-      }else{
-        alert('The given file is not compatible. These are the available types: [".mp4", ".mov", ".avi", ".mkv"].');
-      }
-
-
-    } else {
-      //language only english at the moment
-      alert('Please select at least one document type.');
-    }
-  } catch (error) {
-    console.log("Error in script.js checkBoxes function");
-    console.log(error);
+*/
+var showCDValue = 0;
+function showCD() {
+  if(showCDValue == 0){
+    document.getElementById('cdContainer').style.display = "block";
+    document.getElementById('step1').style.display ="none";
+    document.getElementById('step2').style.display ="none";
+    document.getElementById('step3').style.display ="none";
+    document.getElementById('step4').style.display ="none";
+    document.getElementById('step5').style.display ="none";
+    document.getElementById('step6').style.display ="none";
+    showCDValue = 1;
+  } else {
+    currentStep = 1;
+    showCDValue = 0;
+    document.getElementById('cdContainer').style.display = "none";
+    showStep(1);
  }
-  
 }

-//language changing feature
+//language changing feature => changes the language of every displayed text
 function changeLanguage(language) {
  try {
-    document.getElementById('labelLanguageFlag').src = languageOptions[language].flagPath;
+    //document.getElementById('labelLanguageFlag').src = languageOptions[language].flagPath;
    document.getElementById('labelKI').textContent = languageOptions[language].labelKI;
    document.getElementById('labelTranscription').textContent = languageOptions[language].labelTranscription;
    document.getElementById('labelLanguage').textContent = languageOptions[language].labelLanguage;
    document.getElementById('title').textContent = languageOptions[language].title;
-    document.getElementById('h1').textContent = languageOptions[language].h1;
+    //document.getElementById('h1').textContent = languageOptions[language].h1;
    document.getElementById('p1').textContent = languageOptions[language].p1;
    document.getElementById('fileName').textContent = languageOptions[language].fileName;
    document.getElementById('manualUploadBtn').textContent = languageOptions[language].manualUploadBtn;
-    document.getElementById('checkbox_group').textContent = languageOptions[language].checkbox_group;
    document.getElementById('label_format').textContent = languageOptions[language].label_format;
    document.getElementById('label_summary').textContent = languageOptions[language].label_summary;
    document.getElementById('submitButton').textContent = languageOptions[language].submitButton;
+    document.getElementById('step_nav1').textContent = languageOptions[language].step_nav1;
+    document.getElementById('step_nav2').textContent = languageOptions[language].step_nav2;
+    document.getElementById('step_nav3').textContent = languageOptions[language].step_nav3;
+    document.getElementById('step_nav4').textContent = languageOptions[language].step_nav4;
+    document.getElementById('step_nav5').textContent = languageOptions[language].step_nav5;
+    document.getElementById('step_nav6').textContent = languageOptions[language].step_nav6;
+    //document.getElementById('h2').textContent = languageOptions[language].h2;
+    document.getElementById('labelSpeaker').textContent = languageOptions[language].labelSpeaker;
+    document.getElementById('labelSpeakerAudio').textContent = languageOptions[language].labelSpeakerAudio;
+    document.getElementById('labelSpeakerWriter').textContent = languageOptions[language].labelSpeakerWriter;
+    document.getElementById('speakerLocker').textContent = languageOptions[language].speakerLocker;
+    document.getElementById('speakerResender').textContent = languageOptions[language].speakerResender;
+    document.getElementById('downloadButton').textContent = languageOptions[language].downloadButton;
+    document.getElementById('box1_p1').textContent = languageOptions[language].box1_p1;
+    document.getElementById('box2_p2').textContent = languageOptions[language].box2_p2;
+    document.getElementById('box3_p3').textContent = languageOptions[language].box3_p3;
+    document.getElementById('labelType').textContent = languageOptions[language].labelType;
+
+    document.getElementById('customDocBtn').textContent = languageOptions[language].customDocBtn;
+    document.getElementById('cd_h1').textContent = languageOptions[language].cd_h1;
+    document.getElementById('cd_existingDocs').textContent = languageOptions[language].cd_existingDocs;
+    document.getElementById('cd_docName').textContent = languageOptions[language].cd_docName;
+    document.getElementById('docName').placeholder = languageOptions[language].docName;
+    document.getElementById('cd_promt').textContent = languageOptions[language].cd_promt;
+    document.getElementById('prompt').placeholder = languageOptions[language].prompt;
+    document.getElementById('goBackBtn').textContent = languageOptions[language].goBackBtn;
+    document.getElementById('deleteBtn').textContent = languageOptions[language].deleteBtn;
+    document.getElementById('generateBtn').textContent = languageOptions[language].generateBtn;
+    document.getElementById('newDoc').textContent = languageOptions[language].newDoc;

  } catch (error) {
    console.log("Error in script.js changeLanguage function");
@@ -98,6 +76,43 @@ function changeLanguage(language) {

 }

+/*
+
+Functions used for the step navigation
+
+*/
+
+//Step-navigation
+const steps = document.querySelectorAll(".step");
+const stepButtons = document.querySelectorAll(".step-item");
+let currentStep = 1;
+const totalSteps = steps.length;
+
+function showStep(stepNumber) {
+  if (stepNumber < 1 || stepNumber > totalSteps) {
+    console.error("StepNumber out of Bounds", stepNumber);
+    return;
+  }
+  steps.forEach(step => step.style.display = "none");
+  document.getElementById("step" + stepNumber).style.display = "flex";
+
+  stepButtons.forEach(btn => btn.classList.remove("active"));
+  document.querySelector(`.step-item[data-step="${stepNumber}"]`).classList.add("active");
+  const activeBtn = document.querySelector(`.step-item[data-step="${stepNumber}"]`);
+
+  if (activeBtn) activeBtn.classList.add("active");
+
+  prevBtn.disabled = stepNumber == 1;
+  nextBtn.disabled = stepNumber === totalSteps;
+  currentStep = stepNumber;
+}
+
+/*
+
+Functions used in Step 1
+
+*/
+
 //function to display the file path in the drop down box
 function handleFiles(files) {
  try {
@@ -119,6 +134,220 @@ function handleFiles(files) {

 }

+//Video thumbnail generation. Shows a scene from the selected video file as a preview
+function generateThumbnail(path) {
+  try {
+    const videoElement = document.getElementById("previewThumbnail");
+    while (videoElement.firstChild) videoElement.removeChild(videoElement.firstChild);
+    videoElement.src = path;
+    videoElement.type = "video/mov";
+    videoElement.load();
+    videoElement.style.maxWidth = 40;
+    videoElement.style.maxHeight = 40;
+    videoElement.autoplay = false;
+  } catch (error) {
+    console.log("Error in the generateThumbnail function in the script.js file \n");
+    console.log(error);
+  }
+
+}
+
+
+
+/*
+
+Functions used in Step 2
+
+*/
+
+//function to load ai options to the drop down list
+function loadAiOptions(options) {
+  try {
+    var menu = document.getElementById('ai_type');
+    var object_holdy;
+    var choice;
+    object_holdy = options
+    for (i = 0; i < options.length; i++) {
+      choice = document.createElement('option');
+      choice.textContent = object_holdy[i].displayname;
+      choice.value = object_holdy[i].name;
+      menu.appendChild(choice);
+    }
+  } catch (error) {
+    console.log("Error in script.js loadAiOptions function");
+    console.log(error);
+  }
+}
+
+//function to load transcription options to the drop down list
+function loadTranscriptionOptions(options) {
+  try {
+    var menu = document.getElementById('transkript_type');
+    var object_holdy;
+    var choice;
+    object_holdy = options
+    for (i = 0; i < options.length; i++) {
+      choice = document.createElement('option');
+      choice.textContent = object_holdy[i].displayname;
+      choice.value = object_holdy[i].name;
+      menu.appendChild(choice);
+    }
+  } catch (error) {
+    console.log("Error in script.js function loadTranscriptionOptions");
+    console.log(error);
+  }
+}
+
+//function to load data type options to the drop down list
+function loadDataTypeOptions(options) {
+  try {
+    var menu = document.getElementById('output_type');
+    var object_holdy;
+    var choice;
+    object_holdy = options
+    for (i = 0; i < options.length; i++) {
+      choice = document.createElement('option');
+      choice.textContent = object_holdy[i].displayname;
+      choice.value = object_holdy[i].name;
+      menu.appendChild(choice);
+    }
+  } catch (error) {
+    console.log("Error in script.js function loadDataTypeOptions");
+    console.log(error);
+  }
+}
+
+//function to load language options to the drop down list
+function loadLanguageOptions() {
+  try {
+
+    var menu = document.getElementById('language_option');
+    var menu_doc = document.getElementById('document_language_option');
+    var object_holdy;
+    var choice;
+    var choice2;
+    object_holdy = Object.keys(languageOptions);
+    for (i = 0; i < object_holdy.length; i++) {
+      choice = document.createElement('option');
+      choice.textContent = object_holdy[i];
+      choice.value = object_holdy[i];
+      choice.setAttribute('data-image', languageOptions[object_holdy[i]].flagPath);
+      choice2 = document.createElement('option');
+      choice2.textContent = object_holdy[i];
+      choice2.value = object_holdy[i];
+      choice2.setAttribute('data-image', languageOptions[object_holdy[i]].flagPath);
+      menu_doc.appendChild(choice2);
+      menu.appendChild(choice);
+      
+    }
+    new lc_select(document.getElementById('language_option'));    //loads the flag images so they get displayed in the gui
+    new lc_select(document.getElementById('document_language_option'));
+  } catch (error) {
+    console.log("Error in script.js loadLanguageOptions function");
+    console.log(error);
+  }
+}
+
+
+
+/*
+
+Functions used in Step 3
+
+*/
+
+
+
+/*
+
+Functions used in Step 4
+
+*/
+
+//function to check if one checkbox is at least klicked. Final controll function before sending the input to the generation
+function checkBoxes() {
+  try {
+    const checkboxes = document.querySelectorAll('input[name="docFormat"]');
+    let isChecked = false;
+    var checkedCounter = 0;
+    checkboxes.forEach(function (checkbox) {
+      if (checkbox.checked) {
+        isChecked = true;
+        checkedCounter++;
+      }
+    });
+
+    if (isChecked) {
+      //Code to submit the video
+      var selectedCheckboxes = {};
+      checkboxes.forEach(function (checkbox) {
+        if (checkbox.checked) {
+          selectedCheckboxes[checkbox.nextElementSibling.textContent] = "";
+        }
+      });
+
+      const testEndings = [".mp4", ".mov", ".avi", ".mkv"];
+      var pathTest = window.electronAPI.getFilePath(videoUpload.files[0]);
+      var pathToLower = pathTest.toLowerCase();
+      if (testEndings.some(e => pathToLower.endsWith(e))) {
+        //assembly of the json for the main
+
+        var typeCheckbox;
+        if (document.getElementById("docFormat").checked) typeCheckbox = document.getElementById("docFormat").value;
+        if (document.getElementById("docFormatSummary1").checked) typeCheckbox = document.getElementById("docFormatSummary1").value;
+        if (document.getElementById("docFormatSummary2").checked) typeCheckbox = document.getElementById("docFormatSummary2").value;
+        if (document.getElementById("docFormatSummary3").checked) typeCheckbox = document.getElementById("docFormatSummary3").value;
+        if (document.getElementById("docFormatCustom").checked) typeCheckbox = document.getElementById("docFormatCustom").value;
+
+        document.getElementById("testy").style.visibility = "visible"
+        document.getElementById("box1").style.backgroundColor = "red";
+        document.getElementById("box2").style.backgroundColor = "red";
+        document.getElementById("box3").style.backgroundColor = "red";
+        document.getElementById("box4").style.backgroundColor = "red";
+        console.log(selectedCheckboxes);
+        const outputType = document.getElementById("output_type");
+        const transcriptionType = document.getElementById("transkript_type");
+        const aiType = document.getElementById("ai_type");
+        const sendingPackage = {
+          "video": {
+            "module": "extraction-video-to-audio",
+            "inputVideoPath": pathTest
+          },
+          "transcription": {
+            "module": transcriptionType.value
+          },
+          "document": {
+            "module": aiType.value,
+            "type": typeCheckbox,
+            "outputType": outputType.value
+          }
+        };
+        window.submit.submit(sendingPackage)
+      } else {
+        alert('The given file is not compatible. These are the available types: [".mp4", ".mov", ".avi", ".mkv"].');
+      }
+
+
+    } else {
+      //language only english at the moment
+      alert('Please select at least one document type.');
+    }
+  } catch (error) {
+    console.log("Error in script.js checkBoxes function");
+    console.log(error);
+  }
+
+}
+
+//function the the submit button on step 4 can be pressed
+function activateSubmitBtn(hasFile) {
+  try {
+    document.getElementById("submitButton").disabled = !hasFile;
+  } catch (error) {
+    console.log(error);
+  }
+}
+
 //function to regulate the progress on the progressbar
 function updateProgressBar(bar, value) {
  try {
@@ -132,94 +361,34 @@ function updateProgressBar(bar, value) {

 }

-//function to load ai options to the drop down list
-function loadAiOptions(options){
+//function to hide the progressbar
+function deaktivateProgressbar() {
  try {
-    var menu = document.getElementById('ai_type');
-    var object_holdy;
-    var choice ;
-    object_holdy = options
-    for(i = 0; i < options.length; i++){
-      choice = document.createElement('option');
-      choice.textContent = object_holdy[i].displayname;
-      choice.value = object_holdy[i].name;
-      menu.appendChild(choice);
-    }
+    document.getElementById("progressbar").style.visibility = "hidden";
  } catch (error) {
-    console.log("Error in script.js loadAiOptions function");
    console.log(error);
  }
 }

-//function to load transcription options to the drop down list
-function loadTranscriptionOptions(options){
-  try {
-    var menu = document.getElementById('transkript_type');
-    var object_holdy;
-    var choice ;
-    object_holdy = options
-    for(i = 0; i < options.length; i++){
-      choice = document.createElement('option');
-      choice.textContent = object_holdy[i].displayname;
-      choice.value = object_holdy[i].name;
-      menu.appendChild(choice);
-    }
-  } catch (error) {
-    console.log("Error in script.js function loadTranscriptionOptions");
-    console.log(error);
-  }
-}
+/*

-//function to load data type options to the drop down list
-function loadDataTypeOptions(options){
-  try {
-    var menu = document.getElementById('output_type');
-    var object_holdy;
-    var choice ;
-    object_holdy = options
-    for(i = 0; i < options.length; i++){
-      choice = document.createElement('option');
-      choice.textContent = object_holdy[i].displayname;
-      choice.value = object_holdy[i].name;
-      menu.appendChild(choice);
-    }
-  } catch (error) {
-    console.log("Error in script.js function loadDataTypeOptions");
-    console.log(error);
-  }
-}
+Functions used in Step 5
+
+*/

-//function to load language options to the drop down list
-function loadLanguageOptions(){
-  try {
-    var menu = document.getElementById('language_option');
-    var object_holdy;
-    var choice ;
-    object_holdy = Object.keys(languageOptions);
-    for(i = 0; i < object_holdy.length; i++){
-      choice = document.createElement('option');
-      choice.textContent = object_holdy[i];
-      choice.value = object_holdy[i];
-      menu.appendChild(choice);
-    }
-  } catch (error) {
-    console.log("Error in script.js loadLanguageOptions function");
-    console.log(error);
-  }
-}

 //function to load speaker options to the drop down list
-function loadSpeakerOptions(options){
+function loadSpeakerOptions(options) {
  try {
    var menu = document.getElementById('cur_speaker');
-    var l = document.getElementById('cur_speaker').options.length -1;
-    for(i = l; i >= 0; i--){
+    var l = document.getElementById('cur_speaker').options.length - 1;
+    for (i = l; i >= 0; i--) {
      menu.remove(i);
    }
    var object_holdy;
    var choice;
    object_holdy = Object.keys(options);
-    for(i = 0; i < object_holdy.length; i++){
+    for (i = 0; i < object_holdy.length; i++) {
      choice = document.createElement('option');
      choice.textContent = options[object_holdy[i]].name;
      choice.value = object_holdy[i];
@@ -233,7 +402,7 @@ function loadSpeakerOptions(options){
 }

 //function to load speaker audio file options to the drop down list
-function loadSpeakerAudio(option){
+function loadSpeakerAudio(option) {
  try {
    var menu = document.getElementById('speakerAudioViewer');
    var aud = document.createElement("source");
@@ -245,65 +414,10 @@ function loadSpeakerAudio(option){
  }
 }

-
-function activateSubmitBtn(hasFile){
-  try {
-    document.getElementById("submitButton").disabled = !hasFile;
-  } catch (error) {
-    console.log(error);
-  }
-}
-
-function deaktivateProgressbar(){
-  try {
-    document.getElementById("progressbar").style.visibility = "hidden";
-  } catch (error) {
-    console.log(error);
-  }
-}
-
-//Video thumbnail generation
-function generateThumbnail(path){
-  const videoElement = document.getElementById("previewThumbnail");
-  while (videoElement.firstChild) videoElement.removeChild(videoElement.firstChild);
-  videoElement.src = path;
-  videoElement.type = "video/mov";
-  videoElement.load();
-  videoElement.style.maxWidth = 40;
-  videoElement.style.maxHeight = 40;
-  videoElement.autoplay = false;
-}
-
-//Step-navigation
-const steps = document.querySelectorAll(".step");
-const stepButtons = document.querySelectorAll(".step-item");
-let currentStep = 1;
-const totalSteps = steps.length;
-
-function showStep(stepNumber) {
-  if (stepNumber < 1 || stepNumber > totalSteps){
-    console.error("StepNumber out of Bounds", stepNumber);
-    return;
-  }
-  steps.forEach(step => step.style.display = "none");
-  document.getElementById("step" + stepNumber).style.display = "flex";
-
-  stepButtons.forEach(btn => btn.classList.remove("active"));
-  document.querySelector(`.step-item[data-step="${stepNumber}"]`).classList.add("active");
-  const activeBtn = document.querySelector(`.step-item[data-step="${stepNumber}"]`);
-
-  if(activeBtn) activeBtn.classList.add("active");
-
-  prevBtn.disabled = stepNumber == 1;
-  nextBtn.disabled = stepNumber === totalSteps;
-  currentStep = stepNumber;
-}
-
-
 //Audio value setter
 var speakerAudios = {};
 var speakerEndValues = {};
-function setSpeakerAudiosValue(valy){
+function setSpeakerAudiosValue(valy) {
  try {
    speakerAudios = valy;
    speakerRewriten = valy;
@@ -312,8 +426,8 @@ function setSpeakerAudiosValue(valy){

  }
 }
-
-function rewriteSpeakerName(){
+//Function to rewrite the speaker name in the json
+function rewriteSpeakerName() {
  try {
    var tempy = document.getElementById("cur_speaker").value;
    speakerAudios[tempy].name = document.getElementById("newSpeaker").value;
@@ -322,15 +436,21 @@ function rewriteSpeakerName(){
    console.log("\n\n\n" + error + "\n\n\n")
  }
 }
-
-function sendSpeakerPackages(){
+//Function to send the json with the given names back to the program to rewrite the document file
+function sendSpeakerPackages() {
  try {
    window.submitSpeaker.speaker_submit(speakerAudios);
  } catch (error) {
-    
+    console.log(error);
  }
 }

+/*
+
+Functions for Step 6
+
+*/
+
 function fileDownload() {
  try {
    window.download.file_download();
@@ -338,3 +458,31 @@ function fileDownload() {
    console.error("Download failed:", error);
  }
 }
+
+
+
+
+
+/*
+
+Functions for the custom document section
+
+*/
+
+//reload drop down
+function reloadDocuments() {
+  [...existingDocs.querySelectorAll('option:not([value="newDoc"])')]
+    .forEach(o => o.remove());
+
+  window.api.getTxtFiles().then(files => {
+    files.forEach(file => {
+      const option = document.createElement('option');
+      option.value = file;
+      option.textContent = file
+        .replace('.txt', '')          // Endung entfernen
+        .replace(/_/g, ' ')           // Leerzeichen ersetzen
+        .replace(/\b\w/g, c => c.toUpperCase()) // ersten Buchstaben groß
+      existingDocs.appendChild(option);
+    });
+  });
+}
@@ -22,10 +22,10 @@ body {
 #h1-wrapper {
  position: relative;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-  width: 770px;
+  width: 780px;
  height: 60px;
  background-color: #FFF;
-  box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin-bottom: 10px;
  display: flex;
@@ -36,7 +36,7 @@ body {
  background: white;
  padding: 40px;
  border-radius: 12px;
-  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  width: 350px;
  height: 200px;
@@ -78,7 +78,7 @@ body {
  width: 200px;
  height: auto;
  border-radius: 10px;
-  box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  object-fit: cover;
 }

@@ -109,11 +109,11 @@ body {
 }

 #step2 {
-  gap: 30px;
+  gap: 25px;
 }

 .KI-wrapper {
-  margin-top: 40px;
+  margin-top: 10px;
 }

 input[type="file"] {
@@ -121,58 +121,64 @@ input[type="file"] {
 }

 .checkbox-group {
-    --borderColor: #007bfff5;
-    --borderWidth: .125em;
-  }
+  --borderColor: #007bfff5;
+  --borderWidth: .125em;
+}

-  .checkbox-group input[type=checkbox] {
-    -webkit-appearance: none;
-    appearance: none;
-    vertical-align: middle;
-    background: #fff;
-    font-size: 1.8em;
-    border-radius: 0.125em;
-    display: inline-block;
-    border: var(--borderWidth) solid var(--borderColor);
-    width: 1em;
-    height: 1em;
-    position: relative;
-  }
-  .checkbox-group input[type=checkbox]:before,
-  .checkbox-group input[type=checkbox]:after {
-    content: "";
-    position: absolute;
-    background: var(--borderColor);
-    width: calc(var(--borderWidth) * 3);
-    height: var(--borderWidth);
-    top: 50%;
-    left: 10%;
-    transform-origin: left center;
-  }
-  .checkbox-group input[type=checkbox]:before {
-    transform: rotate(45deg) translate(calc(var(--borderWidth) / -2), calc(var(--borderWidth) / -2)) scaleX(0);
-    transition: transform 200ms ease-in 200ms;
-  }
-  .checkbox-group input[type=checkbox]:after {
-    width: calc(var(--borderWidth) * 5);
-    transform: rotate(-45deg) translateY(calc(var(--borderWidth) * 2)) scaleX(0);
-    transform-origin: left center;
-    transition: transform 200ms ease-in;
-  }
-  .checkbox-group input[type=checkbox]:checked:before {
-    transform: rotate(45deg) translate(calc(var(--borderWidth) / -2), calc(var(--borderWidth) / -2)) scaleX(1);
-    transition: transform 200ms ease-in;
-  }
-  .checkbox-group input[type=checkbox]:checked:after {
-    width: calc(var(--borderWidth) * 5);
-    transform: rotate(-45deg) translateY(calc(var(--borderWidth) * 2)) scaleX(1);
-    transition: transform 200ms ease-out 200ms;
-  }
-  .checkbox-group input[type=checkbox]:focus {
-    outline: calc(var(--borderWidth) / 2) dotted rgba(0, 0, 0, 0.25);
-  }
+.checkbox-group input[type=checkbox] {
+  -webkit-appearance: none;
+  appearance: none;
+  vertical-align: middle;
+  background: #fff;
+  font-size: 1.8em;
+  border-radius: 0.125em;
+  display: inline-block;
+  border: var(--borderWidth) solid var(--borderColor);
+  width: 1em;
+  height: 1em;
+  position: relative;
+}

-.checkbox-container{
+.checkbox-group input[type=checkbox]:before,
+.checkbox-group input[type=checkbox]:after {
+  content: "";
+  position: absolute;
+  background: var(--borderColor);
+  width: calc(var(--borderWidth) * 3);
+  height: var(--borderWidth);
+  top: 50%;
+  left: 10%;
+  transform-origin: left center;
+}
+
+.checkbox-group input[type=checkbox]:before {
+  transform: rotate(45deg) translate(calc(var(--borderWidth) / -2), calc(var(--borderWidth) / -2)) scaleX(0);
+  transition: transform 200ms ease-in 200ms;
+}
+
+.checkbox-group input[type=checkbox]:after {
+  width: calc(var(--borderWidth) * 5);
+  transform: rotate(-45deg) translateY(calc(var(--borderWidth) * 2)) scaleX(0);
+  transform-origin: left center;
+  transition: transform 200ms ease-in;
+}
+
+.checkbox-group input[type=checkbox]:checked:before {
+  transform: rotate(45deg) translate(calc(var(--borderWidth) / -2), calc(var(--borderWidth) / -2)) scaleX(1);
+  transition: transform 200ms ease-in;
+}
+
+.checkbox-group input[type=checkbox]:checked:after {
+  width: calc(var(--borderWidth) * 5);
+  transform: rotate(-45deg) translateY(calc(var(--borderWidth) * 2)) scaleX(1);
+  transition: transform 200ms ease-out 200ms;
+}
+
+.checkbox-group input[type=checkbox]:focus {
+  outline: calc(var(--borderWidth) / 2) dotted rgba(0, 0, 0, 0.25);
+}
+
+.checkbox-container {
  margin-top: 8px;
  display: flex;
  justify-items: left;
@@ -186,7 +192,7 @@ input[type="file"] {
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
-  margin: 130px auto 10px auto;
+  margin: 110px auto 10px auto;
  background-color: #007BFF;
  color: white;
  border: none;
@@ -204,19 +210,19 @@ input[type="file"] {
 .mitte {
  background-color: #FFF;
  display: flex;
-  width: 700px;
+  width: 780px;
+  height: 500px;
  flex-direction: column;
  align-items: center;
-  padding: 40px;
  gap: 10px;
  border: 0px;
  border-color: black;
  border-style: solid;
  border-radius: 6px;
-  box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
 }

-.progressbar{
+.progressbar {
  position: relative;
  width: 210px;
  height: 30px;
@@ -227,14 +233,14 @@ input[type="file"] {
  visibility: hidden;
 }

-.progress_fill{
+.progress_fill {
  width: 0%;
  height: 100%;
  background: green;
  transition: all 0.2s;
 }

-.progress_text{
+.progress_text {
  position: absolute;
  top: 50%;
  right: 5px;
@@ -252,7 +258,9 @@ input[type="file"] {
  padding: 2px 10px 2px 10px;
 }

-#ai_type, #transkript_type, #language_option {
+#ai_type,
+#transkript_type,
+#language_option {
  padding: 3px;
 }

@@ -260,7 +268,7 @@ input[type="file"] {
  gap: 60px;
  display: flex;
  justify-content: center;
-  overflow-wrap:inherit;
+  overflow-wrap: inherit;
  padding-bottom: 20px;
  margin-top: 40px;
  margin-bottom: 10px;
@@ -274,7 +282,9 @@ input[type="file"] {
  background: #fff;
  padding: 10px 30px;
  border-radius: 6px;
-  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  max-width: 720px;
+  min-width: 720px;
 }

 .step-item {
@@ -297,10 +307,11 @@ input[type="file"] {

 /*panels*/
 .step {
-  margin-top: 70px;
+  margin-top: 40px;
+  margin-bottom: 40px;;
  display: flex;
  flex-direction: column;
-  min-height: 400px;
+  min-height: 425px;
 }

 /*Navigation arrows*/
@@ -336,7 +347,7 @@ input[type="file"] {
  cursor: not-allowed;
 }

-.testy{
+.testy {
  background-color: #FFF;
  display: flex;
  width: auto;
@@ -352,13 +363,13 @@ input[type="file"] {
 }

 .box2 {
-    background-color: red;
-    width: 40px;
-    height: 40px;
-    padding: 5px;
-    border: 1px solid black;
-    margin: 5px;
-    border-radius: 100px;
+  background-color: red;
+  width: 40px;
+  height: 40px;
+  padding: 5px;
+  border: 1px solid black;
+  margin: 5px;
+  border-radius: 100px;
 }

 li {
@@ -394,24 +405,24 @@ li {
  display: none;
 }

-#toggle1:checked + .hamburger1 .top {
+#toggle1:checked+.hamburger1 .top {
  -webkit-transform: rotate(-45deg);
-          transform: rotate(-45deg);
+  transform: rotate(-45deg);
  margin-top: 22.5px;
 }

-#toggle1:checked + .hamburger1 .meat {
+#toggle1:checked+.hamburger1 .meat {
  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
+  transform: rotate(45deg);
  margin-top: -5px;
 }

-#toggle1:checked + .hamburger1 .bottom {
+#toggle1:checked+.hamburger1 .bottom {
  -webkit-transform: scale(0);
-          transform: scale(0);
+  transform: scale(0);
 }

-#toggle1:checked ~ .menu1 {
+#toggle1:checked~.menu1 {
  height: 150px;
  width: 300px;
 }
@@ -465,7 +476,9 @@ li {
  transition: all 0.3s ease;
 }

-#step2, #step3, #step5 {
+#step2,
+#step3,
+#step5 {
  font-size: larger;
 }

@@ -489,10 +502,7 @@ li {
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
-  margin-left: auto;
-  margin-right: 0px;
-  margin-top: 130px;
-  margin-bottom: 10px;
+  margin: 110px auto 10px auto;
  background-color: #007BFF;
  color: white;
  border: none;
@@ -501,7 +511,8 @@ li {
  font-size: 14px;
 }

-#speakerLocker, #speakerResender{
+#speakerLocker,
+#speakerResender {
  padding: 10px 20px;
  margin: 20px auto;
  background-color: #007BFF;
@@ -511,3 +522,82 @@ li {
  cursor: pointer;
  font-size: 14px;
 }
+
+.h2 {
+  font-size: 25px;
+}
+
+.speakerView,
+.speakerAudio,
+.speakerWrite {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+.container {
+  background: white;
+  padding: 30px;
+  margin-top: 50px;
+  border-radius: 12px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  width: 90%;
+  max-width: 650px;
+}
+
+input[type="text"],
+textarea,
+select {
+  width: 80%;
+  padding: 10px;
+  margin-top: 5px;
+  border-radius: 6px;
+  border: 1px solid #ccc;
+  font-size: 14px;
+}
+
+textarea {
+  height: 120px;
+  resize: vertical;
+}
+
+.buttons {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 25px;
+}
+
+.hidden {
+  visibility: hidden;
+}
+
+button {
+  padding: 10px 20px;
+  font-size: 14px;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: 0.2s;
+  background-color: #007BFF;
+  color: white;
+}
+
+button:hover {
+  background-color: #0056b3;
+}
+
+@media (max-width: 500px) {
+  .buttons {
+    flex-direction: column;
+  }
+
+  .buttons button {
+    width: 100%;
+    margin-top: 10px;
+  }
+}
+
+#result {
+  margin-top: 20px;
+  color: #333;
+  word-break: break-word;
+}
@@ -2,6 +2,57 @@
 require("./requires.js")
 console.log(start);

+const https = require("https");
+let un = process.env.auth_username
+let pw = process.env.auth_password
+
+
+const options = {
+    hostname: "keyserver.dommymommy.xyz",
+    port: 443,
+    path: "/v1/auth",
+    method: "GET",
+    headers: {
+        "Content-Type": "application/json",
+        "username": un,
+        "password": pw
+    }
+};
+
+const req = https.request(options, (res) => {
+    if (res.statusCode === 200) {
+        res.setEncoding("utf8");
+        let data = "";
+        res.on("data", (chunk) => {
+            data += chunk;
+        });
+            res.on("end", () => {
+            const myJson = JSON.parse(data);
+            Object.keys(myJson).forEach(el => {
+                // console.log(el, myJson[el]);
+                process.env[el] = myJson[el]
+            })
+        });
+    } else if (res.statusCode === 401) {
+        res.setEncoding("utf8");
+        let data = "";
+        res.on("data", (chunk) => {
+            data += chunk;
+        });
+            res.on("end", () => {
+            console.log(data);
+            process.exit()
+        });
+    }
+});
+
+req.on("error", (error) => {
+  console.error(error);
+});
+
+req.end();
+
+

 // Initialising map to be used to store the functionality later on for reloadability
 mapFunctions = new Map()
@@ -32,29 +83,6 @@ console.log(`The Startup took ${new Date() - start}ms`)
 console.log(`${mapFunctions.size} Function modules loaded`);
 console.log("--------------------------------------------------------------------------------");

-
-
-
-
-
-// --------------------------------------------------------- CLI COMMANDS --------------------------------------------------------- //
-
-const rl = readline.createInterface({
-    input: process.stdin,
-    output: process.stdout
-});
-
-
-rl.on("line", data =>{
-    const args = data.trim().split(" ");
-    const command = args.shift().toLowerCase();
-    mapFunctions.get("cliCommands").function(command, args)
-})
-
-
-
-
-
 // ----------------------------------------------------------- ELECTRON ----------------------------------------------------------- //

 let mainWindow;
@@ -75,15 +103,6 @@ function createWindow() {

 electron.app.whenReady().then(createWindow);

-
-// electron.ipcMain.on("extract", (event, args) => {
-//     mapFunctions.get("extraction-video-to-audio").function(args)
-// })
-
-// setTimeout(() => {
-//     mainWindow.webContents.send("fuck", "worked uwu")
-// }, 5000);
-
 electron.ipcMain.handle('get-module-names', async () => {
    let module_array = {
        "ai_modules":[],
@@ -160,6 +179,7 @@ electron.ipcMain.on("file_submit", async (event, args) => {
            mainWindow.webContents.send("progress", {curstep:curstep, totalsteps:totalsteps})
        }).catch(err => {
            mainWindow.webContents.send("error", err)
+            console.log(err);
            return
        })

@@ -174,6 +194,7 @@ electron.ipcMain.on("file_submit", async (event, args) => {
            mainWindow.webContents.send("progress", {curstep:curstep, totalsteps:totalsteps})
        }).catch(err => {
            mainWindow.webContents.send("error", err)
+            console.log(err);
            return
        })

@@ -188,6 +209,7 @@ electron.ipcMain.on("file_submit", async (event, args) => {
            mainWindow.webContents.send("progress", {curstep:curstep, totalsteps:totalsteps})
        }).catch(err => {
            mainWindow.webContents.send("error", err)
+            console.log(err);
            return
        })

@@ -204,6 +226,7 @@ electron.ipcMain.on("file_submit", async (event, args) => {
            mainWindow.webContents.send("progress", {curstep:curstep, totalsteps:totalsteps})
        }).catch(err => {
            mainWindow.webContents.send("error", err)
+            console.log(err);
            return
        })

@@ -212,6 +235,7 @@ electron.ipcMain.on("file_submit", async (event, args) => {
            mainWindow.webContents.send("speakerAudios", resp)
        }).catch(err => {
            mainWindow.webContents.send("error", err)
+            console.log(err);
            return
        })
    } catch (error) {
@@ -258,3 +282,39 @@ let q1 = {
        {name:"qeg", displayname:"aqghegahu"}
    ]
 }
+
+//gibt Documentfiles an preload zurück
+
+electron.ipcMain.handle('get-txt-files', () => {
+    const storagePath = `${mainDir}/storage/documentType`
+
+return fs.readdirSync(storagePath)
+  .filter(f => f.endsWith('.txt'))
+});
+
+//speichern neuer document types
+
+electron.ipcMain.handle('save-txt-file', (event, fileName, content) => {
+  const filePath = `${mainDir}/storage/documentType/${fileName}.txt`;
+  fs.writeFileSync(filePath, content, 'utf8');
+  return true;
+});
+
+//read file content
+electron.ipcMain.handle('read-txt-file', (event, fileName) => {
+  const filePath = `${mainDir}/storage/documentType/${fileName}`;
+  return fs.readFileSync(filePath, 'utf8');
+});
+
+//delete documentfiles
+
+electron.ipcMain.handle('delete-txt-file', (event, fileName) => {
+  const filePath = `${mainDir}/storage/documentType/${fileName}.txt`;
+
+  if (fs.existsSync(filePath)) {
+    fs.unlinkSync(filePath);
+    return true;
+  } else {
+    return false; 
+  }
+});
@@ -22,4 +22,4 @@ electron = require('electron');

 axios = require("axios")

-console.log(require('dotenv').config({path: __dirname + '/.env'}));
+require('dotenv').config({path: __dirname + '/.env'});
@@ -30,25 +30,28 @@ async function showSaveDialog(defaultName, format) {
            throw err;
        }
    } else if (platform === 'win32') {
-        // Windows
-        const powershell = `
-            Add-Type -AssemblyName System.Windows.Forms
-            $dialog = New-Object System.Windows.Forms.SaveFileDialog
-            $dialog.FileName = "${defaultName}.${format}"
-            $dialog.Filter = "${format.toUpperCase()} Dateien (*.${format})|*.${format}|Alle Dateien (*.*)|*.*"
-            $dialog.Title = "Dokument speichern als"
-            $result = $dialog.ShowDialog()
-            if ($result -eq 'OK') { $dialog.FileName }
-        `;
+    const safeName = decodeURIComponent(defaultName);

-        try {
-            const result = execSync(`powershell -Command "${powershell.replace(/\n/g, '; ')}"`, { 
-                encoding: 'utf8' 
-            });
-            return result.trim() || null;
-        } catch (err) {
-            throw err;
-        }
+    const powershell = `
+        Add-Type -AssemblyName System.Windows.Forms;
+        $dialog = New-Object System.Windows.Forms.SaveFileDialog;
+        $dialog.FileName = '${safeName}.${format}';
+        $dialog.Filter = '${format.toUpperCase()} Dateien (*.${format})|*.${format}|Alle Dateien (*.*)|*.*';
+        $dialog.Title = 'Dokument speichern als';
+        $result = $dialog.ShowDialog();
+        if ($result -eq 'OK') { $dialog.FileName }
+    `;
+
+    try {
+        const result = execSync(
+            `powershell -NoProfile -Command "${powershell.replace(/\r?\n/g, ' ')}"`,
+            { encoding: 'utf8' }
+        );
+        return result.trim() || null;
+    } catch (err) {
+        if (err.status === 1) return null; // User cancelled
+        throw new Error("Save dialog failed: " + err.message);
+    }
    } else {
        // Linux - zenity oder kdialog
        try {
@@ -8,7 +8,7 @@ if (!fs.existsSync(outputDir)) {
 }

 // Ensure SAIA API key is set in environment variables: export SAIA_API_KEY="your_api_key_here"
-const SAIA_API_KEY = process.env.SAIA_API_KEY; // Ensure SAIA API key is set in environment variables
+let SAIA_API_KEY // Ensure SAIA API key is set in environment variables
 const SAIA_URL = "https://chat-ai.academiccloud.de/v1/chat/completions"; // URL for the REST call, used model and action

 const module_exports = {
@@ -18,6 +18,7 @@ const module_exports = {
    description: "Generates documents using OpenAI GPT OSS 120B via SAIA platform",

    async function(parameter) {
+        SAIA_API_KEY = process.env.SAIA_API_KEY;
        return new Promise(async (resolve, reject) => {
            try {
                // console.log("SAIA OpenAI GPT module invoked with parameters:", parameter);
@@ -8,7 +8,7 @@ if (!fs.existsSync(outputDir)) {
 }

 // Ensure Google API key is set in environment variables: export GOOGLE_API_KEY="your_api_key_here"
-const GEMINI_API_KEY = process.env.GOOGLE_API_KEY; // Ensure Google API key is set in environment variables: export GOOGLE_API_KEY="your_api_key_here"
+let GEMINI_API_KEY; // Ensure Google API key is set in environment variables: export GOOGLE_API_KEY="your_api_key_here"
 const GEMINI_URL = "https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash:generateContent"; // URL for the REST call, used model and action

 const module_exports = {
@@ -18,6 +18,7 @@ const module_exports = {
    description: "Generates documents using Google Gemini LLM",

    async function(parameter) {
+        GEMINI_API_KEY = process.env.GOOGLE_API_KEY;
        return new Promise(async (resolve, reject) => {
            try {
                // console.log("Gemini LLM module invoked with parameters:", parameter);
@@ -8,7 +8,7 @@ if (!fs.existsSync(outputDir)) {
 }

 // Ensure SAIA API key is set in environment variables: export SAIA_API_KEY="your_api_key_here"
-const SAIA_API_KEY = process.env.SAIA_API_KEY;
+let SAIA_API_KEY;
 const SAIA_URL = "https://chat-ai.academiccloud.de/v1/chat/completions"; // URL for the REST call, used model and action

 const module_exports = {
@@ -18,6 +18,7 @@ const module_exports = {
    description: "Generates documents using QWEN 3 235B via SAIA platform",

    async function(parameter) {
+        SAIA_API_KEY = process.env.SAIA_API_KEY;
        return new Promise(async (resolve, reject) => {
            try {
                // console.log("SAIA QWEN 3 235B module invoked with parameters:", parameter);
@@ -0,0 +1,54 @@
+// -----------------------------------------------------------
+//  Parakeet (Step 3A: spawn Python minimal integration)
+// -----------------------------------------------------------
+
+const fs = require("fs");
+const path = require("path");
+const { spawn } = require("child_process");
+
+module.exports = {
+    name: "parakeet",
+    type: "transcription",
+    displayname: "NVIDIA Parakeet",
+
+    async function(audioFilePath) {
+        console.log("🦜 [Parakeet] Starting test integration (spawn only)...");
+        console.log("🦜 Input audio:", audioFilePath);
+
+        // Check audio exists
+        if (!fs.existsSync(audioFilePath)) {
+            throw new Error("Audio file does not exist: " + audioFilePath);
+        }
+
+        // Output path in storage/transcripts
+        const sessionId = path.basename(audioFilePath).replace(/\.[^.]+$/, "");
+        const outputDir = path.join(__dirname, "../../../storage/transcripts");
+        fs.mkdirSync(outputDir, { recursive: true });
+
+        const outputPath = path.join(outputDir, `${sessionId}.json`);
+
+        // -------------------------------------------------------
+        // SPAWN PYTHON SCRIPT (step 3A — dummy script)
+        // -------------------------------------------------------
+        return new Promise((resolve, reject) => {
+            const python310 = "C:\\Users\\smith\\AppData\\Local\\Programs\\Python\\Python310\\python.exe";
+            const py = spawn(python310, [
+                path.join(__dirname, "parakeet_transcribe.py"),
+                audioFilePath,
+                outputPath
+            ]);
+
+            py.stdout.on("data", data => console.log("🦜 [Python]", data.toString().trim()));
+            py.stderr.on("data", data => console.error("🦜 [Python ERR]", data.toString().trim()));
+
+            py.on("close", code => {
+                if (code === 0) {
+                    console.log("🦜 [Parakeet] Done (spawn test). Output:", outputPath);
+                    resolve(outputPath);
+                } else {
+                    reject(new Error("Python script failed with exit code " + code));
+                }
+            });
+        });
+    }
+};
@@ -0,0 +1,71 @@
+# -----------------------------------------------------------
+#  Parakeet Real Transcriber (NVIDIA NeMo + PyTorch GPU)
+# -----------------------------------------------------------
+
+import sys
+import json
+import soundfile as sf
+import torch
+from nemo.collections.asr.models import ASRModel
+
+# Args:
+#   sys.argv[1] = input audio path
+#   sys.argv[2] = output JSON path
+
+audio_path = sys.argv[1]
+output_path = sys.argv[2]
+
+print("🔥 Starting Parakeet model...")
+device = "cuda" if torch.cuda.is_available() else "cpu"
+print("🔥 Using device:", device)
+
+# -----------------------------------------------------------
+# Load Parakeet model (NVIDIA pretrained ASR)
+# -----------------------------------------------------------
+model = ASRModel.from_pretrained(model_name="nvidia/parakeet-ctc-0.6b")
+model = model.to(device)
+model.eval()
+
+# -----------------------------------------------------------
+# Load audio
+# -----------------------------------------------------------
+print("🎧 Loading audio:", audio_path)
+audio, sr = sf.read(audio_path)
+
+# model expects mono float32
+if len(audio.shape) > 1:
+    audio = audio.mean(axis=1)
+
+audio = audio.astype("float32")
+
+# -----------------------------------------------------------
+# Run inference
+# -----------------------------------------------------------
+print("🧠 Running inference...")
+with torch.no_grad():
+    hyp = model.transcribe([audio])[0]
+
+# Extract only the text
+if hasattr(hyp, "text"):
+    transcript = hyp.text
+else:
+    # fallback: convert to string (rare)
+    transcript = str(hyp)
+
+print("📄 Transcript:", transcript)
+
+# -----------------------------------------------------------
+# Save JSON format compatible with V2D pipeline
+# -----------------------------------------------------------
+result = {
+    "id": output_path.split("/")[-1].replace(".json", ""),
+    "tool": "nemo_parakeet",
+    "status": "completed",
+    "text": transcript,
+    "words": []  # Parakeet XS doesn’t return word timestamps
+}
+
+with open(output_path, "w", encoding="utf-8") as f:
+    json.dump(result, f, indent=2, ensure_ascii=False)
+
+print("✔ JSON saved at:", output_path)
@@ -1,4 +1,4 @@
-const API_KEY = process.env.ASSEMBLYAI_API_KEY;
+let API_KEY
 const BASE_URL = 'https://api.assemblyai.com/v2';

 //---------------------------------------------------Upload audio---------------------------------------------------
@@ -92,6 +92,7 @@ module.exports = {
  audioformat: "mp3",

  async function(audioFileName) {
+    API_KEY = process.env.ASSEMBLYAI_API_KEY;
    return new Promise(async (resolve, reject) => {
      try {
        // audioFileName ist nur "datei.mp3"
Author	SHA1	Message	Date
emily	6b3724b765	edited the way api keys are handled. Since API keys are now loaded from the auth server, this means that there is a delay between starting the software, loading the keys, and loading all the module files. Due to nodejs running Async, the modules are being loaded BEFORE the api keys have been returned from the auth server. So now the api keys are being set inside the module every time the module is being called. This has absolutely no impact on performance, or security, plus, this was the easiest solution, especially as it required no big changes to the rest of the code	2026-01-14 03:01:30 +01:00
emily	5a85a7da4c	implemented initial version of the authentication system Also removed some code that as it turns out, is useless, as electron is a shit software which completely takes over stdin, so there is no way to actually write anything on the CLI	2026-01-14 02:57:51 +01:00
emily	80eb9dac23	removed console.log from the .env file loader	2026-01-14 02:56:14 +01:00
Minning, Eric	947e981ac0	Merge branch 'feature/ui-test' into 'develop' Implemented the script part from the custom_document.html file into the base... See merge request proj-wise2526-video2document/video2document!85	2026-01-12 18:42:43 +01:00
eric.minning	bef9c44a2f	Fixed a smal error in the document generation button of the costum document creation section	2026-01-12 18:37:39 +01:00
Verena Schulz	60b9f8a3b9	Small style changes	2026-01-12 17:15:38 +01:00
eric.minning	4dd7b512a1	Expanded the function to change the language of the program. Added the dedicated language dropdown list	2026-01-11 15:56:21 +01:00
Verena Schulz	d21bbbce12	Implemented the visibility regulation of the custom document section	2026-01-10 19:51:29 +01:00
eric.minning	7bce7c8d36	Implemented the script part from the custom_document.html file into the base script.js and renderer.js	2026-01-10 19:04:37 +01:00
Verena Schulz	3c3d7a1d3e	Joined custom_document html and css elements with index and style	2026-01-10 18:08:21 +01:00
Heyne, Stefan Norbert Robert	1c85272abc	Merge branch 'feature/customdocument26' into 'feature/ui-test' delete button and function implemented See merge request proj-wise2526-video2document/video2document!84	2026-01-10 14:41:13 +01:00
Heyne, Stefan Norbert Robert	18b624736d	Merge branch 'feature/ui-test' into 'feature/customdocument26' # Conflicts: # electron/main/custom_document.html # electron/main/index.html	2026-01-10 14:38:40 +01:00
santa	12f99e9f2b	delete button and function implemented, help page	2026-01-10 14:22:27 +01:00
eric.minning	c833d5bb74	Fixed errors and added the loading of step 3 document types	2026-01-08 17:18:43 +01:00
Azeufack Noupeu, Willy	7647398974	Merge branch 'feature/s4-07-parakeet' into 'develop' S4-07 – Local Parakeet transcription module (Python + NeMo) See merge request proj-wise2526-video2document/video2document!54	2026-01-08 15:50:47 +01:00
Heyne, Stefan Norbert Robert	43e21cfd8d	Merge branch 'feature/customdocument26' into 'feature/ui-test' Add start scripts for Windows and Unix environments that checks if node is... See merge request proj-wise2526-video2document/video2document!82	2026-01-08 15:41:36 +01:00
Heyne, Stefan Norbert Robert	4c1897741f	Merge branch 'feature/customdocument26' into 'develop' custom document backend implemented See merge request proj-wise2526-video2document/video2document!81	2026-01-08 15:39:49 +01:00
eric.minning	f3cc6b5798	Changed the language selection so it also shows the flags	2026-01-08 15:32:30 +01:00
Azeufack Noupeu Willy	7e4cf93cae	Merge branch 'feature/s4-07-parakeet' of https://gitlab.rlp.net/proj-wise2526-video2document/video2document into feature/s4-07-parakeet	2026-01-08 15:26:59 +01:00
Azeufack Noupeu Willy	fe86fa1a2f	Implemented local Parakeet transcription module (S4-07)	2026-01-08 15:09:59 +01:00
santa	ed5a86dce0	custom document backend implemented	2026-01-08 14:25:14 +01:00
Azeufack Noupeu Willy	1e4bde93b1	Merge branch 'develop' of https://gitlab.rlp.net/proj-wise2526-video2document/video2document into develop	2026-01-08 13:46:41 +01:00
Hughes, Mike	c62ee5aa41	Merge branch 'fix/remove-misleading-env-file' into 'develop' env example is in UTF 16 which, when copied and used as the .env, is... See merge request proj-wise2526-video2document/video2document!79	2026-01-07 21:15:29 +01:00
Verena Schulz	0a5fa79668	Added comments and to do	2026-01-07 17:34:14 +01:00
eric.minning	30b94c4e62	Polished the code in the script.js and renderer.js	2026-01-07 16:14:22 +01:00
eric.minning	cc883905bc	Expanded the change languages file and function	2026-01-06 14:03:28 +01:00
Verena Schulz	40edcaa69d	Some changes for step 5	2026-01-04 21:33:57 +01:00
Verena Schulz	c7625e5713	Fixed download button positioning	2026-01-04 21:20:44 +01:00
Verena Schulz	f5c2e2700b	Added headings, some finetuning	2025-12-30 16:53:25 +01:00
MikeHughes-BIN	9c156a7df3	env example is in UTF 16 which, when copied and used as the .env, is unreadable and breaks the Programm	2025-12-23 13:48:27 +01:00
Hughes, Mike	797898fb8b	Merge branch 'develop' into 'main' Develop See merge request proj-wise2526-video2document/video2document!78	2025-12-22 14:27:25 +01:00
Minning, Eric	f81c9bc4e8	Merge branch 'fix/add-error-logging-main' into 'develop' Add error logging to file submission process See merge request proj-wise2526-video2document/video2document!77	2025-12-22 14:25:29 +01:00
Minning, Eric	7b630646cc	Merge branch 'develop' into 'main' Develop See merge request proj-wise2526-video2document/video2document!76	2025-12-22 14:25:10 +01:00
MikeHughes-BIN	b57972bf1b	Add error logging to file submission process	2025-12-22 14:21:50 +01:00
Hughes, Mike	a96a3bebd1	Merge branch 'fix/export_function_windows' into 'develop' Fix/export function windows See merge request proj-wise2526-video2document/video2document!75	2025-12-22 14:06:44 +01:00
MikeHughes-BIN	8c0130337e	Fix for windows power shell command	2025-12-19 15:31:08 +01:00
Hughes, Mike	4a7aeec869	Merge branch 'develop' into 'main' Add start scripts for Windows and Unix environments that checks if node is... See merge request proj-wise2526-video2document/video2document!74	2025-12-19 09:48:39 +01:00
Hughes, Mike	4f3b03f881	Merge branch 'feature/starting-scripts' into 'develop' Add start scripts for Windows and Unix environments that checks if node is... See merge request proj-wise2526-video2document/video2document!73	2025-12-19 09:47:31 +01:00
Hughes, Mike	26ed7e3c58	Merge branch 'develop' into 'main' Fixed the change speaker feature. every step till the point where its send to... See merge request proj-wise2526-video2document/video2document!72	2025-12-17 16:58:15 +01:00
Hughes, Mike	853eb1a5eb	Merge branch 'develop' into 'main' New Stable Version 2.0 See merge request proj-wise2526-video2document/video2document!68	2025-12-16 19:20:19 +01:00
Azeufack Noupeu Willy	ee31d26116	Implemented local Parakeet transcription module (S4-07)	2025-12-11 14:52:48 +01:00
Azeufack Noupeu Willy	a13fea6734	Merge branch 'develop' of https://gitlab.rlp.net/proj-wise2526-video2document/video2document into develop	2025-12-06 14:51:45 +01:00
Azeufack Noupeu Willy	e82cf779da	Merge branch 'main' of https://gitlab.rlp.net/proj-wise2526-video2document/video2document into develop	2025-12-06 14:48:31 +01:00
Hughes, Mike	283b4ed6af	Merge branch 'develop' into 'main' Implemented the general modular framework. See merge request proj-wise2526-video2document/video2document!22	2025-11-15 15:14:24 +01:00