codeblog-app 0.4.1 → 0.4.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "codeblog-app",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "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?.()
   }
 
   // ---------------------------------------------------------------------------
@@ -171,9 +173,8 @@ export namespace AIProvider {
     for (const key of envKeys) {
       if (process.env[key]) return process.env[key]
     }
-    const cfg = await Config.load() as Record<string, unknown>
-    const providers = (cfg.providers || {}) as Record<string, { api_key?: string }>
-    return providers[providerID]?.api_key
+    const cfg = await Config.load()
+    return cfg.providers?.[providerID]?.api_key
   }
 
   // ---------------------------------------------------------------------------
@@ -271,11 +272,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 {
@@ -285,8 +285,8 @@ export namespace AIProvider {
   }
 
   async function getConfiguredModel(): Promise<string | undefined> {
-    const cfg = await Config.load() as Record<string, unknown>
-    return cfg.model as string | undefined
+    const cfg = await Config.load()
+    return cfg.model
   }
 
   // ---------------------------------------------------------------------------

package/src/cli/cmd/config.ts

@@ -5,11 +5,11 @@ import { UI } from "../ui"
 
 export const ConfigCommand: CommandModule = {
   command: "config",
-  describe: "Configure AI provider and model settings",
+  describe: "Configure AI provider, model, and server settings",
   builder: (yargs) =>
     yargs
       .option("provider", {
-        describe: "AI provider: anthropic, openai, google",
+        describe: "AI provider: anthropic, openai, google, xai, mistral, groq, etc.",
         type: "string",
       })
       .option("api-key", {
@@ -17,16 +17,32 @@ export const ConfigCommand: CommandModule = {
         type: "string",
       })
       .option("model", {
-        describe: "Default model ID",
+        alias: "m",
+        describe: "Set default AI model (e.g. claude-sonnet-4-20250514, gpt-4o)",
+        type: "string",
+      })
+      .option("url", {
+        describe: "Set CodeBlog server URL",
         type: "string",
       })
       .option("list", {
+        alias: "l",
         describe: "List available models and their status",
         type: "boolean",
         default: false,
+      })
+      .option("path", {
+        describe: "Show config file path",
+        type: "boolean",
+        default: false,
       }),
   handler: async (args) => {
     try {
+      if (args.path) {
+        console.log(Config.filepath)
+        return
+      }
+
       if (args.list) {
         const models = await AIProvider.available()
         const providers = await AIProvider.listProviders()
@@ -36,11 +52,10 @@ export const ConfigCommand: CommandModule = {
         console.log("")
 
         const configured = Object.entries(providers).filter(([, p]) => p.hasKey)
-        const unconfigured = Object.entries(providers).filter(([, p]) => !p.hasKey)
 
         if (configured.length > 0) {
           console.log(`  ${UI.Style.TEXT_SUCCESS}Configured:${UI.Style.TEXT_NORMAL}`)
-          for (const [id, p] of configured) {
+          for (const [, p] of configured) {
             console.log(`    ${UI.Style.TEXT_SUCCESS}✓${UI.Style.TEXT_NORMAL} ${UI.Style.TEXT_NORMAL_BOLD}${p.name}${UI.Style.TEXT_NORMAL} ${UI.Style.TEXT_DIM}(${p.models.length} models)${UI.Style.TEXT_NORMAL}`)
           }
           console.log("")
@@ -62,37 +77,49 @@ export const ConfigCommand: CommandModule = {
       }
 
       if (args.provider && args.apiKey) {
-        const provider = args.provider as string
-        const cfg = await Config.load() as Record<string, unknown>
-        const providers = (cfg.providers || {}) as Record<string, Record<string, string>>
-        providers[provider] = { ...providers[provider], api_key: args.apiKey as string }
-        await Config.save({ ...cfg, providers } as unknown as Config.CodeblogConfig)
-        UI.success(`${provider} API key saved`)
+        const cfg = await Config.load()
+        const providers = cfg.providers || {}
+        providers[args.provider as string] = { ...providers[args.provider as string], api_key: args.apiKey as string }
+        await Config.save({ providers })
+        UI.success(`${args.provider} API key saved`)
         return
       }
 
       if (args.model) {
-        const model = args.model as string
-        const cfg = await Config.load() as Record<string, unknown>
-        await Config.save({ ...cfg, model } as unknown as Config.CodeblogConfig)
-        UI.success(`Default model set to ${model}`)
+        await Config.save({ model: args.model as string })
+        UI.success(`Default model set to ${args.model}`)
+        return
+      }
+
+      if (args.url) {
+        await Config.save({ api_url: args.url as string })
+        UI.success(`Server URL set to ${args.url}`)
         return
       }
 
       // Show current config
-      const cfg = await Config.load() as Record<string, unknown>
-      const model = (cfg.model as string) || AIProvider.DEFAULT_MODEL
-      const providers = (cfg.providers || {}) as Record<string, Record<string, string>>
+      const cfg = await Config.load()
+      const model = cfg.model || AIProvider.DEFAULT_MODEL
+      const providers = cfg.providers || {}
 
       console.log("")
       console.log(`  ${UI.Style.TEXT_NORMAL_BOLD}Current Config${UI.Style.TEXT_NORMAL}`)
+      console.log(`  ${UI.Style.TEXT_DIM}${Config.filepath}${UI.Style.TEXT_NORMAL}`)
       console.log("")
       console.log(`  Model:     ${UI.Style.TEXT_HIGHLIGHT}${model}${UI.Style.TEXT_NORMAL}`)
       console.log(`  API URL:   ${cfg.api_url || "https://codeblog.ai"}`)
       console.log("")
-      for (const [id, p] of Object.entries(providers)) {
-        const masked = p.api_key ? p.api_key.slice(0, 8) + "..." : "not set"
-        console.log(`  ${id}: ${UI.Style.TEXT_DIM}${masked}${UI.Style.TEXT_NORMAL}`)
+
+      if (Object.keys(providers).length > 0) {
+        console.log(`  ${UI.Style.TEXT_NORMAL_BOLD}AI Providers${UI.Style.TEXT_NORMAL}`)
+        for (const [id, p] of Object.entries(providers)) {
+          const masked = p.api_key ? p.api_key.slice(0, 8) + "..." : "not set"
+          console.log(`    ${UI.Style.TEXT_SUCCESS}✓${UI.Style.TEXT_NORMAL} ${id}: ${UI.Style.TEXT_DIM}${masked}${UI.Style.TEXT_NORMAL}`)
+        }
+      } else {
+        console.log(`  ${UI.Style.TEXT_DIM}No AI providers configured.${UI.Style.TEXT_NORMAL}`)
+        console.log(`  ${UI.Style.TEXT_DIM}Set one: codeblog config --provider anthropic --api-key sk-...${UI.Style.TEXT_NORMAL}`)
+        console.log(`  ${UI.Style.TEXT_DIM}Or use env: ANTHROPIC_API_KEY=sk-...${UI.Style.TEXT_NORMAL}`)
       }
       console.log("")
     } catch (err) {

package/src/cli/cmd/explore.ts

@@ -0,0 +1,63 @@
+import type { CommandModule } from "yargs"
+import { Posts } from "../../api/posts"
+import { UI } from "../ui"
+
+export const ExploreCommand: CommandModule = {
+  command: "explore",
+  describe: "Browse and engage with recent posts — like scrolling your tech feed",
+  builder: (yargs) =>
+    yargs
+      .option("limit", {
+        alias: "l",
+        describe: "Number of posts to show",
+        type: "number",
+        default: 5,
+      })
+      .option("engage", {
+        alias: "e",
+        describe: "Show full content for engagement (comments/votes)",
+        type: "boolean",
+        default: false,
+      }),
+  handler: async (args) => {
+    try {
+      const result = await Posts.list({ limit: args.limit as number })
+      const posts = result.posts || []
+
+      if (posts.length === 0) {
+        UI.info("No posts on CodeBlog yet. Be the first with: codeblog ai-publish")
+        return
+      }
+
+      console.log("")
+      console.log(`  ${UI.Style.TEXT_NORMAL_BOLD}CodeBlog Feed${UI.Style.TEXT_NORMAL} ${UI.Style.TEXT_DIM}(${posts.length} posts)${UI.Style.TEXT_NORMAL}`)
+      console.log("")
+
+      for (const p of posts) {
+        const score = (p.upvotes || 0) - (p.downvotes || 0)
+        const tags = Array.isArray(p.tags) ? p.tags : []
+        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?.name || (p as any).author?.name || "anon"}${UI.Style.TEXT_NORMAL}`)
+        if (tags.length > 0) console.log(`       ${UI.Style.TEXT_DIM}${tags.map((t: string) => `#${t}`).join(" ")}${UI.Style.TEXT_NORMAL}`)
+        console.log(`       ${UI.Style.TEXT_DIM}ID: ${p.id}${UI.Style.TEXT_NORMAL}`)
+        console.log("")
+      }
+
+      if (args.engage) {
+        console.log(`  ${UI.Style.TEXT_NORMAL_BOLD}Engage with posts:${UI.Style.TEXT_NORMAL}`)
+        console.log(`    codeblog post <id>              ${UI.Style.TEXT_DIM}— Read full post${UI.Style.TEXT_NORMAL}`)
+        console.log(`    codeblog vote <id>              ${UI.Style.TEXT_DIM}— Upvote${UI.Style.TEXT_NORMAL}`)
+        console.log(`    codeblog vote <id> --down       ${UI.Style.TEXT_DIM}— Downvote${UI.Style.TEXT_NORMAL}`)
+        console.log(`    codeblog comment <id> "text"    ${UI.Style.TEXT_DIM}— Comment${UI.Style.TEXT_NORMAL}`)
+        console.log(`    codeblog bookmark <id>          ${UI.Style.TEXT_DIM}— Bookmark${UI.Style.TEXT_NORMAL}`)
+        console.log("")
+      } else {
+        console.log(`  ${UI.Style.TEXT_DIM}Use --engage to see interaction commands${UI.Style.TEXT_NORMAL}`)
+        console.log("")
+      }
+    } catch (err) {
+      UI.error(`Explore failed: ${err instanceof Error ? err.message : String(err)}`)
+      process.exitCode = 1
+    }
+  },
+}

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/config/index.ts

@@ -4,16 +4,25 @@ import { Global } from "../global"
 const CONFIG_FILE = path.join(Global.Path.config, "config.json")
 
 export namespace Config {
+  export interface ProviderConfig {
+    api_key: string
+    base_url?: string
+  }
+
   export interface CodeblogConfig {
     api_url: string
     api_key?: string
     token?: string
+    model?: string
+    providers?: Record<string, ProviderConfig>
   }
 
   const defaults: CodeblogConfig = {
     api_url: "https://codeblog.ai",
   }
 
+  export const filepath = CONFIG_FILE
+
   export async function load(): Promise<CodeblogConfig> {
     const file = Bun.file(CONFIG_FILE)
     const data = await file.json().catch(() => ({}))

package/src/index.ts

@@ -31,8 +31,11 @@ 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"
+import { ExploreCommand } from "./cli/cmd/explore"
 
-const VERSION = "0.4.1"
+const VERSION = "0.4.3"
 
 process.on("unhandledRejection", (e) => {
   Log.Default.error("rejection", {
@@ -98,9 +101,13 @@ const cli = yargs(hideBin(process.argv))
   .command(ScanCommand)
   .command(PublishCommand)
   .command(AIPublishCommand)
+  .command(WeeklyDigestCommand)
   // AI
   .command(ChatCommand)
   .command(ConfigCommand)
+  // Browse
+  .command(TagsCommand)
+  .command(ExploreCommand)
   // TUI
   .command(TuiCommand)
   // Account

package/src/tui/app.tsx

@@ -123,7 +123,7 @@ function App() {
           {loggedIn() ? "● " : "○ "}
         </text>
         <text fg="#6a737c">{loggedIn() ? "logged in" : "not logged in"}</text>
-        <text fg="#6a737c">{"  codeblog v0.4.1"}</text>
+        <text fg="#6a737c">{"  codeblog v0.4.3"}</text>
       </box>
     </box>
   )

package/src/tui/routes/home.tsx

@@ -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)
@@ -72,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/post.tsx

@@ -14,8 +14,9 @@ export function Post() {
     try {
       const { Posts } = await import("../../api/posts")
       const result = await Posts.detail(postId())
-      setPost(result.post || result)
-      setComments(result.comments || [])
+      const p = result.post || result
+      setPost(p)
+      setComments(p.comments || [])
     } catch {
       setPost(null)
     }

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>