tulingcode 0.1.0

package/src/cli/cmd/tui/context/thinking.ts

@@ -0,0 +1,48 @@
+import { createMemo, type Setter } from "solid-js"
+import { useKV } from "./kv"
+
+export type ThinkingMode = "show" | "hide"
+
+const MODES: readonly ThinkingMode[] = ["show", "hide"] as const
+
+export function reasoningSummary(text: string) {
+  const content = text.trim()
+  const match = content.match(/^\*\*([^*\n]+)\*\*(?:\r?\n\r?\n|$)/)
+  if (!match) return { title: null, body: content }
+  return { title: match[1].trim(), body: content.slice(match[0].length).trimEnd() }
+}
+
+export function isThinkingMode(value: unknown): value is ThinkingMode {
+  return typeof value === "string" && (MODES as readonly string[]).includes(value)
+}
+
+export function nextThinkingMode(current: ThinkingMode): ThinkingMode {
+  const idx = MODES.indexOf(current)
+  return MODES[(idx + 1) % MODES.length] ?? "show"
+}
+
+export function useThinkingMode() {
+  const kv = useKV()
+  const hadStored = kv.get("thinking_mode") !== undefined
+  const legacy = kv.get("thinking_visibility")
+  const [stored, setStored] = kv.signal<ThinkingMode>("thinking_mode", "hide")
+
+  const set = (next: ThinkingMode | ((prev: ThinkingMode) => ThinkingMode)) => {
+    if (typeof next === "function") setStored(next as Setter<ThinkingMode>)
+    else setStored(() => next)
+  }
+
+  if (!hadStored) {
+    if (legacy === true) set("show")
+    else if (legacy === false) set("hide")
+  }
+
+  if ((stored() as string) === "minimal") set("hide")
+
+  const mode = createMemo<ThinkingMode>(() => {
+    const value = stored()
+    return isThinkingMode(value) ? value : "hide"
+  })
+
+  return { mode, set }
+}

package/src/cli/cmd/tui/context/tui-config.tsx

@@ -0,0 +1,9 @@
+import { TuiConfig } from "@/cli/cmd/tui/config/tui"
+import { createSimpleContext } from "./helper"
+
+export const { use: useTuiConfig, provider: TuiConfigProvider } = createSimpleContext({
+  name: "TuiConfig",
+  init: (props: { config: TuiConfig.Info }) => {
+    return props.config
+  },
+})

package/src/cli/cmd/tui/event.ts

@@ -0,0 +1,56 @@
+import { BusEvent } from "@/bus/bus-event"
+import { SessionID } from "@/session/schema"
+import z from "zod"
+
+export const TuiEvent = {
+  PromptAppend: BusEvent.define("tui.prompt.append", z.object({ text: z.string() })),
+  CommandExecute: BusEvent.define(
+    "tui.command.execute",
+    z.object({
+      command: z.union([
+        z.enum([
+          "session.list",
+          "session.new",
+          "session.share",
+          "session.interrupt",
+          "session.compact",
+          "session.page.up",
+          "session.page.down",
+          "session.line.up",
+          "session.line.down",
+          "session.half.page.up",
+          "session.half.page.down",
+          "session.first",
+          "session.last",
+          "prompt.clear",
+          "prompt.submit",
+          "agent.cycle",
+        ]),
+        z.string(),
+      ]),
+    }),
+  ),
+  ToastShow: BusEvent.define(
+    "tui.toast.show",
+    z.object({
+      title: z.string().optional(),
+      message: z.string(),
+      variant: z.enum(["info", "success", "warning", "error"]),
+      duration: z.number().default(5000).optional().describe("Duration in milliseconds"),
+    }),
+  ),
+  SessionSelect: BusEvent.define(
+    "tui.session.select",
+    z.object({
+      sessionID: SessionID.zod.describe("Session ID to navigate to"),
+    }),
+  ),
+  InstructionsLoaded: BusEvent.define(
+    "tui.instructions.loaded",
+    z.object({
+      files: z
+        .array(z.string())
+        .describe("Display labels of loaded instruction files: worktree-relative path, ~-path, or absolute"),
+    }),
+  ),
+}

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

