ChatWork Threader

Visualize ChatWork reply threads as a tree to track complex conversations at a glance and streamline teamwork.

## English **ChatWork Threader** Make long ChatWork conversations easy to follow by visualizing reply relationships as a clean, Reddit/YouTube-style **thread tree**. ### 🌟 What it solves * Too many replies — you can’t tell **who replied to whom** * Multiple topics happening at once — the chat becomes **hard to track** * You want to follow **one conversation flow** inside a long chat log ### 🚀 How to use 1. Open **ChatWork** in your browser 2. Click the floating button at the **bottom-right**, or press **Shift + S** 3. A **right-side Thread Panel** opens. Click any message in the panel to jump to that message in ChatWork. ### 🎯 Key features * **Thread Tree View**: View reply chains as a hierarchical tree with connector lines * **“Show in Thread” button**: Appears on messages that belong to a thread → opens the panel and scrolls to that message * **Pin important threads**: Keep key discussions at the top (saved per room) * **Copy message text**: One-click copy from the thread panel * **Search inside threads**: Search message text, user names, quotes, and To recipients (with next/prev navigation) * **Filters** * Speaker filter (per room) * “My Participation Only” toggle * “Flat” mode (reduces deep nesting for readability) * **Real-time updates**: Detects message additions/deletions and refreshes automatically (manual refresh button also available) * **Handles missing reply sources**: Shows placeholder messages and provides **“Track Origin”** to quickly locate the original message ### ⚙️ Personalization * **Language**: Japanese / English * **Theme**: Light / Dark / System * **Collapsed preview lines**: Set how many lines are shown when threads are collapsed (1–100) * Per-room settings and collapse states are saved in your browser. ### 🔒 Privacy & Permissions * Works only on **[https://www.chatwork.com/](https://www.chatwork.com/)** * **No message content is sent to external servers** (processing runs locally in your browser) * Uses only: * **storage** permission (to save settings/state) ### 📌 Credits (Third-party assets) UI icons are from **Solar Linear Icons** by **480 Design** (SVG Repo) — **CC BY 4.0** License: [https://creativecommons.org/licenses/by/4.0/](https://creativecommons.org/licenses/by/4.0/) Sources: * Chat Round Line: [https://www.svgrepo.com/svg/529480/chat-round-line](https://www.svgrepo.com/svg/529480/chat-round-line) * GPS: [https://www.svgrepo.com/svg/524610/gps](https://www.svgrepo.com/svg/524610/gps) * Copy: [https://www.svgrepo.com/svg/528917/copy](https://www.svgrepo.com/svg/528917/copy) * Pin: [https://www.svgrepo.com/svg/529135/pin](https://www.svgrepo.com/svg/529135/pin) * Settings: [https://www.svgrepo.com/svg/529867/settings](https://www.svgrepo.com/svg/529867/settings) * Book Minimalistic: [https://www.svgrepo.com/svg/529408/book-minimalistic](https://www.svgrepo.com/svg/529408/book-minimalistic) * Layers Minimalistic: [https://www.svgrepo.com/svg/529043/layers-minimalistic](https://www.svgrepo.com/svg/529043/layers-minimalistic) * User: [https://www.svgrepo.com/svg/529293/user](https://www.svgrepo.com/svg/529293/user) * Align Left: [https://www.svgrepo.com/svg/528841/align-left](https://www.svgrepo.com/svg/528841/align-left) * Refresh: [https://www.svgrepo.com/svg/529799/refresh](https://www.svgrepo.com/svg/529799/refresh) * Add Square: [https://www.svgrepo.com/svg/529372/add-square](https://www.svgrepo.com/svg/529372/add-square) * Minus Square: [https://www.svgrepo.com/svg/529080/minus-square](https://www.svgrepo.com/svg/529080/minus-square) * Maximize Square Minimalistic: [https://www.svgrepo.com/svg/529063/maximize-square-minimalistic](https://www.svgrepo.com/svg/529063/maximize-square-minimalistic) * Minimize Square Minimalistic: [https://www.svgrepo.com/svg/529072/minimize-square-minimalistic](https://www.svgrepo.com/svg/529072/minimize-square-minimalistic) Modification: resized/adjusted for extension UI. *(This extension is not an official product of ChatWork.)* --- ## 日本語版 **ChatWork Threader** ChatWork の返信関係を **ツリー（スレッド）構造**で見える化し、長い会話でも流れを追いやすくする拡張機能です。 ### 🌟 解決できること * 返信が多すぎて「**誰が誰に返信したのか**」追えない * 話題が同時進行して、会話の流れが**迷子**になる * 長いログから、特定の話題だけ**追跡**したい ### 🚀 使い方 1. ブラウザで **ChatWork** を開く 2. 右下のフローティングボタン、または **Shift + S** 3. 右側に **Thread Panel** が開き、ツリー上のメッセージをクリックすると ChatWork 側の該当メッセージへジャンプします。 ### 🎯 主な機能 * **スレッドツリー表示**：Reddit/YouTube 風のツリーで返信関係を表示 * **“Show in Thread” ボタン**：スレッドに属するメッセージに表示 → パネルを開いて該当位置へ移動 * **ピン留め**：重要スレッドを上部固定（ルームごとに保存） * **コピー**：スレッド側からワンクリックで本文をコピー * **検索**：本文・ユーザー名・引用・To宛先を検索（▲/▼で移動） * **フィルタ** * 発言者フィルタ（ルームごと） * 自分が関与したスレッドのみ * **Flat**（深いネストを読みやすく簡略化） * **リアルタイム更新**：投稿追加/削除を検知して自動更新（手動更新も可） * **読み込めない返信元にも対応**：プレースホルダ表示＋ **Track Origin** で元メッセージ探索を支援 ### ⚙️ 設定 * 言語（日本語/英語） * テーマ（Light/Dark/System） * 折りたたみ時の表示行数（1〜100） * ルーム別のフィルタ・ピン・折りたたみ状態を保存 ### 🔒 プライバシー * **chatwork.com 上のみ動作** * **外部サーバーへメッセージ内容を送信しません**（ブラウザ内で処理） * 権限は **storage**（設定保存）だけを使用