feat: Add webhook push functionality for bot message events (#1768)

* Initial plan

* Backend: Add webhook persistence model, service, API endpoints and message push functionality

Co-authored-by: RockChinQ <45992437+RockChinQ@users.noreply.github.com>

* Frontend: Rename API Keys to API Integration, add webhook management UI with tabs

Co-authored-by: RockChinQ <45992437+RockChinQ@users.noreply.github.com>

* Fix frontend linting issues and formatting

Co-authored-by: RockChinQ <45992437+RockChinQ@users.noreply.github.com>

* chore: perf ui in api integration dialog

* perf: webhook data pack structure

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: RockChinQ <45992437+RockChinQ@users.noreply.github.com>
Co-authored-by: Junyan Qin <rockchinq@gmail.com>

web/src/i18n/locales/en-US.ts

@@ -59,7 +59,9 @@ const enUS = {
     changePasswordSuccess: 'Password changed successfully',
     changePasswordFailed:
       'Failed to change password, please check your current password',
+    apiIntegration: 'API Integration',
     apiKeys: 'API Keys',
+    manageApiIntegration: 'Manage API Integration',
     manageApiKeys: 'Manage API Keys',
     createApiKey: 'Create API Key',
     apiKeyName: 'API Key Name',
@@ -74,6 +76,20 @@ const enUS = {
     noApiKeys: 'No API keys configured',
     apiKeyHint:
       'API keys allow external systems to access LangBot Service APIs',
+    webhooks: 'Webhooks',
+    createWebhook: 'Create Webhook',
+    webhookName: 'Webhook Name',
+    webhookUrl: 'Webhook URL',
+    webhookDescription: 'Webhook Description',
+    webhookEnabled: 'Enabled',
+    webhookCreated: 'Webhook created successfully',
+    webhookDeleted: 'Webhook deleted successfully',
+    webhookDeleteConfirm: 'Are you sure you want to delete this webhook?',
+    webhookNameRequired: 'Webhook name is required',
+    webhookUrlRequired: 'Webhook URL is required',
+    noWebhooks: 'No webhooks configured',
+    webhookHint:
+      'Webhooks allow LangBot to push person and group message events to external systems',
     actions: 'Actions',
     apiKeyCreatedMessage: 'Please copy this API key.',
   },

web/src/i18n/locales/ja-JP.ts

@@ -60,7 +60,9 @@ const jaJP = {
     changePasswordSuccess: 'パスワードの変更に成功しました',
     changePasswordFailed:
       'パスワードの変更に失敗しました。現在のパスワードを確認してください',
+    apiIntegration: 'API統合',
     apiKeys: 'API キー',
+    manageApiIntegration: 'API統合の管理',
     manageApiKeys: 'API キーの管理',
     createApiKey: 'API キーを作成',
     apiKeyName: 'API キー名',
@@ -75,6 +77,20 @@ const jaJP = {
     noApiKeys: 'API キーが設定されていません',
     apiKeyHint:
       'API キーを使用すると、外部システムが LangBot Service API にアクセスできます',
+    webhooks: 'Webhooks',
+    createWebhook: 'Webhook を作成',
+    webhookName: 'Webhook 名',
+    webhookUrl: 'Webhook URL',
+    webhookDescription: 'Webhook の説明',
+    webhookEnabled: '有効',
+    webhookCreated: 'Webhook が正常に作成されました',
+    webhookDeleted: 'Webhook が正常に削除されました',
+    webhookDeleteConfirm: 'この Webhook を削除してもよろしいですか？',
+    webhookNameRequired: 'Webhook 名は必須です',
+    webhookUrlRequired: 'Webhook URL は必須です',
+    noWebhooks: 'Webhook が設定されていません',
+    webhookHint:
+      'Webhook を使用すると、LangBot は個人メッセージとグループメッセージイベントを外部システムにプッシュできます',
     actions: 'アクション',
     apiKeyCreatedMessage: 'この API キーをコピーしてください。',
   },

web/src/i18n/locales/zh-Hans.ts

@@ -58,7 +58,9 @@ const zhHans = {
     passwordsDoNotMatch: '两次输入的密码不一致',
     changePasswordSuccess: '密码修改成功',
     changePasswordFailed: '密码修改失败，请检查当前密码是否正确',
+    apiIntegration: 'API 集成',
     apiKeys: 'API 密钥',
+    manageApiIntegration: '管理 API 集成',
     manageApiKeys: '管理 API 密钥',
     createApiKey: '创建 API 密钥',
     apiKeyName: 'API 密钥名称',
@@ -72,6 +74,19 @@ const zhHans = {
     apiKeyCopied: 'API 密钥已复制到剪贴板',
     noApiKeys: '暂无 API 密钥',
     apiKeyHint: 'API 密钥允许外部系统访问 LangBot 的 Service API',
+    webhooks: 'Webhooks',
+    createWebhook: '创建 Webhook',
+    webhookName: 'Webhook 名称',
+    webhookUrl: 'Webhook URL',
+    webhookDescription: 'Webhook 描述',
+    webhookEnabled: '是否启用',
+    webhookCreated: 'Webhook 创建成功',
+    webhookDeleted: 'Webhook 删除成功',
+    webhookDeleteConfirm: '确定要删除此 Webhook 吗？',
+    webhookNameRequired: 'Webhook 名称不能为空',
+    webhookUrlRequired: 'Webhook URL 不能为空',
+    noWebhooks: '暂无 Webhook',
+    webhookHint: 'Webhook 允许 LangBot 将个人消息和群消息事件推送到外部系统',
     actions: '操作',
     apiKeyCreatedMessage: '请复制此 API 密钥。',
   },

web/src/i18n/locales/zh-Hant.ts

@@ -58,7 +58,9 @@ const zhHant = {
     passwordsDoNotMatch: '兩次輸入的密碼不一致',
     changePasswordSuccess: '密碼修改成功',
     changePasswordFailed: '密碼修改失敗，請檢查當前密碼是否正確',
+    apiIntegration: 'API 整合',
     apiKeys: 'API 金鑰',
+    manageApiIntegration: '管理 API 整合',
     manageApiKeys: '管理 API 金鑰',
     createApiKey: '建立 API 金鑰',
     apiKeyName: 'API 金鑰名稱',
@@ -72,6 +74,19 @@ const zhHant = {
     apiKeyCopied: 'API 金鑰已複製到剪貼簿',
     noApiKeys: '暫無 API 金鑰',
     apiKeyHint: 'API 金鑰允許外部系統訪問 LangBot 的 Service API',
+    webhooks: 'Webhooks',
+    createWebhook: '建立 Webhook',
+    webhookName: 'Webhook 名稱',
+    webhookUrl: 'Webhook URL',
+    webhookDescription: 'Webhook 描述',
+    webhookEnabled: '是否啟用',
+    webhookCreated: 'Webhook 建立成功',
+    webhookDeleted: 'Webhook 刪除成功',
+    webhookDeleteConfirm: '確定要刪除此 Webhook 嗎？',
+    webhookNameRequired: 'Webhook 名稱不能為空',
+    webhookUrlRequired: 'Webhook URL 不能為空',
+    noWebhooks: '暫無 Webhook',
+    webhookHint: 'Webhook 允許 LangBot 將個人訊息和群組訊息事件推送到外部系統',
     actions: '操作',
     apiKeyCreatedMessage: '請複製此 API 金鑰。',
   },