fix(bots): move adapter debugger to configuration

skills/scripts/e2e/bot-event-routing-product-flow.mjs

@@ -233,7 +233,12 @@ try {
     .click();
   await page.getByRole("dialog").waitFor({ state: "hidden" });
 
-  await page
+  const adapterConfigCard = page.locator('[data-slot="card"]').filter({
+    has: page.getByText(/Adapter Configuration|适配器配置|アダプター設定/, {
+      exact: true,
+    }),
+  });
+  await adapterConfigCard
     .getByRole("button", {
       name: /Listen for platform events|监听平台事件|プラットフォームイベントを監視/,
     })

skills/skills/langbot-testing/cases/bot-event-routing-product-flow.yaml

@@ -33,14 +33,14 @@ steps:
   - "Confirm the adapter capability summary, friendly event name, target, and route status are visible."
   - "Confirm overlapping routes and unmatched-event fallback behavior are explained before save."
   - "Open Test event route and run a dry-run against the current form."
-  - "Open Platform event debugging and send a real inbound event through the HTTP Bot adapter."
+  - "Open Platform event debugging from Adapter Configuration and send a real inbound event through the HTTP Bot adapter."
   - "Confirm the normalized event, raw event code, payload, and latest discarded route status are visible."
 checks:
   - "UI: A user can choose a channel and add a scenario-labeled behavior during initial Bot creation."
   - "UI: Event routing uses user-facing labels and does not require the raw event name in the primary route card."
   - "UI: Definite route shadowing and unmatched-event fallback behavior are visible without opening raw logs."
   - "UI: Dry-run visibly reports that the route matched the discard processor."
-  - "UI: Adapter event debugging is clearly separate from route preview and starts listening only after the dialog opens."
+  - "UI: Adapter event debugging lives under Adapter Configuration, remains separate from route preview, and starts listening only after the dialog opens."
   - "UI: A real adapter event shows its friendly name, raw code, and normalized event data."
   - "UI: The route card updates to discarded after the real inbound event is handled."
   - "Console: No unexpected frontend errors appear during the flow."

web/src/app/home/bots/components/bot-form/BotForm.tsx

@@ -22,6 +22,7 @@ import { Agent, Bot } from '@/app/infra/entities/api';
 import { getAdapterDocUrl } from '@/app/infra/entities/adapter-docs';
 import { ExternalLink, ChevronDown, ChevronRight } from 'lucide-react';
 import EventBindingsEditor from './EventBindingsEditor';
+import AdapterEventDebugDialog from './AdapterEventDebugDialog';
 
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
@@ -687,6 +688,27 @@ const BotForm = forwardRef<BotFormHandle, BotFormProps>(function BotForm(
                   }}
                 />
               )}
+
+              {currentAdapter && initBotId && (
+                <div className="flex flex-col gap-3 border-t pt-4 sm:flex-row sm:items-center sm:justify-between">
+                  <div className="min-w-0">
+                    <p className="text-sm font-medium">
+                      {t('bots.adapterConfigurationTest')}
+                    </p>
+                    <p className="mt-1 text-sm text-muted-foreground">
+                      {t('bots.adapterConfigurationTestDescription')}
+                    </p>
+                  </div>
+                  <AdapterEventDebugDialog
+                    botId={initBotId}
+                    adapterLabel={
+                      adapterNameList.find(
+                        (adapter) => adapter.value === currentAdapter,
+                      )?.label ?? currentAdapter
+                    }
+                  />
+                </div>
+              )}
             </CardContent>
           </Card>
 
