From 04b51f261045a6621deb77a4a32399b93b66fff8 Mon Sep 17 00:00:00 2001
From: Jay V <air@live.ca>
Date: Mon, 11 Aug 2025 19:36:17 -0400
Subject: [PATCH] ignore: share page thinking blocks

---
 packages/web/src/components/icons/custom.tsx  |  4 +-
 .../web/src/components/share/part.module.css  |  9 ++--
 packages/web/src/components/share/part.tsx    | 44 ++++++-------------
 packages/web/src/pages/s/[id].astro           |  1 -
 4 files changed, 19 insertions(+), 39 deletions(-)

diff --git a/packages/web/src/components/icons/custom.tsx b/packages/web/src/components/icons/custom.tsx
index ffa4fea8..8023032e 100644
--- a/packages/web/src/components/icons/custom.tsx
+++ b/packages/web/src/components/icons/custom.tsx
@@ -75,7 +75,7 @@ export function IconRobot(props: JSX.SvgSVGAttributes<SVGSVGElement>) {
 }
 
 // https://icones.js.org/collection/ri?s=brain&icon=ri:brain-2-line
-/* export function IconBrain(props: JSX.SvgSVGAttributes<SVGSVGElement>) {
+export function IconBrain(props: JSX.SvgSVGAttributes<SVGSVGElement>) {
   return (
     <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
       <path
@@ -84,4 +84,4 @@ export function IconRobot(props: JSX.SvgSVGAttributes<SVGSVGElement>) {
       />
     </svg>
   )
-} */
+}
diff --git a/packages/web/src/components/share/part.module.css b/packages/web/src/components/share/part.module.css
index 5634f610..85c3cc9b 100644
--- a/packages/web/src/components/share/part.module.css
+++ b/packages/web/src/components/share/part.module.css
@@ -128,29 +128,28 @@
     max-width: var(--md-tool-width);
   }
 
-  /* [data-component="assistant-reasoning"] {
+  [data-component="assistant-reasoning"] {
     min-width: 0;
     display: flex;
     flex-direction: column;
-    gap: 1rem;
+    gap: 0.5rem;
     flex-grow: 1;
     max-width: var(--md-tool-width);
 
     [data-component="assistant-reasoning-markdown"] {
       align-self: flex-start;
-      font-size: 0.875rem;
+      font-size: 0.75rem;
       border: 1px solid var(--sl-color-blue-high);
       padding: 0.5rem calc(0.5rem + 3px);
       border-radius: 0.25rem;
       position: relative;
-      margin-top: 0.5rem;
 
       [data-component="copy-button"] {
         top: 0.5rem;
         right: calc(0.5rem - 1px);
       }
     }
-  } */
+  }
 
   [data-component="assistant-text"] {
     min-width: 0;
diff --git a/packages/web/src/components/share/part.tsx b/packages/web/src/components/share/part.tsx
index 7c7220c3..b27e4806 100644
--- a/packages/web/src/components/share/part.tsx
+++ b/packages/web/src/components/share/part.tsx
@@ -19,7 +19,7 @@ import {
   IconMagnifyingGlass,
   IconDocumentMagnifyingGlass,
 } from "../icons"
-import { IconMeta, IconRobot, IconOpenAI, IconGemini, IconAnthropic /*, IconBrain */ } from "../icons/custom"
+import { IconMeta, IconRobot, IconOpenAI, IconGemini, IconAnthropic, IconBrain } from "../icons/custom"
 import { ContentCode } from "./content-code"
 import { ContentDiff } from "./content-diff"
 import { ContentText } from "./content-text"
@@ -83,9 +83,9 @@ export function Part(props: PartProps) {
               >
                 {(model) => <ProviderIcon model={model()} size={18} />}
               </Match>
-              {/* <Match when={props.part.type === "reasoning" && props.message.role === "assistant"}>
+              <Match when={props.part.type === "reasoning" && props.message.role === "assistant"}>
                 <IconBrain width={18} height={18} />
-              </Match> */}
+              </Match>
               <Match when={props.part.type === "tool" && props.part.tool === "todowrite"}>
                 <IconQueueList width={18} height={18} />
               </Match>
@@ -148,33 +148,26 @@ export function Part(props: PartProps) {
                 )}
               >
                 {DateTime.fromMillis(props.message.time.completed).toLocaleString(DateTime.DATETIME_MED)}
-                {/*
-                  DateTime.fromMillis(props.message.time.completed || props.message.time.created).toLocaleString(
-                  DateTime.DATETIME_MED,
-                )}
-                {` | ${props.message.modelID}`}
-                {props.message.mode && (
-                  <span style={{ color: "var(--sl-color-accent)" }}>{` | ${props.message.mode}`}</span>
-                )
-                */}
               </Footer>
             )}
           </div>
         )}
-        {/* {props.message.role === "assistant" && props.part.type === "reasoning" && (
+        {props.message.role === "assistant" && props.part.type === "reasoning" && (
           <div data-component="tool">
             <div data-component="tool-title">
               <span data-slot="name">Thinking</span>
             </div>
-            <div data-component="assistant-reasoning">
-              <ResultsButton showCopy="Show details" hideCopy="Hide details">
-                <div data-component="assistant-reasoning-markdown">
-                  <ContentMarkdown expand text={props.part.text || "Thinking..."} />
-                </div>
-              </ResultsButton>
+            <Show when={props.part.text}>
+              <div data-component="assistant-reasoning">
+                <ResultsButton showCopy="Show details" hideCopy="Hide details">
+                  <div data-component="assistant-reasoning-markdown">
+                    <ContentMarkdown expand text={props.part.text || "Thinking..."} />
+                  </div>
+                </ResultsButton>
               </div>
+            </Show>
           </div>
-        )} */}
+        )}
         {
           props.message.role === "user" && props.part.type === "file" && (
             <div data-component="attachment">
@@ -188,17 +181,6 @@ export function Part(props: PartProps) {
             <div data-component="step-start">
               <div data-slot="provider">{props.message.providerID}</div>
               <div data-slot="model">{props.message.modelID}</div>
-              { /*
-              <div data-slot="model">
-                {DateTime.fromMillis(props.message.time.completed || props.message.time.created).toLocaleString(
-                  DateTime.DATETIME_MED,
-                )}
-                {` | ${props.message.modelID}`}
-                {props.message.mode && (
-                  <span style={{ color: "var(--sl-color-accent)" }}>{` | ${props.message.mode}`}</span>
-                )}
-              </div>
-              */ }
             </div>
           )
         }
diff --git a/packages/web/src/pages/s/[id].astro b/packages/web/src/pages/s/[id].astro
index ff9d15e6..df39f007 100644
--- a/packages/web/src/pages/s/[id].astro
+++ b/packages/web/src/pages/s/[id].astro
@@ -1,6 +1,5 @@
 ---
 import { Base64 } from "js-base64";
-// import config from "virtual:starlight/user-config";
 
 import config from '../../../config.mjs'
 import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';