saeeol 1.0.8 → 1.1.0

package/src/cli/cmd/tui/plugin/runtime.theme.ts

@@ -1,131 +0,0 @@
-import {
-  type TuiTheme,
-} from "@saeeol/plugin/tui"
-import path from "path"
-import { fileURLToPath } from "url"
-import { ConfigPlugin } from "@/config/plugin"
-import { readPackageThemes, type PluginPackage } from "@/plugin/shared"
-import { PluginMeta } from "@/plugin/meta"
-import { hasTheme, upsertTheme } from "@tui/context/theme"
-import { Global } from "@saeeol/core/global"
-import { Filesystem } from "@/util/filesystem"
-import { Flock } from "@saeeol/core/util/flock"
-import {
-  type PluginEntry,
-  fail,
-  warn,
-  log,
-  isTheme,
-} from "./runtime.types"
-
-export async function readThemeFiles(spec: string, pkg?: PluginPackage) {
-  if (!pkg) return [] as string[]
-  return Promise.resolve()
-    .then(() => readPackageThemes(spec, pkg))
-    .catch((error) => {
-      warn("invalid tui plugin oc-themes", {
-        path: spec,
-        pkg: pkg.pkg,
-        error,
-      })
-      return [] as string[]
-    })
-}
-
-export function createThemeInstaller(
-  meta: ConfigPlugin.Origin,
-  root: string,
-  spec: string,
-  plugin: PluginEntry,
-): TuiTheme["install"] {
-  return async (file) => {
-    const raw = file.startsWith("file://") ? fileURLToPath(file) : file
-    const src = path.isAbsolute(raw) ? raw : path.resolve(root, raw)
-    const name = path.basename(src, path.extname(src))
-    const source_dir = path.dirname(meta.source)
-    const local_dir =
-      path.basename(source_dir) === ".saeeol"
-        ? path.join(source_dir, "themes")
-        : path.join(source_dir, ".saeeol", "themes")
-    const dest_dir = meta.scope === "local" ? local_dir : path.join(Global.Path.config, "themes")
-    const dest = path.join(dest_dir, `${name}.json`)
-    const stat = await Filesystem.statAsync(src)
-    const mtime = stat ? Math.floor(typeof stat.mtimeMs === "bigint" ? Number(stat.mtimeMs) : stat.mtimeMs) : undefined
-    const size = stat ? (typeof stat.size === "bigint" ? Number(stat.size) : stat.size) : undefined
-    const info = {
-      src,
-      dest,
-      mtime,
-      size,
-    }
-
-    await Flock.withLock(`tui-theme:${dest}`, async () => {
-      const save = async () => {
-        plugin.themes[name] = info
-        await PluginMeta.setTheme(plugin.id, name, info).catch((error) => {
-          log.warn("failed to track tui plugin theme", {
-            path: spec,
-            id: plugin.id,
-            theme: src,
-            dest,
-            error,
-          })
-        })
-      }
-
-      const exists = hasTheme(name)
-      const prev = plugin.themes[name]
-      if (exists) {
-        if (plugin.meta.state !== "updated") {
-          if (!prev && (await Filesystem.exists(dest))) {
-            await save()
-          }
-          return
-        }
-        if (prev?.dest === dest && prev.mtime === mtime && prev.size === size) return
-      }
-
-      const text = await Filesystem.readText(src).catch((error) => {
-        log.warn("failed to read tui plugin theme", { path: spec, theme: src, error })
-        return
-      })
-      if (text === undefined) return
-
-      const fail = Symbol()
-      const data = await Promise.resolve(text)
-        .then((x) => JSON.parse(x))
-        .catch((error) => {
-          log.warn("failed to parse tui plugin theme", { path: spec, theme: src, error })
-          return fail
-        })
-      if (data === fail) return
-
-      if (!isTheme(data)) {
-        log.warn("invalid tui plugin theme", { path: spec, theme: src })
-        return
-      }
-
-      if (exists || !(await Filesystem.exists(dest))) {
-        await Filesystem.write(dest, text).catch((error) => {
-          log.warn("failed to persist tui plugin theme", { path: spec, theme: src, dest, error })
-        })
-      }
-
-      upsertTheme(name, data)
-      await save()
-    }).catch((error) => {
-      log.warn("failed to lock tui plugin theme install", { path: spec, theme: src, dest, error })
-    })
-  }
-}
-
-export async function syncPluginThemes(plugin: PluginEntry) {
-  if (!plugin.load.theme_files.length) return
-  if (plugin.meta.state === "same") return
-  const install = createThemeInstaller(plugin.load.origin, plugin.load.theme_root, plugin.load.spec, plugin)
-  for (const file of plugin.load.theme_files) {
-    await install(file).catch((error) => {
-      warn("failed to sync tui plugin oc-themes", { path: plugin.load.spec, id: plugin.id, theme: file, error })
-    })
-  }
-}

