From 38e8c42cf02f73fb300889ab989088899a3aedb7 Mon Sep 17 00:00:00 2001
From: Dax Raad <d@ironbay.co>
Date: Tue, 9 Sep 2025 23:43:37 -0400
Subject: ci: format

---
 packages/web/src/components/Share.tsx              | 15 ++++---
 .../src/components/share/content-diff.module.css   |  1 -
 .../src/components/share/content-error.module.css  |  1 -
 .../web/src/components/share/content-error.tsx     | 11 +----
 packages/web/src/components/share/copy-button.tsx  | 14 ++----
 packages/web/src/components/share/part.tsx         | 52 +++++++++-------------
 6 files changed, 35 insertions(+), 59 deletions(-)

(limited to 'packages/web/src/components')

diff --git a/packages/web/src/components/Share.tsx b/packages/web/src/components/Share.tsx
index 2b0e52c1a..062449712 100644
--- a/packages/web/src/components/Share.tsx
+++ b/packages/web/src/components/Share.tsx
@@ -37,11 +37,7 @@ function getStatusText(status: [Status, string?]): string {
   }
 }
 
-export default function Share(props: {
-  id: string
-  api: string
-  info: Session.Info
-}) {
+export default function Share(props: { id: string; api: string; info: Session.Info }) {
   let lastScrollY = 0
   let hasScrolledToAnchor = false
   let scrollTimeout: number | undefined
@@ -67,7 +63,8 @@ export default function Share(props: {
         created: props.info.time.created,
         updated: props.info.time.updated,
       },
-    }, messages: {}
+    },
+    messages: {},
   })
   const messages = createMemo(() => Object.values(store.messages).toSorted((a, b) => a.id?.localeCompare(b.id)))
   const [connectionStatus, setConnectionStatus] = createSignal<[Status, string?]>(["disconnected", "Disconnected"])
@@ -413,7 +410,11 @@ export default function Share(props: {
                     </li>
                     <li>
                       <span data-element-label>Output Tokens</span>
-                      {data().tokens.output ? <span>{data().tokens.output}</span> : <span data-placeholder>&mdash;</span>}
+                      {data().tokens.output ? (
+                        <span>{data().tokens.output}</span>
+                      ) : (
+                        <span data-placeholder>&mdash;</span>
+                      )}
                     </li>
                     <li>
                       <span data-element-label>Reasoning Tokens</span>
diff --git a/packages/web/src/components/share/content-diff.module.css b/packages/web/src/components/share/content-diff.module.css
index 5bf6e2243..1dfb0777b 100644
--- a/packages/web/src/components/share/content-diff.module.css
+++ b/packages/web/src/components/share/content-diff.module.css
@@ -90,7 +90,6 @@
   }
 
   [data-component="mobile"] {
-
     & > [data-component="diff-block"]:first-child > div {
       padding-top: 0.25rem;
     }
diff --git a/packages/web/src/components/share/content-error.module.css b/packages/web/src/components/share/content-error.module.css
index 6303be633..9ed051a80 100644
--- a/packages/web/src/components/share/content-error.module.css
+++ b/packages/web/src/components/share/content-error.module.css
@@ -61,5 +61,4 @@
     padding: 2px 0;
     font-size: 0.75rem;
   }
-
 }
