opencode-ghost 1.0.3 → 1.0.4

package/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project are documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.0.4] - 2026-10-08
+
+### Fixed
+
+- **tui:** Dim inline suggestions against the composer background
+
 ## [1.0.3] - 2026-10-08
 
 ### Fixed
@@ -203,6 +209,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Options for `model`, `acceptKeys`, `maxChars`, `idleDelayMs`,
   `recentMessages` and `system`.
 
+[1.0.4]: https://github.com/ozandogrultan/opencode-ghost/compare/v1.0.3...v1.0.4
 [1.0.3]: https://github.com/ozandogrultan/opencode-ghost/compare/v1.0.2...v1.0.3
 [1.0.2]: https://github.com/ozandogrultan/opencode-ghost/compare/v1.0.1...v1.0.2
 [1.0.1]: https://github.com/ozandogrultan/opencode-ghost/compare/v1.0.0...v1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencode-ghost",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Stateless inline next-prompt ghosts for the empty OpenCode V2 composer, accepted with Tab or Right.",
   "type": "module",
   "license": "MIT",

package/src/placeholder.ts

@@ -1,7 +1,11 @@
-import type { TextareaRenderable } from "@opentui/core"
+import { RGBA, type TextareaRenderable } from "@opentui/core"
 
 export type PlaceholderEditor = Pick<TextareaRenderable, "placeholder" | "placeholderColor" | "plainText" | "isDestroyed">
 
+export function dimPlaceholderColor(muted: RGBA): RGBA {
+  return RGBA.fromValues(muted.r, muted.g, muted.b, muted.a * 0.55)
+}
+
 export function createInlinePlaceholder() {
   let owned: {
     editor: PlaceholderEditor

package/src/tui.tsx

@@ -1,12 +1,12 @@
 /** @jsxImportSource @opentui/solid */
 import { Plugin } from "@opencode/plugin/tui"
 import { TextareaRenderable, InputRenderable, type BoxRenderable, type Renderable } from "@opentui/core"
-import { createEffect, createRoot, createSignal, on, onCleanup } from "solid-js"
+import { createEffect, createMemo, createRoot, createSignal, on, onCleanup } from "solid-js"
 import { composerAction, findComposerEditor, isEmptyComposer, keyName, observeComposerInput } from "./composer"
 import { createLifecycle } from "./lifecycle"
 import { acceptCommand, acceptShortcuts, ghostKeymapLayers } from "./keymap"
 import { parseSuggestCommand, removedOptionKeys, resolveOptions, suggestionModel } from "./options"
-import { createInlinePlaceholder } from "./placeholder"
+import { createInlinePlaceholder, dimPlaceholderColor } from "./placeholder"
 import { generateSuggestion } from "./stateless"
 import { isEcho, normalize, resolveExplicitModel, resolveSmallModel } from "./text"
 import { buildTranscript, lastUserText, suggestionPrompt, type TranscriptMessage } from "./transcript"
@@ -41,6 +41,7 @@ export default Plugin.define({
     const [suggestion, setSuggestion] = createSignal<Suggestion | undefined>()
     const [composerRevision, setComposerRevision] = createSignal(0)
     const inline = createInlinePlaceholder()
+    const ghostColor = createMemo(() => dimPlaceholderColor(context.theme.text.muted))
 
     let disposed = false
     const composers = new Map<string, { marker: BoxRenderable; normal: () => boolean }>()
@@ -118,7 +119,7 @@ export default Plugin.define({
       composerRevision()
       const current = suggestion()
       const editor = current ? getComposer(current.sessionID).editor : undefined
-      inline.sync(editor, current?.text, context.theme.text.muted, !!current && canGenerate(current.sessionID) && isComposerEmpty(current.sessionID))
+      inline.sync(editor, current?.text, ghostColor(), !!current && canGenerate(current.sessionID) && isComposerEmpty(current.sessionID))
     }
 
     const disposeRouteWatcher = createRoot((dispose) => {