/* jedai-tweaks.jsx — Tweaks panel binding for JEDAI Tools.
   Uses the shared TweaksPanel/useTweaks shell from tweaks-panel.jsx. */

function JedaiTweaks() {
  const defaults = window.JEDAI_TWEAK_DEFAULTS;
  const [t, setTweak] = window.useTweaks(defaults);

  return (
    <window.TweaksPanel title="JEDAI Tweaks">
      <window.TweakSection label="Theme"/>
      <window.TweakRadio
        label="Style"
        value={t.theme}
        onChange={(v) => setTweak("theme", v)}
        options={["paper", "plasticine", "blocks", "chalkboard"]}
      />
      <window.TweakSection label="Motion & magic"/>
      <window.TweakSlider
        label="Motion intensity"
        min={1} max={10} step={1}
        value={t.motion}
        onChange={(v) => setTweak("motion", v)}
      />
      <window.TweakToggle
        label="Brand mascot"
        value={t.mascots}
        onChange={(v) => setTweak("mascots", v)}
      />
      <window.TweakToggle
        label="Background scene"
        value={t.showScene}
        onChange={(v) => setTweak("showScene", v)}
      />
      <window.TweakToggle
        label="Show agent trace"
        value={t.showAgentTrace}
        onChange={(v) => setTweak("showAgentTrace", v)}
      />
    </window.TweaksPanel>
  );
}

window.JedaiTweaks = JedaiTweaks;