@toolkit-cli/toolkode 1.3.7

package/src/cli/cmd/tui/feature-plugins/sidebar/footer.tsx

@@ -0,0 +1,93 @@
+import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@toolkit-cli/plugin/tui"
+import { createMemo, Show } from "solid-js"
+import { Global } from "@/global"
+
+const id = "internal:sidebar-footer"
+
+function View(props: { api: TuiPluginApi }) {
+  const theme = () => props.api.theme.current
+  const has = createMemo(() =>
+    props.api.state.provider.some(
+      (item) => item.id !== "opencode" || Object.values(item.models).some((model) => model.cost?.input !== 0),
+    ),
+  )
+  const done = createMemo(() => props.api.kv.get("dismissed_getting_started", false))
+  const show = createMemo(() => !has() && !done())
+  const path = createMemo(() => {
+    const dir = props.api.state.path.directory || process.cwd()
+    const out = dir.replace(Global.Path.home, "~")
+    const text = props.api.state.vcs?.branch ? out + ":" + props.api.state.vcs.branch : out
+    const list = text.split("/")
+    return {
+      parent: list.slice(0, -1).join("/"),
+      name: list.at(-1) ?? "",
+    }
+  })
+
+  return (
+    <box gap={1}>
+      <Show when={show()}>
+        <box
+          backgroundColor={theme().backgroundElement}
+          paddingTop={1}
+          paddingBottom={1}
+          paddingLeft={2}
+          paddingRight={2}
+          flexDirection="row"
+          gap={1}
+        >
+          <text flexShrink={0} fg={theme().text}>
+            ⬖
+          </text>
+          <box flexGrow={1} gap={1}>
+            <box flexDirection="row" justifyContent="space-between">
+              <text fg={theme().text}>
+                <b>Getting started</b>
+              </text>
+              <text fg={theme().textMuted} onMouseDown={() => props.api.kv.set("dismissed_getting_started", true)}>
+                ✕
+              </text>
+            </box>
+            <text fg={theme().textMuted}>tk_ toolkode is ready. Set TOOLKIT_API_KEY to connect to Toolkit-LLM.</text>
+            <text fg={theme().textMuted}>
+              Or connect 75+ other providers — Claude, GPT, Gemini, Ollama, and more.
+            </text>
+            <box flexDirection="row" gap={1} justifyContent="space-between">
+              <text fg={theme().text}>Connect provider</text>
+              <text fg={theme().textMuted}>/connect</text>
+            </box>
+          </box>
+        </box>
+      </Show>
+      <text>
+        <span style={{ fg: theme().textMuted }}>{path().parent}/</span>
+        <span style={{ fg: theme().text }}>{path().name}</span>
+      </text>
+      <text fg={theme().textMuted}>
+        <span style={{ fg: theme().success }}>•</span> <b>tk</b>
+        <span style={{ fg: theme().primary }}>
+          <b>_</b>
+        </span>{" "}
+        <span>{props.api.app.version}</span>
+      </text>
+    </box>
+  )
+}
+
+const tui: TuiPlugin = async (api) => {
+  api.slots.register({
+    order: 100,
+    slots: {
+      sidebar_footer() {
+        return <View api={api} />
+      },
+    },
+  })
+}
+
+const plugin: TuiPluginModule & { id: string } = {
+  id,
+  tui,
+}
+
+export default plugin

package/src/cli/cmd/tui/feature-plugins/sidebar/git-panel.tsx

@@ -0,0 +1,36 @@
+import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@toolkit-cli/plugin/tui"
+import { createMemo, Show } from "solid-js"
+
+const id = "internal:sidebar-git"
+
+function View(props: { api: TuiPluginApi }) {
+  const theme = () => props.api.theme.current
+  const vcs = createMemo(() => props.api.state.vcs)
+
+  return (
+    <Show when={vcs()}>
+      <box>
+        <text fg={theme().text}>
+          <b>Git</b>
+        </text>
+        <text fg={theme().textMuted}>
+          branch: <span style={{ fg: theme().text }}>{vcs()?.branch ?? "—"}</span>
+        </text>
+      </box>
+    </Show>
+  )
+}
+
+const tui: TuiPlugin = async (api) => {
+  api.slots.register({
+    order: 350,
+    slots: {
+      sidebar_content(_ctx) {
+        return <View api={api} />
+      },
+    },
+  })
+}
+
+const plugin: TuiPluginModule & { id: string } = { id, tui }
+export default plugin

