pi-one-ui 0.5.1 → 0.6.1

package/extensions/app/config/shell.ts

@@ -18,7 +18,6 @@ import {
 } from "./store.ts";
 
 export type ColorSpec = string;
-export type ColorSource = "theme" | "terminal";
 export type { IconMode } from "../../shared/icons.ts";
 
 export type ContextStyle = "text" | "gauge" | "text+gauge";
@@ -70,12 +69,6 @@ export type GitBranchConfig = {
   maxLength: GitBranchMaxLength;
 };
 
-export type ColorSourcesConfig = {
-  starship: ColorSource;
-  editor: ColorSource;
-  userMessages: ColorSource;
-};
-
 export type UiFeaturesConfig = {
   editor: boolean;
   statusLine: boolean;
@@ -119,7 +112,6 @@ export type EditorStylesConfig = {
 
 export type EditorComponentConfig = {
   style: EditorStyle;
-  colorSource: ColorSource;
   borderColorMode: EditorBorderColorMode;
   modelLabel: ModelLabelSource;
   viewportIndicators: boolean;
@@ -136,7 +128,6 @@ export type LabeledUserMessageStyleConfig = Record<string, never>;
 export type UserMessagesComponentConfig = {
   enabled: boolean;
   style: UserMessageStyle;
-  colorSource: ColorSource;
   styles: {
     framed: FramedUserMessageStyleConfig;
     "framed-copy-friendly": FramedCopyFriendlyUserMessageStyleConfig;
@@ -148,7 +139,6 @@ export type UserMessagesComponentConfig = {
 export type SelectorBordersComponentConfig = {
   enabled: boolean;
   style: SelectorBorderStyle;
-  colorSource: ColorSource;
 };
 
 export type StarshipFooterStyleConfig = {
@@ -169,7 +159,6 @@ export type StarshipFooterStyleConfig = {
 
 export type FooterComponentConfig = {
   style: FooterStyle;
-  colorSource: ColorSource;
   modelLabel: ModelLabelSource;
   styles: {
     starship: StarshipFooterStyleConfig;
@@ -210,7 +199,6 @@ export type WorkingLineComponentConfig = {
   animateSpinnerColor: boolean;
   textIntervalMs: number;
   textAnimation: WorkingLineTextAnimation;
-  colorSource: ColorSource;
   messages: WorkingLineMessagesConfig;
   segments: WorkingLineSegmentsConfig;
 };
@@ -326,7 +314,6 @@ export type PolishedTuiConfig = ZentuiConfig & {
   contextThresholds: ContextThresholds;
   pathDisplay: PathDisplayConfig;
   gitBranch: GitBranchConfig;
-  colorSources: ColorSourcesConfig;
   features: UiFeaturesConfig;
   footerSegments: FooterSegmentsConfig;
   gitCommit: GitCommitConfig;
@@ -437,7 +424,6 @@ const defaultStarshipStyle: StarshipFooterStyleConfig = {
 const defaultComponents: ComponentsConfig = {
   editor: {
     style: "on",
-    colorSource: "theme",
     borderColorMode: "static",
     modelLabel: "id",
     viewportIndicators: true,
@@ -448,7 +434,6 @@ const defaultComponents: ComponentsConfig = {
   userMessages: {
     enabled: true,
     style: "framed",
-    colorSource: "theme",
     styles: {
       framed: {},
       "framed-copy-friendly": {},
@@ -464,14 +449,12 @@ const defaultComponents: ComponentsConfig = {
     animateSpinnerColor: false,
     textIntervalMs: DEFAULT_WORKING_LINE_TEXT_INTERVAL_MS,
     textAnimation: "classic",
-    colorSource: "theme",
     messages: { custom: true, values: [...PI_WORKING_LINE_MESSAGES] },
     segments: { tool: true, elapsed: true, thought: true, tokens: true },
   },
-  selectorBorders: { enabled: true, style: "zentui", colorSource: "theme" },
+  selectorBorders: { enabled: true, style: "zentui" },
   footer: {
     style: "starship",
-    colorSource: "theme",
     modelLabel: "id",
     styles: { starship: defaultStarshipStyle },
   },
@@ -516,7 +499,6 @@ export const defaultConfig: PolishedTuiConfig = {
   contextThresholds: defaultStarshipStyle.contextThresholds,
   pathDisplay: defaultStarshipStyle.pathDisplay,
   gitBranch: defaultStarshipStyle.gitBranch,
-  colorSources: { starship: "theme", editor: "theme", userMessages: "theme" },
   features: {
     editor: true,
     statusLine: true,
@@ -814,10 +796,6 @@ function normalizeExtensionStatuses(
   };
 }
 
-function isColorSourceKey(value: string): value is keyof ColorSourcesConfig {
-  return value === "starship" || value === "editor" || value === "userMessages";
-}
-
 function isUiFeatureKey(value: string): value is keyof UiFeaturesConfig {
   return (
     value === "editor" ||
@@ -850,21 +828,6 @@ function isFooterSegmentKey(
   );
 }
 
-function validColorSourceEntries(
-  record: Record<string, unknown>,
-): Partial<ColorSourcesConfig> {
-  return Object.fromEntries(
-    Object.entries(record).filter(
-      (entry): entry is [keyof ColorSourcesConfig, ColorSource] => {
-        const [key, value] = entry;
-        return (
-          isColorSourceKey(key) && (value === "theme" || value === "terminal")
-        );
-      },
-    ),
-  ) as Partial<ColorSourcesConfig>;
-}
-
 function validUiFeatureEntries(
   record: Record<string, unknown>,
 ): Partial<UiFeaturesConfig> {
@@ -924,10 +887,6 @@ function parseBoolean(value: unknown, fallback: boolean): boolean {
   return typeof value === "boolean" ? value : fallback;
 }
 
-function parseColorSource(value: unknown, fallback: ColorSource): ColorSource {
-  return value === "theme" || value === "terminal" ? value : fallback;
-}
-
 function parseSelectorBorderStyle(value: unknown): SelectorBorderStyle {
   return value === "zentui" ? value : "zentui";
 }
@@ -1025,10 +984,6 @@ function resolveComponents(config: ConfigRecord): ComponentsConfig {
         parseBoolean(editor.enabled, true) === false
           ? "off"
           : parseEditorStyle(editor.style),
-      colorSource: parseColorSource(
-        editor.colorSource,
-        defaultComponents.editor.colorSource,
-      ),
       borderColorMode: parseEditorBorderColorMode(editor.borderColorMode),
       modelLabel: parseEditorModelLabel(
         editor.modelLabel,
@@ -1071,10 +1026,6 @@ function resolveComponents(config: ConfigRecord): ComponentsConfig {
         defaultComponents.userMessages.enabled,
       ),
       style: parseUserMessageStyle(userMessages.style),
-      colorSource: parseColorSource(
-        userMessages.colorSource,
-        defaultComponents.userMessages.colorSource,
-      ),
       styles: {
         framed: {},
         "framed-copy-friendly": {},
@@ -1117,10 +1068,6 @@ function resolveComponents(config: ConfigRecord): ComponentsConfig {
         workingLine.textAnimation === "disabled"
           ? workingLine.textAnimation
           : defaultComponents.workingLine.textAnimation,
-      colorSource: parseColorSource(
-        workingLine.colorSource,
-        defaultComponents.workingLine.colorSource,
-      ),
       messages: resolveWorkingLineMessages(workingLineMessages),
       segments: {
         tool: parseBoolean(
@@ -1147,17 +1094,9 @@ function resolveComponents(config: ConfigRecord): ComponentsConfig {
         defaultComponents.selectorBorders.enabled,
       ),
       style: parseSelectorBorderStyle(selectorBorders.style),
-      colorSource: parseColorSource(
-        selectorBorders.colorSource,
-        defaultComponents.selectorBorders.colorSource,
-      ),
     },
     footer: {
       style: parseFooterStyle(footer.style),
-      colorSource: parseColorSource(
-        footer.colorSource,
-        defaultComponents.footer.colorSource,
-      ),
       modelLabel: parseEditorModelLabel(
         footer.modelLabel,
         defaultComponents.footer.modelLabel,
@@ -1220,11 +1159,6 @@ function derivedRuntimeView(config: ZentuiConfig): PolishedTuiConfig {
     editorMetadataFormat: DEFAULT_EDITOR_METADATA_FORMAT,
     editorBorderColorMode: config.components.editor.borderColorMode,
     editorModelLabel: config.components.editor.modelLabel,
-    colorSources: {
-      starship: config.components.footer.colorSource,
-      editor: config.components.editor.colorSource,
-      userMessages: config.components.userMessages.colorSource,
-    },
     features: {
       editor: config.components.editor.style === "on",
       statusLine: config.components.footer.style === "starship",
@@ -1418,17 +1352,11 @@ function applyEditorComponentPatch(
   patch: Partial<
     Pick<
       EditorComponentConfig,
-      | "style"
-      | "colorSource"
-      | "borderColorMode"
-      | "modelLabel"
-      | "viewportIndicators"
+      "style" | "borderColorMode" | "modelLabel" | "viewportIndicators"
     >
   >,
 ): void {
   if (patch.style !== undefined) component.style = patch.style;
-  if (patch.colorSource !== undefined)
-    component.colorSource = patch.colorSource;
   if (patch.borderColorMode !== undefined)
     component.borderColorMode = patch.borderColorMode;
   if (patch.modelLabel !== undefined) component.modelLabel = patch.modelLabel;
@@ -1441,11 +1369,7 @@ export function saveEditorComponentPatch(
   patch: Partial<
     Pick<
       EditorComponentConfig,
-      | "style"
-      | "colorSource"
-      | "borderColorMode"
-      | "modelLabel"
-      | "viewportIndicators"
+      "style" | "borderColorMode" | "modelLabel" | "viewportIndicators"
     >
   >,
   path = configPath,
@@ -1481,9 +1405,7 @@ export function saveMinimalistEditorStylePatch(
 }
 
 export function saveUserMessagesComponentPatch(
-  patch: Partial<
-    Pick<UserMessagesComponentConfig, "enabled" | "style" | "colorSource">
-  >,
+  patch: Partial<Pick<UserMessagesComponentConfig, "enabled" | "style">>,
   path = configPath,
 ): PolishedTuiConfig {
   return saveComponentsMutation(
@@ -1491,8 +1413,6 @@ export function saveUserMessagesComponentPatch(
       const component = components.userMessages;
       if (patch.enabled !== undefined) component.enabled = patch.enabled;
       if (patch.style !== undefined) component.style = patch.style;
-      if (patch.colorSource !== undefined)
-        component.colorSource = patch.colorSource;
     },
     path,
     patch.style !== undefined ? "userMessages" : undefined,
@@ -1517,8 +1437,6 @@ export function saveWorkingLineComponentPatch(
       component.textIntervalMs = patch.textIntervalMs;
     if (patch.textAnimation !== undefined)
       component.textAnimation = patch.textAnimation;
-    if (patch.colorSource !== undefined)
-      component.colorSource = patch.colorSource;
     if (patch.messages?.custom !== undefined)
       component.messages.custom = patch.messages.custom;
     if (patch.messages?.values !== undefined) {
@@ -1546,8 +1464,6 @@ export function saveSelectorBordersComponentPatch(
       const component = components.selectorBorders;
       if (patch.enabled !== undefined) component.enabled = patch.enabled;
       if (patch.style !== undefined) component.style = patch.style;
-      if (patch.colorSource !== undefined)
-        component.colorSource = patch.colorSource;
     },
     path,
     patch.style !== undefined ? "selectorBorders" : undefined,
@@ -1555,17 +1471,13 @@ export function saveSelectorBordersComponentPatch(
 }
 
 export function saveFooterComponentPatch(
-  patch: Partial<
-    Pick<FooterComponentConfig, "style" | "colorSource" | "modelLabel">
-  >,
+  patch: Partial<Pick<FooterComponentConfig, "style" | "modelLabel">>,
   path = configPath,
 ): PolishedTuiConfig {
   return saveComponentsMutation(
     (components) => {
       const component = components.footer;
       if (patch.style !== undefined) component.style = patch.style;
-      if (patch.colorSource !== undefined)
-        component.colorSource = patch.colorSource;
       if (patch.modelLabel !== undefined)
         component.modelLabel = patch.modelLabel;
     },
@@ -1630,24 +1542,6 @@ export function saveStarshipFooterStylePatch(
   );
 }
 
-export function saveColorSourcesPatch(
-  patch: Partial<ColorSourcesConfig>,
-  path = configPath,
-): PolishedTuiConfig {
-  const valid = validColorSourceEntries(patch);
-  return saveComponentsMutation((components) => {
-    if (valid.starship !== undefined)
-      components.footer.colorSource = valid.starship;
-    if (valid.editor !== undefined) {
-      components.editor.colorSource = valid.editor;
-      components.selectorBorders.colorSource = valid.editor;
-    }
-    if (valid.userMessages !== undefined) {
-      components.userMessages.colorSource = valid.userMessages;
-    }
-  }, path);
-}
-
 export function saveUiFeaturesPatch(
   patch: Partial<UiFeaturesConfig>,
   path = configPath,

package/extensions/app/overlay/selector-border.ts

@@ -4,9 +4,9 @@ import {
   type Theme,
 } from "@earendil-works/pi-coding-agent";
 import {
-  EDITOR_BORDER_STYLE,
-  renderChromeBorder,
+  EDITOR_BORDER_FALLBACK,
   renderEditorBorder,
+  renderThemeStyleOrFallback,
 } from "../../shared/style.ts";
 import type { ZentuiConfig } from "../config/shell.ts";
 import {
@@ -35,10 +35,11 @@ function renderBorderLine(
 ): string {
   const text = "─".repeat(Math.max(1, width));
   if (theme && config) {
-    return renderChromeBorder(
+    // 选择器边框跟随主题 borderMuted 语义色。
+    return renderThemeStyleOrFallback(
       theme,
-      config.components.selectorBorders.colorSource,
-      EDITOR_BORDER_STYLE,
+      undefined,
+      EDITOR_BORDER_FALLBACK,
       text,
     );
   }

package/extensions/app/panel.ts

@@ -13,6 +13,7 @@ import {
   renderEditorSettingsPreview,
   renderUserMessageSettingsPreview,
 } from "./commands/settings-previews.ts";
+import { loadPanelOverlayConfig } from "./config/panel.ts";
 import {
   type CompactStyleMode,
   type Config as ContextConfig,
@@ -26,7 +27,6 @@ import {
   type FooterComponentConfig,
   type FooterStyle,
   loadConfig as loadShellConfig,
-  saveColorSourcesPatch,
   saveEditorBorderColorMode,
   saveEditorComponentPatch,
   saveFooterComponentPatch,
@@ -133,14 +133,6 @@ function editorItems(): SettingItem[] {
       currentValue: config.components.editor.style,
       values: ["on", "off"],
     },
-    {
-      id: "editorColorSource",
-      label: "Color source",
-      description:
-        "theme resolves colors through the active Pi theme; terminal uses fixed terminal colors.",
-      currentValue: config.components.editor.colorSource,
-      values: ["theme", "terminal"],
-    },
     {
       id: "editorBorderColorMode",
       label: "Border color",
@@ -312,6 +304,13 @@ function featureItems(config: ContextConfig): SettingItem[] {
       currentValue: onOff(config.enableAliases),
       values: ["on", "off"],
     },
+    {
+      id: "enableEffortCommand",
+      label: "Effort command",
+      description: "Register the /effort thinking-level command.",
+      currentValue: onOff(config.enableEffortCommand),
+      values: ["on", "off"],
+    },
   ];
 }
 
@@ -446,24 +445,13 @@ function updateSetting(
     return;
   }
   if (
-    id === "editorColorSource" &&
-    (value === "theme" || value === "terminal")
+    id === "editorBorderColorMode" &&
+    (value === "static" || value === "adaptive")
   ) {
     if (deps.runtime)
-      deps.runtime.setEditorComponent({ colorSource: value }, ctx);
-    else saveColorSourcesPatch({ editor: value });
-    saveNotice(ctx, "Color source", value);
-    return;
-  }
-  if (id === "editorBorderColorMode") {
-    const valid =
-      value === "static" || value === "adaptive" ? value : undefined;
-    if (valid) {
-      if (deps.runtime)
-        deps.runtime.setEditorComponent({ borderColorMode: valid }, ctx);
-      else saveEditorBorderColorMode(valid);
-      saveNotice(ctx, "Border color", value);
-    }
+      deps.runtime.setEditorComponent({ borderColorMode: value }, ctx);
+    else saveEditorBorderColorMode(value);
+    saveNotice(ctx, "Border color", value);
     return;
   }
   if (id === "userMessagesEnabled") {
@@ -567,6 +555,7 @@ function updateSetting(
     id === "enableContextCommand" ||
     id === "enableAgentSummary" ||
     id === "enableAliases" ||
+    id === "enableEffortCommand" ||
     id === "showStartupHeader"
   ) {
     const patch = { [id]: isOn(value) } as Partial<ContextConfig>;
@@ -618,6 +607,8 @@ export async function showOneUiPanel(
 
   unifiedPanelOpen = true;
   try {
+    // Read fresh on every open so pi-one-ui.json edits apply without /reload.
+    const panelOverlay = loadPanelOverlayConfig();
     let panelHandle: { focus: () => void } | undefined;
     await overlayManager.run(() =>
       ctx.ui.custom(
@@ -700,15 +691,10 @@ export async function showOneUiPanel(
         {
           overlay: true,
           overlayOptions: {
-            anchor: "top-center",
-            width: "85%",
-            maxHeight: "90%",
-            margin: {
-              top: 6,
-              right: 1,
-              bottom: 1,
-              left: 1,
-            },
+            anchor: panelOverlay.anchor,
+            width: panelOverlay.width,
+            maxHeight: panelOverlay.maxHeight,
+            margin: panelOverlay.margin,
           },
           onHandle: (handle: { focus: () => void }) => {
             panelHandle = handle;

package/extensions/app/runtime/tui-runtime.ts

@@ -228,7 +228,6 @@ function createLayoutRuntime(
         entry,
         {
           ...options,
-          colorSource: currentConfig.components.workingLine.colorSource,
           workingLineHigh: currentConfig.colors.workingLineHigh,
         },
         theme,

package/extensions/features/effort-command.ts

@@ -0,0 +1,79 @@
+/**
+ * Effort Command Feature
+ *
+ * Registers the /effort command for selecting the active thinking level:
+ *   /effort        → interactive level picker
+ *   /effort high   → apply a level directly (with autocomplete)
+ */
+
+import type { ExtensionAPI } from "@earendil-works/pi-coding-agent";
+
+const EFFORT_LEVELS = [
+  "off",
+  "minimal",
+  "low",
+  "medium",
+  "high",
+  "xhigh",
+  "max",
+] as const;
+type EffortLevel = (typeof EFFORT_LEVELS)[number];
+
+/** Reports whether a command argument is a supported thinking-effort level. */
+function isEffortLevel(value: string): value is EffortLevel {
+  return EFFORT_LEVELS.some((level) => level === value);
+}
+
+/** Registers the /effort command for selecting the active thinking level. */
+export default function effortCommand(pi: ExtensionAPI): void {
+  pi.registerCommand("effort", {
+    description:
+      "Set thinking effort: off, minimal, low, medium, high, xhigh, or max",
+    getArgumentCompletions: (prefix) => {
+      const normalizedPrefix = prefix.toLowerCase();
+      const matches = EFFORT_LEVELS.filter((level) =>
+        level.startsWith(normalizedPrefix),
+      ).map((level) => ({
+        value: level,
+        label: level,
+      }));
+      return matches.length > 0 ? matches : null;
+    },
+    handler: async (args, ctx) => {
+      let requested = args.trim().toLowerCase();
+      if (!requested) {
+        if (!ctx.hasUI) {
+          return;
+        }
+        const selected = await ctx.ui.select(
+          `Thinking effort (current: ${pi.getThinkingLevel()})`,
+          [...EFFORT_LEVELS],
+        );
+        if (!selected) {
+          return;
+        }
+        requested = selected;
+      }
+
+      if (!isEffortLevel(requested)) {
+        ctx.ui.notify(
+          `Unknown effort "${requested}". Expected: ${EFFORT_LEVELS.join(", ")}`,
+          "error",
+        );
+        return;
+      }
+
+      pi.setThinkingLevel(requested);
+      // The active model may clamp unsupported levels; surface the applied value.
+      const applied = pi.getThinkingLevel();
+      if (applied !== requested) {
+        ctx.ui.notify(
+          `Requested ${requested}; active model applied ${applied}`,
+          "warning",
+        );
+        return;
+      }
+      ctx.ui.notify(`Thinking effort: ${applied}`, "info");
+    },
+  });
+}

package/extensions/layouts/context/index.ts

@@ -16,6 +16,7 @@ import { type ConfigRecord, configStore } from "../../app/config/store.ts";
 // shell
 import piAliases from "../../features/aliases.ts";
 import context from "../../features/context-inspector/index.ts";
+import effortCommand from "../../features/effort-command.ts";
 import { installFlushDockedBash } from "../../features/flush-docked-bash.ts";
 import sessionReference from "../../features/session-reference/index.ts";
 // feature
@@ -154,6 +155,9 @@ export default function (
 ): void {
   // shell chrome
   if (config.enableAliases) piAliases(pi);
+  if (config.enableEffortCommand) {
+    effortCommand(pi);
+  }
   installFlushDockedBash();
   // The thinking controller is queried directly by the context render stack.
   markdownEnhance(pi);

package/extensions/layouts/context/message/user-message-styles.ts

@@ -9,7 +9,7 @@ import type { ZentuiConfig } from "../../../app/config/shell.ts";
 import {
   EDITOR_ACCENT_FALLBACK,
   EDITOR_BORDER_FALLBACK,
-  renderStyleForSourceOrFallbackStrict,
+  renderThemeStyleOrFallbackStrict,
 } from "../../../shared/style.ts";
 import { sanitizeUserMessageSourceText } from "./user-message-osc.ts";
 
@@ -74,9 +74,8 @@ function accent(
   text: string,
 ): string {
   return theme
-    ? renderStyleForSourceOrFallbackStrict(
+    ? renderThemeStyleOrFallbackStrict(
         theme,
-        config.components.userMessages.colorSource,
         config.colors.editorAccent,
         EDITOR_ACCENT_FALLBACK,
         text,
@@ -90,9 +89,8 @@ function border(
   text: string,
 ): string {
   return theme
-    ? renderStyleForSourceOrFallbackStrict(
+    ? renderThemeStyleOrFallbackStrict(
         theme,
-        config.components.userMessages.colorSource,
         config.colors.editorBorder,
         EDITOR_BORDER_FALLBACK,
         text,
@@ -210,28 +208,23 @@ export function userMessageStyleCacheKey(config: ZentuiConfig): string {
     case "framed":
       return [
         "framed",
-        messages.colorSource,
         config.colors.editorAccent ?? "",
         config.colors.editorBorder ?? "",
         config.icons.rail,
       ].join("\0");
     case "framed-copy-friendly":
-      return [
-        "framed-copy-friendly",
-        messages.colorSource,
-        config.colors.editorBorder ?? "",
-      ].join("\0");
+      return ["framed-copy-friendly", config.colors.editorBorder ?? ""].join(
+        "\0",
+      );
     case "compact":
       return [
         "compact",
-        messages.colorSource,
         config.colors.editorAccent ?? "",
         config.icons.rail,
       ].join("\0");
     case "labeled":
       return [
         "labeled",
-        messages.colorSource,
         config.colors.editorAccent ?? "",
         config.colors.editorBorder ?? "",
         "User:v1",

package/extensions/layouts/editor/editor-metadata-format.ts

@@ -2,7 +2,7 @@ import type { Theme } from "@earendil-works/pi-coding-agent";
 import type { ZentuiConfig } from "../../app/config/shell.ts";
 import {
   EDITOR_ACCENT_FALLBACK,
-  renderStyleForSourceOrFallback,
+  renderThemeStyleOrFallback,
   safeThemeFg,
 } from "../../shared/style.ts";
 import {
@@ -173,7 +173,6 @@ function renderVariable(
   uiTheme: Theme,
   config: ZentuiConfig,
 ): { plain: string; styled: string } {
-  const colorSource = config.components.editor.colorSource;
   const thinking =
     values.thinking.toLowerCase() === "off" ? "" : values.thinking;
   const raw =
@@ -196,9 +195,8 @@ function renderVariable(
   if (name === "model" || name === "model_id" || name === "model_name") {
     return {
       plain,
-      styled: renderStyleForSourceOrFallback(
+      styled: renderThemeStyleOrFallback(
         uiTheme,
-        colorSource,
         config.colors.editorModel,
         EDITOR_ACCENT_FALLBACK,
         plain,
@@ -208,9 +206,8 @@ function renderVariable(
   if (name === "provider") {
     return {
       plain,
-      styled: renderStyleForSourceOrFallback(
+      styled: renderThemeStyleOrFallback(
         uiTheme,
-        colorSource,
         config.colors.editorProvider,
         "text",
         plain,
@@ -220,9 +217,8 @@ function renderVariable(
   if (name === "thinking") {
     return {
       plain,
-      styled: renderStyleForSourceOrFallback(
+      styled: renderThemeStyleOrFallback(
         uiTheme,
-        colorSource,
         editorThinkingStyle(config, plain),
         "muted",
         plain,