clauderipple 0.9.3 → 0.9.4

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # Changelog
 
+## 0.9.4 — 2026-10-14
+
+### Fixed
+
+- **Reasoning models are no longer cut off after five minutes of thinking.** Node's `fetch` dropped a
+  response that sent nothing for 300 seconds. Muse Spark 1.3 at xhigh thinks for minutes in silence
+  on a large context, so long steps failed with 529 at 303–305 seconds and started over. The router
+  now waits up to 15 minutes. OpenCode's own CLI had no such limit, which is why the same model
+  worked there.
+- **OpenCode Go and Zen models get their real context window.** They fell back to the global
+  258,400, so Claude Code compacted DeepSeek V4.1 Flash, GLM-5.3 and Muse Spark 1.3 at a quarter of
+  their 1M windows. The router now reads the window from the same models.dev catalogue OpenCode's
+  CLI uses, and fills models already saved without one.
+- **A ChatGPT account whose limit was reset or topped up is usable again right away.** It stayed
+  "cooling" until the old reset time, so the app could not switch to GPT models.
+- **Adding an OpenAI-compatible provider such as B.ai works.** The connection check asked for one
+  token, which some vendors refuse ("max_tokens must be greater than 2", #57).
+- **The plan limit shows on the band**, and every control's tip shows on hover even when the band
+  is full.
+
+### Changed
+
+- **The band:** Auto is a word that lights when on, instead of a switch. Compact and Clear (with a
+  confirm) sit beside settings. The limit draws as a small gauge and its percent.
+- **Workers read and edit with the dedicated tools.** Generated worker agents are told to read files
+  with Read and change them with Edit, not with `sed`/`cat` through Bash.
+- `/ripple debug` also shows the model, the limit and the host's rate limits.
+
 ## 0.9.3 — 2026-10-14
 
 ### Fixed

package/dist/app/package.json

@@ -1,5 +1,5 @@
 {
   "private": true,
-  "version": "0.9.3",
+  "version": "0.9.4",
   "type": "commonjs"
 }

package/dist/mod/hooks/i18n.ts

@@ -63,6 +63,9 @@ const EN = {
   'band.warm': 'Warm',
   'band.handoff': 'Handoff',
   'band.compact': 'Compact',
+  'band.clear': 'Clear',
+  'band.compactAlt': 'Compact — summarise the conversation to free context',
+  'band.clearAlt': 'New start (/clear) — clear the conversation and start fresh',
   'band.log': 'Log',
   'band.agents': 'Agents',
   'band.settings': 'Settings',
@@ -152,6 +155,9 @@ const EN = {
   'alerts.demoDown': 'Jev out of credits (demo)',
   'alerts.copied': 'The resume note was copied; this chat was kept.',
   'alerts.compactFailed': 'Compaction did not finish.',
+  'alerts.clearTitle': 'Start this conversation over?',
+  'alerts.clearBody': 'The conversation\'s context is emptied; a fresh chat starts with nothing.',
+  'alerts.clearGo': 'Start over',
   // Settings.
   'settings.effortBlurb': 'How Auto picks the effort for each prompt you send.',
   'settings.workers': 'Workers',
@@ -513,6 +519,9 @@ const KO: Record<Key, string> = {
   'band.warm': '캐시 유지',
   'band.handoff': '인수인계',
   'band.compact': '압축',
+  'band.clear': '새로 시작',
+  'band.compactAlt': '대화 압축 — 지금까지 대화를 요약해 컨텍스트를 줄입니다',
+  'band.clearAlt': '새로 시작 (/clear) — 대화 맥락을 비우고 새로 시작합니다',
   'band.log': '로그',
   'band.agents': '에이전트',
   'band.settings': '설정',
@@ -602,6 +611,9 @@ const KO: Record<Key, string> = {
   'alerts.demoDown': 'Jev 크레딧 소진 (데모)',
   'alerts.copied': '재개용 요약 메모를 복사했습니다. 현재 대화는 보존됩니다.',
   'alerts.compactFailed': '대화 압축을 마치지 못했습니다.',
+  'alerts.clearTitle': '대화를 새로 시작할까요?',
+  'alerts.clearBody': '지금 대화 맥락이 비워집니다. 새 대화가 아무것도 없는 상태에서 시작됩니다.',
+  'alerts.clearGo': '새로 시작',
   // Settings.
   'settings.effortBlurb': '전송하는 프롬프트마다 추론 강도를 자동으로 선택합니다.',
   'settings.workers': '워커',
@@ -961,6 +973,9 @@ const ZH: Record<Key, string> = {
   'band.warm': '保温',
   'band.handoff': '交接',
   'band.compact': '压缩',
+  'band.clear': '新开',
+  'band.compactAlt': '压缩对话 — 总结对话以释放上下文',
+  'band.clearAlt': '重新开始 (/clear) — 清空对话上下文，重新开始',
   'band.log': '日志',
   'band.agents': '代理',
   'band.settings': '设置',
@@ -1050,6 +1065,9 @@ const ZH: Record<Key, string> = {
   'alerts.demoDown': 'Jev 额度用尽（演示）',
   'alerts.copied': '已复制续接说明，此对话已保留。',
   'alerts.compactFailed': '压缩未完成。',
+  'alerts.clearTitle': '重新开始此对话？',
+  'alerts.clearBody': '当前对话的上下文将被清空；新对话从空白开始。',
+  'alerts.clearGo': '重新开始',
   // Settings.
   'settings.effortBlurb': '自动模式如何为你发送的每条提示词选择推理强度。',
   'settings.workers': 'Worker',
@@ -1409,6 +1427,9 @@ const JA: Record<Key, string> = {
   'band.warm': '保持',
   'band.handoff': '引き継ぎ',
   'band.compact': '圧縮',
+  'band.clear': '新しく開始',
+  'band.compactAlt': '圧縮 — これまでの会話を要約してコンテキストを減らします',
+  'band.clearAlt': '新しく開始 (/clear) — 会話の文脈を空にして新しく始めます',
   'band.log': 'ログ',
   'band.agents': 'エージェント',
   'band.settings': '設定',
@@ -1498,6 +1519,9 @@ const JA: Record<Key, string> = {
   'alerts.demoDown': 'Jev のクレジット切れ（デモ）',
   'alerts.copied': '再開メモをコピーしました。この会話はそのままです。',
   'alerts.compactFailed': '圧縮が完了しませんでした。',
+  'alerts.clearTitle': 'この会話を新しく始めますか？',
+  'alerts.clearBody': '今の会話のコンテキストは空になります。新しい会話は何もない状態から始まります。',
+  'alerts.clearGo': '新しく開始',
   // Settings.
   'settings.effortBlurb': '送信するプロンプトごとに、自動が推論強度を選ぶ方法。',
   'settings.workers': 'ワーカー',
@@ -1857,6 +1881,9 @@ const ES: Record<Key, string> = {
   'band.warm': 'Mantener',
   'band.handoff': 'Traspaso',
   'band.compact': 'Compactar',
+  'band.clear': 'Reiniciar',
+  'band.compactAlt': 'Compactar — resume la conversación para liberar contexto',
+  'band.clearAlt': 'Empezar de nuevo (/clear) — vacía la conversación y empieza desde cero',
   'band.log': 'Registro',
   'band.agents': 'Agentes',
   'band.settings': 'Ajustes',
@@ -1946,6 +1973,9 @@ const ES: Record<Key, string> = {
   'alerts.demoDown': 'Jev sin créditos (demo)',
   'alerts.copied': 'Se copió la nota para continuar; esta conversación se conservó.',
   'alerts.compactFailed': 'La compactación no terminó.',
+  'alerts.clearTitle': '¿Empezar esta conversación de nuevo?',
+  'alerts.clearBody': 'El contexto de esta conversación se vacía; una conversación nueva empieza de cero.',
+  'alerts.clearGo': 'Empezar de nuevo',
   // Settings.
   'settings.effortBlurb': 'Cómo Auto elige el esfuerzo de cada prompt que envías.',
   'settings.workers': 'Workers',
@@ -2305,6 +2335,9 @@ const PT: Record<Key, string> = {
   'band.warm': 'Manter',
   'band.handoff': 'Repasse',
   'band.compact': 'Compactar',
+  'band.clear': 'Recomeçar',
+  'band.compactAlt': 'Compactar — resume a conversa para liberar contexto',
+  'band.clearAlt': 'Começar de novo (/clear) — limpa a conversa e começa do zero',
   'band.log': 'Log',
   'band.agents': 'Agentes',
   'band.settings': 'Ajustes',
@@ -2394,6 +2427,9 @@ const PT: Record<Key, string> = {
   'alerts.demoDown': 'Jev sem créditos (demo)',
   'alerts.copied': 'A nota para continuar foi copiada; esta conversa foi mantida.',
   'alerts.compactFailed': 'A compactação não terminou.',
+  'alerts.clearTitle': 'Começar esta conversa de novo?',
+  'alerts.clearBody': 'O contexto desta conversa é esvaziado; uma conversa nova começa do zero.',
+  'alerts.clearGo': 'Começar de novo',
   // Settings.
   'settings.effortBlurb': 'Como o Auto escolhe o esforço de cada prompt que você envia.',
   'settings.workers': 'Workers',

package/dist/mod/hooks/register.tsx

@@ -931,6 +931,9 @@ async function openCompact($: EngineInterface, surface: Frame['surface']): Promi
   await update($, compactNote, () => '')
   await update($, panel, () => 'compact')
 }
+async function openClear($: EngineInterface): Promise<void> {
+  await update($, panel, () => 'clear')
+}
 /** The router's figure for this login's plan windows; nothing when the router cannot say. */
 async function routerClaudeLimits($: EngineInterface): Promise<SessionRateLimit[]> {
   try {
@@ -1090,6 +1093,7 @@ async function alertView($: EngineInterface, now: number): Promise<AlertView | n
     kept: d === 'kept' || keptAlert(await read($, kept), m, now),
     swamp: d === 'swamp' || (s.swampAlert && !await read($, busy) && swampAlert(swamped(c, s.swampAt), await read($, swampHidden))) })
   if (which === 'compact') return { kind: 'compactNote', draft: await read($, compactNote) }
+  if (which === 'clear') return { kind: 'clear' }
   if (which === 'handoff') return { kind: 'handoffChoice', handoffKind: await read($, handoffChoiceKind), after: await read($, handoffChoiceAfter) }
   if (which === 'judgeDown') return { kind: 'judgeDown', judge: s.judge, reason: d === 'down' ? t(language, 'alerts.demoDown') : downReason!, network: d !== 'down' && await read($, judgeDownNetwork) }
   if (which === 'hot') return { kind: 'hot', limitKind: h?.kind ?? 'five_hour', percent: d === 'hot' ? 86 : h!.percent, resetsAt: h?.resetsAt, save: (await read($, saveUntil) ?? 0) > now }
@@ -1127,7 +1131,7 @@ async function dismiss($: EngineInterface, view: AlertView): Promise<void> {
   else await update($, panel, () => null)
 }
 function bandActions($: EngineInterface, surface: Frame['surface']): BandActions {
-  return { toggleAuto: () => toggleAuto($), toggleWarm: () => toggleWarm($), compact: () => openCompact($, surface), handoff: () => openHandoff($), toggleLog: () => toggleLog($), toggleAgents: () => toggleAgents($), openSettings: () => startPanel($, 'settings'),
+  return { toggleAuto: () => toggleAuto($), toggleWarm: () => toggleWarm($), compact: () => openCompact($, surface), clear: () => openClear($), handoff: () => openHandoff($), toggleLog: () => toggleLog($), toggleAgents: () => toggleAgents($), openSettings: () => startPanel($, 'settings'),
     toggleEffortMenu: () => update($, effortMenuOpen, value => !value), pickEffort: effort => manualPick($, effort) }
 }
 function settingsActions($: EngineInterface): SettingsActions {
@@ -1147,7 +1151,7 @@ function setupActions($: EngineInterface): SetupActions {
     back: () => update($, setupStep, step => Math.max(1, step - 1) as 1 | 2 | 3 | 4), next: () => update($, setupStep, step => Math.min(4, step + 1) as 1 | 2 | 3 | 4), finish: () => finishSetup($), skip: () => finishSetup($, true) }
 }
 function alertActions($: EngineInterface, view: AlertView): AlertActions {
-  return { compact: note => runCompact($, note), handoff: () => openHandoff($), dismiss: () => dismiss($, view), toggleSave: () => toggleSave($), openSettings: () => startPanel($, 'settings'),
+  return { compact: note => runCompact($, note), clear: async () => { await update($, panel, () => null); await $.command.run({ command: 'clear', args: '' }) }, handoff: () => openHandoff($), dismiss: () => dismiss($, view), toggleSave: () => toggleSave($), openSettings: () => startPanel($, 'settings'),
     noteInput: text => update($, compactNote, () => text), setHandoffKind: kind => update($, handoffChoiceKind, () => kind), setHandoffAfter: after => update($, handoffChoiceAfter, () => after), go: () => queueHandoff($), copy: () => copyHandoff($), openNew: () => moveToNewSession($) }
 }
 function toolLine(e: ToolCallInput): string {
@@ -1457,7 +1461,7 @@ export const register: Register = on => {
       const language = await read($, lang)
       const [sub = 'settings', arg] = e.args.trim().toLowerCase().split(/\s+/)
       if (sub === 'stats') return { text: formatStats(await read($, stats), language) }
-      if (sub === 'debug') return { text: debugText(language, { judge: (await currentSettings($)).judge, judgeModel: (await currentSettings($)).judgeModel, pick: await read($, pick), paused: await read($, paused), cache: await read($, cache), warm: await read($, warm), lastSpawn: await read($, lastSpawn), lastRequest: await read($, lastRequest) }) }
+      if (sub === 'debug') return { text: debugText(language, { judge: (await currentSettings($)).judge, judgeModel: (await currentSettings($)).judgeModel, pick: await read($, pick), paused: await read($, paused), cache: await read($, cache), warm: await read($, warm), lastSpawn: await read($, lastSpawn), lastRequest: await read($, lastRequest), model: await $.session.model(), limit: await read($, limit), hostRateLimits: (await $.session.usage()).rateLimits }) }
       if (sub === 'settings' || sub === 'setup') await startPanel($, sub)
       else if (sub === 'auto') await toggleAuto($)
       else if (sub === 'warm') await toggleWarm($)
@@ -1502,7 +1506,7 @@ export const register: Register = on => {
       const frame = await frameOf($, e)
       const el = $.ui.resolve(e)
       if (which === 'settings') return renderSettings(el, frame, await settingsView($), settingsActions($)) as RenderElement
-      if (which === 'compact' || which === 'handoff') {
+      if (which === 'compact' || which === 'clear' || which === 'handoff') {
         const choice = await alertView($, frame.now)
         if (choice) return renderAlert(el, frame, choice, alertActions($, choice)) as RenderElement
       }

package/dist/mod/hooks/session.ts

@@ -87,9 +87,9 @@ export function swampAlert(percent: number | null, hidden: number | null): boole
 
 /** Rendering consumes eligibility, keeping dismissal and idle decisions outside drawing code. */
 export function bandPriority(state: {
-  panel?: 'settings' | 'compact' | 'handoff' | 'setup' | null
+  panel?: 'settings' | 'compact' | 'clear' | 'handoff' | 'setup' | null
   judgeDown?: boolean; hot?: boolean; result?: boolean; cold?: boolean; swamp?: boolean; kept?: boolean
-}): 'settings' | 'compact' | 'handoff' | 'setup' | 'judgeDown' | 'hot' | 'result' | 'cold' | 'swamp' | 'kept' | 'dashboard' {
+}): 'settings' | 'compact' | 'clear' | 'handoff' | 'setup' | 'judgeDown' | 'hot' | 'result' | 'cold' | 'swamp' | 'kept' | 'dashboard' {
   if (state.panel) return state.panel
   for (const band of ['judgeDown', 'hot', 'result', 'cold', 'swamp', 'kept'] as const) if (state[band]) return band
   return 'dashboard'

package/dist/mod/hooks/ui/alerts.tsx

@@ -114,6 +114,15 @@ function cardOf(frame: Frame, alert: AlertView, a: AlertActions): Card {
         main: { ...compact, onPress: () => a.compact(alert.draft) },
         close: cancel,
       }
+    case 'clear':
+      return {
+        key: 'clear',
+        face: 'asking',
+        title: t(L, 'alerts.clearTitle'),
+        body: t(L, 'alerts.clearBody'),
+        main: { key: 'clear-go', label: t(L, 'alerts.clearGo'), hotkey: 'g', onPress: a.clear },
+        close: cancel,
+      }
     case 'handoffChoice':
       return {
         key: 'handoff',
@@ -222,6 +231,7 @@ function seaOf(card: Card, alert: AlertView): Omit<Sea, 'at'> {
     case 'judge':
       return { tone: 'red', weather: 'static' }
     case 'note':
+    case 'clear':
     case 'handoff':
       return { tone: 'violet', weather: 'sparkles', ripples: 'calm' }
     default: {

package/dist/mod/hooks/ui/art.ts

@@ -278,6 +278,9 @@ export function plateArt(width: number, height: number): string {
 
 // ---- Controls -----------------------------------------------------------------------------------
 
+/** A drawn control's height, px (kit.tsx holds it too for the wells). */
+export const CONTROL_PX = 26
+
 export const SWITCH_W = 36
 export const SWITCH_H = 22
 
@@ -299,6 +302,18 @@ function lit(on: boolean): string {
   return ' class="' + (on ? 'on' : 'off') + '"'
 }
 
+/**
+ * One cell of the drawn light laid over a control under the pointer (kit.tsx `extraHover`): a thin
+ * white wash, its edges fading, on the water's dark.
+ */
+export function extraHoverArt(widthPx: number): string {
+  return svg(widthPx, CONTROL_PX,
+    '<defs><linearGradient id="f" x1="0" x2="1"><stop offset="0" stop-color="#fff" stop-opacity="0"/><stop offset=".5" stop-color="#fff" stop-opacity=".1"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient>' +
+    '<linearGradient id="v" x1="0" x2="0" y1="0" y2="1"><stop offset="0" stop-color="#fff" stop-opacity=".12"/><stop offset=".5" stop-color="#fff" stop-opacity=".02"/><stop offset="1" stop-color="#fff" stop-opacity=".12"/></linearGradient></defs>' +
+    '<rect x="0" y="2" width="' + r(widthPx) + '" height="' + r(CONTROL_PX - 4) + '" fill="url(#f)"/>' +
+    '<rect x="2" y="1" width="' + r(Math.max(0, widthPx - 4)) + '" height="' + r(CONTROL_PX - 2) + '" fill="url(#v)"/>')
+}
+
 /** The look of a drawn button: the one thing to press, or a quiet one. */
 export type PillLook = 'primary' | 'ghost'
 
@@ -346,6 +361,37 @@ export function pillArt(label: string, look: PillLook, tone: Tone = 'violet', gl
   return { source: svg(w, h, body), cells }
 }
 
+/**
+ * A word that is itself a control, 26 px high: on, a lit violet pill with the word in white (the
+ * whole capsule's one violet check, on hover a pulse breathing around it); off, a quiet ghost with
+ * the word in soft ink. The deciding pulse rings the lit pill.
+ */
+export function wordArt(label: string, on: boolean, busy = false): { source: string; cells: number } {
+  const t = TONE.violet
+  const size = 12
+  const pad = 11
+  const cells = Math.ceil((labelPx(label, size) + pad * 2) / CELL_PX)
+  const w = cells * CELL_PX
+  const h = 26
+  let body: string
+  let css = ''
+  if (on) {
+    body =
+      '<defs><linearGradient id="g" x1="0" x2="1"><stop offset="0" stop-color="' + t.lo + '"/><stop offset="1" stop-color="' + t.hi + '"/></linearGradient>' +
+      '<filter id="f" x="-30%" y="-60%" width="160%" height="220%"><feGaussianBlur stdDeviation="1.8"/></filter></defs>' +
+      (busy ? '<rect class="pu" x="1" y="1" width="' + r(w - 2) + '" height="' + (h - 2) + '" rx="' + (h / 2 - 1) + '" fill="none" stroke="' + t.hi + '" stroke-width="1.4" filter="url(#f)"/>' : '') +
+      '<rect x="1" y="1" width="' + r(w - 2) + '" height="' + (h - 2) + '" rx="' + (h / 2 - 1) + '" fill="url(#g)"/>' +
+      '<rect x="2" y="1.5" width="' + r(w - 4) + '" height="' + (h / 2 - 2) + '" rx="' + (h / 4) + '" fill="#fff" fill-opacity=".16"/>' +
+      '<text x="' + r(w / 2) + '" y="' + r(h / 2 + size * 0.36) + '" text-anchor="middle" font-size="' + size + '" font-weight="650" fill="' + t.on + '">' + esc(label) + '</text>'
+    css += busy ? '.pu{transform-box:fill-box;transform-origin:center;animation:pu 1.3s ease-in-out infinite}@keyframes pu{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.15;transform:scale(1.06)}}' : ''
+  } else {
+    body =
+      '<rect x="1" y="1" width="' + r(w - 2) + '" height="' + (h - 2) + '" rx="' + (h / 2 - 1) + '" fill="#fff" fill-opacity=".05" stroke="' + HAIR + '" stroke-opacity=".2"/>' +
+      '<text x="' + r(w / 2) + '" y="' + r(h / 2 + size * 0.36) + '" text-anchor="middle" font-size="' + size + '" font-weight="500" fill="' + SOFT + '" opacity=".55">' + esc(label) + '</text>'
+  }
+  return { source: svg(w, h, body, css, lit(on)), cells }
+}
+
 /**
  * A segmented control, its segments `cells` wide each and 26 px high: a dark track, the chosen
  * segment a lit pill in `tone`, the rest named in soft ink. `chosen` −1 lights none.
@@ -496,10 +542,23 @@ export function clockArt(share: number, tone: Tone | 'soft'): string {
   return svg(s, s, '<circle cx="' + c + '" cy="' + c + '" r="' + rad + '" fill="none" stroke="' + fill + '" stroke-opacity=".75" stroke-width="1.3"/>' + pie)
 }
 
+/**
+ * The plan limit's window as a small gauge, 16 px, in the idiom of the ring and the clock: a dial
+ * with a needle, the two windows a needle at a different turn (the five-hour one up, the weekly one
+ * leaning right). The window's name and its reset time are in the fact's own tip; a band at 100
+ * columns once cut this fact's name to "g…" (2026-10-14), and the glyph buys the room back.
+ */
+export function gaugeArt(kind: string): string {
+  const stroke = SOFT
+  const arc = '<path d="M1.8 11.4A6.2 6.2 0 0 1 14.2 11.4" fill="none" stroke="' + stroke + '" stroke-opacity=".7" stroke-width="1.3" stroke-linecap="round"/>'
+  const needle = kind === 'seven_day' ? 'M8 11.4L11.4 7.6' : 'M8 11.4L8 6.5'
+  return svg(16, 16, arc + '<path d="' + needle + '" fill="none" stroke="' + stroke + '" stroke-width="1.4" stroke-linecap="round"/><circle cx="8" cy="11.4" r="1.2" fill="' + stroke + '"/>')
+}
+
 export const ICON_PX = 16
 
 /** Line icons of the band's controls, 16 px. */
-export type Icon = 'flame' | 'gear' | 'agents' | 'log'
+export type Icon = 'flame' | 'gear' | 'agents' | 'log' | 'compact' | 'clear'
 
 const FLAME = 'M8.1 14.3c2.8 0 4.5-1.9 4.5-4.4 0-2.8-2.4-4.2-2.8-7.2-1.7 1.1-2.6 2.8-2.5 4.3-1-.4-1.5-1.4-1.6-2.3-1.4 1.3-2 2.9-2 5.2 0 2.5 1.6 4.4 4.4 4.4z'
 
@@ -508,6 +567,10 @@ const ICON: Record<Icon, string> = {
   gear: '<circle cx="8" cy="8" r="2.3"/><path d="M8 1.7v1.8M8 12.5v1.8M1.7 8h1.8M12.5 8h1.8M3.5 3.5l1.3 1.3M11.2 11.2l1.3 1.3M3.5 12.5l1.3-1.3M11.2 4.8l1.3-1.3"/><circle cx="8" cy="8" r="4.8"/>',
   agents: '<circle cx="4.8" cy="5" r="2.1"/><circle cx="11.4" cy="5" r="2.1"/><path d="M1.6 13.4c.4-2.4 1.7-3.6 3.2-3.6s2.8 1.2 3.2 3.6M8.2 13.4c.4-2.4 1.7-3.6 3.2-3.6s2.8 1.2 3.2 3.6"/>',
   log: '<path d="M2.4 3.8h11.2M2.4 8h11.2M2.4 12.2h6.8"/>',
+  // Two arrows coming in from the corners to the middle: the chat drawn down into itself.
+  compact: '<path d="M3.2 3.2L7.1 7.1M7.1 7.1H4.9M7.1 7.1V4.9M12.8 12.8L8.9 8.9M8.9 8.9h2.2M8.9 8.9v2.2"/>',
+  // An eraser laid on its edge, the sleeve band bold, a short line being swept away below.
+  clear: '<path d="M1.33 8.69L5.8 4.94L9.01 8.77L4.55 12.52Z" fill="#fff" fill-opacity=".4" stroke="none"/><path d="M9.45 1.88L12.67 5.71L4.55 12.52L1.33 8.69Z"/><path d="M9.01 8.77L5.8 4.94"/><path d="M3.45 14.3h9.1"/>',
 }
 
 /**

package/dist/mod/hooks/ui/band.tsx

@@ -3,8 +3,9 @@
 // Desktop: one capsule of the deep (see "Desktop" below, art.ts and kit.tsx): 리플이 glowing at its
 // left, acting out what the band is doing (thinking while Auto picks, busy while a request is out,
 // drowsy as the cache runs out, asleep once it has, otherwise its idle life), the effort as five
-// bars rising shallow to deep, the context ring, the cache clock in whole minutes, the plan limit and
-// the mode when on, the last route, the judge's reason; then the drawn controls and the way out.
+// bars rising shallow to deep, the context ring, the cache clock in whole minutes, the plan limit
+// (its window a gauge, its name and reset in the tip) and the mode when on, the last route, the
+// judge's reason; then the drawn controls and the way out.
 // What each fact means shows in the reason's place on hover. The terminal draws the same facts as
 // one quiet row of text, without 리플이.
 //
@@ -32,9 +33,9 @@ import type { Lang } from '../i18n'
 import type { RenderChildren, RenderNode } from 'claude-code'
 
 import type { Effort } from '../../types'
-import { AGENTS_W, CELL_PX, DEPTH, ICON_PX, INK, METER_H, METER_W, MUTE, ROW_PX, SUB, TONE, agentsArt, clockArt, iconArt, meterArt, pillArt, plateArt, ringArt, ruleArt, switchArt, textPx } from './art'
+import { AGENTS_W, CELL_PX, DEPTH, ICON_PX, INK, METER_H, METER_W, MUTE, ROW_PX, SUB, TONE, agentsArt, clockArt, gaugeArt, iconArt, meterArt, pillArt, plateArt, ringArt, ruleArt, textPx } from './art'
 import type { Sea, Tone } from './art'
-import { CLOSE_CELLS, capsule, closeButton, lift, lit, pic, pill, press, ripple, rowsOf, segmented, toggle, toggleCells } from './kit'
+import { CLOSE_CELLS, capsule, closeButton, lift, lit, pic, pill, press, ripple, rowsOf, segmented, word, wordCells } from './kit'
 import { textButton } from './parts'
 import type { Els } from './parts'
 import type { Face } from './ripple'
@@ -284,31 +285,31 @@ function routeFact(frame: Frame, view: DashboardView, room: number, onPress: ()
 // ---- Controls ----------------------------------------------------------------------------------
 
 /**
- * A control: its label, the terminal's hotkey, and whether it is on (a toggle that is on, an open
- * pane, the advised Handoff). The terminal says it in the label (● / ○), as its plain Buttons take
- * no colour.
+ * A control: its label, the hotkey, and whether it is on (a toggle that is on, an open pane, the
+ * advised Handoff). The terminal says it in the label (● / ○), as its plain Buttons take no colour.
  */
 type Control = { key: string; label: string; hotkey: string; onPress: () => void; on: boolean; count?: string }
 
 function controls(frame: Frame, view: DashboardView, actions: BandActions): Control[] {
-  const rich = isRich(frame)
   const L = frame.lang
-  const mark = (on: boolean) => (rich ? '' : on ? ' ●' : ' ○')
+  const mark = (on: boolean) => (on ? ' ●' : ' ○')
   const out: Control[] = []
   // Handoff comes and goes; first in the row, it moves nothing when it does.
   if (view.handoff !== 'off') {
     const advised = view.handoff === 'advised'
-    out.push({ key: 'handoff', label: t(L, 'band.handoff') + (!rich && advised ? ' ◆' : ''), hotkey: 'h', onPress: actions.handoff, on: advised })
+    out.push({ key: 'handoff', label: t(L, 'band.handoff') + (!isRich(frame) && advised ? ' ◆' : ''), hotkey: 'h', onPress: actions.handoff, on: advised })
   }
   out.push(
     { key: 'auto', label: t(L, 'band.auto') + mark(view.auto), hotkey: 'a', onPress: actions.toggleAuto, on: view.auto },
     { key: 'warm', label: t(L, 'band.warm') + mark(view.warm.on), hotkey: 'w', onPress: actions.toggleWarm, on: view.warm.on },
     // The desktop opens the log from the route itself (its value is that button), so it has no Log of its own.
-    ...(rich ? [] : [{ key: 'log', label: t(L, 'band.log') + mark(view.logOpen), hotkey: 'l', onPress: actions.toggleLog, on: view.logOpen }]),
+    ...(!isRich(frame) ? [{ key: 'log', label: t(L, 'band.log') + mark(view.logOpen), hotkey: 'l', onPress: actions.toggleLog, on: view.logOpen }] : []),
     // The count has a slot of its own (desktop) or is always a number (terminal): no width change.
-    { key: 'agents', label: t(L, 'band.agents') + (rich ? '' : ' ' + (view.agents.live || '·')) + mark(view.agentsOpen), hotkey: 'g', onPress: actions.toggleAgents, on: view.agentsOpen, ...(rich ? { count: view.agents.live > 0 ? String(view.agents.live) : '' } : {}) },
+    { key: 'agents', label: t(L, 'band.agents') + (isRich(frame) ? '' : ' ' + (view.agents.live || '·')) + mark(view.agentsOpen), hotkey: 'g', onPress: actions.toggleAgents, on: view.agentsOpen, ...(isRich(frame) ? { count: view.agents.live > 0 ? String(view.agents.live) : '' } : {}) },
+    // The desktop's Clear asks first (a card of its own, "clear" in bandPriority); Compact opens its note bar.
+    ...(isRich(frame) ? [{ key: 'compact', label: t(L, 'band.compact'), hotkey: 'c', onPress: actions.compact, on: false }, { key: 'clear', label: t(L, 'band.clear'), hotkey: 'x', onPress: actions.clear, on: false }] : []),
     // A word on the desktop: the host's 14 px font draws ⚙ as a small ring that reads as "o".
-    { key: 'settings', label: rich ? t(L, 'band.settings') : '⚙', hotkey: 's', onPress: actions.openSettings, on: false },
+    { key: 'settings', label: isRich(frame) ? t(L, 'band.settings') : '⚙', hotkey: 's', onPress: actions.openSettings, on: false },
   )
   return out
 }
@@ -358,16 +359,19 @@ export const BAND_RIPPLE = 24
 export const CREST_CELLS = 4
 /** The row's height, px: a pill's, whether or not one shows, so Handoff never moves the band. */
 const ROW_H = 26
+// Fact and control widths alone decide the row, never a value, so a changing figure never moves its
+// neighbours. The air between facts and between controls is trimmed below what reads as a whole cell
+// (the limit's word became a gauge for the same reason): at 100 columns a route name of 13
+// characters ("glm-5.3-flash") must draw whole beside everything else, and a loose gap ate the
+// route's room and cut it (2026-10-14).
 /** The air between facts, in cells (the host takes fractions of a cell). */
-const DRAWN_GAP = 1.25
+const DRAWN_GAP = 0.2
 /** A rule between the band's groups, in cells. */
 const RULE_CELLS = 1
 /** The room the route is counted at (a model name and its hit); it takes more when the row has it. */
-const ROUTE_ROOM = 10
+const ROUTE_ROOM = 14
 /** The controls whose words go first when the band is narrow, in that order; Auto's goes last. */
-const WORDLESS = ['settings', 'agents', 'warm'] as const
-/** Cells Auto's switch takes without its word. */
-const SWITCH_ONLY = Math.ceil(36 / CELL_PX) + 1
+const WORDLESS = ['clear', 'compact', 'settings', 'agents', 'warm'] as const
 /** The capsule's own air, in cells across and rows down. */
 const PAD_X = 1
 const PAD_Y = 0.5
@@ -467,12 +471,14 @@ function limitDrawn(el: Els, frame: Frame, view: DashboardView): DrawnFact | nul
   const limit = view.limit
   if (!limit || !view.extras.includes('limits')) return null
   const { Text } = el
-  const names = [limitName('five_hour', frame.lang), limitName('seven_day', frame.lang)]
   const save = t(frame.lang, 'band.save')
-  // Save's word is counted whether it shows or not: turning save mode on moves nothing.
-  const cells = Math.ceil((Math.max(...names.map(textPx)) + CELL_PX + textPx('100%') + CELL_PX + textPx(save)) / CELL_PX)
+  // The window is a gauge (art.ts), not its word: at 100 columns the name "주간"/"Weekly" was cut
+  // to "g…" beside the route, and the window's name and reset stay in the tip (2026-10-14). Save's
+  // word takes room only while save mode is on: reserved always, it cost the limit its place on a
+  // band near 95 columns (2026-10-14).
+  const cells = Math.ceil((16 + CELL_PX + textPx('100%') + (limit.save ? CELL_PX + textPx(save) : 0)) / CELL_PX)
   return drawnFact(el, 'limit', cells, [
-    <Text key="limit-name" color={SUB}>{limitName(limit.kind, frame.lang)}</Text>,
+    pic(el, 'limit', gaugeArt(limit.kind), t(frame.lang, 'band.limit'), 16, 16),
     <Text key="limit-value" color={figure(limitTone(limit.percent))}>{Math.round(limit.percent) + '%'}</Text>,
     limit.save ? <Text key="limit-save" color={TONE.violet.text}>{save}</Text> : '',
   ], limitFact(frame, view)?.card?.join(' · '))
@@ -495,7 +501,7 @@ function routeName(model: string): string {
 }
 
 /** The last route: where it went (the provider's dot), the model, its cache hit; the way into the log. */
-function routeDrawn(el: Els, frame: Frame, view: DashboardView, actions: BandActions): RenderNode {
+function routeDrawn(el: Els, frame: Frame, view: DashboardView, actions: BandActions, room: number): RenderNode {
   const { Box, Text } = el
   if (view.hide.includes('route')) return ''
   const r = view.route
@@ -510,7 +516,7 @@ function routeDrawn(el: Els, frame: Frame, view: DashboardView, actions: BandAct
   const tone = r.cachePct !== undefined ? cacheTone(r.cachePct) : 'ok'
   const tip = routeFact(frame, view, 200, actions.toggleLog)?.card?.join(' · ')
   return (
-    <Box key="fact-route" position="relative" flexDirection="row" alignItems="center" columnGap={1} flexShrink={1} minWidth={ROUTE_ROOM} overflow="hidden" {...(tip ? { hover: { scope: tipScope('route') } } : {})}>
+    <Box key="fact-route" position="relative" flexDirection="row" alignItems="center" columnGap={0.5} flexShrink={1} minWidth={Math.min(ROUTE_ROOM, room)} overflow="hidden" {...(tip ? { hover: { scope: tipScope('route') } } : {})}>
       <Box flexShrink={0}>
         {r.ok ? <Text color={r.resent ? MUTE : providerColor(r.provider)}>{r.resent ? '↻' : '•'}</Text> : <Text color={TONE.red.text}>✕</Text>}
       </Box>
@@ -533,14 +539,24 @@ function routeDrawn(el: Els, frame: Frame, view: DashboardView, actions: BandAct
  * What the row leaves, blank, and each fact's or control's tip laid over it on hover. The judge's
  * reason is no longer written here (cut to a word or two it said nothing, 2026-10-13); it is in the
  * effort's tip.
+ *
+ * The layer is placed absolutely over the facts (columns `left` to the facts' right edge, which is
+ * just before the controls) rather than drawn in what the row leaves free: at the band's real width
+ * (2026-10-14: 100 columns with every fact and control drawn) nothing is left free, and a tip drawn
+ * in a zero-width box never showed. Covering the facts while a tip shows is expected. The tips rest
+ * `display: "none"` (so they take no pointer) and carry no `key`: a keyed Box drawn `display: "none"`
+ * is refused as a hover scope (the pointer could never be over it), so each tip reveals through its
+ * own `hover.scope`, which the fact's or control's hover lights.
  */
-function whyDrawn(el: Els, frame: Frame, tips: { key: string; text: string }[]): RenderNode {
+function whyDrawn(el: Els, frame: Frame, tips: { key: string; text: string }[], at: number): RenderNode {
   const { Box, Text } = el
+  // Placed Box offsets are whole cells; the layer starts at the first cell past 리플이 and the effort.
+  const left = Math.ceil(at)
   const width = Math.max(40, frame.columns) * CELL_PX
   return (
-    <Box key="band-why" position="relative" flexDirection="row" flexGrow={1} flexShrink={1} width={0} minWidth={0} overflow="hidden">
+    <Box key="band-why" position="absolute" top={0} bottom={0} left={left} right={0} minWidth={0} overflow="hidden">
       {tips.map(tip => (
-        <Box key={'tip-' + tip.key} position="absolute" top={0} bottom={0} left={0} right={0} display="none" hover={{ scope: tipScope(tip.key), display: 'flex' }} overflow="hidden">
+        <Box position="absolute" top={0} bottom={0} left={0} right={0} display="none" hover={{ scope: tipScope(tip.key), display: 'flex' }} overflow="hidden">
           <Box position="absolute" top={0} left={0}>
             {pic(el, 'tip-plate-' + tip.key, plateArt(width, ROW_PX), tip.text, width, ROW_PX)}
           </Box>
@@ -590,17 +606,21 @@ function controlsDrawn(el: Els, frame: Frame, view: DashboardView, actions: Band
     const look = advised ? 'primary' : 'ghost'
     out.push({ key: 'handoff', cells: pillArt(label, look, 'violet').cells + 1, node: pill(el, 'handoff', label, look, actions.handoff, 'violet'), tip: t(L, 'alerts.handoffTitle') })
   }
+  // Auto's word is the control (art.ts `wordArt`): lit violet while on, a quiet ghost while off,
+  // pulsing while the judge decides. No switch: the state is in the word's own light (2026-10-14).
   const autoLabel = t(L, 'band.auto')
   const autoTip = t(L, 'band.effortAutoAlt', { state: state(view.auto) }) + ' · ' + t(L, 'settings.autoLine')
-  out.push(words.includes('auto')
-    ? { key: 'auto', cells: toggleCells(autoLabel), node: toggle(el, 'auto', view.auto, autoLabel, actions.toggleAuto, view.effort.mode === 'deciding', tipScope('auto')), tip: autoTip }
-    : { key: 'auto', cells: SWITCH_ONLY, node: lit(el, 'auto', SWITCH_ONLY, [pic(el, 'auto', switchArt(view.auto, view.effort.mode === 'deciding'), autoLabel, 36, 22), press(el, 'auto', SWITCH_ONLY * CELL_PX, actions.toggleAuto)], 0.25, tipScope('auto')), tip: autoTip })
+  out.push({ key: 'auto', cells: wordCells(autoLabel), node: word(el, 'auto', view.auto, autoLabel, actions.toggleAuto, view.effort.mode === 'deciding', tipScope('auto')), tip: autoTip })
   const warmLabel = t(L, 'band.warm')
   out.push(iconControl(el, 'warm', iconArt('flame', view.warm.on, 'amber'), ICON_PX, warmLabel, t(L, 'band.warmAlt', { state: state(view.warm.on) }) + ' · ' + t(L, view.warm.here ? 'band.warmHere' : 'settings.warmLine'), actions.toggleWarm, words.includes('warm') ? warmLabel : undefined, view.warm.on ? TONE.amber.text : SUB))
   const agentsLabel = t(L, 'band.agents')
   const live = view.agents.live
   // The live count sits on the icon's shoulder, in one picture of one width: no width change.
   out.push(iconControl(el, 'agents', agentsArt(live, view.agentsOpen || live > 0), AGENTS_W, live > 0 ? agentsLabel + ' ' + live : agentsLabel, t(L, 'band.agentsAlt', { count: live }), actions.toggleAgents, words.includes('agents') ? agentsLabel : undefined, view.agentsOpen ? INK : SUB))
+  const compactLabel = t(L, 'band.compact')
+  out.push(iconControl(el, 'compact', iconArt('compact', false), ICON_PX, compactLabel, t(L, 'band.compactAlt'), actions.compact, words.includes('compact') ? compactLabel : undefined))
+  const clearLabel = t(L, 'band.clear')
+  out.push(iconControl(el, 'clear', iconArt('clear', false), ICON_PX, clearLabel, t(L, 'band.clearAlt'), actions.clear, words.includes('clear') ? clearLabel : undefined))
   const settingsLabel = t(L, 'band.settings')
   out.push(iconControl(el, 'settings', iconArt('gear', false), ICON_PX, settingsLabel, t(L, 'band.settingsAlt'), actions.openSettings, words.includes('settings') ? settingsLabel : undefined))
   return out
@@ -611,7 +631,7 @@ function effortMenuDrawn(el: Els, frame: Frame, view: DashboardView, actions: Ba
   const current = view.effort.mode === 'manual' || view.effort.mode === 'off' ? view.effort.level : null
   return (
     <Box key="effort-menu" flexDirection="row" alignItems="center" flexWrap="wrap" columnGap={2} rowGap={1} paddingTop={1} paddingLeft={CREST_CELLS}>
-      {toggle(el, 'pick-auto', view.auto, t(frame.lang, 'band.auto'), actions.toggleAuto)}
+      {word(el, 'pick-auto', view.auto, t(frame.lang, 'band.auto'), actions.toggleAuto)}
       {segmented(el, 'pick', EFFORTS.map(effort => ({ value: effort, label: effortName(effort, frame.lang) })), current, effort => actions.pickEffort(effort), 'violet', DEPTH)}
     </Box>
   )
@@ -628,10 +648,17 @@ function bandDrawn(el: Els, frame: Frame, view: DashboardView, actions: BandActi
   const close = actions.hide ? CLOSE_CELLS : 0
   const effort = effortDrawn(el, frame, view, actions)
   const optional = [modeDrawn(el, frame, view), contextDrawn(el, frame, view), cacheDrawn(el, frame, view), limitDrawn(el, frame, view)].filter((f): f is DrawnFact => f !== null)
-  let words: readonly string[] = ['auto', ...WORDLESS]
+  // The Auto word is its control: it never loses its shape, so no word of it is dropped, and the
+  // spare words (the icons' beside it) go first when the row narrows.
+  let words: readonly string[] = [...WORDLESS]
   // Counted with Handoff in its place whether it shows or not, and the route at a fixed room
   // (a long model name is cut, a short one leaves air): what the band holds never depends on a value.
-  const counted = (w: readonly string[]) => controlsDrawn(el, frame, { ...view, handoff: 'advised' }, actions, w).reduce((n, c) => n + c.cells + 0.5, 0)
+  // The air between controls is the row's own columnGap (a fraction of a cell, as the facts' air),
+  // and the hide button a half-separator of its own.
+  const counted = (w: readonly string[]) => {
+    const list = controlsDrawn(el, frame, { ...view, handoff: 'advised' }, actions, w)
+    return list.reduce((n, c) => n + c.cells, 0) + 0.15 * (list.length - 1) + (actions.hide ? 0.15 : 0)
+  }
   let controlCells = counted(words)
   let route = view.hide.includes('route') ? 0 : ROUTE_ROOM
   let ruled = true
@@ -639,16 +666,17 @@ function bandDrawn(el: Els, frame: Frame, view: DashboardView, actions: BandActi
   const rules = (facts: DrawnFact[]) => (ruled ? (facts.length ? RULE_CELLS + DRAWN_GAP : 0) + (route ? RULE_CELLS + DRAWN_GAP : 0) : 0)
   const need = (facts: DrawnFact[]) => CREST_CELLS + DRAWN_GAP + effort.cells + DRAWN_GAP + rules(facts) + span(facts) + (route ? route + DRAWN_GAP : 0) + controlCells + close + 1
   let facts = optional
-  // Narrow, things go in this order until the row fits: the controls' words (settings, agents,
-  // keep-warm), the rules, the standing facts (the plan limit, the mode, context), Auto's word, then
-  // the route and last the cache. A changing figure outlasts a standing state.
-  for (const drop of [...WORDLESS, 'rules', 'limit', 'mode', 'context', 'auto', 'route', 'cache']) {
+  // Narrow, things go in this order until the row fits: the icons' words (clear, compact,
+  // settings, agents, keep-warm), the rules, then the route draws in to its least, then the mode
+  // and the context chip, last the cache. The limit and the new icons stay (2026-10-14: the band
+  // sits at its ~100-column maximum and must hold everything there, Handoff with the rest).
+  for (const drop of [...WORDLESS, 'rules', 'route', 'mode', 'context', 'cache']) {
     if (need(facts) <= cols) break
-    if ((WORDLESS as readonly string[]).includes(drop) || drop === 'auto') {
+    if ((WORDLESS as readonly string[]).includes(drop)) {
       words = words.filter(w => w !== drop)
       controlCells = counted(words)
     } else if (drop === 'rules') ruled = false
-    else if (drop === 'route') route = 0
+    else if (drop === 'route') route = RICH_ROUTE_MIN
     else facts = facts.filter(f => f.key !== drop)
   }
   const controls = controlsDrawn(el, frame, view, actions, words)
@@ -662,7 +690,7 @@ function bandDrawn(el: Els, frame: Frame, view: DashboardView, actions: BandActi
       {ripple(el, 'band-' + mood.face + (mood.dim ? '-dim' : ''), mood.face, 'ClaudeRipple', BAND_RIPPLE, undefined, mood.dim)}
     </Box>
   )
-  const routeNode = route > 0 ? routeDrawn(el, frame, view, actions) : ''
+  const routeNode = route > 0 ? routeDrawn(el, frame, view, actions, route) : ''
   const row = (
     <Box key="band-row" flexDirection="row" alignItems="center" width="100%" minWidth={0} height={rowsOf(ROW_H)}>
       <Box key="band-facts" flexDirection="row" alignItems="center" columnGap={DRAWN_GAP} flexGrow={1} flexShrink={1} width={0} minWidth={0}>
@@ -672,9 +700,9 @@ function bandDrawn(el: Els, frame: Frame, view: DashboardView, actions: BandActi
         {facts.map(f => f.node)}
         {ruled && routeNode ? rule(el, 'route') : null}
         {routeNode}
-        {whyDrawn(el, frame, tips)}
+        {whyDrawn(el, frame, tips, CREST_CELLS + DRAWN_GAP + effort.cells + DRAWN_GAP)}
       </Box>
-      <Box key="band-controls" flexDirection="row" alignItems="center" columnGap={0.5} flexShrink={0} marginLeft={1}>
+      <Box key="band-controls" flexDirection="row" alignItems="center" columnGap={0.15} flexShrink={0} marginLeft={0.5}>
         {controls.map(c => c.node)}
         {actions.hide ? closeButton(el, 'hide', t(frame.lang, 'band.hideBand'), () => actions.hide!(), tipScope('hide')) : null}
       </Box>