ワークフロースタジオ

ワークフロースタジオはキャンバスそのものです。ワークフローは有向グラフです：素材ノードが変換に流れ、変換がさらなる変換または組み合わせに流れ、最終出力を持つ葉ノードに到達します。

ワークフローの構成

  1. 素材を追加。 Create モードで Smart Island の Add ツールバーを開き、必要なモダリティ（テキスト、画像、動画、音声、ドキュメント、URL、3D モデル）を選択。クリックごとに視点中心に 1 つのノードが置かれます
  2. 選択して変換。 素材ノードをクリック。Smart Island は Add ツールバーをコンテキスト操作に切り替えます ——例えばテキストノードを選択していると 画像生成、動画生成、音楽生成 などが表示されます。1 つクリックすると、選択に既に配線された変換ノードが追加されます
  3. 明示的に接続。 出力ハンドル（ノード右端）から入力ハンドル（別のノードの左端）へドラッグすることもできます。モダリティと形状が一致する場合のみ接続が形成されます ——ABI 駆動
  4. 入力の設定。 ノードをクリックしてパラメータを編集：プロンプトテキスト、モデルドロップダウン、スライダー、ファイルピッカー。表示されるフィールドはそのノードの ABI スキーマから来ます

接続ルール

  • 出力ハンドル名は out:<field>（例：out:image、out:text）
  • 入力ハンドル名は in:<field>
  • out:<field> のモダリティと形状がターゲットの in:<field> と一致すると接続が有効。キャンバスは無効なエッジの形成を拒否します
  • 1 つの出力は複数の入力にファンアウト可能；1 つの入力は最大 1 つの上流エッジを受け入れ
  • N 入力ノード（例：N 枚の画像を取る image-fusion）には、ラベル付きの N 個の入力ハンドルがあります

保存

ワークフロータイトルは上部中央。タイトルをクリックしてタイトルメニューを開きます：

  • Save — 現在のキャンバス + ノード状態を SQLite に新規ワークフローとして書き込む、または既存を上書き
  • Save as… — キャンバスを新しい名前のワークフローとしてフォーク
  • Rename — ワークフローのタイトルを変更
  • Delete — データベースからワークフローを削除（参照していた素材は Portfolio に残ります）

ブラウザはキャンバスの位置とズームを自動保存；ノードのパラメータ編集は blur 時に自動保存。明示的な Save アクションはグラフ全体を DB のバージョン付き行としてコミットします。

読み込み

左サイドバー最初の Workflow ボタンを開きます。ダイアログに保存済みワークフローが一覧表示されます ——クリックして読み込み。

実行

Execute モードに切り替え（ヘッダーの Sparkles → Play トグル）。

  1. Smart Island の Play をクリック
  2. 未保存の編集がある場合、先に保存するかを尋ねる確認ダイアログ
  3. ワークフローエクスポーターがグラフをトポロジカル順序で走査し、キャッシュ結果を持たない各ノードに 1 つのタスクを発行
  4. 各タスクは Modal（変換ノード用）またはあなたの LLM プロバイダ（gen-text 系用）にディスパッチ
  5. 出力はあなたのマシンに戻り、対応するノードが結果で更新され、緑に点灯。エラーは赤に点灯し、メッセージが Tasks パネルに表示

画面上部のトーストが全体進捗を追跡し、実行を停止できます。

キャッシュ

後続実行では、変更されていない上流ノードはキャッシュ出力を返します。単一ノードの再実行を強制するには：

  • 入力値のいずれか（プロンプト、パラメータ、添付素材）を編集、または
  • 右クリック → キャッシュをクリア（実装済みの場合；現在の代替は削除して再追加）

インポート / エクスポート

ワークフローエクスポーター（tongflow リポジトリの src/lib/workflow/exporter.ts）は、キャンバス + ノードスペックを別のマシンに再インポート可能な JSON 形式にシリアライズします。Discord でワークフローを共有したり、GitHub Issue に添付するのに便利です。

パン、ズーム、複数選択

  • パン — 中クリックドラッグ、Space + ドラッグ、または 2 本指スクロール
  • ズーム — ピンチまたはスクロールホイール；右下のコントロールで 100% / 画面フィット
  • 複数選択 — ドラッグボックス、または Shift + クリック
  • 削除 — ノードを選択して Backspace または Delete。それらの間のエッジは自動的に剪定されます
  • コピー / 貼り付け — Cmd/Ctrl+C、Cmd/Ctrl+V。貼り付けたノードは元位置からオフセットして表示

関連