package/src/cli/cmd/tui/plugin/runtime.ts

@@ -1,129 +0,0 @@
-import "@opentui/solid/runtime-plugin-support"
-import { TuiConfig } from "@/cli/cmd/tui/config/tui"
-import { Instance } from "@/project/instance"
-import { Flag } from "@saeeol/core/flag/flag"
-import { INTERNAL_TUI_PLUGINS } from "./internal"
-import { setupSlots, Slot as View } from "./slots"
-import type { HostPluginApi } from "./slots"
-import {
-  type Api,
-  type RuntimeState,
-  log,
-  fail,
-  pluginOps,
-  addPluginEntry,
-  applyInitialPluginEnabledState,
-  listPluginStatus,
-} from "./runtime.types"
-import { loadInternalPlugin, createMeta, resolveExternalPlugins, addExternalPluginEntries } from "./runtime.resolve"
-import { activatePluginEntry, deactivatePluginEntry, activatePluginById, deactivatePluginById } from "./runtime.lifecycle"
-import { addPluginBySpec, installPluginBySpec } from "./runtime.install"
-
-pluginOps.add = addPluginBySpec
-pluginOps.install = installPluginBySpec
-
-let dir = ""
-let loaded: Promise<void> | undefined
-let runtime: RuntimeState | undefined
-export const Slot = View
-
-export async function init(input: { api: HostPluginApi; config: TuiConfig.Info }) {
-  const cwd = process.cwd()
-  if (loaded) {
-    if (dir !== cwd) {
-      throw new Error(`TuiPluginRuntime.init() called with a different working directory. expected=${dir} got=${cwd}`)
-    }
-    return loaded
-  }
-  dir = cwd
-  loaded = load(input)
-  return loaded
-}
-
-export function list() {
-  if (!runtime) return []
-  return listPluginStatus(runtime)
-}
-
-export async function activatePlugin(id: string) {
-  return activatePluginById(runtime, id, true)
-}
-
-export async function deactivatePlugin(id: string) {
-  return deactivatePluginById(runtime, id, true)
-}
-
-export async function addPlugin(spec: string) {
-  return addPluginBySpec(runtime, spec)
-}
-
-export async function installPlugin(spec: string, options?: { global?: boolean }) {
-  return installPluginBySpec(runtime, spec, options?.global)
-}
-
-export async function dispose() {
-  const task = loaded
-  loaded = undefined
-  dir = ""
-  if (task) await task
-  const state = runtime
-  runtime = undefined
-  if (!state) return
-  const queue = [...state.plugins].reverse()
-  for (const plugin of queue) {
-    await deactivatePluginEntry(state, plugin, false)
-  }
-}
-
-async function load(input: { api: Api; config: TuiConfig.Info }) {
-  const { api, config } = input
-  const cwd = process.cwd()
-  const slots = setupSlots(api)
-  const next: RuntimeState = {
-    directory: cwd,
-    api,
-    slots,
-    plugins: [],
-    plugins_by_id: new Map(),
-    pending: new Map(),
-  }
-  runtime = next
-  try {
-    await Instance.provide({
-      directory: cwd,
-      fn: async () => {
-        const records = Flag.SAEEOL_PURE ? [] : (config.plugin_origins ?? [])
-        if (Flag.SAEEOL_PURE && config.plugin_origins?.length) {
-          log.info("skipping external tui plugins in pure mode", { count: config.plugin_origins.length })
-        }
-
-        for (const item of INTERNAL_TUI_PLUGINS) {
-          log.info("loading internal tui plugin", { id: item.id })
-          const entry = loadInternalPlugin(item)
-          const meta = createMeta(entry.source, entry.spec, entry.target, undefined, entry.id)
-          addPluginEntry(next, {
-            id: entry.id,
-            load: entry,
-            meta,
-            themes: {},
-            plugin: entry.module.tui,
-            enabled: true,
-          })
-        }
-
-        const ready = await resolveExternalPlugins(records, () => TuiConfig.waitForDependencies())
-        await addExternalPluginEntries(next, ready)
-
-        applyInitialPluginEnabledState(next, config)
-        for (const plugin of next.plugins) {
-          if (!plugin.enabled) continue
-          await activatePluginEntry(next, plugin, false)
-        }
-      },
-    })
-  } catch (error) {
-    fail("failed to load tui plugins", { directory: cwd, error })
-  }
-}
-
-export * as TuiPluginRuntime from "./runtime"