diff --git a/packages/web/src/components/share/content-error.tsx b/packages/web/src/components/share/content-error.tsx
index b6d7023b2..1e8cbeaad 100644
--- a/packages/web/src/components/share/content-error.tsx
+++ b/packages/web/src/components/share/content-error.tsx
@@ -10,19 +10,12 @@ export function ContentError(props: Props) {
   const overflow = createOverflow()
 
   return (
-    <div
-      class={style.root}
-      data-expanded={expanded() || props.expand === true ? true : undefined}
-    >
+    <div class={style.root} data-expanded={expanded() || props.expand === true ? true : undefined}>
       <div data-section="content" ref={overflow.ref}>
         {props.children}
       </div>
       {((!props.expand && overflow.status) || expanded()) && (
-        <button
-          type="button"
-          data-element-button-text
-          onClick={() => setExpanded((e) => !e)}
-        >
+        <button type="button" data-element-button-text onClick={() => setExpanded((e) => !e)}>
           {expanded() ? "Show less" : "Show more"}
         </button>
       )}
diff --git a/packages/web/src/components/share/copy-button.tsx b/packages/web/src/components/share/copy-button.tsx
index ad2e83b2e..892d5553f 100644
--- a/packages/web/src/components/share/copy-button.tsx
+++ b/packages/web/src/components/share/copy-button.tsx
@@ -11,8 +11,7 @@ export function CopyButton(props: CopyButtonProps) {
 
   function handleCopyClick() {
     if (props.text) {
-      navigator.clipboard.writeText(props.text)
-        .catch((err) => console.error("Copy failed", err))
+      navigator.clipboard.writeText(props.text).catch((err) => console.error("Copy failed", err))
 
       setCopied(true)
       setTimeout(() => setCopied(false), 2000)
@@ -21,15 +20,8 @@ export function CopyButton(props: CopyButtonProps) {
 
   return (
     <div data-component="copy-button" class={styles.root}>
-      <button
-        type="button"
-        onClick={handleCopyClick}
-        data-copied={copied() ? true : undefined}
-      >
-        {copied()
-          ? <IconCheckCircle width={16} height={16} />
-          : <IconClipboard width={16} height={16} />
-        }
+      <button type="button" onClick={handleCopyClick} data-copied={copied() ? true : undefined}>
+        {copied() ? <IconCheckCircle width={16} height={16} /> : <IconClipboard width={16} height={16} />}
       </button>
     </div>
   )
diff --git a/packages/web/src/components/share/part.tsx b/packages/web/src/components/share/part.tsx
index b27e4806a..ddef206ba 100644
--- a/packages/web/src/components/share/part.tsx
+++ b/packages/web/src/components/share/part.tsx
@@ -168,32 +168,25 @@ export function Part(props: PartProps) {
             </Show>
           </div>
         )}
-        {
-          props.message.role === "user" && props.part.type === "file" && (
-            <div data-component="attachment">
-              <div data-slot="copy">Attachment</div>
-              <div data-slot="filename">{props.part.filename}</div>
-            </div>
-          )
-        }
-        {
-          props.part.type === "step-start" && props.message.role === "assistant" && (
-            <div data-component="step-start">
-              <div data-slot="provider">{props.message.providerID}</div>
-              <div data-slot="model">{props.message.modelID}</div>
-            </div>
-          )
-        }
-        {
-          props.part.type === "tool" && props.part.state.status === "error" && (
-            <div data-component="tool" data-tool="error">
-              <ContentError>{formatErrorString(props.part.state.error)}</ContentError>
-              <Spacer />
-            </div>
-          )
-        }
-        {
-          props.part.type === "tool" &&
+        {props.message.role === "user" && props.part.type === "file" && (
+          <div data-component="attachment">
+            <div data-slot="copy">Attachment</div>
+            <div data-slot="filename">{props.part.filename}</div>
+          </div>
+        )}
+        {props.part.type === "step-start" && props.message.role === "assistant" && (
+          <div data-component="step-start">
+            <div data-slot="provider">{props.message.providerID}</div>
+            <div data-slot="model">{props.message.modelID}</div>
+          </div>
+        )}
+        {props.part.type === "tool" && props.part.state.status === "error" && (
+          <div data-component="tool" data-tool="error">
+            <ContentError>{formatErrorString(props.part.state.error)}</ContentError>
+            <Spacer />
+          </div>
+        )}
+        {props.part.type === "tool" &&
           props.part.state.status === "completed" &&
           props.message.role === "assistant" && (
             <>
@@ -295,10 +288,9 @@ export function Part(props: PartProps) {
                   .toMillis()}
               />
             </>
-          )
-        }
-      </div >
-    </div >
+          )}
+      </div>
+    </div>
   )
 }
 
-- 
cgit v1.2.3