chrmc40
9fd6498ba6
- Tag-builder: port ~1,477 v1 characters into the v2 chip format so the character picker shows 1,486 characters (was 9); 1,390 carry rich per-chip descriptions restructured from each character's own bio. Adds scripts/port_v1_characters_to_v2.py. - Ideogram: rewrite caption to the real Ideogram-4 schema + broaden refusal detection; sampler updates. - Pose-studio, regional-detailer, attention-couple: assorted fixes. - Add validate_templates / test_regions / test_crop_windows scripts.
101 lines
3.9 KiB
Svelte
101 lines
3.9 KiB
Svelte
<script>
|
|
// Compiled prompt text display. For a regional prompt ($name{} blocks) it shows
|
|
// the Global + per-figure breakdown the flat positive line can't represent;
|
|
// otherwise the plain positive + negative sections.
|
|
|
|
let {
|
|
compiledOutput = "",
|
|
compiledNegOutput = "",
|
|
compiledRegions = "", // JSON {global, regions:[{name,text}], negative} sent with the compile
|
|
} = $props();
|
|
|
|
const _HTML_ESCAPES = { "&": "&", "<": "<", ">": ">", '"': """, "'": "'" };
|
|
function escapeHtml(text) {
|
|
return String(text).replace(/[&<>"']/g, c => _HTML_ESCAPES[c]);
|
|
}
|
|
|
|
// A non-empty regions list means the prompt is regional — show the per-figure
|
|
// split. Empty list / parse failure falls back to the flat positive.
|
|
let regional = $derived.by(() => {
|
|
if (!compiledRegions) return null;
|
|
try {
|
|
const o = JSON.parse(compiledRegions);
|
|
return o && Array.isArray(o.regions) && o.regions.length ? o : null;
|
|
} catch { return null; }
|
|
});
|
|
|
|
let html = $derived.by(() => {
|
|
if (!compiledOutput && !compiledNegOutput && !regional) {
|
|
return '<span class="pcr-output-panel-placeholder">Queue workflow to see prompt output</span>';
|
|
}
|
|
if (regional) {
|
|
// Regions first, Global last — matches the image viewer's order.
|
|
const regEmpty = '<span class="pcr-output-panel-placeholder">(empty → uses global)</span>';
|
|
let result = "";
|
|
for (const reg of regional.regions) {
|
|
const body = (reg.text || "").trim();
|
|
result += `<span class="pcr-output-panel-label-region">$${escapeHtml(reg.name || "")}</span>\n${body ? escapeHtml(body) : regEmpty}\n\n`;
|
|
}
|
|
const g = (regional.global || "").trim();
|
|
result += `<span class="pcr-output-panel-label-pos">Global:</span>\n${g ? escapeHtml(g) : '<span class="pcr-output-panel-placeholder">(none)</span>'}`;
|
|
const neg = regional.negative || compiledNegOutput;
|
|
if (neg) result += `\n\n<span class="pcr-output-panel-label-neg">Negative:</span>\n${escapeHtml(neg)}`;
|
|
return result;
|
|
}
|
|
let result = `<span class="pcr-output-panel-label-pos">Positive:</span>\n${escapeHtml(compiledOutput)}`;
|
|
if (compiledNegOutput) {
|
|
result += `\n\n<span class="pcr-output-panel-label-neg">Negative:</span>\n${escapeHtml(compiledNegOutput)}`;
|
|
}
|
|
return result;
|
|
});
|
|
</script>
|
|
|
|
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
|
|
<div
|
|
class="pcr-output-panel-content pcr-scrollable"
|
|
tabindex="0"
|
|
onpointerdown={(e) => e.stopPropagation()}
|
|
onmousedown={(e) => e.stopPropagation()}
|
|
>
|
|
{@html html}
|
|
</div>
|
|
|
|
<style>
|
|
.pcr-output-panel-content {
|
|
flex: 1 1 0;
|
|
overflow-y: auto !important;
|
|
overflow-x: hidden;
|
|
min-height: 0;
|
|
padding: 8px 12px;
|
|
font-family: Consolas, Menlo, "Liberation Mono", monospace;
|
|
font-size: var(--pcr-output-font-size, 13px);
|
|
color: rgba(255, 255, 255, 0.85);
|
|
cursor: text;
|
|
user-select: text;
|
|
-webkit-user-select: text;
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
line-height: 1.5;
|
|
background: repeating-linear-gradient(45deg, transparent, transparent 10px, #cccccc03 10px, #cccccc03 20px);
|
|
outline: none;
|
|
}
|
|
.pcr-output-panel-content:focus { outline: none; }
|
|
/* {@html} content — needs :global */
|
|
:global(.pcr-output-panel-label-pos) { color: #4fc3f7; font-weight: 600; }
|
|
:global(.pcr-output-panel-label-neg) { color: #e74c3c; font-weight: 600; }
|
|
:global(.pcr-output-panel-label-region) { color: #ffb74d; font-weight: 600; }
|
|
:global(.pcr-output-panel-placeholder) {
|
|
color: rgba(255, 255, 255, 0.4);
|
|
font-style: italic;
|
|
}
|
|
.pcr-output-panel-content::-webkit-scrollbar { width: 6px; }
|
|
.pcr-output-panel-content::-webkit-scrollbar-track { background: transparent; }
|
|
.pcr-output-panel-content::-webkit-scrollbar-thumb {
|
|
background: rgba(255, 255, 255, 0.15);
|
|
border-radius: 3px;
|
|
}
|
|
.pcr-output-panel-content::-webkit-scrollbar-thumb:hover {
|
|
background: rgba(255, 255, 255, 0.25);
|
|
}
|
|
</style>
|