/* Robindex v2 — Tweaks: economics knobs wired to RXE.setCfg + theme. */
function Tweaks2() {
  const DEF = /*EDITMODE-BEGIN*/{
    "rewardMult": 10,
    "perCallFee": 0.01,
    "markup": 4,
    "updateThreshold": 50,
    "feePct": 5.5,
    "feeFixed": 0.30,
    "theme": "aurora"
  }/*EDITMODE-END*/;
  const [t, setTweak] = useTweaks(DEF);
  React.useEffect(() => {
    window.RXE.setCfg({
      rewardMult: t.rewardMult, perCallFee: t.perCallFee, markup: t.markup,
      updateThreshold: t.updateThreshold, feePct: t.feePct, feeFixed: t.feeFixed,
    });
  }, [t.rewardMult, t.perCallFee, t.markup, t.updateThreshold, t.feePct, t.feeFixed]);
  React.useEffect(() => {
    document.documentElement.setAttribute("data-theme", t.theme);
    try { localStorage.setItem("rx2.theme", JSON.stringify(t.theme)); } catch (e) {}
  }, [t.theme]);
  return (
    <TweaksPanel>
      <TweakSection label="Incentives" />
      <TweakSlider label="Reward multiple" value={t.rewardMult} min={2} max={25} step={1} unit="×" onChange={(v) => setTweak("rewardMult", v)} />
      <TweakSlider label="Distill/update fee" value={t.perCallFee} min={0.005} max={0.05} step={0.005} unit="$" onChange={(v) => setTweak("perCallFee", v)} />
      <TweakSlider label="Persona refresh ≥" value={t.updateThreshold} min={20} max={200} step={10} unit=" posts" onChange={(v) => setTweak("updateThreshold", v)} />
      <TweakSection label="Pricing" />
      <TweakSlider label="Model markup" value={t.markup} min={1} max={8} step={0.5} unit="×" onChange={(v) => setTweak("markup", v)} />
      <TweakSlider label="Channel fee %" value={t.feePct} min={2.9} max={8} step={0.1} unit="%" onChange={(v) => setTweak("feePct", v)} />
      <TweakSlider label="Channel fee fixed" value={t.feeFixed} min={0.1} max={0.6} step={0.05} unit="$" onChange={(v) => setTweak("feeFixed", v)} />
      <TweakSection label="Appearance" />
      <TweakRadio label="Theme" value={t.theme} options={["aurora", "terminal", "matrix", "codex"]} onChange={(v) => setTweak("theme", v)} />
    </TweaksPanel>
  );
}
(function mountTweaks() {
  const el = document.createElement("div");
  el.id = "tweaks-root";
  document.body.appendChild(el);
  ReactDOM.createRoot(el).render(<Tweaks2 />);
})();