@xingular/harness 0.1.6 → 0.1.7

package/src/terminal/tui/settings.ts

@@ -0,0 +1,188 @@
+/**
+ * Settings chrome adapted from Oh My Pi 18.11.3 settings-selector.ts and
+ * settings-list.ts (MIT; see NOTICE-oh-my-pi). Values and actions belong to the host.
+ */
+import type { Theme } from '@earendil-works/pi-coding-agent'
+import { Input, fuzzyFilter, matchesKey, stripTerminalSequences, truncateToWidth, visibleWidth, wrapTextWithAnsi, type Component, type Focusable, type TUI } from '@earendil-works/pi-tui'
+
+export interface TerminalSettingItem {
+  id: string
+  tab: string
+  group: string
+  label: string
+  value: string
+  description?: string
+}
+const categories = ['appearance', 'model', 'interaction', 'context'] as const
+const categoryIcon: Record<string, string> = { appearance: '🎨', model: '🤖', interaction: '⌨', context: '📋' }
+const categoryName = (value: string) => value.charAt(0).toUpperCase() + value.slice(1)
+const plain = (value: string) => stripTerminalSequences(value).replace(/[\x00-\x1f\x7f]/g, ' ')
+const tabOf = (item: TerminalSettingItem) => item.tab.toLowerCase()
+
+/** A full terminal settings view. It describes existing host settings without owning them. */
+export class SettingsPanel implements Component, Focusable {
+  private search = new Input({ prompt: '' })
+  private query = ''
+  private currentTab = ''
+  private selected: string | undefined
+  private groupFocus = false
+  private focusedValue = false
+  private remembered = new Map<string, string>()
+  private readonly items: TerminalSettingItem[]
+  private readonly tabs: string[]
+  constructor(private readonly tui: TUI, private readonly theme: () => Theme, items: TerminalSettingItem[], private readonly done: (id: string | undefined) => void, initialId?: string) {
+    this.items = items.filter(item => categories.includes(tabOf(item) as typeof categories[number]))
+    this.tabs = categories.filter(tab => this.items.some(item => tabOf(item) === tab))
+    const initial = this.items.find(item => item.id === initialId)
+    this.currentTab = initial ? tabOf(initial) : this.tabs[0] ?? ''
+    this.selected = initial?.id ?? this.visibleItems()[0]?.id
+  }
+  get selectedId(): string | undefined { return this.selected }
+  get focused(): boolean { return this.focusedValue }
+  set focused(value: boolean) { this.focusedValue = value; this.search.focused = value && this.query.length > 0 }
+  invalidate(): void { this.search.invalidate() }
+  private visibleItems(): TerminalSettingItem[] {
+    return this.query
+      ? fuzzyFilter(this.items, this.query, item => `${item.label} ${item.id} ${item.value} ${item.description ?? ''} ${item.group} ${item.tab}`)
+      : this.items.filter(item => tabOf(item) === this.currentTab)
+  }
+  private select(item: TerminalSettingItem | undefined): void {
+    this.selected = item?.id
+    if (item) { this.currentTab = tabOf(item); this.remembered.set(this.currentTab, item.id) }
+  }
+  private switchTab(direction: number): void {
+    const tabs = this.query ? this.tabs.filter(tab => this.visibleItems().some(item => tabOf(item) === tab)) : this.tabs
+    if (!tabs.length) return
+    const at = Math.max(0, tabs.indexOf(this.currentTab))
+    this.currentTab = tabs[(at + direction + tabs.length) % tabs.length]
+    const items = this.visibleItems().filter(item => tabOf(item) === this.currentTab)
+    this.select(items.find(item => item.id === this.remembered.get(this.currentTab)) ?? items[0])
+    this.groupFocus = false
+  }
+  private jumpGroup(direction: number): void {
+    const items = this.visibleItems()
+    const groups = [...new Set(items.map(item => item.group))]
+    const current = items.find(item => item.id === this.selected)?.group
+    const index = Math.max(0, groups.indexOf(current ?? ''))
+    const group = groups[(index + direction + groups.length) % groups.length]
+    this.select(items.find(item => item.group === group))
+  }
+  handleInput(data: string): void {
+    if (matchesKey(data, 'escape') || matchesKey(data, 'ctrl+c')) { this.done(undefined); return }
+    if (matchesKey(data, 'left') || matchesKey(data, 'right')) { this.switchTab(matchesKey(data, 'left') ? -1 : 1); return }
+    if (matchesKey(data, 'tab') || matchesKey(data, 'shift+tab')) {
+      if (this.query) this.switchTab(matchesKey(data, 'shift+tab') ? -1 : 1)
+      else if (new Set(this.visibleItems().map(item => item.group)).size > 1) this.groupFocus = !this.groupFocus
+      else this.switchTab(matchesKey(data, 'shift+tab') ? -1 : 1)
+      return
+    }
+    if (matchesKey(data, 'up') || matchesKey(data, 'down') || matchesKey(data, 'pageUp') || matchesKey(data, 'pageDown')) {
+      const direction = matchesKey(data, 'up') || matchesKey(data, 'pageUp') ? -1 : 1
+      if (this.groupFocus || matchesKey(data, 'pageUp') || matchesKey(data, 'pageDown')) this.jumpGroup(direction)
+      else {
+        const items = this.visibleItems()
+        const at = Math.max(0, items.findIndex(item => item.id === this.selected))
+        this.select(items[Math.max(0, Math.min(items.length - 1, at + direction))])
+      }
+      return
+    }
+    if (matchesKey(data, 'enter') || data === ' ') {
+      if (this.groupFocus) this.groupFocus = false
+      else if (this.selected) this.done(this.selected)
+      return
+    }
+    this.search.handleInput(data)
+    if (this.search.getValue() !== this.query) {
+      this.query = this.search.getValue()
+      this.groupFocus = false
+      this.search.focused = this.focusedValue && !!this.query
+      const items = this.visibleItems()
+      this.select(items.find(item => item.id === this.selected) ?? items[0])
+    }
+  }
+
+  render(width: number): string[] {
+    const height = Math.max(0, Math.trunc(this.tui.terminal.rows))
+    width = Math.max(0, Math.trunc(width))
+    if (!width || !height) return []
+    const theme = this.theme()
+    const inner = Math.max(0, width - 4)
+    const clip = (value: string, columns = width) => truncateToWidth(value, columns, '')
+    const pad = (value: string, columns: number) => clip(value, columns) + ' '.repeat(Math.max(0, columns - Math.min(columns, visibleWidth(value))))
+    const border = (value: string) => theme.fg('border', value)
+    const row = (value: string) => clip(border('│') + ' ' + pad(value, inner) + ' ' + border('│'))
+    const rule = () => clip(border('├' + '─'.repeat(Math.max(0, width - 2)) + '┤'))
+    const title = clip(' Settings ', Math.max(0, width - 4))
+    const top = clip(border('╭─') + theme.bold(theme.fg('accent', title)) + border('─'.repeat(Math.max(0, width - visibleWidth(title) - 3)) + '╮'))
+    const bottom = clip(border('╰' + '─'.repeat(Math.max(0, width - 2)) + '╯'))
+    const tabRow = (compact: boolean) => this.tabs.map(tab => {
+      const label = ` ${categoryIcon[tab]}${compact ? '' : ` ${categoryName(tab)}`} `
+      return tab === this.currentTab ? theme.bg('selectedBg', theme.fg('accent', label)) : theme.fg('muted', label)
+    }).join('  ')
+    let tabs = tabRow(false)
+    if (visibleWidth(tabs) > inner) tabs = tabRow(true)
+    if (visibleWidth(tabs) > inner) tabs = theme.fg('accent', `‹ ${categoryIcon[this.currentTab] ?? ''} ${categoryName(this.currentTab)} ›`)
+    const lines = [top, row(tabs), rule()]
+    const items = this.visibleItems()
+    const current = items.find(item => item.id === this.selected)
+    if (this.query) {
+      const count = `${items.length} ${items.length === 1 ? 'match' : 'matches'}`
+      const prefix = theme.fg('accent', '🔍 ')
+      const queryWidth = Math.max(2, inner - visibleWidth(prefix) - count.length - 1)
+      lines.push(row(prefix + (this.search.render(queryWidth)[0] ?? '') + ' ' + theme.fg('dim', count)))
+    }
+    const contentRows = Math.max(0, height - lines.length - 3)
+    const descriptionRows = Math.min(3, Math.max(0, contentRows - 2))
+    const listRows = Math.max(0, contentRows - descriptionRows - (descriptionRows ? 1 : 0))
+    const groups = [...new Set(items.map(item => item.group))]
+    // The shipped SettingsList keeps at least 60 columns for editable rows.
+    const sidebar = !this.query && groups.length > 1 && inner - 28 >= 60 ? 26 : 0
+    const paneWidth = Math.max(0, inner - (sidebar ? sidebar + 2 : 0))
+    const entries: { item?: TerminalSettingItem; heading?: string }[] = []
+    let lastGroup: string | undefined
+    for (const item of items) {
+      const group = this.query ? `${categoryName(tabOf(item))} / ${item.group}` : item.group
+      if (group !== lastGroup) { entries.push({ heading: group }); lastGroup = group }
+      entries.push({ item })
+    }
+    const selectedRow = entries.findIndex(entry => entry.item?.id === this.selected)
+    const start = Math.max(0, Math.min(Math.max(0, entries.length - listRows), selectedRow - Math.floor(listRows / 2)))
+    const maxLabel = Math.min(30, Math.max(0, ...items.map(item => visibleWidth(plain(item.label)))))
+    const labelWidth = Math.min(maxLabel, Math.max(0, Math.floor((paneWidth - 4) * 0.6)))
+    for (let index = 0; index < listRows; index++) {
+      const entry = entries[start + index]
+      let right = ''
+      if (entry?.heading) right = theme.fg(entry.heading.includes(current?.group ?? '\u0000') ? 'accent' : 'dim', plain(entry.heading))
+      if (entry?.item) {
+        const item = entry.item
+        const selected = item.id === this.selected && !this.groupFocus
+        const active = this.query || item.group === current?.group
+        const prefix = selected ? '❯ ' : '  '
+        const labelText = prefix + pad(plain(item.label), labelWidth)
+        const text = labelText + '  ' + clip(plain(item.value), Math.max(0, paneWidth - visibleWidth(labelText) - 2))
+        right = selected
+          ? theme.bg('selectedBg', theme.fg('accent', pad(text, paneWidth)))
+          : theme.fg(active ? 'text' : 'dim', text)
+      }
+      if (!entries.length && index === 0) right = theme.fg('warning', this.query ? 'No matching settings' : 'No settings')
+      if (sidebar) {
+        const name = groups[index]
+        const active = name === current?.group
+        const left = name ? (active && this.groupFocus ? '❯ ' : '  ') + plain(name) : ''
+        const styled = active && this.groupFocus
+          ? theme.bg('selectedBg', theme.fg('accent', pad(left, sidebar)))
+          : theme.fg(active ? 'accent' : 'dim', pad(left, sidebar))
+        lines.push(row(styled + theme.fg('dim', '│ ') + right))
+      } else lines.push(row(right))
+    }
+    if (descriptionRows) lines.push(row(''))
+    const description = current?.description && inner > 1 ? wrapTextWithAnsi(plain(current.description), inner) : []
+    for (let index = 0; index < descriptionRows; index++) lines.push(row(theme.fg('muted', description[index] ?? '')))
+    const footer = this.groupFocus
+      ? '↑/↓ jump sections · Tab/Enter to settings · ←/→ switch tabs · Esc close'
+      : this.query ? 'Enter/Space change · Tab jump tabs · Esc close'
+        : `Enter/Space change · ${groups.length > 1 ? 'Tab jump sections · ←/→ switch tabs' : 'Tab/←/→ switch tabs'} · Type to search · Esc close`
+    lines.push(rule(), row(theme.fg('dim', footer)), bottom)
+    return lines.slice(0, height).map(value => clip(value))
+  }
+}

