opencode-tweaks 0.8.0 → 0.9.0

package/README.md

@@ -198,8 +198,9 @@ The cost settings used to live in the Tokens entry. A choice saved there before
 ### Model
 
 Model shows the current model's list price in the sidebar, under the quota. The model name, provider, and variant
-already sit on the bottom bar, so the card only carries the rates and the peak state. Click the `Model` header to
-collapse or expand it.
+already sit on the bottom bar, so the card only carries the rates and the peak state. The rates follow the prompt's
+selected model, so picking another one in `/models` updates them at once, before the next turn. Click the `Model`
+header to collapse or expand it.
 
 `Input price`, `Output price`, and `Cache read price` choose the rates, all in dollars per million tokens. The card
 draws them as a price list with the labels on the left and the values in the theme accent. `Price alignment` picks
@@ -207,6 +208,10 @@ whether the prices start on one shared column (`left`) or sit against the right
 price that applies to the session's context, so a long-context tier shows the higher rate with its threshold
 (`>512K`).
 
+A model that bills nothing, such as a free promo, follows `Free models`. `List price` shows the rates of the paid
+catalog entry it borrows. `Free label` shows a single `Free` line instead. `Hide card` removes the card until a paid
+model is selected.
+
 `Peak state` puts the price multiplier on the right of the card header for schedules the plugin knows, such as
 DeepSeek and OpenCode Go: `×2` in the warning colour during the higher window and `×1` in the normal text colour off
 it. A model without a schedule shows nothing. The marker stays visible when the card is collapsed. `Peak only` hides
@@ -238,6 +243,7 @@ src/
     messages.ts     message shape and turn selection
     tokens.ts       token sums and formatting
     cost.ts         list prices, estimates, and cost formatting
+    catalog.ts      catalog entries and paid sibling lookup
     price-window.ts provider peak hours and holidays
   tui.tsx           terminal entry: commands and slots
   tweaks/

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "opencode-tweaks",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Opt-in settings and small interface improvements for OpenCode.",
   "type": "module",
   "license": "MIT",

package/src/tweaks/model-panel.tsx

@@ -1,6 +1,7 @@
 import type { Context, SlotMap } from "@opencode/plugin/tui/context"
 import { TextAttributes } from "@opentui/core"
 import { createEffect, createMemo, createSignal, For, onCleanup, Show } from "solid-js"
+import { type CatalogModel, paidSibling } from "../usage/catalog"
 import { formatRate, priceFor } from "../usage/cost"
 import { hasPriceSchedule, priceWindowFor } from "../usage/price-window"
 import { formatTokens } from "../usage/tokens"
@@ -21,6 +22,7 @@ const CACHE = setting("cache")
 const PEAK = setting("peak")
 const PEAK_ONLY = setting("peakOnly")
 const ALIGN = setting("align")
