codeblog-app 1.2.0 → 1.4.0

package/bin/codeblog

@@ -1,2 +1,65 @@
-#!/usr/bin/env bun
-import "../src/index.ts"
+#!/usr/bin/env node
+
+const childProcess = require("child_process")
+const fs = require("fs")
+const path = require("path")
+const os = require("os")
+
+function run(target) {
+  const result = childProcess.spawnSync(target, process.argv.slice(2), {
+    stdio: "inherit",
+  })
+  if (result.error) {
+    console.error(result.error.message)
+    process.exit(1)
+  }
+  process.exit(typeof result.status === "number" ? result.status : 0)
+}
+
+const scriptDir = path.dirname(fs.realpathSync(__filename))
+
+const platformMap = { darwin: "darwin", linux: "linux", win32: "windows" }
+const archMap = { x64: "x64", arm64: "arm64" }
+const platform = platformMap[os.platform()] || os.platform()
+const arch = archMap[os.arch()] || os.arch()
+const base = "codeblog-app-" + platform + "-" + arch
+const binary = platform === "windows" ? "codeblog.exe" : "codeblog"
+
+function findBinary(startDir) {
+  let current = startDir
+  for (;;) {
+    const modules = path.join(current, "node_modules")
+    if (fs.existsSync(modules)) {
+      const candidate = path.join(modules, base, "bin", binary)
+      if (fs.existsSync(candidate)) return candidate
+    }
+    const parent = path.dirname(current)
+    if (parent === current) return
+    current = parent
+  }
+}
+
+const resolved = findBinary(scriptDir)
+if (resolved) {
+  run(resolved)
+} else {
+  // Fallback: run with bun from source
+  const bun = process.env.BUN_INSTALL
+    ? path.join(process.env.BUN_INSTALL, "bin", "bun")
+    : path.join(os.homedir(), ".bun", "bin", "bun")
+
+  if (fs.existsSync(bun)) {
+    const src = path.join(scriptDir, "..", "src", "index.ts")
+    const result = childProcess.spawnSync(bun, ["run", src, ...process.argv.slice(2)], {
+      stdio: "inherit",
+    })
+    process.exit(typeof result.status === "number" ? result.status : 0)
+  }
+
+  console.error(
+    "Could not find codeblog binary for your platform (" + base + ").\n" +
+    "Try: npm install -g codeblog-app@latest\n" +
+    "Or install bun: curl -fsSL https://bun.sh/install | bash"
+  )
+  process.exit(1)
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "codeblog-app",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "CLI client for CodeBlog — the forum where AI writes the posts",
   "type": "module",
   "license": "MIT",
@@ -55,6 +55,13 @@
     "drizzle-kit": "1.0.0-beta.12-a5629fb",
     "typescript": "5.8.2"
   },
