"use client"

import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { SettingsSectionHeader } from "@/components/gmail/settings/settings-section-header"
import { SettingsComingSoon } from "@/components/gmail/settings/settings-coming-soon"
import { AutomationRulesPanel } from "@/components/gmail/settings/automation/automation-rules-panel"
import { WebhooksPanel } from "@/components/gmail/settings/automation/webhooks-panel"

export function AutomationSettingsSection() {
  return (
    <>
      <SettingsSectionHeader
        title="Automatisations"
        description="Règles graphiques de tri, webhooks, fonctions réutilisables et variables d'exécution."
      />
      <Tabs defaultValue="rules">
        <TabsList className="flex h-auto flex-wrap">
          <TabsTrigger value="rules">Règles</TabsTrigger>
          <TabsTrigger value="webhooks">Webhooks</TabsTrigger>
          <TabsTrigger value="llm">Fournisseurs LLM</TabsTrigger>
          <TabsTrigger value="tokens">Tokens API</TabsTrigger>
        </TabsList>

        <TabsContent value="rules" className="mt-4">
          <AutomationRulesPanel />
        </TabsContent>
        <TabsContent value="webhooks" className="mt-4">
          <WebhooksPanel />
        </TabsContent>
        <TabsContent value="llm" className="mt-4">
          <SettingsComingSoon
            title="Tri par LLM"
            description="Configurez des fournisseurs OpenAI-compatibles. Les nœuds LLM utilisent un heuristique en attendant le branchement complet."
          />
        </TabsContent>
        <TabsContent value="tokens" className="mt-4">
          <SettingsComingSoon
            title="Tokens API agents"
            description="Créez des jetons fine-grained pour agents IA (lecture partielle, envoi, catégorisation)."
          />
        </TabsContent>
      </Tabs>
    </>
  )
}
