Grok Chat History Shortcut

概要

Grok のチャット画面で履歴パネルを素早く開き、対象の要素を視認しやすくハイライトするためのユーザースクリプトです。キーボード操作だけで履歴パネル内の深い階層の要素まで移動し、視認性を高めます。

対象ページ

• https://grok.com/chat/*

使い方

1. Grok のチャット画面を開きます。
2. Ctrl + Shift + Backspace を押します。
3. 履歴ボタンが自動でクリックされ、履歴パネル内の対象要素が順に強調表示されます。

機能

• 履歴パネルの展開: 履歴ボタン（aria-label="履歴"）をクリックしてパネルを開きます。
• パネルの強調表示: パネル背景をピンクに変更して視認性を向上させます。
• 対象要素のフォーカス:
  • 深い階層の <span> を検出し、背景を deeppink に変更
  • 対象要素までスクロールし、フォーカスを当てます
• リンクのアウトライン:
  • 対象の cmdk-item 内のリンクに黄色の枠線を付与します

動作仕様

• 一連の処理は複数の setTimeout を使って段階的に実行します。
• 対象要素が見つからない場合は処理を中断し、コンソールに警告を出力します。

注意事項

• DOM 構造やクラス名が変更されると動作しなくなる可能性があります。
• Ctrl + Shift + Backspace はブラウザやOS側のショートカットと競合する可能性があります。

作者

• Name: Takashi Sasaki
• URL: https://x.com/TakashiSasaki