Kampagnen: auswaehlen, wo die Kachel hingehoert -- TikTok oder Agentur

Filipe, mit einem Bild des Einlesekastens: "das sind die von der
agentur selbst. die krieg ich so, perfektioniere das und auch das ich
auswaehlen kann wo es hingehoert, zu tiktok oder der agentur." Dazu
sein echter Link: https://vm.tiktok.com/ZSbACwAnK/

ZWEI FRAGEN, DIE BISHER EINE WAREN. "Woher kam der Link" und "wem
gehoert das Event" wurden beide aus `kampagne_id` beantwortet: Wer
ueber eine Einladung eingelesen wurde, stand links. Die Agentur
schickt ihre eigenen Events aber ebenfalls als TikTok-Link -- damit
war die Zuordnung zwangslaeufig falsch.

Neue Spalte `kampagne_seite` mit DREI Zustaenden, und NULL ist einer
davon: niemand hat gewaehlt -> wie bisher nach der Herkunft. Alle
bestehenden Kacheln behalten dadurch genau ihren Platz, ohne dass
etwas umgestellt werden musste. Gewaehlt wird im Einlesekasten
(Automatisch / TikTok / Agentur, "Automatisch" vorbelegt) und
nachtraeglich an der Kachel ("zur Agentur" / "zu TikTok"). Nur die
Leitung; bei einem Creator wird das Feld stillschweigend entfernt.

GEMESSEN AN SEINEM ECHTEN LINK, mit Gegenprobe:
  vm.tiktok.com/ZSbACwAnK/
    -> www.tiktok.com/tcn/activity?activity_id=7691301069758087175
    -> 233 KB reine Huelle, kein __MODERN_ROUTER_DATA__
  dieselbe Nummer auf dem Weg der oeffentlichen Kampagnenseite
    -> 42 KB, ebenfalls ohne Datenpaket
  eine echte Kampagne auf demselben Weg
    -> 967 KB MIT Datenpaket
Die Kampagne existiert also nicht als oeffentliche Seite: Das Creator
Network baut seine Seiten erst im Browser auf, angemeldet. Von aussen
kann das niemand lesen -- auch kein anderes Programm.

Daraus zwei Dinge:
  - `nummerAusAdresse` liest jetzt BEIDE Schreibweisen (`activityId`
    auf der Kampagnenseite, `activity_id` im Creator Network).
  - `istCreatorNetwork` erkennt solche Links VOR dem Abruf. Statt 502
    "TikTok hat nicht geantwortet" (eine Ursache, die es nicht gibt)
    kommt 422 mit dem, was wirklich los ist -- und mit dem Weg
    daneben: das Event von Hand anlegen, Link in die Beschreibung.

BERICHTIGT: Der PATCH-Weg stand als '/workspace/api/bereich/agentur/'
+ e.id im Browser und war fuer pruef-struktur nicht mehr zuzuordnen
-- jetzt `${bereich}` wie bei den Nachbarn, was nebenbei den zweiten
Ort mit "agentur" im Text wegnimmt. Und "Automatisch" hatte keinen
eigenen Ton und fiel auf `--akzent` zurueck: auf dem Agenturbrett
genau das Gelb der rechten Spalte, die vorbelegte Moeglichkeit sah
also aus wie "Agentur".

GEPRUEFT: 169 (Route, +22), 170 (Kachel, +12), 67 (Agentur), 67
Messungen (Bild), 107 (Haus-Trennung, unveraendert), dazu struktur,
css-klassen, zeichen, deutsche-texte, formulare, tippziele. Drei
Gegenproben: Auswahl verwerfen, Creator-Network durchlassen, Kachel
wieder nur nach Herkunft -- alle drei werden bemerkt, alle Dateien
byte-gleich wiederhergestellt.

Co-Authored-By: Claude Opus 5 <[email protected]>

workspace/bereich.html

@@ -12,29 +12,29 @@
      Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
      eine Flaeche sind statt zweier. -->
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610072238" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072238" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202610072238" />
-<link rel="stylesheet" href="assets/css/start.css?v=202610072238" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072238" />
-<link rel="stylesheet" href="assets/css/bereich.css?v=202610072238" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610072346" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610072346" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/start.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/bereich.css?v=202610072346" />
 <!-- Wegen des Blocks „Willst du dazugehoeren?" auf dem Brett
      „Mitmachen". Eine eigene Kopie der Regel hier waere die zweite
      Stelle, an der dieselbe Sache anders aussieht. -->
-<link rel="stylesheet" href="assets/css/bewerbung.css?v=202610072238" />
+<link rel="stylesheet" href="assets/css/bewerbung.css?v=202610072346" />
 <!-- Die Bildschau: ein Banner wird darin mittig gezeigt statt als nackte
      Datei in einem neuen Tab. Sie ist seit dem 07.10.2026 eine eigene
      Datei und keine Kopie aus chat.css -- dieselbe Schau im Chat und
      hier, ein Stil. -->