+const FREE = setting("free")
 
 /** The ref stored on a session or returned by the composer. */
 interface ModelRef {
@@ -62,27 +64,31 @@ function ModelBody(props: {
   const peakOn = () => props.store.read(modelTweak, PEAK).value === true
   const peakOnly = () => props.store.read(modelTweak, PEAK_ONLY).value === true
   const alignRight = () => props.store.read(modelTweak, ALIGN).value === "right"
+  const freeMode = () => String(props.store.read(modelTweak, FREE).value)
 
-  /** The session's model, or the composer's while the session has none yet. */
+  /**
+   * The model the next prompt would use, read from the prompt selection so a
+   * switch in `/models` shows its rates at once. The session only supplies a
+   * model for a transcript opened without a prompt of its own.
+   */
   const model = createMemo<ModelRef | undefined>(() => {
-    const session = props.context.data.session.get(props.input.sessionID)
-    if (session?.model) return session.model
-
     const current = props.context.ui.model.current()
-    return current ? { providerID: current.providerID, id: current.modelID } : undefined
+    if (current) return { providerID: current.providerID, id: current.modelID }
+
+    return props.context.data.session.get(props.input.sessionID)?.model
   })
 
-  /** The catalog rates for that model, when the catalog knows it. */
-  const costs = createMemo(() => {
+  const catalog = () => props.context.data.location.model.list() ?? []
+
+  /** The catalog entry for that model, when the catalog knows it. */
+  const entry = createMemo<CatalogModel | undefined>(() => {
     const ref = model()
-    if (!ref) return []
-
-    return (
-      (props.context.data.location.model.list() ?? []).find(
-        (candidate) =>
-          candidate.providerID === ref.providerID &&
-          (candidate.modelID === ref.id || candidate.id === ref.id),
-      )?.cost ?? []
+    if (!ref) return undefined
+
+    return catalog().find(
+      (candidate) =>
+        candidate.providerID === ref.providerID &&
+        (candidate.modelID === ref.id || candidate.id === ref.id),
     )
   })
 
@@ -93,12 +99,31 @@ function ModelBody(props: {
   })
 
   const price = createMemo(() => {
-    const list = costs()
-    return list.length > 0 ? priceFor(list, contextSize()) : undefined
+    const list = entry()?.cost
+    return list && list.length > 0 ? priceFor(list, contextSize()) : undefined
   })
 
-  const rates = createMemo(() => {
+  /** A free model bills zero on every rate the card can show. */
+  const freeModel = createMemo(() => {
     const value = price()
+    return value ? value.input === 0 && value.output === 0 && value.cache.read === 0 : false
+  })
+
+  /** The paid list price of a free promo, when the catalog has its sibling. */
+  const reference = createMemo(() => {
+    if (!freeModel() || freeMode() !== "reference") return undefined
+    const selected = entry()
+    if (!selected) return undefined
+
+    const sibling = paidSibling(catalog(), selected)
+    return sibling ? priceFor(sibling.cost, contextSize()) : undefined
+  })
+
+  /** The rates on screen: the selected model's, or the reference it borrows. */
+  const shown = createMemo(() => reference() ?? (freeModel() ? undefined : price()))
+
+  const rates = createMemo(() => {
+    const value = shown()
     if (!value) return []
 
     const rows: { label: string; value: string; muted?: boolean }[] = []
@@ -116,6 +141,15 @@ function ModelBody(props: {
     return rows
   })
 
+  /** A free model with no reference price says so instead of drawing zeroes. */
+  const freeLabel = createMemo(() => {
+    if (!freeModel() || reference()) return false
+    return inputOn() || outputOn() || cacheOn()
+  })
+
+  /** `Hide card` removes the panel entirely while a free model is selected. */
+  const hidden = () => freeModel() && freeMode() === "hidden"
+
   /** The widest label, so the prices start on one column. */
   const labelWidth = createMemo(() =>
     rates().reduce((width, row) => Math.max(width, row.label.length), 0),
@@ -148,44 +182,58 @@ function ModelBody(props: {
   })
 
   return (
-    <box flexDirection="column">
-      <box
-        flexDirection="row"
-        justifyContent="space-between"
-        onMouseUp={() => setCollapsed((value) => !value)}
-      >
-        <text attributes={TextAttributes.BOLD} fg={theme().text.base}>
-          {collapsed() ? "▶" : "▼"} Model
-        </text>
-        <Show when={showMultiplier()}>
-          <text
-            fg={peak() ? theme().text.feedback.warning.base : theme().text.base}
-            wrapMode="none"
-          >
-            {`×${multiplier()}`}
+    <Show when={!hidden()}>
+      <box flexDirection="column">
+        <box
+          flexDirection="row"
+          justifyContent="space-between"
+          onMouseUp={() => setCollapsed((value) => !value)}
+        >
+          <text attributes={TextAttributes.BOLD} fg={theme().text.base}>
+            {collapsed() ? "▶" : "▼"} Model
           </text>
-        </Show>
-      </box>
-      <Show when={!collapsed()}>
-        <Show when={model()} fallback={<text fg={theme().text.muted}>No model selected</text>}>
-          <For each={rates()}>
-            {(row) => (
-              <box
-                flexDirection="row"
-                justifyContent={alignRight() ? "space-between" : "flex-start"}
-                gap={1}
-              >
-                <text flexShrink={0} fg={theme().text.base}>
-                  {alignRight() ? row.label : row.label.padEnd(labelWidth())}
-                </text>
-                <text flexShrink={0} fg={row.muted ? theme().text.muted : theme().hue.accent[200]}>
-                  {row.value}
+          <Show when={showMultiplier()}>
+            <text
+              fg={peak() ? theme().text.feedback.warning.base : theme().text.base}
+              wrapMode="none"
+            >
+              {`×${multiplier()}`}
+            </text>
+          </Show>
+        </box>
+        <Show when={!collapsed()}>
+          <Show when={model()} fallback={<text fg={theme().text.muted}>No model selected</text>}>
+            <Show
+              when={!freeLabel()}
+              fallback={
+                <text fg={theme().hue.accent[200]} attributes={TextAttributes.BOLD}>
+                  Free
                 </text>
-              </box>
-            )}
-          </For>
+              }
+            >
+              <For each={rates()}>
+                {(row) => (
+                  <box
+                    flexDirection="row"
+                    justifyContent={alignRight() ? "space-between" : "flex-start"}
+                    gap={1}
+                  >
+                    <text flexShrink={0} fg={theme().text.base}>
+                      {alignRight() ? row.label : row.label.padEnd(labelWidth())}
+                    </text>
+                    <text
+                      flexShrink={0}
+                      fg={row.muted ? theme().text.muted : theme().hue.accent[200]}
+                    >
+                      {row.value}
+                    </text>
+                  </box>
+                )}
+              </For>
+            </Show>
+          </Show>
         </Show>
-      </Show>
-    </box>
+      </box>
+    </Show>
   )
 }

package/src/tweaks/model.ts

@@ -60,6 +60,17 @@ export const modelTweak = defineTweak({
       default: "right",
       values: ["left", "right"],
     },
+    {
+      id: "free",
+      title: "Free models",
+      description:
+        "Show the paid list price, a Free label, or no card at all when the selected model is free.",
+      category: "Display",
+      kind: "select",
+      default: "reference",
+      values: ["reference", "label", "hidden"],
+      labels: ["List price", "Free label", "Hide card"],
+    },
     {
       id: "peakOnly",
       title: "Peak only",

package/src/usage/catalog.ts

@@ -0,0 +1,41 @@
+import type { ModelPrice } from "./cost"
+
+/** A catalog entry, narrowed to the fields the model card reads. */
+export interface CatalogModel {
+  readonly id: string
+  readonly modelID: string
+  readonly providerID: string
+  readonly name: string
+  readonly cost: readonly ModelPrice[]
+}
+
+/** Whether a price list charges anything at any of its rates. */
+export function charged(prices: readonly ModelPrice[]): boolean {
+  return prices.some((price) => price.input > 0 || price.output > 0 || price.cache.read > 0)
+}
+
+/**
+ * The paid entry behind a free promo. Providers name the promo after the model
+ * it borrows, so dropping a trailing `Free` and matching the same provider
+ * finds the price the model lists at when it is not on the house.
+ */
+export function paidSibling(
+  models: readonly CatalogModel[],
+  selected: CatalogModel,
+): CatalogModel | undefined {
+  const base = selected.name.replace(/\s*\(?free\)?$/i, "").trim()
+  if (base.length === 0 || base === selected.name) return undefined
+
+  const candidates = models.filter(
+    (candidate) =>
+      candidate.providerID === selected.providerID &&
+      candidate.id !== selected.id &&
+      charged(candidate.cost) &&
+      (candidate.name === base || candidate.name.startsWith(`${base} `)),
+  )
+
+  candidates.sort(
+    (a, b) => Number(b.name === base) - Number(a.name === base) || a.name.length - b.name.length,
+  )
+  return candidates[0]
+}