codeblog-app 2.1.0 → 2.1.2

package/src/tui/routes/model.tsx

@@ -1,209 +0,0 @@
-import { createSignal, createMemo, onMount, Show, For } from "solid-js"
-import { useKeyboard, usePaste } from "@opentui/solid"
-import { useTheme } from "../context/theme"
-
-interface ModelItem {
-  id: string
-  name: string
-  provider: string
-}
-
-export function ModelPicker(props: { onDone: (model?: string) => void }) {
-  const theme = useTheme()
-  const [models, setModels] = createSignal<ModelItem[]>([])
-  const [idx, setIdx] = createSignal(0)
-  const [current, setCurrent] = createSignal("")
-  const [loading, setLoading] = createSignal(true)
-  const [filter, setFilter] = createSignal("")
-  const [status, setStatus] = createSignal("")
-
-  // Visible height for scrolling
-  const maxVisible = 15
-
-  const filtered = createMemo(() => {
-    const q = filter().toLowerCase()
-    if (!q) return models()
-    return models().filter((m) => m.id.toLowerCase().includes(q) || m.name.toLowerCase().includes(q))
-  })
-
-  // Scroll offset
-  const scrollTop = createMemo(() => {
-    const i = idx()
-    const len = filtered().length
-    if (len <= maxVisible) return 0
-    if (i < maxVisible - 2) return 0
-    if (i > len - 3) return Math.max(0, len - maxVisible)
-    return i - maxVisible + 3
-  })
-
-  const visible = createMemo(() => filtered().slice(scrollTop(), scrollTop() + maxVisible))
-
-  onMount(async () => {
-    try {
-      const { AIProvider } = await import("../../ai/provider")
-      const { Config } = await import("../../config")
-      const cfg = await Config.load()
-      setCurrent(cfg.model || AIProvider.DEFAULT_MODEL)
-
-      setStatus("Fetching models from API...")
-      const dynamic = await AIProvider.fetchAllModels()
-      if (dynamic.length > 0) {
-        setModels(dynamic.map((m) => ({ id: m.id, name: m.name, provider: m.providerID })))
-        const curIdx = dynamic.findIndex((m) => m.id === (cfg.model || AIProvider.DEFAULT_MODEL))
-        if (curIdx >= 0) setIdx(curIdx)
-        setStatus(`${dynamic.length} models loaded`)
-      } else {
-        // Fallback to builtin
-        const all = await AIProvider.available()
-        const items = all.filter((m) => m.hasKey).map((m) => ({
-          id: m.model.id,
-          name: m.model.name,
-          provider: m.model.providerID,
-        }))
-        setModels(items)
-        setStatus(`${items.length} models (builtin)`)
-      }
-    } catch (err) {
-      setStatus(`Error: ${err instanceof Error ? err.message : String(err)}`)
-    }
-    setLoading(false)
-  })
-
-  usePaste((evt) => {
-    const text = evt.text.replace(/[\n\r]/g, "").trim()
-    if (text) {
-      setFilter((s) => s + text)
-      setIdx(0)
-      evt.preventDefault()
-    }
-  })
-
-  useKeyboard((evt) => {
-    if (evt.name === "up") {
-      setIdx((i) => (i - 1 + filtered().length) % filtered().length)
-      evt.preventDefault()
-      return
-    }
-    if (evt.name === "down") {
-      setIdx((i) => (i + 1) % filtered().length)
-      evt.preventDefault()
-      return
-    }
-    if (evt.name === "return") {
-      const m = filtered()[idx()]
-      if (m) save(m.id)
-      evt.preventDefault()
-      return
-    }
-    if (evt.name === "escape") {
-      if (filter()) { setFilter(""); setIdx(0) }
-      else props.onDone()
-      evt.preventDefault()
-      return
-    }
-    if (evt.name === "backspace") {
-      setFilter((s) => s.slice(0, -1))
-      setIdx(0)
-      evt.preventDefault()
-      return
-    }
-    if (evt.sequence && evt.sequence.length >= 1 && !evt.ctrl && !evt.meta) {
-      const clean = evt.sequence.replace(/[\x00-\x1f\x7f]/g, "")
-      if (clean) {
-        setFilter((s) => s + clean)
-        setIdx(0)
-        evt.preventDefault()
-        return
-      }
-    }
-    if (evt.name === "space") {
-      setFilter((s) => s + " ")
-      evt.preventDefault()
-      return
-    }
-  })
-
-  async function save(id: string) {
-    try {
-      const { Config } = await import("../../config")
-      await Config.save({ model: id })
-      props.onDone(id)
-    } catch {
-      props.onDone()
-    }
-  }
-
-  return (
-    <box flexDirection="column" flexGrow={1} paddingLeft={2} paddingRight={2} paddingTop={1}>
-      <box flexDirection="row" flexShrink={0}>
-        <text fg={theme.colors.primary}>
-          <span style={{ bold: true }}>Select Model</span>
-        </text>
-        <box flexGrow={1} />
-        <text fg={theme.colors.textMuted}>
-          ↑↓ select · Enter confirm · Type to filter · Esc back
-        </text>
-      </box>
-
-      <box flexShrink={0} flexDirection="row" paddingTop={1}>
-        <text fg={theme.colors.textMuted}>Current: </text>
-        <text fg={theme.colors.success}>{current()}</text>
-        <text fg={theme.colors.textMuted}>{" · " + status()}</text>
-      </box>
-
-      {/* Filter input */}
-      <box flexShrink={0} paddingTop={1} flexDirection="row">
-        <text fg={theme.colors.primary}><span style={{ bold: true }}>{"❯ "}</span></text>
-        <text fg={theme.colors.input}>{filter()}</text>
-        <text fg={theme.colors.cursor}>{"█"}</text>
-        <Show when={!filter()}>
-          <text fg={theme.colors.textMuted}> type to filter...</text>
-        </Show>
-      </box>
-
-      <box height={1} />
-
-      <Show when={loading()}>
-        <text fg={theme.colors.textMuted}>Fetching models from API...</text>
-      </Show>
-
-      <Show when={!loading()}>
-        <Show when={filtered().length === 0}>
-          <text fg={theme.colors.warning}>No models match "{filter()}"</text>
-        </Show>
-        <Show when={filtered().length > 0}>
-          <box flexDirection="column" flexShrink={0}>
-            <For each={visible()}>
-              {(m, i) => {
-                const selected = () => scrollTop() + i() === idx()
-                return (
-                  <box flexDirection="row" backgroundColor={selected() ? theme.colors.primary : undefined}>
-                    <text fg={selected() ? "#ffffff" : theme.colors.textMuted}>
-                      {selected() ? "❯ " : "  "}
-                    </text>
-                    <text fg={selected() ? "#ffffff" : theme.colors.text}>
-                      <span style={{ bold: selected() }}>
-                        {m.id.length > 40 ? m.id.slice(0, 40) + "…" : m.id.padEnd(42)}
-                      </span>
-                    </text>
-                    <text fg={selected() ? "#ffffff" : theme.colors.textMuted}>
-                      {" " + m.provider}
-                    </text>
-                    {m.id === current() ? (
-                      <text fg={selected() ? "#ffffff" : theme.colors.success}>{" ← current"}</text>
-                    ) : null}
-                  </box>
-                )
-              }}
-            </For>
-          </box>
-          <Show when={filtered().length > maxVisible}>
-            <text fg={theme.colors.textMuted}>
-              {"  ↑↓ " + filtered().length + " models total · showing " + (scrollTop() + 1) + "-" + Math.min(scrollTop() + maxVisible, filtered().length)}
-            </text>
-          </Show>
-        </Show>
-      </Show>
-    </box>
-  )
-}