package/src/terminal/tui/status.test.ts

@@ -0,0 +1,70 @@
+import { initTheme, Theme } from '@earendil-works/pi-coding-agent'
+import { stripTerminalSequences, visibleWidth } from '@earendil-works/pi-tui'
+import { describe, expect, it } from 'vitest'
+
+import { contextGauge, displayPath, renderStatusBand, type BandState } from './status'
+import { createHarnessTheme } from './theme'
+
+initTheme('dark', false)
+const theme = createHarnessTheme({ getColorMode: () => 'truecolor' } as Theme)
+const state: BandState = {
+  cwd: '/work/project', model: { name: 'Claude Sonnet 4.6', reasoning: true, contextWindow: 200_000 },
+  thinkingLevel: 'high', branch: 'main', contextPercent: 25, contextWindow: 200_000,
+  costUsd: 0.15, subscription: false, running: false, elapsedMs: 0
+}
+
+describe('Oh My Pi status band', () => {
+  it('renders the actual model, effort, branch, cost, and embedded context gauge', () => {
+    const line = renderStatusBand(state, 120, theme)
+    const plain = stripTerminalSequences(line)
+    expect(plain).toContain('π > ◒ Sonnet 4.6 > 📁 /work/project > ⑂ main > $0.15 ▶')
+    expect(plain).toContain('25%')
+    expect(plain).toMatch(/200K─$/)
+    expect(visibleWidth(line)).toBe(120)
+    expect(line).toContain('48;2;15;18;22')
+    expect(line).toContain('38;2;0;180;255')
+  })
+
+  it('stays within every narrow and wide terminal with wide, colored, and untrusted metadata', () => {
+    for (let width = 1; width <= 180; width++) {
+      const line = renderStatusBand({ ...state,
+        cwd: '/work/日本語/long-project-name/with-many-parts',
+        branch: '\x1b]2;malicious title\x07main\nother',
+        model: { ...state.model!, name: '非常に長い名前'.repeat(20) }
+      }, width, theme)
+      expect(visibleWidth(line), `width ${width}`).toBeLessThanOrEqual(width)
+      expect(line).not.toContain('malicious title')
+      expect(line).not.toContain('\n')
+    }
+  })
+
+  it('never invents model, quota, usage, or git data while startup context is unknown', () => {
+    const plain = stripTerminalSequences(renderStatusBand({ ...state,
+      model: undefined, branch: null, contextWindow: 0, contextPercent: null, costUsd: 0
+    }, 80, theme))
+    expect(plain).toContain('⬢ no-model')
+    expect(plain).not.toMatch(/0%|200K|main|\$|quota|plan|collab/i)
+  })
+
+  it('clamps gauge values and omits an unknown percentage while retaining the window', () => {
+    for (const percent of [null, -20, 0, 50, 100, 120, NaN]) {
+      for (const width of [0, 1, 5, 16, 60]) {
+        const gauge = contextGauge(width, percent, 200_000, theme)
+        expect(visibleWidth(gauge)).toBe(width)
+        expect(stripTerminalSequences(gauge)).not.toContain('NaN')
+      }
+    }
+    expect(stripTerminalSequences(contextGauge(20, null, 200_000, theme))).not.toContain('%')
+  })
+
+  it('keeps sibling directories outside home and shows existing subscription and overflow states', () => {
+    expect(displayPath('/home/test/project', '/home/test')).toBe('~/project')
+    expect(displayPath('/home/test-other/project', '/home/test')).toBe('/home/test-other/project')
+    const line = stripTerminalSequences(renderStatusBand({ ...state,
+      subscription: true, costUsd: 0, running: true, elapsedMs: 65_000, hiddenAbove: 4
+    }, 160, theme))
+    expect(line).toContain('1m 5s')
+    expect(line).toContain('$0.00 (sub)')
+    expect(line).toContain('↑ 4 more')
+  })
+})

