// Einstiegspunkt des Prüfstands: die echte Seite WorkersPage der Pixelwelt (Hochhaus, Pult, Keller) mit der Skript-API, ohne Anmeldung und ohne Appwrite.
// Drumherum steht dieselbe Hülle wie in der App (Menüleiste links, Seitenrand), damit die Welt genauso groß wird wie im echten Betrieb.
// Der Router ist ein BrowserRouter: ?tab=… und ?bot=… stehen in der echten Adresse des Browsers, ein Wechsel des Bildschirms (Etage Freigabe, „◂ Hochhaus“)
// ändert sie wie in der App; die Adresse lässt sich also lesen und prüfen. Die Parameter des Prüfstands selbst werden nur beim Laden gelesen.
// AuthContext, useEmployees und workersClient sind durch stub-*.js ersetzt (build.mjs); die Seite bekommt ihre API über harness-bridge.js.
// Parameter (alle optional):
//   ?tab=hochhaus|freigabe|botleads  öffnet den Bildschirm gleich (Deep-Link wie aus dem Ereignisstrom); mit &bot=<Id> den Einzelfall im Keller
//   ?halted=1                       startet mit gesetzter Bounce-Notbremse (Banner „Versand gestoppt“)
//   ?fault=none|down|session|hang   die Seite läuft über den echten API-Client (createWorkersApi) und die Fetch-Weiche scripted-fetch.js;
//                                   window.__wk.control.fault lässt sich zur Laufzeit auf null | 'down' | 'session' | 'hang' setzen (Ausfall).
//                                   Ohne den Parameter bekommt die Seite die Skript-API direkt.
//   ?p4=1                           nimmt für das Pult den Datensatz der Gespräche und der Werkstatt (als Mensch antworten, Vorschau freigeben und
//                                   bauen, Antwort des Kunden einfügen) statt der P3-Einträge
//   ?botleads=leer                  die Bot-Lead-Liste ist leer (Leerzustand ohne Filter)
// window.__wk = { api, control }: die Skript-API (Schalter faults, pultEmpty, pultCalls, prospectCalls, pauseCalls, botleadCalls …) und die Steuerung der
// Fetch-Weiche (fault, calls, jwts) für shot.cjs.
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { BrowserRouter } from 'react-router-dom'
import '../../src/styles/global.css'
import WorkersPage from '../../src/pages/WorkersPage'
import { createWorkersApi } from '../../src/lib/workersApi.js'
import { createScriptedApi } from './scripted-api.js'
import { createScriptedFetch } from './scripted-fetch.js'
import { holder } from './harness-bridge.js'

const params = new URLSearchParams(window.location.search)
const scripted = createScriptedApi({
  now: () => performance.now(),
  base: Date.now(),
  halted: params.get('halted') === '1',
  pult: params.get('p4') === '1' ? 'p4' : true,
  botleadsEmpty: params.get('botleads') === 'leer',
})
const fault = params.get('fault')
const control = { fault: fault && fault !== 'none' ? fault : null, calls: [], jwts: [] }
// Zeitgrenze im Prüfstand kurz (1,5 s statt 20 s), damit der Ausfall „Antwort kommt nie“ in Sekunden sichtbar wird
const api = fault === null
  ? scripted
  : createWorkersApi({
    getJwt: async (options) => {
      control.jwts.push(Boolean(options && options.fresh))
      return 'harness-jwt'
    },
    fetchImpl: createScriptedFetch(scripted, control),
    timeoutMs: 1500,
  })
window.__wk = { api: scripted, control }
holder.api = api

createRoot(document.getElementById('root')).render(
  <StrictMode>
    <BrowserRouter>
      <div className="shell">
        <div className="sidebar" aria-hidden="true" />
        <div className="main">
          <main id="inhalt">
            <WorkersPage />
          </main>
        </div>
      </div>
    </BrowserRouter>
  </StrictMode>,
)