package/src/cli/cmd/tui/feature-plugins/sidebar/loop-panel.tsx

@@ -0,0 +1,124 @@
+import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@toolkit-cli/plugin/tui"
+import { createSignal, For, Show, onCleanup } from "solid-js"
+
+const id = "internal:sidebar-loop"
+
+interface CronTask {
+  id: string
+  cron: string
+  prompt: string
+  recurring: boolean
+  createdAt: number
+  lastFiredAt?: number
+  nextFireAt: number
+  expiresAt: number
+}
+
+function timeAgo(ms: number): string {
+  const seconds = Math.floor((Date.now() - ms) / 1000)
+  if (seconds < 60) return `${seconds}s ago`
+  const minutes = Math.floor(seconds / 60)
+  if (minutes < 60) return `${minutes}m ago`
+  const hours = Math.floor(minutes / 60)
+  return `${hours}h ago`
+}
+
+function timeLeft(ms: number): string {
+  const diff = ms - Date.now()
+  if (diff <= 0) return "expired"
+  const hours = Math.floor(diff / (1000 * 60 * 60))
+  if (hours < 1) return `${Math.floor(diff / (1000 * 60))}m left`
+  if (hours < 24) return `${hours}h left`
+  const days = Math.floor(hours / 24)
+  return `${days}d ${hours % 24}h left`
+}
+
+function humanCron(cron: string): string {
+  const parts = cron.trim().split(/\s+/)
+  if (parts.length !== 5) return cron
+  const [min, hour, dom, mon, dow] = parts
+  if (min.startsWith("*/") && hour === "*") return `every ${min.slice(2)} min`
+  if (hour.startsWith("*/") && min !== "*") return `every ${hour.slice(2)}h at :${min.padStart(2, "0")}`
+  if (hour === "*" && min !== "*") return `hourly at :${min.padStart(2, "0")}`
+  if (min !== "*" && hour !== "*" && dom === "*" && dow === "*") return `daily at ${hour}:${min.padStart(2, "0")}`
+  if (dow === "1-5") return `weekdays at ${hour}:${min.padStart(2, "0")}`
+  return cron
+}
+
+function truncate(s: string, max: number): string {
+  return s.length > max ? s.slice(0, max - 1) + "…" : s
+}
+
+function View(props: { api: TuiPluginApi }) {
+  const theme = () => props.api.theme.current
+  const [tasks, setTasks] = createSignal<CronTask[]>([])
+
+  // Poll server for cron tasks (they live in the worker thread)
+  const timer = setInterval(async () => {
+    const serverUrl = props.api.kv.get("server_url") as string || ""
+    if (!serverUrl) return
+    try {
+      const r = await fetch(`${serverUrl}/global/cron`)
+      if (r.ok) {
+        const data = await r.json()
+        setTasks(Array.isArray(data) ? data : [])
+      }
+    } catch {}
+  }, 3000)
+  onCleanup(() => clearInterval(timer))
+
+  const hasLoops = () => tasks().length > 0
+
+  return (
+    <box>
+      <text fg={theme().primary}><b>/loop</b></text>
+      <Show when={hasLoops()} fallback={
+        <box>
+          <text fg={theme().textMuted}>No active loops.</text>
+          <text fg={theme().textMuted}>
+            <span style={{ fg: theme().text }}>/loop 5m</span> check build
+          </text>
+        </box>
+      }>
+        <For each={tasks()}>
+          {(task) => (
+            <box paddingTop={1}>
+              <text fg={theme().text}>
+                <span style={{ fg: task.recurring ? theme().success : theme().warning }}>●</span>{" "}
+                {truncate(task.prompt, 28)}
+              </text>
+              <text fg={theme().textMuted}>
+                {humanCron(task.cron)}
+              </text>
+              <text fg={theme().textMuted}>
+                {task.lastFiredAt ? `Last: ${timeAgo(task.lastFiredAt)}` : "Waiting…"}
+                {" · "}Runs: {(task as any).fireCount ?? 0}
+                {" · "}
+                <span style={{ fg: (task.expiresAt - Date.now()) < 3600000 ? theme().warning : theme().textMuted }}>
+                  {timeLeft(task.expiresAt)}
+                </span>
+              </text>
+            </box>
+          )}
+        </For>
+        <text fg={theme().textMuted} paddingTop={1}>
+          <span style={{ fg: theme().text }}>/loop cancel</span> to stop
+        </text>
+      </Show>
+    </box>
+  )
+}
+
+const tui: TuiPlugin = async (api) => {
+  api.slots.register({
+    order: 425,
+    slots: {
+      sidebar_content(_ctx) {
+        return <View api={api} />
+      },
+    },
+  })
+}
+
+const plugin: TuiPluginModule & { id: string } = { id, tui }
+export default plugin