package/src/cli/cmd/tui/plugin/runtime.types.ts

@@ -1,181 +0,0 @@
-import {
-  type TuiPlugin,
-  type TuiPluginApi,
-  type TuiPluginInstallResult,
-  type TuiPluginMeta,
-  type TuiPluginModule,
-  type TuiPluginStatus,
-} from "@saeeol/plugin/tui"
-import path from "path"
-import { fileURLToPath } from "url"
-import * as Log from "@saeeol/core/util/log"
-import { errorData, errorMessage } from "@/util/error"
-import { isRecord } from "@/util/record"
-import { type PluginSource } from "@/plugin/shared"
-import { PluginMeta } from "@/plugin/meta"
-import { ConfigPlugin } from "@/config/plugin"
-import { TuiConfig } from "@/cli/cmd/tui/config/tui"
-import type { HostPluginApi, HostSlots } from "./slots"
-
-export type PluginLoad = {
-  options: ConfigPlugin.Options | undefined
-  spec: string
-  target: string
-  retry: boolean
-  source: PluginSource | "internal"
-  id: string
-  module: TuiPluginModule
-  origin: ConfigPlugin.Origin
-  theme_root: string
-  theme_files: string[]
-}
-
-export type Api = HostPluginApi
-
-export type PluginScope = {
-  lifecycle: TuiPluginApi["lifecycle"]
-  track: (fn: (() => void) | undefined) => () => void
-  dispose: () => Promise<void>
-}
-
-export type PluginEntry = {
-  id: string
-  load: PluginLoad
-  meta: TuiPluginMeta
-  themes: Record<string, PluginMeta.Theme>
-  plugin: TuiPlugin
-  enabled: boolean
-  scope?: PluginScope
-}
-
-export type RuntimeState = {
-  directory: string
-  api: Api
-  slots: HostSlots
-  plugins: PluginEntry[]
-  plugins_by_id: Map<string, PluginEntry>
-  pending: Map<string, ConfigPlugin.Origin>
-}
-
-export const log = Log.create({ service: "tui.plugin" })
-export const DISPOSE_TIMEOUT_MS = 5000
-export const KV_KEY = "plugin_enabled"
-export const EMPTY_TUI: TuiPluginModule = {
-  tui: async () => {},
-}
-
-export function fail(message: string, data: Record<string, unknown>) {
-  if (!("error" in data)) {
-    log.error(message, data)
-    console.error(`[tui.plugin] ${message}`, data)
-    return
-  }
-  const text = `${message}: ${errorMessage(data.error)}`
-  const next = { ...data, error: errorData(data.error) }
-  log.error(text, next)
-  console.error(`[tui.plugin] ${text}`, next)
-}
-
-export function warn(message: string, data: Record<string, unknown>) {
-  log.warn(message, data)
-  console.warn(`[tui.plugin] ${message}`, data)
-}
-
-export type CleanupResult = { type: "ok" } | { type: "error"; error: unknown } | { type: "timeout" }
-
-export function runCleanup(fn: () => unknown, ms: number): Promise<CleanupResult> {
-  return new Promise((resolve) => {
-    const timer = setTimeout(() => {
-      resolve({ type: "timeout" })
-    }, ms)
-    Promise.resolve()
-      .then(fn)
-      .then(
-        () => {
-          resolve({ type: "ok" })
-        },
-        (error) => {
-          resolve({ type: "error", error })
-        },
-      )
-      .finally(() => {
-        clearTimeout(timer)
-      })
-  })
-}
-
-export function isTheme(value: unknown) {
-  if (!isRecord(value)) return false
-  if (!("theme" in value)) return false
-  if (!isRecord(value.theme)) return false
-  return true
-}
-
-export function resolveRoot(root: string) {
-  if (root.startsWith("file://")) {
-    const file = fileURLToPath(root)
-    if (root.endsWith("/")) return file
-    return path.dirname(file)
-  }
-  if (path.isAbsolute(root)) return root
-  return path.resolve(process.cwd(), root)
-}
-
-export function readPluginEnabledMap(value: unknown) {
-  if (!isRecord(value)) return {}
-  return Object.fromEntries(
-    Object.entries(value).filter((item): item is [string, boolean] => typeof item[1] === "boolean"),
-  )
-}
-
-export function pluginEnabledState(state: RuntimeState, config: TuiConfig.Info) {
-  return {
-    ...readPluginEnabledMap(config.plugin_enabled),
-    ...readPluginEnabledMap(state.api.kv.get(KV_KEY, {})),
-  }
-}
-
-export function writePluginEnabledState(api: Api, id: string, enabled: boolean) {
-  api.kv.set(KV_KEY, {
-    ...readPluginEnabledMap(api.kv.get(KV_KEY, {})),
-    [id]: enabled,
-  })
-}
-
-export function addPluginEntry(state: RuntimeState, plugin: PluginEntry) {
-  if (state.plugins_by_id.has(plugin.id)) {
-    fail("duplicate tui plugin id", {
-      id: plugin.id,
-      path: plugin.load.spec,
-    })
-    return false
-  }
-  state.plugins_by_id.set(plugin.id, plugin)
-  state.plugins.push(plugin)
-  return true
-}
-
-export function applyInitialPluginEnabledState(state: RuntimeState, config: TuiConfig.Info) {
-  const map = pluginEnabledState(state, config)
-  for (const plugin of state.plugins) {
-    const enabled = map[plugin.id]
-    if (enabled === undefined) continue
-    plugin.enabled = enabled
-  }
-}
-
-export function listPluginStatus(state: RuntimeState): TuiPluginStatus[] {
-  return state.plugins.map((plugin) => ({
-    id: plugin.id,
-    source: plugin.meta.source,
-    spec: plugin.meta.spec,
-    target: plugin.meta.target,
-    enabled: plugin.enabled,
-    active: plugin.scope !== undefined,
-  }))
-}
-
-export const pluginOps = {
-  add: undefined as ((state: RuntimeState | undefined, raw: string) => Promise<boolean>) | undefined,
-  install: undefined as ((state: RuntimeState | undefined, raw: string, global?: boolean) => Promise<TuiPluginInstallResult>) | undefined,
-}

