From 93de2d0874b9a5f3b1f76d3629a6d1fb869c2c44 Mon Sep 17 00:00:00 2001
From: ishaan1124 <ishaan1124@users.noreply.github.com>
Date: Wed, 8 Jul 2026 15:54:23 +0900
Subject: [PATCH] chore(format): prettier --write on chat/model/onboarding
 surfaces

Fixes the Format check: 4 files from PR #147 plus notebook-cell + dialog-manage-models which were already unformatted on main.
---
 frontend/ui/src/components/message-part.tsx   | 54 +++++++++----------
 frontend/ui/src/components/notebook-cell.tsx  | 17 +++---
 .../src/components/dialog-manage-models.tsx   |  5 +-
 .../src/components/dialog-select-model.tsx    |  4 +-
 .../components/session/session-new-view.tsx   |  5 +-
 frontend/workspace/src/thesis/Composer.tsx    |  1 -
 6 files changed, 39 insertions(+), 47 deletions(-)

diff --git a/frontend/ui/src/components/message-part.tsx b/frontend/ui/src/components/message-part.tsx
index 00515a8e..e161c505 100644
--- a/frontend/ui/src/components/message-part.tsx
+++ b/frontend/ui/src/components/message-part.tsx
@@ -1061,12 +1061,7 @@ ToolRegistry.register({
           subtitle: props.input.description,
           action: (
             <Tooltip value="Open in Shell tab">
-              <IconButton
-                icon="square-arrow-top-right"
-                variant="ghost"
-                class="h-5 w-5"
-                onClick={openInShellTab}
-              />
+              <IconButton icon="square-arrow-top-right" variant="ghost" class="h-5 w-5" onClick={openInShellTab} />
             </Tooltip>
           ),
         }}
@@ -1169,10 +1164,13 @@ ToolRegistry.register({
           source: Array.isArray(cell.source) ? cell.source.join("") : (cell.source ?? ""),
           executionCount: cell.execution_count ?? null,
           outputs: (cell.outputs ?? []).map((o: any) => {
-            if (o.output_type === "stream") return { type: "stream", name: o.name, text: Array.isArray(o.text) ? o.text.join("") : o.text }
-            if (o.output_type === "execute_result") return { type: "execute_result", data: o.data ?? {}, executionCount: o.execution_count }
+            if (o.output_type === "stream")
+              return { type: "stream", name: o.name, text: Array.isArray(o.text) ? o.text.join("") : o.text }
+            if (o.output_type === "execute_result")
+              return { type: "execute_result", data: o.data ?? {}, executionCount: o.execution_count }
             if (o.output_type === "display_data") return { type: "display_data", data: o.data ?? {} }
-            if (o.output_type === "error") return { type: "error", ename: o.ename, evalue: o.evalue, traceback: o.traceback ?? [] }
+            if (o.output_type === "error")
+              return { type: "error", ename: o.ename, evalue: o.evalue, traceback: o.traceback ?? [] }
             return { type: "stream", name: "stdout", text: "" }
           }),
         }))
