From 39760b20a9eea127a6476de04470702622d4cdc4 Mon Sep 17 00:00:00 2001
From: Timo Uttenweiler <timo@leadflow.dev>
Date: Tue, 17 Mar 2026 13:05:14 +0100
Subject: [PATCH] refactor: Entscheider-Kategorie als Einzelauswahl (Radio)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Nur noch eine Kategorie gleichzeitig wählbar (Array → einzelner Wert)
- ceo-Label: "CEO / Owner / President / Founder" mit Empfohlen-Badge
- API-Aufruf sendet [category] statt categories[]
- Überflüssige Validierungen entfernt

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/airscale/page.tsx | 40 +++++++++++++++-------------------------
 app/linkedin/page.tsx | 30 +++++++++++++++---------------
 app/maps/page.tsx     | 32 ++++++++++++++++----------------
 app/serp/page.tsx     | 30 +++++++++++++++---------------
 4 files changed, 61 insertions(+), 71 deletions(-)

diff --git a/app/airscale/page.tsx b/app/airscale/page.tsx
index b4fd15f..3ab900d 100644
--- a/app/airscale/page.tsx
+++ b/app/airscale/page.tsx
@@ -19,14 +19,12 @@ import { useAppStore } from "@/lib/store";
 import type { DecisionMakerCategory } from "@/lib/services/anymailfinder";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 
