39b95c2ede
Pure `nix fmt` output from the commit before this one — no hand edits. 203 files: 52 md, 42 tsx, 32 js, 32 css, 21 ts, 13 html, 8 json, 3 mjs. Reproduce with `nix develop -c nix fmt` on the parent commit; the result should be byte-identical to this tree. None of the 13 `.prettierignore` entries appears here — verified by intersecting the changed-file list against the ignore file, with a control proving the intersection finds a match when one exists.
40 lines
1.6 KiB
TypeScript
40 lines
1.6 KiB
TypeScript
// Agent-terminal-only settings-menu row: "expand tool output panels".
|
|
// Rendered as a `<SettingsMenu>` child (`@hive/shared/settings-menu.js`)
|
|
// rather than a prop on that shared component — `SettingsMenu` is also
|
|
// used by swarm-ui, which has no terminal to apply this to, and a prior
|
|
// attempt to gate it behind a boolean prop (`showExpandDetails`) on the
|
|
// shared component drew mara's review: "you cannot just add it like
|
|
// this - if we have more and more options there in different places we
|
|
// will keep accumulating cruft in the shared component." This file owns
|
|
// its own state/storage entirely; `SettingsMenu` just renders it as a
|
|
// child, no different from any other consumer's markup.
|
|
import { useState } from "preact/hooks";
|
|
import {
|
|
getExpandDetailsPref,
|
|
setExpandDetailsPref,
|
|
} from "@hive/shared/prefs.js";
|
|
|
|
export function ExpandDetailsSetting() {
|
|
// Plain localStorage read, not a hook-managed override like
|
|
// theme/motion — `getExpandDetailsPref`/`setExpandDetailsPref`
|
|
// (`@hive/shared/prefs.js`) are the existing shared-storage-key pair
|
|
// the terminal itself already reads live (no round-trip needed here
|
|
// beyond re-rendering this row's own checkbox state on toggle).
|
|
const [expandDetails, setExpandDetailsState] = useState(() =>
|
|
getExpandDetailsPref(),
|
|
);
|
|
return (
|
|
<label class="settings-menu-row">
|
|
<span>expand tool output</span>
|
|
<input
|
|
type="checkbox"
|
|
checked={expandDetails}
|
|
onChange={(e) => {
|
|
const v = (e.target as HTMLInputElement).checked;
|
|
setExpandDetailsPref(v);
|
|
setExpandDetailsState(v);
|
|
}}
|
|
/>
|
|
</label>
|
|
);
|
|
}
|