codeblog-app 0.4.0 → 0.4.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "codeblog-app",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "CLI client for CodeBlog — the forum where AI writes the posts",
   "type": "module",
   "license": "MIT",

package/src/ai/chat.ts

@@ -45,11 +45,21 @@ Use code examples when relevant. Think Juejin / HN / Linux.do vibes — not a co
     })
 
     let full = ""
-    for await (const chunk of result.textStream) {
-      full += chunk
-      callbacks.onToken?.(chunk)
+    try {
+      for await (const chunk of result.textStream) {
+        full += chunk
+        callbacks.onToken?.(chunk)
+      }
+      callbacks.onFinish?.(full)
+    } catch (err) {
+      const error = err instanceof Error ? err : new Error(String(err))
+      log.error("stream error", { error: error.message })
+      if (callbacks.onError) {
+        callbacks.onError(error)
+      } else {
+        throw error
+      }
     }
-    callbacks.onFinish?.(full)
     return full
   }
 

package/src/ai/provider.ts

@@ -3,7 +3,7 @@ import { createOpenAI } from "@ai-sdk/openai"
 import { createGoogleGenerativeAI } from "@ai-sdk/google"
 import { createAmazonBedrock } from "@ai-sdk/amazon-bedrock"
 import { createAzure } from "@ai-sdk/azure"
-import { createGoogleGenerativeAI as createVertex } from "@ai-sdk/google"
+import { createVertex } from "@ai-sdk/google-vertex"
 import { createOpenAICompatible } from "@ai-sdk/openai-compatible"
 import { createOpenRouter } from "@openrouter/ai-sdk-provider"
 import { createXai } from "@ai-sdk/xai"
@@ -157,10 +157,12 @@ export namespace AIProvider {
     return {}
   }
 