package/src/cli/cmd/tui/feature-plugins/sidebar/lsp.tsx

@@ -0,0 +1,66 @@
+import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@toolkit-cli/plugin/tui"
+import { createMemo, For, Show, createSignal } from "solid-js"
+
+const id = "internal:sidebar-lsp"
+
+function View(props: { api: TuiPluginApi }) {
+  const [open, setOpen] = createSignal(true)
+  const theme = () => props.api.theme.current
+  const list = createMemo(() => props.api.state.lsp())
+  const off = createMemo(() => props.api.state.config.lsp === false)
+
+  return (
+    <box>
+      <box flexDirection="row" gap={1} onMouseDown={() => list().length > 2 && setOpen((x) => !x)}>
+        <Show when={list().length > 2}>
+          <text fg={theme().text}>{open() ? "▼" : "▶"}</text>
+        </Show>
+        <text fg={theme().text}>
+          <b>LSP</b>
+        </text>
+      </box>
+      <Show when={list().length <= 2 || open()}>
+        <Show when={list().length === 0}>
+          <text fg={theme().textMuted}>
+            {off() ? "LSPs have been disabled in settings" : "LSPs will activate as files are read"}
+          </text>
+        </Show>
+        <For each={list()}>
+          {(item) => (
+            <box flexDirection="row" gap={1}>
+              <text
+                flexShrink={0}
+                style={{
+                  fg: item.status === "connected" ? theme().success : theme().error,
+                }}
+              >
+                •
+              </text>
+              <text fg={theme().textMuted}>
+                {item.id} {item.root}
+              </text>
+            </box>
+          )}
+        </For>
+      </Show>
+    </box>
+  )
+}
+
+const tui: TuiPlugin = async (api) => {
+  api.slots.register({
+    order: 300,
+    slots: {
+      sidebar_content() {
+        return <View api={api} />
+      },
+    },
+  })
+}
+
+const plugin: TuiPluginModule & { id: string } = {
+  id,
+  tui,
+}
+
+export default plugin

package/src/cli/cmd/tui/feature-plugins/sidebar/mcp.tsx

@@ -0,0 +1,96 @@
+import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@toolkit-cli/plugin/tui"
+import { createMemo, For, Match, Show, Switch, createSignal } from "solid-js"
+
+const id = "internal:sidebar-mcp"
+
+function View(props: { api: TuiPluginApi }) {
+  const [open, setOpen] = createSignal(true)
+  const theme = () => props.api.theme.current
+  const list = createMemo(() => props.api.state.mcp())
+  const on = createMemo(() => list().filter((item) => item.status === "connected").length)
+  const bad = createMemo(
+    () =>
+      list().filter(
+        (item) =>
+          item.status === "failed" || item.status === "needs_auth" || item.status === "needs_client_registration",
+      ).length,
+  )
+
+  const dot = (status: string) => {
+    if (status === "connected") return theme().success
+    if (status === "failed") return theme().error
+    if (status === "disabled") return theme().textMuted
+    if (status === "needs_auth") return theme().warning
+    if (status === "needs_client_registration") return theme().error
+    return theme().textMuted
+  }
+
+  return (
+    <Show when={list().length > 0}>
+      <box>
+        <box flexDirection="row" gap={1} onMouseDown={() => list().length > 2 && setOpen((x) => !x)}>
+          <Show when={list().length > 2}>
+            <text fg={theme().text}>{open() ? "▼" : "▶"}</text>
+          </Show>
+          <text fg={theme().text}>
+            <b>MCP</b>
+            <Show when={!open()}>
+              <span style={{ fg: theme().textMuted }}>
+                {" "}
+                ({on()} active{bad() > 0 ? `, ${bad()} error${bad() > 1 ? "s" : ""}` : ""})
+              </span>
+            </Show>
+          </text>
+        </box>
+        <Show when={list().length <= 2 || open()}>
+          <For each={list()}>
+            {(item) => (
+              <box flexDirection="row" gap={1}>
+                <text
+                  flexShrink={0}
+                  style={{
+                    fg: dot(item.status),
+                  }}
+                >
+                  •
+                </text>
+                <text fg={theme().text} wrapMode="word">
+                  {item.name}{" "}
+                  <span style={{ fg: theme().textMuted }}>
+                    <Switch fallback={item.status}>
+                      <Match when={item.status === "connected"}>Connected</Match>
+                      <Match when={item.status === "failed"}>
+                        <i>{item.error}</i>
+                      </Match>
+                      <Match when={item.status === "disabled"}>Disabled</Match>
+                      <Match when={item.status === "needs_auth"}>Needs auth</Match>
+                      <Match when={item.status === "needs_client_registration"}>Needs client ID</Match>
+                    </Switch>
+                  </span>
+                </text>
+              </box>
+            )}
+          </For>
+        </Show>
+      </box>
+    </Show>
+  )
+}
+
+const tui: TuiPlugin = async (api) => {
+  api.slots.register({
+    order: 200,
+    slots: {
+      sidebar_content() {
+        return <View api={api} />
+      },
+    },
+  })
+}
+
+const plugin: TuiPluginModule & { id: string } = {
+  id,
+  tui,
+}
+
+export default plugin

