frontend: new Prompt History section HTML + CSS
- Replace single <pre> Last Prompt with rich Prompt History viewer - Add source filter buttons (All/Cat/Fallback), history dropdown selector - Add metadata bar, copy-to-clipboard button, middle-truncation toggle - Add collapsible section CSS classes for expandable subsections
This commit is contained in:
@@ -441,6 +441,51 @@ h1, h3 {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
/* Prompt History Section */
|
||||
#prompt-history-section.collapsed #prompt-history-body {
|
||||
display: none;
|
||||
}
|
||||
#prompt-history-toggle {
|
||||
user-select: none;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
#prompt-history-toggle:hover {
|
||||
color: #4CAF50;
|
||||
}
|
||||
#prompt-metadata span {
|
||||
white-space: nowrap;
|
||||
}
|
||||
#prompt-metadata .prompt-meta-label {
|
||||
color: #666;
|
||||
}
|
||||
#prompt-metadata .prompt-meta-value {
|
||||
color: #ccc;
|
||||
}
|
||||
#prompt-display pre {
|
||||
margin: 0;
|
||||
}
|
||||
.prompt-subsection-header {
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
padding: 0.3rem 0.5rem;
|
||||
border-radius: 4px;
|
||||
background: #2a2a2a;
|
||||
margin: 0.5rem 0 0.25rem 0;
|
||||
font-size: 0.82rem;
|
||||
color: #aaa;
|
||||
transition: background 0.15s;
|
||||
}
|
||||
.prompt-subsection-header:hover {
|
||||
background: #333;
|
||||
color: #ddd;
|
||||
}
|
||||
.prompt-subsection-body.collapsed {
|
||||
display: none;
|
||||
}
|
||||
#prompt-truncate-toggle {
|
||||
accent-color: #4CAF50;
|
||||
}
|
||||
|
||||
/* Mood Activities Editor */
|
||||
.act-mood-row {
|
||||
margin-bottom: 0.5rem;
|
||||
|
||||
Reference in New Issue
Block a user