package/src/cli/cmd/tui/plugin/slots.tsx

@@ -1,71 +0,0 @@
-import type { TuiPluginApi, TuiSlotContext, TuiSlotMap, TuiSlotProps } from "@saeeol/plugin/tui"
-import { createSlot, createSolidSlotRegistry, type JSX, type SolidPlugin } from "@opentui/solid"
-import { children, mergeProps } from "solid-js" 
-import { isRecord } from "@/util/record"
-
-type RuntimeSlotMap = TuiSlotMap<Record<string, object>>
-
-type Slot = <Name extends string>(props: TuiSlotProps<Name>) => JSX.Element | null
-export type HostSlotPlugin<Slots extends Record<string, object> = {}> = SolidPlugin<TuiSlotMap<Slots>, TuiSlotContext>
-
-export type HostPluginApi = TuiPluginApi
-export type HostSlots = {
-  register: {
-    (plugin: HostSlotPlugin): () => void
-    <Slots extends Record<string, object>>(plugin: HostSlotPlugin<Slots>): () => void
-  }
-}
-
-function empty<Name extends string>(_props: TuiSlotProps<Name>) {
-  return null
-}
-
-let view: Slot = empty
-// don't recreate stateful defaults like the session prompt on prop changes.
-// mergeProps (instead of spread) preserves SolidJS prop reactivity so things
-// like ref, visible, disabled, on_submit keep flowing through to the slot.
-export const Slot = <Name extends string>(props: TuiSlotProps<Name>) => {
-  const value = children(() => props.children)
-  const merged = mergeProps(props, {
-    get children() {
-      return value()
-    },
-  })
-  return view(merged as TuiSlotProps<Name>)
-}
-
-function isHostSlotPlugin(value: unknown): value is HostSlotPlugin<Record<string, object>> {
-  if (!isRecord(value)) return false
-  if (typeof value.id !== "string") return false
-  if (!isRecord(value.slots)) return false
-  return true
-}
-
-export function setupSlots(api: HostPluginApi): HostSlots {
-  const reg = createSolidSlotRegistry<RuntimeSlotMap, TuiSlotContext>(
-    api.renderer,
-    {
-      theme: api.theme,
-    },
-    {
-      onPluginError(event) {
-        console.error("[tui.slot] plugin error", {
-          plugin: event.pluginId,
-          slot: event.slot,
-          phase: event.phase,
-          source: event.source,
-          message: event.error.message,
-        })
-      },
-    },
-  )
-
-  const slot = createSlot<RuntimeSlotMap, TuiSlotContext>(reg)
-  view = (props) => slot(props)
-  return {
-    register(plugin: HostSlotPlugin) {
-      if (!isHostSlotPlugin(plugin)) return () => {}
-      return reg.register(plugin)
-    },
-  }
-}

