// Main — V4 朱砂版定稿，全屏呈现

const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "entryEmphasis": "balanced",
  "heroCopy": "rational",
  "ambient": "subtle"
}/*EDITMODE-END*/;

function App() {
  const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);

  // Pass extra tweaks through to the page; if the page doesn't read them,
  // they're harmless. The entryEmphasis already routes the dual-client tab.
  return (
    <>
      <LightHomepage themeKey="mint" tweaks={t}/>

      <TweaksPanel title="Tweaks">
        <TweakSection label="客户端入口" />
        <TweakRadio
          label="默认侧重"
          value={t.entryEmphasis}
          options={['hr','balanced','client']}
          onChange={(v)=>setTweak('entryEmphasis', v)}
        />

        <TweakSection label="Hero 文案口吻" />
        <TweakRadio
          label="语气"
          value={t.heroCopy}
          options={['rational','punchy']}
          onChange={(v)=>setTweak('heroCopy', v)}
        />

        <TweakSection label="背景氛围" />
        <TweakRadio
          label="光晕强度"
          value={t.ambient}
          options={['none','subtle','strong']}
          onChange={(v)=>setTweak('ambient', v)}
        />
      </TweaksPanel>
    </>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);