Problem

When sharing workflows to Slack, users must manually write descriptions for each share. This is time-consuming and inconsistent, especially for complex workflows.

Current Behavior

1. User opens Slack share dialog
2. ❌ User must manually type description or leave it empty

Expected Behavior

1. User opens Slack share dialog
2. ✅ User can click "Generate with AI" to auto-generate a description based on workflow content

Solution

Add an AI-assisted description generation feature that uses Claude Code CLI to analyze the workflow JSON and generate a concise description in the user's current UI language.

Changes

New File: src/extension/commands/slack-description-generation.ts

• Main handler for AI description generation
• Uses nano-spawn to execute Claude Code CLI
• Supports 5 languages (en, ja, ko, zh-CN, zh-TW)
• Generates 100-200 char descriptions (max 500)

File: src/extension/commands/open-editor.ts

• Added routing for GENERATE_SLACK_DESCRIPTION message

File: src/shared/types/messages.ts

• Added payload types for request/success/failed messages

File: src/webview/src/components/dialogs/SlackShareDialog.tsx

• Added "Generate with AI" text button next to description label
• Shows IndeterminateProgressBar during generation
• Button changes to "Cancel" (red) during generation
• Supports cancellation of in-progress requests

File: src/webview/src/services/slack-integration-service.ts

• Added generateSlackDescription() function
• Added AIGenerationError class

Files: Translation files (5 languages)

• Added 3 new translation keys for the feature

Impact

• UX: Users can quickly generate meaningful descriptions with one click
• Breaking changes: None
• Side effects: Requires Claude Code CLI installed locally

Testing

• Manual E2E testing completed
  • Generate description for simple workflow
  • Generate description for complex workflow
  • Cancel during generation
  • Error handling when CLI unavailable
• Code quality checks passed (format, lint, check, build)

🤖 Generated with Claude Code