saeeol 1.4.2 → 1.4.4

package/src/cli/cmd/tui/routes/session/session-revert-banner.tsx

@@ -1,46 +0,0 @@
-import { createSignal, For, Show } from "solid-js"
-import { SplitBorder } from "@tui/component/border"
-import { useTheme } from "@tui/context/theme"
-import { useKeybind } from "@tui/context/keybind"
-import { useDialog } from "../../ui/dialog"
-import { useCommandDialog } from "@tui/component/dialog-command"
-import { DialogConfirm } from "@tui/ui/dialog-confirm"
-
-interface RevertBannerProps {
-  revert: { messageID: string; reverted: unknown[]; diff: string | undefined; diffFiles: { filename: string; additions: number; deletions: number }[] }
-}
-
-export function RevertBanner(props: RevertBannerProps) {
-  const { theme } = useTheme()
-  const keybind = useKeybind()
-  const command = useCommandDialog()
-  const dialog = useDialog()
-  const [hover, setHover] = createSignal(false)
-  const handleUnrevert = async () => {
-    const confirmed = await DialogConfirm.show(dialog, "Confirm Redo", "Are you sure you want to restore the reverted messages?")
-    if (confirmed) command.trigger("session.redo")
-  }
-  return (
-    <box onMouseOver={() => setHover(true)} onMouseOut={() => setHover(false)} onMouseUp={handleUnrevert} marginTop={1} flexShrink={0} border={["left"]} customBorderChars={SplitBorder.customBorderChars} borderColor={theme.backgroundPanel}>
-      <box paddingTop={1} paddingBottom={1} paddingLeft={2} backgroundColor={hover() ? theme.backgroundElement : theme.backgroundPanel}>
-        <text fg={theme.textMuted}>{props.revert.reverted.length} message reverted</text>
-        <text fg={theme.textMuted}>
-          <span style={{ fg: theme.text }}>{keybind.print("messages_redo")}</span> or /redo to restore
-        </text>
-        <Show when={props.revert.diffFiles?.length}>
-          <box marginTop={1}>
-            <For each={props.revert.diffFiles}>
-              {(file) => (
-                <text fg={theme.text}>
-                  {file.filename}
-                  <Show when={file.additions > 0}><span style={{ fg: theme.diffAdded }}> +{file.additions}</span></Show>
-                  <Show when={file.deletions > 0}><span style={{ fg: theme.diffRemoved }}> -{file.deletions}</span></Show>
-                </text>
-              )}
-            </For>
-          </box>
-        </Show>
-      </box>
-    </box>
-  )
-}

package/src/cli/cmd/tui/routes/session/session-setup.ts