package/src/terminal/tui/status.ts

@@ -0,0 +1,109 @@
+// Presentation adapted from Oh My Pi 18.11.3's band composer and status line.
+// Upstream MIT license and evidence are recorded in NOTICE.md and docs/terminal-tui.md.
+import { homedir } from 'node:os'
+import { isAbsolute, relative, sep } from 'node:path'
+import type { Theme } from '@earendil-works/pi-coding-agent'
+import { parseColor, stripTerminalSequences, truncateToWidth, visibleWidth } from '@earendil-works/pi-tui'
+
+import { TITANIUM } from './theme'
+
+export interface BandState {
+  cwd: string
+  model?: { name: string; reasoning: boolean; contextWindow: number }
+  thinkingLevel: string
+  branch: string | null
+  account?: string
+  contextPercent: number | null
+  contextWindow: number
+  costUsd: number
+  subscription: boolean
+  running: boolean
+  elapsedMs: number
+  hiddenAbove?: number
+  hiddenBelow?: number
+}
+
+// OMP's shipped light theme supplies status colors separately from transcript colors.
+const LIGHT_STATUS = {
+  ...TITANIUM, darkTitanium: '#e0e0e0', electricBlue: '#875f87', subtleGray: '#808080',
+  brightAluminum: '#005f87', readoutGreen: '#005f00', titaniumGold: '#005f5f'
+}
+const palette = (theme: Theme) => theme.appearance === 'light' ? LIGHT_STATUS : TITANIUM
+
+const EFFORT: Record<string, string> = { off: '⦸', minimal: '○', low: '◔', medium: '◑', high: '◒', xhigh: '◕', max: '◉' }
+const SPINNER = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏']
+
+export function singleLine(text: string): string {
+  return stripTerminalSequences(text).replace(/[\x00-\x1f\x7f-\x9f]/g, ' ').replace(/ +/g, ' ').trim()
+}
+
+export function displayPath(cwd: string, home = homedir()): string {
+  const inside = relative(home, cwd)
+  if (inside === '') return '~'
+  return inside !== '..' && !inside.startsWith(`..${sep}`) && !isAbsolute(inside) ? `~${sep}${inside}` : cwd
+}
+
+export function formatContextWindow(tokens: number): string {
+  if (tokens >= 1_000_000) return `${Number((tokens / 1_000_000).toFixed(1))}M`
+  if (tokens >= 1000) return `${Number((tokens / 1000).toFixed(1))}K`
+  return String(Math.max(0, Math.round(tokens)))
+}
+
+function elapsed(milliseconds: number): string {
+  const seconds = Math.max(0, Math.floor(milliseconds / 1000))
+  return seconds >= 60 ? `${Math.floor(seconds / 60)}m ${seconds % 60}s` : `${seconds}s`
+}
+
+function color(theme: Theme, hex: string, text: string): string {
+  return theme.style(text, { fg: parseColor(hex) })
+}
+
+export function contextGauge(width: number, percent: number | null, window: number, theme: Theme): string {
+  const colors = palette(theme)
+  const size = Math.max(0, Math.floor(width))
+  if (!size) return ''
+  const bounded = percent === null || !Number.isFinite(percent) ? null : Math.max(0, Math.min(100, percent))
+  const used = window > 0 ? Math.min(size, Math.max(1, Math.round((bounded ?? 0) / 100 * size))) : 0
+  const cells = Array.from({ length: size }, () => '─')
+  const percentLabel = bounded === null ? '' : `${Math.round(bounded)}%`
+  const windowLabel = window > 0 ? formatContextWindow(window) : ''
+  const end = size - windowLabel.length - 1
+  const start = Math.min(used, Math.max(1, end - percentLabel.length - 1))
+  if (percentLabel && start + percentLabel.length < end) cells.splice(start, percentLabel.length, ...percentLabel)
+  if (windowLabel && end > percentLabel.length + 2) cells.splice(end, windowLabel.length, ...windowLabel)
+  return cells.map((cell, index) => color(theme, index < used ? colors.electricBlue : colors.subtleGray, cell)).join('')
+}
+
+export function renderStatusBand(state: BandState, width: number, theme: Theme): string {
+  const colors = palette(theme)
+  const size = Math.max(0, Math.floor(width))
+  if (!size) return ''
+  const model = state.model
+  const effort = model?.reasoning ? EFFORT[state.thinkingLevel] ?? '○' : '⬢'
+  const name = model ? singleLine(model.name).replace(/^Claude /, '') : 'no-model'
+  const modelText = color(theme, colors.electricBlue, `${effort} ${name}`)
+  const brand = color(theme, state.running ? colors.electricBlue : '#6b7280', state.running
+    ? `${SPINNER[Math.floor(state.elapsedMs / 80) % SPINNER.length]} ${elapsed(state.elapsedMs)}` : 'π')
+  const path = singleLine(displayPath(state.cwd))
+  const separator = ` ${color(theme, colors.subtleGray, '>')} `
+  const account = state.account ? color(theme, colors.brightAluminum, singleLine(state.account)) : null
+  const branch = state.branch ? color(theme, colors.readoutGreen, `⑂ ${singleLine(state.branch)}`) : null
+  const cost = state.costUsd > 0 || state.subscription
+    ? color(theme, colors.titaniumGold, `$${state.costUsd.toFixed(2)}${state.subscription ? ' (sub)' : ''}`) : null
+  const overflow = [state.hiddenAbove ? `↑ ${state.hiddenAbove} more` : '', state.hiddenBelow ? `↓ ${state.hiddenBelow} more` : ''].filter(Boolean).join(' ')
+  const extra = overflow ? color(theme, '#6b7280', overflow) : null
+  let pathWidth = Math.min(40, visibleWidth(path))
+  let parts = [brand, modelText, color(theme, colors.brightAluminum, `📁 ${truncateToWidth(path, pathWidth)}`), account, branch, cost, extra].filter((part): part is string => part !== null)
+  const minimumGauge = state.contextWindow > 0 ? Math.min(12, Math.floor(size / 3)) : 1
+  const groupSize = () => visibleWidth(parts.join(separator)) + 3
+  while (groupSize() + minimumGauge > size && pathWidth > 8) {
+    pathWidth -= 1
+    parts[2] = color(theme, colors.brightAluminum, `📁 ${truncateToWidth(path, pathWidth)}`)
+  }
+  while (groupSize() + minimumGauge > size && parts.length > 2) parts.pop()
+  if (groupSize() + minimumGauge > size) parts = [modelText]
+  const group = truncateToWidth(` ${parts.join(separator)} `, Math.max(0, size - 1), '', false)
+  const cap = color(theme, colors.darkTitanium, '▶')
+  const gauge = contextGauge(Math.max(0, size - visibleWidth(group) - 1), state.contextPercent, state.contextWindow, theme)
+  return theme.style(group, { bg: parseColor(colors.darkTitanium) }) + cap + gauge
+}

