{#if settingsState.isPanelOpen}
Model Parameters
settingsState.closePanel()} class="rounded p-1 text-theme-muted hover:bg-theme-tertiary hover:text-theme-secondary" aria-label="Close settings panel" >
Use custom parameters
settingsState.toggleCustomParameters(modelDefaults)} class="relative inline-flex h-5 w-9 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 focus:ring-offset-theme-secondary {settingsState.useCustomParameters ? 'bg-sky-600' : 'bg-theme-tertiary'}" >
{#each parameterKeys as key} {@const range = PARAMETER_RANGES[key]} {@const value = getValue(key)} {@const isDefault = value === getDefaultValue(key)}
{PARAMETER_LABELS[key]} {#if !isDefault}
*
{/if}
{formatValue(key, value)}
handleSliderChange(key, e)} disabled={!settingsState.useCustomParameters} class="h-1.5 w-full cursor-pointer appearance-none rounded-lg bg-theme-tertiary disabled:cursor-not-allowed [&::-webkit-slider-thumb]:h-3 [&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-sky-500 disabled:[&::-webkit-slider-thumb]:bg-theme-muted" title={PARAMETER_DESCRIPTIONS[key]} />
{PARAMETER_DESCRIPTIONS[key]}
{/each}
settingsState.resetToDefaults(modelDefaults)} class="rounded px-2 py-1 text-xs text-theme-muted hover:bg-theme-tertiary hover:text-theme-secondary" > Reset to defaults
{/if}