plugins/_model_config/webui/config.html

<html>
<head>
  <title>Model Preset</title>
  <script type="module">
    import { store } from "/plugins/_model_config/webui/model-config-store.js";
  </script>
</head>

<body>
  <div x-data="$store.modelConfig.createScopedPresetSelector(context)"
       x-init="await init()">
    <div class="section-title">Model Preset</div>
    <div class="section-description">
      This scope stores only a preset selection. Edit the preset once and every scope using it stays in sync.
    </div>
    <div class="scoped-preset-overview">
      <x-component path="/plugins/_model_config/webui/preset-overview.html"></x-component>
    </div>
  </div>

  <style>
    .scoped-preset-overview {
      margin-top: 1rem;
    }
  </style>
</body>
</html>