クライアント UI デモ

入れる前に、クライアントを見てみる

以下はすべて、実際に動いている cosyncing クライアントの画面です。セッション、引き継ぎができる チャット、通知の受信箱。モックアップではありません。稼働中のサーバーがこれらの画面を配信し、 スクリプト化したフィクスチャがセッションの内容を固定しています。

スクリーンショットはページのテーマに従います。ナビゲーションでダーク/ライトを切り替えられます。
1

デスクトップ

横幅の広いレイアウトでは、セッション一覧と開いているセッションが左右に並びます。 プロジェクトをまたいで検索・絞り込みし、差分やテスト実行が流れてくるのを眺め、 入力欄から指示を出せます。Linux、macOS、Windows で使えます。

cosyncing のデスクトップクライアント: プロジェクトごとにまとまったセッション一覧の横に、差分とテスト出力を含むライブのトランスクリプト

ワークスペース: 左に一覧、右に実行中のセッション。差分、ツール呼び出し、テスト結果がリアルタイムで流れます。

cosyncing のセッション詳細: 操作中のセッションで、拒否と今回だけ許可の選択肢がある未処理の権限リクエスト

引き継いだ後、セッションは操作中と表示され、コマンドの文脈がそろった権限リクエストがあなたを待ちます。

2

ウェブ

同じクライアントを、あなた自身のサーバーが /cosy/ で配信します。 Flutter の Web ビルドは npm パッケージに同梱されており、実行時に何かを取得することも、 第三者のホストが関わることもありません。サーバーに到達できるブラウザーなら、どれでも開けます。

http://192.168.1.10:7734/cosy/
ブラウザーで動く cosyncing の Web クライアント: サーバーが /cosy/ で配信する、同じ横幅の広いセッションレイアウト
3

携帯

Android と iOS ではコンパクトなレイアウトになります。使い切りの QR コードで一度ペアリングすれば、 どこにいてもすべてのエージェントを見守れます。

セッション: プロジェクトごとにまとまったすべてのセッションと、絞り込み、ライブの状態表示

セッション

すべてのサーバーのセッションをプロジェクトごとにまとめて表示。検索し、状態やエージェントで絞り込み、何が動いていて何が待っているかを把握できます。

セッションのチャット: ツール呼び出しを含むトランスクリプトと入力欄

セッションのチャット

ツール呼び出しと差分を含む完全なトランスクリプト。入力欄から答え、指示を出し、操作を引き継げます。

通知の受信箱: 権限リクエストと質問が 1 つの一覧に

通知

権限リクエスト、エージェントからの質問、サーバーのメンテナンス。複数サーバー共通の 1 つの受信箱に集まります。