package/src/cli/cmd/tui/routes/home.tsx

@@ -1,90 +0,0 @@
-import { Prompt, type PromptRef } from "@tui/component/prompt"
-import { createEffect, createSignal } from "solid-js"
-import { Logo } from "../component/logo"
-import { useProject } from "../context/project"
-import { useSync } from "../context/sync"
-import { Toast } from "../ui/toast"
-import { useArgs } from "../context/args"
-import { useRouteData } from "@tui/context/route"
-import { usePromptRef } from "../context/prompt"
-import { useLocal } from "../context/local"
-import { TuiPluginRuntime } from "@/cli/cmd/tui/plugin/runtime"
-
-let once = false
-const placeholder = {
-  normal: ["Fix a TODO in the codebase", "What is the tech stack of this project?", "Fix broken tests"],
-  shell: ["ls -la", "git status", "pwd"],
-}
-
-export function Home() {
-  const sync = useSync()
-  const project = useProject()
-  const route = useRouteData("home")
-  const promptRef = usePromptRef()
-  const [ref, setRef] = createSignal<PromptRef | undefined>()
-  const args = useArgs()
-  const local = useLocal()
-  let sent = false
-
-  const bind = (r: PromptRef | undefined) => {
-    setRef(r)
-    promptRef.set(r)
-    if (once || !r) return
-    if (route.prompt) {
-      r.set(route.prompt)
-      once = true
-      return
-    }
-    if (!args.prompt) return
-    r.set({ input: args.prompt, parts: [] })
-    once = true
-  }
-
-  // Wait for sync and model store to be ready before auto-submitting --prompt
-  createEffect(() => {
-    const r = ref()
-    if (sent) return
-    if (!r) return
-    if (!sync.ready || !local.model.ready) return
-    if (!args.prompt) return
-    if (r.current.input !== args.prompt) return
-    sent = true
-    r.submit()
-  })
-
-  return (
-    <>
-      <box flexGrow={1} alignItems="center" paddingLeft={2} paddingRight={2}>
-        <box flexGrow={1} minHeight={0} />
-        <box height={4} minHeight={0} flexShrink={1} />
-        <box flexShrink={0}>
-          <TuiPluginRuntime.Slot name="home_logo" mode="replace">
-            <Logo />
-          </TuiPluginRuntime.Slot>
-        </box>
-        <box height={1} minHeight={0} flexShrink={1} />
-        <box width="100%" maxWidth={75} zIndex={1000} paddingTop={1} flexShrink={0}>
-          <TuiPluginRuntime.Slot
-            name="home_prompt"
-            mode="replace"
-            workspace_id={project.workspace.current()}
-            ref={bind}
-          >
-            <Prompt
-              ref={bind}
-              workspaceID={project.workspace.current()}
-              right={<TuiPluginRuntime.Slot name="home_prompt_right" workspace_id={project.workspace.current()} />}
-              placeholders={placeholder}
-            />
-          </TuiPluginRuntime.Slot>
-        </box>
-        <TuiPluginRuntime.Slot name="home_bottom" />
-        <box flexGrow={1} minHeight={0} />
-        <Toast />
-      </box>
-      <box width="100%" flexShrink={0}>
-        <TuiPluginRuntime.Slot name="home_footer" mode="single_winner" />
-      </box>
-    </>
-  )
-}

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