@@ -1,240 +0,0 @@
-import {
-  createEffect,
-  createMemo,
-  createSignal,
-  on,
-} from "solid-js"
-import { useRoute, useRouteData } from "@tui/context/route"
-import { useProject } from "@tui/context/project"
-import { useSync } from "@tui/context/sync"
-import { useEvent } from "@tui/context/event"
-import { useTheme } from "@tui/context/theme"
-import { ScrollBoxRenderable } from "@opentui/core"
-import type { PromptRef } from "@tui/component/prompt"
-import { useLocal } from "@tui/context/local"
-import { Locale } from "@/util/locale"
-import { useSDK } from "@tui/context/sdk"
-import { useEditorContext } from "@tui/context/editor"
-import { useKeybind } from "@tui/context/keybind"
-import { useDialog } from "../../ui/dialog"
-import { errorMessage } from "@/util/error"
-import { useToast } from "../../ui/toast"
-import { useKV } from "../../context/kv.tsx"
-import { usePromptRef } from "../../context/prompt"
-import { useExit } from "../../context/exit"
-import * as Model from "../../util/model"
-import { UI } from "@/cli/ui.ts"
-import { session as banner } from "@/saeeol/cli/logo"
-import { getScrollAcceleration } from "../../util/scroll"
-import { useTerminalDimensions, useKeyboard, useRenderer } from "@opentui/solid"
-import { getRevertDiffFiles } from "../../util/revert-diff"
-import { useTuiConfig } from "../../context/tui-config"
-import { useBellEffects, useUpsellHandler } from "./session-effects"
-
-export function createSessionSetup() {
-  const route = useRouteData("session")
-  const { navigate } = useRoute()
-  const sync = useSync()
-  const event = useEvent()
-  const project = useProject()
-  const tuiConfig = useTuiConfig()
-  const kv = useKV()
-  const { theme } = useTheme()
-  const promptRef = usePromptRef()
-  const local = useLocal()
-  const session = createMemo(() => sync.session.get(route.sessionID))
-  const ch = createMemo(() => {
-    const parentID = session()?.parentID ?? session()?.id
-    return sync.data.session
-      .filter((x) => x.parentID === parentID || x.id === parentID)
-      .toSorted((a, b) => (a.id < b.id ? -1 : a.id > b.id ? 1 : 0))
-  })
-  const messages = createMemo(() => sync.data.message[route.sessionID] ?? [])
-  const permissions = createMemo(() => {
-    if (session()?.parentID) return []
-    return ch().flatMap((x) => sync.data.permission[x.id] ?? [])
-  })
-  const questions = createMemo(() => {
-    if (session()?.parentID) return []
-    return ch().flatMap((x) => sync.data.question[x.id] ?? [])
-  })
-  const suggestions = createMemo(() => {
-    if (session()?.parentID) return []
-    return ch().flatMap((x) => sync.data.suggestion[x.id] ?? [])
-  })
-  const network = createMemo(() => {
-    if (session()?.parentID) return []
-    return ch().flatMap((x) => sync.data.network[x.id] ?? [])
-  })
-  const blockingQuestions = createMemo(() => questions().filter((q) => q.blocking !== false))
-  const nonBlockingQuestions = createMemo(() => questions().filter((q) => q.blocking === false))
-  const question = createMemo(() => blockingQuestions()[0] ?? nonBlockingQuestions()[0])
-  const blockingSuggestions = createMemo(() => suggestions().filter((s) => s.blocking !== false))
-  const blockingSuggestion = createMemo(() => blockingSuggestions()[0])
-  const visible = createMemo(
-    () =>
-      !session()?.parentID &&
-      permissions().length === 0 &&
-      blockingQuestions().length === 0 &&
-      blockingSuggestions().length === 0 &&
-      network().length === 0,
-  )
-  const networkVisible = createMemo(
-    () =>
-      permissions().length === 0 &&
-      blockingQuestions().length === 0 &&
-      blockingSuggestions().length === 0 &&
-      network().length > 0,
-  )
-  const disabled = createMemo(
-    () =>
-      permissions().length > 0 ||
-      blockingQuestions().length > 0 ||
-      blockingSuggestions().length > 0 ||
-      network().length > 0,
-  )
-  const pending = createMemo(() => messages().findLast((x) => x.role === "assistant" && !x.time.completed)?.id)
-  const lastAssistant = createMemo(() => messages().findLast((x) => x.role === "assistant"))
-  const [bellEnabled] = kv.signal("bell_enabled", true)
-  useBellEffects({
-    sessionID: route.sessionID,
-    getStatusType: () => sync.data.session_status?.[route.sessionID]?.type,
-    getPermissionsLen: () => permissions().length,
-    getQuestionsLen: () => questions().length,
-    getSuggestionsNetworkLen: () => suggestions().length + network().length,
-    bellEnabled,
-  })
-
-  const dimensions = useTerminalDimensions()
-  const [sidebar, setSidebar] = kv.signal<"auto" | "hide">("sidebar", "auto")
-  const [sidebarOpen, setSidebarOpen] = createSignal(false)
-  const [conceal, setConceal] = createSignal(false)
-  const [showThinking, setShowThinking] = kv.signal("thinking_visibility", true)
-  const [timestamps, setTimestamps] = kv.signal<"hide" | "show">("timestamps", "hide")
-  const [showDetails, setShowDetails] = kv.signal("tool_details_visibility", true)
-  const [showAssistantMetadata] = kv.signal("assistant_metadata_visibility", true)
-  const [showScrollbar, setShowScrollbar] = kv.signal("scrollbar_visible", false)
-  const [diffWrapMode] = kv.signal<"word" | "none">("diff_wrap_mode", "word")
-  const [showGenericToolOutput, setShowGenericToolOutput] = kv.signal("generic_tool_output_visibility", false)
-  const [pointing, setPointing] = kv.signal<string | undefined>(`pointing:${route.sessionID}`, undefined)
-  const wide = createMemo(() => dimensions().width > 120)
-  const sidebarVisible = createMemo(() => {
-    if (session()?.parentID) return false
-    if (sidebarOpen()) return true
-    if (sidebar() === "auto" && wide()) return true
-    return false
-  })
-  const showTimestamps = createMemo(() => timestamps() === "show")
-  const contentWidth = createMemo(() => dimensions().width - (sidebarVisible() ? 42 : 0) - 4)
-  const providers = createMemo(() => Model.index(sync.data.provider))
-  const scrollAcceleration = createMemo(() => getScrollAcceleration(tuiConfig))
-  const toast = useToast()
-  const sdk = useSDK()
-  const editor = useEditorContext()
-
-  createEffect(() => {
-    const sessionID = route.sessionID
-    void (async () => {
-      const previousWorkspace = project.workspace.current()
-      const result = await sdk.client.session.get({ sessionID }, { throwOnError: true })
-      if (!result.data) {
-        toast.show({ message: `Session not found: ${sessionID}`, variant: "error", duration: 5000 })
-        navigate({ type: "home" })
-        return
-      }
-      if (result.data.workspaceID !== previousWorkspace) {
-        project.workspace.set(result.data.workspaceID)
-        try { await sync.bootstrap({ fatal: false }) } catch {}
-      }
-      editor.reconnect(result.data.directory)
-      await sync.session.sync(sessionID)
-      if (route.sessionID === sessionID && refs.scroll) refs.scroll.scrollBy(100_000)
-    })().catch((error) => {
-      if (route.sessionID !== sessionID) return
-      toast.show({ message: errorMessage(error), variant: "error", duration: 5000 })
-      navigate({ type: "home" })
-    })
-  })
-
-  let lastSwitch: string | undefined
-  event.on("message.part.updated", (evt) => {
-    const part = evt.properties.part
-    if (part.type !== "tool") return
-    if (part.sessionID !== route.sessionID) return
-    if (part.state.status !== "completed") return
-    if (part.id === lastSwitch) return
-    if (part.tool === "plan_enter") { local.agent.set("plan"); lastSwitch = part.id }
-  })
-
-  let seeded = false
-  const refs = { scroll: null as ScrollBoxRenderable | null, prompt: undefined as PromptRef | undefined }
-  const bind = (r: PromptRef | undefined) => {
-    refs.prompt = r
-    promptRef.set(r)
-    if (seeded || !route.prompt || !r) return
-    seeded = true
-    r.set(route.prompt)
-  }
-  const keybind = useKeybind()
-  const dialog = useDialog()
-  const renderer = useRenderer()
-
-  useUpsellHandler({ sessionID: route.sessionID, event, dialog, kv })
-
-  const exit = useExit()
-  createEffect(() => {
-    const title = Locale.truncate(session()?.title ?? "", 50)
-    return exit.message.set(banner(title, session()?.id, UI.Style.TEXT_DIM, UI.Style.TEXT_NORMAL))
-  })
-  const [exitPress, setExitPress] = createSignal(0)
-  useKeyboard((evt) => {
-    if (!session()?.parentID) return
-    if (keybind.match("app_exit", evt)) {
-      if (evt.ctrl && evt.name === "c") {
-        evt.preventDefault()
-        setExitPress(exitPress() + 1)
-        setTimeout(() => setExitPress(0), 1000)
-        if (exitPress() >= 2) exit()
-        return
-      }
-      exit()
-    }
-  })
-
-  function toBottom() {
-    setTimeout(() => {
-      if (!refs.scroll || refs.scroll.isDestroyed) return
-      refs.scroll.scrollTo(refs.scroll.scrollHeight)
-    }, 50)
-  }
-
-  const revertInfo = createMemo(() => session()?.revert)
-  const revertMessageID = createMemo(() => revertInfo()?.messageID)
-  const revertDiffFiles = createMemo(() => getRevertDiffFiles(revertInfo()?.diff ?? ""))
-  const revertRevertedMessages = createMemo(() => {
-    const messageID = revertMessageID()
-    if (!messageID) return []
-    return messages().filter((x) => x.id >= messageID && x.role === "user")
-  })
-  const revert = createMemo(() => {
-    const info = revertInfo()
-    if (!info?.messageID) return
-    return { messageID: info.messageID, reverted: revertRevertedMessages(), diff: info.diff, diffFiles: revertDiffFiles() }
-  })
-
-  createEffect(on(() => route.sessionID, toBottom))
-
-  return {
-    route, navigate, sync, event, project, tuiConfig, kv, theme, promptRef,
-    session, ch, messages, permissions, questions, suggestions, network,
-    blockingQuestions, nonBlockingQuestions, question, blockingSuggestions, blockingSuggestion,
-    visible, networkVisible, disabled, pending, lastAssistant,
-    dimensions, sidebar, setSidebar, sidebarOpen, setSidebarOpen, conceal, setConceal,
-    showThinking, setShowThinking, timestamps, setTimestamps, showDetails, setShowDetails,
-    showAssistantMetadata, showScrollbar, setShowScrollbar, diffWrapMode,
-    showGenericToolOutput, setShowGenericToolOutput,
-    wide, sidebarVisible, showTimestamps, contentWidth, providers, scrollAcceleration,
-    toast, sdk, editor, local, keybind, dialog, renderer,
-    refs, bind, toBottom, revert, exit, pointing, setPointing,
-  }
-}

