// Agent-terminal-only settings-menu row: "hide debug output". Same shape
// as `ExpandDetailsSetting` (its own file's header comment explains why
// this lives here rather than as a `SettingsMenu` prop) — mara: "add a
// setting to not display verbose output... like the grey colored debug
// stuff."
import { useState } from "preact/hooks";
import { getHideDebugPref, setHideDebugPref } from "@hive/shared/prefs.js";

export function HideDebugSetting() {
  const [hideDebug, setHideDebugState] = useState(() => getHideDebugPref());
  return (
    <label class="settings-menu-row">
      <span>hide debug output</span>
      <input
        type="checkbox"
        checked={hideDebug}
        onChange={(e) => {
          const v = (e.target as HTMLInputElement).checked;
          setHideDebugPref(v);
          setHideDebugState(v);
        }}
      />
    </label>
  );
}