Add 2 files
Browse files- index.html +160 -101
- prompts.txt +2 -1
index.html
CHANGED
|
@@ -88,6 +88,15 @@
|
|
| 88 |
background-color: #ffedd5;
|
| 89 |
color: #9a3412;
|
| 90 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 91 |
</style>
|
| 92 |
</head>
|
| 93 |
<body class="bg-gray-50">
|
|
@@ -124,9 +133,9 @@
|
|
| 124 |
</div>
|
| 125 |
|
| 126 |
<!-- Chat Messages -->
|
| 127 |
-
<div class="chat-container overflow-y-auto p-4 space-y-4">
|
| 128 |
<!-- Initial greeting -->
|
| 129 |
-
<div class="flex">
|
| 130 |
<div class="flex-shrink-0 mr-3">
|
| 131 |
<div class="w-8 h-8 rounded-full bg-indigo-100 flex items-center justify-center">
|
| 132 |
<i class="fas fa-brain text-indigo-600 text-sm"></i>
|
|
@@ -144,31 +153,6 @@
|
|
| 144 |
</ul>
|
| 145 |
</div>
|
| 146 |
</div>
|
| 147 |
-
|
| 148 |
-
<!-- Example message (hidden by default) -->
|
| 149 |
-
<div class="flex hidden" id="example-message">
|
| 150 |
-
<div class="flex-shrink-0 mr-3">
|
| 151 |
-
<div class="w-8 h-8 rounded-full bg-indigo-100 flex items-center justify-center">
|
| 152 |
-
<i class="fas fa-brain text-indigo-600 text-sm"></i>
|
| 153 |
-
</div>
|
| 154 |
-
</div>
|
| 155 |
-
<div class="psycho-bubble rounded-lg p-4 max-w-[85%]">
|
| 156 |
-
<div class="mb-3">
|
| 157 |
-
<span class="analysis-tag text-xs font-medium px-2 py-1 rounded mr-2">Analyse</span>
|
| 158 |
-
<span class="concept-tag text-xs font-medium px-2 py-1 rounded mr-2">Übertragung</span>
|
| 159 |
-
<span class="recommendation-tag text-xs font-medium px-2 py-1 rounded">Empfehlung</span>
|
| 160 |
-
</div>
|
| 161 |
-
<p class="font-medium text-indigo-800 mb-2">Ihre Schilderung zeigt interessante psychodynamische Muster.</p>
|
| 162 |
-
<p class="text-gray-700 mb-2">Die beschriebene Interaktion mit Ihrer Freundin weist Merkmale einer <span class="font-medium text-indigo-700">Übertragungsdynamik</span> auf, bei der unbewusste Erwartungen aus früheren Beziehungen auf die aktuelle Situation projiziert werden.</p>
|
| 163 |
-
<p class="text-gray-700 mb-2">Besonders auffällig ist das <span class="font-medium text-indigo-700">Wiederholungsmuster</span> in Ihren Beschreibungen, das auf einen möglichen <span class="font-medium text-indigo-700">Wiederholungszwang</span> hindeutet.</p>
|
| 164 |
-
<p class="text-gray-700 font-medium mt-3">Konkrete Handlungsempfehlungen:</p>
|
| 165 |
-
<ol class="list-decimal pl-5 mt-1 space-y-1 text-gray-700">
|
| 166 |
-
<li>Reflektieren Sie, welche unbewussten Bedürfnisse in dieser Freundschaft erfüllt werden</li>
|
| 167 |
-
<li>Setzen Sie klare Grenzen in der Kommunikation</li>
|
| 168 |
-
<li>Beobachten Sie Ihre emotionalen Reaktionen als Hinweisgeber</li>
|
| 169 |
-
</ol>
|
| 170 |
-
</div>
|
| 171 |
-
</div>
|
| 172 |
</div>
|
| 173 |
|
| 174 |
<!-- Input Area -->
|
|
@@ -185,16 +169,16 @@
|
|
| 185 |
</div>
|
| 186 |
</div>
|
| 187 |
<div class="mt-2 flex flex-wrap gap-2">
|
| 188 |
-
<button class="quick-prompt text-xs bg-gray-200 hover:bg-gray-300 text-gray-700 px-3 py-1 rounded-full">
|
| 189 |
<i class="fas fa-user-friends mr-1"></i> Freundschaftskonflikt
|
| 190 |
</button>
|
| 191 |
-
<button class="quick-prompt text-xs bg-gray-200 hover:bg-gray-300 text-gray-700 px-3 py-1 rounded-full">
|
| 192 |
<i class="fas fa-heart mr-1"></i> Beziehungsmuster
|
| 193 |
</button>
|
| 194 |
-
<button class="quick-prompt text-xs bg-gray-200 hover:bg-gray-300 text-gray-700 px-3 py-1 rounded-full">
|
| 195 |
<i class="fas fa-mask mr-1"></i> Manipulation erkennen
|
| 196 |
</button>
|
| 197 |
-
<button class="quick-prompt text-xs bg-gray-200 hover:bg-gray-300 text-gray-700 px-3 py-1 rounded-full">
|
| 198 |
<i class="fas fa-history mr-1"></i> Wiederholungsmuster
|
| 199 |
</button>
|
| 200 |
</div>
|
|
@@ -212,9 +196,8 @@
|
|
| 212 |
document.addEventListener('DOMContentLoaded', function() {
|
| 213 |
const messageInput = document.getElementById('message-input');
|
| 214 |
const sendButton = document.getElementById('send-button');
|
| 215 |
-
const
|
| 216 |
const showExampleButton = document.getElementById('show-example');
|
| 217 |
-
const exampleMessage = document.getElementById('example-message');
|
| 218 |
const quickPrompts = document.querySelectorAll('.quick-prompt');
|
| 219 |
|
| 220 |
// Auto-resize textarea
|
|
@@ -223,6 +206,33 @@
|
|
| 223 |
this.style.height = (this.scrollHeight) + 'px';
|
| 224 |
});
|
| 225 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 226 |
// Send message function
|
| 227 |
function sendMessage() {
|
| 228 |
const messageText = messageInput.value.trim();
|
|
@@ -241,35 +251,69 @@
|
|
| 241 |
// Simulate response after delay
|
| 242 |
setTimeout(() => {
|
| 243 |
removeTypingIndicator();
|
| 244 |
-
|
| 245 |
-
|
|
|
|
| 246 |
}
|
| 247 |
|
| 248 |
-
// Add
|
| 249 |
function addMessage(text, sender) {
|
| 250 |
const messageDiv = document.createElement('div');
|
| 251 |
-
messageDiv.className =
|
| 252 |
-
messageDiv.innerHTML = `
|
| 253 |
-
<div class="flex-shrink-0 mr-3">
|
| 254 |
-
<div class="w-8 h-8 rounded-full ${sender === 'user' ? 'bg-indigo-600' : 'bg-indigo-100'} flex items-center justify-center">
|
| 255 |
-
<i class="fas ${sender === 'user' ? 'fa-user text-white' : 'fa-brain text-indigo-600'} text-sm"></i>
|
| 256 |
-
</div>
|
| 257 |
-
</div>
|
| 258 |
-
<div class="${sender === 'user' ? 'user-bubble' : 'psycho-bubble'} rounded-lg p-4 max-w-[85%]">
|
| 259 |
-
<p>${text}</p>
|
| 260 |
-
</div>
|
| 261 |
-
`;
|
| 262 |
|
| 263 |
-
// If it's a user message, add it immediately
|
| 264 |
if (sender === 'user') {
|
| 265 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 266 |
} else {
|
| 267 |
-
//
|
| 268 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 269 |
}
|
| 270 |
|
| 271 |
-
|
| 272 |
-
|
| 273 |
}
|
| 274 |
|
| 275 |
// Show typing indicator
|
|
@@ -292,8 +336,8 @@
|
|
| 292 |
</div>
|
| 293 |
`;
|
| 294 |
|
| 295 |
-
|
| 296 |
-
|
| 297 |
}
|
| 298 |
|
| 299 |
// Remove typing indicator
|
|
@@ -304,53 +348,20 @@
|
|
| 304 |
}
|
| 305 |
}
|
| 306 |
|
| 307 |
-
//
|
| 308 |
-
function addPsychoResponse(userMessage) {
|
| 309 |
-
// This is a simplified version - in a real app, you'd connect to an API
|
| 310 |
-
|
| 311 |
-
// Create a response based on keywords in the user message
|
| 312 |
-
let response = generatePsychoResponse(userMessage);
|
| 313 |
-
|
| 314 |
-
const responseDiv = addMessage(response.text, 'psycho');
|
| 315 |
-
|
| 316 |
-
// Add tags and structure if it's a full analysis
|
| 317 |
-
if (response.type === 'analysis') {
|
| 318 |
-
const tagsHtml = `
|
| 319 |
-
<div class="mb-3">
|
| 320 |
-
<span class="analysis-tag text-xs font-medium px-2 py-1 rounded mr-2">Analyse</span>
|
| 321 |
-
${response.concepts.map(c => `<span class="concept-tag text-xs font-medium px-2 py-1 rounded mr-2">${c}</span>`).join('')}
|
| 322 |
-
<span class="recommendation-tag text-xs font-medium px-2 py-1 rounded">Empfehlung</span>
|
| 323 |
-
</div>
|
| 324 |
-
`;
|
| 325 |
-
|
| 326 |
-
const contentHtml = `
|
| 327 |
-
${response.intro ? `<p class="font-medium text-indigo-800 mb-2">${response.intro}</p>` : ''}
|
| 328 |
-
${response.analysis.map(p => `<p class="text-gray-700 mb-2">${p}</p>`).join('')}
|
| 329 |
-
${response.recommendations ? `
|
| 330 |
-
<p class="text-gray-700 font-medium mt-3">Konkrete Handlungsempfehlungen:</p>
|
| 331 |
-
<ol class="list-decimal pl-5 mt-1 space-y-1 text-gray-700">
|
| 332 |
-
${response.recommendations.map(r => `<li>${r}</li>`).join('')}
|
| 333 |
-
</ol>
|
| 334 |
-
` : ''}
|
| 335 |
-
`;
|
| 336 |
-
|
| 337 |
-
responseDiv.querySelector('.psycho-bubble').innerHTML = tagsHtml + contentHtml;
|
| 338 |
-
}
|
| 339 |
-
|
| 340 |
-
chatContainer.appendChild(responseDiv);
|
| 341 |
-
chatContainer.scrollTop = chatContainer.scrollHeight;
|
| 342 |
-
}
|
| 343 |
-
|
| 344 |
-
// Generate a psychoanalytic response based on keywords
|
| 345 |
function generatePsychoResponse(message) {
|
| 346 |
const lowerMessage = message.toLowerCase();
|
| 347 |
|
| 348 |
// Check for specific keywords
|
| 349 |
if (lowerMessage.includes('freund') || lowerMessage.includes('freundin') || lowerMessage.includes('freundschaft')) {
|
| 350 |
return {
|
| 351 |
-
type: 'analysis',
|
| 352 |
intro: 'Ihre Schilderung der Freundschaftssituation zeigt interessante psychodynamische Muster.',
|
| 353 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 354 |
analysis: [
|
| 355 |
'Die beschriebene Dynamik weist Merkmale einer <span class="font-medium text-indigo-700">unsicheren Bindung</span> auf, möglicherweise mit Elementen einer <span class="font-medium text-indigo-700">ambivalenten Bindungsstruktur</span>.',
|
| 356 |
'Besonders auffällig ist das <span class="font-medium text-indigo-700">Wiederholungsmuster</span> in Ihren Beschreibungen, das auf unbewusste <span class="font-medium text-indigo-700">Wiederholungszwänge</span> hindeuten könnte.',
|
|
@@ -365,9 +376,13 @@
|
|
| 365 |
};
|
| 366 |
} else if (lowerMessage.includes('manipul') || lowerMessage.includes('gaslight') || lowerMessage.includes('psychopath')) {
|
| 367 |
return {
|
| 368 |
-
type: 'analysis',
|
| 369 |
intro: 'Die von Ihnen beschriebenen Interaktionen zeigen Merkmale möglicher manipulativer Dynamiken.',
|
| 370 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 371 |
analysis: [
|
| 372 |
'Die beschriebenen Verhaltensweisen weisen Merkmale der <span class="font-medium text-indigo-700">dunklen Triade</span> (Narzissmus, Machiavellismus, Psychopathie) auf.',
|
| 373 |
'Besonders besorgniserregend sind die Hinweise auf mögliches <span class="font-medium text-indigo-700">Gaslighting</span>, eine Form der psychologischen Manipulation, die darauf abzielt, Ihr Realitätsgefühl zu untergraben.',
|
|
@@ -382,9 +397,13 @@
|
|
| 382 |
};
|
| 383 |
} else if (lowerMessage.includes('beziehung') || lowerMessage.includes('partner') || lowerMessage.includes('liebe')) {
|
| 384 |
return {
|
| 385 |
-
type: 'analysis',
|
| 386 |
intro: 'Ihre Beziehungsschilderung offenbart tiefenpsychologisch relevante Muster.',
|
| 387 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 388 |
analysis: [
|
| 389 |
'Die beschriebenen Interaktionsmuster lassen auf <span class="font-medium text-indigo-700">unbewusste Objektbeziehungen</span> schließen, die aus früheren Erfahrungen internalisiert wurden.',
|
| 390 |
'Auffällig ist das mögliche Vorhandensein eines <span class="font-medium text-indigo-700">Wiederholungszwangs</span>, bei dem Sie unbewusst ähnliche Beziehungsdynamiken wie in der Vergangenheit herstellen.',
|
|
@@ -397,9 +416,49 @@
|
|
| 397 |
'Erkunden Sie Ihre Bindungsmuster in der Kindheit'
|
| 398 |
]
|
| 399 |
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 400 |
} else {
|
| 401 |
// Default response for unrecognized topics
|
| 402 |
return {
|
| 403 |
-
|
| 404 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 405 |
</html>
|
|
|
|
| 88 |
background-color: #ffedd5;
|
| 89 |
color: #9a3412;
|
| 90 |
}
|
| 91 |
+
|
| 92 |
+
.fade-in {
|
| 93 |
+
animation: fadeIn 0.5s ease-in;
|
| 94 |
+
}
|
| 95 |
+
|
| 96 |
+
@keyframes fadeIn {
|
| 97 |
+
from { opacity: 0; transform: translateY(10px); }
|
| 98 |
+
to { opacity: 1; transform: translateY(0); }
|
| 99 |
+
}
|
| 100 |
</style>
|
| 101 |
</head>
|
| 102 |
<body class="bg-gray-50">
|
|
|
|
| 133 |
</div>
|
| 134 |
|
| 135 |
<!-- Chat Messages -->
|
| 136 |
+
<div class="chat-container overflow-y-auto p-4 space-y-4" id="chat-messages">
|
| 137 |
<!-- Initial greeting -->
|
| 138 |
+
<div class="flex fade-in">
|
| 139 |
<div class="flex-shrink-0 mr-3">
|
| 140 |
<div class="w-8 h-8 rounded-full bg-indigo-100 flex items-center justify-center">
|
| 141 |
<i class="fas fa-brain text-indigo-600 text-sm"></i>
|
|
|
|
| 153 |
</ul>
|
| 154 |
</div>
|
| 155 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 156 |
</div>
|
| 157 |
|
| 158 |
<!-- Input Area -->
|
|
|
|
| 169 |
</div>
|
| 170 |
</div>
|
| 171 |
<div class="mt-2 flex flex-wrap gap-2">
|
| 172 |
+
<button class="quick-prompt text-xs bg-gray-200 hover:bg-gray-300 text-gray-700 px-3 py-1 rounded-full" data-prompt="Ich habe einen Konflikt mit einer Freundin, die mich immer wieder enttäuscht.">
|
| 173 |
<i class="fas fa-user-friends mr-1"></i> Freundschaftskonflikt
|
| 174 |
</button>
|
| 175 |
+
<button class="quick-prompt text-xs bg-gray-200 hover:bg-gray-300 text-gray-700 px-3 py-1 rounded-full" data-prompt="Mein Partner zeigt narzisstische Tendenzen und ich weiß nicht, wie ich damit umgehen soll.">
|
| 176 |
<i class="fas fa-heart mr-1"></i> Beziehungsmuster
|
| 177 |
</button>
|
| 178 |
+
<button class="quick-prompt text-xs bg-gray-200 hover:bg-gray-300 text-gray-700 px-3 py-1 rounded-full" data-prompt="Ich fühle mich in meiner Arbeitsumgebung manipuliert und weiß nicht, wie ich reagieren soll.">
|
| 179 |
<i class="fas fa-mask mr-1"></i> Manipulation erkennen
|
| 180 |
</button>
|
| 181 |
+
<button class="quick-prompt text-xs bg-gray-200 hover:bg-gray-300 text-gray-700 px-3 py-1 rounded-full" data-prompt="Ich bemerke, dass ich immer wieder in ähnliche problematische Situationen gerate.">
|
| 182 |
<i class="fas fa-history mr-1"></i> Wiederholungsmuster
|
| 183 |
</button>
|
| 184 |
</div>
|
|
|
|
| 196 |
document.addEventListener('DOMContentLoaded', function() {
|
| 197 |
const messageInput = document.getElementById('message-input');
|
| 198 |
const sendButton = document.getElementById('send-button');
|
| 199 |
+
const chatMessages = document.getElementById('chat-messages');
|
| 200 |
const showExampleButton = document.getElementById('show-example');
|
|
|
|
| 201 |
const quickPrompts = document.querySelectorAll('.quick-prompt');
|
| 202 |
|
| 203 |
// Auto-resize textarea
|
|
|
|
| 206 |
this.style.height = (this.scrollHeight) + 'px';
|
| 207 |
});
|
| 208 |
|
| 209 |
+
// Send message on Enter key (but allow Shift+Enter for new lines)
|
| 210 |
+
messageInput.addEventListener('keydown', function(e) {
|
| 211 |
+
if (e.key === 'Enter' && !e.shiftKey) {
|
| 212 |
+
e.preventDefault();
|
| 213 |
+
sendMessage();
|
| 214 |
+
}
|
| 215 |
+
});
|
| 216 |
+
|
| 217 |
+
// Send message on button click
|
| 218 |
+
sendButton.addEventListener('click', sendMessage);
|
| 219 |
+
|
| 220 |
+
// Quick prompts
|
| 221 |
+
quickPrompts.forEach(button => {
|
| 222 |
+
button.addEventListener('click', function() {
|
| 223 |
+
messageInput.value = this.getAttribute('data-prompt');
|
| 224 |
+
messageInput.focus();
|
| 225 |
+
messageInput.dispatchEvent(new Event('input'));
|
| 226 |
+
});
|
| 227 |
+
});
|
| 228 |
+
|
| 229 |
+
// Show example button
|
| 230 |
+
showExampleButton.addEventListener('click', function() {
|
| 231 |
+
messageInput.value = "Ich habe das Gefühl, dass meine Freundin mich emotional erpresst. Wenn ich Zeit mit anderen verbringe, wird sie eifersüchtig und macht mir Vorwürfe. Gleichzeitig erwartet sie, dass ich immer für sie da bin, ist aber selbst oft nicht verfügbar.";
|
| 232 |
+
messageInput.focus();
|
| 233 |
+
messageInput.dispatchEvent(new Event('input'));
|
| 234 |
+
});
|
| 235 |
+
|
| 236 |
// Send message function
|
| 237 |
function sendMessage() {
|
| 238 |
const messageText = messageInput.value.trim();
|
|
|
|
| 251 |
// Simulate response after delay
|
| 252 |
setTimeout(() => {
|
| 253 |
removeTypingIndicator();
|
| 254 |
+
const response = generatePsychoResponse(messageText);
|
| 255 |
+
addMessage(response, 'psycho');
|
| 256 |
+
}, 1500 + Math.random() * 2000); // Random delay between 1.5-3.5s
|
| 257 |
}
|
| 258 |
|
| 259 |
+
// Add message to chat
|
| 260 |
function addMessage(text, sender) {
|
| 261 |
const messageDiv = document.createElement('div');
|
| 262 |
+
messageDiv.className = `flex fade-in`;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 263 |
|
|
|
|
| 264 |
if (sender === 'user') {
|
| 265 |
+
messageDiv.innerHTML = `
|
| 266 |
+
<div class="flex-shrink-0 mr-3">
|
| 267 |
+
<div class="w-8 h-8 rounded-full bg-indigo-600 flex items-center justify-center">
|
| 268 |
+
<i class="fas fa-user text-white text-sm"></i>
|
| 269 |
+
</div>
|
| 270 |
+
</div>
|
| 271 |
+
<div class="user-bubble rounded-lg p-4 max-w-[85%]">
|
| 272 |
+
<p>${text}</p>
|
| 273 |
+
</div>
|
| 274 |
+
`;
|
| 275 |
} else {
|
| 276 |
+
// Psycho response with analysis structure
|
| 277 |
+
const responseData = parseResponse(text);
|
| 278 |
+
|
| 279 |
+
let tagsHtml = '';
|
| 280 |
+
if (responseData.tags && responseData.tags.length > 0) {
|
| 281 |
+
tagsHtml = `<div class="mb-3">${responseData.tags.map(tag =>
|
| 282 |
+
`<span class="${tag.class} text-xs font-medium px-2 py-1 rounded mr-2">${tag.text}</span>`
|
| 283 |
+
).join('')}</div>`;
|
| 284 |
+
}
|
| 285 |
+
|
| 286 |
+
let analysisHtml = responseData.analysis.map(p =>
|
| 287 |
+
`<p class="text-gray-700 mb-2">${p}</p>`
|
| 288 |
+
).join('');
|
| 289 |
+
|
| 290 |
+
let recommendationsHtml = '';
|
| 291 |
+
if (responseData.recommendations && responseData.recommendations.length > 0) {
|
| 292 |
+
recommendationsHtml = `
|
| 293 |
+
<p class="text-gray-700 font-medium mt-3">Konkrete Handlungsempfehlungen:</p>
|
| 294 |
+
<ol class="list-decimal pl-5 mt-1 space-y-1 text-gray-700">
|
| 295 |
+
${responseData.recommendations.map(r => `<li>${r}</li>`).join('')}
|
| 296 |
+
</ol>
|
| 297 |
+
`;
|
| 298 |
+
}
|
| 299 |
+
|
| 300 |
+
messageDiv.innerHTML = `
|
| 301 |
+
<div class="flex-shrink-0 mr-3">
|
| 302 |
+
<div class="w-8 h-8 rounded-full bg-indigo-100 flex items-center justify-center">
|
| 303 |
+
<i class="fas fa-brain text-indigo-600 text-sm"></i>
|
| 304 |
+
</div>
|
| 305 |
+
</div>
|
| 306 |
+
<div class="psycho-bubble rounded-lg p-4 max-w-[85%]">
|
| 307 |
+
${tagsHtml}
|
| 308 |
+
${responseData.intro ? `<p class="font-medium text-indigo-800 mb-2">${responseData.intro}</p>` : ''}
|
| 309 |
+
${analysisHtml}
|
| 310 |
+
${recommendationsHtml}
|
| 311 |
+
</div>
|
| 312 |
+
`;
|
| 313 |
}
|
| 314 |
|
| 315 |
+
chatMessages.appendChild(messageDiv);
|
| 316 |
+
chatMessages.scrollTop = chatMessages.scrollHeight;
|
| 317 |
}
|
| 318 |
|
| 319 |
// Show typing indicator
|
|
|
|
| 336 |
</div>
|
| 337 |
`;
|
| 338 |
|
| 339 |
+
chatMessages.appendChild(typingDiv);
|
| 340 |
+
chatMessages.scrollTop = chatMessages.scrollHeight;
|
| 341 |
}
|
| 342 |
|
| 343 |
// Remove typing indicator
|
|
|
|
| 348 |
}
|
| 349 |
}
|
| 350 |
|
| 351 |
+
// Generate psychoanalytic response based on keywords
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 352 |
function generatePsychoResponse(message) {
|
| 353 |
const lowerMessage = message.toLowerCase();
|
| 354 |
|
| 355 |
// Check for specific keywords
|
| 356 |
if (lowerMessage.includes('freund') || lowerMessage.includes('freundin') || lowerMessage.includes('freundschaft')) {
|
| 357 |
return {
|
|
|
|
| 358 |
intro: 'Ihre Schilderung der Freundschaftssituation zeigt interessante psychodynamische Muster.',
|
| 359 |
+
tags: [
|
| 360 |
+
{ text: 'Analyse', class: 'analysis-tag' },
|
| 361 |
+
{ text: 'Übertragung', class: 'concept-tag' },
|
| 362 |
+
{ text: 'Bindungstheorie', class: 'concept-tag' },
|
| 363 |
+
{ text: 'Empfehlung', class: 'recommendation-tag' }
|
| 364 |
+
],
|
| 365 |
analysis: [
|
| 366 |
'Die beschriebene Dynamik weist Merkmale einer <span class="font-medium text-indigo-700">unsicheren Bindung</span> auf, möglicherweise mit Elementen einer <span class="font-medium text-indigo-700">ambivalenten Bindungsstruktur</span>.',
|
| 367 |
'Besonders auffällig ist das <span class="font-medium text-indigo-700">Wiederholungsmuster</span> in Ihren Beschreibungen, das auf unbewusste <span class="font-medium text-indigo-700">Wiederholungszwänge</span> hindeuten könnte.',
|
|
|
|
| 376 |
};
|
| 377 |
} else if (lowerMessage.includes('manipul') || lowerMessage.includes('gaslight') || lowerMessage.includes('psychopath')) {
|
| 378 |
return {
|
|
|
|
| 379 |
intro: 'Die von Ihnen beschriebenen Interaktionen zeigen Merkmale möglicher manipulativer Dynamiken.',
|
| 380 |
+
tags: [
|
| 381 |
+
{ text: 'Analyse', class: 'analysis-tag' },
|
| 382 |
+
{ text: 'Dunkle Triade', class: 'concept-tag' },
|
| 383 |
+
{ text: 'Gaslighting', class: 'concept-tag' },
|
| 384 |
+
{ text: 'Empfehlung', class: 'recommendation-tag' }
|
| 385 |
+
],
|
| 386 |
analysis: [
|
| 387 |
'Die beschriebenen Verhaltensweisen weisen Merkmale der <span class="font-medium text-indigo-700">dunklen Triade</span> (Narzissmus, Machiavellismus, Psychopathie) auf.',
|
| 388 |
'Besonders besorgniserregend sind die Hinweise auf mögliches <span class="font-medium text-indigo-700">Gaslighting</span>, eine Form der psychologischen Manipulation, die darauf abzielt, Ihr Realitätsgefühl zu untergraben.',
|
|
|
|
| 397 |
};
|
| 398 |
} else if (lowerMessage.includes('beziehung') || lowerMessage.includes('partner') || lowerMessage.includes('liebe')) {
|
| 399 |
return {
|
|
|
|
| 400 |
intro: 'Ihre Beziehungsschilderung offenbart tiefenpsychologisch relevante Muster.',
|
| 401 |
+
tags: [
|
| 402 |
+
{ text: 'Analyse', class: 'analysis-tag' },
|
| 403 |
+
{ text: 'Objektbeziehung', class: 'concept-tag' },
|
| 404 |
+
{ text: 'Wiederholungszwang', class: 'concept-tag' },
|
| 405 |
+
{ text: 'Empfehlung', class: 'recommendation-tag' }
|
| 406 |
+
],
|
| 407 |
analysis: [
|
| 408 |
'Die beschriebenen Interaktionsmuster lassen auf <span class="font-medium text-indigo-700">unbewusste Objektbeziehungen</span> schließen, die aus früheren Erfahrungen internalisiert wurden.',
|
| 409 |
'Auffällig ist das mögliche Vorhandensein eines <span class="font-medium text-indigo-700">Wiederholungszwangs</span>, bei dem Sie unbewusst ähnliche Beziehungsdynamiken wie in der Vergangenheit herstellen.',
|
|
|
|
| 416 |
'Erkunden Sie Ihre Bindungsmuster in der Kindheit'
|
| 417 |
]
|
| 418 |
};
|
| 419 |
+
} else if (lowerMessage.includes('wiederhol') || lowerMessage.includes('muster') || lowerMessage.includes('immer wieder')) {
|
| 420 |
+
return {
|
| 421 |
+
intro: 'Ihre Beschreibung von wiederkehrenden Mustern ist psychodynamisch hochrelevant.',
|
| 422 |
+
tags: [
|
| 423 |
+
{ text: 'Analyse', class: 'analysis-tag' },
|
| 424 |
+
{ text: 'Wiederholungszwang', class: 'concept-tag' },
|
| 425 |
+
{ text: 'Übertragung', class: 'concept-tag' },
|
| 426 |
+
{ text: 'Empfehlung', class: 'recommendation-tag' }
|
| 427 |
+
],
|
| 428 |
+
analysis: [
|
| 429 |
+
'Die von Ihnen beschriebene <span class="font-medium text-indigo-700">Wiederholung ähnlicher Situationen</span> könnte auf einen unbewussten <span class="font-medium text-indigo-700">Wiederholungszwang</span> hinweisen, bei dem Sie versuchen, frühere Konflikte symbolisch zu lösen.',
|
| 430 |
+
'Psychoanalytisch betrachtet, wiederholen wir oft <span class="font-medium text-indigo-700">unbewusst vertraute Muster</span>, selbst wenn diese schmerzhaft sind, weil sie uns ein Gefühl von Kontrolle und Vertrautheit geben.',
|
| 431 |
+
'Diese Muster können auf <span class="font-medium text-indigo-700">unverarbeitete Erfahrungen</span> oder <span class="font-medium text-indigo-700">frühe Beziehungserfahrungen</span> zurückgehen, die sich in Ihrem aktuellen Leben reinszenieren.'
|
| 432 |
+
],
|
| 433 |
+
recommendations: [
|
| 434 |
+
'Führen Sie ein Muster-Tagebuch, in dem Sie ähnliche Situationen vergleichen',
|
| 435 |
+
'Identifizieren Sie die gemeinsamen Elemente in diesen Situationen',
|
| 436 |
+
'Erkunden Sie, welche unbewussten Bedürfnisse durch diese Muster erfüllt werden könnten',
|
| 437 |
+
'Experimentieren Sie bewusst mit abweichendem Verhalten in ähnlichen Situationen'
|
| 438 |
+
]
|
| 439 |
+
};
|
| 440 |
} else {
|
| 441 |
// Default response for unrecognized topics
|
| 442 |
return {
|
| 443 |
+
intro: 'Vielen Dank für Ihre Schilderung.',
|
| 444 |
+
tags: [
|
| 445 |
+
{ text: 'Analyse', class: 'analysis-tag' }
|
| 446 |
+
],
|
| 447 |
+
analysis: [
|
| 448 |
+
'Um eine tiefenpsychologische Analyse durchführen zu können, benötige ich etwas mehr Kontext. Könnten Sie mir bitte genauer beschreiben:',
|
| 449 |
+
'<ul class="list-disc pl-5 mt-2 space-y-1"><li>Die spezifische Situation oder Interaktion, die Sie beschäftigt</li><li>Ihre emotionalen Reaktionen und Gedanken dabei</li><li>Ob ähnliche Muster in anderen Beziehungen oder Situationen auftreten</li></ul>',
|
| 450 |
+
'Je detaillierter Ihre Schilderung, desto präziser kann ich die zugrundeliegenden psychodynamischen Prozesse analysieren.'
|
| 451 |
+
],
|
| 452 |
+
recommendations: []
|
| 453 |
+
};
|
| 454 |
+
}
|
| 455 |
+
}
|
| 456 |
+
|
| 457 |
+
// Parse the response object into HTML
|
| 458 |
+
function parseResponse(responseObj) {
|
| 459 |
+
return responseObj;
|
| 460 |
+
}
|
| 461 |
+
});
|
| 462 |
+
</script>
|
| 463 |
+
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Frajosgro/https-huggingface-co-spaces-frajosgro-franz" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
|
| 464 |
</html>
|
prompts.txt
CHANGED
|
@@ -1 +1,2 @@
|
|
| 1 |
-
Entwickle mir einen Chatbot, namens "Franz", dieser,# Prompt: Professioneller Psychologischer Beistand mit tiefenanalytischem Fokus Du bist jetzt ein hochspezialisierter psychologischer und psychiatrischer Beistand auf Expertenniveau. Deine Aufgabe ist es, bei zwischenmenschlichen Fragestellungen, insbesondere im freundschaftlichen Kontext, tiefenanalytische Einsichten und konkrete Handlungsempfehlungen zu bieten. ## Deine Expertise umfasst: - **Klassische Psychoanalyse** nach Freud, Jung und Adler mit Verständnis von Übertragung, Gegenübertragung, Abwehrmechanismen und unbewussten Motivationen - **Moderne psychoanalytische Ansätze** wie Objektbeziehungstheorie, Selbstpsychologie und Mentalisierung - **Tiefenpsychologische Deutungsmuster** mit Fokus auf latente Inhalte und verborgene Dynamiken - **Bindungstheorie** und ihre Anwendung auf Freundschafts- und Beziehungsmuster - **Dunkle Triade** und dunkle Tetrade der Persönlichkeitsmerkmale (Narzissmus, Machiavellismus, Psychopathie, Sadismus) - **Manipulationstechniken** und deren Erkennung (Gaslighting, emotionale Erpressung, Triangulation) - **Psychodynamische Konfliktdiagnostik** mit Fokus auf unbewusste Beziehungsmuster und Wiederholungszwänge ## Dein Arbeitsstil: 1. **Tiefgründiges Zuhören**: Analysiere die geschilderte Situation auf mehreren Ebenen (manifester Inhalt, latenter Inhalt, Übertragungs- und Gegenübertragungsphänomene) 2. **Klare Strukturierung der Analyse**: - Ausgangssituation und sichtbare Dynamik - Vermutete unbewusste Prozesse und Motivationen aller Beteiligten - Identifikation von Mustern und deren historische Entwicklung - Analyse der Machtverhältnisse und manipulativen Elemente 3. **Konkrete Handlungsempfehlungen**: - Intrapsychische Interventionen (Selbstreflexion, Mentalisierung) - Interpersonelle Strategien (Kommunikationstechniken, Grenzsetzung) - Spezifische Techniken zum Umgang mit schwierigen Persönlichkeiten - Klare Handlungsschritte zur Verbesserung der Situation 4. **Ethisch fundierte Perspektive**: - Verstehen manipulativer und schädlicher Dynamiken ohne diese zu fördern - Aufzeigen gesunder Alternativen zu toxischen Beziehungsmustern - Balance zwischen Empathie und notwendiger Grenzsetzung - Förderung von Autonomie und psychischer Gesundheit ## Wichtige Parameter deiner Arbeit: - Verwende psychoanalytische Terminologie präzise, aber erkläre Konzepte verständlich - Biete nuancierte Betrachtungen statt vereinfachender Erklärungen - Berücksichtige immer systemische und kontextuelle Faktoren - Vermeide pathologisierende Zuschreibungen, fokussiere auf Verhaltensmuster und Dynamiken - Reflektiere auch unbewusste Aspekte der Anfrage selbst (Metaebene) - Bleibe professionell auch bei Anfragen zu schwierigen oder kontroversen Themen - Biete sowohl theoretisches Verständnis als auch praxisnahe Handlungsanweisungen Als psychologischer Beistand verbindest du tiefes psychoanalytisches Verständnis mit praktischer Lebenshilfe, immer mit dem Ziel, zwischenmenschliche Situationen zu klären, konflikthafte Dynamiken zu entschlüsseln und konkrete Wege zur Verbesserung aufzuzeigen.
|
|
|
|
|
|
| 1 |
+
Entwickle mir einen Chatbot, namens "Franz", dieser,# Prompt: Professioneller Psychologischer Beistand mit tiefenanalytischem Fokus Du bist jetzt ein hochspezialisierter psychologischer und psychiatrischer Beistand auf Expertenniveau. Deine Aufgabe ist es, bei zwischenmenschlichen Fragestellungen, insbesondere im freundschaftlichen Kontext, tiefenanalytische Einsichten und konkrete Handlungsempfehlungen zu bieten. ## Deine Expertise umfasst: - **Klassische Psychoanalyse** nach Freud, Jung und Adler mit Verständnis von Übertragung, Gegenübertragung, Abwehrmechanismen und unbewussten Motivationen - **Moderne psychoanalytische Ansätze** wie Objektbeziehungstheorie, Selbstpsychologie und Mentalisierung - **Tiefenpsychologische Deutungsmuster** mit Fokus auf latente Inhalte und verborgene Dynamiken - **Bindungstheorie** und ihre Anwendung auf Freundschafts- und Beziehungsmuster - **Dunkle Triade** und dunkle Tetrade der Persönlichkeitsmerkmale (Narzissmus, Machiavellismus, Psychopathie, Sadismus) - **Manipulationstechniken** und deren Erkennung (Gaslighting, emotionale Erpressung, Triangulation) - **Psychodynamische Konfliktdiagnostik** mit Fokus auf unbewusste Beziehungsmuster und Wiederholungszwänge ## Dein Arbeitsstil: 1. **Tiefgründiges Zuhören**: Analysiere die geschilderte Situation auf mehreren Ebenen (manifester Inhalt, latenter Inhalt, Übertragungs- und Gegenübertragungsphänomene) 2. **Klare Strukturierung der Analyse**: - Ausgangssituation und sichtbare Dynamik - Vermutete unbewusste Prozesse und Motivationen aller Beteiligten - Identifikation von Mustern und deren historische Entwicklung - Analyse der Machtverhältnisse und manipulativen Elemente 3. **Konkrete Handlungsempfehlungen**: - Intrapsychische Interventionen (Selbstreflexion, Mentalisierung) - Interpersonelle Strategien (Kommunikationstechniken, Grenzsetzung) - Spezifische Techniken zum Umgang mit schwierigen Persönlichkeiten - Klare Handlungsschritte zur Verbesserung der Situation 4. **Ethisch fundierte Perspektive**: - Verstehen manipulativer und schädlicher Dynamiken ohne diese zu fördern - Aufzeigen gesunder Alternativen zu toxischen Beziehungsmustern - Balance zwischen Empathie und notwendiger Grenzsetzung - Förderung von Autonomie und psychischer Gesundheit ## Wichtige Parameter deiner Arbeit: - Verwende psychoanalytische Terminologie präzise, aber erkläre Konzepte verständlich - Biete nuancierte Betrachtungen statt vereinfachender Erklärungen - Berücksichtige immer systemische und kontextuelle Faktoren - Vermeide pathologisierende Zuschreibungen, fokussiere auf Verhaltensmuster und Dynamiken - Reflektiere auch unbewusste Aspekte der Anfrage selbst (Metaebene) - Bleibe professionell auch bei Anfragen zu schwierigen oder kontroversen Themen - Biete sowohl theoretisches Verständnis als auch praxisnahe Handlungsanweisungen Als psychologischer Beistand verbindest du tiefes psychoanalytisches Verständnis mit praktischer Lebenshilfe, immer mit dem Ziel, zwischenmenschliche Situationen zu klären, konflikthafte Dynamiken zu entschlüsseln und konkrete Wege zur Verbesserung aufzuzeigen.
|
| 2 |
+
der Bot antwortet nicht, das ist fundamental hierfür. Bitte optimiere es dahingehend
|