package/src/cli/cmd/tui/routes/session/sidebar.tsx

@@ -1,98 +0,0 @@
-import { useProject } from "@tui/context/project"
-import { useSync } from "@tui/context/sync"
-import { createMemo, Show } from "solid-js"
-import { useTheme } from "../../context/theme"
-import { useTuiConfig } from "../../context/tui-config"
-import { InstallationChannel, InstallationVersion } from "@saeeol/core/installation/version"
-import { TuiPluginRuntime } from "@/cli/cmd/tui/plugin/runtime"
-
-import { getScrollAcceleration } from "../../util/scroll"
-
-export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
-  const project = useProject()
-  const sync = useSync()
-  const { theme } = useTheme()
-  const tuiConfig = useTuiConfig()
-  const session = createMemo(() => sync.session.get(props.sessionID))
-  const workspaceStatus = () => {
-    const workspaceID = session()?.workspaceID
-    if (!workspaceID) return "error"
-    return project.workspace.status(workspaceID) ?? "error"
-  }
-  const workspaceLabel = () => {
-    const workspaceID = session()?.workspaceID
-    if (!workspaceID) return "unknown"
-    const info = project.workspace.get(workspaceID)
-    if (!info) return "unknown"
-    return `${info.type}: ${info.name}`
-  }
-  const scrollAcceleration = createMemo(() => getScrollAcceleration(tuiConfig))
-
-  return (
-    <Show when={session()}>
-      <box
-        backgroundColor={theme.backgroundPanel}
-        width={42}
-        height="100%"
-        flexShrink={0}
-        paddingTop={1}
-        paddingBottom={1}
-        paddingLeft={2}
-        paddingRight={2}
-        position={props.overlay ? "absolute" : "relative"}
-      >
-        <scrollbox
-          flexGrow={1}
-          scrollAcceleration={scrollAcceleration()}
-          verticalScrollbarOptions={{
-            trackOptions: {
-              backgroundColor: theme.background,
-              foregroundColor: theme.borderActive,
-            },
-          }}
-        >
-          <box flexShrink={0} gap={1} paddingRight={1}>
-            <TuiPluginRuntime.Slot
-              name="sidebar_title"
-              mode="single_winner"
-              session_id={props.sessionID}
-              title={session()!.title}
-              share_url={session()!.share?.url}
-            >
-              <box paddingRight={1}>
-                <text fg={theme.text}>
-                  <b>{session()!.title}</b>
-                </text>
-                <Show when={InstallationChannel !== "latest"}>
-                  <text fg={theme.textMuted}>{props.sessionID}</text>
-                </Show>
-                <Show when={session()!.workspaceID}>
-                  <text fg={theme.textMuted}>
-                    <span style={{ fg: workspaceStatus() === "connected" ? theme.success : theme.error }}>●</span>{" "}
-                    {workspaceLabel()}
-                  </text>
-                </Show>
-                <Show when={session()!.share?.url}>
-                  <text fg={theme.textMuted}>{session()!.share!.url}</text>
-                </Show>
-              </box>
-            </TuiPluginRuntime.Slot>
-            <TuiPluginRuntime.Slot name="sidebar_content" session_id={props.sessionID} />
-          </box>
-        </scrollbox>
-
-        <box flexShrink={0} gap={1} paddingTop={1}>
-          <TuiPluginRuntime.Slot name="sidebar_footer" mode="single_winner" session_id={props.sessionID}>
-            <text fg={theme.textMuted}>
-              <span style={{ fg: theme.success }}>•</span> <b>Open</b>
-              <span style={{ fg: theme.text }}>
-                <b>Code</b>
-              </span>{" "}
-              <span>{InstallationVersion}</span>
-            </text>
-          </TuiPluginRuntime.Slot>
-        </box>
-      </box>
-    </Show>
-  )
-}

