diff --git a/starpilot/system/the_galaxy/assets/components/tools/device_settings.css b/starpilot/system/the_galaxy/assets/components/tools/device_settings.css index e989c60d66..5619195f99 100644 --- a/starpilot/system/the_galaxy/assets/components/tools/device_settings.css +++ b/starpilot/system/the_galaxy/assets/components/tools/device_settings.css @@ -4,6 +4,43 @@ padding: var(--padding-base) var(--padding-lg) var(--padding-xxl); } +.ds-dev-mode-notice { + align-items: center; + background: var(--input-bg); + border: var(--border-style-main); + border-radius: var(--border-radius-lg); + color: var(--text-color); + display: flex; + gap: var(--padding-sm); + margin-bottom: var(--margin-lg); + padding: var(--padding-sm) var(--padding-base); +} + +.ds-dev-mode-notice > i { + color: var(--main-fg); + flex: 0 0 auto; +} + +.ds-dev-mode-notice > span { + flex: 1; +} + +.ds-dev-mode-notice-btn { + background: var(--main-fg); + border: 0; + border-radius: var(--border-radius-base); + color: var(--color-black); + cursor: pointer; + font-family: var(--font-body); + font-size: var(--font-size-sm); + padding: 0.55rem 0.8rem; + white-space: nowrap; +} + +.ds-dev-mode-notice-btn:hover { + filter: brightness(1.08); +} + /* ――― Section Tabs ――― */ .ds-tabs { display: flex; diff --git a/starpilot/system/the_galaxy/assets/components/tools/device_settings.js b/starpilot/system/the_galaxy/assets/components/tools/device_settings.js index d8d6969846..8683cb653e 100644 --- a/starpilot/system/the_galaxy/assets/components/tools/device_settings.js +++ b/starpilot/system/the_galaxy/assets/components/tools/device_settings.js @@ -6,7 +6,12 @@ import { shouldSubmitPersonalityPreset, valueFromPointer, } from "/assets/components/tools/personality_profiles.mjs" -import { formatNumericParamValue, resolveVehicleUnitParam, vehicleSpeedUnit } from "/assets/mobile/js/params.js" +import { + countAdvancedHiddenByDeveloperMode, + formatNumericParamValue, + resolveVehicleUnitParam, + vehicleSpeedUnit, +} from "/assets/mobile/js/params.js" import { LONGITUDINAL_MODE_KEY, longitudinalModeLayout, validLongitudinalSnapshot } from "/assets/components/tools/longitudinal_mode.mjs" @@ -2821,6 +2826,8 @@ export function DeviceSettings({ params }) { return html`