@@ -0,0 +1,93 @@
+import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@tuling-ai/plugin/tui"
+import { createMemo, Match, Show, Switch } from "solid-js"
+import { Global } from "@/global"
+
+const id = "internal:home-footer"
+
+function Directory(props: { api: TuiPluginApi }) {
+  const theme = () => props.api.theme.current
+  const dir = createMemo(() => {
+    const dir = props.api.state.path.directory || process.cwd()
+    const out = dir.replace(Global.Path.home, "~")
+    const branch = props.api.state.vcs?.branch
+    if (branch) return out + ":" + branch
+    return out
+  })
+
+  return <text fg={theme().textMuted}>{dir()}</text>
+}
+
+function Mcp(props: { api: TuiPluginApi }) {
+  const theme = () => props.api.theme.current
+  const list = createMemo(() => props.api.state.mcp())
+  const has = createMemo(() => list().length > 0)
+  const err = createMemo(() => list().some((item) => item.status === "failed"))
+  const count = createMemo(() => list().filter((item) => item.status === "connected").length)
+
+  return (
+    <Show when={has()}>
+      <box gap={1} flexDirection="row" flexShrink={0}>
+        <text fg={theme().text}>
+          <Switch>
+            <Match when={err()}>
+              <span style={{ fg: theme().error }}>⊙ </span>
+            </Match>
+            <Match when={true}>
+              <span style={{ fg: count() > 0 ? theme().success : theme().textMuted }}>⊙ </span>
+            </Match>
+          </Switch>
+          {count()} MCP
+        </text>
+        <text fg={theme().textMuted}>/status</text>
+      </box>
+    </Show>
+  )
+}
+
+function Version(props: { api: TuiPluginApi }) {
+  const theme = () => props.api.theme.current
+
+  return (
+    <box flexShrink={0}>
+      <text fg={theme().textMuted}>{props.api.app.version}</text>
+    </box>
+  )
+}
+
+function View(props: { api: TuiPluginApi }) {
+  return (
+    <box
+      width="100%"
+      paddingTop={1}
+      paddingBottom={1}
+      paddingLeft={2}
+      paddingRight={2}
+      flexDirection="row"
+      flexShrink={0}
+      gap={2}
+    >
+      <Directory api={props.api} />
+      <Mcp api={props.api} />
+      <box flexGrow={1} />
+      <Version api={props.api} />
+    </box>
+  )
+}
+
+const tui: TuiPlugin = async (api) => {
+  api.slots.register({
+    order: 100,
+    slots: {
+      home_footer() {
+        return <View api={api} />
+      },
+    },
+  })
+}
+
+const plugin: TuiPluginModule & { id: string } = {
+  id,
+  tui,
+}
+
+export default plugin

package/src/cli/cmd/tui/feature-plugins/home/tips-view.tsx

@@ -0,0 +1,193 @@
+import { createMemo, createSignal, For, onCleanup } from "solid-js"
+import { DEFAULT_THEMES, useTheme } from "@tui/context/theme"
+import { useLanguage } from "@tui/context/language"
+import { useLocal } from "@tui/context/local"
+
+const themeCount = Object.keys(DEFAULT_THEMES).length
+const TIP_ROTATION_MS = 10_000
+
+// Weighted tip priority. Higher weight = shown more often.
+// Promote recently-added or critical features so users discover them.
+// Tips not listed here use the default weight of 1.
+const PRIORITY_WEIGHTS: Record<string, number> = {
+  "tui.tips.free_models": 50,
+  "tui.tips.background": 50,
+  "tui.tips.login": 40,
+  "tui.tips.theme_mode": 40,
+  "tui.tips.tab_agent": 40,
+  "tui.tips.doc": 30,
+  "tui.tips.models": 30,
+  "tui.tips.connect": 30,
+}
+
+const TIP_KEYS = [
+  "tui.tips.free_models",
+  "tui.tips.background",
+  "tui.tips.theme_mode",
+  "tui.tips.doc",
+  "tui.tips.attach_file",
+  "tui.tips.shell_prefix",
+  "tui.tips.tab_agent",
+  "tui.tips.undo",
+  "tui.tips.redo",
+  "tui.tips.share",
+  "tui.tips.drag_drop",
+  "tui.tips.paste_image",
+  "tui.tips.editor",
+  "tui.tips.init",
+  "tui.tips.models",
+  "tui.tips.theme",
+  "tui.tips.new_session",
+  "tui.tips.sessions",
+  "tui.tips.compact",
+  "tui.tips.export",
+  "tui.tips.copy_last",
+  "tui.tips.command_palette",
+  "tui.tips.login",
+  "tui.tips.connect",
+  "tui.tips.leader",
+  "tui.tips.f2",
+  "tui.tips.sidebar",
+  "tui.tips.history",
+  "tui.tips.jump_first",
+  "tui.tips.jump_last",
+  "tui.tips.newline",
+  "tui.tips.clear_input",
+  "tui.tips.escape",
+  "tui.tips.plan_agent",
+  "tui.tips.subagent",
+  "tui.tips.cycle_sessions",
+  "tui.tips.config_files",
+  "tui.tips.global_config",
+  "tui.tips.schema",
+  "tui.tips.default_model",
+  "tui.tips.keybinds",
+  "tui.tips.disable_keybind",
+  "tui.tips.mcp_config",
+  "tui.tips.mcp_oauth",
+  "tui.tips.custom_command",
+  "tui.tips.command_args",
+  "tui.tips.command_backticks",
+  "tui.tips.custom_agent",
+  "tui.tips.agent_perms",
+  "tui.tips.bash_allow",
+  "tui.tips.bash_deny",
+  "tui.tips.bash_ask",
+  "tui.tips.formatter",
+  "tui.tips.disable_formatter",
+  "tui.tips.custom_formatter",
+  "tui.tips.lsp",
+  "tui.tips.custom_tool",
+  "tui.tips.tool_scripts",
+  "tui.tips.plugins",
+  "tui.tips.plugin_notify",
+  "tui.tips.plugin_protect",
+  "tui.tips.run",
+  "tui.tips.continue",
+  "tui.tips.attach_cli",
+  "tui.tips.format_json",
+  "tui.tips.serve",
+  "tui.tips.attach_server",
+  "tui.tips.upgrade",
+  "tui.tips.auth_list",
+  "tui.tips.agent_create",
+  "tui.tips.github_trigger",
+  "tui.tips.github_install",
+  "tui.tips.github_oc",
+  "tui.tips.theme_system",
+  "tui.tips.theme_files",
+  "tui.tips.theme_variants",
+  "tui.tips.theme_ansi",
+  "tui.tips.env_var",
+  "tui.tips.file_var",
+  "tui.tips.instructions",
+  "tui.tips.temperature",
+  "tui.tips.steps",
+  "tui.tips.disable_tool",
+  "tui.tips.disable_mcp_tools",
+  "tui.tips.tool_override",
+  "tui.tips.share_auto",
+  "tui.tips.share_disabled",
+  "tui.tips.unshare",
+  "tui.tips.doom_loop",
+  "tui.tips.external_dir",
+  "tui.tips.debug_config",
+  "tui.tips.print_logs",
+  "tui.tips.timeline",
+  "tui.tips.toggle_code",
+  "tui.tips.status",
+  "tui.tips.scroll_accel",
+  "tui.tips.username_toggle",
+  "tui.tips.docker",
+  "tui.tips.zen",
+  "tui.tips.agents_md",
+  "tui.tips.review",
+  "tui.tips.help",
+  "tui.tips.rename",
+] as const
+
+type TipPart = { text: string; highlight: boolean }
+
+function parse(tip: string): TipPart[] {
+  const parts: TipPart[] = []
+  const regex = /\{highlight\}(.*?)\{\/highlight\}/g
+  const found = Array.from(tip.matchAll(regex))
+  const state = found.reduce(
+    (acc, match) => {
+      const start = match.index ?? 0
+      if (start > acc.index) {
+        acc.parts.push({ text: tip.slice(acc.index, start), highlight: false })
+      }
+      acc.parts.push({ text: match[1], highlight: true })
+      acc.index = start + match[0].length
+      return acc
+    },
+    { parts, index: 0 },
+  )
+
+  if (state.index < tip.length) {
+    parts.push({ text: tip.slice(state.index), highlight: false })
+  }
+
+  return parts
+}
+
+function pickWeighted(keys: readonly string[]): string {
+  const weights = keys.map((k) => PRIORITY_WEIGHTS[k] ?? 1)
+  const total = weights.reduce((a, b) => a + b, 0)
+  let target = Math.random() * total
+  for (let i = 0; i < keys.length; i++) {
+    target -= weights[i]
+    if (target < 0) return keys[i]
+  }
+  return keys[keys.length - 1]
+}
+
+export function Tips() {
+  const theme = useTheme().theme
+  const lang = useLanguage()
+  const local = useLocal()
+  const platformSuspendKey = process.platform === "win32" ? "tui.tips.suspend.win" : "tui.tips.suspend.unix"
+  const allKeys = [...TIP_KEYS, platformSuspendKey] as readonly string[]
+  const [key, setKey] = createSignal(pickWeighted(allKeys))
+  const interval = setInterval(() => setKey(pickWeighted(allKeys)), TIP_ROTATION_MS)
+  onCleanup(() => clearInterval(interval))
+  const parts = createMemo(() => parse(lang.t(key(), { count: themeCount })))
+  const labelColor = createMemo(() => {
+    const agent = local.agent.current()
+    return agent ? local.agent.color(agent.name) : theme.warning
+  })
+
+  return (
+    <box flexDirection="row" maxWidth="100%">
+      <text flexShrink={0} style={{ fg: labelColor() }}>
+        ● {lang.t("tui.tips.label")}{" "}
+      </text>
+      <text flexShrink={1}>
+        <For each={parts()}>
+          {(part) => <span style={{ fg: part.highlight ? theme.text : theme.textMuted }}>{part.text}</span>}
+        </For>
+      </text>
+    </box>
+  )
+}

