Thinking Orbs

9 つの状態がエージェント UI のループを覆う。実行中の作業、思考、検索が前に並び、その後にバックグラウンド処理、ブラウザ操作、再試行、コンテキスト圧縮、利用上限の待機、アイドルが続く。多くには名前付きのバリアントがあり、gyro は作業中のオーブを揺らし、lighthouse は検索の光を掃く。

size、speed、density、dotSize、tilt はすべて数値のプロップだ。14 px の注釈にも 48 px のブロックにも、スタイルを書かずに合わせられる。paused は現在のフレームで動きを止め、className を使えば既存のユーティリティクラスの文字色をそのまま継承する。描画は currentColor なので、ダークモードでも追加設定はいらない。

コアに入っているのは形状 1 種と描画方式 1 種だけだ。残り 4 種の形状（cube、octahedron、tetrahedron、torus）と 7 種の描画方式（dashes、squares、crosses、mesh、halftone、lines、verticalLines）は別のエントリーポイントにある。tree shaking で使わない分は落ち、独自の形状は単位球内の座標を返す関数として書ける。

npm から入れる、shadcn の URL でソースを複製する、mountOrb で素の JavaScript に載せる、Xcode で Swift パッケージを追加する。vanilla 版は pause、play、destroy を返すので、自前でライフサイクルを管理するページに向く。SwiftUI 版は前景スタイルで描くため、foregroundStyle(.blue) を付ければ色が変わる。

React 版は React 以外に依存がなく、vanilla 版はまったくない。既定の 20 px は形状が想定したサイズなので、密度の高い画面でも点が読める。label プロップはスクリーンリーダー向けの名前を付け、OS が視差効果の低減を伝えているときはアニメーションが止まる。

ソースはすべて GitHub にあり、MIT ライセンスが商用利用、改変、再配布を認める。支払いは Patreon による任意の支援で、機能の解放とは関係ない。コンポーネントを fork して自前で持ちたいチームでも、費用は読みやすい。