-const DEFAULT_ROLES: DecisionMakerCategory[] = ["ceo"];
-
-const CATEGORY_OPTIONS: { value: DecisionMakerCategory; label: string }[] = [
-  { value: "ceo", label: "CEO / Inhaber / Gründer" },
-  { value: "operations", label: "COO / Geschäftsführung" },
-  { value: "engineering", label: "CTO / Technik" },
-  { value: "marketing", label: "CMO / Marketing" },
-  { value: "finance", label: "CFO / Finanzen" },
+const CATEGORY_OPTIONS: { value: DecisionMakerCategory; label: string; recommended?: boolean }[] = [
+  { value: "ceo", label: "CEO / Owner / President / Founder", recommended: true },
+  { value: "operations", label: "COO" },
+  { value: "engineering", label: "CTO" },
+  { value: "marketing", label: "CMO" },
+  { value: "finance", label: "CFO" },
   { value: "sales", label: "Vertriebsleiter" },
 ];
 
@@ -40,7 +38,7 @@ export default function AirScalePage() {
   const [headers, setHeaders] = useState<string[]>([]);
   const [domainCol, setDomainCol] = useState<string>("");
   const [nameCol, setNameCol] = useState<string>("");
-  const [categories, setCategories] = useState<DecisionMakerCategory[]>(DEFAULT_ROLES);
+  const [category, setCategory] = useState<DecisionMakerCategory>("ceo");
   const [jobId, setJobId] = useState<string | null>(null);
   const [jobStatus, setJobStatus] = useState<string>("idle");
   const [progress, setProgress] = useState({ current: 0, total: 0 });
@@ -70,7 +68,6 @@ export default function AirScalePage() {
 
   const startEnrichment = async () => {
     if (!companies.length) return toast.error("Keine Unternehmen mit Domains gefunden");
-    if (!categories.length) return toast.error("Mindestens eine Entscheider-Kategorie auswählen");
 
     setRunning(true);
     setResults([]);
@@ -80,7 +77,7 @@ export default function AirScalePage() {
       const res = await fetch("/api/jobs/airscale-enrich", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ companies, categories }),
+        body: JSON.stringify({ companies, categories: [category] }),
       });
       const data = await res.json() as { jobId?: string; error?: string };
       if (!res.ok || !data.jobId) throw new Error(data.error || "Failed to start job");
@@ -257,31 +254,24 @@ export default function AirScalePage() {
         </h2>
 
         <div className="space-y-3">
-          <Label className="text-gray-300 text-sm">Kategorien auswählen (nach Priorität sortiert)</Label>
           <div className="flex flex-wrap gap-2">
             {CATEGORY_OPTIONS.map(opt => (
               <button
                 key={opt.value}
-                onClick={() => {
-                  setCategories(prev =>
-                    prev.includes(opt.value)
-                      ? prev.filter(c => c !== opt.value)
-                      : [...prev, opt.value]
-                  );
-                }}
-                className={`px-3 py-1.5 rounded-lg text-sm font-medium border transition-all ${
-                  categories.includes(opt.value)
+                onClick={() => setCategory(opt.value)}
+                className={`flex items-center gap-2 px-3 py-1.5 rounded-lg text-sm font-medium border transition-all ${
+                  category === opt.value
                     ? "bg-blue-500/20 text-blue-300 border-blue-500/40"
                     : "bg-[#0d0d18] text-gray-400 border-[#2e2e3e] hover:border-blue-500/30"
                 }`}
               >
                 {opt.label}
+                {opt.recommended && (
+                  <span className="text-[10px] bg-blue-500/30 text-blue-300 px-1.5 py-0.5 rounded font-semibold">Empfohlen</span>
+                )}
               </button>
             ))}
           </div>
-          <p className="text-xs text-gray-500">
-            Kategorien werden in Prioritätsreihenfolge durchsucht. Die erste Kategorie mit einem gültigen Ergebnis gewinnt.
-          </p>
         </div>
       </Card>
 
@@ -302,7 +292,7 @@ export default function AirScalePage() {
           ) : (
             <Button
               onClick={startEnrichment}
-              disabled={!withDomain || !domainCol || !categories.length}
+              disabled={!withDomain || !domainCol}
               className="bg-gradient-to-r from-blue-500 to-purple-600 hover:from-blue-600 hover:to-purple-700 text-white font-medium px-8 shadow-lg hover:shadow-blue-500/25 transition-all"
             >
               Anreicherung starten ({withDomain} Unternehmen)
diff --git a/app/linkedin/page.tsx b/app/linkedin/page.tsx
index 8fd5531..271f0cb 100644
--- a/app/linkedin/page.tsx
+++ b/app/linkedin/page.tsx
@@ -19,12 +19,12 @@ import { useAppStore } from "@/lib/store";
 import type { DecisionMakerCategory } from "@/lib/services/anymailfinder";
 import type { ExportRow } from "@/lib/utils/csv";
 
-const CATEGORY_OPTIONS: { value: DecisionMakerCategory; label: string }[] = [
-  { value: "ceo", label: "CEO / Inhaber / Gründer" },
-  { value: "operations", label: "COO / Geschäftsführung" },
-  { value: "engineering", label: "CTO / Technik" },
-  { value: "marketing", label: "CMO / Marketing" },
-  { value: "finance", label: "CFO / Finanzen" },
+const CATEGORY_OPTIONS: { value: DecisionMakerCategory; label: string; recommended?: boolean }[] = [
+  { value: "ceo", label: "CEO / Owner / President / Founder", recommended: true },
+  { value: "operations", label: "COO" },
+  { value: "engineering", label: "CTO" },
+  { value: "marketing", label: "CMO" },
+  { value: "finance", label: "CFO" },
   { value: "sales", label: "Vertriebsleiter" },
 ];
 
@@ -42,7 +42,7 @@ export default function LinkedInPage() {
   const [enrichProgress, setEnrichProgress] = useState({ current: 0, total: 0 });
   const [results, setResults] = useState<ResultRow[]>([]);
   const [selectedIds, setSelectedIds] = useState<string[]>([]);
-  const [categories, setCategories] = useState<DecisionMakerCategory[]>(["ceo"]);
+  const [category, setCategory] = useState<DecisionMakerCategory>("ceo");
   const { addJob, updateJob, removeJob } = useAppStore();
 
   useEffect(() => {
@@ -115,7 +115,6 @@ export default function LinkedInPage() {
 
   const startEnrich = async () => {
     if (!selectedIds.length) return toast.error("Mindestens ein Profil zum Anreichern auswählen");
-    if (!categories.length) return toast.error("Mindestens eine Kategorie auswählen");
 
     setStage("enriching");
     setEnrichProgress({ current: 0, total: selectedIds.length });
@@ -124,7 +123,7 @@ export default function LinkedInPage() {
       const res = await fetch("/api/jobs/linkedin-enrich", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ jobId: scrapeJobId, resultIds: selectedIds, categories }),
+        body: JSON.stringify({ jobId: scrapeJobId, resultIds: selectedIds, categories: [category] }),
       });
       const data = await res.json() as { jobId?: string; error?: string };
       if (!res.ok || !data.jobId) throw new Error(data.error || "Failed");
@@ -355,16 +354,17 @@ export default function LinkedInPage() {
             {CATEGORY_OPTIONS.map(opt => (
               <button
                 key={opt.value}
-                onClick={() => setCategories(prev =>
-                  prev.includes(opt.value) ? prev.filter(c => c !== opt.value) : [...prev, opt.value]
-                )}
-                className={`px-3 py-1.5 rounded-lg text-sm font-medium border transition-all ${
-                  categories.includes(opt.value)
+                onClick={() => setCategory(opt.value)}
+                className={`flex items-center gap-2 px-3 py-1.5 rounded-lg text-sm font-medium border transition-all ${
+                  category === opt.value
                     ? "bg-blue-500/20 text-blue-300 border-blue-500/40"
                     : "bg-[#0d0d18] text-gray-400 border-[#2e2e3e] hover:border-blue-500/30"
                 }`}
               >
                 {opt.label}
+                {opt.recommended && (
+                  <span className="text-[10px] bg-blue-500/30 text-blue-300 px-1.5 py-0.5 rounded font-semibold">Empfohlen</span>
+                )}
               </button>
             ))}
           </div>
@@ -382,7 +382,7 @@ export default function LinkedInPage() {
           {stage === "scraped" && (
             <Button
               onClick={startEnrich}
-              disabled={!selectedIds.length || !categories.length}
+              disabled={!selectedIds.length}
               className="bg-gradient-to-r from-blue-500 to-purple-600 hover:from-blue-600 hover:to-purple-700 text-white font-medium px-8 shadow-lg hover:shadow-blue-500/25 transition-all"
             >
               {selectedIds.length} ausgewählte Profile mit E-Mails anreichern
diff --git a/app/maps/page.tsx b/app/maps/page.tsx
index 81e5c1f..d688378 100644
--- a/app/maps/page.tsx
+++ b/app/maps/page.tsx
@@ -17,12 +17,12 @@ import type { DecisionMakerCategory } from "@/lib/services/anymailfinder";
 import type { ExportRow } from "@/lib/utils/csv";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 
-const CATEGORY_OPTIONS: { value: DecisionMakerCategory; label: string }[] = [
-  { value: "ceo", label: "CEO / Inhaber / Gründer" },
-  { value: "operations", label: "COO / Geschäftsführung" },
-  { value: "engineering", label: "CTO / Technik" },
-  { value: "marketing", label: "CMO / Marketing" },
-  { value: "finance", label: "CFO / Finanzen" },
+const CATEGORY_OPTIONS: { value: DecisionMakerCategory; label: string; recommended?: boolean }[] = [
+  { value: "ceo", label: "CEO / Owner / President / Founder", recommended: true },
+  { value: "operations", label: "COO" },
+  { value: "engineering", label: "CTO" },
+  { value: "marketing", label: "CMO" },
+  { value: "finance", label: "CFO" },
   { value: "sales", label: "Vertriebsleiter" },
 ];
 
@@ -55,7 +55,7 @@ export default function MapsPage() {
   const [regionInput, setRegionInput] = useState("");
   const [maxResults, setMaxResults] = useState("60");
   const [enrichEmails, setEnrichEmails] = useState(true);
-  const [categories, setCategories] = useState<DecisionMakerCategory[]>(["ceo"]);
+  const [category, setCategory] = useState<DecisionMakerCategory>("ceo");
   const [stage, setStage] = useState<Stage>("idle");
   const [jobId, setJobId] = useState<string | null>(null);
   const [progress, setProgress] = useState({ current: 0, total: 0, phase: "" });
@@ -78,8 +78,7 @@ export default function MapsPage() {
   const removeRegion = (r: string) => setRegions(prev => prev.filter(x => x !== r));
 
   const startJob = async () => {
-    if (!keyword.trim()) return toast.error("Enter a search keyword");
-    if (!categories.length && enrichEmails) return toast.error("Select at least one email category");
+    if (!keyword.trim()) return toast.error("Suchbegriff eingeben");
 
     setStage("running");
     setResults([]);
@@ -93,7 +92,7 @@ export default function MapsPage() {
           queries,
           maxResultsPerQuery: Number(maxResults),
           languageCode: "de",
-          categories,
+          categories: [category],
           enrichEmails,
         }),
       });
@@ -354,16 +353,17 @@ export default function MapsPage() {
             {CATEGORY_OPTIONS.map(opt => (
               <button
                 key={opt.value}
-                onClick={() => setCategories(prev =>
-                  prev.includes(opt.value) ? prev.filter(c => c !== opt.value) : [...prev, opt.value]
-                )}
-                className={`px-3 py-1.5 rounded-lg text-sm font-medium border transition-all ${
-                  categories.includes(opt.value)
+                onClick={() => setCategory(opt.value)}
+                className={`flex items-center gap-2 px-3 py-1.5 rounded-lg text-sm font-medium border transition-all ${
+                  category === opt.value
                     ? "bg-green-500/20 text-green-300 border-green-500/40"
                     : "bg-[#0d0d18] text-gray-400 border-[#2e2e3e] hover:border-green-500/30"
                 }`}
               >
                 {opt.label}
+                {opt.recommended && (
+                  <span className="text-[10px] bg-green-500/30 text-green-300 px-1.5 py-0.5 rounded font-semibold">Empfohlen</span>
+                )}
               </button>
             ))}
           </div>
@@ -380,7 +380,7 @@ export default function MapsPage() {
         {stage === "idle" || stage === "failed" ? (
           <Button
             onClick={startJob}
-            disabled={!keyword.trim() || (!categories.length && enrichEmails)}
+            disabled={!keyword.trim()}
             className="bg-gradient-to-r from-green-500 to-blue-600 hover:from-green-600 hover:to-blue-700 text-white font-medium px-8 shadow-lg hover:shadow-green-500/25 transition-all"
           >
             <MapPin className="w-4 h-4 mr-2" />
diff --git a/app/serp/page.tsx b/app/serp/page.tsx
index ce0863e..eb8806f 100644
--- a/app/serp/page.tsx
+++ b/app/serp/page.tsx
@@ -19,12 +19,12 @@ import { Checkbox } from "@/components/ui/checkbox";
 
 const RESULT_OPTIONS = [10, 25, 50, 100, 200];
 
-const CATEGORY_OPTIONS: { value: DecisionMakerCategory; label: string }[] = [
-  { value: "ceo", label: "CEO / Inhaber / Gründer" },
-  { value: "operations", label: "COO / Geschäftsführung" },
-  { value: "engineering", label: "CTO / Technik" },
-  { value: "marketing", label: "CMO / Marketing" },
-  { value: "finance", label: "CFO / Finanzen" },
+const CATEGORY_OPTIONS: { value: DecisionMakerCategory; label: string; recommended?: boolean }[] = [
+  { value: "ceo", label: "CEO / Owner / President / Founder", recommended: true },
+  { value: "operations", label: "COO" },
+  { value: "engineering", label: "CTO" },
+  { value: "marketing", label: "CMO" },
+  { value: "finance", label: "CFO" },
   { value: "sales", label: "Vertriebsleiter" },
 ];
 
@@ -36,7 +36,7 @@ export default function SerpPage() {
   const [country, setCountry] = useState("de");
   const [language, setLanguage] = useState("de");
   const [filterSocial, setFilterSocial] = useState(true);
-  const [categories, setCategories] = useState<DecisionMakerCategory[]>(["ceo"]);
+  const [category, setCategory] = useState<DecisionMakerCategory>("ceo");
   const [stage, setStage] = useState<Stage>("idle");
   const [jobId, setJobId] = useState<string | null>(null);
   const [progress, setProgress] = useState({ current: 0, total: 0, phase: "" });
@@ -48,7 +48,6 @@ export default function SerpPage() {
 
   const startJob = async () => {
     if (!query.trim()) return toast.error("Suchbegriff eingeben");
-    if (!categories.length) return toast.error("Mindestens eine Kategorie auswählen");
 
     setStage("running");
     setResults([]);
@@ -64,7 +63,7 @@ export default function SerpPage() {
           countryCode: country,
           languageCode: language,
           filterSocial,
-          categories,
+          categories: [category],
         }),
       });
       const data = await res.json() as { jobId?: string; error?: string };
@@ -249,16 +248,17 @@ export default function SerpPage() {
           {CATEGORY_OPTIONS.map(opt => (
             <button
               key={opt.value}
-              onClick={() => setCategories(prev =>
-                prev.includes(opt.value) ? prev.filter(c => c !== opt.value) : [...prev, opt.value]
-              )}
-              className={`px-3 py-1.5 rounded-lg text-sm font-medium border transition-all ${
-                categories.includes(opt.value)
+              onClick={() => setCategory(opt.value)}
+              className={`flex items-center gap-2 px-3 py-1.5 rounded-lg text-sm font-medium border transition-all ${
+                category === opt.value
                   ? "bg-purple-500/20 text-purple-300 border-purple-500/40"
                   : "bg-[#0d0d18] text-gray-400 border-[#2e2e3e] hover:border-purple-500/30"
               }`}
             >
               {opt.label}
+              {opt.recommended && (
+                <span className="text-[10px] bg-purple-500/30 text-purple-300 px-1.5 py-0.5 rounded font-semibold">Empfohlen</span>
+              )}
             </button>
           ))}
         </div>
@@ -274,7 +274,7 @@ export default function SerpPage() {
         {stage === "idle" || stage === "failed" ? (
           <Button
             onClick={startJob}
-            disabled={!query.trim() || !categories.length}
+            disabled={!query.trim()}
             className="bg-gradient-to-r from-purple-500 to-blue-600 hover:from-purple-600 hover:to-blue-700 text-white font-medium px-8 shadow-lg hover:shadow-purple-500/25 transition-all"
           >
             SERP-Suche starten