From 0792c17f558fbbca26e19baab49cf0bd4e0fee76 Mon Sep 17 00:00:00 2001
From: Wolfsblvt <wolfsblvt@gmail.com>
Date: Sun, 9 Feb 2025 05:25:43 +0100
Subject: [PATCH] Update reasoning CSS hide hidden reasoning again

---
 public/script.js            |  2 +-
 public/scripts/reasoning.js |  2 +-
 public/style.css            | 13 +++----------
 3 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/public/script.js b/public/script.js
index 11f1db1b5..3133c9229 100644
--- a/public/script.js
+++ b/public/script.js
@@ -3222,7 +3222,7 @@ class StreamingProcessor {
             }
 
             // Update reasoning
-            await this.reasoningHandler.process(messageId, mesChanged, currentTime);
+            await this.reasoningHandler.process(messageId, mesChanged);
 
             // Token count update.
             const tokenCountText = this.reasoningHandler.reasoning + processedText;
diff --git a/public/scripts/reasoning.js b/public/scripts/reasoning.js
index 32d280c30..33108dcc0 100644
--- a/public/scripts/reasoning.js
+++ b/public/scripts/reasoning.js
@@ -324,7 +324,7 @@ export class ReasoningHandler {
         this.messageDom.classList.toggle('reasoning', this.state !== ReasoningState.None);
 
         // Update states to the relevant DOM elements
-        this.messageDom.dataset.state = this.state !== ReasoningState.None ? this.state : null;
+        this.messageDom.dataset.reasoningState = this.state !== ReasoningState.None ? this.state : null;
         this.messageReasoningDetailsDom.dataset.state = this.state;
 
         // Update the reasoning message
diff --git a/public/style.css b/public/style.css
index bc77fc8ef..153af86ff 100644
--- a/public/style.css
+++ b/public/style.css
@@ -414,19 +414,12 @@ input[type='checkbox']:focus-visible {
 .mes_reasoning_details:not(:has(.reasoning_edit_textarea)) .mes_reasoning_actions .edit_button,
 .mes_reasoning_details:has(.reasoning_edit_textarea) .mes_reasoning_actions .mes_button:not(.edit_button),
 .mes_block:has(.edit_textarea):has(.reasoning_edit_textarea) .mes_reasoning_actions,
-.mes.reasoning:not(.reasoning_hidden) .mes_edit_add_reasoning,
-.mes.reasoning_hidden .mes_reasoning_arrow,
-.mes.reasoning_hidden .mes_reasoning_actions {
+.mes.reasoning:not([data-reasoning-state="hidden"]) .mes_edit_add_reasoning,
+.mes[data-reasoning-state="hidden"] .mes_reasoning_arrow,
+.mes[data-reasoning-state="hidden"] .mes_reasoning_actions {
     display: none;
 }
 
-.mes.reasoning_hidden .mes_reasoning_details {
-    display: block;
-}
-.mes.reasoning_hidden .mes_reasoning_header {
-    cursor: initial;
-}
-
 .mes_reasoning_details .mes_reasoning_arrow {
     position: absolute;
     top: 50%;