Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

tui: vertical session tabs render the working pulse only 10 columns wide

オープン 初心者向け
#50,426 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@Veld101 がすでに取り組んでいます。

2026年9月23日 から。

  • #50836 @Veld101 による — オープン

評価

難易度
1/5
見積もり時間
1時間未満
初心者へのやさしさ
90/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
typescript
領域
cli

調査の方向性

packages/tui/src/component/session-tabs.tsx の VerticalSessionTabs から始め、indicatorWidth 定数と 826-1090 行付近にある 4 つの TabPulse 呼び出し箇所を確認します。水平タブの幅の扱いおよび packages/tui/src/component/tab-pulse.tsx と比較してください。実行中の pulse とセパレーターストリップが垂直レールの全幅にわたることを確認し、水平タブは変更されないようにします。

索引モデルが issue の本文から書いたものです。

説明

Description

With vertical session tabs (tabs.layout: "vertical"), the animated "session is running" pulse is hardcoded to 10 columns instead of the width of the tab. On a ~40-column rail it looks like a stray short dark stripe that crosses only part of the tab — both the separators above/below the tab and the sweep inside its title/detail rows. Horizontal tabs are fine, which makes the vertical rail look broken/inconsistent.

Plugins

superpowers@git+https://github.com/obra/superpowers.git, @cardinal4/opencode-quota@latest (both unrelated to this rendering issue)

OpenCode version

2.0.12

Steps to reproduce

  1. In ~/.config/opencode/cli.json: "tabs": { "layout": "vertical" } (defaults: indicators: "status", animations: true).
  2. Open a session and send a prompt so the tab stays in the running/thinking state.
  3. Watch the active tab in the vertical rail: the pulse strip above/below it and the sweep inside its title/detail rows cover only the first 10 columns.

Expected behavior

The pulse/separator strips span the full tab width, as they do in the horizontal tab layout.

Actual behavior

They are clipped to 10 columns, so on a wide rail they read as a short black line.

Additional context

Source (v2.0.12):

Suggested fix: drop the hardcoded width in VerticalSessionTabs (use the rail width, e.g. width() or "100%"), matching the horizontal layout.

Workaround (for users hitting it): "animations": false in cli.json.

Environment: Arch Linux (kernel 6.18.52-1-lts, x86_64), Alacritty, truecolor, zsh.

主要言語
TypeScript
スター
215k
フォーク
28.9k
平均マージ
7時間 53分
マージ済み PR(30日)
278

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

anomalyco/opencode のほかの issue

anomalyco/opencode の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。