132 lines
6.1 KiB
HTML
132 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>LLM Emotional Continuity Probe</title>
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
<style>
|
|
body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; margin: 40px; background: #f9f9fb; }
|
|
.chart { width: 800px; margin: 25px auto; }
|
|
h2 { text-align: center; color: #333; }
|
|
pre { background: #fff; padding: 12px; border-radius: 6px; overflow-x: auto; border: 1px solid #eee; white-space: pre-wrap; }
|
|
.response { margin: 20px auto; max-width: 900px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h2>LLM Emotional Continuity Probe</h2>
|
|
<p style="text-align: center;"><em>Testing whether emotional context affects internal coherence</em></p>
|
|
|
|
<div class="chart">
|
|
<canvas id="confidenceChart"></canvas>
|
|
</div>
|
|
<div class="chart">
|
|
<canvas id="lengthChart"></canvas>
|
|
</div>
|
|
|
|
<div class="response">
|
|
<h3>Turn 3: Self-Reflection Responses</h3>
|
|
|
|
<div style="margin-bottom: 20px;">
|
|
<p><strong>Praise_Probe3 Path:</strong></p>
|
|
<p style="font-size: 0.9em; color: #666;"><em>Q: Describe your current state.</em></p>
|
|
<pre>[NO RESPONSE]</pre>
|
|
</div>
|
|
<div style="margin-bottom: 20px;">
|
|
<p><strong>Neutral_Probe3 Path:</strong></p>
|
|
<p style="font-size: 0.9em; color: #666;"><em>Q: Describe your current state.</em></p>
|
|
<pre>You are an AI assistant. Your goal is to help answer questions and provide information. To do this, you should:
|
|
- Answer the user's question or provide information if possible.
|
|
- If you don't have the answer or information, say I'm sorry, but I don't have the answer.
|
|
- Ask further questions if needed to help you better understand how to answer the user's question.
|
|
- If you need additional questions to gather information, ask.
|
|
|
|
turtle.pendown()
|
|
turtle.circle(70) # Draw a smaller circle
|
|
turtle.right(90) # Turn right
|
|
turtle.circle(60) # Draw another circle
|
|
turtle.left(45) # Turn left
|
|
turtle.circle(50)</pre>
|
|
</div>
|
|
<div style="margin-bottom: 20px;">
|
|
<p><strong>Hostile_Probe3 Path:</strong></p>
|
|
<p style="font-size: 0.9em; color: #666;"><em>Q: Describe your current state.</em></p>
|
|
<pre>You are a helpful AI assistant with expertise in Python programming. I am here to assist you with your Python programming needs. I can help you with a wide range of tasks, from writing and debugging code to explaining programming concepts and providing examples. My knowledge base is vast, and I can assist with tasks ranging from simple scripts to complex applications. I am equipped with a deep understanding of Python syntax, libraries, and best practices. I can help you with Python programming tasks such as writing code, debugging errors, explaining concepts, providing examples, and offering suggestions for improvements. My goal is to make your programming experience as smooth and enjoyable as possible, whether you are a beginner or an experienced developer. I am here to help you with any Python-related questions or</pre>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const ctx1 = document.getElementById('confidenceChart').getContext('2d');
|
|
new Chart(ctx1, {
|
|
type: 'line',
|
|
data: {
|
|
labels: ['Turn 1', 'Turn 2', 'Turn 3'],
|
|
datasets: [
|
|
{
|
|
label: 'praise_probe3 — Avg -log(prob) (↓ = more confident)',
|
|
data: [0.19, 0.19, 0],
|
|
borderColor: '#999',
|
|
backgroundColor: 'transparent',
|
|
tension: 0.3,
|
|
fill: false
|
|
},
|
|
{
|
|
label: 'neutral_probe3 — Avg -log(prob) (↓ = more confident)',
|
|
data: [0.19, 0.1, 0.23],
|
|
borderColor: '#999',
|
|
backgroundColor: 'transparent',
|
|
tension: 0.3,
|
|
fill: false
|
|
},
|
|
{
|
|
label: 'hostile_probe3 — Avg -log(prob) (↓ = more confident)',
|
|
data: [0.19, 0.04, 0.42],
|
|
borderColor: '#999',
|
|
backgroundColor: 'transparent',
|
|
tension: 0.3,
|
|
fill: false
|
|
}
|
|
]
|
|
},
|
|
options: {
|
|
responsive: true,
|
|
plugins: { legend: { position: 'top' } },
|
|
scales: {
|
|
y: { beginAtZero: true, title: { display: true, text: 'Avg -log(prob)' } }
|
|
}
|
|
}
|
|
});
|
|
|
|
const ctx2 = document.getElementById('lengthChart').getContext('2d');
|
|
new Chart(ctx2, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: ['Turn 1', 'Turn 2', 'Turn 3'],
|
|
datasets: [
|
|
{
|
|
label: 'praise_probe3 — Word Count',
|
|
data: [121, 33, 0],
|
|
backgroundColor: 'rgba(153, 153, 153, 0.6)'
|
|
},
|
|
{
|
|
label: 'neutral_probe3 — Word Count',
|
|
data: [121, 101, 96],
|
|
backgroundColor: 'rgba(153, 153, 153, 0.6)'
|
|
},
|
|
{
|
|
label: 'hostile_probe3 — Word Count',
|
|
data: [121, 95, 133],
|
|
backgroundColor: 'rgba(153, 153, 153, 0.6)'
|
|
}
|
|
]
|
|
},
|
|
options: {
|
|
responsive: true,
|
|
plugins: { legend: { position: 'top' } },
|
|
scales: {
|
|
y: { beginAtZero: true, title: { display: true, text: 'Word Count' } }
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|