-<link rel="stylesheet" href="assets/css/bildschau.css?v=202610072238" />
-<link rel="stylesheet" href="assets/css/module.css?v=202610072238" />
+<link rel="stylesheet" href="assets/css/bildschau.css?v=202610072346" />
+<link rel="stylesheet" href="assets/css/module.css?v=202610072346" />
 <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
      Auf der Agenturadresse ist sie leer -- das Haus hier IST der
      Grundzustand. Auf der Adresse von Team Dogi biegt der Server
      genau diesen Dateinamen auf crew-haus.css um, und die Seite
      kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
      ohne Umfaerben im Browser, ohne Flackern. -->
-<link rel="stylesheet" href="assets/css/haus.css?v=202610072238" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202610072346" />
 </head>
 
 <body class="start">
@@ -367,6 +367,38 @@
       <label class="feld-schild" for="kampagne-text">Einladung einfügen</label>
       <textarea id="kampagne-text" rows="3" spellcheck="false"
                 placeholder="Einladung hier einfügen – der ganze Text reicht."></textarea>
+      <!-- WOHIN GEHÖRT DAS? (07.10.2026)
+
+           Filipe: „ich will auswählen können wo es hingehört, zu
+           tiktok oder der agentur." Die Agentur schickt ihre
+           eigenen Events ebenfalls als TikTok-Link — die Herkunft
+           sagt also nicht, wo die Kachel hingehört.
+
+           ECHTE RADIOKNÖPFE, kein Schalter aus div und JavaScript:
+           Damit funktionieren Tastatur, Vorleseprogramm und die
+           Beschriftung von selbst. Die drei Möglichkeiten sind
+           einander ausschließend, und genau dafür gibt es sie.
+
+           „Automatisch“ STEHT VORNE und ist vorbelegt: Es ist das,
+           was bisher passiert ist, und es ist in neun von zehn
+           Fällen richtig. Eine Auswahl, die man jedes Mal treffen
+           muss, ist ein Hindernis; eine, die man treffen KANN,
+           ist eine Möglichkeit. -->
+      <fieldset class="kampagneholen__wahl">
+        <legend class="feld-schild">Wohin gehört es?</legend>
+        <label class="kampagneholen__seite" data-seite="auto">
+          <input type="radio" name="kampagne-seite" value="" checked>
+          <span>Automatisch</span>
+        </label>
+        <label class="kampagneholen__seite" data-seite="tiktok">
+          <input type="radio" name="kampagne-seite" value="tiktok">
+          <span>TikTok</span>
+        </label>
+        <label class="kampagneholen__seite" data-seite="agentur">
+          <input type="radio" name="kampagne-seite" value="agentur">
+          <span>Agentur</span>
+        </label>
+      </fieldset>
       <div class="kampagneholen__zeile">
         <p class="feld-hinweis" id="kampagne-sagt" role="status" aria-live="polite">Titel, Zeitraum, Banner, Aufgaben und Preise kommen von selbst.</p>
         <button type="submit" class="knopf knopf--klein" id="kampagne-holen">Kampagne holen</button>
@@ -381,20 +413,20 @@
 <!-- TEXTFORM ZUERST (21.09.2026): Die Seite fragt beim Zeichnen nach
      `window.Textform`. Kaeme sie spaeter, waere der erste Eintrag ohne
      Gestaltung. Kein `defer`, damit sie wirklich vorher dasteht. -->
-<script src="assets/js/textform.js?v=202610072238"></script>
-<script src="assets/js/meldung.js?v=202610072238" defer></script>
-<script src="assets/js/nachfrage.js?v=202610072238" defer></script>
+<script src="assets/js/textform.js?v=202610072346"></script>
+<script src="assets/js/meldung.js?v=202610072346" defer></script>
+<script src="assets/js/nachfrage.js?v=202610072346" defer></script>
 
-<script src="assets/js/wahl.js?v=202610072238" defer></script>
-<script src="assets/js/bereiche.js?v=202610072238" defer></script>
-<script src="assets/js/installieren.js?v=202610072238" defer></script>
-<script src="assets/js/kopf.js?v=202610072238" defer></script>
-<script src="assets/js/glocke.js?v=202610072238" defer></script>
-<script src="assets/js/checkliste.js?v=202610072238" defer></script>
-<script src="assets/js/ampel.js?v=202610072238" defer></script>
-<script src="assets/js/schulung.js?v=202610072238" defer></script>
-<script src="assets/js/holen.js?v=202610072238" defer></script>
-<script src="assets/js/bildschau.js?v=202610072238"></script>
-<script src="assets/js/bereich.js?v=202610072238" defer></script>
+<script src="assets/js/wahl.js?v=202610072346" defer></script>
+<script src="assets/js/bereiche.js?v=202610072346" defer></script>
+<script src="assets/js/installieren.js?v=202610072346" defer></script>
+<script src="assets/js/kopf.js?v=202610072346" defer></script>
+<script src="assets/js/glocke.js?v=202610072346" defer></script>
+<script src="assets/js/checkliste.js?v=202610072346" defer></script>
+<script src="assets/js/ampel.js?v=202610072346" defer></script>
+<script src="assets/js/schulung.js?v=202610072346" defer></script>
+<script src="assets/js/holen.js?v=202610072346" defer></script>
+<script src="assets/js/bildschau.js?v=202610072346"></script>
+<script src="assets/js/bereich.js?v=202610072346" defer></script>
 </body>
 </html>