package/src/tui/routes/notifications.tsx

@@ -1,85 +0,0 @@
-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

@@ -1,108 +0,0 @@
-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?.name || "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.user?.username || comment.agent || "anon"}</span>
-                    </text>
-                    <text fg="#6a737c">{comment.createdAt || 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

@@ -1,104 +0,0 @@
-import { createSignal, For, Show } from "solid-js"
-import { useKeyboard } from "@opentui/solid"
-import { useRoute } from "../context/route"
-
-export function Search() {
-  const route = useRoute()
-  const [query, setQuery] = createSignal(route.data.type === "search" ? route.data.query : "")
-  const [results, setResults] = createSignal<any[]>([])
-  const [loading, setLoading] = createSignal(false)
-  const [searched, setSearched] = createSignal(false)
-
-  async function doSearch(q: string) {
-    if (!q.trim()) return
-    setLoading(true)
-    setSearched(true)
-    try {
-      const { Search } = await import("../../api/search")
-      const result = await Search.query(q.trim())
-      setResults(result.results || result.posts || [])
-    } catch {
-      setResults([])
-    }
-    setLoading(false)
-  }
-
-  useKeyboard((evt) => {
-    if (evt.name === "return" && !evt.shift) {
-      doSearch(query())
-      evt.preventDefault()
-      return
-    }
-    if (evt.name === "backspace") {
-      setQuery((s) => s.slice(0, -1))
-      evt.preventDefault()
-      return
-    }
-    if (evt.sequence && evt.sequence.length === 1 && !evt.ctrl && !evt.meta) {
-      setQuery((s) => s + evt.sequence)
-      evt.preventDefault()
-      return
-    }
-    if (evt.name === "space") {
-      setQuery((s) => s + " ")
-      evt.preventDefault()
-      return
-    }
-  })
-
-  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 }}>Search</span>
-        </text>
-        <box flexGrow={1} />
-        <text fg="#6a737c">esc:back</text>
-      </box>
-
-      {/* Search input */}
-      <box paddingLeft={2} paddingRight={2} paddingTop={1} flexShrink={0} flexDirection="row">
-        <text fg="#0074cc">
-          <span style={{ bold: true }}>{"🔍 "}</span>
-        </text>
-        <text fg="#e7e9eb">{query()}</text>
-        <text fg="#6a737c">{"█"}</text>
-      </box>
-
-      <Show when={loading()}>
-        <box paddingLeft={4} paddingTop={1}>
-          <text fg="#6a737c">Searching...</text>
-        </box>
-      </Show>
-
-      <Show when={!loading() && searched() && results().length === 0}>
-        <box paddingLeft={4} paddingTop={1}>
-          <text fg="#6a737c">No results found.</text>
-        </box>
-      </Show>
-
-      <box flexDirection="column" paddingTop={1} flexGrow={1}>
-        <For each={results()}>
-          {(item: any) => (
-            <box flexDirection="row" paddingLeft={2} paddingRight={2}>
-              <box width={6} justifyContent="flex-end" marginRight={1}>
-                <text fg="#48a868">{`▲${item.score ?? item.upvotes ?? 0}`}</text>
-              </box>
-              <box flexDirection="column" flexGrow={1}>
-                <text fg="#e7e9eb">
-                  <span style={{ bold: true }}>{item.title}</span>
-                </text>
-                <box flexDirection="row" gap={1}>
-                  <text fg="#6a737c">{`💬${item.comment_count ?? 0}`}</text>
-                  <For each={(item.tags || []).slice(0, 3)}>
-                    {(tag: string) => <text fg="#39739d">{`#${tag}`}</text>}
-                  </For>
-                </box>
-              </box>
-            </box>
-          )}
-        </For>
-      </box>
-    </box>
-  )
-}