@@ -1213,24 +1211,24 @@ ToolRegistry.register({
         }
       >
         <Show when={props.input.content}>
-          <Show when={isNotebook() && notebookCells().length > 0} fallback={
-            <div data-component="write-content">
-              <Dynamic
-                component={codeComponent}
-                file={{
-                  name: props.input.filePath,
-                  contents: props.input.content,
-                  cacheKey: checksum(props.input.content),
-                }}
-                overflow="scroll"
-              />
-            </div>
-          }>
+          <Show
+            when={isNotebook() && notebookCells().length > 0}
+            fallback={
+              <div data-component="write-content">
+                <Dynamic
+                  component={codeComponent}
+                  file={{
+                    name: props.input.filePath,
+                    contents: props.input.content,
+                    cacheKey: checksum(props.input.content),
+                  }}
+                  overflow="scroll"
+                />
+              </div>
+            }
+          >
             <div data-component="write-content">
-              <NotebookView
-                cells={notebookCells()}
-                title={filename()}
-              />
+              <NotebookView cells={notebookCells()} title={filename()} />
             </div>
           </Show>
         </Show>
@@ -1471,7 +1469,9 @@ ToolRegistry.register({
           title: connected() ? "Colab Connected" : "Colab Connect",
           subtitle: connected()
             ? `${mode()} · ${gpu() || "GPU ready"}`
-            : mode() === "enterprise" ? "Vertex AI" : "Bridge notebook",
+            : mode() === "enterprise"
+              ? "Vertex AI"
+              : "Bridge notebook",
         }}
       >
         <Show when={props.output}>
diff --git a/frontend/ui/src/components/notebook-cell.tsx b/frontend/ui/src/components/notebook-cell.tsx
index e871348c..2180f071 100644
--- a/frontend/ui/src/components/notebook-cell.tsx
+++ b/frontend/ui/src/components/notebook-cell.tsx
@@ -48,9 +48,7 @@ export function NotebookCell(props: NotebookCellProps): JSX.Element {
         </div>
         <Show when={props.outputs && props.outputs.length > 0}>
           <div data-slot="notebook-cell-outputs">
-            <For each={props.outputs}>
-              {(output) => <NotebookOutputView output={output} />}
-            </For>
+            <For each={props.outputs}>{(output) => <NotebookOutputView output={output} />}</For>
           </div>
         </Show>
       </Show>
@@ -87,10 +85,14 @@ function NotebookOutputView(props: { output: NotebookOutput }): JSX.Element {
       </Show>
       <Show when={output().type === "error"}>
         <div data-slot="notebook-output-error">
-          <div data-slot="notebook-error-name">{output().ename}: {output().evalue}</div>
+          <div data-slot="notebook-error-name">
+            {output().ename}: {output().evalue}
+          </div>
           <Show when={output().traceback && output().traceback!.length > 0}>
             <pre data-slot="notebook-error-traceback">
-              {output().traceback!.map((l) => l.replace(/\x1b\[[0-9;]*m/g, "")).join("\n")}
+              {output()
+                .traceback!.map((l) => l.replace(/\x1b\[[0-9;]*m/g, ""))
+                .join("\n")}
             </pre>
           </Show>
         </div>
@@ -99,10 +101,7 @@ function NotebookOutputView(props: { output: NotebookOutput }): JSX.Element {
   )
 }
 
-export function NotebookView(props: {
-  cells: NotebookCellProps[]
-  title?: string
-}): JSX.Element {
+export function NotebookView(props: { cells: NotebookCellProps[]; title?: string }): JSX.Element {
   return (
     <div data-component="notebook-view">
       <Show when={props.title}>
diff --git a/frontend/workspace/src/components/dialog-manage-models.tsx b/frontend/workspace/src/components/dialog-manage-models.tsx
index 034e31e4..363bdd84 100644
--- a/frontend/workspace/src/components/dialog-manage-models.tsx
+++ b/frontend/workspace/src/components/dialog-manage-models.tsx
@@ -11,10 +11,7 @@ export const DialogManageModels: Component = () => {
   const language = useLanguage()
 
   return (
-    <Dialog
-      title={language.t("dialog.model.manage")}
-      description={language.t("dialog.model.manage.description")}
-    >
+    <Dialog title={language.t("dialog.model.manage")} description={language.t("dialog.model.manage.description")}>
       <List
         search={{ placeholder: language.t("dialog.model.search.placeholder"), autofocus: true }}
         emptyMessage={language.t("dialog.model.empty")}
diff --git a/frontend/workspace/src/components/dialog-select-model.tsx b/frontend/workspace/src/components/dialog-select-model.tsx
index 9d0cc51e..d0a80efc 100644
--- a/frontend/workspace/src/components/dialog-select-model.tsx
+++ b/frontend/workspace/src/components/dialog-select-model.tsx
@@ -236,9 +236,7 @@ export const DialogSelectModel: Component<{ provider?: string }> = (props) => {
   const language = useLanguage()
 
   return (
-    <Dialog
-      title={language.t("dialog.model.select.title")}
-    >
+    <Dialog title={language.t("dialog.model.select.title")}>
       <ModelList provider={props.provider} onSelect={() => dialog.close()} />
       <Button
         variant="ghost"
diff --git a/frontend/workspace/src/components/session/session-new-view.tsx b/frontend/workspace/src/components/session/session-new-view.tsx
index 7c28e645..530c3722 100644
--- a/frontend/workspace/src/components/session/session-new-view.tsx
+++ b/frontend/workspace/src/components/session/session-new-view.tsx
@@ -59,9 +59,8 @@ export function NewSessionView(props: NewSessionViewProps) {
           <div class="text-13-medium text-text-strong">No model connected</div>
           <div class="text-12-regular text-text-weak leading-relaxed">
             You don't have a provider key set. Bring your own with{" "}
-            <code class="text-text-base">openscience keys signin</code> (OpenAI · Anthropic · Gemini, or ChatGPT /
-            Codex — no API key needed), or use managed credits with{" "}
-            <code class="text-text-base">openscience login</code>.
+            <code class="text-text-base">openscience keys signin</code> (OpenAI · Anthropic · Gemini, or ChatGPT / Codex
+            — no API key needed), or use managed credits with <code class="text-text-base">openscience login</code>.
           </div>
         </div>
       </Show>
diff --git a/frontend/workspace/src/thesis/Composer.tsx b/frontend/workspace/src/thesis/Composer.tsx
index 75191ddc..93c1f092 100644
--- a/frontend/workspace/src/thesis/Composer.tsx
+++ b/frontend/workspace/src/thesis/Composer.tsx
@@ -330,7 +330,6 @@ export function Composer(): JSX.Element {
     if (m) models.variant.set(m, value)
   }
 
-
   // Context tier (Cursor "MAX mode" analogue). Only meaningful when the model
   // prices the >200k window differently. This is a price-preview + intent signal;
   // the long-context request flag is threaded through submit in a later pass.