opencode-cache-hit 0.2.0 → 0.2.1

package/src/tui-panel/components.tsx

@@ -1,6 +1,6 @@
 /** @jsxImportSource @opentui/solid */
 import { Show, type JSX } from "solid-js"
-import { padBeforeTitleSummary, sepAfterPrefix, visualWidth } from "./layout.ts"
+import { padBeforeTitleSummary, sepAfterPrefix, UNIT_GAP, visualWidth } from "./layout.ts"
 import type { PanelLayout } from "./use-panel-layout.ts"
 import type { PanelPalette } from "./palette.ts"
 
@@ -126,18 +126,45 @@ export function TuiSection(props: {
   )
 }
 
+function metricRowGap(label: string, value: string, unit: string, gauge: number): number {
+  const used =
+    visualWidth(label) + visualWidth(value) + (unit ? visualWidth(unit) + UNIT_GAP : 0)
+  return Math.max(1, gauge - used)
+}
+
 export function TuiMetricRow(props: {
   pal: PanelPalette
   layout: PanelLayout
   label: string
   value: string
   unit?: string
+  /** Whole line (label + value + unit). Ignored when `labelFg` / `valueFg` set. */
   fg?: string
+  /** Label-only color (e.g. sub-agent model); value stays `valueFg` or muted. */
+  labelFg?: string
+  valueFg?: string
 }) {
-  const fg = props.fg ?? props.pal.muted
+  const unit = props.unit ?? ""
+  const unitSuffix = unit ? " " + unit : ""
+  const split = props.labelFg !== undefined || props.valueFg !== undefined
+  if (split) {
+    const gap = metricRowGap(props.label, props.value, unit, props.layout.gauge())
+    const labelColor = props.labelFg ?? props.fg ?? props.pal.muted
+    const valueColor = props.valueFg ?? props.fg ?? props.pal.muted
+    return (
+      <text>
+        <span style={{ fg: labelColor }}>{props.label}</span>
+        {" ".repeat(gap)}
+        <span style={{ fg: valueColor }}>
+          {props.value}
+          {unitSuffix}
+        </span>
+      </text>
+    )
+  }
   return (
-    <text fg={fg}>
-      {props.layout.row(props.label, props.value, props.unit ?? "")}
+    <text fg={props.fg ?? props.pal.muted}>
+      {props.layout.row(props.label, props.value, unit)}
     </text>
   )
 }

package/src/tui-panel/index.ts

@@ -19,7 +19,12 @@ export {
   padBeforeTitleSummary,
 } from "./layout.ts"
 
-export { buildPanelPalette, themeColorToHex, type PanelPalette } from "./palette.ts"
+export {
+  buildPanelPalette,
+  themeColorToHex,
+  toneBrandHex,
+  type PanelPalette,
+} from "./palette.ts"
 
 export {
   createPanelLayout,

package/src/tui-panel/palette.ts

@@ -79,6 +79,11 @@ export function themeColorToHex(raw: unknown, fallback: string): string {
   return "#" + [c.r, c.g, c.b].map((v) => v.toString(16).padStart(2, "0")).join("")
 }
 
+/** Tone a vendor brand hex for dark TUI panels (same max saturation as theme colors). */
+export function toneBrandHex(hex: string, fallback: string): string {
+  return desaturateTo(hex, MAX_SAT, fallback)
+}
+
 export function buildPanelPalette(theme: Record<string, unknown>): PanelPalette {
   const sat = (k: string, fb: string) => desaturateTo(theme[k], MAX_SAT, fb)
   return {

package/src/version.ts

@@ -1 +1,4 @@
-export const PLUGIN_VERSION = "0.1.0"
+import packageJson from "../package.json" with { type: "json" }
+
+/** Sidebar label; kept in sync with package.json "version". */
+export const PLUGIN_VERSION = packageJson.version