ChatWork Threader

About

## 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**（設定保存）だけを使用