// tweaks-panel.jsx — Panel de ajustes de interfaz
const { useState: useStateTwk } = React;
function useTweaks(defaults) {
const [tweaks, setTweaksState] = useStateTwk(() => {
try {
const saved = localStorage.getItem("g-tweaks");
return saved ? { ...defaults, ...JSON.parse(saved) } : defaults;
} catch (e) {
return defaults;
}
});
const setTweak = (key, value) => {
setTweaksState((prev) => {
const next = { ...prev, [key]: value };
try { localStorage.setItem("g-tweaks", JSON.stringify(next)); } catch (e) {}
return next;
});
};
return [tweaks, setTweak];
}
function TweaksPanel({ children }) {
const [open, setOpen] = useStateTwk(false);
return (
<>
{open && (
Ajustes de interfaz
{children}
)}
);
}
function TweakSection({ label }) {
return (
{label}
);
}
function TweakColor({ label, value, options, onChange }) {
return (
{label}
{options.map((c) => (
);
}
function TweakToggle({ label, value, onChange }) {
return (
{label}
);
}
function TweakRadio({ label, value, options, onChange }) {
return (
{label}
{options.map((o) => (
))}
);
}
function TweakSelect({ label, value, options, onChange }) {
return (
{label}
);
}
Object.assign(window, { useTweaks, TweaksPanel, TweakSection, TweakColor, TweakToggle, TweakRadio, TweakSelect });