refactor(web): redesign bot config page with card-based layout and dirty-aware save button

- Restructure bot edit page from flat form to card-based layout (Basic Info, Pipeline Binding, Adapter Config, Danger Zone)
- Move enable switch and save button to sticky header for quick access
- Move webhook URL display into adapter config card (contextually related)
- Remove redundant adapter icon card; show description as FormDescription
- Add dedicated Danger Zone card with red border for delete action
- Remove duplicate delete dialog from BotForm (single source in BotDetailContent)
- Implement form dirty tracking: save button is disabled until user modifies content
- Add i18n keys for new card titles/descriptions across all 4 locales
This commit is contained in:
Junyan Qin
2026-03-27 12:29:18 +08:00
parent e8dc6fde53
commit 127dc455c3
6 changed files with 379 additions and 311 deletions

View File

@@ -299,6 +299,17 @@
log: 'ログ',
configuration: '設定',
logs: 'ログ',
basicInfo: '基本情報',
basicInfoDescription: 'ボットの名前と説明を設定',
routingConnection: 'ルーティングと接続',
routingConnectionDescription:
'このボットのメッセージを処理するパイプラインを紐付け',
adapterConfigDescription: '選択したプラットフォームアダプターを設定',
dangerZone: '危険ゾーン',
dangerZoneDescription: '元に戻せない操作',
deleteBotAction: 'このボットを削除',
deleteBotHint:
'削除すると、関連する全ての設定が完全に削除され、復元できません。',
webhookUrl: 'Webhook コールバック URL',
webhookUrlCopied: 'Webhook URL をコピーしました',
webhookUrlHint: