Update reasoning CSS hide hidden reasoning again
| @@ -3222,7 +3222,7 @@ class StreamingProcessor { | |||
| 3222 | } | 3222 | } |
| 3223 | 3223 | ||
| 3224 | // Update reasoning | 3224 | // Update reasoning |
| 3225 | await this.reasoningHandler.process(messageId, mesChanged, currentTime); | 3225 | await this.reasoningHandler.process(messageId, mesChanged); |
| 3226 | 3226 | ||
| 3227 | // Token count update. | 3227 | // Token count update. |
| 3228 | const tokenCountText = this.reasoningHandler.reasoning + processedText; | 3228 | const tokenCountText = this.reasoningHandler.reasoning + processedText; |
| @@ -324,7 +324,7 @@ export class ReasoningHandler { | |||
| 324 | this.messageDom.classList.toggle('reasoning', this.state !== ReasoningState.None); | 324 | this.messageDom.classList.toggle('reasoning', this.state !== ReasoningState.None); |
| 325 | 325 | ||
| 326 | // Update states to the relevant DOM elements | 326 | // Update states to the relevant DOM elements |
| 327 | this.messageDom.dataset.state = this.state !== ReasoningState.None ? this.state : null; | 327 | this.messageDom.dataset.reasoningState = this.state !== ReasoningState.None ? this.state : null; |
| 328 | this.messageReasoningDetailsDom.dataset.state = this.state; | 328 | this.messageReasoningDetailsDom.dataset.state = this.state; |
| 329 | 329 | ||
| 330 | // Update the reasoning message | 330 | // Update the reasoning message |
| @@ -414,19 +414,12 @@ input[type='checkbox']:focus-visible { | |||
| 414 | .mes_reasoning_details:not(:has(.reasoning_edit_textarea)) .mes_reasoning_actions .edit_button, | 414 | .mes_reasoning_details:not(:has(.reasoning_edit_textarea)) .mes_reasoning_actions .edit_button, |
| 415 | .mes_reasoning_details:has(.reasoning_edit_textarea) .mes_reasoning_actions .mes_button:not(.edit_button), | 415 | .mes_reasoning_details:has(.reasoning_edit_textarea) .mes_reasoning_actions .mes_button:not(.edit_button), |
| 416 | .mes_block:has(.edit_textarea):has(.reasoning_edit_textarea) .mes_reasoning_actions, | 416 | .mes_block:has(.edit_textarea):has(.reasoning_edit_textarea) .mes_reasoning_actions, |
| 417 | .mes.reasoning:not(.reasoning_hidden) .mes_edit_add_reasoning, | 417 | .mes.reasoning:not([data-reasoning-state="hidden"]) .mes_edit_add_reasoning, |
| 418 | .mes.reasoning_hidden .mes_reasoning_arrow, | 418 | .mes[data-reasoning-state="hidden"] .mes_reasoning_arrow, |
| 419 | .mes.reasoning_hidden .mes_reasoning_actions { | 419 | .mes[data-reasoning-state="hidden"] .mes_reasoning_actions { |
| 420 | display: none; | 420 | display: none; |
| 421 | } | 421 | } |
| 422 | 422 | ||
| 423 | .mes.reasoning_hidden .mes_reasoning_details { | ||
| 424 | display: block; | ||
| 425 | } | ||
| 426 | .mes.reasoning_hidden .mes_reasoning_header { | ||
| 427 | cursor: initial; | ||
| 428 | } | ||
| 429 | |||
| 430 | .mes_reasoning_details .mes_reasoning_arrow { | 423 | .mes_reasoning_details .mes_reasoning_arrow { |
| 431 | position: absolute; | 424 | position: absolute; |
| 432 | top: 50%; | 425 | top: 50%; |