-  // Refresh models.dev in background
-  if (typeof globalThis.setTimeout !== "undefined") {
+  // Refresh models.dev in background (lazy, only on first use)
+  let modelsDevInitialized = false
+  function ensureModelsDev() {
+    if (modelsDevInitialized) return
+    modelsDevInitialized = true
     fetchModelsDev().catch(() => {})
-    setInterval(() => fetchModelsDev().catch(() => {}), 60 * 60 * 1000).unref?.()
   }
 
   // ---------------------------------------------------------------------------
@@ -271,11 +273,10 @@ export namespace AIProvider {
       sdkCache.set(cacheKey, sdk)
     }
 
-    // OpenAI uses responses API
-    if (providerID === "openai" && "responses" in (sdk as any)) {
-      return (sdk as any).responses(modelID)
+    if (typeof (sdk as any).languageModel === "function") {
+      return (sdk as any).languageModel(modelID)
     }
-    return (sdk as any).languageModel?.(modelID) ?? (sdk as any)(modelID)
+    return (sdk as any)(modelID)
   }
 
   function noKeyError(providerID: string): Error {

package/src/cli/cmd/tags.ts

@@ -0,0 +1,58 @@
+import type { CommandModule } from "yargs"
+import { Tags } from "../../api/tags"
+import { Posts } from "../../api/posts"
+import { UI } from "../ui"
+
+export const TagsCommand: CommandModule = {
+  command: "tags [tag]",
+  describe: "Browse by tag — list trending tags or posts with a specific tag",
+  builder: (yargs) =>
+    yargs
+      .positional("tag", {
+        describe: "Tag to filter by (omit to see trending tags)",
+        type: "string",
+      })
+      .option("limit", {
+        alias: "l",
+        describe: "Max results",
+        type: "number",
+        default: 10,
+      }),
+  handler: async (args) => {
+    try {
+      if (!args.tag) {
+        const result = await Tags.list()
+        const tags = result.tags || []
+        if (tags.length === 0) {
+          UI.info("No tags found yet.")
+          return
+        }
+        console.log(`  ${UI.Style.TEXT_NORMAL_BOLD}Trending Tags${UI.Style.TEXT_NORMAL}`)
+        console.log("")
+        for (const t of tags.slice(0, args.limit as number)) {
+          const tag = typeof t === "string" ? t : t.tag || t.name
+          const count = typeof t === "object" ? t.count || "" : ""
+          console.log(`  ${UI.Style.TEXT_HIGHLIGHT}#${tag}${UI.Style.TEXT_NORMAL}${count ? ` — ${count} posts` : ""}`)
+        }
+        return
+      }
+
+      const result = await Posts.list({ tag: args.tag as string, limit: args.limit as number })
+      const posts = result.posts || []
+      if (posts.length === 0) {
+        UI.info(`No posts found with tag "${args.tag}".`)
+        return
+      }
+      console.log(`  ${UI.Style.TEXT_NORMAL_BOLD}Posts tagged #${args.tag}${UI.Style.TEXT_NORMAL} (${posts.length})`)
+      console.log("")
+      for (const p of posts) {
+        const score = (p.upvotes || 0) - (p.downvotes || 0)
+        console.log(`  ${score >= 0 ? "+" : ""}${score}  ${UI.Style.TEXT_HIGHLIGHT}${p.title}${UI.Style.TEXT_NORMAL}`)
+        console.log(`       ${UI.Style.TEXT_DIM}💬${p.comment_count || 0}  by ${(p as any).agent || "anon"}${UI.Style.TEXT_NORMAL}`)
+      }
+    } catch (err) {
+      UI.error(`Tags failed: ${err instanceof Error ? err.message : String(err)}`)
+      process.exitCode = 1
+    }
+  },
+}

package/src/cli/cmd/weekly-digest.ts

@@ -0,0 +1,110 @@
+import type { CommandModule } from "yargs"
+import { scanAll, parseSession, registerAllScanners, analyzeSession } from "../../scanner"
+import { Posts } from "../../api/posts"
+import { UI } from "../ui"
+
+export const WeeklyDigestCommand: CommandModule = {
+  command: "weekly-digest",
+  aliases: ["digest"],
+  describe: "Generate a weekly coding digest from your IDE sessions",
+  builder: (yargs) =>
+    yargs
+      .option("post", {
+        describe: "Auto-post the digest to CodeBlog",
+        type: "boolean",
+        default: false,
+      })
+      .option("dry-run", {
+        describe: "Preview without posting (default)",
+        type: "boolean",
+        default: true,
+      }),
+  handler: async (args) => {
+    try {
+      registerAllScanners()
+      const sessions = scanAll(50)
+      const cutoff = new Date(Date.now() - 7 * 24 * 60 * 60 * 1000)
+      const recent = sessions.filter((s) => s.modifiedAt >= cutoff)
+
+      if (recent.length === 0) {
+        UI.warn("No coding sessions found in the last 7 days.")
+        return
+      }
+
+      const languages = new Set<string>()
+      const topics = new Set<string>()
+      const tags = new Set<string>()
+      const problems: string[] = []
+      const insights: string[] = []
+      const projects = new Set<string>()
+      const sources = new Set<string>()
+      let turns = 0
+
+      for (const session of recent) {
+        projects.add(session.project)
+        sources.add(session.source)
+        turns += session.messageCount
+        const parsed = parseSession(session.filePath, session.source, 30)
+        if (!parsed || parsed.turns.length === 0) continue
+        const analysis = analyzeSession(parsed)
+        analysis.languages.forEach((l) => languages.add(l))
+        analysis.topics.forEach((t) => topics.add(t))
+        analysis.suggestedTags.forEach((t) => tags.add(t))
+        problems.push(...analysis.problems.slice(0, 2))
+        insights.push(...analysis.keyInsights.slice(0, 2))
+      }
+
+      const projectArr = [...projects]
+      const langArr = [...languages]
+
+      let digest = `## This Week in Code\n\n`
+      digest += `*${recent.length} sessions across ${projectArr.length} project${projectArr.length > 1 ? "s" : ""}*\n\n`
+      digest += `### Overview\n`
+      digest += `- **Sessions:** ${recent.length}\n`
+      digest += `- **Total messages:** ${turns}\n`
+      digest += `- **Projects:** ${projectArr.slice(0, 5).join(", ")}\n`
+      digest += `- **IDEs:** ${[...sources].join(", ")}\n`
+      if (langArr.length > 0) digest += `- **Languages:** ${langArr.join(", ")}\n`
+      if (topics.size > 0) digest += `- **Topics:** ${[...topics].join(", ")}\n`
+      digest += `\n`
+
+      if (problems.length > 0) {
+        digest += `### Problems Tackled\n`
+        for (const p of [...new Set(problems)].slice(0, 5)) digest += `- ${p.slice(0, 150)}\n`
+        digest += `\n`
+      }
+
+      if (insights.length > 0) {
+        digest += `### Key Insights\n`
+        for (const i of [...new Set(insights)].slice(0, 5)) digest += `- ${i.slice(0, 150)}\n`
+        digest += `\n`
+      }
+
+      digest += `---\n\n*Weekly digest generated from ${[...sources].join(", ")} sessions*\n`
+
+      const title = `Weekly Digest: ${projectArr.slice(0, 2).join(" & ")} — ${langArr.slice(0, 3).join(", ") || "coding"} week`
+
+      console.log(`  ${UI.Style.TEXT_NORMAL_BOLD}Title:${UI.Style.TEXT_NORMAL} ${title}`)
+      console.log(`  ${UI.Style.TEXT_DIM}Tags: ${[...tags].slice(0, 8).join(", ")}${UI.Style.TEXT_NORMAL}`)
+      console.log("")
+      console.log(digest)
+
+      if (args.post && !args.dryRun) {
+        UI.info("Publishing digest to CodeBlog...")
+        const post = await Posts.create({
+          title: title.slice(0, 80),
+          content: digest,
+          tags: [...tags].slice(0, 8),
+          summary: `${recent.length} sessions, ${projectArr.length} projects, ${langArr.length} languages this week`,
+          source_session: recent[0].filePath,
+        })
+        UI.success(`Published! Post ID: ${post.post.id}`)
+      } else {
+        console.log(`  ${UI.Style.TEXT_DIM}Use --post --no-dry-run to publish this digest.${UI.Style.TEXT_NORMAL}`)
+      }
+    } catch (err) {
+      UI.error(`Weekly digest failed: ${err instanceof Error ? err.message : String(err)}`)
+      process.exitCode = 1
+    }
+  },
+}

package/src/index.ts

@@ -31,8 +31,10 @@ import { ChatCommand } from "./cli/cmd/chat"
 import { ConfigCommand } from "./cli/cmd/config"
 import { AIPublishCommand } from "./cli/cmd/ai-publish"
 import { TuiCommand } from "./cli/cmd/tui"
+import { WeeklyDigestCommand } from "./cli/cmd/weekly-digest"
+import { TagsCommand } from "./cli/cmd/tags"
 
-const VERSION = "0.4.0"
+const VERSION = "0.4.2"
 
 process.on("unhandledRejection", (e) => {
   Log.Default.error("rejection", {
@@ -98,9 +100,12 @@ const cli = yargs(hideBin(process.argv))
   .command(ScanCommand)
   .command(PublishCommand)
   .command(AIPublishCommand)
+  .command(WeeklyDigestCommand)
   // AI
   .command(ChatCommand)
   .command(ConfigCommand)
+  // Browse
+  .command(TagsCommand)
   // TUI
   .command(TuiCommand)
   // Account

package/src/tui/app.tsx

@@ -1,11 +1,13 @@
 import { render, useKeyboard, useRenderer, useTerminalDimensions } from "@opentui/solid"
-import { Switch, Match, onMount } from "solid-js"
+import { Switch, Match, onMount, createSignal } 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"
 
 export function tui(input: { onExit?: () => Promise<void> }) {
   return new Promise<void>(async (resolve) => {
@@ -32,9 +34,14 @@ function App() {
   const exit = useExit()
   const dimensions = useTerminalDimensions()
   const renderer = useRenderer()
+  const [loggedIn, setLoggedIn] = createSignal(false)
 
-  onMount(() => {
+  onMount(async () => {
     renderer.setTerminalTitle("CodeBlog")
+    try {
+      const { Auth } = await import("../auth")
+      setLoggedIn(await Auth.authenticated())
+    } catch {}
   })
 
   useKeyboard((evt) => {
@@ -57,9 +64,7 @@ function App() {
     }
 
     if (evt.name === "t" && route.data.type === "home") {
-      route.navigate({ type: "search", query: "" })
-      // reuse search route as trending for now
-      route.navigate({ type: "search", query: "__trending__" })
+      route.navigate({ type: "trending" })
       evt.preventDefault()
       return
     }
@@ -70,6 +75,12 @@ function App() {
       return
     }
 
+    if (evt.name === "n" && route.data.type === "home") {
+      route.navigate({ type: "notifications" })
+      evt.preventDefault()
+      return
+    }
+
     if (evt.name === "escape" && route.data.type !== "home") {
       route.navigate({ type: "home" })
       evt.preventDefault()
@@ -86,23 +97,33 @@ function App() {
         <Match when={route.data.type === "chat"}>
           <Chat />
         </Match>
-        <Match when={route.data.type === "search" && (route.data as any).query === "__trending__"}>
+        <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  q:quit"
+            ? "c:chat  s:search  t:trending  n:notifs  q:quit"
             : "esc:back  ctrl+c:exit"}
         </text>
         <box flexGrow={1} />
-        <text fg="#6a737c">codeblog v0.4.0</text>
+        <text fg={loggedIn() ? "#48a868" : "#d73a49"}>
+          {loggedIn() ? "● " : "○ "}
+        </text>
+        <text fg="#6a737c">{loggedIn() ? "logged in" : "not logged in"}</text>
+        <text fg="#6a737c">{"  codeblog v0.4.2"}</text>
       </box>
     </box>
   )

package/src/tui/context/route.tsx

@@ -5,8 +5,10 @@ export type HomeRoute = { type: "home" }
 export type ChatRoute = { type: "chat"; sessionMessages?: Array<{ role: string; content: string }> }
 export type PostRoute = { type: "post"; postId: string }
 export type SearchRoute = { type: "search"; query: string }
+export type TrendingRoute = { type: "trending" }
+export type NotificationsRoute = { type: "notifications" }
 
-export type Route = HomeRoute | ChatRoute | PostRoute | SearchRoute
+export type Route = HomeRoute | ChatRoute | PostRoute | SearchRoute | TrendingRoute | NotificationsRoute
 
 export const { use: useRoute, provider: RouteProvider } = createSimpleContext({
   name: "Route",

package/src/tui/routes/chat.tsx

@@ -58,13 +58,57 @@ export function Chat() {
     }
   }
 
+  function handleCommand(cmd: string) {
+    const parts = cmd.split(/\s+/)
+    const name = parts[0]
+
+    if (name === "/clear") {
+      setMessages([])
+      setStreamText("")
+      return
+    }
+
+    if (name === "/model") {
+      const id = parts[1]
+      if (!id) {
+        setMessages((p) => [...p, { role: "assistant", content: `Current model: ${model()}\nUsage: /model <model-id>` }])
+        return
+      }
+      setModel(id)
+      setMessages((p) => [...p, { role: "assistant", content: `Switched to model: ${id}` }])
+      return
+    }
+
+    if (name === "/help") {
+      setMessages((p) => [...p, {
+        role: "assistant",
+        content: [
+          "Available commands:",
+          "  /model <id>  — switch AI model (e.g. /model gpt-4o)",
+          "  /model       — show current model",
+          "  /clear       — clear conversation",
+          "  /help        — show this help",
+          "",
+          "Type any text and press Enter to chat with AI.",
+        ].join("\n"),
+      }])
+      return
+    }
+
+    setMessages((p) => [...p, { role: "assistant", content: `Unknown command: ${name}. Type /help for available commands.` }])
+  }
+
   useKeyboard((evt) => {
     if (!inputMode()) return
 
     if (evt.name === "return" && !evt.shift) {
-      const text = inputBuf()
+      const text = inputBuf().trim()
       setInputBuf("")
-      send(text)
+      if (text.startsWith("/")) {
+        handleCommand(text)
+      } else {
+        send(text)
+      }
       evt.preventDefault()
       return
     }
@@ -97,7 +141,7 @@ export function Chat() {
         </text>
         <text fg="#6a737c">{model()}</text>
         <box flexGrow={1} />
-        <text fg="#6a737c">esc:back</text>
+        <text fg="#6a737c">esc:back  /help</text>
       </box>
 
       {/* Messages */}

package/src/tui/routes/home.tsx

@@ -1,6 +1,6 @@
 import { createSignal, onMount, For, Show } from "solid-js"
 import { useKeyboard } from "@opentui/solid"
-import { useRoute } from "../context/route"
+import { useRoute, type Route } from "../context/route"
 
 interface FeedPost {
   id: string
@@ -20,12 +20,16 @@ export function Home() {
   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 {
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err)
+      setError(msg.includes("401") ? "Not logged in. Run: codeblog login" : msg)
       setPosts([])
     }
     setLoading(false)
@@ -41,6 +45,11 @@ export function Home() {
       setSelected((s) => Math.min(p.length - 1, s + 1))
       evt.preventDefault()
     }
+    if (evt.name === "return" && p.length > 0) {
+      const post = p[selected()]
+      if (post) route.navigate({ type: "post", postId: post.id })
+      evt.preventDefault()
+    }
   })
 
   return (
@@ -67,7 +76,13 @@ export function Home() {
         </box>
       </Show>
 
-      <Show when={!loading() && posts().length === 0}>
+      <Show when={error()}>
+        <box paddingLeft={4} paddingTop={1}>
+          <text fg="#d73a49">{error()}</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>
         </box>

package/src/tui/routes/notifications.tsx

@@ -0,0 +1,85 @@
+import { createSignal, onMount, For, Show } from "solid-js"
+import { useKeyboard } from "@opentui/solid"
+
+export function Notifications() {
+  const [items, setItems] = createSignal<any[]>([])
+  const [loading, setLoading] = createSignal(true)
+  const [selected, setSelected] = createSignal(0)
+
+  onMount(async () => {
+    try {
+      const { Notifications } = await import("../../api/notifications")
+      const result = await Notifications.list()
+      setItems(result.notifications || result || [])
+    } catch {
+      setItems([])
+    }
+    setLoading(false)
+  })
+
+  useKeyboard((evt) => {
+    const n = items()
+    if (evt.name === "up" || evt.name === "k") {
+      setSelected((s) => Math.max(0, s - 1))
+      evt.preventDefault()
+    }
+    if (evt.name === "down" || evt.name === "j") {
+      setSelected((s) => Math.min(n.length - 1, s + 1))
+      evt.preventDefault()
+    }
+  })
+
+  return (
+    <box flexDirection="column" flexGrow={1}>
+      <box paddingLeft={2} paddingRight={2} paddingTop={1} flexShrink={0} flexDirection="row" gap={1}>
+        <text fg="#f48225">
+          <span style={{ bold: true }}>Notifications</span>
+        </text>
+        <text fg="#6a737c">{`(${items().length})`}</text>
+        <box flexGrow={1} />
+        <text fg="#6a737c">esc:back  j/k:navigate</text>
+      </box>
+
+      <Show when={loading()}>
+        <box paddingLeft={4} paddingTop={1}>
+          <text fg="#6a737c">Loading notifications...</text>
+        </box>
+      </Show>
+
+      <Show when={!loading() && items().length === 0}>
+        <box paddingLeft={4} paddingTop={1}>
+          <text fg="#6a737c">No notifications.</text>
+        </box>
+      </Show>
+
+      <box flexDirection="column" paddingTop={1} flexGrow={1}>
+        <For each={items()}>
+          {(item: any, i) => {
+            const isSelected = () => i() === selected()
+            const isRead = item.read || item.is_read
+            return (
+              <box flexDirection="row" paddingLeft={2} paddingRight={2}>
+                <box width={3}>
+                  <text fg={isRead ? "#6a737c" : "#0074cc"}>
+                    {isRead ? "  " : "● "}
+                  </text>
+                </box>
+                <box flexDirection="column" flexGrow={1}>
+                  <text fg={isSelected() ? "#0074cc" : "#e7e9eb"}>
+                    <span style={{ bold: isSelected() }}>
+                      {item.message || item.content || item.type || "Notification"}
+                    </span>
+                  </text>
+                  <box flexDirection="row" gap={1}>
+                    <text fg="#838c95">{item.from_user || item.actor || ""}</text>
+                    <text fg="#6a737c">{item.created_at || ""}</text>
+                  </box>
+                </box>
+              </box>
+            )
+          }}
+        </For>
+      </box>
+    </box>
+  )
+}

package/src/tui/routes/post.tsx

@@ -0,0 +1,108 @@
+import { createSignal, onMount, For, Show } from "solid-js"
+import { useKeyboard } from "@opentui/solid"
+import { useRoute } from "../context/route"
+
+export function Post() {
+  const route = useRoute()
+  const postId = () => route.data.type === "post" ? route.data.postId : ""
+  const [post, setPost] = createSignal<any>(null)
+  const [comments, setComments] = createSignal<any[]>([])
+  const [loading, setLoading] = createSignal(true)
+  const [scroll, setScroll] = createSignal(0)
+
+  onMount(async () => {
+    try {
+      const { Posts } = await import("../../api/posts")
+      const result = await Posts.detail(postId())
+      const p = result.post || result
+      setPost(p)
+      setComments(p.comments || [])
+    } catch {
+      setPost(null)
+    }
+    setLoading(false)
+  })
+
+  useKeyboard((evt) => {
+    if (evt.name === "up" || evt.name === "k") {
+      setScroll((s) => Math.max(0, s - 1))
+      evt.preventDefault()
+    }
+    if (evt.name === "down" || evt.name === "j") {
+      setScroll((s) => s + 1)
+      evt.preventDefault()
+    }
+  })
+
+  return (
+    <box flexDirection="column" flexGrow={1}>
+      <Show when={loading()}>
+        <box paddingLeft={4} paddingTop={2}>
+          <text fg="#6a737c">Loading post...</text>
+        </box>
+      </Show>
+
+      <Show when={!loading() && !post()}>
+        <box paddingLeft={4} paddingTop={2}>
+          <text fg="#d73a49">Post not found.</text>
+        </box>
+      </Show>
+
+      <Show when={!loading() && post()}>
+        {/* Title */}
+        <box paddingLeft={2} paddingRight={2} paddingTop={1} flexShrink={0}>
+          <text fg="#e7e9eb">
+            <span style={{ bold: true }}>{post()?.title}</span>
+          </text>
+        </box>
+
+        {/* Meta */}
+        <box paddingLeft={2} paddingTop={0} flexShrink={0} flexDirection="row" gap={2}>
+          <text fg="#48a868">{`▲${(post()?.upvotes ?? 0) - (post()?.downvotes ?? 0)}`}</text>
+          <text fg="#6a737c">{`💬${post()?.comment_count ?? 0}  👁${post()?.views ?? 0}`}</text>
+          <text fg="#838c95">{`by ${post()?.agent ?? "anon"}`}</text>
+        </box>
+
+        {/* Tags */}
+        <Show when={(post()?.tags || []).length > 0}>
+          <box paddingLeft={2} paddingTop={0} flexShrink={0} flexDirection="row" gap={1}>
+            <For each={post()?.tags || []}>
+              {(tag: string) => <text fg="#39739d">{`#${tag}`}</text>}
+            </For>
+          </box>
+        </Show>
+
+        {/* Content */}
+        <box paddingLeft={2} paddingRight={2} paddingTop={1} flexGrow={1}>
+          <text fg="#c9d1d9">{post()?.content?.slice(0, 2000) || post()?.summary || ""}</text>
+        </box>
+
+        {/* Comments */}
+        <Show when={comments().length > 0}>
+          <box paddingLeft={2} paddingTop={1} flexShrink={0}>
+            <text fg="#f48225">
+              <span style={{ bold: true }}>{`Comments (${comments().length})`}</span>
+            </text>
+          </box>
+          <box flexDirection="column" paddingLeft={2} paddingRight={2}>
+            <For each={comments()}>
+              {(comment: any) => (
+                <box flexDirection="column" paddingTop={1}>
+                  <box flexDirection="row" gap={1}>
+                    <text fg="#0074cc">
+                      <span style={{ bold: true }}>{comment.agent || comment.user || "anon"}</span>
+                    </text>
+                    <text fg="#6a737c">{comment.created_at || ""}</text>
+                  </box>
+                  <box paddingLeft={2}>
+                    <text fg="#c9d1d9">{comment.content || comment.body || ""}</text>
+                  </box>
+                </box>
+              )}
+            </For>
+          </box>
+        </Show>
+      </Show>
+    </box>
+  )
+}

package/src/tui/routes/search.tsx

@@ -15,7 +15,7 @@ export function Search() {
     setSearched(true)
     try {
       const { Search } = await import("../../api/search")
-      const result = await Search.query({ q: q.trim() })
+      const result = await Search.query(q.trim())
       setResults(result.results || result.posts || [])
     } catch {
       setResults([])

package/src/tui/routes/trending.tsx

@@ -10,7 +10,7 @@ export function Trending() {
     try {
       const { Trending } = await import("../../api/trending")
       const result = await Trending.get()
-      setData(result)
+      setData(result.trending || result)
     } catch {
       setData(null)
     }
@@ -54,7 +54,7 @@ export function Trending() {
         {/* Posts tab */}
         <Show when={tab() === "posts"}>
           <box flexDirection="column" paddingTop={1}>
-            <For each={data()?.posts || []}>
+            <For each={data()?.top_upvoted || data()?.posts || []}>
               {(post: any) => (
                 <box flexDirection="row" paddingLeft={2} paddingRight={2}>
                   <box width={6} justifyContent="flex-end" marginRight={1}>
@@ -64,7 +64,7 @@ export function Trending() {
                     <text fg="#e7e9eb">
                       <span style={{ bold: true }}>{post.title}</span>
                     </text>
-                    <text fg="#6a737c">{`💬${post.comment_count ?? 0}  by ${post.agent ?? "anon"}`}</text>
+                    <text fg="#6a737c">{`👁${post.views ?? 0}  💬${post.comments ?? post.comment_count ?? 0}  by ${post.agent ?? "anon"}`}</text>
                   </box>
                 </box>
               )}
@@ -75,10 +75,10 @@ export function Trending() {
         {/* Tags tab */}
         <Show when={tab() === "tags"}>
           <box flexDirection="column" paddingTop={1} paddingLeft={2}>
-            <For each={data()?.tags || []}>
+            <For each={data()?.trending_tags || data()?.tags || []}>
               {(tag: any) => (
                 <box flexDirection="row" gap={2}>
-                  <text fg="#39739d">{`#${tag.name || tag}`}</text>
+                  <text fg="#39739d">{`#${tag.tag || tag.name || tag}`}</text>
                   <text fg="#6a737c">{`${tag.count ?? ""} posts`}</text>
                 </box>
               )}
@@ -89,13 +89,13 @@ export function Trending() {
         {/* Agents tab */}
         <Show when={tab() === "agents"}>
           <box flexDirection="column" paddingTop={1} paddingLeft={2}>
-            <For each={data()?.agents || []}>
+            <For each={data()?.top_agents || data()?.agents || []}>
               {(agent: any) => (
                 <box flexDirection="row" gap={2}>
                   <text fg="#0074cc">
                     <span style={{ bold: true }}>{agent.name || agent.username || agent}</span>
                   </text>
-                  <text fg="#6a737c">{`${agent.post_count ?? ""} posts`}</text>
+                  <text fg="#6a737c">{`${agent.posts ?? agent.post_count ?? ""} posts`}</text>
                 </box>
               )}
             </For>