From e69159cdae96ee84fbe60f0080e5562239e51b2a Mon Sep 17 00:00:00 2001
From: chengyongru <chengyongru.ai@gmail.com>
Date: Mon, 31 Aug 2026 16:23:36 +0800
Subject: [PATCH] style(tui): replace header dots with spacing

---
 tui/src/app.test.ts         | 8 ++++----
 tui/src/app.ts              | 2 +-
 tui/src/runtime-controls.ts | 6 +++---
 tui/src/transcript.ts       | 2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/tui/src/app.test.ts b/tui/src/app.test.ts
index 13621d546..a2d6ae8c5 100644
--- a/tui/src/app.test.ts
+++ b/tui/src/app.test.ts
@@ -205,7 +205,7 @@ describe("NanobotTui layout", () => {
       expect(occurrences(frame, "Ask nanobot anything")).toBe(1)
       expect(occurrences(frame, "Ready")).toBe(0)
       expect(occurrences(frame, "Getting ready…")).toBe(1)
-      expect(occurrences(frame, "nanobot  ·  test/model")).toBe(1)
+      expect(occurrences(frame, "nanobot     test/model")).toBe(1)
     }
 
     app.accept({ event: "attached", chat_id: "chat" })
@@ -1182,7 +1182,7 @@ describe("NanobotTui layout", () => {
       model_preset: "Codex",
     })
     await setup.flush()
-    expect(ui.runtimeControls.modelText.plainText).toContain("Codex  ·  openai/gpt-5.6")
+    expect(ui.runtimeControls.modelText.plainText).toContain("Codex     openai/gpt-5.6")
 
     app.accept({
       event: "runtime_model_updated",
@@ -1190,7 +1190,7 @@ describe("NanobotTui layout", () => {
       model_preset: "DeepSeek",
     })
     await setup.flush()
-    expect(ui.runtimeControls.modelText.plainText).toContain("Codex  ·  openai/gpt-5.6")
+    expect(ui.runtimeControls.modelText.plainText).toContain("Codex     openai/gpt-5.6")
     expect(ui.runtimeControls.modelText.plainText).not.toContain("DeepSeek")
   })
 
@@ -1959,7 +1959,7 @@ describe("NanobotTui layout", () => {
       } else if (width >= 28 && height >= 9) {
         expect(occurrences(frame, "Enter now · Tab next")).toBe(1)
       }
-      expect(occurrences(frame, "nanobot  ·  test/model")).toBe(height >= 14 ? 1 : 0)
+      expect(occurrences(frame, "nanobot     test/model")).toBe(height >= 14 ? 1 : 0)
     }
   })
 
diff --git a/tui/src/app.ts b/tui/src/app.ts
index df224a99e..a76eb79e9 100644
--- a/tui/src/app.ts
+++ b/tui/src/app.ts
@@ -1962,7 +1962,7 @@ export class NanobotTui {
     this.titleText.content = identity
     const context = this.contextTokens === null
       ? ""
-      : `  ·  ~${formatTokenCount(this.contextTokens)}${this.contextWindowTokens
+      : `     ~${formatTokenCount(this.contextTokens)}${this.contextWindowTokens
         ? `/${formatTokenCount(this.contextWindowTokens)}`
         : ""} ctx`
     this.runtimeControls.updateModel(this.modelName, this.modelPreset)
diff --git a/tui/src/runtime-controls.ts b/tui/src/runtime-controls.ts
index 9b54fdc0a..756354d12 100644
--- a/tui/src/runtime-controls.ts
+++ b/tui/src/runtime-controls.ts
@@ -310,11 +310,11 @@ export class RuntimeControls {
 
   private render(): void {
     const runtime = this.modelPreset !== "default"
-      ? [this.modelPreset, this.model].filter(Boolean).join("  ·  ")
+      ? [this.modelPreset, this.model].filter(Boolean).join("     ")
       : this.model
-    this.modelText.content = `  ·  ${runtime} ▾`
+    this.modelText.content = `     ${runtime} ▾`
     const access = this.scope.access_mode === "full" ? "full access" : "workspace access"
-    this.accessText.content = `  ·  ${access} ▾`
+    this.accessText.content = `     ${access} ▾`
     this.renderColors()
   }
 
diff --git a/tui/src/transcript.ts b/tui/src/transcript.ts
index 86b04b5b4..094a42624 100644
--- a/tui/src/transcript.ts
+++ b/tui/src/transcript.ts
@@ -211,7 +211,7 @@ export class Transcript {
     const title = this.createText(`>_  nanobot  v${options.version}`, "text", true)
     const context = this.createText([
       "",
-      `${options.model}  ·  ${options.access}`,
+      `${options.model}     ${options.access}`,
       options.workspace,
     ].join("\n"), "muted")
     row.add(title)