opencode-groq-dictate 1.1.10 → 1.1.12

package/README.md

@@ -4,6 +4,7 @@
 [![npm](https://img.shields.io/npm/v/opencode-groq-dictate?label=npm)](https://www.npmjs.com/package/opencode-groq-dictate)
 [![license: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
 [![release](https://img.shields.io/github/v/tag/LeonVeganMan/opencode-groq-dictate?label=release)](https://github.com/LeonVeganMan/opencode-groq-dictate/releases)
+[![OpenDock](https://img.shields.io/badge/OpenDock-listed-orange)](https://www.opendock.net/plugins/opencode-groq-dictate/)
 [![tests](https://img.shields.io/badge/tests-bun%20test-informational.svg)](#development)
 
 Dictation inside the **opencode v2** TUI: press `alt+v`, speak, press `alt+v` again.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencode-groq-dictate",
-  "version": "1.1.10",
+  "version": "1.1.12",
   "description": "Groq dictation in the OpenCode v2 TUI: alt+v records, transcribes with whisper-large-v3-turbo, and pastes the text into the prompt.",
   "private": false,
   "type": "module",

package/tui.tsx

@@ -456,21 +456,23 @@ export default Plugin.define({
       ],
     }))
 
-    const red = () => context.theme?.hue?.red?.["400"] ?? "#ff5555"
-    const amber = () => context.theme?.hue?.orange ?? "#FF9654"
-    const green = () => context.theme?.hue?.green?.["400"] ?? "#7fbf7f"
+    // Theme colours are shade maps ({100..600}): passing the map itself as `fg`
+    // crashes the slot renderer (e.length), so every helper resolves one shade.
+    const shade = (value: unknown, key = "400"): string | undefined =>
+      typeof value === "string" ? value : (value as Record<string, string> | undefined)?.[key]
+    const red = () => shade(context.theme?.hue?.red) ?? "#ff5555"
+    const amber = () => shade(context.theme?.hue?.orange) ?? "#FF9654"
+    const green = () => shade(context.theme?.hue?.green) ?? "#7fbf7f"
     const muted = () => context.theme?.text?.muted ?? context.theme?.text?.subdued ?? "#808080"
     // The brand accent, the same one the go-meter panel uses for its figures.
-    const accent = () =>
-      context.theme?.hue?.accent?.["500"] ?? context.theme?.hue?.interactive?.["300"] ?? "#FF9654"
+    const accent = () => shade(context.theme?.hue?.accent, "500") ?? shade(context.theme?.hue?.interactive, "300") ?? "#FF9654"
 
     // The footer row already carries the model and the other status items, so the
     // dot sits next to them and disappears when there is nothing to report.
     context.ui.slot({
       append: "prompt.footer.status",
-      // Always return an element: the host reads .length on what the render
-      // returns, and a <Show> that resolves to nothing hands it undefined,
-      // which crashes the slot ("evaluating 'e.length'") on v2.1.0.
+      // Always return an element, never a <Show> that resolves to nothing: the
+      // host reads .length on the render result, so undefined crashes the slot.
       render: () => (
         <text fg={recording() ? red() : amber()}>
           {recording() ? `● REC ${elapsed()}s` : busy() ? "● …" : ""}
@@ -513,13 +515,14 @@ export default Plugin.define({
           <box flexDirection="column">
             <box flexDirection="row" gap={1}>
               {/* Plain glyphs: the emoji did not render in every terminal font. */}
-              <text fg={state()}>{"■"}</text>
-              <text onMouseUp={(event) => toggle(wantsSubmit(event))}>{"Groq Dictate"}</text>
-              <text fg={muted()} onMouseUp={() => openSettings()}>{"settings"}</text>
+              <text fg={muted()}>{"Groq Dictate"}</text>
+              <text fg={accent()} onMouseUp={() => openSettings()}>{"settings"}</text>
             </box>
             {row(
               "state",
-              recording() ? `● rec ${elapsed()}s` : busy() ? "transcribing…" : "idle",
+              // The square is the record button: it sits next to the state word,
+              // click starts, ctrl+click starts and sends.
+              recording() ? `■ rec ${elapsed()}s` : busy() ? "■ transcribing…" : "■ idle",
               state,
               (event) => toggle(wantsSubmit(event)),
             )}