Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

feat: improve AI workflow generation UX#10

Merged
breaking-brake merged 1 commit intomainbreaking-brake/cc-wf-studio:mainfrom
feature/ai-generation-improvementsbreaking-brake/cc-wf-studio:feature/ai-generation-improvementsCopy head branch name to clipboard
Nov 8, 2025
Merged

feat: improve AI workflow generation UX#10
breaking-brake merged 1 commit intomainbreaking-brake/cc-wf-studio:mainfrom
feature/ai-generation-improvementsbreaking-brake/cc-wf-studio:feature/ai-generation-improvementsCopy head branch name to clipboard

Conversation

@breaking-brake
Copy link
Copy Markdown
Owner

@breaking-brake breaking-brake commented Nov 8, 2025

Summary

AI生成機能のUX改善を実施しました。キャンセル機能の追加、タイムアウトの延長、ノード配置の最適化などを含みます。

Changes

🎯 キャンセル機能

  • requestIdベースのプロセス管理を実装
  • 生成中にキャンセルボタンで処理を中断可能
  • SIGTERM → SIGKILL のエスカレーション処理

⏱️ タイムアウトとプログレス表示

  • 生成タイムアウトを60秒→90秒に延長
  • ease-out quad関数による体感的に早いプログレスバー(60秒で約89%)
  • プログレス時間表示の多言語対応(5言語)

🎨 モーダルUI改善

  • 生成中のモーダル外クリック・Escキーでの閉じるを防止
  • 成功表示時のボタン非表示
  • キャンセル時はモーダルを閉じずに再試行可能

📐 ノード配置の最適化

  • ノードタイプ別の幅を考慮した動的間隔調整
    • AskUserQuestion: 400px
    • Switch: 350px
    • ifElse: 300px
    • subAgent: 280px
    • prompt: 250px
    • start/end: 150px
  • レイヤー間パディング40pxで適度な間隔を確保
  • 横幅の広いノードでも重ならない配置

Test plan

  • ビルドテスト成功
  • lintエラーなし
  • 手動テスト: AI生成のキャンセル動作確認
  • 手動テスト: 90秒タイムアウトとプログレス表示確認
  • 手動テスト: AskUserQuestionノードを含むワークフローの配置確認

Files changed

  • Extension Host: ai-generation.ts, open-editor.ts, claude-code-service.ts, messages.ts
  • Webview: AiGenerationDialog.tsx, ai-generation-service.ts, 翻訳ファイル5言語

🤖 Generated with Claude Code

- Add cancellation support for AI generation (requestId-based process management)
- Extend generation timeout to 90 seconds with ease-out progress bar
- Improve modal behavior:
  - Prevent closure during generation
  - Hide buttons on success state
- Add multi-language support for progress time display
- Implement dynamic node spacing based on node type widths
  - Prevent overlapping of wide nodes (AskUserQuestion: 400px, Switch: 350px)
  - Adaptive spacing with 40px padding between layers

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
@breaking-brake breaking-brake merged commit e174f75 into main Nov 8, 2025
breaking-brake added a commit that referenced this pull request Nov 23, 2025
…ovements

feat: improve AI workflow generation UX
@breaking-brake breaking-brake deleted the feature/ai-generation-improvements branch December 3, 2025 11:14
breaking-brake added a commit that referenced this pull request Jan 8, 2026
- Fixes CVE-2026-0621 (ReDoS vulnerability)
- Addresses Dependabot Alert #10

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
breaking-brake added a commit that referenced this pull request Jan 8, 2026
- Fixes CVE-2026-0621 (ReDoS vulnerability)
- Addresses Dependabot Alert #10

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
breaking-brake added a commit that referenced this pull request Jan 8, 2026
- Fixes CVE-2026-0621 (ReDoS vulnerability)
- Addresses Dependabot Alert #10

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
breaking-brake added a commit that referenced this pull request Feb 16, 2026
- Upgrade axios from 1.13.2 to 1.13.5 (fixes CVE-2026-25639 Prototype Pollution)
- Upgrade qs from 6.14.1 to 6.15.0 (fixes CVE-2026-2391 arrayLimit bypass)
- Updates follow-redirects and form-data dependencies
- Resolves security scanning alerts #10 and #11

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
breaking-brake added a commit that referenced this pull request Feb 16, 2026
- Upgrade axios from 1.13.2 to 1.13.5 (fixes CVE-2026-25639 Prototype Pollution)
- Upgrade qs from 6.14.1 to 6.15.0 (fixes CVE-2026-2391 arrayLimit bypass)
- Updates follow-redirects and form-data dependencies
- Resolves security scanning alerts #10 and #11

Co-authored-by: Claude Haiku 4.5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

Morty Proxy This is a proxified and sanitized view of the page, visit original site.