Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 16 additions & 1 deletion CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/).

## [Unreleased]

## [0.2.0] - 2026-03-01

### Added

- Message editing & checkpoint restore
Expand All @@ -15,15 +17,27 @@ and this project adheres to [Semantic Versioning](https://semver.org/).
- File changes diff view
- Session fork
- Child session navigation (subtask)
- Subtask display for task tool calls
- Agent mention (`@` mention)
- Session sharing
- Undo / Redo
- Settings panel
- Keyboard navigation for inline popups (Tab / Arrow keys)
- Biome as linter/formatter
- DOMPurify for XSS protection
- CSS Modules for component styling

### Changed

- Replace hardcoded SVG icons with react-icons/vsc
- UI component architecture refactored to Atoms/Molecules/Organisms
- Todo display migrated from message parsing to session.todo() API
- OpenCode repository URL updated (opencode-ai → anomalyco)
- Repository URL updated to opencode-gui

### Fixed

- Markdown CSS scoped to `.markdown` class to prevent style bleeding

## [0.1.0] - 2026-02-24

Expand All @@ -40,5 +54,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/).
- Todo display
- i18n support (English, Japanese)

[Unreleased]: https://github.com/ktmage/opencode-gui/compare/v0.1.0...HEAD
[Unreleased]: https://github.com/ktmage/opencode-gui/compare/v0.2.0...HEAD
[0.2.0]: https://github.com/ktmage/opencode-gui/compare/v0.1.0...v0.2.0
[0.1.0]: https://github.com/ktmage/opencode-gui/releases/tag/v0.1.0
34 changes: 26 additions & 8 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,10 @@ Use all OpenCode features from a familiar sidebar chat UI.
> **Disclaimer:**
> This project is experimental and developed primarily through AI-assisted coding. It is provided "as-is" without warranty of any kind. It may contain unexpected behavior, unconventional implementations, or undiscovered defects. Use at your own risk. The authors assume no liability for any damages arising from the use of this software.

### Demo

![Demo](media/demo.gif)

### Documents

| File | Description |
Expand Down Expand Up @@ -51,6 +55,8 @@ Use all OpenCode features from a familiar sidebar chat UI.
- Agent mention (`@` mention)
- Child session navigation (subtask)
- Settings panel
- Keyboard navigation for inline popups (Tab / Arrow keys)
- Subtask display
- i18n support (English, Japanese)

### Requirements
Expand Down Expand Up @@ -101,6 +107,12 @@ npm run watch:ext
npm run watch:webview
```

#### Lint & Format

```sh
npm run check
```

#### Debug

1. Run `npm run build`
Expand All @@ -125,18 +137,13 @@ webview/ # Webview (Browser, React)
main.tsx # React entry point
App.tsx # State management & SSE event handling
vscode-api.ts # VS Code Webview API wrapper
styles.css # Styles using VS Code theme variables
components/ # React components
components/ # React components (CSS Modules)
hooks/ # Custom React hooks
contexts/ # React Context providers
locales/ # i18n locale files
utils/ # Utility functions
__tests__/ # Tests (unit, scenario)

dist/ # Build output (not tracked by git)
extension.js # Extension bundle
webview/ # Webview bundle

esbuild.mjs # Extension build config
vite.config.ts # Webview build config
```
Expand All @@ -162,6 +169,10 @@ OpenCode の全機能をサイドバーのチャット UI から操作できま
> **免責事項:**
> 本プロジェクトは実験的な取り組みであり、主に AI を活用したコーディングにより開発されています。いかなる保証もなく「現状のまま」提供されます。予期しない動作、一般的でない実装、未発見の不具合が含まれる可能性があります。ご利用は自己責任でお願いいたします。本ソフトウェアの使用により生じたいかなる損害についても、作者は一切の責任を負いません。

### デモ

![デモ](media/demo.gif)

### ドキュメント

| ファイル | 説明 |
Expand Down Expand Up @@ -191,6 +202,8 @@ OpenCode の全機能をサイドバーのチャット UI から操作できま
- エージェントメンション(`@` メンション)
- 子セッションナビゲーション(サブタスク)
- 設定パネル
- インラインポップアップのキーボードナビゲーション(Tab / 矢印キー)
- サブタスク表示
- 多言語対応(英語、日本語)

### 必要条件
Expand Down Expand Up @@ -241,6 +254,12 @@ npm run watch:ext
npm run watch:webview
```

#### リント & フォーマット

```sh
npm run check
```

#### デバッグ実行

1. `npm run build` でビルドする
Expand All @@ -265,8 +284,7 @@ webview/ # Webview (Browser, React)
main.tsx # React エントリーポイント
App.tsx # 状態管理 & SSE イベントハンドリング
vscode-api.ts # VS Code Webview API ラッパー
styles.css # VS Code テーマ変数を使ったスタイル
components/ # React コンポーネント
components/ # React コンポーネント(CSS Modules)
hooks/ # カスタム React フック
contexts/ # React Context プロバイダー
locales/ # i18n ロケールファイル
Expand Down
Binary file added media/demo.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"name": "opencodegui",
"displayName": "%displayName%",
"description": "%description%",
"version": "0.1.0",
"version": "0.2.0",
"publisher": "ktmage",
"license": "MIT",
"repository": {
Expand Down