diff --git a/packages/tui/src/component/session-tabs.tsx b/packages/tui/src/component/session-tabs.tsx index ac5f7747d3..be5c5be2d4 100644 --- a/packages/tui/src/component/session-tabs.tsx +++ b/packages/tui/src/component/session-tabs.tsx @@ -1,5 +1,16 @@ import { RGBA, ScrollBoxRenderable, TextAttributes, type MouseEvent } from "@opentui/core" -import { For, Match, Show, Switch, createComputed, createEffect, createMemo, createSignal, onCleanup, untrack } from "solid-js" +import { + For, + Match, + Show, + Switch, + createComputed, + createEffect, + createMemo, + createSignal, + onCleanup, + untrack, +} from "solid-js" import { useTerminalDimensions } from "@opentui/solid" import { useConfig } from "../config" import { useSessionTabs } from "../context/session-tabs" @@ -273,10 +284,7 @@ export function SessionTabs( return ( - + @@ -417,11 +425,7 @@ function VerticalSessionTabs(props: { controller?: SessionTabsController; animat const base = hovered() === tab.sessionID && !selected() ? foreground() - : tint( - idleNumber(), - tint(theme.text.default, pulseBackground(), 0.25), - Number(selected()), - ) + : tint(idleNumber(), tint(theme.text.default, pulseBackground(), 0.25), Number(selected())) const color = status().attention ? theme.text.feedback.warning.default : status().unread === "error" @@ -430,11 +434,7 @@ function VerticalSessionTabs(props: { controller?: SessionTabsController; animat const runningColor = runs() ? activeNumber() : color return sweepLevel() === 0 ? tint(runningColor, theme.text.default, numberIgnition.value().level) - : tint( - runningColor, - theme.text.default, - Math.max(numberIgnition.value().level, 0.35 * sweepLevel()), - ) + : tint(runningColor, theme.text.default, Math.max(numberIgnition.value().level, 0.35 * sweepLevel())) } const foreground = () => { if (hovered() === tab.sessionID) return theme.text.default @@ -999,11 +999,7 @@ function HorizontalSessionTabs(props: { controller?: SessionTabsController; anim : tint(idleNumber(), tint(theme.text.default, background(), 0.25), selection()) const color = feedback ?? (runs() ? activeNumber() : tint(base, accent(), activity())) // The number brightens faintly as the running sweep passes beneath it. - return tint( - color, - theme.text.default, - Math.max(numberIgnition.value().level, 0.15 * sweepLevel()), - ) + return tint(color, theme.text.default, Math.max(numberIgnition.value().level, 0.15 * sweepLevel())) } const bold = () => (selected() || dragged() ? TextAttributes.BOLD : undefined) const closeColor = () => tint(theme.text.subdued, theme.text.default, 0.6) diff --git a/packages/tui/src/feature-plugins/system/storybook/footer.tsx b/packages/tui/src/feature-plugins/system/storybook/footer.tsx index 85cd3ce2e7..24fa260269 100644 --- a/packages/tui/src/feature-plugins/system/storybook/footer.tsx +++ b/packages/tui/src/feature-plugins/system/storybook/footer.tsx @@ -39,7 +39,7 @@ export function StoryFooter(props: { {(control, index) => ( <> 0}> - + {control.shortcut} {control.label} diff --git a/packages/tui/src/feature-plugins/system/storybook/session-tabs.tsx b/packages/tui/src/feature-plugins/system/storybook/session-tabs.tsx index 46f7056429..3f29f86f4e 100644 --- a/packages/tui/src/feature-plugins/system/storybook/session-tabs.tsx +++ b/packages/tui/src/feature-plugins/system/storybook/session-tabs.tsx @@ -2,11 +2,7 @@ import { Plugin } from "@opencode-ai/plugin/tui" import { useTerminalDimensions } from "@opentui/solid" import { batch, createSignal, For } from "solid-js" import { createStore, reconcile } from "solid-js/store" -import { - EMPTY_SESSION_TAB_STATUS, - SessionTabs, - type SessionTabsController, -} from "../../../component/session-tabs" +import { EMPTY_SESSION_TAB_STATUS, SessionTabs, type SessionTabsController } from "../../../component/session-tabs" import { closeSessionTab, cycleSessionTab, moveSessionTab } from "../../../context/session-tabs-model" import { StoryFooter } from "./footer" import type { Story } from "./index"