package/src/cli/cmd/tui/feature-plugins/home/tips.tsx

@@ -0,0 +1,54 @@
+import type { TuiPlugin, TuiPluginModule } from "@tuling-ai/plugin/tui"
+import { createMemo, Show } from "solid-js"
+import { Tips } from "./tips-view"
+import { useLanguage } from "@tui/context/language"
+
+const id = "internal:home-tips"
+
+function View(props: { show: boolean }) {
+  return (
+    <box height={4} minHeight={0} width="100%" maxWidth={75} alignItems="center" paddingTop={3} flexShrink={1}>
+      <Show when={props.show}>
+        <Tips />
+      </Show>
+    </box>
+  )
+}
+
+const tui: TuiPlugin = async (api) => {
+  api.command.register(() => {
+    const t = useLanguage().t
+    return [
+      {
+        title: t(api.kv.get("tips_hidden", false) ? "tui.command.tips.toggle.show" : "tui.command.tips.toggle.hide"),
+        value: "tips.toggle",
+        keybind: "tips_toggle",
+        category: "system",
+        hidden: api.route.current.name !== "home",
+        onSelect() {
+          api.kv.set("tips_hidden", !api.kv.get("tips_hidden", false))
+          api.ui.dialog.clear()
+        },
+      },
+    ]
+  })
+
+  api.slots.register({
+    order: 100,
+    slots: {
+      home_bottom() {
+        const hidden = createMemo(() => api.kv.get("tips_hidden", false))
+        const first = createMemo(() => api.state.session.count() === 0)
+        const show = createMemo(() => !first() && !hidden())
+        return <View show={show()} />
+      },
+    },
+  })
+}
+
+const plugin: TuiPluginModule & { id: string } = {
+  id,
+  tui,
+}
+
+export default plugin

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