@@ -703,11 +725,6 @@ const BotForm = forwardRef<BotFormHandle, BotFormProps>(function BotForm(
                 <EventBindingsEditor
                   form={form}
                   botId={initBotId}
-                  adapterLabel={
-                    adapterNameList.find(
-                      (adapter) => adapter.value === currentAdapter,
-                    )?.label ?? currentAdapter
-                  }
                   supportedEvents={adapterSupportedEvents[currentAdapter] || []}
                   agentOptions={agentNameList}
                 />

web/src/app/home/bots/components/bot-form/EventBindingsEditor.tsx

@@ -120,7 +120,6 @@ import {
   groupEventPatterns,
 } from '@/app/home/components/event-patterns/event-pattern-groups';
 import EventSelectOptionContent from '@/app/home/components/event-patterns/EventSelectOptionContent';
-import AdapterEventDebugDialog from './AdapterEventDebugDialog';
 
 export const PIPELINE_DISCARD = '__discard__';
 
@@ -129,7 +128,6 @@ export const PIPELINE_DISCARD = '__discard__';
 interface EventBindingsEditorProps {
   form: UseFormReturn<any>;
   botId?: string;
-  adapterLabel: string;
   supportedEvents: string[];
   agentOptions: Agent[];
 }
@@ -1428,7 +1426,6 @@ function SortableBindingCard({
 export default function EventBindingsEditor({
   form,
   botId,
-  adapterLabel,
   supportedEvents,
   agentOptions,
 }: EventBindingsEditorProps) {
@@ -1800,7 +1797,6 @@ export default function EventBindingsEditor({
           eventOptions={dryRunEventOptions}
           agentOptions={agentOptions}
         />
-        <AdapterEventDebugDialog botId={botId} adapterLabel={adapterLabel} />
         <Tooltip>
           <TooltipTrigger asChild>
             <Button

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

@@ -471,6 +471,9 @@ const enUS = {
     adapterEventNeedsSavedBot:
       'Save the bot before listening for platform events.',
     adapterEventCurrentPlatform: 'the current platform',
+    adapterConfigurationTest: 'Test adapter configuration',
+    adapterConfigurationTestDescription:
+      'Trigger an event on the platform to confirm these settings work.',
     refreshRouteStatus: 'Refresh status',
     routeStatusIdle: 'No run yet',
     routeStatusRefreshFailed: 'Failed to refresh route status.',

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

@@ -478,6 +478,9 @@ const jaJP = {
     adapterEventNeedsSavedBot:
       'プラットフォームイベントを監視する前にボットを保存してください。',
     adapterEventCurrentPlatform: '現在のプラットフォーム',
+    adapterConfigurationTest: 'アダプター設定をテスト',
+    adapterConfigurationTestDescription:
+      'プラットフォームでイベントを発生させ、この設定が動作することを確認します。',
     refreshRouteStatus: '状態を更新',
     routeStatusIdle: '実行記録なし',
     routeStatusRefreshFailed: 'ルート状態の更新に失敗しました。',

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

@@ -448,6 +448,9 @@ const zhHans = {
     adapterEventData: '查看事件数据',
     adapterEventNeedsSavedBot: '请先保存机器人后再监听平台事件。',
     adapterEventCurrentPlatform: '当前平台',
+    adapterConfigurationTest: '适配器测试',
+    adapterConfigurationTestDescription:
+      '在当前平台触发事件，确认这组配置是否已经生效。',
     refreshRouteStatus: '刷新状态',
     routeStatusIdle: '暂无运行记录',
     routeStatusRefreshFailed: '刷新路由状态失败。',

web/tests/e2e/crud-smoke.spec.ts

@@ -445,6 +445,9 @@ test.describe('bot advanced flows', () => {
     const routingCard = page
       .locator('[data-slot="card"]')
       .filter({ has: page.getByText('Event Routing', { exact: true }) });
+    const adapterCard = page.locator('[data-slot="card"]').filter({
+      has: page.getByText('Adapter Configuration', { exact: true }),
+    });
     const dangerCard = page
       .locator('[data-slot="card"]')
       .filter({ has: page.getByText('Danger Zone', { exact: true }) });
@@ -532,7 +535,13 @@ test.describe('bot advanced flows', () => {
     expect(dialogBox!.height).toBeLessThan(500);
 
     await routeDialog.getByRole('button', { name: 'Close' }).first().click();
-    await routingCard
+    await expect(
+      routingCard.getByRole('button', { name: 'Listen for platform events' }),
+    ).toHaveCount(0);
+    await expect(
+      adapterCard.getByText('Test adapter configuration'),
+    ).toBeVisible();
+    await adapterCard
       .getByRole('button', { name: 'Listen for platform events' })
       .click();
     const adapterDialog = page.getByRole('dialog');