@@ -1,24 +0,0 @@
-import { createContext, useContext } from "solid-js"
-import type { Provider } from "@saeeol/sdk/v2"
-import type { useSync } from "@tui/context/sync"
-import type { useTuiConfig } from "../../context/tui-config"
-
-export const context = createContext<{
-  width: number
-  sessionID: string
-  conceal: () => boolean
-  showThinking: () => boolean
-  showTimestamps: () => boolean
-  showDetails: () => boolean
-  showGenericToolOutput: () => boolean
-  diffWrapMode: () => "word" | "none"
-  providers: () => ReadonlyMap<string, Provider>
-  sync: ReturnType<typeof useSync>
-  tui: ReturnType<typeof useTuiConfig>
-}>()
-
-export function use() {
-  const ctx = useContext(context)
-  if (!ctx) throw new Error("useContext must be used within a Session component")
-  return ctx
-}

package/src/cli/cmd/tui/routes/session/dialog-fork-from-timeline.tsx

@@ -1,76 +0,0 @@
-import { createMemo, onMount } from "solid-js"
-import { useSync } from "@tui/context/sync"
-import { DialogSelect, type DialogSelectOption } from "@tui/ui/dialog-select"
-import type { TextPart } from "@saeeol/sdk/v2"
-import { Locale } from "@/util/locale"
-import { useSDK } from "@tui/context/sdk"
-import { useRoute } from "@tui/context/route"
-import { useDialog, type DialogContext } from "../../ui/dialog"
-import type { PromptInfo } from "@tui/component/prompt/history"
-import { strip } from "@tui/component/prompt/part"
-
-export function DialogForkFromTimeline(props: { sessionID: string; onMove: (messageID?: string) => void }) {
-  const sync = useSync()
-  const dialog = useDialog()
-  const sdk = useSDK()
-  const route = useRoute()
-
-  onMount(() => {
-    dialog.setSize("large")
-  })
-
-  const options = createMemo((): DialogSelectOption<string | undefined>[] => {
-    const messages = sync.data.message[props.sessionID] ?? []
-    const fullSession = {
-      title: "Full session",
-      value: undefined,
-      onSelect: async (dialog: DialogContext) => {
-        const forked = await sdk.client.session.fork({ sessionID: props.sessionID })
-        route.navigate({
-          sessionID: forked.data!.id,
-          type: "session",
-        })
-        dialog.clear()
-      },
-    } satisfies DialogSelectOption<string | undefined>
-    const result = [] as DialogSelectOption<string | undefined>[]
-    for (const message of messages) {
-      if (message.role !== "user") continue
-      const part = (sync.data.part[message.id] ?? []).find(
-        (x) => x.type === "text" && !x.synthetic && !x.ignored,
-      ) as TextPart
-      if (!part) continue
-      result.push({
-        title: part.text.replace(/\n/g, " "),
-        value: message.id,
-        footer: Locale.time(message.time.created),
-        onSelect: async (dialog) => {
-          const forked = await sdk.client.session.fork({
-            sessionID: props.sessionID,
-            messageID: message.id,
-          })
-          const parts = sync.data.part[message.id] ?? []
-          const prompt = parts.reduce(
-            (agg, part) => {
-              if (part.type === "text") {
-                if (!part.synthetic) agg.input += part.text
-              }
-              if (part.type === "file") agg.parts.push(strip(part))
-              return agg
-            },
-            { input: "", parts: [] as PromptInfo["parts"] },
-          )
-          route.navigate({
-            sessionID: forked.data!.id,
-            type: "session",
-            prompt,
-          })
-          dialog.clear()
-        },
-      })
-    }
-    return [fullSession, ...result.reverse()]
-  })
-
-  return <DialogSelect onMove={(option) => props.onMove(option.value)} title="Fork session" options={options()} />
-}