shumengya/sproutclaw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show first 10 lines of system prompt with click to expand for full content

Browse Source
This commit is contained in:
Mario Zechner
2026-01-03 23:04:23 +01:00
parent f5e38c4007
commit f9838bb5d4
2 changed files with 35 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
packages/coding-agent/src/core/export-html/template.css
View File

@@ -495,6 +495,9 @@
padding: var(--line-height); padding: var(--line-height);
border-radius: 4px; border-radius: 4px;
margin-bottom: var(--line-height); margin-bottom: var(--line-height);
}
.system-prompt.expandable {
cursor: pointer; cursor: pointer;
} }
@@ -503,26 +506,35 @@
color: var(--customMessageLabel); color: var(--customMessageLabel);
} }
.system-prompt-collapsed { .system-prompt-preview {
color: var(--customMessageText); color: var(--customMessageText);
white-space: pre-wrap;
word-wrap: break-word;
font-size: 11px;
margin-top: var(--line-height);
} }
.system-prompt-content { .system-prompt-expand-hint {
color: var(--muted);
font-style: italic;
margin-top: 4px;
}
.system-prompt-full {
display: none; display: none;
color: var(--customMessageText); color: var(--customMessageText);
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word; word-wrap: break-word;
font-size: 11px; font-size: 11px;
max-height: 400px;
overflow-y: auto;
margin-top: var(--line-height); margin-top: var(--line-height);
} }
.system-prompt.expanded .system-prompt-collapsed { .system-prompt.expanded .system-prompt-preview,
.system-prompt.expanded .system-prompt-expand-hint {
display: none; display: none;
} }
.system-prompt.expanded .system-prompt-content { .system-prompt.expanded .system-prompt-full {
display: block; display: block;
} }

24
packages/coding-agent/src/core/export-html/template.js
View File

@@ -964,13 +964,23 @@
</div>`; </div>`;
if (systemPrompt) { if (systemPrompt) {
const promptLines = systemPrompt.split('\n').length; const lines = systemPrompt.split('\n');
const promptChars = systemPrompt.length; const previewLines = 10;
html += `<div class="system-prompt" onclick="this.classList.toggle('expanded')"> if (lines.length > previewLines) {
<div class="system-prompt-header">System Prompt</div> const preview = lines.slice(0, previewLines).join('\n');
<div class="system-prompt-collapsed">${promptLines} lines, ${promptChars.toLocaleString()} chars (click to expand)</div> const remaining = lines.length - previewLines;
<div class="system-prompt-content">${escapeHtml(systemPrompt)}</div> html += `<div class="system-prompt expandable" onclick="this.classList.toggle('expanded')">
</div>`; <div class="system-prompt-header">System Prompt</div>
<div class="system-prompt-preview">${escapeHtml(preview)}</div>
<div class="system-prompt-expand-hint">... (${remaining} more lines, click to expand)</div>
<div class="system-prompt-full">${escapeHtml(systemPrompt)}</div>
</div>`;
} else {
html += `<div class="system-prompt">
<div class="system-prompt-header">System Prompt</div>
<div class="system-prompt-full" style="display: block">${escapeHtml(systemPrompt)}</div>
</div>`;
}
} }
if (tools && tools.length > 0) { if (tools && tools.length > 0) {