package/src/cli/cmd/tui/routes/session/subagent-footer.tsx

@@ -1,131 +0,0 @@
-import { createMemo, createSignal, Show } from "solid-js"
-import { useRouteData } from "@tui/context/route"
-import { useSync } from "@tui/context/sync"
-import { useTheme } from "@tui/context/theme"
-import { SplitBorder } from "@tui/component/border"
-import type { AssistantMessage } from "@saeeol/sdk/v2"
-import { useCommandDialog } from "@tui/component/dialog-command"
-import { useKeybind } from "../../context/keybind"
-import { Locale } from "@/util/locale"
-import { useTerminalDimensions } from "@opentui/solid"
-
-export function SubagentFooter() {
-  const route = useRouteData("session")
-  const sync = useSync()
-  const messages = createMemo(() => sync.data.message[route.sessionID] ?? [])
-  const session = createMemo(() => sync.session.get(route.sessionID))
-
-  const subagentInfo = createMemo(() => {
-    const s = session()
-    if (!s) return { label: "Subagent", index: 0, total: 0 }
-    const agentMatch = s.title.match(/@(\w+) subagent/)
-    const label = agentMatch ? Locale.titlecase(agentMatch[1]) : "Subagent"
-
-    if (!s.parentID) return { label, index: 0, total: 0 }
-
-    const siblings = sync.data.session
-      .filter((x) => x.parentID === s.parentID)
-      .toSorted((a, b) => a.time.created - b.time.created)
-    const index = siblings.findIndex((x) => x.id === s.id)
-
-    return { label, index: index + 1, total: siblings.length }
-  })
-
-  const usage = createMemo(() => {
-    const msg = messages()
-    const last = msg.findLast((item): item is AssistantMessage => item.role === "assistant" && item.tokens.output > 0)
-    if (!last) return
-
-    const tokens =
-      last.tokens.input + last.tokens.output + last.tokens.reasoning + last.tokens.cache.read + last.tokens.cache.write
-    if (tokens <= 0) return
-
-    const model = sync.data.provider.find((item) => item.id === last.providerID)?.models?.[last.modelID]
-    const pct = model?.limit.context ? `${Math.round((tokens / model.limit.context) * 100)}%` : undefined
-    const cost = msg.reduce((sum, item) => sum + (item.role === "assistant" ? item.cost : 0), 0)
-
-    const money = new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: "USD",
-    })
-
-    return {
-      context: pct ? `${Locale.number(tokens)} (${pct})` : Locale.number(tokens),
-      cost: cost > 0 ? money.format(cost) : undefined,
-    }
-  })
-
-  const { theme } = useTheme()
-  const keybind = useKeybind()
-  const command = useCommandDialog()
-  const [hover, setHover] = createSignal<"parent" | "prev" | "next" | null>(null)
-  useTerminalDimensions()
-
-  return (
-    <box flexShrink={0}>
-      <box
-        paddingTop={1}
-        paddingBottom={1}
-        paddingLeft={2}
-        paddingRight={1}
-        {...SplitBorder}
-        border={["left"]}
-        borderColor={theme.border}
-        flexShrink={0}
-        backgroundColor={theme.backgroundPanel}
-      >
-        <box flexDirection="row" justifyContent="space-between" gap={1}>
-          <box flexDirection="row" gap={1}>
-            <text fg={theme.text}>
-              <b>{subagentInfo().label}</b>
-            </text>
-            <Show when={subagentInfo().total > 0}>
-              <text style={{ fg: theme.textMuted }}>
-                ({subagentInfo().index} of {subagentInfo().total})
-              </text>
-            </Show>
-            <Show when={usage()}>
-              {(item) => (
-                <text fg={theme.textMuted} wrapMode="none">
-                  {[item().context, item().cost].filter(Boolean).join(" · ")}
-                </text>
-              )}
-            </Show>
-          </box>
-          <box flexDirection="row" gap={2}>
-            <box
-              onMouseOver={() => setHover("parent")}
-              onMouseOut={() => setHover(null)}
-              onMouseUp={() => command.trigger("session.parent")}
-              backgroundColor={hover() === "parent" ? theme.backgroundElement : theme.backgroundPanel}
-            >
-              <text fg={theme.text}>
-                Parent <span style={{ fg: theme.textMuted }}>{keybind.print("session_parent")}</span>
-              </text>
-            </box>
-            <box
-              onMouseOver={() => setHover("prev")}
-              onMouseOut={() => setHover(null)}
-              onMouseUp={() => command.trigger("session.child.previous")}
-              backgroundColor={hover() === "prev" ? theme.backgroundElement : theme.backgroundPanel}
-            >
-              <text fg={theme.text}>
-                Prev <span style={{ fg: theme.textMuted }}>{keybind.print("session_child_cycle_reverse")}</span>
-              </text>
-            </box>
-            <box
-              onMouseOver={() => setHover("next")}
-              onMouseOut={() => setHover(null)}
-              onMouseUp={() => command.trigger("session.child.next")}
-              backgroundColor={hover() === "next" ? theme.backgroundElement : theme.backgroundPanel}
-            >
-              <text fg={theme.text}>
-                Next <span style={{ fg: theme.textMuted }}>{keybind.print("session_child_cycle")}</span>
-              </text>
-            </box>
-          </box>
-        </box>
-      </box>
-    </box>
-  )
-}

package/src/cli/cmd/tui/routes/session/suggest.tsx

@@ -1 +0,0 @@
-export { SuggestPrompt } from "../../../../../overlay/suggestion/tui/prompt"

package/src/cli/cmd/tui/routes/session/usage.ts

@@ -1,25 +0,0 @@
-import type { Message } from "@saeeol/sdk/v2"
-
-const fmt = new Intl.NumberFormat("en-US")
-
-export function getUsage(msg: readonly Message[]) {
-  return msg.reduce(
-    (sum, item) => {
-      if (item.role !== "assistant") return sum
-      return {
-        input: sum.input + item.tokens.input,
-        output: sum.output + item.tokens.output,
-        cached: sum.cached + item.tokens.cache.read,
-      }
-    },
-    {
-      input: 0,
-      output: 0,
-      cached: 0,
-    },
-  )
-}
-
-export function formatCount(input: number) {
-  return fmt.format(input)
-}