Show "Thinking..." while generation is happening - Show thinking/thought for while generation is happening, even when hidden thinking - Fix empty reasoning having toggle-able block

6c0ea67d3d7f97d9359650e09cea33c515730fea

Wolfsblvt <wolfsblvt@gmail.com>

1 files changed, +8 -3Ignore whitespace
public/style.css+8 -3
@@ -418,9 +418,9 @@ input[type='checkbox']:focus-visible {
418418.mes_reasoning_details:not(:has(.reasoning_edit_textarea)) .mes_reasoning_actions .edit_button,
419419.mes_block:has(.edit_textarea):has(.reasoning_edit_textarea) .mes_reasoning_actions,
420420.mes.reasoning:not([data-reasoning-state="hidden"]) .mes_edit_add_reasoning,
421-.mes[data-reasoning-state="hidden"] .mes_reasoning_arrow,
421+.mes:has(.mes_reasoning:empty) .mes_reasoning_arrow,
422-.mes[data-reasoning-state="hidden"] .mes_reasoning,
422+.mes:has(.mes_reasoning:empty) .mes_reasoning,
423-.mes[data-reasoning-state="hidden"] .mes_reasoning_copy {
423+.mes:has(.mes_reasoning:empty) .mes_reasoning_copy {
424424 display: none;
425425}
426426
@@ -433,6 +433,11 @@ input[type='checkbox']:focus-visible {
433433 display: none;
434434}
435435
436+/** Show "Thinking..." during generation, even if the reasoning is hidden by default */
437+#chat[data-generating="true"] .mes.reasoning[data-reasoning-state="hidden"] .mes_reasoning_details {
438+ display: block;
439+}
440+
436441.mes_reasoning_details .mes_reasoning_arrow {
437442 position: absolute;
438443 top: 50%;