@@ -0,0 +1,114 @@
+import type { AssistantMessage } from "@tuling-ai/sdk/v2"
+import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@tuling-ai/plugin/tui"
+import { Show, createEffect, createMemo, createSignal, onCleanup } from "solid-js"
+import { completedTPS, formatTPS, streamingTPS } from "./tps"
+
+const id = "internal:sidebar-context"
+const REFRESH_MS = 1000
+
+const money = new Intl.NumberFormat("en-US", {
+  style: "currency",
+  currency: "USD",
+})
+
+function View(props: { api: TuiPluginApi; session_id: string }) {
+  const theme = () => props.api.theme.current
+  const msg = createMemo(() => props.api.state.session.messages(props.session_id))
+  const cost = createMemo(() => msg().reduce((sum, item) => sum + (item.role === "assistant" ? item.cost : 0), 0))
+
+  const [tick, setTick] = createSignal(Date.now())
+
+  const lastAssistant = createMemo(() =>
+    msg().findLast((item): item is AssistantMessage => item.role === "assistant"),
+  )
+
+  const isStreaming = createMemo(() => {
+    const m = lastAssistant()
+    return m !== undefined && !m.time.completed
+  })
+
+  createEffect(() => {
+    if (!isStreaming()) return
+    const handle = setInterval(() => setTick(Date.now()), REFRESH_MS)
+    onCleanup(() => clearInterval(handle))
+  })
+
+  const tps = createMemo<number | null>(() => {
+    const m = lastAssistant()
+    if (!m) return null
+
+    if (isStreaming()) {
+      tick() // reactivity dep so the readout updates between deltas
+      const parts = props.api.state.part(m.id)
+      const combined = parts
+        .filter((p) => p.type === "text" || p.type === "reasoning")
+        .map((p) => p.text)
+        .join("")
+      return streamingTPS(combined, m.time.created, Date.now())
+    }
+
+    const idleTarget = msg().findLast(
+      (item): item is AssistantMessage =>
+        item.role === "assistant" &&
+        item.time.completed !== undefined &&
+        item.tokens.output + item.tokens.reasoning > 0,
+    )
+    if (!idleTarget || idleTarget.time.completed === undefined) return null
+    return completedTPS(
+      idleTarget.tokens.output,
+      idleTarget.tokens.reasoning,
+      idleTarget.time.created,
+      idleTarget.time.completed,
+    )
+  })
+
+  const tpsLabel = createMemo(() => formatTPS(tps()))
+
+  const state = createMemo(() => {
+    const last = msg().findLast((item): item is AssistantMessage => item.role === "assistant" && item.tokens.output > 0)
+    if (!last) {
+      return {
+        tokens: 0,
+        percent: null,
+      }
+    }
+
+    const tokens =
+      last.tokens.input + last.tokens.output + last.tokens.reasoning + last.tokens.cache.read + last.tokens.cache.write
+    const model = props.api.state.provider.find((item) => item.id === last.providerID)?.models[last.modelID]
+    return {
+      tokens,
+      percent: model?.limit.context ? Math.round((tokens / model.limit.context) * 100) : null,
+    }
+  })
+
+  return (
+    <box>
+      <text fg={theme().text}>
+        <b>Context</b>
+      </text>
+      <text fg={theme().textMuted}>{state().tokens.toLocaleString()} tokens</text>
+      <text fg={theme().textMuted}>{state().percent ?? 0}% used</text>
+      <Show when={tpsLabel()}>{(label) => <text fg={theme().textMuted}>{label()}</text>}</Show>
+      <text fg={theme().textMuted}>{money.format(cost())} spent</text>
+    </box>
+  )
+}
+
+const tui: TuiPlugin = async (api) => {
+  api.slots.register({
+    order: 100,
+    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/cwd.tsx

@@ -0,0 +1,45 @@
+import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@tuling-ai/plugin/tui"
+import { createMemo } from "solid-js"
+import { Global } from "@/global"
+import { useLanguage } from "@tui/context/language"
+
+const id = "internal:sidebar-cwd"
+
+function View(props: { api: TuiPluginApi; session_id: string }) {
+  const theme = () => props.api.theme.current
+  const t = useLanguage().t
+  const cwd = createMemo(() => props.api.state.session.cwd(props.session_id))
+  const projectDir = createMemo(() => props.api.state.path.directory)
+  const display = createMemo(() => {
+    const dir = cwd() || projectDir()
+    if (!dir) return ""
+    return dir.replace(Global.Path.home, "~")
+  })
+
+  return (
+    <box>
+      <text fg={theme().text}>
+        <b>{t("tui.sidebar.cwd")}</b>
+      </text>
+      <text fg={theme().textMuted}>{display()}</text>
+    </box>
+  )
+}
+
+const tui: TuiPlugin = async (api) => {
+  api.slots.register({
+    order: 125,
+    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/files.tsx

@@ -0,0 +1,62 @@
+import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@tuling-ai/plugin/tui"
+import { createMemo, For, Show, createSignal } from "solid-js"
+
+const id = "internal:sidebar-files"
+
+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.diff(props.session_id))
+
+  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>Modified Files</b>
+          </text>
+        </box>
+        <Show when={list().length <= 2 || open()}>
+          <For each={list()}>
+            {(item) => (
+              <box flexDirection="row" gap={1} justifyContent="space-between">
+                <text fg={theme().textMuted} wrapMode="none">
+                  {item.file}
+                </text>
+                <box flexDirection="row" gap={1} flexShrink={0}>
+                  <Show when={item.additions}>
+                    <text fg={theme().diffAdded}>+{item.additions}</text>
+                  </Show>
+                  <Show when={item.deletions}>
+                    <text fg={theme().diffRemoved}>-{item.deletions}</text>
+                  </Show>
+                </box>
+              </box>
+            )}
+          </For>
+        </Show>
+      </box>
+    </Show>
+  )
+}
+
+const tui: TuiPlugin = async (api) => {
+  api.slots.register({
+    order: 500,
+    slots: {
+      sidebar_content(_ctx, props) {
+        return <View api={api} session_id={props.session_id} />
+      },
+    },
+  })
+}
+
+const plugin: TuiPluginModule & { id: string } = {
+  id,
+  tui,
+}
+
+export default plugin