package/src/terminal/tui/theme.ts

@@ -0,0 +1,174 @@
+/*!
+ * Adapted from @oh-my-pi/pi-tui 18.11.3 (https://github.com/can1357/oh-my-pi).
+ *
+ * MIT License
+ * 
+ * Copyright (c) 2025 Mario Zechner
+ * Copyright (c) 2025-2026 Can Bölük
+ * Copyright (c) 2026 Stencil Labs, Inc.
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import { Theme, type ThemeBg, type ThemeColor } from '@earendil-works/pi-coding-agent'
+
+export const TITANIUM = {
+  brushedTitanium: '#151820',
+  darkTitanium: '#0f1216',
+  electricBlue: '#00b4ff',
+  deepBlue: '#0082b3',
+  titaniumGold: '#d4c090',
+  brightAluminum: '#e8ecf4',
+  dimAluminum: '#9ca3b0',
+  warningAmber: '#ffb347',
+  readoutGreen: '#00ff88',
+  alertRed: '#ff4757',
+  subtleGray: '#2a3038'
+} as const
+
+const foreground = {
+  accent: '#00b4ff',
+  border: '#2a3038',
+  borderAccent: '#00b4ff',
+  borderMuted: '#1f252d',
+  success: '#00ff88',
+  error: '#ff4757',
+  warning: '#ffb347',
+  muted: '#9ca3b0',
+  dim: '#6b7280',
+  text: '',
+  thinkingText: '#9ca3b0',
+  userMessageText: '',
+  customMessageText: '',
+  customMessageLabel: '#d4c090',
+  toolTitle: '',
+  toolOutput: '#9ca3b0',
+  mdHeading: '#00b4ff',
+  mdLink: '#00b4ff',
+  mdLinkUrl: '#0082b3',
+  mdCode: '#00ff88',
+  mdCodeBlock: '#9ca3b0',
+  mdCodeBlockBorder: '#2a3038',
+  mdQuote: '#9ca3b0',
+  mdQuoteBorder: '#2a3038',
+  mdHr: '#2a3038',
+  mdListBullet: '#00b4ff',
+  toolDiffAdded: '#00ff88',
+  toolDiffRemoved: '#ff4757',
+  toolDiffContext: '#9ca3b0',
+  syntaxComment: '#6b7280',
+  syntaxKeyword: '#00b4ff',
+  syntaxFunction: '#00ff88',
+  syntaxVariable: '#e8ecf4',
+  syntaxString: '#d4c090',
+  syntaxNumber: '#ffb347',
+  syntaxType: '#00b4ff',
+  syntaxOperator: '#00b4ff',
+  syntaxPunctuation: '#9ca3b0',
+  thinkingOff: '#4a5058',
+  thinkingMinimal: '#5a6068',
+  thinkingLow: '#6a7078',
+  thinkingMedium: '#9ca3b0',
+  thinkingHigh: '#00b4ff',
+  thinkingXhigh: '#d4c090',
+  bashMode: '#00ff88',
+  scrollbarTrack: '#2a3038',
+  scrollbarThumb: '#9ca3b0',
+  searchMatchText: '#e8ecf4',
+  thinkingMax: '#d4c090'
+} satisfies Record<ThemeColor, string>
+
+const background = {
+  selectedBg: '#0082b3',
+  searchMatchBg: '#0082b3',
+  userMessageBg: '#0f1216',
+  customMessageBg: '#2a3038',
+  toolPendingBg: '#0f1216',
+  toolSuccessBg: '#0f1216',
+  toolErrorBg: '#1a0f10'
+} satisfies Record<ThemeBg, string>
+
+export function createHarnessTheme(base: Theme): Theme {
+  return new Theme(foreground, background, base.getColorMode(), { name: 'harness-titanium', appearance: 'dark' })
+}
+
+const lightForeground = {
+  accent: '#5a8080',
+  border: '#547da7',
+  borderAccent: '#5a8080',
+  borderMuted: '#b0b0b0',
+  success: '#588458',
+  error: '#aa5555',
+  warning: '#9a7326',
+  muted: '#6c6c6c',
+  dim: '#767676',
+  text: '',
+  thinkingText: '#6c6c6c',
+  userMessageText: '',
+  customMessageText: '',
+  customMessageLabel: '#7e57c2',
+  toolTitle: '',
+  toolOutput: '#6c6c6c',
+  mdHeading: '#9a7326',
+  mdLink: '#547da7',
+  mdLinkUrl: '#767676',
+  mdCode: '#5a8080',
+  mdCodeBlock: '#588458',
+  mdCodeBlockBorder: '#6c6c6c',
+  mdQuote: '#6c6c6c',
+  mdQuoteBorder: '#6c6c6c',
+  mdHr: '#6c6c6c',
+  mdListBullet: '#588458',
+  toolDiffAdded: '#588458',
+  toolDiffRemoved: '#aa5555',
+  toolDiffContext: '#6c6c6c',
+  syntaxComment: '#008000',
+  syntaxKeyword: '#0000FF',
+  syntaxFunction: '#795E26',
+  syntaxVariable: '#001080',
+  syntaxString: '#A31515',
+  syntaxNumber: '#098658',
+  syntaxType: '#267F99',
+  syntaxOperator: '#000000',
+  syntaxPunctuation: '#000000',
+  thinkingOff: '#b0b0b0',
+  thinkingMinimal: '#767676',
+  thinkingLow: '#547da7',
+  thinkingMedium: '#5a8080',
+  thinkingHigh: '#875f87',
+  thinkingXhigh: '#8b008b',
+  bashMode: '#588458',
+  scrollbarTrack: '#b0b0b0',
+  scrollbarThumb: '#6c6c6c',
+  searchMatchText: '#3b3b3b',
+  thinkingMax: '#8b008b'
+} satisfies Record<ThemeColor, string>
+
+const lightBackground = {
+  selectedBg: '#d0d0e0',
+  searchMatchBg: '#d0d0e0',
+  userMessageBg: '#e8e8e8',
+  customMessageBg: '#ede7f6',
+  toolPendingBg: '#e8e8f0',
+  toolSuccessBg: '#e8f0e8',
+  toolErrorBg: '#f0e8e8'
+} satisfies Record<ThemeBg, string>
+
+export function createHarnessLightTheme(base: Theme): Theme {
+  return new Theme(lightForeground, lightBackground, base.getColorMode(), { name: 'light', appearance: 'light' })
+}