package/src/cli/cmd/tui/feature-plugins/sidebar/session-panel.tsx

@@ -0,0 +1,48 @@
+import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@toolkit-cli/plugin/tui"
+import { createMemo } from "solid-js"
+
+const id = "internal:sidebar-session"
+
+function View(props: { api: TuiPluginApi; session_id: string }) {
+  const theme = () => props.api.theme.current
+
+  const msgs = createMemo(() => props.api.state.session.messages(props.session_id))
+  const agent = createMemo(() => {
+    const last = msgs().findLast((m) => m.role === "assistant")
+    return last?.agent ?? "build"
+  })
+  const model = createMemo(() => {
+    const last = msgs().findLast((m) => m.role === "assistant")
+    return last?.modelID ?? "—"
+  })
+  const msgCount = createMemo(() => msgs().length)
+
+  return (
+    <box>
+      <text fg={theme().text}>
+        <b>Session</b>
+      </text>
+      <text fg={theme().textMuted}>
+        mode: <span style={{ fg: theme().warning }}>{agent()}</span>
+      </text>
+      <text fg={theme().textMuted}>
+        model: <span style={{ fg: theme().success }}>{model()}</span>
+      </text>
+      <text fg={theme().textMuted}>{msgCount()} messages</text>
+    </box>
+  )
+}
+
+const tui: TuiPlugin = async (api) => {
+  api.slots.register({
+    order: 50,
+    slots: {
+      sidebar_content(_ctx, props) {
+        return <View api={api} session_id={props.session_id} />
+      },
+    },
+  })
+}
+
+const plugin: TuiPluginModule & { id: string } = { id, tui }
+export default plugin

package/src/cli/cmd/tui/feature-plugins/sidebar/todo.tsx

@@ -0,0 +1,48 @@
+import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@toolkit-cli/plugin/tui"
+import { createMemo, For, Show, createSignal } from "solid-js"
+import { TodoItem } from "../../component/todo-item"
+
+const id = "internal:sidebar-todo"
+
+function View(props: { api: TuiPluginApi; session_id: string }) {
+  const [open, setOpen] = createSignal(true)
+  const theme = () => props.api.theme.current
+  const list = createMemo(() => props.api.state.session.todo(props.session_id))
+  const show = createMemo(() => list().length > 0 && list().some((item) => item.status !== "completed"))
+
+  return (
+    <Show when={show()}>
+      <box>
+        <box flexDirection="row" gap={1} onMouseDown={() => list().length > 2 && setOpen((x) => !x)}>
+          <Show when={list().length > 2}>
+            <text fg={theme().text}>{open() ? "▼" : "▶"}</text>
+          </Show>
+          <text fg={theme().text}>
+            <b>Todo</b>
+          </text>
+        </box>
+        <Show when={list().length <= 2 || open()}>
+          <For each={list()}>{(item) => <TodoItem status={item.status} content={item.content} />}</For>
+        </Show>
+      </box>
+    </Show>
+  )
+}
+
+const tui: TuiPlugin = async (api) => {
+  api.slots.register({
+    order: 400,
+    slots: {
+      sidebar_content(_ctx, props) {
+        return <View api={api} session_id={props.session_id} />
+      },
+    },
+  })
+}
+
+const plugin: TuiPluginModule & { id: string } = {
+  id,
+  tui,
+}
+
+export default plugin