+  "optionalDependencies": {
+    "codeblog-app-darwin-arm64": "1.4.0",
+    "codeblog-app-darwin-x64": "1.4.0",
+    "codeblog-app-linux-arm64": "1.4.0",
+    "codeblog-app-linux-x64": "1.4.0",
+    "codeblog-app-windows-x64": "1.4.0"
+  },
   "dependencies": {
     "@ai-sdk/amazon-bedrock": "^4.0.60",
     "@ai-sdk/anthropic": "^3.0.44",

package/src/index.ts

@@ -35,7 +35,7 @@ import { WeeklyDigestCommand } from "./cli/cmd/weekly-digest"
 import { TagsCommand } from "./cli/cmd/tags"
 import { ExploreCommand } from "./cli/cmd/explore"
 
-const VERSION = "1.2.0"
+const VERSION = "1.4.0"
 
 process.on("unhandledRejection", (e) => {
   Log.Default.error("rejection", {
@@ -129,6 +129,20 @@ const cli = yargs(hideBin(process.argv))
   })
   .strict()
 
+// If no subcommand given, launch TUI
+const args = hideBin(process.argv)
+const hasSubcommand = args.length > 0 && !args[0].startsWith("-")
+const isHelp = args.includes("--help") || args.includes("-h")
+const isVersion = args.includes("--version") || args.includes("-v")
+
+if (!hasSubcommand && !isHelp && !isVersion) {
+  await Log.init({ print: false })
+  Log.Default.info("codeblog", { version: VERSION, args: [] })
+  const { tui } = await import("./tui/app")
+  await tui({ onExit: async () => {} })
+  process.exit(0)
+}
+
 try {
   await cli.parse()
 } catch (e) {

package/src/tui/app.tsx

@@ -1,13 +1,11 @@
 import { render, useKeyboard, useRenderer, useTerminalDimensions } from "@opentui/solid"
-import { Switch, Match, onMount, createSignal } from "solid-js"
+import { Switch, Match, onMount, createSignal, Show } from "solid-js"
 import { RouteProvider, useRoute } from "./context/route"
 import { ExitProvider, useExit } from "./context/exit"
 import { Home } from "./routes/home"
 import { Chat } from "./routes/chat"
-import { Trending } from "./routes/trending"
-import { Search } from "./routes/search"
-import { Post } from "./routes/post"
-import { Notifications } from "./routes/notifications"
+
+const VERSION = "1.3.0"
 
 export function tui(input: { onExit?: () => Promise<void> }) {
   return new Promise<void>(async (resolve) => {
@@ -35,12 +33,36 @@ function App() {
   const dimensions = useTerminalDimensions()
   const renderer = useRenderer()
   const [loggedIn, setLoggedIn] = createSignal(false)
+  const [username, setUsername] = createSignal("")
+  const [hasAI, setHasAI] = createSignal(false)
+  const [aiProvider, setAiProvider] = createSignal("")
 
   onMount(async () => {
     renderer.setTerminalTitle("CodeBlog")
+
+    // Check auth status
     try {
       const { Auth } = await import("../auth")
-      setLoggedIn(await Auth.authenticated())
+      const authenticated = await Auth.authenticated()
+      setLoggedIn(authenticated)
+      if (authenticated) {
+        const token = await Auth.load()
+        if (token?.username) setUsername(token.username)
+      }
+    } catch {}
+
+    // Check AI provider status
+    try {
+      const { AIProvider } = await import("../ai/provider")
+      const has = await AIProvider.hasAnyKey()
+      setHasAI(has)
+      if (has) {
+        const { Config } = await import("../config")
+        const cfg = await Config.load()
+        const model = cfg.model || AIProvider.DEFAULT_MODEL
+        const info = AIProvider.BUILTIN_MODELS[model]
+        setAiProvider(info?.name || model)
+      }
     } catch {}
   })
 
@@ -51,36 +73,16 @@ function App() {
       return
     }
 
-    if (evt.name === "q" && !evt.ctrl && route.data.type === "home") {
-      exit()
-      evt.preventDefault()
-      return
-    }
-
-    if (evt.name === "c" && route.data.type === "home") {
-      route.navigate({ type: "chat" })
-      evt.preventDefault()
-      return
-    }
-
-    if (evt.name === "t" && route.data.type === "home") {
-      route.navigate({ type: "trending" })
-      evt.preventDefault()
-      return
-    }
-
-    if (evt.name === "s" && route.data.type === "home") {
-      route.navigate({ type: "search", query: "" })
-      evt.preventDefault()
-      return
-    }
-
-    if (evt.name === "n" && route.data.type === "home") {
-      route.navigate({ type: "notifications" })
-      evt.preventDefault()
-      return
+    // Home screen shortcuts
+    if (route.data.type === "home") {
+      if (evt.name === "q" && !evt.ctrl) {
+        exit()
+        evt.preventDefault()
+        return
+      }
     }
 
+    // Back navigation
     if (evt.name === "escape" && route.data.type !== "home") {
       route.navigate({ type: "home" })
       evt.preventDefault()
@@ -89,41 +91,53 @@ function App() {
   })
 
   return (
-    <box flexDirection="column" width="100%" height="100%">
+    <box flexDirection="column" width={dimensions().width} height={dimensions().height}>
       <Switch>
         <Match when={route.data.type === "home"}>
-          <Home />
+          <Home
+            loggedIn={loggedIn()}
+            username={username()}
+            hasAI={hasAI()}
+            aiProvider={aiProvider()}
+            onLogin={async () => {
+              try {
+                const { OAuth } = await import("../auth/oauth")
+                await OAuth.login("github")
+                const { Auth } = await import("../auth")
+                setLoggedIn(true)
+                const token = await Auth.load()
+                if (token?.username) setUsername(token.username)
+              } catch {}
+            }}
+          />
         </Match>
         <Match when={route.data.type === "chat"}>
           <Chat />
         </Match>
-        <Match when={route.data.type === "trending"}>
-          <Trending />
-        </Match>
-        <Match when={route.data.type === "notifications"}>
-          <Notifications />
-        </Match>
-        <Match when={route.data.type === "search"}>
-          <Search />
-        </Match>
-        <Match when={route.data.type === "post"}>
-          <Post />
-        </Match>
       </Switch>
 
       {/* Status bar */}
       <box paddingLeft={2} paddingRight={2} paddingTop={1} paddingBottom={1} flexShrink={0} flexDirection="row">
         <text fg="#6a737c">
           {route.data.type === "home"
-            ? "c:chat  s:search  t:trending  n:notifs  q:quit"
-            : "esc:back  ctrl+c:exit"}
+            ? "type to chat · /help · q:quit"
+            : "esc:back · ctrl+c:exit"}
         </text>
         <box flexGrow={1} />
+        <Show when={hasAI()}>
+          <text fg="#48a868">{"● "}</text>
+          <text fg="#6a737c">{aiProvider()}</text>
+          <text fg="#6a737c">{"  "}</text>
+        </Show>
+        <Show when={!hasAI()}>
+          <text fg="#d73a49">{"○ "}</text>
+          <text fg="#6a737c">{"no AI  "}</text>
+        </Show>
         <text fg={loggedIn() ? "#48a868" : "#d73a49"}>
           {loggedIn() ? "● " : "○ "}
         </text>
-        <text fg="#6a737c">{loggedIn() ? "logged in" : "not logged in"}</text>
-        <text fg="#6a737c">{"  codeblog v0.4.3"}</text>
+        <text fg="#6a737c">{loggedIn() ? username() || "logged in" : "not logged in"}</text>
+        <text fg="#6a737c">{`  v${VERSION}`}</text>
       </box>
     </box>
   )

package/src/tui/routes/chat.tsx

@@ -1,4 +1,4 @@
-import { createSignal, For, Show } from "solid-js"
+import { createSignal, For, Show, onMount } from "solid-js"
 import { useKeyboard } from "@opentui/solid"
 import { useRoute } from "../context/route"
 
@@ -13,18 +13,34 @@ export function Chat() {
   const [streaming, setStreaming] = createSignal(false)
   const [streamText, setStreamText] = createSignal("")
   const [model, setModel] = createSignal("")
-
-  // Load configured model on mount
-  import("../../config").then(({ Config }) =>
-    Config.load().then((cfg) => {
-      if (cfg.model) setModel(cfg.model)
-    }).catch(() => {}),
-  )
+  const [modelName, setModelName] = createSignal("")
   const [inputBuf, setInputBuf] = createSignal("")
-  const [inputMode, setInputMode] = createSignal(true)
+
+  onMount(async () => {
+    try {
+      const { Config } = await import("../../config")
+      const { AIProvider } = await import("../../ai/provider")
+      const cfg = await Config.load()
+      const id = cfg.model || AIProvider.DEFAULT_MODEL
+      setModel(id)
+      const info = AIProvider.BUILTIN_MODELS[id]
+      setModelName(info?.name || id)
+    } catch {}
+
+    // Auto-send initial message from home screen
+    const data = route.data as any
+    if (data.sessionMessages?.length > 0) {
+      for (const msg of data.sessionMessages) {
+        if (msg.role === "user") {
+          send(msg.content)
+          break
+        }
+      }
+    }
+  })
 
   async function send(text: string) {
-    if (!text.trim()) return
+    if (!text.trim() || streaming()) return
     const userMsg: Message = { role: "user", content: text.trim() }
     const prev = messages()
     setMessages([...prev, userMsg])
@@ -53,6 +69,7 @@ export function Chat() {
           },
           onError: (err) => {
             setMessages((p) => [...p, { role: "assistant", content: `Error: ${err.message}` }])
+            setStreamText("")
             setStreaming(false)
           },
         },
@@ -61,6 +78,7 @@ export function Chat() {
     } catch (err) {
       const msg = err instanceof Error ? err.message : String(err)
       setMessages((p) => [...p, { role: "assistant", content: `Error: ${msg}` }])
+      setStreamText("")
       setStreaming(false)
     }
   }
@@ -78,10 +96,14 @@ export function Chat() {
     if (name === "/model") {
       const id = parts[1]
       if (!id) {
-        setMessages((p) => [...p, { role: "assistant", content: `Current model: ${model()}\nUsage: /model <model-id>` }])
+        setMessages((p) => [...p, { role: "assistant", content: `Current model: ${modelName()} (${model()})\nUsage: /model <model-id>` }])
         return
       }
       setModel(id)
+      import("../../ai/provider").then(({ AIProvider }) => {
+        const info = AIProvider.BUILTIN_MODELS[id]
+        setModelName(info?.name || id)
+      }).catch(() => setModelName(id))
       setMessages((p) => [...p, { role: "assistant", content: `Switched to model: ${id}` }])
       return
     }
@@ -102,14 +124,13 @@ export function Chat() {
       return
     }
 
-    setMessages((p) => [...p, { role: "assistant", content: `Unknown command: ${name}. Type /help for available commands.` }])
+    setMessages((p) => [...p, { role: "assistant", content: `Unknown command: ${name}. Type /help` }])
   }
 
   useKeyboard((evt) => {
-    if (!inputMode()) return
-
     if (evt.name === "return" && !evt.shift) {
       const text = inputBuf().trim()
+      if (!text) return
       setInputBuf("")
       if (text.startsWith("/")) {
         handleCommand(text)
@@ -143,12 +164,12 @@ export function Chat() {
     <box flexDirection="column" flexGrow={1}>
       {/* Header */}
       <box paddingLeft={2} paddingRight={2} paddingTop={1} flexShrink={0} flexDirection="row" gap={1}>
-        <text fg="#d946ef">
+        <text fg="#0074cc">
           <span style={{ bold: true }}>AI Chat</span>
         </text>
-        <text fg="#6a737c">{model()}</text>
+        <text fg="#6a737c">{modelName()}</text>
         <box flexGrow={1} />
-        <text fg="#6a737c">esc:back  /help</text>
+        <text fg="#6a737c">esc:back · /help · /model · /clear</text>
       </box>
 
       {/* Messages */}

package/src/tui/routes/home.tsx

@@ -1,125 +1,302 @@
-import { createSignal, onMount, For, Show } from "solid-js"
+import { createSignal, Show } from "solid-js"
 import { useKeyboard } from "@opentui/solid"
-import { useRoute, type Route } from "../context/route"
-
-interface FeedPost {
-  id: string
-  title: string
-  upvotes: number
-  downvotes: number
-  comment_count: number
-  views: number
-  tags: string[]
-  agent: string
-  created_at: string
-}
+import { useRoute } from "../context/route"
+import { useExit } from "../context/exit"
+
+const LOGO = [
+  "  ██████╗ ██████╗ ██████╗ ███████╗██████╗ ██╗      ██████╗  ██████╗ ",
+  " ██╔════╝██╔═══██╗██╔══██╗██╔════╝██╔══██╗██║     ██╔═══██╗██╔════╝ ",
+  " ██║     ██║   ██║██║  ██║█████╗  ██████╔╝██║     ██║   ██║██║  ███╗",
+  " ██║     ██║   ██║██║  ██║██╔══╝  ██╔══██╗██║     ██║   ██║██║   ██║",
+  " ╚██████╗╚██████╔╝██████╔╝███████╗██████╔╝███████╗╚██████╔╝╚██████╔╝",
+  " ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝╚═════╝ ╚══════╝ ╚═════╝  ╚═════╝ ",
+]
+
+const HELP_TEXT = [
+  "Commands:",
+  "  /login              Log in with GitHub or Google",
+  "  /config             Show current configuration",
+  "  /config ai          Configure AI provider (interactive)",
+  "  /scan               Scan IDE sessions",
+  "  /publish            Publish scanned sessions",
+  "  /ai-publish         AI writes a post from your session",
+  "  /feed               Browse recent posts",
+  "  /search <query>     Search posts",
+  "  /trending           View trending topics",
+  "  /notifications      View notifications",
+  "  /dashboard          Your stats",
+  "  /models             List available AI models",
+  "  /help               Show this help",
+  "  /exit               Exit",
+  "",
+  "Or just type anything to chat with AI.",
+]
 
-export function Home() {
+export function Home(props: {
+  loggedIn: boolean
+  username: string
+  hasAI: boolean
+  aiProvider: string
+  onLogin: () => Promise<void>
+}) {
   const route = useRoute()
-  const [posts, setPosts] = createSignal<FeedPost[]>([])
-  const [loading, setLoading] = createSignal(true)
-  const [selected, setSelected] = createSignal(0)
-
-  const [error, setError] = createSignal("")
-
-  onMount(async () => {
-    try {
-      const { Feed } = await import("../../api/feed")
-      const result = await Feed.list()
-      setPosts(result.posts as unknown as FeedPost[])
-    } catch (err) {
-      const msg = err instanceof Error ? err.message : String(err)
-      setError(msg.includes("401") ? "Not logged in. Run: codeblog login" : msg)
-      setPosts([])
+  const exit = useExit()
+  const [input, setInput] = createSignal("")
+  const [message, setMessage] = createSignal("")
+  const [messageColor, setMessageColor] = createSignal("#6a737c")
+  const [showHelp, setShowHelp] = createSignal(false)
+
+  function showMsg(text: string, color = "#6a737c") {
+    setMessage(text)
+    setMessageColor(color)
+  }
+
+  async function handleSubmit() {
+    const text = input().trim()
+    setInput("")
+    if (!text) return
+
+    // Handle commands
+    if (text.startsWith("/")) {
+      const parts = text.split(/\s+/)
+      const cmd = parts[0]
+
+      if (cmd === "/help") {
+        setShowHelp(!showHelp())
+        return
+      }
+
+      if (cmd === "/exit" || cmd === "/quit" || cmd === "/q") {
+        exit()
+        return
+      }
+
+      if (cmd === "/login") {
+        showMsg("Opening browser for login...", "#0074cc")
+        await props.onLogin()
+        showMsg("Logged in!", "#48a868")
+        return
+      }
+
+      if (cmd === "/config") {
+        if (parts[1] === "ai") {
+          showMsg("Use CLI: codeblog config --provider anthropic --api-key sk-...", "#f48225")
+          return
+        }
+        try {
+          const { Config } = await import("../../config")
+          const cfg = await Config.load()
+          const providers = cfg.providers || {}
+          const keys = Object.keys(providers)
+          const model = cfg.model || "claude-sonnet-4-20250514"
+          showMsg(`Model: ${model} | Providers: ${keys.length > 0 ? keys.join(", ") : "none"} | URL: ${cfg.api_url || "https://codeblog.ai"}`, "#e7e9eb")
+        } catch {
+          showMsg("Failed to load config", "#d73a49")
+        }
+        return
+      }
+
+      if (cmd === "/scan") {
+        showMsg("Scanning IDE sessions...", "#0074cc")
+        try {
+          const { registerAllScanners, scanAll } = await import("../../scanner")
+          registerAllScanners()
+          const sessions = scanAll(10)
+          if (sessions.length === 0) {
+            showMsg("No IDE sessions found.", "#f48225")
+          } else {
+            const summary = sessions.slice(0, 3).map((s) => `[${s.source}] ${s.project}`).join(" | ")
+            showMsg(`Found ${sessions.length} sessions: ${summary}`, "#48a868")
+          }
+        } catch (err) {
+          showMsg(`Scan failed: ${err instanceof Error ? err.message : String(err)}`, "#d73a49")
+        }
+        return
+      }
+
+      if (cmd === "/publish") {
+        showMsg("Publishing sessions...", "#0074cc")
+        try {
+          const { Publisher } = await import("../../publisher")
+          const results = await Publisher.scanAndPublish({ limit: 1 })
+          const ok = results.filter((r) => r.postId)
+          if (ok.length > 0) {
+            showMsg(`Published ${ok.length} post(s)!`, "#48a868")
+          } else {
+            showMsg("No sessions to publish.", "#f48225")
+          }
+        } catch (err) {
+          showMsg(`Publish failed: ${err instanceof Error ? err.message : String(err)}`, "#d73a49")
+        }
+        return
+      }
+
+      if (cmd === "/ai-publish") {
+        if (!props.hasAI) {
+          showMsg("No AI configured. Use: /config ai", "#d73a49")
+          return
+        }
+        showMsg("AI is writing a post from your session...", "#0074cc")
+        // Delegate to CLI command for now
+        showMsg("Use CLI: codeblog ai-publish", "#f48225")
+        return
+      }
+
+      if (cmd === "/feed") {
+        showMsg("Loading feed...", "#0074cc")
+        try {
+          const { Feed } = await import("../../api/feed")
+          const result = await Feed.list()
+          const posts = (result as any).posts || []
+          if (posts.length === 0) {
+            showMsg("No posts yet.", "#f48225")
+          } else {
+            const summary = posts.slice(0, 3).map((p: any) => p.title?.slice(0, 40)).join(" | ")
+            showMsg(`${posts.length} posts: ${summary}`, "#e7e9eb")
+          }
+        } catch (err) {
+          showMsg(`Feed failed: ${err instanceof Error ? err.message : String(err)}`, "#d73a49")
+        }
+        return
+      }
+
+      if (cmd === "/models") {
+        try {
+          const { AIProvider } = await import("../../ai/provider")
+          const models = await AIProvider.available()
+          const configured = models.filter((m) => m.hasKey)
+          const names = configured.map((m) => m.model.name).join(", ")
+          showMsg(configured.length > 0 ? `Available: ${names}` : "No models configured. Use: codeblog config --provider anthropic --api-key sk-...", configured.length > 0 ? "#48a868" : "#f48225")
+        } catch (err) {
+          showMsg(`Failed: ${err instanceof Error ? err.message : String(err)}`, "#d73a49")
+        }
+        return
+      }
+
+      if (cmd === "/search") {
+        const query = parts.slice(1).join(" ")
+        if (!query) {
+          showMsg("Usage: /search <query>", "#f48225")
+          return
+        }
+        try {
+          const { Posts } = await import("../../api/posts")
+          const result = await Posts.search(query)
+          const posts = (result as any).posts || []
+          showMsg(posts.length > 0 ? `${posts.length} results for "${query}"` : `No results for "${query}"`, posts.length > 0 ? "#48a868" : "#f48225")
+        } catch (err) {
+          showMsg(`Search failed: ${err instanceof Error ? err.message : String(err)}`, "#d73a49")
+        }
+        return
+      }
+
+      if (cmd === "/trending" || cmd === "/notifications" || cmd === "/dashboard") {
+        showMsg(`Use CLI: codeblog ${cmd.slice(1)}`, "#f48225")
+        return
+      }
+
+      showMsg(`Unknown command: ${cmd}. Type /help`, "#d73a49")
+      return
     }
-    setLoading(false)
-  })
+
+    // Regular text → start AI chat
+    if (!props.hasAI) {
+      showMsg("No AI provider configured. Run: /config ai", "#d73a49")
+      return
+    }
+
+    route.navigate({ type: "chat", sessionMessages: [{ role: "user", content: text }] })
+  }
 
   useKeyboard((evt) => {
-    const p = posts()
-    if (evt.name === "up" || evt.name === "k") {
-      setSelected((s) => Math.max(0, s - 1))
+    if (evt.name === "return" && !evt.shift) {
+      handleSubmit()
       evt.preventDefault()
+      return
     }
-    if (evt.name === "down" || evt.name === "j") {
-      setSelected((s) => Math.min(p.length - 1, s + 1))
+
+    if (evt.name === "backspace") {
+      setInput((s) => s.slice(0, -1))
       evt.preventDefault()
+      return
     }
-    if (evt.name === "return" && p.length > 0) {
-      const post = p[selected()]
-      if (post) route.navigate({ type: "post", postId: post.id })
+
+    if (evt.sequence && evt.sequence.length === 1 && !evt.ctrl && !evt.meta) {
+      setInput((s) => s + evt.sequence)
       evt.preventDefault()
+      return
+    }
+
+    if (evt.name === "space") {
+      setInput((s) => s + " ")
+      evt.preventDefault()
+      return
     }
   })
 
   return (
-    <box flexDirection="column" flexGrow={1}>
-      {/* Header */}
-      <box paddingLeft={2} paddingRight={2} paddingTop={1} flexShrink={0} flexDirection="row" gap={1}>
-        <text fg="#0074cc">
-          <span style={{ bold: true }}>CodeBlog</span>
-        </text>
-        <text fg="#6a737c"> — AI Forum</text>
+    <box flexDirection="column" flexGrow={1} alignItems="center" paddingLeft={2} paddingRight={2}>
+      {/* Top spacer */}
+      <box flexGrow={1} minHeight={0} />
+
+      {/* Logo */}
+      <box flexShrink={0} flexDirection="column">
+        {LOGO.map((line, i) => (
+          <text fg={i < 4 ? "#f48225" : "#0074cc"}>{line}</text>
+        ))}
       </box>
 
-      {/* Section title */}
-      <box paddingLeft={2} paddingTop={1} flexShrink={0}>
-        <text fg="#f48225">
-          <span style={{ bold: true }}>Recent Posts</span>
-        </text>
-        <text fg="#6a737c">{` (${posts().length})`}</text>
+      <box height={1} flexShrink={0}>
+        <text fg="#6a737c">The AI-powered coding forum</text>
       </box>
 
-      <Show when={loading()}>
-        <box paddingLeft={4} paddingTop={1}>
-          <text fg="#6a737c">Loading feed...</text>
+      {/* Status indicators */}
+      <box height={2} flexShrink={0} flexDirection="column" paddingTop={1}>
+        <box flexDirection="row" gap={2}>
+          <Show when={!props.loggedIn}>
+            <text fg="#d73a49">○ Not logged in — type /login</text>
+          </Show>
+          <Show when={props.loggedIn}>
+            <text fg="#48a868">● {props.username || "Logged in"}</text>
+          </Show>
+          <Show when={!props.hasAI}>
+            <text fg="#d73a49">○ No AI — type /config ai</text>
+          </Show>
+          <Show when={props.hasAI}>
+            <text fg="#48a868">● {props.aiProvider}</text>
+          </Show>
         </box>
-      </Show>
+      </box>
 
-      <Show when={error()}>
-        <box paddingLeft={4} paddingTop={1}>
-          <text fg="#d73a49">{error()}</text>
+      {/* Input prompt */}
+      <box width="100%" maxWidth={75} flexShrink={0} paddingTop={1}>
+        <box flexDirection="row" width="100%">
+          <text fg="#0074cc">
+            <span style={{ bold: true }}>{"❯ "}</span>
+          </text>
+          <text fg="#e7e9eb">{input()}</text>
+          <text fg="#6a737c">{"█"}</text>
+        </box>
+      </box>
+
+      {/* Message area */}
+      <Show when={message()}>
+        <box width="100%" maxWidth={75} paddingTop={1} flexShrink={0}>
+          <text fg={messageColor()}>{message()}</text>
         </box>
       </Show>
 
-      <Show when={!loading() && !error() && posts().length === 0}>
-        <box paddingLeft={4} paddingTop={1}>
-          <text fg="#6a737c">No posts yet. Press c to start an AI chat.</text>
+      {/* Help text */}
+      <Show when={showHelp()}>
+        <box width="100%" maxWidth={75} paddingTop={1} flexShrink={0} flexDirection="column">
+          {HELP_TEXT.map((line) => (
+            <text fg={line.startsWith("  /") ? "#0074cc" : "#6a737c"}>{line}</text>
+          ))}
         </box>
       </Show>
 
-      {/* Post list */}
-      <box flexDirection="column" paddingTop={1} flexGrow={1}>
-        <For each={posts()}>
-          {(post, i) => {
-            const score = post.upvotes - post.downvotes
-            const isSelected = () => i() === selected()
-            return (
-              <box flexDirection="row" paddingLeft={2} paddingRight={2}>
-                {/* Score */}
-                <box width={6} justifyContent="flex-end" marginRight={1}>
-                  <text fg={score > 0 ? "#48a868" : score < 0 ? "#d73a49" : "#6a737c"}>
-                    {score > 0 ? `+${score}` : `${score}`}
-                  </text>
-                </box>
-                {/* Content */}
-                <box flexDirection="column" flexGrow={1}>
-                  <text fg={isSelected() ? "#0074cc" : "#e7e9eb"}>
-                    <span style={{ bold: isSelected() }}>{isSelected() ? "▸ " : "  "}{post.title}</span>
-                  </text>
-                  <box flexDirection="row" gap={1}>
-                    <text fg="#6a737c">{`💬${post.comment_count} 👁${post.views}`}</text>
-                    <For each={(post.tags || []).slice(0, 3)}>
-                      {(tag) => <text fg="#39739d">{`#${tag}`}</text>}
-                    </For>
-                    <text fg="#838c95">{`by ${post.agent || "anon"}`}</text>
-                  </box>
-                </box>
-              </box>
-            )
-          }}
-        </For>
-      </box>
+      {/* Bottom spacer */}
+      <box flexGrow={1} minHeight={0} />
     </box>
   )
 }