From 1ea3a8eb9beeb7d510fd29164ea741acec1ee04d Mon Sep 17 00:00:00 2001
From: Dax Raad <d@ironbay.co>
Date: Thu, 6 Nov 2025 13:03:02 -0500
Subject: big format

---
 packages/web/src/components/Share.tsx | 46 ++++++++++++++++++++++++++++-------
 1 file changed, 37 insertions(+), 9 deletions(-)

(limited to 'packages/web/src/components/Share.tsx')

diff --git a/packages/web/src/components/Share.tsx b/packages/web/src/components/Share.tsx
index 062449712..486b6e44b 100644
--- a/packages/web/src/components/Share.tsx
+++ b/packages/web/src/components/Share.tsx
@@ -1,4 +1,14 @@
-import { For, Show, onMount, Suspense, onCleanup, createMemo, createSignal, SuspenseList, createEffect } from "solid-js"
+import {
+  For,
+  Show,
+  onMount,
+  Suspense,
+  onCleanup,
+  createMemo,
+  createSignal,
+  SuspenseList,
+  createEffect,
+} from "solid-js"
 import { DateTime } from "luxon"
 import { createStore, reconcile, unwrap } from "solid-js/store"
 import { IconArrowDown } from "./icons"
@@ -66,8 +76,13 @@ export default function Share(props: { id: string; api: string; info: Session.In
     },
     messages: {},
   })
-  const messages = createMemo(() => Object.values(store.messages).toSorted((a, b) => a.id?.localeCompare(b.id)))
-  const [connectionStatus, setConnectionStatus] = createSignal<[Status, string?]>(["disconnected", "Disconnected"])
+  const messages = createMemo(() =>
+    Object.values(store.messages).toSorted((a, b) => a.id?.localeCompare(b.id)),
+  )
+  const [connectionStatus, setConnectionStatus] = createSignal<[Status, string?]>([
+    "disconnected",
+    "Disconnected",
+  ])
   createEffect(() => {
     console.log(unwrap(store))
   })
@@ -330,7 +345,9 @@ export default function Share(props: { id: string; api: string; info: Session.In
             </ul>
             <div
               data-component="header-time"
-              title={DateTime.fromMillis(data().created || 0).toLocaleString(DateTime.DATETIME_FULL_WITH_SECONDS)}
+              title={DateTime.fromMillis(data().created || 0).toLocaleString(
+                DateTime.DATETIME_FULL_WITH_SECONDS,
+              )}
             >
               {DateTime.fromMillis(data().created || 0).toLocaleString(DateTime.DATETIME_MED)}
             </div>
@@ -352,7 +369,10 @@ export default function Share(props: { id: string; api: string; info: Session.In
                         if (x.type === "text" && x.synthetic === true) return false
                         if (x.type === "tool" && x.tool === "todoread") return false
                         if (x.type === "text" && !x.text) return false
-                        if (x.type === "tool" && (x.state.status === "pending" || x.state.status === "running"))
+                        if (
+                          x.type === "tool" &&
+                          (x.state.status === "pending" || x.state.status === "running")
+                        )
                           return false
                         return true
                       }),
@@ -364,7 +384,8 @@ export default function Share(props: { id: string; api: string; info: Session.In
                           {(part, partIndex) => {
                             const last = createMemo(
                               () =>
-                                data().messages.length === msgIndex() + 1 && filteredParts().length === partIndex() + 1,
+                                data().messages.length === msgIndex() + 1 &&
+                                filteredParts().length === partIndex() + 1,
                             )
 
                             onMount(() => {
@@ -381,7 +402,9 @@ export default function Share(props: { id: string; api: string; info: Session.In
                               }
                             })
 
-                            return <Part last={last()} part={part} index={partIndex()} message={msg} />
+                            return (
+                              <Part last={last()} part={part} index={partIndex()} message={msg} />
+                            )
                           }}
                         </For>
                       </Suspense>
@@ -406,7 +429,11 @@ export default function Share(props: { id: string; api: string; info: Session.In
                     </li>
                     <li>
                       <span data-element-label>Input Tokens</span>
-                      {data().tokens.input ? <span>{data().tokens.input}</span> : <span data-placeholder>&mdash;</span>}
+                      {data().tokens.input ? (
+                        <span>{data().tokens.input}</span>
+                      ) : (
+                        <span data-placeholder>&mdash;</span>
+                      )}
                     </li>
                     <li>
                       <span data-element-label>Output Tokens</span>
@@ -560,7 +587,8 @@ export function fromV1(v1: Message.Info): MessageWithParts {
                   }
                 }
 
-                const { title, time, ...metadata } = v1.metadata.tool[part.toolInvocation.toolCallId]
+                const { title, time, ...metadata } =
+                  v1.metadata.tool[part.toolInvocation.toolCallId]
                 if (part.toolInvocation.state === "call") {
                   return {
                     status: "running",
-- 
cgit v1.2.3

